vue-data-ui 2.12.2 → 2.12.4

package/dist/{vue-ui-word-cloud-DmYJrVSa.js → vue-ui-word-cloud-3LB7Ntxy.js}

@@ -1,26 +1,26 @@
-import { useCssVars as Oe, computed as oe, ref as f, watch as me, onMounted as Ne, onBeforeUnmount as Ae, createElementBlock as X, openBlock as w, unref as h, normalizeStyle as re, createBlock as ae, createCommentVNode as B, createVNode as fe, createSlots as Ie, withCtx as P, renderSlot as F, normalizeProps as J, guardReactiveProps as K, normalizeClass as we, createElementVNode as pe, Fragment as Xe, renderList as Re, toDisplayString as Ce, createTextVNode as We, nextTick as ke } from "vue";
-import { u as Ve, c as xe, aj as Be, v as Ye, t as De, p as ue, a as Ue, o as Ee, e as $e, g as Ge, f as Le, X as je, q as He, r as qe, x as Ze } from "./index-DISniBjo.js";
-import { _ as Je } from "./Title-BjMd4WGZ.js";
-import { u as Ke, U as Qe } from "./usePrinter-Cw5Mv9xt.js";
+import { useCssVars as Oe, computed as oe, ref as f, watch as me, onMounted as Ne, onBeforeUnmount as Ae, createElementBlock as X, openBlock as w, unref as h, normalizeStyle as re, createBlock as ae, createCommentVNode as B, createVNode as fe, createSlots as Ie, withCtx as P, renderSlot as F, normalizeProps as J, guardReactiveProps as K, normalizeClass as we, createElementVNode as pe, Fragment as Xe, renderList as Re, toDisplayString as ke, createTextVNode as We, nextTick as Ce } from "vue";
+import { u as Ve, c as xe, ak as Be, v as Ye, t as De, p as ue, a as Ue, o as Ee, e as $e, g as Ge, f as Le, X as He, q as je, r as qe, x as Ze } from "./index-BKDMQMKQ.js";
+import { _ as Je } from "./Title-BQKp20eU.js";
+import { u as Ke, U as Qe } from "./usePrinter-BNaQ2HUw.js";
 import { t as et, u as tt, d as ot } from "./useResponsive-JZ9xq-JV.js";
-import at from "./vue-ui-accordion-CFpwBwSP.js";
-import { D as lt } from "./DataTable-bu8svd8_.js";
-import { u as Te } from "./useNestedProp-Cg1rd0rj.js";
-import { _ as nt } from "./PackageVersion-DV3lyC6_.js";
-import { _ as st } from "./Tooltip-QXYFefbw.js";
-import { _ as it } from "./PenAndPaper-mmgChIlY.js";
+import at from "./vue-ui-accordion-DyqkVlpC.js";
+import { D as lt } from "./DataTable-BAr4XpSA.js";
+import { u as Te } from "./useNestedProp-B_1UW4X2.js";
+import { _ as nt } from "./PackageVersion-CQUs0b3q.js";
+import { _ as st } from "./Tooltip-Bjsc232E.js";
+import { _ as it } from "./PenAndPaper-DmGOEcsD.js";
 import { u as rt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as ut } from "./useChartAccessibility-BWojgys7.js";
 import { u as ct } from "./usePanZoom-CUkkqW81.js";
