vue-data-ui 3.25.3 → 3.25.5

package/dist/{vue-ui-quick-chart-CNKuNur5.js → vue-ui-quick-chart-Cswm3_eI.js}

@@ -1,21 +1,21 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Bt as t, G as n, It as r, Jt as i, Nt as a, P as o, S as ee, St as te, X as s, Xt as c, _ as ne, b as l, f as u, h as re, i as d, jt as ie, lt as ae, nt as f, p, q as oe, t as se, w as ce } from "./lib-C7t_vY8w.js";
+import { Ct as t, G as n, Lt as r, Mt as i, P as a, Pt as o, S as ee, Vt as s, X as c, Yt as l, Zt as te, _ as ne, b as u, f as d, h as re, i as f, lt as ie, nt as ae, p, q as oe, t as se, w as ce } from "./lib-Dql7cqyA.js";
 import { n as le, t as ue } from "./useHints-Dq_w2E8B.js";
 import { t as de } from "./useTimeLabels-d2f-W1L4.js";
-import { t as fe } from "./useConfig-CyCVHo81.js";
-import { t as pe } from "./usePrinter-VVTuFI6H.js";
+import { t as fe } from "./useConfig-C_mX5pOZ.js";
+import { t as pe } from "./usePrinter-DISD7q5m.js";
 import { n as me, t as he } from "./BaseScanner-DZvpgOjM.js";
-import { t as ge } from "./useNestedProp-BfTgFMXF.js";
+import { t as ge } from "./useNestedProp-Chvyfpl-.js";
 import { t as _e } from "./useThemeCheck-C43Tcqmk.js";
 import { t as ve } from "./useChartExport-iwOqiIWX.js";
 import { t as ye } from "./useTransitions-g_zBREk2.js";
 import { t as be } from "./useStableElementSize-C7KADDKj.js";
 import { t as xe } from "./useTimeLabelCollider-AEcY4Ioe.js";
-import { t as Se } from "./img-IjqD_xWl.js";
+import { t as Se } from "./img-DhGApYG0.js";
 import { t as Ce } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as we, t as Te } from "./useResponsive-ZtArZtUf.js";
-import { t as Ee } from "./SlicerPreview-W4PWXK69.js";
-import { t as De } from "./BaseLegendToggle-BF-thEu0.js";
+import { t as Ee } from "./SlicerPreview-GvsdvE-h.js";
+import { t as De } from "./BaseLegendToggle-__JnV08B.js";
 import { t as Oe } from "./A11yDataTable-DdRsVULz.js";
 import { t as ke } from "./useChartAccessibility-DYqac8yF.js";
 import { t as Ae } from "./vue_ui_quick_chart-mZBdml3Z.js";
