vue-data-ui 2.3.60 → 2.3.62

package/dist/vue-ui-quick-chart-UxaO0jzI.cjs

@@ -0,0 +1,15 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("./index-D2ZScauW.cjs"),pe=require("./useResponsive-B3TrDDIG.cjs"),ae=require("./BaseIcon-B6v-Txn-.cjs"),Ce=require("./Tooltip-BhuD1Kc5.cjs"),ke=require("./usePrinter-eqT4IYET.cjs"),ze=require("./Slicer-DoMAeSUY.cjs"),Ve=require("./vue-ui-skeleton-BLhbQje-.cjs"),ge=require("./useNestedProp-BU7yyXFA.cjs"),Fe=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),S={LINE:"LINE",BAR:"BAR",DONUT:"DONUT"},$e=["SERIE","SERIES","DATA","VALUE","VALUES","NUM"];function Pe({dataset:s,barLineSwitch:B=6}){let h=null,_=null,z=0;if((typeof s=="number"||typeof s=="string")&&console.warn(`The provided dataset (${s}) is not sufficient to build a chart`),Z(s)&&(P(s)&&(s.length<B?h=S.BAR:h=S.LINE,_=s,z=s.length),oe(s))){if(!Re(s))return console.warn("The objects in the dataset array have a different data structure. Either keys or value types are different."),!1;const M=Object.keys(s[0]),W=Object.values(s[0]);if(!M.some(E=>Ie(E)))return console.warn("The data type of the dataset objects in the array must contain one of the following keys: DATA, SERIES, VALUE, VALUES, NUM. Casing is not important."),!1;ye(W,E=>typeof E=="number")&&(h=S.DONUT,_=s),ye(W,E=>Array.isArray(E)&&P(E))&&(xe(s)>B?h=S.LINE:h=S.BAR,z=xe(s),_=s.map(E=>({...E,data:Oe(E,$=>P($))}))),s=s.map(E=>Se(E)),_=_.map(E=>Se(E))}return Z(s)&&[...new Set(s.flatMap(M=>Array.isArray(M)))][0],{dataset:s,type:h,usableDataset:_,maxSeriesLength:z}}function be(s){return!s||Z(s)&&!s.length}function Z(s){return Array.isArray(s)}function P(s){if(!Z(s)||be(s))return!1;const B=s.map(h=>Number(h));return![...new Set(B.flatMap(h=>typeof h=="number"&&!isNaN(h)))].includes(!1)}function oe(s){return!Z(s)||be(s)||!![...new Set(s.flatMap(h=>typeof h=="object"&&!Array.isArray(h)))].includes(!1)?!1:!s.map(h=>Object.keys(h).length>0).includes(!1)}function Te(s,B){const h=Object.keys(s).sort(),_=Object.keys(B).sort();if(h.length!==_.length)return!1;for(let z=0;z<h.length;z+=1){const F=h[z],D=_[z];if(F!==D||typeof s[F]!=typeof B[D])return!1}return!0}function Re(s){if(s.length<=1)return!0;for(let B=0;B<s.length;B+=1)for(let h=B+1;h<s.length;h+=1)if(!Te(s[B],s[h]))return!1;return!0}function Ie(s){return $e.includes(s.toUpperCase())}function ye(s,B){let h=[];for(let _=0;_<s.length;_+=1)h.push(B(s[_]));return h.includes(!0)}function xe(s){return Math.max(...[...s].flatMap(B=>Object.values(B).filter(h=>P(h)).map(h=>h.length)))}function Oe(s,B){return Object.values(s).filter(h=>B(h))[0]}function Se(s){const B={};for(let h in s)s.hasOwnProperty(h)&&(B[h.toUpperCase()]=s[h]);return B}const Be=s=>(e.pushScopeId("data-v-37ab2f36"),s=s(),e.popScopeId(),s),De=["id"],Me=["xmlns","viewBox"],Ue=["id"],qe=["id"],We=Be(()=>e.createElementVNode("feColorMatrix",{type:"saturate",values:"0"},null,-1)),je=["id"],Ge=["flood-color"],He={key:0,class:"donut-label-connectors"},Xe=["d","stroke","stroke-width","filter"],Ye=["cx","cy","r","fill"],Ze=["cx","cy","r","fill","filter"],Je={class:"donut"},Qe=["d","fill","stroke","stroke-width","filter"],Ke=["d","onMouseenter","onClick"],et={key:1,class:"donut-labels quick-animation"},tt=["cx","cy","fill","filter"],lt=["text-anchor","x","y","fill","font-size","filter"],at=["text-anchor","x","y","fill","font-size","filter"],ot={key:2,class:"donut-hollow quick-animation"},nt=["x","y","font-size","fill"],rt=["x","y","font-size","fill"],it={key:0,class:"line-grid"},ut=["x1","x2","y1","y2","stroke","stroke-width"],st=["x1","x2","y1","y2","stroke","stroke-width"],ct={key:1,class:"line-axis"},dt=["x1","x2","y1","y2","stroke","stroke-width"],vt=["x1","x2","y1","y2","stroke","stroke-width"],mt={key:2,class:"yLabels"},ht=["x1","x2","y1","y2","stroke","stroke-width"],ft=["x","y","font-size","fill"],pt={key:3,class:"periodLabels"},kt=["x1","x2","y1","y2","stroke","stroke-width"],gt=["font-size","text-anchor","fill","transform"],yt={class:"plots"},xt={class:"line-plot-series"},St=["d","stroke","stroke-width"],bt=["d","stroke","stroke-width"],Bt=["d","stroke","stroke-width"],wt=["d","stroke","stroke-width"],Et=["cx","cy","fill","stroke"],Lt={key:4,class:"dataLabels"},_t=["font-size","fill","x","y"],At={class:"tooltip-traps"},Nt=["x","y","height","width","fill","onMouseenter","onClick"],Ct={key:0,class:"line-grid"},zt=["x1","x2","y1","y2","stroke","stroke-width"],Vt=["x1","x2","y1","y2","stroke","stroke-width"],Ft={key:1,class:"line-axis"},$t=["x1","x2","y1","y2","stroke","stroke-width"],Pt=["x1","x2","y1","y2","stroke","stroke-width"],Tt={key:2,class:"yLabels"},Rt=["x1","x2","y1","y2","stroke","stroke-width"],It=["x","y","font-size","fill"],Ot={key:3,class:"periodLabels"},Dt=["x1","x2","y1","y2","stroke","stroke-width"],Mt=["font-size","text-anchor","transform","fill"],Ut={class:"plots"},qt=["x","width","height","y","fill","stroke","stroke-width"],Wt=["to"],jt=["from","to"],Gt={key:4,class:"dataLabels"},Ht=["x","y","font-size","fill"],Xt={class:"tooltip-traps"},Yt=["x","y","height","width","fill","onMouseenter","onClick"],Zt={key:3,class:"axis-labels"},Jt={key:0},Qt=["font-size","fill","x","y"],Kt={key:1},el=["font-size","fill","x","y"],tl={key:2},ll=["font-size","fill","transform"],al={key:3},ol=["font-size","fill","transform"],nl={key:4,class:"vue-data-ui-watermark"},rl=["onClick"],il=["onClick"],ul=["onClick"],sl={key:1,class:"vue-ui-quick-chart-not-processable"},cl=Be(()=>e.createElementVNode("span",null,"Dataset is not processable",-1)),dl={__name:"vue-ui-quick-chart",props:{config:{type:Object,default(){return{}}},dataset:{type:[Array,Object,String,Number],default(){return null}}},emits:["selectDatapoint","selectLegend"],setup(s,{expose:B,emit:h}){const _=s,{vue_ui_quick_chart:z}=u.useConfig(),F=e.ref(null),D=e.ref(null),M=e.ref(null),W=e.ref(null),E=e.ref(u.createUid()),$=e.ref(!1),j=e.ref(null),T=e.ref(""),V=e.ref(null),x=e.ref([]),ue=e.ref(0),ne=e.ref(0),t=e.computed(()=>{const i=ge.useNestedProp({userConfig:_.config,defaultConfig:z});return i.theme?{...ge.useNestedProp({userConfig:u.themes.vue_ui_quick_chart[i.theme]||_.config,defaultConfig:i}),customPalette:u.themePalettes[i.theme]||u.palette}:i}),G=e.computed(()=>u.convertCustomPalette(t.value.customPalette)),J=e.computed(()=>{const i=Pe({dataset:u.sanitizeArray(_.dataset,["serie","series","data","value","values","num"]),barLineSwitch:t.value.chartIsBarUnderDatasetLength});return console.log(i),i||console.error("VueUiQuickChart : Dataset is not processable"),i}),k=e.ref(J.value),we=e.computed(()=>!!k.value),b=e.computed(()=>k.value?k.value.type:null);e.watch(()=>b.value,i=>{i||u.error({componentName:"VueUiQuickChart",type:"dataset"})},{immediate:!0});const{isPrinting:Q,isImaging:K,generatePdf:se,generateImage:ce}=ke.usePrinter({elementId:`${b.value}_${E.value}`,fileName:t.value.title||b.value}),g=e.ref({width:t.value.width,height:t.value.height}),ee=e.ref({showTooltip:t.value.showTooltip}),te=e.ref(null);e.onMounted(()=>{if(t.value.responsive){const i=pe.throttle(()=>{const{width:v,height:l}=pe.useResponsive({chart:F.value,title:t.value.title?D.value:null,legend:t.value.showLegend?M.value:null,slicer:[S.BAR,S.LINE].includes(b.value)&&t.value.zoomXy&&k.value.maxSeriesLength>1?W.value:null});g.value.width=v,g.value.height=l});te.value=new ResizeObserver(i),te.value.observe(F.value.parentNode)}}),e.onBeforeUnmount(()=>{te.value&&te.value.disconnect()});const Ee=e.computed(()=>{switch(b.value){case S.LINE:return`0 0 ${g.value.width<=0?10:g.value.width} ${g.value.height<=0?10:g.value.height}`;case S.BAR:return`0 0 ${g.value.width<=0?10:g.value.width} ${g.value.height<=0?10:g.value.height}`;case S.DONUT:return`0 0 ${g.value.width<=0?10:g.value.width} ${g.value.height<=0?10:g.value.height}`;default:return`0 0 ${g.value.width<=0?10:g.value.width} ${g.value.height<=0?10:g.value.height}`}});function de(i){return[...i].map(v=>v.value).reduce((v,l)=>v+l,0)}function H(i){return t.value.blurOnHover&&![null,void 0].includes(V.value)&&V.value!==i?`url(#blur_${E.value})`:""}function ve(i,v){x.value.includes(i)?x.value=x.value.filter(l=>l!==i):x.value.length<v&&x.value.push(i)}const me=e.ref(null),he=e.ref(null),le=e.ref(!1);function Le(i,v){le.value=!0;let l=i.value;if(x.value.includes(i.id)){let r=function(){l>n?(le.value=!1,cancelAnimationFrame(he.value),k.value={...k.value,dataset:k.value.dataset.map((m,A)=>i.id===`donut_${A}`?{...m,value:n,VALUE:n}:m)}):(l+=n*.025,k.value={...k.value,dataset:k.value.dataset.map((m,A)=>i.id===`donut_${A}`?{...m,value:l,VALUE:l}:m)},he.value=requestAnimationFrame(r))};x.value=x.value.filter(m=>m!==i.id);const n=J.value.dataset.find((m,A)=>i.id===`donut_${A}`).VALUE;r()}else if(v.length>1){let n=function(){l<.1?(le.value=!1,cancelAnimationFrame(me.value),x.value.push(i.id),k.value={...k.value,dataset:k.value.dataset.map((r,m)=>i.id===`donut_${m}`?{...r,value:0,VALUE:0}:r)}):(l/=1.1,k.value={...k.value,dataset:k.value.dataset.map((r,m)=>i.id===`donut_${m}`?{...r,value:l,VALUE:l}:r)},me.value=requestAnimationFrame(n))};n()}}const w=e.computed(()=>{if(b.value!==S.DONUT)return null;const i=k.value.dataset.map((a,o)=>({...a,value:a.VALUE||a.DATA||a.SERIE||a.VALUES||a.NUM||0,name:a.NAME||a.DESCRIPTION||a.TITLE||a.LABEL||`Serie ${o}`,id:`donut_${o}`})).map((a,o)=>({...a,color:a.COLOR?u.convertColorToHex(a.COLOR):G.value[o+t.value.paletteStartIndex]||u.palette[o+t.value.paletteStartIndex]||u.palette[(o+t.value.paletteStartIndex)%u.palette.length],immutableValue:a.value}));function v(a,o){return u.dataLabel({v:isNaN(a.value/de(o))?0:a.value/de(o)*100,s:"%",r:t.value.dataLabelRoundingPercentage})}function l(a){return a.proportion*100>t.value.donutHideLabelUnderPercentage}function n(a,o){const p=J.value.dataset.find((L,N)=>`donut_${N}`===a).VALUE;return Math.abs(String(Number(p.toFixed(0))).length-String(Number(o.toFixed(0))).length)}function r({datapoint:a,seriesIndex:o}){j.value={datapoint:a,seriesIndex:o,config:t.value,dataset:i},V.value=a.id;const p=t.value.tooltipCustomFormat;if(u.isFunction(p)&&u.functionReturnsString(()=>p({datapoint:a,seriesIndex:o,series:i,config:t.value})))T.value=p({datapoint:a,seriesIndex:o,series:i,config:t.value});else{let f="";f+=`<div style="width:100%;text-align:center;border-bottom:1px solid ${t.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${a.name}</div>`,f+=`<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${a.color}"/></svg>`,f+=`<b>${u.applyDataLabel(t.value.formatter,a.value,u.dataLabel({p:t.value.valuePrefix,v:a.value,s:t.value.valueSuffix,r:t.value.dataLabelRoundingValue}),{datapoint:a,seriesIndex:o})}</b>`,f+=`<span>(${u.dataLabel({v:a.proportion*100,s:"%",r:t.value.dataLabelRoundingPercentage})})</span></div>`,T.value=`<div>${f}</div>`}$.value=!0}function m(){$.value=!1,V.value=null}const A={centerX:g.value.width/2,centerY:g.value.height/2},C=i.filter(a=>!x.value.includes(a.id)).map(a=>a.value||0).reduce((a,o)=>a+o,0),U=i.map((a,o)=>({...a,proportion:(a.value||0)/C,value:a.value||0,absoluteValue:J.value.dataset.find((p,f)=>`donut_${f}`===a.id).VALUE})),R=g.value.width/2,q=g.value.height/2,I=g.value.height*t.value.donutRadiusRatio;return{dataset:U.filter(a=>!x.value.includes(a.id)),legend:U,drawingArea:A,displayArcPercentage:v,isArcBigEnough:l,useTooltip:r,killTooltip:m,getSpaces:n,total:C,cx:R,cy:q,radius:I,chart:u.makeDonut({series:i.filter(a=>!x.value.includes(a.id))},R,q,I,I,1.99999,2,1,360,105.25,g.value.height*t.value.donutThicknessRatio)}}),y=e.ref({start:0,end:k.value.maxSeriesLength});function _e(){y.value={start:0,end:k.value.maxSeriesLength},ne.value+=1}const Ae=e.computed(()=>{if(!t.value.zoomMinimap.show||b.value===S.DONUT)return[];let i=[];P(k.value.dataset)&&(i=k.value.dataset),oe(k.value.dataset)&&(i=k.value.dataset.map((r,m)=>({values:r.VALUE||r.DATA||r.SERIE||r.SERIES||r.VALUES||r.NUM||0,id:b.value===S.LINE?`line_${m}`:`bar_${m}`})).filter(r=>!x.value.includes(r.id)));const v=P(i)?i.length:Math.max(...i.map(r=>r.values.length));let l=[];if(P(i))l=i;else for(let r=0;r<v;r+=1)l.push(i.map(m=>m.values[r]||0).reduce((m,A)=>(m||0)+(A||0),0));const n=Math.min(...l);return l.map(r=>r+(n<0?Math.abs(n):0))}),d=e.computed(()=>{if(b.value!==S.LINE)return null;const i={height:g.value.height,width:g.value.width},v={left:t.value.xyPaddingLeft,top:t.value.xyPaddingTop,right:i.width-t.value.xyPaddingRight,bottom:i.height-t.value.xyPaddingBottom,width:i.width-t.value.xyPaddingLeft-t.value.xyPaddingRight,height:i.height-t.value.xyPaddingTop-t.value.xyPaddingBottom};let l=[];P(k.value.dataset)&&(l=[{values:k.value.dataset.slice(y.value.start,y.value.end),absoluteIndices:k.value.dataset.map((a,o)=>o).slice(y.value.start,y.value.end),name:t.value.title,color:G.value[t.value.paletteStartIndex]||u.palette[t.value.paletteStartIndex],id:"line_0"}]),oe(k.value.dataset)&&(l=k.value.dataset.map((a,o)=>({...a,values:a.VALUE||a.DATA||a.SERIE||a.SERIES||a.VALUES||a.NUM||0,name:a.NAME||a.DESCRIPTION||a.TITLE||a.LABEL||`Serie ${o}`,id:`line_${o}`})).map((a,o)=>({...a,color:a.COLOR?u.convertColorToHex(a.COLOR):G.value[o+t.value.paletteStartIndex]||u.palette[o+t.value.paletteStartIndex]||u.palette[(o+t.value.paletteStartIndex)%u.palette.length],values:a.values.slice(y.value.start,y.value.end),absoluteIndices:a.values.map((p,f)=>f).slice(y.value.start,y.value.end)})));const n={max:Math.max(...l.filter(a=>!x.value.includes(a.id)).flatMap(a=>a.values)),min:Math.min(...l.filter(a=>!x.value.includes(a.id)).flatMap(a=>a.values)),maxSeries:Math.max(...l.map(a=>a.values.length))},r=u.calculateNiceScale(n.min<0?n.min:0,n.max<0?0:n.max,t.value.xyScaleSegments),m=n.min<0?Math.abs(n.min):0,A=n.max<0?v.top:v.bottom-m/(r.max+m)*v.height,C=v.width/n.maxSeries,U=r.ticks.map(a=>({y:v.bottom-v.height*((a+m)/(r.max+m)),x:v.left-8,value:a})),R=l.map((a,o)=>({...a,coordinates:a.values.map((p,f)=>({x:v.left+C*(f+1)-C/2,y:v.bottom-(p+m)/(r.max+m)*v.height,value:p}))})).map(a=>{let o=[];return a.coordinates.forEach(p=>{o.push(`${p.x},${p.y} `)}),{...a,linePath:o.join(" ")}});function q(a){V.value=a;const o=l.map(f=>({...f,value:f.values[a],absoluteIndex:f.absoluteIndices[a]})).filter(f=>!x.value.includes(f.id));j.value={datapoint:o,seriesIndex:a,config:t.value,dataset:l};const p=t.value.tooltipCustomFormat;if(u.isFunction(p)&&u.functionReturnsString(()=>p({datapoint:o,seriesIndex:a,series:l,config:t.value})))T.value=p({datapoint:o,seriesIndex:a,series:l,config:t.value});else{let f="";t.value.xyPeriods[o[0].absoluteIndex]&&(f+=`<div style="border-bottom:1px solid ${t.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${t.value.xyPeriods[o[0].absoluteIndex]}</div>`),o.forEach((L,N)=>{f+=`
+                    <div style="display:flex; flex-wrap: wrap; align-items:center; gap:3px;">
+                        <svg viewBox="0 0 12 12" height="14" width="12"><circle cx="6" cy="6" r="6" stroke="none" fill="${L.color}"/></svg>
+                        <span>${L.name}:</span>
+                        <b>${u.applyDataLabel(t.value.formatter,L.value,u.dataLabel({p:t.value.valuePrefix,v:L.value,s:t.value.valueSuffix,r:t.value.dataLabelRoundingValue}),{datapoint:L,seriesIndex:N})}
+                        </b>
+                    </div>
+                `}),T.value=f}$.value=!0}function I(){V.value=null,$.value=!1}return{absoluteZero:A,dataset:R.filter(a=>!x.value.includes(a.id)),legend:R,drawingArea:v,extremes:n,slotSize:C,yLabels:U,useTooltip:q,killTooltip:I}}),c=e.computed(()=>{if(b.value!==S.BAR)return null;const i={height:g.value.height,width:g.value.width},v={left:t.value.xyPaddingLeft,top:t.value.xyPaddingTop,right:i.width-t.value.xyPaddingRight,bottom:i.height-t.value.xyPaddingBottom,width:i.width-t.value.xyPaddingLeft-t.value.xyPaddingRight,height:i.height-t.value.xyPaddingTop-t.value.xyPaddingBottom};let l=[];P(k.value.dataset)&&(l=[{values:k.value.dataset.slice(y.value.start,y.value.end),absoluteIndices:k.value.dataset.map((o,p)=>p).slice(y.value.start,y.value.end),name:t.value.title,color:G.value[t.value.paletteStartIndex]||u.palette[t.value.paletteStartIndex],id:"bar_0"}]),oe(k.value.dataset)&&(l=k.value.dataset.map((o,p)=>({...o,values:o.VALUE||o.DATA||o.SERIE||o.SERIES||o.VALUES||o.NUM||0,name:o.NAME||o.DESCRIPTION||o.TITLE||o.LABEL||`Serie ${p}`,id:`bar_${p}`})).map((o,p)=>({...o,color:o.COLOR?u.convertColorToHex(o.COLOR):G.value[p+t.value.paletteStartIndex]||u.palette[p+t.value.paletteStartIndex]||u.palette[(p+t.value.paletteStartIndex)%u.palette.length],values:o.values.slice(y.value.start,y.value.end),absoluteIndices:o.values.map((f,L)=>L).slice(y.value.start,y.value.end)})));const n={max:Math.max(...l.filter(o=>!x.value.includes(o.id)).flatMap(o=>o.values))<0?0:Math.max(...l.filter(o=>!x.value.includes(o.id)).flatMap(o=>o.values)),min:Math.min(...l.filter(o=>!x.value.includes(o.id)).flatMap(o=>o.values)),maxSeries:Math.max(...l.filter(o=>!x.value.includes(o.id)).map(o=>o.values.length))},r=u.calculateNiceScale(n.min<0?n.min:0,n.max,t.value.xyScaleSegments),m=r.min<0?Math.abs(r.min):0,A=v.bottom-m/(r.max+m)*v.height,C=v.width/n.maxSeries,U=r.ticks.map(o=>({y:v.bottom-v.height*((o+m)/(r.max+m)),x:v.left-8,value:o})),R=l.map((o,p)=>({...o,coordinates:o.values.map((f,L)=>{const N=(f+m)/(n.max+m)*v.height,X=Math.abs(f)/Math.abs(n.min)*(v.height-A),ie=m/(n.max+m)*v.height,Y=C/l.filter(O=>!x.value.includes(O.id)).length-t.value.barGap/l.filter(O=>!x.value.includes(O.id)).length;return{x:v.left+C*L+Y*p+t.value.barGap/2,y:f>0?v.bottom-N:A,height:f>0?N-ie:X,value:f,width:Y}})})),q=l.filter(o=>!x.value.includes(o.id)).map((o,p)=>({...o,coordinates:o.values.map((f,L)=>{const N=(f+m)/(n.max+m)*v.height,X=Math.abs(f)/(n.max+m)*v.height,ie=m/(n.max+m)*v.height,Y=C/l.filter(O=>!x.value.includes(O.id)).length-t.value.barGap/l.filter(O=>!x.value.includes(O.id)).length;return{x:v.left+C*L+Y*p+t.value.barGap/2,y:f>0?v.bottom-N:A,height:f>0?N-ie:X,value:f,width:Y}})}));function I(o){V.value=o;const p=l.map(L=>({...L,value:L.values[o],absoluteIndex:L.absoluteIndices[o]})).filter(L=>!x.value.includes(L.id));j.value={datapoint:p,seriesIndex:o,config:t.value,dataset:l};const f=t.value.tooltipCustomFormat;if(u.isFunction(f)&&u.functionReturnsString(()=>f({datapoint:p,seriesIndex:o,series:l,config:t.value})))T.value=f({point:p,seriesIndex:o,series:l,config:t.value});else{let L="";t.value.xyPeriods[p[0].absoluteIndex]&&(L+=`<div style="border-bottom:1px solid ${t.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${t.value.xyPeriods[p[0].absoluteIndex]}</div>`),p.forEach((N,X)=>{L+=`
+                    <div style="display:flex; flex-wrap: wrap; align-items:center; gap:3px;">
+                        <svg viewBox="0 0 12 12" height="14" width="12"><rect x=0 y="0" width="12" height="12" rx="1" stroke="none" fill="${N.color}"/></svg>
+                        <span>${N.name}:</span>
+                        <b>${u.applyDataLabel(t.value.formatter,N.value,u.dataLabel({p:t.value.valuePrefix,v:N.value,s:t.value.valueSuffix,r:t.value.dataLabelRoundingValue}),{datapoint:N,seriesIndex:X})}
+                        </b>
+                    </div>
+                `}),T.value=L}$.value=!0}function a(){$.value=!1,V.value=null}return{absoluteZero:A,dataset:q.filter(o=>!x.value.includes(o.id)),legend:R,drawingArea:v,extremes:n,slotSize:C,yLabels:U,useTooltip:I,killTooltip:a}}),re=e.ref(!1);function Ne(i){re.value=i,ue.value+=1}function fe(){ee.value.showTooltip=!ee.value.showTooltip}return B({generatePdf:se,generateImage:ce,toggleTooltip:fe}),(i,v)=>we.value?(e.openBlock(),e.createElementBlock("div",{key:0,id:`${b.value}_${E.value}`,ref_key:"quickChart",ref:F,class:e.normalizeClass({"vue-ui-quick-chart":!0,"vue-data-ui-wrapper-fullscreen":re.value}),style:e.normalizeStyle(`background:${t.value.backgroundColor};color:${t.value.color};font-family:${t.value.fontFamily}; position: relative; ${t.value.responsive?"height: 100%":""}`)},[t.value.showUserOptions?(e.openBlock(),e.createBlock(ke.UserOptions,{ref:"details",key:`user_option_${ue.value}`,backgroundColor:t.value.backgroundColor,color:t.value.color,isPrinting:e.unref(Q),isImaging:e.unref(K),uid:E.value,hasTooltip:t.value.userOptionsButtons.tooltip&&t.value.showTooltip,hasPdf:t.value.userOptionsButtons.pdf,hasImg:t.value.userOptionsButtons.img,hasFullscreen:t.value.userOptionsButtons.fullscreen,hasXls:!1,isTooltip:ee.value.showTooltip,isFullscreen:re.value,titles:{...t.value.userOptionsButtonTitles},chartElement:F.value,onToggleFullscreen:Ne,onGeneratePdf:e.unref(se),onGenerateImage:e.unref(ce),onToggleTooltip:fe},e.createSlots({_:2},[i.$slots.optionTooltip?{name:"optionTooltip",fn:e.withCtx(()=>[e.renderSlot(i.$slots,"optionTooltip",{},void 0,!0)]),key:"0"}:void 0,i.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(i.$slots,"optionPdf",{},void 0,!0)]),key:"1"}:void 0,i.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(i.$slots,"optionImg",{},void 0,!0)]),key:"2"}:void 0,i.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:l,isFullscreen:n})=>[e.renderSlot(i.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:l,isFullscreen:n})),void 0,!0)]),key:"3"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasTooltip","hasPdf","hasImg","hasFullscreen","isTooltip","isFullscreen","titles","chartElement","onGeneratePdf","onGenerateImage"])):e.createCommentVNode("",!0),t.value.title?(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"quickChartTitle",ref:D,class:"vue-ui-quick-chart-title",style:e.normalizeStyle(`background:${t.value.backgroundColor};color:${t.value.color};font-size:${t.value.titleFontSize}px;font-weight:${t.value.titleBold?"bold":"normal"};text-align:${t.value.titleTextAlign}`)},e.toDisplayString(t.value.title),5)):e.createCommentVNode("",!0),b.value?(e.openBlock(),e.createElementBlock("svg",{key:2,xmlns:e.unref(u.XMLNS),viewBox:Ee.value,style:e.normalizeStyle(`max-width:100%;overflow:visible;background:${t.value.backgroundColor};color:${t.value.color}`)},[e.createElementVNode("defs",null,[e.createElementVNode("filter",{id:`blur_${E.value}`,x:"-50%",y:"-50%",width:"200%",height:"200%"},[e.createElementVNode("feGaussianBlur",{in:"SourceGraphic",stdDeviation:2,id:`blur_std_${E.value}`},null,8,qe),We],8,Ue),e.createElementVNode("filter",{id:`shadow_${E.value}`,"color-interpolation-filters":"sRGB"},[e.createElementVNode("feDropShadow",{dx:"0",dy:"0",stdDeviation:"10","flood-opacity":"0.5","flood-color":t.value.donutShadowColor},null,8,Ge)],8,je)]),b.value===S.DONUT?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.value.showDataLabels?(e.openBlock(),e.createElementBlock("g",He,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(w.value.chart,(l,n)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[w.value.isArcBigEnough(l)?(e.openBlock(),e.createElementBlock("path",{key:0,d:e.unref(u.calcNutArrowPath)(l,{x:(t.value.width||g.value.width)/2,y:(t.value.height||g.value.height)/2},16,16,!1,!1,t.value.donutLabelMarkerStrokeWidth),stroke:l.color,"stroke-width":t.value.donutLabelMarkerStrokeWidth,"stroke-linecap":"round","stroke-linejoin":"round",fill:"none",filter:H(l.id)},null,8,Xe)):e.createCommentVNode("",!0)],64))),256))])):e.createCommentVNode("",!0),e.createElementVNode("circle",{class:"donut-hollow",cx:(t.value.width||g.value.width)/2,cy:(t.value.height||g.value.height)/2,r:(t.value.height||g.value.height)*t.value.donutRadiusRatio,fill:t.value.backgroundColor},null,8,Ye),e.createElementVNode("circle",{cx:w.value.cx,cy:w.value.cy,r:w.value.radius,fill:t.value.backgroundColor,filter:t.value.donutUseShadow?`url(#shadow_${E.value})`:""},null,8,Ze),e.createElementVNode("g",Je,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(w.value.chart,(l,n)=>(e.openBlock(),e.createElementBlock("path",{d:l.arcSlice,fill:l.color,stroke:t.value.backgroundColor,"stroke-width":t.value.donutStrokeWidth,filter:H(l.id)},null,8,Qe))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(w.value.chart,(l,n)=>(e.openBlock(),e.createElementBlock("path",{d:l.arcSlice,fill:"transparent",onMouseenter:r=>w.value.useTooltip({datapoint:l,seriesIndex:n}),onMouseout:v[0]||(v[0]=r=>w.value.killTooltip()),onClick:r=>h("selectDatapoint",l)},null,40,Ke))),256))]),t.value.showDataLabels?(e.openBlock(),e.createElementBlock("g",et,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(w.value.chart,(l,n)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[w.value.isArcBigEnough(l)?(e.openBlock(),e.createElementBlock("circle",{key:0,cx:e.unref(u.calcMarkerOffsetX)(l).x,cy:e.unref(u.calcMarkerOffsetY)(l)-3.7,fill:l.color,r:3,filter:H(l.id)},null,8,tt)):e.createCommentVNode("",!0),w.value.isArcBigEnough(l)?(e.openBlock(),e.createElementBlock("text",{key:1,"text-anchor":e.unref(u.calcMarkerOffsetX)(l,!0,20).anchor,x:e.unref(u.calcMarkerOffsetX)(l,!0).x,y:e.unref(u.calcMarkerOffsetY)(l),fill:t.value.color,"font-size":t.value.dataLabelFontSize,filter:H(l.id)},e.toDisplayString(w.value.displayArcPercentage(l,w.value.chart))+" ("+e.toDisplayString(e.unref(u.applyDataLabel)(t.value.formatter,l.value,e.unref(u.dataLabel)({p:t.value.valuePrefix,v:l.value,s:t.value.valueSuffix,r:t.value.dataLabelRoundingValue}),{datapoint:l,seriesIndex:n}))+") ",9,lt)):e.createCommentVNode("",!0),w.value.isArcBigEnough(l,!0,20)?(e.openBlock(),e.createElementBlock("text",{key:2,"text-anchor":e.unref(u.calcMarkerOffsetX)(l).anchor,x:e.unref(u.calcMarkerOffsetX)(l,!0).x,y:e.unref(u.calcMarkerOffsetY)(l)+t.value.dataLabelFontSize,fill:t.value.color,"font-size":t.value.dataLabelFontSize,filter:H(l.id)},e.toDisplayString(l.name),9,at)):e.createCommentVNode("",!0)],64))),256))])):e.createCommentVNode("",!0),t.value.donutShowTotal?(e.openBlock(),e.createElementBlock("g",ot,[e.createElementVNode("text",{"text-anchor":"middle",x:w.value.drawingArea.centerX,y:w.value.drawingArea.centerY-t.value.donutTotalLabelFontSize/2,"font-size":t.value.donutTotalLabelFontSize,fill:t.value.color},e.toDisplayString(t.value.donutTotalLabelText),9,nt),e.createElementVNode("text",{"text-anchor":"middle",x:w.value.drawingArea.centerX,y:w.value.drawingArea.centerY+t.value.donutTotalLabelFontSize,"font-size":t.value.donutTotalLabelFontSize,fill:t.value.color},e.toDisplayString(e.unref(u.dataLabel)({p:t.value.valuePrefix,v:w.value.total,s:t.value.valueSuffix,r:t.value.dataLabelRoundingValue})),9,rt)])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),b.value===S.LINE?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t.value.xyShowGrid?(e.openBlock(),e.createElementBlock("g",it,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value.yLabels,l=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[l.y<=d.value.drawingArea.bottom?(e.openBlock(),e.createElementBlock("line",{key:0,x1:d.value.drawingArea.left,x2:d.value.drawingArea.right,y1:l.y,y2:l.y,stroke:t.value.xyGridStroke,"stroke-width":t.value.xyGridStrokeWidth,"stroke-linecap":"round"},null,8,ut)):e.createCommentVNode("",!0)],64))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value.extremes.maxSeries+1,(l,n)=>(e.openBlock(),e.createElementBlock("line",{x1:d.value.drawingArea.left+d.value.slotSize*n,x2:d.value.drawingArea.left+d.value.slotSize*n,y1:d.value.drawingArea.top,y2:d.value.drawingArea.bottom,stroke:t.value.xyGridStroke,"stroke-width":t.value.xyGridStrokeWidth,"stroke-linecap":"round"},null,8,st))),256))])):e.createCommentVNode("",!0),t.value.xyShowAxis?(e.openBlock(),e.createElementBlock("g",ct,[e.createElementVNode("line",{x1:d.value.drawingArea.left,x2:d.value.drawingArea.left,y1:d.value.drawingArea.top,y2:d.value.drawingArea.bottom,stroke:t.value.xyAxisStroke,"stroke-width":t.value.xyAxisStrokeWidth,"stroke-linecap":"round"},null,8,dt),e.createElementVNode("line",{x1:d.value.drawingArea.left,x2:d.value.drawingArea.right,y1:isNaN(d.value.absoluteZero)?d.value.drawingArea.bottom:d.value.absoluteZero,y2:isNaN(d.value.absoluteZero)?d.value.drawingArea.bottom:d.value.absoluteZero,stroke:t.value.xyAxisStroke,"stroke-width":t.value.xyAxisStrokeWidth,"stroke-linecap":"round"},null,8,vt)])):e.createCommentVNode("",!0),t.value.xyShowScale?(e.openBlock(),e.createElementBlock("g",mt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value.yLabels,(l,n)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[l.y<=d.value.drawingArea.bottom?(e.openBlock(),e.createElementBlock("line",{key:0,x1:l.x+4,x2:d.value.drawingArea.left,y1:l.y,y2:l.y,stroke:t.value.xyAxisStroke,"stroke-width":t.value.xyAxisStrokeWidth,"stroke-linecap":"round"},null,8,ht)):e.createCommentVNode("",!0),l.y<=d.value.drawingArea.bottom?(e.openBlock(),e.createElementBlock("text",{key:1,x:l.x,y:l.y+t.value.xyLabelsYFontSize/3,"text-anchor":"end","font-size":t.value.xyLabelsYFontSize,fill:t.value.color},e.toDisplayString(e.unref(u.applyDataLabel)(t.value.formatter,l.value,e.unref(u.dataLabel)({p:t.value.valuePrefix,v:l.value,s:t.value.valueSuffix,r:t.value.dataLabelRoundingValue}),{datapoint:l,seriesIndex:n})),9,ft)):e.createCommentVNode("",!0)],64))),256))])):e.createCommentVNode("",!0),t.value.xyShowScale&&t.value.xyPeriods.length?(e.openBlock(),e.createElementBlock("g",pt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value.xyPeriods.slice(y.value.start,y.value.end),(l,n)=>(e.openBlock(),e.createElementBlock("line",{x1:d.value.drawingArea.left+d.value.slotSize*(n+1)-d.value.slotSize/2,x2:d.value.drawingArea.left+d.value.slotSize*(n+1)-d.value.slotSize/2,y1:d.value.drawingArea.bottom,y2:d.value.drawingArea.bottom+4,stroke:t.value.xyAxisStroke,"stroke-width":t.value.xyAxisStrokeWidth,"stroke-linecap":"round"},null,8,kt))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value.xyPeriods.slice(y.value.start,y.value.end),(l,n)=>(e.openBlock(),e.createElementBlock("text",{"font-size":t.value.xyLabelsXFontSize,"text-anchor":t.value.xyPeriodLabelsRotation>0?"start":t.value.xyPeriodLabelsRotation<0?"end":"middle",fill:t.value.color,transform:`translate(${d.value.drawingArea.left+d.value.slotSize*(n+1)-d.value.slotSize/2}, ${d.value.drawingArea.bottom+t.value.xyLabelsXFontSize+6}), rotate(${t.value.xyPeriodLabelsRotation})`},e.toDisplayString(l),9,gt))),256))])):e.createCommentVNode("",!0),e.createElementVNode("g",yt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value.dataset,(l,n)=>(e.openBlock(),e.createElementBlock("g",xt,[t.value.lineSmooth?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("path",{d:`M ${e.unref(u.createSmoothPath)(l.coordinates)}`,stroke:t.value.backgroundColor,"stroke-width":t.value.lineStrokeWidth+1,"stroke-linecap":"round",fill:"none",class:e.normalizeClass({"quick-animation":!0,"vue-data-ui-line-animated":t.value.lineAnimated}),style:{transition:"all 0.3s ease-in-out"}},null,10,St),e.createElementVNode("path",{d:`M ${e.unref(u.createSmoothPath)(l.coordinates)}`,stroke:l.color,"stroke-width":t.value.lineStrokeWidth,"stroke-linecap":"round",fill:"none",class:e.normalizeClass({"quick-animation":!0,"vue-data-ui-line-animated":t.value.lineAnimated}),style:{transition:"all 0.3s ease-in-out"}},null,10,bt)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("path",{d:`M ${l.linePath}`,stroke:t.value.backgroundColor,"stroke-width":t.value.lineStrokeWidth+1,"stroke-linecap":"round",fill:"none",class:e.normalizeClass({"quick-animation":!0,"vue-data-ui-line-animated":t.value.lineAnimated}),style:{transition:"all 0.3s ease-in-out"}},null,10,Bt),e.createElementVNode("path",{d:`M ${l.linePath}`,stroke:l.color,"stroke-width":t.value.lineStrokeWidth,"stroke-linecap":"round",fill:"none",class:e.normalizeClass({"quick-animation":!0,"vue-data-ui-line-animated":t.value.lineAnimated}),style:{transition:"all 0.3s ease-in-out"}},null,10,wt)],64)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.coordinates,(r,m)=>(e.openBlock(),e.createElementBlock("circle",{cx:r.x,cy:e.unref(u.checkNaN)(r.y),r:3,fill:l.color,stroke:t.value.backgroundColor,"stroke-width":"0.5",class:"quick-animation",style:{transition:"all 0.3s ease-in-out"}},null,8,Et))),256))]))),256))]),t.value.showDataLabels?(e.openBlock(),e.createElementBlock("g",Lt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value.dataset,(l,n)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.coordinates,(r,m)=>(e.openBlock(),e.createElementBlock("text",{"text-anchor":"middle","font-size":t.value.dataLabelFontSize,fill:l.color,x:r.x,y:e.unref(u.checkNaN)(r.y)-t.value.dataLabelFontSize/2,class:"quick-animation",style:{transition:"all 0.3s ease-in-out"}},e.toDisplayString(e.unref(u.applyDataLabel)(t.value.formatter,e.unref(u.checkNaN)(r.value),e.unref(u.dataLabel)({p:t.value.valuePrefix,v:e.unref(u.checkNaN)(r.value),s:t.value.valueSuffix,r:t.value.dataLabelRoundingValue}),{datapoint:r,seriesIndex:m})),9,_t))),256))],64))),256))])):e.createCommentVNode("",!0),e.createElementVNode("g",At,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value.extremes.maxSeries,(l,n)=>(e.openBlock(),e.createElementBlock("rect",{x:d.value.drawingArea.left+n*d.value.slotSize,y:d.value.drawingArea.top,height:d.value.drawingArea.height<=0?1e-5:d.value.drawingArea.height,width:d.value.slotSize<=0?1e-5:d.value.slotSize,fill:V.value===n?t.value.xyHighlighterColor:"transparent",style:e.normalizeStyle(`opacity:${t.value.xyHighlighterOpacity}`),onMouseenter:r=>d.value.useTooltip(n),onMouseleave:v[1]||(v[1]=r=>d.value.killTooltip()),onClick:r=>h("selectDatapoint",d.value.dataset.map(m=>({...m,value:m.values[n]})))},null,44,Nt))),256))])],64)):e.createCommentVNode("",!0),b.value===S.BAR?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[t.value.xyShowGrid?(e.openBlock(),e.createElementBlock("g",Ct,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value.yLabels,l=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[l.y<=c.value.drawingArea.bottom?(e.openBlock(),e.createElementBlock("line",{key:0,x1:c.value.drawingArea.left,x2:c.value.drawingArea.right,y1:l.y,y2:l.y,stroke:t.value.xyGridStroke,"stroke-width":t.value.xyGridStrokeWidth,"stroke-linecap":"round"},null,8,zt)):e.createCommentVNode("",!0)],64))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value.extremes.maxSeries+1,(l,n)=>(e.openBlock(),e.createElementBlock("line",{x1:c.value.drawingArea.left+c.value.slotSize*n,x2:c.value.drawingArea.left+c.value.slotSize*n,y1:c.value.drawingArea.top,y2:c.value.drawingArea.bottom,stroke:t.value.xyGridStroke,"stroke-width":t.value.xyGridStrokeWidth,"stroke-linecap":"round"},null,8,Vt))),256))])):e.createCommentVNode("",!0),t.value.xyShowAxis?(e.openBlock(),e.createElementBlock("g",Ft,[e.createElementVNode("line",{x1:c.value.drawingArea.left,x2:c.value.drawingArea.left,y1:c.value.drawingArea.top,y2:c.value.drawingArea.bottom,stroke:t.value.xyAxisStroke,"stroke-width":t.value.xyAxisStrokeWidth,"stroke-linecap":"round"},null,8,$t),e.createElementVNode("line",{x1:c.value.drawingArea.left,x2:c.value.drawingArea.right,y1:isNaN(c.value.absoluteZero)?c.value.drawingArea.bottom:c.value.absoluteZero,y2:isNaN(c.value.absoluteZero)?c.value.drawingArea.bottom:c.value.absoluteZero,stroke:t.value.xyAxisStroke,"stroke-width":t.value.xyAxisStrokeWidth,"stroke-linecap":"round"},null,8,Pt)])):e.createCommentVNode("",!0),t.value.xyShowScale?(e.openBlock(),e.createElementBlock("g",Tt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value.yLabels,(l,n)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[l.y<=c.value.drawingArea.bottom?(e.openBlock(),e.createElementBlock("line",{key:0,x1:l.x+4,x2:c.value.drawingArea.left,y1:l.y,y2:l.y,stroke:t.value.xyAxisStroke,"stroke-width":t.value.xyAxisStrokeWidth,"stroke-linecap":"round"},null,8,Rt)):e.createCommentVNode("",!0),l.y<=c.value.drawingArea.bottom?(e.openBlock(),e.createElementBlock("text",{key:1,x:l.x,y:l.y+t.value.xyLabelsYFontSize/3,"text-anchor":"end","font-size":t.value.xyLabelsYFontSize,fill:t.value.color},e.toDisplayString(e.unref(u.applyDataLabel)(t.value.formatter,l.value,e.unref(u.dataLabel)({p:t.value.valuePrefix,v:l.value,s:t.value.valueSuffix,r:t.value.dataLabelRoundingValue}),{datapoint:l,seriesIndex:n})),9,It)):e.createCommentVNode("",!0)],64))),256))])):e.createCommentVNode("",!0),t.value.xyShowScale&&t.value.xyPeriods.length?(e.openBlock(),e.createElementBlock("g",Ot,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value.xyPeriods.slice(y.value.start,y.value.end),(l,n)=>(e.openBlock(),e.createElementBlock("line",{x1:c.value.drawingArea.left+c.value.slotSize*(n+1)-c.value.slotSize/2,x2:c.value.drawingArea.left+c.value.slotSize*(n+1)-c.value.slotSize/2,y1:c.value.drawingArea.bottom,y2:c.value.drawingArea.bottom+4,stroke:t.value.xyAxisStroke,"stroke-width":t.value.xyAxisStrokeWidth,"stroke-linecap":"round"},null,8,Dt))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value.xyPeriods.slice(y.value.start,y.value.end),(l,n)=>(e.openBlock(),e.createElementBlock("text",{"font-size":t.value.xyLabelsXFontSize,"text-anchor":t.value.xyPeriodLabelsRotation>0?"start":t.value.xyPeriodLabelsRotation<0?"end":"middle",transform:`translate(${c.value.drawingArea.left+c.value.slotSize*(n+1)-c.value.slotSize/2}, ${c.value.drawingArea.bottom+t.value.xyLabelsXFontSize+6}) rotate(${t.value.xyPeriodLabelsRotation})`,fill:t.value.color},e.toDisplayString(l),9,Mt))),256))])):e.createCommentVNode("",!0),e.createElementVNode("g",Ut,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value.dataset,(l,n)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.coordinates,(r,m)=>(e.openBlock(),e.createElementBlock("rect",{x:r.x,width:r.width<=0?1e-5:r.width,height:e.unref(u.checkNaN)(r.height<=0?1e-5:r.height),y:e.unref(u.checkNaN)(r.y),fill:l.color,stroke:t.value.backgroundColor,"stroke-width":t.value.barStrokeWidth,"stroke-linecap":"round",class:e.normalizeClass({"vue-data-ui-bar-animated":t.value.barAnimated&&r.value<0})},[t.value.barAnimated&&r.value>0&&!e.unref(Q)&&!e.unref(K)?(e.openBlock(),e.createElementBlock("animate",{key:0,attributeName:"height",from:0,to:r.height,dur:"0.5s"},null,8,Wt)):e.createCommentVNode("",!0),t.value.barAnimated&&r.value>0&&!e.unref(Q)&&!e.unref(K)?(e.openBlock(),e.createElementBlock("animate",{key:1,attributeName:"y",from:c.value.absoluteZero,to:c.value.absoluteZero-r.height,dur:"0.5s"},null,8,jt)):e.createCommentVNode("",!0)],10,qt))),256))],64))),256))]),t.value.showDataLabels?(e.openBlock(),e.createElementBlock("g",Gt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value.dataset,(l,n)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.coordinates,(r,m)=>(e.openBlock(),e.createElementBlock("text",{x:r.x+r.width/2,y:e.unref(u.checkNaN)(r.y)-t.value.dataLabelFontSize/2,"text-anchor":"middle","font-size":t.value.dataLabelFontSize,fill:l.color,class:"quick-animation"},e.toDisplayString(e.unref(u.applyDataLabel)(t.value.formatter,e.unref(u.checkNaN)(r.value),e.unref(u.dataLabel)({p:t.value.valuePrefix,v:e.unref(u.checkNaN)(r.value),s:t.value.valueSuffix,r:t.value.dataLabelRoundingValue}),{datapoint:r,seriesIndex:m})),9,Ht))),256))],64))),256))])):e.createCommentVNode("",!0),e.createElementVNode("g",Xt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value.extremes.maxSeries,(l,n)=>(e.openBlock(),e.createElementBlock("rect",{x:c.value.drawingArea.left+n*c.value.slotSize,y:c.value.drawingArea.top,height:c.value.drawingArea.height<=0?1e-5:c.value.drawingArea.height,width:c.value.slotSize<=0?1e-5:c.value.slotSize,fill:V.value===n?t.value.xyHighlighterColor:"transparent",style:e.normalizeStyle(`opacity:${t.value.xyHighlighterOpacity}`),onMouseenter:r=>c.value.useTooltip(n),onMouseleave:v[2]||(v[2]=r=>c.value.killTooltip()),onClick:r=>h("selectDatapoint",c.value.dataset.map(m=>({...m,value:m.values[n]})))},null,44,Yt))),256))])],64)):e.createCommentVNode("",!0),[S.LINE,S.BAR].includes(b.value)?(e.openBlock(),e.createElementBlock("g",Zt,[t.value.xAxisLabel&&b.value===S.LINE?(e.openBlock(),e.createElementBlock("g",Jt,[e.createElementVNode("text",{"font-size":t.value.axisLabelsFontSize,fill:t.value.color,"text-anchor":"middle",x:d.value.drawingArea.left+d.value.drawingArea.width/2,y:g.value.height-t.value.axisLabelsFontSize/3},e.toDisplayString(t.value.xAxisLabel),9,Qt)])):e.createCommentVNode("",!0),t.value.xAxisLabel&&b.value===S.BAR?(e.openBlock(),e.createElementBlock("g",Kt,[e.createElementVNode("text",{"font-size":t.value.axisLabelsFontSize,fill:t.value.color,"text-anchor":"middle",x:c.value.drawingArea.left+c.value.drawingArea.width/2,y:g.value.height-t.value.axisLabelsFontSize/3},e.toDisplayString(t.value.xAxisLabel),9,el)])):e.createCommentVNode("",!0),t.value.yAxisLabel&&b.value===S.LINE?(e.openBlock(),e.createElementBlock("g",tl,[e.createElementVNode("text",{"font-size":t.value.axisLabelsFontSize,fill:t.value.color,transform:`translate(${t.value.axisLabelsFontSize}, ${d.value.drawingArea.top+d.value.drawingArea.height/2}) rotate(-90)`,"text-anchor":"middle"},e.toDisplayString(t.value.yAxisLabel),9,ll)])):e.createCommentVNode("",!0),t.value.yAxisLabel&&b.value===S.BAR?(e.openBlock(),e.createElementBlock("g",al,[e.createElementVNode("text",{"font-size":t.value.axisLabelsFontSize,fill:t.value.color,transform:`translate(${t.value.axisLabelsFontSize}, ${c.value.drawingArea.top+c.value.drawingArea.height/2}) rotate(-90)`,"text-anchor":"middle"},e.toDisplayString(t.value.yAxisLabel),9,ol)])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],12,Me)):e.createCommentVNode("",!0),b.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(Ve.default,{key:3,config:{type:"line",style:{backgroundColor:t.value.backgroundColor,line:{axis:{color:t.value.xyAxisStroke},path:{color:t.value.xyAxisStroke,strokeWidth:.5}}}}},null,8,["config"])),i.$slots.watermark?(e.openBlock(),e.createElementBlock("div",nl,[e.renderSlot(i.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(Q)||e.unref(K)})),void 0,!0)])):e.createCommentVNode("",!0),[S.BAR,S.LINE].includes(b.value)&&t.value.zoomXy&&k.value.maxSeriesLength>1?(e.openBlock(),e.createElementBlock("div",{key:`slicer_${ne.value}`,ref_key:"quickChartSlicer",ref:W},[(e.openBlock(),e.createBlock(ze.Slicer,{key:`slicer_${ne.value}`,background:t.value.zoomColor,borderColor:t.value.backgroundColor,fontSize:t.value.zoomFontSize,useResetSlot:t.value.zoomUseResetSlot,labelLeft:t.value.xyPeriods[y.value.start]?t.value.xyPeriods[y.value.start]:"",labelRight:t.value.xyPeriods[y.value.end-1]?t.value.xyPeriods[y.value.end-1]:"",textColor:t.value.color,inputColor:t.value.zoomColor,selectColor:t.value.zoomHighlightColor,max:k.value.maxSeriesLength,min:0,valueStart:y.value.start,valueEnd:y.value.end,smoothMinimap:t.value.zoomMinimap.smooth,minimapSelectedColor:t.value.zoomMinimap.selectedColor,minimapSelectedColorOpacity:t.value.zoomMinimap.selectedColorOpacity,minimapSelectionRadius:t.value.zoomMinimap.selectionRadius,minimapLineColor:t.value.zoomMinimap.lineColor,minimap:Ae.value,start:y.value.start,"onUpdate:start":v[3]||(v[3]=l=>y.value.start=l),end:y.value.end,"onUpdate:end":v[4]||(v[4]=l=>y.value.end=l),onReset:_e},{"reset-action":e.withCtx(({reset:l})=>[e.renderSlot(i.$slots,"reset-action",e.normalizeProps(e.guardReactiveProps({reset:l})),void 0,!0)]),_:3},8,["background","borderColor","fontSize","useResetSlot","labelLeft","labelRight","textColor","inputColor","selectColor","max","valueStart","valueEnd","smoothMinimap","minimapSelectedColor","minimapSelectedColorOpacity","minimapSelectionRadius","minimapLineColor","minimap","start","end"]))])):e.createCommentVNode("",!0),t.value.showLegend?(e.openBlock(),e.createElementBlock("div",{key:6,ref_key:"quickChartLegend",ref:M,class:"vue-ui-quick-chart-legend",style:e.normalizeStyle(`background:${t.value.backgroundColor};color:${t.value.color}`)},[b.value===S.DONUT?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(w.value.legend,(l,n)=>(e.openBlock(),e.createElementBlock("div",{class:"vue-ui-quick-chart-legend-item",onClick:r=>{Le(l,w.value.dataset),h("selectLegend",l)},style:e.normalizeStyle(`cursor: ${w.value.legend.length>1?"pointer":"default"}; opacity:${x.value.includes(l.id)?"0.5":"1"}`)},[t.value.useCustomLegend?e.renderSlot(i.$slots,"legend",e.normalizeProps(e.mergeProps({key:0},{legend:l})),void 0,!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createVNode(ae.default,{name:t.value.legendIcon,stroke:l.color,size:t.value.legendIconSize},null,8,["name","stroke","size"]),e.createElementVNode("span",{style:e.normalizeStyle(`font-size:${t.value.legendFontSize}px`)},e.toDisplayString(l.name),5),e.createElementVNode("span",{style:e.normalizeStyle(`font-size:${t.value.legendFontSize}px;font-variant-numeric:tabular-nums`)},e.toDisplayString(x.value.includes(l.id)?"-":e.unref(u.applyDataLabel)(t.value.formatter,l.absoluteValue,e.unref(u.dataLabel)({p:t.value.valuePrefix,v:l.absoluteValue,s:t.value.valueSuffix,r:t.value.dataLabelRoundingValue}),{datapoint:l,seriesIndex:n})),5),x.value.includes(l.id)?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle(`font-size:${t.value.legendFontSize}px`)}," ( - % ) ",4)):le.value?(e.openBlock(),e.createElementBlock("span",{key:1,style:e.normalizeStyle(`font-size:${t.value.legendFontSize}px; font-variant-numeric: tabular-nums;`)}," ( - % ) ",4)):(e.openBlock(),e.createElementBlock("span",{key:2,style:e.normalizeStyle(`font-size:${t.value.legendFontSize}px; font-variant-numeric: tabular-nums;`)}," ("+e.toDisplayString(e.unref(u.dataLabel)({v:l.value/w.value.total*100,s:"%",r:t.value.dataLabelRoundingPercentage}))+") ",5))],64))],12,rl))),256)):e.createCommentVNode("",!0),b.value===S.LINE?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(d.value.legend,(l,n)=>(e.openBlock(),e.createElementBlock("div",{class:"vue-ui-quick-chart-legend-item",onClick:r=>{ve(l.id,d.value.legend.length-1),h("selectLegend",l)},style:e.normalizeStyle(`cursor: ${d.value.legend.length>1?"pointer":"default"}; opacity:${x.value.includes(l.id)?"0.5":"1"}`)},[t.value.useCustomLegend?e.renderSlot(i.$slots,"legend",e.normalizeProps(e.mergeProps({key:0},{legend:l})),void 0,!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createVNode(ae.default,{name:t.value.legendIcon,stroke:l.color,size:t.value.legendIconSize},null,8,["name","stroke","size"]),e.createElementVNode("span",{style:e.normalizeStyle(`font-size:${t.value.legendFontSize}px`)},e.toDisplayString(l.name),5)],64))],12,il))),256)):e.createCommentVNode("",!0),b.value===S.BAR?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:2},e.renderList(c.value.legend,(l,n)=>(e.openBlock(),e.createElementBlock("div",{class:"vue-ui-quick-chart-legend-item",onClick:r=>{ve(l.id,c.value.legend.length-1),h("selectLegend",l)},style:e.normalizeStyle(`cursor: ${c.value.legend.length>1?"pointer":"default"}; opacity:${x.value.includes(l.id)?"0.5":"1"}`)},[t.value.useCustomLegend?e.renderSlot(i.$slots,"legend",e.normalizeProps(e.mergeProps({key:0},{legend:l})),void 0,!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createVNode(ae.default,{name:t.value.legendIcon,stroke:l.color,size:t.value.legendIconSize},null,8,["name","stroke","size"]),e.createElementVNode("span",{style:e.normalizeStyle(`font-size:${t.value.legendFontSize}px`)},e.toDisplayString(l.name),5)],64))],12,ul))),256)):e.createCommentVNode("",!0)],4)):e.createCommentVNode("",!0),e.createVNode(Ce._sfc_main,{show:ee.value.showTooltip&&$.value,backgroundColor:t.value.backgroundColor,color:t.value.color,borderRadius:t.value.tooltipBorderRadius,borderColor:t.value.tooltipBorderColor,borderWidth:t.value.tooltipBorderWidth,fontSize:t.value.tooltipFontSize,backgroundOpacity:t.value.tooltipBackgroundOpacity,position:t.value.tooltipPosition,offsetY:t.value.tooltipOffsetY,parent:F.value,content:T.value,isCustom:e.unref(u.isFunction)(t.value.tooltipCustomFormat)},{"tooltip-before":e.withCtx(()=>[e.renderSlot(i.$slots,"tooltip-before",e.normalizeProps(e.guardReactiveProps({...j.value})),void 0,!0)]),"tooltip-after":e.withCtx(()=>[e.renderSlot(i.$slots,"tooltip-after",e.normalizeProps(e.guardReactiveProps({...j.value})),void 0,!0)]),_:3},8,["show","backgroundColor","color","borderRadius","borderColor","borderWidth","fontSize","backgroundOpacity","position","offsetY","parent","content","isCustom"])],14,De)):(e.openBlock(),e.createElementBlock("div",sl,[e.createVNode(ae.default,{name:"circleCancel",stroke:"red"}),cl]))}},vl=Fe._export_sfc(dl,[["__scopeId","data-v-37ab2f36"]]);exports.default=vl;

