vue-data-ui 3.15.12 → 3.16.1

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

@@ -0,0 +1,1548 @@
+import { defineAsyncComponent as se, computed as G, ref as P, toRefs as Qt, watch as Te, shallowRef as ft, onMounted as eo, onBeforeUnmount as to, openBlock as Y, createElementBlock as K, unref as S, normalizeStyle as Re, createElementVNode as me, toDisplayString as ze, createBlock as oe, createCommentVNode as V, withCtx as X, renderSlot as I, normalizeProps as U, guardReactiveProps as L, 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 Ye } 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 We, o as wt, q as kt, r as vo, l as mo, X as fo, a0 as ho, a1 as po, T as go } from "./lib-DBptbyyI.js";
+import { u as yo } from "./useConfig-DO94Aj5s.js";
+import { u as bo, B as wo } from "./BaseScanner-BhhkKVoj.js";
+import { u as ko } from "./usePrinter-CEpYU3r5.js";
+import { u as xo } from "./useSvgExport-ByUukOZt.js";
+import { u as Ge } from "./useNestedProp-Bf5XFbs8.js";
+import { u as Co } from "./useThemeCheck-D1ZYXUwG.js";
+import { u as Fo } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as $o } from "./useChartAccessibility-9icAAmYg.js";
+import So from "./img-LXxMLmCg.js";
+import To from "./Title-BeMKE1cj.js";
+import Po from "./vue_ui_word_cloud-mKAtBxHR.js";
+import { u as Mo } from "./usePanZoom-CDF7rb3o.js";
+import { A as Io } from "./A11yDataTable-KcVAX2cP.js";
+import { B as xt } from "./BaseZoomControls-DievbOeJ.js";
+import { _ as Ao } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+function Oo({
+  word: a,
+  fontSize: s,
+  pad: f,
+  canvas: c,
+  ctx: r,
+  svg: m
+}) {
+  const n = `${m.style && m.style.bold ? "bold " : ""}${s}px Arial`;
+  r.font = n;
+  const p = r.measureText(a.name), h = Math.ceil(p.width) + 2 + (f ? f * 2 : 0), g = Math.ceil(s) + 2 + (f ? f * 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, M = g, x = 0, T = 0, d = !1;
+  for (let C = 0; C < g; C += 1) {
+    const Z = C * h * 4;
+    let E = -1, N = !1;
+    for (let z = 0; z < h; z += 1) {
+      const q = Z + z * 4 + 3;
+      y[q] > 1 ? (k.push([z, C]), d = !0, z < u && (u = z), z > x && (x = z), C < M && (M = C), C > T && (T = 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, M = 0, x = 0, T = 0), {
+    w: h,
+    h: g,
+    wordMask: k,
+    runs: l,
+    minX: u,
+    minY: M,
+    maxX: x,
+    maxY: T
+  };
+}
+function Xo(a) {
+  const s = [];
+  if (!a.length) return s;
+  let f = a[0][1], c = a[0][0], r = c;
+  for (let m = 1; m < a.length; m += 1) {
+    const i = a[m][0], n = a[m][1];
+    n !== f ? (s.push([f, c, r]), f = n, c = i, r = i) : (i === r + 1 || (s.push([f, c, r]), c = i), r = i);
+  }
+  return s.push([f, c, r]), s;
+}
+function St(a, s) {
+  return 4294967295 >>> 32 - (s - a + 1) << a >>> 0;
+}
+function Tt(a) {
+  return 4294967295 << a >>> 0;
+}
+function Pt(a) {
+  return 4294967295 >>> 31 - a >>> 0;
+}
+function Ro({
+  maskBits: a,
+  maskRowStride: s,
+  maskW: f,
+  maskH: c,
+  wx: r,
+  wy: m,
+  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 = m + p;
+    if (b < 0 || b >= c) return !1;
+    const y = r + h, k = r + g;
+    if (y < 0 || k >= f) return !1;
+    const l = b * s, u = y >>> 5, M = k >>> 5, x = y & 31, T = k & 31;
+    if (u === M) {
+      const d = a[l + u], C = St(x, T);
+      if (d & C) return !1;
+    } else {
+      {
+        const d = a[l + u], C = Tt(x);
+        if (d & C) return !1;
+      }
+      for (let d = u + 1; d < M; d += 1)
+        if (a[l + d]) return !1;
+      {
+        const d = a[l + M], C = Pt(T);
+        if (d & C) return !1;
+      }
+    }
+  }
+  return !0;
+}
+function zo({
+  maskBits: a,
+  maskRowStride: s,
+  maskW: f,
+  maskH: c,
+  wx: r,
+  wy: m,
+  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 = m + p;
+    if (b < 0 || b >= c) continue;
+    const y = r + h, k = r + g;
+    if (k < 0 || y >= f) continue;
+    const l = b * s, u = y >>> 5, M = k >>> 5, x = y & 31, T = k & 31;
+    if (u === M) {
+      const d = St(x, T);
+      a[l + u] |= d;
+    } else {
+      {
+        const d = Tt(x);
+        a[l + u] |= d;
+      }
+      for (let d = u + 1; d < M; d += 1)
+        a[l + d] = 4294967295;
+      {
+        const d = Pt(T);
+        a[l + M] |= d;
+      }
+    }
+  }
+}
+function Yo({ wordMask: a, w: s, h: f, dilation: c }) {
+  const r = new Uint8Array(s * f), m = [];
+  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, m.push(g));
+  }
+  for (let n = 0; n < m.length; n += 1) {
+    const p = m[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 >= f) 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: f,
+  dilation: c
+}) {
+  const r = new Uint8Array(s * f), m = [];
+  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, m.push(l));
+    }
+  }
+  for (let n = 0; n < m.length; n += 1) {
+    const p = m[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 >= f) 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 < f; 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 f = a.runs, c = a.w, r = a.h, m = Math.max(1, Math.round(c * s)), i = Math.max(1, Math.round(r * s)), n = new Array(i);
+  let p = m, h = i, g = 0, b = 0, y = !1;
+  for (let l = 0; l < f.length; l += 1) {
+    const u = f[l], M = u[0], x = u[1], T = u[2], d = Math.round(M * s);
+    if (d < 0 || d >= i) continue;
+    const C = Math.round(x * s), Z = Math.round((T + 1) * s) - 1;
+    if (Z < C) continue;
+    let E = n[d];
+    E || (E = [], n[d] = E), E.push([C, Z]), y = !0, C < p && (p = C), Z > g && (g = Z), d < h && (h = d), d > b && (b = d);
+  }
+  if (!y)
+    return {
+      w: m,
+      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((T, d) => T[0] - d[0]);
+    let M = u[0][0], x = u[0][1];
+    for (let T = 1; T < u.length; T += 1) {
+      const d = u[T][0], C = u[T][1];
+      d <= x + 1 ? C > x && (x = C) : (k.push([l, M, x]), M = d, x = C);
+    }
+    k.push([l, M, x]);
+  }
+  return {
+    w: m,
+    h: i,
+    runs: k,
+    minX: p,
+    minY: h,
+    maxX: g,
+    maxY: b
+  };
+}
+const Ct = /* @__PURE__ */ new Map(), Ft = /* @__PURE__ */ new Map();
+function Eo({ word: a, fontSize: s, pad: f, svg: c }) {
+  const r = c.style && c.style.bold ? 1 : 0, m = f || 0;
+  return `${a.name}::${s}::${m}::${r}`;
+}
+function No({
+  word: a,
+  fontSize: s,
+  pad: f,
+  canvas: c,
+  ctx: r,
+  svg: m
+}) {
+  const i = Eo({ word: a, fontSize: s, pad: f, svg: m }), n = Ct.get(i);
+  if (n) return { key: i, bitmap: n };
+  const p = Oo({ word: a, fontSize: s, pad: f, canvas: c, ctx: r, svg: m });
+  return Ct.set(i, p), { key: i, bitmap: p };
+}
+function Bo({
+  bitmapKey: a,
+  wordMask: s,
+  w: f,
+  h: c,
+  dilation: r
+}) {
+  const m = `${a}::d${r}`, i = Ft.get(m);
+  if (i) return i;
+  const n = Yo({ wordMask: s, w: f, h: c, dilation: r }), p = Xo(n), h = { wordMask: n, runs: p };
+  return Ft.set(m, h), h;
+}
+const Zo = 6, _o = 2, Mt = Math.PI / 180, It = [], At = [];
+for (let a = 0; a < 360; a += Zo) {
+  const s = a * Mt;
+  It.push(Math.cos(s)), At.push(Math.sin(s));
+}
+const Ot = [], Xt = [];
+for (let a = 0; a < 360; a += _o) {
+  const s = a * Mt;
+  Ot.push(Math.cos(s)), Xt.push(Math.sin(s));
+}
+function Vo(a, s, f) {
+  if (!a.length) return;
+  let c = 1 / 0, r = -1 / 0, m = 1 / 0, i = -1 / 0;
+  for (let l = 0; l < a.length; l += 1) {
+    const u = a[l], M = u.x + u.minX, x = u.x + u.maxX, T = u.y + u.minY, d = u.y + u.maxY;
+    M < c && (c = M), x > r && (r = x), T < m && (m = T), d > i && (i = d);
+  }
+  if (!isFinite(c) || !isFinite(r) || !isFinite(m) || !isFinite(i)) return;
+  const n = Math.max(
+    Math.abs(c),
+    Math.abs(r)
+  ), p = Math.max(
+    Math.abs(m),
+    Math.abs(i)
+  );
+  if (n === 0 || p === 0) return;
+  const h = 0.9, g = s * 0.5 * h / n, b = f * 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: f,
+  configuredMinimumFontSize: c,
+  maximumFontSize: r
+}) {
+  if (f === s)
+    return r;
+  const i = (a - s) / (f - s) * (r - c) + c;
+  return Math.max(
+    c,
+    Math.min(r, i)
+  );
+}
+function qo({
+  currentBitmap: a,
+  strictPixelPadding: s,
+  scaleFactor: f,
+  baseBitmap: c,
+  bitmapKey: r
+}) {
+  let m = a.runs;
+  const i = a.w, n = a.h, p = a.minX, h = a.minY, g = a.maxX, b = a.maxY;
+  return !s || !m.length ? {
+    runs: m,
+    bitmapWidth: i,
+    bitmapHeight: n,
+    bitmapMinimumX: p,
+    bitmapMinimumY: h,
+    bitmapMaximumX: g,
+    bitmapMaximumY: b
+  } : f === 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: m,
+      w: i,
+      h: n,
+      dilation: 2
+    }),
+    bitmapWidth: i,
+    bitmapHeight: n,
+    bitmapMinimumX: p,
+    bitmapMinimumY: h,
+    bitmapMaximumX: g,
+    bitmapMaximumY: b
+  };
+}
+async function $t({
+  baseBitmap: a,
+  baseFontSize: s,
+  minimumScaleFactor: f,
+  maskBits: c,
+  maskRowStride: r,
+  maskWidth: m,
+  maskHeight: i,
+  centerX: n,
+  centerY: p,
+  maximumRadius: h,
+  scaleStep: g,
+  strictPixelPadding: b,
+  bitmapKey: y,
+  minimumFontSize: k,
+  rawWord: l,
+  cosineArray: u,
+  sineArray: M,
+  radiusStep: x,
+  maximumAttempts: T,
+  maybeYield: d
+}) {
+  let C = 1;
+  for (; C >= f; ) {
+    const Z = C === 1 ? a : Do(a, C), E = qo({
+      currentBitmap: Z,
+      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 < T; ) {
+      for (let A = 0; A < u.length; A += 1) {
+        H += 1;
+        const Q = Math.round(
+          n + J * u[A] - z / 2
+        ), ee = Math.round(
+          p + J * M[A] - q / 2
+        );
+        if (Q < 0 || ee < 0 || Q + z > m || ee + q > i)
+          continue;
+        if (Ro({
+          maskBits: c,
+          maskRowStride: r,
+          maskW: m,
+          maskH: i,
+          wx: Q,
+          wy: ee,
+          runs: N
+        })) {
+          const { __wcIndex: e, ...R } = l, we = Math.max(
+            k,
+            Math.round(s * C)
+          ), fe = {
+            ...R,
+            x: Q - m / 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: m,
+            maskH: i,
+            wx: Q,
+            wy: ee,
+            runs: N
+          }), fe;
+        }
+      }
+      J += x, (H & 1023) === 0 && await d();
+    }
+    C *= g, await d();
+  }
+  return null;
+}
+async function Ho({
+  baseBitmap: a,
+  baseFontSize: s,
+  minimumScaleFactor: f,
+  maskBits: c,
+  maskRowStride: r,
+  maskWidth: m,
+  maskHeight: i,
+  centerX: n,
+  centerY: p,
+  maximumRadius: h,
+  scaleStep: g,
+  strictPixelPadding: b,
+  bitmapKey: y,
+  minimumFontSize: k,
+  rawWord: l,
+  maybeYield: u,
+  spiralRadiusStep: M,
+  fallbackSpiralRadiusStep: x
+}) {
+  const T = await $t({
+    baseBitmap: a,
+    baseFontSize: s,
+    minimumScaleFactor: f,
+    maskBits: c,
+    maskRowStride: r,
+    maskWidth: m,
+    maskHeight: i,
+    centerX: n,
+    centerY: p,
+    maximumRadius: h,
+    scaleStep: g,
+    strictPixelPadding: b,
+    bitmapKey: y,
+    minimumFontSize: k,
+    rawWord: l,
+    cosineArray: It,
+    sineArray: At,
+    radiusStep: M,
+    maximumAttempts: 1e4,
+    maybeYield: u
+  });
+  return T || await $t({
+    baseBitmap: a,
+    baseFontSize: s,
+    minimumScaleFactor: f,
+    maskBits: c,
+    maskRowStride: r,
+    maskWidth: m,
+    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: f,
+  strictPixelPadding: c,
+  onProgress: r,
+  debugTiming: m = !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 = f.width, y = f.height, k = Math.round(b), l = Math.round(y), u = 1, M = f.minFontSize, x = Math.min(f.maxFontSize, 100), T = a.map((e) => e.value), d = Math.min(...T), C = Math.max(...T);
+  if (k <= 0 || l <= 0) return [];
+  const Z = k + 31 >>> 5, E = new Uint32Array(Z * 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
+  ), A = [], Q = 0.9;
+  for (let e = 0; e < H.length; e += 1) {
+    const R = H[e], we = A.length, de = Lo({
+      value: R.value,
+      minimumValue: d,
+      maximumValue: C,
+      configuredMinimumFontSize: M,
+      maximumFontSize: x
+    }), Pe = No({
+      word: R,
+      fontSize: de,
+      pad: s,
+      canvas: N,
+      ctx: z,
+      svg: f
+    }), he = Pe.key, pe = Pe.bitmap, ke = pe.w, Me = pe.h;
+    if (ke <= 0 || Me <= 0) {
+      await g();
+      continue;
+    }
+    const Ie = Math.max(
+      u / de,
+      0.1
+    ), j = await Ho({
+      baseBitmap: pe,
+      baseFontSize: de,
+      minimumScaleFactor: Ie,
+      maskBits: E,
+      maskRowStride: Z,
+      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 && (A.push(j), r && A.length > we)) {
+      const xe = A[A.length - 1];
+      r({ word: xe, all: A });
+    }
+    await g();
+  }
+  if (!A.length)
+    return [];
+  Vo(A, k, l);
+  const ce = i() - n;
+  return m && typeof console < "u" && console.log && console.log(
+    "[vue-data-ui][word-cloud] positionWordsAsync:",
+    `${ce.toFixed(2)} ms for ${a.length} words`
+  ), A.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: f }) {
+    const c = se(() => import("./Tooltip-Bf-kM3_A.js")), r = se(() => import("./BaseIcon-Cb3zzG6s.js")), m = se(() => import("./vue-ui-accordion-nvggWcGN.js")), i = se(() => import("./DataTable-DT2kIdQ6.js")), n = se(() => import("./PenAndPaper-Ct3qJ4lA.js")), p = se(() => import("./UserOptions-rW2fRf3V.js")), h = se(() => import("./PackageVersion-DPO-OOVI.js")), g = se(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_word_cloud: b } = yo(), { isThemeValid: y, warnInvalidTheme: k } = Co(), l = a, u = f, M = G({
+      get() {
+        return !!l.dataset && l.dataset.length;
+      },
+      set(t) {
+        return t;
+      }
+    }), x = P(io()), T = P(0), d = P(null), C = P(null), Z = P(null), E = P(0), N = P(0), z = P(!1), q = P(null), ae = P(null), ie = P(!1), ue = P(!1), re = P(null), J = P(!1), H = P(!1), A = P(null), Q = P({ x: 0, y: 0 }), ee = P("pointer"), ce = P(!1), e = P(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: fe, FINAL_DATASET: de, manualLoading: Pe } = bo({
+      ...Qt(l),
+      FINAL_CONFIG: e,
+      prepareConfig: xe,
+      callback: () => {
+        Promise.resolve().then(() => {
+          O.value.showTable = e.value.table.show, O.value.showTooltip = e.value.style.chart.tooltip.show, O.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 = P(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: Me, keepUserOptionState: Ie } = Fo({ config: e.value }), { svgRef: j } = $o({ 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: Po[v] || l.config,
+        defaultConfig: t
+      }), $ = Ge({
+        userConfig: l.config,
+        defaultConfig: o
+      });
+      return {
+        ...$,
+        customPalette: $.customPalette.length ? $.customPalette : co[v] || We
+      };
+    }
+    const De = P({ x: 0, y: 0 });
+    function Ee() {
+      const t = {
+        x: 0,
+        y: 0,
+        width: Math.max(10, D.value.width),
+        height: Math.max(10, D.value.height)
+      };
+      Bt(t), De.value = {
+        x: t.x + t.width / 2,
+        y: t.y + t.height / 2
+      }, Fe();
+    }
+    const Rt = yt(() => {
+      et();
+    }, 100), Ae = P(!1);
+    Te(() => Ae.value, (t) => {
+      t === !1 && (ue.value = !0, Rt(), Ee());
+    }), Te(() => l.config, (t) => {
+      e.value = xe(), ke.value = !e.value.userOptions.showOnChartHover, Ke(), E.value += 1, N.value += 1, O.value.showTable = e.value.table.show, O.value.showTooltip = e.value.style.chart.tooltip.show, O.value.showZoom = e.value.style.chart.zoom.show;
+    }, { deep: !0 });
+    const D = P({
+      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: Z.value
+      });
+      requestAnimationFrame(async () => {
+        D.value.width = Math.max(10, t), D.value.height = Math.max(10, v - 12), await Ye(), Ae.value = !1;
+      });
+    }, 100), Yt = () => {
+      Ae.value = !0, zt();
+    }, ne = ft(null), ge = ft(null);
+    eo(Ke);
+    const Ne = G(() => !!e.value.debug);
+    function Ke() {
+      wt(l.dataset) ? kt({
+        componentName: "VueUiWordCloud",
+        type: "dataset",
+        debug: Ne.value
+      }) : he.value.forEach((t, v) => {
+        vo({
+          datasetObject: t,
+          requiredAttributes: ["name", "value"]
+        }).forEach((o) => {
+          M.value = !1, kt({
+            componentName: "VueUiWordCloud",
+            type: "datasetSerieAttribute",
+            property: o,
+            index: v,
+            debug: Ne.value
+          });
+        });
+      }), wt(l.dataset) || (Pe.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)), Ee();
+    }
+    to(() => {
+      ne.value && (ge.value && ne.value.unobserve(ge.value), ne.value.disconnect());
+    });
+    const { isPrinting: Be, isImaging: Ze, 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
+    }), O = P({
+      showTable: e.value.table.show,
+      showTooltip: e.value.style.chart.tooltip.show,
+      showZoom: e.value.style.chart.zoom.show
+    });
+    Te(e, () => {
+      O.value.showTable = e.value.table.show, O.value.showTooltip = e.value.style.chart.tooltip.show, O.value.showZoom = e.value.style.chart.zoom.show;
+    }, { immediate: !0 });
+    function Wt(t, v, o = "Arial") {
+      const F = document.createElement("canvas").getContext("2d");
+      return F.font = `${v}px ${e.value.style.chart.words.bold ? "bold" : "normal"} ${o}`, {
+        width: F.measureText(t).width + e.value.style.chart.words.proximity,
+        height: v
+      };
+    }
+    const W = P([]), Ce = /* @__PURE__ */ new Map();
+    function et() {
+      const t = [...he.value].map((F) => F.value), v = Math.max(...t), o = Math.min(...t), $ = [...he.value].map((F, w) => {
+        let B = (F.value - o) / (v - o) * (D.value.maxFontSize - D.value.minFontSize) + D.value.minFontSize;
+        B = isNaN(B) ? D.value.minFontSize : B;
+        const _ = Wt(F.name, B);
+        return {
+          ...F,
+          id: F.id ?? `${F.name}__${w}`,
+          fontSize: B,
+          width: _.width,
+          height: _.height,
+          color: e.value.style.chart.words.usePalette ? e.value.customPalette[w] || e.value.customPalette[w % e.value.customPalette.length] || We[w] || We[w % We.length] : e.value.style.chart.words.color
+        };
+      });
+      W.value.length = 0, Ce.clear(), jo({
+        debugTiming: Ne.value,
+        words: $,
+        svg: D.value,
+        proximity: e.value.style.chart.words.proximity,
+        strictPixelPadding: e.value.strictPixelPadding,
+        onProgress: ({ all: F }) => {
+          for (const w of F) {
+            const B = w.id;
+            let _ = Ce.get(B);
+            if (_ === void 0)
+              _ = W.value.length, Ce.set(B, _), W.value.push({ ...w });
+            else {
+              const te = W.value[_];
+              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((F, w) => w.fontSize - F.fontSize), Ce.clear(), W.value.forEach((F, w) => {
+        Ce.set(F.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) {
+      Ye(() => {
+        const v = Oe.value.head.map((F, w) => [[
+          F.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), $ = ho(o);
+        t ? t($) : po({ csvContent: $, 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 _ = mo({ 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
+          },
+          _
+        ];
+      }), o = v.map((w) => w.map((B, _) => _ === 0 ? B.name : B)), $ = {
+        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: $
+      };
+    }), le = P(!1);
+    function tt(t) {
+      le.value = t, T.value += 1;
+    }
+    function Dt() {
+      return W.value;
+    }
+    function ot() {
+      O.value.showTable = !O.value.showTable;
+    }
+    function at() {
+      O.value.showTooltip = !O.value.showTooltip;
+    }
+    const be = P(!1);
+    function Ve() {
+      be.value = !be.value;
+    }
+    function nt() {
+      O.value.showZoom = !O.value.showZoom;
+    }
+    const Et = G(() => !be.value && O.value.showZoom), { viewBox: Xe, resetZoom: Fe, isZoom: Nt, setInitialViewBox: Bt, zoomByFactor: lt, scale: st } = Mo(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);
+    Te(() => l.dataset, () => {
+      he.value = pe(), e.value.responsive || (et(), Ee());
+    }, { immediate: !0 });
+    async function Zt({ scale: t = 2 } = {}) {
+      if (!d.value) return;
+      const { width: v, height: o } = d.value.getBoundingClientRect(), $ = v / o, { imageUri: F, base64: w } = await So({ domElement: d.value, base64: !0, img: !0, scale: t });
+      return {
+        imageUri: F,
+        base64: w,
+        title: e.value.style.chart.title.text,
+        width: v,
+        height: o,
+        aspectRatio: $
+      };
+    }
+    const $e = G(() => {
+      const t = e.value.table.useDialog && !e.value.table.show, v = O.value.showTable;
+      return {
+        component: t ? g : 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: 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
+            }
+          }
+        }
+      };
+    });
+    Te(() => O.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() {
+      O.value.showTable = !1, ae.value && ae.value.setTableIconState(!1);
+    }
+    const _t = G(() => e.value.style.chart.backgroundColor), Vt = G(() => e.value.style.chart.title), { exportSvg: Ut, getSvg: Lt } = xo({
+      svg: j,
+      title: Vt,
+      backgroundColor: _t
+    });
+    async function ut({ isCb: t }) {
+      H.value = !0, await Ye();
+      try {
+        if (t) {
+          const { blob: v, url: o, text: $, dataUrl: F } = await Lt();
+          await Promise.resolve(e.value.userOptions.callbacks.svg({ blob: v, url: o, text: $, dataUrl: F }));
+        } 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 = P(null), Se = P(!1), Ue = P(""), Le = P(null);
+    function qe() {
+      ve.value = null, A.value = null, z.value = !1;
+    }
+    function Ht(t, v) {
+      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: v }), !(A.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 }), !O.value.showTooltip) return;
+      ee.value = o, A.value = v, ve.value = t.id, Le.value = { datapoint: t, config: e.value };
+      const $ = e.value.style.chart.tooltip.customFormat;
+      if (Se.value = !1, go($))
+        try {
+          const F = $({
+            datapoint: t,
+            config: e.value
+          });
+          typeof F == "string" && (Ue.value = F, Se.value = !0);
+        } catch {
+          console.warn("Custom format cannot be applied."), Se.value = !1;
+        }
+      if (!Se.value) {
+        let F = `<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>`;
+        Ue.value = `<div dir="auto" style="display:flex; gap:4px; align-items:center; jsutify-content:center;">${F}</div>`;
+      }
+      o === "keyboard" && Ye(() => {
+        jt(v);
+      }), z.value = !0;
+    }
+    async function mt() {
+      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() {
+      A.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", $ = t.key === "Enter" || t.key === " ", F = t.key === "Escape";
+      if (!v && !o && !$ && !F) return;
+      if (t.preventDefault(), t.stopPropagation(), F) {
+        qe();
+        return;
+      }
+      if ($) {
+        if (A.value === null) return;
+        const _ = W.value[A.value];
+        if (!_) return;
+        dt(_, A.value);
+        return;
+      }
+      let w = A.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: Fe,
+      toggleTable: ot,
+      toggleTooltip: at,
+      toggleAnnotator: Ve,
+      toggleFullscreen: tt,
+      toggleZoom: nt,
+      copyAlt: mt
+    }), (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": Ae.value,
+      "data-relayout": ue.value,
+      style: Re(`width: 100%; font-family:${e.value.style.fontFamily};background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height:100%" : ""}`),
+      onMouseenter: v[3] || (v[3] = () => S(Me)(!0)),
+      onMouseleave: v[4] || (v[4] = () => {
+        S(Me)(!1), ce.value || qe();
+      })
+    }, [
+      me("div", {
+        id: `chart-instructions-${x.value}`,
+        class: "sr-only"
+      }, [
+        me("p", null, ze(e.value.a11y.translations.keyboardNavigation), 1)
+      ], 8, Ko),
+      He.value?.rows?.length ? (Y(), oe(Io, {
+        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"])) : V("", !0),
+      e.value.userOptions.buttons.annotator ? (Y(), oe(S(n), {
+        key: 1,
+        svgRef: S(j),
+        backgroundColor: e.value.style.chart.backgroundColor,
+        color: e.value.style.chart.color,
+        active: be.value,
+        isCursorPointer: R.value,
+        onClose: Ve
+      }, {
+        "annotator-action-close": X(() => [
+          I(t.$slots, "annotator-action-close", {}, void 0, !0)
+        ]),
+        "annotator-action-color": X(({ color: o }) => [
+          I(t.$slots, "annotator-action-color", U(L({ color: o })), void 0, !0)
+        ]),
+        "annotator-action-draw": X(({ mode: o }) => [
+          I(t.$slots, "annotator-action-draw", U(L({ mode: o })), void 0, !0)
+        ]),
+        "annotator-action-undo": X(({ disabled: o }) => [
+          I(t.$slots, "annotator-action-undo", U(L({ disabled: o })), void 0, !0)
+        ]),
+        "annotator-action-redo": X(({ disabled: o }) => [
+          I(t.$slots, "annotator-action-redo", U(L({ disabled: o })), void 0, !0)
+        ]),
+        "annotator-action-delete": X(({ disabled: o }) => [
+          I(t.$slots, "annotator-action-delete", U(L({ disabled: o })), void 0, !0)
+        ]),
+        _: 3
+      }, 8, ["svgRef", "backgroundColor", "color", "active", "isCursorPointer"])) : V("", !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(To, {
+          key: `title_${E.value}`,
+          config: {
+            title: {
+              ...e.value.style.chart.title
+            },
+            subtitle: {
+              ...e.value.style.chart.title.subtitle
+            }
+          }
+        }, null, 8, ["config"]))
+      ], 512)) : V("", !0),
+      e.value.userOptions.show && M.value && (S(Ie) || S(ke)) ? (Y(), oe(S(p), {
+        ref_key: "userOptionsRef",
+        ref: ae,
+        key: `user_option_${T.value}`,
+        backgroundColor: e.value.style.chart.backgroundColor,
+        color: e.value.style.chart.color,
+        isPrinting: S(Be),
+        isImaging: S(Ze),
+        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: O.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: O.value.showZoom,
+        isCursorPointer: R.value,
+        onToggleFullscreen: tt,
+        onGeneratePdf: S(Je),
+        onGenerateCsv: _e,
+        onGenerateImage: qt,
+        onGenerateSvg: ut,
+        onToggleTable: ot,
+        onToggleTooltip: at,
+        onToggleAnnotator: Ve,
+        onToggleZoom: nt,
+        onCopyAlt: mt,
+        style: Re({
+          visibility: S(Ie) ? S(ke) ? "visible" : "hidden" : "visible"
+        })
+      }, ht({ _: 2 }, [
+        t.$slots.menuIcon ? {
+          name: "menuIcon",
+          fn: X(({ isOpen: o, color: $ }) => [
+            I(t.$slots, "menuIcon", U(L({ isOpen: o, color: $ })), void 0, !0)
+          ]),
+          key: "0"
+        } : void 0,
+        t.$slots.optionPdf ? {
+          name: "optionPdf",
+          fn: X(() => [
+            I(t.$slots, "optionPdf", {}, void 0, !0)
+          ]),
+          key: "1"
+        } : void 0,
+        t.$slots.optionCsv ? {
+          name: "optionCsv",
+          fn: X(() => [
+            I(t.$slots, "optionCsv", {}, void 0, !0)
+          ]),
+          key: "2"
+        } : void 0,
+        t.$slots.optionImg ? {
+          name: "optionImg",
+          fn: X(() => [
+            I(t.$slots, "optionImg", {}, void 0, !0)
+          ]),
+          key: "3"
+        } : void 0,
+        t.$slots.optionSvg ? {
+          name: "optionSvg",
+          fn: X(() => [
+            I(t.$slots, "optionSvg", {}, void 0, !0)
+          ]),
+          key: "4"
+        } : void 0,
+        t.$slots.optionTable ? {
+          name: "optionTable",
+          fn: X(() => [
+            I(t.$slots, "optionTable", {}, void 0, !0)
+          ]),
+          key: "5"
+        } : void 0,
+        t.$slots.optionFullscreen ? {
+          name: "optionFullscreen",
+          fn: X(({ toggleFullscreen: o, isFullscreen: $ }) => [
+            I(t.$slots, "optionFullscreen", U(L({ toggleFullscreen: o, isFullscreen: $ })), void 0, !0)
+          ]),
+          key: "6"
+        } : void 0,
+        t.$slots.optionAnnotator ? {
+          name: "optionAnnotator",
+          fn: X(({ toggleAnnotator: o, isAnnotator: $ }) => [
+            I(t.$slots, "optionAnnotator", U(L({ toggleAnnotator: o, isAnnotator: $ })), void 0, !0)
+          ]),
+          key: "7"
+        } : void 0,
+        t.$slots.optionZoom ? {
+          name: "optionZoom",
+          fn: X(({ toggleZoom: o, isZoomLocked: $ }) => [
+            I(t.$slots, "optionZoom", U(L({ toggleZoom: o, isZoomLocked: $ })), void 0, !0)
+          ]),
+          key: "8"
+        } : void 0,
+        t.$slots.optionAltCopy ? {
+          name: "optionAltCopy",
+          fn: X(({ altCopy: o }) => [
+            I(t.$slots, "optionAltCopy", U(L({ 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"])) : V("", !0),
+      e.value.style.chart.controls.position === "top" && e.value.style.chart.controls.show && !S(fe) ? (Y(), oe(xt, {
+        key: 4,
+        ref_key: "zoomControls",
+        ref: re,
+        config: e.value,
+        scale: S(st),
+        isFullscreen: le.value,
+        isCursorPointer: R.value,
+        onZoomIn: rt,
+        onZoomOut: ct,
+        onResetZoom: v[0] || (v[0] = (o) => S(Fe)(!0))
+      }, null, 8, ["config", "scale", "isFullscreen", "isCursorPointer"])) : V("", !0),
+      me("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: S(fo),
+          viewBox: `${S(Xe).x} ${S(Xe).y} ${S(Xe).width} ${S(Xe).height}`,
+          style: "overflow:hidden;background:transparent;display:block",
+          tabindex: "0",
+          onFocus: Gt,
+          onBlur: Kt,
+          onKeydown: Jt
+        }, [
+          je(S(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"
+            }
+          }, [
+            I(t.$slots, "chart-background", {}, void 0, !0)
+          ], 8, ea)) : V("", !0),
+          me("g", {
+            transform: `translate(${De.value.x}, ${De.value.y})`,
+            class: pt({ "wc-finalized": ie.value })
+          }, [
+            (Y(!0), K(oo, null, ao(W.value, (o, $) => (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": `${$}-${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: (F) => vt(o, $),
+                onMouseleave: (F) => Ht(o, $),
+                onClick: (F) => dt(o, $)
+              }, null, 40, aa)) : V("", !0),
+              me("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: Re(`
+                                pointer-events:none;
+                                fill-opacity:${!ve.value || ve.value === o.id || !ie.value ? 1 : e.value.style.chart.words.hoverOpacity} !important;
+                            `)
+              }, ze(o.name), 13, na)
+            ], 8, oa))), 128))
+          ], 10, ta),
+          I(t.$slots, "svg", {
+            svg: {
+              ...D.value,
+              isPrintingImg: S(Be) | S(Ze) | J.value,
+              isPrintingSvg: H.value
+            }
+          }, void 0, !0)
+        ], 42, Qo)),
+        t.$slots.hint ? (Y(), K("div", la, [
+          I(t.$slots, "hint", U(L({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: ce.value })), void 0, !0)
+        ])) : V("", !0)
+      ]),
+      t.$slots.watermark ? (Y(), K("div", sa, [
+        I(t.$slots, "watermark", U(L({ isPrinting: S(Be) || S(Ze) || J.value || H.value })), void 0, !0)
+      ])) : V("", !0),
+      S(Nt) ? (Y(), K("div", ia, [
+        I(t.$slots, "reset-action", { reset: S(Fe) }, void 0, !0)
+      ])) : V("", !0),
+      e.value.style.chart.controls.position === "bottom" && e.value.style.chart.controls.show && !S(fe) ? (Y(), oe(xt, {
+        key: 7,
+        ref_key: "zoomControls",
+        ref: re,
+        config: e.value,
+        scale: S(st),
+        isFullscreen: le.value,
+        isCursorPointer: R.value,
+        onZoomIn: rt,
+        onZoomOut: ct,
+        onResetZoom: v[1] || (v[1] = (o) => S(Fe)(!0))
+      }, null, 8, ["config", "scale", "isFullscreen", "isCursorPointer"])) : V("", !0),
+      je(S(c), {
+        teleportTo: e.value.style.chart.tooltip.teleportTo,
+        show: O.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: Ue.value,
+        isCustom: Se.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": X(() => [
+          I(t.$slots, "tooltip-before", U(L({ ...Le.value })), void 0, !0)
+        ]),
+        "tooltip-after": X(() => [
+          I(t.$slots, "tooltip-after", U(L({ ...Le.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: Z,
+        dir: "auto"
+      }, [
+        I(t.$slots, "source", {}, void 0, !0)
+      ], 512)) : V("", !0),
+      M.value && e.value.userOptions.buttons.table ? (Y(), oe(no($e.value.component), lo({ key: 9 }, $e.value.props, {
+        ref_key: "tableUnit",
+        ref: q,
+        onClose: it
+      }), ht({
+        content: X(() => [
+          (Y(), oe(S(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 ? "" : $e.value.title,
+            withCloseButton: !e.value.table.useDialog,
+            isCursorPointer: R.value,
+            onClose: it
+          }, {
+            th: X(({ th: o }) => [
+              me("div", {
+                innerHTML: o,
+                style: { display: "flex", "align-items": "center" }
+              }, null, 8, ua)
+            ]),
+            td: X(({ td: o }) => [
+              gt(ze(o.name || o), 1)
+            ]),
+            _: 1
+          }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton", "isCursorPointer"]))
+        ]),
+        _: 2
+      }, [
+        e.value.table.useDialog ? {
+          name: "title",
+          fn: X(() => [
+            gt(ze($e.value.title), 1)
+          ]),
+          key: "0"
+        } : void 0,
+        e.value.table.useDialog ? {
+          name: "actions",
+          fn: X(() => [
+            me("button", {
+              tabindex: "0",
+              class: "vue-ui-user-options-button",
+              onClick: v[2] || (v[2] = (o) => _e(e.value.userOptions.callbacks.csv)),
+              style: Re({ cursor: R.value ? "pointer" : "default" })
+            }, [
+              je(S(r), {
+                name: "fileCsv",
+                stroke: $e.value.props.color
+              }, null, 8, ["stroke"])
+            ], 4)
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1040)) : V("", !0),
+      I(t.$slots, "skeleton", {}, () => [
+        S(fe) ? (Y(), oe(wo, { key: 0 })) : V("", !0)
+      ], !0)
+    ], 44, Go));
+  }
+}, Pa = /* @__PURE__ */ Ao(ra, [["__scopeId", "data-v-0ca3ea63"]]);
+export {
+  Pa as default
+};