vue-data-ui 3.27.1 → 3.28.1

package/dist/vue-ui-nested-donuts-FlnJfDaF.js

@@ -1,19 +0,0 @@
-import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{n as t,t as n}from"./tableIntegration-CNoJ1CIY.js";import{n as r,t as i}from"./annotationSlots-BRR85CqJ.js";import{n as a,t as o}from"./userOptionsSlots-DYuo-E5m.js";import{$ as s,D as ee,Dt as c,Ht as te,It as ne,Jt as re,Kt as l,S as ie,Ut as ae,X as oe,Zt as se,at as ce,b as le,f as ue,i as de,in as fe,it as pe,n as me,nn as he,nt as ge,p as _e,pt as ve,t as ye,w as be,zt as xe}from"./lib-CV_IANZ6.js";import{n as Se,t as Ce}from"./useHints-BH9r_0Vd.js";import{t as we}from"./useConfig-CKdzPrcf.js";import{t as Te}from"./usePrinter-hLW3cv4N.js";import{n as Ee,t as De}from"./BaseScanner-8NdoBs7B.js";import{t as Oe}from"./useNestedProp-CB186vF2.js";import{t as ke}from"./useThemeCheck-BKNRbGeC.js";import{t as Ae}from"./useChartExport-DtPNpc9M.js";import{n as je}from"./Title-BGYFqulv.js";import{t as Me}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{l as Ne,t as Pe}from"./useResponsive-D2CPcpda.js";import{t as Fe}from"./DefGrad-DKMq1REY.js";import{t as Ie}from"./BaseLegendToggle-Bq5FjyuI.js";import{t as Le}from"./A11yDataTable-DWNlWXzs.js";import{t as Re}from"./useUserOptionState-CXlFnwPv.js";import{t as ze}from"./useChartAccessibility-DOMuYJfm.js";import{t as Be}from"./chartImage-CIvU_04o.js";import{t as Ve}from"./labelUtils-CG3uVXoZ.js";import{t as He}from"./Legend-D8YoT1RJ.js";import{t as Ue}from"./vue_ui_nested_donuts-CRtGsJcz.js";import{Fragment as u,Teleport as We,computed as d,createBlock as f,createCommentVNode as p,createElementBlock as m,createElementVNode as h,createSlots as Ge,createTextVNode as Ke,createVNode as qe,defineAsyncComponent as g,guardReactiveProps as _,mergeProps as Je,nextTick as Ye,normalizeClass as Xe,normalizeProps as v,normalizeStyle as Ze,onBeforeUnmount as Qe,onMounted as $e,openBlock as y,ref as b,renderList as x,renderSlot as S,resolveDynamicComponent as et,shallowRef as tt,toDisplayString as C,toRefs as nt,unref as w,vShow as rt,watch as it,withCtx as T,withDirectives as at}from"vue";var ot=/* @__PURE__ */ e({default:()=>Lt}),st=[`id`],ct=[`id`],lt=[`id`],ut={style:{position:`relative`}},dt=[`xmlns`,`aria-describedby`,`viewBox`],ft=[`width`,`height`],pt=[`id`],mt=[`id`],ht=[`id`],gt=[`flood-color`],_t=[`id`,`d`],vt=[`d`,`fill`,`stroke`,`stroke-width`,`filter`],yt=[`d`,`fill`,`stroke`,`stroke-width`],bt={key:1},xt=[`d`,`fill`],St={key:2},Ct=[`font-size`,`font-weight`,`fill`,`dy`],wt=[`href`],Tt=[`x`,`y`,`font-size`,`font-weight`,`fill`],Et={key:3},Dt=[`filter`],Ot=[`opacity`,`text-anchor`,`x`,`y`,`fill`,`font-size`,`font-weight`],kt=[`opacity`,`text-anchor`,`x`,`y`,`fill`,`font-size`,`font-weight`],At=[`d`,`fill`,`onMouseenter`,`onClick`,`onMouseleave`],jt={key:0,style:{position:`absolute`,top:`100%`,left:`0`,width:`100%`},"data-dom-to-png-ignore":``,"aria-hidden":`true`},Mt={key:5,class:`vue-data-ui-watermark`},Nt=[`id`],Pt={key:0,class:`vue-ui-nested-donuts-legend-title`},Ft=[`onClick`],It={style:{display:`flex`,"align-items":`center`}},Lt=/*#__PURE__*/ Me({__name:`vue-ui-nested-donuts`,props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:[`selectLegend`,`selectDatapoint`,`copyAlt`],setup(e,{expose:Me,emit:ot}){let Lt=g(()=>import(`./Tooltip-Cus2-XNQ.js`)),Rt=g(()=>import(`./BaseIcon-DdIyewwY.js`).then(e=>e.n)),zt=g(()=>import(`./vue-ui-accordion-BNvevckx.js`).then(e=>e.n)),Bt=g(()=>import(`./DataTable-WNecJMcY.js`)),Vt=g(()=>import(`./UserOptions-DTxMeZv3.js`).then(e=>e.n)),Ht=g(()=>import(`./PenAndPaper-IMw576MC.js`).then(e=>e.t)),Ut=g(()=>import(`./PackageVersion-CdkxOy58.js`).then(e=>e.t)),Wt=g(()=>import(`./BaseDraggableDialog-D_tuHEjO.js`).then(e=>e.n)),{vue_ui_nested_donuts:Gt}=we(),{isThemeValid:Kt,warnInvalidTheme:qt}=ke(),E=e,Jt=d({get(){return!!E.dataset&&E.dataset.length},set(e){return e}}),D=b(oe()),Yt=b(!1),Xt=b(``),Zt=b(null),Qt=b(0),O=b(null),$t=b(null),en=b(null),tn=b(null),nn=b(null),rn=b(0),an=b(0),on=b(0),k=b(!0),A=b([]),sn=b([]),cn=b(!1),ln=b(null),un=b(null),j=b(null),dn=b({x:0,y:0}),fn=b(`pointer`),pn=b(!1),M=b(!1);function mn(e){M.value=e,Qt.value+=1}let N=b(Sn()),P=d(()=>N.value.style.chart.layout.labels),F=d(()=>N.value.style.chart.tooltip),I=d(()=>N.value.userOptions),L=d(()=>N.value.style.chart.layout),R=d(()=>N.value.style.chart);Se({config:()=>N.value,dataset:()=>E.dataset,component:`VueUiNestedDonuts`,rules:[Ce.emptyArray,{test:e=>e.some(e=>e.series.length>6),message:[`👀 Some series have > 6 data points. Consider:`,``,`▶️ Grouping small values dynamically into a single "Other" data point.`,``,`▶️ Using filters to let users choose a maximum number of data points to display.`,``,`▶️ Using VueUiHorizontalBar instead to make the dataset breakdown easier to read.`]},{test:e=>e.length===1,message:[`👀 There is only one series in your dataset. Consider:`,``,`▶️ Using VueUiDonut instead.`]},{test:e=>e.length>6,message:[`👀 The number of series in your dataset > 6. Consider:`,``,`▶️ Using filters to let users choose a maximum number of series to display`,``,`▶️ Using VueUiHorizontalBar instead to make the dataset breakdown easier to read.`]}]});let z=d(()=>N.value.userOptions.useCursorPointer),hn={name:``,series:[{name:``,values:[3],color:`#BABABA`},{name:``,values:[2],color:`#AAAAAA`},{name:``,values:[1],color:`#CACACA`}]},gn=d(()=>fe({defaultConfig:{useCssAnimation:!1,table:{show:!1},startAnimation:{show:!1},userOptions:{show:!1},style:{chart:{backgroundColor:`#99999930`,layout:{labels:{dataLabels:{show:!1}}},legend:{backgroundColor:`transparent`,showValue:!1,showPercentage:!1},title:{color:`#1A1A1A`,subtitle:{color:`#5A5A5A`}}}}},userConfig:N.value.skeletonConfig??{}})),{loading:_n,FINAL_DATASET:B,manualLoading:vn}=Ee({...nt(E),FINAL_CONFIG:N,prepareConfig:Sn,callback:()=>{Promise.resolve().then(async()=>{await En()})},skeletonDataset:E.config?.skeletonDataset??[hn,hn],skeletonConfig:fe({defaultConfig:N.value,userConfig:gn.value})}),{userOptionsVisible:yn,setUserOptionsVisibility:bn,keepUserOptionState:xn}=Re({config:N.value}),{svgRef:V}=ze({config:R.value.title});function Sn(){let e=Oe({userConfig:E.config,defaultConfig:Gt}),t={},n=e.theme;if(n){if(!Kt.value(e))qt(e),t=e;else{let r=Oe({userConfig:Ue[n]||E.config,defaultConfig:e});t={...Oe({userConfig:E.config,defaultConfig:r}),customPalette:e.customPalette.length?e.customPalette:he[n]||te}}}else t=e;return t}let Cn=se(E.config);it(()=>E.config,(e,t)=>{let n=se(e),r=n!==Cn;Cn=n;let i=Sn();if(!r){N.value.style.chart.tooltip=i.style.chart.tooltip,W.value.showTooltip=N.value.style.chart.tooltip.show;return}_n.value||(N.value=i),yn.value=!N.value.userOptions.showOnChartHover,On(),rn.value+=1,an.value+=1,on.value+=1,W.value.dataLabels.show=P.value.dataLabels.show,W.value.showTable=N.value.table.show,W.value.showTooltip=F.value.show,G.value.width=R.value.width,G.value.height=R.value.height},{deep:!0});let wn=d(()=>{let{top:e,right:t,bottom:n,left:r}=R.value.padding;return{css:`padding:${e}px ${t}px ${n}px ${r}px`,top:e,right:t,bottom:n,left:r}});function Tn(e,t=1e3,n=50){return new Promise(r=>{let i=e.length;A.value=Array(i).fill(0),sn.value=[];let a=0;e.forEach((e,o)=>{setTimeout(()=>{let n=performance.now();function s(ee){let c=Math.min((ee-n)/t,1),te=e*pe(c);A.value[o]=te,A.value=[...A.value];let ne=[],re=0;E.dataset.forEach((e,t)=>{let n=le(e.series.reduce((e,t)=>e+le(l(t.values).reduce((e,t)=>e+t,0)),0))-le(A.value.slice(re,re+e.series.length).reduce((e,t)=>e+t,0));n>Number.MIN_VALUE&&ne.push({name:`__ghost__`,arcOf:e.name,arcOfId:`${D.value}_${t}`,id:`ghost_${D.value}_${t}`,seriesIndex:-1,datasetIndex:t,color:`transparent`,value:n,fullValue:n,absoluteValues:[],ghost:!0}),re+=e.series.length}),sn.value=ne,c<1?requestAnimationFrame(s):(a+=1,a===i&&r())}requestAnimationFrame(s)},o*n)})})}async function En(){if(N.value.startAnimation?.show){let e=B.value.flatMap(e=>e.series).map(e=>l(e.values).reduce((e,t)=>e+t,0));A.value=e.map(()=>0),k.value=!0,sn.value=B.value.map((e,t)=>{let n=e.series.reduce((e,t)=>e+l(t.values).reduce((e,t)=>e+t,0),0);return{name:`__ghost__`,arcOf:e.name,arcOfId:`${D.value}_${t}`,id:`ghost_${D.value}_${t}`,seriesIndex:-1,datasetIndex:t,color:`transparent`,value:n,fullValue:n,absoluteValues:[],ghost:!0}}),await Ye(),Tn(e,N.value.startAnimation.durationMs,N.value.startAnimation.staggerMs).then(()=>{k.value=!1,sn.value=[]})}else k.value=!1}$e(async()=>{cn.value=!0,On(),await En()});let H=tt(null),Dn=tt(null),U=d(()=>N.value.debug);function On(){if(xe(E.dataset)?(ce({componentName:`VueUiNestedDonuts`,type:`dataset`,debug:U.value}),Jt.value=!1,vn.value=!0):vn.value=N.value.loading,N.value.responsive){let e=Ne(()=>{let{width:e,height:t}=Pe({chart:O.value,title:R.value.title.text?$t.value:null,legend:R.value.legend.show?en.value:null,source:tn.value,noTitle:nn.value,padding:wn.value});requestAnimationFrame(()=>{G.value.width=e,G.value.height=t})});H.value&&(Dn.value&&H.value.unobserve(Dn.value),H.value.disconnect()),H.value=new ResizeObserver(e),Dn.value=O.value.parentNode,H.value.observe(Dn.value)}}Qe(()=>{H.value&&(Dn.value&&H.value.unobserve(Dn.value),H.value.disconnect())});let{isPrinting:kn,isImaging:An,generatePdf:jn,generateImage:Mn}=Te({elementId:`nested_donuts_${D.value}`,fileName:R.value.title.text||`vue-ui-nested-donuts`,options:N.value.userOptions.print}),Nn=d(()=>N.value.userOptions.show&&!R.value.title.text),Pn=d(()=>be(N.value.customPalette)),W=b({dataLabels:{show:P.value.dataLabels.show},showTable:N.value.table.show,showTooltip:F.value.show});it(N,()=>{W.value={dataLabels:{show:P.value.dataLabels.show},showTable:N.value.table.show,showTooltip:F.value.show}},{immediate:!0});let G=b({width:R.value.width,height:R.value.height}),K=ot;function Fn({datapoint:e,index:t,seriesIndex:n}){N.value.events.datapointClick&&N.value.events.datapointClick({datapoint:e,seriesIndex:n}),K(`selectDatapoint`,{datapoint:e,index:t})}function In({from:e,to:t,duration:n,onUpdate:r,onDone:i,easing:a=pe}){let o=performance.now();function s(ee){let c=Math.min((ee-o)/n,1),te=a(c);r(e+(t-e)*te,c),c<1?requestAnimationFrame(s):(r(t,1),i&&i())}requestAnimationFrame(s)}let q=b([]),J=d(()=>{_n.value,B.value.forEach((e,t)=>{[null,void 0].includes(e.name)&&ce({componentName:`VueUiNestedDonuts`,type:`datasetSerieAttribute`,property:`name`,index:t,debug:U.value}),[null,void 0].includes(e.series)?ce({componentName:`VueUiNestedDonuts`,type:`datasetSerieAttribute`,property:`series`,index:t,debug:U.value}):e.series.length===0?ce({componentName:`VueUiNestedDonuts`,type:`datasetAttributeEmpty`,property:`series at index ${t}`,debug:U.value}):e.series.forEach((e,t)=>{[null,void 0].includes(e.name)&&ce({componentName:`VueUiNestedDonuts`,type:`datasetSerieAttribute`,property:`name`,index:t,key:`serie`,debug:U.value}),[null,void 0].includes(e.values)&&ce({componentName:`VueUiNestedDonuts`,type:`datasetSerieAttribute`,property:`values`,index:t,key:`serie`,debug:U.value})})});let e=0;return B.value.map((t,n)=>({...t,total:t.series.filter(e=>!q.value.includes(e.id)).map(e=>l(e.values).reduce((e,t)=>e+t,0)).reduce((e,t)=>e+t,0),datasetIndex:n,id:`${D.value}_${n}`,series:t.series.map((r,i)=>{let a=l(r.values).reduce((e,t)=>e+t,0);return{name:r.name,arcOf:t.name,arcOfId:`${D.value}_${n}`,id:`${D.value}_${n}_${i}`,seriesIndex:i,datasetIndex:n,color:ie(r.color)||Pn.value[i]||te[i%te.length],value:k.value?A.value[e++]??0:a,absoluteValues:r.values||[]}})}))});it(()=>E.dataset,e=>{Array.isArray(e)&&e.length>0&&(vn.value=!1)},{immediate:!0});let Y=d(()=>Math.min(G.value.height,G.value.width)*(L.value.donut.strokeWidth/512)),X=d(()=>[...J.value].map((e,t)=>{let n=e.series.filter(e=>!q.value.includes(e.id)).map(e=>e.value).reduce((e,t)=>e+t,0);return{...e,total:n,series:e.series.filter(e=>!q.value.includes(e.id)).map(e=>({...e,proportion:e.value/n}))}}));function Ln(e,t,n){let r=0;for(let t=0;t<e.length;t+=1)n.includes(e[t])&&(r+=1);return r<t}let Z=b(X.value);it(()=>X.value,e=>Z.value=e);function Rn(e){let t=e.map(e=>e.id);if(e.some(e=>q.value.includes(e.id))){let e=new Set(t);q.value=q.value.filter(t=>!e.has(t))}else q.value.push(...t);K(`selectLegend`,X.value)}function zn(e){let t=E.dataset.flatMap((e,t)=>e.series.map((e,n)=>({value:l(e.values).reduce((e,t)=>e+t,0),id:`${D.value}_${t}_${n}`,arcOfId:`${D.value}_${t}`}))).find(t=>t.id===e.id);if(!t)return;let n=J.value.flatMap(e=>e.series).find(t=>t.id===e.id)?.value??0,r=Z.value.flatMap(e=>e.series).find(t=>t.id===e.id),i=r?r.value:0,a=J.value.find(e=>e.id===t.arcOfId);if(!a)return;let o=a.series.map(e=>e.id),s=Ln(o,o.length-1,q.value);q.value.includes(e.id)?(q.value=q.value.filter(t=>t!==e.id),N.value.serieToggleAnimation.show?In({from:i,to:n,duration:N.value.serieToggleAnimation.durationMs,onUpdate:t=>{Z.value=Z.value.map(n=>({...n,series:n.series.map(n=>n.id===e.id?{...n,value:t}:n)}))},onDone:()=>{K(`selectLegend`,X.value)}}):(Z.value=Z.value.map(t=>({...t,series:t.series.map(t=>t.id===e.id?{...t,value:n}:t)})),K(`selectLegend`,X.value))):s&&(N.value.serieToggleAnimation.show?In({from:i,to:0,duration:N.value.serieToggleAnimation.durationMs,onUpdate:t=>{Z.value=Z.value.map(n=>({...n,series:n.series.map(n=>n.id===e.id?{...n,value:t}:n)}))},onDone:()=>{q.value.push(e.id),K(`selectLegend`,X.value)}}):(Z.value=Z.value.map(t=>({...t,series:t.series.map(t=>t.id===e.id?{...t,value:0}:t)})),q.value.push(e.id),K(`selectLegend`,X.value)))}function Bn(e){return J.value.length?J.value.flatMap(e=>e.series).filter(t=>t.name===e)||(U.value&&console.warn(`VueUiNestedDonuts - Series name not found "${e}"`),null):(U.value&&console.warn(`VueUiNestedDonuts - There are no series to show.`),null)}function Vn(e){let t=Bn(e);t!==null&&(Array.isArray(t)?t.forEach(e=>{q.value.includes(e.id)&&zn({id:e.id})}):q.value.includes(t.id)&&zn({id:t.id}))}function Hn(e){let t=Bn(e);t!==null&&(Array.isArray(t)?t.forEach(e=>{q.value.includes(e.id)||zn({id:e.id})}):q.value.includes(t.id)||zn({id:t.id}))}let Un=d(()=>Y.value/J.value.length*L.value.donut.spacingRatio),Wn=d(()=>Z.value.map((e,t)=>Y.value-t*Y.value/J.value.length)),Gn=d(()=>Z.value.map((e,t)=>{let n=Math.abs(e.series.map(e=>e.value).reduce((e,t)=>e+t,0))>0,r=Y.value-t*Y.value/Z.value.length,i=k.value?sn.value.find(e=>e.datasetIndex===t):null,a=[...e.series,...i?[i]:[]].map(e=>({...e,value:e.value<1e-11?Number.MIN_VALUE:e.value})),o=ne({series:[{name:`_`,color:L.value.donut.emptyFill,value:1}]},G.value.width/2,G.value.height/2,r,r,1.99999,2,1,360,105.25,Un.value),s=`M ${G.value.width/2},${G.value.height/2+r}
-            a ${r},${r} 0 1,1 0,${-2*r}
-            a ${r},${r} 0 1,1 0,${2*r}`;return{...e,hasData:n,radius:r,skeleton:o,fullCirclePath:s,donut:ne({series:a},G.value.width/2,G.value.height/2,r,r,1.99999,2,1,360,105.25,Un.value)}})),Kn=d(()=>[...J.value].map((e,t)=>{let n=t*Y.value/J.value.length;return{sizeRatio:n,donut:ne({series:[{value:1}]},G.value.width/2,G.value.height/2,Y.value-n,Y.value-n,1.99999,2,1,360,105.25,Y.value/J.value.length*L.value.donut.spacingRatio)[0]}})),qn=b(null),Jn=b(null),Yn=b(null),Xn=b(null);function Zn({datapoint:e,seriesIndex:t}){N.value.events.datapointLeave&&N.value.events.datapointLeave({datapoint:e,seriesIndex:t}),Yt.value=!1,qn.value=null,Zt.value=null,Jn.value=null,Yn.value=null,j.value=null,fn.value=`pointer`}function Qn({val:e,percentage:t,showVal:n,showPercentage:r,config:i}){return Ve({config:i,val:e,percentage:t,showVal:n,showPercentage:r})}function $n({datapoint:e,_relativeIndex:t,seriesIndex:n,triggerMode:r=`pointer`}){N.value.events.datapointEnter&&N.value.events.datapointEnter({datapoint:e,seriesIndex:n}),fn.value=r,j.value=n,qn.value=e.arcOfId,Jn.value=e.id,Yn.value=n,Zt.value=e.id,Xn.value={datapoint:e,seriesIndex:n,series:Z.value,config:N.value};let i=F.value.customFormat;if(c(i)&&ve(()=>i({seriesIndex:n,datapoint:e,series:Z.value,config:N.value})))Xt.value=i({seriesIndex:n,datapoint:e,series:Z.value,config:N.value});else{let t=``;if(F.value.showAllItemsAtIndex&&q.value.length===0){let r=Z.value.map(e=>e.series.find(e=>e.seriesIndex===n));r.forEach((i,a)=>{if(!i)return``;t+=`
-                    <div style="display:flex; flex-direction: column; justify-content:flex-start; align-items:flex-start;padding:6px 0; ${a<r.length-1?`border-bottom:1px solid ${F.value.borderColor}`:``}">
-                        <div style="display:flex; flex-direction: row; gap: 3px; justify-content:flex-start; align-items:center;">
-                            <svg viewBox="0 0 20 20" height="${F.value.fontSize}" width="${F.value.fontSize}">
-                                <circle cx="10" cy="10" r="10" fill="${i.color}"/>
-                            </svg>
-                            <span>
-                                ${i.arcOf??``} - ${i.name}
-                            </span>
-                        </div>
-                        <span>
-                            <b>
-                                ${Qn({config:R.value.tooltip,showVal:F.value.showValue,showPercentage:F.value.showPercentage,val:de(L.value.labels.dataLabels.formatter,e.value,s({p:R.value.layout.labels.dataLabels.prefix,v:e.value,s:R.value.layout.labels.dataLabels.suffix,r:R.value.tooltip.roundingValue}),{datapoint:e,seriesIndex:n}),percentage:s({v:i.proportion*100,s:`%`,r:R.value.tooltip.roundingPercentage})})}
-                            </b>
-                        </span>
-                    </div>
-                `})}else t+=`<div style="width:100%;text-align:center;border-bottom:1px solid ${F.value.borderColor};padding-bottom:6px;margin-bottom:3px;">${e.arcOf??``} - ${e.name}</div>`,t+=`<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="${e.color}"/></svg>`,F.value.showValue&&(t+=`<b>${de(P.value.dataLabels.formatter,e.value,s({p:P.value.dataLabels.prefix,v:e.value,s:P.value.dataLabels.suffix,r:F.value.roundingValue}),{datapoint:e,seriesIndex:n})}</b>`),F.value.showPercentage&&(F.value.showValue?t+=`<span>(${s({v:e.proportion*100,s:`%`,r:F.value.roundingPercentage})})</span></div>`:t+=`<b>${s({v:e.proportion*100,s:`%`,r:F.value.roundingPercentage})}</b></div>`);Xt.value=`<div style="font-size:${F.value.fontSize}px">${t}</div>`}Yt.value=!0}function er(e){return e.proportion*100>P.value.dataLabels.hideUnderValue}function tr(e,t){if(!N.value.useBlurOnHover)return``;if(F.value.showAllItemsAtIndex&&q.value.length===0)return[null,void 0].includes(Yn.value)||Yn.value===t?``:`url(#blur_${D.value})`;if(!F.value.showAllItemsAtIndex||q.value.length)return[null,void 0].includes(Jn.value)||Jn.value===e.id?``:`url(#blur_${D.value})`}let nr=d(()=>J.value.map((e,t)=>{let n=e.series.filter(e=>!q.value.includes(e.id)),r=k.value?n.map(e=>{let n=B.value[t].series.findIndex(t=>t.name===e.name);return l(B.value[t].series[n].values).reduce((e,t)=>e+t,0)}).reduce((e,t)=>e+t,0):n.map(e=>e.value).reduce((e,t)=>e+t,0);return e.series.map((e,n)=>{let i=l(B.value[t].series[n].values).reduce((e,t)=>e+t,0),a=k.value?i:e.value,o=Qn({val:de(P.value.dataLabels.formatter,a,s({p:P.value.dataLabels.prefix,v:a,s:P.value.dataLabels.suffix,r:R.value.legend.roundingValue}),{datapoint:e,seriesIndex:n}),percentage:isNaN(a/r)||q.value.includes(e.id)?`-`:s({v:a/r*100,s:`%`,r:R.value.legend.roundingPercentage}),showVal:R.value.legend.showValue,showPercentage:R.value.legend.showPercentage,config:R.value.legend}),ee=`${e.name}${R.value.legend.showPercentage||R.value.legend.showValue?`: `:``}${o}`;return{name:e.name,color:e.color,value:a,display:ee,svgDisplay:`${e.arcOf?`${e.arcOf} - `:``}${ee}`,shape:`circle`,arcOf:e.arcOf,id:e.id,seriesIndex:n,datasetIndex:t,total:r,opacity:q.value.includes(e.id)?.5:1,segregate:()=>zn(e),isSegregated:q.value.includes(e.id)}})})),rr=d(()=>({cy:`nested-donuts-legend`,backgroundColor:R.value.legend.backgroundColor,color:R.value.legend.color,fontSize:R.value.legend.fontSize,paddingBottom:12,fontWeight:R.value.legend.bold?`bold`:``})),Q=d(()=>({head:Z.value.flatMap(e=>e.series.map(t=>({name:`${e.name} - ${t.name}`,color:t.color,total:e.total}))),body:Z.value.flatMap(e=>e.series.map(e=>e.value))}));function ir(e=null){Ye(()=>{let t=Q.value.head.map((e,t)=>[[e.name],[Q.value.body[t]],[isNaN(Q.value.body[t]/e.total)?`-`:Q.value.body[t]/e.total*100]]),n=[[R.value.title.text],[R.value.title.subtitle.text],[[``],[`val`],[`%`]]].concat(t),r=ee(n);e?e(r):ge({csvContent:r,title:R.value.title.text||`vue-ui-nested-donuts`})})}let ar=d(()=>{let e=[N.value.table.columnNames.series,N.value.table.columnNames.value,N.value.table.columnNames.percentage],t=Q.value.head.map((e,t)=>{let n=s({p:P.value.dataLabels.prefix,v:Q.value.body[t],s:P.value.dataLabels.suffix,r:N.value.table.td.roundingValue});return[{color:e.color,name:e.name},n,isNaN(Q.value.body[t]/e.total)?`-`:s({v:Q.value.body[t]/e.total*100,s:`%`,r:N.value.table.td.roundingPercentage})]}),n=t.map(e=>e.map((e,t)=>t===0?e.name:e)),r={th:{backgroundColor:N.value.table.th.backgroundColor,color:N.value.table.th.color,outline:N.value.table.th.outline},td:{backgroundColor:N.value.table.td.backgroundColor,color:N.value.table.td.color,outline:N.value.table.td.outline},breakpoint:N.value.table.responsiveBreakpoint};return{colNames:[N.value.table.columnNames.series,N.value.table.columnNames.value,N.value.table.columnNames.percentage],head:e,body:t,a11yBody:n,config:r}});function or(){return J.value}function sr(){W.value.showTable=!W.value.showTable}function cr(){W.value.dataLabels.show=!W.value.dataLabels.show}function lr(){W.value.showTooltip=!W.value.showTooltip}let ur=b(!1);function dr(){ur.value=!ur.value}let fr=Be(O,()=>R.value.title.text),pr=b(null);function mr(){if(!pr.value)return;let{x:e,y:t,width:n,height:r}=pr.value.getBBox();V.value&&V.value.setAttribute(`viewBox`,`${e} ${t} ${n+Math.min(0,e)} ${r+Math.min(0,t)}`)}let hr=d(()=>n({config:N,style:R,mutableConfig:W,dialog:Wt,accordion:zt,isFullscreen:M,parent:O,maxWidth:800,isCursorPointer:z}));it(()=>W.value.showTable,e=>t(e,N,ln));function gr(){W.value.showTable=!1,un.value&&un.value.setTableIconState(!1)}let _r=d(()=>R.value.backgroundColor),vr=d(()=>R.value.legend),yr=d(()=>R.value.title),br=d(()=>nr.value.flat().map(e=>({...e,name:e.svgDisplay}))),{isCallbackImaging:xr,isCallbackSvg:Sr,generateSvg:Cr,onGenerateImage:wr}=Ae({svg:V,title:yr,legend:vr,legendItems:br,backgroundColor:_r,getSvgCallback:()=>N.value.userOptions.callbacks.svg,generateImage:Mn});async function Tr(){if(K(`copyAlt`,{config:N.value,dataset:Z.value}),!N.value.userOptions.callbacks.altCopy){console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");return}await Promise.resolve(N.value.userOptions.callbacks.altCopy({config:N.value,dataset:Z.value}))}let $=d(()=>Gn.value.flatMap(e=>e.donut.filter(e=>!e.ghost)));function Er(){j.value=null,pn.value=!0}function Dr(){j.value=null,fn.value=`pointer`,Yt.value=!1,qn.value=null,Zt.value=null,Jn.value=null,Yn.value=null,pn.value=!1}function Or(e){if(!V.value||ur.value||document.activeElement!==V.value||!$.value.length)return;let t=[`ArrowLeft`,`ArrowUp`].includes(e.key),n=[`ArrowRight`,`ArrowDown`].includes(e.key),r=e.key===`Enter`||e.key===` `,i=e.key===`Escape`;if(!t&&!n&&!r&&!i)return;if(e.preventDefault(),e.stopPropagation(),i){j.value=null,fn.value=`pointer`,Yt.value=!1,qn.value=null,Zt.value=null,Jn.value=null,Yn.value=null;return}if(r){if(j.value===null)return;let e=$.value[j.value];if(!e)return;Fn({datapoint:e,index:j.value,seriesIndex:e.seriesIndex});return}let a=j.value,o=Yn.value,s=a!==null&&a>=0&&a<$.value.length,ee=o!==null&&o>=0&&o<$.value.length;s?n?(a+=1,a>=$.value.length&&(a=0)):t&&(--a,a<0&&(a=$.value.length-1)):ee?(a=n?o+1:o-1,a>=$.value.length&&(a=0),a<0&&(a=$.value.length-1)):a=n?0:$.value.length-1;let c=$.value[a];c&&(j.value=a,kr(),$n({datapoint:c,relativeIndex:a,seriesIndex:c.seriesIndex,show:!0,triggerMode:`keyboard`}))}function kr(){if(!V.value)return;let e=V.value.getBoundingClientRect();dn.value={x:e.left+e.width/2,y:e.top+e.height/2}}let Ar=d(()=>({headers:ar.value?.colNames??[],rows:ar.value?.a11yBody??[]}));return Me({autoSize:mr,getData:or,getImage:fr,generatePdf:jn,generateCsv:ir,generateImage:Mn,generateSvg:Cr,hideSeries:Hn,showSeries:Vn,toggleTable:sr,toggleLabels:cr,toggleTooltip:lr,toggleAnnotator:dr,toggleFullscreen:mn,copyAlt:Tr}),(e,t)=>(y(),m(`div`,{ref_key:`nestedDonutsChart`,ref:O,class:Xe(`vue-data-ui-component vue-ui-nested-donuts ${M.value?`vue-data-ui-wrapper-fullscreen`:``} ${N.value.useCssAnimation?``:`vue-ui-dna`}`),style:Ze(`font-family:${N.value.style.fontFamily};width:100%; text-align:center;background:${R.value.backgroundColor}`),id:`nested_donuts_${D.value}`,onMouseenter:t[2]||=()=>w(bn)(!0),onMouseleave:t[3]||=()=>w(bn)(!1)},[h(`div`,{id:`chart-instructions-${D.value}`,class:`sr-only`},[h(`p`,null,C(N.value.a11y.translations.keyboardNavigation),1)],8,ct),Ar.value?.rows?.length?(y(),f(Le,{key:0,uid:D.value,head:Ar.value.headers,body:Ar.value.rows,notice:N.value.a11y.translations.tableAvailable,caption:N.value.a11y.translations.tableCaption},null,8,[`uid`,`head`,`body`,`notice`,`caption`])):p(``,!0),I.value.buttons.annotator?(y(),f(w(Ht),{key:1,svgRef:w(V),backgroundColor:R.value.backgroundColor,color:R.value.color,active:ur.value,isCursorPointer:z.value,palette:I.value.annotatorPalette,onClose:dr},Ge({_:2},[x(w(i),t=>({name:t,fn:T(n=>[S(e.$slots,t,v(_(w(r)(t,n))),void 0,!0)])}))]),1032,[`svgRef`,`backgroundColor`,`color`,`active`,`isCursorPointer`,`palette`])):p(``,!0),Nn.value?(y(),m(`div`,{key:2,ref_key:`noTitle`,ref:nn,class:`vue-data-ui-no-title-space`,style:`height:36px; width: 100%;background:transparent`},null,512)):p(``,!0),R.value.title.text?(y(),m(`div`,{key:3,ref_key:`chartTitle`,ref:$t},[(y(),f(je,{key:`title_${rn.value}`,config:{title:{cy:`donut-div-title`,...R.value.title},subtitle:{cy:`donut-div-subtitle`,...R.value.title.subtitle}}},null,8,[`config`]))],512)):p(``,!0),h(`div`,{id:`legend-top-${D.value}`},null,8,lt),I.value.show&&Jt.value&&(w(xn)||w(yn))?(y(),f(w(Vt),{ref_key:`userOptionsRef`,ref:un,key:`user_option_${Qt.value}`,backgroundColor:R.value.backgroundColor,color:R.value.color,isPrinting:w(kn),isImaging:w(An),uid:D.value,hasTooltip:I.value.buttons.tooltip&&F.value.show,hasPdf:I.value.buttons.pdf,hasXls:I.value.buttons.csv,hasImg:I.value.buttons.img,hasSvg:I.value.buttons.svg,hasTable:I.value.buttons.table,hasLabel:I.value.buttons.labels,hasFullscreen:I.value.buttons.fullscreen,hasAltCopy:I.value.buttons.altCopy,isFullscreen:M.value,isTooltip:W.value.showTooltip,titles:{...I.value.buttonTitles},chartElement:O.value,position:I.value.position,hasAnnotator:I.value.buttons.annotator,isAnnotation:ur.value,callbacks:I.value.callbacks,printScale:I.value.print.scale,tableDialog:N.value.table.useDialog,isCursorPointer:z.value,onToggleFullscreen:mn,onGeneratePdf:w(jn),onGenerateCsv:ir,onGenerateImage:w(wr),onGenerateSvg:w(Cr),onToggleTable:sr,onToggleLabels:cr,onToggleTooltip:lr,onToggleAnnotator:dr,onCopyAlt:Tr,style:Ze({visibility:w(xn)?w(yn)?`visible`:`hidden`:`visible`})},Ge({_:2},[x(w(a)(e.$slots,`menuIcon optionTooltip optionPdf optionCsv optionImg optionSvg optionTable optionLabels optionFullscreen optionAnnotator optionAltCopy custom-menu-before custom-menu-after`),t=>({name:t,fn:T(n=>[S(e.$slots,t,v(_(w(o)(t,n))),void 0,!0)])}))]),1032,/* @__PURE__ */ `backgroundColor.color.isPrinting.isImaging.uid.hasTooltip.hasPdf.hasXls.hasImg.hasSvg.hasTable.hasLabel.hasFullscreen.hasAltCopy.isFullscreen.isTooltip.titles.chartElement.position.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg.style`.split(`.`))):p(``,!0),h(`div`,ut,[(y(),m(`svg`,{ref_key:`svgRef`,ref:V,xmlns:w(ye),"aria-describedby":`chart-instructions-${D.value}`,class:Xe({"vue-data-ui-fullscreen--on":M.value,"vue-data-ui-fulscreen--off":!M.value,"vue-data-ui-svg":!0}),viewBox:`0 0 ${G.value.width<=0?.001:G.value.width} ${G.value.height<0?.001:G.value.height}`,style:Ze(`max-width:100%; overflow: visible; background:transparent;color:${R.value.color};${wn.value.css}`),tabindex:`0`,onFocus:Er,onBlur:Dr,onKeydown:Or},[h(`g`,{ref_key:`G`,ref:pr,class:`vue-data-ui-g`},[qe(w(Ut)),e.$slots[`chart-background`]?(y(),m(`foreignObject`,{key:0,x:0,y:0,width:G.value.width<=0?.001:G.value.width,height:G.value.height<0?.001:G.value.height,style:{pointerEvents:`none`}},[S(e.$slots,`chart-background`,{},void 0,!0)],8,ft)):p(``,!0),h(`defs`,null,[(y(!0),m(u,null,x(Kn.value,(e,t)=>(y(),f(Fe,{t:`radial`,id:`radial_${D.value}_${t}`,key:`radial_${D.value}_${t}`,stops:[[`0%`,`#FFFFFF`,0],[`${(1-Un.value/Wn.value[t])*100}%`,w(re)(`#FFFFFF`,0),0],[`${(1-Un.value/Wn.value[t]/2)*100}%`,`#FFFFFF`,R.value.gradientIntensity/100],[`100%`,`#FFFFFF`,0]]},null,8,[`id`,`stops`]))),128))]),h(`defs`,null,[h(`filter`,{id:`blur_${D.value}`,x:`-50%`,y:`-50%`,width:`200%`,height:`200%`},[h(`feGaussianBlur`,{in:`SourceGraphic`,stdDeviation:2,id:`blur_std_${D.value}`},null,8,mt),t[4]||=h(`feColorMatrix`,{type:`saturate`,values:`0`},null,-1)],8,pt),h(`filter`,{id:`shadow_${D.value}`,"color-interpolation-filters":`sRGB`},[h(`feDropShadow`,{dx:`0`,dy:`0`,stdDeviation:`10`,"flood-opacity":`0.5`,"flood-color":L.value.donut.shadowColor},null,8,gt)],8,ht)]),h(`defs`,null,[(y(!0),m(u,null,x(Gn.value,(e,t)=>(y(),m(`path`,{key:`path-full-${t}`,id:`path-full-${t}-${D.value}`,d:e.fullCirclePath,fill:`none`},null,8,_t))),128))]),(y(!0),m(u,null,x(Gn.value,(e,t)=>(y(),m(`g`,null,[e.hasData?(y(!0),m(u,{key:0},x(e.donut.filter(e=>!e.ghost),(e,t)=>(y(),m(`g`,null,[h(`path`,{class:`vue-ui-donut-arc-path`,d:e.arcSlice,fill:e.color,stroke:L.value.donut.borderColorAuto?R.value.backgroundColor:L.value.donut.borderColor,"stroke-width":L.value.donut.borderWidth,filter:tr(e,t)},null,8,vt)]))),256)):(y(!0),m(u,{key:1},x(e.skeleton,(e,t)=>(y(),m(`g`,null,[h(`path`,{class:`vue-ui-donut-arc-path`,d:e.arcSlice,fill:e.color,stroke:L.value.donut.borderColorAuto?R.value.backgroundColor:L.value.donut.borderColor,"stroke-width":L.value.donut.borderWidth},null,8,yt)]))),256))]))),256)),R.value.useGradient?(y(),m(`g`,bt,[(y(!0),m(u,null,x(Kn.value,(e,t)=>(y(),m(`g`,null,[h(`path`,{d:e.donut.arcSlice,fill:`url(#radial_${D.value}_${t})`,stroke:`transparent`,"stroke-width":`0`},null,8,xt)]))),256))])):p(``,!0),P.value.dataLabels.showDonutName?(y(),m(`g`,St,[P.value.dataLabels.curvedDonutName?(y(!0),m(u,{key:0},x(Gn.value,(e,t)=>(y(),m(`g`,null,[(y(!0),m(u,null,x(e.donut,(n,r)=>(y(),m(`g`,null,[r===0&&G.value.width&&G.value.height?(y(),m(`text`,{key:0,"text-anchor":`middle`,"font-size":L.value.labels.dataLabels.fontSize,"font-weight":L.value.labels.dataLabels.boldDonutName?`bold`:`normal`,fill:L.value.labels.dataLabels.color,dy:L.value.labels.dataLabels.donutNameOffsetY},[h(`textPath`,{href:`#path-full-${t}-${D.value}`,startOffset:`50%`,"text-anchor":`middle`,method:`align`,spacing:`auto`},C(L.value.labels.dataLabels.donutNameAbbreviation?w(me)({source:e.name,length:N.value.style.chart.layout.labels.dataLabels.donutNameMaxAbbreviationSize}):e.name),9,wt)],8,Ct)):p(``,!0)]))),256))]))),256)):(y(!0),m(u,{key:1},x(Gn.value,(e,t)=>(y(),m(`g`,null,[(y(!0),m(u,null,x(e.donut,(t,n)=>(y(),m(`g`,null,[n===0&&G.value.width&&G.value.height?(y(),m(`text`,{key:0,x:G.value.width/2,y:t.startY-L.value.labels.dataLabels.fontSize+L.value.labels.dataLabels.donutNameOffsetY,"text-anchor":`middle`,"font-size":L.value.labels.dataLabels.fontSize,"font-weight":L.value.labels.dataLabels.boldDonutName?`bold`:`normal`,fill:L.value.labels.dataLabels.color},C(L.value.labels.dataLabels.donutNameAbbreviation?w(me)({source:e.name,length:N.value.style.chart.layout.labels.dataLabels.donutNameMaxAbbreviationSize}):e.name),9,Tt)):p(``,!0)]))),256))]))),256))])):p(``,!0),P.value.dataLabels.show?(y(),m(`g`,Et,[(y(!0),m(u,null,x(Gn.value,(e,t)=>(y(),m(`g`,null,[(y(!0),m(u,null,x(e.donut.filter(e=>!e.ghost),(e,n)=>(y(),m(`g`,{filter:tr(e,n)},[at(h(`text`,{opacity:+!!er(e),"text-anchor":w(ue)(e,!0).anchor,x:w(ue)(e,!1,L.value.labels.dataLabels.offsetX).x||0,y:w(_e)(e,L.value.labels.dataLabels.offsetY,L.value.labels.dataLabels.offsetY)+(P.value.dataLabels.showValueFirst&&P.value.dataLabels.showValue?L.value.labels.dataLabels.fontSize:0),fill:P.value.dataLabels.useSerieColor?e.color:L.value.labels.dataLabels.color,"font-size":P.value.dataLabels.fontSize,"font-weight":P.value.dataLabels.boldPercentage?`bold`:`normal`},C(w(ae)(w(s)({v:e.proportion*100,s:`%`,r:R.value.layout.labels.dataLabels.roundingPercentage}),L.value.labels.dataLabels.usePercentageParens?`(`:``,L.value.labels.dataLabels.usePercentageParens?`)`:``)),9,Ot),[[rt,W.value.dataLabels.show&&P.value.dataLabels.showPercentage]]),at(h(`text`,{opacity:+!!er(e),"text-anchor":w(ue)(e,!0).anchor,x:w(ue)(e,!1,L.value.labels.dataLabels.offsetX).x||0,y:w(_e)(e,L.value.labels.dataLabels.offsetY,L.value.labels.dataLabels.offsetY)+(P.value.dataLabels.showValueFirst||!P.value.dataLabels.showPercentage?0:L.value.labels.dataLabels.fontSize),fill:P.value.dataLabels.useSerieColor?e.color:L.value.labels.dataLabels.color,"font-size":P.value.dataLabels.fontSize,"font-weight":P.value.dataLabels.boldValue?`bold`:`normal`},C(w(ae)(w(de)(L.value.labels.dataLabels.formatter,e.value,w(s)({p:R.value.layout.labels.dataLabels.prefix,v:e.value,s:R.value.layout.labels.dataLabels.suffix,r:R.value.layout.labels.dataLabels.roundingValue}),{datapoint:e,seriesIndex:t,datapointIndex:n}),L.value.labels.dataLabels.useValueParens?`(`:``,L.value.labels.dataLabels.useValueParens?`)`:``)),9,kt),[[rt,W.value.dataLabels.show&&P.value.dataLabels.showValue]])],8,Dt))),256))]))),256))])):p(``,!0),(y(!0),m(u,null,x(Gn.value,(e,t)=>(y(),m(`g`,null,[(y(!0),m(u,null,x(e.donut,(e,t)=>(y(),m(`g`,null,[h(`path`,{d:e.arcSlice,fill:Zt.value===e.id?L.value.donut.selectedColor:`transparent`,onMouseenter:t=>$n({datapoint:e,relativeIndex:$.value.findIndex(t=>t.id===e.id),seriesIndex:e.seriesIndex}),onClick:n=>Fn({datapoint:e,index:t,seriesIndex:e.seriesIndex}),onMouseleave:t=>Zn({datapoint:e,seriesIndex:e.seriesIndex})},null,40,At)]))),256))]))),256)),S(e.$slots,`svg`,{svg:{...G.value,isPrintingImg:w(kn)||w(An)||w(xr),isPrintingSvg:w(Sr)}},void 0,!0)],512)],46,dt)),e.$slots.hint?(y(),m(`div`,jt,[S(e.$slots,`hint`,v(_({hint:N.value.a11y.translations.keyboardNavigation,isVisible:pn.value})),void 0,!0)])):p(``,!0)]),e.$slots.watermark?(y(),m(`div`,Mt,[S(e.$slots,`watermark`,v(_({isPrinting:w(kn)||w(An)||w(xr)||w(Sr)})),void 0,!0)])):p(``,!0),qe(w(Lt),{teleportTo:F.value.teleportTo,show:W.value.showTooltip&&Yt.value,backgroundColor:F.value.backgroundColor,color:F.value.color,borderRadius:F.value.borderRadius,borderColor:F.value.borderColor,borderWidth:F.value.borderWidth,fontSize:F.value.fontSize,backgroundOpacity:F.value.backgroundOpacity,position:F.value.position,offsetX:F.value.offsetX,offsetY:F.value.offsetY,parent:O.value,content:Xt.value,isFullscreen:M.value,isCustom:w(c)(F.value.customFormat),smooth:F.value.smooth,backdropFilter:F.value.backdropFilter,smoothForce:F.value.smoothForce,smoothSnapThreshold:F.value.smoothSnapThreshold,isA11yMode:fn.value===`keyboard`,a11yPosition:dn.value},{"tooltip-before":T(()=>[S(e.$slots,`tooltip-before`,v(_({...Xn.value})),void 0,!0)]),tooltip:T(()=>[S(e.$slots,`tooltip`,v(_({...Xn.value})),void 0,!0)]),"tooltip-after":T(()=>[S(e.$slots,`tooltip-after`,v(_({...Xn.value})),void 0,!0)]),_:3},8,[`teleportTo`,`show`,`backgroundColor`,`color`,`borderRadius`,`borderColor`,`borderWidth`,`fontSize`,`backgroundOpacity`,`position`,`offsetX`,`offsetY`,`parent`,`content`,`isFullscreen`,`isCustom`,`smooth`,`backdropFilter`,`smoothForce`,`smoothSnapThreshold`,`isA11yMode`,`a11yPosition`]),h(`div`,{id:`legend-bottom-${D.value}`},null,8,Nt),cn.value&&(R.value.legend.show||e.$slots.legend)?(y(),f(We,{key:6,to:R.value.legend.position===`top`?`#legend-top-${D.value}`:`#legend-bottom-${D.value}`},[R.value.legend.show?(y(),m(`div`,{key:0,ref_key:`chartLegend`,ref:en,class:Xe({"vue-ui-nested-donuts-legend":nr.value.length>1})},[S(e.$slots,`legend`,{legend:nr.value},()=>[(y(!0),m(u,null,x(nr.value,(e,n)=>(y(),f(He,{key:`legend_${n}_${on.value}`,legendSet:e,config:rr.value,isCursorPointer:z.value,onClickMarker:t[0]||=({legend:e})=>zn(e)},{legendTitle:T(({titleSet:e})=>[e[0]&&e[0].arcOf?(y(),m(`div`,Pt,C(e[0].arcOf),1)):p(``,!0)]),item:T(({legend:e,index:t})=>[h(`div`,{onClick:t=>zn(e),style:Ze(`opacity:${q.value.includes(e.id)?.5:1}`)},C(e.display),13,Ft)]),legendToggle:T(()=>[e.length>2&&R.value.legend.selectAllToggle.show&&!w(_n)?(y(),f(Ie,{key:`toggle-${n}`,backgroundColor:R.value.legend.selectAllToggle.backgroundColor,color:R.value.legend.selectAllToggle.color,fontSize:R.value.legend.fontSize,checked:e.some(e=>q.value.includes(e.id)),isCursorPointer:z.value,onToggle:t=>Rn(e)},null,8,[`backgroundColor`,`color`,`fontSize`,`checked`,`isCursorPointer`,`onToggle`])):p(``,!0)]),_:2},1032,[`legendSet`,`config`,`isCursorPointer`]))),128))],!0)],2)):p(``,!0)],8,[`to`])):p(``,!0),e.$slots.source?(y(),m(`div`,{key:7,ref_key:`source`,ref:tn,dir:`auto`},[S(e.$slots,`source`,{},void 0,!0)],512)):p(``,!0),Jt.value&&I.value.buttons.table?(y(),f(et(hr.value.component),Je({key:8},hr.value.props,{ref_key:`tableUnit`,ref:ln,onClose:gr}),Ge({content:T(()=>[(y(),f(w(Bt),{key:`table_${an.value}`,colNames:ar.value.colNames,head:ar.value.head,body:ar.value.body,config:ar.value.config,title:N.value.table.useDialog?``:hr.value.title,withCloseButton:!N.value.table.useDialog,isCursorPointer:z.value,onClose:gr},{th:T(({th:e})=>[h(`div`,It,C(e),1)]),td:T(({td:e})=>[Ke(C(e.name||e),1)]),_:1},8,[`colNames`,`head`,`body`,`config`,`title`,`withCloseButton`,`isCursorPointer`]))]),_:2},[N.value.table.useDialog?{name:`title`,fn:T(()=>[Ke(C(hr.value.title),1)]),key:`0`}:void 0,N.value.table.useDialog?{name:`actions`,fn:T(()=>[h(`button`,{tabindex:`0`,class:`vue-ui-user-options-button`,onClick:t[1]||=e=>ir(I.value.callbacks.csv),style:Ze({cursor:z.value?`pointer`:`default`})},[qe(w(Rt),{name:`fileCsv`,stroke:hr.value.props.color},null,8,[`stroke`])],4)]),key:`1`}:void 0]),1040)):p(``,!0),S(e.$slots,`skeleton`,{},()=>[w(_n)?(y(),f(De,{key:0})):p(``,!0)],!0)],46,st))}},[[`__scopeId`,`data-v-3ceb74a6`]]);export{ot as n,Lt as t};

package/dist/vue-ui-onion-BjhSpjtW.js

@@ -1,5 +0,0 @@
-import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{n as t,t as n}from"./tableIntegration-CNoJ1CIY.js";import{n as r,t as i}from"./annotationSlots-BRR85CqJ.js";import{n as a,t as o}from"./userOptionsSlots-DYuo-E5m.js";import{$ as s,D as ee,Dt as te,Ht as ne,S as re,X as ie,Zt as ae,at as oe,i as se,in as ce,nt as le,pt as ue,t as de,w as fe,zt as pe}from"./lib-CV_IANZ6.js";import{n as me,t as he}from"./useHints-BH9r_0Vd.js";import{t as ge}from"./useConfig-CKdzPrcf.js";import{t as _e}from"./usePrinter-hLW3cv4N.js";import{n as ve,t as ye}from"./BaseScanner-8NdoBs7B.js";import{t as be}from"./useChartExport-DtPNpc9M.js";import{t as xe}from"./useTransitions-DfSHzsdz.js";import{n as Se}from"./Title-BGYFqulv.js";import{t as Ce}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{l as we,t as Te}from"./useResponsive-D2CPcpda.js";import{t as Ee}from"./BaseLegendToggle-Bq5FjyuI.js";import{t as De}from"./A11yDataTable-DWNlWXzs.js";import{n as Oe}from"./resolveChartConfig-DZg-korK.js";import{t as ke}from"./useUserOptionState-CXlFnwPv.js";import{t as Ae}from"./useChartAccessibility-DOMuYJfm.js";import{t as je}from"./chartImage-CIvU_04o.js";import{t as Me}from"./labelUtils-CG3uVXoZ.js";import{t as Ne}from"./Legend-D8YoT1RJ.js";import{t as Pe}from"./useAutoSizeLabelsInsideViewbox-AIRF0PlD.js";import{t as Fe}from"./vue_ui_onion-C9BedU_-.js";import{Fragment as c,Teleport as Ie,computed as l,createBlock as u,createCommentVNode as d,createElementBlock as f,createElementVNode as p,createSlots as Le,createTextVNode as Re,createVNode as ze,defineAsyncComponent as m,guardReactiveProps as h,mergeProps as Be,nextTick as Ve,normalizeClass as g,normalizeProps as _,normalizeStyle as v,onBeforeUnmount as He,onMounted as Ue,openBlock as y,ref as b,renderList as x,renderSlot as S,resolveDynamicComponent as We,shallowRef as Ge,toDisplayString as Ke,toRefs as qe,unref as C,watch as Je,withCtx as w}from"vue";var Ye=/* @__PURE__ */ e({default:()=>_t}),Xe=[`id`],Ze=[`id`],Qe=[`id`],$e={style:{position:`relative`}},et=[`xmlns`,`aria-describedby`,`viewBox`],tt=[`width`,`height`],nt=[`cx`,`cy`,`r`,`stroke`,`stroke-width`,`stroke-dasharray`,`stroke-dashoffset`],rt=[`cx`,`cy`,`r`,`stroke`,`stroke-width`,`stroke-dasharray`,`stroke-dashoffset`],it=[`id`],at=[`stdDeviation`],ot=[`filter`],st=[`cx`,`cy`,`r`,`stroke-width`,`stroke-dasharray`,`stroke-dashoffset`],ct=[`cx`,`cy`,`r`,`stroke-width`,`stroke-dasharray`,`stroke-dashoffset`,`onMouseenter`,`onMouseleave`,`onClick`],lt={key:2},ut=[`onMouseenter`,`onMouseleave`,`onClick`],dt=[`transform`,`font-size`,`fill`,`font-weight`],ft={key:0,style:{position:`absolute`,top:`100%`,left:`0`,width:`100%`},"data-dom-to-png-ignore":``,"aria-hidden":`true`},pt={key:5,class:`vue-data-ui-watermark`},mt=[`id`],ht=[`onClick`],gt=[`innerHTML`],_t=/*#__PURE__*/ Ce({__name:`vue-ui-onion`,props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:[`selectLegend`,`copyAlt`],setup(e,{expose:Ce,emit:Ye}){let _t=m(()=>import(`./Tooltip-Cus2-XNQ.js`)),vt=m(()=>import(`./BaseIcon-DdIyewwY.js`).then(e=>e.n)),yt=m(()=>import(`./vue-ui-accordion-BNvevckx.js`).then(e=>e.n)),bt=m(()=>import(`./DataTable-WNecJMcY.js`)),xt=m(()=>import(`./UserOptions-DTxMeZv3.js`).then(e=>e.n)),St=m(()=>import(`./PenAndPaper-IMw576MC.js`).then(e=>e.t)),Ct=m(()=>import(`./PackageVersion-CdkxOy58.js`).then(e=>e.t)),wt=m(()=>import(`./BaseDraggableDialog-D_tuHEjO.js`).then(e=>e.n)),{vue_ui_onion:Tt}=ge(),T=e,Et=l(()=>!!T.dataset&&T.dataset.length),E=b(ie()),Dt=b(null),Ot=b(0),D=b(!1),kt=b(``),O=b([]),k=b(null),At=b(null),jt=b(null),Mt=b(null),Nt=b(null),Pt=b(0),Ft=b(0),It=b(0),A=b(!1),Lt=b(!1),Rt=b(null),j=b(null),zt=b({x:0,y:0}),Bt=b(`pointer`),Vt=b(!1),M=b(Jt()),N=l(()=>M.value.userOptions),P=l(()=>M.value.style.chart.layout.labels),F=l(()=>M.value.style.chart.layout),I=l(()=>M.value.style.chart.tooltip),L=l(()=>M.value.style.chart);me({config:()=>M.value,dataset:()=>T.dataset,component:`VueUiOnion`,rules:[he.emptyArray,{test:e=>e.length>8,message:[`👀 The number of series is > 8. Consider:`,``,`▶️ Grouping small values dynamically into a single "Other" series.`,``,`▶️ Using filters to let users choose a maximum number of series to display.`,``,`▶️ Using VueUiHorizontalBar instead to make the dataset breakdown easier to read.`]}]});let{transitionEnabled:R}=xe({config:()=>M.value.transitions,dataset:()=>T.dataset}),z=l(()=>M.value.userOptions.useCursorPointer),Ht=l(()=>ce({defaultConfig:{userOptions:{show:!1},table:{show:!1},style:{chart:{backgroundColor:`#99999930`,layout:{gutter:{color:`#99999950`},labels:{show:!1}},legend:{backgroundColor:`transparent`}}}},userConfig:M.value.skeletonConfig??{}})),{loading:B,FINAL_DATASET:Ut,manualLoading:Wt}=ve({...qe(T),FINAL_CONFIG:M,prepareConfig:Jt,callback:()=>{Promise.resolve().then(async()=>{await Ve(),bn()})},skeletonDataset:T.config?.skeletonDataset??[{name:`_`,percentage:50,value:1,color:`#DBDBDB`},{name:`_`,percentage:50,value:1,color:`#C4C4C4`},{name:`_`,percentage:50,value:1,color:`#ADADAD`},{name:`_`,percentage:50,value:1,color:`#969696`}],skeletonConfig:ce({defaultConfig:M.value,userConfig:Ht.value})}),{userOptionsVisible:Gt,setUserOptionsVisibility:Kt,keepUserOptionState:qt}=ke({config:M.value}),{svgRef:V}=Ae({config:L.value.title});function Jt(){return Oe(T.config,Tt,Fe)}let Yt=ae(T.config);Je(()=>T.config,(e,t)=>{let n=ae(e),r=n!==Yt;Yt=n;let i=Jt();if(!r){M.value.style.chart.tooltip=i.style.chart.tooltip,H.value.showTooltip=M.value.style.chart.tooltip.show;return}B.value||(M.value=i),Gt.value=!M.value.userOptions.showOnChartHover,pn(),Pt.value+=1,Ft.value+=1,It.value+=1,H.value.showTable=M.value.table.show,H.value.showTooltip=I.value.show},{deep:!0});let{isPrinting:Xt,isImaging:Zt,generatePdf:Qt,generateImage:$t}=_e({elementId:`vue-ui-onion_${E.value}`,fileName:L.value.title.text||`vue-ui-onion`,options:M.value.userOptions.print}),en=l(()=>M.value.userOptions.show&&!L.value.title.text),tn=l(()=>fe(M.value.customPalette)),H=b({showTable:M.value.table.show,showTooltip:I.value.show});Je(M,()=>{H.value={showTable:M.value.table.show,showTooltip:I.value.show}},{immediate:!0});let U=b({height:512,width:512,padding:{top:64,left:64,right:64,bottom:64},minRadius:64}),W=Ge(null),G=Ge(null);Ue(()=>{Lt.value=!0,pn()});let{autoSizeLabels:nn}=Pe({svgRef:V,fontSize:()=>P.value.fontSize,minFontSize:()=>P.value.minFontSize,labelClass:`.vue-ui-onion-label`}),K=null,rn=null,an=0;function on(){K!==null&&(cancelAnimationFrame(K),K=null),rn!==null&&(clearTimeout(rn),rn=null)}function sn(e){return String(e).split(`,`).map(e=>{let t=e.trim(),n=Number.parseFloat(t);return Number.isFinite(n)?t.endsWith(`ms`)?n:n*1e3:0})}function cn(){return typeof window>`u`||!R.value||A.value||B.value||!V.value?0:Array.from(V.value.querySelectorAll(`.vue-ui-onion-label.vue-data-ui-transition`)).reduce((e,t)=>{let n=window.getComputedStyle(t);if(n.transitionProperty===`none`)return e;let r=sn(n.transitionDuration),i=sn(n.transitionDelay),a=Math.max(r.length,i.length),o=Array.from({length:a},(e,t)=>(r[t%r.length]??0)+(i[t%i.length]??0)).reduce((e,t)=>Math.max(e,t),0);return Math.max(e,o)},0)}function ln(){typeof window<`u`&&(K=requestAnimationFrame(()=>{K=null,nn()}))}function un(){if(typeof window>`u`)return;let e=++an;on(),Ve(()=>{e===an&&(K=requestAnimationFrame(()=>{if(K=null,e!==an)return;let t=cn();if(t<=0){ln();return}rn=setTimeout(()=>{rn=null,e===an&&ln()},t+34)}))})}let dn=l(()=>M.value.debug),fn=null;function pn(){if(pe(T.dataset)&&(oe({componentName:`VueUiOnion`,type:`dataset`,debug:dn.value}),Wt.value=!0),pe(T.dataset)||(Wt.value=M.value.loading),M.value.responsive){let e=64/512,t=we(()=>{fn&&clearTimeout(fn),A.value=!0;let{width:t,height:n}=Te({chart:k.value,title:L.value.title.text?At.value:null,legend:L.value.legend.show?jt.value:null,source:Mt.value,noTitle:Nt.value});n-=12,requestAnimationFrame(async()=>{U.value.width=t,U.value.height=n,U.value.padding.top=Math.max(t,n)*e,U.value.padding.right=Math.max(t,n)*e,U.value.padding.bottom=Math.max(t,n)*e,U.value.padding.left=Math.max(t,n)*e,U.value.minRadius=Math.min(t,n)*e,fn=setTimeout(()=>{A.value=!1,un()},0)})});W.value&&(G.value&&W.value.unobserve(G.value),W.value.disconnect()),W.value=new ResizeObserver(t),G.value=k.value.parentNode,W.value.observe(G.value)}un()}He(()=>{an+=1,on(),W.value&&(G.value&&W.value.unobserve(G.value),W.value.disconnect())});let q=l(()=>({top:U.value.padding.top,left:U.value.padding.left,right:U.value.width-U.value.padding.right,bottom:U.value.height-U.value.padding.bottom,centerX:U.value.width/2,centerY:U.value.height/2,width:U.value.width-U.value.padding.right-U.value.padding.left,height:U.value.height-U.value.padding.bottom-U.value.padding.top,minRadius:U.value.minRadius,maxRadius:Math.min(U.value.width,U.value.height)-U.value.padding.top*2})),J=l(()=>(dn.value&&Ut.value.forEach((e,t)=>{[null,void 0].includes(e.name)&&oe({componentName:`VueUiOnion`,type:`datasetSerieAttribute`,property:`name`,index:t}),[void 0].includes(e.percentage)&&oe({componentName:`VueUiOnion`,type:`datasetSerieAttribute`,property:`percentage`,index:t})}),Ut.value.map((e,t)=>{let n=`onion_serie_${t}_${E.value}`;return{...e,percentage:e.percentage||0,targetPercentage:e.percentage||0,color:re(e.color)||tn.value[t]||ne[t],id:n,shape:`circle`,opacity:O.value.includes(n)?.5:1,absoluteIndex:t,segregate:()=>En(n),isSegregated:O.value.includes(n)}}))),mn=l(()=>J.value.map((e,t)=>{let n=L.value.legend.showValue,r=L.value.legend.showPercentage,i=In({showVal:n,showPercentage:r,val:se(P.value.value.formatter,e.value,s({p:e.prefix||``,v:e.value,s:e.suffix||``,r:L.value.legend.roundingValue})),percentage:s({v:e.percentage??0,s:`%`,r:L.value.legend.roundingPercentage}),config:L.value.legend});return{...e,display:`${e.name}${n||r?`: `:``}${i}`}})),hn=b(J.value),gn=l(()=>M.value.useStartAnimation),_n=b(null),vn=l(()=>Math.max(...J.value.map(e=>e.percentage))),yn=b(!1);Je(()=>J.value,bn,{immediate:!0,deep:!0}),Je(()=>T.dataset,e=>{Array.isArray(e)&&e.length>0&&(Wt.value=!1),un()},{deep:!0,flush:`post`});function bn(){if(gn.value&&!yn.value&&!B.value){hn.value=J.value.map(e=>({...e,percentage:0}));let e=0;function t(){e>=vn.value?(cancelAnimationFrame(_n.value),hn.value=J.value,yn.value=!0):(hn.value=J.value.map(t=>({...t,percentage:e<t.targetPercentage?e:t.targetPercentage})),e+=1,requestAnimationFrame(t),yn.value=!0)}t()}else hn.value=J.value}let xn=l(()=>({cy:`onion-div-legend`,backgroundColor:L.value.legend.backgroundColor,color:L.value.legend.color,fontSize:L.value.legend.fontSize,paddingBottom:12,fontWeight:L.value.legend.bold?`bold`:``})),Sn=l(()=>J.value.filter(e=>!O.value.includes(e.id)).length),Y=l(()=>{let e=Math.min(q.value.width,q.value.height)/2/J.value.length;return{gutter:(e>F.value.maxThickness?F.value.maxThickness:e)*F.value.gutter.width,track:(e>F.value.maxThickness?F.value.maxThickness:e)*F.value.track.width}}),X=l(()=>hn.value.filter(e=>!O.value.includes(e.id)).map((e,t)=>{let n=(q.value.maxRadius-Y.value.track)/Sn.value/2*(1+t),r=q.value.centerY-n;return{percentage:e.percentage||0,...e,labelY:r,radius:n,path:Cn(n,e.percentage||0)}}));function Cn(e,t){let n=2*Math.PI*e,r=n*.75,i=`${r} ${n}`,a=r*(1-t/100);return{bgDashArray:`${r} ${n}`,bgDashOffset:0,dashArray:i,dashOffset:a,fullOffset:0,active:`
-            M ${q.value.centerX},${q.value.centerY-e} 
-            A ${e},${e} 0 1 1 
-            ${q.value.centerX+e*Math.cos(Math.PI*3/4)},${q.value.centerY+e*Math.sin(Math.PI*3/4)}
-        `.trim()}}let wn=Ye;function Tn(){O.value.length?O.value=[]:mn.value.forEach(e=>{O.value.push(e.id)}),un(),wn(`selectLegend`,X.value)}function En(e){if(O.value.includes(e))O.value=O.value.filter(t=>t!==e);else{if(O.value.length===J.value.length-1)return;O.value.push(e)}un(),wn(`selectLegend`,X.value)}function Dn(e){return J.value.length?J.value.find(t=>t.name===e)||(dn.value&&console.warn(`VueUiOnion - Series name not found "${e}"`),null):(dn.value&&console.warn(`VueUiOnion - There are no series to show.`),null)}function On(e){let t=Dn(e);t!==null&&O.value.includes(t.id)&&En(t.id)}function kn(e){let t=Dn(e);t!==null&&(O.value.includes(t.id)||En(t.id))}function An(){return X.value}let jn=l(()=>({head:[M.value.table.translations.serie,M.value.table.translations.percentage,M.value.table.translations.value],body:X.value.map(e=>[e.name,e.percentage,e.value])})),Z=l(()=>{let e=jn.value.head;return{head:e,body:X.value.map(e=>[`<span style="color:${e.color}" aria-hidden="true">⬤</span> ${e.name}`,`${Number(e.percentage??0).toFixed(M.value.table.td.roundingPercentage).toLocaleString()}%`,`${e.prefix||``}${[null,void 0,NaN,`NaN`].includes(e.value)?`-`:e.value.toFixed(M.value.table.td.roundingValue).toLocaleString()}${e.suffix||``}`]),config:{th:{backgroundColor:M.value.table.th.backgroundColor,color:M.value.table.th.color,outline:M.value.table.th.outline},td:{backgroundColor:M.value.table.td.backgroundColor,color:M.value.table.td.color,outline:M.value.table.td.outline},breakpoint:M.value.table.responsiveBreakpoint},colNames:e}});function Mn(e=null){Ve(()=>{let t=[[L.value.title.text],[L.value.title.subtitle.text],[``]],n=jn.value.head,r=jn.value.body,i=t.concat([n]).concat(r),a=ee(i);e?e(a):le({csvContent:a,title:L.value.title.text||`vue-ui-onion`})})}let Q=b(void 0),$=b(!1);function Nn(e){$.value=e,Ot.value+=1}function Pn({datapoint:e}){M.value.events.datapointClick&&M.value.events.datapointClick({datapoint:e,seriesIndex:e.absoluteIndex})}function Fn({datapoint:e}){Q.value=void 0,D.value=!1,j.value=null,Bt.value=`pointer`,M.value.events.datapointLeave&&M.value.events.datapointLeave({datapoint:e,seriesIndex:e.absoluteIndex})}function In({val:e,percentage:t,showVal:n,showPercentage:r,config:i}){return Me({config:i,val:e,percentage:t,showVal:n,showPercentage:r})}function Ln(e,t){let n=P.value.value.show,r=P.value.percentage.show,i=In({config:P.value,showVal:n,showPercentage:r,val:se(P.value.value.formatter,e.value,s({p:e.prefix||``,v:e.value||0,s:e.suffix||``,r:P.value.roundingValue}),{datapoint:e,seriesIndex:t}),percentage:s({v:e.percentage,s:`%`,r:P.value.roundingPercentage})});return`${e.name}${n||r?`: `:``}${i}`}let Rn=b(null);function zn({datapoint:e,seriesIndex:t,show:n=!0,triggerMode:r=`pointer`}){M.value.events.datapointEnter&&M.value.events.datapointEnter({datapoint:e,seriesIndex:e.absoluteIndex}),Bt.value=r,j.value=t;let i=e.absoluteIndex;Q.value=t,Rn.value={datapoint:e,seriesIndex:i,series:J.value,config:M.value},D.value=n;let a=``,o=I.value.customFormat;if(te(o)&&ue(()=>o({seriesIndex:i,datapoint:e,series:J.value,config:M.value})))kt.value=o({seriesIndex:i,datapoint:e,series:J.value,config:M.value});else{let n=I.value.showPercentage,r=I.value.showValue;a+=`<div style="width:100%;text-align:center;border-bottom:1px solid ${I.value.borderColor};padding-bottom:6px;margin-bottom:3px;">${e.name}</div>`,a+=`<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 60 60" height="14" width="14"><circle cx="30" cy="30" r="30" stroke="none" fill="${e.color}"/></svg>`,a+=`<b>${In({config:I.value,showVal:r,showPercentage:n,val:`<span>${se(P.value.value.formatter,e.value,s({p:e.prefix||``,v:e.value,s:e.suffix||``,r:I.value.roundingValue}),{datapoint:e,seriesIndex:t})}</span>`,percentage:s({v:e.percentage,s:`%`,r:I.value.roundingPercentage})})}</b></div>`,kt.value=`<div>${a}</div>`}}function Bn(){H.value.showTable=!H.value.showTable}function Vn(){H.value.showTooltip=!H.value.showTooltip}let Hn=b(!1);function Un(){Hn.value=!Hn.value}let Wn=je(k,()=>L.value.title.text),Gn=l(()=>n({config:M,style:L,mutableConfig:H,dialog:wt,accordion:yt,isFullscreen:$,parent:k,maxWidth:600,isCursorPointer:z}));Je(()=>H.value.showTable,e=>t(e,M,Rt));let Kn=l(()=>mn.value.map(e=>({...e,name:e.display}))),qn=l(()=>L.value.backgroundColor),Jn=l(()=>L.value.legend),Yn=l(()=>L.value.title),{isCallbackImaging:Xn,isCallbackSvg:Zn,generateSvg:Qn,onGenerateImage:$n}=be({svg:V,title:Yn,legend:Jn,legendItems:Kn,backgroundColor:qn,getSvgCallback:()=>M.value.userOptions.callbacks.svg,generateImage:$t});async function er(){if(wn(`copyAlt`,{config:M.value,dataset:X.value}),!M.value.userOptions.callbacks.altCopy){console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");return}await Promise.resolve(M.value.userOptions.callbacks.altCopy({config:M.value,dataset:X.value}))}function tr(){j.value=null,Vt.value=!0}function nr(){j.value=null,Bt.value=`pointer`,D.value=!1,Q.value=void 0,Vt.value=!1}function rr(e){if(!V.value||Hn.value||document.activeElement!==V.value||!X.value.length)return;let t=[`ArrowLeft`,`ArrowDown`].includes(e.key),n=[`ArrowRight`,`ArrowUp`].includes(e.key),r=e.key===`Enter`||e.key===` `,i=e.key===`Escape`;if(!t&&!n&&!r&&!i)return;if(e.preventDefault(),e.stopPropagation(),i){j.value=null,Bt.value=`pointer`,D.value=!1,Q.value=void 0;return}if(r){if(j.value===null)return;let e=X.value[j.value];if(!e)return;Pn({datapoint:e});return}let a=j.value;a===null||a<0||a>=X.value.length?a=n?0:X.value.length-1:n?(a+=1,a>=X.value.length&&(a=0)):t&&(--a,a<0&&(a=X.value.length-1));let o=X.value[a];o&&(ir(a),zn({datapoint:o,seriesIndex:a,show:!0,triggerMode:`keyboard`}))}function ir(e){if(!Number.isFinite(e)||!V.value)return;let t=X.value[e];if(!t)return;let n=t.radius,r=Math.PI*7/4,i=q.value.centerX+n*Math.cos(r),a=q.value.centerY+n*Math.sin(r),o=V.value.getBoundingClientRect();zt.value={x:o.left+i/U.value.width*o.width,y:o.top+a/U.value.height*o.height}}let ar=l(()=>({headers:Z.value?.colNames??[],rows:Z.value?.body??[]}));return Ce({getData:An,getImage:Wn,generatePdf:Qt,generateCsv:Mn,generateImage:$t,generateSvg:Qn,hideSeries:kn,showSeries:On,toggleTable:Bn,toggleTooltip:Vn,toggleAnnotator:Un,toggleFullscreen:Nn,copyAlt:er}),(e,t)=>(y(),f(`div`,{class:g(`vue-data-ui-component vue-ui-onion ${$.value?`vue-data-ui-wrapper-fullscreen`:``} ${M.value.useCssAnimation?``:`vue-ui-dna`}`),ref_key:`onionChart`,ref:k,id:`vue-ui-onion_${E.value}`,style:v(`font-family:${M.value.style.fontFamily};width:100%; ${M.value.responsive?`height: 100%;`:``} text-align:center;background:${L.value.backgroundColor}`),onMouseenter:t[4]||=()=>C(Kt)(!0),onMouseleave:t[5]||=()=>C(Kt)(!1)},[p(`div`,{id:`chart-instructions-${E.value}`,class:`sr-only`},[p(`p`,null,Ke(M.value.a11y.translations.keyboardNavigation),1)],8,Ze),ar.value?.rows?.length?(y(),u(De,{key:0,uid:E.value,head:ar.value.headers,body:ar.value.rows,notice:M.value.a11y.translations.tableAvailable,caption:M.value.a11y.translations.tableCaption},null,8,[`uid`,`head`,`body`,`notice`,`caption`])):d(``,!0),N.value.buttons.annotator?(y(),u(C(St),{key:1,svgRef:C(V),backgroundColor:L.value.backgroundColor,color:L.value.color,active:Hn.value,isCursorPointer:z.value,palette:N.value.annotatorPalette,onClose:Un},Le({_:2},[x(C(i),t=>({name:t,fn:w(n=>[S(e.$slots,t,_(h(C(r)(t,n))),void 0,!0)])}))]),1032,[`svgRef`,`backgroundColor`,`color`,`active`,`isCursorPointer`,`palette`])):d(``,!0),en.value?(y(),f(`div`,{key:2,ref_key:`noTitle`,ref:Nt,class:`vue-data-ui-no-title-space`,style:`height:36px; width: 100%;background:transparent`},null,512)):d(``,!0),L.value.title.text?(y(),f(`div`,{key:3,ref_key:`chartTitle`,ref:At,style:`width:100%;background:transparent`},[(y(),u(Se,{key:`title_${Pt.value}`,config:{title:{cy:`onion-div-title`,...L.value.title},subtitle:{cy:`onion-div-subtitle`,...L.value.title.subtitle}}},null,8,[`config`]))],512)):d(``,!0),p(`div`,{id:`legend-top-${E.value}`},null,8,Qe),N.value.show&&Et.value&&(C(qt)||C(Gt))?(y(),u(C(xt),{ref_key:`details`,ref:Dt,key:`user_options${Ot.value}`,backgroundColor:L.value.backgroundColor,color:L.value.color,isImaging:C(Zt),isPrinting:C(Xt),uid:E.value,hasTooltip:N.value.buttons.tooltip&&I.value.show,hasPdf:N.value.buttons.pdf,hasImg:N.value.buttons.img,hasSvg:N.value.buttons.svg,hasXls:N.value.buttons.csv,hasTable:N.value.buttons.table,hasFullscreen:N.value.buttons.fullscreen,hasAltCopy:N.value.buttons.altCopy,isFullscreen:$.value,isTooltip:H.value.showTooltip,titles:{...N.value.buttonTitles},chartElement:k.value,position:N.value.position,hasAnnotator:N.value.buttons.annotator,isAnnotation:Hn.value,callbacks:N.value.callbacks,printScale:N.value.print.scale,tableDialog:M.value.table.useDialog,isCursorPointer:z.value,onToggleFullscreen:Nn,onGeneratePdf:C(Qt),onGenerateCsv:Mn,onGenerateImage:C($n),onGenerateSvg:C(Qn),onToggleTable:Bn,onToggleTooltip:Vn,onToggleAnnotator:Un,onCopyAlt:er,style:v({visibility:C(qt)?C(Gt)?`visible`:`hidden`:`visible`})},Le({_:2},[x(C(a)(e.$slots,`menuIcon optionTooltip optionPdf optionCsv optionImg optionSvg optionTable optionFullscreen optionAnnotator optionAltCopy custom-menu-before custom-menu-after`),t=>({name:t,fn:w(n=>[S(e.$slots,t,_(h(C(o)(t,n))),void 0,!0)])}))]),1032,/* @__PURE__ */ `backgroundColor.color.isImaging.isPrinting.uid.hasTooltip.hasPdf.hasImg.hasSvg.hasXls.hasTable.hasFullscreen.hasAltCopy.isFullscreen.isTooltip.titles.chartElement.position.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg.style`.split(`.`))):d(``,!0),p(`div`,$e,[(y(),f(`svg`,{ref_key:`svgRef`,ref:V,xmlns:C(de),"aria-describedby":`chart-instructions-${E.value}`,class:g({"vue-data-ui-fullscreen--on":$.value,"vue-data-ui-fulscreen--off":!$.value,resizing:A.value,"vue-data-ui-no-transition":!C(R)||A.value||C(B)}),viewBox:`0 0 ${U.value.width<=0?10:U.value.width} ${U.value.height<=0?10:U.value.height}`,style:v(`max-width:100%;overflow:visible;background:transparent;color:${L.value.color}`),tabindex:`0`,onFocus:tr,onBlur:nr,onKeydown:rr},[ze(C(Ct)),e.$slots[`chart-background`]?(y(),f(`foreignObject`,{key:0,x:0,y:0,width:U.value.width<=0?10:U.value.width,height:U.value.height<=0?10:U.value.height,style:{pointerEvents:`none`}},[S(e.$slots,`chart-background`,{},void 0,!0)],8,tt)):d(``,!0),(y(!0),f(c,null,x(X.value,(e,t)=>(y(),f(`circle`,{cx:q.value.centerX,cy:q.value.centerY,r:e.radius<=0?1e-4:e.radius,stroke:F.value.gutter.color,"stroke-width":Y.value.gutter,fill:`none`,"stroke-dasharray":e.path.bgDashArray,"stroke-dashoffset":e.path.fullOffset,"stroke-linecap":`round`,class:g({"vue-ui-onion-path":!0,"vue-ui-onion-blur":M.value.useBlurOnHover&&![null,void 0].includes(Q.value)&&Q.value!==t,"vue-data-ui-transition":C(R)}),style:{transform:`rotate(-90deg)`,transformOrigin:`50% 50%`}},null,10,nt))),256)),(y(!0),f(c,null,x(X.value,(e,t)=>(y(),f(`circle`,{cx:q.value.centerX,cy:q.value.centerY,r:e.radius<0?1e-4:e.radius,stroke:`${e.color}`,"stroke-width":Y.value.track,fill:`none`,"stroke-dasharray":e.path.dashArray,"stroke-dashoffset":e.path.dashOffset,class:g({"vue-ui-onion-path":!0,"vue-ui-onion-blur":M.value.useBlurOnHover&&![null,void 0].includes(Q.value)&&Q.value!==t,"vue-data-ui-transition":C(R)}),"stroke-linecap":`round`,style:{transform:`rotate(-90deg)`,transformOrigin:`50% 50%`}},null,10,rt))),256)),p(`defs`,null,[p(`filter`,{id:`blur_${E.value}`,x:`-50%`,y:`-50%`,width:`200%`,height:`200%`},[p(`feGaussianBlur`,{in:`SourceGraphic`,stdDeviation:100/L.value.gradientIntensity},null,8,at)],8,it)]),L.value.useGradient?(y(),f(`g`,{key:1,filter:`url(#blur_${E.value})`},[(y(!0),f(c,null,x(X.value,(e,t)=>(y(),f(`circle`,{cx:q.value.centerX,cy:q.value.centerY,r:e.radius<=0?1e-4:e.radius,stroke:`white`,"stroke-width":Y.value.track/3,fill:`none`,"stroke-linecap":`round`,"stroke-dasharray":e.path.dashArray,"stroke-dashoffset":e.path.dashOffset,style:{transform:`rotate(-90deg)`,transformOrigin:`50% 50%`},class:g({"vue-data-ui-transition":C(R)})},null,10,st))),256))],8,ot)):d(``,!0),(y(!0),f(c,null,x(X.value,(e,t)=>(y(),f(`circle`,{cx:q.value.centerX,cy:q.value.centerY,r:e.radius<=0?1e-4:e.radius,stroke:`transparent`,"stroke-width":Math.max(Y.value.track,Y.value.gutter),fill:`none`,"stroke-dasharray":e.path.bgDashArray,"stroke-dashoffset":e.path.fullOffset,"stroke-linecap":`round`,class:`vue-ui-onion-path`,style:{transform:`rotate(-90deg)`,transformOrigin:`50% 50%`},onMouseenter:n=>zn({datapoint:e,show:!0,seriesIndex:t,triggerMode:`pointer`}),onMouseleave:t=>Fn({datapoint:e}),onClick:t=>Pn({datapoint:e})},null,40,ct))),256)),P.value.show?(y(),f(`g`,lt,[(y(!0),f(c,null,x(X.value,(e,t)=>(y(),f(`g`,{key:`dl_${e.id}`,onMouseenter:n=>zn({datapoint:e,show:!0,seriesIndex:t,triggerMode:`pointer`}),onMouseleave:t=>Fn({datapoint:e}),onClick:t=>Pn({datapoint:e})},[O.value.includes(e.id)?d(``,!0):(y(),f(`text`,{key:0,class:g([`vue-ui-onion-label`,{"vue-data-ui-transition":C(R)}]),transform:`translate(${U.value.width/2-Y.value.gutter*.8+P.value.offsetX},${e.labelY+P.value.offsetY})`,"text-anchor":`end`,"font-size":P.value.fontSize,fill:M.value.useBlurOnHover&&![null,void 0].includes(Q.value)&&Q.value===t?e.color:P.value.color,"font-weight":P.value.bold?`bold`:`normal`},Ke(Ln(e,t)),11,dt))],40,ut))),128))])):d(``,!0),S(e.$slots,`svg`,{svg:{...U.value,drawingArea:q.value,isPrintingImg:C(Xt)||C(Zt)||C(Xn),isPrintingSvg:C(Zn)}},void 0,!0)],46,et)),e.$slots.hint?(y(),f(`div`,ft,[S(e.$slots,`hint`,_(h({hint:M.value.a11y.translations.keyboardNavigation,isVisible:Vt.value})),void 0,!0)])):d(``,!0)]),e.$slots.watermark?(y(),f(`div`,pt,[S(e.$slots,`watermark`,_(h({isPrinting:C(Xt)||C(Zt)||C(Xn)||C(Zn)})),void 0,!0)])):d(``,!0),p(`div`,{id:`legend-bottom-${E.value}`},null,8,mt),Lt.value&&(L.value.legend.show||e.$slots.legend)?(y(),u(Ie,{key:6,to:L.value.legend.position===`top`?`#legend-top-${E.value}`:`#legend-bottom-${E.value}`},[p(`div`,{ref_key:`chartLegend`,ref:jt},[S(e.$slots,`legend`,{legend:mn.value},()=>[L.value.legend.show?(y(),u(Ne,{key:`legend_${It.value}`,legendSet:mn.value,config:xn.value,isCursorPointer:z.value,onClickMarker:t[0]||=({legend:e})=>En(e.id)},{item:w(({legend:e})=>[C(B)?d(``,!0):(y(),f(`div`,{key:0,"data-cy-legend-item":``,onClick:t=>e.segregate(),style:v(`opacity:${O.value.includes(e.id)?.5:1}`)},Ke(e.display),13,ht))]),legendToggle:w(()=>[mn.value.length>2&&L.value.legend.selectAllToggle.show&&!C(B)?(y(),u(Ee,{key:0,backgroundColor:L.value.legend.selectAllToggle.backgroundColor,color:L.value.legend.selectAllToggle.color,fontSize:L.value.legend.fontSize,checked:O.value.length>0,isCursorPointer:z.value,onToggle:Tn},null,8,[`backgroundColor`,`color`,`fontSize`,`checked`,`isCursorPointer`])):d(``,!0)]),_:1},8,[`legendSet`,`config`,`isCursorPointer`])):d(``,!0)],!0)],512)],8,[`to`])):d(``,!0),e.$slots.source?(y(),f(`div`,{key:7,ref_key:`source`,ref:Mt,dir:`auto`},[S(e.$slots,`source`,{},void 0,!0)],512)):d(``,!0),ze(C(_t),{teleportTo:I.value.teleportTo,show:H.value.showTooltip&&D.value,backgroundColor:I.value.backgroundColor,color:I.value.color,borderRadius:I.value.borderRadius,borderColor:I.value.borderColor,borderWidth:I.value.borderWidth,fontSize:I.value.fontSize,backgroundOpacity:I.value.backgroundOpacity,position:I.value.position,offsetX:I.value.offsetX,offsetY:I.value.offsetY,parent:k.value,content:kt.value,isFullscreen:$.value,isCustom:C(te)(I.value.customFormat),smooth:I.value.smooth,backdropFilter:I.value.backdropFilter,smoothForce:I.value.smoothForce,smoothSnapThreshold:I.value.smoothSnapThreshold,isA11yMode:Bt.value===`keyboard`,a11yPosition:zt.value},{"tooltip-before":w(()=>[S(e.$slots,`tooltip-before`,_(h({...Rn.value})),void 0,!0)]),tooltip:w(()=>[S(e.$slots,`tooltip`,_(h({...Rn.value})),void 0,!0)]),"tooltip-after":w(()=>[S(e.$slots,`tooltip-after`,_(h({...Rn.value})),void 0,!0)]),_:3},8,[`teleportTo`,`show`,`backgroundColor`,`color`,`borderRadius`,`borderColor`,`borderWidth`,`fontSize`,`backgroundOpacity`,`position`,`offsetX`,`offsetY`,`parent`,`content`,`isFullscreen`,`isCustom`,`smooth`,`backdropFilter`,`smoothForce`,`smoothSnapThreshold`,`isA11yMode`,`a11yPosition`]),Et.value&&N.value.buttons.table?(y(),u(We(Gn.value.component),Be({key:8},Gn.value.props,{ref_key:`tableUnit`,ref:Rt,onClose:t[3]||=e=>H.value.showTable=!1}),Le({content:w(()=>[(y(),u(C(bt),{key:`table_${Ft.value}`,colNames:Z.value.colNames,head:Z.value.head,body:Z.value.body,config:Z.value.config,title:M.value.table.useDialog?``:Gn.value.title,withCloseButton:!M.value.table.useDialog,isCursorPointer:z.value,onClose:t[2]||=e=>H.value.showTable=!1},{th:w(({th:e})=>[Re(Ke(e),1)]),td:w(({td:e})=>[p(`div`,{innerHTML:e},null,8,gt)]),_:1},8,[`colNames`,`head`,`body`,`config`,`title`,`withCloseButton`,`isCursorPointer`]))]),_:2},[M.value.table.useDialog?{name:`title`,fn:w(()=>[Re(Ke(Gn.value.title),1)]),key:`0`}:void 0,M.value.table.useDialog?{name:`actions`,fn:w(()=>[p(`button`,{tabindex:`0`,class:`vue-ui-user-options-button`,onClick:t[1]||=e=>Mn(N.value.callbacks.csv),style:v({cursor:z.value?`pointer`:`default`})},[ze(C(vt),{name:`fileCsv`,stroke:Gn.value.props.color},null,8,[`stroke`])],4)]),key:`1`}:void 0]),1040)):d(``,!0),S(e.$slots,`skeleton`,{},()=>[C(B)?(y(),u(ye,{key:0})):d(``,!0)],!0)],46,Xe))}},[[`__scopeId`,`data-v-85a8190e`]]);export{Ye as n,_t as t};

package/dist/vue-ui-parallel-coordinate-plot-CHV6XDti.js

@@ -1,9 +0,0 @@
-import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{n as t,t as n}from"./tableIntegration-CNoJ1CIY.js";import{n as r,t as i}from"./annotationSlots-BRR85CqJ.js";import{n as a,t as o}from"./userOptionsSlots-DYuo-E5m.js";import{$ as ee,D as te,Dt as ne,Ht as s,J as re,Jt as ie,P as ae,S as oe,U as se,X as ce,Zt as le,_ as ue,at as de,i as fe,in as pe,nt as me,pt as he,rn as ge,t as _e,tn as ve,w as ye,xt as be,yt as xe,zt as Se}from"./lib-CV_IANZ6.js";import{n as Ce,t as we}from"./useHints-BH9r_0Vd.js";import{t as Te}from"./useConfig-CKdzPrcf.js";import{t as Ee}from"./usePrinter-hLW3cv4N.js";import{n as De,t as Oe}from"./BaseScanner-8NdoBs7B.js";import{t as ke}from"./useChartExport-DtPNpc9M.js";import{t as Ae}from"./useTransitions-DfSHzsdz.js";import{t as je}from"./useTimeLabelCollider-XQf_S7-z.js";import{n as Me}from"./Title-BGYFqulv.js";import{t as Ne}from"./Shape-Bp9YNtPc.js";import{t as Pe}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{l as Fe,t as Ie}from"./useResponsive-D2CPcpda.js";import{t as Le}from"./BaseLegendToggle-Bq5FjyuI.js";import{t as Re}from"./A11yDataTable-DWNlWXzs.js";import{n as ze}from"./resolveChartConfig-DZg-korK.js";import{t as Be}from"./useUserOptionState-CXlFnwPv.js";import{t as Ve}from"./useChartAccessibility-DOMuYJfm.js";import{t as He}from"./chartImage-CIvU_04o.js";import{t as Ue}from"./Legend-D8YoT1RJ.js";import{t as We}from"./vue_ui_parallel_coordinate_plot-Cs_xXAG5.js";import{Fragment as c,Teleport as Ge,computed as l,createBlock as u,createCommentVNode as d,createElementBlock as f,createElementVNode as p,createSlots as Ke,createTextVNode as qe,createVNode as Je,defineAsyncComponent as m,guardReactiveProps as h,mergeProps as Ye,nextTick as Xe,normalizeClass as g,normalizeProps as _,normalizeStyle as v,onBeforeUnmount as Ze,onMounted as Qe,openBlock as y,ref as b,renderList as x,renderSlot as S,resolveDynamicComponent as $e,shallowRef as et,toDisplayString as C,toRefs as tt,unref as w,watch as nt,watchEffect as rt,withCtx as T}from"vue";var it=/* @__PURE__ */ e({default:()=>kt}),at=[`id`],ot=[`id`],st=[`id`],ct={style:{position:`relative`}},lt=[`xmlns`,`aria-describedby`,`viewBox`],ut=[`x`,`y`,`width`,`height`],dt={style:{"pointer-events":`none`}},ft=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],pt=[`d`,`stroke`,`stroke-width`],mt={key:0},ht=[`transform`,`fill`,`font-size`,`font-weight`],gt=[`fill`,`font-size`,`font-weight`,`text-anchor`,`transform`],_t=[`fill`,`font-size`,`font-weight`,`text-anchor`,`transform`,`innerHTML`],vt={key:0},yt=[`x`,`y`,`font-size`,`fill`],bt=[`width`,`x`,`y`],xt={style:{width:`100%`}},St=[`d`,`stroke`,`stroke-width`,`onMouseenter`,`onMouseleave`,`onClick`],Ct=[`d`,`onMouseenter`,`onMouseleave`,`onClick`],wt=[`transform`,`fill`,`font-weight`,`font-size`,`stroke`,`onMouseenter`,`onMouseleave`,`onClick`],Tt={key:0,style:{position:`absolute`,top:`100%`,left:`0`,width:`100%`},"data-dom-to-png-ignore":``,"aria-hidden":`true`},Et={key:5,class:`vue-data-ui-watermark`},Dt=[`id`],Ot=[`onClick`],kt=/*#__PURE__*/ Pe({__name:`vue-ui-parallel-coordinate-plot`,props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:[`selectLegend`,`selectDatapoint`,`copyAlt`],setup(e,{expose:Pe,emit:it}){let kt=m(()=>import(`./Tooltip-Cus2-XNQ.js`)),At=m(()=>import(`./BaseIcon-DdIyewwY.js`).then(e=>e.n)),jt=m(()=>import(`./vue-ui-accordion-BNvevckx.js`).then(e=>e.n)),Mt=m(()=>import(`./DataTable-WNecJMcY.js`)),Nt=m(()=>import(`./PenAndPaper-IMw576MC.js`).then(e=>e.t)),Pt=m(()=>import(`./UserOptions-DTxMeZv3.js`).then(e=>e.n)),Ft=m(()=>import(`./PackageVersion-CdkxOy58.js`).then(e=>e.t)),It=m(()=>import(`./BaseDraggableDialog-D_tuHEjO.js`).then(e=>e.n)),{vue_ui_parallel_coordinate_plot:Lt}=Te(),E=e,Rt=l({get(){return!!E.dataset&&E.dataset.length},set(e){return e}}),zt=b(0),D=b(null),Bt=b(null),Vt=b(null),Ht=b(null),Ut=b(null),Wt=b(0),Gt=b(0),Kt=b(0),qt=b(!1),Jt=b(null),Yt=b(null),Xt=b(null),O=b(null),Zt=b({x:0,y:0}),Qt=b(`pointer`),$t=b(!1),k=b(ce()),A=b(!1);function en(e){A.value=e,zt.value+=1}let j=b(cn()),M=l(()=>j.value.userOptions),N=l(()=>j.value.style.chart.yAxis.labels),P=l(()=>j.value.style.chart.tooltip),F=l(()=>j.value.style.chart),{transitionEnabled:I}=Ae({config:()=>j.value.transitions,dataset:()=>E.dataset});Ce({config:()=>j.value,dataset:()=>E.dataset,component:`VueUiParallelCoordinatePlot`,rules:[we.emptyArray,{test:e=>e.length>10,message:[`👀 There are > 10 series. Consider:`,``,`▶️ Using filters, to show less series at the same time and make the chart more readable.`]},{test:e=>e.some(e=>(e?.series??[]).some(e=>(e?.values??[]).length>15)),message:[`👀 There are > 15 axes, which can make the chart hard to read. Consider:`,``,`▶️ Using filters, to allow users to select a maximum set of metrics.`]},{test:e=>e.some(e=>e?.series?.length>5),message:[`👀 Some series have > 5 datapoints. Consider:`,``,`▶️ Using filters, to allow users to select a maximum set of metrics.`]}]});let L=l(()=>j.value.userOptions.useCursorPointer),tn=l(()=>pe({defaultConfig:{useCssAnimation:!1,userOptions:{show:!1},table:{show:!1},style:{chart:{backgroundColor:`#99999930`,legend:{show:!0,backgroundColor:`transparent`},yAxis:{stroke:`#6A6A6A`,labels:{showAxisNames:!1,axisNames:[],ticks:{color:`#6A6A6A`}}}}}},userConfig:j.value.skeletonConfig??{}})),{loading:R,FINAL_DATASET:nn,manualLoading:rn}=De({...tt(E),FINAL_CONFIG:j,prepareConfig:cn,callback:()=>{Promise.resolve().then(async()=>{await Xe(),G.value.showTable=j.value.table.show})},skeletonDataset:E.config?.skeletonDataset??[{name:``,shape:`circle`,color:`transparent`,series:[{name:``,values:[1,10,100,1e3]}]},{name:``,shape:`circle`,color:`#CACACA`,series:[{name:``,values:[.2,3,50,800]}]},{name:``,shape:`circle`,color:`transparent`,series:[{name:``,values:[0,0,0,0]}]}],skeletonConfig:pe({defaultConfig:j.value,userConfig:tn.value})}),{userOptionsVisible:an,setUserOptionsVisibility:on,keepUserOptionState:sn}=Be({config:j.value}),{svgRef:z}=Ve({config:F.value.title});function cn(){return ze(E.config,Lt,We)}let ln=le(E.config);nt(()=>E.config,(e,t)=>{let n=le(e),r=n!==ln;ln=n;let i=cn();if(!r){j.value.style.chart.tooltip=i.style.chart.tooltip,G.value.showTooltip=j.value.style.chart.tooltip.show;return}R.value||(j.value=i),an.value=!j.value.userOptions.showOnChartHover,dn(),Wt.value+=1,Kt.value+=1,Gt.value+=1,G.value.dataLabels.show=N.value.datapoints.show,G.value.showTable=j.value.table.show,G.value.showTooltip=P.value.show},{deep:!0}),nt(()=>E.dataset,e=>{Array.isArray(e)&&e.length>0&&(rn.value=!1)},{deep:!0});let B=et(null),V=et(null);Qe(()=>{qt.value=!0,dn()});let un=l(()=>j.value.debug);function dn(){if(Se(E.dataset)?(de({componentName:`VueUiParallelCoordinatePlot`,type:`dataset`,debug:un.value}),rn.value=!0):E.dataset.forEach((e,t)=>{xe({datasetObject:e,requiredAttributes:[`name`,`series`]}).forEach(e=>{Rt.value=!1,de({componentName:`VueUiParallelCoordinatePlot`,type:`datasetSerieAttribute`,property:e,index:t,debug:un.value})})}),Se(E.dataset)||(rn.value=j.value.loading),j.value.responsive){let e=Fe(()=>{let{width:e,height:t}=Ie({chart:D.value,title:F.value.title.text?Bt.value:null,legend:F.value.legend.show?Vt.value:null,source:Ht.value,noTitle:Ut.value});requestAnimationFrame(()=>{H.value.width=e,H.value.height=t-12,j.value.responsiveProportionalSizing?(H.value.plotSize=ge({relator:Math.min(e,t),adjuster:600,source:F.value.plots.radius,threshold:2,fallback:2}),H.value.ticksFontSize=ge({relator:Math.min(e,t),adjuster:600,source:N.value.ticks.fontSize,threshold:10,fallback:10}),H.value.datapointFontSize=ge({relator:Math.min(e,t),adjuster:600,source:N.value.datapoints.fontSize,threshold:10,fallback:10}),H.value.axisNameFontSize=ge({relator:Math.min(e,t),adjuster:600,source:N.value.axisNamesFontSize,threshold:12,fallback:12})):(H.value.plotSize=F.value.plots.radius,H.value.ticksFontSize=N.value.ticks.fontSize,H.value.datapointFontSize=N.value.datapoints.fontSize,H.value.axisNameFontSize=N.value.axisNamesFontSize)})});B.value&&(V.value&&B.value.unobserve(V.value),B.value.disconnect()),B.value=new ResizeObserver(e),V.value=D.value.parentNode,B.value.observe(V.value)}}Ze(()=>{B.value&&(V.value&&B.value.unobserve(V.value),B.value.disconnect())});let{isPrinting:fn,isImaging:pn,generatePdf:mn,generateImage:hn}=Ee({elementId:`pcp_${k.value}`,fileName:F.value.title.text||`vue-ui-parallel-coordinate-plot`,options:j.value.userOptions.print}),gn=l(()=>j.value.userOptions.show&&!F.value.title.text),H=b({height:F.value.height,width:F.value.width,plotSize:F.value.plots.radius,ticksFontSize:N.value.ticks.fontSize,datapointFontSize:N.value.datapoints.fontSize,axisNameFontSize:N.value.axisNamesFontSize}),_n=l(()=>H.value.width),vn=l(()=>H.value.height),U=b(0),yn=Fe(e=>{U.value=e},100);rt(e=>{let t=Xt.value;if(!t)return;let n=new ResizeObserver(e=>{yn(e[0].contentRect.height)});n.observe(t),e(()=>n.disconnect())});let W=l(()=>{let{top:e,right:t,bottom:n,left:r}=F.value.padding,i=vn.value,a=_n.value;return{chartHeight:Math.max(.001,i),chartWidth:Math.max(.001,a),height:Math.max(.001,i-e-n-U.value-H.value.datapointFontSize*2),width:Math.max(.001,a-r-t),top:e+U.value+H.value.datapointFontSize,left:r,right:a-t,bottom:i-n-H.value.datapointFontSize}}),bn=l(()=>ye(j.value.customPalette)),G=b({dataLabels:{show:N.value.datapoints.show},showTable:j.value.table.show,showTooltip:P.value.show});nt(j,()=>{G.value={dataLabels:{show:N.value.datapoints.show},showTable:j.value.table.show,showTooltip:P.value.show}},{immediate:!0});let K=b([]);function xn(){K.value.length?K.value=[]:En.value.forEach(e=>{K.value.push(e.id)}),Bn(`selectLegend`,kn.value)}function Sn(e){K.value.includes(e)?K.value=K.value.filter(t=>t!==e):K.value.push(e),Bn(`selectLegend`,kn.value)}let q=l(()=>nn.value.map((e,t)=>{let n=oe(e.color)||bn.value[t]||s[t]||s[t%s.length];return{...e,series:e.series.map(e=>({...e,id:ce(),color:n})),seriesIndex:t,color:n,id:ce(),shape:e.shape||`circle`}}));function Cn(e){return q.value.length?q.value.find(t=>t.name===e)||(un.value&&console.warn(`VueUiParallelCoordinatePlot - Series name not found "${e}"`),null):(un.value&&console.warn(`VueUiParallelCoordinatePlot - There are no series to show.`),null)}function wn(e){let t=Cn(e);t!==null&&K.value.includes(t.id)&&Sn(t.id)}function Tn(e){let t=Cn(e);t!==null&&(K.value.includes(t.id)||Sn(t.id))}let En=l(()=>q.value.map(e=>({...e,opacity:K.value.includes(e.id)?.5:1,segregate:()=>Sn(e.id),isSegregated:K.value.includes(e.id),shape:e.shape||`circle`}))),Dn=l(()=>({cy:`pcp-div-legend`,backgroundColor:F.value.legend.backgroundColor,color:F.value.legend.color,fontSize:F.value.legend.fontSize,paddingBottom:12,fontWeight:F.value.legend.bold?`bold`:``})),On=l(()=>Math.max(...q.value.filter(e=>!K.value.includes(e.id)).map(e=>Math.max(...e.series.flatMap(e=>e.values.length))))),J=l(()=>W.value.width/On.value),kn=l(()=>q.value.filter(e=>!K.value.includes(e.id))),Y=l(()=>{let e=[];for(let t=0;t<On.value;t+=1){let n=Math.min(...kn.value.flatMap(e=>e.series.map(e=>e.values[t]||0)||0)),r=Math.max(...kn.value.flatMap(e=>e.series.map(e=>e.values[t]||0)||0)),i=r===n?n/4:n,a=r===n?r*2:r,o=ue(i,a,F.value.yAxis.scaleTicks),ee=o.ticks.map((e,n)=>{let r=o.min<0?e+Math.abs(o.min):e-Math.abs(o.min),i=o.min<0?o.max+Math.abs(o.min):o.max-Math.abs(o.min);return{y:W.value.bottom-W.value.height*(r/i),x:W.value.left+J.value*t+J.value/2,value:e}});e.push({scale:o,ticks:ee,name:N.value.axisNames[t]||`Y-${t+1}`})}return e}),X=l(()=>kn.value.map((e,t)=>({...e,series:e.series.map((n,r)=>({...n,datapoints:n.values.map((i,a)=>{let o=Y.value[a].scale.min<0?(i||0)+Math.abs(Y.value[a].scale.min):(i||0)-Math.abs(Y.value[a].scale.min),ee=Y.value[a].scale.min<0?Y.value[a].scale.max+Math.abs(Y.value[a].scale.min):Y.value[a].scale.max-Math.abs(Y.value[a].scale.min);return{name:n.name,seriesName:e.name,axisIndex:a,datapointIndex:r,seriesIndex:t,value:i||0,x:W.value.left+J.value*a+J.value/2,y:W.value.bottom-W.value.height*(o/ee),comment:n.comments&&n.comments[a]||``}})}))})).map(e=>({...e,series:e.series.map(e=>{let t=se(e.datapoints),n=ae(e.datapoints,.12),r=be(F.value.lines.smooth?`M ${n}`:`M ${t}`);return{...e,smoothPath:n,straightPath:t,pathLength:r}})}))),Z=l(()=>X.value.flatMap((e,t)=>e.series.map((n,r)=>({shape:e.shape,serieName:e.name,serie:n,relativeIndex:r,seriesIndex:n.seriesIndex,S:t,key:`${t}_${r}`}))));function An({value:e,index:t,datapoint:n}){return fe(N.value.formatters[t]||null,e,ee({p:N.value.prefixes[t]||``,v:e,s:N.value.suffixes[t]||``,r:N.value.roundings[t]||0}),{datapoint:n,seriesIndex:t})}let Q=b(null),jn=b(null),Mn=b(!1),Nn=b(``);function Pn({shape:e,serie:t,S:n}){j.value.events.datapointLeave&&j.value.events.datapointLeave({datapoint:{...t,shape:e},seriesIndex:n});let r=O.value===null?null:Z.value[O.value];Qt.value===`keyboard`&&r&&r.serie.id===t.id||(Q.value=null,Mn.value=!1)}function Fn(e){if(!z.value||!e?.datapoints?.length)return;let t=e.datapoints[Math.floor(e.datapoints.length/2)];if(!t)return;let n=ve(t.x,t.y,z.value);n&&(Zt.value=n)}function In({shape:e,serieName:t,serie:n,relativeIndex:r,seriesIndex:i,S:a,triggerMode:o=`pointer`}){j.value.events.datapointEnter&&j.value.events.datapointEnter({datapoint:{...n,shape:e},seriesIndex:a}),Qt.value=o,jn.value={config:j.value,datapoint:n,serie:n,relativeIndex:r,seriesIndex:i,series:q.value,scales:Y.value},Mn.value=!0,Q.value=n.id;let te=``,s=P.value.customFormat;ne(s)&&he(()=>s({serie:n,seriesIndex:n.seriesIndex,series:q.value,config:j.value,scales:Y.value}))?Nn.value=s({serie:n,seriesIndex:n.seriesIndex,series:q.value,config:j.value,scales:Y.value}):(te+=`<div style="width:100%;text-align:center;border-bottom:1px solid ${P.value.borderColor};padding-bottom:6px;margin-bottom:3px;">${t?t+` - `:``}${n.name}</div>`,Y.value.map(e=>e.name).forEach((e,t)=>{te+=`
-                <div class="vue-ui-tooltip-item" style="text-align:left">
-                    <span>${e}: </span>
-                    <span>
-                        ${fe(N.value.formatters[t]||null,n.datapoints[t].value,ee({p:N.value.prefixes[t]||``,v:n.datapoints[t].value,s:N.value.suffixes[t]||``,r:N.value.roundings[t]||``}),{datapoint:n.datapoints[t],seriesIndex:t})}    
-                    </span>
-                </div>
-            `,F.value.comments.showInTooltip&&n.datapoints[t].comment&&(te+=`<div class="vue-data-ui-tooltip-comment" style="background:${ie(n.color,12.5)}; padding: 6px; margin-bottom: 6px; border-left: 1px solid ${n.color}">${n.datapoints[t].comment}</div>`)}),Nn.value=`<div>${te}</div>`),o===`keyboard`&&Xe(()=>{Fn(n)})}function Ln(){return q.value}let $=l(()=>{let e=[j.value.table.columnNames.series,j.value.table.columnNames.item].concat(Y.value.map(e=>e.name));return{body:X.value.flatMap((e,t)=>e.series.map(t=>[e.name,t.name].concat(t.values))),head:e,config:{th:{backgroundColor:j.value.table.th.backgroundColor,color:j.value.table.th.color,outline:j.value.table.th.outline},td:{backgroundColor:j.value.table.td.backgroundColor,color:j.value.table.td.color,outline:j.value.table.td.outline},breakpoint:j.value.table.responsiveBreakpoint},colNames:[j.value.table.columnNames.series,j.value.table.columnNames.item].concat(Y.value.map(e=>e.name))}}),Rn=l(()=>X.value.length===0?{head:[],body:[],config:{},columnNames:[]}:{head:$.value.head,body:$.value.body});function zn(e=null){let t=[[F.value.title.text],[F.value.title.subtitle.text],[``]],n=Rn.value.head,r=Rn.value.body,i=t.concat([n]).concat(r),a=te(i);e?e(a):me({csvContent:a,title:F.value.title.text||`vue-ui-parallel-coordinate-plot`})}let Bn=it;function Vn({serie:e,shape:t,S:n}){j.value.events.datapointClick&&j.value.events.datapointClick({datapoint:{...e,shape:t},seriesIndex:n}),Bn(`selectDatapoint`,e)}function Hn(){G.value.showTable=!G.value.showTable}function Un(){G.value.dataLabels.show=!G.value.dataLabels.show}function Wn(){G.value.showTooltip=!G.value.showTooltip}let Gn=b(!1);function Kn(){Gn.value=!Gn.value}let qn=He(D,()=>F.value.title.text),Jn=b({start:0,end:1}),Yn=l(()=>Y.value.map(e=>e.name));je({timeLabelsEls:Xt,timeLabels:Yn,slicer:Jn,configRef:j,rotationPath:[`style`,`chart`,`yAxis`,`labels`,`axisNamesRotation`],autoRotatePath:[`style`,`chart`,`yAxis`,`labels`,`axisNamesAutoRotate`,`enable`],isAutoSize:!1,width:_n,height:vn,targetClass:`.vue-ui-parallel-coordinate-plot-x-label`,rotation:N.value.axisNamesAutoRotate.angle});let Xn=l(()=>n({config:j,style:F,mutableConfig:G,dialog:It,accordion:jt,isFullscreen:A,parent:D,maxWidth:800,isCursorPointer:L}));nt(()=>G.value.showTable,e=>t(e,j,Jt));function Zn(){G.value.showTable=!1,Yt.value&&Yt.value.setTableIconState(!1)}let Qn=l(()=>F.value.backgroundColor),$n=l(()=>F.value.legend),er=l(()=>F.value.title),{isCallbackImaging:tr,isCallbackSvg:nr,generateSvg:rr,onGenerateImage:ir}=ke({svg:z,title:er,legend:$n,legendItems:En,backgroundColor:Qn,getSvgCallback:()=>j.value.userOptions.callbacks.svg,generateImage:hn});async function ar(){if(Bn(`copyAlt`,{config:j.value,dataset:X.value}),!j.value.userOptions.callbacks.altCopy){console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");return}await Promise.resolve(j.value.userOptions.callbacks.altCopy({config:j.value,dataset:X.value}))}function or(e){let t=Z.value.length;return t?(e%t+t)%t:null}function sr(){if(O.value!==null){let e=Z.value[O.value];e&&Pn({shape:e.shape,serie:e.serie,S:e.S})}O.value=null,Qt.value=`pointer`,Q.value=null,Mn.value=!1}function cr(){O.value=null,$t.value=!0}function lr(){sr(),$t.value=!1}function ur(e){if(!z.value||Gn.value||document.activeElement!==z.value||!Z.value.length)return;let t=[`ArrowUp`,`ArrowLeft`].includes(e.key),n=[`ArrowDown`,`ArrowRight`].includes(e.key),r=e.key===`Enter`||e.key===` `,i=e.key===`Escape`;if(!t&&!n&&!r&&!i)return;if(e.preventDefault(),e.stopPropagation(),i){sr();return}if(r){if(O.value===null)return;let e=Z.value[O.value];if(!e)return;Vn({serie:e.serie,shape:e.shape,S:e.S});return}let a=O.value;a=a===null?n?0:Z.value.length-1:or(a+(n?1:-1));let o=Z.value[a];o&&(O.value=a,In({shape:o.shape,serieName:o.serieName,serie:o.serie,relativeIndex:o.relativeIndex,seriesIndex:o.seriesIndex,S:o.S,triggerMode:`keyboard`}))}let dr=l(()=>({head:$.value.head,body:$.value.body.map(e=>[e[0]??``,e[1]??``,...e.slice(2)]),caption:j.value.a11y.translations.tableCaption,notice:j.value.a11y.translations.tableAvailable}));return Pe({getData:Ln,getImage:qn,generateCsv:zn,generatePdf:mn,generateImage:hn,generateSvg:rr,hideSeries:Tn,showSeries:wn,toggleTable:Hn,toggleLabels:Un,toggleTooltip:Wn,toggleAnnotator:Kn,toggleFullscreen:en,copyAlt:ar}),(e,t)=>(y(),f(`div`,{ref_key:`pcpChart`,ref:D,class:g(`vue-data-ui-component vue-ui-pcp ${A.value?`vue-data-ui-wrapper-fullscreen`:``} ${j.value.useCssAnimation?``:`vue-ui-dna`}`),style:v(`font-family:${j.value.style.fontFamily};width:100%; text-align:center;background:${F.value.backgroundColor};${j.value.responsive?`height:100%`:``}`),id:`pcp_${k.value}`,onMouseenter:t[2]||=()=>w(on)(!0),onMouseleave:t[3]||=()=>w(on)(!1)},[p(`div`,{id:`chart-instructions-${k.value}`,class:`sr-only`},[p(`p`,null,C(j.value.a11y.translations.keyboardNavigation),1)],8,ot),dr.value.body.length?(y(),u(Re,{key:0,uid:k.value,head:dr.value.head,body:dr.value.body,caption:dr.value.caption,notice:dr.value.notice},null,8,[`uid`,`head`,`body`,`caption`,`notice`])):d(``,!0),M.value.buttons.annotator?(y(),u(w(Nt),{key:1,svgRef:w(z),backgroundColor:F.value.backgroundColor,color:F.value.color,active:Gn.value,isCursorPointer:L.value,palette:M.value.annotatorPalette,onClose:Kn},Ke({_:2},[x(w(i),t=>({name:t,fn:T(n=>[S(e.$slots,t,_(h(w(r)(t,n))),void 0,!0)])}))]),1032,[`svgRef`,`backgroundColor`,`color`,`active`,`isCursorPointer`,`palette`])):d(``,!0),gn.value?(y(),f(`div`,{key:2,ref_key:`noTitle`,ref:Ut,class:`vue-data-ui-no-title-space`,style:`height:36px; width: 100%;background:transparent`},null,512)):d(``,!0),F.value.title.text?(y(),f(`div`,{key:3,ref_key:`chartTitle`,ref:Bt,style:`width:100%;background:transparent;padding-bottom:24px`},[(y(),u(Me,{key:`title_${Wt.value}`,config:{title:{cy:`pcp-div-title`,...F.value.title},subtitle:{cy:`pcp-div-subtitle`,...F.value.title.subtitle}}},null,8,[`config`]))],512)):d(``,!0),p(`div`,{id:`legend-top-${k.value}`},null,8,st),M.value.show&&Rt.value&&(w(sn)||w(an))?(y(),u(w(Pt),{ref_key:`userOptionsRef`,ref:Yt,key:`user_options_${zt.value}`,backgroundColor:F.value.backgroundColor,color:F.value.color,isPrinting:w(fn),isImaging:w(pn),uid:k.value,hasTooltip:M.value.buttons.tooltip&&P.value.show,hasPdf:M.value.buttons.pdf,hasXls:M.value.buttons.csv,hasImg:M.value.buttons.img,hasSvg:M.value.buttons.svg,hasTable:M.value.buttons.table,hasLabel:M.value.buttons.labels,hasFullscreen:M.value.buttons.fullscreen,hasAltCopy:M.value.buttons.altCopy,isFullscreen:A.value,isTooltip:G.value.showTooltip,titles:{...M.value.buttonTitles},chartElement:D.value,position:M.value.position,hasAnnotator:M.value.buttons.annotator,isAnnotation:Gn.value,callbacks:M.value.callbacks,printScale:M.value.print.scale,tableDialog:j.value.table.useDialog,isCursorPointer:L.value,onToggleFullscreen:en,onGeneratePdf:w(mn),onGenerateCsv:zn,onGenerateImage:w(ir),onGenerateSvg:w(rr),onToggleTable:Hn,onToggleLabels:Un,onToggleTooltip:Wn,onToggleAnnotator:Kn,onCopyAlt:ar,style:v({visibility:w(sn)?w(an)?`visible`:`hidden`:`visible`})},Ke({_:2},[x(w(a)(e.$slots,`menuIcon optionTooltip optionPdf optionCsv optionImg optionSvg optionTable optionLabels optionFullscreen optionAnnotator optionAltCopy custom-menu-before custom-menu-after`),t=>({name:t,fn:T(n=>[S(e.$slots,t,_(h(w(o)(t,n))),void 0,!0)])}))]),1032,/* @__PURE__ */ `backgroundColor.color.isPrinting.isImaging.uid.hasTooltip.hasPdf.hasXls.hasImg.hasSvg.hasTable.hasLabel.hasFullscreen.hasAltCopy.isFullscreen.isTooltip.titles.chartElement.position.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg.style`.split(`.`))):d(``,!0),p(`div`,ct,[(y(),f(`svg`,{ref_key:`svgRef`,ref:z,xmlns:w(_e),"aria-describedby":`chart-instructions-${k.value}`,class:g({"vue-data-ui-fullscreen--on":A.value,"vue-data-ui-fulscreen--off":!A.value,"vue-data-ui-no-transition":!w(I)}),viewBox:`0 0 ${W.value.chartWidth<=0?10:W.value.chartWidth} ${W.value.chartHeight<=0?10:W.value.chartHeight}`,style:v(`max-width:100%; overflow: visible; background:transparent;color:${F.value.color}`),tabindex:`0`,onFocus:cr,onBlur:lr,onKeydown:ur},[Je(w(Ft)),e.$slots[`chart-background`]?(y(),f(`foreignObject`,{key:0,x:W.value.left,y:W.value.top,width:W.value.width,height:W.value.height,style:{pointerEvents:`none`}},[S(e.$slots,`chart-background`,{},void 0,!0)],8,ut)):d(``,!0),(y(!0),f(c,null,x(Y.value,(e,t)=>(y(),f(`g`,dt,[p(`line`,{x1:W.value.left+J.value*t+J.value/2,x2:W.value.left+J.value*t+J.value/2,y1:W.value.top,y2:W.value.bottom,stroke:F.value.yAxis.stroke,"stroke-width":F.value.yAxis.strokeWidth},null,8,ft),N.value.ticks.show?(y(),f(c,{key:0},[(y(!0),f(c,null,x(e.ticks,(t,n)=>(y(),f(`path`,{class:g({"vue-data-ui-transition":w(I)}),key:`tick_${e.name}_${n}`,d:`M${t.x},${t.y} ${t.x-10},${t.y}`,stroke:F.value.yAxis.stroke,"stroke-width":F.value.yAxis.strokeWidth,style:v(`opacity:${Q.value&&!G.value.showTooltip?.2:1}`)},null,14,pt))),128)),w(R)?d(``,!0):(y(),f(`g`,mt,[(y(!0),f(c,null,x(e.ticks,(n,r)=>(y(),f(`text`,{key:`tl_${e.name}_${r}`,class:g({"vue-data-ui-transition":w(I)}),transform:`translate(${n.x-12+N.value.ticks.offsetX}, ${n.y+N.value.ticks.offsetY+H.value.ticksFontSize/3})`,fill:N.value.ticks.color,"text-anchor":`end`,"font-size":H.value.ticksFontSize,"font-weight":N.value.ticks.bold?`bold`:`normal`,style:v(`opacity:${Q.value&&!G.value.showTooltip?.2:1}`)},C(An({value:n.value,index:t,datapoint:n})),15,ht))),128))]))],64)):d(``,!0)]))),256)),N.value.showAxisNames?(y(),f(`g`,{key:1,ref_key:`xAxisLabels`,ref:Xt},[(y(!0),f(c,null,x(Y.value,(e,t)=>(y(),f(c,null,[String(e.name).includes(`
-`)?(y(),f(`text`,{key:1,class:`vue-ui-parallel-coordinate-plot-x-label`,fill:N.value.axisNamesColor,"font-size":H.value.axisNameFontSize,"font-weight":N.value.axisNamesBold?`bold`:``,"text-anchor":N.value.axisNamesRotation===0?`middle`:N.value.axisNamesRotation<0?`start`:`end`,transform:`translate(${W.value.left+J.value*t+J.value/2}, ${U.value-H.value.axisNameFontSize}), rotate(${N.value.axisNamesRotation})`,innerHTML:w(re)({content:String(e.name),fontSize:H.value.axisNameFontSize,fill:N.value.axisNamesColor,x:0,y:0})},null,8,_t)):(y(),f(`text`,{key:0,class:`vue-ui-parallel-coordinate-plot-x-label`,fill:N.value.axisNamesColor,"font-size":H.value.axisNameFontSize,"font-weight":N.value.axisNamesBold?`bold`:``,"text-anchor":N.value.axisNamesRotation===0?`middle`:N.value.axisNamesRotation<0?`start`:`end`,transform:`translate(${W.value.left+J.value*t+J.value/2}, ${U.value-H.value.axisNameFontSize}), rotate(${N.value.axisNamesRotation})`},C(e.name),9,gt))],64))),256))],512)):d(``,!0),(y(!0),f(c,null,x(X.value,(t,n)=>(y(),f(`g`,null,[(y(!0),f(c,null,x(t.series,(r,i)=>(y(),f(`g`,null,[F.value.plots.show?(y(),f(`g`,vt,[(y(!0),f(c,null,x(r.datapoints,(e,a)=>(y(),u(Ne,{plot:{x:e.x,y:e.y},color:t.color,shape:t.shape,radius:t.shape===`triangle`?H.value.plotSize*1.2:H.value.plotSize,stroke:F.value.backgroundColor,strokeWidth:.5,onMouseenter:e=>In({shape:t.shape,serieName:t.name,serie:r,relativeIndex:i,seriesIndex:r.seriesIndex,S:n,triggerMode:`pointer`}),onMouseleave:e=>Pn({serie:r,shape:t.shape,S:n}),style:v(`opacity:${Q.value?Q.value===r.id?F.value.plots.opacity:.2:F.value.plots.opacity}`),onClick:()=>Vn({serie:r,shape:t.shape,S:n})},null,8,[`plot`,`color`,`shape`,`radius`,`stroke`,`onMouseenter`,`onMouseleave`,`style`,`onClick`]))),256)),G.value.showTooltip?d(``,!0):(y(),f(c,{key:0},[Q.value&&Q.value===r.id&&r.datapoints.length?(y(),f(`text`,{key:0,x:r.datapoints[0].x-H.value.ticksFontSize,y:r.datapoints[0].y+H.value.ticksFontSize/3,"text-anchor":`end`,"font-size":H.value.ticksFontSize,fill:t.color,"font-weight":`bold`},C(r.name),9,yt)):d(``,!0)],64)),F.value.comments.show?(y(!0),f(c,{key:1},x(r.datapoints,n=>(y(),f(`g`,null,[n.comment?(y(),f(`foreignObject`,{key:0,style:{overflow:`visible`},height:`12`,width:F.value.comments.width,x:n.x-F.value.comments.width/2+F.value.comments.offsetX,y:n.y+F.value.comments.offsetY+6},[p(`div`,xt,[S(e.$slots,`plot-comment`,{plot:{...n,color:t.color}},void 0,!0)])],8,bt)):d(``,!0)]))),256)):d(``,!0)])):d(``,!0),p(`path`,{d:`M${F.value.lines.smooth?r.smoothPath:r.straightPath}`,stroke:t.color,"stroke-width":F.value.lines.strokeWidth,fill:`none`,class:g({"vue-ui-pcp-animated vue-data-ui-line-animated":j.value.useCssAnimation,"vue-data-ui-transition":w(I)}),onMouseenter:e=>In({shape:t.shape,serieName:t.name,serie:r,relativeIndex:i,seriesIndex:r.seriesIndex,S:n,triggerMode:`pointer`}),onMouseleave:e=>Pn({serie:r,shape:t.shape,S:n}),onClick:()=>Vn({serie:r,shape:t.shape,S:n}),style:v(`opacity:${Q.value?Q.value===r.id?F.value.lines.opacity:.2:F.value.lines.opacity}; stroke-dasharray:${r.pathLength}; stroke-dashoffset: ${j.value.useCssAnimation?r.pathLength:0}`)},null,46,St),G.value.showTooltip?(y(),f(`path`,{key:1,d:`M${F.value.lines.smooth?r.smoothPath:r.straightPath}`,stroke:`transparent`,"stroke-width":12,fill:`none`,class:g({"vue-ui-pcp-animated vue-data-ui-line-animated":j.value.useCssAnimation,"vue-data-ui-transition":w(I)}),onMouseenter:e=>In({shape:t.shape,serieName:t.name,serie:r,relativeIndex:i,seriesIndex:r.seriesIndex,S:n,triggerMode:`pointer`}),onMouseleave:e=>Pn({serie:r,shape:t.shape,S:n}),onClick:()=>Vn({serie:r,shape:t.shape,S:n}),style:{opacity:`0`}},null,42,Ct)):d(``,!0)]))),256))]))),256)),(y(!0),f(c,null,x(X.value,(e,t)=>(y(),f(`g`,null,[(y(!0),f(c,null,x(e.series,(n,r)=>(y(),f(`g`,null,[!w(R)&&(G.value.dataLabels.show||Q.value&&Q.value===n.id)?(y(!0),f(c,{key:0},x(n.datapoints,(i,a)=>(y(),f(`text`,{key:`pl_${n.id}_${a}`,transform:`translate(${i.x+12+N.value.datapoints.offsetX}, ${i.y+N.value.datapoints.offsetY+H.value.datapointFontSize/3})`,fill:N.value.datapoints.useSerieColor?e.color:N.value.datapoints.color,"text-anchor":`start`,"font-weight":N.value.datapoints.bold?`bold`:`normal`,class:g({"vue-ui-pcp-plot-label":!0,"vue-data-ui-transition":w(I)}),"font-size":H.value.datapointFontSize,stroke:F.value.backgroundColor,"stroke-width":3,"stroke-linecap":`round`,"stroke-linejoin":`round`,"paint-order":`stroke fill`,onMouseenter:i=>In({shape:e.shape,serieName:e.name,serie:n,relativeIndex:r,seriesIndex:n.seriesIndex,S:t,triggerMode:`pointer`}),onMouseleave:r=>Pn({serie:n,shape:e.shape,S:t}),onClick:()=>Vn({serie:n,shape:e.shape,S:t}),style:v(`opacity:${Q.value?Q.value===n.id?1:.2:1}`)},C(An({value:i.value,index:a,datapoint:i})),47,wt))),128)):d(``,!0)]))),256))]))),256)),S(e.$slots,`svg`,{svg:{...W.value,isPrintingImg:w(fn)||w(pn)||w(tr),isPrintingSvg:w(nr)}},void 0,!0)],46,lt)),e.$slots.hint?(y(),f(`div`,Tt,[S(e.$slots,`hint`,_(h({hint:j.value.a11y.translations.keyboardNavigation,isVisible:$t.value})),void 0,!0)])):d(``,!0)]),e.$slots.watermark?(y(),f(`div`,Et,[S(e.$slots,`watermark`,_(h({isPrinting:w(fn)||w(pn)||w(tr)||w(nr)})),void 0,!0)])):d(``,!0),p(`div`,{id:`legend-bottom-${k.value}`},null,8,Dt),qt.value&&(F.value.legend.show||e.$slots.legend)?(y(),u(Ge,{key:6,to:F.value.legend.position===`top`?`#legend-top-${k.value}`:`#legend-bottom-${k.value}`},[p(`div`,{ref_key:`chartLegend`,ref:Vt},[S(e.$slots,`legend`,{legend:En.value},()=>[F.value.legend.show&&Rt.value?(y(),u(Ue,{key:`legend_${Gt.value}`,legendSet:En.value,config:Dn.value,isCursorPointer:L.value,onClickMarker:t[0]||=({legend:e})=>{Sn(e.id)}},{item:T(({legend:e,index:t})=>[p(`div`,{onClick:t=>e.segregate(),style:v(`opacity:${K.value.includes(e.id)?.5:1}`)},C(e.name),13,Ot)]),legendToggle:T(()=>[En.value.length>2&&F.value.legend.selectAllToggle.show&&!w(R)?(y(),u(Le,{key:0,backgroundColor:F.value.legend.selectAllToggle.backgroundColor,color:F.value.legend.selectAllToggle.color,fontSize:F.value.legend.fontSize,checked:K.value.length>0,isCursorPointer:L.value,onToggle:xn},null,8,[`backgroundColor`,`color`,`fontSize`,`checked`,`isCursorPointer`])):d(``,!0)]),_:1},8,[`legendSet`,`config`,`isCursorPointer`])):d(``,!0)],!0)],512)],8,[`to`])):d(``,!0),e.$slots.source?(y(),f(`div`,{key:7,ref_key:`source`,ref:Ht,dir:`auto`},[S(e.$slots,`source`,{},void 0,!0)],512)):d(``,!0),Je(w(kt),{teleportTo:P.value.teleportTo,show:G.value.showTooltip&&Mn.value,backgroundColor:P.value.backgroundColor,color:P.value.color,fontSize:P.value.fontSize,borderRadius:P.value.borderRadius,borderColor:P.value.borderColor,borderWidth:P.value.borderWidth,backgroundOpacity:P.value.backgroundOpacity,position:P.value.position,offsetX:P.value.offsetX,offsetY:P.value.offsetY,parent:D.value,content:Nn.value,isFullscreen:A.value,isCustom:w(ne)(P.value.customFormat),smooth:P.value.smooth,backdropFilter:P.value.backdropFilter,smoothForce:P.value.smoothForce,smoothSnapThreshold:P.value.smoothSnapThreshold,isA11yMode:Qt.value===`keyboard`,a11yPosition:Zt.value},{"tooltip-before":T(()=>[S(e.$slots,`tooltip-before`,_(h({...jn.value})),void 0,!0)]),tooltip:T(()=>[S(e.$slots,`tooltip`,_(h({...jn.value})),void 0,!0)]),"tooltip-after":T(()=>[S(e.$slots,`tooltip-after`,_(h({...jn.value})),void 0,!0)]),_:3},8,[`teleportTo`,`show`,`backgroundColor`,`color`,`fontSize`,`borderRadius`,`borderColor`,`borderWidth`,`backgroundOpacity`,`position`,`offsetX`,`offsetY`,`parent`,`content`,`isFullscreen`,`isCustom`,`smooth`,`backdropFilter`,`smoothForce`,`smoothSnapThreshold`,`isA11yMode`,`a11yPosition`]),Rt.value&&M.value.buttons.table?(y(),u($e(Xn.value.component),Ye({key:8},Xn.value.props,{ref_key:`tableUnit`,ref:Jt,onClose:Zn}),Ke({content:T(()=>[(y(),u(w(Mt),{key:`table_${Kt.value}`,colNames:$.value.colNames,head:$.value.head,body:$.value.body,config:$.value.config,title:j.value.table.useDialog?``:Xn.value.title,withCloseButton:!j.value.table.useDialog,isCursorPointer:L.value,onClose:Zn},{th:T(({th:e})=>[p(`div`,null,C(e),1)]),td:T(({td:e})=>[qe(C(e),1)]),_:1},8,[`colNames`,`head`,`body`,`config`,`title`,`withCloseButton`,`isCursorPointer`]))]),_:2},[j.value.table.useDialog?{name:`title`,fn:T(()=>[qe(C(Xn.value.title),1)]),key:`0`}:void 0,j.value.table.useDialog?{name:`actions`,fn:T(()=>[p(`button`,{tabindex:`0`,class:`vue-ui-user-options-button`,onClick:t[1]||=e=>zn(M.value.callbacks.csv),style:v({cursor:L.value?`pointer`:`default`})},[Je(w(At),{name:`fileCsv`,stroke:Xn.value.props.color},null,8,[`stroke`])],4)]),key:`1`}:void 0]),1040)):d(``,!0),S(e.$slots,`skeleton`,{},()=>[w(R)?(y(),u(Oe,{key:0})):d(``,!0)],!0)],46,at))}},[[`__scopeId`,`data-v-edffa80b`]]);export{it as n,kt as t};

package/dist/vue-ui-quadrant-BaKSTJDv.js

@@ -1,2 +0,0 @@
-import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{n as t,t as n}from"./tableIntegration-CNoJ1CIY.js";import{n as r,t as i}from"./annotationSlots-BRR85CqJ.js";import{n as a,t as o}from"./userOptionsSlots-DYuo-E5m.js";import{$ as s,Ct as ee,D as te,Dt as ne,Ht as re,J as ie,Jt as ae,S as oe,X as se,Yt as ce,Zt as le,at as ue,i as c,in as de,jt as fe,nt as pe,pt as me,r as he,t as ge,w as _e,zt as ve}from"./lib-CV_IANZ6.js";import{n as ye,t as be}from"./useHints-BH9r_0Vd.js";import{t as xe}from"./useConfig-CKdzPrcf.js";import{t as Se}from"./usePrinter-hLW3cv4N.js";import{n as Ce,t as we}from"./BaseScanner-8NdoBs7B.js";import{t as Te}from"./useChartExport-DtPNpc9M.js";import{n as Ee}from"./Title-BGYFqulv.js";import{t as De}from"./Shape-Bp9YNtPc.js";import{t as Oe}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{l as ke,t as Ae}from"./useResponsive-D2CPcpda.js";import{t as je}from"./DefGrad-DKMq1REY.js";import{t as Me}from"./BaseLegendToggle-Bq5FjyuI.js";import{t as Ne}from"./A11yDataTable-DWNlWXzs.js";import{n as Pe}from"./resolveChartConfig-DZg-korK.js";import{t as Fe}from"./useUserOptionState-CXlFnwPv.js";import{t as Ie}from"./useChartAccessibility-DOMuYJfm.js";import{t as Le}from"./chartImage-CIvU_04o.js";import{t as Re}from"./Legend-D8YoT1RJ.js";import{t as ze}from"./vue_ui_quadrant-BUv-SqzP.js";import{Fragment as l,Teleport as Be,computed as u,createBlock as d,createCommentVNode as f,createElementBlock as p,createElementVNode as m,createSlots as Ve,createTextVNode as He,createVNode as Ue,defineAsyncComponent as h,guardReactiveProps as g,mergeProps as We,nextTick as Ge,normalizeClass as _,normalizeProps as v,normalizeStyle as y,onBeforeUnmount as Ke,onMounted as qe,openBlock as b,ref as x,renderList as S,renderSlot as C,resolveDynamicComponent as Je,shallowRef as Ye,toDisplayString as w,toRefs as Xe,unref as T,watch as Ze,withCtx as E}from"vue";var Qe=/* @__PURE__ */ e({default:()=>sn}),$e=[`id`],et=[`id`],tt=[`id`],nt={style:{position:`relative`}},rt=[`xmlns`,`aria-describedby`,`viewBox`,`id`],it=[`x`,`y`,`width`,`height`],at={key:1},ot=[`fill`,`x`,`y`,`height`,`width`,`stroke-width`,`stroke`,`rx`],st=[`x1`,`y1`,`x2`,`y2`,`stroke`,`stroke-width`],ct=[`x1`,`y1`,`x2`,`y2`,`stroke`,`stroke-width`],lt={key:2},ut=[`points`,`fill`],dt=[`points`,`fill`],ft=[`points`,`fill`],pt=[`points`,`fill`],mt={key:3},ht=[`y`,`fill`,`font-size`],gt=[`x`,`y`,`fill`,`font-size`],_t=[`x`,`y`,`fill`,`font-size`],vt=[`y`,`fill`,`font-size`],yt={key:4},bt=[`x`,`y`,`font-size`,`fill`],xt=[`x`,`y`,`font-size`,`fill`],St=[`x`,`y`,`font-size`,`fill`],Ct=[`id`,`font-size`,`transform`,`fill`],wt=[`id`,`font-size`,`transform`,`fill`],Tt=[`id`,`font-size`,`transform`,`fill`],Et={key:5},Dt=[`fill`,`points`],Ot=[`x`,`y`,`width`,`height`],kt=[`x`,`y`,`width`,`height`],At=[`x`,`y`,`width`,`height`],jt=[`x`,`y`,`width`,`height`],Mt=[`x`,`y`,`onMouseenter`,`onMouseleave`,`onClick`],Nt=[`data-a11y-plot-id`,`cx`,`cy`,`r`],Pt=[`data-a11y-plot-id`,`cx`,`cy`,`r`],Ft={key:0,style:{"pointer-events":`none`}},It=[`x`,`y`,`font-size`,`fill`],Lt=[`x`,`y`,`font-size`,`fill`,`innerHTML`],Rt={key:0},zt=[`x`,`y`,`onMouseover`,`onMouseleave`,`onClick`],Bt={key:8,class:`vue-ui-dna`},Vt=[`points`,`fill`],Ht=[`points`,`fill`],Ut=[`points`,`fill`],Wt=[`points`,`fill`],Gt={key:9},Kt=[`x`,`y`,`font-size`,`fill`,`font-weight`],qt={key:10},Jt=[`x`,`y`,`fill`],Yt=[`x`,`y`,`fill`],Xt=[`x`,`y`,`fill`],Zt=[`x`,`y`,`fill`],Qt=[`stroke`,`d`],$t=[`stroke`,`d`],en={key:0,style:{position:`absolute`,top:`100%`,left:`0`,width:`100%`},"data-dom-to-png-ignore":``,"aria-hidden":`true`},tn={key:5,class:`vue-data-ui-watermark`},nn=[`id`],rn=[`onClick`],an={key:0,height:`14`,width:`14`,viewBox:`0 0 20 20`},on=[`innerHTML`],sn=/*#__PURE__*/ Oe({__name:`vue-ui-quadrant`,props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:[`selectPlot`,`selectSide`,`selectLegend`,`copyAlt`],setup(e,{expose:Oe,emit:Qe}){let sn=h(()=>import(`./Tooltip-Cus2-XNQ.js`)),cn=h(()=>import(`./BaseIcon-DdIyewwY.js`).then(e=>e.n)),ln=h(()=>import(`./vue-ui-accordion-BNvevckx.js`).then(e=>e.n)),un=h(()=>import(`./DataTable-WNecJMcY.js`)),dn=h(()=>import(`./PenAndPaper-IMw576MC.js`).then(e=>e.t)),fn=h(()=>import(`./UserOptions-DTxMeZv3.js`).then(e=>e.n)),pn=h(()=>import(`./PackageVersion-CdkxOy58.js`).then(e=>e.t)),mn=h(()=>import(`./BaseDraggableDialog-D_tuHEjO.js`).then(e=>e.n)),{vue_ui_quadrant:hn}=xe(),D=e,gn=u(()=>!!D.dataset&&D.dataset.length),O=x(se()),_n=Qe,vn=x(!1),yn=x(``),bn=x(0),k=x(!1),A=x(null),xn=x(null),Sn=x(null),Cn=x(null),wn=x(null),Tn=x(0),En=x(0),Dn=x(0),On=x(!1),kn=x(null),An=x(null),jn=x(null),Mn=x(null),Nn=x({x:0,y:0}),Pn=x(`pointer`),Fn=x(!1),j=x(Hn()),M=u(()=>j.value.userOptions),N=u(()=>j.value.style.chart.layout.grid),P=u(()=>j.value.style.chart.layout.labels),F=u(()=>j.value.style.chart.tooltip),I=u(()=>j.value.style.chart);ye({config:()=>j.value,dataset:()=>D.dataset,component:`VueUiQuadrant`,rules:[be.emptyArray,be.noHint]});let L=u(()=>j.value.userOptions.useCursorPointer),In=u(()=>({defaultConfig:{userOptions:{show:!1},table:{show:!1},style:{chart:{backgroundColor:`#99999930`,layout:{grid:{stroke:`#6A6A6A`,graduations:{stroke:`#6A6A6A`,color:`#6A6A6A90`},xAxis:{auto:!0},yAxis:{auto:!0}},labels:{quadrantLabels:{show:!1},plotLabels:{show:!1},axisLabels:{show:!1}},plots:{outlineColor:`#6A6A6A`}},legend:{backgroundColor:`transparent`}}}},userConfig:j.value.skeletonConfig??{}})),{loading:Ln,FINAL_DATASET:Rn}=Ce({...Xe(D),FINAL_CONFIG:j,prepareConfig:Hn,callback:()=>{Promise.resolve().then(async()=>{await Ge(),B.value.showTable=j.value.table.show})},skeletonDataset:D.config?.skeletonDataset??[{name:`_`,shape:`circle`,color:`#CACACA`,series:[{name:`_`,x:-6,y:-4},{name:`_`,x:-5,y:-2},{name:`_`,x:-4,y:-1},{name:`_`,x:-3,y:-.5},{name:`_`,x:-2,y:-.25},{name:`_`,x:-1,y:-.135},{name:`_`,x:0,y:0},{name:`_`,x:1,y:.135},{name:`_`,x:2,y:.25},{name:`_`,x:3,y:.5},{name:`_`,x:4,y:1},{name:`_`,x:5,y:2},{name:`_`,x:6,y:4}]}],skeletonConfig:de({defaultConfig:j.value,userConfig:In.value})}),{userOptionsVisible:zn,setUserOptionsVisibility:Bn,keepUserOptionState:Vn}=Fe({config:j.value}),{svgRef:R}=Ie({config:I.value.title});function Hn(){return Pe(D.config,hn,ze)}let Un=le(D.config);Ze(()=>D.config,(e,t)=>{let n=le(e),r=n!==Un;Un=n;let i=Hn();if(!r){j.value.style.chart.tooltip=i.style.chart.tooltip,B.value.showTooltip=j.value.style.chart.tooltip.show;return}j.value=i,zn.value=!j.value.userOptions.showOnChartHover,Kn(),Tn.value+=1,En.value+=1,Dn.value+=1,B.value.plotLabels.show=P.value.plotLabels.show,B.value.showTable=j.value.table.show,B.value.showTooltip=F.value.show},{deep:!0});let z=Ye(null),Wn=Ye(null),Gn=u(()=>j.value.debug);function Kn(){if(ve(D.dataset)?ue({componentName:`VueUiQuadrant`,type:`dataset`,debug:Gn.value}):Gn.value&&D.dataset.forEach((e,t)=>{[null,void 0].includes(e.name)&&ue({componentName:`VueUiQuadrant`,type:`datasetSerieAttribute`,property:`name`,index:t}),[null,void 0].includes(e.series)?ue({componentName:`VueUiQuadrant`,type:`datasetSerieAttribute`,property:`series`,index:t}):e.series.forEach((e,t)=>{[null,void 0].includes(e.name)&&ue({componentName:`VueUiQuadrant`,type:`datasetSerieAttribute`,property:`name`,key:`series`,index:t})})}),j.value.responsive){let e=ke(()=>{let{width:e,height:t}=Ae({chart:A.value,title:I.value.title.text?xn.value:null,legend:I.value.legend.show?Sn.value:null,source:Cn.value,noTitle:wn.value});V.value=48,requestAnimationFrame(()=>{H.value.height=t,H.value.usableHeight=t-V.value*2,H.value.width=e,H.value.usableWidth=e-V.value*2,H.value.top=V.value,H.value.left=V.value,H.value.right=e-V.value,H.value.bottom=t-V.value,H.value.centerX=e/2,H.value.centerY=t-t/2,H.value.padding=V.value})});z.value&&(Wn.value&&z.value.unobserve(Wn.value),z.value.disconnect()),z.value=new ResizeObserver(e),Wn.value=A.value.parentNode,z.value.observe(Wn.value)}}qe(()=>{On.value=!0,Kn()}),Ke(()=>{z.value&&(Wn.value&&z.value.unobserve(Wn.value),z.value.disconnect())});let{isPrinting:qn,isImaging:Jn,generatePdf:Yn,generateImage:Xn}=Se({elementId:`vue-ui-quadrant_${O.value}`,fileName:I.value.title.text||`vue-ui-quadrant`,options:j.value.userOptions.print}),Zn=u(()=>j.value.userOptions.show&&!I.value.title.text),Qn=u(()=>_e(j.value.customPalette)),B=x({plotLabels:{show:P.value.plotLabels.show},showTable:j.value.table.show,showTooltip:F.value.show}),V=x(48),H=x({height:I.value.height,usableHeight:I.value.height-V.value*2,width:I.value.width,usableWidth:I.value.width-V.value*2,top:V.value,left:V.value,right:I.value.width-V.value,bottom:I.value.height-V.value,centerX:I.value.width/2,centerY:I.value.height-I.value.height/2,padding:V.value}),U=x({...JSON.parse(JSON.stringify(H.value)),startX:0,startY:0});Ze(()=>H.value,e=>{e&&(U.value={...JSON.parse(JSON.stringify(H.value)),startX:0,startY:0})},{deep:!0});let W=x(null),G=u(()=>{switch(W.value){case`TL`:return{x:U.value.startX+U.value.width/2,y:U.value.height,text:P.value.quadrantLabels.tl.text||`Top Left`,fontSize:P.value.quadrantLabels.tl.fontSize,fill:P.value.quadrantLabels.tl.color,bold:P.value.quadrantLabels.tl.bold};case`TR`:return{x:U.value.startX+U.value.width/2,y:U.value.height,text:P.value.quadrantLabels.tr.text||`Top Right`,fontSize:P.value.quadrantLabels.tr.fontSize,fill:P.value.quadrantLabels.tr.color,bold:P.value.quadrantLabels.tr.bold};case`BR`:return{x:U.value.startX+U.value.width/2,y:U.value.height*1.678,text:P.value.quadrantLabels.br.text||`Bottom Right`,fontSize:P.value.quadrantLabels.br.fontSize,fill:P.value.quadrantLabels.br.color,bold:P.value.quadrantLabels.br.bold};case`BL`:return{x:U.value.startX+U.value.width/2,y:U.value.height*1.678,text:P.value.quadrantLabels.bl.text||`Bottom Left`,fontSize:P.value.quadrantLabels.bl.fontSize,fill:P.value.quadrantLabels.bl.color,bold:P.value.quadrantLabels.bl.bold};default:return{x:0,y:0,text:``,fontSize:0,fill:`none`,bold:!1}}}),$n=x(null),er=x(!1);function tr({targetX:e,targetY:t,targetW:n,targetH:r,side:i}){W.value&&Tr(i);let a={x:e-U.value.startX,y:t-U.value.startY,w:n-U.value.width,h:r-U.value.height},o=j.value.zoomAnimationFrames,s=0;function ee(){er.value=!0,U.value.startX+=a.x/o,U.value.startY+=a.y/o,U.value.width+=a.w/o,U.value.height+=a.h/o,s+=1,s<o?$n.value=requestAnimationFrame(ee):er.value=!1}ee()}let K=u(()=>j.value.zoomEnabled);function q(e){if(K.value&&!er.value){if(k.value&&W.value===e)tr({targetX:0,targetY:0,targetW:H.value.width,targetH:H.value.height}),W.value=null,k.value=!1;else{switch(W.value=e,e){case`TL`:tr({targetX:0,targetY:0,targetW:H.value.width/2+H.value.left,targetH:H.value.height/2+H.value.top,side:`tl`});break;case`TR`:tr({targetX:H.value.width/2-H.value.left,targetY:0,targetW:H.value.width/2+H.value.left,targetH:H.value.height/2+H.value.top,side:`tr`});break;case`BR`:tr({targetX:H.value.width/2-H.value.left,targetY:H.value.height/2-H.value.top,targetW:H.value.width/2+H.value.left,targetH:H.value.height/2+H.value.top,side:`br`});break;case`BL`:tr({targetX:0,targetY:H.value.height/2-H.value.top,targetW:H.value.width/2+H.value.left,targetH:H.value.height/2+H.value.top,side:`bl`});break;default:U.value.startX=0,U.value.startY=0,U.value.width=H.value.width,U.value.height=H.value.height}k.value=!0}}}let nr=u(()=>{let e=N.value.graduations.steps,t=H.value.usableWidth/(e*2),n=H.value.top,r=[];for(let i=0;i<e;i+=1)r.push({x:H.value.padding+t*i,y:n+H.value.usableHeight*(i/e/2),height:H.value.usableHeight*(1-i/e),width:H.value.usableWidth*(1-i/e),opacity:Math.round((i+1)/e*20)});return r}),J=u(()=>{let e=N.value.xAxis.max,t=N.value.xAxis.min,n=N.value.yAxis.max,r=N.value.yAxis.min;return N.value.xAxis.auto&&(e=Math.max(...rr.value.flatMap(e=>e.series.map(e=>e.x))),t=Math.min(...rr.value.flatMap(e=>e.series.map(e=>e.x)))),N.value.yAxis.auto&&(n=Math.max(...rr.value.flatMap(e=>e.series.map(e=>e.y))),r=Math.min(...rr.value.flatMap(e=>e.series.map(e=>e.y)))),{x:{max:e,min:t},y:{max:n,min:r}}}),Y=x([]),rr=u(()=>Rn.value.map((e,t)=>({...e,series:fe({data:e.series,threshold:j.value.downsample.threshold}),id:`cat_${t}_${O.value}`,color:oe(e.color)||Qn.value[t]||re[t]}))),ir=u(()=>rr.value.filter(e=>!Y.value.includes(e.id))),ar=u(()=>rr.value.map((e,t)=>({...e,shape:e.shape||`circle`,series:e.series.map(t=>({...t,x:or(t.x),y:sr(t.y),xValue:t.x,yValue:t.y,quadrantSide:_r({x:t.x,y:t.y}),categoryName:e.name,category:e,shape:e.shape,color:e.color}))}))),X=u(()=>(Gn.value&&Rn.value.forEach((e,t)=>{e.series.forEach((e,t)=>{[null,void 0].includes(e.x)&&ue({componentName:`VueUiQuadrant`,type:`datasetSerieAttribute`,property:`x`,key:`series`,index:t}),[null,void 0].includes(e.y)&&ue({componentName:`VueUiQuadrant`,type:`datasetSerieAttribute`,property:`y`,key:`series`,index:t})})}),ir.value.map((e,t)=>({...e,shape:e.shape||`circle`,color:e.color||Qn.value[t]||re[t],series:e.series.map(t=>({...t,category:e,x:or(t.x),y:sr(t.y),xValue:t.x,yValue:t.y,quadrantSide:_r({x:t.x,y:t.y}),categoryName:e.name,shape:e.shape,color:e.color,uid:se()}))}))));function or(e){if(e>=0){let t=e/J.value.x.max;return H.value.centerX+H.value.usableWidth/2*t}{let t=Math.abs(e)/Math.abs(J.value.x.min);return H.value.centerX-H.value.usableWidth/2*t}}function sr(e){if(e>=0){let t=e/J.value.y.max;return H.value.centerY+(1-H.value.usableHeight/2*t)}{let t=Math.abs(e)/Math.abs(J.value.y.min);return H.value.centerY-(1-H.value.usableHeight/2*t)}}let cr=u(()=>{let e=X.value.flatMap(e=>e.series.map(t=>({x:t.xValue,y:t.yValue,name:t.name,category:t.categoryName,quadrantSide:t.quadrantSide,sideName:P.value.quadrantLabels[t.quadrantSide].text,color:e.color,shape:e.shape}))),t=N.value.xAxis.name||`x`,n=N.value.yAxis.name||`y`;return{head:[j.value.translations.category,j.value.translations.item,t,n,j.value.translations.side],body:e.map(e=>[e.category,e.name,e.x,e.y,e.sideName||e.quadrantSide]),itsShapes:e.map(e=>({shape:e.shape,color:e.color})),tableData:e}}),lr=u(()=>{let e=cr.value.head,t=cr.value.tableData.map(e=>[{shape:e.shape,color:e.color,name:e.category},e.name,c(P.value.plotLabels.x.formatter,e.x,s({v:e.x,r:P.value.plotLabels.rounding})),c(P.value.plotLabels.y.formatter,e.y,s({v:e.y,r:P.value.plotLabels.rounding})),e.sideName||e.quadrantSide]);return{head:e,body:t,a11yBody:t.map(e=>e.map((e,t)=>t===0?e.name??``:e)),config:{th:{backgroundColor:j.value.table.th.backgroundColor,color:j.value.table.th.color,outline:j.value.table.th.outline},td:{backgroundColor:j.value.table.td.backgroundColor,color:j.value.table.td.color,outline:j.value.table.td.outline},breakpoint:j.value.table.responsiveBreakpoint},colNames:e}});function ur(){Y.value.length?Y.value=[]:fr.value.forEach(e=>{Y.value.push(e.id)}),_n(`selectLegend`,Er())}function dr(e){Y.value.includes(e)?Y.value=Y.value.filter(t=>t!==e):Y.value.push(e),_n(`selectLegend`,Er())}let fr=u(()=>ar.value.map(e=>({name:e.name,shape:e.shape,color:e.color,id:e.id,opacity:Y.value.includes(e.id)?.5:1,segregate:()=>dr(e.id),isSegregated:Y.value.includes(e.id)})));function pr(e){return fr.value.length?fr.value.find(t=>t.name===e)||(Gn.value&&console.warn(`VueUiQuadrant - Series name not found "${e}"`),null):(Gn.value&&console.warn(`VueUiQuadrant - There are no series to show.`),null)}function mr(e){let t=pr(e);t!==null&&Y.value.includes(t.id)&&dr(t.id)}function hr(e){let t=pr(e);t!==null&&(Y.value.includes(t.id)||dr(t.id))}let gr=u(()=>({cy:`quadrant-div-legend`,backgroundColor:I.value.legend.backgroundColor,color:I.value.legend.color,fontSize:I.value.legend.fontSize,paddingBottom:12,fontWeight:I.value.legend.bold?`bold`:``}));function _r(e){switch(!0){case e.x>=0&&e.y>=0:return`tr`;case e.x>=0&&e.y<0:return`br`;case e.x<0&&e.y<0:return`bl`;case e.x<0&&e.y>=0:return`tl`;default:return``}}let Z=x(null),vr=x(null),yr=x(null);function br(){Z.value=null,vr.value=null,jn.value=null,Mn.value=null,vn.value=!1}function xr(e){if(!R.value||!e)return;let t=`[data-a11y-plot-id="${e}"]`,n=R.value.querySelector(t);if(!n)return;let r=n.getBoundingClientRect();Nn.value={x:r.left+r.width/2,y:r.top+r.height/2}}function Sr(e,t,n,r=`pointer`,i=null){j.value.events.datapointEnter&&j.value.events.datapointEnter({datapoint:t,seriesIndex:n}),Z.value=t.uid,vr.value={color:e.color,shape:e.shape},Pn.value=r,jn.value=i,Mn.value=t.uid,yr.value={datapoint:t,seriesIndex:n,series:X.value,config:j.value};let a=F.value.customFormat;if(ne(a)&&me(()=>a({seriesIndex:n,datapoint:t,series:X.value,config:j.value})))yn.value=a({seriesIndex:n,datapoint:t,series:X.value,config:j.value});else{let r=``;t.quadrantSide&&(r+=`<div style="color:${P.value.quadrantLabels[t.quadrantSide].color};font-weight:${P.value.quadrantLabels[t.quadrantSide].bold?`bold`:`400`}">${P.value.quadrantLabels[t.quadrantSide].text}</div>`),r+=`<div>${e.name}</div>`,r+=`<div style="padding-bottom:6px;border-bottom:1px solid ${F.value.borderColor};margin-bottom:3px">${t.name}</div>`,r+=`<div>${N.value.xAxis.name?N.value.xAxis.name:`x`}: <b>${c(P.value.plotLabels.x.formatter,t.xValue,s({v:t.xValue,r:F.value.roundingValue}),{datapoint:t,category:e,categoryIndex:n})}</b></div>`,r+=`<div>${N.value.yAxis.name?N.value.yAxis.name:`y`}: <b>${c(P.value.plotLabels.y.formatter,t.yValue,s({v:t.yValue,r:F.value.roundingValue}),{datapoint:t,category:e,categoryIndex:n})}</b></div>`,yn.value=`<div style="text-align:left;font-size:${F.value.fontSize}px">${r}</div>`}r===`keyboard`&&Ge(()=>{xr(t.uid)}),vn.value=!0}function Cr(e,t){j.value.events.datapointLeave&&j.value.events.datapointLeave({datapoint:e,seriesIndex:t}),(Mn.value!==e.uid||Pn.value!==`keyboard`)&&(vn.value=!1,Z.value=null,vr.value=null)}function wr(e,t,n){j.value.events.datapointClick&&j.value.events.datapointClick({datapoint:t,seriesIndex:n});let r={category:e.name,shape:e.shape,itemName:t.name,x:t.xValue,y:t.yValue,quadrantSide:t.quadrantSide,sideName:P.value.quadrantLabels[t.quadrantSide].text};_n(`selectPlot`,r)}function Tr(e){if(!e)return;let t=X.value.flatMap(t=>t.series.filter(t=>t.quadrantSide===e).map(e=>({category:e.categoryName,itemName:e.name,x:e.xValue,y:e.yValue}))),n={quadrantSide:e,sideName:P.value.quadrantLabels[e].text,items:[...t]};_n(`selectSide`,n)}let Q=u(()=>({TL:{tl:{x:H.value.left+H.value.usableWidth/4-20,y:0,fill:P.value.quadrantLabels.tl.color},tr:{x:H.value.left+H.value.usableWidth/4,y:0,fill:P.value.quadrantLabels.tr.color},br:{x:H.value.left+H.value.usableWidth/4,y:20,fill:P.value.quadrantLabels.br.color},bl:{x:H.value.left+H.value.usableWidth/4-20,y:20,fill:P.value.quadrantLabels.bl.color},crosshairs:{horizontal:`M ${H.value.left+H.value.usableWidth/4-20},20 ${H.value.left+H.value.usableWidth/4+20},20`,vertical:`M ${H.value.left+H.value.usableWidth/4},0 ${H.value.left+H.value.usableWidth/4},40`}},TR:{tl:{x:H.value.centerX+H.value.usableWidth/4-20,y:0,fill:P.value.quadrantLabels.tl.color},tr:{x:H.value.centerX+H.value.usableWidth/4,y:0,fill:P.value.quadrantLabels.tr.color},br:{x:H.value.centerX+H.value.usableWidth/4,y:20,fill:P.value.quadrantLabels.br.color},bl:{x:H.value.centerX+H.value.usableWidth/4-20,y:20,fill:P.value.quadrantLabels.bl.color},crosshairs:{horizontal:`M ${H.value.centerX+H.value.usableWidth/4-20},20 ${H.value.centerX+H.value.usableWidth/4+20},20`,vertical:`M ${H.value.centerX+H.value.usableWidth/4},0 ${H.value.centerX+H.value.usableWidth/4},40`}},BR:{tl:{x:H.value.centerX+H.value.usableWidth/4-20,y:H.value.centerY-48,fill:P.value.quadrantLabels.tl.color},tr:{x:H.value.centerX+H.value.usableWidth/4,y:H.value.centerY-48,fill:P.value.quadrantLabels.tr.color},br:{x:H.value.centerX+H.value.usableWidth/4,y:H.value.centerY-28,fill:P.value.quadrantLabels.br.color},bl:{x:H.value.centerX+H.value.usableWidth/4-20,y:H.value.centerY-28,fill:P.value.quadrantLabels.bl.color},crosshairs:{horizontal:`M ${H.value.centerX+H.value.usableWidth/4-20},${H.value.centerY-28} ${H.value.centerX+H.value.usableWidth/4+20},${H.value.centerY-28}`,vertical:`M ${H.value.centerX+H.value.usableWidth/4},${H.value.centerY-48} ${H.value.centerX+H.value.usableWidth/4},${H.value.centerY-8}`}},BL:{tl:{x:H.value.left+H.value.usableWidth/4-20,y:H.value.centerY-48,fill:P.value.quadrantLabels.tl.color},tr:{x:H.value.left+H.value.usableWidth/4,y:H.value.centerY-48,fill:P.value.quadrantLabels.tr.color},br:{x:H.value.left+H.value.usableWidth/4,y:H.value.centerY-28,fill:P.value.quadrantLabels.br.color},bl:{x:H.value.left+H.value.usableWidth/4-20,y:H.value.centerY-28,fill:P.value.quadrantLabels.bl.color},crosshairs:{horizontal:`M ${H.value.left+H.value.usableWidth/4-20},${H.value.centerY-28} ${H.value.left+H.value.usableWidth/4+20},${H.value.centerY-28}`,vertical:`M ${H.value.left+H.value.usableWidth/4},${H.value.centerY-48} ${H.value.left+H.value.usableWidth/4},${H.value.centerY-8}`}}}));function Er(){return X.value.map(e=>({color:e.color,name:e.name,shape:e.shape,series:e.series.map(e=>({name:e.name,x:e.xValue,y:e.yValue,quadrantSide:e.quadrantSide,sideName:P.value.quadrantLabels[e.quadrantSide].text}))}))}function Dr(e=null){Ge(()=>{let t=[[I.value.title.text],[I.value.title.subtitle.text],[``]],n=cr.value.head,r=cr.value.body,i=t.concat([n]).concat(r),a=te(i);e?e(a):pe({csvContent:a,title:I.value.title.text||`vue-ui-quadrant`})})}let Or=x(!1);function kr(e){Or.value=e,bn.value+=1}function Ar(){B.value.showTable=!B.value.showTable}function jr(){B.value.plotLabels.show=!B.value.plotLabels.show}function Mr(){B.value.showTooltip=!B.value.showTooltip}let Nr=x(!1);function Pr(){Nr.value=!Nr.value}let Fr=Le(A,()=>I.value.title.text),Ir=u(()=>n({config:j,style:I,mutableConfig:B,dialog:mn,accordion:ln,isFullscreen:Or,parent:A,maxWidth:800,isCursorPointer:L}));Ze(()=>B.value.showTable,e=>t(e,j,kn));function Lr(){B.value.showTable=!1,An.value&&An.value.setTableIconState(!1)}let Rr=u(()=>I.value.backgroundColor),zr=u(()=>I.value.legend),Br=u(()=>I.value.title),{isCallbackImaging:Vr,isCallbackSvg:Hr,generateSvg:Ur,onGenerateImage:Wr}=Te({svg:R,title:Br,legend:zr,legendItems:fr,backgroundColor:Rr,getSvgCallback:()=>j.value.userOptions.callbacks.svg,generateImage:Xn});async function Gr(){if(_n(`copyAlt`,{config:j.value,dataset:ir.value}),!j.value.userOptions.callbacks.altCopy){console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");return}await Promise.resolve(j.value.userOptions.callbacks.altCopy({config:j.value,dataset:ir.value}))}function Kr(){jn.value=null,Mn.value=null,Fn.value=!0}function qr(){br(),Fn.value=!1}function Jr(e){if(!R.value||Nr.value||document.activeElement!==R.value||!$.value.length)return;let t=e.key===`ArrowLeft`||e.key===`ArrowUp`,n=e.key===`ArrowRight`||e.key===`ArrowDown`,r=e.key===`Enter`||e.key===` `,i=e.key===`Escape`;if(!t&&!n&&!r&&!i)return;if(e.preventDefault(),e.stopPropagation(),i){br();return}if(r){if(jn.value===null)return;let e=$.value[jn.value];if(!e)return;wr(e.category,e.plot,e.categoryIndex);return}let a=jn.value,o=Z.value?$.value.findIndex(e=>e.plot.uid===Z.value):null,s=a!==null&&a>=0&&a<$.value.length,ee=o!==null&&o>=0&&o<$.value.length;s?(a+=n?1:-1,a<0&&(a=$.value.length-1),a>=$.value.length&&(a=0)):ee?(a=n?o+1:o-1,a>=$.value.length&&(a=0),a<0&&(a=$.value.length-1)):a=n?0:$.value.length-1;let te=$.value[a];te&&Sr(te.category,te.plot,te.categoryIndex,`keyboard`,a)}let Yr=u(()=>({headers:lr.value?.colNames??[],rows:lr.value?.a11yBody??[]})),$=u(()=>X.value.flatMap((e,t)=>e.series.map(n=>({category:e,plot:n,categoryIndex:t}))));return Oe({getData:Er,getImage:Fr,generatePdf:Yn,generateCsv:Dr,generateImage:Xn,generateSvg:Ur,hideSeries:hr,showSeries:mr,toggleTable:Ar,toggleLabels:jr,toggleTooltip:Mr,toggleAnnotator:Pr,toggleFullscreen:kr,copyAlt:Gr}),(e,t)=>(b(),p(`div`,{class:_(`vue-data-ui-component vue-ui-quadrant ${Or.value?`vue-data-ui-wrapper-fullscreen`:``} ${j.value.useCssAnimation?``:`vue-ui-dna`}`),ref_key:`quadrantChart`,ref:A,id:`vue-ui-quadrant_${O.value}`,style:y(`font-family:${j.value.style.fontFamily};width:100%; text-align:center;background:${I.value.backgroundColor};${j.value.responsive?`height: 100%`:``}`),onMouseenter:t[14]||=()=>T(Bn)(!0),onMouseleave:t[15]||=()=>{T(Bn)(!1),Fn.value||br()}},[m(`div`,{id:`chart-instructions-${O.value}`,class:`sr-only`},[m(`p`,null,w(j.value.a11y.translations.keyboardNavigation),1)],8,et),Yr.value?.rows?.length?(b(),d(Ne,{key:0,uid:O.value,head:Yr.value.headers,body:Yr.value.rows,notice:j.value.a11y.translations.tableAvailable,caption:j.value.a11y.translations.tableCaption},null,8,[`uid`,`head`,`body`,`notice`,`caption`])):f(``,!0),M.value.buttons.annotator?(b(),d(T(dn),{key:1,svgRef:T(R),backgroundColor:I.value.backgroundColor,color:I.value.color,active:Nr.value,isCursorPointer:L.value,palette:M.value.annotatorPalette,onClose:Pr},Ve({_:2},[S(T(i),t=>({name:t,fn:E(n=>[C(e.$slots,t,v(g(T(r)(t,n))),void 0,!0)])}))]),1032,[`svgRef`,`backgroundColor`,`color`,`active`,`isCursorPointer`,`palette`])):f(``,!0),Zn.value?(b(),p(`div`,{key:2,ref_key:`noTitle`,ref:wn,class:`vue-data-ui-no-title-space`,style:`height:36px; width: 100%;background:transparent`},null,512)):f(``,!0),I.value.title.text?(b(),p(`div`,{key:3,ref_key:`chartTitle`,ref:xn,style:`width:100%;background:transparent;padding-bottom:12px`},[(b(),d(Ee,{key:`table_${Tn.value}`,config:{title:{cy:`quadrant-title`,...I.value.title},subtitle:{cy:`quadrant-subtitle`,...I.value.title.subtitle}}},null,8,[`config`]))],512)):f(``,!0),m(`div`,{id:`legend-top-${O.value}`},null,8,tt),M.value.show&&gn.value&&(T(Vn)||T(zn))?(b(),d(T(fn),{ref_key:`userOptionsRef`,ref:An,key:`user_options_${bn.value}`,backgroundColor:I.value.backgroundColor,color:I.value.color,isImaging:T(Jn),isPrinting:T(qn),uid:O.value,hasTooltip:M.value.buttons.tooltip&&F.value.show,hasPdf:M.value.buttons.pdf,hasImg:M.value.buttons.img,hasSvg:M.value.buttons.svg,hasXls:M.value.buttons.csv,hasTable:M.value.buttons.table,hasLabel:M.value.buttons.labels,hasFullscreen:M.value.buttons.fullscreen,hasAltCopy:M.value.buttons.altCopy,isFullscreen:Or.value,isTooltip:B.value.showTooltip,titles:{...M.value.buttonTitles},chartElement:A.value,position:M.value.position,hasAnnotator:M.value.buttons.annotator,isAnnotation:Nr.value,callbacks:M.value.callbacks,printScale:M.value.print.scale,tableDialog:j.value.table.useDialog,isCursorPointer:L.value,onToggleFullscreen:kr,onGeneratePdf:T(Yn),onGenerateCsv:Dr,onGenerateImage:T(Wr),onGenerateSvg:T(Ur),onToggleTable:Ar,onToggleLabels:jr,onToggleTooltip:Mr,onToggleAnnotator:Pr,onCopyAlt:Gr,style:y({visibility:T(Vn)?T(zn)?`visible`:`hidden`:`visible`})},Ve({_:2},[S(T(a)(e.$slots,`menuIcon optionTooltip optionPdf optionCsv optionImg optionSvg optionTable optionLabels optionFullscreen optionAnnotator optionAltCopy custom-menu-before custom-menu-after`),t=>({name:t,fn:E(n=>[C(e.$slots,t,v(g(T(o)(t,n))),void 0,!0)])}))]),1032,/* @__PURE__ */ `backgroundColor.color.isImaging.isPrinting.uid.hasTooltip.hasPdf.hasImg.hasSvg.hasXls.hasTable.hasLabel.hasFullscreen.hasAltCopy.isFullscreen.isTooltip.titles.chartElement.position.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg.style`.split(`.`))):f(``,!0),m(`div`,nt,[(b(),p(`svg`,{ref_key:`svgRef`,ref:R,xmlns:T(ge),"aria-describedby":`chart-instructions-${O.value}`,class:_({"vue-data-ui-fullscreen--on":Or.value,"vue-data-ui-fulscreen--off":!Or.value}),viewBox:`${U.value.startX} ${U.value.startY} ${U.value.width} ${U.value.height}`,style:y(`max-width:100%;overflow:hidden;background:transparent;color:${I.value.color}`),id:`svg_${O.value}`,tabindex:`0`,onFocus:Kr,onBlur:qr,onKeydown:Jr},[Ue(T(pn)),e.$slots[`chart-background`]?(b(),p(`foreignObject`,{key:0,x:U.value.startX,y:U.value.startY,width:U.value.width,height:U.value.height,style:{pointerEvents:`none`}},[C(e.$slots,`chart-background`,{},void 0,!0)],8,it)):f(``,!0),m(`defs`,null,[(b(!0),p(l,null,S(X.value,(e,t)=>(b(),d(je,{t:`radial`,cx:`50%`,cy:`50%`,r:`50%`,fx:`50%`,fy:`50%`,id:`quadrant_gradient_${O.value}_${t}`,key:`quadrant_gradient_${O.value}_${t}`,stops:[[`0%`,T(ae)(T(ce)(e.color,.05),I.value.layout.areas.opacity),1],[`100%`,T(ae)(e.color,I.value.layout.areas.opacity),1]]},null,8,[`id`,`stops`]))),128))]),N.value.graduations.show?(b(),p(`g`,at,[(b(!0),p(l,null,S(nr.value,e=>(b(),p(`rect`,{fill:N.value.graduations.fill?T(ae)(N.value.graduations.color,e.opacity):`none`,x:e.x,y:e.y,height:e.height<=0?.001:e.height,width:e.width<=0?.001:e.width,"stroke-width":N.value.graduations.strokeWidth,stroke:N.value.graduations.stroke,rx:N.value.graduations.roundingForce},null,8,ot))),256))])):f(``,!0),m(`line`,{x1:H.value.left,y1:H.value.centerY,x2:H.value.right,y2:H.value.centerY,stroke:N.value.stroke,"stroke-width":N.value.strokeWidth},null,8,st),m(`line`,{x1:H.value.centerX,y1:H.value.top,x2:H.value.centerX,y2:H.value.bottom,stroke:N.value.stroke,"stroke-width":N.value.strokeWidth},null,8,ct),N.value.showArrows?(b(),p(`g`,lt,[m(`polygon`,{points:`${H.value.right-8},${H.value.centerY-6} ${H.value.right},${H.value.centerY} ${H.value.right-8},${H.value.centerY+6}`,fill:N.value.stroke,stroke:`none`},null,8,ut),m(`polygon`,{points:`${H.value.left+8},${H.value.centerY-6} ${H.value.left},${H.value.centerY} ${H.value.left+8},${H.value.centerY+6}`,fill:N.value.stroke,stroke:`none`},null,8,dt),m(`polygon`,{points:`${H.value.centerX-6},${H.value.top+8} ${H.value.centerX},${H.value.top} ${H.value.centerX+6},${H.value.top+8}`,fill:N.value.stroke,stroke:`none`},null,8,ft),m(`polygon`,{points:`${H.value.centerX-6},${H.value.bottom-8} ${H.value.centerX},${H.value.bottom} ${H.value.centerX+6},${H.value.bottom-8}`,fill:N.value.stroke,stroke:`none`},null,8,pt)])):f(``,!0),P.value.quadrantLabels.show&&!k.value?(b(),p(`g`,mt,[P.value.quadrantLabels.tl.text?(b(),p(`text`,{key:0,x:0,y:H.value.top-H.value.padding/2,"text-anchor":`start`,fill:P.value.quadrantLabels.tl.color,"font-size":P.value.quadrantLabels.tl.fontSize,style:y(`font-weight:${P.value.quadrantLabels.tl.bold?`bold`:``}`),onClick:t[0]||=e=>Tr(`tl`)},w(P.value.quadrantLabels.tl.text),13,ht)):f(``,!0),P.value.quadrantLabels.tr.text?(b(),p(`text`,{key:1,x:H.value.width,y:H.value.top-H.value.padding/2,"text-anchor":`end`,fill:P.value.quadrantLabels.tr.color,"font-size":P.value.quadrantLabels.tr.fontSize,style:y(`font-weight:${P.value.quadrantLabels.tr.bold?`bold`:``}`),onClick:t[1]||=e=>Tr(`tr`)},w(P.value.quadrantLabels.tr.text),13,gt)):f(``,!0),P.value.quadrantLabels.br.text?(b(),p(`text`,{key:2,x:H.value.width,y:H.value.bottom+H.value.padding*.7,"text-anchor":`end`,fill:P.value.quadrantLabels.br.color,"font-size":P.value.quadrantLabels.br.fontSize,style:y(`font-weight:${P.value.quadrantLabels.br.bold?`bold`:``}`),onClick:t[2]||=e=>Tr(`br`)},w(P.value.quadrantLabels.br.text),13,_t)):f(``,!0),P.value.quadrantLabels.bl.text?(b(),p(`text`,{key:3,x:0,y:H.value.bottom+H.value.padding*.7,"text-anchor":`start`,fill:P.value.quadrantLabels.bl.color,"font-size":P.value.quadrantLabels.bl.fontSize,style:y(`font-weight:${P.value.quadrantLabels.bl.bold?`bold`:``}`),onClick:t[3]||=e=>Tr(`bl`)},w(P.value.quadrantLabels.bl.text),13,vt)):f(``,!0)])):f(``,!0),P.value.axisLabels.show?(b(),p(`g`,yt,[N.value.yAxis.show?(b(),p(`text`,{key:0,x:H.value.centerX,y:H.value.top-H.value.padding/6,"text-anchor":`middle`,"font-size":P.value.axisLabels.fontSize,fill:P.value.axisLabels.color.positive},w(T(c)(P.value.plotLabels.y.formatter,J.value.y.max,T(s)({v:J.value.y.max,r:P.value.plotLabels.rounding}))),9,bt)):f(``,!0),m(`text`,{x:H.value.centerX,y:H.value.top-H.value.padding/2,"text-anchor":`middle`,"font-size":P.value.axisLabels.fontSize,fill:P.value.axisLabels.color.positive},w(N.value.yAxis.name),9,xt),N.value.yAxis.show?(b(),p(`text`,{key:1,x:H.value.centerX,y:H.value.bottom+H.value.padding*.35,"text-anchor":`middle`,"font-size":P.value.axisLabels.fontSize,fill:P.value.axisLabels.color.negative},w(T(c)(P.value.plotLabels.y.formatter,J.value.y.min,T(s)({v:J.value.y.min,r:P.value.plotLabels.rounding}))),9,St)):f(``,!0),N.value.xAxis.show?(b(),p(`text`,{key:2,id:`xLabelMin_${O.value}`,"text-anchor":`middle`,"font-size":P.value.axisLabels.fontSize,transform:`translate(${H.value.padding-P.value.axisLabels.fontSize}, ${H.value.height/2}), rotate(-90)`,fill:P.value.axisLabels.color.negative},w(T(c)(P.value.plotLabels.x.formatter,J.value.x.min,T(s)({v:J.value.x.min,r:P.value.plotLabels.rounding}))),9,Ct)):f(``,!0),N.value.xAxis.show?(b(),p(`text`,{key:3,id:`xLabelMax_${O.value}`,"text-anchor":`middle`,"font-size":P.value.axisLabels.fontSize,transform:`translate(${H.value.width-H.value.padding+P.value.axisLabels.fontSize}, ${H.value.height/2}), rotate(90)`,fill:P.value.axisLabels.color.positive},w(T(c)(P.value.plotLabels.x.formatter,J.value.x.max,T(s)({v:J.value.x.max,r:P.value.plotLabels.rounding}))),9,wt)):f(``,!0),m(`text`,{id:`xLabelMaxName_${O.value}`,"text-anchor":`middle`,"font-size":P.value.axisLabels.fontSize,transform:`translate(${H.value.width-P.value.axisLabels.fontSize}, ${H.value.height/2}), rotate(90)`,fill:P.value.axisLabels.color.positive},w(N.value.xAxis.name),9,Tt)])):f(``,!0),I.value.layout.areas.show?(b(),p(`g`,Et,[(b(!0),p(l,null,S(X.value,(e,t)=>(b(),p(`g`,null,[e.series.length>2?(b(),p(`polygon`,{key:0,"data-cy-quadrant-area":``,fill:I.value.layout.areas.useGradient?`url(#quadrant_gradient_${O.value}_${t})`:T(ae)(e.color,I.value.layout.areas.opacity),points:T(ee)(e)},null,8,Dt)):f(``,!0)]))),256))])):f(``,!0),m(`g`,null,[m(`rect`,{onClick:t[4]||=e=>q(`TL`),x:H.value.left,y:H.value.top,width:H.value.usableWidth/2<=0?.001:H.value.usableWidth/2,height:H.value.usableHeight/2<=0?.001:H.value.usableHeight/2,fill:`transparent`,class:_({"vue-data-ui-zoom-plus":!k.value&&K.value,"vue-data-ui-zoom-minus":k.value&&K.value})},null,10,Ot),m(`rect`,{onClick:t[5]||=e=>q(`TR`),x:H.value.centerX,y:H.value.top,width:H.value.usableWidth/2<=0?.001:H.value.usableWidth/2,height:H.value.usableHeight/2<=0?.001:H.value.usableHeight/2,fill:`transparent`,class:_({"vue-data-ui-zoom-plus":!k.value&&K.value,"vue-data-ui-zoom-minus":k.value&&K.value})},null,10,kt),m(`rect`,{onClick:t[6]||=e=>q(`BR`),x:H.value.centerX,y:H.value.centerY,width:H.value.usableWidth/2<=0?.001:H.value.usableWidth/2,height:H.value.usableHeight/2<=0?.001:H.value.usableHeight/2,fill:`transparent`,class:_({"vue-data-ui-zoom-plus":!k.value&&K.value,"vue-data-ui-zoom-minus":k.value&&K.value})},null,10,At),m(`rect`,{onClick:t[7]||=e=>q(`BL`),x:H.value.left,y:H.value.centerY,width:H.value.usableWidth/2<=0?.001:H.value.usableWidth/2,height:H.value.usableHeight/2<=0?.001:H.value.usableHeight/2,fill:`transparent`,class:_({"vue-data-ui-zoom-plus":!k.value&&K.value,"vue-data-ui-zoom-minus":k.value&&K.value})},null,10,jt)]),P.value.plotLabels.showAsTag?(b(),p(l,{key:7},[B.value.plotLabels.show?(b(),p(`g`,Rt,[(b(!0),p(l,null,S(X.value,(e,t)=>(b(),p(l,null,[(b(!0),p(l,null,S(e.series,n=>(b(),p(`foreignObject`,{style:{overflow:`visible`},height:`10`,width:`100`,x:n.x-50,y:n.y-P.value.plotLabels.fontSize,onMouseover:r=>Sr(e,n,t),onMouseleave:e=>Cr(n,t),onClick:r=>wr(e,n,t)},[m(`div`,{style:y(`color:${T(he)(e.color)};margin: 0 auto; font-size:${P.value.plotLabels.fontSize}px; text-align:center;background:${e.color}; padding: 2px 4px; border-radius: 12px; height: fit-content;`)},w(n.name),5)],40,zt))),256))],64))),256))])):f(``,!0)],64)):(b(),p(l,{key:6},[(b(!0),p(l,null,S(X.value,(t,n)=>(b(),p(`g`,null,[e.$slots.datapoint&&!T(Ln)?(b(!0),p(l,{key:0},S(t.series,r=>(b(),p(`g`,{key:r.uid},[(b(),p(`foreignObject`,{x:r.x-1,y:r.y-1,width:`2`,height:`2`,style:{overflow:`visible`,"pointer-events":`none`},onMouseenter:e=>Sr(t,r,n),onMouseleave:e=>Cr(r,n),onClick:e=>wr(t,r,n)},[C(e.$slots,`datapoint`,We({ref_for:!0},{datapoint:{...r,onEnter:()=>Sr(t,r,n),onLeave:()=>Cr(r,n),onClick:()=>wr(t,r,n),isSelected:Z.value&&r.uid===Z.value}}),void 0,!0)],40,Mt)),m(`circle`,{"data-a11y-plot-id":r.uid,cx:r.x,cy:r.y,r:Math.max(I.value.layout.plots.radius/(k.value?1.5:1),10),fill:`transparent`,style:{"pointer-events":`none`}},null,8,Nt)]))),128)):e.$slots.datapointSvg&&!T(Ln)?(b(!0),p(l,{key:1},S(t.series,r=>(b(),p(`g`,{key:r.uid},[C(e.$slots,`datapointSvg`,We({ref_for:!0},{datapoint:{...r,onEnter:()=>Sr(t,r,n),onLeave:()=>Cr(r,n),onClick:()=>wr(t,r,n),isSelected:Z.value&&r.uid===Z.value}}),void 0,!0)]))),128)):(b(!0),p(l,{key:2},S(t.series,(e,r)=>(b(),p(`g`,{key:e.uid},[Ue(De,{color:t.color,isSelected:Z.value&&e.uid===Z.value,plot:e,radius:I.value.layout.plots.radius/(k.value?1.5:1),shape:t.shape,stroke:I.value.layout.plots.outline?I.value.layout.plots.outlineColor:`none`,strokeWidth:I.value.layout.plots.outlineWidth,onMouseenter:r=>Sr(t,e,n,`pointer`),onMouseleave:t=>Cr(e,n),onClick:r=>wr(t,e,n)},null,8,[`color`,`isSelected`,`plot`,`radius`,`shape`,`stroke`,`strokeWidth`,`onMouseenter`,`onMouseleave`,`onClick`]),m(`circle`,{"data-dom-to-png-ignore":``,"data-a11y-plot-id":e.uid,cx:e.x,cy:e.y,r:Math.max(I.value.layout.plots.radius/(k.value?1.5:1),10),fill:`transparent`,style:{"pointer-events":`none`}},null,8,Pt)]))),128))]))),256)),B.value.plotLabels.show?(b(),p(`g`,Ft,[(b(!0),p(l,null,S(X.value,e=>(b(),p(`g`,null,[(b(!0),p(l,null,S(e.series,e=>(b(),p(`g`,null,[String(e.name).includes(`
-`)?(b(),p(`text`,{key:1,x:e.x,y:e.y+P.value.plotLabels.offsetY+I.value.layout.plots.radius,"text-anchor":`middle`,"font-size":P.value.plotLabels.fontSize/(k.value?1.5:1),fill:P.value.plotLabels.color,innerHTML:T(ie)({content:String(e.name),fontSize:I.value.layout.labels.plotLabels.fontSize/(k.value?1.5:1),fill:I.value.layout.labels.plotLabels.color,x:e.x,y:e.y+I.value.layout.labels.plotLabels.offsetY+I.value.layout.plots.radius})},null,8,Lt)):(b(),p(`text`,{key:0,x:e.x,y:e.y+P.value.plotLabels.offsetY+I.value.layout.plots.radius,"text-anchor":`middle`,"font-size":P.value.plotLabels.fontSize/(k.value?1.5:1),fill:P.value.plotLabels.color},w(e.name),9,It))]))),256))]))),256))])):f(``,!0)],64)),k.value?(b(),p(`g`,Bt,[W.value===`TL`?(b(),p(`polygon`,{key:0,points:`${H.value.left-1},${H.value.centerY} ${H.value.centerX},${H.value.centerY} ${H.value.centerX},${H.value.top-1} ${H.value.right},${H.value.top-1} ${H.value.right},${H.value.bottom} ${H.value.left-1},${H.value.bottom} ${H.value.left-1},${H.value.centerY}`,fill:I.value.backgroundColor,style:{opacity:`1`}},null,8,Vt)):f(``,!0),W.value===`TR`?(b(),p(`polygon`,{key:1,points:`${H.value.left},${H.value.top-1} ${H.value.centerX},${H.value.top-1} ${H.value.centerX},${H.value.centerY} ${H.value.right+1},${H.value.centerY} ${H.value.right+1},${H.value.bottom} ${H.value.left},${H.value.bottom} ${H.value.left},${H.value.top-1}`,fill:I.value.backgroundColor,style:{opacity:`1`}},null,8,Ht)):f(``,!0),W.value===`BR`?(b(),p(`polygon`,{key:2,points:`${H.value.left},${H.value.top} ${H.value.right+1},${H.value.top} ${H.value.right+1},${H.value.centerY} ${H.value.centerX},${H.value.centerY} ${H.value.centerX},${H.value.bottom+1} ${H.value.left},${H.value.bottom+1} ${H.value.left},${H.value.top}`,fill:I.value.backgroundColor,style:{opacity:`1`}},null,8,Ut)):f(``,!0),W.value===`BL`?(b(),p(`polygon`,{key:3,points:`${H.value.left-1},${H.value.top} ${H.value.right},${H.value.top} ${H.value.right},${H.value.bottom+1} ${H.value.centerX},${H.value.bottom+1} ${H.value.centerX},${H.value.centerY} ${H.value.left-1},${H.value.centerY} ${H.value.left-1},${H.value.top}`,fill:I.value.backgroundColor,style:{opacity:`1`}},null,8,Wt)):f(``,!0)])):f(``,!0),W.value&&!er.value?(b(),p(`g`,Gt,[m(`text`,{x:G.value.x,y:G.value.y-G.value.fontSize/1.5,"font-size":G.value.fontSize/1.5,fill:G.value.fill,"text-anchor":`middle`,"font-weight":G.value.bold?`bold`:`normal`},w(G.value.text),9,Kt)])):f(``,!0),k.value&&W.value?(b(),p(`g`,qt,[m(`rect`,{x:Q.value[W.value].tl.x,y:Q.value[W.value].tl.y,height:`20`,width:`20`,fill:Q.value[W.value].tl.fill,style:y(`cursor: ${L.value?`pointer`:`default`}; opacity: ${W.value===`TL`?1:.2}`),onClick:t[8]||=e=>q(`TL`),class:_({"vue-ui-quadrant-mini-map-cell":!0,"vue-ui-quadrant-mini-map-cell-selectable":W.value!==`TL`})},null,14,Jt),m(`rect`,{x:Q.value[W.value].tr.x,y:Q.value[W.value].tr.y,height:`20`,width:`20`,fill:Q.value[W.value].tr.fill,style:y(`cursor: ${L.value?`pointer`:`default`}; opacity: ${W.value===`TR`?1:.2}`),onClick:t[9]||=e=>q(`TR`),class:_({"vue-ui-quadrant-mini-map-cell":!0,"vue-ui-quadrant-mini-map-cell-selectable":W.value!==`TR`})},null,14,Yt),m(`rect`,{x:Q.value[W.value].br.x,y:Q.value[W.value].br.y,height:`20`,width:`20`,fill:Q.value[W.value].br.fill,style:y(`cursor: ${L.value?`pointer`:`default`}; opacity: ${W.value===`BR`?1:.2}`),onClick:t[10]||=e=>q(`BR`),class:_({"vue-ui-quadrant-mini-map-cell":!0,"vue-ui-quadrant-mini-map-cell-selectable":W.value!==`BR`})},null,14,Xt),m(`rect`,{x:Q.value[W.value].bl.x,y:Q.value[W.value].bl.y,height:`20`,width:`20`,fill:Q.value[W.value].bl.fill,style:y(`cursor: ${L.value?`pointer`:`default`}; opacity: ${W.value===`BL`?1:.2}`),onClick:t[11]||=e=>q(`BL`),class:_({"vue-ui-quadrant-mini-map-cell":!0,"vue-ui-quadrant-mini-map-cell-selectable":W.value!==`BL`})},null,14,Zt),m(`path`,{class:`vue-ui-quadrant-minimap-crosshairs`,stroke:I.value.backgroundColor,"stroke-width":1,d:Q.value[W.value].crosshairs.horizontal},null,8,Qt),m(`path`,{class:`vue-ui-quadrant-minimap-crosshairs`,stroke:I.value.backgroundColor,"stroke-width":1,d:Q.value[W.value].crosshairs.vertical},null,8,$t)])):f(``,!0),C(e.$slots,`svg`,{svg:{...H.value,isPrintingImg:T(qn)||T(Jn)||T(Vr),isPrintingSvg:T(Hr)}},void 0,!0)],46,rt)),e.$slots.hint?(b(),p(`div`,en,[C(e.$slots,`hint`,v(g({hint:j.value.a11y.translations.keyboardNavigation,isVisible:Fn.value})),void 0,!0)])):f(``,!0)]),e.$slots.watermark?(b(),p(`div`,tn,[C(e.$slots,`watermark`,v(g({isPrinting:T(qn)||T(Jn)||T(Vr)||T(Hr)})),void 0,!0)])):f(``,!0),m(`div`,{id:`legend-bottom-${O.value}`},null,8,nn),On.value&&(I.value.legend.show||e.$slots.legend)?(b(),d(Be,{key:6,to:I.value.legend.position===`top`?`#legend-top-${O.value}`:`#legend-bottom-${O.value}`},[m(`div`,{ref_key:`chartLegend`,ref:Sn},[C(e.$slots,`legend`,{legend:fr.value},()=>[I.value.legend.show?(b(),d(Re,{key:`legend_${Dn.value}`,legendSet:fr.value,config:gr.value,isCursorPointer:L.value,onClickMarker:t[12]||=({legend:e})=>dr(e.id)},{item:E(({legend:e})=>[T(Ln)?f(``,!0):(b(),p(`div`,{key:0,onClick:t=>dr(e.id),style:y(`opacity:${Y.value.includes(e.id)?.5:1}`)},w(e.name),13,rn))]),legendToggle:E(()=>[fr.value.length>2&&I.value.legend.selectAllToggle.show&&!T(Ln)?(b(),d(Me,{key:0,backgroundColor:I.value.legend.selectAllToggle.backgroundColor,color:I.value.legend.selectAllToggle.color,fontSize:I.value.legend.fontSize,checked:Y.value.length>0,isCursorPointer:L.value,onToggle:ur},null,8,[`backgroundColor`,`color`,`fontSize`,`checked`,`isCursorPointer`])):f(``,!0)]),_:1},8,[`legendSet`,`config`,`isCursorPointer`])):f(``,!0)],!0)],512)],8,[`to`])):f(``,!0),e.$slots.source?(b(),p(`div`,{key:7,ref_key:`source`,ref:Cn,dir:`auto`},[C(e.$slots,`source`,{},void 0,!0)],512)):f(``,!0),Ue(T(sn),{teleportTo:F.value.teleportTo,show:B.value.showTooltip&&vn.value,backgroundColor:F.value.backgroundColor,color:F.value.color,borderRadius:F.value.borderRadius,borderColor:F.value.borderColor,borderWidth:F.value.borderWidth,fontSize:F.value.fontSize,backgroundOpacity:F.value.backgroundOpacity,position:F.value.position,offsetX:F.value.offsetX,offsetY:F.value.offsetY,parent:A.value,content:yn.value,isFullscreen:Or.value,isCustom:F.value.customFormat&&typeof F.value.customFormat==`function`,smooth:F.value.smooth,backdropFilter:F.value.backdropFilter,smoothForce:F.value.smoothForce,smoothSnapThreshold:F.value.smoothSnapThreshold,isA11yMode:Pn.value===`keyboard`,a11yPosition:Nn.value},{"tooltip-before":E(()=>[C(e.$slots,`tooltip-before`,v(g({...yr.value})),void 0,!0)]),tooltip:E(()=>[C(e.$slots,`tooltip`,v(g({...yr.value})),void 0,!0)]),"tooltip-after":E(()=>[C(e.$slots,`tooltip-after`,v(g({...yr.value})),void 0,!0)]),default:E(()=>[F.value.showShape?(b(),p(`svg`,an,[Ue(De,{plot:{x:10,y:10},shape:vr.value.shape,color:vr.value.color,radius:8,stroke:I.value.layout.plots.outline?I.value.layout.plots.outlineColor:`none`,"stroke-width":I.value.layout.plots.outlineWidth},null,8,[`shape`,`color`,`stroke`,`stroke-width`])])):f(``,!0)]),_:3},8,[`teleportTo`,`show`,`backgroundColor`,`color`,`borderRadius`,`borderColor`,`borderWidth`,`fontSize`,`backgroundOpacity`,`position`,`offsetX`,`offsetY`,`parent`,`content`,`isFullscreen`,`isCustom`,`smooth`,`backdropFilter`,`smoothForce`,`smoothSnapThreshold`,`isA11yMode`,`a11yPosition`]),gn.value&&M.value.buttons.table?(b(),d(Je(Ir.value.component),We({key:8},Ir.value.props,{ref_key:`tableUnit`,ref:kn,onClose:Lr}),Ve({content:E(()=>[(b(),d(T(un),{key:`table_${En.value}`,colNames:lr.value.colNames,head:lr.value.head,body:lr.value.body,config:lr.value.config,title:j.value.table.useDialog?``:Ir.value.title,withCloseButton:!j.value.table.useDialog,isCursorPointer:L.value,onClose:Lr},{th:E(({th:e})=>[He(w(e),1)]),td:E(({td:e})=>[m(`div`,{innerHTML:e.name||e},null,8,on)]),_:1},8,[`colNames`,`head`,`body`,`config`,`title`,`withCloseButton`,`isCursorPointer`]))]),_:2},[j.value.table.useDialog?{name:`title`,fn:E(()=>[He(w(Ir.value.title),1)]),key:`0`}:void 0,j.value.table.useDialog?{name:`actions`,fn:E(()=>[m(`button`,{tabindex:`0`,class:`vue-ui-user-options-button`,onClick:t[13]||=e=>Dr(M.value.callbacks.csv),style:y({cursor:L.value?`pointer`:`default`})},[Ue(T(cn),{name:`fileCsv`,stroke:Ir.value.props.color},null,8,[`stroke`])],4)]),key:`1`}:void 0]),1040)):f(``,!0),C(e.$slots,`skeleton`,{},()=>[T(Ln)?(b(),d(we,{key:0})):f(``,!0)],!0)],46,$e))}},[[`__scopeId`,`data-v-e04c7a19`]]);export{Qe as n,sn as t};

package/dist/vue-ui-quick-chart-Nc2mVlle.js

@@ -1,17 +0,0 @@
-import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{n as t,t as n}from"./annotationSlots-BRR85CqJ.js";import{n as r,t as i}from"./userOptionsSlots-DYuo-E5m.js";import{$ as a,Dt as o,Ht as s,It as c,J as l,Kt as ee,P as u,S as te,X as ne,_ as re,at as ie,b as d,et as ae,f as oe,h as se,i as f,in as ce,nn as le,p as ue,pt as de,t as fe,w as pe,zt as me}from"./lib-CV_IANZ6.js";import{n as he,t as ge}from"./useHints-BH9r_0Vd.js";import{t as _e}from"./useTimeLabels-Das5O74F.js";import{t as ve}from"./useConfig-CKdzPrcf.js";import{t as ye}from"./usePrinter-hLW3cv4N.js";import{n as be,t as xe}from"./BaseScanner-8NdoBs7B.js";import{t as Se}from"./useNestedProp-CB186vF2.js";import{t as Ce}from"./useThemeCheck-BKNRbGeC.js";import{t as we}from"./useChartExport-DtPNpc9M.js";import{t as Te}from"./useTransitions-DfSHzsdz.js";import{t as Ee}from"./useStableElementSize-CegFbRlF.js";import{t as De}from"./useTimeLabelCollider-XQf_S7-z.js";import{t as Oe}from"./img-DiT4ivZ5.js";import{t as ke}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{l as Ae,t as je}from"./useResponsive-D2CPcpda.js";import{t as Me}from"./SlicerPreview-CNUciSbY.js";import{t as Ne}from"./BaseLegendToggle-Bq5FjyuI.js";import{t as Pe}from"./A11yDataTable-DWNlWXzs.js";import{t as Fe}from"./useChartAccessibility-DOMuYJfm.js";import{t as Ie}from"./vue_ui_quick_chart-BRfcRW6Z.js";import{Fragment as p,Teleport as Le,computed as m,createBlock as Re,createCommentVNode as h,createElementBlock as g,createElementVNode as _,createSlots as ze,createVNode as Be,defineAsyncComponent as Ve,guardReactiveProps as He,mergeProps as Ue,nextTick as We,normalizeClass as v,normalizeProps as Ge,normalizeStyle as y,onBeforeUnmount as Ke,onMounted as qe,openBlock as b,ref as x,renderList as S,renderSlot as C,shallowRef as Je,toDisplayString as w,toRefs as Ye,unref as T,watch as Xe,watchEffect as Ze,withCtx as Qe}from"vue";var E={LINE:`LINE`,BAR:`BAR`,DONUT:`DONUT`},$e=[`SERIE`,`SERIES`,`DATA`,`VALUE`,`VALUES`,`NUM`];function et({dataset:e,barLineSwitch:t=6,debug:n=!0}){let r=null,i=null,a=0;if((typeof e==`number`||typeof e==`string`)&&n&&console.warn(`The provided dataset (${e}) is not sufficient to build a chart`),nt(e)&&(rt(e)&&(r=e.length<t?E.BAR:E.LINE,i=e,a=e.length),it(e))){if(!ot(e))return n&&console.warn(`The objects in the dataset array have a different data structure. Either keys or value types are different.`),!1;let o=Object.keys(e[0]),s=Object.values(e[0]);if(!o.some(e=>st(e)))return n&&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;ct(s,e=>typeof e==`number`)&&(r=E.DONUT,i=e),ct(s,e=>Array.isArray(e)&&rt(e))&&(r=lt(e)>t?E.LINE:E.BAR,a=lt(e),i=e.map(e=>({...e,data:ut(e,e=>rt(e))}))),e=e.map(e=>D(e)),i=i.map(e=>D(e))}return{dataset:e,type:r,usableDataset:i,maxSeriesLength:a}}function tt(e){return!e||nt(e)&&!e.length}function nt(e){return Array.isArray(e)}function rt(e){if(!nt(e)||tt(e))return!1;let t=e.map(e=>Number(e));return![...new Set(t.flatMap(e=>typeof e==`number`&&!isNaN(e)))].includes(!1)}function it(e){return!nt(e)||tt(e)||[...new Set(e.flatMap(e=>typeof e==`object`&&!Array.isArray(e)))].includes(!1)?!1:!e.map(e=>Object.keys(e).length>0).includes(!1)}function at(e,t){let n=Object.keys(e).sort(),r=Object.keys(t).sort();if(n.length!==r.length)return!1;for(let i=0;i<n.length;i+=1){let a=n[i],o=r[i];if(a!==o||typeof e[a]!=typeof t[o])return!1}return!0}function ot(e){if(e.length<=1)return!0;for(let t=0;t<e.length;t+=1)for(let n=t+1;n<e.length;n+=1)if(!at(e[t],e[n]))return!1;return!0}function st(e){return $e.includes(e.toUpperCase())}function ct(e,t){let n=[];for(let r=0;r<e.length;r+=1)n.push(t(e[r]));return n.includes(!0)}function lt(e){return Math.max(...[...e].flatMap(e=>Object.values(e).filter(e=>rt(e)).map(e=>e.length)))}function ut(e,t){return Object.values(e).filter(e=>t(e))[0]}function D(e){let t={};for(let n in e)e.hasOwnProperty(n)&&(t[n.toUpperCase()]=e[n]);return t}var O=/* @__PURE__ */ e({default:()=>Rn}),dt=[`id`],ft=[`id`],pt=[`id`],mt={style:{position:`relative`}},ht=[`xmlns`,`aria-describedby`,`viewBox`],gt=[`x`,`y`,`width`,`height`],_t=[`x`,`y`,`width`,`height`],vt=[`width`,`height`],yt=[`id`],bt=[`id`],xt=[`id`],St=[`flood-color`],Ct={key:0,class:`donut-label-connectors`},wt=[`d`,`stroke`,`stroke-width`,`filter`],Tt=[`cx`,`cy`,`r`,`fill`,`filter`],Et={class:`donut`},Dt=[`d`,`fill`,`stroke`,`stroke-width`,`filter`],Ot=[`d`,`onMouseenter`,`onMouseout`,`onClick`],kt={key:1,class:`donut-labels`},At=[`cx`,`cy`,`fill`,`stroke`,`filter`],jt=[`text-anchor`,`x`,`y`,`fill`,`font-size`,`filter`],Mt=[`text-anchor`,`x`,`y`,`fill`,`font-size`,`filter`],Nt={key:2,class:`donut-hollow`},Pt=[`x`,`y`,`font-size`,`fill`],Ft=[`x`,`y`,`font-size`,`fill`],It={key:0,class:`line-grid`},Lt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],Rt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],zt={key:1,class:`line-axis`},Bt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],Vt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],Ht=[`d`,`stroke`,`stroke-width`],Ut=[`transform`,`font-size`,`fill`],Wt={key:3,class:`periodLabels`},Gt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],Kt={key:0},qt=[`font-size`,`text-anchor`,`fill`,`transform`],Jt=[`font-size`,`text-anchor`,`fill`,`transform`,`innerHTML`],Yt={class:`plots`},Xt=[`d`,`stroke`,`stroke-width`],Zt=[`d`,`stroke`,`stroke-width`],Qt=[`d`,`stroke`,`stroke-width`],$t=[`d`,`stroke`,`stroke-width`],en=[`cx`,`cy`,`fill`,`stroke`],tn={key:4,class:`dataLabels`},nn=[`font-size`,`fill`,`transform`],rn={key:5,class:`tooltip-traps`},an=[`x`,`y`,`height`,`width`,`fill`,`onMouseenter`,`onMouseleave`,`onClick`],on={key:0,class:`line-grid`},sn=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],cn=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],ln={key:1,class:`line-axis`},un=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],dn=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],fn=[`d`,`stroke`,`stroke-width`],pn=[`transform`,`font-size`,`fill`],mn={key:3,class:`periodLabels`},hn=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],gn={key:0},_n=[`font-size`,`text-anchor`,`fill`,`transform`],vn=[`font-size`,`text-anchor`,`fill`,`transform`,`innerHTML`],yn={class:`plots`},bn=[`x`,`width`,`height`,`y`,`fill`,`stroke`,`stroke-width`],xn={key:4,class:`dataLabels`},Sn=[`transform`,`font-size`,`fill`],Cn={key:5,class:`tooltip-traps`},wn=[`x`,`y`,`height`,`width`,`fill`,`onMouseenter`,`onMouseleave`,`onClick`],Tn={key:6,class:`axis-labels`},En=[`font-size`,`fill`,`x`,`y`],Dn=[`font-size`,`fill`,`x`,`y`],On=[`font-size`,`fill`,`transform`],kn=[`font-size`,`fill`,`transform`],An=[`x`,`y`,`width`,`height`,`fill`,`fill-opacity`,`stroke`,`stroke-opacity`,`stroke-width`,`stroke-dasharray`],jn={key:1,style:{position:`absolute`,top:`100%`,left:`0`,width:`100%`},"data-dom-to-png-ignore":``,"aria-hidden":`true`},Mn={key:5,class:`vue-data-ui-watermark`},Nn=[`id`],Pn=[`onClick`,`onKeydown`],Fn=[`onClick`,`onKeydown`],In=[`onClick`,`onKeydown`],Ln={key:1,class:`vue-ui-quick-chart-not-processable`},Rn=/*#__PURE__*/ ke({__name:`vue-ui-quick-chart`,props:{config:{type:Object,default(){return{}}},dataset:{type:[Array,Object,String,Number],default(){return null}},zoomState:{type:Object,default:null}},emits:[`selectDatapoint`,`selectLegend`,`zoomStart`,`zoomEnd`,`zoomReset`,`update:zoomState`,`copyAlt`],setup(e,{expose:ke,emit:$e}){let tt=Ve(()=>import(`./BaseIcon-DdIyewwY.js`).then(e=>e.n)),nt=Ve(()=>import(`./PackageVersion-CdkxOy58.js`).then(e=>e.t)),at=Ve(()=>import(`./PenAndPaper-IMw576MC.js`).then(e=>e.t)),ot=Ve(()=>import(`./Tooltip-Cus2-XNQ.js`)),st=Ve(()=>import(`./UserOptions-DTxMeZv3.js`).then(e=>e.n)),{vue_ui_quick_chart:ct}=ve(),{isThemeValid:lt,warnInvalidTheme:ut}=Ce(),D=e,O=x(null),Rn=x(null),zn=x(null),Bn=x(null),k=x(ne()),A=x(!1),Vn=x(null),Hn=x(``),j=x(null),Un=x(null),Wn=x(null),M=x([]),Gn=x(0),Kn=x(0),qn=x(!1),Jn=x(null),Yn=x(null),N=x(null),Xn=x(null),Zn=x(null),Qn=x(null),$n=Je(null),er=x(!1),tr=x(0),nr=x(0),rr=x(!1);function ir(){$n.value=O.value?.parentNode??null}function ar(){return new Promise(e=>{requestAnimationFrame(()=>{requestAnimationFrame(e)})})}async function or(){let e=++nr.value;er.value=!1,await We(),await ar(),await ar(),e===nr.value&&(tr.value+=1,er.value=!0)}function sr(){rr.value||(rr.value=!0,We(()=>{rr.value=!1,ir(),or()}))}let cr=Ee({elementRef:$n,minimumWidth:2,minimumHeight:2,stableFramesRequired:2,once:!1,onSizeAccepted:()=>{or()}});x(`#FFFFFF`);let P=x(Sr());he({config:()=>P.value,dataset:()=>D.dataset,component:`VueUiQuickChart`,rules:[ge.emptyArray,{test:()=>!0,message:[`👀 This is a swiss-knife component. If you need more control, consider using dedicated components:`,``,`▶️ VueUiXy for time series line and/or bars`,``,`▶️ VueUiDonut, VueUiWaffle, VueUiRings for proportions`]}]});let{transitionEnabled:F}=Te({config:()=>P.value.transitions,dataset:()=>D.dataset}),lr=m(()=>P.value.debug),ur=m(()=>P.value.useCursorPointer),I=x(null),dr=x({x:0,y:0}),L=x(`pointer`),fr=x(!1),pr=m(()=>ce({dafaultConfig:{backgroundColor:`#99999930`,customPalette:[`#BABABA`],showDataLabels:!1,paletteStartIndex:0,showUserOptions:!1,showTooltip:!1,xAxisLabel:``,yAxisLabel:``,xyAxisStroke:`#999999`,xyGridStroke:`#99999950`,xyPeriods:[],xyShowScale:!1,xyPaddingLeft:6,xyPaddingBottom:12,zoomXy:!1,zoomStartIndex:null,zoomEndIndex:null},userConfig:P.value.skeletonConfig??{}})),{loading:mr,FINAL_DATASET:hr,manualLoading:gr}=be({...Ye(D),FINAL_CONFIG:P,prepareConfig:Sr,skeletonDataset:D.config?.skeletonDataset??[1,2,3,5,8,13,21,34,55,89],skeletonConfig:ce({defaultConfig:P.value,userConfig:pr.value})}),{svgRef:R}=Fe({config:{text:P.value.title}}),_r=m(()=>P.value.showUserOptionsOnChartHover),vr=m(()=>P.value.keepUserOptionsStateOnChartLeave),yr=x(!P.value.showUserOptionsOnChartHover),br=x(!1);function xr(e=!1){br.value=e,_r.value&&(yr.value=e)}function Sr(){let e=Se({userConfig:D.config,defaultConfig:ct}),t={},n=e.theme;if(n){if(!lt.value(e))ut(e),t=e;else{let r=Se({userConfig:Ie[n]||D.config,defaultConfig:e});t={...Se({userConfig:D.config,defaultConfig:r}),customPalette:e.customPalette.length?e.customPalette:le[n]||s}}}else t=e;return t}function Cr(e){let t=ae(e);return t?.tooltipPosition&&delete t.tooltipPosition,JSON.stringify(t)}let wr=Cr(D.config);Xe(()=>D.config,(e,t)=>{let n=Cr(e),r=n!==wr;wr=n;let i=Sr();if(!r){P.value.tooltipPosition=i.tooltipPosition,Fr.value.showTooltip=P.value.showTooltip;return}mr.value||(P.value=i),H.value.width=P.value.width,H.value.height=P.value.height,yr.value=!P.value.showUserOptionsOnChartHover,Rr(),Fr.value.showTooltip=P.value.showTooltip},{deep:!0}),Xe(()=>D.dataset,e=>{Array.isArray(e)&&e.length>0&&(gr.value=!1)},{immediate:!0});let Tr=m(()=>pe(P.value.customPalette)),z=$e,Er=m(()=>{let e=et({debug:lr.value,dataset:ee(hr.value,[`serie`,`series`,`data`,`value`,`values`,`num`]),barLineSwitch:P.value.chartIsBarUnderDatasetLength});return!e&&lr.value&&console.error(`VueUiQuickChart : Dataset is not processable`),e}),B=x(Er.value),Dr=m(()=>!!B.value),V=m(()=>B.value?B.value.type:null),Or=m(()=>[E.BAR,E.LINE].includes(V.value)),kr=m(()=>Or.value&&P.value.zoomXy&&Number(B.value?.maxSeriesLength??0)>1);Xe(()=>V.value,e=>{e||ie({componentName:`VueUiQuickChart`,type:`dataset`,debug:lr.value})},{immediate:!0});let{isPrinting:Ar,isImaging:jr,generatePdf:Mr,generateImage:Nr}=ye({elementId:`${V.value}_${k.value}`,fileName:P.value.title||V.value,options:P.value.userOptionsPrint}),Pr=m(()=>P.value.showUserOptions&&!P.value.title),H=x({width:P.value.width,height:P.value.height}),Fr=x({showTooltip:P.value.showTooltip});Xe(P,()=>{Fr.value={showTooltip:P.value.showTooltip}},{immediate:!0});let Ir=Je(null),Lr=Je(null);qe(()=>{qn.value=!0,ir(),cr.start(),Rr(),or()});function Rr(){if(me(D.dataset)||(gr.value=P.value.loading),P.value.responsive){let e=Ae(()=>{let{width:e,height:t}=je({chart:O.value,title:P.value.title?Rn.value:null,legend:P.value.showLegend?zn.value:null,slicer:kr.value?Bn.value:null,source:Un.value,noTitle:Wn.value});requestAnimationFrame(()=>{H.value.width=e,H.value.height=t,sr()})});Ir.value&&(Lr.value&&Ir.value.unobserve(Lr.value),Ir.value.disconnect()),Ir.value=new ResizeObserver(e),Lr.value=O.value.parentNode,Ir.value.observe(Lr.value)}gi(),sr()}Ke(()=>{cr.stop(),ui(),Pi(),Ir.value&&(Lr.value&&Ir.value.unobserve(Lr.value),Ir.value.disconnect(),Ir.value=null,Lr.value=null)});let zr=m(()=>{switch(V.value){case E.LINE:return`0 0 ${H.value.width<=0?10:H.value.width} ${H.value.height<=0?10:H.value.height}`;case E.BAR:return`0 0 ${H.value.width<=0?10:H.value.width} ${H.value.height<=0?10:H.value.height}`;case E.DONUT:return`0 0 ${H.value.width<=0?10:H.value.width} ${H.value.height<=0?10:H.value.height}`;default:return`0 0 ${H.value.width<=0?10:H.value.width} ${H.value.height<=0?10:H.value.height}`}});function Br(e){return[...e].map(e=>e.value).reduce((e,t)=>e+t,0)}function Vr(e){return P.value.blurOnHover&&![null,void 0].includes(j.value)&&j.value!==e?`url(#blur_${k.value})`:``}function Hr(){M.value.length?M.value=[]:V.value===E.DONUT?W.value.legend.forEach(e=>{M.value.push(e.id)}):V.value===E.LINE?Z.value.legend.forEach(e=>{M.value.push(e.id)}):V.value===E.BAR&&Q.value.legend.forEach(e=>{M.value.push(e.id)}),V.value===E.DONUT?z(`selectLegend`,W.value.dataset):V.value===E.LINE?z(`selectLegend`,Z.value.dataset):V.value===E.BAR&&z(`selectLegend`,Q.value.dataset)}function Ur(e,t){M.value.includes(e)?M.value=M.value.filter(t=>t!==e):M.value.length<t&&M.value.push(e)}let Wr=x(null),Gr=x(null),Kr=x(!1);function qr(e,t){Kr.value=!0;let n=e.value,r=Er.value.dataset.find((t,n)=>e.id===`donut_${n}`).VALUE;if(M.value.includes(e.id)){M.value=M.value.filter(t=>t!==e.id);function t(){n>r?(Kr.value=!1,cancelAnimationFrame(Gr.value),B.value={...B.value,dataset:B.value.dataset.map((t,n)=>e.id===`donut_${n}`?{...t,value:r,VALUE:r}:t)},z(`selectLegend`,W.value.dataset)):(n+=r*.025,B.value={...B.value,dataset:B.value.dataset.map((t,r)=>e.id===`donut_${r}`?{...t,value:n,VALUE:n}:t)},Gr.value=requestAnimationFrame(t))}t()}else if(t.length>1){function t(){n<r/100?(Kr.value=!1,cancelAnimationFrame(Wr.value),M.value.push(e.id),B.value={...B.value,dataset:B.value.dataset.map((t,n)=>e.id===`donut_${n}`?{...t,value:0,VALUE:0}:t)},z(`selectLegend`,W.value.dataset)):(n/=1.1,B.value={...B.value,dataset:B.value.dataset.map((t,r)=>e.id===`donut_${r}`?{...t,value:n,VALUE:n}:t)},Wr.value=requestAnimationFrame(t))}t()}else z(`selectLegend`,W.value.dataset)}let U=x(null);function Jr(e){U.value=e}let Yr=m(()=>P.value.donutThicknessRatio<.01?.01:P.value.donutThicknessRatio>.4?.4:P.value.donutThicknessRatio),W=m(()=>{if(V.value!==E.DONUT)return null;let e=B.value.dataset.map((e,t)=>({...e,value:e.VALUE||e.DATA||e.SERIE||e.VALUES||e.NUM||0,name:e.NAME||e.DESCRIPTION||e.TITLE||e.LABEL||`Serie ${t}`,id:`donut_${t}`})).map((e,t)=>({...e,color:e.COLOR?te(e.COLOR):Tr.value[t+P.value.paletteStartIndex]||s[t+P.value.paletteStartIndex]||s[(t+P.value.paletteStartIndex)%s.length],immutableValue:e.value}));function t(e,t){return a({v:isNaN(e.value/Br(t))?0:e.value/Br(t)*100,s:`%`,r:P.value.dataLabelRoundingPercentage})}function n(e){return e.proportion*100>P.value.donutHideLabelUnderPercentage}function r(e,t){let n=Er.value.dataset.find((t,n)=>`donut_${n}`===e).VALUE;return Math.abs(String(Number(n.toFixed(0))).length-String(Number(t.toFixed(0))).length)}function i({datapoint:t,seriesIndex:n,triggerMode:r=`pointer`}){Vn.value={datapoint:t,seriesIndex:n,config:P.value,dataset:e},j.value=t.id,I.value=n,L.value=r;let i=P.value.tooltipCustomFormat;if(P.value.events.datapointEnter&&P.value.events.datapointEnter({datapoint:t,seriesIndex:n}),o(i)&&de(()=>i({datapoint:t,seriesIndex:n,series:e,config:P.value})))Hn.value=i({datapoint:t,seriesIndex:n,series:e,config:P.value});else{let e=``;e+=`<div style="width:100%;text-align:center;border-bottom:1px solid ${P.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${t.name}</div>`,e+=`<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="${t.color}"/></svg>`,e+=`<b>${f(P.value.formatter,t.value,a({p:P.value.valuePrefix,v:t.value,s:P.value.valueSuffix,r:P.value.dataLabelRoundingValue}),{datapoint:t,seriesIndex:n})}</b>`,e+=`<span>(${a({v:t.proportion*100,s:`%`,r:P.value.dataLabelRoundingPercentage})})</span></div>`,Hn.value=`<div>${e}</div>`}A.value=!0}function l({datapoint:e,seriesIndex:t}){P.value.events.datapointLeave&&P.value.events.datapointLeave({datapoint:e,seriesIndex:t}),A.value=!1,j.value=null,U.value=null,I.value=null,L.value=`pointer`}function ee({datapoint:e,seriesIndex:t}){P.value.events.datapointClick&&P.value.events.datapointClick({datapoint:e,seriesIndex:t}),z(`selectDatapoint`,e)}let u={centerX:H.value.width/2,centerY:H.value.height/2},ne=e.filter(e=>!M.value.includes(e.id)).map(e=>e.value||0).reduce((e,t)=>e+t,0),re=e.map((e,t)=>({...e,proportion:(e.value||0)/ne,value:e.value||0,absoluteValue:Er.value.dataset.find((t,n)=>`donut_${n}`===e.id).VALUE,shape:`circle`})),ie=H.value.width/2,d=H.value.height/2,ae=H.value.height*P.value.donutRadiusRatio;return{dataset:re.filter(e=>!M.value.includes(e.id)),legend:re,drawingArea:u,displayArcPercentage:t,isArcBigEnough:n,useTooltip:i,killTooltip:l,selectDatapoint:ee,getSpaces:r,total:ne,cx:ie,cy:d,radius:ae,chart:c({series:e.filter(e=>!M.value.includes(e.id))},ie,d,ae,ae,1.99999,2,1,360,105.25,H.value.height*Yr.value)}}),G=x({start:0,end:B.value.maxSeriesLength}),Xr=x({...G.value}),Zr=x(null),K=x(!1),Qr=x(!1),$r=x(!1),q=x(!1),ei=x(!1),ti=x(null),J=x(null),Y=x(null),ni=x(!1),ri=x({time:0,x:0,y:0,pointerType:null}),ii={show:!1,selection:{fill:`#2D353C`,stroke:`transparent`,fillOpacity:.1,strokeOpacity:.5,strokeWidth:1,strokeDasharray:0}},ai=m(()=>{let e=P.value.dragToZoom??{};return{...ii,...e,selection:{...ii.selection,...e.selection??{}}}}),X=m(()=>Or.value&&ai.value.show&&K.value&&di()>1&&!mr.value),oi=null,si={};function ci(e,t=G.value){if(!e||typeof e!=`object`)return null;let n=e.start!==void 0&&e.start!==null,r=e.end!==void 0&&e.end!==null;if(!n&&!r)return null;let i=Number(n?e.start:t.start),a=Number(r?e.end:t.end);return!Number.isFinite(i)||!Number.isFinite(a)?null:{start:i,end:a}}function li(e){let t=ci(e);t&&z(`update:zoomState`,t)}function ui(){oi&&=(cancelAnimationFrame(oi),null),si={}}function di(){let e=Number(B.value?.maxSeriesLength);return Number.isFinite(e)?Math.max(0,e):0}function fi(e,t=G.value.start){let n=di();if(n<=0)return 0;let r=Math.max(0,Math.min(Number(t)||0,n-1)),i=Number(e);return Number.isFinite(i)?i>n?n:i<=r?Math.min(r+1,n):Math.max(0,i):Math.min(r+1,n)}function pi(){let e=di();if(e<=0){G.value={start:0,end:0},Xr.value={...G.value},Zr.value&&Zr.value.setRangeValues(0,0);return}let t=Number(G.value.start),n=Number(G.value.end);Number.isFinite(t)||(t=0),Number.isFinite(n)||(n=e),t=Math.max(0,Math.min(t,e-1)),n=Math.max(t+1,Math.min(n,e)),G.value={start:t,end:n},Xr.value={start:t,end:n},Zr.value&&Zr.value.setRangeValues(t,n)}function mi(e){if(!Or.value)return null;let t=ci(e);return t?((t.start!==Number(G.value.start)||t.end!==Number(G.value.end))&&(ui(),G.value={start:t.start,end:t.end},Xr.value={...G.value},pi(),sr()),{start:Number(G.value.start),end:Number(G.value.end)}):null}function hi(e){let t=mi(e);return t?(li(t),t):null}async function gi({applyControlledZoom:e=!0}={}){if(!Qr.value){if(!Or.value){K.value=!1;return}Qr.value=!0;try{await We(),await We();let{zoomStartIndex:t,zoomEndIndex:n}=P.value,r=di();if(r<=0){G.value={start:0,end:0},Xr.value={...G.value},K.value=!1;return}let i=t==null?0:Number(t),a=n==null?r:fi(Number(n)+1,i);if(e&&ci(D.zoomState)){let e=ci(D.zoomState);i=e.start,a=e.end}$r.value=!0,G.value={start:i,end:a},Xr.value={start:i,end:a},pi(),K.value=!0,await We(),Zr.value&&Zr.value.setRangeValues(G.value.start,G.value.end)}finally{queueMicrotask(()=>{$r.value=!1}),Qr.value=!1,sr()}}}async function _i({applyControlledZoom:e=!1,publish:t=!1}={}){ui(),await gi({applyControlledZoom:e}),t&&(li({start:Number(G.value.start),end:Number(G.value.end)}),z(`zoomReset`))}function vi(e){si={...si,...e},oi&&cancelAnimationFrame(oi),oi=requestAnimationFrame(()=>{let e={...G.value,...si};si={},oi=null,G.value=e,Xr.value={...e},pi(),li({start:Number(G.value.start),end:Number(G.value.end)}),sr()})}function yi(e){if(Qr.value||$r.value)return;let t=Number(e);Number.isFinite(t)&&(z(`zoomStart`,{index:t,isZoom:t!==0}),(t!==G.value.start||si.end!==void 0)&&vi({start:t}))}function bi(e){if(Qr.value||$r.value)return;let t=si.start===void 0?G.value.start:si.start,n=fi(Number(e),t);z(`zoomEnd`,{index:n,isZoom:n!==di()}),(n!==G.value.end||si.start!==void 0)&&vi({end:n})}Xe([()=>D.zoomState,Or,()=>Number(B.value?.maxSeriesLength??0)],async([e,t,n])=>{if(!(!t||n<=0||!e)){if(!K.value){await gi({applyControlledZoom:!0});return}mi(e)}},{deep:!0,immediate:!0}),Xe(Er,async e=>{if(!e){K.value=!1;return}let t=B.value?.type,n=Number(B.value?.maxSeriesLength??0);B.value=e;let r=e.type,i=Number(e.maxSeriesLength??0);if(![E.BAR,E.LINE].includes(r)){ui(),K.value=!1,sr();return}t!==r||n!==i?(ui(),K.value=!1,G.value={start:0,end:i},Xr.value={...G.value},Kn.value+=1,await We(),await gi({applyControlledZoom:!0})):D.zoomState&&mi(D.zoomState),sr()},{deep:!0});let xi=m(()=>{if(!P.value.zoomMinimap.show||V.value===E.DONUT)return[];let e=[];rt(B.value.dataset)&&(e=B.value.dataset),it(B.value.dataset)&&(e=B.value.dataset.map((e,t)=>({values:e.VALUE||e.DATA||e.SERIE||e.SERIES||e.VALUES||e.NUM||0,id:V.value===E.LINE?`line_${t}`:`bar_${t}`})).filter(e=>!M.value.includes(e.id)));let t=rt(e)?e.length:Math.max(...e.map(e=>e.values.length)),n=[];if(rt(e))n=e;else for(let r=0;r<t;r+=1)n.push(e.map(e=>e.values[r]||0).reduce((e,t)=>(e||0)+(t||0),0));let r=Math.min(...n);return n.map(e=>e+(r<0?Math.abs(r):0))});function Si(){let e=0;return Xn.value&&(e=Array.from(Xn.value.querySelectorAll(`text`)).reduce((e,t)=>{let n=t.getComputedTextLength();return n>e?n:e},0)),e+4}let Ci=x(0),wi=Ae(e=>{Ci.value=e},100);Ze(e=>{let t=N.value;if(!t)return;let n=new ResizeObserver(e=>{wi(e[0].contentRect.height)});n.observe(t),e(()=>n.disconnect())}),Ke(()=>{Ci.value=0});let Ti=m(()=>{let e=0;return N.value&&(e=Ci.value),0+e}),Z=m(()=>{if(V.value!==E.LINE)return null;tr.value;let e={height:H.value.height,width:H.value.width},t=Si();if(N.value){let e=N.value.getBBox().x;e<0&&(t+=Math.abs(e))}let n={left:t+P.value.xyPaddingLeft,top:P.value.xyPaddingTop,right:e.width-P.value.xyPaddingRight,bottom:e.height-P.value.xyPaddingBottom-Ti.value,width:Math.max(10,e.width-P.value.xyPaddingLeft-P.value.xyPaddingRight-t),height:Math.max(10,e.height-P.value.xyPaddingTop-P.value.xyPaddingBottom-Ti.value)},r=[];rt(B.value.dataset)&&(r=[{values:B.value.dataset.slice(G.value.start,G.value.end),absoluteValues:B.value.dataset,absoluteIndices:B.value.dataset.map((e,t)=>t).slice(G.value.start,G.value.end),name:P.value.title,color:Tr.value[P.value.paletteStartIndex]||s[P.value.paletteStartIndex],id:`line_0`}]),it(B.value.dataset)&&(r=B.value.dataset.map((e,t)=>({...e,values:e.VALUE||e.DATA||e.SERIE||e.SERIES||e.VALUES||e.NUM||0,name:e.NAME||e.DESCRIPTION||e.TITLE||e.LABEL||`Serie ${t}`,id:`line_${t}`})).map((e,t)=>({...e,color:e.COLOR?te(e.COLOR):Tr.value[t+P.value.paletteStartIndex]||s[t+P.value.paletteStartIndex]||s[(t+P.value.paletteStartIndex)%s.length],values:e.values.slice(G.value.start,G.value.end),absoluteValues:e.values,absoluteIndices:e.values.map((e,t)=>t).slice(G.value.start,G.value.end)})));let i={max:Math.max(...r.filter(e=>!M.value.includes(e.id)).flatMap(e=>e.values)),min:Math.min(...r.filter(e=>!M.value.includes(e.id)).flatMap(e=>e.values)),maxSeries:Math.max(...r.map(e=>e.values.length))},c=i.max===i.min?re(Math.min(i.min,0),i.min===0?1:Math.max(i.min,0),P.value.xyScaleSegments):re(i.min<0?i.min:0,i.max<0?0:i.max,P.value.xyScaleSegments),l=i.min<0?Math.abs(i.min):0,ee=i.max<0?n.top:n.bottom-l/(c.max+l)*n.height,u=n.width/i.maxSeries,ne=c.ticks.map(e=>({y:n.bottom-n.height*((e+l)/(c.max+l)),x:n.left-8,value:e})),ie=r.map((e,t)=>({...e,shape:`circle`,coordinates:e.values.map((e,t)=>({x:n.left+u*(t+1)-u/2,y:n.bottom-(e+l)/(c.max+l)*n.height,value:e}))})).map(e=>{let t=[];return e.coordinates.forEach(e=>{t.push(`${e.x},${e.y} `)}),{...e,linePath:t.join(` `)}});function d(e){return r.map(t=>({...t,value:t.values[e],absoluteIndex:t.absoluteIndices[e]})).filter(e=>!M.value.includes(e.id))}function ae(e,t=`pointer`){if(q.value&&t===`pointer`)return;j.value=e,U.value=e,I.value=e,L.value=t;let n=d(e);Vn.value={datapoint:n,seriesIndex:e,config:P.value,dataset:r};let i=P.value.tooltipCustomFormat;if(P.value.events.datapointEnter&&P.value.events.datapointEnter({datapoint:n,seriesIndex:e+G.value.start}),o(i)&&de(()=>i({datapoint:n,seriesIndex:e,series:r,config:P.value})))Hn.value=i({datapoint:n,seriesIndex:e,series:r,config:P.value});else{let e=``;$.value[n[0].absoluteIndex]&&(e+=`<div style="border-bottom:1px solid ${P.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${$.value[n[0].absoluteIndex].text}</div>`),n.forEach((t,n)=>{e+=`
-                    <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="${t.color}"/></svg>
-                        <span>${t.name}:</span>
-                        <b>${f(P.value.formatter,t.value,a({p:P.value.valuePrefix,v:t.value,s:P.value.valueSuffix,r:P.value.dataLabelRoundingValue}),{datapoint:t,seriesIndex:n})}
-                        </b>
-                    </div>
-                `}),Hn.value=e}A.value=!0}function oe(e){let t=d(e);P.value.events.datapointLeave&&P.value.events.datapointLeave({datapoint:t,seriesIndex:e+G.value.start}),j.value=null,U.value=null,A.value=!1,I.value=null,L.value=`pointer`}function se(e){let t=d(e);P.value.events.datapointClick&&P.value.events.datapointClick({datapoint:t,seriesIndex:e+G.value.start}),z(`selectDatapoint`,t)}return{absoluteZero:ee,dataset:ie.filter(e=>!M.value.includes(e.id)),legend:ie,drawingArea:n,extremes:i,slotSize:u,yLabels:ne,useTooltip:ae,killTooltip:oe,selectDatapoint:se}}),Q=m(()=>{if(V.value!==E.BAR)return null;tr.value;let e={height:H.value.height,width:H.value.width},t=Si();if(N.value){let e=N.value.getBBox().x;e<0&&(t+=Math.abs(e))}let n={left:t+P.value.xyPaddingLeft,top:P.value.xyPaddingTop,right:e.width-P.value.xyPaddingRight,bottom:e.height-P.value.xyPaddingBottom-Ti.value,width:Math.max(10,e.width-P.value.xyPaddingLeft-P.value.xyPaddingRight-t),height:Math.max(10,e.height-P.value.xyPaddingTop-P.value.xyPaddingBottom-Ti.value)},r=[];rt(B.value.dataset)&&(r=[{values:B.value.dataset.slice(G.value.start,G.value.end),absoluteValues:B.value.dataset,absoluteIndices:B.value.dataset.map((e,t)=>t).slice(G.value.start,G.value.end),name:P.value.title,color:Tr.value[P.value.paletteStartIndex]||s[P.value.paletteStartIndex],id:`bar_0`}]),it(B.value.dataset)&&(r=B.value.dataset.map((e,t)=>({...e,values:e.VALUE||e.DATA||e.SERIE||e.SERIES||e.VALUES||e.NUM||0,name:e.NAME||e.DESCRIPTION||e.TITLE||e.LABEL||`Serie ${t}`,id:`bar_${t}`})).map((e,t)=>({...e,color:e.COLOR?te(e.COLOR):Tr.value[t+P.value.paletteStartIndex]||s[t+P.value.paletteStartIndex]||s[(t+P.value.paletteStartIndex)%s.length],values:e.values.slice(G.value.start,G.value.end),absoluteValues:e.values,absoluteIndices:e.values.map((e,t)=>t).slice(G.value.start,G.value.end)})));let i={max:Math.max(...r.filter(e=>!M.value.includes(e.id)).flatMap(e=>e.values))<0?0:Math.max(...r.filter(e=>!M.value.includes(e.id)).flatMap(e=>e.values))??1,min:Math.min(...r.filter(e=>!M.value.includes(e.id)).flatMap(e=>e.values))??0,maxSeries:Math.max(...r.filter(e=>!M.value.includes(e.id)).map(e=>e.values.length))??0},c=i.min===i.max?re(Math.min(i.min,0),i.min===0?1:Math.max(i.min,0),P.value.xyScaleSegments):re(i.min<0?i.min:0,i.max,P.value.xyScaleSegments),l=c.min<0?Math.abs(c.min):0,ee=n.bottom-l/(c.max+l)*n.height,u=n.width/i.maxSeries,ne=c.ticks.map(e=>({y:n.bottom-n.height*((e+l)/(c.max+l)),x:n.left-8,value:e})),ie=r.map((e,t)=>({...e,shape:`square`,coordinates:e.values.map((e,a)=>{let o=(e+l)/(i.max+l)*n.height,s=Math.abs(e)/Math.abs(i.min)*(n.height-ee),c=l/(i.max+l)*n.height,te=u/r.filter(e=>!M.value.includes(e.id)).length-P.value.barGap/r.filter(e=>!M.value.includes(e.id)).length;return{x:n.left+u*a+te*t+P.value.barGap/2,y:e>0?n.bottom-o:ee,height:e>0?o-c:s,value:e,width:te}})})),d=r.filter(e=>!M.value.includes(e.id)).map((e,t)=>({...e,coordinates:e.values.map((e,a)=>{let o=(e+l)/(i.max+l)*n.height,s=Math.abs(e)/(i.max+l)*n.height,c=l/(i.max+l)*n.height,te=u/r.filter(e=>!M.value.includes(e.id)).length-P.value.barGap/r.filter(e=>!M.value.includes(e.id)).length;return{x:n.left+u*a+te*t+P.value.barGap/2,y:e>0?n.bottom-o:ee,height:e>0?o-c:s,value:e,width:te}})}));function ae(e){return r.map(t=>({...t,value:t.values[e],absoluteIndex:t.absoluteIndices[e]})).filter(e=>!M.value.includes(e.id))}function oe(e,t=`pointer`){if(q.value&&t===`pointer`)return;j.value=e,U.value=e,I.value=e,L.value=t;let n=ae(e);Vn.value={datapoint:n,seriesIndex:e,config:P.value,dataset:r};let i=P.value.tooltipCustomFormat;if(P.value.events.datapointEnter&&P.value.events.datapointEnter({datapoint:n,seriesIndex:e+G.value.start}),o(i)&&de(()=>i({datapoint:n,seriesIndex:e,series:r,config:P.value})))Hn.value=i({point:n,seriesIndex:e,series:r,config:P.value});else{let e=``;$.value[n[0].absoluteIndex]&&(e+=`<div style="border-bottom:1px solid ${P.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${$.value[n[0].absoluteIndex].text}</div>`),n.forEach((t,n)=>{e+=`
-                    <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="${t.color}"/></svg>
-                        <span>${t.name}:</span>
-                        <b>${f(P.value.formatter,t.value,a({p:P.value.valuePrefix,v:t.value,s:P.value.valueSuffix,r:P.value.dataLabelRoundingValue}),{datapoint:t,seriesIndex:n})}
-                        </b>
-                    </div>
-                `}),Hn.value=e}A.value=!0}function se(e){let t=ae(e);P.value.events.datapointLeave&&P.value.events.datapointLeave({datapoint:t,seriesIndex:e+G.value.start}),A.value=!1,j.value=null,U.value=null,I.value=null,L.value=`pointer`}function ce(e){let t=ae(e);P.value.events.datapointClick&&P.value.events.datapointClick({datapoint:t,seriesIndex:e+G.value.start}),z(`selectDatapoint`,t)}return{absoluteZero:ee,dataset:d.filter(e=>!M.value.includes(e.id)),absoluteDataset:d,legend:ie,drawingArea:n,extremes:i,slotSize:u,yLabels:ne,useTooltip:oe,killTooltip:se,selectDatapoint:ce}}),Ei=m(()=>V.value===E.LINE?Z.value?.drawingArea??null:V.value===E.BAR?Q.value?.drawingArea??null:null),Di=m(()=>V.value===E.LINE?Number(Z.value?.slotSize??0):V.value===E.BAR?Number(Q.value?.slotSize??0):0),Oi=m(()=>V.value===E.LINE?Number(Z.value?.extremes?.maxSeries??0):V.value===E.BAR?Number(Q.value?.extremes?.maxSeries??0):0),ki=m(()=>{let e=Ei.value;return!e||!q.value||ti.value==null||J.value==null?null:{x:Math.min(ti.value,J.value),y:e.top,width:Math.abs(J.value-ti.value),height:e.height}}),Ai=m(()=>!K.value||!Or.value?!1:Number(G.value.start)!==0||Number(G.value.end)!==Number(di()));function ji(e){let t=R.value;if(!t)return null;if(t.createSVGPoint&&t.getScreenCTM){let n=t.createSVGPoint();n.x=e.clientX,n.y=e.clientY;let r=t.getScreenCTM();if(r){let e=n.matrixTransform(r.inverse());return{x:e.x,y:e.y}}}let n=t.getBoundingClientRect(),r=t.viewBox?.baseVal||{x:0,y:0,width:n.width,height:n.height},i=Math.min(n.width/r.width,n.height/r.height);if(!Number.isFinite(i)||i<=0)return null;let a=r.width*i,o=r.height*i,s=(n.width-a)/2,c=(n.height-o)/2;return{x:(e.clientX-n.left-s)/i+r.x,y:(e.clientY-n.top-c)/i+r.y}}function Mi(e){let t=Ei.value;return t?Math.min(Math.max(e,t.left),t.right):e}function Ni(){I.value=null,L.value=`pointer`,A.value=!1,j.value=null,U.value=null}function Pi(e){let t=e?.pointerId==null?Y.value:e.pointerId;t!=null&&R.value?.hasPointerCapture?.(t)&&R.value.releasePointerCapture(t),q.value=!1,ti.value=null,J.value=null,Y.value=null}function Fi(){ni.value=!0,setTimeout(()=>{ni.value=!1},0)}function Ii(e){ni.value&&(ni.value=!1,e.preventDefault(),e.stopPropagation())}function Li(e){if(!X.value||!Ai.value||!e)return!1;let t=Date.now(),n=e.pointerType||`mouse`,r=ri.value,i=n===`touch`?450:350,a=n===`touch`?28:10,o=Math.hypot(e.clientX-r.x,e.clientY-r.y);return r.time>0&&r.pointerType===n&&t-r.time<=i&&o<=a?(ri.value={time:0,x:0,y:0,pointerType:null},Fi(),Pi(e),Ni(),_i({applyControlledZoom:!1,publish:!0}),!0):(ri.value={time:t,x:e.clientX,y:e.clientY,pointerType:n},!1)}function Ri(e){let t=Ei.value,n=Di.value,r=Oi.value;if(!t||r<=0||!Number.isFinite(n)||n<=0)return null;let i=Math.floor((Mi(e)-t.left)/n);return Math.max(0,Math.min(r-1,i))}function zi(e,t){let n=Ri(e),r=Ri(t);if(n==null||r==null)return null;let i=Math.min(n,r),a=Math.max(n,r);return a<=i?null:{start:Number(G.value.start)+i,end:Number(G.value.start)+a+1}}function Bi(e){let t=hi(e);return t?(z(`zoomStart`,{index:t.start,isZoom:t.start!==0}),z(`zoomEnd`,{index:t.end,isZoom:t.end!==di()}),t):null}function Vi(e){if(!X.value||Qi.value||e.button!==void 0&&e.button!==0||Y.value!=null&&e.pointerId!==Y.value)return;let t=Ei.value,n=ji(e);if(!t||!n||n.x<t.left||n.x>t.right||n.y<t.top||n.y>t.bottom||Oi.value<=1)return;ei.value=!0,R.value?.focus?.({preventScroll:!0}),Ni();let r=Mi(n.x);Y.value=e.pointerId,q.value=!0,ti.value=r,J.value=r}function Hi(e){if(!X.value||!q.value||Y.value!=null&&e.pointerId!==Y.value)return;let t=ji(e);t&&(J.value=Mi(t.x),Ni(),ti.value!=null&&Math.abs(J.value-ti.value)>=2&&!R.value?.hasPointerCapture?.(e.pointerId)&&R.value?.setPointerCapture?.(e.pointerId))}function Ui(e){if(!X.value||!q.value||Y.value!=null&&e.pointerId!==Y.value)return;let t=ji(e);t&&(J.value=Mi(t.x));let n=ti.value,r=J.value,i=Ei.value;if((n==null||r==null?0:Math.abs(r-n))<Math.max(4,Number(i?.width??0)*.01)){if(Li(e))return;Pi(e);return}let a=zi(Math.min(n,r),Math.max(n,r));if(!a){Pi(e);return}Pi(e),Bi(a)&&(ri.value={time:0,x:0,y:0,pointerType:null},Ni(),Fi())}let Wi=m(()=>{let e=Ei.value,t=H.value.width;return!e||t<=0||!P.value.zoomXyAutoFit?null:e.left/t}),Gi=m(()=>{let e=Ei.value,t=H.value.width;return!e||t<=0||!P.value.zoomXyAutoFit?null:(t-e.right)/t}),Ki=m(()=>{if(V.value===E.LINE)return Z.value.legend.map(e=>(Math.min(...e.absoluteValues.map(e=>e??0)),{...e,isVisible:!M.value.includes(e.id),type:`line`,series:e.absoluteValues}));if(V.value===E.BAR)return Q.value.legend.map(e=>(Math.min(...e.absoluteValues.map(e=>e??0)),{...e,isVisible:!M.value.includes(e.id),type:`bar`,series:e.absoluteValues}))}),$=x([]),qi=0;Ze(()=>{let e=++qi;(async()=>{let t=await _e({values:P.value.xyPeriods,maxDatapoints:B.value.maxSeriesLength,formatter:P.value.datetimeFormatter,start:G.value.start,end:G.value.end});e===qi&&($.value=t)})()});let Ji=m(()=>{let e=P.value.xyPeriodsModulo;return P.value.xyPeriods.length?Math.min(e,[...new Set($.value.map(e=>e.text))].length):e}),Yi=x(!1);function Xi(e){Yi.value=e,Gn.value+=1}function Zi(){Fr.value.showTooltip=!Fr.value.showTooltip}let Qi=x(!1);function $i(){Qi.value=!Qi.value}async function ea({scale:e=2}={}){if(!O.value)return;let{width:t,height:n}=O.value.getBoundingClientRect(),r=t/n,{imageUri:i,base64:a}=await Oe({domElement:O.value,base64:!0,img:!0,scale:e});return{imageUri:i,base64:a,title:P.value.title,width:t,height:n,aspectRatio:r}}let ta=m(()=>H.value.width),na=m(()=>H.value.height);De({timeLabelsEls:N,timeLabels:$,slicer:G,configRef:P,rotationPath:[`xyPeriodLabelsRotation`],autoRotatePath:[`xyPeriodLabelsAutoRotate`,`enable`],isAutoSize:!1,rotation:P.value.xyPeriodLabelsAutoRotate.angle,height:na.value,width:ta.value});let ra=m(()=>P.value.backgroundColor),ia=m(()=>V.value===E.DONUT?W.value.legend:V.value===E.LINE?Z.value.legend:Q.value.legend),aa=m(()=>({show:P.value.showLegend,bold:!1,backgroundColor:P.value.backgroundColor,color:P.value.color,fontSize:P.value.legendFontSize,position:P.value.legendPosition})),oa=m(()=>({text:P.value.title,color:P.value.color,fontSize:P.value.titleFontSize,bold:P.value.titleBold,textAlign:P.value.titleTextAlign,subtitle:{text:``}})),{generateSvg:sa,onGenerateImage:ca}=we({svg:R,title:oa,legend:aa,legendItems:ia,backgroundColor:ra,getSvgCallback:()=>P.value.userOptionsCallbacks.svg,generateImage:Nr});async function la(){if(z(`copyAlt`,{config:P.value,dataset:{line:Z.value,bar:Q.value,donut:W.value}}),!P.value.userOptionsCallbacks.altCopy){console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");return}await Promise.resolve(P.value.userOptionsCallbacks.altCopy({config:P.value,dataset:{line:Z.value,bar:Q.value,donut:W.value}}))}function ua(e,t){(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),t())}let da=m(()=>V.value===E.DONUT?W.value?.chart?.length??0:V.value===E.LINE?Z.value?.extremes?.maxSeries??0:V.value===E.BAR?Q.value?.extremes?.maxSeries??0:0);function fa(){I.value=null,fr.value=!0}function pa(){ei.value=!1,I.value=null,L.value=`pointer`,A.value=!1,j.value=null,U.value=null,fr.value=!1}function ma(e){if(!R.value||Qi.value||document.activeElement!==R.value||(ei.value=!1,!da.value))return;let t=e.key===`ArrowLeft`,n=e.key===`ArrowRight`,r=e.key===`Enter`||e.key===` `,i=e.key===`Escape`;if(!t&&!n&&!r&&!i)return;if(e.preventDefault(),e.stopPropagation(),i){if(X.value&&(Ai.value||q.value)){Pi(),Ni(),_i({applyControlledZoom:!1,publish:!0});return}I.value=null,L.value=`pointer`,A.value=!1,j.value=null,U.value=null;return}if(r){if(I.value===null)return;if(V.value===E.DONUT){let e=W.value?.chart?.[I.value];if(!e)return;W.value.selectDatapoint({datapoint:e,seriesIndex:I.value});return}if(V.value===E.LINE){Z.value?.selectDatapoint(I.value);return}if(V.value===E.BAR){Q.value?.selectDatapoint(I.value);return}return}let a=I.value,o=U.value,s=a!==null&&a>=0&&a<da.value,c=o!==null&&o>=0&&o<da.value;if(s?n?(a+=1,a>=da.value&&(a=0)):t&&(--a,a<0&&(a=da.value-1)):c?(a=n?o+1:o-1,a>=da.value&&(a=0),a<0&&(a=da.value-1)):a=n?0:da.value-1,V.value===E.DONUT){let e=W.value?.chart?.[a];if(!e)return;ha(a),W.value.useTooltip({datapoint:e,seriesIndex:a,triggerMode:`keyboard`});return}if(V.value===E.LINE){ha(a),Z.value?.useTooltip(a,`keyboard`);return}V.value===E.BAR&&(ha(a),Q.value?.useTooltip(a,`keyboard`))}function ha(e){if(!Number.isFinite(e)||!R.value)return;let t=0,n=0;if(V.value===E.DONUT){let r=W.value?.chart?.[e];if(!r)return;t=oe(r,!0).x,n=ue(r)}if(V.value===E.LINE){let r=Z.value?.drawingArea,i=Z.value?.slotSize;if(!r||!i)return;t=r.left+i*(e+1)-i/2,n=r.top+r.height/2}if(V.value===E.BAR){let r=Q.value?.drawingArea,i=Q.value?.slotSize;if(!r||!i)return;t=r.left+i*(e+1)-i/2,n=r.top+r.height/2}let r=R.value.getBoundingClientRect();dr.value={x:r.left+t/H.value.width*r.width,y:r.top+n/H.value.height*r.height}}let ga=m(()=>{if(V.value===E.DONUT)return{headers:[`Series`,`Value`,`Percentage`],rows:(W.value?.dataset??[]).map(e=>{let t=W.value?.total?a({v:e.value/W.value.total*100,s:`%`,r:P.value.dataLabelRoundingPercentage}):`0%`;return[e.name,f(P.value.formatter,e.value,a({p:P.value.valuePrefix,v:e.value,s:P.value.valueSuffix,r:P.value.dataLabelRoundingValue})),t]})};if(V.value===E.LINE||V.value===E.BAR){let e=V.value===E.LINE?Z.value?.dataset??[]:Q.value?.dataset??[],t=V.value===E.LINE?Z.value?.extremes?.maxSeries??0:Q.value?.extremes?.maxSeries??0;return{headers:[`Index`,...e.map(e=>e.name)],rows:Array.from({length:t},(t,n)=>[$.value?.[n+G.value.start]?.text??String(n+G.value.start),...e.map(e=>{let t=e.values?.[n];return f(P.value.formatter,t,a({p:P.value.valuePrefix,v:t,s:P.value.valueSuffix,r:P.value.dataLabelRoundingValue}))})])}}return{headers:[],rows:[]}});return ke({getImage:ea,generatePdf:Mr,generateImage:Nr,generateSvg:sa,toggleTooltip:Zi,toggleAnnotator:$i,toggleFullscreen:Xi,copyAlt:la,resetZoom:()=>_i({applyControlledZoom:!1,publish:!0}),setZoomState:hi}),(e,s)=>Dr.value?(b(),g(`div`,{key:0,id:`${V.value}_${k.value}`,ref_key:`quickChart`,ref:O,class:v({"vue-data-ui-component":!0,"vue-ui-quick-chart":!0,"vue-data-ui-wrapper-fullscreen":Yi.value}),style:y(`background:${P.value.backgroundColor};color:${P.value.color};font-family:${P.value.fontFamily}; position: relative; ${P.value.responsive?`height: 100%`:``}`),onMouseenter:s[1]||=()=>xr(!0),onMouseleave:s[2]||=()=>xr(!1)},[_(`div`,{id:`chart-instructions-${k.value}`,class:`sr-only`},[_(`p`,null,w(P.value.a11y.translations.keyboardNavigation),1)],8,ft),ga.value.rows.length?(b(),Re(Pe,{key:0,uid:k.value,head:ga.value.headers,body:ga.value.rows,notice:P.value.a11y.translations.tableAvailable,caption:P.value.a11y.translations.tableCaption},null,8,[`uid`,`head`,`body`,`notice`,`caption`])):h(``,!0),P.value.userOptionsButtons.annotator?(b(),Re(T(at),{key:1,svgRef:T(R),backgroundColor:P.value.backgroundColor,color:P.value.color,active:Qi.value,isCursorPointer:ur.value,palette:P.value.annotatorPalette,onClose:$i},ze({_:2},[S(T(n),n=>({name:n,fn:Qe(r=>[C(e.$slots,n,Ge(He(T(t)(n,r))),void 0,!0)])}))]),1032,[`svgRef`,`backgroundColor`,`color`,`active`,`isCursorPointer`,`palette`])):h(``,!0),Pr.value?(b(),g(`div`,{key:2,ref_key:`noTitle`,ref:Wn,class:`vue-data-ui-no-title-space`,style:`height:36px; width: 100%;background:transparent`},null,512)):h(``,!0),P.value.showUserOptions&&(vr.value||yr.value)?(b(),Re(T(st),{ref:`details`,key:`user_option_${Gn.value}`,backgroundColor:P.value.backgroundColor,color:P.value.color,isPrinting:T(Ar),isImaging:T(jr),uid:k.value,hasTooltip:P.value.userOptionsButtons.tooltip&&P.value.showTooltip,hasPdf:P.value.userOptionsButtons.pdf,hasImg:P.value.userOptionsButtons.img,hasSvg:P.value.userOptionsButtons.svg,hasFullscreen:P.value.userOptionsButtons.fullscreen,hasAltCopy:P.value.userOptionsButtons.altCopy,hasXls:!1,isTooltip:Fr.value.showTooltip,isFullscreen:Yi.value,titles:{...P.value.userOptionsButtonTitles},chartElement:O.value,position:P.value.userOptionsPosition,hasAnnotator:P.value.userOptionsButtons.annotator,isAnnotation:Qi.value,callbacks:P.value.userOptionsCallbacks,printScale:P.value.userOptionsPrint.scale,isCursorPointer:ur.value,onToggleFullscreen:Xi,onGeneratePdf:T(Mr),onGenerateImage:T(ca),onGenerateSvg:T(sa),onToggleTooltip:Zi,onToggleAnnotator:$i,onCopyAlt:la,style:y({visibility:vr.value?yr.value?`visible`:`hidden`:`visible`})},ze({_:2},[S(T(r)(e.$slots,`menuIcon optionTooltip optionPdf optionImg optionSvg optionFullscreen optionAnnotator optionAltCopy custom-menu-before custom-menu-after`),t=>({name:t,fn:Qe(n=>[C(e.$slots,t,Ge(He(T(i)(t,n))),void 0,!0)])}))]),1032,[`backgroundColor`,`color`,`isPrinting`,`isImaging`,`uid`,`hasTooltip`,`hasPdf`,`hasImg`,`hasSvg`,`hasFullscreen`,`hasAltCopy`,`isTooltip`,`isFullscreen`,`titles`,`chartElement`,`position`,`hasAnnotator`,`isAnnotation`,`callbacks`,`printScale`,`isCursorPointer`,`onGeneratePdf`,`onGenerateImage`,`onGenerateSvg`,`style`])):h(``,!0),P.value.title?(b(),g(`div`,{key:4,ref_key:`quickChartTitle`,ref:Rn,class:`vue-ui-quick-chart-title`,style:y(`background:transparent;color:${P.value.color};font-size:${P.value.titleFontSize}px;font-weight:${P.value.titleBold?`bold`:`normal`};text-align:${P.value.titleTextAlign}`)},w(P.value.title),5)):h(``,!0),_(`div`,{id:`legend-top-${k.value}`},null,8,pt),_(`div`,mt,[V.value?(b(),g(`svg`,{key:0,ref_key:`svgRef`,ref:R,xmlns:T(fe),"aria-describedby":`chart-instructions-${k.value}`,viewBox:zr.value,style:y({maxWidth:`100%`,overflow:`visible`,background:`transparent`,color:P.value.color,cursor:X.value?q.value?`col-resize`:`crosshair`:void 0,touchAction:X.value?`pan-y`:void 0,userSelect:X.value?`none`:void 0}),class:v({"vue-data-ui-no-transition":!T(F),"vue-ui-quick-chart-zoom-pointer-focus":X.value&&ei.value}),tabindex:`0`,onFocus:fa,onBlur:pa,onKeydown:ma,onPointerdown:Vi,onPointermove:Hi,onPointerup:Ui,onPointercancel:Pi,onClickCapture:Ii},[Be(T(nt)),e.$slots[`chart-background`]&&V.value===E.BAR?(b(),g(`foreignObject`,{key:0,x:Q.value.drawingArea.left,y:Q.value.drawingArea.top,width:Q.value.drawingArea.width,height:Q.value.drawingArea.height,style:{pointerEvents:`none`}},[C(e.$slots,`chart-background`,{},void 0,!0)],8,gt)):h(``,!0),e.$slots[`chart-background`]&&V.value===E.LINE?(b(),g(`foreignObject`,{key:1,x:Z.value.drawingArea.left,y:Z.value.drawingArea.top,width:Z.value.drawingArea.width,height:Z.value.drawingArea.height,style:{pointerEvents:`none`}},[C(e.$slots,`chart-background`,{},void 0,!0)],8,_t)):h(``,!0),e.$slots[`chart-background`]&&V.value===E.DONUT?(b(),g(`foreignObject`,{key:2,x:0,y:0,width:H.value.width,height:H.value.height,style:{pointerEvents:`none`}},[C(e.$slots,`chart-background`,{},void 0,!0)],8,vt)):h(``,!0),_(`defs`,null,[_(`filter`,{id:`blur_${k.value}`,x:`-50%`,y:`-50%`,width:`200%`,height:`200%`},[_(`feGaussianBlur`,{in:`SourceGraphic`,stdDeviation:2,id:`blur_std_${k.value}`},null,8,bt),s[3]||=_(`feColorMatrix`,{type:`saturate`,values:`0`},null,-1)],8,yt),_(`filter`,{id:`shadow_${k.value}`,"color-interpolation-filters":`sRGB`},[_(`feDropShadow`,{dx:`0`,dy:`0`,stdDeviation:`10`,"flood-opacity":`0.5`,"flood-color":P.value.donutShadowColor},null,8,St)],8,xt)]),V.value===E.DONUT?(b(),g(p,{key:3},[P.value.showDataLabels?(b(),g(`g`,Ct,[(b(!0),g(p,null,S(W.value.chart,(e,t)=>(b(),g(p,null,[W.value.isArcBigEnough(e)?(b(),g(`path`,{key:0,d:T(se)(e,{x:H.value.width/2,y:H.value.height/2},16,16,!1,!1,H.value.height*Yr.value,12,P.value.donutCurvedMarkers),stroke:e.color,"stroke-width":P.value.donutLabelMarkerStrokeWidth,"stroke-linecap":`round`,"stroke-linejoin":`round`,fill:`none`,filter:Vr(e.id)},null,8,wt)):h(``,!0)],64))),256))])):h(``,!0),_(`circle`,{cx:W.value.cx,cy:W.value.cy,r:W.value.radius,fill:P.value.backgroundColor,filter:P.value.donutUseShadow?`url(#shadow_${k.value})`:``},null,8,Tt),_(`g`,Et,[(b(!0),g(p,null,S(W.value.chart,(e,t)=>(b(),g(`path`,{d:e.arcSlice,fill:e.color,stroke:P.value.donutStroke||P.value.backgroundColor,"stroke-width":P.value.donutStrokeWidth,filter:Vr(e.id)},null,8,Dt))),256)),(b(!0),g(p,null,S(W.value.chart,(e,t)=>(b(),g(`path`,{d:e.arcSlice,fill:`transparent`,onMouseenter:n=>W.value.useTooltip({datapoint:e,seriesIndex:t,triggerMode:`pointer`}),onMouseout:n=>W.value.killTooltip({datapoint:e,seriesIndex:t}),onClick:n=>W.value.selectDatapoint({datapoint:e,seriesIndex:t})},null,40,Ot))),256))]),P.value.showDataLabels?(b(),g(`g`,kt,[(b(!0),g(p,null,S(W.value.chart,(e,t)=>(b(),g(p,null,[W.value.isArcBigEnough(e)?(b(),g(`circle`,{key:0,cx:T(oe)(e).x,cy:T(ue)(e)-3.7,fill:e.color,stroke:P.value.backgroundColor,"stroke-width":1,r:3,filter:Vr(e.id)},null,8,At)):h(``,!0),W.value.isArcBigEnough(e)?(b(),g(`text`,{key:1,"text-anchor":T(oe)(e,!0,20).anchor,x:T(oe)(e,!0).x,y:T(ue)(e),fill:P.value.color,"font-size":P.value.dataLabelFontSize,filter:Vr(e.id)},w(W.value.displayArcPercentage(e,W.value.chart))+` (`+w(T(f)(P.value.formatter,e.value,T(a)({p:P.value.valuePrefix,v:e.value,s:P.value.valueSuffix,r:P.value.dataLabelRoundingValue}),{datapoint:e,seriesIndex:t}))+`) `,9,jt)):h(``,!0),W.value.isArcBigEnough(e,!0,20)?(b(),g(`text`,{key:2,"text-anchor":T(oe)(e).anchor,x:T(oe)(e,!0).x,y:T(ue)(e)+P.value.dataLabelFontSize,fill:P.value.color,"font-size":P.value.dataLabelFontSize,filter:Vr(e.id)},w(e.name),9,Mt)):h(``,!0)],64))),256))])):h(``,!0),P.value.donutShowTotal?(b(),g(`g`,Nt,[_(`text`,{"text-anchor":`middle`,x:W.value.drawingArea.centerX,y:W.value.drawingArea.centerY-P.value.donutTotalLabelFontSize/2,"font-size":P.value.donutTotalLabelFontSize,fill:P.value.color},w(P.value.donutTotalLabelText),9,Pt),_(`text`,{"text-anchor":`middle`,x:W.value.drawingArea.centerX,y:W.value.drawingArea.centerY+P.value.donutTotalLabelFontSize,"font-size":P.value.donutTotalLabelFontSize,fill:P.value.color},w(T(a)({p:P.value.valuePrefix,v:W.value.total,s:P.value.valueSuffix,r:P.value.dataLabelRoundingValue})),9,Ft)])):h(``,!0)],64)):h(``,!0),V.value===E.LINE?(b(),g(p,{key:4},[P.value.xyShowGrid?(b(),g(`g`,It,[(b(!0),g(p,null,S(Z.value.yLabels,e=>(b(),g(p,null,[e.y<=Z.value.drawingArea.bottom?(b(),g(`line`,{key:0,x1:Z.value.drawingArea.left,x2:Z.value.drawingArea.right,y1:e.y,y2:e.y,stroke:P.value.xyGridStroke,"stroke-width":P.value.xyGridStrokeWidth,"stroke-linecap":`round`},null,8,Lt)):h(``,!0)],64))),256)),(b(!0),g(p,null,S(Z.value.extremes.maxSeries+1,(e,t)=>(b(),g(`line`,{x1:Z.value.drawingArea.left+Z.value.slotSize*t,x2:Z.value.drawingArea.left+Z.value.slotSize*t,y1:Z.value.drawingArea.top,y2:Z.value.drawingArea.bottom,stroke:P.value.xyGridStroke,"stroke-width":P.value.xyGridStrokeWidth,"stroke-linecap":`round`},null,8,Rt))),256))])):h(``,!0),P.value.xyShowAxis?(b(),g(`g`,zt,[_(`line`,{x1:Z.value.drawingArea.left,x2:Z.value.drawingArea.left,y1:Z.value.drawingArea.top,y2:Z.value.drawingArea.bottom,stroke:P.value.xyAxisStroke,"stroke-width":P.value.xyAxisStrokeWidth,"stroke-linecap":`round`},null,8,Bt),_(`line`,{x1:Z.value.drawingArea.left,x2:Z.value.drawingArea.right,y1:isNaN(Z.value.absoluteZero)?Z.value.drawingArea.bottom:Z.value.absoluteZero,y2:isNaN(Z.value.absoluteZero)?Z.value.drawingArea.bottom:Z.value.absoluteZero,stroke:P.value.xyAxisStroke,"stroke-width":P.value.xyAxisStrokeWidth,"stroke-linecap":`round`},null,8,Vt)])):h(``,!0),P.value.xyShowScale?(b(),g(`g`,{key:2,class:`yLabels`,ref_key:`scaleLabels`,ref:Xn},[(b(!0),g(p,null,S(Z.value.yLabels,(e,t)=>(b(),g(p,{key:`sl_${t}`},[e.y<=Z.value.drawingArea.bottom?(b(),g(`path`,{key:0,class:v({"vue-data-ui-transition":T(F)}),d:`M${e.x+4},${e.y} ${Z.value.drawingArea.left},${e.y}`,stroke:P.value.xyAxisStroke,"stroke-width":P.value.xyAxisStrokeWidth,"stroke-linecap":`round`},null,10,Ht)):h(``,!0),e.y<=Z.value.drawingArea.bottom?(b(),g(`text`,{key:1,class:v({"vue-data-ui-transition":T(F)}),transform:`translate(${e.x}, ${e.y+P.value.xyLabelsYFontSize/3})`,"text-anchor":`end`,"font-size":P.value.xyLabelsYFontSize,fill:P.value.color},w(T(f)(P.value.formatter,e.value,T(a)({p:P.value.valuePrefix,v:e.value,s:P.value.valueSuffix,r:P.value.dataLabelRoundingValue}),{datapoint:e,seriesIndex:t})),11,Ut)):h(``,!0)],64))),128))],512)):h(``,!0),P.value.xyShowScale&&P.value.xyPeriods.length?(b(),g(`g`,Wt,[(b(!0),g(p,null,S($.value.map(e=>e.text),(e,t)=>(b(),g(p,null,[!P.value.xyPeriodsShowOnlyAtModulo||P.value.xyPeriodsShowOnlyAtModulo&&t%Math.floor((G.value.end-G.value.start)/Ji.value)===0||G.value.end-G.value.start<=Ji.value?(b(),g(`line`,{key:0,x1:Z.value.drawingArea.left+Z.value.slotSize*(t+1)-Z.value.slotSize/2,x2:Z.value.drawingArea.left+Z.value.slotSize*(t+1)-Z.value.slotSize/2,y1:Z.value.drawingArea.bottom,y2:Z.value.drawingArea.bottom+4,stroke:P.value.xyAxisStroke,"stroke-width":P.value.xyAxisStrokeWidth,"stroke-linecap":`round`},null,8,Gt)):h(``,!0)],64))),256)),_(`g`,{ref_key:`timeLabelsEls`,ref:N},[(b(!0),g(p,null,S($.value.map(e=>e.text),(e,t)=>(b(),g(p,null,[!P.value.xyPeriodsShowOnlyAtModulo||P.value.xyPeriodsShowOnlyAtModulo&&t%Math.floor((G.value.end-G.value.start)/Ji.value)===0||G.value.end-G.value.start<=Ji.value?(b(),g(`g`,Kt,[String(e).includes(`
-`)?(b(),g(`text`,{key:1,class:`vue-data-ui-time-label`,"font-size":P.value.xyLabelsXFontSize,"text-anchor":P.value.xyPeriodLabelsRotation>0?`start`:P.value.xyPeriodLabelsRotation<0?`end`:`middle`,fill:P.value.color,transform:`translate(${Z.value.drawingArea.left+Z.value.slotSize*(t+1)-Z.value.slotSize/2}, ${Z.value.drawingArea.bottom+P.value.xyLabelsXFontSize+6}), rotate(${P.value.xyPeriodLabelsRotation})`,innerHTML:T(l)({content:String(e),fontSize:P.value.xyLabelsXFontSize,fill:P.value.color,x:0,y:0})},null,8,Jt)):(b(),g(`text`,{key:0,class:`vue-data-ui-time-label`,"font-size":P.value.xyLabelsXFontSize,"text-anchor":P.value.xyPeriodLabelsRotation>0?`start`:P.value.xyPeriodLabelsRotation<0?`end`:`middle`,fill:P.value.color,transform:`translate(${Z.value.drawingArea.left+Z.value.slotSize*(t+1)-Z.value.slotSize/2}, ${Z.value.drawingArea.bottom+P.value.xyLabelsXFontSize+6}), rotate(${P.value.xyPeriodLabelsRotation})`},w(e),9,qt))])):h(``,!0)],64))),256))],512)])):h(``,!0),_(`g`,Yt,[(b(!0),g(p,null,S(Z.value.dataset,(e,t)=>(b(),g(`g`,{key:`serie_${e.id}`,class:`line-plot-series`},[P.value.lineSmooth?(b(),g(p,{key:0},[_(`path`,{ref_for:!0,ref_key:`pathWrapper`,ref:Jn,d:`M ${T(u)(e.coordinates)}`,stroke:P.value.backgroundColor,"stroke-width":P.value.lineStrokeWidth+1,"stroke-linecap":`round`,fill:`none`,class:v({"vue-data-ui-transition":T(F)})},null,10,Xt),_(`path`,{ref_for:!0,ref_key:`pathTop`,ref:Yn,d:`M ${T(u)(e.coordinates)}`,stroke:e.color,"stroke-width":P.value.lineStrokeWidth,"stroke-linecap":`round`,fill:`none`,class:v({"vue-data-ui-transition":T(F)}),style:y({transition:T(mr)?void 0:`all 0.2s ease-in-out`})},null,14,Zt)],64)):(b(),g(p,{key:1},[_(`path`,{ref_for:!0,ref_key:`pathWrapper`,ref:Jn,d:`M ${e.linePath}`,stroke:P.value.backgroundColor,"stroke-width":P.value.lineStrokeWidth+1,"stroke-linecap":`round`,fill:`none`,class:v({"vue-data-ui-transition":T(F)})},null,10,Qt),_(`path`,{ref_for:!0,ref_key:`pathTop`,ref:Yn,d:`M ${e.linePath}`,stroke:e.color,"stroke-width":P.value.lineStrokeWidth,"stroke-linecap":`round`,fill:`none`,class:v({"vue-data-ui-transition":T(F)})},null,10,$t)],64)),(b(!0),g(p,null,S(e.coordinates,(t,n)=>(b(),g(`circle`,{key:`dp_${e.id}_${n+G.value.start}`,cx:t.x,cy:T(d)(t.y),r:3,fill:e.color,stroke:P.value.backgroundColor,"stroke-width":`0.5`,class:v({"vue-ui-quick-chart-plot":!0,"vue-data-ui-transition":T(F)})},null,10,en))),128))]))),128))]),P.value.showDataLabels?(b(),g(`g`,tn,[(b(!0),g(p,null,S(Z.value.dataset,(e,t)=>(b(),g(p,{key:`ds_${e.id}`},[(b(!0),g(p,null,S(e.coordinates,(t,n)=>(b(),g(`text`,{class:v([`vue-ui-quick-chart-label`,{"vue-data-ui-transition":T(F)}]),key:`plot_${e.id}_${n+G.value.start}`,"text-anchor":`middle`,"font-size":P.value.dataLabelFontSize,fill:e.color,transform:`translate(${t.x}, ${T(d)(t.y)-P.value.dataLabelFontSize/2})`},w(T(f)(P.value.formatter,T(d)(t.value),T(a)({p:P.value.valuePrefix,v:T(d)(t.value),s:P.value.valueSuffix,r:P.value.dataLabelRoundingValue}),{datapoint:t,seriesIndex:n})),11,nn))),128))],64))),128))])):h(``,!0),br.value?(b(),g(`g`,rn,[(b(!0),g(p,null,S(Z.value.extremes.maxSeries,(e,t)=>(b(),g(`rect`,{x:Z.value.drawingArea.left+t*Z.value.slotSize,y:Z.value.drawingArea.top,height:Z.value.drawingArea.height<=0?1e-5:Z.value.drawingArea.height,width:Z.value.slotSize<=0?1e-5:Z.value.slotSize,fill:[j.value,U.value].includes(t)?P.value.xyHighlighterColor:`transparent`,style:y(`opacity:${P.value.xyHighlighterOpacity}`),onMouseenter:e=>Z.value.useTooltip(t,`pointer`),onMouseleave:e=>Z.value.killTooltip(t),onClick:e=>Z.value.selectDatapoint(t)},null,44,an))),256))])):h(``,!0)],64)):h(``,!0),V.value===E.BAR?(b(),g(p,{key:5},[P.value.xyShowGrid?(b(),g(`g`,on,[(b(!0),g(p,null,S(Q.value.yLabels,e=>(b(),g(p,null,[e.y<=Q.value.drawingArea.bottom?(b(),g(`line`,{key:0,x1:Q.value.drawingArea.left,x2:Q.value.drawingArea.right,y1:e.y,y2:e.y,stroke:P.value.xyGridStroke,"stroke-width":P.value.xyGridStrokeWidth,"stroke-linecap":`round`},null,8,sn)):h(``,!0)],64))),256)),M.value.length<Q.value.legend.length?(b(!0),g(p,{key:0},S(Q.value.extremes.maxSeries+1,(e,t)=>(b(),g(`line`,{x1:Q.value.drawingArea.left+Q.value.slotSize*t,x2:Q.value.drawingArea.left+Q.value.slotSize*t,y1:Q.value.drawingArea.top,y2:Q.value.drawingArea.bottom,stroke:P.value.xyGridStroke,"stroke-width":P.value.xyGridStrokeWidth,"stroke-linecap":`round`},null,8,cn))),256)):h(``,!0)])):h(``,!0),P.value.xyShowAxis?(b(),g(`g`,ln,[_(`line`,{x1:Q.value.drawingArea.left,x2:Q.value.drawingArea.left,y1:Q.value.drawingArea.top,y2:Q.value.drawingArea.bottom,stroke:P.value.xyAxisStroke,"stroke-width":P.value.xyAxisStrokeWidth,"stroke-linecap":`round`},null,8,un),_(`line`,{x1:Q.value.drawingArea.left,x2:Q.value.drawingArea.right,y1:isNaN(Q.value.absoluteZero)?Q.value.drawingArea.bottom:Q.value.absoluteZero,y2:isNaN(Q.value.absoluteZero)?Q.value.drawingArea.bottom:Q.value.absoluteZero,stroke:P.value.xyAxisStroke,"stroke-width":P.value.xyAxisStrokeWidth,"stroke-linecap":`round`},null,8,dn)])):h(``,!0),P.value.xyShowScale?(b(),g(`g`,{key:2,class:`yLabels`,ref_key:`scaleLabels`,ref:Xn},[(b(!0),g(p,null,S(Q.value.yLabels,(e,t)=>(b(),g(p,{key:`sl_${t}`},[e.y<=Q.value.drawingArea.bottom?(b(),g(`path`,{key:0,class:v({"vue-data-ui-transition":T(F)}),d:`M${e.x+4},${e.y} ${Q.value.drawingArea.left},${e.y}`,stroke:P.value.xyAxisStroke,"stroke-width":P.value.xyAxisStrokeWidth,"stroke-linecap":`round`},null,10,fn)):h(``,!0),e.y<=Q.value.drawingArea.bottom?(b(),g(`text`,{key:1,class:v({"vue-data-ui-transition":T(F)}),transform:`translate(${e.x}, ${e.y+P.value.xyLabelsYFontSize/3})`,"text-anchor":`end`,"font-size":P.value.xyLabelsYFontSize,fill:P.value.color},w(T(f)(P.value.formatter,e.value,T(a)({p:P.value.valuePrefix,v:e.value,s:P.value.valueSuffix,r:P.value.dataLabelRoundingValue}),{datapoint:e,seriesIndex:t})),11,pn)):h(``,!0)],64))),128))],512)):h(``,!0),P.value.xyShowScale&&P.value.xyPeriods.length?(b(),g(`g`,mn,[(b(!0),g(p,null,S(P.value.xyPeriods.slice(G.value.start,G.value.end),(e,t)=>(b(),g(`line`,{x1:Q.value.drawingArea.left+Q.value.slotSize*(t+1)-Q.value.slotSize/2,x2:Q.value.drawingArea.left+Q.value.slotSize*(t+1)-Q.value.slotSize/2,y1:Q.value.drawingArea.bottom,y2:Q.value.drawingArea.bottom+4,stroke:P.value.xyAxisStroke,"stroke-width":P.value.xyAxisStrokeWidth,"stroke-linecap":`round`},null,8,hn))),256)),_(`g`,{ref_key:`timeLabelsEls`,ref:N},[(b(!0),g(p,null,S($.value.map(e=>e.text),(e,t)=>(b(),g(p,null,[!P.value.xyPeriodsShowOnlyAtModulo||P.value.xyPeriodsShowOnlyAtModulo&&t%Math.floor((G.value.end-G.value.start)/Ji.value)===0||G.value.end-G.value.start<=Ji.value?(b(),g(`g`,gn,[String(e).includes(`
-`)?(b(),g(`text`,{key:1,class:`vue-data-ui-time-label`,"font-size":P.value.xyLabelsXFontSize,"text-anchor":P.value.xyPeriodLabelsRotation>0?`start`:P.value.xyPeriodLabelsRotation<0?`end`:`middle`,fill:P.value.color,transform:`translate(${Q.value.drawingArea.left+Q.value.slotSize*(t+1)-Q.value.slotSize/2}, ${Q.value.drawingArea.bottom+P.value.xyLabelsXFontSize+6}), rotate(${P.value.xyPeriodLabelsRotation})`,innerHTML:T(l)({content:String(e),fontSize:P.value.xyLabelsXFontSize,fill:P.value.color,x:0,y:0})},null,8,vn)):(b(),g(`text`,{key:0,class:`vue-data-ui-time-label`,"font-size":P.value.xyLabelsXFontSize,"text-anchor":P.value.xyPeriodLabelsRotation>0?`start`:P.value.xyPeriodLabelsRotation<0?`end`:`middle`,fill:P.value.color,transform:`translate(${Q.value.drawingArea.left+Q.value.slotSize*(t+1)-Q.value.slotSize/2}, ${Q.value.drawingArea.bottom+P.value.xyLabelsXFontSize+6}), rotate(${P.value.xyPeriodLabelsRotation})`},w(e),9,_n))])):h(``,!0)],64))),256))],512)])):h(``,!0),_(`g`,yn,[(b(!0),g(p,null,S(Q.value.dataset,(e,t)=>(b(),g(p,null,[(b(!0),g(p,null,S(e.coordinates,(t,n)=>(b(),g(`rect`,{x:t.x,width:t.width<=0?1e-5:t.width,height:T(d)(t.height<=0?1e-5:t.height),y:T(d)(t.y),fill:e.color,stroke:P.value.backgroundColor,"stroke-width":P.value.barStrokeWidth,"stroke-linecap":`round`,class:v({"vue-data-ui-transition":T(F)})},null,10,bn))),256))],64))),256))]),P.value.showDataLabels?(b(),g(`g`,xn,[(b(!0),g(p,null,S(Q.value.dataset,(e,t)=>(b(),g(p,{key:`ds_${e.id}`},[(b(!0),g(p,null,S(e.coordinates,(t,n)=>(b(),g(`text`,{class:v({"vue-data-ui-transition":T(F)}),key:`plot_${n+G.value.start}`,transform:`translate(${t.x+t.width/2}, ${T(d)(t.y)-P.value.dataLabelFontSize/2})`,"text-anchor":`middle`,"font-size":P.value.dataLabelFontSize,fill:e.color},w(T(f)(P.value.formatter,T(d)(t.value),T(a)({p:P.value.valuePrefix,v:T(d)(t.value),s:P.value.valueSuffix,r:P.value.dataLabelRoundingValue}),{datapoint:t,seriesIndex:n})),11,Sn))),128))],64))),128))])):h(``,!0),br.value&&M.value.length<Q.value.legend.length?(b(),g(`g`,Cn,[(b(!0),g(p,null,S(Q.value.extremes.maxSeries,(e,t)=>(b(),g(`rect`,{x:Q.value.drawingArea.left+t*Q.value.slotSize,y:Q.value.drawingArea.top,height:Q.value.drawingArea.height<=0?1e-5:Q.value.drawingArea.height,width:Q.value.slotSize<=0?1e-5:Q.value.slotSize,fill:[j.value,U.value].includes(t)?P.value.xyHighlighterColor:`transparent`,style:y(`opacity:${P.value.xyHighlighterOpacity}`),onMouseenter:e=>Q.value.useTooltip(t,`pointer`),onMouseleave:e=>Q.value.killTooltip(t),onClick:e=>Q.value.selectDatapoint(t)},null,44,wn))),256))])):h(``,!0)],64)):h(``,!0),[E.LINE,E.BAR].includes(V.value)?(b(),g(`g`,Tn,[P.value.xAxisLabel&&V.value===E.LINE?(b(),g(`g`,{key:0,ref_key:`xAxisLabel`,ref:Zn},[_(`text`,{"font-size":P.value.axisLabelsFontSize,fill:P.value.color,"text-anchor":`middle`,x:Z.value.drawingArea.left+Z.value.drawingArea.width/2,y:H.value.height-P.value.axisLabelsFontSize/3},w(P.value.xAxisLabel),9,En)],512)):h(``,!0),P.value.xAxisLabel&&V.value===E.BAR?(b(),g(`g`,{key:1,ref_key:`xAxisLabel`,ref:Zn},[_(`text`,{"font-size":P.value.axisLabelsFontSize,fill:P.value.color,"text-anchor":`middle`,x:Q.value.drawingArea.left+Q.value.drawingArea.width/2,y:H.value.height-P.value.axisLabelsFontSize/3},w(P.value.xAxisLabel),9,Dn)],512)):h(``,!0),P.value.yAxisLabel&&V.value===E.LINE?(b(),g(`g`,{key:2,ref_key:`yAxisLabel`,ref:Qn},[_(`text`,{"font-size":P.value.axisLabelsFontSize,fill:P.value.color,transform:`translate(${P.value.axisLabelsFontSize}, ${Z.value.drawingArea.top+Z.value.drawingArea.height/2}) rotate(-90)`,"text-anchor":`middle`},w(P.value.yAxisLabel),9,On)],512)):h(``,!0),P.value.yAxisLabel&&V.value===E.BAR?(b(),g(`g`,{key:3,ref_key:`yAxisLabel`,ref:Qn},[_(`text`,{"font-size":P.value.axisLabelsFontSize,fill:P.value.color,transform:`translate(${P.value.axisLabelsFontSize}, ${Q.value.drawingArea.top+Q.value.drawingArea.height/2}) rotate(-90)`,"text-anchor":`middle`},w(P.value.yAxisLabel),9,kn)],512)):h(``,!0)])):h(``,!0),ki.value?(b(),g(`rect`,{key:7,x:ki.value.x,y:ki.value.y,width:ki.value.width,height:ki.value.height,fill:ai.value.selection.fill,"fill-opacity":ai.value.selection.fillOpacity,stroke:ai.value.selection.stroke,"stroke-opacity":ai.value.selection.strokeOpacity,"stroke-width":ai.value.selection.strokeWidth,"stroke-dasharray":ai.value.selection.strokeDasharray,"stroke-linecap":`round`,"stroke-linejoin":`round`,"pointer-events":`none`},null,8,An)):h(``,!0)],46,ht)):h(``,!0),e.$slots.hint?(b(),g(`div`,jn,[C(e.$slots,`hint`,Ge(He({hint:P.value.a11y.translations.keyboardNavigation,isVisible:fr.value})),void 0,!0)])):h(``,!0)]),e.$slots.watermark?(b(),g(`div`,Mn,[C(e.$slots,`watermark`,Ge(He({isPrinting:T(Ar)||T(jr)})),void 0,!0)])):h(``,!0),kr.value?(b(),g(`div`,{key:`slicer_${Kn.value}`,ref_key:`quickChartSlicer`,ref:Bn},[(b(),Re(Me,{ref_key:`slicerComponent`,ref:Zr,key:`slicer_${Kn.value}`,timeLabels:$.value,background:P.value.zoomColor,borderColor:P.value.backgroundColor,fontSize:P.value.zoomFontSize,useResetSlot:P.value.zoomUseResetSlot,textColor:P.value.color,inputColor:P.value.zoomColor,selectColor:P.value.zoomHighlightColor,max:B.value.maxSeriesLength,min:0,valueStart:G.value.start,valueEnd:G.value.end,smoothMinimap:P.value.zoomMinimap.smooth,minimapSelectedColor:P.value.zoomMinimap.selectedColor,minimapSelectedColorOpacity:P.value.zoomMinimap.selectedColorOpacity,minimapSelectionRadius:P.value.zoomMinimap.selectionRadius,minimapLineColor:P.value.zoomMinimap.lineColor,minimap:xi.value,minimapIndicatorColor:P.value.zoomMinimap.indicatorColor,verticalHandles:P.value.zoomMinimap.verticalHandles,minimapSelectedIndex:U.value,"onUpdate:start":yi,"onUpdate:end":bi,refreshStartPoint:P.value.zoomStartIndex===null?0:P.value.zoomStartIndex,refreshEndPoint:P.value.zoomEndIndex===null?B.value.maxSeriesLength:P.value.zoomEndIndex+1,enableRangeHandles:P.value.zoomEnableRangeHandles,enableSelectionDrag:P.value.zoomEnableSelectionDrag,minimapCompact:P.value.zoomMinimap.compact,minimapMerged:P.value.zoomMinimap.merged,allMinimaps:Ki.value,minimapFrameColor:P.value.zoomMinimap.frameColor,additionalMinimapHeight:P.value.zoomMinimap.additionalHeight,handleType:P.value.zoomMinimap.handleType,handleWidth:P.value.zoomMinimap.handleWidth,handleBorderWidth:P.value.zoomMinimap.handleBorderWidth,handleIconColor:P.value.zoomMinimap.handleIconColor,handleBorderColor:P.value.zoomMinimap.handleBorderColor,handleFill:P.value.zoomMinimap.handleFill,focusOnDrag:P.value.zoomFocusOnDrag,focusRangeRatio:P.value.zoomFocusRangeRatio,maxWidth:P.value.zoomMaxWidth,minimapLeftInsetRatio:Wi.value,minimapRightInsetRatio:Gi.value,onReset:s[0]||=()=>_i({applyControlledZoom:!1,publish:!0}),onTrapMouse:Jr},{"reset-action":Qe(({reset:t})=>[C(e.$slots,`reset-action`,Ge(He({reset:t})),void 0,!0)]),_:3},8,/* @__PURE__ */ `timeLabels.background.borderColor.fontSize.useResetSlot.textColor.inputColor.selectColor.max.valueStart.valueEnd.smoothMinimap.minimapSelectedColor.minimapSelectedColorOpacity.minimapSelectionRadius.minimapLineColor.minimap.minimapIndicatorColor.verticalHandles.minimapSelectedIndex.refreshStartPoint.refreshEndPoint.enableRangeHandles.enableSelectionDrag.minimapCompact.minimapMerged.allMinimaps.minimapFrameColor.additionalMinimapHeight.handleType.handleWidth.handleBorderWidth.handleIconColor.handleBorderColor.handleFill.focusOnDrag.focusRangeRatio.maxWidth.minimapLeftInsetRatio.minimapRightInsetRatio`.split(`.`)))])):h(``,!0),_(`div`,{id:`legend-bottom-${k.value}`},null,8,Nn),qn.value&&P.value.showLegend?(b(),Re(Le,{key:7,to:P.value.legendPosition===`top`?`#legend-top-${k.value}`:`#legend-bottom-${k.value}`},[P.value.showLegend?(b(),g(`div`,{key:0,ref_key:`quickChartLegend`,ref:zn,class:`vue-ui-quick-chart-legend`,style:y(`background:transparent;color:${P.value.color}`)},[(W.value?.legend?.length>2||Z.value?.legend?.length>2||Q.value?.legend?.length>2)&&P.value.showLegendSelectAllToggle&&!T(mr)?(b(),Re(Ne,{key:0,backgroundColor:P.value.legendSelectAllToggleBackgroundColor,color:P.value.legendSelectAllToggleColor,fontSize:P.value.legendFontSize,checked:M.value.length>0,isCursorPointer:ur.value,onToggle:Hr},null,8,[`backgroundColor`,`color`,`fontSize`,`checked`,`isCursorPointer`])):h(``,!0),V.value===E.DONUT?(b(!0),g(p,{key:1},S(W.value.legend,(t,n)=>(b(),g(`div`,{class:`vue-ui-quick-chart-legend-item`,onClick:e=>qr(t,W.value.dataset),style:y(`cursor: ${W.value.legend.length>1&&ur.value?`pointer`:`default`}; opacity:${M.value.includes(t.id)?`0.5`:`1`}`),role:`button`,tabindex:`0`,onKeydown:e=>{ua(e,()=>{qr(t,W.value.dataset)})}},[P.value.useCustomLegend?C(e.$slots,`legend`,Ue({ref_for:!0},{legend:{...t,isSegregated:M.value.includes(t.id),segregate:()=>{qr(t,W.value.dataset)}}}),void 0,!0,0):(b(),g(p,{key:1},[Be(T(tt),{name:P.value.legendIcon,stroke:t.color,size:P.value.legendIconSize},null,8,[`name`,`stroke`,`size`]),_(`span`,{style:y(`font-size:${P.value.legendFontSize}px`)},w(t.name),5),_(`span`,{style:y(`font-size:${P.value.legendFontSize}px;font-variant-numeric:tabular-nums`)},w(M.value.includes(t.id)?`-`:T(f)(P.value.formatter,t.absoluteValue,T(a)({p:P.value.valuePrefix,v:t.absoluteValue,s:P.value.valueSuffix,r:P.value.dataLabelRoundingValue}),{datapoint:t,seriesIndex:n})),5),M.value.includes(t.id)?(b(),g(`span`,{key:0,style:y(`font-size:${P.value.legendFontSize}px`)},` ( - % ) `,4)):Kr.value?(b(),g(`span`,{key:1,style:y(`font-size:${P.value.legendFontSize}px; font-variant-numeric: tabular-nums;`)},` ( - % ) `,4)):(b(),g(`span`,{key:2,style:y(`font-size:${P.value.legendFontSize}px; font-variant-numeric: tabular-nums;`)},` (`+w(T(a)({v:t.value/W.value.total*100,s:`%`,r:P.value.dataLabelRoundingPercentage}))+`) `,5))],64))],44,Pn))),256)):h(``,!0),V.value===E.LINE?(b(!0),g(p,{key:2},S(Z.value.legend,(t,n)=>(b(),g(`div`,{class:`vue-ui-quick-chart-legend-item`,onClick:e=>{Ur(t.id,Z.value.legend.length-1),z(`selectLegend`,Z.value.dataset)},style:y(`cursor: ${Z.value.legend.length>1&&ur.value?`pointer`:`default`}; opacity:${M.value.includes(t.id)?`0.5`:`1`}`),role:`button`,tabindex:`0`,onKeydown:e=>{ua(e,()=>{Ur(t.id,Z.value.legend.length-1),z(`selectLegend`,Z.value.dataset)})}},[P.value.useCustomLegend?C(e.$slots,`legend`,Ue({ref_for:!0},{legend:{...t,isSegregated:M.value.includes(t.id),segregate:()=>{Ur(t.id,Z.value.legend.length-1),z(`selectLegend`,Z.value.dataset)}}}),void 0,!0,0):(b(),g(p,{key:1},[Be(T(tt),{name:P.value.legendIcon,stroke:t.color,size:P.value.legendIconSize},null,8,[`name`,`stroke`,`size`]),_(`span`,{style:y(`font-size:${P.value.legendFontSize}px`)},w(t.name),5)],64))],44,Fn))),256)):h(``,!0),V.value===E.BAR?(b(!0),g(p,{key:3},S(Q.value.legend,(t,n)=>(b(),g(`div`,{class:`vue-ui-quick-chart-legend-item`,onClick:e=>{Ur(t.id,Q.value.legend.length-1),z(`selectLegend`,Q.value.dataset)},style:y(`cursor: ${Q.value.legend.length>1&&ur.value?`pointer`:`default`}; opacity:${M.value.includes(t.id)?`0.5`:`1`}`),role:`button`,tabindex:`0`,onKeydown:e=>{ua(e,()=>{Ur(t.id,Q.value.legend.length-1),z(`selectLegend`,Q.value.dataset)})}},[P.value.useCustomLegend?C(e.$slots,`legend`,Ue({ref_for:!0},{legend:{...t,isSegregated:M.value.includes(t.id),segregate:()=>{Ur(t.id,Q.value.legend.length-1),z(`selectLegend`,Q.value.dataset)}}}),void 0,!0,0):(b(),g(p,{key:1},[Be(T(tt),{name:P.value.legendIcon,stroke:t.color,size:P.value.legendIconSize},null,8,[`name`,`stroke`,`size`]),_(`span`,{style:y(`font-size:${P.value.legendFontSize}px`)},w(t.name),5)],64))],44,In))),256)):h(``,!0)],4)):h(``,!0)],8,[`to`])):h(``,!0),e.$slots.source?(b(),g(`div`,{key:8,ref_key:`source`,ref:Un,dir:`auto`},[C(e.$slots,`source`,{},void 0,!0)],512)):h(``,!0),Be(T(ot),{teleportTo:P.value.tooltipTeleportTo,show:Fr.value.showTooltip&&A.value,backgroundColor:P.value.backgroundColor,color:P.value.color,borderRadius:P.value.tooltipBorderRadius,borderColor:P.value.tooltipBorderColor,borderWidth:P.value.tooltipBorderWidth,fontSize:P.value.tooltipFontSize,backgroundOpacity:P.value.tooltipBackgroundOpacity,position:P.value.tooltipPosition,offsetX:P.value.tooltipOffsetX,offsetY:P.value.tooltipOffsetY,parent:O.value,content:Hn.value,isFullscreen:Yi.value,isCustom:T(o)(P.value.tooltipCustomFormat),smooth:P.value.tooltipSmooth,smoothForce:P.value.tooltipSmoothForce,smoothSnapThreshold:P.value.tooltipSmoothSnapThreshold,backdropFilter:P.value.tooltipBackdropFilter,isA11yMode:L.value===`keyboard`,a11yPosition:dr.value},{"tooltip-before":Qe(()=>[C(e.$slots,`tooltip-before`,Ge(He({...Vn.value})),void 0,!0)]),tooltip:Qe(()=>[C(e.$slots,`tooltip`,Ge(He({...Vn.value})),void 0,!0)]),"tooltip-after":Qe(()=>[C(e.$slots,`tooltip-after`,Ge(He({...Vn.value})),void 0,!0)]),_:3},8,[`teleportTo`,`show`,`backgroundColor`,`color`,`borderRadius`,`borderColor`,`borderWidth`,`fontSize`,`backgroundOpacity`,`position`,`offsetX`,`offsetY`,`parent`,`content`,`isFullscreen`,`isCustom`,`smooth`,`smoothForce`,`smoothSnapThreshold`,`backdropFilter`,`isA11yMode`,`a11yPosition`]),C(e.$slots,`skeleton`,{},()=>[T(mr)?(b(),Re(xe,{key:0})):h(``,!0)],!0)],46,dt)):(b(),g(`div`,Ln,[Be(T(tt),{name:`circleCancel`,stroke:`red`}),s[4]||=_(`span`,null,`Dataset is not processable`,-1)]))}},[[`__scopeId`,`data-v-a6887da5`]]);export{O as n,Rn as t};