vue-data-ui 3.1.4 → 3.1.6

package/dist/{vue-ui-word-cloud-BbwSabN0.js → vue-ui-word-cloud-CB9_bPjO.js}

@@ -1,22 +1,22 @@
-import { useCssVars as it, defineAsyncComponent as G, computed as te, ref as m, toRefs as ut, watch as ae, shallowRef as We, onMounted as rt, onBeforeUnmount as ct, createElementBlock as _, openBlock as k, unref as u, normalizeStyle as ye, createBlock as oe, createCommentVNode as W, createVNode as we, createSlots as Xe, withCtx as S, renderSlot as M, normalizeProps as le, guardReactiveProps as ne, normalizeClass as Ee, createElementVNode as ke, Fragment as vt, renderList as dt, toDisplayString as Fe, resolveDynamicComponent as mt, mergeProps as ht, createTextVNode as Ue, nextTick as Le } from "vue";
+import { useCssVars as it, defineAsyncComponent as G, computed as ae, ref as m, toRefs as ut, watch as oe, shallowRef as We, onMounted as rt, onBeforeUnmount as ct, createElementBlock as _, openBlock as k, unref as u, normalizeStyle as ye, createBlock as le, createCommentVNode as W, createVNode as we, createSlots as Xe, withCtx as S, renderSlot as F, normalizeProps as ne, guardReactiveProps as se, normalizeClass as Ee, createElementVNode as ke, Fragment as vt, renderList as dt, toDisplayString as Me, resolveDynamicComponent as mt, mergeProps as ht, createTextVNode as Ue, nextTick as Le } from "vue";
 import { d as ft, t as pt, u as gt } from "./useResponsive-DfdjqQps.js";
-import { u as bt, c as Ye, t as yt, an as wt, h as kt, a as Ct, p as Ce, b as xt, o as Ge, f as je, g as $t, i as Tt, X as St, v as Mt, w as Ft, y as Pt } from "./index-INqbM37s.js";
-import { u as At, B as It } from "./BaseScanner-BgWxam9d.js";
-import { u as Ot } from "./usePrinter-9WO5mDzj.js";
-import { u as qe } from "./useNestedProp-BKprMEaB.js";
+import { u as bt, c as Ye, t as yt, an as wt, h as kt, a as Ct, p as Ce, b as xt, o as Ge, f as je, g as $t, i as Tt, X as St, v as Ft, w as Mt, y as Pt } from "./index-C0wrF8hm.js";
+import { u as At, B as Ot } from "./BaseScanner-BgWxam9d.js";
+import { u as It } from "./usePrinter-C2jvouU0.js";
+import { u as qe } from "./useNestedProp-Bg2FlIgI.js";
 import { u as zt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Dt } from "./useChartAccessibility-9icAAmYg.js";
