vue-data-ui 2.12.8-beta.2 → 2.12.8-beta.4

package/dist/{vue-ui-wheel-Cz79iDLO.js → vue-ui-wheel-BCcK6wwZ.js}

@@ -1,11 +1,11 @@
 import { defineAsyncComponent as $, computed as p, ref as c, watch as Q, shallowRef as Z, onMounted as ke, onBeforeUnmount as we, createElementBlock as v, openBlock as s, unref as l, normalizeStyle as M, createBlock as _, createCommentVNode as h, createSlots as be, withCtx as k, renderSlot as y, normalizeProps as I, guardReactiveProps as A, normalizeClass as T, createVNode as Ce, Fragment as ee, renderList as te, toDisplayString as Oe } from "vue";
-import { u as $e, c as _e, a as Ie, o as Ae, e as Pe, w as ae, m as xe, X as Fe, i as Se, v as le, f as ze } from "./index-CbcpITE_.js";
+import { u as $e, c as _e, a as Ie, o as Ae, e as Pe, w as ae, m as xe, X as Fe, i as Se, v as le, f as ze } from "./index-BzQ0j5xI.js";
 import { t as Me, u as Te } from "./useResponsive-JZ9xq-JV.js";
-import { u as oe } from "./useNestedProp-y56W8I7J.js";
-import { u as Ne } from "./usePrinter-u-gQiRNz.js";
+import { u as oe } from "./useNestedProp-DqpZEE3h.js";
+import { u as Ne } from "./usePrinter-CpG5jh_z.js";
 import { u as Re } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Ue } from "./useChartAccessibility-9icAAmYg.js";
-import Xe from "./Title-Dx8ctnVy.js";
+import Xe from "./Title-CJcZXNtK.js";
 import { _ as Ee } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Le = ["id"], Be = ["xmlns", "viewBox"], Ge = ["width", "height"], je = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-linecap"], De = ["d", "fill"], Ye = ["cx", "cy", "r", "stroke", "stroke-width"], He = ["x", "y", "font-size", "fill", "font-weight"], We = {
   key: 5,
@@ -27,7 +27,7 @@ const Le = ["id"], Be = ["xmlns", "viewBox"], Ge = ["width", "height"], je = ["x
     }
   },
   setup(ne, { expose: se }) {
-    const ue = $(() => import("./PenAndPaper-B9RP4oFj.js")), re = $(() => import("./vue-ui-skeleton-miKWlCAi.js")), ie = $(() => import("./UserOptions-CGn3YdRV.js")), ce = $(() => import("./PackageVersion-DCAZ9Z7V.js")), { vue_ui_wheel: ve } = $e(), d = ne, P = p(() => !!d.dataset && Object.keys(d.dataset).length), x = c(_e()), he = c(null), N = c(0), w = c(null), R = c(null), U = c(null), X = c(null), E = c(0), e = p({
+    const ue = $(() => import("./PenAndPaper-BgPXmpGI.js")), re = $(() => import("./vue-ui-skeleton-CavMQlAm.js")), ie = $(() => import("./UserOptions-Cs7JW3dK.js")), ce = $(() => import("./PackageVersion-OcbP0WH2.js")), { vue_ui_wheel: ve } = $e(), d = ne, P = p(() => !!d.dataset && Object.keys(d.dataset).length), x = c(_e()), he = c(null), N = c(0), w = c(null), R = c(null), U = c(null), X = c(null), E = c(0), e = p({
       get: () => j(),
       set: (t) => t
     }), { userOptionsVisible: F, setUserOptionsVisibility: L, keepUserOptionState: B } = Re({ config: e.value }), { svgRef: G } = Ue({ config: e.value.style.chart.title });
@@ -195,6 +195,7 @@ const Le = ["id"], Be = ["xmlns", "viewBox"], Ge = ["width", "height"], je = ["x
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: O.value,
         chartElement: w.value,
+        callbacks: e.value.userOptions.callbacks,
         onToggleFullscreen: fe,
         onGeneratePdf: l(H),
         onGenerateImage: l(W),
@@ -238,7 +239,7 @@ const Le = ["id"], Be = ["xmlns", "viewBox"], Ge = ["width", "height"], je = ["x
           ]),
           key: "4"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "position", "titles", "hasAnnotator", "isAnnotation", "chartElement", "onGeneratePdf", "onGenerateImage", "style"])) : h("", !0),
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "position", "titles", "hasAnnotator", "isAnnotation", "chartElement", "callbacks", "onGeneratePdf", "onGenerateImage", "style"])) : h("", !0),
       P.value ? (s(), v("svg", {
         key: 4,
         ref_key: "svgRef",
@@ -329,7 +330,7 @@ const Le = ["id"], Be = ["xmlns", "viewBox"], Ge = ["width", "height"], je = ["x
       }, null, 8, ["config"]))
     ], 44, Le));
   }
