vue-data-ui 3.17.13 → 3.18.0

package/dist/SlicerPreview-D_CgrN_7.js

@@ -1,1580 +0,0 @@
-import { useCssVars as Dl, ref as h, computed as s, watch as le, onMounted as Xl, onBeforeUnmount as je, onUpdated as It, nextTick as fe, openBlock as u, createElementBlock as r, normalizeStyle as F, createElementVNode as N, renderSlot as Wt, createVNode as Hl, createCommentVNode as v, Fragment as p, unref as ye, renderList as S, normalizeProps as Vt, mergeProps as Ne, withModifiers as Le, normalizeClass as ae, withDirectives as Dt, withKeys as Xt, vModelText as Ht, toDisplayString as Ue } from "vue";
-import { j as zl, T as Kl, X as zt, W as qe, L as Kt, c as Ot, M as Zt, b as jt, av as Ut } from "./lib-DMzrGQHK.js";
-import { t as Ye, u as Ol, d as Zl } from "./useResponsive-DfdjqQps.js";
-import jl from "./BaseIcon-DX0hTWa-.js";
-import { _ as Ul } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const ql = ["data-minimap"], Yl = {
-  class: "vue-data-ui-slicer-labels",
-  style: { position: "relative", "z-index": "1", "pointer-events": "none" }
-}, Gl = {
-  key: 0,
-  style: { width: "100%", position: "relative", "pointer-events": "all" }
-}, Jl = {
-  class: "minimap",
-  style: { width: "100%" }
-}, Ql = ["xmlns", "viewBox"], _l = ["id"], ea = ["stop-color"], ta = ["width", "height", "stroke"], la = ["d", "stroke"], aa = ["d", "fill"], na = ["x", "y", "width", "height", "fill"], ia = ["d", "stroke", "stroke-dasharray"], ua = ["cx", "cy", "fill", "stroke"], ra = ["cx", "cy", "fill", "stroke"], oa = ["x", "width", "height", "fill", "rx"], sa = ["x", "width", "height", "rx", "fill"], ca = ["x", "width", "height", "fill", "rx", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext"], va = ["x2", "y1", "y2", "stroke"], ma = { key: "merged-tree" }, da = ["d", "fill"], ha = ["d", "stroke"], fa = ["cx", "cy", "stroke", "fill"], ya = ["cx", "cy", "stroke", "fill"], ga = { key: "split-tree" }, xa = ["x", "y", "width", "height", "fill"], Ma = ["d", "stroke", "stroke-dasharray"], pa = ["cx", "cy", "fill", "stroke"], ba = { key: "merged-tree" }, ka = ["cx", "cy", "stroke", "fill"], wa = ["cx", "cy", "fill"], Sa = ["cx", "cy", "stroke", "fill"], Ca = ["cx", "cy", "fill"], Na = { key: 1 }, La = ["d", "stroke", "stroke-dasharray"], Pa = ["cx", "cy", "fill", "stroke"], $a = ["cx", "cy", "stroke", "fill"], Aa = ["cx", "cy", "fill"], Fa = ["cx", "cy", "stroke", "fill"], Ea = ["cx", "cy", "fill"], Ra = ["cx", "cy", "fill", "stroke"], Ta = ["x", "height", "width", "onMouseenter"], Ba = {
-  key: 0,
-  class: "minimap-handle-overlay"
-}, Ia = ["xmlns", "viewBox"], Wa = ["x", "width", "height", "fill", "stroke", "stroke-width"], Va = ["transform"], Da = ["width", "height"], Xa = ["fill", "stroke"], Ha = ["stroke"], za = ["fill"], Ka = ["x", "width", "height", "fill", "stroke", "stroke-width"], Oa = ["transform"], Za = ["width", "height"], ja = ["fill", "stroke"], Ua = ["stroke"], qa = ["fill"], Ya = {
-  class: "compact-overlay-boundary-dots",
-  style: { "pointer-events": "none" }
-}, Ga = ["cx", "cy", "fill", "stroke"], Ja = ["cx", "cy", "fill"], Qa = ["min", "max", "tabindex"], _a = ["min", "max", "tabindex"], Ge = 48, en = {
-  __name: "SlicerPreview",
-  props: {
-    uuid: {
-      type: String,
-      default: ""
-    },
-    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
-    },
-    // Used to center zero line in VueUiStackBar (non distributed mode)
-    forceZeroCenter: {
-      type: Boolean,
-      default: !1
-    },
-    maxWidth: {
-      type: Number,
-      default: null
-    },
-    isCursorPointer: {
-      type: Boolean,
-      default: !1
-    },
-    additionalMinimapHeight: {
-      type: Number,
-      default: 0
-    },
-    handleType: {
-      type: String,
-      default: ""
-    },
-    handleWidth: {
-      type: Number,
-      default: 20
-    },
-    handleBorderWidth: {
-      type: Number,
-      default: 1
-    },
-    handleIconColor: {
-      type: String,
-      default: null
-    },
-    handleBorderColor: {
-      type: String,
-      default: null
-    },
-    handleFill: {
-      type: String,
-      default: null
-    }
-  },
-  emits: [
-    "futureStart",
-    "futureEnd",
-    "update:start",
-    "update:end",
-    "reset",
-    "trapMouse"
-  ],
-  setup(n, { expose: qt, emit: Yt }) {
-    Dl((t) => ({
-      v77e3f3e3: Jt.value,
-      v0fd97c57: g.value,
-      cc45a6f0: _t.value,
-      v1fe284f2: n.selectColor,
-      c1e9e6d6: Qt.value,
-      v244a9587: a.additionalMinimapHeight
-    }));
-    const a = n, $ = h(null), y = h(a.min), x = h(a.max), M = s(() => !!a.allMinimaps.length), Pe = h(zl()), R = h(!1), Q = s(() => M.value && a.minimapCompact), Z = h(null), ne = h(!1), $e = h(0), Ae = h(0), Je = s(() => Math.min(40, Math.max(20, a.handleWidth))), Qe = h(0), ge = Ye((t) => B("futureStart", t), 0), xe = Ye((t) => B("futureEnd", t), 0), j = s({
-      get: () => y.value,
-      set(t) {
-        const l = Math.min(t, x.value - 1);
-        l !== y.value && (y.value = l, ue.value && (ue.value.value = String(l)), a.immediate ? B("update:start", Number(l)) : R.value && ge(l));
-      }
-    }), U = s({
-      get: () => x.value,
-      set(t) {
-        const l = Math.max(t, y.value + 1);
-        l !== x.value && (x.value = l, re.value && (re.value.value = String(l)), a.immediate ? B("update:end", Number(l)) : R.value && xe(l));
-      }
-    });
-    let _e = null;
-    function A() {
-      clearTimeout(_e), a.immediate || (B("update:start", Number(y.value)), B("update:end", Number(x.value))), R.value = !1;
-    }
-    const Gt = s(() => a.refreshEndPoint === null ? a.max : a.refreshEndPoint), B = Yt, Me = s(() => {
-      if (Q.value) {
-        const l = Math.max(1, q.value - 1);
-        return pe.value / l * 100;
-      }
-      const t = Math.max(1, a.max - a.min);
-      return (y.value - a.min) / t * 100;
-    }), Fe = s(() => {
-      if (Q.value) {
-        const l = Math.max(1, q.value - 1);
-        return be.value / l * 100;
-      }
-      const t = Math.max(1, a.max - a.min);
-      return (x.value - a.min) / t * 100;
-    }), Ee = s(
-      () => (Me.value + Fe.value) / 2
-    ), Re = s(() => {
-      if (!$.value) return !1;
-      const t = Math.max(1, a.max - a.min);
-      return $.value.getBoundingClientRect().width * ((y.value - a.min) / t) - ke.value / 2 < 0;
-    }), Te = s(() => {
-      if (!$.value) return !1;
-      const t = Math.max(1, a.max - a.min), l = $.value.getBoundingClientRect().width;
-      return l * ((x.value - a.min) / t) + ve.value / 2 > l;
-    }), T = s(() => {
-      const t = Te.value ? `calc(${Ee.value}% - ${de.value.width}px)` : Re.value ? `calc(${Ee.value}% - 8px)` : `calc(${Ee.value}% - ${de.value.width / 2}px)`;
-      return {
-        left: `${Me.value}%`,
-        width: `${Math.max(0, Fe.value - Me.value)}%`,
-        background: a.selectColor,
-        tooltipLeft: `calc(${Me.value}% - ${Re.value ? 9 : ke.value / 2}px)`,
-        tooltipRight: `calc(${Fe.value}% - ${Te.value ? ve.value - 9 : ve.value / 2}px)`,
-        tooltipCenter: t,
-        arrowLeft: !Re.value,
-        arrowRight: !Te.value
-      };
-    }), Jt = s(() => a.inputColor), Qt = s(() => a.background), _t = s(() => `${a.selectColor}33`), g = s(() => a.borderColor), et = s(() => {
-      let t = [];
-      for (let l = 0; l < a.max; l += 1)
-        t.push(l);
-      return t;
-    });
-    function tt() {
-      B("reset");
-    }
-    le(
-      () => a.min,
-      (t) => {
-        Number(y.value) < Number(t) && (y.value = Number(t)), Number(x.value) < Number(t) && (x.value = Number(t));
-      }
-    ), le(
-      () => a.max,
-      (t) => {
-        Number(y.value) > Number(t) && (y.value = Number(t)), Number(x.value) > Number(t) && (x.value = Number(t));
-      }
-    );
-    const V = h(null), d = h({
-      width: 1,
-      height: 1
-    }), _ = h(null);
-    Xl(() => {
-      if (M.value) {
-        const t = Ye(() => {
-          if (!V.value) return;
-          const { width: l, height: e } = Ol({
-            chart: V.value
-          }), i = Math.max(0, Math.round(l)), o = Math.max(0, Math.round(e - 47));
-          (i !== d.value.width || o !== d.value.height) && (d.value.width = i, d.value.height = o + a.additionalMinimapHeight);
-        }, 0);
-        _.value = new ResizeObserver(t), _.value.observe(V.value);
-      }
-    }), je(() => {
-      _.value && _.value.disconnect();
-    });
-    const q = s(() => Math.max(1, a.max - a.min));
-    function lt(t) {
-      const l = Math.floor(t - a.min);
-      return Math.min(Math.max(0, l), q.value);
-    }
-    function el(t) {
-      const l = Math.ceil(t - a.min);
-      return Math.min(Math.max(0, l), q.value);
-    }
-    const I = s(() => lt(y.value)), Y = s(() => el(x.value)), Be = s(() => Math.max(...a.allMinimaps.map((t) => t.series.length))), tl = s(() => M.value && a.minimapCompact ? 40 : 0), ll = s(() => tl.value / 2);
-    s(() => Math.max(1, d.value.width - ll.value * 2));
-    const k = s(() => {
-      const t = Math.max(1, Be.value - (a.minimapCompact ? 1 : 0));
-      return d.value.width / t;
-    }), at = s(() => a.allMinimaps.length ? a.allMinimaps.filter((t) => t.type === "bar" && t.isVisible).length : 0), Ie = s(() => k.value / (at.value || 1) * 0.8);
-    function nt(t, l, e) {
-      const i = Ie.value, o = Math.max(1, at.value), c = Be.value - 1;
-      return e === 0 ? t + i / 2 * l : e === c ? t - i / 2 * (o - l) : t - o * i / 2 + l * i;
-    }
-    function it(t, l) {
-      return [0, Be.value - 1].includes(l) ? Ie.value / 2 : Ie.value;
-    }
-    const al = s(() => {
-      const t = [];
-      if (Array.isArray(a.minimap) && a.minimap.length && a.minimapMerged && t.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) && t.push(...l.series.filter(Number.isFinite));
-      return t.length ? { min: Math.min(...t), max: Math.max(...t) } : { min: 0, max: 1 };
-    }), ut = s(() => {
-      if (a.minScale == null && a.forceZeroCenter) return null;
-      const t = Number(a.minScale);
-      return Number.isFinite(t) ? t : null;
-    }), rt = s(() => {
-      if (a.maxScale == null && a.forceZeroCenter) return null;
-      const t = Number(a.maxScale);
-      return Number.isFinite(t) ? t : null;
-    }), We = s(() => ut.value !== null && rt.value !== null), ot = s(() => {
-      const { min: t, max: l } = al.value, e = ut.value, i = rt.value;
-      let o, c;
-      return e !== null && i !== null ? (o = Math.min(e, t), c = Math.max(i, l)) : (o = e !== null ? e : t, c = i !== null ? i : 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 };
-    }), ee = s(() => ot.value.min), ie = s(() => ot.value.max), nl = s(() => ee.value < 0 && ie.value > 0 || ie.value <= 0 ? ee.value : 0), il = (t) => {
-      const l = Math.max(1, d.value.height);
-      return st(
-        ee.value,
-        ie.value,
-        l,
-        We.value
-      )(t);
-    }, Ve = s(() => il(0));
-    function st(t, l, e, i = !1) {
-      const o = (f, P, E) => Math.max(P, Math.min(E, f)), L = Math.max(1e-9, l - t);
-      if (i)
-        return (f) => {
-          const P = (f - t) / L;
-          return e - P * e;
-        };
-      if (l <= 0) {
-        const f = Math.max(1e-9, 0 - t);
-        return (P) => e - (P - t) / f * e;
-      } else if (t >= 0) {
-        const f = Math.max(1e-9, l - 0);
-        return (P) => e - (P - 0) / f * e;
-      } else {
-        const f = Math.max(1e-9, Math.max(Math.abs(t), Math.abs(l)));
-        return (P) => (1 - (o(P / f, -1, 1) + 1) / 2) * e;
-      }
-    }
-    function ct(t, l = !1) {
-      if (!t || !t.length)
-        return {
-          fullSet: "",
-          points: [],
-          selectionSet: "",
-          sliced: [],
-          firstPlot: null,
-          lastPlot: null,
-          hasFull: !1,
-          hasSelection: !1,
-          fullMarkers: [],
-          selectionMarkers: [],
-          dashed: !1
-        };
-      const e = Math.max(1, d.value.height), i = st(
-        ee.value,
-        ie.value,
-        e,
-        We.value
-      ), o = t.length, c = Math.min(Math.max(0, I.value), Math.max(0, o - 1)), L = Math.min(o, Math.max(c + 1, Y.value)), f = t.map((w, Tt) => {
-        const he = w, Bt = Number.isFinite(he), El = k.value * Tt + (a.minimapCompact ? 0 : k.value / 2), Rl = (Il, Wl, Vl) => Math.max(Wl, Math.min(Vl, Il)), Tl = We.value ? Rl(0, ee.value, ie.value) : 0, Bl = i(Tl);
-        return {
-          x: El,
-          y: Bt ? i(he) : NaN,
-          v: he,
-          value: he == null ? null : Bt ? he : null,
-          y0: Bl,
-          i: Tt
-        };
-      }), P = (w) => w >= 0 && w < f.length && Number.isFinite(f[w]?.value), E = f.filter(
-        (w) => Number.isFinite(w.value) && !P(w.i - 1) && !P(w.i + 1)
-      ), Ce = E.filter((w) => w.i >= c && w.i < L), J = f.slice(c, L), Al = f.length >= 2 ? a.smoothMinimap || l ? a.cutNullValues ? Kt(f) : Ot(f.filter((w) => w.value != null)) : a.cutNullValues ? Zt(f) : jt(f.filter((w) => w.value != null)) : "", Fl = J.length >= 2 ? a.smoothMinimap || l ? a.cutNullValues ? Kt(J) : Ot(J.filter((w) => w.value != null)) : a.cutNullValues ? Zt(J) : jt(J.filter((w) => w.value != null)) : "";
-      return {
-        fullSet: Al,
-        points: f,
-        selectionSet: Fl,
-        sliced: J,
-        firstPlot: f[c] || null,
-        lastPlot: f[Math.max(0, L - 1)] || null,
-        hasFull: f.length >= 2,
-        hasSelection: J.length >= 2,
-        fullMarkers: E,
-        selectionMarkers: Ce
-      };
-    }
-    const m = s(() => a.minimap.length ? ct(a.minimap) : []), W = s(() => a.allMinimaps.length ? a.allMinimaps.map((t, l) => {
-      const e = ct(t?.series || [], !!t.smooth), i = t?.id ?? t?.name ?? l;
-      return {
-        key: typeof i == "object" ? JSON.stringify(i) : String(i),
-        color: t?.color,
-        ...e,
-        temperatureColors: t?.temperatureColors ?? null,
-        isVisible: t.isVisible,
-        type: t.type || void 0,
-        dashed: t.dashed ?? !1
-      };
-    }) : []), C = s(() => {
-      const t = I.value, l = Math.max(t + 1, Y.value);
-      return {
-        x: k.value * t + (a.minimapCompact ? 0 : k.value / 2),
-        width: k.value * (l - t) - k.value
-      };
-    }), D = h(a.minimapSelectedIndex), vt = (t) => Math.round(a.min + t), pe = s({
-      get() {
-        return Q.value ? I.value : Number(j.value);
-      },
-      set(t) {
-        if (Q.value) {
-          const l = Math.round(+t || 0);
-          Xe(vt(l));
-        } else {
-          let l = Math.round(+t || 0);
-          const e = Number(x.value) - 1, i = Math.min(Math.max(a.min, l), e);
-          ue.value && (ue.value.valueAsNumber = i), Xe(i);
-        }
-      }
-    }), be = s({
-      get() {
-        return Q.value ? Math.max(I.value, Y.value - 1) : Number(U.value);
-      },
-      set(t) {
-        if (Q.value) {
-          const l = Math.round(+t || 0);
-          ze(vt(l + 1));
-        } else {
-          let l = Math.round(+t || 0);
-          const e = Number(y.value) + 1, i = Math.max(e, Math.min(l, a.max));
-          re.value && (re.value.valueAsNumber = i), ze(i);
-        }
-      }
-    });
-    function ul(t) {
-      D.value = lt(a.valueStart) + t;
-    }
-    const rl = Zl(ul, 60);
-    le(
-      () => a.minimapSelectedIndex,
-      (t, l) => {
-        if ([null, void 0].includes(t)) {
-          D.value = null;
-          return;
-        }
-        t !== l && rl(t);
-      },
-      { immediate: !0 }
-    );
-    function ol(t) {
-      D.value = t;
-      const l = I.value, e = Y.value;
-      t >= l && t < e && !O.value && B("trapMouse", t - l);
-    }
-    const ue = h(null), re = h(null);
-    function mt(t) {
-      if (typeof t == "object" && t && "target" in t) {
-        const e = t.target, i = "valueAsNumber" in e ? e.valueAsNumber : +e.value;
-        return Number.isFinite(i) ? i : NaN;
-      }
-      const l = +t;
-      return Number.isFinite(l) ? l : NaN;
-    }
-    let De = 0;
-    function Xe(t) {
-      R.value = !0;
-      const l = mt(t);
-      Number.isFinite(l) && (cancelAnimationFrame(De), De = requestAnimationFrame(() => {
-        j.value = l;
-      }));
-    }
-    let He = 0;
-    function ze(t) {
-      R.value = !0;
-      const l = mt(t);
-      Number.isFinite(l) && (cancelAnimationFrame(He), He = requestAnimationFrame(() => {
-        U.value = l;
-      }));
-    }
-    je(() => {
-      cancelAnimationFrame(De), cancelAnimationFrame(He);
-    });
-    const oe = s(() => a.valueEnd - a.valueStart), sl = s(() => oe.value < a.max - a.min), te = h(!1);
-    let cl = h(null);
-    const vl = s(() => (Qe.value - 48) / (a.max - a.min) * oe.value), ml = s(() => Math.max(
-      1,
-      Qe.value - Ge - vl.value
-    )), dl = s(() => Math.max(1, a.max - a.min - oe.value)), hl = s(() => dl.value / ml.value), dt = h(0), ht = h(0), fl = h(0), yl = h(0);
-    let X = null, H = null, z = null, K = null;
-    const ft = h(a.min);
-    function Ke(t) {
-      if (!$.value) return a.min;
-      const l = $.value.getBoundingClientRect(), e = l.left + Ge / 2, i = l.right - Ge / 2, o = Math.max(1, i - e), L = (Math.max(e, Math.min(t, i)) - e) / o, f = Math.max(1, a.max - a.min);
-      return Math.round(a.min + L * f);
-    }
-    const yt = async (t) => {
-      if (R.value = !0, G.value = !0, !a.enableSelectionDrag) return;
-      const l = t.type === "touchstart";
-      l || t.stopPropagation();
-      const e = l && t.targetTouches && t.targetTouches[0] ? t.targetTouches[0] : null, i = l ? e ? e.target : null : t.target;
-      if (!i || !(i instanceof Element) || i.classList?.contains("range-handle") || i.classList?.contains("vue-ui-zoom-compact-minimap-handle") || i.closest(".vue-ui-zoom-compact-minimap-handle") || i.closest(".minimap-handle-overlay"))
-        return;
-      te.value = !0;
-      const o = l ? e ? e.clientX : 0 : t.clientX;
-      if (cl.value = o, dt.value = o, a.focusOnDrag && !sl.value && $.value) {
-        ft.value = Ke(o);
-        const c = Math.min(0.95, Math.max(0.05, a.focusRangeRatio)), L = a.max - a.min, f = Math.max(1, Math.round(L * c)), P = Math.floor(f / 2);
-        let E = ft.value - P;
-        E = Math.max(
-          a.min,
-          Math.min(E, a.max - f)
-        );
-        const Ce = Math.min(a.max, E + f);
-        j.value = E, U.value = Ce, ge(E), xe(Ce), Ut($.value, "mouseup"), await fe(), Ut($.value, "mousedown", { clientX: o });
-      }
-      ht.value = y.value, fl.value = x.value, yl.value = hl.value, X = l ? "touchmove" : "mousemove", H = l ? "touchend" : "mouseup", z = l ? xl : gl, K = l ? pl : Ml, window.addEventListener(X, z, {
-        passive: !1
-      }), window.addEventListener(H, K);
-    };
-    function gl(t) {
-      te.value && gt(t.clientX);
-    }
-    function xl(t) {
-      if (!te.value || !$.value) return;
-      const l = t.target;
-      if (!(l instanceof Element) || !$.value.contains(l) || l.classList && l.classList.contains("range-handle")) return;
-      t.preventDefault();
-      const e = t.targetTouches && t.targetTouches[0] ? t.targetTouches[0] : null;
-      e && gt(e.clientX);
-    }
-    function gt(t) {
-      if (!te.value) return;
-      const l = Ke(dt.value), i = Ke(t) - l;
-      let o = Math.round(ht.value + i);
-      o = Math.max(
-        a.min,
-        Math.min(o, a.max - oe.value)
-      );
-      const c = o + oe.value;
-      j.value = o, U.value = c, ge(o), xe(c);
-    }
-    function Ml() {
-      xt();
-    }
-    function pl() {
-      xt();
-    }
-    function xt() {
-      te.value = !1, X && z && window.removeEventListener(X, z), H && K && window.removeEventListener(H, K), X = H = null, z = K = null, A();
-    }
-    const O = h(!1), se = h(null), ce = h(null), ke = h(1), ve = h(1), G = h(!1);
-    function Oe() {
-      if (se.value) {
-        const t = Math.round(se.value.getBoundingClientRect().width);
-        t !== ke.value && (ke.value = t);
-      }
-    }
-    function Ze() {
-      if (ce.value) {
-        const t = Math.round(ce.value.getBoundingClientRect().width);
-        t !== ve.value && (ve.value = t);
-      }
-    }
-    It(() => {
-      Oe(), Ze();
-    });
-    const Mt = h(0);
-    function pt(t) {
-      Mt.value = t === "start" ? 1 : 0;
-    }
-    const me = h(!1), de = h({
-      width: 0,
-      left: 0
-    });
-    le([y, x], async () => {
-      if (await fe(), !se.value || !ce.value) {
-        me.value = !1, de.value = { width: 0, left: 0 };
-        return;
-      }
-      const t = se.value.getBoundingClientRect(), l = ce.value.getBoundingClientRect();
-      me.value = t.x + t.width > l.x;
-      const e = t.x + t.width / 2, i = l.x + l.width / 2, o = t.width + l.width, c = (e + i) / 2;
-      de.value = {
-        width: o,
-        left: c - o / 2
-      };
-    }), It(() => {
-      Oe(), Ze();
-    }), le(
-      () => a.labelLeft,
-      () => {
-        fe(Oe);
-      },
-      { deep: !0 }
-    ), le(
-      () => a.labelRight,
-      () => {
-        fe(Ze);
-      },
-      { deep: !0 }
-    );
-    const b = s(() => {
-      let t = "", l = "", e = !1;
-      if (Kl(a.customFormat))
-        try {
-          const i = a.customFormat({
-            absoluteIndex: y.value,
-            seriesIndex: y.value,
-            datapoint: a.selectedSeries,
-            timeLabel: a.preciseLabels[y.value],
-            side: "left"
-          }), o = a.customFormat({
-            absoluteIndex: x.value - 1,
-            seriesIndex: -1,
-            datapoint: a.selectedSeries,
-            timeLabel: a.preciseLabels[x.value - 1],
-            side: "right"
-          });
-          typeof i == "string" && typeof o == "string" && (t = i, l = o, e = !0);
-        } catch {
-          e = !1;
-        }
-      if (!e) {
-        const i = a.usePreciseLabels ? a.preciseLabels.find(
-          (c) => c.absoluteIndex === y.value
-        ) : a.timeLabels.find(
-          (c) => c.absoluteIndex === y.value
-        ), o = a.usePreciseLabels ? a.preciseLabels.find(
-          (c) => c.absoluteIndex === x.value - 1
-        ) : a.timeLabels.find(
-          (c) => c.absoluteIndex === x.value - 1
-        );
-        t = i ? i.text : "", l = o ? o.text : "";
-      }
-      return { left: t, right: l };
-    });
-    je(() => {
-      _.value && _.value.disconnect(), X && z && window.removeEventListener(X, z), H && K && window.removeEventListener(H, K), X = H = null, z = K = null, clearTimeout(_e);
-    });
-    const bl = s(() => {
-      if (!et.value.length) return null;
-      if (D.value >= I.value && D.value < Y.value) {
-        const t = D.value, l = k.value * t + (a.minimapCompact ? 0 : k.value / 2);
-        return {
-          x1: l,
-          x2: l,
-          y1: 0,
-          y2: Math.max(d.value.height, 0),
-          stroke: a.minimapIndicatorColor,
-          "stroke-linecap": "round",
-          "stroke-dasharray": 2,
-          "stroke-width": 1
-        };
-      }
-      return null;
-    }), bt = s(
-      () => Number(y.value) < Number(x.value) - 1
-    ), kt = s(
-      () => Number(y.value) > Number(a.min)
-    ), wt = s(() => Number(x.value) < Number(a.max)), St = s(
-      () => Number(x.value) > Number(y.value) + 1
-    );
-    function Ct(t) {
-      const l = Number(y.value) + t;
-      t > 0 && !bt.value || t < 0 && !kt.value || (R.value = !0, j.value = l, A());
-    }
-    function Nt(t) {
-      const l = Number(x.value) + t;
-      t > 0 && !wt.value || t < 0 && !St.value || (R.value = !0, U.value = l, A());
-    }
-    const we = {
-      plus: () => Ct(1),
-      minus: () => Ct(-1),
-      canPlus: bt,
-      canMinus: kt
-    }, Se = {
-      plus: () => Nt(1),
-      minus: () => Nt(-1),
-      canPlus: wt,
-      canMinus: St
-    };
-    function kl(t) {
-      if (!t || Lt(t.target)) return;
-      const l = t.key, e = l === "ArrowLeft" || l === "ArrowDown" || l === "-" || l === "Subtract", i = l === "ArrowRight" || l === "ArrowUp" || l === "+" || l === "Add";
-      !e && !i || (t.preventDefault(), t.stopPropagation(), i ? (we.plus(), Se.plus()) : (we.minus(), Se.minus()));
-    }
-    function Lt(t) {
-      return t instanceof HTMLElement && (t.isContentEditable || t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.tagName === "SELECT");
-    }
-    function wl(t) {
-      if (!M.value || !a.minimapCompact) return;
-      const l = $.value;
-      if (!l) return;
-      const e = t === "start" ? '[data-cy="slicer-compact-handle-left"]' : '[data-cy="slicer-compact-handle-right"]', i = l.querySelector(e);
-      i && i instanceof SVGElement && typeof i.focus == "function" && i.focus();
-    }
-    function Pt(t, l) {
-      if (!l || Lt(l.target)) return;
-      const e = l.key, i = e === "ArrowLeft" || e === "ArrowDown" || e === "-" || e === "Subtract", o = e === "ArrowRight" || e === "ArrowUp" || e === "+" || e === "Add";
-      !i && !o || (l.preventDefault(), l.stopPropagation(), t === "start" ? o ? we.plus() : we.minus() : o ? Se.plus() : Se.minus(), fe(() => wl(t)));
-    }
-    const Sl = s(() => ({
-      tabindex: 0,
-      role: "slider",
-      "aria-label": "Range start",
-      "aria-valuemin": Number(a.min),
-      "aria-valuemax": Math.max(Number(a.min), Number(x.value) - 1),
-      "aria-valuenow": Number(y.value)
-    })), Cl = s(() => ({
-      tabindex: 0,
-      role: "slider",
-      "aria-label": "Range end",
-      "aria-valuemin": Math.min(Number(a.max), Number(y.value) + 1),
-      "aria-valuemax": Number(a.max),
-      "aria-valuenow": Number(x.value)
-    }));
-    function $t(t) {
-      if (!V.value) return 0;
-      const l = V.value.getBoundingClientRect();
-      if (!l.width) return 0;
-      const e = t - l.left, i = d.value.width / l.width;
-      return e * i;
-    }
-    function Nl(t) {
-      const l = a.minimapCompact ? 0 : k.value / 2, e = (t - l) / Math.max(1, k.value);
-      return Math.max(
-        0,
-        Math.min(Math.max(0, q.value - 1), Math.round(e))
-      );
-    }
-    function Ll(t) {
-      const l = Nl(t);
-      if (Z.value === "start") {
-        const e = Math.min(
-          a.min + l,
-          Number(x.value) - 1
-        );
-        j.value = e, ge(e);
-        return;
-      }
-      if (Z.value === "end") {
-        const e = Math.max(
-          Number(y.value) + 1,
-          a.min + l + 1
-        ), i = Math.min(a.max, e);
-        U.value = i, xe(i);
-      }
-    }
-    function At(t) {
-      if (!Z.value || !V.value) return;
-      const l = t.clientX - $e.value;
-      if (!ne.value) {
-        if (Math.abs(l) < 4) return;
-        ne.value = !0, R.value = !0, G.value = !0;
-      }
-      const i = $t(t.clientX) - Ae.value, o = Z.value === "start" ? i + Je.value : i;
-      Ll(o);
-    }
-    function Ft() {
-      if (!Z.value) return;
-      window.removeEventListener("mousemove", At, !0), window.removeEventListener("mouseup", Ft, !0);
-      const t = ne.value;
-      Z.value = null, ne.value = !1, $e.value = 0, Ae.value = 0, t && A();
-    }
-    function Et(t, l) {
-      if (!M.value || !a.minimapCompact || !V.value)
-        return;
-      l.preventDefault(), l.stopPropagation();
-      const e = $t(l.clientX), i = t === "start" ? C.value.x - Je.value : C.value.x + C.value.width;
-      Z.value = t, ne.value = !1, $e.value = l.clientX, Ae.value = e - i, window.addEventListener("mousemove", At, !0), window.addEventListener("mouseup", Ft, !0);
-    }
-    const Pl = s(() => I.value), $l = s(
-      () => Math.max(I.value, Y.value - 1)
-    ), Rt = s(() => {
-      if (!M.value || !a.minimapCompact || !a.allMinimaps.length)
-        return [];
-      const t = Pl.value, l = $l.value;
-      return W.value.flatMap((e) => {
-        if (!e?.isVisible) return [];
-        if (!["line", "plot"].includes(e.type) || !e.type) return [];
-        const i = [], o = e.points?.find(
-          (L) => L.i === t && L.value !== null
-        ), c = e.points?.find(
-          (L) => L.i === l && L.value !== null
-        );
-        return o && i.push({
-          key: `${e.key}-left-${o.i}`,
-          x: o.x,
-          y: o.y,
-          color: e.color
-        }), c && l !== t && i.push({
-          key: `${e.key}-right-${c.i}`,
-          x: c.x,
-          y: c.y,
-          color: e.color
-        }), i;
-      });
-    });
-    return qt({
-      setStartValue: Xe,
-      setEndValue: ze
-    }), (t, l) => (u(), r("div", {
-      "data-minimap": M.value,
-      "data-dom-to-png-ignore": "",
-      style: F([{ padding: "0 48px" }, {
-        maxWidth: n.maxWidth ? n.maxWidth + "px" : void 0,
-        margin: n.maxWidth ? "0 auto" : void 0
-      }]),
-      class: "vue-data-ui-zoom",
-      ref_key: "zoomWrapper",
-      ref: $,
-      onMousedown: yt,
-      onTouchstart: yt
-    }, [
-      N("div", Yl, [
-        n.valueStart !== n.refreshStartPoint || n.valueEnd !== Gt.value ? (u(), r("div", Gl, [
-          Wt(t.$slots, "reset-action", { reset: tt }, () => [
-            N("button", {
-              tabindex: "0",
-              role: "button",
-              class: "vue-data-ui-refresh-button",
-              style: F({
-                top: M.value ? "36px" : "-16px",
-                cursor: n.isCursorPointer ? "pointer" : "default"
-              }),
-              onClick: tt
-            }, [
-              Hl(jl, {
-                name: "refresh",
-                stroke: n.textColor
-              }, null, 8, ["stroke"])
-            ], 4)
-          ], !0)
-        ])) : v("", !0)
-      ]),
-      N("div", {
-        class: "double-range-slider",
-        ref_key: "minimapWrapper",
-        ref: V,
-        style: F([
-          { "z-index": "0" },
-          M.value ? {
-            "--minimap-unit-px": k.value + "px",
-            "--minimap-offset-px": (n.minimapCompact ? 0 : k.value / 2) + "px"
-          } : void 0
-        ]),
-        onMouseenter: l[19] || (l[19] = (e) => G.value = !0),
-        onMouseleave: l[20] || (l[20] = (e) => G.value = !1)
-      }, [
-        M.value ? (u(), r(p, { key: 0 }, [
-          N("div", Jl, [
-            (u(), r("svg", {
-              key: `mm-${n.minimapMerged ? "merged" : "split"}-${n.minimapCompact ? "compact" : "normal"}`,
-              xmlns: ye(zt),
-              viewBox: `0 0 ${Math.max(0, d.value.width)} ${Math.max(0, d.value.height)}`
-            }, [
-              N("defs", null, [
-                N("linearGradient", {
-                  id: Pe.value,
-                  x1: "0%",
-                  y1: "0%",
-                  x2: "0%",
-                  y2: "100%"
-                }, [
-                  N("stop", {
-                    offset: "0%",
-                    "stop-color": `${n.minimapLineColor}50`
-                  }, null, 8, ea),
-                  l[21] || (l[21] = N("stop", {
-                    offset: "100%",
-                    "stop-color": "transparent"
-                  }, null, -1))
-                ], 8, _l)
-              ]),
-              n.minimapCompact ? (u(), r("rect", {
-                key: 0,
-                class: "vue-ui-zoom-minimap-frame",
-                x: 0,
-                y: 0,
-                width: d.value.width,
-                height: d.value.height,
-                fill: "none",
-                stroke: n.minimapFrameColor,
-                rx: 3
-              }, null, 8, ta)) : v("", !0),
-              t.$slots.slotMap ? v("", !0) : (u(), r(p, { key: 1 }, [
-                n.minimapMerged ? (u(), r("path", {
-                  key: 0,
-                  d: `M${m.value.fullSet}`,
-                  stroke: `${n.minimapLineColor}`,
-                  fill: "none",
-                  "stroke-width": "1",
-                  "stroke-linecap": "round",
-                  "stroke-linejoin": "round",
-                  style: { opacity: "0.6" }
-                }, null, 8, la)) : v("", !0),
-                n.minimapMerged && !n.minimapCompact ? (u(), r("path", {
-                  key: 1,
-                  d: `M${k.value / 2},${Math.max(d.value.height, 0)} ${m.value.fullSet} L${d.value.width - k.value / 2},${Math.max(d.value.height, 0)}Z`,
-                  fill: `url(#${Pe.value})`,
-                  stroke: "none",
-                  style: { opacity: "0.6" }
-                }, null, 8, aa)) : n.minimapMerged ? v("", !0) : (u(), r(p, { key: 2 }, [
-                  (u(!0), r(p, null, S(W.value.filter(
-                    (e) => e.type === "bar" && e.isVisible
-                  ), (e, i) => (u(), r("g", null, [
-                    (u(!0), r(p, null, S(e.points, (o, c) => (u(), r(p, null, [
-                      e && !isNaN(o.y) ? (u(), r("rect", {
-                        key: 0,
-                        x: nt(o.x, i, c),
-                        y: o.v >= 0 ? o.y : o.y0,
-                        width: it(i, c),
-                        height: o.v >= 0 ? o.y0 - o.y : o.y - o.y0,
-                        fill: e.color,
-                        style: { opacity: 0.6 }
-                      }, null, 8, na)) : v("", !0)
-                    ], 64))), 256))
-                  ]))), 256)),
-                  (u(!0), r(p, null, S(W.value.filter(
-                    (e) => e.type === "line"
-                  ), (e) => (u(), r("g", null, [
-                    e.isVisible ? (u(), r("path", {
-                      key: 0,
-                      d: `M ${e.fullSet}`,
-                      fill: "none",
-                      stroke: e.color,
-                      style: { opacity: "0.6" },
-                      "stroke-dasharray": e.dashed ? "2 4" : 0
-                    }, null, 8, ia)) : v("", !0),
-                    e.isVisible && n.cutNullValues ? (u(!0), r(p, { key: 1 }, S(e.fullMarkers, (i) => (u(), r("circle", {
-                      key: `sel-dot-under-${e.key}-${i.i}`,
-                      cx: i.x,
-                      cy: i.y,
-                      r: "2",
-                      fill: e.color,
-                      stroke: g.value,
-                      "stroke-width": "0.5",
-                      style: { opacity: "0.6" }
-                    }, null, 8, ua))), 128)) : v("", !0)
-                  ]))), 256)),
-                  (u(!0), r(p, null, S(W.value.filter(
-                    (e) => e.type === "plot"
-                  ), (e) => (u(), r("g", null, [
-                    (u(!0), r(p, null, S(e.points, (i) => (u(), r("g", null, [
-                      e.isVisible && i.value !== null ? (u(), r("circle", {
-                        key: `sel-plot-under-${e.key}-${i.i}`,
-                        cx: i.x,
-                        cy: i.y,
-                        r: "2",
-                        fill: e.color,
-                        stroke: g.value,
-                        "stroke-width": "0.5",
-                        style: { opacity: "0.6" }
-                      }, null, 8, ra)) : v("", !0)
-                    ]))), 256))
-                  ]))), 256))
-                ], 64))
-              ], 64)),
-              N("rect", {
-                x: C.value.x,
-                y: 0,
-                width: Math.max(0, C.value.width),
-                height: Math.max(d.value.height, 0),
-                fill: g.value,
-                rx: n.minimapSelectionRadius,
-                stroke: "none"
-              }, null, 8, oa),
-              N("rect", {
-                x: C.value.x,
-                y: 0,
-                width: C.value.width < 0 ? 0 : C.value.width,
-                height: Math.max(d.value.height, 0),
-                rx: n.minimapSelectionRadius,
-                fill: g.value,
-                style: F({
-                  opacity: te.value || R.value ? 0 : 1
-                })
-              }, null, 12, sa),
-              N("rect", {
-                x: C.value.x,
-                y: 0,
-                width: C.value.width < 0 ? 0 : C.value.width,
-                height: Math.max(d.value.height, 0),
-                fill: n.minimapSelectedColor,
-                rx: n.minimapSelectionRadius,
-                style: F({ opacity: n.minimapSelectedColorOpacity }),
-                tabindex: "0",
-                role: "slider",
-                "aria-label": "Selected range",
-                "aria-valuemin": Number(a.min),
-                "aria-valuemax": Number(a.max),
-                "aria-valuenow": Number(y.value),
-                "aria-valuetext": b.value.left && b.value.right ? `${b.value.left} – ${b.value.right}` : void 0,
-                onKeydown: kl
-              }, null, 44, ca),
-              !n.minimapMerged && nl.value < 0 ? (u(), r("line", {
-                key: 2,
-                class: "slicer-minimap-zero-line",
-                x1: 0,
-                x2: d.value.width,
-                y1: Ve.value,
-                y2: Ve.value,
-                stroke: n.minimapFrameColor,
-                "stroke-width": "0.5"
-              }, null, 8, va)) : v("", !0),
-              t.$slots.slotMap ? v("", !0) : (u(), r(p, { key: 3 }, [
-                n.minimapMerged ? (u(), r("g", ma, [
-                  m.value && m.value.sliced && m.value.sliced.length ? (u(), r(p, { key: 0 }, [
-                    m.value.selectionSet ? (u(), r("path", {
-                      key: 0,
-                      d: `M${m.value.sliced[0].x},${Math.max(d.value.height, 0)} ${m.value.selectionSet} L${m.value.sliced[m.value.sliced.length - 1].x},${Math.max(d.value.height, 0)}Z`,
-                      fill: `url(#${Pe.value})`,
-                      stroke: "none",
-                      style: { opacity: "1" }
-                    }, null, 8, da)) : v("", !0),
-                    m.value.selectionSet ? (u(), r("path", {
-                      key: 1,
-                      d: `M ${m.value.selectionSet}`,
-                      stroke: `${n.minimapLineColor}`,
-                      fill: "transparent",
-                      "stroke-width": "2",
-                      "stroke-linecap": "round",
-                      "stroke-linejoin": "round"
-                    }, null, 8, ha)) : v("", !0)
-                  ], 64)) : v("", !0),
-                  m.value && m.value.firstPlot ? (u(), r("circle", {
-                    key: 1,
-                    cx: m.value.firstPlot.x,
-                    cy: m.value.firstPlot.y,
-                    "stroke-width": "0.5",
-                    stroke: g.value,
-                    r: "3",
-                    fill: n.minimapLineColor
-                  }, null, 8, fa)) : v("", !0),
-                  m.value && m.value.lastPlot ? (u(), r("circle", {
-                    key: 2,
-                    cx: m.value.lastPlot.x,
-                    cy: m.value.lastPlot.y,
-                    "stroke-width": "0.5",
-                    stroke: g.value,
-                    r: "3",
-                    fill: n.minimapLineColor
-                  }, null, 8, ya)) : v("", !0)
-                ])) : (u(), r("g", ga, [
-                  (u(!0), r(p, null, S(W.value.filter(
-                    (e) => e.type === "bar" && e.isVisible
-                  ), (e, i) => (u(), r("g", null, [
-                    (u(!0), r(p, null, S(e.points, (o, c) => (u(), r(p, null, [
-                      e && !isNaN(o.y) ? (u(), r("rect", {
-                        key: 0,
-                        x: nt(o.x, i, c),
-                        y: o.v >= 0 ? o.y : o.y0,
-                        width: it(i, c),
-                        height: o.v >= 0 ? o.y0 - o.y : o.y - o.y0,
-                        fill: e.color,
-                        style: F({
-                          opacity: c >= j.value && c < U.value ? 1 : 0
-                        })
-                      }, null, 12, xa)) : v("", !0)
-                    ], 64))), 256))
-                  ]))), 256)),
-                  (u(!0), r(p, null, S(W.value.filter(
-                    (e) => e.type === "line"
-                  ), (e, i) => (u(), r("g", {
-                    key: String(e.key)
-                  }, [
-                    e && e.hasSelection && e.selectionSet && e.isVisible ? (u(), r("path", {
-                      key: 0,
-                      d: `M ${e.selectionSet}`,
-                      stroke: e.temperatureColors ? `url(#temperature_grad_line_${i}_${n.uuid})` : e.color,
-                      fill: "transparent",
-                      "stroke-width": "2",
-                      "stroke-linecap": "round",
-                      "stroke-linejoin": "round",
-                      "stroke-dasharray": e.dashed ? "2 4" : 0
-                    }, null, 8, Ma)) : v("", !0)
-                  ]))), 128)),
-                  (u(!0), r(p, null, S(W.value.filter(
-                    (e) => e.type === "plot"
-                  ), (e) => (u(), r("g", {
-                    key: String(e.key)
-                  }, [
-                    (u(!0), r(p, null, S(e.points, (i) => (u(), r("g", null, [
-                      e.isVisible && i.value !== null ? (u(), r("circle", {
-                        key: 0,
-                        cx: i.x,
-                        cy: i.y,
-                        r: "2",
-                        fill: e.color,
-                        stroke: g.value,
-                        "stroke-width": "0.5",
-                        style: { opacity: "0.6" }
-                      }, null, 8, pa)) : v("", !0)
-                    ]))), 256))
-                  ]))), 128))
-                ]))
-              ], 64)),
-              t.$slots.slotMap ? Wt(t.$slots, "slotMap", Vt(Ne({ key: 4 }, {
-                width: Math.max(0, d.value.width),
-                height: Math.max(0, d.value.height),
-                zeroY: Ve.value,
-                unitW: Math.max(0, k.value)
-              })), void 0, !0) : v("", !0),
-              D.value !== null && !O.value ? (u(), r("line", Vt(Ne({ key: 5 }, bl.value)), null, 16)) : v("", !0),
-              t.$slots.slotMap ? v("", !0) : (u(), r(p, { key: 6 }, [
-                n.minimapMerged ? (u(), r("g", ba, [
-                  m.value && m.value.firstPlot && m.value.firstPlot.value !== null ? (u(), r("circle", {
-                    key: 0,
-                    cx: m.value.firstPlot.x,
-                    cy: m.value.firstPlot.y,
-                    "stroke-width": "0.5",
-                    stroke: g.value,
-                    r: "4",
-                    fill: n.minimapLineColor
-                  }, null, 8, ka)) : v("", !0),
-                  m.value && m.value.firstPlot && m.value.firstPlot.value !== null ? (u(), r("circle", {
-                    key: 1,
-                    cx: m.value.firstPlot.x,
-                    cy: m.value.firstPlot.y,
-                    r: 2,
-                    fill: g.value
-                  }, null, 8, wa)) : v("", !0),
-                  m.value && m.value.lastPlot && m.value.lastPlot.value !== null ? (u(), r("circle", {
-                    key: 2,
-                    cx: m.value.lastPlot.x,
-                    cy: m.value.lastPlot.y,
-                    "stroke-width": "0.5",
-                    stroke: g.value,
-                    r: "4",
-                    fill: n.minimapLineColor
-                  }, null, 8, Sa)) : v("", !0),
-                  m.value && m.value.lastPlot && m.value.lastPlot.value !== null ? (u(), r("circle", {
-                    key: 3,
-                    cx: m.value.lastPlot.x,
-                    cy: m.value.lastPlot.y,
-                    r: "2",
-                    fill: g.value
-                  }, null, 8, Ca)) : v("", !0)
-                ])) : (u(), r("g", Na, [
-                  (u(!0), r(p, null, S(W.value.filter(
-                    (e) => e.type === "line"
-                  ), (e, i) => (u(), r("g", {
-                    key: String(e.key)
-                  }, [
-                    e && e.hasSelection && e.selectionSet && e.isVisible ? (u(), r("path", {
-                      key: 0,
-                      d: `M ${e.selectionSet}`,
-                      stroke: e.temperatureColors ? `url(#temperature_grad_line_${i}_${n.uuid})` : e.color,
-                      fill: "transparent",
-                      "stroke-width": "2",
-                      "stroke-linecap": "round",
-                      "stroke-linejoin": "round",
-                      "stroke-dasharray": e.dashed ? "2 4" : 0
-                    }, null, 8, La)) : v("", !0),
-                    e.isVisible && n.cutNullValues ? (u(!0), r(p, { key: 1 }, S(e.selectionMarkers, (o) => (u(), r("circle", {
-                      key: `sel-dot-${e.key}-${o.i}`,
-                      cx: o.x,
-                      cy: o.y,
-                      r: "2.5",
-                      fill: e.color,
-                      stroke: g.value,
-                      "stroke-width": "0.5"
-                    }, null, 8, Pa))), 128)) : v("", !0),
-                    e && e.firstPlot && e.isVisible && e.firstPlot.value !== null ? (u(), r("circle", {
-                      key: 2,
-                      cx: e.firstPlot.x,
-                      cy: e.firstPlot.y,
-                      "stroke-width": "0.5",
-                      stroke: g.value,
-                      r: "4",
-                      fill: e.color
-                    }, null, 8, $a)) : v("", !0),
-                    e && e.firstPlot && e.isVisible && e.firstPlot.value !== null ? (u(), r("circle", {
-                      key: 3,
-                      cx: e.firstPlot.x,
-                      cy: e.firstPlot.y,
-                      r: "2",
-                      fill: g.value
-                    }, null, 8, Aa)) : v("", !0),
-                    e && e.lastPlot && e.isVisible && e.lastPlot.value !== null ? (u(), r("circle", {
-                      key: 4,
-                      cx: e.lastPlot.x,
-                      cy: e.lastPlot.y,
-                      "stroke-width": "0.5",
-                      stroke: g.value,
-                      r: "4",
-                      fill: e.color
-                    }, null, 8, Fa)) : v("", !0),
-                    e && e.lastPlot && e.isVisible && e.lastPlot.value !== null ? (u(), r("circle", {
-                      key: 5,
-                      cx: e.lastPlot.x,
-                      cy: e.lastPlot.y,
-                      r: "2",
-                      fill: g.value
-                    }, null, 8, Ea)) : v("", !0)
-                  ]))), 128)),
-                  (u(!0), r(p, null, S(W.value.filter(
-                    (e) => e.type === "plot"
-                  ), (e) => (u(), r("g", {
-                    key: String(e.key)
-                  }, [
-                    (u(!0), r(p, null, S(e.points, (i) => (u(), r("g", null, [
-                      e.isVisible && n.cutNullValues && i.value !== null ? (u(), r("circle", {
-                        key: `sel-plot-${e.key}-${i.i}`,
-                        cx: i.x,
-                        cy: i.y,
-                        r: "2.5",
-                        fill: e.color,
-                        stroke: g.value,
-                        "stroke-width": "0.5"
-                      }, null, 8, Ra)) : v("", !0)
-                    ]))), 256))
-                  ]))), 128))
-                ]))
-              ], 64)),
-              (u(!0), r(p, null, S(et.value, (e, i) => (u(), r("rect", {
-                x: k.value * i - (n.minimapCompact ? k.value / 2 : 0),
-                y: 0,
-                height: Math.max(d.value.height, 0),
-                width: k.value < 0 ? 0 : k.value,
-                fill: "transparent",
-                style: F([{ "pointer-events": "all !important" }, {
-                  cursor: e >= I.value && e < Y.value && n.enableSelectionDrag ? O.value ? "grabbing" : "grab" : "default"
-                }]),
-                onMousedown: l[0] || (l[0] = (o) => O.value = !0),
-                onMouseup: l[1] || (l[1] = (o) => O.value = !1),
-                onMouseenter: (o) => ol(e),
-                onMouseleave: l[2] || (l[2] = (o) => {
-                  D.value = null, B("trapMouse", null);
-                })
-              }, null, 44, Ta))), 256))
-            ], 8, Ql))
-          ]),
-          M.value && n.minimapCompact ? (u(), r("div", Ba, [
-            (u(), r("svg", {
-              xmlns: ye(zt),
-              viewBox: `0 0 ${Math.max(0, d.value.width)} ${Math.max(0, d.value.height)}`,
-              preserveAspectRatio: "none"
-            }, [
-              N("rect", Ne({
-                class: "vue-ui-zoom-compact-minimap-handle",
-                x: C.value.x - Math.min(40, Math.max(20, n.handleWidth)),
-                y: 0,
-                width: Math.min(40, Math.max(20, n.handleWidth)),
-                height: d.value.height,
-                fill: n.handleFill || g.value,
-                stroke: n.handleBorderColor || n.textColor,
-                "stroke-width": n.handleBorderWidth,
-                rx: 3
-              }, Sl.value, {
-                onKeydown: l[3] || (l[3] = (e) => Pt("start", e)),
-                onMousedown: l[4] || (l[4] = Le((e) => Et("start", e), ["stop", "prevent"])),
-                onClick: l[5] || (l[5] = Le(() => {
-                }, ["stop", "prevent"]))
-              }), null, 16, Wa),
-              n.handleType && n.handleType !== "empty" ? (u(), r("g", {
-                key: 0,
-                class: "compact-handle-icon",
-                transform: `translate(${C.value.x - Math.min(40, Math.max(20, n.handleWidth))}, 0)`,
-                style: { "pointer-events": "none" }
-              }, [
-                (u(), r("svg", {
-                  width: Math.min(40, Math.max(20, n.handleWidth)),
-                  height: d.value.height,
-                  viewBox: "0 0 20 20"
-                }, [
-                  n.handleType === "arrow" ? (u(), r("path", {
-                    key: 0,
-                    d: "M 7 7 L 3 10 L 7 13 L 7 7 M 13 7 L 17 10 L 13 13 L 13 7",
-                    fill: g.value,
-                    stroke: n.handleIconColor || n.textColor,
-                    "stroke-width": 0.618,
-                    "stroke-linejoin": "round",
-                    "stroke-linecap": "round"
-                  }, null, 8, Xa)) : n.handleType === "chevron" ? (u(), r("path", {
-                    key: 1,
-                    d: "M 6 7 L 4 10 L 6 13 M 14 7 L 16 10 L 14 13",
-                    fill: "none",
-                    stroke: n.handleIconColor || n.textColor,
-                    "stroke-width": 0.618,
-                    "stroke-linejoin": "round",
-                    "stroke-linecap": "round"
-                  }, null, 8, Ha)) : n.handleType === "grab" ? (u(), r("path", {
-                    key: 2,
-                    d: "M 8 5 A 1 1 0 0 0 8 7 A 1 1 0 0 0 8 5 M 8 9 A 1 1 0 0 0 8 11 A 1 1 0 0 0 8 9 M 8 13 A 1 1 0 0 0 8 15 A 1 1 0 0 0 8 13 M 12 5 A 1 1 0 0 0 12 7 A 1 1 0 0 0 12 5 M 12 9 A 1 1 0 0 0 12 11 A 1 1 0 0 0 12 9 M 12 13 A 1 1 0 0 0 12 15 A 1 1 0 0 0 12 13",
-                    fill: n.handleIconColor || n.textColor,
-                    stroke: "none",
-                    opacity: "0.6"
-                  }, null, 8, za)) : v("", !0)
-                ], 8, Da))
-              ], 8, Va)) : v("", !0),
-              N("rect", Ne({
-                class: "vue-ui-zoom-compact-minimap-handle",
-                x: C.value.x + C.value.width,
-                y: 0,
-                width: Math.min(40, Math.max(20, n.handleWidth)),
-                height: d.value.height,
-                fill: n.handleFill || g.value,
-                stroke: n.handleBorderColor || n.textColor,
-                "stroke-width": n.handleBorderWidth,
-                rx: 3
-              }, Cl.value, {
-                onKeydown: l[6] || (l[6] = (e) => Pt("end", e)),
-                onMousedown: l[7] || (l[7] = Le((e) => Et("end", e), ["stop", "prevent"])),
-                onClick: l[8] || (l[8] = Le(() => {
-                }, ["stop", "prevent"]))
-              }), null, 16, Ka),
-              n.handleType && n.handleType !== "empty" ? (u(), r("g", {
-                key: 1,
-                class: "compact-handle-icon",
-                transform: `translate(${C.value.x + C.value.width}, 0)`,
-                style: { "pointer-events": "none" }
-              }, [
-                (u(), r("svg", {
-                  width: Math.min(40, Math.max(20, n.handleWidth)),
-                  height: d.value.height,
-                  viewBox: "0 0 20 20"
-                }, [
-                  n.handleType === "arrow" ? (u(), r("path", {
-                    key: 0,
-                    d: "M 7 7 L 3 10 L 7 13 L 7 7 M 13 7 L 17 10 L 13 13 L 13 7",
-                    fill: g.value,
-                    stroke: n.handleIconColor || n.textColor,
-                    "stroke-width": 0.618,
-                    "stroke-linejoin": "round",
-                    "stroke-linecap": "round"
-                  }, null, 8, ja)) : n.handleType === "chevron" ? (u(), r("path", {
-                    key: 1,
-                    d: "M 6 7 L 4 10 L 6 13 M 14 7 L 16 10 L 14 13",
-                    fill: "none",
-                    stroke: n.handleIconColor || n.textColor,
-                    "stroke-width": 0.618,
-                    "stroke-linejoin": "round",
-                    "stroke-linecap": "round"
-                  }, null, 8, Ua)) : n.handleType === "grab" ? (u(), r("path", {
-                    key: 2,
-                    d: "M 8 5 A 1 1 0 0 0 8 7 A 1 1 0 0 0 8 5 M 8 9 A 1 1 0 0 0 8 11 A 1 1 0 0 0 8 9 M 8 13 A 1 1 0 0 0 8 15 A 1 1 0 0 0 8 13 M 12 5 A 1 1 0 0 0 12 7 A 1 1 0 0 0 12 5 M 12 9 A 1 1 0 0 0 12 11 A 1 1 0 0 0 12 9 M 12 13 A 1 1 0 0 0 12 15 A 1 1 0 0 0 12 13",
-                    fill: n.handleIconColor || n.textColor,
-                    stroke: "none",
-                    opacity: "0.6"
-                  }, null, 8, qa)) : v("", !0)
-                ], 8, Za))
-              ], 8, Oa)) : v("", !0),
-              N("g", Ya, [
-                (u(!0), r(p, null, S(Rt.value, (e) => (u(), r("circle", {
-                  key: e.key,
-                  cx: e.x,
-                  cy: e.y,
-                  r: "4",
-                  fill: e.color,
-                  stroke: g.value,
-                  "stroke-width": "0.5"
-                }, null, 8, Ga))), 128)),
-                (u(!0), r(p, null, S(Rt.value, (e) => (u(), r("circle", {
-                  key: `${e.key}-inner`,
-                  cx: e.x,
-                  cy: e.y,
-                  r: "2",
-                  fill: g.value
-                }, null, 8, Ja))), 128))
-              ])
-            ], 8, Ia))
-          ])) : v("", !0)
-        ], 64)) : v("", !0),
-        N("div", {
-          class: "slider-track",
-          style: F({
-            visibility: M.value && n.minimapCompact ? "hidden" : "visible"
-          })
-        }, null, 4),
-        N("div", {
-          class: ae({ "range-highlight": !0, move: n.enableSelectionDrag }),
-          onMousedown: l[9] || (l[9] = (e) => O.value = !0),
-          onMouseup: l[10] || (l[10] = (e) => O.value = !1),
-          style: F({
-            ...T.value,
-            cursor: O.value ? "grabbing" : "grab",
-            visibility: M.value && n.minimapCompact ? "hidden" : "visible"
-          })
-        }, null, 38),
-        n.enableRangeHandles ? Dt((u(), r("input", {
-          key: 1,
-          "aria-label": "range-handle-left",
-          ref_key: "rangeStart",
-          ref: ue,
-          type: "range",
-          class: ae({
-            "range-left": !0,
-            "range-handle": !0,
-            "range-minimap": M.value && n.verticalHandles,
-            "range-invisible": M.value && n.minimapCompact
-          }),
-          min: n.min,
-          max: n.minimapCompact && M.value ? Math.max(0, q.value - 1) : n.max,
-          tabindex: M.value ? -1 : 0,
-          "onUpdate:modelValue": l[11] || (l[11] = (e) => pe.value = e),
-          onFocus: l[12] || (l[12] = (e) => M.value && e.target.blur()),
-          onInput: l[13] || (l[13] = (e) => pe.value = e.target.valueAsNumber),
-          onChange: A,
-          onKeyup: Xt(A, ["enter"]),
-          onBlur: A,
-          onMouseenter: l[14] || (l[14] = (e) => pt("start")),
-          onPointerup: A
-        }, null, 42, Qa)), [
-          [
-            Ht,
-            pe.value,
-            void 0,
-            { number: !0 }
-          ]
-        ]) : v("", !0),
-        n.enableRangeHandles ? Dt((u(), r("input", {
-          key: 2,
-          "aria-label": "range-handle-right",
-          ref_key: "rangeEnd",
-          ref: re,
-          type: "range",
-          class: ae({
-            "range-right": !0,
-            "range-handle": !0,
-            "range-minimap": M.value && n.verticalHandles,
-            "range-invisible": M.value && n.minimapCompact
-          }),
-          min: n.min,
-          max: n.minimapCompact && M.value ? Math.max(0, q.value - 1) : n.max,
-          tabindex: M.value ? -1 : 0,
-          onFocus: l[15] || (l[15] = (e) => M.value && e.target.blur()),
-          "onUpdate:modelValue": l[16] || (l[16] = (e) => be.value = e),
-          onInput: l[17] || (l[17] = (e) => be.value = e.target.valueAsNumber),
-          onChange: A,
-          onKeyup: Xt(A, ["enter"]),
-          onBlur: A,
-          onMouseenter: l[18] || (l[18] = (e) => pt("end")),
-          onPointerup: A
-        }, null, 42, _a)), [
-          [
-            Ht,
-            be.value,
-            void 0,
-            { number: !0 }
-          ]
-        ]) : v("", !0),
-        b.value.left ? (u(), r("div", {
-          key: 3,
-          ref_key: "tooltipLeft",
-          ref: se,
-          class: ae({
-            "range-tooltip": !0,
-            "range-tooltip-visible": G.value,
-            "range-tooltip-arrow": T.value.arrowLeft && !n.verticalHandles,
-            "range-tooltip-arrow-left": !T.value.arrowLeft && !n.verticalHandles
-          }),
-          style: F({
-            left: T.value.tooltipLeft,
-            color: ye(qe)(n.selectColor),
-            backgroundColor: n.selectColor,
-            border: `1px solid ${g.value}`,
-            zIndex: `${Mt.value + 4}`,
-            visibility: me.value || b.value.left === b.value.right ? "hidden" : "visible",
-            top: M.value && n.minimapCompact ? "calc(-100% - 12px)" : "-100%"
-          })
-        }, Ue(b.value.left), 7)) : v("", !0),
-        (me.value || b.value.left === b.value.right) && (b.value.left || b.value.right) ? (u(), r("div", {
-          key: 4,
-          ref: "tooltipMerge",
-          class: ae({
-            "range-tooltip": !0,
-            "range-tooltip-visible": G.value,
-            "range-tooltip-arrow": !0,
-            "range-tooltip-arrow-left": !T.value.arrowLeft && !n.verticalHandles,
-            "range-tooltip-arrow-right": !T.value.arrowRight && !n.verticalHandles
-          }),
-          style: F({
-            left: T.value.tooltipCenter,
-            width: de.value.width + "px",
-            color: ye(qe)(n.selectColor),
-            backgroundColor: n.selectColor,
-            border: `1px solid ${g.value}`,
-            zIndex: "4",
-            top: M.value && n.minimapCompact ? "calc(-100% - 12px)" : "-100%"
-          })
-        }, Ue(b.value.left === b.value.right ? b.value.left : `${b.value.left} - ${b.value.right}`), 7)) : v("", !0),
-        b.value.right ? (u(), r("div", {
-          key: 5,
-          ref_key: "tooltipRight",
-          ref: ce,
-          class: ae({
-            "range-tooltip": !0,
-            "range-tooltip-visible": G.value,
-            "range-tooltip-arrow": T.value.arrowRight && !n.verticalHandles,
-            "range-tooltip-arrow-right": !T.value.arrowRight && !n.verticalHandles
-          }),
-          style: F({
-            left: T.value.tooltipRight,
-            color: ye(qe)(n.selectColor),
-            backgroundColor: n.selectColor,
-            border: `1px solid ${g.value}`,
-            zIndex: "4",
-            visibility: me.value || b.value.left === b.value.right ? "hidden" : "visible",
-            top: M.value && n.minimapCompact ? "calc(-100% - 12px)" : "-100%"
-          })
-        }, Ue(b.value.right), 7)) : v("", !0)
-      ], 36)
-    ], 44, ql));
-  }
-}, rn = /* @__PURE__ */ Ul(en, [["__scopeId", "data-v-625af1a8"]]);
-export {
-  rn as S
-};