vue-data-ui 2.6.18 → 2.6.20

package/dist/{vue-ui-parallel-coordinate-plot-DxwECisr.js → vue-ui-parallel-coordinate-plot-CpQOyh-W.js}

@@ -1,21 +1,21 @@
-import { computed as g, ref as v, watch as Xe, onMounted as Ye, onBeforeUnmount as qe, createElementBlock as i, openBlock as u, unref as b, normalizeStyle as T, normalizeClass as R, createBlock as z, createCommentVNode as m, createElementVNode as I, createVNode as Me, createSlots as Je, withCtx as k, renderSlot as x, normalizeProps as U, guardReactiveProps as W, Fragment as C, renderList as F, toDisplayString as S, createTextVNode as Ke } from "vue";
-import { u as Qe, c as ee, t as Ze, p as H, a as et, o as tt, e as ze, g as at, b as lt, d as ot, D as st, R as nt, S as ut, T as it, X as rt, x as Fe, F as G, q as ct, r as vt, i as Ie, f as Pe, y as dt } from "./index-Df45PKBw.js";
+import { computed as b, ref as v, watch as Xe, onMounted as Ye, onBeforeUnmount as qe, createElementBlock as i, openBlock as u, unref as x, normalizeStyle as T, normalizeClass as W, createBlock as z, createCommentVNode as m, createElementVNode as F, createVNode as Me, createSlots as Je, withCtx as k, renderSlot as f, normalizeProps as S, guardReactiveProps as D, Fragment as C, renderList as I, toDisplayString as R, createTextVNode as Ke } from "vue";
+import { u as Qe, c as ee, t as Ze, p as H, a as et, o as tt, e as ze, g as at, b as lt, d as ot, D as st, R as nt, S as ut, T as it, X as rt, x as Ie, F as G, q as ct, r as vt, i as Fe, f as Pe, y as dt } from "./index-Cq7-va_5.js";
 import { t as ht, u as pt } from "./useResponsive-BWapHhVH.js";
