vue-data-ui 3.25.11 → 3.25.13

package/dist/{vue-ui-rings-CBtHZ5Pp.js → vue-ui-rings-CO48GOP2.js}

@@ -1,25 +1,25 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, Ct as n, D as r, G as i, Lt as a, Pt as o, S as ee, Ut as te, Vt as ne, Wt as re, X as s, Yt as ie, Z as ae, Zt as oe, b as se, ht as ce, i as le, lt as ue, nt as de, q as fe, t as pe, w as me } from "./lib-Dql7cqyA.js";
+import { $ as t, $t as n, D as r, Et as i, Gt as a, J as o, Jt as ee, Rt as te, S as ne, Vt as s, X as re, at as ie, b as ae, et as oe, ft as se, i as ce, nt as le, qt as ue, t as de, tn as fe, vt as pe, w as me } from "./lib-DOpaUOQx.js";
 import { n as he, t as ge } from "./useHints-Dq_w2E8B.js";
-import { t as _e } from "./useConfig-D32D002m.js";
-import { t as ve } from "./usePrinter-hohanNCX.js";
+import { t as _e } from "./useConfig-C2uy4ltq.js";
+import { t as ve } from "./usePrinter-BBBooAGP.js";
 import { n as ye, t as be } from "./BaseScanner-Dzc8VT3j.js";
-import { t as xe } from "./useNestedProp-Chvyfpl-.js";
+import { t as xe } from "./useNestedProp-Bux0f4iY.js";
 import { t as Se } from "./useThemeCheck-C43Tcqmk.js";
 import { t as Ce } from "./useChartExport-iwOqiIWX.js";
 import { t as we } from "./useTransitions-g_zBREk2.js";
-import { t as Te } from "./img-BkMKbWsI.js";
-import { n as Ee } from "./Title-CPHi-evi.js";
-import { t as De } from "./Shape-CIqU-p2F.js";
+import { t as Te } from "./img-W50sC9SC.js";
+import { n as Ee } from "./Title-DeqmC-vN.js";
+import { t as De } from "./Shape-VCdxvFV9.js";
 import { t as Oe } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as ke, t as Ae } from "./useResponsive-ZtArZtUf.js";
 import { t as je } from "./DefGrad-DVBqDjhO.js";
-import { t as Me } from "./BaseLegendToggle-CXQrLjd-.js";
+import { t as Me } from "./BaseLegendToggle-DGG65LAR.js";
 import { t as Ne } from "./A11yDataTable-DdRsVULz.js";
 import { t as Pe } from "./useUserOptionState-DK-_1ddE.js";
 import { t as Fe } from "./useChartAccessibility-DYqac8yF.js";
-import { t as Ie } from "./labelUtils-BXX2NzRe.js";
-import { t as Le } from "./Legend-X4kF4PvW.js";
+import { t as Ie } from "./labelUtils-Dvm-7rse.js";
+import { t as Le } from "./Legend-C0Ln0VNe.js";
 import { t as Re } from "./vue_ui_rings-BVgD2aMn.js";
 import { Fragment as ze, Teleport as Be, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createSlots as Ve, createTextVNode as He, createVNode as Ue, defineAsyncComponent as p, guardReactiveProps as m, mergeProps as We, nextTick as Ge, normalizeClass as h, normalizeProps as g, normalizeStyle as _, onBeforeUnmount as Ke, onMounted as qe, openBlock as v, ref as y, renderList as Je, renderSlot as b, resolveDynamicComponent as Ye, shallowRef as Xe, toDisplayString as Ze, toRefs as Qe, unref as x, useSlots as $e, watch as et, withCtx as S } from "vue";
 //#region src/components/vue-ui-rings.vue
