vue-data-ui 3.0.0-next.3 → 3.0.0-next.31

package/dist/{vue-ui-parallel-coordinate-plot-5158EX3T.js → vue-ui-parallel-coordinate-plot-BFjFaGPP.js}

@@ -1,14 +1,14 @@
-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-DKjAxJY6.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 y, 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 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-CvyDwC1y.js";
 import { t as At, u as zt } from "./useResponsive-DfdjqQps.js";
-import { u as De } from "./useNestedProp-Cmx8ApWu.js";
-import { u as Tt } from "./usePrinter-BefhLUKK.js";
-import { u as Mt } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Ft } from "./useChartAccessibility-9icAAmYg.js";
-import St from "./Title-Dahu_Ia-.js";
-import It from "./Legend-C-EDWcHp.js";
-import { _ as _t } from "./Shape-DGduPk8q.js";
-import Nt from "./img-DFeNRkbq.js";
+import { u as De } from "./useNestedProp-B-ULAHAH.js";
+import { u as Tt } from "./usePrinter-BAQfJI9j.js";
+import { u as Ft } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as Mt } from "./useChartAccessibility-9icAAmYg.js";
+import St from "./Title-gfAAMBE3.js";
+import It from "./Legend-DCsRNGsk.js";
+import { _ as _t } from "./Shape-D6ahkZT8.js";
+import Nt from "./img-FayRC7eM.js";
 import { _ as Pt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 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,
@@ -31,22 +31,22 @@ const Ot = ["id"], Lt = ["xmlns", "viewBox"], Dt = ["x", "y", "width", "height"]
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(Re, { expose: Ee, emit: Be }) {
-    const Ue = N(() => import("./vue-ui-accordion-BhrF0D_h.js")), Ve = N(() => import("./DataTable-DObwKftY.js")), We = N(() => import("./PackageVersion-B_SVQo0g.js")), He = N(() => import("./PenAndPaper-CFbTGuB_.js")), je = N(() => import("./vue-ui-skeleton-Cf09cngz.js")), Xe = N(() => import("./Tooltip-j8grOyYT.js")), Ge = N(() => import("./UserOptions-BOIQ8NtD.js")), { vue_ui_parallel_coordinate_plot: Ye } = rt(), T = Re, P = x({
+    const Ue = N(() => import("./vue-ui-accordion-ErGvIA2d.js")), Ve = N(() => import("./DataTable-DAZn6udI.js")), We = N(() => import("./PackageVersion-CJPhC_FI.js")), He = N(() => import("./PenAndPaper-kGe5NPSy.js")), je = N(() => import("./vue-ui-skeleton-B-AdrWNd.js")), Xe = N(() => import("./Tooltip-eZi8Q0Mr.js")), Ge = N(() => import("./UserOptions-Dd0OHMn7.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), 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);
+    }), le = h(0), F = 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: () => ye(),
+      get: () => me(),
       set: (t) => t
-    }), { userOptionsVisible: J, setUserOptionsVisibility: de, keepUserOptionState: he } = Mt({ config: e.value }), { svgRef: pe } = Ft({ config: e.value.style.chart.title });
-    function ye() {
+    }), { userOptionsVisible: J, setUserOptionsVisibility: de, keepUserOptionState: he } = Ft({ config: e.value }), { svgRef: pe } = Mt({ config: e.value.style.chart.title });
+    function me() {
       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 = 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;
+      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;
     }, { deep: !0 });
-    const F = Ie(null), L = Ie(null);
+    const M = Ie(null), L = Ie(null);
     st(() => {
-      me();
+      ye();
     });
-    function me() {
+    function ye() {
       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: M.value,
+            chart: F.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);
           });
         });