@@ -432,7 +432,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 		"copyAlt"
 	],
 	setup(e, { expose: Ce, emit: We }) {
-		let Ke = Fe(() => import("./BaseIcon-CVrQHhw1.js").then((e) => e.n)), qe = Fe(() => import("./PackageVersion-hRJtldYi.js").then((e) => e.t)), Ye = Fe(() => import("./PenAndPaper-DzM1vUXR.js").then((e) => e.t)), Xe = Fe(() => import("./Tooltip-C3jBTIhR.js")), Ze = Fe(() => import("./UserOptions-m0uxKoiy.js").then((e) => e.n)), { vue_ui_quick_chart: Qe } = fe(), { isThemeValid: $e, warnInvalidTheme: et } = _e(), M = e, N = w(null), Dn = w(null), On = w(null), kn = w(null), P = w(oe()), F = w(!1), An = w(null), jn = w(""), I = w(null), Mn = w(null), Nn = w(null), L = w([]), Pn = w(0), Fn = w(0), In = w(!1), Ln = w(null), Rn = w(null), R = w(null), zn = w(null), Bn = w(null), Vn = w(null), Hn = Be(null), Un = w(!1), Wn = w(0), Gn = w(0), Kn = w(!1);
+		let Ke = Fe(() => import("./BaseIcon-t83PDe9k.js").then((e) => e.n)), qe = Fe(() => import("./PackageVersion-M2Ws-VwJ.js").then((e) => e.t)), Ye = Fe(() => import("./PenAndPaper-BgH3m_LP.js").then((e) => e.t)), Xe = Fe(() => import("./Tooltip-hhrkQ3Lk.js")), Ze = Fe(() => import("./UserOptions-f3Q0nqrj.js").then((e) => e.n)), { vue_ui_quick_chart: Qe } = fe(), { isThemeValid: $e, warnInvalidTheme: et } = _e(), M = e, N = w(null), Dn = w(null), On = w(null), kn = w(null), P = w(oe()), F = w(!1), An = w(null), jn = w(""), I = w(null), Mn = w(null), Nn = w(null), L = w([]), Pn = w(0), Fn = w(0), In = w(!1), Ln = w(null), Rn = w(null), R = w(null), zn = w(null), Bn = w(null), Vn = w(null), Hn = Be(null), Un = w(!1), Wn = w(0), Gn = w(0), Kn = w(!1);
 		function qn() {
 			Hn.value = N.value?.parentNode ?? null;
 		}
@@ -485,7 +485,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 		}), Qn = h(() => z.value.debug), $n = h(() => z.value.useCursorPointer), V = w(null), er = w({
 			x: 0,
 			y: 0
-		}), H = w("pointer"), tr = w(!1), nr = h(() => c({
+		}), H = w("pointer"), tr = w(!1), nr = h(() => te({
 			dafaultConfig: {
 				backgroundColor: "#99999930",
 				customPalette: ["#BABABA"],
@@ -522,7 +522,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				55,
 				89
 			],
-			skeletonConfig: c({
+			skeletonConfig: te({
 				defaultConfig: z.value,
 				userConfig: nr.value
 			})
@@ -538,16 +538,16 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 			if (n) {
 				if (!$e.value(e)) et(e), t = e;
 				else {
-					let a = ge({
+					let i = ge({
 						userConfig: Ae[n] || M.config,
 						defaultConfig: e
 					});
 					t = {
 						...ge({
 							userConfig: M.config,
-							defaultConfig: a
+							defaultConfig: i
 						}),
-						customPalette: e.customPalette.length ? e.customPalette : i[n] || r
+						customPalette: e.customPalette.length ? e.customPalette : l[n] || r
 					};
 				}
 			} else t = e;
@@ -563,7 +563,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 		let pr = h(() => ce(z.value.customPalette)), U = We, mr = h(() => {
 			let e = Ge({
 				debug: Qn.value,
-				dataset: t(ir.value, [
+				dataset: s(ir.value, [
 					"serie",
 					"series",
 					"data",
@@ -576,7 +576,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 			return !e && Qn.value && console.error("VueUiQuickChart : Dataset is not processable"), e;
 		}), W = w(mr.value), hr = h(() => !!W.value), G = h(() => W.value ? W.value.type : null);
 		He(() => G.value, (e) => {
-			e || f({
+			e || ae({
 				componentName: "VueUiQuickChart",
 				type: "dataset",
 				debug: Qn.value
@@ -598,7 +598,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 			In.value = !0, qn(), Zn.start(), Cr(), Yn();
 		});
 		function Cr() {
-			if (a(M.dataset) || (ar.value = z.value.loading), z.value.responsive) {
+			if (o(M.dataset) || (ar.value = z.value.loading), z.value.responsive) {
 				let e = we(() => {
 					let { width: e, height: t } = Te({
 						chart: N.value,
@@ -706,67 +706,67 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				color: e.COLOR ? ee(e.COLOR) : pr.value[t + z.value.paletteStartIndex] || r[t + z.value.paletteStartIndex] || r[(t + z.value.paletteStartIndex) % r.length],
 				immutableValue: e.value
 			}));
-			function t(e, t) {
-				return s({
+			function n(e, t) {
+				return c({
 					v: isNaN(e.value / Tr(t)) ? 0 : e.value / Tr(t) * 100,
 					s: "%",
 					r: z.value.dataLabelRoundingPercentage
 				});
 			}
-			function n(e) {
+			function a(e) {
 				return e.proportion * 100 > z.value.donutHideLabelUnderPercentage;
 			}
-			function i(e, t) {
+			function o(e, t) {
 				let n = mr.value.dataset.find((t, n) => `donut_${n}` === e).VALUE;
 				return Math.abs(String(Number(n.toFixed(0))).length - String(Number(t.toFixed(0))).length);
 			}
-			function a({ datapoint: t, seriesIndex: n, triggerMode: r = "pointer" }) {
+			function s({ datapoint: n, seriesIndex: r, triggerMode: i = "pointer" }) {
 				An.value = {
-					datapoint: t,
-					seriesIndex: n,
+					datapoint: n,
+					seriesIndex: r,
 					config: z.value,
 					dataset: e
-				}, I.value = t.id, V.value = n, H.value = r;
-				let i = z.value.tooltipCustomFormat;
+				}, I.value = n.id, V.value = r, H.value = i;
+				let a = z.value.tooltipCustomFormat;
 				if (z.value.events.datapointEnter && z.value.events.datapointEnter({
-					datapoint: t,
-					seriesIndex: n
-				}), te(i) && ae(() => i({
-					datapoint: t,
-					seriesIndex: n,
+					datapoint: n,
+					seriesIndex: r
+				}), t(a) && ie(() => a({
+					datapoint: n,
+					seriesIndex: r,
 					series: e,
 					config: z.value
-				}))) jn.value = i({
-					datapoint: t,
-					seriesIndex: n,
+				}))) jn.value = a({
+					datapoint: n,
+					seriesIndex: r,
 					series: e,
 					config: z.value
 				});
 				else {
 					let e = "";
-					e += `<div style="width:100%;text-align:center;border-bottom:1px solid ${z.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${t.name}</div>`, e += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${t.color}"/></svg>`, e += `<b>${d(z.value.formatter, t.value, s({
+					e += `<div style="width:100%;text-align:center;border-bottom:1px solid ${z.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${n.name}</div>`, e += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${n.color}"/></svg>`, e += `<b>${f(z.value.formatter, n.value, c({
 						p: z.value.valuePrefix,
-						v: t.value,
+						v: n.value,
 						s: z.value.valueSuffix,
 						r: z.value.dataLabelRoundingValue
 					}), {
-						datapoint: t,
-						seriesIndex: n
-					})}</b>`, e += `<span>(${s({
-						v: t.proportion * 100,
+						datapoint: n,
+						seriesIndex: r
+					})}</b>`, e += `<span>(${c({
+						v: n.proportion * 100,
 						s: "%",
 						r: z.value.dataLabelRoundingPercentage
 					})})</span></div>`, jn.value = `<div>${e}</div>`;
 				}
 				F.value = !0;
 			}
-			function o({ datapoint: e, seriesIndex: t }) {
+			function l({ datapoint: e, seriesIndex: t }) {
 				z.value.events.datapointLeave && z.value.events.datapointLeave({
 					datapoint: e,
 					seriesIndex: t
 				}), F.value = !1, I.value = null, J.value = null, V.value = null, H.value = "pointer";
 			}
-			function c({ datapoint: e, seriesIndex: t }) {
+			function te({ datapoint: e, seriesIndex: t }) {
 				z.value.events.datapointClick && z.value.events.datapointClick({
 					datapoint: e,
 					seriesIndex: t
@@ -775,28 +775,28 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 			let ne = {
 				centerX: K.value.width / 2,
 				centerY: K.value.height / 2
-			}, l = e.filter((e) => !L.value.includes(e.id)).map((e) => e.value || 0).reduce((e, t) => e + t, 0), u = e.map((e, t) => ({
+			}, u = e.filter((e) => !L.value.includes(e.id)).map((e) => e.value || 0).reduce((e, t) => e + t, 0), d = e.map((e, t) => ({
 				...e,
-				proportion: (e.value || 0) / l,
+				proportion: (e.value || 0) / u,
 				value: e.value || 0,
 				absoluteValue: mr.value.dataset.find((t, n) => `donut_${n}` === e.id).VALUE,
 				shape: "circle"
-			})), re = K.value.width / 2, f = K.value.height / 2, p = K.value.height * z.value.donutRadiusRatio;
+			})), re = K.value.width / 2, ae = K.value.height / 2, p = K.value.height * z.value.donutRadiusRatio;
 			return {
-				dataset: u.filter((e) => !L.value.includes(e.id)),
-				legend: u,
+				dataset: d.filter((e) => !L.value.includes(e.id)),
+				legend: d,
 				drawingArea: ne,
-				displayArcPercentage: t,
-				isArcBigEnough: n,
-				useTooltip: a,
-				killTooltip: o,
-				selectDatapoint: c,
-				getSpaces: i,
-				total: l,
+				displayArcPercentage: n,
+				isArcBigEnough: a,
+				useTooltip: s,
+				killTooltip: l,
+				selectDatapoint: te,
+				getSpaces: o,
+				total: u,
 				cx: re,
-				cy: f,
+				cy: ae,
 				radius: p,
-				chart: ie({ series: e.filter((e) => !L.value.includes(e.id)) }, re, f, p, p, 1.99999, 2, 1, 360, 105.25, K.value.height * Pr.value)
+				chart: i({ series: e.filter((e) => !L.value.includes(e.id)) }, re, ae, p, p, 1.99999, 2, 1, 360, 105.25, K.value.height * Pr.value)
 			};
 		}), X = w({
 			start: 0,
@@ -860,27 +860,27 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 			let e = {
 				height: K.value.height,
 				width: K.value.width
-			}, t = Br();
+			}, n = Br();
 			if (R.value) {
 				let e = R.value.getBBox().x;
-				e < 0 && (t += Math.abs(e));
+				e < 0 && (n += Math.abs(e));
 			}
-			let n = {
-				left: t + z.value.xyPaddingLeft,
+			let i = {
+				left: n + z.value.xyPaddingLeft,
 				top: z.value.xyPaddingTop,
 				right: e.width - z.value.xyPaddingRight,
 				bottom: e.height - z.value.xyPaddingBottom - Ur.value,
-				width: Math.max(10, e.width - z.value.xyPaddingLeft - z.value.xyPaddingRight - t),
+				width: Math.max(10, e.width - z.value.xyPaddingLeft - z.value.xyPaddingRight - n),
 				height: Math.max(10, e.height - z.value.xyPaddingTop - z.value.xyPaddingBottom - Ur.value)
-			}, i = [];
-			j(W.value.dataset) && (i = [{
+			}, a = [];
+			j(W.value.dataset) && (a = [{
 				values: W.value.dataset.slice(X.value.start, X.value.end),
 				absoluteValues: W.value.dataset,
 				absoluteIndices: W.value.dataset.map((e, t) => t).slice(X.value.start, X.value.end),
 				name: z.value.title,
 				color: pr.value[z.value.paletteStartIndex] || r[z.value.paletteStartIndex],
 				id: "line_0"
-			}]), Je(W.value.dataset) && (i = W.value.dataset.map((e, t) => ({
+			}]), Je(W.value.dataset) && (a = W.value.dataset.map((e, t) => ({
 				...e,
 				values: e.VALUE || e.DATA || e.SERIE || e.SERIES || e.VALUES || e.NUM || 0,
 				name: e.NAME || e.DESCRIPTION || e.TITLE || e.LABEL || `Serie ${t}`,
@@ -892,20 +892,20 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				absoluteValues: e.values,
 				absoluteIndices: e.values.map((e, t) => t).slice(X.value.start, X.value.end)
 			})));
-			let a = {
-				max: Math.max(...i.filter((e) => !L.value.includes(e.id)).flatMap((e) => e.values)),
-				min: Math.min(...i.filter((e) => !L.value.includes(e.id)).flatMap((e) => e.values)),
-				maxSeries: Math.max(...i.map((e) => e.values.length))
-			}, o = a.max === a.min ? ne(Math.min(a.min, 0), a.min === 0 ? 1 : Math.max(a.min, 0), z.value.xyScaleSegments) : ne(a.min < 0 ? a.min : 0, a.max < 0 ? 0 : a.max, z.value.xyScaleSegments), c = a.min < 0 ? Math.abs(a.min) : 0, l = a.max < 0 ? n.top : n.bottom - c / (o.max + c) * n.height, u = n.width / a.maxSeries, re = o.ticks.map((e) => ({
-				y: n.bottom - n.height * ((e + c) / (o.max + c)),
-				x: n.left - 8,
+			let o = {
+				max: Math.max(...a.filter((e) => !L.value.includes(e.id)).flatMap((e) => e.values)),
+				min: Math.min(...a.filter((e) => !L.value.includes(e.id)).flatMap((e) => e.values)),
+				maxSeries: Math.max(...a.map((e) => e.values.length))
+			}, s = o.max === o.min ? ne(Math.min(o.min, 0), o.min === 0 ? 1 : Math.max(o.min, 0), z.value.xyScaleSegments) : ne(o.min < 0 ? o.min : 0, o.max < 0 ? 0 : o.max, z.value.xyScaleSegments), l = o.min < 0 ? Math.abs(o.min) : 0, te = o.max < 0 ? i.top : i.bottom - l / (s.max + l) * i.height, u = i.width / o.maxSeries, d = s.ticks.map((e) => ({
+				y: i.bottom - i.height * ((e + l) / (s.max + l)),
+				x: i.left - 8,
 				value: e
-			})), ie = i.map((e, t) => ({
+			})), re = a.map((e, t) => ({
 				...e,
 				shape: "circle",
 				coordinates: e.values.map((e, t) => ({
-					x: n.left + u * (t + 1) - u / 2,
-					y: n.bottom - (e + c) / (o.max + c) * n.height,
+					x: i.left + u * (t + 1) - u / 2,
+					y: i.bottom - (e + l) / (s.max + l) * i.height,
 					value: e
 				}))
 			})).map((e) => {
@@ -917,45 +917,45 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 					linePath: t.join(" ")
 				};
 			});
-			function f(e) {
-				return i.map((t) => ({
+			function ae(e) {
+				return a.map((t) => ({
 					...t,
 					value: t.values[e],
 					absoluteIndex: t.absoluteIndices[e]
 				})).filter((e) => !L.value.includes(e.id));
 			}
-			function p(e, t = "pointer") {
-				I.value = e, J.value = e, V.value = e, H.value = t;
-				let n = f(e);
+			function p(e, n = "pointer") {
+				I.value = e, J.value = e, V.value = e, H.value = n;
+				let r = ae(e);
 				An.value = {
-					datapoint: n,
+					datapoint: r,
 					seriesIndex: e,
 					config: z.value,
-					dataset: i
+					dataset: a
 				};
-				let r = z.value.tooltipCustomFormat;
+				let i = z.value.tooltipCustomFormat;
 				if (z.value.events.datapointEnter && z.value.events.datapointEnter({
-					datapoint: n,
+					datapoint: r,
 					seriesIndex: e + X.value.start
-				}), te(r) && ae(() => r({
-					datapoint: n,
+				}), t(i) && ie(() => i({
+					datapoint: r,
 					seriesIndex: e,
-					series: i,
+					series: a,
 					config: z.value
-				}))) jn.value = r({
-					datapoint: n,
+				}))) jn.value = i({
+					datapoint: r,
 					seriesIndex: e,
-					series: i,
+					series: a,
 					config: z.value
 				});
 				else {
 					let e = "";
-					$.value[n[0].absoluteIndex] && (e += `<div style="border-bottom:1px solid ${z.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${$.value[n[0].absoluteIndex].text}</div>`), n.forEach((t, n) => {
+					$.value[r[0].absoluteIndex] && (e += `<div style="border-bottom:1px solid ${z.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${$.value[r[0].absoluteIndex].text}</div>`), r.forEach((t, n) => {
 						e += `
                     <div style="display:flex; flex-wrap: wrap; align-items:center; gap:3px;">
                         <svg viewBox="0 0 12 12" height="14" width="12"><circle cx="6" cy="6" r="6" stroke="none" fill="${t.color}"/></svg>
                         <span>${t.name}:</span>
-                        <b>${d(z.value.formatter, t.value, s({
+                        <b>${f(z.value.formatter, t.value, c({
 							p: z.value.valuePrefix,
 							v: t.value,
 							s: z.value.valueSuffix,
@@ -972,27 +972,27 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				F.value = !0;
 			}
 			function oe(e) {
-				let t = f(e);
+				let t = ae(e);
 				z.value.events.datapointLeave && z.value.events.datapointLeave({
 					datapoint: t,
 					seriesIndex: e + X.value.start
 				}), I.value = null, J.value = null, F.value = !1, V.value = null, H.value = "pointer";
 			}
 			function se(e) {
-				let t = f(e);
+				let t = ae(e);
 				z.value.events.datapointClick && z.value.events.datapointClick({
 					datapoint: t,
 					seriesIndex: e + X.value.start
 				}), U("selectDatapoint", t);
 			}
 			return {
-				absoluteZero: l,
-				dataset: ie.filter((e) => !L.value.includes(e.id)),
-				legend: ie,
-				drawingArea: n,
-				extremes: a,
+				absoluteZero: te,
+				dataset: re.filter((e) => !L.value.includes(e.id)),
+				legend: re,
+				drawingArea: i,
+				extremes: o,
 				slotSize: u,
-				yLabels: re,
+				yLabels: d,
 				useTooltip: p,
 				killTooltip: oe,
 				selectDatapoint: se
@@ -1003,27 +1003,27 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 			let e = {
 				height: K.value.height,
 				width: K.value.width
-			}, t = Br();
+			}, n = Br();
 			if (R.value) {
 				let e = R.value.getBBox().x;
-				e < 0 && (t += Math.abs(e));
+				e < 0 && (n += Math.abs(e));
 			}
-			let n = {
-				left: t + z.value.xyPaddingLeft,
+			let i = {
+				left: n + z.value.xyPaddingLeft,
 				top: z.value.xyPaddingTop,
 				right: e.width - z.value.xyPaddingRight,
 				bottom: e.height - z.value.xyPaddingBottom - Ur.value,
-				width: Math.max(10, e.width - z.value.xyPaddingLeft - z.value.xyPaddingRight - t),
+				width: Math.max(10, e.width - z.value.xyPaddingLeft - z.value.xyPaddingRight - n),
 				height: Math.max(10, e.height - z.value.xyPaddingTop - z.value.xyPaddingBottom - Ur.value)
-			}, i = [];
-			j(W.value.dataset) && (i = [{
+			}, a = [];
+			j(W.value.dataset) && (a = [{
 				values: W.value.dataset.slice(X.value.start, X.value.end),
 				absoluteValues: W.value.dataset,
 				absoluteIndices: W.value.dataset.map((e, t) => t).slice(X.value.start, X.value.end),
 				name: z.value.title,
 				color: pr.value[z.value.paletteStartIndex] || r[z.value.paletteStartIndex],
 				id: "bar_0"
-			}]), Je(W.value.dataset) && (i = W.value.dataset.map((e, t) => ({
+			}]), Je(W.value.dataset) && (a = W.value.dataset.map((e, t) => ({
 				...e,
 				values: e.VALUE || e.DATA || e.SERIE || e.SERIES || e.VALUES || e.NUM || 0,
 				name: e.NAME || e.DESCRIPTION || e.TITLE || e.LABEL || `Serie ${t}`,
@@ -1035,79 +1035,79 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				absoluteValues: e.values,
 				absoluteIndices: e.values.map((e, t) => t).slice(X.value.start, X.value.end)
 			})));
-			let a = {
-				max: Math.max(...i.filter((e) => !L.value.includes(e.id)).flatMap((e) => e.values)) < 0 ? 0 : Math.max(...i.filter((e) => !L.value.includes(e.id)).flatMap((e) => e.values)) ?? 1,
-				min: Math.min(...i.filter((e) => !L.value.includes(e.id)).flatMap((e) => e.values)) ?? 0,
-				maxSeries: Math.max(...i.filter((e) => !L.value.includes(e.id)).map((e) => e.values.length)) ?? 0
-			}, o = a.min === a.max ? ne(Math.min(a.min, 0), a.min === 0 ? 1 : Math.max(a.min, 0), z.value.xyScaleSegments) : ne(a.min < 0 ? a.min : 0, a.max, z.value.xyScaleSegments), c = o.min < 0 ? Math.abs(o.min) : 0, l = n.bottom - c / (o.max + c) * n.height, u = n.width / a.maxSeries, re = o.ticks.map((e) => ({
-				y: n.bottom - n.height * ((e + c) / (o.max + c)),
-				x: n.left - 8,
+			let o = {
+				max: Math.max(...a.filter((e) => !L.value.includes(e.id)).flatMap((e) => e.values)) < 0 ? 0 : Math.max(...a.filter((e) => !L.value.includes(e.id)).flatMap((e) => e.values)) ?? 1,
+				min: Math.min(...a.filter((e) => !L.value.includes(e.id)).flatMap((e) => e.values)) ?? 0,
+				maxSeries: Math.max(...a.filter((e) => !L.value.includes(e.id)).map((e) => e.values.length)) ?? 0
+			}, s = o.min === o.max ? ne(Math.min(o.min, 0), o.min === 0 ? 1 : Math.max(o.min, 0), z.value.xyScaleSegments) : ne(o.min < 0 ? o.min : 0, o.max, z.value.xyScaleSegments), l = s.min < 0 ? Math.abs(s.min) : 0, te = i.bottom - l / (s.max + l) * i.height, u = i.width / o.maxSeries, d = s.ticks.map((e) => ({
+				y: i.bottom - i.height * ((e + l) / (s.max + l)),
+				x: i.left - 8,
 				value: e
-			})), ie = i.map((e, t) => ({
+			})), re = a.map((e, t) => ({
 				...e,
 				shape: "square",
-				coordinates: e.values.map((e, r) => {
-					let o = (e + c) / (a.max + c) * n.height, ee = Math.abs(e) / Math.abs(a.min) * (n.height - l), te = c / (a.max + c) * n.height, s = u / i.filter((e) => !L.value.includes(e.id)).length - z.value.barGap / i.filter((e) => !L.value.includes(e.id)).length;
+				coordinates: e.values.map((e, n) => {
+					let r = (e + l) / (o.max + l) * i.height, ee = Math.abs(e) / Math.abs(o.min) * (i.height - te), s = l / (o.max + l) * i.height, c = u / a.filter((e) => !L.value.includes(e.id)).length - z.value.barGap / a.filter((e) => !L.value.includes(e.id)).length;
 					return {
-						x: n.left + u * r + s * t + z.value.barGap / 2,
-						y: e > 0 ? n.bottom - o : l,
-						height: e > 0 ? o - te : ee,
+						x: i.left + u * n + c * t + z.value.barGap / 2,
+						y: e > 0 ? i.bottom - r : te,
+						height: e > 0 ? r - s : ee,
 						value: e,
-						width: s
+						width: c
 					};
 				})
-			})), f = i.filter((e) => !L.value.includes(e.id)).map((e, t) => ({
+			})), ae = a.filter((e) => !L.value.includes(e.id)).map((e, t) => ({
 				...e,
-				coordinates: e.values.map((e, r) => {
-					let o = (e + c) / (a.max + c) * n.height, ee = Math.abs(e) / (a.max + c) * n.height, te = c / (a.max + c) * n.height, s = u / i.filter((e) => !L.value.includes(e.id)).length - z.value.barGap / i.filter((e) => !L.value.includes(e.id)).length;
+				coordinates: e.values.map((e, n) => {
+					let r = (e + l) / (o.max + l) * i.height, ee = Math.abs(e) / (o.max + l) * i.height, s = l / (o.max + l) * i.height, c = u / a.filter((e) => !L.value.includes(e.id)).length - z.value.barGap / a.filter((e) => !L.value.includes(e.id)).length;
 					return {
-						x: n.left + u * r + s * t + z.value.barGap / 2,
-						y: e > 0 ? n.bottom - o : l,
-						height: e > 0 ? o - te : ee,
+						x: i.left + u * n + c * t + z.value.barGap / 2,
+						y: e > 0 ? i.bottom - r : te,
+						height: e > 0 ? r - s : ee,
 						value: e,
-						width: s
+						width: c
 					};
 				})
 			}));
 			function p(e) {
-				return i.map((t) => ({
+				return a.map((t) => ({
 					...t,
 					value: t.values[e],
 					absoluteIndex: t.absoluteIndices[e]
 				})).filter((e) => !L.value.includes(e.id));
 			}
-			function oe(e, t = "pointer") {
-				I.value = e, J.value = e, V.value = e, H.value = t;
-				let n = p(e);
+			function oe(e, n = "pointer") {
+				I.value = e, J.value = e, V.value = e, H.value = n;
+				let r = p(e);
 				An.value = {
-					datapoint: n,
+					datapoint: r,
 					seriesIndex: e,
 					config: z.value,
-					dataset: i
+					dataset: a
 				};
-				let r = z.value.tooltipCustomFormat;
+				let i = z.value.tooltipCustomFormat;
 				if (z.value.events.datapointEnter && z.value.events.datapointEnter({
-					datapoint: n,
+					datapoint: r,
 					seriesIndex: e + X.value.start
-				}), te(r) && ae(() => r({
-					datapoint: n,
+				}), t(i) && ie(() => i({
+					datapoint: r,
 					seriesIndex: e,
-					series: i,
+					series: a,
 					config: z.value
-				}))) jn.value = r({
-					point: n,
+				}))) jn.value = i({
+					point: r,
 					seriesIndex: e,
-					series: i,
+					series: a,
 					config: z.value
 				});
 				else {
 					let e = "";
-					$.value[n[0].absoluteIndex] && (e += `<div style="border-bottom:1px solid ${z.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${$.value[n[0].absoluteIndex].text}</div>`), n.forEach((t, n) => {
+					$.value[r[0].absoluteIndex] && (e += `<div style="border-bottom:1px solid ${z.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${$.value[r[0].absoluteIndex].text}</div>`), r.forEach((t, n) => {
 						e += `
                     <div style="display:flex; flex-wrap: wrap; align-items:center; gap:3px;">
                         <svg viewBox="0 0 12 12" height="14" width="12"><rect x=0 y="0" width="12" height="12" rx="1" stroke="none" fill="${t.color}"/></svg>
                         <span>${t.name}:</span>
-                        <b>${d(z.value.formatter, t.value, s({
+                        <b>${f(z.value.formatter, t.value, c({
 							p: z.value.valuePrefix,
 							v: t.value,
 							s: z.value.valueSuffix,
@@ -1138,14 +1138,14 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				}), U("selectDatapoint", t);
 			}
 			return {
-				absoluteZero: l,
-				dataset: f.filter((e) => !L.value.includes(e.id)),
-				absoluteDataset: f,
-				legend: ie,
-				drawingArea: n,
-				extremes: a,
+				absoluteZero: te,
+				dataset: ae.filter((e) => !L.value.includes(e.id)),
+				absoluteDataset: ae,
+				legend: re,
+				drawingArea: i,
+				extremes: o,
 				slotSize: u,
-				yLabels: re,
+				yLabels: d,
 				useTooltip: oe,
 				killTooltip: se,
 				selectDatapoint: ce
@@ -1310,8 +1310,8 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				}
 				return;
 			}
-			let a = V.value, o = J.value, ee = a !== null && a >= 0 && a < fi.value, te = o !== null && o >= 0 && o < fi.value;
-			if (ee ? n ? (a += 1, a >= fi.value && (a = 0)) : t && (--a, a < 0 && (a = fi.value - 1)) : te ? (a = n ? o + 1 : o - 1, a >= fi.value && (a = 0), a < 0 && (a = fi.value - 1)) : a = n ? 0 : fi.value - 1, G.value === A.DONUT) {
+			let a = V.value, o = J.value, ee = a !== null && a >= 0 && a < fi.value, s = o !== null && o >= 0 && o < fi.value;
+			if (ee ? n ? (a += 1, a >= fi.value && (a = 0)) : t && (--a, a < 0 && (a = fi.value - 1)) : s ? (a = n ? o + 1 : o - 1, a >= fi.value && (a = 0), a < 0 && (a = fi.value - 1)) : a = n ? 0 : fi.value - 1, G.value === A.DONUT) {
 				let e = Y.value?.chart?.[a];
 				if (!e) return;
 				gi(a), Y.value.useTooltip({
@@ -1333,7 +1333,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 			if (G.value === A.DONUT) {
 				let r = Y.value?.chart?.[e];
 				if (!r) return;
-				t = u(r, !0).x, n = p(r);
+				t = d(r, !0).x, n = p(r);
 			}
 			if (G.value === A.LINE) {
 				let r = Z.value?.drawingArea, i = Z.value?.slotSize;
@@ -1359,14 +1359,14 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 					"Percentage"
 				],
 				rows: (Y.value?.dataset ?? []).map((e) => {
-					let t = Y.value?.total ? s({
+					let t = Y.value?.total ? c({
 						v: e.value / Y.value.total * 100,
 						s: "%",
 						r: z.value.dataLabelRoundingPercentage
 					}) : "0%";
 					return [
 						e.name,
-						d(z.value.formatter, e.value, s({
+						f(z.value.formatter, e.value, c({
 							p: z.value.valuePrefix,
 							v: e.value,
 							s: z.value.valueSuffix,
@@ -1382,7 +1382,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 					headers: ["Index", ...e.map((e) => e.name)],
 					rows: Array.from({ length: t }, (t, n) => [$.value?.[n + X.value.start]?.text ?? String(n + X.value.start), ...e.map((e) => {
 						let t = e.values?.[n];
-						return d(z.value.formatter, t, s({
+						return f(z.value.formatter, t, c({
 							p: z.value.valuePrefix,
 							v: t,
 							s: z.value.valueSuffix,
@@ -1405,7 +1405,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 			toggleAnnotator: ei,
 			toggleFullscreen: Zr,
 			copyAlt: ui
-		}), (e, t) => hr.value ? (C(), _("div", {
+		}), (e, r) => hr.value ? (C(), _("div", {
 			key: 0,
 			id: `${G.value}_${P.value}`,
 			ref_key: "quickChart",
@@ -1416,8 +1416,8 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				"vue-data-ui-wrapper-fullscreen": Xr.value
 			}),
 			style: S(`background:${z.value.backgroundColor};color:${z.value.color};font-family:${z.value.fontFamily}; position: relative; ${z.value.responsive ? "height: 100%" : ""}`),
-			onMouseenter: t[2] ||= () => dr(!0),
-			onMouseleave: t[3] ||= () => dr(!1)
+			onMouseenter: r[2] ||= () => dr(!0),
+			onMouseleave: r[3] ||= () => dr(!1)
 		}, [
 			v("div", {
 				id: `chart-instructions-${P.value}`,
@@ -1444,6 +1444,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				color: z.value.color,
 				active: $r.value,
 				isCursorPointer: $n.value,
+				palette: z.value.annotatorPalette,
 				onClose: ei
 			}, {
 				"annotator-action-close": k(() => [E(e.$slots, "annotator-action-close", {}, void 0, !0)]),
@@ -1458,7 +1459,8 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				"backgroundColor",
 				"color",
 				"active",
-				"isCursorPointer"
+				"isCursorPointer",
+				"palette"
 			])) : g("", !0),
 			br.value ? (C(), _("div", {
 				key: 2,
@@ -1644,7 +1646,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 					in: "SourceGraphic",
 					stdDeviation: 2,
 					id: `blur_std_${P.value}`
-				}, null, 8, ut), t[4] ||= v("feColorMatrix", {
+				}, null, 8, ut), r[4] ||= v("feColorMatrix", {
 					type: "saturate",
 					values: "0"
 				}, null, -1)], 8, lt), v("filter", {
@@ -1704,7 +1706,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 					z.value.showDataLabels ? (C(), _("g", yt, [(C(!0), _(m, null, T(Y.value.chart, (e, t) => (C(), _(m, null, [
 						Y.value.isArcBigEnough(e) ? (C(), _("circle", {
 							key: 0,
-							cx: O(u)(e).x,
+							cx: O(d)(e).x,
 							cy: O(p)(e) - 3.7,
 							fill: e.color,
 							stroke: z.value.backgroundColor,
@@ -1714,13 +1716,13 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 						}, null, 8, bt)) : g("", !0),
 						Y.value.isArcBigEnough(e) ? (C(), _("text", {
 							key: 1,
-							"text-anchor": O(u)(e, !0, 20).anchor,
-							x: O(u)(e, !0).x,
+							"text-anchor": O(d)(e, !0, 20).anchor,
+							x: O(d)(e, !0).x,
 							y: O(p)(e),
 							fill: z.value.color,
 							"font-size": z.value.dataLabelFontSize,
 							filter: Er(e.id)
-						}, D(Y.value.displayArcPercentage(e, Y.value.chart)) + " (" + D(O(d)(z.value.formatter, e.value, O(s)({
+						}, D(Y.value.displayArcPercentage(e, Y.value.chart)) + " (" + D(O(f)(z.value.formatter, e.value, O(c)({
 							p: z.value.valuePrefix,
 							v: e.value,
 							s: z.value.valueSuffix,
@@ -1731,8 +1733,8 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 						})) + ") ", 9, xt)) : g("", !0),
 						Y.value.isArcBigEnough(e, !0, 20) ? (C(), _("text", {
 							key: 2,
-							"text-anchor": O(u)(e).anchor,
-							x: O(u)(e, !0).x,
+							"text-anchor": O(d)(e).anchor,
+							x: O(d)(e, !0).x,
 							y: O(p)(e) + z.value.dataLabelFontSize,
 							fill: z.value.color,
 							"font-size": z.value.dataLabelFontSize,
@@ -1751,7 +1753,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 						y: Y.value.drawingArea.centerY + z.value.donutTotalLabelFontSize,
 						"font-size": z.value.donutTotalLabelFontSize,
 						fill: z.value.color
-					}, D(O(s)({
+					}, D(O(c)({
 						p: z.value.valuePrefix,
 						v: Y.value.total,
 						s: z.value.valueSuffix,
@@ -1813,7 +1815,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 						"text-anchor": "end",
 						"font-size": z.value.xyLabelsYFontSize,
 						fill: z.value.color
-					}, D(O(d)(z.value.formatter, e.value, O(s)({
+					}, D(O(f)(z.value.formatter, e.value, O(c)({
 						p: z.value.valuePrefix,
 						v: e.value,
 						s: z.value.valueSuffix,
@@ -1863,7 +1865,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 						ref_for: !0,
 						ref_key: "pathWrapper",
 						ref: Ln,
-						d: `M ${O(o)(e.coordinates)}`,
+						d: `M ${O(a)(e.coordinates)}`,
 						stroke: z.value.backgroundColor,
 						"stroke-width": z.value.lineStrokeWidth + 1,
 						"stroke-linecap": "round",
@@ -1873,7 +1875,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 						ref_for: !0,
 						ref_key: "pathTop",
 						ref: Rn,
-						d: `M ${O(o)(e.coordinates)}`,
+						d: `M ${O(a)(e.coordinates)}`,
 						stroke: e.color,
 						"stroke-width": z.value.lineStrokeWidth,
 						"stroke-linecap": "round",
@@ -1903,7 +1905,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 					}, null, 10, Ut)], 64)), (C(!0), _(m, null, T(e.coordinates, (t, n) => (C(), _("circle", {
 						key: `dp_${e.id}_${n + X.value.start}`,
 						cx: t.x,
-						cy: O(l)(t.y),
+						cy: O(u)(t.y),
 						r: 3,
 						fill: e.color,
 						stroke: z.value.backgroundColor,
@@ -1919,10 +1921,10 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 						"text-anchor": "middle",
 						"font-size": z.value.dataLabelFontSize,
 						fill: e.color,
-						transform: `translate(${t.x}, ${O(l)(t.y) - z.value.dataLabelFontSize / 2})`
-					}, D(O(d)(z.value.formatter, O(l)(t.value), O(s)({
+						transform: `translate(${t.x}, ${O(u)(t.y) - z.value.dataLabelFontSize / 2})`
+					}, D(O(f)(z.value.formatter, O(u)(t.value), O(c)({
 						p: z.value.valuePrefix,
-						v: O(l)(t.value),
+						v: O(u)(t.value),
 						s: z.value.valueSuffix,
 						r: z.value.dataLabelRoundingValue
 					}), {
@@ -1996,7 +1998,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 						"text-anchor": "end",
 						"font-size": z.value.xyLabelsYFontSize,
 						fill: z.value.color
-					}, D(O(d)(z.value.formatter, e.value, O(s)({
+					}, D(O(f)(z.value.formatter, e.value, O(c)({
 						p: z.value.valuePrefix,
 						v: e.value,
 						s: z.value.valueSuffix,
@@ -2041,8 +2043,8 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 					v("g", ln, [(C(!0), _(m, null, T(Q.value.dataset, (e, t) => (C(), _(m, null, [(C(!0), _(m, null, T(e.coordinates, (t, n) => (C(), _("rect", {
 						x: t.x,
 						width: t.width <= 0 ? 1e-5 : t.width,
-						height: O(l)(t.height <= 0 ? 1e-5 : t.height),
-						y: O(l)(t.y),
+						height: O(u)(t.height <= 0 ? 1e-5 : t.height),
+						y: O(u)(t.y),
 						fill: e.color,
 						stroke: z.value.backgroundColor,
 						"stroke-width": z.value.barStrokeWidth,
@@ -2052,13 +2054,13 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 					z.value.showDataLabels ? (C(), _("g", dn, [(C(!0), _(m, null, T(Q.value.dataset, (e, t) => (C(), _(m, { key: `ds_${e.id}` }, [(C(!0), _(m, null, T(e.coordinates, (t, n) => (C(), _("text", {
 						class: b({ "vue-data-ui-transition": O(B) }),
 						key: `plot_${n + X.value.start}`,
-						transform: `translate(${t.x + t.width / 2}, ${O(l)(t.y) - z.value.dataLabelFontSize / 2})`,
+						transform: `translate(${t.x + t.width / 2}, ${O(u)(t.y) - z.value.dataLabelFontSize / 2})`,
 						"text-anchor": "middle",
 						"font-size": z.value.dataLabelFontSize,
 						fill: e.color
-					}, D(O(d)(z.value.formatter, O(l)(t.value), O(s)({
+					}, D(O(f)(z.value.formatter, O(u)(t.value), O(c)({
 						p: z.value.valuePrefix,
-						v: O(l)(t.value),
+						v: O(u)(t.value),
 						s: z.value.valueSuffix,
 						r: z.value.dataLabelRoundingValue
 					}), {
@@ -2156,9 +2158,9 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				verticalHandles: z.value.zoomMinimap.verticalHandles,
 				minimapSelectedIndex: J.value,
 				start: X.value.start,
-				"onUpdate:start": t[0] ||= (e) => X.value.start = e,
+				"onUpdate:start": r[0] ||= (e) => X.value.start = e,
 				end: X.value.end,
-				"onUpdate:end": t[1] ||= (e) => X.value.end = e,
+				"onUpdate:end": r[1] ||= (e) => X.value.end = e,
 				refreshStartPoint: z.value.zoomStartIndex === null ? 0 : z.value.zoomStartIndex,
 				refreshEndPoint: z.value.zoomEndIndex === null ? W.value.maxSeriesLength : z.value.zoomEndIndex + 1,
 				enableRangeHandles: z.value.zoomEnableRangeHandles,
@@ -2239,7 +2241,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 						"size"
 					]),
 					v("span", { style: S(`font-size:${z.value.legendFontSize}px`) }, D(t.name), 5),
-					v("span", { style: S(`font-size:${z.value.legendFontSize}px;font-variant-numeric:tabular-nums`) }, D(L.value.includes(t.id) ? "-" : O(d)(z.value.formatter, t.absoluteValue, O(s)({
+					v("span", { style: S(`font-size:${z.value.legendFontSize}px;font-variant-numeric:tabular-nums`) }, D(L.value.includes(t.id) ? "-" : O(f)(z.value.formatter, t.absoluteValue, O(c)({
 						p: z.value.valuePrefix,
 						v: t.absoluteValue,
 						s: z.value.valueSuffix,
@@ -2257,7 +2259,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 					}, " ( - % ) ", 4)) : (C(), _("span", {
 						key: 2,
 						style: S(`font-size:${z.value.legendFontSize}px; font-variant-numeric: tabular-nums;`)
-					}, " (" + D(O(s)({
+					}, " (" + D(O(c)({
 						v: t.value / Y.value.total * 100,
 						s: "%",
 						r: z.value.dataLabelRoundingPercentage
@@ -2342,7 +2344,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				parent: N.value,
 				content: jn.value,
 				isFullscreen: Xr.value,
-				isCustom: O(te)(z.value.tooltipCustomFormat),
+				isCustom: O(t)(z.value.tooltipCustomFormat),
 				smooth: z.value.tooltipSmooth,
 				smoothForce: z.value.tooltipSmoothForce,
 				smoothSnapThreshold: z.value.tooltipSmoothSnapThreshold,
@@ -2382,8 +2384,8 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 		], 46, tt)) : (C(), _("div", En, [Pe(O(Ke), {
 			name: "circleCancel",
 			stroke: "red"
-		}), t[5] ||= v("span", null, "Dataset is not processable", -1)]));
+		}), r[5] ||= v("span", null, "Dataset is not processable", -1)]));
 	}
-}, [["__scopeId", "data-v-4bec8cdd"]]);
+}, [["__scopeId", "data-v-5e1b0e8a"]]);
 //#endregion
 export { N as n, Dn as t };