vue-data-ui 2.13.4 → 2.13.5-beta.0

package/dist/{Slicer-kZ-UNW0I.js → Slicer-B-5jXhhw.js}

@@ -1,7 +1,7 @@
-import { useCssVars as ze, computed as d, ref as i, watch as T, onMounted as Ae, onBeforeUnmount as He, watchEffect as Fe, nextTick as Y, onUpdated as Ve, createElementBlock as c, openBlock as m, createElementVNode as v, createCommentVNode as y, renderSlot as We, normalizeStyle as $, createVNode as Xe, withDirectives as me, unref as H, Fragment as he, renderList as fe, normalizeClass as N, vModelText as ge, toDisplayString as _ } from "vue";
-import Ue from "./BaseIcon-B90jg7Eo.js";
+import { useCssVars as ze, computed as d, ref as i, watch as T, onMounted as Ae, onBeforeUnmount as He, watchEffect as Fe, nextTick as Y, onUpdated as Ve, createElementBlock as c, openBlock as m, createElementVNode as v, createCommentVNode as p, renderSlot as We, normalizeStyle as $, createVNode as Xe, withDirectives as me, unref as H, Fragment as he, renderList as fe, normalizeClass as L, vModelText as ge, toDisplayString as _ } from "vue";
+import Ue from "./BaseIcon-lwpKi6Wa.js";
 import { t as Oe, u as Ze } from "./useResponsive-JZ9xq-JV.js";
