vue-data-ui 3.19.9 → 3.20.0

package/dist/{SlicerPreview-BU3ZeHjR.js → SlicerPreview-DdihbUSJ.js}

@@ -1,8 +1,8 @@
-import { Bt as e, F as t, H as n, I as r, L as i, j as a, k as o, pt as ee, r as te, t as ne } from "./lib-BkiwukKO.js";
-import { t as s } from "./_plugin-vue_export-helper-Dq1MygBL.js";
-import { c, r as re } from "./canvas-lib-DTaADQOK.js";
-import { t as l } from "./useResponsive-CrAInupd.js";
-import { t as ie } from "./BaseIcon-DM1x8hQF.js";
+import { F as e, H as t, I as n, L as r, Vt as i, j as a, k as o, pt as ee, r as te, t as ne } from "./lib-DUeYQsS0.js";
+import { t as s } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { c, r as re } from "./canvas-lib-BOP_HS11.js";
+import { t as l } from "./useResponsive-BfnK0KxU.js";
+import { t as ie } from "./BaseIcon-DfLoHNUj.js";
 import { Fragment as u, computed as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as ae, mergeProps as oe, nextTick as se, normalizeClass as h, normalizeProps as ce, normalizeStyle as g, onBeforeUnmount as le, onMounted as ue, onUpdated as de, openBlock as _, ref as v, renderList as y, renderSlot as fe, toDisplayString as pe, unref as me, useCssVars as he, vModelText as ge, watch as b, withDirectives as _e, withKeys as ve, withModifiers as ye } from "vue";
 //#region src/atoms/SlicerPreview.vue
 var be = ["data-minimap"], xe = {
@@ -23,43 +23,47 @@ var be = ["data-minimap"], xe = {
 	key: 0,
 	class: "minimap",
 	style: { width: "100%" }
-}, we = ["xmlns", "viewBox"], Te = ["id"], Ee = ["stop-color"], De = [
+}, we = ["xmlns", "viewBox"], Te = ["id"], Ee = ["stop-color"], De = ["id"], Oe = [
+	"x",
+	"width",
+	"height"
+], ke = [
 	"width",
 	"height",
 	"stroke"
-], Oe = ["d", "stroke"], ke = ["d", "fill"], Ae = [
+], Ae = ["d", "stroke"], je = ["d", "fill"], Me = [
 	"x",
 	"y",
 	"width",
 	"height",
 	"fill"
-], je = [
+], Ne = [
 	"d",
 	"stroke",
 	"stroke-dasharray"
-], Me = [
+], Pe = [
 	"cx",
 	"cy",
 	"fill",
 	"stroke"
-], Ne = [
+], Fe = [
 	"cx",
 	"cy",
 	"fill",
 	"stroke"
-], Pe = [
+], Ie = [
 	"x",
 	"width",
 	"height",
 	"fill",
 	"rx"
-], Fe = [
+], Le = [
 	"x",
 	"width",
 	"height",
 	"rx",
 	"fill"
-], Ie = [
+], Re = [
 	"x",
 	"width",
 	"height",
@@ -69,126 +73,128 @@ var be = ["data-minimap"], xe = {
 	"aria-valuemax",
 	"aria-valuenow",
 	"aria-valuetext"
-], Le = [
+], ze = [
 	"x2",
 	"y1",
 	"y2",
 	"stroke"
-], Re = { key: "merged-tree" }, ze = ["d", "fill"], Be = ["d", "stroke"], Ve = [
+], Be = { key: "merged-tree" }, Ve = ["d", "stroke"], He = [
 	"cx",
 	"cy",
 	"stroke",
 	"fill"
-], He = [
+], Ue = [
 	"cx",
 	"cy",
 	"stroke",
 	"fill"
-], Ue = { key: "split-tree" }, We = [
+], We = { key: "split-tree" }, Ge = [
 	"x",
 	"y",
 	"width",
 	"height",
 	"fill"
-], Ge = [
+], Ke = [
 	"d",
 	"stroke",
 	"stroke-dasharray"
-], Ke = [
+], qe = [
 	"cx",
 	"cy",
 	"fill",
 	"stroke"
-], qe = ["width", "height"], Je = [
+], Je = ["width", "height"], Ye = [
 	"x",
 	"width",
 	"height",
 	"fill",
 	"stroke",
 	"stroke-width"
-], Ye = ["transform"], Xe = ["width", "height"], Ze = ["fill", "stroke"], Qe = ["stroke"], $e = ["fill"], et = [
+], Xe = ["transform"], Ze = ["width", "height"], Qe = ["fill", "stroke"], $e = ["stroke"], et = ["fill"], tt = [
 	"x",
 	"width",
 	"height",
 	"fill",
 	"stroke",
 	"stroke-width"
-], tt = ["transform"], nt = ["width", "height"], rt = ["fill", "stroke"], it = ["stroke"], at = ["fill"], ot = {
+], nt = ["transform"], rt = ["width", "height"], it = ["fill", "stroke"], at = ["stroke"], ot = ["fill"], st = {
 	key: "merged-tree",
 	style: { "pointer-events": "none" }
-}, st = [
+}, ct = [
 	"cx",
 	"cy",
 	"stroke",
 	"fill"
-], ct = [
+], lt = [
 	"cx",
 	"cy",
 	"fill"
-], lt = [
+], ut = [
 	"cx",
 	"cy",
 	"stroke",
 	"fill"
-], ut = [
+], dt = [
 	"cx",
 	"cy",
 	"fill"
-], dt = {
+], ft = {
 	key: 1,
 	style: { "pointer-events": "none" }
-}, ft = [
+}, pt = [
 	"d",
 	"stroke",
 	"stroke-dasharray"
-], pt = [
+], mt = [
 	"cx",
 	"cy",
 	"fill",
 	"stroke"
-], mt = [
+], ht = [
 	"cx",
 	"cy",
 	"stroke",
 	"fill"
-], ht = [
+], gt = [
 	"cx",
 	"cy",
 	"fill"
-], gt = [
+], _t = [
 	"cx",
 	"cy",
 	"stroke",
 	"fill"
-], _t = [
+], vt = [
 	"cx",
 	"cy",
 	"fill"
-], vt = [
+], yt = [
 	"cx",
 	"cy",
 	"fill",
 	"stroke"
-], yt = [
+], bt = [
+	"step",
 	"min",
 	"max",
 	"tabindex"
-], bt = [
+], xt = [
+	"step",
 	"min",
 	"max",
 	"tabindex"
-], xt = {
+], St = {
 	key: 3,
 	class: "minimap-handle-overlay"
-}, St = ["xmlns", "viewBox"], Ct = [
+}, Ct = ["xmlns", "viewBox"], wt = [
 	"x",
 	"width",
 	"height"
-], wt = [
+], Tt = [
 	"x",
 	"width",
 	"height"
-], Tt = 48, Et = /* @__PURE__ */ s({
+], Et = 48, Dt = /* @__PURE__ */ s({
 	__name: "SlicerPreview",
 	props: {
 		uuid: {
@@ -397,6 +403,14 @@ var be = ["data-minimap"], xe = {
 		handleFill: {
 			type: String,
 			default: null
+		},
+		precision: {
+			type: Number,
+			default: 0
+		},
+		useValueRange: {
+			type: Boolean,
+			default: !1
 		}
 	},
 	emits: [
@@ -405,69 +419,97 @@ var be = ["data-minimap"], xe = {
 		"update:start",
 		"update:end",
 		"reset",
-		"trapMouse"
+		"trapMouse",
+		"trapMouseValue"
 	],
-	setup(s, { expose: Et, emit: Dt }) {
+	setup(s, { expose: Dt, emit: Ot }) {
 		he((e) => ({
-			v21f311c4: Ut.value,
-			v8c2ecb90: P.value,
-			v6086c4ae: Gt.value,
-			cbc44930: s.selectColor,
-			v4ea651f6: Wt.value,
-			v186c5d28: x.additionalMinimapHeight
+			v2549f374: en.value,
+			f55ee28c: P.value,
+			v7f47a8ab: nn.value,
+			v6585cfea: s.selectColor,
+			f7c79510: tn.value,
+			v4dc4f52a: x.additionalMinimapHeight
 		}));
-		let x = s, S = v(null), C = v(x.min), w = v(x.max), T = d(() => !!x.allMinimaps.length), Ot = v(n()), E = v(!1), D = d(() => T.value && x.minimapCompact), O = v(null), kt = v(!1), At = v(0), jt = v(0), Mt = v(null), Nt = d(() => Math.min(40, Math.max(20, x.handleWidth))), Pt = v(0), Ft = c((e) => M("futureStart", e), 0), It = c((e) => M("futureEnd", e), 0), k = d({
+		let x = s;
+		function kt(e) {
+			let t = Number(e) || 0;
+			return x.precision <= 0 ? Math.round(t) : Number(t.toFixed(x.precision));
+		}
+		let S = v(null), C = v(x.min), w = v(x.max), T = d(() => !!x.allMinimaps.length), At = v(t()), E = v(!1), jt = d(() => T.value && x.minimapCompact), D = v(null), Mt = v(!1), Nt = v(0), Pt = v(0), Ft = v(null), It = d(() => x.useValueRange ? w.value : w.value - 1), Lt = d(() => Math.max(1, Number(x.max) - Number(x.min)));
+		function Rt(e) {
+			return (Number(e) - Number(x.min)) / Lt.value * 100;
+		}
+		function zt(e) {
+			return I.value.width * (Rt(e) / 100);
+		}
+		function Bt(e) {
+			let t = Math.min(1, Math.max(0, e / Math.max(1, I.value.width)));
+			return kt(Number(x.min) + Lt.value * t);
+		}
+		function Vt(e) {
+			return x.useValueRange ? Number(e?.y) : Number(e);
+		}
+		function Ht(e, t) {
+			return x.useValueRange ? Number(e?.x) : t + Number(x.min);
+		}
+		function Ut(e, t) {
+			return x.useValueRange ? zt(Ht(e, t)) : V.value * t + (x.minimapCompact ? 0 : V.value / 2);
+		}
+		let Wt = d(() => Math.min(40, Math.max(20, x.handleWidth))), Gt = v(0), Kt = c((e) => M("futureStart", e), 0), qt = c((e) => M("futureEnd", e), 0), O = d(() => x.precision > 0 ? 1 / 10 ** x.precision : 1), k = d({
 			get: () => C.value,
 			set(e) {
-				let t = Math.min(e, w.value - 1);
-				t !== C.value && (C.value = t, wn.value && (wn.value.value = String(t)), x.immediate ? M("update:start", Number(t)) : E.value && Ft(t));
+				let t = Math.min(Number(e), Number(w.value) - O.value);
+				t !== C.value && (C.value = t, In.value && (In.value.value = String(t)), x.immediate ? M("update:start", Number(t)) : E.value && Kt(t));
 			}
 		}), A = d({
 			get: () => w.value,
 			set(e) {
-				let t = Math.max(e, C.value + 1);
-				t !== w.value && (w.value = t, Tn.value && (Tn.value.value = String(t)), x.immediate ? M("update:end", Number(t)) : E.value && It(t));
+				let t = Math.max(Number(e), Number(C.value) + O.value);
+				t !== w.value && (w.value = t, Ln.value && (Ln.value.value = String(t)), x.immediate ? M("update:end", Number(t)) : E.value && qt(t));
 			}
 		});
 		function j() {
 			clearTimeout(null), x.immediate || (M("update:start", Number(C.value)), M("update:end", Number(w.value))), E.value = !1;
 		}
-		let Lt = d(() => x.refreshEndPoint === null ? x.max : x.refreshEndPoint), M = Dt, Rt = d(() => {
-			if (D.value) {
+		let Jt = d(() => x.refreshEndPoint === null ? x.max : x.refreshEndPoint), M = Ot, Yt = d(() => {
+			if (x.useValueRange) return Rt(C.value);
+			if (jt.value) {
 				let e = Math.max(1, R.value - 1);
-				return _n.value / e * 100;
+				return On.value / e * 100;
 			}
 			let e = Math.max(1, x.max - x.min);
 			return (C.value - x.min) / e * 100;
-		}), zt = d(() => {
-			if (D.value) {
+		}), Xt = d(() => {
+			if (x.useValueRange) return Rt(w.value);
+			if (jt.value) {
 				let e = Math.max(1, R.value - 1);
-				return vn.value / e * 100;
+				return kn.value / e * 100;
 			}
 			let e = Math.max(1, x.max - x.min);
 			return (w.value - x.min) / e * 100;
-		}), Bt = d(() => (Rt.value + zt.value) / 2), Vt = d(() => {
+		}), Zt = d(() => (Yt.value + Xt.value) / 2), Qt = d(() => {
 			if (!S.value) return !1;
 			let e = Math.max(1, x.max - x.min);
-			return S.value.getBoundingClientRect().width * ((C.value - x.min) / e) - er.value / 2 < 0;
-		}), Ht = d(() => {
+			return S.value.getBoundingClientRect().width * ((C.value - x.min) / e) - fr.value / 2 < 0;
+		}), $t = d(() => {
 			if (!S.value) return !1;
 			let e = Math.max(1, x.max - x.min), t = S.value.getBoundingClientRect().width;
-			return t * ((w.value - x.min) / e) + tr.value / 2 > t;
+			return t * ((w.value - x.min) / e) + pr.value / 2 > t;
 		}), N = d(() => {
-			let e = Ht.value ? `calc(${Bt.value}% - ${sr.value.width}px)` : Vt.value ? `calc(${Bt.value}% - 8px)` : `calc(${Bt.value}% - ${sr.value.width / 2}px)`;
+			let e = $t.value ? `calc(${Zt.value}% - ${yr.value.width}px)` : Qt.value ? `calc(${Zt.value}% - 8px)` : `calc(${Zt.value}% - ${yr.value.width / 2}px)`;
 			return {
-				left: `${Rt.value}%`,
-				width: `${Math.max(0, zt.value - Rt.value)}%`,
+				left: `${Yt.value}%`,
+				width: `${Math.max(0, Xt.value - Yt.value)}%`,
 				background: x.selectColor,
-				tooltipLeft: `calc(${Rt.value}% - ${Vt.value ? 9 : er.value / 2}px)`,
-				tooltipRight: `calc(${zt.value}% - ${Ht.value ? tr.value - 9 : tr.value / 2}px)`,
+				tooltipLeft: `calc(${Yt.value}% - ${Qt.value ? 9 : fr.value / 2}px)`,
+				tooltipRight: `calc(${Xt.value}% - ${$t.value ? pr.value - 9 : pr.value / 2}px)`,
 				tooltipCenter: e,
-				arrowLeft: !Vt.value,
-				arrowRight: !Ht.value
+				arrowLeft: !Qt.value,
+				arrowRight: !$t.value
 			};
-		}), Ut = d(() => x.inputColor), Wt = d(() => x.background), Gt = d(() => `${x.selectColor}33`), P = d(() => x.borderColor), Kt = d(() => Number(x.max) > Number(x.min));
-		function qt() {
+		}), en = d(() => x.inputColor), tn = d(() => x.background), nn = d(() => `${x.selectColor}33`), P = d(() => x.borderColor), rn = d(() => Number(x.max) > Number(x.min));
+		function an() {
 			M("reset");
 		}
 		b(() => x.min, (e) => {
@@ -492,30 +534,30 @@ var be = ["data-minimap"], xe = {
 			L.value && L.value.disconnect();
 		});
 		let R = d(() => Math.max(1, x.max - x.min));
-		function Jt(e) {
+		function on(e) {
 			let t = Math.floor(e - x.min);
 			return Math.min(Math.max(0, t), R.value);
 		}
-		function Yt(e) {
+		function sn(e) {
 			let t = Math.ceil(e - x.min);
 			return Math.min(Math.max(0, t), R.value);
 		}
-		let z = d(() => Jt(C.value)), B = d(() => Yt(w.value)), Xt = d(() => Math.max(...x.allMinimaps.map((e) => e.series.length))), Zt = d(() => T.value && x.minimapCompact ? 40 : 0), Qt = d(() => Zt.value / 2);
-		d(() => Math.max(1, I.value.width - Qt.value * 2));
+		let z = d(() => on(C.value)), B = d(() => sn(w.value)), cn = d(() => Math.max(...x.allMinimaps.map((e) => e.series.length))), ln = d(() => T.value && x.minimapCompact ? 40 : 0), un = d(() => ln.value / 2);
+		d(() => Math.max(1, I.value.width - un.value * 2));
 		let V = d(() => {
-			let e = Math.max(1, Xt.value - +!!x.minimapCompact);
+			let e = Math.max(1, cn.value - +!!x.minimapCompact);
 			return I.value.width / e;
-		}), $t = d(() => x.allMinimaps.length ? x.allMinimaps.filter((e) => e.type === "bar" && e.isVisible).length : 0), en = d(() => V.value / ($t.value || 1) * .8);
-		function tn(e, t, n) {
-			let r = en.value, i = Math.max(1, $t.value), a = Xt.value - 1;
+		}), dn = d(() => x.allMinimaps.length ? x.allMinimaps.filter((e) => e.type === "bar" && e.isVisible).length : 0), fn = d(() => V.value / (dn.value || 1) * .8);
+		function pn(e, t, n) {
+			let r = fn.value, i = Math.max(1, dn.value), a = cn.value - 1;
 			return n === 0 ? e + r / 2 * t : n === a ? e - r / 2 * (i - t) : e - i * r / 2 + t * r;
 		}
-		function nn(e, t) {
-			return [0, Xt.value - 1].includes(t) ? en.value / 2 : en.value;
+		function mn(e, t) {
+			return [0, cn.value - 1].includes(t) ? fn.value / 2 : fn.value;
 		}
-		let rn = d(() => {
+		let hn = d(() => {
 			let e = [];
-			if (Array.isArray(x.minimap) && x.minimap.length && x.minimapMerged && e.push(...x.minimap.filter(Number.isFinite)), Array.isArray(x.allMinimaps) && x.allMinimaps.length) for (let t of x.allMinimaps) t?.isVisible && Array.isArray(t?.series) && e.push(...t.series.filter(Number.isFinite));
+			if (Array.isArray(x.minimap) && x.minimap.length && x.minimapMerged && e.push(...x.minimap.map(Vt).filter(Number.isFinite)), Array.isArray(x.allMinimaps) && x.allMinimaps.length) for (let t of x.allMinimaps) t?.isVisible && Array.isArray(t?.series) && e.push(...t.series.map(Vt).filter(Number.isFinite));
 			return e.length ? {
 				min: Math.min(...e),
 				max: Math.max(...e)
@@ -523,25 +565,25 @@ var be = ["data-minimap"], xe = {
 				min: 0,
 				max: 1
 			};
-		}), an = d(() => {
+		}), gn = d(() => {
 			if (x.minScale == null && x.forceZeroCenter) return null;
 			let e = Number(x.minScale);
 			return Number.isFinite(e) ? e : null;
-		}), on = d(() => {
+		}), _n = d(() => {
 			if (x.maxScale == null && x.forceZeroCenter) return null;
 			let e = Number(x.maxScale);
 			return Number.isFinite(e) ? e : null;
-		}), sn = d(() => an.value !== null && on.value !== null), cn = d(() => {
-			let { min: e, max: t } = rn.value, n = an.value, r = on.value, i, a;
+		}), vn = d(() => gn.value !== null && _n.value !== null), yn = d(() => {
+			let { min: e, max: t } = hn.value, n = gn.value, r = _n.value, i, a;
 			return n !== null && r !== null ? (i = Math.min(n, e), a = Math.max(r, t)) : (i = n === null ? e : n, a = r === null ? t : r), Number.isFinite(i) || (i = 0), Number.isFinite(a) || (a = 1), i === a ? a = i + 1 : i > a && ([i, a] = [a, i]), {
 				min: i,
 				max: a
 			};
-		}), ln = d(() => cn.value.min), un = d(() => cn.value.max), dn = d(() => ln.value < 0 && un.value > 0 || un.value <= 0 ? ln.value : 0), fn = (e) => {
+		}), bn = d(() => yn.value.min), xn = d(() => yn.value.max), Sn = d(() => bn.value < 0 && xn.value > 0 || xn.value <= 0 ? bn.value : 0), Cn = (e) => {
 			let t = Math.max(1, I.value.height);
-			return mn(ln.value, un.value, t, sn.value)(e);
-		}, pn = d(() => fn(0));
-		function mn(e, t, n, r = !1) {
+			return Tn(bn.value, xn.value, t, vn.value)(e);
+		}, wn = d(() => Cn(0));
+		function Tn(e, t, n, r = !1) {
 			let i = (e, t, n) => Math.max(t, Math.min(n, e)), a = 1e-9, o = Math.max(a, t - e);
 			if (r) return (t) => n - (t - e) / o * n;
 			if (t <= 0) {
@@ -555,8 +597,8 @@ var be = ["data-minimap"], xe = {
 				return (e) => (1 - (i(e / r, -1, 1) + 1) / 2) * n;
 			}
 		}
-		function hn(e, n = !1, ee = !1) {
-			if (!e || !e.length) return {
+		function En(t, i = !1, ee = !1) {
+			if (!t || !t.length) return {
 				fullSet: "",
 				points: [],
 				selectionSet: "",
@@ -569,32 +611,33 @@ var be = ["data-minimap"], xe = {
 				selectionMarkers: [],
 				dashed: !1
 			};
-			let te = Math.max(1, I.value.height), ne = mn(ln.value, un.value, te, sn.value), s = e.length, c = Math.min(Math.max(0, z.value), Math.max(0, s - 1)), re = Math.min(s, Math.max(c + 1, B.value)), l = e.map((e, t) => {
-				let n = e, r = Number.isFinite(n), i = V.value * t + (x.minimapCompact ? 0 : V.value / 2), a = ne(sn.value ? ((e, t, n) => Math.max(t, Math.min(n, e)))(0, ln.value, un.value) : 0);
+			let te = Math.max(1, I.value.height), ne = Tn(bn.value, xn.value, te, vn.value), s = t.length, c = Math.min(Math.max(0, z.value), Math.max(0, s - 1)), re = Math.min(s, Math.max(c + 1, B.value)), l = t.map((e, t) => {
+				let n = Vt(e), r = Number.isFinite(n), i = Ut(e, t), a = ne(vn.value ? ((e, t, n) => Math.max(t, Math.min(n, e)))(0, bn.value, xn.value) : 0);
 				return {
 					x: i,
 					y: r ? ne(n) : NaN,
 					v: n,
-					value: n == null ? null : r ? n : null,
+					value: r ? n : null,
 					y0: a,
-					i: t
+					i: t,
+					xValue: Ht(e, t)
 				};
-			}), ie = (e) => e >= 0 && e < l.length && Number.isFinite(l[e]?.value), u = l.filter((e) => Number.isFinite(e.value) && !ie(e.i - 1) && !ie(e.i + 1)), d = u.filter((e) => e.i >= c && e.i < re), f = l.slice(c, re);
+			}), ie = (e) => e >= 0 && e < l.length && Number.isFinite(l[e]?.value), u = l.filter((e) => Number.isFinite(e.value) && !ie(e.i - 1) && !ie(e.i + 1)), d = x.useValueRange ? u.filter((e) => e.xValue >= Number(C.value) && e.xValue <= Number(w.value)) : u.filter((e) => e.i >= c && e.i < re), f = x.useValueRange ? l.filter((e) => e.xValue >= Number(C.value) && e.xValue <= Number(w.value)) : l.slice(c, re);
 			return {
-				fullSet: l.length >= 2 ? ee ? t(x.cutNullValues ? l : l.filter((e) => e.value != null)) : x.smoothMinimap || n ? x.cutNullValues ? a(l) : o(l.filter((e) => e.value != null)) : x.cutNullValues ? i(l) : r(l.filter((e) => e.value != null)) : "",
+				fullSet: l.length >= 2 ? ee ? e(x.cutNullValues ? l : l.filter((e) => e.value != null)) : x.smoothMinimap || i ? x.cutNullValues ? a(l) : o(l.filter((e) => e.value != null)) : x.cutNullValues ? r(l) : n(l.filter((e) => e.value != null)) : "",
 				points: l,
-				selectionSet: f.length >= 2 ? ee ? t(x.cutNullValues ? f : f.filter((e) => e.value != null)) : x.smoothMinimap || n ? x.cutNullValues ? a(f) : o(f.filter((e) => e.value != null)) : x.cutNullValues ? i(f) : r(f.filter((e) => e.value != null)) : "",
+				selectionSet: f.length >= 2 ? ee ? e(x.cutNullValues ? f : f.filter((e) => e.value != null)) : x.smoothMinimap || i ? x.cutNullValues ? a(f) : o(f.filter((e) => e.value != null)) : x.cutNullValues ? r(f) : n(f.filter((e) => e.value != null)) : "",
 				sliced: f,
-				firstPlot: l[c] || null,
-				lastPlot: l[Math.max(0, re - 1)] || null,
+				firstPlot: x.useValueRange ? f[0] || null : l[c] || null,
+				lastPlot: x.useValueRange ? f[f.length - 1] || null : l[Math.max(0, re - 1)] || null,
 				hasFull: l.length >= 2,
 				hasSelection: f.length >= 2,
 				fullMarkers: u,
 				selectionMarkers: d
 			};
 		}
-		let H = d(() => x.minimap.length ? hn(x.minimap) : []), U = d(() => x.allMinimaps.length ? x.allMinimaps.map((e, t) => {
-			let n = hn(e?.series || [], !!e.smooth, !!e.useStepper), r = e?.id ?? e?.name ?? t;
+		let H = d(() => x.minimap.length ? En(x.minimap) : []), U = d(() => x.allMinimaps.length ? x.allMinimaps.map((e, t) => {
+			let n = En(e?.series || [], !!e.smooth, !!e.useStepper), r = e?.id ?? e?.name ?? t;
 			return {
 				key: typeof r == "object" ? JSON.stringify(r) : String(r),
 				color: e?.color,
@@ -606,58 +649,101 @@ var be = ["data-minimap"], xe = {
 				useStepper: !!e.useStepper
 			};
 		}) : []), W = d(() => {
+			if (x.useValueRange) {
+				let e = zt(C.value), t = zt(w.value);
+				return {
+					x: e,
+					width: Math.max(0, t - e)
+				};
+			}
 			let e = z.value, t = Math.max(e + 1, B.value);
 			return {
 				x: V.value * e + (x.minimapCompact ? 0 : V.value / 2),
 				width: V.value * (t - e) - V.value
 			};
-		}), G = v(x.minimapSelectedIndex), gn = (e) => Math.round(x.min + e), _n = d({
+		}), G = v(x.minimapSelectedIndex), Dn = (e) => Math.round(x.min + e), On = d({
 			get() {
-				return D.value ? z.value : Number(k.value);
+				return jt.value ? z.value : Number(k.value);
 			},
 			set(e) {
-				if (D.value) On(gn(Math.round(+e || 0)));
-				else {
-					let t = Math.round(+e || 0), n = Number(w.value) - 1, r = Math.min(Math.max(x.min, t), n);
-					wn.value && (wn.value.valueAsNumber = r), On(r);
+				if (jt.value) {
+					if (x.useValueRange) {
+						let t = kt(e);
+						Bn(Math.min(Math.max(Number(x.min), t), Number(w.value) - O.value));
+						return;
+					}
+					Bn(Dn(Math.round(+e || 0)));
+				} else {
+					let t = kt(e), n = Number(w.value) - O.value, r = Math.min(Math.max(x.min, t), n);
+					In.value && (In.value.valueAsNumber = r), Bn(r);
 				}
 			}
-		}), vn = d({
+		}), kn = d({
 			get() {
-				return D.value ? Math.max(z.value, B.value - 1) : Number(A.value);
+				return jt.value ? Math.max(z.value, B.value - 1) : Number(A.value);
 			},
 			set(e) {
-				if (D.value) An(gn(Math.round(+e || 0) + 1));
-				else {
-					let t = Math.round(+e || 0), n = Number(C.value) + 1, r = Math.max(n, Math.min(t, x.max));
-					Tn.value && (Tn.value.valueAsNumber = r), An(r);
+				if (jt.value) {
+					if (x.useValueRange) {
+						let t = kt(e);
+						Hn(Math.max(Number(C.value) + O.value, Math.min(t, Number(x.max))));
+						return;
+					}
+					Hn(Dn(Math.round(+e || 0) + 1));
+				} else {
+					let t = kt(e), n = Number(C.value) + O.value, r = Math.max(n, Math.min(t, x.max));
+					Ln.value && (Ln.value.valueAsNumber = r), Hn(r);
 				}
 			}
 		});
-		function yn(e) {
-			G.value = Jt(x.valueStart) + e;
+		function An(e) {
+			if (x.useValueRange) {
+				G.value = Number.isFinite(Number(e)) ? zt(Number(e)) : null;
+				return;
+			}
+			G.value = on(x.valueStart) + e;
 		}
-		let bn = re(yn, 60);
+		let jn = re(An, 60);
 		b(() => x.minimapSelectedIndex, (e, t) => {
 			if ([null, void 0].includes(e)) {
 				G.value = null;
 				return;
 			}
-			e !== t && bn(e);
+			e !== t && jn(e);
 		}, { immediate: !0 });
-		function xn(e) {
+		function Mn(e) {
 			G.value = e;
 			let t = z.value, n = B.value;
 			e >= t && e < n && !X.value && M("trapMouse", e - t);
 		}
-		function Sn(e) {
-			Kt.value && xn(wr(Cr(e.clientX)));
+		function Nn(e) {
+			let t = Bt(e), n = x.allMinimaps.flatMap((e) => (e.series || []).map((e, n) => ({
+				point: e,
+				index: n,
+				x: Number(e?.x),
+				distance: Math.abs(Number(e?.x) - t)
+			}))).filter((e) => Number.isFinite(e.x));
+			return n.length ? n.reduce((e, t) => t.distance < e.distance ? t : e, n[0]) : null;
+		}
+		function Pn(e) {
+			if (!rn.value) return;
+			let t = Fr(e.clientX);
+			if (x.useValueRange) {
+				let e = Nn(t);
+				if (!e) {
+					Fn();
+					return;
+				}
+				G.value = zt(e.x), M("trapMouse", e.index), M("trapMouseValue", e.x);
+				return;
+			}
+			Mn(Ir(t));
 		}
-		function Cn() {
-			G.value = null, M("trapMouse", null);
+		function Fn() {
+			G.value = null, M("trapMouse", null), M("trapMouseValue", null);
 		}
-		let wn = v(null), Tn = v(null);
-		function En(e) {
+		let In = v(null), Ln = v(null);
+		function Rn(e) {
 			if (typeof e == "object" && e && "target" in e) {
 				let t = e.target, n = "valueAsNumber" in t ? t.valueAsNumber : +t.value;
 				return Number.isFinite(n) ? n : NaN;
@@ -665,120 +751,120 @@ var be = ["data-minimap"], xe = {
 			let t = +e;
 			return Number.isFinite(t) ? t : NaN;
 		}
-		let Dn = 0;
-		function On(e) {
+		let zn = 0;
+		function Bn(e) {
 			E.value = !0;
-			let t = En(e);
-			Number.isFinite(t) && (cancelAnimationFrame(Dn), Dn = requestAnimationFrame(() => {
+			let t = Rn(e);
+			Number.isFinite(t) && (cancelAnimationFrame(zn), zn = requestAnimationFrame(() => {
 				k.value = t;
 			}));
 		}
-		let kn = 0;
-		function An(e) {
+		let Vn = 0;
+		function Hn(e) {
 			E.value = !0;
-			let t = En(e);
-			Number.isFinite(t) && (cancelAnimationFrame(kn), kn = requestAnimationFrame(() => {
+			let t = Rn(e);
+			Number.isFinite(t) && (cancelAnimationFrame(Vn), Vn = requestAnimationFrame(() => {
 				A.value = t;
 			}));
 		}
 		le(() => {
-			cancelAnimationFrame(Dn), cancelAnimationFrame(kn);
+			cancelAnimationFrame(zn), cancelAnimationFrame(Vn);
 		});
-		let jn = d(() => x.valueEnd - x.valueStart), Mn = d(() => jn.value < x.max - x.min), Nn = v(!1), Pn = v(null), Fn = d(() => (Pt.value - 48) / (x.max - x.min) * jn.value), In = d(() => Math.max(1, Pt.value - Tt - Fn.value)), Ln = d(() => Math.max(1, x.max - x.min - jn.value)), Rn = d(() => Ln.value / In.value), zn = v(0), Bn = v(0), Vn = v(0), Hn = v(0), K = null, q = null, J = null, Y = null, Un = v(x.min);
-		function Wn(e) {
+		let Un = d(() => x.valueEnd - x.valueStart), Wn = d(() => Un.value < x.max - x.min), Gn = v(!1), Kn = v(null), qn = d(() => (Gt.value - 48) / (x.max - x.min) * Un.value), Jn = d(() => Math.max(1, Gt.value - Et - qn.value)), Yn = d(() => Math.max(1, x.max - x.min - Un.value)), Xn = d(() => Yn.value / Jn.value), Zn = v(0), Qn = v(0), $n = v(0), er = v(0), K = null, q = null, J = null, Y = null, tr = v(x.min);
+		function nr(e) {
 			if (!S.value) return x.min;
-			let t = S.value.getBoundingClientRect(), n = t.left + Tt / 2, r = t.right - Tt / 2, i = Math.max(1, r - n), a = (Math.max(n, Math.min(e, r)) - n) / i, o = Math.max(1, x.max - x.min);
+			let t = S.value.getBoundingClientRect(), n = t.left + Et / 2, r = t.right - Et / 2, i = Math.max(1, r - n), a = (Math.max(n, Math.min(e, r)) - n) / i, o = Math.max(1, x.max - x.min);
 			return Math.round(x.min + a * o);
 		}
-		let Gn = async (t) => {
+		let rr = async (e) => {
 			if (E.value = !0, Z.value = !0, !x.enableSelectionDrag) return;
-			let n = t.type === "touchstart";
-			n || t.stopPropagation();
-			let r = n && t.targetTouches && t.targetTouches[0] ? t.targetTouches[0] : null, i = n ? r ? r.target : null : t.target;
-			if (!i || !(i instanceof Element) || i.classList?.contains("range-handle") || i.classList?.contains("vue-ui-zoom-compact-minimap-handle") || i.closest(".vue-ui-zoom-compact-minimap-handle")) return;
-			Nn.value = !0;
-			let a = n ? r ? r.clientX : 0 : t.clientX;
-			if (Pn.value = a, zn.value = a, x.focusOnDrag && !Mn.value && S.value) {
-				Un.value = Wn(a);
-				let t = Math.min(.95, Math.max(.05, x.focusRangeRatio)), n = x.max - x.min, r = Math.max(1, Math.round(n * t)), i = Math.floor(r / 2), o = Un.value - i;
-				o = Math.max(x.min, Math.min(o, x.max - r));
-				let ee = Math.min(x.max, o + r);
-				k.value = o, A.value = ee, Ft(o), It(ee), e(S.value, "mouseup"), await se(), e(S.value, "mousedown", { clientX: a });
+			let t = e.type === "touchstart";
+			t || e.stopPropagation();
+			let n = t && e.targetTouches && e.targetTouches[0] ? e.targetTouches[0] : null, r = t ? n ? n.target : null : e.target;
+			if (!r || !(r instanceof Element) || r.classList?.contains("range-handle") || r.classList?.contains("vue-ui-zoom-compact-minimap-handle") || r.closest(".vue-ui-zoom-compact-minimap-handle")) return;
+			Gn.value = !0;
+			let a = t ? n ? n.clientX : 0 : e.clientX;
+			if (Kn.value = a, Zn.value = a, x.focusOnDrag && !Wn.value && S.value) {
+				tr.value = nr(a);
+				let e = Math.min(.95, Math.max(.05, x.focusRangeRatio)), t = x.max - x.min, n = Math.max(1, Math.round(t * e)), r = Math.floor(n / 2), o = tr.value - r;
+				o = Math.max(x.min, Math.min(o, x.max - n));
+				let ee = Math.min(x.max, o + n);
+				k.value = o, A.value = ee, Kt(o), qt(ee), i(S.value, "mouseup"), await se(), i(S.value, "mousedown", { clientX: a });
 			}
-			Bn.value = C.value, Vn.value = w.value, Hn.value = Rn.value, K = n ? "touchmove" : "mousemove", q = n ? "touchend" : "mouseup", J = n ? qn : Kn, Y = n ? Xn : Yn, window.addEventListener(K, J, { passive: !1 }), window.addEventListener(q, Y);
+			Qn.value = C.value, $n.value = w.value, er.value = Xn.value, K = t ? "touchmove" : "mousemove", q = t ? "touchend" : "mouseup", J = t ? ar : ir, Y = t ? cr : sr, window.addEventListener(K, J, { passive: !1 }), window.addEventListener(q, Y);
 		};
-		function Kn(e) {
-			Nn.value && Jn(e.clientX);
+		function ir(e) {
+			Gn.value && or(e.clientX);
 		}
-		function qn(e) {
-			if (!Nn.value || !S.value) return;
+		function ar(e) {
+			if (!Gn.value || !S.value) return;
 			let t = e.target;
 			if (!(t instanceof Element) || !S.value.contains(t) || t.classList && t.classList.contains("range-handle")) return;
 			e.preventDefault();
 			let n = e.targetTouches && e.targetTouches[0] ? e.targetTouches[0] : null;
-			n && Jn(n.clientX);
+			n && or(n.clientX);
 		}
-		function Jn(e) {
-			if (!Nn.value) return;
-			let t = Wn(zn.value), n = Wn(e) - t, r = Math.round(Bn.value + n);
-			r = Math.max(x.min, Math.min(r, x.max - jn.value));
-			let i = r + jn.value;
-			k.value = r, A.value = i, Ft(r), It(i);
+		function or(e) {
+			if (!Gn.value) return;
+			let t = nr(Zn.value), n = nr(e) - t, r = Math.round(Qn.value + n);
+			r = Math.max(x.min, Math.min(r, x.max - Un.value));
+			let i = r + Un.value;
+			k.value = r, A.value = i, Kt(r), qt(i);
 		}
-		function Yn() {
-			Zn();
+		function sr() {
+			lr();
 		}
-		function Xn() {
-			Zn();
+		function cr() {
+			lr();
 		}
-		function Zn() {
-			Nn.value = !1, K && J && window.removeEventListener(K, J), q && Y && window.removeEventListener(q, Y), K = q = null, J = Y = null, j();
+		function lr() {
+			Gn.value = !1, K && J && window.removeEventListener(K, J), q && Y && window.removeEventListener(q, Y), K = q = null, J = Y = null, j();
 		}
-		let X = v(!1), Qn = v(null), $n = v(null), er = v(1), tr = v(1), Z = v(!1);
-		function nr() {
-			if (Qn.value) {
-				let e = Math.round(Qn.value.getBoundingClientRect().width);
-				e !== er.value && (er.value = e);
+		let X = v(!1), ur = v(null), dr = v(null), fr = v(1), pr = v(1), Z = v(!1);
+		function mr() {
+			if (ur.value) {
+				let e = Math.round(ur.value.getBoundingClientRect().width);
+				e !== fr.value && (fr.value = e);
 			}
 		}
-		function rr() {
-			if ($n.value) {
-				let e = Math.round($n.value.getBoundingClientRect().width);
-				e !== tr.value && (tr.value = e);
+		function hr() {
+			if (dr.value) {
+				let e = Math.round(dr.value.getBoundingClientRect().width);
+				e !== pr.value && (pr.value = e);
 			}
 		}
 		de(() => {
-			nr(), rr();
+			mr(), hr();
 		});
-		let ir = v(0);
-		function ar(e) {
-			ir.value = +(e === "start");
+		let gr = v(0);
+		function _r(e) {
+			gr.value = +(e === "start");
 		}
-		let or = v(!1), sr = v({
+		let vr = v(!1), yr = v({
 			width: 0,
 			left: 0
 		});
 		b([C, w], async () => {
-			if (await se(), !Qn.value || !$n.value) {
-				or.value = !1, sr.value = {
+			if (await se(), !ur.value || !dr.value) {
+				vr.value = !1, yr.value = {
 					width: 0,
 					left: 0
 				};
 				return;
 			}
-			let e = Qn.value.getBoundingClientRect(), t = $n.value.getBoundingClientRect();
-			or.value = e.x + e.width > t.x;
+			let e = ur.value.getBoundingClientRect(), t = dr.value.getBoundingClientRect();
+			vr.value = e.x + e.width > t.x;
 			let n = e.x + e.width / 2, r = t.x + t.width / 2, i = e.width + t.width;
-			sr.value = {
+			yr.value = {
 				width: i,
 				left: (n + r) / 2 - i / 2
 			};
 		}), de(() => {
-			nr(), rr();
+			mr(), hr();
 		}), b(() => x.labelLeft, () => {
-			se(nr);
+			se(mr);
 		}, { deep: !0 }), b(() => x.labelRight, () => {
-			se(rr);
+			se(hr);
 		}, { deep: !0 });
 		let Q = d(() => {
 			let e = "", t = "", n = !1;
@@ -790,10 +876,10 @@ var be = ["data-minimap"], xe = {
 					timeLabel: x.preciseLabels[C.value],
 					side: "left"
 				}), i = x.customFormat({
-					absoluteIndex: w.value - 1,
+					absoluteIndex: It.value,
 					seriesIndex: -1,
 					datapoint: x.selectedSeries,
-					timeLabel: x.preciseLabels[w.value - 1],
+					timeLabel: x.useValueRange ? null : x.preciseLabels[It.value],
 					side: "right"
 				});
 				typeof r == "string" && typeof i == "string" && (e = r, t = i, n = !0);
@@ -801,7 +887,7 @@ var be = ["data-minimap"], xe = {
 				n = !1;
 			}
 			if (!n) {
-				let n = x.usePreciseLabels ? x.preciseLabels.find((e) => e.absoluteIndex === C.value) : x.timeLabels.find((e) => e.absoluteIndex === C.value), r = x.usePreciseLabels ? x.preciseLabels.find((e) => e.absoluteIndex === w.value - 1) : x.timeLabels.find((e) => e.absoluteIndex === w.value - 1);
+				let n = x.useValueRange ? { text: String(Math.round(C.value * 1e3) / 1e3) } : x.usePreciseLabels ? x.preciseLabels.find((e) => e.absoluteIndex === C.value) : x.timeLabels.find((e) => e.absoluteIndex === C.value), r = x.useValueRange ? { text: String(Math.round(w.value * 1e3) / 1e3) } : x.usePreciseLabels ? x.preciseLabels.find((e) => e.absoluteIndex === It.value) : x.timeLabels.find((e) => e.absoluteIndex === It.value);
 				e = n ? n.text : "", t = r ? r.text : "";
 			}
 			return {
@@ -812,8 +898,21 @@ var be = ["data-minimap"], xe = {
 		le(() => {
 			L.value && L.value.disconnect(), K && J && window.removeEventListener(K, J), q && Y && window.removeEventListener(q, Y), K = q = null, J = Y = null, clearTimeout(null);
 		});
-		let cr = d(() => {
-			if (!Kt.value) return null;
+		let br = d(() => {
+			if (!rn.value || G.value === null) return null;
+			if (x.useValueRange) {
+				let e = G.value;
+				return e < W.value.x || e > W.value.x + W.value.width ? null : {
+					x1: e,
+					x2: e,
+					y1: 0,
+					y2: Math.max(I.value.height, 0),
+					stroke: x.minimapIndicatorColor,
+					"stroke-linecap": "round",
+					"stroke-dasharray": 2,
+					"stroke-width": 1
+				};
+			}
 			if (G.value >= z.value && G.value < B.value) {
 				let e = G.value, t = V.value * e + (x.minimapCompact ? 0 : V.value / 2);
 				return {
@@ -828,54 +927,54 @@ var be = ["data-minimap"], xe = {
 				};
 			}
 			return null;
-		}), lr = d(() => Number(C.value) < Number(w.value) - 1), ur = d(() => Number(C.value) > Number(x.min)), dr = d(() => Number(w.value) < Number(x.max)), fr = d(() => Number(w.value) > Number(C.value) + 1);
-		function pr(e) {
+		}), xr = d(() => Number(C.value) < Number(w.value) - 1), Sr = d(() => Number(C.value) > Number(x.min)), Cr = d(() => Number(w.value) < Number(x.max)), wr = d(() => Number(w.value) > Number(C.value) + 1);
+		function Tr(e) {
 			let t = Number(C.value) + e;
-			e > 0 && !lr.value || e < 0 && !ur.value || (E.value = !0, k.value = t, j());
+			e > 0 && !xr.value || e < 0 && !Sr.value || (E.value = !0, k.value = t, j());
 		}
-		function mr(e) {
+		function Er(e) {
 			let t = Number(w.value) + e;
-			e > 0 && !dr.value || e < 0 && !fr.value || (E.value = !0, A.value = t, j());
+			e > 0 && !Cr.value || e < 0 && !wr.value || (E.value = !0, A.value = t, j());
 		}
-		let hr = {
-			plus: () => pr(1),
-			minus: () => pr(-1),
-			canPlus: lr,
-			canMinus: ur
-		}, gr = {
-			plus: () => mr(1),
-			minus: () => mr(-1),
-			canPlus: dr,
-			canMinus: fr
+		let Dr = {
+			plus: () => Tr(1),
+			minus: () => Tr(-1),
+			canPlus: xr,
+			canMinus: Sr
+		}, Or = {
+			plus: () => Er(1),
+			minus: () => Er(-1),
+			canPlus: Cr,
+			canMinus: wr
 		};
-		function _r(e) {
-			if (!e || vr(e.target)) return;
+		function kr(e) {
+			if (!e || Ar(e.target)) return;
 			let t = e.key, n = t === "ArrowLeft" || t === "ArrowDown" || t === "-" || t === "Subtract", r = t === "ArrowRight" || t === "ArrowUp" || t === "+" || t === "Add";
-			!n && !r || (e.preventDefault(), e.stopPropagation(), r ? (hr.plus(), gr.plus()) : (hr.minus(), gr.minus()));
+			!n && !r || (e.preventDefault(), e.stopPropagation(), r ? (Dr.plus(), Or.plus()) : (Dr.minus(), Or.minus()));
 		}
-		function vr(e) {
+		function Ar(e) {
 			return e instanceof HTMLElement && (e.isContentEditable || e.tagName === "INPUT" || e.tagName === "TEXTAREA" || e.tagName === "SELECT");
 		}
-		function yr(e) {
+		function jr(e) {
 			if (!T.value || !x.minimapCompact) return;
 			let t = S.value;
 			if (!t) return;
 			let n = e === "start" ? "[data-cy=\"slicer-compact-handle-left\"]" : "[data-cy=\"slicer-compact-handle-right\"]", r = t.querySelector(n);
 			r && r instanceof SVGElement && typeof r.focus == "function" && r.focus();
 		}
-		function br(e, t) {
-			if (!t || vr(t.target)) return;
+		function Mr(e, t) {
+			if (!t || Ar(t.target)) return;
 			let n = t.key, r = n === "ArrowLeft" || n === "ArrowDown" || n === "-" || n === "Subtract", i = n === "ArrowRight" || n === "ArrowUp" || n === "+" || n === "Add";
-			!r && !i || (t.preventDefault(), t.stopPropagation(), e === "start" ? i ? hr.plus() : hr.minus() : i ? gr.plus() : gr.minus(), se(() => yr(e)));
+			!r && !i || (t.preventDefault(), t.stopPropagation(), e === "start" ? i ? Dr.plus() : Dr.minus() : i ? Or.plus() : Or.minus(), se(() => jr(e)));
 		}
-		let xr = d(() => ({
+		let Nr = d(() => ({
 			tabindex: 0,
 			role: "slider",
 			"aria-label": "Range start",
 			"aria-valuemin": Number(x.min),
 			"aria-valuemax": Math.max(Number(x.min), Number(w.value) - 1),
 			"aria-valuenow": Number(C.value)
-		})), Sr = d(() => ({
+		})), Pr = d(() => ({
 			tabindex: 0,
 			role: "slider",
 			"aria-label": "Range end",
@@ -883,53 +982,66 @@ var be = ["data-minimap"], xe = {
 			"aria-valuemax": Number(x.max),
 			"aria-valuenow": Number(w.value)
 		}));
-		function Cr(e) {
-			if (!Mt.value) return 0;
-			let t = Mt.value.getBoundingClientRect();
+		function Fr(e) {
+			if (!Ft.value) return 0;
+			let t = Ft.value.getBoundingClientRect();
 			return t.width ? (e - t.left) / t.width * I.value.width : 0;
 		}
-		function wr(e) {
+		function Ir(e) {
 			let t = (e - (x.minimapCompact ? 0 : V.value / 2)) / Math.max(1, V.value);
 			return Math.max(0, Math.min(Math.max(0, R.value - 1), Math.round(t)));
 		}
-		function Tr(e) {
-			let t = wr(e);
-			if (O.value === "start") {
+		function Lr(e) {
+			if (x.useValueRange) {
+				let t = Bt(e);
+				if (D.value === "start") {
+					let e = Math.min(t, Number(w.value) - O.value);
+					k.value = e, Kt(e);
+					return;
+				}
+				if (D.value === "end") {
+					let e = Math.max(Number(C.value) + O.value, t), n = Math.min(Number(x.max), e);
+					A.value = n, qt(n);
+					return;
+				}
+			}
+			let t = Ir(e);
+			if (D.value === "start") {
 				let e = Math.min(x.min + t, Number(w.value) - 1);
-				k.value = e, Ft(e);
+				k.value = e, Kt(e);
 				return;
 			}
-			if (O.value === "end") {
+			if (D.value === "end") {
 				let e = Math.max(Number(C.value) + 1, x.min + t + 1), n = Math.min(x.max, e);
-				A.value = n, It(n);
+				A.value = n, qt(n);
 			}
 		}
-		function Er(e) {
-			if (!O.value || !F.value) return;
-			let t = e.clientX - At.value;
-			if (!kt.value) {
+		function Rr(e) {
+			if (!D.value || !F.value) return;
+			let t = e.clientX - Nt.value;
+			if (!Mt.value) {
 				if (Math.abs(t) < 4) return;
-				kt.value = !0, E.value = !0, Z.value = !0;
+				Mt.value = !0, E.value = !0, Z.value = !0;
 			}
-			let n = Cr(e.clientX) - jt.value;
-			Tr(O.value === "start" ? n + Nt.value : n);
+			let n = Fr(e.clientX) - Pt.value;
+			Lr(D.value === "start" ? n + Wt.value : n);
 		}
-		function Dr() {
-			if (!O.value) return;
-			window.removeEventListener("mousemove", Er, !0), window.removeEventListener("mouseup", Dr, !0);
-			let e = kt.value;
-			O.value = null, kt.value = !1, At.value = 0, jt.value = 0, e && j();
+		function zr() {
+			if (!D.value) return;
+			window.removeEventListener("mousemove", Rr, !0), window.removeEventListener("mouseup", zr, !0);
+			let e = Mt.value;
+			D.value = null, Mt.value = !1, Nt.value = 0, Pt.value = 0, e && j();
 		}
-		function Or(e, t) {
+		function Br(e, t) {
 			if (!T.value || !x.minimapCompact || !F.value) return;
 			t.preventDefault(), t.stopPropagation();
-			let n = Cr(t.clientX), r = e === "start" ? W.value.x - Nt.value : W.value.x + W.value.width;
-			O.value = e, kt.value = !1, At.value = t.clientX, jt.value = n - r, window.addEventListener("mousemove", Er, !0), window.addEventListener("mouseup", Dr, !0);
+			let n = Fr(t.clientX), r = e === "start" ? W.value.x - Wt.value : W.value.x + W.value.width;
+			D.value = e, Mt.value = !1, Nt.value = t.clientX, Pt.value = n - r, window.addEventListener("mousemove", Rr, !0), window.addEventListener("mouseup", zr, !0);
 		}
-		let kr = d(() => z.value), Ar = d(() => Math.max(z.value, B.value - 1));
+		let Vr = d(() => z.value), Hr = d(() => Math.max(z.value, B.value - 1));
 		d(() => {
 			if (!T.value || !x.minimapCompact || !x.allMinimaps.length) return [];
-			let e = kr.value, t = Ar.value;
+			let e = Vr.value, t = Hr.value;
 			return U.value.flatMap((n) => {
 				if (!n?.isVisible || !["line", "plot"].includes(n.type) || !n.type) return [];
 				let r = [], i = n.points?.find((t) => t.i === e && t.value !== null), a = n.points?.find((e) => e.i === t && e.value !== null);
@@ -946,10 +1058,10 @@ var be = ["data-minimap"], xe = {
 				}), r;
 			});
 		});
-		let $ = d(() => Math.min(40, Math.max(20, x.handleWidth))), jr = d(() => W.value.x - $.value), Mr = d(() => W.value.x + W.value.width);
-		return Et({
-			setStartValue: On,
-			setEndValue: An
+		let $ = d(() => Math.min(40, Math.max(20, x.handleWidth))), Ur = d(() => W.value.x - $.value), Wr = d(() => W.value.x + W.value.width);
+		return Dt({
+			setStartValue: Bn,
+			setEndValue: Hn
 		}), (e, t) => (_(), p("div", {
 			"data-minimap": T.value,
 			"data-dom-to-png-ignore": "",
@@ -960,9 +1072,9 @@ var be = ["data-minimap"], xe = {
 			class: "vue-data-ui-zoom",
 			ref_key: "zoomWrapper",
 			ref: S,
-			onMousedown: Gn,
-			onTouchstart: Gn
-		}, [m("div", xe, [s.valueStart !== s.refreshStartPoint || s.valueEnd !== Lt.value ? (_(), p("div", Se, [fe(e.$slots, "reset-action", { reset: qt }, () => [m("button", {
+			onMousedown: rr,
+			onTouchstart: rr
+		}, [m("div", xe, [s.valueStart !== s.refreshStartPoint || s.valueEnd !== Jt.value ? (_(), p("div", Se, [fe(e.$slots, "reset-action", { reset: an }, () => [m("button", {
 			tabindex: "0",
 			role: "button",
 			class: "vue-data-ui-refresh-button",
@@ -970,7 +1082,7 @@ var be = ["data-minimap"], xe = {
 				top: T.value ? "36px" : "-16px",
 				cursor: s.isCursorPointer ? "pointer" : "default"
 			}),
-			onClick: qt
+			onClick: an
 		}, [ae(ie, {
 			name: "refresh",
 			stroke: s.textColor
@@ -987,14 +1099,14 @@ var be = ["data-minimap"], xe = {
 		}, [
 			T.value ? (_(), p("div", Ce, [(_(), p("svg", {
 				ref_key: "minimapSvg",
-				ref: Mt,
+				ref: Ft,
 				key: `mm-${s.minimapMerged ? "merged" : "split"}-${s.minimapCompact ? "compact" : "normal"}`,
 				xmlns: me(ne),
 				viewBox: `0 0 ${Math.max(0, I.value.width)} ${Math.max(0, I.value.height)}`,
 				preserveAspectRatio: "none"
 			}, [
 				m("defs", null, [m("linearGradient", {
-					id: Ot.value,
+					id: At.value,
 					x1: "0%",
 					y1: "0%",
 					x2: "0%",
@@ -1005,7 +1117,12 @@ var be = ["data-minimap"], xe = {
 				}, null, 8, Ee), t[20] ||= m("stop", {
 					offset: "100%",
 					"stop-color": "transparent"
-				}, null, -1)], 8, Te)]),
+				}, null, -1)], 8, Te), m("clipPath", { id: `selection_clip_${At.value}` }, [m("rect", {
+					x: W.value.x,
+					y: "0",
+					width: Math.max(0, W.value.width),
+					height: Math.max(I.value.height, 0)
+				}, null, 8, Oe)], 8, De)]),
 				s.minimapCompact ? (_(), p("rect", {
 					key: 0,
 					class: "vue-ui-zoom-minimap-frame",
@@ -1016,7 +1133,7 @@ var be = ["data-minimap"], xe = {
 					fill: "none",
 					stroke: s.minimapFrameColor,
 					rx: 3
-				}, null, 8, De)) : f("", !0),
+				}, null, 8, ke)) : f("", !0),
 				e.$slots.slotMap ? f("", !0) : (_(), p(u, { key: 1 }, [s.minimapMerged ? (_(), p("path", {
 					key: 0,
 					d: `M${H.value.fullSet}`,
@@ -1026,22 +1143,22 @@ var be = ["data-minimap"], xe = {
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					style: { opacity: "0.6" }
-				}, null, 8, Oe)) : f("", !0), s.minimapMerged && !s.minimapCompact ? (_(), p("path", {
+				}, null, 8, Ae)) : f("", !0), s.minimapMerged && !s.minimapCompact ? (_(), p("path", {
 					key: 1,
 					d: `M${V.value / 2},${Math.max(I.value.height, 0)} ${H.value.fullSet} L${I.value.width - V.value / 2},${Math.max(I.value.height, 0)}Z`,
-					fill: `url(#${Ot.value})`,
+					fill: `url(#${At.value})`,
 					stroke: "none",
 					style: { opacity: "0.6" }
-				}, null, 8, ke)) : s.minimapMerged ? f("", !0) : (_(), p(u, { key: 2 }, [
+				}, null, 8, je)) : s.minimapMerged ? f("", !0) : (_(), p(u, { key: 2 }, [
 					(_(!0), p(u, null, y(U.value.filter((e) => e.type === "bar" && e.isVisible), (e, t) => (_(), p("g", null, [(_(!0), p(u, null, y(e.points, (n, r) => (_(), p(u, null, [e && !isNaN(n.y) ? (_(), p("rect", {
 						key: 0,
-						x: tn(n.x, t, r),
+						x: pn(n.x, t, r),
 						y: n.v >= 0 ? n.y : n.y0,
-						width: nn(t, r),
+						width: mn(t, r),
 						height: n.v >= 0 ? n.y0 - n.y : n.y - n.y0,
 						fill: e.color,
 						style: { opacity: .6 }
-					}, null, 8, Ae)) : f("", !0)], 64))), 256))]))), 256)),
+					}, null, 8, Me)) : f("", !0)], 64))), 256))]))), 256)),
 					(_(!0), p(u, null, y(U.value.filter((e) => e.type === "line"), (e) => (_(), p("g", null, [e.isVisible ? (_(), p("path", {
 						key: 0,
 						d: `M ${e.fullSet}`,
@@ -1049,7 +1166,7 @@ var be = ["data-minimap"], xe = {
 						stroke: e.color,
 						style: { opacity: "0.6" },
 						"stroke-dasharray": e.dashed ? "2 4" : 0
-					}, null, 8, je)) : f("", !0), e.isVisible && s.cutNullValues ? (_(!0), p(u, { key: 1 }, y(e.fullMarkers, (t) => (_(), p("circle", {
+					}, null, 8, Ne)) : f("", !0), e.isVisible && s.cutNullValues ? (_(!0), p(u, { key: 1 }, y(e.fullMarkers, (t) => (_(), p("circle", {
 						key: `sel-dot-under-${e.key}-${t.i}`,
 						cx: t.x,
 						cy: t.y,
@@ -1058,7 +1175,7 @@ var be = ["data-minimap"], xe = {
 						stroke: P.value,
 						"stroke-width": "0.5",
 						style: { opacity: "0.6" }
-					}, null, 8, Me))), 128)) : f("", !0)]))), 256)),
+					}, null, 8, Pe))), 128)) : f("", !0)]))), 256)),
 					(_(!0), p(u, null, y(U.value.filter((e) => e.type === "plot"), (e) => (_(), p("g", null, [(_(!0), p(u, null, y(e.points, (t) => (_(), p("g", null, [e.isVisible && t.value !== null ? (_(), p("circle", {
 						key: `sel-plot-under-${e.key}-${t.i}`,
 						cx: t.x,
@@ -1068,7 +1185,7 @@ var be = ["data-minimap"], xe = {
 						stroke: P.value,
 						"stroke-width": "0.5",
 						style: { opacity: "0.6" }
-					}, null, 8, Ne)) : f("", !0)]))), 256))]))), 256))
+					}, null, 8, Fe)) : f("", !0)]))), 256))]))), 256))
 				], 64))], 64)),
 				m("rect", {
 					x: W.value.x,
@@ -1078,7 +1195,7 @@ var be = ["data-minimap"], xe = {
 					fill: P.value,
 					rx: s.minimapSelectionRadius,
 					stroke: "none"
-				}, null, 8, Pe),
+				}, null, 8, Ie),
 				m("rect", {
 					x: W.value.x,
 					y: 0,
@@ -1086,8 +1203,8 @@ var be = ["data-minimap"], xe = {
 					height: Math.max(I.value.height, 0),
 					rx: s.minimapSelectionRadius,
 					fill: P.value,
-					style: g({ opacity: Nn.value || E.value ? 0 : 1 })
-				}, null, 12, Fe),
+					style: g({ opacity: Gn.value || E.value ? 0 : 1 })
+				}, null, 12, Le),
 				m("rect", {
 					x: W.value.x,
 					y: 0,
@@ -1103,34 +1220,28 @@ var be = ["data-minimap"], xe = {
 					"aria-valuemax": Number(x.max),
 					"aria-valuenow": Number(C.value),
 					"aria-valuetext": Q.value.left && Q.value.right ? `${Q.value.left} – ${Q.value.right}` : void 0,
-					onKeydown: _r
-				}, null, 44, Ie),
-				!s.minimapMerged && dn.value < 0 ? (_(), p("line", {
+					onKeydown: kr
+				}, null, 44, Re),
+				!s.minimapMerged && Sn.value < 0 ? (_(), p("line", {
 					key: 2,
 					class: "slicer-minimap-zero-line",
 					x1: 0,
 					x2: I.value.width,
-					y1: pn.value,
-					y2: pn.value,
+					y1: wn.value,
+					y2: wn.value,
 					stroke: s.minimapFrameColor,
 					"stroke-width": "0.5"
-				}, null, 8, Le)) : f("", !0),
-				e.$slots.slotMap ? f("", !0) : (_(), p(u, { key: 3 }, [s.minimapMerged ? (_(), p("g", Re, [
+				}, null, 8, ze)) : f("", !0),
+				e.$slots.slotMap ? f("", !0) : (_(), p(u, { key: 3 }, [s.minimapMerged ? (_(), p("g", Be, [
 					H.value && H.value.sliced && H.value.sliced.length ? (_(), p(u, { key: 0 }, [H.value.selectionSet ? (_(), p("path", {
 						key: 0,
-						d: `M${H.value.sliced[0].x},${Math.max(I.value.height, 0)} ${H.value.selectionSet} L${H.value.sliced[H.value.sliced.length - 1].x},${Math.max(I.value.height, 0)}Z`,
-						fill: `url(#${Ot.value})`,
-						stroke: "none",
-						style: { opacity: "1" }
-					}, null, 8, ze)) : f("", !0), H.value.selectionSet ? (_(), p("path", {
-						key: 1,
 						d: `M ${H.value.selectionSet}`,
 						stroke: `${s.minimapLineColor}`,
 						fill: "transparent",
 						"stroke-width": "2",
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round"
-					}, null, 8, Be)) : f("", !0)], 64)) : f("", !0),
+					}, null, 8, Ve)) : f("", !0)], 64)) : f("", !0),
 					H.value && H.value.firstPlot ? (_(), p("circle", {
 						key: 1,
 						cx: H.value.firstPlot.x,
@@ -1139,7 +1250,7 @@ var be = ["data-minimap"], xe = {
 						stroke: P.value,
 						r: "3",
 						fill: s.minimapLineColor
-					}, null, 8, Ve)) : f("", !0),
+					}, null, 8, He)) : f("", !0),
 					H.value && H.value.lastPlot ? (_(), p("circle", {
 						key: 2,
 						cx: H.value.lastPlot.x,
@@ -1148,17 +1259,17 @@ var be = ["data-minimap"], xe = {
 						stroke: P.value,
 						r: "3",
 						fill: s.minimapLineColor
-					}, null, 8, He)) : f("", !0)
-				])) : (_(), p("g", Ue, [
+					}, null, 8, Ue)) : f("", !0)
+				])) : (_(), p("g", We, [
 					(_(!0), p(u, null, y(U.value.filter((e) => e.type === "bar" && e.isVisible), (e, t) => (_(), p("g", null, [(_(!0), p(u, null, y(e.points, (n, r) => (_(), p(u, null, [e && !isNaN(n.y) ? (_(), p("rect", {
 						key: 0,
-						x: tn(n.x, t, r),
+						x: pn(n.x, t, r),
 						y: n.v >= 0 ? n.y : n.y0,
-						width: nn(t, r),
+						width: mn(t, r),
 						height: n.v >= 0 ? n.y0 - n.y : n.y - n.y0,
 						fill: e.color,
 						style: g({ opacity: +(r >= k.value && r < A.value) })
-					}, null, 12, We)) : f("", !0)], 64))), 256))]))), 256)),
+					}, null, 12, Ge)) : f("", !0)], 64))), 256))]))), 256)),
 					(_(!0), p(u, null, y(U.value.filter((e) => e.type === "line"), (e, t) => (_(), p("g", { key: String(e.key) }, [e && e.hasSelection && e.selectionSet && e.isVisible ? (_(), p("path", {
 						key: 0,
 						d: `M ${e.selectionSet}`,
@@ -1168,8 +1279,8 @@ var be = ["data-minimap"], xe = {
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round",
 						"stroke-dasharray": e.dashed ? "2 4" : 0
-					}, null, 8, Ge)) : f("", !0)]))), 128)),
-					(_(!0), p(u, null, y(U.value.filter((e) => e.type === "plot"), (e) => (_(), p("g", { key: String(e.key) }, [(_(!0), p(u, null, y(e.points, (t) => (_(), p("g", null, [e.isVisible && t.value !== null ? (_(), p("circle", {
+					}, null, 8, Ke)) : f("", !0)]))), 128)),
+					(_(!0), p(u, null, y(U.value.filter((e) => e.type === "plot"), (e) => (_(), p("g", { key: String(e.key) }, [(_(!0), p(u, null, y(e.sliced, (t) => (_(), p("g", null, [e.isVisible && t.value !== null ? (_(), p("circle", {
 						key: 0,
 						cx: t.x,
 						cy: t.y,
@@ -1178,15 +1289,15 @@ var be = ["data-minimap"], xe = {
 						stroke: P.value,
 						"stroke-width": "0.5",
 						style: { opacity: "0.6" }
-					}, null, 8, Ke)) : f("", !0)]))), 256))]))), 128))
+					}, null, 8, qe)) : f("", !0)]))), 256))]))), 128))
 				]))], 64)),
 				e.$slots.slotMap ? fe(e.$slots, "slotMap", ce(oe({ key: 4 }, {
 					width: Math.max(0, I.value.width),
 					height: Math.max(0, I.value.height),
-					zeroY: pn.value,
+					zeroY: wn.value,
 					unitW: Math.max(0, V.value)
 				})), void 0, !0) : f("", !0),
-				G.value !== null && !X.value ? (_(), p("line", ce(oe({ key: 5 }, cr.value)), null, 16)) : f("", !0),
+				G.value !== null && !X.value ? (_(), p("line", ce(oe({ key: 5 }, br.value)), null, 16)) : f("", !0),
 				m("rect", {
 					x: 0,
 					y: 0,
@@ -1196,13 +1307,13 @@ var be = ["data-minimap"], xe = {
 					style: g([{ "pointer-events": "all !important" }, { cursor: s.enableSelectionDrag ? X.value ? "grabbing" : "grab" : "default" }]),
 					onMousedown: t[0] ||= (e) => X.value = !0,
 					onMouseup: t[1] ||= (e) => X.value = !1,
-					onMousemove: Sn,
-					onMouseleave: Cn
-				}, null, 44, qe),
+					onMousemove: Pn,
+					onMouseleave: Fn
+				}, null, 44, Je),
 				T.value && s.minimapCompact ? (_(), p(u, { key: 6 }, [
 					m("rect", {
 						class: "vue-ui-zoom-compact-minimap-handle",
-						x: jr.value,
+						x: Ur.value,
 						y: 0,
 						width: $.value,
 						height: I.value.height,
@@ -1210,11 +1321,11 @@ var be = ["data-minimap"], xe = {
 						stroke: s.handleBorderColor || s.textColor,
 						"stroke-width": s.handleBorderWidth,
 						rx: 3
-					}, null, 8, Je),
+					}, null, 8, Ye),
 					s.handleType && s.handleType !== "empty" ? (_(), p("g", {
 						key: 0,
 						class: "compact-handle-icon",
-						transform: `translate(${jr.value}, 0)`,
+						transform: `translate(${Ur.value}, 0)`,
 						style: { "pointer-events": "none" }
 					}, [(_(), p("svg", {
 						width: $.value,
@@ -1229,7 +1340,7 @@ var be = ["data-minimap"], xe = {
 						"stroke-width": .618,
 						"stroke-linejoin": "round",
 						"stroke-linecap": "round"
-					}, null, 8, Ze)) : s.handleType === "chevron" ? (_(), p("path", {
+					}, null, 8, Qe)) : s.handleType === "chevron" ? (_(), p("path", {
 						key: 1,
 						d: "M 6 7 L 4 10 L 6 13 M 14 7 L 16 10 L 14 13",
 						fill: "none",
@@ -1237,16 +1348,16 @@ var be = ["data-minimap"], xe = {
 						"stroke-width": .618,
 						"stroke-linejoin": "round",
 						"stroke-linecap": "round"
-					}, null, 8, Qe)) : s.handleType === "grab" ? (_(), p("path", {
+					}, null, 8, $e)) : s.handleType === "grab" ? (_(), p("path", {
 						key: 2,
 						d: "M 8 5 A 1 1 0 0 0 8 7 A 1 1 0 0 0 8 5 M 8 9 A 1 1 0 0 0 8 11 A 1 1 0 0 0 8 9 M 8 13 A 1 1 0 0 0 8 15 A 1 1 0 0 0 8 13 M 12 5 A 1 1 0 0 0 12 7 A 1 1 0 0 0 12 5 M 12 9 A 1 1 0 0 0 12 11 A 1 1 0 0 0 12 9 M 12 13 A 1 1 0 0 0 12 15 A 1 1 0 0 0 12 13",
 						fill: s.handleIconColor || s.textColor,
 						stroke: "none",
 						opacity: "0.6"
-					}, null, 8, $e)) : f("", !0)], 8, Xe))], 8, Ye)) : f("", !0),
+					}, null, 8, et)) : f("", !0)], 8, Ze))], 8, Xe)) : f("", !0),
 					m("rect", {
 						class: "vue-ui-zoom-compact-minimap-handle",
-						x: Mr.value,
+						x: Wr.value,
 						y: 0,
 						width: $.value,
 						height: I.value.height,
@@ -1254,11 +1365,11 @@ var be = ["data-minimap"], xe = {
 						stroke: s.handleBorderColor || s.textColor,
 						"stroke-width": s.handleBorderWidth,
 						rx: 3
-					}, null, 8, et),
+					}, null, 8, tt),
 					s.handleType && s.handleType !== "empty" ? (_(), p("g", {
 						key: 1,
 						class: "compact-handle-icon",
-						transform: `translate(${Mr.value}, 0)`,
+						transform: `translate(${Wr.value}, 0)`,
 						style: { "pointer-events": "none" }
 					}, [(_(), p("svg", {
 						width: $.value,
@@ -1273,7 +1384,7 @@ var be = ["data-minimap"], xe = {
 						"stroke-width": .618,
 						"stroke-linejoin": "round",
 						"stroke-linecap": "round"
-					}, null, 8, rt)) : s.handleType === "chevron" ? (_(), p("path", {
+					}, null, 8, it)) : s.handleType === "chevron" ? (_(), p("path", {
 						key: 1,
 						d: "M 6 7 L 4 10 L 6 13 M 14 7 L 16 10 L 14 13",
 						fill: "none",
@@ -1281,15 +1392,15 @@ var be = ["data-minimap"], xe = {
 						"stroke-width": .618,
 						"stroke-linejoin": "round",
 						"stroke-linecap": "round"
-					}, null, 8, it)) : s.handleType === "grab" ? (_(), p("path", {
+					}, null, 8, at)) : s.handleType === "grab" ? (_(), p("path", {
 						key: 2,
 						d: "M 8 5 A 1 1 0 0 0 8 7 A 1 1 0 0 0 8 5 M 8 9 A 1 1 0 0 0 8 11 A 1 1 0 0 0 8 9 M 8 13 A 1 1 0 0 0 8 15 A 1 1 0 0 0 8 13 M 12 5 A 1 1 0 0 0 12 7 A 1 1 0 0 0 12 5 M 12 9 A 1 1 0 0 0 12 11 A 1 1 0 0 0 12 9 M 12 13 A 1 1 0 0 0 12 15 A 1 1 0 0 0 12 13",
 						fill: s.handleIconColor || s.textColor,
 						stroke: "none",
 						opacity: "0.6"
-					}, null, 8, at)) : f("", !0)], 8, nt))], 8, tt)) : f("", !0)
+					}, null, 8, ot)) : f("", !0)], 8, rt))], 8, nt)) : f("", !0)
 				], 64)) : f("", !0),
-				e.$slots.slotMap ? f("", !0) : (_(), p(u, { key: 7 }, [s.minimapMerged ? (_(), p("g", ot, [
+				e.$slots.slotMap ? f("", !0) : (_(), p(u, { key: 7 }, [s.minimapMerged ? (_(), p("g", st, [
 					H.value && H.value.firstPlot && H.value.firstPlot.value !== null ? (_(), p("circle", {
 						key: 0,
 						cx: H.value.firstPlot.x,
@@ -1298,14 +1409,14 @@ var be = ["data-minimap"], xe = {
 						stroke: P.value,
 						r: "4",
 						fill: s.minimapLineColor
-					}, null, 8, st)) : f("", !0),
+					}, null, 8, ct)) : f("", !0),
 					H.value && H.value.firstPlot && H.value.firstPlot.value !== null ? (_(), p("circle", {
 						key: 1,
 						cx: H.value.firstPlot.x,
 						cy: H.value.firstPlot.y,
 						r: 2,
 						fill: P.value
-					}, null, 8, ct)) : f("", !0),
+					}, null, 8, lt)) : f("", !0),
 					H.value && H.value.lastPlot && H.value.lastPlot.value !== null ? (_(), p("circle", {
 						key: 2,
 						cx: H.value.lastPlot.x,
@@ -1314,15 +1425,15 @@ var be = ["data-minimap"], xe = {
 						stroke: P.value,
 						r: "4",
 						fill: s.minimapLineColor
-					}, null, 8, lt)) : f("", !0),
+					}, null, 8, ut)) : f("", !0),
 					H.value && H.value.lastPlot && H.value.lastPlot.value !== null ? (_(), p("circle", {
 						key: 3,
 						cx: H.value.lastPlot.x,
 						cy: H.value.lastPlot.y,
 						r: "2",
 						fill: P.value
-					}, null, 8, ut)) : f("", !0)
-				])) : (_(), p("g", dt, [(_(!0), p(u, null, y(U.value.filter((e) => e.type === "line"), (e, t) => (_(), p("g", { key: String(e.key) }, [
+					}, null, 8, dt)) : f("", !0)
+				])) : (_(), p("g", ft, [(_(!0), p(u, null, y(U.value.filter((e) => e.type === "line"), (e, t) => (_(), p("g", { key: String(e.key) }, [
 					e && e.hasSelection && e.selectionSet && e.isVisible ? (_(), p("path", {
 						key: 0,
 						d: `M ${e.selectionSet}`,
@@ -1332,7 +1443,7 @@ var be = ["data-minimap"], xe = {
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round",
 						"stroke-dasharray": e.dashed ? "2 4" : 0
-					}, null, 8, ft)) : f("", !0),
+					}, null, 8, pt)) : f("", !0),
 					e.isVisible && s.cutNullValues ? (_(!0), p(u, { key: 1 }, y(e.selectionMarkers, (t) => (_(), p("circle", {
 						key: `sel-dot-${e.key}-${t.i}`,
 						cx: t.x,
@@ -1341,7 +1452,7 @@ var be = ["data-minimap"], xe = {
 						fill: e.color,
 						stroke: P.value,
 						"stroke-width": "0.5"
-					}, null, 8, pt))), 128)) : f("", !0),
+					}, null, 8, mt))), 128)) : f("", !0),
 					e && e.firstPlot && e.isVisible && e.firstPlot.value !== null ? (_(), p("circle", {
 						key: 2,
 						cx: e.firstPlot.x,
@@ -1350,14 +1461,14 @@ var be = ["data-minimap"], xe = {
 						stroke: P.value,
 						r: "4",
 						fill: e.color
-					}, null, 8, mt)) : f("", !0),
+					}, null, 8, ht)) : f("", !0),
 					e && e.firstPlot && e.isVisible && e.firstPlot.value !== null ? (_(), p("circle", {
 						key: 3,
 						cx: e.firstPlot.x,
 						cy: e.firstPlot.y,
 						r: "2",
 						fill: P.value
-					}, null, 8, ht)) : f("", !0),
+					}, null, 8, gt)) : f("", !0),
 					e && e.lastPlot && e.isVisible && e.lastPlot.value !== null ? (_(), p("circle", {
 						key: 4,
 						cx: e.lastPlot.x,
@@ -1366,14 +1477,14 @@ var be = ["data-minimap"], xe = {
 						stroke: P.value,
 						r: "4",
 						fill: e.color
-					}, null, 8, gt)) : f("", !0),
+					}, null, 8, _t)) : f("", !0),
 					e && e.lastPlot && e.isVisible && e.lastPlot.value !== null ? (_(), p("circle", {
 						key: 5,
 						cx: e.lastPlot.x,
 						cy: e.lastPlot.y,
 						r: "2",
 						fill: P.value
-					}, null, 8, _t)) : f("", !0)
+					}, null, 8, vt)) : f("", !0)
 				]))), 128)), (_(!0), p(u, null, y(U.value.filter((e) => e.type === "plot"), (e) => (_(), p("g", { key: String(e.key) }, [(_(!0), p(u, null, y(e.points, (t) => (_(), p("g", null, [e.isVisible && s.cutNullValues && t.value !== null ? (_(), p("circle", {
 					key: `sel-plot-${e.key}-${t.i}`,
 					cx: t.x,
@@ -1382,7 +1493,7 @@ var be = ["data-minimap"], xe = {
 					fill: e.color,
 					stroke: P.value,
 					"stroke-width": "0.5"
-				}, null, 8, vt)) : f("", !0)]))), 256))]))), 128))]))], 64))
+				}, null, 8, yt)) : f("", !0)]))), 256))]))), 128))]))], 64))
 			], 8, we))])) : f("", !0),
 			m("div", {
 				class: "slider-track",
@@ -1405,8 +1516,9 @@ var be = ["data-minimap"], xe = {
 				key: 1,
 				"aria-label": "range-handle-left",
 				ref_key: "rangeStart",
-				ref: wn,
+				ref: In,
 				type: "range",
+				step: s.precision > 0 ? 1 / 10 ** s.precision : 1,
 				class: h({
 					"range-left": !0,
 					"range-handle": !0,
@@ -1414,19 +1526,19 @@ var be = ["data-minimap"], xe = {
 					"range-invisible": T.value && s.minimapCompact
 				}),
 				min: s.min,
-				max: s.minimapCompact && T.value ? Math.max(0, R.value - 1) : s.max,
+				max: s.minimapCompact && T.value && !s.useValueRange ? Math.max(0, R.value - 1) : s.max,
 				tabindex: T.value ? -1 : 0,
-				"onUpdate:modelValue": t[4] ||= (e) => _n.value = e,
+				"onUpdate:modelValue": t[4] ||= (e) => On.value = e,
 				onFocus: t[5] ||= (e) => T.value && e.target.blur(),
-				onInput: t[6] ||= (e) => _n.value = e.target.valueAsNumber,
+				onInput: t[6] ||= (e) => On.value = e.target.valueAsNumber,
 				onChange: j,
 				onKeyup: ve(j, ["enter"]),
 				onBlur: j,
-				onMouseenter: t[7] ||= (e) => ar("start"),
+				onMouseenter: t[7] ||= (e) => _r("start"),
 				onPointerup: j
-			}, null, 42, yt)), [[
+			}, null, 42, bt)), [[
 				ge,
-				_n.value,
+				On.value,
 				void 0,
 				{ number: !0 }
 			]]) : f("", !0),
