vue-data-ui 2.4.71 → 2.4.73

package/dist/{Slicer-C7m6owvG.js → Slicer-D6mP0vjU.js}

@@ -1,22 +1,22 @@
-import { useCssVars as pe, ref as c, computed as s, watch as F, onMounted as xe, onBeforeUnmount as ye, openBlock as m, createElementBlock as h, createElementVNode as u, normalizeStyle as x, createVNode as be, renderSlot as Se, createCommentVNode as y, unref as ke, Fragment as U, renderList as j, normalizeClass as we, withDirectives as Z, vModelText as q, toDisplayString as G, pushScopeId as Ne, popScopeId as Ce } from "vue";
-import $e from "./BaseIcon-D-UKDgjn.js";
-import { t as Me, u as Ee } from "./useResponsive-CoxXLe23.js";
-import { c as Le, R as Q, Q as J, X as Re } from "./index-c1hnhYfV.js";
-import { _ as De } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const K = (l) => (Ne("data-v-e79aac89"), l = l(), Ce(), l), Pe = {
+import { useCssVars as Se, ref as d, computed as s, watch as A, onMounted as we, onBeforeUnmount as ke, openBlock as m, createElementBlock as h, createElementVNode as u, normalizeStyle as y, createVNode as Ne, renderSlot as Ce, createCommentVNode as b, unref as Me, Fragment as G, renderList as Z, normalizeClass as F, withDirectives as q, vModelText as Q, toDisplayString as J, pushScopeId as $e, popScopeId as Ee } from "vue";
+import Le from "./BaseIcon-CgOl0yXt.js";
+import { t as Re, u as De } from "./useResponsive-CoxXLe23.js";
+import { c as Pe, R as K, Q as Y, X as ze } from "./index-MWHrTFPq.js";
+import { _ as Ie } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const _ = (l) => ($e("data-v-c027bcce"), l = l(), Ee(), l), Be = {
   class: "vue-data-ui-slicer-labels",
   style: { position: "relative", "z-index": "1", "pointer-events": "none" }
-}, ze = {
+}, Ae = {
   key: 0,
   style: { width: "100%", position: "relative" }
-}, Ie = {
+}, Fe = {
   key: 0,
   class: "minimap",
   style: { width: "100%" }
-}, Fe = ["xmlns", "viewBox"], Be = ["id"], Te = ["stop-color"], Ve = /* @__PURE__ */ K(() => /* @__PURE__ */ u("stop", {
+}, Te = ["xmlns", "viewBox"], Ve = ["id"], He = ["stop-color"], Xe = /* @__PURE__ */ _(() => /* @__PURE__ */ u("stop", {
   offset: "100%",
   "stop-color": "transparent"
-}, null, -1)), Ae = ["d", "stroke"], Xe = ["x", "width", "height", "fill", "rx"], He = ["d", "fill"], Oe = ["x", "width", "height", "rx", "fill"], We = ["x", "width", "height", "fill", "rx"], Ue = ["d", "fill"], je = ["d", "stroke"], Ze = ["cx", "cy", "stroke", "fill"], qe = ["cx", "cy", "stroke", "fill"], Ge = ["x1", "x2", "y2", "stroke"], Qe = ["x", "height", "width", "onMouseenter"], Je = /* @__PURE__ */ K(() => /* @__PURE__ */ u("div", { class: "slider-track" }, null, -1)), Ke = ["min", "max"], Ye = ["min", "max"], _e = {
+}, null, -1)), We = ["d", "stroke"], Oe = ["x", "width", "height", "fill", "rx"], Ue = ["d", "fill"], je = ["x", "width", "height", "rx", "fill"], Ge = ["x", "width", "height", "fill", "rx"], Ze = ["d", "fill"], qe = ["d", "stroke"], Qe = ["cx", "cy", "stroke", "fill"], Je = ["cx", "cy", "stroke", "fill"], Ke = ["x1", "x2", "y2", "stroke"], Ye = ["x", "height", "width", "onMouseenter"], _e = /* @__PURE__ */ _(() => /* @__PURE__ */ u("div", { class: "slider-track" }, null, -1)), et = ["min", "max"], tt = ["min", "max"], lt = {
   __name: "Slicer",
   props: {
     background: {
@@ -118,158 +118,165 @@ const K = (l) => (Ne("data-v-e79aac89"), l = l(), Ce(), l), Pe = {
     enableSelectionDrag: {
       type: Boolean,
       default: !0
+    },
+    verticalHandles: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: ["update:start", "update:end", "reset", "trapMouse"],
-  setup(l, { expose: Y, emit: p }) {
+  setup(l, { expose: ee, emit: p }) {
     const t = l;
-    pe((e) => ({
-      f72a9d20: te.value,
-      "1c6039e4": S.value,
-      "731e6756": ae.value,
-      "06d509d8": l.selectColor,
-      "67ae3ba2": le.value
+    Se((e) => ({
+      "0eeb34b8": ae.value,
+      b23e85a8: w.value,
+      "2203b99d": ie.value,
+      f1d40348: l.selectColor,
+      "27a84a2c": ne.value
     }));
-    const C = c(null), o = c(t.min), r = c(t.max), b = s(() => !!t.minimap.length), $ = c(Le()), _ = s(() => t.refreshEndPoint === null ? t.max : t.refreshEndPoint), ee = s(() => {
+    const S = d(null), o = d(t.min), r = d(t.max), x = s(() => !!t.minimap.length), M = d(Pe()), te = s(() => t.refreshEndPoint === null ? t.max : t.refreshEndPoint), le = s(() => {
       const e = t.max - t.min, a = (o.value - t.min) / e * 100, n = (r.value - t.min) / e * 100;
       return {
         left: `${a}%`,
         width: `${n - a}%`,
         background: t.selectColor
       };
-    }), te = s(() => t.inputColor), le = s(() => t.background), ae = s(() => `${t.selectColor}33`), S = s(() => t.borderColor), B = s(() => {
+    }), ae = s(() => t.inputColor), ne = s(() => t.background), ie = s(() => `${t.selectColor}33`), w = s(() => t.borderColor), T = s(() => {
       let e = [];
       for (let a = 0; a < t.minimap.length; a += 1)
         e.push(a);
       return e;
     });
-    function T() {
+    function V() {
       p("reset");
     }
-    function ne() {
+    function ue() {
       Number(o.value) > Number(r.value) - 1 && (o.value = Number(r.value) - 1), p("update:start", Number(o.value));
     }
-    function ie() {
+    function oe() {
       Number(r.value) < Number(o.value) + 1 && (r.value = Number(o.value) + 1), p("update:end", Number(r.value));
     }
-    F(
+    A(
       () => t.min,
       (e) => {
         Number(o.value) < Number(e) && (o.value = Number(e)), Number(r.value) < Number(e) && (r.value = Number(e));
       }
-    ), F(
+    ), A(
       () => t.max,
       (e) => {
         Number(o.value) > Number(e) && (o.value = Number(e)), Number(r.value) > Number(e) && (r.value = Number(e));
       }
     );
-    const M = c(null), i = c({
+    const $ = d(null), i = d({
       width: 1,
       height: 1
-    }), N = c(null);
-    xe(() => {
-      if (b.value) {
-        const e = Me(() => {
-          const { width: a, height: n } = Ee({
-            chart: M.value
+    }), C = d(null);
+    we(() => {
+      if (x.value) {
+        const e = Re(() => {
+          const { width: a, height: n } = De({
+            chart: $.value
           });
           i.value.width = a, i.value.height = n - 47;
         });
-        N.value = new ResizeObserver(e), N.value.observe(M.value);
+        C.value = new ResizeObserver(e), C.value.observe($.value);
       }
-    }), ye(() => {
-      N.value && N.value.disconnect();
+    }), ke(() => {
+      C.value && C.value.disconnect();
     });
-    const d = s(() => t.minimap.length ? i.value.width / t.minimap.length : 0), f = s(() => {
+    const c = s(() => t.minimap.length ? i.value.width / t.minimap.length : 0), f = s(() => {
       if (!t.minimap.length) return [];
-      const e = Math.max(...t.minimap), a = Math.min(...t.minimap) - 10, n = e - (a > 0 ? 0 : a), v = t.minimap.map((he, fe) => {
-        const ge = he - a;
+      const e = Math.max(...t.minimap), a = Math.min(...t.minimap) - 10, n = e - (a > 0 ? 0 : a), v = t.minimap.map((xe, ye) => {
+        const be = xe - a;
         return {
-          x: i.value.width / t.minimap.length * fe + d.value / 2,
-          y: i.value.height - ge / n * (i.value.height * 0.9)
+          x: i.value.width / t.minimap.length * ye + c.value / 2,
+          y: i.value.height - be / n * (i.value.height * 0.9)
         };
-      }), w = t.smoothMinimap ? Q(v) : J(v), I = [...v].slice(t.valueStart, t.valueEnd), me = t.smoothMinimap ? Q(I) : J(I);
+      }), N = t.smoothMinimap ? K(v) : Y(v), B = [...v].slice(t.valueStart, t.valueEnd), pe = t.smoothMinimap ? K(B) : Y(B);
       return {
-        fullSet: w,
-        selectionSet: me,
-        sliced: I,
+        fullSet: N,
+        selectionSet: pe,
+        sliced: B,
         firstPlot: v[t.valueStart],
         lastPlot: v[t.valueEnd - 1]
       };
     }), g = s(() => ({
-      x: d.value * o.value + d.value / 2,
-      width: i.value.width * ((r.value - o.value) / t.max) - d.value
-    })), ue = s(() => ({
+      x: c.value * o.value + c.value / 2,
+      width: i.value.width * ((r.value - o.value) / t.max) - c.value
+    })), re = s(() => ({
       left: 0,
       color: t.textColor,
       fontSize: `${t.fontSize}px`,
-      top: b.value ? "28px" : "-28px",
+      top: x.value ? "28px" : "-28px",
       pointerEvents: "none"
-    })), oe = s(() => ({
+    })), se = s(() => ({
       right: 0,
       color: t.textColor,
       fontSize: `${t.fontSize}px`,
-      top: b.value ? "28px" : "-28px",
+      top: x.value ? "28px" : "-28px",
       direction: "rtl",
       pointerEvents: "none"
-    })), k = c(t.minimapSelectedIndex);
-    F(() => t.minimapSelectedIndex, (e) => {
+    })), k = d(t.minimapSelectedIndex);
+    A(() => t.minimapSelectedIndex, (e) => {
       k.value = e + t.valueStart;
     }, { immediate: !0 });
-    function re(e) {
+    function de(e) {
       k.value = e, e >= t.valueStart && e < t.valueEnd && p("trapMouse", e - t.valueStart);
     }
-    const se = c(0), E = c(null), L = c(null);
+    const ce = d(0), E = d(null), L = d(null);
     function R(e) {
       o.value = e, E.value && (E.value.value = e), p("update:start", Number(o.value));
     }
     function D(e) {
       r.value = e, L.value && (L.value.value = e), p("update:end", Number(r.value));
     }
-    const V = s(() => t.valueEnd - t.valueStart), P = c(!1);
-    let z = c(null);
-    const de = s(() => C.value ? (C.value.getBoundingClientRect().width - 48) / (t.max - t.min) : 20), A = (e) => {
+    const P = s(() => t.valueEnd - t.valueStart), z = d(!1);
+    let I = d(null);
+    const ve = s(() => S.value ? (S.value.getBoundingClientRect().width - 48) / (t.max - t.min) : 20), me = s(() => (S.value.getBoundingClientRect().width - 48) / (t.max - t.min) * P.value), he = d(2.5), H = s(() => {
+      const e = S.value.getBoundingClientRect().width - 48;
+      return Math.ceil((t.max - t.min) / ((e - me.value) / he.value));
+    }), X = (e) => {
       if (!t.enableSelectionDrag)
         return;
       const a = e.type === "touchstart";
       if ((a ? e.targetTouches[0].target : e.target).classList.contains("range-handle"))
         return;
-      P.value = !0, z.value = a ? e.targetTouches[0].clientX : e.clientX;
-      const v = a ? ce : X, w = a ? ve : O;
-      window.addEventListener(a ? "touchmove" : "mousemove", v, { passive: !1 }), window.addEventListener(a ? "touchend" : "mouseup", w);
+      z.value = !0, I.value = a ? e.targetTouches[0].clientX : e.clientX;
+      const v = a ? fe : W, N = a ? ge : U;
+      window.addEventListener(a ? "touchmove" : "mousemove", v, { passive: !1 }), window.addEventListener(a ? "touchend" : "mouseup", N);
     };
-    function X(e) {
-      H(e.clientX);
+    function W(e) {
+      O(e.clientX);
     }
-    function ce(e) {
-      e.target.classList.contains("range-handle") || (e.preventDefault(), H(e.targetTouches[0].clientX));
+    function fe(e) {
+      e.target.classList.contains("range-handle") || (e.preventDefault(), O(e.targetTouches[0].clientX));
     }
-    function H(e) {
-      if (!P.value) return;
-      const a = e - z.value;
-      if (Math.abs(a) > de.value) {
+    function O(e) {
+      if (!z.value) return;
+      const a = e - I.value;
+      if (Math.abs(a) > ve.value) {
         if (a > 0) {
           if (Number(r.value) + 1 <= t.max) {
-            const n = Number(r.value) + 1;
-            D(n), R(n - V.value);
+            const n = Math.min(t.max, Number(r.value) + H.value);
+            D(n), R(n - P.value);
           }
         } else if (Number(o.value) - 1 >= t.min) {
-          const n = Number(o.value) - 1;
-          R(n), D(n + V.value);
+          const n = Math.max(0, Number(o.value) - H.value);
+          R(n), D(n + P.value);
         }
-        z.value = e;
+        I.value = e;
       }
     }
-    function O() {
-      W("mousemove", "mouseup");
+    function U() {
+      j("mousemove", "mouseup");
     }
-    function ve() {
-      W("touchmove", "touchend");
+    function ge() {
+      j("touchmove", "touchend");
     }
-    function W(e, a) {
-      P.value = !1, window.removeEventListener(e, X), window.removeEventListener(a, O);
+    function j(e, a) {
+      z.value = !1, window.removeEventListener(e, W), window.removeEventListener(a, U);
     }
-    return Y({
+    return ee({
       setStartValue: R,
       setEndValue: D
     }), (e, a) => (m(), h("div", {
@@ -277,48 +284,48 @@ const K = (l) => (Ne("data-v-e79aac89"), l = l(), Ce(), l), Pe = {
       style: { padding: "0 24px" },
       class: "vue-data-ui-zoom",
       ref_key: "zoomWrapper",
-      ref: C,
-      onMousedown: A,
-      onTouchstart: A
+      ref: S,
+      onMousedown: X,
+      onTouchstart: X
     }, [
-      u("div", Pe, [
-        l.valueStart !== l.refreshStartPoint || l.valueEnd !== _.value ? (m(), h("div", ze, [
-          l.useResetSlot ? Se(e.$slots, "reset-action", {
+      u("div", Be, [
+        l.valueStart !== l.refreshStartPoint || l.valueEnd !== te.value ? (m(), h("div", Ae, [
+          l.useResetSlot ? Ce(e.$slots, "reset-action", {
             key: 1,
-            reset: T
+            reset: V
           }, void 0, !0) : (m(), h("button", {
             key: 0,
             "data-cy-reset": "",
             tabindex: "0",
             role: "button",
             class: "vue-data-ui-refresh-button",
-            style: x({
-              top: b.value ? "36px" : "-16px",
+            style: y({
+              top: x.value ? "36px" : "-16px",
               pointerEvents: "all !important"
             }),
-            onClick: T
+            onClick: V
           }, [
-            be($e, {
+            Ne(Le, {
               name: "refresh",
               stroke: l.textColor
             }, null, 8, ["stroke"])
           ], 4))
-        ])) : y("", !0)
+        ])) : b("", !0)
       ]),
       u("div", {
         class: "double-range-slider",
         ref_key: "minimapWrapper",
-        ref: M,
+        ref: $,
         style: { "z-index": "0" }
       }, [
-        b.value ? (m(), h("div", Ie, [
+        x.value ? (m(), h("div", Fe, [
           (m(), h("svg", {
-            xmlns: ke(Re),
+            xmlns: Me(ze),
             viewBox: `0 0 ${i.value.width < 0 ? 0 : i.value.width} ${i.value.height < 0 ? 0 : i.value.height}`
           }, [
             u("defs", null, [
               u("linearGradient", {
-                id: $.value,
+                id: M.value,
                 x1: "0%",
                 y1: "0%",
                 x2: "0%",
@@ -327,9 +334,9 @@ const K = (l) => (Ne("data-v-e79aac89"), l = l(), Ce(), l), Pe = {
                 u("stop", {
                   offset: "0%",
                   "stop-color": `${l.minimapLineColor}50`
-                }, null, 8, Te),
-                Ve
-              ], 8, Be)
+                }, null, 8, He),
+                Xe
+              ], 8, Ve)
             ]),
             u("path", {
               d: `M${f.value.fullSet}`,
@@ -339,30 +346,30 @@ const K = (l) => (Ne("data-v-e79aac89"), l = l(), Ce(), l), Pe = {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               style: { opacity: "1" }
-            }, null, 8, Ae),
+            }, null, 8, We),
             u("rect", {
               x: g.value.x,
               width: g.value.width < 0 ? 0 : g.value.width,
               height: Math.max(i.value.height, 0),
               y: 0,
-              fill: S.value,
+              fill: w.value,
               rx: l.minimapSelectionRadius,
               stroke: "none"
-            }, null, 8, Xe),
+            }, null, 8, Oe),
             u("path", {
-              d: `M${d.value / 2},${Math.max(i.value.height, 0)} ${f.value.fullSet} L${i.value.width - d.value / 2},${Math.max(i.value.height, 0)}Z`,
-              fill: `url(#${$.value})`,
+              d: `M${c.value / 2},${Math.max(i.value.height, 0)} ${f.value.fullSet} L${i.value.width - c.value / 2},${Math.max(i.value.height, 0)}Z`,
+              fill: `url(#${M.value})`,
               stroke: "none",
               style: { opacity: "1" }
-            }, null, 8, He),
+            }, null, 8, Ue),
             u("rect", {
               x: g.value.x,
               width: g.value.width < 0 ? 0 : g.value.width,
               height: Math.max(i.value.height, 0),
               y: 0,
               rx: l.minimapSelectionRadius,
-              fill: S.value
-            }, null, 8, Oe),
+              fill: w.value
+            }, null, 8, je),
             u("rect", {
               x: g.value.x,
               width: g.value.width < 0 ? 0 : g.value.width,
@@ -370,16 +377,16 @@ const K = (l) => (Ne("data-v-e79aac89"), l = l(), Ce(), l), Pe = {
               y: 0,
               fill: l.minimapSelectedColor,
               rx: l.minimapSelectionRadius,
-              style: x({
+              style: y({
                 opacity: l.minimapSelectedColorOpacity
               })
-            }, null, 12, We),
+            }, null, 12, Ge),
             u("path", {
               d: `M${f.value.sliced[0].x},${Math.max(i.value.height, 0)} ${f.value.selectionSet} L${f.value.sliced.at(-1).x},${Math.max(i.value.height, 0)}Z`,
-              fill: `url(#${$.value})`,
+              fill: `url(#${M.value})`,
               stroke: "none",
               style: { opacity: "1" }
-            }, null, 8, Ue),
+            }, null, 8, Ze),
             u("path", {
               d: `M ${f.value.selectionSet}`,
               stroke: `${l.minimapLineColor}`,
@@ -387,98 +394,98 @@ const K = (l) => (Ne("data-v-e79aac89"), l = l(), Ce(), l), Pe = {
               "stroke-width": "2",
               "stroke-linecap": "round",
               "stroke-linejoin": "round"
-            }, null, 8, je),
+            }, null, 8, qe),
             u("circle", {
               cx: f.value.firstPlot.x,
               cy: f.value.firstPlot.y,
               "stroke-width": "0.5",
-              stroke: S.value,
+              stroke: w.value,
               r: "3",
               fill: l.minimapLineColor
-            }, null, 8, Ze),
+            }, null, 8, Qe),
             u("circle", {
               cx: f.value.lastPlot.x,
               cy: f.value.lastPlot.y,
               "stroke-width": "0.5",
-              stroke: S.value,
+              stroke: w.value,
               r: "3",
               fill: l.minimapLineColor
-            }, null, 8, qe),
-            k.value !== null ? (m(!0), h(U, { key: 0 }, j(B.value, (n, v) => (m(), h("g", null, [
+            }, null, 8, Je),
+            k.value !== null ? (m(!0), h(G, { key: 0 }, Z(T.value, (n, v) => (m(), h("g", null, [
               k.value === n && n >= l.valueStart && n < l.valueEnd ? (m(), h("line", {
                 key: 0,
-                x1: d.value * v + d.value / 2,
-                x2: d.value * v + d.value / 2,
+                x1: c.value * v + c.value / 2,
+                x2: c.value * v + c.value / 2,
                 y1: 0,
                 y2: Math.max(i.value.height, 0),
                 stroke: l.minimapIndicatorColor,
                 "stroke-linecap": "round",
                 "stroke-dasharray": "2",
                 "stroke-width": "1"
-              }, null, 8, Ge)) : y("", !0)
-            ]))), 256)) : y("", !0),
-            (m(!0), h(U, null, j(B.value, (n, v) => (m(), h("rect", {
-              x: d.value * v,
+              }, null, 8, Ke)) : b("", !0)
+            ]))), 256)) : b("", !0),
+            (m(!0), h(G, null, Z(T.value, (n, v) => (m(), h("rect", {
+              x: c.value * v,
               y: 0,
               height: Math.max(i.value.height, 0),
-              width: d.value < 0 ? 0 : d.value,
+              width: c.value < 0 ? 0 : c.value,
               fill: "transparent",
-              style: x([{ "pointer-events": "all !important" }, {
+              style: y([{ "pointer-events": "all !important" }, {
                 cursor: n >= l.valueStart && n < l.valueEnd && l.enableSelectionDrag ? "move" : "default"
               }]),
-              onMouseenter: (w) => re(n),
-              onMouseleave: a[0] || (a[0] = (w) => {
+              onMouseenter: (N) => de(n),
+              onMouseleave: a[0] || (a[0] = (N) => {
                 k.value = null, p("trapMouse", null);
               })
-            }, null, 44, Qe))), 256))
-          ], 8, Fe))
-        ])) : y("", !0),
-        Je,
+            }, null, 44, Ye))), 256))
+          ], 8, Te))
+        ])) : b("", !0),
+        _e,
         u("div", {
-          class: we({
+          class: F({
             "range-highlight": !0,
             move: l.enableSelectionDrag
           }),
-          style: x(ee.value)
+          style: y(le.value)
         }, null, 6),
-        l.enableRangeHandles ? Z((m(), h("input", {
+        l.enableRangeHandles ? q((m(), h("input", {
           ref_key: "rangeStart",
           ref: E,
-          key: `range-min${se.value}`,
+          key: `range-min${ce.value}`,
           type: "range",
-          class: "range-left range-handle",
+          class: F({ "range-left": !0, "range-handle": !0, "range-minimap": x.value && l.verticalHandles }),
           min: l.min,
           max: l.max,
           "onUpdate:modelValue": a[1] || (a[1] = (n) => o.value = n),
-          onInput: ne
-        }, null, 40, Ke)), [
-          [q, o.value]
-        ]) : y("", !0),
+          onInput: ue
+        }, null, 42, et)), [
+          [Q, o.value]
+        ]) : b("", !0),
         u("div", {
           class: "thumb-label thumb-label-left",
-          style: x(ue.value)
-        }, G(l.labelLeft), 5),
-        l.enableRangeHandles ? Z((m(), h("input", {
+          style: y(re.value)
+        }, J(l.labelLeft), 5),
+        l.enableRangeHandles ? q((m(), h("input", {
           key: 2,
           ref_key: "rangeEnd",
           ref: L,
           type: "range",
-          class: "range-right range-handle",
+          class: F({ "range-right": !0, "range-handle": !0, "range-minimap": x.value && l.verticalHandles }),
           min: l.min,
           max: l.max,
           "onUpdate:modelValue": a[2] || (a[2] = (n) => r.value = n),
-          onInput: ie
-        }, null, 40, Ye)), [
-          [q, r.value]
-        ]) : y("", !0),
+          onInput: oe
+        }, null, 42, tt)), [
+          [Q, r.value]
+        ]) : b("", !0),
         u("div", {
           class: "thumb-label thumb-label-right",
-          style: x(oe.value)
-        }, G(l.labelRight), 5)
+          style: y(se.value)
+        }, J(l.labelRight), 5)
       ], 512)
     ], 544));
   }
-}, it = /* @__PURE__ */ De(_e, [["__scopeId", "data-v-e79aac89"]]);
+}, rt = /* @__PURE__ */ Ie(lt, [["__scopeId", "data-v-c027bcce"]]);
 export {
-  it as S
+  rt as S
 };

package/dist/Slicer-DGe_w6Mr.cjs

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

package/dist/{Title-Ct1AFzwA.cjs → Title-BlC0Lcua.cjs}

@@ -1 +1 @@
-"use strict";const e=require("vue"),r=require("./useNestedProp-BaEkcxlF.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",{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,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-B618ZN94.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",{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,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/{Title-P0Dd2k62.js → Title-C7EOYmwp.js}

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

package/dist/{Tooltip-kI9lsKQk.js → Tooltip-Bip4kr-u.js}

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

package/dist/{Tooltip-Bbb_oXZ2.cjs → Tooltip-DLISx9B0.cjs}

@@ -1 +1 @@
-"use strict";const t=require("vue"),p=require("./index-CDbl3nHi.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 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,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")],6)):t.createCommentVNode("",!0)],8,["to"]))}};exports._sfc_main=x;exports.useMouse=m;
+"use strict";const t=require("vue"),p=require("./index-DwCsX1sv.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 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,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")],6)):t.createCommentVNode("",!0)],8,["to"]))}};exports._sfc_main=x;exports.useMouse=m;