package/dist/vue-ui-radar-CQ-LymAS.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("./index-D2ZScauW.cjs"),j=require("./useResponsive-B3TrDDIG.cjs"),ie=require("./Title-CBcoQe02.cjs"),Y=require("./usePrinter-eqT4IYET.cjs"),ce=require("./Tooltip-BhuD1Kc5.cjs"),de=require("./vue-ui-sparkbar-CQz9GWxh.cjs"),ve=require("./Legend-6JY5pUsT.cjs"),pe=require("./DataTable-yf_eyv8c.cjs"),he=require("./vue-ui-skeleton-BLhbQje-.cjs"),ge=require("./vue-ui-accordion-BhCJcWDd.cjs"),J=require("./useNestedProp-BU7yyXFA.cjs"),me=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),fe=["id"],ye=["xmlns","viewBox"],ke=["id"],be=["stop-color"],Ce=["stop-color"],we={key:0},Be=["x1","y1","x2","y2","stroke","stroke-width"],_e={key:0},xe=["d","stroke","stroke-width"],Pe=["d","stroke","stroke-width"],$e={key:1},Ne=["x","y","text-anchor","font-size","fill","onMouseenter"],Te=["points","stroke","stroke-width"],Se=["points","stroke","stroke-width","fill"],Ee={key:2},Ve=["cx","cy","fill","r","stroke"],Fe={key:3,class:"vue-data-ui-watermark"},Le=["onClick"],ze={key:0,style:{"max-width":"200px",margin:"0 auto"}},Oe={__name:"vue-ui-radar",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},emits:["selectLegend"],setup(K,{expose:Q,emit:Z}){const d=K,{vue_ui_radar:ee}=n.useConfig(),k=e.computed(()=>!!d.dataset&&Object.keys(d.dataset).length),m=e.ref(n.createUid()),te=e.ref(null),P=e.ref(!1),$=e.ref(""),F=e.ref(0),b=e.ref(null),L=e.ref(null),z=e.ref(null),t=e.computed(()=>{const o=J.useNestedProp({userConfig:d.config,defaultConfig:ee});return o.theme?{...J.useNestedProp({userConfig:n.themes.vue_ui_radar[o.theme]||d.config,defaultConfig:o}),customPalette:n.themePalettes[o.theme]||n.palette}:o}),B=e.ref(null);e.onMounted(()=>{if(n.objectIsEmpty(d.dataset)&&n.error({componentName:"VueUiRadar",type:"dataset"}),t.value.responsive){const o=j.throttle(()=>{const{width:a,height:l}=j.useResponsive({chart:b.value,title:t.value.style.chart.title.text?L.value:null,legend:t.value.style.chart.legend.show?z.value:null});s.value.width=a,s.value.height=l});B.value=new ResizeObserver(o),B.value.observe(b.value.parentNode)}}),e.onBeforeUnmount(()=>{B.value&&B.value.disconnect()});const{isPrinting:O,isImaging:A,generatePdf:I,generateImage:R}=Y.usePrinter({elementId:`vue-ui-radar_${m.value}`,fileName:t.value.style.chart.title.text||"vue-ui-radar"}),D=e.computed(()=>n.convertCustomPalette(t.value.customPalette)),h=e.ref({dataLabels:{show:t.value.style.chart.layout.labels.dataLabels.show},showTable:t.value.table.show,showTooltip:t.value.style.chart.tooltip.show}),oe=e.computed(()=>({style:{backgroundColor:t.value.style.chart.tooltip.backgroundColor,animation:{show:t.value.style.chart.tooltip.animation.show,animationFrames:t.value.style.chart.tooltip.animation.animationFrames},labels:{fontSize:t.value.style.chart.tooltip.fontSize,name:{color:t.value.style.chart.tooltip.color}},gutter:{backgroundColor:"#CCCCCC",opacity:30}}})),s=e.ref({height:312,width:512}),i=e.ref([]),C=e.ref(null),f=e.ref(!1);function M(o){f.value=!0,i.value.includes(o)?(C.value=o,i.value=i.value.filter(a=>a!==o),setTimeout(()=>{f.value=!1,C.value=null},500)):(i.value.push(o),setTimeout(()=>{f.value=!1},500)),Z("selectLegend",y.value.filter((a,l)=>!i.value.includes(l)).map(a=>({name:a.name,color:a.color,proportion:a.totalProportion})))}function ae(){return y.value.map(o=>({name:o.name,color:o.color,proportion:o.totalProportion}))}const v=e.computed(()=>[null,void 0].includes(d.dataset.categories)?(n.error({componentName:"VueUiRadar",type:"datasetAttribute",property:"categories ({ name: string; prefix?: string; suffix?: string}[])"}),[]):(d.dataset.categories.length===0?n.error({componentName:"VueUiRadar",type:"datasetAttributeEmpty",property:"categories"}):d.dataset.categories.forEach((o,a)=>{n.getMissingDatasetAttributes({datasetObject:o,requiredAttributes:["name"]}).forEach(l=>{n.error({componentName:"VueUiRadar",type:"datasetAttribute",property:`category.${l} at index ${a}`,index:a})})}),[null,void 0].includes(d.dataset.series)?n.error({componentName:"VueUiRadar",type:"datasetAttribute",property:"series ({ name: string; values: number[]; color?: string; target: number}[])"}):d.dataset.series.forEach((o,a)=>{n.getMissingDatasetAttributes({datasetObject:o,requiredAttributes:["name","values","target"]}).forEach(l=>{n.error({componentName:"VueUiRadar",type:"datasetSerieAttribute",key:"series",property:l,index:a})})}),d.dataset.categories.map((o,a)=>({name:o.name,categoryId:`radar_category_${m.value}_${a}`,color:n.convertColorToHex(o.color)||D.value[a]||n.palette[a]||n.palette[a%n.palette.length],prefix:o.prefix??"",suffix:o.suffix??""})))),p=e.computed(()=>k.value?d.dataset.series.map((o,a)=>({...o,color:n.convertColorToHex(o.color)||D.value[a]||n.palette[a]||n.palette[a%n.palette.length],serieId:`radar_serie_${m.value}_${a}`,formatter:o.formatter||null})):[]),q=e.computed(()=>Math.max(...p.value.flatMap(o=>o.values))),U=e.computed(()=>p.value.length),N=e.computed(()=>Math.min(s.value.width,s.value.height)/3),G=e.computed(()=>n.createPolygonPath({plot:{x:s.value.width/2,y:s.value.height/2},radius:N.value,sides:U.value,rotation:0})),le=e.computed(()=>{const o=[];for(let a=0;a<N.value;a+=N.value/t.value.style.chart.layout.grid.graduations)o.push(a);return o}),g=e.computed(()=>G.value.coordinates.map((o,a)=>{const l=p.value[a].values.map(r=>re({centerX:s.value.width/2,centerY:s.value.height/2,apexX:o.x,apexY:o.y,proportion:r/(p.value[a].target||q.value)}));return{...o,...p.value[a],plots:l}}));function T({x:o,y:a}){let l="middle";return o=Math.round(o),a=Math.round(a),o>s.value.width/2&&(o+=12,l="start"),o<s.value.width/2&&(o-=12,l="end"),a>s.value.height/2&&(a+=20),a<s.value.height/2&&(a-=12),a===s.value.height/2&&(a+=4),{x:o,y:a,anchor:l}}function re({centerX:o,centerY:a,apexX:l,apexY:r,proportion:u}){return{x:o+(l-o)*u,y:a+(r-a)*u}}const y=e.computed(()=>{const o=p.value.map((a,l)=>a.values.map(r=>r/(a.target||q.value)));return v.value.map((a,l)=>({...a,totalProportion:n.checkNaN(o.map(r=>r[l]).reduce((r,u)=>r+u,0)/p.value.length),shape:"circle",opacity:i.value.includes(l)?.5:1,segregate:()=>M(l),isSegregated:i.value.includes(l)}))}),ne=e.computed(()=>({cy:"radar-div-legend",backgroundColor:t.value.style.chart.legend.backgroundColor,color:t.value.style.chart.legend.color,fontSize:t.value.style.chart.legend.fontSize,paddingBottom:12,fontWeight:t.value.style.chart.legend.bold?"bold":""})),_=e.computed(()=>{const o=[{name:t.value.translations.datapoint,color:""},{name:t.value.translations.target,color:""},...y.value],a=d.dataset.series.map(r=>[r.name,n.applyDataLabel(r.formatter,r.target,n.dataLabel({p:r.prefix,v:r.target,s:r.suffix,r:t.value.table.td.roundingValue})),...r.values.map((u,c)=>`${n.applyDataLabel(r.formatter,u,n.dataLabel({p:v.value[c].prefix,v:u,s:v.value[c].suffix,r:t.value.table.td.roundingValue}))} (${isNaN(u/r.target)?"":n.dataLabel({v:u/r.target*100,s:"%",r:t.value.table.td.roundingPercentage})})`)]),l={th:{backgroundColor:t.value.table.th.backgroundColor,color:t.value.table.th.color,outline:t.value.table.th.outline},td:{backgroundColor:t.value.table.td.backgroundColor,color:t.value.table.td.color,outline:t.value.table.td.outline},breakpoint:t.value.table.responsiveBreakpoint};return{head:o,body:a,config:l,colNames:o}}),x=e.ref(null),S=e.ref([]),E=e.ref(null);function ue(o,a){S.value=[],x.value=a,P.value=!0;let l="";E.value={datapoint:o,seriesIndex:a,series:{categories:v.value,datapoints:p.value,radar:g.value},config:t.value};const r=t.value.style.chart.tooltip.customFormat;if(n.isFunction(r)&&n.functionReturnsString(()=>r({seriesIndex:a,datapoint:o,series:{categories:v.value,datapoints:p.value,radar:g.value},config:t.value})))$.value=r({seriesIndex:a,datapoint:o,series:{categories:v.value,datapoints:p.value,radar:g.value},config:t.value});else{l+=`<div style="width:100%;text-align:center;border-bottom:1px solid ${t.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${o.name}</div>`;for(let u=0;u<o.values.length;u+=1)i.value.includes(u)||S.value.push({name:v.value[u].name,value:o.values[u]/o.target*100,color:v.value[u].color,suffix:"%)",prefix:`${n.dataLabel({p:v.value[u].prefix??"",v:o.values[u],s:v.value[u].suffix??"",r:t.value.style.chart.tooltip.roundingValue})} (`,rounding:t.value.style.chart.tooltip.roundingPercentage,formatter:o.formatter});$.value=l}}function W(){e.nextTick(()=>{const o=[[t.value.style.chart.title.text],[t.value.style.chart.title.subtitle.text],[""]],a=[[""],[t.value.translations.target],...y.value.flatMap(c=>[[c.name],["%"]])],l=d.dataset.series.map((c,Ie)=>[c.name,c.target,...c.values.flatMap(V=>[V,isNaN(V/c.target)?"":V/c.target*100])]),r=o.concat([a]).concat(l),u=n.createCsvContent(r);n.downloadCsv({csvContent:u,title:t.value.style.chart.title.text||"vue-ui-radar"})})}const w=e.ref(!1);function se(o){w.value=o,F.value+=1}function H(){h.value.showTable=!h.value.showTable}function X(){h.value.showTooltip=!h.value.showTooltip}return Q({getData:ae,generatePdf:I,generateCsv:W,generateImage:R,toggleTable:H,toggleTooltip:X}),(o,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`vue-ui-radar ${w.value?"vue-data-ui-wrapper-fullscreen":""} ${t.value.useCssAnimation?"":"vue-ui-dna"}`),ref_key:"radarChart",ref:b,id:`vue-ui-radar_${m.value}`,style:e.normalizeStyle(`font-family:${t.value.style.fontFamily};width:100%; ${t.value.responsive?"height: 100%;":""} text-align:center;${t.value.style.chart.title.text?"":"padding-top:36px"};background:${t.value.style.chart.backgroundColor}`)},[t.value.style.chart.title.text?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"chartTitle",ref:L,style:e.normalizeStyle(`width:100%;background:${t.value.style.chart.backgroundColor};padding-bottom:12px`)},[e.createVNode(ie._sfc_main,{config:{title:{cy:"radar-div-title",...t.value.style.chart.title},subtitle:{cy:"radar-div-subtitle",...t.value.style.chart.title.subtitle}}},null,8,["config"])],4)):e.createCommentVNode("",!0),t.value.userOptions.show&&k.value?(e.openBlock(),e.createBlock(Y.UserOptions,{ref_key:"details",ref:te,key:`user_options_${F.value}`,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,isImaging:e.unref(A),isPrinting:e.unref(O),uid:m.value,hasTooltip:t.value.userOptions.buttons.tooltip&&t.value.style.chart.tooltip.show,hasPdf:t.value.userOptions.buttons.pdf,hasImg:t.value.userOptions.buttons.img,hasXls:t.value.userOptions.buttons.csv,hasTable:t.value.userOptions.buttons.table,hasFullscreen:t.value.userOptions.buttons.fullscreen,isFullscreen:w.value,isTooltip:h.value.showTooltip,titles:{...t.value.userOptions.buttonTitles},chartElement:b.value,onToggleFullscreen:se,onGeneratePdf:e.unref(I),onGenerateCsv:W,onGenerateImage:e.unref(R),onToggleTable:H,onToggleTooltip:X},e.createSlots({_:2},[o.$slots.optionTooltip?{name:"optionTooltip",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionTooltip",{},void 0,!0)]),key:"0"}:void 0,o.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionPdf",{},void 0,!0)]),key:"1"}:void 0,o.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionCsv",{},void 0,!0)]),key:"2"}:void 0,o.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionImg",{},void 0,!0)]),key:"3"}:void 0,o.$slots.optionTable?{name:"optionTable",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionTable",{},void 0,!0)]),key:"4"}:void 0,o.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:l,isFullscreen:r})=>[e.renderSlot(o.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:l,isFullscreen:r})),void 0,!0)]),key:"5"}:void 0]),1032,["backgroundColor","color","isImaging","isPrinting","uid","hasTooltip","hasPdf","hasImg","hasXls","hasTable","hasFullscreen","isFullscreen","isTooltip","titles","chartElement","onGeneratePdf","onGenerateImage"])):e.createCommentVNode("",!0),k.value?(e.openBlock(),e.createElementBlock("svg",{key:2,xmlns:e.unref(n.XMLNS),class:e.normalizeClass({"vue-data-ui-fullscreen--on":w.value,"vue-data-ui-fulscreen--off":!w.value}),viewBox:`0 0 ${s.value.width<=0?10:s.value.width} ${s.value.height<=0?10:s.value.height}`,style:e.normalizeStyle(`max-width:100%;overflow:visible;background:${t.value.style.chart.backgroundColor};color:${t.value.style.chart.color}`)},[e.createElementVNode("defs",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,(l,r)=>(e.openBlock(),e.createElementBlock("radialGradient",{cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%",id:`radar_gradient_${m.value}_${r}`},[e.createElementVNode("stop",{offset:"0%","stop-color":`${e.unref(n.shiftHue)(l.color,.05)}${e.unref(n.opacity)[t.value.style.chart.layout.dataPolygon.opacity]}`},null,8,be),e.createElementVNode("stop",{offset:"100%","stop-color":l.color+e.unref(n.opacity)[t.value.style.chart.layout.dataPolygon.opacity]},null,8,Ce)],8,ke))),256))]),t.value.style.chart.layout.grid.show?(e.openBlock(),e.createElementBlock("g",we,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value,l=>(e.openBlock(),e.createElementBlock("line",{x1:s.value.width/2,y1:s.value.height/2,x2:l.x,y2:l.y,stroke:t.value.style.chart.layout.grid.stroke,"stroke-width":t.value.style.chart.layout.grid.strokeWidth},null,8,Be))),256)),t.value.style.chart.layout.grid.graduations>0?(e.openBlock(),e.createElementBlock("g",_e,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(le.value,l=>(e.openBlock(),e.createElementBlock("path",{d:e.unref(n.createPolygonPath)({plot:{x:s.value.width/2,y:s.value.height/2},radius:l,sides:U.value,rotation:0}).path,fill:"none",stroke:t.value.style.chart.layout.grid.stroke,"stroke-width":t.value.style.chart.layout.grid.strokeWidth},null,8,xe))),256))])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createElementVNode("path",{d:G.value.path,fill:"none",stroke:t.value.style.chart.layout.outerPolygon.stroke,"stroke-width":t.value.style.chart.layout.outerPolygon.strokeWidth,"stroke-linejoin":"round","stroke-linecap":"round"},null,8,Pe),t.value.style.chart.layout.labels.dataLabels.show?(e.openBlock(),e.createElementBlock("g",$e,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value,(l,r)=>(e.openBlock(),e.createElementBlock("text",{x:T(l).x,y:T(l).y,"text-anchor":T(l).anchor,"font-size":t.value.style.chart.layout.labels.dataLabels.fontSize,fill:t.value.style.chart.layout.labels.dataLabels.color,onMouseenter:u=>ue(l,r),onMouseleave:a[0]||(a[0]=u=>{P.value=!1,x.value=null})},e.toDisplayString(l.name),41,Ne))),256))])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,(l,r)=>(e.openBlock(),e.createElementBlock("g",null,[e.createElementVNode("g",null,[t.value.useCssAnimation||!t.value.useCssAnimation&&!i.value.includes(r)?(e.openBlock(),e.createElementBlock("polygon",{key:0,"data-cy-radar-path":"",points:e.unref(n.makePath)(g.value.map(u=>u.plots[r]),!1,!0),stroke:t.value.style.chart.backgroundColor,"stroke-width":t.value.style.chart.layout.dataPolygon.strokeWidth+1,fill:"none",class:e.normalizeClass({"animated-out":i.value.includes(r)&&t.value.useCssAnimation,"animated-in":f.value&&C.value===r&&t.value.useCssAnimation})},null,10,Te)):e.createCommentVNode("",!0),t.value.useCssAnimation||!t.value.useCssAnimation&&!i.value.includes(r)?(e.openBlock(),e.createElementBlock("polygon",{key:1,"data-cy-radar-path":"",points:e.unref(n.makePath)(g.value.map(u=>u.plots[r]),!1,!0),stroke:l.color,"stroke-width":t.value.style.chart.layout.dataPolygon.strokeWidth,fill:t.value.style.chart.layout.dataPolygon.transparent?"transparent":t.value.style.chart.layout.dataPolygon.useGradient?`url(#radar_gradient_${m.value}_${r})`:l.color+e.unref(n.opacity)[t.value.style.chart.layout.dataPolygon.opacity],class:e.normalizeClass({"animated-out":i.value.includes(r)&&t.value.useCssAnimation,"animated-in":f.value&&C.value===r&&t.value.useCssAnimation})},null,10,Se)):e.createCommentVNode("",!0)])]))),256)),t.value.style.chart.layout.plots.show?(e.openBlock(),e.createElementBlock("g",Ee,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value,(l,r)=>(e.openBlock(),e.createElementBlock("g",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.plots,(u,c)=>(e.openBlock(),e.createElementBlock("circle",{cx:u.x,cy:u.y,fill:i.value.includes(c)?"transparent":v.value[c].color,r:x.value!==null&&x.value===r?t.value.style.chart.layout.plots.radius*1.6:t.value.style.chart.layout.plots.radius,stroke:i.value.includes(c)?"transparent":t.value.style.chart.backgroundColor,"stroke-width":.5,class:e.normalizeClass({"animated-out":i.value.includes(c)&&t.value.useCssAnimation,"animated-in":f.value&&C.value===c&&t.value.useCssAnimation})},null,10,Ve))),256))]))),256))])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"svg",{svg:s.value},void 0,!0)],14,ye)):e.createCommentVNode("",!0),o.$slots.watermark?(e.openBlock(),e.createElementBlock("div",Fe,[e.renderSlot(o.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(O)||e.unref(A)})),void 0,!0)])):e.createCommentVNode("",!0),k.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(he.default,{key:4,config:{type:"radar",style:{backgroundColor:t.value.style.chart.backgroundColor,radar:{grid:{color:t.value.style.chart.layout.outerPolygon.stroke},shapes:{color:t.value.style.chart.layout.outerPolygon.stroke}}}}},null,8,["config"])),e.createElementVNode("div",{ref_key:"chartLegend",ref:z},[t.value.style.chart.legend.show?(e.openBlock(),e.createBlock(ve.Legend,{key:0,legendSet:y.value,config:ne.value,onClickMarker:a[1]||(a[1]=({i:l})=>M(l))},{item:e.withCtx(({legend:l,index:r})=>[e.createElementVNode("div",{"data-cy-legend-item":"",onClick:u=>l.segregate(),style:e.normalizeStyle(`opacity:${i.value.includes(r)?.5:1}`)},e.toDisplayString(l.name)+": "+e.toDisplayString(e.unref(n.dataLabel)({v:l.totalProportion*100,s:"%",r:t.value.style.chart.legend.roundingPercentage})),13,Le)]),_:1},8,["legendSet","config"])):e.renderSlot(o.$slots,"legend",{key:1,legend:y.value},void 0,!0)],512),e.createVNode(ce._sfc_main,{show:h.value.showTooltip&&P.value,backgroundColor:t.value.style.chart.tooltip.backgroundColor,color:t.value.style.chart.tooltip.color,borderRadius:t.value.style.chart.tooltip.borderRadius,borderColor:t.value.style.chart.tooltip.borderColor,borderWidth:t.value.style.chart.tooltip.borderWidth,backgroundOpacity:t.value.style.chart.tooltip.backgroundOpacity,fontSize:t.value.style.chart.tooltip.fontSize,position:t.value.style.chart.tooltip.position,offsetY:t.value.style.chart.tooltip.offsetY,parent:b.value,content:$.value,isCustom:t.value.style.chart.tooltip.customFormat&&typeof t.value.style.chart.tooltip.customFormat=="function"},{"tooltip-before":e.withCtx(()=>[e.renderSlot(o.$slots,"tooltip-before",e.normalizeProps(e.guardReactiveProps({...E.value})),void 0,!0)]),"tooltip-after":e.withCtx(()=>[["function"].includes(typeof t.value.style.chart.tooltip.customFormat)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",ze,[e.createVNode(de.default,{dataset:S.value,config:oe.value,backgroundOpacity:t.value.style.chart.tooltip.backgroundOpacity},null,8,["dataset","config","backgroundOpacity"])])),e.renderSlot(o.$slots,"tooltip-after",e.normalizeProps(e.guardReactiveProps({...E.value})),void 0,!0)]),_:3},8,["show","backgroundColor","color","borderRadius","borderColor","borderWidth","backgroundOpacity","fontSize","position","offsetY","parent","content","isCustom"]),k.value?(e.openBlock(),e.createBlock(ge.default,{key:5,hideDetails:"",config:{open:h.value.showTable,maxHeight:1e4,body:{backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color},head:{backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color}}},{content:e.withCtx(()=>[e.createVNode(pe.DataTable,{colNames:_.value.colNames,head:_.value.head,body:_.value.body,config:_.value.config,title:`${t.value.style.chart.title.text}${t.value.style.chart.title.subtitle.text?` : ${t.value.style.chart.title.subtitle.text}`:""}`,onClose:a[2]||(a[2]=l=>h.value.showTable=!1)},{th:e.withCtx(({th:l})=>[e.createTextVNode(e.toDisplayString(l.name),1)]),td:e.withCtx(({td:l})=>[e.createTextVNode(e.toDisplayString(l),1)]),_:1},8,["colNames","head","body","config","title"])]),_:1},8,["config"])):e.createCommentVNode("",!0)],14,fe))}},Ae=me._export_sfc(Oe,[["__scopeId","data-v-11516433"]]);exports.default=Ae;

package/dist/{vue-ui-radar-CLUs0tD9.js → vue-ui-radar-Dd24aGwh.js}

@@ -1,23 +1,23 @@
 import { computed as v, ref as i, onMounted as Se, onBeforeUnmount as Le, openBlock as s, createElementBlock as n, normalizeClass as L, normalizeStyle as E, createVNode as B, createCommentVNode as f, createBlock as D, unref as h, createSlots as ze, withCtx as y, renderSlot as m, normalizeProps as G, guardReactiveProps as W, createElementVNode as w, Fragment as $, renderList as x, toDisplayString as z, createTextVNode as pe, nextTick as Re } from "vue";
-import { u as Me, c as Ve, t as Ue, a as Ee, p as P, o as Be, e as F, b as De, g as ge, d as fe, K as ye, i as me, f as R, X as Ge, s as We, v as Q, L as be, w as Xe, x as Ye, q as je, r as qe } from "./index-CpHoINpJ.js";
-import { t as He, u as Ke } from "./useResponsive-NZB-WLRF.js";
-import { _ as Je } from "./Title-xP0rAF4q.js";
-import { u as Qe, U as Ze } from "./usePrinter-BHy-mfVg.js";
-import { _ as et } from "./Tooltip-DfBa_7Ur.js";
-import tt from "./vue-ui-sparkbar-DiU5Yt-V.js";
-import { L as at } from "./Legend-DB6v_LvZ.js";
-import { D as ot } from "./DataTable-1VV0us-8.js";
-import lt from "./vue-ui-skeleton-DuM6yey6.js";
-import rt from "./vue-ui-accordion-BZloYo0L.js";
-import { u as ke } from "./useNestedProp-BOjw3Yqn.js";
-import { _ as st } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const nt = ["id"], ut = ["xmlns", "viewBox"], it = ["id"], ct = ["stop-color"], dt = ["stop-color"], vt = { key: 0 }, ht = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], pt = { key: 0 }, gt = ["d", "stroke", "stroke-width"], ft = ["d", "stroke", "stroke-width"], yt = { key: 1 }, mt = ["x", "y", "text-anchor", "font-size", "fill", "onMouseenter"], bt = ["points", "stroke", "stroke-width"], kt = ["points", "stroke", "stroke-width", "fill"], Ct = { key: 2 }, _t = ["cx", "cy", "fill", "r", "stroke"], wt = {
+import { u as Me, c as Ve, t as Ue, a as Ee, p as P, o as Be, e as F, b as De, g as ge, d as fe, M as ye, s as Ge, i as me, f as R, X as We, v as Xe, w as Q, N as be, x as Ye, y as je, q as qe, r as He } from "./index-BshV7sX1.js";
+import { t as Je, u as Ke } from "./useResponsive-NZB-WLRF.js";
+import { _ as Qe } from "./Title-fb3BzoXj.js";
+import { u as Ze, U as et } from "./usePrinter-Culo-aKo.js";
+import { _ as tt } from "./Tooltip-CBugtvWB.js";
+import at from "./vue-ui-sparkbar-DuNNnbs9.js";
+import { L as ot } from "./Legend-B9dawQa7.js";
+import { D as lt } from "./DataTable-luIjNnne.js";
+import rt from "./vue-ui-skeleton-7qakoAGH.js";
+import st from "./vue-ui-accordion-B6AxEnAr.js";
+import { u as ke } from "./useNestedProp-B235bkr5.js";
+import { _ as nt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const ut = ["id"], it = ["xmlns", "viewBox"], ct = ["id"], dt = ["stop-color"], vt = ["stop-color"], ht = { key: 0 }, pt = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], gt = { key: 0 }, ft = ["d", "stroke", "stroke-width"], yt = ["d", "stroke", "stroke-width"], mt = { key: 1 }, bt = ["x", "y", "text-anchor", "font-size", "fill", "onMouseenter"], kt = ["points", "stroke", "stroke-width"], Ct = ["points", "stroke", "stroke-width", "fill"], _t = { key: 2 }, wt = ["cx", "cy", "fill", "r", "stroke"], $t = {
   key: 3,
   class: "vue-data-ui-watermark"
-}, $t = ["onClick"], xt = {
+}, xt = ["onClick"], Pt = {
   key: 0,
   style: { "max-width": "200px", margin: "0 auto" }
-}, Pt = {
+}, Tt = {
   __name: "vue-ui-radar",
   props: {
     config: {
@@ -53,7 +53,7 @@ const nt = ["id"], ut = ["xmlns", "viewBox"], it = ["id"], ct = ["stop-color"],
         componentName: "VueUiRadar",
         type: "dataset"
       }), e.value.responsive) {
-        const t = He(() => {
+        const t = Je(() => {
           const { width: a, height: o } = Ke({
             chart: A.value,
             title: e.value.style.chart.title.text ? ee.value : null,
@@ -66,7 +66,7 @@ const nt = ["id"], ut = ["xmlns", "viewBox"], it = ["id"], ct = ["stop-color"],
     }), Le(() => {
       M.value && M.value.disconnect();
     });
-    const { isPrinting: ae, isImaging: oe, generatePdf: le, generateImage: re } = Qe({
+    const { isPrinting: ae, isImaging: oe, generatePdf: le, generateImage: re } = Ze({
       elementId: `vue-ui-radar_${_.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-radar"
     }), se = v(() => De(e.value.customPalette)), k = i({
@@ -201,7 +201,7 @@ const nt = ["id"], ut = ["xmlns", "viewBox"], it = ["id"], ct = ["stop-color"],
       const t = b.value.map((a, o) => a.values.map((l) => l / (a.target || ue.value)));
       return g.value.map((a, o) => ({
         ...a,
-        totalProportion: t.map((l) => l[o]).reduce((l, r) => l + r, 0) / b.value.length,
+        totalProportion: Ge(t.map((l) => l[o]).reduce((l, r) => l + r, 0) / b.value.length),
         shape: "circle",
         opacity: c.value.includes(o) ? 0.5 : 1,
         segregate: () => ne(o),
@@ -254,11 +254,11 @@ const nt = ["id"], ut = ["xmlns", "viewBox"], it = ["id"], ct = ["stop-color"],
         breakpoint: e.value.table.responsiveBreakpoint
       };
       return { head: t, body: a, config: o, colNames: t };
-    }), U = i(null), H = i([]), K = i(null);
+    }), U = i(null), H = i([]), J = i(null);
     function Ae(t, a) {
       H.value = [], U.value = a, X.value = !0;
       let o = "";
-      K.value = {
+      J.value = {
         datapoint: t,
         seriesIndex: a,
         series: {
@@ -269,7 +269,7 @@ const nt = ["id"], ut = ["xmlns", "viewBox"], it = ["id"], ct = ["stop-color"],
         config: e.value
       };
       const l = e.value.style.chart.tooltip.customFormat;
-      if (Xe(l) && Ye(() => l({
+      if (Ye(l) && je(() => l({
         seriesIndex: a,
         datapoint: t,
         series: { categories: g.value, datapoints: b.value, radar: C.value },
@@ -298,11 +298,11 @@ const nt = ["id"], ut = ["xmlns", "viewBox"], it = ["id"], ct = ["stop-color"],
     }
     function de() {
       Re(() => {
-        const t = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], a = [[""], [e.value.translations.target], ...N.value.flatMap((d) => [[d.name], ["%"]])], o = p.dataset.series.map((d, Tt) => [d.name, d.target, ...d.values.flatMap((J) => [
-          J,
-          isNaN(J / d.target) ? "" : J / d.target * 100
-        ])]), l = t.concat([a]).concat(o), r = je(l);
-        qe({ csvContent: r, title: e.value.style.chart.title.text || "vue-ui-radar" });
+        const t = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], a = [[""], [e.value.translations.target], ...N.value.flatMap((d) => [[d.name], ["%"]])], o = p.dataset.series.map((d, Nt) => [d.name, d.target, ...d.values.flatMap((K) => [
+          K,
+          isNaN(K / d.target) ? "" : K / d.target * 100
+        ])]), l = t.concat([a]).concat(o), r = qe(l);
+        He({ csvContent: r, title: e.value.style.chart.title.text || "vue-ui-radar" });
       });
     }
     const S = i(!1);
@@ -335,7 +335,7 @@ const nt = ["id"], ut = ["xmlns", "viewBox"], it = ["id"], ct = ["stop-color"],
         ref: ee,
         style: E(`width:100%;background:${e.value.style.chart.backgroundColor};padding-bottom:12px`)
       }, [
-        B(Je, {
+        B(Qe, {
           config: {
             title: {
               cy: "radar-div-title",
@@ -348,7 +348,7 @@ const nt = ["id"], ut = ["xmlns", "viewBox"], it = ["id"], ct = ["stop-color"],
           }
         }, null, 8, ["config"])
       ], 4)) : f("", !0),
-      e.value.userOptions.show && O.value ? (s(), D(Ze, {
+      e.value.userOptions.show && O.value ? (s(), D(et, {
         ref_key: "details",
         ref: xe,
         key: `user_options_${Z.value}`,
@@ -419,7 +419,7 @@ const nt = ["id"], ut = ["xmlns", "viewBox"], it = ["id"], ct = ["stop-color"],
       ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "onGeneratePdf", "onGenerateImage"])) : f("", !0),
       O.value ? (s(), n("svg", {
         key: 2,
-        xmlns: h(Ge),
+        xmlns: h(We),
         class: L({ "vue-data-ui-fullscreen--on": S.value, "vue-data-ui-fulscreen--off": !S.value }),
         viewBox: `0 0 ${u.value.width <= 0 ? 10 : u.value.width} ${u.value.height <= 0 ? 10 : u.value.height}`,
         style: E(`max-width:100%;overflow:visible;background:${e.value.style.chart.backgroundColor};color:${e.value.style.chart.color}`)
@@ -435,15 +435,15 @@ const nt = ["id"], ut = ["xmlns", "viewBox"], it = ["id"], ct = ["stop-color"],
           }, [
             w("stop", {
               offset: "0%",
-              "stop-color": `${h(We)(o.color, 0.05)}${h(Q)[e.value.style.chart.layout.dataPolygon.opacity]}`
-            }, null, 8, ct),
+              "stop-color": `${h(Xe)(o.color, 0.05)}${h(Q)[e.value.style.chart.layout.dataPolygon.opacity]}`
+            }, null, 8, dt),
             w("stop", {
               offset: "100%",
               "stop-color": o.color + h(Q)[e.value.style.chart.layout.dataPolygon.opacity]
-            }, null, 8, dt)
-          ], 8, it))), 256))
+            }, null, 8, vt)
+          ], 8, ct))), 256))
         ]),
-        e.value.style.chart.layout.grid.show ? (s(), n("g", vt, [
+        e.value.style.chart.layout.grid.show ? (s(), n("g", ht, [
           (s(!0), n($, null, x(C.value, (o) => (s(), n("line", {
             x1: u.value.width / 2,
             y1: u.value.height / 2,
@@ -451,8 +451,8 @@ const nt = ["id"], ut = ["xmlns", "viewBox"], it = ["id"], ct = ["stop-color"],
             y2: o.y,
             stroke: e.value.style.chart.layout.grid.stroke,
             "stroke-width": e.value.style.chart.layout.grid.strokeWidth
-          }, null, 8, ht))), 256)),
-          e.value.style.chart.layout.grid.graduations > 0 ? (s(), n("g", pt, [
+          }, null, 8, pt))), 256)),
+          e.value.style.chart.layout.grid.graduations > 0 ? (s(), n("g", gt, [
             (s(!0), n($, null, x(Ne.value, (o) => (s(), n("path", {
               d: h(ye)({
                 plot: { x: u.value.width / 2, y: u.value.height / 2 },
@@ -463,7 +463,7 @@ const nt = ["id"], ut = ["xmlns", "viewBox"], it = ["id"], ct = ["stop-color"],
               fill: "none",
               stroke: e.value.style.chart.layout.grid.stroke,
               "stroke-width": e.value.style.chart.layout.grid.strokeWidth
-            }, null, 8, gt))), 256))
+            }, null, 8, ft))), 256))
           ])) : f("", !0)
         ])) : f("", !0),
         w("path", {
@@ -473,8 +473,8 @@ const nt = ["id"], ut = ["xmlns", "viewBox"], it = ["id"], ct = ["stop-color"],
           "stroke-width": e.value.style.chart.layout.outerPolygon.strokeWidth,
           "stroke-linejoin": "round",
           "stroke-linecap": "round"
-        }, null, 8, ft),
-        e.value.style.chart.layout.labels.dataLabels.show ? (s(), n("g", yt, [
+        }, null, 8, yt),
+        e.value.style.chart.layout.labels.dataLabels.show ? (s(), n("g", mt, [
           (s(!0), n($, null, x(C.value, (o, l) => (s(), n("text", {
             x: q(o).x,
             y: q(o).y,
@@ -485,7 +485,7 @@ const nt = ["id"], ut = ["xmlns", "viewBox"], it = ["id"], ct = ["stop-color"],
             onMouseleave: a[0] || (a[0] = (r) => {
               X.value = !1, U.value = null;
             })
-          }, z(o.name), 41, mt))), 256))
+          }, z(o.name), 41, bt))), 256))
         ])) : f("", !0),
         (s(!0), n($, null, x(g.value, (o, l) => (s(), n("g", null, [
           w("g", null, [
@@ -497,7 +497,7 @@ const nt = ["id"], ut = ["xmlns", "viewBox"], it = ["id"], ct = ["stop-color"],
               "stroke-width": e.value.style.chart.layout.dataPolygon.strokeWidth + 1,
               fill: "none",
               class: L({ "animated-out": c.value.includes(l) && e.value.useCssAnimation, "animated-in": T.value && I.value === l && e.value.useCssAnimation })
-            }, null, 10, bt)) : f("", !0),
+            }, null, 10, kt)) : f("", !0),
             e.value.useCssAnimation || !e.value.useCssAnimation && !c.value.includes(l) ? (s(), n("polygon", {
               key: 1,
               "data-cy-radar-path": "",
@@ -506,10 +506,10 @@ const nt = ["id"], ut = ["xmlns", "viewBox"], it = ["id"], ct = ["stop-color"],
               "stroke-width": e.value.style.chart.layout.dataPolygon.strokeWidth,
               fill: e.value.style.chart.layout.dataPolygon.transparent ? "transparent" : e.value.style.chart.layout.dataPolygon.useGradient ? `url(#radar_gradient_${_.value}_${l})` : o.color + h(Q)[e.value.style.chart.layout.dataPolygon.opacity],
               class: L({ "animated-out": c.value.includes(l) && e.value.useCssAnimation, "animated-in": T.value && I.value === l && e.value.useCssAnimation })
-            }, null, 10, kt)) : f("", !0)
+            }, null, 10, Ct)) : f("", !0)
           ])
         ]))), 256)),
