vue-data-ui 3.23.0 → 3.23.1

package/dist/{vue-ui-sparkhistogram-DvRKy8rq.js → vue-ui-sparkhistogram-BPln7v63.js}

@@ -1,11 +1,11 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Bt as t, Jt as n, Vt as r, X as i, i as a, jt as o, pt as s, q as ee, t as c, tt as l } from "./lib-BuMGJ_a0.js";
+import { Bt as t, Jt as n, Vt as r, X as i, i as a, jt as o, pt as s, q as ee, t as c, tt as l } from "./lib-Bttd6u5E.js";
 import { n as u, t as d } from "./useHints-Dq_w2E8B.js";
-import { t as f } from "./useConfig-BilxnBNr.js";
+import { t as f } from "./useConfig-D3scuR88.js";
 import { n as p, t as te } from "./BaseScanner-DZvpgOjM.js";
-import { t as m } from "./useNestedProp--NSEmhOH.js";
+import { t as m } from "./useNestedProp-vPNvh7rV.js";
 import { t as ne } from "./useThemeCheck-C43Tcqmk.js";
-import { t as re } from "./Shape-BPMV94Ij.js";
+import { t as re } from "./Shape-C21CMlWS.js";
 import { t as ie } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as ae, t as oe } from "./useResponsive-ZtArZtUf.js";
 import { t as h } from "./DefGrad-DVBqDjhO.js";
