vue-data-ui 3.3.2 → 3.4.0

package/dist/{Slicer-Znzt0gSE.js → Slicer-BHgEsIBU.js}

@@ -1,7 +1,7 @@
-import { useCssVars as Ot, computed as s, ref as h, 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, E as Ee, ad as it, U as ut, ae as ot, T as rt, af as st } from "./lib-CEjkWSLj.js";
+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 Jt, withDirectives as at, unref as me, Fragment as M, renderList as R, normalizeProps as Yt, mergeProps as qt, normalizeClass as J, vModelText as nt, toDisplayString as $e } from "vue";
+import { c as Kt, X as Qt, J as Ee, y as it, z as ut, A as ot, B as rt, am as st } from "./lib-BcBZIm6u.js";
 import { t as ct, d as jt, u as _t } from "./useResponsive-DfdjqQps.js";
-import el from "./BaseIcon-eZbszQrv.js";
+import el from "./BaseIcon-B5KaGWWC.js";
 import { _ as tl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ll = {
   class: "vue-data-ui-slicer-labels",
@@ -13,7 +13,7 @@ const ll = {
   key: 0,
   class: "minimap",
   style: { width: "100%" }
-}, il = ["xmlns", "viewBox"], ul = ["id"], ol = ["stop-color"], rl = ["width", "height", "stroke"], sl = ["d", "stroke"], cl = ["x", "width", "y", "height", "fill"], vl = ["d", "stroke"], ml = ["cx", "cy", "fill", "stroke"], dl = ["x", "width", "height", "fill", "rx"], hl = ["x", "width", "height", "rx", "fill"], fl = ["x", "width", "height", "fill", "rx"], gl = ["x2", "y1", "y2", "stroke"], xl = ["d", "fill"], yl = ["d", "stroke"], Ml = { key: 6 }, bl = ["x", "width", "y", "height", "fill"], pl = ["d", "stroke"], kl = ["x", "height", "fill", "stroke"], wl = ["x", "height", "fill", "stroke"], Sl = ["cx", "cy", "stroke", "fill"], Cl = ["cx", "cy", "fill"], Pl = ["cx", "cy", "stroke", "fill"], Nl = ["cx", "cy", "fill"], Rl = { key: 10 }, Ll = ["cx", "cy", "fill", "stroke"], $l = ["cx", "cy", "stroke", "fill"], El = ["cx", "cy", "fill"], Tl = ["cx", "cy", "stroke", "fill"], Al = ["cx", "cy", "fill"], Bl = ["height", "x", "width", "onMouseenter"], Vl = ["min", "max"], Fl = ["min", "max"], Te = 48, Il = {
+}, il = ["xmlns", "viewBox"], ul = ["id"], ol = ["stop-color"], rl = ["width", "height", "stroke"], sl = ["d", "stroke"], cl = ["x", "width", "y", "height", "fill"], vl = ["d", "stroke"], ml = ["cx", "cy", "fill", "stroke"], hl = ["x", "width", "height", "fill", "rx"], dl = ["x", "width", "height", "rx", "fill"], fl = ["x", "width", "height", "fill", "rx"], gl = ["x2", "y1", "y2", "stroke"], yl = ["d", "fill"], xl = ["d", "stroke"], Ml = { key: 6 }, bl = ["x", "width", "y", "height", "fill"], pl = ["d", "stroke"], kl = ["x", "height", "fill", "stroke"], wl = ["x", "height", "fill", "stroke"], Sl = ["cx", "cy", "stroke", "fill"], Cl = ["cx", "cy", "fill"], Pl = ["cx", "cy", "stroke", "fill"], Nl = ["cx", "cy", "fill"], Rl = { key: 10 }, Ll = ["cx", "cy", "fill", "stroke"], $l = ["cx", "cy", "stroke", "fill"], El = ["cx", "cy", "fill"], Tl = ["cx", "cy", "stroke", "fill"], Al = ["cx", "cy", "fill"], Bl = ["height", "x", "width", "onMouseenter"], Vl = ["min", "max"], Fl = ["min", "max"], Te = 48, Il = {
   __name: "Slicer",
   props: {
     background: {
@@ -155,15 +155,15 @@ const ll = {
   setup(n, { expose: vt, emit: mt }) {
     Ot((e) => ({
       v703bd703: gt.value,
-      v08315f77: x.value,
-      v784637a8: yt.value,
+      v08315f77: y.value,
+      v784637a8: xt.value,
       v2f32beb2: n.selectColor,
-      v147c5fb5: xt.value
+      v147c5fb5: yt.value
     }));
-    const a = n, k = h(null), w = h(a.min), S = h(a.max), b = s(() => !!a.minimap.length), Ae = h(Kt()), $ = s(() => b.value && a.minimapCompact), de = h(0);
+    const a = n, k = d(null), w = d(a.min), S = d(a.max), b = s(() => !!a.minimap.length), Ae = d(Kt()), $ = s(() => b.value && a.minimapCompact), he = d(0);
     lt(() => {
       const e = () => {
-        k.value && (de.value = k.value.getBoundingClientRect().width);
+        k.value && (he.value = k.value.getBoundingClientRect().width);
       };
       e();
       const l = ct(e, 50);
@@ -171,10 +171,10 @@ const ll = {
         window.removeEventListener("resize", l);
       });
     });
-    const dt = s(() => a.refreshEndPoint === null ? a.max : a.refreshEndPoint), J = mt, q = s(() => {
+    const ht = s(() => a.refreshEndPoint === null ? a.max : a.refreshEndPoint), Y = mt, q = s(() => {
       if ($.value) {
         const l = Math.max(1, ue.value - 1);
-        return ye.value / l * 100;
+        return xe.value / l * 100;
       }
       const e = Math.max(1, a.max - a.min);
       return (w.value - a.min) / e * 100;
@@ -185,7 +185,7 @@ const ll = {
       }
       const e = Math.max(1, a.max - a.min);
       return (S.value - a.min) / e * 100;
-    }), he = s(() => (q.value + re.value) / 2), fe = s(() => {
+    }), 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;
@@ -194,7 +194,7 @@ const ll = {
       const e = k.value.getBoundingClientRect().width;
       return re.value / 100 * e + ce.value / 2 > e;
     }), N = s(() => {
-      const e = ge.value ? `calc(${he.value}% - ${ie.value.width}px - 2px)` : fe.value ? `calc(${he.value}% - 8px)` : `calc(${he.value}% - ${ie.value.width / 2}px - 4px)`;
+      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, re.value - q.value)}%`,
@@ -205,21 +205,21 @@ const ll = {
         arrowLeft: !fe.value,
         arrowRight: !ge.value
       };
-    }), K = s(() => Math.max(0, (Q.value || 1) - 1)), xe = s(() => Math.max(0, (ue.value || 1) - 1));
+    }), K = s(() => Math.max(0, (Q.value || 1) - 1)), ye = s(() => Math.max(0, (ue.value || 1) - 1));
     function se(e) {
-      return xe.value === 0 ? 0 : Math.round(e / xe.value * K.value);
+      return ye.value === 0 ? 0 : Math.round(e / ye.value * K.value);
     }
     function Be(e) {
-      return K.value === 0 ? 0 : Math.round(e / K.value * xe.value);
+      return K.value === 0 ? 0 : Math.round(e / K.value * ye.value);
     }
-    const ht = (e) => Math.floor(a.min + e), ft = (e) => Math.ceil(a.min + e), ye = s({
+    const dt = (e) => Math.floor(a.min + e), ft = (e) => Math.ceil(a.min + e), xe = s({
       get() {
         return $.value ? se(I.value) : Number(w.value);
       },
       set(e) {
         if ($.value) {
           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 = Be(o);
-          _(ht(r));
+          _(dt(r));
         } else {
           let l = Math.round(+e || 0);
           const t = Number(S.value) - 1, o = Math.min(Math.max(a.min, l), t);
@@ -240,14 +240,14 @@ const ll = {
           ee(o);
         }
       }
-    }), gt = s(() => a.inputColor), xt = s(() => a.background), yt = s(() => `${a.selectColor}33`), x = s(() => a.borderColor), Ve = s(() => {
+    }), gt = s(() => a.inputColor), yt = s(() => a.background), xt = s(() => `${a.selectColor}33`), y = s(() => a.borderColor), Ve = s(() => {
       const e = [];
       for (let l = 0; l < a.max; l += 1)
         e.push(l);
       return e;
     });
     function Fe() {
-      J("reset");
+      Y("reset");
     }
     Z(
       () => a.min,
@@ -260,10 +260,10 @@ const ll = {
         Number(w.value) > Number(e) && (w.value = Number(e)), Number(S.value) > Number(e) && (S.value = Number(e));
       }
     );
-    const be = h(null), g = h({
+    const be = d(null), g = d({
       width: 1,
       height: 1
-    }), O = h(null);
+    }), O = d(null);
     lt(() => {
       if (b.value) {
         const e = ct(() => {
@@ -287,35 +287,35 @@ const ll = {
         for (const l of a.allMinimaps)
           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) => {
+    }), D = s(() => Ie.value.min), U = s(() => Ie.value.max), Mt = s(() => D.value < 0 && U.value > 0 || U.value <= 0 ? D.value : 0), bt = s(() => Math.max(1e-9, Math.max(Math.abs(D.value), Math.abs(U.value)))), pt = s(() => D.value < 0 && U.value > 0), kt = (e) => {
       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;
       } else {
-        const t = Math.min(0, z.value), o = Math.max(0, U.value);
+        const t = Math.min(0, D.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(() => p.value / (ze.value || 1) * 0.8);
+    }, ze = s(() => kt(0)), De = s(() => a.allMinimaps.length ? a.allMinimaps.filter((e) => e.type === "bar").length : 0), pe = s(() => p.value / (De.value || 1) * 0.8);
     function We(e, l, t) {
-      const o = pe.value, r = Math.max(1, ze.value), d = Q.value - 1;
-      return t === 0 ? e + o / 2 * l : t === d ? e - o / 2 * (r - l) : e - r * o / 2 + l * o;
+      const o = pe.value, r = Math.max(1, De.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;
     }
     function Xe(e, l) {
       return [0, Q.value - 1].includes(l) ? pe.value / 2 : pe.value;
     }
     function wt(e, l, t) {
-      const o = (y, v, D) => Math.max(v, Math.min(D, y));
+      const o = (x, v, z) => Math.max(v, Math.min(z, x));
       if (l <= 0) {
-        const y = Math.max(1e-9, 0 - e);
-        return (v) => t - (v - e) / y * t;
+        const x = Math.max(1e-9, 0 - e);
+        return (v) => t - (v - e) / x * t;
       }
       if (e >= 0) {
-        const y = Math.max(1e-9, l - 0);
-        return (v) => t - (v - 0) / y * t;
+        const x = Math.max(1e-9, l - 0);
+        return (v) => t - (v - 0) / x * t;
       }
-      const d = Math.max(1e-9, Math.max(Math.abs(e), Math.abs(l)));
-      return (y) => (1 - (o(y / d, -1, 1) + 1) / 2) * 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;
     }
     function He(e, l = !1) {
       if (!e || !e.length)
@@ -331,7 +331,7 @@ const ll = {
           fullMarkers: [],
           selectionMarkers: []
         };
-      const t = Math.max(1, g.value.height), o = wt(z.value, U.value, t), r = e.length, d = Math.min(Math.max(0, I.value), Math.max(0, r - 1)), y = Math.min(r, Math.max(d + 1, X.value)), v = e.map((f, et) => {
+      const t = Math.max(1, g.value.height), o = wt(D.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((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,
@@ -341,14 +341,14 @@ const ll = {
           y0: Gt,
           i: et
         };
-      }), 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 >= d && f.i < y), G = v.slice(d, 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)) : "";
+      }), z = (f) => f >= 0 && f < v.length && Number.isFinite(v[f]?.value), H = v.filter((f) => Number.isFinite(f.value) && !z(f.i - 1) && !z(f.i + 1)), Re = H.filter((f) => f.i >= h && f.i < x), G = v.slice(h, x), 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[d] || null,
-        lastPlot: v[Math.max(0, y - 1)] || null,
+        firstPlot: v[h] || null,
+        lastPlot: v[Math.max(0, x - 1)] || null,
         hasFull: v.length >= 2,
         hasSelection: G.length >= 2,
         fullMarkers: H,
@@ -378,7 +378,7 @@ const ll = {
         x: p.value * e + (a.minimapCompact ? 0 : p.value / 2),
         width: p.value * (l - e) - p.value
       };
-    }), E = h(a.minimapSelectedIndex);
+    }), E = d(a.minimapSelectedIndex);
     function St(e) {
       E.value = _e(a.valueStart) + e;
     }
@@ -393,24 +393,24 @@ const ll = {
     function Pt(e) {
       E.value = e;
       const l = I.value, t = X.value;
-      e >= l && e < t && !F.value && J("trapMouse", e - l);
+      e >= l && e < t && !F.value && Y("trapMouse", e - l);
     }
-    const ke = h(null), we = h(null);
+    const ke = d(null), we = d(null);
     function _(e) {
-      w.value = e, ke.value && (ke.value.value = e), J("update:start", Number(w.value));
+      w.value = e, ke.value && (ke.value.value = e), Y("update:start", Number(w.value));
     }
     function ee(e) {
-      S.value = e, we.value && (we.value.value = e), J("update:end", Number(S.value));
+      S.value = e, we.value && (we.value.value = e), Y("update:end", Number(S.value));
     }
-    const Se = s(() => a.valueEnd - a.valueStart), Nt = s(() => Se.value < a.max - a.min), te = h(!1);
-    let Rt = h(null);
-    const Lt = s(() => (de.value - 48) / (a.max - a.min) * Se.value), $t = s(() => Math.max(1, de.value - Te - Lt.value)), Et = s(() => Math.max(1, a.max - a.min - Se.value)), Tt = s(() => Et.value / $t.value), Ge = h(0), Ce = h(0), Oe = h(0), At = h(0);
+    const Se = s(() => a.valueEnd - a.valueStart), Nt = s(() => Se.value < a.max - a.min), te = d(!1);
+    let Rt = d(null);
+    const Lt = s(() => (he.value - 48) / (a.max - a.min) * Se.value), $t = s(() => Math.max(1, he.value - Te - Lt.value)), Et = s(() => Math.max(1, a.max - a.min - Se.value)), Tt = s(() => Et.value / $t.value), Ge = d(0), Ce = d(0), Oe = d(0), At = d(0);
     let T = null, A = null, B = null, V = null;
-    const Ue = h(a.min);
+    const Ue = d(a.min);
     function Pe(e) {
       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 l = k.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);
     }
     const Ze = async (e) => {
       if (W.value = !0, !a.enableSelectionDrag) return;
@@ -422,8 +422,8 @@ const ll = {
       const r = l ? t ? t.clientX : 0 : e.clientX;
       if (Rt.value = r, Ge.value = r, a.focusOnDrag && !Nt.value && k.value) {
         Ue.value = Pe(r);
-        const d = Math.min(0.95, Math.max(0.05, a.focusRangeRatio)), y = a.max - a.min, v = Math.max(1, Math.round(y * d)), D = Math.floor(v / 2);
-        let H = Ue.value - D;
+        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)), z = Math.floor(v / 2);
+        let H = Ue.value - z;
         H = Math.max(a.min, Math.min(H, a.max - v));
         const Re = Math.min(a.max, H + v);
         _(H), ee(Re), st(k.value, "mouseup"), await ve(), st(k.value, "mousedown", { clientX: r });
@@ -431,7 +431,7 @@ const ll = {
       Ce.value = Number(w.value), Oe.value = Number(S.value), At.value = Tt.value, T = l ? "touchmove" : "mousemove", A = l ? "touchend" : "mouseup", B = l ? Vt : Bt, V = l ? It : Ft, window.addEventListener(T, B, { passive: !1 }), window.addEventListener(A, V);
     };
     function Bt(e) {
-      te.value && Ye(e.clientX);
+      te.value && Je(e.clientX);
     }
     function Vt(e) {
       if (!te.value || !k.value) return;
@@ -439,38 +439,38 @@ const ll = {
       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);
+      t && Je(t.clientX);
     }
-    function Ye(e) {
+    function Je(e) {
       if (!te.value) return;
       const l = Pe(Ge.value), o = Pe(e) - l, r = Math.max(1, Oe.value - Ce.value);
-      let d = Math.round(Ce.value + o);
-      const y = a.min, v = a.max - r;
-      d < y && (d = y), d > v && (d = v);
-      const D = d + r;
-      _(d), ee(D);
+      let h = Math.round(Ce.value + o);
+      const x = a.min, v = a.max - r;
+      h < x && (h = x), h > v && (h = v);
+      const z = h + r;
+      _(h), ee(z);
     }
     function Ft() {
-      Je();
+      Ye();
     }
     function It() {
-      Je();
+      Ye();
     }
-    function Je() {
+    function Ye() {
       te.value = !1, T && B && window.removeEventListener(T, B), A && V && window.removeEventListener(A, V), T = A = null, B = V = null;
     }
-    const F = h(!1), le = h(null), ae = h(null), Ne = h(1), ce = h(1), W = h(!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 && (ce.value = ae.value.getBoundingClientRect().width);
     }
-    const Qe = h(0);
+    const Qe = d(0);
     function je(e) {
       Qe.value = e === "start" ? 1 : 0;
     }
-    const ne = h(!1), ie = h({
+    const ne = d(!1), ie = d({
       width: 0,
       left: 0
     });
@@ -481,10 +481,10 @@ const ll = {
       }
       const e = le.value.getBoundingClientRect(), l = ae.value.getBoundingClientRect();
       ne.value = e.x + e.width > l.x;
-      const t = e.x + e.width / 2, o = l.x + l.width / 2, r = e.width + l.width, d = (t + o) / 2;
+      const t = e.x + e.width / 2, o = l.x + l.width / 2, r = e.width + l.width, h = (t + o) / 2;
       ie.value = {
         width: r,
-        left: d - r / 2
+        left: h - r / 2
       };
     }), Ut(() => {
       qe(), Ke();
@@ -511,11 +511,11 @@ const ll = {
       const l = Math.floor(e - a.min);
       return Math.min(Math.max(0, l), ue.value);
     }
-    function Dt(e) {
+    function zt(e) {
       const l = Math.ceil(e - a.min);
       return Math.min(Math.max(0, l), ue.value);
     }
-    const I = s(() => _e(w.value)), X = s(() => Dt(S.value)), zt = s(() => {
+    const I = s(() => _e(w.value)), X = s(() => zt(S.value)), Dt = s(() => {
       if (!Ve.value.length) return null;
       if (E.value >= I.value && E.value < X.value) {
         const e = E.value;
@@ -543,7 +543,7 @@ const ll = {
       onTouchend: l[11] || (l[11] = (t) => W.value = !1)
     }, [
       P("div", ll, [
-        n.valueStart !== n.refreshStartPoint || n.valueEnd !== dt.value ? (u(), i("div", al, [
+        n.valueStart !== n.refreshStartPoint || n.valueEnd !== ht.value ? (u(), i("div", al, [
           n.useResetSlot ? Zt(e.$slots, "reset-action", {
             key: 1,
             reset: Fe
@@ -558,7 +558,7 @@ const ll = {
             }),
             onClick: Fe
           }, [
-            Yt(el, {
+            Jt(el, {
               name: "refresh",
               stroke: n.textColor
             }, null, 8, ["stroke"])
@@ -619,11 +619,11 @@ const ll = {
               style: { opacity: "0.6" }
             }, 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, d) => (u(), i(M, 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, d),
-                    width: Xe(o, d),
+                    x: We(r.x, o, h),
+                    width: Xe(o, h),
                     y: r.v >= 0 ? r.y : r.y0,
                     height: r.v >= 0 ? r.y0 - r.y : r.y - r.y0,
                     fill: t.color,
@@ -647,7 +647,7 @@ const ll = {
                   cy: o.y,
                   r: "2",
                   fill: t.color,
-                  stroke: x.value,
+                  stroke: y.value,
                   "stroke-width": "0.5",
                   style: { opacity: "0.6" }
                 }, null, 8, ml))), 128)) : m("", !0)
@@ -658,18 +658,18 @@ const ll = {
               width: C.value.width < 0 ? 0 : C.value.width,
               height: Math.max(g.value.height, 0),
               y: 0,
-              fill: x.value,
+              fill: y.value,
               rx: n.minimapSelectionRadius,
               stroke: "none"
-            }, null, 8, dl),
+            }, null, 8, hl),
             P("rect", {
               x: C.value.x,
               width: C.value.width < 0 ? 0 : C.value.width,
               height: Math.max(g.value.height, 0),
               y: 0,
               rx: n.minimapSelectionRadius,
-              fill: x.value
-            }, null, 8, hl),
+              fill: y.value
+            }, null, 8, dl),
             P("rect", {
               x: C.value.x,
               width: C.value.width < 0 ? 0 : C.value.width,
@@ -681,14 +681,14 @@ const ll = {
                 opacity: n.minimapSelectedColorOpacity
               })
             }, null, 12, fl),
-            E.value !== null && !F.value ? (u(), i("line", Jt(qt({ key: 3 }, zt.value)), null, 16)) : m("", !0),
+            E.value !== null && !F.value ? (u(), i("line", Yt(qt({ key: 3 }, Dt.value)), null, 16)) : m("", !0),
             !n.minimapMerged && Mt.value < 0 ? (u(), i("line", {
               key: 4,
               class: "slicer-minimap-zero-line",
               x1: 0,
               x2: g.value.width,
-              y1: De.value,
-              y2: De.value,
+              y1: ze.value,
+              y2: ze.value,
               stroke: n.minimapFrameColor,
               "stroke-width": "0.5"
             }, null, 8, gl)) : m("", !0),
@@ -700,7 +700,7 @@ const ll = {
                   fill: `url(#${Ae.value})`,
                   stroke: "none",
                   style: { opacity: "1" }
-                }, null, 8, xl)) : m("", !0),
+                }, null, 8, yl)) : m("", !0),
                 c.value.selectionSet ? (u(), i("path", {
                   key: 1,
                   d: `M ${c.value.selectionSet}`,
@@ -709,20 +709,20 @@ const ll = {
                   "stroke-width": "2",
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round"
-                }, null, 8, yl)) : m("", !0)
+                }, null, 8, xl)) : m("", !0)
               ], 64)) : m("", !0)
             ], 64)) : (u(), i("g", Ml, [
               (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, d) => (u(), i(M, 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, d),
-                    width: Xe(o, d),
+                    x: We(r.x, o, h),
+                    width: Xe(o, h),
                     y: r.v >= 0 ? r.y : r.y0,
                     height: r.v >= 0 ? r.y0 - r.y : r.y - r.y0,
                     fill: t.color,
                     style: L({
-                      opacity: d >= n.valueStart && d <= n.valueEnd - 1 ? 1 : 0
+                      opacity: h >= n.valueStart && h <= n.valueEnd - 1 ? 1 : 0
                     })
                   }, null, 12, bl)) : m("", !0)
                 ], 64))), 256))
