vue-data-ui 3.23.0 → 3.23.2

package/dist/{vue-ui-parallel-coordinate-plot-DE9wTmQQ.js → vue-ui-parallel-coordinate-plot-GpkXiIZA.js}

@@ -1,24 +1,24 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, D as n, G as r, Gt as i, Jt as a, Kt as o, P as s, Pt as c, S as ee, V as te, X as ne, _ as re, ct as ie, ht as ae, i as oe, jt as se, pt as ce, q as le, qt as ue, t as de, tt as fe, w as pe, xt as me } from "./lib-BuMGJ_a0.js";
+import { $ as t, D as n, G as r, Gt as i, Jt as a, Kt as o, P as s, Pt as c, S as ee, V as te, X as ne, _ as re, ct as ie, ht as ae, i as oe, jt as se, pt as ce, q as le, qt as ue, t as de, tt as fe, w as pe, xt as me } from "./lib-Bttd6u5E.js";
 import { n as he, t as ge } from "./useHints-Dq_w2E8B.js";
-import { t as _e } from "./useConfig-BilxnBNr.js";
-import { t as ve } from "./usePrinter-BFvi4jVy.js";
+import { t as _e } from "./useConfig-DlNpz6P8.js";
+import { t as ve } from "./usePrinter-DN5bYhTG.js";
 import { n as ye, t as be } from "./BaseScanner-DZvpgOjM.js";
-import { t as xe } from "./useSvgExport-Ba9qBr9M.js";
-import { t as Se } from "./useNestedProp--NSEmhOH.js";
-import { t as Ce } from "./useThemeCheck-C43Tcqmk.js";
+import { t as xe } from "./useNestedProp-vPNvh7rV.js";
+import { t as Se } from "./useThemeCheck-C43Tcqmk.js";
+import { t as Ce } from "./useChartExport-DNiwdPmb.js";
 import { t as we } from "./useTransitions-g_zBREk2.js";
 import { t as Te } from "./useTimeLabelCollider-AEcY4Ioe.js";
-import { t as Ee } from "./img-DIQG5q8T.js";
-import { n as De } from "./Title-BODtwViI.js";
-import { t as Oe } from "./Shape-BPMV94Ij.js";
+import { t as Ee } from "./img-Bnokohej.js";
+import { n as De } from "./Title-BE3qg9xl.js";
+import { t as Oe } from "./Shape-C21CMlWS.js";
 import { t as ke } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as Ae, t as je } from "./useResponsive-ZtArZtUf.js";
-import { t as Me } from "./BaseLegendToggle-CtAPwzr2.js";
+import { t as Me } from "./BaseLegendToggle-DZVucLnv.js";
 import { t as Ne } from "./A11yDataTable-DdRsVULz.js";
 import { t as Pe } from "./useUserOptionState-DK-_1ddE.js";
 import { t as Fe } from "./useChartAccessibility-DYqac8yF.js";
-import { t as Ie } from "./Legend-CQTRlzK-.js";
+import { t as Ie } from "./Legend-CQxUgOd-.js";
 import { t as Le } from "./vue_ui_parallel_coordinate_plot-CBiOBira.js";
 import { Fragment as l, Teleport as Re, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createSlots as ze, createTextVNode as Be, createVNode as Ve, defineAsyncComponent as h, guardReactiveProps as g, mergeProps as He, nextTick as Ue, normalizeClass as _, normalizeProps as v, normalizeStyle as y, onBeforeUnmount as We, onMounted as Ge, openBlock as b, ref as x, renderList as S, renderSlot as C, resolveDynamicComponent as Ke, shallowRef as qe, toDisplayString as w, toRefs as Je, unref as T, watch as Ye, watchEffect as Xe, withCtx as E } from "vue";
 //#region src/components/vue-ui-parallel-coordinate-plot.vue
@@ -125,21 +125,21 @@ var Ze = /* @__PURE__ */ e({ default: () => Ct }), Qe = ["id"], $e = ["id"], et
 		"copyAlt"
 	],
 	setup(e, { expose: ke, emit: Ze }) {
-		let Ct = h(() => import("./Tooltip-CMTGxeYO.js")), wt = h(() => import("./BaseIcon-91MZoczJ.js").then((e) => e.n)), Tt = h(() => import("./vue-ui-accordion-61MlW-Ge.js").then((e) => e.n)), Et = h(() => import("./DataTable-D4tM9s5Y.js")), Dt = h(() => import("./PenAndPaper-cE4J8-rA.js").then((e) => e.t)), Ot = h(() => import("./UserOptions-3ujTo3LD.js").then((e) => e.n)), kt = h(() => import("./PackageVersion--QCMh5k_.js").then((e) => e.t)), At = h(() => import("./BaseDraggableDialog-qTnfhLBz.js").then((e) => e.n)), { vue_ui_parallel_coordinate_plot: jt } = _e(), { isThemeValid: Mt, warnInvalidTheme: Nt } = Ce(), D = e, Pt = u({
+		let Ct = h(() => import("./Tooltip-DhjyfHwz.js")), wt = h(() => import("./BaseIcon-BfndwIWE.js").then((e) => e.n)), Tt = h(() => import("./vue-ui-accordion-DegI2lzR.js").then((e) => e.n)), Et = h(() => import("./DataTable-BbKgJ5UI.js")), Dt = h(() => import("./PenAndPaper-DAE-tnEQ.js").then((e) => e.t)), Ot = h(() => import("./UserOptions-Dt98of5H.js").then((e) => e.n)), kt = h(() => import("./PackageVersion-DXU7nRr9.js").then((e) => e.t)), At = h(() => import("./BaseDraggableDialog-LoqqwRtV.js").then((e) => e.n)), { vue_ui_parallel_coordinate_plot: jt } = _e(), { isThemeValid: Mt, warnInvalidTheme: Nt } = Se(), D = e, Pt = u({
 			get() {
 				return !!D.dataset && D.dataset.length;
 			},
 			set(e) {
 				return e;
 			}
-		}), Ft = x(0), O = x(null), It = x(null), Lt = x(null), Rt = x(null), zt = x(null), Bt = x(0), Vt = x(0), Ht = x(0), Ut = x(!1), k = x(null), Wt = x(null), Gt = x(!1), Kt = x(!1), qt = x(null), A = x(null), Jt = x({
+		}), Ft = x(0), O = x(null), It = x(null), Lt = x(null), Rt = x(null), zt = x(null), Bt = x(0), Vt = x(0), Ht = x(0), Ut = x(!1), k = x(null), Wt = x(null), Gt = x(null), A = x(null), Kt = x({
 			x: 0,
 			y: 0
-		}), Yt = x("pointer"), Xt = x(!1), j = x(le()), M = x(!1);
-		function Zt(e) {
+		}), qt = x("pointer"), Jt = x(!1), j = x(le()), M = x(!1);
+		function Yt(e) {
 			M.value = e, Ft.value += 1;
 		}
-		let N = x(on()), { transitionEnabled: P } = we({
+		let N = x(rn()), { transitionEnabled: P } = we({
 			config: () => N.value.transitions,
 			dataset: () => D.dataset
 		});
@@ -175,7 +175,7 @@ var Ze = /* @__PURE__ */ e({ default: () => Ct }), Qe = ["id"], $e = ["id"], et
 				}
 			]
 		});
