vue-data-ui 2.7.2 → 2.7.4

package/dist/{vue-ui-word-cloud-DBCVUkLM.js → vue-ui-word-cloud-U5KISxTe.js}

@@ -1,18 +1,18 @@
-import { useCssVars as Ae, computed as K, ref as h, watch as de, onMounted as Ne, onBeforeUnmount as Ie, createElementBlock as V, openBlock as b, unref as v, normalizeStyle as ne, createBlock as Q, createCommentVNode as U, createVNode as ve, createSlots as _e, withCtx as S, renderSlot as $, normalizeProps as G, guardReactiveProps as L, normalizeClass as ye, createElementVNode as he, Fragment as Re, renderList as We, toDisplayString as be, createTextVNode as Ve, nextTick as we } from "vue";
-import { u as Ue, c as Ce, a6 as Be, v as De, t as Ee, p as se, a as Ge, o as Le, e as ke, g as He, f as je, X as Xe, q as qe, r as Ye, x as Ze } from "./index-gC66Se26.js";
-import { _ as Je } from "./Title-Co3F59jq.js";
-import { u as Ke, U as Qe } from "./usePrinter-KMFl0n0s.js";
+import { useCssVars as Ne, computed as K, ref as h, watch as de, onMounted as _e, onBeforeUnmount as Ae, createElementBlock as V, openBlock as b, unref as v, normalizeStyle as ne, createBlock as Q, createCommentVNode as U, createVNode as ve, createSlots as Ie, withCtx as S, renderSlot as $, normalizeProps as G, guardReactiveProps as L, normalizeClass as ye, createElementVNode as he, Fragment as Re, renderList as We, toDisplayString as be, createTextVNode as Ve, nextTick as we } from "vue";
+import { u as Ue, c as Ce, a6 as Be, v as De, t as Ee, p as se, a as Ge, o as Le, e as ke, g as He, f as je, X as Xe, q as qe, r as Ye, x as Ze } from "./index-D3VntmA9.js";
+import { _ as Je } from "./Title-UjBqdYyD.js";
+import { u as Ke, U as Qe } from "./usePrinter-H3tAjGXs.js";
 import { t as et, u as tt, d as ot } from "./useResponsive-Cw4oZ8sQ.js";
-import at from "./vue-ui-accordion-j2beIma_.js";
-import { D as lt } from "./DataTable-C_28ZqiP.js";
-import { u as $e } from "./useNestedProp-BusTOV-6.js";
-import { _ as nt } from "./PackageVersion-39l3KkzC.js";
-import { _ as st } from "./Tooltip-Cr89wMKa.js";
-import { P as rt } from "./PenAndPaper-CmcfpltX.js";
+import at from "./vue-ui-accordion-DGJQIcdB.js";
+import { D as lt } from "./DataTable-DOKlm7k4.js";
+import { u as $e } from "./useNestedProp-DTlOqz2P.js";
+import { _ as nt } from "./PackageVersion-BCLALL_i.js";
+import { _ as st } from "./Tooltip-3NNIdJ6N.js";
+import { _ as rt } from "./PenAndPaper-CZs431Nx.js";
 import { u as it } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as ut } from "./useChartAccessibility-BWojgys7.js";
 import { u as ct } from "./usePanZoom-CUkkqW81.js";
