vue-data-ui 3.18.4 → 3.19.0

package/dist/{vue-ui-xy-ClcDhyHP.js → vue-ui-xy-xLZXDH_8.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
 import { At as t, B as n, D as r, F as i, G as a, H as o, I as s, It as c, J as l, L as u, Lt as ee, M as te, Mt as d, O as f, Ot as p, P as m, R as ne, Rt as re, S as ie, St as ae, T as oe, Tt as h, X as se, _t as ce, a as g, c as le, dt as _, et as v, g as ue, h as de, i as fe, j as pe, jt as me, k as he, l as ge, mt as _e, n as ve, nt as ye, pt as be, r as xe, s as Se, v as y, w as Ce, x as we, y as Te, z as Ee, zt as De } from "./lib-BkiwukKO.js";
 import { n as Oe, r as ke, t as Ae } from "./useTimeLabels-C0x7zUXP.js";
-import { t as je } from "./useConfig-BV0kTCnO.js";
+import { t as je } from "./useConfig-nXlOKvBq.js";
 import { t as Me } from "./usePrinter-X0yWOynH.js";
 import { n as Ne, t as Pe } from "./BaseScanner-C7dmAref.js";
 import { t as Fe } from "./useSvgExport-Dtu973wa.js";
@@ -15,7 +15,7 @@ import { t as He } from "./vue_ui_xy-BYPqfYyx.js";
 import { t as Ue } from "./Shape-DEGOZ6GG.js";
 import { t as We } from "./_plugin-vue_export-helper-Dq1MygBL.js";
 import { t as Ge } from "./SlicerPreview-7pKvVSTr.js";
-import { t as Ke } from "./vue-ui-accordion-cVv18nTV.js";
+import { t as Ke } from "./vue-ui-accordion-CWXbkzsg.js";
 import { t as qe } from "./BaseLegendToggle-DUIqQmwM.js";
 import { t as Je } from "./A11yDataTable-q2-8fSlJ.js";
 import { Fragment as b, Teleport as Ye, computed as x, createBlock as Xe, createCommentVNode as S, createElementBlock as C, createElementVNode as w, createSlots as Ze, createTextVNode as Qe, createVNode as $e, defineAsyncComponent as et, getCurrentInstance as tt, guardReactiveProps as T, mergeProps as nt, nextTick as rt, normalizeClass as it, normalizeProps as E, normalizeStyle as D, onBeforeUnmount as at, onMounted as ot, openBlock as O, ref as k, renderList as A, renderSlot as j, resolveDynamicComponent as st, shallowRef as ct, toDisplayString as lt, toRefs as ut, unref as M, useSlots as dt, vModelCheckbox as ft, watch as pt, watchEffect as mt, withCtx as N, withDirectives as ht } from "vue";
@@ -455,7 +455,7 @@ var gt = /* @__PURE__ */ e({ default: () => P }), _t = ["id"], vt = ["id"], yt =
 		"copyAlt"
 	],
 	setup(e, { expose: We, emit: gt }) {
-		let P = e, ei = et(() => import("./DataTable-BvDJEAma.js")), ti = et(() => import("./Tooltip-B7lmdbac.js")), ni = et(() => import("./UserOptions-DMw8EZEo.js").then((e) => e.n)), ri = et(() => import("./BaseIcon-CEmt3Ifx.js").then((e) => e.n)), ii = et(() => import("./vue-ui-table-sparkline-RzS0ScTK.js").then((e) => e.n)), ai = et(() => import("./PackageVersion-BIfMr89l.js").then((e) => e.t)), oi = et(() => import("./PenAndPaper-DwpL8Z0l.js").then((e) => e.t)), si = et(() => import("./BaseDraggableDialog-BQcmQAK5.js").then((e) => e.n)), ci = gt, li = dt(), ui = tt(), { vue_ui_xy: di } = je(), { isThemeValid: fi, warnInvalidTheme: pi } = Le(), mi = k(null), hi = k(null), gi = k(null), _i = k(null), vi = k(null), yi = k(null), bi = k(null), xi = k(null), Si = k(null), Ci = k(null), wi = k(null), Ti = k(null), Ei = k(null), Di = k(null), Oi = k(0), F = k(null), ki = k(!0), Ai = k(600), I = k(1e3), ji = k("0 0 1000 600"), Mi = k({
+		let P = e, ei = et(() => import("./DataTable-BvDJEAma.js")), ti = et(() => import("./Tooltip-B7lmdbac.js")), ni = et(() => import("./UserOptions-DMw8EZEo.js").then((e) => e.n)), ri = et(() => import("./BaseIcon-CEmt3Ifx.js").then((e) => e.n)), ii = et(() => import("./vue-ui-table-sparkline-DOzz3o1m.js").then((e) => e.n)), ai = et(() => import("./PackageVersion-D5dkifa6.js").then((e) => e.t)), oi = et(() => import("./PenAndPaper-DwpL8Z0l.js").then((e) => e.t)), si = et(() => import("./BaseDraggableDialog-BQcmQAK5.js").then((e) => e.n)), ci = gt, li = dt(), ui = tt(), { vue_ui_xy: di } = je(), { isThemeValid: fi, warnInvalidTheme: pi } = Le(), mi = k(null), hi = k(null), gi = k(null), _i = k(null), vi = k(null), yi = k(null), bi = k(null), xi = k(null), Si = k(null), Ci = k(null), wi = k(null), Ti = k(null), Ei = k(null), Di = k(null), Oi = k(0), F = k(null), ki = k(!0), Ai = k(600), I = k(1e3), ji = k("0 0 1000 600"), Mi = k({
 			x: 0,
 			y: 0
 		}), Ni = k({
@@ -672,13 +672,13 @@ var gt = /* @__PURE__ */ e({ default: () => P }), _t = ["id"], vt = ["id"], yt =
 			],
 			type: "bar",
 			color: "#CACACA"
-		}]), { loading: G, FINAL_DATASET: xa, manualLoading: Sa } = Ne({
+		}]), { loading: xa, FINAL_DATASET: Sa, manualLoading: Ca } = Ne({
 			...ut(P),
 			FINAL_CONFIG: U,
 			prepareConfig: pa,
 			callback: () => {
 				Promise.resolve().then(async () => {
-					await jo(), W.value.showTable = U.value.showTable;
+					(!U.value.chart.zoom.keepState || !Do.value || K.value.start === 0 && K.value.end === 0) && await jo(), W.value.showTable = U.value.showTable;
 				});
 			},
 			skeletonDataset: ba.value,
@@ -687,7 +687,7 @@ var gt = /* @__PURE__ */ e({ default: () => P }), _t = ["id"], vt = ["id"], yt =
 				userConfig: ya.value
 			})
 		});
