vue-data-ui 3.7.12 → 3.7.14

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

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