vue-data-ui 3.23.0 → 3.23.1

package/dist/{vue-ui-xy-DZj5DT-q.js → vue-ui-xy-7ZT9IRD8.js}

@@ -1,25 +1,25 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, A as n, B as r, Bt as i, Ct as a, D as o, Et as s, G as c, Gt as l, H as u, I as ee, Jt as te, Kt as ne, L as re, Lt as d, M as f, N as ie, P as ae, Pt as oe, S as se, St as ce, U as le, V as ue, Vt as de, W as fe, X as pe, _ as me, b as p, c as m, d as h, dt as he, i as g, jt as ge, k as _e, l as ve, n as ye, o as be, ot as _, q as xe, qt as Se, r as Ce, tt as we, v as Te, vt as Ee, w as De, xt as Oe, z as ke, zt as Ae } from "./lib-BuMGJ_a0.js";
+import { $ as t, A as n, B as r, Bt as i, Ct as a, D as o, Et as s, G as c, Gt as l, H as u, I as ee, Jt as te, Kt as ne, L as re, Lt as d, M as f, N as ie, P as ae, Pt as oe, S as se, St as ce, U as le, V as ue, Vt as de, W as fe, X as pe, _ as me, b as p, c as m, d as h, dt as he, i as g, jt as ge, k as _e, l as ve, n as ye, o as be, ot as _, q as xe, qt as Se, r as Ce, tt as we, v as Te, vt as Ee, w as De, xt as Oe, z as ke, zt as Ae } from "./lib-Bttd6u5E.js";
 import { n as je, t as Me } from "./useHints-Dq_w2E8B.js";
-import { n as Ne, r as Pe, t as Fe } from "./useTimeLabels-B9CEuiLZ.js";
-import { t as Ie } from "./useConfig-BilxnBNr.js";
-import { t as Le } from "./usePrinter-BFvi4jVy.js";
+import { n as Ne, r as Pe, t as Fe } from "./useTimeLabels-d2f-W1L4.js";
+import { t as Ie } from "./useConfig-D3scuR88.js";
+import { t as Le } from "./usePrinter-DN5bYhTG.js";
 import { n as Re, t as ze } from "./BaseScanner-DZvpgOjM.js";
-import { t as Be } from "./useSvgExport-Ba9qBr9M.js";
-import { t as Ve } from "./useNestedProp--NSEmhOH.js";
+import { t as Be } from "./useSvgExport-DH-FfcqQ.js";
+import { t as Ve } from "./useNestedProp-vPNvh7rV.js";
 import { t as He } from "./useThemeCheck-C43Tcqmk.js";
 import { t as Ue } from "./useTransitions-g_zBREk2.js";
 import { t as We } from "./useStableElementSize-C7KADDKj.js";
 import { t as Ge } from "./useTimeLabelCollider-AEcY4Ioe.js";
-import { t as Ke } from "./img-DIQG5q8T.js";
-import { n as qe } from "./Title-BODtwViI.js";
+import { t as Ke } from "./img-Bnokohej.js";
+import { n as qe } from "./Title-BE3qg9xl.js";
 import { t as Je } from "./vue_ui_xy-BA3-_LCx.js";
-import { t as Ye } from "./Shape-BPMV94Ij.js";
+import { t as Ye } from "./Shape-C21CMlWS.js";
 import { t as Xe } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t as Ze } from "./DefGrad-DVBqDjhO.js";
