vue-data-ui 3.7.13 → 3.7.15

package/dist/vue-ui-word-cloud-DnOpztI1.js

@@ -1,1033 +0,0 @@
-import { useCssVars as St, defineAsyncComponent as ee, computed as te, ref as h, toRefs as Tt, watch as be, shallowRef as He, onMounted as zt, onBeforeUnmount as Mt, createElementBlock as j, openBlock as S, unref as r, normalizeStyle as Te, createBlock as ce, createCommentVNode as G, createVNode as ze, withCtx as g, renderSlot as b, normalizeProps as B, guardReactiveProps as _, createSlots as Je, normalizeClass as Ke, createElementVNode as ye, Fragment as Ot, renderList as Pt, toDisplayString as Ee, resolveDynamicComponent as It, mergeProps as Dt, createTextVNode as Qe, nextTick as et } from "vue";
-import { d as tt, u as Et } from "./useResponsive-DfdjqQps.js";
-import { c as Bt, t as _t, ap as Nt, M as Rt, i as Wt, p as Me, o as ot, g as at, k as Vt, d as Xt, X as Zt, u as Yt, q as Ut, x as Lt } from "./lib-DUaaQGCv.js";
-import { u as jt, a as Be } from "./useNestedProp-BjZ1Lg9E.js";
-import { u as Gt, B as qt } from "./BaseScanner-BgWxam9d.js";
-import { u as Ht } from "./usePrinter-BdVu83IN.js";
-import { u as Jt } from "./useSvgExport-DrjCWun4.js";
-import { u as Kt } from "./useThemeCheck-DGJ31Vi5.js";
-import { u as Qt } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as eo } from "./useChartAccessibility-9icAAmYg.js";
-import to from "./img-BYzbY8TZ.js";
-import oo from "./Title-BwhstTFA.js";
-import { u as ao } from "./usePanZoom-DZtyJi5q.js";
-import { _ as lo } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-function no($, x) {
-  const { width: f, height: y } = $, C = x.getImageData(0, 0, f, y).data;
-  let d = f, c = y, l = 0, v = 0, T = !1;
-  for (let k = 0; k < y; k += 1)
-    for (let z = 0; z < f; z += 1)
-      C[(k * f + z) * 4 + 3] > 1 && (T = !0, z < d && (d = z), z > l && (l = z), k < c && (c = k), k > v && (v = k));
-  return T ? [d, c, l, v] : [0, 0, 0, 0];
-}
-function lt({
-  word: $,
-  fontSize: x,
-  pad: f,
-  canvas: y,
-  ctx: m,
-  svg: C
-}) {
-  m.save(), m.font = `${C.style && C.style.bold ? "bold " : ""}${x}px Arial`;
-  const d = m.measureText($.name), c = Math.ceil(d.width) + 2 + (f ? f * 2 : 0), l = Math.ceil(x) + 2 + (f ? f * 2 : 0);
-  y.width = c, y.height = l, m.clearRect(0, 0, c, l), m.font = `${C.style && C.style.bold ? "bold " : ""}${x}px Arial`, m.textAlign = "center", m.textBaseline = "middle", m.fillStyle = "black", m.fillText($.name, c / 2, l / 2);
-  const T = m.getImageData(0, 0, c, l).data, k = [];
-  for (let I = 0; I < l; I += 1)
-    for (let w = 0; w < c; w += 1)
-      T[(I * c + w) * 4 + 3] > 1 && k.push([w, I]);
-  const [z, F, q, J] = no(y, m);
-  return m.restore(), { w: c, h: l, wordMask: k, minX: z, minY: F, maxX: q, maxY: J };
-}
-function nt({ mask: $, maskW: x, maskH: f, wx: y, wy: m, wordMask: C }) {
-  for (let d = 0; d < C.length; d += 1) {
-    const c = y + C[d][0], l = m + C[d][1];
-    if (c < 0 || l < 0 || c >= x || l >= f || $[l * x + c]) return !1;
-  }
-  return !0;
-}
-function st({ mask: $, maskW: x, maskH: f, wx: y, wy: m, wordMask: C }) {
-  for (let d = 0; d < C.length; d += 1) {
-    const c = y + C[d][0], l = m + C[d][1];
-    c >= 0 && l >= 0 && c < x && l < f && ($[l * x + c] = 1);
-  }
-}
-function so({ wordMask: $, w: x, h: f, dilation: y }) {
-  const m = new Set($.map(([d, c]) => `${d},${c}`)), C = new Set(m);
-  for (let [d, c] of $)
-    for (let l = -y; l <= y; l += 1)
-      for (let v = -y; v <= y; v += 1) {
-        if (l === 0 && v === 0) continue;
-        const T = d + l, k = c + v;
-        T >= 0 && T < x && k >= 0 && k < f && C.add(`${T},${k}`);
-      }
-  return Array.from(C).map((d) => d.split(",").map(Number));
-}
-async function ro({
-  words: $,
-  proximity: x = 0,
-  svg: f,
-  strictPixelPadding: y,
-  onProgress: m
-}) {
-  function C() {
-    return new Promise((A) => setTimeout(A, 0));
-  }
-  const { width: d, height: c } = f, l = Math.round(d), v = Math.round(c), T = 1, k = f.minFontSize, z = Math.min(f.maxFontSize, 100), F = $.map((A) => A.value), q = Math.min(...F), J = Math.max(...F), I = new Uint8Array(l * v), w = document.createElement("canvas"), de = w.getContext("2d", { willReadFrequently: !0 });
-  w.width = l, w.height = v;
-  const Ce = 6, ke = 2, we = 2, ve = 1, K = Math.floor(l / 2), se = Math.floor(v / 2), he = [...$.map((A, D) => ({
-    ...A,
-    __wcIndex: D,
-    id: A.id != null ? A.id : `${A.name}__${D}`
-  }))].sort((A, D) => D.value - A.value), e = [];
-  for (const A of he) {
-    const D = e.length;
-    let re = k;
-    J !== q && (re = (A.value - q) / (J - q) * (z - k) + k), re = Math.max(
-      k,
-      Math.min(z, re)
-    );
-    let E = !1, N = re;
-    for (; !E && N >= T; ) {
-      let {
-        w: M,
-        h: R,
-        wordMask: V,
-        minX: Q,
-        minY: oe,
-        maxX: ae,
-        maxY: le
-      } = lt({
-        word: A,
-        fontSize: N,
-        pad: x,
-        canvas: w,
-        ctx: de,
-        svg: f
-      });
-      y && (V = so({ wordMask: V, w: M, h: R, dilation: 2 }));
-      let W = 0, X = 0;
-      for (; W < Math.max(l, v) && !E && X < 1e4; ) {
-        for (let s = 0; s < 360; s += Ce) {
-          X += 1;
-          const O = Math.round(
-            K + W * Math.cos(s * Math.PI / 180) - M / 2
-          ), P = Math.round(
-            se + W * Math.sin(s * Math.PI / 180) - R / 2
-          );
-          if (!(O < 0 || P < 0 || O + M > l || P + R > v) && nt({
-            mask: I,
-            maskW: l,
-            maskH: v,
-            wx: O,
-            wy: P,
-            wordMask: V
-          })) {
-            const { __wcIndex: Z, ...Y } = A;
-            e.push({
-              ...Y,
-              x: O - l / 2,
-              y: P - v / 2,
-              fontSize: N,
-              width: M,
-              height: R,
-              angle: 0,
-              minX: Q,
-              minY: oe,
-              maxX: ae,
-              maxY: le
-            }), st({
-              mask: I,
-              maskW: l,
-              maskH: v,
-              wx: O,
-              wy: P,
-              wordMask: V
-            }), E = !0;
-            break;
-          }
-        }
-        W += ke;
-      }
-      E || (N -= 1);
-    }
-    if (!E && N < T) {
-      N = T;
-      const {
-        w: M,
-        h: R,
-        wordMask: V,
-        minX: Q,
-        minY: oe,
-        maxX: ae,
-        maxY: le
-      } = lt({
-        word: A,
-        fontSize: N,
-        pad: x,
-        canvas: w,
-        ctx: de,
-        svg: f
-      });
-      let W = 0, X = 0;
-      for (; W < Math.max(l, v) && !E && X < 25e3; ) {
-        for (let s = 0; s < 360; s += we) {
-          X += 1;
-          const O = Math.round(
-            K + W * Math.cos(s * Math.PI / 180) - M / 2
-          ), P = Math.round(
-            se + W * Math.sin(s * Math.PI / 180) - R / 2
-          );
-          if (!(O < 0 || P < 0 || O + M > l || P + R > v) && nt({
-            mask: I,
-            maskW: l,
-            maskH: v,
-            wx: O,
-            wy: P,
-            wordMask: V
-          })) {
-            const { __wcIndex: Z, ...Y } = A;
-            e.push({
-              ...Y,
-              x: O - l / 2,
-              y: P - v / 2,
-              fontSize: N,
-              width: M,
-              height: R,
-              angle: 0,
-              minX: Q,
-              minY: oe,
-              maxX: ae,
-              maxY: le
-            }), st({
-              mask: I,
-              maskW: l,
-              maskH: v,
-              wx: O,
-              wy: P,
-              wordMask: V
-            }), E = !0;
-            break;
-          }
-        }
-        W += ve;
-      }
-    }
-    if (m && e.length > D) {
-      const M = e[e.length - 1];
-      m({ word: M, all: e });
-    }
-    await C();
-  }
-  return e.sort((A, D) => D.fontSize - A.fontSize);
-}
-const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, words: { selectedStroke: "#1A1A1A" }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, it = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", title: { color: "#424242", subtitle: { color: "#757575" } }, words: { selectedStroke: "#FFF8E1" }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" }, zoom: { color: "#5D4037", highlightColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, ut = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, words: { selectedStroke: "#1E1E1E" }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" }, zoom: { color: "#5D4037", highlightColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, ct = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, words: { selectedStroke: "#1A1A1A" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, dt = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, words: { selectedStroke: "#fbfafa" } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, vt = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", title: { color: "#50606C", subtitle: { color: "#718890" } }, words: { selectedStroke: "#f6f6fb" } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, ht = {
-  default: {},
-  dark: rt,
-  celebration: it,
-  celebrationNight: ut,
-  hack: ct,
-  zen: dt,
-  concrete: vt
-}, Eo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  celebration: it,
-  celebrationNight: ut,
-  concrete: vt,
-  dark: rt,
-  default: ht,
-  hack: ct,
-  zen: dt
-}, Symbol.toStringTag, { value: "Module" })), io = ["id", "data-resizing", "data-relayout"], uo = ["xmlns", "viewBox"], co = ["width", "height"], vo = ["transform"], ho = ["transform"], mo = ["x", "y", "width", "height", "onMouseover", "onMouseleave", "onClick"], fo = ["fill", "font-weight", "font-size", "transform", "stroke", "stroke-width"], po = {
-  key: 3,
-  class: "vue-data-ui-watermark"
-}, go = {
-  key: 4,
-  "data-dom-to-png-ignore": "",
-  class: "reset-wrapper"
-}, bo = ["innerHTML"], yo = {
-  __name: "vue-ui-word-cloud",
-  props: {
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    dataset: {
-      type: [Array, String],
-      default() {
-        return [];
-      }
-    }
-  },
-  setup($, { expose: x }) {
-    St((t) => ({
-      v6142108c: t.slicerColor
-    }));
-    const f = ee(() => import("./Tooltip-De7i-i20.js")), y = ee(() => import("./BaseIcon-Dl4VBlHV.js")), m = ee(() => import("./vue-ui-accordion-BXTVRRX7.js")), C = ee(() => import("./DataTable-Ho3Bf5oq.js")), d = ee(() => import("./PenAndPaper-kymjF6_b.js")), c = ee(() => import("./UserOptions-DgscxIaa.js")), l = ee(() => import("./PackageVersion-zsGySlBm.js")), v = ee(() => import("./BaseDraggableDialog-DZVSjhEw.js")), { vue_ui_word_cloud: T } = jt(), { isThemeValid: k, warnInvalidTheme: z } = Kt(), F = $, q = te({
-      get() {
-        return !!F.dataset && F.dataset.length;
-      },
-      set(t) {
-        return t;
-      }
-    }), J = h(Bt()), I = h(0), w = h(null), de = h(null), Ce = h(null), ke = h(0), we = h(0), ve = h(!1), K = h(null), se = h(null), Ae = h(!1), he = h(!1), e = h(oe()), { loading: A, FINAL_DATASET: D, manualLoading: re } = Gt({
-      ...Tt(F),
-      FINAL_CONFIG: e,
-      prepareConfig: oe,
-      callback: () => {
-        Promise.resolve().then(() => {
-          p.value.showTable = e.value.table.show, p.value.showTooltip = e.value.style.chart.tooltip.show, p.value.showZoom = e.value.style.chart.zoom.show;
-        });
-      },
-      skeletonDataset: [
-        { name: "Lorem", value: 6 },
-        { name: "ipsum", value: 3 },
-        { name: "dolor", value: 1 },
-        { name: "sit", value: 3 },
-        { name: "amet", value: 3 },
-        { name: "consectetur", value: 2 },
-        { name: "adipiscing", value: 1 },
-        { name: "elit", value: 2 },
-        { name: "Vivamus", value: 2 },
-        { name: "pulvinar", value: 1 },
-        { name: "pretium", value: 1 },
-        { name: "venenatis", value: 2 },
-        { name: "Donec", value: 1 },
-        { name: "imperdiet", value: 3 },
-        { name: "id", value: 1 },
-        { name: "porttitor", value: 2 },
-        { name: "tristique", value: 1 },
-        { name: "Aenean", value: 2 },
-        { name: "ac", value: 5 },
-        { name: "commodo", value: 2 },
-        { name: "justo", value: 2 },
-        { name: "Vestibulum", value: 2 },
-        { name: "placerat", value: 1 },
-        { name: "molestie", value: 1 },
-        { name: "nisl", value: 1 },
-        { name: "lacinia", value: 2 },
-        { name: "nulla", value: 1 },
-        { name: "posuere", value: 2 },
-        { name: "quis", value: 3 },
-        { name: "ullamcorper", value: 1 },
-        { name: "eu", value: 1 },
-        { name: "ex", value: 1 },
-        { name: "vitae", value: 3 },
-        { name: "facilisis", value: 1 },
-        { name: "Aliquam", value: 1 },
-        { name: "erat", value: 1 },
-        { name: "volutpat", value: 1 },
-        { name: "Proin", value: 1 },
-        { name: "nunc", value: 1 },
-        { name: "felis", value: 1 },
-        { name: "gravida", value: 3 },
-        { name: "sed", value: 1 },
-        { name: "orci", value: 1 },
-        { name: "Interdum", value: 1 },
-        { name: "et", value: 1 },
-        { name: "malesuada", value: 1 },
-        { name: "fames", value: 1 },
-        { name: "ante", value: 1 }
-      ],
-      skeletonConfig: _t({
-        defaultConfig: e.value,
-        userConfig: {
-          userOptions: { show: !1 },
-          table: { show: !1 },
-          useCssAnimation: !1,
-          animationDelayMs: 0,
-          nodeCategories: {},
-          nodeCategoryColors: {},
-          style: {
-            chart: {
-              backgroundColor: "#99999930",
-              words: {
-                color: "#6A6A6A",
-                usePalette: !1,
-                selectedStroke: "#CCCCCC"
-              }
-            }
-          }
-        }
-      })
-    }), E = h(N());
-    function N() {
-      return typeof D.value == "string" ? Nt(D.value) : D.value.map((t, a) => ({
-        ...t,
-        value: Rt(t.value)
-      }));
-    }
-    const { userOptionsVisible: M, setUserOptionsVisibility: R, keepUserOptionState: V } = Qt({ config: e.value }), { svgRef: Q } = eo({ config: e.value.style.chart.title });
-    function oe() {
-      const t = Be({
-        userConfig: F.config,
-        defaultConfig: T
-      }), a = t.theme;
-      if (!a) return t;
-      if (!k.value(t))
-        return z(t), t;
-      const o = Be({
-        userConfig: ht[a] || F.config,
-        defaultConfig: t
-      }), n = Be({
-        userConfig: F.config,
-        defaultConfig: o
-      });
-      return {
-        ...n,
-        customPalette: n.customPalette.length ? n.customPalette : Wt[a] || Me
-      };
-    }
-    const ae = h({ x: 0, y: 0 });
-    function le() {
-      const t = {
-        x: 0,
-        y: 0,
-        width: Math.max(10, s.value.width),
-        height: Math.max(10, s.value.height)
-      };
-      bt(t), ae.value = {
-        x: t.x + t.width / 2,
-        y: t.y + t.height / 2
-      }, Se();
-    }
-    const W = tt(() => {
-      Ze();
-    }, 100), X = h(!1);
-    be(() => X.value, (t) => {
-      t === !1 && (he.value = !0, W(), le());
-    }), be(() => F.config, (t) => {
-      e.value = oe(), M.value = !e.value.userOptions.showOnChartHover, Ne(), ke.value += 1, we.value += 1, p.value.showTable = e.value.table.show, p.value.showTooltip = e.value.style.chart.tooltip.show, p.value.showZoom = e.value.style.chart.zoom.show;
-    }, { deep: !0 });
-    const s = h({
-      width: e.value.style.chart.width,
-      height: e.value.style.chart.height,
-      maxFontSize: e.value.style.chart.words.maxFontSize,
-      minFontSize: e.value.style.chart.words.minFontSize,
-      bold: e.value.style.chart.words.bold
-    }), O = tt(() => {
-      const { width: t, height: a } = Et({
-        chart: w.value,
-        title: e.value.style.chart.title.text ? de.value : null,
-        source: Ce.value
-      });
-      requestAnimationFrame(async () => {
-        s.value.width = Math.max(10, t), s.value.height = Math.max(10, a - 12), await et(), X.value = !1;
-      });
-    }, 100), P = () => {
-      X.value = !0, O();
-    }, Z = He(null), Y = He(null);
-    zt(Ne);
-    const _e = te(() => !!e.value.debug);
-    function Ne() {
-      ot(F.dataset) ? at({
-        componentName: "VueUiWordCloud",
-        type: "dataset",
-        debug: _e.value
-      }) : E.value.forEach((t, a) => {
-        Vt({
-          datasetObject: t,
-          requiredAttributes: ["name", "value"]
-        }).forEach((o) => {
-          q.value = !1, at({
-            componentName: "VueUiWordCloud",
-            type: "datasetSerieAttribute",
-            property: o,
-            index: a,
-            debug: _e.value
-          });
-        });
-      }), ot(F.dataset) || (re.value = e.value.loading), e.value.responsive && (Z.value && (Y.value && Z.value.unobserve(Y.value), Z.value.disconnect()), Z.value = new ResizeObserver(P), Y.value = w.value.parentNode, Z.value.observe(Y.value)), le();
-    }
-    Mt(() => {
-      Z.value && (Y.value && Z.value.unobserve(Y.value), Z.value.disconnect());
-    });
-    const { isPrinting: Re, isImaging: We, generatePdf: Ve, generateImage: Xe } = Ht({
-      elementId: `wordCloud_${J.value}`,
-      fileName: e.value.style.chart.title.text || "vue-ui-word-cloud",
-      options: e.value.userOptions.print
-    }), p = h({
-      showTable: e.value.table.show,
-      showTooltip: e.value.style.chart.tooltip.show,
-      showZoom: e.value.style.chart.zoom.show
-    });
-    be(e, () => {
-      p.value.showTable = e.value.table.show, p.value.showTooltip = e.value.style.chart.tooltip.show, p.value.showZoom = e.value.style.chart.zoom.show;
-    }, { immediate: !0 });
-    function mt(t, a, o = "Arial") {
-      const i = document.createElement("canvas").getContext("2d");
-      return i.font = `${a}px ${e.value.style.chart.words.bold ? "bold" : "normal"} ${o}`, {
-        width: i.measureText(t).width + e.value.style.chart.words.proximity,
-        height: a
-      };
-    }
-    const U = h([]), me = /* @__PURE__ */ new Map();
-    function Ze() {
-      const t = [...E.value].map((i) => i.value), a = Math.max(...t), o = Math.min(...t), n = [...E.value].map((i, u) => {
-        let L = (i.value - o) / (a - o) * (s.value.maxFontSize - s.value.minFontSize) + s.value.minFontSize;
-        L = isNaN(L) ? s.value.minFontSize : L;
-        const ne = mt(i.name, L);
-        return {
-          ...i,
-          id: i.id ?? `${i.name}__${u}`,
-          fontSize: L,
-          width: ne.width,
-          height: ne.height,
-          color: e.value.style.chart.words.usePalette ? e.value.customPalette[u] || e.value.customPalette[u % e.value.customPalette.length] || Me[u] || Me[u % Me.length] : e.value.style.chart.words.color
-        };
-      });
-      U.value.length = 0, me.clear(), ro({
-        words: n,
-        svg: s.value,
-        proximity: e.value.style.chart.words.proximity,
-        strictPixelPadding: e.value.strictPixelPadding,
-        onProgress: ({ all: i }) => {
-          for (const u of i) {
-            const L = u.id;
-            let ne = me.get(L);
-            if (ne === void 0)
-              ne = U.value.length, me.set(L, ne), U.value.push({ ...u });
-            else {
-              const H = U.value[ne];
-              H.x = u.x, H.y = u.y, H.width = u.width, H.height = u.height, H.fontSize = u.fontSize, H.minX = u.minX, H.minY = u.minY, H.maxX = u.maxX, H.maxY = u.maxY;
-            }
-          }
-        }
-      }), U.value.sort((i, u) => u.fontSize - i.fontSize), me.clear(), U.value.forEach((i, u) => {
-        me.set(i.id, u);
-      }), Ae.value = !0, he.value = !1;
-    }
-    const xe = te(() => {
-      const t = U.value.map((o) => ({
-        name: o.name,
-        color: o.color
-      })), a = U.value.map((o) => o.value);
-      return { head: t, body: a };
-    });
-    function Oe(t = null) {
-      et(() => {
-        const a = xe.value.head.map((i, u) => [[
-          i.name
-        ], [xe.value.body[u]]]), o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], [e.value.table.columnNames.value]]].concat(a), n = Yt(o);
-        t ? t(n) : Ut({ csvContent: n, title: e.value.style.chart.title.text || "vue-ui-word-cloud" });
-      });
-    }
-    const $e = te(() => {
-      const t = [
-        e.value.table.columnNames.series,
-        e.value.table.columnNames.value
-      ], a = xe.value.head.map((i, u) => {
-        const L = Xt({ p: e.value.table.td.prefix, v: xe.value.body[u], s: e.value.table.td.suffix, r: e.value.table.td.roundingValue });
-        return [
-          {
-            color: i.color,
-            name: i.name
-          },
-          L
-        ];
-      }), o = {
-        th: {
-          backgroundColor: e.value.table.th.backgroundColor,
-          color: e.value.table.th.color,
-          outline: e.value.table.th.outline
-        },
-        td: {
-          backgroundColor: e.value.table.td.backgroundColor,
-          color: e.value.table.td.color,
-          outline: e.value.table.td.outline
-        },
-        breakpoint: e.value.table.responsiveBreakpoint
-      };
-      return {
-        colNames: [
-          e.value.table.columnNames.series,
-          e.value.table.columnNames.value
-        ],
-        head: t,
-        body: a,
-        config: o
-      };
-    }), ie = h(!1);
-    function Ye(t) {
-      ie.value = t, I.value += 1;
-    }
-    function ft() {
-      return U.value;
-    }
-    function Ue() {
-      p.value.showTable = !p.value.showTable;
-    }
-    function Le() {
-      p.value.showTooltip = !p.value.showTooltip;
-    }
-    const fe = h(!1);
-    function Pe() {
-      fe.value = !fe.value;
-    }
-    function je() {
-      p.value.showZoom = !p.value.showZoom;
-    }
-    const pt = te(() => !fe.value && p.value.showZoom), { viewBox: Fe, resetZoom: Se, isZoom: gt, setInitialViewBox: bt } = ao(Q, {
-      x: 0,
-      y: 0,
-      width: s.value.width <= 0 ? 10 : s.value.width,
-      height: s.value.height <= 0 ? 10 : s.value.height
-    }, 1, pt);
-    be(() => F.dataset, () => {
-      E.value = N(), e.value.responsive || (Ze(), le());
-    }, { immediate: !0 });
-    async function yt({ scale: t = 2 } = {}) {
-      if (!w.value) return;
-      const { width: a, height: o } = w.value.getBoundingClientRect(), n = a / o, { imageUri: i, base64: u } = await to({ domElement: w.value, base64: !0, img: !0, scale: t });
-      return {
-        imageUri: i,
-        base64: u,
-        title: e.value.style.chart.title.text,
-        width: a,
-        height: o,
-        aspectRatio: n
-      };
-    }
-    const pe = te(() => {
-      const t = e.value.table.useDialog && !e.value.table.show, a = p.value.showTable;
-      return {
-        component: t ? v : m,
-        title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
-        props: t ? {
-          backgroundColor: e.value.table.th.backgroundColor,
-          color: e.value.table.th.color,
-          headerColor: e.value.table.th.color,
-          headerBg: e.value.table.th.backgroundColor,
-          isFullscreen: ie.value,
-          fullscreenParent: w.value,
-          forcedWidth: Math.min(500, window.innerWidth * 0.8)
-        } : {
-          hideDetails: !0,
-          config: {
-            open: a,
-            maxHeight: 1e4,
-            body: {
-              backgroundColor: e.value.style.chart.backgroundColor,
-              color: e.value.style.chart.color
-            },
-            head: {
-              backgroundColor: e.value.style.chart.backgroundColor,
-              color: e.value.style.chart.color
-            }
-          }
-        }
-      };
-    });
-    be(() => p.value.showTable, (t) => {
-      e.value.table.show || (t && e.value.table.useDialog && K.value ? K.value.open() : "close" in K.value && K.value.close());
-    });
-    function Ge() {
-      p.value.showTable = !1, se.value && se.value.setTableIconState(!1);
-    }
-    const Ct = te(() => e.value.style.chart.backgroundColor), kt = te(() => e.value.style.chart.title), { exportSvg: wt, getSvg: At } = Jt({
-      svg: Q,
-      title: kt,
-      backgroundColor: Ct
-    });
-    async function qe({ isCb: t }) {
-      if (t) {
-        const { blob: a, url: o, text: n, dataUrl: i } = await At();
-        e.value.userOptions.callbacks.svg({ blob: a, url: o, text: n, dataUrl: i });
-      } else
-        wt();
-    }
-    x({
-      getData: ft,
-      getImage: yt,
-      generateCsv: Oe,
-      generatePdf: Ve,
-      generateImage: Xe,
-      generateSvg: qe,
-      resetZoom: Se,
-      toggleTable: Ue,
-      toggleTooltip: Le,
-      toggleAnnotator: Pe,
-      toggleFullscreen: Ye,
-      toggleZoom: je
-    });
-    const ue = h(null), ge = h(!1), Ie = h(""), De = h(null);
-    function xt(t, a) {
-      ue.value = null, ve.value = !1, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: a });
-    }
-    function $t(t, a) {
-      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: a });
-    }
-    function Ft(t, a) {
-      if (e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: a }), !p.value.showTooltip) return;
-      ue.value = t.id, De.value = { datapoint: t, config: e.value };
-      const o = e.value.style.chart.tooltip.customFormat;
-      if (ge.value = !1, Lt(o))
-        try {
-          const n = o({
-            datapoint: t,
-            config: e.value
-          });
-          typeof n == "string" && (Ie.value = n, ge.value = !0);
-        } catch {
-          console.warn("Custom format cannot be applied."), ge.value = !1;
-        }
-      if (!ge.value) {
-        let n = `<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>`;
-        Ie.value = `<div dir="auto" style="display:flex; gap:4px; align-items:center; jsutify-content:center;">${n}</div>`;
-      }
-      ve.value = !0;
-    }
-    return (t, a) => (S(), j("div", {
-      class: "vue-data-ui-component vue-ui-word-cloud",
-      ref_key: "wordCloudChart",
-      ref: w,
-      id: `wordCloud_${J.value}`,
-      "data-resizing": X.value,
-      "data-relayout": he.value,
-      style: Te(`width: 100%; font-family:${e.value.style.fontFamily};background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height:100%" : ""}`),
-      onMouseenter: a[2] || (a[2] = () => r(R)(!0)),
-      onMouseleave: a[3] || (a[3] = () => r(R)(!1))
-    }, [
-      e.value.userOptions.buttons.annotator ? (S(), ce(r(d), {
-        key: 0,
-        svgRef: r(Q),
-        backgroundColor: e.value.style.chart.backgroundColor,
-        color: e.value.style.chart.color,
-        active: fe.value,
-        onClose: Pe
-      }, {
-        "annotator-action-close": g(() => [
-          b(t.$slots, "annotator-action-close", {}, void 0, !0)
-        ]),
-        "annotator-action-color": g(({ color: o }) => [
-          b(t.$slots, "annotator-action-color", B(_({ color: o })), void 0, !0)
-        ]),
-        "annotator-action-draw": g(({ mode: o }) => [
-          b(t.$slots, "annotator-action-draw", B(_({ mode: o })), void 0, !0)
-        ]),
-        "annotator-action-undo": g(({ disabled: o }) => [
-          b(t.$slots, "annotator-action-undo", B(_({ disabled: o })), void 0, !0)
-        ]),
-        "annotator-action-redo": g(({ disabled: o }) => [
-          b(t.$slots, "annotator-action-redo", B(_({ disabled: o })), void 0, !0)
-        ]),
-        "annotator-action-delete": g(({ disabled: o }) => [
-          b(t.$slots, "annotator-action-delete", B(_({ disabled: o })), void 0, !0)
-        ]),
-        _: 3
-      }, 8, ["svgRef", "backgroundColor", "color", "active"])) : G("", !0),
-      e.value.style.chart.title.text ? (S(), j("div", {
-        key: 1,
-        ref_key: "chartTitle",
-        ref: de,
-        style: "width:100%;background:transparent;padding-bottom:24px"
-      }, [
-        (S(), ce(oo, {
-          key: `title_${ke.value}`,
-          config: {
-            title: {
-              ...e.value.style.chart.title
-            },
-            subtitle: {
-              ...e.value.style.chart.title.subtitle
-            }
-          }
-        }, null, 8, ["config"]))
-      ], 512)) : G("", !0),
-      e.value.userOptions.show && q.value && (r(V) || r(M)) ? (S(), ce(r(c), {
-        ref_key: "userOptionsRef",
-        ref: se,
-        key: `user_option_${I.value}`,
-        backgroundColor: e.value.style.chart.backgroundColor,
-        color: e.value.style.chart.color,
-        isPrinting: r(Re),
-        isImaging: r(We),
-        uid: J.value,
-        hasPdf: e.value.userOptions.buttons.pdf,
-        hasXls: e.value.userOptions.buttons.csv,
-        hasImg: e.value.userOptions.buttons.img,
-        hasSvg: e.value.userOptions.buttons.svg,
-        hasTable: e.value.userOptions.buttons.table,
-        hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isFullscreen: ie.value,
-        titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: w.value,
-        position: e.value.userOptions.position,
-        hasTooltip: e.value.style.chart.tooltip.show && e.value.userOptions.buttons.tooltip,
-        isTooltip: p.value.showTooltip,
-        hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: fe.value,
-        callbacks: e.value.userOptions.callbacks,
-        printScale: e.value.userOptions.print.scale,
-        tableDialog: e.value.table.useDialog,
-        hasZoom: e.value.userOptions.buttons.zoom,
-        isZoom: p.value.showZoom,
-        onToggleFullscreen: Ye,
-        onGeneratePdf: r(Ve),
-        onGenerateCsv: Oe,
-        onGenerateImage: r(Xe),
-        onGenerateSvg: qe,
-        onToggleTable: Ue,
-        onToggleTooltip: Le,
-        onToggleAnnotator: Pe,
-        onToggleZoom: je,
-        style: Te({
-          visibility: r(V) ? r(M) ? "visible" : "hidden" : "visible"
-        })
-      }, Je({ _: 2 }, [
-        t.$slots.menuIcon ? {
-          name: "menuIcon",
-          fn: g(({ isOpen: o, color: n }) => [
-            b(t.$slots, "menuIcon", B(_({ isOpen: o, color: n })), void 0, !0)
-          ]),
-          key: "0"
-        } : void 0,
-        t.$slots.optionPdf ? {
-          name: "optionPdf",
-          fn: g(() => [
-            b(t.$slots, "optionPdf", {}, void 0, !0)
-          ]),
-          key: "1"
-        } : void 0,
-        t.$slots.optionCsv ? {
-          name: "optionCsv",
-          fn: g(() => [
-            b(t.$slots, "optionCsv", {}, void 0, !0)
-          ]),
-          key: "2"
-        } : void 0,
-        t.$slots.optionImg ? {
-          name: "optionImg",
-          fn: g(() => [
-            b(t.$slots, "optionImg", {}, void 0, !0)
-          ]),
-          key: "3"
-        } : void 0,
-        t.$slots.optionSvg ? {
-          name: "optionSvg",
-          fn: g(() => [
-            b(t.$slots, "optionSvg", {}, void 0, !0)
-          ]),
-          key: "4"
-        } : void 0,
-        t.$slots.optionTable ? {
-          name: "optionTable",
-          fn: g(() => [
-            b(t.$slots, "optionTable", {}, void 0, !0)
-          ]),
-          key: "5"
-        } : void 0,
-        t.$slots.optionFullscreen ? {
-          name: "optionFullscreen",
-          fn: g(({ toggleFullscreen: o, isFullscreen: n }) => [
-            b(t.$slots, "optionFullscreen", B(_({ toggleFullscreen: o, isFullscreen: n })), void 0, !0)
-          ]),
-          key: "6"
-        } : void 0,
-        t.$slots.optionAnnotator ? {
-          name: "optionAnnotator",
-          fn: g(({ toggleAnnotator: o, isAnnotator: n }) => [
-            b(t.$slots, "optionAnnotator", B(_({ toggleAnnotator: o, isAnnotator: n })), void 0, !0)
-          ]),
-          key: "7"
-        } : void 0,
-        t.$slots.optionZoom ? {
-          name: "optionZoom",
-          fn: g(({ toggleZoom: o, isZoomLocked: n }) => [
-            b(t.$slots, "optionZoom", B(_({ toggleZoom: o, isZoomLocked: n })), void 0, !0)
-          ]),
-          key: "8"
-        } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasSvg", "hasTable", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasTooltip", "isTooltip", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "hasZoom", "isZoom", "onGeneratePdf", "onGenerateImage", "style"])) : G("", !0),
-      (S(), j("svg", {
-        ref_key: "svgRef",
-        ref: Q,
-        class: Ke({ "vue-data-ui-fullscreen--on": ie.value, "vue-data-ui-fulscreen--off": !ie.value }),
-        xmlns: r(Zt),
-        viewBox: `${r(Fe).x} ${r(Fe).y} ${r(Fe).width} ${r(Fe).height}`,
-        style: "overflow:hidden;background:transparent;"
-      }, [
-        ze(r(l)),
-        t.$slots["chart-background"] ? (S(), j("foreignObject", {
-          key: 0,
-          x: 0,
-          y: 0,
-          width: s.value.width <= 0 ? 10 : s.value.width,
-          height: s.value.height <= 0 ? 10 : s.value.height,
-          style: {
-            pointerEvents: "none"
-          }
-        }, [
-          b(t.$slots, "chart-background", {}, void 0, !0)
-        ], 8, co)) : G("", !0),
-        ye("g", {
-          transform: `translate(${ae.value.x}, ${ae.value.y})`,
-          class: Ke({ "wc-finalized": Ae.value })
-        }, [
-          (S(!0), j(Ot, null, Pt(U.value, (o, n) => (S(), j("g", {
-            key: o.id,
-            class: "vue-ui-word-cloud-word",
-            transform: `translate(${o.x}, ${o.y})`
-          }, [
-            o.minX !== void 0 ? (S(), j("rect", {
-              key: 0,
-              x: o.minX,
-              y: o.minY * 1.25,
-              width: o.maxX - o.minX,
-              height: o.maxY - o.minY,
-              fill: "transparent",
-              "pointer-events": "visiblePainted",
-              onMouseover: (i) => Ft(o, n),
-              onMouseleave: (i) => xt(o, n),
-              onClick: (i) => $t(o, n)
-            }, null, 40, mo)) : G("", !0),
-            ye("text", {
-              fill: o.color,
-              "font-weight": e.value.style.chart.words.bold ? "bold" : "normal",
-              x: 0,
-              y: 0,
-              "font-size": o.fontSize,
-              transform: `translate(${o.width / 2}, ${o.height / 2})`,
-              "text-anchor": "middle",
-              "dominant-baseline": "central",
-              "paint-order": "stroke fill",
-              stroke: !ue.value || ue.value === o.id ? e.value.style.chart.words.selectedStroke : void 0,
-              "stroke-width": o.height * 0.05,
-              "stroke-linecap": "round",
-              "stroke-linejoin": "round",
-              style: Te(`
-                            pointer-events:none;
-                            fill-opacity:${!ue.value || ue.value === o.id || !Ae.value ? 1 : e.value.style.chart.words.hoverOpacity} !important;
-                        `)
-            }, Ee(o.name), 13, fo)
-          ], 8, ho))), 128))
-        ], 10, vo),
-        b(t.$slots, "svg", {
-          svg: { height: s.value.height, width: s.value.width }
-        }, void 0, !0)
-      ], 10, uo)),
-      t.$slots.watermark ? (S(), j("div", po, [
-        b(t.$slots, "watermark", B(_({ isPrinting: r(Re) || r(We) })), void 0, !0)
-      ])) : G("", !0),
-      r(gt) ? (S(), j("div", go, [
-        b(t.$slots, "reset-action", { reset: r(Se) }, () => [
-          ye("button", {
-            "data-cy-reset": "",
-            tabindex: "0",
-            role: "button",
-            class: "vue-data-ui-refresh-button",
-            style: Te({
-              background: e.value.style.chart.backgroundColor
-            }),
-            onClick: a[0] || (a[0] = (o) => r(Se)(!0))
-          }, [
-            ze(r(y), {
-              name: "refresh",
-              stroke: e.value.style.chart.color
-            }, null, 8, ["stroke"])
-          ], 4)
-        ], !0)
-      ])) : G("", !0),
-      ze(r(f), {
-        show: p.value.showTooltip && ve.value,
-        backgroundColor: e.value.style.chart.tooltip.backgroundColor,
-        color: e.value.style.chart.tooltip.color,
-        fontSize: e.value.style.chart.tooltip.fontSize,
-        borderRadius: e.value.style.chart.tooltip.borderRadius,
-        borderColor: e.value.style.chart.tooltip.borderColor,
-        borderWidth: e.value.style.chart.tooltip.borderWidth,
-        backgroundOpacity: e.value.style.chart.tooltip.backgroundOpacity,
-        position: e.value.style.chart.tooltip.position,
-        offsetY: e.value.style.chart.tooltip.offsetY,
-        parent: w.value,
-        content: Ie.value,
-        isCustom: ge.value,
-        isFullscreen: ie.value,
-        smooth: e.value.style.chart.tooltip.smooth,
-        backdropFilter: e.value.style.chart.tooltip.backdropFilter,
-        smoothForce: e.value.style.chart.tooltip.smoothForce,
-        smoothSnapThreshold: e.value.style.chart.tooltip.smoothSnapThreshold
-      }, {
-        "tooltip-before": g(() => [
-          b(t.$slots, "tooltip-before", B(_({ ...De.value })), void 0, !0)
-        ]),
-        "tooltip-after": g(() => [
-          b(t.$slots, "tooltip-after", B(_({ ...De.value })), void 0, !0)
-        ]),
-        _: 3
-      }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom", "isFullscreen", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      t.$slots.source ? (S(), j("div", {
-        key: 5,
-        ref_key: "source",
-        ref: Ce,
-        dir: "auto"
-      }, [
-        b(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : G("", !0),
-      q.value && e.value.userOptions.buttons.table ? (S(), ce(It(pe.value.component), Dt({ key: 6 }, pe.value.props, {
-        ref_key: "tableUnit",
-        ref: K,
-        onClose: Ge
-      }), Je({
-        content: g(() => [
-          (S(), ce(r(C), {
-            key: `table_${we.value}`,
-            colNames: $e.value.colNames,
-            head: $e.value.head,
-            body: $e.value.body,
-            config: $e.value.config,
-            title: e.value.table.useDialog ? "" : pe.value.title,
-            withCloseButton: !e.value.table.useDialog,
-            onClose: Ge
-          }, {
-            th: g(({ th: o }) => [
-              ye("div", {
-                innerHTML: o,
-                style: { display: "flex", "align-items": "center" }
-              }, null, 8, bo)
-            ]),
-            td: g(({ td: o }) => [
-              Qe(Ee(o.name || o), 1)
-            ]),
-            _: 1
-          }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton"]))
-        ]),
-        _: 2
-      }, [
-        e.value.table.useDialog ? {
-          name: "title",
-          fn: g(() => [
-            Qe(Ee(pe.value.title), 1)
-          ]),
-          key: "0"
-        } : void 0,
-        e.value.table.useDialog ? {
-          name: "actions",
-          fn: g(() => [
-            ye("button", {
-              tabindex: "0",
-              class: "vue-ui-user-options-button",
-              onClick: a[1] || (a[1] = (o) => Oe(e.value.userOptions.callbacks.csv))
-            }, [
-              ze(r(y), {
-                name: "excel",
-                stroke: pe.value.props.color
-              }, null, 8, ["stroke"])
-            ])
-          ]),
-          key: "1"
-        } : void 0
-      ]), 1040)) : G("", !0),
-      r(A) ? (S(), ce(qt, { key: 7 })) : G("", !0)
-    ], 44, io));
-  }
-}, Co = /* @__PURE__ */ lo(yo, [["__scopeId", "data-v-7164e284"]]), Bo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: Co
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  Eo as a,
-  Bo as b,
-  Co as v
-};