vue-data-ui 3.22.2 → 3.22.4

package/dist/Slicer-hEvKOLw3.js

@@ -0,0 +1,1145 @@
+import { Kt as e, N as t, R as n, W as r, j as i, r as a, t as o, z as ee } from "./lib-CuwHGt1j.js";
+import { t as s } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { c, r as te } from "./canvas-lib-BOP_HS11.js";
+import { t as l } from "./useResponsive-BfnK0KxU.js";
+import { t as ne } from "./BaseIcon-xBuW2jjI.js";
+import { Fragment as u, computed as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as re, mergeProps as ie, nextTick as ae, normalizeClass as h, normalizeProps as oe, normalizeStyle as g, onBeforeUnmount as se, onMounted as ce, onUpdated as le, openBlock as _, ref as v, renderList as y, renderSlot as ue, toDisplayString as de, unref as fe, useCssVars as pe, vModelText as me, watch as b, withDirectives as he } from "vue";
+//#region src/atoms/Slicer.vue
+var ge = ["data-minimap"], _e = {
+	class: "vue-data-ui-slicer-labels",
+	style: {
+		position: "relative",
+		"z-index": "1",
+		"pointer-events": "none"
+	}
+}, ve = {
+	key: 0,
+	style: {
+		width: "100%",
+		position: "relative",
+		"pointer-events": "all"
+	}
+}, ye = {
+	key: 0,
+	class: "minimap",
+	style: { width: "100%" }
+}, be = ["xmlns", "viewBox"], xe = ["id"], Se = ["stop-color"], Ce = [
+	"width",
+	"height",
+	"stroke"
+], we = ["d", "stroke"], Te = [
+	"x",
+	"width",
+	"y",
+	"height",
+	"fill"
+], Ee = ["d", "stroke"], De = [
+	"cx",
+	"cy",
+	"fill",
+	"stroke"
+], Oe = [
+	"x",
+	"width",
+	"height",
+	"fill",
+	"rx"
+], ke = [
+	"x",
+	"width",
+	"height",
+	"rx",
+	"fill"
+], Ae = [
+	"x",
+	"width",
+	"height",
+	"fill",
+	"rx"
+], je = [
+	"x2",
+	"y1",
+	"y2",
+	"stroke"
+], Me = ["d", "fill"], Ne = ["d", "stroke"], Pe = { key: 6 }, Fe = [
+	"x",
+	"width",
+	"y",
+	"height",
+	"fill"
+], Ie = ["d", "stroke"], Le = [
+	"x",
+	"width",
+	"height",
+	"fill",
+	"stroke",
+	"stroke-width"
+], Re = [
+	"x",
+	"width",
+	"height"
+], ze = ["fill", "stroke"], Be = ["stroke"], Ve = ["fill"], He = [
+	"x",
+	"width",
+	"height",
+	"fill",
+	"stroke",
+	"stroke-width"
+], Ue = [
+	"x",
+	"width",
+	"height"
+], We = ["fill", "stroke"], Ge = ["stroke"], Ke = ["fill"], qe = [
+	"cx",
+	"cy",
+	"stroke",
+	"fill"
+], Je = [
+	"cx",
+	"cy",
+	"fill"
+], Ye = [
+	"cx",
+	"cy",
+	"stroke",
+	"fill"
+], Xe = [
+	"cx",
+	"cy",
+	"fill"
+], Ze = { key: 12 }, Qe = [
+	"cx",
+	"cy",
+	"fill",
+	"stroke"
+], $e = [
+	"cx",
+	"cy",
+	"stroke",
+	"fill"
+], et = [
+	"cx",
+	"cy",
+	"fill"
+], tt = [
+	"cx",
+	"cy",
+	"stroke",
+	"fill"
+], nt = [
+	"cx",
+	"cy",
+	"fill"
+], rt = [
+	"height",
+	"x",
+	"width",
+	"onMouseenter"
+], it = ["min", "max"], at = ["min", "max"], ot = 48, st = /*#__PURE__*/ s({
+	__name: "Slicer",
+	props: {
+		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
+		},
+		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
+		},
+		maxWidth: {
+			type: Number,
+			default: null
+		},
+		isCursorPointer: {
+			type: Boolean,
+			default: !1
+		},
+		additionalMinimapHeight: {
+			type: Number,
+			default: 0
+		},
+		handleType: {
+			type: String,
+			default: ""
+		},
+		handleWidth: {
+			type: Number,
+			default: 20
+		},
+		handleBorderWidth: {
+			type: Number,
+			default: 1
+		},
+		handleIconColor: {
+			type: String,
+			default: null
+		},
+		handleBorderColor: {
+			type: String,
+			default: null
+		},
+		handleFill: {
+			type: String,
+			default: null
+		}
+	},
+	emits: [
+		"update:start",
+		"update:end",
+		"reset",
+		"trapMouse"
+	],
+	setup(s, { expose: st, emit: ct }) {
+		pe((e) => ({
+			e4f226d4: wt.value,
+			v257c750a: A.value,
+			v746192fb: Et.value,
+			v05b1b63a: s.selectColor,
+			v77671870: Tt.value
+		}));
+		let x = s, S = v(null), C = v(x.min), w = v(x.max), T = d(() => !!x.allMinimaps.length), lt = v(r()), E = d(() => T.value && x.minimapCompact), ut = v(0);
+		ce(() => {
+			let e = () => {
+				S.value && (ut.value = S.value.getBoundingClientRect().width);
+			};
+			e();
+			let t = c(e, 50);
+			window.addEventListener("resize", t), se(() => {
+				window.removeEventListener("resize", t);
+			});
+		});
+		let dt = d(() => x.refreshEndPoint === null ? x.max : x.refreshEndPoint), D = ct, O = d(() => {
+			if (E.value) {
+				let e = Math.max(1, Sn.value - 1);
+				return St.value / e * 100;
+			}
+			let e = Math.max(1, x.max - x.min);
+			return (C.value - x.min) / e * 100;
+		}), ft = d(() => {
+			if (E.value) {
+				let e = Math.max(1, Sn.value - 1);
+				return Ct.value / e * 100;
+			}
+			let e = Math.max(1, x.max - x.min);
+			return (w.value - x.min) / e * 100;
+		}), pt = d(() => (O.value + ft.value) / 2), mt = d(() => {
+			if (!S.value) return !1;
+			let e = S.value.getBoundingClientRect().width;
+			return O.value / 100 * e - hn.value / 2 < 0;
+		}), ht = d(() => {
+			if (!S.value) return !1;
+			let e = S.value.getBoundingClientRect().width;
+			return ft.value / 100 * e + gn.value / 2 > e;
+		}), k = d(() => {
+			let e = ht.value ? `calc(${pt.value}% - ${xn.value.width}px)` : mt.value ? `calc(${pt.value}% - 8px)` : `calc(${pt.value}% - ${xn.value.width / 2}px)`;
+			return {
+				left: `${O.value}%`,
+				width: `${Math.max(0, ft.value - O.value)}%`,
+				background: x.selectColor,
+				tooltipLeft: `calc(${O.value}% - ${mt.value ? 9 : hn.value / 2}px)`,
+				tooltipRight: `calc(${ft.value}% - ${ht.value ? gn.value - 9 : gn.value / 2}px)`,
+				tooltipCenter: e,
+				arrowLeft: !mt.value,
+				arrowRight: !ht.value
+			};
+		}), gt = d(() => Math.max(0, (N.value || 1) - 1)), _t = d(() => Math.max(0, (Sn.value || 1) - 1));
+		function vt(e) {
+			return _t.value === 0 ? 0 : Math.round(e / _t.value * gt.value);
+		}
+		function yt(e) {
+			return gt.value === 0 ? 0 : Math.round(e / gt.value * _t.value);
+		}
+		let bt = (e) => Math.floor(x.min + e), xt = (e) => Math.ceil(x.min + e), St = d({
+			get() {
+				return E.value ? vt(Q.value) : Number(C.value);
+			},
+			set(e) {
+				if (E.value) {
+					let t = Math.round(+e || 0), n = Math.max(0, vt(Math.max(0, $.value - 1)));
+					B(bt(yt(Math.min(Math.max(0, t), n))));
+				} else {
+					let t = Math.round(+e || 0), n = Number(w.value) - 1;
+					B(Math.min(Math.max(x.min, t), n));
+				}
+			}
+		}), Ct = d({
+			get() {
+				return E.value ? vt(Math.max(Q.value, $.value - 1)) : Number(w.value);
+			},
+			set(e) {
+				if (E.value) {
+					let t = Math.round(+e || 0), n = vt(Q.value);
+					V(xt(yt(Math.max(t, n)) + 1));
+				} else {
+					let t = Math.round(+e || 0), n = Number(C.value) + 1;
+					V(Math.max(n, Math.min(t, x.max)));
+				}
+			}
+		}), wt = d(() => x.inputColor), Tt = d(() => x.background), Et = d(() => `${x.selectColor}33`), A = d(() => x.borderColor), Dt = d(() => {
+			let e = [];
+			for (let t = 0; t < x.max; t += 1) e.push(t);
+			return e;
+		});
+		function Ot() {
+			D("reset");
+		}
+		b(() => x.min, (e) => {
+			Number(C.value) < Number(e) && (C.value = Number(e)), Number(w.value) < Number(e) && (w.value = Number(e));
+		}), b(() => x.max, (e) => {
+			Number(C.value) > Number(e) && (C.value = Number(e)), Number(w.value) > Number(e) && (w.value = Number(e));
+		});
+		let kt = v(null), j = v({
+			width: 1,
+			height: 1
+		}), M = v(null);
+		ce(() => {
+			if (T.value) {
+				let e = c(() => {
+					let { width: e, height: t } = l({ chart: kt.value });
+					j.value.width = e, j.value.height = t - 47;
+				});
+				M.value = new ResizeObserver(e), M.value.observe(kt.value);
+			}
+		}), se(() => {
+			M.value && M.value.disconnect();
+		});
+		let N = d(() => Math.max(...x.allMinimaps.map((e) => e.series.length), x.minimap.length || 0)), P = d(() => {
+			if (!N.value) return 0;
+			let e = Math.max(1, N.value - +!!x.minimapCompact);
+			return j.value.width / e;
+		}), At = d(() => {
+			let e = [];
+			if (Array.isArray(x.minimap) && x.minimap.length && x.minimapMerged && e.push(...x.minimap.filter(Number.isFinite)), Array.isArray(x.allMinimaps) && x.allMinimaps.length) for (let t of x.allMinimaps) t?.isVisible && Array.isArray(t?.series) && e.push(...t.series.filter(Number.isFinite));
+			return e.length ? {
+				min: Math.min(...e),
+				max: Math.max(...e)
+			} : {
+				min: 0,
+				max: 1
+			};
+		}), F = d(() => At.value.min), I = d(() => At.value.max), jt = d(() => F.value < 0 && I.value > 0 || I.value <= 0 ? F.value : 0), Mt = d(() => Math.max(1e-9, Math.max(Math.abs(F.value), Math.abs(I.value)))), Nt = d(() => F.value < 0 && I.value > 0), Pt = (e) => {
+			let t = Math.max(1, j.value.height);
+			if (Nt.value) {
+				let n = Mt.value;
+				return (1 - (Math.max(-1, Math.min(1, e / n)) + 1) / 2) * t;
+			} else {
+				let n = Math.min(0, F.value), r = Math.max(0, I.value);
+				return t - (e - n) / Math.max(1e-9, r - n) * t;
+			}
+		}, Ft = d(() => Pt(0)), It = d(() => x.allMinimaps.length ? x.allMinimaps.filter((e) => e.type === "bar").length : 0), Lt = d(() => P.value / (It.value || 1) * .8);
+		function Rt(e, t, n) {
+			let r = Lt.value, i = Math.max(1, It.value), a = N.value - 1;
+			return n === 0 ? e + r / 2 * t : n === a ? e - r / 2 * (i - t) : e - i * r / 2 + t * r;
+		}
+		function zt(e, t) {
+			return [0, N.value - 1].includes(t) ? Lt.value / 2 : Lt.value;
+		}
+		function Bt(e, t, n) {
+			let r = (e, t, n) => Math.max(t, Math.min(n, e)), i = 1e-9;
+			if (t <= 0) {
+				let t = Math.max(i, 0 - e);
+				return (r) => n - (r - e) / t * n;
+			}
+			if (e >= 0) {
+				let e = Math.max(i, t - 0);
+				return (t) => n - (t - 0) / e * n;
+			}
+			let a = Math.max(i, Math.max(Math.abs(e), Math.abs(t)));
+			return (e) => (1 - (r(e / a, -1, 1) + 1) / 2) * n;
+		}
+		function Vt(e, r = !1) {
+			if (!e || !e.length) return {
+				fullSet: "",
+				points: [],
+				selectionSet: "",
+				sliced: [],
+				firstPlot: null,
+				lastPlot: null,
+				hasFull: !1,
+				hasSelection: !1,
+				fullMarkers: [],
+				selectionMarkers: []
+			};
+			let a = Math.max(1, j.value.height), o = Bt(F.value, I.value, a), s = e.length, c = Math.min(Math.max(0, Q.value), Math.max(0, s - 1)), te = Math.min(s, Math.max(c + 1, $.value)), l = e.map((e, t) => {
+				let n = e, r = Number.isFinite(n), i = P.value * t + (x.minimapCompact ? 0 : P.value / 2), a = o(0);
+				return {
+					x: i,
+					y: r ? o(n) : NaN,
+					v: n,
+					value: n == null ? null : r ? n : null,
+					y0: a,
+					i: t
+				};
+			}), ne = (e) => e >= 0 && e < l.length && Number.isFinite(l[e]?.value), u = l.filter((e) => Number.isFinite(e.value) && !ne(e.i - 1) && !ne(e.i + 1)), d = u.filter((e) => e.i >= c && e.i < te), f = l.slice(c, te);
+			return {
+				fullSet: l.length >= 2 ? x.smoothMinimap || r ? x.cutNullValues ? t(l) : i(l.filter((e) => e.value != null)) : x.cutNullValues ? ee(l) : n(l.filter((e) => e.value != null)) : "",
+				points: l,
+				selectionSet: f.length >= 2 ? x.smoothMinimap || r ? x.cutNullValues ? t(f) : i(f.filter((e) => e.value != null)) : x.cutNullValues ? ee(f) : n(f.filter((e) => e.value != null)) : "",
+				sliced: f,
+				firstPlot: l[c] || null,
+				lastPlot: l[Math.max(0, te - 1)] || null,
+				hasFull: l.length >= 2,
+				hasSelection: f.length >= 2,
+				fullMarkers: u,
+				selectionMarkers: d
+			};
+		}
+		let L = d(() => x.minimap.length ? Vt(x.minimap) : {
+			fullSet: "",
+			selectionSet: "",
+			sliced: [],
+			firstPlot: null,
+			lastPlot: null,
+			hasFull: !1,
+			hasSelection: !1
+		}), Ht = d(() => x.allMinimaps.length ? x.allMinimaps.map((e, t) => {
+			let n = Vt(e?.series || [], !!e.smooth), r = e?.id ?? e?.name ?? t;
+			return {
+				key: typeof r == "object" ? JSON.stringify(r) : String(r),
+				color: e?.color,
+				...n,
+				isVisible: e.isVisible,
+				type: e.type || "line"
+			};
+		}) : []), R = d(() => {
+			let e = Q.value, t = Math.max(e + 1, $.value);
+			return {
+				x: P.value * e + (x.minimapCompact ? 0 : P.value / 2),
+				width: P.value * (t - e) - P.value
+			};
+		}), z = v(x.minimapSelectedIndex);
+		function Ut(e) {
+			z.value = Cn(x.valueStart) + e;
+		}
+		let Wt = te(Ut, 60);
+		b(() => x.minimapSelectedIndex, (e, t) => {
+			if ([null, void 0].includes(e)) {
+				z.value = null;
+				return;
+			}
+			e !== t && Wt(e);
+		}, { immediate: !0 });
+		function Gt(e) {
+			z.value = e;
+			let t = Q.value, n = $.value;
+			e >= t && e < n && !q.value && D("trapMouse", e - t);
+		}
+		let Kt = v(null), qt = v(null);
+		function B(e) {
+			C.value = e, Kt.value && (Kt.value.value = e), D("update:start", Number(C.value));
+		}
+		function V(e) {
+			w.value = e, qt.value && (qt.value.value = e), D("update:end", Number(w.value));
+		}
+		let Jt = d(() => x.valueEnd - x.valueStart), Yt = d(() => Jt.value < x.max - x.min), H = v(!1), Xt = v(null), Zt = d(() => (ut.value - 48) / (x.max - x.min) * Jt.value), Qt = d(() => Math.max(1, ut.value - ot - Zt.value)), $t = d(() => Math.max(1, x.max - x.min - Jt.value)), en = d(() => $t.value / Qt.value), tn = v(0), nn = v(0), rn = v(0), an = v(0), U = null, W = null, G = null, K = null, on = v(x.min);
+		function sn(e) {
+			if (!S.value) return x.min;
+			let t = S.value.getBoundingClientRect(), n = t.left + ot / 2, r = t.right - ot / 2, i = Math.max(1, r - n), a = (Math.max(n, Math.min(e, r)) - n) / i, o = Math.max(1, x.max - x.min);
+			return Math.round(x.min + a * o);
+		}
+		let cn = async (t) => {
+			if (X.value = !0, !x.enableSelectionDrag) return;
+			let n = t.type === "touchstart";
+			n || t.stopPropagation();
+			let r = n && t.targetTouches && t.targetTouches[0] ? t.targetTouches[0] : null, i = n ? r ? r.target : null : t.target;
+			if (!i || !(i instanceof Element) || i.classList && i.classList.contains("range-handle")) return;
+			H.value = !0;
+			let a = n ? r ? r.clientX : 0 : t.clientX;
+			if (Xt.value = a, tn.value = a, x.focusOnDrag && !Yt.value && S.value) {
+				on.value = sn(a);
+				let t = Math.min(.95, Math.max(.05, x.focusRangeRatio)), n = x.max - x.min, r = Math.max(1, Math.round(n * t)), i = Math.floor(r / 2), o = on.value - i;
+				o = Math.max(x.min, Math.min(o, x.max - r));
+				let ee = Math.min(x.max, o + r);
+				B(o), V(ee), e(S.value, "mouseup"), await ae(), e(S.value, "mousedown", { clientX: a });
+			}
+			nn.value = Number(C.value), rn.value = Number(w.value), an.value = en.value, U = n ? "touchmove" : "mousemove", W = n ? "touchend" : "mouseup", G = n ? un : ln, K = n ? pn : fn, window.addEventListener(U, G, { passive: !1 }), window.addEventListener(W, K);
+		};
+		function ln(e) {
+			H.value && dn(e.clientX);
+		}
+		function un(e) {
+			if (!H.value || !S.value) return;
+			let t = e.target;
+			if (!(t instanceof Element) || !S.value.contains(t) || t.classList && t.classList.contains("range-handle")) return;
+			e.preventDefault();
+			let n = e.targetTouches && e.targetTouches[0] ? e.targetTouches[0] : null;
+			n && dn(n.clientX);
+		}
+		function dn(e) {
+			if (!H.value) return;
+			let t = sn(tn.value), n = sn(e) - t, r = Math.max(1, rn.value - nn.value), i = Math.round(nn.value + n), a = x.min, o = x.max - r;
+			i < a && (i = a), i > o && (i = o);
+			let ee = i + r;
+			B(i), V(ee);
+		}
+		function fn() {
+			mn();
+		}
+		function pn() {
+			mn();
+		}
+		function mn() {
+			H.value = !1, U && G && window.removeEventListener(U, G), W && K && window.removeEventListener(W, K), U = W = null, G = K = null;
+		}
+		let q = v(!1), J = v(null), Y = v(null), hn = v(1), gn = v(1), X = v(!1);
+		function _n() {
+			J.value && (hn.value = J.value.getBoundingClientRect().width);
+		}
+		function vn() {
+			Y.value && (gn.value = Y.value.getBoundingClientRect().width);
+		}
+		let yn = v(0);
+		function bn(e) {
+			yn.value = +(e === "start");
+		}
+		let Z = v(!1), xn = v({
+			width: 0,
+			left: 0
+		});
+		b([C, w], async () => {
+			if (await ae(), !J.value || !Y.value) {
+				Z.value = !1, xn.value = {
+					width: 0,
+					left: 0
+				};
+				return;
+			}
+			let e = J.value.getBoundingClientRect(), t = Y.value.getBoundingClientRect();
+			Z.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;
+			xn.value = {
+				width: i,
+				left: (n + r) / 2 - i / 2
+			};
+		}), le(() => {
+			_n(), vn();
+		}), b(() => x.labelLeft, () => {
+			ae(_n);
+		}, { deep: !0 }), b(() => x.labelRight, () => {
+			ae(vn);
+		}, { deep: !0 }), st({
+			setStartValue: B,
+			setEndValue: V
+		}), se(() => {
+			M.value && M.value.disconnect(), U && G && window.removeEventListener(U, G), W && K && window.removeEventListener(W, K), U = W = null, G = K = null;
+		});
+		let Sn = d(() => Math.max(1, x.max - x.min));
+		function Cn(e) {
+			let t = Math.floor(e - x.min);
+			return Math.min(Math.max(0, t), Sn.value);
+		}
+		function wn(e) {
+			let t = Math.ceil(e - x.min);
+			return Math.min(Math.max(0, t), Sn.value);
+		}
+		let Q = d(() => Cn(C.value)), $ = d(() => wn(w.value)), Tn = d(() => {
+			if (!Dt.value.length) return null;
+			if (z.value >= Q.value && z.value < $.value) {
+				let e = z.value;
+				return {
+					x1: P.value * e + (x.minimapCompact ? 0 : P.value / 2),
+					x2: P.value * e + (x.minimapCompact ? 0 : P.value / 2),
+					y1: 0,
+					y2: Math.max(j.value.height, 0),
+					stroke: x.minimapIndicatorColor,
+					"stroke-linecap": "round",
+					"stroke-dasharray": 2,
+					"stroke-width": 1
+				};
+			} else return null;
+		});
+		return (e, t) => (_(), p("div", {
+			"data-minimap": T.value,
+			"data-dom-to-png-ignore": "",
+			"data-dom-to-png-ignore-layout": "",
+			style: g([{ padding: "0 48px" }, {
+				maxWidth: s.maxWidth ? s.maxWidth + "px" : void 0,
+				margin: s.maxWidth ? "0 auto" : void 0
+			}]),
+			class: "vue-data-ui-zoom",
+			ref_key: "zoomWrapper",
+			ref: S,
+			onMousedown: cn,
+			onTouchstart: cn,
+			onTouchend: t[11] ||= (e) => X.value = !1
+		}, [m("div", _e, [s.valueStart !== s.refreshStartPoint || s.valueEnd !== dt.value ? (_(), p("div", ve, [ue(e.$slots, "reset-action", { reset: Ot }, () => [m("button", {
+			tabindex: "0",
+			role: "button",
+			class: "vue-data-ui-refresh-button",
+			style: g({
+				top: T.value ? "36px" : "-16px",
+				cursor: s.isCursorPointer ? "pointer" : "default"
+			}),
+			onClick: Ot
+		}, [re(ne, {
+			name: "refresh",
+			stroke: s.textColor
+		}, null, 8, ["stroke"])], 4)], !0)])) : f("", !0)]), m("div", {
+			class: "double-range-slider",
+			ref_key: "minimapWrapper",
+			ref: kt,
+			style: g([{ "z-index": "0" }, T.value ? {
+				"--minimap-unit-px": P.value + "px",
+				"--minimap-offset-px": (s.minimapCompact ? 0 : P.value / 2) + "px"
+			} : void 0]),
+			onMouseenter: t[9] ||= (e) => X.value = !0,
+			onMouseleave: t[10] ||= (e) => X.value = !1
+		}, [
+			T.value ? (_(), p("div", ye, [(_(), p("svg", {
+				key: `mm-${s.minimapMerged ? "merged" : "split"}-${s.minimapCompact ? "compact" : "normal"}`,
+				xmlns: fe(o),
+				viewBox: `0 0 ${Math.max(0, j.value.width)} ${Math.max(0, j.value.height)}`
+			}, [
+				m("defs", null, [m("linearGradient", {
+					id: lt.value,
+					x1: "0%",
+					y1: "0%",
+					x2: "0%",
+					y2: "100%"
+				}, [m("stop", {
+					offset: "0%",
+					"stop-color": `${s.minimapLineColor}50`
+				}, null, 8, Se), t[12] ||= m("stop", {
+					offset: "100%",
+					"stop-color": "transparent"
+				}, null, -1)], 8, xe)]),
+				s.minimapCompact ? (_(), p("rect", {
+					key: 0,
+					class: "vue-ui-zoom-minimap-frame",
+					x: 0,
+					y: 0,
+					width: j.value.width,
+					height: j.value.height,
+					fill: "none",
+					stroke: s.minimapFrameColor,
+					rx: 3
+				}, null, 8, Ce)) : f("", !0),
+				s.minimapMerged ? (_(), p("path", {
+					key: 1,
+					d: `M${L.value.fullSet}`,
+					stroke: `${s.minimapLineColor}`,
+					fill: "none",
+					"stroke-width": "1",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					style: { opacity: "0.6" }
+				}, null, 8, we)) : (_(), p(u, { key: 2 }, [(_(!0), p(u, null, y(Ht.value.filter((e) => e.type === "bar"), (e, t) => (_(), p("g", null, [(_(!0), p(u, null, y(e.points, (n, r) => (_(), p(u, null, [e.isVisible && !isNaN(n.y) ? (_(), p("rect", {
+					key: 0,
+					x: Rt(n.x, t, r),
+					width: zt(t, r),
+					y: n.v >= 0 ? n.y : n.y0,
+					height: n.v >= 0 ? n.y0 - n.y : n.y - n.y0,
+					fill: e.color,
+					style: { opacity: "0.6" }
+				}, null, 8, Te)) : f("", !0)], 64))), 256))]))), 256)), (_(!0), p(u, null, y(Ht.value.filter((e) => e.type === "line"), (e) => (_(), p("g", { key: String(e.key) }, [e.isVisible ? (_(), p("path", {
+					key: 0,
+					d: `M ${e.fullSet}`,
+					fill: "none",
+					stroke: e.color,
+					style: { opacity: "0.6" }
+				}, null, 8, Ee)) : f("", !0), e.isVisible ? (_(!0), p(u, { key: 1 }, y(e.fullMarkers, (t) => (_(), p("circle", {
+					key: `sel-dot-under-${e.key}-${t.i}`,
+					cx: t.x,
+					cy: t.y,
+					r: "2",
+					fill: e.color,
+					stroke: A.value,
+					"stroke-width": "0.5",
+					style: { opacity: "0.6" }
+				}, null, 8, De))), 128)) : f("", !0)]))), 128))], 64)),
+				m("rect", {
+					x: R.value.x,
+					width: R.value.width < 0 ? 0 : R.value.width,
+					height: Math.max(j.value.height, 0),
+					y: 0,
+					fill: A.value,
+					rx: s.minimapSelectionRadius,
+					stroke: "none"
+				}, null, 8, Oe),
+				m("rect", {
+					x: R.value.x,
+					width: R.value.width < 0 ? 0 : R.value.width,
+					height: Math.max(j.value.height, 0),
+					y: 0,
+					rx: s.minimapSelectionRadius,
+					fill: A.value
+				}, null, 8, ke),
+				m("rect", {
+					x: R.value.x,
+					width: R.value.width < 0 ? 0 : R.value.width,
+					height: Math.max(j.value.height, 0),
+					y: 0,
+					fill: s.minimapSelectedColor,
+					rx: s.minimapSelectionRadius,
+					style: g({ opacity: s.minimapSelectedColorOpacity })
+				}, null, 12, Ae),
+				z.value !== null && !q.value ? (_(), p("line", oe(ie({ key: 3 }, Tn.value)), null, 16)) : f("", !0),
+				!s.minimapMerged && jt.value < 0 ? (_(), p("line", {
+					key: 4,
+					class: "slicer-minimap-zero-line",
+					x1: 0,
+					x2: j.value.width,
+					y1: Ft.value,
+					y2: Ft.value,
+					stroke: s.minimapFrameColor,
+					"stroke-width": "0.5"
+				}, null, 8, je)) : f("", !0),
+				s.minimapMerged ? (_(), p(u, { key: 5 }, [L.value && L.value.sliced && L.value.sliced.length ? (_(), p(u, { key: 0 }, [L.value.selectionSet ? (_(), p("path", {
+					key: 0,
+					d: `M${L.value.sliced[0].x},${Math.max(j.value.height, 0)} ${L.value.selectionSet} L${L.value.sliced[L.value.sliced.length - 1].x},${Math.max(j.value.height, 0)}Z`,
+					fill: `url(#${lt.value})`,
+					stroke: "none",
+					style: { opacity: "1" }
+				}, null, 8, Me)) : f("", !0), L.value.selectionSet ? (_(), p("path", {
+					key: 1,
+					d: `M ${L.value.selectionSet}`,
+					stroke: `${s.minimapLineColor}`,
+					fill: "transparent",
+					"stroke-width": "2",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round"
+				}, null, 8, Ne)) : f("", !0)], 64)) : f("", !0)], 64)) : (_(), p("g", Pe, [(_(!0), p(u, null, y(Ht.value.filter((e) => e.type === "bar"), (e, t) => (_(), p("g", null, [(_(!0), p(u, null, y(e.points, (n, r) => (_(), p(u, null, [e.isVisible && !isNaN(n.y) ? (_(), p("rect", {
+					key: 0,
+					x: Rt(n.x, t, r),
+					width: zt(t, r),
+					y: n.v >= 0 ? n.y : n.y0,
+					height: n.v >= 0 ? n.y0 - n.y : n.y - n.y0,
+					fill: e.color,
+					style: g({ opacity: +(r >= s.valueStart && r <= s.valueEnd - 1) })
+				}, null, 12, Fe)) : f("", !0)], 64))), 256))]))), 256)), (_(!0), p(u, null, y(Ht.value.filter((e) => e.type === "line"), (e) => (_(), p("g", { key: String(e.key) }, [e && e.hasSelection && e.selectionSet && e.isVisible ? (_(), p("path", {
+					key: 0,
+					d: `M ${e.selectionSet}`,
+					stroke: e.color,
+					fill: "transparent",
+					"stroke-width": "2",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round"
+				}, null, 8, Ie)) : f("", !0)]))), 128))])),
+				T.value && s.minimapCompact ? (_(), p("rect", {
+					key: 7,
+					class: "vue-ui-zoom-compact-minimap-handle",
+					x: R.value.x - Math.min(40, Math.max(20, s.handleWidth)),
+					y: 0,
+					width: Math.min(40, Math.max(20, s.handleWidth)),
+					height: j.value.height,
+					fill: s.handleFill || A.value,
+					stroke: s.handleBorderColor || s.textColor,
+					"stroke-width": s.handleBorderWidth,
+					rx: 3
+				}, null, 8, Le)) : f("", !0),
+				s.handleType && s.handleType !== "empty" ? (_(), p("svg", {
+					key: 8,
+					x: R.value.x - Math.min(40, Math.max(20, s.handleWidth)),
+					y: 0,
+					width: Math.min(40, Math.max(20, s.handleWidth)),
+					height: j.value.height,
+					viewBox: "0 0 20 20"
+				}, [s.handleType === "arrow" ? (_(), p("path", {
+					key: 0,
+					d: "M 7 7 L 3 10 L 7 13 L 7 7 M 13 7 L 17 10 L 13 13 L 13 7",
+					fill: A.value,
+					stroke: s.handleIconColor || s.textColor,
+					"stroke-width": .618,
+					"stroke-linejoin": "round",
+					"stroke-linecap": "round"
+				}, null, 8, ze)) : s.handleType === "chevron" ? (_(), p("path", {
+					key: 1,
+					d: "M 6 7 L 4 10 L 6 13 M 14 7 L 16 10 L 14 13",
+					fill: "none",
+					stroke: s.handleIconColor || s.textColor,
+					"stroke-width": .618,
+					"stroke-linejoin": "round",
+					"stroke-linecap": "round"
+				}, null, 8, Be)) : s.handleType === "grab" ? (_(), p("path", {
+					key: 2,
+					d: "M 8 5 A 1 1 0 0 0 8 7 A 1 1 0 0 0 8 5 M 8 9 A 1 1 0 0 0 8 11 A 1 1 0 0 0 8 9 M 8 13 A 1 1 0 0 0 8 15 A 1 1 0 0 0 8 13 M 12 5 A 1 1 0 0 0 12 7 A 1 1 0 0 0 12 5 M 12 9 A 1 1 0 0 0 12 11 A 1 1 0 0 0 12 9 M 12 13 A 1 1 0 0 0 12 15 A 1 1 0 0 0 12 13",
+					fill: s.handleIconColor || s.textColor,
+					stroke: "none",
+					opacity: "0.6"
+				}, null, 8, Ve)) : f("", !0)], 8, Re)) : f("", !0),
+				T.value && s.minimapCompact ? (_(), p("rect", {
+					key: 9,
+					class: "vue-ui-zoom-compact-minimap-handle",
+					x: R.value.x + R.value.width,
+					y: 0,
+					width: Math.min(40, Math.max(20, s.handleWidth)),
+					height: j.value.height,
+					fill: s.handleFill || A.value,
+					stroke: s.handleBorderColor || s.textColor,
+					"stroke-width": s.handleBorderWidth,
+					rx: 3
+				}, null, 8, He)) : f("", !0),
+				s.handleType && s.handleType !== "empty" ? (_(), p("svg", {
+					key: 10,
+					x: R.value.x + R.value.width,
+					y: 0,
+					width: Math.min(40, Math.max(20, s.handleWidth)),
+					height: j.value.height,
+					viewBox: "0 0 20 20"
+				}, [s.handleType === "arrow" ? (_(), p("path", {
+					key: 0,
+					d: "M 7 7 L 3 10 L 7 13 L 7 7 M 13 7 L 17 10 L 13 13 L 13 7",
+					fill: A.value,
+					stroke: s.handleIconColor || s.textColor,
+					"stroke-width": .618,
+					"stroke-linejoin": "round",
+					"stroke-linecap": "round"
+				}, null, 8, We)) : s.handleType === "chevron" ? (_(), p("path", {
+					key: 1,
+					d: "M 6 7 L 4 10 L 6 13 M 14 7 L 16 10 L 14 13",
+					fill: "none",
+					stroke: s.handleIconColor || s.textColor,
+					"stroke-width": .618,
+					"stroke-linejoin": "round",
+					"stroke-linecap": "round"
+				}, null, 8, Ge)) : s.handleType === "grab" ? (_(), p("path", {
+					key: 2,
+					d: "M 8 5 A 1 1 0 0 0 8 7 A 1 1 0 0 0 8 5 M 8 9 A 1 1 0 0 0 8 11 A 1 1 0 0 0 8 9 M 8 13 A 1 1 0 0 0 8 15 A 1 1 0 0 0 8 13 M 12 5 A 1 1 0 0 0 12 7 A 1 1 0 0 0 12 5 M 12 9 A 1 1 0 0 0 12 11 A 1 1 0 0 0 12 9 M 12 13 A 1 1 0 0 0 12 15 A 1 1 0 0 0 12 13",
+					fill: s.handleIconColor || s.textColor,
+					stroke: "none",
+					opacity: "0.6"
+				}, null, 8, Ke)) : f("", !0)], 8, Ue)) : f("", !0),
+				s.minimapMerged ? (_(), p(u, { key: 11 }, [
+					L.value && L.value.firstPlot && L.value.firstPlot.value !== null ? (_(), p("circle", {
+						key: 0,
+						cx: L.value.firstPlot.x,
+						cy: L.value.firstPlot.y,
+						"stroke-width": "0.5",
+						stroke: A.value,
+						r: "4",
+						fill: s.minimapLineColor
+					}, null, 8, qe)) : f("", !0),
+					L.value && L.value.firstPlot && L.value.firstPlot.value !== null ? (_(), p("circle", {
+						key: 1,
+						cx: L.value.firstPlot.x,
+						cy: L.value.firstPlot.y,
+						r: "2",
+						fill: A.value
+					}, null, 8, Je)) : f("", !0),
+					L.value && L.value.lastPlot && L.value.lastPlot.value !== null ? (_(), p("circle", {
+						key: 2,
+						cx: L.value.lastPlot.x,
+						cy: L.value.lastPlot.y,
+						"stroke-width": "0.5",
+						stroke: A.value,
+						r: "4",
+						fill: s.minimapLineColor
+					}, null, 8, Ye)) : f("", !0),
+					L.value && L.value.lastPlot && L.value.lastPlot.value !== null ? (_(), p("circle", {
+						key: 3,
+						cx: L.value.lastPlot.x,
+						cy: L.value.lastPlot.y,
+						r: "2",
+						fill: A.value
+					}, null, 8, Xe)) : f("", !0)
+				], 64)) : (_(), p("g", Ze, [(_(!0), p(u, null, y(Ht.value.filter((e) => e.type === "line"), (e) => (_(), p("g", { key: String(e.key) }, [
+					e.isVisible ? (_(!0), p(u, { key: 0 }, y(e.selectionMarkers, (t) => (_(), p("circle", {
+						key: `sel-dot-${e.key}-${t.i}`,
+						cx: t.x,
+						cy: t.y,
+						r: "2.5",
+						fill: e.color,
+						stroke: A.value,
+						"stroke-width": "0.5"
+					}, null, 8, Qe))), 128)) : f("", !0),
+					e && e.firstPlot && e.isVisible && e.firstPlot.value !== null ? (_(), p("circle", {
+						key: 1,
+						cx: e.firstPlot.x,
+						cy: e.firstPlot.y,
+						"stroke-width": "0.5",
+						stroke: A.value,
+						r: "4",
+						fill: e.color
+					}, null, 8, $e)) : f("", !0),
+					e && e.firstPlot && e.isVisible && e.firstPlot.value !== null ? (_(), p("circle", {
+						key: 2,
+						cx: e.firstPlot.x,
+						cy: e.firstPlot.y,
+						r: "2",
+						fill: A.value
+					}, null, 8, et)) : f("", !0),
+					e && e.lastPlot && e.isVisible && e.lastPlot.value !== null ? (_(), p("circle", {
+						key: 3,
+						cx: e.lastPlot.x,
+						cy: e.lastPlot.y,
+						"stroke-width": "0.5",
+						stroke: A.value,
+						r: "4",
+						fill: e.color
+					}, null, 8, tt)) : f("", !0),
+					e && e.lastPlot && e.isVisible && e.lastPlot.value !== null ? (_(), p("circle", {
+						key: 4,
+						cx: e.lastPlot.x,
+						cy: e.lastPlot.y,
+						r: "2",
+						fill: A.value
+					}, null, 8, nt)) : f("", !0)
+				]))), 128))])),
+				(_(!0), p(u, null, y(Dt.value, (e, n) => (_(), p("rect", {
+					key: `trap-${n}`,
+					y: 0,
+					height: Math.max(j.value.height, 0),
+					fill: "transparent",
+					style: g([{ "pointer-events": "all !important" }, { cursor: e >= Q.value && e < $.value && s.enableSelectionDrag ? q.value ? "grabbing" : "grab" : "default" }]),
+					x: P.value * n - (s.minimapCompact ? P.value / 2 : 0),
+					width: P.value < 0 ? 0 : P.value,
+					onMousedown: t[0] ||= (e) => q.value = !0,
+					onMouseup: t[1] ||= (e) => q.value = !1,
+					onMouseenter: (t) => Gt(e),
+					onMouseleave: t[2] ||= (e) => {
+						z.value = null, D("trapMouse", null);
+					}
+				}, null, 44, rt))), 128))
+			], 8, be))])) : f("", !0),
+			m("div", {
+				class: "slider-track",
+				style: g({ visibility: T.value && s.minimapCompact ? "hidden" : "visible" })
+			}, null, 4),
+			m("div", {
+				class: h({
+					"range-highlight": !0,
+					move: s.enableSelectionDrag
+				}),
+				onMousedown: t[3] ||= (e) => q.value = !0,
+				onMouseup: t[4] ||= (e) => q.value = !1,
+				style: g({
+					...k.value,
+					cursor: q.value ? "grabbing" : "grab",
+					visibility: T.value && s.minimapCompact ? "hidden" : "visible"
+				})
+			}, null, 38),
+			s.enableRangeHandles ? he((_(), p("input", {
+				key: 1,
+				ref_key: "rangeStart",
+				ref: Kt,
+				type: "range",
+				class: h({
+					"range-left": !0,
+					"range-handle": !0,
+					"range-minimap": T.value && s.verticalHandles,
+					"range-invisible": T.value && s.minimapCompact
+				}),
+				min: s.min,
+				max: E.value && s.minimapCompact ? gt.value : s.max,
+				step: 1,
+				"onUpdate:modelValue": t[5] ||= (e) => St.value = e,
+				onMouseenter: t[6] ||= (e) => bn("start")
+			}, null, 42, it)), [[
+				me,
+				St.value,
+				void 0,
+				{ number: !0 }
+			]]) : f("", !0),
+			s.enableRangeHandles ? he((_(), p("input", {
+				key: 2,
+				ref_key: "rangeEnd",
+				ref: qt,
+				type: "range",
+				class: h({
+					"range-right": !0,
+					"range-handle": !0,
+					"range-minimap": T.value && s.verticalHandles,
+					"range-invisible": T.value && s.minimapCompact
+				}),
+				min: s.min,
+				max: E.value && s.minimapCompact ? gt.value : s.max,
+				step: 1,
+				"onUpdate:modelValue": t[7] ||= (e) => Ct.value = e,
+				onMouseenter: t[8] ||= (e) => bn("end")
+			}, null, 42, at)), [[
+				me,
+				Ct.value,
+				void 0,
+				{ number: !0 }
+			]]) : f("", !0),
+			s.labelLeft ? (_(), p("div", {
+				key: 3,
+				ref_key: "tooltipLeft",
+				ref: J,
+				class: h({
+					"range-tooltip": !0,
+					"range-tooltip-visible": X.value,
+					"range-tooltip-arrow": k.value.arrowLeft && !s.verticalHandles,
+					"range-tooltip-arrow-left": !k.value.arrowLeft && !s.verticalHandles
+				}),
+				style: g({
+					left: k.value.tooltipLeft,
+					color: fe(a)(s.selectColor),
+					backgroundColor: s.selectColor,
+					border: `1px solid ${A.value}`,
+					zIndex: `${yn.value + 4}`,
+					visibility: Z.value || s.labelLeft === s.labelRight ? "hidden" : "visible",
+					top: T.value && s.minimapCompact ? "calc(-100% - 18px)" : "-100%"
+				})
+			}, de(s.labelLeft), 7)) : f("", !0),
+			(Z.value || s.labelLeft === s.labelRight) && (s.labelLeft || s.labelRight) ? (_(), p("div", {
+				key: 4,
+				ref: "tooltipMerge",
+				class: h({
+					"range-tooltip": !0,
+					"range-tooltip-visible": X.value,
+					"range-tooltip-arrow": !0,
+					"range-tooltip-arrow-left": !k.value.arrowLeft && !s.verticalHandles,
+					"range-tooltip-arrow-right": !k.value.arrowRight && !s.verticalHandles
+				}),
+				style: g({
+					left: k.value.tooltipCenter,
+					width: xn.value.width + "px",
+					color: fe(a)(s.selectColor),
+					backgroundColor: s.selectColor,
+					border: `1px solid ${A.value}`,
+					zIndex: "4",
+					top: T.value && s.minimapCompact ? "calc(-100% - 18px)" : "-100%"
+				})
+			}, de(s.labelLeft === s.labelRight ? s.labelLeft : `${s.labelLeft} - ${s.labelRight}`), 7)) : f("", !0),
+			s.labelRight ? (_(), p("div", {
+				key: 5,
+				ref_key: "tooltipRight",
+				ref: Y,
+				class: h({
+					"range-tooltip": !0,
+					"range-tooltip-visible": X.value,
+					"range-tooltip-arrow": k.value.arrowRight && !s.verticalHandles,
+					"range-tooltip-arrow-right": !k.value.arrowRight && !s.verticalHandles
+				}),
+				style: g({
+					left: k.value.tooltipRight,
+					color: fe(a)(s.selectColor),
+					backgroundColor: s.selectColor,
+					border: `1px solid ${A.value}`,
+					zIndex: "4",
+					visibility: Z.value || s.labelLeft === s.labelRight ? "hidden" : "visible",
+					top: T.value && s.minimapCompact ? "calc(-100% - 18px)" : "-100%"
+				})
+			}, de(s.labelRight), 7)) : f("", !0)
+		], 36)], 44, ge));
+	}
+}, [["__scopeId", "data-v-8da21d29"]]);
+//#endregion
+export { st as t };