vue-data-ui 3.22.6 → 3.22.8

package/dist/{vue-ui-parallel-coordinate-plot-DBpHCFxa.js → vue-ui-parallel-coordinate-plot-DSp_cwU-.js}

@@ -1,23 +1,23 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { At as t, Dt as n, H as r, Ht as i, Q as a, R as o, S as s, Ut as c, Vt as ee, W as te, Wt as ne, X as re, _t as ie, at as ae, b as oe, dt as se, h as ce, i as le, j as ue, lt as de, q as fe, t as pe, w as me } from "./lib-DRBJCmHW.js";
+import { $ as t, G as n, Gt as r, J as i, Kt as a, M as o, Mt as s, S as c, T as ee, U as te, Ut as ne, Wt as re, Z as ie, b as ae, dt as oe, h as se, i as ce, kt as le, ot as ue, pt as de, t as fe, yt as pe, z as me } from "./lib-JqW18y5I.js";
 import { t as he } from "./useConfig-DYM3f6EI.js";
-import { t as ge } from "./usePrinter-CRp5IW3v.js";
+import { t as ge } from "./usePrinter-CqqHmnBI.js";
 import { n as _e, t as ve } from "./BaseScanner-DZvpgOjM.js";
 import { t as ye } from "./useSvgExport-SVIsDot8.js";
-import { t as be } from "./useNestedProp-BEo2N1Db.js";
+import { t as be } from "./useNestedProp-DIuuzG1r.js";
 import { t as xe } from "./useThemeCheck-C43Tcqmk.js";
 import { t as Se } from "./useTimeLabelCollider-AEcY4Ioe.js";
-import { t as Ce } from "./img-B_y5qDdm.js";
-import { n as we } from "./Title-C-p0ilWB.js";
-import { t as Te } from "./Shape-BSetplwm.js";
+import { t as Ce } from "./img-DnP3eXuv.js";
+import { n as we } from "./Title-CcNiYzEo.js";
+import { t as Te } from "./Shape-UpH0a4Ur.js";
 import { t as Ee } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { c as De } from "./canvas-lib-BOP_HS11.js";
 import { t as Oe } from "./useResponsive-BfnK0KxU.js";
-import { t as ke } from "./BaseLegendToggle-DFwIY5bE.js";
+import { t as ke } from "./BaseLegendToggle-DtQ8vyfr.js";
 import { t as Ae } from "./A11yDataTable-DdRsVULz.js";
 import { t as je } from "./useUserOptionState-DK-_1ddE.js";
 import { t as Me } from "./useChartAccessibility-DYqac8yF.js";
-import { t as Ne } from "./Legend-D-635Kag.js";
+import { t as Ne } from "./Legend-ROt6ugzW.js";
 import { t as Pe } from "./vue_ui_parallel_coordinate_plot-CBiOBira.js";
 import { Fragment as l, Teleport as Fe, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createSlots as Ie, createTextVNode as Le, createVNode as Re, defineAsyncComponent as h, guardReactiveProps as g, mergeProps as ze, nextTick as Be, normalizeClass as _, normalizeProps as v, normalizeStyle as y, onBeforeUnmount as Ve, onMounted as He, openBlock as b, ref as x, renderList as S, renderSlot as C, resolveDynamicComponent as Ue, shallowRef as We, toDisplayString as w, toRefs as Ge, unref as T, watch as Ke, watchEffect as qe, withCtx as E } from "vue";
 //#region src/components/vue-ui-parallel-coordinate-plot.vue
