vue-data-ui 3.1.19-next.1 → 3.2.1

package/dist/{Slicer-BgpOhmb6.js → Slicer-qM5l8BsU.js}

@@ -1,4 +1,4 @@
-import { useCssVars as Ot, computed as s, ref as d, onMounted as lt, onBeforeUnmount as Le, watch as Z, nextTick as ve, onUpdated as Ut, createElementBlock as i, openBlock as u, createElementVNode as P, createCommentVNode as m, renderSlot as Zt, normalizeStyle as L, createVNode as Yt, withDirectives as at, unref as me, Fragment as y, renderList as R, normalizeProps as Jt, mergeProps as qt, normalizeClass as Y, vModelText as nt, toDisplayString as $e } from "vue";
+import { useCssVars as Ot, computed as s, ref as d, onMounted as lt, onBeforeUnmount as Le, watch as Z, nextTick as ve, onUpdated as Ut, createElementBlock as i, openBlock as u, createElementVNode as P, createCommentVNode as m, renderSlot as Zt, normalizeStyle as L, createVNode as Yt, withDirectives as at, unref as me, Fragment as M, renderList as R, normalizeProps as Jt, mergeProps as qt, normalizeClass as Y, vModelText as nt, toDisplayString as $e } from "vue";
 import { c as Kt, X as Qt, G as Ee, ae as it, W as ut, af as ot, V as rt, ag as st } from "./lib-p5pfHmOX.js";
 import { t as ct, d as jt, u as _t } from "./useResponsive-DfdjqQps.js";
 import el from "./BaseIcon-D2f9w5Z5.js";