@@ -1434,8 +1546,9 @@ var be = ["data-minimap"], xe = {
 				key: 2,
 				"aria-label": "range-handle-right",
 				ref_key: "rangeEnd",
-				ref: Tn,
+				ref: Ln,
 				type: "range",
+				step: s.precision > 0 ? 1 / 10 ** s.precision : 1,
 				class: h({
 					"range-right": !0,
 					"range-handle": !0,
@@ -1443,55 +1556,55 @@ var be = ["data-minimap"], xe = {
 					"range-invisible": T.value && s.minimapCompact
 				}),
 				min: s.min,
-				max: s.minimapCompact && T.value ? Math.max(0, R.value - 1) : s.max,
+				max: s.minimapCompact && T.value && !s.useValueRange ? Math.max(0, R.value - 1) : s.max,
 				tabindex: T.value ? -1 : 0,
 				onFocus: t[8] ||= (e) => T.value && e.target.blur(),
-				"onUpdate:modelValue": t[9] ||= (e) => vn.value = e,
-				onInput: t[10] ||= (e) => vn.value = e.target.valueAsNumber,
+				"onUpdate:modelValue": t[9] ||= (e) => kn.value = e,
+				onInput: t[10] ||= (e) => kn.value = e.target.valueAsNumber,
 				onChange: j,
 				onKeyup: ve(j, ["enter"]),
 				onBlur: j,
-				onMouseenter: t[11] ||= (e) => ar("end"),
+				onMouseenter: t[11] ||= (e) => _r("end"),
 				onPointerup: j
-			}, null, 42, bt)), [[
+			}, null, 42, xt)), [[
 				ge,
-				vn.value,
+				kn.value,
 				void 0,
 				{ number: !0 }
 			]]) : f("", !0),
