vue-data-ui 3.25.7 → 3.25.9

package/dist/{vue-ui-word-cloud-BZnCOMHx.js → vue-ui-word-cloud-D_MZ3gCS.js}

@@ -1,25 +1,25 @@
 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 { $ 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, Z as u, Zt as d, b as f, ht as p, nt as m, q as h, t as g } from "./lib-Dql7cqyA.js";
+import { n as _, t as v } from "./useHints-Dq_w2E8B.js";
+import { t as ee } from "./useConfig-D32D002m.js";
+import { t as te } from "./usePrinter-DISD7q5m.js";
+import { n as ne, t as y } from "./BaseScanner-Dzc8VT3j.js";
+import { t as b } from "./useNestedProp-Chvyfpl-.js";
+import { t as x } from "./useThemeCheck-C43Tcqmk.js";
+import { t as S } from "./useChartExport-iwOqiIWX.js";
+import { t as C } from "./img-DhGApYG0.js";
+import { n as w } from "./Title-CPHi-evi.js";
+import { t as re } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { i as T, t as ie } from "./useResponsive-ZtArZtUf.js";
+import { t as E } from "./A11yDataTable-DdRsVULz.js";
+import { t as ae } 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";
+import { Fragment as ue, computed as D, createBlock as O, createCommentVNode as k, createElementBlock as A, createElementVNode as de, createSlots as fe, createTextVNode as pe, createVNode as me, defineAsyncComponent as j, guardReactiveProps as M, mergeProps as he, nextTick as ge, normalizeClass as _e, normalizeProps as N, normalizeStyle as ve, onBeforeUnmount as ye, onMounted as be, openBlock as P, ref as F, renderList as xe, renderSlot as I, resolveDynamicComponent as Se, shallowRef as Ce, toDisplayString as we, toRefs as Te, unref as L, watch as Ee, withCtx as R } from "vue";
 //#region src/wordcloud.js
