vue-data-ui 3.13.2 → 3.13.4

package/dist/{SlicerPreview-BEkr4ELo.js → SlicerPreview-BciDdnXB.js}

@@ -1,7 +1,7 @@
-import { useCssVars as ol, computed as s, ref as d, watch as Q, onMounted as rl, onBeforeUnmount as De, onUpdated as dt, nextTick as xe, createElementBlock as i, openBlock as u, createElementVNode as L, createCommentVNode as v, renderSlot as ft, normalizeStyle as R, createVNode as sl, withDirectives as gt, unref as pe, Fragment as y, renderList as S, normalizeProps as yt, mergeProps as xt, normalizeClass as _, withKeys as pt, vModelText as bt, toDisplayString as ze } from "vue";
-import { c as cl, y as vl, X as ml, x as We, z as Mt, A as kt, B as wt, C as St, D as Ct } from "./lib-BrVUf7jz.js";
-import { t as Xe, d as hl, u as dl } from "./useResponsive-DfdjqQps.js";
-import fl from "./BaseIcon-CJ7mD4nD.js";
+import { useCssVars as rl, computed as s, ref as d, watch as Q, onMounted as ol, onBeforeUnmount as De, onUpdated as dt, nextTick as xe, createElementBlock as i, openBlock as u, normalizeStyle as L, createElementVNode as F, createCommentVNode as v, renderSlot as ht, createVNode as sl, withDirectives as gt, unref as pe, Fragment as y, renderList as S, normalizeProps as yt, mergeProps as xt, normalizeClass as _, withKeys as pt, vModelText as bt, toDisplayString as We } from "vue";
+import { c as cl, y as vl, X as ml, x as ze, z as Mt, A as kt, B as wt, C as St, D as Ct } from "./lib-BrVUf7jz.js";
+import { t as Xe, d as fl, u as dl } from "./useResponsive-DfdjqQps.js";
+import hl from "./BaseIcon-CJ7mD4nD.js";
 import { _ as gl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const yl = {
   class: "vue-data-ui-slicer-labels",
@@ -13,7 +13,7 @@ const yl = {
   key: 0,
   class: "minimap",
   style: { width: "100%" }
-}, bl = ["xmlns", "viewBox"], Ml = ["id"], kl = ["stop-color"], wl = ["width", "height", "stroke"], Sl = ["d", "stroke"], Cl = ["d", "fill"], Nl = ["x", "y", "width", "height", "fill"], Pl = ["d", "stroke"], $l = ["cx", "cy", "fill", "stroke"], Ll = ["cx", "cy", "fill", "stroke"], Fl = ["x", "width", "height", "fill", "rx"], Rl = ["x", "width", "height", "rx", "fill"], Al = ["x", "width", "height", "fill", "rx"], El = ["x2", "y1", "y2", "stroke"], Bl = { key: "merged-tree" }, Tl = ["d", "fill"], Vl = ["d", "stroke"], Il = ["cx", "cy", "stroke", "fill"], Dl = ["cx", "cy", "stroke", "fill"], zl = { key: "split-tree" }, Wl = ["x", "y", "width", "height", "fill"], Xl = ["d", "stroke"], Hl = ["cx", "cy", "fill", "stroke"], Zl = ["x", "height", "fill", "stroke"], Ol = ["x", "height", "fill", "stroke"], Ul = { key: "merged-tree" }, Kl = ["cx", "cy", "stroke", "fill"], Yl = ["cx", "cy", "fill"], jl = ["cx", "cy", "stroke", "fill"], ql = ["cx", "cy", "fill"], Gl = { key: 1 }, Jl = ["d", "stroke"], Ql = ["cx", "cy", "fill", "stroke"], _l = ["cx", "cy", "stroke", "fill"], ea = ["cx", "cy", "fill"], ta = ["cx", "cy", "stroke", "fill"], la = ["cx", "cy", "fill"], aa = ["cx", "cy", "fill", "stroke"], na = ["x", "height", "width", "onMouseenter"], ia = ["min", "max"], ua = ["min", "max"], He = 48, oa = {
+}, bl = ["xmlns", "viewBox"], Ml = ["id"], kl = ["stop-color"], wl = ["width", "height", "stroke"], Sl = ["d", "stroke"], Cl = ["d", "fill"], Nl = ["x", "y", "width", "height", "fill"], Pl = ["d", "stroke"], $l = ["cx", "cy", "fill", "stroke"], Ll = ["cx", "cy", "fill", "stroke"], Fl = ["x", "width", "height", "fill", "rx"], Rl = ["x", "width", "height", "rx", "fill"], Al = ["x", "width", "height", "fill", "rx"], El = ["x2", "y1", "y2", "stroke"], Bl = { key: "merged-tree" }, Tl = ["d", "fill"], Vl = ["d", "stroke"], Il = ["cx", "cy", "stroke", "fill"], Dl = ["cx", "cy", "stroke", "fill"], Wl = { key: "split-tree" }, zl = ["x", "y", "width", "height", "fill"], Xl = ["d", "stroke"], Hl = ["cx", "cy", "fill", "stroke"], Zl = ["x", "height", "fill", "stroke"], Ol = ["x", "height", "fill", "stroke"], Ul = { key: "merged-tree" }, Kl = ["cx", "cy", "stroke", "fill"], Yl = ["cx", "cy", "fill"], jl = ["cx", "cy", "stroke", "fill"], ql = ["cx", "cy", "fill"], Gl = { key: 1 }, Jl = ["d", "stroke"], Ql = ["cx", "cy", "fill", "stroke"], _l = ["cx", "cy", "stroke", "fill"], ea = ["cx", "cy", "fill"], ta = ["cx", "cy", "stroke", "fill"], la = ["cx", "cy", "fill"], aa = ["cx", "cy", "fill", "stroke"], na = ["x", "height", "width", "onMouseenter"], ia = ["min", "max"], ua = ["min", "max"], He = 48, ra = {
   __name: "SlicerPreview",
   props: {
     immediate: {
@@ -189,18 +189,22 @@ const yl = {
     forceZeroCenter: {
       type: Boolean,
       default: !1
+    },
+    maxWidth: {
+      type: Number,
+      default: null
     }
   },
   emits: ["futureStart", "futureEnd", "update:start", "update:end", "reset", "trapMouse"],
-  setup(o, { expose: Nt, emit: Pt }) {
-    ol((e) => ({
-      v5cdd4c47: Lt.value,
-      v165a568a: g.value,
-      v2338ac28: Rt.value,
-      v55efd42a: o.selectColor,
-      v3d1992f9: Ft.value
+  setup(r, { expose: Nt, emit: Pt }) {
+    rl((e) => ({
+      v5ac2443a: Lt.value,
+      v1a9066a4: g.value,
+      v4afd9f9f: Rt.value,
+      v5a25e444: r.selectColor,
+      v4f0b596c: Ft.value
     }));
-    const a = o, N = d(null), x = d(a.min), b = d(a.max), k = s(() => !!a.allMinimaps.length), be = d(cl()), H = d(!1), U = s(() => k.value && a.minimapCompact), Ze = d(0), Me = Xe((e) => E("futureStart", e), 0), ke = Xe((e) => E("futureEnd", e), 0), ee = s({
+    const a = r, N = d(null), x = d(a.min), b = d(a.max), k = s(() => !!a.allMinimaps.length), be = d(cl()), H = d(!1), U = s(() => k.value && a.minimapCompact), Ze = d(0), Me = Xe((e) => E("futureStart", e), 0), ke = Xe((e) => E("futureEnd", e), 0), ee = s({
       get: () => x.value,
       set(e) {
         const l = Math.min(e, b.value - 1);
@@ -227,7 +231,7 @@ const yl = {
     }), we = s(() => {
       if (U.value) {
         const l = Math.max(1, Y.value - 1);
-        return fe.value / l * 100;
+        return he.value / l * 100;
       }
       const e = Math.max(1, a.max - a.min);
       return (b.value - a.min) / e * 100;
@@ -238,15 +242,15 @@ const yl = {
     }), Ne = s(() => {
       if (!N.value) return !1;
       const e = Math.max(1, a.max - a.min), l = N.value.getBoundingClientRect().width;
-      return l * ((b.value - a.min) / e) + re.value / 2 > l;
-    }), F = s(() => {
+      return l * ((b.value - a.min) / e) + oe.value / 2 > l;
+    }), R = s(() => {
       const e = Ne.value ? `calc(${Se.value}% - ${ce.value.width}px - 2px)` : Ce.value ? `calc(${Se.value}% - 8px)` : `calc(${Se.value}% - ${ce.value.width / 2}px - 4px)`;
       return {
         left: `${me.value}%`,
         width: `${Math.max(0, we.value - me.value)}%`,
         background: a.selectColor,
         tooltipLeft: `calc(${me.value}% - ${Ce.value ? 9 : ge.value / 2 + 3.5}px)`,
-        tooltipRight: `calc(${we.value}% - ${Ne.value ? re.value - 9 : re.value / 2 - 3.5}px)`,
+        tooltipRight: `calc(${we.value}% - ${Ne.value ? oe.value - 9 : oe.value / 2 - 3.5}px)`,
         tooltipCenter: e,
         arrowLeft: !Ce.value,
         arrowRight: !Ne.value
@@ -271,18 +275,18 @@ const yl = {
         Number(x.value) > Number(e) && (x.value = Number(e)), Number(b.value) > Number(e) && (b.value = Number(e));
       }
     );
-    const he = d(null), f = d({
+    const fe = d(null), h = d({
       width: 1,
       height: 1
     }), K = d(null);
-    rl(() => {
+    ol(() => {
       if (k.value) {
         const e = Xe(() => {
-          if (!he.value) return;
-          const { width: l, height: t } = dl({ chart: he.value }), n = Math.max(0, Math.round(l)), r = Math.max(0, Math.round(t - 47));
-          (n !== f.value.width || r !== f.value.height) && (f.value.width = n, f.value.height = r);
+          if (!fe.value) return;
+          const { width: l, height: t } = dl({ chart: fe.value }), n = Math.max(0, Math.round(l)), o = Math.max(0, Math.round(t - 47));
+          (n !== h.value.width || o !== h.value.height) && (h.value.width = n, h.value.height = o);
         }, 0);
-        K.value = new ResizeObserver(e), K.value.observe(he.value);
+        K.value = new ResizeObserver(e), K.value.observe(fe.value);
       }
     }), De(() => {
       K.value && K.value.disconnect();
@@ -298,11 +302,11 @@ const yl = {
     }
     const Z = s(() => Ye(x.value)), j = s(() => At(b.value)), Pe = s(() => Math.max(...a.allMinimaps.map((e) => e.series.length))), M = s(() => {
       const e = Math.max(1, Pe.value - (a.minimapCompact ? 1 : 0));
-      return f.value.width / e;
+      return h.value.width / e;
     }), je = s(() => a.allMinimaps.length ? a.allMinimaps.filter((e) => e.type === "bar" && e.isVisible).length : 0), $e = s(() => M.value / (je.value || 1) * 0.8);
     function qe(e, l, t) {
-      const n = $e.value, r = Math.max(1, je.value), c = Pe.value - 1;
-      return t === 0 ? e + n / 2 * l : t === c ? e - n / 2 * (r - l) : e - r * n / 2 + l * n;
+      const n = $e.value, o = Math.max(1, je.value), c = Pe.value - 1;
+      return t === 0 ? e + n / 2 * l : t === c ? e - n / 2 * (o - l) : e - o * n / 2 + l * n;
     }
     function Ge(e, l) {
       return [0, Pe.value - 1].includes(l) ? $e.value / 2 : $e.value;
@@ -323,10 +327,10 @@ const yl = {
       return Number.isFinite(e) ? e : null;
     }), Le = s(() => Je.value !== null && Qe.value !== null), _e = s(() => {
       const { min: e, max: l } = Et.value, t = Je.value, n = Qe.value;
-      let r, c;
-      return t !== null && n !== null ? (r = Math.min(t, e), c = Math.max(n, l)) : (r = t !== null ? t : e, c = n !== null ? n : l), Number.isFinite(r) || (r = 0), Number.isFinite(c) || (c = 1), r === c ? c = r + 1 : r > c && ([r, c] = [c, r]), { min: r, max: c };
+      let o, c;
+      return t !== null && n !== null ? (o = Math.min(t, e), c = Math.max(n, l)) : (o = t !== null ? t : e, c = n !== null ? n : l), Number.isFinite(o) || (o = 0), Number.isFinite(c) || (c = 1), o === c ? c = o + 1 : o > c && ([o, c] = [c, o]), { min: o, max: c };
     }), q = s(() => _e.value.min), le = s(() => _e.value.max), Bt = s(() => q.value < 0 && le.value > 0 || le.value <= 0 ? q.value : 0), Tt = (e) => {
-      const l = Math.max(1, f.value.height);
+      const l = Math.max(1, h.value.height);
       return et(
         q.value,
         le.value,
@@ -335,21 +339,21 @@ const yl = {
       )(e);
     }, Fe = s(() => Tt(0));
     function et(e, l, t, n = !1) {
-      const r = (h, C, $) => Math.max(C, Math.min($, h)), B = Math.max(1e-9, l - e);
+      const o = (f, C, $) => Math.max(C, Math.min($, f)), B = Math.max(1e-9, l - e);
       if (n)
-        return (h) => {
-          const C = (h - e) / B;
+        return (f) => {
+          const C = (f - e) / B;
           return t - C * t;
         };
       if (l <= 0) {
-        const h = Math.max(1e-9, 0 - e);
-        return (C) => t - (C - e) / h * t;
+        const f = Math.max(1e-9, 0 - e);
+        return (C) => t - (C - e) / f * t;
       } else if (e >= 0) {
-        const h = Math.max(1e-9, l - 0);
-        return (C) => t - (C - 0) / h * t;
+        const f = Math.max(1e-9, l - 0);
+        return (C) => t - (C - 0) / f * t;
       } else {
-        const h = Math.max(1e-9, Math.max(Math.abs(e), Math.abs(l)));
-        return (C) => (1 - (r(C / h, -1, 1) + 1) / 2) * t;
+        const f = Math.max(1e-9, Math.max(Math.abs(e), Math.abs(l)));
+        return (C) => (1 - (o(C / f, -1, 1) + 1) / 2) * t;
       }
     }
     function tt(e, l = !1) {
@@ -366,25 +370,25 @@ const yl = {
           fullMarkers: [],
           selectionMarkers: []
         };
-      const t = Math.max(1, f.value.height), n = et(q.value, le.value, t, Le.value), r = e.length, c = Math.min(Math.max(0, Z.value), Math.max(0, r - 1)), B = Math.min(r, Math.max(c + 1, j.value)), h = e.map((p, mt) => {
-        const ve = p, ht = Number.isFinite(ve), el = M.value * mt + (a.minimapCompact ? 0 : M.value / 2), tl = (nl, il, ul) => Math.max(il, Math.min(ul, nl)), ll = Le.value ? tl(0, q.value, le.value) : 0, al = n(ll);
+      const t = Math.max(1, h.value.height), n = et(q.value, le.value, t, Le.value), o = e.length, c = Math.min(Math.max(0, Z.value), Math.max(0, o - 1)), B = Math.min(o, Math.max(c + 1, j.value)), f = e.map((p, mt) => {
+        const ve = p, ft = Number.isFinite(ve), el = M.value * mt + (a.minimapCompact ? 0 : M.value / 2), tl = (nl, il, ul) => Math.max(il, Math.min(ul, nl)), ll = Le.value ? tl(0, q.value, le.value) : 0, al = n(ll);
         return {
           x: el,
-          y: ht ? n(ve) : NaN,
+          y: ft ? n(ve) : NaN,
           v: ve,
-          value: ve == null ? null : ht ? ve : null,
+          value: ve == null ? null : ft ? ve : null,
           y0: al,
           i: mt
         };
-      }), C = (p) => p >= 0 && p < h.length && Number.isFinite(h[p]?.value), $ = h.filter((p) => Number.isFinite(p.value) && !C(p.i - 1) && !C(p.i + 1)), ye = $.filter((p) => p.i >= c && p.i < B), O = h.slice(c, B), Qt = h.length >= 2 ? a.smoothMinimap || l ? a.cutNullValues ? Mt(h) : kt(h.filter((p) => p.value != null)) : a.cutNullValues ? wt(h) : St(h.filter((p) => p.value != null)) : "", _t = O.length >= 2 ? a.smoothMinimap || l ? a.cutNullValues ? Mt(O) : kt(O.filter((p) => p.value != null)) : a.cutNullValues ? wt(O) : St(O.filter((p) => p.value != null)) : "";
+      }), C = (p) => p >= 0 && p < f.length && Number.isFinite(f[p]?.value), $ = f.filter((p) => Number.isFinite(p.value) && !C(p.i - 1) && !C(p.i + 1)), ye = $.filter((p) => p.i >= c && p.i < B), O = f.slice(c, B), Qt = f.length >= 2 ? a.smoothMinimap || l ? a.cutNullValues ? Mt(f) : kt(f.filter((p) => p.value != null)) : a.cutNullValues ? wt(f) : St(f.filter((p) => p.value != null)) : "", _t = O.length >= 2 ? a.smoothMinimap || l ? a.cutNullValues ? Mt(O) : kt(O.filter((p) => p.value != null)) : a.cutNullValues ? wt(O) : St(O.filter((p) => p.value != null)) : "";
       return {
         fullSet: Qt,
-        points: h,
+        points: f,
         selectionSet: _t,
         sliced: O,
-        firstPlot: h[c] || null,
-        lastPlot: h[Math.max(0, B - 1)] || null,
-        hasFull: h.length >= 2,
+        firstPlot: f[c] || null,
+        lastPlot: f[Math.max(0, B - 1)] || null,
+        hasFull: f.length >= 2,
         hasSelection: O.length >= 2,
         fullMarkers: $,
         selectionMarkers: ye
@@ -419,7 +423,7 @@ const yl = {
           ae.value && (ae.value.valueAsNumber = n), Ae(n);
         }
       }
-    }), fe = s({
+    }), he = s({
       get() {
         return U.value ? Math.max(Z.value, j.value - 1) : Number(te.value);
       },
@@ -437,7 +441,7 @@ const yl = {
     function Vt(e) {
       V.value = Ye(a.valueStart) + e;
     }
-    const It = hl(Vt, 60);
+    const It = fl(Vt, 60);
     Q(() => a.minimapSelectedIndex, (e, l) => {
       if ([null, void 0].includes(e)) {
         V.value = null;
@@ -478,36 +482,36 @@ const yl = {
     De(() => {
       cancelAnimationFrame(Re), cancelAnimationFrame(Ee);
     });
-    const ie = s(() => a.valueEnd - a.valueStart), zt = s(() => ie.value < a.max - a.min), G = d(!1);
-    let Wt = d(null);
+    const ie = s(() => a.valueEnd - a.valueStart), Wt = s(() => ie.value < a.max - a.min), G = d(!1);
+    let zt = d(null);
     const Xt = s(() => (Ze.value - 48) / (a.max - a.min) * ie.value), Ht = s(() => Math.max(1, Ze.value - He - Xt.value)), Zt = s(() => Math.max(1, a.max - a.min - ie.value)), Ot = s(() => Zt.value / Ht.value), nt = d(0), it = d(0), Ut = d(0), Kt = d(0);
-    let I = null, D = null, z = null, W = null;
+    let I = null, D = null, W = null, z = null;
     const ut = d(a.min);
     function Te(e) {
       if (!N.value) return a.min;
-      const l = N.value.getBoundingClientRect(), t = l.left + He / 2, n = l.right - He / 2, r = Math.max(1, n - t), B = (Math.max(t, Math.min(e, n)) - t) / r, h = Math.max(1, a.max - a.min);
-      return Math.round(a.min + B * h);
+      const l = N.value.getBoundingClientRect(), t = l.left + He / 2, n = l.right - He / 2, o = Math.max(1, n - t), B = (Math.max(t, Math.min(e, n)) - t) / o, f = Math.max(1, a.max - a.min);
+      return Math.round(a.min + B * f);
     }
-    const ot = async (e) => {
+    const rt = async (e) => {
       if (H.value = !0, J.value = !0, !a.enableSelectionDrag) return;
       const l = e.type === "touchstart";
       l || e.stopPropagation();
       const t = l && e.targetTouches && e.targetTouches[0] ? e.targetTouches[0] : null, n = l ? t ? t.target : null : e.target;
       if (!n || !(n instanceof Element) || n.classList && n.classList.contains("range-handle")) return;
       G.value = !0;
-      const r = l ? t ? t.clientX : 0 : e.clientX;
-      if (Wt.value = r, nt.value = r, a.focusOnDrag && !zt.value && N.value) {
-        ut.value = Te(r);
-        const c = Math.min(0.95, Math.max(0.05, a.focusRangeRatio)), B = a.max - a.min, h = Math.max(1, Math.round(B * c)), C = Math.floor(h / 2);
+      const o = l ? t ? t.clientX : 0 : e.clientX;
+      if (zt.value = o, nt.value = o, a.focusOnDrag && !Wt.value && N.value) {
+        ut.value = Te(o);
+        const c = Math.min(0.95, Math.max(0.05, a.focusRangeRatio)), B = a.max - a.min, f = Math.max(1, Math.round(B * c)), C = Math.floor(f / 2);
         let $ = ut.value - C;
-        $ = Math.max(a.min, Math.min($, a.max - h));
-        const ye = Math.min(a.max, $ + h);
-        ee.value = $, te.value = ye, Me($), ke(ye), Ct(N.value, "mouseup"), await xe(), Ct(N.value, "mousedown", { clientX: r });
+        $ = Math.max(a.min, Math.min($, a.max - f));
+        const ye = Math.min(a.max, $ + f);
+        ee.value = $, te.value = ye, Me($), ke(ye), Ct(N.value, "mouseup"), await xe(), Ct(N.value, "mousedown", { clientX: o });
       }
-      it.value = x.value, Ut.value = b.value, Kt.value = Ot.value, I = l ? "touchmove" : "mousemove", D = l ? "touchend" : "mouseup", z = l ? jt : Yt, W = l ? Gt : qt, window.addEventListener(I, z, { passive: !1 }), window.addEventListener(D, W);
+      it.value = x.value, Ut.value = b.value, Kt.value = Ot.value, I = l ? "touchmove" : "mousemove", D = l ? "touchend" : "mouseup", W = l ? jt : Yt, z = l ? Gt : qt, window.addEventListener(I, W, { passive: !1 }), window.addEventListener(D, z);
     };
     function Yt(e) {
-      G.value && rt(e.clientX);
+      G.value && ot(e.clientX);
     }
     function jt(e) {
       if (!G.value || !N.value) return;
@@ -515,15 +519,15 @@ const yl = {
       if (!(l instanceof Element) || !N.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 && rt(t.clientX);
+      t && ot(t.clientX);
     }
-    function rt(e) {
+    function ot(e) {
       if (!G.value) return;
       const l = Te(nt.value), n = Te(e) - l;
-      let r = Math.round(it.value + n);
-      r = Math.max(a.min, Math.min(r, a.max - ie.value));
-      const c = r + ie.value;
-      ee.value = r, te.value = c, Me(r), ke(c);
+      let o = Math.round(it.value + n);
+      o = Math.max(a.min, Math.min(o, a.max - ie.value));
+      const c = o + ie.value;
+      ee.value = o, te.value = c, Me(o), ke(c);
     }
     function qt() {
       st();
@@ -532,9 +536,9 @@ const yl = {
       st();
     }
     function st() {
-      G.value = !1, I && z && window.removeEventListener(I, z), D && W && window.removeEventListener(D, W), I = D = null, z = W = null, A();
+      G.value = !1, I && W && window.removeEventListener(I, W), D && z && window.removeEventListener(D, z), I = D = null, W = z = null, A();
     }
-    const X = d(!1), ue = d(null), oe = d(null), ge = d(1), re = d(1), J = d(!1);
+    const X = d(!1), ue = d(null), re = d(null), ge = d(1), oe = d(1), J = d(!1);
     function Ve() {
       if (ue.value) {
         const e = Math.round(ue.value.getBoundingClientRect().width);
@@ -542,9 +546,9 @@ const yl = {
       }
     }
     function Ie() {
-      if (oe.value) {
-        const e = Math.round(oe.value.getBoundingClientRect().width);
-        e !== re.value && (re.value = e);
+      if (re.value) {
+        const e = Math.round(re.value.getBoundingClientRect().width);
+        e !== oe.value && (oe.value = e);
       }
     }
     dt(() => {
@@ -559,16 +563,16 @@ const yl = {
       left: 0
     });
     Q([x, b], async () => {
-      if (await xe(), !ue.value || !oe.value) {
+      if (await xe(), !ue.value || !re.value) {
         se.value = !1, ce.value = { width: 0, left: 0 };
         return;
       }
-      const e = ue.value.getBoundingClientRect(), l = oe.value.getBoundingClientRect();
+      const e = ue.value.getBoundingClientRect(), l = re.value.getBoundingClientRect();
       se.value = e.x + e.width > l.x;
-      const t = e.x + e.width / 2, n = l.x + l.width / 2, r = e.width + l.width, c = (t + n) / 2;
+      const t = e.x + e.width / 2, n = l.x + l.width / 2, o = e.width + l.width, c = (t + n) / 2;
       ce.value = {
-        width: r,
-        left: c - r / 2
+        width: o,
+        left: c - o / 2
       };
     }), dt(() => {
       Ve(), Ie();
@@ -586,24 +590,24 @@ const yl = {
             seriesIndex: x.value,
             datapoint: a.selectedSeries,
             timeLabel: a.preciseLabels[x.value]
-          }), r = a.customFormat({
+          }), o = a.customFormat({
             absoluteIndex: b.value - 1,
             seriesIndex: -1,
             datapoint: a.selectedSeries,
             timeLabel: a.preciseLabels[b.value - 1]
           });
-          typeof n == "string" && typeof r == "string" && (e = n, l = r, t = !0);
+          typeof n == "string" && typeof o == "string" && (e = n, l = o, t = !0);
         } catch {
           t = !1;
         }
       if (!t) {
-        const n = a.usePreciseLabels ? a.preciseLabels.find((c) => c.absoluteIndex === x.value) : a.timeLabels.find((c) => c.absoluteIndex === x.value), r = a.usePreciseLabels ? a.preciseLabels.find((c) => c.absoluteIndex === b.value - 1) : a.timeLabels.find((c) => c.absoluteIndex === b.value - 1);
-        e = n ? n.text : "", l = r ? r.text : "";
+        const n = a.usePreciseLabels ? a.preciseLabels.find((c) => c.absoluteIndex === x.value) : a.timeLabels.find((c) => c.absoluteIndex === x.value), o = a.usePreciseLabels ? a.preciseLabels.find((c) => c.absoluteIndex === b.value - 1) : a.timeLabels.find((c) => c.absoluteIndex === b.value - 1);
+        e = n ? n.text : "", l = o ? o.text : "";
       }
       return { left: e, right: l };
     });
     De(() => {
-      K.value && K.value.disconnect(), I && z && window.removeEventListener(I, z), D && W && window.removeEventListener(D, W), I = D = null, z = W = null, clearTimeout(Oe);
+      K.value && K.value.disconnect(), I && W && window.removeEventListener(I, W), D && z && window.removeEventListener(D, z), I = D = null, W = z = null, clearTimeout(Oe);
     });
     const Jt = s(() => {
       if (!Ue.value.length) return null;
@@ -613,7 +617,7 @@ const yl = {
           x1: M.value * e + (a.minimapCompact ? 0 : M.value / 2),
           x2: M.value * e + (a.minimapCompact ? 0 : M.value / 2),
           y1: 0,
-          y2: Math.max(f.value.height, 0),
+          y2: Math.max(h.value.height, 0),
           stroke: a.minimapIndicatorColor,
           "stroke-linecap": "round",
           "stroke-dasharray": 2,
@@ -627,16 +631,19 @@ const yl = {
       setEndValue: Be
     }), (e, l) => (u(), i("div", {
       "data-dom-to-png-ignore": "",
-      style: { padding: "0 24px" },
+      style: L([{ padding: "0 24px" }, {
+        maxWidth: r.maxWidth ? r.maxWidth + "px" : void 0,
+        margin: r.maxWidth ? "0 auto" : void 0
+      }]),
       class: "vue-data-ui-zoom",
       ref_key: "zoomWrapper",
       ref: N,
-      onMousedown: ot,
-      onTouchstart: ot
+      onMousedown: rt,
+      onTouchstart: rt
     }, [
-      L("div", yl, [
-        o.valueStart !== o.refreshStartPoint || o.valueEnd !== $t.value ? (u(), i("div", xl, [
-          o.useResetSlot ? ft(e.$slots, "reset-action", {
+      F("div", yl, [
+        r.valueStart !== r.refreshStartPoint || r.valueEnd !== $t.value ? (u(), i("div", xl, [
+          r.useResetSlot ? ht(e.$slots, "reset-action", {
             key: 1,
             reset: Ke
           }, void 0, !0) : (u(), i("button", {
@@ -644,88 +651,88 @@ const yl = {
             tabindex: "0",
             role: "button",
             class: "vue-data-ui-refresh-button",
-            style: R({
+            style: L({
               top: k.value ? "36px" : "-16px",
               pointerEvents: "all !important"
             }),
             onClick: Ke
           }, [
-            sl(fl, {
+            sl(hl, {
               name: "refresh",
-              stroke: o.textColor
+              stroke: r.textColor
             }, null, 8, ["stroke"])
           ], 4))
         ])) : v("", !0)
       ]),
-      L("div", {
+      F("div", {
         class: "double-range-slider",
         ref_key: "minimapWrapper",
-        ref: he,
+        ref: fe,
         style: { "z-index": "0" },
         onMouseenter: l[11] || (l[11] = (t) => J.value = !0),
         onMouseleave: l[12] || (l[12] = (t) => J.value = !1)
       }, [
         k.value ? (u(), i("div", pl, [
           (u(), i("svg", {
-            key: `mm-${o.minimapMerged ? "merged" : "split"}-${o.minimapCompact ? "compact" : "normal"}`,
+            key: `mm-${r.minimapMerged ? "merged" : "split"}-${r.minimapCompact ? "compact" : "normal"}`,
             xmlns: pe(ml),
-            viewBox: `0 0 ${Math.max(0, f.value.width)} ${Math.max(0, f.value.height)}`
+            viewBox: `0 0 ${Math.max(0, h.value.width)} ${Math.max(0, h.value.height)}`
           }, [
-            L("defs", null, [
-              L("linearGradient", {
+            F("defs", null, [
+              F("linearGradient", {
                 id: be.value,
                 x1: "0%",
                 y1: "0%",
                 x2: "0%",
                 y2: "100%"
               }, [
-                L("stop", {
+                F("stop", {
                   offset: "0%",
-                  "stop-color": `${o.minimapLineColor}50`
+                  "stop-color": `${r.minimapLineColor}50`
                 }, null, 8, kl),
-                l[13] || (l[13] = L("stop", {
+                l[13] || (l[13] = F("stop", {
                   offset: "100%",
                   "stop-color": "transparent"
                 }, null, -1))
               ], 8, Ml)
             ]),
-            o.minimapCompact ? (u(), i("rect", {
+            r.minimapCompact ? (u(), i("rect", {
               key: 0,
               class: "vue-ui-zoom-minimap-frame",
               x: 0,
               y: 0,
-              width: f.value.width,
-              height: f.value.height,
+              width: h.value.width,
+              height: h.value.height,
               fill: "none",
-              stroke: o.minimapFrameColor,
+              stroke: r.minimapFrameColor,
               rx: 3
             }, null, 8, wl)) : v("", !0),
             e.$slots.slotMap ? v("", !0) : (u(), i(y, { key: 1 }, [
-              o.minimapMerged ? (u(), i("path", {
+              r.minimapMerged ? (u(), i("path", {
                 key: 0,
                 d: `M${m.value.fullSet}`,
-                stroke: `${o.minimapLineColor}`,
+                stroke: `${r.minimapLineColor}`,
                 fill: "none",
                 "stroke-width": "1",
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 style: { opacity: "0.6" }
               }, null, 8, Sl)) : v("", !0),
-              o.minimapMerged && !o.minimapCompact ? (u(), i("path", {
+              r.minimapMerged && !r.minimapCompact ? (u(), i("path", {
                 key: 1,
-                d: `M${M.value / 2},${Math.max(f.value.height, 0)} ${m.value.fullSet} L${f.value.width - M.value / 2},${Math.max(f.value.height, 0)}Z`,
+                d: `M${M.value / 2},${Math.max(h.value.height, 0)} ${m.value.fullSet} L${h.value.width - M.value / 2},${Math.max(h.value.height, 0)}Z`,
                 fill: `url(#${be.value})`,
                 stroke: "none",
                 style: { opacity: "0.6" }
-              }, null, 8, Cl)) : o.minimapMerged ? v("", !0) : (u(), i(y, { key: 2 }, [
+              }, null, 8, Cl)) : r.minimapMerged ? v("", !0) : (u(), i(y, { key: 2 }, [
                 (u(!0), i(y, null, S(T.value.filter((t) => t.type === "bar" && t.isVisible), (t, n) => (u(), i("g", null, [
-                  (u(!0), i(y, null, S(t.points, (r, c) => (u(), i(y, null, [
-                    t && !isNaN(r.y) ? (u(), i("rect", {
+                  (u(!0), i(y, null, S(t.points, (o, c) => (u(), i(y, null, [
+                    t && !isNaN(o.y) ? (u(), i("rect", {
                       key: 0,
-                      x: qe(r.x, n, c),
-                      y: r.v >= 0 ? r.y : r.y0,
+                      x: qe(o.x, n, c),
+                      y: o.v >= 0 ? o.y : o.y0,
                       width: Ge(n, c),
-                      height: r.v >= 0 ? r.y0 - r.y : r.y - r.y0,
+                      height: o.v >= 0 ? o.y0 - o.y : o.y - o.y0,
                       fill: t.color,
                       style: { opacity: 0.6 }
                     }, null, 8, Nl)) : v("", !0)
@@ -739,7 +746,7 @@ const yl = {
                     stroke: t.color,
                     style: { opacity: "0.6" }
                   }, null, 8, Pl)) : v("", !0),
-                  t.isVisible && o.cutNullValues ? (u(!0), i(y, { key: 1 }, S(t.fullMarkers, (n) => (u(), i("circle", {
+                  t.isVisible && r.cutNullValues ? (u(!0), i(y, { key: 1 }, S(t.fullMarkers, (n) => (u(), i("circle", {
                     key: `sel-dot-under-${t.key}-${n.i}`,
                     cx: n.x,
                     cy: n.y,
@@ -766,49 +773,49 @@ const yl = {
                 ]))), 256))
               ], 64))
             ], 64)),
-            L("rect", {
+            F("rect", {
               x: P.value.x,
               y: 0,
               width: Math.max(0, P.value.width),
-              height: Math.max(f.value.height, 0),
+              height: Math.max(h.value.height, 0),
               fill: g.value,
-              rx: o.minimapSelectionRadius,
+              rx: r.minimapSelectionRadius,
               stroke: "none"
             }, null, 8, Fl),
-            L("rect", {
+            F("rect", {
               x: P.value.x,
               y: 0,
               width: P.value.width < 0 ? 0 : P.value.width,
-              height: Math.max(f.value.height, 0),
-              rx: o.minimapSelectionRadius,
+              height: Math.max(h.value.height, 0),
+              rx: r.minimapSelectionRadius,
               fill: g.value,
-              style: R({ opacity: G.value || H.value ? 0 : 1 })
+              style: L({ opacity: G.value || H.value ? 0 : 1 })
             }, null, 12, Rl),
-            L("rect", {
+            F("rect", {
               x: P.value.x,
               y: 0,
               width: P.value.width < 0 ? 0 : P.value.width,
-              height: Math.max(f.value.height, 0),
-              fill: o.minimapSelectedColor,
-              rx: o.minimapSelectionRadius,
-              style: R({ opacity: o.minimapSelectedColorOpacity })
+              height: Math.max(h.value.height, 0),
+              fill: r.minimapSelectedColor,
+              rx: r.minimapSelectionRadius,
+              style: L({ opacity: r.minimapSelectedColorOpacity })
             }, null, 12, Al),
-            !o.minimapMerged && Bt.value < 0 ? (u(), i("line", {
+            !r.minimapMerged && Bt.value < 0 ? (u(), i("line", {
               key: 2,
               class: "slicer-minimap-zero-line",
               x1: 0,
-              x2: f.value.width,
+              x2: h.value.width,
               y1: Fe.value,
               y2: Fe.value,
-              stroke: o.minimapFrameColor,
+              stroke: r.minimapFrameColor,
               "stroke-width": "0.5"
             }, null, 8, El)) : v("", !0),
             e.$slots.slotMap ? v("", !0) : (u(), i(y, { key: 3 }, [
-              o.minimapMerged ? (u(), i("g", Bl, [
+              r.minimapMerged ? (u(), i("g", Bl, [
                 m.value && m.value.sliced && m.value.sliced.length ? (u(), i(y, { key: 0 }, [
                   m.value.selectionSet ? (u(), i("path", {
                     key: 0,
-                    d: `M${m.value.sliced[0].x},${Math.max(f.value.height, 0)} ${m.value.selectionSet} L${m.value.sliced[m.value.sliced.length - 1].x},${Math.max(f.value.height, 0)}Z`,
+                    d: `M${m.value.sliced[0].x},${Math.max(h.value.height, 0)} ${m.value.selectionSet} L${m.value.sliced[m.value.sliced.length - 1].x},${Math.max(h.value.height, 0)}Z`,
                     fill: `url(#${be.value})`,
                     stroke: "none",
                     style: { opacity: "1" }
@@ -816,7 +823,7 @@ const yl = {
                   m.value.selectionSet ? (u(), i("path", {
                     key: 1,
                     d: `M ${m.value.selectionSet}`,
-                    stroke: `${o.minimapLineColor}`,
+                    stroke: `${r.minimapLineColor}`,
                     fill: "transparent",
                     "stroke-width": "2",
                     "stroke-linecap": "round",
@@ -830,7 +837,7 @@ const yl = {
                   "stroke-width": "0.5",
                   stroke: g.value,
                   r: "3",
-                  fill: o.minimapLineColor
+                  fill: r.minimapLineColor
                 }, null, 8, Il)) : v("", !0),
                 m.value && m.value.lastPlot ? (u(), i("circle", {
                   key: 2,
@@ -839,20 +846,20 @@ const yl = {
                   "stroke-width": "0.5",
                   stroke: g.value,
                   r: "3",
-                  fill: o.minimapLineColor
+                  fill: r.minimapLineColor
                 }, null, 8, Dl)) : v("", !0)
-              ])) : (u(), i("g", zl, [
+              ])) : (u(), i("g", Wl, [
                 (u(!0), i(y, null, S(T.value.filter((t) => t.type === "bar" && t.isVisible), (t, n) => (u(), i("g", null, [
-                  (u(!0), i(y, null, S(t.points, (r, c) => (u(), i(y, null, [
-                    t && !isNaN(r.y) ? (u(), i("rect", {
+                  (u(!0), i(y, null, S(t.points, (o, c) => (u(), i(y, null, [
+                    t && !isNaN(o.y) ? (u(), i("rect", {
                       key: 0,
-                      x: qe(r.x, n, c),
-                      y: r.v >= 0 ? r.y : r.y0,
+                      x: qe(o.x, n, c),
+                      y: o.v >= 0 ? o.y : o.y0,
                       width: Ge(n, c),
-                      height: r.v >= 0 ? r.y0 - r.y : r.y - r.y0,
+                      height: o.v >= 0 ? o.y0 - o.y : o.y - o.y0,
                       fill: t.color,
-                      style: R({ opacity: c >= ee.value && c < te.value ? 1 : 0 })
-                    }, null, 12, Wl)) : v("", !0)
+                      style: L({ opacity: c >= ee.value && c < te.value ? 1 : 0 })
+                    }, null, 12, zl)) : v("", !0)
                   ], 64))), 256))
                 ]))), 256)),
                 (u(!0), i(y, null, S(T.value.filter((t) => t.type === "line"), (t) => (u(), i("g", {
@@ -886,37 +893,37 @@ const yl = {
                 ]))), 128))
               ]))
             ], 64)),
-            e.$slots.slotMap ? ft(e.$slots, "slotMap", yt(xt({ key: 4 }, {
-              width: Math.max(0, f.value.width),
-              height: Math.max(0, f.value.height),
+            e.$slots.slotMap ? ht(e.$slots, "slotMap", yt(xt({ key: 4 }, {
+              width: Math.max(0, h.value.width),
+              height: Math.max(0, h.value.height),
               zeroY: Fe.value,
               unitW: Math.max(0, M.value)
             })), void 0, !0) : v("", !0),
-            k.value && o.minimapCompact ? (u(), i("rect", {
+            k.value && r.minimapCompact ? (u(), i("rect", {
               key: 5,
               class: "vue-ui-zoom-compact-minimap-handle",
               x: P.value.x - 8,
               y: 0,
               width: 8,
-              height: f.value.height,
+              height: h.value.height,
               fill: g.value,
-              stroke: o.textColor,
+              stroke: r.textColor,
               rx: 3
             }, null, 8, Zl)) : v("", !0),
-            k.value && o.minimapCompact ? (u(), i("rect", {
+            k.value && r.minimapCompact ? (u(), i("rect", {
               key: 6,
               class: "vue-ui-zoom-compact-minimap-handle",
               x: P.value.x + P.value.width,
               y: 0,
               width: 8,
-              height: f.value.height,
+              height: h.value.height,
               fill: g.value,
-              stroke: o.textColor,
+              stroke: r.textColor,
               rx: 3
             }, null, 8, Ol)) : v("", !0),
             V.value !== null && !X.value ? (u(), i("line", yt(xt({ key: 7 }, Jt.value)), null, 16)) : v("", !0),
             e.$slots.slotMap ? v("", !0) : (u(), i(y, { key: 8 }, [
-              o.minimapMerged ? (u(), i("g", Ul, [
+              r.minimapMerged ? (u(), i("g", Ul, [
                 m.value && m.value.firstPlot && m.value.firstPlot.value !== null ? (u(), i("circle", {
                   key: 0,
                   cx: m.value.firstPlot.x,
@@ -924,7 +931,7 @@ const yl = {
                   "stroke-width": "0.5",
                   stroke: g.value,
                   r: "4",
-                  fill: o.minimapLineColor
+                  fill: r.minimapLineColor
                 }, null, 8, Kl)) : v("", !0),
                 m.value && m.value.firstPlot && m.value.firstPlot.value !== null ? (u(), i("circle", {
                   key: 1,
@@ -940,7 +947,7 @@ const yl = {
                   "stroke-width": "0.5",
                   stroke: g.value,
                   r: "4",
-                  fill: o.minimapLineColor
+                  fill: r.minimapLineColor
                 }, null, 8, jl)) : v("", !0),
                 m.value && m.value.lastPlot && m.value.lastPlot.value !== null ? (u(), i("circle", {
                   key: 3,
@@ -962,7 +969,7 @@ const yl = {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round"
                   }, null, 8, Jl)) : v("", !0),
-                  t.isVisible && o.cutNullValues ? (u(!0), i(y, { key: 1 }, S(t.selectionMarkers, (n) => (u(), i("circle", {
+                  t.isVisible && r.cutNullValues ? (u(!0), i(y, { key: 1 }, S(t.selectionMarkers, (n) => (u(), i("circle", {
                     key: `sel-dot-${t.key}-${n.i}`,
                     cx: n.x,
                     cy: n.y,
@@ -1008,7 +1015,7 @@ const yl = {
                   key: String(t.key)
                 }, [
                   (u(!0), i(y, null, S(t.points, (n) => (u(), i("g", null, [
-                    t.isVisible && o.cutNullValues && n.value !== null ? (u(), i("circle", {
+                    t.isVisible && r.cutNullValues && n.value !== null ? (u(), i("circle", {
                       key: `sel-plot-${t.key}-${n.i}`,
                       cx: n.x,
                       cy: n.y,
@@ -1022,36 +1029,36 @@ const yl = {
               ]))
             ], 64)),
             (u(!0), i(y, null, S(Ue.value, (t, n) => (u(), i("rect", {
-              x: M.value * n - (o.minimapCompact ? M.value / 2 : 0),
+              x: M.value * n - (r.minimapCompact ? M.value / 2 : 0),
               y: 0,
-              height: Math.max(f.value.height, 0),
+              height: Math.max(h.value.height, 0),
               width: M.value < 0 ? 0 : M.value,
               fill: "transparent",
-              style: R([{ "pointer-events": "all !important" }, { cursor: t >= Z.value && t < j.value && o.enableSelectionDrag ? X.value ? "grabbing" : "grab" : "default" }]),
-              onMousedown: l[0] || (l[0] = (r) => X.value = !0),
-              onMouseup: l[1] || (l[1] = (r) => X.value = !1),
-              onMouseenter: (r) => Dt(t),
-              onMouseleave: l[2] || (l[2] = (r) => {
+              style: L([{ "pointer-events": "all !important" }, { cursor: t >= Z.value && t < j.value && r.enableSelectionDrag ? X.value ? "grabbing" : "grab" : "default" }]),
+              onMousedown: l[0] || (l[0] = (o) => X.value = !0),
+              onMouseup: l[1] || (l[1] = (o) => X.value = !1),
+              onMouseenter: (o) => Dt(t),
+              onMouseleave: l[2] || (l[2] = (o) => {
                 V.value = null, E("trapMouse", null);
               })
             }, null, 44, na))), 256))
           ], 8, bl))
         ])) : v("", !0),
-        L("div", {
+        F("div", {
           class: "slider-track",
-          style: R({ visibility: k.value && o.minimapCompact ? "hidden" : "visible" })
+          style: L({ visibility: k.value && r.minimapCompact ? "hidden" : "visible" })
         }, null, 4),
-        L("div", {
-          class: _({ "range-highlight": !0, move: o.enableSelectionDrag }),
+        F("div", {
+          class: _({ "range-highlight": !0, move: r.enableSelectionDrag }),
           onMousedown: l[3] || (l[3] = (t) => X.value = !0),
           onMouseup: l[4] || (l[4] = (t) => X.value = !1),
-          style: R({
-            ...F.value,
+          style: L({
+            ...R.value,
             cursor: X.value ? "grabbing" : "grab",
-            visibility: k.value && o.minimapCompact ? "hidden" : "visible"
+            visibility: k.value && r.minimapCompact ? "hidden" : "visible"
           })
         }, null, 38),
-        o.enableRangeHandles ? gt((u(), i("input", {
+        r.enableRangeHandles ? gt((u(), i("input", {
           key: 1,
           ref_key: "rangeStart",
           ref: ae,
@@ -1059,11 +1066,11 @@ const yl = {
           class: _({
             "range-left": !0,
             "range-handle": !0,
-            "range-minimap": k.value && o.verticalHandles,
-            "range-invisible": k.value && o.minimapCompact
+            "range-minimap": k.value && r.verticalHandles,
+            "range-invisible": k.value && r.minimapCompact
           }),
-          min: o.min,
-          max: o.minimapCompact && k.value ? Math.max(0, Y.value - 1) : o.max,
+          min: r.min,
+          max: r.minimapCompact && k.value ? Math.max(0, Y.value - 1) : r.max,
           "onUpdate:modelValue": l[5] || (l[5] = (t) => de.value = t),
           onInput: l[6] || (l[6] = (t) => de.value = t.target.valueAsNumber),
           onChange: A,
@@ -1079,7 +1086,7 @@ const yl = {
             { number: !0 }
           ]
         ]) : v("", !0),
-        o.enableRangeHandles ? gt((u(), i("input", {
+        r.enableRangeHandles ? gt((u(), i("input", {
           key: 2,
           ref_key: "rangeEnd",
           ref: ne,
@@ -1087,13 +1094,13 @@ const yl = {
           class: _({
             "range-right": !0,
             "range-handle": !0,
-            "range-minimap": k.value && o.verticalHandles,
-            "range-invisible": k.value && o.minimapCompact
+            "range-minimap": k.value && r.verticalHandles,
+            "range-invisible": k.value && r.minimapCompact
           }),
-          min: o.min,
-          max: o.minimapCompact && k.value ? Math.max(0, Y.value - 1) : o.max,
-          "onUpdate:modelValue": l[8] || (l[8] = (t) => fe.value = t),
-          onInput: l[9] || (l[9] = (t) => fe.value = t.target.valueAsNumber),
+          min: r.min,
+          max: r.minimapCompact && k.value ? Math.max(0, Y.value - 1) : r.max,
+          "onUpdate:modelValue": l[8] || (l[8] = (t) => he.value = t),
+          onInput: l[9] || (l[9] = (t) => he.value = t.target.valueAsNumber),
           onChange: A,
           onKeyup: pt(A, ["enter"]),
           onBlur: A,
@@ -1102,7 +1109,7 @@ const yl = {
         }, null, 42, ua)), [
           [
             bt,
-            fe.value,
+            he.value,
             void 0,
             { number: !0 }
           ]
@@ -1114,19 +1121,19 @@ const yl = {
           class: _({
             "range-tooltip": !0,
             "range-tooltip-visible": J.value,
-            "range-tooltip-arrow": F.value.arrowLeft && !o.verticalHandles,
-            "range-tooltip-arrow-left": !F.value.arrowLeft && !o.verticalHandles
+            "range-tooltip-arrow": R.value.arrowLeft && !r.verticalHandles,
+            "range-tooltip-arrow-left": !R.value.arrowLeft && !r.verticalHandles
           }),
-          style: R({
-            left: F.value.tooltipLeft,
-            color: pe(We)(o.selectColor),
-            backgroundColor: o.selectColor,
+          style: L({
+            left: R.value.tooltipLeft,
+            color: pe(ze)(r.selectColor),
+            backgroundColor: r.selectColor,
             border: `1px solid ${g.value}`,
             zIndex: `${ct.value + 4}`,
             visibility: se.value || w.value.left === w.value.right ? "hidden" : "visible",
-            top: k.value && o.minimapCompact ? "calc(-100% - 12px)" : "-100%"
+            top: k.value && r.minimapCompact ? "calc(-100% - 12px)" : "-100%"
           })
-        }, ze(w.value.left), 7)) : v("", !0),
+        }, We(w.value.left), 7)) : v("", !0),
         (se.value || w.value.left === w.value.right) && (w.value.left || w.value.right) ? (u(), i("div", {
           key: 4,
           ref: "tooltipMerge",
@@ -1134,43 +1141,43 @@ const yl = {
             "range-tooltip": !0,
             "range-tooltip-visible": J.value,
             "range-tooltip-arrow": !0,
-            "range-tooltip-arrow-left": !F.value.arrowLeft && !o.verticalHandles,
-            "range-tooltip-arrow-right": !F.value.arrowRight && !o.verticalHandles
+            "range-tooltip-arrow-left": !R.value.arrowLeft && !r.verticalHandles,
+            "range-tooltip-arrow-right": !R.value.arrowRight && !r.verticalHandles
           }),
-          style: R({
-            left: F.value.tooltipCenter,
+          style: L({
+            left: R.value.tooltipCenter,
             width: ce.value.width + "px",
-            color: pe(We)(o.selectColor),
-            backgroundColor: o.selectColor,
+            color: pe(ze)(r.selectColor),
+            backgroundColor: r.selectColor,
             border: `1px solid ${g.value}`,
             zIndex: "4",
-            top: k.value && o.minimapCompact ? "calc(-100% - 12px)" : "-100%"
+            top: k.value && r.minimapCompact ? "calc(-100% - 12px)" : "-100%"
           })
-        }, ze(w.value.left === w.value.right ? w.value.left : `${w.value.left} - ${w.value.right}`), 7)) : v("", !0),
+        }, We(w.value.left === w.value.right ? w.value.left : `${w.value.left} - ${w.value.right}`), 7)) : v("", !0),
         w.value.right ? (u(), i("div", {
           key: 5,
           ref_key: "tooltipRight",
-          ref: oe,
+          ref: re,
           class: _({
             "range-tooltip": !0,
             "range-tooltip-visible": J.value,
-            "range-tooltip-arrow": F.value.arrowRight && !o.verticalHandles,
-            "range-tooltip-arrow-right": !F.value.arrowRight && !o.verticalHandles
+            "range-tooltip-arrow": R.value.arrowRight && !r.verticalHandles,
+            "range-tooltip-arrow-right": !R.value.arrowRight && !r.verticalHandles
           }),
-          style: R({
-            left: F.value.tooltipRight,
-            color: pe(We)(o.selectColor),
-            backgroundColor: o.selectColor,
+          style: L({
+            left: R.value.tooltipRight,
+            color: pe(ze)(r.selectColor),
+            backgroundColor: r.selectColor,
             border: `1px solid ${g.value}`,
             zIndex: "4",
             visibility: se.value || w.value.left === w.value.right ? "hidden" : "visible",
-            top: k.value && o.minimapCompact ? "calc(-100% - 12px)" : "-100%"
+            top: k.value && r.minimapCompact ? "calc(-100% - 12px)" : "-100%"
           })
-        }, ze(w.value.right), 7)) : v("", !0)
+        }, We(w.value.right), 7)) : v("", !0)
       ], 544)
-    ], 544));
+    ], 36));
   }
-}, ha = /* @__PURE__ */ gl(oa, [["__scopeId", "data-v-2d7bcb9c"]]);
+}, fa = /* @__PURE__ */ gl(ra, [["__scopeId", "data-v-14a5fbff"]]);
 export {
-  ha as S
+  fa as S
 };