vue-data-ui 3.1.8 → 3.1.9

package/dist/Slicer-CRtDozJ_.js

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