vue-data-ui 2.17.0 → 2.17.2

package/dist/{vue-ui-parallel-coordinate-plot-CXMT7Rjr.js → vue-ui-parallel-coordinate-plot-DayzzOmK.js}

@@ -1,16 +1,16 @@
-import { defineAsyncComponent as N, computed as x, ref as h, watch as ot, shallowRef as Ie, onMounted as st, onBeforeUnmount as nt, createElementBlock as u, openBlock as i, unref as d, normalizeStyle as z, normalizeClass as B, createBlock as S, createCommentVNode as y, createElementVNode as R, createVNode as _e, createSlots as it, withCtx as w, renderSlot as g, normalizeProps as U, guardReactiveProps as V, Fragment as C, renderList as I, toDisplayString as W, createTextVNode as ut } from "vue";
-import { u as rt, c as ae, t as ct, p as G, a as vt, o as dt, e as Ne, g as ht, b as pt, d as mt, D as yt, U as ft, V as gt, W as bt, X as xt, I as kt, x as Pe, E as Y, q as wt, r as Ct, i as Oe, f as Le, y as $t } from "./index-pPGk-uhD.js";
+import { defineAsyncComponent as N, computed as x, ref as h, watch as ot, shallowRef as Ie, onMounted as st, onBeforeUnmount as nt, createElementBlock as u, openBlock as i, unref as d, normalizeStyle as z, normalizeClass as W, createBlock as I, createCommentVNode as m, createElementVNode as E, createVNode as _e, createSlots as it, withCtx as w, renderSlot as g, normalizeProps as B, guardReactiveProps as U, Fragment as C, renderList as _, toDisplayString as V, createTextVNode as ut } from "vue";
+import { u as rt, c as ae, t as ct, p as G, a as vt, o as dt, e as Ne, g as ht, b as pt, d as yt, D as mt, U as ft, V as gt, W as bt, X as xt, I as kt, x as Pe, E as Y, q as wt, r as Ct, i as Oe, f as Le, y as $t } from "./index-JzUbx__y.js";
 import { t as At, u as zt } from "./useResponsive-DfdjqQps.js";
-import { u as De } from "./useNestedProp-DjACxgdZ.js";
-import { u as Tt } from "./usePrinter-DDHcrl0A.js";
+import { u as De } from "./useNestedProp-D_jd2dz9.js";
+import { u as Tt } from "./usePrinter-CsyliflB.js";
 import { u as Mt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Ft } from "./useChartAccessibility-9icAAmYg.js";