-import { _ as mt } from "./Title-xfHZTDT9.js";
-import { L as yt } from "./Legend-w7VxyGN0.js";
-import { _ as ft } from "./Tooltip-CF9cKbnr.js";
-import { _ as gt } from "./Shape-RfSE_FzV.js";
-import { u as bt, U as xt } from "./usePrinter-MC5pKUx5.js";
-import { D as kt } from "./DataTable-BH56SPdO.js";
-import wt from "./vue-ui-accordion-BbCvey8w.js";
-import Ct from "./vue-ui-skeleton-BIYEApQO.js";
-import { u as Ne } from "./useNestedProp-BaSIdRPe.js";
-import { _ as $t } from "./PackageVersion-D1edJun6.js";
-import { P as At } from "./PenAndPaper-DWnLI5jM.js";
+import { _ as mt } from "./Title-CUHNtIyE.js";
+import { L as yt } from "./Legend-CaMKYW-V.js";
+import { _ as ft } from "./Tooltip-BuAQ8HVL.js";
+import { _ as gt } from "./Shape-F5v4f45p.js";
+import { u as bt, U as xt } from "./usePrinter-jRjc8Naz.js";
+import { D as kt } from "./DataTable-CMUyDj6S.js";
+import wt from "./vue-ui-accordion-vAQ_LLoP.js";
+import Ct from "./vue-ui-skeleton-DIrE1OTF.js";
+import { u as Ne } from "./useNestedProp-BEyJNlaO.js";
+import { _ as $t } from "./PackageVersion-CURzw4q1.js";
+import { P as At } from "./PenAndPaper-CjiJra09.js";
 import { u as Tt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as _t } from "./useChartAccessibility-BWojgys7.js";
 import { _ as Mt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const zt = ["id"], Ft = ["xmlns", "viewBox"], It = ["x", "y", "width", "height"], Pt = { style: { "pointer-events": "none" } }, Nt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Lt = ["x", "y", "fill", "font-size", "font-weight"], Ot = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], St = ["x", "y", "fill", "font-size", "font-weight"], Dt = { key: 0 }, Rt = ["x", "y", "font-size", "fill"], Ut = ["width", "x", "y"], Wt = { style: { width: "100%" } }, Et = ["x", "y", "fill", "font-weight", "font-size", "onMouseenter"], Vt = ["d", "stroke", "stroke-width", "onMouseenter"], jt = ["d", "onMouseenter"], Bt = {
+const zt = ["id"], It = ["xmlns", "viewBox"], Ft = ["x", "y", "width", "height"], Pt = { style: { "pointer-events": "none" } }, Nt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Lt = ["x", "y", "fill", "font-size", "font-weight"], Ot = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], St = ["x", "y", "fill", "font-size", "font-weight"], Dt = { key: 0 }, Rt = ["x", "y", "font-size", "fill"], Ut = ["width", "x", "y"], Wt = { style: { width: "100%" } }, Et = ["x", "y", "fill", "font-weight", "font-size", "onMouseenter"], Vt = ["d", "stroke", "stroke-width", "onMouseenter"], jt = ["d", "onMouseenter"], Bt = {
   key: 5,
   class: "vue-data-ui-watermark"
 }, Ht = ["onClick"], Gt = ["innerHTML"], Xt = {
@@ -36,18 +36,18 @@ const zt = ["id"], Ft = ["xmlns", "viewBox"], It = ["x", "y", "width", "height"]
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(Le, { expose: Oe, emit: Se }) {
-    const { vue_ui_parallel_coordinate_plot: De } = Qe(), _ = Le, P = g({
+    const { vue_ui_parallel_coordinate_plot: De } = Qe(), _ = Le, P = b({
       get() {
         return !!_.dataset && _.dataset.length;
       },
       set(t) {
         return t;
       }
-    }), te = v(0), D = v(null), ae = v(null), le = v(null), oe = v(null), se = v(null), ne = v(0), ue = v(0), ie = v(0), X = v(ee()), N = v(!1);
+    }), te = v(0), U = v(null), ae = v(null), le = v(null), oe = v(null), se = v(null), ne = v(0), ue = v(0), ie = v(0), X = v(ee()), N = v(!1);
     function Re(t) {
       N.value = t, te.value += 1;
     }
-    const e = g({
+    const e = b({
       get: () => de(),
       set: (t) => t
     }), { userOptionsVisible: Y, setUserOptionsVisibility: re, keepUserOptionState: ce } = Tt({ config: e.value }), { svgRef: ve } = _t({ config: e.value.style.chart.title });
@@ -90,7 +90,7 @@ const zt = ["id"], Ft = ["xmlns", "viewBox"], It = ["x", "y", "width", "height"]
       }), e.value.responsive) {
         const t = ht(() => {
           const { width: l, height: a } = pt({
-            chart: D.value,
+            chart: U.value,
             title: e.value.style.chart.title.text ? ae.value : null,
             legend: e.value.style.chart.legend.show ? le.value : null,
             source: oe.value,
@@ -124,7 +124,7 @@ const zt = ["id"], Ft = ["xmlns", "viewBox"], It = ["x", "y", "width", "height"]
             });
           });
         });