@@ -108,7 +108,7 @@ var tt = /* @__PURE__ */ e({ default: () => St }), nt = ["id"], rt = ["id"], it
 	},
 	emits: ["selectLegend", "copyAlt"],
 	setup(e, { expose: Oe, emit: tt }) {
-		let St = p(() => import("./Tooltip-hhrkQ3Lk.js")), Ct = p(() => import("./BaseIcon-D8R6_sKH.js").then((e) => e.n)), wt = p(() => import("./vue-ui-accordion-DmkL8A59.js").then((e) => e.n)), Tt = p(() => import("./DataTable-oiM9uWrQ.js")), Et = p(() => import("./PenAndPaper-Cd3nItcO.js").then((e) => e.t)), Dt = p(() => import("./UserOptions-qo_Tsqci.js").then((e) => e.n)), Ot = p(() => import("./PackageVersion-CEvZNFTz.js").then((e) => e.t)), kt = p(() => import("./BaseDraggableDialog-Gm4Q30j0.js").then((e) => e.n)), { vue_ui_rings: At } = _e(), { isThemeValid: jt, warnInvalidTheme: Mt } = Se(), Nt = $e(), C = e, w = y(!1), Pt = c(() => !!C.dataset && C.dataset.length), T = y(fe()), E = y(!1), Ft = y(""), D = y(null), It = y(0), O = y(null), Lt = y(null), Rt = y(null), zt = y(null), Bt = y(null), Vt = y(0), Ht = y(0), Ut = y(0), Wt = y(!1), Gt = y(!1), Kt = y(null), qt = y(null), k = y(null), Jt = y({
+		let St = p(() => import("./Tooltip-DZ4a3XJQ.js")), Ct = p(() => import("./BaseIcon-Dlz7gfx0.js").then((e) => e.n)), wt = p(() => import("./vue-ui-accordion-yHZMJLaY.js").then((e) => e.n)), Tt = p(() => import("./DataTable-BD1eZ0zB.js")), Et = p(() => import("./PenAndPaper-XdUD8uB3.js").then((e) => e.t)), Dt = p(() => import("./UserOptions-wFD9vo9g.js").then((e) => e.n)), Ot = p(() => import("./PackageVersion-D5QkTJQU.js").then((e) => e.t)), kt = p(() => import("./BaseDraggableDialog-Ck6R5Q0K.js").then((e) => e.n)), { vue_ui_rings: At } = _e(), { isThemeValid: jt, warnInvalidTheme: Mt } = Se(), Nt = $e(), C = e, w = y(!1), Pt = c(() => !!C.dataset && C.dataset.length), T = y(re()), E = y(!1), Ft = y(""), D = y(null), It = y(0), O = y(null), Lt = y(null), Rt = y(null), zt = y(null), Bt = y(null), Vt = y(0), Ht = y(0), Ut = y(0), Wt = y(!1), Gt = y(!1), Kt = y(null), qt = y(null), k = y(null), Jt = y({
 			x: 0,
 			y: 0
 		}), Yt = y("pointer"), Xt = y(!1), A = y(rn()), j = c(() => A.value.userOptions), M = c(() => A.value.style.chart.layout.rings), N = c(() => A.value.style.chart.layout.labels), P = c(() => A.value.style.chart.tooltip), F = c(() => A.value.style.chart);
@@ -136,7 +136,7 @@ var tt = /* @__PURE__ */ e({ default: () => St }), nt = ["id"], rt = ["id"], it
 		let { transitionEnabled: I } = we({
 			config: () => A.value.transitions,
 			dataset: () => C.dataset
-		}), L = c(() => A.value.userOptions.useCursorPointer), Zt = c(() => oe({
+		}), L = c(() => A.value.userOptions.useCursorPointer), Zt = c(() => fe({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },
@@ -184,7 +184,7 @@ var tt = /* @__PURE__ */ e({ default: () => St }), nt = ["id"], rt = ["id"], it
 					color: "#DBDBDB"
 				}
 			],
-			skeletonConfig: oe({
+			skeletonConfig: fe({
 				defaultConfig: A.value,
 				userConfig: Zt.value
 			})
@@ -196,20 +196,20 @@ var tt = /* @__PURE__ */ e({ default: () => St }), nt = ["id"], rt = ["id"], it
 			}), t = e.theme;
 			if (!t) return e;
 			if (!jt.value(e)) return Mt(e), e;
-			let n = xe({
+			let r = xe({
 				userConfig: Re[t] || C.config,
 				defaultConfig: e
 			});
 			return {
 				...xe({
 					userConfig: C.config,
-					defaultConfig: n
+					defaultConfig: r
 				}),
-				customPalette: e.customPalette.length ? e.customPalette : ie[e.theme] || a
+				customPalette: e.customPalette.length ? e.customPalette : n[e.theme] || s
 			};
 		}
 		function an(e) {
-			let t = ae(e);
+			let t = oe(e);
 			return t?.style?.chart && delete t.style.chart.tooltip, JSON.stringify(t);
 		}
 		let on = an(C.config);
@@ -242,20 +242,20 @@ var tt = /* @__PURE__ */ e({ default: () => St }), nt = ["id"], rt = ["id"], it
 		});
 		let cn = c(() => A.value.debug);
 		function ln() {
-			if (o(C.dataset) ? (de({
+			if (te(C.dataset) ? (ie({
 				componentName: "VueUiRings",
 				type: "dataset",
 				debug: cn.value
 			}), $t.value = !0) : C.dataset.forEach((e, t) => {
-				e.values.length || (de({
+				e.values.length || (ie({
 					componentName: "VueUiRings",
 					type: "dataset",
 					debug: cn.value
-				}), $t.value = !0), ce({
+				}), $t.value = !0), pe({
 					datasetObject: e,
 					requiredAttributes: ["name", "values"]
 				}).forEach((e) => {
-					de({
+					ie({
 						componentName: "VueUiRings",
 						type: "datasetSerieAttribute",
 						property: e,
@@ -263,7 +263,7 @@ var tt = /* @__PURE__ */ e({ default: () => St }), nt = ["id"], rt = ["id"], it
 						debug: cn.value
 					});
 				});
-			}), o(C.dataset) || ($t.value = A.value.loading), A.value.responsive) {
+			}), te(C.dataset) || ($t.value = A.value.loading), A.value.responsive) {
 				let e = ke(() => {
 					Wt.value = !0;
 					let { width: e, height: t } = Ae({
@@ -342,33 +342,33 @@ var tt = /* @__PURE__ */ e({ default: () => St }), nt = ["id"], rt = ["id"], it
 			return e / wn.value;
 		}
 		let K = c(() => Qt.value.map(({ values: e, name: t, color: n = null }, r) => {
-			let i = ne(e).reduce((e, t) => e + t, 0);
+			let i = a(e).reduce((e, t) => e + t, 0);
 			return {
 				name: t,
-				color: n || ee(n) || hn.value[r] || a[r] || a[r % a.length],
+				color: n || ne(n) || hn.value[r] || s[r] || s[r % s.length],
 				value: i,
 				proportion: i / Qt.value.map((e) => (e.values || []).reduce((e, t) => e + t, 0)).reduce((e, t) => e + t, 0),
-				uid: fe(),
+				uid: re(),
 				absoluteIndex: r
 			};
-		})), En = c(() => K.value.map((e, t) => {
-			let n = le(N.value.dataLabels.formatter, e.value, s({
+		})), En = c(() => K.value.map((e, n) => {
+			let r = ce(N.value.dataLabels.formatter, e.value, t({
 				p: N.value.dataLabels.prefix,
 				v: e.value,
 				s: N.value.dataLabels.suffix,
 				r: F.value.legend.roundingValue
 			}), {
 				datapoint: e,
-				index: t
-			}), r = isNaN(e.value / q.value) ? "-" : s({
+				index: n
+			}), i = isNaN(e.value / q.value) ? "-" : t({
 				v: e.value / q.value * 100,
 				s: "%",
 				r: F.value.legend.roundingPercentage
-			}), i = jn({
+			}), a = jn({
 				showVal: F.value.legend.showValue,
 				showPercentage: F.value.legend.showPercentage,
-				val: n,
-				percentage: G.value.includes(e.uid) ? "-%" : r
+				val: r,
+				percentage: G.value.includes(e.uid) ? "-%" : i
 			});
 			return {
 				...e,
@@ -376,7 +376,7 @@ var tt = /* @__PURE__ */ e({ default: () => St }), nt = ["id"], rt = ["id"], it
 				opacity: G.value.includes(e.uid) ? .5 : 1,
 				segregate: () => bn(e.uid),
 				isSegregated: G.value.includes(e.uid),
-				display: `${e.name}${F.value.legend.showPercentage || F.value.legend.showValue ? ": " : ""}${i}`
+				display: `${e.name}${F.value.legend.showPercentage || F.value.legend.showValue ? ": " : ""}${a}`
 			};
 		}).toSorted((e, t) => t.value - e.value)), Dn = c(() => ({
 			cy: "rings-div-legend",
@@ -385,11 +385,11 @@ var tt = /* @__PURE__ */ e({ default: () => St }), nt = ["id"], rt = ["id"], it
 			fontSize: F.value.legend.fontSize,
 			paddingBottom: 12,
 			fontWeight: F.value.legend.bold ? "bold" : ""
-		})), q = c(() => K.value.filter((e) => !G.value.includes(e.uid)).map(({ value: e }) => e).reduce((e, t) => e + t, 0)), J = c(() => K.value.filter((e) => !G.value.includes(e.uid)).map(({ name: e, value: t, color: n = null, uid: r, absoluteIndex: i }, o) => ({
+		})), q = c(() => K.value.filter((e) => !G.value.includes(e.uid)).map(({ value: e }) => e).reduce((e, t) => e + t, 0)), J = c(() => K.value.filter((e) => !G.value.includes(e.uid)).map(({ name: e, value: t, color: n = null, uid: r, absoluteIndex: i }, a) => ({
 			absoluteIndex: i,
 			uid: r,
 			name: e,
-			color: n || ee(n) || hn.value[o] || a[o] || a[o % a.length],
+			color: n || ne(n) || hn.value[a] || s[a] || s[a % s.length],
 			value: t,
 			proportion: Tn(t),
 			percentage: t / q.value * 100,
@@ -428,25 +428,25 @@ var tt = /* @__PURE__ */ e({ default: () => St }), nt = ["id"], rt = ["id"], it
 			});
 		}
 		function Mn(e) {
-			let t = N.value.dataLabels, n = le(t.formatter, e.value, s({
-				p: t.prefix,
+			let n = N.value.dataLabels, r = ce(n.formatter, e.value, t({
+				p: n.prefix,
 				v: e.value,
-				s: t.suffix,
-				r: t.roundingValue
-			})), r = s({
+				s: n.suffix,
+				r: n.roundingValue
+			})), i = t({
 				v: e.percentage,
 				s: "%",
-				r: t.roundingPercentage
+				r: n.roundingPercentage
 			});
 			return `${e.name}\n${jn({
-				val: n,
-				percentage: r,
-				showVal: t.showValue,
-				showPercentage: t.showPercentage
+				val: r,
+				percentage: i,
+				showVal: n.showValue,
+				showPercentage: n.showPercentage
 			})}`;
 		}
 		function Nn(e) {
-			return se(Y.value * e.proportion / 2 * .9 <= 0 ? 1e-4 : Y.value * e.proportion / 2 * .9);
+			return ae(Y.value * e.proportion / 2 * .9 <= 0 ? 1e-4 : Y.value * e.proportion / 2 * .9);
 		}
 		function Pn(e, t) {
 			return t === 0 ? B.value.y : B.value.y + Y.value * J.value[0].proportion / 2 - Y.value * e.proportion / 2 - 2 * (t + 1);
@@ -459,49 +459,49 @@ var tt = /* @__PURE__ */ e({ default: () => St }), nt = ["id"], rt = ["id"], it
 			};
 		}
 		let Fn = y(null);
-		function In(e, t, r = "pointer") {
+		function In(e, n, r = "pointer") {
 			if (A.value.events.datapointEnter && A.value.events.datapointEnter({
 				datapoint: e,
-				seriesIndex: t
+				seriesIndex: n
 			}), G.value.length === C.dataset.length) return;
 			Fn.value = {
 				datapoint: e,
-				seriesIndex: t,
+				seriesIndex: n,
 				series: J.value,
 				config: A.value
-			}, D.value = t, k.value = t, Yt.value = r;
-			let i = J.value[t], a = P.value.customFormat;
-			if (n(a) && ue(() => a({
-				seriesIndex: t,
+			}, D.value = n, k.value = n, Yt.value = r;
+			let a = J.value[n], o = P.value.customFormat;
+			if (i(o) && se(() => o({
+				seriesIndex: n,
 				datapoint: e,
 				series: J.value,
 				config: A.value
-			}))) Ft.value = a({
-				seriesIndex: t,
+			}))) Ft.value = o({
+				seriesIndex: n,
 				datapoint: e,
 				series: J.value,
 				config: A.value
 			});
 			else {
-				let n = "";
-				n += `<div style="width:100%;text-align:center;border-bottom:1px solid ${P.value.borderColor};padding-bottom:6px;margin-bottom:3px;">${i.name}</div>`, n += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 60 60" height="14" width="14"><circle cx="30" cy="30" r="30" stroke="none" fill="${i.color}" />${Nt.pattern ? `<circle cx="30" cy="30" r="30" stroke="none" fill="url(#pattern_${T.value}_${e.absoluteIndex})" />` : ""}</svg>`, n += `<b>${jn({
+				let r = "";
+				r += `<div style="width:100%;text-align:center;border-bottom:1px solid ${P.value.borderColor};padding-bottom:6px;margin-bottom:3px;">${a.name}</div>`, r += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 60 60" height="14" width="14"><circle cx="30" cy="30" r="30" stroke="none" fill="${a.color}" />${Nt.pattern ? `<circle cx="30" cy="30" r="30" stroke="none" fill="url(#pattern_${T.value}_${e.absoluteIndex})" />` : ""}</svg>`, r += `<b>${jn({
 					showVal: P.value.showValue,
 					showPercentage: P.value.showPercentage,
-					val: `<span>${le(N.value.dataLabels.formatter, i.value, s({
+					val: `<span>${ce(N.value.dataLabels.formatter, a.value, t({
 						p: N.value.dataLabels.prefix,
-						v: i.value,
+						v: a.value,
 						s: N.value.dataLabels.suffix,
 						r: P.value.roundingValue
 					}), {
 						datapoint: e,
-						seriesIndex: t
+						seriesIndex: n
 					})}</span>`,
-					percentage: s({
-						v: i.value / q.value * 100,
+					percentage: t({
+						v: a.value / q.value * 100,
 						s: "%",
 						r: P.value.roundingPercentage
 					})
-				})}</b></div>`, Ft.value = n;
+				})}</b></div>`, Ft.value = r;
 			}
 			E.value = !0;
 		}
@@ -514,30 +514,30 @@ var tt = /* @__PURE__ */ e({ default: () => St }), nt = ["id"], rt = ["id"], it
 		})), Q = c(() => {
 			let e = [
 				"__SUM__",
-				s({
+				t({
 					p: N.value.dataLabels.prefix,
 					v: q.value,
 					s: N.value.dataLabels.suffix,
 					r: A.value.table.td.roundingValue
 				}),
 				"100%"
-			], t = Z.value.head.map((e, t) => [
+			], n = Z.value.head.map((e, n) => [
 				{
 					color: e.color,
 					name: e.name
 				},
-				s({
+				t({
 					p: N.value.dataLabels.prefix,
-					v: Z.value.body[t],
+					v: Z.value.body[n],
 					s: N.value.dataLabels.suffix,
 					r: A.value.table.td.roundingValue
 				}),
-				isNaN(Z.value.body[t] / q.value) ? "-" : (Z.value.body[t] / q.value * 100).toFixed(A.value.table.td.roundingPercentage) + "%"
+				isNaN(Z.value.body[n] / q.value) ? "-" : (Z.value.body[n] / q.value * 100).toFixed(A.value.table.td.roundingPercentage) + "%"
 			]);
 			return {
 				head: e,
-				body: t,
-				a11yBody: t.map((e) => e.map((e, t) => t === 0 ? e.name : e)),
+				body: n,
+				a11yBody: n.map((e) => e.map((e, t) => t === 0 ? e.name : e)),
 				config: {
 					th: {
 						backgroundColor: A.value.table.th.backgroundColor,
@@ -560,11 +560,11 @@ var tt = /* @__PURE__ */ e({ default: () => St }), nt = ["id"], rt = ["id"], it
 		});
 		function Ln(e = null) {
 			Ge(() => {
-				let n = Z.value.head.map((e, t) => [
+				let t = Z.value.head.map((e, t) => [
 					[e.name],
 					[Z.value.body[t]],
 					[isNaN(Z.value.body[t] / q.value) ? "-" : Z.value.body[t] / q.value * 100]
-				]), i = [
+				]), n = [
 					[F.value.title.text],
 					[F.value.title.subtitle.text],
 					[
@@ -572,9 +572,9 @@ var tt = /* @__PURE__ */ e({ default: () => St }), nt = ["id"], rt = ["id"], it
 						["val"],
 						["%"]
 					]
-				].concat(n), a = r(i);
-				e ? e(a) : t({
-					csvContent: a,
+				].concat(t), i = r(n);
+				e ? e(i) : le({
+					csvContent: i,
 					title: F.value.title.text || "vue-ui-rings"
 				});
 			});
@@ -929,7 +929,7 @@ var tt = /* @__PURE__ */ e({ default: () => St }), nt = ["id"], rt = ["id"], it
 			f("div", at, [(v(), d("svg", {
 				ref_key: "svgRef",
 				ref: z,
-				xmlns: x(pe),
+				xmlns: x(de),
 				class: h({
 					"vue-data-ui-fullscreen--on": $.value,
 					"vue-data-ui-fulscreen--off": !$.value,
@@ -964,7 +964,7 @@ var tt = /* @__PURE__ */ e({ default: () => St }), nt = ["id"], rt = ["id"], it
 					key: `gradient_${T.value}_${t}`,
 					stops: [[
 						"0%",
-						x(te)(x(re)(e.color, .05), 100 - M.value.gradient.intensity),
+						x(ue)(x(ee)(e.color, .05), 100 - M.value.gradient.intensity),
 						1
 					], [
 						"100%",
@@ -1074,7 +1074,7 @@ var tt = /* @__PURE__ */ e({ default: () => St }), nt = ["id"], rt = ["id"], it
 							onMouseenter: (e) => In(t, n, "pointer"),
 							onMouseleave: (e) => An(t, n),
 							onClick: (e) => kn(t, n),
-							innerHTML: x(i)({
+							innerHTML: x(o)({
 								content: Mn(t),
 								fontSize: N.value.dataLabels.fontSize,
 								fill: N.value.dataLabels.color,