vue-data-ui 3.23.0 → 3.23.2

package/dist/{vue-ui-word-cloud-B2sxtel9.js → vue-ui-word-cloud-CQZ8AyOi.js}

@@ -1,14 +1,14 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, D as n, J as r, Jt as i, Kt as a, Pt as o, S as s, X as c, b as l, jt as u, pt as d, q as f, t as p, tt as m, xt as h } from "./lib-BuMGJ_a0.js";
+import { $ as t, D as n, J as r, Jt as i, Kt as a, Pt as o, S as s, X as c, b as l, jt as u, pt as d, q as f, t as p, tt as m, xt as h } from "./lib-Bttd6u5E.js";
 import { n as g, t as _ } from "./useHints-Dq_w2E8B.js";
-import { t as v } from "./useConfig-BilxnBNr.js";
-import { t as y } from "./usePrinter-BFvi4jVy.js";
+import { t as v } from "./useConfig-DlNpz6P8.js";
+import { t as y } from "./usePrinter-DN5bYhTG.js";
 import { n as ee, t as te } from "./BaseScanner-DZvpgOjM.js";
-import { t as b } from "./useSvgExport-Ba9qBr9M.js";
-import { t as x } from "./useNestedProp--NSEmhOH.js";
-import { t as S } from "./useThemeCheck-C43Tcqmk.js";
-import { t as C } from "./img-DIQG5q8T.js";
-import { n as w } from "./Title-BODtwViI.js";
+import { t as b } from "./useNestedProp-vPNvh7rV.js";
+import { t as x } from "./useThemeCheck-C43Tcqmk.js";
+import { t as S } from "./useChartExport-DNiwdPmb.js";
+import { t as C } from "./img-Bnokohej.js";
+import { n as w } from "./Title-BE3qg9xl.js";
 import { t as T } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { i as ne, t as re } from "./useResponsive-ZtArZtUf.js";
 import { t as ie } from "./A11yDataTable-DdRsVULz.js";
@@ -16,7 +16,7 @@ import { t as E } from "./useUserOptionState-DK-_1ddE.js";
 import { t as ae } from "./useChartAccessibility-DYqac8yF.js";
 import { t as oe } from "./usePanZoom-CYU3B4T3.js";
 import { t as se } from "./vue_ui_word_cloud-C-qIMNLu.js";
