vue-data-ui 3.23.11 → 3.23.13

package/dist/{SlicerPreview-BRRyc1p7.js → SlicerPreview-lCGvUNUH.js}

@@ -3,7 +3,7 @@ import { t as s } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { i as ie, l as c, t as ae } from "./useResponsive-ZtArZtUf.js";
 import { t as oe } from "./BaseIcon-BbElSC8_.js";
 import { t as se } from "./DefGrad-DVBqDjhO.js";
-import { Fragment as l, computed as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createVNode as ce, guardReactiveProps as le, mergeProps as ue, nextTick as de, normalizeClass as m, normalizeProps as fe, normalizeStyle as h, onBeforeUnmount as pe, onMounted as me, onUpdated as he, openBlock as g, ref as _, renderList as v, renderSlot as ge, toDisplayString as _e, unref as ve, useCssVars as ye, vModelText as be, watch as y, withDirectives as xe, withKeys as Se, withModifiers as Ce } from "vue";
+import { Fragment as l, computed as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createVNode as ce, guardReactiveProps as le, mergeProps as ue, nextTick as de, normalizeClass as m, normalizeProps as fe, normalizeStyle as h, onBeforeUnmount as pe, onMounted as me, onUpdated as he, openBlock as g, ref as _, renderList as v, renderSlot as ge, toDisplayString as _e, unref as ve, useCssVars as ye, vModelText as be, watch as xe, withDirectives as Se, withKeys as Ce, withModifiers as y } from "vue";
 //#region src/atoms/SlicerPreview.vue
 var we = ["data-minimap"], Te = {
 	class: "vue-data-ui-slicer-labels",
@@ -103,98 +103,99 @@ var we = ["data-minimap"], Te = {
 	"cy",
 	"fill",
 	"stroke"
-], Xe = ["width", "height"], Ze = [
+], Xe = ["width", "height"], Ze = ["transform"], Qe = [
+	"x",
+	"y",
+	"width",
+	"height"
+], $e = [
 	"x",
 	"width",
 	"height",
 	"fill",
 	"stroke",
 	"stroke-width"
-], Qe = ["transform"], $e = ["width", "height"], et = ["fill", "stroke"], tt = ["stroke"], nt = ["fill"], rt = [
-	"x",
+], et = ["transform"], tt = ["width", "height"], nt = ["fill", "stroke"], rt = ["stroke"], it = ["fill"], at = ["transform"], ot = [
+	"y",
+	"width",
+	"height"
+], st = [
 	"width",
 	"height",
 	"fill",
 	"stroke",
 	"stroke-width"
-], it = ["transform"], at = ["width", "height"], ot = ["fill", "stroke"], st = ["stroke"], ct = ["fill"], lt = {
+], ct = {
+	key: 0,
+	class: "compact-handle-icon",
+	style: { "pointer-events": "none" }
+}, lt = ["width", "height"], ut = ["fill", "stroke"], dt = ["stroke"], ft = ["fill"], pt = {
 	key: "merged-tree",
 	style: { "pointer-events": "none" }
-}, ut = [
+}, mt = [
 	"cx",
 	"cy",
 	"stroke",
 	"fill"
-], dt = [
+], ht = [
 	"cx",
 	"cy",
 	"fill"
-], ft = [
+], gt = [
 	"cx",
 	"cy",
 	"stroke",
 	"fill"
-], pt = [
+], _t = [
 	"cx",
 	"cy",
 	"fill"
-], mt = {
+], vt = {
 	key: 1,
 	style: { "pointer-events": "none" }
-}, ht = [
+}, yt = [
 	"d",
 	"stroke",
 	"stroke-dasharray"
-], gt = [
+], bt = [
 	"cx",
 	"cy",
 	"fill",
 	"stroke"
-], _t = [
+], xt = [
 	"cx",
 	"cy",
 	"stroke",
 	"fill"
-], vt = [
+], St = [
 	"cx",
 	"cy",
 	"fill"
-], yt = [
+], Ct = [
 	"cx",
 	"cy",
 	"stroke",
 	"fill"
-], bt = [
+], wt = [
 	"cx",
 	"cy",
 	"fill"
-], xt = [
+], Tt = [
 	"cx",
 	"cy",
 	"fill",
 	"stroke"
-], St = [
+], Et = [
 	"step",
 	"min",
 	"max",
 	"tabindex"
-], Ct = [
+], Dt = [
 	"step",
 	"min",
 	"max",
 	"tabindex"
-], wt = {
-	key: 3,
-	class: "minimap-handle-overlay"
-}, Tt = ["xmlns", "viewBox"], Et = [
-	"x",
-	"width",
-	"height"
-], Dt = [
-	"x",
-	"width",
-	"height"
-], Ot = 48, kt = /*#__PURE__*/ s({
+], Ot = 48, kt = 48, At = /*#__PURE__*/ s({
 	__name: "SlicerPreview",
 	props: {
 		uuid: {
@@ -430,151 +431,150 @@ var we = ["data-minimap"], Te = {
 		"trapMouse",
 		"trapMouseValue"
 	],
-	setup(s, { expose: kt, emit: At }) {
+	setup(s, { expose: At, emit: jt }) {
 		ye((e) => ({
-			v13222322: on.value,
-			a9d0a8d4: P.value,
-			cfb69ef2: cn.value,
-			e9662674: s.selectColor,
-			v05118454: sn.value,
-			de2dd9f4: b.additionalMinimapHeight
+			v4dabb502: ln.value,
+			v711fadf3: N.value,
+			v87728db8: dn.value,
+			v5154ef23: s.selectColor,
+			af31df9e: un.value
 		}));
 		let b = s;
-		function jt(e) {
+		function Mt(e) {
 			let t = Number(e) || 0;
 			return b.precision <= 0 ? Math.round(t) : Number(t.toFixed(b.precision));
 		}
-		let x = _(null), S = _(b.min), C = _(b.max), w = u(() => !!b.allMinimaps.length), Mt = u(() => re(b.minimapLeftInsetRatio) && re(b.minimapRightInsetRatio)), Nt = u(() => {
+		let x = _(null), S = _(b.min), C = _(b.max), w = u(() => !!b.allMinimaps.length), Nt = u(() => re(b.minimapLeftInsetRatio) && re(b.minimapRightInsetRatio)), Pt = u(() => {
 			let e = Math.min(1, Math.max(0, b.minimapLeftInsetRatio)) * 100, t = Math.min(1, Math.max(0, b.minimapRightInsetRatio)) * 100;
 			return {
-				padding: Mt.value ? `0 ${t}% 0 ${e}%` : "0 48px",
-				maxWidth: b.maxWidth && !Mt.value ? `${b.maxWidth}px` : void 0,
-				margin: b.maxWidth && !Mt.value ? "0 auto" : void 0
+				padding: Nt.value ? `0 ${t}% 0 ${e}%` : "0 48px",
+				maxWidth: b.maxWidth && !Nt.value ? `${b.maxWidth}px` : void 0,
+				margin: b.maxWidth && !Nt.value ? "0 auto" : void 0
 			};
-		}), Pt = _(ee()), T = _(!1), E = u(() => w.value && b.minimapCompact), D = _(null), Ft = _(!1), It = _(0), Lt = _(0), Rt = _(null), zt = _(!1), Bt = u(() => D.value !== null), Vt = u(() => b.useValueRange ? C.value : C.value - 1), Ht = u(() => Math.max(1, Number(b.max) - Number(b.min)));
-		function Ut(e) {
-			return (Number(e) - Number(b.min)) / Ht.value * 100;
+		}), Ft = _(ee()), T = _(!1), E = u(() => w.value && b.minimapCompact), It = _(null), Lt = _(null), Rt = _(!1), zt = _(0), Bt = _(0), Vt = _(null), Ht = _(!1), Ut = u(() => It.value !== null), Wt = u(() => b.useValueRange ? C.value : C.value - 1), Gt = u(() => Math.max(1, Number(b.max) - Number(b.min)));
+		function Kt(e) {
+			return (Number(e) - Number(b.min)) / Gt.value * 100;
 		}
-		function Wt(e) {
-			return I.value.width * (Ut(e) / 100);
+		function qt(e) {
+			return F.value.width * (Kt(e) / 100);
 		}
-		function Gt(e) {
-			let t = Math.min(1, Math.max(0, e / Math.max(1, I.value.width)));
-			return jt(Number(b.min) + Ht.value * t);
+		function Jt(e) {
+			let t = Math.min(1, Math.max(0, e / Math.max(1, F.value.width)));
+			return Mt(Number(b.min) + Gt.value * t);
 		}
-		function Kt(e) {
+		function Yt(e) {
 			let t = b.useValueRange ? e?.y : e;
 			return re(t) ? Number(t) : null;
 		}
-		function qt(e, t) {
+		function Xt(e, t) {
 			return b.useValueRange ? Number(e?.x) : t + Number(b.min);
 		}
-		function Jt(e, t) {
-			return b.useValueRange ? Wt(qt(e, t)) : B.value * t + (b.minimapCompact ? 0 : B.value / 2);
+		function Zt(e, t) {
+			return b.useValueRange ? qt(Xt(e, t)) : B.value * t + (b.minimapCompact ? 0 : B.value / 2);
 		}
-		let Yt = u(() => Math.min(40, Math.max(20, b.handleWidth))), Xt = _(0), Zt = c((e) => M("futureStart", e), 0), Qt = c((e) => M("futureEnd", e), 0), O = u(() => b.precision > 0 ? 1 / 10 ** b.precision : 1), k = u({
+		let Qt = u(() => Math.min(40, Math.max(20, b.handleWidth))), $t = _(0), en = c((e) => j("futureStart", e), 0), tn = c((e) => j("futureEnd", e), 0), D = u(() => b.precision > 0 ? 1 / 10 ** b.precision : 1), O = u({
 			get: () => S.value,
 			set(e) {
-				let t = Math.min(Number(e), Number(C.value) - O.value);
-				t !== S.value && (S.value = t, Un.value && (Un.value.value = String(t)), b.immediate ? M("update:start", Number(t)) : T.value && Zt(t));
+				let t = Math.min(Number(e), Number(C.value) - D.value);
+				t !== S.value && (S.value = t, Gn.value && (Gn.value.value = String(t)), b.immediate ? j("update:start", Number(t)) : T.value && en(t));
 			}
-		}), A = u({
+		}), k = u({
 			get: () => C.value,
 			set(e) {
-				let t = Math.max(Number(e), Number(S.value) + O.value);
-				t !== C.value && (C.value = t, Wn.value && (Wn.value.value = String(t)), b.immediate ? M("update:end", Number(t)) : T.value && Qt(t));
+				let t = Math.max(Number(e), Number(S.value) + D.value);
+				t !== C.value && (C.value = t, Kn.value && (Kn.value.value = String(t)), b.immediate ? j("update:end", Number(t)) : T.value && tn(t));
 			}
 		});
-		function j() {
-			clearTimeout(null), b.immediate || (M("update:start", Number(S.value)), M("update:end", Number(C.value))), T.value = !1;
+		function A() {
+			clearTimeout(null), b.immediate || (j("update:start", Number(S.value)), j("update:end", Number(C.value))), T.value = !1;
 		}
-		let $t = u(() => b.refreshEndPoint === null ? b.max : b.refreshEndPoint), M = At, en = u(() => {
-			if (b.useValueRange) return Ut(S.value);
+		let nn = u(() => b.refreshEndPoint === null ? b.max : b.refreshEndPoint), j = jt, rn = u(() => {
+			if (b.useValueRange) return Kt(S.value);
 			if (E.value) {
-				let e = Math.max(1, R.value - 1);
-				return Pn.value / e * 100;
+				let e = Math.max(1, L.value - 1);
+				return In.value / e * 100;
 			}
 			let e = Math.max(1, b.max - b.min);
 			return (S.value - b.min) / e * 100;
-		}), tn = u(() => {
-			if (b.useValueRange) return Ut(C.value);
+		}), an = u(() => {
+			if (b.useValueRange) return Kt(C.value);
 			if (E.value) {
-				let e = Math.max(1, R.value - 1);
-				return Fn.value / e * 100;
+				let e = Math.max(1, L.value - 1);
+				return Ln.value / e * 100;
 			}
 			let e = Math.max(1, b.max - b.min);
 			return (C.value - b.min) / e * 100;
-		}), nn = u(() => (en.value + tn.value) / 2), rn = u(() => {
+		}), on = u(() => (rn.value + an.value) / 2), sn = u(() => {
 			if (!x.value) return !1;
 			let e = Math.max(1, b.max - b.min);
-			return x.value.getBoundingClientRect().width * ((S.value - b.min) / e) - vr.value / 2 < 0;
-		}), an = u(() => {
+			return x.value.getBoundingClientRect().width * ((S.value - b.min) / e) - br.value / 2 < 0;
+		}), cn = u(() => {
 			if (!x.value) return !1;
 			let e = Math.max(1, b.max - b.min), t = x.value.getBoundingClientRect().width;
-			return t * ((C.value - b.min) / e) + yr.value / 2 > t;
-		}), N = u(() => {
-			let e = an.value ? `calc(${nn.value}% - ${Tr.value.width}px)` : rn.value ? `calc(${nn.value}% - 8px)` : `calc(${nn.value}% - ${Tr.value.width / 2}px)`;
+			return t * ((C.value - b.min) / e) + xr.value / 2 > t;
+		}), M = u(() => {
+			let e = cn.value ? `calc(${on.value}% - ${Dr.value.width}px)` : sn.value ? `calc(${on.value}% - 8px)` : `calc(${on.value}% - ${Dr.value.width / 2}px)`;
 			return {
-				left: `${en.value}%`,
-				width: `${Math.max(0, tn.value - en.value)}%`,
+				left: `${rn.value}%`,
+				width: `${Math.max(0, an.value - rn.value)}%`,
 				background: b.selectColor,
-				tooltipLeft: `calc(${en.value}% - ${rn.value ? 9 : vr.value / 2}px)`,
-				tooltipRight: `calc(${tn.value}% - ${an.value ? yr.value - 9 : yr.value / 2}px)`,
+				tooltipLeft: `calc(${rn.value}% - ${sn.value ? 9 : br.value / 2}px)`,
+				tooltipRight: `calc(${an.value}% - ${cn.value ? xr.value - 9 : xr.value / 2}px)`,
 				tooltipCenter: e,
-				arrowLeft: !rn.value,
-				arrowRight: !an.value
+				arrowLeft: !sn.value,
+				arrowRight: !cn.value
 			};
-		}), on = u(() => b.inputColor), sn = u(() => b.background), cn = u(() => `${b.selectColor}33`), P = u(() => b.borderColor), ln = u(() => Number(b.max) > Number(b.min));
-		function un() {
-			M("reset");
+		}), ln = u(() => b.inputColor), un = u(() => b.background), dn = u(() => `${b.selectColor}33`), N = u(() => b.borderColor), fn = u(() => Number(b.max) > Number(b.min));
+		function pn() {
+			j("reset");
 		}
-		y(() => b.min, (e) => {
+		xe(() => b.min, (e) => {
 			Number(S.value) < Number(e) && (S.value = Number(e)), Number(C.value) < Number(e) && (C.value = Number(e));
-		}), y(() => b.max, (e) => {
+		}), xe(() => b.max, (e) => {
 			Number(S.value) > Number(e) && (S.value = Number(e)), Number(C.value) > Number(e) && (C.value = Number(e));
 		});
-		let F = _(null), I = _({
+		let P = _(null), F = _({
 			width: 1,
 			height: 1
-		}), L = _(null);
+		}), I = _(null);
 		me(() => {
 			if (w.value) {
 				let e = c(() => {
-					if (!F.value) return;
-					let { width: e, height: t } = ae({ chart: F.value }), n = Math.max(0, Math.round(e)), r = Math.max(0, Math.round(t - 47));
-					(n !== I.value.width || r !== I.value.height) && (I.value.width = n, I.value.height = r + b.additionalMinimapHeight);
+					if (!P.value) return;
+					let { width: e, height: t } = ae({ chart: P.value }), n = Math.max(0, Math.round(e)), r = Math.max(0, Math.round(t - 47));
+					(n !== F.value.width || r !== F.value.height) && (F.value.width = n, F.value.height = r + b.additionalMinimapHeight);
 				}, 0);
-				L.value = new ResizeObserver(e), L.value.observe(F.value);
+				I.value = new ResizeObserver(e), I.value.observe(P.value);
 			}
 		}), pe(() => {
-			L.value && L.value.disconnect();
+			I.value && I.value.disconnect();
 		});
-		let R = u(() => Math.max(1, b.max - b.min));
-		function dn(e) {
+		let L = u(() => Math.max(1, b.max - b.min));
+		function mn(e) {
 			let t = Math.floor(e - b.min);
-			return Math.min(Math.max(0, t), R.value);
+			return Math.min(Math.max(0, t), L.value);
 		}
-		function fn(e) {
+		function hn(e) {
 			let t = Math.ceil(e - b.min);
-			return Math.min(Math.max(0, t), R.value);
+			return Math.min(Math.max(0, t), L.value);
 		}
-		let z = u(() => dn(S.value)), pn = u(() => fn(C.value)), mn = u(() => Math.max(...b.allMinimaps.map((e) => e.series.length))), hn = u(() => w.value && b.minimapCompact ? 40 : 0), gn = u(() => hn.value / 2);
-		u(() => Math.max(1, I.value.width - gn.value * 2));
+		let R = u(() => mn(S.value)), z = u(() => hn(C.value)), gn = u(() => Math.max(...b.allMinimaps.map((e) => e.series.length))), _n = u(() => w.value && b.minimapCompact ? 40 : 0), vn = u(() => _n.value / 2);
+		u(() => Math.max(1, F.value.width - vn.value * 2));
 		let B = u(() => {
-			if (b.minimapCompact && !b.useValueRange) return I.value.width / Math.max(1, R.value - 1);
-			let e = Math.max(1, mn.value - +!!b.minimapCompact);
-			return I.value.width / e;
-		}), _n = u(() => b.allMinimaps.length ? b.allMinimaps.filter((e) => e.type === "bar" && e.isVisible).length : 0), vn = u(() => B.value / (_n.value || 1) * .8);
-		function yn(e, t, n) {
-			let r = vn.value, i = Math.max(1, _n.value), a = mn.value - 1;
+			if (b.minimapCompact && !b.useValueRange) return F.value.width / Math.max(1, L.value - 1);
+			let e = Math.max(1, gn.value - +!!b.minimapCompact);
+			return F.value.width / e;
+		}), yn = u(() => b.allMinimaps.length ? b.allMinimaps.filter((e) => e.type === "bar" && e.isVisible).length : 0), bn = u(() => B.value / (yn.value || 1) * .8);
+		function xn(e, t, n) {
+			let r = bn.value, i = Math.max(1, yn.value), a = gn.value - 1;
 			return n === 0 ? e + r / 2 * t : n === a ? e - r / 2 * (i - t) : e - i * r / 2 + t * r;
 		}
-		function bn(e, t) {
-			return [0, mn.value - 1].includes(t) ? vn.value / 2 : vn.value;
+		function Sn(e, t) {
+			return [0, gn.value - 1].includes(t) ? bn.value / 2 : bn.value;
 		}
-		let xn = u(() => {
+		let Cn = u(() => {
 			let e = [];
-			if (Array.isArray(b.minimap) && b.minimap.length && b.minimapMerged && e.push(...b.minimap.map(Kt).filter(Number.isFinite)), Array.isArray(b.allMinimaps) && b.allMinimaps.length) for (let t of b.allMinimaps) t?.isVisible && Array.isArray(t?.series) && e.push(...t.series.map(Kt).filter(Number.isFinite));
+			if (Array.isArray(b.minimap) && b.minimap.length && b.minimapMerged && e.push(...b.minimap.map(Yt).filter(Number.isFinite)), Array.isArray(b.allMinimaps) && b.allMinimaps.length) for (let t of b.allMinimaps) t?.isVisible && Array.isArray(t?.series) && e.push(...t.series.map(Yt).filter(Number.isFinite));
 			return e.length ? {
 				min: Math.min(...e),
 				max: Math.max(...e)
@@ -582,25 +582,25 @@ var we = ["data-minimap"], Te = {
 				min: 0,
 				max: 1
 			};
-		}), Sn = u(() => {
+		}), wn = u(() => {
 			if (b.minScale == null && b.forceZeroCenter) return null;
 			let e = Number(b.minScale);
 			return Number.isFinite(e) ? e : null;
-		}), Cn = u(() => {
+		}), Tn = u(() => {
 			if (b.maxScale == null && b.forceZeroCenter) return null;
 			let e = Number(b.maxScale);
 			return Number.isFinite(e) ? e : null;
-		}), wn = u(() => Sn.value !== null && Cn.value !== null), Tn = u(() => {
-			let { min: e, max: t } = xn.value, n = Sn.value, r = Cn.value, i, a;
+		}), En = u(() => wn.value !== null && Tn.value !== null), Dn = u(() => {
+			let { min: e, max: t } = Cn.value, n = wn.value, r = Tn.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
 			};
-		}), En = u(() => Tn.value.min), Dn = u(() => Tn.value.max), On = u(() => En.value < 0 && Dn.value > 0 || Dn.value <= 0 ? En.value : 0), kn = (e) => {
-			let t = Math.max(1, I.value.height);
-			return jn(En.value, Dn.value, t, wn.value)(e);
-		}, An = u(() => kn(0));
-		function jn(e, t, n, r = !1) {
+		}), On = u(() => Dn.value.min), kn = u(() => Dn.value.max), An = u(() => On.value < 0 && kn.value > 0 || kn.value <= 0 ? On.value : 0), jn = (e) => {
+			let t = Math.max(1, F.value.height);
+			return Nn(On.value, kn.value, t, En.value)(e);
+		}, Mn = u(() => jn(0));
+		function Nn(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) {
@@ -616,7 +616,7 @@ var we = ["data-minimap"], Te = {
 				return (e) => (1 - (i(e / r, -1, 1) + 1) / 2) * n;
 			}
 		}
-		function Mn(i, o = !1, ee = !1) {
+		function Pn(i, o = !1, ee = !1) {
 			if (!i || !i.length) return {
 				fullSet: "",
 				points: [],
@@ -630,8 +630,8 @@ var we = ["data-minimap"], Te = {
 				selectionMarkers: [],
 				dashed: !1
 			};
-			let te = Math.max(1, I.value.height), ne = jn(En.value, Dn.value, te, wn.value), re = i.length, s = Math.min(Math.max(0, z.value), Math.max(0, re - 1)), ie = Math.min(re, Math.max(s + 1, pn.value)), c = i.map((e, t) => {
-				let n = Kt(e), r = Number.isFinite(n), i = Jt(e, t), a = wn.value ? ((e, t, n) => Math.max(t, Math.min(n, e)))(0, En.value, Dn.value) : 0, o = ne(a);
+			let te = Math.max(1, F.value.height), ne = Nn(On.value, kn.value, te, En.value), re = i.length, s = Math.min(Math.max(0, R.value), Math.max(0, re - 1)), ie = Math.min(re, Math.max(s + 1, z.value)), c = i.map((e, t) => {
+				let n = Yt(e), r = Number.isFinite(n), i = Zt(e, t), a = En.value ? ((e, t, n) => Math.max(t, Math.min(n, e)))(0, On.value, kn.value) : 0, o = ne(a);
 				return {
 					x: i,
 					y: r ? ne(n) : NaN,
@@ -639,7 +639,7 @@ var we = ["data-minimap"], Te = {
 					value: r ? n : null,
 					y0: o,
 					i: t,
-					xValue: qt(e, t)
+					xValue: Xt(e, t)
 				};
 			}), ae = (e) => e >= 0 && e < c.length && Number.isFinite(c[e]?.value), oe = c.filter((e) => Number.isFinite(e.value) && !ae(e.i - 1) && !ae(e.i + 1)), se = b.useValueRange ? oe.filter((e) => e.xValue >= Number(S.value) && e.xValue <= Number(C.value)) : oe.filter((e) => e.i >= s && e.i < ie), l = b.useValueRange ? c.filter((e) => e.xValue >= Number(S.value) && e.xValue <= Number(C.value)) : c.slice(s, ie);
 			return {
@@ -655,8 +655,8 @@ var we = ["data-minimap"], Te = {
 				selectionMarkers: se
 			};
 		}
-		let V = u(() => b.minimap.length ? Mn(b.minimap) : []), H = u(() => b.allMinimaps.length ? b.allMinimaps.map((e, t) => {
-			let n = Mn(e?.series || [], !!e.smooth, !!e.useStepper), r = e?.id ?? e?.name ?? t;
+		let V = u(() => b.minimap.length ? Pn(b.minimap) : []), H = u(() => b.allMinimaps.length ? b.allMinimaps.map((e, t) => {
+			let n = Pn(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,
@@ -669,79 +669,79 @@ var we = ["data-minimap"], Te = {
 			};
 		}) : []), U = u(() => {
 			if (b.useValueRange) {
-				let e = Wt(S.value), t = Wt(C.value);
+				let e = qt(S.value), t = qt(C.value);
 				return {
 					x: e,
 					width: Math.max(0, t - e)
 				};
 			}
-			let e = z.value, t = Math.max(e + 1, pn.value);
+			let e = R.value, t = Math.max(e + 1, z.value);
 			return {
 				x: B.value * e + (b.minimapCompact ? 0 : B.value / 2),
 				width: B.value * (t - e) - B.value
 			};
-		}), W = _(b.minimapSelectedIndex), Nn = (e) => Math.round(b.min + e), Pn = u({
+		}), W = _(b.minimapSelectedIndex), Fn = (e) => Math.round(b.min + e), In = u({
 			get() {
-				return E.value ? z.value : Number(k.value);
+				return E.value ? R.value : Number(O.value);
 			},
 			set(e) {
 				if (E.value) {
 					if (b.useValueRange) {
-						let t = jt(e);
-						qn(Math.min(Math.max(Number(b.min), t), Number(C.value) - O.value));
+						let t = Mt(e);
+						Yn(Math.min(Math.max(Number(b.min), t), Number(C.value) - D.value));
 						return;
 					}
 					let t = Math.round(+e || 0);
-					qn(Nn(t));
+					Yn(Fn(t));
 				} else {
-					let t = jt(e), n = Number(C.value) - O.value, r = Math.min(Math.max(b.min, t), n);
-					Un.value && (Un.value.valueAsNumber = r), qn(r);
+					let t = Mt(e), n = Number(C.value) - D.value, r = Math.min(Math.max(b.min, t), n);
+					Gn.value && (Gn.value.valueAsNumber = r), Yn(r);
 				}
 			}
-		}), Fn = u({
+		}), Ln = u({
 			get() {
-				return E.value ? Math.max(z.value, pn.value - 1) : Number(A.value);
+				return E.value ? Math.max(R.value, z.value - 1) : Number(k.value);
 			},
 			set(e) {
 				if (E.value) {
 					if (b.useValueRange) {
-						let t = jt(e);
-						Yn(Math.max(Number(S.value) + O.value, Math.min(t, Number(b.max))));
+						let t = Mt(e);
+						Zn(Math.max(Number(S.value) + D.value, Math.min(t, Number(b.max))));
 						return;
 					}
 					let t = Math.round(+e || 0);
-					Yn(Nn(t + 1));
+					Zn(Fn(t + 1));
 				} else {
-					let t = jt(e), n = Number(S.value) + O.value, r = Math.max(n, Math.min(t, b.max));
-					Wn.value && (Wn.value.valueAsNumber = r), Yn(r);
+					let t = Mt(e), n = Number(S.value) + D.value, r = Math.max(n, Math.min(t, b.max));
+					Kn.value && (Kn.value.valueAsNumber = r), Zn(r);
 				}
 			}
-		}), In = 0;
-		function Ln(e, t) {
-			if (t === In) {
+		}), Rn = 0;
+		function zn(e, t) {
+			if (t === Rn) {
 				if (b.useValueRange) {
-					W.value = Number.isFinite(Number(e)) ? Wt(Number(e)) : null;
+					W.value = Number.isFinite(Number(e)) ? qt(Number(e)) : null;
 					return;
 				}
-				W.value = dn(b.valueStart) + e;
+				W.value = mn(b.valueStart) + e;
 			}
 		}
-		let Rn = ie(Ln, 60);
-		y(() => b.minimapSelectedIndex, (e, t) => {
-			if (In += 1, [null, void 0].includes(e)) {
+		let Bn = ie(zn, 60);
+		xe(() => b.minimapSelectedIndex, (e, t) => {
+			if (Rn += 1, [null, void 0].includes(e)) {
 				W.value = null;
 				return;
 			}
-			e !== t && Rn(e, In);
+			e !== t && Bn(e, Rn);
 		}, { immediate: !0 });
-		function zn(e) {
-			if (Bt.value) return;
+		function Vn(e) {
+			if (Ut.value) return;
 			W.value = e;
-			let t = z.value, n = pn.value;
-			e >= t && e < n && !X.value && M("trapMouse", e - t);
+			let t = R.value, n = z.value;
+			e >= t && e < n && !X.value && j("trapMouse", e - t);
 		}
-		function Bn(e) {
-			let t = Gt(e), n = b.allMinimaps.flatMap((e) => (e.series || []).map((e, n) => ({
+		function Hn(e) {
+			let t = Jt(e), n = b.allMinimaps.flatMap((e) => (e.series || []).map((e, n) => ({
 				point: e,
 				index: n,
 				x: Number(e?.x),
@@ -749,25 +749,25 @@ var we = ["data-minimap"], Te = {
 			}))).filter((e) => Number.isFinite(e.x));
 			return n.length ? n.reduce((e, t) => t.distance < e.distance ? t : e, n[0]) : null;
 		}
-		function Vn(e) {
-			if (!ln.value || Bt.value) return;
-			let t = Vr(e.clientX);
+		function Un(e) {
+			if (!fn.value || Ut.value) return;
+			let t = Ur(e.clientX);
 			if (b.useValueRange) {
-				let e = Bn(t);
+				let e = Hn(t);
 				if (!e) {
-					Hn();
+					Wn();
 					return;
 				}
-				W.value = Wt(e.x), M("trapMouse", e.index), M("trapMouseValue", e.x);
+				W.value = qt(e.x), j("trapMouse", e.index), j("trapMouseValue", e.x);
 				return;
 			}
-			zn(Hr(t));
+			Vn(Wr(t));
 		}
-		function Hn() {
-			W.value = null, !Bt.value && (M("trapMouse", null), M("trapMouseValue", null));
+		function Wn() {
+			W.value = null, !Ut.value && (j("trapMouse", null), j("trapMouseValue", null));
 		}
-		let Un = _(null), Wn = _(null);
-		function Gn(e) {
+		let Gn = _(null), Kn = _(null);
+		function qn(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;
@@ -775,32 +775,32 @@ var we = ["data-minimap"], Te = {
 			let t = +e;
 			return Number.isFinite(t) ? t : NaN;
 		}
-		let Kn = 0;
-		function qn(e) {
-			T.value = !0;
-			let t = Gn(e);
-			Number.isFinite(t) && (cancelAnimationFrame(Kn), Kn = requestAnimationFrame(() => {
-				k.value = t;
-			}));
-		}
 		let Jn = 0;
 		function Yn(e) {
 			T.value = !0;
-			let t = Gn(e);
+			let t = qn(e);
 			Number.isFinite(t) && (cancelAnimationFrame(Jn), Jn = requestAnimationFrame(() => {
-				A.value = t;
+				O.value = t;
+			}));
+		}
+		let Xn = 0;
+		function Zn(e) {
+			T.value = !0;
+			let t = qn(e);
+			Number.isFinite(t) && (cancelAnimationFrame(Xn), Xn = requestAnimationFrame(() => {
+				k.value = t;
 			}));
 		}
 		pe(() => {
-			cancelAnimationFrame(Kn), cancelAnimationFrame(Jn);
+			cancelAnimationFrame(Jn), cancelAnimationFrame(Xn);
 		});
-		let Xn = u(() => b.valueEnd - b.valueStart), Zn = u(() => Xn.value < b.max - b.min), G = _(!1), Qn = _(null), $n = u(() => (Xt.value - 48) / (b.max - b.min) * Xn.value), er = u(() => Math.max(1, Xt.value - Ot - $n.value)), tr = u(() => Math.max(1, b.max - b.min - Xn.value)), nr = u(() => tr.value / er.value), rr = _(0), ir = _(0), ar = _(0), or = _(0), K = null, q = null, J = null, Y = null, sr = _(b.min);
-		function cr(e) {
+		let Qn = u(() => b.valueEnd - b.valueStart), $n = u(() => Qn.value < b.max - b.min), G = _(!1), er = _(null), tr = u(() => ($t.value - 48) / (b.max - b.min) * Qn.value), nr = u(() => Math.max(1, $t.value - Ot - tr.value)), rr = u(() => Math.max(1, b.max - b.min - Qn.value)), ir = u(() => rr.value / nr.value), ar = _(0), or = _(0), sr = _(0), cr = _(0), K = null, q = null, J = null, Y = null, lr = _(b.min);
+		function ur(e) {
 			if (!x.value) return b.min;
 			let t = x.value.getBoundingClientRect(), n = t.left + Ot / 2, r = t.right - Ot / 2, i = Math.max(1, r - n), a = (Math.max(n, Math.min(e, r)) - n) / i, o = Math.max(1, b.max - b.min);
 			return Math.round(b.min + a * o);
 		}
-		let lr = async (e) => {
+		let dr = async (e) => {
 			if (T.value = !0, Z.value = !0, !b.enableSelectionDrag) return;
 			let t = e.type === "touchstart";
 			t || e.stopPropagation();
@@ -808,93 +808,93 @@ var we = ["data-minimap"], Te = {
 			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;
 			G.value = !0;
 			let i = t ? n ? n.clientX : 0 : e.clientX;
-			if (Qn.value = i, rr.value = i, b.focusOnDrag && !Zn.value && x.value && !zt.value) {
-				zt.value = !0;
+			if (er.value = i, ar.value = i, b.focusOnDrag && !$n.value && x.value && !Ht.value) {
+				Ht.value = !0;
 				try {
-					sr.value = cr(i);
-					let e = Math.min(.95, Math.max(.05, b.focusRangeRatio)), t = Number(b.max) - Number(b.min), n = Math.max(1, Math.round(t * e)), r = Math.floor(n / 2), a = sr.value - r;
+					lr.value = ur(i);
+					let e = Math.min(.95, Math.max(.05, b.focusRangeRatio)), t = Number(b.max) - Number(b.min), n = Math.max(1, Math.round(t * e)), r = Math.floor(n / 2), a = lr.value - r;
 					a = Math.max(Number(b.min), Math.min(a, Number(b.max) - n));
 					let ee = Math.min(Number(b.max), a + n);
-					k.value = a, A.value = ee, Zt(a), Qt(ee), o(x.value, "mouseup"), await de(), o(x.value, "mousedown", { clientX: i });
+					O.value = a, k.value = ee, en(a), tn(ee), o(x.value, "mouseup"), await de(), o(x.value, "mousedown", { clientX: i });
 				} finally {
-					zt.value = !1;
+					Ht.value = !1;
 				}
 				return;
 			}
-			ir.value = S.value, ar.value = C.value, or.value = nr.value, K = t ? "touchmove" : "mousemove", q = t ? "touchend" : "mouseup", J = t ? dr : ur, Y = t ? mr : pr, window.addEventListener(K, J, { passive: !1 }), window.addEventListener(q, Y);
+			or.value = S.value, sr.value = C.value, cr.value = ir.value, K = t ? "touchmove" : "mousemove", q = t ? "touchend" : "mouseup", J = t ? pr : fr, Y = t ? gr : hr, window.addEventListener(K, J, { passive: !1 }), window.addEventListener(q, Y);
 		};
-		function ur(e) {
-			G.value && fr(e.clientX);
+		function fr(e) {
+			G.value && mr(e.clientX);
 		}
-		function dr(e) {
+		function pr(e) {
 			if (!G.value || !x.value) return;
 			let t = e.target;
 			if (!(t instanceof Element) || !x.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 && fr(n.clientX);
+			n && mr(n.clientX);
 		}
-		function fr(e) {
+		function mr(e) {
 			if (!G.value) return;
-			let t = cr(rr.value), n = cr(e) - t, r = Math.round(ir.value + n);
-			r = Math.max(b.min, Math.min(r, b.max - Xn.value));
-			let i = r + Xn.value;
-			k.value = r, A.value = i, Zt(r), Qt(i);
+			let t = ur(ar.value), n = ur(e) - t, r = Math.round(or.value + n);
+			r = Math.max(b.min, Math.min(r, b.max - Qn.value));
+			let i = r + Qn.value;
+			O.value = r, k.value = i, en(r), tn(i);
 		}
-		function pr() {
-			hr();
+		function hr() {
+			_r();
 		}
-		function mr() {
-			hr();
+		function gr() {
+			_r();
 		}
-		function hr() {
-			G.value = !1, K && J && window.removeEventListener(K, J), q && Y && window.removeEventListener(q, Y), K = q = null, J = Y = null, j();
+		function _r() {
+			G.value = !1, K && J && window.removeEventListener(K, J), q && Y && window.removeEventListener(q, Y), K = q = null, J = Y = null, A();
 		}
-		let X = _(!1), gr = _(null), _r = _(null), vr = _(1), yr = _(1), Z = _(!1);
-		function br() {
-			if (gr.value) {
-				let e = Math.round(gr.value.getBoundingClientRect().width);
-				e !== vr.value && (vr.value = e);
+		let X = _(!1), vr = _(null), yr = _(null), br = _(1), xr = _(1), Z = _(!1);
+		function Sr() {
+			if (vr.value) {
+				let e = Math.round(vr.value.getBoundingClientRect().width);
+				e !== br.value && (br.value = e);
 			}
 		}
-		function xr() {
-			if (_r.value) {
-				let e = Math.round(_r.value.getBoundingClientRect().width);
-				e !== yr.value && (yr.value = e);
+		function Cr() {
+			if (yr.value) {
+				let e = Math.round(yr.value.getBoundingClientRect().width);
+				e !== xr.value && (xr.value = e);
 			}
 		}
 		he(() => {
-			br(), xr();
+			Sr(), Cr();
 		});
-		let Sr = _(0);
-		function Cr(e) {
-			Sr.value = +(e === "start");
+		let wr = _(0);
+		function Tr(e) {
+			wr.value = +(e === "start");
 		}
-		let wr = _(!1), Tr = _({
+		let Er = _(!1), Dr = _({
 			width: 0,
 			left: 0
 		});
-		y([S, C], async () => {
-			if (await de(), !gr.value || !_r.value) {
-				wr.value = !1, Tr.value = {
+		xe([S, C], async () => {
+			if (await de(), !vr.value || !yr.value) {
+				Er.value = !1, Dr.value = {
 					width: 0,
 					left: 0
 				};
 				return;
 			}
-			let e = gr.value.getBoundingClientRect(), t = _r.value.getBoundingClientRect();
-			wr.value = e.x + e.width > t.x;
+			let e = vr.value.getBoundingClientRect(), t = yr.value.getBoundingClientRect();
+			Er.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, a = (n + r) / 2;
-			Tr.value = {
+			Dr.value = {
 				width: i,
 				left: a - i / 2
 			};
 		}), he(() => {
-			br(), xr();
-		}), y(() => b.labelLeft, () => {
-			de(br);
-		}, { deep: !0 }), y(() => b.labelRight, () => {
-			de(xr);
+			Sr(), Cr();
+		}), xe(() => b.labelLeft, () => {
+			de(Sr);
+		}, { deep: !0 }), xe(() => b.labelRight, () => {
+			de(Cr);
 		}, { deep: !0 });
 		let Q = u(() => {
 			let e = "", t = "", n = !1;
@@ -906,10 +906,10 @@ var we = ["data-minimap"], Te = {
 					timeLabel: b.preciseLabels[S.value],
 					side: "left"
 				}), i = b.customFormat({
-					absoluteIndex: Vt.value,
+					absoluteIndex: Wt.value,
 					seriesIndex: -1,
 					datapoint: b.selectedSeries,
-					timeLabel: b.useValueRange ? null : b.preciseLabels[Vt.value],
+					timeLabel: b.useValueRange ? null : b.preciseLabels[Wt.value],
 					side: "right"
 				});
 				typeof r == "string" && typeof i == "string" && (e = r, t = i, n = !0);
@@ -917,7 +917,7 @@ var we = ["data-minimap"], Te = {
 				n = !1;
 			}
 			if (!n) {
-				let n = b.useValueRange ? { text: String(Math.round(S.value * 1e3) / 1e3) } : b.usePreciseLabels ? b.preciseLabels.find((e) => e.absoluteIndex === S.value) : b.timeLabels.find((e) => e.absoluteIndex === S.value), r = b.useValueRange ? { text: String(Math.round(C.value * 1e3) / 1e3) } : b.usePreciseLabels ? b.preciseLabels.find((e) => e.absoluteIndex === Vt.value) : b.timeLabels.find((e) => e.absoluteIndex === Vt.value);
+				let n = b.useValueRange ? { text: String(Math.round(S.value * 1e3) / 1e3) } : b.usePreciseLabels ? b.preciseLabels.find((e) => e.absoluteIndex === S.value) : b.timeLabels.find((e) => e.absoluteIndex === S.value), r = b.useValueRange ? { text: String(Math.round(C.value * 1e3) / 1e3) } : b.usePreciseLabels ? b.preciseLabels.find((e) => e.absoluteIndex === Wt.value) : b.timeLabels.find((e) => e.absoluteIndex === Wt.value);
 				e = n ? n.text : "", t = r ? r.text : "";
 			}
 			return {
@@ -926,30 +926,30 @@ var we = ["data-minimap"], Te = {
 			};
 		});
 		pe(() => {
-			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);
+			I.value && I.value.disconnect(), K && J && window.removeEventListener(K, J), q && Y && window.removeEventListener(q, Y), K = q = null, J = Y = null, clearTimeout(null);
 		});
-		let Er = u(() => {
-			if (!ln.value || W.value === null) return null;
+		let Or = u(() => {
+			if (!fn.value || W.value === null) return null;
 			if (b.useValueRange) {
 				let e = W.value;
 				return e < U.value.x || e > U.value.x + U.value.width ? null : {
 					x1: e,
 					x2: e,
 					y1: 0,
-					y2: Math.max(I.value.height, 0),
+					y2: Math.max(F.value.height, 0),
 					stroke: b.minimapIndicatorColor,
 					"stroke-linecap": "round",
 					"stroke-dasharray": 2,
 					"stroke-width": 1
 				};
 			}
-			if (W.value >= z.value && W.value < pn.value) {
+			if (W.value >= R.value && W.value < z.value) {
 				let e = W.value, t = B.value * e + (b.minimapCompact ? 0 : B.value / 2);
 				return {
 					x1: t,
 					x2: t,
 					y1: 0,
-					y2: Math.max(I.value.height, 0),
+					y2: Math.max(F.value.height, 0),
 					stroke: b.minimapIndicatorColor,
 					"stroke-linecap": "round",
 					"stroke-dasharray": 2,
@@ -957,54 +957,54 @@ var we = ["data-minimap"], Te = {
 				};
 			}
 			return null;
-		}), Dr = u(() => Number(S.value) < Number(C.value) - 1), Or = u(() => Number(S.value) > Number(b.min)), kr = u(() => Number(C.value) < Number(b.max)), Ar = u(() => Number(C.value) > Number(S.value) + 1);
-		function jr(e) {
+		}), kr = u(() => Number(S.value) < Number(C.value) - 1), Ar = u(() => Number(S.value) > Number(b.min)), jr = u(() => Number(C.value) < Number(b.max)), Mr = u(() => Number(C.value) > Number(S.value) + 1);
+		function Nr(e) {
 			let t = Number(S.value) + e;
-			e > 0 && !Dr.value || e < 0 && !Or.value || (T.value = !0, k.value = t, j());
+			e > 0 && !kr.value || e < 0 && !Ar.value || (T.value = !0, O.value = t, A());
 		}
-		function Mr(e) {
+		function Pr(e) {
 			let t = Number(C.value) + e;
-			e > 0 && !kr.value || e < 0 && !Ar.value || (T.value = !0, A.value = t, j());
+			e > 0 && !jr.value || e < 0 && !Mr.value || (T.value = !0, k.value = t, A());
 		}
-		let Nr = {
-			plus: () => jr(1),
-			minus: () => jr(-1),
-			canPlus: Dr,
-			canMinus: Or
-		}, Pr = {
-			plus: () => Mr(1),
-			minus: () => Mr(-1),
+		let Fr = {
+			plus: () => Nr(1),
+			minus: () => Nr(-1),
 			canPlus: kr,
 			canMinus: Ar
+		}, Ir = {
+			plus: () => Pr(1),
+			minus: () => Pr(-1),
+			canPlus: jr,
+			canMinus: Mr
 		};
-		function Fr(e) {
-			if (!e || Ir(e.target)) return;
+		function Lr(e) {
+			if (!e || Rr(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 ? (Nr.plus(), Pr.plus()) : (Nr.minus(), Pr.minus()));
+			!n && !r || (e.preventDefault(), e.stopPropagation(), r ? (Fr.plus(), Ir.plus()) : (Fr.minus(), Ir.minus()));
 		}
-		function Ir(e) {
+		function Rr(e) {
 			return e instanceof HTMLElement && (e.isContentEditable || e.tagName === "INPUT" || e.tagName === "TEXTAREA" || e.tagName === "SELECT");
 		}
-		function Lr(e) {
+		function zr(e) {
 			if (!w.value || !b.minimapCompact) return;
 			let t = x.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 Rr(e, t) {
-			if (!t || Ir(t.target)) return;
+		function Br(e, t) {
+			if (!t || Rr(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 ? Nr.plus() : Nr.minus() : i ? Pr.plus() : Pr.minus(), de(() => Lr(e)));
+			!r && !i || (t.preventDefault(), t.stopPropagation(), e === "start" ? i ? Fr.plus() : Fr.minus() : i ? Ir.plus() : Ir.minus(), de(() => zr(e)));
 		}
-		let zr = u(() => ({
+		let Vr = u(() => ({
 			tabindex: 0,
 			role: "slider",
 			"aria-label": "Range start",
 			"aria-valuemin": Number(b.min),
 			"aria-valuemax": Math.max(Number(b.min), Number(C.value) - 1),
 			"aria-valuenow": Number(S.value)
-		})), Br = u(() => ({
+		})), Hr = u(() => ({
 			tabindex: 0,
 			role: "slider",
 			"aria-label": "Range end",
@@ -1012,69 +1012,71 @@ var we = ["data-minimap"], Te = {
 			"aria-valuemax": Number(b.max),
 			"aria-valuenow": Number(C.value)
 		}));
-		function Vr(e) {
-			if (!Rt.value) return 0;
-			let t = Rt.value.getBoundingClientRect();
+		function Ur(e) {
+			if (!Vt.value) return 0;
+			let t = Vt.value.getBoundingClientRect();
 			if (!t.width) return 0;
 			let n = (e - t.left) / t.width;
-			return Math.min(1, Math.max(0, n)) * I.value.width;
+			return Math.min(1, Math.max(0, n)) * F.value.width;
 		}
-		function Hr(e) {
-			let t = Math.max(0, R.value - 1), n = Math.max(1, I.value.width), r = Math.min(1, Math.max(0, e / n));
+		function Wr(e) {
+			let t = Math.max(0, L.value - 1), n = Math.max(1, F.value.width), r = Math.min(1, Math.max(0, e / n));
 			return Math.min(t, Math.max(0, Math.round(r * t)));
 		}
-		function Ur(e) {
-			let t = Math.min(Math.max(0, e), Math.max(1, I.value.width));
+		function Gr(e, t) {
+			let n = Math.min(Math.max(0, t), Math.max(1, F.value.width));
 			if (b.useValueRange) {
-				let e = Gt(t);
-				if (D.value === "start") {
-					let t = Math.min(e, Number(C.value) - O.value);
-					k.value = t, Zt(t);
+				let t = Jt(n);
+				if (e === "start") {
+					let e = Math.min(t, Number(C.value) - D.value);
+					O.value = e, en(e);
 					return;
 				}
-				if (D.value === "end") {
-					let t = Math.max(Number(S.value) + O.value, e), n = Math.min(Number(b.max), t);
-					A.value = n, Qt(n);
+				if (e === "end") {
+					let e = Math.max(Number(S.value) + D.value, t), n = Math.min(Number(b.max), e);
+					k.value = n, tn(n);
 					return;
 				}
 			}
-			let n = Hr(t);
-			if (D.value === "start") {
-				let e = Math.min(b.min + n, Number(C.value) - 1);
-				k.value = e, Zt(e);
+			let r = Wr(n);
+			if (e === "start") {
+				let e = Math.min(b.min + r, Number(C.value) - 1);
+				O.value = e, en(e);
 				return;
 			}
-			if (D.value === "end") {
-				let e = Math.max(Number(S.value) + 1, b.min + n + 1), t = Math.min(b.max, e);
-				A.value = t, Qt(t);
+			if (e === "end") {
+				let e = Math.max(Number(S.value) + 1, b.min + r + 1), t = Math.min(b.max, e);
+				k.value = t, tn(t);
 			}
 		}
-		function Wr(e) {
-			if (!D.value || !F.value) return;
-			let t = e.clientX - It.value;
-			if (!Ft.value) {
-				if (Math.abs(t) < 4) return;
-				Ft.value = !0, T.value = !0, Z.value = !0;
+		function Kr(e, t) {
+			if (It.value !== e || Lt.value !== t.pointerId || !P.value) return;
+			t.preventDefault();
+			let n = t.clientX - zt.value;
+			if (!Rt.value) {
+				if (Math.abs(n) < 4) return;
+				Rt.value = !0, T.value = !0, Z.value = !0;
 			}
-			let n = Vr(e.clientX) - Lt.value;
-			Ur(D.value === "start" ? n + Yt.value : n);
+			let r = Ur(t.clientX) - Bt.value;
+			Gr(e, e === "start" ? r + Qt.value : r);
 		}
-		function Gr() {
-			if (!D.value) return;
-			window.removeEventListener("mousemove", Wr, !0), window.removeEventListener("mouseup", Gr, !0);
-			let e = Ft.value;
-			D.value = null, Ft.value = !1, It.value = 0, Lt.value = 0, e && j();
+		function qr(e, t) {
+			if (It.value !== e || Lt.value !== t.pointerId) return;
+			let n = t.currentTarget;
+			n?.hasPointerCapture?.(t.pointerId) && n.releasePointerCapture(t.pointerId);
+			let r = Rt.value;
+			It.value = null, Lt.value = null, Rt.value = !1, zt.value = 0, Bt.value = 0, r && A();
 		}
-		function Kr(e, t) {
-			if (!w.value || !b.minimapCompact || !F.value) return;
+		function Jr(e, t) {
+			if (!w.value || !b.minimapCompact || !P.value || Lt.value !== null) return;
 			t.preventDefault(), t.stopPropagation(), W.value = null;
-			let n = Vr(t.clientX), r = e === "start" ? U.value.x - Yt.value : U.value.x + U.value.width;
-			D.value = e, Ft.value = !1, It.value = t.clientX, Lt.value = n - r, window.addEventListener("mousemove", Wr, !0), window.addEventListener("mouseup", Gr, !0);
+			let n = Ur(t.clientX), r = e === "start" ? U.value.x - Qt.value : U.value.x + U.value.width;
+			It.value = e, Lt.value = t.pointerId, Rt.value = !1, zt.value = t.clientX, Bt.value = n - r, t.currentTarget?.setPointerCapture?.(t.pointerId);
 		}
-		let qr = u(() => z.value), Jr = u(() => Math.max(z.value, pn.value - 1));
+		let Yr = u(() => R.value), Xr = u(() => Math.max(R.value, z.value - 1));
 		u(() => {
 			if (!w.value || !b.minimapCompact || !b.allMinimaps.length) return [];
-			let e = qr.value, t = Jr.value;
+			let e = Yr.value, t = Xr.value;
 			return H.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);
@@ -1091,10 +1093,10 @@ var we = ["data-minimap"], Te = {
 				}), r;
 			});
 		});
-		let $ = u(() => Math.min(40, Math.max(20, b.handleWidth))), Yr = u(() => U.value.x - $.value), Xr = u(() => U.value.x + U.value.width);
-		return kt({
-			setStartValue: qn,
-			setEndValue: Yn
+		let $ = u(() => Math.min(40, Math.max(20, b.handleWidth))), Zr = u(() => Math.max(kt, $.value)), Qr = u(() => Math.max(kt, Number(F.value.height) || 0)), $r = u(() => (F.value.height - Qr.value) / 2), ei = u(() => U.value.x), ti = u(() => U.value.x + U.value.width);
+		return At({
+			setStartValue: Yn,
+			setEndValue: Zn
 		}), (e, t) => (g(), f("div", {
 			"data-minimap": w.value,
 			"data-dom-to-png-ignore": "",
@@ -1102,10 +1104,10 @@ var we = ["data-minimap"], Te = {
 			class: "vue-data-ui-zoom",
 			ref_key: "zoomWrapper",
 			ref: x,
-			onMousedown: lr,
-			onTouchstart: lr,
-			style: h(Nt.value)
-		}, [p("div", Te, [s.valueStart !== s.refreshStartPoint || s.valueEnd !== $t.value ? (g(), f("div", Ee, [ge(e.$slots, "reset-action", { reset: un }, () => [p("button", {
+			onMousedown: dr,
+			onTouchstart: dr,
+			style: h(Pt.value)
+		}, [p("div", Te, [s.valueStart !== s.refreshStartPoint || s.valueEnd !== nn.value ? (g(), f("div", Ee, [ge(e.$slots, "reset-action", { reset: pn }, () => [p("button", {
 			tabindex: "0",
 			role: "button",
 			class: "vue-data-ui-refresh-button",
@@ -1113,32 +1115,32 @@ var we = ["data-minimap"], Te = {
 				top: w.value ? "36px" : "-16px",
 				cursor: s.isCursorPointer ? "pointer" : "default"
 			}),
-			onClick: un
+			onClick: pn
 		}, [ce(oe, {
 			name: "refresh",
 			stroke: s.textColor
 		}, null, 8, ["stroke"])], 4)], !0)])) : d("", !0)]), p("div", {
 			class: "double-range-slider",
 			ref_key: "minimapWrapper",
-			ref: F,
+			ref: P,
 			style: h([{ "z-index": "0" }, w.value ? {
 				"--minimap-unit-px": B.value + "px",
 				"--minimap-offset-px": (s.minimapCompact ? 0 : B.value / 2) + "px"
 			} : void 0]),
-			onMouseenter: t[18] ||= (e) => Z.value = !0,
-			onMouseleave: t[19] ||= (e) => Z.value = !1
+			onMouseenter: t[24] ||= (e) => Z.value = !0,
+			onMouseleave: t[25] ||= (e) => Z.value = !1
 		}, [
 			w.value ? (g(), f("div", De, [(g(), f("svg", {
 				ref_key: "minimapSvg",
-				ref: Rt,
+				ref: Vt,
 				key: `mm-${s.minimapMerged ? "merged" : "split"}-${s.minimapCompact ? "compact" : "normal"}`,
 				xmlns: ve(ne),
-				viewBox: `0 0 ${Math.max(0, I.value.width)} ${Math.max(0, I.value.height)}`,
+				viewBox: `0 0 ${Math.max(0, F.value.width)} ${Math.max(0, F.value.height)}`,
 				preserveAspectRatio: "none"
 			}, [
 				p("defs", null, [ce(se, {
 					t: "linear",
-					id: Pt.value,
+					id: Ft.value,
 					x1: "0%",
 					y1: "0%",
 					x2: "0%",
@@ -1152,19 +1154,19 @@ var we = ["data-minimap"], Te = {
 						"transparent",
 						0
 					]]
-				}, null, 8, ["id", "stops"]), p("clipPath", { id: `selection_clip_${Pt.value}` }, [p("rect", {
+				}, null, 8, ["id", "stops"]), p("clipPath", { id: `selection_clip_${Ft.value}` }, [p("rect", {
 					x: U.value.x,
 					y: "0",
 					width: Math.max(0, U.value.width),
-					height: Math.max(I.value.height, 0)
+					height: Math.max(F.value.height, 0)
 				}, null, 8, Ae)], 8, ke)]),
 				s.minimapCompact ? (g(), f("rect", {
 					key: 0,
 					class: "vue-ui-zoom-minimap-frame",
 					x: 0,
 					y: 0,
-					width: I.value.width,
-					height: I.value.height,
+					width: F.value.width,
+					height: F.value.height,
 					fill: "none",
 					stroke: s.minimapFrameColor,
 					rx: 3
@@ -1180,16 +1182,16 @@ var we = ["data-minimap"], Te = {
 					style: { opacity: "0.6" }
 				}, null, 8, Me)) : d("", !0), s.minimapMerged && !s.minimapCompact ? (g(), f("path", {
 					key: 1,
-					d: `M${B.value / 2},${Math.max(I.value.height, 0)} ${V.value.fullSet} L${I.value.width - B.value / 2},${Math.max(I.value.height, 0)}Z`,
-					fill: `url(#${Pt.value})`,
+					d: `M${B.value / 2},${Math.max(F.value.height, 0)} ${V.value.fullSet} L${F.value.width - B.value / 2},${Math.max(F.value.height, 0)}Z`,
+					fill: `url(#${Ft.value})`,
 					stroke: "none",
 					style: { opacity: "0.6" }
 				}, null, 8, Ne)) : s.minimapMerged ? d("", !0) : (g(), f(l, { key: 2 }, [
 					(g(!0), f(l, null, v(H.value.filter((e) => e.type === "bar" && e.isVisible), (e, t) => (g(), f("g", null, [(g(!0), f(l, null, v(e.points, (n, r) => (g(), f(l, null, [e && !isNaN(n.y) ? (g(), f("rect", {
 						key: 0,
-						x: yn(n.x, t, r),
+						x: xn(n.x, t, r),
 						y: n.v >= 0 ? n.y : n.y0,
-						width: bn(t, r),
+						width: Sn(t, r),
 						height: n.v >= 0 ? n.y0 - n.y : n.y - n.y0,
 						fill: e.color,
 						style: { opacity: .6 }
@@ -1207,7 +1209,7 @@ var we = ["data-minimap"], Te = {
 						cy: t.y,
 						r: "2",
 						fill: e.color,
-						stroke: P.value,
+						stroke: N.value,
 						"stroke-width": "0.5",
 						style: { opacity: "0.6" }
 					}, null, 8, Ie))), 128)) : d("", !0)]))), 256)),
@@ -1217,7 +1219,7 @@ var we = ["data-minimap"], Te = {
 						cy: t.y,
 						r: "2",
 						fill: e.color,
-						stroke: P.value,
+						stroke: N.value,
 						"stroke-width": "0.5",
 						style: { opacity: "0.6" }
 					}, null, 8, Le)) : d("", !0)]))), 256))]))), 256))
@@ -1226,8 +1228,8 @@ var we = ["data-minimap"], Te = {
 					x: U.value.x,
 					y: 0,
 					width: Math.max(0, U.value.width),
-					height: Math.max(I.value.height, 0),
-					fill: P.value,
+					height: Math.max(F.value.height, 0),
+					fill: N.value,
 					rx: s.minimapSelectionRadius,
 					stroke: "none"
 				}, null, 8, Re),
@@ -1235,16 +1237,16 @@ var we = ["data-minimap"], Te = {
 					x: U.value.x,
 					y: 0,
 					width: U.value.width < 0 ? 0 : U.value.width,
-					height: Math.max(I.value.height, 0),
+					height: Math.max(F.value.height, 0),
 					rx: s.minimapSelectionRadius,
-					fill: P.value,
+					fill: N.value,
 					style: h({ opacity: G.value || T.value ? 0 : 1 })
 				}, null, 12, ze),
 				p("rect", {
 					x: U.value.x,
 					y: 0,
 					width: U.value.width < 0 ? 0 : U.value.width,
-					height: Math.max(I.value.height, 0),
+					height: Math.max(F.value.height, 0),
 					fill: s.minimapSelectedColor,
 					rx: s.minimapSelectionRadius,
 					style: h({ opacity: s.minimapSelectedColorOpacity }),
@@ -1255,15 +1257,15 @@ var we = ["data-minimap"], Te = {
 					"aria-valuemax": Number(b.max),
 					"aria-valuenow": Number(S.value),
 					"aria-valuetext": Q.value.left && Q.value.right ? `${Q.value.left} – ${Q.value.right}` : void 0,
-					onKeydown: Fr
+					onKeydown: Lr
 				}, null, 44, Be),
-				!s.minimapMerged && On.value < 0 ? (g(), f("line", {
+				!s.minimapMerged && An.value < 0 ? (g(), f("line", {
 					key: 2,
 					class: "slicer-minimap-zero-line",
 					x1: 0,
-					x2: I.value.width,
-					y1: An.value,
-					y2: An.value,
+					x2: F.value.width,
+					y1: Mn.value,
+					y2: Mn.value,
 					stroke: s.minimapFrameColor,
 					"stroke-width": "0.5"
 				}, null, 8, Ve)) : d("", !0),
@@ -1282,7 +1284,7 @@ var we = ["data-minimap"], Te = {
 						cx: V.value.firstPlot.x,
 						cy: V.value.firstPlot.y,
 						"stroke-width": "0.5",
-						stroke: P.value,
+						stroke: N.value,
 						r: "3",
 						fill: s.minimapLineColor
 					}, null, 8, We)) : d("", !0),
@@ -1291,19 +1293,19 @@ var we = ["data-minimap"], Te = {
 						cx: V.value.lastPlot.x,
 						cy: V.value.lastPlot.y,
 						"stroke-width": "0.5",
-						stroke: P.value,
+						stroke: N.value,
 						r: "3",
 						fill: s.minimapLineColor
 					}, null, 8, Ge)) : d("", !0)
 				])) : (g(), f("g", Ke, [
 					(g(!0), f(l, null, v(H.value.filter((e) => e.type === "bar" && e.isVisible), (e, t) => (g(), f("g", null, [(g(!0), f(l, null, v(e.points, (n, r) => (g(), f(l, null, [e && !isNaN(n.y) ? (g(), f("rect", {
 						key: 0,
-						x: yn(n.x, t, r),
+						x: xn(n.x, t, r),
 						y: n.v >= 0 ? n.y : n.y0,
-						width: bn(t, r),
+						width: Sn(t, r),
 						height: n.v >= 0 ? n.y0 - n.y : n.y - n.y0,
 						fill: e.color,
-						style: h({ opacity: +(r >= k.value && r < A.value) })
+						style: h({ opacity: +(r >= O.value && r < k.value) })
 					}, null, 12, qe)) : d("", !0)], 64))), 256))]))), 256)),
 					(g(!0), f(l, null, v(H.value.filter((e) => e.type === "line"), (e, t) => (g(), f("g", { key: String(e.key) }, [e && e.hasSelection && e.selectionSet && e.isVisible ? (g(), f("path", {
 						key: 0,
@@ -1321,61 +1323,79 @@ var we = ["data-minimap"], Te = {
 						cy: t.y,
 						r: "2",
 						fill: e.color,
-						stroke: P.value,
+						stroke: N.value,
 						"stroke-width": "0.5",
 						style: { opacity: "0.6" }
 					}, null, 8, Ye)) : d("", !0)]))), 256))]))), 128))
 				]))], 64)),
 				e.$slots.slotMap ? ge(e.$slots, "slotMap", fe(le({
-					width: Math.max(0, I.value.width),
-					height: Math.max(0, I.value.height),
-					zeroY: An.value,
+					width: Math.max(0, F.value.width),
+					height: Math.max(0, F.value.height),
+					zeroY: Mn.value,
 					unitW: Math.max(0, B.value)
 				})), void 0, !0, 4) : d("", !0),
-				W.value !== null && !X.value ? (g(), f("line", fe(ue({ key: 5 }, Er.value)), null, 16)) : d("", !0),
+				W.value !== null && !X.value ? (g(), f("line", fe(ue({ key: 5 }, Or.value)), null, 16)) : d("", !0),
 				p("rect", {
 					x: 0,
 					y: 0,
-					width: Math.max(0, I.value.width),
-					height: Math.max(0, I.value.height),
+					width: Math.max(0, F.value.width),
+					height: Math.max(0, F.value.height),
 					fill: "transparent",
 					style: h([{ "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: Vn,
-					onMouseleave: Hn
+					onMousemove: Un,
+					onMouseleave: Wn
 				}, null, 44, Xe),
-				w.value && s.minimapCompact ? (g(), f(l, { key: 6 }, [
+				w.value && s.minimapCompact ? (g(), f(l, { key: 6 }, [p("g", ue({
+					class: "vue-ui-zoom-compact-minimap-handle",
+					transform: `translate(${ei.value}, 0)`
+				}, Vr.value, {
+					onKeydown: t[2] ||= (e) => Br("start", e),
+					onPointerdown: t[3] ||= y((e) => Jr("start", e), ["stop", "prevent"]),
+					onPointermove: t[4] ||= y((e) => Kr("start", e), ["stop", "prevent"]),
+					onPointerup: t[5] ||= y((e) => qr("start", e), ["stop", "prevent"]),
+					onPointercancel: t[6] ||= y((e) => qr("start", e), ["stop", "prevent"]),
+					onClick: t[7] ||= y(() => {}, ["stop", "prevent"])
+				}), [
 					p("rect", {
-						class: "vue-ui-zoom-compact-minimap-handle",
-						x: Yr.value,
+						class: "vue-ui-zoom-compact-minimap-handle-hit",
+						x: -Zr.value,
+						y: $r.value,
+						width: Zr.value,
+						height: Qr.value,
+						fill: "transparent"
+					}, null, 8, Qe),
+					p("rect", {
+						class: "vue-ui-zoom-compact-minimap-handle-visual",
+						x: -$.value,
 						y: 0,
 						width: $.value,
-						height: I.value.height,
-						fill: s.handleFill || P.value,
+						height: F.value.height,
+						fill: s.handleFill || N.value,
 						stroke: s.handleBorderColor || s.textColor,
 						"stroke-width": s.handleBorderWidth,
 						rx: 3
-					}, null, 8, Ze),
+					}, null, 8, $e),
 					s.handleType && s.handleType !== "empty" ? (g(), f("g", {
 						key: 0,
 						class: "compact-handle-icon",
-						transform: `translate(${Yr.value}, 0)`,
+						transform: `translate(${-$.value}, 0)`,
 						style: { "pointer-events": "none" }
 					}, [(g(), f("svg", {
 						width: $.value,
-						height: I.value.height,
+						height: F.value.height,
 						viewBox: "0 0 20 20",
 						preserveAspectRatio: "xMidYMid meet"
 					}, [s.handleType === "arrow" ? (g(), f("path", {
 						key: 0,
 						d: "M 7 7 L 3 10 L 7 13 L 7 7 M 13 7 L 17 10 L 13 13 L 13 7",
-						fill: P.value,
+						fill: N.value,
 						stroke: s.handleIconColor || s.textColor,
 						"stroke-width": .618,
 						"stroke-linejoin": "round",
 						"stroke-linecap": "round"
-					}, null, 8, et)) : s.handleType === "chevron" ? (g(), f("path", {
+					}, null, 8, nt)) : s.handleType === "chevron" ? (g(), f("path", {
 						key: 1,
 						d: "M 6 7 L 4 10 L 6 13 M 14 7 L 16 10 L 14 13",
 						fill: "none",
@@ -1383,43 +1403,57 @@ var we = ["data-minimap"], Te = {
 						"stroke-width": .618,
 						"stroke-linejoin": "round",
 						"stroke-linecap": "round"
-					}, null, 8, tt)) : s.handleType === "grab" ? (g(), f("path", {
+					}, null, 8, rt)) : s.handleType === "grab" ? (g(), f("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, nt)) : d("", !0)], 8, $e))], 8, Qe)) : d("", !0),
+					}, null, 8, it)) : d("", !0)], 8, tt))], 8, et)) : d("", !0)
+				], 16, Ze), p("g", ue({
+					class: "vue-ui-zoom-compact-minimap-handle",
+					transform: `translate(${ti.value}, 0)`
+				}, Hr.value, {
+					onKeydown: t[8] ||= (e) => Br("end", e),
+					onPointerdown: t[9] ||= y((e) => Jr("end", e), ["stop", "prevent"]),
+					onPointermove: t[10] ||= y((e) => Kr("end", e), ["stop", "prevent"]),
+					onPointerup: t[11] ||= y((e) => qr("end", e), ["stop", "prevent"]),
+					onPointercancel: t[12] ||= y((e) => qr("end", e), ["stop", "prevent"]),
+					onClick: t[13] ||= y(() => {}, ["stop", "prevent"])
+				}), [
+					p("rect", {
+						class: "vue-ui-zoom-compact-minimap-handle-hit",
+						x: 0,
+						y: $r.value,
+						width: Zr.value,
+						height: Qr.value,
+						fill: "transparent"
+					}, null, 8, ot),
 					p("rect", {
-						class: "vue-ui-zoom-compact-minimap-handle",
-						x: Xr.value,
+						class: "vue-ui-zoom-compact-minimap-handle-visual",
+						x: 0,
 						y: 0,
 						width: $.value,
-						height: I.value.height,
-						fill: s.handleFill || P.value,
+						height: F.value.height,
+						fill: s.handleFill || N.value,
 						stroke: s.handleBorderColor || s.textColor,
 						"stroke-width": s.handleBorderWidth,
 						rx: 3
-					}, null, 8, rt),
-					s.handleType && s.handleType !== "empty" ? (g(), f("g", {
-						key: 1,
-						class: "compact-handle-icon",
-						transform: `translate(${Xr.value}, 0)`,
-						style: { "pointer-events": "none" }
-					}, [(g(), f("svg", {
+					}, null, 8, st),
+					s.handleType && s.handleType !== "empty" ? (g(), f("g", ct, [(g(), f("svg", {
 						width: $.value,
-						height: I.value.height,
+						height: F.value.height,
 						viewBox: "0 0 20 20",
 						preserveAspectRatio: "xMidYMid meet"
 					}, [s.handleType === "arrow" ? (g(), f("path", {
 						key: 0,
 						d: "M 7 7 L 3 10 L 7 13 L 7 7 M 13 7 L 17 10 L 13 13 L 13 7",
-						fill: P.value,
+						fill: N.value,
 						stroke: s.handleIconColor || s.textColor,
 						"stroke-width": .618,
 						"stroke-linejoin": "round",
 						"stroke-linecap": "round"
-					}, null, 8, ot)) : s.handleType === "chevron" ? (g(), f("path", {
+					}, null, 8, ut)) : s.handleType === "chevron" ? (g(), f("path", {
 						key: 1,
 						d: "M 6 7 L 4 10 L 6 13 M 14 7 L 16 10 L 14 13",
 						fill: "none",
@@ -1427,48 +1461,48 @@ var we = ["data-minimap"], Te = {
 						"stroke-width": .618,
 						"stroke-linejoin": "round",
 						"stroke-linecap": "round"
-					}, null, 8, st)) : s.handleType === "grab" ? (g(), f("path", {
+					}, null, 8, dt)) : s.handleType === "grab" ? (g(), f("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, ct)) : d("", !0)], 8, at))], 8, it)) : d("", !0)
-				], 64)) : d("", !0),
-				e.$slots.slotMap ? d("", !0) : (g(), f(l, { key: 7 }, [s.minimapMerged ? (g(), f("g", lt, [
+					}, null, 8, ft)) : d("", !0)], 8, lt))])) : d("", !0)
+				], 16, at)], 64)) : d("", !0),
+				e.$slots.slotMap ? d("", !0) : (g(), f(l, { key: 7 }, [s.minimapMerged ? (g(), f("g", pt, [
 					V.value && V.value.firstPlot && V.value.firstPlot.value !== null ? (g(), f("circle", {
 						key: 0,
 						cx: V.value.firstPlot.x,
 						cy: V.value.firstPlot.y,
 						"stroke-width": "0.5",
-						stroke: P.value,
+						stroke: N.value,
 						r: "4",
 						fill: s.minimapLineColor
-					}, null, 8, ut)) : d("", !0),
+					}, null, 8, mt)) : d("", !0),
 					V.value && V.value.firstPlot && V.value.firstPlot.value !== null ? (g(), f("circle", {
 						key: 1,
 						cx: V.value.firstPlot.x,
 						cy: V.value.firstPlot.y,
 						r: 2,
-						fill: P.value
-					}, null, 8, dt)) : d("", !0),
+						fill: N.value
+					}, null, 8, ht)) : d("", !0),
 					V.value && V.value.lastPlot && V.value.lastPlot.value !== null ? (g(), f("circle", {
 						key: 2,
 						cx: V.value.lastPlot.x,
 						cy: V.value.lastPlot.y,
 						"stroke-width": "0.5",
-						stroke: P.value,
+						stroke: N.value,
 						r: "4",
 						fill: s.minimapLineColor
-					}, null, 8, ft)) : d("", !0),
+					}, null, 8, gt)) : d("", !0),
 					V.value && V.value.lastPlot && V.value.lastPlot.value !== null ? (g(), f("circle", {
 						key: 3,
 						cx: V.value.lastPlot.x,
 						cy: V.value.lastPlot.y,
 						r: "2",
-						fill: P.value
-					}, null, 8, pt)) : d("", !0)
-				])) : (g(), f("g", mt, [(g(!0), f(l, null, v(H.value.filter((e) => e.type === "line"), (e, t) => (g(), f("g", { key: String(e.key) }, [
+						fill: N.value
+					}, null, 8, _t)) : d("", !0)
+				])) : (g(), f("g", vt, [(g(!0), f(l, null, v(H.value.filter((e) => e.type === "line"), (e, t) => (g(), f("g", { key: String(e.key) }, [
 					e && e.hasSelection && e.selectionSet && e.isVisible ? (g(), f("path", {
 						key: 0,
 						d: `M ${e.selectionSet}`,
@@ -1478,57 +1512,57 @@ var we = ["data-minimap"], Te = {
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round",
 						"stroke-dasharray": e.dashed ? "2 4" : 0
-					}, null, 8, ht)) : d("", !0),
+					}, null, 8, yt)) : d("", !0),
 					e.isVisible && s.cutNullValues ? (g(!0), f(l, { key: 1 }, v(e.selectionMarkers, (t) => (g(), f("circle", {
 						key: `sel-dot-${e.key}-${t.i}`,
 						cx: t.x,
 						cy: t.y,
 						r: "2.5",
 						fill: e.color,
-						stroke: P.value,
+						stroke: N.value,
 						"stroke-width": "0.5"
-					}, null, 8, gt))), 128)) : d("", !0),
+					}, null, 8, bt))), 128)) : d("", !0),
 					e && e.firstPlot && e.isVisible && e.firstPlot.value !== null ? (g(), f("circle", {
 						key: 2,
 						cx: e.firstPlot.x,
 						cy: e.firstPlot.y,
 						"stroke-width": "0.5",
-						stroke: P.value,
+						stroke: N.value,
 						r: "4",
 						fill: e.color
-					}, null, 8, _t)) : d("", !0),
+					}, null, 8, xt)) : d("", !0),
 					e && e.firstPlot && e.isVisible && e.firstPlot.value !== null ? (g(), f("circle", {
 						key: 3,
 						cx: e.firstPlot.x,
 						cy: e.firstPlot.y,
 						r: "2",
-						fill: P.value
-					}, null, 8, vt)) : d("", !0),
+						fill: N.value
+					}, null, 8, St)) : d("", !0),
 					e && e.lastPlot && e.isVisible && e.lastPlot.value !== null ? (g(), f("circle", {
 						key: 4,
 						cx: e.lastPlot.x,
 						cy: e.lastPlot.y,
 						"stroke-width": "0.5",
-						stroke: P.value,
+						stroke: N.value,
 						r: "4",
 						fill: e.color
-					}, null, 8, yt)) : d("", !0),
+					}, null, 8, Ct)) : d("", !0),
 					e && e.lastPlot && e.isVisible && e.lastPlot.value !== null ? (g(), f("circle", {
 						key: 5,
 						cx: e.lastPlot.x,
 						cy: e.lastPlot.y,
 						r: "2",
-						fill: P.value
-					}, null, 8, bt)) : d("", !0)
+						fill: N.value
+					}, null, 8, wt)) : d("", !0)
 				]))), 128)), (g(!0), f(l, null, v(H.value.filter((e) => e.type === "plot"), (e) => (g(), f("g", { key: String(e.key) }, [(g(!0), f(l, null, v(e.points, (t) => (g(), f("g", null, [e.isVisible && s.cutNullValues && t.value !== null ? (g(), f("circle", {
 					key: `sel-plot-${e.key}-${t.i}`,
 					cx: t.x,
 					cy: t.y,
 					r: "2.5",
 					fill: e.color,
-					stroke: P.value,
+					stroke: N.value,
 					"stroke-width": "0.5"
-				}, null, 8, xt)) : d("", !0)]))), 256))]))), 128))]))], 64))
+				}, null, 8, Tt)) : d("", !0)]))), 256))]))), 128))]))], 64))
 			], 8, Oe))])) : d("", !0),
 			p("div", {
 				class: "slider-track",
@@ -1539,19 +1573,19 @@ var we = ["data-minimap"], Te = {
 					"range-highlight": !0,
 					move: s.enableSelectionDrag
 				}),
-				onMousedown: t[2] ||= (e) => X.value = !0,
-				onMouseup: t[3] ||= (e) => X.value = !1,
+				onMousedown: t[14] ||= (e) => X.value = !0,
+				onMouseup: t[15] ||= (e) => X.value = !1,
 				style: h({
-					...N.value,
+					...M.value,
 					cursor: X.value ? "grabbing" : "grab",
 					visibility: w.value && s.minimapCompact ? "hidden" : "visible"
 				})
 			}, null, 38),
-			s.enableRangeHandles ? xe((g(), f("input", {
+			s.enableRangeHandles && !(w.value && s.minimapCompact) ? Se((g(), f("input", {
 				key: 1,
 				"aria-label": "range-handle-left",
 				ref_key: "rangeStart",
-				ref: Un,
+				ref: Gn,
 				type: "range",
 				step: s.precision > 0 ? 1 / 10 ** s.precision : 1,
 				class: m({
@@ -1561,27 +1595,27 @@ var we = ["data-minimap"], Te = {
 					"range-invisible": w.value && s.minimapCompact
 				}),
 				min: s.min,
-				max: s.minimapCompact && w.value && !s.useValueRange ? Math.max(0, R.value - 1) : s.max,
+				max: s.minimapCompact && w.value && !s.useValueRange ? Math.max(0, L.value - 1) : s.max,
 				tabindex: w.value ? -1 : 0,
-				"onUpdate:modelValue": t[4] ||= (e) => Pn.value = e,
-				onFocus: t[5] ||= (e) => w.value && e.target.blur(),
-				onInput: t[6] ||= (e) => Pn.value = e.target.valueAsNumber,
-				onChange: j,
-				onKeyup: Se(j, ["enter"]),
-				onBlur: j,
-				onMouseenter: t[7] ||= (e) => Cr("start"),
-				onPointerup: j
-			}, null, 42, St)), [[
+				"onUpdate:modelValue": t[16] ||= (e) => In.value = e,
+				onFocus: t[17] ||= (e) => w.value && e.target.blur(),
+				onInput: t[18] ||= (e) => In.value = e.target.valueAsNumber,
+				onChange: A,
+				onKeyup: Ce(A, ["enter"]),
+				onBlur: A,
+				onMouseenter: t[19] ||= (e) => Tr("start"),
+				onPointerup: A
+			}, null, 42, Et)), [[
 				be,
-				Pn.value,
+				In.value,
 				void 0,
 				{ number: !0 }
 			]]) : d("", !0),
-			s.enableRangeHandles ? xe((g(), f("input", {
+			s.enableRangeHandles && !(w.value && s.minimapCompact) ? Se((g(), f("input", {
 				key: 2,
 				"aria-label": "range-handle-right",
 				ref_key: "rangeEnd",
-				ref: Wn,
+				ref: Kn,
 				type: "range",
 				step: s.precision > 0 ? 1 / 10 ** s.precision : 1,
 				class: m({
@@ -1591,113 +1625,84 @@ var we = ["data-minimap"], Te = {
 					"range-invisible": w.value && s.minimapCompact
 				}),
 				min: s.min,
-				max: s.minimapCompact && w.value && !s.useValueRange ? Math.max(0, R.value - 1) : s.max,
+				max: s.minimapCompact && w.value && !s.useValueRange ? Math.max(0, L.value - 1) : s.max,
 				tabindex: w.value ? -1 : 0,
-				onFocus: t[8] ||= (e) => w.value && e.target.blur(),
-				"onUpdate:modelValue": t[9] ||= (e) => Fn.value = e,
-				onInput: t[10] ||= (e) => Fn.value = e.target.valueAsNumber,
-				onChange: j,
-				onKeyup: Se(j, ["enter"]),
-				onBlur: j,
-				onMouseenter: t[11] ||= (e) => Cr("end"),
-				onPointerup: j
-			}, null, 42, Ct)), [[
+				onFocus: t[20] ||= (e) => w.value && e.target.blur(),
+				"onUpdate:modelValue": t[21] ||= (e) => Ln.value = e,
+				onInput: t[22] ||= (e) => Ln.value = e.target.valueAsNumber,
+				onChange: A,
+				onKeyup: Ce(A, ["enter"]),
+				onBlur: A,
+				onMouseenter: t[23] ||= (e) => Tr("end"),
+				onPointerup: A
+			}, null, 42, Dt)), [[
 				be,
-				Fn.value,
+				Ln.value,
 				void 0,
 				{ number: !0 }
 			]]) : d("", !0),
-			w.value && s.minimapCompact ? (g(), f("div", wt, [(g(), f("svg", {
-				xmlns: ve(ne),
-				viewBox: `0 0 ${Math.max(0, I.value.width)} ${Math.max(0, I.value.height + 1)}`
-			}, [p("rect", ue({
-				class: "vue-ui-zoom-compact-minimap-handle",
-				x: Yr.value,
-				y: 0,
-				width: $.value,
-				height: I.value.height,
-				fill: "transparent",
-				stroke: "none"
-			}, zr.value, {
-				onKeydown: t[12] ||= (e) => Rr("start", e),
-				onMousedown: t[13] ||= Ce((e) => Kr("start", e), ["stop", "prevent"]),
-				onClick: t[14] ||= Ce(() => {}, ["stop", "prevent"])
-			}), null, 16, Et), p("rect", ue({
-				class: "vue-ui-zoom-compact-minimap-handle",
-				x: Xr.value,
-				y: 0,
-				width: $.value,
-				height: I.value.height,
-				fill: "transparent",
-				stroke: "none",
-				rx: 3
-			}, Br.value, {
-				onKeydown: t[15] ||= (e) => Rr("end", e),
-				onMousedown: t[16] ||= Ce((e) => Kr("end", e), ["stop", "prevent"]),
-				onClick: t[17] ||= Ce(() => {}, ["stop", "prevent"])
-			}), null, 16, Dt)], 8, Tt))])) : d("", !0),
 			Q.value.left ? (g(), f("div", {
-				key: 4,
+				key: 3,
 				ref_key: "tooltipLeft",
-				ref: gr,
+				ref: vr,
 				class: m({
 					"range-tooltip": !0,
 					"range-tooltip-visible": Z.value,
-					"range-tooltip-arrow": N.value.arrowLeft && !s.verticalHandles,
-					"range-tooltip-arrow-left": !N.value.arrowLeft && !s.verticalHandles
+					"range-tooltip-arrow": M.value.arrowLeft && !s.verticalHandles,
+					"range-tooltip-arrow-left": !M.value.arrowLeft && !s.verticalHandles
 				}),
 				style: h({
-					left: N.value.tooltipLeft,
+					left: M.value.tooltipLeft,
 					color: ve(te)(s.selectColor),
 					backgroundColor: s.selectColor,
-					border: `1px solid ${P.value}`,
-					zIndex: `${Sr.value + 4}`,
-					visibility: wr.value || Q.value.left === Q.value.right ? "hidden" : "visible",
+					border: `1px solid ${N.value}`,
+					zIndex: `${wr.value + 4}`,
+					visibility: Er.value || Q.value.left === Q.value.right ? "hidden" : "visible",
 					top: w.value && s.minimapCompact ? "calc(-100% - 12px)" : "-100%"
 				})
 			}, _e(Q.value.left), 7)) : d("", !0),
-			(wr.value || Q.value.left === Q.value.right) && (Q.value.left || Q.value.right) ? (g(), f("div", {
-				key: 5,
+			(Er.value || Q.value.left === Q.value.right) && (Q.value.left || Q.value.right) ? (g(), f("div", {
+				key: 4,
 				ref: "tooltipMerge",
 				class: m({
 					"range-tooltip": !0,
 					"range-tooltip-visible": Z.value,
 					"range-tooltip-arrow": !0,
-					"range-tooltip-arrow-left": !N.value.arrowLeft && !s.verticalHandles,
-					"range-tooltip-arrow-right": !N.value.arrowRight && !s.verticalHandles
+					"range-tooltip-arrow-left": !M.value.arrowLeft && !s.verticalHandles,
+					"range-tooltip-arrow-right": !M.value.arrowRight && !s.verticalHandles
 				}),
 				style: h({
-					left: N.value.tooltipCenter,
-					width: Tr.value.width + "px",
+					left: M.value.tooltipCenter,
+					width: Dr.value.width + "px",
 					color: ve(te)(s.selectColor),
 					backgroundColor: s.selectColor,
-					border: `1px solid ${P.value}`,
+					border: `1px solid ${N.value}`,
 					zIndex: "4",
 					top: w.value && s.minimapCompact ? "calc(-100% - 12px)" : "-100%"
 				})
 			}, _e(Q.value.left === Q.value.right ? Q.value.left : `${Q.value.left} - ${Q.value.right}`), 7)) : d("", !0),
 			Q.value.right ? (g(), f("div", {
-				key: 6,
+				key: 5,
 				ref_key: "tooltipRight",
-				ref: _r,
+				ref: yr,
 				class: m({
 					"range-tooltip": !0,
 					"range-tooltip-visible": Z.value,
-					"range-tooltip-arrow": N.value.arrowRight && !s.verticalHandles,
-					"range-tooltip-arrow-right": !N.value.arrowRight && !s.verticalHandles
+					"range-tooltip-arrow": M.value.arrowRight && !s.verticalHandles,
+					"range-tooltip-arrow-right": !M.value.arrowRight && !s.verticalHandles
 				}),
 				style: h({
-					left: N.value.tooltipRight,
+					left: M.value.tooltipRight,
 					color: ve(te)(s.selectColor),
 					backgroundColor: s.selectColor,
-					border: `1px solid ${P.value}`,
+					border: `1px solid ${N.value}`,
 					zIndex: "4",
-					visibility: wr.value || Q.value.left === Q.value.right ? "hidden" : "visible",
+					visibility: Er.value || Q.value.left === Q.value.right ? "hidden" : "visible",
 					top: w.value && s.minimapCompact ? "calc(-100% - 12px)" : "-100%"
 				})
 			}, _e(Q.value.right), 7)) : d("", !0)
 		], 36)], 44, we));
 	}
-}, [["__scopeId", "data-v-023703bd"]]);
+}, [["__scopeId", "data-v-cb690903"]]);
 //#endregion
-export { kt as t };
+export { At as t };