-		let F = u(() => N.value.userOptions.useCursorPointer), Qt = u(() => a({
+		let F = u(() => N.value.userOptions.useCursorPointer), Xt = u(() => a({
 			defaultConfig: {
 				useCssAnimation: !1,
 				userOptions: { show: !1 },
@@ -197,10 +197,10 @@ var Ze = /* @__PURE__ */ e({ default: () => Ct }), Qe = ["id"], $e = ["id"], et
 				} }
 			},
 			userConfig: N.value.skeletonConfig ?? {}
-		})), { loading: $t, FINAL_DATASET: en, manualLoading: tn } = ye({
+		})), { loading: Zt, FINAL_DATASET: Qt, manualLoading: $t } = ye({
 			...Je(D),
 			FINAL_CONFIG: N,
-			prepareConfig: on,
+			prepareConfig: rn,
 			callback: () => {
 				Promise.resolve().then(async () => {
 					await Ue(), H.value.showTable = N.value.table.show;
@@ -252,20 +252,20 @@ var Ze = /* @__PURE__ */ e({ default: () => Ct }), Qe = ["id"], $e = ["id"], et
 			],
 			skeletonConfig: a({
 				defaultConfig: N.value,
-				userConfig: Qt.value
+				userConfig: Xt.value
 			})
-		}), { userOptionsVisible: nn, setUserOptionsVisibility: rn, keepUserOptionState: an } = Pe({ config: N.value }), { svgRef: I } = Fe({ config: N.value.style.chart.title });
-		function on() {
-			let e = Se({
+		}), { userOptionsVisible: en, setUserOptionsVisibility: tn, keepUserOptionState: nn } = Pe({ config: N.value }), { svgRef: I } = Fe({ config: N.value.style.chart.title });
+		function rn() {
+			let e = xe({
 				userConfig: D.config,
 				defaultConfig: jt
 			}), t = e.theme;
 			if (!t) return e;
 			if (!Mt.value(e)) return Nt(e), e;
-			let n = Se({
+			let n = xe({
 				userConfig: Le[t] || D.config,
 				defaultConfig: e
-			}), r = Se({
+			}), r = xe({
 				userConfig: D.config,
 				defaultConfig: n
 			});
@@ -275,21 +275,21 @@ var Ze = /* @__PURE__ */ e({ default: () => Ct }), Qe = ["id"], $e = ["id"], et
 			};
 		}
 		Ye(() => D.config, (e) => {
-			$t.value || (N.value = on()), nn.value = !N.value.userOptions.showOnChartHover, cn(), Bt.value += 1, Ht.value += 1, Vt.value += 1, H.value.dataLabels.show = N.value.style.chart.yAxis.labels.datapoints.show, H.value.showTable = N.value.table.show, H.value.showTooltip = N.value.style.chart.tooltip.show;
+			Zt.value || (N.value = rn()), en.value = !N.value.userOptions.showOnChartHover, on(), Bt.value += 1, Ht.value += 1, Vt.value += 1, H.value.dataLabels.show = N.value.style.chart.yAxis.labels.datapoints.show, H.value.showTable = N.value.table.show, H.value.showTooltip = N.value.style.chart.tooltip.show;
 		}, { deep: !0 }), Ye(() => D.dataset, (e) => {
-			Array.isArray(e) && e.length > 0 && (tn.value = !1);
+			Array.isArray(e) && e.length > 0 && ($t.value = !1);
 		}, { deep: !0 });
 		let L = qe(null), R = qe(null);
 		Ge(() => {
-			Ut.value = !0, cn();
+			Ut.value = !0, on();
 		});
-		let sn = u(() => !!N.value.debug);
-		function cn() {
+		let an = u(() => N.value.debug);
+		function on() {
 			if (se(D.dataset) ? (fe({
 				componentName: "VueUiParallelCoordinatePlot",
 				type: "dataset",
-				debug: sn.value
-			}), tn.value = !0) : D.dataset.forEach((e, t) => {
+				debug: an.value
+			}), $t.value = !0) : D.dataset.forEach((e, t) => {
 				ce({
 					datasetObject: e,
 					requiredAttributes: ["name", "series"]
@@ -299,10 +299,10 @@ var Ze = /* @__PURE__ */ e({ default: () => Ct }), Qe = ["id"], $e = ["id"], et
 						type: "datasetSerieAttribute",
 						property: e,
 						index: t,
-						debug: sn.value
+						debug: an.value
 					});
 				});
-			}), se(D.dataset) || (tn.value = N.value.loading), N.value.responsive) {
+			}), se(D.dataset) || ($t.value = N.value.loading), N.value.responsive) {
 				let e = Ae(() => {
 					let { width: e, height: t } = je({
 						chart: O.value,
@@ -345,30 +345,30 @@ var Ze = /* @__PURE__ */ e({ default: () => Ct }), Qe = ["id"], $e = ["id"], et
 		We(() => {
 			L.value && (R.value && L.value.unobserve(R.value), L.value.disconnect());
 		});
-		let { isPrinting: ln, isImaging: un, generatePdf: dn, generateImage: fn } = ve({
+		let { isPrinting: sn, isImaging: cn, generatePdf: ln, generateImage: un } = ve({
 			elementId: `pcp_${j.value}`,
 			fileName: N.value.style.chart.title.text || "vue-ui-parallel-coordinate-plot",
 			options: N.value.userOptions.print
-		}), pn = u(() => N.value.userOptions.show && !N.value.style.chart.title.text), z = x({
+		}), dn = u(() => N.value.userOptions.show && !N.value.style.chart.title.text), z = x({
 			height: N.value.style.chart.height,
 			width: N.value.style.chart.width,
 			plotSize: N.value.style.chart.plots.radius,
 			ticksFontSize: N.value.style.chart.yAxis.labels.ticks.fontSize,
 			datapointFontSize: N.value.style.chart.yAxis.labels.datapoints.fontSize,
 			axisNameFontSize: N.value.style.chart.yAxis.labels.axisNamesFontSize
-		}), mn = u(() => z.value.width), hn = u(() => z.value.height), B = x(0), gn = Ae((e) => {
+		}), fn = u(() => z.value.width), pn = u(() => z.value.height), B = x(0), mn = Ae((e) => {
 			B.value = e;
 		}, 100);
 		Xe((e) => {
-			let t = qt.value;
+			let t = Gt.value;
 			if (!t) return;
 			let n = new ResizeObserver((e) => {
-				gn(e[0].contentRect.height);
+				mn(e[0].contentRect.height);
 			});
 			n.observe(t), e(() => n.disconnect());
 		});
 		let V = u(() => {
-			let { top: e, right: t, bottom: n, left: r } = N.value.style.chart.padding, i = hn.value, a = mn.value;
+			let { top: e, right: t, bottom: n, left: r } = N.value.style.chart.padding, i = pn.value, a = fn.value;
 			return {
 				chartHeight: Math.max(.001, i),
 				chartWidth: Math.max(.001, a),
@@ -379,7 +379,7 @@ var Ze = /* @__PURE__ */ e({ default: () => Ct }), Qe = ["id"], $e = ["id"], et
 				right: a - t,
 				bottom: i - n - z.value.datapointFontSize
 			};
-		}), _n = u(() => pe(N.value.customPalette)), H = x({
+		}), hn = u(() => pe(N.value.customPalette)), H = x({
 			dataLabels: { show: N.value.style.chart.yAxis.labels.datapoints.show },
 			showTable: N.value.table.show,
 			showTooltip: N.value.style.chart.tooltip.show
@@ -392,16 +392,16 @@ var Ze = /* @__PURE__ */ e({ default: () => Ct }), Qe = ["id"], $e = ["id"], et
 			};
 		}, { immediate: !0 });
 		let U = x([]);
-		function vn() {
+		function gn() {
 			U.value.length ? U.value = [] : G.value.forEach((e) => {
 				U.value.push(e.id);
-			}), Fn("selectLegend", Tn.value);
+			}), Nn("selectLegend", Cn.value);
 		}
-		function yn(e) {
-			U.value.includes(e) ? U.value = U.value.filter((t) => t !== e) : U.value.push(e), Fn("selectLegend", Tn.value);
+		function _n(e) {
+			U.value.includes(e) ? U.value = U.value.filter((t) => t !== e) : U.value.push(e), Nn("selectLegend", Cn.value);
 		}
-		let W = u(() => en.value.map((e, t) => {
-			let n = ee(e.color) || _n.value[t] || c[t] || c[t % c.length];
+		let W = u(() => Qt.value.map((e, t) => {
+			let n = ee(e.color) || hn.value[t] || c[t] || c[t % c.length];
 			return {
 				...e,
 				series: e.series.map((e) => ({
@@ -415,49 +415,49 @@ var Ze = /* @__PURE__ */ e({ default: () => Ct }), Qe = ["id"], $e = ["id"], et
 				shape: e.shape || "circle"
 			};
 		}));
-		function bn(e) {
-			return W.value.length ? W.value.find((t) => t.name === e) || (N.value.debug && console.warn(`VueUiParallelCoordinatePlot - Series name not found "${e}"`), null) : (N.value.debug && console.warn("VueUiParallelCoordinatePlot - There are no series to show."), null);
+		function vn(e) {
+			return W.value.length ? W.value.find((t) => t.name === e) || (an.value && console.warn(`VueUiParallelCoordinatePlot - Series name not found "${e}"`), null) : (an.value && console.warn("VueUiParallelCoordinatePlot - There are no series to show."), null);
 		}
-		function xn(e) {
-			let t = bn(e);
-			t !== null && U.value.includes(t.id) && yn(t.id);
+		function yn(e) {
+			let t = vn(e);
+			t !== null && U.value.includes(t.id) && _n(t.id);
 		}
-		function Sn(e) {
-			let t = bn(e);
-			t !== null && (U.value.includes(t.id) || yn(t.id));
+		function bn(e) {
+			let t = vn(e);
+			t !== null && (U.value.includes(t.id) || _n(t.id));
 		}
 		let G = u(() => W.value.map((e) => ({
 			...e,
 			opacity: U.value.includes(e.id) ? .5 : 1,
-			segregate: () => yn(e.id),
+			segregate: () => _n(e.id),
 			isSegregated: U.value.includes(e.id),
 			shape: e.shape || "circle"
-		}))), Cn = u(() => ({
+		}))), xn = u(() => ({
 			cy: "pcp-div-legend",
 			backgroundColor: N.value.style.chart.legend.backgroundColor,
 			color: N.value.style.chart.legend.color,
 			fontSize: N.value.style.chart.legend.fontSize,
 			paddingBottom: 12,
 			fontWeight: N.value.style.chart.legend.bold ? "bold" : ""
-		})), wn = u(() => Math.max(...W.value.filter((e) => !U.value.includes(e.id)).map((e) => Math.max(...e.series.flatMap((e) => e.values.length))))), K = u(() => V.value.width / wn.value), Tn = u(() => W.value.filter((e) => !U.value.includes(e.id))), q = u(() => {
+		})), Sn = u(() => Math.max(...W.value.filter((e) => !U.value.includes(e.id)).map((e) => Math.max(...e.series.flatMap((e) => e.values.length))))), K = u(() => V.value.width / Sn.value), Cn = u(() => W.value.filter((e) => !U.value.includes(e.id))), q = u(() => {
 			let e = [];
-			for (let t = 0; t < wn.value; t += 1) {
-				let n = Math.min(...Tn.value.flatMap((e) => e.series.map((e) => e.values[t] || 0) || 0)), r = Math.max(...Tn.value.flatMap((e) => e.series.map((e) => e.values[t] || 0) || 0)), i = re(r === n ? n / 4 : n, r === n ? r * 2 : r, N.value.style.chart.yAxis.scaleTicks), a = i.ticks.map((e, n) => {
-					let r = i.min < 0 ? e + Math.abs(i.min) : e - Math.abs(i.min), a = i.min < 0 ? i.max + Math.abs(i.min) : i.max - Math.abs(i.min);
+			for (let t = 0; t < Sn.value; t += 1) {
+				let n = Math.min(...Cn.value.flatMap((e) => e.series.map((e) => e.values[t] || 0) || 0)), r = Math.max(...Cn.value.flatMap((e) => e.series.map((e) => e.values[t] || 0) || 0)), i = r === n ? n / 4 : n, a = r === n ? r * 2 : r, o = re(i, a, N.value.style.chart.yAxis.scaleTicks), s = o.ticks.map((e, n) => {
+					let r = o.min < 0 ? e + Math.abs(o.min) : e - Math.abs(o.min), i = o.min < 0 ? o.max + Math.abs(o.min) : o.max - Math.abs(o.min);
 					return {
-						y: V.value.bottom - V.value.height * (r / a),
+						y: V.value.bottom - V.value.height * (r / i),
 						x: V.value.left + K.value * t + K.value / 2,
 						value: e
 					};
 				});
 				e.push({
-					scale: i,
-					ticks: a,
+					scale: o,
+					ticks: s,
 					name: N.value.style.chart.yAxis.labels.axisNames[t] || `Y-${t + 1}`
 				});
 			}
 			return e;
-		}), J = u(() => Tn.value.map((e, t) => ({
+		}), J = u(() => Cn.value.map((e, t) => ({
 			...e,
 			series: e.series.map((n, r) => ({
 				...n,
@@ -496,7 +496,7 @@ var Ze = /* @__PURE__ */ e({ default: () => Ct }), Qe = ["id"], $e = ["id"], et
 			S: t,
 			key: `${t}_${r}`
 		}))));
-		function En({ value: e, index: t, datapoint: n }) {
+		function wn({ value: e, index: t, datapoint: n }) {
 			return oe(N.value.style.chart.yAxis.labels.formatters[t] || null, e, ne({
 				p: N.value.style.chart.yAxis.labels.prefixes[t] || "",
 				v: e,
@@ -507,8 +507,8 @@ var Ze = /* @__PURE__ */ e({ default: () => Ct }), Qe = ["id"], $e = ["id"], et
 				seriesIndex: t
 			});
 		}
-		let X = x(null), Dn = x(null), On = x(!1), kn = x("");
-		function An({ shape: e, serie: t, S: n }) {
+		let X = x(null), Tn = x(null), En = x(!1), Dn = x("");
+		function Z({ shape: e, serie: t, S: n }) {
 			N.value.events.datapointLeave && N.value.events.datapointLeave({
 				datapoint: {
 					...t,
@@ -517,23 +517,23 @@ var Ze = /* @__PURE__ */ e({ default: () => Ct }), Qe = ["id"], $e = ["id"], et
 				seriesIndex: n
 			});
 			let r = A.value === null ? null : Y.value[A.value];
-			Yt.value === "keyboard" && r && r.serie.id === t.id || (X.value = null, On.value = !1);
+			qt.value === "keyboard" && r && r.serie.id === t.id || (X.value = null, En.value = !1);
 		}
-		function jn(e) {
+		function On(e) {
 			if (!I.value || !e?.datapoints?.length) return;
 			let t = e.datapoints[Math.floor(e.datapoints.length / 2)];
 			if (!t) return;
 			let n = i(t.x, t.y, I.value);
-			n && (Jt.value = n);
+			n && (Kt.value = n);
 		}
-		function Z({ shape: e, serieName: t, serie: n, relativeIndex: r, seriesIndex: i, S: a, triggerMode: o = "pointer" }) {
+		function kn({ shape: e, serieName: t, serie: n, relativeIndex: r, seriesIndex: i, S: a, triggerMode: o = "pointer" }) {
 			N.value.events.datapointEnter && N.value.events.datapointEnter({
 				datapoint: {
 					...n,
 					shape: e
 				},
 				seriesIndex: a
-			}), Yt.value = o, Dn.value = {
+			}), qt.value = o, Tn.value = {
 				config: N.value,
 				datapoint: n,
 				serie: n,
@@ -541,7 +541,7 @@ var Ze = /* @__PURE__ */ e({ default: () => Ct }), Qe = ["id"], $e = ["id"], et
 				seriesIndex: i,
 				series: W.value,
 				scales: q.value
-			}, On.value = !0, X.value = n.id;
+			}, En.value = !0, X.value = n.id;
 			let s = "", c = N.value.style.chart.tooltip.customFormat;
 			me(c) && ie(() => c({
 				serie: n,
@@ -549,7 +549,7 @@ var Ze = /* @__PURE__ */ e({ default: () => Ct }), Qe = ["id"], $e = ["id"], et
 				series: W.value,
 				config: N.value,
 				scales: q.value
-			})) ? kn.value = c({
+			})) ? Dn.value = c({
 				serie: n,
 				seriesIndex: n.seriesIndex,
 				series: W.value,
@@ -572,11 +572,11 @@ var Ze = /* @__PURE__ */ e({ default: () => Ct }), Qe = ["id"], $e = ["id"], et
                     </span>
                 </div>
             `, N.value.style.chart.comments.showInTooltip && n.datapoints[t].comment && (s += `<div class="vue-data-ui-tooltip-comment" style="background:${n.color}20; padding: 6px; margin-bottom: 6px; border-left: 1px solid ${n.color}">${n.datapoints[t].comment}</div>`);
-			}), kn.value = `<div>${s}</div>`), o === "keyboard" && Ue(() => {
-				jn(n);
+			}), Dn.value = `<div>${s}</div>`), o === "keyboard" && Ue(() => {
+				On(n);
 			});
 		}
-		function Mn() {
+		function An() {
 			return W.value;
 		}
 		let Q = u(() => {
@@ -599,7 +599,7 @@ var Ze = /* @__PURE__ */ e({ default: () => Ct }), Qe = ["id"], $e = ["id"], et
 				},
 				colNames: [N.value.table.columnNames.series, N.value.table.columnNames.item].concat(q.value.map((e) => e.name))
 			};
-		}), Nn = u(() => J.value.length === 0 ? {
+		}), jn = u(() => J.value.length === 0 ? {
 			head: [],
 			body: [],
 			config: {},
@@ -608,41 +608,41 @@ var Ze = /* @__PURE__ */ e({ default: () => Ct }), Qe = ["id"], $e = ["id"], et
 			head: Q.value.head,
 			body: Q.value.body
 		});
-		function Pn(e = null) {
+		function Mn(e = null) {
 			let r = [
 				[N.value.style.chart.title.text],
 				[N.value.style.chart.title.subtitle.text],
 				[""]
-			], i = Nn.value.head, a = Nn.value.body, o = n(r.concat([i]).concat(a));
-			e ? e(o) : t({
-				csvContent: o,
+			], i = jn.value.head, a = jn.value.body, o = r.concat([i]).concat(a), s = n(o);
+			e ? e(s) : t({
+				csvContent: s,
 				title: N.value.style.chart.title.text || "vue-ui-parallel-coordinate-plot"
 			});
 		}
-		let Fn = Ze;
-		function In({ serie: e, shape: t, S: n }) {
+		let Nn = Ze;
+		function Pn({ serie: e, shape: t, S: n }) {
 			N.value.events.datapointClick && N.value.events.datapointClick({
 				datapoint: {
 					...e,
 					shape: t
 				},
 				seriesIndex: n
-			}), Fn("selectDatapoint", e);
+			}), Nn("selectDatapoint", e);
 		}
-		function Ln() {
+		function Fn() {
 			H.value.showTable = !H.value.showTable;
 		}
-		function Rn() {
+		function In() {
 			H.value.dataLabels.show = !H.value.dataLabels.show;
 		}
-		function zn() {
+		function Ln() {
 			H.value.showTooltip = !H.value.showTooltip;
 		}
-		let Bn = x(!1);
-		function Vn() {
-			Bn.value = !Bn.value;
+		let Rn = x(!1);
+		function zn() {
+			Rn.value = !Rn.value;
 		}
-		async function Hn({ scale: e = 2 } = {}) {
+		async function Bn({ scale: e = 2 } = {}) {
 			if (!O.value) return;
 			let { width: t, height: n } = O.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await Ee({
 				domElement: O.value,
@@ -659,14 +659,14 @@ var Ze = /* @__PURE__ */ e({ default: () => Ct }), Qe = ["id"], $e = ["id"], et
 				aspectRatio: r
 			};
 		}
-		let Un = x({
+		let Vn = x({
 			start: 0,
 			end: 1
-		});
+		}), Hn = u(() => q.value.map((e) => e.name));
 		Te({
-			timeLabelsEls: qt,
-			timeLabels: u(() => q.value.map((e) => e.name)),
-			slicer: Un,
+			timeLabelsEls: Gt,
+			timeLabels: Hn,
+			slicer: Vn,
 			configRef: N,
 			rotationPath: [
 				"style",
@@ -684,12 +684,12 @@ var Ze = /* @__PURE__ */ e({ default: () => Ct }), Qe = ["id"], $e = ["id"], et
 				"enable"
 			],
 			isAutoSize: !1,
-			width: mn,
-			height: hn,
+			width: fn,
+			height: pn,
 			targetClass: ".vue-ui-parallel-coordinate-plot-x-label",
 			rotation: N.value.style.chart.yAxis.labels.axisNamesAutoRotate.angle
 		});
-		let Wn = u(() => {
+		let Un = u(() => {
 			let e = N.value.table.useDialog && !N.value.table.show, t = H.value.showTable;
 			return {
 				component: e ? At : Tt,
@@ -723,45 +723,20 @@ var Ze = /* @__PURE__ */ e({ default: () => Ct }), Qe = ["id"], $e = ["id"], et
 		Ye(() => H.value.showTable, (e) => {
 			N.value.table.show || (e && N.value.table.useDialog && k.value ? k.value.open() : "close" in k.value && k.value.close());
 		});
-		function Gn() {
+		function Wn() {
 			H.value.showTable = !1, Wt.value && Wt.value.setTableIconState(!1);
 		}
-		let Kn = u(() => N.value.style.chart.backgroundColor), qn = u(() => N.value.style.chart.legend), { exportSvg: Jn, getSvg: Yn } = xe({
+		let Gn = u(() => N.value.style.chart.backgroundColor), Kn = u(() => N.value.style.chart.legend), qn = u(() => N.value.style.chart.title), { isCallbackImaging: Jn, isCallbackSvg: Yn, generateSvg: Xn, onGenerateImage: Zn } = Ce({
 			svg: I,
-			title: u(() => N.value.style.chart.title),
-			legend: qn,
+			title: qn,
+			legend: Kn,
 			legendItems: G,
-			backgroundColor: Kn
+			backgroundColor: Gn,
+			getSvgCallback: () => N.value.userOptions.callbacks.svg,
+			generateImage: un
 		});
-		async function Xn({ isCb: e }) {
-			Kt.value = !0, await Ue();
-			try {
-				if (e) {
-					let { blob: e, url: t, text: n, dataUrl: r } = await Yn();
-					await Promise.resolve(N.value.userOptions.callbacks.svg({
-						blob: e,
-						url: t,
-						text: n,
-						dataUrl: r
-					}));
-				} else await Promise.resolve(Jn());
-			} finally {
-				Kt.value = !1;
-			}
-		}
-		function Zn(e) {
-			if (e?.stage === "start") {
-				Gt.value = !0;
-				return;
-			}
-			if (e?.stage === "end") {
-				Gt.value = !1;
-				return;
-			}
-			fn();
-		}
 		async function Qn() {
-			if (Fn("copyAlt", {
+			if (Nn("copyAlt", {
 				config: N.value,
 				dataset: J.value
 			}), !N.value.userOptions.callbacks.altCopy) {
@@ -780,22 +755,22 @@ var Ze = /* @__PURE__ */ e({ default: () => Ct }), Qe = ["id"], $e = ["id"], et
 		function er() {
 			if (A.value !== null) {
 				let e = Y.value[A.value];
-				e && An({
+				e && Z({
 					shape: e.shape,
 					serie: e.serie,
 					S: e.S
 				});
 			}
-			A.value = null, Yt.value = "pointer", X.value = null, On.value = !1;
+			A.value = null, qt.value = "pointer", X.value = null, En.value = !1;
 		}
 		function tr() {
-			A.value = null, Xt.value = !0;
+			A.value = null, Jt.value = !0;
 		}
 		function nr() {
-			er(), Xt.value = !1;
+			er(), Jt.value = !1;
 		}
 		function rr(e) {
-			if (!I.value || Bn.value || document.activeElement !== I.value || !Y.value.length) return;
+			if (!I.value || Rn.value || document.activeElement !== I.value || !Y.value.length) return;
 			let t = ["ArrowUp", "ArrowLeft"].includes(e.key), n = ["ArrowDown", "ArrowRight"].includes(e.key), r = e.key === "Enter" || e.key === " ", i = e.key === "Escape";
 			if (!t && !n && !r && !i) return;
 			if (e.preventDefault(), e.stopPropagation(), i) {
@@ -806,7 +781,7 @@ var Ze = /* @__PURE__ */ e({ default: () => Ct }), Qe = ["id"], $e = ["id"], et
 				if (A.value === null) return;
 				let e = Y.value[A.value];
 				if (!e) return;
-				In({
+				Pn({
 					serie: e.serie,
 					shape: e.shape,
 					S: e.S
@@ -816,7 +791,7 @@ var Ze = /* @__PURE__ */ e({ default: () => Ct }), Qe = ["id"], $e = ["id"], et
 			let a = A.value;
 			a = a === null ? n ? 0 : Y.value.length - 1 : $n(a + (n ? 1 : -1));
 			let o = Y.value[a];
-			o && (A.value = a, Z({
+			o && (A.value = a, kn({
 				shape: o.shape,
 				serieName: o.serieName,
 				serie: o.serie,
@@ -837,19 +812,19 @@ var Ze = /* @__PURE__ */ e({ default: () => Ct }), Qe = ["id"], $e = ["id"], et
 			notice: N.value.a11y.translations.tableAvailable
 		}));
 		return ke({
-			getData: Mn,
-			getImage: Hn,
-			generateCsv: Pn,
-			generatePdf: dn,
-			generateImage: fn,
+			getData: An,
+			getImage: Bn,
+			generateCsv: Mn,
+			generatePdf: ln,
+			generateImage: un,
 			generateSvg: Xn,
-			hideSeries: Sn,
-			showSeries: xn,
-			toggleTable: Ln,
-			toggleLabels: Rn,
-			toggleTooltip: zn,
-			toggleAnnotator: Vn,
-			toggleFullscreen: Zt,
+			hideSeries: bn,
+			showSeries: yn,
+			toggleTable: Fn,
+			toggleLabels: In,
+			toggleTooltip: Ln,
+			toggleAnnotator: zn,
+			toggleFullscreen: Yt,
 			copyAlt: Qn
 		}), (e, t) => (b(), p("div", {
 			ref_key: "pcpChart",
@@ -857,8 +832,8 @@ var Ze = /* @__PURE__ */ e({ default: () => Ct }), Qe = ["id"], $e = ["id"], et
 			class: _(`vue-data-ui-component vue-ui-pcp ${M.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${N.value.useCssAnimation ? "" : "vue-ui-dna"}`),
 			style: y(`font-family:${N.value.style.fontFamily};width:100%; text-align:center;background:${N.value.style.chart.backgroundColor};${N.value.responsive ? "height:100%" : ""}`),
 			id: `pcp_${j.value}`,
-			onMouseenter: t[2] ||= () => T(rn)(!0),
-			onMouseleave: t[3] ||= () => T(rn)(!1)
+			onMouseenter: t[2] ||= () => T(tn)(!0),
+			onMouseleave: t[3] ||= () => T(tn)(!1)
 		}, [
 			m("div", {
 				id: `chart-instructions-${j.value}`,
@@ -883,9 +858,9 @@ var Ze = /* @__PURE__ */ e({ default: () => Ct }), Qe = ["id"], $e = ["id"], et
 				svgRef: T(I),
 				backgroundColor: N.value.style.chart.backgroundColor,
 				color: N.value.style.chart.color,
-				active: Bn.value,
+				active: Rn.value,
 				isCursorPointer: F.value,
-				onClose: Vn
+				onClose: zn
 			}, {
 				"annotator-action-close": E(() => [C(e.$slots, "annotator-action-close", {}, void 0, !0)]),
 				"annotator-action-color": E(({ color: t }) => [C(e.$slots, "annotator-action-color", v(g({ color: t })), void 0, !0)]),
@@ -901,7 +876,7 @@ var Ze = /* @__PURE__ */ e({ default: () => Ct }), Qe = ["id"], $e = ["id"], et
 				"active",
 				"isCursorPointer"
 			])) : f("", !0),
-			pn.value ? (b(), p("div", {
+			dn.value ? (b(), p("div", {
 				key: 2,
 				ref_key: "noTitle",
 				ref: zt,
@@ -927,14 +902,14 @@ var Ze = /* @__PURE__ */ e({ default: () => Ct }), Qe = ["id"], $e = ["id"], et
 				}
 			}, null, 8, ["config"]))], 512)) : f("", !0),
 			m("div", { id: `legend-top-${j.value}` }, null, 8, et),
-			N.value.userOptions.show && Pt.value && (T(an) || T(nn)) ? (b(), d(T(Ot), {
+			N.value.userOptions.show && Pt.value && (T(nn) || T(en)) ? (b(), d(T(Ot), {
 				ref_key: "userOptionsRef",
 				ref: Wt,
 				key: `user_options_${Ft.value}`,
 				backgroundColor: N.value.style.chart.backgroundColor,
 				color: N.value.style.chart.color,
-				isPrinting: T(ln),
-				isImaging: T(un),
+				isPrinting: T(sn),
+				isImaging: T(cn),
 				uid: j.value,
 				hasTooltip: N.value.userOptions.buttons.tooltip && N.value.style.chart.tooltip.show,
 				hasPdf: N.value.userOptions.buttons.pdf,
@@ -951,22 +926,22 @@ var Ze = /* @__PURE__ */ e({ default: () => Ct }), Qe = ["id"], $e = ["id"], et
 				chartElement: O.value,
 				position: N.value.userOptions.position,
 				hasAnnotator: N.value.userOptions.buttons.annotator,
-				isAnnotation: Bn.value,
+				isAnnotation: Rn.value,
 				callbacks: N.value.userOptions.callbacks,
 				printScale: N.value.userOptions.print.scale,
 				tableDialog: N.value.table.useDialog,
 				isCursorPointer: F.value,
-				onToggleFullscreen: Zt,
-				onGeneratePdf: T(dn),
-				onGenerateCsv: Pn,
-				onGenerateImage: Zn,
-				onGenerateSvg: Xn,
-				onToggleTable: Ln,
-				onToggleLabels: Rn,
-				onToggleTooltip: zn,
-				onToggleAnnotator: Vn,
+				onToggleFullscreen: Yt,
+				onGeneratePdf: T(ln),
+				onGenerateCsv: Mn,
+				onGenerateImage: T(Zn),
+				onGenerateSvg: T(Xn),
+				onToggleTable: Fn,
+				onToggleLabels: In,
+				onToggleTooltip: Ln,
+				onToggleAnnotator: zn,
 				onCopyAlt: Qn,
-				style: y({ visibility: T(an) ? T(nn) ? "visible" : "hidden" : "visible" })
+				style: y({ visibility: T(nn) ? T(en) ? "visible" : "hidden" : "visible" })
 			}, ze({ _: 2 }, [
 				e.$slots.menuIcon ? {
 					name: "menuIcon",
@@ -1042,7 +1017,7 @@ var Ze = /* @__PURE__ */ e({ default: () => Ct }), Qe = ["id"], $e = ["id"], et
 					fn: E(() => [C(e.$slots, "custom-menu-after", {}, void 0, !0)]),
 					key: "12"
 				} : void 0
-			]), 1032, /* @__PURE__ */ "backgroundColor.color.isPrinting.isImaging.uid.hasTooltip.hasPdf.hasXls.hasImg.hasSvg.hasTable.hasLabel.hasFullscreen.hasAltCopy.isFullscreen.isTooltip.titles.chartElement.position.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.style".split("."))) : f("", !0),
+			]), 1032, /* @__PURE__ */ "backgroundColor.color.isPrinting.isImaging.uid.hasTooltip.hasPdf.hasXls.hasImg.hasSvg.hasTable.hasLabel.hasFullscreen.hasAltCopy.isFullscreen.isTooltip.titles.chartElement.position.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg.style".split("."))) : f("", !0),
 			m("div", tt, [(b(), p("svg", {
 				ref_key: "svgRef",
 				ref: I,
@@ -1083,7 +1058,7 @@ var Ze = /* @__PURE__ */ e({ default: () => Ct }), Qe = ["id"], $e = ["id"], et
 					stroke: N.value.style.chart.yAxis.stroke,
 					"stroke-width": N.value.style.chart.yAxis.strokeWidth,
 					style: y(`opacity:${X.value && !H.value.showTooltip ? .2 : 1}`)
-				}, null, 14, ot))), 128)), T($t) ? f("", !0) : (b(), p("g", st, [(b(!0), p(l, null, S(e.ticks, (n, r) => (b(), p("text", {
+				}, null, 14, ot))), 128)), T(Zt) ? f("", !0) : (b(), p("g", st, [(b(!0), p(l, null, S(e.ticks, (n, r) => (b(), p("text", {
 					key: `tl_${e.name}_${r}`,
 					class: _({ "vue-data-ui-transition": T(P) }),
 					transform: `translate(${n.x - 12 + N.value.style.chart.yAxis.labels.ticks.offsetX}, ${n.y + N.value.style.chart.yAxis.labels.ticks.offsetY + z.value.ticksFontSize / 3})`,
@@ -1092,7 +1067,7 @@ var Ze = /* @__PURE__ */ e({ default: () => Ct }), Qe = ["id"], $e = ["id"], et
 					"font-size": z.value.ticksFontSize,
 					"font-weight": N.value.style.chart.yAxis.labels.ticks.bold ? "bold" : "normal",
 					style: y(`opacity:${X.value && !H.value.showTooltip ? .2 : 1}`)
-				}, w(En({
+				}, w(wn({
 					value: n.value,
 					index: t,
 					datapoint: n
@@ -1100,7 +1075,7 @@ var Ze = /* @__PURE__ */ e({ default: () => Ct }), Qe = ["id"], $e = ["id"], et
 				N.value.style.chart.yAxis.labels.showAxisNames ? (b(), p("g", {
 					key: 1,
 					ref_key: "xAxisLabels",
-					ref: qt
+					ref: Gt
 				}, [(b(!0), p(l, null, S(q.value, (e, t) => (b(), p(l, null, [String(e.name).includes("\n") ? (b(), p("text", {
 					key: 1,
 					class: "vue-ui-parallel-coordinate-plot-x-label",
@@ -1137,7 +1112,7 @@ var Ze = /* @__PURE__ */ e({ default: () => Ct }), Qe = ["id"], $e = ["id"], et
 							radius: t.shape === "triangle" ? z.value.plotSize * 1.2 : z.value.plotSize,
 							stroke: N.value.style.chart.backgroundColor,
 							strokeWidth: .5,
-							onMouseenter: (e) => Z({
+							onMouseenter: (e) => kn({
 								shape: t.shape,
 								serieName: t.name,
 								serie: r,
@@ -1146,13 +1121,13 @@ var Ze = /* @__PURE__ */ e({ default: () => Ct }), Qe = ["id"], $e = ["id"], et
 								S: n,
 								triggerMode: "pointer"
 							}),
-							onMouseleave: (e) => An({
+							onMouseleave: (e) => Z({
 								serie: r,
 								shape: t.shape,
 								S: n
 							}),
 							style: y(`opacity:${X.value ? X.value === r.id ? N.value.style.chart.plots.opacity : .2 : N.value.style.chart.plots.opacity}`),
-							onClick: () => In({
+							onClick: () => Pn({
 								serie: r,
 								shape: t.shape,
 								S: n
@@ -1198,7 +1173,7 @@ var Ze = /* @__PURE__ */ e({ default: () => Ct }), Qe = ["id"], $e = ["id"], et
 							"vue-ui-pcp-animated vue-data-ui-line-animated": N.value.useCssAnimation,
 							"vue-data-ui-transition": T(P)
 						}),
-						onMouseenter: (e) => Z({
+						onMouseenter: (e) => kn({
 							shape: t.shape,
 							serieName: t.name,
 							serie: r,
@@ -1207,12 +1182,12 @@ var Ze = /* @__PURE__ */ e({ default: () => Ct }), Qe = ["id"], $e = ["id"], et
 							S: n,
 							triggerMode: "pointer"
 						}),
-						onMouseleave: (e) => An({
+						onMouseleave: (e) => Z({
 							serie: r,
 							shape: t.shape,
 							S: n
 						}),
-						onClick: () => In({
+						onClick: () => Pn({
 							serie: r,
 							shape: t.shape,
 							S: n
@@ -1229,7 +1204,7 @@ var Ze = /* @__PURE__ */ e({ default: () => Ct }), Qe = ["id"], $e = ["id"], et
 							"vue-ui-pcp-animated vue-data-ui-line-animated": N.value.useCssAnimation,
 							"vue-data-ui-transition": T(P)
 						}),
-						onMouseenter: (e) => Z({
+						onMouseenter: (e) => kn({
 							shape: t.shape,
 							serieName: t.name,
 							serie: r,
@@ -1238,12 +1213,12 @@ var Ze = /* @__PURE__ */ e({ default: () => Ct }), Qe = ["id"], $e = ["id"], et
 							S: n,
 							triggerMode: "pointer"
 						}),
-						onMouseleave: (e) => An({
+						onMouseleave: (e) => Z({
 							serie: r,
 							shape: t.shape,
 							S: n
 						}),
-						onClick: () => In({
+						onClick: () => Pn({
 							serie: r,
 							shape: t.shape,
 							S: n
@@ -1251,7 +1226,7 @@ var Ze = /* @__PURE__ */ e({ default: () => Ct }), Qe = ["id"], $e = ["id"], et
 						style: { opacity: "0" }
 					}, null, 42, gt)) : f("", !0)
 				]))), 256))]))), 256)),
-				(b(!0), p(l, null, S(J.value, (e, t) => (b(), p("g", null, [(b(!0), p(l, null, S(e.series, (n, r) => (b(), p("g", null, [!T($t) && (H.value.dataLabels.show || X.value && X.value === n.id) ? (b(!0), p(l, { key: 0 }, S(n.datapoints, (i, a) => (b(), p("text", {
+				(b(!0), p(l, null, S(J.value, (e, t) => (b(), p("g", null, [(b(!0), p(l, null, S(e.series, (n, r) => (b(), p("g", null, [!T(Zt) && (H.value.dataLabels.show || X.value && X.value === n.id) ? (b(!0), p(l, { key: 0 }, S(n.datapoints, (i, a) => (b(), p("text", {
 					key: `pl_${n.id}_${a}`,
 					transform: `translate(${i.x + 12 + N.value.style.chart.yAxis.labels.datapoints.offsetX}, ${i.y + N.value.style.chart.yAxis.labels.datapoints.offsetY + z.value.datapointFontSize / 3})`,
 					fill: N.value.style.chart.yAxis.labels.datapoints.useSerieColor ? e.color : N.value.style.chart.yAxis.labels.datapoints.color,
@@ -1267,7 +1242,7 @@ var Ze = /* @__PURE__ */ e({ default: () => Ct }), Qe = ["id"], $e = ["id"], et
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					"paint-order": "stroke fill",
-					onMouseenter: (i) => Z({
+					onMouseenter: (i) => kn({
 						shape: e.shape,
 						serieName: e.name,
 						serie: n,
@@ -1276,32 +1251,32 @@ var Ze = /* @__PURE__ */ e({ default: () => Ct }), Qe = ["id"], $e = ["id"], et
 						S: t,
 						triggerMode: "pointer"
 					}),
-					onMouseleave: (r) => An({
+					onMouseleave: (r) => Z({
 						serie: n,
 						shape: e.shape,
 						S: t
 					}),
-					onClick: () => In({
+					onClick: () => Pn({
 						serie: n,
 						shape: e.shape,
 						S: t
 					}),
 					style: y(`opacity:${X.value ? X.value === n.id ? 1 : .2 : 1}`)
-				}, w(En({
+				}, w(wn({
 					value: i.value,
 					index: a,
 					datapoint: i
 				})), 47, _t))), 128)) : f("", !0)]))), 256))]))), 256)),
 				C(e.$slots, "svg", { svg: {
 					...V.value,
-					isPrintingImg: T(ln) || T(un) || Gt.value,
-					isPrintingSvg: Kt.value
+					isPrintingImg: T(sn) || T(cn) || T(Jn),
+					isPrintingSvg: T(Yn)
 				} }, void 0, !0)
 			], 46, nt)), e.$slots.hint ? (b(), p("div", vt, [C(e.$slots, "hint", v(g({
 				hint: N.value.a11y.translations.keyboardNavigation,
-				isVisible: Xt.value
+				isVisible: Jt.value
 			})), void 0, !0)])) : f("", !0)]),
-			e.$slots.watermark ? (b(), p("div", yt, [C(e.$slots, "watermark", v(g({ isPrinting: T(ln) || T(un) || Gt.value || Kt.value })), void 0, !0)])) : f("", !0),
+			e.$slots.watermark ? (b(), p("div", yt, [C(e.$slots, "watermark", v(g({ isPrinting: T(sn) || T(cn) || T(Jn) || T(Yn) })), void 0, !0)])) : f("", !0),
 			m("div", { id: `legend-bottom-${j.value}` }, null, 8, bt),
 			Ut.value && (N.value.style.chart.legend.show || e.$slots.legend) ? (b(), d(Re, {
 				key: 6,
@@ -1312,24 +1287,24 @@ var Ze = /* @__PURE__ */ e({ default: () => Ct }), Qe = ["id"], $e = ["id"], et
 			}, [C(e.$slots, "legend", { legend: G.value }, () => [N.value.style.chart.legend.show && Pt.value ? (b(), d(Ie, {
 				key: `legend_${Vt.value}`,
 				legendSet: G.value,
-				config: Cn.value,
+				config: xn.value,
 				isCursorPointer: F.value,
 				onClickMarker: t[0] ||= ({ legend: e }) => {
-					yn(e.id);
+					_n(e.id);
 				}
 			}, {
 				item: E(({ legend: e, index: t }) => [m("div", {
 					onClick: (t) => e.segregate(),
 					style: y(`opacity:${U.value.includes(e.id) ? .5 : 1}`)
 				}, w(e.name), 13, xt)]),
-				legendToggle: E(() => [G.value.length > 2 && N.value.style.chart.legend.selectAllToggle.show && !T($t) ? (b(), d(Me, {
+				legendToggle: E(() => [G.value.length > 2 && N.value.style.chart.legend.selectAllToggle.show && !T(Zt) ? (b(), d(Me, {
 					key: 0,
 					backgroundColor: N.value.style.chart.legend.selectAllToggle.backgroundColor,
 					color: N.value.style.chart.legend.selectAllToggle.color,
 					fontSize: N.value.style.chart.legend.fontSize,
 					checked: U.value.length > 0,
 					isCursorPointer: F.value,
-					onToggle: vn
+					onToggle: gn
 				}, null, 8, [
 					"backgroundColor",
 					"color",
@@ -1351,7 +1326,7 @@ var Ze = /* @__PURE__ */ e({ default: () => Ct }), Qe = ["id"], $e = ["id"], et
 			}, [C(e.$slots, "source", {}, void 0, !0)], 512)) : f("", !0),
 			Ve(T(Ct), {
 				teleportTo: N.value.style.chart.tooltip.teleportTo,
-				show: H.value.showTooltip && On.value,
+				show: H.value.showTooltip && En.value,
 				backgroundColor: N.value.style.chart.tooltip.backgroundColor,
 				color: N.value.style.chart.tooltip.color,
 				fontSize: N.value.style.chart.tooltip.fontSize,
@@ -1363,19 +1338,19 @@ var Ze = /* @__PURE__ */ e({ default: () => Ct }), Qe = ["id"], $e = ["id"], et
 				offsetX: N.value.style.chart.tooltip.offsetX,
 				offsetY: N.value.style.chart.tooltip.offsetY,
 				parent: O.value,
-				content: kn.value,
+				content: Dn.value,
 				isFullscreen: M.value,
 				isCustom: T(me)(N.value.style.chart.tooltip.customFormat),
 				smooth: N.value.style.chart.tooltip.smooth,
 				backdropFilter: N.value.style.chart.tooltip.backdropFilter,
 				smoothForce: N.value.style.chart.tooltip.smoothForce,
 				smoothSnapThreshold: N.value.style.chart.tooltip.smoothSnapThreshold,
-				isA11yMode: Yt.value === "keyboard",
-				a11yPosition: Jt.value
+				isA11yMode: qt.value === "keyboard",
+				a11yPosition: Kt.value
 			}, {
-				"tooltip-before": E(() => [C(e.$slots, "tooltip-before", v(g({ ...Dn.value })), void 0, !0)]),
-				tooltip: E(() => [C(e.$slots, "tooltip", v(g({ ...Dn.value })), void 0, !0)]),
-				"tooltip-after": E(() => [C(e.$slots, "tooltip-after", v(g({ ...Dn.value })), void 0, !0)]),
+				"tooltip-before": E(() => [C(e.$slots, "tooltip-before", v(g({ ...Tn.value })), void 0, !0)]),
+				tooltip: E(() => [C(e.$slots, "tooltip", v(g({ ...Tn.value })), void 0, !0)]),
+				"tooltip-after": E(() => [C(e.$slots, "tooltip-after", v(g({ ...Tn.value })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"teleportTo",
@@ -1401,10 +1376,10 @@ var Ze = /* @__PURE__ */ e({ default: () => Ct }), Qe = ["id"], $e = ["id"], et
 				"isA11yMode",
 				"a11yPosition"
 			]),
-			Pt.value && N.value.userOptions.buttons.table ? (b(), d(Ke(Wn.value.component), He({ key: 8 }, Wn.value.props, {
+			Pt.value && N.value.userOptions.buttons.table ? (b(), d(Ke(Un.value.component), He({ key: 8 }, Un.value.props, {
 				ref_key: "tableUnit",
 				ref: k,
-				onClose: Gn
+				onClose: Wn
 			}), ze({
 				content: E(() => [(b(), d(T(Et), {
 					key: `table_${Ht.value}`,
@@ -1412,10 +1387,10 @@ var Ze = /* @__PURE__ */ e({ default: () => Ct }), Qe = ["id"], $e = ["id"], et
 					head: Q.value.head,
 					body: Q.value.body,
 					config: Q.value.config,
-					title: N.value.table.useDialog ? "" : Wn.value.title,
+					title: N.value.table.useDialog ? "" : Un.value.title,
 					withCloseButton: !N.value.table.useDialog,
 					isCursorPointer: F.value,
-					onClose: Gn
+					onClose: Wn
 				}, {
 					th: E(({ th: e }) => [m("div", { innerHTML: e }, null, 8, St)]),
 					td: E(({ td: e }) => [Be(w(e), 1)]),
@@ -1432,24 +1407,24 @@ var Ze = /* @__PURE__ */ e({ default: () => Ct }), Qe = ["id"], $e = ["id"], et
 				_: 2
 			}, [N.value.table.useDialog ? {
 				name: "title",
-				fn: E(() => [Be(w(Wn.value.title), 1)]),
+				fn: E(() => [Be(w(Un.value.title), 1)]),
 				key: "0"
 			} : void 0, N.value.table.useDialog ? {
 				name: "actions",
 				fn: E(() => [m("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: t[1] ||= (e) => Pn(N.value.userOptions.callbacks.csv),
+					onClick: t[1] ||= (e) => Mn(N.value.userOptions.callbacks.csv),
 					style: y({ cursor: F.value ? "pointer" : "default" })
 				}, [Ve(T(wt), {
 					name: "fileCsv",
-					stroke: Wn.value.props.color
+					stroke: Un.value.props.color
 				}, null, 8, ["stroke"])], 4)]),
 				key: "1"
 			} : void 0]), 1040)) : f("", !0),
-			C(e.$slots, "skeleton", {}, () => [T($t) ? (b(), d(be, { key: 0 })) : f("", !0)], !0)
+			C(e.$slots, "skeleton", {}, () => [T(Zt) ? (b(), d(be, { key: 0 })) : f("", !0)], !0)
 		], 46, Qe));
 	}
-}, [["__scopeId", "data-v-c3c9cdb8"]]);
+}, [["__scopeId", "data-v-519f368b"]]);
 //#endregion
 export { Ze as n, Ct as t };