vue-data-ui 3.19.9 → 3.20.0

package/dist/{vue-ui-radar-D2pVd53z.js → vue-ui-radar-CgKog9Xw.js}

@@ -1,23 +1,23 @@
-import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
-import { D as t, G as n, H as r, J as i, Lt as a, Mt as ee, S as te, St as ne, Tt as o, X as s, i as re, jt as ie, nt as ae, ot as oe, pt as se, t as ce, v as le, x as ue, xt as de, y as fe, zt as pe } from "./lib-BkiwukKO.js";
-import { t as me } from "./useConfig-ByaaSKhz.js";
-import { t as he } from "./usePrinter-X0yWOynH.js";
-import { n as ge, t as _e } from "./BaseScanner-C7dmAref.js";
-import { t as ve } from "./useSvgExport-Dtu973wa.js";
-import { t as ye } from "./useNestedProp-Ck4hsrpu.js";
-import { t as be } from "./useThemeCheck-rFK9Zlb_.js";
-import { t as xe } from "./img-BjOr008R.js";
-import { n as Se } from "./Title-__gWq2g6.js";
-import { t as Ce } from "./_plugin-vue_export-helper-Dq1MygBL.js";
-import { c as we } from "./canvas-lib-DTaADQOK.js";
-import { t as Te } from "./useResponsive-CrAInupd.js";
-import { t as Ee } from "./BaseLegendToggle-CJTwLGXL.js";
-import { t as De } from "./A11yDataTable-q2-8fSlJ.js";
-import { t as Oe } from "./useUserOptionState-CjPJPTg2.js";
-import { t as ke } from "./useChartAccessibility-Do37qcw2.js";
-import { t as Ae } from "./Legend-Gg5Q4Clb.js";
-import { t as je } from "./useAutoSizeLabelsInsideViewbox-dp-3Gg97.js";
-import { t as Me } from "./vue_ui_radar-Dxx9GJmj.js";
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { Bt as t, Ct as n, D as r, Et as i, G as a, H as ee, J as te, Mt as o, Nt as ne, Rt as re, S as ie, St as ae, X as s, i as oe, nt as se, ot as ce, pt as le, t as ue, v as de, x as fe, y as pe } from "./lib-DUeYQsS0.js";
+import { t as me } from "./useConfig-DAyQk86L.js";
+import { t as he } from "./usePrinter-C1Gqt_Sp.js";
+import { n as ge, t as _e } from "./BaseScanner-Dr2a1Msy.js";
+import { t as ve } from "./useSvgExport-SVIsDot8.js";
+import { t as ye } from "./useNestedProp-CNcoy38D.js";
+import { t as be } from "./useThemeCheck-C43Tcqmk.js";
+import { t as xe } from "./img-1cKsci8e.js";
+import { n as Se } from "./Title-NWp4qB4K.js";
+import { t as Ce } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { c as we } from "./canvas-lib-BOP_HS11.js";
+import { t as Te } from "./useResponsive-BfnK0KxU.js";
+import { t as Ee } from "./BaseLegendToggle-C_Db-y7s.js";
+import { t as De } from "./A11yDataTable-BCbtxMU6.js";
+import { t as Oe } from "./useUserOptionState-DK-_1ddE.js";
+import { t as ke } from "./useChartAccessibility-DYqac8yF.js";
+import { t as Ae } from "./Legend-Cz2uQ5gs.js";
+import { t as je } from "./useAutoSizeLabelsInsideViewbox-BIVntRZp.js";
+import { t as Me } from "./vue_ui_radar-jafTED5j.js";
 import { Fragment as c, Teleport as Ne, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createSlots as Pe, createTextVNode as Fe, createVNode as Ie, defineAsyncComponent as m, guardReactiveProps as h, mergeProps as Le, nextTick as Re, normalizeClass as g, normalizeProps as _, normalizeStyle as v, onBeforeUnmount as ze, onMounted as Be, openBlock as y, ref as b, renderList as x, renderSlot as S, resolveDynamicComponent as Ve, shallowRef as He, toDisplayString as C, toRefs as Ue, unref as w, watch as We, withCtx as T } from "vue";
 //#region src/components/vue-ui-radar.vue
 var Ge = /* @__PURE__ */ e({ default: () => bt }), Ke = ["id"], qe = ["id"], Je = ["id"], Ye = { style: { position: "relative" } }, Xe = [
@@ -103,10 +103,10 @@ var Ge = /* @__PURE__ */ e({ default: () => bt }), Ke = ["id"], qe = ["id"], Je
 	},
 	emits: ["selectLegend", "copyAlt"],
 	setup(e, { expose: Ce, emit: Ge }) {
-		let bt = m(() => import("./Tooltip-CuWEYGr3.js")), xt = m(() => import("./BaseIcon-DM1x8hQF.js").then((e) => e.n)), St = m(() => import("./vue-ui-sparkbar-D5toou8V.js").then((e) => e.n)), Ct = m(() => import("./vue-ui-accordion-BX9WL-QF.js").then((e) => e.n)), wt = m(() => import("./DataTable-DmE8Oo4i.js")), Tt = m(() => import("./PenAndPaper-DNgm6y3l.js").then((e) => e.t)), Et = m(() => import("./UserOptions-D7zR0tnR.js").then((e) => e.n)), Dt = m(() => import("./PackageVersion-Dl9W5zJD.js").then((e) => e.t)), Ot = m(() => import("./BaseDraggableDialog-DUUu2E2Q.js").then((e) => e.n)), { vue_ui_radar: kt } = me(), { isThemeValid: At, warnInvalidTheme: jt } = be(), E = e, Mt = l(() => !!E.dataset && Object.keys(E.dataset).length), D = b(r()), O = b(!1), Nt = b(""), Pt = b(0), k = b(null), Ft = b(null), It = b(null), Lt = b(null), Rt = b(null), zt = b(0), Bt = b(0), Vt = b(0), Ht = b(!1), A = b(null), Ut = b(null), Wt = b(!1), Gt = b(!1), j = b(null), Kt = b({
+		let bt = m(() => import("./Tooltip-BENq327o.js")), xt = m(() => import("./BaseIcon-DfLoHNUj.js").then((e) => e.n)), St = m(() => import("./vue-ui-sparkbar-BVumo-YD.js").then((e) => e.n)), Ct = m(() => import("./vue-ui-accordion-Dw4MHKVB.js").then((e) => e.n)), wt = m(() => import("./DataTable-B--IN22e.js")), Tt = m(() => import("./PenAndPaper-DqrClVfb.js").then((e) => e.t)), Et = m(() => import("./UserOptions-C1NgoGu6.js").then((e) => e.n)), Dt = m(() => import("./PackageVersion-xcyrdRmY.js").then((e) => e.t)), Ot = m(() => import("./BaseDraggableDialog-4hDW-Rj2.js").then((e) => e.n)), { vue_ui_radar: kt } = me(), { isThemeValid: At, warnInvalidTheme: jt } = be(), E = e, Mt = l(() => !!E.dataset && Object.keys(E.dataset).length), D = b(ee()), O = b(!1), Nt = b(""), Pt = b(0), k = b(null), Ft = b(null), It = b(null), Lt = b(null), Rt = b(null), zt = b(0), Bt = b(0), Vt = b(0), Ht = b(!1), A = b(null), Ut = b(null), Wt = b(!1), Gt = b(!1), j = b(null), Kt = b({
 			x: 0,
 			y: 0
-		}), M = b("pointer"), qt = b(!1), N = b($t()), P = l(() => N.value.userOptions.useCursorPointer), Jt = l(() => pe({
+		}), M = b("pointer"), qt = b(!1), N = b($t()), P = l(() => N.value.userOptions.useCursorPointer), Jt = l(() => t({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },
@@ -169,7 +169,7 @@ var Ge = /* @__PURE__ */ e({ default: () => bt }), Ke = ["id"], qe = ["id"], Je
 					}
 				]
 			},
-			skeletonConfig: pe({
+			skeletonConfig: t({
 				defaultConfig: N.value,
 				userConfig: Jt.value
 			})
@@ -190,7 +190,7 @@ var Ge = /* @__PURE__ */ e({ default: () => bt }), Ke = ["id"], qe = ["id"], Je
 			});
 			return {
 				...r,
-				customPalette: r.customPalette.length ? r.customPalette : a[t] || o
+				customPalette: r.customPalette.length ? r.customPalette : re[t] || i
 			};
 		}
 		We(() => E.config, (e) => {
@@ -198,7 +198,7 @@ var Ge = /* @__PURE__ */ e({ default: () => bt }), Ke = ["id"], qe = ["id"], Je
 		}, { deep: !0 });
 		let L = He(null), R = He(null), z = l(() => N.value.debug);
 		function en() {
-			if (ne(E.dataset) && s({
+			if (n(E.dataset) && s({
 				componentName: "VueUiRadar",
 				type: "dataset",
 				debug: z.value
@@ -228,7 +228,7 @@ var Ge = /* @__PURE__ */ e({ default: () => bt }), Ke = ["id"], qe = ["id"], Je
 			elementId: `vue-ui-radar_${D.value}`,
 			fileName: N.value.style.chart.title.text || "vue-ui-radar",
 			options: N.value.userOptions.print
-		}), on = l(() => N.value.userOptions.show && !N.value.style.chart.title.text), sn = l(() => ue(N.value.customPalette)), B = b({
+		}), on = l(() => N.value.userOptions.show && !N.value.style.chart.title.text), sn = l(() => fe(N.value.customPalette)), B = b({
 			dataLabels: { show: N.value.style.chart.layout.labels.dataLabels.show },
 			showTable: N.value.table.show,
 			showTooltip: N.value.style.chart.tooltip.show
@@ -297,7 +297,7 @@ var Ge = /* @__PURE__ */ e({ default: () => bt }), Ke = ["id"], qe = ["id"], Je
 				property: "categories",
 				debug: z.value
 			}) : e.categories.forEach((e, t) => {
-				oe({
+				ce({
 					datasetObject: e,
 					requiredAttributes: ["name"]
 				}).forEach((e) => {
@@ -315,7 +315,7 @@ var Ge = /* @__PURE__ */ e({ default: () => bt }), Ke = ["id"], qe = ["id"], Je
 				property: "series ({ name: string; values: number[]; color?: string; target: number}[])",
 				debug: z.value
 			}) : e.series.forEach((e, t) => {
-				oe({
+				ce({
 					datasetObject: e,
 					requiredAttributes: [
 						"name",
@@ -339,17 +339,17 @@ var Ge = /* @__PURE__ */ e({ default: () => bt }), Ke = ["id"], qe = ["id"], Je
 			immediate: !0
 		});
 		let G = l(() => {
-			let e = Array.isArray(F.value?.categories) ? F.value.categories : [], t = sn.value ?? o;
+			let e = Array.isArray(F.value?.categories) ? F.value.categories : [], t = sn.value ?? i;
 			return e.map((e, n) => ({
 				name: e?.name ?? "",
 				categoryId: `radar_category_${D.value}_${n}`,
-				color: fe(e?.color) || t[n] || o[n % o.length],
+				color: pe(e?.color) || t[n] || i[n % i.length],
 				prefix: e?.prefix ?? "",
 				suffix: e?.suffix ?? ""
 			}));
 		}), K = l(() => F.value.series.map((e, t) => ({
 			...e,
-			color: fe(e.color) || sn.value[t] || o[t] || o[t % o.length],
+			color: pe(e.color) || sn.value[t] || i[t] || i[t % i.length],
 			serieId: `radar_serie_${D.value}_${t}`,
 			formatter: e.formatter || null,
 			absoluteIndex: t
@@ -365,7 +365,7 @@ var Ge = /* @__PURE__ */ e({ default: () => bt }), Ke = ["id"], qe = ["id"], Je
 			let t = hn(e);
 			t !== null && (H.value.includes(t.absoluteIndex) || fn(t.absoluteIndex));
 		}
-		let vn = l(() => Math.max(...K.value.flatMap((e) => e.values))), yn = l(() => K.value.length), bn = l(() => Math.min(V.value.width, V.value.height) / 3), xn = l(() => t({
+		let vn = l(() => Math.max(...K.value.flatMap((e) => e.values))), yn = l(() => K.value.length), bn = l(() => Math.min(V.value.width, V.value.height) / 3), xn = l(() => r({
 			plot: {
 				x: V.value.width / 2,
 				y: V.value.height / 2
@@ -422,18 +422,18 @@ var Ge = /* @__PURE__ */ e({ default: () => bt }), Ke = ["id"], qe = ["id"], Je
 		}
 		let J = l(() => {
 			let e = K.value.map((e, t) => e.values.map((t) => t / (e.target || vn.value)));
-			return G.value.map((t, r) => {
-				let i = le(e.map((e) => e[r]).reduce((e, t) => e + t, 0) / K.value.length);
+			return G.value.map((t, n) => {
+				let r = de(e.map((e) => e[n]).reduce((e, t) => e + t, 0) / K.value.length);
 				return {
 					...t,
-					absoluteIndex: r,
-					totalProportion: i,
+					absoluteIndex: n,
+					totalProportion: r,
 					shape: "circle",
-					opacity: H.value.includes(r) ? .5 : 1,
-					segregate: () => fn(r),
-					isSegregated: H.value.includes(r),
-					display: `${t.name}: ${n({
-						v: (i ?? 0) * 100,
+					opacity: H.value.includes(n) ? .5 : 1,
+					segregate: () => fn(n),
+					isSegregated: H.value.includes(n),
+					display: `${t.name}: ${a({
+						v: (r ?? 0) * 100,
 						s: "%",
 						r: N.value.style.chart.legend.roundingPercentage
 					})}`
@@ -462,18 +462,18 @@ var Ge = /* @__PURE__ */ e({ default: () => bt }), Ke = ["id"], qe = ["id"], Je
 				head: e,
 				body: F.value.series.map((e) => [
 					e.name,
-					re(e.formatter, e.target, n({
+					oe(e.formatter, e.target, a({
 						p: e.prefix,
 						v: e.target,
 						s: e.suffix,
 						r: N.value.table.td.roundingValue
 					})),
-					...e.values.map((t, r) => `${re(e.formatter, t, n({
-						p: G.value[r]?.prefix ?? "",
+					...e.values.map((t, n) => `${oe(e.formatter, t, a({
+						p: G.value[n]?.prefix ?? "",
 						v: t,
-						s: G.value[r]?.suffix ?? "",
+						s: G.value[n]?.suffix ?? "",
 						r: N.value.table.td.roundingValue
-					}))} (${isNaN(t / e.target) ? "" : n({
+					}))} (${isNaN(t / e.target) ? "" : a({
 						v: t / e.target * 100,
 						s: "%",
 						r: N.value.table.td.roundingPercentage
@@ -507,38 +507,38 @@ var Ge = /* @__PURE__ */ e({ default: () => bt }), Ke = ["id"], qe = ["id"], Je
 				seriesIndex: t
 			});
 		}
-		function Mn(e, t, r = "pointer") {
+		function Mn(e, t, n = "pointer") {
 			N.value.events.datapointEnter && N.value.events.datapointEnter({
 				datapoint: e,
 				seriesIndex: t
-			}), M.value = r, j.value = t;
-			let i = G.value.slice();
+			}), M.value = n, j.value = t;
+			let r = G.value.slice();
 			On.value = [], X.value = t, O.value = !0, kn.value = {
 				datapoint: e,
 				seriesIndex: t,
 				series: {
-					categories: i,
+					categories: r,
 					datapoints: K.value,
 					radar: q.value
 				},
 				config: N.value
 			};
-			let a = N.value.style.chart.tooltip.customFormat;
-			if (se(a) && ae(() => a({
+			let i = N.value.style.chart.tooltip.customFormat;
+			if (le(i) && se(() => i({
 				seriesIndex: t,
 				datapoint: e,
 				series: {
-					categories: i,
+					categories: r,
 					datapoints: K.value,
 					radar: q.value
 				},
 				config: N.value
 			}))) {
-				Nt.value = a({
+				Nt.value = i({
 					seriesIndex: t,
 					datapoint: e,
 					series: {
-						categories: i,
+						categories: r,
 						datapoints: K.value,
 						radar: q.value
 					},
@@ -548,21 +548,21 @@ var Ge = /* @__PURE__ */ e({ default: () => bt }), Ke = ["id"], qe = ["id"], Je
 			}
 			Nt.value = `<div style="width:100%;text-align:center;border-bottom:1px solid ${N.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${e.name}</div>`;
 			for (let t = 0; t < e.values.length; t += 1) if (!H.value.includes(t)) {
-				let r = i[t], a = e.values[t], ee = isNaN(a / e.target) ? 0 : a / e.target * 100, te = re(e.formatter, a, n({
+				let n = r[t], i = e.values[t], ee = isNaN(i / e.target) ? 0 : i / e.target * 100, te = oe(e.formatter, i, a({
 					p: G.value[t].prefix,
-					v: a,
+					v: i,
 					s: G.value[t].suffix,
 					r: N.value.style.chart.tooltip.roundingValue
-				}), { datapoint: e }), ne = n({
+				}), { datapoint: e }), o = a({
 					v: ee,
 					s: "%",
 					r: N.value.style.chart.tooltip.roundingPercentage
-				}), o = N.value.style.chart.tooltip.showValue && N.value.style.chart.tooltip.showPercentage ? `${te} (${ne})` : N.value.style.chart.tooltip.showValue && !N.value.style.chart.tooltip.showPercentage ? te : !N.value.style.chart.tooltip.showValue && N.value.style.chart.tooltip.showPercentage ? `${ne}` : "";
+				}), ne = N.value.style.chart.tooltip.showValue && N.value.style.chart.tooltip.showPercentage ? `${te} (${o})` : N.value.style.chart.tooltip.showValue && !N.value.style.chart.tooltip.showPercentage ? te : !N.value.style.chart.tooltip.showValue && N.value.style.chart.tooltip.showPercentage ? `${o}` : "";
 				On.value.push({
-					name: r?.name ?? `#${t + 1}`,
+					name: n?.name ?? `#${t + 1}`,
 					value: e.values[t] / e.target * 100,
-					color: r?.color,
-					suffix: o,
+					color: n?.color,
+					suffix: ne,
 					prefix: "",
 					rounding: N.value.style.chart.tooltip.roundingPercentage,
 					formatter: e.formatter
@@ -583,9 +583,9 @@ var Ge = /* @__PURE__ */ e({ default: () => bt }), Ke = ["id"], qe = ["id"], Je
 					e.name,
 					e.target,
 					...e.values.flatMap((t) => [t, isNaN(t / e.target) ? "" : t / e.target * 100])
-				]), a = te(t.concat([n]).concat(r));
-				e ? e(a) : i({
-					csvContent: a,
+				]), i = ie(t.concat([n]).concat(r));
+				e ? e(i) : te({
+					csvContent: i,
 					title: N.value.style.chart.title.text || "vue-ui-radar"
 				});
 			});
@@ -762,14 +762,14 @@ var Ge = /* @__PURE__ */ e({ default: () => bt }), Ke = ["id"], qe = ["id"], Je
 			toggleAnnotator: Ln,
 			toggleFullscreen: Pn,
 			copyAlt: qn
-		}), (e, n) => (y(), f("div", {
+		}), (e, t) => (y(), f("div", {
 			class: g(`vue-data-ui-component vue-ui-radar ${Z.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${N.value.useCssAnimation ? "" : "vue-ui-dna"}`),
 			ref_key: "radarChart",
 			ref: k,
 			id: `vue-ui-radar_${D.value}`,
 			style: v(`font-family:${N.value.style.fontFamily};width:100%; ${N.value.responsive ? "height: 100%;" : ""} text-align:center;background:${N.value.style.chart.backgroundColor}`),
-			onMouseenter: n[2] ||= () => w(Zt)(!0),
-			onMouseleave: n[3] ||= () => w(Zt)(!1)
+			onMouseenter: t[2] ||= () => w(Zt)(!0),
+			onMouseleave: t[3] ||= () => w(Zt)(!1)
 		}, [
 			p("div", {
 				id: `chart-instructions-${D.value}`,
@@ -950,7 +950,7 @@ var Ge = /* @__PURE__ */ e({ default: () => bt }), Ke = ["id"], qe = ["id"], Je
 			p("div", Ye, [(y(), f("svg", {
 				ref_key: "svgRef",
 				ref: I,
-				xmlns: w(ce),
+				xmlns: w(ue),
 				"aria-describedby": `chart-instructions-${D.value}`,
 				class: g({
 					"vue-data-ui-fullscreen--on": Z.value,
@@ -981,10 +981,10 @@ var Ge = /* @__PURE__ */ e({ default: () => bt }), Ke = ["id"], qe = ["id"], Je
 					id: `radar_gradient_${D.value}_${t}`
 				}, [p("stop", {
 					offset: "0%",
-					"stop-color": w(ie)(w(ee)(e.color, .05), N.value.style.chart.layout.dataPolygon.opacity)
+					"stop-color": w(o)(w(ne)(e.color, .05), N.value.style.chart.layout.dataPolygon.opacity)
 				}, null, 8, $e), p("stop", {
 					offset: "100%",
-					"stop-color": w(ie)(e.color, N.value.style.chart.layout.dataPolygon.opacity)
+					"stop-color": w(o)(e.color, N.value.style.chart.layout.dataPolygon.opacity)
 				}, null, 8, et)], 8, Qe))), 256))]),
 				N.value.style.chart.layout.grid.show ? (y(), f("g", tt, [(y(!0), f(c, null, x(q.value, (e) => (y(), f("line", {
 					x1: V.value.width / 2,
@@ -994,7 +994,7 @@ var Ge = /* @__PURE__ */ e({ default: () => bt }), Ke = ["id"], qe = ["id"], Je
 					stroke: N.value.style.chart.layout.grid.stroke,
 					"stroke-width": N.value.style.chart.layout.grid.strokeWidth
 				}, null, 8, nt))), 256)), N.value.style.chart.layout.grid.graduations > 0 ? (y(), f("g", rt, [(y(!0), f(c, null, x(Sn.value, (e) => (y(), f("path", {
-					d: w(t)({
+					d: w(r)({
 						plot: {
 							x: V.value.width / 2,
 							y: V.value.height / 2
@@ -1028,7 +1028,7 @@ var Ge = /* @__PURE__ */ e({ default: () => bt }), Ke = ["id"], qe = ["id"], Je
 				}, C(e.name), 41, st))), 256))])) : d("", !0),
 				(y(!0), f(c, null, x(G.value, (e, t) => (y(), f("g", null, [p("g", null, [N.value.useCssAnimation || !N.value.useCssAnimation && !H.value.includes(t) ? (y(), f("polygon", {
 					key: 0,
-					points: w(de)(q.value.map((e) => e.plots[t]), !1, !0),
+					points: w(ae)(q.value.map((e) => e.plots[t]), !1, !0),
 					stroke: N.value.style.chart.backgroundColor,
 					"stroke-width": N.value.style.chart.layout.dataPolygon.strokeWidth + 1,
 					fill: "none",
@@ -1038,10 +1038,10 @@ var Ge = /* @__PURE__ */ e({ default: () => bt }), Ke = ["id"], qe = ["id"], Je
 					})
 				}, null, 10, ct)) : d("", !0), N.value.useCssAnimation || !N.value.useCssAnimation && !H.value.includes(t) ? (y(), f("polygon", {
 					key: 1,
-					points: w(de)(q.value.map((e) => e.plots[t]), !1, !0),
+					points: w(ae)(q.value.map((e) => e.plots[t]), !1, !0),
 					stroke: e.color,
 					"stroke-width": N.value.style.chart.layout.dataPolygon.strokeWidth,
-					fill: N.value.style.chart.layout.dataPolygon.transparent ? "transparent" : N.value.style.chart.layout.dataPolygon.useGradient ? `url(#radar_gradient_${D.value}_${t})` : w(ie)(e.color, N.value.style.chart.layout.dataPolygon.opacity),
+					fill: N.value.style.chart.layout.dataPolygon.transparent ? "transparent" : N.value.style.chart.layout.dataPolygon.useGradient ? `url(#radar_gradient_${D.value}_${t})` : w(o)(e.color, N.value.style.chart.layout.dataPolygon.opacity),
 					class: g({
 						"animated-out": H.value.includes(t) && N.value.useCssAnimation,
 						"animated-in": W.value && U.value === t && N.value.useCssAnimation
@@ -1082,7 +1082,7 @@ var Ge = /* @__PURE__ */ e({ default: () => bt }), Ke = ["id"], qe = ["id"], Je
 				legendSet: J.value,
 				config: Dn.value,
 				isCursorPointer: P.value,
-				onClickMarker: n[0] ||= ({ i: e }) => fn(e)
+				onClickMarker: t[0] ||= ({ i: e }) => fn(e)
 			}, {
 				item: T(({ legend: e, index: t }) => [w(Yt) ? d("", !0) : (y(), f("div", {
 					key: 0,
@@ -1213,7 +1213,7 @@ var Ge = /* @__PURE__ */ e({ default: () => bt }), Ke = ["id"], qe = ["id"], Je
 				fn: T(() => [p("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: n[1] ||= (e) => Nn(N.value.userOptions.callbacks.csv),
+					onClick: t[1] ||= (e) => Nn(N.value.userOptions.callbacks.csv),
 					style: v({ cursor: P.value ? "pointer" : "default" })
 				}, [Ie(w(xt), {
 					name: "fileCsv",

package/dist/{vue-ui-rating-D_QR_A3V.js → vue-ui-rating-BG4lf1z8.js}

@@ -1,8 +1,8 @@
-import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
-import { G as t, H as n, Mt as r, P as i, St as a, X as o, i as s, t as c } from "./lib-BkiwukKO.js";
-import { t as l } from "./useConfig-ByaaSKhz.js";
-import { t as u } from "./useNestedProp-Ck4hsrpu.js";
-import { t as d } from "./_plugin-vue_export-helper-Dq1MygBL.js";
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { Ct as t, G as n, H as r, Nt as i, P as a, X as o, i as s, t as c } from "./lib-DUeYQsS0.js";
+import { t as l } from "./useConfig-DAyQk86L.js";
+import { t as u } from "./useNestedProp-CNcoy38D.js";
+import { t as d } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { Fragment as f, computed as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, mergeProps as _, normalizeStyle as v, onMounted as y, openBlock as b, ref as x, renderList as ee, renderSlot as S, toDisplayString as C, unref as w, useSlots as te, watch as ne, withKeys as re } from "vue";
 //#region src/components/vue-ui-rating.vue
 var T = /* @__PURE__ */ e({ default: () => L }), ie = {
@@ -81,7 +81,7 @@ var T = /* @__PURE__ */ e({ default: () => L }), ie = {
 	},
 	emits: ["rate"],
 	setup(e, { expose: d, emit: T }) {
-		let { vue_ui_rating: L } = l(), R = e, z = x(n()), B = x(!1), V = x(void 0), H = x(void 0), U = x([]), W = te();
+		let { vue_ui_rating: L } = l(), R = e, z = x(r()), B = x(!1), V = x(void 0), H = x(void 0), U = x([]), W = te();
 		y(() => {
 			W["chart-background"] && console.warn("VueUiRating does not support the #chart-background slot.");
 		});
@@ -113,7 +113,7 @@ var T = /* @__PURE__ */ e({ default: () => L }), ie = {
 			X();
 		});
 		function X() {
-			(!Object.hasOwn(R.dataset, "rating") || a(R.dataset)) && o({
+			(!Object.hasOwn(R.dataset, "rating") || t(R.dataset)) && o({
 				componentName: "VueUiRating",
 				type: "datasetAttribute",
 				property: "rating"
@@ -143,11 +143,11 @@ var T = /* @__PURE__ */ e({ default: () => L }), ie = {
 		return d({
 			getData: _e,
 			toggleReadonly: ve
-		}), (e, n) => (b(), h("div", {
+		}), (e, t) => (b(), h("div", {
 			style: v(`background:${G.value.style.backgroundColor};font-family:${G.value.style.fontFamily};width:100%`),
 			class: "vue-data-ui-component vue-ui-rating",
-			onMouseover: n[4] ||= (e) => B.value = !0,
-			onMouseleave: n[5] ||= (e) => {
+			onMouseover: t[4] ||= (e) => B.value = !0,
+			onMouseleave: t[5] ||= (e) => {
 				B.value = !1, V.value = void 0;
 			}
 		}, [
@@ -158,7 +158,7 @@ var T = /* @__PURE__ */ e({ default: () => L }), ie = {
 			G.value.style.rating.show && G.value.style.rating.position === "top" ? (b(), h("div", {
 				key: 1,
 				style: v(`width:100%;text-align:center;margin-bottom:${G.value.style.rating.offsetY}px;font-size:${G.value.style.rating.fontSize}px;font-weight:${G.value.style.rating.bold ? "bold" : "normal"};margin-left:${G.value.style.rating.offsetX}px`)
-			}, C(w(s)(G.value.style.rating.formatter, q.value, w(t)({
+			}, C(w(s)(G.value.style.rating.formatter, q.value, w(n)({
 				v: q.value,
 				r: G.value.style.rating.roundingValue
 			}), G.value)), 5)) : m("", !0),
@@ -169,21 +169,21 @@ var T = /* @__PURE__ */ e({ default: () => L }), ie = {
 				G.value.style.rating.show && G.value.style.rating.position === "left" ? (b(), h("div", {
 					key: 0,
 					style: v(`width:fit-content;text-align:center;margin-bottom:${G.value.style.rating.offsetY}px;font-size:${G.value.style.rating.fontSize}px;font-weight:${G.value.style.rating.bold ? "bold" : "normal"};padding-right:${G.value.style.rating.offsetX}px`)
-				}, C(w(s)(G.value.style.rating.formatter, q.value, w(t)({
+				}, C(w(s)(G.value.style.rating.formatter, q.value, w(n)({
 					v: q.value,
 					r: G.value.style.rating.roundingValue
 				}), G.value)), 5)) : m("", !0),
-				(b(!0), h(f, null, ee(U.value, (a, o) => (b(), h("div", {
+				(b(!0), h(f, null, ee(U.value, (r, o) => (b(), h("div", {
 					class: "vue-ui-rating-unit-container",
 					style: v(`position:relative;height:${G.value.style.itemSize}px;width:${G.value.style.itemSize}px`)
 				}, [
 					e.$slots["layer-under"] || e.$slots["layer-above"] ? (b(), h("div", E, [e.$slots["layer-under"] ? (b(), h("div", D, [S(e.$slots, "layer-under", _({ ref_for: !0 }, {
-						value: a,
+						value: r,
 						size: G.value.style.itemSize,
 						hoveredValue: V.value,
 						focusedValue: H.value
 					}), void 0, !0)])) : m("", !0), e.$slots["layer-above"] ? (b(), h("div", O, [S(e.$slots, "layer-above", _({ ref_for: !0 }, {
-						value: a,
+						value: r,
 						size: G.value.style.itemSize,
 						hoveredValue: V.value,
 						focusedValue: H.value
@@ -193,7 +193,7 @@ var T = /* @__PURE__ */ e({ default: () => L }), ie = {
 						height: G.value.style.itemSize,
 						width: G.value.style.itemSize,
 						class: "vue-ui-rating-unit",
-						style: v(`position:absolute;top:0;left:0;opacity:${isNaN(V.value) ? G.value.style.image.inactiveOpacity : Z(a, !0)}`)
+						style: v(`position:absolute;top:0;left:0;opacity:${isNaN(V.value) ? G.value.style.image.inactiveOpacity : Z(r, !0)}`)
 					}, null, 12, ae)) : (b(), h("svg", {
 						key: 1,
 						xmlns: w(c),
@@ -210,12 +210,12 @@ var T = /* @__PURE__ */ e({ default: () => L }), ie = {
 						id: `star_gradient_under_${z.value}`
 					}, [g("stop", {
 						offset: "0%",
-						"stop-color": `${w(r)(G.value.style.star.activeColor, .05)}`
+						"stop-color": `${w(i)(G.value.style.star.activeColor, .05)}`
 					}, null, 8, ce), g("stop", {
 						offset: "100%",
 						"stop-color": G.value.style.star.activeColor
 					}, null, 8, le)], 8, se)]), g("polygon", {
-						points: w(i)({
+						points: w(a)({
 							plot: {
 								x: 50,
 								y: 50
@@ -223,18 +223,18 @@ var T = /* @__PURE__ */ e({ default: () => L }), ie = {
 							radius: 30,
 							apexes: G.value.style.star.apexes
 						}),
-						fill: isNaN(V.value) ? G.value.style.star.inactiveColor : Z(a),
-						stroke: G.value.style.star.borderColor ? G.value.style.star.borderColor : V.value ? Z(a) : G.value.style.star.inactiveColor,
+						fill: isNaN(V.value) ? G.value.style.star.inactiveColor : Z(r),
+						stroke: G.value.style.star.borderColor ? G.value.style.star.borderColor : V.value ? Z(r) : G.value.style.star.inactiveColor,
 						"stroke-width": G.value.style.star.borderWidth,
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round"
 					}, null, 8, ue)], 8, oe)), J.value ? (b(), h("img", {
 						key: 2,
 						src: G.value.style.image.src,
-						alt: `${G.value.style.image.alt} ${a}`,
+						alt: `${G.value.style.image.alt} ${r}`,
 						height: G.value.style.itemSize,
 						width: G.value.style.itemSize,
-						id: `active_${z.value}_${a}`,
+						id: `active_${z.value}_${r}`,
 						class: "vue-ui-rating-unit",
 						style: v(`position:absolute;top:0;left:0;clip:rect(0px,${Q(o, !0) * G.value.style.itemSize}px,${G.value.style.itemSize}px,0px`)
 					}, null, 12, de)) : (b(), h("svg", {
@@ -243,7 +243,7 @@ var T = /* @__PURE__ */ e({ default: () => L }), ie = {
 						viewBox: `0 0 ${Q(o)} 100`,
 						height: G.value.style.itemSize,
 						class: "vue-ui-rating-unit",
-						id: `active_${z.value}_${a}`,
+						id: `active_${z.value}_${r}`,
 						style: {
 							position: "absolute",
 							top: "0",
@@ -258,12 +258,12 @@ var T = /* @__PURE__ */ e({ default: () => L }), ie = {
 						id: `star_gradient_over_${z.value}`
 					}, [g("stop", {
 						offset: "0%",
-						"stop-color": `${w(r)(G.value.style.star.activeColor, .05)}`
+						"stop-color": `${w(i)(G.value.style.star.activeColor, .05)}`
 					}, null, 8, j), g("stop", {
 						offset: "100%",
 						"stop-color": G.value.style.star.activeColor
 					}, null, 8, M)], 8, A)]), g("polygon", {
-						points: w(i)({
+						points: w(a)({
 							plot: {
 								x: 50,
 								y: 50
@@ -288,13 +288,13 @@ var T = /* @__PURE__ */ e({ default: () => L }), ie = {
 						width: 100,
 						height: 100,
 						fill: "transparent",
-						onClick: (e) => $(a),
-						onMouseenter: (e) => V.value = a,
-						onMouseleave: n[0] ||= (e) => V.value = void 0,
-						onFocus: (e) => H.value = a,
-						onBlur: n[1] ||= (e) => H.value = void 0,
+						onClick: (e) => $(r),
+						onMouseenter: (e) => V.value = r,
+						onMouseleave: t[0] ||= (e) => V.value = void 0,
+						onFocus: (e) => H.value = r,
+						onBlur: t[1] ||= (e) => H.value = void 0,
 						tabindex: "0",
-						onKeyup: re((e) => $(a), ["enter"])
+						onKeyup: re((e) => $(r), ["enter"])
 					}, null, 40, F)), Y.value ? (b(), h("rect", {
 						key: 1,
 						class: "vue-ui-rating-mouse-trap",
@@ -303,19 +303,19 @@ var T = /* @__PURE__ */ e({ default: () => L }), ie = {
 						width: 100,
 						height: 100,
 						fill: "transparent",
-						onMouseenter: (e) => V.value = a,
-						onMouseleave: n[2] ||= (e) => V.value = void 0,
-						onFocus: (e) => H.value = a,
-						onBlur: n[3] ||= (e) => H.value = void 0
+						onMouseenter: (e) => V.value = r,
+						onMouseleave: t[2] ||= (e) => V.value = void 0,
+						onFocus: (e) => H.value = r,
+						onBlur: t[3] ||= (e) => H.value = void 0
 					}, null, 40, I)) : m("", !0)], 12, P)),
 					G.value.style.tooltip.show && he.value && Y.value ? (b(), h("div", {
 						key: 2,
 						class: "vue-ui-rating-tooltip",
-						style: v(`border:1px solid ${G.value.style.tooltip.borderColor};position:absolute;top:${-48 + G.value.style.tooltip.offsetY}px;left:50%;transform:translateX(-50%);width:fit-content;text-align:center;background:${G.value.style.tooltip.backgroundColor};display:${V.value === a ? "block" : "none"};padding:2px 12px;border-radius:${G.value.style.tooltip.borderRadius}px;box-shadow:${G.value.style.tooltip.boxShadow}`)
+						style: v(`border:1px solid ${G.value.style.tooltip.borderColor};position:absolute;top:${-48 + G.value.style.tooltip.offsetY}px;left:50%;transform:translateX(-50%);width:fit-content;text-align:center;background:${G.value.style.tooltip.backgroundColor};display:${V.value === r ? "block" : "none"};padding:2px 12px;border-radius:${G.value.style.tooltip.borderRadius}px;box-shadow:${G.value.style.tooltip.boxShadow}`)
 					}, [g("div", { style: v(`width:100%;display:flex;flex-direction:row;gap:6px;position:relative;text-align:center;color:${G.value.style.tooltip.color}`) }, [
-						g("span", { style: v(`font-size:${G.value.style.tooltip.fontSize}px`) }, C(a) + ":", 5),
-						g("span", { style: v(`font-weight:${G.value.style.tooltip.bold ? "bold" : "normal"};font-size:${G.value.style.tooltip.fontSize}px`) }, C(w(s)(G.value.style.tooltip.formatter, R.dataset.rating[a], w(t)({
-							v: R.dataset.rating[a],
+						g("span", { style: v(`font-size:${G.value.style.tooltip.fontSize}px`) }, C(r) + ":", 5),
+						g("span", { style: v(`font-weight:${G.value.style.tooltip.bold ? "bold" : "normal"};font-size:${G.value.style.tooltip.fontSize}px`) }, C(w(s)(G.value.style.tooltip.formatter, R.dataset.rating[r], w(n)({
+							v: R.dataset.rating[r],
 							r: G.value.style.tooltip.roundingValue
 						}), G.value)), 5),
 						g("div", { style: v(`font-family:Arial !important;position:absolute;top:calc(100% - 4px);left:50%;transform:translateX(-50%);color:${G.value.style.tooltip.borderColor}`) }, " ▼ ", 4)
@@ -324,7 +324,7 @@ var T = /* @__PURE__ */ e({ default: () => L }), ie = {
 				G.value.style.rating.show && G.value.style.rating.position === "right" ? (b(), h("div", {
 					key: 1,
 					style: v(`width:fit-content;text-align:center;margin-bottom:${G.value.style.rating.offsetY}px;font-size:${G.value.style.rating.fontSize}px;font-weight:${G.value.style.rating.bold ? "bold" : "normal"};padding-left:${G.value.style.rating.offsetX}px`)
-				}, C(w(s)(G.value.style.rating.formatter, q.value, w(t)({
+				}, C(w(s)(G.value.style.rating.formatter, q.value, w(n)({
 					v: q.value,
 					r: G.value.style.rating.roundingValue
 				}), G.value)), 5)) : m("", !0)
@@ -332,7 +332,7 @@ var T = /* @__PURE__ */ e({ default: () => L }), ie = {
 			G.value.style.rating.show && G.value.style.rating.position === "bottom" ? (b(), h("div", {
 				key: 2,
 				style: v(`width:100%;text-align:center;margin-top:${G.value.style.rating.offsetY}px;font-size:${G.value.style.rating.fontSize}px;font-weight:${G.value.style.rating.bold ? "bold" : "normal"};margin-left:${G.value.style.rating.offsetX}px`)
-			}, C(w(s)(G.value.style.rating.formatter, q.value, w(t)({
+			}, C(w(s)(G.value.style.rating.formatter, q.value, w(n)({
 				v: q.value,
 				r: G.value.style.rating.roundingValue
 			}), G.value)), 5)) : m("", !0)