-import Nt from "./img-Bl0o2UAr.js";
-import _t from "./Title-nHtPyPd9.js";
+import Nt from "./img-DLgjML7h.js";
+import _t from "./Title-DbQthJAs.js";
 import { u as Bt } from "./usePanZoom-BVca3eMk.js";
 import { _ as Rt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 function Vt(C, g) {
   const { width: v, height: h } = C, f = g.getImageData(0, 0, v, h).data;
-  let l = v, o = h, s = 0, x = 0, F = !1;
+  let l = v, o = h, s = 0, x = 0, M = !1;
   for (let r = 0; r < h; r += 1)
     for (let y = 0; y < v; y += 1)
-      f[(r * v + y) * 4 + 3] > 1 && (F = !0, y < l && (l = y), y > s && (s = y), r < o && (o = r), r > x && (x = r));
-  return F ? [l, o, s, x] : [0, 0, 0, 0];
+      f[(r * v + y) * 4 + 3] > 1 && (M = !0, y < l && (l = y), y > s && (s = y), r < o && (o = r), r > x && (x = r));
+  return M ? [l, o, s, x] : [0, 0, 0, 0];
 }
 function He({
   word: C,
@@ -29,10 +29,10 @@ function He({
   d.save(), d.font = `${f.style && f.style.bold ? "bold " : ""}${g}px Arial`;
   const l = d.measureText(C.name), o = Math.ceil(l.width) + 2 + (v ? v * 2 : 0), s = Math.ceil(g) + 2 + (v ? v * 2 : 0);
   h.width = o, h.height = s, d.clearRect(0, 0, o, s), d.font = `${f.style && f.style.bold ? "bold " : ""}${g}px Arial`, d.textAlign = "center", d.textBaseline = "middle", d.fillStyle = "black", d.fillText(C.name, o / 2, s / 2);
-  const F = d.getImageData(0, 0, o, s).data, r = [];
+  const M = d.getImageData(0, 0, o, s).data, r = [];
   for (let B = 0; B < s; B += 1)
     for (let U = 0; U < o; U += 1)
-      F[(B * o + U) * 4 + 3] > 1 && r.push([U, B]);
+      M[(B * o + U) * 4 + 3] > 1 && r.push([U, B]);
   const [y, X, E, w] = Vt(h, d);
   return d.restore(), { w: o, h: s, wordMask: r, minX: y, minY: X, maxX: E, maxY: w };
 }
@@ -55,8 +55,8 @@ function Wt({ wordMask: C, w: g, h: v, dilation: h }) {
     for (let s = -h; s <= h; s += 1)
       for (let x = -h; x <= h; x += 1) {
         if (s === 0 && x === 0) continue;
-        const F = l + s, r = o + x;
-        F >= 0 && F < g && r >= 0 && r < v && f.add(`${F},${r}`);
+        const M = l + s, r = o + x;
+        M >= 0 && M < g && r >= 0 && r < v && f.add(`${M},${r}`);
       }
   return Array.from(f).map((l) => l.split(",").map(Number));
 }
@@ -66,42 +66,42 @@ function Xt({
   svg: v,
   strictPixelPadding: h
 }) {
-  const { width: d, height: f } = v, l = Math.round(d), o = Math.round(f), s = 1, x = v.minFontSize, F = Math.min(v.maxFontSize, 100), r = C.map(($) => $.value), y = Math.min(...r), X = Math.max(...r), E = new Uint8Array(l * o), w = document.createElement("canvas"), B = w.getContext("2d", { willReadFrequently: !0 });
+  const { width: d, height: f } = v, l = Math.round(d), o = Math.round(f), s = 1, x = v.minFontSize, M = Math.min(v.maxFontSize, 100), r = C.map(($) => $.value), y = Math.min(...r), X = Math.max(...r), E = new Uint8Array(l * o), w = document.createElement("canvas"), B = w.getContext("2d", { willReadFrequently: !0 });
   w.width = l, w.height = o;
-  const U = 6, me = 2, he = 2, se = 1, Y = Math.floor(l / 2), K = Math.floor(o / 2), e = [...C].sort(($, R) => R.value - $.value), ie = [];
+  const U = 6, me = 2, he = 2, ie = 1, Y = Math.floor(l / 2), K = Math.floor(o / 2), e = [...C].sort(($, R) => R.value - $.value), ue = [];
   for (const $ of e) {
     let R = x;
-    X !== y && (R = ($.value - y) / (X - y) * (F - x) + x), R = Math.max(x, Math.min(F, R));
-    let A = !1, O = R;
-    for (; !A && O >= s; ) {
-      let { w: I, h: z, wordMask: V, minX: j, minY: q, maxX: H, maxY: Z } = He({
+    X !== y && (R = ($.value - y) / (X - y) * (M - x) + x), R = Math.max(x, Math.min(M, R));
+    let A = !1, I = R;
+    for (; !A && I >= s; ) {
+      let { w: O, h: z, wordMask: V, minX: j, minY: q, maxX: H, maxY: Z } = He({
         word: $,
-        fontSize: O,
+        fontSize: I,
         pad: g,
         canvas: w,
         ctx: B,
         svg: v
       });
-      h && (V = Wt({ wordMask: V, w: I, h: z, dilation: 1 }));
+      h && (V = Wt({ wordMask: V, w: O, h: z, dilation: 1 }));
       let D = 0, L = 0;
       for (; D < Math.max(l, o) && !A && L < 1e4; ) {
         for (let i = 0; i < 360; i += U) {
           L += 1;
-          const P = Math.round(Y + D * Math.cos(i * Math.PI / 180) - I / 2), p = Math.round(K + D * Math.sin(i * Math.PI / 180) - z / 2);
-          if (!(P < 0 || p < 0 || P + I > l || p + z > o) && Ze({ mask: E, maskW: l, maskH: o, wx: P, wy: p, wordMask: V })) {
-            ie.push({ ...$, x: P - l / 2, y: p - o / 2, fontSize: O, width: I, height: z, angle: 0, minX: j, minY: q, maxX: H, maxY: Z }), Je({ mask: E, maskW: l, maskH: o, wx: P, wy: p, wordMask: V }), A = !0;
+          const P = Math.round(Y + D * Math.cos(i * Math.PI / 180) - O / 2), p = Math.round(K + D * Math.sin(i * Math.PI / 180) - z / 2);
+          if (!(P < 0 || p < 0 || P + O > l || p + z > o) && Ze({ mask: E, maskW: l, maskH: o, wx: P, wy: p, wordMask: V })) {
+            ue.push({ ...$, x: P - l / 2, y: p - o / 2, fontSize: I, width: O, height: z, angle: 0, minX: j, minY: q, maxX: H, maxY: Z }), Je({ mask: E, maskW: l, maskH: o, wx: P, wy: p, wordMask: V }), A = !0;
             break;
           }
         }
         D += me;
       }
-      A || (O -= 1);
+      A || (I -= 1);
     }
-    if (!A && O < s) {
-      O = s;
-      const { w: I, h: z, wordMask: V, minX: j, minY: q, maxX: H, maxY: Z } = He({
+    if (!A && I < s) {
+      I = s;
+      const { w: O, h: z, wordMask: V, minX: j, minY: q, maxX: H, maxY: Z } = He({
         word: $,
-        fontSize: O,
+        fontSize: I,
         pad: g,
         canvas: w,
         ctx: B,
@@ -111,17 +111,17 @@ function Xt({
       for (; D < Math.max(l, o) && !A && L < 25e3; ) {
         for (let i = 0; i < 360; i += he) {
           L += 1;
-          const P = Math.round(Y + D * Math.cos(i * Math.PI / 180) - I / 2), p = Math.round(K + D * Math.sin(i * Math.PI / 180) - z / 2);
-          if (!(P < 0 || p < 0 || P + I > l || p + z > o) && Ze({ mask: E, maskW: l, maskH: o, wx: P, wy: p, wordMask: V })) {
-            ie.push({ ...$, x: P - l / 2, y: p - o / 2, fontSize: O, width: I, height: z, angle: 0, minX: j, minY: q, maxX: H, maxY: Z }), Je({ mask: E, maskW: l, maskH: o, wx: P, wy: p, wordMask: V }), A = !0;
+          const P = Math.round(Y + D * Math.cos(i * Math.PI / 180) - O / 2), p = Math.round(K + D * Math.sin(i * Math.PI / 180) - z / 2);
+          if (!(P < 0 || p < 0 || P + O > l || p + z > o) && Ze({ mask: E, maskW: l, maskH: o, wx: P, wy: p, wordMask: V })) {
+            ue.push({ ...$, x: P - l / 2, y: p - o / 2, fontSize: I, width: O, height: z, angle: 0, minX: j, minY: q, maxX: H, maxY: Z }), Je({ mask: E, maskW: l, maskH: o, wx: P, wy: p, wordMask: V }), A = !0;
             break;
           }
         }
-        D += se;
+        D += ie;
       }
     }
   }
-  return ie.sort(($, R) => R.fontSize - $.fontSize);
+  return ue.sort(($, R) => R.fontSize - $.fontSize);
 }
 const Et = ["id"], Ut = ["xmlns", "viewBox"], Lt = ["width", "height"], Yt = ["transform"], Gt = ["x", "y", "width", "height", "onMouseover", "onMouseleave", "onClick"], jt = ["fill", "font-weight", "x", "y", "font-size", "transform"], qt = {
   key: 3,
@@ -148,16 +148,16 @@ const Et = ["id"], Ut = ["xmlns", "viewBox"], Lt = ["width", "height"], Yt = ["t
   },
   setup(C, { expose: g }) {
     it((t) => ({
-      "794f4713": t.slicerColor
+      "20b7b35f": t.slicerColor
     }));
-    const v = G(() => import("./Tooltip-RCWHeRDV.js")), h = G(() => import("./BaseIcon-B5nQNkmd.js")), d = G(() => import("./vue-ui-accordion-CQZjxT5U.js")), f = G(() => import("./DataTable-CzO3oHys.js")), l = G(() => import("./PenAndPaper-C8hICPzL.js")), o = G(() => import("./UserOptions-D3pVnvAB.js")), s = G(() => import("./PackageVersion-7CxQB-mx.js")), x = G(() => import("./BaseDraggableDialog-BdAp3qr9.js")), { vue_ui_word_cloud: F } = bt(), r = C, y = te({
+    const v = G(() => import("./Tooltip-DvtYLrX2.js")), h = G(() => import("./BaseIcon-D_BjQBAR.js")), d = G(() => import("./vue-ui-accordion-3JuSLBjV.js")), f = G(() => import("./DataTable-IycMkaTU.js")), l = G(() => import("./PenAndPaper-BdzDJYnr.js")), o = G(() => import("./UserOptions-Dd5XOrwq.js")), s = G(() => import("./PackageVersion-BtfT0hV9.js")), x = G(() => import("./BaseDraggableDialog-BVZPPMT9.js")), { vue_ui_word_cloud: M } = bt(), r = C, y = ae({
       get() {
         return !!r.dataset && r.dataset.length;
       },
       set(t) {
         return t;
       }
-    }), X = m(Ye()), E = m(0), w = m(null), B = m(null), U = m(null), me = m(0), he = m(0), se = m(!1), Y = m(null), K = m(null), e = m(q()), { loading: ie, FINAL_DATASET: $, manualLoading: R } = At({
+    }), X = m(Ye()), E = m(0), w = m(null), B = m(null), U = m(null), me = m(0), he = m(0), ie = m(!1), Y = m(null), K = m(null), e = m(q()), { loading: ue, FINAL_DATASET: $, manualLoading: R } = At({
       ...ut(r),
       FINAL_CONFIG: e,
       prepareConfig: q,
@@ -231,21 +231,21 @@ const Et = ["id"], Ut = ["xmlns", "viewBox"], Lt = ["width", "height"], Yt = ["t
           }
         }
       })
-    }), A = m(O());
-    function O() {
+    }), A = m(I());
+    function I() {
       return typeof $.value == "string" ? wt($.value) : $.value.map((t, n) => ({
         ...t,
         value: kt(t.value)
       }));
     }
-    ae(() => r.dataset, () => {
-      A.value = O(), xe(), Z();
+    oe(() => r.dataset, () => {
+      A.value = I(), xe(), Z();
     });
-    const { userOptionsVisible: I, setUserOptionsVisibility: z, keepUserOptionState: V } = zt({ config: e.value }), { svgRef: j } = Dt({ config: e.value.style.chart.title });
+    const { userOptionsVisible: O, setUserOptionsVisibility: z, keepUserOptionState: V } = zt({ config: e.value }), { svgRef: j } = Dt({ config: e.value.style.chart.title });
     function q() {
       const t = qe({
         userConfig: r.config,
-        defaultConfig: F
+        defaultConfig: M
       });
       return t.theme ? {
         ...qe({
@@ -271,10 +271,10 @@ const Et = ["id"], Ut = ["xmlns", "viewBox"], Lt = ["width", "height"], Yt = ["t
     const D = ft(() => {
       xe();
     }, 10), L = m(!1);
-    ae(() => L.value, (t) => {
+    oe(() => L.value, (t) => {
       t === !1 && (D(), Z());
-    }), ae(() => r.config, (t) => {
-      e.value = q(), I.value = !e.value.userOptions.showOnChartHover, Ae(), me.value += 1, he.value += 1, T.value.showTable = e.value.table.show, T.value.showTooltip = e.value.style.chart.tooltip.show;
+    }), oe(() => r.config, (t) => {
+      e.value = q(), O.value = !e.value.userOptions.showOnChartHover, Ae(), me.value += 1, he.value += 1, T.value.showTable = e.value.table.show, T.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
     const i = m({
       width: e.value.style.chart.width,
@@ -294,7 +294,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox"], Lt = ["width", "height"], Yt = ["t
       });
     }), p = We(null), Q = We(null);
     rt(Ae);
-    const Pe = te(() => !!e.value.debug);
+    const Pe = ae(() => !!e.value.debug);
     function Ae() {
       Ge(r.dataset) ? je({
         componentName: "VueUiWordCloud",
@@ -318,7 +318,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox"], Lt = ["width", "height"], Yt = ["t
     ct(() => {
       p.value && (Q.value && p.value.unobserve(Q.value), p.value.disconnect());
     });
-    const { isPrinting: Ie, isImaging: Oe, generatePdf: ze, generateImage: De } = Ot({
+    const { isPrinting: Oe, isImaging: Ie, generatePdf: ze, generateImage: De } = It({
       elementId: `wordCloud_${X.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-word-cloud",
       options: e.value.userOptions.print
@@ -326,7 +326,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox"], Lt = ["width", "height"], Yt = ["t
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
     });
-    ae(e, () => {
+    oe(e, () => {
       T.value = {
         showTable: e.value.table.show,
         showTooltip: e.value.style.chart.tooltip.show
@@ -339,8 +339,8 @@ const Et = ["id"], Ut = ["xmlns", "viewBox"], Lt = ["width", "height"], Yt = ["t
         height: n
       };
     }
-    const ue = m([]);
-    ae(() => r.dataset, xe, { immediate: !0 });
+    const re = m([]);
+    oe(() => r.dataset, xe, { immediate: !0 });
     function xe() {
       const t = [...A.value].map((b) => b.value), n = Math.max(...t), a = Math.min(...t), c = [...A.value].map((b, N) => {
         let J = (b.value - a) / (n - a) * (i.value.maxFontSize - i.value.minFontSize) + i.value.minFontSize;
@@ -355,29 +355,29 @@ const Et = ["id"], Ut = ["xmlns", "viewBox"], Lt = ["width", "height"], Yt = ["t
           color: e.value.style.chart.words.usePalette ? e.value.customPalette[N] || e.value.customPalette[N % e.value.customPalette.length] || Ce[N] || Ce[N % Ce.length] : e.value.style.chart.words.color
         };
       });
-      ue.value = Xt({
+      re.value = Xt({
         words: c,
         svg: i.value,
         proximity: e.value.style.chart.words.proximity,
         strictPixelPadding: e.value.strictPixelPadding
       });
     }
-    const fe = te(() => {
-      const t = ue.value.map((a) => ({
+    const fe = ae(() => {
+      const t = re.value.map((a) => ({
         name: a.name,
         color: a.color
-      })), n = ue.value.map((a) => a.value);
+      })), n = re.value.map((a) => a.value);
       return { head: t, body: n };
     });
     function $e(t = null) {
       Le(() => {
         const n = fe.value.head.map((b, N) => [[
           b.name
-        ], [fe.value.body[N]]]), a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], [e.value.table.columnNames.value]]].concat(n), c = Mt(a);
-        t ? t(c) : Ft({ csvContent: c, title: e.value.style.chart.title.text || "vue-ui-word-cloud" });
+        ], [fe.value.body[N]]]), a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], [e.value.table.columnNames.value]]].concat(n), c = Ft(a);
+        t ? t(c) : Mt({ csvContent: c, title: e.value.style.chart.title.text || "vue-ui-word-cloud" });
       });
     }
-    const pe = te(() => {
+    const pe = ae(() => {
       const t = [
         e.value.table.columnNames.series,
         e.value.table.columnNames.value
@@ -412,12 +412,12 @@ const Et = ["id"], Ut = ["xmlns", "viewBox"], Lt = ["width", "height"], Yt = ["t
         body: n,
         config: a
       };
-    }), re = m(!1);
+    }), ee = m(!1);
     function Ne(t) {
-      re.value = t, E.value += 1;
+      ee.value = t, E.value += 1;
     }
     function Qe() {
-      return ue.value;
+      return re.value;
     }
     function _e() {
       T.value.showTable = !T.value.showTable;
@@ -429,7 +429,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox"], Lt = ["width", "height"], Yt = ["t
     function Te() {
       ce.value = !ce.value;
     }
-    const et = te(() => !ce.value && e.value.style.chart.zoom.show), { viewBox: ge, resetZoom: be, isZoom: tt, setInitialViewBox: at } = Bt(j, {
+    const et = ae(() => !ce.value && e.value.style.chart.zoom.show), { viewBox: ge, resetZoom: be, isZoom: tt, setInitialViewBox: at } = Bt(j, {
       x: 0,
       y: 0,
       width: i.value.width <= 0 ? 10 : i.value.width,
@@ -447,7 +447,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox"], Lt = ["width", "height"], Yt = ["t
         aspectRatio: c
       };
     }
-    const ve = te(() => {
+    const ve = ae(() => {
       const t = e.value.table.useDialog && !e.value.table.show, n = T.value.showTable;
       return {
         component: t ? x : d,
@@ -457,7 +457,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox"], Lt = ["width", "height"], Yt = ["t
           color: e.value.table.th.color,
           headerColor: e.value.table.th.color,
           headerBg: e.value.table.th.backgroundColor,
-          isFullscreen: re.value,
+          isFullscreen: ee.value,
           fullscreenParent: w.value,
           forcedWidth: Math.min(500, window.innerWidth * 0.8)
         } : {
@@ -477,7 +477,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox"], Lt = ["width", "height"], Yt = ["t
         }
       };
     });
-    ae(() => T.value.showTable, (t) => {
+    oe(() => T.value.showTable, (t) => {
       e.value.table.show || (t && e.value.table.useDialog && Y.value ? Y.value.open() : "close" in Y.value && Y.value.close());
     });
     function Re() {
@@ -495,16 +495,16 @@ const Et = ["id"], Ut = ["xmlns", "viewBox"], Lt = ["width", "height"], Yt = ["t
       toggleAnnotator: Te,
       toggleFullscreen: Ne
     });
-    const ee = m(null), de = m(!1), Se = m(""), Me = m(null);
+    const te = m(null), de = m(!1), Se = m(""), Fe = m(null);
     function lt(t, n) {
-      ee.value = null, se.value = !1, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: n });
+      te.value = null, ie.value = !1, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: n });
     }
     function nt(t, n) {
       e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: n });
     }
     function st(t, n) {
       if (e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: n }), !T.value.showTooltip) return;
-      ee.value = t.id, Me.value = { datapoint: t, config: e.value };
+      te.value = t.id, Fe.value = { datapoint: t, config: e.value };
       const a = e.value.style.chart.tooltip.customFormat;
       if (de.value = !1, Pt(a))
         try {
@@ -520,7 +520,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox"], Lt = ["width", "height"], Yt = ["t
         let c = `<svg viewBox="0 0 10 10" height="${e.value.style.chart.tooltip.fontSize}"><circle cx="5" cy="5" r="5" fill="${t.color}"/></svg><span>${t.name}:</span><b>${(t.value || 0).toFixed(e.value.style.chart.tooltip.roundingValue)}</b>`;
         Se.value = `<div dir="auto" style="display:flex; gap:4px; align-items:center; jsutify-content:center;">${c}</div>`;
       }
-      se.value = !0;
+      ie.value = !0;
     }
     return (t, n) => (k(), _("div", {
       class: "vue-ui-word-cloud",
@@ -531,7 +531,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox"], Lt = ["width", "height"], Yt = ["t
       onMouseenter: n[2] || (n[2] = () => u(z)(!0)),
       onMouseleave: n[3] || (n[3] = () => u(z)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (k(), oe(u(l), {
+      e.value.userOptions.buttons.annotator ? (k(), le(u(l), {
         key: 0,
         svgRef: u(j),
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -545,7 +545,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox"], Lt = ["width", "height"], Yt = ["t
         ref: B,
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
-        (k(), oe(_t, {
+        (k(), le(_t, {
           key: `title_${me.value}`,
           config: {
             title: {
@@ -557,21 +557,21 @@ const Et = ["id"], Ut = ["xmlns", "viewBox"], Lt = ["width", "height"], Yt = ["t
           }
         }, null, 8, ["config"]))
       ], 512)) : W("", !0),
-      e.value.userOptions.show && y.value && (u(V) || u(I)) ? (k(), oe(u(o), {
+      e.value.userOptions.show && y.value && (u(V) || u(O)) ? (k(), le(u(o), {
         ref_key: "userOptionsRef",
         ref: K,
         key: `user_option_${E.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: u(Ie),
-        isImaging: u(Oe),
+        isPrinting: u(Oe),
+        isImaging: u(Ie),
         uid: X.value,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasXls: e.value.userOptions.buttons.csv,
         hasImg: e.value.userOptions.buttons.img,
         hasTable: e.value.userOptions.buttons.table,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isFullscreen: re.value,
+        isFullscreen: ee.value,
         titles: { ...e.value.userOptions.buttonTitles },
         chartElement: w.value,
         position: e.value.userOptions.position,
@@ -590,55 +590,55 @@ const Et = ["id"], Ut = ["xmlns", "viewBox"], Lt = ["width", "height"], Yt = ["t
         onToggleTooltip: Be,
         onToggleAnnotator: Te,
         style: ye({
-          visibility: u(V) ? u(I) ? "visible" : "hidden" : "visible"
+          visibility: u(V) ? u(O) ? "visible" : "hidden" : "visible"
         })
       }, Xe({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
           fn: S(({ isOpen: a, color: c }) => [
-            M(t.$slots, "menuIcon", le(ne({ isOpen: a, color: c })), void 0, !0)
+            F(t.$slots, "menuIcon", ne(se({ isOpen: a, color: c })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
           fn: S(() => [
-            M(t.$slots, "optionPdf", {}, void 0, !0)
+            F(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
           fn: S(() => [
-            M(t.$slots, "optionCsv", {}, void 0, !0)
+            F(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
           fn: S(() => [
-            M(t.$slots, "optionImg", {}, void 0, !0)
+            F(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
           fn: S(() => [
-            M(t.$slots, "optionTable", {}, void 0, !0)
+            F(t.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: S(({ toggleFullscreen: a, isFullscreen: c }) => [
-            M(t.$slots, "optionFullscreen", le(ne({ toggleFullscreen: a, isFullscreen: c })), void 0, !0)
+            F(t.$slots, "optionFullscreen", ne(se({ toggleFullscreen: a, isFullscreen: c })), void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: S(({ toggleAnnotator: a, isAnnotator: c }) => [
-            M(t.$slots, "optionAnnotator", le(ne({ toggleAnnotator: a, isAnnotator: c })), void 0, !0)
+            F(t.$slots, "optionAnnotator", ne(se({ toggleAnnotator: a, isAnnotator: c })), void 0, !0)
           ]),
           key: "6"
         } : void 0
@@ -646,7 +646,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox"], Lt = ["width", "height"], Yt = ["t
       (k(), _("svg", {
         ref_key: "svgRef",
         ref: j,
-        class: Ee({ "vue-data-ui-fullscreen--on": re.value, "vue-data-ui-fulscreen--off": !re.value }),
+        class: Ee({ "vue-data-ui-fullscreen--on": ee.value, "vue-data-ui-fulscreen--off": !ee.value }),
         xmlns: u(St),
         viewBox: `${u(ge).x} ${u(ge).y} ${u(ge).width} ${u(ge).height}`,
         style: "overflow:hidden;background:transparent;"
@@ -662,12 +662,12 @@ const Et = ["id"], Ut = ["xmlns", "viewBox"], Lt = ["width", "height"], Yt = ["t
             pointerEvents: "none"
           }
         }, [
-          M(t.$slots, "chart-background", {}, void 0, !0)
+          F(t.$slots, "chart-background", {}, void 0, !0)
         ], 8, Lt)) : W("", !0),
         ke("g", {
           transform: `translate(${H.value.x}, ${H.value.y})`
         }, [
-          (k(!0), _(vt, null, dt(ue.value, (a, c) => (k(), _("g", null, [
+          (k(!0), _(vt, null, dt(re.value, (a, c) => (k(), _("g", null, [
             a.minX !== void 0 ? (k(), _("rect", {
               key: 0,
               x: a.x + a.minX,
@@ -688,22 +688,22 @@ const Et = ["id"], Ut = ["xmlns", "viewBox"], Lt = ["width", "height"], Yt = ["t
               y: a.y,
               "font-size": a.fontSize,
               transform: `translate(${a.width / 2}, ${a.height / 2})`,
-              class: Ee({ animated: e.value.useCssAnimation, "word-selected": ee.value && ee.value === a.id && T.value.showTooltip, "word-not-selected": ee.value && ee.value !== a.id && T.value.showTooltip }),
+              class: Ee({ animated: e.value.useCssAnimation, "word-selected": te.value && te.value === a.id && T.value.showTooltip, "word-not-selected": te.value && te.value !== a.id && T.value.showTooltip }),
               "text-anchor": "middle",
               "dominant-baseline": "central",
               style: ye(`animation-delay:${c * e.value.animationDelayMs}ms !important; pointer-events:none;`)
-            }, Fe(a.name), 15, jt))
+            }, Me(a.name), 15, jt))
           ]))), 256))
         ], 8, Yt),
-        M(t.$slots, "svg", {
+        F(t.$slots, "svg", {
           svg: { height: i.value.height, width: i.value.width }
         }, void 0, !0)
       ], 10, Ut)),
       t.$slots.watermark ? (k(), _("div", qt, [
-        M(t.$slots, "watermark", le(ne({ isPrinting: u(Ie) || u(Oe) })), void 0, !0)
+        F(t.$slots, "watermark", ne(se({ isPrinting: u(Oe) || u(Ie) })), void 0, !0)
       ])) : W("", !0),
       u(tt) ? (k(), _("div", Ht, [
-        M(t.$slots, "reset-action", { reset: u(be) }, () => [
+        F(t.$slots, "reset-action", { reset: u(be) }, () => [
           ke("button", {
             "data-cy-reset": "",
             tabindex: "0",
@@ -722,7 +722,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox"], Lt = ["width", "height"], Yt = ["t
         ], !0)
       ])) : W("", !0),
       we(u(v), {
-        show: T.value.showTooltip && se.value,
+        show: T.value.showTooltip && ie.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         fontSize: e.value.style.chart.tooltip.fontSize,
@@ -735,32 +735,35 @@ const Et = ["id"], Ut = ["xmlns", "viewBox"], Lt = ["width", "height"], Yt = ["t
         parent: w.value,
         content: Se.value,
         isCustom: de.value,
+        isFullscreen: ee.value,
         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": S(() => [
-          M(t.$slots, "tooltip-before", le(ne({ ...Me.value })), void 0, !0)
+          F(t.$slots, "tooltip-before", ne(se({ ...Fe.value })), void 0, !0)
         ]),
         "tooltip-after": S(() => [
-          M(t.$slots, "tooltip-after", le(ne({ ...Me.value })), void 0, !0)
+          F(t.$slots, "tooltip-after", ne(se({ ...Fe.value })), void 0, !0)
         ]),
         _: 3
-      }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom", "smooth", "backdropFilter"]),
+      }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom", "isFullscreen", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
       t.$slots.source ? (k(), _("div", {
         key: 5,
         ref_key: "source",
         ref: U,
         dir: "auto"
       }, [
-        M(t.$slots, "source", {}, void 0, !0)
+        F(t.$slots, "source", {}, void 0, !0)
       ], 512)) : W("", !0),
-      y.value ? (k(), oe(mt(ve.value.component), ht({ key: 6 }, ve.value.props, {
+      y.value && e.value.userOptions.buttons.table ? (k(), le(mt(ve.value.component), ht({ key: 6 }, ve.value.props, {
         ref_key: "tableUnit",
         ref: Y,
         onClose: Re
       }), Xe({
         content: S(() => [
-          (k(), oe(u(f), {
+          (k(), le(u(f), {
             key: `table_${he.value}`,
             colNames: pe.value.colNames,
             head: pe.value.head,
@@ -777,7 +780,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox"], Lt = ["width", "height"], Yt = ["t
               }, null, 8, Zt)
             ]),
             td: S(({ td: a }) => [
-              Ue(Fe(a.name || a), 1)
+              Ue(Me(a.name || a), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton"]))
@@ -787,7 +790,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox"], Lt = ["width", "height"], Yt = ["t
         e.value.table.useDialog ? {
           name: "title",
           fn: S(() => [
-            Ue(Fe(ve.value.title), 1)
+            Ue(Me(ve.value.title), 1)
           ]),
           key: "0"
         } : void 0,
@@ -808,10 +811,10 @@ const Et = ["id"], Ut = ["xmlns", "viewBox"], Lt = ["width", "height"], Yt = ["t
           key: "1"
         } : void 0
       ]), 1040)) : W("", !0),
-      u(ie) ? (k(), oe(It, { key: 7 })) : W("", !0)
+      u(ue) ? (k(), le(Ot, { key: 7 })) : W("", !0)
     ], 44, Et));
   }
-}, ca = /* @__PURE__ */ Rt(Jt, [["__scopeId", "data-v-75fed1e5"]]);
+}, ca = /* @__PURE__ */ Rt(Jt, [["__scopeId", "data-v-416534c4"]]);
 export {
   ca as default
 };