-import St from "./Title-B-2bV0SW.js";
-import It from "./Legend-Bxlv67uY.js";
-import { _ as _t } from "./Shape-DtFT5EJa.js";
-import Nt from "./img-Y_hYz-ZC.js";
+import St from "./Title-BQb7X_OR.js";
+import It from "./Legend-1R-B-7st.js";
+import { _ as _t } from "./Shape-DJKQgAbU.js";
+import Nt from "./img-D0DpKcFX.js";
 import { _ as Pt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Ot = ["id"], Lt = ["xmlns", "viewBox"], Dt = ["x", "y", "width", "height"], Et = { style: { "pointer-events": "none" } }, Rt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ut = ["x", "y", "fill", "font-size", "font-weight"], Vt = ["x", "y", "fill", "font-size", "font-weight", "innerHTML"], Wt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Bt = ["x", "y", "fill", "font-size", "font-weight"], Ht = { key: 0 }, jt = ["x", "y", "font-size", "fill"], Xt = ["width", "x", "y"], Gt = { style: { width: "100%" } }, Yt = ["x", "y", "fill", "font-weight", "font-size", "onMouseenter"], qt = ["d", "stroke", "stroke-width", "onMouseenter"], Jt = ["d", "onMouseenter"], Kt = {
+const Ot = ["id"], Lt = ["xmlns", "viewBox"], Dt = ["x", "y", "width", "height"], Rt = { style: { "pointer-events": "none" } }, Et = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Bt = ["x", "y", "fill", "font-size", "font-weight"], Ut = ["x", "y", "fill", "font-size", "font-weight", "innerHTML"], Vt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Wt = ["x", "y", "fill", "font-size", "font-weight"], Ht = { key: 0 }, jt = ["x", "y", "font-size", "fill"], Xt = ["width", "x", "y"], Gt = { style: { width: "100%" } }, Yt = ["x", "y", "fill", "font-weight", "font-size", "onMouseenter"], qt = ["d", "stroke", "stroke-width", "onMouseenter"], Jt = ["d", "onMouseenter"], Kt = {
   key: 5,
   class: "vue-data-ui-watermark"
 }, Qt = ["onClick"], Zt = ["innerHTML"], ea = {
@@ -30,23 +30,23 @@ const Ot = ["id"], Lt = ["xmlns", "viewBox"], Dt = ["x", "y", "width", "height"]
     }
   },
   emits: ["selectLegend", "selectDatapoint"],
-  setup(Ee, { expose: Re, emit: Ue }) {
-    const Ve = N(() => import("./vue-ui-accordion-CVnA550V.js")), We = N(() => import("./DataTable-D0VYDhfx.js")), Be = N(() => import("./PackageVersion-5TR4ocqp.js")), He = N(() => import("./PenAndPaper-D6AqipIO.js")), je = N(() => import("./vue-ui-skeleton-DJPjyNYn.js")), Xe = N(() => import("./Tooltip-CoQnTnr-.js")), Ge = N(() => import("./UserOptions-Dd34lEKb.js")), { vue_ui_parallel_coordinate_plot: Ye } = rt(), T = Ee, P = x({
+  setup(Re, { expose: Ee, emit: Be }) {
+    const Ue = N(() => import("./vue-ui-accordion-CcTUbiHq.js")), Ve = N(() => import("./DataTable-6BxhjBzt.js")), We = N(() => import("./PackageVersion-CIX1W_aa.js")), He = N(() => import("./PenAndPaper-CqJ4wudB.js")), je = N(() => import("./vue-ui-skeleton-B4KQLEQy.js")), Xe = N(() => import("./Tooltip-BTnTpPdO.js")), Ge = N(() => import("./UserOptions-lneAyZKu.js")), { vue_ui_parallel_coordinate_plot: Ye } = rt(), T = Re, P = x({
       get() {
         return !!T.dataset && T.dataset.length;
       },
       set(t) {
         return t;
       }
-    }), le = h(0), _ = h(null), oe = h(null), se = h(null), ne = h(null), ie = h(null), ue = h(0), re = h(0), ce = h(0), q = h(ae()), O = h(!1);
+    }), le = h(0), M = h(null), oe = h(null), se = h(null), ne = h(null), ie = h(null), ue = h(0), re = h(0), ce = h(0), q = h(ae()), O = h(!1);
     function ve(t) {
       O.value = t, le.value += 1;
     }
     const e = x({
-      get: () => me(),
+      get: () => ye(),
       set: (t) => t
     }), { userOptionsVisible: J, setUserOptionsVisibility: de, keepUserOptionState: he } = Mt({ config: e.value }), { svgRef: pe } = Ft({ config: e.value.style.chart.title });
-    function me() {
+    function ye() {
       const t = De({
         userConfig: T.config,
         defaultConfig: Ye
@@ -60,13 +60,13 @@ const Ot = ["id"], Lt = ["xmlns", "viewBox"], Dt = ["x", "y", "width", "height"]
       } : t;
     }
     ot(() => T.config, (t) => {
-      e.value = me(), J.value = !e.value.userOptions.showOnChartHover, ye(), ue.value += 1, ce.value += 1, re.value += 1, p.value.dataLabels.show = e.value.style.chart.yAxis.labels.datapoints.show, p.value.showTable = e.value.table.show, p.value.showTooltip = e.value.style.chart.tooltip.show;
+      e.value = ye(), J.value = !e.value.userOptions.showOnChartHover, me(), ue.value += 1, ce.value += 1, re.value += 1, p.value.dataLabels.show = e.value.style.chart.yAxis.labels.datapoints.show, p.value.showTable = e.value.table.show, p.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
-    const M = Ie(null), L = Ie(null);
+    const F = Ie(null), L = Ie(null);
     st(() => {
-      ye();
+      me();
     });
-    function ye() {
+    function me() {
       if (dt(T.dataset) ? Ne({
         componentName: "VueUiParallelCoordinatePlot",
         type: "dataset"
@@ -85,7 +85,7 @@ const Ot = ["id"], Lt = ["xmlns", "viewBox"], Dt = ["x", "y", "width", "height"]
       }), e.value.responsive) {
         const t = At(() => {
           const { width: l, height: a } = zt({
-            chart: _.value,
+            chart: M.value,
             title: e.value.style.chart.title.text ? oe.value : null,
             legend: e.value.style.chart.legend.show ? se.value : null,
             source: ne.value,
@@ -119,11 +119,11 @@ const Ot = ["id"], Lt = ["xmlns", "viewBox"], Dt = ["x", "y", "width", "height"]
             })) : (c.value.plotSize = e.value.style.chart.plots.radius, c.value.ticksFontSize = e.value.style.chart.yAxis.labels.ticks.fontSize, c.value.datapointFontSize = e.value.style.chart.yAxis.labels.datapoints.fontSize, c.value.axisNameFontSize = e.value.style.chart.yAxis.labels.axisNamesFontSize);
           });
         });
-        M.value && (L.value && M.value.unobserve(L.value), M.value.disconnect()), M.value = new ResizeObserver(t), L.value = _.value.parentNode, M.value.observe(L.value);
+        F.value && (L.value && F.value.unobserve(L.value), F.value.disconnect()), F.value = new ResizeObserver(t), L.value = M.value.parentNode, F.value.observe(L.value);
       }
     }
     nt(() => {
-      M.value && (L.value && M.value.unobserve(L.value), M.value.disconnect());
+      F.value && (L.value && F.value.unobserve(L.value), F.value.disconnect());
     });
     const { isPrinting: fe, isImaging: ge, generatePdf: be, generateImage: xe } = Tt({
       elementId: `pcp_${q.value}`,
@@ -160,8 +160,8 @@ const Ot = ["id"], Lt = ["xmlns", "viewBox"], Dt = ["x", "y", "width", "height"]
     function ke(t) {
       $.value.includes(t) ? $.value = $.value.filter((l) => l !== t) : $.value.push(t);
     }
-    const F = x(() => T.dataset.map((t, l) => {
-      const a = mt(t.color) || Je.value[l] || G[l] || G[l % G.length];
+    const S = x(() => T.dataset.map((t, l) => {
+      const a = yt(t.color) || Je.value[l] || G[l] || G[l % G.length];
       return {
         ...t,
         series: t.series.map((o) => ({
@@ -174,7 +174,7 @@ const Ot = ["id"], Lt = ["xmlns", "viewBox"], Dt = ["x", "y", "width", "height"]
         id: ae(),
         shape: t.shape || "circle"
       };
-    })), Ke = x(() => F.value.map((t) => ({
+    })), Ke = x(() => S.value.map((t) => ({
       ...t,
       opacity: $.value.includes(t.id) ? 0.5 : 1,
       segregate: () => ke(t.id),
@@ -187,16 +187,16 @@ const Ot = ["id"], Lt = ["xmlns", "viewBox"], Dt = ["x", "y", "width", "height"]
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
     })), we = x(() => Math.max(
-      ...F.value.filter((t) => !$.value.includes(t.id)).map((t) => Math.max(...t.series.flatMap((l) => l.values.length)))
-    )), k = x(() => r.value.width / we.value), K = x(() => F.value.filter((t) => !$.value.includes(t.id))), b = x(() => {
+      ...S.value.filter((t) => !$.value.includes(t.id)).map((t) => Math.max(...t.series.flatMap((l) => l.values.length)))
+    )), k = x(() => r.value.width / we.value), K = x(() => S.value.filter((t) => !$.value.includes(t.id))), b = x(() => {
       let t = [];
       for (let l = 0; l < we.value; l += 1) {
-        const a = Math.min(...K.value.flatMap((m) => m.series.map((X) => X.values[l] || 0) || 0)), o = Math.max(...K.value.flatMap((m) => m.series.map((X) => X.values[l] || 0) || 0)), n = o === a ? a / 4 : a, s = o === a ? o * 2 : o, v = yt(n, s, e.value.style.chart.yAxis.scaleTicks), A = v.ticks.map((m, X) => {
-          const at = v.min < 0 ? m + Math.abs(v.min) : m - Math.abs(v.min), lt = v.min < 0 ? v.max + Math.abs(v.min) : v.max - Math.abs(v.min);
+        const a = Math.min(...K.value.flatMap((y) => y.series.map((X) => X.values[l] || 0) || 0)), o = Math.max(...K.value.flatMap((y) => y.series.map((X) => X.values[l] || 0) || 0)), n = o === a ? a / 4 : a, s = o === a ? o * 2 : o, v = mt(n, s, e.value.style.chart.yAxis.scaleTicks), A = v.ticks.map((y, X) => {
+          const at = v.min < 0 ? y + Math.abs(v.min) : y - Math.abs(v.min), lt = v.min < 0 ? v.max + Math.abs(v.min) : v.max - Math.abs(v.min);
           return {
             y: r.value.bottom - r.value.height * (at / lt),
             x: r.value.left + k.value * l + k.value / 2,
-            value: m
+            value: y
           };
         });
         t.push({
@@ -252,46 +252,46 @@ const Ot = ["id"], Lt = ["xmlns", "viewBox"], Dt = ["x", "y", "width", "height"]
     }
     const f = h(null), Z = h(null), D = h(!1), ee = h("");
     function H({ shape: t, serieName: l, serie: a, relativeIndex: o, seriesIndex: n }) {
-      Z.value = { serie: a, relativeIndex: o, seriesIndex: n, series: F.value, scales: b.value }, D.value = !0, f.value = a.id;
+      Z.value = { serie: a, relativeIndex: o, seriesIndex: n, series: S.value, scales: b.value }, D.value = !0, f.value = a.id;
       let s = "";
       const v = e.value.style.chart.tooltip.customFormat;
       Pe(v) && $t(() => v({
         serie: a,
         seriesIndex: a.seriesIndex,
-        series: F.value,
+        series: S.value,
         config: e.value,
         scales: b.value
       })) ? ee.value = v({
         serie: a,
         seriesIndex: a.seriesIndex,
-        series: F.value,
+        series: S.value,
         config: e.value,
         scales: b.value
-      }) : (s += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${l ? l + " - " : ""}${a.name}</div>`, b.value.map((A) => A.name).forEach((A, m) => {
+      }) : (s += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${l ? l + " - " : ""}${a.name}</div>`, b.value.map((A) => A.name).forEach((A, y) => {
         s += `
                 <div class="vue-ui-tooltip-item" style="text-align:left">
                     <span>${A}: </span>
                     <span>
                         ${Oe(
-          e.value.style.chart.yAxis.labels.formatters[m] || null,
-          a.datapoints[m].value,
+          e.value.style.chart.yAxis.labels.formatters[y] || null,
+          a.datapoints[y].value,
           Le({
-            p: e.value.style.chart.yAxis.labels.prefixes[m] || "",
-            v: a.datapoints[m].value,
-            s: e.value.style.chart.yAxis.labels.suffixes[m] || "",
-            r: e.value.style.chart.yAxis.labels.roundings[m] || ""
+            p: e.value.style.chart.yAxis.labels.prefixes[y] || "",
+            v: a.datapoints[y].value,
+            s: e.value.style.chart.yAxis.labels.suffixes[y] || "",
+            r: e.value.style.chart.yAxis.labels.roundings[y] || ""
           }),
-          { datapoint: a.datapoints[m], seriesIndex: m }
+          { datapoint: a.datapoints[y], seriesIndex: y }
         )}    
                     </span>
                 </div>
-            `, e.value.style.chart.comments.showInTooltip && a.datapoints[m].comment && (s += `<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[m].comment}</div>`);
+            `, e.value.style.chart.comments.showInTooltip && a.datapoints[y].comment && (s += `<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[y].comment}</div>`);
       }), ee.value = `<div>${s}</div>`);
     }
     function Ze() {
-      return F.value;
+      return S.value;
     }
-    const E = x(() => {
+    const R = x(() => {
       const t = [e.value.table.columnNames.series].concat([e.value.table.columnNames.item]).concat(b.value.map((n) => n.name)), l = Q.value.flatMap((n, s) => n.series.map((v) => [n.name].concat([v.name]).concat(v.values))), a = {
         th: {
           backgroundColor: e.value.table.th.backgroundColor,
@@ -312,14 +312,14 @@ const Ot = ["id"], Lt = ["xmlns", "viewBox"], Dt = ["x", "y", "width", "height"]
         colNames: o
       };
     }), $e = x(() => Q.value.length === 0 ? { head: [], body: [], config: {}, columnNames: [] } : {
-      head: E.value.head,
-      body: E.value.body
+      head: R.value.head,
+      body: R.value.body
     });
     function Ae(t = null) {
       const l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], a = $e.value.head, o = $e.value.body, n = l.concat([a]).concat(o), s = wt(n);
       t ? t(s) : Ct({ csvContent: s, title: e.value.style.chart.title.text || "vue-ui-parallel-coordinate-plot" });
     }
-    const ze = Ue;
+    const ze = Be;
     function et(t) {
       ze("selectDatapoint", t);
     }
@@ -344,11 +344,18 @@ const Ot = ["id"], Lt = ["xmlns", "viewBox"], Dt = ["x", "y", "width", "height"]
       j.value = !j.value;
     }
     async function tt({ scale: t = 2 } = {}) {
-      if (!_.value) return;
-      const { imageUri: l, base64: a } = await Nt({ domElement: _.value, base64: !0, img: !0, scale: t });
-      return { imageUri: l, base64: a };
+      if (!M.value) return;
+      const { width: l, height: a } = M.value.getBoundingClientRect(), o = l / a, { imageUri: n, base64: s } = await Nt({ domElement: M.value, base64: !0, img: !0, scale: t });
+      return {
+        imageUri: n,
+        base64: s,
+        title: e.value.style.chart.title.text,
+        width: l,
+        height: a,
+        aspectRatio: o
+      };
     }
-    return Re({
+    return Ee({
       getData: Ze,
       getImage: tt,
       generateCsv: Ae,
@@ -361,35 +368,35 @@ const Ot = ["id"], Lt = ["xmlns", "viewBox"], Dt = ["x", "y", "width", "height"]
       toggleFullscreen: ve
     }), (t, l) => (i(), u("div", {
       ref_key: "pcpChart",
-      ref: _,
-      class: B(`vue-ui-pcp ${O.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+      ref: M,
+      class: W(`vue-ui-pcp ${O.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: z(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height:100%" : ""}`),
       id: `pcp_${q.value}`,
       onMouseenter: l[6] || (l[6] = () => d(de)(!0)),
       onMouseleave: l[7] || (l[7] = () => d(de)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (i(), S(d(He), {
+      e.value.userOptions.buttons.annotator ? (i(), I(d(He), {
         key: 0,
         svgRef: d(pe),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: j.value,
         onClose: te
-      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : y("", !0),
+      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : m("", !0),
       qe.value ? (i(), u("div", {
         key: 1,
         ref_key: "noTitle",
         ref: ie,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
-      }, null, 512)) : y("", !0),
+      }, null, 512)) : m("", !0),
       e.value.style.chart.title.text ? (i(), u("div", {
         key: 2,
         ref_key: "chartTitle",
         ref: oe,
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
-        (i(), S(St, {
+        (i(), I(St, {
           key: `title_${ue.value}`,
           config: {
             title: {
@@ -402,8 +409,8 @@ const Ot = ["id"], Lt = ["xmlns", "viewBox"], Dt = ["x", "y", "width", "height"]
             }
           }
         }, null, 8, ["config"]))
-      ], 512)) : y("", !0),
-      e.value.userOptions.show && P.value && (d(he) || d(J)) ? (i(), S(d(Ge), {
+      ], 512)) : m("", !0),
+      e.value.userOptions.show && P.value && (d(he) || d(J)) ? (i(), I(d(Ge), {
         ref: "details",
         key: `user_options_${le.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -421,7 +428,7 @@ const Ot = ["id"], Lt = ["xmlns", "viewBox"], Dt = ["x", "y", "width", "height"]
         isFullscreen: O.value,
         isTooltip: p.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: _.value,
+        chartElement: M.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: j.value,
@@ -442,7 +449,7 @@ const Ot = ["id"], Lt = ["xmlns", "viewBox"], Dt = ["x", "y", "width", "height"]
         t.$slots.menuIcon ? {
           name: "menuIcon",
           fn: w(({ isOpen: a, color: o }) => [
-            g(t.$slots, "menuIcon", U(V({ isOpen: a, color: o })), void 0, !0)
+            g(t.$slots, "menuIcon", B(U({ isOpen: a, color: o })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -484,28 +491,28 @@ const Ot = ["id"], Lt = ["xmlns", "viewBox"], Dt = ["x", "y", "width", "height"]
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: w(({ toggleFullscreen: a, isFullscreen: o }) => [
-            g(t.$slots, "optionFullscreen", U(V({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
+            g(t.$slots, "optionFullscreen", B(U({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
           ]),
           key: "6"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: w(({ toggleAnnotator: a, isAnnotator: o }) => [
-            g(t.$slots, "optionAnnotator", U(V({ toggleAnnotator: a, isAnnotator: o })), void 0, !0)
+            g(t.$slots, "optionAnnotator", B(U({ toggleAnnotator: a, isAnnotator: o })), void 0, !0)
           ]),
           key: "7"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasTable", "hasLabel", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : y("", !0),
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasTable", "hasLabel", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : m("", !0),
       P.value ? (i(), u("svg", {
         key: 4,
         ref_key: "svgRef",
         ref: pe,
         xmlns: d(xt),
-        class: B({ "vue-data-ui-fullscreen--on": O.value, "vue-data-ui-fulscreen--off": !O.value }),
+        class: W({ "vue-data-ui-fullscreen--on": O.value, "vue-data-ui-fulscreen--off": !O.value }),
         viewBox: `0 0 ${r.value.chartWidth <= 0 ? 10 : r.value.chartWidth} ${r.value.chartHeight <= 0 ? 10 : r.value.chartHeight}`,
         style: z(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        _e(d(Be)),
+        _e(d(We)),
         t.$slots["chart-background"] ? (i(), u("foreignObject", {
           key: 0,
           x: r.value.left,
@@ -517,16 +524,16 @@ const Ot = ["id"], Lt = ["xmlns", "viewBox"], Dt = ["x", "y", "width", "height"]
           }
         }, [
           g(t.$slots, "chart-background", {}, void 0, !0)
-        ], 8, Dt)) : y("", !0),
-        (i(!0), u(C, null, I(b.value, (a, o) => (i(), u("g", Et, [
-          R("line", {
+        ], 8, Dt)) : m("", !0),
+        (i(!0), u(C, null, _(b.value, (a, o) => (i(), u("g", Rt, [
+          E("line", {
             x1: r.value.left + k.value * o + k.value / 2,
             x2: r.value.left + k.value * o + k.value / 2,
             y1: r.value.top,
             y2: r.value.bottom,
             stroke: e.value.style.chart.yAxis.stroke,
             "stroke-width": e.value.style.chart.yAxis.strokeWidth
-          }, null, 8, Rt),
+          }, null, 8, Et),
           String(a.name).includes(`
 `) ? (i(), u("text", {
             key: 1,
@@ -543,7 +550,7 @@ const Ot = ["id"], Lt = ["xmlns", "viewBox"], Dt = ["x", "y", "width", "height"]
               x: r.value.left + k.value * o + k.value / 2,
               y: r.value.top - 24
             })
-          }, null, 8, Vt)) : (i(), u("text", {
+          }, null, 8, Ut)) : (i(), u("text", {
             key: 0,
             x: r.value.left + k.value * o + k.value / 2,
             y: r.value.top - 24,
@@ -551,9 +558,9 @@ const Ot = ["id"], Lt = ["xmlns", "viewBox"], Dt = ["x", "y", "width", "height"]
             "font-size": c.value.axisNameFontSize,
             "font-weight": e.value.style.chart.yAxis.labels.axisNamesBold ? "bold" : "",
             "text-anchor": "middle"
-          }, W(a.name), 9, Ut)),
+          }, V(a.name), 9, Bt)),
           e.value.style.chart.yAxis.labels.ticks.show ? (i(), u(C, { key: 2 }, [
-            (i(!0), u(C, null, I(a.ticks, (n) => (i(), u("line", {
+            (i(!0), u(C, null, _(a.ticks, (n) => (i(), u("line", {
               x1: n.x,
               x2: n.x - 10,
               y1: n.y,
@@ -561,8 +568,8 @@ const Ot = ["id"], Lt = ["xmlns", "viewBox"], Dt = ["x", "y", "width", "height"]
               stroke: e.value.style.chart.yAxis.stroke,
               "stroke-width": e.value.style.chart.yAxis.strokeWidth,
               style: z(`opacity:${f.value && !p.value.showTooltip ? 0.2 : 1}`)
-            }, null, 12, Wt))), 256)),
-            (i(!0), u(C, null, I(a.ticks, (n) => (i(), u("text", {
+            }, null, 12, Vt))), 256)),
+            (i(!0), u(C, null, _(a.ticks, (n) => (i(), u("text", {
               x: n.x - 12 + e.value.style.chart.yAxis.labels.ticks.offsetX,
               y: n.y + e.value.style.chart.yAxis.labels.ticks.offsetY + c.value.ticksFontSize / 3,
               fill: e.value.style.chart.yAxis.labels.ticks.color,
@@ -570,13 +577,13 @@ const Ot = ["id"], Lt = ["xmlns", "viewBox"], Dt = ["x", "y", "width", "height"]
               "font-size": c.value.ticksFontSize,
               "font-weight": e.value.style.chart.yAxis.labels.ticks.bold ? "bold" : "normal",
               style: z(`opacity:${f.value && !p.value.showTooltip ? 0.2 : 1}`)
-            }, W(Ce({ value: n.value, index: o, datapoint: n })), 13, Bt))), 256))
-          ], 64)) : y("", !0)
+            }, V(Ce({ value: n.value, index: o, datapoint: n })), 13, Wt))), 256))
+          ], 64)) : m("", !0)
         ]))), 256)),
-        (i(!0), u(C, null, I(Q.value, (a) => (i(), u("g", null, [
-          (i(!0), u(C, null, I(a.series, (o, n) => (i(), u("g", null, [
+        (i(!0), u(C, null, _(Q.value, (a) => (i(), u("g", null, [
+          (i(!0), u(C, null, _(a.series, (o, n) => (i(), u("g", null, [
             e.value.style.chart.plots.show ? (i(), u("g", Ht, [
-              (i(!0), u(C, null, I(o.datapoints, (s) => (i(), S(_t, {
+              (i(!0), u(C, null, _(o.datapoints, (s) => (i(), I(_t, {
                 plot: { x: s.x, y: s.y },
                 color: a.color,
                 shape: a.shape,
@@ -596,7 +603,7 @@ const Ot = ["id"], Lt = ["xmlns", "viewBox"], Dt = ["x", "y", "width", "height"]
                 style: z(`opacity:${f.value ? f.value === o.id ? e.value.style.chart.plots.opacity : 0.2 : e.value.style.chart.plots.opacity}`),
                 onClick: () => et(s)
               }, null, 8, ["plot", "color", "shape", "radius", "stroke", "onMouseenter", "style", "onClick"]))), 256)),
-              p.value.showTooltip ? y("", !0) : (i(), u(C, { key: 0 }, [
+              p.value.showTooltip ? m("", !0) : (i(), u(C, { key: 0 }, [
                 f.value && f.value === o.id && o.datapoints.length ? (i(), u("text", {
                   key: 0,
                   x: o.datapoints[0].x - c.value.ticksFontSize,
@@ -605,9 +612,9 @@ const Ot = ["id"], Lt = ["xmlns", "viewBox"], Dt = ["x", "y", "width", "height"]
                   "font-size": c.value.ticksFontSize,
                   fill: a.color,
                   "font-weight": "bold"
-                }, W(o.name), 9, jt)) : y("", !0)
+                }, V(o.name), 9, jt)) : m("", !0)
               ], 64)),
-              e.value.style.chart.comments.show ? (i(!0), u(C, { key: 1 }, I(o.datapoints, (s) => (i(), u("g", null, [
+              e.value.style.chart.comments.show ? (i(!0), u(C, { key: 1 }, _(o.datapoints, (s) => (i(), u("g", null, [
                 s.comment ? (i(), u("foreignObject", {
                   key: 0,
                   style: { overflow: "visible" },
@@ -616,21 +623,21 @@ const Ot = ["id"], Lt = ["xmlns", "viewBox"], Dt = ["x", "y", "width", "height"]
                   x: s.x - e.value.style.chart.comments.width / 2 + e.value.style.chart.comments.offsetX,
                   y: s.y + e.value.style.chart.comments.offsetY + 6
                 }, [
-                  R("div", Gt, [
+                  E("div", Gt, [
                     g(t.$slots, "plot-comment", {
                       plot: { ...s, color: a.color }
                     }, void 0, !0)
                   ])
-                ], 8, Xt)) : y("", !0)
-              ]))), 256)) : y("", !0)
-            ])) : y("", !0),
-            p.value.dataLabels.show || f.value && f.value === o.id ? (i(!0), u(C, { key: 1 }, I(o.datapoints, (s, v) => (i(), u("text", {
+                ], 8, Xt)) : m("", !0)
+              ]))), 256)) : m("", !0)
+            ])) : m("", !0),
+            p.value.dataLabels.show || f.value && f.value === o.id ? (i(!0), u(C, { key: 1 }, _(o.datapoints, (s, v) => (i(), u("text", {
               x: s.x + 12 + e.value.style.chart.yAxis.labels.datapoints.offsetX,
               y: s.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: B({ "vue-ui-pcp-animated": !1, "vue-ui-pcp-transition": !0 }),
+              class: W({ "vue-ui-pcp-animated": !1, "vue-ui-pcp-transition": !0 }),
               "font-size": c.value.datapointFontSize,
               onMouseenter: (A) => H({
                 shape: a.shape,
@@ -643,13 +650,13 @@ const Ot = ["id"], Lt = ["xmlns", "viewBox"], Dt = ["x", "y", "width", "height"]
                 f.value = null, D.value = !1;
               }),
               style: z(`opacity:${f.value ? f.value === o.id ? 1 : 0.2 : 1}`)
-            }, W(Ce({ value: s.value, index: v, datapoint: s })), 45, Yt))), 256)) : y("", !0),
-            R("path", {
+            }, V(Ce({ value: s.value, index: v, datapoint: s })), 45, Yt))), 256)) : m("", !0),
+            E("path", {
               d: `M${e.value.style.chart.lines.smooth ? o.smoothPath : o.straightPath}`,
               stroke: a.color,
               "stroke-width": e.value.style.chart.lines.strokeWidth,
               fill: "none",
-              class: B({ "vue-ui-pcp-animated vue-data-ui-line-animated": e.value.useCssAnimation, "vue-ui-pcp-transition": !0 }),
+              class: W({ "vue-ui-pcp-animated vue-data-ui-line-animated": e.value.useCssAnimation, "vue-ui-pcp-transition": !0 }),
               onMouseenter: (s) => H({
                 shape: a.shape,
                 serieName: a.name,
@@ -668,7 +675,7 @@ const Ot = ["id"], Lt = ["xmlns", "viewBox"], Dt = ["x", "y", "width", "height"]
               stroke: "transparent",
               "stroke-width": 12,
               fill: "none",
-              class: B({ "vue-ui-pcp-animated vue-data-ui-line-animated": e.value.useCssAnimation, "vue-ui-pcp-transition": !0 }),
+              class: W({ "vue-ui-pcp-animated vue-data-ui-line-animated": e.value.useCssAnimation, "vue-ui-pcp-transition": !0 }),
               onMouseenter: (s) => H({
                 shape: a.shape,
                 serieName: a.name,
@@ -680,15 +687,15 @@ const Ot = ["id"], Lt = ["xmlns", "viewBox"], Dt = ["x", "y", "width", "height"]
                 f.value = null, D.value = !1;
               }),
               style: { opacity: "0" }
-            }, null, 42, Jt)) : y("", !0)
+            }, null, 42, Jt)) : m("", !0)
           ]))), 256))
         ]))), 256)),
         g(t.$slots, "svg", { svg: r.value }, void 0, !0)
-      ], 14, Lt)) : y("", !0),
+      ], 14, Lt)) : m("", !0),
       t.$slots.watermark ? (i(), u("div", Kt, [
-        g(t.$slots, "watermark", U(V({ isPrinting: d(fe) || d(ge) })), void 0, !0)
-      ])) : y("", !0),
-      P.value ? y("", !0) : (i(), S(d(je), {
+        g(t.$slots, "watermark", B(U({ isPrinting: d(fe) || d(ge) })), void 0, !0)
+      ])) : m("", !0),
+      P.value ? m("", !0) : (i(), I(d(je), {
         key: 6,
         config: {
           type: "parallelCoordinatePlot",
@@ -697,11 +704,11 @@ const Ot = ["id"], Lt = ["xmlns", "viewBox"], Dt = ["x", "y", "width", "height"]
           }
         }
       }, null, 8, ["config"])),
-      R("div", {
+      E("div", {
         ref_key: "chartLegend",
         ref: se
       }, [
-        e.value.style.chart.legend.show && P.value ? (i(), S(It, {
+        e.value.style.chart.legend.show && P.value ? (i(), I(It, {
           key: `legend_${re.value}`,
           legendSet: Ke.value,
           config: Qe.value,
@@ -710,17 +717,17 @@ const Ot = ["id"], Lt = ["xmlns", "viewBox"], Dt = ["x", "y", "width", "height"]
           })
         }, {
           item: w(({ legend: a, index: o }) => [
-            R("div", {
+            E("div", {
               onClick: (n) => {
                 a.segregate(), Te(a);
               },
               style: z(`opacity:${$.value.includes(a.id) ? 0.5 : 1}`)
-            }, W(a.name), 13, Qt)
+            }, V(a.name), 13, Qt)
           ]),
           _: 1
         }, 8, ["legendSet", "config"])) : g(t.$slots, "legend", {
           key: 1,
-          legend: F.value
+          legend: S.value
         }, void 0, !0)
       ], 512),
       t.$slots.source ? (i(), u("div", {
@@ -730,7 +737,7 @@ const Ot = ["id"], Lt = ["xmlns", "viewBox"], Dt = ["x", "y", "width", "height"]
         dir: "auto"
       }, [
         g(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : y("", !0),
+      ], 512)) : m("", !0),
       _e(d(Xe), {
         show: p.value.showTooltip && D.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
@@ -742,20 +749,20 @@ const Ot = ["id"], Lt = ["xmlns", "viewBox"], Dt = ["x", "y", "width", "height"]
         backgroundOpacity: e.value.style.chart.tooltip.backgroundOpacity,
         position: e.value.style.chart.tooltip.position,
         offsetY: e.value.style.chart.tooltip.offsetY,
-        parent: _.value,
+        parent: M.value,
         content: ee.value,
         isFullscreen: O.value,
         isCustom: d(Pe)(e.value.style.chart.tooltip.customFormat)
       }, {
         "tooltip-before": w(() => [
-          g(t.$slots, "tooltip-before", U(V({ ...Z.value })), void 0, !0)
+          g(t.$slots, "tooltip-before", B(U({ ...Z.value })), void 0, !0)
         ]),
         "tooltip-after": w(() => [
-          g(t.$slots, "tooltip-after", U(V({ ...Z.value })), void 0, !0)
+          g(t.$slots, "tooltip-after", B(U({ ...Z.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
-      P.value ? (i(), S(d(Ve), {
+      P.value ? (i(), I(d(Ue), {
         key: 8,
         hideDetails: "",
         config: {
@@ -772,29 +779,29 @@ const Ot = ["id"], Lt = ["xmlns", "viewBox"], Dt = ["x", "y", "width", "height"]
         }
       }, {
         content: w(() => [
-          (i(), S(d(We), {
+          (i(), I(d(Ve), {
             key: `table_${ce.value}`,
-            colNames: E.value.colNames,
-            head: E.value.head,
-            body: E.value.body,
-            config: E.value.config,
+            colNames: R.value.colNames,
+            head: R.value.head,
+            body: R.value.body,
+            config: R.value.config,
             title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? ` : ${e.value.style.chart.title.subtitle.text}` : ""}`,
             onClose: l[5] || (l[5] = (a) => p.value.showTable = !1)
           }, {
             th: w(({ th: a }) => [
-              R("div", { innerHTML: a }, null, 8, Zt)
+              E("div", { innerHTML: a }, null, 8, Zt)
             ]),
             td: w(({ td: a }) => [
-              ut(W(a), 1)
+              ut(V(a), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"]))
         ]),
         _: 1
-      }, 8, ["config"])) : y("", !0)
+      }, 8, ["config"])) : m("", !0)
     ], 46, Ot));
   }
-}, ha = /* @__PURE__ */ Pt(ea, [["__scopeId", "data-v-3a6c4c58"]]);
+}, ha = /* @__PURE__ */ Pt(ea, [["__scopeId", "data-v-6d00a0ec"]]);
 export {
   ha as default
 };