vue-data-ui 3.7.15 → 3.8.0

package/dist/{vue-ui-word-cloud-BlNxODSZ.js → vue-ui-word-cloud-52bv_Ba-.js}

@@ -1,16 +1,16 @@
 import { useCssVars as zt, defineAsyncComponent as oe, computed as ae, ref as M, toRefs as Rt, watch as we, shallowRef as Ge, onMounted as Yt, onBeforeUnmount as Dt, createElementBlock as G, openBlock as _, unref as S, normalizeStyle as Me, createBlock as ve, createCommentVNode as J, createVNode as Ie, withCtx as O, renderSlot as P, normalizeProps as N, guardReactiveProps as V, createSlots as Je, normalizeClass as Ke, createElementVNode as xe, Fragment as Wt, renderList as _t, toDisplayString as Ye, resolveDynamicComponent as Bt, mergeProps as Nt, createTextVNode as Qe, nextTick as et } from "vue";
 import { d as tt, u as Vt } from "./useResponsive-DfdjqQps.js";
-import { c as Zt, t as Ut, ap as Lt, M as jt, i as qt, p as Oe, o as ot, g as at, k as Ht, d as Gt, X as Jt, u as Kt, q as Qt, x as eo } from "./lib-DUaaQGCv.js";
-import { u as to, a as De } from "./useNestedProp-CVGae3Qt.js";
+import { c as Zt, t as Ut, H as Lt, T as Ht, i as jt, p as Oe, o as ot, g as at, k as qt, d as Gt, X as Jt, u as Kt, q as Qt, x as eo } from "./lib-qMPkcvmh.js";
+import { u as to, a as De } from "./useNestedProp-DOOBu_sL.js";
 import { u as oo, B as ao } from "./BaseScanner-BgWxam9d.js";
-import { u as no } from "./usePrinter-BdVu83IN.js";
+import { u as no } from "./usePrinter-CjGh4mFJ.js";
 import { u as lo } from "./useSvgExport-DrjCWun4.js";
 import { u as so } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as io } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as ro } from "./useChartAccessibility-9icAAmYg.js";
-import uo from "./img-BYzbY8TZ.js";
-import co from "./Title-Hk29BxeL.js";
-import { u as mo } from "./usePanZoom-DZtyJi5q.js";
+import uo from "./img-CwrkWkkl.js";
+import co from "./Title-CgkWUXeV.js";
+import { u as mo } from "./usePanZoom-DMfuOfaC.js";
 import { _ as vo } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 function fo({
   word: o,
@@ -562,8 +562,8 @@ async function Oo({
       canvas: R,
       ctx: z,
       svg: m
-    }), E = ie.key, ge = ie.bitmap, Pe = ge.w, j = ge.h;
-    if (Pe <= 0 || j <= 0) {
+    }), E = ie.key, ge = ie.bitmap, Pe = ge.w, H = ge.h;
+    if (Pe <= 0 || H <= 0) {
       await g();
       continue;
     }
@@ -649,7 +649,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
     zt((t) => ({
       v99bcef08: t.slicerColor
     }));
-    const m = oe(() => import("./Tooltip-De7i-i20.js")), c = oe(() => import("./BaseIcon-Dl4VBlHV.js")), r = oe(() => import("./vue-ui-accordion-B3SlkXqV.js")), d = oe(() => import("./DataTable-Ho3Bf5oq.js")), i = oe(() => import("./PenAndPaper-kymjF6_b.js")), a = oe(() => import("./UserOptions-DgscxIaa.js")), p = oe(() => import("./PackageVersion-BAF3mEBQ.js")), v = oe(() => import("./BaseDraggableDialog-DZVSjhEw.js")), { vue_ui_word_cloud: g } = to(), { isThemeValid: y, warnInvalidTheme: b } = so(), f = o, u = ae({
+    const m = oe(() => import("./Tooltip-OHx7yHlS.js")), c = oe(() => import("./BaseIcon-CALhpING.js")), r = oe(() => import("./vue-ui-accordion-BWfQ8Imt.js")), d = oe(() => import("./DataTable-Ca1twcf7.js")), i = oe(() => import("./PenAndPaper-DscVdZ1u.js")), a = oe(() => import("./UserOptions-ChRXLqps.js")), p = oe(() => import("./PackageVersion-B9RA2_BM.js")), v = oe(() => import("./BaseDraggableDialog-BYwNgX3M.js")), { vue_ui_word_cloud: g } = to(), { isThemeValid: y, warnInvalidTheme: b } = so(), f = o, u = ae({
       get() {
         return !!f.dataset && f.dataset.length;
       },
@@ -740,7 +740,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
     function W() {
       return typeof ne.value == "string" ? Lt(ne.value) : ne.value.map((t, C) => ({
         ...t,
-        value: jt(t.value)
+        value: Ht(t.value)
       }));
     }
     const { userOptionsVisible: L, setUserOptionsVisibility: K, keepUserOptionState: he } = io({ config: e.value }), { svgRef: X } = ro({ config: e.value.style.chart.title });
@@ -761,7 +761,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
       });
       return {
         ...F,
-        customPalette: F.customPalette.length ? F.customPalette : qt[C] || Oe
+        customPalette: F.customPalette.length ? F.customPalette : jt[C] || Oe
       };
     }
     const se = M({ x: 0, y: 0 });
@@ -802,7 +802,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
       });
     }, 100), Pe = () => {
       ie.value = !0, ge();
-    }, j = Ge(null), te = Ge(null);
+    }, H = Ge(null), te = Ge(null);
     Yt(Fe);
     const ce = ae(() => !!e.value.debug);
     function Fe() {
@@ -811,7 +811,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
         type: "dataset",
         debug: ce.value
       }) : U.value.forEach((t, C) => {
-        Ht({
+        qt({
           datasetObject: t,
           requiredAttributes: ["name", "value"]
         }).forEach((n) => {
@@ -823,10 +823,10 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
             debug: ce.value
           });
         });
-      }), ot(f.dataset) || (le.value = e.value.loading), e.value.responsive && (j.value && (te.value && j.value.unobserve(te.value), j.value.disconnect()), j.value = new ResizeObserver(Pe), te.value = k.value.parentNode, j.value.observe(te.value)), ue();
+      }), ot(f.dataset) || (le.value = e.value.loading), e.value.responsive && (H.value && (te.value && H.value.unobserve(te.value), H.value.disconnect()), H.value = new ResizeObserver(Pe), te.value = k.value.parentNode, H.value.observe(te.value)), ue();
     }
     Dt(() => {
-      j.value && (te.value && j.value.unobserve(te.value), j.value.disconnect());
+      H.value && (te.value && H.value.unobserve(te.value), H.value.disconnect());
     });
     const { isPrinting: We, isImaging: _e, generatePdf: Be, generateImage: Ne } = no({
       elementId: `wordCloud_${s.value}`,
@@ -847,22 +847,22 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
         height: C
       };
     }
