vue-data-ui 3.25.4 → 3.25.6

package/dist/vue-ui-word-cloud-8Agk9h6c.js

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