vue-data-ui 2.3.49 → 2.3.50

package/dist/Slicer-BDwoVjE2.js

@@ -0,0 +1,288 @@
+import { useCssVars as j, ref as m, computed as u, watch as k, onMounted as q, openBlock as d, createElementBlock as c, createElementVNode as i, createVNode as G, renderSlot as T, createCommentVNode as $, normalizeStyle as v, withDirectives as w, vModelText as F, toDisplayString as L, unref as Z, pushScopeId as _, popScopeId as H } from "vue";
+import J from "./BaseIcon-B_HSdFNd.js";
+import { t as K, u as Q } from "./useResponsive-NZB-WLRF.js";
+import { c as Y, M as ee, L as te, X as le } from "./index-kgQzkWhV.js";
+import { _ as ae } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const z = (t) => (_("data-v-8a07fb8f"), t = t(), H(), t), ie = { "data-html2canvas-ignore": "" }, ne = { class: "vue-data-ui-slicer-labels" }, oe = {
+  key: 0,
+  style: { width: "100%", position: "relative" }
+}, re = /* @__PURE__ */ z(() => /* @__PURE__ */ i("div", { class: "slider-track" }, null, -1)), ue = ["min", "max"], se = ["min", "max"], me = {
+  key: 0,
+  class: "minimap",
+  style: { width: "100%" }
+}, de = ["xmlns", "viewBox"], ce = ["id"], ve = ["stop-color"], he = /* @__PURE__ */ z(() => /* @__PURE__ */ i("stop", {
+  offset: "100%",
+  "stop-color": "transparent"
+}, null, -1)), fe = ["x", "width", "height", "rx", "fill"], pe = ["d", "stroke", "fill"], be = ["x2", "y1", "y2", "stroke"], ge = {
+  __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: 0.2
+    }
+  },
+  emits: ["update:start", "update:end", "reset"],
+  setup(t, { emit: h }) {
+    const e = t;
+    j((l) => ({
+      "01b67b5a": P.value,
+      d1cb6a72: V.value,
+      "198566f8": R.value,
+      "774f8bf7": t.selectColor,
+      "3941b9f6": I.value
+    }));
+    const n = m(e.min), o = m(e.max), p = u(() => !!e.minimap.length), b = m(Y()), A = u(() => {
+      const l = e.max - e.min, r = (n.value - e.min) / l * 100, s = (o.value - e.min) / l * 100;
+      return {
+        left: `${r}%`,
+        width: `${s - r}%`,
+        background: e.selectColor
+      };
+    }), P = u(() => e.inputColor), I = u(() => e.background), R = u(() => `${e.selectColor}33`), V = u(() => e.borderColor);
+    function g() {
+      h("reset");
+    }
+    function E() {
+      Number(n.value) > Number(o.value) - 1 && (n.value = Number(o.value) - 1), h("update:start", Number(n.value));
+    }
+    function B() {
+      Number(o.value) < Number(n.value) + 1 && (o.value = Number(n.value) + 1), h("update:end", Number(o.value));
+    }
+    k(
+      () => e.min,
+      (l) => {
+        Number(n.value) < Number(l) && (n.value = Number(l)), Number(o.value) < Number(l) && (o.value = Number(l));
+      }
+    ), k(
+      () => e.max,
+      (l) => {
+        Number(n.value) > Number(l) && (n.value = Number(l)), Number(o.value) > Number(l) && (o.value = Number(l));
+      }
+    );
+    const f = m(null), a = m({
+      width: 1,
+      height: 1
+    }), y = m(null);
+    q(() => {
+      if (p.value) {
+        const l = K(() => {
+          const { width: r, height: s } = Q({
+            chart: f.value
+          });
+          a.value.width = r, a.value.height = s - 47;
+        });
+        y.value = new ResizeObserver(l), y.value.observe(f.value);
+      }
+    });
+    const S = u(() => e.minimap.length ? a.value.width / e.minimap.length : 0), x = u(() => ({
+      x: S.value * e.valueStart,
+      width: S.value * (e.valueEnd - e.valueStart)
+    })), M = u(() => {
+      if (!e.minimap.length) return [];
+      const l = Math.max(...e.minimap), r = Math.min(...e.minimap), s = l - (r > 0 ? 0 : r), C = e.minimap.map((U, W) => {
+        const X = U - r;
+        return {
+          x: a.value.width / (e.minimap.length - 1) * W,
+          y: a.value.height - X / s * (a.value.height * 0.9)
+        };
+      });
+      return e.smoothMinimap ? ee(C) : te(C);
+    }), N = u(() => e.max - e.min), O = u(() => ({
+      left: `calc(${(n.value - e.min) / N.value * 100}%)`,
+      // Adjust positioning as needed
+      color: e.textColor,
+      fontSize: `${e.fontSize}px`,
+      top: "-28px",
+      pointerEvents: "none"
+    })), D = u(() => ({
+      left: `calc(${(o.value - e.min) / N.value * 100}%)`,
+      // Adjust positioning as needed
+      color: e.textColor,
+      fontSize: `${e.fontSize}px`,
+      top: "28px",
+      direction: "rtl",
+      pointerEvents: "none"
+    }));
+    return (l, r) => (d(), c("div", ie, [
+      i("div", ne, [
+        t.valueStart > 0 || t.valueEnd < t.max ? (d(), c("div", oe, [
+          t.useResetSlot ? T(l.$slots, "reset-action", {
+            key: 1,
+            reset: g
+          }, void 0, !0) : (d(), c("button", {
+            key: 0,
+            "data-cy-reset": "",
+            tabindex: "0",
+            role: "button",
+            class: "vue-data-ui-refresh-button",
+            onClick: g
+          }, [
+            G(J, {
+              name: "refresh",
+              stroke: t.textColor
+            }, null, 8, ["stroke"])
+          ]))
+        ])) : $("", !0)
+      ]),
+      i("div", {
+        class: "double-range-slider",
+        ref_key: "minimapWrapper",
+        ref: f
+      }, [
+        re,
+        i("div", {
+          class: "range-highlight",
+          style: v(A.value)
+        }, null, 4),
+        w(i("input", {
+          type: "range",
+          min: t.min,
+          max: t.max,
+          "onUpdate:modelValue": r[0] || (r[0] = (s) => n.value = s),
+          onInput: E
+        }, null, 40, ue), [
+          [F, n.value]
+        ]),
+        i("div", {
+          class: "thumb-label thumb-label-left",
+          style: v(O.value)
+        }, L(t.labelLeft), 5),
+        w(i("input", {
+          type: "range",
+          min: t.min,
+          max: t.max,
+          "onUpdate:modelValue": r[1] || (r[1] = (s) => o.value = s),
+          onInput: B
+        }, null, 40, se), [
+          [F, o.value]
+        ]),
+        i("div", {
+          class: "thumb-label thumb-label-right",
+          style: v(D.value)
+        }, L(t.labelRight), 5),
+        p.value ? (d(), c("div", me, [
+          (d(), c("svg", {
+            xmlns: Z(le),
+            viewBox: `1 0 ${a.value.width - 1} ${a.value.height}`
+          }, [
+            i("defs", null, [
+              i("linearGradient", {
+                id: b.value,
+                x1: "0%",
+                y1: "0%",
+                x2: "0%",
+                y2: "100%"
+              }, [
+                i("stop", {
+                  offset: "0%",
+                  "stop-color": `${t.minimapLineColor}50`
+                }, null, 8, ve),
+                he
+              ], 8, ce)
+            ]),
+            i("rect", {
+              x: x.value.x,
+              y: "0",
+              width: x.value.width,
+              height: a.value.height,
+              rx: t.minimapSelectionRadius,
+              fill: `${t.minimapSelectedColor}`,
+              style: v({ opacity: t.minimapSelectedColorOpacity })
+            }, null, 12, fe),
+            i("path", {
+              d: `M0,${a.value.height} ${M.value} L${a.value.width},${a.value.height}Z`,
+              stroke: `${t.minimapLineColor}`,
+              fill: `url(#${b.value})`,
+              "stroke-width": "1",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }, null, 8, pe),
+            i("line", {
+              x1: 0,
+              x2: a.value.width,
+              y1: a.value.height + 1,
+              y2: a.value.height + 1,
+              stroke: t.background,
+              "stroke-width": "3"
+            }, null, 8, be)
+          ], 8, de))
+        ])) : $("", !0)
+      ], 512)
+    ]));
+  }
+}, ke = /* @__PURE__ */ ae(ge, [["__scopeId", "data-v-8a07fb8f"]]);
+export {
+  ke as S
+};

