vue-data-ui 3.19.4 → 3.19.6

package/dist/{vue-ui-sparkbar-ybtZMa0p.js → vue-ui-sparkbar-CSDRWMhb.js}

@@ -56,7 +56,7 @@ var D = /* @__PURE__ */ e({ default: () => R }), O = [
 	},
 	emits: ["selectDatapoint"],
 	setup(e, { emit: D }) {
-		let R = de(() => import("./PackageVersion-DvDLFw4Z.js").then((e) => e.t)), { vue_ui_sparkbar: _e } = ie(), { isThemeValid: ve, warnInvalidTheme: ye } = se(), z = ce(), B = e, be = ge();
+		let R = de(() => import("./PackageVersion-C7CvErYQ.js").then((e) => e.t)), { vue_ui_sparkbar: _e } = ie(), { isThemeValid: ve, warnInvalidTheme: ye } = se(), z = ce(), B = e, be = ge();
 		b(() => {
 			be["chart-background"] && console.warn("VueUiSparkbar does not support the #chart-background slot.");
 		});

package/dist/{vue-ui-sparkgauge-B7Hqa_80.js → vue-ui-sparkgauge-CKeKTyBH.js}

@@ -50,7 +50,7 @@ var w = /* @__PURE__ */ e({ default: () => j }), pe = ["xmlns", "viewBox"], me =
 		}
 	},
 	setup(e) {
-		let w = ue(() => import("./PackageVersion-DvDLFw4Z.js").then((e) => e.t)), { vue_ui_sparkgauge: j } = ae(), { isThemeValid: M, warnInvalidTheme: N } = se(), P = l(), F = y(null), I = e, L = y(n()), R = y(W()), z = d(() => R.value.style.animation.show && !P.value), _e = d(() => a({
+		let w = ue(() => import("./PackageVersion-C7CvErYQ.js").then((e) => e.t)), { vue_ui_sparkgauge: j } = ae(), { isThemeValid: M, warnInvalidTheme: N } = se(), P = l(), F = y(null), I = e, L = y(n()), R = y(W()), z = d(() => R.value.style.animation.show && !P.value), _e = d(() => a({
 			defaultConfig: { style: {
 				animation: { show: !1 },
 				background: "#99999930",

package/dist/{vue-ui-sparkhistogram-CEQ7Pm3F.js → vue-ui-sparkhistogram-BSnU2_Q0.js}

@@ -88,7 +88,7 @@ var ye = /* @__PURE__ */ e({ default: () => k }), be = ["id"], xe = { key: 0 },
 	emits: ["selectDatapoint"],
 	setup(e, { emit: ne }) {
 		_e((e) => ({ v66b29b27: nt.value }));
-		let ye = de(() => import("./PackageVersion-DvDLFw4Z.js").then((e) => e.t)), { vue_ui_sparkhistogram: k } = d(), { isThemeValid: We, warnInvalidTheme: Ge } = ee(), A = e, j = w(n()), M = w(null), N = w(null), P = w(null), F = w(null), I = w(null), L = w(!1), R = w(null), z = w("pointer"), B = w(K()), Ke = g(() => u({
+		let ye = de(() => import("./PackageVersion-C7CvErYQ.js").then((e) => e.t)), { vue_ui_sparkhistogram: k } = d(), { isThemeValid: We, warnInvalidTheme: Ge } = ee(), A = e, j = w(n()), M = w(null), N = w(null), P = w(null), F = w(null), I = w(null), L = w(!1), R = w(null), z = w("pointer"), B = w(K()), Ke = g(() => u({
 			defaultConfig: { style: {
 				animation: { show: !1 },
 				backgroundColor: "#99999930"

package/dist/{vue-ui-sparkline-D8cWq4uX.js → vue-ui-sparkline-DhkrfLYf.js}

@@ -686,7 +686,7 @@ var st = ["innerHTML"], ct = {
 	},
 	emits: ["hoverIndex", "selectDatapoint"],
 	setup(e, { emit: fe }) {
-		let Me = xe(() => import("./PackageVersion-DvDLFw4Z.js").then((e) => e.t)), Ne = xe(() => import("./SparkTooltip-c2DL7gqD.js")), { vue_ui_sparkline: Pe } = se(), { isThemeValid: Fe, warnInvalidTheme: Ie } = de(), Le = ge(), k = e, Re = v(() => Array.isArray(k.dataset) && k.dataset.length > 0), A = T(r()), j = T(null), Be = T(null), Ve = T(null), M = T(null), N = T(null), P = T(R());
+		let Me = xe(() => import("./PackageVersion-C7CvErYQ.js").then((e) => e.t)), Ne = xe(() => import("./SparkTooltip-c2DL7gqD.js")), { vue_ui_sparkline: Pe } = se(), { isThemeValid: Fe, warnInvalidTheme: Ie } = de(), Le = ge(), k = e, Re = v(() => Array.isArray(k.dataset) && k.dataset.length > 0), A = T(r()), j = T(null), Be = T(null), Ve = T(null), M = T(null), N = T(null), P = T(R());
 		function He(e) {
 			return k.config?.skeletonDataset && Array.isArray(k.config.skeletonDataset) ? k.config.skeletonDataset.map((e) => ({
 				period: "-",

package/dist/{vue-ui-sparkstackbar-D9gswj7E.js → vue-ui-sparkstackbar-D3vn49rn.js}

@@ -87,7 +87,7 @@ var xe = /* @__PURE__ */ e({ default: () => O }), Se = ["id"], Ce = { style: { p
 	},
 	emits: ["selectDatapoint"],
 	setup(e, { expose: ue, emit: xe }) {
-		let O = ge(() => import("./PackageVersion-DvDLFw4Z.js").then((e) => e.t)), Ge = ge(() => import("./Tooltip-CuWEYGr3.js")), { vue_ui_sparkstackbar: Ke } = oe(), { isThemeValid: qe, warnInvalidTheme: Je } = le(), k = e, Ye = ye();
+		let O = ge(() => import("./PackageVersion-C7CvErYQ.js").then((e) => e.t)), Ge = ge(() => import("./Tooltip-CuWEYGr3.js")), { vue_ui_sparkstackbar: Ke } = oe(), { isThemeValid: qe, warnInvalidTheme: Je } = le(), k = e, Ye = ye();
 		_e(() => {
 			Ye["chart-background"] && console.warn("VueUiSparkStackbar does not support the #chart-background slot.");
 		});

package/dist/{vue-ui-stackbar-D-3efid2.js → vue-ui-stackbar-BR7tZmWR.js}

@@ -15,7 +15,7 @@ import { t as De } from "./Shape-DEGOZ6GG.js";
 import { t as Oe } from "./_plugin-vue_export-helper-Dq1MygBL.js";
 import { c as ke } from "./canvas-lib-DTaADQOK.js";
 import { t as Ae } from "./useResponsive-CrAInupd.js";
-import { t as je } from "./SlicerPreview-7pKvVSTr.js";
+import { t as je } from "./SlicerPreview-CG1jpZqZ.js";
 import { t as Me } from "./BaseLegendToggle-DUIqQmwM.js";
 import { t as Ne } from "./A11yDataTable-q2-8fSlJ.js";
 import { t as Pe } from "./useUserOptionState-CjPJPTg2.js";
@@ -279,7 +279,7 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 		"copyAlt"
 	],
 	setup(e, { expose: Oe, emit: $e }) {
-		let Qt = x(() => import("./Tooltip-CuWEYGr3.js")), $t = x(() => import("./BaseIcon-CEmt3Ifx.js").then((e) => e.n)), en = x(() => import("./vue-ui-accordion-CNtzLReQ.js").then((e) => e.n)), tn = x(() => import("./DataTable-BvDJEAma.js")), nn = x(() => import("./PenAndPaper-DwpL8Z0l.js").then((e) => e.t)), rn = x(() => import("./UserOptions-DMw8EZEo.js").then((e) => e.n)), an = x(() => import("./PackageVersion-DvDLFw4Z.js").then((e) => e.t)), on = x(() => import("./BaseDraggableDialog-BQcmQAK5.js").then((e) => e.n)), { vue_ui_stackbar: sn } = ge(), { isThemeValid: cn, warnInvalidTheme: ln } = Se(), un = Xe(), M = e, N = $e, dn = g({
+		let Qt = x(() => import("./Tooltip-CuWEYGr3.js")), $t = x(() => import("./BaseIcon-CEmt3Ifx.js").then((e) => e.n)), en = x(() => import("./vue-ui-accordion-CNtzLReQ.js").then((e) => e.n)), tn = x(() => import("./DataTable-BvDJEAma.js")), nn = x(() => import("./PenAndPaper-DwpL8Z0l.js").then((e) => e.t)), rn = x(() => import("./UserOptions-B57xo6D2.js").then((e) => e.n)), an = x(() => import("./PackageVersion-C7CvErYQ.js").then((e) => e.t)), on = x(() => import("./BaseDraggableDialog-BQcmQAK5.js").then((e) => e.n)), { vue_ui_stackbar: sn } = ge(), { isThemeValid: cn, warnInvalidTheme: ln } = Se(), un = Xe(), M = e, N = $e, dn = g({
 			get() {
 				return !!M.dataset && M.dataset.length;
 			},
@@ -368,7 +368,7 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 			prepareConfig: nr,
 			callback: () => {
 				Promise.resolve().then(async () => {
-					await Li();
+					(!B.value.style.chart.zoom.keepState || !Ii.value || J.value.start === 0 && J.value.end === 0) && await Li();
 				});
 			},
 			skeletonDataset: M.config?.skeletonDataset ?? [{
@@ -432,9 +432,9 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 		}
 		let rr = g(() => B.value.style.chart.bars.dataLabels.hideUnderValue != null), ir = g(() => B.value.style.chart.bars.dataLabels.hideUnderPercentage != null);
 		Ze(() => M.config, (e) => {
-			qn.value || (B.value = nr()), Xn.value = !B.value.userOptions.showOnChartHover, pr(), Sn.value += 1, Cn.value += 1, wn.value += 1, H.value.dataLabels.show = B.value.style.chart.bars.dataLabels.show, H.value.showTable = B.value.table.show, H.value.showTooltip = B.value.style.chart.tooltip.show, Hn(), Or();
+			qn.value || (B.value = nr()), Xn.value = !B.value.userOptions.showOnChartHover, pr({ resetSlicer: !B.value.style.chart.zoom.keepState }), Sn.value += 1, Cn.value += 1, wn.value += 1, H.value.dataLabels.show = B.value.style.chart.bars.dataLabels.show, H.value.showTable = B.value.table.show, H.value.showTooltip = B.value.style.chart.tooltip.show, Hn(), !B.value.style.chart.zoom.keepState || !Ii.value || J.value.start === 0 && J.value.end === 0 ? Li() : Or();
 		}, { deep: !0 }), Ze(() => M.dataset, (e) => {
-			Array.isArray(e) && e.length > 0 && (Yn.value = !1), Hn(), jr();
+			Array.isArray(e) && e.length > 0 && (Yn.value = !1), Hn(), B.value.style.chart.zoom.keepState ? Or() : jr();
 		}, { deep: !0 });
 		let H = E({
 			dataLabels: { show: B.value.style.chart.bars.dataLabels.show },
@@ -462,7 +462,7 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 				left: B.value.style.chart.padding.left / B.value.style.chart.width
 			}
 		}), lr = g(() => le(B.value.customPalette)), W = Je(null), ur = Je(null), dr = E(null), fr = g(() => !!B.value.debug);
-		function pr() {
+		function pr({ resetSlicer: e = !0 } = {}) {
 			if (u(M.dataset) ? (f({
 				componentName: "VueUiStackbar",
 				type: "dataset",
@@ -500,7 +500,7 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 				});
 				W.value && (ur.value && W.value.unobserve(ur.value), W.value.disconnect()), W.value = new ResizeObserver(e), ur.value = P.value.parentNode, W.value.observe(ur.value);
 			}
-			Wn(), Li();
+			Wn(), e && Li();
 		}
 		Ge(() => {
 			Vn.stop(), W.value && (ur.value && W.value.unobserve(ur.value), W.value.disconnect());
@@ -636,14 +636,14 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 				};
 			}
 		}), K = g(() => Jn.value.map((e, t) => {
-			let n = ue(e.color) || lr.value[t] || d[t] || d[t % d.length];
+			let n = `stackbar_serie_${t}`, r = ue(e.color) || lr.value[t] || d[t] || d[t % d.length];
 			return {
 				...e,
 				series: JSON.parse(JSON.stringify(e.series)).map((e) => B.value.style.chart.bars.distributed ? Math.abs(e) : e),
 				signedSeries: e.series.map((e) => e >= 0 ? 1 : -1),
 				absoluteIndex: t,
-				id: a(),
-				color: n
+				id: n,
+				color: r
 			};
 		})), q = g(() => {
 			let e = Math.max(...K.value.filter((e) => !I.value.includes(e.id)).map((e) => e.series.length));
@@ -673,7 +673,11 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 		Ge(() => {
 			kr.value && cancelAnimationFrame(kr.value);
 		});
-		async function jr() {
+		async function jr({ force: e = !1 } = {}) {
+			if (B.value.style.chart.zoom.keepState && !e && Ii.value && !(J.value.start === 0 && J.value.end === 0)) {
+				Or();
+				return;
+			}
 			Li(), await Ue(), kr.value && cancelAnimationFrame(kr.value), kr.value = requestAnimationFrame(async () => {
 				await Ar(), Li();
 			});
@@ -1268,8 +1272,10 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 			if (!Fi.value) {
 				Fi.value = !0;
 				try {
-					let { startIndex: e, endIndex: t } = B.value.style.chart.zoom, n = q.value, r = e ?? 0, a = t == null ? n : Math.min(Pi(t + 1), n);
-					Ri.value = !0, J.value.start = r, J.value.end = a, Y.value.start = r, Y.value.end = a, Or(), Ii.value = !0;
+					let { startIndex: e, endIndex: t, keepState: n } = B.value.style.chart.zoom, r = n ? Math.max(0, q.value) : q.value;
+					if (n && r <= 0) return;
+					let a = e ?? 0, o = t == null ? r : Math.min(Pi(t + 1), r);
+					Ri.value = !0, J.value.start = a, J.value.end = o, Y.value.start = a, Y.value.end = o, Or(), Ii.value = !0;
 				} finally {
 					queueMicrotask(() => {
 						Ri.value = !1;
@@ -1562,6 +1568,16 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 					name: "optionAltCopy",
 					fn: j(({ altCopy: e }) => [O(n.$slots, "optionAltCopy", C(S({ altCopy: e })), void 0, !0)]),
 					key: "10"
+				} : void 0,
+				n.$slots["custom-menu-before"] ? {
+					name: "custom-menu-before",
+					fn: j(() => [O(n.$slots, "custom-menu-before", {}, void 0, !0)]),
+					key: "11"
+				} : void 0,
+				n.$slots["custom-menu-after"] ? {
+					name: "custom-menu-after",
+					fn: j(() => [O(n.$slots, "custom-menu-after", {}, void 0, !0)]),
+					key: "12"
 				} : void 0
 			]), 1032, /* @__PURE__ */ "backgroundColor.color.isPrinting.isImaging.uid.hasTooltip.hasPdf.hasImg.hasSvg.hasXls.hasTable.hasLabel.hasFullscreen.hasAltCopy.isFullscreen.chartElement.position.isTooltip.titles.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.style".split("."))) : v("", !0),
 			b("div", rt, [(T(), y("svg", {
@@ -2044,9 +2060,9 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 				"onUpdate:end": Bi,
 				"onUpdate:start": zi,
 				onTrapMouse: Tr,
-				onReset: jr,
-				onFutureEnd: a[0] ||= (e) => Dr("end", e),
-				onFutureStart: a[1] ||= (e) => Dr("start", e)
+				onReset: a[0] ||= () => jr({ force: !0 }),
+				onFutureEnd: a[1] ||= (e) => Dr("end", e),
+				onFutureStart: a[2] ||= (e) => Dr("start", e)
 			}, {
 				"reset-action": j(({ reset: e }) => [O(n.$slots, "reset-action", C(S({ reset: e })), void 0, !0)]),
 				slotMap: j(({ width: e, height: t, unitW: n }) => [(T(!0), y(h, null, D($.value, (e) => (T(), y("g", { key: e.id }, [(T(!0), y(h, null, D(e.xMinimap({
@@ -2132,7 +2148,7 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 				legendSet: vi.value,
 				config: yi.value,
 				isCursorPointer: V.value,
-				onClickMarker: a[2] ||= ({ legend: e }) => e.segregate()
+				onClickMarker: a[3] ||= ({ legend: e }) => e.segregate()
 			}, ze({
 				item: j(({ legend: e }) => [A(qn) ? v("", !0) : (T(), y("div", {
 					key: 0,
@@ -2221,7 +2237,7 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 				fn: j(() => [b("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: a[3] ||= (e) => di(B.value.userOptions.callbacks.csv),
+					onClick: a[4] ||= (e) => di(B.value.userOptions.callbacks.csv),
 					style: w({ cursor: V.value ? "pointer" : "default" })
 				}, [Ve(A($t), {
 					name: "fileCsv",
@@ -2232,6 +2248,6 @@ var $e = /* @__PURE__ */ e({ default: () => Qt }), et = ["id"], tt = ["id"], nt
 			O(n.$slots, "skeleton", {}, () => [A(qn) ? (T(), _(ye, { key: 0 })) : v("", !0)], !0)
 		], 46, et));
 	}
-}, [["__scopeId", "data-v-627f8ce4"]]);
+}, [["__scopeId", "data-v-2ec4f189"]]);
 //#endregion
 export { $e as n, Qt as t };