vue-data-ui 3.23.9 → 3.23.11

package/dist/{vue-ui-wheel-Dz2QzZcJ.js → vue-ui-wheel-CfU0Nnn0.js}

@@ -1,14 +1,14 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Jt as t, Ot as n, Vt as r, X as i, b as a, i as o, jt as s, kt as c, q as l, t as u, tt as d } from "./lib-Bttd6u5E.js";
+import { At as t, Nt as n, Ut as r, X as i, Xt as a, b as o, i as s, jt as c, nt as l, q as u, t as d } from "./lib-Dqr_-I6Y.js";
 import { n as f, t as p } from "./useHints-Dq_w2E8B.js";
 import { t as m } from "./useConfig-DwdGsXTx.js";
-import { t as h } from "./usePrinter-DN5bYhTG.js";
+import { t as h } from "./usePrinter-CEiH1b6R.js";
 import { n as g, t as _ } from "./BaseScanner-DZvpgOjM.js";
-import { t as v } from "./useNestedProp-vPNvh7rV.js";
+import { t as v } from "./useNestedProp-CulPqtou.js";
 import { t as y } from "./useThemeCheck-C43Tcqmk.js";
 import { t as b } from "./useChartExport-DNiwdPmb.js";
-import { t as x } from "./img-Bnokohej.js";
-import { n as ee } from "./Title-BE3qg9xl.js";
+import { t as x } from "./img-Bkzj3lDD.js";
+import { n as ee } from "./Title-CaVA8EIw.js";
 import { t as S } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as C, t as te } from "./useResponsive-ZtArZtUf.js";
 import { t as ne } from "./useUserOptionState-DK-_1ddE.js";
@@ -119,14 +119,14 @@ var ve = /* @__PURE__ */ e({ default: () => ze }), ye = ["id"], be = [
 			v52b4fc9f: Ft.value,
 			v52b4df32: It.value
 		}));
-		let ze = le(() => import("./PenAndPaper-C0UZ74fa.js").then((e) => e.t)), Be = le(() => import("./UserOptions-Dt98of5H.js").then((e) => e.n)), Ve = le(() => import("./PackageVersion-B629oKuX.js").then((e) => e.t)), { vue_ui_wheel: He } = m(), { isThemeValid: Ue, warnInvalidTheme: We } = y(), R = ie(), z = e, Ge = ve, Ke = T(() => !!z.dataset && Object.keys(z.dataset).length), B = N(l()), qe = N(null), Je = N(0), V = N(null), Ye = N(null), Xe = N(null), Ze = N(null), Qe = N(0), H = N(ot());
+		let ze = le(() => import("./PenAndPaper-CIa1F5Jq.js").then((e) => e.t)), Be = le(() => import("./UserOptions-WH7-49V0.js").then((e) => e.n)), Ve = le(() => import("./PackageVersion-C0b7KAMa.js").then((e) => e.t)), { vue_ui_wheel: He } = m(), { isThemeValid: Ue, warnInvalidTheme: We } = y(), R = ie(), z = e, Ge = ve, Ke = T(() => !!z.dataset && Object.keys(z.dataset).length), B = N(u()), qe = N(null), Je = N(0), V = N(null), Ye = N(null), Xe = N(null), Ze = N(null), Qe = N(0), H = N(ot());
 		f({
 			config: () => H.value,
 			dataset: () => z.dataset,
 			component: "VueUiWheel",
 			rules: [p.noHint]
 		});