package/dist/Slicer-DnVQnpZC.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),R=require("./BaseIcon-I9PxMOax.cjs"),N=require("./useResponsive-B3TrDDIG.cjs"),c=require("./index-BmJ7PKIU.cjs"),I=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),S=l=>(e.pushScopeId("data-v-8a07fb8f"),l=l(),e.popScopeId(),l),q={"data-html2canvas-ignore":""},M={class:"vue-data-ui-slicer-labels"},D={key:0,style:{width:"100%",position:"relative"}},O=S(()=>e.createElementVNode("div",{class:"slider-track"},null,-1)),U=["min","max"],W=["min","max"],T={key:0,class:"minimap",style:{width:"100%"}},X=["xmlns","viewBox"],_=["id"],j=["stop-color"],G=S(()=>e.createElementVNode("stop",{offset:"100%","stop-color":"transparent"},null,-1)),H=["x","width","height","rx","fill"],Z=["d","stroke","fill"],J=["x2","y1","y2","stroke"],K={__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}},emits:["update:start","update:end","reset"],setup(l,{emit:s}){const t=l;e.useCssVars(a=>({"01b67b5a":k.value,d1cb6a72:V.value,"198566f8":E.value,"774f8bf7":l.selectColor,"3941b9f6":C.value}));const o=e.ref(t.min),i=e.ref(t.max),d=e.computed(()=>!!t.minimap.length),v=e.ref(c.createUid()),x=e.computed(()=>{const a=t.max-t.min,r=(o.value-t.min)/a*100,u=(i.value-t.min)/a*100;return{left:`${r}%`,width:`${u-r}%`,background:t.selectColor}}),k=e.computed(()=>t.inputColor),C=e.computed(()=>t.background),E=e.computed(()=>`${t.selectColor}33`),V=e.computed(()=>t.borderColor);function h(){s("reset")}function w(){Number(o.value)>Number(i.value)-1&&(o.value=Number(i.value)-1),s("update:start",Number(o.value))}function $(){Number(i.value)<Number(o.value)+1&&(i.value=Number(o.value)+1),s("update:end",Number(i.value))}e.watch(()=>t.min,a=>{Number(o.value)<Number(a)&&(o.value=Number(a)),Number(i.value)<Number(a)&&(i.value=Number(a))}),e.watch(()=>t.max,a=>{Number(o.value)>Number(a)&&(o.value=Number(a)),Number(i.value)>Number(a)&&(i.value=Number(a))});const m=e.ref(null),n=e.ref({width:1,height:1}),p=e.ref(null);e.onMounted(()=>{if(d.value){const a=N.throttle(()=>{const{width:r,height:u}=N.useResponsive({chart:m.value});n.value.width=r,n.value.height=u-47});p.value=new ResizeObserver(a),p.value.observe(m.value)}});const f=e.computed(()=>t.minimap.length?n.value.width/t.minimap.length:0),b=e.computed(()=>({x:f.value*t.valueStart,width:f.value*(t.valueEnd-t.valueStart)})),B=e.computed(()=>{if(!t.minimap.length)return[];const a=Math.max(...t.minimap),r=Math.min(...t.minimap),u=a-(r>0?0:r),y=t.minimap.map((A,L)=>{const P=A-r;return{x:n.value.width/(t.minimap.length-1)*L,y:n.value.height-P/u*(n.value.height*.9)}});return t.smoothMinimap?c.createSmoothPath(y):c.createStraightPath(y)}),g=e.computed(()=>t.max-t.min),z=e.computed(()=>({left:`calc(${(o.value-t.min)/g.value*100}%)`,color:t.textColor,fontSize:`${t.fontSize}px`,top:"-28px",pointerEvents:"none"})),F=e.computed(()=>({left:`calc(${(i.value-t.min)/g.value*100}%)`,color:t.textColor,fontSize:`${t.fontSize}px`,top:"28px",direction:"rtl",pointerEvents:"none"}));return(a,r)=>(e.openBlock(),e.createElementBlock("div",q,[e.createElementVNode("div",M,[l.valueStart>0||l.valueEnd<l.max?(e.openBlock(),e.createElementBlock("div",D,[l.useResetSlot?e.renderSlot(a.$slots,"reset-action",{key:1,reset:h},void 0,!0):(e.openBlock(),e.createElementBlock("button",{key:0,"data-cy-reset":"",tabindex:"0",role:"button",class:"vue-data-ui-refresh-button",onClick:h},[e.createVNode(R.default,{name:"refresh",stroke:l.textColor},null,8,["stroke"])]))])):e.createCommentVNode("",!0)]),e.createElementVNode("div",{class:"double-range-slider",ref_key:"minimapWrapper",ref:m},[O,e.createElementVNode("div",{class:"range-highlight",style:e.normalizeStyle(x.value)},null,4),e.withDirectives(e.createElementVNode("input",{type:"range",min:l.min,max:l.max,"onUpdate:modelValue":r[0]||(r[0]=u=>o.value=u),onInput:w},null,40,U),[[e.vModelText,o.value]]),e.createElementVNode("div",{class:"thumb-label thumb-label-left",style:e.normalizeStyle(z.value)},e.toDisplayString(l.labelLeft),5),e.withDirectives(e.createElementVNode("input",{type:"range",min:l.min,max:l.max,"onUpdate:modelValue":r[1]||(r[1]=u=>i.value=u),onInput:$},null,40,W),[[e.vModelText,i.value]]),e.createElementVNode("div",{class:"thumb-label thumb-label-right",style:e.normalizeStyle(F.value)},e.toDisplayString(l.labelRight),5),d.value?(e.openBlock(),e.createElementBlock("div",T,[(e.openBlock(),e.createElementBlock("svg",{xmlns:e.unref(c.XMLNS),viewBox:`1 0 ${n.value.width-1} ${n.value.height}`},[e.createElementVNode("defs",null,[e.createElementVNode("linearGradient",{id:v.value,x1:"0%",y1:"0%",x2:"0%",y2:"100%"},[e.createElementVNode("stop",{offset:"0%","stop-color":`${l.minimapLineColor}50`},null,8,j),G],8,_)]),e.createElementVNode("rect",{x:b.value.x,y:"0",width:b.value.width,height:n.value.height,rx:l.minimapSelectionRadius,fill:`${l.minimapSelectedColor}`,style:e.normalizeStyle({opacity:l.minimapSelectedColorOpacity})},null,12,H),e.createElementVNode("path",{d:`M0,${n.value.height} ${B.value} L${n.value.width},${n.value.height}Z`,stroke:`${l.minimapLineColor}`,fill:`url(#${v.value})`,"stroke-width":"1","stroke-linecap":"round","stroke-linejoin":"round"},null,8,Z),e.createElementVNode("line",{x1:0,x2:n.value.width,y1:n.value.height+1,y2:n.value.height+1,stroke:l.background,"stroke-width":"3"},null,8,J)],8,X))])):e.createCommentVNode("",!0)],512)]))}},Q=I._export_sfc(K,[["__scopeId","data-v-8a07fb8f"]]);exports.Slicer=Q;

package/dist/{Title-CSRD5z1r.cjs → Title-BW1v4dLt.cjs}

@@ -1 +1 @@
-"use strict";const t=require("vue"),r=require("./useNestedProp-Vjg1xsU_.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-Csm4QEI9.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-0px6u9U5.js → Title-DNx5ZGZC.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-DE-a5lMx.js";
+import { u as s } from "./useNestedProp-CEBAQM_w.js";
 const b = {
   __name: "Title",
   props: {

package/dist/{Tooltip-TTopnCsK.js → Tooltip-C6nRg_p1.js}

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

package/dist/{Tooltip-DFpYO4rz.cjs → Tooltip-v4URJ3ID.cjs}

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