vue-data-ui 2.3.86 → 2.3.88

package/dist/{Slicer-BMvzmCKt.js → Slicer-eP9UH3h4.js}

@@ -1,9 +1,9 @@
-import { useCssVars as K, ref as p, computed as d, watch as w, onMounted as Y, openBlock as c, createElementBlock as v, createElementVNode as i, normalizeStyle as x, createVNode as ee, renderSlot as te, createCommentVNode as k, unref as le, Fragment as P, renderList as z, withDirectives as E, vModelText as A, toDisplayString as R, pushScopeId as ae, popScopeId as ie } from "vue";
-import ne from "./BaseIcon-B9istAKo.js";
+import { useCssVars as K, ref as f, computed as d, watch as L, onMounted as Y, openBlock as v, createElementBlock as h, createElementVNode as i, normalizeStyle as S, createVNode as ee, renderSlot as te, createCommentVNode as k, unref as le, Fragment as P, renderList as z, withDirectives as E, vModelText as A, toDisplayString as R, pushScopeId as ae, popScopeId as ie } from "vue";
+import ne from "./BaseIcon-dAh8thfs.js";
 import { t as oe, u as ue } from "./useResponsive-NZB-WLRF.js";
-import { c as re, Q as V, P as B, X as se } from "./index-D2epy0rJ.js";
+import { c as re, Q as V, P as B, X as se } from "./index-Bkzd7TEp.js";
 import { _ as de } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const O = (l) => (ae("data-v-bb159e36"), l = l(), ie(), l), me = {
+const O = (l) => (ae("data-v-54291cff"), l = l(), ie(), l), me = {
   "data-html2canvas-ignore": "",
   style: { padding: "0 24px" }
 }, ce = {
@@ -16,10 +16,10 @@ const O = (l) => (ae("data-v-bb159e36"), l = l(), ie(), l), me = {
   key: 0,
   class: "minimap",
   style: { width: "100%" }
-}, pe = ["xmlns", "viewBox"], fe = ["id"], ye = ["stop-color"], be = /* @__PURE__ */ O(() => /* @__PURE__ */ i("stop", {
+}, pe = ["xmlns", "viewBox"], fe = ["id"], ye = ["stop-color"], ge = /* @__PURE__ */ O(() => /* @__PURE__ */ i("stop", {
   offset: "100%",
   "stop-color": "transparent"
-}, null, -1)), ge = ["d", "stroke"], xe = ["x", "width", "height", "fill", "rx"], Se = ["d", "fill"], ke = ["x", "width", "height", "fill"], Ce = ["d", "stroke"], Ne = ["cx", "cy", "stroke", "fill"], we = ["cx", "cy", "stroke", "fill"], $e = ["x1", "x2", "y2", "stroke"], Ie = ["x", "height", "width", "onMouseenter"], Le = /* @__PURE__ */ O(() => /* @__PURE__ */ i("div", { class: "slider-track" }, null, -1)), Me = ["min", "max"], Fe = ["min", "max"], Pe = {
+}, null, -1)), xe = ["d", "stroke"], be = ["x", "width", "height", "fill", "rx"], Se = ["d", "fill"], ke = ["x", "width", "height", "fill"], Ce = ["x", "width", "height", "fill"], we = ["d", "fill"], Ne = ["d", "stroke"], $e = ["cx", "cy", "stroke", "fill"], Le = ["cx", "cy", "stroke", "fill"], Me = ["x1", "x2", "y2", "stroke"], Ie = ["x", "height", "width", "onMouseenter"], Fe = /* @__PURE__ */ O(() => /* @__PURE__ */ i("div", { class: "slider-track" }, null, -1)), Pe = ["min", "max"], ze = ["min", "max"], Ee = {
   __name: "Slicer",
   props: {
     background: {
@@ -111,115 +111,116 @@ const O = (l) => (ae("data-v-bb159e36"), l = l(), ie(), l), me = {
   setup(l, { emit: y }) {
     const e = l;
     K((t) => ({
-      "614b450c": T.value,
-      "674fe5ee": S.value,
-      ba246e42: W.value,
-      "4785271e": l.selectColor,
-      "1b74d2ac": U.value
+      e0176a96: D.value,
+      "27e9d329": x.value,
+      "22b19dda": U.value,
+      "081f1459": l.selectColor,
+      "12e0ab32": T.value
     }));
-    const u = p(e.min), r = p(e.max), b = d(() => !!e.minimap.length), $ = p(re()), D = d(() => {
-      const t = e.max - e.min, a = (u.value - e.min) / t * 100, o = (r.value - e.min) / t * 100;
+    const u = f(e.min), r = f(e.max), g = d(() => !!e.minimap.length), C = f(re()), _ = d(() => {
+      const t = e.max - e.min, n = (u.value - e.min) / t * 100, o = (r.value - e.min) / t * 100;
       return {
-        left: `${a}%`,
-        width: `${o - a}%`,
+        left: `${n}%`,
+        width: `${o - n}%`,
         background: e.selectColor
       };
-    }), T = d(() => e.inputColor), U = d(() => e.background), W = d(() => `${e.selectColor}33`), S = d(() => e.borderColor), I = d(() => {
+    }), D = d(() => e.inputColor), T = d(() => e.background), U = d(() => `${e.selectColor}33`), x = d(() => e.borderColor), M = d(() => {
       let t = [];
-      for (let a = 0; a < e.minimap.length; a += 1)
-        t.push(a);
+      for (let n = 0; n < e.minimap.length; n += 1)
+        t.push(n);
       return t;
     });
-    function L() {
+    function I() {
       y("reset");
     }
-    function X() {
+    function W() {
       Number(u.value) > Number(r.value) - 1 && (u.value = Number(r.value) - 1), y("update:start", Number(u.value));
     }
-    function j() {
+    function X() {
       Number(r.value) < Number(u.value) + 1 && (r.value = Number(u.value) + 1), y("update:end", Number(r.value));
     }
-    w(
+    L(
       () => e.min,
       (t) => {
         Number(u.value) < Number(t) && (u.value = Number(t)), Number(r.value) < Number(t) && (r.value = Number(t));
       }
-    ), w(
+    ), L(
       () => e.max,
       (t) => {
         Number(u.value) > Number(t) && (u.value = Number(t)), Number(r.value) > Number(t) && (r.value = Number(t));
       }
     );
-    const C = p(null), n = p({
+    const w = f(null), a = f({
       width: 1,
       height: 1
-    }), M = p(null);
+    }), F = f(null);
     Y(() => {
-      if (b.value) {
+      if (g.value) {
         const t = oe(() => {
-          const { width: a, height: o } = ue({
-            chart: C.value
+          const { width: n, height: o } = ue({
+            chart: w.value
           });
-          n.value.width = a, n.value.height = o - 47;
+          a.value.width = n, a.value.height = o - 47;
         });
-        M.value = new ResizeObserver(t), M.value.observe(C.value);
+        F.value = new ResizeObserver(t), F.value.observe(w.value);
       }
     });
-    const s = d(() => e.minimap.length ? n.value.width / e.minimap.length : 0), h = d(() => {
+    const s = d(() => e.minimap.length ? a.value.width / e.minimap.length : 0), m = d(() => {
       if (!e.minimap.length) return [];
-      const t = Math.max(...e.minimap), a = Math.min(...e.minimap) - 10, o = t - (a > 0 ? 0 : a), m = e.minimap.map((_, H) => {
-        const J = _ - a;
+      const t = Math.max(...e.minimap), n = Math.min(...e.minimap) - 10, o = t - (n > 0 ? 0 : n), c = e.minimap.map((Q, H) => {
+        const J = Q - n;
         return {
-          x: n.value.width / e.minimap.length * H + s.value / 2,
-          y: n.value.height - J / o * (n.value.height * 0.9)
+          x: a.value.width / e.minimap.length * H + s.value / 2,
+          y: a.value.height - J / o * (a.value.height * 0.9)
         };
-      }), N = e.smoothMinimap ? V(m) : B(m), F = [...m].slice(e.valueStart, e.valueEnd), Z = e.smoothMinimap ? V(F) : B(F);
+      }), N = e.smoothMinimap ? V(c) : B(c), $ = [...c].slice(e.valueStart, e.valueEnd), G = e.smoothMinimap ? V($) : B($);
       return {
         fullSet: N,
-        selectionSet: Z,
-        firstPlot: m[e.valueStart],
-        lastPlot: m[e.valueEnd - 1]
+        selectionSet: G,
+        sliced: $,
+        firstPlot: c[e.valueStart],
+        lastPlot: c[e.valueEnd - 1]
       };
-    }), f = d(() => ({
+    }), p = d(() => ({
       x: s.value * u.value + s.value / 2,
-      width: n.value.width * ((r.value - u.value) / e.max) - s.value
-    })), q = d(() => ({
+      width: a.value.width * ((r.value - u.value) / e.max) - s.value
+    })), j = d(() => ({
       left: 0,
       color: e.textColor,
       fontSize: `${e.fontSize}px`,
-      top: b.value ? "28px" : "-28px",
+      top: g.value ? "28px" : "-28px",
       pointerEvents: "none"
-    })), G = d(() => ({
+    })), Z = d(() => ({
       right: 0,
       color: e.textColor,
       fontSize: `${e.fontSize}px`,
-      top: b.value ? "28px" : "-28px",
+      top: g.value ? "28px" : "-28px",
       direction: "rtl",
       pointerEvents: "none"
-    })), g = p(e.minimapSelectedIndex);
-    w(() => e.minimapSelectedIndex, (t) => {
-      g.value = t + e.valueStart;
+    })), b = f(e.minimapSelectedIndex);
+    L(() => e.minimapSelectedIndex, (t) => {
+      b.value = t + e.valueStart;
     }, { immediate: !0 });
-    function Q(t) {
-      g.value = t, t >= e.valueStart && t < e.valueEnd && y("trapMouse", t - e.valueStart);
+    function q(t) {
+      b.value = t, t >= e.valueStart && t < e.valueEnd && y("trapMouse", t - e.valueStart);
     }
-    return (t, a) => (c(), v("div", me, [
+    return (t, n) => (v(), h("div", me, [
       i("div", ce, [
-        l.valueStart > 0 || l.valueEnd < l.max ? (c(), v("div", ve, [
+        l.valueStart > 0 || l.valueEnd < l.max ? (v(), h("div", ve, [
           l.useResetSlot ? te(t.$slots, "reset-action", {
             key: 1,
-            reset: L
-          }, void 0, !0) : (c(), v("button", {
+            reset: I
+          }, void 0, !0) : (v(), 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: S({
+              top: g.value ? "36px" : "-16px",
               pointerEvents: "all !important"
             }),
-            onClick: L
+            onClick: I
           }, [
             ee(ne, {
               name: "refresh",
@@ -231,17 +232,17 @@ const O = (l) => (ae("data-v-bb159e36"), l = l(), ie(), l), me = {
       i("div", {
         class: "double-range-slider",
         ref_key: "minimapWrapper",
-        ref: C,
+        ref: w,
         style: { "z-index": "0" }
       }, [
-        b.value ? (c(), v("div", he, [
-          (c(), v("svg", {
+        g.value ? (v(), h("div", he, [
+          (v(), h("svg", {
             xmlns: le(se),
-            viewBox: `0 0 ${n.value.width < 0 ? 0 : n.value.width} ${n.value.height < 0 ? 0 : n.value.height}`
+            viewBox: `0 0 ${a.value.width < 0 ? 0 : a.value.width} ${a.value.height < 0 ? 0 : a.value.height}`
           }, [
             i("defs", null, [
               i("linearGradient", {
-                id: $.value,
+                id: C.value,
                 x1: "0%",
                 y1: "0%",
                 x2: "0%",
@@ -251,131 +252,144 @@ const O = (l) => (ae("data-v-bb159e36"), l = l(), ie(), l), me = {
                   offset: "0%",
                   "stop-color": `${l.minimapLineColor}50`
                 }, null, 8, ye),
-                be
+                ge
               ], 8, fe)
             ]),
             i("path", {
-              d: `M${h.value.fullSet}`,
+              d: `M${m.value.fullSet}`,
               stroke: `${l.minimapLineColor}`,
               fill: "none",
               "stroke-width": "1",
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               style: { opacity: "1" }
-            }, null, 8, ge),
+            }, null, 8, xe),
             i("rect", {
-              x: f.value.x,
-              width: f.value.width < 0 ? 0 : f.value.width,
-              height: n.value.height,
+              x: p.value.x,
+              width: p.value.width < 0 ? 0 : p.value.width,
+              height: a.value.height,
               y: 0,
-              fill: S.value,
+              fill: x.value,
               rx: l.minimapSelectionRadius,
               stroke: "none"
-            }, null, 8, xe),
+            }, null, 8, be),
             i("path", {
-              d: `M${s.value / 2},${n.value.height} ${h.value.fullSet} L${n.value.width - s.value / 2},${n.value.height}Z`,
-              fill: `url(#${$.value})`,
+              d: `M${s.value / 2},${a.value.height} ${m.value.fullSet} L${a.value.width - s.value / 2},${a.value.height}Z`,
+              fill: `url(#${C.value})`,
               stroke: "none",
               style: { opacity: "1" }
             }, null, 8, Se),
             i("rect", {
-              x: f.value.x,
-              width: f.value.width < 0 ? 0 : f.value.width,
-              height: n.value.height,
+              x: p.value.x,
+              width: p.value.width < 0 ? 0 : p.value.width,
+              height: a.value.height,
+              y: 0,
+              fill: x.value
+            }, null, 8, ke),
+            i("rect", {
+              x: p.value.x,
+              width: p.value.width < 0 ? 0 : p.value.width,
+              height: a.value.height,
               y: 0,
               fill: l.minimapSelectedColor,
-              style: x({
+              style: S({
                 opacity: l.minimapSelectedColorOpacity
               })
-            }, null, 12, ke),
+            }, null, 12, Ce),
             i("path", {
-              d: `M ${h.value.selectionSet}`,
+              d: `M${m.value.sliced[0].x},${a.value.height} ${m.value.selectionSet} L${m.value.sliced.at(-1).x},${a.value.height}Z`,
+              fill: `url(#${C.value})`,
+              stroke: "none",
+              style: { opacity: "1" }
+            }, null, 8, we),
+            i("path", {
+              d: `M ${m.value.selectionSet}`,
               stroke: `${l.minimapLineColor}`,
               fill: "transparent",
               "stroke-width": "2",
               "stroke-linecap": "round",
               "stroke-linejoin": "round"
-            }, null, 8, Ce),
+            }, null, 8, Ne),
             i("circle", {
-              cx: h.value.firstPlot.x,
-              cy: h.value.firstPlot.y,
+              cx: m.value.firstPlot.x,
+              cy: m.value.firstPlot.y,
               "stroke-width": "0.5",
-              stroke: S.value,
+              stroke: x.value,
               r: "3",
               fill: l.minimapLineColor
-            }, null, 8, Ne),
+            }, null, 8, $e),
             i("circle", {
-              cx: h.value.lastPlot.x,
-              cy: h.value.lastPlot.y,
+              cx: m.value.lastPlot.x,
+              cy: m.value.lastPlot.y,
               "stroke-width": "0.5",
-              stroke: S.value,
+              stroke: x.value,
               r: "3",
               fill: l.minimapLineColor
-            }, null, 8, we),
-            g.value !== null ? (c(!0), v(P, { key: 0 }, z(I.value, (o, m) => (c(), v("g", null, [
-              g.value === o && o >= l.valueStart && o < l.valueEnd ? (c(), v("line", {
+            }, null, 8, Le),
+            b.value !== null ? (v(!0), h(P, { key: 0 }, z(M.value, (o, c) => (v(), h("g", null, [
+              b.value === o && o >= l.valueStart && o < l.valueEnd ? (v(), h("line", {
                 key: 0,
-                x1: s.value * m + s.value / 2,
-                x2: s.value * m + s.value / 2,
+                x1: s.value * c + s.value / 2,
+                x2: s.value * c + s.value / 2,
                 y1: 0,
-                y2: n.value.height,
+                y2: a.value.height,
                 stroke: l.minimapIndicatorColor,
                 "stroke-linecap": "round",
                 "stroke-dasharray": "2",
                 "stroke-width": "1"
-              }, null, 8, $e)) : k("", !0)
+              }, null, 8, Me)) : k("", !0)
             ]))), 256)) : k("", !0),
-            (c(!0), v(P, null, z(I.value, (o, m) => (c(), v("rect", {
-              x: s.value * m,
+            (v(!0), h(P, null, z(M.value, (o, c) => (v(), h("rect", {
+              x: s.value * c,
               y: 0,
-              height: n.value.height,
+              height: a.value.height,
               width: s.value,
               fill: "transparent",
               style: { "pointer-events": "all !important" },
-              onMouseenter: (N) => Q(o),
-              onMouseleave: a[0] || (a[0] = (N) => {
-                g.value = null, y("trapMouse", null);
+              onMouseenter: (N) => q(o),
+              onMouseleave: n[0] || (n[0] = (N) => {
+                b.value = null, y("trapMouse", null);
               })
             }, null, 40, Ie))), 256))
           ], 8, pe))
         ])) : k("", !0),
-        Le,
+        Fe,
         i("div", {
           class: "range-highlight",
-          style: x(D.value)
+          style: S(_.value)
         }, null, 4),
         E(i("input", {
           type: "range",
           class: "range-left",
           min: l.min,
           max: l.max,
-          "onUpdate:modelValue": a[1] || (a[1] = (o) => u.value = o),
-          onInput: X
-        }, null, 40, Me), [
+          "onUpdate:modelValue": n[1] || (n[1] = (o) => u.value = o),
+          onInput: W
+        }, null, 40, Pe), [
           [A, u.value]
         ]),
         i("div", {
           class: "thumb-label thumb-label-left",
-          style: x(q.value)
+          style: S(j.value)
         }, R(l.labelLeft), 5),
         E(i("input", {
           type: "range",
           class: "range-right",
           min: l.min,
           max: l.max,
-          "onUpdate:modelValue": a[2] || (a[2] = (o) => r.value = o),
-          onInput: j
-        }, null, 40, Fe), [
+          "onUpdate:modelValue": n[2] || (n[2] = (o) => r.value = o),
+          onInput: X
+        }, null, 40, ze), [
           [A, r.value]
         ]),
         i("div", {
           class: "thumb-label thumb-label-right",
-          style: x(G.value)
+          style: S(Z.value)
         }, R(l.labelRight), 5)
       ], 512)
     ]));
   }
-}, Be = /* @__PURE__ */ de(Pe, [["__scopeId", "data-v-bb159e36"]]);
+}, _e = /* @__PURE__ */ de(Ee, [["__scopeId", "data-v-54291cff"]]);
 export {
-  Be as S
+  _e as S
 };

package/dist/{Title-Ahj4TYHa.cjs → Title-BOtOowG-.cjs}

@@ -1 +1 @@
-"use strict";const t=require("vue"),r=require("./useNestedProp-B-NmF2LO.cjs"),o={__name:"Title",props:{config:{type:Object,default(){return{}}}},setup(i){const n=i,e=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)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createElementVNode("div",{style:t.normalizeStyle(`width: calc(100% - ${t.unref(e).title.paddingLeft+t.unref(e).title.paddingRight}px); text-align:${t.unref(e).title.textAlign};color:${t.unref(e).title.color};font-size:${t.unref(e).title.fontSize}px;font-weight:${t.unref(e).title.bold?"bold":""};padding-left:${t.unref(e).title.paddingLeft}px;padding-right:${t.unref(e).title.paddingRight}px;`)},t.toDisplayString(t.unref(e).title.text),5),t.unref(e).subtitle.text?(t.openBlock(),t.createElementBlock("div",{key:0,style:t.normalizeStyle(`width: calc(100% - ${t.unref(e).title.paddingLeft+t.unref(e).title.paddingRight}px); text-align:${t.unref(e).title.textAlign};color:${t.unref(e).subtitle.color};font-size:${t.unref(e).subtitle.fontSize}px;font-weight:${t.unref(e).subtitle.bold?"bold":""};padding-left:${t.unref(e).title.paddingLeft}px;padding-right:${t.unref(e).title.paddingRight}px;`)},t.toDisplayString(t.unref(e).subtitle.text),5)):t.createCommentVNode("",!0),t.unref(e).subtitle.text?(t.openBlock(),t.createElementBlock("div",{key:1,style:t.normalizeStyle(`width: calc(100% - ${t.unref(e).title.paddingLeft+t.unref(e).title.paddingRight}px); text-align:${t.unref(e).title.textAlign};color:${t.unref(e).subtitle.color};font-size:${t.unref(e).subtitle.fontSize}px;font-weight:${t.unref(e).subtitle.bold?"bold":""};padding-left:${t.unref(e).title.paddingLeft}px;padding-right:${t.unref(e).title.paddingRight}px;`)},[t.renderSlot(l.$slots,"default")],4)):t.createCommentVNode("",!0)],64))}};exports._sfc_main=o;
+"use strict";const t=require("vue"),r=require("./useNestedProp-BU19Uk2G.cjs"),o={__name:"Title",props:{config:{type:Object,default(){return{}}}},setup(i){const n=i,e=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)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createElementVNode("div",{style:t.normalizeStyle(`width: calc(100% - ${t.unref(e).title.paddingLeft+t.unref(e).title.paddingRight}px); text-align:${t.unref(e).title.textAlign};color:${t.unref(e).title.color};font-size:${t.unref(e).title.fontSize}px;font-weight:${t.unref(e).title.bold?"bold":""};padding-left:${t.unref(e).title.paddingLeft}px;padding-right:${t.unref(e).title.paddingRight}px;`)},t.toDisplayString(t.unref(e).title.text),5),t.unref(e).subtitle.text?(t.openBlock(),t.createElementBlock("div",{key:0,style:t.normalizeStyle(`width: calc(100% - ${t.unref(e).title.paddingLeft+t.unref(e).title.paddingRight}px); text-align:${t.unref(e).title.textAlign};color:${t.unref(e).subtitle.color};font-size:${t.unref(e).subtitle.fontSize}px;font-weight:${t.unref(e).subtitle.bold?"bold":""};padding-left:${t.unref(e).title.paddingLeft}px;padding-right:${t.unref(e).title.paddingRight}px;`)},t.toDisplayString(t.unref(e).subtitle.text),5)):t.createCommentVNode("",!0),t.unref(e).subtitle.text?(t.openBlock(),t.createElementBlock("div",{key:1,style:t.normalizeStyle(`width: calc(100% - ${t.unref(e).title.paddingLeft+t.unref(e).title.paddingRight}px); text-align:${t.unref(e).title.textAlign};color:${t.unref(e).subtitle.color};font-size:${t.unref(e).subtitle.fontSize}px;font-weight:${t.unref(e).subtitle.bold?"bold":""};padding-left:${t.unref(e).title.paddingLeft}px;padding-right:${t.unref(e).title.paddingRight}px;`)},[t.renderSlot(l.$slots,"default")],4)):t.createCommentVNode("",!0)],64))}};exports._sfc_main=o;

package/dist/{Title-DJ2FNrSN.js → Title-vxOwL9mI.js}

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

package/dist/{Tooltip-XhevgJmm.cjs → Tooltip-B25UdCt3.cjs}

@@ -1 +1 @@
-"use strict";const o=require("vue"),v=require("./index-CVgBMJU6.cjs");function p({tooltip:e,chart:r,clientPosition:t,positionPreference:a="center",defaultOffsetY:d=24}){const u=o.ref(0),l=o.ref(d);if(e&&r){const{width:n,height:f}=e.getBoundingClientRect(),{right:i,left:s,bottom:m}=r.getBoundingClientRect();a==="center"&&(t.x+n/2>i?u.value=-n+(i-t.x):t.x-n/2<s?u.value=-n+(n-(t.x-s)):u.value=-n/2),a==="right"&&(t.x+n>i?u.value=-n+(i-t.x):u.value=0),a==="left"&&(t.x<s+n?u.value=-n+(n-(t.x-s)):u.value=-n),t.y+f>m&&(l.value=-f-d)}return{top:t.y+l.value,left:t.x+u.value}}function y(e,r,t){o.onMounted(()=>e.addEventListener(r,t)),o.onUnmounted(()=>e.removeEventListener(r,t))}function c(){const e=o.ref(0),r=o.ref(0);return y(window,"mousemove",t=>{e.value=t.clientX,r.value=t.clientY}),{x:e,y:r}}const b=["innerHTML"],g={__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}},setup(e){const r=e,t=o.ref(null),a=o.ref(c()),d=o.computed(()=>p({tooltip:t.value,chart:r.parent,clientPosition:a.value,positionPreference:r.position,defaultOffsetY:r.offsetY})),u=o.computed(()=>v.setOpacity(r.backgroundColor,r.backgroundOpacity));return(l,n)=>e.show?(o.openBlock(),o.createElementBlock("div",{key:0,ref_key:"tooltip",ref:t,class:o.normalizeClass({"vue-data-ui-custom-tooltip":e.isCustom,"vue-data-ui-tooltip":!e.isCustom}),style:o.normalizeStyle(`pointer-events:none;top:${d.value.top}px;left:${d.value.left}px;${e.isCustom?"":`background:${u.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};`)},[o.renderSlot(l.$slots,"tooltip-before"),o.renderSlot(l.$slots,"default"),o.createElementVNode("div",{innerHTML:e.content},null,8,b),o.renderSlot(l.$slots,"tooltip-after")],6)):o.createCommentVNode("",!0)}};exports._sfc_main=g;exports.useMouse=c;
+"use strict";const o=require("vue"),v=require("./index-BzFQHG8B.cjs");function p({tooltip:e,chart:r,clientPosition:t,positionPreference:a="center",defaultOffsetY:d=24}){const u=o.ref(0),l=o.ref(d);if(e&&r){const{width:n,height:f}=e.getBoundingClientRect(),{right:i,left:s,bottom:m}=r.getBoundingClientRect();a==="center"&&(t.x+n/2>i?u.value=-n+(i-t.x):t.x-n/2<s?u.value=-n+(n-(t.x-s)):u.value=-n/2),a==="right"&&(t.x+n>i?u.value=-n+(i-t.x):u.value=0),a==="left"&&(t.x<s+n?u.value=-n+(n-(t.x-s)):u.value=-n),t.y+f>m&&(l.value=-f-d)}return{top:t.y+l.value,left:t.x+u.value}}function y(e,r,t){o.onMounted(()=>e.addEventListener(r,t)),o.onUnmounted(()=>e.removeEventListener(r,t))}function c(){const e=o.ref(0),r=o.ref(0);return y(window,"mousemove",t=>{e.value=t.clientX,r.value=t.clientY}),{x:e,y:r}}const b=["innerHTML"],g={__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}},setup(e){const r=e,t=o.ref(null),a=o.ref(c()),d=o.computed(()=>p({tooltip:t.value,chart:r.parent,clientPosition:a.value,positionPreference:r.position,defaultOffsetY:r.offsetY})),u=o.computed(()=>v.setOpacity(r.backgroundColor,r.backgroundOpacity));return(l,n)=>e.show?(o.openBlock(),o.createElementBlock("div",{key:0,ref_key:"tooltip",ref:t,class:o.normalizeClass({"vue-data-ui-custom-tooltip":e.isCustom,"vue-data-ui-tooltip":!e.isCustom}),style:o.normalizeStyle(`pointer-events:none;top:${d.value.top}px;left:${d.value.left}px;${e.isCustom?"":`background:${u.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};`)},[o.renderSlot(l.$slots,"tooltip-before"),o.renderSlot(l.$slots,"default"),o.createElementVNode("div",{innerHTML:e.content},null,8,b),o.renderSlot(l.$slots,"tooltip-after")],6)):o.createCommentVNode("",!0)}};exports._sfc_main=g;exports.useMouse=c;

package/dist/{Tooltip-CQpXRqRC.js → Tooltip-FDQ6j0dy.js}

@@ -1,5 +1,5 @@
 import { ref as l, onMounted as v, onUnmounted as y, computed as m, openBlock as b, createElementBlock as g, normalizeClass as x, normalizeStyle as h, renderSlot as f, createElementVNode as $, createCommentVNode as C } from "vue";
-import { s as S } from "./index-D2epy0rJ.js";
+import { s as S } from "./index-Bkzd7TEp.js";
 function k({ tooltip: e, chart: o, clientPosition: t, positionPreference: a = "center", defaultOffsetY: i = 24 }) {
   const u = l(0), r = l(i);
   if (e && o) {