vue-data-ui 3.5.0 → 3.5.1

package/dist/{vue-ui-word-cloud-ChT7uLbN.js → vue-ui-word-cloud-D2r5E3pP.js}

@@ -1,97 +1,97 @@
-import { useCssVars as dt, defineAsyncComponent as j, computed as q, ref as m, toRefs as mt, watch as le, shallowRef as Ee, onMounted as ht, onBeforeUnmount as ft, createElementBlock as B, openBlock as w, unref as s, normalizeStyle as ye, createBlock as ne, createCommentVNode as W, createVNode as ke, createSlots as Xe, withCtx as S, renderSlot as T, normalizeProps as se, guardReactiveProps as ie, normalizeClass as Ue, createElementVNode as we, Fragment as pt, renderList as gt, toDisplayString as Me, resolveDynamicComponent as bt, mergeProps as yt, createTextVNode as Le, nextTick as Ye } from "vue";
+import { useCssVars as dt, defineAsyncComponent as H, computed as Z, ref as m, toRefs as mt, watch as se, shallowRef as Ee, onMounted as ht, onBeforeUnmount as ft, createElementBlock as B, openBlock as x, unref as s, normalizeStyle as ye, createBlock as ie, createCommentVNode as X, createVNode as ke, withCtx as p, renderSlot as g, normalizeProps as R, guardReactiveProps as V, createSlots as Xe, normalizeClass as Ue, createElementVNode as we, Fragment as pt, renderList as gt, toDisplayString as Me, resolveDynamicComponent as bt, mergeProps as yt, createTextVNode as Le, nextTick as Ye } from "vue";
 import { d as kt, t as wt, u as Ct } from "./useResponsive-DfdjqQps.js";
 import { c as Ge, t as xt, ar as $t, x as St, b as Tt, p as Ce, o as je, f as qe, g as Ft, d as Mt, X as Pt, P as Ot, Q as At, G as It } from "./lib-C_mNZmhD.js";
-import { u as zt, a as He } from "./useNestedProp-BjZe1Y85.js";
+import { u as zt, a as He } from "./useNestedProp-DjGXw6S9.js";
 import { u as Dt, B as Nt } from "./BaseScanner-BgWxam9d.js";
 import { u as Bt } from "./usePrinter-DTzqpYKF.js";