-        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);
+        M.value && (L.value && M.value.unobserve(L.value), M.value.disconnect()), M.value = new ResizeObserver(t), L.value = F.value.parentNode, M.value.observe(L.value);
       }
     }
     nt(() => {
-      F.value && (L.value && F.value.unobserve(L.value), F.value.disconnect());
+      M.value && (L.value && M.value.unobserve(L.value), M.value.disconnect());
     });
     const { isPrinting: fe, isImaging: ge, generatePdf: be, generateImage: xe } = Tt({
       elementId: `pcp_${q.value}`,
@@ -161,7 +161,7 @@ const Ot = ["id"], Lt = ["xmlns", "viewBox"], Dt = ["x", "y", "width", "height"]
       $.value.includes(t) ? $.value = $.value.filter((l) => l !== t) : $.value.push(t);
     }
     const S = x(() => T.dataset.map((t, l) => {
-      const a = yt(t.color) || Je.value[l] || G[l] || G[l % G.length];
+      const a = mt(t.color) || Je.value[l] || G[l] || G[l % G.length];
       return {
         ...t,
         series: t.series.map((o) => ({
@@ -191,12 +191,12 @@ const Ot = ["id"], Lt = ["xmlns", "viewBox"], Dt = ["x", "y", "width", "height"]
     )), 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((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);
+        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);
           return {
             y: r.value.bottom - r.value.height * (at / lt),
             x: r.value.left + k.value * l + k.value / 2,
-            value: y
+            value: m
           };
         });
         t.push({
@@ -267,25 +267,25 @@ const Ot = ["id"], Lt = ["xmlns", "viewBox"], Dt = ["x", "y", "width", "height"]
         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, y) => {
+      }) : (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 class="vue-ui-tooltip-item" style="text-align:left">
                     <span>${A}: </span>
                     <span>
                         ${Oe(
-          e.value.style.chart.yAxis.labels.formatters[y] || null,
-          a.datapoints[y].value,
+          e.value.style.chart.yAxis.labels.formatters[m] || null,
+          a.datapoints[m].value,
           Le({
-            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] || ""
+            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] || ""
           }),
-          { datapoint: a.datapoints[y], seriesIndex: y }
+          { datapoint: a.datapoints[m], seriesIndex: m }
         )}    
                     </span>
                 </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>`);
+            `, 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>`);
       }), ee.value = `<div>${s}</div>`);
     }
     function Ze() {
@@ -330,10 +330,10 @@ const Ot = ["id"], Lt = ["xmlns", "viewBox"], Dt = ["x", "y", "width", "height"]
         opacity: t.isSegregated ? 1 : 0.5
       });
     }
-    function Me() {
+    function Fe() {
       p.value.showTable = !p.value.showTable;
     }
-    function Fe() {
+    function Me() {
       p.value.dataLabels.show = !p.value.dataLabels.show;
     }
     function Se() {
@@ -344,8 +344,8 @@ const Ot = ["id"], Lt = ["xmlns", "viewBox"], Dt = ["x", "y", "width", "height"]
       j.value = !j.value;
     }
     async function tt({ scale: t = 2 } = {}) {
-      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 });
+      if (!F.value) return;
+      const { width: l, height: a } = F.value.getBoundingClientRect(), o = l / a, { imageUri: n, base64: s } = await Nt({ domElement: F.value, base64: !0, img: !0, scale: t });
       return {
         imageUri: n,
         base64: s,
@@ -361,14 +361,14 @@ const Ot = ["id"], Lt = ["xmlns", "viewBox"], Dt = ["x", "y", "width", "height"]
       generateCsv: Ae,
       generatePdf: be,
       generateImage: xe,
-      toggleTable: Me,
-      toggleLabels: Fe,
+      toggleTable: Fe,
+      toggleLabels: Me,
       toggleTooltip: Se,
       toggleAnnotator: te,
       toggleFullscreen: ve
     }), (t, l) => (i(), u("div", {
       ref_key: "pcpChart",
-      ref: M,
+      ref: F,
       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}`,
@@ -382,14 +382,14 @@ const Ot = ["id"], Lt = ["xmlns", "viewBox"], Dt = ["x", "y", "width", "height"]
         color: e.value.style.chart.color,
         active: j.value,
         onClose: te
-      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : m("", !0),
+      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : y("", !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)) : m("", !0),
+      }, null, 512)) : y("", !0),
       e.value.style.chart.title.text ? (i(), u("div", {
         key: 2,
         ref_key: "chartTitle",
@@ -409,7 +409,7 @@ const Ot = ["id"], Lt = ["xmlns", "viewBox"], Dt = ["x", "y", "width", "height"]
             }
           }
         }, null, 8, ["config"]))
-      ], 512)) : m("", !0),
+      ], 512)) : y("", !0),
       e.value.userOptions.show && P.value && (d(he) || d(J)) ? (i(), I(d(Ge), {
         ref: "details",
         key: `user_options_${le.value}`,
@@ -428,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: M.value,
+        chartElement: F.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: j.value,
@@ -438,8 +438,8 @@ const Ot = ["id"], Lt = ["xmlns", "viewBox"], Dt = ["x", "y", "width", "height"]
         onGeneratePdf: d(be),
         onGenerateCsv: Ae,
         onGenerateImage: d(xe),
-        onToggleTable: Me,
-        onToggleLabels: Fe,
+        onToggleTable: Fe,
+        onToggleLabels: Me,
         onToggleTooltip: Se,
         onToggleAnnotator: te,
         style: z({
@@ -502,7 +502,7 @@ const Ot = ["id"], Lt = ["xmlns", "viewBox"], Dt = ["x", "y", "width", "height"]
           ]),
           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"])) : m("", !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),
       P.value ? (i(), u("svg", {
         key: 4,
         ref_key: "svgRef",
@@ -524,7 +524,7 @@ const Ot = ["id"], Lt = ["xmlns", "viewBox"], Dt = ["x", "y", "width", "height"]
           }
         }, [
           g(t.$slots, "chart-background", {}, void 0, !0)
-        ], 8, Dt)) : m("", !0),
+        ], 8, Dt)) : y("", !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,
@@ -578,7 +578,7 @@ const Ot = ["id"], Lt = ["xmlns", "viewBox"], Dt = ["x", "y", "width", "height"]
               "font-weight": e.value.style.chart.yAxis.labels.ticks.bold ? "bold" : "normal",
               style: z(`opacity:${f.value && !p.value.showTooltip ? 0.2 : 1}`)
             }, V(Ce({ value: n.value, index: o, datapoint: n })), 13, Wt))), 256))