-import { t as Qe } from "./SlicerPreview-DvjLV2TW.js";
-import { t as $e } from "./vue-ui-accordion-61MlW-Ge.js";
-import { t as et } from "./BaseLegendToggle-CtAPwzr2.js";
+import { t as Qe } from "./SlicerPreview-wUw1hFwe.js";
+import { t as $e } from "./vue-ui-accordion-BxGriZik.js";
+import { t as et } from "./BaseLegendToggle-DZVucLnv.js";
 import { t as tt } from "./A11yDataTable-DdRsVULz.js";
 import { Fragment as v, Teleport as nt, computed as y, createBlock as rt, createCommentVNode as b, createElementBlock as x, createElementVNode as S, createSlots as it, createTextVNode as at, createVNode as ot, defineAsyncComponent as st, getCurrentInstance as ct, guardReactiveProps as lt, mergeProps as ut, nextTick as dt, normalizeClass as C, normalizeProps as ft, normalizeStyle as w, onBeforeUnmount as pt, onMounted as mt, openBlock as T, ref as E, renderList as D, renderSlot as O, resolveDynamicComponent as ht, shallowRef as gt, toDisplayString as k, toRefs as _t, unref as A, useSlots as vt, vModelCheckbox as yt, watch as bt, watchEffect as xt, withCtx as j, withDirectives as St } from "vue";
 //#region src/utils/xy.js
@@ -568,7 +568,7 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 		"copyAlt"
 	],
 	setup(e, { expose: Xe, emit: Mt }) {
-		let M = e, ui = st(() => import("./DataTable-D4tM9s5Y.js")), di = st(() => import("./Tooltip-CMTGxeYO.js")), fi = st(() => import("./UserOptions-3ujTo3LD.js").then((e) => e.n)), pi = st(() => import("./BaseIcon-91MZoczJ.js").then((e) => e.n)), mi = st(() => import("./vue-ui-table-sparkline-CABJzK8p.js").then((e) => e.n)), hi = st(() => import("./PackageVersion--QCMh5k_.js").then((e) => e.t)), gi = st(() => import("./PenAndPaper-cE4J8-rA.js").then((e) => e.t)), _i = st(() => import("./BaseDraggableDialog-qTnfhLBz.js").then((e) => e.n)), vi = Mt, yi = vt(), bi = ct(), { vue_ui_xy: xi } = Ie(), { isThemeValid: Si, warnInvalidTheme: Ci } = He(), wi = E(null), Ti = E(null), Ei = E(null), Di = E(null), Oi = E(null), ki = E(null), Ai = E(null), ji = E(null), Mi = E(null), Ni = E(null), Pi = E(null), Fi = E(null), Ii = E(null), Li = E(null), Ri = E(0), N = E(null), zi = E(!0), Bi = E(600), P = E(1e3), Vi = E("0 0 1000 600"), Hi = E({
+		let M = e, ui = st(() => import("./DataTable-BbKgJ5UI.js")), di = st(() => import("./Tooltip-DhjyfHwz.js")), fi = st(() => import("./UserOptions-Dt98of5H.js").then((e) => e.n)), pi = st(() => import("./BaseIcon-BfndwIWE.js").then((e) => e.n)), mi = st(() => import("./vue-ui-table-sparkline-iRFmtK5S.js").then((e) => e.n)), hi = st(() => import("./PackageVersion-D6d8SCp9.js").then((e) => e.t)), gi = st(() => import("./PenAndPaper-DAE-tnEQ.js").then((e) => e.t)), _i = st(() => import("./BaseDraggableDialog-LoqqwRtV.js").then((e) => e.n)), vi = Mt, yi = vt(), bi = ct(), { vue_ui_xy: xi } = Ie(), { isThemeValid: Si, warnInvalidTheme: Ci } = He(), wi = E(null), Ti = E(null), Ei = E(null), Di = E(null), Oi = E(null), ki = E(null), Ai = E(null), ji = E(null), Mi = E(null), Ni = E(null), Pi = E(null), Fi = E(null), Ii = E(null), Li = E(null), Ri = E(0), N = E(null), zi = E(!0), Bi = E(600), P = E(1e3), Vi = E("0 0 1000 600"), Hi = E({
 			x: 0,
 			y: 0
 		}), Ui = E({
@@ -1451,8 +1451,8 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				return;
 			}
 			Do(Number(t));
-			let n = l(tl({ x: Number(t) }), J.value.top + J.value.height / 2, L.value);
-			n && (fa.value = n), R.value = e, da.value = e, Ki.value = !0;
+			let n = tl({ x: Number(t) }), r = J.value.top + J.value.height / 2, i = l(n, r, L.value);
+			i && (fa.value = i), R.value = e, da.value = e, Ki.value = !0;
 		}
 		function Gs(e) {
 			let t = L.value;
@@ -2615,8 +2615,6 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 						}).path}" fill="${e.color}" stroke="${n}" stroke-width="1" /></svg>`;
 						break;
 					}
