vue-data-ui 3.13.2 → 3.13.4

package/dist/{Slicer-D6ACafGp.js → Slicer-BELCOFx-.js}

@@ -1,4 +1,4 @@
-import { useCssVars as Ot, computed as s, ref as h, onMounted as lt, onBeforeUnmount as $e, watch as Z, nextTick as ve, onUpdated as Ut, createElementBlock as i, openBlock as u, createElementVNode as P, createCommentVNode as m, renderSlot as Zt, normalizeStyle as $, createVNode as Yt, withDirectives as at, unref as me, Fragment as M, renderList as R, normalizeProps as Jt, mergeProps as qt, normalizeClass as Y, vModelText as nt, toDisplayString as Le } from "vue";
+import { useCssVars as Ot, computed as s, ref as h, onMounted as lt, onBeforeUnmount as $e, watch as Z, nextTick as ve, onUpdated as Ut, createElementBlock as i, openBlock as u, normalizeStyle as R, createElementVNode as P, createCommentVNode as m, renderSlot as Zt, createVNode as Yt, withDirectives as at, unref as me, Fragment as M, renderList as $, normalizeProps as Jt, mergeProps as qt, normalizeClass as Y, vModelText as nt, toDisplayString as Le } from "vue";
 import { c as Kt, X as Qt, x as Ee, z as it, A as ut, B as ot, C as rt, D as st } from "./lib-BrVUf7jz.js";
 import { t as ct, d as jt, u as _t } from "./useResponsive-DfdjqQps.js";
 import el from "./BaseIcon-CJ7mD4nD.js";
