vue-data-ui 3.9.20 → 3.9.21

package/dist/{vue-ui-word-cloud-rkI5ourD.js → vue-ui-word-cloud-BPA2fseE.js}

@@ -1,7 +1,7 @@
-import { useCssVars as _t, defineAsyncComponent as ae, computed as le, ref as M, toRefs as Nt, watch as we, shallowRef as tt, onMounted as Zt, onBeforeUnmount as Vt, createElementBlock as J, openBlock as W, unref as F, normalizeStyle as Xe, createBlock as se, createCommentVNode as N, createVNode as Re, withCtx as E, renderSlot as z, normalizeProps as Z, guardReactiveProps as V, createSlots as ot, normalizeClass as nt, createElementVNode as $e, Fragment as Ut, renderList as Lt, toDisplayString as De, resolveDynamicComponent as jt, mergeProps as Ht, createTextVNode as at, nextTick as lt } from "vue";
+import { useCssVars as _t, defineAsyncComponent as ne, computed as le, ref as M, toRefs as Nt, watch as we, shallowRef as tt, onMounted as Zt, onBeforeUnmount as Vt, createElementBlock as J, openBlock as W, unref as F, normalizeStyle as Xe, createBlock as se, createCommentVNode as N, createVNode as Re, withCtx as E, renderSlot as z, normalizeProps as Z, guardReactiveProps as V, createSlots as ot, normalizeClass as at, createElementVNode as $e, Fragment as Ut, renderList as Lt, toDisplayString as De, resolveDynamicComponent as jt, mergeProps as Ht, createTextVNode as nt, nextTick as lt } from "vue";
 import { d as st, u as qt } from "./useResponsive-DfdjqQps.js";
-import { c as Gt, t as Jt, I as Kt, U as Qt, i as eo, j as Te, o as rt, g as it, l as to, d as oo, X as no, v as ao, r as lo, y as so } from "./lib-2iaAPQ_c.js";
-import { u as ro, a as Ye } from "./useNestedProp-DaR1dBmj.js";
+import { c as Gt, t as Jt, I as Kt, U as Qt, i as eo, j as Te, o as rt, g as it, l as to, d as oo, X as ao, v as no, r as lo, y as so } from "./lib-2iaAPQ_c.js";
+import { u as ro, a as Ye } from "./useNestedProp-gqRzbKJy.js";
 import { u as io, B as uo } from "./BaseScanner-BMpwQAfz.js";
 import { u as co } from "./usePrinter-ChVMpU2f.js";
 import { u as mo } from "./useSvgExport-ByUukOZt.js";
@@ -9,9 +9,9 @@ import { u as fo } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as vo } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as ho } from "./useChartAccessibility-9icAAmYg.js";
 import po from "./img-CqYIrJ8I.js";
-import go from "./Title-D0nD-PMs.js";
+import go from "./Title-B7pkWzTi.js";
 import { u as bo } from "./usePanZoom-CDF7rb3o.js";
