vue-data-ui 3.22.10 → 3.22.12

package/dist/SlicerPreview-Cw6WMVhG.js

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