-		function Ca(e) {
+		function wa(e) {
 			let t = /* @__PURE__ */ new WeakMap();
 			return (n, ...r) => {
 				let i = t.get(n), a = JSON.stringify(r);
@@ -696,24 +696,24 @@ var gt = /* @__PURE__ */ e({ default: () => P }), _t = ["id"], vt = ["id"], yt =
 				return i || (i = /* @__PURE__ */ new Map(), t.set(n, i)), i.set(a, o), o;
 			};
 		}
-		let wa = Ca((e, t) => ce({
+		let Ta = wa((e, t) => ce({
 			data: e,
 			threshold: t
-		})), Ta = (e) => wa(e, U.value.downsample.threshold), Ea = x({
-			get: () => Math.max(...xa.value.map((e) => Ta(e.series).length)),
+		})), Ea = (e) => Ta(e, U.value.downsample.threshold), G = x({
+			get: () => Math.max(...Sa.value.map((e) => Ea(e.series).length)),
 			set: (e) => e
 		}), K = k({
 			start: 0,
-			end: Ea.value
+			end: G.value
 		}), Da = k({
 			start: 0,
-			end: Ea.value
+			end: G.value
 		}), Oa = x(() => U.value.chart.zoom.preview.enable && (Da.value.start !== K.value.start || Da.value.end !== K.value.end));
 		function ka(e, t) {
 			Da.value[e] = t;
 		}
 		function Aa() {
-			let e = Math.max(1, ...xa.value.map((e) => Ta(e.series).length)), t = Math.max(0, Math.min(K.value.start ?? 0, e - 1)), n = Math.max(t + 1, Math.min(K.value.end ?? e, e));
+			let e = Math.max(1, ...Sa.value.map((e) => Ea(e.series).length)), t = Math.max(0, Math.min(K.value.start ?? 0, e - 1)), n = Math.max(t + 1, Math.min(K.value.end ?? e, e));
 			(!Number.isFinite(t) || !Number.isFinite(n) || n <= t) && (t = 0, n = e), K.value = {
 				start: t,
 				end: n
@@ -794,8 +794,8 @@ var gt = /* @__PURE__ */ e({ default: () => P }), _t = ["id"], vt = ["id"], yt =
 			}
 			let n = Ra.value === null ? e > 0 ? 0 : e : Ra.value, r = Ba.value === null ? t : Ba.value;
 			return Ua(e < n ? e : n, t > r ? t : r).max;
-		}), Ka = x(() => U.value.chart.grid.labels.yAxis.useNiceScale ? de(Wa.value, Ga.value < 0 ? 0 : Ga.value, U.value.chart.grid.labels.yAxis.commonScaleSteps) : ue(Wa.value, Ga.value < 0 ? 0 : Ga.value, U.value.chart.grid.labels.yAxis.commonScaleSteps)), qa = x(() => [null, void 0].includes(U.value.chart.grid.labels.yAxis.scaleMin) ? Ka.value.min >= 0 ? 0 : Math.abs(Ka.value.min) : -Ka.value.min), Ja = x(() => ki.value ? xa.value.map((e, t) => {
-			let n = Ta(e.series), r = `uniqueId_${t}`;
+		}), Ka = x(() => U.value.chart.grid.labels.yAxis.useNiceScale ? de(Wa.value, Ga.value < 0 ? 0 : Ga.value, U.value.chart.grid.labels.yAxis.commonScaleSteps) : ue(Wa.value, Ga.value < 0 ? 0 : Ga.value, U.value.chart.grid.labels.yAxis.commonScaleSteps)), qa = x(() => [null, void 0].includes(U.value.chart.grid.labels.yAxis.scaleMin) ? Ka.value.min >= 0 ? 0 : Math.abs(Ka.value.min) : -Ka.value.min), Ja = x(() => ki.value ? Sa.value.map((e, t) => {
+			let n = Ea(e.series), r = `uniqueId_${t}`;
 			return {
 				...e,
 				slotAbsoluteIndex: t,
@@ -804,7 +804,7 @@ var gt = /* @__PURE__ */ e({ default: () => P }), _t = ["id"], vt = ["id"], yt =
 				id: r,
 				scaleLabel: e.scaleLabel || r
 			};
-		}) : xa.value), Ya = x(() => Ja.value.map((e, t) => ({
+		}) : Sa.value), Ya = x(() => Ja.value.map((e, t) => ({
 			absoluteIndex: t,
 			...e,
 			series: e.series.map((e) => e + qa.value),
@@ -847,10 +847,10 @@ var gt = /* @__PURE__ */ e({ default: () => P }), _t = ["id"], vt = ["id"], yt =
 				e = 0;
 			}
 			return e + $a.value + H.value.xAxis;
-		}), ro = x(() => xa.value.some((e) => e.useProgression)), q = x(() => {
+		}), ro = x(() => Sa.value.some((e) => e.useProgression)), q = x(() => {
 			na.value;
 			let e = 0;
-			U.value.chart.grid.labels.show && (e = W.value.useIndividualScale && !W.value.isStacked ? (xa.value.length - L.value.length) * (U.value.chart.grid.labels.yAxis.labelWidth + 36) : W.value.useIndividualScale && W.value.isStacked ? U.value.chart.grid.labels.yAxis.labelWidth + 36 : Qa());
+			U.value.chart.grid.labels.show && (e = W.value.useIndividualScale && !W.value.isStacked ? (Sa.value.length - L.value.length) * (U.value.chart.grid.labels.yAxis.labelWidth + 36) : W.value.useIndividualScale && W.value.isStacked ? U.value.chart.grid.labels.yAxis.labelWidth + 36 : Qa());
 			let t = U.value.chart.labels.fontSize * 1.1, n = ro.value ? 24 : 6;
 			Ci.value && eo.value < 0 && (e += Math.abs(eo.value));
 			let r = I.value - e - U.value.chart.grid.labels.yAxis.crosshairSize - n - U.value.chart.padding?.left - U.value.chart.padding?.right, i = U.value.chart.grid.position === "middle" ? 0 : r / Y.value / 2;
@@ -903,7 +903,7 @@ var gt = /* @__PURE__ */ e({ default: () => P }), _t = ["id"], vt = ["id"], yt =
 		mt(() => {
 			let e = ++ho;
 			(async () => {
-				let t = Math.max(...xa.value.map((e) => ce({
+				let t = Math.max(...Sa.value.map((e) => ce({
 					data: e.series,
 					threshold: U.value.downsample.threshold
 				}).length)), n = await Ae({
@@ -920,7 +920,7 @@ var gt = /* @__PURE__ */ e({ default: () => P }), _t = ["id"], vt = ["id"], yt =
 		mt(() => {
 			let e = ++go;
 			(async () => {
-				let t = Math.max(...xa.value.map((e) => ce({
+				let t = Math.max(...Sa.value.map((e) => ce({
 					data: e.series,
 					threshold: U.value.downsample.threshold
 				}).length)), n = await Ae({
@@ -928,7 +928,7 @@ var gt = /* @__PURE__ */ e({ default: () => P }), _t = ["id"], vt = ["id"], yt =
 					maxDatapoints: t,
 					formatter: U.value.chart.grid.labels.xAxisLabels.datetimeFormatter,
 					start: 0,
-					end: Ea.value
+					end: G.value
 				});
 				e === go && (mo.value = n);
 			})();
@@ -992,7 +992,7 @@ var gt = /* @__PURE__ */ e({ default: () => P }), _t = ["id"], vt = ["id"], yt =
 			return r;
 		}
 		function To(e) {
-			let t = Math.max(...xa.value.map((e) => Ta(e.series).length));
+			let t = Math.max(...Sa.value.map((e) => Ea(e.series).length));
 			return e > t ? t : e < 0 || U.value.chart.zoom.startIndex !== null && e < U.value.chart.zoom.startIndex ? U.value.chart.zoom.startIndex === null ? 1 : U.value.chart.zoom.startIndex + 1 : e;
 		}
 		let Eo = k(!1), Do = k(!1), Oo = k(0), ko = k(0);
@@ -1004,7 +1004,8 @@ var gt = /* @__PURE__ */ e({ default: () => P }), _t = ["id"], vt = ["id"], yt =
 			if (!Eo.value) {
 				Eo.value = !0;
 				try {
-					let { startIndex: e, endIndex: t } = U.value.chart.zoom, n = Math.max(...xa.value.map((e) => Ta(e.series).length));
+					let { startIndex: e, endIndex: t } = U.value.chart.zoom, n = U.value.chart.zoom.keepState ? Math.max(0, ...Sa.value.map((e) => Ea(e.series).length)) : Math.max(...Sa.value.map((e) => Ea(e.series).length));
+					if (U.value.chart.zoom.keepState && n <= 0) return;
 					Oo.value = 0, ko.value = n;
 					let r = e ?? 0, i = t == null ? n : Math.min(To(t + 1), n);
 					Mo.value = !0, K.value.start = r, K.value.end = i, Da.value.start = r, Da.value.end = i, Aa(), Do.value = !0;
@@ -1231,7 +1232,7 @@ var gt = /* @__PURE__ */ e({ default: () => P }), _t = ["id"], vt = ["id"], yt =
 		}
 		let ss = x(() => `${U.value.chart.title.text || "Chart visualization"}. ${U.value.chart.title.subtitle.text || ""}`), cs = x(() => ({ linePlot: Y.value > U.value.line.dot.hideAboveMaxSerieLength })), ls = x(() => U.value.chart.userOptions.show && (!U.value.chart.title.show || !U.value.chart.title.text)), us = x(() => {
 			if (Array.isArray(U.value.chart.highlightArea)) return U.value.chart.highlightArea.map((e) => {
-				let t = Math.min(e.to, Ea.value - 1);
+				let t = Math.min(e.to, G.value - 1);
 				return {
 					...e,
 					span: e.from === t ? 1 : t < e.from ? 0 : t - e.from + 1
@@ -1239,18 +1240,18 @@ var gt = /* @__PURE__ */ e({ default: () => P }), _t = ["id"], vt = ["id"], yt =
 			});
 			let e = {
 				...U.value.chart.highlightArea,
-				to: Math.min(U.value.chart.highlightArea.to, Ea.value - 1)
+				to: Math.min(U.value.chart.highlightArea.to, G.value - 1)
 			};
 			return [{
 				...e,
 				span: e.from === e.to ? 1 : e.to < e.from ? 0 : e.to - e.from + 1
 			}];
-		}), ds = x(() => ki.value ? xa.value.map((e, t) => ({
+		}), ds = x(() => ki.value ? Sa.value.map((e, t) => ({
 			...e,
-			series: Ta(e.series),
+			series: Ea(e.series),
 			id: `uniqueId_${t}`,
 			color: Te(e.color ? e.color : La.value[t] ? La.value[t] : h[t])
-		})) : xa.value), fs = x(() => Xa.value.map((e) => {
+		})) : Sa.value), fs = x(() => Xa.value.map((e) => {
 			let t = e.absoluteValues.map((e) => [void 0, null].includes(e) ? 0 : e);
 			return {
 				id: e.id,
@@ -2072,25 +2073,25 @@ var gt = /* @__PURE__ */ e({ default: () => P }), _t = ["id"], vt = ["id"], yt =
 				componentName: "VueUiXy",
 				type: "dataset",
 				debug: va.value
-			}), Sa.value = !0) : P.dataset.forEach((e, t) => {
+			}), Ca.value = !0) : P.dataset.forEach((e, t) => {
 				[null, void 0].includes(e.name) && (se({
 					componentName: "VueUiXy",
 					type: "datasetSerieAttribute",
 					property: "name (string)",
 					index: t,
 					debug: va.value
-				}), Sa.value = !0);
+				}), Ca.value = !0);
 			}), va.value && P.dataset.forEach((e) => {
 				e.series.forEach((t, n) => {
 					_e(t) || console.warn(`VueUiXy has detected an unsafe value in your dataset:\n-----> The serie '${e.name}' contains the value '${t}' at index ${n}.\n'${t}' was converted to null to allow the chart to display.`);
 				});
-			}), ae(P.dataset) || (Sa.value = U.value.loading), Ui.value = U.value.chart.userOptions.showOnChartHover, Wi.value = U.value.chart.userOptions.keepStateOnChartLeave, Gi.value = !U.value.chart.userOptions.showOnChartHover, _a(), U.value.responsive) {
+			}), ae(P.dataset) || (Ca.value = U.value.loading), Ui.value = U.value.chart.userOptions.showOnChartHover, Wi.value = U.value.chart.userOptions.keepStateOnChartLeave, Gi.value = !U.value.chart.userOptions.showOnChartHover, _a(), U.value.responsive) {
 				let e = mi.value.parentNode;
 				Ei.value && (Ei.value.unobserve(Di.value), Ei.value.disconnect());
 				let { height: t, width: n } = e.getBoundingClientRect(), r = null, i = 0;
 				U.value.chart.title.show && hi.value && (r = hi.value, i = r.getBoundingClientRect().height);
 				let a = null, o = 0;
-				U.value.chart.zoom.show && Ea.value > 6 && ha.value && gi.value && gi.value.$el && (a = gi.value.$el, o = a.getBoundingClientRect().height);
+				U.value.chart.zoom.show && G.value > 6 && ha.value && gi.value && gi.value.$el && (a = gi.value.$el, o = a.getBoundingClientRect().height);
 				let s = null, c = 0;
 				U.value.chart.legend.show && _i.value && (s = _i.value, c = s.getBoundingClientRect().height);
 				let l = 0;
@@ -2228,12 +2229,28 @@ var gt = /* @__PURE__ */ e({ default: () => P }), _t = ["id"], vt = ["id"], yt =
 			return U.value[t].labels.rotation === 0 ? "middle" : U.value[t].labels.alwaysOnTop || n ? "start" : "end";
 		}
 		pt(() => P.dataset, (e) => {
-			Array.isArray(e) && e.length > 0 && (Sa.value = !1), Ea.value = Math.max(...xa.value.map((e) => Ta(e.series).length)), K.value = {
+			if (Array.isArray(e) && e.length > 0 && (Ca.value = !1), U.value.chart.zoom.keepState) {
+				if (G.value = Math.max(0, ...Sa.value.map((e) => Ea(e.series).length)), G.value > 0) {
+					let e = K.value.start, t = K.value.end;
+					if (!Do.value || e === 0 && t === 0) jo();
+					else {
+						let n = Math.max(0, Math.min(e, G.value - 1)), r = Math.max(n + 1, Math.min(t, G.value));
+						K.value = {
+							start: n,
+							end: r
+						}, Da.value = {
+							start: n,
+							end: r
+						}, Oo.value = 0, ko.value = G.value;
+					}
+				}
+			} else G.value = Math.max(...Sa.value.map((e) => Ea(e.series).length)), K.value = {
 				start: 0,
-				end: Ea.value
-			}, Oi.value += 1, Hi.value += 1, aa(), sa(), Aa();
+				end: G.value
+			};
+			Oi.value += 1, Hi.value += 1, aa(), sa(), Aa();
 		}, { deep: !0 }), pt(() => P.config, (e) => {
-			G.value || (U.value = pa()), Ks(), Bi.value += 1, zi.value += 1, _a(), aa(), sa(), Aa();
+			xa.value || (U.value = pa()), Ks(), Bi.value += 1, zi.value += 1, _a(), aa(), sa(), U.value.chart.zoom.keepState && (G.value = Math.max(0, ...Sa.value.map((e) => Ea(e.series).length)), G.value > 0 && (!Do.value || K.value.start === 0 && K.value.end === 0) && jo()), Aa();
 		}, { deep: !0 });
 		let ac = k(!1);
 		function oc() {
@@ -2248,7 +2265,7 @@ var gt = /* @__PURE__ */ e({ default: () => P }), _t = ["id"], vt = ["id"], yt =
 		ot(() => {
 			oc();
 			let e = new ResizeObserver(() => {
-				oc(), ac.value && (Ks(), Aa(), jo());
+				oc(), ac.value && (Ks(), Aa(), U.value.chart.zoom.keepState || jo());
 			});
 			mi.value?.parentNode && e.observe(mi.value.parentNode);
 		}), pt(U, () => {
@@ -2403,7 +2420,8 @@ var gt = /* @__PURE__ */ e({ default: () => P }), _t = ["id"], vt = ["id"], yt =
 			toggleTooltip: Us,
 			toggleAnnotator: po,
 			toggleFullscreen: Ws,
-			copyAlt: gc
+			copyAlt: gc,
+			resetZoom: Fo
 		}), (r, i) => (O(), C("div", {
 			id: `vue-ui-xy_${R.value}`,
 			class: it(`vue-data-ui-component vue-ui-xy ${Fi.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${U.value.useCssAnimation ? "" : "vue-ui-dna"}`),
@@ -2850,7 +2868,7 @@ var gt = /* @__PURE__ */ e({ default: () => P }), _t = ["id"], vt = ["id"], yt =
 							fill: U.value.bar.useGradient ? n.value >= 0 ? `url(#rectGradient_pos_${t}_${R.value})` : `url(#rectGradient_neg_${t}_${R.value})` : e.color,
 							stroke: U.value.bar.border.useSerieColor ? e.color : U.value.bar.border.stroke,
 							"stroke-width": U.value.bar.border.strokeWidth,
-							style: D({ transition: M(G) || !U.value.bar.showTransition ? void 0 : `all ${U.value.bar.transitionDurationMs}ms ease-in-out` })
+							style: D({ transition: M(xa) || !U.value.bar.showTransition ? void 0 : `all ${U.value.bar.transitionDurationMs}ms ease-in-out` })
 						}, null, 12, on)) : S("", !0),
 						Io(n.value) && r.$slots.pattern ? (O(), C("rect", {
 							key: 1,
@@ -2862,7 +2880,7 @@ var gt = /* @__PURE__ */ e({ default: () => P }), _t = ["id"], vt = ["id"], yt =
 							fill: `url(#pattern_${R.value}_${e.slotAbsoluteIndex})`,
 							stroke: U.value.bar.border.useSerieColor ? e.color : U.value.bar.border.stroke,
 							"stroke-width": U.value.bar.border.strokeWidth,
-							style: D({ transition: M(G) || !U.value.bar.showTransition ? void 0 : `all ${U.value.bar.transitionDurationMs}ms ease-in-out` })
+							style: D({ transition: M(xa) || !U.value.bar.showTransition ? void 0 : `all ${U.value.bar.transitionDurationMs}ms ease-in-out` })
 						}, null, 12, sn)) : S("", !0),
 						n.comment && U.value.chart.comments.show ? (O(), C("foreignObject", {
 							key: 2,
@@ -3014,7 +3032,7 @@ var gt = /* @__PURE__ */ e({ default: () => P }), _t = ["id"], vt = ["id"], yt =
 						radius: V.value !== null && V.value === i || z.value !== null && z.value === i ? (fa.value.plot || 6) * 1.5 : fa.value.plot || 6,
 						stroke: U.value.plot.dot.useSerieColor ? U.value.chart.backgroundColor : e.color,
 						strokeWidth: U.value.plot.dot.strokeWidth,
-						transition: M(G) || !U.value.plot.showTransition || V.value !== null && V.value === i || z.value !== null && z.value === i ? void 0 : `all ${U.value.plot.transitionDurationMs}ms ease-in-out`
+						transition: M(xa) || !U.value.plot.showTransition || V.value !== null && V.value === i || z.value !== null && z.value === i ? void 0 : `all ${U.value.plot.transitionDurationMs}ms ease-in-out`
 					}, null, 8, [
 						"shape",
 						"color",
@@ -3047,7 +3065,7 @@ var gt = /* @__PURE__ */ e({ default: () => P }), _t = ["id"], vt = ["id"], yt =
 						"stroke-width": U.value.line.strokeWidth + 1,
 						"stroke-dasharray": e.dashed ? U.value.line.strokeWidth * 2 : 0,
 						fill: "none",
-						style: D({ transition: M(G) || !U.value.line.showTransition ? void 0 : `all ${U.value.line.transitionDurationMs}ms ease-in-out` })
+						style: D({ transition: M(xa) || !U.value.line.showTransition ? void 0 : `all ${U.value.line.transitionDurationMs}ms ease-in-out` })
 					}, null, 12, xn)) : e.plots.length > 1 && e.straight ? (O(), C("path", {
 						key: 1,
 						d: `M${e.straight}`,
@@ -3057,7 +3075,7 @@ var gt = /* @__PURE__ */ e({ default: () => P }), _t = ["id"], vt = ["id"], yt =
 						fill: "none",
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round",
-						style: D({ transition: M(G) || !U.value.line.showTransition ? void 0 : `all ${U.value.line.transitionDurationMs}ms ease-in-out` })
+						style: D({ transition: M(xa) || !U.value.line.showTransition ? void 0 : `all ${U.value.line.transitionDurationMs}ms ease-in-out` })
 					}, null, 12, Sn)) : S("", !0)], 6))), 128)),
 					r.$slots.pattern ? (O(), C("defs", Cn, [(O(!0), C(b, null, A(Ja.value, (e, t) => j(r.$slots, "pattern", nt({ key: `serie_pattern_slot_${e.id}` }, { ref_for: !0 }, {
 						...e,
@@ -3071,7 +3089,7 @@ var gt = /* @__PURE__ */ e({ default: () => P }), _t = ["id"], vt = ["id"], yt =
 						"fill-opacity": U.value.line.interLine.fillOpacity,
 						stroke: "none",
 						"pointer-events": "none",
-						style: D({ transition: M(G) || !U.value.line.showTransition ? void 0 : `all ${U.value.line.transitionDurationMs}ms ease-in-out` })
+						style: D({ transition: M(xa) || !U.value.line.showTransition ? void 0 : `all ${U.value.line.transitionDurationMs}ms ease-in-out` })
 					}, null, 12, Tn))), 128))])) : S("", !0),
 					(O(!0), C(b, null, A($.value, (e, t) => (O(), C("g", {
 						key: `serie_line_above_${e.id}`,
@@ -3082,22 +3100,22 @@ var gt = /* @__PURE__ */ e({ default: () => P }), _t = ["id"], vt = ["id"], yt =
 							key: 0,
 							d: n,
 							fill: U.value.line.area.useGradient ? `url(#areaGradient_${t}_${R.value})` : M(me)(e.color, U.value.line.area.opacity),
-							style: D({ transition: M(G) || !U.value.line.showTransition ? void 0 : `all ${U.value.line.transitionDurationMs}ms ease-in-out` })
+							style: D({ transition: M(xa) || !U.value.line.showTransition ? void 0 : `all ${U.value.line.transitionDurationMs}ms ease-in-out` })
 						}, null, 12, Dn)) : S("", !0), r.$slots.pattern && n ? (O(), C("path", {
 							key: 1,
 							d: n,
 							fill: `url(#pattern_${R.value}_${e.slotAbsoluteIndex})`,
-							style: D({ transition: M(G) || !U.value.line.showTransition ? void 0 : `all ${U.value.line.transitionDurationMs}ms ease-in-out` })
+							style: D({ transition: M(xa) || !U.value.line.showTransition ? void 0 : `all ${U.value.line.transitionDurationMs}ms ease-in-out` })
 						}, null, 12, On)) : S("", !0)], 64))), 128)) : (O(!0), C(b, { key: 1 }, A(e.area.split(";"), (n, i) => (O(), C(b, { key: i }, [n ? (O(), C("path", {
 							key: 0,
 							d: `M${n}Z`,
 							fill: U.value.line.area.useGradient ? `url(#areaGradient_${t}_${R.value})` : M(me)(e.color, U.value.line.area.opacity),
-							style: D({ transition: M(G) || !U.value.line.showTransition ? void 0 : `all ${U.value.line.transitionDurationMs}ms ease-in-out` })
+							style: D({ transition: M(xa) || !U.value.line.showTransition ? void 0 : `all ${U.value.line.transitionDurationMs}ms ease-in-out` })
 						}, null, 12, kn)) : S("", !0), r.$slots.pattern && n ? (O(), C("path", {
 							key: 1,
 							d: `M${n}Z`,
 							fill: `url(#pattern_${R.value}_${e.slotAbsoluteIndex})`,
-							style: D({ transition: M(G) || !U.value.line.showTransition ? void 0 : `all ${U.value.line.transitionDurationMs}ms ease-in-out` })
+							style: D({ transition: M(xa) || !U.value.line.showTransition ? void 0 : `all ${U.value.line.transitionDurationMs}ms ease-in-out` })
 						}, null, 12, An)) : S("", !0)], 64))), 128))])) : S("", !0),
 						!e.hasDashedSegments && e.smooth && e.plots.length > 1 && e.curve ? (O(), C("path", {
 							key: 1,
@@ -3107,7 +3125,7 @@ var gt = /* @__PURE__ */ e({ default: () => P }), _t = ["id"], vt = ["id"], yt =
 							"stroke-dasharray": e.dashed ? U.value.line.strokeWidth * 2 : 0,
 							fill: "none",
 							"stroke-linecap": "round",
-							style: D({ transition: M(G) || !U.value.line.showTransition ? void 0 : `all ${U.value.line.transitionDurationMs}ms ease-in-out` })
+							style: D({ transition: M(xa) || !U.value.line.showTransition ? void 0 : `all ${U.value.line.transitionDurationMs}ms ease-in-out` })
 						}, null, 12, jn)) : e.hasDashedSegments ? (O(), C(b, { key: 2 }, [e.smooth ? (O(!0), C(b, { key: 0 }, A(e.dashedSmooth, (n) => (O(), C("path", {
 							key: n.path,
 							fill: "none",
@@ -3135,7 +3153,7 @@ var gt = /* @__PURE__ */ e({ default: () => P }), _t = ["id"], vt = ["id"], yt =
 							fill: "none",
 							"stroke-linecap": "round",
 							"stroke-linejoin": "round",
-							style: D({ transition: M(G) || !U.value.line.showTransition ? void 0 : `all ${U.value.line.transitionDurationMs}ms ease-in-out` })
+							style: D({ transition: M(xa) || !U.value.line.showTransition ? void 0 : `all ${U.value.line.transitionDurationMs}ms ease-in-out` })
 						}, null, 12, Pn)) : S("", !0),
 						(O(!0), C(b, null, A(e.plots, (n, i) => (O(), C(b, { key: `circle_line_${t}_${i}` }, [!cs.value.linePlot && n && Io(n.value) || cs.value.linePlot && n && Io(n.value) && (V.value !== null && V.value === i || z.value !== null && z.value === i) || Ts(e.plots, i) ? (O(), Xe(Ue, {
 							key: 0,
@@ -3155,7 +3173,7 @@ var gt = /* @__PURE__ */ e({ default: () => P }), _t = ["id"], vt = ["id"], yt =
 							radius: V.value !== null && V.value === i || z.value !== null && z.value === i ? (fa.value.line || 6) * 1.5 : (Ts(e.plots, i), fa.value.line || 6),
 							stroke: U.value.line.dot.useSerieColor ? U.value.chart.backgroundColor : e.color,
 							strokeWidth: U.value.line.dot.strokeWidth,
-							transition: M(G) || !U.value.line.showTransition || V.value !== null && V.value === i || z.value !== null && z.value === i ? void 0 : `all ${U.value.line.transitionDurationMs}ms ease-in-out`
+							transition: M(xa) || !U.value.line.showTransition || V.value !== null && V.value === i || z.value !== null && z.value === i ? void 0 : `all ${U.value.line.transitionDurationMs}ms ease-in-out`
 						}, null, 8, [
 							"shape",
 							"color",
@@ -3827,7 +3845,7 @@ var gt = /* @__PURE__ */ e({ default: () => P }), _t = ["id"], vt = ["id"], yt =
 					serieName: e.name
 				})
 			}, null, 8, Ur)], 4)) : S("", !0)], 64))), 128))], 64))), 128)),
-			U.value.chart.zoom.show && Ea.value > 6 && ha.value && Do.value ? (O(), Xe(Ge, {
+			U.value.chart.zoom.show && G.value > 6 && ha.value && Do.value ? (O(), Xe(Ge, {
 				key: 6,
 				ref_key: "chartSlicer",
 				ref: gi,
@@ -3849,7 +3867,7 @@ var gt = /* @__PURE__ */ e({ default: () => P }), _t = ["id"], vt = ["id"], yt =
 				isPreview: Oa.value,
 				labelLeft: J.value[0] ? J.value[0].text : "",
 				labelRight: J.value.at(-1) ? J.value.at(-1).text : "",
-				max: Ea.value,
+				max: G.value,
 				min: 0,
 				minimap: bs.value,
 				minimapCompact: U.value.chart.zoom.minimap.compact,
@@ -3862,7 +3880,7 @@ var gt = /* @__PURE__ */ e({ default: () => P }), _t = ["id"], vt = ["id"], yt =
 				minimapSelectedIndex: V.value,
 				minimapSelectionRadius: U.value.chart.zoom.minimap.selectionRadius,
 				preciseLabels: Fs.value.length ? Fs.value : mo.value,
-				refreshEndPoint: U.value.chart.zoom.endIndex === null ? Math.max(...e.dataset.map((e) => Ta(e.series).length)) : U.value.chart.zoom.endIndex + 1,
+				refreshEndPoint: U.value.chart.zoom.endIndex === null ? Math.max(...e.dataset.map((e) => Ea(e.series).length)) : U.value.chart.zoom.endIndex + 1,
 				refreshStartPoint: U.value.chart.zoom.startIndex === null ? 0 : U.value.chart.zoom.startIndex,
 				selectColor: U.value.chart.zoom.highlightColor,
 				selectedSeries: Ss.value,
@@ -3906,7 +3924,7 @@ var gt = /* @__PURE__ */ e({ default: () => P }), _t = ["id"], vt = ["id"], yt =
 				key: 0,
 				class: "vue-ui-xy-legend",
 				style: D({ fontSize: `var(--legend-font-size, ${U.value.chart.legend.fontSize ?? 14}px)` })
-			}, [U.value.chart.legend.selectAllToggle.show && Ya.value.length > 2 && !M(G) ? (O(), Xe(qe, {
+			}, [U.value.chart.legend.selectAllToggle.show && Ya.value.length > 2 && !M(xa) ? (O(), Xe(qe, {
 				key: 0,
 				backgroundColor: U.value.chart.legend.selectAllToggle.backgroundColor,
 				color: U.value.chart.legend.selectAllToggle.color,
@@ -4112,9 +4130,9 @@ var gt = /* @__PURE__ */ e({ default: () => P }), _t = ["id"], vt = ["id"], yt =
 				}, null, 8, ["stroke"])])]),
 				key: "1"
 			} : void 0]), 1040)) : S("", !0),
-			j(r.$slots, "skeleton", {}, () => [M(G) ? (O(), Xe(Pe, { key: 0 })) : S("", !0)], !0)
+			j(r.$slots, "skeleton", {}, () => [M(xa) ? (O(), Xe(Pe, { key: 0 })) : S("", !0)], !0)
 		], 46, _t));
 	}
-}, [["__scopeId", "data-v-96ee42ee"]]);
+}, [["__scopeId", "data-v-f407febd"]]);
 //#endregion
 export { gt as n, P as t };