-import dt from "./BaseIcon-DqYzMisq.js";
+import dt from "./BaseIcon-BLhJaEYy.js";
 import { _ as vt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 function xe({
   word: w,
@@ -26,9 +26,9 @@ function xe({
   const a = u.measureText(w.name), n = Math.ceil(a.width) + 2 + (f ? f * 2 : 0), r = Math.ceil(m) + 2 + (f ? f * 2 : 0);
   i.width = n, i.height = r, u.clearRect(0, 0, n, r), u.font = `${l.style && l.style.bold ? "bold " : ""}${m}px Arial`, u.textAlign = "center", u.textBaseline = "middle", u.fillStyle = "black", u.fillText(w.name, n / 2, r / 2);
   const M = u.getImageData(0, 0, n, r).data, x = [];
-  for (let P = 0; P < r; P += 1)
+  for (let z = 0; z < r; z += 1)
     for (let e = 0; e < n; e += 1)
-      M[(P * n + e) * 4 + 3] > 1 && x.push([e, P]);
+      M[(z * n + e) * 4 + 3] > 1 && x.push([e, z]);
   return u.restore(), { w: n, h: r, wordMask: x };
 }
 function Te({ mask: w, maskW: m, maskH: f, wx: i, wy: u, wordMask: l }) {
@@ -60,62 +60,62 @@ function ft({
   proximity: m = 0,
   svg: f
 }) {
-  const { width: i, height: u } = f, l = Math.round(i), a = Math.round(u), n = 1, r = f.minFontSize, F = f.maxFontSize, M = w.map((p) => p.value), x = Math.min(...M), P = Math.max(...M), e = new Uint8Array(l * a), R = document.createElement("canvas"), H = R.getContext("2d", { willReadFrequently: !0 });
+  const { width: i, height: u } = f, l = Math.round(i), a = Math.round(u), n = 1, r = f.minFontSize, F = f.maxFontSize, M = w.map((p) => p.value), x = Math.min(...M), z = Math.max(...M), e = new Uint8Array(l * a), R = document.createElement("canvas"), H = R.getContext("2d", { willReadFrequently: !0 });
   R.width = l, R.height = a;
-  const j = 6, ee = 2, te = 2, X = 1, q = Math.floor(l / 2), c = Math.floor(a / 2), re = [...w].sort((p, z) => z.value - p.value), Y = [];
+  const j = 6, ee = 2, te = 2, X = 1, q = Math.floor(l / 2), c = Math.floor(a / 2), re = [...w].sort((p, O) => O.value - p.value), Y = [];
   for (const p of re) {
-    let z = r;
-    P !== x && (z = (p.value - x) / (P - x) * (F - r) + r), z = Math.max(r, Math.min(F, z));
-    let W = !1, O = z;
-    for (; !W && O >= n; ) {
-      let { w: A, h: N, wordMask: d } = xe({
+    let O = r;
+    z !== x && (O = (p.value - x) / (z - x) * (F - r) + r), O = Math.max(r, Math.min(F, O));
+    let W = !1, P = O;
+    for (; !W && P >= n; ) {
+      let { w: N, h: _, wordMask: d } = xe({
         word: p,
-        fontSize: O,
+        fontSize: P,
         pad: m,
         canvas: R,
         ctx: H,
         svg: f
       });
-      d = ht({ wordMask: d, w: A, h: N, dilation: 2 });
-      let I = 0, _ = 0;
-      for (; I < Math.max(l, a) && !W && _ < 1e4; ) {
+      d = ht({ wordMask: d, w: N, h: _, dilation: 2 });
+      let A = 0, I = 0;
+      for (; A < Math.max(l, a) && !W && I < 1e4; ) {
         for (let T = 0; T < 360; T += j) {
-          _ += 1;
-          const g = Math.round(q + I * Math.cos(T * Math.PI / 180) - A / 2), C = Math.round(c + I * Math.sin(T * Math.PI / 180) - N / 2);
-          if (!(g < 0 || C < 0 || g + A > l || C + N > a) && Te({ mask: e, maskW: l, maskH: a, wx: g, wy: C, wordMask: d })) {
-            Y.push({ ...p, x: g - l / 2, y: C - a / 2, fontSize: O, width: A, height: N, angle: 0 }), Se({ mask: e, maskW: l, maskH: a, wx: g, wy: C, wordMask: d }), W = !0;
+          I += 1;
+          const g = Math.round(q + A * Math.cos(T * Math.PI / 180) - N / 2), C = Math.round(c + A * Math.sin(T * Math.PI / 180) - _ / 2);
+          if (!(g < 0 || C < 0 || g + N > l || C + _ > a) && Te({ mask: e, maskW: l, maskH: a, wx: g, wy: C, wordMask: d })) {
+            Y.push({ ...p, x: g - l / 2, y: C - a / 2, fontSize: P, width: N, height: _, angle: 0 }), Se({ mask: e, maskW: l, maskH: a, wx: g, wy: C, wordMask: d }), W = !0;
             break;
           }
         }
-        I += ee;
+        A += ee;
       }
-      W || (O -= 1);
+      W || (P -= 1);
     }
-    if (!W && O < n) {
-      O = n;
-      const { w: A, h: N, wordMask: d } = xe({
+    if (!W && P < n) {
+      P = n;
+      const { w: N, h: _, wordMask: d } = xe({
         word: p,
-        fontSize: O,
+        fontSize: P,
         pad: m,
         canvas: R,
         ctx: H,
         svg: f
       });
-      let I = 0, _ = 0;
-      for (; I < Math.max(l, a) && !W && _ < 25e3; ) {
+      let A = 0, I = 0;
+      for (; A < Math.max(l, a) && !W && I < 25e3; ) {
         for (let T = 0; T < 360; T += te) {
-          _ += 1;
-          const g = Math.round(q + I * Math.cos(T * Math.PI / 180) - A / 2), C = Math.round(c + I * Math.sin(T * Math.PI / 180) - N / 2);
-          if (!(g < 0 || C < 0 || g + A > l || C + N > a) && Te({ mask: e, maskW: l, maskH: a, wx: g, wy: C, wordMask: d })) {
-            Y.push({ ...p, x: g - l / 2, y: C - a / 2, fontSize: O, width: A, height: N, angle: 0 }), Se({ mask: e, maskW: l, maskH: a, wx: g, wy: C, wordMask: d }), W = !0;
+          I += 1;
+          const g = Math.round(q + A * Math.cos(T * Math.PI / 180) - N / 2), C = Math.round(c + A * Math.sin(T * Math.PI / 180) - _ / 2);
+          if (!(g < 0 || C < 0 || g + N > l || C + _ > a) && Te({ mask: e, maskW: l, maskH: a, wx: g, wy: C, wordMask: d })) {
+            Y.push({ ...p, x: g - l / 2, y: C - a / 2, fontSize: P, width: N, height: _, angle: 0 }), Se({ mask: e, maskW: l, maskH: a, wx: g, wy: C, wordMask: d }), W = !0;
             break;
           }
         }
-        I += X;
+        A += X;
       }
     }
   }
-  return Y.sort((p, z) => z.fontSize - p.fontSize);
+  return Y.sort((p, O) => O.fontSize - p.fontSize);
 }
 const mt = ["id"], pt = ["xmlns", "viewBox"], gt = ["width", "height"], yt = ["transform"], bt = ["fill", "font-weight", "x", "y", "font-size", "transform", "onMouseover"], wt = {
   key: 4,
@@ -141,7 +141,7 @@ const mt = ["id"], pt = ["xmlns", "viewBox"], gt = ["width", "height"], yt = ["t
     }
   },
   setup(w, { expose: m }) {
-    Ae((t) => ({
+    Ne((t) => ({
       "1461b4f2": t.slicerColor
     }));
     const { vue_ui_word_cloud: f } = Ue(), i = w, u = K({
@@ -151,7 +151,7 @@ const mt = ["id"], pt = ["xmlns", "viewBox"], gt = ["width", "height"], yt = ["t
       set(t) {
         return t;
       }
-    }), l = h(Ce()), a = h(0), n = h(null), r = h(null), F = h(null), M = h(0), x = h(0), P = h(!1), e = K({
+    }), l = h(Ce()), a = h(0), n = h(null), r = h(null), F = h(null), M = h(0), x = h(0), z = h(!1), e = K({
       get: () => q(),
       set: (t) => t
     }), R = h(H());
@@ -179,7 +179,7 @@ const mt = ["id"], pt = ["xmlns", "viewBox"], gt = ["width", "height"], yt = ["t
       } : t;
     }
     de(() => i.config, (t) => {
-      e.value = q(), j.value = !e.value.userOptions.showOnChartHover, z(), M.value += 1, x.value += 1, d.value.showTable = e.value.table.show, d.value.showTooltip = e.value.style.chart.tooltip.show;
+      e.value = q(), j.value = !e.value.userOptions.showOnChartHover, O(), M.value += 1, x.value += 1, d.value.showTable = e.value.table.show, d.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
     const c = h({
       width: e.value.style.chart.width,
@@ -199,8 +199,8 @@ const mt = ["id"], pt = ["xmlns", "viewBox"], gt = ["width", "height"], yt = ["t
         c.value.width = t, c.value.height = s, we(re);
       });
     }), p = h(null);
-    Ne(z);
-    function z() {
+    _e(O);
+    function O() {
       Le(i.dataset) ? ke({
         componentName: "VueUiWordCloud",
         type: "dataset"
@@ -218,10 +218,10 @@ const mt = ["id"], pt = ["xmlns", "viewBox"], gt = ["width", "height"], yt = ["t
         });
       }), e.value.responsive && (p.value = new ResizeObserver(Y), p.value.observe(n.value.parentNode));
     }
-    Ie(() => {
+    Ae(() => {
       p.value && p.value.disconnect();
     });
-    const { isPrinting: W, isImaging: O, generatePdf: A, generateImage: N } = Ke({
+    const { isPrinting: W, isImaging: P, generatePdf: N, generateImage: _ } = Ke({
       elementId: `wordCloud_${l.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-word-cloud",
       options: e.value.userOptions.print
@@ -229,20 +229,20 @@ const mt = ["id"], pt = ["xmlns", "viewBox"], gt = ["width", "height"], yt = ["t
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
     });
-    function I(t, s, o = "Arial") {
+    function A(t, s, o = "Arial") {
       const y = document.createElement("canvas").getContext("2d");
       return y.font = `${s}px ${e.value.style.chart.words.bold ? "bold" : "normal"} ${o}`, {
         width: y.measureText(t).width + e.value.style.chart.words.proximity,
         height: s
       };
     }
-    const _ = h([]);
+    const I = h([]);
     de(() => i.dataset, T, { immediate: !0 });
     function T() {
       const t = [...R.value].map((y) => y.value), s = Math.max(...t), o = Math.min(...t), k = [...R.value].map((y, B) => {
         let D = (y.value - o) / (s - o) * (c.value.maxFontSize - c.value.minFontSize) + c.value.minFontSize;
         D = isNaN(D) ? c.value.minFontSize : D;
-        const ge = I(y.name, D);
+        const ge = A(y.name, D);
         return {
           ...y,
           id: Ce(),
@@ -252,17 +252,17 @@ const mt = ["id"], pt = ["xmlns", "viewBox"], gt = ["width", "height"], yt = ["t
           color: e.value.style.chart.words.usePalette ? e.value.customPalette[B] || e.value.customPalette[B % e.value.customPalette.length] || se[B] || se[B % se.length] : e.value.style.chart.words.color
         };
       });
-      _.value = ft({
+      I.value = ft({
         words: k,
         svg: c.value,
         proximity: e.value.style.chart.words.proximity
       });
     }
     const g = K(() => {
-      const t = _.value.map((o) => ({
+      const t = I.value.map((o) => ({
         name: o.name,
         color: o.color
-      })), s = _.value.map((o) => o.value);
+      })), s = I.value.map((o) => o.value);
       return { head: t, body: s };
     });
     function C() {
@@ -313,7 +313,7 @@ const mt = ["id"], pt = ["xmlns", "viewBox"], gt = ["width", "height"], yt = ["t
       ae.value = t, a.value += 1;
     }
     function Me() {
-      return _.value;
+      return I.value;
     }
     function fe() {
       d.value.showTable = !d.value.showTable;
@@ -325,23 +325,23 @@ const mt = ["id"], pt = ["xmlns", "viewBox"], gt = ["width", "height"], yt = ["t
     function ie() {
       Z.value = !Z.value;
     }
-    const Pe = K(() => !Z.value && e.value.style.chart.zoom.show), { viewBox: le, resetZoom: pe, isZoom: ze } = ct(X, {
+    const ze = K(() => !Z.value && e.value.style.chart.zoom.show), { viewBox: le, resetZoom: pe, isZoom: Oe } = ct(X, {
       x: 0,
       y: 0,
       width: c.value.width <= 0 ? 10 : c.value.width,
       height: c.value.height <= 0 ? 10 : c.value.height
-    }, 1, Pe);
+    }, 1, ze);
     m({
       getData: Me,
       generateCsv: C,
-      generatePdf: A,
-      generateImage: N,
+      generatePdf: N,
+      generateImage: _,
       toggleTable: fe,
       toggleTooltip: me,
       toggleAnnotator: ie
     });
     const E = h(null), J = h(!1), ue = h(""), ce = h(null);
-    function Oe(t) {
+    function Pe(t) {
       if (!d.value.showTooltip) return;
       E.value = t.id, ce.value = { datapoint: t, config: e.value };
       const s = e.value.style.chart.tooltip.customFormat;
@@ -359,7 +359,7 @@ const mt = ["id"], pt = ["xmlns", "viewBox"], gt = ["width", "height"], yt = ["t
         let o = `<svg viewBox="0 0 10 10" height="${e.value.style.chart.tooltip.fontSize}"><circle cx="5" cy="5" r="5" fill="${t.color}"/></svg><span>${t.name}:</span><b>${(t.value || 0).toFixed(e.value.style.chart.tooltip.roundingValue)}</b>`;
         ue.value = `<div dir="auto" style="display:flex; gap:4px; align-items:center; jsutify-content:center;">${o}</div>`;
       }
-      P.value = !0;
+      z.value = !0;
     }
     return (t, s) => (b(), V("div", {
       class: "vue-ui-word-cloud",
@@ -402,7 +402,7 @@ const mt = ["id"], pt = ["xmlns", "viewBox"], gt = ["width", "height"], yt = ["t
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         isPrinting: v(W),
-        isImaging: v(O),
+        isImaging: v(P),
         uid: l.value,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasXls: e.value.userOptions.buttons.csv,
@@ -418,16 +418,16 @@ const mt = ["id"], pt = ["xmlns", "viewBox"], gt = ["width", "height"], yt = ["t
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: Z.value,
         onToggleFullscreen: Fe,
-        onGeneratePdf: v(A),
+        onGeneratePdf: v(N),
         onGenerateCsv: C,
-        onGenerateImage: v(N),
+        onGenerateImage: v(_),
         onToggleTable: fe,
         onToggleTooltip: me,
         onToggleAnnotator: ie,
         style: ne({
           visibility: v(te) ? v(j) ? "visible" : "hidden" : "visible"
         })
-      }, _e({ _: 2 }, [
+      }, Ie({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
           fn: S(({ isOpen: o, color: k }) => [
@@ -503,7 +503,7 @@ const mt = ["id"], pt = ["xmlns", "viewBox"], gt = ["width", "height"], yt = ["t
         he("g", {
           transform: `translate(${(c.value.width <= 0 ? 10 : c.value.width) / 2}, ${(c.value.height <= 0 ? 10 : c.value.height) / 2})`
         }, [
-          (b(!0), V(Re, null, We(_.value, (o, k) => (b(), V("g", null, [
+          (b(!0), V(Re, null, We(I.value, (o, k) => (b(), V("g", null, [
             (b(), V("text", {
               fill: o.color,
               "font-weight": e.value.style.chart.words.bold ? "bold" : "normal",
@@ -515,9 +515,9 @@ const mt = ["id"], pt = ["xmlns", "viewBox"], gt = ["width", "height"], yt = ["t
               class: ye({ animated: e.value.useCssAnimation, "word-selected": E.value && E.value === o.id && d.value.showTooltip, "word-not-selected": E.value && E.value !== o.id && d.value.showTooltip }),
               "text-anchor": "middle",
               "dominant-baseline": "central",
-              onMouseover: (y) => Oe(o),
+              onMouseover: (y) => Pe(o),
               onMouseleave: s[0] || (s[0] = (y) => {
-                E.value = null, P.value = !1;
+                E.value = null, z.value = !1;
               }),
               style: ne(`animation-delay:${k * e.value.animationDelayMs}ms !important;`)
             }, be(o.name), 47, bt))
@@ -528,9 +528,9 @@ const mt = ["id"], pt = ["xmlns", "viewBox"], gt = ["width", "height"], yt = ["t
         }, void 0, !0)
       ], 10, pt)) : U("", !0),
       t.$slots.watermark ? (b(), V("div", wt, [
-        $(t.$slots, "watermark", G(L({ isPrinting: v(W) || v(O) })), void 0, !0)
+        $(t.$slots, "watermark", G(L({ isPrinting: v(W) || v(P) })), void 0, !0)
       ])) : U("", !0),
-      v(ze) ? (b(), V("div", Ct, [
+      v(Oe) ? (b(), V("div", Ct, [
         $(t.$slots, "reset-action", { reset: v(pe) }, () => [
           he("button", {
             "data-cy-reset": "",
@@ -550,7 +550,7 @@ const mt = ["id"], pt = ["xmlns", "viewBox"], gt = ["width", "height"], yt = ["t
         ], !0)
       ])) : U("", !0),
       ve(st, {
-        show: d.value.showTooltip && P.value,
+        show: d.value.showTooltip && z.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         fontSize: e.value.style.chart.tooltip.fontSize,