vue-data-ui 2.6.38 → 2.6.40

package/dist/{Slicer-m9Y8-Ul1.js → Slicer-CUm2ijlc.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-CCOXJ43P.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-BsIlHNy8.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-rw8rKNKS.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-BaaDnc4F.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/Slicer-bY7XVDi5.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),xe=require("./BaseIcon-Db1HIrAt.cjs"),Y=require("./useResponsive-N8jl0-aC.cjs"),f=require("./index-CBRI5uwl.cjs"),ye=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),be={class:"vue-data-ui-slicer-labels",style:{position:"relative","z-index":"1","pointer-events":"none"}},ke={key:0,style:{width:"100%",position:"relative"}},we={key:0,class:"minimap",style:{width:"100%"}},Se=["xmlns","viewBox"],Ne=["id"],Ce=["stop-color"],Ee=["d","stroke"],Be=["x","width","height","fill","rx"],Me=["d","fill"],$e=["x","width","height","rx","fill"],Re=["x","width","height","fill","rx"],Le=["d","fill"],Ve=["d","stroke"],ze=["cx","cy","stroke","fill"],De=["cx","cy","stroke","fill"],Te=["x1","x2","y2","stroke"],Pe=["x","height","width","onMouseenter"],Ie=["min","max"],Fe=["min","max"],Ae={__name:"Slicer",props:{background:{type:String,default:"#FFFFFF"},borderColor:{type:String,default:"#FFFFFF"},fontSize:{type:Number,default:14},labelLeft:{type:String,default:""},labelRight:{type:String,default:""},textColor:{type:String,default:"#1A1A1A"},inputColor:{type:String,default:"#1A1A1A"},max:{type:Number,default:0},min:{type:Number,default:0},selectColor:{type:String,default:"#4A4A4A"},useResetSlot:{type:Boolean,default:!1},valueStart:{type:[Number,String],default:0},valueEnd:{type:[Number,String],default:0},minimap:{type:Array,default:[]},smoothMinimap:{type:Boolean,default:!1},minimapSelectedColor:{type:String,default:"#1f77b4"},minimapSelectionRadius:{type:Number,default:12},minimapLineColor:{type:String,default:"#2D353C"},minimapSelectedColorOpacity:{type:Number,default:.2},minimapSelectedIndex:{type:Number,default:null},minimapIndicatorColor:{type:String,default:"#2D353C"},refreshStartPoint:{type:Number,default:0},refreshEndPoint:{type:Number,default:null},enableRangeHandles:{type:Boolean,default:!1},enableSelectionDrag:{type:Boolean,default:!0},verticalHandles:{type:Boolean,default:!1}},emits:["update:start","update:end","reset","trapMouse"],setup(n,{expose:_,emit:ee}){e.useCssVars(t=>({a9eaaa56:le.value,43003349:p.value,"084765fa":ne.value,23357479:n.selectColor,"3d8e0af2":ae.value}));const l=n,c=e.ref(null),u=e.ref(l.min),r=e.ref(l.max),k=e.computed(()=>!!l.minimap.length),C=e.ref(f.createUid()),te=e.computed(()=>l.refreshEndPoint===null?l.max:l.refreshEndPoint),h=ee,g=e.computed(()=>{const t=l.max-l.min,a=(u.value-l.min)/t*100,o=(r.value-l.min)/t*100;return{left:`${a}%`,width:`${o-a}%`,background:l.selectColor,tooltipLeft:`calc(${a}% - ${F.value?0:P.value/2}px)`,tooltipRight:`calc(${o}% - ${A.value?N.value:N.value/2}px)`,arrowLeft:!F.value,arrowRight:!A.value}}),F=e.computed(()=>c.value?c.value.getBoundingClientRect().width*((u.value-l.min)/(l.max-l.min))-P.value/2<0:!1),A=e.computed(()=>c.value?c.value.getBoundingClientRect().width*((r.value-l.min)/(l.max-l.min))+N.value/2>c.value.getBoundingClientRect().width:!1),le=e.computed(()=>l.inputColor),ae=e.computed(()=>l.background),ne=e.computed(()=>`${l.selectColor}33`),p=e.computed(()=>l.borderColor),H=e.computed(()=>{let t=[];for(let a=0;a<l.minimap.length;a+=1)t.push(a);return t});function W(){h("reset")}function oe(){Number(u.value)>Number(r.value)-1&&(u.value=Number(r.value)-1),h("update:start",Number(u.value))}function ie(){Number(r.value)<Number(u.value)+1&&(r.value=Number(u.value)+1),h("update:end",Number(r.value))}e.watch(()=>l.min,t=>{Number(u.value)<Number(t)&&(u.value=Number(t)),Number(r.value)<Number(t)&&(r.value=Number(t))}),e.watch(()=>l.max,t=>{Number(u.value)>Number(t)&&(u.value=Number(t)),Number(r.value)>Number(t)&&(r.value=Number(t))});const E=e.ref(null),i=e.ref({width:1,height:1}),S=e.ref(null);e.onMounted(()=>{if(k.value){const t=Y.throttle(()=>{const{width:a,height:o}=Y.useResponsive({chart:E.value});i.value.width=a,i.value.height=o-47});S.value=new ResizeObserver(t),S.value.observe(E.value)}}),e.onBeforeUnmount(()=>{S.value&&S.value.disconnect()});const s=e.computed(()=>l.minimap.length?i.value.width/l.minimap.length:0),m=e.computed(()=>{if(!l.minimap.length)return[];const t=Math.max(...l.minimap),a=Math.min(...l.minimap)-10,o=t-(a>0?0:a),d=l.minimap.map((he,ge)=>{const pe=he-a;return{x:i.value.width/l.minimap.length*ge+s.value/2,y:i.value.height-pe/o*(i.value.height*.9)}}),x=l.smoothMinimap?f.createSmoothPath(d):f.createStraightPath(d),I=[...d].slice(l.valueStart,l.valueEnd),fe=l.smoothMinimap?f.createSmoothPath(I):f.createStraightPath(I);return{fullSet:x,selectionSet:fe,sliced:I,firstPlot:d[l.valueStart],lastPlot:d[l.valueEnd-1]}}),v=e.computed(()=>({x:s.value*u.value+s.value/2,width:i.value.width*((r.value-u.value)/l.max)-s.value})),w=e.ref(l.minimapSelectedIndex);e.watch(()=>l.minimapSelectedIndex,t=>{w.value=t+l.valueStart},{immediate:!0});function ue(t){w.value=t,t>=l.valueStart&&t<l.valueEnd&&h("trapMouse",t-l.valueStart)}const re=e.ref(0),B=e.ref(null),M=e.ref(null);function $(t){u.value=t,B.value&&(B.value.value=t),h("update:start",Number(u.value))}function R(t){r.value=t,M.value&&(M.value.value=t),h("update:end",Number(r.value))}const L=e.computed(()=>l.valueEnd-l.valueStart),V=e.ref(!1);let z=e.ref(null);const se=e.computed(()=>c.value?(c.value.getBoundingClientRect().width-48)/(l.max-l.min):20),de=e.computed(()=>(c.value.getBoundingClientRect().width-48)/(l.max-l.min)*L.value),ce=e.ref(2.5),X=e.computed(()=>{const t=c.value.getBoundingClientRect().width-48;return Math.ceil((l.max-l.min)/((t-de.value)/ce.value))}),q=t=>{if(b.value=!0,!l.enableSelectionDrag)return;const a=t.type==="touchstart";if((a?t.targetTouches[0].target:t.target).classList.contains("range-handle"))return;V.value=!0,z.value=a?t.targetTouches[0].clientX:t.clientX;const d=a?me:U,x=a?ve:Z;window.addEventListener(a?"touchmove":"mousemove",d,{passive:!1}),window.addEventListener(a?"touchend":"mouseup",x)};function U(t){O(t.clientX)}function me(t){c.value.contains(t.target)&&(t.target.classList.contains("range-handle")||(t.preventDefault(),O(t.targetTouches[0].clientX)))}function O(t){if(!V.value)return;const a=t-z.value;if(Math.abs(a)>se.value){if(a>0){if(Number(r.value)+1<=l.max){const o=Math.min(l.max,Number(r.value)+X.value);R(o),$(o-L.value)}}else if(Number(u.value)-1>=l.min){const o=Math.max(0,Number(u.value)-X.value);$(o),R(o+L.value)}z.value=t}}function Z(){j("mousemove","mouseup")}function ve(){j("touchmove","touchend")}function j(t,a){V.value=!1,window.removeEventListener(t,U),window.removeEventListener(a,Z)}const y=e.ref(!1),D=e.ref(null),T=e.ref(null),P=e.ref(1),N=e.ref(1),b=e.ref(!1);function G(){D.value&&(P.value=D.value.getBoundingClientRect().width)}function J(){T.value&&(N.value=T.value.getBoundingClientRect().width)}const K=e.ref(0);function Q(t){K.value=t==="start"?1:0}return e.onUpdated(()=>{G(),J()}),e.watch(()=>l.labelLeft,()=>{e.nextTick(G)},{deep:!0}),e.watch(()=>l.labelRight,()=>{e.nextTick(J)},{deep:!0}),_({setStartValue:$,setEndValue:R}),(t,a)=>(e.openBlock(),e.createElementBlock("div",{"data-html2canvas-ignore":"",style:{padding:"0 24px"},class:"vue-data-ui-zoom",ref_key:"zoomWrapper",ref:c,onMousedown:q,onTouchstart:q,onTouchend:a[11]||(a[11]=o=>b.value=!1)},[e.createElementVNode("div",be,[n.valueStart!==n.refreshStartPoint||n.valueEnd!==te.value?(e.openBlock(),e.createElementBlock("div",ke,[n.useResetSlot?e.renderSlot(t.$slots,"reset-action",{key:1,reset:W},void 0,!0):(e.openBlock(),e.createElementBlock("button",{key:0,tabindex:"0",role:"button",class:"vue-data-ui-refresh-button",style:e.normalizeStyle({top:k.value?"36px":"-16px",pointerEvents:"all !important"}),onClick:W},[e.createVNode(xe.default,{name:"refresh",stroke:n.textColor},null,8,["stroke"])],4))])):e.createCommentVNode("",!0)]),e.createElementVNode("div",{class:"double-range-slider",ref_key:"minimapWrapper",ref:E,style:{"z-index":"0"},onMouseenter:a[9]||(a[9]=o=>b.value=!0),onMouseleave:a[10]||(a[10]=o=>b.value=!1)},[k.value?(e.openBlock(),e.createElementBlock("div",we,[(e.openBlock(),e.createElementBlock("svg",{xmlns:e.unref(f.XMLNS),viewBox:`0 0 ${i.value.width<0?0:i.value.width} ${i.value.height<0?0:i.value.height}`},[e.createElementVNode("defs",null,[e.createElementVNode("linearGradient",{id:C.value,x1:"0%",y1:"0%",x2:"0%",y2:"100%"},[e.createElementVNode("stop",{offset:"0%","stop-color":`${n.minimapLineColor}50`},null,8,Ce),a[12]||(a[12]=e.createElementVNode("stop",{offset:"100%","stop-color":"transparent"},null,-1))],8,Ne)]),e.createElementVNode("path",{d:`M${m.value.fullSet}`,stroke:`${n.minimapLineColor}`,fill:"none","stroke-width":"1","stroke-linecap":"round","stroke-linejoin":"round",style:{opacity:"1"}},null,8,Ee),e.createElementVNode("rect",{x:v.value.x,width:v.value.width<0?0:v.value.width,height:Math.max(i.value.height,0),y:0,fill:p.value,rx:n.minimapSelectionRadius,stroke:"none"},null,8,Be),e.createElementVNode("path",{d:`M${s.value/2},${Math.max(i.value.height,0)} ${m.value.fullSet} L${i.value.width-s.value/2},${Math.max(i.value.height,0)}Z`,fill:`url(#${C.value})`,stroke:"none",style:{opacity:"1"}},null,8,Me),e.createElementVNode("rect",{x:v.value.x,width:v.value.width<0?0:v.value.width,height:Math.max(i.value.height,0),y:0,rx:n.minimapSelectionRadius,fill:p.value},null,8,$e),e.createElementVNode("rect",{x:v.value.x,width:v.value.width<0?0:v.value.width,height:Math.max(i.value.height,0),y:0,fill:n.minimapSelectedColor,rx:n.minimapSelectionRadius,style:e.normalizeStyle({opacity:n.minimapSelectedColorOpacity})},null,12,Re),e.createElementVNode("path",{d:`M${m.value.sliced[0].x},${Math.max(i.value.height,0)} ${m.value.selectionSet} L${m.value.sliced.at(-1).x},${Math.max(i.value.height,0)}Z`,fill:`url(#${C.value})`,stroke:"none",style:{opacity:"1"}},null,8,Le),e.createElementVNode("path",{d:`M ${m.value.selectionSet}`,stroke:`${n.minimapLineColor}`,fill:"transparent","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},null,8,Ve),e.createElementVNode("circle",{cx:m.value.firstPlot.x,cy:m.value.firstPlot.y,"stroke-width":"0.5",stroke:p.value,r:"3",fill:n.minimapLineColor},null,8,ze),e.createElementVNode("circle",{cx:m.value.lastPlot.x,cy:m.value.lastPlot.y,"stroke-width":"0.5",stroke:p.value,r:"3",fill:n.minimapLineColor},null,8,De),w.value!==null?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(H.value,(o,d)=>(e.openBlock(),e.createElementBlock("g",null,[w.value===o&&o>=n.valueStart&&o<n.valueEnd?(e.openBlock(),e.createElementBlock("line",{key:0,x1:s.value*d+s.value/2,x2:s.value*d+s.value/2,y1:0,y2:Math.max(i.value.height,0),stroke:n.minimapIndicatorColor,"stroke-linecap":"round","stroke-dasharray":"2","stroke-width":"1"},null,8,Te)):e.createCommentVNode("",!0)]))),256)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(H.value,(o,d)=>(e.openBlock(),e.createElementBlock("rect",{x:s.value*d,y:0,height:Math.max(i.value.height,0),width:s.value<0?0:s.value,fill:"transparent",style:e.normalizeStyle([{"pointer-events":"all !important"},{cursor:o>=n.valueStart&&o<n.valueEnd&&n.enableSelectionDrag?y.value?"grabbing":"grab":"default"}]),onMousedown:a[0]||(a[0]=x=>y.value=!0),onMouseup:a[1]||(a[1]=x=>y.value=!1),onMouseenter:x=>ue(o),onMouseleave:a[2]||(a[2]=x=>{w.value=null,h("trapMouse",null)})},null,44,Pe))),256))],8,Se))])):e.createCommentVNode("",!0),a[13]||(a[13]=e.createElementVNode("div",{class:"slider-track"},null,-1)),e.createElementVNode("div",{class:e.normalizeClass({"range-highlight":!0,move:n.enableSelectionDrag}),onMousedown:a[3]||(a[3]=o=>y.value=!0),onMouseup:a[4]||(a[4]=o=>y.value=!1),style:e.normalizeStyle({...g.value,cursor:y.value?"grabbing":"grab"})},null,38),n.enableRangeHandles?e.withDirectives((e.openBlock(),e.createElementBlock("input",{ref_key:"rangeStart",ref:B,key:`range-min${re.value}`,type:"range",class:e.normalizeClass({"range-left":!0,"range-handle":!0,"range-minimap":k.value&&n.verticalHandles}),min:n.min,max:n.max,"onUpdate:modelValue":a[5]||(a[5]=o=>u.value=o),onInput:oe,onMouseenter:a[6]||(a[6]=o=>Q("start"))},null,42,Ie)),[[e.vModelText,u.value]]):e.createCommentVNode("",!0),n.enableRangeHandles?e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:2,ref_key:"rangeEnd",ref:M,type:"range",class:e.normalizeClass({"range-right":!0,"range-handle":!0,"range-minimap":k.value&&n.verticalHandles}),min:n.min,max:n.max,"onUpdate:modelValue":a[7]||(a[7]=o=>r.value=o),onInput:ie,onMouseenter:a[8]||(a[8]=o=>Q("end"))},null,42,Fe)),[[e.vModelText,r.value]]):e.createCommentVNode("",!0),n.labelLeft?(e.openBlock(),e.createElementBlock("div",{key:3,ref_key:"tooltipLeft",ref:D,class:e.normalizeClass({"range-tooltip":!0,"range-tooltip-visible":b.value,"range-tooltip-arrow":g.value.arrowLeft&&!n.verticalHandles,"range-tooltip-arrow-left":!g.value.arrowLeft&&!n.verticalHandles}),style:e.normalizeStyle({left:g.value.tooltipLeft,color:e.unref(f.adaptColorToBackground)(n.selectColor),backgroundColor:n.selectColor,border:`1px solid ${p.value}`,zIndex:`${K.value+4}`})},e.toDisplayString(n.labelLeft),7)):e.createCommentVNode("",!0),n.labelRight?(e.openBlock(),e.createElementBlock("div",{key:4,ref_key:"tooltipRight",ref:T,class:e.normalizeClass({"range-tooltip":!0,"range-tooltip-visible":b.value,"range-tooltip-arrow":g.value.arrowRight&&!n.verticalHandles,"range-tooltip-arrow-right":!g.value.arrowRight&&!n.verticalHandles}),style:e.normalizeStyle({left:g.value.tooltipRight,color:e.unref(f.adaptColorToBackground)(n.selectColor),backgroundColor:n.selectColor,border:`1px solid ${p.value}`,zIndex:"4"})},e.toDisplayString(n.labelRight),7)):e.createCommentVNode("",!0)],544)],544))}},He=ye._export_sfc(Ae,[["__scopeId","data-v-04e0735b"]]);exports.Slicer=He;