vue-data-ui 3.20.1 → 3.20.2

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

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