vue-chrts 0.0.37 → 0.0.39

package/dist/vue-chrts.umd.cjs

@@ -365,9 +365,9 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     fill-opacity: var(--vis-area-hover-fill-opacity);
     stroke-width: var(--vis-area-hover-stroke-width);
   }
-`,Om=Object.freeze(Object.defineProperty({__proto__:null,area:Qr,globalStyles:Nm,root:Rl},Symbol.toStringTag,{value:"Module"}));class pi extends qn{constructor(e){super(),this._defaultConfig=Em,this.config=this._defaultConfig,this.stacked=!0,this.events={[pi.selectors.area]:{}},e&&this.setConfig(e),this.stacked=Array.isArray(this.config.y)}_render(e){super._render(e);const{config:n,datamodel:{data:i}}=this,r=vt(e)?e:n.duration,o=Lr[n.curveType];this._areaGen=Kg().x(p=>p.x).y0(p=>p.y0).y1(p=>{const _=Math.abs(p.y1-p.y0)<1;return p.y1-(_&&n.minHeight1Px?1:0)}).curve(o);const s=It(n.y)?n.y:[n.y],a=i.map((p,_)=>this.xScale(Y(p,n.x,_))),l=zu(i,n.baseline,s,this._prevNegative);this._prevNegative=l.map(p=>!!p.isMostlyNegative);const c=l.map(p=>p.map((_,v)=>({y0:this.yScale(_[0]),y1:this.yScale(_[1]),x:a[v]}))),h=c.length-1,u=c.reverse(),f=this.g.selectAll(`.${Qr}`).data(u),d=f.enter().append("path").attr("class",Qr).attr("d",p=>this._areaGen(p)||this._emptyPath()).style("opacity",0).style("fill",(p,_)=>Tt(i,n.color,h-_)),g=at(d.merge(f),r).style("opacity",(p,_)=>p.some(x=>x.y0-x.y1!==0)?Y(i,n.opacity,h-_):0).style("fill",(p,_)=>Tt(i,n.color,h-_)).style("cursor",(p,_)=>un(i,n.cursor,h-_));r?g.attrTween("d",(_,v,x)=>{const y=Z(x[v]).attr("d"),T=this._areaGen(_)||this._emptyPath();return pl(y,T)}):g.attr("d",p=>this._areaGen(p)||this._emptyPath()),at(f.exit(),r).style("opacity",0).remove()}getYDataExtent(e){const{config:n,datamodel:i}=this,r=It(n.y)?n.y:[n.y],o=e?yo(i.data,this.xScale.domain(),n.x):i.data;return Bu(o,n.baseline,...r)}_emptyPath(){const e=this.xScale.range(),n=this.yScale.domain(),i=this.yScale((n[0]+n[1])/2),r=i;return this._areaGen([{y0:i,y1:r,x:e[0]},{y0:i,y1:r,x:e[1]}])}}pi.selectors=Om;const Jr=Symbol("componentAccessorKey"),Fl=Symbol("tooltipAccessorKey"),Pl=Symbol("crosshairAccessorKey"),Bl=Symbol("axisAccessorKey"),Dm=Symbol("annotationsAccessorKey");function ye(t,e){return Ce(t,e)}function ie(t){const e=m.getCurrentInstance(),n=e.attrs;return m.computed(()=>{const i={},r=(e==null?void 0:e.vnode.props)??{};return Object.keys(r).forEach(o=>{i[m.camelize(o)]=t[m.camelize(o)]}),{...i,...n}})}const Rm=m.defineComponent({__name:"index",props:{components:{},xScale:{type:[Object,Function]},xDomain:{},xDomainMinConstraint:{},xDomainMaxConstraint:{},xRange:{},yScale:{type:[Object,Function]},yDomain:{},yDomainMinConstraint:{},yDomainMaxConstraint:{},yRange:{},yDirection:{},xAxis:{},yAxis:{},autoMargin:{type:Boolean},tooltip:{},crosshair:{},preventEmptyDomain:{type:[Boolean,null]},scaleByDomain:{type:Boolean},annotations:{},duration:{},margin:{},padding:{},sizing:{},width:{},height:{},svgDefs:{},ariaLabel:{},data:{}},setup(t,{expose:e}){const n=t,{data:i}=m.toRefs(n),r=ie(n),o=m.ref(),s=m.reactive({components:[],annotations:void 0,crosshair:void 0,tooltip:void 0,xAxis:void 0,yAxis:void 0}),a=m.ref();return m.watch(i,()=>{o.value&&o.value.setData(i.value,!0)}),m.watchEffect(()=>{var l;s.components.map(c=>c.config),(l=o.value)==null||l.updateContainer({...m.toRaw(r.value),...m.toRaw(s)})}),m.onMounted(()=>{a.value&&(o.value=new Wg(a.value,{...m.toRaw(s)},i.value))}),m.onUnmounted(()=>{var l;return(l=o.value)==null?void 0:l.destroy()}),m.provide(Jr,{data:i,update:l=>s.components=[...s.components,l],destroy:()=>{var l;return s.components=(l=s.components)==null?void 0:l.filter(c=>!c.isDestroyed())}}),m.provide(Bl,{data:i,update:l=>s[`${l.config.type}Axis`]=l,destroy:l=>{s[`${l}Axis`]=void 0}}),m.provide(Pl,{data:i,update:l=>s.crosshair=l,destroy:()=>{s.crosshair=void 0}}),m.provide(Fl,{data:i,update:l=>s.tooltip=l,destroy:()=>{s.tooltip=void 0}}),m.provide(Dm,{data:i,update:l=>s.annotations=l,destroy:()=>{s.annotations=void 0}}),e({component:o}),(l,c)=>(m.openBlock(),m.createElementBlock("div",{"data-vis-xy-container":"",ref_key:"elRef",ref:a,class:"unovis-xy-container"},[m.renderSlot(l.$slots,"default")],512))}}),Fm={"data-vis-component":""},Pm=m.defineComponent({__name:"index",props:{color:{},curveType:{},baseline:{},opacity:{},cursor:{},minHeight1Px:{type:Boolean},x:{},y:{},id:{type:Function},xScale:{type:[Object,Function]},yScale:{type:[Object,Function]},excludeFromDomainCalculation:{type:Boolean},duration:{},events:{},attributes:{},data:{}},setup(t,{expose:e}){const n=m.inject(Jr),i=t,r=m.computed(()=>n.data.value??i.data),o=ie(i),s=m.ref();return m.onMounted(()=>{m.nextTick(()=>{var a;s.value=new pi(o.value),(a=s.value)==null||a.setData(r.value),n.update(s.value)})}),m.onUnmounted(()=>{var a;(a=s.value)==null||a.destroy(),n.destroy()}),m.watch(o,(a,l)=>{var c;ye(a,l)||(c=s.value)==null||c.setConfig(o.value)}),m.watch(r,()=>{var a;(a=s.value)==null||a.setData(r.value)}),e({component:s}),(a,l)=>(m.openBlock(),m.createElementBlock("div",Fm))}}),Bm={"data-vis-axis":""},Ll=m.defineComponent({__name:"index",props:{position:{},type:{},fullSize:{type:Boolean},label:{},labelFontSize:{},labelMargin:{},labelColor:{},gridLine:{type:Boolean},tickLine:{type:Boolean},domainLine:{type:Boolean},minMaxTicksOnly:{type:Boolean},minMaxTicksOnlyWhenWidthIsLess:{},tickFormat:{type:Function},tickValues:{},numTicks:{},tickTextFitMode:{},tickTextWidth:{},tickTextSeparator:{},tickTextForceWordBreak:{type:Boolean},tickTextTrimType:{},tickTextFontSize:{},tickTextAlign:{},tickTextColor:{},tickTextAngle:{},tickTextHideOverlapping:{type:Boolean},tickPadding:{},x:{},y:{},id:{type:Function},color:{},xScale:{type:[Object,Function]},yScale:{type:[Object,Function]},excludeFromDomainCalculation:{type:Boolean},duration:{},events:{},attributes:{},data:{}},setup(t,{expose:e}){const n=m.inject(Bl),i=t,r=m.computed(()=>n.data.value??i.data),o=ie(i),s=m.ref();return m.onMounted(()=>{m.nextTick(()=>{var a;s.value=new Ml(o.value),(a=s.value)==null||a.setData(r.value),n.update(s.value)})}),m.onUnmounted(()=>{var a;(a=s.value)==null||a.destroy(),n.destroy(i.type)}),m.watch(o,(a,l)=>{var c;ye(a,l)||(c=s.value)==null||c.setConfig(o.value)}),m.watch(r,()=>{var a;(a=s.value)==null||a.setData(r.value)}),e({component:s}),(a,l)=>(m.openBlock(),m.createElementBlock("div",Bm))}}),Lm={"data-vis-crosshair":""},zm=m.defineComponent({__name:"index",props:{data:{}},setup(t,{expose:e}){const n=m.inject(Pl),i=t,r=m.computed(()=>n.data.value??i.data),o=ie(i),s=m.ref();return m.onMounted(()=>{m.nextTick(()=>{var a;s.value=new Dl(o.value),(a=s.value)==null||a.setData(r.value),n.update(s.value)})}),m.onUnmounted(()=>{var a;(a=s.value)==null||a.destroy(),n.destroy()}),m.watch(o,(a,l)=>{var c;ye(a,l)||(c=s.value)==null||c.setConfig(o.value)}),m.watch(r,()=>{var a;(a=s.value)==null||a.setData(r.value)}),e({component:s}),(a,l)=>(m.openBlock(),m.createElementBlock("div",Lm))}}),Im={"data-vis-component":""},Um=m.defineComponent({__name:"index",props:{color:{},curveType:{},lineWidth:{},lineDashArray:{},fallbackValue:{},highlightOnHover:{type:Boolean},cursor:{},interpolateMissingData:{type:Boolean},x:{},y:{},id:{type:Function},xScale:{type:[Object,Function]},yScale:{type:[Object,Function]},excludeFromDomainCalculation:{type:Boolean},duration:{},events:{},attributes:{},data:{}},setup(t,{expose:e}){const n=m.inject(Jr),i=t,r=m.computed(()=>n.data.value??i.data),o=ie(i),s=m.ref();return m.onMounted(()=>{m.nextTick(()=>{var a;s.value=new ri(o.value),(a=s.value)==null||a.setData(r.value),n.update(s.value)})}),m.onUnmounted(()=>{var a;(a=s.value)==null||a.destroy(),n.destroy()}),m.watch(o,(a,l)=>{var c;ye(a,l)||(c=s.value)==null||c.setConfig(o.value)}),m.watch(r,()=>{var a;(a=s.value)==null||a.setData(r.value)}),e({component:s}),(a,l)=>(m.openBlock(),m.createElementBlock("div",Im))}}),Hm={"data-vis-tooltip":""},Wm=m.defineComponent({__name:"index",props:{components:{},container:{},followCursor:{type:Boolean},allowHover:{type:Boolean},horizontalPlacement:{},horizontalShift:{},verticalPlacement:{},verticalShift:{},triggers:{},attributes:{},className:{},data:{}},setup(t,{expose:e}){const n=m.inject(Fl),i=ie(t),r=m.ref();return m.onMounted(()=>{m.nextTick(()=>{r.value=new Ba(i.value),n.update(r.value)})}),m.onUnmounted(()=>{var o;(o=r.value)==null||o.destroy(),n.destroy()}),m.watch(i,(o,s)=>{var a;ye(o,s)||(a=r.value)==null||a.setConfig(i.value)}),e({component:r}),(o,s)=>(m.openBlock(),m.createElementBlock("div",Hm))}}),Ym=m.defineComponent({__name:"index",props:{items:{},labelClassName:{},onLegendItemClick:{type:Function},labelFontSize:{},labelMaxWidth:{},bulletSize:{},bulletShape:{},orientation:{},renderIntoProvidedDomNode:{type:Boolean},data:{}},setup(t,{expose:e}){const n=t;m.computed(()=>n.data);const i=ie(n),r=m.ref(),o=m.ref();return m.onMounted(()=>{m.nextTick(()=>{o.value&&(r.value=new El(o.value,{...i.value,renderIntoProvidedDomNode:!0}))})}),m.onUnmounted(()=>{var s;(s=r.value)==null||s.destroy()}),m.watch(i,(s,a)=>{var l;ye(s,a)||(l=r.value)==null||l.update(i.value)}),e({component:r}),(s,a)=>(m.openBlock(),m.createElementBlock("div",{"data-vis-bullet-legend":"",ref_key:"elRef",ref:o},null,512))}});(function(){try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode(".unovis-xy-container,.unovis-single-container{display:block;position:relative;width:100%}[data-vis-leaflet-map],[data-vis-leaflet-flow-map]{display:block;position:relative}[data-vis-bullet-legend]{display:block}")),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();const Vm={class:"flex flex-col"},Xm={class:"flex items-center mr-2 mt-2"},qm={class:"font-semibold capitalize text-white/75"},Gm={class:"flex items-center gap-2"},jm={class:"font-normal"},Zm=m.defineComponent({__name:"Tooltip",props:{data:{},categories:{}},setup(t){function e(i){var r;return((r=n.categories[i])==null?void 0:r.color)??"#f00"}const n=t;return(i,r)=>(m.openBlock(),m.createElementBlock("div",Vm,[(m.openBlock(!0),m.createElementBlock(m.Fragment,null,m.renderList(Object.entries(i.data),([o,s])=>{var a;return m.openBlock(),m.createElementBlock(m.Fragment,{key:o},[m.createElementVNode("div",Xm,[m.createElementVNode("span",qm,m.toDisplayString(o)+":",1)]),m.createElementVNode("div",Gm,[(a=n.categories[o])!=null&&a.color?(m.openBlock(),m.createElementBlock("span",{key:0,style:m.normalizeStyle({backgroundColor:e(o)}),class:"w-2 h-2"},null,4)):m.createCommentVNode("",!0),m.createElementVNode("span",jm,m.toDisplayString(s),1)])],64)}),128))]))}}),Qm={key:0,class:"flex items center justify-end"},Jm=m.defineComponent({__name:"Area",props:{data:{},height:{},xLabel:{},yLabel:{},categories:{},xFormatter:{},yFormatter:{},curveType:{},xNumTicks:{default:t=>t.data.length>24?24/4:t.data.length-1},yNumTicks:{default:t=>t.data.length>24?24/4:t.data.length-1},hideLegend:{type:Boolean},hideTooltip:{type:Boolean},gridLineX:{type:Boolean},domainLineX:{type:Boolean},gridLineY:{type:Boolean},domainLineY:{type:Boolean},paginationPoisition:{}},setup(t){const e=t,n=Object.values(e.categories).map(s=>s.color),i=m.computed(()=>s=>{const a=m.createApp(Zm,{data:s,categories:e.categories}),l=document.createElement("div");a.mount(l);const c=l.innerHTML;return a.unmount(),c});function r(s){var a;return{y:l=>Number(l[s]),color:((a=e.categories[s])==null?void 0:a.color)??"#3b82f6"}}const o=n.map((s,a)=>`
+`,Om=Object.freeze(Object.defineProperty({__proto__:null,area:Qr,globalStyles:Nm,root:Rl},Symbol.toStringTag,{value:"Module"}));class pi extends qn{constructor(e){super(),this._defaultConfig=Em,this.config=this._defaultConfig,this.stacked=!0,this.events={[pi.selectors.area]:{}},e&&this.setConfig(e),this.stacked=Array.isArray(this.config.y)}_render(e){super._render(e);const{config:n,datamodel:{data:i}}=this,r=vt(e)?e:n.duration,o=Lr[n.curveType];this._areaGen=Kg().x(p=>p.x).y0(p=>p.y0).y1(p=>{const _=Math.abs(p.y1-p.y0)<1;return p.y1-(_&&n.minHeight1Px?1:0)}).curve(o);const s=It(n.y)?n.y:[n.y],a=i.map((p,_)=>this.xScale(Y(p,n.x,_))),l=zu(i,n.baseline,s,this._prevNegative);this._prevNegative=l.map(p=>!!p.isMostlyNegative);const c=l.map(p=>p.map((_,v)=>({y0:this.yScale(_[0]),y1:this.yScale(_[1]),x:a[v]}))),h=c.length-1,u=c.reverse(),f=this.g.selectAll(`.${Qr}`).data(u),d=f.enter().append("path").attr("class",Qr).attr("d",p=>this._areaGen(p)||this._emptyPath()).style("opacity",0).style("fill",(p,_)=>Tt(i,n.color,h-_)),g=at(d.merge(f),r).style("opacity",(p,_)=>p.some(x=>x.y0-x.y1!==0)?Y(i,n.opacity,h-_):0).style("fill",(p,_)=>Tt(i,n.color,h-_)).style("cursor",(p,_)=>un(i,n.cursor,h-_));r?g.attrTween("d",(_,v,x)=>{const y=Z(x[v]).attr("d"),T=this._areaGen(_)||this._emptyPath();return pl(y,T)}):g.attr("d",p=>this._areaGen(p)||this._emptyPath()),at(f.exit(),r).style("opacity",0).remove()}getYDataExtent(e){const{config:n,datamodel:i}=this,r=It(n.y)?n.y:[n.y],o=e?yo(i.data,this.xScale.domain(),n.x):i.data;return Bu(o,n.baseline,...r)}_emptyPath(){const e=this.xScale.range(),n=this.yScale.domain(),i=this.yScale((n[0]+n[1])/2),r=i;return this._areaGen([{y0:i,y1:r,x:e[0]},{y0:i,y1:r,x:e[1]}])}}pi.selectors=Om;const Jr=Symbol("componentAccessorKey"),Fl=Symbol("tooltipAccessorKey"),Pl=Symbol("crosshairAccessorKey"),Bl=Symbol("axisAccessorKey"),Dm=Symbol("annotationsAccessorKey");function ye(t,e){return Ce(t,e)}function ie(t){const e=m.getCurrentInstance(),n=e.attrs;return m.computed(()=>{const i={},r=(e==null?void 0:e.vnode.props)??{};return Object.keys(r).forEach(o=>{i[m.camelize(o)]=t[m.camelize(o)]}),{...i,...n}})}const Rm=m.defineComponent({__name:"index",props:{components:{},xScale:{type:[Object,Function]},xDomain:{},xDomainMinConstraint:{},xDomainMaxConstraint:{},xRange:{},yScale:{type:[Object,Function]},yDomain:{},yDomainMinConstraint:{},yDomainMaxConstraint:{},yRange:{},yDirection:{},xAxis:{},yAxis:{},autoMargin:{type:Boolean},tooltip:{},crosshair:{},preventEmptyDomain:{type:[Boolean,null]},scaleByDomain:{type:Boolean},annotations:{},duration:{},margin:{},padding:{},sizing:{},width:{},height:{},svgDefs:{},ariaLabel:{},data:{}},setup(t,{expose:e}){const n=t,{data:i}=m.toRefs(n),r=ie(n),o=m.ref(),s=m.reactive({components:[],annotations:void 0,crosshair:void 0,tooltip:void 0,xAxis:void 0,yAxis:void 0}),a=m.ref();return m.watch(i,()=>{o.value&&o.value.setData(i.value,!0)}),m.watchEffect(()=>{var l;s.components.map(c=>c.config),(l=o.value)==null||l.updateContainer({...m.toRaw(r.value),...m.toRaw(s)})}),m.onMounted(()=>{a.value&&(o.value=new Wg(a.value,{...m.toRaw(s)},i.value))}),m.onUnmounted(()=>{var l;return(l=o.value)==null?void 0:l.destroy()}),m.provide(Jr,{data:i,update:l=>s.components=[...s.components,l],destroy:()=>{var l;return s.components=(l=s.components)==null?void 0:l.filter(c=>!c.isDestroyed())}}),m.provide(Bl,{data:i,update:l=>s[`${l.config.type}Axis`]=l,destroy:l=>{s[`${l}Axis`]=void 0}}),m.provide(Pl,{data:i,update:l=>s.crosshair=l,destroy:()=>{s.crosshair=void 0}}),m.provide(Fl,{data:i,update:l=>s.tooltip=l,destroy:()=>{s.tooltip=void 0}}),m.provide(Dm,{data:i,update:l=>s.annotations=l,destroy:()=>{s.annotations=void 0}}),e({component:o}),(l,c)=>(m.openBlock(),m.createElementBlock("div",{"data-vis-xy-container":"",ref_key:"elRef",ref:a,class:"unovis-xy-container"},[m.renderSlot(l.$slots,"default")],512))}}),Fm={"data-vis-component":""},Pm=m.defineComponent({__name:"index",props:{color:{},curveType:{},baseline:{},opacity:{},cursor:{},minHeight1Px:{type:Boolean},x:{},y:{},id:{type:Function},xScale:{type:[Object,Function]},yScale:{type:[Object,Function]},excludeFromDomainCalculation:{type:Boolean},duration:{},events:{},attributes:{},data:{}},setup(t,{expose:e}){const n=m.inject(Jr),i=t,r=m.computed(()=>n.data.value??i.data),o=ie(i),s=m.ref();return m.onMounted(()=>{m.nextTick(()=>{var a;s.value=new pi(o.value),(a=s.value)==null||a.setData(r.value),n.update(s.value)})}),m.onUnmounted(()=>{var a;(a=s.value)==null||a.destroy(),n.destroy()}),m.watch(o,(a,l)=>{var c;ye(a,l)||(c=s.value)==null||c.setConfig(o.value)}),m.watch(r,()=>{var a;(a=s.value)==null||a.setData(r.value)}),e({component:s}),(a,l)=>(m.openBlock(),m.createElementBlock("div",Fm))}}),Bm={"data-vis-axis":""},Ll=m.defineComponent({__name:"index",props:{position:{},type:{},fullSize:{type:Boolean},label:{},labelFontSize:{},labelMargin:{},labelColor:{},gridLine:{type:Boolean},tickLine:{type:Boolean},domainLine:{type:Boolean},minMaxTicksOnly:{type:Boolean},minMaxTicksOnlyWhenWidthIsLess:{},tickFormat:{type:Function},tickValues:{},numTicks:{},tickTextFitMode:{},tickTextWidth:{},tickTextSeparator:{},tickTextForceWordBreak:{type:Boolean},tickTextTrimType:{},tickTextFontSize:{},tickTextAlign:{},tickTextColor:{},tickTextAngle:{},tickTextHideOverlapping:{type:Boolean},tickPadding:{},x:{},y:{},id:{type:Function},color:{},xScale:{type:[Object,Function]},yScale:{type:[Object,Function]},excludeFromDomainCalculation:{type:Boolean},duration:{},events:{},attributes:{},data:{}},setup(t,{expose:e}){const n=m.inject(Bl),i=t,r=m.computed(()=>n.data.value??i.data),o=ie(i),s=m.ref();return m.onMounted(()=>{m.nextTick(()=>{var a;s.value=new Ml(o.value),(a=s.value)==null||a.setData(r.value),n.update(s.value)})}),m.onUnmounted(()=>{var a;(a=s.value)==null||a.destroy(),n.destroy(i.type)}),m.watch(o,(a,l)=>{var c;ye(a,l)||(c=s.value)==null||c.setConfig(o.value)}),m.watch(r,()=>{var a;(a=s.value)==null||a.setData(r.value)}),e({component:s}),(a,l)=>(m.openBlock(),m.createElementBlock("div",Bm))}}),Lm={"data-vis-crosshair":""},zm=m.defineComponent({__name:"index",props:{data:{}},setup(t,{expose:e}){const n=m.inject(Pl),i=t,r=m.computed(()=>n.data.value??i.data),o=ie(i),s=m.ref();return m.onMounted(()=>{m.nextTick(()=>{var a;s.value=new Dl(o.value),(a=s.value)==null||a.setData(r.value),n.update(s.value)})}),m.onUnmounted(()=>{var a;(a=s.value)==null||a.destroy(),n.destroy()}),m.watch(o,(a,l)=>{var c;ye(a,l)||(c=s.value)==null||c.setConfig(o.value)}),m.watch(r,()=>{var a;(a=s.value)==null||a.setData(r.value)}),e({component:s}),(a,l)=>(m.openBlock(),m.createElementBlock("div",Lm))}}),Im={"data-vis-component":""},Um=m.defineComponent({__name:"index",props:{color:{},curveType:{},lineWidth:{},lineDashArray:{},fallbackValue:{},highlightOnHover:{type:Boolean},cursor:{},interpolateMissingData:{type:Boolean},x:{},y:{},id:{type:Function},xScale:{type:[Object,Function]},yScale:{type:[Object,Function]},excludeFromDomainCalculation:{type:Boolean},duration:{},events:{},attributes:{},data:{}},setup(t,{expose:e}){const n=m.inject(Jr),i=t,r=m.computed(()=>n.data.value??i.data),o=ie(i),s=m.ref();return m.onMounted(()=>{m.nextTick(()=>{var a;s.value=new ri(o.value),(a=s.value)==null||a.setData(r.value),n.update(s.value)})}),m.onUnmounted(()=>{var a;(a=s.value)==null||a.destroy(),n.destroy()}),m.watch(o,(a,l)=>{var c;ye(a,l)||(c=s.value)==null||c.setConfig(o.value)}),m.watch(r,()=>{var a;(a=s.value)==null||a.setData(r.value)}),e({component:s}),(a,l)=>(m.openBlock(),m.createElementBlock("div",Im))}}),Hm={"data-vis-tooltip":""},Wm=m.defineComponent({__name:"index",props:{components:{},container:{},followCursor:{type:Boolean},allowHover:{type:Boolean},horizontalPlacement:{},horizontalShift:{},verticalPlacement:{},verticalShift:{},triggers:{},attributes:{},className:{},data:{}},setup(t,{expose:e}){const n=m.inject(Fl),i=ie(t),r=m.ref();return m.onMounted(()=>{m.nextTick(()=>{r.value=new Ba(i.value),n.update(r.value)})}),m.onUnmounted(()=>{var o;(o=r.value)==null||o.destroy(),n.destroy()}),m.watch(i,(o,s)=>{var a;ye(o,s)||(a=r.value)==null||a.setConfig(i.value)}),e({component:r}),(o,s)=>(m.openBlock(),m.createElementBlock("div",Hm))}}),Ym=m.defineComponent({__name:"index",props:{items:{},labelClassName:{},onLegendItemClick:{type:Function},labelFontSize:{},labelMaxWidth:{},bulletSize:{},bulletShape:{},orientation:{},renderIntoProvidedDomNode:{type:Boolean},data:{}},setup(t,{expose:e}){const n=t;m.computed(()=>n.data);const i=ie(n),r=m.ref(),o=m.ref();return m.onMounted(()=>{m.nextTick(()=>{o.value&&(r.value=new El(o.value,{...i.value,renderIntoProvidedDomNode:!0}))})}),m.onUnmounted(()=>{var s;(s=r.value)==null||s.destroy()}),m.watch(i,(s,a)=>{var l;ye(s,a)||(l=r.value)==null||l.update(i.value)}),e({component:r}),(s,a)=>(m.openBlock(),m.createElementBlock("div",{"data-vis-bullet-legend":"",ref_key:"elRef",ref:o},null,512))}});(function(){try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode(".unovis-xy-container,.unovis-single-container{display:block;position:relative;width:100%}[data-vis-leaflet-map],[data-vis-leaflet-flow-map]{display:block;position:relative}[data-vis-bullet-legend]{display:block}")),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();const Vm={class:"flex flex-col"},Xm={class:"flex items-center mr-2 mt-2"},qm={class:"font-semibold capitalize text-white/75"},Gm={class:"flex items-center gap-2"},jm={class:"font-normal"},Zm=m.defineComponent({__name:"Tooltip",props:{data:{},categories:{}},setup(t){function e(i){var r;return((r=n.categories[i])==null?void 0:r.color)??"#f00"}const n=t;return(i,r)=>(m.openBlock(),m.createElementBlock("div",Vm,[(m.openBlock(!0),m.createElementBlock(m.Fragment,null,m.renderList(Object.entries(i.data),([o,s])=>{var a;return m.openBlock(),m.createElementBlock(m.Fragment,{key:o},[m.createElementVNode("div",Xm,[m.createElementVNode("span",qm,m.toDisplayString(o)+":",1)]),m.createElementVNode("div",Gm,[(a=n.categories[o])!=null&&a.color?(m.openBlock(),m.createElementBlock("span",{key:0,style:m.normalizeStyle({backgroundColor:e(o)}),class:"w-2 h-2"},null,4)):m.createCommentVNode("",!0),m.createElementVNode("span",jm,m.toDisplayString(s),1)])],64)}),128))]))}}),Qm={key:0,class:"flex items center justify-end"},Jm=m.defineComponent({__name:"Area",props:{data:{},height:{},xLabel:{},yLabel:{},categories:{},xFormatter:{},yFormatter:{},curveType:{},xNumTicks:{default:t=>t.data.length>24?24/4:t.data.length-1},yNumTicks:{default:t=>t.data.length>24?24/4:t.data.length-1},hideLegend:{type:Boolean},hideTooltip:{type:Boolean},gridLineX:{type:Boolean},domainLineX:{type:Boolean},gridLineY:{type:Boolean},domainLineY:{type:Boolean},paginationPoisition:{}},setup(t){const e=t,n=Object.values(e.categories).map(s=>s.color),i=m.computed(()=>s=>{const a=m.createApp(Zm,{data:s,categories:e.categories});if(!document)return;const l=document.createElement("div");a.mount(l);const c=l.innerHTML;return a.unmount(),c});function r(s){var a;return{y:l=>Number(l[s]),color:((a=e.categories[s])==null?void 0:a.color)??"#3b82f6"}}const o=n.map((s,a)=>`
   <linearGradient id="gradient${a}-${s}" gradientTransform="rotate(90)">
     <stop offset="0%" stop-color="${s}" stop-opacity="1" />
     <stop offset="100%" stop-color="${s}" stop-opacity="0" />
   </linearGradient>