@@ -13,7 +13,7 @@ const ll = {
   key: 0,
   class: "minimap",
   style: { width: "100%" }
-}, il = ["xmlns", "viewBox"], ul = ["id"], ol = ["stop-color"], rl = ["width", "height", "stroke"], sl = ["d", "stroke"], cl = ["x", "width", "y", "height", "fill"], vl = ["d", "stroke"], ml = ["cx", "cy", "fill", "stroke"], dl = ["x", "width", "height", "fill", "rx"], hl = ["x", "width", "height", "rx", "fill"], fl = ["x", "width", "height", "fill", "rx"], gl = ["x2", "y1", "y2", "stroke"], xl = ["d", "fill"], yl = ["d", "stroke"], Ml = { key: 6 }, bl = ["x", "width", "y", "height", "fill"], pl = ["d", "stroke"], kl = ["x", "height", "fill", "stroke"], wl = ["x", "height", "fill", "stroke"], Sl = ["cx", "cy", "stroke", "fill"], Cl = ["cx", "cy", "fill"], Pl = ["cx", "cy", "stroke", "fill"], Nl = ["cx", "cy", "fill"], Rl = { key: 10 }, $l = ["cx", "cy", "fill", "stroke"], Ll = ["cx", "cy", "stroke", "fill"], El = ["cx", "cy", "fill"], Tl = ["cx", "cy", "stroke", "fill"], Al = ["cx", "cy", "fill"], Bl = ["height", "x", "width", "onMouseenter"], Vl = ["min", "max"], Fl = ["min", "max"], Te = 48, Dl = {
+}, il = ["xmlns", "viewBox"], ul = ["id"], ol = ["stop-color"], rl = ["width", "height", "stroke"], sl = ["d", "stroke"], cl = ["x", "width", "y", "height", "fill"], vl = ["d", "stroke"], ml = ["cx", "cy", "fill", "stroke"], dl = ["x", "width", "height", "fill", "rx"], hl = ["x", "width", "height", "rx", "fill"], fl = ["x", "width", "height", "fill", "rx"], gl = ["x2", "y1", "y2", "stroke"], xl = ["d", "fill"], yl = ["d", "stroke"], Ml = { key: 6 }, bl = ["x", "width", "y", "height", "fill"], kl = ["d", "stroke"], pl = ["x", "height", "fill", "stroke"], wl = ["x", "height", "fill", "stroke"], Sl = ["cx", "cy", "stroke", "fill"], Cl = ["cx", "cy", "fill"], Pl = ["cx", "cy", "stroke", "fill"], Nl = ["cx", "cy", "fill"], Rl = { key: 10 }, $l = ["cx", "cy", "fill", "stroke"], Ll = ["cx", "cy", "stroke", "fill"], El = ["cx", "cy", "fill"], Tl = ["cx", "cy", "stroke", "fill"], Al = ["cx", "cy", "fill"], Bl = ["height", "x", "width", "onMouseenter"], Vl = ["min", "max"], Fl = ["min", "max"], Te = 48, Dl = {
   __name: "Slicer",
   props: {
     background: {
@@ -149,21 +149,25 @@ const ll = {
     focusRangeRatio: {
       type: Number,
       default: 0.1
+    },
+    maxWidth: {
+      type: Number,
+      default: null
     }
   },
   emits: ["update:start", "update:end", "reset", "trapMouse"],
-  setup(n, { expose: vt, emit: mt }) {
+  setup(a, { expose: vt, emit: mt }) {
     Ot((e) => ({
-      v03e3f6f1: gt.value,
-      c84d0136: x.value,
-      v85b3a5d4: yt.value,
-      v7c0ec095: n.selectColor,
-      v5616d8a3: xt.value
+      c294faa8: gt.value,
+      v36ab0b20: x.value,
+      v44de7ede: yt.value,
+      v16e04c50: a.selectColor,
+      v5d13e244: xt.value
     }));
-    const a = n, k = h(null), w = h(a.min), S = h(a.max), b = s(() => !!a.allMinimaps.length), Ae = h(Kt()), L = s(() => b.value && a.minimapCompact), de = h(0);
+    const n = a, p = h(null), w = h(n.min), S = h(n.max), b = s(() => !!n.allMinimaps.length), Ae = h(Kt()), L = s(() => b.value && n.minimapCompact), de = h(0);
     lt(() => {
       const e = () => {
-        k.value && (de.value = k.value.getBoundingClientRect().width);
+        p.value && (de.value = p.value.getBoundingClientRect().width);
       };
       e();
       const l = ct(e, 50);
@@ -171,34 +175,34 @@ const ll = {
         window.removeEventListener("resize", l);
       });
     });
-    const dt = s(() => a.refreshEndPoint === null ? a.max : a.refreshEndPoint), J = mt, q = s(() => {
+    const dt = s(() => n.refreshEndPoint === null ? n.max : n.refreshEndPoint), J = mt, q = s(() => {
       if (L.value) {
         const l = Math.max(1, ue.value - 1);
         return ye.value / l * 100;
       }
-      const e = Math.max(1, a.max - a.min);
-      return (w.value - a.min) / e * 100;
+      const e = Math.max(1, n.max - n.min);
+      return (w.value - n.min) / e * 100;
     }), re = s(() => {
       if (L.value) {
         const l = Math.max(1, ue.value - 1);
         return Me.value / l * 100;
       }
-      const e = Math.max(1, a.max - a.min);
-      return (S.value - a.min) / e * 100;
+      const e = Math.max(1, n.max - n.min);
+      return (S.value - n.min) / e * 100;
     }), he = s(() => (q.value + re.value) / 2), fe = s(() => {
-      if (!k.value) return !1;
-      const e = k.value.getBoundingClientRect().width;
+      if (!p.value) return !1;
+      const e = p.value.getBoundingClientRect().width;
       return q.value / 100 * e - Ne.value / 2 < 0;
     }), ge = s(() => {
-      if (!k.value) return !1;
-      const e = k.value.getBoundingClientRect().width;
+      if (!p.value) return !1;
+      const e = p.value.getBoundingClientRect().width;
       return re.value / 100 * e + ce.value / 2 > e;
     }), N = s(() => {
       const e = ge.value ? `calc(${he.value}% - ${ie.value.width}px - 2px)` : fe.value ? `calc(${he.value}% - 8px)` : `calc(${he.value}% - ${ie.value.width / 2}px - 4px)`;
       return {
         left: `${q.value}%`,
         width: `${Math.max(0, re.value - q.value)}%`,
-        background: a.selectColor,
+        background: n.selectColor,
         tooltipLeft: `calc(${q.value}% - ${fe.value ? 9 : Ne.value / 2 + 3.5}px)`,
         tooltipRight: `calc(${re.value}% - ${ge.value ? ce.value - 9 : ce.value / 2 - 3.5}px)`,
         tooltipCenter: e,
@@ -212,7 +216,7 @@ const ll = {
     function Be(e) {
       return K.value === 0 ? 0 : Math.round(e / K.value * xe.value);
     }
-    const ht = (e) => Math.floor(a.min + e), ft = (e) => Math.ceil(a.min + e), ye = s({
+    const ht = (e) => Math.floor(n.min + e), ft = (e) => Math.ceil(n.min + e), ye = s({
       get() {
         return L.value ? se(D.value) : Number(w.value);
       },
@@ -222,7 +226,7 @@ const ll = {
           _(ht(r));
         } else {
           let l = Math.round(+e || 0);
-          const t = Number(S.value) - 1, o = Math.min(Math.max(a.min, l), t);
+          const t = Number(S.value) - 1, o = Math.min(Math.max(n.min, l), t);
           _(o);
         }
       }
@@ -236,13 +240,13 @@ const ll = {
           ee(ft(r + 1));
         } else {
           let l = Math.round(+e || 0);
-          const t = Number(w.value) + 1, o = Math.max(t, Math.min(l, a.max));
+          const t = Number(w.value) + 1, o = Math.max(t, Math.min(l, n.max));
           ee(o);
         }
       }
-    }), gt = s(() => a.inputColor), xt = s(() => a.background), yt = s(() => `${a.selectColor}33`), x = s(() => a.borderColor), Ve = s(() => {
+    }), gt = s(() => n.inputColor), xt = s(() => n.background), yt = s(() => `${n.selectColor}33`), x = s(() => n.borderColor), Ve = s(() => {
       const e = [];
-      for (let l = 0; l < a.max; l += 1)
+      for (let l = 0; l < n.max; l += 1)
         e.push(l);
       return e;
     });
@@ -250,12 +254,12 @@ const ll = {
       J("reset");
     }
     Z(
-      () => a.min,
+      () => n.min,
       (e) => {
         Number(w.value) < Number(e) && (w.value = Number(e)), Number(S.value) < Number(e) && (S.value = Number(e));
       }
     ), Z(
-      () => a.max,
+      () => n.max,
       (e) => {
         Number(w.value) > Number(e) && (w.value = Number(e)), Number(S.value) > Number(e) && (S.value = Number(e));
       }
@@ -277,32 +281,32 @@ const ll = {
     }), $e(() => {
       O.value && O.value.disconnect();
     });
-    const Q = s(() => Math.max(...a.allMinimaps.map((e) => e.series.length), a.minimap.length || 0)), p = s(() => {
+    const Q = s(() => Math.max(...n.allMinimaps.map((e) => e.series.length), n.minimap.length || 0)), k = s(() => {
       if (!Q.value) return 0;
-      const e = Math.max(1, Q.value - (a.minimapCompact ? 1 : 0));
+      const e = Math.max(1, Q.value - (n.minimapCompact ? 1 : 0));
       return g.value.width / e;
     }), De = s(() => {
       const e = [];
-      if (Array.isArray(a.minimap) && a.minimap.length && a.minimapMerged && e.push(...a.minimap.filter(Number.isFinite)), Array.isArray(a.allMinimaps) && a.allMinimaps.length)
-        for (const l of a.allMinimaps)
+      if (Array.isArray(n.minimap) && n.minimap.length && n.minimapMerged && 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 };
-    }), z = s(() => De.value.min), U = s(() => De.value.max), Mt = s(() => z.value < 0 && U.value > 0 || U.value <= 0 ? z.value : 0), bt = s(() => Math.max(1e-9, Math.max(Math.abs(z.value), Math.abs(U.value)))), pt = s(() => z.value < 0 && U.value > 0), kt = (e) => {
+    }), z = s(() => De.value.min), U = s(() => De.value.max), Mt = s(() => z.value < 0 && U.value > 0 || U.value <= 0 ? z.value : 0), bt = s(() => Math.max(1e-9, Math.max(Math.abs(z.value), Math.abs(U.value)))), kt = s(() => z.value < 0 && U.value > 0), pt = (e) => {
       const l = Math.max(1, g.value.height);
-      if (pt.value) {
+      if (kt.value) {
         const t = bt.value;
         return (1 - (Math.max(-1, Math.min(1, e / t)) + 1) / 2) * l;
       } else {
         const t = Math.min(0, z.value), o = Math.max(0, U.value);
         return l - (e - t) / Math.max(1e-9, o - t) * l;
       }
-    }, Ie = s(() => kt(0)), ze = s(() => a.allMinimaps.length ? a.allMinimaps.filter((e) => e.type === "bar").length : 0), pe = s(() => p.value / (ze.value || 1) * 0.8);
+    }, Ie = s(() => pt(0)), ze = s(() => n.allMinimaps.length ? n.allMinimaps.filter((e) => e.type === "bar").length : 0), ke = s(() => k.value / (ze.value || 1) * 0.8);
     function We(e, l, t) {
-      const o = pe.value, r = Math.max(1, ze.value), d = Q.value - 1;
+      const o = ke.value, r = Math.max(1, ze.value), d = Q.value - 1;
       return t === 0 ? e + o / 2 * l : t === d ? e - o / 2 * (r - l) : e - r * o / 2 + l * o;
     }
     function Xe(e, l) {
-      return [0, Q.value - 1].includes(l) ? pe.value / 2 : pe.value;
+      return [0, Q.value - 1].includes(l) ? ke.value / 2 : ke.value;
     }
     function wt(e, l, t) {
       const o = (y, v, I) => Math.max(v, Math.min(I, y));
@@ -332,7 +336,7 @@ const ll = {
           selectionMarkers: []
         };
       const t = Math.max(1, g.value.height), o = wt(z.value, U.value, t), r = e.length, d = Math.min(Math.max(0, D.value), Math.max(0, r - 1)), y = Math.min(r, Math.max(d + 1, X.value)), v = e.map((f, et) => {
-        const oe = f, tt = Number.isFinite(oe), Ht = p.value * et + (a.minimapCompact ? 0 : p.value / 2), Gt = o(0);
+        const oe = f, tt = Number.isFinite(oe), Ht = k.value * et + (n.minimapCompact ? 0 : k.value / 2), Gt = o(0);
         return {
           x: Ht,
           y: tt ? o(oe) : NaN,
@@ -341,7 +345,7 @@ const ll = {
           y0: Gt,
           i: et
         };
-      }), I = (f) => f >= 0 && f < v.length && Number.isFinite(v[f]?.value), H = v.filter((f) => Number.isFinite(f.value) && !I(f.i - 1) && !I(f.i + 1)), Re = H.filter((f) => f.i >= d && f.i < y), G = v.slice(d, y), Wt = v.length >= 2 ? a.smoothMinimap || l ? a.cutNullValues ? it(v) : ut(v.filter((f) => f.value != null)) : a.cutNullValues ? ot(v) : rt(v.filter((f) => f.value != null)) : "", Xt = G.length >= 2 ? a.smoothMinimap || l ? a.cutNullValues ? it(G) : ut(G.filter((f) => f.value != null)) : a.cutNullValues ? ot(G) : rt(G.filter((f) => f.value != null)) : "";
+      }), I = (f) => f >= 0 && f < v.length && Number.isFinite(v[f]?.value), H = v.filter((f) => Number.isFinite(f.value) && !I(f.i - 1) && !I(f.i + 1)), Re = H.filter((f) => f.i >= d && f.i < y), G = v.slice(d, y), Wt = v.length >= 2 ? n.smoothMinimap || l ? n.cutNullValues ? it(v) : ut(v.filter((f) => f.value != null)) : n.cutNullValues ? ot(v) : rt(v.filter((f) => f.value != null)) : "", Xt = G.length >= 2 ? n.smoothMinimap || l ? n.cutNullValues ? it(G) : ut(G.filter((f) => f.value != null)) : n.cutNullValues ? ot(G) : rt(G.filter((f) => f.value != null)) : "";
       return {
         fullSet: Wt,
         points: v,
@@ -355,7 +359,7 @@ const ll = {
         selectionMarkers: Re
       };
     }
-    const c = s(() => a.minimap.length ? He(a.minimap) : {
+    const c = s(() => n.minimap.length ? He(n.minimap) : {
       fullSet: "",
       selectionSet: "",
       sliced: [],
@@ -363,7 +367,7 @@ const ll = {
       lastPlot: null,
       hasFull: !1,
       hasSelection: !1
-    }), j = s(() => a.allMinimaps.length ? a.allMinimaps.map((e, l) => {
+    }), j = s(() => n.allMinimaps.length ? n.allMinimaps.map((e, l) => {
       const t = He(e?.series || [], !!e.smooth), o = e?.id ?? e?.name ?? l;
       return {
         key: typeof o == "object" ? JSON.stringify(o) : String(o),
@@ -375,15 +379,15 @@ const ll = {
     }) : []), C = s(() => {
       const e = D.value, l = Math.max(e + 1, X.value);
       return {
-        x: p.value * e + (a.minimapCompact ? 0 : p.value / 2),
-        width: p.value * (l - e) - p.value
+        x: k.value * e + (n.minimapCompact ? 0 : k.value / 2),
+        width: k.value * (l - e) - k.value
       };
-    }), E = h(a.minimapSelectedIndex);
+    }), E = h(n.minimapSelectedIndex);
     function St(e) {
-      E.value = _e(a.valueStart) + e;
+      E.value = _e(n.valueStart) + e;
     }
     const Ct = jt(St, 60);
-    Z(() => a.minimapSelectedIndex, (e, l) => {
+    Z(() => n.minimapSelectedIndex, (e, l) => {
       if ([null, void 0].includes(e)) {
         E.value = null;
         return;
@@ -395,38 +399,38 @@ const ll = {
       const l = D.value, t = X.value;
       e >= l && e < t && !F.value && J("trapMouse", e - l);
     }
-    const ke = h(null), we = h(null);
+    const pe = h(null), we = h(null);
     function _(e) {
-      w.value = e, ke.value && (ke.value.value = e), J("update:start", Number(w.value));
+      w.value = e, pe.value && (pe.value.value = e), J("update:start", Number(w.value));
     }
     function ee(e) {
       S.value = e, we.value && (we.value.value = e), J("update:end", Number(S.value));
     }
-    const Se = s(() => a.valueEnd - a.valueStart), Nt = s(() => Se.value < a.max - a.min), te = h(!1);
+    const Se = s(() => n.valueEnd - n.valueStart), Nt = s(() => Se.value < n.max - n.min), te = h(!1);
     let Rt = h(null);
-    const $t = s(() => (de.value - 48) / (a.max - a.min) * Se.value), Lt = s(() => Math.max(1, de.value - Te - $t.value)), Et = s(() => Math.max(1, a.max - a.min - Se.value)), Tt = s(() => Et.value / Lt.value), Ge = h(0), Ce = h(0), Oe = h(0), At = h(0);
+    const $t = s(() => (de.value - 48) / (n.max - n.min) * Se.value), Lt = s(() => Math.max(1, de.value - Te - $t.value)), Et = s(() => Math.max(1, n.max - n.min - Se.value)), Tt = s(() => Et.value / Lt.value), Ge = h(0), Ce = h(0), Oe = h(0), At = h(0);
     let T = null, A = null, B = null, V = null;
-    const Ue = h(a.min);
+    const Ue = h(n.min);
     function Pe(e) {
-      if (!k.value) return a.min;
-      const l = k.value.getBoundingClientRect(), t = l.left + Te / 2, o = l.right - Te / 2, r = Math.max(1, o - t), y = (Math.max(t, Math.min(e, o)) - t) / r, v = Math.max(1, a.max - a.min);
-      return Math.round(a.min + y * v);
+      if (!p.value) return n.min;
+      const l = p.value.getBoundingClientRect(), t = l.left + Te / 2, o = l.right - Te / 2, r = Math.max(1, o - t), y = (Math.max(t, Math.min(e, o)) - t) / r, v = Math.max(1, n.max - n.min);
+      return Math.round(n.min + y * v);
     }
     const Ze = async (e) => {
-      if (W.value = !0, !a.enableSelectionDrag) return;
+      if (W.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, o = l ? t ? t.target : null : e.target;
       if (!o || !(o instanceof Element) || o.classList && o.classList.contains("range-handle")) return;
       te.value = !0;
       const r = l ? t ? t.clientX : 0 : e.clientX;
-      if (Rt.value = r, Ge.value = r, a.focusOnDrag && !Nt.value && k.value) {
+      if (Rt.value = r, Ge.value = r, n.focusOnDrag && !Nt.value && p.value) {
         Ue.value = Pe(r);
-        const d = Math.min(0.95, Math.max(0.05, a.focusRangeRatio)), y = a.max - a.min, v = Math.max(1, Math.round(y * d)), I = Math.floor(v / 2);
+        const d = Math.min(0.95, Math.max(0.05, n.focusRangeRatio)), y = n.max - n.min, v = Math.max(1, Math.round(y * d)), I = Math.floor(v / 2);
         let H = Ue.value - I;
-        H = Math.max(a.min, Math.min(H, a.max - v));
-        const Re = Math.min(a.max, H + v);
-        _(H), ee(Re), st(k.value, "mouseup"), await ve(), st(k.value, "mousedown", { clientX: r });
+        H = Math.max(n.min, Math.min(H, n.max - v));
+        const Re = Math.min(n.max, H + v);
+        _(H), ee(Re), st(p.value, "mouseup"), await ve(), st(p.value, "mousedown", { clientX: r });
       }
       Ce.value = Number(w.value), Oe.value = Number(S.value), At.value = Tt.value, T = l ? "touchmove" : "mousemove", A = l ? "touchend" : "mouseup", B = l ? Vt : Bt, V = l ? Dt : Ft, window.addEventListener(T, B, { passive: !1 }), window.addEventListener(A, V);
     };
@@ -434,9 +438,9 @@ const ll = {
       te.value && Ye(e.clientX);
     }
     function Vt(e) {
-      if (!te.value || !k.value) return;
+      if (!te.value || !p.value) return;
       const l = e.target;
-      if (!(l instanceof Element) || !k.value.contains(l) || l.classList && l.classList.contains("range-handle")) return;
+      if (!(l instanceof Element) || !p.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 && Ye(t.clientX);
@@ -445,7 +449,7 @@ const ll = {
       if (!te.value) return;
       const l = Pe(Ge.value), o = Pe(e) - l, r = Math.max(1, Oe.value - Ce.value);
       let d = Math.round(Ce.value + o);
-      const y = a.min, v = a.max - r;
+      const y = n.min, v = n.max - r;
       d < y && (d = y), d > v && (d = v);
       const I = d + r;
       _(d), ee(I);
@@ -489,13 +493,13 @@ const ll = {
     }), Ut(() => {
       qe(), Ke();
     }), Z(
-      () => a.labelLeft,
+      () => n.labelLeft,
       () => {
         ve(qe);
       },
       { deep: !0 }
     ), Z(
-      () => a.labelRight,
+      () => n.labelRight,
       () => {
         ve(Ke);
       },
@@ -506,13 +510,13 @@ const ll = {
     }), $e(() => {
       O.value && O.value.disconnect(), T && B && window.removeEventListener(T, B), A && V && window.removeEventListener(A, V), T = A = null, B = V = null;
     });
-    const ue = s(() => Math.max(1, a.max - a.min));
+    const ue = s(() => Math.max(1, n.max - n.min));
     function _e(e) {
-      const l = Math.floor(e - a.min);
+      const l = Math.floor(e - n.min);
       return Math.min(Math.max(0, l), ue.value);
     }
     function It(e) {
-      const l = Math.ceil(e - a.min);
+      const l = Math.ceil(e - n.min);
       return Math.min(Math.max(0, l), ue.value);
     }
     const D = s(() => _e(w.value)), X = s(() => It(S.value)), zt = s(() => {
@@ -520,11 +524,11 @@ const ll = {
       if (E.value >= D.value && E.value < X.value) {
         const e = E.value;
         return {
-          x1: p.value * e + (a.minimapCompact ? 0 : p.value / 2),
-          x2: p.value * e + (a.minimapCompact ? 0 : p.value / 2),
+          x1: k.value * e + (n.minimapCompact ? 0 : k.value / 2),
+          x2: k.value * e + (n.minimapCompact ? 0 : k.value / 2),
           y1: 0,
           y2: Math.max(g.value.height, 0),
-          stroke: a.minimapIndicatorColor,
+          stroke: n.minimapIndicatorColor,
           "stroke-linecap": "round",
           "stroke-dasharray": 2,
           "stroke-width": 1
@@ -534,17 +538,20 @@ const ll = {
     });
     return (e, l) => (u(), i("div", {
       "data-dom-to-png-ignore": "",
-      style: { padding: "0 24px" },
+      style: R([{ padding: "0 24px" }, {
+        maxWidth: a.maxWidth ? a.maxWidth + "px" : void 0,
+        margin: a.maxWidth ? "0 auto" : void 0
+      }]),
       class: "vue-data-ui-zoom",
       ref_key: "zoomWrapper",
-      ref: k,
+      ref: p,
       onMousedown: Ze,
       onTouchstart: Ze,
       onTouchend: l[11] || (l[11] = (t) => W.value = !1)
     }, [
       P("div", ll, [
-        n.valueStart !== n.refreshStartPoint || n.valueEnd !== dt.value ? (u(), i("div", al, [
-          n.useResetSlot ? Zt(e.$slots, "reset-action", {
+        a.valueStart !== a.refreshStartPoint || a.valueEnd !== dt.value ? (u(), i("div", al, [
+          a.useResetSlot ? Zt(e.$slots, "reset-action", {
             key: 1,
             reset: Fe
           }, void 0, !0) : (u(), i("button", {
@@ -552,7 +559,7 @@ const ll = {
             tabindex: "0",
             role: "button",
             class: "vue-data-ui-refresh-button",
-            style: $({
+            style: R({
               top: b.value ? "36px" : "-16px",
               pointerEvents: "all !important"
             }),
@@ -560,7 +567,7 @@ const ll = {
           }, [
             Yt(el, {
               name: "refresh",
-              stroke: n.textColor
+              stroke: a.textColor
             }, null, 8, ["stroke"])
           ], 4))
         ])) : m("", !0)
@@ -575,7 +582,7 @@ const ll = {
       }, [
         b.value ? (u(), i("div", nl, [
           (u(), i("svg", {
-            key: `mm-${n.minimapMerged ? "merged" : "split"}-${n.minimapCompact ? "compact" : "normal"}`,
+            key: `mm-${a.minimapMerged ? "merged" : "split"}-${a.minimapCompact ? "compact" : "normal"}`,
             xmlns: me(Qt),
             viewBox: `0 0 ${Math.max(0, g.value.width)} ${Math.max(0, g.value.height)}`
           }, [
@@ -589,7 +596,7 @@ const ll = {
               }, [
                 P("stop", {
                   offset: "0%",
-                  "stop-color": `${n.minimapLineColor}50`
+                  "stop-color": `${a.minimapLineColor}50`
                 }, null, 8, ol),
                 l[12] || (l[12] = P("stop", {
                   offset: "100%",
@@ -597,7 +604,7 @@ const ll = {
                 }, null, -1))
               ], 8, ul)
             ]),
-            n.minimapCompact ? (u(), i("rect", {
+            a.minimapCompact ? (u(), i("rect", {
               key: 0,
               class: "vue-ui-zoom-minimap-frame",
               x: 0,
@@ -605,21 +612,21 @@ const ll = {
               width: g.value.width,
               height: g.value.height,
               fill: "none",
-              stroke: n.minimapFrameColor,
+              stroke: a.minimapFrameColor,
               rx: 3
             }, null, 8, rl)) : m("", !0),
-            n.minimapMerged ? (u(), i("path", {
+            a.minimapMerged ? (u(), i("path", {
               key: 1,
               d: `M${c.value.fullSet}`,
-              stroke: `${n.minimapLineColor}`,
+              stroke: `${a.minimapLineColor}`,
               fill: "none",
               "stroke-width": "1",
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               style: { opacity: "0.6" }
             }, null, 8, sl)) : (u(), i(M, { key: 2 }, [
-              (u(!0), i(M, null, R(j.value.filter((t) => t.type === "bar"), (t, o) => (u(), i("g", null, [
-                (u(!0), i(M, null, R(t.points, (r, d) => (u(), i(M, null, [
+              (u(!0), i(M, null, $(j.value.filter((t) => t.type === "bar"), (t, o) => (u(), i("g", null, [
+                (u(!0), i(M, null, $(t.points, (r, d) => (u(), i(M, null, [
                   t.isVisible && !isNaN(r.y) ? (u(), i("rect", {
                     key: 0,
                     x: We(r.x, o, d),
@@ -631,7 +638,7 @@ const ll = {
                   }, null, 8, cl)) : m("", !0)
                 ], 64))), 256))
               ]))), 256)),
-              (u(!0), i(M, null, R(j.value.filter((t) => t.type === "line"), (t) => (u(), i("g", {
+              (u(!0), i(M, null, $(j.value.filter((t) => t.type === "line"), (t) => (u(), i("g", {
                 key: String(t.key)
               }, [
                 t.isVisible ? (u(), i("path", {
@@ -641,7 +648,7 @@ const ll = {
                   stroke: t.color,
                   style: { opacity: "0.6" }
                 }, null, 8, vl)) : m("", !0),
-                t.isVisible ? (u(!0), i(M, { key: 1 }, R(t.fullMarkers, (o) => (u(), i("circle", {
+                t.isVisible ? (u(!0), i(M, { key: 1 }, $(t.fullMarkers, (o) => (u(), i("circle", {
                   key: `sel-dot-under-${t.key}-${o.i}`,
                   cx: o.x,
                   cy: o.y,
@@ -659,7 +666,7 @@ const ll = {
               height: Math.max(g.value.height, 0),
               y: 0,
               fill: x.value,
-              rx: n.minimapSelectionRadius,
+              rx: a.minimapSelectionRadius,
               stroke: "none"
             }, null, 8, dl),
             P("rect", {
@@ -667,7 +674,7 @@ const ll = {
               width: C.value.width < 0 ? 0 : C.value.width,
               height: Math.max(g.value.height, 0),
               y: 0,
-              rx: n.minimapSelectionRadius,
+              rx: a.minimapSelectionRadius,
               fill: x.value
             }, null, 8, hl),
             P("rect", {
@@ -675,24 +682,24 @@ const ll = {
               width: C.value.width < 0 ? 0 : C.value.width,
               height: Math.max(g.value.height, 0),
               y: 0,
-              fill: n.minimapSelectedColor,
-              rx: n.minimapSelectionRadius,
-              style: $({
-                opacity: n.minimapSelectedColorOpacity
+              fill: a.minimapSelectedColor,
+              rx: a.minimapSelectionRadius,
+              style: R({
+                opacity: a.minimapSelectedColorOpacity
               })
             }, null, 12, fl),
             E.value !== null && !F.value ? (u(), i("line", Jt(qt({ key: 3 }, zt.value)), null, 16)) : m("", !0),
-            !n.minimapMerged && Mt.value < 0 ? (u(), i("line", {
+            !a.minimapMerged && Mt.value < 0 ? (u(), i("line", {
               key: 4,
               class: "slicer-minimap-zero-line",
               x1: 0,
               x2: g.value.width,
               y1: Ie.value,
               y2: Ie.value,
-              stroke: n.minimapFrameColor,
+              stroke: a.minimapFrameColor,
               "stroke-width": "0.5"
             }, null, 8, gl)) : m("", !0),
-            n.minimapMerged ? (u(), i(M, { key: 5 }, [
+            a.minimapMerged ? (u(), i(M, { key: 5 }, [
               c.value && c.value.sliced && c.value.sliced.length ? (u(), i(M, { key: 0 }, [
                 c.value.selectionSet ? (u(), i("path", {
                   key: 0,
@@ -704,7 +711,7 @@ const ll = {
                 c.value.selectionSet ? (u(), i("path", {
                   key: 1,
                   d: `M ${c.value.selectionSet}`,
-                  stroke: `${n.minimapLineColor}`,
+                  stroke: `${a.minimapLineColor}`,
                   fill: "transparent",
                   "stroke-width": "2",
                   "stroke-linecap": "round",
@@ -712,8 +719,8 @@ const ll = {
                 }, null, 8, yl)) : m("", !0)
               ], 64)) : m("", !0)
             ], 64)) : (u(), i("g", Ml, [
-              (u(!0), i(M, null, R(j.value.filter((t) => t.type === "bar"), (t, o) => (u(), i("g", null, [
-                (u(!0), i(M, null, R(t.points, (r, d) => (u(), i(M, null, [
+              (u(!0), i(M, null, $(j.value.filter((t) => t.type === "bar"), (t, o) => (u(), i("g", null, [
+                (u(!0), i(M, null, $(t.points, (r, d) => (u(), i(M, null, [
                   t.isVisible && !isNaN(r.y) ? (u(), i("rect", {
                     key: 0,
                     x: We(r.x, o, d),
@@ -721,13 +728,13 @@ const ll = {
                     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: d >= n.valueStart && d <= n.valueEnd - 1 ? 1 : 0
+                    style: R({
+                      opacity: d >= a.valueStart && d <= a.valueEnd - 1 ? 1 : 0
                     })
                   }, null, 12, bl)) : m("", !0)
                 ], 64))), 256))
               ]))), 256)),
-              (u(!0), i(M, null, R(j.value.filter((t) => t.type === "line"), (t) => (u(), i("g", {
+              (u(!0), i(M, null, $(j.value.filter((t) => t.type === "line"), (t) => (u(), i("g", {
                 key: String(t.key)
               }, [
                 t && t.hasSelection && t.selectionSet && t.isVisible ? (u(), i("path", {
@@ -738,10 +745,10 @@ const ll = {
                   "stroke-width": "2",
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round"
-                }, null, 8, pl)) : m("", !0)
+                }, null, 8, kl)) : m("", !0)
               ]))), 128))
             ])),
-            b.value && n.minimapCompact ? (u(), i("rect", {
+            b.value && a.minimapCompact ? (u(), i("rect", {
               key: 7,
               class: "vue-ui-zoom-compact-minimap-handle",
               x: C.value.x - 8,
@@ -749,10 +756,10 @@ const ll = {
               width: 8,
               height: g.value.height,
               fill: x.value,
-              stroke: n.textColor,
+              stroke: a.textColor,
               rx: 3
-            }, null, 8, kl)) : m("", !0),
-            b.value && n.minimapCompact ? (u(), i("rect", {
+            }, null, 8, pl)) : m("", !0),
+            b.value && a.minimapCompact ? (u(), i("rect", {
               key: 8,
               class: "vue-ui-zoom-compact-minimap-handle",
               x: C.value.x + C.value.width,
@@ -760,10 +767,10 @@ const ll = {
               width: 8,
               height: g.value.height,
               fill: x.value,
-              stroke: n.textColor,
+              stroke: a.textColor,
               rx: 3
             }, null, 8, wl)) : m("", !0),
-            n.minimapMerged ? (u(), i(M, { key: 9 }, [
+            a.minimapMerged ? (u(), i(M, { key: 9 }, [
               c.value && c.value.firstPlot && c.value.firstPlot.value !== null ? (u(), i("circle", {
                 key: 0,
                 cx: c.value.firstPlot.x,
@@ -771,7 +778,7 @@ const ll = {
                 "stroke-width": "0.5",
                 stroke: x.value,
                 r: "4",
-                fill: n.minimapLineColor
+                fill: a.minimapLineColor
               }, null, 8, Sl)) : m("", !0),
               c.value && c.value.firstPlot && c.value.firstPlot.value !== null ? (u(), i("circle", {
                 key: 1,
@@ -787,7 +794,7 @@ const ll = {
                 "stroke-width": "0.5",
                 stroke: x.value,
                 r: "4",
-                fill: n.minimapLineColor
+                fill: a.minimapLineColor
               }, null, 8, Pl)) : m("", !0),
               c.value && c.value.lastPlot && c.value.lastPlot.value !== null ? (u(), i("circle", {
                 key: 3,
@@ -797,10 +804,10 @@ const ll = {
                 fill: x.value
               }, null, 8, Nl)) : m("", !0)
             ], 64)) : (u(), i("g", Rl, [
-              (u(!0), i(M, null, R(j.value.filter((t) => t.type === "line"), (t) => (u(), i("g", {
+              (u(!0), i(M, null, $(j.value.filter((t) => t.type === "line"), (t) => (u(), i("g", {
                 key: String(t.key)
               }, [
-                t.isVisible ? (u(!0), i(M, { key: 0 }, R(t.selectionMarkers, (o) => (u(), i("circle", {
+                t.isVisible ? (u(!0), i(M, { key: 0 }, $(t.selectionMarkers, (o) => (u(), i("circle", {
                   key: `sel-dot-${t.key}-${o.i}`,
                   cx: o.x,
                   cy: o.y,
@@ -843,16 +850,16 @@ const ll = {
                 }, null, 8, Al)) : m("", !0)
               ]))), 128))
             ])),
-            (u(!0), i(M, null, R(Ve.value, (t, o) => (u(), i("rect", {
+            (u(!0), i(M, null, $(Ve.value, (t, o) => (u(), i("rect", {
               key: `trap-${o}`,
               y: 0,
               height: Math.max(g.value.height, 0),
               fill: "transparent",
-              style: $([{ "pointer-events": "all !important" }, {
-                cursor: t >= D.value && t < X.value && n.enableSelectionDrag ? F.value ? "grabbing" : "grab" : "default"
+              style: R([{ "pointer-events": "all !important" }, {
+                cursor: t >= D.value && t < X.value && a.enableSelectionDrag ? F.value ? "grabbing" : "grab" : "default"
               }]),
-              x: p.value * o - (n.minimapCompact ? p.value / 2 : 0),
-              width: p.value < 0 ? 0 : p.value,
+              x: k.value * o - (a.minimapCompact ? k.value / 2 : 0),
+              width: k.value < 0 ? 0 : k.value,
               onMousedown: l[0] || (l[0] = (r) => F.value = !0),
               onMouseup: l[1] || (l[1] = (r) => F.value = !1),
               onMouseenter: (r) => Pt(t),
@@ -864,34 +871,34 @@ const ll = {
         ])) : m("", !0),
         P("div", {
           class: "slider-track",
-          style: $({ visibility: b.value && n.minimapCompact ? "hidden" : "visible" })
+          style: R({ visibility: b.value && a.minimapCompact ? "hidden" : "visible" })
         }, null, 4),
         P("div", {
           class: Y({
             "range-highlight": !0,
-            move: n.enableSelectionDrag
+            move: a.enableSelectionDrag
           }),
           onMousedown: l[3] || (l[3] = (t) => F.value = !0),
           onMouseup: l[4] || (l[4] = (t) => F.value = !1),
-          style: $({
+          style: R({
             ...N.value,
             cursor: F.value ? "grabbing" : "grab",
-            visibility: b.value && n.minimapCompact ? "hidden" : "visible"
+            visibility: b.value && a.minimapCompact ? "hidden" : "visible"
           })
         }, null, 38),
-        n.enableRangeHandles ? at((u(), i("input", {
+        a.enableRangeHandles ? at((u(), i("input", {
           key: 1,
           ref_key: "rangeStart",
-          ref: ke,
+          ref: pe,
           type: "range",
           class: Y({
             "range-left": !0,
             "range-handle": !0,
-            "range-minimap": b.value && n.verticalHandles,
-            "range-invisible": b.value && n.minimapCompact
+            "range-minimap": b.value && a.verticalHandles,
+            "range-invisible": b.value && a.minimapCompact
           }),
-          min: n.min,
-          max: L.value && n.minimapCompact ? K.value : n.max,
+          min: a.min,
+          max: L.value && a.minimapCompact ? K.value : a.max,
           step: 1,
           "onUpdate:modelValue": l[5] || (l[5] = (t) => ye.value = t),
           onMouseenter: l[6] || (l[6] = (t) => je("start"))
@@ -903,7 +910,7 @@ const ll = {
             { number: !0 }
           ]
         ]) : m("", !0),
-        n.enableRangeHandles ? at((u(), i("input", {
+        a.enableRangeHandles ? at((u(), i("input", {
           key: 2,
           ref_key: "rangeEnd",
           ref: we,
@@ -911,11 +918,11 @@ const ll = {
           class: Y({
             "range-right": !0,
             "range-handle": !0,
-            "range-minimap": b.value && n.verticalHandles,
-            "range-invisible": b.value && n.minimapCompact
+            "range-minimap": b.value && a.verticalHandles,
+            "range-invisible": b.value && a.minimapCompact
           }),
-          min: n.min,
-          max: L.value && n.minimapCompact ? K.value : n.max,
+          min: a.min,
+          max: L.value && a.minimapCompact ? K.value : a.max,
           step: 1,
           "onUpdate:modelValue": l[7] || (l[7] = (t) => Me.value = t),
           onMouseenter: l[8] || (l[8] = (t) => je("end"))
@@ -927,70 +934,70 @@ const ll = {
             { number: !0 }
           ]
         ]) : m("", !0),
-        n.labelLeft ? (u(), i("div", {
+        a.labelLeft ? (u(), i("div", {
           key: 3,
           ref_key: "tooltipLeft",
           ref: le,
           class: Y({
             "range-tooltip": !0,
             "range-tooltip-visible": W.value,
-            "range-tooltip-arrow": N.value.arrowLeft && !n.verticalHandles,
-            "range-tooltip-arrow-left": !N.value.arrowLeft && !n.verticalHandles
+            "range-tooltip-arrow": N.value.arrowLeft && !a.verticalHandles,
+            "range-tooltip-arrow-left": !N.value.arrowLeft && !a.verticalHandles
           }),
-          style: $({
+          style: R({
             left: N.value.tooltipLeft,
-            color: me(Ee)(n.selectColor),
-            backgroundColor: n.selectColor,
+            color: me(Ee)(a.selectColor),
+            backgroundColor: a.selectColor,
             border: `1px solid ${x.value}`,
             zIndex: `${Qe.value + 4}`,
-            visibility: ne.value || n.labelLeft === n.labelRight ? "hidden" : "visible",
-            top: b.value && n.minimapCompact ? "calc(-100% - 18px)" : "-100%"
+            visibility: ne.value || a.labelLeft === a.labelRight ? "hidden" : "visible",
+            top: b.value && a.minimapCompact ? "calc(-100% - 18px)" : "-100%"
           })
-        }, Le(n.labelLeft), 7)) : m("", !0),
-        (ne.value || n.labelLeft === n.labelRight) && (n.labelLeft || n.labelRight) ? (u(), i("div", {
+        }, Le(a.labelLeft), 7)) : m("", !0),
+        (ne.value || a.labelLeft === a.labelRight) && (a.labelLeft || a.labelRight) ? (u(), i("div", {
           key: 4,
           ref: "tooltipMerge",
           class: Y({
             "range-tooltip": !0,
             "range-tooltip-visible": W.value,
             "range-tooltip-arrow": !0,
-            "range-tooltip-arrow-left": !N.value.arrowLeft && !n.verticalHandles,
-            "range-tooltip-arrow-right": !N.value.arrowRight && !n.verticalHandles
+            "range-tooltip-arrow-left": !N.value.arrowLeft && !a.verticalHandles,
+            "range-tooltip-arrow-right": !N.value.arrowRight && !a.verticalHandles
           }),
-          style: $({
+          style: R({
             left: N.value.tooltipCenter,
             width: ie.value.width + "px",
-            color: me(Ee)(n.selectColor),
-            backgroundColor: n.selectColor,
+            color: me(Ee)(a.selectColor),
+            backgroundColor: a.selectColor,
             border: `1px solid ${x.value}`,
             zIndex: "4",
-            top: b.value && n.minimapCompact ? "calc(-100% - 18px)" : "-100%"
+            top: b.value && a.minimapCompact ? "calc(-100% - 18px)" : "-100%"
           })
-        }, Le(n.labelLeft === n.labelRight ? n.labelLeft : `${n.labelLeft} - ${n.labelRight}`), 7)) : m("", !0),
-        n.labelRight ? (u(), i("div", {
+        }, Le(a.labelLeft === a.labelRight ? a.labelLeft : `${a.labelLeft} - ${a.labelRight}`), 7)) : m("", !0),
+        a.labelRight ? (u(), i("div", {
           key: 5,
           ref_key: "tooltipRight",
           ref: ae,
           class: Y({
             "range-tooltip": !0,
             "range-tooltip-visible": W.value,
-            "range-tooltip-arrow": N.value.arrowRight && !n.verticalHandles,
-            "range-tooltip-arrow-right": !N.value.arrowRight && !n.verticalHandles
+            "range-tooltip-arrow": N.value.arrowRight && !a.verticalHandles,
+            "range-tooltip-arrow-right": !N.value.arrowRight && !a.verticalHandles
           }),
-          style: $({
+          style: R({
             left: N.value.tooltipRight,
-            color: me(Ee)(n.selectColor),
-            backgroundColor: n.selectColor,
+            color: me(Ee)(a.selectColor),
+            backgroundColor: a.selectColor,
             border: `1px solid ${x.value}`,
             zIndex: "4",
-            visibility: ne.value || n.labelLeft === n.labelRight ? "hidden" : "visible",
-            top: b.value && n.minimapCompact ? "calc(-100% - 18px)" : "-100%"
+            visibility: ne.value || a.labelLeft === a.labelRight ? "hidden" : "visible",
+            top: b.value && a.minimapCompact ? "calc(-100% - 18px)" : "-100%"
           })
-        }, Le(n.labelRight), 7)) : m("", !0)
+        }, Le(a.labelRight), 7)) : m("", !0)
       ], 544)
-    ], 544));
+    ], 36));
   }
-}, Gl = /* @__PURE__ */ tl(Dl, [["__scopeId", "data-v-a846b52b"]]);
+}, Gl = /* @__PURE__ */ tl(Dl, [["__scopeId", "data-v-d2c56aa7"]]);
 export {
   Gl as S
 };