-        e.value.style.chart.layout.plots.show ? (s(), n("g", Ct, [
+        e.value.style.chart.layout.plots.show ? (s(), n("g", _t, [
           (s(!0), n($, null, x(C.value, (o, l) => (s(), n("g", null, [
             (s(!0), n($, null, x(o.plots, (r, d) => (s(), n("circle", {
               cx: r.x,
@@ -519,15 +519,15 @@ const nt = ["id"], ut = ["xmlns", "viewBox"], it = ["id"], ct = ["stop-color"],
               stroke: c.value.includes(d) ? "transparent" : e.value.style.chart.backgroundColor,
               "stroke-width": 0.5,
               class: L({ "animated-out": c.value.includes(d) && e.value.useCssAnimation, "animated-in": T.value && I.value === d && e.value.useCssAnimation })
-            }, null, 10, _t))), 256))
+            }, null, 10, wt))), 256))
           ]))), 256))
         ])) : f("", !0),
         m(t.$slots, "svg", { svg: u.value }, void 0, !0)
-      ], 14, ut)) : f("", !0),
-      t.$slots.watermark ? (s(), n("div", wt, [
+      ], 14, it)) : f("", !0),
+      t.$slots.watermark ? (s(), n("div", $t, [
         m(t.$slots, "watermark", G(W({ isPrinting: h(ae) || h(oe) })), void 0, !0)
       ])) : f("", !0),
