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

package/dist/{vue-ui-word-cloud-D28awCaT.js → vue-ui-word-cloud-ytYbdQKa.js}

@@ -1,12 +1,12 @@
 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 { 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-BXbyT0Qn.js";
 import { t as it, u as rt, d as ut } from "./useResponsive-JZ9xq-JV.js";
-import { u as Ne } from "./useNestedProp-rMR-JeOJ.js";
-import { u as ct } from "./usePrinter-DJ7WfWUs.js";
+import { u as Ne } from "./useNestedProp-DVZpeH84.js";
+import { u as ct } from "./usePrinter-aKh5-HcK.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-apr_T9tg.js";
+import mt from "./Title-DoWqzga-.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;
@@ -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) {
@@ -64,16 +64,16 @@ function yt({
   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((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) {
+  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;
-    D !== y && (z = (T.value - y) / (D - y) * (d - k) + k), z = Math.max(k, Math.min(d, z));
+    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: C, minX: W, minY: q, maxX: Z, maxY: J } = Ie({
-        word: T,
+        word: S,
         fontSize: n,
         pad: p,
         canvas: I,
@@ -81,13 +81,13 @@ function yt({
         svg: u
       });
       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; ) {
+      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 + O * Math.cos(v * Math.PI / 180) - X / 2), b = Math.round(oe + O * Math.sin(v * Math.PI / 180) - V / 2);
+          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({ ...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;
+            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;
           }
         }
@@ -98,20 +98,20 @@ function yt({
     if (!R && n < s) {
       n = s;
       const { w: X, h: V, wordMask: C, minX: W, minY: q, maxX: Z, maxY: J } = Ie({
-        word: T,
+        word: S,
         fontSize: n,
         pad: p,
         canvas: I,
         ctx: _,
         svg: u
       });
-      let O = 0, E = 0;
-      for (; O < 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 + O * Math.cos(v * Math.PI / 180) - X / 2), b = Math.round(oe + O * Math.sin(v * Math.PI / 180) - V / 2);
+          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({ ...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;
+            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;
           }
         }
@@ -119,7 +119,7 @@ function yt({
       }
     }
   }
-  return H.sort((T, z) => z.fontSize - T.fontSize);
+  return H.sort((S, z) => z.fontSize - S.fontSize);
 }
 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,
@@ -146,19 +146,19 @@ const bt = ["id"], wt = ["xmlns", "viewBox"], kt = ["width", "height"], Ct = ["t
   },
   setup(w, { expose: p }) {
     De((t) => ({
-      ef7c6c52: t.slicerColor
+      "6e3cfc0f": t.slicerColor
     }));
-    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({
+    const u = j(() => import("./vue-ui-accordion-CXsjHe1y.js")), f = j(() => import("./BaseIcon-P7wV92Er.js")), c = j(() => import("./DataTable-DBkfb6pd.js")), m = j(() => import("./PackageVersion-C5fpg4GN.js")), l = j(() => import("./PenAndPaper-BRkuVFb4.js")), a = j(() => import("./Tooltip-DYCBNM-_.js")), s = j(() => import("./UserOptions-B3q-xfQV.js")), { vue_ui_word_cloud: k } = qe(), d = w, h = se({
       get() {
         return !!d.dataset && d.dataset.length;
       },
       set(t) {
         return t;
       }
-    }), 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({
+    }), 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,9 +166,9 @@ const bt = ["id"], wt = ["xmlns", "viewBox"], kt = ["width", "height"], Ct = ["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,
@@ -208,7 +208,7 @@ const bt = ["id"], wt = ["xmlns", "viewBox"], kt = ["width", "height"], Ct = ["t
       et(d.dataset) ? Ae({
         componentName: "VueUiWordCloud",
         type: "dataset"
-      }) : U.value.forEach((t, i) => {
+      }) : G.value.forEach((t, i) => {
         tt({
           datasetObject: t,
           requiredAttributes: ["name", "value"]
@@ -225,7 +225,7 @@ const bt = ["id"], wt = ["xmlns", "viewBox"], kt = ["width", "height"], Ct = ["t
     Ue(() => {
       C.value && (W.value && C.value.unobserve(W.value), C.value.disconnect());
     });
-    const { isPrinting: Z, isImaging: J, generatePdf: O, 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"], kt = ["width", "height"], Ct = ["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 {
-          ...$,
+          ...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"], kt = ["width", "height"], Ct = ["t
       })), i = b.value.map((o) => o.value);
       return { head: t, body: i };
     });
-    function Ce() {
+    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"], kt = ["width", "height"], Ct = ["t
       };
     }), de = g(!1);
     function Xe(t) {
-      de.value = t, D.value += 1;
+      de.value = t, E.value += 1;
     }
     function Ve() {
       return b.value;
@@ -340,7 +340,7 @@ const bt = ["id"], wt = ["xmlns", "viewBox"], kt = ["width", "height"], Ct = ["t
       getData: Ve,
       generateCsv: Ce,
       generatePdf: O,
-      generateImage: E,
+      generateImage: U,
       toggleTable: xe,
       toggleTooltip: $e,
       toggleAnnotator: pe
@@ -401,9 +401,9 @@ const bt = ["id"], wt = ["xmlns", "viewBox"], kt = ["width", "height"], Ct = ["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),
@@ -426,18 +426,18 @@ const bt = ["id"], wt = ["xmlns", "viewBox"], kt = ["width", "height"], Ct = ["t
         onToggleFullscreen: Xe,
         onGeneratePdf: r(O),
         onGenerateCsv: Ce,
-        onGenerateImage: r(E),
+        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: A(({ 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,
@@ -471,15 +471,15 @@ const bt = ["id"], wt = ["xmlns", "viewBox"], kt = ["width", "height"], Ct = ["t
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: A(({ 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: A(({ 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
@@ -509,7 +509,7 @@ const bt = ["id"], wt = ["xmlns", "viewBox"], kt = ["width", "height"], Ct = ["t
         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,
@@ -518,15 +518,15 @@ const bt = ["id"], wt = ["xmlns", "viewBox"], kt = ["width", "height"], Ct = ["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,
@@ -534,7 +534,7 @@ const bt = ["id"], wt = ["xmlns", "viewBox"], kt = ["width", "height"], Ct = ["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, Ct),
@@ -637,7 +637,7 @@ const bt = ["id"], wt = ["xmlns", "viewBox"], kt = ["width", "height"], Ct = ["t
       }, 8, ["config"])) : B("", !0)
     ], 44, bt));
   }
-}, Wt = /* @__PURE__ */ ft(Mt, [["__scopeId", "data-v-f12089f2"]]);
+}, Wt = /* @__PURE__ */ ft(Mt, [["__scopeId", "data-v-be758984"]]);
 export {
   Wt as default
 };