vue-data-ui 2.4.41 → 2.4.42

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-data-ui",
   "private": false,
-  "version": "2.4.41",
+  "version": "2.4.42",
   "type": "module",
   "description": "A user-empowering data visualization Vue 3 components library for eloquent data storytelling",
   "keywords": [

package/dist/Slicer-B2aHb4bj.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),O=require("./BaseIcon-D-JUZiGA.cjs"),C=require("./useResponsive-BJ7DTGpm.cjs"),v=require("./index-B5Ugkauv.cjs"),T=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),w=l=>(e.pushScopeId("data-v-ed77abe8"),l=l(),e.popScopeId(),l),U={"data-html2canvas-ignore":"",style:{padding:"0 24px"},class:"vue-data-ui-zoom"},W={class:"vue-data-ui-slicer-labels",style:{position:"relative","z-index":"1","pointer-events":"none"}},j={key:0,style:{width:"100%",position:"relative"}},X={key:0,class:"minimap",style:{width:"100%"}},Z=["xmlns","viewBox"],_=["id"],G=["stop-color"],H=w(()=>e.createElementVNode("stop",{offset:"100%","stop-color":"transparent"},null,-1)),J=["d","stroke"],K=["x","width","height","fill","rx"],Q=["d","fill"],Y=["x","width","height","rx","fill"],ee=["x","width","height","fill","rx"],te=["d","fill"],le=["d","stroke"],ae=["cx","cy","stroke","fill"],ne=["cx","cy","stroke","fill"],oe=["x1","x2","y2","stroke"],ie=["x","height","width","onMouseenter"],re=w(()=>e.createElementVNode("div",{class:"slider-track"},null,-1)),ue=["min","max"],se=["min","max"],ce={__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"}},emits:["update:start","update:end","reset","trapMouse"],setup(l,{emit:h}){const t=l;e.useCssVars(a=>({"724603fa":$.value,"0a3b8c6e":f.value,"31bae142":M.value,"2b1e64c4":l.selectColor,"7b29392c":B.value}));const r=e.ref(t.min),u=e.ref(t.max),p=e.computed(()=>!!t.minimap.length),g=e.ref(v.createUid()),V=e.computed(()=>{const a=t.max-t.min,o=(r.value-t.min)/a*100,i=(u.value-t.min)/a*100;return{left:`${o}%`,width:`${i-o}%`,background:t.selectColor}}),$=e.computed(()=>t.inputColor),B=e.computed(()=>t.background),M=e.computed(()=>`${t.selectColor}33`),f=e.computed(()=>t.borderColor),N=e.computed(()=>{let a=[];for(let o=0;o<t.minimap.length;o+=1)a.push(o);return a});function E(){h("reset")}function z(){Number(r.value)>Number(u.value)-1&&(r.value=Number(u.value)-1),h("update:start",Number(r.value))}function L(){Number(u.value)<Number(r.value)+1&&(u.value=Number(r.value)+1),h("update:end",Number(u.value))}e.watch(()=>t.min,a=>{Number(r.value)<Number(a)&&(r.value=Number(a)),Number(u.value)<Number(a)&&(u.value=Number(a))}),e.watch(()=>t.max,a=>{Number(r.value)>Number(a)&&(r.value=Number(a)),Number(u.value)>Number(a)&&(u.value=Number(a))});const b=e.ref(null),n=e.ref({width:1,height:1}),y=e.ref(null);e.onMounted(()=>{if(p.value){const a=C.throttle(()=>{const{width:o,height:i}=C.useResponsive({chart:b.value});n.value.width=o,n.value.height=i-47});y.value=new ResizeObserver(a),y.value.observe(b.value)}}),e.onBeforeUnmount(()=>{y.value&&y.value.disconnect()});const s=e.computed(()=>t.minimap.length?n.value.width/t.minimap.length:0),c=e.computed(()=>{if(!t.minimap.length)return[];const a=Math.max(...t.minimap),o=Math.min(...t.minimap)-10,i=a-(o>0?0:o),d=t.minimap.map((A,q)=>{const D=A-o;return{x:n.value.width/t.minimap.length*q+s.value/2,y:n.value.height-D/i*(n.value.height*.9)}}),S=t.smoothMinimap?v.createSmoothPath(d):v.createStraightPath(d),k=[...d].slice(t.valueStart,t.valueEnd),R=t.smoothMinimap?v.createSmoothPath(k):v.createStraightPath(k);return{fullSet:S,selectionSet:R,sliced:k,firstPlot:d[t.valueStart],lastPlot:d[t.valueEnd-1]}}),m=e.computed(()=>({x:s.value*r.value+s.value/2,width:n.value.width*((u.value-r.value)/t.max)-s.value})),F=e.computed(()=>({left:0,color:t.textColor,fontSize:`${t.fontSize}px`,top:p.value?"28px":"-28px",pointerEvents:"none"})),I=e.computed(()=>({right:0,color:t.textColor,fontSize:`${t.fontSize}px`,top:p.value?"28px":"-28px",direction:"rtl",pointerEvents:"none"})),x=e.ref(t.minimapSelectedIndex);e.watch(()=>t.minimapSelectedIndex,a=>{x.value=a+t.valueStart},{immediate:!0});function P(a){x.value=a,a>=t.valueStart&&a<t.valueEnd&&h("trapMouse",a-t.valueStart)}return(a,o)=>(e.openBlock(),e.createElementBlock("div",U,[e.createElementVNode("div",W,[l.valueStart>0||l.valueEnd<l.max?(e.openBlock(),e.createElementBlock("div",j,[l.useResetSlot?e.renderSlot(a.$slots,"reset-action",{key:1,reset:E},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:p.value?"36px":"-16px",pointerEvents:"all !important"}),onClick:E},[e.createVNode(O.default,{name:"refresh",stroke:l.textColor},null,8,["stroke"])],4))])):e.createCommentVNode("",!0)]),e.createElementVNode("div",{class:"double-range-slider",ref_key:"minimapWrapper",ref:b,style:{"z-index":"0"}},[p.value?(e.openBlock(),e.createElementBlock("div",X,[(e.openBlock(),e.createElementBlock("svg",{xmlns:e.unref(v.XMLNS),viewBox:`0 0 ${n.value.width<0?0:n.value.width} ${n.value.height<0?0:n.value.height}`},[e.createElementVNode("defs",null,[e.createElementVNode("linearGradient",{id:g.value,x1:"0%",y1:"0%",x2:"0%",y2:"100%"},[e.createElementVNode("stop",{offset:"0%","stop-color":`${l.minimapLineColor}50`},null,8,G),H],8,_)]),e.createElementVNode("path",{d:`M${c.value.fullSet}`,stroke:`${l.minimapLineColor}`,fill:"none","stroke-width":"1","stroke-linecap":"round","stroke-linejoin":"round",style:{opacity:"1"}},null,8,J),e.createElementVNode("rect",{x:m.value.x,width:m.value.width<0?0:m.value.width,height:Math.max(n.value.height,0),y:0,fill:f.value,rx:l.minimapSelectionRadius,stroke:"none"},null,8,K),e.createElementVNode("path",{d:`M${s.value/2},${Math.max(n.value.height,0)} ${c.value.fullSet} L${n.value.width-s.value/2},${Math.max(n.value.height,0)}Z`,fill:`url(#${g.value})`,stroke:"none",style:{opacity:"1"}},null,8,Q),e.createElementVNode("rect",{x:m.value.x,width:m.value.width<0?0:m.value.width,height:Math.max(n.value.height,0),y:0,rx:l.minimapSelectionRadius,fill:f.value},null,8,Y),e.createElementVNode("rect",{x:m.value.x,width:m.value.width<0?0:m.value.width,height:Math.max(n.value.height,0),y:0,fill:l.minimapSelectedColor,rx:l.minimapSelectionRadius,style:e.normalizeStyle({opacity:l.minimapSelectedColorOpacity})},null,12,ee),e.createElementVNode("path",{d:`M${c.value.sliced[0].x},${Math.max(n.value.height,0)} ${c.value.selectionSet} L${c.value.sliced.at(-1).x},${Math.max(n.value.height,0)}Z`,fill:`url(#${g.value})`,stroke:"none",style:{opacity:"1"}},null,8,te),e.createElementVNode("path",{d:`M ${c.value.selectionSet}`,stroke:`${l.minimapLineColor}`,fill:"transparent","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},null,8,le),e.createElementVNode("circle",{cx:c.value.firstPlot.x,cy:c.value.firstPlot.y,"stroke-width":"0.5",stroke:f.value,r:"3",fill:l.minimapLineColor},null,8,ae),e.createElementVNode("circle",{cx:c.value.lastPlot.x,cy:c.value.lastPlot.y,"stroke-width":"0.5",stroke:f.value,r:"3",fill:l.minimapLineColor},null,8,ne),x.value!==null?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(N.value,(i,d)=>(e.openBlock(),e.createElementBlock("g",null,[x.value===i&&i>=l.valueStart&&i<l.valueEnd?(e.openBlock(),e.createElementBlock("line",{key:0,x1:s.value*d+s.value/2,x2:s.value*d+s.value/2,y1:0,y2:Math.max(n.value.height,0),stroke:l.minimapIndicatorColor,"stroke-linecap":"round","stroke-dasharray":"2","stroke-width":"1"},null,8,oe)):e.createCommentVNode("",!0)]))),256)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N.value,(i,d)=>(e.openBlock(),e.createElementBlock("rect",{x:s.value*d,y:0,height:Math.max(n.value.height,0),width:s.value<0?0:s.value,fill:"transparent",style:{"pointer-events":"all !important"},onMouseenter:S=>P(i),onMouseleave:o[0]||(o[0]=S=>{x.value=null,h("trapMouse",null)})},null,40,ie))),256))],8,Z))])):e.createCommentVNode("",!0),re,e.createElementVNode("div",{class:"range-highlight",style:e.normalizeStyle(V.value)},null,4),e.withDirectives(e.createElementVNode("input",{type:"range",class:"range-left",min:l.min,max:l.max,"onUpdate:modelValue":o[1]||(o[1]=i=>r.value=i),onInput:z},null,40,ue),[[e.vModelText,r.value]]),e.createElementVNode("div",{class:"thumb-label thumb-label-left",style:e.normalizeStyle(F.value)},e.toDisplayString(l.labelLeft),5),e.withDirectives(e.createElementVNode("input",{type:"range",class:"range-right",min:l.min,max:l.max,"onUpdate:modelValue":o[2]||(o[2]=i=>u.value=i),onInput:L},null,40,se),[[e.vModelText,u.value]]),e.createElementVNode("div",{class:"thumb-label thumb-label-right",style:e.normalizeStyle(I.value)},e.toDisplayString(l.labelRight),5)],512)]))}},de=T._export_sfc(ce,[["__scopeId","data-v-ed77abe8"]]);exports.Slicer=de;

package/dist/Slicer-D9ASV60L.js

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

package/dist/Tooltip-ypQtmi99.cjs

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