@@ -154,16 +154,16 @@ const ll = {
   emits: ["update:start", "update:end", "reset", "trapMouse"],
   setup(n, { expose: vt, emit: mt }) {
     Ot((e) => ({
-      "068fea96": gt.value,
-      c2f519ec: g.value,
-      "763410fb": yt.value,
-      "7ebab43a": n.selectColor,
-      "74a671c8": xt.value
+      "703bd703": gt.value,
+      "08315f77": x.value,
+      "784637a8": yt.value,
+      "2f32beb2": n.selectColor,
+      "147c5fb5": xt.value
     }));
-    const a = n, p = d(null), w = d(a.min), S = d(a.max), M = s(() => !!a.minimap.length), Ve = d(Kt()), $ = s(() => M.value && a.minimapCompact), he = d(0);
+    const a = n, k = d(null), w = d(a.min), S = d(a.max), b = s(() => !!a.minimap.length), Ve = d(Kt()), $ = s(() => b.value && a.minimapCompact), he = d(0);
     lt(() => {
       const e = () => {
-        p.value && (he.value = p.value.getBoundingClientRect().width);
+        k.value && (he.value = k.value.getBoundingClientRect().width);
       };
       e();
       const l = ct(e, 50);
@@ -178,35 +178,35 @@ const ll = {
       }
       const e = Math.max(1, a.max - a.min);
       return (w.value - a.min) / e * 100;
-    }), oe = s(() => {
+    }), re = s(() => {
       if ($.value) {
         const l = Math.max(1, ue.value - 1);
         return Me.value / l * 100;
       }
       const e = Math.max(1, a.max - a.min);
       return (S.value - a.min) / e * 100;
-    }), de = s(() => (q.value + oe.value) / 2), fe = s(() => {
-      if (!p.value) return !1;
-      const e = p.value.getBoundingClientRect().width;
+    }), de = s(() => (q.value + re.value) / 2), fe = s(() => {
+      if (!k.value) return !1;
+      const e = k.value.getBoundingClientRect().width;
       return q.value / 100 * e - Ne.value / 2 < 0;
     }), ge = s(() => {
-      if (!p.value) return !1;
-      const e = p.value.getBoundingClientRect().width;
-      return oe.value / 100 * e + se.value / 2 > e;
+      if (!k.value) return !1;
+      const e = k.value.getBoundingClientRect().width;
+      return re.value / 100 * e + ce.value / 2 > e;
     }), N = s(() => {
       const e = ge.value ? `calc(${de.value}% - ${ie.value.width}px - 2px)` : fe.value ? `calc(${de.value}% - 8px)` : `calc(${de.value}% - ${ie.value.width / 2}px - 4px)`;
       return {
         left: `${q.value}%`,
-        width: `${Math.max(0, oe.value - q.value)}%`,
+        width: `${Math.max(0, re.value - q.value)}%`,
         background: a.selectColor,
         tooltipLeft: `calc(${q.value}% - ${fe.value ? 9 : Ne.value / 2 + 3.5}px)`,
-        tooltipRight: `calc(${oe.value}% - ${ge.value ? se.value - 9 : se.value / 2 - 3.5}px)`,
+        tooltipRight: `calc(${re.value}% - ${ge.value ? ce.value - 9 : ce.value / 2 - 3.5}px)`,
         tooltipCenter: e,
         arrowLeft: !fe.value,
         arrowRight: !ge.value
       };
     }), K = s(() => Math.max(0, (Q.value || 1) - 1)), xe = s(() => Math.max(0, (ue.value || 1) - 1));
-    function re(e) {
+    function se(e) {
       return xe.value === 0 ? 0 : Math.round(e / xe.value * K.value);
     }
     function Ae(e) {
@@ -214,11 +214,11 @@ const ll = {
     }
     const dt = (e) => Math.floor(a.min + e), ft = (e) => Math.ceil(a.min + e), ye = s({
       get() {
-        return $.value ? re(I.value) : Number(w.value);
+        return $.value ? se(I.value) : Number(w.value);
       },
       set(e) {
         if ($.value) {
-          const l = Math.round(+e || 0), t = Math.max(0, re(Math.max(0, X.value - 1))), o = Math.min(Math.max(0, l), t), r = Ae(o);
+          const l = Math.round(+e || 0), t = Math.max(0, se(Math.max(0, X.value - 1))), o = Math.min(Math.max(0, l), t), r = Ae(o);
           _(dt(r));
         } else {
           let l = Math.round(+e || 0);
@@ -228,11 +228,11 @@ const ll = {
       }
     }), Me = s({
       get() {
-        return $.value ? re(Math.max(I.value, X.value - 1)) : Number(S.value);
+        return $.value ? se(Math.max(I.value, X.value - 1)) : Number(S.value);
       },
       set(e) {
         if ($.value) {
-          const l = Math.round(+e || 0), t = re(I.value), o = Math.max(l, t), r = Ae(o);
+          const l = Math.round(+e || 0), t = se(I.value), o = Math.max(l, t), r = Ae(o);
           ee(ft(r + 1));
         } else {
           let l = Math.round(+e || 0);
@@ -240,7 +240,7 @@ const ll = {
           ee(o);
         }
       }
-    }), gt = s(() => a.inputColor), xt = s(() => a.background), yt = s(() => `${a.selectColor}33`), g = s(() => a.borderColor), Be = s(() => {
+    }), gt = s(() => a.inputColor), xt = s(() => a.background), yt = s(() => `${a.selectColor}33`), x = s(() => a.borderColor), Be = s(() => {
       const e = [];
       for (let l = 0; l < a.max; l += 1)
         e.push(l);
@@ -260,27 +260,27 @@ const ll = {
         Number(w.value) > Number(e) && (w.value = Number(e)), Number(S.value) > Number(e) && (S.value = Number(e));
       }
     );
-    const be = d(null), f = d({
+    const be = d(null), g = d({
       width: 1,
       height: 1
     }), O = d(null);
     lt(() => {
-      if (M.value) {
+      if (b.value) {
         const e = ct(() => {
           const { width: l, height: t } = _t({
             chart: be.value
           });
-          f.value.width = l, f.value.height = t - 47;
+          g.value.width = l, g.value.height = t - 47;
         });
         O.value = new ResizeObserver(e), O.value.observe(be.value);
       }
     }), Le(() => {
       O.value && O.value.disconnect();
     });
-    const Q = s(() => Math.max(...a.allMinimaps.map((e) => e.series.length), a.minimap.length || 0)), b = s(() => {
+    const Q = s(() => Math.max(...a.allMinimaps.map((e) => e.series.length), a.minimap.length || 0)), p = s(() => {
       if (!Q.value) return 0;
       const e = Math.max(1, Q.value - (a.minimapCompact ? 1 : 0));
-      return f.value.width / e;
+      return g.value.width / e;
     }), Ie = s(() => {
       const e = [];
       if (Array.isArray(a.minimap) && a.minimap.length && a.minimapMerged && e.push(...a.minimap.filter(Number.isFinite)), Array.isArray(a.allMinimaps) && a.allMinimaps.length)
@@ -288,7 +288,7 @@ const ll = {
           l?.isVisible && Array.isArray(l?.series) && e.push(...l.series.filter(Number.isFinite));
       return e.length ? { min: Math.min(...e), max: Math.max(...e) } : { min: 0, max: 1 };
     }), z = s(() => Ie.value.min), U = s(() => Ie.value.max), Mt = s(() => z.value < 0 && U.value > 0 || U.value <= 0 ? z.value : 0), bt = s(() => Math.max(1e-9, Math.max(Math.abs(z.value), Math.abs(U.value)))), pt = s(() => z.value < 0 && U.value > 0), kt = (e) => {
-      const l = Math.max(1, f.value.height);
+      const l = Math.max(1, g.value.height);
       if (pt.value) {
         const t = bt.value;
         return (1 - (Math.max(-1, Math.min(1, e / t)) + 1) / 2) * l;
@@ -296,7 +296,7 @@ const ll = {
         const t = Math.min(0, z.value), o = Math.max(0, U.value);
         return l - (e - t) / Math.max(1e-9, o - t) * l;
       }
-    }, De = s(() => kt(0)), ze = s(() => a.allMinimaps.length ? a.allMinimaps.filter((e) => e.type === "bar").length : 0), pe = s(() => b.value / (ze.value || 1) * 0.8);
+    }, De = s(() => kt(0)), ze = s(() => a.allMinimaps.length ? a.allMinimaps.filter((e) => e.type === "bar").length : 0), pe = s(() => p.value / (ze.value || 1) * 0.8);
     function We(e, l, t) {
       const o = pe.value, r = Math.max(1, ze.value), h = Q.value - 1;
       return t === 0 ? e + o / 2 * l : t === h ? e - o / 2 * (r - l) : e - r * o / 2 + l * o;
@@ -305,17 +305,17 @@ const ll = {
       return [0, Q.value - 1].includes(l) ? pe.value / 2 : pe.value;
     }
     function wt(e, l, t) {
-      const o = (x, v, D) => Math.max(v, Math.min(D, x));
+      const o = (y, v, D) => Math.max(v, Math.min(D, y));
       if (l <= 0) {
-        const x = Math.max(1e-9, 0 - e);
-        return (v) => t - (v - e) / x * t;
+        const y = Math.max(1e-9, 0 - e);
+        return (v) => t - (v - e) / y * t;
       }
       if (e >= 0) {
-        const x = Math.max(1e-9, l - 0);
-        return (v) => t - (v - 0) / x * t;
+        const y = Math.max(1e-9, l - 0);
+        return (v) => t - (v - 0) / y * t;
       }
       const h = Math.max(1e-9, Math.max(Math.abs(e), Math.abs(l)));
-      return (x) => (1 - (o(x / h, -1, 1) + 1) / 2) * t;
+      return (y) => (1 - (o(y / h, -1, 1) + 1) / 2) * t;
     }
     function He(e, l = !1) {
       if (!e || !e.length)
@@ -331,24 +331,24 @@ const ll = {
           fullMarkers: [],
           selectionMarkers: []
         };
-      const t = Math.max(1, f.value.height), o = wt(z.value, U.value, t), r = e.length, h = Math.min(Math.max(0, I.value), Math.max(0, r - 1)), x = Math.min(r, Math.max(h + 1, X.value)), v = e.map((k, et) => {
-        const ce = a.cutNullValues ? k : k === null ? 0 : k, tt = Number.isFinite(ce), Ht = b.value * et + (a.minimapCompact ? 0 : b.value / 2), Gt = o(0);
+      const t = Math.max(1, g.value.height), o = wt(z.value, U.value, t), r = e.length, h = Math.min(Math.max(0, I.value), Math.max(0, r - 1)), y = Math.min(r, Math.max(h + 1, X.value)), v = e.map((f, et) => {
+        const oe = f, tt = Number.isFinite(oe), Ht = p.value * et + (a.minimapCompact ? 0 : p.value / 2), Gt = o(0);
         return {
           x: Ht,
-          y: tt ? o(ce) : NaN,
-          v: ce,
-          value: tt ? ce : null,
+          y: tt ? o(oe) : NaN,
+          v: oe,
+          value: oe == null ? null : tt ? oe : null,
           y0: Gt,
           i: et
         };
-      }), D = (k) => k >= 0 && k < v.length && Number.isFinite(v[k]?.value), H = v.filter((k) => Number.isFinite(k.value) && !D(k.i - 1) && !D(k.i + 1)), Re = H.filter((k) => k.i >= h && k.i < x), G = v.slice(h, x), Wt = v.length >= 2 ? a.smoothMinimap || l ? a.cutNullValues ? it(v) : ut(v) : a.cutNullValues ? ot(v) : rt(v) : "", Xt = G.length >= 2 ? a.smoothMinimap || l ? a.cutNullValues ? it(G) : ut(G) : a.cutNullValues ? ot(G) : rt(G) : "";
+      }), D = (f) => f >= 0 && f < v.length && Number.isFinite(v[f]?.value), H = v.filter((f) => Number.isFinite(f.value) && !D(f.i - 1) && !D(f.i + 1)), Re = H.filter((f) => f.i >= h && f.i < y), G = v.slice(h, y), Wt = v.length >= 2 ? a.smoothMinimap || l ? a.cutNullValues ? it(v) : ut(v.filter((f) => f.value != null)) : a.cutNullValues ? ot(v) : rt(v.filter((f) => f.value != null)) : "", Xt = G.length >= 2 ? a.smoothMinimap || l ? a.cutNullValues ? it(G) : ut(G.filter((f) => f.value != null)) : a.cutNullValues ? ot(G) : rt(G.filter((f) => f.value != null)) : "";
       return {
         fullSet: Wt,
         points: v,
         selectionSet: Xt,
         sliced: G,
         firstPlot: v[h] || null,
-        lastPlot: v[Math.max(0, x - 1)] || null,
+        lastPlot: v[Math.max(0, y - 1)] || null,
         hasFull: v.length >= 2,
         hasSelection: G.length >= 2,
         fullMarkers: H,
@@ -375,8 +375,8 @@ const ll = {
     }) : []), C = s(() => {
       const e = I.value, l = Math.max(e + 1, X.value);
       return {
-        x: b.value * e + (a.minimapCompact ? 0 : b.value / 2),
-        width: b.value * (l - e) - b.value
+        x: p.value * e + (a.minimapCompact ? 0 : p.value / 2),
+        width: p.value * (l - e) - p.value
       };
     }), E = d(a.minimapSelectedIndex);
     function St(e) {
@@ -408,9 +408,9 @@ const ll = {
     let T = null, V = null, A = null, B = null;
     const Ue = d(a.min);
     function Pe(e) {
-      if (!p.value) return a.min;
-      const l = p.value.getBoundingClientRect(), t = l.left + Te / 2, o = l.right - Te / 2, r = Math.max(1, o - t), x = (Math.max(t, Math.min(e, o)) - t) / r, v = Math.max(1, a.max - a.min);
-      return Math.round(a.min + x * v);
+      if (!k.value) return a.min;
+      const l = k.value.getBoundingClientRect(), t = l.left + Te / 2, o = l.right - Te / 2, r = Math.max(1, o - t), y = (Math.max(t, Math.min(e, o)) - t) / r, v = Math.max(1, a.max - a.min);
+      return Math.round(a.min + y * v);
     }
     const Ze = async (e) => {
       if (W.value = !0, !a.enableSelectionDrag) return;
@@ -420,13 +420,13 @@ const ll = {
       if (!o || !(o instanceof Element) || o.classList && o.classList.contains("range-handle")) return;
       te.value = !0;
       const r = l ? t ? t.clientX : 0 : e.clientX;
-      if (Rt.value = r, Ge.value = r, a.focusOnDrag && !Nt.value && p.value) {
+      if (Rt.value = r, Ge.value = r, a.focusOnDrag && !Nt.value && k.value) {
         Ue.value = Pe(r);
-        const h = Math.min(0.95, Math.max(0.05, a.focusRangeRatio)), x = a.max - a.min, v = Math.max(1, Math.round(x * h)), D = Math.floor(v / 2);
+        const h = Math.min(0.95, Math.max(0.05, a.focusRangeRatio)), y = a.max - a.min, v = Math.max(1, Math.round(y * h)), D = Math.floor(v / 2);
         let H = Ue.value - D;
         H = Math.max(a.min, Math.min(H, a.max - v));
         const Re = Math.min(a.max, H + v);
-        _(H), ee(Re), st(p.value, "mouseup"), await ve(), st(p.value, "mousedown", { clientX: r });
+        _(H), ee(Re), st(k.value, "mouseup"), await ve(), st(k.value, "mousedown", { clientX: r });
       }
       Ce.value = Number(w.value), Oe.value = Number(S.value), Vt.value = Tt.value, T = l ? "touchmove" : "mousemove", V = l ? "touchend" : "mouseup", A = l ? Bt : At, B = l ? It : Ft, window.addEventListener(T, A, { passive: !1 }), window.addEventListener(V, B);
     };
@@ -434,9 +434,9 @@ const ll = {
       te.value && Ye(e.clientX);
     }
     function Bt(e) {
-      if (!te.value || !p.value) return;
+      if (!te.value || !k.value) return;
       const l = e.target;
-      if (!(l instanceof Element) || !p.value.contains(l) || l.classList && l.classList.contains("range-handle")) return;
+      if (!(l instanceof Element) || !k.value.contains(l) || l.classList && l.classList.contains("range-handle")) return;
       e.preventDefault();
       const t = e.targetTouches && e.targetTouches[0] ? e.targetTouches[0] : null;
       t && Ye(t.clientX);
@@ -445,8 +445,8 @@ const ll = {
       if (!te.value) return;
       const l = Pe(Ge.value), o = Pe(e) - l, r = Math.max(1, Oe.value - Ce.value);
       let h = Math.round(Ce.value + o);
-      const x = a.min, v = a.max - r;
-      h < x && (h = x), h > v && (h = v);
+      const y = a.min, v = a.max - r;
+      h < y && (h = y), h > v && (h = v);
       const D = h + r;
       _(h), ee(D);
     }
@@ -459,12 +459,12 @@ const ll = {
     function Je() {
       te.value = !1, T && A && window.removeEventListener(T, A), V && B && window.removeEventListener(V, B), T = V = null, A = B = null;
     }
-    const F = d(!1), le = d(null), ae = d(null), Ne = d(1), se = d(1), W = d(!1);
+    const F = d(!1), le = d(null), ae = d(null), Ne = d(1), ce = d(1), W = d(!1);
     function qe() {
       le.value && (Ne.value = le.value.getBoundingClientRect().width);
     }
     function Ke() {
-      ae.value && (se.value = ae.value.getBoundingClientRect().width);
+      ae.value && (ce.value = ae.value.getBoundingClientRect().width);
     }
     const Qe = d(0);
     function je(e) {
@@ -520,10 +520,10 @@ const ll = {
       if (E.value >= I.value && E.value < X.value) {
         const e = E.value;
         return {
-          x1: b.value * e + (a.minimapCompact ? 0 : b.value / 2),
-          x2: b.value * e + (a.minimapCompact ? 0 : b.value / 2),
+          x1: p.value * e + (a.minimapCompact ? 0 : p.value / 2),
+          x2: p.value * e + (a.minimapCompact ? 0 : p.value / 2),
           y1: 0,
-          y2: Math.max(f.value.height, 0),
+          y2: Math.max(g.value.height, 0),
           stroke: a.minimapIndicatorColor,
           "stroke-linecap": "round",
           "stroke-dasharray": 2,
@@ -537,7 +537,7 @@ const ll = {
       style: { padding: "0 24px" },
       class: "vue-data-ui-zoom",
       ref_key: "zoomWrapper",
-      ref: p,
+      ref: k,
       onMousedown: Ze,
       onTouchstart: Ze,
       onTouchend: l[11] || (l[11] = (t) => W.value = !1)
@@ -553,7 +553,7 @@ const ll = {
             role: "button",
             class: "vue-data-ui-refresh-button",
             style: L({
-              top: M.value ? "36px" : "-16px",
+              top: b.value ? "36px" : "-16px",
               pointerEvents: "all !important"
             }),
             onClick: Fe
@@ -573,11 +573,11 @@ const ll = {
         onMouseenter: l[9] || (l[9] = (t) => W.value = !0),
         onMouseleave: l[10] || (l[10] = (t) => W.value = !1)
       }, [
-        M.value ? (u(), i("div", nl, [
+        b.value ? (u(), i("div", nl, [
           (u(), i("svg", {
             key: `mm-${n.minimapMerged ? "merged" : "split"}-${n.minimapCompact ? "compact" : "normal"}`,
             xmlns: me(Qt),
-            viewBox: `0 0 ${Math.max(0, f.value.width)} ${Math.max(0, f.value.height)}`
+            viewBox: `0 0 ${Math.max(0, g.value.width)} ${Math.max(0, g.value.height)}`
           }, [
             P("defs", null, [
               P("linearGradient", {
@@ -602,8 +602,8 @@ const ll = {
               class: "vue-ui-zoom-minimap-frame",
               x: 0,
               y: 0,
-              width: f.value.width,
-              height: f.value.height,
+              width: g.value.width,
+              height: g.value.height,
               fill: "none",
               stroke: n.minimapFrameColor,
               rx: 3
@@ -617,9 +617,9 @@ const ll = {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               style: { opacity: "0.6" }
-            }, null, 8, sl)) : (u(), i(y, { key: 2 }, [
-              (u(!0), i(y, null, R(j.value.filter((t) => t.type === "bar"), (t, o) => (u(), i("g", null, [
-                (u(!0), i(y, null, R(t.points, (r, h) => (u(), i(y, null, [
+            }, null, 8, sl)) : (u(), i(M, { key: 2 }, [
+              (u(!0), i(M, null, R(j.value.filter((t) => t.type === "bar"), (t, o) => (u(), i("g", null, [
+                (u(!0), i(M, null, R(t.points, (r, h) => (u(), i(M, null, [
                   t.isVisible && !isNaN(r.y) ? (u(), i("rect", {
                     key: 0,
                     x: We(r.x, o, h),
@@ -631,7 +631,7 @@ const ll = {
                   }, null, 8, cl)) : m("", !0)
                 ], 64))), 256))
               ]))), 256)),
-              (u(!0), i(y, null, R(j.value.filter((t) => t.type === "line"), (t) => (u(), i("g", {
+              (u(!0), i(M, null, R(j.value.filter((t) => t.type === "line"), (t) => (u(), i("g", {
                 key: String(t.key)
               }, [
                 t.isVisible ? (u(), i("path", {
@@ -641,13 +641,13 @@ const ll = {
                   stroke: t.color,
                   style: { opacity: "0.6" }
                 }, null, 8, vl)) : m("", !0),
-                t.isVisible ? (u(!0), i(y, { key: 1 }, R(t.fullMarkers, (o) => (u(), i("circle", {
+                t.isVisible ? (u(!0), i(M, { key: 1 }, R(t.fullMarkers, (o) => (u(), i("circle", {
                   key: `sel-dot-under-${t.key}-${o.i}`,
                   cx: o.x,
                   cy: o.y,
                   r: "2",
                   fill: t.color,
-                  stroke: g.value,
+                  stroke: x.value,
                   "stroke-width": "0.5",
                   style: { opacity: "0.6" }
                 }, null, 8, ml))), 128)) : m("", !0)
@@ -656,24 +656,24 @@ const ll = {
             P("rect", {
               x: C.value.x,
               width: C.value.width < 0 ? 0 : C.value.width,
-              height: Math.max(f.value.height, 0),
+              height: Math.max(g.value.height, 0),
               y: 0,
-              fill: g.value,
+              fill: x.value,
               rx: n.minimapSelectionRadius,
               stroke: "none"
             }, null, 8, hl),
             P("rect", {
               x: C.value.x,
               width: C.value.width < 0 ? 0 : C.value.width,
-              height: Math.max(f.value.height, 0),
+              height: Math.max(g.value.height, 0),
               y: 0,
               rx: n.minimapSelectionRadius,
-              fill: g.value
+              fill: x.value
             }, null, 8, dl),
             P("rect", {
               x: C.value.x,
               width: C.value.width < 0 ? 0 : C.value.width,
-              height: Math.max(f.value.height, 0),
+              height: Math.max(g.value.height, 0),
               y: 0,
               fill: n.minimapSelectedColor,
               rx: n.minimapSelectionRadius,
@@ -686,17 +686,17 @@ const ll = {
               key: 4,
               class: "slicer-minimap-zero-line",
               x1: 0,
-              x2: f.value.width,
+              x2: g.value.width,
               y1: De.value,
               y2: De.value,
               stroke: n.minimapFrameColor,
               "stroke-width": "0.5"
             }, null, 8, gl)) : m("", !0),
-            n.minimapMerged ? (u(), i(y, { key: 5 }, [
-              c.value && c.value.sliced && c.value.sliced.length ? (u(), i(y, { key: 0 }, [
+            n.minimapMerged ? (u(), i(M, { key: 5 }, [
+              c.value && c.value.sliced && c.value.sliced.length ? (u(), i(M, { key: 0 }, [
                 c.value.selectionSet ? (u(), i("path", {
                   key: 0,
-                  d: `M${c.value.sliced[0].x},${Math.max(f.value.height, 0)} ${c.value.selectionSet} L${c.value.sliced[c.value.sliced.length - 1].x},${Math.max(f.value.height, 0)}Z`,
+                  d: `M${c.value.sliced[0].x},${Math.max(g.value.height, 0)} ${c.value.selectionSet} L${c.value.sliced[c.value.sliced.length - 1].x},${Math.max(g.value.height, 0)}Z`,
                   fill: `url(#${Ve.value})`,
                   stroke: "none",
                   style: { opacity: "1" }
@@ -712,8 +712,8 @@ const ll = {
                 }, null, 8, yl)) : m("", !0)
               ], 64)) : m("", !0)
             ], 64)) : (u(), i("g", Ml, [
-              (u(!0), i(y, null, R(j.value.filter((t) => t.type === "bar"), (t, o) => (u(), i("g", null, [
-                (u(!0), i(y, null, R(t.points, (r, h) => (u(), i(y, null, [
+              (u(!0), i(M, null, R(j.value.filter((t) => t.type === "bar"), (t, o) => (u(), i("g", null, [
+                (u(!0), i(M, null, R(t.points, (r, h) => (u(), i(M, null, [
                   t.isVisible && !isNaN(r.y) ? (u(), i("rect", {
                     key: 0,
                     x: We(r.x, o, h),
@@ -727,7 +727,7 @@ const ll = {
                   }, null, 12, bl)) : m("", !0)
                 ], 64))), 256))
               ]))), 256)),
-              (u(!0), i(y, null, R(j.value.filter((t) => t.type === "line"), (t) => (u(), i("g", {
+              (u(!0), i(M, null, R(j.value.filter((t) => t.type === "line"), (t) => (u(), i("g", {
                 key: String(t.key)
               }, [
                 t && t.hasSelection && t.selectionSet && t.isVisible ? (u(), i("path", {
@@ -741,35 +741,35 @@ const ll = {
                 }, null, 8, pl)) : m("", !0)
               ]))), 128))
             ])),
-            M.value && n.minimapCompact ? (u(), i("rect", {
+            b.value && n.minimapCompact ? (u(), i("rect", {
               key: 7,
               class: "vue-ui-zoom-compact-minimap-handle",
               x: C.value.x - 8,
               y: 0,
               width: 8,
-              height: f.value.height,
-              fill: g.value,
+              height: g.value.height,
+              fill: x.value,
               stroke: n.textColor,
               rx: 3
             }, null, 8, kl)) : m("", !0),
-            M.value && n.minimapCompact ? (u(), i("rect", {
+            b.value && n.minimapCompact ? (u(), i("rect", {
               key: 8,
               class: "vue-ui-zoom-compact-minimap-handle",
               x: C.value.x + C.value.width,
               y: 0,
               width: 8,
-              height: f.value.height,
-              fill: g.value,
+              height: g.value.height,
+              fill: x.value,
               stroke: n.textColor,
               rx: 3
             }, null, 8, wl)) : m("", !0),
-            n.minimapMerged ? (u(), i(y, { key: 9 }, [
+            n.minimapMerged ? (u(), i(M, { key: 9 }, [
               c.value && c.value.firstPlot && c.value.firstPlot.value !== null ? (u(), i("circle", {
                 key: 0,
                 cx: c.value.firstPlot.x,
                 cy: c.value.firstPlot.y,
                 "stroke-width": "0.5",
-                stroke: g.value,
+                stroke: x.value,
                 r: "4",
                 fill: n.minimapLineColor
               }, null, 8, Sl)) : m("", !0),
@@ -778,14 +778,14 @@ const ll = {
                 cx: c.value.firstPlot.x,
                 cy: c.value.firstPlot.y,
                 r: "2",
-                fill: g.value
+                fill: x.value
               }, null, 8, Cl)) : m("", !0),
               c.value && c.value.lastPlot && c.value.lastPlot.value !== null ? (u(), i("circle", {
                 key: 2,
                 cx: c.value.lastPlot.x,
                 cy: c.value.lastPlot.y,
                 "stroke-width": "0.5",
-                stroke: g.value,
+                stroke: x.value,
                 r: "4",
                 fill: n.minimapLineColor
               }, null, 8, Pl)) : m("", !0),
@@ -794,19 +794,19 @@ const ll = {
                 cx: c.value.lastPlot.x,
                 cy: c.value.lastPlot.y,
                 r: "2",
-                fill: g.value
+                fill: x.value
               }, null, 8, Nl)) : m("", !0)
             ], 64)) : (u(), i("g", Rl, [
-              (u(!0), i(y, null, R(j.value.filter((t) => t.type === "line"), (t) => (u(), i("g", {
+              (u(!0), i(M, null, R(j.value.filter((t) => t.type === "line"), (t) => (u(), i("g", {
                 key: String(t.key)
               }, [
-                t.isVisible ? (u(!0), i(y, { key: 0 }, R(t.selectionMarkers, (o) => (u(), i("circle", {
+                t.isVisible ? (u(!0), i(M, { key: 0 }, R(t.selectionMarkers, (o) => (u(), i("circle", {
                   key: `sel-dot-${t.key}-${o.i}`,
                   cx: o.x,
                   cy: o.y,
                   r: "2.5",
                   fill: t.color,
-                  stroke: g.value,
+                  stroke: x.value,
                   "stroke-width": "0.5"
                 }, null, 8, Ll))), 128)) : m("", !0),
                 t && t.firstPlot && t.isVisible && t.firstPlot.value !== null ? (u(), i("circle", {
@@ -814,7 +814,7 @@ const ll = {
                   cx: t.firstPlot.x,
                   cy: t.firstPlot.y,
                   "stroke-width": "0.5",
-                  stroke: g.value,
+                  stroke: x.value,
                   r: "4",
                   fill: t.color
                 }, null, 8, $l)) : m("", !0),
@@ -823,14 +823,14 @@ const ll = {
                   cx: t.firstPlot.x,
                   cy: t.firstPlot.y,
                   r: "2",
-                  fill: g.value
+                  fill: x.value
                 }, null, 8, El)) : m("", !0),
                 t && t.lastPlot && t.isVisible && t.lastPlot.value !== null ? (u(), i("circle", {
                   key: 3,
                   cx: t.lastPlot.x,
                   cy: t.lastPlot.y,
                   "stroke-width": "0.5",
-                  stroke: g.value,
+                  stroke: x.value,
                   r: "4",
                   fill: t.color
                 }, null, 8, Tl)) : m("", !0),
@@ -839,19 +839,19 @@ const ll = {
                   cx: t.lastPlot.x,
                   cy: t.lastPlot.y,
                   r: "2",
-                  fill: g.value
+                  fill: x.value
                 }, null, 8, Vl)) : m("", !0)
               ]))), 128))
             ])),
-            (u(!0), i(y, null, R(Be.value, (t, o) => (u(), i("rect", {
+            (u(!0), i(M, null, R(Be.value, (t, o) => (u(), i("rect", {
               y: 0,
-              height: Math.max(f.value.height, 0),
+              height: Math.max(g.value.height, 0),
               fill: "transparent",
               style: L([{ "pointer-events": "all !important" }, {
                 cursor: t >= I.value && t < X.value && n.enableSelectionDrag ? F.value ? "grabbing" : "grab" : "default"
               }]),
-              x: b.value * o - (n.minimapCompact ? b.value / 2 : 0),
-              width: b.value < 0 ? 0 : b.value,
+              x: p.value * o - (n.minimapCompact ? p.value / 2 : 0),
+              width: p.value < 0 ? 0 : p.value,
               onMousedown: l[0] || (l[0] = (r) => F.value = !0),
               onMouseup: l[1] || (l[1] = (r) => F.value = !1),
               onMouseenter: (r) => Pt(t),
@@ -863,7 +863,7 @@ const ll = {
         ])) : m("", !0),
         P("div", {
           class: "slider-track",
-          style: L({ visibility: M.value && n.minimapCompact ? "hidden" : "visible" })
+          style: L({ visibility: b.value && n.minimapCompact ? "hidden" : "visible" })
         }, null, 4),
         P("div", {
           class: Y({
@@ -875,7 +875,7 @@ const ll = {
           style: L({
             ...N.value,
             cursor: F.value ? "grabbing" : "grab",
-            visibility: M.value && n.minimapCompact ? "hidden" : "visible"
+            visibility: b.value && n.minimapCompact ? "hidden" : "visible"
           })
         }, null, 38),
         n.enableRangeHandles ? at((u(), i("input", {
@@ -886,8 +886,8 @@ const ll = {
           class: Y({
             "range-left": !0,
             "range-handle": !0,
-            "range-minimap": M.value && n.verticalHandles,
-            "range-invisible": M.value && n.minimapCompact
+            "range-minimap": b.value && n.verticalHandles,
+            "range-invisible": b.value && n.minimapCompact
           }),
           min: n.min,
           max: $.value && n.minimapCompact ? K.value : n.max,
@@ -910,8 +910,8 @@ const ll = {
           class: Y({
             "range-right": !0,
             "range-handle": !0,
-            "range-minimap": M.value && n.verticalHandles,
-            "range-invisible": M.value && n.minimapCompact
+            "range-minimap": b.value && n.verticalHandles,
+            "range-invisible": b.value && n.minimapCompact
           }),
           min: n.min,
           max: $.value && n.minimapCompact ? K.value : n.max,
@@ -940,10 +940,10 @@ const ll = {
             left: N.value.tooltipLeft,
             color: me(Ee)(n.selectColor),
             backgroundColor: n.selectColor,
-            border: `1px solid ${g.value}`,
+            border: `1px solid ${x.value}`,
             zIndex: `${Qe.value + 4}`,
             visibility: ne.value || n.labelLeft === n.labelRight ? "hidden" : "visible",
-            top: M.value && n.minimapCompact ? "calc(-100% - 18px)" : "-100%"
+            top: b.value && n.minimapCompact ? "calc(-100% - 18px)" : "-100%"
           })
         }, $e(n.labelLeft), 7)) : m("", !0),
         (ne.value || n.labelLeft === n.labelRight) && (n.labelLeft || n.labelRight) ? (u(), i("div", {
@@ -961,9 +961,9 @@ const ll = {
             width: ie.value.width + "px",
             color: me(Ee)(n.selectColor),
             backgroundColor: n.selectColor,
-            border: `1px solid ${g.value}`,
+            border: `1px solid ${x.value}`,
             zIndex: "4",
-            top: M.value && n.minimapCompact ? "calc(-100% - 18px)" : "-100%"
+            top: b.value && n.minimapCompact ? "calc(-100% - 18px)" : "-100%"
           })
         }, $e(n.labelLeft === n.labelRight ? n.labelLeft : `${n.labelLeft} - ${n.labelRight}`), 7)) : m("", !0),
         n.labelRight ? (u(), i("div", {
@@ -980,16 +980,16 @@ const ll = {
             left: N.value.tooltipRight,
             color: me(Ee)(n.selectColor),
             backgroundColor: n.selectColor,
-            border: `1px solid ${g.value}`,
+            border: `1px solid ${x.value}`,
             zIndex: "4",
             visibility: ne.value || n.labelLeft === n.labelRight ? "hidden" : "visible",
-            top: M.value && n.minimapCompact ? "calc(-100% - 18px)" : "-100%"
+            top: b.value && n.minimapCompact ? "calc(-100% - 18px)" : "-100%"
           })
         }, $e(n.labelRight), 7)) : m("", !0)
       ], 544)
     ], 544));
   }
-}, Gl = /* @__PURE__ */ tl(Il, [["__scopeId", "data-v-34d41da4"]]);
+}, Gl = /* @__PURE__ */ tl(Il, [["__scopeId", "data-v-a7df6c49"]]);
 export {
   Gl as S
 };