vue-data-ui 3.1.4 → 3.1.5

package/dist/{vue-ui-onion-C8H8i77u.js → vue-ui-onion-aHCc3r7L.js}

@@ -1,15 +1,15 @@
-import { defineAsyncComponent as A, computed as v, ref as r, toRefs as yt, watch as U, shallowRef as Be, onMounted as bt, onBeforeUnmount as kt, createElementBlock as i, openBlock as u, unref as s, normalizeStyle as D, normalizeClass as W, createBlock as I, createCommentVNode as g, createElementVNode as S, createVNode as re, createSlots as Le, withCtx as d, renderSlot as p, normalizeProps as z, guardReactiveProps as N, Fragment as Y, renderList as E, toDisplayString as M, Teleport as wt, resolveDynamicComponent as Ct, mergeProps as $t, createTextVNode as Ve, nextTick as Ue } from "vue";
-import { u as xt, c as Tt, t as Ot, a as _t, p as Ye, b as At, d as It, o as Ee, f as ie, e as St, X as Pt, i as X, k as ce, y as Xe, v as Ft, w as Dt, z as Mt } from "./index-INqbM37s.js";
+import { defineAsyncComponent as A, computed as v, ref as r, toRefs as yt, watch as U, shallowRef as Be, onMounted as bt, onBeforeUnmount as kt, createElementBlock as i, openBlock as u, unref as s, normalizeStyle as D, normalizeClass as W, createBlock as S, createCommentVNode as g, createElementVNode as I, createVNode as re, createSlots as Le, withCtx as d, renderSlot as p, normalizeProps as z, guardReactiveProps as N, Fragment as Y, renderList as E, toDisplayString as M, Teleport as wt, resolveDynamicComponent as Ct, mergeProps as $t, createTextVNode as Ve, nextTick as Ue } from "vue";
+import { u as xt, c as Tt, t as Ot, a as _t, p as Ye, b as At, d as St, o as Ee, f as ie, e as It, X as Pt, i as X, k as ce, y as Xe, v as Ft, w as Dt, z as Mt } from "./index-BkfuZCRT.js";
 import { t as Rt, u as zt } from "./useResponsive-DfdjqQps.js";
 import { u as Nt, B as Bt } from "./BaseScanner-BgWxam9d.js";
-import { u as Lt } from "./usePrinter-9WO5mDzj.js";
-import { u as Ge } from "./useNestedProp-BKprMEaB.js";
+import { u as Lt } from "./usePrinter-CEdg3j8S.js";
+import { u as Ge } from "./useNestedProp-BMzw9VUz.js";
 import { u as Vt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Ut } from "./useChartAccessibility-9icAAmYg.js";