-					break;
-				default: break;
 			}
 			return Tl.set(t, r), r;
 		}
@@ -2781,9 +2779,9 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				[V.value.chart.title.text],
 				[V.value.chart.title.subtitle.text],
 				[""]
-			], r = [G.value ? V.value.chart.grid.labels.axis.xLabel || "X" : V.value.table.columnNames.period, ...Rl.value.head.map((e) => e.label)], i = Rl.value.body, a = o(n.concat([r]).concat(i));
-			e ? e(a) : t({
-				csvContent: a,
+			], r = [G.value ? V.value.chart.grid.labels.axis.xLabel || "X" : V.value.table.columnNames.period, ...Rl.value.head.map((e) => e.label)], i = Rl.value.body, a = n.concat([r]).concat(i), s = o(a);
+			e ? e(s) : t({
+				csvContent: s,
 				title: V.value.chart.title.text || "vue-ui-xy"
 			});
 		}
@@ -3034,15 +3032,15 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				v: t.value,
 				s: e.suffix || V.value.chart.labels.suffix,
 				r: V.value[n].labels.rounding
-			}), i = t.datasetXValue;
+			}), i = t.datasetXValue, o = G.value && a(i) ? `x: ${pe({
+				v: i,
+				r: V.value.chart.grid.labels.xAxis.rounding
+			})}\ny: ${r}` : g(V.value[n].labels.formatter, t.value, r, {
+				datapoint: t,
+				serie: e
+			});
 			return c({
-				content: G.value && a(i) ? `x: ${pe({
-					v: i,
-					r: V.value.chart.grid.labels.xAxis.rounding
-				})}\ny: ${r}` : g(V.value[n].labels.formatter, t.value, r, {
-					datapoint: t,
-					serie: e
-				}),
+				content: o,
 				fontSize: B.value.plotLabels,
 				fill: V.value[n].labels.color,
 				x: 0,
@@ -3213,30 +3211,30 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 			shape: e.type === "bar" ? "square" : e.shape ?? "circle",
 			color: e.color,
 			name: e.name
-		}))), Ou = y(() => V.value.chart.backgroundColor), ku = y(() => V.value.chart.legend), { exportSvg: Au, getSvg: ju } = Be({
+		}))), Ou = y(() => V.value.chart.backgroundColor), ku = y(() => V.value.chart.legend), Au = y(() => V.value.chart.title), { exportSvg: ju, getSvg: Mu } = Be({
 			svg: L,
-			title: y(() => V.value.chart.title),
+			title: Au,
 			legend: ku,
 			legendItems: Du,
 			backgroundColor: Ou
 		});
-		async function Mu({ isCb: e }) {
+		async function Nu({ isCb: e }) {
 			la.value = !0, await dt();
 			try {
 				if (e) {
-					let { blob: e, url: t, text: n, dataUrl: r } = await ju();
+					let { blob: e, url: t, text: n, dataUrl: r } = await Mu();
 					await Promise.resolve(V.value.chart.userOptions.callbacks.svg({
 						blob: e,
 						url: t,
 						text: n,
 						dataUrl: r
 					}));
-				} else await Promise.resolve(Au());
+				} else await Promise.resolve(ju());
 			} finally {
 				la.value = !1;
 			}
 		}