@@ -89,7 +89,7 @@ var A = /* @__PURE__ */ e({ default: () => j }), xe = ["id"], Se = { key: 0 }, C
 	emits: ["selectDatapoint"],
 	setup(e, { emit: ie }) {
 		be((e) => ({ v63d726a1: Xe.value }));
-		let A = pe(() => import("./PackageVersion--QCMh5k_.js").then((e) => e.t)), { vue_ui_sparkhistogram: j } = f(), { isThemeValid: Ie, warnInvalidTheme: Le } = ne(), M = e, N = w(ee()), P = w(null), F = w(null), I = w(null), L = w(null), R = w(null), z = w(!1), B = w(null), V = w("pointer"), H = w(q());
+		let A = pe(() => import("./PackageVersion-D6d8SCp9.js").then((e) => e.t)), { vue_ui_sparkhistogram: j } = f(), { isThemeValid: Ie, warnInvalidTheme: Le } = ne(), M = e, N = w(ee()), P = w(null), F = w(null), I = w(null), L = w(null), R = w(null), z = w(!1), B = w(null), V = w("pointer"), H = w(q());
 		u({
 			config: () => H.value,
 			dataset: () => M.dataset,
@@ -311,9 +311,9 @@ var A = /* @__PURE__ */ e({ default: () => j }), xe = ["id"], Se = { key: 0 }, C
 		function Ye() {
 			V.value !== "keyboard" && (X.value = null, B.value = null);
 		}
-		let Xe = _(() => `${H.value.style.animation.speedMs}ms`), { fitText: Q } = le({
+		let Xe = _(() => `${H.value.style.animation.speedMs}ms`), Ze = _(() => J.value.drawingWidth / U.value.length * .9), { fitText: Q } = le({
 			svgRef: K,
-			unitWidth: _(() => J.value.drawingWidth / U.value.length * .9)
+			unitWidth: Ze
 		});
 		ve(async () => {
 			await he(), Q(".vue-ui-sparkhistogram-top-label", H.value.style.labels.value.minFontSize), Q(".vue-ui-sparkhistogram-bottom-label", H.value.style.labels.valueLabel.minFontSize), Q(".vue-ui-sparkhistogram-time-label", H.value.style.labels.timeLabel.minFontSize);
@@ -324,13 +324,13 @@ var A = /* @__PURE__ */ e({ default: () => j }), xe = ["id"], Se = { key: 0 }, C
 		], async () => {
 			await he(), Q(".vue-ui-sparkhistogram-top-label", H.value.style.labels.value.minFontSize), Q(".vue-ui-sparkhistogram-bottom-label", H.value.style.labels.valueLabel.minFontSize), Q(".vue-ui-sparkhistogram-time-label", H.value.style.labels.timeLabel.minFontSize);
 		});
-		function Ze() {
+		function Qe() {
 			z.value = !0;
 		}
-		function Qe() {
+		function $e() {
 			z.value = !1, B.value = null, V.value = "pointer", X.value = null;
 		}
-		function $e(e) {
+		function et(e) {
 			if (!K.value || document.activeElement !== K.value || !Y.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;
@@ -422,9 +422,9 @@ var A = /* @__PURE__ */ e({ default: () => j }), xe = ["id"], Se = { key: 0 }, C
 				style: { overflow: "visible" },
 				"aria-describedby": `chart-instructions-${N.value}`,
 				tabindex: "0",
-				onFocus: Ze,
-				onBlur: Qe,
-				onKeydown: $e
+				onFocus: Qe,
+				onBlur: $e,
+				onKeydown: et
 			}, [
 				fe(O(A)),
 				e.$slots["chart-background"] ? (C(), b("foreignObject", {

package/dist/{vue-ui-sparkline-Dz1uzBos.js → vue-ui-sparkline-C6Q45Dqp.js}

@@ -1,10 +1,10 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { A as t, Bt as n, Dt as r, H as i, I as a, Jt as o, L as s, N as c, P as l, S as u, U as d, V as ee, Vt as f, X as p, bt as te, d as ne, i as re, it as ie, jt as ae, k as oe, m as se, ot as ce, pt as le, q as ue, t as de, tt as fe, zt as pe } from "./lib-BuMGJ_a0.js";
+import { A as t, Bt as n, Dt as r, H as i, I as a, Jt as o, L as s, N as c, P as l, S as u, U as d, V as ee, Vt as f, X as p, bt as te, d as ne, i as re, it as ie, jt as ae, k as oe, m as se, ot as ce, pt as le, q as ue, t as de, tt as fe, zt as pe } from "./lib-Bttd6u5E.js";
 import { n as me, t as he } from "./useHints-Dq_w2E8B.js";
-import { t as m } from "./useTimeLabels-B9CEuiLZ.js";
-import { t as ge } from "./useConfig-BilxnBNr.js";
+import { t as m } from "./useTimeLabels-d2f-W1L4.js";
+import { t as ge } from "./useConfig-D3scuR88.js";
 import { n as _e, t as ve } from "./BaseScanner-DZvpgOjM.js";
-import { t as ye } from "./useNestedProp--NSEmhOH.js";
+import { t as ye } from "./useNestedProp-vPNvh7rV.js";
 import { t as be } from "./useThemeCheck-C43Tcqmk.js";
 import { t as xe } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as Se, t as Ce } from "./useResponsive-ZtArZtUf.js";
@@ -695,7 +695,7 @@ var _t = ["innerHTML"], vt = {
 	},
 	emits: ["hoverIndex", "selectDatapoint"],
 	setup(e, { emit: xe }) {
-		let He = Me(() => import("./PackageVersion--QCMh5k_.js").then((e) => e.t)), Ue = Me(() => import("./SparkTooltip-BaYtEKS6.js")), { vue_ui_sparkline: We } = ge(), { isThemeValid: Ge, warnInvalidTheme: Ke } = be(), qe = De(), O = e, Je = g(() => Array.isArray(O.dataset) && O.dataset.length > 0), k = C(ue()), A = C(null), Xe = C(null), Ze = C(null), j = C(null), M = C(null), N = C(L());
+		let He = Me(() => import("./PackageVersion-D6d8SCp9.js").then((e) => e.t)), Ue = Me(() => import("./SparkTooltip-CjsbIhzi.js")), { vue_ui_sparkline: We } = ge(), { isThemeValid: Ge, warnInvalidTheme: Ke } = be(), qe = De(), O = e, Je = g(() => Array.isArray(O.dataset) && O.dataset.length > 0), k = C(ue()), A = C(null), Xe = C(null), Ze = C(null), j = C(null), M = C(null), N = C(L());
 		me({
 			config: () => N.value,
 			dataset: () => O.dataset,
@@ -1075,7 +1075,8 @@ var _t = ["innerHTML"], vt = {
 						value: n
 					}))).trend
 				};
-			} else return {
+			}
+			return {
 				latest: null,
 				sum: null,
 				average: null,

package/dist/{vue-ui-sparkstackbar-DlnPdZih.js → vue-ui-sparkstackbar-CjK4bcQg.js}

@@ -1,13 +1,13 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Bt as t, Jt as n, Kt as r, Pt as i, S as a, Vt as o, X as s, i as c, jt as ee, pt as te, q as ne, t as re, tt as ie, w as ae, xt as oe } from "./lib-BuMGJ_a0.js";
+import { Bt as t, Jt as n, Kt as r, Pt as i, S as a, Vt as o, X as s, i as c, jt as ee, pt as te, q as ne, t as re, tt as ie, w as ae, xt as oe } from "./lib-Bttd6u5E.js";
 import { n as se, t as ce } from "./useHints-Dq_w2E8B.js";
-import { t as le } from "./useConfig-BilxnBNr.js";
+import { t as le } from "./useConfig-D3scuR88.js";
 import { n as ue, t as de } from "./BaseScanner-DZvpgOjM.js";
-import { t as l } from "./useNestedProp--NSEmhOH.js";
+import { t as l } from "./useNestedProp-vPNvh7rV.js";
 import { t as fe } from "./useThemeCheck-C43Tcqmk.js";
 import { t as pe } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t as me } from "./DefGrad-DVBqDjhO.js";
-import { t as he } from "./BaseLegendToggle-CtAPwzr2.js";
+import { t as he } from "./BaseLegendToggle-DZVucLnv.js";
 import { t as ge } from "./A11yDataTable-DdRsVULz.js";
 import { t as _e } from "./useChartAccessibility-DYqac8yF.js";
 import { t as ve } from "./usePrefersMotion-BC-CsqR1.js";
@@ -90,7 +90,7 @@ var Te = /* @__PURE__ */ e({ default: () => He }), Ee = ["id"], De = { style: {
 	},
 	emits: ["selectDatapoint", "selectLegend"],
 	setup(e, { expose: pe, emit: Te }) {
-		let He = be(() => import("./PackageVersion--QCMh5k_.js").then((e) => e.t)), Ue = be(() => import("./Tooltip-CMTGxeYO.js")), { vue_ui_sparkstackbar: We } = le(), { isThemeValid: Ge, warnInvalidTheme: Ke } = fe(), qe = ve(), O = e, Je = Ce();
+		let He = be(() => import("./PackageVersion-D6d8SCp9.js").then((e) => e.t)), Ue = be(() => import("./Tooltip-DhjyfHwz.js")), { vue_ui_sparkstackbar: We } = le(), { isThemeValid: Ge, warnInvalidTheme: Ke } = fe(), qe = ve(), O = e, Je = Ce();
 		xe(() => {
 			Je["chart-background"] && console.warn("VueUiSparkStackbar does not support the #chart-background slot.");
 		});

package/dist/{vue-ui-stackbar-B-THcavY.js → vue-ui-stackbar-Ca8EPf3e.js}

@@ -1,28 +1,28 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, D as n, G as r, Gt as a, Jt as o, K as s, Kt as c, Ot as l, Pt as u, S as d, Wt as f, X as p, _ as ee, c as te, ct as ne, dt as re, i as m, jt as ie, ot as ae, pt as oe, q as se, r as ce, t as le, tt as ue, v as de, w as fe, xt as pe } from "./lib-BuMGJ_a0.js";
+import { $ as t, D as n, G as r, Gt as a, Jt as o, K as s, Kt as c, Ot as l, Pt as u, S as d, Wt as f, X as p, _ as ee, c as te, ct as ne, dt as re, i as m, jt as ie, ot as ae, pt as oe, q as se, r as ce, t as le, tt as ue, v as de, w as fe, xt as pe } from "./lib-Bttd6u5E.js";
 import { n as me, t as he } from "./useHints-Dq_w2E8B.js";
-import { n as ge, r as _e, t as ve } from "./useTimeLabels-B9CEuiLZ.js";
-import { t as ye } from "./useConfig-BilxnBNr.js";
-import { t as be } from "./usePrinter-BFvi4jVy.js";
+import { n as ge, r as _e, t as ve } from "./useTimeLabels-d2f-W1L4.js";
+import { t as ye } from "./useConfig-D3scuR88.js";
+import { t as be } from "./usePrinter-DN5bYhTG.js";
 import { n as xe, t as Se } from "./BaseScanner-DZvpgOjM.js";
-import { t as Ce } from "./useSvgExport-Ba9qBr9M.js";
-import { t as we } from "./useNestedProp--NSEmhOH.js";
+import { t as Ce } from "./useSvgExport-DH-FfcqQ.js";
+import { t as we } from "./useNestedProp-vPNvh7rV.js";
 import { t as Te } from "./useThemeCheck-C43Tcqmk.js";
 import { t as Ee } from "./useTransitions-g_zBREk2.js";
 import { t as De } from "./useStableElementSize-C7KADDKj.js";
 import { t as Oe } from "./useTimeLabelCollider-AEcY4Ioe.js";
-import { t as ke } from "./img-DIQG5q8T.js";
-import { n as Ae } from "./Title-BODtwViI.js";
-import { t as je } from "./Shape-BPMV94Ij.js";
+import { t as ke } from "./img-Bnokohej.js";
+import { n as Ae } from "./Title-BE3qg9xl.js";
+import { t as je } from "./Shape-C21CMlWS.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-DvjLV2TW.js";
-import { t as Le } from "./BaseLegendToggle-CtAPwzr2.js";
+import { t as Ie } from "./SlicerPreview-wUw1hFwe.js";
+import { t as Le } from "./BaseLegendToggle-DZVucLnv.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-CQTRlzK-.js";
+import { t as Ve } from "./Legend-CQxUgOd-.js";
 import { t as He } from "./vue_ui_stackbar-COOrQQdK.js";
 import { Fragment as h, Teleport as Ue, computed as g, createBlock as _, createCommentVNode as v, createElementBlock as y, createElementVNode as We, createSlots as Ge, createTextVNode as Ke, createVNode as qe, defineAsyncComponent as Je, guardReactiveProps as b, mergeProps as Ye, nextTick as Xe, normalizeClass as x, normalizeProps as S, normalizeStyle as C, onBeforeUnmount as Ze, onMounted as Qe, openBlock as w, ref as T, renderList as E, renderSlot as D, resolveDynamicComponent as $e, shallowRef as et, toDisplayString as O, toRefs as tt, unref as k, useSlots as nt, watch as rt, watchEffect as it, withCtx as A } from "vue";
 //#region src/components/vue-ui-stackbar.vue
@@ -263,7 +263,7 @@ var at = /* @__PURE__ */ e({ default: () => en }), ot = ["id"], st = ["id"], ct
 		"copyAlt"
 	],
 	setup(e, { expose: Me, emit: at }) {
-		let en = Je(() => import("./Tooltip-CMTGxeYO.js")), tn = Je(() => import("./BaseIcon-91MZoczJ.js").then((e) => e.n)), nn = Je(() => import("./vue-ui-accordion-61MlW-Ge.js").then((e) => e.n)), rn = Je(() => import("./DataTable-D4tM9s5Y.js")), an = Je(() => import("./PenAndPaper-cE4J8-rA.js").then((e) => e.t)), on = Je(() => import("./UserOptions-3ujTo3LD.js").then((e) => e.n)), sn = Je(() => import("./PackageVersion--QCMh5k_.js").then((e) => e.t)), cn = Je(() => import("./BaseDraggableDialog-qTnfhLBz.js").then((e) => e.n)), { vue_ui_stackbar: ln } = ye(), { isThemeValid: un, warnInvalidTheme: dn } = Te(), fn = nt(), j = e, M = at, pn = g({
+		let en = Je(() => import("./Tooltip-DhjyfHwz.js")), tn = Je(() => import("./BaseIcon-BfndwIWE.js").then((e) => e.n)), nn = Je(() => import("./vue-ui-accordion-BxGriZik.js").then((e) => e.n)), rn = Je(() => import("./DataTable-BbKgJ5UI.js")), an = Je(() => import("./PenAndPaper-DAE-tnEQ.js").then((e) => e.t)), on = Je(() => import("./UserOptions-Dt98of5H.js").then((e) => e.n)), sn = Je(() => import("./PackageVersion-D6d8SCp9.js").then((e) => e.t)), cn = Je(() => import("./BaseDraggableDialog-LoqqwRtV.js").then((e) => e.n)), { vue_ui_stackbar: ln } = ye(), { isThemeValid: un, warnInvalidTheme: dn } = Te(), fn = nt(), j = e, M = at, pn = g({
 			get() {
 				return !!j.dataset && j.dataset.length;
 			},
@@ -386,7 +386,7 @@ var at = /* @__PURE__ */ e({ default: () => en }), ot = ["id"], st = ["id"], ct
 			prepareConfig: ar,
 			callback: () => {
 				Promise.resolve().then(async () => {
-					(!R.value.style.chart.zoom.keepState || !Ki.value || J.value.start === 0 && J.value.end === 0) && await qi();
+					(!R.value.style.chart.zoom.keepState || !qi.value || J.value.start === 0 && J.value.end === 0) && await Ji();
 				});
 			},
 			skeletonDataset: j.config?.skeletonDataset ?? [{
@@ -451,7 +451,7 @@ var at = /* @__PURE__ */ e({ default: () => en }), ot = ["id"], st = ["id"], ct
 		}
 		let or = g(() => R.value.style.chart.bars.dataLabels.hideUnderValue != null), sr = g(() => R.value.style.chart.bars.dataLabels.hideUnderPercentage != null);
 		rt(() => j.config, (e) => {
-			Xn.value || (R.value = ar()), $n.value = !R.value.userOptions.showOnChartHover, gr({ resetSlicer: !R.value.style.chart.zoom.keepState }), wn.value += 1, Tn.value += 1, En.value += 1, V.value.dataLabels.show = R.value.style.chart.bars.dataLabels.show, V.value.showTable = R.value.table.show, V.value.showTooltip = R.value.style.chart.tooltip.show, Gn(), !R.value.style.chart.zoom.keepState || !Ki.value || J.value.start === 0 && J.value.end === 0 ? qi() : Mr();
+			Xn.value || (R.value = ar()), $n.value = !R.value.userOptions.showOnChartHover, gr({ resetSlicer: !R.value.style.chart.zoom.keepState }), wn.value += 1, Tn.value += 1, En.value += 1, V.value.dataLabels.show = R.value.style.chart.bars.dataLabels.show, V.value.showTable = R.value.table.show, V.value.showTooltip = R.value.style.chart.tooltip.show, Gn(), !R.value.style.chart.zoom.keepState || !qi.value || J.value.start === 0 && J.value.end === 0 ? Ji() : Mr();
 		}, { deep: !0 }), rt(() => j.dataset, (e) => {
 			Array.isArray(e) && e.length > 0 && (Qn.value = !1), Gn(), R.value.style.chart.zoom.keepState ? Mr() : Fr();
 		}, { deep: !0 });
@@ -519,7 +519,7 @@ var at = /* @__PURE__ */ e({ default: () => en }), ot = ["id"], st = ["id"], ct
 				});
 				U.value && (pr.value && U.value.unobserve(pr.value), U.value.disconnect()), U.value = new ResizeObserver(e), pr.value = N.value.parentNode, U.value.observe(pr.value);
 			}
-			qn(), e && qi();
+			qn(), e && Ji();
 		}
 		Ze(() => {
 			Wn.stop(), U.value && (pr.value && U.value.unobserve(pr.value), U.value.disconnect());
@@ -661,7 +661,8 @@ var at = /* @__PURE__ */ e({ default: () => en }), ot = ["id"], st = ["id"], ct
 					height: u * a,
 					...d
 				};
-			} else {
+			}
+			{
 				let a = n / s;
 				return {
 					x: e + c * a,
@@ -711,12 +712,12 @@ var at = /* @__PURE__ */ e({ default: () => en }), ot = ["id"], st = ["id"], ct
 			Nr.value && cancelAnimationFrame(Nr.value);
 		});
 		async function Fr({ force: e = !1 } = {}) {
-			if (R.value.style.chart.zoom.keepState && !e && Ki.value && !(J.value.start === 0 && J.value.end === 0)) {
+			if (R.value.style.chart.zoom.keepState && !e && qi.value && (J.value.start !== 0 || J.value.end !== 0)) {
 				Mr();
 				return;
 			}
-			qi(), await Xe(), Nr.value && cancelAnimationFrame(Nr.value), Nr.value = requestAnimationFrame(async () => {
-				await Pr(), qi();
+			Ji(), await Xe(), Nr.value && cancelAnimationFrame(Nr.value), Nr.value = requestAnimationFrame(async () => {
+				await Pr(), Ji();
 			});
 		}
 		let X = g(() => {
@@ -1039,7 +1040,7 @@ var at = /* @__PURE__ */ e({ default: () => en }), ot = ["id"], st = ["id"], ct
 			if (Lr.value) return;
 			Un.value = t, L.value = e, I.value = e, mn.value = !0;
 			let n = R.value.style.chart.tooltip.customFormat, r = ci(e);
-			Zi({
+			Qi({
 				seriesIndex: e,
 				datapoint: r
 			}), R.value.events.datapointEnter && R.value.events.datapointEnter({
@@ -1169,9 +1170,9 @@ var at = /* @__PURE__ */ e({ default: () => en }), ot = ["id"], st = ["id"], ct
 				[R.value.style.chart.title.text],
 				[R.value.style.chart.title.subtitle.text],
 				[""]
-			], a = ["", ...bi.value.head.map((e) => e.label)], o = bi.value.body, s = n(r.concat([a]).concat(o));
-			e ? e(s) : t({
-				csvContent: s,
+			], a = ["", ...bi.value.head.map((e) => e.label)], o = bi.value.body, s = r.concat([a]).concat(o), c = n(s);
+			e ? e(c) : t({
+				csvContent: c,
 				title: R.value.style.chart.title.text || "vue-ui-stackbar"
 			});
 		}
@@ -1318,30 +1319,30 @@ var at = /* @__PURE__ */ e({ default: () => en }), ot = ["id"], st = ["id"], ct
 		function Li() {
 			V.value.showTable = !1, kn.value && kn.value.setTableIconState(!1);
 		}
-		let Ri = g(() => R.value.style.chart.backgroundColor), zi = g(() => R.value.style.chart.legend), { exportSvg: Bi, getSvg: Vi } = Ce({
+		let Ri = g(() => R.value.style.chart.backgroundColor), zi = g(() => R.value.style.chart.legend), Bi = g(() => R.value.style.chart.title), { exportSvg: Vi, getSvg: Hi } = Ce({
 			svg: nr,
-			title: g(() => R.value.style.chart.title),
+			title: Bi,
 			legend: zi,
 			legendItems: Oi,
 			backgroundColor: Ri
 		});
-		async function Hi({ isCb: e }) {
+		async function Ui({ isCb: e }) {
 			jn.value = !0, await Xe();
 			try {
 				if (e) {
-					let { blob: e, url: t, text: n, dataUrl: r } = await Vi();
+					let { blob: e, url: t, text: n, dataUrl: r } = await Hi();
 					await Promise.resolve(R.value.userOptions.callbacks.svg({
 						blob: e,
 						url: t,
 						text: n,
 						dataUrl: r
 					}));
-				} else await Promise.resolve(Bi());
+				} else await Promise.resolve(Vi());
 			} finally {
 				jn.value = !1;
 			}
 		}
-		function Ui(e) {
+		function Wi(e) {
 			if (e?.stage === "start") {
 				An.value = !0;
 				return;
@@ -1352,36 +1353,36 @@ var at = /* @__PURE__ */ e({ default: () => en }), ot = ["id"], st = ["id"], ct
 			}
 			dr();
 		}
-		function Wi(e) {
+		function Gi(e) {
 			let t = q.value;
 			return e > t ? t : e < 0 || e < J.value.start ? R.value.style.chart.zoom.startIndex === null ? 1 : J.value.start + 1 : e;
 		}
-		let Gi = T(!1), Ki = T(!1);
-		function qi() {
-			if (!Gi.value) {
-				Gi.value = !0;
+		let Ki = T(!1), qi = T(!1);
+		function Ji() {
+			if (!Ki.value) {
+				Ki.value = !0;
 				try {
 					let { startIndex: e, endIndex: t, keepState: n } = R.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(Wi(t + 1), r);
-					Ji.value = !0, J.value.start = a, J.value.end = o, Y.value.start = a, Y.value.end = o, Mr(), Ki.value = !0;
+					let a = e ?? 0, o = t == null ? r : Math.min(Gi(t + 1), r);
+					Yi.value = !0, J.value.start = a, J.value.end = o, Y.value.start = a, Y.value.end = o, Mr(), qi.value = !0;
 				} finally {
 					queueMicrotask(() => {
-						Ji.value = !1;
-					}), Gi.value = !1;
+						Yi.value = !1;
+					}), Ki.value = !1;
 				}
 			}
 		}
-		let Ji = T(!1);
-		function Yi(e) {
-			Gi.value || Ji.value || e !== J.value.start && (J.value.start = e, Y.value.start = e, Mr());
-		}
+		let Yi = T(!1);
 		function Xi(e) {
-			if (Gi.value || Ji.value) return;
-			let t = Wi(e);
+			Ki.value || Yi.value || e !== J.value.start && (J.value.start = e, Y.value.start = e, Mr());
+		}
+		function Zi(e) {
+			if (Ki.value || Yi.value) return;
+			let t = Gi(e);
 			t !== J.value.end && (J.value.end = t, Y.value.end = t, Mr());
 		}
-		function Zi({ seriesIndex: e, datapoint: t }) {
+		function Qi({ seriesIndex: e, datapoint: t }) {
 			let n = J.value.start + e;
 			M("selectX", {
 				dataset: t,
@@ -1389,11 +1390,11 @@ var at = /* @__PURE__ */ e({ default: () => en }), ot = ["id"], st = ["id"], ct
 				indexLabel: R.value.style.chart.grid.x.timeLabels.values[n]
 			});
 		}
-		function Qi() {
+		function $i() {
 			return { y0: Z.value?.[0]?.zero ?? G.value.bottom };
 		}
-		function $i(e) {
-			let { y0: t } = Qi(), n = R.value.style.chart.bars.totalValues, r = Math.max(2, n.fontSize * .3 + n.offsetY), a = Infinity, o = !1;
+		function ea(e) {
+			let { y0: t } = $i(), n = R.value.style.chart.bars.totalValues, r = Math.max(2, n.fontSize * .3 + n.offsetY), a = Infinity, o = !1;
 			for (let t of $.value || []) {
 				let n = t?.series?.[e] ?? 0, r = t?.height?.[e] ?? 0, s = t?.y?.[e];
 				n > 0 && r > 0 && Number.isFinite(s) && (o = !0, s < a && (a = s));
@@ -1401,15 +1402,15 @@ var at = /* @__PURE__ */ e({ default: () => en }), ot = ["id"], st = ["id"], ct
 			let s = (o && Number.isFinite(a) ? a : t) - r;
 			return Math.min(Math.max(s, 0), G.value.bottom);
 		}
-		function ea(e) {
-			let { x0: t } = Qi(), n = Math.max(2, R.value.style.chart.bars.totalValues.fontSize * .3 + R.value.style.chart.bars.totalValues.offsetX), r = -Infinity, a = !1;
+		function ta(e) {
+			let { x0: t } = $i(), n = Math.max(2, R.value.style.chart.bars.totalValues.fontSize * .3 + R.value.style.chart.bars.totalValues.offsetX), r = -Infinity, a = !1;
 			for (let t of $.value || []) {
 				let n = t?.series?.[e] ?? 0, o = t?.horizontal_x?.[e], s = t?.horizontal_width?.[e], c = Number.isFinite(s) ? Math.max(0, s) : 0;
 				Number.isFinite(o) && n > 0 && c > 0 && (a = !0, r = Math.max(r, o + c));
 			}
 			return (a && Number.isFinite(r) ? r : t) + n;
 		}
-		async function ta() {
+		async function na() {
 			if (M("copyAlt", {
 				config: R.value,
 				dataset: $.value
@@ -1422,18 +1423,18 @@ var at = /* @__PURE__ */ e({ default: () => en }), ot = ["id"], st = ["id"], ct
 				dataset: $.value
 			}));
 		}
-		let na = T(!1);
-		function ra() {
-			L.value = null, na.value = !0;
-		}
+		let ra = T(!1);
 		function ia() {
+			L.value = null, ra.value = !0;
+		}
+		function aa() {
 			L.value = null, mn.value = !1, I.value = null, M("selectX", {
 				index: null,
 				indexLabel: null,
 				dataset: null
-			}), na.value = !1;
+			}), ra.value = !1;
 		}
-		function aa(e) {
+		function oa(e) {
 			if (!nr.value || Ai.value || document.activeElement !== nr.value || Lr.value || !J.value.end && J.value.end !== 0) return;
 			let t = R.value.orientation === "vertical", n = R.value.orientation === "horizontal", r = t && e.key === "ArrowLeft" || n && e.key === "ArrowUp", a = t && e.key === "ArrowRight" || n && e.key === "ArrowDown", o = e.key === "Enter" || e.key === " ", s = e.key === "Escape";
 			if (!r && !a && !o && !s) return;
@@ -1453,16 +1454,16 @@ var at = /* @__PURE__ */ e({ default: () => en }), ot = ["id"], st = ["id"], ct
 				return;
 			}
 			let l = L.value, u = I.value;
-			l !== null && l >= 0 && l < c ? a ? (l += 1, l >= c && (l = 0)) : r && (--l, l < 0 && (l = c - 1)) : u !== null && u >= 0 && u < c ? (l = a ? u + 1 : u - 1, l >= c && (l = 0), l < 0 && (l = c - 1)) : l = a ? 0 : c - 1, L.value = l, oa(l), fi(l, "keyboard");
+			l !== null && l >= 0 && l < c ? a ? (l += 1, l >= c && (l = 0)) : r && (--l, l < 0 && (l = c - 1)) : u !== null && u >= 0 && u < c ? (l = a ? u + 1 : u - 1, l >= c && (l = 0), l < 0 && (l = c - 1)) : l = a ? 0 : c - 1, L.value = l, sa(l), fi(l, "keyboard");
 		}
-		function oa(e) {
+		function sa(e) {
 			if (!Number.isFinite(e)) return;
 			let t, n;
 			R.value.orientation === "vertical" ? (t = G.value.left + e * X.value + X.value / 2, n = G.value.top + G.value.height / 2) : (t = G.value.left + G.value.width / 2, n = G.value.top + e * X.value + X.value / 2);
 			let r = a(t, n, nr.value);
 			r && (Hn.value = r);
 		}
-		let sa = g(() => ({
+		let ca = g(() => ({
 			headers: Si.value?.colNames ?? [],
 			rows: Si.value?.body ?? []
 		}));
@@ -1472,7 +1473,7 @@ var at = /* @__PURE__ */ e({ default: () => en }), ot = ["id"], st = ["id"], ct
 			generatePdf: ur,
 			generateCsv: xi,
 			generateImage: dr,
-			generateSvg: Hi,
+			generateSvg: Ui,
 			hideSeries: Di,
 			showSeries: Ei,
 			toggleTable: gi,
@@ -1480,7 +1481,7 @@ var at = /* @__PURE__ */ e({ default: () => en }), ot = ["id"], st = ["id"], ct
 			toggleTooltip: vi,
 			toggleAnnotator: ji,
 			toggleFullscreen: hi,
-			copyAlt: ta
+			copyAlt: na
 		}), (t, n) => (w(), y("div", {
 			id: `stackbar_${P.value}`,
 			ref_key: "stackbarChart",
@@ -1498,11 +1499,11 @@ var at = /* @__PURE__ */ e({ default: () => en }), ot = ["id"], st = ["id"], ct
 				id: `chart-instructions-${P.value}`,
 				class: "sr-only"
 			}, [We("p", null, O(R.value.a11y.translations.keyboardNavigation), 1)], 8, st),
-			sa.value?.rows?.length ? (w(), _(Re, {
+			ca.value?.rows?.length ? (w(), _(Re, {
 				key: 0,
 				uid: P.value,
-				head: sa.value.headers,
-				body: sa.value.rows,
+				head: ca.value.headers,
+				body: ca.value.rows,
 				notice: R.value.a11y.translations.tableAvailable,
 				caption: R.value.a11y.translations.tableCaption
 			}, null, 8, [
@@ -1587,13 +1588,13 @@ var at = /* @__PURE__ */ e({ default: () => en }), ot = ["id"], st = ["id"], ct
 				onToggleFullscreen: hi,
 				onGeneratePdf: k(ur),
 				onGenerateCsv: xi,
-				onGenerateImage: Ui,
-				onGenerateSvg: Hi,
+				onGenerateImage: Wi,
+				onGenerateSvg: Ui,
 				onToggleTable: gi,
 				onToggleLabels: _i,
 				onToggleTooltip: vi,
 				onToggleAnnotator: ji,
-				onCopyAlt: ta,
+				onCopyAlt: na,
 				style: C({ visibility: k(tr) ? k($n) ? "visible" : "hidden" : "visible" })
 			}, Ge({ _: 2 }, [
 				t.$slots.menuIcon ? {
@@ -1685,9 +1686,9 @@ var at = /* @__PURE__ */ e({ default: () => en }), ot = ["id"], st = ["id"], ct
 				}),
 				style: C(`max-width:100%;overflow:visible;background:transparent;color:${R.value.style.chart.color}`),
 				tabindex: "0",
-				onFocus: ra,
-				onBlur: ia,
-				onKeydown: aa
+				onFocus: ia,
+				onBlur: aa,
+				onKeydown: oa
 			}, [
 				qe(k(sn)),
 				t.$slots["chart-background"] ? (w(), y("foreignObject", {
@@ -1896,7 +1897,7 @@ var at = /* @__PURE__ */ e({ default: () => en }), ot = ["id"], st = ["id"], ct
 				}, [(w(!0), y(h, null, E(ii.value, (e, t) => (w(), y(h, { key: `tl_${t + J.value.start}` }, [!R.value.style.chart.bars.dataLabels.hideEmptyValues || e.value !== 0 ? (w(), y("text", {
 					key: 0,
 					class: x({ "vue-data-ui-transition": k(z) }),
-					transform: `translate(${G.value.left + X.value * t + X.value / 2}, ${$i(t)})`,
+					transform: `translate(${G.value.left + X.value * t + X.value / 2}, ${ea(t)})`,
 					"text-anchor": "middle",
 					"font-size": R.value.style.chart.bars.totalValues.fontSize,
 					"font-weight": R.value.style.chart.bars.totalValues.bold ? "bold" : "normal",
@@ -1917,7 +1918,7 @@ var at = /* @__PURE__ */ e({ default: () => en }), ot = ["id"], st = ["id"], ct
 				}, [(w(!0), y(h, null, E(ii.value, (e, t) => (w(), y(h, null, [!R.value.style.chart.bars.dataLabels.hideEmptyValues || e.value !== 0 ? (w(), y("text", {
 					key: 0,
 					class: x({ "vue-data-ui-transition": k(z) }),
-					transform: `translate(${ea(t)}, ${G.value.top + X.value * t + X.value / 2 + R.value.style.chart.bars.totalValues.fontSize / 3})`,
+					transform: `translate(${ta(t)}, ${G.value.top + X.value * t + X.value / 2 + R.value.style.chart.bars.totalValues.fontSize / 3})`,
 					"text-anchor": "start",
 					"font-size": R.value.style.chart.bars.totalValues.fontSize,
 					"font-weight": R.value.style.chart.bars.totalValues.bold ? "bold" : "normal",
@@ -2096,10 +2097,10 @@ var at = /* @__PURE__ */ e({ default: () => en }), ot = ["id"], st = ["id"], ct
 				} }, void 0, !0)
 			], 46, ut)), t.$slots.hint ? (w(), y("div", Jt, [D(t.$slots, "hint", S(b({
 				hint: R.value.a11y.translations.keyboardNavigation,
-				isVisible: na.value
+				isVisible: ra.value
 			})), void 0, !0)])) : v("", !0)]),
 			t.$slots.watermark ? (w(), y("div", Yt, [D(t.$slots, "watermark", S(b({ isPrinting: k(cr) || k(lr) || An.value || jn.value })), void 0, !0)])) : v("", !0),
-			R.value.style.chart.zoom.show && pn.value && Ki.value && q.value > 6 ? (w(), _(Ie, {
+			R.value.style.chart.zoom.show && pn.value && qi.value && q.value > 6 ? (w(), _(Ie, {
 				key: 5,
 				ref_key: "chartSlicer",
 				ref: bn,
@@ -2146,6 +2147,8 @@ var at = /* @__PURE__ */ e({ default: () => en }), ot = ["id"], st = ["id"], ct
 				valueStart: J.value.start,
 				verticalHandles: R.value.style.chart.zoom.minimap.verticalHandles,
 				maxWidth: R.value.style.chart.zoom.maxWidth,
+				minimapLeftInsetRatio: G.value.chartWidth > 0 && R.value.style.chart.zoom.autoFit ? G.value.left / G.value.chartWidth : null,
+				minimapRightInsetRatio: G.value.chartWidth > 0 && R.value.style.chart.zoom.autoFit ? (G.value.chartWidth - G.value.right) / G.value.chartWidth : null,
 				isCursorPointer: B.value,
 				additionalMinimapHeight: R.value.style.chart.zoom.minimap.additionalHeight,
 				handleType: R.value.style.chart.zoom.minimap.handleType,
@@ -2154,8 +2157,8 @@ var at = /* @__PURE__ */ e({ default: () => en }), ot = ["id"], st = ["id"], ct
 				handleBorderColor: R.value.style.chart.zoom.minimap.handleBorderColor,
 				handleFill: R.value.style.chart.zoom.minimap.handleFill,
 				handleWidth: R.value.style.chart.zoom.minimap.handleWidth,
-				"onUpdate:end": Xi,
-				"onUpdate:start": Yi,
+				"onUpdate:end": Zi,
+				"onUpdate:start": Xi,
 				onTrapMouse: kr,
 				onReset: n[0] ||= () => Fr({ force: !0 }),
 				onFutureEnd: n[1] ||= (e) => jr("end", e),
@@ -2180,7 +2183,7 @@ var at = /* @__PURE__ */ e({ default: () => en }), ot = ["id"], st = ["id"], ct
 					style: C({ opacity: a >= Y.value.start && a <= Y.value.end ? 1 : .62 })
 				}, null, 12, Xt))), 128))]))), 128))]),
 				_: 3
-			}, 8, /* @__PURE__ */ "allMinimaps.background.borderColor.customFormat.enableRangeHandles.enableSelectionDrag.end.focusOnDrag.focusRangeRatio.fontSize.immediate.inputColor.isPreview.labelLeft.labelRight.max.minimap.minimapCompact.minimapFrameColor.minimapIndicatorColor.minimapSelectedColor.minimapSelectedColorOpacity.minimapSelectedIndex.preciseLabels.refreshEndPoint.refreshStartPoint.selectColor.selectedSeries.start.textColor.timeLabels.usePreciseLabels.valueEnd.valueStart.verticalHandles.maxWidth.isCursorPointer.additionalMinimapHeight.handleType.handleIconColor.handleBorderWidth.handleBorderColor.handleFill.handleWidth".split("."))) : v("", !0),
+			}, 8, /* @__PURE__ */ "allMinimaps.background.borderColor.customFormat.enableRangeHandles.enableSelectionDrag.end.focusOnDrag.focusRangeRatio.fontSize.immediate.inputColor.isPreview.labelLeft.labelRight.max.minimap.minimapCompact.minimapFrameColor.minimapIndicatorColor.minimapSelectedColor.minimapSelectedColorOpacity.minimapSelectedIndex.preciseLabels.refreshEndPoint.refreshStartPoint.selectColor.selectedSeries.start.textColor.timeLabels.usePreciseLabels.valueEnd.valueStart.verticalHandles.maxWidth.minimapLeftInsetRatio.minimapRightInsetRatio.isCursorPointer.additionalMinimapHeight.handleType.handleIconColor.handleBorderWidth.handleBorderColor.handleFill.handleWidth".split("."))) : v("", !0),
 			qe(k(en), {
 				teleportTo: R.value.style.chart.tooltip.teleportTo,
 				show: V.value.showTooltip && mn.value,
@@ -2345,6 +2348,6 @@ var at = /* @__PURE__ */ e({ default: () => en }), ot = ["id"], st = ["id"], ct
 			D(t.$slots, "skeleton", {}, () => [k(Xn) ? (w(), _(Se, { key: 0 })) : v("", !0)], !0)
 		], 46, ot));
 	}
-}, [["__scopeId", "data-v-0733861b"]]);
+}, [["__scopeId", "data-v-80cac12f"]]);
 //#endregion
 export { at as n, en as t };