-        E.value = new ResizeObserver(t), E.value.observe(D.value.parentNode);
+        E.value = new ResizeObserver(t), E.value.observe(U.value.parentNode);
       }
     }
     qe(() => {
@@ -133,7 +133,7 @@ const zt = ["id"], Ft = ["xmlns", "viewBox"], It = ["x", "y", "width", "height"]
     const { isPrinting: pe, isImaging: me, generatePdf: ye, generateImage: fe } = bt({
       elementId: `pcp_${X.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-parallel-coordinate-plot"
-    }), Ue = g(() => e.value.userOptions.show && !e.value.style.chart.title.text), d = v({
+    }), Ue = b(() => e.value.userOptions.show && !e.value.style.chart.title.text), d = v({
       height: e.value.style.chart.height,
       width: e.value.style.chart.width,
       plotSize: e.value.style.chart.plots.radius,
@@ -142,7 +142,7 @@ const zt = ["id"], Ft = ["xmlns", "viewBox"], It = ["x", "y", "width", "height"]
       // ratio 42.85
       datapointFontSize: e.value.style.chart.yAxis.labels.datapoints.fontSize,
       axisNameFontSize: e.value.style.chart.yAxis.labels.axisNamesFontSize
-    }), c = g(() => {
+    }), c = b(() => {
       const { top: t, right: l, bottom: a, left: o } = e.value.style.chart.padding, n = d.value.height, s = d.value.width;
       return {
         chartHeight: n,
@@ -154,7 +154,7 @@ const zt = ["id"], Ft = ["xmlns", "viewBox"], It = ["x", "y", "width", "height"]
         right: s - l,
         bottom: n - a
       };
-    }), We = g(() => lt(e.value.customPalette)), h = v({
+    }), We = b(() => lt(e.value.customPalette)), h = v({
       dataLabels: {
         show: e.value.style.chart.yAxis.labels.datapoints.show
       },
@@ -164,7 +164,7 @@ const zt = ["id"], Ft = ["xmlns", "viewBox"], It = ["x", "y", "width", "height"]
     function ge(t) {
       $.value.includes(t) ? $.value = $.value.filter((l) => l !== t) : $.value.push(t);
     }
-    const M = g(() => _.dataset.map((t, l) => {
+    const M = b(() => _.dataset.map((t, l) => {
       const a = ot(t.color) || We.value[l] || H[l] || H[l % H.length];
       return {
         ...t,
@@ -178,21 +178,21 @@ const zt = ["id"], Ft = ["xmlns", "viewBox"], It = ["x", "y", "width", "height"]
         id: ee(),
         shape: t.shape || "circle"
       };
-    })), Ee = g(() => M.value.map((t) => ({
+    })), Ee = b(() => M.value.map((t) => ({
       ...t,
       opacity: $.value.includes(t.id) ? 0.5 : 1,
       segregate: () => ge(t.id),
       isSegregated: $.value.includes(t.id)
-    }))), Ve = g(() => ({
+    }))), Ve = 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" : ""
-    })), be = g(() => Math.max(
+    })), be = b(() => Math.max(
       ...M.value.filter((t) => !$.value.includes(t.id)).map((t) => Math.max(...t.series.flatMap((l) => l.values.length)))
-    )), w = g(() => c.value.width / be.value), q = g(() => M.value.filter((t) => !$.value.includes(t.id))), f = g(() => {
+    )), w = b(() => c.value.width / be.value), q = b(() => M.value.filter((t) => !$.value.includes(t.id))), g = b(() => {
       let t = [];
       for (let l = 0; l < be.value; l += 1) {
         const a = Math.min(...q.value.flatMap((p) => p.series.map((B) => B.values[l] || 0) || 0)), o = Math.max(...q.value.flatMap((p) => p.series.map((B) => B.values[l] || 0) || 0)), n = o === a ? a / 4 : a, s = o === a ? o * 2 : o, r = st(n, s, e.value.style.chart.yAxis.scaleTicks), A = r.ticks.map((p, B) => {
@@ -210,12 +210,12 @@ const zt = ["id"], Ft = ["xmlns", "viewBox"], It = ["x", "y", "width", "height"]
         });
       }
       return t;
-    }), J = g(() => q.value.map((t, l) => ({
+    }), J = b(() => q.value.map((t, l) => ({
       ...t,
       series: t.series.map((a, o) => ({
         ...a,
         datapoints: a.values.map((n, s) => {
-          const r = f.value[s].scale.min < 0 ? (n || 0) + Math.abs(f.value[s].scale.min) : (n || 0) - Math.abs(f.value[s].scale.min), A = f.value[s].scale.min < 0 ? f.value[s].scale.max + Math.abs(f.value[s].scale.min) : f.value[s].scale.max - Math.abs(f.value[s].scale.min);
+          const r = g.value[s].scale.min < 0 ? (n || 0) + Math.abs(g.value[s].scale.min) : (n || 0) - Math.abs(g.value[s].scale.min), A = g.value[s].scale.min < 0 ? g.value[s].scale.max + Math.abs(g.value[s].scale.min) : g.value[s].scale.max - Math.abs(g.value[s].scale.min);
           return {
             name: a.name,
             seriesName: t.name,
@@ -242,7 +242,7 @@ const zt = ["id"], Ft = ["xmlns", "viewBox"], It = ["x", "y", "width", "height"]
       })
     })));
     function xe({ value: t, index: l, datapoint: a }) {
-      return Ie(
+      return Fe(
         e.value.style.chart.yAxis.labels.formatters[l] || null,
         t,
         Pe({
@@ -256,27 +256,27 @@ const zt = ["id"], Ft = ["xmlns", "viewBox"], It = ["x", "y", "width", "height"]
     }
     const y = v(null), K = v(null), L = v(!1), Q = v("");
     function V({ shape: t, serieName: l, serie: a, relativeIndex: o, seriesIndex: n }) {
-      K.value = { serie: a, relativeIndex: o, seriesIndex: n, series: M.value, scales: f.value }, L.value = !0, y.value = a.id;
+      K.value = { serie: a, relativeIndex: o, seriesIndex: n, series: M.value, scales: g.value }, L.value = !0, y.value = a.id;
       let s = "";
       const r = e.value.style.chart.tooltip.customFormat;
-      Fe(r) && dt(() => r({
+      Ie(r) && dt(() => r({
         serie: a,
         seriesIndex: a.seriesIndex,
         series: M.value,
         config: e.value,
-        scales: f.value
+        scales: g.value
       })) ? Q.value = r({
         serie: a,
         seriesIndex: a.seriesIndex,
         series: M.value,
         config: e.value,
-        scales: f.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>`, f.value.map((A) => A.name).forEach((A, p) => {
+        scales: g.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>`, g.value.map((A) => A.name).forEach((A, p) => {
         s += `
                 <div class="vue-ui-tooltip-item" style="text-align:left">
                     <span>${A}: </span>
                     <span>
-                        ${Ie(
+                        ${Fe(
           e.value.style.chart.yAxis.labels.formatters[p] || null,
           a.datapoints[p].value,
           Pe({
@@ -295,8 +295,8 @@ const zt = ["id"], Ft = ["xmlns", "viewBox"], It = ["x", "y", "width", "height"]
     function je() {
       return M.value;
     }
-    const O = g(() => {
-      const t = [e.value.table.columnNames.series].concat([e.value.table.columnNames.item]).concat(f.value.map((n) => n.name)), l = J.value.flatMap((n, s) => n.series.map((r) => [n.name].concat([r.name]).concat(r.values))), a = {
+    const O = b(() => {
+      const t = [e.value.table.columnNames.series].concat([e.value.table.columnNames.item]).concat(g.value.map((n) => n.name)), l = J.value.flatMap((n, s) => n.series.map((r) => [n.name].concat([r.name]).concat(r.values))), a = {
         th: {
           backgroundColor: e.value.table.th.backgroundColor,
           color: e.value.table.th.color,
@@ -308,14 +308,14 @@ const zt = ["id"], Ft = ["xmlns", "viewBox"], It = ["x", "y", "width", "height"]
           outline: e.value.table.td.outline
         },
         breakpoint: e.value.table.responsiveBreakpoint
-      }, o = [e.value.table.columnNames.series].concat([e.value.table.columnNames.item]).concat(f.value.map((n) => n.name));
+      }, o = [e.value.table.columnNames.series].concat([e.value.table.columnNames.item]).concat(g.value.map((n) => n.name));
       return {
         body: l,
         head: t,
         config: a,
         colNames: o
       };
-    }), ke = g(() => J.value.length === 0 ? { head: [], body: [], config: {}, columnNames: [] } : {
+    }), ke = b(() => J.value.length === 0 ? { head: [], body: [], config: {}, columnNames: [] } : {
       head: O.value.head,
       body: O.value.body
     });
@@ -358,16 +358,16 @@ const zt = ["id"], Ft = ["xmlns", "viewBox"], It = ["x", "y", "width", "height"]
       toggleAnnotator: Z
     }), (t, l) => (u(), i("div", {
       ref_key: "pcpChart",
-      ref: D,
-      class: R(`vue-ui-pcp ${N.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+      ref: U,
+      class: W(`vue-ui-pcp ${N.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: T(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height:100%" : ""}`),
       id: `pcp_${X.value}`,
-      onMouseenter: l[6] || (l[6] = () => b(re)(!0)),
-      onMouseleave: l[7] || (l[7] = () => b(re)(!1))
+      onMouseenter: l[6] || (l[6] = () => x(re)(!0)),
+      onMouseleave: l[7] || (l[7] = () => x(re)(!1))
     }, [
       e.value.userOptions.buttons.annotator ? (u(), z(At, {
         key: 0,
-        svgRef: b(ve),
+        svgRef: x(ve),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: j.value,
@@ -400,13 +400,13 @@ const zt = ["id"], Ft = ["xmlns", "viewBox"], It = ["x", "y", "width", "height"]
           }
         }, null, 8, ["config"]))
       ], 512)) : m("", !0),
-      e.value.userOptions.show && P.value && (b(ce) || b(Y)) ? (u(), z(xt, {
+      e.value.userOptions.show && P.value && (x(ce) || x(Y)) ? (u(), z(xt, {
         ref: "details",
         key: `user_options_${te.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: b(pe),
-        isImaging: b(me),
+        isPrinting: x(pe),
+        isImaging: x(me),
         uid: X.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.chart.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -418,78 +418,85 @@ const zt = ["id"], Ft = ["xmlns", "viewBox"], It = ["x", "y", "width", "height"]
         isFullscreen: N.value,
         isTooltip: h.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: D.value,
+        chartElement: U.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: j.value,
         onToggleFullscreen: Re,
-        onGeneratePdf: b(ye),
+        onGeneratePdf: x(ye),
         onGenerateCsv: we,
-        onGenerateImage: b(fe),
+        onGenerateImage: x(fe),
         onToggleTable: Ae,
         onToggleLabels: Te,
         onToggleTooltip: _e,
         onToggleAnnotator: Z,
         style: T({
-          visibility: b(ce) ? b(Y) ? "visible" : "hidden" : "visible"
+          visibility: x(ce) ? x(Y) ? "visible" : "hidden" : "visible"
         })
       }, Je({ _: 2 }, [
+        t.$slots.menuIcon ? {
+          name: "menuIcon",
+          fn: k(({ isOpen: a, color: o }) => [
+            f(t.$slots, "menuIcon", S(D({ isOpen: a, color: o })), void 0, !0)
+          ]),
+          key: "0"
+        } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
           fn: k(() => [
-            x(t.$slots, "optionPdf", {}, void 0, !0)
+            f(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
-          key: "0"
+          key: "1"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
           fn: k(() => [
-            x(t.$slots, "optionCsv", {}, void 0, !0)
+            f(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
-          key: "1"
+          key: "2"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
           fn: k(() => [
-            x(t.$slots, "optionImg", {}, void 0, !0)
+            f(t.$slots, "optionImg", {}, void 0, !0)
           ]),
-          key: "2"
+          key: "3"
         } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
           fn: k(() => [
-            x(t.$slots, "optionTable", {}, void 0, !0)
+            f(t.$slots, "optionTable", {}, void 0, !0)
           ]),
-          key: "3"
+          key: "4"
         } : void 0,
         t.$slots.optionLabels ? {
           name: "optionLabels",
           fn: k(() => [
-            x(t.$slots, "optionLabels", {}, void 0, !0)
+            f(t.$slots, "optionLabels", {}, void 0, !0)
           ]),
-          key: "4"
+          key: "5"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: k(({ toggleFullscreen: a, isFullscreen: o }) => [
-            x(t.$slots, "optionFullscreen", U(W({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
+            f(t.$slots, "optionFullscreen", S(D({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
           ]),
-          key: "5"
+          key: "6"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: k(({ toggleAnnotator: a, isAnnotator: o }) => [
-            x(t.$slots, "optionAnnotator", U(W({ toggleAnnotator: a, isAnnotator: o })), void 0, !0)
+            f(t.$slots, "optionAnnotator", S(D({ toggleAnnotator: a, isAnnotator: o })), void 0, !0)
           ]),
-          key: "6"
+          key: "7"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasTable", "hasLabel", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : m("", !0),
       P.value ? (u(), i("svg", {
         key: 4,
         ref_key: "svgRef",
         ref: ve,
-        xmlns: b(rt),
-        class: R({ "vue-data-ui-fullscreen--on": N.value, "vue-data-ui-fulscreen--off": !N.value }),
+        xmlns: x(rt),
+        class: W({ "vue-data-ui-fullscreen--on": N.value, "vue-data-ui-fulscreen--off": !N.value }),
         viewBox: `0 0 ${c.value.chartWidth <= 0 ? 10 : c.value.chartWidth} ${c.value.chartHeight <= 0 ? 10 : c.value.chartHeight}`,
         style: T(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
       }, [
@@ -504,10 +511,10 @@ const zt = ["id"], Ft = ["xmlns", "viewBox"], It = ["x", "y", "width", "height"]
             pointerEvents: "none"
           }
         }, [
-          x(t.$slots, "chart-background", {}, void 0, !0)
-        ], 8, It)) : m("", !0),
-        (u(!0), i(C, null, F(f.value, (a, o) => (u(), i("g", Pt, [
-          I("line", {
+          f(t.$slots, "chart-background", {}, void 0, !0)
+        ], 8, Ft)) : m("", !0),
+        (u(!0), i(C, null, I(g.value, (a, o) => (u(), i("g", Pt, [
+          F("line", {
             x1: c.value.left + w.value * o + w.value / 2,
             x2: c.value.left + w.value * o + w.value / 2,
             y1: c.value.top,
@@ -515,16 +522,16 @@ const zt = ["id"], Ft = ["xmlns", "viewBox"], It = ["x", "y", "width", "height"]
             stroke: e.value.style.chart.yAxis.stroke,
             "stroke-width": e.value.style.chart.yAxis.strokeWidth
           }, null, 8, Nt),
-          I("text", {
+          F("text", {
             x: c.value.left + w.value * o + w.value / 2,
             y: c.value.top - 24,
             fill: e.value.style.chart.yAxis.labels.axisNamesColor,
             "font-size": d.value.axisNameFontSize,
             "font-weight": e.value.style.chart.yAxis.labels.axisNamesBold ? "bold" : "",
             "text-anchor": "middle"
-          }, S(a.name), 9, Lt),
+          }, R(a.name), 9, Lt),
           e.value.style.chart.yAxis.labels.ticks.show ? (u(), i(C, { key: 0 }, [
-            (u(!0), i(C, null, F(a.ticks, (n) => (u(), i("line", {
+            (u(!0), i(C, null, I(a.ticks, (n) => (u(), i("line", {
               x1: n.x,
               x2: n.x - 10,
               y1: n.y,
@@ -533,7 +540,7 @@ const zt = ["id"], Ft = ["xmlns", "viewBox"], It = ["x", "y", "width", "height"]
               "stroke-width": e.value.style.chart.yAxis.strokeWidth,
               style: T(`opacity:${y.value && !h.value.showTooltip ? 0.2 : 1}`)
             }, null, 12, Ot))), 256)),
-            (u(!0), i(C, null, F(a.ticks, (n) => (u(), i("text", {
+            (u(!0), i(C, null, I(a.ticks, (n) => (u(), i("text", {
               x: n.x - 12 + e.value.style.chart.yAxis.labels.ticks.offsetX,
               y: n.y + e.value.style.chart.yAxis.labels.ticks.offsetY + d.value.ticksFontSize / 3,
               fill: e.value.style.chart.yAxis.labels.ticks.color,
@@ -541,13 +548,13 @@ const zt = ["id"], Ft = ["xmlns", "viewBox"], It = ["x", "y", "width", "height"]
               "font-size": d.value.ticksFontSize,
               "font-weight": e.value.style.chart.yAxis.labels.ticks.bold ? "bold" : "normal",
               style: T(`opacity:${y.value && !h.value.showTooltip ? 0.2 : 1}`)
-            }, S(xe({ value: n.value, index: o, datapoint: n })), 13, St))), 256))
+            }, R(xe({ value: n.value, index: o, datapoint: n })), 13, St))), 256))
           ], 64)) : m("", !0)
         ]))), 256)),
-        (u(!0), i(C, null, F(J.value, (a) => (u(), i("g", null, [
-          (u(!0), i(C, null, F(a.series, (o, n) => (u(), i("g", null, [
+        (u(!0), i(C, null, I(J.value, (a) => (u(), i("g", null, [
+          (u(!0), i(C, null, I(a.series, (o, n) => (u(), i("g", null, [
             e.value.style.chart.plots.show ? (u(), i("g", Dt, [
-              (u(!0), i(C, null, F(o.datapoints, (s) => (u(), z(gt, {
+              (u(!0), i(C, null, I(o.datapoints, (s) => (u(), z(gt, {
                 plot: { x: s.x, y: s.y },
                 color: a.color,
                 shape: a.shape,
@@ -576,9 +583,9 @@ const zt = ["id"], Ft = ["xmlns", "viewBox"], It = ["x", "y", "width", "height"]
                   "font-size": d.value.ticksFontSize,
                   fill: a.color,
                   "font-weight": "bold"
-                }, S(o.name), 9, Rt)) : m("", !0)
+                }, R(o.name), 9, Rt)) : m("", !0)
               ], 64)),
-              e.value.style.chart.comments.show ? (u(!0), i(C, { key: 1 }, F(o.datapoints, (s) => (u(), i("g", null, [
+              e.value.style.chart.comments.show ? (u(!0), i(C, { key: 1 }, I(o.datapoints, (s) => (u(), i("g", null, [
                 s.comment ? (u(), i("foreignObject", {
                   key: 0,
                   style: { overflow: "visible" },
@@ -587,21 +594,21 @@ const zt = ["id"], Ft = ["xmlns", "viewBox"], It = ["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
                 }, [
-                  I("div", Wt, [
-                    x(t.$slots, "plot-comment", {
+                  F("div", Wt, [
+                    f(t.$slots, "plot-comment", {
                       plot: { ...s, color: a.color }
                     }, void 0, !0)
                   ])
                 ], 8, Ut)) : m("", !0)
               ]))), 256)) : m("", !0)
             ])) : m("", !0),
-            h.value.dataLabels.show || y.value && y.value === o.id ? (u(!0), i(C, { key: 1 }, F(o.datapoints, (s, r) => (u(), i("text", {
+            h.value.dataLabels.show || y.value && y.value === o.id ? (u(!0), i(C, { key: 1 }, I(o.datapoints, (s, r) => (u(), i("text", {
               x: s.x + 12 + e.value.style.chart.yAxis.labels.datapoints.offsetX,
               y: s.y + e.value.style.chart.yAxis.labels.datapoints.offsetY + d.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: R({ "vue-ui-pcp-animated": !1, "vue-ui-pcp-transition": !0 }),
+              class: W({ "vue-ui-pcp-animated": !1, "vue-ui-pcp-transition": !0 }),
               "font-size": d.value.datapointFontSize,
               onMouseenter: (A) => V({
                 shape: a.shape,
@@ -614,13 +621,13 @@ const zt = ["id"], Ft = ["xmlns", "viewBox"], It = ["x", "y", "width", "height"]
                 y.value = null, L.value = !1;
               }),
               style: T(`opacity:${y.value ? y.value === o.id ? 1 : 0.2 : 1}`)
-            }, S(xe({ value: s.value, index: r, datapoint: s })), 45, Et))), 256)) : m("", !0),
-            I("path", {
+            }, R(xe({ value: s.value, index: r, datapoint: s })), 45, Et))), 256)) : m("", !0),
+            F("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: R({ "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) => V({
                 shape: a.shape,
                 serieName: a.name,
@@ -639,7 +646,7 @@ const zt = ["id"], Ft = ["xmlns", "viewBox"], It = ["x", "y", "width", "height"]
               stroke: "transparent",
               "stroke-width": 12,
               fill: "none",
-              class: R({ "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) => V({
                 shape: a.shape,
                 serieName: a.name,
@@ -654,10 +661,10 @@ const zt = ["id"], Ft = ["xmlns", "viewBox"], It = ["x", "y", "width", "height"]
             }, null, 42, jt)) : m("", !0)
           ]))), 256))
         ]))), 256)),
-        x(t.$slots, "svg", { svg: c.value }, void 0, !0)
-      ], 14, Ft)) : m("", !0),
+        f(t.$slots, "svg", { svg: c.value }, void 0, !0)
+      ], 14, It)) : m("", !0),
       t.$slots.watermark ? (u(), i("div", Bt, [
-        x(t.$slots, "watermark", U(W({ isPrinting: b(pe) || b(me) })), void 0, !0)
+        f(t.$slots, "watermark", S(D({ isPrinting: x(pe) || x(me) })), void 0, !0)
       ])) : m("", !0),
       P.value ? m("", !0) : (u(), z(Ct, {
         key: 6,
@@ -668,7 +675,7 @@ const zt = ["id"], Ft = ["xmlns", "viewBox"], It = ["x", "y", "width", "height"]
           }
         }
       }, null, 8, ["config"])),
-      I("div", {
+      F("div", {
         ref_key: "chartLegend",
         ref: le
       }, [
@@ -681,15 +688,15 @@ const zt = ["id"], Ft = ["xmlns", "viewBox"], It = ["x", "y", "width", "height"]
           })
         }, {
           item: k(({ legend: a, index: o }) => [
-            I("div", {
+            F("div", {
               onClick: (n) => {
                 a.segregate(), $e(a);
               },
               style: T(`opacity:${$.value.includes(a.id) ? 0.5 : 1}`)
-            }, S(a.name), 13, Ht)
+            }, R(a.name), 13, Ht)
           ]),
           _: 1
-        }, 8, ["legendSet", "config"])) : x(t.$slots, "legend", {
+        }, 8, ["legendSet", "config"])) : f(t.$slots, "legend", {
           key: 1,
           legend: M.value
         }, void 0, !0)
@@ -700,7 +707,7 @@ const zt = ["id"], Ft = ["xmlns", "viewBox"], It = ["x", "y", "width", "height"]
         ref: oe,
         dir: "auto"
       }, [
-        x(t.$slots, "source", {}, void 0, !0)
+        f(t.$slots, "source", {}, void 0, !0)
       ], 512)) : m("", !0),
       Me(ft, {
         show: h.value.showTooltip && L.value,
@@ -713,16 +720,16 @@ const zt = ["id"], Ft = ["xmlns", "viewBox"], It = ["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: D.value,
+        parent: U.value,
         content: Q.value,
         isFullscreen: N.value,
-        isCustom: b(Fe)(e.value.style.chart.tooltip.customFormat)
+        isCustom: x(Ie)(e.value.style.chart.tooltip.customFormat)
       }, {
         "tooltip-before": k(() => [
-          x(t.$slots, "tooltip-before", U(W({ ...K.value })), void 0, !0)
+          f(t.$slots, "tooltip-before", S(D({ ...K.value })), void 0, !0)
         ]),
         "tooltip-after": k(() => [
-          x(t.$slots, "tooltip-after", U(W({ ...K.value })), void 0, !0)
+          f(t.$slots, "tooltip-after", S(D({ ...K.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
@@ -753,10 +760,10 @@ const zt = ["id"], Ft = ["xmlns", "viewBox"], It = ["x", "y", "width", "height"]
             onClose: l[5] || (l[5] = (a) => h.value.showTable = !1)
           }, {
             th: k(({ th: a }) => [
-              I("div", { innerHTML: a }, null, 8, Gt)
+              F("div", { innerHTML: a }, null, 8, Gt)
             ]),
             td: k(({ td: a }) => [
-              Ke(S(a), 1)
+              Ke(R(a), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"]))
@@ -765,7 +772,7 @@ const zt = ["id"], Ft = ["xmlns", "viewBox"], It = ["x", "y", "width", "height"]
       }, 8, ["config"])) : m("", !0)
     ], 46, zt));
   }
-}, va = /* @__PURE__ */ Mt(Xt, [["__scopeId", "data-v-9a3bf158"]]);
+}, va = /* @__PURE__ */ Mt(Xt, [["__scopeId", "data-v-e18960e9"]]);
 export {
   va as default
 };