vue-data-ui 3.9.22 → 3.10.1

package/dist/{vue-ui-parallel-coordinate-plot-B3jKFKQp.js → vue-ui-parallel-coordinate-plot-DR3Ipc9q.js}

@@ -1,40 +1,44 @@
-import { defineAsyncComponent as L, computed as m, ref as d, toRefs as Vt, watch as ee, shallowRef as Ke, onMounted as Gt, onBeforeUnmount as Xt, watchEffect as Yt, createElementBlock as i, openBlock as n, unref as v, normalizeStyle as S, normalizeClass as X, createBlock as D, createCommentVNode as g, createElementVNode as I, createVNode as me, withCtx as h, renderSlot as p, normalizeProps as T, guardReactiveProps as z, createSlots as Qe, Fragment as w, renderList as P, toDisplayString as U, Teleport as qt, resolveDynamicComponent as Jt, mergeProps as Kt, createTextVNode as Ze, nextTick as Qt } from "vue";
-import { c as be, t as Zt, i as ea, j as te, o as et, g as tt, l as ta, k as aa, m as oa, N as la, C as sa, A as na, ah as ra, X as ia, $ as ua, y as at, a2 as ae, v as ca, r as va, a as ot, d as lt, _ as da } from "./lib-2iaAPQ_c.js";
-import { t as st, u as ha } from "./useResponsive-DfdjqQps.js";
-import { u as pa, a as ge } from "./useNestedProp-gqRzbKJy.js";
-import { u as fa } from "./usePrinter-ChVMpU2f.js";
-import { u as ma, B as ba } from "./BaseScanner-BMpwQAfz.js";
-import { u as ga } from "./useSvgExport-ByUukOZt.js";
-import { u as ya } from "./useThemeCheck-DGJ31Vi5.js";
-import { u as Ca } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as ka } from "./useChartAccessibility-9icAAmYg.js";
-import { u as xa } from "./useTimeLabelCollider-CIsgDrl9.js";
-import Aa from "./Title-B7pkWzTi.js";
-import wa from "./Legend-D2xmnFPH.js";
-import { _ as $a } from "./Shape-12_eh8zD.js";
-import Fa from "./img-CqYIrJ8I.js";
-import { _ as Ta } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" }, yAxis: { stroke: "#5A5A5A", labels: { axisNamesColor: "#CCCCCC", ticks: { color: "#CCCCCC" } } } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, rt = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", legend: { backgroundColor: "#FFF8E1", color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" }, yAxis: { stroke: "#5D4037", labels: { axisNamesColor: "#424242", ticks: { color: "#424242" } } } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, it = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" }, yAxis: { stroke: "#5D4037", labels: { axisNamesColor: "#BDBDBD", ticks: { color: "#BDBDBD" } } } } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66", borderRadius: 0 }, yAxis: { stroke: "#3A3A3A", labels: { axisNamesColor: "#99AA99", ticks: { color: "#5A5A5A" } } } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, ct = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" }, yAxis: { stroke: "#8F837A", labels: { axisNamesColor: "#8F837A", ticks: { color: "#8F837A" } } } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, vt = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" }, yAxis: { stroke: "#50606C", labels: { axisNamesColor: "#50606C", ticks: { color: "#50606C" } } } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, dt = {
+import { defineAsyncComponent as L, computed as b, ref as v, toRefs as Xt, watch as ee, shallowRef as Ke, onMounted as Yt, onBeforeUnmount as qt, watchEffect as Jt, createElementBlock as i, openBlock as n, unref as d, normalizeStyle as S, normalizeClass as X, createBlock as D, createCommentVNode as g, createElementVNode as I, createVNode as be, withCtx as h, renderSlot as p, normalizeProps as T, guardReactiveProps as z, createSlots as Qe, Fragment as w, renderList as P, toDisplayString as U, Teleport as Kt, resolveDynamicComponent as Qt, mergeProps as Zt, createTextVNode as Ze, nextTick as ea } from "vue";
+import { c as me, t as ta, i as aa, j as te, o as et, g as tt, l as oa, k as la, m as sa, N as na, C as ra, A as ia, ah as ua, X as ca, $ as da, y as at, a2 as ae, v as va, r as ha, a as ot, d as lt, _ as pa } from "./lib-CVHM9FhP.js";
+import { t as st, u as fa } from "./useResponsive-DfdjqQps.js";
+import { u as ba, a as ge } from "./useNestedProp-Ckf_2P_V.js";
+import { u as ma } from "./usePrinter-1NmjuP-i.js";
+import { u as ga, B as ya } from "./BaseScanner-BMpwQAfz.js";
+import { u as Ca } from "./useSvgExport-ByUukOZt.js";
+import { u as ka } from "./useThemeCheck-D1ZYXUwG.js";
+import { u as Aa } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as xa } from "./useChartAccessibility-9icAAmYg.js";
+import { u as wa } from "./useTimeLabelCollider-CIsgDrl9.js";
+import $a from "./Title-NgeRXqRA.js";
+import Fa from "./Legend-DN5UJOBH.js";
+import { _ as Ta } from "./Shape-PzdCMGsP.js";
+import za from "./img-6fNF_rG0.js";
+import { _ as Na } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const nt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 } } } }, rt = { userOptions: { show: !1 }, style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", legend: { show: !1, backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#3A3A3A" }, yAxis: { stroke: "#5A5A5A", labels: { axisNamesColor: "#CCCCCC", ticks: { color: "#CCCCCC" } } } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, it = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" }, yAxis: { stroke: "#5A5A5A", labels: { axisNamesColor: "#CCCCCC", ticks: { color: "#CCCCCC" } } } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, ut = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", legend: { backgroundColor: "#FFF8E1", color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" }, yAxis: { stroke: "#5D4037", labels: { axisNamesColor: "#424242", ticks: { color: "#424242" } } } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, ct = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" }, yAxis: { stroke: "#5D4037", labels: { axisNamesColor: "#BDBDBD", ticks: { color: "#BDBDBD" } } } } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, dt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66", borderRadius: 0 }, yAxis: { stroke: "#3A3A3A", labels: { axisNamesColor: "#99AA99", ticks: { color: "#5A5A5A" } } } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, vt = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" }, yAxis: { stroke: "#8F837A", labels: { axisNamesColor: "#8F837A", ticks: { color: "#8F837A" } } } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, ht = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" }, yAxis: { stroke: "#50606C", labels: { axisNamesColor: "#50606C", ticks: { color: "#50606C" } } } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, pt = {
   default: {},