-}, ot = /* @__PURE__ */ Ee(qe, [["__scopeId", "data-v-6779e626"]]);
+}, ot = /* @__PURE__ */ Ee(qe, [["__scopeId", "data-v-b1e78d19"]]);
 export {
   ot as default
 };

package/dist/{vue-ui-word-cloud-BGeHV6hS.js → vue-ui-word-cloud-Bu8Giu0b.js}

@@ -1,20 +1,20 @@
-import { useCssVars as De, defineAsyncComponent as j, computed as se, ref as g, watch as be, 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 O, renderSlot as F, normalizeProps as Q, guardReactiveProps as ee, normalizeClass as Me, createElementVNode as Ce, Fragment as Le, renderList as je, toDisplayString as Pe, createTextVNode as He, nextTick as ze } from "vue";
-import { u as qe, c as Ae, aj as Ze, v as Je, t as Ke, p as me, a as Qe, o as et, e as Oe, g as tt, f as ot, X as at, q as lt, r as nt, x as st } from "./index-CbcpITE_.js";
+import { useCssVars as De, defineAsyncComponent as j, computed as se, ref as g, watch as be, 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 je, toDisplayString as Pe, createTextVNode as He, nextTick as ze } from "vue";
+import { u as qe, c as Oe, aj 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-BzQ0j5xI.js";
 import { t as it, u as rt, d as ut } from "./useResponsive-JZ9xq-JV.js";
-import { u as Ne } from "./useNestedProp-y56W8I7J.js";
-import { u as ct } from "./usePrinter-u-gQiRNz.js";
+import { u as Ne } from "./useNestedProp-DqpZEE3h.js";
+import { u as ct } from "./usePrinter-CpG5jh_z.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-Dx8ctnVy.js";
+import mt from "./Title-CJcZXNtK.js";
 import { _ as ft } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 function pt(w, p) {
   const { width: u, height: f } = w, m = p.getImageData(0, 0, u, f).data;
-  let l = u, a = f, s = 0, C = 0, d = !1;
+  let l = u, a = f, s = 0, k = 0, d = !1;
   for (let h = 0; h < f; h += 1)
     for (let y = 0; y < u; y += 1)
-      m[(h * u + y) * 4 + 3] > 1 && (d = !0, y < l && (l = y), y > s && (s = y), h < a && (a = h), h > C && (C = h));
-  return d ? [l, a, s, C] : [0, 0, 0, 0];
+      m[(h * u + y) * 4 + 3] > 1 && (d = !0, y < l && (l = y), y > s && (s = y), h < a && (a = h), h > k && (k = h));
+  return d ? [l, a, s, k] : [0, 0, 0, 0];
 }
 function Ie({
   word: w,
@@ -31,8 +31,8 @@ function Ie({
   for (let _ = 0; _ < s; _ += 1)
     for (let Y = 0; Y < a; Y += 1)
       d[(_ * a + Y) * 4 + 3] > 1 && h.push([Y, _]);
-  const [y, D, P, I] = pt(f, c);
-  return c.restore(), { w: a, h: s, wordMask: h, minX: y, minY: D, maxX: P, maxY: I };
+  const [y, E, P, I] = pt(f, c);
+  return c.restore(), { w: a, h: s, wordMask: h, minX: y, minY: E, maxX: P, maxY: I };
 }
 function _e({ mask: w, maskW: p, maskH: u, wx: f, wy: c, wordMask: m }) {
   for (let l = 0; l < m.length; l += 1) {
@@ -51,9 +51,9 @@ function gt({ 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 C = -f; C <= f; C += 1) {
-        if (s === 0 && C === 0) continue;
-        const d = l + s, h = a + C;
+      for (let k = -f; k <= f; k += 1) {
+        if (s === 0 && k === 0) continue;
+        const d = l + s, 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));
@@ -64,64 +64,64 @@ function yt({
   svg: u,
   strictPixelPadding: f
 }) {
-  const { width: c, height: m } = u, l = Math.round(c), a = Math.round(m), s = 1, C = u.minFontSize, d = Math.min(u.maxFontSize, 100), h = w.map((T) => T.value), y = Math.min(...h), D = Math.max(...h), P = new Uint8Array(l * a), I = document.createElement("canvas"), _ = I.getContext("2d", { willReadFrequently: !0 });
+  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), y = 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, U = Math.floor(l / 2), oe = Math.floor(a / 2), ae = [...w].sort((T, z) => z.value - T.value), H = [];
-  for (const T of ae) {
-    let z = C;
-    D !== y && (z = (T.value - y) / (D - y) * (d - C) + C), z = Math.max(C, Math.min(d, z));
+  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), H = [];
+  for (const S of ae) {
+    let z = k;
+    E !== y && (z = (S.value - y) / (E - y) * (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: k, minX: W, minY: q, maxX: Z, maxY: J } = Ie({
-        word: T,
+      let { w: X, h: V, wordMask: C, minX: W, minY: q, maxX: Z, maxY: J } = Ie({
+        word: S,
         fontSize: n,
         pad: p,
         canvas: I,
         ctx: _,
         svg: u
       });
-      f && (k = gt({ wordMask: k, w: X, h: V, dilation: 1 }));
-      let A = 0, E = 0;
-      for (; A < Math.max(l, a) && !R && E < 1e4; ) {
+      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; ) {
         for (let v = 0; v < 360; v += Y) {
-          E += 1;
-          const M = Math.round(U + A * Math.cos(v * Math.PI / 180) - X / 2), b = Math.round(oe + A * Math.sin(v * Math.PI / 180) - V / 2);
-          if (!(M < 0 || b < 0 || M + X > l || b + V > a) && _e({ mask: P, maskW: l, maskH: a, wx: M, wy: b, wordMask: k })) {
-            H.push({ ...T, x: M - l / 2, y: b - 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: b, wordMask: k }), R = !0;
+          U += 1;
+          const M = Math.round(G + O * Math.cos(v * Math.PI / 180) - X / 2), b = Math.round(oe + O * Math.sin(v * Math.PI / 180) - V / 2);
+          if (!(M < 0 || b < 0 || M + X > l || b + V > a) && _e({ mask: P, maskW: l, maskH: a, wx: M, wy: b, wordMask: C })) {
+            H.push({ ...S, x: M - l / 2, y: b - 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: b, wordMask: C }), R = !0;
             break;
           }
         }
-        A += re;
+        O += re;
       }
       R || (n -= 1);
     }
     if (!R && n < s) {
       n = s;
-      const { w: X, h: V, wordMask: k, minX: W, minY: q, maxX: Z, maxY: J } = Ie({
-        word: T,
+      const { w: X, h: V, wordMask: C, minX: W, minY: q, maxX: Z, maxY: J } = Ie({
+        word: S,
         fontSize: n,
         pad: p,
         canvas: I,
         ctx: _,
         svg: u
       });
-      let A = 0, E = 0;
-      for (; A < Math.max(l, a) && !R && E < 25e3; ) {
+      let O = 0, U = 0;
+      for (; O < Math.max(l, a) && !R && U < 25e3; ) {
         for (let v = 0; v < 360; v += te) {
-          E += 1;
-          const M = Math.round(U + A * Math.cos(v * Math.PI / 180) - X / 2), b = Math.round(oe + A * Math.sin(v * Math.PI / 180) - V / 2);
-          if (!(M < 0 || b < 0 || M + X > l || b + V > a) && _e({ mask: P, maskW: l, maskH: a, wx: M, wy: b, wordMask: k })) {
-            H.push({ ...T, x: M - l / 2, y: b - 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: b, wordMask: k }), R = !0;
+          U += 1;
+          const M = Math.round(G + O * Math.cos(v * Math.PI / 180) - X / 2), b = Math.round(oe + O * Math.sin(v * Math.PI / 180) - V / 2);
+          if (!(M < 0 || b < 0 || M + X > l || b + V > a) && _e({ mask: P, maskW: l, maskH: a, wx: M, wy: b, wordMask: C })) {
+            H.push({ ...S, x: M - l / 2, y: b - 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: b, wordMask: C }), R = !0;
             break;
           }
         }
-        A += e;
+        O += e;
       }
     }
   }
-  return H.sort((T, z) => z.fontSize - T.fontSize);
+  return H.sort((S, z) => z.fontSize - S.fontSize);
 }
-const bt = ["id"], wt = ["xmlns", "viewBox"], Ct = ["width", "height"], kt = ["transform"], xt = ["x", "y", "width", "height", "onMouseover"], $t = ["fill", "font-weight", "x", "y", "font-size", "transform"], Tt = {
+const bt = ["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 = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, St = {
@@ -146,19 +146,19 @@ const bt = ["id"], wt = ["xmlns", "viewBox"], Ct = ["width", "height"], kt = ["t
   },
   setup(w, { expose: p }) {
     De((t) => ({
-      c9496d9a: t.slicerColor
+      "6e3cfc0f": t.slicerColor
     }));
-    const u = j(() => import("./vue-ui-accordion-BkA7rtwr.js")), f = j(() => import("./BaseIcon-j0c6lJUs.js")), c = j(() => import("./DataTable-CsoAI95B.js")), m = j(() => import("./PackageVersion-DCAZ9Z7V.js")), l = j(() => import("./PenAndPaper-B9RP4oFj.js")), a = j(() => import("./Tooltip-COHlzpZI.js")), s = j(() => import("./UserOptions-CGn3YdRV.js")), { vue_ui_word_cloud: C } = qe(), d = w, h = se({
+    const u = j(() => import("./vue-ui-accordion-bpaEpjqI.js")), f = j(() => import("./BaseIcon-d4dmqhkb.js")), c = j(() => import("./DataTable-CmbjnjRg.js")), m = j(() => import("./PackageVersion-OcbP0WH2.js")), l = j(() => import("./PenAndPaper-BgPXmpGI.js")), a = j(() => import("./Tooltip-dXp8FaUj.js")), s = j(() => import("./UserOptions-Cs7JW3dK.js")), { vue_ui_word_cloud: k } = qe(), d = w, h = se({
       get() {
         return !!d.dataset && d.dataset.length;
       },
       set(t) {
         return t;
       }
-    }), y = g(Ae()), D = g(0), P = g(null), I = g(null), _ = g(null), Y = g(0), re = g(0), te = g(!1), e = se({
+    }), y = g(Oe()), E = g(0), P = g(null), I = g(null), _ = g(null), Y = g(0), re = g(0), te = g(!1), e = se({
       get: () => R(),
       set: (t) => t
-    }), U = g(oe());
+    }), G = g(oe());
     function oe() {
       return typeof d.dataset == "string" ? Ze(d.dataset) : d.dataset.map((t, i) => ({
         ...t,
@@ -166,13 +166,13 @@ const bt = ["id"], wt = ["xmlns", "viewBox"], Ct = ["width", "height"], kt = ["t
       }));
     }
     be(() => d.dataset, () => {
-      U.value = oe(), fe();
+      G.value = oe(), fe();
     });
-    const { userOptionsVisible: ae, setUserOptionsVisibility: H, keepUserOptionState: T } = dt({ config: e.value }), { svgRef: z } = vt({ config: e.value.style.chart.title });
+    const { userOptionsVisible: ae, setUserOptionsVisibility: H, keepUserOptionState: S } = dt({ config: e.value }), { svgRef: z } = vt({ config: e.value.style.chart.title });
     function R() {
       const t = Ne({
         userConfig: d.config,
-        defaultConfig: C
+        defaultConfig: k
       });
       return t.theme ? {
         ...Ne({
@@ -202,30 +202,30 @@ const bt = ["id"], wt = ["xmlns", "viewBox"], Ct = ["width", "height"], kt = ["t
       requestAnimationFrame(() => {
         n.value.width = t, n.value.height = i, ze(X);
       });
-    }), k = Fe(null), W = Fe(null);
+    }), C = Fe(null), W = Fe(null);
     Ee(q);
     function q() {
-      et(d.dataset) ? Oe({
+      et(d.dataset) ? Ae({
         componentName: "VueUiWordCloud",
         type: "dataset"
-      }) : U.value.forEach((t, i) => {
+      }) : G.value.forEach((t, i) => {
         tt({
           datasetObject: t,
           requiredAttributes: ["name", "value"]
         }).forEach((o) => {
-          h.value = !1, Oe({
+          h.value = !1, Ae({
             componentName: "VueUiWordCloud",
             type: "datasetSerieAttribute",
             property: o,
             index: i
           });
         });
-      }), e.value.responsive && (k.value && (W.value && k.value.unobserve(W.value), k.value.disconnect()), k.value = new ResizeObserver(V), W.value = P.value.parentNode, k.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 = P.value.parentNode, C.value.observe(W.value));
     }
     Ue(() => {
-      k.value && (W.value && k.value.unobserve(W.value), k.value.disconnect());
+      C.value && (W.value && C.value.unobserve(W.value), C.value.disconnect());
     });
-    const { isPrinting: Z, isImaging: J, generatePdf: A, generateImage: E } = ct({
+    const { isPrinting: Z, isImaging: J, generatePdf: O, generateImage: U } = ct({
       elementId: `wordCloud_${y.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-word-cloud",
       options: e.value.userOptions.print
@@ -234,30 +234,30 @@ const bt = ["id"], wt = ["xmlns", "viewBox"], Ct = ["width", "height"], kt = ["t
       showTooltip: e.value.style.chart.tooltip.show
     });
     function M(t, i, o = "Arial") {
-      const $ = document.createElement("canvas").getContext("2d");
-      return $.font = `${i}px ${e.value.style.chart.words.bold ? "bold" : "normal"} ${o}`, {
-        width: $.measureText(t).width + e.value.style.chart.words.proximity,
+      const T = document.createElement("canvas").getContext("2d");
+      return T.font = `${i}px ${e.value.style.chart.words.bold ? "bold" : "normal"} ${o}`, {
+        width: T.measureText(t).width + e.value.style.chart.words.proximity,
         height: i
       };
     }
     const b = g([]);
     be(() => d.dataset, fe, { immediate: !0 });
     function fe() {
-      const t = [...U.value].map(($) => $.value), i = Math.max(...t), o = Math.min(...t), S = [...U.value].map(($, G) => {
-        let L = ($.value - o) / (i - o) * (n.value.maxFontSize - n.value.minFontSize) + n.value.minFontSize;
+      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($.name, L);
+        const Se = M(T.name, L);
         return {
-          ...$,
-          id: Ae(),
+          ...T,
+          id: Oe(),
           fontSize: L,
           width: Se.width,
           height: Se.height,
-          color: e.value.style.chart.words.usePalette ? e.value.customPalette[G] || e.value.customPalette[G % e.value.customPalette.length] || me[G] || me[G % me.length] : e.value.style.chart.words.color
+          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
         };
       });
       b.value = yt({
-        words: S,
+        words: $,
         svg: n.value,
         proximity: e.value.style.chart.words.proximity,
         strictPixelPadding: e.value.strictPixelPadding
@@ -270,24 +270,24 @@ const bt = ["id"], wt = ["xmlns", "viewBox"], Ct = ["width", "height"], kt = ["t
       })), i = b.value.map((o) => o.value);
       return { head: t, body: i };
     });
-    function ke() {
+    function Ce(t = null) {
       ze(() => {
-        const t = ue.value.head.map((S, $) => [[
-          S.name
-        ], [ue.value.body[$]]]), i = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], [e.value.table.columnNames.value]]].concat(t), o = lt(i);
-        nt({ csvContent: o, title: e.value.style.chart.title.text || "vue-ui-word-cloud" });
+        const i = ue.value.head.map((T, D) => [[
+          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" });
       });
     }
     const ce = se(() => {
       const t = [
         e.value.table.columnNames.series,
         e.value.table.columnNames.value
-      ], i = ue.value.head.map(($, G) => {
-        const L = ot({ p: e.value.table.td.prefix, v: ue.value.body[G], s: e.value.table.td.suffix, r: e.value.table.td.roundingValue });
+      ], 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 });
         return [
           {
-            color: $.color,
-            name: $.name
+            color: T.color,
+            name: T.name
           },
           L
         ];
@@ -315,7 +315,7 @@ const bt = ["id"], wt = ["xmlns", "viewBox"], Ct = ["width", "height"], kt = ["t
       };
     }), de = g(!1);
     function Xe(t) {
-      de.value = t, D.value += 1;
+      de.value = t, E.value += 1;
     }
     function Ve() {
       return b.value;
@@ -338,9 +338,9 @@ const bt = ["id"], wt = ["xmlns", "viewBox"], Ct = ["width", "height"], kt = ["t
     }, 1, We);
     p({
       getData: Ve,
-      generateCsv: ke,
-      generatePdf: A,
-      generateImage: E,
+      generateCsv: Ce,
+      generatePdf: O,
+      generateImage: U,
       toggleTable: xe,
       toggleTooltip: $e,
       toggleAnnotator: pe
@@ -401,9 +401,9 @@ const bt = ["id"], wt = ["xmlns", "viewBox"], Ct = ["width", "height"], kt = ["t
           }
         }, null, 8, ["config"]))
       ], 512)) : B("", !0),
-      e.value.userOptions.show && h.value && (r(T) || r(ae)) ? (x(), ie(r(s), {
+      e.value.userOptions.show && h.value && (r(S) || r(ae)) ? (x(), ie(r(s), {
         ref: "details",
-        key: `user_option_${D.value}`,
+        key: `user_option_${E.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         isPrinting: r(Z),
@@ -422,67 +422,68 @@ const bt = ["id"], wt = ["xmlns", "viewBox"], Ct = ["width", "height"], kt = ["t
         isTooltip: v.value.showTooltip,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: le.value,
+        callbacks: e.value.userOptions.callbacks,
         onToggleFullscreen: Xe,
-        onGeneratePdf: r(A),
-        onGenerateCsv: ke,
-        onGenerateImage: r(E),
+        onGeneratePdf: r(O),
+        onGenerateCsv: Ce,
+        onGenerateImage: r(U),
         onToggleTable: xe,
         onToggleTooltip: $e,
         onToggleAnnotator: pe,
         style: he({
-          visibility: r(T) ? r(ae) ? "visible" : "hidden" : "visible"
+          visibility: r(S) ? r(ae) ? "visible" : "hidden" : "visible"
         })
       }, Ge({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: O(({ isOpen: o, color: S }) => [
-            F(t.$slots, "menuIcon", Q(ee({ isOpen: o, color: S })), void 0, !0)
+          fn: A(({ isOpen: o, color: $ }) => [
+            F(t.$slots, "menuIcon", Q(ee({ isOpen: o, color: $ })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: O(() => [
+          fn: A(() => [
             F(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: O(() => [
+          fn: A(() => [
             F(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: O(() => [
+          fn: A(() => [
             F(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
-          fn: O(() => [
+          fn: A(() => [
             F(t.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: O(({ toggleFullscreen: o, isFullscreen: S }) => [
-            F(t.$slots, "optionFullscreen", Q(ee({ toggleFullscreen: o, isFullscreen: S })), void 0, !0)
+          fn: A(({ toggleFullscreen: o, isFullscreen: $ }) => [
+            F(t.$slots, "optionFullscreen", Q(ee({ toggleFullscreen: o, isFullscreen: $ })), void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: O(({ toggleAnnotator: o, isAnnotator: S }) => [
-            F(t.$slots, "optionAnnotator", Q(ee({ toggleAnnotator: o, isAnnotator: S })), void 0, !0)
+          fn: A(({ toggleAnnotator: o, isAnnotator: $ }) => [
+            F(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", "onGeneratePdf", "onGenerateImage", "style"])) : B("", !0),
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasTable", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasTooltip", "isTooltip", "hasAnnotator", "isAnnotation", "callbacks", "onGeneratePdf", "onGenerateImage", "style"])) : B("", !0),
       h.value ? (x(), N("svg", {
         key: 3,
         ref_key: "svgRef",
@@ -504,11 +505,11 @@ const bt = ["id"], wt = ["xmlns", "viewBox"], Ct = ["width", "height"], kt = ["t
           }
         }, [
           F(t.$slots, "chart-background", {}, void 0, !0)
-        ], 8, Ct)) : B("", !0),
-        Ce("g", {
+        ], 8, kt)) : B("", !0),
+        ke("g", {
           transform: `translate(${(n.value.width <= 0 ? 10 : n.value.width) / 2}, ${(n.value.height <= 0 ? 10 : n.value.height) / 2})`
         }, [
-          (x(!0), N(Le, null, je(b.value, (o, S) => (x(), N("g", null, [
+          (x(!0), N(Le, null, je(b.value, (o, $) => (x(), N("g", null, [
             o.minX !== void 0 ? (x(), N("rect", {
               key: 0,
               x: o.x + o.minX,
@@ -517,15 +518,15 @@ const bt = ["id"], wt = ["xmlns", "viewBox"], Ct = ["width", "height"], kt = ["t
               height: o.maxY - o.minY,
               fill: "transparent",
               "pointer-events": "visiblePainted",
-              onMouseover: ($) => Ye(o),
-              onMouseleave: i[0] || (i[0] = ($) => {
+              onMouseover: (T) => Ye(o),
+              onMouseleave: i[0] || (i[0] = (T) => {
                 K.value = null, te.value = !1;
               })
             }, null, 40, xt)) : B("", !0),
             (x(), N("text", {
               fill: o.color,
               "font-weight": e.value.style.chart.words.bold ? "bold" : "normal",
-              key: S,
+              key: $,
               x: o.x,
               y: o.y,
               "font-size": o.fontSize,
@@ -533,10 +534,10 @@ const bt = ["id"], wt = ["xmlns", "viewBox"], Ct = ["width", "height"], kt = ["t
               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 }),
               "text-anchor": "middle",
               "dominant-baseline": "central",
-              style: he(`animation-delay:${S * e.value.animationDelayMs}ms !important; pointer-events:none;`)
+              style: he(`animation-delay:${$ * e.value.animationDelayMs}ms !important; pointer-events:none;`)
             }, Pe(o.name), 15, $t))
           ]))), 256))
-        ], 8, kt),
+        ], 8, Ct),
         F(t.$slots, "svg", {
           svg: { height: n.value.height, width: n.value.width }
         }, void 0, !0)
@@ -546,7 +547,7 @@ const bt = ["id"], wt = ["xmlns", "viewBox"], Ct = ["width", "height"], kt = ["t
       ])) : B("", !0),
       r(Be) ? (x(), N("div", St, [
         F(t.$slots, "reset-action", { reset: r(Te) }, () => [
-          Ce("button", {
+          ke("button", {
             "data-cy-reset": "",
             tabindex: "0",
             role: "button",
@@ -578,10 +579,10 @@ const bt = ["id"], wt = ["xmlns", "viewBox"], Ct = ["width", "height"], kt = ["t
         content: ge.value,
         isCustom: ne.value
       }, {
-        "tooltip-before": O(() => [
+        "tooltip-before": A(() => [
           F(t.$slots, "tooltip-before", Q(ee({ ...ye.value })), void 0, !0)
         ]),
-        "tooltip-after": O(() => [
+        "tooltip-after": A(() => [
           F(t.$slots, "tooltip-after", Q(ee({ ...ye.value })), void 0, !0)
         ]),
         _: 3
@@ -610,7 +611,7 @@ const bt = ["id"], wt = ["xmlns", "viewBox"], Ct = ["width", "height"], kt = ["t
           }
         }
       }, {
-        content: O(() => [
+        content: A(() => [
           (x(), ie(r(c), {
             key: `table_${re.value}`,
             colNames: ce.value.colNames,
@@ -620,13 +621,13 @@ const bt = ["id"], wt = ["xmlns", "viewBox"], Ct = ["width", "height"], kt = ["t
             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)
           }, {
-            th: O(({ th: o }) => [
-              Ce("div", {
+            th: A(({ th: o }) => [
+              ke("div", {
                 innerHTML: o,
                 style: { display: "flex", "align-items": "center" }
               }, null, 8, Ft)
             ]),
-            td: O(({ td: o }) => [
+            td: A(({ td: o }) => [
               He(Pe(o.name || o), 1)
             ]),
             _: 1
@@ -636,7 +637,7 @@ const bt = ["id"], wt = ["xmlns", "viewBox"], Ct = ["width", "height"], kt = ["t
       }, 8, ["config"])) : B("", !0)
     ], 44, bt));
   }
-}, Wt = /* @__PURE__ */ ft(Mt, [["__scopeId", "data-v-2f9957bf"]]);
+}, Wt = /* @__PURE__ */ ft(Mt, [["__scopeId", "data-v-be758984"]]);
 export {
   Wt as default
 };