vue-data-ui 3.22.6 → 3.22.7

package/dist/{vue-ui-wheel-DRP7X8S2.js → vue-ui-wheel-CeVwXtEX.js}

@@ -1,13 +1,13 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Dt as t, Lt as n, Q as r, Tt as i, W as a, Wt as o, i as s, q as c, t as l, v as u, wt as d } from "./lib-DRBJCmHW.js";
+import { Et as t, Gt as n, Ot as r, Q as i, Rt as a, Tt as o, W as s, i as c, q as l, t as u, v as d } from "./lib-EAmk-PgA.js";
 import { t as f } from "./useConfig-DYM3f6EI.js";
-import { t as p } from "./usePrinter-CRp5IW3v.js";
+import { t as p } from "./usePrinter-DnGzpp6Q.js";
 import { n as m, t as h } from "./BaseScanner-DZvpgOjM.js";
 import { t as g } from "./useSvgExport-SVIsDot8.js";
-import { t as _ } from "./useNestedProp-BEo2N1Db.js";
+import { t as _ } from "./useNestedProp-D8XqxgOU.js";
 import { t as v } from "./useThemeCheck-C43Tcqmk.js";
-import { t as y } from "./img-B_y5qDdm.js";
-import { n as b } from "./Title-C-p0ilWB.js";
+import { t as y } from "./img-B_abIg0o.js";
+import { n as b } from "./Title-PiTKr6sp.js";
 import { t as x } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { c as ee } from "./canvas-lib-BOP_HS11.js";
 import { t as te } from "./useResponsive-BfnK0KxU.js";
@@ -119,7 +119,7 @@ var _e = /* @__PURE__ */ e({ default: () => Re }), ve = ["id"], ye = [
 			c5f7f2ee: It.value,
 			c5f82dc8: Lt.value
 		}));