-  dark: nt,
-  celebration: rt,
-  celebrationNight: it,
-  hack: ut,
-  zen: ct,
-  concrete: vt
-}, fo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  minimal: nt,
+  minimalDark: rt,
+  dark: it,
+  celebration: ut,
+  celebrationNight: ct,
+  hack: dt,
+  zen: vt,
+  concrete: ht
+}, mo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  celebration: rt,
-  celebrationNight: it,
-  concrete: vt,
-  dark: nt,
-  default: dt,
-  hack: ut,
-  zen: ct
-}, Symbol.toStringTag, { value: "Module" })), za = ["id"], Na = ["id"], _a = ["xmlns", "viewBox"], Ma = ["x", "y", "width", "height"], Sa = { style: { "pointer-events": "none" } }, Da = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ia = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Pa = { key: 0 }, Oa = ["x", "y", "fill", "font-size", "font-weight"], La = ["fill", "font-size", "font-weight", "text-anchor", "transform"], Ba = ["fill", "font-size", "font-weight", "text-anchor", "transform", "innerHTML"], Ea = { key: 0 }, Ra = ["x", "y", "font-size", "fill"], Ua = ["width", "x", "y"], Ha = { style: { width: "100%" } }, Wa = ["x", "y", "fill", "font-weight", "font-size", "onMouseenter", "onMouseleave", "onClick"], ja = ["d", "stroke", "stroke-width", "onMouseenter", "onMouseleave", "onClick"], Va = ["d", "onMouseenter", "onMouseleave", "onClick"], Ga = {
+  celebration: ut,
+  celebrationNight: ct,
+  concrete: ht,
+  dark: it,
+  default: pt,
+  hack: dt,
+  minimal: nt,
+  minimalDark: rt,
+  zen: vt
+}, Symbol.toStringTag, { value: "Module" })), _a = ["id"], Ma = ["id"], Sa = ["xmlns", "viewBox"], Da = ["x", "y", "width", "height"], Ia = { style: { "pointer-events": "none" } }, Pa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Oa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], La = { key: 0 }, Ba = ["x", "y", "fill", "font-size", "font-weight"], Ea = ["fill", "font-size", "font-weight", "text-anchor", "transform"], Ra = ["fill", "font-size", "font-weight", "text-anchor", "transform", "innerHTML"], Ua = { key: 0 }, Ha = ["x", "y", "font-size", "fill"], Wa = ["width", "x", "y"], ja = { style: { width: "100%" } }, Va = ["x", "y", "fill", "font-weight", "font-size", "onMouseenter", "onMouseleave", "onClick"], Ga = ["d", "stroke", "stroke-width", "onMouseenter", "onMouseleave", "onClick"], Xa = ["d", "onMouseenter", "onMouseleave", "onClick"], Ya = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, Xa = ["id"], Ya = ["onClick"], qa = ["innerHTML"], Ja = {
+}, qa = ["id"], Ja = ["onClick"], Ka = ["innerHTML"], Qa = {
   __name: "vue-ui-parallel-coordinate-plot",
   props: {
     config: {
@@ -51,25 +55,25 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
     }
   },
   emits: ["selectLegend", "selectDatapoint"],
-  setup(ht, { expose: pt, emit: ft }) {
-    const mt = L(() => import("./Tooltip-DpfUZbt7.js")), bt = L(() => import("./BaseIcon-DtXe9QC_.js")), gt = L(() => import("./vue-ui-accordion-CDvNAvXX.js")), yt = L(() => import("./DataTable-BriHstj2.js")), Ct = L(() => import("./PenAndPaper-DBbQVgYt.js")), kt = L(() => import("./UserOptions-CEsHe7Td.js")), xt = L(() => import("./PackageVersion-DS0AcLc9.js")), At = L(() => import("./BaseDraggableDialog-BHlNyA0A.js")), { vue_ui_parallel_coordinate_plot: wt } = pa(), { isThemeValid: $t, warnInvalidTheme: Ft } = ya(), $ = ht, Y = m({
+  setup(ft, { expose: bt, emit: mt }) {
+    const gt = L(() => import("./Tooltip-B6qvABDL.js")), yt = L(() => import("./BaseIcon-4uOct8re.js")), Ct = L(() => import("./vue-ui-accordion-DFKaB_05.js")), kt = L(() => import("./DataTable-DyoDzNNY.js")), At = L(() => import("./PenAndPaper-LTuSTmWE.js")), xt = L(() => import("./UserOptions-CX7Xsusk.js")), wt = L(() => import("./PackageVersion-D6MO5wwI.js")), $t = L(() => import("./BaseDraggableDialog-BQYfVNu8.js")), { vue_ui_parallel_coordinate_plot: Ft } = ba(), { isThemeValid: Tt, warnInvalidTheme: zt } = ka(), $ = ft, Y = b({
       get() {
         return !!$.dataset && $.dataset.length;
       },
       set(t) {
         return t;
       }
-    }), ye = d(0), M = d(null), Ce = d(null), ke = d(null), xe = d(null), Ae = d(null), we = d(0), $e = d(0), Fe = d(0), Te = d(!1), j = d(null), oe = d(null), le = d(null), B = d(be()), E = d(!1);
+    }), ye = v(0), M = v(null), Ce = v(null), ke = v(null), Ae = v(null), xe = v(null), we = v(0), $e = v(0), Fe = v(0), Te = v(!1), j = v(null), oe = v(null), le = v(null), B = v(me()), E = v(!1);
     function ze(t) {
       E.value = t, ye.value += 1;
     }
-    const e = d(ie()), { loading: R, FINAL_DATASET: Tt, manualLoading: se } = ma({
-      ...Vt($),
+    const e = v(ie()), { loading: R, FINAL_DATASET: Nt, manualLoading: se } = ga({
+      ...Xt($),
       FINAL_CONFIG: e,
       prepareConfig: ie,
       callback: () => {
         Promise.resolve().then(async () => {
-          await Qt(), b.value.showTable = e.value.table.show;
+          await ea(), m.value.showTable = e.value.table.show;
         });
       },
       skeletonDataset: [
@@ -107,7 +111,7 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
           ]
         }
       ],
-      skeletonConfig: Zt({
+      skeletonConfig: ta({
         defaultConfig: e.value,
         userConfig: {
           useCssAnimation: !1,
@@ -134,17 +138,17 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
           }
         }
       })
-    }), { userOptionsVisible: ne, setUserOptionsVisibility: Ne, keepUserOptionState: _e } = Ca({ config: e.value }), { svgRef: re } = ka({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: ne, setUserOptionsVisibility: Ne, keepUserOptionState: _e } = Aa({ config: e.value }), { svgRef: re } = xa({ config: e.value.style.chart.title });
     function ie() {
       const t = ge({
         userConfig: $.config,
-        defaultConfig: wt
+        defaultConfig: Ft
       }), o = t.theme;
       if (!o) return t;
-      if (!$t.value(t))
-        return Ft(t), t;
+      if (!Tt.value(t))
+        return zt(t), t;
       const a = ge({
-        userConfig: dt[o] || $.config,
+        userConfig: pt[o] || $.config,
         defaultConfig: t
       }), s = ge({
         userConfig: $.config,
@@ -152,26 +156,26 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
       });
       return {
         ...s,
-        customPalette: s.customPalette.length ? s.customPalette : ea[o] || te
+        customPalette: s.customPalette.length ? s.customPalette : aa[o] || te
       };
     }
     ee(() => $.config, (t) => {
-      R.value || (e.value = ie()), ne.value = !e.value.userOptions.showOnChartHover, Se(), we.value += 1, Fe.value += 1, $e.value += 1, b.value.dataLabels.show = e.value.style.chart.yAxis.labels.datapoints.show, b.value.showTable = e.value.table.show, b.value.showTooltip = e.value.style.chart.tooltip.show;
+      R.value || (e.value = ie()), ne.value = !e.value.userOptions.showOnChartHover, Se(), we.value += 1, Fe.value += 1, $e.value += 1, m.value.dataLabels.show = e.value.style.chart.yAxis.labels.datapoints.show, m.value.showTable = e.value.table.show, m.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 }), ee(() => $.dataset, (t) => {
       Array.isArray(t) && t.length > 0 && (se.value = !1);
     }, { deep: !0 });
     const O = Ke(null), H = Ke(null);
-    Gt(() => {
+    Yt(() => {
       Te.value = !0, Se();
     });
-    const Me = m(() => !!e.value.debug);
+    const Me = b(() => !!e.value.debug);
     function Se() {
       if (et($.dataset) ? (tt({
         componentName: "VueUiParallelCoordinatePlot",
         type: "dataset",
         debug: Me.value
       }), se.value = !0) : $.dataset.forEach((t, o) => {
-        ta({
+        oa({
           datasetObject: t,
           requiredAttributes: ["name", "series"]
         }).forEach((a) => {
@@ -185,12 +189,12 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
         });
       }), et($.dataset) || (se.value = e.value.loading), e.value.responsive) {
         const t = st(() => {
-          const { width: o, height: a } = ha({
+          const { width: o, height: a } = fa({
             chart: M.value,
             title: e.value.style.chart.title.text ? Ce.value : null,
             legend: e.value.style.chart.legend.show ? ke.value : null,
-            source: xe.value,
-            noTitle: Ae.value
+            source: Ae.value,
+            noTitle: xe.value
           });
           requestAnimationFrame(() => {
             c.value.width = o, c.value.height = a - 12, e.value.responsiveProportionalSizing ? (c.value.plotSize = ae({
@@ -223,14 +227,14 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
         O.value && (H.value && O.value.unobserve(H.value), O.value.disconnect()), O.value = new ResizeObserver(t), H.value = M.value.parentNode, O.value.observe(H.value);
       }
     }
-    Xt(() => {
+    qt(() => {
       O.value && (H.value && O.value.unobserve(H.value), O.value.disconnect());
     });
-    const { isPrinting: De, isImaging: Ie, generatePdf: Pe, generateImage: Oe } = fa({
+    const { isPrinting: De, isImaging: Ie, generatePdf: Pe, generateImage: Oe } = ma({
       elementId: `pcp_${B.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-parallel-coordinate-plot",
       options: e.value.userOptions.print
-    }), zt = m(() => e.value.userOptions.show && !e.value.style.chart.title.text), c = d({
+    }), _t = b(() => e.value.userOptions.show && !e.value.style.chart.title.text), c = v({
       height: e.value.style.chart.height,
       width: e.value.style.chart.width,
       plotSize: e.value.style.chart.plots.radius,
@@ -239,18 +243,18 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
       // ratio 42.85
       datapointFontSize: e.value.style.chart.yAxis.labels.datapoints.fontSize,
       axisNameFontSize: e.value.style.chart.yAxis.labels.axisNamesFontSize
-    }), Le = m(() => c.value.width), Be = m(() => c.value.height), V = d(0), Nt = st((t) => {
+    }), Le = b(() => c.value.width), Be = b(() => c.value.height), V = v(0), Mt = st((t) => {
       V.value = t;
     }, 100);
-    Yt((t) => {
+    Jt((t) => {
       const o = le.value;
       if (!o) return;
       const a = new ResizeObserver((s) => {
-        Nt(s[0].contentRect.height);
+        Mt(s[0].contentRect.height);
       });
       a.observe(o), t(() => a.disconnect());
     });
-    const f = m(() => {
+    const f = b(() => {
       const { top: t, right: o, bottom: a, left: s } = e.value.style.chart.padding, l = Be.value, u = Le.value;
       return {
         chartHeight: Math.max(1e-3, l),
@@ -262,7 +266,7 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
         right: u - o,
         bottom: l - a - c.value.datapointFontSize
       };
-    }), _t = m(() => aa(e.value.customPalette)), b = d({
+    }), St = b(() => la(e.value.customPalette)), m = v({
       dataLabels: {
         show: e.value.style.chart.yAxis.labels.datapoints.show
       },
@@ -270,7 +274,7 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
       showTooltip: e.value.style.chart.tooltip.show
     });
     ee(e, () => {
-      b.value = {
+      m.value = {
         dataLabels: {
           show: e.value.style.chart.yAxis.labels.datapoints.show
         },
@@ -278,22 +282,22 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
         showTooltip: e.value.style.chart.tooltip.show
       };
     }, { immediate: !0 });
-    const F = d([]);
+    const F = v([]);
     function q(t) {
       F.value.includes(t) ? F.value = F.value.filter((o) => o !== t) : F.value.push(t);
     }
-    const N = m(() => Tt.value.map((t, o) => {
-      const a = oa(t.color) || _t.value[o] || te[o] || te[o % te.length];
+    const N = b(() => Nt.value.map((t, o) => {
+      const a = sa(t.color) || St.value[o] || te[o] || te[o % te.length];
       return {
         ...t,
         series: t.series.map((s) => ({
           ...s,
-          id: be(),
+          id: me(),
           color: a
         })),
         seriesIndex: o,
         color: a,
-        id: be(),
+        id: me(),
         shape: t.shape || "circle"
       };
     }));
@@ -303,37 +307,37 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
       const o = N.value.find((a) => a.name === t);
       return o || (e.value.debug && console.warn(`VueUiParallelCoordinatePlot - Series name not found "${t}"`), null);
     }
-    function Mt(t) {
+    function Dt(t) {
       const o = Ee(t);
       o !== null && F.value.includes(o.id) && q(o.id);
     }
-    function St(t) {
+    function It(t) {
       const o = Ee(t);
       o !== null && (F.value.includes(o.id) || q(o.id));
     }
-    const Re = m(() => N.value.map((t) => ({
+    const Re = b(() => N.value.map((t) => ({
       ...t,
       opacity: F.value.includes(t.id) ? 0.5 : 1,
       segregate: () => q(t.id),
       isSegregated: F.value.includes(t.id),
       shape: t.shape || "circle"
-    }))), Dt = m(() => ({
+    }))), Pt = b(() => ({
       cy: "pcp-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
       fontSize: e.value.style.chart.legend.fontSize,
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), Ue = m(() => Math.max(
+    })), Ue = b(() => Math.max(
       ...N.value.filter((t) => !F.value.includes(t.id)).map((t) => Math.max(...t.series.flatMap((o) => o.values.length)))
-    )), A = m(() => f.value.width / Ue.value), ue = m(() => N.value.filter((t) => !F.value.includes(t.id))), y = m(() => {
+    )), x = b(() => f.value.width / Ue.value), ue = b(() => N.value.filter((t) => !F.value.includes(t.id))), y = b(() => {
       let t = [];
       for (let o = 0; o < Ue.value; o += 1) {
-        const a = Math.min(...ue.value.flatMap((C) => C.series.map((k) => k.values[o] || 0) || 0)), s = Math.max(...ue.value.flatMap((C) => C.series.map((k) => k.values[o] || 0) || 0)), l = s === a ? a / 4 : a, u = s === a ? s * 2 : s, r = la(l, u, e.value.style.chart.yAxis.scaleTicks), _ = r.ticks.map((C, k) => {
-          const Wt = r.min < 0 ? C + Math.abs(r.min) : C - Math.abs(r.min), jt = r.min < 0 ? r.max + Math.abs(r.min) : r.max - Math.abs(r.min);
+        const a = Math.min(...ue.value.flatMap((C) => C.series.map((k) => k.values[o] || 0) || 0)), s = Math.max(...ue.value.flatMap((C) => C.series.map((k) => k.values[o] || 0) || 0)), l = s === a ? a / 4 : a, u = s === a ? s * 2 : s, r = na(l, u, e.value.style.chart.yAxis.scaleTicks), _ = r.ticks.map((C, k) => {
+          const Vt = r.min < 0 ? C + Math.abs(r.min) : C - Math.abs(r.min), Gt = r.min < 0 ? r.max + Math.abs(r.min) : r.max - Math.abs(r.min);
           return {
-            y: f.value.bottom - f.value.height * (Wt / jt),
-            x: f.value.left + A.value * o + A.value / 2,
+            y: f.value.bottom - f.value.height * (Vt / Gt),
+            x: f.value.left + x.value * o + x.value / 2,
             value: C
           };
         });
@@ -344,7 +348,7 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
         });
       }
       return t;
-    }), ce = m(() => ue.value.map((t, o) => ({
+    }), ce = b(() => ue.value.map((t, o) => ({
       ...t,
       series: t.series.map((a, s) => ({
         ...a,
@@ -357,7 +361,7 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
             datapointIndex: s,
             seriesIndex: o,
             value: l || 0,
-            x: f.value.left + A.value * u + A.value / 2,
+            x: f.value.left + x.value * u + x.value / 2,
             y: f.value.bottom - f.value.height * (r / _),
             comment: a.comments && a.comments[u] || ""
           };
@@ -366,7 +370,7 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
     })).map((t) => ({
       ...t,
       series: t.series.map((o) => {
-        const a = sa(o.datapoints), s = na(o.datapoints), l = ra(e.value.style.chart.lines.smooth ? `M ${s}` : `M ${a}`);
+        const a = ra(o.datapoints), s = ia(o.datapoints), l = ua(e.value.style.chart.lines.smooth ? `M ${s}` : `M ${a}`);
         return {
           ...o,
           smoothPath: s,
@@ -388,15 +392,15 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
         { datapoint: a, seriesIndex: o }
       );
     }
-    const x = d(null), ve = d(null), de = d(!1), he = d("");
+    const A = v(null), de = v(null), ve = v(!1), he = v("");
     function J({ shape: t, serie: o, S: a }) {
-      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: { ...o, shape: t }, seriesIndex: a }), x.value = null, de.value = null;
+      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: { ...o, shape: t }, seriesIndex: a }), A.value = null, ve.value = null;
     }
     function K({ shape: t, serieName: o, serie: a, relativeIndex: s, seriesIndex: l, S: u }) {
-      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: { ...a, shape: t }, seriesIndex: u }), ve.value = { serie: a, relativeIndex: s, seriesIndex: l, series: N.value, scales: y.value }, de.value = !0, x.value = a.id;
+      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: { ...a, shape: t }, seriesIndex: u }), de.value = { serie: a, relativeIndex: s, seriesIndex: l, series: N.value, scales: y.value }, ve.value = !0, A.value = a.id;
       let r = "";
       const _ = e.value.style.chart.tooltip.customFormat;
-      at(_) && da(() => _({
+      at(_) && pa(() => _({
         serie: a,
         seriesIndex: a.seriesIndex,
         series: N.value,
@@ -429,10 +433,10 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
             `, e.value.style.chart.comments.showInTooltip && a.datapoints[k].comment && (r += `<div class="vue-data-ui-tooltip-comment" style="background:${a.color}20; padding: 6px; margin-bottom: 6px; border-left: 1px solid ${a.color}">${a.datapoints[k].comment}</div>`);
       }), he.value = `<div>${r}</div>`);
     }
-    function It() {
+    function Ot() {
       return N.value;
     }
-    const W = m(() => {
+    const W = b(() => {
       const t = [e.value.table.columnNames.series].concat([e.value.table.columnNames.item]).concat(y.value.map((l) => l.name)), o = ce.value.flatMap((l, u) => l.series.map((r) => [l.name].concat([r.name]).concat(r.values))), a = {
         th: {
           backgroundColor: e.value.table.th.backgroundColor,
@@ -452,15 +456,15 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
         config: a,
         colNames: s
       };
-    }), We = m(() => ce.value.length === 0 ? { head: [], body: [], config: {}, columnNames: [] } : {
+    }), We = b(() => ce.value.length === 0 ? { head: [], body: [], config: {}, columnNames: [] } : {
       head: W.value.head,
       body: W.value.body
     });
     function pe(t = null) {
-      const o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], a = We.value.head, s = We.value.body, l = o.concat([a]).concat(s), u = ca(l);
-      t ? t(u) : va({ csvContent: u, title: e.value.style.chart.title.text || "vue-ui-parallel-coordinate-plot" });
+      const o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], a = We.value.head, s = We.value.body, l = o.concat([a]).concat(s), u = va(l);
+      t ? t(u) : ha({ csvContent: u, title: e.value.style.chart.title.text || "vue-ui-parallel-coordinate-plot" });
     }
-    const je = ft;
+    const je = mt;
     function Q({ serie: t, shape: o, S: a }) {
       e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: { ...t, shape: o }, seriesIndex: a }), je("selectDatapoint", t);
     }
@@ -472,21 +476,21 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
       });
     }
     function Ge() {
-      b.value.showTable = !b.value.showTable;
+      m.value.showTable = !m.value.showTable;
     }
     function Xe() {
-      b.value.dataLabels.show = !b.value.dataLabels.show;
+      m.value.dataLabels.show = !m.value.dataLabels.show;
     }
     function Ye() {
-      b.value.showTooltip = !b.value.showTooltip;
+      m.value.showTooltip = !m.value.showTooltip;
     }
-    const Z = d(!1);
+    const Z = v(!1);
     function fe() {
       Z.value = !Z.value;
     }
-    async function Pt({ scale: t = 2 } = {}) {
+    async function Lt({ scale: t = 2 } = {}) {
       if (!M.value) return;
-      const { width: o, height: a } = M.value.getBoundingClientRect(), s = o / a, { imageUri: l, base64: u } = await Fa({ domElement: M.value, base64: !0, img: !0, scale: t });
+      const { width: o, height: a } = M.value.getBoundingClientRect(), s = o / a, { imageUri: l, base64: u } = await za({ domElement: M.value, base64: !0, img: !0, scale: t });
       return {
         imageUri: l,
         base64: u,
@@ -496,11 +500,11 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
         aspectRatio: s
       };
     }
-    const Ot = d({ start: 0, end: 1 }), Lt = m(() => y.value.map((t) => t.name));
-    xa({
+    const Bt = v({ start: 0, end: 1 }), Et = b(() => y.value.map((t) => t.name));
+    wa({
       timeLabelsEls: le,
-      timeLabels: Lt,
-      slicer: Ot,
+      timeLabels: Et,
+      slicer: Bt,
       configRef: e,
       rotationPath: ["style", "chart", "yAxis", "labels", "axisNamesRotation"],
       autoRotatePath: ["style", "chart", "yAxis", "labels", "axisNamesAutoRotate", "enable"],
@@ -510,10 +514,10 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
       targetClass: ".vue-ui-parallel-coordinate-plot-x-label",
       rotation: e.value.style.chart.yAxis.labels.axisNamesAutoRotate.angle
     });
-    const G = m(() => {
-      const t = e.value.table.useDialog && !e.value.table.show, o = b.value.showTable;
+    const G = b(() => {
+      const t = e.value.table.useDialog && !e.value.table.show, o = m.value.showTable;
       return {
-        component: t ? At : gt,
+        component: t ? $t : Ct,
         title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
         props: t ? {
           backgroundColor: e.value.table.th.backgroundColor,
@@ -540,35 +544,35 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
         }
       };
     });
-    ee(() => b.value.showTable, (t) => {
+    ee(() => m.value.showTable, (t) => {
       e.value.table.show || (t && e.value.table.useDialog && j.value ? j.value.open() : "close" in j.value && j.value.close());
     });
     function qe() {
-      b.value.showTable = !1, oe.value && oe.value.setTableIconState(!1);
+      m.value.showTable = !1, oe.value && oe.value.setTableIconState(!1);
     }
-    const Bt = m(() => e.value.style.chart.backgroundColor), Et = m(() => e.value.style.chart.legend), Rt = m(() => e.value.style.chart.title), { exportSvg: Ut, getSvg: Ht } = ga({
+    const Rt = b(() => e.value.style.chart.backgroundColor), Ut = b(() => e.value.style.chart.legend), Ht = b(() => e.value.style.chart.title), { exportSvg: Wt, getSvg: jt } = Ca({
       svg: re,
-      title: Rt,
-      legend: Et,
+      title: Ht,
+      legend: Ut,
       legendItems: Re,
-      backgroundColor: Bt
+      backgroundColor: Rt
     });
     async function Je({ isCb: t }) {
       if (t) {
-        const { blob: o, url: a, text: s, dataUrl: l } = await Ht();
+        const { blob: o, url: a, text: s, dataUrl: l } = await jt();
         e.value.userOptions.callbacks.svg({ blob: o, url: a, text: s, dataUrl: l });
       } else
-        Ut();
+        Wt();
     }
-    return pt({
-      getData: It,
-      getImage: Pt,
+    return bt({
+      getData: Ot,
+      getImage: Lt,
       generateCsv: pe,
       generatePdf: Pe,
       generateImage: Oe,
       generateSvg: Je,
-      hideSeries: St,
-      showSeries: Mt,
+      hideSeries: It,
+      showSeries: Dt,
       toggleTable: Ge,
       toggleLabels: Xe,
       toggleTooltip: Ye,
@@ -580,12 +584,12 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
       class: X(`vue-data-ui-component vue-ui-pcp ${E.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: S(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height:100%" : ""}`),
       id: `pcp_${B.value}`,
-      onMouseenter: o[2] || (o[2] = () => v(Ne)(!0)),
-      onMouseleave: o[3] || (o[3] = () => v(Ne)(!1))
+      onMouseenter: o[2] || (o[2] = () => d(Ne)(!0)),
+      onMouseleave: o[3] || (o[3] = () => d(Ne)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (n(), D(v(Ct), {
+      e.value.userOptions.buttons.annotator ? (n(), D(d(At), {
         key: 0,
-        svgRef: v(re),
+        svgRef: d(re),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: Z.value,
@@ -611,10 +615,10 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
         ]),
         _: 3
       }, 8, ["svgRef", "backgroundColor", "color", "active"])) : g("", !0),
-      zt.value ? (n(), i("div", {
+      _t.value ? (n(), i("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: Ae,
+        ref: xe,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : g("", !0),
@@ -624,7 +628,7 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
         ref: Ce,
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
-        (n(), D(Aa, {
+        (n(), D($a, {
           key: `title_${we.value}`,
           config: {
             title: {
@@ -640,15 +644,15 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
       ], 512)) : g("", !0),
       I("div", {
         id: `legend-top-${B.value}`
-      }, null, 8, Na),
-      e.value.userOptions.show && Y.value && (v(_e) || v(ne)) ? (n(), D(v(kt), {
+      }, null, 8, Ma),
+      e.value.userOptions.show && Y.value && (d(_e) || d(ne)) ? (n(), D(d(xt), {
         ref_key: "userOptionsRef",
         ref: oe,
         key: `user_options_${ye.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: v(De),
-        isImaging: v(Ie),
+        isPrinting: d(De),
+        isImaging: d(Ie),
         uid: B.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.chart.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -659,7 +663,7 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
         hasLabel: e.value.userOptions.buttons.labels,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         isFullscreen: E.value,
-        isTooltip: b.value.showTooltip,
+        isTooltip: m.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
         chartElement: M.value,
         position: e.value.userOptions.position,
@@ -669,16 +673,16 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
         printScale: e.value.userOptions.print.scale,
         tableDialog: e.value.table.useDialog,
         onToggleFullscreen: ze,
-        onGeneratePdf: v(Pe),
+        onGeneratePdf: d(Pe),
         onGenerateCsv: pe,
-        onGenerateImage: v(Oe),
+        onGenerateImage: d(Oe),
         onGenerateSvg: Je,
         onToggleTable: Ge,
         onToggleLabels: Xe,
         onToggleTooltip: Ye,
         onToggleAnnotator: fe,
         style: S({
-          visibility: v(_e) ? v(ne) ? "visible" : "hidden" : "visible"
+          visibility: d(_e) ? d(ne) ? "visible" : "hidden" : "visible"
         })
       }, Qe({ _: 2 }, [
         t.$slots.menuIcon ? {
@@ -748,12 +752,12 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
       (n(), i("svg", {
         ref_key: "svgRef",
         ref: re,
-        xmlns: v(ia),
+        xmlns: d(ca),
         class: X({ "vue-data-ui-fullscreen--on": E.value, "vue-data-ui-fulscreen--off": !E.value }),
         viewBox: `0 0 ${f.value.chartWidth <= 0 ? 10 : f.value.chartWidth} ${f.value.chartHeight <= 0 ? 10 : f.value.chartHeight}`,
         style: S(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        me(v(xt)),
+        be(d(wt)),
         t.$slots["chart-background"] ? (n(), i("foreignObject", {
           key: 0,
           x: f.value.left,
@@ -765,16 +769,16 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
           }
         }, [
           p(t.$slots, "chart-background", {}, void 0, !0)
-        ], 8, Ma)) : g("", !0),
-        (n(!0), i(w, null, P(y.value, (a, s) => (n(), i("g", Sa, [
+        ], 8, Da)) : g("", !0),
+        (n(!0), i(w, null, P(y.value, (a, s) => (n(), i("g", Ia, [
           I("line", {
-            x1: f.value.left + A.value * s + A.value / 2,
-            x2: f.value.left + A.value * s + A.value / 2,
+            x1: f.value.left + x.value * s + x.value / 2,
+            x2: f.value.left + x.value * s + x.value / 2,
             y1: f.value.top,
             y2: f.value.bottom,
             stroke: e.value.style.chart.yAxis.stroke,
             "stroke-width": e.value.style.chart.yAxis.strokeWidth
-          }, null, 8, Da),
+          }, null, 8, Pa),
           e.value.style.chart.yAxis.labels.ticks.show ? (n(), i(w, { key: 0 }, [
             (n(!0), i(w, null, P(a.ticks, (l) => (n(), i("line", {
               x1: l.x,
@@ -783,9 +787,9 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
               y2: l.y,
               stroke: e.value.style.chart.yAxis.stroke,
               "stroke-width": e.value.style.chart.yAxis.strokeWidth,
-              style: S(`opacity:${x.value && !b.value.showTooltip ? 0.2 : 1}`)
-            }, null, 12, Ia))), 256)),
-            v(R) ? g("", !0) : (n(), i("g", Pa, [
+              style: S(`opacity:${A.value && !m.value.showTooltip ? 0.2 : 1}`)
+            }, null, 12, Oa))), 256)),
+            d(R) ? g("", !0) : (n(), i("g", La, [
               (n(!0), i(w, null, P(a.ticks, (l) => (n(), i("text", {
                 x: l.x - 12 + e.value.style.chart.yAxis.labels.ticks.offsetX,
                 y: l.y + e.value.style.chart.yAxis.labels.ticks.offsetY + c.value.ticksFontSize / 3,
@@ -793,8 +797,8 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
                 "text-anchor": "end",
                 "font-size": c.value.ticksFontSize,
                 "font-weight": e.value.style.chart.yAxis.labels.ticks.bold ? "bold" : "normal",
-                style: S(`opacity:${x.value && !b.value.showTooltip ? 0.2 : 1}`)
-              }, U(He({ value: l.value, index: s, datapoint: l })), 13, Oa))), 256))
+                style: S(`opacity:${A.value && !m.value.showTooltip ? 0.2 : 1}`)
+              }, U(He({ value: l.value, index: s, datapoint: l })), 13, Ba))), 256))
             ]))
           ], 64)) : g("", !0)
         ]))), 256)),
@@ -812,29 +816,29 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
               "font-size": c.value.axisNameFontSize,
               "font-weight": e.value.style.chart.yAxis.labels.axisNamesBold ? "bold" : "",
               "text-anchor": e.value.style.chart.yAxis.labels.axisNamesRotation === 0 ? "middle" : e.value.style.chart.yAxis.labels.axisNamesRotation < 0 ? "start" : "end",
-              transform: `translate(${f.value.left + A.value * s + A.value / 2}, ${V.value - c.value.axisNameFontSize}), rotate(${e.value.style.chart.yAxis.labels.axisNamesRotation})`,
-              innerHTML: v(ua)({
+              transform: `translate(${f.value.left + x.value * s + x.value / 2}, ${V.value - c.value.axisNameFontSize}), rotate(${e.value.style.chart.yAxis.labels.axisNamesRotation})`,
+              innerHTML: d(da)({
                 content: String(a.name),
                 fontSize: c.value.axisNameFontSize,
                 fill: e.value.style.chart.yAxis.labels.axisNamesColor,
                 x: 0,
                 y: 0
               })
-            }, null, 8, Ba)) : (n(), i("text", {
+            }, null, 8, Ra)) : (n(), i("text", {
               key: 0,
               class: "vue-ui-parallel-coordinate-plot-x-label",
               fill: e.value.style.chart.yAxis.labels.axisNamesColor,
               "font-size": c.value.axisNameFontSize,
               "font-weight": e.value.style.chart.yAxis.labels.axisNamesBold ? "bold" : "",
               "text-anchor": e.value.style.chart.yAxis.labels.axisNamesRotation === 0 ? "middle" : e.value.style.chart.yAxis.labels.axisNamesRotation < 0 ? "start" : "end",
-              transform: `translate(${f.value.left + A.value * s + A.value / 2}, ${V.value - c.value.axisNameFontSize}), rotate(${e.value.style.chart.yAxis.labels.axisNamesRotation})`
-            }, U(a.name), 9, La))
+              transform: `translate(${f.value.left + x.value * s + x.value / 2}, ${V.value - c.value.axisNameFontSize}), rotate(${e.value.style.chart.yAxis.labels.axisNamesRotation})`
+            }, U(a.name), 9, Ea))
           ], 64))), 256))
         ], 512)) : g("", !0),
         (n(!0), i(w, null, P(ce.value, (a, s) => (n(), i("g", null, [
           (n(!0), i(w, null, P(a.series, (l, u) => (n(), i("g", null, [
-            e.value.style.chart.plots.show ? (n(), i("g", Ea, [
-              (n(!0), i(w, null, P(l.datapoints, (r, _) => (n(), D($a, {
+            e.value.style.chart.plots.show ? (n(), i("g", Ua, [
+              (n(!0), i(w, null, P(l.datapoints, (r, _) => (n(), D(Ta, {
                 plot: { x: r.x, y: r.y },
                 color: a.color,
                 shape: a.shape,
@@ -850,11 +854,11 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
                   S: s
                 }),
                 onMouseleave: (C) => J({ serie: l, shape: a.shape, S: s }),
-                style: S(`opacity:${x.value ? x.value === l.id ? e.value.style.chart.plots.opacity : 0.2 : e.value.style.chart.plots.opacity}`),
+                style: S(`opacity:${A.value ? A.value === l.id ? e.value.style.chart.plots.opacity : 0.2 : e.value.style.chart.plots.opacity}`),
                 onClick: () => Q({ serie: l, shape: a.shape, S: s })
               }, null, 8, ["plot", "color", "shape", "radius", "stroke", "onMouseenter", "onMouseleave", "style", "onClick"]))), 256)),
-              b.value.showTooltip ? g("", !0) : (n(), i(w, { key: 0 }, [
-                x.value && x.value === l.id && l.datapoints.length ? (n(), i("text", {
+              m.value.showTooltip ? g("", !0) : (n(), i(w, { key: 0 }, [
+                A.value && A.value === l.id && l.datapoints.length ? (n(), i("text", {
                   key: 0,
                   x: l.datapoints[0].x - c.value.ticksFontSize,
                   y: l.datapoints[0].y + c.value.ticksFontSize / 3,
@@ -862,7 +866,7 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
                   "font-size": c.value.ticksFontSize,
                   fill: a.color,
                   "font-weight": "bold"
-                }, U(l.name), 9, Ra)) : g("", !0)
+                }, U(l.name), 9, Ha)) : g("", !0)
               ], 64)),
               e.value.style.chart.comments.show ? (n(!0), i(w, { key: 1 }, P(l.datapoints, (r) => (n(), i("g", null, [
                 r.comment ? (n(), i("foreignObject", {
@@ -873,21 +877,21 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
                   x: r.x - e.value.style.chart.comments.width / 2 + e.value.style.chart.comments.offsetX,
                   y: r.y + e.value.style.chart.comments.offsetY + 6
                 }, [
-                  I("div", Ha, [
+                  I("div", ja, [
                     p(t.$slots, "plot-comment", {
                       plot: { ...r, color: a.color }
                     }, void 0, !0)
                   ])
-                ], 8, Ua)) : g("", !0)
+                ], 8, Wa)) : g("", !0)
               ]))), 256)) : g("", !0)
             ])) : g("", !0),
-            !v(R) && (b.value.dataLabels.show || x.value && x.value === l.id) ? (n(!0), i(w, { key: 1 }, P(l.datapoints, (r, _) => (n(), i("text", {
+            !d(R) && (m.value.dataLabels.show || A.value && A.value === l.id) ? (n(!0), i(w, { key: 1 }, P(l.datapoints, (r, _) => (n(), i("text", {
               x: r.x + 12 + e.value.style.chart.yAxis.labels.datapoints.offsetX,
               y: r.y + e.value.style.chart.yAxis.labels.datapoints.offsetY + c.value.datapointFontSize / 3,
               fill: e.value.style.chart.yAxis.labels.datapoints.useSerieColor ? a.color : e.value.style.chart.yAxis.labels.datapoints.color,
               "text-anchor": "start",
               "font-weight": e.value.style.chart.yAxis.labels.datapoints.bold ? "bold" : "normal",
-              class: X({ "vue-ui-pcp-animated": !1, "vue-ui-pcp-transition": !v(R) }),
+              class: X({ "vue-ui-pcp-animated": !1, "vue-ui-pcp-transition": !d(R) }),
               "font-size": c.value.datapointFontSize,
               onMouseenter: (C) => K({
                 shape: a.shape,
@@ -899,14 +903,14 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
               }),
               onMouseleave: (C) => J({ serie: l, shape: a.shape, S: s }),
               onClick: () => Q({ serie: l, shape: a.shape, S: s }),
-              style: S(`opacity:${x.value ? x.value === l.id ? 1 : 0.2 : 1}`)
-            }, U(He({ value: r.value, index: _, datapoint: r })), 47, Wa))), 256)) : g("", !0),
+              style: S(`opacity:${A.value ? A.value === l.id ? 1 : 0.2 : 1}`)
+            }, U(He({ value: r.value, index: _, datapoint: r })), 47, Va))), 256)) : g("", !0),
             I("path", {
               d: `M${e.value.style.chart.lines.smooth ? l.smoothPath : l.straightPath}`,
               stroke: a.color,
               "stroke-width": e.value.style.chart.lines.strokeWidth,
               fill: "none",
-              class: X({ "vue-ui-pcp-animated vue-data-ui-line-animated": e.value.useCssAnimation, "vue-ui-pcp-transition": !v(R) }),
+              class: X({ "vue-ui-pcp-animated vue-data-ui-line-animated": e.value.useCssAnimation, "vue-ui-pcp-transition": !d(R) }),
               onMouseenter: (r) => K({
                 shape: a.shape,
                 serieName: a.name,
@@ -917,15 +921,15 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
               }),
               onMouseleave: (r) => J({ serie: l, shape: a.shape, S: s }),
               onClick: () => Q({ serie: l, shape: a.shape, S: s }),
-              style: S(`opacity:${x.value ? x.value === l.id ? e.value.style.chart.lines.opacity : 0.2 : e.value.style.chart.lines.opacity}; stroke-dasharray:${l.pathLength}; stroke-dashoffset: ${e.value.useCssAnimation ? l.pathLength : 0}`)
-            }, null, 46, ja),
-            b.value.showTooltip ? (n(), i("path", {
+              style: S(`opacity:${A.value ? A.value === l.id ? e.value.style.chart.lines.opacity : 0.2 : e.value.style.chart.lines.opacity}; stroke-dasharray:${l.pathLength}; stroke-dashoffset: ${e.value.useCssAnimation ? l.pathLength : 0}`)
+            }, null, 46, Ga),
+            m.value.showTooltip ? (n(), i("path", {
               key: 2,
               d: `M${e.value.style.chart.lines.smooth ? l.smoothPath : l.straightPath}`,
               stroke: "transparent",
               "stroke-width": 12,
               fill: "none",
-              class: X({ "vue-ui-pcp-animated vue-data-ui-line-animated": e.value.useCssAnimation, "vue-ui-pcp-transition": !v(R) }),
+              class: X({ "vue-ui-pcp-animated vue-data-ui-line-animated": e.value.useCssAnimation, "vue-ui-pcp-transition": !d(R) }),
               onMouseenter: (r) => K({
                 shape: a.shape,
                 serieName: a.name,
@@ -937,18 +941,18 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
               onMouseleave: (r) => J({ serie: l, shape: a.shape, S: s }),
               onClick: () => Q({ serie: l, shape: a.shape, S: s }),
               style: { opacity: "0" }
-            }, null, 42, Va)) : g("", !0)
+            }, null, 42, Xa)) : g("", !0)
           ]))), 256))
         ]))), 256)),
         p(t.$slots, "svg", { svg: f.value }, void 0, !0)
-      ], 14, _a)),
-      t.$slots.watermark ? (n(), i("div", Ga, [
-        p(t.$slots, "watermark", T(z({ isPrinting: v(De) || v(Ie) })), void 0, !0)
+      ], 14, Sa)),
+      t.$slots.watermark ? (n(), i("div", Ya, [
+        p(t.$slots, "watermark", T(z({ isPrinting: d(De) || d(Ie) })), void 0, !0)
       ])) : g("", !0),
       I("div", {
         id: `legend-bottom-${B.value}`
-      }, null, 8, Xa),
-      Te.value ? (n(), D(qt, {
+      }, null, 8, qa),
+      Te.value ? (n(), D(Kt, {
         key: 5,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${B.value}` : `#legend-bottom-${B.value}`
       }, [
@@ -956,10 +960,10 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
           ref_key: "chartLegend",
           ref: ke
         }, [
-          e.value.style.chart.legend.show && Y.value ? (n(), D(wa, {
+          e.value.style.chart.legend.show && Y.value ? (n(), D(Fa, {
             key: `legend_${$e.value}`,
             legendSet: Re.value,
-            config: Dt.value,
+            config: Pt.value,
             onClickMarker: o[0] || (o[0] = ({ legend: a }) => {
               q(a.id), Ve(a);
             })
@@ -970,7 +974,7 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
                   a.segregate(), Ve(a);
                 },
                 style: S(`opacity:${F.value.includes(a.id) ? 0.5 : 1}`)
-              }, U(a.name), 13, Ya)
+              }, U(a.name), 13, Ja)
             ]),
             _: 1
           }, 8, ["legendSet", "config"])) : p(t.$slots, "legend", {
@@ -982,14 +986,14 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
       t.$slots.source ? (n(), i("div", {
         key: 6,
         ref_key: "source",
-        ref: xe,
+        ref: Ae,
         dir: "auto"
       }, [
         p(t.$slots, "source", {}, void 0, !0)
       ], 512)) : g("", !0),
-      me(v(mt), {
+      be(d(gt), {
         teleportTo: e.value.style.chart.tooltip.teleportTo,
-        show: b.value.showTooltip && de.value,
+        show: m.value.showTooltip && ve.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         fontSize: e.value.style.chart.tooltip.fontSize,
@@ -1002,27 +1006,27 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
         parent: M.value,
         content: he.value,
         isFullscreen: E.value,
-        isCustom: v(at)(e.value.style.chart.tooltip.customFormat),
+        isCustom: d(at)(e.value.style.chart.tooltip.customFormat),
         smooth: e.value.style.chart.tooltip.smooth,
         backdropFilter: e.value.style.chart.tooltip.backdropFilter,
         smoothForce: e.value.style.chart.tooltip.smoothForce,
         smoothSnapThreshold: e.value.style.chart.tooltip.smoothSnapThreshold
       }, {
         "tooltip-before": h(() => [
-          p(t.$slots, "tooltip-before", T(z({ ...ve.value })), void 0, !0)
+          p(t.$slots, "tooltip-before", T(z({ ...de.value })), void 0, !0)
         ]),
         "tooltip-after": h(() => [
-          p(t.$slots, "tooltip-after", T(z({ ...ve.value })), void 0, !0)
+          p(t.$slots, "tooltip-after", T(z({ ...de.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["teleportTo", "show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      Y.value && e.value.userOptions.buttons.table ? (n(), D(Jt(G.value.component), Kt({ key: 7 }, G.value.props, {
+      Y.value && e.value.userOptions.buttons.table ? (n(), D(Qt(G.value.component), Zt({ key: 7 }, G.value.props, {
         ref_key: "tableUnit",
         ref: j,
         onClose: qe
       }), Qe({
         content: h(() => [
-          (n(), D(v(yt), {
+          (n(), D(d(kt), {
             key: `table_${Fe.value}`,
             colNames: W.value.colNames,
             head: W.value.head,
@@ -1033,7 +1037,7 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
             onClose: qe
           }, {
             th: h(({ th: a }) => [
-              I("div", { innerHTML: a }, null, 8, qa)
+              I("div", { innerHTML: a }, null, 8, Ka)
             ]),
             td: h(({ td: a }) => [
               Ze(U(a), 1)
@@ -1058,7 +1062,7 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
               class: "vue-ui-user-options-button",
               onClick: o[1] || (o[1] = (a) => pe(e.value.userOptions.callbacks.csv))
             }, [
-              me(v(bt), {
+              be(d(yt), {
                 name: "excel",
                 stroke: G.value.props.color
               }, null, 8, ["stroke"])
@@ -1067,15 +1071,15 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
           key: "1"
         } : void 0
       ]), 1040)) : g("", !0),
-      v(R) ? (n(), D(ba, { key: 8 })) : g("", !0)
-    ], 46, za));
+      d(R) ? (n(), D(ya, { key: 8 })) : g("", !0)
+    ], 46, _a));
   }
-}, Ka = /* @__PURE__ */ Ta(Ja, [["__scopeId", "data-v-83aaed0d"]]), mo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Za = /* @__PURE__ */ Na(Qa, [["__scopeId", "data-v-83aaed0d"]]), go = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Ka
+  default: Za
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  fo as a,
-  mo as b,
-  Ka as v
+  mo as a,
+  go as b,
+  Za as v
 };