vue-data-ui 3.22.9 → 3.22.11

package/dist/Slicer-CW_XPIKL.js

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