-			T.value && s.minimapCompact ? (_(), p("div", xt, [(_(), p("svg", {
+			T.value && s.minimapCompact ? (_(), p("div", St, [(_(), p("svg", {
 				xmlns: me(ne),
 				viewBox: `0 0 ${Math.max(0, I.value.width)} ${Math.max(0, I.value.height + 1)}`
 			}, [m("rect", oe({
 				class: "vue-ui-zoom-compact-minimap-handle",
-				x: jr.value,
+				x: Ur.value,
 				y: 0,
 				width: $.value,
 				height: I.value.height,
 				fill: "transparent",
 				stroke: "none"
-			}, xr.value, {
-				onKeydown: t[12] ||= (e) => br("start", e),
-				onMousedown: t[13] ||= ye((e) => Or("start", e), ["stop", "prevent"]),
+			}, Nr.value, {
+				onKeydown: t[12] ||= (e) => Mr("start", e),
+				onMousedown: t[13] ||= ye((e) => Br("start", e), ["stop", "prevent"]),
 				onClick: t[14] ||= ye(() => {}, ["stop", "prevent"])
-			}), null, 16, Ct), m("rect", oe({
+			}), null, 16, wt), m("rect", oe({
 				class: "vue-ui-zoom-compact-minimap-handle",
-				x: Mr.value,
+				x: Wr.value,
 				y: 0,
 				width: $.value,
 				height: I.value.height,
 				fill: "transparent",
 				stroke: "none",
 				rx: 3
-			}, Sr.value, {
-				onKeydown: t[15] ||= (e) => br("end", e),
-				onMousedown: t[16] ||= ye((e) => Or("end", e), ["stop", "prevent"]),
+			}, Pr.value, {
+				onKeydown: t[15] ||= (e) => Mr("end", e),
+				onMousedown: t[16] ||= ye((e) => Br("end", e), ["stop", "prevent"]),
 				onClick: t[17] ||= ye(() => {}, ["stop", "prevent"])
-			}), null, 16, wt)], 8, St))])) : f("", !0),
+			}), null, 16, Tt)], 8, Ct))])) : f("", !0),
 			Q.value.left ? (_(), p("div", {
 				key: 4,
 				ref_key: "tooltipLeft",
-				ref: Qn,
+				ref: ur,
 				class: h({
 					"range-tooltip": !0,
 					"range-tooltip-visible": Z.value,
@@ -1503,12 +1616,12 @@ var be = ["data-minimap"], xe = {
 					color: me(te)(s.selectColor),
 					backgroundColor: s.selectColor,
 					border: `1px solid ${P.value}`,
-					zIndex: `${ir.value + 4}`,
-					visibility: or.value || Q.value.left === Q.value.right ? "hidden" : "visible",
+					zIndex: `${gr.value + 4}`,
+					visibility: vr.value || Q.value.left === Q.value.right ? "hidden" : "visible",
 					top: T.value && s.minimapCompact ? "calc(-100% - 12px)" : "-100%"
 				})
 			}, pe(Q.value.left), 7)) : f("", !0),
-			(or.value || Q.value.left === Q.value.right) && (Q.value.left || Q.value.right) ? (_(), p("div", {
+			(vr.value || Q.value.left === Q.value.right) && (Q.value.left || Q.value.right) ? (_(), p("div", {
 				key: 5,
 				ref: "tooltipMerge",
 				class: h({
@@ -1520,7 +1633,7 @@ var be = ["data-minimap"], xe = {
 				}),
 				style: g({
 					left: N.value.tooltipCenter,
-					width: sr.value.width + "px",
+					width: yr.value.width + "px",
 					color: me(te)(s.selectColor),
 					backgroundColor: s.selectColor,
 					border: `1px solid ${P.value}`,
@@ -1531,7 +1644,7 @@ var be = ["data-minimap"], xe = {
 			Q.value.right ? (_(), p("div", {
 				key: 6,
 				ref_key: "tooltipRight",
-				ref: $n,
+				ref: dr,
 				class: h({
 					"range-tooltip": !0,
 					"range-tooltip-visible": Z.value,
@@ -1544,12 +1657,12 @@ var be = ["data-minimap"], xe = {
 					backgroundColor: s.selectColor,
 					border: `1px solid ${P.value}`,
 					zIndex: "4",
-					visibility: or.value || Q.value.left === Q.value.right ? "hidden" : "visible",
+					visibility: vr.value || Q.value.left === Q.value.right ? "hidden" : "visible",
 					top: T.value && s.minimapCompact ? "calc(-100% - 12px)" : "-100%"
 				})
 			}, pe(Q.value.right), 7)) : f("", !0)
 		], 36)], 44, be));
 	}
-}, [["__scopeId", "data-v-8456127b"]]);
+}, [["__scopeId", "data-v-0cedccd9"]]);
 //#endregion
-export { Et as t };
+export { Dt as t };