vue-data-ui 2.3.92 → 2.3.94

package/dist/{vue-ui-word-cloud-DWyboczt.js → vue-ui-word-cloud-ouNY0ixo.js}

@@ -1,22 +1,22 @@
-import { useCssVars as Ae, computed as p, openBlock as u, createElementBlock as f, createVNode as Z, renderSlot as m, createElementVNode as x, normalizeStyle as ee, pushScopeId as We, popScopeId as Re, ref as n, watch as Q, onMounted as Be, onBeforeUnmount as De, createBlock as A, createCommentVNode as z, unref as $, createSlots as Ve, withCtx as h, normalizeProps as W, guardReactiveProps as R, normalizeClass as me, Fragment as Ee, renderList as Ue, toDisplayString as fe, createTextVNode as Ge, nextTick as pe } from "vue";
-import { u as Le, Y as Xe, v as Ye, c as ge, t as je, a as qe, p as L, o as He, e as ye, g as Je, f as Ke, X as Qe, q as Ze, r as et, x as tt } from "./index-DhJby8wL.js";
-import { _ as ot } from "./Title-1Sw6EmHy.js";
-import { u as at, U as lt } from "./usePrinter-Bwm8J3RQ.js";
+import { useCssVars as Ae, computed as p, openBlock as u, createElementBlock as f, createVNode as ee, renderSlot as m, createElementVNode as $, normalizeStyle as te, pushScopeId as We, popScopeId as Re, ref as n, watch as Q, onMounted as Be, onBeforeUnmount as De, createBlock as A, createCommentVNode as z, unref as k, createSlots as Ve, withCtx as h, normalizeProps as W, guardReactiveProps as R, normalizeClass as me, Fragment as Ee, renderList as Ue, toDisplayString as fe, createTextVNode as Ge, nextTick as pe } from "vue";
+import { u as Le, Z as Xe, v as je, c as ge, t as Ye, a as qe, p as L, o as He, e as ye, g as Ze, f as Je, X as Ke, q as Qe, r as et, x as tt } from "./index-Bu852AzK.js";
+import { _ as ot } from "./Title-B6kWQmNb.js";
+import { u as at, U as lt } from "./usePrinter-CaNEdNUc.js";
 import { d as st, t as nt, u as rt } from "./useResponsive-NZB-WLRF.js";
-import ut from "./vue-ui-accordion-Cn5Jbplg.js";
-import { D as it } from "./DataTable-BXnbua0J.js";
-import ct from "./BaseIcon-CAmYNoaf.js";
+import ut from "./vue-ui-accordion-CBwmD_zS.js";
+import { D as it } from "./DataTable-D1vDu_2B.js";
+import ct from "./BaseIcon-CcOdzI48.js";
 import { _ as Ce } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { u as be } from "./useNestedProp-CrHvyupb.js";
-import { _ as dt } from "./PackageVersion-BVZfgDqm.js";
-import { _ as vt } from "./Tooltip-EJf3VBPR.js";
+import { u as be } from "./useNestedProp-1sCLAHuR.js";
+import { _ as dt } from "./PackageVersion-DDKechCD.js";
+import { _ as vt } from "./Tooltip-Cwp4dS4t.js";
 const ht = (i) => (We("data-v-3fd7d274"), i = i(), Re(), i), mt = { "data-html2canvas-ignore": "" }, ft = {
   key: 0,
   class: "reset-wrapper"
 }, pt = {
   key: 1,
   class: "reset-wrapper"
-}, gt = { class: "mono-slicer" }, yt = /* @__PURE__ */ ht(() => /* @__PURE__ */ x("div", { class: "slider-track" }, null, -1)), bt = ["min", "max", "value"], Ct = {
+}, gt = { class: "mono-slicer" }, yt = /* @__PURE__ */ ht(() => /* @__PURE__ */ $("div", { class: "slider-track" }, null, -1)), bt = ["min", "max", "value"], Ct = {
   __name: "MonoSlicer",
   props: {
     min: {
@@ -68,17 +68,17 @@ const ht = (i) => (We("data-v-3fd7d274"), i = i(), Re(), i), mt = { "data-html2c
       "4f9eef70": P.value,
       "6e07ae3e": b.value,
       "2fd430a0": i.selectColor,
-      "6b8169a4": S.value
+      "6b8169a4": x.value
     }));
-    const X = p(() => s.inputColor), S = p(() => s.background), b = p(() => `${s.selectColor}33`), P = p(() => s.borderColor);
+    const X = p(() => s.inputColor), x = p(() => s.background), b = p(() => `${s.selectColor}33`), P = p(() => s.borderColor);
     function I() {
       B("reset");
     }
     const C = p(() => {
-      const w = s.max - s.min, g = 0, T = (s.value - s.min) / w * 100;
+      const w = s.max - s.min, g = 0, S = (s.value - s.min) / w * 100;
       return {
         left: `${g}%`,
-        width: `${T - g}%`,
+        width: `${S - g}%`,
         background: s.selectColor
       };
     });
@@ -95,24 +95,24 @@ const ht = (i) => (We("data-v-3fd7d274"), i = i(), Re(), i), mt = { "data-html2c
           class: "vue-data-ui-refresh-button",
           onClick: I
         }, [
-          Z(ct, {
+          ee(ct, {
             name: "refresh",
             stroke: i.textColor
           }, null, 8, ["stroke"])
         ]))
       ])) : (u(), f("div", pt)),