@@ -748,7 +748,7 @@ const ll = {
               y: 0,
               width: 8,
               height: g.value.height,
-              fill: x.value,
+              fill: y.value,
               stroke: n.textColor,
               rx: 3
             }, null, 8, kl)) : m("", !0),
@@ -759,7 +759,7 @@ const ll = {
               y: 0,
               width: 8,
               height: g.value.height,
-              fill: x.value,
+              fill: y.value,
               stroke: n.textColor,
               rx: 3
             }, null, 8, wl)) : m("", !0),
@@ -769,7 +769,7 @@ const ll = {
                 cx: c.value.firstPlot.x,
                 cy: c.value.firstPlot.y,
                 "stroke-width": "0.5",
-                stroke: x.value,
+                stroke: y.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: x.value
+                fill: y.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: x.value,
+                stroke: y.value,
                 r: "4",
                 fill: n.minimapLineColor
               }, null, 8, Pl)) : m("", !0),
@@ -794,7 +794,7 @@ const ll = {
                 cx: c.value.lastPlot.x,
                 cy: c.value.lastPlot.y,
                 r: "2",
-                fill: x.value
+                fill: y.value
               }, null, 8, Nl)) : m("", !0)
             ], 64)) : (u(), i("g", Rl, [
               (u(!0), i(M, null, R(j.value.filter((t) => t.type === "line"), (t) => (u(), i("g", {
@@ -806,7 +806,7 @@ const ll = {
                   cy: o.y,
                   r: "2.5",
                   fill: t.color,
-                  stroke: x.value,
+                  stroke: y.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: x.value,
+                  stroke: y.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: x.value
+                  fill: y.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: x.value,
+                  stroke: y.value,
                   r: "4",
                   fill: t.color
                 }, null, 8, Tl)) : m("", !0),
@@ -839,7 +839,7 @@ const ll = {
                   cx: t.lastPlot.x,
                   cy: t.lastPlot.y,
                   r: "2",
-                  fill: x.value
+                  fill: y.value
                 }, null, 8, Al)) : m("", !0)
               ]))), 128))
             ])),