package/dist/{vue_ui_circle_pack-DBKz_Fi_.js → vue_ui_circle_pack-FjH0ZQeb.js}

@@ -28,6 +28,12 @@ var t = /* @__PURE__ */ e({
 			backgroundOpacity: 70,
 			color: "#CCCCCC",
 			borderColor: "#3A3A3A"
+		},
+		parentTooltips: {
+			color: "#CCCCCC",
+			backgroundColor: "#1A1A1A",
+			stroke: "#CCCCCC",
+			link: { stroke: "#CCCCCC" }
 		}
 	} }
 }, i = { style: { chart: {
@@ -46,6 +52,12 @@ var t = /* @__PURE__ */ e({
 		backgroundOpacity: 70,
 		color: "#CCCCCC",
 		borderColor: "#5A5A5A"
+	},
+	parentTooltips: {
+		color: "#CCCCCC",
+		backgroundColor: "#1A1A1A",
+		stroke: "#CCCCCC",
+		link: { stroke: "#CCCCCC" }
 	}
 } } }, a = { style: { chart: {
 	backgroundColor: "#FFF8E1",
@@ -59,6 +71,12 @@ var t = /* @__PURE__ */ e({
 		backgroundOpacity: 30,
 		color: "#424242",
 		borderColor: "#FF8A65"
+	},
+	parentTooltips: {
+		color: "#424242",
+		backgroundColor: "#FFF8E1",
+		stroke: "#424242",
+		link: { stroke: "#424242" }
 	}
 } } }, o = { style: { chart: {
 	backgroundColor: "#1E1E1E",
@@ -76,6 +94,12 @@ var t = /* @__PURE__ */ e({
 		backgroundOpacity: 30,
 		color: "#FFF8E1",
 		borderColor: "#FF8A65"
+	},
+	parentTooltips: {
+		color: "#FFF8E1",
+		backgroundColor: "#1E1E1E",
+		stroke: "#FFF8E1",
+		link: { stroke: "#FFF8E1" }
 	}
 } } }, s = { style: { chart: {
 	backgroundColor: "#1A1A1A",
@@ -92,6 +116,12 @@ var t = /* @__PURE__ */ e({
 		backgroundColor: "#2A2F2A",
 		color: "#AACCAA",
 		borderColor: "#66CC66"
+	},
+	parentTooltips: {
+		color: "#99AA99",
+		backgroundColor: "#1A1A1A",
+		stroke: "#99AA99",
+		link: { stroke: "#99AA99" }
 	}
 } } }, c = { style: { chart: {
 	backgroundColor: "#fbfafa",
@@ -103,6 +133,12 @@ var t = /* @__PURE__ */ e({
 	tooltip: {
 		backgroundColor: "#fbfafa",
 		color: "#8A9892"
+	},
+	parentTooltips: {
+		color: "#8A9892",
+		backgroundColor: "#FBFAFA",
+		stroke: "#8A9892",
+		link: { stroke: "#8A9892" }
 	}
 } } }, l = { style: { chart: {
 	backgroundColor: "#f6f6fb",
@@ -114,6 +150,12 @@ var t = /* @__PURE__ */ e({
 	tooltip: {
 		backgroundColor: "#f6f6fb",
 		color: "#50606C"
+	},
+	parentTooltips: {
+		color: "#50606C",
+		backgroundColor: "#f6f6fb",
+		stroke: "#50606C",
+		link: { stroke: "#50606C" }
 	}
 } } }, u = {
 	default: {},

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "vue-data-ui",
     "private": false,
-    "version": "3.18.4",
+    "version": "3.19.0",
     "type": "module",
     "description": "A user-empowering data visualization Vue 3 components library for eloquent data storytelling",
     "keywords": [