-import { t as ce } from "./BaseZoomControls-rdzlicuz.js";
+import { t as ce } from "./BaseZoomControls-BZvCnZEi.js";
 import { Fragment as le, computed as D, createBlock as O, createCommentVNode as k, createElementBlock as A, createElementVNode as j, createSlots as ue, createTextVNode as de, createVNode as fe, defineAsyncComponent as M, guardReactiveProps as N, mergeProps as pe, nextTick as me, normalizeClass as he, normalizeProps as P, normalizeStyle as ge, onBeforeUnmount as _e, onMounted as ve, openBlock as F, ref as I, renderList as ye, renderSlot as L, resolveDynamicComponent as be, shallowRef as xe, toDisplayString as Se, toRefs as Ce, unref as R, watch as we, withCtx as z } from "vue";
 //#region src/wordcloud.js
 var Te = {
@@ -347,16 +347,16 @@ function Ue(e, t, n) {
 function We() {
 	return typeof performance < "u" && typeof performance.now == "function" ? () => performance.now() : () => Date.now();
 }
-function U({ value: e, minimumValue: t, maximumValue: n, configuredMinimumFontSize: r, maximumFontSize: i }) {
+function Ge({ 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 Ge({ bitmapHeight: e, proximity: t, strictPixelPadding: n, minimumVisualPadding: r }) {
+function Ke({ 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 Ke({ currentBitmap: e, strictPixelPadding: t, scaleFactor: n, baseBitmap: r, bitmapKey: i, proximity: a, minimumVisualPadding: o }) {
+function qe({ 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,
@@ -367,7 +367,7 @@ function Ke({ currentBitmap: e, strictPixelPadding: t, scaleFactor: n, baseBitma
 		bitmapMaximumX: f,
 		bitmapMaximumY: p
 	};
-	let m = Ge({
+	let m = Ke({
 		bitmapHeight: l,
 		proximity: a,
 		strictPixelPadding: t,
@@ -410,10 +410,10 @@ function Ke({ currentBitmap: e, strictPixelPadding: t, scaleFactor: n, baseBitma
 		bitmapMaximumY: p
 	};
 }
-async function qe({ 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 }) {
+async function Je({ baseBitmap: e, baseFontSize: t, minimumScaleFactor: n, maskBits: r, maskRowStride: i, maskWidth: a, maskHeight: o, centerX: s, centerY: c, maximumRadius: l, scaleStep: u, strictPixelPadding: d, bitmapKey: f, minimumFontSize: p, rawWord: m, cosineArray: h, sineArray: g, radiusStep: _, maximumAttempts: v, maybeYield: 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 } = Ke({
+		let { runs: n, bitmapWidth: x, bitmapHeight: S, bitmapMinimumX: C, bitmapMinimumY: w, bitmapMaximumX: T, bitmapMaximumY: ne } = qe({
 			currentBitmap: b === 1 ? e : V(e, b),
 			strictPixelPadding: d,
 			scaleFactor: b,
@@ -465,8 +465,8 @@ async function qe({ baseBitmap: e, baseFontSize: t, minimumScaleFactor: n, maskB
 	}
 	return null;
 }
-async function Je({ baseBitmap: e, baseFontSize: t, minimumScaleFactor: n, maskBits: r, maskRowStride: i, maskWidth: a, maskHeight: o, centerX: s, centerY: c, maximumRadius: l, scaleStep: u, strictPixelPadding: d, bitmapKey: f, minimumFontSize: p, rawWord: m, maybeYield: h, proximity: g, qualityPreset: _, primarySpiral: v, fallbackSpiral: y }) {
-	return await qe({
+async function Ye({ baseBitmap: e, baseFontSize: t, minimumScaleFactor: n, maskBits: r, maskRowStride: i, maskWidth: a, maskHeight: o, centerX: s, centerY: c, maximumRadius: l, scaleStep: u, strictPixelPadding: d, bitmapKey: f, minimumFontSize: p, rawWord: m, maybeYield: h, proximity: g, qualityPreset: _, primarySpiral: v, fallbackSpiral: y }) {
+	return await Je({
 		baseBitmap: e,
 		baseFontSize: t,
 		minimumScaleFactor: n,
@@ -489,7 +489,7 @@ async function Je({ baseBitmap: e, baseFontSize: t, minimumScaleFactor: n, maskB
 		maybeYield: h,
 		proximity: g,
 		minimumVisualPadding: _.minimumVisualPadding
-	}) || await qe({
+	}) || await Je({
 		baseBitmap: e,
 		baseFontSize: t,
 		minimumScaleFactor: n,
@@ -514,7 +514,7 @@ async function Je({ baseBitmap: e, baseFontSize: t, minimumScaleFactor: n, maskB
 		minimumVisualPadding: _.minimumVisualPadding
 	});
 }
-async function Ye({ words: e, proximity: t = 0, svg: n, strictPixelPadding: r, quality: i = Ee, onProgress: a, debugTiming: o = !1 }) {
+async function Xe({ words: e, proximity: t = 0, svg: n, strictPixelPadding: r, quality: i = Ee, onProgress: a, debugTiming: o = !1 }) {
 	let s = We(), c = s(), l = c;
 	async function u() {
 		s() - l >= 12 && (await new Promise((e) => setTimeout(e, 0)), l = s());
@@ -529,7 +529,7 @@ async function Ye({ words: e, proximity: t = 0, svg: n, strictPixelPadding: r, q
 		id: e.id == null ? `${e.name}__${t}` : e.id
 	}))].sort((e, t) => t.value - e.value), E = [], ae = h.scaleStep;
 	for (let e = 0; e < ie.length; e += 1) {
-		let i = ie[e], o = E.length, s = U({
+		let i = ie[e], o = E.length, s = Ge({
 			value: i.value,
 			minimumValue: te,
 			maximumValue: b,
@@ -547,7 +547,7 @@ async function Ye({ words: e, proximity: t = 0, svg: n, strictPixelPadding: r, q
 			await u();
 			continue;
 		}
-		let oe = await Je({
+		let oe = await Ye({
 			baseBitmap: d,
 			baseFontSize: s,
 			minimumScaleFactor: Math.max(1 / s, .1),
@@ -585,7 +585,7 @@ async function Ye({ words: e, proximity: t = 0, svg: n, strictPixelPadding: r, q
 }
 //#endregion
 //#region src/components/vue-ui-word-cloud.vue
-var Xe = /* @__PURE__ */ e({ default: () => ut }), Ze = [
+var U = /* @__PURE__ */ e({ default: () => ut }), Ze = [
 	"id",
 	"data-resizing",
 	"data-relayout"
@@ -645,24 +645,24 @@ var Xe = /* @__PURE__ */ e({ default: () => ut }), Ze = [
 	},
 	emits: ["copyAlt"],
 	setup(e, { expose: T, emit: Te }) {
-		let Ee = M(() => import("./Tooltip-CMTGxeYO.js")), De = M(() => import("./BaseIcon-91MZoczJ.js").then((e) => e.n)), Oe = M(() => import("./vue-ui-accordion-61MlW-Ge.js").then((e) => e.n)), ke = M(() => import("./DataTable-D4tM9s5Y.js")), Ae = M(() => import("./PenAndPaper-cE4J8-rA.js").then((e) => e.t)), je = M(() => import("./UserOptions-3ujTo3LD.js").then((e) => e.n)), Me = M(() => import("./PackageVersion--QCMh5k_.js").then((e) => e.t)), Ne = M(() => import("./BaseDraggableDialog-qTnfhLBz.js").then((e) => e.n)), { vue_ui_word_cloud: Pe } = v(), { isThemeValid: Fe, warnInvalidTheme: Ie } = S(), B = e, Le = Te, Re = D({
+		let Ee = M(() => import("./Tooltip-DhjyfHwz.js")), De = M(() => import("./BaseIcon-BfndwIWE.js").then((e) => e.n)), Oe = M(() => import("./vue-ui-accordion-DegI2lzR.js").then((e) => e.n)), ke = M(() => import("./DataTable-BbKgJ5UI.js")), Ae = M(() => import("./PenAndPaper-DAE-tnEQ.js").then((e) => e.t)), je = M(() => import("./UserOptions-Dt98of5H.js").then((e) => e.n)), Me = M(() => import("./PackageVersion-DXU7nRr9.js").then((e) => e.t)), Ne = M(() => import("./BaseDraggableDialog-LoqqwRtV.js").then((e) => e.n)), { vue_ui_word_cloud: Pe } = v(), { isThemeValid: Fe, warnInvalidTheme: Ie } = x(), B = e, Le = Te, Re = D({
 			get() {
 				return !!B.dataset && B.dataset.length;
 			},
 			set(e) {
 				return e;
 			}
-		}), V = I(f()), ze = I(0), H = I(null), Be = I(null), Ve = I(null), He = I(0), Ue = I(0), We = I(!1), U = I(null), Ge = I(null), Ke = I(!1), qe = I(!1), Je = I(null), Xe = I(!1), ut = I(!1), W = I(null), dt = I({
+		}), V = I(f()), ze = I(0), H = I(null), Be = I(null), Ve = I(null), He = I(0), Ue = I(0), We = I(!1), Ge = I(null), Ke = I(null), qe = I(!1), Je = I(!1), Ye = I(null), U = I(null), ut = I({
 			x: 0,
 			y: 0
-		}), ft = I("pointer"), pt = I(!1), G = I(Ct());
+		}), dt = I("pointer"), ft = I(!1), W = I(St());
 		g({
-			config: () => G.value,
+			config: () => W.value,
 			dataset: () => B.dataset,
 			component: "VueUiWordCloud",
 			rules: [_.noHint]
 		});
-		let K = D(() => G.value.userOptions.useCursorPointer), mt = D(() => i({
+		let G = D(() => W.value.userOptions.useCursorPointer), pt = D(() => i({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },
@@ -679,14 +679,14 @@ var Xe = /* @__PURE__ */ e({ default: () => ut }), Ze = [
 					}
 				} }
 			},
-			userConfig: G.value.skeletonConfig ?? {}
-		})), { loading: ht, FINAL_DATASET: gt, manualLoading: _t } = ee({
+			userConfig: W.value.skeletonConfig ?? {}
+		})), { loading: mt, FINAL_DATASET: ht, manualLoading: gt } = ee({
 			...Ce(B),
-			FINAL_CONFIG: G,
-			prepareConfig: Ct,
+			FINAL_CONFIG: W,
+			prepareConfig: St,
 			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;
+					Y.value.showTable = W.value.table.show, Y.value.showTooltip = W.value.style.chart.tooltip.show, Y.value.showZoom = W.value.style.chart.zoom.show;
 				});
 			},
 			skeletonDataset: B.config?.skeletonDataset ?? [
@@ -884,28 +884,28 @@ var Xe = /* @__PURE__ */ e({ default: () => ut }), Ze = [
 				}
 			],
 			skeletonConfig: i({
-				defaultConfig: G.value,
-				userConfig: mt.value
+				defaultConfig: W.value,
+				userConfig: pt.value
 			})
-		}), vt = I(yt());
-		function yt() {
-			return typeof gt.value == "string" ? r(gt.value) : gt.value.map((e, t) => ({
+		}), _t = I(vt());
+		function vt() {
+			return typeof ht.value == "string" ? r(ht.value) : ht.value.map((e, t) => ({
 				...e,
 				value: l(e.value)
 			}));
 		}
-		let { userOptionsVisible: bt, setUserOptionsVisibility: xt, keepUserOptionState: St } = E({ config: G.value }), { svgRef: q } = ae({ config: G.value.style.chart.title });
-		function Ct() {
-			let e = x({
+		let { userOptionsVisible: yt, setUserOptionsVisibility: bt, keepUserOptionState: xt } = E({ config: W.value }), { svgRef: K } = ae({ config: W.value.style.chart.title });
+		function St() {
+			let e = b({
 				userConfig: B.config,
 				defaultConfig: Pe
 			}), t = e.theme;
 			if (!t) return e;
 			if (!Fe.value(e)) return Ie(e), e;
-			let n = x({
+			let n = b({
 				userConfig: se[t] || B.config,
 				defaultConfig: e
-			}), r = x({
+			}), r = b({
 				userConfig: B.config,
 				defaultConfig: n
 			});
@@ -914,57 +914,57 @@ var Xe = /* @__PURE__ */ e({ default: () => ut }), Ze = [
 				customPalette: r.customPalette.length ? r.customPalette : a[t] || o
 			};
 		}
-		let wt = I({
+		let Ct = I({
 			x: 0,
 			y: 0
 		});
-		function Tt() {
+		function wt() {
 			let e = {
 				x: 0,
 				y: 0,
-				width: Math.max(10, J.value.width),
-				height: Math.max(10, J.value.height)
+				width: Math.max(10, q.value.width),
+				height: Math.max(10, q.value.height)
 			};
-			en(e), wt.value = {
+			Qt(e), Ct.value = {
 				x: e.x + e.width / 2,
 				y: e.y + e.height / 2
-			}, Qt();
+			}, Xt();
 		}
-		let Et = ne(() => {
-			zt();
-		}, 100), Dt = I(!1);
-		we(() => Dt.value, (e) => {
-			e === !1 && (qe.value = !0, Et(), Tt());
+		let Tt = ne(() => {
+			Rt();
+		}, 100), Et = I(!1);
+		we(() => Et.value, (e) => {
+			e === !1 && (Je.value = !0, Tt(), wt());
 		}), we(() => B.config, (e) => {
-			G.value = Ct(), bt.value = !G.value.userOptions.showOnChartHover, Mt(), He.value += 1, Ue.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;
+			W.value = St(), yt.value = !W.value.userOptions.showOnChartHover, jt(), He.value += 1, Ue.value += 1, Y.value.showTable = W.value.table.show, Y.value.showTooltip = W.value.style.chart.tooltip.show, Y.value.showZoom = W.value.style.chart.zoom.show;
 		}, { deep: !0 });
-		let J = I({
-			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
-		}), Ot = ne(() => {
+		let q = I({
+			width: W.value.style.chart.width,
+			height: W.value.style.chart.height,
+			maxFontSize: W.value.style.chart.words.maxFontSize,
+			minFontSize: W.value.style.chart.words.minFontSize,
+			bold: W.value.style.chart.words.bold
+		}), Dt = ne(() => {
 			let { width: e, height: t } = re({
 				chart: H.value,
-				title: G.value.style.chart.title.text ? Be.value : null,
-				legend: G.value.style.chart.controls.show ? Je.value?.$el : null,
+				title: W.value.style.chart.title.text ? Be.value : null,
+				legend: W.value.style.chart.controls.show ? Ye.value?.$el : null,
 				source: Ve.value
 			});
 			requestAnimationFrame(async () => {
-				J.value.width = Math.max(10, e), J.value.height = Math.max(10, t - 12), await me(), Dt.value = !1;
+				q.value.width = Math.max(10, e), q.value.height = Math.max(10, t - 12), await me(), Et.value = !1;
 			});
-		}, 100), kt = () => {
-			Dt.value = !0, Ot();
-		}, Y = xe(null), At = xe(null);
-		ve(Mt);
-		let jt = D(() => !!G.value.debug);
-		function Mt() {
+		}, 100), Ot = () => {
+			Et.value = !0, Dt();
+		}, J = xe(null), kt = xe(null);
+		ve(jt);
+		let At = D(() => W.value.debug);
+		function jt() {
 			u(B.dataset) ? m({
 				componentName: "VueUiWordCloud",
 				type: "dataset",
-				debug: jt.value
-			}) : vt.value.forEach((e, t) => {
+				debug: At.value
+			}) : _t.value.forEach((e, t) => {
 				d({
 					datasetObject: e,
 					requiredAttributes: ["name", "value"]
@@ -974,96 +974,96 @@ var Xe = /* @__PURE__ */ e({ default: () => ut }), Ze = [
 						type: "datasetSerieAttribute",
 						property: e,
 						index: t,
-						debug: jt.value
+						debug: At.value
 					});
 				});
-			}), u(B.dataset) || (_t.value = G.value.loading), G.value.responsive && (Y.value && (At.value && Y.value.unobserve(At.value), Y.value.disconnect()), Y.value = new ResizeObserver(kt), At.value = H.value.parentNode, Y.value.observe(At.value)), Tt();
+			}), u(B.dataset) || (gt.value = W.value.loading), W.value.responsive && (J.value && (kt.value && J.value.unobserve(kt.value), J.value.disconnect()), J.value = new ResizeObserver(Ot), kt.value = H.value.parentNode, J.value.observe(kt.value)), wt();
 		}
 		_e(() => {
-			Y.value && (At.value && Y.value.unobserve(At.value), Y.value.disconnect());
+			J.value && (kt.value && J.value.unobserve(kt.value), J.value.disconnect());
 		});
-		let { isPrinting: Nt, isImaging: Pt, generatePdf: Ft, generateImage: It } = y({
+		let { isPrinting: Mt, isImaging: Nt, generatePdf: Pt, generateImage: Ft } = y({
 			elementId: `wordCloud_${V.value}`,
-			fileName: G.value.style.chart.title.text || "vue-ui-word-cloud",
-			options: G.value.userOptions.print
-		}), X = I({
-			showTable: G.value.table.show,
-			showTooltip: G.value.style.chart.tooltip.show,
-			showZoom: G.value.style.chart.zoom.show
+			fileName: W.value.style.chart.title.text || "vue-ui-word-cloud",
+			options: W.value.userOptions.print
+		}), Y = I({
+			showTable: W.value.table.show,
+			showTooltip: W.value.style.chart.tooltip.show,
+			showZoom: W.value.style.chart.zoom.show
 		});
-		we(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;
+		we(W, () => {
+			Y.value.showTable = W.value.table.show, Y.value.showTooltip = W.value.style.chart.tooltip.show, Y.value.showZoom = W.value.style.chart.zoom.show;
 		}, { immediate: !0 });
-		function Lt(e, t, n = "Arial") {
+		function It(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,
+			return r.font = `${t}px ${W.value.style.chart.words.bold ? "bold" : "normal"} ${n}`, {
+				width: r.measureText(e).width + W.value.style.chart.words.proximity,
 				height: t
 			};
 		}
-		let Z = I([]), Rt = /* @__PURE__ */ new Map();
-		function zt() {
-			let e = [...vt.value].map((e) => e.value), t = Math.max(...e), n = Math.min(...e), r = [...vt.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 = Lt(e.name, i);
+		let X = I([]), Lt = /* @__PURE__ */ new Map();
+		function Rt() {
+			let e = [..._t.value].map((e) => e.value), t = Math.max(...e), n = Math.min(...e), r = [..._t.value].map((e, r) => {
+				let i = (e.value - n) / (t - n) * (q.value.maxFontSize - q.value.minFontSize) + q.value.minFontSize;
+				i = isNaN(i) ? q.value.minFontSize : i;
+				let a = It(e.name, i);
 				return {
 					...e,
 					id: e.id ?? `${e.name}__${r}`,
 					fontSize: i,
 					width: a.width,
 					height: a.height,
-					color: e.color ? s(e.color) : G.value.style.chart.words.usePalette ? G.value.customPalette[r] || G.value.customPalette[r % G.value.customPalette.length] || o[r] || o[r % o.length] : G.value.style.chart.words.color
+					color: e.color ? s(e.color) : W.value.style.chart.words.usePalette ? W.value.customPalette[r] || W.value.customPalette[r % W.value.customPalette.length] || o[r] || o[r % o.length] : W.value.style.chart.words.color
 				};
 			});
-			Z.value.length = 0, Rt.clear(), Ye({
-				debugTiming: jt.value,
+			X.value.length = 0, Lt.clear(), Xe({
+				debugTiming: At.value,
 				words: r,
-				svg: J.value,
-				proximity: G.value.style.chart.words.proximity,
-				strictPixelPadding: G.value.strictPixelPadding,
-				quality: G.value.quality,
+				svg: q.value,
+				proximity: W.value.style.chart.words.proximity,
+				strictPixelPadding: W.value.strictPixelPadding,
+				quality: W.value.quality,
 				onProgress: ({ all: e }) => {
 					for (let t of e) {
-						let e = t.id, n = Rt.get(e);
-						if (n === void 0) n = Z.value.length, Rt.set(e, n), Z.value.push({ ...t });
+						let e = t.id, n = Lt.get(e);
+						if (n === void 0) n = X.value.length, Lt.set(e, n), X.value.push({ ...t });
 						else {
-							let e = Z.value[n];
+							let e = X.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), Rt.clear(), Z.value.forEach((e, t) => {
-				Rt.set(e.id, t);
-			}), Ke.value = !0, qe.value = !1;
+			}), X.value.sort((e, t) => t.fontSize - e.fontSize), Lt.clear(), X.value.forEach((e, t) => {
+				Lt.set(e.id, t);
+			}), qe.value = !0, Je.value = !1;
 		}
-		let Bt = D(() => ({
-			head: Z.value.map((e) => ({
+		let zt = D(() => ({
+			head: X.value.map((e) => ({
 				name: e.name,
 				color: e.color
 			})),
-			body: Z.value.map((e) => e.value)
+			body: X.value.map((e) => e.value)
 		}));
-		function Vt(e = null) {
+		function Bt(e = null) {
 			me(() => {
-				let r = Bt.value.head.map((e, t) => [[e.name], [Bt.value.body[t]]]), i = n([
-					[G.value.style.chart.title.text],
-					[G.value.style.chart.title.subtitle.text],
-					[[""], [G.value.table.columnNames.value]]
-				].concat(r));
-				e ? e(i) : t({
-					csvContent: i,
-					title: G.value.style.chart.title.text || "vue-ui-word-cloud"
+				let r = zt.value.head.map((e, t) => [[e.name], [zt.value.body[t]]]), i = [
+					[W.value.style.chart.title.text],
+					[W.value.style.chart.title.subtitle.text],
+					[[""], [W.value.table.columnNames.value]]
+				].concat(r), a = n(i);
+				e ? e(a) : t({
+					csvContent: a,
+					title: W.value.style.chart.title.text || "vue-ui-word-cloud"
 				});
 			});
 		}
-		let Ht = D(() => {
-			let e = [G.value.table.columnNames.series, G.value.table.columnNames.value], t = Bt.value.head.map((e, t) => {
+		let Z = D(() => {
+			let e = [W.value.table.columnNames.series, W.value.table.columnNames.value], t = zt.value.head.map((e, t) => {
 				let n = c({
-					p: G.value.table.td.prefix,
-					v: Bt.value.body[t],
-					s: G.value.table.td.suffix,
-					r: G.value.table.td.roundingValue
+					p: W.value.table.td.prefix,
+					v: zt.value.body[t],
+					s: W.value.table.td.suffix,
+					r: W.value.table.td.roundingValue
 				});
 				return [{
 					color: e.color,
@@ -1071,54 +1071,54 @@ var Xe = /* @__PURE__ */ e({ default: () => ut }), Ze = [
 				}, n];
 			}), n = t.map((e) => e.map((e, t) => t === 0 ? e.name : e)), r = {
 				th: {
-					backgroundColor: G.value.table.th.backgroundColor,
-					color: G.value.table.th.color,
-					outline: G.value.table.th.outline
+					backgroundColor: W.value.table.th.backgroundColor,
+					color: W.value.table.th.color,
+					outline: W.value.table.th.outline
 				},
 				td: {
-					backgroundColor: G.value.table.td.backgroundColor,
-					color: G.value.table.td.color,
-					outline: G.value.table.td.outline
+					backgroundColor: W.value.table.td.backgroundColor,
+					color: W.value.table.td.color,
+					outline: W.value.table.td.outline
 				},
-				breakpoint: G.value.table.responsiveBreakpoint
+				breakpoint: W.value.table.responsiveBreakpoint
 			};
 			return {
-				colNames: [G.value.table.columnNames.series, G.value.table.columnNames.value],
+				colNames: [W.value.table.columnNames.series, W.value.table.columnNames.value],
 				head: e,
 				body: t,
 				a11yBody: n,
 				config: r
 			};
 		}), Q = I(!1);
-		function Ut(e) {
+		function Vt(e) {
 			Q.value = e, ze.value += 1;
 		}
-		function Wt() {
-			return Z.value;
+		function Ht() {
+			return X.value;
 		}
-		function Gt() {
-			X.value.showTable = !X.value.showTable;
+		function Ut() {
+			Y.value.showTable = !Y.value.showTable;
 		}
-		function Kt() {
-			X.value.showTooltip = !X.value.showTooltip;
+		function Wt() {
+			Y.value.showTooltip = !Y.value.showTooltip;
 		}
-		let qt = I(!1);
-		function Jt() {
-			qt.value = !qt.value;
+		let Gt = I(!1);
+		function Kt() {
+			Gt.value = !Gt.value;
 		}
-		function Yt() {
-			X.value.showZoom = !X.value.showZoom;
+		function qt() {
+			Y.value.showZoom = !Y.value.showZoom;
 		}
-		let Xt = D(() => !qt.value && X.value.showZoom), { viewBox: Zt, resetZoom: Qt, isZoom: $t, setInitialViewBox: en, zoomByFactor: tn, scale: nn } = oe(q, {
+		let Jt = D(() => !Gt.value && Y.value.showZoom), { viewBox: Yt, resetZoom: Xt, isZoom: Zt, setInitialViewBox: Qt, zoomByFactor: $t, scale: en } = oe(K, {
 			x: 0,
 			y: 0,
-			width: J.value.width <= 0 ? 10 : J.value.width,
-			height: J.value.height <= 0 ? 10 : J.value.height
-		}, 1, Xt);
+			width: q.value.width <= 0 ? 10 : q.value.width,
+			height: q.value.height <= 0 ? 10 : q.value.height
+		}, 1, Jt);
 		we(() => B.dataset, () => {
-			vt.value = yt(), G.value.responsive || (zt(), Tt());
+			_t.value = vt(), W.value.responsive || (Rt(), wt());
 		}, { immediate: !0 });
-		async function rn({ scale: e = 2 } = {}) {
+		async function tn({ scale: e = 2 } = {}) {
 			if (!H.value) return;
 			let { width: t, height: n } = H.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await C({
 				domElement: H.value,
@@ -1129,222 +1129,199 @@ var Xe = /* @__PURE__ */ e({ default: () => ut }), Ze = [
 			return {
 				imageUri: i,
 				base64: a,
-				title: G.value.style.chart.title.text,
+				title: W.value.style.chart.title.text,
 				width: t,
 				height: n,
 				aspectRatio: r
 			};
 		}
-		let an = D(() => {
-			let e = G.value.table.useDialog && !G.value.table.show, t = X.value.showTable;
+		let nn = D(() => {
+			let e = W.value.table.useDialog && !W.value.table.show, t = Y.value.showTable;
 			return {
 				component: e ? Ne : Oe,
-				title: `${G.value.style.chart.title.text}${G.value.style.chart.title.subtitle.text ? `: ${G.value.style.chart.title.subtitle.text}` : ""}`,
+				title: `${W.value.style.chart.title.text}${W.value.style.chart.title.subtitle.text ? `: ${W.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,
+					backgroundColor: W.value.table.th.backgroundColor,
+					color: W.value.table.th.color,
+					headerColor: W.value.table.th.color,
+					headerBg: W.value.table.th.backgroundColor,
 					isFullscreen: Q.value,
 					fullscreenParent: H.value,
 					forcedWidth: Math.min(500, window.innerWidth * .8),
-					isCursorPointer: K.value
+					isCursorPointer: G.value
 				} : {
 					hideDetails: !0,
 					config: {
 						open: t,
 						maxHeight: 1e4,
 						body: {
-							backgroundColor: G.value.style.chart.backgroundColor,
-							color: G.value.style.chart.color
+							backgroundColor: W.value.style.chart.backgroundColor,
+							color: W.value.style.chart.color
 						},
 						head: {
-							backgroundColor: G.value.style.chart.backgroundColor,
-							color: G.value.style.chart.color
+							backgroundColor: W.value.style.chart.backgroundColor,
+							color: W.value.style.chart.color
 						}
 					}
 				}
 			};
 		});
-		we(() => X.value.showTable, (e) => {
-			G.value.table.show || (e && G.value.table.useDialog && U.value ? U.value.open() : "close" in U.value && U.value.close());
+		we(() => Y.value.showTable, (e) => {
+			W.value.table.show || (e && W.value.table.useDialog && Ge.value ? Ge.value.open() : "close" in Ge.value && Ge.value.close());
 		});
-		function on() {
-			X.value.showTable = !1, Ge.value && Ge.value.setTableIconState(!1);
+		function rn() {
+			Y.value.showTable = !1, Ke.value && Ke.value.setTableIconState(!1);
 		}
-		let sn = D(() => G.value.style.chart.backgroundColor), { exportSvg: cn, getSvg: ln } = b({
-			svg: q,
-			title: D(() => G.value.style.chart.title),
-			backgroundColor: sn
+		let an = D(() => W.value.style.chart.backgroundColor), on = D(() => W.value.style.chart.title), { isCallbackImaging: sn, isCallbackSvg: cn, generateSvg: ln, onGenerateImage: un } = S({
+			svg: K,
+			title: on,
+			legend: null,
+			legendItems: null,
+			backgroundColor: an,
+			getSvgCallback: () => W.value.userOptions.callbacks.svg,
+			generateImage: Ft
 		});
-		async function un({ isCb: e }) {
-			ut.value = !0, await me();
-			try {
-				if (e) {
-					let { blob: e, url: t, text: n, dataUrl: r } = await ln();
-					await Promise.resolve(G.value.userOptions.callbacks.svg({
-						blob: e,
-						url: t,
-						text: n,
-						dataUrl: r
-					}));
-				} else await Promise.resolve(cn());
-			} finally {
-				ut.value = !1;
-			}
-		}
-		function dn(e) {
-			if (e?.stage === "start") {
-				Xe.value = !0;
-				return;
-			}
-			if (e?.stage === "end") {
-				Xe.value = !1;
-				return;
-			}
-			It();
+		function dn() {
+			$t(1.5, !0);
 		}
 		function fn() {
-			tn(1.5, !0);
-		}
-		function pn() {
-			tn(1 / 1.5, !0);
+			$t(1 / 1.5, !0);
 		}
-		let $ = I(null), mn = I(!1), hn = I(""), gn = I(null);
-		function _n() {
-			$.value = null, W.value = null, We.value = !1;
+		let $ = I(null), pn = I(!1), mn = I(""), hn = I(null);
+		function gn() {
+			$.value = null, U.value = null, We.value = !1;
 		}
-		function vn(e, t) {
-			G.value.events.datapointLeave && G.value.events.datapointLeave({
+		function _n(e, t) {
+			W.value.events.datapointLeave && W.value.events.datapointLeave({
 				datapoint: e,
 				seriesIndex: t
-			}), !(W.value === t && ft.value === "keyboard") && ($.value = null, We.value = !1);
+			}), (U.value !== t || dt.value !== "keyboard") && ($.value = null, We.value = !1);
 		}
-		function yn(e, t) {
-			G.value.events.datapointClick && G.value.events.datapointClick({
+		function vn(e, t) {
+			W.value.events.datapointClick && W.value.events.datapointClick({
 				datapoint: e,
 				seriesIndex: t
 			});
 		}
-		function bn(e) {
-			if (!q.value || e == null) return;
-			let t = q.value.querySelector(`[data-a11y-word-index="${e}-${V.value}"]`);
+		function yn(e) {
+			if (!K.value || e == null) return;
+			let t = K.value.querySelector(`[data-a11y-word-index="${e}-${V.value}"]`);
 			if (!t) return;
 			let n = t.getBoundingClientRect();
-			dt.value = {
+			ut.value = {
 				x: n.left + n.width / 2,
 				y: n.top + n.height / 2
 			};
 		}
-		function xn(e, t, n = "pointer") {
-			if (G.value.events.datapointEnter && G.value.events.datapointEnter({
+		function bn(e, t, n = "pointer") {
+			if (W.value.events.datapointEnter && W.value.events.datapointEnter({
 				datapoint: e,
 				seriesIndex: t
-			}), !X.value.showTooltip) return;
-			ft.value = n, W.value = t, $.value = e.id, gn.value = {
+			}), !Y.value.showTooltip) return;
+			dt.value = n, U.value = t, $.value = e.id, hn.value = {
 				datapoint: e,
-				config: G.value,
+				config: W.value,
 				seriesIndex: t
 			};
-			let r = G.value.style.chart.tooltip.customFormat;
-			if (mn.value = !1, h(r)) try {
+			let r = W.value.style.chart.tooltip.customFormat;
+			if (pn.value = !1, h(r)) try {
 				let t = r({
 					datapoint: e,
-					config: G.value
+					config: W.value
 				});
-				typeof t == "string" && (hn.value = t, mn.value = !0);
+				typeof t == "string" && (mn.value = t, pn.value = !0);
 			} catch {
-				console.warn("Custom format cannot be applied."), mn.value = !1;
+				console.warn("Custom format cannot be applied."), pn.value = !1;
 			}
-			if (!mn.value) {
-				let t = `<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>`;
-				hn.value = `<div dir="auto" style="display:flex; gap:4px; align-items:center; jsutify-content:center;">${t}</div>`;
+			if (!pn.value) {
+				let t = `<svg viewBox="0 0 10 10" height="${W.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(W.value.style.chart.tooltip.roundingValue)}</b>`;
+				mn.value = `<div dir="auto" style="display:flex; gap:4px; align-items:center; jsutify-content:center;">${t}</div>`;
 			}
 			n === "keyboard" && me(() => {
-				bn(t);
+				yn(t);
 			}), We.value = !0;
 		}
-		async function Sn() {
+		async function xn() {
 			if (Le("copyAlt", {
-				config: G.value,
-				dataset: Z.value
-			}), !G.value.userOptions.callbacks.altCopy) {
+				config: W.value,
+				dataset: X.value
+			}), !W.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
+			await Promise.resolve(W.value.userOptions.callbacks.altCopy({
+				config: W.value,
+				dataset: X.value
 			}));
 		}
-		function Cn() {
-			W.value = null, pt.value = !0;
+		function Sn() {
+			U.value = null, ft.value = !0;
 		}
-		function wn() {
-			_n(), pt.value = !1;
+		function Cn() {
+			gn(), ft.value = !1;
 		}
-		function Tn(e) {
-			if (!q.value || qt.value || document.activeElement !== q.value || !Z.value.length) return;
+		function wn(e) {
+			if (!K.value || Gt.value || document.activeElement !== K.value || !X.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) {
-				_n();
+				gn();
 				return;
 			}
 			if (r) {
-				if (W.value === null) return;
-				let e = Z.value[W.value];
+				if (U.value === null) return;
+				let e = X.value[U.value];
 				if (!e) return;
-				yn(e, W.value);
+				vn(e, U.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 && xn(o, a, "keyboard");
+			let a = U.value;
+			a === null || a < 0 || a >= X.value.length ? a = n ? 0 : X.value.length - 1 : (a += n ? 1 : -1, a < 0 && (a = X.value.length - 1), a >= X.value.length && (a = 0));
+			let o = X.value[a];
+			o && bn(o, a, "keyboard");
 		}
-		let En = D(() => ({
-			headers: Ht.value?.colNames ?? [],
-			rows: Ht.value?.a11yBody ?? []
+		let Tn = D(() => ({
+			headers: Z.value?.colNames ?? [],
+			rows: Z.value?.a11yBody ?? []
 		}));
 		return T({
-			getData: Wt,
-			getImage: rn,
-			generateCsv: Vt,
-			generatePdf: Ft,
-			generateImage: It,
-			generateSvg: un,
-			resetZoom: Qt,
-			toggleTable: Gt,
-			toggleTooltip: Kt,
-			toggleAnnotator: Jt,
-			toggleFullscreen: Ut,
-			toggleZoom: Yt,
-			copyAlt: Sn
+			getData: Ht,
+			getImage: tn,
+			generateCsv: Bt,
+			generatePdf: Pt,
+			generateImage: Ft,
+			generateSvg: ln,
+			resetZoom: Xt,
+			toggleTable: Ut,
+			toggleTooltip: Wt,
+			toggleAnnotator: Kt,
+			toggleFullscreen: Vt,
+			toggleZoom: qt,
+			copyAlt: xn
 		}), (e, t) => (F(), A("div", {
 			class: "vue-data-ui-component vue-ui-word-cloud",
 			ref_key: "wordCloudChart",
 			ref: H,
 			id: `wordCloud_${V.value}`,
-			"data-resizing": Dt.value,
-			"data-relayout": qe.value,
-			style: ge(`width: 100%; font-family:${G.value.style.fontFamily};background:${G.value.style.chart.backgroundColor};${G.value.responsive ? "height:100%" : ""}`),
-			onMouseenter: t[3] ||= () => R(xt)(!0),
+			"data-resizing": Et.value,
+			"data-relayout": Je.value,
+			style: ge(`width: 100%; font-family:${W.value.style.fontFamily};background:${W.value.style.chart.backgroundColor};${W.value.responsive ? "height:100%" : ""}`),
+			onMouseenter: t[3] ||= () => R(bt)(!0),
 			onMouseleave: t[4] ||= () => {
-				R(xt)(!1), pt.value || _n();
+				R(bt)(!1), ft.value || gn();
 			}
 		}, [
 			j("div", {
 				id: `chart-instructions-${V.value}`,
 				class: "sr-only"
-			}, [j("p", null, Se(G.value.a11y.translations.keyboardNavigation), 1)], 8, Qe),
-			En.value?.rows?.length ? (F(), O(ie, {
+			}, [j("p", null, Se(W.value.a11y.translations.keyboardNavigation), 1)], 8, Qe),
+			Tn.value?.rows?.length ? (F(), O(ie, {
 				key: 0,
 				uid: V.value,
-				head: En.value.headers,
-				body: En.value.rows,
-				notice: G.value.a11y.translations.tableAvailable,
-				caption: G.value.a11y.translations.tableCaption
+				head: Tn.value.headers,
+				body: Tn.value.rows,
+				notice: W.value.a11y.translations.tableAvailable,
+				caption: W.value.a11y.translations.tableCaption
 			}, null, 8, [
 				"uid",
 				"head",
@@ -1352,14 +1329,14 @@ var Xe = /* @__PURE__ */ e({ default: () => ut }), Ze = [
 				"notice",
 				"caption"
 			])) : k("", !0),
-			G.value.userOptions.buttons.annotator ? (F(), O(R(Ae), {
+			W.value.userOptions.buttons.annotator ? (F(), O(R(Ae), {
 				key: 1,
-				svgRef: R(q),
-				backgroundColor: G.value.style.chart.backgroundColor,
-				color: G.value.style.chart.color,
-				active: qt.value,
-				isCursorPointer: K.value,
-				onClose: Jt
+				svgRef: R(K),
+				backgroundColor: W.value.style.chart.backgroundColor,
+				color: W.value.style.chart.color,
+				active: Gt.value,
+				isCursorPointer: G.value,
+				onClose: Kt
 			}, {
 				"annotator-action-close": z(() => [L(e.$slots, "annotator-action-close", {}, void 0, !0)]),
 				"annotator-action-color": z(({ color: t }) => [L(e.$slots, "annotator-action-color", P(N({ color: t })), void 0, !0)]),
@@ -1375,7 +1352,7 @@ var Xe = /* @__PURE__ */ e({ default: () => ut }), Ze = [
 				"active",
 				"isCursorPointer"
 			])) : k("", !0),
-			G.value.style.chart.title.text ? (F(), A("div", {
+			W.value.style.chart.title.text ? (F(), A("div", {
 				key: 2,
 				ref_key: "chartTitle",
 				ref: Be,
@@ -1383,51 +1360,51 @@ var Xe = /* @__PURE__ */ e({ default: () => ut }), Ze = [
 			}, [(F(), O(w, {
 				key: `title_${He.value}`,
 				config: {
-					title: { ...G.value.style.chart.title },
-					subtitle: { ...G.value.style.chart.title.subtitle }
+					title: { ...W.value.style.chart.title },
+					subtitle: { ...W.value.style.chart.title.subtitle }
 				}
 			}, null, 8, ["config"]))], 512)) : k("", !0),
-			G.value.userOptions.show && Re.value && (R(St) || R(bt)) ? (F(), O(R(je), {
+			W.value.userOptions.show && Re.value && (R(xt) || R(yt)) ? (F(), O(R(je), {
 				ref_key: "userOptionsRef",
-				ref: Ge,
+				ref: Ke,
 				key: `user_option_${ze.value}`,
-				backgroundColor: G.value.style.chart.backgroundColor,
-				color: G.value.style.chart.color,
-				isPrinting: R(Nt),
-				isImaging: R(Pt),
+				backgroundColor: W.value.style.chart.backgroundColor,
+				color: W.value.style.chart.color,
+				isPrinting: R(Mt),
+				isImaging: R(Nt),
 				uid: V.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,
+				hasPdf: W.value.userOptions.buttons.pdf,
+				hasXls: W.value.userOptions.buttons.csv,
+				hasImg: W.value.userOptions.buttons.img,
+				hasSvg: W.value.userOptions.buttons.svg,
+				hasTable: W.value.userOptions.buttons.table,
+				hasFullscreen: W.value.userOptions.buttons.fullscreen,
+				hasAltCopy: W.value.userOptions.buttons.altCopy,
 				isFullscreen: Q.value,
-				titles: { ...G.value.userOptions.buttonTitles },
+				titles: { ...W.value.userOptions.buttonTitles },
 				chartElement: H.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: qt.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: Ut,
-				onGeneratePdf: R(Ft),
-				onGenerateCsv: Vt,
-				onGenerateImage: dn,
-				onGenerateSvg: un,
-				onToggleTable: Gt,
-				onToggleTooltip: Kt,
-				onToggleAnnotator: Jt,
-				onToggleZoom: Yt,
-				onCopyAlt: Sn,
-				style: ge({ visibility: R(St) ? R(bt) ? "visible" : "hidden" : "visible" })
+				position: W.value.userOptions.position,
+				hasTooltip: W.value.style.chart.tooltip.show && W.value.userOptions.buttons.tooltip,
+				isTooltip: Y.value.showTooltip,
+				hasAnnotator: W.value.userOptions.buttons.annotator,
+				isAnnotation: Gt.value,
+				callbacks: W.value.userOptions.callbacks,
+				printScale: W.value.userOptions.print.scale,
+				tableDialog: W.value.table.useDialog,
+				hasZoom: W.value.userOptions.buttons.zoom,
+				isZoom: Y.value.showZoom,
+				isCursorPointer: G.value,
+				onToggleFullscreen: Vt,
+				onGeneratePdf: R(Pt),
+				onGenerateCsv: Bt,
+				onGenerateImage: R(un),
+				onGenerateSvg: R(ln),
+				onToggleTable: Ut,
+				onToggleTooltip: Wt,
+				onToggleAnnotator: Kt,
+				onToggleZoom: qt,
+				onCopyAlt: xn,
+				style: ge({ visibility: R(xt) ? R(yt) ? "visible" : "hidden" : "visible" })
 			}, ue({ _: 2 }, [
 				e.$slots.menuIcon ? {
 					name: "menuIcon",
@@ -1506,18 +1483,18 @@ var Xe = /* @__PURE__ */ e({ default: () => ut }), Ze = [
 					fn: z(() => [L(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("."))) : k("", !0),
-			G.value.style.chart.controls.position === "top" && G.value.style.chart.controls.show && !R(ht) ? (F(), O(ce, {
+			]), 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("."))) : k("", !0),
+			W.value.style.chart.controls.position === "top" && W.value.style.chart.controls.show && !R(mt) ? (F(), O(ce, {
 				key: 4,
 				ref_key: "zoomControls",
-				ref: Je,
-				config: G.value,
-				scale: R(nn),
+				ref: Ye,
+				config: W.value,
+				scale: R(en),
 				isFullscreen: Q.value,
-				isCursorPointer: K.value,
-				onZoomIn: fn,
-				onZoomOut: pn,
-				onResetZoom: t[0] ||= (e) => R(Qt)(!0)
+				isCursorPointer: G.value,
+				onZoomIn: dn,
+				onZoomOut: fn,
+				onResetZoom: t[0] ||= (e) => R(Xt)(!0)
 			}, null, 8, [
 				"config",
 				"scale",
@@ -1526,33 +1503,33 @@ var Xe = /* @__PURE__ */ e({ default: () => ut }), Ze = [
 			])) : k("", !0),
 			j("div", $e, [(F(), A("svg", {
 				ref_key: "svgRef",
-				ref: q,
+				ref: K,
 				class: he({
 					"vue-data-ui-fullscreen--on": Q.value,
 					"vue-data-ui-fulscreen--off": !Q.value
 				}),
 				"aria-describedby": `chart-instructions-${V.value}`,
 				xmlns: R(p),
-				viewBox: `${R(Zt).x} ${R(Zt).y} ${R(Zt).width} ${R(Zt).height}`,
+				viewBox: `${R(Yt).x} ${R(Yt).y} ${R(Yt).width} ${R(Yt).height}`,
 				style: "overflow:hidden;background:transparent;display:block",
 				tabindex: "0",
-				onFocus: Cn,
-				onBlur: wn,
-				onKeydown: Tn
+				onFocus: Sn,
+				onBlur: Cn,
+				onKeydown: wn
 			}, [
 				fe(R(Me)),
 				e.$slots["chart-background"] ? (F(), A("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,
+					width: q.value.width <= 0 ? 10 : q.value.width,
+					height: q.value.height <= 0 ? 10 : q.value.height,
 					style: { pointerEvents: "none" }
 				}, [L(e.$slots, "chart-background", {}, void 0, !0)], 8, tt)) : k("", !0),
 				j("g", {
-					transform: `translate(${wt.value.x}, ${wt.value.y})`,
-					class: he({ "wc-finalized": Ke.value })
-				}, [(F(!0), A(le, null, ye(Z.value, (e, t) => (F(), A("g", {
+					transform: `translate(${Ct.value.x}, ${Ct.value.y})`,
+					class: he({ "wc-finalized": qe.value })
+				}, [(F(!0), A(le, null, ye(X.value, (e, t) => (F(), A("g", {
 					key: e.id,
 					class: "vue-ui-word-cloud-word",
 					transform: `translate(${e.x}, ${e.y})`
@@ -1565,13 +1542,13 @@ var Xe = /* @__PURE__ */ e({ default: () => ut }), Ze = [
 					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) => xn(e, t),
-					onMouseleave: (n) => vn(e, t),
-					onClick: (n) => yn(e, t)
+					"aria-label": `${e.name}: ${(e.value || 0).toFixed(W.value.style.chart.tooltip.roundingValue)}`,
+					onMouseover: (n) => bn(e, t),
+					onMouseleave: (n) => _n(e, t),
+					onClick: (n) => vn(e, t)
 				}, null, 40, it)), j("text", {
 					fill: e.color,
-					"font-weight": G.value.style.chart.words.bold ? "bold" : "normal",
+					"font-weight": W.value.style.chart.words.bold ? "bold" : "normal",
 					x: 0,
 					y: 0,
 					"font-size": e.fontSize,
@@ -1579,37 +1556,37 @@ var Xe = /* @__PURE__ */ e({ default: () => ut }), Ze = [
 					"text-anchor": "middle",
 					"dominant-baseline": "central",
 					"paint-order": "stroke fill",
-					stroke: !$.value || $.value === e.id ? G.value.style.chart.words.selectedStroke : void 0,
+					stroke: !$.value || $.value === e.id ? W.value.style.chart.words.selectedStroke : void 0,
 					"stroke-width": e.height * .05,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					style: ge(`
                                 pointer-events:none;
-                                fill-opacity:${!$.value || $.value === e.id || !Ke.value ? 1 : G.value.style.chart.words.hoverOpacity} !important;
+                                fill-opacity:${!$.value || $.value === e.id || !qe.value ? 1 : W.value.style.chart.words.hoverOpacity} !important;
                             `)
 				}, Se(e.name), 13, at)], 8, rt))), 128))], 10, nt),
 				L(e.$slots, "svg", { svg: {
-					...J.value,
-					isPrintingImg: R(Nt) || R(Pt) || Xe.value,
-					isPrintingSvg: ut.value
+					...q.value,
+					isPrintingImg: R(Mt) || R(Nt) || R(sn),
+					isPrintingSvg: R(cn)
 				} }, void 0, !0)
 			], 42, et)), e.$slots.hint ? (F(), A("div", ot, [L(e.$slots, "hint", P(N({
-				hint: G.value.a11y.translations.keyboardNavigation,
-				isVisible: pt.value
+				hint: W.value.a11y.translations.keyboardNavigation,
+				isVisible: ft.value
 			})), void 0, !0)])) : k("", !0)]),
-			e.$slots.watermark ? (F(), A("div", st, [L(e.$slots, "watermark", P(N({ isPrinting: R(Nt) || R(Pt) || Xe.value || ut.value })), void 0, !0)])) : k("", !0),
-			R($t) ? (F(), A("div", ct, [L(e.$slots, "reset-action", { reset: R(Qt) }, void 0, !0)])) : k("", !0),
-			G.value.style.chart.controls.position === "bottom" && G.value.style.chart.controls.show && !R(ht) ? (F(), O(ce, {
+			e.$slots.watermark ? (F(), A("div", st, [L(e.$slots, "watermark", P(N({ isPrinting: R(Mt) || R(Nt) || R(sn) || R(cn) })), void 0, !0)])) : k("", !0),
+			R(Zt) ? (F(), A("div", ct, [L(e.$slots, "reset-action", { reset: R(Xt) }, void 0, !0)])) : k("", !0),
+			W.value.style.chart.controls.position === "bottom" && W.value.style.chart.controls.show && !R(mt) ? (F(), O(ce, {
 				key: 7,
 				ref_key: "zoomControls",
-				ref: Je,
-				config: G.value,
-				scale: R(nn),
+				ref: Ye,
+				config: W.value,
+				scale: R(en),
 				isFullscreen: Q.value,
-				isCursorPointer: K.value,
-				onZoomIn: fn,
-				onZoomOut: pn,
-				onResetZoom: t[1] ||= (e) => R(Qt)(!0)
+				isCursorPointer: G.value,
+				onZoomIn: dn,
+				onZoomOut: fn,
+				onResetZoom: t[1] ||= (e) => R(Xt)(!0)
 			}, null, 8, [
 				"config",
 				"scale",
@@ -1617,32 +1594,32 @@ var Xe = /* @__PURE__ */ e({ default: () => ut }), Ze = [
 				"isCursorPointer"
 			])) : k("", !0),
 			fe(R(Ee), {
-				teleportTo: G.value.style.chart.tooltip.teleportTo,
-				show: X.value.showTooltip && We.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,
+				teleportTo: W.value.style.chart.tooltip.teleportTo,
+				show: Y.value.showTooltip && We.value,
+				backgroundColor: W.value.style.chart.tooltip.backgroundColor,
+				color: W.value.style.chart.tooltip.color,
+				fontSize: W.value.style.chart.tooltip.fontSize,
+				borderRadius: W.value.style.chart.tooltip.borderRadius,
+				borderColor: W.value.style.chart.tooltip.borderColor,
+				borderWidth: W.value.style.chart.tooltip.borderWidth,
+				backgroundOpacity: W.value.style.chart.tooltip.backgroundOpacity,
+				position: W.value.style.chart.tooltip.position,
+				offsetX: W.value.style.chart.tooltip.offsetX,
+				offsetY: W.value.style.chart.tooltip.offsetY,
 				parent: H.value,
-				content: hn.value,
-				isCustom: mn.value,
+				content: mn.value,
+				isCustom: pn.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: ft.value === "keyboard",
-				a11yPosition: dt.value
+				smooth: W.value.style.chart.tooltip.smooth,
+				backdropFilter: W.value.style.chart.tooltip.backdropFilter,
+				smoothForce: W.value.style.chart.tooltip.smoothForce,
+				smoothSnapThreshold: W.value.style.chart.tooltip.smoothSnapThreshold,
+				isA11yMode: dt.value === "keyboard",
+				a11yPosition: ut.value
 			}, {
-				"tooltip-before": z(() => [L(e.$slots, "tooltip-before", P(N({ ...gn.value })), void 0, !0)]),
-				tooltip: z(() => [L(e.$slots, "tooltip", P(N({ ...gn.value })), void 0, !0)]),
-				"tooltip-after": z(() => [L(e.$slots, "tooltip-after", P(N({ ...gn.value })), void 0, !0)]),
+				"tooltip-before": z(() => [L(e.$slots, "tooltip-before", P(N({ ...hn.value })), void 0, !0)]),
+				tooltip: z(() => [L(e.$slots, "tooltip", P(N({ ...hn.value })), void 0, !0)]),
+				"tooltip-after": z(() => [L(e.$slots, "tooltip-after", P(N({ ...hn.value })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"teleportTo",
@@ -1674,21 +1651,21 @@ var Xe = /* @__PURE__ */ e({ default: () => ut }), Ze = [
 				ref: Ve,
 				dir: "auto"
 			}, [L(e.$slots, "source", {}, void 0, !0)], 512)) : k("", !0),
-			Re.value && G.value.userOptions.buttons.table ? (F(), O(be(an.value.component), pe({ key: 9 }, an.value.props, {
+			Re.value && W.value.userOptions.buttons.table ? (F(), O(be(nn.value.component), pe({ key: 9 }, nn.value.props, {
 				ref_key: "tableUnit",
-				ref: U,
-				onClose: on
+				ref: Ge,
+				onClose: rn
 			}), ue({
 				content: z(() => [(F(), O(R(ke), {
 					key: `table_${Ue.value}`,
-					colNames: Ht.value.colNames,
-					head: Ht.value.head,
-					body: Ht.value.body,
-					config: Ht.value.config,
-					title: G.value.table.useDialog ? "" : an.value.title,
-					withCloseButton: !G.value.table.useDialog,
-					isCursorPointer: K.value,
-					onClose: on
+					colNames: Z.value.colNames,
+					head: Z.value.head,
+					body: Z.value.body,
+					config: Z.value.config,
+					title: W.value.table.useDialog ? "" : nn.value.title,
+					withCloseButton: !W.value.table.useDialog,
+					isCursorPointer: G.value,
+					onClose: rn
 				}, {
 					th: z(({ th: e }) => [j("div", {
 						innerHTML: e,
@@ -1709,26 +1686,26 @@ var Xe = /* @__PURE__ */ e({ default: () => ut }), Ze = [
 					"isCursorPointer"
 				]))]),
 				_: 2
-			}, [G.value.table.useDialog ? {
+			}, [W.value.table.useDialog ? {
 				name: "title",
-				fn: z(() => [de(Se(an.value.title), 1)]),
+				fn: z(() => [de(Se(nn.value.title), 1)]),
 				key: "0"
-			} : void 0, G.value.table.useDialog ? {
+			} : void 0, W.value.table.useDialog ? {
 				name: "actions",
 				fn: z(() => [j("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: t[2] ||= (e) => Vt(G.value.userOptions.callbacks.csv),
-					style: ge({ cursor: K.value ? "pointer" : "default" })
+					onClick: t[2] ||= (e) => Bt(W.value.userOptions.callbacks.csv),
+					style: ge({ cursor: G.value ? "pointer" : "default" })
 				}, [fe(R(De), {
 					name: "fileCsv",
-					stroke: an.value.props.color
+					stroke: nn.value.props.color
 				}, null, 8, ["stroke"])], 4)]),
 				key: "1"
 			} : void 0]), 1040)) : k("", !0),
-			L(e.$slots, "skeleton", {}, () => [R(ht) ? (F(), O(te, { key: 0 })) : k("", !0)], !0)
+			L(e.$slots, "skeleton", {}, () => [R(mt) ? (F(), O(te, { key: 0 })) : k("", !0)], !0)
 		], 44, Ze));
 	}
-}, [["__scopeId", "data-v-67a99716"]]);
+}, [["__scopeId", "data-v-d55cdbfc"]]);
 //#endregion
-export { Xe as n, ut as t };
+export { U as n, ut as t };