vue-data-ui 2.6.37 → 2.6.39

package/dist/{Slicer-D1PZmmpU.js → Slicer-C854GBKY.js}

@@ -1,19 +1,19 @@
-import { useCssVars as De, computed as s, ref as u, watch as $, onMounted as Te, onBeforeUnmount as Pe, onUpdated as Ae, nextTick as ne, createElementBlock as v, openBlock as m, createElementVNode as d, createCommentVNode as b, renderSlot as Fe, normalizeStyle as N, createVNode as Ie, withDirectives as ie, unref as G, Fragment as ue, renderList as oe, normalizeClass as L, vModelText as re, toDisplayString as se } from "vue";
-import ze from "./BaseIcon-BKbuAee9.js";
-import { t as He, u as Ve } from "./useResponsive-vZgZwV-S.js";
-import { c as We, S as de, R as ve, X as Xe, G as me } from "./index-LYjDwaWo.js";
-import { _ as Ue } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Oe = {
+import { useCssVars as Ie, computed as s, ref as u, watch as R, onMounted as Pe, onBeforeUnmount as ze, onUpdated as Ae, nextTick as ue, createElementBlock as v, openBlock as m, createElementVNode as d, createCommentVNode as x, renderSlot as Fe, normalizeStyle as $, createVNode as He, withDirectives as oe, unref as Z, Fragment as re, renderList as se, normalizeClass as L, vModelText as de, toDisplayString as ve } from "vue";
+import Ve from "./BaseIcon-CPtTZ5gm.js";
+import { t as We, u as Xe } from "./useResponsive-vZgZwV-S.js";
+import { c as Ue, S as me, R as ce, X as Oe, G as he } from "./index-CVHop7bB.js";
+import { _ as Ze } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Ge = {
   class: "vue-data-ui-slicer-labels",
   style: { position: "relative", "z-index": "1", "pointer-events": "none" }
-}, Ge = {
+}, je = {
   key: 0,
   style: { width: "100%", position: "relative" }
-}, je = {
+}, qe = {
   key: 0,
   class: "minimap",
   style: { width: "100%" }
-}, Ze = ["xmlns", "viewBox"], qe = ["id"], Je = ["stop-color"], Ke = ["d", "stroke"], Qe = ["x", "width", "height", "fill", "rx"], Ye = ["d", "fill"], _e = ["x", "width", "height", "rx", "fill"], et = ["x", "width", "height", "fill", "rx"], tt = ["d", "fill"], lt = ["d", "stroke"], at = ["cx", "cy", "stroke", "fill"], nt = ["cx", "cy", "stroke", "fill"], it = ["x1", "x2", "y2", "stroke"], ut = ["x", "height", "width", "onMouseenter"], ot = ["min", "max"], rt = ["min", "max"], st = {
+}, Je = ["xmlns", "viewBox"], Ke = ["id"], Qe = ["stop-color"], Ye = ["d", "stroke"], _e = ["x", "width", "height", "fill", "rx"], et = ["d", "fill"], tt = ["x", "width", "height", "rx", "fill"], lt = ["x", "width", "height", "fill", "rx"], at = ["d", "fill"], nt = ["d", "stroke"], it = ["cx", "cy", "stroke", "fill"], ut = ["cx", "cy", "stroke", "fill"], ot = ["x1", "x2", "y2", "stroke"], rt = ["x", "height", "width", "onMouseenter"], st = ["min", "max"], dt = ["min", "max"], vt = {
   __name: "Slicer",
   props: {
     background: {
@@ -122,146 +122,146 @@ const Oe = {
     }
   },
   emits: ["update:start", "update:end", "reset", "trapMouse"],
-  setup(a, { expose: ce, emit: he }) {
-    De((t) => ({
-      "5f3498b1": ge.value,
-      "11abbdb6": w.value,
-      57330254: be.value,
-      "51413b56": a.selectColor,
-      "70c09a63": pe.value
+  setup(a, { expose: fe, emit: ge }) {
+    Ie((e) => ({
+      a9eaaa56: xe.value,
+      43003349: w.value,
+      "084765fa": be.value,
+      23357479: a.selectColor,
+      "3d8e0af2": ye.value
     }));
-    const e = a, f = u(null), o = u(e.min), r = u(e.max), M = s(() => !!e.minimap.length), D = u(We()), fe = s(() => e.refreshEndPoint === null ? e.max : e.refreshEndPoint), x = he, y = s(() => {
-      const t = e.max - e.min, l = (o.value - e.min) / t * 100, n = (r.value - e.min) / t * 100;
+    const t = a, f = u(null), o = u(t.min), r = u(t.max), M = s(() => !!t.minimap.length), D = u(Ue()), pe = s(() => t.refreshEndPoint === null ? t.max : t.refreshEndPoint), y = ge, b = s(() => {
+      const e = t.max - t.min, l = (o.value - t.min) / e * 100, n = (r.value - t.min) / e * 100;
       return {
         left: `${l}%`,
         width: `${n - l}%`,
-        background: e.selectColor,
-        tooltipLeft: `calc(${l}% - ${j.value ? 0 : U.value / 2}px)`,
-        tooltipRight: `calc(${n}% - ${Z.value ? B.value : B.value / 2}px)`,
-        arrowLeft: !j.value,
-        arrowRight: !Z.value
+        background: t.selectColor,
+        tooltipLeft: `calc(${l}% - ${G.value ? 0 : U.value / 2}px)`,
+        tooltipRight: `calc(${n}% - ${j.value ? B.value : B.value / 2}px)`,
+        arrowLeft: !G.value,
+        arrowRight: !j.value
       };
-    }), j = s(() => f.value ? f.value.getBoundingClientRect().width * ((o.value - e.min) / (e.max - e.min)) - U.value / 2 < 0 : !1), Z = s(() => f.value ? f.value.getBoundingClientRect().width * ((r.value - e.min) / (e.max - e.min)) + B.value / 2 > f.value.getBoundingClientRect().width : !1), ge = s(() => e.inputColor), pe = s(() => e.background), be = s(() => `${e.selectColor}33`), w = s(() => e.borderColor), q = s(() => {
-      let t = [];
-      for (let l = 0; l < e.minimap.length; l += 1)
-        t.push(l);
-      return t;
+    }), G = s(() => f.value ? f.value.getBoundingClientRect().width * ((o.value - t.min) / (t.max - t.min)) - U.value / 2 < 0 : !1), j = s(() => f.value ? f.value.getBoundingClientRect().width * ((r.value - t.min) / (t.max - t.min)) + B.value / 2 > f.value.getBoundingClientRect().width : !1), xe = s(() => t.inputColor), ye = s(() => t.background), be = s(() => `${t.selectColor}33`), w = s(() => t.borderColor), q = s(() => {
+      let e = [];
+      for (let l = 0; l < t.minimap.length; l += 1)
+        e.push(l);
+      return e;
     });
     function J() {
-      x("reset");
+      y("reset");
     }
-    function xe() {
-      Number(o.value) > Number(r.value) - 1 && (o.value = Number(r.value) - 1), x("update:start", Number(o.value));
+    function we() {
+      Number(o.value) > Number(r.value) - 1 && (o.value = Number(r.value) - 1), y("update:start", Number(o.value));
     }
-    function ye() {
-      Number(r.value) < Number(o.value) + 1 && (r.value = Number(o.value) + 1), x("update:end", Number(r.value));
+    function Se() {
+      Number(r.value) < Number(o.value) + 1 && (r.value = Number(o.value) + 1), y("update:end", Number(r.value));
     }
-    $(
-      () => e.min,
-      (t) => {
-        Number(o.value) < Number(t) && (o.value = Number(t)), Number(r.value) < Number(t) && (r.value = Number(t));
+    R(
+      () => t.min,
+      (e) => {
+        Number(o.value) < Number(e) && (o.value = Number(e)), Number(r.value) < Number(e) && (r.value = Number(e));
       }
-    ), $(
-      () => e.max,
-      (t) => {
-        Number(o.value) > Number(t) && (o.value = Number(t)), Number(r.value) > Number(t) && (r.value = Number(t));
+    ), R(
+      () => t.max,
+      (e) => {
+        Number(o.value) > Number(e) && (o.value = Number(e)), Number(r.value) > Number(e) && (r.value = Number(e));
       }
     );
     const T = u(null), i = u({
       width: 1,
       height: 1
     }), E = u(null);
-    Te(() => {
+    Pe(() => {
       if (M.value) {
-        const t = He(() => {
-          const { width: l, height: n } = Ve({
+        const e = We(() => {
+          const { width: l, height: n } = Xe({
             chart: T.value
           });
           i.value.width = l, i.value.height = n - 47;
         });
-        E.value = new ResizeObserver(t), E.value.observe(T.value);
+        E.value = new ResizeObserver(e), E.value.observe(T.value);
       }
-    }), Pe(() => {
+    }), ze(() => {
       E.value && E.value.disconnect();
     });
-    const c = s(() => e.minimap.length ? i.value.width / e.minimap.length : 0), g = s(() => {
-      if (!e.minimap.length) return [];
-      const t = Math.max(...e.minimap), l = Math.min(...e.minimap) - 10, n = t - (l > 0 ? 0 : l), h = e.minimap.map((Le, Ee) => {
-        const Be = Le - l;
+    const c = s(() => t.minimap.length ? i.value.width / t.minimap.length : 0), g = s(() => {
+      if (!t.minimap.length) return [];
+      const e = Math.max(...t.minimap), l = Math.min(...t.minimap) - 10, n = e - (l > 0 ? 0 : l), h = t.minimap.map((Be, De) => {
+        const Te = Be - l;
         return {
-          x: i.value.width / e.minimap.length * Ee + c.value / 2,
-          y: i.value.height - Be / n * (i.value.height * 0.9)
+          x: i.value.width / t.minimap.length * De + c.value / 2,
+          y: i.value.height - Te / n * (i.value.height * 0.9)
         };
-      }), S = e.smoothMinimap ? de(h) : ve(h), O = [...h].slice(e.valueStart, e.valueEnd), $e = e.smoothMinimap ? de(O) : ve(O);
+      }), S = t.smoothMinimap ? me(h) : ce(h), O = [...h].slice(t.valueStart, t.valueEnd), Ee = t.smoothMinimap ? me(O) : ce(O);
       return {
         fullSet: S,
-        selectionSet: $e,
+        selectionSet: Ee,
         sliced: O,
-        firstPlot: h[e.valueStart],
-        lastPlot: h[e.valueEnd - 1]
+        firstPlot: h[t.valueStart],
+        lastPlot: h[t.valueEnd - 1]
       };
     }), p = s(() => ({
       x: c.value * o.value + c.value / 2,
-      width: i.value.width * ((r.value - o.value) / e.max) - c.value
-    })), R = u(e.minimapSelectedIndex);
-    $(() => e.minimapSelectedIndex, (t) => {
-      R.value = t + e.valueStart;
+      width: i.value.width * ((r.value - o.value) / t.max) - c.value
+    })), N = u(t.minimapSelectedIndex);
+    R(() => t.minimapSelectedIndex, (e) => {
+      N.value = e + t.valueStart;
     }, { immediate: !0 });
-    function we(t) {
-      R.value = t, t >= e.valueStart && t < e.valueEnd && x("trapMouse", t - e.valueStart);
+    function ke(e) {
+      N.value = e, e >= t.valueStart && e < t.valueEnd && y("trapMouse", e - t.valueStart);
     }
-    const Se = u(0), P = u(null), A = u(null);
-    function F(t) {
-      o.value = t, P.value && (P.value.value = t), x("update:start", Number(o.value));
+    const Ce = u(0), I = u(null), P = u(null);
+    function z(e) {
+      o.value = e, I.value && (I.value.value = e), y("update:start", Number(o.value));
     }
-    function I(t) {
-      r.value = t, A.value && (A.value.value = t), x("update:end", Number(r.value));
+    function A(e) {
+      r.value = e, P.value && (P.value.value = e), y("update:end", Number(r.value));
     }
-    const z = s(() => e.valueEnd - e.valueStart), H = u(!1);
+    const F = s(() => t.valueEnd - t.valueStart), H = u(!1);
     let V = u(null);
-    const ke = s(() => f.value ? (f.value.getBoundingClientRect().width - 48) / (e.max - e.min) : 20), Ce = s(() => (f.value.getBoundingClientRect().width - 48) / (e.max - e.min) * z.value), Ne = u(2.5), K = s(() => {
-      const t = f.value.getBoundingClientRect().width - 48;
-      return Math.ceil((e.max - e.min) / ((t - Ce.value) / Ne.value));
-    }), Q = (t) => {
-      if (C.value = !0, !e.enableSelectionDrag)
+    const $e = s(() => f.value ? (f.value.getBoundingClientRect().width - 48) / (t.max - t.min) : 20), Me = s(() => (f.value.getBoundingClientRect().width - 48) / (t.max - t.min) * F.value), Ne = u(2.5), K = s(() => {
+      const e = f.value.getBoundingClientRect().width - 48;
+      return Math.ceil((t.max - t.min) / ((e - Me.value) / Ne.value));
+    }), Q = (e) => {
+      if (C.value = !0, !t.enableSelectionDrag)
         return;
-      const l = t.type === "touchstart";
-      if ((l ? t.targetTouches[0].target : t.target).classList.contains("range-handle"))
+      const l = e.type === "touchstart";
+      if ((l ? e.targetTouches[0].target : e.target).classList.contains("range-handle"))
         return;
-      H.value = !0, V.value = l ? t.targetTouches[0].clientX : t.clientX;
-      const h = l ? Me : Y, S = l ? Re : ee;
+      H.value = !0, V.value = l ? e.targetTouches[0].clientX : e.clientX;
+      const h = l ? Re : Y, S = l ? Le : ee;
       window.addEventListener(l ? "touchmove" : "mousemove", h, { passive: !1 }), window.addEventListener(l ? "touchend" : "mouseup", S);
     };
-    function Y(t) {
-      _(t.clientX);
+    function Y(e) {
+      _(e.clientX);
     }
-    function Me(t) {
-      f.value.contains(t.target) && (t.target.classList.contains("range-handle") || (t.preventDefault(), _(t.targetTouches[0].clientX)));
+    function Re(e) {
+      f.value.contains(e.target) && (e.target.classList.contains("range-handle") || (e.preventDefault(), _(e.targetTouches[0].clientX)));
     }
-    function _(t) {
+    function _(e) {
       if (!H.value) return;
-      const l = t - V.value;
-      if (Math.abs(l) > ke.value) {
+      const l = e - V.value;
+      if (Math.abs(l) > $e.value) {
         if (l > 0) {
-          if (Number(r.value) + 1 <= e.max) {
-            const n = Math.min(e.max, Number(r.value) + K.value);
-            I(n), F(n - z.value);
+          if (Number(r.value) + 1 <= t.max) {
+            const n = Math.min(t.max, Number(r.value) + K.value);
+            A(n), z(n - F.value);
           }
-        } else if (Number(o.value) - 1 >= e.min) {
+        } else if (Number(o.value) - 1 >= t.min) {
           const n = Math.max(0, Number(o.value) - K.value);
-          F(n), I(n + z.value);
+          z(n), A(n + F.value);
         }
-        V.value = t;
+        V.value = e;
       }
     }
     function ee() {
       te("mousemove", "mouseup");
     }
-    function Re() {
+    function Le() {
       te("touchmove", "touchend");
     }
-    function te(t, l) {
-      H.value = !1, window.removeEventListener(t, Y), window.removeEventListener(l, ee);
+    function te(e, l) {
+      H.value = !1, window.removeEventListener(e, Y), window.removeEventListener(l, ee);
     }
     const k = u(!1), W = u(null), X = u(null), U = u(1), B = u(1), C = u(!1);
     function le() {
@@ -270,16 +270,20 @@ const Oe = {
     function ae() {
       X.value && (B.value = X.value.getBoundingClientRect().width);
     }
+    const ne = u(0);
+    function ie(e) {
+      ne.value = e === "start" ? 1 : 0;
+    }
     return Ae(() => {
       le(), ae();
-    }), $(() => e.labelLeft, () => {
-      ne(le);
-    }, { deep: !0 }), $(() => e.labelRight, () => {
-      ne(ae);
-    }, { deep: !0 }), ce({
-      setStartValue: F,
-      setEndValue: I
-    }), (t, l) => (m(), v("div", {
+    }), R(() => t.labelLeft, () => {
+      ue(le);
+    }, { deep: !0 }), R(() => t.labelRight, () => {
+      ue(ae);
+    }, { deep: !0 }), fe({
+      setStartValue: z,
+      setEndValue: A
+    }), (e, l) => (m(), v("div", {
       "data-html2canvas-ignore": "",
       style: { padding: "0 24px" },
       class: "vue-data-ui-zoom",
@@ -287,11 +291,11 @@ const Oe = {
       ref: f,
       onMousedown: Q,
       onTouchstart: Q,
-      onTouchend: l[9] || (l[9] = (n) => C.value = !1)
+      onTouchend: l[11] || (l[11] = (n) => C.value = !1)
     }, [
-      d("div", Oe, [
-        a.valueStart !== a.refreshStartPoint || a.valueEnd !== fe.value ? (m(), v("div", Ge, [
-          a.useResetSlot ? Fe(t.$slots, "reset-action", {
+      d("div", Ge, [
+        a.valueStart !== a.refreshStartPoint || a.valueEnd !== pe.value ? (m(), v("div", je, [
+          a.useResetSlot ? Fe(e.$slots, "reset-action", {
             key: 1,
             reset: J
           }, void 0, !0) : (m(), v("button", {
@@ -299,30 +303,30 @@ const Oe = {
             tabindex: "0",
             role: "button",
             class: "vue-data-ui-refresh-button",
-            style: N({
+            style: $({
               top: M.value ? "36px" : "-16px",
               pointerEvents: "all !important"
             }),
             onClick: J
           }, [
-            Ie(ze, {
+            He(Ve, {
               name: "refresh",
               stroke: a.textColor
             }, null, 8, ["stroke"])
           ], 4))
-        ])) : b("", !0)
+        ])) : x("", !0)
       ]),
       d("div", {
         class: "double-range-slider",
         ref_key: "minimapWrapper",
         ref: T,
         style: { "z-index": "0" },
-        onMouseenter: l[7] || (l[7] = (n) => C.value = !0),
-        onMouseleave: l[8] || (l[8] = (n) => C.value = !1)
+        onMouseenter: l[9] || (l[9] = (n) => C.value = !0),
+        onMouseleave: l[10] || (l[10] = (n) => C.value = !1)
       }, [
-        M.value ? (m(), v("div", je, [
+        M.value ? (m(), v("div", qe, [
           (m(), v("svg", {
-            xmlns: G(Xe),
+            xmlns: Z(Oe),
             viewBox: `0 0 ${i.value.width < 0 ? 0 : i.value.width} ${i.value.height < 0 ? 0 : i.value.height}`
           }, [
             d("defs", null, [
@@ -336,12 +340,12 @@ const Oe = {
                 d("stop", {
                   offset: "0%",
                   "stop-color": `${a.minimapLineColor}50`
-                }, null, 8, Je),
-                l[10] || (l[10] = d("stop", {
+                }, null, 8, Qe),
+                l[12] || (l[12] = d("stop", {
                   offset: "100%",
                   "stop-color": "transparent"
                 }, null, -1))
-              ], 8, qe)
+              ], 8, Ke)
             ]),
             d("path", {
               d: `M${g.value.fullSet}`,
@@ -351,7 +355,7 @@ const Oe = {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               style: { opacity: "1" }
-            }, null, 8, Ke),
+            }, null, 8, Ye),
             d("rect", {
               x: p.value.x,
               width: p.value.width < 0 ? 0 : p.value.width,
@@ -360,13 +364,13 @@ const Oe = {
               fill: w.value,
               rx: a.minimapSelectionRadius,
               stroke: "none"
-            }, null, 8, Qe),
+            }, null, 8, _e),
             d("path", {
               d: `M${c.value / 2},${Math.max(i.value.height, 0)} ${g.value.fullSet} L${i.value.width - c.value / 2},${Math.max(i.value.height, 0)}Z`,
               fill: `url(#${D.value})`,
               stroke: "none",
               style: { opacity: "1" }
-            }, null, 8, Ye),
+            }, null, 8, et),
             d("rect", {
               x: p.value.x,
               width: p.value.width < 0 ? 0 : p.value.width,
@@ -374,7 +378,7 @@ const Oe = {
               y: 0,
               rx: a.minimapSelectionRadius,
               fill: w.value
-            }, null, 8, _e),
+            }, null, 8, tt),
             d("rect", {
               x: p.value.x,
               width: p.value.width < 0 ? 0 : p.value.width,
@@ -382,16 +386,16 @@ const Oe = {
               y: 0,
               fill: a.minimapSelectedColor,
               rx: a.minimapSelectionRadius,
-              style: N({
+              style: $({
                 opacity: a.minimapSelectedColorOpacity
               })
-            }, null, 12, et),
+            }, null, 12, lt),
             d("path", {
               d: `M${g.value.sliced[0].x},${Math.max(i.value.height, 0)} ${g.value.selectionSet} L${g.value.sliced.at(-1).x},${Math.max(i.value.height, 0)}Z`,
               fill: `url(#${D.value})`,
               stroke: "none",
               style: { opacity: "1" }
-            }, null, 8, tt),
+            }, null, 8, at),
             d("path", {
               d: `M ${g.value.selectionSet}`,
               stroke: `${a.minimapLineColor}`,
@@ -399,7 +403,7 @@ const Oe = {
               "stroke-width": "2",
               "stroke-linecap": "round",
               "stroke-linejoin": "round"
-            }, null, 8, lt),
+            }, null, 8, nt),
             d("circle", {
               cx: g.value.firstPlot.x,
               cy: g.value.firstPlot.y,
@@ -407,7 +411,7 @@ const Oe = {
               stroke: w.value,
               r: "3",
               fill: a.minimapLineColor
-            }, null, 8, at),
+            }, null, 8, it),
             d("circle", {
               cx: g.value.lastPlot.x,
               cy: g.value.lastPlot.y,
@@ -415,9 +419,9 @@ const Oe = {
               stroke: w.value,
               r: "3",
               fill: a.minimapLineColor
-            }, null, 8, nt),
-            R.value !== null ? (m(!0), v(ue, { key: 0 }, oe(q.value, (n, h) => (m(), v("g", null, [
-              R.value === n && n >= a.valueStart && n < a.valueEnd ? (m(), v("line", {
+            }, null, 8, ut),
+            N.value !== null ? (m(!0), v(re, { key: 0 }, se(q.value, (n, h) => (m(), v("g", null, [
+              N.value === n && n >= a.valueStart && n < a.valueEnd ? (m(), v("line", {
                 key: 0,
                 x1: c.value * h + c.value / 2,
                 x2: c.value * h + c.value / 2,
@@ -427,27 +431,27 @@ const Oe = {
                 "stroke-linecap": "round",
                 "stroke-dasharray": "2",
                 "stroke-width": "1"
-              }, null, 8, it)) : b("", !0)
-            ]))), 256)) : b("", !0),
-            (m(!0), v(ue, null, oe(q.value, (n, h) => (m(), v("rect", {
+              }, null, 8, ot)) : x("", !0)
+            ]))), 256)) : x("", !0),
+            (m(!0), v(re, null, se(q.value, (n, h) => (m(), v("rect", {
               x: c.value * h,
               y: 0,
               height: Math.max(i.value.height, 0),
               width: c.value < 0 ? 0 : c.value,
               fill: "transparent",
-              style: N([{ "pointer-events": "all !important" }, {
+              style: $([{ "pointer-events": "all !important" }, {
                 cursor: n >= a.valueStart && n < a.valueEnd && a.enableSelectionDrag ? k.value ? "grabbing" : "grab" : "default"
               }]),
               onMousedown: l[0] || (l[0] = (S) => k.value = !0),
               onMouseup: l[1] || (l[1] = (S) => k.value = !1),
-              onMouseenter: (S) => we(n),
+              onMouseenter: (S) => ke(n),
               onMouseleave: l[2] || (l[2] = (S) => {
-                R.value = null, x("trapMouse", null);
+                N.value = null, y("trapMouse", null);
               })
-            }, null, 44, ut))), 256))
-          ], 8, Ze))
-        ])) : b("", !0),
-        l[11] || (l[11] = d("div", { class: "slider-track" }, null, -1)),
+            }, null, 44, rt))), 256))
+          ], 8, Je))
+        ])) : x("", !0),
+        l[13] || (l[13] = d("div", { class: "slider-track" }, null, -1)),
         d("div", {
           class: L({
             "range-highlight": !0,
@@ -455,37 +459,39 @@ const Oe = {
           }),
           onMousedown: l[3] || (l[3] = (n) => k.value = !0),
           onMouseup: l[4] || (l[4] = (n) => k.value = !1),
-          style: N({
-            ...y.value,
+          style: $({
+            ...b.value,
             cursor: k.value ? "grabbing" : "grab"
           })
         }, null, 38),
-        a.enableRangeHandles ? ie((m(), v("input", {
+        a.enableRangeHandles ? oe((m(), v("input", {
           ref_key: "rangeStart",
-          ref: P,
-          key: `range-min${Se.value}`,
+          ref: I,
+          key: `range-min${Ce.value}`,
           type: "range",
           class: L({ "range-left": !0, "range-handle": !0, "range-minimap": M.value && a.verticalHandles }),
           min: a.min,
           max: a.max,
           "onUpdate:modelValue": l[5] || (l[5] = (n) => o.value = n),
-          onInput: xe
-        }, null, 42, ot)), [
-          [re, o.value]
-        ]) : b("", !0),
-        a.enableRangeHandles ? ie((m(), v("input", {
+          onInput: we,
+          onMouseenter: l[6] || (l[6] = (n) => ie("start"))
+        }, null, 42, st)), [
+          [de, o.value]
+        ]) : x("", !0),
+        a.enableRangeHandles ? oe((m(), v("input", {
           key: 2,
           ref_key: "rangeEnd",
-          ref: A,
+          ref: P,
           type: "range",
           class: L({ "range-right": !0, "range-handle": !0, "range-minimap": M.value && a.verticalHandles }),
           min: a.min,
           max: a.max,
-          "onUpdate:modelValue": l[6] || (l[6] = (n) => r.value = n),
-          onInput: ye
-        }, null, 42, rt)), [
-          [re, r.value]
-        ]) : b("", !0),
+          "onUpdate:modelValue": l[7] || (l[7] = (n) => r.value = n),
+          onInput: Se,
+          onMouseenter: l[8] || (l[8] = (n) => ie("end"))
+        }, null, 42, dt)), [
+          [de, r.value]
+        ]) : x("", !0),
         a.labelLeft ? (m(), v("div", {
           key: 3,
           ref_key: "tooltipLeft",
@@ -493,16 +499,17 @@ const Oe = {
           class: L({
             "range-tooltip": !0,
             "range-tooltip-visible": C.value,
-            "range-tooltip-arrow": y.value.arrowLeft && !a.verticalHandles,
-            "range-tooltip-arrow-left": !y.value.arrowLeft && !a.verticalHandles
+            "range-tooltip-arrow": b.value.arrowLeft && !a.verticalHandles,
+            "range-tooltip-arrow-left": !b.value.arrowLeft && !a.verticalHandles
           }),
-          style: N({
-            left: y.value.tooltipLeft,
-            color: G(me)(a.selectColor),
+          style: $({
+            left: b.value.tooltipLeft,
+            color: Z(he)(a.selectColor),
             backgroundColor: a.selectColor,
-            border: `1px solid ${w.value}`
+            border: `1px solid ${w.value}`,
+            zIndex: `${ne.value + 4}`
           })
-        }, se(a.labelLeft), 7)) : b("", !0),
+        }, ve(a.labelLeft), 7)) : x("", !0),
         a.labelRight ? (m(), v("div", {
           key: 4,
           ref_key: "tooltipRight",
@@ -510,20 +517,21 @@ const Oe = {
           class: L({
             "range-tooltip": !0,
             "range-tooltip-visible": C.value,
-            "range-tooltip-arrow": y.value.arrowRight && !a.verticalHandles,
-            "range-tooltip-arrow-right": !y.value.arrowRight && !a.verticalHandles
+            "range-tooltip-arrow": b.value.arrowRight && !a.verticalHandles,
+            "range-tooltip-arrow-right": !b.value.arrowRight && !a.verticalHandles
           }),
-          style: N({
-            left: y.value.tooltipRight,
-            color: G(me)(a.selectColor),
+          style: $({
+            left: b.value.tooltipRight,
+            color: Z(he)(a.selectColor),
             backgroundColor: a.selectColor,
-            border: `1px solid ${w.value}`
+            border: `1px solid ${w.value}`,
+            zIndex: "4"
           })
-        }, se(a.labelRight), 7)) : b("", !0)
+        }, ve(a.labelRight), 7)) : x("", !0)
       ], 544)
     ], 544));
   }
-}, ft = /* @__PURE__ */ Ue(st, [["__scopeId", "data-v-a64f4070"]]);
+}, pt = /* @__PURE__ */ Ze(vt, [["__scopeId", "data-v-04e0735b"]]);
 export {
-  ft as S
+  pt as S
 };

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

package/dist/{Title-C99c1fOM.cjs → Title-CcDml6Zf.cjs}

@@ -1 +1 @@
-"use strict";const e=require("vue"),r=require("./useNestedProp-u-S0VYER.cjs"),o={__name:"Title",props:{config:{type:Object,default(){return{}}},lineHeight:{type:[String,Boolean],default:!1}},setup(i){const n=i,t=r.useNestedProp({userConfig:n.config,defaultConfig:{title:{cy:"",text:"",color:"",fontSize:20,bold:!0,textAlign:"center",paddingLeft:0,paddingRight:0},subtitle:{cy:"",text:"",color:"",fontSize:14,bold:!1}}});return(l,d)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{class:"atom-title",style:e.normalizeStyle(`width: calc(100% - ${e.unref(t).title.paddingLeft+e.unref(t).title.paddingRight}px); text-align:${e.unref(t).title.textAlign};color:${e.unref(t).title.color};font-size:${e.unref(t).title.fontSize}px;font-weight:${e.unref(t).title.bold?"bold":""};padding-left:${e.unref(t).title.paddingLeft}px;padding-right:${e.unref(t).title.paddingRight}px;${i.lineHeight?`line-height:${i.lineHeight}`:""}`)},e.toDisplayString(e.unref(t).title.text),5),e.unref(t).subtitle.text?(e.openBlock(),e.createElementBlock("div",{key:0,class:"atom-subtitle",style:e.normalizeStyle(`width: calc(100% - ${e.unref(t).title.paddingLeft+e.unref(t).title.paddingRight}px); text-align:${e.unref(t).title.textAlign};color:${e.unref(t).subtitle.color};font-size:${e.unref(t).subtitle.fontSize}px;font-weight:${e.unref(t).subtitle.bold?"bold":""};padding-left:${e.unref(t).title.paddingLeft}px;padding-right:${e.unref(t).title.paddingRight}px;${i.lineHeight?`line-height:${i.lineHeight}`:""}`)},e.toDisplayString(e.unref(t).subtitle.text),5)):e.createCommentVNode("",!0),e.unref(t).subtitle.text?(e.openBlock(),e.createElementBlock("div",{key:1,style:e.normalizeStyle(`width: calc(100% - ${e.unref(t).title.paddingLeft+e.unref(t).title.paddingRight}px); text-align:${e.unref(t).title.textAlign};color:${e.unref(t).subtitle.color};font-size:${e.unref(t).subtitle.fontSize}px;font-weight:${e.unref(t).subtitle.bold?"bold":""};padding-left:${e.unref(t).title.paddingLeft}px;padding-right:${e.unref(t).title.paddingRight}px;${i.lineHeight?`line-height:${i.lineHeight}`:""}`)},[e.renderSlot(l.$slots,"default")],4)):e.createCommentVNode("",!0)],64))}};exports._sfc_main=o;
+"use strict";const e=require("vue"),r=require("./useNestedProp-DVSKLFhF.cjs"),o={__name:"Title",props:{config:{type:Object,default(){return{}}},lineHeight:{type:[String,Boolean],default:!1}},setup(i){const n=i,t=r.useNestedProp({userConfig:n.config,defaultConfig:{title:{cy:"",text:"",color:"",fontSize:20,bold:!0,textAlign:"center",paddingLeft:0,paddingRight:0},subtitle:{cy:"",text:"",color:"",fontSize:14,bold:!1}}});return(l,d)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{class:"atom-title",style:e.normalizeStyle(`width: calc(100% - ${e.unref(t).title.paddingLeft+e.unref(t).title.paddingRight}px); text-align:${e.unref(t).title.textAlign};color:${e.unref(t).title.color};font-size:${e.unref(t).title.fontSize}px;font-weight:${e.unref(t).title.bold?"bold":""};padding-left:${e.unref(t).title.paddingLeft}px;padding-right:${e.unref(t).title.paddingRight}px;${i.lineHeight?`line-height:${i.lineHeight}`:""}`)},e.toDisplayString(e.unref(t).title.text),5),e.unref(t).subtitle.text?(e.openBlock(),e.createElementBlock("div",{key:0,class:"atom-subtitle",style:e.normalizeStyle(`width: calc(100% - ${e.unref(t).title.paddingLeft+e.unref(t).title.paddingRight}px); text-align:${e.unref(t).title.textAlign};color:${e.unref(t).subtitle.color};font-size:${e.unref(t).subtitle.fontSize}px;font-weight:${e.unref(t).subtitle.bold?"bold":""};padding-left:${e.unref(t).title.paddingLeft}px;padding-right:${e.unref(t).title.paddingRight}px;${i.lineHeight?`line-height:${i.lineHeight}`:""}`)},e.toDisplayString(e.unref(t).subtitle.text),5)):e.createCommentVNode("",!0),e.unref(t).subtitle.text?(e.openBlock(),e.createElementBlock("div",{key:1,style:e.normalizeStyle(`width: calc(100% - ${e.unref(t).title.paddingLeft+e.unref(t).title.paddingRight}px); text-align:${e.unref(t).title.textAlign};color:${e.unref(t).subtitle.color};font-size:${e.unref(t).subtitle.fontSize}px;font-weight:${e.unref(t).subtitle.bold?"bold":""};padding-left:${e.unref(t).title.paddingLeft}px;padding-right:${e.unref(t).title.paddingRight}px;${i.lineHeight?`line-height:${i.lineHeight}`:""}`)},[e.renderSlot(l.$slots,"default")],4)):e.createCommentVNode("",!0)],64))}};exports._sfc_main=o;

package/dist/{Tooltip-BJkwUrpq.js → Tooltip-BvROZcv0.js}

@@ -1,5 +1,5 @@
 import { ref as a, onMounted as b, onUnmounted as h, computed as p, createBlock as g, openBlock as v, Teleport as x, createElementBlock as S, createCommentVNode as k, normalizeStyle as $, normalizeClass as C, renderSlot as c, createElementVNode as B } from "vue";
-import { s as F } from "./index-LYjDwaWo.js";
+import { s as F } from "./index-CVHop7bB.js";
 function w({ tooltip: e, chart: o, clientPosition: t, positionPreference: r = "center", defaultOffsetY: u = 24, blockShiftY: s = !1 }) {
   const l = a(0), f = a(u);
   if (e && o) {

package/dist/{Tooltip-CnRtBNhB.cjs → Tooltip-lj99sBKN.cjs}

@@ -1 +1 @@
-"use strict";const t=require("vue"),p=require("./index-CIkaV--H.cjs");function y({tooltip:e,chart:l,clientPosition:o,positionPreference:u="center",defaultOffsetY:a=24,blockShiftY:f=!1}){const n=t.ref(0),s=t.ref(a);if(e&&l){const{width:r,height:c}=e.getBoundingClientRect(),{right:i,left:d,bottom:v}=l.getBoundingClientRect();u==="center"&&(o.x+r/2>i?n.value=-r+(i-o.x):o.x-r/2<d?n.value=-r+(r-(o.x-d)):n.value=-r/2),u==="right"&&(o.x+r>i?n.value=-r+(i-o.x):n.value=0),u==="left"&&(o.x<d+r?n.value=-r+(r-(o.x-d)):n.value=-r),o.y+c>v&&!f&&(s.value=-c-a)}return{top:o.y+s.value,left:o.x+n.value}}function b(e,l,o){t.onMounted(()=>e.addEventListener(l,o)),t.onUnmounted(()=>e.removeEventListener(l,o))}function m(){const e=t.ref(0),l=t.ref(0);return b(window,"mousemove",o=>{e.value=o.clientX,l.value=o.clientY}),{x:e,y:l}}const h=["aria-hidden"],g=["innerHTML"],x={__name:"Tooltip",props:{backgroundColor:{type:String,default:"#FFFFFF"},color:{type:String,default:"#000000"},content:String,maxWidth:{type:String,default:"300px"},parent:{type:Object},show:{type:Boolean,default:!1},isCustom:{type:Boolean,default:!1},fontSize:{type:[Number,String],default:14},borderRadius:{type:Number,default:4},borderColor:{type:String,default:"#e1e5e8"},borderWidth:{type:Number,default:1},backgroundOpacity:{type:Number,default:100},position:{type:String,default:"center"},offsetY:{type:Number,default:24},blockShiftY:{type:Boolean,default:!1},isFullscreen:{type:Boolean,default:!1}},setup(e){const l=e,o=t.ref(null),u=t.ref(m(l.parent)),a=t.computed(()=>y({tooltip:o.value,chart:l.parent,clientPosition:u.value,positionPreference:l.position,defaultOffsetY:l.offsetY,blockShiftY:l.blockShiftY})),f=t.computed(()=>p.setOpacity(l.backgroundColor,l.backgroundOpacity));return(n,s)=>(t.openBlock(),t.createBlock(t.Teleport,{to:e.isFullscreen?e.parent:"body"},[e.show?(t.openBlock(),t.createElementBlock("div",{key:0,ref_key:"tooltip",ref:o,role:"tooltip","aria-hidden":!e.show,"aria-live":"polite",class:t.normalizeClass({"vue-data-ui-custom-tooltip":e.isCustom,"vue-data-ui-tooltip":!e.isCustom}),style:t.normalizeStyle(`pointer-events:none;top:${a.value.top}px;left:${a.value.left}px;${e.isCustom?"":`background:${f.value};color:${e.color};max-width:${e.maxWidth};font-size:${e.fontSize}px`};border-radius:${e.borderRadius}px;border:${e.borderWidth}px solid ${e.borderColor};z-index:2147483647;`)},[t.renderSlot(n.$slots,"tooltip-before"),t.renderSlot(n.$slots,"default"),t.createElementVNode("div",{innerHTML:e.content},null,8,g),t.renderSlot(n.$slots,"tooltip-after")],14,h)):t.createCommentVNode("",!0)],8,["to"]))}};exports._sfc_main=x;exports.useMouse=m;
+"use strict";const t=require("vue"),p=require("./index-CuhZ_hul.cjs");function y({tooltip:e,chart:l,clientPosition:o,positionPreference:u="center",defaultOffsetY:a=24,blockShiftY:f=!1}){const n=t.ref(0),s=t.ref(a);if(e&&l){const{width:r,height:c}=e.getBoundingClientRect(),{right:i,left:d,bottom:v}=l.getBoundingClientRect();u==="center"&&(o.x+r/2>i?n.value=-r+(i-o.x):o.x-r/2<d?n.value=-r+(r-(o.x-d)):n.value=-r/2),u==="right"&&(o.x+r>i?n.value=-r+(i-o.x):n.value=0),u==="left"&&(o.x<d+r?n.value=-r+(r-(o.x-d)):n.value=-r),o.y+c>v&&!f&&(s.value=-c-a)}return{top:o.y+s.value,left:o.x+n.value}}function b(e,l,o){t.onMounted(()=>e.addEventListener(l,o)),t.onUnmounted(()=>e.removeEventListener(l,o))}function m(){const e=t.ref(0),l=t.ref(0);return b(window,"mousemove",o=>{e.value=o.clientX,l.value=o.clientY}),{x:e,y:l}}const h=["aria-hidden"],g=["innerHTML"],x={__name:"Tooltip",props:{backgroundColor:{type:String,default:"#FFFFFF"},color:{type:String,default:"#000000"},content:String,maxWidth:{type:String,default:"300px"},parent:{type:Object},show:{type:Boolean,default:!1},isCustom:{type:Boolean,default:!1},fontSize:{type:[Number,String],default:14},borderRadius:{type:Number,default:4},borderColor:{type:String,default:"#e1e5e8"},borderWidth:{type:Number,default:1},backgroundOpacity:{type:Number,default:100},position:{type:String,default:"center"},offsetY:{type:Number,default:24},blockShiftY:{type:Boolean,default:!1},isFullscreen:{type:Boolean,default:!1}},setup(e){const l=e,o=t.ref(null),u=t.ref(m(l.parent)),a=t.computed(()=>y({tooltip:o.value,chart:l.parent,clientPosition:u.value,positionPreference:l.position,defaultOffsetY:l.offsetY,blockShiftY:l.blockShiftY})),f=t.computed(()=>p.setOpacity(l.backgroundColor,l.backgroundOpacity));return(n,s)=>(t.openBlock(),t.createBlock(t.Teleport,{to:e.isFullscreen?e.parent:"body"},[e.show?(t.openBlock(),t.createElementBlock("div",{key:0,ref_key:"tooltip",ref:o,role:"tooltip","aria-hidden":!e.show,"aria-live":"polite",class:t.normalizeClass({"vue-data-ui-custom-tooltip":e.isCustom,"vue-data-ui-tooltip":!e.isCustom}),style:t.normalizeStyle(`pointer-events:none;top:${a.value.top}px;left:${a.value.left}px;${e.isCustom?"":`background:${f.value};color:${e.color};max-width:${e.maxWidth};font-size:${e.fontSize}px`};border-radius:${e.borderRadius}px;border:${e.borderWidth}px solid ${e.borderColor};z-index:2147483647;`)},[t.renderSlot(n.$slots,"tooltip-before"),t.renderSlot(n.$slots,"default"),t.createElementVNode("div",{innerHTML:e.content},null,8,g),t.renderSlot(n.$slots,"tooltip-after")],14,h)):t.createCommentVNode("",!0)],8,["to"]))}};exports._sfc_main=x;exports.useMouse=m;