-      x("div", gt, [
+      $("div", gt, [
         yt,
-        x("div", {
+        $("div", {
           class: "range-highlight",
-          style: ee(C.value)
+          style: te(C.value)
         }, null, 4),
-        x("input", {
+        $("input", {
           type: "range",
           min: i.min,
           max: i.max,
           value: Number(i.value),
-          onInput: g[0] || (g[0] = (T) => B("update:value", Number(T.target.value)))
+          onInput: g[0] || (g[0] = (S) => B("update:value", Number(S.target.value)))
         }, null, 40, bt)
       ])
     ]));
@@ -137,7 +137,7 @@ const ht = (i) => (We("data-v-3fd7d274"), i = i(), Re(), i), mt = { "data-html2c
     }
   },
   setup(i, { expose: B }) {
-    const s = i, { vue_ui_word_cloud: X } = Le(), S = p({
+    const s = i, { vue_ui_word_cloud: X } = Le(), x = p({
       get() {
         return !!s.dataset && s.dataset.length;
       },
@@ -146,28 +146,28 @@ const ht = (i) => (We("data-v-3fd7d274"), i = i(), Re(), i), mt = { "data-html2c
       }
     }), b = n(typeof s.dataset == "string" ? Xe(s.dataset) : s.dataset.map((t) => ({
       ...t,
-      value: Ye(t.value)
-    }))), P = n(ge()), I = n(0), C = n(null), w = n(null), g = n(0), T = n(0), Y = n(!1), e = p({
-      get: () => te(),
+      value: je(t.value)
+    }))), P = n(ge()), I = n(0), C = n(null), w = n(null), g = n(0), S = n(0), j = n(!1), e = p({
+      get: () => oe(),
       set: (t) => t
     });
-    function te() {
+    function oe() {
       const t = be({
         userConfig: s.config,
         defaultConfig: X
       });
       return t.theme ? {
         ...be({
-          userConfig: je.vue_ui_word_cloud[t.theme] || s.config,
+          userConfig: Ye.vue_ui_word_cloud[t.theme] || s.config,
           defaultConfig: t
         }),
         customPalette: qe[t.theme] || L
       } : t;
     }
     Q(() => s.config, (t) => {
-      e.value = te(), le(), g.value += 1, T.value += 1, k.value = e.value.style.chart.width;
+      e.value = oe(), le(), g.value += 1, S.value += 1, Y();
     }, { deep: !0 });
-    const oe = n(null), k = n(0), r = n({
+    const ae = n(null), T = n(0), r = n({
       width: e.value.style.chart.width,
       height: e.value.style.chart.height,
       maxFontSize: e.value.style.chart.words.maxFontSize,
@@ -176,33 +176,33 @@ const ht = (i) => (We("data-v-3fd7d274"), i = i(), Re(), i), mt = { "data-html2c
       const { width: t, height: a } = rt({
         chart: C.value,
         title: e.value.style.chart.title.text ? w.value : null,
-        slicer: e.value.style.chart.zoom.show && oe.value
+        slicer: e.value.style.chart.zoom.show && ae.value
       });
-      r.value.width = t, r.value.height = a, pe(j);
+      r.value.width = t, r.value.height = a, pe(q);
     });
-    Q(() => k.value, () => {
+    Q(() => T.value, () => {
       ke();
     });
     const ke = st(() => {
-      j();
+      q();
     }, 10);
-    function ae() {
-      k.value = ie.value;
+    function Y() {
+      T.value = ie.value;
     }
     const D = n(null);
     Be(() => {
-      le(), ae();
+      le(), Y();
     });
     function le() {
       He(s.dataset) ? ye({
         componentName: "VueUiWordCloud",
         type: "dataset"
       }) : b.value.forEach((t, a) => {
-        Je({
+        Ze({
           datasetObject: t,
           requiredAttributes: ["name", "value"]
         }).forEach((o) => {
-          S.value = !1, ye({
+          x.value = !1, ye({
             componentName: "VueUiWordCloud",
             type: "datasetSerieAttribute",
             property: o,
@@ -243,10 +243,10 @@ const ht = (i) => (We("data-v-3fd7d274"), i = i(), Re(), i), mt = { "data-html2c
       }), c;
     }
     const O = n([]);
-    Q(() => s.dataset, j, { immediate: !0 });
+    Q(() => s.dataset, q, { immediate: !0 });
     const ie = p(() => Math.min(...b.value.map((t) => t.value))), Te = p(() => Math.max(...b.value.map((t) => t.value)));
-    function j() {
-      const t = [...b.value].filter((l) => l.value >= k.value).map((l) => l.value), a = Math.max(...t), o = Math.min(...t), c = [...b.value].filter((l) => l.value >= k.value).map((l, v) => {
+    function q() {
+      const t = [...b.value].filter((l) => l.value >= T.value).map((l) => l.value), a = Math.max(...t), o = Math.min(...t), c = [...b.value].filter((l) => l.value >= T.value).map((l, v) => {
         const _ = (l.value - o) / (a - o) * (r.value.maxFontSize - r.value.minFontSize) + r.value.minFontSize, N = $e(l.name, _);
         return {
           ...l,
@@ -270,7 +270,7 @@ const ht = (i) => (We("data-v-3fd7d274"), i = i(), Re(), i), mt = { "data-html2c
       pe(() => {
         const t = V.value.head.map((c, l) => [[
           c.name
-        ], [V.value.body[l]]]), a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], [e.value.table.columnNames.value]]].concat(t), o = Ze(a);
+        ], [V.value.body[l]]]), a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], [e.value.table.columnNames.value]]].concat(t), o = Qe(a);
         et({ csvContent: o, title: e.value.style.chart.title.text || "vue-ui-word-cloud" });
       });
     }
@@ -279,7 +279,7 @@ const ht = (i) => (We("data-v-3fd7d274"), i = i(), Re(), i), mt = { "data-html2c
         e.value.table.columnNames.series,
         e.value.table.columnNames.value
       ], a = V.value.head.map((l, v) => {
-        const _ = Ke({ p: e.value.table.td.prefix, v: V.value.body[v], s: e.value.table.td.suffix, r: e.value.table.td.roundingValue });
+        const _ = Je({ p: e.value.table.td.prefix, v: V.value.body[v], s: e.value.table.td.suffix, r: e.value.table.td.roundingValue });
         return [
           {
             color: l.color,
@@ -330,10 +330,10 @@ const ht = (i) => (We("data-v-3fd7d274"), i = i(), Re(), i), mt = { "data-html2c
       toggleTable: de,
       toggleTooltip: ve
     });
-    const F = n(null), M = n(!1), q = n(""), H = n(null);
+    const F = n(null), M = n(!1), H = n(""), Z = n(null);
     function Ne(t) {
       if (!d.value.showTooltip) return;
-      F.value = t.id, H.value = { datapoint: t, config: e.value };
+      F.value = t.id, Z.value = { datapoint: t, config: e.value };
       const a = e.value.style.chart.tooltip.customFormat;
       if (M.value = !1, tt(a))
         try {
@@ -341,22 +341,22 @@ const ht = (i) => (We("data-v-3fd7d274"), i = i(), Re(), i), mt = { "data-html2c
             datapoint: t,
             config: e.value
           });
-          typeof o == "string" && (q.value = o, M.value = !0);
+          typeof o == "string" && (H.value = o, M.value = !0);
         } catch {
           console.warn("Custom format cannot be applied."), M.value = !1;
         }
       if (!M.value) {
         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>`;
-        q.value = `<div dir="auto" style="display:flex; gap:4px; align-items:center; jsutify-content:center;">${o}</div>`;
+        H.value = `<div dir="auto" style="display:flex; gap:4px; align-items:center; jsutify-content:center;">${o}</div>`;
       }
-      Y.value = !0;
+      j.value = !0;
     }
     return (t, a) => (u(), f("div", {
       class: "vue-ui-word-cloud",
       ref_key: "wordCloudChart",
       ref: C,
       id: `wordCloud_${P.value}`,
-      style: ee(`width: 100%; font-family:${e.value.style.fontFamily};background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height:100%" : ""}`)
+      style: te(`width: 100%; font-family:${e.value.style.fontFamily};background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height:100%" : ""}`)
     }, [
       e.value.style.chart.title.text ? (u(), f("div", {
         key: 0,
@@ -376,13 +376,13 @@ const ht = (i) => (We("data-v-3fd7d274"), i = i(), Re(), i), mt = { "data-html2c
           }
         }, null, 8, ["config"]))
       ], 512)) : z("", !0),
-      e.value.userOptions.show && S.value ? (u(), A(lt, {
+      e.value.userOptions.show && x.value ? (u(), A(lt, {
         ref: "details",
         key: `user_option_${I.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: $(se),
-        isImaging: $(ne),
+        isPrinting: k(se),
+        isImaging: k(ne),
         uid: P.value,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasXls: e.value.userOptions.buttons.csv,
@@ -396,9 +396,9 @@ const ht = (i) => (We("data-v-3fd7d274"), i = i(), Re(), i), mt = { "data-html2c
         hasTooltip: e.value.style.chart.tooltip.show && e.value.userOptions.buttons.tooltip,
         isTooltip: d.value.showTooltip,
         onToggleFullscreen: Fe,
-        onGeneratePdf: $(re),
+        onGeneratePdf: k(re),
         onGenerateCsv: ce,
-        onGenerateImage: $(ue),
+        onGenerateImage: k(ue),
         onToggleTable: de,
         onToggleTooltip: ve
       }, Ve({ _: 2 }, [
@@ -438,15 +438,15 @@ const ht = (i) => (We("data-v-3fd7d274"), i = i(), Re(), i), mt = { "data-html2c
           key: "4"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasTable", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasTooltip", "isTooltip", "onGeneratePdf", "onGenerateImage"])) : z("", !0),
-      S.value ? (u(), f("svg", {
+      x.value ? (u(), f("svg", {
         key: 2,
         class: me({ "vue-data-ui-fullscreen--on": U.value, "vue-data-ui-fulscreen--off": !U.value }),
-        xmlns: $(Qe),
+        xmlns: k(Ke),
         viewBox: `0 0 ${r.value.width <= 0 ? 10 : r.value.width} ${r.value.height <= 0 ? 10 : r.value.height}`,
         style: "overflow:visible;background:transparent;"
       }, [
-        Z(dt),
-        x("g", {
+        ee(dt),
+        $("g", {
           transform: `translate(${(r.value.width <= 0 ? 10 : r.value.width) / 2}, ${(r.value.height <= 0 ? 10 : r.value.height) / 2})`
         }, [
           (u(!0), f(Ee, null, Ue(O.value, (o, c) => (u(), f("g", null, [
@@ -463,9 +463,9 @@ const ht = (i) => (We("data-v-3fd7d274"), i = i(), Re(), i), mt = { "data-html2c
               "dominant-baseline": "middle",
               onMouseover: (l) => Ne(o),
               onMouseleave: a[0] || (a[0] = (l) => {
-                F.value = null, Y.value = !1;
+                F.value = null, j.value = !1;
               }),
-              style: ee(`animation-delay:${c * e.value.animationDelayMs}ms !important;`)
+              style: te(`animation-delay:${c * e.value.animationDelayMs}ms !important;`)
             }, fe(o.name), 47, St))
           ]))), 256))
         ], 8, xt),
@@ -474,10 +474,10 @@ const ht = (i) => (We("data-v-3fd7d274"), i = i(), Re(), i), mt = { "data-html2c
         }, void 0, !0)
       ], 10, $t)) : z("", !0),
       t.$slots.watermark ? (u(), f("div", Tt, [
-        m(t.$slots, "watermark", W(R({ isPrinting: $(se) || $(ne) })), void 0, !0)
+        m(t.$slots, "watermark", W(R({ isPrinting: k(se) || k(ne) })), void 0, !0)
       ])) : z("", !0),
-      Z(vt, {
-        show: d.value.showTooltip && Y.value,
+      ee(vt, {
+        show: d.value.showTooltip && j.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         fontSize: e.value.style.chart.tooltip.fontSize,
@@ -488,27 +488,27 @@ const ht = (i) => (We("data-v-3fd7d274"), i = i(), Re(), i), mt = { "data-html2c
         position: e.value.style.chart.tooltip.position,
         offsetY: e.value.style.chart.tooltip.offsetY,
         parent: C.value,
-        content: q.value,
+        content: H.value,
         isCustom: M.value
       }, {
         "tooltip-before": h(() => [
-          m(t.$slots, "tooltip-before", W(R({ ...H.value })), void 0, !0)
+          m(t.$slots, "tooltip-before", W(R({ ...Z.value })), void 0, !0)
         ]),
         "tooltip-after": h(() => [
-          m(t.$slots, "tooltip-after", W(R({ ...H.value })), void 0, !0)
+          m(t.$slots, "tooltip-after", W(R({ ...Z.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom"]),
-      x("div", {
+      $("div", {
         ref_key: "chartSlicer",
-        ref: oe,
+        ref: ae,
         style: "width:100%;background:transparent",
         "data-html2canvas-ignore": ""
       }, [
         e.value.style.chart.zoom.show ? (u(), A(wt, {
           key: 0,
-          value: k.value,
-          "onUpdate:value": a[1] || (a[1] = (o) => k.value = o),
+          value: T.value,
+          "onUpdate:value": a[1] || (a[1] = (o) => T.value = o),
           min: ie.value,
           max: Te.value,
           textColor: e.value.style.chart.color,
@@ -518,7 +518,7 @@ const ht = (i) => (We("data-v-3fd7d274"), i = i(), Re(), i), mt = { "data-html2c
           background: e.value.style.chart.zoom.color,
           borderColor: e.value.style.chart.backgroundColor,
           source: e.value.style.chart.width,
-          onReset: ae
+          onReset: Y
         }, {
           "reset-action": h(({ reset: o }) => [
             m(t.$slots, "reset-action", W(R({ reset: o })), void 0, !0)
@@ -526,7 +526,7 @@ const ht = (i) => (We("data-v-3fd7d274"), i = i(), Re(), i), mt = { "data-html2c
           _: 3
         }, 8, ["value", "min", "max", "textColor", "inputColor", "selectColor", "useResetSlot", "background", "borderColor", "source"])) : z("", !0)
       ], 512),
-      S.value ? (u(), A(ut, {
+      x.value ? (u(), A(ut, {
         key: 4,
         hideDetails: "",
         config: {
@@ -544,7 +544,7 @@ const ht = (i) => (We("data-v-3fd7d274"), i = i(), Re(), i), mt = { "data-html2c
       }, {
         content: h(() => [
           (u(), A(it, {
-            key: `table_${T.value}`,
+            key: `table_${S.value}`,
             colNames: E.value.colNames,
             head: E.value.head,
             body: E.value.body,
@@ -553,7 +553,7 @@ const ht = (i) => (We("data-v-3fd7d274"), i = i(), Re(), i), mt = { "data-html2c
             onClose: a[2] || (a[2] = (o) => d.value.showTable = !1)
           }, {
             th: h(({ th: o }) => [
-              x("div", {
+              $("div", {
                 innerHTML: o,
                 style: { display: "flex", "align-items": "center" }
               }, null, 8, Ft)
@@ -568,7 +568,7 @@ const ht = (i) => (We("data-v-3fd7d274"), i = i(), Re(), i), mt = { "data-html2c
       }, 8, ["config"])) : z("", !0)
     ], 12, kt));
   }
-}, Et = /* @__PURE__ */ Ce(_t, [["__scopeId", "data-v-d7a4b90d"]]);
+}, Et = /* @__PURE__ */ Ce(_t, [["__scopeId", "data-v-7f4cd511"]]);
 export {
   Et as default
 };