vue-data-ui 3.2.2 → 3.2.4

package/dist/{Slicer-BO2wNLcR.js → Slicer-BA2GhOmY.js}

@@ -1,7 +1,7 @@
-import { useCssVars as Ot, computed as s, ref as d, onMounted as lt, onBeforeUnmount as Le, 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 L, 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 $e } from "vue";
-import { c as Kt, X as Qt, G as Ee, ae as it, W as ut, af as ot, V as rt, ag as st } from "./lib-CDp2KgIU.js";
+import { useCssVars as Ot, computed as s, ref as h, onMounted as lt, onBeforeUnmount as Le, 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 L, 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 $e } from "vue";
+import { c as Kt, X as Qt, E as Ee, ad as it, U as ut, ae as ot, T as rt, af as st } from "./lib-BEpWEyMm.js";
 import { t as ct, d as jt, u as _t } from "./useResponsive-DfdjqQps.js";
-import el from "./BaseIcon-e63bhLIi.js";
+import el from "./BaseIcon-Bz-1GQhu.js";
 import { _ as tl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ll = {
   class: "vue-data-ui-slicer-labels",
@@ -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"], hl = ["x", "width", "height", "fill", "rx"], dl = ["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 }, Ll = ["cx", "cy", "fill", "stroke"], $l = ["cx", "cy", "stroke", "fill"], El = ["cx", "cy", "fill"], Tl = ["cx", "cy", "stroke", "fill"], Vl = ["cx", "cy", "fill"], Al = ["height", "x", "width", "onMouseenter"], Bl = ["min", "max"], Fl = ["min", "max"], Te = 48, Il = {
+}, 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 }, Ll = ["cx", "cy", "fill", "stroke"], $l = ["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, Il = {
   __name: "Slicer",
   props: {
     background: {
@@ -160,10 +160,10 @@ const ll = {
       v2f32beb2: n.selectColor,
       v147c5fb5: xt.value
     }));
-    const a = n, k = d(null), w = d(a.min), S = d(a.max), b = s(() => !!a.minimap.length), Ve = d(Kt()), $ = s(() => b.value && a.minimapCompact), he = d(0);
+    const a = n, k = h(null), w = h(a.min), S = h(a.max), b = s(() => !!a.minimap.length), Ae = h(Kt()), $ = s(() => b.value && a.minimapCompact), de = h(0);
     lt(() => {
       const e = () => {
-        k.value && (he.value = k.value.getBoundingClientRect().width);
+        k.value && (de.value = k.value.getBoundingClientRect().width);
       };
       e();
       const l = ct(e, 50);
@@ -171,7 +171,7 @@ const ll = {
         window.removeEventListener("resize", l);
       });
     });