-      O.value ? f("", !0) : (s(), D(lt, {
+      O.value ? f("", !0) : (s(), D(rt, {
         key: 4,
         config: {
           type: "radar",
@@ -548,7 +548,7 @@ const nt = ["id"], ut = ["xmlns", "viewBox"], it = ["id"], ct = ["stop-color"],
         ref_key: "chartLegend",
         ref: te
       }, [
-        e.value.style.chart.legend.show ? (s(), D(at, {
+        e.value.style.chart.legend.show ? (s(), D(ot, {
           key: 0,
           legendSet: N.value,
           config: Oe.value,
@@ -563,7 +563,7 @@ const nt = ["id"], ut = ["xmlns", "viewBox"], it = ["id"], ct = ["stop-color"],
               v: o.totalProportion * 100,
               s: "%",
               r: e.value.style.chart.legend.roundingPercentage
-            })), 13, $t)
+            })), 13, xt)
           ]),
           _: 1
         }, 8, ["legendSet", "config"])) : m(t.$slots, "legend", {
@@ -571,7 +571,7 @@ const nt = ["id"], ut = ["xmlns", "viewBox"], it = ["id"], ct = ["stop-color"],
           legend: N.value
         }, void 0, !0)
       ], 512),
-      B(et, {
+      B(tt, {
         show: k.value.showTooltip && X.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
@@ -587,21 +587,21 @@ const nt = ["id"], ut = ["xmlns", "viewBox"], it = ["id"], ct = ["stop-color"],
         isCustom: e.value.style.chart.tooltip.customFormat && typeof e.value.style.chart.tooltip.customFormat == "function"
       }, {
         "tooltip-before": y(() => [
-          m(t.$slots, "tooltip-before", G(W({ ...K.value })), void 0, !0)
+          m(t.$slots, "tooltip-before", G(W({ ...J.value })), void 0, !0)
         ]),
         "tooltip-after": y(() => [
-          ["function"].includes(typeof e.value.style.chart.tooltip.customFormat) ? f("", !0) : (s(), n("div", xt, [
-            B(tt, {
+          ["function"].includes(typeof e.value.style.chart.tooltip.customFormat) ? f("", !0) : (s(), n("div", Pt, [
+            B(at, {
               dataset: H.value,
               config: Pe.value,
               backgroundOpacity: e.value.style.chart.tooltip.backgroundOpacity
             }, null, 8, ["dataset", "config", "backgroundOpacity"])
           ])),
-          m(t.$slots, "tooltip-after", G(W({ ...K.value })), void 0, !0)
+          m(t.$slots, "tooltip-after", G(W({ ...J.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "fontSize", "position", "offsetY", "parent", "content", "isCustom"]),
-      O.value ? (s(), D(rt, {
+      O.value ? (s(), D(st, {
         key: 5,
         hideDetails: "",
         config: {
@@ -618,7 +618,7 @@ const nt = ["id"], ut = ["xmlns", "viewBox"], it = ["id"], ct = ["stop-color"],
         }
       }, {
         content: y(() => [
-          B(ot, {
+          B(lt, {
             colNames: V.value.colNames,
             head: V.value.head,
             body: V.value.body,
@@ -637,9 +637,9 @@ const nt = ["id"], ut = ["xmlns", "viewBox"], it = ["id"], ct = ["stop-color"],
         ]),
         _: 1
       }, 8, ["config"])) : f("", !0)
-    ], 14, nt));
+    ], 14, ut));
   }
-}, Bt = /* @__PURE__ */ st(Pt, [["__scopeId", "data-v-614f05d5"]]);
+}, Dt = /* @__PURE__ */ nt(Tt, [["__scopeId", "data-v-11516433"]]);
 export {
-  Bt as default
+  Dt as default
 };

package/dist/{vue-ui-rating-Dcy1l1PB.js → vue-ui-rating-CQWK2lk1.js}

@@ -1,12 +1,12 @@
 import { ref as f, computed as $, onMounted as O, openBlock as l, createElementBlock as i, normalizeStyle as a, createElementVNode as n, toDisplayString as p, createCommentVNode as d, Fragment as E, renderList as L, unref as m, withKeys as U, createTextVNode as D } from "vue";
-import { u as K, c as T, o as H, e as P, X as _, s as N, Q as F } from "./index-CpHoINpJ.js";
-import { u as Q } from "./useNestedProp-BOjw3Yqn.js";
-import { _ as W } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const q = {
+import { u as K, c as T, o as H, e as P, X as _, v as N, S as F } from "./index-BshV7sX1.js";
+import { u as W } from "./useNestedProp-B235bkr5.js";
+import { _ as q } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const J = {
   key: 0,
   class: "vue-ui-rating-title",
   style: { width: "100%" }
-}, J = ["src", "height", "width"], Z = ["xmlns", "height", "width"], tt = ["id"], et = ["stop-color"], lt = ["stop-color"], it = ["points", "fill", "stroke", "stroke-width"], at = ["src", "alt", "height", "width", "id"], ot = ["xmlns", "viewBox", "height", "id"], st = ["id"], nt = ["stop-color"], rt = ["stop-color"], ut = ["points", "fill", "stroke"], vt = ["xmlns", "height"], dt = ["onClick", "onMouseenter", "onKeyup"], yt = ["onMouseenter"], pt = {
+}, Q = ["src", "height", "width"], Z = ["xmlns", "height", "width"], tt = ["id"], et = ["stop-color"], lt = ["stop-color"], it = ["points", "fill", "stroke", "stroke-width"], at = ["src", "alt", "height", "width", "id"], ot = ["xmlns", "viewBox", "height", "id"], st = ["id"], nt = ["stop-color"], rt = ["stop-color"], ut = ["points", "fill", "stroke"], vt = ["xmlns", "height"], dt = ["onClick", "onMouseenter", "onKeyup"], yt = ["onMouseenter"], pt = {
   __name: "vue-ui-rating",
   props: {
     config: {
@@ -24,7 +24,7 @@ const q = {
   },
   emits: ["rate"],
   setup(M, { expose: A, emit: V }) {
-    const v = M, { vue_ui_rating: R } = K(), x = f(T()), b = f(!1), u = f(void 0), w = f([]), t = $(() => Q({
+    const v = M, { vue_ui_rating: R } = K(), x = f(T()), b = f(!1), u = f(void 0), w = f([]), t = $(() => W({
       userConfig: v.config,
       defaultConfig: R
     })), X = $(() => typeof v.dataset.rating == "object" && !Array.isArray(v.dataset.rating) ? B(v.dataset.rating) : v.dataset.rating), j = $(() => typeof v.dataset.rating == "object" && !Array.isArray(v.dataset.rating)), r = f(X.value), k = f(t.value.type === "image"), c = f(t.value.readonly);
@@ -81,7 +81,7 @@ const q = {
         b.value = !1, u.value = void 0;
       })
     }, [
-      t.value.style.title.text ? (l(), i("div", q, [
+      t.value.style.title.text ? (l(), i("div", J, [
         n("div", {
           style: a(`color:${t.value.style.title.color};font-weight:${t.value.style.title.bold ? "bold" : "normal"};text-align:${t.value.style.title.textAlign};margin-bottom:${t.value.style.title.offsetY}px;font-size:${t.value.style.title.fontSize}px`)
         }, p(t.value.style.title.text), 5),
@@ -113,7 +113,7 @@ const q = {
             width: t.value.style.itemSize,
             class: "vue-ui-rating-unit",
             style: a(`position:absolute;top:0;left:0;opacity:${isNaN(u.value) ? t.value.style.image.inactiveOpacity : h(e, !0)}`)
-          }, null, 12, J)) : (l(), i("svg", {
+          }, null, 12, Q)) : (l(), i("svg", {
             key: 1,
             xmlns: m(_),
             viewBox: "0 0 100 100",
@@ -265,7 +265,7 @@ const q = {
       }, p(isNaN(r.value) ? "" : r.value.toFixed(t.value.style.rating.roundingValue)), 5)) : d("", !0)
     ], 36));
   }
-}, xt = /* @__PURE__ */ W(pt, [["__scopeId", "data-v-86ced882"]]);
+}, xt = /* @__PURE__ */ q(pt, [["__scopeId", "data-v-86ced882"]]);
 export {
   xt as default
 };