@@ -856,7 +856,7 @@ const ll = {
               onMouseup: l[1] || (l[1] = (r) => F.value = !1),
               onMouseenter: (r) => Pt(t),
               onMouseleave: l[2] || (l[2] = (r) => {
-                E.value = null, J("trapMouse", null);
+                E.value = null, Y("trapMouse", null);
               })
             }, null, 44, Bl))), 256))
           ], 8, il))
@@ -866,7 +866,7 @@ const ll = {
           style: L({ visibility: b.value && n.minimapCompact ? "hidden" : "visible" })
         }, null, 4),
         P("div", {
-          class: Y({
+          class: J({
             "range-highlight": !0,
             move: n.enableSelectionDrag
           }),
@@ -883,7 +883,7 @@ const ll = {
           ref_key: "rangeStart",
           ref: ke,
           type: "range",
-          class: Y({
+          class: J({
             "range-left": !0,
             "range-handle": !0,
             "range-minimap": b.value && n.verticalHandles,
@@ -892,12 +892,12 @@ const ll = {
           min: n.min,
           max: $.value && n.minimapCompact ? K.value : n.max,
           step: 1,
-          "onUpdate:modelValue": l[5] || (l[5] = (t) => ye.value = t),
+          "onUpdate:modelValue": l[5] || (l[5] = (t) => xe.value = t),
           onMouseenter: l[6] || (l[6] = (t) => je("start"))
         }, null, 42, Vl)), [
           [
             nt,
-            ye.value,
+            xe.value,
             void 0,
             { number: !0 }
           ]
@@ -907,7 +907,7 @@ const ll = {
           ref_key: "rangeEnd",
           ref: we,
           type: "range",
-          class: Y({
+          class: J({
             "range-right": !0,
             "range-handle": !0,
             "range-minimap": b.value && n.verticalHandles,
@@ -930,7 +930,7 @@ const ll = {
           key: 3,
           ref_key: "tooltipLeft",
           ref: le,
-          class: Y({
+          class: J({
             "range-tooltip": !0,
             "range-tooltip-visible": W.value,
             "range-tooltip-arrow": N.value.arrowLeft && !n.verticalHandles,
@@ -940,7 +940,7 @@ const ll = {
             left: N.value.tooltipLeft,
             color: me(Ee)(n.selectColor),
             backgroundColor: n.selectColor,
-            border: `1px solid ${x.value}`,
+            border: `1px solid ${y.value}`,
             zIndex: `${Qe.value + 4}`,
             visibility: ne.value || n.labelLeft === n.labelRight ? "hidden" : "visible",
             top: b.value && n.minimapCompact ? "calc(-100% - 18px)" : "-100%"
@@ -949,7 +949,7 @@ const ll = {
         (ne.value || n.labelLeft === n.labelRight) && (n.labelLeft || n.labelRight) ? (u(), i("div", {
           key: 4,
           ref: "tooltipMerge",
-          class: Y({
+          class: J({
             "range-tooltip": !0,
             "range-tooltip-visible": W.value,
             "range-tooltip-arrow": !0,
@@ -961,7 +961,7 @@ const ll = {
             width: ie.value.width + "px",
             color: me(Ee)(n.selectColor),
             backgroundColor: n.selectColor,
-            border: `1px solid ${x.value}`,
+            border: `1px solid ${y.value}`,
             zIndex: "4",
             top: b.value && n.minimapCompact ? "calc(-100% - 18px)" : "-100%"
           })
@@ -970,7 +970,7 @@ const ll = {
           key: 5,
           ref_key: "tooltipRight",
           ref: ae,
-          class: Y({
+          class: J({
             "range-tooltip": !0,
             "range-tooltip-visible": W.value,
             "range-tooltip-arrow": N.value.arrowRight && !n.verticalHandles,
@@ -980,7 +980,7 @@ const ll = {
             left: N.value.tooltipRight,
             color: me(Ee)(n.selectColor),
             backgroundColor: n.selectColor,
-            border: `1px solid ${x.value}`,
+            border: `1px solid ${y.value}`,
             zIndex: "4",
             visibility: ne.value || n.labelLeft === n.labelRight ? "hidden" : "visible",
             top: b.value && n.minimapCompact ? "calc(-100% - 18px)" : "-100%"