vue-data-ui 3.22.4 → 3.22.6

package/dist/{vue-ui-gauge-AbzY-7Gg.js → vue-ui-gauge-Dt0H7DgC.js}

@@ -1,19 +1,19 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Et as t, Gt as n, H as r, Lt as i, Ot as a, Q as o, S as ee, T as te, Ut as ne, W as re, Wt as ie, b as ae, i as oe, jt as se, kt as s, q as c, t as ce, u as le, ut as ue, v as de } from "./lib-CuwHGt1j.js";
-import { t as fe } from "./useConfig-pVLia3dt.js";
-import { t as pe } from "./usePrinter-C0wAS8yc.js";
+import { At as t, Dt as n, H as r, Ht as i, It as a, Ot as o, Q as s, S as ee, T as te, Tt as ne, Ut as re, W as ie, Wt as ae, b as oe, i as c, lt as se, q as ce, t as le, u as ue, v as de } from "./lib-DRBJCmHW.js";
+import { t as fe } from "./useConfig-DYM3f6EI.js";
+import { t as pe } from "./usePrinter-CRp5IW3v.js";
 import { n as me, t as he } from "./BaseScanner-DZvpgOjM.js";
 import { t as ge } from "./useSvgExport-SVIsDot8.js";
-import { t as _e } from "./useNestedProp-BjkuFaz1.js";
+import { t as _e } from "./useNestedProp-BEo2N1Db.js";
 import { t as ve } from "./useThemeCheck-C43Tcqmk.js";
-import { t as ye } from "./img-B29J8tV5.js";
-import { n as be } from "./Title-DDEEO-Nr.js";
+import { t as ye } from "./img-B_y5qDdm.js";
+import { n as be } from "./Title-C-p0ilWB.js";
 import { t as xe } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { c as Se } from "./canvas-lib-BOP_HS11.js";
 import { t as Ce } from "./useResponsive-BfnK0KxU.js";
 import { t as we } from "./useUserOptionState-DK-_1ddE.js";
 import { t as Te } from "./useChartAccessibility-DYqac8yF.js";
-import { t as Ee } from "./useAutoSizeLabelsInsideViewbox-DzAZ-MeY.js";
+import { t as Ee } from "./useAutoSizeLabelsInsideViewbox-DPMOys9n.js";
 import { t as De } from "./vue_ui_gauge-Cf1RZc9q.js";
 import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createSlots as Oe, createVNode as ke, defineAsyncComponent as Ae, guardReactiveProps as h, mergeProps as g, nextTick as je, normalizeClass as Me, normalizeProps as _, normalizeStyle as Ne, onBeforeUnmount as Pe, onMounted as Fe, openBlock as v, ref as y, renderList as b, renderSlot as x, shallowRef as Ie, toDisplayString as S, toRefs as Le, unref as C, watch as Re, withCtx as w } from "vue";
 //#region src/components/vue-ui-gauge.vue