-		let $e = T(() => H.value.userOptions.useCursorPointer), et = T(() => t({
+		let $e = T(() => H.value.userOptions.useCursorPointer), et = T(() => a({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				style: { chart: {
@@ -147,7 +147,7 @@ var ve = /* @__PURE__ */ e({ default: () => ze }), ye = ["id"], be = [
 			FINAL_CONFIG: H,
 			prepareConfig: ot,
 			skeletonDataset: z.config?.skeletonDataset ?? { percentage: 50 },
-			skeletonConfig: t({
+			skeletonConfig: a({
 				defaultConfig: H.value,
 				userConfig: et.value
 			})
@@ -201,7 +201,7 @@ var ve = /* @__PURE__ */ e({ default: () => ze }), ye = ["id"], be = [
 		});
 		let pt = T(() => H.value.debug);
 		function mt() {
-			if (s(z.dataset) && d({
+			if (n(z.dataset) && l({
 				componentName: "VueUiWheel",
 				type: "dataset",
 				debug: pt.value
@@ -512,8 +512,8 @@ var ve = /* @__PURE__ */ e({ default: () => ze }), ye = ["id"], be = [
 				dataset: U.value
 			}));
 		}
-		let Wt = T(() => `${B.value}-title`), Gt = T(() => `${B.value}-desc`), Kt = T(() => o(H.value.style.chart.layout.percentage.formatter, a(q.value), i({
-			v: a(q.value),
+		let Wt = T(() => `${B.value}-title`), Gt = T(() => `${B.value}-desc`), Kt = T(() => s(H.value.style.chart.layout.percentage.formatter, o(q.value), i({
+			v: o(q.value),
 			s: "%",
 			r: H.value.style.chart.layout.percentage.rounding
 		}))), qt = T(() => H.value.style.chart.title.text || ""), Jt = T(() => tt.value ? "..." : `${Kt.value}`);
@@ -525,7 +525,7 @@ var ve = /* @__PURE__ */ e({ default: () => ze }), ye = ["id"], be = [
 			toggleAnnotator: Mt,
 			toggleFullscreen: At,
 			copyAlt: Ut
-		}), (e, t) => (M(), O("div", {
+		}), (e, n) => (M(), O("div", {
 			class: A(["vue-ui-wheel", {
 				"vue-data-ui-component": !0,
 				"vue-ui-wheel-3d-wrap": H.value.layout === "3d"
@@ -534,8 +534,8 @@ var ve = /* @__PURE__ */ e({ default: () => ze }), ye = ["id"], be = [
 			ref: V,
 			id: B.value,
 			style: ue(`font-family:${H.value.style.fontFamily};width:100%; text-align:center;background:${H.value.style.chart.backgroundColor};${H.value.responsive ? "height:100%" : ""}`),
-			onMouseenter: t[0] ||= () => I(rt)(!0),
-			onMouseleave: t[1] ||= () => I(rt)(!1)
+			onMouseenter: n[0] ||= () => I(rt)(!0),
+			onMouseleave: n[1] ||= () => I(rt)(!1)
 		}, [
 			H.value.userOptions.buttons.annotator ? (M(), E(I(ze), {
 				key: 0,
@@ -699,7 +699,7 @@ var ve = /* @__PURE__ */ e({ default: () => ze }), ye = ["id"], be = [
 			(M(), O("svg", {
 				ref_key: "svgRef",
 				ref: at,
-				xmlns: I(u),
+				xmlns: I(d),
 				class: A({
 					"vue-data-ui-fullscreen--on": kt.value,
 					"vue-data-ui-fulscreen--off": !kt.value,
@@ -739,18 +739,18 @@ var ve = /* @__PURE__ */ e({ default: () => ze }), ye = ["id"], be = [
 					"stroke-width": H.value.style.chart.layout.innerCircle.strokeWidth,
 					fill: "none"
 				}, null, 8, Te)) : D("", !0),
-				H.value.layout === "3d" ? (M(), O(w, { key: 3 }, [H.value.style.chart.layout.wheel.ticks.type === "classic" ? (M(), O("g", Ee, [(M(!0), O(w, null, P($.value, (e) => (M(), O("g", null, [(M(!0), O(w, null, P(yt.value || [], (t) => (M(), O("line", {
-					key: t.i,
-					x1: t.x1,
-					y1: t.y1 - e,
-					x2: t.x2,
-					y2: t.y2 - e,
-					stroke: I(n)(t.color, .25 * e / 5),
+				H.value.layout === "3d" ? (M(), O(w, { key: 3 }, [H.value.style.chart.layout.wheel.ticks.type === "classic" ? (M(), O("g", Ee, [(M(!0), O(w, null, P($.value, (e) => (M(), O("g", null, [(M(!0), O(w, null, P(yt.value || [], (n) => (M(), O("line", {
+					key: n.i,
+					x1: n.x1,
+					y1: n.y1 - e,
+					x2: n.x2,
+					y2: n.y2 - e,
+					stroke: I(t)(n.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: A({
 						"vue-ui-wheel-tick": !0,
-						"vue-ui-tick-animated": H.value.style.chart.animation.use && !I(R) && t.i * Q.value <= q.value
+						"vue-ui-tick-animated": H.value.style.chart.animation.use && !I(R) && n.i * Q.value <= q.value
 					})
 				}, null, 10, De))), 128))]))), 256)), (M(!0), O(w, null, P(yt.value || [], (e) => (M(), O("line", {
 					key: e.i,
@@ -774,17 +774,17 @@ var ve = /* @__PURE__ */ e({ default: () => ze }), ye = ["id"], be = [
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					class: "vue-ui-wheel-tick"
-				}, null, 8, Ae))), 128)), (M(!0), O(w, null, P(Tt.value(-e) || [], (t) => (M(), O("path", {
-					key: t.i,
-					d: t.d,
-					fill: I(n)(t.fill, .5 * e / $.value),
+				}, null, 8, Ae))), 128)), (M(!0), O(w, null, P(Tt.value(-e) || [], (n) => (M(), O("path", {
+					key: n.i,
+					d: n.d,
+					fill: I(t)(n.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",
 					"stroke-linejoin": "round",
 					class: A({
 						"vue-ui-wheel-tick": !0,
-						"vue-ui-tick-animated-3d": H.value.style.chart.animation.use && !I(R) && t.i * Q.value <= q.value
+						"vue-ui-tick-animated-3d": H.value.style.chart.animation.use && !I(R) && n.i * Q.value <= q.value
 					})
 				}, null, 10, je))), 128))]))), 256)), oe("g", null, [(M(!0), O(w, null, P(Tt.value(-$.value) || [], (e) => (M(), O("path", {
 					key: e.i,

package/dist/{vue-ui-word-cloud-DBp8kZ4A.js → vue-ui-word-cloud-AgMvmPlI.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-Bttd6u5E.js";
+import { $ as t, D as n, It as r, J as i, Jt as a, Nt as o, S as s, St as c, X as l, Xt as u, b as d, mt as f, nt as p, q as m, t as h } from "./lib-Dqr_-I6Y.js";
 import { n as g, t as _ } from "./useHints-Dq_w2E8B.js";
 import { t as v } from "./useConfig-DwdGsXTx.js";
-import { t as y } from "./usePrinter-DN5bYhTG.js";
+import { t as y } from "./usePrinter-CEiH1b6R.js";
 import { n as ee, t as te } from "./BaseScanner-DZvpgOjM.js";
-import { t as b } from "./useNestedProp-vPNvh7rV.js";
+import { t as b } from "./useNestedProp-CulPqtou.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 C } from "./img-Bkzj3lDD.js";
+import { n as w } from "./Title-CaVA8EIw.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-BZvCnZEi.js";
+import { t as ce } from "./BaseZoomControls-Cvq4UmNG.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 = {
@@ -627,7 +627,10 @@ var U = /* @__PURE__ */ e({ default: () => ut }), Ze = [
 	key: 6,
 	"data-dom-to-png-ignore": "",
 	class: "reset-wrapper"
-}, lt = ["innerHTML"], ut = /*#__PURE__*/ T({
+}, lt = { style: {
+	display: "flex",
+	"align-items": "center"
+} }, ut = /*#__PURE__*/ T({
 	__name: "vue-ui-word-cloud",
 	props: {
 		config: {
@@ -645,14 +648,14 @@ var U = /* @__PURE__ */ e({ default: () => ut }), Ze = [
 	},
 	emits: ["copyAlt"],
 	setup(e, { expose: T, emit: Te }) {
-		let Ee = M(() => import("./Tooltip-DhjyfHwz.js")), De = M(() => import("./BaseIcon-BfndwIWE.js").then((e) => e.n)), Oe = M(() => import("./vue-ui-accordion-CLU_su1P.js").then((e) => e.n)), ke = M(() => import("./DataTable-BbKgJ5UI.js")), Ae = M(() => import("./PenAndPaper-C0UZ74fa.js").then((e) => e.t)), je = M(() => import("./UserOptions-Dt98of5H.js").then((e) => e.n)), Me = M(() => import("./PackageVersion-B629oKuX.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({
+		let Ee = M(() => import("./Tooltip-CVxJe3UW.js")), De = M(() => import("./BaseIcon-BbElSC8_.js").then((e) => e.n)), Oe = M(() => import("./vue-ui-accordion-C6L7glHU.js").then((e) => e.n)), ke = M(() => import("./DataTable-CmyEubtT.js")), Ae = M(() => import("./PenAndPaper-CIa1F5Jq.js").then((e) => e.t)), je = M(() => import("./UserOptions-WH7-49V0.js").then((e) => e.n)), Me = M(() => import("./PackageVersion-C0b7KAMa.js").then((e) => e.t)), Ne = M(() => import("./BaseDraggableDialog-Dr_Q6Yt5.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), Ge = I(null), Ke = I(null), qe = I(!1), Je = I(!1), Ye = I(null), U = I(null), ut = I({
+		}), V = I(m()), 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
 		}), dt = I("pointer"), ft = I(!1), W = I(St());
@@ -662,7 +665,7 @@ var U = /* @__PURE__ */ e({ default: () => ut }), Ze = [
 			component: "VueUiWordCloud",
 			rules: [_.noHint]
 		});
-		let G = D(() => W.value.userOptions.useCursorPointer), pt = D(() => i({
+		let G = D(() => W.value.userOptions.useCursorPointer), pt = D(() => u({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },
@@ -883,15 +886,15 @@ var U = /* @__PURE__ */ e({ default: () => ut }), Ze = [
 					value: 1
 				}
 			],
-			skeletonConfig: i({
+			skeletonConfig: u({
 				defaultConfig: W.value,
 				userConfig: pt.value
 			})
 		}), _t = I(vt());
 		function vt() {
-			return typeof ht.value == "string" ? r(ht.value) : ht.value.map((e, t) => ({
+			return typeof ht.value == "string" ? i(ht.value) : ht.value.map((e, t) => ({
 				...e,
-				value: l(e.value)
+				value: d(e.value)
 			}));
 		}
 		let { userOptionsVisible: yt, setUserOptionsVisibility: bt, keepUserOptionState: xt } = E({ config: W.value }), { svgRef: K } = ae({ config: W.value.style.chart.title });
@@ -905,13 +908,13 @@ var U = /* @__PURE__ */ e({ default: () => ut }), Ze = [
 			let n = b({
 				userConfig: se[t] || B.config,
 				defaultConfig: e
-			}), r = b({
+			}), i = b({
 				userConfig: B.config,
 				defaultConfig: n
 			});
 			return {
-				...r,
-				customPalette: r.customPalette.length ? r.customPalette : a[t] || o
+				...i,
+				customPalette: i.customPalette.length ? i.customPalette : a[t] || r
 			};
 		}
 		let Ct = I({
@@ -960,16 +963,16 @@ var U = /* @__PURE__ */ e({ default: () => ut }), Ze = [
 		ve(jt);
 		let At = D(() => W.value.debug);
 		function jt() {
-			u(B.dataset) ? m({
+			o(B.dataset) ? p({
 				componentName: "VueUiWordCloud",
 				type: "dataset",
 				debug: At.value
 			}) : _t.value.forEach((e, t) => {
-				d({
+				f({
 					datasetObject: e,
 					requiredAttributes: ["name", "value"]
 				}).forEach((e) => {
-					Re.value = !1, m({
+					Re.value = !1, p({
 						componentName: "VueUiWordCloud",
 						type: "datasetSerieAttribute",
 						property: e,
@@ -977,7 +980,7 @@ var U = /* @__PURE__ */ e({ default: () => ut }), Ze = [
 						debug: At.value
 					});
 				});
-			}), 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();
+			}), o(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(() => {
 			J.value && (kt.value && J.value.unobserve(kt.value), J.value.disconnect());
@@ -1003,22 +1006,22 @@ var U = /* @__PURE__ */ e({ default: () => ut }), Ze = [
 		}
 		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);
+			let e = [..._t.value].map((e) => e.value), t = Math.max(...e), n = Math.min(...e), i = [..._t.value].map((e, i) => {
+				let a = (e.value - n) / (t - n) * (q.value.maxFontSize - q.value.minFontSize) + q.value.minFontSize;
+				a = isNaN(a) ? q.value.minFontSize : a;
+				let o = It(e.name, a);
 				return {
 					...e,
-					id: e.id ?? `${e.name}__${r}`,
-					fontSize: i,
-					width: a.width,
-					height: a.height,
-					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
+					id: e.id ?? `${e.name}__${i}`,
+					fontSize: a,
+					width: o.width,
+					height: o.height,
+					color: e.color ? s(e.color) : W.value.style.chart.words.usePalette ? W.value.customPalette[i] || W.value.customPalette[i % W.value.customPalette.length] || r[i] || r[i % r.length] : W.value.style.chart.words.color
 				};
 			});
 			X.value.length = 0, Lt.clear(), Xe({
 				debugTiming: At.value,
-				words: r,
+				words: i,
 				svg: q.value,
 				proximity: W.value.style.chart.words.proximity,
 				strictPixelPadding: W.value.strictPixelPadding,
@@ -1059,7 +1062,7 @@ var U = /* @__PURE__ */ e({ default: () => ut }), Ze = [
 		}
 		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({
+				let n = l({
 					p: W.value.table.td.prefix,
 					v: zt.value.body[t],
 					s: W.value.table.td.suffix,
@@ -1224,7 +1227,7 @@ var U = /* @__PURE__ */ e({ default: () => ut }), Ze = [
 				seriesIndex: t
 			};
 			let r = W.value.style.chart.tooltip.customFormat;
-			if (pn.value = !1, h(r)) try {
+			if (pn.value = !1, c(r)) try {
 				let t = r({
 					datapoint: e,
 					config: W.value
@@ -1509,7 +1512,7 @@ var U = /* @__PURE__ */ e({ default: () => ut }), Ze = [
 					"vue-data-ui-fulscreen--off": !Q.value
 				}),
 				"aria-describedby": `chart-instructions-${V.value}`,
-				xmlns: R(p),
+				xmlns: R(h),
 				viewBox: `${R(Yt).x} ${R(Yt).y} ${R(Yt).width} ${R(Yt).height}`,
 				style: "overflow:hidden;background:transparent;display:block",
 				tabindex: "0",
@@ -1667,13 +1670,7 @@ var U = /* @__PURE__ */ e({ default: () => ut }), Ze = [
 					isCursorPointer: G.value,
 					onClose: rn
 				}, {
-					th: z(({ th: e }) => [j("div", {
-						innerHTML: e,
-						style: {
-							display: "flex",
-							"align-items": "center"
-						}
-					}, null, 8, lt)]),
+					th: z(({ th: e }) => [j("div", lt, Se(e), 1)]),
 					td: z(({ td: e }) => [de(Se(e.name || e), 1)]),
 					_: 1
 				}, 8, [
@@ -1706,6 +1703,6 @@ var U = /* @__PURE__ */ e({ default: () => ut }), Ze = [
 			L(e.$slots, "skeleton", {}, () => [R(mt) ? (F(), O(te, { key: 0 })) : k("", !0)], !0)
 		], 44, Ze));
 	}
-}, [["__scopeId", "data-v-d55cdbfc"]]);
+}, [["__scopeId", "data-v-f2049d37"]]);
 //#endregion
 export { U as n, ut as t };