vue-data-ui 2.4.90 → 2.5.0

package/dist/{Slicer-BxN9wDTW.cjs → Slicer-BIzpsKb9.cjs}

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

package/dist/{Slicer-Cguxp4_C.js → Slicer-CP2dQhd5.js}

@@ -1,7 +1,7 @@
 import { useCssVars as De, ref as o, computed as s, watch as $, onMounted as Te, onBeforeUnmount as Ie, onUpdated as Pe, nextTick as ne, openBlock as v, createElementBlock as c, createElementVNode as d, normalizeStyle as N, createVNode as Ae, renderSlot as Fe, createCommentVNode as b, unref as G, Fragment as ie, renderList as oe, normalizeClass as L, withDirectives as ue, vModelText as re, toDisplayString as se, pushScopeId as ze, popScopeId as He } from "vue";
-import Ve from "./BaseIcon-BpofIJET.js";
+import Ve from "./BaseIcon-DVY6e_YL.js";
 import { t as We, u as Xe } from "./useResponsive-CoxXLe23.js";
-import { c as Ue, S as de, R as ve, X as Oe, G as ce } from "./index-DD55onbf.js";
+import { c as Ue, S as de, R as ve, X as Oe, G as ce } from "./index-DAAFXQJj.js";
 import { _ as Ge } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const me = (l) => (ze("data-v-bcce6e9e"), l = l(), He(), l), je = {
   class: "vue-data-ui-slicer-labels",

package/dist/{Title-Dcy3qq8t.js → Title-C4aoNP1T.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-Cf4jge53.js";
+import { u as c } from "./useNestedProp-DMtJzMiX.js";
 const x = {
   __name: "Title",
   props: {

package/dist/{Title-C7FKCxhh.cjs → Title-bDp_4dQV.cjs}

@@ -1 +1 @@
-"use strict";const e=require("vue"),r=require("./useNestedProp-eByLWGIp.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--1nKK7i0.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/{Tooltip-CRRn6Gtk.js → Tooltip-CG6ZX21C.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-DD55onbf.js";
+import { s as F } from "./index-DAAFXQJj.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-HFiG7-b2.cjs → Tooltip-fEuHWstj.cjs}

@@ -1 +1 @@
-"use strict";const t=require("vue"),p=require("./index-oJt6G-1X.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-CHCA909R.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;

package/dist/documentation/installation.md

@@ -146,6 +146,7 @@ From the dataset you pass into the props, this component will produce the most a
 | ----------------------------- | ------------------------------------------ | ----------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- | ------ |
 | `VueUiAgePyramid`             | `Array<Array<string / number>>`            | `VueUiSparklineConfig`              | `generatePdf`, `generateImage`, `generateCsv`, `toggleTable`, `toggleTooltip`                                                                                            | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`                                                             | ✅             | ✅     |
 | `VueUiCandlestick`            | `Array<Array<string / number>>`            | `VueUiCandlestickConfig`            | `generatePdf`, `generateImage`, `generateCsv`, `toggleTable`, `toggleTooltip`                                                                                            | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#reset-action`, `#watermark`, `#chart-background`                                            | ✅             | ✅     |
+| `VueUiCirclePack`             | `VueUiCirclePackDatasetItem[]`             | `VueUiCirclePackConfig`             | `getData`, `generatePdf`, `generateImage`, `generateCsv`, `toggleTable`                                                                                                  | `#svg`, `#legend`, `#watermark`, `#chart-background` , `#pattern`, `#zoom-label`                                                                      | ✅             | ✅     |
 | `VueUiChestnut`               | `VueUiChestnutDatasetRoot[]`               | `VueUiChestnutConfig`               | `@selectRoot`, `@selectBranch`, `@selectNut`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`                                                    | `#svg`, `#legend`, `#watermark`, `#chart-background`                                                                                                  | ❌             | ✅     |
 | `VueUiDonutEvolution`         | `VueUiDonutEvolutionDatasetItem[]`         | `VueUiDonutEvolutionConfig`         | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`                                                                                 | `#svg`, `#legend`, `#reset-action`, `#watermark`, `#chart-background`                                                                                 | ❌             | ✅     |
 | `VueUiDonut`                  | `VueUiDonutDatasetItem[]`                  | `VueUiDonutConfig`                  | `@selectDatapoint`, `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`                            | `#svg`, `#legend`, `#dataLabel`, `#tooltip-before`, `#tooltip-after`, `#plot-comment`, `#watermark`, `#chart-background`, `#pattern`                  | ✅             | ✅     |
@@ -171,7 +172,7 @@ From the dataset you pass into the props, this component will produce the most a
 | `VueUiTiremarks`              | `VueUiTiremarksDataset`                    | `VueUiTiremarksConfig`              | `generatePdf`, `generateImage`                                                                                                                                           | `#svg`, `#legend`, `#watermark`, `#chart-background`                                                                                                  | ❌             | ✅     |
 | `VueUiTreemap`                | `VueUiTreemapDatasetItem[]`                | `VueUiTreemapConfig`                | `@selectLegend`, `@selectDatapoint`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`                                            | `#svg`, `#rect`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`                                                                         | ✅             | ✅     |
 | `VueUiVerticalBar`            | `VueUiVerticalBarDatasetItem[]`            | `VueUiWheelConfig`                  | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleSort`, `toggleTooltip`                                                  | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`, `#pattern`                                                 | ✅             | ✅     |
-| `VueUiWaffle`                 | `VueUiWaffleDatasetItem[]`                 | `VueUiWaffleConfig`                 | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`                                                                | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`                                                                                  | ✅             | ✅     |
+| `VueUiWaffle`                 | `VueUiWaffleDatasetItem[]`                 | `VueUiWaffleConfig`                 | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`                                                                | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#pattern`                                                                      | ✅             | ✅     |
 | `VueUiWheel`                  | `VueUiWheelDataset`                        | `VueUiWheelConfig`                  | `generatePdf`, `generateImage`                                                                                                                                           | `#svg`, `#watermark`, `#chart-background`                                                                                                             | ❌             | ✅     |
 | `VueUiWordCloud`              | `VueUiWordCloudDatasetItem[] / string`     | `VueUiWordCloudConfig`              | `getData`, `generatePdf`, `generateImage`, `generateCsv`, `toggleTooltip`                                                                                                | `#svg`, `#reset-action`, `#watermark`, `#tooltip-before`, `#tooltip-after`, `#chart-background`                                                       | ✅             | ✅     |
 | `VueUiXyCanvas`               | `VueUiXyCanvasDatasetItem[]`               | `VueUiXyCanvasConfig`               | `@selectLegend`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleStack`, `toggleTooltip`                                 | `#legend`, `#tooltip-before`, `#tooltip-after`, `#reset-action`, `#watermark`                                                                         | ✅             | ✅     |