-		function Nu(e) {
+		function Pu(e) {
 			if (e?.stage === "start") {
 				ca.value = !0;
 				return;
@@ -3247,7 +3245,7 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 			}
 			ao();
 		}
-		async function Pu() {
+		async function Fu() {
 			if (vi("copyAlt", {
 				config: {
 					...V.value,
@@ -3274,14 +3272,14 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				}
 			}));
 		}
-		let Fu = E(!1);
-		function Iu() {
-			U.value.end > U.value.start && (da.value = null), Bo.value = !0, Fu.value = !0;
-		}
+		let Iu = E(!1);
 		function Lu() {
-			da.value = null, Js(), Fu.value = !1, Bo.value = !1;
+			U.value.end > U.value.start && (da.value = null), Bo.value = !0, Iu.value = !0;
+		}
+		function Ru() {
+			da.value = null, Js(), Iu.value = !1, Bo.value = !1;
 		}
-		function Ru(e) {
+		function zu(e) {
 			if (!L.value || Wi.value || document.activeElement !== L.value) return;
 			let t = e.key === "ArrowLeft", n = e.key === "ArrowRight";
 			if (!t && !n || !U.value.end && U.value.end !== 0) return;
@@ -3295,15 +3293,15 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				return;
 			}
 			let i = da.value, a = zs.value;
-			i !== null && i >= 0 && i < r ? n ? (i += 1, i >= r && (i = 0)) : t && (--i, i < 0 && (i = r - 1)) : a !== null && a >= 0 && a < r ? (i = n ? a + 1 : a - 1, i >= r && (i = 0), i < 0 && (i = r - 1)) : i = n ? 0 : r - 1, da.value = i, zu(i), Vl(!0, i);
+			i !== null && i >= 0 && i < r ? n ? (i += 1, i >= r && (i = 0)) : t && (--i, i < 0 && (i = r - 1)) : a !== null && a >= 0 && a < r ? (i = n ? a + 1 : a - 1, i >= r && (i = 0), i < 0 && (i = r - 1)) : i = n ? 0 : r - 1, da.value = i, Bu(i), Vl(!0, i);
 		}
-		function zu(e) {
+		function Bu(e) {
 			let t = U.value.end - U.value.start;
 			if (t <= 0) return;
-			let n = J.value.width / t, r = l(J.value.left + n * e + n / 2, J.value.top + J.value.height / 2, L.value);
-			r && (fa.value = r);
+			let n = J.value.width / t, r = J.value.left + n * e + n / 2, i = J.value.top + J.value.height / 2, a = l(r, i, L.value);
+			a && (fa.value = a);
 		}
-		let Bu = y(() => {
+		let Vu = y(() => {
 			if (!zl.value) return null;
 			let e = V.value.table.showSum, t = [V.value.table.columnNames.period].concat(K.value.map((e) => e.name));
 			return e && (t = t.concat(V.value.table.columnNames.total)), {
@@ -3316,7 +3314,7 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 			getImage: Qs,
 			generatePdf: io,
 			generateImage: ao,
-			generateSvg: Mu,
+			generateSvg: Nu,
 			generateCsv: Bl,
 			hideSeries: ac,
 			showSeries: ic,
@@ -3326,7 +3324,7 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 			toggleTooltip: Wl,
 			toggleAnnotator: Wo,
 			toggleFullscreen: Gl,
-			copyAlt: Pu,
+			copyAlt: Fu,
 			resetZoom: ys
 		}), (t, n) => (T(), x("div", {
 			id: `vue-ui-xy_${F.value}`,
@@ -3342,11 +3340,11 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				id: `chart-instructions-${F.value}`,
 				class: "sr-only"
 			}, [S("p", null, k(V.value.a11y.translations.keyboardNavigation), 1)], 8, Pt),
-			Bu.value?.rows?.length ? (T(), rt(tt, {
+			Vu.value?.rows?.length ? (T(), rt(tt, {
 				key: 0,
 				uid: F.value,
-				head: Bu.value.headers,
-				body: Bu.value.rows,
+				head: Vu.value.headers,
+				body: Vu.value.rows,
 				notice: V.value.a11y.translations.tableAvailable,
 				caption: V.value.a11y.translations.tableCaption
 			}, null, 8, [
@@ -3440,14 +3438,14 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				onToggleFullscreen: Gl,
 				onGeneratePdf: A(io),
 				onGenerateCsv: Bl,
-				onGenerateImage: Nu,
-				onGenerateSvg: Mu,
+				onGenerateImage: Pu,
+				onGenerateSvg: Nu,
 				onToggleTable: Hl,
 				onToggleLabels: Ul,
 				onToggleStack: ts,
 				onToggleTooltip: Wl,
 				onToggleAnnotator: Wo,
-				onCopyAlt: Pu,
+				onCopyAlt: Fu,
 				style: w({ visibility: na.value ? ra.value ? "visible" : "hidden" : "visible" })
 			}, it({ _: 2 }, [
 				t.$slots.menuIcon ? {
@@ -3555,9 +3553,9 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				onMousemove: qs,
 				onMouseleave: Js,
 				onClick: Ys,
-				onFocus: Iu,
-				onBlur: Lu,
-				onKeydown: Ru
+				onFocus: Lu,
+				onBlur: Ru,
+				onKeydown: zu
 			}, [S("g", {
 				ref_key: "G",
 				ref: Ai,
@@ -4728,7 +4726,7 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				} }, void 0, !0)
 			], 512)], 46, Lt)), t.$slots.hint ? (T(), x("div", Br, [O(t.$slots, "hint", ft(lt({
 				hint: V.value.a11y.translations.keyboardNavigation,
-				isVisible: Fu.value
+				isVisible: Iu.value
 			})), void 0, !0)])) : b("", !0)]),
 			t.$slots.watermark ? (T(), x("div", Vr, [O(t.$slots, "watermark", ft(lt({ isPrinting: A(no) || A(ro) || ca.value || la.value })), void 0, !0)])) : b("", !0),
 			(T(!0), x(v, null, D(Q.value, (e, t) => (T(), x(v, { key: `tag_line_${e.id}` }, [(T(!0), x(v, null, D(e.plots, (n, r) => (T(), x(v, { key: `tag_line_${t}_${r}` }, [[
@@ -4965,6 +4963,8 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 				minScale: V.value.chart.grid.labels.yAxis.scaleMin,
 				maxScale: V.value.chart.grid.labels.yAxis.scaleMax,
 				maxWidth: V.value.chart.zoom.maxWidth,
+				minimapLeftInsetRatio: P.value > 0 && V.value.chart.zoom.autoFit ? J.value.left / P.value : null,
+				minimapRightInsetRatio: P.value > 0 && V.value.chart.zoom.autoFit ? (P.value - J.value.right) / P.value : null,
 				additionalMinimapHeight: V.value.chart.zoom.minimap.additionalHeight,
 				handleType: V.value.chart.zoom.minimap.handleType,
 				handleIconColor: V.value.chart.zoom.minimap.handleIconColor,
@@ -4983,7 +4983,7 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 			}, {
 				"reset-action": j(({ reset: e }) => [O(t.$slots, "reset-action", ft(lt({ reset: e })), void 0, !0)]),
 				_: 3
-			}, 8, /* @__PURE__ */ "uuid.allMinimaps.background.borderColor.customFormat.cutNullValues.enableRangeHandles.enableSelectionDrag.end.focusOnDrag.focusRangeRatio.fontSize.useResetSlot.immediate.inputColor.isPreview.labelLeft.labelRight.max.min.precision.useValueRange.minimap.minimapCompact.minimapFrameColor.minimapIndicatorColor.minimapLineColor.minimapMerged.minimapSelectedColor.minimapSelectedColorOpacity.minimapSelectedIndex.minimapSelectionRadius.preciseLabels.refreshStartPoint.refreshEndPoint.selectColor.selectedSeries.smoothMinimap.start.textColor.timeLabels.usePreciseLabels.valueEnd.valueStart.verticalHandles.minScale.maxScale.maxWidth.additionalMinimapHeight.handleType.handleIconColor.handleBorderWidth.handleBorderColor.handleFill.handleWidth.isCursorPointer".split("."))) : b("", !0),
+			}, 8, /* @__PURE__ */ "uuid.allMinimaps.background.borderColor.customFormat.cutNullValues.enableRangeHandles.enableSelectionDrag.end.focusOnDrag.focusRangeRatio.fontSize.useResetSlot.immediate.inputColor.isPreview.labelLeft.labelRight.max.min.precision.useValueRange.minimap.minimapCompact.minimapFrameColor.minimapIndicatorColor.minimapLineColor.minimapMerged.minimapSelectedColor.minimapSelectedColorOpacity.minimapSelectedIndex.minimapSelectionRadius.preciseLabels.refreshStartPoint.refreshEndPoint.selectColor.selectedSeries.smoothMinimap.start.textColor.timeLabels.usePreciseLabels.valueEnd.valueStart.verticalHandles.minScale.maxScale.maxWidth.minimapLeftInsetRatio.minimapRightInsetRatio.additionalMinimapHeight.handleType.handleIconColor.handleBorderWidth.handleBorderColor.handleFill.handleWidth.isCursorPointer".split("."))) : b("", !0),
 			S("div", { id: `legend-bottom-${F.value}` }, null, 8, ei),
 			oa.value && (V.value.chart.legend.show || t.$slots.legend) ? (T(), rt(nt, {
 				key: 7,
@@ -5206,6 +5206,6 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 			O(t.$slots, "skeleton", {}, () => [A(Ha) ? (T(), rt(ze, { key: 0 })) : b("", !0)], !0)
 		], 46, Nt));
 	}
-}, [["__scopeId", "data-v-744e7068"]]);
+}, [["__scopeId", "data-v-9479c4b1"]]);
 //#endregion
 export { Mt as n, M as t };

package/dist/{vue-ui-xy-canvas-BN2u0bOJ.js → vue-ui-xy-canvas-BnLEwBpi.js}

@@ -1,23 +1,23 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, Bt as n, D as r, Et as i, Jt as a, Kt as o, Ot as s, Pt as c, Rt as l, S as u, X as d, _ as ee, ct as te, dt as ne, i as re, jt as ie, o as ae, q as oe, tt as se, vt as ce, w as le, xt as ue } from "./lib-BuMGJ_a0.js";
+import { $ as t, Bt as n, D as r, Et as i, Jt as a, Kt as o, Ot as s, Pt as c, Rt as l, S as u, X as d, _ as ee, ct as te, dt as ne, i as re, jt as ie, o as ae, q as oe, tt as se, vt as ce, w as le, xt as ue } from "./lib-Bttd6u5E.js";
 import { n as de, t as fe } from "./useHints-Dq_w2E8B.js";
-import { n as pe, r as me, t as he } from "./useTimeLabels-B9CEuiLZ.js";
-import { t as ge } from "./useConfig-BilxnBNr.js";
-import { t as _e } from "./usePrinter-BFvi4jVy.js";
+import { n as pe, r as me, t as he } from "./useTimeLabels-d2f-W1L4.js";
+import { t as ge } from "./useConfig-D3scuR88.js";
+import { t as _e } from "./usePrinter-DN5bYhTG.js";
 import { n as ve, t as ye } from "./BaseScanner-DZvpgOjM.js";
-import { t as be } from "./useNestedProp--NSEmhOH.js";
+import { t as be } from "./useNestedProp-vPNvh7rV.js";
 import { t as xe } from "./useThemeCheck-C43Tcqmk.js";
-import { t as Se } from "./img-DIQG5q8T.js";
-import { n as Ce } from "./Title-BODtwViI.js";
+import { t as Se } from "./img-Bnokohej.js";
+import { n as Ce } from "./Title-BE3qg9xl.js";
 import { t as we } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { a as f, c as p, i as Te, l as Ee, n as De, o as Oe, r as ke, s as Ae, t as je } from "./useResponsive-ZtArZtUf.js";
-import { t as Me } from "./BaseIcon-91MZoczJ.js";
-import { t as Ne } from "./SlicerPreview-DvjLV2TW.js";
-import { t as Pe } from "./vue-ui-accordion-61MlW-Ge.js";
-import { t as Fe } from "./BaseLegendToggle-CtAPwzr2.js";
+import { t as Me } from "./BaseIcon-BfndwIWE.js";
+import { t as Ne } from "./SlicerPreview-wUw1hFwe.js";
+import { t as Pe } from "./vue-ui-accordion-BxGriZik.js";
+import { t as Fe } from "./BaseLegendToggle-DZVucLnv.js";
 import { t as Ie } from "./useUserOptionState-DK-_1ddE.js";
 import { t as Le } from "./useChartAccessibility-DYqac8yF.js";
-import { t as Re } from "./Legend-CQTRlzK-.js";
+import { t as Re } from "./Legend-CQxUgOd-.js";
 import { t as ze } from "./vue_ui_xy_canvas-Cb6dg3eK.js";
 import { Teleport as Be, computed as m, createBlock as h, createCommentVNode as g, createElementBlock as Ve, createElementVNode as _, createSlots as He, createTextVNode as Ue, createVNode as We, defineAsyncComponent as Ge, guardReactiveProps as v, mergeProps as Ke, nextTick as qe, normalizeClass as Je, normalizeProps as y, normalizeStyle as Ye, onBeforeUnmount as Xe, onMounted as Ze, openBlock as b, ref as x, renderSlot as S, resolveDynamicComponent as Qe, shallowRef as $e, toDisplayString as et, toRefs as tt, unref as C, useSlots as nt, watch as w, watchEffect as rt, withCtx as T } from "vue";
 //#region src/components/vue-ui-xy-canvas.vue
@@ -64,7 +64,7 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 		"copyAlt"
 	],
 	setup(e, { expose: we, emit: it }) {
-		let ht = Ge(() => import("./Tooltip-CMTGxeYO.js")), gt = Ge(() => import("./DataTable-D4tM9s5Y.js")), _t = Ge(() => import("./UserOptions-3ujTo3LD.js").then((e) => e.n)), vt = Ge(() => import("./NonSvgPenAndPaper-Cawacw1W.js")), yt = Ge(() => import("./BaseDraggableDialog-qTnfhLBz.js").then((e) => e.n)), { vue_ui_xy_canvas: bt } = ge(), { isThemeValid: xt, warnInvalidTheme: St } = xe(), E = e, D = x(oe()), O = x(null), Ct = x(null), k = x(null), A = x(1), j = x(1), wt = x(!1), M = x(null), Tt = x(""), Et = x(null), N = x([]), Dt = x(1), P = x(!0), F = x(!0), Ot = x(null), kt = x(0), At = x(!1), jt = x(null), Mt = x(null), I = x(null), Nt = x(null), Pt = x(0), Ft = x(0), It = x(0), L = x(null), Lt = x(!1), Rt = x(null), zt = x(null), Bt = x(!1), Vt = x(!1), Ht = x(!1), R = x(null), Ut = x(!1), Wt = x(!1), Gt = x(!1), z = x(null), Kt = x({
+		let ht = Ge(() => import("./Tooltip-DhjyfHwz.js")), gt = Ge(() => import("./DataTable-BbKgJ5UI.js")), _t = Ge(() => import("./UserOptions-Dt98of5H.js").then((e) => e.n)), vt = Ge(() => import("./NonSvgPenAndPaper-4ypecDg1.js")), yt = Ge(() => import("./BaseDraggableDialog-LoqqwRtV.js").then((e) => e.n)), { vue_ui_xy_canvas: bt } = ge(), { isThemeValid: xt, warnInvalidTheme: St } = xe(), E = e, D = x(oe()), O = x(null), Ct = x(null), k = x(null), A = x(1), j = x(1), wt = x(!1), M = x(null), Tt = x(""), Et = x(null), N = x([]), Dt = x(1), P = x(!0), F = x(!0), Ot = x(null), kt = x(0), At = x(!1), jt = x(null), Mt = x(null), I = x(null), Nt = x(null), Pt = x(0), Ft = x(0), It = x(0), L = x(null), Lt = x(!1), Rt = x(null), zt = x(null), Bt = x(!1), Vt = x(!1), Ht = x(!1), R = x(null), Ut = x(!1), Wt = x(!1), Gt = x(!1), z = x(null), Kt = x({
 			x: 0,
 			y: 0
 		}), B = m(() => Array.isArray(tn.value) && tn.value.length > 0), qt = it, Jt = nt();
@@ -1277,9 +1277,9 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 				[V.value.style.chart.title.text],
 				[V.value.style.chart.title.subtitle.text],
 				[""]
-			], i = ["", ...Nr.value.head.map((e) => e.label)], a = Nr.value.body, o = r(n.concat([i]).concat(a));
-			e ? e(o) : t({
-				csvContent: o,
+			], i = ["", ...Nr.value.head.map((e) => e.label)], a = Nr.value.body, o = n.concat([i]).concat(a), s = r(o);
+			e ? e(s) : t({
+				csvContent: s,
 				title: V.value.style.chart.title.text || "vue-ui-xy-canvas"
 			});
 		}
@@ -1677,6 +1677,8 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 				valueStart: Y.value.start,
 				verticalHandles: V.value.style.chart.zoom.minimap.verticalHandles,
 				maxWidth: V.value.style.chart.zoom.maxWidth,
+				minimapLeftInsetRatio: G.value.canvasWidth > 0 && V.value.style.chart.zoom.autoFit ? G.value.left / G.value.canvasWidth : null,
+				minimapRightInsetRatio: G.value.canvasWidth > 0 && V.value.style.chart.zoom.autoFit ? (G.value.canvasWidth - G.value.right) / G.value.canvasWidth : null,
 				additionalMinimapHeight: V.value.style.chart.zoom.minimap.additionalHeight,
 				handleType: V.value.style.chart.zoom.minimap.handleType,
 				handleIconColor: V.value.style.chart.zoom.minimap.handleIconColor,
@@ -1693,7 +1695,7 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 			}, {
 				"reset-action": T(({ reset: e }) => [S(t.$slots, "reset-action", y(v({ reset: e })), void 0, !0)]),
 				_: 3
-			}, 8, /* @__PURE__ */ "allMinimaps.background.borderColor.customFormat.cutNullValues.enableRangeHandles.enableSelectionDrag.end.focusOnDrag.focusRangeRatio.fontSize.immediate.inputColor.isPreview.labelLeft.labelRight.max.minimap.minimapCompact.minimapFrameColor.minimapIndicatorColor.minimapLineColor.minimapMerged.minimapSelectedColor.minimapSelectedColorOpacity.minimapSelectedIndex.minimapSelectionRadius.preciseLabels.refreshEndPoint.refreshStartPoint.selectColor.selectedSeries.smoothMinimap.start.timeLabels.usePreciseLabels.textColor.useResetSlot.valueEnd.valueStart.verticalHandles.maxWidth.additionalMinimapHeight.handleType.handleIconColor.handleBorderWidth.handleBorderColor.handleFill.handleWidth".split("."))) : g("", !0),
+			}, 8, /* @__PURE__ */ "allMinimaps.background.borderColor.customFormat.cutNullValues.enableRangeHandles.enableSelectionDrag.end.focusOnDrag.focusRangeRatio.fontSize.immediate.inputColor.isPreview.labelLeft.labelRight.max.minimap.minimapCompact.minimapFrameColor.minimapIndicatorColor.minimapLineColor.minimapMerged.minimapSelectedColor.minimapSelectedColorOpacity.minimapSelectedIndex.minimapSelectionRadius.preciseLabels.refreshEndPoint.refreshStartPoint.selectColor.selectedSeries.smoothMinimap.start.timeLabels.usePreciseLabels.textColor.useResetSlot.valueEnd.valueStart.verticalHandles.maxWidth.minimapLeftInsetRatio.minimapRightInsetRatio.additionalMinimapHeight.handleType.handleIconColor.handleBorderWidth.handleBorderColor.handleFill.handleWidth".split("."))) : g("", !0),
 			_("div", { id: `legend-bottom-${D.value}` }, null, 8, dt),
 			Lt.value && (V.value.style.chart.legend.show || t.$slots.legend) ? (b(), h(Be, {
 				key: 3,
@@ -1811,6 +1813,6 @@ var it = /* @__PURE__ */ e({ default: () => ht }), at = ["id"], ot = ["id"], st
 			])) : g("", !0)
 		], 46, at));
 	}
-}, [["__scopeId", "data-v-d5591264"]]);
+}, [["__scopeId", "data-v-387dfe16"]]);
 //#endregion
 export { it as n, ht as t };