-		let Re = ce(() => import("./PenAndPaper-Bk2-E7V4.js").then((e) => e.t)), ze = ce(() => import("./UserOptions-BO4VFL8O.js").then((e) => e.n)), Be = ce(() => import("./PackageVersion-Da7hl-34.js").then((e) => e.t)), { vue_ui_wheel: Ve } = f(), { isThemeValid: He, warnInvalidTheme: Ue } = v(), R = re(), z = e, We = _e, Ge = w(() => !!z.dataset && Object.keys(z.dataset).length), B = N(a()), Ke = N(null), qe = N(0), V = N(null), Je = N(null), Ye = N(null), Xe = N(null), Ze = N(0), Qe = N(!1), $e = N(!1), H = N(st()), et = w(() => H.value.userOptions.useCursorPointer), tt = w(() => o({
+		let Re = ce(() => import("./PenAndPaper-gaV1QPpP.js").then((e) => e.t)), ze = ce(() => import("./UserOptions-BL9VlHop.js").then((e) => e.n)), Be = ce(() => import("./PackageVersion-Dse0n05o.js").then((e) => e.t)), { vue_ui_wheel: Ve } = f(), { isThemeValid: He, warnInvalidTheme: Ue } = v(), R = re(), z = e, We = _e, Ge = w(() => !!z.dataset && Object.keys(z.dataset).length), B = N(s()), Ke = N(null), qe = N(0), V = N(null), Je = N(null), Ye = N(null), Xe = N(null), Ze = N(0), Qe = N(!1), $e = N(!1), H = N(st()), et = w(() => H.value.userOptions.useCursorPointer), tt = w(() => n({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				style: { chart: {
@@ -140,7 +140,7 @@ var _e = /* @__PURE__ */ e({ default: () => Re }), ve = ["id"], ye = [
 			FINAL_CONFIG: H,
 			prepareConfig: st,
 			skeletonDataset: z.config?.skeletonDataset ?? { percentage: 50 },
-			skeletonConfig: o({
+			skeletonConfig: n({
 				defaultConfig: H.value,
 				userConfig: tt.value
 			})
@@ -194,7 +194,7 @@ var _e = /* @__PURE__ */ e({ default: () => Re }), ve = ["id"], ye = [
 		});
 		let mt = w(() => !!H.value.debug);
 		function ht() {
-			if (t(z.dataset) && r({
+			if (r(z.dataset) && i({
 				componentName: "VueUiWheel",
 				type: "dataset",
 				debug: mt.value
@@ -238,10 +238,10 @@ var _e = /* @__PURE__ */ e({ default: () => Re }), ve = ["id"], ye = [
 			let n = e.replace("#", ""), r = parseInt(n.substring(0, 2), 16), i = parseInt(n.substring(2, 4), 16), a = parseInt(n.substring(4, 6), 16), o = 1 - Math.min(1, Math.max(0, H.value.style.chart.layout.wheel.ticks.shadeColorRatio3d)) * t, s = Math.max(0, Math.min(255, Math.round(r * o))), c = Math.max(0, Math.min(255, Math.round(i * o))), l = Math.max(0, Math.min(255, Math.round(a * o)));
 			return `#${s.toString(16).padStart(2, "0")}${c.toString(16).padStart(2, "0")}${l.toString(16).padStart(2, "0")}`;
 		}
-		function yt({ cx: e, cy: t, radius: r, innerRatio: i = .8, count: a = 120, startDeg: o = 0, axDeg: s = 50, f: c = 520, baseStroke: l = 5, activeColor: u, inactiveColor: d, getActive: f }) {
-			let p = s * Math.PI / 180, m = r, h = r * i, g = [];
-			for (let r = 0; r < a; r += 1) {
-				let i = (r / a * 360 + o) * Math.PI / 180, s = e + m * Math.cos(i), _ = t + m * Math.sin(i), v = e + h * Math.cos(i), y = t + h * Math.sin(i), b = [
+		function yt({ cx: e, cy: t, radius: n, innerRatio: r = .8, count: i = 120, startDeg: o = 0, axDeg: s = 50, f: c = 520, baseStroke: l = 5, activeColor: u, inactiveColor: d, getActive: f }) {
+			let p = s * Math.PI / 180, m = n, h = n * r, g = [];
+			for (let n = 0; n < i; n += 1) {
+				let r = (n / i * 360 + o) * Math.PI / 180, s = e + m * Math.cos(r), _ = t + m * Math.sin(r), v = e + h * Math.cos(r), y = t + h * Math.sin(r), b = [
 					s - e,
 					_ - t,
 					0
@@ -257,9 +257,9 @@ var _e = /* @__PURE__ */ e({ default: () => Re }), ve = ["id"], ye = [
 					ne,
 					re,
 					ie
-				], c), oe = e + C, se = t + w, ce = e + E, O = t + D, le = (Math.max(S, ie) - -m * Math.sin(p)) / (2 * m * Math.sin(p) || 1), k = f ? f(r) : !0, A = H.value.style.chart.layout.wheel.ticks.gradient.show ? n(u, r * Q.value / Z.value * (H.value.style.chart.layout.wheel.ticks.gradient.shiftHueIntensity / 100)) : u, j = vt(k ? A : d, le), ue = Math.max(1.25, l * T * (Math.min(W.value.width, W.value.height) / 360));
+				], c), oe = e + C, se = t + w, ce = e + E, O = t + D, le = (Math.max(S, ie) - -m * Math.sin(p)) / (2 * m * Math.sin(p) || 1), k = f ? f(n) : !0, A = H.value.style.chart.layout.wheel.ticks.gradient.show ? a(u, n * Q.value / Z.value * (H.value.style.chart.layout.wheel.ticks.gradient.shiftHueIntensity / 100)) : u, j = vt(k ? A : d, le), ue = Math.max(1.25, l * T * (Math.min(W.value.width, W.value.height) / 360));
 				g.push({
-					i: r,
+					i: n,
 					x1: oe,
 					y1: se,
 					x2: ce,
@@ -273,7 +273,7 @@ var _e = /* @__PURE__ */ e({ default: () => Re }), ve = ["id"], ye = [
 		}
 		let bt = w(() => {
 			if (!H.value.layout === "3d") return null;
-			let e = Z.value, t = H.value.style.chart.layout.wheel.ticks.gradient.show ? n(H.value.style.chart.layout.wheel.ticks.activeColor, 0) : H.value.style.chart.layout.wheel.ticks.activeColor, r = H.value.style.chart.layout.wheel.ticks.inactiveColor, i = H.value.style.chart.layout.wheel.ticks.strokeWidth;
+			let e = Z.value, t = H.value.style.chart.layout.wheel.ticks.gradient.show ? a(H.value.style.chart.layout.wheel.ticks.activeColor, 0) : H.value.style.chart.layout.wheel.ticks.activeColor, n = H.value.style.chart.layout.wheel.ticks.inactiveColor, r = H.value.style.chart.layout.wheel.ticks.strokeWidth;
 			return yt({
 				cx: K.value.centerX,
 				cy: K.value.centerY,
@@ -283,9 +283,9 @@ var _e = /* @__PURE__ */ e({ default: () => Re }), ve = ["id"], ye = [
 				startDeg: -90,
 				axDeg: H.value.style.chart.layout.wheel.tiltAngle3d,
 				f: Math.min(W.value.width, W.value.height) * 1.45,
-				baseStroke: i,
+				baseStroke: r,
 				activeColor: t,
-				inactiveColor: r,
+				inactiveColor: n,
 				getActive: (e) => q.value > e * Q.value
 			});
 		});
@@ -371,14 +371,14 @@ var _e = /* @__PURE__ */ e({ default: () => Re }), ve = ["id"], ye = [
 				s: d
 			};
 		}
-		function Tt({ cx: e, cy: t, radius: r, innerRatio: i = .8, count: a = 120, startDeg: o = -87, axDeg: s = 45, f: c = 600, activeColor: l, inactiveColor: u, getActive: d, Y: f = 0 }) {
-			let p = s * Math.PI / 180, m = r, h = r * i, g = 2 * Math.PI / a, _ = [];
-			for (let r = 0; r < a; r += 1) {
-				let i = o * Math.PI / 180 + g * r, s = i + g * Math.min(1, H.value.style.chart.layout.wheel.ticks.spacingRatio3d), v = wt({
+		function Tt({ cx: e, cy: t, radius: n, innerRatio: r = .8, count: i = 120, startDeg: o = -87, axDeg: s = 45, f: c = 600, activeColor: l, inactiveColor: u, getActive: d, Y: f = 0 }) {
+			let p = s * Math.PI / 180, m = n, h = n * r, g = 2 * Math.PI / i, _ = [];
+			for (let n = 0; n < i; n += 1) {
+				let r = o * Math.PI / 180 + g * n, s = r + g * Math.min(1, H.value.style.chart.layout.wheel.ticks.spacingRatio3d), v = wt({
 					cx: e,
 					cy: t + f,
 					r: m,
-					aRad: i,
+					aRad: r,
 					ax: p,
 					f: c
 				}), y = wt({
@@ -399,15 +399,15 @@ var _e = /* @__PURE__ */ e({ default: () => Re }), ve = ["id"], ye = [
 					cx: e,
 					cy: t + f,
 					r: h,
-					aRad: i,
+					aRad: r,
 					ax: p,
 					f: c
-				}), ee = (v.z + y.z + x.z + b.z) / 4, te = vt(!d || d(r) ? H.value.style.chart.layout.wheel.ticks.gradient.show ? n(H.value.style.chart.layout.wheel.ticks.activeColor, 100 / a * r / 100 * (H.value.style.chart.layout.wheel.ticks.gradient.shiftHueIntensity / 100)) : l : u, (() => {
+				}), ee = (v.z + y.z + x.z + b.z) / 4, te = vt(!d || d(n) ? H.value.style.chart.layout.wheel.ticks.gradient.show ? a(H.value.style.chart.layout.wheel.ticks.activeColor, 100 / i * n / 100 * (H.value.style.chart.layout.wheel.ticks.gradient.shiftHueIntensity / 100)) : l : u, (() => {
 					let e = m * Math.sin(p) || 1;
 					return (ee - -e) / (2 * e);
 				})()), S = `M ${v.x} ${v.y} L ${y.x} ${y.y} L ${b.x} ${b.y} L ${x.x} ${x.y} Z`;
 				_.push({
-					i: r,
+					i: n,
 					d: S,
 					fill: te,
 					z: ee
@@ -443,17 +443,17 @@ var _e = /* @__PURE__ */ e({ default: () => Re }), ve = ["id"], ye = [
 		let Z = w(() => (H.value.debug && H.value.style.chart.layout.wheel.ticks.quantity < 12 && console.warn("VueUiWheel - The min number of ticks is 12"), H.value.debug && H.value.style.chart.layout.wheel.ticks.quantity > 200 && console.warn("VueUiWheel - The max number of ticks is 200"), Math.max(12, Math.min(H.value.style.chart.layout.wheel.ticks.quantity, 200)))), Q = w(() => 100 / Z.value), Ot = w(() => {
 			let e = [];
 			for (let t = 0; t < Z.value; t += 1) {
-				let r = q.value > t * Q.value ? H.value.style.chart.layout.wheel.ticks.activeColor : H.value.style.chart.layout.wheel.ticks.inactiveColor, { x: i, y: a } = pt(W.value.size / Z.value * t), { x: o, y: s } = pt(W.value.size / Z.value * t, H.value.style.chart.layout.wheel.ticks.sizeRatio);
+				let n = q.value > t * Q.value ? H.value.style.chart.layout.wheel.ticks.activeColor : H.value.style.chart.layout.wheel.ticks.inactiveColor, { x: r, y: i } = pt(W.value.size / Z.value * t), { x: o, y: s } = pt(W.value.size / Z.value * t, H.value.style.chart.layout.wheel.ticks.sizeRatio);
 				e.push({
-					x1: i,
-					y1: a,
+					x1: r,
+					y1: i,
 					x2: o,
 					y2: s,
-					color: H.value.style.chart.layout.wheel.ticks.gradient.show ? n(r, t * Q.value / Z.value * (H.value.style.chart.layout.wheel.ticks.gradient.shiftHueIntensity / 100)) : r
+					color: H.value.style.chart.layout.wheel.ticks.gradient.show ? a(n, t * Q.value / Z.value * (H.value.style.chart.layout.wheel.ticks.gradient.shiftHueIntensity / 100)) : n
 				});
 			}
 			return e;
-		}), kt = w(() => i({ series: Ot.value.map((e) => ({
+		}), kt = w(() => t({ series: Ot.value.map((e) => ({
 			name: "",
 			value: 1,
 			color: e.color
@@ -528,8 +528,8 @@ var _e = /* @__PURE__ */ e({ default: () => Re }), ve = ["id"], ye = [
 				dataset: U.value
 			}));
 		}
-		let Wt = w(() => `${B.value}-title`), Gt = w(() => `${B.value}-desc`), Kt = w(() => s(H.value.style.chart.layout.percentage.formatter, u(q.value), c({
-			v: u(q.value),
+		let Wt = w(() => `${B.value}-title`), Gt = w(() => `${B.value}-desc`), Kt = w(() => c(H.value.style.chart.layout.percentage.formatter, d(q.value), l({
+			v: d(q.value),
 			s: "%",
 			r: H.value.style.chart.layout.percentage.rounding
 		}))), qt = w(() => H.value.style.chart.title.text || ""), Jt = w(() => nt.value ? "..." : `${Kt.value}`);
@@ -713,7 +713,7 @@ var _e = /* @__PURE__ */ e({ default: () => Re }), ve = ["id"], ye = [
 			(M(), D("svg", {
 				ref_key: "svgRef",
 				ref: ot,
-				xmlns: I(l),
+				xmlns: I(u),
 				class: k({
 					"vue-data-ui-fullscreen--on": At.value,
 					"vue-data-ui-fulscreen--off": !At.value,
@@ -759,7 +759,7 @@ var _e = /* @__PURE__ */ e({ default: () => Re }), ve = ["id"], ye = [
 					y1: t.y1 - e,
 					x2: t.x2,
 					y2: t.y2 - e,
-					stroke: I(d)(t.color, .25 * e / 5),
+					stroke: I(o)(t.color, .25 * e / 5),
 					"stroke-width": H.value.style.chart.layout.wheel.ticks.strokeWidth / 360 * Math.min(W.value.width, W.value.height),
 					"stroke-linecap": H.value.style.chart.layout.wheel.ticks.rounded ? "round" : "butt",
 					class: k({
@@ -791,7 +791,7 @@ var _e = /* @__PURE__ */ e({ default: () => Re }), ve = ["id"], ye = [
 				}, null, 8, ke))), 128)), (M(!0), D(C, null, P(Et.value(-e) || [], (t) => (M(), D("path", {
 					key: t.i,
 					d: t.d,
-					fill: I(d)(t.fill, .5 * e / $.value),
+					fill: I(o)(t.fill, .5 * e / $.value),
 					stroke: H.value.style.chart.layout.wheel.ticks.stroke,
 					"stroke-width": H.value.style.chart.layout.wheel.ticks.strokeWidth,
 					"stroke-linecap": "round",
@@ -853,7 +853,7 @@ var _e = /* @__PURE__ */ e({ default: () => Re }), ve = ["id"], ye = [
 					x: K.value.centerX + H.value.style.chart.layout.percentage.offsetX,
 					y: K.value.centerY + G.value / 3 + H.value.style.chart.layout.percentage.offsetY,
 					"font-size": G.value,
-					fill: H.value.style.chart.layout.wheel.ticks.gradient.show ? I(n)(H.value.style.chart.layout.wheel.ticks.activeColor, q.value / 100 * (H.value.style.chart.layout.wheel.ticks.gradient.shiftHueIntensity / 100)) : H.value.style.chart.layout.wheel.ticks.activeColor,
+					fill: H.value.style.chart.layout.wheel.ticks.gradient.show ? I(a)(H.value.style.chart.layout.wheel.ticks.activeColor, q.value / 100 * (H.value.style.chart.layout.wheel.ticks.gradient.shiftHueIntensity / 100)) : H.value.style.chart.layout.wheel.ticks.activeColor,
 					"text-anchor": "middle",
 					"font-weight": H.value.style.chart.layout.percentage.bold ? "bold" : "normal",
 					style: { "font-variant-numeric": "tabluar-nums" },

package/dist/{vue-ui-word-cloud-AKpMO97a.js → vue-ui-word-cloud-D81-qJLw.js}

@@ -1,13 +1,13 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { At as t, Dt as n, G as r, Ht as i, Q as a, W as o, Wt as s, X as c, _t as l, b as u, lt as d, q as f, t as p, v as m, w as h } from "./lib-DRBJCmHW.js";
+import { G as t, Gt as n, Ot as r, Q as i, Ut as a, W as o, X as s, b as c, jt as l, q as u, t as d, ut as f, v as p, vt as m, w as h } from "./lib-EAmk-PgA.js";
 import { t as g } from "./useConfig-DYM3f6EI.js";
-import { t as _ } from "./usePrinter-CRp5IW3v.js";
+import { t as _ } from "./usePrinter-DnGzpp6Q.js";
 import { n as v, t as y } from "./BaseScanner-DZvpgOjM.js";
 import { t as ee } from "./useSvgExport-SVIsDot8.js";
-import { t as te } from "./useNestedProp-BEo2N1Db.js";
+import { t as te } from "./useNestedProp-D8XqxgOU.js";
 import { t as b } from "./useThemeCheck-C43Tcqmk.js";
-import { t as x } from "./img-B_y5qDdm.js";
-import { n as S } from "./Title-C-p0ilWB.js";
+import { t as x } from "./img-B_abIg0o.js";
+import { n as S } from "./Title-PiTKr6sp.js";
 import { t as C } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { r as w } from "./canvas-lib-BOP_HS11.js";
 import { t as T } from "./useResponsive-BfnK0KxU.js";
@@ -16,7 +16,7 @@ import { t as E } from "./useUserOptionState-DK-_1ddE.js";
 import { t as re } from "./useChartAccessibility-DYqac8yF.js";
 import { t as D } from "./usePanZoom-CYU3B4T3.js";
 import { t as ie } from "./vue_ui_word_cloud-C-qIMNLu.js";
-import { t as ae } from "./BaseZoomControls-DwolSINF.js";
+import { t as ae } from "./BaseZoomControls-C9bdZSCj.js";
 import { Fragment as oe, computed as O, createBlock as k, createCommentVNode as A, createElementBlock as j, createElementVNode as M, createSlots as se, createTextVNode as ce, createVNode as le, defineAsyncComponent as N, guardReactiveProps as P, mergeProps as ue, nextTick as de, normalizeClass as fe, normalizeProps as F, normalizeStyle as pe, onBeforeUnmount as me, onMounted as he, openBlock as I, ref as L, renderList as ge, renderSlot as R, resolveDynamicComponent as _e, shallowRef as ve, toDisplayString as ye, toRefs as be, unref as z, watch as xe, withCtx as B } from "vue";
 //#region src/wordcloud.js
 var Se = {
@@ -645,7 +645,7 @@ var Je = /* @__PURE__ */ e({ default: () => ct }), Ye = [
 	},
 	emits: ["copyAlt"],
 	setup(e, { expose: C, emit: Se }) {
-		let Ce = N(() => import("./Tooltip-YabpoXo1.js")), we = N(() => import("./BaseIcon-DcUvOfxf.js").then((e) => e.n)), Te = N(() => import("./vue-ui-accordion-CfMrbDoq.js").then((e) => e.n)), Ee = N(() => import("./DataTable-CXfvIulC.js")), De = N(() => import("./PenAndPaper-Bk2-E7V4.js").then((e) => e.t)), Oe = N(() => import("./UserOptions-BO4VFL8O.js").then((e) => e.n)), ke = N(() => import("./PackageVersion-Da7hl-34.js").then((e) => e.t)), Ae = N(() => import("./BaseDraggableDialog-VbypEaAa.js").then((e) => e.n)), { vue_ui_word_cloud: je } = g(), { isThemeValid: Me, warnInvalidTheme: Ne } = b(), V = e, Pe = Se, Fe = O({
+		let Ce = N(() => import("./Tooltip-B8yYfISA.js")), we = N(() => import("./BaseIcon-_-BX7be3.js").then((e) => e.n)), Te = N(() => import("./vue-ui-accordion-Dzz8XhX3.js").then((e) => e.n)), Ee = N(() => import("./DataTable-CVF7DoZn.js")), De = N(() => import("./PenAndPaper-gaV1QPpP.js").then((e) => e.t)), Oe = N(() => import("./UserOptions-BL9VlHop.js").then((e) => e.n)), ke = N(() => import("./PackageVersion-Dse0n05o.js").then((e) => e.t)), Ae = N(() => import("./BaseDraggableDialog-1wwwdwV2.js").then((e) => e.n)), { vue_ui_word_cloud: je } = g(), { isThemeValid: Me, warnInvalidTheme: Ne } = b(), V = e, Pe = Se, Fe = O({
 			get() {
 				return !!V.dataset && V.dataset.length;
 			},
@@ -655,7 +655,7 @@ var Je = /* @__PURE__ */ e({ default: () => ct }), Ye = [
 		}), H = L(o()), Ie = L(0), U = L(null), Le = L(null), Re = L(null), ze = L(0), Be = L(0), Ve = L(!1), He = L(null), Ue = L(null), We = L(!1), Ge = L(!1), Ke = L(null), Je = L(!1), ct = L(!1), W = L(null), lt = L({
 			x: 0,
 			y: 0
-		}), ut = L("pointer"), dt = L(!1), G = L(xt()), K = O(() => G.value.userOptions.useCursorPointer), ft = O(() => s({
+		}), ut = L("pointer"), dt = L(!1), G = L(xt()), K = O(() => G.value.userOptions.useCursorPointer), ft = O(() => n({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },
@@ -876,15 +876,15 @@ var Je = /* @__PURE__ */ e({ default: () => ct }), Ye = [
 					value: 1
 				}
 			],
-			skeletonConfig: s({
+			skeletonConfig: n({
 				defaultConfig: G.value,
 				userConfig: ft.value
 			})
 		}), gt = L(_t());
 		function _t() {
-			return typeof mt.value == "string" ? r(mt.value) : mt.value.map((e, t) => ({
+			return typeof mt.value == "string" ? t(mt.value) : mt.value.map((e, t) => ({
 				...e,
-				value: m(e.value)
+				value: p(e.value)
 			}));
 		}
 		let { userOptionsVisible: vt, setUserOptionsVisibility: yt, keepUserOptionState: bt } = E({ config: G.value }), { svgRef: q } = re({ config: G.value.style.chart.title });
@@ -892,19 +892,19 @@ var Je = /* @__PURE__ */ e({ default: () => ct }), Ye = [
 			let e = te({
 				userConfig: V.config,
 				defaultConfig: je
-			}), n = e.theme;
-			if (!n) return e;
+			}), t = e.theme;
+			if (!t) return e;
 			if (!Me.value(e)) return Ne(e), e;
-			let r = te({
-				userConfig: ie[n] || V.config,
+			let n = te({
+				userConfig: ie[t] || V.config,
 				defaultConfig: e
-			}), a = te({
+			}), r = te({
 				userConfig: V.config,
-				defaultConfig: r
+				defaultConfig: n
 			});
 			return {
-				...a,
-				customPalette: a.customPalette.length ? a.customPalette : i[n] || t
+				...r,
+				customPalette: r.customPalette.length ? r.customPalette : a[t] || l
 			};
 		}
 		let St = L({
@@ -953,16 +953,16 @@ var Je = /* @__PURE__ */ e({ default: () => ct }), Ye = [
 		he(At);
 		let kt = O(() => !!G.value.debug);
 		function At() {
-			n(V.dataset) ? a({
+			r(V.dataset) ? i({
 				componentName: "VueUiWordCloud",
 				type: "dataset",
 				debug: kt.value
 			}) : gt.value.forEach((e, t) => {
-				d({
+				f({
 					datasetObject: e,
 					requiredAttributes: ["name", "value"]
 				}).forEach((e) => {
-					Fe.value = !1, a({
+					Fe.value = !1, i({
 						componentName: "VueUiWordCloud",
 						type: "datasetSerieAttribute",
 						property: e,
@@ -970,7 +970,7 @@ var Je = /* @__PURE__ */ e({ default: () => ct }), Ye = [
 						debug: kt.value
 					});
 				});
-			}), n(V.dataset) || (ht.value = G.value.loading), G.value.responsive && (Y.value && (Ot.value && Y.value.unobserve(Ot.value), Y.value.disconnect()), Y.value = new ResizeObserver(Dt), Ot.value = U.value.parentNode, Y.value.observe(Ot.value)), Ct();
+			}), r(V.dataset) || (ht.value = G.value.loading), G.value.responsive && (Y.value && (Ot.value && Y.value.unobserve(Ot.value), Y.value.disconnect()), Y.value = new ResizeObserver(Dt), Ot.value = U.value.parentNode, Y.value.observe(Ot.value)), Ct();
 		}
 		me(() => {
 			Y.value && (Ot.value && Y.value.unobserve(Ot.value), Y.value.disconnect());
@@ -996,22 +996,22 @@ var Je = /* @__PURE__ */ e({ default: () => ct }), Ye = [
 		}
 		let Z = L([]), It = /* @__PURE__ */ new Map();
 		function Lt() {
-			let e = [...gt.value].map((e) => e.value), n = Math.max(...e), r = Math.min(...e), i = [...gt.value].map((e, i) => {
-				let a = (e.value - r) / (n - r) * (J.value.maxFontSize - J.value.minFontSize) + J.value.minFontSize;
-				a = isNaN(a) ? J.value.minFontSize : a;
-				let o = Ft(e.name, a);
+			let e = [...gt.value].map((e) => e.value), t = Math.max(...e), n = Math.min(...e), r = [...gt.value].map((e, r) => {
+				let i = (e.value - n) / (t - n) * (J.value.maxFontSize - J.value.minFontSize) + J.value.minFontSize;
+				i = isNaN(i) ? J.value.minFontSize : i;
+				let a = Ft(e.name, i);
 				return {
 					...e,
-					id: e.id ?? `${e.name}__${i}`,
-					fontSize: a,
-					width: o.width,
-					height: o.height,
-					color: e.color ? u(e.color) : G.value.style.chart.words.usePalette ? G.value.customPalette[i] || G.value.customPalette[i % G.value.customPalette.length] || t[i] || t[i % t.length] : G.value.style.chart.words.color
+					id: e.id ?? `${e.name}__${r}`,
+					fontSize: i,
+					width: a.width,
+					height: a.height,
+					color: e.color ? c(e.color) : G.value.style.chart.words.usePalette ? G.value.customPalette[r] || G.value.customPalette[r % G.value.customPalette.length] || l[r] || l[r % l.length] : G.value.style.chart.words.color
 				};
 			});
 			Z.value.length = 0, It.clear(), qe({
 				debugTiming: kt.value,
-				words: i,
+				words: r,
 				svg: J.value,
 				proximity: G.value.style.chart.words.proximity,
 				strictPixelPadding: G.value.strictPixelPadding,
@@ -1044,7 +1044,7 @@ var Je = /* @__PURE__ */ e({ default: () => ct }), Ye = [
 					[G.value.style.chart.title.subtitle.text],
 					[[""], [G.value.table.columnNames.value]]
 				].concat(t));
-				e ? e(n) : c({
+				e ? e(n) : s({
 					csvContent: n,
 					title: G.value.style.chart.title.text || "vue-ui-word-cloud"
 				});
@@ -1052,7 +1052,7 @@ var Je = /* @__PURE__ */ e({ default: () => ct }), Ye = [
 		}
 		let Bt = O(() => {
 			let e = [G.value.table.columnNames.series, G.value.table.columnNames.value], t = Rt.value.head.map((e, t) => {
-				let n = f({
+				let n = u({
 					p: G.value.table.td.prefix,
 					v: Rt.value.body[t],
 					s: G.value.table.td.suffix,
@@ -1240,7 +1240,7 @@ var Je = /* @__PURE__ */ e({ default: () => ct }), Ye = [
 				seriesIndex: t
 			};
 			let r = G.value.style.chart.tooltip.customFormat;
-			if (fn.value = !1, l(r)) try {
+			if (fn.value = !1, m(r)) try {
 				let t = r({
 					datapoint: e,
 					config: G.value
@@ -1521,7 +1521,7 @@ var Je = /* @__PURE__ */ e({ default: () => ct }), Ye = [
 					"vue-data-ui-fulscreen--off": !Q.value
 				}),
 				"aria-describedby": `chart-instructions-${H.value}`,
-				xmlns: z(p),
+				xmlns: z(d),
 				viewBox: `${z(Yt).x} ${z(Yt).y} ${z(Yt).width} ${z(Yt).height}`,
 				style: "overflow:hidden;background:transparent;display:block",
 				tabindex: "0",