-import { c as je, U as pe, T as be, X as Ge, G as ee } from "./index-DXfqC_CG.js";
+import { c as je, U as be, T as xe, X as Ge, G as ee } from "./index-C137VZkI.js";
 import { _ as qe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Je = {
   class: "vue-data-ui-slicer-labels",
@@ -29,11 +29,11 @@ const Je = {
       default: 14
     },
     labelLeft: {
-      type: String,
+      type: [String, Number],
       default: ""
     },
     labelRight: {
-      type: String,
+      type: [String, Number],
       default: ""
     },
     textColor: {
@@ -122,30 +122,30 @@ const Je = {
     }
   },
   emits: ["update:start", "update:end", "reset", "trapMouse"],
-  setup(a, { expose: xe, emit: ye }) {
+  setup(t, { expose: ye, emit: pe }) {
     ze((e) => ({
-      "4a4fd8c2": Se.value,
-      "3b753d94": w.value,
-      "5d48a3b2": ke.value,
-      "7b0abb34": a.selectColor,
-      "45a92c18": Ce.value
+      "4d0617d2": Se.value,
+      "71727c8b": w.value,
+      "637a35bc": ke.value,
+      "51a7bdbb": t.selectColor,
+      e1fe5a6e: Ce.value
     }));
-    const t = a, g = i(null), u = i(t.min), r = i(t.max), L = d(() => !!t.minimap.length), F = i(je()), we = d(() => t.refreshEndPoint === null ? t.max : t.refreshEndPoint), S = ye, p = d(() => {
-      const e = t.max - t.min, l = (u.value - t.min) / e * 100, n = (r.value - t.min) / e * 100, s = (l + n) / 2, h = W.value ? `calc(${s}% - ${A.value.width}px)` : V.value ? `calc(${s}%)` : `calc(${s}% - ${A.value.width / 2}px)`;
+    const l = t, g = i(null), u = i(l.min), r = i(l.max), M = d(() => !!l.minimap.length), F = i(je()), we = d(() => l.refreshEndPoint === null ? l.max : l.refreshEndPoint), S = pe, b = d(() => {
+      const e = l.max - l.min, a = (u.value - l.min) / e * 100, n = (r.value - l.min) / e * 100, s = (a + n) / 2, h = W.value ? `calc(${s}% - ${A.value.width}px)` : V.value ? `calc(${s}%)` : `calc(${s}% - ${A.value.width / 2}px)`;
       return {
-        left: `${l}%`,
-        width: `${n - l}%`,
-        background: t.selectColor,
-        tooltipLeft: `calc(${l}% - ${V.value ? 0 : K.value / 2}px)`,
+        left: `${a}%`,
+        width: `${n - a}%`,
+        background: l.selectColor,
+        tooltipLeft: `calc(${a}% - ${V.value ? 0 : K.value / 2}px)`,
         tooltipRight: `calc(${n}% - ${W.value ? z.value : z.value / 2}px)`,
         tooltipCenter: h,
         arrowLeft: !V.value,
         arrowRight: !W.value
       };
-    }), V = d(() => g.value ? g.value.getBoundingClientRect().width * ((u.value - t.min) / (t.max - t.min)) - K.value / 2 < 0 : !1), W = d(() => g.value ? g.value.getBoundingClientRect().width * ((r.value - t.min) / (t.max - t.min)) + z.value / 2 > g.value.getBoundingClientRect().width : !1), Se = d(() => t.inputColor), Ce = d(() => t.background), ke = d(() => `${t.selectColor}33`), w = d(() => t.borderColor), te = d(() => {
+    }), V = d(() => g.value ? g.value.getBoundingClientRect().width * ((u.value - l.min) / (l.max - l.min)) - K.value / 2 < 0 : !1), W = d(() => g.value ? g.value.getBoundingClientRect().width * ((r.value - l.min) / (l.max - l.min)) + z.value / 2 > g.value.getBoundingClientRect().width : !1), Se = d(() => l.inputColor), Ce = d(() => l.background), ke = d(() => `${l.selectColor}33`), w = d(() => l.borderColor), te = d(() => {
       let e = [];
-      for (let l = 0; l < t.minimap.length; l += 1)
-        e.push(l);
+      for (let a = 0; a < l.minimap.length; a += 1)
+        e.push(a);
       return e;
     });
     function le() {
@@ -158,12 +158,12 @@ const Je = {
       Number(r.value) < Number(u.value) + 1 && (r.value = Number(u.value) + 1), S("update:end", Number(r.value));
     }
     T(
-      () => t.min,
+      () => l.min,
       (e) => {
         Number(u.value) < Number(e) && (u.value = Number(e)), Number(r.value) < Number(e) && (r.value = Number(e));
       }
     ), T(
-      () => t.max,
+      () => l.max,
       (e) => {
         Number(u.value) > Number(e) && (u.value = Number(e)), Number(r.value) > Number(e) && (r.value = Number(e));
       }
@@ -173,65 +173,65 @@ const Je = {
       height: 1
     }), D = i(null);
     Ae(() => {
-      if (L.value) {
+      if (M.value) {
         const e = Oe(() => {
-          const { width: l, height: n } = Ze({
+          const { width: a, height: n } = Ze({
             chart: X.value
           });
-          o.value.width = l, o.value.height = n - 47;
+          o.value.width = a, o.value.height = n - 47;
         });
         D.value = new ResizeObserver(e), D.value.observe(X.value);
       }
     }), He(() => {
       D.value && D.value.disconnect();
     });
-    const f = d(() => t.minimap.length ? o.value.width / t.minimap.length : 0), b = d(() => {
-      if (!t.minimap.length) return [];
-      const e = Math.max(...t.minimap), l = Math.min(...t.minimap) - 10, n = e - (l > 0 ? 0 : l), s = t.minimap.map((Q, Ie) => {
-        const Pe = Q - l;
+    const f = d(() => l.minimap.length ? o.value.width / l.minimap.length : 0), x = d(() => {
+      if (!l.minimap.length) return [];
+      const e = Math.max(...l.minimap), a = Math.min(...l.minimap) - 10, n = e - (a > 0 ? 0 : a), s = l.minimap.map((Q, Ie) => {
+        const Pe = Q - a;
         return {
-          x: o.value.width / t.minimap.length * Ie + f.value / 2,
+          x: o.value.width / l.minimap.length * Ie + f.value / 2,
           y: o.value.height - Pe / n * (o.value.height * 0.9)
         };
-      }), h = t.smoothMinimap ? pe(s) : be(s), k = [...s].slice(t.valueStart, t.valueEnd), M = t.smoothMinimap ? pe(k) : be(k);
+      }), h = l.smoothMinimap ? be(s) : xe(s), k = [...s].slice(l.valueStart, l.valueEnd), N = l.smoothMinimap ? be(k) : xe(k);
       return {
         fullSet: h,
-        selectionSet: M,
+        selectionSet: N,
         sliced: k,
-        firstPlot: s[t.valueStart],
-        lastPlot: s[t.valueEnd - 1]
+        firstPlot: s[l.valueStart],
+        lastPlot: s[l.valueEnd - 1]
       };
-    }), x = d(() => ({
+    }), y = d(() => ({
       x: f.value * u.value + f.value / 2,
-      width: o.value.width * ((r.value - u.value) / t.max) - f.value
-    })), E = i(t.minimapSelectedIndex);
-    T(() => t.minimapSelectedIndex, (e) => {
-      E.value = e + t.valueStart;
+      width: o.value.width * ((r.value - u.value) / l.max) - f.value
+    })), E = i(l.minimapSelectedIndex);
+    T(() => l.minimapSelectedIndex, (e) => {
+      E.value = e + l.valueStart;
     }, { immediate: !0 });
-    function Me(e) {
-      E.value = e, e >= t.valueStart && e < t.valueEnd && S("trapMouse", e - t.valueStart);
+    function Ne(e) {
+      E.value = e, e >= l.valueStart && e < l.valueEnd && S("trapMouse", e - l.valueStart);
     }
-    const Ne = i(0), U = i(null), O = i(null);
+    const Le = i(0), U = i(null), O = i(null);
     function Z(e) {
       u.value = e, U.value && (U.value.value = e), S("update:start", Number(u.value));
     }
     function j(e) {
       r.value = e, O.value && (O.value.value = e), S("update:end", Number(r.value));
     }
-    const G = d(() => t.valueEnd - t.valueStart), q = i(!1);
+    const G = d(() => l.valueEnd - l.valueStart), q = i(!1);
     let J = i(null);
-    const Le = d(() => g.value ? (g.value.getBoundingClientRect().width - 48) / (t.max - t.min) : 20), Ee = d(() => (g.value.getBoundingClientRect().width - 48) / (t.max - t.min) * G.value), Be = i(2.5), ae = d(() => {
+    const Me = d(() => g.value ? (g.value.getBoundingClientRect().width - 48) / (l.max - l.min) : 20), Ee = d(() => (g.value.getBoundingClientRect().width - 48) / (l.max - l.min) * G.value), Be = i(2.5), ae = d(() => {
       const e = g.value.getBoundingClientRect().width - 48;
-      return Math.ceil((t.max - t.min) / ((e - Ee.value) / Be.value));
+      return Math.ceil((l.max - l.min) / ((e - Ee.value) / Be.value));
     }), ne = (e) => {
-      if (C.value = !0, !t.enableSelectionDrag)
+      if (C.value = !0, !l.enableSelectionDrag)
         return;
-      const l = e.type === "touchstart";
-      if ((l ? e.targetTouches[0].target : e.target).classList.contains("range-handle"))
+      const a = e.type === "touchstart";
+      if ((a ? e.targetTouches[0].target : e.target).classList.contains("range-handle"))
         return;
-      q.value = !0, J.value = l ? e.targetTouches[0].clientX : e.clientX;
-      const s = l ? Te : ie, h = l ? De : ue;
-      window.addEventListener(l ? "touchmove" : "mousemove", s, { passive: !1 }), window.addEventListener(l ? "touchend" : "mouseup", h);
+      q.value = !0, J.value = a ? e.targetTouches[0].clientX : e.clientX;
+      const s = a ? Te : ie, h = a ? De : ue;
+      window.addEventListener(a ? "touchmove" : "mousemove", s, { passive: !1 }), window.addEventListener(a ? "touchend" : "mouseup", h);
     };
     function ie(e) {
       oe(e.clientX);
@@ -241,14 +241,14 @@ const Je = {
     }
     function oe(e) {
       if (!q.value) return;
-      const l = e - J.value;
-      if (Math.abs(l) > Le.value) {
-        if (l > 0) {
-          if (Number(r.value) + 1 <= t.max) {
-            const n = Math.min(t.max, Number(r.value) + ae.value);
+      const a = e - J.value;
+      if (Math.abs(a) > Me.value) {
+        if (a > 0) {
+          if (Number(r.value) + 1 <= l.max) {
+            const n = Math.min(l.max, Number(r.value) + ae.value);
             j(n), Z(n - G.value);
           }
-        } else if (Number(u.value) - 1 >= t.min) {
+        } else if (Number(u.value) - 1 >= l.min) {
           const n = Math.max(0, Number(u.value) - ae.value);
           Z(n), j(n + G.value);
         }
@@ -261,8 +261,8 @@ const Je = {
     function De() {
       re("touchmove", "touchend");
     }
-    function re(e, l) {
-      q.value = !1, window.removeEventListener(e, ie), window.removeEventListener(l, ue);
+    function re(e, a) {
+      q.value = !1, window.removeEventListener(e, ie), window.removeEventListener(a, ue);
     }
     const R = i(!1), I = i(null), P = i(null), K = i(1), z = i(1), C = i(!1);
     function se() {
@@ -280,29 +280,29 @@ const Je = {
       left: 0
     });
     return Fe(async () => {
-      const e = I.value, l = P.value;
+      const e = I.value, a = P.value;
       u.value, r.value;
       const n = g.value;
-      if (!e || !l || !n) {
+      if (!e || !a || !n) {
         B.value = !1;
         return;
       }
       await Y();
-      const { x: s, width: h } = e.getBoundingClientRect(), { x: k, width: M } = l.getBoundingClientRect(), Q = k + M / 2 - (k + M / 2 - (s + h / 2));
+      const { x: s, width: h } = e.getBoundingClientRect(), { x: k, width: N } = a.getBoundingClientRect(), Q = k + N / 2 - (k + N / 2 - (s + h / 2));
       B.value = s + h > k, A.value = {
-        width: h + M,
-        left: Q - (h + M / 2)
+        width: h + N,
+        left: Q - (h + N / 2)
       };
     }), Ve(() => {
       se(), de();
-    }), T(() => t.labelLeft, () => {
+    }), T(() => l.labelLeft, () => {
       Y(se);
-    }, { deep: !0 }), T(() => t.labelRight, () => {
+    }, { deep: !0 }), T(() => l.labelRight, () => {
       Y(de);
-    }, { deep: !0 }), xe({
+    }, { deep: !0 }), ye({
       setStartValue: Z,
       setEndValue: j
-    }), (e, l) => (m(), c("div", {
+    }), (e, a) => (m(), c("div", {
       "data-dom-to-png-ignore": "",
       style: { padding: "0 24px" },
       class: "vue-data-ui-zoom",
@@ -310,11 +310,11 @@ const Je = {
       ref: g,
       onMousedown: ne,
       onTouchstart: ne,
-      onTouchend: l[11] || (l[11] = (n) => C.value = !1)
+      onTouchend: a[11] || (a[11] = (n) => C.value = !1)
     }, [
       v("div", Je, [
-        a.valueStart !== a.refreshStartPoint || a.valueEnd !== we.value ? (m(), c("div", Ke, [
-          a.useResetSlot ? We(e.$slots, "reset-action", {
+        t.valueStart !== t.refreshStartPoint || t.valueEnd !== we.value ? (m(), c("div", Ke, [
+          t.useResetSlot ? We(e.$slots, "reset-action", {
             key: 1,
             reset: le
           }, void 0, !0) : (m(), c("button", {
@@ -323,27 +323,27 @@ const Je = {
             role: "button",
             class: "vue-data-ui-refresh-button",
             style: $({
-              top: L.value ? "36px" : "-16px",
+              top: M.value ? "36px" : "-16px",
               pointerEvents: "all !important"
             }),
             onClick: le
           }, [
             Xe(Ue, {
               name: "refresh",
-              stroke: a.textColor
+              stroke: t.textColor
             }, null, 8, ["stroke"])
           ], 4))
-        ])) : y("", !0)
+        ])) : p("", !0)
       ]),
       v("div", {
         class: "double-range-slider",
         ref_key: "minimapWrapper",
         ref: X,
         style: { "z-index": "0" },
-        onMouseenter: l[9] || (l[9] = (n) => C.value = !0),
-        onMouseleave: l[10] || (l[10] = (n) => C.value = !1)
+        onMouseenter: a[9] || (a[9] = (n) => C.value = !0),
+        onMouseleave: a[10] || (a[10] = (n) => C.value = !1)
       }, [
-        L.value ? (m(), c("div", Qe, [
+        M.value ? (m(), c("div", Qe, [
           (m(), c("svg", {
             xmlns: H(Ge),
             viewBox: `0 0 ${o.value.width < 0 ? 0 : o.value.width} ${o.value.height < 0 ? 0 : o.value.height}`
@@ -358,17 +358,17 @@ const Je = {
               }, [
                 v("stop", {
                   offset: "0%",
-                  "stop-color": `${a.minimapLineColor}50`
+                  "stop-color": `${t.minimapLineColor}50`
                 }, null, 8, et),
-                l[12] || (l[12] = v("stop", {
+                a[12] || (a[12] = v("stop", {
                   offset: "100%",
                   "stop-color": "transparent"
                 }, null, -1))
               ], 8, _e)
             ]),
             v("path", {
-              d: `M${b.value.fullSet}`,
-              stroke: `${a.minimapLineColor}`,
+              d: `M${x.value.fullSet}`,
+              stroke: `${t.minimapLineColor}`,
               fill: "none",
               "stroke-width": "1",
               "stroke-linecap": "round",
@@ -376,82 +376,82 @@ const Je = {
               style: { opacity: "1" }
             }, null, 8, tt),
             v("rect", {
-              x: x.value.x,
-              width: x.value.width < 0 ? 0 : x.value.width,
+              x: y.value.x,
+              width: y.value.width < 0 ? 0 : y.value.width,
               height: Math.max(o.value.height, 0),
               y: 0,
               fill: w.value,
-              rx: a.minimapSelectionRadius,
+              rx: t.minimapSelectionRadius,
               stroke: "none"
             }, null, 8, lt),
             v("path", {
-              d: `M${f.value / 2},${Math.max(o.value.height, 0)} ${b.value.fullSet} L${o.value.width - f.value / 2},${Math.max(o.value.height, 0)}Z`,
+              d: `M${f.value / 2},${Math.max(o.value.height, 0)} ${x.value.fullSet} L${o.value.width - f.value / 2},${Math.max(o.value.height, 0)}Z`,
               fill: `url(#${F.value})`,
               stroke: "none",
               style: { opacity: "1" }
             }, null, 8, at),
             v("rect", {
-              x: x.value.x,
-              width: x.value.width < 0 ? 0 : x.value.width,
+              x: y.value.x,
+              width: y.value.width < 0 ? 0 : y.value.width,
               height: Math.max(o.value.height, 0),
               y: 0,
-              rx: a.minimapSelectionRadius,
+              rx: t.minimapSelectionRadius,
               fill: w.value
             }, null, 8, nt),
             v("rect", {
-              x: x.value.x,
-              width: x.value.width < 0 ? 0 : x.value.width,
+              x: y.value.x,
+              width: y.value.width < 0 ? 0 : y.value.width,
               height: Math.max(o.value.height, 0),
               y: 0,
-              fill: a.minimapSelectedColor,
-              rx: a.minimapSelectionRadius,
+              fill: t.minimapSelectedColor,
+              rx: t.minimapSelectionRadius,
               style: $({
-                opacity: a.minimapSelectedColorOpacity
+                opacity: t.minimapSelectedColorOpacity
               })
             }, null, 12, it),
             v("path", {
-              d: `M${b.value.sliced[0].x},${Math.max(o.value.height, 0)} ${b.value.selectionSet} L${b.value.sliced.at(-1).x},${Math.max(o.value.height, 0)}Z`,
+              d: `M${x.value.sliced[0].x},${Math.max(o.value.height, 0)} ${x.value.selectionSet} L${x.value.sliced.at(-1).x},${Math.max(o.value.height, 0)}Z`,
               fill: `url(#${F.value})`,
               stroke: "none",
               style: { opacity: "1" }
             }, null, 8, ot),
             v("path", {
-              d: `M ${b.value.selectionSet}`,
-              stroke: `${a.minimapLineColor}`,
+              d: `M ${x.value.selectionSet}`,
+              stroke: `${t.minimapLineColor}`,
               fill: "transparent",
               "stroke-width": "2",
               "stroke-linecap": "round",
               "stroke-linejoin": "round"
             }, null, 8, ut),
             v("circle", {
-              cx: b.value.firstPlot.x,
-              cy: b.value.firstPlot.y,
+              cx: x.value.firstPlot.x,
+              cy: x.value.firstPlot.y,
               "stroke-width": "0.5",
               stroke: w.value,
               r: "3",
-              fill: a.minimapLineColor
+              fill: t.minimapLineColor
             }, null, 8, rt),
             v("circle", {
-              cx: b.value.lastPlot.x,
-              cy: b.value.lastPlot.y,
+              cx: x.value.lastPlot.x,
+              cy: x.value.lastPlot.y,
               "stroke-width": "0.5",
               stroke: w.value,
               r: "3",
-              fill: a.minimapLineColor
+              fill: t.minimapLineColor
             }, null, 8, st),
             E.value !== null ? (m(!0), c(he, { key: 0 }, fe(te.value, (n, s) => (m(), c("g", null, [
-              E.value === n && n >= a.valueStart && n < a.valueEnd ? (m(), c("line", {
+              E.value === n && n >= t.valueStart && n < t.valueEnd ? (m(), c("line", {
                 key: 0,
                 x1: f.value * s + f.value / 2,
                 x2: f.value * s + f.value / 2,
                 y1: 0,
                 y2: Math.max(o.value.height, 0),
-                stroke: a.minimapIndicatorColor,
+                stroke: t.minimapIndicatorColor,
                 "stroke-linecap": "round",
                 "stroke-dasharray": "2",
                 "stroke-width": "1"
-              }, null, 8, dt)) : y("", !0)
-            ]))), 256)) : y("", !0),
+              }, null, 8, dt)) : p("", !0)
+            ]))), 256)) : p("", !0),
             (m(!0), c(he, null, fe(te.value, (n, s) => (m(), c("rect", {
               x: f.value * s,
               y: 0,
@@ -459,119 +459,119 @@ const Je = {
               width: f.value < 0 ? 0 : f.value,
               fill: "transparent",
               style: $([{ "pointer-events": "all !important" }, {
-                cursor: n >= a.valueStart && n < a.valueEnd && a.enableSelectionDrag ? R.value ? "grabbing" : "grab" : "default"
+                cursor: n >= t.valueStart && n < t.valueEnd && t.enableSelectionDrag ? R.value ? "grabbing" : "grab" : "default"
               }]),
-              onMousedown: l[0] || (l[0] = (h) => R.value = !0),
-              onMouseup: l[1] || (l[1] = (h) => R.value = !1),
-              onMouseenter: (h) => Me(n),
-              onMouseleave: l[2] || (l[2] = (h) => {
+              onMousedown: a[0] || (a[0] = (h) => R.value = !0),
+              onMouseup: a[1] || (a[1] = (h) => R.value = !1),
+              onMouseenter: (h) => Ne(n),
+              onMouseleave: a[2] || (a[2] = (h) => {
                 E.value = null, S("trapMouse", null);
               })
             }, null, 44, vt))), 256))
           ], 8, Ye))
-        ])) : y("", !0),
-        l[13] || (l[13] = v("div", { class: "slider-track" }, null, -1)),
+        ])) : p("", !0),
+        a[13] || (a[13] = v("div", { class: "slider-track" }, null, -1)),
         v("div", {
-          class: N({
+          class: L({
             "range-highlight": !0,
-            move: a.enableSelectionDrag
+            move: t.enableSelectionDrag
           }),
-          onMousedown: l[3] || (l[3] = (n) => R.value = !0),
-          onMouseup: l[4] || (l[4] = (n) => R.value = !1),
+          onMousedown: a[3] || (a[3] = (n) => R.value = !0),
+          onMouseup: a[4] || (a[4] = (n) => R.value = !1),
           style: $({
-            ...p.value,
+            ...b.value,
             cursor: R.value ? "grabbing" : "grab"
           })
         }, null, 38),
-        a.enableRangeHandles ? me((m(), c("input", {
+        t.enableRangeHandles ? me((m(), c("input", {
           ref_key: "rangeStart",
           ref: U,
-          key: `range-min${Ne.value}`,
+          key: `range-min${Le.value}`,
           type: "range",
-          class: N({ "range-left": !0, "range-handle": !0, "range-minimap": L.value && a.verticalHandles }),
-          min: a.min,
-          max: a.max,
-          "onUpdate:modelValue": l[5] || (l[5] = (n) => u.value = n),
+          class: L({ "range-left": !0, "range-handle": !0, "range-minimap": M.value && t.verticalHandles }),
+          min: t.min,
+          max: t.max,
+          "onUpdate:modelValue": a[5] || (a[5] = (n) => u.value = n),
           onInput: $e,
-          onMouseenter: l[6] || (l[6] = (n) => ce("start"))
+          onMouseenter: a[6] || (a[6] = (n) => ce("start"))
         }, null, 42, ct)), [
           [ge, u.value]
-        ]) : y("", !0),
-        a.enableRangeHandles ? me((m(), c("input", {
+        ]) : p("", !0),
+        t.enableRangeHandles ? me((m(), c("input", {
           key: 2,
           ref_key: "rangeEnd",
           ref: O,
           type: "range",
-          class: N({ "range-right": !0, "range-handle": !0, "range-minimap": L.value && a.verticalHandles }),
-          min: a.min,
-          max: a.max,
-          "onUpdate:modelValue": l[7] || (l[7] = (n) => r.value = n),
+          class: L({ "range-right": !0, "range-handle": !0, "range-minimap": M.value && t.verticalHandles }),
+          min: t.min,
+          max: t.max,
+          "onUpdate:modelValue": a[7] || (a[7] = (n) => r.value = n),
           onInput: Re,
-          onMouseenter: l[8] || (l[8] = (n) => ce("end"))
+          onMouseenter: a[8] || (a[8] = (n) => ce("end"))
         }, null, 42, mt)), [
           [ge, r.value]
-        ]) : y("", !0),
-        a.labelLeft ? (m(), c("div", {
+        ]) : p("", !0),
+        t.labelLeft ? (m(), c("div", {
           key: 3,
           ref_key: "tooltipLeft",
           ref: I,
-          class: N({
+          class: L({
             "range-tooltip": !0,
             "range-tooltip-visible": C.value,
-            "range-tooltip-arrow": p.value.arrowLeft && !a.verticalHandles,
-            "range-tooltip-arrow-left": !p.value.arrowLeft && !a.verticalHandles
+            "range-tooltip-arrow": b.value.arrowLeft && !t.verticalHandles,
+            "range-tooltip-arrow-left": !b.value.arrowLeft && !t.verticalHandles
           }),
           style: $({
-            left: p.value.tooltipLeft,
-            color: H(ee)(a.selectColor),
-            backgroundColor: a.selectColor,
+            left: b.value.tooltipLeft,
+            color: H(ee)(t.selectColor),
+            backgroundColor: t.selectColor,
             border: `1px solid ${w.value}`,
             zIndex: `${ve.value + 4}`,
-            visibility: B.value ? "hidden" : "visible"
+            visibility: B.value || t.labelLeft === t.labelRight ? "hidden" : "visible"
           })
-        }, _(a.labelLeft), 7)) : y("", !0),
-        B.value ? (m(), c("div", {
+        }, _(t.labelLeft), 7)) : p("", !0),
+        B.value || t.labelLeft === t.labelRight ? (m(), c("div", {
           key: 4,
           ref: "tooltipMerge",
-          class: N({
+          class: L({
             "range-tooltip": !0,
             "range-tooltip-visible": C.value,
             "range-tooltip-arrow": !0,
-            "range-tooltip-arrow-left": !p.value.arrowLeft && !a.verticalHandles,
-            "range-tooltip-arrow-right": !p.value.arrowRight && !a.verticalHandles
+            "range-tooltip-arrow-left": !b.value.arrowLeft && !t.verticalHandles,
+            "range-tooltip-arrow-right": !b.value.arrowRight && !t.verticalHandles
           }),
           style: $({
-            left: p.value.tooltipCenter,
+            left: b.value.tooltipCenter,
             width: A.value.width + "px",
-            color: H(ee)(a.selectColor),
-            backgroundColor: a.selectColor,
+            color: H(ee)(t.selectColor),
+            backgroundColor: t.selectColor,
             border: `1px solid ${w.value}`,
             zIndex: "4"
           })
-        }, _(a.labelLeft === a.labelRight ? a.labelLeft : `${a.labelLeft} - ${a.labelRight}`), 7)) : y("", !0),
-        a.labelRight ? (m(), c("div", {
+        }, _(t.labelLeft === t.labelRight ? t.labelLeft : `${t.labelLeft} - ${t.labelRight}`), 7)) : p("", !0),
+        t.labelRight ? (m(), c("div", {
           key: 5,
           ref_key: "tooltipRight",
           ref: P,
-          class: N({
+          class: L({
             "range-tooltip": !0,
             "range-tooltip-visible": C.value,
-            "range-tooltip-arrow": p.value.arrowRight && !a.verticalHandles,
-            "range-tooltip-arrow-right": !p.value.arrowRight && !a.verticalHandles
+            "range-tooltip-arrow": b.value.arrowRight && !t.verticalHandles,
+            "range-tooltip-arrow-right": !b.value.arrowRight && !t.verticalHandles
           }),
           style: $({
-            left: p.value.tooltipRight,
-            color: H(ee)(a.selectColor),
-            backgroundColor: a.selectColor,
+            left: b.value.tooltipRight,
+            color: H(ee)(t.selectColor),
+            backgroundColor: t.selectColor,
             border: `1px solid ${w.value}`,
             zIndex: "4",
-            visibility: B.value ? "hidden" : "visible"
+            visibility: B.value || t.labelLeft === t.labelRight ? "hidden" : "visible"
           })
-        }, _(a.labelRight), 7)) : y("", !0)
+        }, _(t.labelRight), 7)) : p("", !0)
       ], 544)
     ], 544));
   }
-}, yt = /* @__PURE__ */ qe(ht, [["__scopeId", "data-v-715ed53c"]]);
+}, pt = /* @__PURE__ */ qe(ht, [["__scopeId", "data-v-9dbe0987"]]);
 export {
-  yt as S
+  pt as S
 };

package/dist/{SparkTooltip-DgaaFrSC.js → SparkTooltip-BGjRXPbu.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 _, am as i } from "./index-DXfqC_CG.js";
+import { s as _, am as i } from "./index-C137VZkI.js";
 import { _ as N } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const R = {
   __name: "SparkTooltip",

package/dist/{Title-Cuxd1Hw4.js → Title-BoKeR6i0.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 { u as c } from "./useNestedProp-CUF1PWxQ.js";
+import { u as c } from "./useNestedProp-ZNu8JrRX.js";
 const x = {
   __name: "Title",
   props: {

package/dist/{Tooltip-nm6v9SvD.js → Tooltip-Df2iF7bv.js}

@@ -1,6 +1,6 @@
 import { ref as m, watch as p, nextTick as g, onUnmounted as S, computed as x, createBlock as k, openBlock as h, Teleport as $, createElementBlock as C, createCommentVNode as F, normalizeStyle as B, normalizeClass as N, renderSlot as v, createElementVNode as w } from "vue";
 import { u as z } from "./useMouse-AicQS8Vf.js";
-import { s as T } from "./index-DXfqC_CG.js";
+import { s as T } from "./index-C137VZkI.js";
 function Y({ tooltip: t, chart: n, clientPosition: l, positionPreference: s = "center", defaultOffsetY: d = 24, blockShiftY: u = !1 }) {
   const e = m(0), i = m(d);
   if (t && n) {

package/dist/{UserOptions-B4olqrwb.js → UserOptions-NrArsCuC.js}

@@ -1,7 +1,7 @@
 import { ref as m, computed as G, onMounted as J, onBeforeUnmount as Q, withDirectives as Y, createElementBlock as s, openBlock as t, normalizeStyle as v, createElementVNode as X, withKeys as Z, withModifiers as p, renderSlot as k, normalizeProps as A, guardReactiveProps as _, createVNode as ee, normalizeClass as d, createCommentVNode as a, Fragment as h, createBlock as f, toDisplayString as y, mergeProps as F, unref as te } from "vue";
 import { v as oe } from "./vClickOutside-C6WiFswA.js";
-import r from "./BaseIcon-B90jg7Eo.js";
-import ne from "./img-BrSPXg54.js";
+import r from "./BaseIcon-lwpKi6Wa.js";
+import ne from "./img-CqqmkwDl.js";
 import { _ as le } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ie = ["title"], se = ["data-open"], ae = {
   __name: "UserOptions",