-`).join("");return(s,a)=>(m.openBlock(),m.createElementBlock("div",{class:m.normalizeClass(["flex flex-col space-y-4",{"flex-col-reverse":e.paginationPoisition==="top"}])},[m.createVNode(m.unref(Rm),{data:s.data,height:s.height,"svg-defs":m.unref(o)},{default:m.withCtx(()=>[s.hideTooltip?m.createCommentVNode("",!0):(m.openBlock(),m.createBlock(m.unref(Wm),{key:0,"horizontal-placement":m.unref(C).Right,"vertical-placement":m.unref(C).Top},null,8,["horizontal-placement","vertical-placement"])),(m.openBlock(!0),m.createElementBlock(m.Fragment,null,m.renderList(Object.keys(e.categories),(l,c)=>(m.openBlock(),m.createElementBlock(m.Fragment,{key:c},[m.createVNode(m.unref(Pm),m.mergeProps({x:(h,u)=>u,ref_for:!0},r(l),{color:`url(#gradient${c}-${m.unref(n)[c]})`,opacity:.5,"curve-type":s.curveType??m.unref(L).MonotoneX}),null,16,["x","color","curve-type"]),m.createVNode(m.unref(Um),{x:(h,u)=>u,y:h=>h[l],color:m.unref(n)[c],"curve-type":s.curveType??m.unref(L).MonotoneX},null,8,["x","y","color","curve-type"])],64))),128)),m.createVNode(m.unref(Ll),{type:"x","tick-format":s.xFormatter,"num-ticks":s.xNumTicks,label:s.xLabel,"grid-line":s.gridLineX,"domain-line":s.domainLineX,"tick-line":!!s.gridLineX},null,8,["tick-format","num-ticks","label","grid-line","domain-line","tick-line"]),m.createVNode(m.unref(Ll),{type:"y","num-ticks":s.yNumTicks??s.data.length,"tick-format":s.yFormatter,label:s.yLabel,"grid-line":s.gridLineY,"domain-line":s.domainLineY,"tick-line":!!s.gridLineY},null,8,["num-ticks","tick-format","label","grid-line","domain-line","tick-line"]),s.hideTooltip?m.createCommentVNode("",!0):(m.openBlock(),m.createBlock(m.unref(zm),{key:1,color:"#666",template:i.value},null,8,["template"]))]),_:1},8,["data","height","svg-defs"]),s.hideLegend?m.createCommentVNode("",!0):(m.openBlock(),m.createElementBlock("div",Qm,[m.createVNode(m.unref(Ym),{items:Object.values(s.categories)},null,8,["items"])]))],2))}});var zl=(t=>(t.Top="top",t.Bottom="bottom",t))(zl||{});const Km=((t,e)=>{const n=t.__vccOpts||t;for(const[i,r]of e)n[i]=r;return n})(m.defineComponent({__name:"Button",props:{variant:{},size:{}},setup(t){return(e,n)=>(m.openBlock(),m.createElementBlock("button",{class:m.normalizeClass(["button",`button--${e.variant||"primary"}`,`button--${e.size||"medium"}`])},[m.renderSlot(e.$slots,"default",{},void 0,!0)],2))}}),[["__scopeId","data-v-52b6ec0c"]]);Ct.Area=Jm,Ct.Button=Km,Ct.PaginationPosition=zl,Object.defineProperty(Ct,Symbol.toStringTag,{value:"Module"})});
+`).join("");return(s,a)=>{const l=m.resolveComponent("ClientOnly");return m.openBlock(),m.createElementBlock("div",{class:m.normalizeClass(["flex flex-col space-y-4",{"flex-col-reverse":e.paginationPoisition==="top"}])},[m.createVNode(m.unref(Rm),{data:s.data,height:s.height,"svg-defs":m.unref(o)},{default:m.withCtx(()=>[s.hideTooltip?m.createCommentVNode("",!0):(m.openBlock(),m.createBlock(m.unref(Wm),{key:0,"horizontal-placement":m.unref(C).Right,"vertical-placement":m.unref(C).Top},null,8,["horizontal-placement","vertical-placement"])),(m.openBlock(!0),m.createElementBlock(m.Fragment,null,m.renderList(Object.keys(e.categories),(c,h)=>(m.openBlock(),m.createElementBlock(m.Fragment,{key:h},[m.createVNode(m.unref(Pm),m.mergeProps({x:(u,f)=>f,ref_for:!0},r(c),{color:`url(#gradient${h}-${m.unref(n)[h]})`,opacity:.5,"curve-type":s.curveType??m.unref(L).MonotoneX}),null,16,["x","color","curve-type"]),m.createVNode(m.unref(Um),{x:(u,f)=>f,y:u=>u[c],color:m.unref(n)[h],"curve-type":s.curveType??m.unref(L).MonotoneX},null,8,["x","y","color","curve-type"])],64))),128)),m.createVNode(m.unref(Ll),{type:"x","tick-format":s.xFormatter,"num-ticks":s.xNumTicks,label:s.xLabel,"grid-line":s.gridLineX,"domain-line":s.domainLineX,"tick-line":!!s.gridLineX},null,8,["tick-format","num-ticks","label","grid-line","domain-line","tick-line"]),m.createVNode(m.unref(Ll),{type:"y","num-ticks":s.yNumTicks??s.data.length,"tick-format":s.yFormatter,label:s.yLabel,"grid-line":s.gridLineY,"domain-line":s.domainLineY,"tick-line":!!s.gridLineY},null,8,["num-ticks","tick-format","label","grid-line","domain-line","tick-line"]),m.createVNode(l,null,{default:m.withCtx(()=>[s.hideTooltip?m.createCommentVNode("",!0):(m.openBlock(),m.createBlock(m.unref(zm),{key:0,color:"#666",template:i.value},null,8,["template"]))]),_:1})]),_:1},8,["data","height","svg-defs"]),s.hideLegend?m.createCommentVNode("",!0):(m.openBlock(),m.createElementBlock("div",Qm,[m.createVNode(m.unref(Ym),{items:Object.values(s.categories)},null,8,["items"])]))],2)}}});var zl=(t=>(t.Top="top",t.Bottom="bottom",t))(zl||{});const Km=((t,e)=>{const n=t.__vccOpts||t;for(const[i,r]of e)n[i]=r;return n})(m.defineComponent({__name:"Button",props:{variant:{},size:{}},setup(t){return(e,n)=>(m.openBlock(),m.createElementBlock("button",{class:m.normalizeClass(["button",`button--${e.variant||"primary"}`,`button--${e.size||"medium"}`])},[m.renderSlot(e.$slots,"default",{},void 0,!0)],2))}}),[["__scopeId","data-v-52b6ec0c"]]);Ct.Area=Jm,Ct.Button=Km,Ct.PaginationPosition=zl,Object.defineProperty(Ct,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-chrts",
-  "version": "0.0.37",
+  "version": "0.0.39",
   "type": "module",
   "files": [
     "dist"