-import { u as Yt } from "./useAutoSizeLabelsInsideViewbox-DXkvjSDn.js";
-import Et from "./img-Bl0o2UAr.js";
-import Xt from "./Title-nHtPyPd9.js";
-import Gt from "./Legend-BQqnf4BN.js";
+import { u as Yt } from "./useAutoSizeLabelsInsideViewbox-DR2HExYc.js";
+import Et from "./img-Neec0VVb.js";
+import Xt from "./Title-ydtId0LC.js";
+import Gt from "./Legend-nPGcCxG_.js";
 import { _ as Ht } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Wt = ["id"], jt = ["id"], qt = ["xmlns", "viewBox"], Jt = ["width", "height"], Kt = ["cx", "cy", "r", "stroke", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], Qt = ["cx", "cy", "r", "stroke", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], Zt = ["id"], ea = ["stdDeviation"], ta = ["filter"], aa = ["cx", "cy", "r", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], la = ["cx", "cy", "r", "stroke-width", "stroke-dasharray", "stroke-dashoffset", "onMouseenter", "onMouseleave", "onClick"], oa = { key: 2 }, na = ["onMouseenter", "onMouseleave", "onClick"], sa = ["x", "y", "font-size", "fill", "font-weight"], ua = {
   key: 4,
@@ -32,13 +32,13 @@ const Wt = ["id"], jt = ["id"], qt = ["xmlns", "viewBox"], Jt = ["width", "heigh
   },
   emits: ["selectLegend"],
   setup(He, { expose: We, emit: je }) {
-    const qe = A(() => import("./Tooltip-RCWHeRDV.js")), Je = A(() => import("./BaseIcon-B5nQNkmd.js")), Ke = A(() => import("./vue-ui-accordion-CQZjxT5U.js")), Qe = A(() => import("./DataTable-CzO3oHys.js")), Ze = A(() => import("./UserOptions-D3pVnvAB.js")), et = A(() => import("./PenAndPaper-C8hICPzL.js")), tt = A(() => import("./PackageVersion-7CxQB-mx.js")), at = A(() => import("./BaseDraggableDialog-BdAp3qr9.js")), { vue_ui_onion: lt } = xt(), C = He, ve = v(() => !!C.dataset && C.dataset.length), y = r(Tt()), ot = r(null), de = r(0), j = r(!1), q = r(""), b = r([]), $ = r(null), he = r(null), pe = r(null), fe = r(null), ge = r(null), me = r(0), ye = r(0), be = r(0), x = r(!1), ke = r(!1), B = r(null), e = r(Z()), { loading: k, FINAL_DATASET: we, manualLoading: J } = Nt({
+    const qe = A(() => import("./Tooltip-oeu9knGI.js")), Je = A(() => import("./BaseIcon-BQQGRQ2U.js")), Ke = A(() => import("./vue-ui-accordion-DFxAHGEZ.js")), Qe = A(() => import("./DataTable-D6voeZvO.js")), Ze = A(() => import("./UserOptions-CnJxN2Vo.js")), et = A(() => import("./PenAndPaper-C6tiapdo.js")), tt = A(() => import("./PackageVersion-BeStrsPr.js")), at = A(() => import("./BaseDraggableDialog-BO4B1Kwa.js")), { vue_ui_onion: lt } = xt(), C = He, ve = v(() => !!C.dataset && C.dataset.length), y = r(Tt()), ot = r(null), de = r(0), j = r(!1), q = r(""), b = r([]), $ = r(null), he = r(null), pe = r(null), fe = r(null), ge = r(null), me = r(0), ye = r(0), be = r(0), x = r(!1), ke = r(!1), B = r(null), e = r(Z()), { loading: k, FINAL_DATASET: we, manualLoading: J } = Nt({
       ...yt(C),
       FINAL_CONFIG: e,
       prepareConfig: Z,
       callback: () => {
         Promise.resolve().then(async () => {
-          await Ue(), Se();
+          await Ue(), Ie();
         });
       },
       skeletonDataset: [
@@ -83,13 +83,13 @@ const Wt = ["id"], jt = ["id"], qt = ["xmlns", "viewBox"], Jt = ["width", "heigh
       } : t;
     }
     U(() => C.config, (t) => {
-      k.value || (e.value = Z()), K.value = !e.value.userOptions.showOnChartHover, Ie(), me.value += 1, ye.value += 1, be.value += 1, m.value.showTable = e.value.table.show, m.value.showTooltip = e.value.style.chart.tooltip.show;
+      k.value || (e.value = Z()), K.value = !e.value.userOptions.showOnChartHover, Se(), me.value += 1, ye.value += 1, be.value += 1, m.value.showTable = e.value.table.show, m.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
     const { isPrinting: xe, isImaging: Te, generatePdf: Oe, generateImage: _e } = Lt({
       elementId: `vue-ui-onion_${y.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-onion",
       options: e.value.userOptions.print
-    }), nt = v(() => e.value.userOptions.show && !e.value.style.chart.title.text), st = v(() => It(e.value.customPalette)), m = r({
+    }), nt = v(() => e.value.userOptions.show && !e.value.style.chart.title.text), st = v(() => St(e.value.customPalette)), m = r({
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
     });
@@ -111,7 +111,7 @@ const Wt = ["id"], jt = ["id"], qt = ["xmlns", "viewBox"], Jt = ["width", "heigh
       minRadius: 64
     }), O = Be(null), R = Be(null);
     bt(() => {
-      ke.value = !0, Ie();
+      ke.value = !0, Se();
     });
     const ut = v({
       get: () => e.value.style.chart.layout.labels.fontSize,
@@ -124,7 +124,7 @@ const Wt = ["id"], jt = ["id"], qt = ["xmlns", "viewBox"], Jt = ["width", "heigh
       labelClass: ".vue-ui-onion-label"
     }), rt = v(() => e.value.debug);
     let ee = null;
-    function Ie() {
+    function Se() {
       if (Ee(C.dataset) && (ie({
         componentName: "VueUiOnion",
         type: "dataset",
@@ -181,7 +181,7 @@ const Wt = ["id"], jt = ["id"], qt = ["xmlns", "viewBox"], Jt = ["width", "heigh
         ...t,
         percentage: t.percentage || 0,
         targetPercentage: t.percentage || 0,
-        color: St(t.color) || st.value[o] || Ye[o],
+        color: It(t.color) || st.value[o] || Ye[o],
         id: a,
         shape: "circle",
         opacity: b.value.includes(a) ? 0.5 : 1,
@@ -190,10 +190,10 @@ const Wt = ["id"], jt = ["id"], qt = ["xmlns", "viewBox"], Jt = ["width", "heigh
         isSegregated: b.value.includes(a)
       };
     }))), L = r(f.value), it = v(() => e.value.useStartAnimation), ct = r(null), vt = v(() => Math.max(...f.value.map((t) => t.percentage))), te = r(!1);
-    U(() => f.value, Se, { immediate: !0, deep: !0 }), U(() => C.dataset, (t) => {
+    U(() => f.value, Ie, { immediate: !0, deep: !0 }), U(() => C.dataset, (t) => {
       Array.isArray(t) && t.length > 0 && (J.value = !1);
     }, { deep: !0 });
-    function Se() {
+    function Ie() {
       if (it.value && !te.value && !k.value) {
         let o = function() {
           t >= vt.value ? (cancelAnimationFrame(ct.value), L.value = f.value, te.value = !0) : (L.value = f.value.map((a) => ({
@@ -410,7 +410,7 @@ const Wt = ["id"], jt = ["id"], qt = ["xmlns", "viewBox"], Jt = ["width", "heigh
       onMouseenter: o[4] || (o[4] = () => s(Ce)(!0)),
       onMouseleave: o[5] || (o[5] = () => s(Ce)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (u(), I(s(et), {
+      e.value.userOptions.buttons.annotator ? (u(), S(s(et), {
         key: 0,
         svgRef: s(Q),
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -431,7 +431,7 @@ const Wt = ["id"], jt = ["id"], qt = ["xmlns", "viewBox"], Jt = ["width", "heigh
         ref: he,
         style: "width:100%;background:transparent"
       }, [
-        (u(), I(Xt, {
+        (u(), S(Xt, {
           key: `title_${me.value}`,
           config: {
             title: {
@@ -445,10 +445,10 @@ const Wt = ["id"], jt = ["id"], qt = ["xmlns", "viewBox"], Jt = ["width", "heigh
           }
         }, null, 8, ["config"]))
       ], 512)) : g("", !0),
-      S("div", {
+      I("div", {
         id: `legend-top-${y.value}`
       }, null, 8, jt),
-      e.value.userOptions.show && ve.value && (s($e) || s(K)) ? (u(), I(s(Ze), {
+      e.value.userOptions.show && ve.value && (s($e) || s(K)) ? (u(), S(s(Ze), {
         ref_key: "details",
         ref: ot,
         key: `user_options${de.value}`,
@@ -597,15 +597,15 @@ const Wt = ["id"], jt = ["id"], qt = ["xmlns", "viewBox"], Jt = ["width", "heigh
             animation: x.value || s(k) ? "none" : "xyAnimation 0.5s ease-in"
           })
         }, null, 14, Qt))), 256)),
-        S("defs", null, [
-          S("filter", {
+        I("defs", null, [
+          I("filter", {
             id: `blur_${y.value}`,
             x: "-50%",
             y: "-50%",
             width: "200%",
             height: "200%"
           }, [
-            S("feGaussianBlur", {
+            I("feGaussianBlur", {
               in: "SourceGraphic",
               stdDeviation: 100 / e.value.style.chart.gradientIntensity
             }, null, 8, ea)
@@ -707,18 +707,18 @@ const Wt = ["id"], jt = ["id"], qt = ["xmlns", "viewBox"], Jt = ["width", "heigh
       t.$slots.watermark ? (u(), i("div", ua, [
         p(t.$slots, "watermark", z(N({ isPrinting: s(xe) || s(Te) })), void 0, !0)
       ])) : g("", !0),
-      S("div", {
+      I("div", {
         id: `legend-bottom-${y.value}`
       }, null, 8, ra),
-      ke.value ? (u(), I(wt, {
+      ke.value ? (u(), S(wt, {
         key: 5,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${y.value}` : `#legend-bottom-${y.value}`
       }, [
-        S("div", {
+        I("div", {
           ref_key: "chartLegend",
           ref: pe
         }, [
-          e.value.style.chart.legend.show ? (u(), I(Gt, {
+          e.value.style.chart.legend.show ? (u(), S(Gt, {
             key: `legend_${be.value}`,
             legendSet: f.value,
             config: dt.value,
@@ -763,7 +763,9 @@ const Wt = ["id"], jt = ["id"], qt = ["xmlns", "viewBox"], Jt = ["width", "heigh
         isFullscreen: F.value,
         isCustom: s(Xe)(e.value.style.chart.tooltip.customFormat),
         smooth: e.value.style.chart.tooltip.smooth,
-        backdropFilter: e.value.style.chart.tooltip.backdropFilter
+        backdropFilter: e.value.style.chart.tooltip.backdropFilter,
+        smoothForce: e.value.style.chart.tooltip.smoothForce,
+        smoothSnapThreshold: e.value.style.chart.tooltip.smoothSnapThreshold
       }, {
         "tooltip-before": d(() => [
           p(t.$slots, "tooltip-before", z(N({ ...oe.value })), void 0, !0)
@@ -772,14 +774,14 @@ const Wt = ["id"], jt = ["id"], qt = ["xmlns", "viewBox"], Jt = ["width", "heigh
           p(t.$slots, "tooltip-after", z(N({ ...oe.value })), void 0, !0)
         ]),
         _: 3
-      }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter"]),
-      ve.value ? (u(), I(Ct(V.value.component), $t({ key: 7 }, V.value.props, {
+      }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
+      ve.value ? (u(), S(Ct(V.value.component), $t({ key: 7 }, V.value.props, {
         ref_key: "tableUnit",
         ref: B,
         onClose: o[3] || (o[3] = (a) => m.value.showTable = !1)
       }), Le({
         content: d(() => [
-          (u(), I(s(Qe), {
+          (u(), S(s(Qe), {
             key: `table_${ye.value}`,
             colNames: G.value.colNames,
             head: G.value.head,
@@ -793,7 +795,7 @@ const Wt = ["id"], jt = ["id"], qt = ["xmlns", "viewBox"], Jt = ["width", "heigh
               Ve(M(a), 1)
             ]),
             td: d(({ td: a }) => [
-              S("div", { innerHTML: a }, null, 8, ca)
+              I("div", { innerHTML: a }, null, 8, ca)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton"]))
@@ -810,7 +812,7 @@ const Wt = ["id"], jt = ["id"], qt = ["xmlns", "viewBox"], Jt = ["width", "heigh
         e.value.table.useDialog ? {
           name: "actions",
           fn: d(() => [
-            S("button", {
+            I("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
               onClick: o[1] || (o[1] = (a) => le(e.value.userOptions.callbacks.csv))
@@ -824,10 +826,10 @@ const Wt = ["id"], jt = ["id"], qt = ["xmlns", "viewBox"], Jt = ["width", "heigh
           key: "1"
         } : void 0
       ]), 1040)) : g("", !0),
-      s(k) ? (u(), I(Bt, { key: 8 })) : g("", !0)
+      s(k) ? (u(), S(Bt, { key: 8 })) : g("", !0)
     ], 46, Wt));
   }
-}, Ta = /* @__PURE__ */ Ht(va, [["__scopeId", "data-v-3aead0b6"]]);
+}, Ta = /* @__PURE__ */ Ht(va, [["__scopeId", "data-v-83058fa6"]]);
 export {
   Ta as default
 };

package/dist/{vue-ui-parallel-coordinate-plot-Cblzs6mf.js → vue-ui-parallel-coordinate-plot-0xXe6A-6.js}

@@ -1,21 +1,21 @@
-import { defineAsyncComponent as O, computed as y, ref as d, toRefs as zt, watch as Z, shallowRef as Xe, onMounted as _t, onBeforeUnmount as Mt, watchEffect as Nt, createElementBlock as u, openBlock as n, unref as v, normalizeStyle as M, normalizeClass as X, createBlock as N, createCommentVNode as m, createElementVNode as F, createVNode as pe, createSlots as Ye, withCtx as b, renderSlot as g, normalizeProps as W, guardReactiveProps as U, Fragment as A, renderList as I, toDisplayString as B, Teleport as Ft, resolveDynamicComponent as It, mergeProps as Lt, createTextVNode as qe, nextTick as Pt } from "vue";
-import { u as Ot, c as me, t as St, a as Dt, p as ee, b as Rt, o as Je, f as Ke, g as Bt, d as Et, e as Ht, D as Wt, U as Ut, V as Vt, W as jt, X as Gt, I as Xt, y as Qe, E as te, v as Yt, w as qt, k as Ze, i as et, z as Jt } from "./index-INqbM37s.js";
+import { defineAsyncComponent as O, computed as y, ref as d, toRefs as zt, watch as Z, shallowRef as Xe, onMounted as _t, onBeforeUnmount as Ft, watchEffect as Mt, createElementBlock as u, openBlock as n, unref as v, normalizeStyle as F, normalizeClass as X, createBlock as M, createCommentVNode as m, createElementVNode as N, createVNode as pe, createSlots as Ye, withCtx as b, renderSlot as g, normalizeProps as W, guardReactiveProps as U, Fragment as A, renderList as I, toDisplayString as B, Teleport as Nt, resolveDynamicComponent as It, mergeProps as Lt, createTextVNode as qe, nextTick as Pt } from "vue";
+import { u as Ot, c as me, t as St, a as Dt, p as ee, b as Rt, o as Je, f as Ke, g as Bt, d as Et, e as Ht, D as Wt, U as Ut, V as Vt, W as jt, X as Gt, I as Xt, y as Qe, E as te, v as Yt, w as qt, k as Ze, i as et, z as Jt } from "./index-BkfuZCRT.js";
 import { t as tt, u as Kt } from "./useResponsive-DfdjqQps.js";
-import { u as Qt } from "./usePrinter-9WO5mDzj.js";
+import { u as Qt } from "./usePrinter-CEdg3j8S.js";
 import { u as Zt, B as ea } from "./BaseScanner-BgWxam9d.js";
-import { u as at } from "./useNestedProp-BKprMEaB.js";
+import { u as at } from "./useNestedProp-BMzw9VUz.js";
 import { u as ta } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as aa } from "./useChartAccessibility-9icAAmYg.js";
 import { u as la } from "./useTimeLabelCollider-CIsgDrl9.js";
-import oa from "./Title-nHtPyPd9.js";
-import sa from "./Legend-BQqnf4BN.js";
-import { _ as na } from "./Shape-BEVQVI0z.js";
-import ia from "./img-Bl0o2UAr.js";
+import oa from "./Title-ydtId0LC.js";
+import sa from "./Legend-nPGcCxG_.js";
+import { _ as na } from "./Shape-DBVq0fdK.js";
+import ia from "./img-Neec0VVb.js";
 import { _ as ua } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "width", "height"], ha = { style: { "pointer-events": "none" } }, pa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ma = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ya = { key: 0 }, fa = ["x", "y", "fill", "font-size", "font-weight"], ba = ["fill", "font-size", "font-weight", "text-anchor", "transform"], ga = ["fill", "font-size", "font-weight", "text-anchor", "transform", "innerHTML"], xa = { key: 0 }, ka = ["x", "y", "font-size", "fill"], wa = ["width", "x", "y"], Ca = { style: { width: "100%" } }, Aa = ["x", "y", "fill", "font-weight", "font-size", "onMouseenter", "onMouseleave", "onClick"], $a = ["d", "stroke", "stroke-width", "onMouseenter", "onMouseleave", "onClick"], Ta = ["d", "onMouseenter", "onMouseleave", "onClick"], za = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, _a = ["id"], Ma = ["onClick"], Na = ["innerHTML"], Fa = {
+}, _a = ["id"], Fa = ["onClick"], Ma = ["innerHTML"], Na = {
   __name: "vue-ui-parallel-coordinate-plot",
   props: {
     config: {
@@ -33,7 +33,7 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(lt, { expose: ot, emit: st }) {
-    const nt = O(() => import("./Tooltip-RCWHeRDV.js")), it = O(() => import("./BaseIcon-B5nQNkmd.js")), ut = O(() => import("./vue-ui-accordion-CQZjxT5U.js")), rt = O(() => import("./DataTable-CzO3oHys.js")), ct = O(() => import("./PenAndPaper-C8hICPzL.js")), vt = O(() => import("./UserOptions-D3pVnvAB.js")), dt = O(() => import("./PackageVersion-7CxQB-mx.js")), ht = O(() => import("./BaseDraggableDialog-BdAp3qr9.js")), { vue_ui_parallel_coordinate_plot: pt } = Ot(), $ = lt, Y = y({
+    const nt = O(() => import("./Tooltip-oeu9knGI.js")), it = O(() => import("./BaseIcon-BQQGRQ2U.js")), ut = O(() => import("./vue-ui-accordion-DFxAHGEZ.js")), rt = O(() => import("./DataTable-D6voeZvO.js")), ct = O(() => import("./PenAndPaper-C6tiapdo.js")), vt = O(() => import("./UserOptions-CnJxN2Vo.js")), dt = O(() => import("./PackageVersion-BeStrsPr.js")), ht = O(() => import("./BaseDraggableDialog-BO4B1Kwa.js")), { vue_ui_parallel_coordinate_plot: pt } = Ot(), $ = lt, Y = y({
       get() {
         return !!$.dataset && $.dataset.length;
       },
@@ -130,20 +130,20 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
       } : t;
     }
     Z(() => $.config, (t) => {
-      R.value || (e.value = ne()), se.value = !e.value.userOptions.showOnChartHover, Ne(), ke.value += 1, Ce.value += 1, we.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;
+      R.value || (e.value = ne()), se.value = !e.value.userOptions.showOnChartHover, Me(), ke.value += 1, Ce.value += 1, we.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 }), Z(() => $.dataset, (t) => {
       Array.isArray(t) && t.length > 0 && (oe.value = !1);
     }, { deep: !0 });
     const L = Xe(null), E = Xe(null);
     _t(() => {
-      Ae.value = !0, Ne();
+      Ae.value = !0, Me();
     });
-    const Me = y(() => !!e.value.debug);
-    function Ne() {
+    const Fe = y(() => !!e.value.debug);
+    function Me() {
       if (Je($.dataset) ? (Ke({
         componentName: "VueUiParallelCoordinatePlot",
         type: "dataset",
-        debug: Me.value
+        debug: Fe.value
       }), oe.value = !0) : $.dataset.forEach((t, o) => {
         Bt({
           datasetObject: t,
@@ -154,7 +154,7 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
             type: "datasetSerieAttribute",
             property: a,
             index: o,
-            debug: Me.value
+            debug: Fe.value
           });
         });
       }), Je($.dataset) || (oe.value = e.value.loading), e.value.responsive) {
@@ -197,10 +197,10 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
         L.value && (E.value && L.value.unobserve(E.value), L.value.disconnect()), L.value = new ResizeObserver(t), E.value = z.value.parentNode, L.value.observe(E.value);
       }
     }
-    Mt(() => {
+    Ft(() => {
       L.value && (E.value && L.value.unobserve(E.value), L.value.disconnect());
     });
-    const { isPrinting: Fe, isImaging: Ie, generatePdf: Le, generateImage: Pe } = Qt({
+    const { isPrinting: Ne, isImaging: Ie, generatePdf: Le, generateImage: Pe } = Qt({
       elementId: `pcp_${S.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-parallel-coordinate-plot",
       options: e.value.userOptions.print
@@ -216,7 +216,7 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
     }), Oe = y(() => c.value.width), Se = y(() => c.value.height), j = d(0), ft = tt((t) => {
       j.value = t;
     }, 100);
-    Nt((t) => {
+    Mt((t) => {
       const o = le.value;
       if (!o) return;
       const a = new ResizeObserver((s) => {
@@ -519,12 +519,12 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
       ref_key: "pcpChart",
       ref: z,
       class: X(`vue-ui-pcp ${D.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
-      style: M(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height:100%" : ""}`),
+      style: F(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height:100%" : ""}`),
       id: `pcp_${S.value}`,
       onMouseenter: o[2] || (o[2] = () => v(Te)(!0)),
       onMouseleave: o[3] || (o[3] = () => v(Te)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (n(), N(v(ct), {
+      e.value.userOptions.buttons.annotator ? (n(), M(v(ct), {
         key: 0,
         svgRef: v(_e),
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -545,7 +545,7 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
         ref: fe,
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
-        (n(), N(oa, {
+        (n(), M(oa, {
           key: `title_${ke.value}`,
           config: {
             title: {
@@ -559,16 +559,16 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
           }
         }, null, 8, ["config"]))
       ], 512)) : m("", !0),
-      F("div", {
+      N("div", {
         id: `legend-top-${S.value}`
       }, null, 8, ca),
-      e.value.userOptions.show && Y.value && (v(ze) || v(se)) ? (n(), N(v(vt), {
+      e.value.userOptions.show && Y.value && (v(ze) || v(se)) ? (n(), M(v(vt), {
         ref_key: "userOptionsRef",
         ref: ae,
         key: `user_options_${ye.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: v(Fe),
+        isPrinting: v(Ne),
         isImaging: v(Ie),
         uid: S.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.chart.tooltip.show,
@@ -596,7 +596,7 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
         onToggleLabels: Ve,
         onToggleTooltip: je,
         onToggleAnnotator: he,
-        style: M({
+        style: F({
           visibility: v(ze) ? v(se) ? "visible" : "hidden" : "visible"
         })
       }, Ye({ _: 2 }, [
@@ -663,7 +663,7 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
         xmlns: v(Gt),
         class: X({ "vue-data-ui-fullscreen--on": D.value, "vue-data-ui-fulscreen--off": !D.value }),
         viewBox: `0 0 ${h.value.chartWidth <= 0 ? 10 : h.value.chartWidth} ${h.value.chartHeight <= 0 ? 10 : h.value.chartHeight}`,
-        style: M(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
+        style: F(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
       }, [
         pe(v(dt)),
         t.$slots["chart-background"] ? (n(), u("foreignObject", {
@@ -679,7 +679,7 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
           g(t.$slots, "chart-background", {}, void 0, !0)
         ], 8, da)) : m("", !0),
         (n(!0), u(A, null, I(f.value, (a, s) => (n(), u("g", ha, [
-          F("line", {
+          N("line", {
             x1: h.value.left + C.value * s + C.value / 2,
             x2: h.value.left + C.value * s + C.value / 2,
             y1: h.value.top,
@@ -695,7 +695,7 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
               y2: l.y,
               stroke: e.value.style.chart.yAxis.stroke,
               "stroke-width": e.value.style.chart.yAxis.strokeWidth,
-              style: M(`opacity:${w.value && !p.value.showTooltip ? 0.2 : 1}`)
+              style: F(`opacity:${w.value && !p.value.showTooltip ? 0.2 : 1}`)
             }, null, 12, ma))), 256)),
             v(R) ? m("", !0) : (n(), u("g", ya, [
               (n(!0), u(A, null, I(a.ticks, (l) => (n(), u("text", {
@@ -705,7 +705,7 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
                 "text-anchor": "end",
                 "font-size": c.value.ticksFontSize,
                 "font-weight": e.value.style.chart.yAxis.labels.ticks.bold ? "bold" : "normal",
-                style: M(`opacity:${w.value && !p.value.showTooltip ? 0.2 : 1}`)
+                style: F(`opacity:${w.value && !p.value.showTooltip ? 0.2 : 1}`)
               }, B(Be({ value: l.value, index: s, datapoint: l })), 13, fa))), 256))
             ]))
           ], 64)) : m("", !0)
@@ -746,7 +746,7 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
         (n(!0), u(A, null, I(ue.value, (a, s) => (n(), u("g", null, [
           (n(!0), u(A, null, I(a.series, (l, r) => (n(), u("g", null, [
             e.value.style.chart.plots.show ? (n(), u("g", xa, [
-              (n(!0), u(A, null, I(l.datapoints, (i, T) => (n(), N(na, {
+              (n(!0), u(A, null, I(l.datapoints, (i, T) => (n(), M(na, {
                 plot: { x: i.x, y: i.y },
                 color: a.color,
                 shape: a.shape,
@@ -762,7 +762,7 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
                   S: s
                 }),
                 onMouseleave: (x) => q({ serie: l, shape: a.shape, S: s }),
-                style: M(`opacity:${w.value ? w.value === l.id ? e.value.style.chart.plots.opacity : 0.2 : e.value.style.chart.plots.opacity}`),
+                style: F(`opacity:${w.value ? w.value === l.id ? e.value.style.chart.plots.opacity : 0.2 : e.value.style.chart.plots.opacity}`),
                 onClick: () => K({ serie: l, shape: a.shape, S: s })
               }, null, 8, ["plot", "color", "shape", "radius", "stroke", "onMouseenter", "onMouseleave", "style", "onClick"]))), 256)),
               p.value.showTooltip ? m("", !0) : (n(), u(A, { key: 0 }, [
@@ -785,7 +785,7 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
                   x: i.x - e.value.style.chart.comments.width / 2 + e.value.style.chart.comments.offsetX,
                   y: i.y + e.value.style.chart.comments.offsetY + 6
                 }, [
-                  F("div", Ca, [
+                  N("div", Ca, [
                     g(t.$slots, "plot-comment", {
                       plot: { ...i, color: a.color }
                     }, void 0, !0)
@@ -811,9 +811,9 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
               }),
               onMouseleave: (x) => q({ serie: l, shape: a.shape, S: s }),
               onClick: () => K({ serie: l, shape: a.shape, S: s }),
-              style: M(`opacity:${w.value ? w.value === l.id ? 1 : 0.2 : 1}`)
+              style: F(`opacity:${w.value ? w.value === l.id ? 1 : 0.2 : 1}`)
             }, B(Be({ value: i.value, index: T, datapoint: i })), 47, Aa))), 256)) : m("", !0),
-            F("path", {
+            N("path", {
               d: `M${e.value.style.chart.lines.smooth ? l.smoothPath : l.straightPath}`,
               stroke: a.color,
               "stroke-width": e.value.style.chart.lines.strokeWidth,
@@ -829,7 +829,7 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
               }),
               onMouseleave: (i) => q({ serie: l, shape: a.shape, S: s }),
               onClick: () => K({ serie: l, shape: a.shape, S: s }),
-              style: M(`opacity:${w.value ? w.value === l.id ? e.value.style.chart.lines.opacity : 0.2 : e.value.style.chart.lines.opacity}; stroke-dasharray:${l.pathLength}; stroke-dashoffset: ${e.value.useCssAnimation ? l.pathLength : 0}`)
+              style: F(`opacity:${w.value ? w.value === l.id ? e.value.style.chart.lines.opacity : 0.2 : e.value.style.chart.lines.opacity}; stroke-dasharray:${l.pathLength}; stroke-dashoffset: ${e.value.useCssAnimation ? l.pathLength : 0}`)
             }, null, 46, $a),
             p.value.showTooltip ? (n(), u("path", {
               key: 2,
@@ -855,20 +855,20 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
         g(t.$slots, "svg", { svg: h.value }, void 0, !0)
       ], 14, va)),
       t.$slots.watermark ? (n(), u("div", za, [
-        g(t.$slots, "watermark", W(U({ isPrinting: v(Fe) || v(Ie) })), void 0, !0)
+        g(t.$slots, "watermark", W(U({ isPrinting: v(Ne) || v(Ie) })), void 0, !0)
       ])) : m("", !0),
-      F("div", {
+      N("div", {
         id: `legend-bottom-${S.value}`
       }, null, 8, _a),
-      Ae.value ? (n(), N(Ft, {
+      Ae.value ? (n(), M(Nt, {
         key: 5,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${S.value}` : `#legend-bottom-${S.value}`
       }, [
-        F("div", {
+        N("div", {
           ref_key: "chartLegend",
           ref: be
         }, [
-          e.value.style.chart.legend.show && Y.value ? (n(), N(sa, {
+          e.value.style.chart.legend.show && Y.value ? (n(), M(sa, {
             key: `legend_${we.value}`,
             legendSet: gt.value,
             config: xt.value,
@@ -877,12 +877,12 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
             })
           }, {
             item: b(({ legend: a, index: s }) => [
-              F("div", {
+              N("div", {
                 onClick: (l) => {
                   a.segregate(), We(a);
                 },
-                style: M(`opacity:${_.value.includes(a.id) ? 0.5 : 1}`)
-              }, B(a.name), 13, Ma)
+                style: F(`opacity:${_.value.includes(a.id) ? 0.5 : 1}`)
+              }, B(a.name), 13, Fa)
             ]),
             _: 1
           }, 8, ["legendSet", "config"])) : g(t.$slots, "legend", {
@@ -915,7 +915,9 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
         isFullscreen: D.value,
         isCustom: v(Qe)(e.value.style.chart.tooltip.customFormat),
         smooth: e.value.style.chart.tooltip.smooth,
-        backdropFilter: e.value.style.chart.tooltip.backdropFilter
+        backdropFilter: e.value.style.chart.tooltip.backdropFilter,
+        smoothForce: e.value.style.chart.tooltip.smoothForce,
+        smoothSnapThreshold: e.value.style.chart.tooltip.smoothSnapThreshold
       }, {
         "tooltip-before": b(() => [
           g(t.$slots, "tooltip-before", W(U({ ...re.value })), void 0, !0)
@@ -924,14 +926,14 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
           g(t.$slots, "tooltip-after", W(U({ ...re.value })), void 0, !0)
         ]),
         _: 3
-      }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter"]),
-      Y.value ? (n(), N(It(G.value.component), Lt({ key: 7 }, G.value.props, {
+      }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
+      Y.value ? (n(), M(It(G.value.component), Lt({ key: 7 }, G.value.props, {
         ref_key: "tableUnit",
         ref: V,
         onClose: Ge
       }), Ye({
         content: b(() => [
-          (n(), N(v(rt), {
+          (n(), M(v(rt), {
             key: `table_${Ce.value}`,
             colNames: H.value.colNames,
             head: H.value.head,
@@ -942,7 +944,7 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
             onClose: Ge
           }, {
             th: b(({ th: a }) => [
-              F("div", { innerHTML: a }, null, 8, Na)
+              N("div", { innerHTML: a }, null, 8, Ma)
             ]),
             td: b(({ td: a }) => [
               qe(B(a), 1)
@@ -962,7 +964,7 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
         e.value.table.useDialog ? {
           name: "actions",
           fn: b(() => [
-            F("button", {
+            N("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
               onClick: o[1] || (o[1] = (a) => de(e.value.userOptions.callbacks.csv))
@@ -976,10 +978,10 @@ const ra = ["id"], ca = ["id"], va = ["xmlns", "viewBox"], da = ["x", "y", "widt
           key: "1"
         } : void 0
       ]), 1040)) : m("", !0),
-      v(R) ? (n(), N(ea, { key: 8 })) : m("", !0)
+      v(R) ? (n(), M(ea, { key: 8 })) : m("", !0)
     ], 46, ra));
   }
-}, Ga = /* @__PURE__ */ ua(Fa, [["__scopeId", "data-v-80507662"]]);
+}, Ga = /* @__PURE__ */ ua(Na, [["__scopeId", "data-v-f1d4fb6c"]]);
 export {
   Ga as default
 };