-    const ht = s(() => a.refreshEndPoint === null ? a.max : a.refreshEndPoint), J = mt, q = s(() => {
+    const dt = s(() => a.refreshEndPoint === null ? a.max : a.refreshEndPoint), J = mt, q = s(() => {
       if ($.value) {
         const l = Math.max(1, ue.value - 1);
         return ye.value / l * 100;
@@ -185,7 +185,7 @@ const ll = {
       }
       const e = Math.max(1, a.max - a.min);
       return (S.value - a.min) / e * 100;
-    }), de = s(() => (q.value + re.value) / 2), fe = s(() => {
+    }), he = s(() => (q.value + re.value) / 2), fe = s(() => {
       if (!k.value) return !1;
       const e = k.value.getBoundingClientRect().width;
       return q.value / 100 * e - Ne.value / 2 < 0;
@@ -194,7 +194,7 @@ const ll = {
       const e = k.value.getBoundingClientRect().width;
       return re.value / 100 * e + ce.value / 2 > e;
     }), N = s(() => {
-      const e = ge.value ? `calc(${de.value}% - ${ie.value.width}px - 2px)` : fe.value ? `calc(${de.value}% - 8px)` : `calc(${de.value}% - ${ie.value.width / 2}px - 4px)`;
+      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)}%`,
@@ -209,17 +209,17 @@ const ll = {
     function se(e) {
       return xe.value === 0 ? 0 : Math.round(e / xe.value * K.value);
     }
-    function Ae(e) {
+    function Be(e) {
       return K.value === 0 ? 0 : Math.round(e / K.value * xe.value);
     }
-    const dt = (e) => Math.floor(a.min + e), ft = (e) => Math.ceil(a.min + e), ye = s({
+    const ht = (e) => Math.floor(a.min + e), ft = (e) => Math.ceil(a.min + e), ye = s({
       get() {
         return $.value ? se(I.value) : Number(w.value);
       },
       set(e) {
         if ($.value) {
-          const l = Math.round(+e || 0), t = Math.max(0, se(Math.max(0, X.value - 1))), o = Math.min(Math.max(0, l), t), r = Ae(o);
-          _(dt(r));
+          const l = Math.round(+e || 0), t = Math.max(0, se(Math.max(0, X.value - 1))), o = Math.min(Math.max(0, l), t), r = Be(o);
+          _(ht(r));
         } else {
           let l = Math.round(+e || 0);
           const t = Number(S.value) - 1, o = Math.min(Math.max(a.min, l), t);
@@ -232,7 +232,7 @@ const ll = {
       },
       set(e) {
         if ($.value) {
-          const l = Math.round(+e || 0), t = se(I.value), o = Math.max(l, t), r = Ae(o);
+          const l = Math.round(+e || 0), t = se(I.value), o = Math.max(l, t), r = Be(o);
           ee(ft(r + 1));
         } else {
           let l = Math.round(+e || 0);
@@ -240,7 +240,7 @@ const ll = {
           ee(o);
         }
       }
-    }), gt = s(() => a.inputColor), xt = s(() => a.background), yt = s(() => `${a.selectColor}33`), x = s(() => a.borderColor), Be = s(() => {
+    }), gt = s(() => a.inputColor), xt = s(() => a.background), yt = s(() => `${a.selectColor}33`), x = s(() => a.borderColor), Ve = s(() => {
       const e = [];
       for (let l = 0; l < a.max; l += 1)
         e.push(l);
@@ -260,10 +260,10 @@ const ll = {
         Number(w.value) > Number(e) && (w.value = Number(e)), Number(S.value) > Number(e) && (S.value = Number(e));
       }
     );
-    const be = d(null), g = d({
+    const be = h(null), g = h({
       width: 1,
       height: 1
-    }), O = d(null);
+    }), O = h(null);
     lt(() => {
       if (b.value) {
         const e = ct(() => {
@@ -298,8 +298,8 @@ const ll = {
       }
     }, De = 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);
     function We(e, l, t) {
-      const o = pe.value, r = Math.max(1, ze.value), h = Q.value - 1;
-      return t === 0 ? e + o / 2 * l : t === h ? e - o / 2 * (r - l) : e - r * o / 2 + l * o;
+      const o = pe.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;
@@ -314,8 +314,8 @@ const ll = {
         const y = Math.max(1e-9, l - 0);
         return (v) => t - (v - 0) / y * t;
       }
-      const h = Math.max(1e-9, Math.max(Math.abs(e), Math.abs(l)));
-      return (y) => (1 - (o(y / h, -1, 1) + 1) / 2) * t;
+      const d = Math.max(1e-9, Math.max(Math.abs(e), Math.abs(l)));
+      return (y) => (1 - (o(y / d, -1, 1) + 1) / 2) * t;
     }
     function He(e, l = !1) {
       if (!e || !e.length)
@@ -331,7 +331,7 @@ const ll = {
           fullMarkers: [],
           selectionMarkers: []
         };
-      const t = Math.max(1, g.value.height), o = wt(z.value, U.value, t), r = e.length, h = Math.min(Math.max(0, I.value), Math.max(0, r - 1)), y = Math.min(r, Math.max(h + 1, X.value)), v = e.map((f, et) => {
+      const t = Math.max(1, g.value.height), o = wt(z.value, U.value, t), r = e.length, d = Math.min(Math.max(0, I.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);
         return {
           x: Ht,
@@ -341,13 +341,13 @@ const ll = {
           y0: Gt,
           i: et
         };
-      }), D = (f) => f >= 0 && f < v.length && Number.isFinite(v[f]?.value), H = v.filter((f) => Number.isFinite(f.value) && !D(f.i - 1) && !D(f.i + 1)), Re = H.filter((f) => f.i >= h && f.i < y), G = v.slice(h, 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)) : "";
+      }), D = (f) => f >= 0 && f < v.length && Number.isFinite(v[f]?.value), H = v.filter((f) => Number.isFinite(f.value) && !D(f.i - 1) && !D(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)) : "";
       return {
         fullSet: Wt,
         points: v,
         selectionSet: Xt,
         sliced: G,
-        firstPlot: v[h] || null,
+        firstPlot: v[d] || null,
         lastPlot: v[Math.max(0, y - 1)] || null,
         hasFull: v.length >= 2,
         hasSelection: G.length >= 2,
@@ -378,7 +378,7 @@ const ll = {
         x: p.value * e + (a.minimapCompact ? 0 : p.value / 2),
         width: p.value * (l - e) - p.value
       };
-    }), E = d(a.minimapSelectedIndex);
+    }), E = h(a.minimapSelectedIndex);
     function St(e) {
       E.value = _e(a.valueStart) + e;
     }
@@ -395,18 +395,18 @@ const ll = {
       const l = I.value, t = X.value;
       e >= l && e < t && !F.value && J("trapMouse", e - l);
     }
-    const ke = d(null), we = d(null);
+    const ke = h(null), we = h(null);
     function _(e) {
       w.value = e, ke.value && (ke.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 = d(!1);
-    let Rt = d(null);
-    const Lt = s(() => (he.value - 48) / (a.max - a.min) * Se.value), $t = s(() => Math.max(1, he.value - Te - Lt.value)), Et = s(() => Math.max(1, a.max - a.min - Se.value)), Tt = s(() => Et.value / $t.value), Ge = d(0), Ce = d(0), Oe = d(0), Vt = d(0);
-    let T = null, V = null, A = null, B = null;
-    const Ue = d(a.min);
+    const Se = s(() => a.valueEnd - a.valueStart), Nt = s(() => Se.value < a.max - a.min), te = h(!1);
+    let Rt = h(null);
+    const Lt = s(() => (de.value - 48) / (a.max - a.min) * Se.value), $t = s(() => Math.max(1, de.value - Te - Lt.value)), Et = s(() => Math.max(1, a.max - a.min - Se.value)), Tt = s(() => Et.value / $t.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);
     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);
@@ -422,18 +422,18 @@ const ll = {
       const r = l ? t ? t.clientX : 0 : e.clientX;
       if (Rt.value = r, Ge.value = r, a.focusOnDrag && !Nt.value && k.value) {
         Ue.value = Pe(r);
-        const h = Math.min(0.95, Math.max(0.05, a.focusRangeRatio)), y = a.max - a.min, v = Math.max(1, Math.round(y * h)), D = Math.floor(v / 2);
+        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)), D = Math.floor(v / 2);
         let H = Ue.value - D;
         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 });
       }
-      Ce.value = Number(w.value), Oe.value = Number(S.value), Vt.value = Tt.value, T = l ? "touchmove" : "mousemove", V = l ? "touchend" : "mouseup", A = l ? Bt : At, B = l ? It : Ft, window.addEventListener(T, A, { passive: !1 }), window.addEventListener(V, B);
+      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 ? It : Ft, window.addEventListener(T, B, { passive: !1 }), window.addEventListener(A, V);
     };
-    function At(e) {
+    function Bt(e) {
       te.value && Ye(e.clientX);
     }
-    function Bt(e) {
+    function Vt(e) {
       if (!te.value || !k.value) return;
       const l = e.target;
       if (!(l instanceof Element) || !k.value.contains(l) || l.classList && l.classList.contains("range-handle")) return;
@@ -444,11 +444,11 @@ const ll = {
     function Ye(e) {
       if (!te.value) return;
       const l = Pe(Ge.value), o = Pe(e) - l, r = Math.max(1, Oe.value - Ce.value);
-      let h = Math.round(Ce.value + o);
+      let d = Math.round(Ce.value + o);
       const y = a.min, v = a.max - r;
-      h < y && (h = y), h > v && (h = v);
-      const D = h + r;
-      _(h), ee(D);
+      d < y && (d = y), d > v && (d = v);
+      const D = d + r;
+      _(d), ee(D);
     }
     function Ft() {
       Je();
@@ -457,20 +457,20 @@ const ll = {
       Je();
     }
     function Je() {
-      te.value = !1, T && A && window.removeEventListener(T, A), V && B && window.removeEventListener(V, B), T = V = null, A = B = null;
+      te.value = !1, T && B && window.removeEventListener(T, B), A && V && window.removeEventListener(A, V), T = A = null, B = V = null;
     }
-    const F = d(!1), le = d(null), ae = d(null), Ne = d(1), ce = d(1), W = d(!1);
+    const F = h(!1), le = h(null), ae = h(null), Ne = h(1), ce = h(1), W = h(!1);
     function qe() {
       le.value && (Ne.value = le.value.getBoundingClientRect().width);
     }
     function Ke() {
       ae.value && (ce.value = ae.value.getBoundingClientRect().width);
     }
-    const Qe = d(0);
+    const Qe = h(0);
     function je(e) {
       Qe.value = e === "start" ? 1 : 0;
     }
-    const ne = d(!1), ie = d({
+    const ne = h(!1), ie = h({
       width: 0,
       left: 0
     });
@@ -481,10 +481,10 @@ const ll = {
       }
       const e = le.value.getBoundingClientRect(), l = ae.value.getBoundingClientRect();
       ne.value = e.x + e.width > l.x;
-      const t = e.x + e.width / 2, o = l.x + l.width / 2, r = e.width + l.width, h = (t + o) / 2;
+      const t = e.x + e.width / 2, o = l.x + l.width / 2, r = e.width + l.width, d = (t + o) / 2;
       ie.value = {
         width: r,
-        left: h - r / 2
+        left: d - r / 2
       };
     }), Ut(() => {
       qe(), Ke();
@@ -504,7 +504,7 @@ const ll = {
       setStartValue: _,
       setEndValue: ee
     }), Le(() => {
-      O.value && O.value.disconnect(), T && A && window.removeEventListener(T, A), V && B && window.removeEventListener(V, B), T = V = null, A = B = null;
+      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));
     function _e(e) {
@@ -516,7 +516,7 @@ const ll = {
       return Math.min(Math.max(0, l), ue.value);
     }
     const I = s(() => _e(w.value)), X = s(() => Dt(S.value)), zt = s(() => {
-      if (!Be.value.length) return null;
+      if (!Ve.value.length) return null;
       if (E.value >= I.value && E.value < X.value) {
         const e = E.value;
         return {
@@ -543,7 +543,7 @@ const ll = {
       onTouchend: l[11] || (l[11] = (t) => W.value = !1)
     }, [
       P("div", ll, [
-        n.valueStart !== n.refreshStartPoint || n.valueEnd !== ht.value ? (u(), i("div", al, [
+        n.valueStart !== n.refreshStartPoint || n.valueEnd !== dt.value ? (u(), i("div", al, [
           n.useResetSlot ? Zt(e.$slots, "reset-action", {
             key: 1,
             reset: Fe
@@ -581,7 +581,7 @@ const ll = {
           }, [
             P("defs", null, [
               P("linearGradient", {
-                id: Ve.value,
+                id: Ae.value,
                 x1: "0%",
                 y1: "0%",
                 x2: "0%",
@@ -619,11 +619,11 @@ const ll = {
               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, h) => (u(), i(M, null, [
+                (u(!0), i(M, null, R(t.points, (r, d) => (u(), i(M, null, [
                   t.isVisible && !isNaN(r.y) ? (u(), i("rect", {
                     key: 0,
-                    x: We(r.x, o, h),
-                    width: Xe(o, h),
+                    x: We(r.x, o, d),
+                    width: Xe(o, d),
                     y: r.v >= 0 ? r.y : r.y0,
                     height: r.v >= 0 ? r.y0 - r.y : r.y - r.y0,
                     fill: t.color,
@@ -661,7 +661,7 @@ const ll = {
               fill: x.value,
               rx: n.minimapSelectionRadius,
               stroke: "none"
-            }, null, 8, hl),
+            }, null, 8, dl),
             P("rect", {
               x: C.value.x,
               width: C.value.width < 0 ? 0 : C.value.width,
@@ -669,7 +669,7 @@ const ll = {
               y: 0,
               rx: n.minimapSelectionRadius,
               fill: x.value
-            }, null, 8, dl),
+            }, null, 8, hl),
             P("rect", {
               x: C.value.x,
               width: C.value.width < 0 ? 0 : C.value.width,
@@ -697,7 +697,7 @@ const ll = {
                 c.value.selectionSet ? (u(), i("path", {
                   key: 0,
                   d: `M${c.value.sliced[0].x},${Math.max(g.value.height, 0)} ${c.value.selectionSet} L${c.value.sliced[c.value.sliced.length - 1].x},${Math.max(g.value.height, 0)}Z`,
-                  fill: `url(#${Ve.value})`,
+                  fill: `url(#${Ae.value})`,
                   stroke: "none",
                   style: { opacity: "1" }
                 }, null, 8, xl)) : m("", !0),
@@ -713,16 +713,16 @@ const ll = {
               ], 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, h) => (u(), i(M, null, [
+                (u(!0), i(M, null, R(t.points, (r, d) => (u(), i(M, null, [
                   t.isVisible && !isNaN(r.y) ? (u(), i("rect", {
                     key: 0,
-                    x: We(r.x, o, h),
-                    width: Xe(o, h),
+                    x: We(r.x, o, d),
+                    width: Xe(o, d),
                     y: r.v >= 0 ? r.y : r.y0,
                     height: r.v >= 0 ? r.y0 - r.y : r.y - r.y0,
                     fill: t.color,
                     style: L({
-                      opacity: h >= n.valueStart && h <= n.valueEnd - 1 ? 1 : 0
+                      opacity: d >= n.valueStart && d <= n.valueEnd - 1 ? 1 : 0
                     })
                   }, null, 12, bl)) : m("", !0)
                 ], 64))), 256))
@@ -840,10 +840,10 @@ const ll = {
                   cy: t.lastPlot.y,
                   r: "2",
                   fill: x.value
-                }, null, 8, Vl)) : m("", !0)
+                }, null, 8, Al)) : m("", !0)
               ]))), 128))
             ])),