-import dt from "./BaseIcon-C8PYAGSm.js";
+import dt from "./BaseIcon-DIIS9hFE.js";
 import { _ as vt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 function ht(b, p) {
   const { width: c, height: n } = b, d = p.getImageData(0, 0, c, n).data;
-  let l = c, a = n, s = 0, g = 0, k = !1;
+  let l = c, a = n, s = 0, g = 0, C = !1;
   for (let m = 0; m < n; m += 1)
     for (let y = 0; y < c; y += 1)
-      d[(m * c + y) * 4 + 3] > 1 && (k = !0, y < l && (l = y), y > s && (s = y), m < a && (a = m), m > g && (g = m));
-  return k ? [l, a, s, g] : [0, 0, 0, 0];
+      d[(m * c + y) * 4 + 3] > 1 && (C = !0, y < l && (l = y), y > s && (s = y), m < a && (a = m), m > g && (g = m));
+  return C ? [l, a, s, g] : [0, 0, 0, 0];
 }
 function Se({
   word: b,
@@ -33,10 +33,10 @@ function Se({
   r.save(), r.font = `${d.style && d.style.bold ? "bold " : ""}${p}px Arial`;
   const l = r.measureText(b.name), a = Math.ceil(l.width) + 2 + (c ? c * 2 : 0), s = Math.ceil(p) + 2 + (c ? c * 2 : 0);
   n.width = a, n.height = s, r.clearRect(0, 0, a, s), r.font = `${d.style && d.style.bold ? "bold " : ""}${p}px Arial`, r.textAlign = "center", r.textBaseline = "middle", r.fillStyle = "black", r.fillText(b.name, a / 2, s / 2);
-  const k = r.getImageData(0, 0, a, s).data, m = [];
+  const C = r.getImageData(0, 0, a, s).data, m = [];
   for (let _ = 0; _ < s; _ += 1)
     for (let Y = 0; Y < a; Y += 1)
-      k[(_ * a + Y) * 4 + 3] > 1 && m.push([Y, _]);
+      C[(_ * a + Y) * 4 + 3] > 1 && m.push([Y, _]);
   const [y, e, z, R] = ht(n, r);
   return r.restore(), { w: a, h: s, wordMask: m, minX: y, minY: e, maxX: z, maxY: R };
 }
@@ -59,8 +59,8 @@ function mt({ wordMask: b, w: p, h: c, dilation: n }) {
     for (let s = -n; s <= n; s += 1)
       for (let g = -n; g <= n; g += 1) {
         if (s === 0 && g === 0) continue;
-        const k = l + s, m = a + g;
-        k >= 0 && k < p && m >= 0 && m < c && d.add(`${k},${m}`);
+        const C = l + s, m = a + g;
+        C >= 0 && C < p && m >= 0 && m < c && d.add(`${C},${m}`);
       }
   return Array.from(d).map((l) => l.split(",").map(Number));
 }
@@ -70,12 +70,12 @@ function ft({
   svg: c,
   strictPixelPadding: n
 }) {
-  const { width: r, height: d } = c, l = Math.round(r), a = Math.round(d), s = 1, g = c.minFontSize, k = Math.min(c.maxFontSize, 100), m = b.map((x) => x.value), y = Math.min(...m), e = Math.max(...m), z = new Uint8Array(l * a), R = document.createElement("canvas"), _ = R.getContext("2d", { willReadFrequently: !0 });
+  const { width: r, height: d } = c, l = Math.round(r), a = Math.round(d), s = 1, g = c.minFontSize, C = Math.min(c.maxFontSize, 100), m = b.map((x) => x.value), y = Math.min(...m), e = Math.max(...m), z = new Uint8Array(l * a), R = document.createElement("canvas"), _ = R.getContext("2d", { willReadFrequently: !0 });
   R.width = l, R.height = a;
   const Y = 6, le = 2, Q = 2, ne = 1, u = Math.floor(l / 2), se = Math.floor(a / 2), ce = [...b].sort((x, O) => O.value - x.value), E = [];
   for (const x of ce) {
     let O = g;
-    e !== y && (O = (x.value - y) / (e - y) * (k - g) + g), O = Math.max(g, Math.min(k, O));
+    e !== y && (O = (x.value - y) / (e - y) * (C - g) + g), O = Math.max(g, Math.min(C, O));
     let W = !1, N = O;
     for (; !W && N >= s; ) {
       let { w: A, h: v, wordMask: D, minX: U, minY: L, maxX: G, maxY: q } = Se({
@@ -127,7 +127,7 @@ function ft({
   }
   return E.sort((x, O) => O.fontSize - x.fontSize);
 }
-const pt = ["id"], gt = ["xmlns", "viewBox"], yt = ["width", "height"], bt = ["transform"], wt = ["x", "y", "width", "height", "onMouseover"], Ct = ["fill", "font-weight", "x", "y", "font-size", "transform"], kt = {
+const pt = ["id"], gt = ["xmlns", "viewBox"], yt = ["width", "height"], bt = ["transform"], wt = ["x", "y", "width", "height", "onMouseover"], kt = ["fill", "font-weight", "x", "y", "font-size", "transform"], Ct = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, xt = {
@@ -161,7 +161,7 @@ const pt = ["id"], gt = ["xmlns", "viewBox"], yt = ["width", "height"], bt = ["t
       set(t) {
         return t;
       }
-    }), d = f(xe()), l = f(0), a = f(null), s = f(null), g = f(null), k = f(0), m = f(0), y = f(!1), e = oe({
+    }), d = f(xe()), l = f(0), a = f(null), s = f(null), g = f(null), C = f(0), m = f(0), y = f(!1), e = oe({
       get: () => ne(),
       set: (t) => t
     }), z = f(R());
@@ -189,7 +189,7 @@ const pt = ["id"], gt = ["xmlns", "viewBox"], yt = ["width", "height"], bt = ["t
       } : t;
     }
     me(() => n.config, (t) => {
-      e.value = ne(), _.value = !e.value.userOptions.showOnChartHover, x(), k.value += 1, m.value += 1, v.value.showTable = e.value.table.show, v.value.showTooltip = e.value.style.chart.tooltip.show;
+      e.value = ne(), _.value = !e.value.userOptions.showOnChartHover, x(), C.value += 1, m.value += 1, v.value.showTable = e.value.table.show, v.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
     const u = f({
       width: e.value.style.chart.width,
@@ -206,7 +206,7 @@ const pt = ["id"], gt = ["xmlns", "viewBox"], yt = ["width", "height"], bt = ["t
         source: g.value
       });
       requestAnimationFrame(() => {
-        u.value.width = t, u.value.height = i, ke(se);
+        u.value.width = t, u.value.height = i, Ce(se);
       });
     }), E = f(null);
     Ne(x);
@@ -240,26 +240,26 @@ const pt = ["id"], gt = ["xmlns", "viewBox"], yt = ["width", "height"], bt = ["t
       showTooltip: e.value.style.chart.tooltip.show
     });
     function D(t, i, o = "Arial") {
-      const C = document.createElement("canvas").getContext("2d");
-      return C.font = `${i}px ${e.value.style.chart.words.bold ? "bold" : "normal"} ${o}`, {
-        width: C.measureText(t).width + e.value.style.chart.words.proximity,
+      const k = document.createElement("canvas").getContext("2d");
+      return k.font = `${i}px ${e.value.style.chart.words.bold ? "bold" : "normal"} ${o}`, {
+        width: k.measureText(t).width + e.value.style.chart.words.proximity,
         height: i
       };
     }
     const U = f([]);
     me(() => n.dataset, L, { immediate: !0 });
     function L() {
-      const t = [...z.value].map((C) => C.value), i = Math.max(...t), o = Math.min(...t), S = [...z.value].map((C, j) => {
-        let H = (C.value - o) / (i - o) * (u.value.maxFontSize - u.value.minFontSize) + u.value.minFontSize;
-        H = isNaN(H) ? u.value.minFontSize : H;
-        const be = D(C.name, H);
+      const t = [...z.value].map((k) => k.value), i = Math.max(...t), o = Math.min(...t), S = [...z.value].map((k, H) => {
+        let j = (k.value - o) / (i - o) * (u.value.maxFontSize - u.value.minFontSize) + u.value.minFontSize;
+        j = isNaN(j) ? u.value.minFontSize : j;
+        const be = D(k.name, j);
         return {
-          ...C,
+          ...k,
           id: xe(),
-          fontSize: H,
+          fontSize: j,
           width: be.width,
           height: be.height,
-          color: e.value.style.chart.words.usePalette ? e.value.customPalette[j] || e.value.customPalette[j % e.value.customPalette.length] || ue[j] || ue[j % ue.length] : e.value.style.chart.words.color
+          color: e.value.style.chart.words.usePalette ? e.value.customPalette[H] || e.value.customPalette[H % e.value.customPalette.length] || ue[H] || ue[H % ue.length] : e.value.style.chart.words.color
         };
       });
       U.value = ft({
@@ -277,10 +277,10 @@ const pt = ["id"], gt = ["xmlns", "viewBox"], yt = ["width", "height"], bt = ["t
       return { head: t, body: i };
     });
     function q() {
-      ke(() => {
-        const t = G.value.head.map((S, C) => [[
+      Ce(() => {
+        const t = G.value.head.map((S, k) => [[
           S.name
-        ], [G.value.body[C]]]), i = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], [e.value.table.columnNames.value]]].concat(t), o = He(i);
+        ], [G.value.body[k]]]), i = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], [e.value.table.columnNames.value]]].concat(t), o = je(i);
         qe({ csvContent: o, title: e.value.style.chart.title.text || "vue-ui-word-cloud" });
       });
     }
@@ -288,14 +288,14 @@ const pt = ["id"], gt = ["xmlns", "viewBox"], yt = ["width", "height"], bt = ["t
       const t = [
         e.value.table.columnNames.series,
         e.value.table.columnNames.value
-      ], i = G.value.head.map((C, j) => {
-        const H = Le({ p: e.value.table.td.prefix, v: G.value.body[j], s: e.value.table.td.suffix, r: e.value.table.td.roundingValue });
+      ], i = G.value.head.map((k, H) => {
+        const j = Le({ p: e.value.table.td.prefix, v: G.value.body[H], s: e.value.table.td.suffix, r: e.value.table.td.roundingValue });
         return [
           {
-            color: C.color,
-            name: C.name
+            color: k.color,
+            name: k.name
           },
-          H
+          j
         ];
       }), o = {
         th: {
@@ -396,7 +396,7 @@ const pt = ["id"], gt = ["xmlns", "viewBox"], yt = ["width", "height"], bt = ["t
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
         (w(), ae(Je, {
-          key: `title_${k.value}`,
+          key: `title_${C.value}`,
           config: {
             title: {
               ...e.value.style.chart.title
@@ -494,7 +494,7 @@ const pt = ["id"], gt = ["xmlns", "viewBox"], yt = ["width", "height"], bt = ["t
         ref_key: "svgRef",
         ref: Q,
         class: we({ "vue-data-ui-fullscreen--on": V.value, "vue-data-ui-fulscreen--off": !V.value }),
-        xmlns: h(je),
+        xmlns: h(He),
         viewBox: `${h(ie).x} ${h(ie).y} ${h(ie).width} ${h(ie).height}`,
         style: "overflow:hidden;background:transparent;"
       }, [
@@ -523,8 +523,8 @@ const pt = ["id"], gt = ["xmlns", "viewBox"], yt = ["width", "height"], bt = ["t
               height: o.maxY - o.minY,
               fill: "transparent",
               "pointer-events": "visiblePainted",
-              onMouseover: (C) => _e(o),
-              onMouseleave: i[0] || (i[0] = (C) => {
+              onMouseover: (k) => _e(o),
+              onMouseleave: i[0] || (i[0] = (k) => {
                 Z.value = null, y.value = !1;
               })
             }, null, 40, wt)) : B("", !0),
@@ -540,14 +540,14 @@ const pt = ["id"], gt = ["xmlns", "viewBox"], yt = ["width", "height"], bt = ["t
               "text-anchor": "middle",
               "dominant-baseline": "central",
               style: re(`animation-delay:${S * e.value.animationDelayMs}ms !important; pointer-events:none;`)
-            }, Ce(o.name), 15, Ct))
+            }, ke(o.name), 15, kt))
           ]))), 256))
         ], 8, bt),
         F(t.$slots, "svg", {
           svg: { height: u.value.height, width: u.value.width }
         }, void 0, !0)
       ], 10, gt)) : B("", !0),
-      t.$slots.watermark ? (w(), X("div", kt, [
+      t.$slots.watermark ? (w(), X("div", Ct, [
         F(t.$slots, "watermark", J(K({ isPrinting: h(O) || h(W) })), void 0, !0)
       ])) : B("", !0),
       h(ze) ? (w(), X("div", xt, [
@@ -633,7 +633,7 @@ const pt = ["id"], gt = ["xmlns", "viewBox"], yt = ["width", "height"], bt = ["t
               }, null, 8, $t)
             ]),
             td: P(({ td: o }) => [
-              We(Ce(o.name || o), 1)
+              We(ke(o.name || o), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"]))