-import { B as ut } from "./BaseZoomControls-BELC4-R7.js";
+import { B as ut } from "./BaseZoomControls-8e6l8HWf.js";
 import { _ as yo } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 function Co({
   word: o,
@@ -21,10 +21,10 @@ function Co({
   ctx: i,
   svg: d
 }) {
-  const n = `${d.style && d.style.bold ? "bold " : ""}${l}px Arial`;
-  i.font = n;
+  const a = `${d.style && d.style.bold ? "bold " : ""}${l}px Arial`;
+  i.font = a;
   const p = i.measureText(o.name), f = Math.ceil(p.width) + 2 + (m ? m * 2 : 0), g = Math.ceil(l) + 2 + (m ? m * 2 : 0);
-  c.width = f, c.height = g, i.font = n, i.textAlign = "center", i.textBaseline = "middle", i.fillStyle = "black", i.fillText(o.name, f / 2, g / 2);
+  c.width = f, c.height = g, i.font = a, i.textAlign = "center", i.textBaseline = "middle", i.fillStyle = "black", i.fillText(o.name, f / 2, g / 2);
   const b = i.getImageData(0, 0, f, g).data, v = [], u = [];
   let s = f, S = g, k = 0, x = 0, h = !1;
   for (let w = 0; w < g; w += 1) {
@@ -52,8 +52,8 @@ function ko(o) {
   if (!o.length) return l;
   let m = o[0][1], c = o[0][0], i = c;
   for (let d = 1; d < o.length; d += 1) {
-    const r = o[d][0], n = o[d][1];
-    n !== m ? (l.push([m, c, i]), m = n, c = r, i = r) : (r === i + 1 || (l.push([m, c, i]), c = r), i = r);
+    const r = o[d][0], a = o[d][1];
+    a !== m ? (l.push([m, c, i]), m = a, c = r, i = r) : (r === i + 1 || (l.push([m, c, i]), c = r), i = r);
   }
   return l.push([m, c, i]), l;
 }
@@ -75,8 +75,8 @@ function wo({
   wy: d,
   runs: r
 }) {
-  for (let n = 0; n < r.length; n += 1) {
-    const p = r[n][0], f = r[n][1], g = r[n][2], y = d + p;
+  for (let a = 0; a < r.length; a += 1) {
+    const p = r[a][0], f = r[a][1], g = r[a][2], y = d + p;
     if (y < 0 || y >= c) return !1;
     const b = i + f, v = i + g;
     if (b < 0 || v >= m) return !1;
@@ -108,8 +108,8 @@ function xo({
   wy: d,
   runs: r
 }) {
-  for (let n = 0; n < r.length; n += 1) {
-    const p = r[n][0], f = r[n][1], g = r[n][2], y = d + p;
+  for (let a = 0; a < r.length; a += 1) {
+    const p = r[a][0], f = r[a][1], g = r[a][2], y = d + p;
     if (y < 0 || y >= c) continue;
     const b = i + f, v = i + g;
     if (v < 0 || b >= m) continue;
@@ -133,12 +133,12 @@ function xo({
 }
 function Fo({ wordMask: o, w: l, h: m, dilation: c }) {
   const i = new Uint8Array(l * m), d = [];
-  for (let n = 0; n < o.length; n += 1) {
-    const p = o[n][0], g = o[n][1] * l + p;
+  for (let a = 0; a < o.length; a += 1) {
+    const p = o[a][0], g = o[a][1] * l + p;
     i[g] || (i[g] = 1, d.push(g));
   }
-  for (let n = 0; n < d.length; n += 1) {
-    const p = d[n], f = p / l | 0, g = p - f * l;
+  for (let a = 0; a < d.length; a += 1) {
+    const p = d[a], f = p / l | 0, g = p - f * l;
     for (let y = -c; y <= c; y += 1) {
       const b = f + y;
       if (b < 0 || b >= m) continue;
@@ -151,9 +151,9 @@ function Fo({ wordMask: o, w: l, h: m, dilation: c }) {
     }
   }
   const r = [];
-  for (let n = 0; n < i.length; n += 1)
-    if (i[n]) {
-      const p = n / l | 0, f = n - p * l;
+  for (let a = 0; a < i.length; a += 1)
+    if (i[a]) {
+      const p = a / l | 0, f = a - p * l;
       r.push([f, p]);
     }
   return r;
@@ -165,15 +165,15 @@ function Ao({
   dilation: c
 }) {
   const i = new Uint8Array(l * m), d = [];
-  for (let n = 0; n < o.length; n += 1) {
-    const p = o[n], f = p[0], g = p[1], y = p[2], b = f * l;
+  for (let a = 0; a < o.length; a += 1) {
+    const p = o[a], f = p[0], g = p[1], y = p[2], b = f * l;
     for (let v = g; v <= y; v += 1) {
       const u = b + v;
       i[u] || (i[u] = 1, d.push(u));
     }
   }
-  for (let n = 0; n < d.length; n += 1) {
-    const p = d[n], f = p / l | 0, g = p - f * l;
+  for (let a = 0; a < d.length; a += 1) {
+    const p = d[a], f = p / l | 0, g = p - f * l;
     for (let y = -c; y <= c; y += 1) {
       const b = f + y;
       if (b < 0 || b >= m) continue;
@@ -186,25 +186,25 @@ function Ao({
     }
   }
   const r = [];
-  for (let n = 0; n < m; n += 1) {
-    const p = n * l;
+  for (let a = 0; a < m; a += 1) {
+    const p = a * l;
     let f = -1, g = !1;
     for (let y = 0; y < l; y += 1)
-      i[p + y] ? g || (g = !0, f = y) : g && (r.push([n, f, y - 1]), g = !1, f = -1);
-    g && r.push([n, f, l - 1]);
+      i[p + y] ? g || (g = !0, f = y) : g && (r.push([a, f, y - 1]), g = !1, f = -1);
+    g && r.push([a, f, l - 1]);
   }
   return r;
 }
 function So(o, l) {
-  const m = o.runs, c = o.w, i = o.h, d = Math.max(1, Math.round(c * l)), r = Math.max(1, Math.round(i * l)), n = new Array(r);
+  const m = o.runs, c = o.w, i = o.h, d = Math.max(1, Math.round(c * l)), r = Math.max(1, Math.round(i * l)), a = new Array(r);
   let p = d, f = r, g = 0, y = 0, b = !1;
   for (let u = 0; u < m.length; u += 1) {
     const s = m[u], S = s[0], k = s[1], x = s[2], h = Math.round(S * l);
     if (h < 0 || h >= r) continue;
     const w = Math.round(k * l), _ = Math.round((x + 1) * l) - 1;
     if (_ < w) continue;
-    let B = n[h];
-    B || (B = [], n[h] = B), B.push([w, _]), b = !0, w < p && (p = w), _ > g && (g = _), h < f && (f = h), h > y && (y = h);
+    let B = a[h];
+    B || (B = [], a[h] = B), B.push([w, _]), b = !0, w < p && (p = w), _ > g && (g = _), h < f && (f = h), h > y && (y = h);
   }
   if (!b)
     return {
@@ -218,7 +218,7 @@ function So(o, l) {
     };
   const v = [];
   for (let u = 0; u < r; u += 1) {
-    const s = n[u];
+    const s = a[u];
     if (!s || s.length === 0) continue;
     s.sort((x, h) => x[0] - h[0]);
     let S = s[0][0], k = s[0][1];
@@ -251,8 +251,8 @@ function To({
   ctx: i,
   svg: d
 }) {
-  const r = $o({ word: o, fontSize: l, pad: m, svg: d }), n = ct.get(r);
-  if (n) return { key: r, bitmap: n };
+  const r = $o({ word: o, fontSize: l, pad: m, svg: d }), a = ct.get(r);
+  if (a) return { key: r, bitmap: a };
   const p = Co({ word: o, fontSize: l, pad: m, canvas: c, ctx: i, svg: d });
   return ct.set(r, p), { key: r, bitmap: p };
 }
@@ -265,7 +265,7 @@ function Mo({
 }) {
   const d = `${o}::d${i}`, r = dt.get(d);
   if (r) return r;
-  const n = Fo({ wordMask: l, w: m, h: c, dilation: i }), p = ko(n), f = { wordMask: n, runs: p };
+  const a = Fo({ wordMask: l, w: m, h: c, dilation: i }), p = ko(a), f = { wordMask: a, runs: p };
   return dt.set(d, f), f;
 }
 const Io = 6, Oo = 2, pt = Math.PI / 180, gt = [], bt = [];
@@ -286,15 +286,15 @@ function Eo(o, l, m) {
     S < c && (c = S), k > i && (i = k), x < d && (d = x), h > r && (r = h);
   }
   if (!isFinite(c) || !isFinite(i) || !isFinite(d) || !isFinite(r)) return;
-  const n = Math.max(
+  const a = Math.max(
     Math.abs(c),
     Math.abs(i)
   ), p = Math.max(
     Math.abs(d),
     Math.abs(r)
   );
-  if (n === 0 || p === 0) return;
-  const f = 0.9, g = l * 0.5 * f / n, y = m * 0.5 * f / p;
+  if (a === 0 || p === 0) return;
+  const f = 0.9, g = l * 0.5 * f / a, y = m * 0.5 * f / p;
   let b = Math.min(g, y);
   if (b <= 1) return;
   const v = 4;
@@ -330,11 +330,11 @@ function Xo({
   bitmapKey: i
 }) {
   let d = o.runs;
-  const r = o.w, n = o.h, p = o.minX, f = o.minY, g = o.maxX, y = o.maxY;
+  const r = o.w, a = o.h, p = o.minX, f = o.minY, g = o.maxX, y = o.maxY;
   return !l || !d.length ? {
     runs: d,
     bitmapWidth: r,
-    bitmapHeight: n,
+    bitmapHeight: a,
     bitmapMinimumX: p,
     bitmapMinimumY: f,
     bitmapMaximumX: g,
@@ -348,7 +348,7 @@ function Xo({
       dilation: 2
     }).runs,
     bitmapWidth: r,
-    bitmapHeight: n,
+    bitmapHeight: a,
     bitmapMinimumX: p,
     bitmapMinimumY: f,
     bitmapMaximumX: g,
@@ -357,11 +357,11 @@ function Xo({
     runs: Ao({
       runs: d,
       w: r,
-      h: n,
+      h: a,
       dilation: 2
     }),
     bitmapWidth: r,
-    bitmapHeight: n,
+    bitmapHeight: a,
     bitmapMinimumX: p,
     bitmapMinimumY: f,
     bitmapMaximumX: g,
@@ -376,7 +376,7 @@ async function mt({
   maskRowStride: i,
   maskWidth: d,
   maskHeight: r,
-  centerX: n,
+  centerX: a,
   centerY: p,
   maximumRadius: f,
   scaleStep: g,
@@ -412,7 +412,7 @@ async function mt({
       for (let R = 0; R < s.length; R += 1) {
         oe += 1;
         const L = Math.round(
-          n + K * s[R] - P / 2
+          a + K * s[R] - P / 2
         ), j = Math.round(
           p + K * S[R] - U / 2
         );
@@ -468,7 +468,7 @@ async function Ro({
   maskRowStride: i,
   maskWidth: d,
   maskHeight: r,
-  centerX: n,
+  centerX: a,
   centerY: p,
   maximumRadius: f,
   scaleStep: g,
@@ -488,7 +488,7 @@ async function Ro({
     maskRowStride: i,
     maskWidth: d,
     maskHeight: r,
-    centerX: n,
+    centerX: a,
     centerY: p,
     maximumRadius: f,
     scaleStep: g,
@@ -510,7 +510,7 @@ async function Ro({
     maskRowStride: i,
     maskWidth: d,
     maskHeight: r,
-    centerX: n,
+    centerX: a,
     centerY: p,
     maximumRadius: f,
     scaleStep: g,
@@ -533,8 +533,8 @@ async function Do({
   onProgress: i,
   debugTiming: d = !1
 }) {
-  const r = zo(), n = r(), p = 12;
-  let f = n;
+  const r = zo(), a = r(), p = 12;
+  let f = a;
   async function g() {
     r() - f >= p && (await new Promise((Y) => setTimeout(Y, 0)), f = r());
   }
@@ -600,7 +600,7 @@ async function Do({
   if (!R.length)
     return [];
   Eo(R, v, u);
-  const he = r() - n;
+  const he = r() - a;
   return d && typeof console < "u" && console.log && console.log(
     "[vue-data-ui][word-cloud] positionWordsAsync:",
     `${he.toFixed(2)} ms for ${o.length} words`
@@ -614,7 +614,7 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
   hack: Ft,
   zen: At,
   concrete: St
-}, mn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, da = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   celebration: wt,
   celebrationNight: xt,
@@ -648,9 +648,9 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
   },
   setup(o, { expose: l }) {
     _t((t) => ({
-      v61fe6bdc: t.slicerColor
+      d5ca9ade: t.slicerColor
     }));
-    const m = ae(() => import("./Tooltip-D0pGX8qz.js")), c = ae(() => import("./BaseIcon-scv-j8q0.js")), i = ae(() => import("./vue-ui-accordion-CxJ304GQ.js")), d = ae(() => import("./DataTable-BbpwWDWr.js")), r = ae(() => import("./PenAndPaper-yHiUSsGn.js")), n = ae(() => import("./UserOptions-VkV1O3QA.js")), p = ae(() => import("./PackageVersion-otGG6wdE.js")), f = ae(() => import("./BaseDraggableDialog-CpQixv03.js")), { vue_ui_word_cloud: g } = ro(), { isThemeValid: y, warnInvalidTheme: b } = fo(), v = o, u = le({
+    const m = ne(() => import("./Tooltip-DpfUZbt7.js")), c = ne(() => import("./BaseIcon-rQpZbUMg.js")), i = ne(() => import("./vue-ui-accordion-Cy3d_0_S.js")), d = ne(() => import("./DataTable-CRLvcC19.js")), r = ne(() => import("./PenAndPaper-D6dHXPfu.js")), a = ne(() => import("./UserOptions-BlWCqtbi.js")), p = ne(() => import("./PackageVersion-BiGAIrqC.js")), f = ne(() => import("./BaseDraggableDialog-LQz9Nmbj.js")), { vue_ui_word_cloud: g } = ro(), { isThemeValid: y, warnInvalidTheme: b } = fo(), v = o, u = le({
       get() {
         return !!v.dataset && v.dataset.length;
       },
@@ -753,12 +753,12 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
       if (!C) return t;
       if (!y.value(t))
         return b(t), t;
-      const a = Ye({
+      const n = Ye({
         userConfig: $t[C] || v.config,
         defaultConfig: t
       }), A = Ye({
         userConfig: v.config,
-        defaultConfig: a
+        defaultConfig: n
       });
       return {
         ...A,
@@ -816,11 +816,11 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
         to({
           datasetObject: t,
           requiredAttributes: ["name", "value"]
-        }).forEach((a) => {
+        }).forEach((n) => {
           u.value = !1, it({
             componentName: "VueUiWordCloud",
             type: "datasetSerieAttribute",
-            property: a,
+            property: n,
             index: C,
             debug: pe.value
           });
@@ -842,17 +842,17 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
     we(e, () => {
       O.value.showTable = e.value.table.show, O.value.showTooltip = e.value.style.chart.tooltip.show, O.value.showZoom = e.value.style.chart.zoom.show;
     }, { immediate: !0 });
-    function Tt(t, C, a = "Arial") {
+    function Tt(t, C, n = "Arial") {
       const $ = document.createElement("canvas").getContext("2d");
-      return $.font = `${C}px ${e.value.style.chart.words.bold ? "bold" : "normal"} ${a}`, {
+      return $.font = `${C}px ${e.value.style.chart.words.bold ? "bold" : "normal"} ${n}`, {
         width: $.measureText(t).width + e.value.style.chart.words.proximity,
         height: C
       };
     }
     const q = M([]), ge = /* @__PURE__ */ new Map();
     function Ve() {
-      const t = [...R.value].map(($) => $.value), C = Math.max(...t), a = Math.min(...t), A = [...R.value].map(($, T) => {
-        let G = ($.value - a) / (C - a) * (I.value.maxFontSize - I.value.minFontSize) + I.value.minFontSize;
+      const t = [...R.value].map(($) => $.value), C = Math.max(...t), n = Math.min(...t), A = [...R.value].map(($, T) => {
+        let G = ($.value - n) / (C - n) * (I.value.maxFontSize - I.value.minFontSize) + I.value.minFontSize;
         G = isNaN(G) ? I.value.minFontSize : G;
         const de = Tt($.name, G);
         return {
@@ -887,17 +887,17 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
       }), U.value = !0, te.value = !1;
     }
     const Fe = le(() => {
-      const t = q.value.map((a) => ({
-        name: a.name,
-        color: a.color
-      })), C = q.value.map((a) => a.value);
+      const t = q.value.map((n) => ({
+        name: n.name,
+        color: n.color
+      })), C = q.value.map((n) => n.value);
       return { head: t, body: C };
     });
     function Oe(t = null) {
       lt(() => {
         const C = Fe.value.head.map(($, T) => [[
           $.name
-        ], [Fe.value.body[T]]]), a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], [e.value.table.columnNames.value]]].concat(C), A = ao(a);
+        ], [Fe.value.body[T]]]), n = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], [e.value.table.columnNames.value]]].concat(C), A = no(n);
         t ? t(A) : lo({ csvContent: A, title: e.value.style.chart.title.text || "vue-ui-word-cloud" });
       });
     }
@@ -914,7 +914,7 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
           },
           G
         ];
-      }), a = {
+      }), n = {
         th: {
           backgroundColor: e.value.table.th.backgroundColor,
           color: e.value.table.th.color,
@@ -934,11 +934,11 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
         ],
         head: t,
         body: C,
-        config: a
+        config: n
       };
-    }), ne = M(!1);
+    }), ae = M(!1);
     function Ue(t) {
-      ne.value = t, S.value += 1;
+      ae.value = t, S.value += 1;
     }
     function Mt() {
       return q.value;
@@ -967,13 +967,13 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
     }, { immediate: !0 });
     async function zt({ scale: t = 2 } = {}) {
       if (!k.value) return;
-      const { width: C, height: a } = k.value.getBoundingClientRect(), A = C / a, { imageUri: $, base64: T } = await po({ domElement: k.value, base64: !0, img: !0, scale: t });
+      const { width: C, height: n } = k.value.getBoundingClientRect(), A = C / n, { imageUri: $, base64: T } = await po({ domElement: k.value, base64: !0, img: !0, scale: t });
       return {
         imageUri: $,
         base64: T,
         title: e.value.style.chart.title.text,
         width: C,
-        height: a,
+        height: n,
         aspectRatio: A
       };
     }
@@ -987,7 +987,7 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
           color: e.value.table.th.color,
           headerColor: e.value.table.th.color,
           headerBg: e.value.table.th.backgroundColor,
-          isFullscreen: ne.value,
+          isFullscreen: ae.value,
           fullscreenParent: k.value,
           forcedWidth: Math.min(500, window.innerWidth * 0.8)
         } : {
@@ -1020,8 +1020,8 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
     });
     async function Ke({ isCb: t }) {
       if (t) {
-        const { blob: C, url: a, text: A, dataUrl: $ } = await Dt();
-        e.value.userOptions.callbacks.svg({ blob: C, url: a, text: A, dataUrl: $ });
+        const { blob: C, url: n, text: A, dataUrl: $ } = await Dt();
+        e.value.userOptions.callbacks.svg({ blob: C, url: n, text: A, dataUrl: $ });
       } else
         Rt();
     }
@@ -1055,10 +1055,10 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
     function Bt(t, C) {
       if (e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: C }), !O.value.showTooltip) return;
       ve.value = t.id, Pe.value = { datapoint: t, config: e.value };
-      const a = e.value.style.chart.tooltip.customFormat;
-      if (ke.value = !1, so(a))
+      const n = e.value.style.chart.tooltip.customFormat;
+      if (ke.value = !1, so(n))
         try {
-          const A = a({
+          const A = n({
             datapoint: t,
             config: e.value
           });
@@ -1094,20 +1094,20 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
         "annotator-action-close": E(() => [
           z(t.$slots, "annotator-action-close", {}, void 0, !0)
         ]),
-        "annotator-action-color": E(({ color: a }) => [
-          z(t.$slots, "annotator-action-color", Z(V({ color: a })), void 0, !0)
+        "annotator-action-color": E(({ color: n }) => [
+          z(t.$slots, "annotator-action-color", Z(V({ color: n })), void 0, !0)
         ]),
-        "annotator-action-draw": E(({ mode: a }) => [
-          z(t.$slots, "annotator-action-draw", Z(V({ mode: a })), void 0, !0)
+        "annotator-action-draw": E(({ mode: n }) => [
+          z(t.$slots, "annotator-action-draw", Z(V({ mode: n })), void 0, !0)
         ]),
-        "annotator-action-undo": E(({ disabled: a }) => [
-          z(t.$slots, "annotator-action-undo", Z(V({ disabled: a })), void 0, !0)
+        "annotator-action-undo": E(({ disabled: n }) => [
+          z(t.$slots, "annotator-action-undo", Z(V({ disabled: n })), void 0, !0)
         ]),
-        "annotator-action-redo": E(({ disabled: a }) => [
-          z(t.$slots, "annotator-action-redo", Z(V({ disabled: a })), void 0, !0)
+        "annotator-action-redo": E(({ disabled: n }) => [
+          z(t.$slots, "annotator-action-redo", Z(V({ disabled: n })), void 0, !0)
         ]),
-        "annotator-action-delete": E(({ disabled: a }) => [
-          z(t.$slots, "annotator-action-delete", Z(V({ disabled: a })), void 0, !0)
+        "annotator-action-delete": E(({ disabled: n }) => [
+          z(t.$slots, "annotator-action-delete", Z(V({ disabled: n })), void 0, !0)
         ]),
         _: 3
       }, 8, ["svgRef", "backgroundColor", "color", "active"])) : N("", !0),
@@ -1129,7 +1129,7 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
           }
         }, null, 8, ["config"]))
       ], 512)) : N("", !0),
-      e.value.userOptions.show && u.value && (F(D) || F(j)) ? (W(), se(F(n), {
+      e.value.userOptions.show && u.value && (F(D) || F(j)) ? (W(), se(F(a), {
         ref_key: "userOptionsRef",
         ref: P,
         key: `user_option_${S.value}`,
@@ -1144,7 +1144,7 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
         hasSvg: e.value.userOptions.buttons.svg,
         hasTable: e.value.userOptions.buttons.table,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isFullscreen: ne.value,
+        isFullscreen: ae.value,
         titles: { ...e.value.userOptions.buttonTitles },
         chartElement: k.value,
         position: e.value.userOptions.position,
@@ -1172,8 +1172,8 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
       }, ot({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: E(({ isOpen: a, color: A }) => [
-            z(t.$slots, "menuIcon", Z(V({ isOpen: a, color: A })), void 0, !0)
+          fn: E(({ isOpen: n, color: A }) => [
+            z(t.$slots, "menuIcon", Z(V({ isOpen: n, color: A })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -1214,22 +1214,22 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: E(({ toggleFullscreen: a, isFullscreen: A }) => [
-            z(t.$slots, "optionFullscreen", Z(V({ toggleFullscreen: a, isFullscreen: A })), void 0, !0)
+          fn: E(({ toggleFullscreen: n, isFullscreen: A }) => [
+            z(t.$slots, "optionFullscreen", Z(V({ toggleFullscreen: n, isFullscreen: A })), void 0, !0)
           ]),
           key: "6"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: E(({ toggleAnnotator: a, isAnnotator: A }) => [
-            z(t.$slots, "optionAnnotator", Z(V({ toggleAnnotator: a, isAnnotator: A })), void 0, !0)
+          fn: E(({ toggleAnnotator: n, isAnnotator: A }) => [
+            z(t.$slots, "optionAnnotator", Z(V({ toggleAnnotator: n, isAnnotator: A })), void 0, !0)
           ]),
           key: "7"
         } : void 0,
         t.$slots.optionZoom ? {
           name: "optionZoom",
-          fn: E(({ toggleZoom: a, isZoomLocked: A }) => [
-            z(t.$slots, "optionZoom", Z(V({ toggleZoom: a, isZoomLocked: A })), void 0, !0)
+          fn: E(({ toggleZoom: n, isZoomLocked: A }) => [
+            z(t.$slots, "optionZoom", Z(V({ toggleZoom: n, isZoomLocked: A })), void 0, !0)
           ]),
           key: "8"
         } : void 0
@@ -1240,16 +1240,16 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
         ref: re,
         config: e.value,
         scale: F(Ge),
-        isFullscreen: ne.value,
+        isFullscreen: ae.value,
         onZoomIn: Qe,
         onZoomOut: et,
-        onResetZoom: C[0] || (C[0] = (a) => F(ye)(!0))
+        onResetZoom: C[0] || (C[0] = (n) => F(ye)(!0))
       }, null, 8, ["config", "scale", "isFullscreen"])) : N("", !0),
       (W(), J("svg", {
         ref_key: "svgRef",
         ref: Y,
-        class: nt({ "vue-data-ui-fullscreen--on": ne.value, "vue-data-ui-fulscreen--off": !ne.value }),
-        xmlns: F(no),
+        class: at({ "vue-data-ui-fullscreen--on": ae.value, "vue-data-ui-fulscreen--off": !ae.value }),
+        xmlns: F(ao),
         viewBox: `${F(Se).x} ${F(Se).y} ${F(Se).width} ${F(Se).height}`,
         style: "overflow:hidden;background:transparent;display:block"
       }, [
@@ -1268,44 +1268,44 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
         ], 8, Bo)) : N("", !0),
         $e("g", {
           transform: `translate(${me.value.x}, ${me.value.y})`,
-          class: nt({ "wc-finalized": U.value })
+          class: at({ "wc-finalized": U.value })
         }, [
-          (W(!0), J(Ut, null, Lt(q.value, (a, A) => (W(), J("g", {
-            key: a.id,
+          (W(!0), J(Ut, null, Lt(q.value, (n, A) => (W(), J("g", {
+            key: n.id,
             class: "vue-ui-word-cloud-word",
-            transform: `translate(${a.x}, ${a.y})`
+            transform: `translate(${n.x}, ${n.y})`
           }, [
-            a.minX !== void 0 ? (W(), J("rect", {
+            n.minX !== void 0 ? (W(), J("rect", {
               key: 0,
-              x: a.minX,
-              y: a.minY * 1.25,
-              width: a.maxX - a.minX,
-              height: a.maxY - a.minY,
+              x: n.minX,
+              y: n.minY * 1.25,
+              width: n.maxX - n.minX,
+              height: n.maxY - n.minY,
               fill: "transparent",
               "pointer-events": "visiblePainted",
-              onMouseover: ($) => Bt(a, A),
-              onMouseleave: ($) => Yt(a, A),
-              onClick: ($) => Wt(a, A)
+              onMouseover: ($) => Bt(n, A),
+              onMouseleave: ($) => Yt(n, A),
+              onClick: ($) => Wt(n, A)
             }, null, 40, Zo)) : N("", !0),
             $e("text", {
-              fill: a.color,
+              fill: n.color,
               "font-weight": e.value.style.chart.words.bold ? "bold" : "normal",
               x: 0,
               y: 0,
-              "font-size": a.fontSize,
-              transform: `translate(${a.width / 2}, ${a.height / 2})`,
+              "font-size": n.fontSize,
+              transform: `translate(${n.width / 2}, ${n.height / 2})`,
               "text-anchor": "middle",
               "dominant-baseline": "central",
               "paint-order": "stroke fill",
-              stroke: !ve.value || ve.value === a.id ? e.value.style.chart.words.selectedStroke : void 0,
-              "stroke-width": a.height * 0.05,
+              stroke: !ve.value || ve.value === n.id ? e.value.style.chart.words.selectedStroke : void 0,
+              "stroke-width": n.height * 0.05,
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               style: Xe(`
                             pointer-events:none;
-                            fill-opacity:${!ve.value || ve.value === a.id || !U.value ? 1 : e.value.style.chart.words.hoverOpacity} !important;
+                            fill-opacity:${!ve.value || ve.value === n.id || !U.value ? 1 : e.value.style.chart.words.hoverOpacity} !important;
                         `)
-            }, De(a.name), 13, Vo)
+            }, De(n.name), 13, Vo)
           ], 8, No))), 128))
         ], 10, _o),
         z(t.$slots, "svg", {
@@ -1324,12 +1324,13 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
         ref: re,
         config: e.value,
         scale: F(Ge),
-        isFullscreen: ne.value,
+        isFullscreen: ae.value,
         onZoomIn: Qe,
         onZoomOut: et,
-        onResetZoom: C[1] || (C[1] = (a) => F(ye)(!0))
+        onResetZoom: C[1] || (C[1] = (n) => F(ye)(!0))
       }, null, 8, ["config", "scale", "isFullscreen"])) : N("", !0),
       Re(F(m), {
+        teleportTo: e.value.style.chart.tooltip.teleportTo,
         show: O.value.showTooltip && B.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
@@ -1343,7 +1344,7 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
         parent: k.value,
         content: ze.value,
         isCustom: ke.value,
-        isFullscreen: ne.value,
+        isFullscreen: ae.value,
         smooth: e.value.style.chart.tooltip.smooth,
         backdropFilter: e.value.style.chart.tooltip.backdropFilter,
         smoothForce: e.value.style.chart.tooltip.smoothForce,
@@ -1356,7 +1357,7 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
           z(t.$slots, "tooltip-after", Z(V({ ...Pe.value })), void 0, !0)
         ]),
         _: 3
-      }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom", "isFullscreen", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
+      }, 8, ["teleportTo", "show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom", "isFullscreen", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
       t.$slots.source ? (W(), J("div", {
         key: 7,
         ref_key: "source",
@@ -1381,14 +1382,14 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
             withCloseButton: !e.value.table.useDialog,
             onClose: Je
           }, {
-            th: E(({ th: a }) => [
+            th: E(({ th: n }) => [
               $e("div", {
-                innerHTML: a,
+                innerHTML: n,
                 style: { display: "flex", "align-items": "center" }
               }, null, 8, jo)
             ]),
-            td: E(({ td: a }) => [
-              at(De(a.name || a), 1)
+            td: E(({ td: n }) => [
+              nt(De(n.name || n), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton"]))
@@ -1398,7 +1399,7 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
         e.value.table.useDialog ? {
           name: "title",
           fn: E(() => [
-            at(De(Ce.value.title), 1)
+            nt(De(Ce.value.title), 1)
           ]),
           key: "0"
         } : void 0,
@@ -1408,7 +1409,7 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
             $e("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
-              onClick: C[2] || (C[2] = (a) => Oe(e.value.userOptions.callbacks.csv))
+              onClick: C[2] || (C[2] = (n) => Oe(e.value.userOptions.callbacks.csv))
             }, [
               Re(F(c), {
                 name: "excel",
@@ -1422,12 +1423,12 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
       F(ie) ? (W(), se(uo, { key: 9 })) : N("", !0)
     ], 44, Yo));
   }
-}, qo = /* @__PURE__ */ yo(Ho, [["__scopeId", "data-v-04648100"]]), fn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, qo = /* @__PURE__ */ yo(Ho, [["__scopeId", "data-v-aa3e07cf"]]), ma = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: qo
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  mn as a,
-  fn as b,
+  da as a,
+  ma as b,
   qo as v
 };