vue-data-ui 2.12.8-beta.1 → 2.12.8-beta.3

package/dist/{vue-ui-word-cloud-a4kmpLK9.js → vue-ui-word-cloud-D28awCaT.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-_gtZv10q.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-CH_mJIWj.js";
 import { t as it, u as rt, d as ut } from "./useResponsive-JZ9xq-JV.js";
-import { u as Ne } from "./useNestedProp-Bz6Z0t8M.js";
-import { u as ct } from "./usePrinter-LFM5suk6.js";
+import { u as Ne } from "./useNestedProp-rMR-JeOJ.js";
+import { u as ct } from "./usePrinter-DJ7WfWUs.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-BEQiIKjn.js";
+import mt from "./Title-apr_T9tg.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,
@@ -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,15 +64,15 @@ 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((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 });
   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));
+    let z = k;
+    D !== y && (z = (T.value - y) / (D - 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({
+      let { w: X, h: V, wordMask: C, minX: W, minY: q, maxX: Z, maxY: J } = Ie({
         word: T,
         fontSize: n,
         pad: p,
@@ -80,24 +80,24 @@ function yt({
         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, E = 0;
+      for (; O < Math.max(l, a) && !R && E < 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;
+          const M = Math.round(U + 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({ ...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: 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({
+      const { w: X, h: V, wordMask: C, minX: W, minY: q, maxX: Z, maxY: J } = Ie({
         word: T,
         fontSize: n,
         pad: p,
@@ -105,23 +105,23 @@ function yt({
         ctx: _,
         svg: u
       });
-      let A = 0, E = 0;
-      for (; A < Math.max(l, a) && !R && E < 25e3; ) {
+      let O = 0, E = 0;
+      for (; O < Math.max(l, a) && !R && E < 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;
+          const M = Math.round(U + 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({ ...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: C }), R = !0;
             break;
           }
         }
-        A += e;
+        O += e;
       }
     }
   }
   return H.sort((T, z) => z.fontSize - T.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,16 +146,16 @@ const bt = ["id"], wt = ["xmlns", "viewBox"], Ct = ["width", "height"], kt = ["t
   },
   setup(w, { expose: p }) {
     De((t) => ({
-      c9496d9a: t.slicerColor
+      ef7c6c52: t.slicerColor
     }));
-    const u = j(() => import("./vue-ui-accordion-DFfQ5rpF.js")), f = j(() => import("./BaseIcon-C8g0bTnH.js")), c = j(() => import("./DataTable-DN8VsGNp.js")), m = j(() => import("./PackageVersion-CFpmup6M.js")), l = j(() => import("./PenAndPaper-BrIjEzie.js")), a = j(() => import("./Tooltip-R_tsQZO3.js")), s = j(() => import("./UserOptions-CIOyDPmN.js")), { vue_ui_word_cloud: C } = qe(), d = w, h = se({
+    const u = j(() => import("./vue-ui-accordion-Ds4zkPIx.js")), f = j(() => import("./BaseIcon-DaR0sIWZ.js")), c = j(() => import("./DataTable-BBqbcutV.js")), m = j(() => import("./PackageVersion-ClpqQxYT.js")), l = j(() => import("./PenAndPaper-B-T7XvxF.js")), a = j(() => import("./Tooltip-BuHsMAfp.js")), s = j(() => import("./UserOptions-OVNxxnq5.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()), D = 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());
@@ -172,7 +172,7 @@ const bt = ["id"], wt = ["xmlns", "viewBox"], Ct = ["width", "height"], kt = ["t
     function R() {
       const t = Ne({
         userConfig: d.config,
-        defaultConfig: C
+        defaultConfig: k
       });
       return t.theme ? {
         ...Ne({
@@ -202,10 +202,10 @@ 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) => {
@@ -213,19 +213,19 @@ const bt = ["id"], wt = ["xmlns", "viewBox"], Ct = ["width", "height"], kt = ["t
           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: E } = ct({
       elementId: `wordCloud_${y.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-word-cloud",
       options: e.value.userOptions.print
@@ -249,7 +249,7 @@ const bt = ["id"], wt = ["xmlns", "viewBox"], Ct = ["width", "height"], kt = ["t
         const Se = M($.name, L);
         return {
           ...$,
-          id: Ae(),
+          id: Oe(),
           fontSize: L,
           width: Se.width,
           height: Se.height,
@@ -270,7 +270,7 @@ 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() {
       ze(() => {
         const t = ue.value.head.map((S, $) => [[
           S.name
@@ -338,8 +338,8 @@ const bt = ["id"], wt = ["xmlns", "viewBox"], Ct = ["width", "height"], kt = ["t
     }, 1, We);
     p({
       getData: Ve,
-      generateCsv: ke,
-      generatePdf: A,
+      generateCsv: Ce,
+      generatePdf: O,
       generateImage: E,
       toggleTable: xe,
       toggleTooltip: $e,
@@ -422,9 +422,10 @@ 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,
+        onGeneratePdf: r(O),
+        onGenerateCsv: Ce,
         onGenerateImage: r(E),
         onToggleTable: xe,
         onToggleTooltip: $e,
@@ -435,54 +436,54 @@ const bt = ["id"], wt = ["xmlns", "viewBox"], Ct = ["width", "height"], kt = ["t
       }, Ge({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: O(({ isOpen: o, color: S }) => [
+          fn: A(({ isOpen: o, color: S }) => [
             F(t.$slots, "menuIcon", Q(ee({ isOpen: o, color: S })), 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 }) => [
+          fn: A(({ toggleFullscreen: o, isFullscreen: S }) => [
             F(t.$slots, "optionFullscreen", Q(ee({ toggleFullscreen: o, isFullscreen: S })), void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: O(({ toggleAnnotator: o, isAnnotator: S }) => [
+          fn: A(({ toggleAnnotator: o, isAnnotator: S }) => [
             F(t.$slots, "optionAnnotator", Q(ee({ toggleAnnotator: o, isAnnotator: S })), 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,8 +505,8 @@ 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, [
@@ -536,7 +537,7 @@ const bt = ["id"], wt = ["xmlns", "viewBox"], Ct = ["width", "height"], kt = ["t
               style: he(`animation-delay:${S * 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-f12089f2"]]);
 export {
   Wt as default
 };