vue-data-ui 3.25.13 → 3.26.0

package/dist/SlicerPreview-BgyIezm0.js

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