vue-data-ui 3.17.13 → 3.18.0

package/dist/SlicerPreview-BLlQTUI_.js

@@ -0,0 +1,1523 @@
+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-B83ZCydz.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-CL6Y7alf.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 = {
+	class: "vue-data-ui-slicer-labels",
+	style: {
+		position: "relative",
+		"z-index": "1",
+		"pointer-events": "none"
+	}
+}, Se = {
+	key: 0,
+	style: {
+		width: "100%",
+		position: "relative",
+		"pointer-events": "all"
+	}
+}, Ce = {
+	key: 0,
+	class: "minimap",
+	style: { width: "100%" }
+}, we = ["xmlns", "viewBox"], Te = ["id"], Ee = ["stop-color"], De = [
+	"width",
+	"height",
+	"stroke"
+], Oe = ["d", "stroke"], ke = ["d", "fill"], Ae = [
+	"x",
+	"y",
+	"width",
+	"height",
+	"fill"
+], je = [
+	"d",
+	"stroke",
+	"stroke-dasharray"
+], Me = [
+	"cx",
+	"cy",
+	"fill",
+	"stroke"
+], Ne = [
+	"cx",
+	"cy",
+	"fill",
+	"stroke"
+], Pe = [
+	"x",
+	"width",
+	"height",
+	"fill",
+	"rx"
+], Fe = [
+	"x",
+	"width",
+	"height",
+	"rx",
+	"fill"
+], Ie = [
+	"x",
+	"width",
+	"height",
+	"fill",
+	"rx",
+	"aria-valuemin",
+	"aria-valuemax",
+	"aria-valuenow",
+	"aria-valuetext"
+], Le = [
+	"x2",
+	"y1",
+	"y2",
+	"stroke"
+], Re = { key: "merged-tree" }, ze = ["d", "fill"], Be = ["d", "stroke"], Ve = [
+	"cx",
+	"cy",
+	"stroke",
+	"fill"
+], He = [
+	"cx",
+	"cy",
+	"stroke",
+	"fill"
+], Ue = { key: "split-tree" }, We = [
+	"x",
+	"y",
+	"width",
+	"height",
+	"fill"
+], Ge = [
+	"d",
+	"stroke",
+	"stroke-dasharray"
+], Ke = [
+	"cx",
+	"cy",
+	"fill",
+	"stroke"
+], qe = ["width", "height"], Je = [
+	"x",
+	"width",
+	"height",
+	"fill",
+	"stroke",
+	"stroke-width"
+], Ye = ["transform"], Xe = ["width", "height"], Ze = ["fill", "stroke"], Qe = ["stroke"], $e = ["fill"], et = [
+	"x",
+	"width",
+	"height",
+	"fill",
+	"stroke",
+	"stroke-width"
+], tt = ["transform"], nt = ["width", "height"], rt = ["fill", "stroke"], it = ["stroke"], at = ["fill"], ot = {
+	key: "merged-tree",
+	style: { "pointer-events": "none" }
+}, st = [
+	"cx",
+	"cy",
+	"stroke",
+	"fill"
+], ct = [
+	"cx",
+	"cy",
+	"fill"
+], lt = [
+	"cx",
+	"cy",
+	"stroke",
+	"fill"
+], ut = [
+	"cx",
+	"cy",
+	"fill"
+], dt = {
+	key: 1,
+	style: { "pointer-events": "none" }
+}, ft = [
+	"d",
+	"stroke",
+	"stroke-dasharray"
+], pt = [
+	"cx",
+	"cy",
+	"fill",
+	"stroke"
+], mt = [
+	"cx",
+	"cy",
+	"stroke",
+	"fill"
+], ht = [
+	"cx",
+	"cy",
+	"fill"
+], gt = [
+	"cx",
+	"cy",
+	"stroke",
+	"fill"
+], _t = [
+	"cx",
+	"cy",
+	"fill"
+], vt = [
+	"cx",
+	"cy",
+	"fill",
+	"stroke"
+], yt = [
+	"min",
+	"max",
+	"tabindex"
+], bt = [
+	"min",
+	"max",
+	"tabindex"
+], xt = 48, St = /* @__PURE__ */ s({
+	__name: "SlicerPreview",
+	props: {
+		uuid: {
+			type: String,
+			default: ""
+		},
+		immediate: {
+			type: Boolean,
+			default: !0
+		},
+		background: {
+			type: String,
+			default: "#FFFFFF"
+		},
+		borderColor: {
+			type: String,
+			default: "#FFFFFF"
+		},
+		fontSize: {
+			type: Number,
+			default: 14
+		},
+		labelLeft: {
+			type: [String, Number],
+			default: ""
+		},
+		labelRight: {
+			type: [String, Number],
+			default: ""
+		},
+		textColor: {
+			type: String,
+			default: "#1A1A1A"
+		},
+		inputColor: {
+			type: String,
+			default: "#1A1A1A"
+		},
+		max: {
+			type: Number,
+			default: 0
+		},
+		min: {
+			type: Number,
+			default: 0
+		},
+		selectColor: {
+			type: String,
+			default: "#4A4A4A"
+		},
+		useResetSlot: {
+			type: Boolean,
+			default: !1
+		},
+		valueStart: {
+			type: [Number, String],
+			default: 0
+		},
+		valueEnd: {
+			type: [Number, String],
+			default: 0
+		},
+		minimap: {
+			type: Array,
+			default: []
+		},
+		smoothMinimap: {
+			type: Boolean,
+			default: !1
+		},
+		minimapSelectedColor: {
+			type: String,
+			default: "#1f77b4"
+		},
+		minimapSelectionRadius: {
+			type: Number,
+			default: 12
+		},
+		minimapLineColor: {
+			type: String,
+			default: "#2D353C"
+		},
+		minimapSelectedColorOpacity: {
+			type: Number,
+			default: .2
+		},
+		minimapSelectedIndex: {
+			type: Number,
+			default: null
+		},
+		minimapIndicatorColor: {
+			type: String,
+			default: "#2D353C"
+		},
+		refreshStartPoint: {
+			type: Number,
+			default: 0
+		},
+		refreshEndPoint: {
+			type: Number,
+			default: null
+		},
+		enableRangeHandles: {
+			type: Boolean,
+			default: !1
+		},
+		enableSelectionDrag: {
+			type: Boolean,
+			default: !0
+		},
+		verticalHandles: {
+			type: Boolean,
+			default: !1
+		},
+		timeLabels: { type: Array },
+		isPreview: {
+			type: Boolean,
+			default: !1
+		},
+		preciseLabels: {
+			type: Array,
+			default() {
+				return [];
+			}
+		},
+		usePreciseLabels: {
+			type: Boolean,
+			default: !1
+		},
+		selectedSeries: { type: Object },
+		customFormat: { type: [Function, null] },
+		minimapCompact: {
+			type: Boolean,
+			default: !1
+		},
+		allMinimaps: {
+			type: Array,
+			default() {
+				return [];
+			}
+		},
+		minimapMerged: {
+			type: Boolean,
+			default: !1
+		},
+		minimapFrameColor: {
+			type: String,
+			default: "#e1e5e8"
+		},
+		cutNullValues: {
+			type: Boolean,
+			default: !1
+		},
+		focusOnDrag: {
+			type: Boolean,
+			default: !1
+		},
+		focusRangeRatio: {
+			type: Number,
+			default: .1
+		},
+		minScale: {
+			type: Number,
+			default: null
+		},
+		maxScale: {
+			type: Number,
+			default: null
+		},
+		forceZeroCenter: {
+			type: Boolean,
+			default: !1
+		},
+		maxWidth: {
+			type: Number,
+			default: null
+		},
+		isCursorPointer: {
+			type: Boolean,
+			default: !1
+		},
+		additionalMinimapHeight: {
+			type: Number,
+			default: 0
+		},
+		handleType: {
+			type: String,
+			default: ""
+		},
+		handleWidth: {
+			type: Number,
+			default: 20
+		},
+		handleBorderWidth: {
+			type: Number,
+			default: 1
+		},
+		handleIconColor: {
+			type: String,
+			default: null
+		},
+		handleBorderColor: {
+			type: String,
+			default: null
+		},
+		handleFill: {
+			type: String,
+			default: null
+		}
+	},
+	emits: [
+		"futureStart",
+		"futureEnd",
+		"update:start",
+		"update:end",
+		"reset",
+		"trapMouse"
+	],
+	setup(s, { expose: St, emit: Ct }) {
+		he((e) => ({
+			v430f58ca: zt.value,
+			v766ddc0f: P.value,
+			v36e8e240: Vt.value,
+			v56a31d3f: s.selectColor,
+			v3f0e5f66: Bt.value,
+			cac91182: x.additionalMinimapHeight
+		}));
+		let x = s, S = v(null), C = v(x.min), w = v(x.max), T = d(() => !!x.allMinimaps.length), wt = v(n()), E = v(!1), D = d(() => T.value && x.minimapCompact), O = v(null), Tt = v(!1), Et = v(0), Dt = v(0), Ot = v(null), kt = d(() => Math.min(40, Math.max(20, x.handleWidth))), At = v(0), jt = c((e) => M("futureStart", e), 0), Mt = c((e) => M("futureEnd", e), 0), k = d({
+			get: () => C.value,
+			set(e) {
+				let t = Math.min(e, w.value - 1);
+				t !== C.value && (C.value = t, bn.value && (bn.value.value = String(t)), x.immediate ? M("update:start", Number(t)) : E.value && jt(t));
+			}
+		}), A = d({
+			get: () => w.value,
+			set(e) {
+				let t = Math.max(e, C.value + 1);
+				t !== w.value && (w.value = t, xn.value && (xn.value.value = String(t)), x.immediate ? M("update:end", Number(t)) : E.value && Mt(t));
+			}
+		});
+		function j() {
+			clearTimeout(null), x.immediate || (M("update:start", Number(C.value)), M("update:end", Number(w.value))), E.value = !1;
+		}
+		let Nt = d(() => x.refreshEndPoint === null ? x.max : x.refreshEndPoint), M = Ct, Pt = d(() => {
+			if (D.value) {
+				let e = Math.max(1, R.value - 1);
+				return pn.value / e * 100;
+			}
+			let e = Math.max(1, x.max - x.min);
+			return (C.value - x.min) / e * 100;
+		}), Ft = d(() => {
+			if (D.value) {
+				let e = Math.max(1, R.value - 1);
+				return mn.value / e * 100;
+			}
+			let e = Math.max(1, x.max - x.min);
+			return (w.value - x.min) / e * 100;
+		}), It = d(() => (Pt.value + Ft.value) / 2), Lt = 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) - Yn.value / 2 < 0;
+		}), Rt = 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) + Xn.value / 2 > t;
+		}), N = d(() => {
+			let e = Rt.value ? `calc(${It.value}% - ${nr.value.width}px)` : Lt.value ? `calc(${It.value}% - 8px)` : `calc(${It.value}% - ${nr.value.width / 2}px)`;
+			return {
+				left: `${Pt.value}%`,
+				width: `${Math.max(0, Ft.value - Pt.value)}%`,
+				background: x.selectColor,
+				tooltipLeft: `calc(${Pt.value}% - ${Lt.value ? 9 : Yn.value / 2}px)`,
+				tooltipRight: `calc(${Ft.value}% - ${Rt.value ? Xn.value - 9 : Xn.value / 2}px)`,
+				tooltipCenter: e,
+				arrowLeft: !Lt.value,
+				arrowRight: !Rt.value
+			};
+		}), zt = d(() => x.inputColor), Bt = d(() => x.background), Vt = d(() => `${x.selectColor}33`), P = d(() => x.borderColor), Ht = d(() => Number(x.max) > Number(x.min));
+		function Ut() {
+			M("reset");
+		}
+		b(() => x.min, (e) => {
+			Number(C.value) < Number(e) && (C.value = Number(e)), Number(w.value) < Number(e) && (w.value = Number(e));
+		}), b(() => x.max, (e) => {
+			Number(C.value) > Number(e) && (C.value = Number(e)), Number(w.value) > Number(e) && (w.value = Number(e));
+		});
+		let F = v(null), I = v({
+			width: 1,
+			height: 1
+		}), L = v(null);
+		ue(() => {
+			if (T.value) {
+				let e = c(() => {
+					if (!F.value) return;
+					let { width: e, height: t } = l({ 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 + x.additionalMinimapHeight);
+				}, 0);
+				L.value = new ResizeObserver(e), L.value.observe(F.value);
+			}
+		}), le(() => {
+			L.value && L.value.disconnect();
+		});
+		let R = d(() => Math.max(1, x.max - x.min));
+		function Wt(e) {
+			let t = Math.floor(e - x.min);
+			return Math.min(Math.max(0, t), R.value);
+		}
+		function Gt(e) {
+			let t = Math.ceil(e - x.min);
+			return Math.min(Math.max(0, t), R.value);
+		}
+		let z = d(() => Wt(C.value)), B = d(() => Gt(w.value)), Kt = d(() => Math.max(...x.allMinimaps.map((e) => e.series.length))), qt = d(() => T.value && x.minimapCompact ? 40 : 0), Jt = d(() => qt.value / 2);
+		d(() => Math.max(1, I.value.width - Jt.value * 2));
+		let V = d(() => {
+			let e = Math.max(1, Kt.value - +!!x.minimapCompact);
+			return I.value.width / e;
+		}), Yt = d(() => x.allMinimaps.length ? x.allMinimaps.filter((e) => e.type === "bar" && e.isVisible).length : 0), Xt = d(() => V.value / (Yt.value || 1) * .8);
+		function Zt(e, t, n) {
+			let r = Xt.value, i = Math.max(1, Yt.value), a = Kt.value - 1;
+			return n === 0 ? e + r / 2 * t : n === a ? e - r / 2 * (i - t) : e - i * r / 2 + t * r;
+		}
+		function Qt(e, t) {
+			return [0, Kt.value - 1].includes(t) ? Xt.value / 2 : Xt.value;
+		}
+		let $t = 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));
+			return e.length ? {
+				min: Math.min(...e),
+				max: Math.max(...e)
+			} : {
+				min: 0,
+				max: 1
+			};
+		}), en = d(() => {
+			if (x.minScale == null && x.forceZeroCenter) return null;
+			let e = Number(x.minScale);
+			return Number.isFinite(e) ? e : null;
+		}), tn = d(() => {
+			if (x.maxScale == null && x.forceZeroCenter) return null;
+			let e = Number(x.maxScale);
+			return Number.isFinite(e) ? e : null;
+		}), nn = d(() => en.value !== null && tn.value !== null), rn = d(() => {
+			let { min: e, max: t } = $t.value, n = en.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
+			};
+		}), an = d(() => rn.value.min), on = d(() => rn.value.max), sn = d(() => an.value < 0 && on.value > 0 || on.value <= 0 ? an.value : 0), cn = (e) => {
+			let t = Math.max(1, I.value.height);
+			return un(an.value, on.value, t, nn.value)(e);
+		}, ln = d(() => cn(0));
+		function un(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) {
+				let t = Math.max(a, 0 - e);
+				return (r) => n - (r - e) / t * n;
+			} else if (e >= 0) {
+				let e = Math.max(a, t - 0);
+				return (t) => n - (t - 0) / e * n;
+			} else {
+				let r = Math.max(a, Math.max(Math.abs(e), Math.abs(t)));
+				return (e) => (1 - (i(e / r, -1, 1) + 1) / 2) * n;
+			}
+		}
+		function dn(e, n = !1, ee = !1) {
+			if (!e || !e.length) return {
+				fullSet: "",
+				points: [],
+				selectionSet: "",
+				sliced: [],
+				firstPlot: null,
+				lastPlot: null,
+				hasFull: !1,
+				hasSelection: !1,
+				fullMarkers: [],
+				selectionMarkers: [],
+				dashed: !1
+			};
+			let te = Math.max(1, I.value.height), ne = un(an.value, on.value, te, nn.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(nn.value ? ((e, t, n) => Math.max(t, Math.min(n, e)))(0, an.value, on.value) : 0);
+				return {
+					x: i,
+					y: r ? ne(n) : NaN,
+					v: n,
+					value: n == null ? null : r ? n : null,
+					y0: a,
+					i: 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);
+			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)) : "",
+				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)) : "",
+				sliced: f,
+				firstPlot: l[c] || null,
+				lastPlot: 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 ? dn(x.minimap) : []), U = d(() => x.allMinimaps.length ? x.allMinimaps.map((e, t) => {
+			let n = dn(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,
+				...n,
+				temperatureColors: e?.temperatureColors ?? null,
+				isVisible: e.isVisible,
+				type: e.type || void 0,
+				dashed: e.dashed ?? !1,
+				useStepper: !!e.useStepper
+			};
+		}) : []), W = d(() => {
+			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), fn = (e) => Math.round(x.min + e), pn = d({
+			get() {
+				return D.value ? z.value : Number(k.value);
+			},
+			set(e) {
+				if (D.value) wn(fn(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);
+					bn.value && (bn.value.valueAsNumber = r), wn(r);
+				}
+			}
+		}), mn = d({
+			get() {
+				return D.value ? Math.max(z.value, B.value - 1) : Number(A.value);
+			},
+			set(e) {
+				if (D.value) En(fn(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));
+					xn.value && (xn.value.valueAsNumber = r), En(r);
+				}
+			}
+		});
+		function hn(e) {
+			G.value = Wt(x.valueStart) + e;
+		}
+		let gn = re(hn, 60);
+		b(() => x.minimapSelectedIndex, (e, t) => {
+			if ([null, void 0].includes(e)) {
+				G.value = null;
+				return;
+			}
+			e !== t && gn(e);
+		}, { immediate: !0 });
+		function _n(e) {
+			G.value = e;
+			let t = z.value, n = B.value;
+			e >= t && e < n && !Z.value && M("trapMouse", e - t);
+		}
+		function vn(e) {
+			Ht.value && _n(yr(vr(e.clientX)));
+		}
+		function yn() {
+			G.value = null, M("trapMouse", null);
+		}
+		let bn = v(null), xn = v(null);
+		function Sn(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;
+			}
+			let t = +e;
+			return Number.isFinite(t) ? t : NaN;
+		}
+		let Cn = 0;
+		function wn(e) {
+			E.value = !0;
+			let t = Sn(e);
+			Number.isFinite(t) && (cancelAnimationFrame(Cn), Cn = requestAnimationFrame(() => {
+				k.value = t;
+			}));
+		}
+		let Tn = 0;
+		function En(e) {
+			E.value = !0;
+			let t = Sn(e);
+			Number.isFinite(t) && (cancelAnimationFrame(Tn), Tn = requestAnimationFrame(() => {
+				A.value = t;
+			}));
+		}
+		le(() => {
+			cancelAnimationFrame(Cn), cancelAnimationFrame(Tn);
+		});
+		let Dn = d(() => x.valueEnd - x.valueStart), On = d(() => Dn.value < x.max - x.min), K = v(!1), kn = v(null), An = d(() => (At.value - 48) / (x.max - x.min) * Dn.value), jn = d(() => Math.max(1, At.value - xt - An.value)), Mn = d(() => Math.max(1, x.max - x.min - Dn.value)), Nn = d(() => Mn.value / jn.value), Pn = v(0), Fn = v(0), In = v(0), Ln = v(0), q = null, J = null, Y = null, X = null, Rn = v(x.min);
+		function zn(e) {
+			if (!S.value) return x.min;
+			let t = S.value.getBoundingClientRect(), n = t.left + xt / 2, r = t.right - xt / 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 Bn = async (t) => {
+			if (E.value = !0, Q.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;
+			K.value = !0;
+			let a = n ? r ? r.clientX : 0 : t.clientX;
+			if (kn.value = a, Pn.value = a, x.focusOnDrag && !On.value && S.value) {
+				Rn.value = zn(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 = Rn.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, jt(o), Mt(ee), e(S.value, "mouseup"), await se(), e(S.value, "mousedown", { clientX: a });
+			}
+			Fn.value = C.value, In.value = w.value, Ln.value = Nn.value, q = n ? "touchmove" : "mousemove", J = n ? "touchend" : "mouseup", Y = n ? Hn : Vn, X = n ? Gn : Wn, window.addEventListener(q, Y, { passive: !1 }), window.addEventListener(J, X);
+		};
+		function Vn(e) {
+			K.value && Un(e.clientX);
+		}
+		function Hn(e) {
+			if (!K.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 && Un(n.clientX);
+		}
+		function Un(e) {
+			if (!K.value) return;
+			let t = zn(Pn.value), n = zn(e) - t, r = Math.round(Fn.value + n);
+			r = Math.max(x.min, Math.min(r, x.max - Dn.value));
+			let i = r + Dn.value;
+			k.value = r, A.value = i, jt(r), Mt(i);
+		}
+		function Wn() {
+			Kn();
+		}
+		function Gn() {
+			Kn();
+		}
+		function Kn() {
+			K.value = !1, q && Y && window.removeEventListener(q, Y), J && X && window.removeEventListener(J, X), q = J = null, Y = X = null, j();
+		}
+		let Z = v(!1), qn = v(null), Jn = v(null), Yn = v(1), Xn = v(1), Q = v(!1);
+		function Zn() {
+			if (qn.value) {
+				let e = Math.round(qn.value.getBoundingClientRect().width);
+				e !== Yn.value && (Yn.value = e);
+			}
+		}
+		function Qn() {
+			if (Jn.value) {
+				let e = Math.round(Jn.value.getBoundingClientRect().width);
+				e !== Xn.value && (Xn.value = e);
+			}
+		}
+		de(() => {
+			Zn(), Qn();
+		});
+		let $n = v(0);
+		function er(e) {
+			$n.value = +(e === "start");
+		}
+		let tr = v(!1), nr = v({
+			width: 0,
+			left: 0
+		});
+		b([C, w], async () => {
+			if (await se(), !qn.value || !Jn.value) {
+				tr.value = !1, nr.value = {
+					width: 0,
+					left: 0
+				};
+				return;
+			}
+			let e = qn.value.getBoundingClientRect(), t = Jn.value.getBoundingClientRect();
+			tr.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;
+			nr.value = {
+				width: i,
+				left: (n + r) / 2 - i / 2
+			};
+		}), de(() => {
+			Zn(), Qn();
+		}), b(() => x.labelLeft, () => {
+			se(Zn);
+		}, { deep: !0 }), b(() => x.labelRight, () => {
+			se(Qn);
+		}, { deep: !0 });
+		let $ = d(() => {
+			let e = "", t = "", n = !1;
+			if (ee(x.customFormat)) try {
+				let r = x.customFormat({
+					absoluteIndex: C.value,
+					seriesIndex: C.value,
+					datapoint: x.selectedSeries,
+					timeLabel: x.preciseLabels[C.value],
+					side: "left"
+				}), i = x.customFormat({
+					absoluteIndex: w.value - 1,
+					seriesIndex: -1,
+					datapoint: x.selectedSeries,
+					timeLabel: x.preciseLabels[w.value - 1],
+					side: "right"
+				});
+				typeof r == "string" && typeof i == "string" && (e = r, t = i, n = !0);
+			} catch {
+				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);
+				e = n ? n.text : "", t = r ? r.text : "";
+			}
+			return {
+				left: e,
+				right: t
+			};
+		});
+		le(() => {
+			L.value && L.value.disconnect(), q && Y && window.removeEventListener(q, Y), J && X && window.removeEventListener(J, X), q = J = null, Y = X = null, clearTimeout(null);
+		});
+		let rr = d(() => {
+			if (!Ht.value) return null;
+			if (G.value >= z.value && G.value < B.value) {
+				let e = G.value, t = V.value * e + (x.minimapCompact ? 0 : V.value / 2);
+				return {
+					x1: t,
+					x2: t,
+					y1: 0,
+					y2: Math.max(I.value.height, 0),
+					stroke: x.minimapIndicatorColor,
+					"stroke-linecap": "round",
+					"stroke-dasharray": 2,
+					"stroke-width": 1
+				};
+			}
+			return null;
+		}), ir = d(() => Number(C.value) < Number(w.value) - 1), ar = d(() => Number(C.value) > Number(x.min)), or = d(() => Number(w.value) < Number(x.max)), sr = d(() => Number(w.value) > Number(C.value) + 1);
+		function cr(e) {
+			let t = Number(C.value) + e;
+			e > 0 && !ir.value || e < 0 && !ar.value || (E.value = !0, k.value = t, j());
+		}
+		function lr(e) {
+			let t = Number(w.value) + e;
+			e > 0 && !or.value || e < 0 && !sr.value || (E.value = !0, A.value = t, j());
+		}
+		let ur = {
+			plus: () => cr(1),
+			minus: () => cr(-1),
+			canPlus: ir,
+			canMinus: ar
+		}, dr = {
+			plus: () => lr(1),
+			minus: () => lr(-1),
+			canPlus: or,
+			canMinus: sr
+		};
+		function fr(e) {
+			if (!e || pr(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 ? (ur.plus(), dr.plus()) : (ur.minus(), dr.minus()));
+		}
+		function pr(e) {
+			return e instanceof HTMLElement && (e.isContentEditable || e.tagName === "INPUT" || e.tagName === "TEXTAREA" || e.tagName === "SELECT");
+		}
+		function mr(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 hr(e, t) {
+			if (!t || pr(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 ? ur.plus() : ur.minus() : i ? dr.plus() : dr.minus(), se(() => mr(e)));
+		}
+		let gr = 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)
+		})), _r = d(() => ({
+			tabindex: 0,
+			role: "slider",
+			"aria-label": "Range end",
+			"aria-valuemin": Math.min(Number(x.max), Number(C.value) + 1),
+			"aria-valuemax": Number(x.max),
+			"aria-valuenow": Number(w.value)
+		}));
+		function vr(e) {
+			if (!Ot.value) return 0;
+			let t = Ot.value.getBoundingClientRect();
+			return t.width ? (e - t.left) / t.width * I.value.width : 0;
+		}
+		function yr(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 br(e) {
+			let t = yr(e);
+			if (O.value === "start") {
+				let e = Math.min(x.min + t, Number(w.value) - 1);
+				k.value = e, jt(e);
+				return;
+			}
+			if (O.value === "end") {
+				let e = Math.max(Number(C.value) + 1, x.min + t + 1), n = Math.min(x.max, e);
+				A.value = n, Mt(n);
+			}
+		}
+		function xr(e) {
+			if (!O.value || !F.value) return;
+			let t = e.clientX - Et.value;
+			if (!Tt.value) {
+				if (Math.abs(t) < 4) return;
+				Tt.value = !0, E.value = !0, Q.value = !0;
+			}
+			let n = vr(e.clientX) - Dt.value;
+			br(O.value === "start" ? n + kt.value : n);
+		}
+		function Sr() {
+			if (!O.value) return;
+			window.removeEventListener("mousemove", xr, !0), window.removeEventListener("mouseup", Sr, !0);
+			let e = Tt.value;
+			O.value = null, Tt.value = !1, Et.value = 0, Dt.value = 0, e && j();
+		}
+		function Cr(e, t) {
+			if (!T.value || !x.minimapCompact || !F.value) return;
+			t.preventDefault(), t.stopPropagation();
+			let n = vr(t.clientX), r = e === "start" ? W.value.x - kt.value : W.value.x + W.value.width;
+			O.value = e, Tt.value = !1, Et.value = t.clientX, Dt.value = n - r, window.addEventListener("mousemove", xr, !0), window.addEventListener("mouseup", Sr, !0);
+		}
+		let wr = d(() => z.value), Tr = d(() => Math.max(z.value, B.value - 1));
+		d(() => {
+			if (!T.value || !x.minimapCompact || !x.allMinimaps.length) return [];
+			let e = wr.value, t = Tr.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);
+				return i && r.push({
+					key: `${n.key}-left-${i.i}`,
+					x: i.x,
+					y: i.y,
+					color: n.color
+				}), a && t !== e && r.push({
+					key: `${n.key}-right-${a.i}`,
+					x: a.x,
+					y: a.y,
+					color: n.color
+				}), r;
+			});
+		});
+		let Er = d(() => Math.min(40, Math.max(20, x.handleWidth))), Dr = d(() => W.value.x - Er.value), Or = d(() => W.value.x + W.value.width);
+		return St({
+			setStartValue: wn,
+			setEndValue: En
+		}), (e, t) => (_(), p("div", {
+			"data-minimap": T.value,
+			"data-dom-to-png-ignore": "",
+			style: g([{ padding: "0 48px" }, {
+				maxWidth: s.maxWidth ? s.maxWidth + "px" : void 0,
+				margin: s.maxWidth ? "0 auto" : void 0
+			}]),
+			class: "vue-data-ui-zoom",
+			ref_key: "zoomWrapper",
+			ref: S,
+			onMousedown: Bn,
+			onTouchstart: Bn
+		}, [m("div", xe, [s.valueStart !== s.refreshStartPoint || s.valueEnd !== Nt.value ? (_(), p("div", Se, [fe(e.$slots, "reset-action", { reset: Ut }, () => [m("button", {
+			tabindex: "0",
+			role: "button",
+			class: "vue-data-ui-refresh-button",
+			style: g({
+				top: T.value ? "36px" : "-16px",
+				cursor: s.isCursorPointer ? "pointer" : "default"
+			}),
+			onClick: Ut
+		}, [ae(ie, {
+			name: "refresh",
+			stroke: s.textColor
+		}, null, 8, ["stroke"])], 4)], !0)])) : f("", !0)]), m("div", {
+			class: "double-range-slider",
+			ref_key: "minimapWrapper",
+			ref: F,
+			style: g([{ "z-index": "0" }, T.value ? {
+				"--minimap-unit-px": V.value + "px",
+				"--minimap-offset-px": (s.minimapCompact ? 0 : V.value / 2) + "px"
+			} : void 0]),
+			onMouseenter: t[18] ||= (e) => Q.value = !0,
+			onMouseleave: t[19] ||= (e) => Q.value = !1
+		}, [
+			T.value ? (_(), p("div", Ce, [(_(), p("svg", {
+				ref_key: "minimapSvg",
+				ref: Ot,
+				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: wt.value,
+					x1: "0%",
+					y1: "0%",
+					x2: "0%",
+					y2: "100%"
+				}, [m("stop", {
+					offset: "0%",
+					"stop-color": `${s.minimapLineColor}50`
+				}, null, 8, Ee), t[20] ||= m("stop", {
+					offset: "100%",
+					"stop-color": "transparent"
+				}, null, -1)], 8, Te)]),
+				s.minimapCompact ? (_(), p("rect", {
+					key: 0,
+					class: "vue-ui-zoom-minimap-frame",
+					x: 0,
+					y: 0,
+					width: I.value.width,
+					height: I.value.height,
+					fill: "none",
+					stroke: s.minimapFrameColor,
+					rx: 3
+				}, null, 8, De)) : f("", !0),
+				e.$slots.slotMap ? f("", !0) : (_(), p(u, { key: 1 }, [s.minimapMerged ? (_(), p("path", {
+					key: 0,
+					d: `M${H.value.fullSet}`,
+					stroke: `${s.minimapLineColor}`,
+					fill: "none",
+					"stroke-width": "1",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					style: { opacity: "0.6" }
+				}, null, 8, Oe)) : 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(#${wt.value})`,
+					stroke: "none",
+					style: { opacity: "0.6" }
+				}, null, 8, ke)) : 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: Zt(n.x, t, r),
+						y: n.v >= 0 ? n.y : n.y0,
+						width: Qt(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)),
+					(_(!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}`,
+						fill: "none",
+						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", {
+						key: `sel-dot-under-${e.key}-${t.i}`,
+						cx: t.x,
+						cy: t.y,
+						r: "2",
+						fill: e.color,
+						stroke: P.value,
+						"stroke-width": "0.5",
+						style: { opacity: "0.6" }
+					}, null, 8, Me))), 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,
+						cy: t.y,
+						r: "2",
+						fill: e.color,
+						stroke: P.value,
+						"stroke-width": "0.5",
+						style: { opacity: "0.6" }
+					}, null, 8, Ne)) : f("", !0)]))), 256))]))), 256))
+				], 64))], 64)),
+				m("rect", {
+					x: W.value.x,
+					y: 0,
+					width: Math.max(0, W.value.width),
+					height: Math.max(I.value.height, 0),
+					fill: P.value,
+					rx: s.minimapSelectionRadius,
+					stroke: "none"
+				}, null, 8, Pe),
+				m("rect", {
+					x: W.value.x,
+					y: 0,
+					width: W.value.width < 0 ? 0 : W.value.width,
+					height: Math.max(I.value.height, 0),
+					rx: s.minimapSelectionRadius,
+					fill: P.value,
+					style: g({ opacity: K.value || E.value ? 0 : 1 })
+				}, null, 12, Fe),
+				m("rect", {
+					x: W.value.x,
+					y: 0,
+					width: W.value.width < 0 ? 0 : W.value.width,
+					height: Math.max(I.value.height, 0),
+					fill: s.minimapSelectedColor,
+					rx: s.minimapSelectionRadius,
+					style: g({ opacity: s.minimapSelectedColorOpacity }),
+					tabindex: "0",
+					role: "slider",
+					"aria-label": "Selected range",
+					"aria-valuemin": Number(x.min),
+					"aria-valuemax": Number(x.max),
+					"aria-valuenow": Number(C.value),
+					"aria-valuetext": $.value.left && $.value.right ? `${$.value.left} – ${$.value.right}` : void 0,
+					onKeydown: fr
+				}, null, 44, Ie),
+				!s.minimapMerged && sn.value < 0 ? (_(), p("line", {
+					key: 2,
+					class: "slicer-minimap-zero-line",
+					x1: 0,
+					x2: I.value.width,
+					y1: ln.value,
+					y2: ln.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, [
+					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(#${wt.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),
+					H.value && H.value.firstPlot ? (_(), p("circle", {
+						key: 1,
+						cx: H.value.firstPlot.x,
+						cy: H.value.firstPlot.y,
+						"stroke-width": "0.5",
+						stroke: P.value,
+						r: "3",
+						fill: s.minimapLineColor
+					}, null, 8, Ve)) : f("", !0),
+					H.value && H.value.lastPlot ? (_(), p("circle", {
+						key: 2,
+						cx: H.value.lastPlot.x,
+						cy: H.value.lastPlot.y,
+						"stroke-width": "0.5",
+						stroke: P.value,
+						r: "3",
+						fill: s.minimapLineColor
+					}, null, 8, He)) : f("", !0)
+				])) : (_(), p("g", Ue, [
+					(_(!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: Zt(n.x, t, r),
+						y: n.v >= 0 ? n.y : n.y0,
+						width: Qt(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)),
+					(_(!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}`,
+						stroke: e.temperatureColors ? `url(#temperature_grad_line_${t}_${s.uuid})` : e.color,
+						fill: "transparent",
+						"stroke-width": "2",
+						"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", {
+						key: 0,
+						cx: t.x,
+						cy: t.y,
+						r: "2",
+						fill: e.color,
+						stroke: P.value,
+						"stroke-width": "0.5",
+						style: { opacity: "0.6" }
+					}, null, 8, Ke)) : 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: ln.value,
+					unitW: Math.max(0, V.value)
+				})), void 0, !0) : f("", !0),
+				G.value !== null && !Z.value ? (_(), p("line", ce(oe({ key: 5 }, rr.value)), null, 16)) : f("", !0),
+				m("rect", {
+					x: 0,
+					y: 0,
+					width: Math.max(0, I.value.width),
+					height: Math.max(0, I.value.height),
+					fill: "transparent",
+					style: g([{ "pointer-events": "all !important" }, { cursor: s.enableSelectionDrag ? Z.value ? "grabbing" : "grab" : "default" }]),
+					onMousedown: t[0] ||= (e) => Z.value = !0,
+					onMouseup: t[1] ||= (e) => Z.value = !1,
+					onMousemove: vn,
+					onMouseleave: yn
+				}, null, 44, qe),
+				T.value && s.minimapCompact ? (_(), p(u, { key: 6 }, [
+					m("rect", oe({
+						class: "vue-ui-zoom-compact-minimap-handle",
+						x: Dr.value,
+						y: 0,
+						width: Er.value,
+						height: I.value.height,
+						fill: s.handleFill || P.value,
+						stroke: s.handleBorderColor || s.textColor,
+						"stroke-width": s.handleBorderWidth,
+						rx: 3
+					}, gr.value, {
+						onKeydown: t[2] ||= (e) => hr("start", e),
+						onMousedown: t[3] ||= ye((e) => Cr("start", e), ["stop", "prevent"]),
+						onClick: t[4] ||= ye(() => {}, ["stop", "prevent"])
+					}), null, 16, Je),
+					s.handleType && s.handleType !== "empty" ? (_(), p("g", {
+						key: 0,
+						class: "compact-handle-icon",
+						transform: `translate(${Dr.value}, 0)`,
+						style: { "pointer-events": "none" }
+					}, [(_(), p("svg", {
+						width: Er.value,
+						height: I.value.height,
+						viewBox: "0 0 20 20",
+						preserveAspectRatio: "xMidYMid meet"
+					}, [s.handleType === "arrow" ? (_(), p("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,
+						stroke: s.handleIconColor || s.textColor,
+						"stroke-width": .618,
+						"stroke-linejoin": "round",
+						"stroke-linecap": "round"
+					}, null, 8, Ze)) : 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",
+						stroke: s.handleIconColor || s.textColor,
+						"stroke-width": .618,
+						"stroke-linejoin": "round",
+						"stroke-linecap": "round"
+					}, null, 8, Qe)) : 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),
+					m("rect", oe({
+						class: "vue-ui-zoom-compact-minimap-handle",
+						x: Or.value,
+						y: 0,
+						width: Er.value,
+						height: I.value.height,
+						fill: s.handleFill || P.value,
+						stroke: s.handleBorderColor || s.textColor,
+						"stroke-width": s.handleBorderWidth,
+						rx: 3
+					}, _r.value, {
+						onKeydown: t[5] ||= (e) => hr("end", e),
+						onMousedown: t[6] ||= ye((e) => Cr("end", e), ["stop", "prevent"]),
+						onClick: t[7] ||= ye(() => {}, ["stop", "prevent"])
+					}), null, 16, et),
+					s.handleType && s.handleType !== "empty" ? (_(), p("g", {
+						key: 1,
+						class: "compact-handle-icon",
+						transform: `translate(${Or.value}, 0)`,
+						style: { "pointer-events": "none" }
+					}, [(_(), p("svg", {
+						width: Er.value,
+						height: I.value.height,
+						viewBox: "0 0 20 20",
+						preserveAspectRatio: "xMidYMid meet"
+					}, [s.handleType === "arrow" ? (_(), p("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,
+						stroke: s.handleIconColor || s.textColor,
+						"stroke-width": .618,
+						"stroke-linejoin": "round",
+						"stroke-linecap": "round"
+					}, null, 8, rt)) : 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",
+						stroke: s.handleIconColor || s.textColor,
+						"stroke-width": .618,
+						"stroke-linejoin": "round",
+						"stroke-linecap": "round"
+					}, null, 8, it)) : 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)
+				], 64)) : f("", !0),
+				e.$slots.slotMap ? f("", !0) : (_(), p(u, { key: 7 }, [s.minimapMerged ? (_(), p("g", ot, [
+					H.value && H.value.firstPlot && H.value.firstPlot.value !== null ? (_(), p("circle", {
+						key: 0,
+						cx: H.value.firstPlot.x,
+						cy: H.value.firstPlot.y,
+						"stroke-width": "0.5",
+						stroke: P.value,
+						r: "4",
+						fill: s.minimapLineColor
+					}, null, 8, st)) : 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),
+					H.value && H.value.lastPlot && H.value.lastPlot.value !== null ? (_(), p("circle", {
+						key: 2,
+						cx: H.value.lastPlot.x,
+						cy: H.value.lastPlot.y,
+						"stroke-width": "0.5",
+						stroke: P.value,
+						r: "4",
+						fill: s.minimapLineColor
+					}, null, 8, lt)) : 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) }, [
+					e && e.hasSelection && e.selectionSet && e.isVisible ? (_(), p("path", {
+						key: 0,
+						d: `M ${e.selectionSet}`,
+						stroke: e.temperatureColors ? `url(#temperature_grad_line_${t}_${s.uuid})` : e.color,
+						fill: "transparent",
+						"stroke-width": "2",
+						"stroke-linecap": "round",
+						"stroke-linejoin": "round",
+						"stroke-dasharray": e.dashed ? "2 4" : 0
+					}, null, 8, ft)) : 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,
+						cy: t.y,
+						r: "2.5",
+						fill: e.color,
+						stroke: P.value,
+						"stroke-width": "0.5"
+					}, null, 8, pt))), 128)) : f("", !0),
+					e && e.firstPlot && e.isVisible && e.firstPlot.value !== null ? (_(), p("circle", {
+						key: 2,
+						cx: e.firstPlot.x,
+						cy: e.firstPlot.y,
+						"stroke-width": "0.5",
+						stroke: P.value,
+						r: "4",
+						fill: e.color
+					}, null, 8, mt)) : 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),
+					e && e.lastPlot && e.isVisible && e.lastPlot.value !== null ? (_(), p("circle", {
+						key: 4,
+						cx: e.lastPlot.x,
+						cy: e.lastPlot.y,
+						"stroke-width": "0.5",
+						stroke: P.value,
+						r: "4",
+						fill: e.color
+					}, null, 8, gt)) : 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)
+				]))), 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,
+					cy: t.y,
+					r: "2.5",
+					fill: e.color,
+					stroke: P.value,
+					"stroke-width": "0.5"
+				}, null, 8, vt)) : f("", !0)]))), 256))]))), 128))]))], 64))
+			], 8, we))])) : f("", !0),
+			m("div", {
+				class: "slider-track",
+				style: g({ visibility: T.value && s.minimapCompact ? "hidden" : "visible" })
+			}, null, 4),
+			m("div", {
+				class: h({
+					"range-highlight": !0,
+					move: s.enableSelectionDrag
+				}),
+				onMousedown: t[8] ||= (e) => Z.value = !0,
+				onMouseup: t[9] ||= (e) => Z.value = !1,
+				style: g({
+					...N.value,
+					cursor: Z.value ? "grabbing" : "grab",
+					visibility: T.value && s.minimapCompact ? "hidden" : "visible"
+				})
+			}, null, 38),
+			s.enableRangeHandles ? _e((_(), p("input", {
+				key: 1,
+				"aria-label": "range-handle-left",
+				ref_key: "rangeStart",
+				ref: bn,
+				type: "range",
+				class: h({
+					"range-left": !0,
+					"range-handle": !0,
+					"range-minimap": T.value && s.verticalHandles,
+					"range-invisible": T.value && s.minimapCompact
+				}),
+				min: s.min,
+				max: s.minimapCompact && T.value ? Math.max(0, R.value - 1) : s.max,
+				tabindex: T.value ? -1 : 0,
+				"onUpdate:modelValue": t[10] ||= (e) => pn.value = e,
+				onFocus: t[11] ||= (e) => T.value && e.target.blur(),
+				onInput: t[12] ||= (e) => pn.value = e.target.valueAsNumber,
+				onChange: j,
+				onKeyup: ve(j, ["enter"]),
+				onBlur: j,
+				onMouseenter: t[13] ||= (e) => er("start"),
+				onPointerup: j
+			}, null, 42, yt)), [[
+				ge,
+				pn.value,
+				void 0,
+				{ number: !0 }
+			]]) : f("", !0),
+			s.enableRangeHandles ? _e((_(), p("input", {
+				key: 2,
+				"aria-label": "range-handle-right",
+				ref_key: "rangeEnd",
+				ref: xn,
+				type: "range",
+				class: h({
+					"range-right": !0,
+					"range-handle": !0,
+					"range-minimap": T.value && s.verticalHandles,
+					"range-invisible": T.value && s.minimapCompact
+				}),
+				min: s.min,
+				max: s.minimapCompact && T.value ? Math.max(0, R.value - 1) : s.max,
+				tabindex: T.value ? -1 : 0,
+				onFocus: t[14] ||= (e) => T.value && e.target.blur(),
+				"onUpdate:modelValue": t[15] ||= (e) => mn.value = e,
+				onInput: t[16] ||= (e) => mn.value = e.target.valueAsNumber,
+				onChange: j,
+				onKeyup: ve(j, ["enter"]),
+				onBlur: j,
+				onMouseenter: t[17] ||= (e) => er("end"),
+				onPointerup: j
+			}, null, 42, bt)), [[
+				ge,
+				mn.value,
+				void 0,
+				{ number: !0 }
+			]]) : f("", !0),
+			$.value.left ? (_(), p("div", {
+				key: 3,
+				ref_key: "tooltipLeft",
+				ref: qn,
+				class: h({
+					"range-tooltip": !0,
+					"range-tooltip-visible": Q.value,
+					"range-tooltip-arrow": N.value.arrowLeft && !s.verticalHandles,
+					"range-tooltip-arrow-left": !N.value.arrowLeft && !s.verticalHandles
+				}),
+				style: g({
+					left: N.value.tooltipLeft,
+					color: me(te)(s.selectColor),
+					backgroundColor: s.selectColor,
+					border: `1px solid ${P.value}`,
+					zIndex: `${$n.value + 4}`,
+					visibility: tr.value || $.value.left === $.value.right ? "hidden" : "visible",
+					top: T.value && s.minimapCompact ? "calc(-100% - 12px)" : "-100%"
+				})
+			}, pe($.value.left), 7)) : f("", !0),
+			(tr.value || $.value.left === $.value.right) && ($.value.left || $.value.right) ? (_(), p("div", {
+				key: 4,
+				ref: "tooltipMerge",
+				class: h({
+					"range-tooltip": !0,
+					"range-tooltip-visible": Q.value,
+					"range-tooltip-arrow": !0,
+					"range-tooltip-arrow-left": !N.value.arrowLeft && !s.verticalHandles,
+					"range-tooltip-arrow-right": !N.value.arrowRight && !s.verticalHandles
+				}),
+				style: g({
+					left: N.value.tooltipCenter,
+					width: nr.value.width + "px",
+					color: me(te)(s.selectColor),
+					backgroundColor: s.selectColor,
+					border: `1px solid ${P.value}`,
+					zIndex: "4",
+					top: T.value && s.minimapCompact ? "calc(-100% - 12px)" : "-100%"
+				})
+			}, pe($.value.left === $.value.right ? $.value.left : `${$.value.left} - ${$.value.right}`), 7)) : f("", !0),
+			$.value.right ? (_(), p("div", {
+				key: 5,
+				ref_key: "tooltipRight",
+				ref: Jn,
+				class: h({
+					"range-tooltip": !0,
+					"range-tooltip-visible": Q.value,
+					"range-tooltip-arrow": N.value.arrowRight && !s.verticalHandles,
+					"range-tooltip-arrow-right": !N.value.arrowRight && !s.verticalHandles
+				}),
+				style: g({
+					left: N.value.tooltipRight,
+					color: me(te)(s.selectColor),
+					backgroundColor: s.selectColor,
+					border: `1px solid ${P.value}`,
+					zIndex: "4",
+					visibility: tr.value || $.value.left === $.value.right ? "hidden" : "visible",
+					top: T.value && s.minimapCompact ? "calc(-100% - 12px)" : "-100%"
+				})
+			}, pe($.value.right), 7)) : f("", !0)
+		], 36)], 44, be));
+	}
+}, [["__scopeId", "data-v-b270cbf0"]]);
+//#endregion
+export { St as t };