-            (u(!0), i(M, null, R(Be.value, (t, o) => (u(), i("rect", {
+            (u(!0), i(M, null, R(Ve.value, (t, o) => (u(), i("rect", {
               y: 0,
               height: Math.max(g.value.height, 0),
               fill: "transparent",
@@ -858,7 +858,7 @@ const ll = {
               onMouseleave: l[2] || (l[2] = (r) => {
                 E.value = null, J("trapMouse", null);
               })
-            }, null, 44, Al))), 256))
+            }, null, 44, Bl))), 256))
           ], 8, il))
         ])) : m("", !0),
         P("div", {
@@ -894,7 +894,7 @@ const ll = {
           step: 1,
           "onUpdate:modelValue": l[5] || (l[5] = (t) => ye.value = t),
           onMouseenter: l[6] || (l[6] = (t) => je("start"))
-        }, null, 42, Bl)), [
+        }, null, 42, Vl)), [
           [
             nt,
             ye.value,

package/dist/{SparkTooltip-B82G5-BO.js → SparkTooltip-Dz1PDE_h.js}

@@ -1,5 +1,5 @@
 import { toRef as c, ref as a, computed as v, onMounted as m, watch as y, createElementBlock as b, openBlock as g, normalizeStyle as x, renderSlot as k, nextTick as S } from "vue";
-import { s as _, ai as i } from "./lib-CDp2KgIU.js";
+import { s as _, ah as i } from "./lib-BEpWEyMm.js";
 import { _ as N } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const R = {
   __name: "SparkTooltip",

package/dist/{Title-DlqxaiIs.js → Title-C__lOIPC.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as l, openBlock as n, Fragment as f, createElementVNode as p, createCommentVNode as o, normalizeStyle as d, unref as e, toDisplayString as g, renderSlot as r } from "vue";
-import { a as s } from "./useNestedProp-Cwtenuui.js";
+import { a as s } from "./useNestedProp-CLD3Gk9S.js";
 const b = {
   __name: "Title",
   props: {

package/dist/{Tooltip-BKqK7z38.js → Tooltip-BOXz8skU.js}

@@ -1,5 +1,5 @@
 import { ref as f, onMounted as F, onUnmounted as S, watch as b, nextTick as B, computed as y, createBlock as C, openBlock as g, Teleport as w, createElementBlock as N, createCommentVNode as T, normalizeStyle as $, normalizeClass as M, renderSlot as h, createElementVNode as Y } from "vue";
-import { s as z } from "./lib-CDp2KgIU.js";
+import { s as z } from "./lib-BEpWEyMm.js";
 function A({ tooltip: a, chart: e, clientPosition: o, positionPreference: c = "center", defaultOffsetY: p = 24, blockShiftY: u = !1 }) {
   const t = f(0), i = f(p);
   if (a && e) {

package/dist/{UserOptions-C9IFsUt0.js → UserOptions-DsTgvAok.js}

@@ -1,7 +1,7 @@
 import { ref as m, computed as w, onMounted as Z, onBeforeUnmount as p, withDirectives as _, createElementBlock as s, openBlock as o, normalizeStyle as b, createElementVNode as D, withKeys as ee, withModifiers as te, renderSlot as d, normalizeProps as A, guardReactiveProps as oe, createVNode as ne, normalizeClass as k, createCommentVNode as a, Fragment as $, createBlock as f, toDisplayString as c, mergeProps as T, unref as le } from "vue";
 import { v as ie } from "./vClickOutside-C6WiFswA.js";
-import r from "./BaseIcon-e63bhLIi.js";
-import X from "./img-A48JwXxj.js";
+import r from "./BaseIcon-Bz-1GQhu.js";
+import X from "./img-DjWwQXVS.js";
 import { _ as se } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ae = ["title"], ue = ["data-open"], re = {
   __name: "UserOptions",

package/dist/components/arrow.js

@@ -1,4 +1,4 @@
-import { _ as o, _ as e } from "../Arrow-BWqgcDpl.js";
+import { _ as o, _ as e } from "../Arrow-Bb0bGghy.js";
 export {
   o as Arrow,
   e as default

package/dist/components/vue-ui-3d-bar.js

@@ -1,4 +1,4 @@
-import { default as d, default as f } from "../vue-ui-3d-bar-rxghnZJO.js";
+import { default as d, default as f } from "../vue-ui-3d-bar-HrbA4DmH.js";
 export {
   d as VueUi3dBar,
   f as default

package/dist/components/vue-ui-accordion.js

@@ -1,4 +1,4 @@
-import { default as a, default as d } from "../vue-ui-accordion-BWnxgda4.js";
+import { default as a, default as d } from "../vue-ui-accordion-Cv7OaVUI.js";
 export {
   a as VueUiAccordion,
   d as default

package/dist/components/vue-ui-age-pyramid.js

@@ -1,4 +1,4 @@
-import { default as d, default as f } from "../vue-ui-age-pyramid-gT_SnI-F.js";
+import { default as d, default as f } from "../vue-ui-age-pyramid-CS5384rT.js";
 export {
   d as VueUiAgePyramid,
   f as default

package/dist/components/vue-ui-annotator.js

@@ -0,0 +1,5 @@
+import { default as e, default as o } from "../vue-ui-annotator-DOO0qej9.js";
+export {
+  e as VueUiAnnotator,
+  o as default
+};

package/dist/components/vue-ui-bullet.js

@@ -1,4 +1,4 @@
-import { default as t, default as u } from "../vue-ui-bullet-DREbhLhy.js";
+import { default as t, default as u } from "../vue-ui-bullet-DaauvX3a.js";
 export {
   t as VueUiBullet,
   u as default

package/dist/components/vue-ui-candlestick.js

@@ -1,4 +1,4 @@
-import { default as t, default as d } from "../vue-ui-candlestick-D4P15Ci1.js";
+import { default as t, default as d } from "../vue-ui-candlestick-DQXu21Mp.js";
 export {
   t as VueUiCandlestick,
   d as default

package/dist/components/vue-ui-carousel-table.js

@@ -1,4 +1,4 @@
-import { default as l, default as u } from "../vue-ui-carousel-table-C24KX4gd.js";
+import { default as l, default as u } from "../vue-ui-carousel-table-Bh8Vb6ce.js";
 export {
   l as VueUiCarouselTable,
   u as default

package/dist/components/vue-ui-chestnut.js

@@ -1,4 +1,4 @@
-import { default as u, default as a } from "../vue-ui-chestnut-BbQknrj0.js";
+import { default as u, default as a } from "../vue-ui-chestnut-BgmAUlUz.js";
 export {
   u as VueUiChestnut,
   a as default

package/dist/components/vue-ui-chord.js

@@ -1,4 +1,4 @@
-import { default as d, default as f } from "../vue-ui-chord-BM4_D9kI.js";
+import { default as d, default as f } from "../vue-ui-chord-3NX_jwG_.js";
 export {
   d as VueUiChord,
   f as default

package/dist/components/vue-ui-circle-pack.js

@@ -1,4 +1,4 @@
-import { default as f, default as l } from "../vue-ui-circle-pack-S4Asc9CS.js";
+import { default as f, default as l } from "../vue-ui-circle-pack-Berb37Aa.js";
 export {
   f as VueUiCirclePack,
   l as default

package/dist/components/vue-ui-cursor.js

@@ -1,4 +1,4 @@
-import { default as u, default as a } from "../vue-ui-cursor-F9MXsQ1K.js";
+import { default as u, default as a } from "../vue-ui-cursor-Cbt_0B5t.js";
 export {
   u as VueUiCursor,
   a as default

package/dist/components/vue-ui-dashboard.js

@@ -1,4 +1,4 @@
-import { default as d, default as f } from "../vue-ui-dashboard-D6LHLdFS.js";
+import { default as d, default as f } from "../vue-ui-dashboard-BzU-96mz.js";
 export {
   d as VueUiDashboard,
   f as default

package/dist/components/vue-ui-digits.js

@@ -1,4 +1,4 @@
-import { default as a, default as f } from "../vue-ui-digits-B_8VzLOS.js";
+import { default as a, default as f } from "../vue-ui-digits-ChAz3jSS.js";
 export {
   a as VueUiDigits,
   f as default

package/dist/components/vue-ui-donut-evolution.js

@@ -1,4 +1,4 @@
-import { default as u, default as e } from "../vue-ui-donut-evolution-DOn-7PnK.js";
+import { default as u, default as e } from "../vue-ui-donut-evolution-BD3_nxd1.js";
 export {
   u as VueUiDonutEvolution,
   e as default

package/dist/components/vue-ui-donut.js

@@ -1,4 +1,4 @@
-import { default as u, default as a } from "../vue-ui-donut-B7T8_tP1.js";
+import { default as u, default as a } from "../vue-ui-donut-BBQNmH5y.js";
 export {
   u as VueUiDonut,
   a as default

package/dist/components/vue-ui-dumbbell.js

@@ -1,4 +1,4 @@
-import { default as u, default as a } from "../vue-ui-dumbbell-Ch66pFUG.js";
+import { default as u, default as a } from "../vue-ui-dumbbell-Ct-YAkFg.js";
 export {
   u as VueUiDumbbell,
   a as default

package/dist/components/vue-ui-flow.js

@@ -1,4 +1,4 @@
-import { default as f, default as l } from "../vue-ui-flow-DPcsRLJJ.js";
+import { default as f, default as l } from "../vue-ui-flow-CVHjWM9l.js";
 export {
   f as VueUiFlow,
   l as default

package/dist/components/vue-ui-funnel.js

@@ -1,4 +1,4 @@
-import { default as a, default as f } from "../vue-ui-funnel-BdcKoacQ.js";
+import { default as a, default as f } from "../vue-ui-funnel-Co79mdnX.js";
 export {
   a as VueUiFunnel,
   f as default

package/dist/components/vue-ui-galaxy.js

@@ -1,4 +1,4 @@
-import { default as f, default as l } from "../vue-ui-galaxy-D3c-O1Op.js";
+import { default as f, default as l } from "../vue-ui-galaxy-D-XFEUfD.js";
 export {
   f as VueUiGalaxy,
   l as default

package/dist/components/vue-ui-gauge.js

@@ -1,4 +1,4 @@
-import { default as u, default as f } from "../vue-ui-gauge-D1zbKzZQ.js";
+import { default as u, default as f } from "../vue-ui-gauge-Cx6eQ1nL.js";
 export {
   u as VueUiGauge,
   f as default

package/dist/components/vue-ui-gizmo.js

@@ -1,4 +1,4 @@
-import { default as f, default as o } from "../vue-ui-gizmo-CcrANrSX.js";
+import { default as f, default as o } from "../vue-ui-gizmo-D2PHxbS3.js";
 export {
   f as VueUiGizmo,
   o as default

package/dist/components/vue-ui-heatmap.js

@@ -1,4 +1,4 @@
-import { default as t, default as f } from "../vue-ui-heatmap-CcvV9Y14.js";
+import { default as t, default as f } from "../vue-ui-heatmap-D4KCpMN3.js";
 export {
   t as VueUiHeatmap,
   f as default

package/dist/components/vue-ui-history-plot.js

@@ -1,4 +1,4 @@
-import { default as o, default as a } from "../vue-ui-history-plot-a0mLhd0L.js";
+import { default as o, default as a } from "../vue-ui-history-plot-Q_Q9g2Es.js";
 export {
   o as VueUiHistoryPlot,
   a as default

package/dist/components/vue-ui-horizontal-bar.js

@@ -1,4 +1,4 @@
-import { default as o, default as r } from "../vue-ui-vertical-bar-DqnTF6h2.js";
+import { default as o, default as r } from "../vue-ui-vertical-bar-DE42y9ZI.js";
 export {
   o as VueUiHorizontalBar,
   r as default

package/dist/components/vue-ui-icon.js

@@ -1,4 +1,4 @@
-import { default as f, default as o } from "../BaseIcon-e63bhLIi.js";
+import { default as f, default as o } from "../BaseIcon-Bz-1GQhu.js";
 export {
   f as VueUiIcon,
   o as default

package/dist/components/vue-ui-kpi.js

@@ -1,4 +1,4 @@
-import { default as f, default as t } from "../vue-ui-kpi-BwUpplcm.js";
+import { default as f, default as t } from "../vue-ui-kpi-D7WXGb3K.js";
 export {
   f as VueUiKpi,
   t as default