-import { u as _t } from "./useSvgExport-DrjCWun4.js";
-import { u as Rt } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Vt } from "./useChartAccessibility-9icAAmYg.js";
-import Wt from "./img-BecE5qXd.js";
-import Et from "./Title-l36lOBMx.js";
+import { u as Rt } from "./useSvgExport-DrjCWun4.js";
+import { u as Vt } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as Wt } from "./useChartAccessibility-9icAAmYg.js";
+import _t from "./img-BecE5qXd.js";
+import Et from "./Title-isbiM8i8.js";
 import { t as Xt } from "./themes-AUNCOb2G.js";
 import { u as Ut } from "./usePanZoom-BVca3eMk.js";
 import { _ as Lt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-function Yt(C, b) {
-  const { width: v, height: h } = C, f = b.getImageData(0, 0, v, h).data;
-  let l = v, o = h, i = 0, x = 0, F = !1;
+function Yt($, k) {
+  const { width: v, height: h } = $, f = k.getImageData(0, 0, v, h).data;
+  let l = v, o = h, i = 0, S = 0, F = !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 > i && (i = y), r < o && (o = r), r > x && (x = r));
-  return F ? [l, o, i, x] : [0, 0, 0, 0];
+    for (let w = 0; w < v; w += 1)
+      f[(r * v + w) * 4 + 3] > 1 && (F = !0, w < l && (l = w), w > i && (i = w), r < o && (o = r), r > S && (S = r));
+  return F ? [l, o, i, S] : [0, 0, 0, 0];
 }
 function Ze({
-  word: C,
-  fontSize: b,
+  word: $,
+  fontSize: k,
   pad: v,
   canvas: h,
   ctx: d,
   svg: f
 }) {
-  d.save(), d.font = `${f.style && f.style.bold ? "bold " : ""}${b}px Arial`;
-  const l = d.measureText(C.name), o = Math.ceil(l.width) + 2 + (v ? v * 2 : 0), i = Math.ceil(b) + 2 + (v ? v * 2 : 0);
-  h.width = o, h.height = i, d.clearRect(0, 0, o, i), d.font = `${f.style && f.style.bold ? "bold " : ""}${b}px Arial`, d.textAlign = "center", d.textBaseline = "middle", d.fillStyle = "black", d.fillText(C.name, o / 2, i / 2);
+  d.save(), d.font = `${f.style && f.style.bold ? "bold " : ""}${k}px Arial`;
+  const l = d.measureText($.name), o = Math.ceil(l.width) + 2 + (v ? v * 2 : 0), i = Math.ceil(k) + 2 + (v ? v * 2 : 0);
+  h.width = o, h.height = i, d.clearRect(0, 0, o, i), d.font = `${f.style && f.style.bold ? "bold " : ""}${k}px Arial`, d.textAlign = "center", d.textBaseline = "middle", d.fillStyle = "black", d.fillText($.name, o / 2, i / 2);
   const F = d.getImageData(0, 0, o, i).data, r = [];
-  for (let _ = 0; _ < i; _ += 1)
-    for (let U = 0; U < o; U += 1)
-      F[(_ * o + U) * 4 + 3] > 1 && r.push([U, _]);
-  const [y, E, X, k] = Yt(h, d);
-  return d.restore(), { w: o, h: i, wordMask: r, minX: y, minY: E, maxX: X, maxY: k };
+  for (let W = 0; W < i; W += 1)
+    for (let Y = 0; Y < o; Y += 1)
+      F[(W * o + Y) * 4 + 3] > 1 && r.push([Y, W]);
+  const [w, U, L, C] = Yt(h, d);
+  return d.restore(), { w: o, h: i, wordMask: r, minX: w, minY: U, maxX: L, maxY: C };
 }
-function Qe({ mask: C, maskW: b, maskH: v, wx: h, wy: d, wordMask: f }) {
+function Qe({ mask: $, maskW: k, maskH: v, wx: h, wy: d, wordMask: f }) {
   for (let l = 0; l < f.length; l += 1) {
     const o = h + f[l][0], i = d + f[l][1];
-    if (o < 0 || i < 0 || o >= b || i >= v || C[i * b + o]) return !1;
+    if (o < 0 || i < 0 || o >= k || i >= v || $[i * k + o]) return !1;
   }
   return !0;
 }
-function Je({ mask: C, maskW: b, maskH: v, wx: h, wy: d, wordMask: f }) {
+function Je({ mask: $, maskW: k, maskH: v, wx: h, wy: d, wordMask: f }) {
   for (let l = 0; l < f.length; l += 1) {
     const o = h + f[l][0], i = d + f[l][1];
-    o >= 0 && i >= 0 && o < b && i < v && (C[i * b + o] = 1);
+    o >= 0 && i >= 0 && o < k && i < v && ($[i * k + o] = 1);
   }
 }
-function Gt({ wordMask: C, w: b, h: v, dilation: h }) {
-  const d = new Set(C.map(([l, o]) => `${l},${o}`)), f = new Set(d);
-  for (let [l, o] of C)
+function Gt({ wordMask: $, w: k, h: v, dilation: h }) {
+  const d = new Set($.map(([l, o]) => `${l},${o}`)), f = new Set(d);
+  for (let [l, o] of $)
     for (let i = -h; i <= h; i += 1)
-      for (let x = -h; x <= h; x += 1) {
-        if (i === 0 && x === 0) continue;
-        const F = l + i, r = o + x;
-        F >= 0 && F < b && r >= 0 && r < v && f.add(`${F},${r}`);
+      for (let S = -h; S <= h; S += 1) {
+        if (i === 0 && S === 0) continue;
+        const F = l + i, r = o + S;
+        F >= 0 && F < k && r >= 0 && r < v && f.add(`${F},${r}`);
       }
   return Array.from(f).map((l) => l.split(",").map(Number));
 }
 function jt({
-  words: C,
-  proximity: b = 0,
+  words: $,
+  proximity: k = 0,
   svg: v,
   strictPixelPadding: h
 }) {
-  const { width: d, height: f } = v, l = Math.round(d), o = Math.round(f), i = 1, x = v.minFontSize, F = Math.min(v.maxFontSize, 100), r = C.map(($) => $.value), y = Math.min(...r), E = Math.max(...r), X = new Uint8Array(l * o), k = document.createElement("canvas"), _ = k.getContext("2d", { willReadFrequently: !0 });
-  k.width = l, k.height = o;
-  const U = 6, me = 2, he = 2, ue = 1, Y = Math.floor(l / 2), K = Math.floor(o / 2), e = [...C].sort(($, R) => R.value - $.value), ee = [];
-  for (const $ of e) {
-    let R = x;
-    E !== y && (R = ($.value - y) / (E - y) * (F - x) + x), R = Math.max(x, Math.min(F, R));
-    let O = !1, I = R;
+  const { width: d, height: f } = v, l = Math.round(d), o = Math.round(f), i = 1, S = v.minFontSize, F = Math.min(v.maxFontSize, 100), r = $.map((T) => T.value), w = Math.min(...r), U = Math.max(...r), L = new Uint8Array(l * o), C = document.createElement("canvas"), W = C.getContext("2d", { willReadFrequently: !0 });
+  C.width = l, C.height = o;
+  const Y = 6, me = 2, he = 2, ue = 1, j = Math.floor(l / 2), te = Math.floor(o / 2), e = [...$].sort((T, _) => _.value - T.value), ae = [];
+  for (const T of e) {
+    let _ = S;
+    U !== w && (_ = (T.value - w) / (U - w) * (F - S) + S), _ = Math.max(S, Math.min(F, _));
+    let O = !1, I = _;
     for (; !O && I >= i; ) {
-      let { w: A, h: z, wordMask: V, minX: G, minY: H, maxX: Z, maxY: Q } = Ze({
-        word: $,
+      let { w: A, h: z, wordMask: E, minX: q, minY: Q, maxX: J, maxY: K } = Ze({
+        word: T,
         fontSize: I,
-        pad: b,
-        canvas: k,
-        ctx: _,
+        pad: k,
+        canvas: C,
+        ctx: W,
         svg: v
       });
-      h && (V = Gt({ wordMask: V, w: A, h: z, dilation: 1 }));
-      let D = 0, L = 0;
-      for (; D < Math.max(l, o) && !O && L < 1e4; ) {
-        for (let u = 0; u < 360; u += U) {
-          L += 1;
-          const M = Math.round(Y + D * Math.cos(u * Math.PI / 180) - A / 2), p = Math.round(K + D * Math.sin(u * Math.PI / 180) - z / 2);
-          if (!(M < 0 || p < 0 || M + A > l || p + z > o) && Qe({ mask: X, maskW: l, maskH: o, wx: M, wy: p, wordMask: V })) {
-            ee.push({ ...$, x: M - l / 2, y: p - o / 2, fontSize: I, width: A, height: z, angle: 0, minX: G, minY: H, maxX: Z, maxY: Q }), Je({ mask: X, maskW: l, maskH: o, wx: M, wy: p, wordMask: V }), O = !0;
+      h && (E = Gt({ wordMask: E, w: A, h: z, dilation: 1 }));
+      let D = 0, G = 0;
+      for (; D < Math.max(l, o) && !O && G < 1e4; ) {
+        for (let u = 0; u < 360; u += Y) {
+          G += 1;
+          const M = Math.round(j + D * Math.cos(u * Math.PI / 180) - A / 2), b = Math.round(te + D * Math.sin(u * Math.PI / 180) - z / 2);
+          if (!(M < 0 || b < 0 || M + A > l || b + z > o) && Qe({ mask: L, maskW: l, maskH: o, wx: M, wy: b, wordMask: E })) {
+            ae.push({ ...T, x: M - l / 2, y: b - o / 2, fontSize: I, width: A, height: z, angle: 0, minX: q, minY: Q, maxX: J, maxY: K }), Je({ mask: L, maskW: l, maskH: o, wx: M, wy: b, wordMask: E }), O = !0;
             break;
           }
         }
@@ -101,21 +101,21 @@ function jt({
     }
     if (!O && I < i) {
       I = i;
-      const { w: A, h: z, wordMask: V, minX: G, minY: H, maxX: Z, maxY: Q } = Ze({
-        word: $,
+      const { w: A, h: z, wordMask: E, minX: q, minY: Q, maxX: J, maxY: K } = Ze({
+        word: T,
         fontSize: I,
-        pad: b,
-        canvas: k,
-        ctx: _,
+        pad: k,
+        canvas: C,
+        ctx: W,
         svg: v
       });
-      let D = 0, L = 0;
-      for (; D < Math.max(l, o) && !O && L < 25e3; ) {
+      let D = 0, G = 0;
+      for (; D < Math.max(l, o) && !O && G < 25e3; ) {
         for (let u = 0; u < 360; u += he) {
-          L += 1;
-          const M = Math.round(Y + D * Math.cos(u * Math.PI / 180) - A / 2), p = Math.round(K + D * Math.sin(u * Math.PI / 180) - z / 2);
-          if (!(M < 0 || p < 0 || M + A > l || p + z > o) && Qe({ mask: X, maskW: l, maskH: o, wx: M, wy: p, wordMask: V })) {
-            ee.push({ ...$, x: M - l / 2, y: p - o / 2, fontSize: I, width: A, height: z, angle: 0, minX: G, minY: H, maxX: Z, maxY: Q }), Je({ mask: X, maskW: l, maskH: o, wx: M, wy: p, wordMask: V }), O = !0;
+          G += 1;
+          const M = Math.round(j + D * Math.cos(u * Math.PI / 180) - A / 2), b = Math.round(te + D * Math.sin(u * Math.PI / 180) - z / 2);
+          if (!(M < 0 || b < 0 || M + A > l || b + z > o) && Qe({ mask: L, maskW: l, maskH: o, wx: M, wy: b, wordMask: E })) {
+            ae.push({ ...T, x: M - l / 2, y: b - o / 2, fontSize: I, width: A, height: z, angle: 0, minX: q, minY: Q, maxX: J, maxY: K }), Je({ mask: L, maskW: l, maskH: o, wx: M, wy: b, wordMask: E }), O = !0;
             break;
           }
         }
@@ -123,7 +123,7 @@ function jt({
       }
     }
   }
-  return ee.sort(($, R) => R.fontSize - $.fontSize);
+  return ae.sort((T, _) => _.fontSize - T.fontSize);
 }
 const qt = ["id"], Ht = ["xmlns", "viewBox"], Zt = ["width", "height"], Qt = ["transform"], Jt = ["x", "y", "width", "height", "onMouseover", "onMouseleave", "onClick"], Kt = ["fill", "font-weight", "x", "y", "font-size", "transform", "stroke", "stroke-width"], ea = {
   key: 3,
@@ -148,21 +148,21 @@ const qt = ["id"], Ht = ["xmlns", "viewBox"], Zt = ["width", "height"], Qt = ["t
       }
     }
   },
-  setup(C, { expose: b }) {
+  setup($, { expose: k }) {
     dt((t) => ({
-      v7d239f85: t.slicerColor
+      v9ba3ec0e: t.slicerColor
     }));
-    const v = j(() => import("./Tooltip-oWCO1HKy.js")), h = j(() => import("./BaseIcon-BmMbm4d0.js")), d = j(() => import("./vue-ui-accordion-CZ0thhxa.js")), f = j(() => import("./DataTable-BT7VF2ua.js")), l = j(() => import("./PenAndPaper-DSvu9dwa.js")), o = j(() => import("./UserOptions-CGnQt6Fd.js")), i = j(() => import("./PackageVersion-Cyx_s25h.js")), x = j(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_word_cloud: F } = zt(), r = C, y = q({
+    const v = H(() => import("./Tooltip-oWCO1HKy.js")), h = H(() => import("./BaseIcon-BmMbm4d0.js")), d = H(() => import("./vue-ui-accordion-CqhVCfc2.js")), f = H(() => import("./DataTable-BT7VF2ua.js")), l = H(() => import("./PenAndPaper-SZQIAgkg.js")), o = H(() => import("./UserOptions-CGnQt6Fd.js")), i = H(() => import("./PackageVersion-DQvyATVa.js")), S = H(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_word_cloud: F } = zt(), r = $, w = Z({
       get() {
         return !!r.dataset && r.dataset.length;
       },
       set(t) {
         return t;
       }
-    }), E = m(Ge()), X = m(0), k = m(null), _ = m(null), U = m(null), me = m(0), he = m(0), ue = m(!1), Y = m(null), K = m(null), e = m(H()), { loading: ee, FINAL_DATASET: $, manualLoading: R } = Dt({
+    }), U = m(Ge()), L = m(0), C = m(null), W = m(null), Y = m(null), me = m(0), he = m(0), ue = m(!1), j = m(null), te = m(null), e = m(Q()), { loading: ae, FINAL_DATASET: T, manualLoading: _ } = Dt({
       ...mt(r),
       FINAL_CONFIG: e,
-      prepareConfig: H,
+      prepareConfig: Q,
       skeletonDataset: [
         { name: "Lorem", value: 6 },
         { name: "ipsum", value: 3 },
@@ -236,16 +236,16 @@ const qt = ["id"], Ht = ["xmlns", "viewBox"], Zt = ["width", "height"], Qt = ["t
       })
     }), O = m(I());
     function I() {
-      return typeof $.value == "string" ? $t($.value) : $.value.map((t, n) => ({
+      return typeof T.value == "string" ? $t(T.value) : T.value.map((t, n) => ({
         ...t,
         value: St(t.value)
       }));
     }
-    le(() => r.dataset, () => {
-      O.value = I(), xe(), Q();
+    se(() => r.dataset, () => {
+      O.value = I(), xe(), K();
     });
-    const { userOptionsVisible: A, setUserOptionsVisibility: z, keepUserOptionState: V } = Rt({ config: e.value }), { svgRef: G } = Vt({ config: e.value.style.chart.title });
-    function H() {
+    const { userOptionsVisible: A, setUserOptionsVisibility: z, keepUserOptionState: E } = Vt({ config: e.value }), { svgRef: q } = Wt({ config: e.value.style.chart.title });
+    function Q() {
       const t = He({
         userConfig: r.config,
         defaultConfig: F
@@ -258,26 +258,26 @@ const qt = ["id"], Ht = ["xmlns", "viewBox"], Zt = ["width", "height"], Qt = ["t
         customPalette: Tt[t.theme] || Ce
       } : t;
     }
-    const Z = m({ x: 0, y: 0 });
-    function Q() {
+    const J = m({ x: 0, y: 0 });
+    function K() {
       const t = {
         x: 0,
         y: 0,
         width: Math.max(10, u.value.width),
         height: Math.max(10, u.value.height)
       };
-      ot(t), Z.value = {
+      ot(t), J.value = {
         x: t.x + t.width / 2,
         y: t.y + t.height / 2
       }, be();
     }
     const D = kt(() => {
       xe();
-    }, 10), L = m(!1);
-    le(() => L.value, (t) => {
-      t === !1 && (D(), Q());
-    }), le(() => r.config, (t) => {
-      e.value = H(), A.value = !e.value.userOptions.showOnChartHover, Oe(), me.value += 1, he.value += 1, P.value.showTable = e.value.table.show, P.value.showTooltip = e.value.style.chart.tooltip.show;
+    }, 10), G = m(!1);
+    se(() => G.value, (t) => {
+      t === !1 && (D(), K());
+    }), se(() => r.config, (t) => {
+      e.value = Q(), A.value = !e.value.userOptions.showOnChartHover, Oe(), me.value += 1, he.value += 1, P.value.showTable = e.value.table.show, P.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
     const u = m({
       width: e.value.style.chart.width,
@@ -286,18 +286,18 @@ const qt = ["id"], Ht = ["xmlns", "viewBox"], Zt = ["width", "height"], Qt = ["t
       minFontSize: e.value.style.chart.words.minFontSize,
       bold: e.value.style.chart.words.bold
     }), M = wt(() => {
-      L.value = !0;
+      G.value = !0;
       const { width: t, height: n } = Ct({
-        chart: k.value,
-        title: e.value.style.chart.title.text ? _.value : null,
-        source: U.value
+        chart: C.value,
+        title: e.value.style.chart.title.text ? W.value : null,
+        source: Y.value
       });
       requestAnimationFrame(async () => {
-        u.value.width = Math.max(10, t), u.value.height = Math.max(10, n - 12), await Ye(), L.value = !1;
+        u.value.width = Math.max(10, t), u.value.height = Math.max(10, n - 12), await Ye(), G.value = !1;
       });
-    }), p = Ee(null), te = Ee(null);
+    }), b = Ee(null), oe = Ee(null);
     ht(Oe);
-    const Pe = q(() => !!e.value.debug);
+    const Pe = Z(() => !!e.value.debug);
     function Oe() {
       je(r.dataset) ? qe({
         componentName: "VueUiWordCloud",
@@ -308,7 +308,7 @@ const qt = ["id"], Ht = ["xmlns", "viewBox"], Zt = ["width", "height"], Qt = ["t
           datasetObject: t,
           requiredAttributes: ["name", "value"]
         }).forEach((a) => {
-          y.value = !1, qe({
+          w.value = !1, qe({
             componentName: "VueUiWordCloud",
             type: "datasetSerieAttribute",
             property: a,
@@ -316,45 +316,45 @@ const qt = ["id"], Ht = ["xmlns", "viewBox"], Zt = ["width", "height"], Qt = ["t
             debug: Pe.value
           });
         });
-      }), je(r.dataset) || (R.value = e.value.loading), e.value.responsive && (p.value && (te.value && p.value.unobserve(te.value), p.value.disconnect()), p.value = new ResizeObserver(M), te.value = k.value.parentNode, p.value.observe(te.value)), Q();
+      }), je(r.dataset) || (_.value = e.value.loading), e.value.responsive && (b.value && (oe.value && b.value.unobserve(oe.value), b.value.disconnect()), b.value = new ResizeObserver(M), oe.value = C.value.parentNode, b.value.observe(oe.value)), K();
     }
     ft(() => {
-      p.value && (te.value && p.value.unobserve(te.value), p.value.disconnect());
+      b.value && (oe.value && b.value.unobserve(oe.value), b.value.disconnect());
     });
     const { isPrinting: Ae, isImaging: Ie, generatePdf: ze, generateImage: De } = Bt({
-      elementId: `wordCloud_${E.value}`,
+      elementId: `wordCloud_${U.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-word-cloud",
       options: e.value.userOptions.print
     }), P = m({
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
     });
-    le(e, () => {
+    se(e, () => {
       P.value = {
         showTable: e.value.table.show,
         showTooltip: e.value.style.chart.tooltip.show
       };
     }, { immediate: !0 });
     function Ke(t, n, a = "Arial") {
-      const g = document.createElement("canvas").getContext("2d");
-      return g.font = `${n}px ${e.value.style.chart.words.bold ? "bold" : "normal"} ${a}`, {
-        width: g.measureText(t).width + e.value.style.chart.words.proximity,
+      const y = document.createElement("canvas").getContext("2d");
+      return y.font = `${n}px ${e.value.style.chart.words.bold ? "bold" : "normal"} ${a}`, {
+        width: y.measureText(t).width + e.value.style.chart.words.proximity,
         height: n
       };
     }
     const re = m([]);
-    le(() => r.dataset, xe, { immediate: !0 });
+    se(() => r.dataset, xe, { immediate: !0 });
     function xe() {
-      const t = [...O.value].map((g) => g.value), n = Math.max(...t), a = Math.min(...t), c = [...O.value].map((g, N) => {
-        let J = (g.value - a) / (n - a) * (u.value.maxFontSize - u.value.minFontSize) + u.value.minFontSize;
-        J = isNaN(J) ? u.value.minFontSize : J;
-        const We = Ke(g.name, J);
+      const t = [...O.value].map((y) => y.value), n = Math.max(...t), a = Math.min(...t), c = [...O.value].map((y, N) => {
+        let ee = (y.value - a) / (n - a) * (u.value.maxFontSize - u.value.minFontSize) + u.value.minFontSize;
+        ee = isNaN(ee) ? u.value.minFontSize : ee;
+        const _e = Ke(y.name, ee);
         return {
-          ...g,
+          ...y,
           id: Ge(),
-          fontSize: J,
-          width: We.width,
-          height: We.height,
+          fontSize: ee,
+          width: _e.width,
+          height: _e.height,
           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
         };
       });
@@ -365,7 +365,7 @@ const qt = ["id"], Ht = ["xmlns", "viewBox"], Zt = ["width", "height"], Qt = ["t
         strictPixelPadding: e.value.strictPixelPadding
       });
     }
-    const fe = q(() => {
+    const fe = Z(() => {
       const t = re.value.map((a) => ({
         name: a.name,
         color: a.color
@@ -374,24 +374,24 @@ const qt = ["id"], Ht = ["xmlns", "viewBox"], Zt = ["width", "height"], Qt = ["t
     });
     function $e(t = null) {
       Ye(() => {
-        const n = fe.value.head.map((g, N) => [[
-          g.name
+        const n = fe.value.head.map((y, N) => [[
+          y.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 = Ot(a);
         t ? t(c) : At({ csvContent: c, title: e.value.style.chart.title.text || "vue-ui-word-cloud" });
       });
     }
-    const pe = q(() => {
+    const pe = Z(() => {
       const t = [
         e.value.table.columnNames.series,
         e.value.table.columnNames.value
-      ], n = fe.value.head.map((g, N) => {
-        const J = Mt({ p: e.value.table.td.prefix, v: fe.value.body[N], s: e.value.table.td.suffix, r: e.value.table.td.roundingValue });
+      ], n = fe.value.head.map((y, N) => {
+        const ee = Mt({ p: e.value.table.td.prefix, v: fe.value.body[N], s: e.value.table.td.suffix, r: e.value.table.td.roundingValue });
         return [
           {
-            color: g.color,
-            name: g.name
+            color: y.color,
+            name: y.name
           },
-          J
+          ee
         ];
       }), a = {
         th: {
@@ -415,9 +415,9 @@ const qt = ["id"], Ht = ["xmlns", "viewBox"], Zt = ["width", "height"], Qt = ["t
         body: n,
         config: a
       };
-    }), ae = m(!1);
+    }), le = m(!1);
     function Ne(t) {
-      ae.value = t, X.value += 1;
+      le.value = t, L.value += 1;
     }
     function et() {
       return re.value;
@@ -425,24 +425,24 @@ const qt = ["id"], Ht = ["xmlns", "viewBox"], Zt = ["width", "height"], Qt = ["t
     function Be() {
       P.value.showTable = !P.value.showTable;
     }
-    function _e() {
+    function Re() {
       P.value.showTooltip = !P.value.showTooltip;
     }
     const ce = m(!1);
     function Se() {
       ce.value = !ce.value;
     }
-    const tt = q(() => !ce.value && e.value.style.chart.zoom.show), { viewBox: ge, resetZoom: be, isZoom: at, setInitialViewBox: ot } = Ut(G, {
+    const tt = Z(() => !ce.value && e.value.style.chart.zoom.show), { viewBox: ge, resetZoom: be, isZoom: at, setInitialViewBox: ot } = Ut(q, {
       x: 0,
       y: 0,
       width: u.value.width <= 0 ? 10 : u.value.width,
       height: u.value.height <= 0 ? 10 : u.value.height
     }, 1, tt);
     async function lt({ scale: t = 2 } = {}) {
-      if (!k.value) return;
-      const { width: n, height: a } = k.value.getBoundingClientRect(), c = n / a, { imageUri: g, base64: N } = await Wt({ domElement: k.value, base64: !0, img: !0, scale: t });
+      if (!C.value) return;
+      const { width: n, height: a } = C.value.getBoundingClientRect(), c = n / a, { imageUri: y, base64: N } = await _t({ domElement: C.value, base64: !0, img: !0, scale: t });
       return {
-        imageUri: g,
+        imageUri: y,
         base64: N,
         title: e.value.style.chart.title.text,
         width: n,
@@ -450,18 +450,18 @@ const qt = ["id"], Ht = ["xmlns", "viewBox"], Zt = ["width", "height"], Qt = ["t
         aspectRatio: c
       };
     }
-    const ve = q(() => {
+    const ve = Z(() => {
       const t = e.value.table.useDialog && !e.value.table.show, n = P.value.showTable;
       return {
-        component: t ? x : d,
+        component: t ? S : d,
         title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
         props: t ? {
           backgroundColor: e.value.table.th.backgroundColor,
           color: e.value.table.th.color,
           headerColor: e.value.table.th.color,
           headerBg: e.value.table.th.backgroundColor,
-          isFullscreen: ae.value,
-          fullscreenParent: k.value,
+          isFullscreen: le.value,
+          fullscreenParent: C.value,
           forcedWidth: Math.min(500, window.innerWidth * 0.8)
         } : {
           hideDetails: !0,
@@ -480,47 +480,47 @@ const qt = ["id"], Ht = ["xmlns", "viewBox"], Zt = ["width", "height"], Qt = ["t
         }
       };
     });
-    le(() => P.value.showTable, (t) => {
-      e.value.table.show || (t && e.value.table.useDialog && Y.value ? Y.value.open() : "close" in Y.value && Y.value.close());
+    se(() => P.value.showTable, (t) => {
+      e.value.table.show || (t && e.value.table.useDialog && j.value ? j.value.open() : "close" in j.value && j.value.close());
     });
-    function Re() {
-      P.value.showTable = !1, K.value && K.value.setTableIconState(!1);
+    function Ve() {
+      P.value.showTable = !1, te.value && te.value.setTableIconState(!1);
     }
-    const nt = q(() => e.value.style.chart.backgroundColor), st = q(() => e.value.style.chart.title), { exportSvg: it, getSvg: ut } = _t({
-      svg: G,
+    const nt = Z(() => e.value.style.chart.backgroundColor), st = Z(() => e.value.style.chart.title), { exportSvg: it, getSvg: ut } = Rt({
+      svg: q,
       title: st,
       backgroundColor: nt
     });
-    async function Ve({ isCb: t }) {
+    async function We({ isCb: t }) {
       if (t) {
-        const { blob: n, url: a, text: c, dataUrl: g } = await ut();
-        e.value.userOptions.callbacks.svg({ blob: n, url: a, text: c, dataUrl: g });
+        const { blob: n, url: a, text: c, dataUrl: y } = await ut();
+        e.value.userOptions.callbacks.svg({ blob: n, url: a, text: c, dataUrl: y });
       } else
         it();
     }
-    b({
+    k({
       getData: et,
       getImage: lt,
       generateCsv: $e,
       generatePdf: ze,
       generateImage: De,
-      generateSvg: Ve,
+      generateSvg: We,
       resetZoom: be,
       toggleTable: Be,
-      toggleTooltip: _e,
+      toggleTooltip: Re,
       toggleAnnotator: Se,
       toggleFullscreen: Ne
     });
-    const oe = m(null), de = m(!1), Te = m(""), Fe = m(null);
+    const ne = m(null), de = m(!1), Te = m(""), Fe = m(null);
     function rt(t, n) {
-      oe.value = null, ue.value = !1, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: n });
+      ne.value = null, ue.value = !1, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: n });
     }
     function ct(t, n) {
       e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: n });
     }
     function vt(t, n) {
       if (e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: n }), !P.value.showTooltip) return;
-      oe.value = t.id, Fe.value = { datapoint: t, config: e.value };
+      ne.value = t.id, Fe.value = { datapoint: t, config: e.value };
       const a = e.value.style.chart.tooltip.customFormat;
       if (de.value = !1, It(a))
         try {
@@ -538,30 +538,50 @@ const qt = ["id"], Ht = ["xmlns", "viewBox"], Zt = ["width", "height"], Qt = ["t
       }
       ue.value = !0;
     }
-    return (t, n) => (w(), B("div", {
+    return (t, n) => (x(), B("div", {
       class: "vue-data-ui-component vue-ui-word-cloud",
       ref_key: "wordCloudChart",
-      ref: k,
-      id: `wordCloud_${E.value}`,
+      ref: C,
+      id: `wordCloud_${U.value}`,
       style: ye(`width: 100%; font-family:${e.value.style.fontFamily};background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height:100%" : ""}`),
       onMouseenter: n[2] || (n[2] = () => s(z)(!0)),
       onMouseleave: n[3] || (n[3] = () => s(z)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (w(), ne(s(l), {
+      e.value.userOptions.buttons.annotator ? (x(), ie(s(l), {
         key: 0,
-        svgRef: s(G),
+        svgRef: s(q),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: ce.value,
         onClose: Se
-      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : W("", !0),
-      e.value.style.chart.title.text ? (w(), B("div", {
+      }, {
+        "annotator-action-close": p(() => [
+          g(t.$slots, "annotator-action-close", {}, void 0, !0)
+        ]),
+        "annotator-action-color": p(({ color: a }) => [
+          g(t.$slots, "annotator-action-color", R(V({ color: a })), void 0, !0)
+        ]),
+        "annotator-action-draw": p(({ mode: a }) => [
+          g(t.$slots, "annotator-action-draw", R(V({ mode: a })), void 0, !0)
+        ]),
+        "annotator-action-undo": p(({ disabled: a }) => [
+          g(t.$slots, "annotator-action-undo", R(V({ disabled: a })), void 0, !0)
+        ]),
+        "annotator-action-redo": p(({ disabled: a }) => [
+          g(t.$slots, "annotator-action-redo", R(V({ disabled: a })), void 0, !0)
+        ]),
+        "annotator-action-delete": p(({ disabled: a }) => [
+          g(t.$slots, "annotator-action-delete", R(V({ disabled: a })), void 0, !0)
+        ]),
+        _: 3
+      }, 8, ["svgRef", "backgroundColor", "color", "active"])) : X("", !0),
+      e.value.style.chart.title.text ? (x(), B("div", {
         key: 1,
         ref_key: "chartTitle",
-        ref: _,
+        ref: W,
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
-        (w(), ne(Et, {
+        (x(), ie(Et, {
           key: `title_${me.value}`,
           config: {
             title: {
@@ -572,25 +592,25 @@ const qt = ["id"], Ht = ["xmlns", "viewBox"], Zt = ["width", "height"], Qt = ["t
             }
           }
         }, null, 8, ["config"]))
-      ], 512)) : W("", !0),
-      e.value.userOptions.show && y.value && (s(V) || s(A)) ? (w(), ne(s(o), {
+      ], 512)) : X("", !0),
+      e.value.userOptions.show && w.value && (s(E) || s(A)) ? (x(), ie(s(o), {
         ref_key: "userOptionsRef",
-        ref: K,
-        key: `user_option_${X.value}`,
+        ref: te,
+        key: `user_option_${L.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         isPrinting: s(Ae),
         isImaging: s(Ie),
-        uid: E.value,
+        uid: U.value,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasXls: e.value.userOptions.buttons.csv,
         hasImg: e.value.userOptions.buttons.img,
         hasSvg: e.value.userOptions.buttons.svg,
         hasTable: e.value.userOptions.buttons.table,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isFullscreen: ae.value,
+        isFullscreen: le.value,
         titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: k.value,
+        chartElement: C.value,
         position: e.value.userOptions.position,
         hasTooltip: e.value.style.chart.tooltip.show && e.value.userOptions.buttons.tooltip,
         isTooltip: P.value.showTooltip,
@@ -603,81 +623,81 @@ const qt = ["id"], Ht = ["xmlns", "viewBox"], Zt = ["width", "height"], Qt = ["t
         onGeneratePdf: s(ze),
         onGenerateCsv: $e,
         onGenerateImage: s(De),
-        onGenerateSvg: Ve,
+        onGenerateSvg: We,
         onToggleTable: Be,
-        onToggleTooltip: _e,
+        onToggleTooltip: Re,
         onToggleAnnotator: Se,
         style: ye({
-          visibility: s(V) ? s(A) ? "visible" : "hidden" : "visible"
+          visibility: s(E) ? s(A) ? "visible" : "hidden" : "visible"
         })
       }, Xe({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: S(({ isOpen: a, color: c }) => [
-            T(t.$slots, "menuIcon", se(ie({ isOpen: a, color: c })), void 0, !0)
+          fn: p(({ isOpen: a, color: c }) => [
+            g(t.$slots, "menuIcon", R(V({ isOpen: a, color: c })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: S(() => [
-            T(t.$slots, "optionPdf", {}, void 0, !0)
+          fn: p(() => [
+            g(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: S(() => [
-            T(t.$slots, "optionCsv", {}, void 0, !0)
+          fn: p(() => [
+            g(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: S(() => [
-            T(t.$slots, "optionImg", {}, void 0, !0)
+          fn: p(() => [
+            g(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionSvg ? {
           name: "optionSvg",
-          fn: S(() => [
-            T(t.$slots, "optionSvg", {}, void 0, !0)
+          fn: p(() => [
+            g(t.$slots, "optionSvg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
-          fn: S(() => [
-            T(t.$slots, "optionTable", {}, void 0, !0)
+          fn: p(() => [
+            g(t.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: S(({ toggleFullscreen: a, isFullscreen: c }) => [
-            T(t.$slots, "optionFullscreen", se(ie({ toggleFullscreen: a, isFullscreen: c })), void 0, !0)
+          fn: p(({ toggleFullscreen: a, isFullscreen: c }) => [
+            g(t.$slots, "optionFullscreen", R(V({ toggleFullscreen: a, isFullscreen: c })), void 0, !0)
           ]),
           key: "6"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: S(({ toggleAnnotator: a, isAnnotator: c }) => [
-            T(t.$slots, "optionAnnotator", se(ie({ toggleAnnotator: a, isAnnotator: c })), void 0, !0)
+          fn: p(({ toggleAnnotator: a, isAnnotator: c }) => [
+            g(t.$slots, "optionAnnotator", R(V({ toggleAnnotator: a, isAnnotator: c })), void 0, !0)
           ]),
           key: "7"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasSvg", "hasTable", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasTooltip", "isTooltip", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : W("", !0),
-      (w(), B("svg", {
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasSvg", "hasTable", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasTooltip", "isTooltip", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : X("", !0),
+      (x(), B("svg", {
         ref_key: "svgRef",
-        ref: G,
-        class: Ue({ "vue-data-ui-fullscreen--on": ae.value, "vue-data-ui-fulscreen--off": !ae.value }),
+        ref: q,
+        class: Ue({ "vue-data-ui-fullscreen--on": le.value, "vue-data-ui-fulscreen--off": !le.value }),
         xmlns: s(Pt),
         viewBox: `${s(ge).x} ${s(ge).y} ${s(ge).width} ${s(ge).height}`,
         style: "overflow:hidden;background:transparent;"
       }, [
         ke(s(i)),
-        t.$slots["chart-background"] ? (w(), B("foreignObject", {
+        t.$slots["chart-background"] ? (x(), B("foreignObject", {
           key: 0,
           x: 0,
           y: 0,
@@ -687,13 +707,13 @@ const qt = ["id"], Ht = ["xmlns", "viewBox"], Zt = ["width", "height"], Qt = ["t
             pointerEvents: "none"
           }
         }, [
-          T(t.$slots, "chart-background", {}, void 0, !0)
-        ], 8, Zt)) : W("", !0),
+          g(t.$slots, "chart-background", {}, void 0, !0)
+        ], 8, Zt)) : X("", !0),
         we("g", {
-          transform: `translate(${Z.value.x}, ${Z.value.y})`
+          transform: `translate(${J.value.x}, ${J.value.y})`
         }, [
-          (w(!0), B(pt, null, gt(re.value, (a, c) => (w(), B("g", null, [
-            a.minX !== void 0 ? (w(), B("rect", {
+          (x(!0), B(pt, null, gt(re.value, (a, c) => (x(), B("g", null, [
+            a.minX !== void 0 ? (x(), B("rect", {
               key: 0,
               x: a.x + a.minX,
               y: a.y + a.minY * 1.25,
@@ -701,11 +721,11 @@ const qt = ["id"], Ht = ["xmlns", "viewBox"], Zt = ["width", "height"], Qt = ["t
               height: a.maxY - a.minY,
               fill: "transparent",
               "pointer-events": "visiblePainted",
-              onMouseover: (g) => vt(a, c),
-              onMouseleave: (g) => rt(a, c),
-              onClick: (g) => ct(a, c)
-            }, null, 40, Jt)) : W("", !0),
-            (w(), B("text", {
+              onMouseover: (y) => vt(a, c),
+              onMouseleave: (y) => rt(a, c),
+              onClick: (y) => ct(a, c)
+            }, null, 40, Jt)) : X("", !0),
+            (x(), B("text", {
               fill: a.color,
               "font-weight": e.value.style.chart.words.bold ? "bold" : "normal",
               key: c,
@@ -713,32 +733,32 @@ const qt = ["id"], Ht = ["xmlns", "viewBox"], Zt = ["width", "height"], Qt = ["t
               y: a.y,
               "font-size": a.fontSize,
               transform: `translate(${a.width / 2}, ${a.height / 2})`,
-              class: Ue({ animated: e.value.useCssAnimation && !s(ee) }),
+              class: Ue({ animated: e.value.useCssAnimation && !s(ae) }),
               "text-anchor": "middle",
               "dominant-baseline": "central",
               "paint-order": "stroke fill",
-              stroke: !oe.value || oe.value === a.id ? e.value.style.chart.words.selectedStroke : void 0,
+              stroke: !ne.value || ne.value === a.id ? e.value.style.chart.words.selectedStroke : void 0,
               "stroke-width": a.height * 0.05,
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               style: ye(`
                             animation-delay:${c * e.value.animationDelayMs}ms !important;
                             pointer-events:none;
-                            fill-opacity:${!oe.value || oe.value === a.id ? 1 : e.value.style.chart.words.hoverOpacity} !important;
+                            fill-opacity:${!ne.value || ne.value === a.id ? 1 : e.value.style.chart.words.hoverOpacity} !important;
                             transition:fill-opacity 0.3s ease-in-out !important;
                         `)
             }, Me(a.name), 15, Kt))
           ]))), 256))
         ], 8, Qt),
-        T(t.$slots, "svg", {
+        g(t.$slots, "svg", {
           svg: { height: u.value.height, width: u.value.width }
         }, void 0, !0)
       ], 10, Ht)),
-      t.$slots.watermark ? (w(), B("div", ea, [
-        T(t.$slots, "watermark", se(ie({ isPrinting: s(Ae) || s(Ie) })), void 0, !0)
-      ])) : W("", !0),
-      s(at) ? (w(), B("div", ta, [
-        T(t.$slots, "reset-action", { reset: s(be) }, () => [
+      t.$slots.watermark ? (x(), B("div", ea, [
+        g(t.$slots, "watermark", R(V({ isPrinting: s(Ae) || s(Ie) })), void 0, !0)
+      ])) : X("", !0),
+      s(at) ? (x(), B("div", ta, [
+        g(t.$slots, "reset-action", { reset: s(be) }, () => [
           we("button", {
             "data-cy-reset": "",
             tabindex: "0",
@@ -755,7 +775,7 @@ const qt = ["id"], Ht = ["xmlns", "viewBox"], Zt = ["width", "height"], Qt = ["t
             }, null, 8, ["stroke"])
           ], 4)
         ], !0)
-      ])) : W("", !0),
+      ])) : X("", !0),
       ke(s(v), {
         show: P.value.showTooltip && ue.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
@@ -767,38 +787,38 @@ const qt = ["id"], Ht = ["xmlns", "viewBox"], Zt = ["width", "height"], Qt = ["t
         backgroundOpacity: e.value.style.chart.tooltip.backgroundOpacity,
         position: e.value.style.chart.tooltip.position,
         offsetY: e.value.style.chart.tooltip.offsetY,
-        parent: k.value,
+        parent: C.value,
         content: Te.value,
         isCustom: de.value,
-        isFullscreen: ae.value,
+        isFullscreen: le.value,
         smooth: e.value.style.chart.tooltip.smooth,
         backdropFilter: e.value.style.chart.tooltip.backdropFilter,
         smoothForce: e.value.style.chart.tooltip.smoothForce,
         smoothSnapThreshold: e.value.style.chart.tooltip.smoothSnapThreshold
       }, {
-        "tooltip-before": S(() => [
-          T(t.$slots, "tooltip-before", se(ie({ ...Fe.value })), void 0, !0)
+        "tooltip-before": p(() => [
+          g(t.$slots, "tooltip-before", R(V({ ...Fe.value })), void 0, !0)
         ]),
-        "tooltip-after": S(() => [
-          T(t.$slots, "tooltip-after", se(ie({ ...Fe.value })), void 0, !0)
+        "tooltip-after": p(() => [
+          g(t.$slots, "tooltip-after", R(V({ ...Fe.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom", "isFullscreen", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      t.$slots.source ? (w(), B("div", {
+      t.$slots.source ? (x(), B("div", {
         key: 5,
         ref_key: "source",
-        ref: U,
+        ref: Y,
         dir: "auto"
       }, [
-        T(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : W("", !0),
-      y.value && e.value.userOptions.buttons.table ? (w(), ne(bt(ve.value.component), yt({ key: 6 }, ve.value.props, {
+        g(t.$slots, "source", {}, void 0, !0)
+      ], 512)) : X("", !0),
+      w.value && e.value.userOptions.buttons.table ? (x(), ie(bt(ve.value.component), yt({ key: 6 }, ve.value.props, {
         ref_key: "tableUnit",
-        ref: Y,
-        onClose: Re
+        ref: j,
+        onClose: Ve
       }), Xe({
-        content: S(() => [
-          (w(), ne(s(f), {
+        content: p(() => [
+          (x(), ie(s(f), {
             key: `table_${he.value}`,
             colNames: pe.value.colNames,
             head: pe.value.head,
@@ -806,15 +826,15 @@ const qt = ["id"], Ht = ["xmlns", "viewBox"], Zt = ["width", "height"], Qt = ["t
             config: pe.value.config,
             title: e.value.table.useDialog ? "" : ve.value.title,
             withCloseButton: !e.value.table.useDialog,
-            onClose: Re
+            onClose: Ve
           }, {
-            th: S(({ th: a }) => [
+            th: p(({ th: a }) => [
               we("div", {
                 innerHTML: a,
                 style: { display: "flex", "align-items": "center" }
               }, null, 8, aa)
             ]),
-            td: S(({ td: a }) => [
+            td: p(({ td: a }) => [
               Le(Me(a.name || a), 1)
             ]),
             _: 1
@@ -824,14 +844,14 @@ const qt = ["id"], Ht = ["xmlns", "viewBox"], Zt = ["width", "height"], Qt = ["t
       }, [
         e.value.table.useDialog ? {
           name: "title",
-          fn: S(() => [
+          fn: p(() => [
             Le(Me(ve.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         e.value.table.useDialog ? {
           name: "actions",
-          fn: S(() => [
+          fn: p(() => [
             we("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
@@ -845,11 +865,11 @@ const qt = ["id"], Ht = ["xmlns", "viewBox"], Zt = ["width", "height"], Qt = ["t
           ]),
           key: "1"
         } : void 0
-      ]), 1040)) : W("", !0),
-      s(ee) ? (w(), ne(Nt, { key: 7 })) : W("", !0)
+      ]), 1040)) : X("", !0),
+      s(ae) ? (x(), ie(Nt, { key: 7 })) : X("", !0)
     ], 44, qt));
   }
-}, ba = /* @__PURE__ */ Lt(oa, [["__scopeId", "data-v-3264f881"]]);
+}, ba = /* @__PURE__ */ Lt(oa, [["__scopeId", "data-v-dd613095"]]);
 export {
   ba as default
 };