@@ -107,7 +107,7 @@ var ze = /* @__PURE__ */ e({ default: () => xt }), Be = ["id"], Ve = { key: 0 },
 	},
 	emits: ["copyAlt"],
 	setup(e, { expose: xe, emit: ze }) {
-		let xt = Ae(() => import("./PenAndPaper-ISUbDKXq.js").then((e) => e.t)), St = Ae(() => import("./UserOptions-BxT1XHzN.js").then((e) => e.n)), Ct = Ae(() => import("./PackageVersion-Cm-3hwIF.js").then((e) => e.t)), { vue_ui_gauge: wt } = fe(), { isThemeValid: Tt, warnInvalidTheme: Et } = ve(), T = e, Dt = ze, Ot = u(() => !!T.dataset && Object.keys(T.dataset).length > 0 && T.dataset.series && T.dataset.series.length), E = y(re()), kt = y(null), At = y(0), D = y(null), jt = y(null), Mt = y(null), Nt = y(null), Pt = y(null), Ft = y(0), O = y(!1), k = y(!1), A = y(F()), It = u(() => A.value.userOptions.useCursorPointer), Lt = u(() => n({
+		let xt = Ae(() => import("./PenAndPaper-Bk2-E7V4.js").then((e) => e.t)), St = Ae(() => import("./UserOptions-BO4VFL8O.js").then((e) => e.n)), Ct = Ae(() => import("./PackageVersion-Da7hl-34.js").then((e) => e.t)), { vue_ui_gauge: wt } = fe(), { isThemeValid: Tt, warnInvalidTheme: Et } = ve(), T = e, Dt = ze, Ot = u(() => !!T.dataset && Object.keys(T.dataset).length > 0 && T.dataset.series && T.dataset.series.length), E = y(ie()), kt = y(null), At = y(0), D = y(null), jt = y(null), Mt = y(null), Nt = y(null), Pt = y(null), Ft = y(0), O = y(!1), k = y(!1), A = y(F()), It = u(() => A.value.userOptions.useCursorPointer), Lt = u(() => ae({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				style: { chart: {
@@ -154,15 +154,15 @@ var ze = /* @__PURE__ */ e({ default: () => xt }), Be = ["id"], Ve = { key: 0 },
 					color: "#CACACA"
 				}]
 			},
-			skeletonConfig: n({
+			skeletonConfig: ae({
 				defaultConfig: A.value,
 				userConfig: Lt.value
 			})
 		}), { userOptionsVisible: N, setUserOptionsVisibility: zt, keepUserOptionState: Bt } = we({ config: A.value }), { svgRef: P } = Te({ config: A.value.style.chart.title });
 		Re(() => T.config, (e) => {
-			Rt.value || (A.value = F()), N.value = !A.value.userOptions.showOnChartHover, Yt(), Ft.value += 1;
+			Rt.value || (A.value = F()), N.value = !A.value.userOptions.showOnChartHover, Jt(), Ft.value += 1;
 		}, { deep: !0 }), Re(() => T.dataset, (e) => {
-			Yt(), e && Object.keys(e).length > 0 && (M.value = A.value?.loading ?? !1);
+			Jt(), e && Object.keys(e).length > 0 && (M.value = A.value?.loading ?? !1);
 		}, {
 			deep: !0,
 			immediate: !1
@@ -171,27 +171,27 @@ var ze = /* @__PURE__ */ e({ default: () => xt }), Be = ["id"], Ve = { key: 0 },
 			let e = _e({
 				userConfig: T.config,
 				defaultConfig: wt
-			}), t = e.theme;
-			if (!t) return e;
+			}), n = e.theme;
+			if (!n) return e;
 			if (!Tt.value(e)) return Et(e), e;
-			let n = _e({
-				userConfig: De[t] || T.config,
+			let r = _e({
+				userConfig: De[n] || T.config,
 				defaultConfig: e
-			}), r = _e({
+			}), a = _e({
 				userConfig: T.config,
-				defaultConfig: n
+				defaultConfig: r
 			});
 			return {
-				...r,
-				customPalette: r.customPalette.length ? r.customPalette : ne[t] || se
+				...a,
+				customPalette: a.customPalette.length ? a.customPalette : i[n] || t
 			};
 		}
-		let { isPrinting: I, isImaging: Vt, generatePdf: Ht, generateImage: Ut } = pe({
+		let { isPrinting: I, isImaging: L, generatePdf: Vt, generateImage: Ht } = pe({
 			elementId: `vue-ui-gauge_${E.value}`,
 			fileName: A.value.style.chart.title.text || "vue-ui-gauge",
 			options: A.value.userOptions.print
-		}), Wt = u(() => A.value.userOptions.show && !A.value.style.chart.title.text), Gt = u(() => ee(A.value.customPalette)), L = u(() => {
-			if (a(j.value.series || {})) return {
+		}), Ut = u(() => A.value.userOptions.show && !A.value.style.chart.title.text), Wt = u(() => ee(A.value.customPalette)), R = u(() => {
+			if (n(j.value.series || {})) return {
 				value: 0,
 				series: [{
 					from: 0,
@@ -202,22 +202,22 @@ var ze = /* @__PURE__ */ e({ default: () => xt }), Be = ["id"], Ve = { key: 0 },
 			(j.value.series || []).forEach((t) => {
 				e.push(t.from || 1e-7), e.push(t.to || 1e-7);
 			});
-			let t = Math.max(...e);
+			let r = Math.max(...e);
 			return {
 				...j.value,
 				series: (j.value.series || []).map((e, n) => ({
 					...e,
-					color: ae(e.color) || Gt.value[n] || se[n],
-					value: ((e.to || 0) - (e.from || 0)) / t * 100
+					color: oe(e.color) || Wt.value[n] || t[n],
+					value: ((e.to || 0) - (e.from || 0)) / r * 100
 				}))
 			};
-		}), R = y(512), z = y({
+		}), z = y(512), B = y({
 			height: 358.4,
-			width: R.value,
+			width: z.value,
 			top: 0,
 			bottom: 358.4,
 			centerX: 179.2,
-			centerY: R.value / 2,
+			centerY: z.value / 2,
 			labelFontSize: 18,
 			legendFontSize: A.value.style.chart.legend.fontSize,
 			pointerRadius: A.value.style.chart.layout.pointer.circle.radius,
@@ -226,72 +226,72 @@ var ze = /* @__PURE__ */ e({ default: () => xt }), Be = ["id"], Ve = { key: 0 },
 			pointerStrokeWidth: A.value.style.chart.layout.pointer.strokeWidth,
 			markerOffset: A.value.style.chart.layout.markers.offsetY + 3,
 			segmentFontSize: A.value.style.chart.layout.segmentNames.fontSize
-		}), B = y(0), V = y(0), H = y(A.value.style.chart.animation.use ? Math.min(...j.value.series.map((e) => e.from)) : j.value.value);
+		}), V = y(0), H = y(0), U = y(A.value.style.chart.animation.use ? Math.min(...j.value.series.map((e) => e.from)) : j.value.value);
 		Re(() => j.value.value, () => {
-			Xt(j.value.value);
+			Yt(j.value.value);
 		});
-		let U = u(() => {
-			let e = z.value.width / 2, t = J.value.base, n = Math.PI * ((H.value + 0 - V.value) / (B.value - V.value)) + Math.PI;
+		let W = u(() => {
+			let e = B.value.width / 2, t = Y.value.base, n = Math.PI * ((U.value + 0 - H.value) / (V.value - H.value)) + Math.PI;
 			return {
 				x1: e,
 				y1: t,
-				x2: e + J.value.pointerSize * z.value.pointerSize * .9 * Math.cos(n),
-				y2: t + J.value.pointerSize * z.value.pointerSize * .9 * Math.sin(n)
+				x2: e + Y.value.pointerSize * B.value.pointerSize * .9 * Math.cos(n),
+				y2: t + Y.value.pointerSize * B.value.pointerSize * .9 * Math.sin(n)
 			};
+		}), Gt = u(() => {
+			let e = B.value.width / 2, t = Y.value.base, n = Math.PI * ((U.value + 0 - H.value) / (V.value - H.value)) + Math.PI, r = e + Y.value.pointerSize * B.value.pointerSize * .9 * Math.cos(n), i = t + Y.value.pointerSize * B.value.pointerSize * .9 * Math.sin(n), a = B.value.pointerRadius, o = e + a * Math.cos(n + Math.PI / 2), s = t + a * Math.sin(n + Math.PI / 2), ee = e + a * Math.cos(n - Math.PI / 2), te = t + a * Math.sin(n - Math.PI / 2);
+			return isNaN(r) ? null : `M ${r},${i} ${o},${s} ${ee},${te} Z`;
 		}), Kt = u(() => {
-			let e = z.value.width / 2, t = J.value.base, n = Math.PI * ((H.value + 0 - V.value) / (B.value - V.value)) + Math.PI, r = e + J.value.pointerSize * z.value.pointerSize * .9 * Math.cos(n), i = t + J.value.pointerSize * z.value.pointerSize * .9 * Math.sin(n), a = z.value.pointerRadius, o = e + a * Math.cos(n + Math.PI / 2), ee = t + a * Math.sin(n + Math.PI / 2), te = e + a * Math.cos(n - Math.PI / 2), ne = t + a * Math.sin(n - Math.PI / 2);
-			return isNaN(r) ? null : `M ${r},${i} ${o},${ee} ${te},${ne} Z`;
-		}), qt = u(() => {
-			for (let e = 0; e < L.value.series.length; e += 1) {
-				let { color: t, from: n, to: r } = L.value.series[e];
-				if (H.value >= n && H.value <= r) return t;
+			for (let e = 0; e < R.value.series.length; e += 1) {
+				let { color: t, from: n, to: r } = R.value.series[e];
+				if (U.value >= n && U.value <= r) return t;
 			}
 			return "#2D353C";
-		}), W = Ie(null), G = Ie(null), K = u({
-			get: () => z.value.segmentFontSize,
+		}), G = Ie(null), K = Ie(null), q = u({
+			get: () => B.value.segmentFontSize,
 			set: (e) => e
-		}), { autoSizeLabels: Jt } = Ee({
+		}), { autoSizeLabels: qt } = Ee({
 			svgRef: P,
-			fontSize: z.value.segmentFontSize,
+			fontSize: B.value.segmentFontSize,
 			minFontSize: A.value.style.chart.layout.segmentNames.minFontSize,
-			sizeRef: K,
+			sizeRef: q,
 			labelClass: ".vue-ui-gauge-label-flat"
-		}), q = u(() => !!A.value.debug);
-		function Yt() {
+		}), J = u(() => !!A.value.debug);
+		function Jt() {
 			let e = !1;
-			if (a(T.dataset) ? (o({
+			if (n(T.dataset) ? (s({
 				componentName: "VueUiGauge",
 				type: "dataset",
-				debug: q.value
-			}), M.value = !0, e = !0) : (ue({
+				debug: J.value
+			}), M.value = !0, e = !0) : (se({
 				datasetObject: T.dataset,
 				requiredAttributes: ["value", "series"]
 			}).forEach((t) => {
-				o({
+				s({
 					componentName: "VueUiGauge",
 					type: "datasetAttribute",
 					property: t,
-					debug: q.value
+					debug: J.value
 				}), M.value = !0, e = !0;
 			}), Object.hasOwn(T.dataset, "series") && (T.dataset.series.length ? T.dataset.series.forEach((t, n) => {
-				ue({
+				se({
 					datasetObject: t,
 					requiredAttributes: ["from", "to"]
 				}).forEach((t) => {
-					o({
+					s({
 						componentName: "VueUiGauge",
 						type: "datasetSerieAttribute",
 						property: t,
 						index: n,
-						debug: q.value
+						debug: J.value
 					}), M.value = !0, e = !0;
 				});
-			}) : (o({
+			}) : (s({
 				componentName: "VueUiGauge",
 				type: "datasetAttributeEmpty",
 				property: "series",
-				debug: q.value
-			}), M.value = !0, e = !0))), M.value = e, Xt(j.value.value || 0), A.value.responsive) {
+				debug: J.value
+			}), M.value = !0, e = !0))), M.value = e, Yt(j.value.value || 0), A.value.responsive) {
 				let e = Se(() => {
 					let { width: e, height: t } = Ce({
 						chart: D.value,
@@ -301,68 +301,68 @@ var ze = /* @__PURE__ */ e({ default: () => xt }), Be = ["id"], Ve = { key: 0 },
 						noTitle: Pt.value
 					});
 					t -= 12, requestAnimationFrame(() => {
-						z.value.width = e, z.value.height = t, z.value.centerX = e / 2, z.value.centerY = R.value / 2 / 358.4 * t, z.value.bottom = t, z.value.labelFontSize = 18 / R.value * Math.min(t, e) < 10 ? 10 : 18 / R.value * Math.min(t, e), z.value.legendFontSize = A.value.style.chart.legend.fontSize / R.value * Math.min(t, e) < 14 ? 14 : A.value.style.chart.legend.fontSize / R.value * Math.min(t, e), z.value.pointerRadius = A.value.style.chart.layout.pointer.circle.radius / R.value * Math.min(t, e), z.value.trackSize = A.value.style.chart.layout.track.size / R.value * Math.min(t, e), z.value.pointerStrokeWidth = ie({
+						B.value.width = e, B.value.height = t, B.value.centerX = e / 2, B.value.centerY = z.value / 2 / 358.4 * t, B.value.bottom = t, B.value.labelFontSize = 18 / z.value * Math.min(t, e) < 10 ? 10 : 18 / z.value * Math.min(t, e), B.value.legendFontSize = A.value.style.chart.legend.fontSize / z.value * Math.min(t, e) < 14 ? 14 : A.value.style.chart.legend.fontSize / z.value * Math.min(t, e), B.value.pointerRadius = A.value.style.chart.layout.pointer.circle.radius / z.value * Math.min(t, e), B.value.trackSize = A.value.style.chart.layout.track.size / z.value * Math.min(t, e), B.value.pointerStrokeWidth = re({
 							relator: Math.min(e, t),
-							adjuster: R.value,
+							adjuster: z.value,
 							source: A.value.style.chart.layout.pointer.strokeWidth,
 							threshold: 2,
 							fallback: 2
-						}), z.value.markerOffset = ie({
+						}), B.value.markerOffset = re({
 							relator: Math.max(e, t),
-							adjuster: R.value,
+							adjuster: z.value,
 							source: A.value.style.chart.layout.markers.offsetY + 3,
 							threshold: 2,
 							fallback: 2
-						}), z.value.segmentFontSize = ie({
+						}), B.value.segmentFontSize = re({
 							relator: Math.min(e, t),
-							adjuster: R.value,
+							adjuster: z.value,
 							source: A.value.style.chart.layout.segmentNames.fontSize,
 							threshold: 8,
 							fallback: 8
 						});
-					}), Jt();
+					}), qt();
 				});
-				W.value && (G.value && W.value.unobserve(G.value), W.value.disconnect()), W.value = new ResizeObserver(e), G.value = D.value.parentNode, W.value.observe(G.value);
+				G.value && (K.value && G.value.unobserve(K.value), G.value.disconnect()), G.value = new ResizeObserver(e), K.value = D.value.parentNode, G.value.observe(K.value);
 			}
-			Jt();
+			qt();
 		}
 		Fe(() => {
-			Yt();
+			Jt();
 		}), Pe(() => {
-			W.value && (G.value && W.value.unobserve(G.value), W.value.disconnect());
+			G.value && (K.value && G.value.unobserve(K.value), G.value.disconnect());
 		});
-		function Xt(e) {
+		function Yt(e) {
 			let t = [];
-			(L.value.series || []).forEach((e) => {
+			(R.value.series || []).forEach((e) => {
 				t.push(e.from || 0), t.push(e.to || 0);
-			}), B.value = Math.max(...t), V.value = Math.min(...t);
-			let n = A.value.style.chart.animation.speed, r = Math.abs(e - H.value) / (n * 60);
+			}), V.value = Math.max(...t), H.value = Math.min(...t);
+			let n = A.value.style.chart.animation.speed, r = Math.abs(e - U.value) / (n * 60);
 			function i() {
-				H.value < e ? H.value = Math.min(H.value + r, e) : H.value > e && (H.value = Math.max(H.value - r, e)), H.value !== e && requestAnimationFrame(i);
+				U.value < e ? U.value = Math.min(U.value + r, e) : U.value > e && (U.value = Math.max(U.value - r, e)), U.value !== e && requestAnimationFrame(i);
 			}
 			i();
 		}
-		let J = u(() => {
-			let e = A.value.responsive ? Math.min(z.value.width, z.value.height) : z.value.width, t = 2.5 / A.value.style.chart.layout.radiusRatio;
+		let Y = u(() => {
+			let e = A.value.responsive ? Math.min(B.value.width, B.value.height) : B.value.width, t = 2.5 / A.value.style.chart.layout.radiusRatio;
 			return {
 				arcs: e / t,
 				gradients: e / (t * 1.1),
-				base: A.value.responsive ? z.value.height / 1.618 : z.value.height * .7,
-				ratingBase: A.value.responsive ? z.value.height / 2 + z.value.height / 4 : z.value.height * .9,
-				pointerSize: A.value.responsive ? Math.min(z.value.width, z.value.height) / 3 : z.value.width / 3.2
+				base: A.value.responsive ? B.value.height / 1.618 : B.value.height * .7,
+				ratingBase: A.value.responsive ? B.value.height / 2 + B.value.height / 4 : B.value.height * .9,
+				pointerSize: A.value.responsive ? Math.min(B.value.width, B.value.height) / 3 : B.value.width / 3.2
 			};
-		}), Y = u(() => t({ series: L.value.series }, z.value.width / 2, J.value.base, J.value.arcs, J.value.arcs, 1, 1, 1, 180, 109.9495, 40 * z.value.trackSize)), Zt = u(() => t({ series: L.value.series }, z.value.width / 2, J.value.base, J.value.arcs * A.value.style.chart.layout.segmentNames.offsetRatio, J.value.arcs * A.value.style.chart.layout.segmentNames.offsetRatio, 1, 1, 1, 180, 109.9495, 40 * z.value.trackSize)), X = u(() => Y.value.map((e) => J.value.arcs * A.value.style.chart.layout.segmentNames.offsetRatio * (e.nameOffsetRatio || 1))), Qt = u(() => {
-			let { x: e, y: t } = s({
-				initX: Y.value[0].firstSeparator.x,
-				initY: Y.value[0].firstSeparator.y,
-				centerX: U.value.x1,
-				centerY: U.value.y1,
+		}), X = u(() => ne({ series: R.value.series }, B.value.width / 2, Y.value.base, Y.value.arcs, Y.value.arcs, 1, 1, 1, 180, 109.9495, 40 * B.value.trackSize)), Xt = u(() => ne({ series: R.value.series }, B.value.width / 2, Y.value.base, Y.value.arcs * A.value.style.chart.layout.segmentNames.offsetRatio, Y.value.arcs * A.value.style.chart.layout.segmentNames.offsetRatio, 1, 1, 1, 180, 109.9495, 40 * B.value.trackSize)), Z = u(() => X.value.map((e) => Y.value.arcs * A.value.style.chart.layout.segmentNames.offsetRatio * (e.nameOffsetRatio || 1))), Zt = u(() => {
+			let { x: e, y: t } = o({
+				initX: X.value[0].firstSeparator.x,
+				initY: X.value[0].firstSeparator.y,
+				centerX: W.value.x1,
+				centerY: W.value.y1,
 				offset: -A.value.style.chart.layout.segmentSeparators.offsetIn
-			}), { x: n, y: r } = s({
-				initX: Y.value[0].startX,
-				initY: Y.value[0].startY,
-				centerX: U.value.x1,
-				centerY: U.value.y1,
+			}), { x: n, y: r } = o({
+				initX: X.value[0].startX,
+				initY: X.value[0].startY,
+				centerX: W.value.x1,
+				centerY: W.value.y1,
 				offset: A.value.style.chart.layout.segmentSeparators.offsetOut
 			});
 			return {
@@ -371,18 +371,18 @@ var ze = /* @__PURE__ */ e({ default: () => xt }), Be = ["id"], Ve = { key: 0 },
 				x2: n,
 				y2: r
 			};
-		}), $t = u(() => Y.value.map((e) => {
-			let { x: t, y: n } = s({
+		}), Qt = u(() => X.value.map((e) => {
+			let { x: t, y: n } = o({
 				initX: e.separator.x,
 				initY: e.separator.y,
-				centerX: U.value.x1,
-				centerY: U.value.y1,
+				centerX: W.value.x1,
+				centerY: W.value.y1,
 				offset: -A.value.style.chart.layout.segmentSeparators.offsetIn
-			}), { x: r, y: i } = s({
+			}), { x: r, y: i } = o({
 				initX: e.endX,
 				initY: e.endY,
-				centerX: U.value.x1,
-				centerY: U.value.y1,
+				centerX: W.value.x1,
+				centerY: W.value.y1,
 				offset: A.value.style.chart.layout.segmentSeparators.offsetOut
 			});
 			return {
@@ -392,26 +392,26 @@ var ze = /* @__PURE__ */ e({ default: () => xt }), Be = ["id"], Ve = { key: 0 },
 				y2: i
 			};
 		}));
-		function en(e) {
+		function $t(e) {
 			if (e.reduce((e, t) => e + t, 0) > 100) throw Error("Total % must not exceed 100");
 			let t = 0;
 			return e.map((e) => (t += e, `${t / 100 * 50 - e / 4}%`));
 		}
-		let tn = u(() => en(Y.value.map((e) => e.proportion * 100))), nn = u(() => t({ series: L.value.series }, z.value.width / 2, J.value.base, J.value.gradients, J.value.gradients, .95, 1, 1, 180, 110.02, 2 * z.value.trackSize)), rn = u(() => {
-			let e = V.value >= 0 ? -V.value : Math.abs(V.value);
+		let en = u(() => $t(X.value.map((e) => e.proportion * 100))), tn = u(() => ne({ series: R.value.series }, B.value.width / 2, Y.value.base, Y.value.gradients, Y.value.gradients, .95, 1, 1, 180, 110.02, 2 * B.value.trackSize)), nn = u(() => {
+			let e = H.value >= 0 ? -H.value : Math.abs(H.value);
 			return te({
-				radius: A.value.style.chart.layout.indicatorArc.radius * z.value.trackSize,
-				centerX: z.value.width / 2,
-				centerY: J.value.base,
-				percentage: de((H.value + e) / (B.value + e))
+				radius: A.value.style.chart.layout.indicatorArc.radius * B.value.trackSize,
+				centerX: B.value.width / 2,
+				centerY: Y.value.base,
+				percentage: de((U.value + e) / (V.value + e))
 			});
-		}), Z = y(!1);
-		function an(e) {
-			Z.value = e, At.value += 1;
+		}), Q = y(!1);
+		function rn(e) {
+			Q.value = e, At.value += 1;
 		}
-		let Q = y(!1);
-		function $() {
-			Q.value = !Q.value;
+		let $ = y(!1);
+		function an() {
+			$.value = !$.value;
 		}
 		async function on({ scale: e = 2 } = {}) {
 			if (!D.value) return;
@@ -460,31 +460,31 @@ var ze = /* @__PURE__ */ e({ default: () => xt }), Be = ["id"], Ve = { key: 0 },
 				O.value = !1;
 				return;
 			}
-			Ut();
+			Ht();
 		}
 		async function fn() {
 			if (Dt("copyAlt", {
 				config: A.value,
-				dataset: L.value
+				dataset: R.value
 			}), !A.value.userOptions.callbacks.altCopy) {
 				console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
 				return;
 			}
 			await Promise.resolve(A.value.userOptions.callbacks.altCopy({
 				config: A.value,
-				dataset: L.value
+				dataset: R.value
 			}));
 		}
 		return xe({
 			getImage: on,
-			generatePdf: Ht,
-			generateImage: Ut,
+			generatePdf: Vt,
+			generateImage: Ht,
 			generateSvg: un,
-			toggleAnnotator: $,
-			toggleFullscreen: an,
+			toggleAnnotator: an,
+			toggleFullscreen: rn,
 			copyAlt: fn
 		}), (e, t) => (v(), p("div", {
-			class: Me(`vue-data-ui-component vue-ui-gauge ${Z.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+			class: Me(`vue-data-ui-component vue-ui-gauge ${Q.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
 			ref_key: "gaugeChart",
 			ref: D,
 			id: `vue-ui-gauge_${E.value}`,
@@ -497,9 +497,9 @@ var ze = /* @__PURE__ */ e({ default: () => xt }), Be = ["id"], Ve = { key: 0 },
 				svgRef: C(P),
 				backgroundColor: A.value.style.chart.backgroundColor,
 				color: A.value.style.chart.color,
-				active: Q.value,
+				active: $.value,
 				isCursorPointer: It.value,
-				onClose: $
+				onClose: an
 			}, {
 				"annotator-action-close": w(() => [x(e.$slots, "annotator-action-close", {}, void 0, !0)]),
 				"annotator-action-color": w(({ color: t }) => [x(e.$slots, "annotator-action-color", _(h({ color: t })), void 0, !0)]),
@@ -515,7 +515,7 @@ var ze = /* @__PURE__ */ e({ default: () => xt }), Be = ["id"], Ve = { key: 0 },
 				"active",
 				"isCursorPointer"
 			])) : f("", !0),
-			Wt.value ? (v(), p("div", {
+			Ut.value ? (v(), p("div", {
 				key: 1,
 				ref_key: "noTitle",
 				ref: Pt,
@@ -549,7 +549,7 @@ var ze = /* @__PURE__ */ e({ default: () => xt }), Be = ["id"], Ve = { key: 0 },
 				key: `user_options_${At.value}`,
 				backgroundColor: A.value.style.chart.backgroundColor,
 				color: A.value.style.chart.color,
-				isImaging: C(Vt),
+				isImaging: C(L),
 				isPrinting: C(I),
 				uid: E.value,
 				hasXls: !1,
@@ -558,20 +558,20 @@ var ze = /* @__PURE__ */ e({ default: () => xt }), Be = ["id"], Ve = { key: 0 },
 				hasSvg: A.value.userOptions.buttons.svg,
 				hasFullscreen: A.value.userOptions.buttons.fullscreen,
 				hasAltCopy: A.value.userOptions.buttons.altCopy,
-				isFullscreen: Z.value,
+				isFullscreen: Q.value,
 				titles: { ...A.value.userOptions.buttonTitles },
 				chartElement: D.value,
 				callbacks: A.value.userOptions.callbacks,
 				printScale: A.value.userOptions.print.scale,
 				position: A.value.userOptions.position,
 				hasAnnotator: A.value.userOptions.buttons.annotator,
-				isAnnotation: Q.value,
+				isAnnotation: $.value,
 				isCursorPointer: It.value,
-				onToggleFullscreen: an,
-				onGeneratePdf: C(Ht),
+				onToggleFullscreen: rn,
+				onGeneratePdf: C(Vt),
 				onGenerateImage: dn,
 				onGenerateSvg: un,
-				onToggleAnnotator: $,
+				onToggleAnnotator: an,
 				onCopyAlt: fn,
 				style: Ne({ visibility: C(Bt) ? C(N) ? "visible" : "hidden" : "visible" })
 			}, Oe({ _: 2 }, [
@@ -655,12 +655,12 @@ var ze = /* @__PURE__ */ e({ default: () => xt }), Be = ["id"], Ve = { key: 0 },
 			(v(), p("svg", {
 				ref_key: "svgRef",
 				ref: P,
-				xmlns: C(ce),
+				xmlns: C(le),
 				class: Me({
-					"vue-data-ui-fullscreen--on": Z.value,
-					"vue-data-ui-fulscreen--off": !Z.value
+					"vue-data-ui-fullscreen--on": Q.value,
+					"vue-data-ui-fulscreen--off": !Q.value
 				}),
-				viewBox: `0 0 ${z.value.width <= 0 ? 10 : z.value.width} ${z.value.height <= 0 ? 10 : z.value.height}`,
+				viewBox: `0 0 ${B.value.width <= 0 ? 10 : B.value.width} ${B.value.height <= 0 ? 10 : B.value.height}`,
 				style: Ne(`max-width:100%;overflow:hidden !important;background:transparent;color:${A.value.style.chart.color}`)
 			}, [
 				ke(C(Ct)),
@@ -668,8 +668,8 @@ var ze = /* @__PURE__ */ e({ default: () => xt }), Be = ["id"], Ve = { key: 0 },
 					key: 0,
 					x: 0,
 					y: 0,
-					width: z.value.width <= 0 ? 10 : z.value.width,
-					height: z.value.height <= 0 ? 10 : z.value.height,
+					width: B.value.width <= 0 ? 10 : B.value.width,
+					height: B.value.height <= 0 ? 10 : B.value.height,
 					style: { pointerEvents: "none" }
 				}, [x(e.$slots, "chart-background", {}, void 0, !0)], 8, Ue)) : f("", !0),
 				m("defs", null, [m("radialGradient", {
@@ -682,15 +682,15 @@ var ze = /* @__PURE__ */ e({ default: () => xt }), Be = ["id"], Ve = { key: 0 },
 				}, [
 					m("stop", {
 						offset: "0%",
-						"stop-color": C(i)("#FFFFFF", 1)
+						"stop-color": C(a)("#FFFFFF", 1)
 					}, null, 8, Ge),
 					m("stop", {
 						offset: "80%",
-						"stop-color": C(i)("#FFFFFF", A.value.style.chart.layout.track.gradientIntensity)
+						"stop-color": C(a)("#FFFFFF", A.value.style.chart.layout.track.gradientIntensity)
 					}, null, 8, Ke),
 					m("stop", {
 						offset: "100%",
-						"stop-color": C(i)("#FFFFFF", 1)
+						"stop-color": C(a)("#FFFFFF", 1)
 					}, null, 8, qe)
 				], 8, We)]),
 				m("defs", null, [m("filter", {
@@ -703,18 +703,18 @@ var ze = /* @__PURE__ */ e({ default: () => xt }), Be = ["id"], Ve = { key: 0 },
 					in: "SourceGraphic",
 					stdDeviation: 100 / A.value.style.chart.layout.track.gradientIntensity
 				}, null, 8, Ye)], 8, Je)]),
-				e.$slots.pattern ? (v(), p("g", Xe, [(v(!0), p(l, null, b(Y.value, (t, n) => (v(), p("defs", null, [x(e.$slots, "pattern", g({ ref_for: !0 }, {
+				e.$slots.pattern ? (v(), p("g", Xe, [(v(!0), p(l, null, b(X.value, (t, n) => (v(), p("defs", null, [x(e.$slots, "pattern", g({ ref_for: !0 }, {
 					seriesIndex: n,
 					patternId: `pattern_${E.value}_${n}`
 				}), void 0, !0)]))), 256))])) : f("", !0),
-				(v(!0), p(l, null, b(Y.value, (e, t) => (v(), p("path", {
+				(v(!0), p(l, null, b(X.value, (e, t) => (v(), p("path", {
 					key: `arc_${t}`,
 					d: e.arcSlice,
 					fill: e.color,
 					stroke: A.value.style.chart.backgroundColor,
 					"stroke-linecap": "round"
 				}, null, 8, Ze))), 128)),
-				e.$slots.pattern ? (v(!0), p(l, { key: 2 }, b(Y.value, (e, t) => (v(), p("path", {
+				e.$slots.pattern ? (v(!0), p(l, { key: 2 }, b(X.value, (e, t) => (v(), p("path", {
 					key: `arc_${t}`,
 					d: e.arcSlice,
 					fill: `url(#pattern_${E.value}_${t})`,
@@ -723,37 +723,37 @@ var ze = /* @__PURE__ */ e({ default: () => xt }), Be = ["id"], Ve = { key: 0 },
 				}, null, 8, Qe))), 128)) : f("", !0),
 				A.value.style.chart.layout.indicatorArc.show ? (v(), p("path", {
 					key: 3,
-					d: rn.value,
+					d: nn.value,
 					fill: A.value.style.chart.layout.indicatorArc.fill
 				}, null, 8, $e)) : f("", !0),
-				A.value.style.chart.layout.segmentNames.show && A.value.style.chart.layout.segmentNames.curved ? (v(), p(l, { key: 4 }, [(v(!0), p(l, null, b(Y.value, (e, t) => (v(), p("path", {
+				A.value.style.chart.layout.segmentNames.show && A.value.style.chart.layout.segmentNames.curved ? (v(), p(l, { key: 4 }, [(v(!0), p(l, null, b(X.value, (e, t) => (v(), p("path", {
 					id: `curve_${E.value}_${t}`,
-					d: `M ${U.value.x1},${U.value.y1} m -${X.value[t]},0 a ${X.value[t]},${X.value[t]} 0 1,1 ${2 * X.value[t]},0 a ${X.value[t]},${X.value[t]} 0 1,1 -${2 * X.value[t]},0`,
+					d: `M ${W.value.x1},${W.value.y1} m -${Z.value[t]},0 a ${Z.value[t]},${Z.value[t]} 0 1,1 ${2 * Z.value[t]},0 a ${Z.value[t]},${Z.value[t]} 0 1,1 -${2 * Z.value[t]},0`,
 					fill: "transparent"
-				}, null, 8, et))), 256)), (v(!0), p(l, null, b(Y.value, (e, t) => (v(), p("text", {
+				}, null, 8, et))), 256)), (v(!0), p(l, null, b(X.value, (e, t) => (v(), p("text", {
 					fill: A.value.style.chart.layout.segmentNames.useSerieColor ? e.color : A.value.style.chart.layout.segmentNames.color,
-					"font-size": K.value,
+					"font-size": q.value,
 					"font-weight": A.value.style.chart.layout.segmentNames.bold ? "bold" : "normal",
 					"text-anchor": "middle"
 				}, [m("textPath", {
 					href: `#curve_${E.value}_${t}`,
-					startOffset: tn.value[t]
+					startOffset: en.value[t]
 				}, S(e.name || ""), 9, nt)], 8, tt))), 256))], 64)) : f("", !0),
-				A.value.style.chart.layout.segmentNames.show && !A.value.style.chart.layout.segmentNames.curved ? (v(!0), p(l, { key: 5 }, b(Zt.value, (e, t) => (v(), p("text", {
+				A.value.style.chart.layout.segmentNames.show && !A.value.style.chart.layout.segmentNames.curved ? (v(!0), p(l, { key: 5 }, b(Xt.value, (e, t) => (v(), p("text", {
 					class: "vue-ui-gauge-label-flat",
-					"text-anchor": C(le)(e, !1, 12).anchor,
+					"text-anchor": C(ue)(e, !1, 12).anchor,
 					fill: A.value.style.chart.layout.segmentNames.useSerieColor ? e.color : A.value.style.chart.layout.segmentNames.color,
-					"font-size": K.value,
+					"font-size": q.value,
 					"font-weight": A.value.style.chart.layout.segmentNames.bold ? "bold" : "normal",
 					innerHTML: C(r)({
 						content: String(e.name ?? ""),
-						fontSize: K.value,
+						fontSize: q.value,
 						fill: A.value.style.chart.layout.segmentNames.useSerieColor ? e.color : A.value.style.chart.layout.segmentNames.color,
 						x: e.center.endX,
 						y: e.center.endY
 					})
 				}, null, 8, rt))), 256)) : f("", !0),
-				A.value.style.chart.layout.track.useGradient ? (v(!0), p(l, { key: 6 }, b(nn.value, (e, t) => (v(), p("path", {
+				A.value.style.chart.layout.track.useGradient ? (v(!0), p(l, { key: 6 }, b(tn.value, (e, t) => (v(), p("path", {
 					key: `arc_${t}`,
 					d: e.arcSlice,
 					fill: "#FFFFFF",
@@ -762,47 +762,47 @@ var ze = /* @__PURE__ */ e({ default: () => xt }), Be = ["id"], Ve = { key: 0 },
 					filter: `url(#blur_${E.value})`
 				}, null, 8, it))), 128)) : f("", !0),
 				A.value.style.chart.layout.segmentSeparators.show ? (v(), p(l, { key: 7 }, [
-					m("line", g(Qt.value, {
+					m("line", g(Zt.value, {
 						stroke: A.value.style.chart.backgroundColor,
 						"stroke-width": A.value.style.chart.layout.segmentSeparators.strokeWidth + 2,
 						"stroke-linecap": "round"
 					}), null, 16, at),
-					m("line", g(Qt.value, {
+					m("line", g(Zt.value, {
 						stroke: A.value.style.chart.layout.segmentSeparators.stroke,
 						"stroke-width": A.value.style.chart.layout.segmentSeparators.strokeWidth,
 						"stroke-linecap": "round"
 					}), null, 16, ot),
-					(v(!0), p(l, null, b($t.value, (e) => (v(), p("line", g({ ref_for: !0 }, e, {
+					(v(!0), p(l, null, b(Qt.value, (e) => (v(), p("line", g({ ref_for: !0 }, e, {
 						stroke: A.value.style.chart.backgroundColor,
 						"stroke-width": A.value.style.chart.layout.segmentSeparators.strokeWidth + 2,
 						"stroke-linecap": "round"
 					}), null, 16, st))), 256)),
-					(v(!0), p(l, null, b($t.value, (e) => (v(), p("line", g({ ref_for: !0 }, e, {
+					(v(!0), p(l, null, b(Qt.value, (e) => (v(), p("line", g({ ref_for: !0 }, e, {
 						stroke: A.value.style.chart.layout.segmentSeparators.stroke,
 						"stroke-width": A.value.style.chart.layout.segmentSeparators.strokeWidth,
 						"stroke-linecap": "round"
 					}), null, 16, ct))), 256))
 				], 64)) : f("", !0),
-				A.value.style.chart.layout.markers.show ? (v(), p("g", lt, [(v(!0), p(l, null, b(Y.value, (e, t) => (v(), p("text", {
-					x: C(s)({
-						centerX: U.value.x1,
-						centerY: J.value.base,
+				A.value.style.chart.layout.markers.show ? (v(), p("g", lt, [(v(!0), p(l, null, b(X.value, (e, t) => (v(), p("text", {
+					x: C(o)({
+						centerX: W.value.x1,
+						centerY: Y.value.base,
 						initX: e.center.startX,
 						initY: e.center.startY,
-						offset: z.value.markerOffset
+						offset: B.value.markerOffset
 					}).x,
-					y: C(s)({
-						centerX: U.value.x1,
-						centerY: J.value.base,
+					y: C(o)({
+						centerX: W.value.x1,
+						centerY: Y.value.base,
 						initX: e.center.startX,
 						initY: e.center.startY,
-						offset: z.value.markerOffset
+						offset: B.value.markerOffset
 					}).y,
-					"text-anchor": e.center.startX < U.value.x1 - 5 ? "end" : e.center.startX > U.value.x1 + 5 ? "start" : "middle",
-					"font-size": z.value.labelFontSize * A.value.style.chart.layout.markers.fontSizeRatio,
+					"text-anchor": e.center.startX < W.value.x1 - 5 ? "end" : e.center.startX > W.value.x1 + 5 ? "start" : "middle",
+					"font-size": B.value.labelFontSize * A.value.style.chart.layout.markers.fontSizeRatio,
 					"font-weight": `${A.value.style.chart.layout.markers.bold ? "bold" : "normal"}`,
 					fill: A.value.style.chart.layout.markers.color
-				}, S(C(oe)(A.value.style.chart.layout.markers.formatter, e.from, C(c)({
+				}, S(C(c)(A.value.style.chart.layout.markers.formatter, e.from, C(ce)({
 					p: A.value.style.chart.layout.markers.prefix,
 					v: e.from,
 					s: A.value.style.chart.layout.markers.suffix,
@@ -810,102 +810,102 @@ var ze = /* @__PURE__ */ e({ default: () => xt }), Be = ["id"], Ve = { key: 0 },
 				}))), 9, ut))), 256))])) : f("", !0),
 				A.value.style.chart.layout.markers.show ? (v(), p("text", {
 					key: 9,
-					x: C(s)({
-						centerX: z.value.width / 2,
-						centerY: J.value.base,
-						initX: Y.value.at(-1).endX,
-						initY: Y.value.at(-1).endY,
-						offset: z.value.markerOffset
+					x: C(o)({
+						centerX: B.value.width / 2,
+						centerY: Y.value.base,
+						initX: X.value.at(-1).endX,
+						initY: X.value.at(-1).endY,
+						offset: B.value.markerOffset
 					}).x,
-					y: C(s)({
-						centerX: z.value.width / 2,
-						centerY: J.value.base,
-						initX: Y.value.at(-1).endX,
-						initY: Y.value.at(-1).endY,
-						offset: z.value.markerOffset
+					y: C(o)({
+						centerX: B.value.width / 2,
+						centerY: Y.value.base,
+						initX: X.value.at(-1).endX,
+						initY: X.value.at(-1).endY,
+						offset: B.value.markerOffset
 					}).y,
 					"text-anchor": "start",
-					"font-size": z.value.labelFontSize * A.value.style.chart.layout.markers.fontSizeRatio,
+					"font-size": B.value.labelFontSize * A.value.style.chart.layout.markers.fontSizeRatio,
 					"font-weight": `${A.value.style.chart.layout.markers.bold ? "bold" : "normal"}`,
 					fill: A.value.style.chart.layout.markers.color
-				}, S(C(oe)(A.value.style.chart.layout.markers.formatter, B.value, C(c)({
+				}, S(C(c)(A.value.style.chart.layout.markers.formatter, V.value, C(ce)({
 					p: A.value.style.chart.layout.markers.prefix,
-					v: B.value,
+					v: V.value,
 					s: A.value.style.chart.layout.markers.suffix,
 					r: A.value.style.chart.layout.markers.roundingValue
 				}))), 9, dt)) : f("", !0),
 				A.value.style.chart.layout.pointer.show ? (v(), p(l, { key: 10 }, [A.value.style.chart.layout.pointer.type === "rounded" ? (v(), p("g", ft, [
-					isNaN(U.value.x2) ? f("", !0) : (v(), p("line", {
+					isNaN(W.value.x2) ? f("", !0) : (v(), p("line", {
 						key: 0,
-						x1: U.value.x1,
-						y1: U.value.y1,
-						x2: U.value.x2,
-						y2: U.value.y2,
+						x1: W.value.x1,
+						y1: W.value.y1,
+						x2: W.value.x2,
+						y2: W.value.y2,
 						stroke: A.value.style.chart.layout.pointer.stroke,
-						"stroke-width": z.value.pointerStrokeWidth,
+						"stroke-width": B.value.pointerStrokeWidth,
 						"stroke-linecap": "round"
 					}, null, 8, pt)),
-					isNaN(U.value.x2) ? f("", !0) : (v(), p("line", {
+					isNaN(W.value.x2) ? f("", !0) : (v(), p("line", {
 						key: 1,
-						x1: U.value.x1,
-						y1: U.value.y1,
-						x2: U.value.x2,
-						y2: U.value.y2,
-						stroke: A.value.style.chart.layout.pointer.useRatingColor ? qt.value : A.value.style.chart.layout.pointer.color,
+						x1: W.value.x1,
+						y1: W.value.y1,
+						x2: W.value.x2,
+						y2: W.value.y2,
+						stroke: A.value.style.chart.layout.pointer.useRatingColor ? Kt.value : A.value.style.chart.layout.pointer.color,
 						"stroke-linecap": "round",
-						"stroke-width": z.value.pointerStrokeWidth * .7
+						"stroke-width": B.value.pointerStrokeWidth * .7
 					}, null, 8, mt)),
-					!isNaN(U.value.x2) && A.value.style.chart.layout.track.useGradient ? (v(), p("line", {
+					!isNaN(W.value.x2) && A.value.style.chart.layout.track.useGradient ? (v(), p("line", {
 						key: 2,
-						x1: U.value.x1,
-						y1: U.value.y1,
-						x2: U.value.x2,
-						y2: U.value.y2,
+						x1: W.value.x1,
+						y1: W.value.y1,
+						x2: W.value.x2,
+						y2: W.value.y2,
 						stroke: "white",
 						"stroke-linecap": "round",
-						"stroke-width": z.value.pointerStrokeWidth * .3,
+						"stroke-width": B.value.pointerStrokeWidth * .3,
 						filter: `url(#blur_${E.value})`
 					}, null, 8, ht)) : f("", !0)
-				])) : (v(), p("g", gt, [Kt.value ? (v(), p("path", {
+				])) : (v(), p("g", gt, [Gt.value ? (v(), p("path", {
 					key: 0,
-					d: Kt.value,
-					fill: A.value.style.chart.layout.pointer.useRatingColor ? qt.value : A.value.style.chart.layout.pointer.color,
+					d: Gt.value,
+					fill: A.value.style.chart.layout.pointer.useRatingColor ? Kt.value : A.value.style.chart.layout.pointer.color,
 					stroke: A.value.style.chart.layout.pointer.stroke,
 					"stroke-width": A.value.style.chart.layout.pointer.circle.strokeWidth,
 					"stroke-linejoin": "round"
 				}, null, 8, _t)) : f("", !0)])), m("circle", {
-					cx: z.value.width / 2,
-					cy: J.value.base,
+					cx: B.value.width / 2,
+					cy: Y.value.base,
 					fill: A.value.style.chart.layout.pointer.circle.color,
-					r: z.value.pointerRadius <= 0 ? 1e-4 : z.value.pointerRadius,
+					r: B.value.pointerRadius <= 0 ? 1e-4 : B.value.pointerRadius,
 					"stroke-width": A.value.style.chart.layout.pointer.circle.strokeWidth,
 					stroke: A.value.style.chart.layout.pointer.circle.stroke
 				}, null, 8, vt)], 64)) : f("", !0),
 				A.value.style.chart.legend.show ? (v(), p("text", {
 					key: 11,
-					x: z.value.width / 2,
-					y: J.value.ratingBase,
+					x: B.value.width / 2,
+					y: Y.value.ratingBase,
 					"text-anchor": "middle",
-					"font-size": z.value.legendFontSize,
+					"font-size": B.value.legendFontSize,
 					"font-weight": "bold",
-					fill: A.value.style.chart.legend.useRatingColor ? qt.value : A.value.style.chart.legend.color
-				}, S(C(oe)(A.value.style.chart.legend.formatter, H.value, C(c)({
-					p: A.value.style.chart.legend.prefix + (A.value.style.chart.legend.showPlusSymbol && H.value > 0 ? "+" : ""),
-					v: H.value,
+					fill: A.value.style.chart.legend.useRatingColor ? Kt.value : A.value.style.chart.legend.color
+				}, S(C(c)(A.value.style.chart.legend.formatter, U.value, C(ce)({
+					p: A.value.style.chart.legend.prefix + (A.value.style.chart.legend.showPlusSymbol && U.value > 0 ? "+" : ""),
+					v: U.value,
 					s: A.value.style.chart.legend.suffix,
 					r: A.value.style.chart.legend.roundingValue
 				}))), 9, yt)) : f("", !0),
 				x(e.$slots, "svg", { svg: {
-					...z.value,
-					isPrintingImg: C(I) || C(Vt) || O.value,
+					...B.value,
+					isPrintingImg: C(I) || C(L) || O.value,
 					isPrintingSvg: k.value
 				} }, void 0, !0)
 			], 14, He)),
-			e.$slots.watermark ? (v(), p("div", bt, [x(e.$slots, "watermark", _(h({ isPrinting: C(I) || C(Vt) || O.value || k.value })), void 0, !0)])) : f("", !0),
+			e.$slots.watermark ? (v(), p("div", bt, [x(e.$slots, "watermark", _(h({ isPrinting: C(I) || C(L) || O.value || k.value })), void 0, !0)])) : f("", !0),
 			m("div", {
 				ref_key: "chartLegend",
 				ref: Mt
-			}, [x(e.$slots, "legend", { legend: L.value }, void 0, !0)], 512),
+			}, [x(e.$slots, "legend", { legend: R.value }, void 0, !0)], 512),
 			e.$slots.source ? (v(), p("div", {
 				key: 5,
 				ref_key: "source",