vue-data-ui 3.17.13 → 3.18.0

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

@@ -1,1644 +0,0 @@
-import { defineAsyncComponent as se, computed as G, ref as M, toRefs as Qt, watch as Pe, shallowRef as mt, onMounted as eo, onBeforeUnmount as to, openBlock as Y, createElementBlock as K, unref as T, normalizeStyle as ze, createElementVNode as fe, toDisplayString as Ye, createBlock as oe, createCommentVNode as L, withCtx as F, renderSlot as A, normalizeProps as Z, guardReactiveProps as V, createSlots as ht, normalizeClass as pt, createVNode as je, Fragment as oo, renderList as ao, resolveDynamicComponent as no, mergeProps as lo, createTextVNode as gt, nextTick as We } from "vue";
-import { d as yt, u as so } from "./useResponsive-DfdjqQps.js";
-import { j as io, t as bt, e as uo, K as ro, m as co, p as De, o as wt, q as kt, r as vo, l as fo, X as mo, a0 as ho, a1 as po, T as go } from "./lib-DMzrGQHK.js";
-import { u as yo } from "./useConfig-CG4HT3wS.js";
-import { u as bo, B as wo } from "./BaseScanner-C2j3TsSY.js";
-import { u as ko } from "./usePrinter-C4t8DdQ-.js";
-import { u as xo } from "./useSvgExport-BTG4hVPO.js";
-import { u as Ge } from "./useNestedProp-DH0BEVVS.js";
-import { u as Co } from "./useThemeCheck-C9Ccl7U9.js";
-import { u as $o } from "./useUserOptionState-B7Ej974k.js";
-import { u as So } from "./useChartAccessibility-cp6XQtqi.js";
-import To from "./img-CjTQXS0U.js";
-import Po from "./Title-BbKoiBk2.js";
-import Mo from "./vue_ui_word_cloud-mKAtBxHR.js";
-import { u as Io } from "./usePanZoom-BbDhcKWf.js";
-import { A as Ao } from "./A11yDataTable-BpmuNomI.js";
-import { B as xt } from "./BaseZoomControls-CVSC1-SU.js";
-import { _ as Fo } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-function Oo({
-  word: a,
-  fontSize: s,
-  pad: m,
-  canvas: c,
-  ctx: r,
-  svg: f
-}) {
-  const n = `${f.style && f.style.bold ? "bold " : ""}${s}px Arial`;
-  r.font = n;
-  const p = r.measureText(a.name), h = Math.ceil(p.width) + 2 + (m ? m * 2 : 0), g = Math.ceil(s) + 2 + (m ? m * 2 : 0);
-  c.width = h, c.height = g, r.font = n, r.textAlign = "center", r.textBaseline = "middle", r.fillStyle = "black", r.fillText(a.name, h / 2, g / 2);
-  const y = r.getImageData(0, 0, h, g).data, k = [], l = [];
-  let u = h, I = g, x = 0, P = 0, d = !1;
-  for (let C = 0; C < g; C += 1) {
-    const _ = C * h * 4;
-    let E = -1, N = !1;
-    for (let z = 0; z < h; z += 1) {
-      const q = _ + z * 4 + 3;
-      y[q] > 1 ? (k.push([z, C]), d = !0, z < u && (u = z), z > x && (x = z), C < I && (I = C), C > P && (P = C), N || (N = !0, E = z)) : N && (l.push([C, E, z - 1]), N = !1, E = -1);
-    }
-    N && l.push([C, E, h - 1]);
-  }
-  return d || (u = 0, I = 0, x = 0, P = 0), {
-    w: h,
-    h: g,
-    wordMask: k,
-    runs: l,
-    minX: u,
-    minY: I,
-    maxX: x,
-    maxY: P
-  };
-}
-function Xo(a) {
-  const s = [];
-  if (!a.length) return s;
-  let m = a[0][1], c = a[0][0], r = c;
-  for (let f = 1; f < a.length; f += 1) {
-    const i = a[f][0], n = a[f][1];
-    n !== m ? (s.push([m, c, r]), m = n, c = i, r = i) : (i === r + 1 || (s.push([m, c, r]), c = i), r = i);
-  }
-  return s.push([m, c, r]), s;
-}
-function Tt(a, s) {
-  return 4294967295 >>> 32 - (s - a + 1) << a >>> 0;
-}
-function Pt(a) {
-  return 4294967295 << a >>> 0;
-}
-function Mt(a) {
-  return 4294967295 >>> 31 - a >>> 0;
-}
-function Ro({
-  maskBits: a,
-  maskRowStride: s,
-  maskW: m,
-  maskH: c,
-  wx: r,
-  wy: f,
-  runs: i
-}) {
-  for (let n = 0; n < i.length; n += 1) {
-    const p = i[n][0], h = i[n][1], g = i[n][2], b = f + p;
-    if (b < 0 || b >= c) return !1;
-    const y = r + h, k = r + g;
-    if (y < 0 || k >= m) return !1;
-    const l = b * s, u = y >>> 5, I = k >>> 5, x = y & 31, P = k & 31;
-    if (u === I) {
-      const d = a[l + u], C = Tt(x, P);
-      if (d & C) return !1;
-    } else {
-      {
-        const d = a[l + u], C = Pt(x);
-        if (d & C) return !1;
-      }
-      for (let d = u + 1; d < I; d += 1)
-        if (a[l + d]) return !1;
-      {
-        const d = a[l + I], C = Mt(P);
-        if (d & C) return !1;
-      }
-    }
-  }
-  return !0;
-}
-function zo({
-  maskBits: a,
-  maskRowStride: s,
-  maskW: m,
-  maskH: c,
-  wx: r,
-  wy: f,
-  runs: i
-}) {
-  for (let n = 0; n < i.length; n += 1) {
-    const p = i[n][0], h = i[n][1], g = i[n][2], b = f + p;
-    if (b < 0 || b >= c) continue;
-    const y = r + h, k = r + g;
-    if (k < 0 || y >= m) continue;
-    const l = b * s, u = y >>> 5, I = k >>> 5, x = y & 31, P = k & 31;
-    if (u === I) {
-      const d = Tt(x, P);
-      a[l + u] |= d;
-    } else {
-      {
-        const d = Pt(x);
-        a[l + u] |= d;
-      }
-      for (let d = u + 1; d < I; d += 1)
-        a[l + d] = 4294967295;
-      {
-        const d = Mt(P);
-        a[l + I] |= d;
-      }
-    }
-  }
-}
-function Yo({ wordMask: a, w: s, h: m, dilation: c }) {
-  const r = new Uint8Array(s * m), f = [];
-  for (let n = 0; n < a.length; n += 1) {
-    const p = a[n][0], g = a[n][1] * s + p;
-    r[g] || (r[g] = 1, f.push(g));
-  }
-  for (let n = 0; n < f.length; n += 1) {
-    const p = f[n], h = p / s | 0, g = p - h * s;
-    for (let b = -c; b <= c; b += 1) {
-      const y = h + b;
-      if (y < 0 || y >= m) continue;
-      const k = y * s;
-      for (let l = -c; l <= c; l += 1) {
-        if (l === 0 && b === 0) continue;
-        const u = g + l;
-        u < 0 || u >= s || (r[k + u] = 1);
-      }
-    }
-  }
-  const i = [];
-  for (let n = 0; n < r.length; n += 1)
-    if (r[n]) {
-      const p = n / s | 0, h = n - p * s;
-      i.push([h, p]);
-    }
-  return i;
-}
-function Wo({ runs: a, w: s, h: m, dilation: c }) {
-  const r = new Uint8Array(s * m), f = [];
-  for (let n = 0; n < a.length; n += 1) {
-    const p = a[n], h = p[0], g = p[1], b = p[2], y = h * s;
-    for (let k = g; k <= b; k += 1) {
-      const l = y + k;
-      r[l] || (r[l] = 1, f.push(l));
-    }
-  }
-  for (let n = 0; n < f.length; n += 1) {
-    const p = f[n], h = p / s | 0, g = p - h * s;
-    for (let b = -c; b <= c; b += 1) {
-      const y = h + b;
-      if (y < 0 || y >= m) continue;
-      const k = y * s;
-      for (let l = -c; l <= c; l += 1) {
-        if (l === 0 && b === 0) continue;
-        const u = g + l;
-        u < 0 || u >= s || (r[k + u] = 1);
-      }
-    }
-  }
-  const i = [];
-  for (let n = 0; n < m; n += 1) {
-    const p = n * s;
-    let h = -1, g = !1;
-    for (let b = 0; b < s; b += 1)
-      r[p + b] ? g || (g = !0, h = b) : g && (i.push([n, h, b - 1]), g = !1, h = -1);
-    g && i.push([n, h, s - 1]);
-  }
-  return i;
-}
-function Do(a, s) {
-  const m = a.runs, c = a.w, r = a.h, f = Math.max(1, Math.round(c * s)), i = Math.max(
-    1,
-    Math.round(r * s)
-  ), n = new Array(i);
-  let p = f, h = i, g = 0, b = 0, y = !1;
-  for (let l = 0; l < m.length; l += 1) {
-    const u = m[l], I = u[0], x = u[1], P = u[2], d = Math.round(I * s);
-    if (d < 0 || d >= i) continue;
-    const C = Math.round(x * s), _ = Math.round((P + 1) * s) - 1;
-    if (_ < C) continue;
-    let E = n[d];
-    E || (E = [], n[d] = E), E.push([C, _]), y = !0, C < p && (p = C), _ > g && (g = _), d < h && (h = d), d > b && (b = d);
-  }
-  if (!y)
-    return {
-      w: f,
-      h: i,
-      runs: [],
-      minX: 0,
-      minY: 0,
-      maxX: 0,
-      maxY: 0
-    };
-  const k = [];
-  for (let l = 0; l < i; l += 1) {
-    const u = n[l];
-    if (!u || u.length === 0) continue;
-    u.sort((P, d) => P[0] - d[0]);
-    let I = u[0][0], x = u[0][1];
-    for (let P = 1; P < u.length; P += 1) {
-      const d = u[P][0], C = u[P][1];
-      d <= x + 1 ? C > x && (x = C) : (k.push([l, I, x]), I = d, x = C);
-    }
-    k.push([l, I, x]);
-  }
-  return {
-    w: f,
-    h: i,
-    runs: k,
-    minX: p,
-    minY: h,
-    maxX: g,
-    maxY: b
-  };
-}
-const Ct = /* @__PURE__ */ new Map(), $t = /* @__PURE__ */ new Map();
-function Eo({ word: a, fontSize: s, pad: m, svg: c }) {
-  const r = c.style && c.style.bold ? 1 : 0, f = m || 0;
-  return `${a.name}::${s}::${f}::${r}`;
-}
-function No({
-  word: a,
-  fontSize: s,
-  pad: m,
-  canvas: c,
-  ctx: r,
-  svg: f
-}) {
-  const i = Eo({ word: a, fontSize: s, pad: m, svg: f }), n = Ct.get(i);
-  if (n) return { key: i, bitmap: n };
-  const p = Oo({
-    word: a,
-    fontSize: s,
-    pad: m,
-    canvas: c,
-    ctx: r,
-    svg: f
-  });
-  return Ct.set(i, p), { key: i, bitmap: p };
-}
-function Bo({
-  bitmapKey: a,
-  wordMask: s,
-  w: m,
-  h: c,
-  dilation: r
-}) {
-  const f = `${a}::d${r}`, i = $t.get(f);
-  if (i) return i;
-  const n = Yo({
-    wordMask: s,
-    w: m,
-    h: c,
-    dilation: r
-  }), p = Xo(n), h = { wordMask: n, runs: p };
-  return $t.set(f, h), h;
-}
-const Zo = 6, Vo = 2, It = Math.PI / 180, At = [], Ft = [];
-for (let a = 0; a < 360; a += Zo) {
-  const s = a * It;
-  At.push(Math.cos(s)), Ft.push(Math.sin(s));
-}
-const Ot = [], Xt = [];
-for (let a = 0; a < 360; a += Vo) {
-  const s = a * It;
-  Ot.push(Math.cos(s)), Xt.push(Math.sin(s));
-}
-function _o(a, s, m) {
-  if (!a.length) return;
-  let c = 1 / 0, r = -1 / 0, f = 1 / 0, i = -1 / 0;
-  for (let l = 0; l < a.length; l += 1) {
-    const u = a[l], I = u.x + u.minX, x = u.x + u.maxX, P = u.y + u.minY, d = u.y + u.maxY;
-    I < c && (c = I), x > r && (r = x), P < f && (f = P), d > i && (i = d);
-  }
-  if (!isFinite(c) || !isFinite(r) || !isFinite(f) || !isFinite(i)) return;
-  const n = Math.max(
-    Math.abs(c),
-    Math.abs(r)
-  ), p = Math.max(
-    Math.abs(f),
-    Math.abs(i)
-  );
-  if (n === 0 || p === 0) return;
-  const h = 0.9, g = s * 0.5 * h / n, b = m * 0.5 * h / p;
-  let y = Math.min(g, b);
-  if (y <= 1) return;
-  const k = 4;
-  y > k && (y = k);
-  for (let l = 0; l < a.length; l += 1) {
-    const u = a[l];
-    u.x *= y, u.y *= y, u.width *= y, u.height *= y, u.fontSize *= y, u.minX *= y, u.maxX *= y, u.minY *= y, u.maxY *= y;
-  }
-}
-function Uo() {
-  return typeof performance < "u" && typeof performance.now == "function" ? () => performance.now() : () => Date.now();
-}
-function Lo({
-  value: a,
-  minimumValue: s,
-  maximumValue: m,
-  configuredMinimumFontSize: c,
-  maximumFontSize: r
-}) {
-  if (m === s)
-    return r;
-  const i = (a - s) / (m - s) * (r - c) + c;
-  return Math.max(
-    c,
-    Math.min(r, i)
-  );
-}
-function qo({
-  currentBitmap: a,
-  strictPixelPadding: s,
-  scaleFactor: m,
-  baseBitmap: c,
-  bitmapKey: r
-}) {
-  let f = a.runs;
-  const i = a.w, n = a.h, p = a.minX, h = a.minY, g = a.maxX, b = a.maxY;
-  return !s || !f.length ? {
-    runs: f,
-    bitmapWidth: i,
-    bitmapHeight: n,
-    bitmapMinimumX: p,
-    bitmapMinimumY: h,
-    bitmapMaximumX: g,
-    bitmapMaximumY: b
-  } : m === 1 ? {
-    runs: Bo({
-      bitmapKey: r,
-      wordMask: c.wordMask,
-      w: c.w,
-      h: c.h,
-      dilation: 2
-    }).runs,
-    bitmapWidth: i,
-    bitmapHeight: n,
-    bitmapMinimumX: p,
-    bitmapMinimumY: h,
-    bitmapMaximumX: g,
-    bitmapMaximumY: b
-  } : {
-    runs: Wo({
-      runs: f,
-      w: i,
-      h: n,
-      dilation: 2
-    }),
-    bitmapWidth: i,
-    bitmapHeight: n,
-    bitmapMinimumX: p,
-    bitmapMinimumY: h,
-    bitmapMaximumX: g,
-    bitmapMaximumY: b
-  };
-}
-async function St({
-  baseBitmap: a,
-  baseFontSize: s,
-  minimumScaleFactor: m,
-  maskBits: c,
-  maskRowStride: r,
-  maskWidth: f,
-  maskHeight: i,
-  centerX: n,
-  centerY: p,
-  maximumRadius: h,
-  scaleStep: g,
-  strictPixelPadding: b,
-  bitmapKey: y,
-  minimumFontSize: k,
-  rawWord: l,
-  cosineArray: u,
-  sineArray: I,
-  radiusStep: x,
-  maximumAttempts: P,
-  maybeYield: d
-}) {
-  let C = 1;
-  for (; C >= m; ) {
-    const _ = C === 1 ? a : Do(a, C), E = qo({
-      currentBitmap: _,
-      strictPixelPadding: b,
-      scaleFactor: C,
-      baseBitmap: a,
-      bitmapKey: y
-    }), {
-      runs: N,
-      bitmapWidth: z,
-      bitmapHeight: q,
-      bitmapMinimumX: ae,
-      bitmapMinimumY: ie,
-      bitmapMaximumX: ue,
-      bitmapMaximumY: re
-    } = E;
-    let J = 0, H = 0;
-    for (; J < h && H < P; ) {
-      for (let O = 0; O < u.length; O += 1) {
-        H += 1;
-        const Q = Math.round(
-          n + J * u[O] - z / 2
-        ), ee = Math.round(
-          p + J * I[O] - q / 2
-        );
-        if (Q < 0 || ee < 0 || Q + z > f || ee + q > i)
-          continue;
-        if (Ro({
-          maskBits: c,
-          maskRowStride: r,
-          maskW: f,
-          maskH: i,
-          wx: Q,
-          wy: ee,
-          runs: N
-        })) {
-          const { __wcIndex: e, ...R } = l, we = Math.max(
-            k,
-            Math.round(s * C)
-          ), me = {
-            ...R,
-            x: Q - f / 2,
-            y: ee - i / 2,
-            fontSize: we,
-            width: z,
-            height: q,
-            angle: 0,
-            minX: ae,
-            minY: ie,
-            maxX: ue,
-            maxY: re
-          };
-          return zo({
-            maskBits: c,
-            maskRowStride: r,
-            maskW: f,
-            maskH: i,
-            wx: Q,
-            wy: ee,
-            runs: N
-          }), me;
-        }
-      }
-      J += x, (H & 1023) === 0 && await d();
-    }
-    C *= g, await d();
-  }
-  return null;
-}
-async function Ho({
-  baseBitmap: a,
-  baseFontSize: s,
-  minimumScaleFactor: m,
-  maskBits: c,
-  maskRowStride: r,
-  maskWidth: f,
-  maskHeight: i,
-  centerX: n,
-  centerY: p,
-  maximumRadius: h,
-  scaleStep: g,
-  strictPixelPadding: b,
-  bitmapKey: y,
-  minimumFontSize: k,
-  rawWord: l,
-  maybeYield: u,
-  spiralRadiusStep: I,
-  fallbackSpiralRadiusStep: x
-}) {
-  const P = await St({
-    baseBitmap: a,
-    baseFontSize: s,
-    minimumScaleFactor: m,
-    maskBits: c,
-    maskRowStride: r,
-    maskWidth: f,
-    maskHeight: i,
-    centerX: n,
-    centerY: p,
-    maximumRadius: h,
-    scaleStep: g,
-    strictPixelPadding: b,
-    bitmapKey: y,
-    minimumFontSize: k,
-    rawWord: l,
-    cosineArray: At,
-    sineArray: Ft,
-    radiusStep: I,
-    maximumAttempts: 1e4,
-    maybeYield: u
-  });
-  return P || await St({
-    baseBitmap: a,
-    baseFontSize: s,
-    minimumScaleFactor: m,
-    maskBits: c,
-    maskRowStride: r,
-    maskWidth: f,
-    maskHeight: i,
-    centerX: n,
-    centerY: p,
-    maximumRadius: h,
-    scaleStep: g,
-    strictPixelPadding: b,
-    bitmapKey: y,
-    minimumFontSize: k,
-    rawWord: l,
-    cosineArray: Ot,
-    sineArray: Xt,
-    radiusStep: x,
-    maximumAttempts: 25e3,
-    maybeYield: u
-  });
-}
-async function jo({
-  words: a,
-  proximity: s = 0,
-  svg: m,
-  strictPixelPadding: c,
-  onProgress: r,
-  debugTiming: f = !1
-}) {
-  const i = Uo(), n = i(), p = 12;
-  let h = n;
-  async function g() {
-    i() - h >= p && (await new Promise((R) => setTimeout(R, 0)), h = i());
-  }
-  const b = m.width, y = m.height, k = Math.round(b), l = Math.round(y), u = 1, I = m.minFontSize, x = Math.min(m.maxFontSize, 100), P = a.map((e) => e.value), d = Math.min(...P), C = Math.max(...P);
-  if (k <= 0 || l <= 0) return [];
-  const _ = k + 31 >>> 5, E = new Uint32Array(_ * l), N = document.createElement("canvas"), z = N.getContext("2d", { willReadFrequently: !0 });
-  N.width = k, N.height = l;
-  const q = 2, ae = 1, ie = Math.max(k, l), ue = Math.floor(k / 2), re = Math.floor(l / 2), H = [...a.map((e, R) => ({
-    ...e,
-    __wcIndex: R,
-    id: e.id != null ? e.id : `${e.name}__${R}`
-  }))].sort(
-    (e, R) => R.value - e.value
-  ), O = [], Q = 0.9;
-  for (let e = 0; e < H.length; e += 1) {
-    const R = H[e], we = O.length, de = Lo({
-      value: R.value,
-      minimumValue: d,
-      maximumValue: C,
-      configuredMinimumFontSize: I,
-      maximumFontSize: x
-    }), Me = No({
-      word: R,
-      fontSize: de,
-      pad: s,
-      canvas: N,
-      ctx: z,
-      svg: m
-    }), he = Me.key, pe = Me.bitmap, ke = pe.w, Ie = pe.h;
-    if (ke <= 0 || Ie <= 0) {
-      await g();
-      continue;
-    }
-    const Ae = Math.max(
-      u / de,
-      0.1
-    ), j = await Ho({
-      baseBitmap: pe,
-      baseFontSize: de,
-      minimumScaleFactor: Ae,
-      maskBits: E,
-      maskRowStride: _,
-      maskWidth: k,
-      maskHeight: l,
-      centerX: ue,
-      centerY: re,
-      maximumRadius: ie,
-      scaleStep: Q,
-      strictPixelPadding: c,
-      bitmapKey: he,
-      minimumFontSize: u,
-      rawWord: R,
-      maybeYield: g,
-      spiralRadiusStep: q,
-      fallbackSpiralRadiusStep: ae
-    });
-    if (j && (O.push(j), r && O.length > we)) {
-      const xe = O[O.length - 1];
-      r({ word: xe, all: O });
-    }
-    await g();
-  }
-  if (!O.length)
-    return [];
-  _o(O, k, l);
-  const ce = i() - n;
-  return f && typeof console < "u" && console.log && console.log(
-    "[vue-data-ui][word-cloud] positionWordsAsync:",
-    `${ce.toFixed(2)} ms for ${a.length} words`
-  ), O.sort((e, R) => R.fontSize - e.fontSize);
-}
-const Go = ["id", "data-resizing", "data-relayout"], Ko = ["id"], Jo = { style: { position: "relative" } }, Qo = ["aria-describedby", "xmlns", "viewBox"], ea = ["width", "height"], ta = ["transform"], oa = ["transform"], aa = ["data-a11y-word-index", "x", "y", "width", "height", "aria-label", "onMouseover", "onMouseleave", "onClick"], na = ["fill", "font-weight", "font-size", "transform", "stroke", "stroke-width"], la = {
-  key: 0,
-  style: { position: "absolute", top: "100%", left: "0", width: "100%" },
-  "data-dom-to-png-ignore": "",
-  "aria-hidden": "true"
-}, sa = {
-  key: 5,
-  class: "vue-data-ui-watermark"
-}, ia = {
-  key: 6,
-  "data-dom-to-png-ignore": "",
-  class: "reset-wrapper"
-}, ua = ["innerHTML"], ra = {
-  __name: "vue-ui-word-cloud",
-  props: {
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    dataset: {
-      type: [Array, String],
-      default() {
-        return [];
-      }
-    }
-  },
-  emits: ["copyAlt"],
-  setup(a, { expose: s, emit: m }) {
-    const c = se(() => import("./Tooltip-Cvt7Fi0Q.js")), r = se(() => import("./BaseIcon-DX0hTWa-.js")), f = se(() => import("./vue-ui-accordion-DFtpH_16.js")), i = se(() => import("./DataTable-cMnb68Ik.js")), n = se(
-      () => import("./PenAndPaper-CJDoB5H9.js")
-    ), p = se(
-      () => import("./UserOptions-DVduN6X7.js")
-    ), h = se(
-      () => import("./PackageVersion-BfrCAH6_.js")
-    ), g = se(
-      () => import("./BaseDraggableDialog-Di8Hlru3.js")
-    ), { vue_ui_word_cloud: b } = yo(), { isThemeValid: y, warnInvalidTheme: k } = Co(), l = a, u = m, I = G({
-      get() {
-        return !!l.dataset && l.dataset.length;
-      },
-      set(t) {
-        return t;
-      }
-    }), x = M(io()), P = M(0), d = M(null), C = M(null), _ = M(null), E = M(0), N = M(0), z = M(!1), q = M(null), ae = M(null), ie = M(!1), ue = M(!1), re = M(null), J = M(!1), H = M(!1), O = M(null), Q = M({ x: 0, y: 0 }), ee = M("pointer"), ce = M(!1), e = M(xe()), R = G(
-      () => e.value.userOptions.useCursorPointer
-    ), we = G(() => bt({
-      defaultConfig: {
-        userOptions: { show: !1 },
-        table: { show: !1 },
-        useCssAnimation: !1,
-        animationDelayMs: 0,
-        nodeCategories: {},
-        nodeCategoryColors: {},
-        style: {
-          chart: {
-            backgroundColor: "#99999930",
-            words: {
-              color: "#6A6A6A",
-              usePalette: !1,
-              selectedStroke: "#CCCCCC"
-            }
-          }
-        }
-      },
-      userConfig: e.value.skeletonConfig ?? {}
-    })), { loading: me, FINAL_DATASET: de, manualLoading: Me } = bo({
-      ...Qt(l),
-      FINAL_CONFIG: e,
-      prepareConfig: xe,
-      callback: () => {
-        Promise.resolve().then(() => {
-          X.value.showTable = e.value.table.show, X.value.showTooltip = e.value.style.chart.tooltip.show, X.value.showZoom = e.value.style.chart.zoom.show;
-        });
-      },
-      skeletonDataset: l.config?.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: bt({
-        defaultConfig: e.value,
-        userConfig: we.value
-      })
-    }), he = M(pe());
-    function pe() {
-      return typeof de.value == "string" ? uo(de.value) : de.value.map((t, v) => ({
-        ...t,
-        value: ro(t.value)
-      }));
-    }
-    const { userOptionsVisible: ke, setUserOptionsVisibility: Ie, keepUserOptionState: Ae } = $o({ config: e.value }), { svgRef: j } = So({
-      config: e.value.style.chart.title
-    });
-    function xe() {
-      const t = Ge({
-        userConfig: l.config,
-        defaultConfig: b
-      }), v = t.theme;
-      if (!v) return t;
-      if (!y.value(t))
-        return k(t), t;
-      const o = Ge({
-        userConfig: Mo[v] || l.config,
-        defaultConfig: t
-      }), S = Ge({
-        userConfig: l.config,
-        defaultConfig: o
-      });
-      return {
-        ...S,
-        customPalette: S.customPalette.length ? S.customPalette : co[v] || De
-      };
-    }
-    const Ee = M({ x: 0, y: 0 });
-    function Ne() {
-      const t = {
-        x: 0,
-        y: 0,
-        width: Math.max(10, D.value.width),
-        height: Math.max(10, D.value.height)
-      };
-      Bt(t), Ee.value = {
-        x: t.x + t.width / 2,
-        y: t.y + t.height / 2
-      }, $e();
-    }
-    const Rt = yt(() => {
-      et();
-    }, 100), Fe = M(!1);
-    Pe(
-      () => Fe.value,
-      (t) => {
-        t === !1 && (ue.value = !0, Rt(), Ne());
-      }
-    ), Pe(
-      () => l.config,
-      (t) => {
-        e.value = xe(), ke.value = !e.value.userOptions.showOnChartHover, Ke(), E.value += 1, N.value += 1, X.value.showTable = e.value.table.show, X.value.showTooltip = e.value.style.chart.tooltip.show, X.value.showZoom = e.value.style.chart.zoom.show;
-      },
-      { deep: !0 }
-    );
-    const D = M({
-      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
-    }), zt = yt(() => {
-      const { width: t, height: v } = so({
-        chart: d.value,
-        title: e.value.style.chart.title.text ? C.value : null,
-        legend: e.value.style.chart.controls.show ? re.value?.$el : null,
-        source: _.value
-      });
-      requestAnimationFrame(async () => {
-        D.value.width = Math.max(10, t), D.value.height = Math.max(10, v - 12), await We(), Fe.value = !1;
-      });
-    }, 100), Yt = () => {
-      Fe.value = !0, zt();
-    }, ne = mt(null), ge = mt(null);
-    eo(Ke);
-    const Be = G(() => !!e.value.debug);
-    function Ke() {
-      wt(l.dataset) ? kt({
-        componentName: "VueUiWordCloud",
-        type: "dataset",
-        debug: Be.value
-      }) : he.value.forEach((t, v) => {
-        vo({
-          datasetObject: t,
-          requiredAttributes: ["name", "value"]
-        }).forEach((o) => {
-          I.value = !1, kt({
-            componentName: "VueUiWordCloud",
-            type: "datasetSerieAttribute",
-            property: o,
-            index: v,
-            debug: Be.value
-          });
-        });
-      }), wt(l.dataset) || (Me.value = e.value.loading), e.value.responsive && (ne.value && (ge.value && ne.value.unobserve(ge.value), ne.value.disconnect()), ne.value = new ResizeObserver(Yt), ge.value = d.value.parentNode, ne.value.observe(ge.value)), Ne();
-    }
-    to(() => {
-      ne.value && (ge.value && ne.value.unobserve(ge.value), ne.value.disconnect());
-    });
-    const { isPrinting: Ze, isImaging: Ve, generatePdf: Je, generateImage: Qe } = ko({
-      elementId: `wordCloud_${x.value}`,
-      fileName: e.value.style.chart.title.text || "vue-ui-word-cloud",
-      options: e.value.userOptions.print
-    }), X = M({
-      showTable: e.value.table.show,
-      showTooltip: e.value.style.chart.tooltip.show,
-      showZoom: e.value.style.chart.zoom.show
-    });
-    Pe(
-      e,
-      () => {
-        X.value.showTable = e.value.table.show, X.value.showTooltip = e.value.style.chart.tooltip.show, X.value.showZoom = e.value.style.chart.zoom.show;
-      },
-      { immediate: !0 }
-    );
-    function Wt(t, v, o = "Arial") {
-      const $ = document.createElement("canvas").getContext("2d");
-      return $.font = `${v}px ${e.value.style.chart.words.bold ? "bold" : "normal"} ${o}`, {
-        width: $.measureText(t).width + e.value.style.chart.words.proximity,
-        height: v
-      };
-    }
-    const W = M([]), Ce = /* @__PURE__ */ new Map();
-    function et() {
-      const t = [...he.value].map(($) => $.value), v = Math.max(...t), o = Math.min(...t), S = [...he.value].map(($, w) => {
-        let B = ($.value - o) / (v - o) * (D.value.maxFontSize - D.value.minFontSize) + D.value.minFontSize;
-        B = isNaN(B) ? D.value.minFontSize : B;
-        const U = Wt($.name, B);
-        return {
-          ...$,
-          id: $.id ?? `${$.name}__${w}`,
-          fontSize: B,
-          width: U.width,
-          height: U.height,
-          color: e.value.style.chart.words.usePalette ? e.value.customPalette[w] || e.value.customPalette[w % e.value.customPalette.length] || De[w] || De[w % De.length] : e.value.style.chart.words.color
-        };
-      });
-      W.value.length = 0, Ce.clear(), jo({
-        debugTiming: Be.value,
-        words: S,
-        svg: D.value,
-        proximity: e.value.style.chart.words.proximity,
-        strictPixelPadding: e.value.strictPixelPadding,
-        onProgress: ({ all: $ }) => {
-          for (const w of $) {
-            const B = w.id;
-            let U = Ce.get(B);
-            if (U === void 0)
-              U = W.value.length, Ce.set(B, U), W.value.push({ ...w });
-            else {
-              const te = W.value[U];
-              te.x = w.x, te.y = w.y, te.width = w.width, te.height = w.height, te.fontSize = w.fontSize, te.minX = w.minX, te.minY = w.minY, te.maxX = w.maxX, te.maxY = w.maxY;
-            }
-          }
-        }
-      }), W.value.sort(($, w) => w.fontSize - $.fontSize), Ce.clear(), W.value.forEach(($, w) => {
-        Ce.set($.id, w);
-      }), ie.value = !0, ue.value = !1;
-    }
-    const Oe = G(() => {
-      const t = W.value.map((o) => ({
-        name: o.name,
-        color: o.color
-      })), v = W.value.map((o) => o.value);
-      return { head: t, body: v };
-    });
-    function _e(t = null) {
-      We(() => {
-        const v = Oe.value.head.map(($, w) => [[$.name], [Oe.value.body[w]]]), o = [
-          [e.value.style.chart.title.text],
-          [e.value.style.chart.title.subtitle.text],
-          [[""], [e.value.table.columnNames.value]]
-        ].concat(v), S = ho(o);
-        t ? t(S) : po({
-          csvContent: S,
-          title: e.value.style.chart.title.text || "vue-ui-word-cloud"
-        });
-      });
-    }
-    const ye = G(() => {
-      const t = [
-        e.value.table.columnNames.series,
-        e.value.table.columnNames.value
-      ], v = Oe.value.head.map((w, B) => {
-        const U = fo({
-          p: e.value.table.td.prefix,
-          v: Oe.value.body[B],
-          s: e.value.table.td.suffix,
-          r: e.value.table.td.roundingValue
-        });
-        return [
-          {
-            color: w.color,
-            name: w.name
-          },
-          U
-        ];
-      }), o = v.map((w) => w.map((B, U) => U === 0 ? B.name : B)), S = {
-        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: v,
-        a11yBody: o,
-        config: S
-      };
-    }), le = M(!1);
-    function tt(t) {
-      le.value = t, P.value += 1;
-    }
-    function Dt() {
-      return W.value;
-    }
-    function ot() {
-      X.value.showTable = !X.value.showTable;
-    }
-    function at() {
-      X.value.showTooltip = !X.value.showTooltip;
-    }
-    const be = M(!1);
-    function Ue() {
-      be.value = !be.value;
-    }
-    function nt() {
-      X.value.showZoom = !X.value.showZoom;
-    }
-    const Et = G(
-      () => !be.value && X.value.showZoom
-    ), { viewBox: Xe, resetZoom: $e, isZoom: Nt, setInitialViewBox: Bt, zoomByFactor: lt, scale: st } = Io(
-      j,
-      {
-        x: 0,
-        y: 0,
-        width: D.value.width <= 0 ? 10 : D.value.width,
-        height: D.value.height <= 0 ? 10 : D.value.height
-      },
-      1,
-      Et
-    );
-    Pe(
-      () => l.dataset,
-      () => {
-        he.value = pe(), e.value.responsive || (et(), Ne());
-      },
-      { immediate: !0 }
-    );
-    async function Zt({ scale: t = 2 } = {}) {
-      if (!d.value) return;
-      const { width: v, height: o } = d.value.getBoundingClientRect(), S = v / o, { imageUri: $, base64: w } = await To({
-        domElement: d.value,
-        base64: !0,
-        img: !0,
-        scale: t
-      });
-      return {
-        imageUri: $,
-        base64: w,
-        title: e.value.style.chart.title.text,
-        width: v,
-        height: o,
-        aspectRatio: S
-      };
-    }
-    const Se = G(() => {
-      const t = e.value.table.useDialog && !e.value.table.show, v = X.value.showTable;
-      return {
-        component: t ? g : f,
-        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: le.value,
-          fullscreenParent: d.value,
-          forcedWidth: Math.min(500, window.innerWidth * 0.8),
-          isCursorPointer: R.value
-        } : {
-          hideDetails: !0,
-          config: {
-            open: v,
-            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
-            }
-          }
-        }
-      };
-    });
-    Pe(
-      () => X.value.showTable,
-      (t) => {
-        e.value.table.show || (t && e.value.table.useDialog && q.value ? q.value.open() : "close" in q.value && q.value.close());
-      }
-    );
-    function it() {
-      X.value.showTable = !1, ae.value && ae.value.setTableIconState(!1);
-    }
-    const Vt = G(() => e.value.style.chart.backgroundColor), _t = G(() => e.value.style.chart.title), { exportSvg: Ut, getSvg: Lt } = xo({
-      svg: j,
-      title: _t,
-      backgroundColor: Vt
-    });
-    async function ut({ isCb: t }) {
-      H.value = !0, await We();
-      try {
-        if (t) {
-          const { blob: v, url: o, text: S, dataUrl: $ } = await Lt();
-          await Promise.resolve(
-            e.value.userOptions.callbacks.svg({
-              blob: v,
-              url: o,
-              text: S,
-              dataUrl: $
-            })
-          );
-        } else
-          await Promise.resolve(Ut());
-      } finally {
-        H.value = !1;
-      }
-    }
-    function qt(t) {
-      if (t?.stage === "start") {
-        J.value = !0;
-        return;
-      }
-      if (t?.stage === "end") {
-        J.value = !1;
-        return;
-      }
-      Qe();
-    }
-    function rt() {
-      lt(1.5, !0);
-    }
-    function ct() {
-      lt(1 / 1.5, !0);
-    }
-    const ve = M(null), Te = M(!1), Le = M(""), Re = M(null);
-    function qe() {
-      ve.value = null, O.value = null, z.value = !1;
-    }
-    function Ht(t, v) {
-      e.value.events.datapointLeave && e.value.events.datapointLeave({
-        datapoint: t,
-        seriesIndex: v
-      }), !(O.value === v && ee.value === "keyboard") && (ve.value = null, z.value = !1);
-    }
-    function dt(t, v) {
-      e.value.events.datapointClick && e.value.events.datapointClick({
-        datapoint: t,
-        seriesIndex: v
-      });
-    }
-    function jt(t) {
-      if (!j.value || t === null || t === void 0) return;
-      const v = j.value.querySelector(
-        `[data-a11y-word-index="${t}-${x.value}"]`
-      );
-      if (!v) return;
-      const o = v.getBoundingClientRect();
-      Q.value = {
-        x: o.left + o.width / 2,
-        y: o.top + o.height / 2
-      };
-    }
-    function vt(t, v, o = "pointer") {
-      if (e.value.events.datapointEnter && e.value.events.datapointEnter({
-        datapoint: t,
-        seriesIndex: v
-      }), !X.value.showTooltip) return;
-      ee.value = o, O.value = v, ve.value = t.id, Re.value = { datapoint: t, config: e.value };
-      const S = e.value.style.chart.tooltip.customFormat;
-      if (Te.value = !1, go(S))
-        try {
-          const $ = S({
-            datapoint: t,
-            config: e.value
-          });
-          typeof $ == "string" && (Le.value = $, Te.value = !0);
-        } catch {
-          console.warn("Custom format cannot be applied."), Te.value = !1;
-        }
-      if (!Te.value) {
-        let $ = `<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>`;
-        Le.value = `<div dir="auto" style="display:flex; gap:4px; align-items:center; jsutify-content:center;">${$}</div>`;
-      }
-      o === "keyboard" && We(() => {
-        jt(v);
-      }), z.value = !0;
-    }
-    async function ft() {
-      if (u("copyAlt", {
-        config: e.value,
-        dataset: W.value
-      }), !e.value.userOptions.callbacks.altCopy) {
-        console.warn(
-          "Vue Data UI - A callback must be set for `altCopy` in userOptions."
-        );
-        return;
-      }
-      await Promise.resolve(
-        e.value.userOptions.callbacks.altCopy({
-          config: e.value,
-          dataset: W.value
-        })
-      );
-    }
-    function Gt() {
-      O.value = null, ce.value = !0;
-    }
-    function Kt() {
-      qe(), ce.value = !1;
-    }
-    function Jt(t) {
-      if (!j.value || be.value || document.activeElement !== j.value || !W.value.length) return;
-      const v = t.key === "ArrowLeft" || t.key === "ArrowUp", o = t.key === "ArrowRight" || t.key === "ArrowDown", S = t.key === "Enter" || t.key === " ", $ = t.key === "Escape";
-      if (!v && !o && !S && !$)
-        return;
-      if (t.preventDefault(), t.stopPropagation(), $) {
-        qe();
-        return;
-      }
-      if (S) {
-        if (O.value === null) return;
-        const U = W.value[O.value];
-        if (!U) return;
-        dt(U, O.value);
-        return;
-      }
-      let w = O.value;
-      w === null || w < 0 || w >= W.value.length ? w = o ? 0 : W.value.length - 1 : (w += o ? 1 : -1, w < 0 && (w = W.value.length - 1), w >= W.value.length && (w = 0));
-      const B = W.value[w];
-      B && vt(B, w, "keyboard");
-    }
-    const He = G(() => {
-      const t = ye.value?.colNames ?? [], v = ye.value?.a11yBody ?? [];
-      return { headers: t, rows: v };
-    });
-    return s({
-      getData: Dt,
-      getImage: Zt,
-      generateCsv: _e,
-      generatePdf: Je,
-      generateImage: Qe,
-      generateSvg: ut,
-      resetZoom: $e,
-      toggleTable: ot,
-      toggleTooltip: at,
-      toggleAnnotator: Ue,
-      toggleFullscreen: tt,
-      toggleZoom: nt,
-      copyAlt: ft
-    }), (t, v) => (Y(), K("div", {
-      class: "vue-data-ui-component vue-ui-word-cloud",
-      ref_key: "wordCloudChart",
-      ref: d,
-      id: `wordCloud_${x.value}`,
-      "data-resizing": Fe.value,
-      "data-relayout": ue.value,
-      style: ze(`width: 100%; font-family:${e.value.style.fontFamily};background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height:100%" : ""}`),
-      onMouseenter: v[3] || (v[3] = () => T(Ie)(!0)),
-      onMouseleave: v[4] || (v[4] = () => {
-        T(Ie)(!1), ce.value || qe();
-      })
-    }, [
-      fe("div", {
-        id: `chart-instructions-${x.value}`,
-        class: "sr-only"
-      }, [
-        fe("p", null, Ye(e.value.a11y.translations.keyboardNavigation), 1)
-      ], 8, Ko),
-      He.value?.rows?.length ? (Y(), oe(Ao, {
-        key: 0,
-        uid: x.value,
-        head: He.value.headers,
-        body: He.value.rows,
-        notice: e.value.a11y.translations.tableAvailable,
-        caption: e.value.a11y.translations.tableCaption
-      }, null, 8, ["uid", "head", "body", "notice", "caption"])) : L("", !0),
-      e.value.userOptions.buttons.annotator ? (Y(), oe(T(n), {
-        key: 1,
-        svgRef: T(j),
-        backgroundColor: e.value.style.chart.backgroundColor,
-        color: e.value.style.chart.color,
-        active: be.value,
-        isCursorPointer: R.value,
-        onClose: Ue
-      }, {
-        "annotator-action-close": F(() => [
-          A(t.$slots, "annotator-action-close", {}, void 0, !0)
-        ]),
-        "annotator-action-color": F(({ color: o }) => [
-          A(t.$slots, "annotator-action-color", Z(V({ color: o })), void 0, !0)
-        ]),
-        "annotator-action-draw": F(({ mode: o }) => [
-          A(t.$slots, "annotator-action-draw", Z(V({ mode: o })), void 0, !0)
-        ]),
-        "annotator-action-undo": F(({ disabled: o }) => [
-          A(t.$slots, "annotator-action-undo", Z(V({ disabled: o })), void 0, !0)
-        ]),
-        "annotator-action-redo": F(({ disabled: o }) => [
-          A(t.$slots, "annotator-action-redo", Z(V({ disabled: o })), void 0, !0)
-        ]),
-        "annotator-action-delete": F(({ disabled: o }) => [
-          A(t.$slots, "annotator-action-delete", Z(V({ disabled: o })), void 0, !0)
-        ]),
-        _: 3
-      }, 8, ["svgRef", "backgroundColor", "color", "active", "isCursorPointer"])) : L("", !0),
-      e.value.style.chart.title.text ? (Y(), K("div", {
-        key: 2,
-        ref_key: "chartTitle",
-        ref: C,
-        style: "width:100%;background:transparent;padding-bottom:24px"
-      }, [
-        (Y(), oe(Po, {
-          key: `title_${E.value}`,
-          config: {
-            title: {
-              ...e.value.style.chart.title
-            },
-            subtitle: {
-              ...e.value.style.chart.title.subtitle
-            }
-          }
-        }, null, 8, ["config"]))
-      ], 512)) : L("", !0),
-      e.value.userOptions.show && I.value && (T(Ae) || T(ke)) ? (Y(), oe(T(p), {
-        ref_key: "userOptionsRef",
-        ref: ae,
-        key: `user_option_${P.value}`,
-        backgroundColor: e.value.style.chart.backgroundColor,
-        color: e.value.style.chart.color,
-        isPrinting: T(Ze),
-        isImaging: T(Ve),
-        uid: x.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,
-        hasAltCopy: e.value.userOptions.buttons.altCopy,
-        isFullscreen: le.value,
-        titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: d.value,
-        position: e.value.userOptions.position,
-        hasTooltip: e.value.style.chart.tooltip.show && e.value.userOptions.buttons.tooltip,
-        isTooltip: X.value.showTooltip,
-        hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: be.value,
-        callbacks: e.value.userOptions.callbacks,
-        printScale: e.value.userOptions.print.scale,
-        tableDialog: e.value.table.useDialog,
-        hasZoom: e.value.userOptions.buttons.zoom,
-        isZoom: X.value.showZoom,
-        isCursorPointer: R.value,
-        onToggleFullscreen: tt,
-        onGeneratePdf: T(Je),
-        onGenerateCsv: _e,
-        onGenerateImage: qt,
-        onGenerateSvg: ut,
-        onToggleTable: ot,
-        onToggleTooltip: at,
-        onToggleAnnotator: Ue,
-        onToggleZoom: nt,
-        onCopyAlt: ft,
-        style: ze({
-          visibility: T(Ae) ? T(ke) ? "visible" : "hidden" : "visible"
-        })
-      }, ht({ _: 2 }, [
-        t.$slots.menuIcon ? {
-          name: "menuIcon",
-          fn: F(({ isOpen: o, color: S }) => [
-            A(t.$slots, "menuIcon", Z(V({ isOpen: o, color: S })), void 0, !0)
-          ]),
-          key: "0"
-        } : void 0,
-        t.$slots.optionPdf ? {
-          name: "optionPdf",
-          fn: F(() => [
-            A(t.$slots, "optionPdf", {}, void 0, !0)
-          ]),
-          key: "1"
-        } : void 0,
-        t.$slots.optionCsv ? {
-          name: "optionCsv",
-          fn: F(() => [
-            A(t.$slots, "optionCsv", {}, void 0, !0)
-          ]),
-          key: "2"
-        } : void 0,
-        t.$slots.optionImg ? {
-          name: "optionImg",
-          fn: F(() => [
-            A(t.$slots, "optionImg", {}, void 0, !0)
-          ]),
-          key: "3"
-        } : void 0,
-        t.$slots.optionSvg ? {
-          name: "optionSvg",
-          fn: F(() => [
-            A(t.$slots, "optionSvg", {}, void 0, !0)
-          ]),
-          key: "4"
-        } : void 0,
-        t.$slots.optionTable ? {
-          name: "optionTable",
-          fn: F(() => [
-            A(t.$slots, "optionTable", {}, void 0, !0)
-          ]),
-          key: "5"
-        } : void 0,
-        t.$slots.optionFullscreen ? {
-          name: "optionFullscreen",
-          fn: F(({ toggleFullscreen: o, isFullscreen: S }) => [
-            A(t.$slots, "optionFullscreen", Z(V({ toggleFullscreen: o, isFullscreen: S })), void 0, !0)
-          ]),
-          key: "6"
-        } : void 0,
-        t.$slots.optionAnnotator ? {
-          name: "optionAnnotator",
-          fn: F(({ toggleAnnotator: o, isAnnotator: S }) => [
-            A(t.$slots, "optionAnnotator", Z(V({ toggleAnnotator: o, isAnnotator: S })), void 0, !0)
-          ]),
-          key: "7"
-        } : void 0,
-        t.$slots.optionZoom ? {
-          name: "optionZoom",
-          fn: F(({ toggleZoom: o, isZoomLocked: S }) => [
-            A(t.$slots, "optionZoom", Z(V({ toggleZoom: o, isZoomLocked: S })), void 0, !0)
-          ]),
-          key: "8"
-        } : void 0,
-        t.$slots.optionAltCopy ? {
-          name: "optionAltCopy",
-          fn: F(({ altCopy: o }) => [
-            A(t.$slots, "optionAltCopy", Z(V({ altCopy: o })), void 0, !0)
-          ]),
-          key: "9"
-        } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasSvg", "hasTable", "hasFullscreen", "hasAltCopy", "isFullscreen", "titles", "chartElement", "position", "hasTooltip", "isTooltip", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "hasZoom", "isZoom", "isCursorPointer", "onGeneratePdf", "style"])) : L("", !0),
-      e.value.style.chart.controls.position === "top" && e.value.style.chart.controls.show && !T(me) ? (Y(), oe(xt, {
-        key: 4,
-        ref_key: "zoomControls",
-        ref: re,
-        config: e.value,
-        scale: T(st),
-        isFullscreen: le.value,
-        isCursorPointer: R.value,
-        onZoomIn: rt,
-        onZoomOut: ct,
-        onResetZoom: v[0] || (v[0] = (o) => T($e)(!0))
-      }, null, 8, ["config", "scale", "isFullscreen", "isCursorPointer"])) : L("", !0),
-      fe("div", Jo, [
-        (Y(), K("svg", {
-          ref_key: "svgRef",
-          ref: j,
-          class: pt({
-            "vue-data-ui-fullscreen--on": le.value,
-            "vue-data-ui-fulscreen--off": !le.value
-          }),
-          "aria-describedby": `chart-instructions-${x.value}`,
-          xmlns: T(mo),
-          viewBox: `${T(Xe).x} ${T(Xe).y} ${T(Xe).width} ${T(Xe).height}`,
-          style: "overflow:hidden;background:transparent;display:block",
-          tabindex: "0",
-          onFocus: Gt,
-          onBlur: Kt,
-          onKeydown: Jt
-        }, [
-          je(T(h)),
-          t.$slots["chart-background"] ? (Y(), K("foreignObject", {
-            key: 0,
-            x: 0,
-            y: 0,
-            width: D.value.width <= 0 ? 10 : D.value.width,
-            height: D.value.height <= 0 ? 10 : D.value.height,
-            style: {
-              pointerEvents: "none"
-            }
-          }, [
-            A(t.$slots, "chart-background", {}, void 0, !0)
-          ], 8, ea)) : L("", !0),
-          fe("g", {
-            transform: `translate(${Ee.value.x}, ${Ee.value.y})`,
-            class: pt({ "wc-finalized": ie.value })
-          }, [
-            (Y(!0), K(oo, null, ao(W.value, (o, S) => (Y(), K("g", {
-              key: o.id,
-              class: "vue-ui-word-cloud-word",
-              transform: `translate(${o.x}, ${o.y})`
-            }, [
-              o.minX !== void 0 ? (Y(), K("rect", {
-                key: 0,
-                "data-a11y-word-index": `${S}-${x.value}`,
-                x: o.minX,
-                y: o.minY * 1.25,
-                width: o.maxX - o.minX,
-                height: o.maxY - o.minY,
-                fill: "transparent",
-                "pointer-events": "visiblePainted",
-                "aria-label": `${o.name}: ${(o.value || 0).toFixed(e.value.style.chart.tooltip.roundingValue)}`,
-                onMouseover: ($) => vt(o, S),
-                onMouseleave: ($) => Ht(o, S),
-                onClick: ($) => dt(o, S)
-              }, null, 40, aa)) : L("", !0),
-              fe("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: !ve.value || ve.value === o.id ? e.value.style.chart.words.selectedStroke : void 0,
-                "stroke-width": o.height * 0.05,
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
-                style: ze(`
-                                pointer-events:none;
-                                fill-opacity:${!ve.value || ve.value === o.id || !ie.value ? 1 : e.value.style.chart.words.hoverOpacity} !important;
-                            `)
-              }, Ye(o.name), 13, na)
-            ], 8, oa))), 128))
-          ], 10, ta),
-          A(t.$slots, "svg", {
-            svg: {
-              ...D.value,
-              isPrintingImg: T(Ze) | T(Ve) | J.value,
-              isPrintingSvg: H.value
-            }
-          }, void 0, !0)
-        ], 42, Qo)),
-        t.$slots.hint ? (Y(), K("div", la, [
-          A(t.$slots, "hint", Z(V({
-            hint: e.value.a11y.translations.keyboardNavigation,
-            isVisible: ce.value
-          })), void 0, !0)
-        ])) : L("", !0)
-      ]),
-      t.$slots.watermark ? (Y(), K("div", sa, [
-        A(t.$slots, "watermark", Z(V({
-          isPrinting: T(Ze) || T(Ve) || J.value || H.value
-        })), void 0, !0)
-      ])) : L("", !0),
-      T(Nt) ? (Y(), K("div", ia, [
-        A(t.$slots, "reset-action", { reset: T($e) }, void 0, !0)
-      ])) : L("", !0),
-      e.value.style.chart.controls.position === "bottom" && e.value.style.chart.controls.show && !T(me) ? (Y(), oe(xt, {
-        key: 7,
-        ref_key: "zoomControls",
-        ref: re,
-        config: e.value,
-        scale: T(st),
-        isFullscreen: le.value,
-        isCursorPointer: R.value,
-        onZoomIn: rt,
-        onZoomOut: ct,
-        onResetZoom: v[1] || (v[1] = (o) => T($e)(!0))
-      }, null, 8, ["config", "scale", "isFullscreen", "isCursorPointer"])) : L("", !0),
-      je(T(c), {
-        teleportTo: e.value.style.chart.tooltip.teleportTo,
-        show: X.value.showTooltip && z.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: d.value,
-        content: Le.value,
-        isCustom: Te.value,
-        isFullscreen: le.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,
-        isA11yMode: ee.value === "keyboard",
-        a11yPosition: Q.value
-      }, {
-        "tooltip-before": F(() => [
-          A(t.$slots, "tooltip-before", Z(V({ ...Re.value })), void 0, !0)
-        ]),
-        tooltip: F(() => [
-          A(t.$slots, "tooltip", Z(V({ ...Re.value })), void 0, !0)
-        ]),
-        "tooltip-after": F(() => [
-          A(t.$slots, "tooltip-after", Z(V({ ...Re.value })), void 0, !0)
-        ]),
-        _: 3
-      }, 8, ["teleportTo", "show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom", "isFullscreen", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold", "isA11yMode", "a11yPosition"]),
-      t.$slots.source ? (Y(), K("div", {
-        key: 8,
-        ref_key: "source",
-        ref: _,
-        dir: "auto"
-      }, [
-        A(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : L("", !0),
-      I.value && e.value.userOptions.buttons.table ? (Y(), oe(no(Se.value.component), lo({ key: 9 }, Se.value.props, {
-        ref_key: "tableUnit",
-        ref: q,
-        onClose: it
-      }), ht({
-        content: F(() => [
-          (Y(), oe(T(i), {
-            key: `table_${N.value}`,
-            colNames: ye.value.colNames,
-            head: ye.value.head,
-            body: ye.value.body,
-            config: ye.value.config,
-            title: e.value.table.useDialog ? "" : Se.value.title,
-            withCloseButton: !e.value.table.useDialog,
-            isCursorPointer: R.value,
-            onClose: it
-          }, {
-            th: F(({ th: o }) => [
-              fe("div", {
-                innerHTML: o,
-                style: { display: "flex", "align-items": "center" }
-              }, null, 8, ua)
-            ]),
-            td: F(({ td: o }) => [
-              gt(Ye(o.name || o), 1)
-            ]),
-            _: 1
-          }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton", "isCursorPointer"]))
-        ]),
-        _: 2
-      }, [
-        e.value.table.useDialog ? {
-          name: "title",
-          fn: F(() => [
-            gt(Ye(Se.value.title), 1)
-          ]),
-          key: "0"
-        } : void 0,
-        e.value.table.useDialog ? {
-          name: "actions",
-          fn: F(() => [
-            fe("button", {
-              tabindex: "0",
-              class: "vue-ui-user-options-button",
-              onClick: v[2] || (v[2] = (o) => _e(e.value.userOptions.callbacks.csv)),
-              style: ze({ cursor: R.value ? "pointer" : "default" })
-            }, [
-              je(T(r), {
-                name: "fileCsv",
-                stroke: Se.value.props.color
-              }, null, 8, ["stroke"])
-            ], 4)
-          ]),
-          key: "1"
-        } : void 0
-      ]), 1040)) : L("", !0),
-      A(t.$slots, "skeleton", {}, () => [
-        T(me) ? (Y(), oe(wo, { key: 0 })) : L("", !0)
-      ], !0)
-    ], 44, Go));
-  }
-}, Ma = /* @__PURE__ */ Fo(ra, [["__scopeId", "data-v-d5a6f6e2"]]);
-export {
-  Ma as default
-};