-          ], 64)) : m("", !0)
+          ], 64)) : y("", !0)
         ]))), 256)),
         (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, [
@@ -603,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 ? m("", !0) : (i(), u(C, { key: 0 }, [
+              p.value.showTooltip ? y("", !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,
@@ -612,7 +612,7 @@ const Ot = ["id"], Lt = ["xmlns", "viewBox"], Dt = ["x", "y", "width", "height"]
                   "font-size": c.value.ticksFontSize,
                   fill: a.color,
                   "font-weight": "bold"
-                }, V(o.name), 9, jt)) : m("", !0)
+                }, V(o.name), 9, jt)) : y("", !0)
               ], 64)),
               e.value.style.chart.comments.show ? (i(!0), u(C, { key: 1 }, _(o.datapoints, (s) => (i(), u("g", null, [
                 s.comment ? (i(), u("foreignObject", {
@@ -628,9 +628,9 @@ const Ot = ["id"], Lt = ["xmlns", "viewBox"], Dt = ["x", "y", "width", "height"]
                       plot: { ...s, color: a.color }
                     }, void 0, !0)
                   ])
-                ], 8, Xt)) : m("", !0)
-              ]))), 256)) : m("", !0)
-            ])) : m("", !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 }, _(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,
@@ -650,7 +650,7 @@ 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}`)
-            }, V(Ce({ value: s.value, index: v, datapoint: s })), 45, Yt))), 256)) : m("", !0),
+            }, V(Ce({ value: s.value, index: v, datapoint: s })), 45, Yt))), 256)) : y("", !0),
             E("path", {
               d: `M${e.value.style.chart.lines.smooth ? o.smoothPath : o.straightPath}`,
               stroke: a.color,
@@ -687,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)) : m("", !0)
+            }, null, 42, Jt)) : y("", !0)
           ]))), 256))
         ]))), 256)),
         g(t.$slots, "svg", { svg: r.value }, void 0, !0)
-      ], 14, Lt)) : m("", !0),
+      ], 14, Lt)) : y("", !0),
       t.$slots.watermark ? (i(), u("div", Kt, [
         g(t.$slots, "watermark", B(U({ isPrinting: d(fe) || d(ge) })), void 0, !0)
-      ])) : m("", !0),
-      P.value ? m("", !0) : (i(), I(d(je), {
+      ])) : y("", !0),
+      P.value ? y("", !0) : (i(), I(d(je), {
         key: 6,
         config: {
           type: "parallelCoordinatePlot",
@@ -737,7 +737,7 @@ const Ot = ["id"], Lt = ["xmlns", "viewBox"], Dt = ["x", "y", "width", "height"]
         dir: "auto"
       }, [
         g(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : m("", !0),
+      ], 512)) : y("", !0),
       _e(d(Xe), {
         show: p.value.showTooltip && D.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
@@ -749,10 +749,12 @@ 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: M.value,
+        parent: F.value,
         content: ee.value,
         isFullscreen: O.value,
-        isCustom: d(Pe)(e.value.style.chart.tooltip.customFormat)
+        isCustom: d(Pe)(e.value.style.chart.tooltip.customFormat),
+        smooth: e.value.style.chart.tooltip.smooth,
+        backdropFilter: e.value.style.chart.tooltip.backdropFilter
       }, {
         "tooltip-before": w(() => [
           g(t.$slots, "tooltip-before", B(U({ ...Z.value })), void 0, !0)
@@ -761,7 +763,7 @@ const Ot = ["id"], Lt = ["xmlns", "viewBox"], Dt = ["x", "y", "width", "height"]
           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"]),
+      }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter"]),
       P.value ? (i(), I(d(Ue), {
         key: 8,
         hideDetails: "",
@@ -798,10 +800,10 @@ const Ot = ["id"], Lt = ["xmlns", "viewBox"], Dt = ["x", "y", "width", "height"]
           }, 8, ["colNames", "head", "body", "config", "title"]))
         ]),
         _: 1
-      }, 8, ["config"])) : m("", !0)
+      }, 8, ["config"])) : y("", !0)
     ], 46, Ot));
   }
-}, ha = /* @__PURE__ */ Pt(ea, [["__scopeId", "data-v-0e1743f3"]]);
+}, ha = /* @__PURE__ */ Pt(ea, [["__scopeId", "data-v-8657bba9"]]);
 export {
   ha as default
 };