vue-data-ui 3.11.0 → 3.11.2

package/dist/SlicerPreview-lQoYQ0EQ.js

@@ -0,0 +1,1170 @@
+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-CVHM9FhP.js";
+import { t as Xe, d as hl, u as dl } from "./useResponsive-DfdjqQps.js";
+import fl from "./BaseIcon-CYSJuCRd.js";
+import { _ as gl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const yl = {
+  class: "vue-data-ui-slicer-labels",
+  style: { position: "relative", "z-index": "1", "pointer-events": "none" }
+}, xl = {
+  key: 0,
+  style: { width: "100%", position: "relative" }
+}, pl = {
+  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"], Tl = { key: "merged-tree" }, Vl = ["d", "fill"], Bl = ["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"], Ol = ["x", "height", "fill", "stroke"], Zl = ["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 = {
+  __name: "SlicerPreview",
+  props: {
+    immediate: {
+      type: Boolean,
+      default: !0
+    },
+    background: {
+      type: String,
+      default: "#FFFFFF"
+    },
+    borderColor: {
+      type: String,
+      default: "#FFFFFF"
+    },
+    fontSize: {
+      type: Number,
+      default: 14
+    },
+    labelLeft: {
+      type: [String, Number],
+      default: ""
+    },
+    labelRight: {
+      type: [String, Number],
+      default: ""
+    },
+    textColor: {
+      type: String,
+      default: "#1A1A1A"
+    },
+    inputColor: {
+      type: String,
+      default: "#1A1A1A"
+    },
+    max: {
+      type: Number,
+      default: 0
+    },
+    min: {
+      type: Number,
+      default: 0
+    },
+    selectColor: {
+      type: String,
+      default: "#4A4A4A"
+    },
+    useResetSlot: {
+      type: Boolean,
+      default: !1
+    },
+    valueStart: {
+      type: [Number, String],
+      default: 0
+    },
+    valueEnd: {
+      type: [Number, String],
+      default: 0
+    },
+    minimap: {
+      type: Array,
+      default: []
+    },
+    smoothMinimap: {
+      type: Boolean,
+      default: !1
+    },
+    minimapSelectedColor: {
+      type: String,
+      default: "#1f77b4"
+    },
+    minimapSelectionRadius: {
+      type: Number,
+      default: 12
+    },
+    minimapLineColor: {
+      type: String,
+      default: "#2D353C"
+    },
+    minimapSelectedColorOpacity: {
+      type: Number,
+      default: 0.2
+    },
+    minimapSelectedIndex: {
+      type: Number,
+      default: null
+    },
+    minimapIndicatorColor: {
+      type: String,
+      default: "#2D353C"
+    },
+    refreshStartPoint: {
+      type: Number,
+      default: 0
+    },
+    refreshEndPoint: {
+      type: Number,
+      default: null
+    },
+    enableRangeHandles: {
+      type: Boolean,
+      default: !1
+    },
+    enableSelectionDrag: {
+      type: Boolean,
+      default: !0
+    },
+    verticalHandles: {
+      type: Boolean,
+      default: !1
+    },
+    timeLabels: {
+      type: Array
+    },
+    isPreview: {
+      type: Boolean,
+      default: !1
+    },
+    preciseLabels: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    usePreciseLabels: {
+      type: Boolean,
+      default: !1
+    },
+    selectedSeries: {
+      type: Object
+    },
+    customFormat: {
+      type: [Function, null]
+    },
+    minimapCompact: {
+      type: Boolean,
+      default: !1
+    },
+    allMinimaps: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    minimapMerged: {
+      type: Boolean,
+      default: !1
+    },
+    minimapFrameColor: {
+      type: String,
+      default: "#e1e5e8"
+    },
+    cutNullValues: {
+      type: Boolean,
+      default: !1
+    },
+    focusOnDrag: {
+      type: Boolean,
+      default: !1
+    },
+    focusRangeRatio: {
+      type: Number,
+      default: 0.1
+    },
+    minScale: {
+      type: Number,
+      default: null
+    },
+    maxScale: {
+      type: Number,
+      default: null
+    }
+  },
+  emits: ["futureStart", "futureEnd", "update:start", "update:end", "reset", "trapMouse"],
+  setup(o, { expose: Nt, emit: Pt }) {
+    ol((e) => ({
+      v68e35d19: Lt.value,
+      v00d8e58d: g.value,
+      v267a553e: Rt.value,
+      v3de3b286: o.selectColor,
+      v79b22a6a: Ft.value
+    }));
+    const a = o, N = d(null), x = d(a.min), b = d(a.max), k = s(() => !!a.minimap.length), be = d(cl()), H = d(!1), U = s(() => k.value && a.minimapCompact), Oe = 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);
+        l !== x.value && (x.value = l, ae.value && (ae.value.value = String(l)), a.immediate ? E("update:start", Number(l)) : H.value && Me(l));
+      }
+    }), te = s({
+      get: () => b.value,
+      set(e) {
+        const l = Math.max(e, x.value + 1);
+        l !== b.value && (b.value = l, ne.value && (ne.value.value = String(l)), a.immediate ? E("update:end", Number(l)) : H.value && ke(l));
+      }
+    });
+    let Ze = null;
+    function A() {
+      clearTimeout(Ze), a.immediate || (E("update:start", Number(x.value)), E("update:end", Number(b.value))), H.value = !1;
+    }
+    const $t = s(() => a.refreshEndPoint === null ? a.max : a.refreshEndPoint), E = Pt, me = s(() => {
+      if (U.value) {
+        const l = Math.max(1, Y.value - 1);
+        return de.value / l * 100;
+      }
+      const e = Math.max(1, a.max - a.min);
+      return (x.value - a.min) / e * 100;
+    }), we = s(() => {
+      if (U.value) {
+        const l = Math.max(1, Y.value - 1);
+        return fe.value / l * 100;
+      }
+      const e = Math.max(1, a.max - a.min);
+      return (b.value - a.min) / e * 100;
+    }), Se = s(() => (me.value + we.value) / 2), Ce = s(() => {
+      if (!N.value) return !1;
+      const e = Math.max(1, a.max - a.min);
+      return N.value.getBoundingClientRect().width * ((x.value - a.min) / e) - ge.value / 2 < 0;
+    }), 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(() => {
+      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)`,
+        tooltipCenter: e,
+        arrowLeft: !Ce.value,
+        arrowRight: !Ne.value
+      };
+    }), Lt = s(() => a.inputColor), Ft = s(() => a.background), Rt = s(() => `${a.selectColor}33`), g = s(() => a.borderColor), Ue = s(() => {
+      let e = [];
+      for (let l = 0; l < a.max; l += 1)
+        e.push(l);
+      return e;
+    });
+    function Ke() {
+      E("reset");
+    }
+    Q(
+      () => a.min,
+      (e) => {
+        Number(x.value) < Number(e) && (x.value = Number(e)), Number(b.value) < Number(e) && (b.value = Number(e));
+      }
+    ), Q(
+      () => a.max,
+      (e) => {
+        Number(x.value) > Number(e) && (x.value = Number(e)), Number(b.value) > Number(e) && (b.value = Number(e));
+      }
+    );
+    const he = d(null), f = d({
+      width: 1,
+      height: 1
+    }), K = d(null);
+    rl(() => {
+      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);
+        }, 0);
+        K.value = new ResizeObserver(e), K.value.observe(he.value);
+      }
+    }), De(() => {
+      K.value && K.value.disconnect();
+    });
+    const Y = s(() => Math.max(1, a.max - a.min));
+    function Ye(e) {
+      const l = Math.floor(e - a.min);
+      return Math.min(Math.max(0, l), Y.value);
+    }
+    function At(e) {
+      const l = Math.ceil(e - a.min);
+      return Math.min(Math.max(0, l), Y.value);
+    }
+    const O = s(() => Ye(x.value)), j = s(() => At(b.value)), Pe = s(() => Math.max(...a.allMinimaps.map((e) => e.series.length))), M = s(() => {
+      if (!a.minimap.length) return 0;
+      const e = Math.max(1, Pe.value - (a.minimapCompact ? 1 : 0));
+      return f.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;
+    }
+    function Ge(e, l) {
+      return [0, Pe.value - 1].includes(l) ? $e.value / 2 : $e.value;
+    }
+    const Et = s(() => {
+      const e = [];
+      if (Array.isArray(a.minimap) && a.minimap.length && a.minimapMerged && e.push(...a.minimap.filter(Number.isFinite)), Array.isArray(a.allMinimaps) && a.allMinimaps.length)
+        for (const l of a.allMinimaps)
+          l?.isVisible && Array.isArray(l?.series) && e.push(...l.series.filter(Number.isFinite));
+      return e.length ? { min: Math.min(...e), max: Math.max(...e) } : { min: 0, max: 1 };
+    }), Je = s(() => {
+      const e = Number(a.minScale);
+      return Number.isFinite(e) ? e : null;
+    }), Qe = s(() => {
+      const e = Number(a.maxScale);
+      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 };
+    }), q = s(() => _e.value.min), le = s(() => _e.value.max), Tt = s(() => q.value < 0 && le.value > 0 || le.value <= 0 ? q.value : 0), Vt = (e) => {
+      const l = Math.max(1, f.value.height);
+      return et(
+        q.value,
+        le.value,
+        l,
+        Le.value
+      )(e);
+    }, Fe = s(() => Vt(0));
+    function et(e, l, t, n = !1) {
+      const r = (h, C, $) => Math.max(C, Math.min($, h)), T = Math.max(1e-9, l - e);
+      if (n)
+        return (h) => {
+          const C = (h - e) / T;
+          return t - C * t;
+        };
+      if (l <= 0) {
+        const h = Math.max(1e-9, 0 - e);
+        return (C) => t - (C - e) / h * t;
+      } else if (e >= 0) {
+        const h = Math.max(1e-9, l - 0);
+        return (C) => t - (C - 0) / h * 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;
+      }
+    }
+    function tt(e, l = !1) {
+      if (!e || !e.length)
+        return {
+          fullSet: "",
+          points: [],
+          selectionSet: "",
+          sliced: [],
+          firstPlot: null,
+          lastPlot: null,
+          hasFull: !1,
+          hasSelection: !1,
+          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, O.value), Math.max(0, r - 1)), T = 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);
+        return {
+          x: el,
+          y: ht ? n(ve) : NaN,
+          v: ve,
+          value: ve == null ? null : ht ? 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 < T), Z = h.slice(c, T), 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 = Z.length >= 2 ? a.smoothMinimap || l ? a.cutNullValues ? Mt(Z) : kt(Z.filter((p) => p.value != null)) : a.cutNullValues ? wt(Z) : St(Z.filter((p) => p.value != null)) : "";
+      return {
+        fullSet: Qt,
+        points: h,
+        selectionSet: _t,
+        sliced: Z,
+        firstPlot: h[c] || null,
+        lastPlot: h[Math.max(0, T - 1)] || null,
+        hasFull: h.length >= 2,
+        hasSelection: Z.length >= 2,
+        fullMarkers: $,
+        selectionMarkers: ye
+      };
+    }
+    const m = s(() => a.minimap.length ? tt(a.minimap) : []), V = s(() => a.allMinimaps.length ? a.allMinimaps.map((e, l) => {
+      const t = tt(e?.series || [], !!e.smooth), n = e?.id ?? e?.name ?? l;
+      return {
+        key: typeof n == "object" ? JSON.stringify(n) : String(n),
+        color: e?.color,
+        ...t,
+        isVisible: e.isVisible,
+        type: e.type || "line"
+      };
+    }) : []), P = s(() => {
+      const e = O.value, l = Math.max(e + 1, j.value);
+      return {
+        x: M.value * e + (a.minimapCompact ? 0 : M.value / 2),
+        width: M.value * (l - e) - M.value
+      };
+    }), B = d(a.minimapSelectedIndex), lt = (e) => Math.round(a.min + e), de = s({
+      get() {
+        return U.value ? O.value : Number(ee.value);
+      },
+      set(e) {
+        if (U.value) {
+          const l = Math.round(+e || 0);
+          Ae(lt(l));
+        } else {
+          let l = Math.round(+e || 0);
+          const t = Number(b.value) - 1, n = Math.min(Math.max(a.min, l), t);
+          ae.value && (ae.value.valueAsNumber = n), Ae(n);
+        }
+      }
+    }), fe = s({
+      get() {
+        return U.value ? Math.max(O.value, j.value - 1) : Number(te.value);
+      },
+      set(e) {
+        if (U.value) {
+          const l = Math.round(+e || 0);
+          Te(lt(l + 1));
+        } else {
+          let l = Math.round(+e || 0);
+          const t = Number(x.value) + 1, n = Math.max(t, Math.min(l, a.max));
+          ne.value && (ne.value.valueAsNumber = n), Te(n);
+        }
+      }
+    });
+    function Bt(e) {
+      B.value = Ye(a.valueStart) + e;
+    }
+    const It = hl(Bt, 60);
+    Q(() => a.minimapSelectedIndex, (e, l) => {
+      if ([null, void 0].includes(e)) {
+        B.value = null;
+        return;
+      }
+      e !== l && It(e);
+    }, { immediate: !0 });
+    function Dt(e) {
+      B.value = e;
+      const l = O.value, t = j.value;
+      e >= l && e < t && !X.value && E("trapMouse", e - l);
+    }
+    const ae = d(null), ne = d(null);
+    function at(e) {
+      if (typeof e == "object" && e && "target" in e) {
+        const t = e.target, n = "valueAsNumber" in t ? t.valueAsNumber : +t.value;
+        return Number.isFinite(n) ? n : NaN;
+      }
+      const l = +e;
+      return Number.isFinite(l) ? l : NaN;
+    }
+    let Re = 0;
+    function Ae(e) {
+      H.value = !0;
+      const l = at(e);
+      Number.isFinite(l) && (cancelAnimationFrame(Re), Re = requestAnimationFrame(() => {
+        ee.value = l;
+      }));
+    }
+    let Ee = 0;
+    function Te(e) {
+      H.value = !0;
+      const l = at(e);
+      Number.isFinite(l) && (cancelAnimationFrame(Ee), Ee = requestAnimationFrame(() => {
+        te.value = l;
+      }));
+    }
+    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 Xt = s(() => (Oe.value - 48) / (a.max - a.min) * ie.value), Ht = s(() => Math.max(1, Oe.value - He - Xt.value)), Ot = s(() => Math.max(1, a.max - a.min - ie.value)), Zt = s(() => Ot.value / Ht.value), nt = d(0), it = d(0), Ut = d(0), Kt = d(0);
+    let I = null, D = null, z = null, W = null;
+    const ut = d(a.min);
+    function Ve(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), T = (Math.max(t, Math.min(e, n)) - t) / r, h = Math.max(1, a.max - a.min);
+      return Math.round(a.min + T * h);
+    }
+    const ot = 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 = Ve(r);
+        const c = Math.min(0.95, Math.max(0.05, a.focusRangeRatio)), T = a.max - a.min, h = Math.max(1, Math.round(T * c)), C = Math.floor(h / 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 });
+      }
+      it.value = x.value, Ut.value = b.value, Kt.value = Zt.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);
+    };
+    function Yt(e) {
+      G.value && rt(e.clientX);
+    }
+    function jt(e) {
+      if (!G.value || !N.value) return;
+      const l = e.target;
+      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);
+    }
+    function rt(e) {
+      if (!G.value) return;
+      const l = Ve(nt.value), n = Ve(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);
+    }
+    function qt() {
+      st();
+    }
+    function Gt() {
+      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();
+    }
+    const X = d(!1), ue = d(null), oe = d(null), ge = d(1), re = d(1), J = d(!1);
+    function Be() {
+      if (ue.value) {
+        const e = Math.round(ue.value.getBoundingClientRect().width);
+        e !== ge.value && (ge.value = e);
+      }
+    }
+    function Ie() {
+      if (oe.value) {
+        const e = Math.round(oe.value.getBoundingClientRect().width);
+        e !== re.value && (re.value = e);
+      }
+    }
+    dt(() => {
+      Be(), Ie();
+    });
+    const ct = d(0);
+    function vt(e) {
+      ct.value = e === "start" ? 1 : 0;
+    }
+    const se = d(!1), ce = d({
+      width: 0,
+      left: 0
+    });
+    Q([x, b], async () => {
+      if (await xe(), !ue.value || !oe.value) {
+        se.value = !1, ce.value = { width: 0, left: 0 };
+        return;
+      }
+      const e = ue.value.getBoundingClientRect(), l = oe.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;
+      ce.value = {
+        width: r,
+        left: c - r / 2
+      };
+    }), dt(() => {
+      Be(), Ie();
+    }), Q(() => a.labelLeft, () => {
+      xe(Be);
+    }, { deep: !0 }), Q(() => a.labelRight, () => {
+      xe(Ie);
+    }, { deep: !0 });
+    const w = s(() => {
+      let e = "", l = "", t = !1;
+      if (vl(a.customFormat))
+        try {
+          const n = a.customFormat({
+            absoluteIndex: x.value,
+            seriesIndex: x.value,
+            datapoint: a.selectedSeries,
+            timeLabel: a.preciseLabels[x.value]
+          }), r = 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);
+        } 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 : "";
+      }
+      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(Ze);
+    });
+    const Jt = s(() => {
+      if (!Ue.value.length) return null;
+      if (B.value >= O.value && B.value < j.value) {
+        const e = B.value;
+        return {
+          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),
+          stroke: a.minimapIndicatorColor,
+          "stroke-linecap": "round",
+          "stroke-dasharray": 2,
+          "stroke-width": 1
+        };
+      } else
+        return null;
+    });
+    return Nt({
+      setStartValue: Ae,
+      setEndValue: Te
+    }), (e, l) => (u(), i("div", {
+      "data-dom-to-png-ignore": "",
+      style: { padding: "0 24px" },
+      class: "vue-data-ui-zoom",
+      ref_key: "zoomWrapper",
+      ref: N,
+      onMousedown: ot,
+      onTouchstart: ot
+    }, [
+      L("div", yl, [
+        o.valueStart !== o.refreshStartPoint || o.valueEnd !== $t.value ? (u(), i("div", xl, [
+          o.useResetSlot ? ft(e.$slots, "reset-action", {
+            key: 1,
+            reset: Ke
+          }, void 0, !0) : (u(), i("button", {
+            key: 0,
+            tabindex: "0",
+            role: "button",
+            class: "vue-data-ui-refresh-button",
+            style: R({
+              top: k.value ? "36px" : "-16px",
+              pointerEvents: "all !important"
+            }),
+            onClick: Ke
+          }, [
+            sl(fl, {
+              name: "refresh",
+              stroke: o.textColor
+            }, null, 8, ["stroke"])
+          ], 4))
+        ])) : v("", !0)
+      ]),
+      L("div", {
+        class: "double-range-slider",
+        ref_key: "minimapWrapper",
+        ref: he,
+        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"}`,
+            xmlns: pe(ml),
+            viewBox: `0 0 ${Math.max(0, f.value.width)} ${Math.max(0, f.value.height)}`
+          }, [
+            L("defs", null, [
+              L("linearGradient", {
+                id: be.value,
+                x1: "0%",
+                y1: "0%",
+                x2: "0%",
+                y2: "100%"
+              }, [
+                L("stop", {
+                  offset: "0%",
+                  "stop-color": `${o.minimapLineColor}50`
+                }, null, 8, kl),
+                l[13] || (l[13] = L("stop", {
+                  offset: "100%",
+                  "stop-color": "transparent"
+                }, null, -1))
+              ], 8, Ml)
+            ]),
+            o.minimapCompact ? (u(), i("rect", {
+              key: 0,
+              class: "vue-ui-zoom-minimap-frame",
+              x: 0,
+              y: 0,
+              width: f.value.width,
+              height: f.value.height,
+              fill: "none",
+              stroke: o.minimapFrameColor,
+              rx: 3
+            }, null, 8, wl)) : v("", !0),
+            e.$slots.slotMap ? v("", !0) : (u(), i(y, { key: 1 }, [
+              o.minimapMerged ? (u(), i("path", {
+                key: 0,
+                d: `M${m.value.fullSet}`,
+                stroke: `${o.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", {
+                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`,
+                fill: `url(#${be.value})`,
+                stroke: "none",
+                style: { opacity: "0.6" }
+              }, null, 8, Cl)) : o.minimapMerged ? v("", !0) : (u(), i(y, { key: 2 }, [
+                (u(!0), i(y, null, S(V.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", {
+                      key: 0,
+                      x: qe(r.x, n, c),
+                      y: r.v >= 0 ? r.y : r.y0,
+                      width: Ge(n, c),
+                      height: r.v >= 0 ? r.y0 - r.y : r.y - r.y0,
+                      fill: t.color,
+                      style: { opacity: 0.6 }
+                    }, null, 8, Nl)) : v("", !0)
+                  ], 64))), 256))
+                ]))), 256)),
+                (u(!0), i(y, null, S(V.value.filter((t) => t.type === "line"), (t) => (u(), i("g", null, [
+                  t.isVisible ? (u(), i("path", {
+                    key: 0,
+                    d: `M ${t.fullSet}`,
+                    fill: "none",
+                    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", {
+                    key: `sel-dot-under-${t.key}-${n.i}`,
+                    cx: n.x,
+                    cy: n.y,
+                    r: "2",
+                    fill: t.color,
+                    stroke: g.value,
+                    "stroke-width": "0.5",
+                    style: { opacity: "0.6" }
+                  }, null, 8, $l))), 128)) : v("", !0)
+                ]))), 256)),
+                (u(!0), i(y, null, S(V.value.filter((t) => t.type === "plot"), (t) => (u(), i("g", null, [
+                  (u(!0), i(y, null, S(t.points, (n) => (u(), i("g", null, [
+                    t.isVisible && n.value !== null ? (u(), i("circle", {
+                      key: `sel-plot-under-${t.key}-${n.i}`,
+                      cx: n.x,
+                      cy: n.y,
+                      r: "2",
+                      fill: t.color,
+                      stroke: g.value,
+                      "stroke-width": "0.5",
+                      style: { opacity: "0.6" }
+                    }, null, 8, Ll)) : v("", !0)
+                  ]))), 256))
+                ]))), 256))
+              ], 64))
+            ], 64)),
+            L("rect", {
+              x: P.value.x,
+              y: 0,
+              width: Math.max(0, P.value.width),
+              height: Math.max(f.value.height, 0),
+              fill: g.value,
+              rx: o.minimapSelectionRadius,
+              stroke: "none"
+            }, null, 8, Fl),
+            L("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,
+              fill: g.value,
+              style: R({ opacity: G.value || H.value ? 0 : 1 })
+            }, null, 12, Rl),
+            L("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 })
+            }, null, 12, Al),
+            !o.minimapMerged && Tt.value < 0 ? (u(), i("line", {
+              key: 2,
+              class: "slicer-minimap-zero-line",
+              x1: 0,
+              x2: f.value.width,
+              y1: Fe.value,
+              y2: Fe.value,
+              stroke: o.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", Tl, [
+                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`,
+                    fill: `url(#${be.value})`,
+                    stroke: "none",
+                    style: { opacity: "1" }
+                  }, null, 8, Vl)) : v("", !0),
+                  m.value.selectionSet ? (u(), i("path", {
+                    key: 1,
+                    d: `M ${m.value.selectionSet}`,
+                    stroke: `${o.minimapLineColor}`,
+                    fill: "transparent",
+                    "stroke-width": "2",
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round"
+                  }, null, 8, Bl)) : v("", !0)
+                ], 64)) : v("", !0),
+                m.value && m.value.firstPlot ? (u(), i("circle", {
+                  key: 1,
+                  cx: m.value.firstPlot.x,
+                  cy: m.value.firstPlot.y,
+                  "stroke-width": "0.5",
+                  stroke: g.value,
+                  r: "3",
+                  fill: o.minimapLineColor
+                }, null, 8, Il)) : v("", !0),
+                m.value && m.value.lastPlot ? (u(), i("circle", {
+                  key: 2,
+                  cx: m.value.lastPlot.x,
+                  cy: m.value.lastPlot.y,
+                  "stroke-width": "0.5",
+                  stroke: g.value,
+                  r: "3",
+                  fill: o.minimapLineColor
+                }, null, 8, Dl)) : v("", !0)
+              ])) : (u(), i("g", zl, [
+                (u(!0), i(y, null, S(V.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", {
+                      key: 0,
+                      x: qe(r.x, n, c),
+                      y: r.v >= 0 ? r.y : r.y0,
+                      width: Ge(n, c),
+                      height: r.v >= 0 ? r.y0 - r.y : r.y - r.y0,
+                      fill: t.color,
+                      style: R({ opacity: c >= ee.value && c < te.value ? 1 : 0 })
+                    }, null, 12, Wl)) : v("", !0)
+                  ], 64))), 256))
+                ]))), 256)),
+                (u(!0), i(y, null, S(V.value.filter((t) => t.type === "line"), (t) => (u(), i("g", {
+                  key: String(t.key)
+                }, [
+                  t && t.hasSelection && t.selectionSet && t.isVisible ? (u(), i("path", {
+                    key: 0,
+                    d: `M ${t.selectionSet}`,
+                    stroke: t.color,
+                    fill: "transparent",
+                    "stroke-width": "2",
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round"
+                  }, null, 8, Xl)) : v("", !0)
+                ]))), 128)),
+                (u(!0), i(y, null, S(V.value.filter((t) => t.type === "plot"), (t) => (u(), i("g", {
+                  key: String(t.key)
+                }, [
+                  (u(!0), i(y, null, S(t.points, (n) => (u(), i("g", null, [
+                    t.isVisible && n.value !== null ? (u(), i("circle", {
+                      key: 0,
+                      cx: n.x,
+                      cy: n.y,
+                      r: "2",
+                      fill: t.color,
+                      stroke: g.value,
+                      "stroke-width": "0.5",
+                      style: { opacity: "0.6" }
+                    }, null, 8, Hl)) : v("", !0)
+                  ]))), 256))
+                ]))), 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),
+              zeroY: Fe.value,
+              unitW: Math.max(0, M.value)
+            })), void 0, !0) : v("", !0),
+            k.value && o.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,
+              fill: g.value,
+              stroke: o.textColor,
+              rx: 3
+            }, null, 8, Ol)) : v("", !0),
+            k.value && o.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,
+              fill: g.value,
+              stroke: o.textColor,
+              rx: 3
+            }, null, 8, Zl)) : v("", !0),
+            B.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, [
+                m.value && m.value.firstPlot && m.value.firstPlot.value !== null ? (u(), i("circle", {
+                  key: 0,
+                  cx: m.value.firstPlot.x,
+                  cy: m.value.firstPlot.y,
+                  "stroke-width": "0.5",
+                  stroke: g.value,
+                  r: "4",
+                  fill: o.minimapLineColor
+                }, null, 8, Kl)) : v("", !0),
+                m.value && m.value.firstPlot && m.value.firstPlot.value !== null ? (u(), i("circle", {
+                  key: 1,
+                  cx: m.value.firstPlot.x,
+                  cy: m.value.firstPlot.y,
+                  r: 2,
+                  fill: g.value
+                }, null, 8, Yl)) : v("", !0),
+                m.value && m.value.lastPlot && m.value.lastPlot.value !== null ? (u(), i("circle", {
+                  key: 2,
+                  cx: m.value.lastPlot.x,
+                  cy: m.value.lastPlot.y,
+                  "stroke-width": "0.5",
+                  stroke: g.value,
+                  r: "4",
+                  fill: o.minimapLineColor
+                }, null, 8, jl)) : v("", !0),
+                m.value && m.value.lastPlot && m.value.lastPlot.value !== null ? (u(), i("circle", {
+                  key: 3,
+                  cx: m.value.lastPlot.x,
+                  cy: m.value.lastPlot.y,
+                  r: "2",
+                  fill: g.value
+                }, null, 8, ql)) : v("", !0)
+              ])) : (u(), i("g", Gl, [
+                (u(!0), i(y, null, S(V.value.filter((t) => t.type === "line"), (t) => (u(), i("g", {
+                  key: String(t.key)
+                }, [
+                  t && t.hasSelection && t.selectionSet && t.isVisible ? (u(), i("path", {
+                    key: 0,
+                    d: `M ${t.selectionSet}`,
+                    stroke: t.color,
+                    fill: "transparent",
+                    "stroke-width": "2",
+                    "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", {
+                    key: `sel-dot-${t.key}-${n.i}`,
+                    cx: n.x,
+                    cy: n.y,
+                    r: "2.5",
+                    fill: t.color,
+                    stroke: g.value,
+                    "stroke-width": "0.5"
+                  }, null, 8, Ql))), 128)) : v("", !0),
+                  t && t.firstPlot && t.isVisible && t.firstPlot.value !== null ? (u(), i("circle", {
+                    key: 2,
+                    cx: t.firstPlot.x,
+                    cy: t.firstPlot.y,
+                    "stroke-width": "0.5",
+                    stroke: g.value,
+                    r: "4",
+                    fill: t.color
+                  }, null, 8, _l)) : v("", !0),
+                  t && t.firstPlot && t.isVisible && t.firstPlot.value !== null ? (u(), i("circle", {
+                    key: 3,
+                    cx: t.firstPlot.x,
+                    cy: t.firstPlot.y,
+                    r: "2",
+                    fill: g.value
+                  }, null, 8, ea)) : v("", !0),
+                  t && t.lastPlot && t.isVisible && t.lastPlot.value !== null ? (u(), i("circle", {
+                    key: 4,
+                    cx: t.lastPlot.x,
+                    cy: t.lastPlot.y,
+                    "stroke-width": "0.5",
+                    stroke: g.value,
+                    r: "4",
+                    fill: t.color
+                  }, null, 8, ta)) : v("", !0),
+                  t && t.lastPlot && t.isVisible && t.lastPlot.value !== null ? (u(), i("circle", {
+                    key: 5,
+                    cx: t.lastPlot.x,
+                    cy: t.lastPlot.y,
+                    r: "2",
+                    fill: g.value
+                  }, null, 8, la)) : v("", !0)
+                ]))), 128)),
+                (u(!0), i(y, null, S(V.value.filter((t) => t.type === "plot"), (t) => (u(), i("g", {
+                  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", {
+                      key: `sel-plot-${t.key}-${n.i}`,
+                      cx: n.x,
+                      cy: n.y,
+                      r: "2.5",
+                      fill: t.color,
+                      stroke: g.value,
+                      "stroke-width": "0.5"
+                    }, null, 8, aa)) : v("", !0)
+                  ]))), 256))
+                ]))), 128))
+              ]))
+            ], 64)),
+            (u(!0), i(y, null, S(Ue.value, (t, n) => (u(), i("rect", {
+              x: M.value * n - (o.minimapCompact ? M.value / 2 : 0),
+              y: 0,
+              height: Math.max(f.value.height, 0),
+              width: M.value < 0 ? 0 : M.value,
+              fill: "transparent",
+              style: R([{ "pointer-events": "all !important" }, { cursor: t >= O.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) => {
+                B.value = null, E("trapMouse", null);
+              })
+            }, null, 44, na))), 256))
+          ], 8, bl))
+        ])) : v("", !0),
+        L("div", {
+          class: "slider-track",
+          style: R({ visibility: k.value && o.minimapCompact ? "hidden" : "visible" })
+        }, null, 4),
+        L("div", {
+          class: _({ "range-highlight": !0, move: o.enableSelectionDrag }),
+          onMousedown: l[3] || (l[3] = (t) => X.value = !0),
+          onMouseup: l[4] || (l[4] = (t) => X.value = !1),
+          style: R({
+            ...F.value,
+            cursor: X.value ? "grabbing" : "grab",
+            visibility: k.value && o.minimapCompact ? "hidden" : "visible"
+          })
+        }, null, 38),
+        o.enableRangeHandles ? gt((u(), i("input", {
+          key: 1,
+          ref_key: "rangeStart",
+          ref: ae,
+          type: "range",
+          class: _({
+            "range-left": !0,
+            "range-handle": !0,
+            "range-minimap": k.value && o.verticalHandles,
+            "range-invisible": k.value && o.minimapCompact
+          }),
+          min: o.min,
+          max: o.minimapCompact && k.value ? Math.max(0, Y.value - 1) : o.max,
+          "onUpdate:modelValue": l[5] || (l[5] = (t) => de.value = t),
+          onInput: l[6] || (l[6] = (t) => de.value = t.target.valueAsNumber),
+          onChange: A,
+          onKeyup: pt(A, ["enter"]),
+          onBlur: A,
+          onMouseenter: l[7] || (l[7] = (t) => vt("start")),
+          onPointerup: A
+        }, null, 42, ia)), [
+          [
+            bt,
+            de.value,
+            void 0,
+            { number: !0 }
+          ]
+        ]) : v("", !0),
+        o.enableRangeHandles ? gt((u(), i("input", {
+          key: 2,
+          ref_key: "rangeEnd",
+          ref: ne,
+          type: "range",
+          class: _({
+            "range-right": !0,
+            "range-handle": !0,
+            "range-minimap": k.value && o.verticalHandles,
+            "range-invisible": k.value && o.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),
+          onChange: A,
+          onKeyup: pt(A, ["enter"]),
+          onBlur: A,
+          onMouseenter: l[10] || (l[10] = (t) => vt("end")),
+          onPointerup: A
+        }, null, 42, ua)), [
+          [
+            bt,
+            fe.value,
+            void 0,
+            { number: !0 }
+          ]
+        ]) : v("", !0),
+        w.value.left ? (u(), i("div", {
+          key: 3,
+          ref_key: "tooltipLeft",
+          ref: ue,
+          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
+          }),
+          style: R({
+            left: F.value.tooltipLeft,
+            color: pe(We)(o.selectColor),
+            backgroundColor: o.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%"
+          })
+        }, ze(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",
+          class: _({
+            "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
+          }),
+          style: R({
+            left: F.value.tooltipCenter,
+            width: ce.value.width + "px",
+            color: pe(We)(o.selectColor),
+            backgroundColor: o.selectColor,
+            border: `1px solid ${g.value}`,
+            zIndex: "4",
+            top: k.value && o.minimapCompact ? "calc(-100% - 12px)" : "-100%"
+          })
+        }, ze(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,
+          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
+          }),
+          style: R({
+            left: F.value.tooltipRight,
+            color: pe(We)(o.selectColor),
+            backgroundColor: o.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%"
+          })
+        }, ze(w.value.right), 7)) : v("", !0)
+      ], 544)
+    ], 544));
+  }
+}, ha = /* @__PURE__ */ gl(oa, [["__scopeId", "data-v-f0e48c2b"]]);
+export {
+  ha as S
+};