vue-data-ui 2.16.6 → 2.17.0

package/dist/{vue-ui-word-cloud-ByYZCOh7.js → vue-ui-word-cloud-BPokdaP1.js}

@@ -1,22 +1,23 @@
-import { useCssVars as De, defineAsyncComponent as H, computed as se, ref as g, watch as ye, shallowRef as Fe, onMounted as Ee, onBeforeUnmount as Ue, createElementBlock as N, openBlock as x, unref as r, normalizeStyle as he, createBlock as ie, createCommentVNode as B, createVNode as we, createSlots as Ge, withCtx as A, renderSlot as F, normalizeProps as Q, guardReactiveProps as ee, normalizeClass as Me, createElementVNode as ke, Fragment as Le, renderList as He, toDisplayString as Pe, createTextVNode as je, nextTick as ze } from "vue";
-import { u as qe, c as Oe, ak as Ze, v as Je, t as Ke, p as me, a as Qe, o as et, e as Ae, g as tt, f as ot, X as at, q as lt, r as nt, x as st } from "./index-DvIXJm6t.js";
-import { t as it, u as rt, d as ut } from "./useResponsive-DfdjqQps.js";
-import { u as Ne } from "./useNestedProp-DrYHm61t.js";
-import { u as ct } from "./usePrinter-CWnXbGMb.js";
-import { u as dt } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as vt } from "./useChartAccessibility-9icAAmYg.js";
-import { u as ht } from "./usePanZoom-BQMvRXEQ.js";
-import mt from "./Title-Gi81VwUM.js";
-import { _ as ft } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-function pt(w, p) {
+import { useCssVars as Ue, defineAsyncComponent as H, computed as se, ref as g, watch as ye, shallowRef as Me, onMounted as De, onBeforeUnmount as Ge, createElementBlock as I, openBlock as x, unref as r, normalizeStyle as he, createBlock as ie, createCommentVNode as B, createVNode as we, createSlots as Le, withCtx as A, renderSlot as M, normalizeProps as Q, guardReactiveProps as ee, normalizeClass as Pe, createElementVNode as ke, Fragment as He, renderList as je, toDisplayString as ze, createTextVNode as qe, nextTick as Oe } from "vue";
+import { u as Ze, c as Ae, ak as Je, v as Ke, t as Qe, p as me, a as et, o as tt, e as Ie, g as ot, f as at, X as lt, q as nt, r as st, x as it } from "./index-pPGk-uhD.js";
+import { t as rt, u as ut, d as ct } from "./useResponsive-DfdjqQps.js";
+import { u as Ne } from "./useNestedProp-DjACxgdZ.js";
+import { u as dt } from "./usePrinter-DDHcrl0A.js";
+import { u as vt } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as ht } from "./useChartAccessibility-9icAAmYg.js";
+import { u as mt } from "./usePanZoom-BQMvRXEQ.js";
+import ft from "./Title-B-2bV0SW.js";
+import pt from "./img-Y_hYz-ZC.js";
+import { _ as gt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+function bt(w, p) {
   const { width: u, height: f } = w, m = p.getImageData(0, 0, u, f).data;
-  let l = u, a = f, s = 0, k = 0, d = !1;
+  let l = u, a = f, i = 0, k = 0, d = !1;
   for (let h = 0; h < f; h += 1)
     for (let b = 0; b < u; b += 1)
-      m[(h * u + b) * 4 + 3] > 1 && (d = !0, b < l && (l = b), b > s && (s = b), h < a && (a = h), h > k && (k = h));
-  return d ? [l, a, s, k] : [0, 0, 0, 0];
+      m[(h * u + b) * 4 + 3] > 1 && (d = !0, b < l && (l = b), b > i && (i = b), h < a && (a = h), h > k && (k = h));
+  return d ? [l, a, i, k] : [0, 0, 0, 0];
 }
-function Ie({
+function _e({
   word: w,
   fontSize: p,
   pad: u,
@@ -25,93 +26,93 @@ function Ie({
   svg: m
 }) {
   c.save(), c.font = `${m.style && m.style.bold ? "bold " : ""}${p}px Arial`;
-  const l = c.measureText(w.name), a = Math.ceil(l.width) + 2 + (u ? u * 2 : 0), s = Math.ceil(p) + 2 + (u ? u * 2 : 0);
-  f.width = a, f.height = s, c.clearRect(0, 0, a, s), c.font = `${m.style && m.style.bold ? "bold " : ""}${p}px Arial`, c.textAlign = "center", c.textBaseline = "middle", c.fillStyle = "black", c.fillText(w.name, a / 2, s / 2);
-  const d = c.getImageData(0, 0, a, s).data, h = [];
-  for (let _ = 0; _ < s; _ += 1)
+  const l = c.measureText(w.name), a = Math.ceil(l.width) + 2 + (u ? u * 2 : 0), i = Math.ceil(p) + 2 + (u ? u * 2 : 0);
+  f.width = a, f.height = i, c.clearRect(0, 0, a, i), c.font = `${m.style && m.style.bold ? "bold " : ""}${p}px Arial`, c.textAlign = "center", c.textBaseline = "middle", c.fillStyle = "black", c.fillText(w.name, a / 2, i / 2);
+  const d = c.getImageData(0, 0, a, i).data, h = [];
+  for (let _ = 0; _ < i; _ += 1)
     for (let Y = 0; Y < a; Y += 1)
       d[(_ * a + Y) * 4 + 3] > 1 && h.push([Y, _]);
-  const [b, E, P, I] = pt(f, c);
-  return c.restore(), { w: a, h: s, wordMask: h, minX: b, minY: E, maxX: P, maxY: I };
+  const [b, U, S, N] = bt(f, c);
+  return c.restore(), { w: a, h: i, wordMask: h, minX: b, minY: U, maxX: S, maxY: N };
 }
-function _e({ mask: w, maskW: p, maskH: u, wx: f, wy: c, wordMask: m }) {
+function Re({ mask: w, maskW: p, maskH: u, wx: f, wy: c, wordMask: m }) {
   for (let l = 0; l < m.length; l += 1) {
-    const a = f + m[l][0], s = c + m[l][1];
-    if (a < 0 || s < 0 || a >= p || s >= u || w[s * p + a]) return !1;
+    const a = f + m[l][0], i = c + m[l][1];
+    if (a < 0 || i < 0 || a >= p || i >= u || w[i * p + a]) return !1;
   }
   return !0;
 }
-function Re({ mask: w, maskW: p, maskH: u, wx: f, wy: c, wordMask: m }) {
+function Xe({ mask: w, maskW: p, maskH: u, wx: f, wy: c, wordMask: m }) {
   for (let l = 0; l < m.length; l += 1) {
-    const a = f + m[l][0], s = c + m[l][1];
-    a >= 0 && s >= 0 && a < p && s < u && (w[s * p + a] = 1);
+    const a = f + m[l][0], i = c + m[l][1];
+    a >= 0 && i >= 0 && a < p && i < u && (w[i * p + a] = 1);
   }
 }
-function gt({ wordMask: w, w: p, h: u, dilation: f }) {
+function yt({ wordMask: w, w: p, h: u, dilation: f }) {
   const c = new Set(w.map(([l, a]) => `${l},${a}`)), m = new Set(c);
   for (let [l, a] of w)
-    for (let s = -f; s <= f; s += 1)
+    for (let i = -f; i <= f; i += 1)
       for (let k = -f; k <= f; k += 1) {
-        if (s === 0 && k === 0) continue;
-        const d = l + s, h = a + k;
+        if (i === 0 && k === 0) continue;
+        const d = l + i, h = a + k;
         d >= 0 && d < p && h >= 0 && h < u && m.add(`${d},${h}`);
       }
   return Array.from(m).map((l) => l.split(",").map(Number));
 }
-function bt({
+function wt({
   words: w,
   proximity: p = 0,
   svg: u,
   strictPixelPadding: f
 }) {
-  const { width: c, height: m } = u, l = Math.round(c), a = Math.round(m), s = 1, k = u.minFontSize, d = Math.min(u.maxFontSize, 100), h = w.map((S) => S.value), b = Math.min(...h), E = Math.max(...h), P = new Uint8Array(l * a), I = document.createElement("canvas"), _ = I.getContext("2d", { willReadFrequently: !0 });
-  I.width = l, I.height = a;
-  const Y = 6, re = 2, te = 2, e = 1, G = Math.floor(l / 2), oe = Math.floor(a / 2), ae = [...w].sort((S, z) => z.value - S.value), j = [];
-  for (const S of ae) {
+  const { width: c, height: m } = u, l = Math.round(c), a = Math.round(m), i = 1, k = u.minFontSize, d = Math.min(u.maxFontSize, 100), h = w.map((F) => F.value), b = Math.min(...h), U = Math.max(...h), S = new Uint8Array(l * a), N = document.createElement("canvas"), _ = N.getContext("2d", { willReadFrequently: !0 });
+  N.width = l, N.height = a;
+  const Y = 6, re = 2, te = 2, e = 1, G = Math.floor(l / 2), oe = Math.floor(a / 2), ae = [...w].sort((F, z) => z.value - F.value), j = [];
+  for (const F of ae) {
     let z = k;
-    E !== b && (z = (S.value - b) / (E - b) * (d - k) + k), z = Math.max(k, Math.min(d, z));
-    let R = !1, n = z;
-    for (; !R && n >= s; ) {
-      let { w: X, h: V, wordMask: C, minX: W, minY: q, maxX: Z, maxY: J } = Ie({
-        word: S,
-        fontSize: n,
+    U !== b && (z = (F.value - b) / (U - b) * (d - k) + k), z = Math.max(k, Math.min(d, z));
+    let R = !1, s = z;
+    for (; !R && s >= i; ) {
+      let { w: X, h: V, wordMask: C, minX: W, minY: q, maxX: Z, maxY: J } = _e({
+        word: F,
+        fontSize: s,
         pad: p,
-        canvas: I,
+        canvas: N,
         ctx: _,
         svg: u
       });
-      f && (C = gt({ wordMask: C, w: X, h: V, dilation: 1 }));
-      let O = 0, U = 0;
-      for (; O < Math.max(l, a) && !R && U < 1e4; ) {
+      f && (C = yt({ wordMask: C, w: X, h: V, dilation: 1 }));
+      let O = 0, D = 0;
+      for (; O < Math.max(l, a) && !R && D < 1e4; ) {
         for (let v = 0; v < 360; v += Y) {
-          U += 1;
-          const M = Math.round(G + O * Math.cos(v * Math.PI / 180) - X / 2), y = Math.round(oe + O * Math.sin(v * Math.PI / 180) - V / 2);
-          if (!(M < 0 || y < 0 || M + X > l || y + V > a) && _e({ mask: P, maskW: l, maskH: a, wx: M, wy: y, wordMask: C })) {
-            j.push({ ...S, x: M - l / 2, y: y - a / 2, fontSize: n, width: X, height: V, angle: 0, minX: W, minY: q, maxX: Z, maxY: J }), Re({ mask: P, maskW: l, maskH: a, wx: M, wy: y, wordMask: C }), R = !0;
+          D += 1;
+          const P = Math.round(G + O * Math.cos(v * Math.PI / 180) - X / 2), y = Math.round(oe + O * Math.sin(v * Math.PI / 180) - V / 2);
+          if (!(P < 0 || y < 0 || P + X > l || y + V > a) && Re({ mask: S, maskW: l, maskH: a, wx: P, wy: y, wordMask: C })) {
+            j.push({ ...F, x: P - l / 2, y: y - a / 2, fontSize: s, width: X, height: V, angle: 0, minX: W, minY: q, maxX: Z, maxY: J }), Xe({ mask: S, maskW: l, maskH: a, wx: P, wy: y, wordMask: C }), R = !0;
             break;
           }
         }
         O += re;
       }
-      R || (n -= 1);
+      R || (s -= 1);
     }
-    if (!R && n < s) {
-      n = s;
-      const { w: X, h: V, wordMask: C, minX: W, minY: q, maxX: Z, maxY: J } = Ie({
-        word: S,
-        fontSize: n,
+    if (!R && s < i) {
+      s = i;
+      const { w: X, h: V, wordMask: C, minX: W, minY: q, maxX: Z, maxY: J } = _e({
+        word: F,
+        fontSize: s,
         pad: p,
-        canvas: I,
+        canvas: N,
         ctx: _,
         svg: u
       });
-      let O = 0, U = 0;
-      for (; O < Math.max(l, a) && !R && U < 25e3; ) {
+      let O = 0, D = 0;
+      for (; O < Math.max(l, a) && !R && D < 25e3; ) {
         for (let v = 0; v < 360; v += te) {
-          U += 1;
-          const M = Math.round(G + O * Math.cos(v * Math.PI / 180) - X / 2), y = Math.round(oe + O * Math.sin(v * Math.PI / 180) - V / 2);
-          if (!(M < 0 || y < 0 || M + X > l || y + V > a) && _e({ mask: P, maskW: l, maskH: a, wx: M, wy: y, wordMask: C })) {
-            j.push({ ...S, x: M - l / 2, y: y - a / 2, fontSize: n, width: X, height: V, angle: 0, minX: W, minY: q, maxX: Z, maxY: J }), Re({ mask: P, maskW: l, maskH: a, wx: M, wy: y, wordMask: C }), R = !0;
+          D += 1;
+          const P = Math.round(G + O * Math.cos(v * Math.PI / 180) - X / 2), y = Math.round(oe + O * Math.sin(v * Math.PI / 180) - V / 2);
+          if (!(P < 0 || y < 0 || P + X > l || y + V > a) && Re({ mask: S, maskW: l, maskH: a, wx: P, wy: y, wordMask: C })) {
+            j.push({ ...F, x: P - l / 2, y: y - a / 2, fontSize: s, width: X, height: V, angle: 0, minX: W, minY: q, maxX: Z, maxY: J }), Xe({ mask: S, maskW: l, maskH: a, wx: P, wy: y, wordMask: C }), R = !0;
             break;
           }
         }
@@ -119,16 +120,16 @@ function bt({
       }
     }
   }
-  return j.sort((S, z) => z.fontSize - S.fontSize);
+  return j.sort((F, z) => z.fontSize - F.fontSize);
 }
-const yt = ["id"], wt = ["xmlns", "viewBox"], kt = ["width", "height"], Ct = ["transform"], xt = ["x", "y", "width", "height", "onMouseover"], $t = ["fill", "font-weight", "x", "y", "font-size", "transform"], Tt = {
+const kt = ["id"], Ct = ["xmlns", "viewBox"], xt = ["width", "height"], $t = ["transform"], Tt = ["x", "y", "width", "height", "onMouseover"], St = ["fill", "font-weight", "x", "y", "font-size", "transform"], Ft = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, St = {
+}, Mt = {
   key: 5,
   "data-dom-to-png-ignore": "",
   class: "reset-wrapper"
-}, Ft = ["innerHTML"], Mt = {
+}, Pt = ["innerHTML"], zt = {
   __name: "vue-ui-word-cloud",
   props: {
     config: {
@@ -145,30 +146,30 @@ const yt = ["id"], wt = ["xmlns", "viewBox"], kt = ["width", "height"], Ct = ["t
     }
   },
   setup(w, { expose: p }) {
-    De((t) => ({
-      "059fb00e": t.slicerColor
+    Ue((t) => ({
+      "6bfb0274": t.slicerColor
     }));
-    const u = H(() => import("./vue-ui-accordion-D55kCO5G.js")), f = H(() => import("./BaseIcon-Bn996RXm.js")), c = H(() => import("./DataTable-CHBLjKtZ.js")), m = H(() => import("./PackageVersion-Bg_9KCU-.js")), l = H(() => import("./PenAndPaper-BPTpbnay.js")), a = H(() => import("./Tooltip-CJxVw7-T.js")), s = H(() => import("./UserOptions-CBEK6_jo.js")), { vue_ui_word_cloud: k } = qe(), d = w, h = se({
+    const u = H(() => import("./vue-ui-accordion-CVnA550V.js")), f = H(() => import("./BaseIcon-naqtCxVi.js")), c = H(() => import("./DataTable-D0VYDhfx.js")), m = H(() => import("./PackageVersion-5TR4ocqp.js")), l = H(() => import("./PenAndPaper-D6AqipIO.js")), a = H(() => import("./Tooltip-CoQnTnr-.js")), i = H(() => import("./UserOptions-Dd34lEKb.js")), { vue_ui_word_cloud: k } = Ze(), d = w, h = se({
       get() {
         return !!d.dataset && d.dataset.length;
       },
       set(t) {
         return t;
       }
-    }), b = g(Oe()), E = g(0), P = g(null), I = g(null), _ = g(null), Y = g(0), re = g(0), te = g(!1), e = se({
+    }), b = g(Ae()), U = g(0), S = g(null), N = g(null), _ = g(null), Y = g(0), re = g(0), te = g(!1), e = se({
       get: () => R(),
       set: (t) => t
     }), G = g(oe());
     function oe() {
-      return typeof d.dataset == "string" ? Ze(d.dataset) : d.dataset.map((t, i) => ({
+      return typeof d.dataset == "string" ? Je(d.dataset) : d.dataset.map((t, n) => ({
         ...t,
-        value: Je(t.value)
+        value: Ke(t.value)
       }));
     }
     ye(() => d.dataset, () => {
       G.value = oe(), fe();
     });
-    const { userOptionsVisible: ae, setUserOptionsVisibility: j, keepUserOptionState: S } = dt({ config: e.value }), { svgRef: z } = vt({ config: e.value.style.chart.title });
+    const { userOptionsVisible: ae, setUserOptionsVisibility: j, keepUserOptionState: F } = vt({ config: e.value }), { svgRef: z } = ht({ config: e.value.style.chart.title });
     function R() {
       const t = Ne({
         userConfig: d.config,
@@ -176,56 +177,56 @@ const yt = ["id"], wt = ["xmlns", "viewBox"], kt = ["width", "height"], Ct = ["t
       });
       return t.theme ? {
         ...Ne({
-          userConfig: Qe.vue_ui_word_cloud[t.theme] || d.config,
+          userConfig: et.vue_ui_word_cloud[t.theme] || d.config,
           defaultConfig: t
         }),
-        customPalette: Ke[t.theme] || me
+        customPalette: Qe[t.theme] || me
       } : t;
     }
     ye(() => d.config, (t) => {
       e.value = R(), ae.value = !e.value.userOptions.showOnChartHover, q(), Y.value += 1, re.value += 1, v.value.showTable = e.value.table.show, v.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
-    const n = g({
+    const s = g({
       width: e.value.style.chart.width,
       height: e.value.style.chart.height,
       maxFontSize: e.value.style.chart.words.maxFontSize,
       minFontSize: e.value.style.chart.words.minFontSize,
       bold: e.value.style.chart.words.bold
-    }), X = ut(() => {
+    }), X = ct(() => {
       fe();
-    }, 10), V = it(() => {
-      const { width: t, height: i } = rt({
-        chart: P.value,
-        title: e.value.style.chart.title.text ? I.value : null,
+    }, 10), V = rt(() => {
+      const { width: t, height: n } = ut({
+        chart: S.value,
+        title: e.value.style.chart.title.text ? N.value : null,
         source: _.value
       });
       requestAnimationFrame(() => {
-        n.value.width = t, n.value.height = i, ze(X);
+        s.value.width = t, s.value.height = n, Oe(X);
       });
-    }), C = Fe(null), W = Fe(null);
-    Ee(q);
+    }), C = Me(null), W = Me(null);
+    De(q);
     function q() {
-      et(d.dataset) ? Ae({
+      tt(d.dataset) ? Ie({
         componentName: "VueUiWordCloud",
         type: "dataset"
-      }) : G.value.forEach((t, i) => {
-        tt({
+      }) : G.value.forEach((t, n) => {
+        ot({
           datasetObject: t,
           requiredAttributes: ["name", "value"]
         }).forEach((o) => {
-          h.value = !1, Ae({
+          h.value = !1, Ie({
             componentName: "VueUiWordCloud",
             type: "datasetSerieAttribute",
             property: o,
-            index: i
+            index: n
           });
         });
-      }), e.value.responsive && (C.value && (W.value && C.value.unobserve(W.value), C.value.disconnect()), C.value = new ResizeObserver(V), W.value = P.value.parentNode, C.value.observe(W.value));
+      }), e.value.responsive && (C.value && (W.value && C.value.unobserve(W.value), C.value.disconnect()), C.value = new ResizeObserver(V), W.value = S.value.parentNode, C.value.observe(W.value));
     }
-    Ue(() => {
+    Ge(() => {
       C.value && (W.value && C.value.unobserve(W.value), C.value.disconnect());
     });
-    const { isPrinting: Z, isImaging: J, generatePdf: O, generateImage: U } = ct({
+    const { isPrinting: Z, isImaging: J, generatePdf: O, generateImage: D } = dt({
       elementId: `wordCloud_${b.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-word-cloud",
       options: e.value.userOptions.print
@@ -233,32 +234,32 @@ const yt = ["id"], wt = ["xmlns", "viewBox"], kt = ["width", "height"], Ct = ["t
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
     });
-    function M(t, i, o = "Arial") {
+    function P(t, n, o = "Arial") {
       const T = document.createElement("canvas").getContext("2d");
-      return T.font = `${i}px ${e.value.style.chart.words.bold ? "bold" : "normal"} ${o}`, {
+      return T.font = `${n}px ${e.value.style.chart.words.bold ? "bold" : "normal"} ${o}`, {
         width: T.measureText(t).width + e.value.style.chart.words.proximity,
-        height: i
+        height: n
       };
     }
     const y = g([]);
     ye(() => d.dataset, fe, { immediate: !0 });
     function fe() {
-      const t = [...G.value].map((T) => T.value), i = Math.max(...t), o = Math.min(...t), $ = [...G.value].map((T, D) => {
-        let L = (T.value - o) / (i - o) * (n.value.maxFontSize - n.value.minFontSize) + n.value.minFontSize;
-        L = isNaN(L) ? n.value.minFontSize : L;
-        const Se = M(T.name, L);
+      const t = [...G.value].map((T) => T.value), n = Math.max(...t), o = Math.min(...t), $ = [...G.value].map((T, E) => {
+        let L = (T.value - o) / (n - o) * (s.value.maxFontSize - s.value.minFontSize) + s.value.minFontSize;
+        L = isNaN(L) ? s.value.minFontSize : L;
+        const Fe = P(T.name, L);
         return {
           ...T,
-          id: Oe(),
+          id: Ae(),
           fontSize: L,
-          width: Se.width,
-          height: Se.height,
-          color: e.value.style.chart.words.usePalette ? e.value.customPalette[D] || e.value.customPalette[D % e.value.customPalette.length] || me[D] || me[D % me.length] : e.value.style.chart.words.color
+          width: Fe.width,
+          height: Fe.height,
+          color: e.value.style.chart.words.usePalette ? e.value.customPalette[E] || e.value.customPalette[E % e.value.customPalette.length] || me[E] || me[E % me.length] : e.value.style.chart.words.color
         };
       });
-      y.value = bt({
+      y.value = wt({
         words: $,
-        svg: n.value,
+        svg: s.value,
         proximity: e.value.style.chart.words.proximity,
         strictPixelPadding: e.value.strictPixelPadding
       });
@@ -267,23 +268,23 @@ const yt = ["id"], wt = ["xmlns", "viewBox"], kt = ["width", "height"], Ct = ["t
       const t = y.value.map((o) => ({
         name: o.name,
         color: o.color
-      })), i = y.value.map((o) => o.value);
-      return { head: t, body: i };
+      })), n = y.value.map((o) => o.value);
+      return { head: t, body: n };
     });
     function Ce(t = null) {
-      ze(() => {
-        const i = ue.value.head.map((T, D) => [[
+      Oe(() => {
+        const n = ue.value.head.map((T, E) => [[
           T.name
-        ], [ue.value.body[D]]]), o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], [e.value.table.columnNames.value]]].concat(i), $ = lt(o);
-        t ? t($) : nt({ csvContent: $, title: e.value.style.chart.title.text || "vue-ui-word-cloud" });
+        ], [ue.value.body[E]]]), o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], [e.value.table.columnNames.value]]].concat(n), $ = nt(o);
+        t ? t($) : st({ csvContent: $, title: e.value.style.chart.title.text || "vue-ui-word-cloud" });
       });
     }
     const ce = se(() => {
       const t = [
         e.value.table.columnNames.series,
         e.value.table.columnNames.value
-      ], i = ue.value.head.map((T, D) => {
-        const L = ot({ p: e.value.table.td.prefix, v: ue.value.body[D], s: e.value.table.td.suffix, r: e.value.table.td.roundingValue });
+      ], n = ue.value.head.map((T, E) => {
+        const L = at({ p: e.value.table.td.prefix, v: ue.value.body[E], s: e.value.table.td.suffix, r: e.value.table.td.roundingValue });
         return [
           {
             color: T.color,
@@ -310,49 +311,56 @@ const yt = ["id"], wt = ["xmlns", "viewBox"], kt = ["width", "height"], Ct = ["t
           e.value.table.columnNames.value
         ],
         head: t,
-        body: i,
+        body: n,
         config: o
       };
     }), de = g(!1);
-    function Xe(t) {
-      de.value = t, E.value += 1;
+    function xe(t) {
+      de.value = t, U.value += 1;
     }
     function Ve() {
       return y.value;
     }
-    function xe() {
+    function $e() {
       v.value.showTable = !v.value.showTable;
     }
-    function $e() {
+    function Te() {
       v.value.showTooltip = !v.value.showTooltip;
     }
     const le = g(!1);
     function pe() {
       le.value = !le.value;
     }
-    const We = se(() => !le.value && e.value.style.chart.zoom.show), { viewBox: ve, resetZoom: Te, isZoom: Be } = ht(z, {
+    const We = se(() => !le.value && e.value.style.chart.zoom.show), { viewBox: ve, resetZoom: Se, isZoom: Be } = mt(z, {
       x: 0,
       y: 0,
-      width: n.value.width <= 0 ? 10 : n.value.width,
-      height: n.value.height <= 0 ? 10 : n.value.height
+      width: s.value.width <= 0 ? 10 : s.value.width,
+      height: s.value.height <= 0 ? 10 : s.value.height
     }, 1, We);
+    async function Ye({ scale: t = 2 } = {}) {
+      if (!S.value) return;
+      const { imageUri: n, base64: o } = await pt({ domElement: S.value, base64: !0, img: !0, scale: t });
+      return { imageUri: n, base64: o };
+    }
     p({
       getData: Ve,
+      getImage: Ye,
       generateCsv: Ce,
       generatePdf: O,
-      generateImage: U,
-      toggleTable: xe,
-      toggleTooltip: $e,
-      toggleAnnotator: pe
+      generateImage: D,
+      toggleTable: $e,
+      toggleTooltip: Te,
+      toggleAnnotator: pe,
+      toggleFullscreen: xe
     });
     const K = g(null), ne = g(!1), ge = g(""), be = g(null);
-    function Ye(t) {
+    function Ee(t) {
       if (!v.value.showTooltip) return;
       K.value = t.id, be.value = { datapoint: t, config: e.value };
-      const i = e.value.style.chart.tooltip.customFormat;
-      if (ne.value = !1, st(i))
+      const n = e.value.style.chart.tooltip.customFormat;
+      if (ne.value = !1, it(n))
         try {
-          const o = i({
+          const o = n({
             datapoint: t,
             config: e.value
           });
@@ -366,14 +374,14 @@ const yt = ["id"], wt = ["xmlns", "viewBox"], kt = ["width", "height"], Ct = ["t
       }
       te.value = !0;
     }
-    return (t, i) => (x(), N("div", {
+    return (t, n) => (x(), I("div", {
       class: "vue-ui-word-cloud",
       ref_key: "wordCloudChart",
-      ref: P,
+      ref: S,
       id: `wordCloud_${b.value}`,
       style: he(`width: 100%; font-family:${e.value.style.fontFamily};background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height:100%" : ""}`),
-      onMouseenter: i[3] || (i[3] = () => r(j)(!0)),
-      onMouseleave: i[4] || (i[4] = () => r(j)(!1))
+      onMouseenter: n[3] || (n[3] = () => r(j)(!0)),
+      onMouseleave: n[4] || (n[4] = () => r(j)(!1))
     }, [
       e.value.userOptions.buttons.annotator ? (x(), ie(r(l), {
         key: 0,
@@ -383,13 +391,13 @@ const yt = ["id"], wt = ["xmlns", "viewBox"], kt = ["width", "height"], Ct = ["t
         active: le.value,
         onClose: pe
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : B("", !0),
-      e.value.style.chart.title.text ? (x(), N("div", {
+      e.value.style.chart.title.text ? (x(), I("div", {
         key: 1,
         ref_key: "chartTitle",
-        ref: I,
+        ref: N,
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
-        (x(), ie(mt, {
+        (x(), ie(ft, {
           key: `title_${Y.value}`,
           config: {
             title: {
@@ -401,9 +409,9 @@ const yt = ["id"], wt = ["xmlns", "viewBox"], kt = ["width", "height"], Ct = ["t
           }
         }, null, 8, ["config"]))
       ], 512)) : B("", !0),
-      e.value.userOptions.show && h.value && (r(S) || r(ae)) ? (x(), ie(r(s), {
+      e.value.userOptions.show && h.value && (r(F) || r(ae)) ? (x(), ie(r(i), {
         ref: "details",
-        key: `user_option_${E.value}`,
+        key: `user_option_${U.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         isPrinting: r(Z),
@@ -416,7 +424,7 @@ const yt = ["id"], wt = ["xmlns", "viewBox"], kt = ["width", "height"], Ct = ["t
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         isFullscreen: de.value,
         titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: P.value,
+        chartElement: S.value,
         position: e.value.userOptions.position,
         hasTooltip: e.value.style.chart.tooltip.show && e.value.userOptions.buttons.tooltip,
         isTooltip: v.value.showTooltip,
@@ -424,94 +432,94 @@ const yt = ["id"], wt = ["xmlns", "viewBox"], kt = ["width", "height"], Ct = ["t
         isAnnotation: le.value,
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
-        onToggleFullscreen: Xe,
+        onToggleFullscreen: xe,
         onGeneratePdf: r(O),
         onGenerateCsv: Ce,
-        onGenerateImage: r(U),
-        onToggleTable: xe,
-        onToggleTooltip: $e,
+        onGenerateImage: r(D),
+        onToggleTable: $e,
+        onToggleTooltip: Te,
         onToggleAnnotator: pe,
         style: he({
-          visibility: r(S) ? r(ae) ? "visible" : "hidden" : "visible"
+          visibility: r(F) ? r(ae) ? "visible" : "hidden" : "visible"
         })
-      }, Ge({ _: 2 }, [
+      }, Le({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
           fn: A(({ isOpen: o, color: $ }) => [
-            F(t.$slots, "menuIcon", Q(ee({ isOpen: o, color: $ })), void 0, !0)
+            M(t.$slots, "menuIcon", Q(ee({ isOpen: o, color: $ })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
           fn: A(() => [
-            F(t.$slots, "optionPdf", {}, void 0, !0)
+            M(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
           fn: A(() => [
-            F(t.$slots, "optionCsv", {}, void 0, !0)
+            M(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
           fn: A(() => [
-            F(t.$slots, "optionImg", {}, void 0, !0)
+            M(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
           fn: A(() => [
-            F(t.$slots, "optionTable", {}, void 0, !0)
+            M(t.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: A(({ toggleFullscreen: o, isFullscreen: $ }) => [
-            F(t.$slots, "optionFullscreen", Q(ee({ toggleFullscreen: o, isFullscreen: $ })), void 0, !0)
+            M(t.$slots, "optionFullscreen", Q(ee({ toggleFullscreen: o, isFullscreen: $ })), void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: A(({ toggleAnnotator: o, isAnnotator: $ }) => [
-            F(t.$slots, "optionAnnotator", Q(ee({ toggleAnnotator: o, isAnnotator: $ })), void 0, !0)
+            M(t.$slots, "optionAnnotator", Q(ee({ toggleAnnotator: o, isAnnotator: $ })), void 0, !0)
           ]),
           key: "6"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasTable", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasTooltip", "isTooltip", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : B("", !0),
-      h.value ? (x(), N("svg", {
+      h.value ? (x(), I("svg", {
         key: 3,
         ref_key: "svgRef",
         ref: z,
-        class: Me({ "vue-data-ui-fullscreen--on": de.value, "vue-data-ui-fulscreen--off": !de.value }),
-        xmlns: r(at),
+        class: Pe({ "vue-data-ui-fullscreen--on": de.value, "vue-data-ui-fulscreen--off": !de.value }),
+        xmlns: r(lt),
         viewBox: `${r(ve).x} ${r(ve).y} ${r(ve).width} ${r(ve).height}`,
         style: "overflow:hidden;background:transparent;"
       }, [
         we(r(m)),
-        t.$slots["chart-background"] ? (x(), N("foreignObject", {
+        t.$slots["chart-background"] ? (x(), I("foreignObject", {
           key: 0,
           x: 0,
           y: 0,
-          width: n.value.width <= 0 ? 10 : n.value.width,
-          height: n.value.height <= 0 ? 10 : n.value.height,
+          width: s.value.width <= 0 ? 10 : s.value.width,
+          height: s.value.height <= 0 ? 10 : s.value.height,
           style: {
             pointerEvents: "none"
           }
         }, [
-          F(t.$slots, "chart-background", {}, void 0, !0)
-        ], 8, kt)) : B("", !0),
+          M(t.$slots, "chart-background", {}, void 0, !0)
+        ], 8, xt)) : B("", !0),
         ke("g", {
-          transform: `translate(${(n.value.width <= 0 ? 10 : n.value.width) / 2}, ${(n.value.height <= 0 ? 10 : n.value.height) / 2})`
+          transform: `translate(${(s.value.width <= 0 ? 10 : s.value.width) / 2}, ${(s.value.height <= 0 ? 10 : s.value.height) / 2})`
         }, [
-          (x(!0), N(Le, null, He(y.value, (o, $) => (x(), N("g", null, [
-            o.minX !== void 0 ? (x(), N("rect", {
+          (x(!0), I(He, null, je(y.value, (o, $) => (x(), I("g", null, [
+            o.minX !== void 0 ? (x(), I("rect", {
               key: 0,
               x: o.x + o.minX,
               y: o.y + o.minY * 1.25,
@@ -519,12 +527,12 @@ const yt = ["id"], wt = ["xmlns", "viewBox"], kt = ["width", "height"], Ct = ["t
               height: o.maxY - o.minY,
               fill: "transparent",
               "pointer-events": "visiblePainted",
-              onMouseover: (T) => Ye(o),
-              onMouseleave: i[0] || (i[0] = (T) => {
+              onMouseover: (T) => Ee(o),
+              onMouseleave: n[0] || (n[0] = (T) => {
                 K.value = null, te.value = !1;
               })
-            }, null, 40, xt)) : B("", !0),
-            (x(), N("text", {
+            }, null, 40, Tt)) : B("", !0),
+            (x(), I("text", {
               fill: o.color,
               "font-weight": e.value.style.chart.words.bold ? "bold" : "normal",
               key: $,
@@ -532,22 +540,22 @@ const yt = ["id"], wt = ["xmlns", "viewBox"], kt = ["width", "height"], Ct = ["t
               y: o.y,
               "font-size": o.fontSize,
               transform: `translate(${o.width / 2}, ${o.height / 2})`,
-              class: Me({ animated: e.value.useCssAnimation, "word-selected": K.value && K.value === o.id && v.value.showTooltip, "word-not-selected": K.value && K.value !== o.id && v.value.showTooltip }),
+              class: Pe({ animated: e.value.useCssAnimation, "word-selected": K.value && K.value === o.id && v.value.showTooltip, "word-not-selected": K.value && K.value !== o.id && v.value.showTooltip }),
               "text-anchor": "middle",
               "dominant-baseline": "central",
               style: he(`animation-delay:${$ * e.value.animationDelayMs}ms !important; pointer-events:none;`)
-            }, Pe(o.name), 15, $t))
+            }, ze(o.name), 15, St))
           ]))), 256))
-        ], 8, Ct),
-        F(t.$slots, "svg", {
-          svg: { height: n.value.height, width: n.value.width }
+        ], 8, $t),
+        M(t.$slots, "svg", {
+          svg: { height: s.value.height, width: s.value.width }
         }, void 0, !0)
-      ], 10, wt)) : B("", !0),
-      t.$slots.watermark ? (x(), N("div", Tt, [
-        F(t.$slots, "watermark", Q(ee({ isPrinting: r(Z) || r(J) })), void 0, !0)
+      ], 10, Ct)) : B("", !0),
+      t.$slots.watermark ? (x(), I("div", Ft, [
+        M(t.$slots, "watermark", Q(ee({ isPrinting: r(Z) || r(J) })), void 0, !0)
       ])) : B("", !0),
-      r(Be) ? (x(), N("div", St, [
-        F(t.$slots, "reset-action", { reset: r(Te) }, () => [
+      r(Be) ? (x(), I("div", Mt, [
+        M(t.$slots, "reset-action", { reset: r(Se) }, () => [
           ke("button", {
             "data-cy-reset": "",
             tabindex: "0",
@@ -556,7 +564,7 @@ const yt = ["id"], wt = ["xmlns", "viewBox"], kt = ["width", "height"], Ct = ["t
             style: he({
               background: e.value.style.chart.backgroundColor
             }),
-            onClick: i[1] || (i[1] = (o) => r(Te)(!0))
+            onClick: n[1] || (n[1] = (o) => r(Se)(!0))
           }, [
             we(r(f), {
               name: "refresh",
@@ -576,25 +584,25 @@ const yt = ["id"], wt = ["xmlns", "viewBox"], kt = ["width", "height"], Ct = ["t
         backgroundOpacity: e.value.style.chart.tooltip.backgroundOpacity,
         position: e.value.style.chart.tooltip.position,
         offsetY: e.value.style.chart.tooltip.offsetY,
-        parent: P.value,
+        parent: S.value,
         content: ge.value,
         isCustom: ne.value
       }, {
         "tooltip-before": A(() => [
-          F(t.$slots, "tooltip-before", Q(ee({ ...be.value })), void 0, !0)
+          M(t.$slots, "tooltip-before", Q(ee({ ...be.value })), void 0, !0)
         ]),
         "tooltip-after": A(() => [
-          F(t.$slots, "tooltip-after", Q(ee({ ...be.value })), void 0, !0)
+          M(t.$slots, "tooltip-after", Q(ee({ ...be.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom"]),
-      t.$slots.source ? (x(), N("div", {
+      t.$slots.source ? (x(), I("div", {
         key: 6,
         ref_key: "source",
         ref: _,
         dir: "auto"
       }, [
-        F(t.$slots, "source", {}, void 0, !0)
+        M(t.$slots, "source", {}, void 0, !0)
       ], 512)) : B("", !0),
       h.value ? (x(), ie(r(u), {
         key: 7,
@@ -620,25 +628,25 @@ const yt = ["id"], wt = ["xmlns", "viewBox"], kt = ["width", "height"], Ct = ["t
             body: ce.value.body,
             config: ce.value.config,
             title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? ` : ${e.value.style.chart.title.subtitle.text}` : ""}`,
-            onClose: i[2] || (i[2] = (o) => v.value.showTable = !1)
+            onClose: n[2] || (n[2] = (o) => v.value.showTable = !1)
           }, {
             th: A(({ th: o }) => [
               ke("div", {
                 innerHTML: o,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, Ft)
+              }, null, 8, Pt)
             ]),
             td: A(({ td: o }) => [
-              je(Pe(o.name || o), 1)
+              qe(ze(o.name || o), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"]))
         ]),
         _: 1
       }, 8, ["config"])) : B("", !0)
-    ], 44, yt));
+    ], 44, kt));
   }
-}, Wt = /* @__PURE__ */ ft(Mt, [["__scopeId", "data-v-7d85eb5b"]]);
+}, Et = /* @__PURE__ */ gt(zt, [["__scopeId", "data-v-da476032"]]);
 export {
-  Wt as default
+  Et as default
 };