@@ -128,7 +128,7 @@ var Je = /* @__PURE__ */ e({ default: () => bt }), Ye = ["id"], Xe = ["id"], Ze
 		"copyAlt"
 	],
 	setup(e, { expose: Ee, emit: Je }) {
-		let bt = h(() => import("./Tooltip-YabpoXo1.js")), xt = h(() => import("./BaseIcon-DcUvOfxf.js").then((e) => e.n)), St = h(() => import("./vue-ui-accordion-CfMrbDoq.js").then((e) => e.n)), Ct = h(() => import("./DataTable-CXfvIulC.js")), wt = h(() => import("./PenAndPaper-Bk2-E7V4.js").then((e) => e.t)), Tt = h(() => import("./UserOptions-BO4VFL8O.js").then((e) => e.n)), Et = h(() => import("./PackageVersion-Da7hl-34.js").then((e) => e.t)), Dt = h(() => import("./BaseDraggableDialog-VbypEaAa.js").then((e) => e.n)), { vue_ui_parallel_coordinate_plot: Ot } = he(), { isThemeValid: kt, warnInvalidTheme: At } = xe(), D = e, jt = u({
+		let bt = h(() => import("./Tooltip-CxOrWlFy.js")), xt = h(() => import("./BaseIcon-C2qlyHc7.js").then((e) => e.n)), St = h(() => import("./vue-ui-accordion-YyosvEPo.js").then((e) => e.n)), Ct = h(() => import("./DataTable-D9NvewTT.js")), wt = h(() => import("./PenAndPaper-pcgwlYr2.js").then((e) => e.t)), Tt = h(() => import("./UserOptions-16uF1ayB.js").then((e) => e.n)), Et = h(() => import("./PackageVersion-DW7zwRcm.js").then((e) => e.t)), Dt = h(() => import("./BaseDraggableDialog-DcfGlH8A.js").then((e) => e.n)), { vue_ui_parallel_coordinate_plot: Ot } = he(), { isThemeValid: kt, warnInvalidTheme: At } = xe(), D = e, jt = u({
 			get() {
 				return !!D.dataset && D.dataset.length;
 			},
@@ -138,11 +138,11 @@ var Je = /* @__PURE__ */ e({ default: () => bt }), Ye = ["id"], Xe = ["id"], Ze
 		}), Mt = x(0), O = x(null), Nt = x(null), Pt = x(null), Ft = x(null), It = x(null), Lt = x(0), Rt = x(0), zt = x(0), Bt = x(!1), k = x(null), Vt = x(null), Ht = x(!1), Ut = x(!1), Wt = x(null), A = x(null), Gt = x({
 			x: 0,
 			y: 0
-		}), Kt = x("pointer"), qt = x(!1), j = x(te()), M = x(!1);
+		}), Kt = x("pointer"), qt = x(!1), j = x(n()), M = x(!1);
 		function Jt(e) {
 			M.value = e, Mt.value += 1;
 		}
-		let N = x(tn()), P = u(() => N.value.userOptions.useCursorPointer), Yt = u(() => ne({
+		let N = x(tn()), P = u(() => N.value.userOptions.useCursorPointer), Yt = u(() => a({
 			defaultConfig: {
 				useCssAnimation: !1,
 				userOptions: { show: !1 },
@@ -217,7 +217,7 @@ var Je = /* @__PURE__ */ e({ default: () => bt }), Ye = ["id"], Xe = ["id"], Ze
 					}]
 				}
 			],
-			skeletonConfig: ne({
+			skeletonConfig: a({
 				defaultConfig: N.value,
 				userConfig: Yt.value
 			})
@@ -226,19 +226,19 @@ var Je = /* @__PURE__ */ e({ default: () => bt }), Ye = ["id"], Xe = ["id"], Ze
 			let e = be({
 				userConfig: D.config,
 				defaultConfig: Ot
-			}), n = e.theme;
-			if (!n) return e;
+			}), t = e.theme;
+			if (!t) return e;
 			if (!kt.value(e)) return At(e), e;
-			let r = be({
-				userConfig: Pe[n] || D.config,
+			let n = be({
+				userConfig: Pe[t] || D.config,
 				defaultConfig: e
-			}), a = be({
+			}), r = be({
 				userConfig: D.config,
-				defaultConfig: r
+				defaultConfig: n
 			});
 			return {
-				...a,
-				customPalette: a.customPalette.length ? a.customPalette : i[n] || t
+				...r,
+				customPalette: r.customPalette.length ? r.customPalette : re[t] || s
 			};
 		}
 		Ke(() => D.config, (e) => {
@@ -252,24 +252,24 @@ var Je = /* @__PURE__ */ e({ default: () => bt }), Ye = ["id"], Xe = ["id"], Ze
 		});
 		let nn = u(() => !!N.value.debug);
 		function rn() {
-			if (n(D.dataset) ? (a({
+			if (le(D.dataset) ? (t({
 				componentName: "VueUiParallelCoordinatePlot",
 				type: "dataset",
 				debug: nn.value
-			}), Zt.value = !0) : D.dataset.forEach((e, t) => {
-				de({
+			}), Zt.value = !0) : D.dataset.forEach((e, n) => {
+				oe({
 					datasetObject: e,
 					requiredAttributes: ["name", "series"]
 				}).forEach((e) => {
-					jt.value = !1, a({
+					jt.value = !1, t({
 						componentName: "VueUiParallelCoordinatePlot",
 						type: "datasetSerieAttribute",
 						property: e,
-						index: t,
+						index: n,
 						debug: nn.value
 					});
 				});
-			}), n(D.dataset) || (Zt.value = N.value.loading), N.value.responsive) {
+			}), le(D.dataset) || (Zt.value = N.value.loading), N.value.responsive) {
 				let e = De(() => {
 					let { width: e, height: t } = Oe({
 						chart: O.value,
@@ -279,25 +279,25 @@ var Je = /* @__PURE__ */ e({ default: () => bt }), Ye = ["id"], Xe = ["id"], Ze
 						noTitle: It.value
 					});
 					requestAnimationFrame(() => {
-						z.value.width = e, z.value.height = t - 12, N.value.responsiveProportionalSizing ? (z.value.plotSize = c({
+						z.value.width = e, z.value.height = t - 12, N.value.responsiveProportionalSizing ? (z.value.plotSize = r({
 							relator: Math.min(e, t),
 							adjuster: 600,
 							source: N.value.style.chart.plots.radius,
 							threshold: 2,
 							fallback: 2
-						}), z.value.ticksFontSize = c({
+						}), z.value.ticksFontSize = r({
 							relator: Math.min(e, t),
 							adjuster: 600,
 							source: N.value.style.chart.yAxis.labels.ticks.fontSize,
 							threshold: 10,
 							fallback: 10
-						}), z.value.datapointFontSize = c({
+						}), z.value.datapointFontSize = r({
 							relator: Math.min(e, t),
 							adjuster: 600,
 							source: N.value.style.chart.yAxis.labels.datapoints.fontSize,
 							threshold: 10,
 							fallback: 10
-						}), z.value.axisNameFontSize = c({
+						}), z.value.axisNameFontSize = r({
 							relator: Math.min(e, t),
 							adjuster: 600,
 							source: N.value.style.chart.yAxis.labels.axisNamesFontSize,
@@ -346,7 +346,7 @@ var Je = /* @__PURE__ */ e({ default: () => bt }), Ye = ["id"], Xe = ["id"], Ze
 				right: a - t,
 				bottom: i - n - z.value.datapointFontSize
 			};
-		}), pn = u(() => s(N.value.customPalette)), H = x({
+		}), pn = u(() => c(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
@@ -367,18 +367,18 @@ var Je = /* @__PURE__ */ e({ default: () => bt }), Ye = ["id"], Xe = ["id"], Ze
 		function hn(e) {
 			U.value.includes(e) ? U.value = U.value.filter((t) => t !== e) : U.value.push(e), An("selectLegend", q.value);
 		}
-		let W = u(() => Xt.value.map((e, n) => {
-			let r = oe(e.color) || pn.value[n] || t[n] || t[n % t.length];
+		let W = u(() => Xt.value.map((e, t) => {
+			let r = ae(e.color) || pn.value[t] || s[t] || s[t % s.length];
 			return {
 				...e,
 				series: e.series.map((e) => ({
 					...e,
-					id: te(),
+					id: n(),
 					color: r
 				})),
-				seriesIndex: n,
+				seriesIndex: t,
 				color: r,
-				id: te(),
+				id: n(),
 				shape: e.shape || "circle"
 			};
 		}));
@@ -409,7 +409,7 @@ var Je = /* @__PURE__ */ e({ default: () => bt }), Ye = ["id"], Xe = ["id"], Ze
 		})), bn = 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 / bn.value), q = u(() => W.value.filter((e) => !U.value.includes(e.id))), J = u(() => {
 			let e = [];
 			for (let t = 0; t < bn.value; t += 1) {
-				let n = Math.min(...q.value.flatMap((e) => e.series.map((e) => e.values[t] || 0) || 0)), r = Math.max(...q.value.flatMap((e) => e.series.map((e) => e.values[t] || 0) || 0)), i = ce(r === n ? n / 4 : n, r === n ? r * 2 : r, N.value.style.chart.yAxis.scaleTicks), a = i.ticks.map((e, n) => {
+				let n = Math.min(...q.value.flatMap((e) => e.series.map((e) => e.values[t] || 0) || 0)), r = Math.max(...q.value.flatMap((e) => e.series.map((e) => e.values[t] || 0) || 0)), i = se(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);
 					return {
 						y: V.value.bottom - V.value.height * (r / a),
@@ -446,7 +446,7 @@ var Je = /* @__PURE__ */ e({ default: () => bt }), Ye = ["id"], Xe = ["id"], Ze
 		})).map((e) => ({
 			...e,
 			series: e.series.map((e) => {
-				let t = o(e.datapoints), n = ue(e.datapoints, .12), r = se(N.value.style.chart.lines.smooth ? `M ${n}` : `M ${t}`);
+				let t = me(e.datapoints), n = o(e.datapoints, .12), r = de(N.value.style.chart.lines.smooth ? `M ${n}` : `M ${t}`);
 				return {
 					...e,
 					smoothPath: n,
@@ -464,7 +464,7 @@ var Je = /* @__PURE__ */ e({ default: () => bt }), Ye = ["id"], Xe = ["id"], Ze
 			key: `${t}_${r}`
 		}))));
 		function xn({ value: e, index: t, datapoint: n }) {
-			return le(N.value.style.chart.yAxis.labels.formatters[t] || null, e, fe({
+			return ce(N.value.style.chart.yAxis.labels.formatters[t] || null, e, i({
 				p: N.value.style.chart.yAxis.labels.prefixes[t] || "",
 				v: e,
 				s: N.value.style.chart.yAxis.labels.suffixes[t] || "",
@@ -490,44 +490,44 @@ var Je = /* @__PURE__ */ e({ default: () => bt }), Ye = ["id"], Xe = ["id"], Ze
 			if (!I.value || !e?.datapoints?.length) return;
 			let t = e.datapoints[Math.floor(e.datapoints.length / 2)];
 			if (!t) return;
-			let n = ee(t.x, t.y, I.value);
+			let n = ne(t.x, t.y, I.value);
 			n && (Gt.value = n);
 		}
-		function En({ shape: e, serieName: t, serie: n, relativeIndex: r, seriesIndex: i, S: a, triggerMode: o = "pointer" }) {
+		function En({ shape: e, serieName: t, serie: n, relativeIndex: r, seriesIndex: a, S: o, triggerMode: s = "pointer" }) {
 			N.value.events.datapointEnter && N.value.events.datapointEnter({
 				datapoint: {
 					...n,
 					shape: e
 				},
-				seriesIndex: a
-			}), Kt.value = o, Sn.value = {
+				seriesIndex: o
+			}), Kt.value = s, Sn.value = {
 				config: N.value,
 				datapoint: n,
 				serie: n,
 				relativeIndex: r,
-				seriesIndex: i,
+				seriesIndex: a,
 				series: W.value,
 				scales: J.value
 			}, Cn.value = !0, Z.value = n.id;
-			let s = "", c = N.value.style.chart.tooltip.customFormat;
-			ie(c) && ae(() => c({
+			let c = "", ee = N.value.style.chart.tooltip.customFormat;
+			pe(ee) && ue(() => ee({
 				serie: n,
 				seriesIndex: n.seriesIndex,
 				series: W.value,
 				config: N.value,
 				scales: J.value
-			})) ? wn.value = c({
+			})) ? wn.value = ee({
 				serie: n,
 				seriesIndex: n.seriesIndex,
 				series: W.value,
 				config: N.value,
 				scales: J.value
-			}) : (s += `<div style="width:100%;text-align:center;border-bottom:1px solid ${N.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${t ? t + " - " : ""}${n.name}</div>`, J.value.map((e) => e.name).forEach((e, t) => {
-				s += `
+			}) : (c += `<div style="width:100%;text-align:center;border-bottom:1px solid ${N.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${t ? t + " - " : ""}${n.name}</div>`, J.value.map((e) => e.name).forEach((e, t) => {
+				c += `
                 <div class="vue-ui-tooltip-item" style="text-align:left">
                     <span>${e}: </span>
                     <span>
-                        ${le(N.value.style.chart.yAxis.labels.formatters[t] || null, n.datapoints[t].value, fe({
+                        ${ce(N.value.style.chart.yAxis.labels.formatters[t] || null, n.datapoints[t].value, i({
 					p: N.value.style.chart.yAxis.labels.prefixes[t] || "",
 					v: n.datapoints[t].value,
 					s: N.value.style.chart.yAxis.labels.suffixes[t] || "",
@@ -538,8 +538,8 @@ var Je = /* @__PURE__ */ e({ default: () => bt }), Ye = ["id"], Xe = ["id"], Ze
 				})}    
                     </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>`);
-			}), wn.value = `<div>${s}</div>`), o === "keyboard" && Be(() => {
+            `, N.value.style.chart.comments.showInTooltip && n.datapoints[t].comment && (c += `<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>`);
+			}), wn.value = `<div>${c}</div>`), s === "keyboard" && Be(() => {
 				Tn(n);
 			});
 		}
@@ -580,8 +580,8 @@ var Je = /* @__PURE__ */ e({ default: () => bt }), Ye = ["id"], Xe = ["id"], Ze
 				[N.value.style.chart.title.text],
 				[N.value.style.chart.title.subtitle.text],
 				[""]
-			], n = On.value.head, r = On.value.body, i = me(t.concat([n]).concat(r));
-			e ? e(i) : re({
+			], n = On.value.head, r = On.value.body, i = ee(t.concat([n]).concat(r));
+			e ? e(i) : ie({
 				csvContent: i,
 				title: N.value.style.chart.title.text || "vue-ui-parallel-coordinate-plot"
 			});
@@ -1013,7 +1013,7 @@ var Je = /* @__PURE__ */ e({ default: () => bt }), Ye = ["id"], Xe = ["id"], Ze
 			m("div", Qe, [(b(), p("svg", {
 				ref_key: "svgRef",
 				ref: I,
-				xmlns: T(pe),
+				xmlns: T(fe),
 				"aria-describedby": `chart-instructions-${j.value}`,
 				class: _({
 					"vue-data-ui-fullscreen--on": M.value,
@@ -1075,7 +1075,7 @@ var Je = /* @__PURE__ */ e({ default: () => bt }), Ye = ["id"], Xe = ["id"], Ze
 					"font-weight": N.value.style.chart.yAxis.labels.axisNamesBold ? "bold" : "",
 					"text-anchor": N.value.style.chart.yAxis.labels.axisNamesRotation === 0 ? "middle" : N.value.style.chart.yAxis.labels.axisNamesRotation < 0 ? "start" : "end",
 					transform: `translate(${V.value.left + K.value * t + K.value / 2}, ${B.value - z.value.axisNameFontSize}), rotate(${N.value.style.chart.yAxis.labels.axisNamesRotation})`,
-					innerHTML: T(r)({
+					innerHTML: T(te)({
 						content: String(e.name),
 						fontSize: z.value.axisNameFontSize,
 						fill: N.value.style.chart.yAxis.labels.axisNamesColor,
@@ -1326,7 +1326,7 @@ var Je = /* @__PURE__ */ e({ default: () => bt }), Ye = ["id"], Xe = ["id"], Ze
 				parent: O.value,
 				content: wn.value,
 				isFullscreen: M.value,
-				isCustom: T(ie)(N.value.style.chart.tooltip.customFormat),
+				isCustom: T(pe)(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,