vue-data-ui 3.1.11 → 3.1.12

package/dist/{Slicer-BHmT0yAl.js → Slicer-BbqJPn8J.js}

@@ -1,19 +1,19 @@
-import { useCssVars as Xt, computed as s, ref as m, onMounted as tt, onBeforeUnmount as Pe, watch as U, nextTick as Ne, onUpdated as Gt, createElementBlock as i, openBlock as u, createElementVNode as C, createCommentVNode as v, renderSlot as Ot, normalizeStyle as R, createVNode as Ut, withDirectives as lt, unref as me, Fragment as g, renderList as N, normalizeProps as Zt, mergeProps as Yt, normalizeClass as Z, vModelText as at, toDisplayString as $e } from "vue";
-import { c as Jt, X as qt, F as Le, $ as nt, V as it, a0 as ut, U as ot } from "./index-CUHa1rnE.js";
-import { t as rt, d as Kt, u as Qt } from "./useResponsive-DfdjqQps.js";
-import jt from "./BaseIcon-BNwyRcFi.js";
-import { _ as _t } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const el = {
+import { useCssVars as It, computed as s, ref as m, onMounted as je, onBeforeUnmount as Se, watch as O, nextTick as Ce, onUpdated as Wt, createElementBlock as i, openBlock as u, createElementVNode as C, createCommentVNode as v, renderSlot as Ht, normalizeStyle as L, createVNode as Xt, withDirectives as _e, unref as ve, Fragment as y, renderList as N, normalizeProps as Gt, mergeProps as Ot, normalizeClass as U, vModelText as et, toDisplayString as Pe } from "vue";
+import { c as Ut, X as Zt, F as Ne, $ as tt, V as lt, a0 as at, U as nt } from "./index-C6JKBlTi.js";
+import { t as it, d as Yt, u as Jt } from "./useResponsive-DfdjqQps.js";
+import qt from "./BaseIcon-DPvKcoLi.js";
+import { _ as Kt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Qt = {
   class: "vue-data-ui-slicer-labels",
   style: { position: "relative", "z-index": "1", "pointer-events": "none" }
-}, tl = {
+}, jt = {
   key: 0,
   style: { width: "100%", position: "relative" }
-}, ll = {
+}, _t = {
   key: 0,
   class: "minimap",
   style: { width: "100%" }
-}, al = ["xmlns", "viewBox"], nl = ["id"], il = ["stop-color"], ul = ["width", "height", "stroke"], ol = ["d", "stroke"], rl = ["x", "width", "y", "height", "fill"], sl = ["d", "stroke"], cl = ["cx", "cy", "fill", "stroke"], vl = ["x", "width", "height", "fill", "rx"], ml = ["x", "width", "height", "rx", "fill"], hl = ["x", "width", "height", "fill", "rx"], dl = ["x2", "y1", "y2", "stroke"], fl = ["d", "fill"], gl = ["d", "stroke"], yl = { key: 6 }, xl = ["x", "width", "y", "height", "fill"], bl = ["d", "stroke"], Ml = ["x", "height", "fill", "stroke"], kl = ["x", "height", "fill", "stroke"], pl = ["cx", "cy", "stroke", "fill"], wl = ["cx", "cy", "fill"], Sl = ["cx", "cy", "stroke", "fill"], Cl = ["cx", "cy", "fill"], Pl = { key: 10 }, Nl = ["cx", "cy", "fill", "stroke"], $l = ["cx", "cy", "stroke", "fill"], Ll = ["cx", "cy", "fill"], Rl = ["cx", "cy", "stroke", "fill"], El = ["cx", "cy", "fill"], Tl = ["height", "x", "width", "onMouseenter"], Vl = ["min", "max"], Fl = ["min", "max"], Al = 48, Bl = {
+}, el = ["xmlns", "viewBox"], tl = ["id"], ll = ["stop-color"], al = ["width", "height", "stroke"], nl = ["d", "stroke"], il = ["x", "width", "y", "height", "fill"], ul = ["d", "stroke"], ol = ["cx", "cy", "fill", "stroke"], rl = ["x", "width", "height", "fill", "rx"], sl = ["x", "width", "height", "rx", "fill"], cl = ["x", "width", "height", "fill", "rx"], vl = ["x2", "y1", "y2", "stroke"], ml = ["d", "fill"], dl = ["d", "stroke"], hl = { key: 6 }, fl = ["x", "width", "y", "height", "fill"], gl = ["d", "stroke"], yl = ["x", "height", "fill", "stroke"], xl = ["x", "height", "fill", "stroke"], bl = ["cx", "cy", "stroke", "fill"], Ml = ["cx", "cy", "fill"], kl = ["cx", "cy", "stroke", "fill"], pl = ["cx", "cy", "fill"], wl = { key: 10 }, Sl = ["cx", "cy", "fill", "stroke"], Cl = ["cx", "cy", "stroke", "fill"], Pl = ["cx", "cy", "fill"], Nl = ["cx", "cy", "stroke", "fill"], $l = ["cx", "cy", "fill"], Ll = ["height", "x", "width", "onMouseenter"], Rl = ["min", "max"], El = ["min", "max"], Tl = 48, Vl = {
   __name: "Slicer",
   props: {
     background: {
@@ -144,172 +144,172 @@ const el = {
     }
   },
   emits: ["update:start", "update:end", "reset", "trapMouse"],
-  setup(a, { expose: st, emit: ct }) {
-    Xt((e) => ({
-      "070bc632": dt.value,
-      c1fd62b4: d.value,
-      "1f6bc797": gt.value,
-      "7f368fd6": a.selectColor,
-      "5359c138": ft.value
+  setup(a, { expose: ut, emit: ot }) {
+    It((e) => ({
+      "0aad4c70": vt.value,
+      dac23b88: f.value,
+      "5c35d2ad": dt.value,
+      "72d4236c": a.selectColor,
+      "599e100c": mt.value
     }));
-    const n = a, $ = m(null), k = m(n.min), p = m(n.max), y = s(() => !!n.minimap.length), Re = m(Jt()), E = s(() => y.value && n.minimapCompact), he = m(0);
-    tt(() => {
+    const n = a, $ = m(null), k = m(n.min), p = m(n.max), x = s(() => !!n.minimap.length), $e = m(Ut()), R = s(() => x.value && n.minimapCompact), me = m(0);
+    je(() => {
       const e = () => {
-        $.value && (he.value = $.value.getBoundingClientRect().width);
+        $.value && (me.value = $.value.getBoundingClientRect().width);
       };
       e();
-      const l = rt(e, 50);
-      window.addEventListener("resize", l), Pe(() => {
+      const l = it(e, 50);
+      window.addEventListener("resize", l), Se(() => {
         window.removeEventListener("resize", l);
       });
     });
-    const vt = s(() => n.refreshEndPoint === null ? n.max : n.refreshEndPoint), Y = ct, J = s(() => {
-      if (E.value) {
-        const l = Math.max(1, ne.value - 1);
-        return xe.value / l * 100;
+    const rt = s(() => n.refreshEndPoint === null ? n.max : n.refreshEndPoint), Z = ot, Y = s(() => {
+      if (R.value) {
+        const l = Math.max(1, le.value - 1);
+        return ye.value / l * 100;
       }
       const e = Math.max(1, n.max - n.min);
       return (k.value - n.min) / e * 100;
-    }), ie = s(() => {
-      if (E.value) {
-        const l = Math.max(1, ne.value - 1);
-        return be.value / l * 100;
+    }), ae = s(() => {
+      if (R.value) {
+        const l = Math.max(1, le.value - 1);
+        return xe.value / l * 100;
       }
       const e = Math.max(1, n.max - n.min);
       return (p.value - n.min) / e * 100;
-    }), de = s(() => (J.value + ie.value) / 2), fe = s(() => {
+    }), de = s(() => (Y.value + ae.value) / 2), he = s(() => {
       if (!$.value) return !1;
       const e = $.value.getBoundingClientRect().width;
-      return J.value / 100 * e - Se.value / 2 < 0;
-    }), ge = s(() => {
+      return Y.value / 100 * e - we.value / 2 < 0;
+    }), fe = s(() => {
       if (!$.value) return !1;
       const e = $.value.getBoundingClientRect().width;
-      return ie.value / 100 * e + ce.value / 2 > e;
+      return ae.value / 100 * e + re.value / 2 > e;
     }), P = s(() => {
-      const e = ge.value ? `calc(${de.value}% - ${ae.value.width}px - 2px)` : fe.value ? `calc(${de.value}% - 8px)` : `calc(${de.value}% - ${ae.value.width / 2}px - 4px)`;
+      const e = fe.value ? `calc(${de.value}% - ${te.value.width}px - 2px)` : he.value ? `calc(${de.value}% - 8px)` : `calc(${de.value}% - ${te.value.width / 2}px - 4px)`;
       return {
-        left: `${J.value}%`,
-        width: `${Math.max(0, ie.value - J.value)}%`,
+        left: `${Y.value}%`,
+        width: `${Math.max(0, ae.value - Y.value)}%`,
         background: n.selectColor,
-        tooltipLeft: `calc(${J.value}% - ${fe.value ? 9 : Se.value / 2 + 3.5}px)`,
-        tooltipRight: `calc(${ie.value}% - ${ge.value ? ce.value - 9 : ce.value / 2 - 3.5}px)`,
+        tooltipLeft: `calc(${Y.value}% - ${he.value ? 9 : we.value / 2 + 3.5}px)`,
+        tooltipRight: `calc(${ae.value}% - ${fe.value ? re.value - 9 : re.value / 2 - 3.5}px)`,
         tooltipCenter: e,
-        arrowLeft: !fe.value,
-        arrowRight: !ge.value
+        arrowLeft: !he.value,
+        arrowRight: !fe.value
       };
-    }), q = s(() => Math.max(0, (K.value || 1) - 1)), ye = s(() => Math.max(0, (ne.value || 1) - 1));
-    function ue(e) {
-      return ye.value === 0 ? 0 : Math.round(e / ye.value * q.value);
+    }), J = s(() => Math.max(0, (q.value || 1) - 1)), ge = s(() => Math.max(0, (le.value || 1) - 1));
+    function ne(e) {
+      return ge.value === 0 ? 0 : Math.round(e / ge.value * J.value);
     }
-    function Ee(e) {
-      return q.value === 0 ? 0 : Math.round(e / q.value * ye.value);
+    function Le(e) {
+      return J.value === 0 ? 0 : Math.round(e / J.value * ge.value);
     }
-    const mt = (e) => Math.floor(n.min + e), ht = (e) => Math.ceil(n.min + e), xe = s({
+    const st = (e) => Math.floor(n.min + e), ct = (e) => Math.ceil(n.min + e), ye = s({
       get() {
-        return E.value ? ue(D.value) : Number(k.value);
+        return R.value ? ne(z.value) : Number(k.value);
       },
       set(e) {
-        if (E.value) {
-          const l = Math.round(+e || 0), t = Math.max(0, ue(Math.max(0, W.value - 1))), o = Math.min(Math.max(0, l), t), r = Ee(o);
-          oe(mt(r));
+        if (R.value) {
+          const l = Math.round(+e || 0), t = Math.max(0, ne(Math.max(0, W.value - 1))), o = Math.min(Math.max(0, l), t), r = Le(o);
+          ie(st(r));
         } else {
           let l = Math.round(+e || 0);
           const t = Number(p.value) - 1, o = Math.min(Math.max(n.min, l), t);
-          oe(o);
+          ie(o);
         }
       }
-    }), be = s({
+    }), xe = s({
       get() {
-        return E.value ? ue(Math.max(D.value, W.value - 1)) : Number(p.value);
+        return R.value ? ne(Math.max(z.value, W.value - 1)) : Number(p.value);
       },
       set(e) {
-        if (E.value) {
-          const l = Math.round(+e || 0), t = ue(D.value), o = Math.max(l, t), r = Ee(o);
-          re(ht(r + 1));
+        if (R.value) {
+          const l = Math.round(+e || 0), t = ne(z.value), o = Math.max(l, t), r = Le(o);
+          ue(ct(r + 1));
         } else {
           let l = Math.round(+e || 0);
           const t = Number(k.value) + 1, o = Math.max(t, Math.min(l, n.max));
-          re(o);
+          ue(o);
         }
       }
-    }), dt = s(() => n.inputColor), ft = s(() => n.background), gt = s(() => `${n.selectColor}33`), d = s(() => n.borderColor), Te = s(() => {
+    }), vt = s(() => n.inputColor), mt = s(() => n.background), dt = s(() => `${n.selectColor}33`), f = s(() => n.borderColor), Re = s(() => {
       const e = [];
       for (let l = 0; l < n.max; l += 1)
         e.push(l);
       return e;
     });
-    function Ve() {
-      Y("reset");
+    function Ee() {
+      Z("reset");
     }
-    U(
+    O(
       () => n.min,
       (e) => {
         Number(k.value) < Number(e) && (k.value = Number(e)), Number(p.value) < Number(e) && (p.value = Number(e));
       }
-    ), U(
+    ), O(
       () => n.max,
       (e) => {
         Number(k.value) > Number(e) && (k.value = Number(e)), Number(p.value) > Number(e) && (p.value = Number(e));
       }
     );
-    const Me = m(null), h = m({
+    const be = m(null), h = m({
       width: 1,
       height: 1
     }), X = m(null);
-    tt(() => {
-      if (y.value) {
-        const e = rt(() => {
-          const { width: l, height: t } = Qt({
-            chart: Me.value
+    je(() => {
+      if (x.value) {
+        const e = it(() => {
+          const { width: l, height: t } = Jt({
+            chart: be.value
           });
           h.value.width = l, h.value.height = t - 47;
         });
-        X.value = new ResizeObserver(e), X.value.observe(Me.value);
+        X.value = new ResizeObserver(e), X.value.observe(be.value);
       }
-    }), Pe(() => {
+    }), Se(() => {
       X.value && X.value.disconnect();
     });
-    const K = s(() => Math.max(...n.allMinimaps.map((e) => e.series.length), n.minimap.length || 0)), x = s(() => {
-      if (!K.value) return 0;
-      const e = Math.max(1, K.value - (n.minimapCompact ? 1 : 0));
+    const q = s(() => Math.max(...n.allMinimaps.map((e) => e.series.length), n.minimap.length || 0)), b = s(() => {
+      if (!q.value) return 0;
+      const e = Math.max(1, q.value - (n.minimapCompact ? 1 : 0));
       return h.value.width / e;
-    }), Fe = s(() => {
+    }), Te = s(() => {
       const e = [];
-      if (Array.isArray(n.minimap) && n.minimap.length && e.push(...n.minimap.filter(Number.isFinite)), Array.isArray(n.allMinimaps) && n.allMinimaps.length)
+      if (Array.isArray(n.minimap) && n.minimap.length && n.minimapMerged && e.push(...n.minimap.filter(Number.isFinite)), Array.isArray(n.allMinimaps) && n.allMinimaps.length)
         for (const l of n.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 };
-    }), G = s(() => Fe.value.min), Q = s(() => Fe.value.max), yt = s(() => G.value < 0 && Q.value > 0 || Q.value <= 0 ? G.value : 0), xt = s(() => Math.max(1e-9, Math.max(Math.abs(G.value), Math.abs(Q.value)))), bt = s(() => G.value < 0 && Q.value > 0), Mt = (e) => {
+    }), D = s(() => Te.value.min), G = s(() => Te.value.max), ht = s(() => D.value < 0 && G.value > 0 || G.value <= 0 ? D.value : 0), ft = s(() => Math.max(1e-9, Math.max(Math.abs(D.value), Math.abs(G.value)))), gt = s(() => D.value < 0 && G.value > 0), yt = (e) => {
       const l = Math.max(1, h.value.height);
-      if (bt.value) {
-        const t = xt.value;
+      if (gt.value) {
+        const t = ft.value;
         return (1 - (Math.max(-1, Math.min(1, e / t)) + 1) / 2) * l;
       } else {
-        const t = Math.min(0, G.value), o = Math.max(0, Q.value);
+        const t = Math.min(0, D.value), o = Math.max(0, G.value);
         return l - (e - t) / Math.max(1e-9, o - t) * l;
       }
-    }, Ae = s(() => Mt(0)), Be = s(() => n.allMinimaps.length ? n.allMinimaps.filter((e) => e.type === "bar").length : 0), ke = s(() => x.value / (Be.value || 1) * 0.8);
-    function ze(e, l, t) {
-      const o = ke.value, r = Math.max(1, Be.value), f = K.value - 1;
-      return t === 0 ? e + o / 2 * l : t === f ? e - o / 2 * (r - l) : e - r * o / 2 + l * o;
+    }, Ve = s(() => yt(0)), Ae = s(() => n.allMinimaps.length ? n.allMinimaps.filter((e) => e.type === "bar").length : 0), Me = s(() => b.value / (Ae.value || 1) * 0.8);
+    function Fe(e, l, t) {
+      const o = Me.value, r = Math.max(1, Ae.value), g = q.value - 1;
+      return t === 0 ? e + o / 2 * l : t === g ? e - o / 2 * (r - l) : e - r * o / 2 + l * o;
     }
-    function De(e, l) {
-      return [0, K.value - 1].includes(l) ? ke.value / 2 : ke.value;
+    function Be(e, l) {
+      return [0, q.value - 1].includes(l) ? Me.value / 2 : Me.value;
     }
-    function kt(e, l, t) {
-      const o = (S, L, O) => Math.max(L, Math.min(O, S));
+    function xt(e, l, t) {
+      const o = (S, d, se) => Math.max(d, Math.min(se, S));
       if (l <= 0) {
         const S = Math.max(1e-9, 0 - e);
-        return (L) => t - (L - e) / S * t;
+        return (d) => t - (d - e) / S * t;
       }
       if (e >= 0) {
         const S = Math.max(1e-9, l - 0);
-        return (L) => t - (L - 0) / S * t;
+        return (d) => t - (d - 0) / S * t;
       }
-      const f = Math.max(1e-9, Math.max(Math.abs(e), Math.abs(l)));
-      return (S) => (1 - (o(S / f, -1, 1) + 1) / 2) * t;
+      const g = Math.max(1e-9, Math.max(Math.abs(e), Math.abs(l)));
+      return (S) => (1 - (o(S / g, -1, 1) + 1) / 2) * t;
     }
-    function Ie(e, l = !1) {
+    function ze(e, l = !1) {
       if (!e || !e.length)
         return {
           fullSet: "",
@@ -323,31 +323,31 @@ const el = {
           fullMarkers: [],
           selectionMarkers: []
         };
-      const t = Math.max(1, h.value.height), o = e.filter(Number.isFinite), r = o.length ? Math.min(...o) : 0, f = o.length ? Math.max(...o) : 0, S = kt(r, f, t), L = e.length, O = Math.min(Math.max(0, D.value), Math.max(0, L - 1)), Ce = Math.min(L, Math.max(O + 1, W.value)), M = e.map((b, _e) => {
-        const ve = n.cutNullValues ? b : b === null ? 0 : b, et = Number.isFinite(ve), Wt = x.value * _e + (n.minimapCompact ? 0 : x.value / 2), Ht = (r < 0 && f > 0, S(0));
+      const t = Math.max(1, h.value.height), o = xt(D.value, G.value, t), r = e.length, g = Math.min(Math.max(0, z.value), Math.max(0, r - 1)), S = Math.min(r, Math.max(g + 1, W.value)), d = e.map((M, Ke) => {
+        const ce = n.cutNullValues ? M : M === null ? 0 : M, Qe = Number.isFinite(ce), zt = b.value * Ke + (n.minimapCompact ? 0 : b.value / 2), Dt = o(0);
         return {
-          x: Wt,
-          y: et ? S(ve) : NaN,
-          v: ve,
-          value: et ? ve : null,
-          y0: Ht,
-          i: _e
+          x: zt,
+          y: Qe ? o(ce) : NaN,
+          v: ce,
+          value: Qe ? ce : null,
+          y0: Dt,
+          i: Ke
         };
-      }), Qe = (b) => b >= 0 && b < M.length && Number.isFinite(M[b]?.value), je = M.filter((b) => Number.isFinite(b.value) && !Qe(b.i - 1) && !Qe(b.i + 1)), zt = je.filter((b) => b.i >= O && b.i < Ce), H = M.slice(O, Ce), Dt = M.length >= 2 ? n.smoothMinimap || l ? n.cutNullValues ? nt(M) : it(M) : n.cutNullValues ? ut(M) : ot(M) : "", It = H.length >= 2 ? n.smoothMinimap || l ? n.cutNullValues ? nt(H) : it(H) : n.cutNullValues ? ut(H) : ot(H) : "";
+      }), se = (M) => M >= 0 && M < d.length && Number.isFinite(d[M]?.value), qe = d.filter((M) => Number.isFinite(M.value) && !se(M.i - 1) && !se(M.i + 1)), At = qe.filter((M) => M.i >= g && M.i < S), H = d.slice(g, S), Ft = d.length >= 2 ? n.smoothMinimap || l ? n.cutNullValues ? tt(d) : lt(d) : n.cutNullValues ? at(d) : nt(d) : "", Bt = H.length >= 2 ? n.smoothMinimap || l ? n.cutNullValues ? tt(H) : lt(H) : n.cutNullValues ? at(H) : nt(H) : "";
       return {
-        fullSet: Dt,
-        points: M,
-        selectionSet: It,
+        fullSet: Ft,
+        points: d,
+        selectionSet: Bt,
         sliced: H,
-        firstPlot: M[O] || null,
-        lastPlot: M[Math.max(0, Ce - 1)] || null,
-        hasFull: M.length >= 2,
+        firstPlot: d[g] || null,
+        lastPlot: d[Math.max(0, S - 1)] || null,
+        hasFull: d.length >= 2,
         hasSelection: H.length >= 2,
-        fullMarkers: je,
-        selectionMarkers: zt
+        fullMarkers: qe,
+        selectionMarkers: At
       };
     }
-    const c = s(() => n.minimap.length ? Ie(n.minimap) : {
+    const c = s(() => n.minimap.length ? ze(n.minimap) : {
       fullSet: "",
       selectionSet: "",
       sliced: [],
@@ -355,8 +355,8 @@ const el = {
       lastPlot: null,
       hasFull: !1,
       hasSelection: !1
-    }), j = s(() => n.allMinimaps.length ? n.allMinimaps.map((e, l) => {
-      const t = Ie(e?.series || [], !!e.smooth), o = e?.id ?? e?.name ?? l;
+    }), K = s(() => n.allMinimaps.length ? n.allMinimaps.map((e, l) => {
+      const t = ze(e?.series || [], !!e.smooth), o = e?.id ?? e?.name ?? l;
       return {
         key: typeof o == "object" ? JSON.stringify(o) : String(o),
         color: e?.color,
@@ -365,140 +365,140 @@ const el = {
         type: e.type || "line"
       };
     }) : []), w = s(() => {
-      const e = D.value, l = Math.max(e + 1, W.value);
+      const e = z.value, l = Math.max(e + 1, W.value);
       return {
-        x: x.value * e + (n.minimapCompact ? 0 : x.value / 2),
-        width: x.value * (l - e) - x.value
+        x: b.value * e + (n.minimapCompact ? 0 : b.value / 2),
+        width: b.value * (l - e) - b.value
       };
-    }), T = m(n.minimapSelectedIndex);
-    function pt(e) {
-      T.value = Ke(n.valueStart) + e;
+    }), E = m(n.minimapSelectedIndex);
+    function bt(e) {
+      E.value = Je(n.valueStart) + e;
     }
-    const wt = Kt(pt, 60);
-    U(() => n.minimapSelectedIndex, (e, l) => {
+    const Mt = Yt(bt, 60);
+    O(() => n.minimapSelectedIndex, (e, l) => {
       if ([null, void 0].includes(e)) {
-        T.value = null;
+        E.value = null;
         return;
       }
-      e !== l && wt(e);
+      e !== l && Mt(e);
     }, { immediate: !0 });
-    function St(e) {
-      T.value = e;
-      const l = D.value, t = W.value;
-      e >= l && e < t && !z.value && Y("trapMouse", e - l);
+    function kt(e) {
+      E.value = e;
+      const l = z.value, t = W.value;
+      e >= l && e < t && !B.value && Z("trapMouse", e - l);
     }
-    const pe = m(null), we = m(null);
-    function oe(e) {
-      k.value = e, pe.value && (pe.value.value = e), Y("update:start", Number(k.value));
+    const ke = m(null), pe = m(null);
+    function ie(e) {
+      k.value = e, ke.value && (ke.value.value = e), Z("update:start", Number(k.value));
     }
-    function re(e) {
-      p.value = e, we.value && (we.value.value = e), Y("update:end", Number(p.value));
+    function ue(e) {
+      p.value = e, pe.value && (pe.value.value = e), Z("update:end", Number(p.value));
     }
-    const se = s(() => n.valueEnd - n.valueStart), _ = m(!1);
-    let Ct = m(null);
-    const Pt = s(() => (he.value - 48) / (n.max - n.min) * se.value), Nt = s(() => Math.max(1, he.value - Al - Pt.value)), $t = s(() => Math.max(1, n.max - n.min - se.value)), Lt = s(() => $t.value / Nt.value), We = m(0), He = m(0), Rt = m(0), Xe = m(0);
-    let V = null, F = null, A = null, B = null;
-    const Ge = (e) => {
+    const oe = s(() => n.valueEnd - n.valueStart), Q = m(!1);
+    let pt = m(null);
+    const wt = s(() => (me.value - 48) / (n.max - n.min) * oe.value), St = s(() => Math.max(1, me.value - Tl - wt.value)), Ct = s(() => Math.max(1, n.max - n.min - oe.value)), Pt = s(() => Ct.value / St.value), De = m(0), Ie = m(0), Nt = m(0), We = m(0);
+    let T = null, V = null, A = null, F = null;
+    const He = (e) => {
       if (I.value = !0, !n.enableSelectionDrag) return;
       const l = e.type === "touchstart";
       l || e.stopPropagation();
       const t = l && e.targetTouches && e.targetTouches[0] ? e.targetTouches[0] : null, o = l ? t ? t.target : null : e.target;
       if (!o || !(o instanceof Element) || o.classList && o.classList.contains("range-handle")) return;
-      _.value = !0;
+      Q.value = !0;
       const r = l ? t ? t.clientX : 0 : e.clientX;
-      Ct.value = r, We.value = r, He.value = Number(k.value), Rt.value = Number(p.value), Xe.value = Lt.value, V = l ? "touchmove" : "mousemove", F = l ? "touchend" : "mouseup", A = l ? Tt : Et, B = l ? Ft : Vt, window.addEventListener(V, A, { passive: !1 }), window.addEventListener(F, B);
+      pt.value = r, De.value = r, Ie.value = Number(k.value), Nt.value = Number(p.value), We.value = Pt.value, T = l ? "touchmove" : "mousemove", V = l ? "touchend" : "mouseup", A = l ? Lt : $t, F = l ? Et : Rt, window.addEventListener(T, A, { passive: !1 }), window.addEventListener(V, F);
     };
-    function Et(e) {
-      _.value && Oe(e.clientX);
+    function $t(e) {
+      Q.value && Xe(e.clientX);
     }
-    function Tt(e) {
-      if (!_.value || !$.value) return;
+    function Lt(e) {
+      if (!Q.value || !$.value) return;
       const l = e.target;
       if (!(l instanceof Element) || !$.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 && Oe(t.clientX);
+      t && Xe(t.clientX);
     }
-    function Oe(e) {
-      if (!_.value) return;
-      const t = (e - We.value) * Xe.value;
-      let o = Math.round(He.value + t);
-      o = Math.max(n.min, Math.min(o, n.max - se.value));
-      const r = o + se.value;
-      oe(o), re(r);
+    function Xe(e) {
+      if (!Q.value) return;
+      const t = (e - De.value) * We.value;
+      let o = Math.round(Ie.value + t);
+      o = Math.max(n.min, Math.min(o, n.max - oe.value));
+      const r = o + oe.value;
+      ie(o), ue(r);
     }
-    function Vt() {
-      Ue();
+    function Rt() {
+      Ge();
     }
-    function Ft() {
-      Ue();
+    function Et() {
+      Ge();
     }
-    function Ue() {
-      _.value = !1, V && A && window.removeEventListener(V, A), F && B && window.removeEventListener(F, B), V = F = null, A = B = null;
+    function Ge() {
+      Q.value = !1, T && A && window.removeEventListener(T, A), V && F && window.removeEventListener(V, F), T = V = null, A = F = null;
     }
-    const z = m(!1), ee = m(null), te = m(null), Se = m(1), ce = m(1), I = m(!1);
-    function Ze() {
-      ee.value && (Se.value = ee.value.getBoundingClientRect().width);
+    const B = m(!1), j = m(null), _ = m(null), we = m(1), re = m(1), I = m(!1);
+    function Oe() {
+      j.value && (we.value = j.value.getBoundingClientRect().width);
     }
-    function Ye() {
-      te.value && (ce.value = te.value.getBoundingClientRect().width);
+    function Ue() {
+      _.value && (re.value = _.value.getBoundingClientRect().width);
     }
-    const Je = m(0);
-    function qe(e) {
-      Je.value = e === "start" ? 1 : 0;
+    const Ze = m(0);
+    function Ye(e) {
+      Ze.value = e === "start" ? 1 : 0;
     }
-    const le = m(!1), ae = m({
+    const ee = m(!1), te = m({
       width: 0,
       left: 0
     });
-    U([k, p], async () => {
-      if (await Ne(), !ee.value || !te.value) {
-        le.value = !1, ae.value = { width: 0, left: 0 };
+    O([k, p], async () => {
+      if (await Ce(), !j.value || !_.value) {
+        ee.value = !1, te.value = { width: 0, left: 0 };
         return;
       }
-      const e = ee.value.getBoundingClientRect(), l = te.value.getBoundingClientRect();
-      le.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, f = (t + o) / 2;
-      ae.value = {
+      const e = j.value.getBoundingClientRect(), l = _.value.getBoundingClientRect();
+      ee.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, g = (t + o) / 2;
+      te.value = {
         width: r,
-        left: f - r / 2
+        left: g - r / 2
       };
-    }), Gt(() => {
-      Ze(), Ye();
-    }), U(
+    }), Wt(() => {
+      Oe(), Ue();
+    }), O(
       () => n.labelLeft,
       () => {
-        Ne(Ze);
+        Ce(Oe);
       },
       { deep: !0 }
-    ), U(
+    ), O(
       () => n.labelRight,
       () => {
-        Ne(Ye);
+        Ce(Ue);
       },
       { deep: !0 }
-    ), st({
-      setStartValue: oe,
-      setEndValue: re
-    }), Pe(() => {
-      X.value && X.value.disconnect(), V && A && window.removeEventListener(V, A), F && B && window.removeEventListener(F, B), V = F = null, A = B = null;
+    ), ut({
+      setStartValue: ie,
+      setEndValue: ue
+    }), Se(() => {
+      X.value && X.value.disconnect(), T && A && window.removeEventListener(T, A), V && F && window.removeEventListener(V, F), T = V = null, A = F = null;
     });
-    const ne = s(() => Math.max(1, n.max - n.min));
-    function Ke(e) {
+    const le = s(() => Math.max(1, n.max - n.min));
+    function Je(e) {
       const l = Math.floor(e - n.min);
-      return Math.min(Math.max(0, l), ne.value);
+      return Math.min(Math.max(0, l), le.value);
     }
-    function At(e) {
+    function Tt(e) {
       const l = Math.ceil(e - n.min);
-      return Math.min(Math.max(0, l), ne.value);
+      return Math.min(Math.max(0, l), le.value);
     }
-    const D = s(() => Ke(k.value)), W = s(() => At(p.value)), Bt = s(() => {
-      if (!Te.value.length) return null;
-      if (T.value >= D.value && T.value < W.value) {
-        const e = T.value;
+    const z = s(() => Je(k.value)), W = s(() => Tt(p.value)), Vt = s(() => {
+      if (!Re.value.length) return null;
+      if (E.value >= z.value && E.value < W.value) {
+        const e = E.value;
         return {
-          x1: x.value * e + (n.minimapCompact ? 0 : x.value / 2),
-          x2: x.value * e + (n.minimapCompact ? 0 : x.value / 2),
+          x1: b.value * e + (n.minimapCompact ? 0 : b.value / 2),
+          x2: b.value * e + (n.minimapCompact ? 0 : b.value / 2),
           y1: 0,
           y2: Math.max(h.value.height, 0),
           stroke: n.minimapIndicatorColor,
@@ -515,27 +515,27 @@ const el = {
       class: "vue-data-ui-zoom",
       ref_key: "zoomWrapper",
       ref: $,
-      onMousedown: Ge,
-      onTouchstart: Ge,
+      onMousedown: He,
+      onTouchstart: He,
       onTouchend: l[11] || (l[11] = (t) => I.value = !1)
     }, [
-      C("div", el, [
-        a.valueStart !== a.refreshStartPoint || a.valueEnd !== vt.value ? (u(), i("div", tl, [
-          a.useResetSlot ? Ot(e.$slots, "reset-action", {
+      C("div", Qt, [
+        a.valueStart !== a.refreshStartPoint || a.valueEnd !== rt.value ? (u(), i("div", jt, [
+          a.useResetSlot ? Ht(e.$slots, "reset-action", {
             key: 1,
-            reset: Ve
+            reset: Ee
           }, void 0, !0) : (u(), i("button", {
             key: 0,
             tabindex: "0",
             role: "button",
             class: "vue-data-ui-refresh-button",
-            style: R({
-              top: y.value ? "36px" : "-16px",
+            style: L({
+              top: x.value ? "36px" : "-16px",
               pointerEvents: "all !important"
             }),
-            onClick: Ve
+            onClick: Ee
           }, [
-            Ut(jt, {
+            Xt(qt, {
               name: "refresh",
               stroke: a.textColor
             }, null, 8, ["stroke"])
@@ -545,20 +545,20 @@ const el = {
       C("div", {
         class: "double-range-slider",
         ref_key: "minimapWrapper",
-        ref: Me,
+        ref: be,
         style: { "z-index": "0" },
         onMouseenter: l[9] || (l[9] = (t) => I.value = !0),
         onMouseleave: l[10] || (l[10] = (t) => I.value = !1)
       }, [
-        y.value ? (u(), i("div", ll, [
+        x.value ? (u(), i("div", _t, [
           (u(), i("svg", {
             key: `mm-${a.minimapMerged ? "merged" : "split"}-${a.minimapCompact ? "compact" : "normal"}`,
-            xmlns: me(qt),
+            xmlns: ve(Zt),
             viewBox: `0 0 ${Math.max(0, h.value.width)} ${Math.max(0, h.value.height)}`
           }, [
             C("defs", null, [
               C("linearGradient", {
-                id: Re.value,
+                id: $e.value,
                 x1: "0%",
                 y1: "0%",
                 x2: "0%",
@@ -567,12 +567,12 @@ const el = {
                 C("stop", {
                   offset: "0%",
                   "stop-color": `${a.minimapLineColor}50`
-                }, null, 8, il),
+                }, null, 8, ll),
                 l[12] || (l[12] = C("stop", {
                   offset: "100%",
                   "stop-color": "transparent"
                 }, null, -1))
-              ], 8, nl)
+              ], 8, tl)
             ]),
             a.minimapCompact ? (u(), i("rect", {
               key: 0,
@@ -584,7 +584,7 @@ const el = {
               fill: "none",
               stroke: a.minimapFrameColor,
               rx: 3
-            }, null, 8, ul)) : v("", !0),
+            }, null, 8, al)) : v("", !0),
             a.minimapMerged ? (u(), i("path", {
               key: 1,
               d: `M${c.value.fullSet}`,
@@ -594,21 +594,21 @@ const el = {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               style: { opacity: "0.6" }
-            }, null, 8, ol)) : (u(), i(g, { key: 2 }, [
-              (u(!0), i(g, null, N(j.value.filter((t) => t.type === "bar"), (t, o) => (u(), i("g", null, [
-                (u(!0), i(g, null, N(t.points, (r, f) => (u(), i(g, null, [
+            }, null, 8, nl)) : (u(), i(y, { key: 2 }, [
+              (u(!0), i(y, null, N(K.value.filter((t) => t.type === "bar"), (t, o) => (u(), i("g", null, [
+                (u(!0), i(y, null, N(t.points, (r, g) => (u(), i(y, null, [
                   t.isVisible && !isNaN(r.y) ? (u(), i("rect", {
                     key: 0,
-                    x: ze(r.x, o, f),
-                    width: De(o, f),
+                    x: Fe(r.x, o, g),
+                    width: Be(o, g),
                     y: r.v >= 0 ? r.y : r.y0,
                     height: r.v >= 0 ? r.y0 - r.y : r.y - r.y0,
                     fill: t.color,
                     style: { opacity: "0.6" }
-                  }, null, 8, rl)) : v("", !0)
+                  }, null, 8, il)) : v("", !0)
                 ], 64))), 256))
               ]))), 256)),
-              (u(!0), i(g, null, N(j.value.filter((t) => t.type === "line"), (t) => (u(), i("g", {
+              (u(!0), i(y, null, N(K.value.filter((t) => t.type === "line"), (t) => (u(), i("g", {
                 key: String(t.key)
               }, [
                 t.isVisible ? (u(), i("path", {
@@ -617,17 +617,17 @@ const el = {
                   fill: "none",
                   stroke: t.color,
                   style: { opacity: "0.6" }
-                }, null, 8, sl)) : v("", !0),
-                t.isVisible ? (u(!0), i(g, { key: 1 }, N(t.fullMarkers, (o) => (u(), i("circle", {
+                }, null, 8, ul)) : v("", !0),
+                t.isVisible ? (u(!0), i(y, { key: 1 }, N(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: d.value,
+                  stroke: f.value,
                   "stroke-width": "0.5",
                   style: { opacity: "0.6" }
-                }, null, 8, cl))), 128)) : v("", !0)
+                }, null, 8, ol))), 128)) : v("", !0)
               ]))), 128))
             ], 64)),
             C("rect", {
@@ -635,18 +635,18 @@ const el = {
               width: w.value.width < 0 ? 0 : w.value.width,
               height: Math.max(h.value.height, 0),
               y: 0,
-              fill: d.value,
+              fill: f.value,
               rx: a.minimapSelectionRadius,
               stroke: "none"
-            }, null, 8, vl),
+            }, null, 8, rl),
             C("rect", {
               x: w.value.x,
               width: w.value.width < 0 ? 0 : w.value.width,
               height: Math.max(h.value.height, 0),
               y: 0,
               rx: a.minimapSelectionRadius,
-              fill: d.value
-            }, null, 8, ml),
+              fill: f.value
+            }, null, 8, sl),
             C("rect", {
               x: w.value.x,
               width: w.value.width < 0 ? 0 : w.value.width,
@@ -654,30 +654,30 @@ const el = {
               y: 0,
               fill: a.minimapSelectedColor,
               rx: a.minimapSelectionRadius,
-              style: R({
+              style: L({
                 opacity: a.minimapSelectedColorOpacity
               })
-            }, null, 12, hl),
-            T.value !== null && !z.value ? (u(), i("line", Zt(Yt({ key: 3 }, Bt.value)), null, 16)) : v("", !0),
-            !a.minimapMerged && yt.value < 0 ? (u(), i("line", {
+            }, null, 12, cl),
+            E.value !== null && !B.value ? (u(), i("line", Gt(Ot({ key: 3 }, Vt.value)), null, 16)) : v("", !0),
+            !a.minimapMerged && ht.value < 0 ? (u(), i("line", {
               key: 4,
               class: "slicer-minimap-zero-line",
               x1: 0,
               x2: h.value.width,
-              y1: Ae.value,
-              y2: Ae.value,
+              y1: Ve.value,
+              y2: Ve.value,
               stroke: a.minimapFrameColor,
               "stroke-width": "0.5"
-            }, null, 8, dl)) : v("", !0),
-            a.minimapMerged ? (u(), i(g, { key: 5 }, [
-              c.value && c.value.sliced && c.value.sliced.length ? (u(), i(g, { key: 0 }, [
+            }, null, 8, vl)) : v("", !0),
+            a.minimapMerged ? (u(), i(y, { key: 5 }, [
+              c.value && c.value.sliced && c.value.sliced.length ? (u(), i(y, { key: 0 }, [
                 c.value.selectionSet ? (u(), i("path", {
                   key: 0,
                   d: `M${c.value.sliced[0].x},${Math.max(h.value.height, 0)} ${c.value.selectionSet} L${c.value.sliced[c.value.sliced.length - 1].x},${Math.max(h.value.height, 0)}Z`,
-                  fill: `url(#${Re.value})`,
+                  fill: `url(#${$e.value})`,
                   stroke: "none",
                   style: { opacity: "1" }
-                }, null, 8, fl)) : v("", !0),
+                }, null, 8, ml)) : v("", !0),
                 c.value.selectionSet ? (u(), i("path", {
                   key: 1,
                   d: `M ${c.value.selectionSet}`,
@@ -686,25 +686,25 @@ const el = {
                   "stroke-width": "2",
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round"
-                }, null, 8, gl)) : v("", !0)
+                }, null, 8, dl)) : v("", !0)
               ], 64)) : v("", !0)
-            ], 64)) : (u(), i("g", yl, [
-              (u(!0), i(g, null, N(j.value.filter((t) => t.type === "bar"), (t, o) => (u(), i("g", null, [
-                (u(!0), i(g, null, N(t.points, (r, f) => (u(), i(g, null, [
+            ], 64)) : (u(), i("g", hl, [
+              (u(!0), i(y, null, N(K.value.filter((t) => t.type === "bar"), (t, o) => (u(), i("g", null, [
+                (u(!0), i(y, null, N(t.points, (r, g) => (u(), i(y, null, [
                   t.isVisible && !isNaN(r.y) ? (u(), i("rect", {
                     key: 0,
-                    x: ze(r.x, o, f),
-                    width: De(o, f),
+                    x: Fe(r.x, o, g),
+                    width: Be(o, g),
                     y: r.v >= 0 ? r.y : r.y0,
                     height: r.v >= 0 ? r.y0 - r.y : r.y - r.y0,
                     fill: t.color,
-                    style: R({
-                      opacity: f >= a.valueStart && f <= a.valueEnd - 1 ? 1 : 0
+                    style: L({
+                      opacity: g >= a.valueStart && g <= a.valueEnd - 1 ? 1 : 0
                     })
-                  }, null, 12, xl)) : v("", !0)
+                  }, null, 12, fl)) : v("", !0)
                 ], 64))), 256))
               ]))), 256)),
-              (u(!0), i(g, null, N(j.value.filter((t) => t.type === "line"), (t) => (u(), i("g", {
+              (u(!0), i(y, null, N(K.value.filter((t) => t.type === "line"), (t) => (u(), i("g", {
                 key: String(t.key)
               }, [
                 t && t.hasSelection && t.selectionSet && t.isVisible ? (u(), i("path", {
@@ -715,190 +715,190 @@ const el = {
                   "stroke-width": "2",
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round"
-                }, null, 8, bl)) : v("", !0)
+                }, null, 8, gl)) : v("", !0)
               ]))), 128))
             ])),
-            y.value && a.minimapCompact ? (u(), i("rect", {
+            x.value && a.minimapCompact ? (u(), i("rect", {
               key: 7,
               class: "vue-ui-zoom-compact-minimap-handle",
               x: w.value.x - 8,
               y: 0,
               width: 8,
               height: h.value.height,
-              fill: d.value,
+              fill: f.value,
               stroke: a.textColor,
               rx: 3
-            }, null, 8, Ml)) : v("", !0),
-            y.value && a.minimapCompact ? (u(), i("rect", {
+            }, null, 8, yl)) : v("", !0),
+            x.value && a.minimapCompact ? (u(), i("rect", {
               key: 8,
               class: "vue-ui-zoom-compact-minimap-handle",
               x: w.value.x + w.value.width,
               y: 0,
               width: 8,
               height: h.value.height,
-              fill: d.value,
+              fill: f.value,
               stroke: a.textColor,
               rx: 3
-            }, null, 8, kl)) : v("", !0),
-            a.minimapMerged ? (u(), i(g, { key: 9 }, [
+            }, null, 8, xl)) : v("", !0),
+            a.minimapMerged ? (u(), i(y, { 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: d.value,
+                stroke: f.value,
                 r: "4",
                 fill: a.minimapLineColor
-              }, null, 8, pl)) : v("", !0),
+              }, null, 8, bl)) : v("", !0),
               c.value && c.value.firstPlot && c.value.firstPlot.value !== null ? (u(), i("circle", {
                 key: 1,
                 cx: c.value.firstPlot.x,
                 cy: c.value.firstPlot.y,
                 r: "2",
-                fill: d.value
-              }, null, 8, wl)) : v("", !0),
+                fill: f.value
+              }, null, 8, Ml)) : v("", !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: d.value,
+                stroke: f.value,
                 r: "4",
                 fill: a.minimapLineColor
-              }, null, 8, Sl)) : v("", !0),
+              }, null, 8, kl)) : v("", !0),
               c.value && c.value.lastPlot && c.value.lastPlot.value !== null ? (u(), i("circle", {
                 key: 3,
                 cx: c.value.lastPlot.x,
                 cy: c.value.lastPlot.y,
                 r: "2",
-                fill: d.value
-              }, null, 8, Cl)) : v("", !0)
-            ], 64)) : (u(), i("g", Pl, [
-              (u(!0), i(g, null, N(j.value.filter((t) => t.type === "line"), (t) => (u(), i("g", {
+                fill: f.value
+              }, null, 8, pl)) : v("", !0)
+            ], 64)) : (u(), i("g", wl, [
+              (u(!0), i(y, null, N(K.value.filter((t) => t.type === "line"), (t) => (u(), i("g", {
                 key: String(t.key)
               }, [
-                t.isVisible ? (u(!0), i(g, { key: 0 }, N(t.selectionMarkers, (o) => (u(), i("circle", {
+                t.isVisible ? (u(!0), i(y, { key: 0 }, N(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: d.value,
+                  stroke: f.value,
                   "stroke-width": "0.5"
-                }, null, 8, Nl))), 128)) : v("", !0),
+                }, null, 8, Sl))), 128)) : v("", !0),
                 t && t.firstPlot && t.isVisible && t.firstPlot.value !== null ? (u(), i("circle", {
                   key: 1,
                   cx: t.firstPlot.x,
                   cy: t.firstPlot.y,
                   "stroke-width": "0.5",
-                  stroke: d.value,
+                  stroke: f.value,
                   r: "4",
                   fill: t.color
-                }, null, 8, $l)) : v("", !0),
+                }, null, 8, Cl)) : v("", !0),
                 t && t.firstPlot && t.isVisible && t.firstPlot.value !== null ? (u(), i("circle", {
                   key: 2,
                   cx: t.firstPlot.x,
                   cy: t.firstPlot.y,
                   r: "2",
-                  fill: d.value
-                }, null, 8, Ll)) : v("", !0),
+                  fill: f.value
+                }, null, 8, Pl)) : v("", !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: d.value,
+                  stroke: f.value,
                   r: "4",
                   fill: t.color
-                }, null, 8, Rl)) : v("", !0),
+                }, null, 8, Nl)) : v("", !0),
                 t && t.lastPlot && t.isVisible && t.lastPlot.value !== null ? (u(), i("circle", {
                   key: 4,
                   cx: t.lastPlot.x,
                   cy: t.lastPlot.y,
                   r: "2",
-                  fill: d.value
-                }, null, 8, El)) : v("", !0)
+                  fill: f.value
+                }, null, 8, $l)) : v("", !0)
               ]))), 128))
             ])),
-            (u(!0), i(g, null, N(Te.value, (t, o) => (u(), i("rect", {
+            (u(!0), i(y, null, N(Re.value, (t, o) => (u(), i("rect", {
               y: 0,
               height: Math.max(h.value.height, 0),
               fill: "transparent",
-              style: R([{ "pointer-events": "all !important" }, {
-                cursor: t >= D.value && t < W.value && a.enableSelectionDrag ? z.value ? "grabbing" : "grab" : "default"
+              style: L([{ "pointer-events": "all !important" }, {
+                cursor: t >= z.value && t < W.value && a.enableSelectionDrag ? B.value ? "grabbing" : "grab" : "default"
               }]),
-              x: x.value * o - (a.minimapCompact ? x.value / 2 : 0),
-              width: x.value < 0 ? 0 : x.value,
-              onMousedown: l[0] || (l[0] = (r) => z.value = !0),
-              onMouseup: l[1] || (l[1] = (r) => z.value = !1),
-              onMouseenter: (r) => St(t),
+              x: b.value * o - (a.minimapCompact ? b.value / 2 : 0),
+              width: b.value < 0 ? 0 : b.value,
+              onMousedown: l[0] || (l[0] = (r) => B.value = !0),
+              onMouseup: l[1] || (l[1] = (r) => B.value = !1),
+              onMouseenter: (r) => kt(t),
               onMouseleave: l[2] || (l[2] = (r) => {
-                T.value = null, Y("trapMouse", null);
+                E.value = null, Z("trapMouse", null);
               })
-            }, null, 44, Tl))), 256))
-          ], 8, al))
+            }, null, 44, Ll))), 256))
+          ], 8, el))
         ])) : v("", !0),
         C("div", {
           class: "slider-track",
-          style: R({ visibility: y.value && a.minimapCompact ? "hidden" : "visible" })
+          style: L({ visibility: x.value && a.minimapCompact ? "hidden" : "visible" })
         }, null, 4),
         C("div", {
-          class: Z({
+          class: U({
             "range-highlight": !0,
             move: a.enableSelectionDrag
           }),
-          onMousedown: l[3] || (l[3] = (t) => z.value = !0),
-          onMouseup: l[4] || (l[4] = (t) => z.value = !1),
-          style: R({
+          onMousedown: l[3] || (l[3] = (t) => B.value = !0),
+          onMouseup: l[4] || (l[4] = (t) => B.value = !1),
+          style: L({
             ...P.value,
-            cursor: z.value ? "grabbing" : "grab",
-            visibility: y.value && a.minimapCompact ? "hidden" : "visible"
+            cursor: B.value ? "grabbing" : "grab",
+            visibility: x.value && a.minimapCompact ? "hidden" : "visible"
           })
         }, null, 38),
-        a.enableRangeHandles ? lt((u(), i("input", {
+        a.enableRangeHandles ? _e((u(), i("input", {
           key: 1,
           ref_key: "rangeStart",
-          ref: pe,
+          ref: ke,
           type: "range",
-          class: Z({
+          class: U({
             "range-left": !0,
             "range-handle": !0,
-            "range-minimap": y.value && a.verticalHandles,
-            "range-invisible": y.value && a.minimapCompact
+            "range-minimap": x.value && a.verticalHandles,
+            "range-invisible": x.value && a.minimapCompact
           }),
           min: a.min,
-          max: E.value && a.minimapCompact ? q.value : a.max,
+          max: R.value && a.minimapCompact ? J.value : a.max,
           step: 1,
-          "onUpdate:modelValue": l[5] || (l[5] = (t) => xe.value = t),
-          onMouseenter: l[6] || (l[6] = (t) => qe("start"))
-        }, null, 42, Vl)), [
+          "onUpdate:modelValue": l[5] || (l[5] = (t) => ye.value = t),
+          onMouseenter: l[6] || (l[6] = (t) => Ye("start"))
+        }, null, 42, Rl)), [
           [
-            at,
-            xe.value,
+            et,
+            ye.value,
             void 0,
             { number: !0 }
           ]
         ]) : v("", !0),
-        a.enableRangeHandles ? lt((u(), i("input", {
+        a.enableRangeHandles ? _e((u(), i("input", {
           key: 2,
           ref_key: "rangeEnd",
-          ref: we,
+          ref: pe,
           type: "range",
-          class: Z({
+          class: U({
             "range-right": !0,
             "range-handle": !0,
-            "range-minimap": y.value && a.verticalHandles,
-            "range-invisible": y.value && a.minimapCompact
+            "range-minimap": x.value && a.verticalHandles,
+            "range-invisible": x.value && a.minimapCompact
           }),
           min: a.min,
-          max: E.value && a.minimapCompact ? q.value : a.max,
+          max: R.value && a.minimapCompact ? J.value : a.max,
           step: 1,
-          "onUpdate:modelValue": l[7] || (l[7] = (t) => be.value = t),
-          onMouseenter: l[8] || (l[8] = (t) => qe("end"))
-        }, null, 42, Fl)), [
+          "onUpdate:modelValue": l[7] || (l[7] = (t) => xe.value = t),
+          onMouseenter: l[8] || (l[8] = (t) => Ye("end"))
+        }, null, 42, El)), [
           [
-            at,
-            be.value,
+            et,
+            xe.value,
             void 0,
             { number: !0 }
           ]
@@ -906,67 +906,67 @@ const el = {
         a.labelLeft ? (u(), i("div", {
           key: 3,
           ref_key: "tooltipLeft",
-          ref: ee,
-          class: Z({
+          ref: j,
+          class: U({
             "range-tooltip": !0,
             "range-tooltip-visible": I.value,
             "range-tooltip-arrow": P.value.arrowLeft && !a.verticalHandles,
             "range-tooltip-arrow-left": !P.value.arrowLeft && !a.verticalHandles
           }),
-          style: R({
+          style: L({
             left: P.value.tooltipLeft,
-            color: me(Le)(a.selectColor),
+            color: ve(Ne)(a.selectColor),
             backgroundColor: a.selectColor,
-            border: `1px solid ${d.value}`,
-            zIndex: `${Je.value + 4}`,
-            visibility: le.value || a.labelLeft === a.labelRight ? "hidden" : "visible",
-            top: y.value && a.minimapCompact ? "calc(-100% - 18px)" : "-100%"
+            border: `1px solid ${f.value}`,
+            zIndex: `${Ze.value + 4}`,
+            visibility: ee.value || a.labelLeft === a.labelRight ? "hidden" : "visible",
+            top: x.value && a.minimapCompact ? "calc(-100% - 18px)" : "-100%"
           })
-        }, $e(a.labelLeft), 7)) : v("", !0),
-        (le.value || a.labelLeft === a.labelRight) && (a.labelLeft || a.labelRight) ? (u(), i("div", {
+        }, Pe(a.labelLeft), 7)) : v("", !0),
+        (ee.value || a.labelLeft === a.labelRight) && (a.labelLeft || a.labelRight) ? (u(), i("div", {
           key: 4,
           ref: "tooltipMerge",
-          class: Z({
+          class: U({
             "range-tooltip": !0,
             "range-tooltip-visible": I.value,
             "range-tooltip-arrow": !0,
             "range-tooltip-arrow-left": !P.value.arrowLeft && !a.verticalHandles,
             "range-tooltip-arrow-right": !P.value.arrowRight && !a.verticalHandles
           }),
-          style: R({
+          style: L({
             left: P.value.tooltipCenter,
-            width: ae.value.width + "px",
-            color: me(Le)(a.selectColor),
+            width: te.value.width + "px",
+            color: ve(Ne)(a.selectColor),
             backgroundColor: a.selectColor,
-            border: `1px solid ${d.value}`,
+            border: `1px solid ${f.value}`,
             zIndex: "4",
-            top: y.value && a.minimapCompact ? "calc(-100% - 18px)" : "-100%"
+            top: x.value && a.minimapCompact ? "calc(-100% - 18px)" : "-100%"
           })
-        }, $e(a.labelLeft === a.labelRight ? a.labelLeft : `${a.labelLeft} - ${a.labelRight}`), 7)) : v("", !0),
+        }, Pe(a.labelLeft === a.labelRight ? a.labelLeft : `${a.labelLeft} - ${a.labelRight}`), 7)) : v("", !0),
         a.labelRight ? (u(), i("div", {
           key: 5,
           ref_key: "tooltipRight",
-          ref: te,
-          class: Z({
+          ref: _,
+          class: U({
             "range-tooltip": !0,
             "range-tooltip-visible": I.value,
             "range-tooltip-arrow": P.value.arrowRight && !a.verticalHandles,
             "range-tooltip-arrow-right": !P.value.arrowRight && !a.verticalHandles
           }),
-          style: R({
+          style: L({
             left: P.value.tooltipRight,
-            color: me(Le)(a.selectColor),
+            color: ve(Ne)(a.selectColor),
             backgroundColor: a.selectColor,
-            border: `1px solid ${d.value}`,
+            border: `1px solid ${f.value}`,
             zIndex: "4",
-            visibility: le.value || a.labelLeft === a.labelRight ? "hidden" : "visible",
-            top: y.value && a.minimapCompact ? "calc(-100% - 18px)" : "-100%"
+            visibility: ee.value || a.labelLeft === a.labelRight ? "hidden" : "visible",
+            top: x.value && a.minimapCompact ? "calc(-100% - 18px)" : "-100%"
           })
-        }, $e(a.labelRight), 7)) : v("", !0)
+        }, Pe(a.labelRight), 7)) : v("", !0)
       ], 544)
     ], 544));
   }
-}, Xl = /* @__PURE__ */ _t(Bl, [["__scopeId", "data-v-ec92baaf"]]);
+}, Il = /* @__PURE__ */ Kt(Vl, [["__scopeId", "data-v-b7301f20"]]);
 export {
-  Xl as S
+  Il as S
 };