vue-data-ui 3.16.5 → 3.17.0

package/dist/SlicerPreview-BIvxyb5W.js

@@ -0,0 +1,1484 @@
+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 ge, 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-DBptbyyI.js";
+import { t as Ye, u as Ol, d as Zl } from "./useResponsive-DfdjqQps.js";
+import jl from "./BaseIcon-Cb3zzG6s.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"], ga = ["cx", "cy", "stroke", "fill"], ya = { 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) => ({
+      v40c66868: Jt.value,
+      v77925440: y.value,
+      v4e369c9e: _t.value,
+      v57c79570: n.selectColor,
+      v4d53c7fe: Qt.value,
+      v562ea530: a.additionalMinimapHeight
+    }));
+    const a = n, $ = h(null), g = 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), ye = Ye((t) => B("futureStart", t), 0), xe = Ye((t) => B("futureEnd", t), 0), j = s({
+      get: () => g.value,
+      set(t) {
+        const l = Math.min(t, x.value - 1);
+        l !== g.value && (g.value = l, ue.value && (ue.value.value = String(l)), a.immediate ? B("update:start", Number(l)) : R.value && ye(l));
+      }
+    }), U = s({
+      get: () => x.value,
+      set(t) {
+        const l = Math.max(t, g.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(g.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 (g.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 * ((g.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`), y = 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(g.value) < Number(t) && (g.value = Number(t)), Number(x.value) < Number(t) && (x.value = Number(t));
+      }
+    ), le(
+      () => a.max,
+      (t) => {
+        Number(g.value) > Number(t) && (g.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(g.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 || "line",
+        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(g.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), gl = 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 gt = 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, ye(E), xe(Ce), Ut($.value, "mouseup"), await fe(), Ut($.value, "mousedown", { clientX: o });
+      }
+      ht.value = g.value, fl.value = x.value, gl.value = hl.value, X = l ? "touchmove" : "mousemove", H = l ? "touchend" : "mouseup", z = l ? xl : yl, K = l ? pl : Ml, window.addEventListener(X, z, { passive: !1 }), window.addEventListener(H, K);
+    };
+    function yl(t) {
+      te.value && yt(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 && yt(e.clientX);
+    }
+    function yt(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, ye(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([g, 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: g.value,
+            seriesIndex: g.value,
+            datapoint: a.selectedSeries,
+            timeLabel: a.preciseLabels[g.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 === g.value) : a.timeLabels.find((c) => c.absoluteIndex === g.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(g.value) < Number(x.value) - 1), kt = s(() => Number(g.value) > Number(a.min)), wt = s(() => Number(x.value) < Number(a.max)), St = s(() => Number(x.value) > Number(g.value) + 1);
+    function Ct(t) {
+      const l = Number(g.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(g.value)
+    })), Cl = s(() => ({
+      tabindex: 0,
+      role: "slider",
+      "aria-label": "Range end",
+      "aria-valuemin": Math.min(Number(a.max), Number(g.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, ye(e);
+        return;
+      }
+      if (Z.value === "end") {
+        const e = Math.max(Number(g.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)) 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: gt,
+      onTouchstart: gt
+    }, [
+      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: ge(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: y.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: y.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: y.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: y.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(g.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: y.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: y.value,
+                    r: "3",
+                    fill: n.minimapLineColor
+                  }, null, 8, ga)) : v("", !0)
+                ])) : (u(), r("g", ya, [
+                  (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: y.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: y.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: y.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: y.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: y.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: y.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: y.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: y.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: y.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: y.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: y.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: ge(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 || y.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: y.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 || y.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: y.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: y.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: y.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: ge(qe)(n.selectColor),
+            backgroundColor: n.selectColor,
+            border: `1px solid ${y.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: ge(qe)(n.selectColor),
+            backgroundColor: n.selectColor,
+            border: `1px solid ${y.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: ge(qe)(n.selectColor),
+            backgroundColor: n.selectColor,
+            border: `1px solid ${y.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-98936e70"]]);
+export {
+  rn as S
+};