-var Ee = {
+var De = {
 	fast: {
 		spiralStep: 6,
 		fallbackSpiralStep: 2,
@@ -50,13 +50,13 @@ var Ee = {
 		minimumVisualPadding: 4,
 		scaleStep: .95
 	}
-}, De = "fast";
-function Oe(e) {
-	return Ee[e] || Ee[De];
+}, Oe = "fast";
+function ke(e) {
+	return De[e] || De[Oe];
 }
-var ke = /* @__PURE__ */ new Map();
-function Ae(e) {
-	let t = String(e), n = ke.get(t);
+var Ae = /* @__PURE__ */ new Map();
+function je(e) {
+	let t = String(e), n = Ae.get(t);
 	if (n) return n;
 	let r = Math.PI / 180, i = [], a = [];
 	for (let t = 0; t < 360; t += e) {
@@ -67,9 +67,9 @@ function Ae(e) {
 		cosineArray: i,
 		sineArray: a
 	};
-	return ke.set(t, o), o;
+	return Ae.set(t, o), o;
 }
-function je({ word: e, fontSize: t, pad: n, canvas: r, ctx: i, svg: a }) {
+function Me({ 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);
@@ -101,7 +101,7 @@ function je({ word: e, fontSize: t, pad: n, canvas: r, ctx: i, svg: a }) {
 		maxY: w
 	};
 }
-function Me(e) {
+function Ne(e) {
 	let t = [];
 	if (!e.length) return t;
 	let n = e[0][1], r = e[0][0], i = r;
@@ -123,16 +123,16 @@ function Me(e) {
 		i
 	]), t;
 }
-function Ne(e, t) {
+function Pe(e, t) {
 	return 4294967295 >>> 32 - (t - e + 1) << e >>> 0;
 }
-function Pe(e) {
+function Fe(e) {
 	return 4294967295 << e >>> 0;
 }
-function Fe(e) {
+function Ie(e) {
 	return 4294967295 >>> 31 - e >>> 0;
 }
-function Ie({ maskBits: e, maskRowStride: t, maskW: n, maskH: r, wx: i, wy: a, runs: o }) {
+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) return !1;
@@ -140,16 +140,16 @@ function Ie({ maskBits: e, maskRowStride: t, maskW: n, maskH: r, wx: i, wy: a, r
 		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;
+			if (e[m + h] & Pe(_, v)) return !1;
 		} else {
-			if (e[m + h] & Pe(_)) return !1;
+			if (e[m + h] & Fe(_)) 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;
+			if (e[m + g] & Ie(v)) return !1;
 		}
 	}
 	return !0;
 }
-function Le({ maskBits: e, maskRowStride: t, maskW: n, maskH: r, wx: i, wy: a, runs: o }) {
+function Re({ 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;
@@ -157,16 +157,16 @@ function Le({ maskBits: e, maskRowStride: t, maskW: n, maskH: r, wx: i, wy: a, r
 		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);
+			let t = Pe(_, v);
 			e[m + h] |= t;
 		} else {
 			{
-				let t = Pe(_);
+				let t = Fe(_);
 				e[m + h] |= t;
 			}
 			for (let t = h + 1; t < g; t += 1) e[m + t] = 4294967295;
 			{
-				let t = Fe(v);
+				let t = Ie(v);
 				e[m + g] |= t;
 			}
 		}
@@ -198,7 +198,7 @@ function z({ wordMask: e, w: t, h: n, dilation: r }) {
 	}
 	return o;
 }
-function Re(e, t) {
+function ze(e, t) {
 	let n = [];
 	for (let r = 0; r < t; r += 1) {
 		let t = e[r];
@@ -221,7 +221,7 @@ function Re(e, t) {
 	}
 	return n;
 }
-function ze({ runs: e, w: t, h: n, dilation: r }) {
+function Be({ 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) {
@@ -231,7 +231,7 @@ function ze({ runs: e, w: t, h: n, dilation: r }) {
 			t || (t = [], i[e] = t), t.push([c, l]);
 		}
 	}
-	return Re(i, n);
+	return ze(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;
@@ -282,23 +282,23 @@ function B(e, t) {
 		maxY: d
 	};
 }
-var Be = /* @__PURE__ */ new Map(), V = /* @__PURE__ */ new Map();
-function Ve({ word: e, fontSize: t, pad: n, svg: r }) {
+var Ve = /* @__PURE__ */ new Map(), V = /* @__PURE__ */ new Map();
+function He({ 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({
+function Ue({ word: e, fontSize: t, pad: n, canvas: r, ctx: i, svg: a }) {
+	let o = He({
 		word: e,
 		fontSize: t,
 		pad: n,
 		svg: a
-	}), s = Be.get(o);
+	}), s = Ve.get(o);
 	if (s) return {
 		key: o,
 		bitmap: s
 	};
-	let c = je({
+	let c = Me({
 		word: e,
 		fontSize: t,
 		pad: n,
@@ -306,12 +306,12 @@ function He({ word: e, fontSize: t, pad: n, canvas: r, ctx: i, svg: a }) {
 		ctx: i,
 		svg: a
 	});
-	return Be.set(o, c), {
+	return Ve.set(o, c), {
 		key: o,
 		bitmap: c
 	};
 }
-function Ue({ bitmapKey: e, wordMask: t, w: n, h: r, dilation: i }) {
+function We({ 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({
@@ -321,11 +321,11 @@ function Ue({ bitmapKey: e, wordMask: t, w: n, h: r, dilation: i }) {
 		dilation: i
 	}), c = {
 		wordMask: s,
-		runs: Me(s)
+		runs: Ne(s)
 	};
 	return V.set(a, c), c;
 }
-function We(e, t, n) {
+function Ge(e, t, n) {
 	if (!e.length) return;
 	let r = Infinity, i = -Infinity, a = Infinity, o = -Infinity;
 	for (let t = 0; t < e.length; t += 1) {
@@ -344,19 +344,19 @@ function We(e, t, n) {
 		}
 	}
 }
-function Ge() {
+function Ke() {
 	return typeof performance < "u" && typeof performance.now == "function" ? () => performance.now() : () => Date.now();
 }
-function Ke({ value: e, minimumValue: t, maximumValue: n, configuredMinimumFontSize: r, maximumFontSize: i }) {
+function qe({ 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 }) {
+function Je({ 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 }) {
+function Ye({ 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 Je({ currentBitmap: e, strictPixelPadding: t, scaleFactor: n, baseBitma
 		bitmapMaximumX: f,
 		bitmapMaximumY: p
 	};
-	let m = qe({
+	let m = Je({
 		bitmapHeight: l,
 		proximity: a,
 		strictPixelPadding: t,
@@ -382,7 +382,7 @@ function Je({ currentBitmap: e, strictPixelPadding: t, scaleFactor: n, baseBitma
 		bitmapMaximumX: f,
 		bitmapMaximumY: p
 	} : n === 1 && m === 2 && t ? {
-		runs: Ue({
+		runs: We({
 			bitmapKey: i,
 			wordMask: r.wordMask,
 			w: r.w,
@@ -396,7 +396,7 @@ function Je({ currentBitmap: e, strictPixelPadding: t, scaleFactor: n, baseBitma
 		bitmapMaximumX: f,
 		bitmapMaximumY: p
 	} : {
-		runs: ze({
+		runs: Be({
 			runs: s,
 			w: c,
 			h: l,
@@ -410,10 +410,10 @@ function Je({ currentBitmap: e, strictPixelPadding: t, scaleFactor: n, baseBitma
 		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 }) {
+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, 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({
+		let { runs: n, bitmapWidth: b, bitmapHeight: x, bitmapMinimumX: S, bitmapMinimumY: C, bitmapMaximumX: w, bitmapMaximumY: re } = Ye({
 			currentBitmap: y === 1 ? e : B(e, y),
 			strictPixelPadding: d,
 			scaleFactor: y,
@@ -421,12 +421,12 @@ async function Ye({ baseBitmap: e, baseFontSize: t, minimumScaleFactor: n, maskB
 			bitmapKey: f,
 			proximity: te,
 			minimumVisualPadding: ne
-		}), ie = 0, ae = 0;
-		for (; ie < l && ae < v;) {
+		}), T = 0, ie = 0;
+		for (; T < l && ie < 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({
+				ie += 1;
+				let l = Math.round(s + T * h[e] - b / 2), u = Math.round(c + T * g[e] - x / 2);
+				if (!(l < 0 || u < 0 || l + b > a || u + x > o) && Le({
 					maskBits: r,
 					maskRowStride: i,
 					maskW: a,
@@ -448,7 +448,7 @@ async function Ye({ baseBitmap: e, baseFontSize: t, minimumScaleFactor: n, maskB
 						maxX: w,
 						maxY: re
 					};
-					return Le({
+					return Re({
 						maskBits: r,
 						maskRowStride: i,
 						maskW: a,
@@ -459,14 +459,14 @@ async function Ye({ baseBitmap: e, baseFontSize: t, minimumScaleFactor: n, maskB
 					}), d;
 				}
 			}
-			ie += _, ae & 1023 || await ee();
+			T += _, ie & 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({
+async function Ze({ 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 Xe({
 		baseBitmap: e,
 		baseFontSize: t,
 		minimumScaleFactor: n,
@@ -489,7 +489,7 @@ async function Xe({ baseBitmap: e, baseFontSize: t, minimumScaleFactor: n, maskB
 		maybeYield: h,
 		proximity: g,
 		minimumVisualPadding: _.minimumVisualPadding
-	}) || await Ye({
+	}) || await Xe({
 		baseBitmap: e,
 		baseFontSize: t,
 		minimumScaleFactor: n,
@@ -514,28 +514,28 @@ async function Xe({ baseBitmap: e, baseFontSize: t, minimumScaleFactor: n, maskB
 		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 Qe({ words: e, proximity: t = 0, svg: n, strictPixelPadding: r, quality: i = Oe, onProgress: a, debugTiming: o = !1 }) {
+	let s = Ke(), 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);
+	let d = n.width, f = n.height, p = Math.round(d), m = Math.round(f), h = ke(i), g = je(h.spiralStep), _ = je(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) => ({
+	let w = Math.max(p, m), re = Math.floor(p / 2), T = Math.floor(m / 2), ie = [...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({
+	}))].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 = qe({
 			value: i.value,
 			minimumValue: ne,
 			maximumValue: y,
 			configuredMinimumFontSize: v,
 			maximumFontSize: ee
-		}), c = He({
+		}), c = Ue({
 			word: i,
 			fontSize: s,
 			pad: t,
@@ -547,7 +547,7 @@ async function Ze({ words: e, proximity: t = 0, svg: n, strictPixelPadding: r, q
 			await u();
 			continue;
 		}
-		let se = await Xe({
+		let oe = await Ze({
 			baseBitmap: d,
 			baseFontSize: s,
 			minimumScaleFactor: Math.max(1 / s, .1),
@@ -556,9 +556,9 @@ async function Ze({ words: e, proximity: t = 0, svg: n, strictPixelPadding: r, q
 			maskWidth: p,
 			maskHeight: m,
 			centerX: re,
-			centerY: ie,
+			centerY: T,
 			maximumRadius: w,
-			scaleStep: oe,
+			scaleStep: ae,
 			strictPixelPadding: r,
 			bitmapKey: l,
 			minimumFontSize: 1,
@@ -569,31 +569,31 @@ async function Ze({ words: e, proximity: t = 0, svg: n, strictPixelPadding: r, q
 			primarySpiral: g,
 			fallbackSpiral: _
 		});
-		if (se && (T.push(se), a && T.length > o)) {
-			let e = T[T.length - 1];
+		if (oe && (E.push(oe), a && E.length > o)) {
+			let e = E[E.length - 1];
 			a({
 				word: e,
-				all: T
+				all: E
 			});
 		}
 		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);
+	if (!E.length) return [];
+	Ge(E, p, m);
+	let oe = s() - c;
+	return o && typeof console < "u" && console.log && console.log("[vue-data-ui][word-cloud] positionWordsAsync:", `${oe.toFixed(2)} ms for ${e.length} words`), E.sort((e, t) => t.fontSize - e.fontSize);
 }
 //#endregion
 //#region src/components/vue-ui-word-cloud.vue
-var H = /* @__PURE__ */ e({ default: () => dt }), Qe = [
+var H = /* @__PURE__ */ e({ default: () => ft }), $e = [
 	"id",
 	"data-resizing",
 	"data-relayout"
-], $e = ["id"], et = { style: { position: "relative" } }, tt = [
+], et = ["id"], tt = { style: { position: "relative" } }, nt = [
 	"aria-describedby",
 	"xmlns",
 	"viewBox"
-], nt = ["width", "height"], rt = ["transform"], it = ["transform"], at = [
+], rt = ["width", "height"], it = ["transform"], at = ["transform"], ot = [
 	"data-a11y-word-index",
 	"x",
 	"y",
@@ -603,14 +603,14 @@ var H = /* @__PURE__ */ e({ default: () => dt }), Qe = [
 	"onMouseover",
 	"onMouseleave",
 	"onClick"
-], ot = [
+], st = [
 	"fill",
 	"font-weight",
 	"font-size",
 	"transform",
 	"stroke",
 	"stroke-width"
-], st = {
+], ct = {
 	key: 0,
 	style: {
 		position: "absolute",
@@ -620,17 +620,17 @@ var H = /* @__PURE__ */ e({ default: () => dt }), Qe = [
 	},
 	"data-dom-to-png-ignore": "",
 	"aria-hidden": "true"
-}, ct = {
+}, lt = {
 	key: 5,
 	class: "vue-data-ui-watermark"
-}, lt = {
+}, ut = {
 	key: 6,
 	"data-dom-to-png-ignore": "",
 	class: "reset-wrapper"
-}, ut = { style: {
+}, dt = { style: {
 	display: "flex",
 	"align-items": "center"
-} }, dt = /*#__PURE__*/ w({
+} }, ft = /*#__PURE__*/ re({
 	__name: "vue-ui-word-cloud",
 	props: {
 		config: {
@@ -647,25 +647,25 @@ var H = /* @__PURE__ */ e({ default: () => dt }), Qe = [
 		}
 	},
 	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-UfoQuPMf.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({
+	setup(e, { expose: re, emit: De }) {
+		let Oe = j(() => import("./Tooltip-hhrkQ3Lk.js")), ke = j(() => import("./BaseIcon-D8R6_sKH.js").then((e) => e.n)), Ae = j(() => import("./vue-ui-accordion-DmkL8A59.js").then((e) => e.n)), je = j(() => import("./DataTable-oiM9uWrQ.js")), Me = j(() => import("./PenAndPaper-KFzKlvbi.js").then((e) => e.t)), Ne = j(() => import("./UserOptions-2x4VklMW.js").then((e) => e.n)), Pe = j(() => import("./PackageVersion-KBMdaOXg.js").then((e) => e.t)), Fe = j(() => import("./BaseDraggableDialog-Gm4Q30j0.js").then((e) => e.n)), { vue_ui_word_cloud: Ie } = ee(), { isThemeValid: Le, warnInvalidTheme: Re } = x(), z = e, ze = De, Be = D({
 			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({
+		}), B = F(h()), Ve = F(0), V = F(null), He = F(null), Ue = F(null), We = F(0), Ge = F(0), Ke = F(!1), qe = F(null), Je = F(null), Ye = F(!1), Xe = F(!1), Ze = F(null), H = F(null), ft = 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({
+		}), pt = F("pointer"), mt = F(!1), U = F(Et()), W = D(() => U.value.userOptions), G = D(() => U.value.style.chart.tooltip), ht = D(() => U.value.style.chart.controls), K = D(() => U.value.style.chart.words), q = D(() => U.value.style.chart);
+		_({
 			config: () => U.value,
 			dataset: () => z.dataset,
 			component: "VueUiWordCloud",
-			rules: [_.noHint]
+			rules: [v.noHint]
 		});
-		let ht = E(() => U.value.userOptions.useCursorPointer), gt = E(() => u({
+		let gt = D(() => U.value.userOptions.useCursorPointer), _t = D(() => d({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },
@@ -683,10 +683,10 @@ var H = /* @__PURE__ */ e({ default: () => dt }), Qe = [
 				} }
 			},
 			userConfig: U.value.skeletonConfig ?? {}
-		})), { loading: _t, FINAL_DATASET: vt, manualLoading: yt } = te({
-			...we(z),
+		})), { loading: vt, FINAL_DATASET: yt, manualLoading: bt } = ne({
+			...Te(z),
 			FINAL_CONFIG: U,
-			prepareConfig: Tt,
+			prepareConfig: Et,
 			callback: () => {
 				Promise.resolve().then(() => {
 					Z.value.showTable = U.value.table.show, Z.value.showTooltip = G.value.show, Z.value.showZoom = q.value.zoom.show;
@@ -886,29 +886,29 @@ var H = /* @__PURE__ */ e({ default: () => dt }), Qe = [
 					value: 1
 				}
 			],
-			skeletonConfig: u({
+			skeletonConfig: d({
 				defaultConfig: U.value,
-				userConfig: gt.value
+				userConfig: _t.value
 			})
-		}), bt = F(xt());
-		function xt() {
-			return typeof vt.value == "string" ? i(vt.value) : vt.value.map((e, t) => ({
+		}), xt = F(St());
+		function St() {
+			return typeof yt.value == "string" ? i(yt.value) : yt.value.map((e, t) => ({
 				...e,
-				value: d(e.value)
+				value: f(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({
+		let { userOptionsVisible: Ct, setUserOptionsVisibility: wt, keepUserOptionState: Tt } = ae({ config: U.value }), { svgRef: J } = oe({ config: q.value.title });
+		function Et() {
+			let e = b({
 				userConfig: z.config,
-				defaultConfig: Fe
+				defaultConfig: Ie
 			}), t = e.theme;
 			if (!t) return e;
-			if (!Ie.value(e)) return Le(e), e;
-			let n = y({
+			if (!Le.value(e)) return Re(e), e;
+			let n = b({
 				userConfig: ce[t] || z.config,
 				defaultConfig: e
-			}), r = y({
+			}), r = b({
 				userConfig: z.config,
 				defaultConfig: n
 			});
@@ -917,29 +917,42 @@ var H = /* @__PURE__ */ e({ default: () => dt }), Qe = [
 				customPalette: r.customPalette.length ? r.customPalette : l[t] || a
 			};
 		}
-		let Et = F({
+		let Dt = F({
 			x: 0,
 			y: 0
 		});
-		function Dt() {
+		function Ot() {
 			let e = {
 				x: 0,
 				y: 0,
 				width: Math.max(10, Y.value.width),
 				height: Math.max(10, Y.value.height)
 			};
-			nn(e), Et.value = {
+			on(e), Dt.value = {
 				x: e.x + e.width / 2,
 				y: e.y + e.height / 2
-			}, en();
+			}, rn();
+		}
+		let kt = T(() => {
+			Wt();
+		}, 100), At = F(!1);
+		Ee(() => At.value, (e) => {
+			e === !1 && (Xe.value = !0, kt(), Ot());
+		});
+		function jt(e) {
+			let t = u(e);
+			return t?.style?.chart && delete t.style.chart.tooltip, JSON.stringify(t);
 		}
-		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;
+		let Mt = jt(z.config);
+		Ee(() => z.config, (e, t) => {
+			let n = jt(e), r = n !== Mt;
+			Mt = n;
+			let i = Et();
+			if (!r) {
+				U.value.style.chart.tooltip = i.style.chart.tooltip, Z.value.showTooltip = U.value.style.chart.tooltip.show;
+				return;
+			}
+			U.value = i, Ct.value = !U.value.userOptions.showOnChartHover, Lt(), We.value += 1, Ge.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,
@@ -947,45 +960,45 @@ var H = /* @__PURE__ */ e({ default: () => dt }), Qe = [
 			maxFontSize: K.value.maxFontSize,
 			minFontSize: K.value.minFontSize,
 			bold: K.value.bold
-		}), At = re(() => {
+		}), Nt = T(() => {
 			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
+				title: q.value.title.text ? He.value : null,
+				legend: ht.value.show ? Ze.value?.$el : null,
+				source: Ue.value
 			});
 			requestAnimationFrame(async () => {
-				Y.value.width = Math.max(10, e), Y.value.height = Math.max(10, t - 12), await he(), kt.value = !1;
+				Y.value.width = Math.max(10, e), Y.value.height = Math.max(10, t - 12), await ge(), At.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({
+		}, 100), Pt = () => {
+			At.value = !0, Nt();
+		}, X = Ce(null), Ft = Ce(null);
+		be(Lt);
+		let It = D(() => U.value.debug);
+		function Lt() {
+			o(z.dataset) ? m({
 				componentName: "VueUiWordCloud",
 				type: "dataset",
-				debug: Nt.value
-			}) : bt.value.forEach((e, t) => {
-				f({
+				debug: It.value
+			}) : xt.value.forEach((e, t) => {
+				p({
 					datasetObject: e,
 					requiredAttributes: ["name", "value"]
 				}).forEach((e) => {
-					ze.value = !1, p({
+					Be.value = !1, m({
 						componentName: "VueUiWordCloud",
 						type: "datasetSerieAttribute",
 						property: e,
 						index: t,
-						debug: Nt.value
+						debug: It.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();
+			}), o(z.dataset) || (bt.value = U.value.loading), U.value.responsive && (X.value && (Ft.value && X.value.unobserve(Ft.value), X.value.disconnect()), X.value = new ResizeObserver(Pt), Ft.value = V.value.parentNode, X.value.observe(Ft.value)), Ot();
 		}
-		ve(() => {
-			X.value && (Mt.value && X.value.unobserve(Mt.value), X.value.disconnect());
+		ye(() => {
+			X.value && (Ft.value && X.value.unobserve(Ft.value), X.value.disconnect());
 		});
-		let { isPrinting: Ft, isImaging: It, generatePdf: Lt, generateImage: Rt } = ee({
+		let { isPrinting: Rt, isImaging: zt, generatePdf: Bt, generateImage: Vt } = te({
 			elementId: `wordCloud_${B.value}`,
 			fileName: q.value.title.text || "vue-ui-word-cloud",
 			options: U.value.userOptions.print
@@ -994,22 +1007,22 @@ var H = /* @__PURE__ */ e({ default: () => dt }), Qe = [
 			showTooltip: G.value.show,
 			showZoom: q.value.zoom.show
 		});
-		Te(U, () => {
+		Ee(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") {
+		function Ht(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 Q = F([]), Ut = /* @__PURE__ */ new Map();
+		function Wt() {
+			let e = [...xt.value].map((e) => e.value), t = Math.max(...e), n = Math.min(...e), r = [...xt.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);
+				let o = Ht(e.name, i);
 				return {
 					...e,
 					id: e.id ?? `${e.name}__${r}`,
@@ -1019,8 +1032,8 @@ var H = /* @__PURE__ */ e({ default: () => dt }), Qe = [
 					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,
+			Q.value.length = 0, Ut.clear(), Qe({
+				debugTiming: It.value,
 				words: r,
 				svg: Y.value,
 				proximity: K.value.proximity,
@@ -1028,28 +1041,28 @@ var H = /* @__PURE__ */ e({ default: () => dt }), Qe = [
 				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 });
+						let e = t.id, n = Ut.get(e);
+						if (n === void 0) n = Q.value.length, Ut.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;
+			}), Q.value.sort((e, t) => t.fontSize - e.fontSize), Ut.clear(), Q.value.forEach((e, t) => {
+				Ut.set(e.id, t);
+			}), Ye.value = !0, Xe.value = !1;
 		}
-		let Ht = E(() => ({
+		let Gt = D(() => ({
 			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 = [
+		function Kt(e = null) {
+			ge(() => {
+				let n = Gt.value.head.map((e, t) => [[e.name], [Gt.value.body[t]]]), i = [
 					[q.value.title.text],
 					[q.value.title.subtitle.text],
 					[[""], [U.value.table.columnNames.value]]
@@ -1060,11 +1073,11 @@ var H = /* @__PURE__ */ e({ default: () => dt }), Qe = [
 				});
 			});
 		}
-		let Wt = E(() => {
-			let e = [U.value.table.columnNames.series, U.value.table.columnNames.value], t = Ht.value.head.map((e, t) => {
+		let qt = D(() => {
+			let e = [U.value.table.columnNames.series, U.value.table.columnNames.value], t = Gt.value.head.map((e, t) => {
 				let n = c({
 					p: U.value.table.td.prefix,
-					v: Ht.value.body[t],
+					v: Gt.value.body[t],
 					s: U.value.table.td.suffix,
 					r: U.value.table.td.roundingValue
 				});
@@ -1093,37 +1106,37 @@ var H = /* @__PURE__ */ e({ default: () => dt }), Qe = [
 				config: r
 			};
 		}), $ = F(!1);
-		function Gt(e) {
-			$.value = e, Be.value += 1;
+		function Jt(e) {
+			$.value = e, Ve.value += 1;
 		}
-		function Kt() {
+		function Yt() {
 			return Q.value;
 		}
-		function qt() {
+		function Xt() {
 			Z.value.showTable = !Z.value.showTable;
 		}
-		function Jt() {
+		function Zt() {
 			Z.value.showTooltip = !Z.value.showTooltip;
 		}
-		let Yt = F(!1);
-		function Xt() {
-			Yt.value = !Yt.value;
+		let Qt = F(!1);
+		function $t() {
+			Qt.value = !Qt.value;
 		}
-		function Zt() {
+		function en() {
 			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, {
+		let tn = D(() => !Qt.value && Z.value.showZoom), { viewBox: nn, resetZoom: rn, isZoom: an, setInitialViewBox: on, zoomByFactor: sn, scale: cn } = 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());
+		}, 1, tn);
+		Ee(() => z.dataset, () => {
+			xt.value = St(), U.value.responsive || (Wt(), Ot());
 		}, { immediate: !0 });
-		async function on({ scale: e = 2 } = {}) {
+		async function ln({ scale: e = 2 } = {}) {
 			if (!V.value) return;
-			let { width: t, height: n } = V.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await S({
+			let { width: t, height: n } = V.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await C({
 				domElement: V.value,
 				base64: !0,
 				img: !0,
@@ -1138,10 +1151,10 @@ var H = /* @__PURE__ */ e({ default: () => dt }), Qe = [
 				aspectRatio: r
 			};
 		}
-		let sn = E(() => {
+		let un = D(() => {
 			let e = U.value.table.useDialog && !U.value.table.show, t = Z.value.showTable;
 			return {
-				component: e ? Pe : ke,
+				component: e ? Fe : Ae,
 				title: `${q.value.title.text}${q.value.title.subtitle.text ? `: ${q.value.title.subtitle.text}` : ""}`,
 				props: e ? {
 					backgroundColor: U.value.table.th.backgroundColor,
@@ -1151,7 +1164,7 @@ var H = /* @__PURE__ */ e({ default: () => dt }), Qe = [
 					isFullscreen: $.value,
 					fullscreenParent: V.value,
 					forcedWidth: Math.min(500, window.innerWidth * .8),
-					isCursorPointer: ht.value
+					isCursorPointer: gt.value
 				} : {
 					hideDetails: !0,
 					config: {
@@ -1169,83 +1182,83 @@ var H = /* @__PURE__ */ e({ default: () => dt }), Qe = [
 				}
 			};
 		});
-		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());
+		Ee(() => Z.value.showTable, (e) => {
+			U.value.table.show || (e && U.value.table.useDialog && qe.value ? qe.value.open() : "close" in qe.value && qe.value.close());
 		});
-		function cn() {
-			Z.value.showTable = !1, qe.value && qe.value.setTableIconState(!1);
+		function dn() {
+			Z.value.showTable = !1, Je.value && Je.value.setTableIconState(!1);
 		}
-		let ln = E(() => q.value.backgroundColor), un = E(() => q.value.title), { isCallbackImaging: dn, isCallbackSvg: fn, generateSvg: pn, onGenerateImage: mn } = x({
+		let fn = D(() => q.value.backgroundColor), pn = D(() => q.value.title), { isCallbackImaging: mn, isCallbackSvg: hn, generateSvg: gn, onGenerateImage: _n } = S({
 			svg: J,
-			title: un,
+			title: pn,
 			legend: null,
 			legendItems: null,
-			backgroundColor: ln,
+			backgroundColor: fn,
 			getSvgCallback: () => U.value.userOptions.callbacks.svg,
-			generateImage: Rt
+			generateImage: Vt
 		});
-		function hn() {
-			rn(1.5, !0);
+		function vn() {
+			sn(1.5, !0);
 		}
-		function gn() {
-			rn(1 / 1.5, !0);
+		function yn() {
+			sn(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;
+		let bn = F(null), xn = F(!1), Sn = F(""), Cn = F(null);
+		function wn() {
+			bn.value = null, H.value = null, Ke.value = !1;
 		}
-		function Sn(e, t) {
+		function Tn(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);
+			}), (H.value !== t || pt.value !== "keyboard") && (bn.value = null, Ke.value = !1);
 		}
-		function Cn(e, t) {
+		function En(e, t) {
 			U.value.events.datapointClick && U.value.events.datapointClick({
 				datapoint: e,
 				seriesIndex: t
 			});
 		}
-		function wn(e) {
+		function Dn(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 = {
+			ft.value = {
 				x: n.left + n.width / 2,
 				y: n.top + n.height / 2
 			};
 		}
-		function Tn(e, t, r = "pointer") {
+		function On(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 = {
+			pt.value = r, H.value = t, bn.value = e.id, Cn.value = {
 				datapoint: e,
 				config: U.value,
 				seriesIndex: t
 			};
 			let i = G.value.customFormat;
-			if (vn.value = !1, n(i)) try {
+			if (xn.value = !1, n(i)) try {
 				let t = i({
 					datapoint: e,
 					config: U.value
 				});
-				typeof t == "string" && (yn.value = t, vn.value = !0);
+				typeof t == "string" && (Sn.value = t, xn.value = !0);
 			} catch {
-				console.warn("Custom format cannot be applied."), vn.value = !1;
+				console.warn("Custom format cannot be applied."), xn.value = !1;
 			}
-			if (!vn.value) {
+			if (!xn.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>`;
+				Sn.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;
+			r === "keyboard" && ge(() => {
+				Dn(t);
+			}), Ke.value = !0;
 		}
-		async function En() {
-			if (Re("copyAlt", {
+		async function kn() {
+			if (ze("copyAlt", {
 				config: U.value,
 				dataset: Q.value
 			}), !U.value.userOptions.callbacks.altCopy) {
@@ -1257,72 +1270,72 @@ var H = /* @__PURE__ */ e({ default: () => dt }), Qe = [
 				dataset: Q.value
 			}));
 		}
-		function Dn() {
-			H.value = null, pt.value = !0;
+		function An() {
+			H.value = null, mt.value = !0;
 		}
-		function On() {
-			xn(), pt.value = !1;
+		function jn() {
+			wn(), mt.value = !1;
 		}
-		function kn(e) {
-			if (!J.value || Yt.value || document.activeElement !== J.value || !Q.value.length) return;
+		function Mn(e) {
+			if (!J.value || Qt.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();
+				wn();
 				return;
 			}
 			if (r) {
 				if (H.value === null) return;
 				let e = Q.value[H.value];
 				if (!e) return;
-				Cn(e, H.value);
+				En(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");
+			o && On(o, a, "keyboard");
 		}
-		let An = E(() => ({
-			headers: Wt.value?.colNames ?? [],
-			rows: Wt.value?.a11yBody ?? []
+		let Nn = D(() => ({
+			headers: qt.value?.colNames ?? [],
+			rows: qt.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", {
+		return re({
+			getData: Yt,
+			getImage: ln,
+			generateCsv: Kt,
+			generatePdf: Bt,
+			generateImage: Vt,
+			generateSvg: gn,
+			resetZoom: rn,
+			toggleTable: Xt,
+			toggleTooltip: Zt,
+			toggleAnnotator: $t,
+			toggleFullscreen: Jt,
+			toggleZoom: en,
+			copyAlt: kn
+		}), (e, t) => (P(), A("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),
+			"data-resizing": At.value,
+			"data-relayout": Xe.value,
+			style: ve(`width: 100%; font-family:${U.value.style.fontFamily};background:${q.value.backgroundColor};${U.value.responsive ? "height:100%" : ""}`),
+			onMouseenter: t[3] ||= () => L(wt)(!0),
 			onMouseleave: t[4] ||= () => {
-				L(Ct)(!1), pt.value || xn();
+				L(wt)(!1), mt.value || wn();
 			}
 		}, [
-			A("div", {
+			de("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, {
+			}, [de("p", null, we(U.value.a11y.translations.keyboardNavigation), 1)], 8, et),
+			Nn.value?.rows?.length ? (P(), O(E, {
 				key: 0,
 				uid: B.value,
-				head: An.value.headers,
-				body: An.value.rows,
+				head: Nn.value.headers,
+				body: Nn.value.rows,
 				notice: U.value.a11y.translations.tableAvailable,
 				caption: U.value.a11y.translations.tableCaption
 			}, null, 8, [
@@ -1331,16 +1344,16 @@ var H = /* @__PURE__ */ e({ default: () => dt }), Qe = [
 				"body",
 				"notice",
 				"caption"
-			])) : O("", !0),
-			W.value.buttons.annotator ? (P(), D(L(je), {
+			])) : k("", !0),
+			W.value.buttons.annotator ? (P(), O(L(Me), {
 				key: 1,
 				svgRef: L(J),
 				backgroundColor: q.value.backgroundColor,
 				color: q.value.color,
-				active: Yt.value,
-				isCursorPointer: ht.value,
+				active: Qt.value,
+				isCursorPointer: gt.value,
 				palette: W.value.annotatorPalette,
-				onClose: Xt
+				onClose: $t
 			}, {
 				"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)]),
@@ -1356,27 +1369,27 @@ var H = /* @__PURE__ */ e({ default: () => dt }), Qe = [
 				"active",
 				"isCursorPointer",
 				"palette"
-			])) : O("", !0),
-			q.value.title.text ? (P(), k("div", {
+			])) : k("", !0),
+			q.value.title.text ? (P(), A("div", {
 				key: 2,
 				ref_key: "chartTitle",
-				ref: Ve,
+				ref: He,
 				style: "width:100%;background:transparent;padding-bottom:24px"
-			}, [(P(), D(C, {
-				key: `title_${Ue.value}`,
+			}, [(P(), O(w, {
+				key: `title_${We.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), {
+			}, null, 8, ["config"]))], 512)) : k("", !0),
+			W.value.show && Be.value && (L(Tt) || L(Ct)) ? (P(), O(L(Ne), {
 				ref_key: "userOptionsRef",
-				ref: qe,
-				key: `user_option_${Be.value}`,
+				ref: Je,
+				key: `user_option_${Ve.value}`,
 				backgroundColor: q.value.backgroundColor,
 				color: q.value.color,
-				isPrinting: L(Ft),
-				isImaging: L(It),
+				isPrinting: L(Rt),
+				isImaging: L(zt),
 				uid: B.value,
 				hasPdf: W.value.buttons.pdf,
 				hasXls: W.value.buttons.csv,
@@ -1392,25 +1405,25 @@ var H = /* @__PURE__ */ e({ default: () => dt }), Qe = [
 				hasTooltip: G.value.show && W.value.buttons.tooltip,
 				isTooltip: Z.value.showTooltip,
 				hasAnnotator: W.value.buttons.annotator,
-				isAnnotation: Yt.value,
+				isAnnotation: Qt.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 }, [
+				isCursorPointer: gt.value,
+				onToggleFullscreen: Jt,
+				onGeneratePdf: L(Bt),
+				onGenerateCsv: Kt,
+				onGenerateImage: L(_n),
+				onGenerateSvg: L(gn),
+				onToggleTable: Xt,
+				onToggleTooltip: Zt,
+				onToggleAnnotator: $t,
+				onToggleZoom: en,
+				onCopyAlt: kn,
+				style: ve({ visibility: L(Tt) ? L(Ct) ? "visible" : "hidden" : "visible" })
+			}, fe({ _: 2 }, [
 				e.$slots.menuIcon ? {
 					name: "menuIcon",
 					fn: R(({ isOpen: t, color: n }) => [I(e.$slots, "menuIcon", N(M({
@@ -1488,57 +1501,57 @@ var H = /* @__PURE__ */ e({ default: () => dt }), Qe = [
 					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, {
+			]), 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),
+			ht.value.position === "top" && ht.value.show && !L(vt) ? (P(), O(le, {
 				key: 4,
 				ref_key: "zoomControls",
-				ref: Xe,
+				ref: Ze,
 				config: U.value,
-				scale: L(an),
+				scale: L(cn),
 				isFullscreen: $.value,
-				isCursorPointer: ht.value,
-				onZoomIn: hn,
-				onZoomOut: gn,
-				onResetZoom: t[0] ||= (e) => L(en)(!0)
+				isCursorPointer: gt.value,
+				onZoomIn: vn,
+				onZoomOut: yn,
+				onResetZoom: t[0] ||= (e) => L(rn)(!0)
 			}, null, 8, [
 				"config",
 				"scale",
 				"isFullscreen",
 				"isCursorPointer"
-			])) : O("", !0),
-			A("div", et, [(P(), k("svg", {
+			])) : k("", !0),
+			de("div", tt, [(P(), A("svg", {
 				ref_key: "svgRef",
 				ref: J,
-				class: ge({
+				class: _e({
 					"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}`,
+				xmlns: L(g),
+				viewBox: `${L(nn).x} ${L(nn).y} ${L(nn).width} ${L(nn).height}`,
 				style: "overflow:hidden;background:transparent;display:block",
 				tabindex: "0",
-				onFocus: Dn,
-				onBlur: On,
-				onKeydown: kn
+				onFocus: An,
+				onBlur: jn,
+				onKeydown: Mn
 			}, [
-				pe(L(Ne)),
-				e.$slots["chart-background"] ? (P(), k("foreignObject", {
+				me(L(Pe)),
+				e.$slots["chart-background"] ? (P(), A("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", {
+				}, [I(e.$slots, "chart-background", {}, void 0, !0)], 8, rt)) : k("", !0),
+				de("g", {
+					transform: `translate(${Dt.value.x}, ${Dt.value.y})`,
+					class: _e({ "wc-finalized": Ye.value })
+				}, [(P(!0), A(ue, null, xe(Q.value, (e, t) => (P(), A("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", {
+				}, [e.minX === void 0 ? k("", !0) : (P(), A("rect", {
 					key: 0,
 					"data-a11y-word-index": `${t}-${B.value}`,
 					x: e.minX,
@@ -1548,10 +1561,10 @@ var H = /* @__PURE__ */ e({ default: () => dt }), Qe = [
 					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", {
+					onMouseover: (n) => On(e, t),
+					onMouseleave: (n) => Tn(e, t),
+					onClick: (n) => En(e, t)
+				}, null, 40, ot)), de("text", {
 					fill: e.color,
 					"font-weight": K.value.bold ? "bold" : "normal",
 					x: 0,
@@ -1561,46 +1574,46 @@ var H = /* @__PURE__ */ e({ default: () => dt }), Qe = [
 					"text-anchor": "middle",
 					"dominant-baseline": "central",
 					"paint-order": "stroke fill",
-					stroke: !_n.value || _n.value === e.id ? K.value.selectedStroke : void 0,
+					stroke: !bn.value || bn.value === e.id ? K.value.selectedStroke : void 0,
 					"stroke-width": e.height * .05,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
-					style: _e(`
+					style: ve(`
                                 pointer-events:none;
-                                fill-opacity:${!_n.value || _n.value === e.id || !Je.value ? 1 : K.value.hoverOpacity} !important;
+                                fill-opacity:${!bn.value || bn.value === e.id || !Ye.value ? 1 : K.value.hoverOpacity} !important;
                             `)
-				}, Ce(e.name), 13, ot)], 8, it))), 128))], 10, rt),
+				}, we(e.name), 13, st)], 8, at))), 128))], 10, it),
 				I(e.$slots, "svg", { svg: {
 					...Y.value,
-					isPrintingImg: L(Ft) || L(It) || L(dn),
-					isPrintingSvg: L(fn)
+					isPrintingImg: L(Rt) || L(zt) || L(mn),
+					isPrintingSvg: L(hn)
 				} }, void 0, !0)
-			], 42, tt)), e.$slots.hint ? (P(), k("div", st, [I(e.$slots, "hint", N(M({
+			], 42, nt)), e.$slots.hint ? (P(), A("div", ct, [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, {
+				isVisible: mt.value
+			})), void 0, !0)])) : k("", !0)]),
+			e.$slots.watermark ? (P(), A("div", lt, [I(e.$slots, "watermark", N(M({ isPrinting: L(Rt) || L(zt) || L(mn) || L(hn) })), void 0, !0)])) : k("", !0),
+			L(an) ? (P(), A("div", ut, [I(e.$slots, "reset-action", { reset: L(rn) }, void 0, !0)])) : k("", !0),
+			ht.value.position === "bottom" && ht.value.show && !L(vt) ? (P(), O(le, {
 				key: 7,
 				ref_key: "zoomControls",
-				ref: Xe,
+				ref: Ze,
 				config: U.value,
-				scale: L(an),
+				scale: L(cn),
 				isFullscreen: $.value,
-				isCursorPointer: ht.value,
-				onZoomIn: hn,
-				onZoomOut: gn,
-				onResetZoom: t[1] ||= (e) => L(en)(!0)
+				isCursorPointer: gt.value,
+				onZoomIn: vn,
+				onZoomOut: yn,
+				onResetZoom: t[1] ||= (e) => L(rn)(!0)
 			}, null, 8, [
 				"config",
 				"scale",
 				"isFullscreen",
 				"isCursorPointer"
-			])) : O("", !0),
-			pe(L(De), {
+			])) : k("", !0),
+			me(L(Oe), {
 				teleportTo: G.value.teleportTo,
-				show: Z.value.showTooltip && Ge.value,
+				show: Z.value.showTooltip && Ke.value,
 				backgroundColor: G.value.backgroundColor,
 				color: G.value.color,
 				fontSize: G.value.fontSize,
@@ -1612,19 +1625,19 @@ var H = /* @__PURE__ */ e({ default: () => dt }), Qe = [
 				offsetX: G.value.offsetX,
 				offsetY: G.value.offsetY,
 				parent: V.value,
-				content: yn.value,
-				isCustom: vn.value,
+				content: Sn.value,
+				isCustom: xn.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
+				isA11yMode: pt.value === "keyboard",
+				a11yPosition: ft.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)]),
+				"tooltip-before": R(() => [I(e.$slots, "tooltip-before", N(M({ ...Cn.value })), void 0, !0)]),
+				tooltip: R(() => [I(e.$slots, "tooltip", N(M({ ...Cn.value })), void 0, !0)]),
+				"tooltip-after": R(() => [I(e.$slots, "tooltip-after", N(M({ ...Cn.value })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"teleportTo",
@@ -1650,30 +1663,30 @@ var H = /* @__PURE__ */ e({ default: () => dt }), Qe = [
 				"isA11yMode",
 				"a11yPosition"
 			]),
-			e.$slots.source ? (P(), k("div", {
+			e.$slots.source ? (P(), A("div", {
 				key: 8,
 				ref_key: "source",
-				ref: He,
+				ref: Ue,
 				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, {
+			}, [I(e.$slots, "source", {}, void 0, !0)], 512)) : k("", !0),
+			Be.value && W.value.buttons.table ? (P(), O(Se(un.value.component), he({ key: 9 }, un.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,
+				ref: qe,
+				onClose: dn
+			}), fe({
+				content: R(() => [(P(), O(L(je), {
+					key: `table_${Ge.value}`,
+					colNames: qt.value.colNames,
+					head: qt.value.head,
+					body: qt.value.body,
+					config: qt.value.config,
+					title: U.value.table.useDialog ? "" : un.value.title,
 					withCloseButton: !U.value.table.useDialog,
-					isCursorPointer: ht.value,
-					onClose: cn
+					isCursorPointer: gt.value,
+					onClose: dn
 				}, {
-					th: R(({ th: e }) => [A("div", ut, Ce(e), 1)]),
-					td: R(({ td: e }) => [fe(Ce(e.name || e), 1)]),
+					th: R(({ th: e }) => [de("div", dt, we(e), 1)]),
+					td: R(({ td: e }) => [pe(we(e.name || e), 1)]),
 					_: 1
 				}, 8, [
 					"colNames",
@@ -1687,24 +1700,24 @@ var H = /* @__PURE__ */ e({ default: () => dt }), Qe = [
 				_: 2
 			}, [U.value.table.useDialog ? {
 				name: "title",
-				fn: R(() => [fe(Ce(sn.value.title), 1)]),
+				fn: R(() => [pe(we(un.value.title), 1)]),
 				key: "0"
 			} : void 0, U.value.table.useDialog ? {
 				name: "actions",
-				fn: R(() => [A("button", {
+				fn: R(() => [de("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), {
+					onClick: t[2] ||= (e) => Kt(W.value.callbacks.csv),
+					style: ve({ cursor: gt.value ? "pointer" : "default" })
+				}, [me(L(ke), {
 					name: "fileCsv",
-					stroke: sn.value.props.color
+					stroke: un.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));
+			} : void 0]), 1040)) : k("", !0),
+			I(e.$slots, "skeleton", {}, () => [L(vt) ? (P(), O(y, { key: 0 })) : k("", !0)], !0)
+		], 44, $e));
 	}
-}, [["__scopeId", "data-v-e14e4b0d"]]);
+}, [["__scopeId", "data-v-aa6e09c8"]]);
 //#endregion
-export { H as n, dt as t };
+export { H as n, ft as t };