vue-data-ui 3.25.13 → 3.26.0

package/dist/vue-ui-donut-evolution-CJ6tIbgl.js

@@ -0,0 +1,1869 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { $ as t, $t as n, D as r, Ft as i, Gt as a, J as o, Rt as s, S as c, Vt as l, X as ee, Xt as te, _ as ne, at as re, f as ie, h as ae, i as oe, kt as se, nt as ce, p as le, qt as ue, t as de, tn as fe, tt as pe, vt as me, w as he, y as ge } from "./lib-CklJ7rIN.js";
+import { n as _e, t as ve } from "./useHints-Dq_w2E8B.js";
+import { t as ye } from "./useTimeLabels-d2f-W1L4.js";
+import { t as be } from "./useConfig-DObkR9Aa.js";
+import { t as xe } from "./usePrinter-Dp3X1vqr.js";
+import { n as Se, t as Ce } from "./BaseScanner-Dzc8VT3j.js";
+import { t as we } from "./useNestedProp-Tc9i6ZcN.js";
+import { t as Te } from "./useThemeCheck-C43Tcqmk.js";
+import { t as Ee } from "./useChartExport-iwOqiIWX.js";
+import { t as De } from "./useTransitions-g_zBREk2.js";
+import { t as Oe } from "./useStableElementSize-C7KADDKj.js";
+import { t as ke } from "./useTimeLabelCollider-AEcY4Ioe.js";
+import { t as Ae } from "./img-CaIaBHA0.js";
+import { n as je } from "./Title-C2JKI5td.js";
+import { t as Me } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { l as Ne, t as Pe } from "./useResponsive-ZtArZtUf.js";
+import { t as Fe } from "./DefGrad-DVBqDjhO.js";
+import { t as Ie } from "./SlicerPreview-BgyIezm0.js";
+import { t as Le } from "./BaseLegendToggle-DtS_Oj3B.js";
+import { t as Re } from "./A11yDataTable-DdRsVULz.js";
+import { t as ze } from "./useUserOptionState-DK-_1ddE.js";
+import { t as Be } from "./useChartAccessibility-DYqac8yF.js";
+import { t as Ve } from "./Legend-Dv90gh-6.js";
+import { t as He } from "./vue_ui_donut_evolution-C6951a2f.js";
+import { Fragment as u, Teleport as Ue, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createSlots as We, createTextVNode as Ge, createVNode as Ke, defineAsyncComponent as qe, guardReactiveProps as g, mergeProps as Je, nextTick as Ye, normalizeClass as _, normalizeProps as v, normalizeStyle as Xe, onBeforeUnmount as Ze, onMounted as Qe, openBlock as y, ref as b, renderList as x, renderSlot as S, resolveDynamicComponent as $e, shallowRef as et, toDisplayString as C, toRefs as tt, unref as w, watch as nt, watchEffect as rt, withCtx as T } from "vue";
+//#region src/components/vue-ui-donut-evolution.vue
+var it = /* @__PURE__ */ e({ default: () => qt }), at = ["id"], ot = ["id"], st = ["id"], ct = { style: { position: "relative" } }, lt = [
+	"xmlns",
+	"aria-describedby",
+	"viewBox"
+], ut = [
+	"x",
+	"y",
+	"width",
+	"height"
+], dt = { key: 1 }, ft = [
+	"x1",
+	"x2",
+	"y1",
+	"y2",
+	"stroke",
+	"stroke-width"
+], pt = [
+	"x1",
+	"x2",
+	"y1",
+	"y2",
+	"stroke",
+	"stroke-width"
+], mt = { key: 0 }, ht = [
+	"x1",
+	"x2",
+	"y1",
+	"y2",
+	"stroke",
+	"stroke-width"
+], gt = [
+	"font-size",
+	"fill",
+	"transform"
+], _t = [
+	"x",
+	"y",
+	"font-size",
+	"fill"
+], vt = [
+	"d",
+	"stroke",
+	"stroke-width"
+], yt = [
+	"transform",
+	"font-size",
+	"text-anchor",
+	"fill",
+	"font-weight"
+], bt = { key: 0 }, xt = [
+	"text-anchor",
+	"font-size",
+	"fill",
+	"transform"
+], St = [
+	"text-anchor",
+	"font-size",
+	"fill",
+	"transform",
+	"innerHTML"
+], Ct = [
+	"x1",
+	"y1",
+	"x2",
+	"y2",
+	"stroke",
+	"stroke-width"
+], wt = { key: 1 }, Tt = [
+	"cx",
+	"cy",
+	"r",
+	"fill"
+], Et = { key: 0 }, Dt = { key: 0 }, Ot = ["d", "stroke"], kt = [
+	"text-anchor",
+	"x",
+	"y",
+	"fill"
+], At = [
+	"cx",
+	"cy",
+	"r",
+	"fill"
+], jt = { key: 0 }, Mt = [
+	"cx",
+	"cy",
+	"fill"
+], Nt = { key: 1 }, Pt = [
+	"d",
+	"fill",
+	"stroke"
+], Ft = { key: 2 }, It = [
+	"d",
+	"fill",
+	"stroke"
+], Lt = [
+	"x",
+	"y",
+	"font-size",
+	"fill"
+], Rt = [
+	"x",
+	"y",
+	"width",
+	"height",
+	"fill"
+], zt = [
+	"x",
+	"y",
+	"width",
+	"height",
+	"onMouseenter",
+	"onMouseleave",
+	"onClick"
+], Bt = [
+	"x",
+	"y",
+	"width",
+	"height",
+	"fill",
+	"fill-opacity",
+	"stroke",
+	"stroke-opacity",
+	"stroke-width",
+	"stroke-dasharray"
+], Vt = {
+	key: 0,
+	style: {
+		position: "absolute",
+		top: "100%",
+		left: "0",
+		width: "100%"
+	},
+	"data-dom-to-png-ignore": "",
+	"aria-hidden": "true"
+}, Ht = {
+	key: 5,
+	class: "vue-data-ui-watermark"
+}, Ut = ["id"], Wt = ["onClick"], Gt = { key: 0 }, Kt = { key: 1 }, qt = /*#__PURE__*/ Me({
+	__name: "vue-ui-donut-evolution",
+	props: {
+		config: {
+			type: Object,
+			default() {
+				return {};
+			}
+		},
+		dataset: {
+			type: Array,
+			default() {
+				return [];
+			}
+		},
+		zoomState: {
+			type: Object,
+			default: null
+		}
+	},
+	emits: [
+		"selectLegend",
+		"zoomStart",
+		"zoomEnd",
+		"zoomReset",
+		"update:zoomState",
+		"copyAlt"
+	],
+	setup(e, { expose: Me, emit: it }) {
+		let qt = qe(() => import("./vue-ui-accordion-15kKhkup.js").then((e) => e.n)), Jt = qe(() => import("./BaseIcon-BV75ei8X.js").then((e) => e.n)), Yt = qe(() => import("./DataTable-DX5fToAo.js")), Xt = qe(() => import("./PackageVersion-DhXk363L.js").then((e) => e.t)), Zt = qe(() => import("./PenAndPaper-DkQ4sEhs.js").then((e) => e.t)), Qt = qe(() => import("./UserOptions-Dgn3StKw.js").then((e) => e.n)), $t = qe(() => import("./vue-ui-donut-oY4iu5pY.js").then((e) => e.n)), en = qe(() => import("./BaseDraggableDialog-C1Slb3Yh.js").then((e) => e.n)), { vue_ui_donut_evolution: tn } = be(), { isThemeValid: nn, warnInvalidTheme: rn } = Te(), E = e, D = b(ee()), O = b([]), k = b(null), an = b(null), on = b(!1), sn = b(null), A = b(null), cn = b(null), ln = b(0), un = b(0), dn = b(0), fn = b(0), pn = b(0), mn = b(null), hn = b(null), gn = b(null), _n = b(null), vn = b(!1), yn = b(null), bn = b(null), xn = et(null), Sn = b(0), Cn = b(0), wn = b(!1);
+		function Tn() {
+			xn.value = A.value?.parentNode ?? null;
+		}
+		function En() {
+			return new Promise((e) => {
+				requestAnimationFrame(() => {
+					requestAnimationFrame(e);
+				});
+			});
+		}
+		async function Dn() {
+			let e = ++Cn.value;
+			await Ye(), await En(), await En(), e === Cn.value && (Sn.value += 1);
+		}
+		function On() {
+			wn.value || (wn.value = !0, Ye(() => {
+				wn.value = !1, Tn(), Dn();
+			}));
+		}
+		let kn = Oe({
+			elementRef: xn,
+			minimumWidth: 2,
+			minimumHeight: 2,
+			stableFramesRequired: 2,
+			once: !1,
+			onSizeAccepted: () => {
+				Dn();
+			}
+		}), An = b(null), jn = b(null), Mn = b(null), Nn = b(null), Pn = b(null), Fn = b(!1), j = et(null), In = et(null), Ln = b(null), M = b(null), Rn = b(!1), N = it, zn = d(() => !!E.dataset && E.dataset.length);
+		Qe(() => {
+			vn.value = !0, Tn(), kn.start(), Vn(), Dn();
+		});
+		let Bn = d(() => P.value.debug);
+		function Vn() {
+			if (s(E.dataset) ? (re({
+				componentName: "VueUiDonutEvolution",
+				type: "dataset",
+				debug: Bn.value
+			}), qn.value = !0) : E.dataset.length && E.dataset.forEach((e, t) => {
+				me({
+					datasetObject: e,
+					requiredAttributes: ["name", "values"]
+				}).forEach((e) => {
+					re({
+						componentName: "VueUiDonutEvolution",
+						type: "datasetSerieAttribute",
+						property: e,
+						index: t,
+						debug: Bn.value
+					}), qn.value = !0;
+				});
+			}), s(E.dataset) || (qn.value = P.value.loading), setTimeout(() => {
+				Fn.value = !0;
+			}, 10), fr(), P.value.responsive) {
+				let e = Ne(() => {
+					Fn.value = !1;
+					let { width: e, height: t } = Pe({
+						chart: A.value,
+						title: P.value.style.chart.title.text ? An.value : null,
+						legend: P.value.style.chart.legend.show ? jn.value : null,
+						slicer: P.value.style.chart.zoom.show && Yn.value > 1 ? Pn.value : null,
+						source: Mn.value
+					});
+					requestAnimationFrame(() => {
+						Jn.value.width = e, Jn.value.height = t - 12, On(), clearTimeout(Ln.value), Ln.value = setTimeout(() => {
+							Fn.value = !0;
+						}, 10);
+					});
+				});
+				j.value && (In.value && j.value.unobserve(In.value), j.value.disconnect()), j.value = new ResizeObserver(e), In.value = A.value.parentNode, j.value.observe(In.value);
+			}
+			On();
+		}
+		let P = b(br()), F = d(() => I.value.grid), I = d(() => P.value.style.chart.layout), Hn = d(() => P.value.style.chart.dialog), L = d(() => P.value.style.chart);
+		_e({
+			config: () => P.value,
+			dataset: () => E.dataset,
+			component: "VueUiDonutEvolution",
+			rules: [
+				ve.emptyArray,
+				{
+					test: (e) => e.length === 1,
+					message: [
+						"👀 There is only a single series in your dataset. Consider:",
+						"",
+						"▶️ Using VueUiXy instead, for a regular line chart."
+					]
+				},
+				{
+					test: (e) => e.length > 6,
+					message: [
+						"👀 The number of series is > 6, which makes donuts hard to read. Consider:",
+						"",
+						"▶️ Grouping small values dynamically into a single \"Other\" series.",
+						"",
+						"▶️ Using filters to let users choose a maximum number of series to display.",
+						"",
+						"▶️ Using VueUiHorizontalBar instead to make the dataset breakdown easier to read."
+					]
+				},
+				{
+					test: (e) => e.some((e) => e.values.length > 24),
+					message: [
+						"👀 Some series have a number of data points > 24, which can make the chart and donuts hard to read. Consider:",
+						"",
+						"▶️ Using larger time scales, or aggregated values.",
+						"",
+						"▶️ Filtering the time range by adding date intputs in your UI.",
+						"",
+						"▶️ Using VueUiXy to show longer series in a more comfortable display."
+					]
+				}
+			]
+		});
+		let { transitionEnabled: Un } = De({
+			config: () => P.value.transitions,
+			dataset: () => E.dataset
+		}), R = d(() => P.value.userOptions.useCursorPointer), Wn = d(() => fe({
+			defaultConfig: {
+				useCssAnimation: !1,
+				table: { show: !1 },
+				userOptions: { show: !1 },
+				style: { chart: {
+					backgroundColor: "#99999930",
+					layout: {
+						dataLabels: { show: !1 },
+						grid: {
+							stroke: "#6A6A6A",
+							axis: {
+								yLabel: "",
+								xLabel: ""
+							},
+							yAxis: {
+								scaleMin: null,
+								scaleMax: null,
+								autoScale: !1,
+								dataLabels: { show: !1 }
+							},
+							xAxis: { dataLabels: { show: !1 } }
+						},
+						line: { stroke: "#CACACA60" }
+					},
+					legend: {
+						backgroundColor: "transparent",
+						showValue: !1,
+						showPercentage: !1
+					},
+					zoom: {
+						show: !1,
+						startIndex: null,
+						endIndex: null
+					}
+				} }
+			},
+			userConfig: P.value.skeletonConfig ?? {}
+		})), { loading: Gn, FINAL_DATASET: Kn, manualLoading: qn } = Se({
+			...tt(E),
+			FINAL_CONFIG: P,
+			prepareConfig: br,
+			callback: () => {
+				Promise.resolve().then(async () => {
+					await fr();
+				});
+			},
+			skeletonDataset: E.config?.skeletonDataset ?? [
+				{
+					name: "",
+					values: [
+						1,
+						2,
+						3,
+						5,
+						8,
+						13
+					],
+					color: "#AAAAAA"
+				},
+				{
+					name: "",
+					values: [
+						1,
+						2,
+						3,
+						5,
+						8,
+						13
+					],
+					color: "#BABABA"
+				},
+				{
+					name: "",
+					values: [
+						1,
+						2,
+						3,
+						5,
+						8,
+						13
+					],
+					color: "#CACACA"
+				}
+			],
+			skeletonConfig: fe({
+				defaultConfig: P.value,
+				userConfig: Wn.value
+			})
+		}), Jn = b({
+			width: I.value.width,
+			height: I.value.height
+		}), Yn = d(() => Math.max(...Kn.value.map((e) => e.values.length))), z = b({
+			start: 0,
+			end: Yn.value
+		}), B = b(!1), Xn = b(!1), V = b(null), H = b(null), U = b(null), Zn = b(!1), Qn = b({
+			time: 0,
+			x: 0,
+			y: 0,
+			pointerType: null
+		}), $n = d(() => P.value.style.chart.zoom?.dragToZoom), W = d(() => $n.value.show && zn.value && tr.value && Y.value > 1 && !Gn.value), er = b(!1), tr = b(!1), nr = b(!1), rr = null, ir = {};
+		function ar(e, t = z.value) {
+			if (!e || typeof e != "object") return null;
+			let n = e.start !== void 0 && e.start !== null, r = e.end !== void 0 && e.end !== null;
+			if (!n && !r) return null;
+			let i = Number(n ? e.start : t.start), a = Number(r ? e.end : t.end);
+			return !Number.isFinite(i) || !Number.isFinite(a) ? null : {
+				start: i,
+				end: a
+			};
+		}
+		function or(e) {
+			let t = ar(e);
+			t && N("update:zoomState", t);
+		}
+		function sr() {
+			rr &&= (cancelAnimationFrame(rr), null), ir = {};
+		}
+		function cr(e, t = z.value.start) {
+			let n = Y.value, r = Number(t);
+			return e > n ? n : e < 0 || e <= r ? Math.min(r + 1, n) : e;
+		}
+		function lr() {
+			let e = Y.value;
+			if (!Number.isFinite(e) || e <= 0) {
+				z.value = {
+					start: 0,
+					end: 0
+				};
+				return;
+			}
+			let t = Math.max(0, Math.min(Number(z.value.start) || 0, e - 1)), n = Math.max(t + 1, Math.min(Number(z.value.end) || e, e));
+			(!Number.isFinite(t) || !Number.isFinite(n) || n <= t) && (t = 0, n = e), z.value = {
+				start: t,
+				end: n
+			}, Nn.value && Nn.value.setRangeValues(t, n);
+		}
+		function ur(e) {
+			let t = ar(e);
+			if (!t) return null;
+			let { start: n, end: r } = t;
+			return (n !== Number(z.value.start) || r !== Number(z.value.end)) && (sr(), z.value = {
+				start: n,
+				end: r
+			}, lr(), On()), {
+				start: Number(z.value.start),
+				end: Number(z.value.end)
+			};
+		}
+		function dr(e) {
+			let t = ur(e);
+			return t ? (or(t), t) : null;
+		}
+		async function fr(e = !0) {
+			if (!er.value) {
+				er.value = !0;
+				try {
+					await Ye(), await Ye();
+					let { startIndex: t, endIndex: n } = L.value.zoom, r = Y.value;
+					if (!Number.isFinite(r) || r <= 0) {
+						z.value = {
+							start: 0,
+							end: 0
+						}, tr.value = !0;
+						return;
+					}
+					let i = t == null ? 0 : Number(t), a = n == null ? r : cr(Number(n) + 1, i);
+					nr.value = !0, z.value = {
+						start: i,
+						end: a
+					}, lr(), tr.value = !0, e && E.zoomState && ur(E.zoomState);
+				} finally {
+					queueMicrotask(() => {
+						nr.value = !1;
+					}), er.value = !1, On();
+				}
+			}
+		}
+		async function pr({ force: e = !1, publish: t = !1 } = {}) {
+			await fr(!e), t && (or({
+				start: Number(z.value.start),
+				end: Number(z.value.end)
+			}), N("zoomReset"));
+		}
+		nt([() => E.zoomState, tr], ([e, t]) => {
+			t && e && ur(e);
+		}, {
+			deep: !0,
+			immediate: !0
+		});
+		function mr(e) {
+			ir = {
+				...ir,
+				...e
+			}, rr && cancelAnimationFrame(rr), rr = requestAnimationFrame(() => {
+				let e = {
+					...z.value,
+					...ir
+				};
+				ir = {}, rr = null, z.value = e, lr(), On(), or({
+					start: Number(z.value.start),
+					end: Number(z.value.end)
+				});
+			});
+		}
+		function hr(e) {
+			if (er.value || nr.value) return;
+			let t = Number(e);
+			Number.isFinite(t) && (N("zoomStart", {
+				index: t,
+				isZoom: t !== 0
+			}), t !== z.value.start && mr({ start: t }));
+		}
+		function gr(e) {
+			if (er.value || nr.value) return;
+			let t = ir.start === void 0 ? z.value.start : ir.start, n = cr(Number(e), t);
+			Number.isFinite(n) && (N("zoomEnd", {
+				index: n,
+				isZoom: n !== Y.value
+			}), (n !== z.value.end || ir.start !== void 0) && mr({ end: n }));
+		}
+		let { userOptionsVisible: _r, setUserOptionsVisibility: vr, keepUserOptionState: yr } = ze({ config: P.value }), { svgRef: G } = Be({ config: L.value.title });
+		function br() {
+			let e = we({
+				userConfig: E.config,
+				defaultConfig: tn
+			}), t = {}, r = e.theme;
+			if (r) {
+				if (!nn.value(e)) rn(e), t = e;
+				else {
+					let i = we({
+						userConfig: He[r] || E.config,
+						defaultConfig: e
+					});
+					t = {
+						...we({
+							userConfig: E.config,
+							defaultConfig: i
+						}),
+						customPalette: e.customPalette ? e.customPalette : n[r] || l
+					};
+				}
+			} else t = e;
+			return t;
+		}
+		nt(() => E.config, (e) => {
+			Gn.value || (P.value = br()), _r.value = !P.value.userOptions.showOnChartHover, Vn(), dn.value += 1, fn.value += 1, pn.value += 1, Dr.value.showTable = P.value.table.show;
+		}, { deep: !0 }), nt(() => E.dataset, (e) => {
+			Array.isArray(e) && e.length > 0 && (qn.value = !1), pr();
+		}, { deep: !0 });
+		let { isPrinting: xr, isImaging: Sr, generatePdf: Cr, generateImage: wr } = xe({
+			elementId: D.value,
+			fileName: L.value.title.text || "vue-ui-donut-evolution",
+			options: P.value.userOptions.print
+		}), Tr = d(() => P.value.userOptions.show && !L.value.title.text), Er = d(() => he(P.value.customPalette)), Dr = b({ showTable: P.value.table.show });
+		nt(P, () => {
+			Dr.value = { showTable: P.value.table.show };
+		}, { immediate: !0 });
+		let Or = d(() => ({
+			top: I.value.padding.top,
+			right: I.value.padding.right,
+			bottom: I.value.padding.bottom,
+			left: I.value.padding.left
+		})), K = d(() => F.value.yAxis.position === "right");
+		function kr() {
+			let e = 0;
+			mn.value && (e = Array.from(mn.value.querySelectorAll("text")).reduce((e, t) => {
+				let n = t.getComputedTextLength();
+				return n > e ? n : e;
+			}, 0));
+			let t = _n.value ? _n.value.getBoundingClientRect().width + F.value.axis.yLabelOffsetX + F.value.axis.fontSize : 0, n = e + t + 5;
+			return {
+				left: K.value ? 0 : n,
+				right: K.value ? n : 0,
+				scaleLabelsWidth: e,
+				yAxisLabelWidth: t,
+				crosshair: 5
+			};
+		}
+		let Ar = b(0), jr = Ne((e) => {
+			Ar.value = e;
+		}, 100);
+		rt((e) => {
+			let t = hn.value;
+			if (!t) return;
+			let n = new ResizeObserver((e) => {
+				jr(e[0].contentRect.height);
+			});
+			n.observe(t), e(() => n.disconnect());
+		}), Ze(() => {
+			Ar.value = 0, kn.stop(), clearTimeout(Ln.value), sr(), oi(), Kr(), j.value && (In.value && j.value.unobserve(In.value), j.value.disconnect(), j.value = null, In.value = null);
+		});
+		let Mr = d(() => {
+			let e = 0;
+			gn.value && (e = gn.value.getBBox().height);
+			let t = 0;
+			return hn.value && (t = Ar.value), e + t + F.value.axis.fontSize + F.value.xAxis.dataLabels.offsetY;
+		}), q = d(() => {
+			Sn.value;
+			let e = kr(), t = I.value.dataLabels.fontSize * 3, n = Jn.value.width, r = Jn.value.height, i = Or.value.left + e.left, a = n - Or.value.right - e.right, o = n - i - Or.value.right - e.right, s = r - Or.value.top - Or.value.bottom - t - Mr.value, c = Or.value.top + t;
+			return {
+				top: c,
+				left: i,
+				right: a,
+				bottom: r - Or.value.bottom - Mr.value,
+				absoluteHeight: r,
+				absoluteWidth: n,
+				centerX: i + Math.max(10, o) / 2,
+				centerY: c + Math.max(10, s) / 2,
+				width: Math.max(10, o),
+				height: Math.max(10, s),
+				scaleLabelsWidth: e.scaleLabelsWidth,
+				yAxisLabelWidth: e.yAxisLabelWidth,
+				crosshair: e.crosshair
+			};
+		}), J = d(() => (Bn.value && Kn.value.forEach((e, t) => {
+			[null, void 0].includes(e.name) && re({
+				componentName: "VueUiDonutEvolution",
+				type: "datasetSerieAttribute",
+				property: "name",
+				index: t
+			}), [null, void 0].includes(e.values) && re({
+				componentName: "VueUiDonutEvolution",
+				type: "datasetSerieAttribute",
+				property: "values",
+				index: t
+			});
+		}), Kn.value.map((e, t) => ({
+			...e,
+			values: a(e.values),
+			color: c(e.color) || Er.value[t] || l[t] || l[t % l.length],
+			length: (e.values || []).length,
+			uid: ee()
+		})))), Nr = d(() => J.value.filter((e) => !O.value.includes(e.uid)).map((e) => ({
+			...e,
+			values: e.values.filter((e, t) => t >= z.value.start && t <= z.value.end)
+		}))), Y = d(() => Math.max(...J.value.map((e) => e.length))), X = b([]), Pr = 0;
+		rt(() => {
+			let e = ++Pr;
+			(async () => {
+				let t = await ye({
+					values: F.value.xAxis.dataLabels.values,
+					maxDatapoints: Y.value,
+					formatter: F.value.xAxis.dataLabels.datetimeFormatter,
+					start: z.value.start,
+					end: z.value.end
+				});
+				e === Pr && (X.value = t);
+			})();
+		});
+		let Z = d(() => q.value.width / (z.value.end - z.value.start)), Fr = d(() => {
+			let e = [];
+			for (let t = 0; t < z.value.end - z.value.start; t += 1) {
+				let n = Nr.value.map((e) => e.values[t] ?? null), r = n.filter((e) => [void 0, null].includes(e)).length === n.length, i = n.reduce((e, t) => e + t, 0), a = n.map((e) => e / i), o = q.value.left + Z.value * t + Z.value / 2;
+				e.push({
+					index: t,
+					percentages: a,
+					subtotal: r || i < 0 ? null : i,
+					values: n,
+					x: o
+				});
+			}
+			return e;
+		}), Ir = d(() => {
+			let e = Math.max(...Fr.value.map((e) => e.subtotal).filter((e) => se(e))) ?? 1, t = Math.min(...Fr.value.map((e) => e.subtotal).filter((e) => se(e))) ?? 0, n = Math.max(F.value.yAxis.scaleMax ?? 0, e), r;
+			return r = F.value.yAxis.scaleMin == null ? 0 : Math.min(t, F.value.yAxis.scaleMin), F.value.yAxis.autoScale && (r = t, n = e), r === n && (r = n / 2, n *= 1.5), {
+				max: n,
+				min: r
+			};
+		}), Q = d(() => {
+			let e = Fr.value.length === 1 ? Ir.value.max * 2 : Ir.value.max;
+			return ne(Ir.value.min, e, F.value.yAxis.dataLabels.steps);
+		});
+		nt(() => Q.value.ticks.join("|"), () => {
+			On();
+		}, { flush: "post" });
+		function Lr(e) {
+			return (e - Q.value.min) / (Q.value.max - Q.value.min);
+		}
+		let Rr = d(() => Q.value.ticks.map((e) => ({
+			y: q.value.bottom - q.value.height * Lr(e),
+			value: e
+		}))), $ = d(() => {
+			let e = Fr.value, t = Math.max(...e.map((e) => e.subtotal));
+			return e.length === 1 && t * 2, e.map((t, n) => {
+				let r = Math.min(q.value.width / 24, Z.value / 2 * .7), a = r > q.value.width / 16 ? q.value.width / 16 : r, o = k.value === t.index ? q.value.width / 16 : a, s = e.length > 4 ? r * 2 : r * 2 > Z.value / 2 * .7 ? Z.value / 2 * .7 : r * 2, c = q.value.bottom - q.value.height * Lr(t.subtotal), l = Nr.value.map((e) => ({
+					color: e.color,
+					name: e.name,
+					value: e.values[n] ?? 0
+				})).toSorted((e, t) => t.value - e.value);
+				return {
+					...t,
+					y: c,
+					radius: a,
+					activeRadius: o,
+					hoverRadius: s,
+					donut: i({ series: l }, t.x, c, a, a, 1.99999, 2, 1, 360, 105.25, a / 2),
+					donutHover: i({ series: l }, t.x, c, s, s, 1.99999, 2, 1, 360, 105.25, s / 2),
+					donutFocus: i({ series: l }, q.value.centerX, q.value.centerY, q.value.height / 3.6, q.value.height / 3.6, 1.99999, 2, 1, 360, 105.25, q.value.height / 6)
+				};
+			});
+		});
+		function zr(e, n, r) {
+			return oe(I.value.dataLabels.formatter, e, t({
+				p: I.value.dataLabels.prefix,
+				v: e,
+				s: I.value.dataLabels.suffix,
+				r: I.value.dataLabels.rounding
+			}), {
+				datapoint: n,
+				index: r
+			});
+		}
+		function Br(e, t) {
+			return isNaN(e.value / te(t, "value")) ? 0 : (e.value / te(t, "value") * 100).toFixed(0) + "%";
+		}
+		function Vr(e) {
+			let t = G.value;
+			if (!t) return null;
+			if (t.createSVGPoint && t.getScreenCTM) {
+				let n = t.createSVGPoint();
+				n.x = e.clientX, n.y = e.clientY;
+				let r = t.getScreenCTM();
+				if (r) {
+					let e = n.matrixTransform(r.inverse());
+					return {
+						x: e.x,
+						y: e.y
+					};
+				}
+			}
+			let n = t.getBoundingClientRect(), r = t.viewBox?.baseVal || {
+				x: 0,
+				y: 0,
+				width: n.width,
+				height: n.height
+			}, i = Math.min(n.width / r.width, n.height / r.height);
+			if (!Number.isFinite(i) || i <= 0) return null;
+			let a = r.width * i, o = r.height * i, s = (n.width - a) / 2, c = (n.height - o) / 2;
+			return {
+				x: (e.clientX - n.left - s) / i + r.x,
+				y: (e.clientY - n.top - c) / i + r.y
+			};
+		}
+		let Hr = d(() => !B.value || V.value == null || H.value == null ? null : {
+			x: Math.min(V.value, H.value),
+			y: q.value.top,
+			width: Math.abs(H.value - V.value),
+			height: q.value.height
+		}), Ur = d(() => tr.value ? Number(z.value.start) !== 0 || Number(z.value.end) !== Number(Y.value) : !1);
+		function Wr(e) {
+			return Math.min(Math.max(e, q.value.left), q.value.right);
+		}
+		function Gr() {
+			k.value = null, an.value = null, M.value = null;
+		}
+		function Kr(e) {
+			let t = e?.pointerId == null ? U.value : e.pointerId;
+			t != null && G.value?.hasPointerCapture?.(t) && G.value.releasePointerCapture(t), B.value = !1, V.value = null, H.value = null, U.value = null;
+		}
+		function qr() {
+			Zn.value = !0, setTimeout(() => {
+				Zn.value = !1;
+			}, 0);
+		}
+		function Jr(e) {
+			Zn.value && (Zn.value = !1, e.preventDefault(), e.stopPropagation());
+		}
+		function Yr(e) {
+			if (!W.value || !Ur.value || !e) return !1;
+			let t = Date.now(), n = e.pointerType || "mouse", r = Qn.value, i = n === "touch" ? 450 : 350, a = n === "touch" ? 28 : 10, o = Math.hypot(e.clientX - r.x, e.clientY - r.y);
+			return r.time > 0 && r.pointerType === n && t - r.time <= i && o <= a ? (Qn.value = {
+				time: 0,
+				x: 0,
+				y: 0,
+				pointerType: null
+			}, qr(), oi(), Kr(e), ki(), pr({
+				force: !0,
+				publish: !0
+			}), !0) : (Qn.value = {
+				time: t,
+				x: e.clientX,
+				y: e.clientY,
+				pointerType: n
+			}, !1);
+		}
+		function Xr(e) {
+			let t = Number(z.value.end) - Number(z.value.start);
+			if (t <= 0 || !Number.isFinite(Z.value) || Z.value <= 0) return null;
+			let n = Math.floor((Wr(e) - q.value.left) / Z.value);
+			return Math.max(0, Math.min(t - 1, n));
+		}
+		function Zr(e, t) {
+			let n = Xr(e), r = Xr(t);
+			if (n == null || r == null) return null;
+			let i = Math.min(n, r), a = Math.max(n, r);
+			return a <= i ? null : {
+				start: Number(z.value.start) + i,
+				end: Number(z.value.start) + a + 1
+			};
+		}
+		function Qr(e) {
+			let t = dr(e);
+			return t ? (N("zoomStart", {
+				index: t.start,
+				isZoom: t.start !== 0
+			}), N("zoomEnd", {
+				index: t.end,
+				isZoom: t.end !== Y.value
+			}), t) : null;
+		}
+		function $r(e) {
+			if (!W.value || Ci.value || e.button !== void 0 && e.button !== 0 || U.value != null && e.pointerId !== U.value) return;
+			let t = Vr(e);
+			if (!t || t.x < q.value.left || t.x > q.value.right || t.y < q.value.top || t.y > q.value.bottom || Number(z.value.end) - Number(z.value.start) <= 1) return;
+			Xn.value = !0, G.value?.focus?.({ preventScroll: !0 }), oi(), Gr();
+			let n = Wr(t.x);
+			U.value = e.pointerId, B.value = !0, V.value = n, H.value = n;
+		}
+		function ei(e) {
+			if (!W.value || !B.value || U.value != null && e.pointerId !== U.value) return;
+			let t = Vr(e);
+			t && (H.value = Wr(t.x), Gr(), V.value != null && Math.abs(H.value - V.value) >= 2 && !G.value?.hasPointerCapture?.(e.pointerId) && G.value?.setPointerCapture?.(e.pointerId));
+		}
+		function ti(e) {
+			if (!W.value || !B.value || U.value != null && e.pointerId !== U.value) return;
+			let t = Vr(e);
+			t && (H.value = Wr(t.x));
+			let n = V.value, r = H.value;
+			if ((n == null || r == null ? 0 : Math.abs(r - n)) < Math.max(4, q.value.width * .01)) {
+				if (Yr(e)) return;
+				Kr(e);
+				return;
+			}
+			let i = Zr(Math.min(n, r), Math.max(n, r));
+			if (!i) {
+				Kr(e);
+				return;
+			}
+			Kr(e), Qr(i) && (Qn.value = {
+				time: 0,
+				x: 0,
+				y: 0,
+				pointerType: null
+			}, Gr(), qr());
+		}
+		function ni(e) {
+			B.value || (k.value = null, an.value = null, M.value = null, P.value.events.datapointLeave && P.value.events.datapointLeave({
+				datapoint: e,
+				seriesIndex: e.seriesIndex + z.value.start
+			}));
+		}
+		function ri(e) {
+			B.value || (P.value.events.datapointEnter && P.value.events.datapointEnter({
+				datapoint: e,
+				seriesIndex: e.index + z.value.start
+			}), k.value = e.index, an.value = e, M.value = e.index);
+		}
+		let ii = b(null), ai = null;
+		function oi() {
+			ai &&= (clearTimeout(ai), null);
+		}
+		function si(e, t) {
+			P.value.events.datapointClick && P.value.events.datapointClick({
+				datapoint: e,
+				seriesIndex: e.index + z.value.start
+			}), e.subtotal && Hn.value.show && (an.value = null, k.value = null, on.value = !0, sn.value = e, Ai(e), [null, void 0].includes(t) || (ii.value = t));
+		}
+		function ci(e, t) {
+			if (oi(), !W.value || !Ur.value) {
+				si(e, t);
+				return;
+			}
+			let n = Qn.value.pointerType === "touch" ? 480 : 380;
+			ai = setTimeout(() => {
+				ai = null, si(e, t);
+			}, n);
+		}
+		let li = d(() => J.value.map((e, t) => ({
+			name: e.name,
+			value: e.values.slice(z.value.start, z.value.end).reduce((e, t) => e + t, 0),
+			shape: "circle",
+			uid: e.uid,
+			color: e.color
+		})).sort((e, t) => t.value - e.value).map((e, n) => ({
+			...e,
+			opacity: O.value.includes(e.uid) ? .5 : 1,
+			segregate: () => pi(e.uid),
+			isSegregated: O.value.includes(e.uid),
+			display: `${e.name}${L.value.legend.showPercentage || L.value.legend.showValue ? ": " : ""}${L.value.legend.showValue ? oe(I.value.dataLabels.formatter, e.value, t({
+				p: I.value.dataLabels.prefix,
+				v: e.value,
+				s: I.value.dataLabels.suffix,
+				r: L.value.legend.roundingValue
+			}), {
+				datapoint: e,
+				seriesIndex: n
+			}) : ""}${L.value.legend.showPercentage ? O.value.includes(e.uid) ? `${L.value.legend.showValue ? " (" : ""}- %${L.value.legend.showValue ? ")" : ""}` : `${L.value.legend.showValue ? " (" : ""}${isNaN(e.value / ui.value) ? "-" : t({
+				v: e.value / ui.value * 100,
+				s: "%",
+				r: L.value.legend.roundingPercentage
+			})}${L.value.legend.showValue ? ")" : ""}` : ""}`
+		}))), ui = d(() => $.value.map((e) => e.subtotal).reduce((e, t) => e + t, 0)), di = d(() => ({
+			cy: "donut-div-legend",
+			backgroundColor: L.value.legend.backgroundColor,
+			color: L.value.legend.color,
+			fontSize: L.value.legend.fontSize,
+			paddingBottom: 12,
+			fontWeight: L.value.legend.bold ? "bold" : ""
+		}));
+		function fi() {
+			O.value.length ? O.value = [] : li.value.forEach((e) => {
+				O.value.push(e.uid);
+			}), N("selectLegend", Nr.value);
+		}
+		function pi(e) {
+			if (O.value.includes(e)) O.value = O.value.filter((t) => t !== e), N("selectLegend", Nr.value);
+			else {
+				if (O.value.length === J.value.length - 1) return;
+				O.value.push(e), N("selectLegend", Nr.value);
+			}
+			sn.value && si($.value.find((e, t) => t === ii.value));
+		}
+		function mi(e) {
+			return J.value.length ? J.value.find((t) => t.name === e) || (Bn.value && console.warn(`VueUiDonutEvolution - Series name not found "${e}"`), null) : (Bn.value && console.warn("VueUiDonutEvolution - There are no series to show."), null);
+		}
+		function hi(e) {
+			let t = mi(e);
+			t !== null && O.value.includes(t.uid) && pi(t.uid);
+		}
+		function gi(e) {
+			let t = mi(e);
+			t !== null && (O.value.includes(t.uid) || pi(t.uid));
+		}
+		let _i = d(() => {
+			let e = [""].concat(J.value.filter((e) => !O.value.includes(e.uid)).map((e) => ({
+				name: e.name,
+				color: e.color
+			})), ["Σ"]), t = [];
+			for (let e = 0; e < Y.value; e += 1) {
+				let n = J.value.filter((e) => !O.value.includes(e.uid)).map((t) => t.values[e] ?? 0).reduce((e, t) => e + t, 0);
+				t.push([X.value[e] ? X.value[e].text : "-"].concat(J.value.filter((e) => !O.value.includes(e.uid)).map((t) => ({
+					value: t.values[e] ?? 0,
+					percentage: t.values[e] ? t.values[e] / n * 100 : 0
+				})), [`${I.value.dataLabels.prefix}${Number(n.toFixed(P.value.table.td.roundingValue))}${I.value.dataLabels.suffix}`]));
+			}
+			return {
+				head: e,
+				body: t,
+				bodyA11y: t.map((e) => e.map((t, n) => n === 0 || n === e.length - 1 ? t : `${zr(t.value ?? 0, null, n)} (${t.percentage.toFixed(1)}%)`)),
+				config: {
+					th: {
+						backgroundColor: P.value.table.th.backgroundColor,
+						color: P.value.table.th.color,
+						outline: P.value.table.th.outline
+					},
+					td: {
+						backgroundColor: P.value.table.td.backgroundColor,
+						color: P.value.table.td.color,
+						outline: P.value.table.td.outline
+					},
+					breakpoint: P.value.table.responsiveBreakpoint
+				},
+				colNames: [P.value.table.columnNames.period].concat(J.value.filter((e) => !O.value.includes(e.uid)).map((e) => e.name), P.value.table.columnNames.total)
+			};
+		});
+		function vi() {
+			return J.value;
+		}
+		function yi(e = null) {
+			Ye(() => {
+				let t = [
+					[L.value.title.text],
+					[L.value.title.subtitle.text],
+					[""]
+				], n = [..._i.value.head.map((e) => e.name ?? e)], i = [..._i.value.body.map((e) => e.map((e) => e.value ?? e))], a = t.concat([n]).concat(i), o = r(a);
+				e ? e(o) : ce({
+					csvContent: o,
+					title: L.value.title.text || "vue-ui-donut-evolution"
+				});
+			});
+		}
+		let bi = b(!1);
+		function xi(e) {
+			bi.value = e, ln.value += 1;
+		}
+		function Si() {
+			Dr.value.showTable = !Dr.value.showTable;
+		}
+		let Ci = b(!1);
+		function wi() {
+			Ci.value = !Ci.value;
+		}
+		function Ti(e) {
+			return e.proportion * 100 > L.value.donuts.hover.hideLabelsUnderValue;
+		}
+		let Ei = b([]), Di = b({}), Oi = b(null);
+		function ki() {
+			Oi.value?.close?.(), sn.value = null, ii.value = null, on.value = !1, an.value = null, k.value = null, M.value = null;
+		}
+		function Ai(e) {
+			Ei.value = e.donut.map((e) => ({
+				name: e.name,
+				values: [e.value],
+				color: e.color
+			})), Di.value = pe({
+				...Hn.value.donutChart,
+				responsive: !0,
+				theme: P.value.theme
+			}), Oi.value && Oi.value.open();
+		}
+		async function ji({ scale: e = 2 } = {}) {
+			if (!A.value) return;
+			let { width: t, height: n } = A.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await Ae({
+				domElement: A.value,
+				base64: !0,
+				img: !0,
+				scale: e
+			});
+			return {
+				imageUri: i,
+				base64: a,
+				title: L.value.title.text,
+				width: t,
+				height: n,
+				aspectRatio: r
+			};
+		}
+		let Mi = d(() => Jn.value.width), Ni = d(() => Jn.value.height);
+		ke({
+			timeLabelsEls: hn,
+			timeLabels: X,
+			slicer: z,
+			configRef: P,
+			rotationPath: [
+				"style",
+				"chart",
+				"layout",
+				"grid",
+				"xAxis",
+				"dataLabels",
+				"rotation"
+			],
+			autoRotatePath: [
+				"style",
+				"chart",
+				"layout",
+				"grid",
+				"xAxis",
+				"dataLabels",
+				"autoRotate",
+				"enable"
+			],
+			isAutoSize: !1,
+			width: Mi,
+			height: Ni,
+			rotation: F.value.xAxis.dataLabels.autoRotate.angle
+		});
+		let Pi = d(() => {
+			let e = P.value.table.useDialog && !P.value.table.show, t = Dr.value.showTable;
+			return {
+				component: e ? en : qt,
+				title: `${L.value.title.text}${L.value.title.subtitle.text ? `: ${L.value.title.subtitle.text}` : ""}`,
+				props: e ? {
+					backgroundColor: P.value.table.th.backgroundColor,
+					color: P.value.table.th.color,
+					headerColor: P.value.table.th.color,
+					headerBg: P.value.table.th.backgroundColor,
+					isFullscreen: bi.value,
+					fullscreenParent: A.value,
+					forcedWidth: Math.min(800, window.innerWidth * .8),
+					isCursorPointer: R.value
+				} : {
+					hideDetails: !0,
+					config: {
+						open: t,
+						maxHeight: 1e4,
+						body: {
+							backgroundColor: L.value.backgroundColor,
+							color: L.value.color
+						},
+						head: {
+							backgroundColor: L.value.backgroundColor,
+							color: L.value.color
+						}
+					}
+				}
+			};
+		});
+		nt(() => Dr.value.showTable, (e) => {
+			P.value.table.show || (e && P.value.table.useDialog && yn.value ? yn.value.open() : "close" in yn.value && yn.value.close());
+		});
+		function Fi() {
+			Dr.value.showTable = !1, bn.value && bn.value.setTableIconState(!1);
+		}
+		let Ii = d(() => li.value.map((e) => ({
+			...e,
+			name: e.display
+		}))), Li = d(() => L.value.backgroundColor), Ri = d(() => L.value.legend), zi = d(() => L.value.title), { isCallbackImaging: Bi, isCallbackSvg: Vi, generateSvg: Hi, onGenerateImage: Ui } = Ee({
+			svg: G,
+			title: zi,
+			legend: Ri,
+			legendItems: Ii,
+			backgroundColor: Li,
+			getSvgCallback: () => P.value.userOptions.callbacks.svg,
+			generateImage: wr
+		});
+		async function Wi() {
+			if (N("copyAlt", {
+				config: P.value,
+				dataset: $.value
+			}), !P.value.userOptions.callbacks.altCopy) {
+				console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
+				return;
+			}
+			await Promise.resolve(P.value.userOptions.callbacks.altCopy({
+				config: P.value,
+				dataset: $.value
+			}));
+		}
+		function Gi() {
+			M.value = null, Rn.value = !0;
+		}
+		function Ki() {
+			Xn.value = !1, M.value = null, k.value = null, an.value = null, Rn.value = !1;
+		}
+		function qi(e) {
+			if (!G.value || Ci.value || document.activeElement !== G.value || (Xn.value = !1, !$.value.length)) return;
+			let t = e.key === "ArrowLeft", n = e.key === "ArrowRight", r = e.key === "Enter" || e.key === " ", i = e.key === "Escape";
+			if (!t && !n && !r && !i) return;
+			if (e.preventDefault(), e.stopPropagation(), i) {
+				if (W.value && (Ur.value || B.value)) {
+					oi(), Kr(), ki(), pr({
+						force: !0,
+						publish: !0
+					});
+					return;
+				}
+				M.value = null, k.value = null, an.value = null;
+				return;
+			}
+			if (r) {
+				if (M.value === null) return;
+				let e = $.value[M.value];
+				if (!e) return;
+				si(e, M.value);
+				return;
+			}
+			let a = M.value, o = k.value, s = a !== null && a >= 0 && a < $.value.length, c = o !== null && o >= 0 && o < $.value.length;
+			s ? n ? (a += 1, a >= $.value.length && (a = 0)) : t && (--a, a < 0 && (a = $.value.length - 1)) : c ? (a = n ? o + 1 : o - 1, a >= $.value.length && (a = 0), a < 0 && (a = $.value.length - 1)) : a = n ? 0 : $.value.length - 1;
+			let l = $.value[a];
+			l && ri(l);
+		}
+		let Ji = d(() => ({
+			headers: _i.value?.colNames ?? [],
+			rows: _i.value?.bodyA11y ?? []
+		}));
+		return Me({
+			getData: vi,
+			getImage: ji,
+			generatePdf: Cr,
+			generateCsv: yi,
+			generateImage: wr,
+			generateSvg: Hi,
+			hideSeries: gi,
+			showSeries: hi,
+			toggleTable: Si,
+			toggleAnnotator: wi,
+			toggleFullscreen: xi,
+			copyAlt: Wi,
+			resetZoom: () => pr({
+				force: !0,
+				publish: !0
+			}),
+			setZoomState: dr
+		}), (e, n) => (y(), m("div", {
+			ref_key: "donutEvolutionChart",
+			ref: A,
+			class: _(`vue-data-ui-component vue-ui-donut-evolution ${bi.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${P.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+			style: Xe(`font-family:${P.value.style.fontFamily};width:100%; text-align:center;background:${L.value.backgroundColor}`),
+			id: D.value,
+			onMouseenter: n[4] ||= () => w(vr)(!0),
+			onMouseleave: n[5] ||= () => w(vr)(!1)
+		}, [
+			h("div", {
+				id: `chart-instructions-${D.value}`,
+				class: "sr-only"
+			}, [h("p", null, C(P.value.a11y.translations.keyboardNavigation), 1)], 8, ot),
+			Ji.value?.rows?.length ? (y(), f(Re, {
+				key: 0,
+				uid: D.value,
+				head: Ji.value.headers,
+				body: Ji.value.rows,
+				notice: P.value.a11y.translations.tableAvailable,
+				caption: P.value.a11y.translations.tableCaption
+			}, null, 8, [
+				"uid",
+				"head",
+				"body",
+				"notice",
+				"caption"
+			])) : p("", !0),
+			P.value.userOptions.buttons.annotator ? (y(), f(w(Zt), {
+				key: 1,
+				svgRef: w(G),
+				backgroundColor: L.value.backgroundColor,
+				color: L.value.color,
+				active: Ci.value,
+				isCursorPointer: R.value,
+				palette: P.value.userOptions.annotatorPalette,
+				onClose: wi
+			}, {
+				"annotator-action-close": T(() => [S(e.$slots, "annotator-action-close", {}, void 0, !0)]),
+				"annotator-action-color": T(({ color: t }) => [S(e.$slots, "annotator-action-color", v(g({ color: t })), void 0, !0)]),
+				"annotator-action-draw": T(({ mode: t }) => [S(e.$slots, "annotator-action-draw", v(g({ mode: t })), void 0, !0)]),
+				"annotator-action-undo": T(({ disabled: t }) => [S(e.$slots, "annotator-action-undo", v(g({ disabled: t })), void 0, !0)]),
+				"annotator-action-redo": T(({ disabled: t }) => [S(e.$slots, "annotator-action-redo", v(g({ disabled: t })), void 0, !0)]),
+				"annotator-action-delete": T(({ disabled: t }) => [S(e.$slots, "annotator-action-delete", v(g({ disabled: t })), void 0, !0)]),
+				_: 3
+			}, 8, [
+				"svgRef",
+				"backgroundColor",
+				"color",
+				"active",
+				"isCursorPointer",
+				"palette"
+			])) : p("", !0),
+			Tr.value ? (y(), m("div", {
+				key: 2,
+				ref_key: "noTitle",
+				ref: cn,
+				class: "vue-data-ui-no-title-space",
+				style: "height:36px; width: 100%;background:transparent"
+			}, null, 512)) : p("", !0),
+			L.value.title.text ? (y(), m("div", {
+				key: 3,
+				ref_key: "chartTitle",
+				ref: An,
+				style: "width:100%;background:transparent;padding-bottom:24px",
+				onMouseleave: ni
+			}, [(y(), f(je, {
+				key: `title_${dn.value}`,
+				config: {
+					title: {
+						cy: "donut-evolution-div-title",
+						...L.value.title
+					},
+					subtitle: {
+						cy: "donut-evolution-div-subtitle",
+						...L.value.title.subtitle
+					}
+				}
+			}, null, 8, ["config"]))], 544)) : p("", !0),
+			h("div", { id: `legend-top-${D.value}` }, null, 8, st),
+			P.value.userOptions.show && zn.value && (w(yr) || w(_r)) ? (y(), f(w(Qt), {
+				ref_key: "userOptionsRef",
+				ref: bn,
+				key: `user_options_${ln.value}`,
+				backgroundColor: L.value.backgroundColor,
+				color: L.value.color,
+				isPrinting: w(xr),
+				isImaging: w(Sr),
+				uid: D.value,
+				hasPdf: P.value.userOptions.buttons.pdf,
+				hasImg: P.value.userOptions.buttons.img,
+				hasSvg: P.value.userOptions.buttons.svg,
+				hasXls: P.value.userOptions.buttons.csv,
+				hasTable: P.value.userOptions.buttons.table,
+				hasFullscreen: P.value.userOptions.buttons.fullscreen,
+				hasAltCopy: P.value.userOptions.buttons.altCopy,
+				isFullscreen: bi.value,
+				titles: { ...P.value.userOptions.buttonTitles },
+				chartElement: A.value,
+				position: P.value.userOptions.position,
+				hasAnnotator: P.value.userOptions.buttons.annotator,
+				isAnnotation: Ci.value,
+				callbacks: P.value.userOptions.callbacks,
+				printScale: P.value.userOptions.print.scale,
+				tableDialog: P.value.table.useDialog,
+				isCursorPointer: R.value,
+				onToggleFullscreen: xi,
+				onGeneratePdf: w(Cr),
+				onGenerateCsv: yi,
+				onGenerateImage: w(Ui),
+				onGenerateSvg: w(Hi),
+				onToggleTable: Si,
+				onToggleAnnotator: wi,
+				onCopyAlt: Wi,
+				style: Xe({ visibility: w(yr) ? w(_r) ? "visible" : "hidden" : "visible" })
+			}, We({ _: 2 }, [
+				e.$slots.menuIcon ? {
+					name: "menuIcon",
+					fn: T(({ isOpen: t, color: n }) => [S(e.$slots, "menuIcon", v(g({
+						isOpen: t,
+						color: n
+					})), void 0, !0)]),
+					key: "0"
+				} : void 0,
+				e.$slots.optionPdf ? {
+					name: "optionPdf",
+					fn: T(() => [S(e.$slots, "optionPdf", {}, void 0, !0)]),
+					key: "1"
+				} : void 0,
+				e.$slots.optionCsv ? {
+					name: "optionCsv",
+					fn: T(() => [S(e.$slots, "optionCsv", {}, void 0, !0)]),
+					key: "2"
+				} : void 0,
+				e.$slots.optionImg ? {
+					name: "optionImg",
+					fn: T(() => [S(e.$slots, "optionImg", {}, void 0, !0)]),
+					key: "3"
+				} : void 0,
+				e.$slots.optionSvg ? {
+					name: "optionSvg",
+					fn: T(() => [S(e.$slots, "optionSvg", {}, void 0, !0)]),
+					key: "4"
+				} : void 0,
+				e.$slots.optionTable ? {
+					name: "optionTable",
+					fn: T(() => [S(e.$slots, "optionTable", {}, void 0, !0)]),
+					key: "5"
+				} : void 0,
+				e.$slots.optionFullscreen ? {
+					name: "optionFullscreen",
+					fn: T(({ toggleFullscreen: t, isFullscreen: n }) => [S(e.$slots, "optionFullscreen", v(g({
+						toggleFullscreen: t,
+						isFullscreen: n
+					})), void 0, !0)]),
+					key: "6"
+				} : void 0,
+				e.$slots.optionAnnotator ? {
+					name: "optionAnnotator",
+					fn: T(({ toggleAnnotator: t, isAnnotator: n }) => [S(e.$slots, "optionAnnotator", v(g({
+						toggleAnnotator: t,
+						isAnnotator: n
+					})), void 0, !0)]),
+					key: "7"
+				} : void 0,
+				e.$slots.optionAltCopy ? {
+					name: "optionAltCopy",
+					fn: T(({ altCopy: t }) => [S(e.$slots, "optionAltCopy", v(g({ altCopy: t })), void 0, !0)]),
+					key: "8"
+				} : void 0,
+				e.$slots["custom-menu-before"] ? {
+					name: "custom-menu-before",
+					fn: T(() => [S(e.$slots, "custom-menu-before", {}, void 0, !0)]),
+					key: "9"
+				} : void 0,
+				e.$slots["custom-menu-after"] ? {
+					name: "custom-menu-after",
+					fn: T(() => [S(e.$slots, "custom-menu-after", {}, void 0, !0)]),
+					key: "10"
+				} : void 0
+			]), 1032, /* @__PURE__ */ "backgroundColor.color.isPrinting.isImaging.uid.hasPdf.hasImg.hasSvg.hasXls.hasTable.hasFullscreen.hasAltCopy.isFullscreen.titles.chartElement.position.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg.style".split("."))) : p("", !0),
+			h("div", ct, [(y(), m("svg", {
+				ref_key: "svgRef",
+				ref: G,
+				xmlns: w(de),
+				"aria-describedby": `chart-instructions-${D.value}`,
+				class: _({
+					"vue-data-ui-fullscreen--on": bi.value,
+					"vue-data-ui-fulscreen--off": !bi.value,
+					"vue-data-ui-no-transition": !w(Un),
+					"vue-ui-donut-evolution-chart-zoom-pointer-focus": W.value && Xn.value
+				}),
+				viewBox: `0 0 ${q.value.absoluteWidth} ${q.value.absoluteHeight}`,
+				style: Xe({
+					maxWidth: "100%",
+					overflow: "visible",
+					background: "transparent",
+					color: L.value.color,
+					cursor: W.value ? B.value ? "col-resize" : "crosshair" : void 0,
+					touchAction: W.value ? "pan-y" : void 0,
+					userSelect: W.value ? "none" : void 0
+				}),
+				tabindex: "0",
+				onFocus: Gi,
+				onBlur: Ki,
+				onKeydown: qi,
+				onPointerdown: $r,
+				onPointermove: ei,
+				onPointerup: ti,
+				onPointercancel: Kr,
+				onClickCapture: Jr
+			}, [
+				Ke(w(Xt)),
+				e.$slots["chart-background"] ? (y(), m("foreignObject", {
+					key: 0,
+					x: q.value.left,
+					y: q.value.top,
+					width: q.value.width,
+					height: q.value.height,
+					style: { pointerEvents: "none" }
+				}, [S(e.$slots, "chart-background", {}, void 0, !0)], 8, ut)) : p("", !0),
+				h("defs", null, [Ke(Fe, {
+					t: "linear",
+					id: `hover_${D.value}`,
+					x1: "0%",
+					y1: "0%",
+					x2: "0%",
+					y2: "100%",
+					stops: [[
+						"0%",
+						w(ue)(L.value.backgroundColor, I.value.highlighter.opacity),
+						1
+					], [
+						"100%",
+						w(ue)(I.value.highlighter.color, I.value.highlighter.opacity),
+						1
+					]]
+				}, null, 8, ["id", "stops"]), Ke(Fe, {
+					t: "radial",
+					id: `focus_${D.value}`,
+					stops: [
+						[
+							"0%",
+							w(ue)(w(c)(L.value.backgroundColor), 0),
+							1
+						],
+						[
+							"77%",
+							w(ue)("#FFFFFF", 30),
+							1
+						],
+						[
+							"100%",
+							w(ue)(w(c)(L.value.backgroundColor), 0),
+							1
+						]
+					]
+				}, null, 8, ["id", "stops"])]),
+				F.value.show ? (y(), m("g", dt, [
+					h("line", {
+						x1: K.value ? q.value.right : q.value.left,
+						x2: K.value ? q.value.right : q.value.left,
+						y1: q.value.top,
+						y2: q.value.top + q.value.height,
+						stroke: F.value.stroke,
+						"stroke-width": F.value.strokeWidth,
+						"stroke-linecap": "round"
+					}, null, 8, ft),
+					h("line", {
+						x1: q.value.left,
+						x2: q.value.right,
+						y1: q.value.bottom,
+						y2: q.value.bottom,
+						stroke: F.value.stroke,
+						"stroke-width": F.value.strokeWidth,
+						"stroke-linecap": "round"
+					}, null, 8, pt),
+					F.value.showVerticalLines ? (y(), m("g", mt, [(y(!0), m(u, null, x(z.value.end - z.value.start, (e, t) => (y(), m("line", {
+						x1: q.value.left + (t + 1) * Z.value,
+						x2: q.value.left + (t + 1) * Z.value,
+						y1: q.value.top,
+						y2: q.value.bottom,
+						stroke: F.value.stroke,
+						"stroke-width": F.value.strokeWidth,
+						"stroke-linecap": "round"
+					}, null, 8, ht))), 256))])) : p("", !0)
+				])) : p("", !0),
+				h("g", null, [F.value.axis.yLabel ? (y(), m("text", {
+					key: 0,
+					ref_key: "yAxisLabel",
+					ref: _n,
+					"font-size": F.value.axis.fontSize,
+					fill: F.value.axis.color,
+					transform: `translate(${K.value ? q.value.absoluteWidth - F.value.axis.fontSize / 2 - F.value.axis.yLabelOffsetX : F.value.axis.fontSize}, ${q.value.top + q.value.height / 2}) rotate(-90)`,
+					"text-anchor": "middle",
+					style: { transition: "none" }
+				}, C(F.value.axis.yLabel), 9, gt)) : p("", !0), F.value.axis.xLabel ? (y(), m("text", {
+					key: 1,
+					ref_key: "xAxisLabel",
+					ref: gn,
+					"text-anchor": "middle",
+					x: q.value.absoluteWidth / 2,
+					y: q.value.absoluteHeight - 3,
+					"font-size": F.value.axis.fontSize,
+					fill: F.value.axis.color
+				}, C(F.value.axis.xLabel), 9, _t)) : p("", !0)]),
+				F.value.yAxis.dataLabels.show ? (y(), m("g", {
+					key: 2,
+					ref_key: "scaleLabels",
+					ref: mn,
+					class: _({
+						"donut-opacity": !0,
+						"donut-behind": k.value !== null
+					})
+				}, [(y(!0), m(u, null, x(Rr.value, (e, n) => (y(), m("g", { key: `sl_${n}` }, [e.value >= Q.value.min && e.value <= Q.value.max ? (y(), m("path", {
+					key: 0,
+					class: _({ "vue-data-ui-transition": w(Un) }),
+					d: `M${K.value ? q.value.right : q.value.left},${e.y} ${K.value ? q.value.right + 5 : q.value.left - 5},${e.y}`,
+					stroke: F.value.stroke,
+					"stroke-width": F.value.strokeWidth,
+					"stroke-linecap": "round"
+				}, null, 10, vt)) : p("", !0), e.value >= Q.value.min && e.value <= Q.value.max ? (y(), m("text", {
+					key: 1,
+					class: _({ "vue-data-ui-transition": w(Un) }),
+					transform: `translate(${K.value ? q.value.right - F.value.yAxis.dataLabels.offsetX + 7 : q.value.left + F.value.yAxis.dataLabels.offsetX - 7}, ${e.y + F.value.yAxis.dataLabels.fontSize / 3})`,
+					"font-size": F.value.yAxis.dataLabels.fontSize,
+					"text-anchor": K.value ? "start" : "end",
+					fill: F.value.yAxis.dataLabels.color,
+					"font-weight": F.value.yAxis.dataLabels.bold ? "bold" : "normal"
+				}, C(w(ge)(e.value) ? w(oe)(I.value.dataLabels.formatter, e.value, w(t)({
+					p: I.value.dataLabels.prefix,
+					v: e.value,
+					s: I.value.dataLabels.suffix,
+					r: I.value.grid.yAxis.dataLabels.roundingValue
+				}), {
+					datapoint: e,
+					seriesIndex: n
+				}) : ""), 11, yt)) : p("", !0)]))), 128))], 2)) : p("", !0),
+				F.value.xAxis.dataLabels.show ? (y(), m("g", {
+					key: 3,
+					ref_key: "timeLabelsEls",
+					ref: hn,
+					class: _({ "donut-opacity": !0 })
+				}, [(y(!0), m(u, null, x(z.value.end - z.value.start, (e, t) => (y(), m("g", null, [(F.value.xAxis.dataLabels.showOnlyFirstAndLast && (t === 0 || t === Y.value - 1) || !F.value.xAxis.dataLabels.showOnlyFirstAndLast) && X.value[t] && X.value[t].text ? (y(), m("g", bt, [String(X.value[t].text).includes("\n") ? (y(), m("text", {
+					key: 1,
+					class: "vue-data-ui-time-label",
+					"text-anchor": F.value.xAxis.dataLabels.rotation > 0 ? "start" : F.value.xAxis.dataLabels.rotation < 0 ? "end" : "middle",
+					"font-size": F.value.xAxis.dataLabels.fontSize,
+					fill: F.value.xAxis.dataLabels.color,
+					transform: `translate(${q.value.left + Z.value * t + Z.value / 2}, ${q.value.bottom + F.value.xAxis.dataLabels.fontSize + F.value.xAxis.dataLabels.offsetY}), rotate(${F.value.xAxis.dataLabels.rotation})`,
+					innerHTML: w(o)({
+						content: String(X.value[t].text),
+						fontSize: F.value.xAxis.dataLabels.fontSize,
+						fill: I.value.grid.xAxis.dataLabels.color,
+						x: 0,
+						y: 0
+					})
+				}, null, 8, St)) : (y(), m("text", {
+					key: 0,
+					class: "vue-data-ui-time-label",
+					"text-anchor": F.value.xAxis.dataLabels.rotation > 0 ? "start" : F.value.xAxis.dataLabels.rotation < 0 ? "end" : "middle",
+					"font-size": F.value.xAxis.dataLabels.fontSize,
+					fill: F.value.xAxis.dataLabels.color,
+					transform: `translate(${q.value.left + Z.value * t + Z.value / 2}, ${q.value.bottom + F.value.xAxis.dataLabels.fontSize + F.value.xAxis.dataLabels.offsetY}), rotate(${F.value.xAxis.dataLabels.rotation})`
+				}, C(X.value[t].text || ""), 9, xt))])) : p("", !0)]))), 256))], 512)) : p("", !0),
+				(y(!0), m(u, null, x($.value, (e, t) => (y(), m("g", null, [I.value.line.show && t < $.value.length - 1 && ![e.subtotal, $.value[t + 1].subtotal].includes(null) ? (y(), m("line", {
+					key: 0,
+					class: _({
+						"donut-opacity": !0,
+						"donut-behind": k.value !== null
+					}),
+					x1: e.x,
+					y1: e.y,
+					x2: $.value[t + 1].x,
+					y2: $.value[t + 1].y,
+					stroke: I.value.line.stroke,
+					"stroke-width": I.value.line.strokeWidth,
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round"
+				}, null, 10, Ct)) : p("", !0), e.subtotal === null ? p("", !0) : (y(), m("g", wt, [e.subtotal ? (y(), m("circle", {
+					key: 0,
+					cx: e.x,
+					cy: e.y,
+					r: e.activeRadius,
+					fill: L.value.backgroundColor
+				}, null, 8, Tt)) : p("", !0)]))]))), 256)),
+				(y(!0), m(u, null, x($.value, (e, t) => (y(), m("g", { class: _({
+					"donut-opacity": !0,
+					"donut-behind": t !== k.value && k.value !== null
+				}) }, [e.subtotal ? (y(), m("g", Et, [k.value !== null && k.value === t ? (y(), m("g", Dt, [
+					(y(!0), m(u, null, x(e.donutHover, (t) => (y(), m("g", null, [Ti(t) ? (y(), m("path", {
+						key: 0,
+						d: w(ae)(t, {
+							x: t.center.endX,
+							y: t.center.endY
+						}, 12, 12, {
+							x: e.x,
+							y: e.y
+						}, !1, 20),
+						stroke: t.color,
+						"stroke-width": "1",
+						"stroke-linecap": "round",
+						"stroke-linejoin": "round",
+						fill: "none"
+					}, null, 8, Ot)) : p("", !0)]))), 256)),
+					(y(!0), m(u, null, x(e.donutHover, (t, n) => (y(), m("g", null, [Ti(t) ? (y(), m("text", {
+						key: 0,
+						"data-cy-hover-label": "",
+						"text-anchor": w(ie)(t, !0, 0).anchor,
+						x: w(ie)(t, !0, 9).x,
+						y: w(le)(t, 14, 10),
+						fill: F.value.yAxis.dataLabels.color,
+						"font-size": 8,
+						"font-weight": "bold"
+					}, C(t.name) + ": " + C(Br(t, e.donut)) + " (" + C(t.value === null ? "-" : zr(t.value, t, n)) + ") ", 9, kt)) : p("", !0)]))), 256)),
+					h("g", null, [h("circle", {
+						cx: e.x,
+						cy: e.y,
+						r: e.hoverRadius,
+						fill: L.value.backgroundColor
+					}, null, 8, At)])
+				])) : p("", !0)])) : p("", !0)], 2))), 256)),
+				(y(!0), m(u, null, x($.value, (e, t) => (y(), m("g", { class: _({
+					"donut-opacity": !0,
+					"donut-behind": t !== k.value && k.value !== null
+				}) }, [e.subtotal === null ? p("", !0) : (y(), m("g", jt, [e.subtotal === 0 ? (y(), m("circle", {
+					key: 0,
+					cx: e.x,
+					cy: e.y,
+					r: 3,
+					fill: L.value.color
+				}, null, 8, Mt)) : k.value !== null && k.value === t ? (y(), m("g", Nt, [(y(!0), m(u, null, x(e.donutHover, (e, t) => (y(), m("path", {
+					d: e.arcSlice,
+					fill: `${e.color}`,
+					"stroke-width": 1,
+					stroke: L.value.backgroundColor
+				}, null, 8, Pt))), 256))])) : (y(), m("g", Ft, [(y(!0), m(u, null, x(e.donut, (e, t) => (y(), m("path", {
+					d: e.arcSlice,
+					fill: `${e.color}`,
+					"stroke-width": .5,
+					stroke: L.value.backgroundColor
+				}, null, 8, It))), 256))]))]))], 2))), 256)),
+				(y(!0), m(u, null, x($.value, (e, t) => (y(), m("g", { class: _({
+					"donut-opacity": !0,
+					"donut-behind": t !== k.value && k.value !== null || on.value && t !== sn.value.index
+				}) }, [e.subtotal !== null && I.value.dataLabels.show ? (y(), m("text", {
+					key: 0,
+					"text-anchor": "middle",
+					x: e.x,
+					y: k.value === e.index && e.subtotal ? e.y + I.value.dataLabels.fontSize / 3 : e.y - e.radius - I.value.dataLabels.fontSize + I.value.dataLabels.offsetY,
+					"font-size": I.value.dataLabels.fontSize,
+					"font-weight": "bold",
+					fill: I.value.dataLabels.color
+				}, C(zr(e.subtotal, e, t)), 9, Lt)) : p("", !0)], 2))), 256)),
+				(y(!0), m(u, null, x($.value, (e, t) => (y(), m("rect", {
+					x: q.value.left + t * Z.value,
+					y: q.value.top,
+					width: Z.value,
+					height: q.value.height,
+					fill: [k.value, ii.value].includes(e.index) ? `url(#hover_${D.value})` : "transparent",
+					class: _({ "donut-hover": R.value && e.subtotal && [k.value, ii.value].includes(e.index) }),
+					style: { pointerEvents: "none" }
+				}, null, 10, Rt))), 256)),
+				(y(!0), m(u, null, x($.value, (e, t) => (y(), m("rect", {
+					"data-cy-trap": "",
+					x: q.value.left + t * Z.value,
+					y: q.value.top,
+					width: Z.value,
+					height: q.value.height,
+					fill: "transparent",
+					onMouseenter: (t) => ri(e),
+					onMouseleave: (t) => ni(e),
+					onClick: (n) => ci(e, t),
+					style: Xe({ cursor: W.value ? B.value ? "col-resize" : "crosshair" : void 0 }),
+					class: _({ "donut-hover": R.value && k.value === e.index && e.subtotal })
+				}, null, 46, zt))), 256)),
+				Hr.value ? (y(), m("rect", {
+					key: 4,
+					x: Hr.value.x,
+					y: Hr.value.y,
+					width: Hr.value.width,
+					height: Hr.value.height,
+					fill: $n.value.selection.fill,
+					"fill-opacity": $n.value.selection.fillOpacity,
+					stroke: $n.value.selection.stroke,
+					"stroke-opacity": $n.value.selection.strokeOpacity,
+					"stroke-width": $n.value.selection.strokeWidth,
+					"stroke-dasharray": $n.value.selection.strokeDasharray,
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					"pointer-events": "none"
+				}, null, 8, Bt)) : p("", !0),
+				S(e.$slots, "svg", { svg: {
+					...q.value,
+					isPrintingImg: w(xr) || w(Sr) || w(Bi),
+					isPrintingSvg: w(Vi)
+				} }, void 0, !0)
+			], 46, lt)), e.$slots.hint ? (y(), m("div", Vt, [S(e.$slots, "hint", v(g({
+				hint: P.value.a11y.translations.keyboardNavigation,
+				isVisible: Rn.value
+			})), void 0, !0)])) : p("", !0)]),
+			e.$slots.watermark ? (y(), m("div", Ht, [S(e.$slots, "watermark", v(g({ isPrinting: w(xr) || w(Sr) || w(Bi) || w(Vi) })), void 0, !0)])) : p("", !0),
+			h("div", {
+				ref_key: "chartSlicer",
+				ref: Pn,
+				style: Xe(`width:100%;background:${L.value.backgroundColor}`),
+				"data-dom-to-png-ignore": ""
+			}, [Y.value > 1 && L.value.zoom.show ? (y(), f(Ie, {
+				ref_key: "slicerComponent",
+				ref: Nn,
+				key: `slicer_${un.value}`,
+				background: L.value.zoom.color,
+				borderColor: L.value.backgroundColor,
+				fontSize: L.value.zoom.fontSize,
+				useResetSlot: L.value.zoom.useResetSlot,
+				timeLabels: X.value,
+				textColor: L.value.color,
+				inputColor: L.value.zoom.color,
+				selectColor: L.value.zoom.highlightColor,
+				max: Y.value,
+				min: 0,
+				valueStart: z.value.start,
+				valueEnd: z.value.end,
+				refreshStartPoint: L.value.zoom.startIndex === null ? 0 : L.value.zoom.startIndex,
+				refreshEndPoint: L.value.zoom.endIndex === null ? Y.value : L.value.zoom.endIndex + 1,
+				enableRangeHandles: L.value.zoom.enableRangeHandles,
+				enableSelectionDrag: L.value.zoom.enableSelectionDrag,
+				focusOnDrag: L.value.zoom.focusOnDrag,
+				focusRangeRatio: L.value.zoom.focusRangeRatio,
+				isCursorPointer: R.value,
+				maxWidth: L.value.zoom.maxWidth,
+				minimapLeftInsetRatio: q.value.absoluteWidth > 0 && L.value.zoom.autoFit ? q.value.left / q.value.absoluteWidth : null,
+				minimapRightInsetRatio: q.value.absoluteWidth > 0 && L.value.zoom.autoFit ? (q.value.absoluteWidth - q.value.right) / q.value.absoluteWidth : null,
+				"onUpdate:start": hr,
+				"onUpdate:end": gr,
+				onReset: n[0] ||= () => pr({
+					force: !0,
+					publish: !0
+				})
+			}, {
+				"reset-action": T(({ reset: t }) => [S(e.$slots, "reset-action", v(g({ reset: t })), void 0, !0)]),
+				_: 3
+			}, 8, [
+				"background",
+				"borderColor",
+				"fontSize",
+				"useResetSlot",
+				"timeLabels",
+				"textColor",
+				"inputColor",
+				"selectColor",
+				"max",
+				"valueStart",
+				"valueEnd",
+				"refreshStartPoint",
+				"refreshEndPoint",
+				"enableRangeHandles",
+				"enableSelectionDrag",
+				"focusOnDrag",
+				"focusRangeRatio",
+				"isCursorPointer",
+				"maxWidth",
+				"minimapLeftInsetRatio",
+				"minimapRightInsetRatio"
+			])) : p("", !0)], 4),
+			h("div", { id: `legend-bottom-${D.value}` }, null, 8, Ut),
+			vn.value && (L.value.legend.show || e.$slots.legend) ? (y(), f(Ue, {
+				key: 6,
+				to: L.value.legend.position === "top" ? `#legend-top-${D.value}` : `#legend-bottom-${D.value}`
+			}, [h("div", {
+				ref_key: "chartLegend",
+				ref: jn
+			}, [S(e.$slots, "legend", { legend: li.value }, () => [L.value.legend.show ? (y(), f(Ve, {
+				key: `legend_${pn.value}`,
+				legendSet: li.value,
+				config: di.value,
+				onClickMarker: n[1] ||= ({ legend: e }) => pi(e.uid)
+			}, {
+				item: T(({ legend: e, index: t }) => [h("div", {
+					onClick: (t) => pi(e.uid),
+					style: Xe(`opacity:${O.value.includes(e.uid) ? .5 : 1}`)
+				}, C(e.display), 13, Wt)]),
+				legendToggle: T(() => [li.value.length > 2 && L.value.legend.selectAllToggle.show && !w(Gn) ? (y(), f(Le, {
+					key: 0,
+					backgroundColor: L.value.legend.selectAllToggle.backgroundColor,
+					color: L.value.legend.selectAllToggle.color,
+					fontSize: L.value.legend.fontSize,
+					checked: O.value.length > 0,
+					onToggle: fi
+				}, null, 8, [
+					"backgroundColor",
+					"color",
+					"fontSize",
+					"checked"
+				])) : p("", !0)]),
+				_: 1
+			}, 8, ["legendSet", "config"])) : p("", !0)], !0)], 512)], 8, ["to"])) : p("", !0),
+			e.$slots.source ? (y(), m("div", {
+				key: 7,
+				ref_key: "source",
+				ref: Mn,
+				dir: "auto"
+			}, [S(e.$slots, "source", {}, void 0, !0)], 512)) : p("", !0),
+			zn.value && P.value.userOptions.buttons.table ? (y(), f($e(Pi.value.component), Je({ key: 8 }, Pi.value.props, {
+				ref_key: "tableUnit",
+				ref: yn,
+				onClose: Fi
+			}), We({
+				content: T(() => [(y(), f(w(Yt), {
+					key: `table_${fn.value}`,
+					colNames: _i.value.colNames,
+					head: _i.value.head,
+					body: _i.value.body,
+					config: _i.value.config,
+					title: P.value.table.useDialog ? "" : Pi.value.title,
+					withCloseButton: !P.value.table.useDialog,
+					isCursorPointer: R.value,
+					onClose: Fi
+				}, {
+					th: T(({ th: e }) => [Ge(C(e.name ?? e), 1)]),
+					td: T(({ td: e }) => [e.value === null ? (y(), m("span", Gt, "-")) : (y(), m("b", Kt, C(isNaN(e.value) ? "" : I.value.dataLabels.prefix) + C(!isNaN(e.value) && e.value !== null ? Number(e.value.toFixed(P.value.table.td.roundingValue)).toLocaleString() : e) + C(isNaN(e.value) ? "" : I.value.dataLabels.suffix), 1)), h("span", null, C(e.percentage && !isNaN(e.percentage) ? `(${Number(e.percentage.toFixed(P.value.table.td.roundingPercentage)).toLocaleString()}%)` : ""), 1)]),
+					_: 1
+				}, 8, [
+					"colNames",
+					"head",
+					"body",
+					"config",
+					"title",
+					"withCloseButton",
+					"isCursorPointer"
+				]))]),
+				_: 2
+			}, [P.value.table.useDialog ? {
+				name: "title",
+				fn: T(() => [Ge(C(Pi.value.title), 1)]),
+				key: "0"
+			} : void 0, P.value.table.useDialog ? {
+				name: "actions",
+				fn: T(() => [h("button", {
+					tabindex: "0",
+					class: "vue-ui-user-options-button",
+					onClick: n[2] ||= (e) => yi(P.value.userOptions.callbacks.csv),
+					style: Xe({ cursor: R.value ? "cursor" : "default" })
+				}, [Ke(w(Jt), {
+					name: "fileCsv",
+					stroke: Pi.value.props.color
+				}, null, 8, ["stroke"])], 4)]),
+				key: "1"
+			} : void 0]), 1040)) : p("", !0),
+			Hn.value.show ? (y(), f(w(en), {
+				key: 9,
+				ref_key: "dialog",
+				ref: Oi,
+				onClose: n[3] ||= (e) => {
+					sn.value = null, on.value = !1, an.value = null, k.value = null, ii.value = null;
+				},
+				backgroundColor: Hn.value.backgroundColor,
+				color: Hn.value.color,
+				headerBg: Hn.value.header.backgroundColor,
+				headerColor: Hn.value.header.color,
+				isFullscreen: bi.value,
+				fullscreenParent: A.value
+			}, {
+				title: T(() => [Ge(C(X.value[Number(sn.value.index)] ? X.value[Number(sn.value.index)].text : ""), 1)]),
+				content: T(() => [sn.value ? (y(), f(w($t), {
+					key: 0,
+					config: Di.value,
+					dataset: Ei.value
+				}, null, 8, ["config", "dataset"])) : p("", !0)]),
+				_: 1
+			}, 8, [
+				"backgroundColor",
+				"color",
+				"headerBg",
+				"headerColor",
+				"isFullscreen",
+				"fullscreenParent"
+			])) : p("", !0),
+			w(Gn) ? (y(), f(Ce, { key: 10 })) : p("", !0)
+		], 46, at));
+	}
+}, [["__scopeId", "data-v-ddb74623"]]);
+//#endregion
+export { it as n, qt as t };