vue-data-ui 3.22.0 → 3.22.2

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

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