-    const q = M([]), be = /* @__PURE__ */ new Map();
+    const j = M([]), be = /* @__PURE__ */ new Map();
     function Ve() {
       const t = [...U.value].map(($) => $.value), C = Math.max(...t), n = Math.min(...t), F = [...U.value].map(($, T) => {
-        let H = ($.value - n) / (C - n) * (E.value.maxFontSize - E.value.minFontSize) + E.value.minFontSize;
-        H = isNaN(H) ? E.value.minFontSize : H;
-        const re = wt($.name, H);
+        let q = ($.value - n) / (C - n) * (E.value.maxFontSize - E.value.minFontSize) + E.value.minFontSize;
+        q = isNaN(q) ? E.value.minFontSize : q;
+        const re = wt($.name, q);
         return {
           ...$,
           id: $.id ?? `${$.name}__${T}`,
-          fontSize: H,
+          fontSize: q,
           width: re.width,
           height: re.height,
           color: e.value.style.chart.words.usePalette ? e.value.customPalette[T] || e.value.customPalette[T % e.value.customPalette.length] || Oe[T] || Oe[T % Oe.length] : e.value.style.chart.words.color
         };
       });
-      q.value.length = 0, be.clear(), Oo({
+      j.value.length = 0, be.clear(), Oo({
         debugTiming: ce.value,
         words: F,
         svg: E.value,
@@ -870,25 +870,25 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
         strictPixelPadding: e.value.strictPixelPadding,
         onProgress: ({ all: $ }) => {
           for (const T of $) {
-            const H = T.id;
-            let re = be.get(H);
+            const q = T.id;
+            let re = be.get(q);
             if (re === void 0)
-              re = q.value.length, be.set(H, re), q.value.push({ ...T });
+              re = j.value.length, be.set(q, re), j.value.push({ ...T });
             else {
-              const Q = q.value[re];
+              const Q = j.value[re];
               Q.x = T.x, Q.y = T.y, Q.width = T.width, Q.height = T.height, Q.fontSize = T.fontSize, Q.minX = T.minX, Q.minY = T.minY, Q.maxX = T.maxX, Q.maxY = T.maxY;
             }
           }
         }
-      }), q.value.sort(($, T) => T.fontSize - $.fontSize), be.clear(), q.value.forEach(($, T) => {
+      }), j.value.sort(($, T) => T.fontSize - $.fontSize), be.clear(), j.value.forEach(($, T) => {
         be.set($.id, T);
       }), Z.value = !0, ee.value = !1;
     }
     const Ae = ae(() => {
-      const t = q.value.map((n) => ({
+      const t = j.value.map((n) => ({
         name: n.name,
         color: n.color
-      })), C = q.value.map((n) => n.value);
+      })), C = j.value.map((n) => n.value);
       return { head: t, body: C };
     });
     function Xe(t = null) {
@@ -904,13 +904,13 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
         e.value.table.columnNames.series,
         e.value.table.columnNames.value
       ], C = Ae.value.head.map(($, T) => {
-        const H = Gt({ p: e.value.table.td.prefix, v: Ae.value.body[T], s: e.value.table.td.suffix, r: e.value.table.td.roundingValue });
+        const q = Gt({ p: e.value.table.td.prefix, v: Ae.value.body[T], s: e.value.table.td.suffix, r: e.value.table.td.roundingValue });
         return [
           {
             color: $.color,
             name: $.name
           },
-          H
+          q
         ];
       }), n = {
         th: {
@@ -939,7 +939,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
       de.value = t, A.value += 1;
     }
     function xt() {
-      return q.value;
+      return j.value;
     }
     function Ue() {
       I.value.showTable = !I.value.showTable;
@@ -951,7 +951,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
     function Ee() {
       ye.value = !ye.value;
     }
-    function je() {
+    function He() {
       I.value.showZoom = !I.value.showZoom;
     }
     const Ft = ae(() => !ye.value && I.value.showZoom), { viewBox: $e, resetZoom: Te, isZoom: At, setInitialViewBox: St } = mo(X, {
@@ -1008,7 +1008,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
     we(() => I.value.showTable, (t) => {
       e.value.table.show || (t && e.value.table.useDialog && R.value ? R.value.open() : "close" in R.value && R.value.close());
     });
-    function qe() {
+    function je() {
       I.value.showTable = !1, z.value && z.value.setTableIconState(!1);
     }
     const Tt = ae(() => e.value.style.chart.backgroundColor), Mt = ae(() => e.value.style.chart.title), { exportSvg: It, getSvg: Ot } = lo({
@@ -1016,7 +1016,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
       title: Mt,
       backgroundColor: Tt
     });
-    async function He({ isCb: t }) {
+    async function qe({ isCb: t }) {
       if (t) {
         const { blob: C, url: n, text: F, dataUrl: $ } = await Ot();
         e.value.userOptions.callbacks.svg({ blob: C, url: n, text: F, dataUrl: $ });
@@ -1029,13 +1029,13 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
       generateCsv: Xe,
       generatePdf: Be,
       generateImage: Ne,
-      generateSvg: He,
+      generateSvg: qe,
       resetZoom: Te,
       toggleTable: Ue,
       toggleTooltip: Le,
       toggleAnnotator: Ee,
       toggleFullscreen: Ze,
-      toggleZoom: je
+      toggleZoom: He
     });
     const me = M(null), ke = M(!1), ze = M(""), Re = M(null);
     function Pt(t, C) {
@@ -1153,11 +1153,11 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
         onGeneratePdf: S(Be),
         onGenerateCsv: Xe,
         onGenerateImage: S(Ne),
-        onGenerateSvg: He,
+        onGenerateSvg: qe,
         onToggleTable: Ue,
         onToggleTooltip: Le,
         onToggleAnnotator: Ee,
-        onToggleZoom: je,
+        onToggleZoom: He,
         style: Me({
           visibility: S(he) ? S(L) ? "visible" : "hidden" : "visible"
         })
@@ -1251,7 +1251,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
           transform: `translate(${se.value.x}, ${se.value.y})`,
           class: Ke({ "wc-finalized": Z.value })
         }, [
-          (_(!0), G(Wt, null, _t(q.value, (n, F) => (_(), G("g", {
+          (_(!0), G(Wt, null, _t(j.value, (n, F) => (_(), G("g", {
             key: n.id,
             class: "vue-ui-word-cloud-word",
             transform: `translate(${n.x}, ${n.y})`
@@ -1354,7 +1354,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
       u.value && e.value.userOptions.buttons.table ? (_(), ve(Bt(Ce.value.component), Nt({ key: 6 }, Ce.value.props, {
         ref_key: "tableUnit",
         ref: R,
-        onClose: qe
+        onClose: je
       }), Je({
         content: O(() => [
           (_(), ve(S(d), {
@@ -1365,7 +1365,7 @@ const ht = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
             config: Se.value.config,
             title: e.value.table.useDialog ? "" : Ce.value.title,
             withCloseButton: !e.value.table.useDialog,
-            onClose: qe
+            onClose: je
           }, {
             th: O(({ th: n }) => [
               xe("div", {