vue-data-ui 3.28.2 → 3.28.3

package/dist/{vue-ui-rings-CJqAnf-l.js → vue-ui-rings-BJaCLH2Q.js}

@@ -1 +1 @@
-import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useConfig-6jO1fkp5.js";import{$ as n,D as r,Dt as i,Ht as a,J as o,Jt as ee,Kt as te,S as ne,X as re,Yt as ie,Zt as ae,at as oe,b as se,i as ce,in as le,nn as ue,nt as de,pt as fe,t as pe,w as me,yt as he,zt as ge}from"./lib-rPeBMZrn.js";import{n as _e,t as ve}from"./BaseScanner-8NdoBs7B.js";import{n as ye,t as be}from"./useHints-BH9r_0Vd.js";import{t as xe}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as Se}from"./useNestedProp-DnGoh-XS.js";import{t as Ce}from"./useThemeCheck-BKNRbGeC.js";import{t as we}from"./chartImage-DPGnEuYM.js";import{n as Te}from"./Title-BliHuXfT.js";import{t as Ee}from"./useChartExport-BZts4KFb.js";import{n as De,t as Oe}from"./tableIntegration-CNoJ1CIY.js";import{n as ke,t as Ae}from"./annotationSlots-BRR85CqJ.js";import{n as je,t as Me}from"./userOptionsSlots-DYuo-E5m.js";import{t as Ne}from"./usePrinter-sVoTzet1.js";import{t as Pe}from"./useTransitions-ChGGrtrv.js";import{t as Fe}from"./Shape-CRe8woTu.js";import{c as Ie}from"./canvas-lib-22VpOI4_.js";import{t as Le}from"./useResponsive-CENUxfEL.js";import{t as Re}from"./DefGrad-DKMq1REY.js";import{t as ze}from"./BaseLegendToggle-Q3TiW9u1.js";import{t as Be}from"./A11yDataTable-DWNlWXzs.js";import{t as Ve}from"./useUserOptionState-CXlFnwPv.js";import{t as He}from"./useChartAccessibility-DOMuYJfm.js";import{t as Ue}from"./labelUtils-CdtU-yB_.js";import{t as We}from"./Legend-DM0ClX3D.js";import{t as Ge}from"./vue_ui_rings-BcDDXHpQ.js";import{Fragment as Ke,Teleport as qe,computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,createElementVNode as d,createSlots as Je,createTextVNode as Ye,createVNode as Xe,defineAsyncComponent as f,guardReactiveProps as p,mergeProps as Ze,nextTick as Qe,normalizeClass as m,normalizeProps as h,normalizeStyle as g,onBeforeUnmount as $e,onMounted as et,openBlock as _,ref as v,renderList as tt,renderSlot as y,resolveDynamicComponent as nt,shallowRef as rt,toDisplayString as it,toRefs as at,unref as b,useSlots as ot,watch as st,withCtx as x}from"vue";var ct=/* @__PURE__ */ e({default:()=>kt}),lt=[`id`],ut=[`id`],dt=[`id`],ft={style:{position:`relative`}},pt=[`xmlns`,`viewBox`,`aria-describedby`],mt=[`width`,`height`],ht={key:1},gt=[`stroke`,`cx`,`cy`,`r`,`fill`],_t=[`stroke`,`stroke-width`,`cx`,`cy`,`r`,`fill`],vt=[`stroke`,`stroke-width`,`cx`,`cy`,`r`,`fill`],yt=[`cx`,`cy`,`r`,`onMouseenter`,`onMouseleave`,`onClick`],bt=[`x`,`y`,`width`,`height`,`fill`,`rx`],xt=[`cx`,`cy`,`r`,`fill`,`stroke`],St=[`text-anchor`,`font-size`,`fill`,`font-weight`,`transform`,`onMouseenter`,`onMouseleave`,`onClick`,`innerHTML`],Ct={key:0,style:{position:`absolute`,top:`100%`,left:`0`,width:`100%`},"data-dom-to-png-ignore":``,"aria-hidden":`true`},wt={key:5,class:`vue-data-ui-watermark`},Tt=[`id`],Et=[`onClick`],Dt={key:0},Ot={key:1},kt=/*#__PURE__*/ xe({__name:`vue-ui-rings`,props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:[`selectLegend`,`copyAlt`],setup(e,{expose:xe,emit:ct}){let kt=f(()=>import(`./Tooltip-C1q0Qoh7.js`)),At=f(()=>import(`./BaseIcon-Cm-IJ179.js`).then(e=>e.n)),jt=f(()=>import(`./vue-ui-accordion-S3nRtTU-.js`).then(e=>e.n)),Mt=f(()=>import(`./DataTable-0Vv-aGHD.js`)),Nt=f(()=>import(`./PenAndPaper-BGEp-TUm.js`).then(e=>e.t)),Pt=f(()=>import(`./UserOptions-uWHV_zPB.js`).then(e=>e.n)),Ft=f(()=>import(`./PackageVersion-BIhjLNBU.js`).then(e=>e.t)),It=f(()=>import(`./BaseDraggableDialog-DHgIPVmz.js`).then(e=>e.n)),{vue_ui_rings:Lt}=t(),{isThemeValid:Rt,warnInvalidTheme:zt}=Ce(),Bt=ot(),S=e,C=v(!1),Vt=s(()=>!!S.dataset&&S.dataset.length),w=v(re()),T=v(!1),Ht=v(``),E=v(null),Ut=v(0),D=v(null),Wt=v(null),Gt=v(null),Kt=v(null),qt=v(null),Jt=v(0),Yt=v(0),Xt=v(0),Zt=v(!1),Qt=v(!1),$t=v(null),en=v(null),O=v(null),tn=v({x:0,y:0}),nn=v(`pointer`),rn=v(!1),k=v(dn()),A=s(()=>k.value.userOptions),j=s(()=>k.value.style.chart.layout.rings),M=s(()=>k.value.style.chart.layout.labels),N=s(()=>k.value.style.chart.tooltip),P=s(()=>k.value.style.chart);ye({config:()=>k.value,dataset:()=>S.dataset,component:`VueUiRings`,rules:[be.singleSeries,be.emptyArray,{test:e=>e.length>6,message:[`👀 The number of series is > 6. 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:F}=Pe({config:()=>k.value.transitions,dataset:()=>S.dataset}),I=s(()=>k.value.userOptions.useCursorPointer),an=s(()=>le({defaultConfig:{userOptions:{show:!1},table:{show:!1},style:{chart:{backgroundColor:`#99999930`,layout:{rings:{stroke:`#6A6A6A`,gradient:{underlayerColor:`#FFFFFF`}},labels:{dataLabels:{show:!1}}},legend:{backgroundColor:`transparent`}}}},userConfig:k.value.skeletonConfig??{}})),{loading:L,FINAL_DATASET:on,manualLoading:sn}=_e({...at(S),FINAL_CONFIG:k,prepareConfig:dn,skeletonDataset:S.config?.skeletonDataset??[{name:`_`,values:[13],color:`#808080`},{name:`_`,values:[8],color:`#969696`},{name:`_`,values:[5],color:`#ADADAD`},{name:`_`,values:[3],color:`#C4C4C4`},{name:`_`,values:[2],color:`#DBDBDB`}],skeletonConfig:le({defaultConfig:k.value,userConfig:an.value})}),{userOptionsVisible:cn,setUserOptionsVisibility:ln,keepUserOptionState:un}=Ve({config:k.value}),{svgRef:R}=He({config:P.value.title});function dn(){let e=Se({userConfig:S.config,defaultConfig:Lt}),t=e.theme;if(!t)return e;if(!Rt.value(e))return zt(e),e;let n=Se({userConfig:Ge[t]||S.config,defaultConfig:e});return{...Se({userConfig:S.config,defaultConfig:n}),customPalette:e.customPalette.length?e.customPalette:ue[e.theme]||a}}let fn=ae(S.config);st(()=>S.config,(e,t)=>{let n=ae(e),r=n!==fn;fn=n;let i=dn();r?(L.value||(k.value=i),cn.value=!k.value.userOptions.showOnChartHover,mn(),Jt.value+=1,Yt.value+=1,Xt.value+=1,U.value.showTable=k.value.table.show,U.value.showTooltip=N.value.show,U.value.showLabels=M.value.dataLabels.show,W.value.width=P.value.size,W.value.height=P.value.size):(k.value.style.chart.tooltip=i.style.chart.tooltip,U.value.showTooltip=k.value.style.chart.tooltip.show)},{deep:!0});let pn=s(()=>{let{markers:e}=M.value.dataLabels,t=Y.value/2,n=U.value.showLabels?e.position===`left`?t:-t:0,r=U.value.showLabels?W.value.width/2-t:0,i=e.position===`left`?r:-r;return{x:k.value.responsive?i:n/P.value.size*W.value.width,y:0/P.value.size*W.value.height}}),z=s(()=>({x:W.value.width/2+pn.value.x,y:W.value.height/2+pn.value.y}));st(()=>S.dataset,e=>{Array.isArray(e)&&e.length>0&&(sn.value=!1)},{deep:!0});let B=rt(null),V=rt(null);et(()=>{Qt.value=!0,mn()});let H=s(()=>k.value.debug);function mn(){if(ge(S.dataset)?(oe({componentName:`VueUiRings`,type:`dataset`,debug:H.value}),sn.value=!0):S.dataset.forEach((e,t)=>{e.values.length||(oe({componentName:`VueUiRings`,type:`dataset`,debug:H.value}),sn.value=!0),he({datasetObject:e,requiredAttributes:[`name`,`values`]}).forEach(e=>{oe({componentName:`VueUiRings`,type:`datasetSerieAttribute`,property:e,index:t,debug:H.value})})}),ge(S.dataset)||(sn.value=k.value.loading),k.value.responsive){let e=Ie(()=>{Zt.value=!0;let{width:e,height:t}=Le({chart:D.value,title:P.value.title.text?Wt.value:null,legend:P.value.legend.show?Gt.value:null,source:Kt.value,noTitle:qt.value});requestAnimationFrame(()=>{W.value.width=e,W.value.height=t-12,Zt.value=!1})});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)}setTimeout(()=>{C.value=!0},600)}$e(()=>{B.value&&(V.value&&B.value.unobserve(V.value),B.value.disconnect())});let{isPrinting:hn,isImaging:gn,generatePdf:_n,generateImage:vn}=Ne({elementId:`rings_${w.value}`,fileName:P.value.title.text||`vue-ui-rings`,options:k.value.userOptions.print}),yn=s(()=>k.value.userOptions.show&&!P.value.title.text),bn=s(()=>me(k.value.customPalette)),U=v({showTable:k.value.table.show,showTooltip:N.value.show,showLabels:M.value.dataLabels.show});st(k,()=>{U.value={showTable:k.value.table.show,showTooltip:N.value.show,showLabels:M.value.dataLabels.show}},{immediate:!0});let W=v({height:P.value.size,width:P.value.size}),xn=s(()=>Math.min(W.value.height,W.value.width)),Sn=ct,G=v([]);function Cn(){G.value.length?G.value=[]:jn.value.forEach(e=>{G.value.push(e.uid)}),wn()}function wn(){Sn(`selectLegend`,J.value.map(e=>({name:e.name,color:e.color,value:e.value})))}function Tn(e){if(G.value.includes(e))G.value=G.value.filter(t=>t!==e);else{if(G.value.length===K.value.length-1)return;G.value.push(e)}wn()}function En(e){return K.value.length?K.value.find(t=>t.name===e)||(H.value&&console.warn(`VueUiRings - Series name not found "${e}"`),null):(H.value&&console.warn(`VueUiRings - There are no series to show.`),null)}function Dn(e){let t=En(e);t!==null&&G.value.includes(t.uid)&&Tn(t.uid)}function On(e){let t=En(e);t!==null&&(G.value.includes(t.uid)||Tn(t.uid))}let kn=s(()=>Math.max(...K.value.filter(e=>!G.value.includes(e.uid)).map(({value:e})=>e)));function An(e){return e/kn.value}let K=s(()=>on.value.map(({values:e,name:t,color:n=null},r)=>{let i=te(e).reduce((e,t)=>e+t,0);return{name:t,color:n||ne(n)||bn.value[r]||a[r]||a[r%a.length],value:i,proportion:i/on.value.map(e=>(e.values||[]).reduce((e,t)=>e+t,0)).reduce((e,t)=>e+t,0),uid:re(),absoluteIndex:r}})),jn=s(()=>K.value.map((e,t)=>{let r=ce(M.value.dataLabels.formatter,e.value,n({p:M.value.dataLabels.prefix,v:e.value,s:M.value.dataLabels.suffix,r:P.value.legend.roundingValue}),{datapoint:e,index:t}),i=isNaN(e.value/q.value)?`-`:n({v:e.value/q.value*100,s:`%`,r:P.value.legend.roundingPercentage}),a=In({showVal:P.value.legend.showValue,showPercentage:P.value.legend.showPercentage,val:r,percentage:G.value.includes(e.uid)?`-%`:i});return{...e,shape:`circle`,opacity:G.value.includes(e.uid)?.5:1,segregate:()=>Tn(e.uid),isSegregated:G.value.includes(e.uid),display:`${e.name}${P.value.legend.showPercentage||P.value.legend.showValue?`: `:``}${a}`}}).toSorted((e,t)=>t.value-e.value)),Mn=s(()=>({cy:`rings-div-legend`,backgroundColor:P.value.legend.backgroundColor,color:P.value.legend.color,fontSize:P.value.legend.fontSize,paddingBottom:12,fontWeight:P.value.legend.bold?`bold`:``})),q=s(()=>K.value.filter(e=>!G.value.includes(e.uid)).map(({value:e})=>e).reduce((e,t)=>e+t,0)),J=s(()=>K.value.filter(e=>!G.value.includes(e.uid)).map(({name:e,value:t,color:n=null,uid:r,absoluteIndex:i},o)=>({absoluteIndex:i,uid:r,name:e,color:n||ne(n)||bn.value[o]||a[o]||a[o%a.length],value:t,proportion:An(t),percentage:t/q.value*100,strokeWidth:j.value.strokeWidth*An(t)})).toSorted((e,t)=>t.value-e.value));function Nn(){return J.value.map(({name:e,color:t,value:n,absoluteValues:r,percentage:i})=>({name:e,color:t,value:n,absoluteValues:r,percentage:i}))}let Y=s(()=>xn.value-j.value.strokeWidth*2);function Pn(e,t){k.value.events.datapointClick&&k.value.events.datapointClick({datapoint:e,seriesIndex:t})}function Fn(e,t){E.value=null,T.value=!1,O.value=null,nn.value=`pointer`,k.value.events.datapointLeave&&k.value.events.datapointLeave({datapoint:e,seriesIndex:t})}function In({val:e,percentage:t,showVal:n,showPercentage:r}){let i=M.value.dataLabels;return Ue({config:i,val:e,percentage:t,showVal:n,showPercentage:r})}function Ln(e){let t=M.value.dataLabels,r=ce(t.formatter,e.value,n({p:t.prefix,v:e.value,s:t.suffix,r:t.roundingValue})),i=n({v:e.percentage,s:`%`,r:t.roundingPercentage});return`${e.name}\n${In({val:r,percentage:i,showVal:t.showValue,showPercentage:t.showPercentage})}`}function Rn(e){return se(Y.value*e.proportion/2*.9<=0?1e-4:Y.value*e.proportion/2*.9)}function zn(e,t){return t===0?z.value.y:z.value.y+Y.value*J.value[0].proportion/2-Y.value*e.proportion/2-2*(t+1)}function X(e,t){let n=M.value.dataLabels.markers.position===`left`?-(Y.value/2):Y.value/2;return{x:z.value.x+n,y:zn(e,t)-Rn(e)}}let Bn=v(null);function Vn(e,t,r=`pointer`){if(k.value.events.datapointEnter&&k.value.events.datapointEnter({datapoint:e,seriesIndex:t}),G.value.length===S.dataset.length)return;Bn.value={datapoint:e,seriesIndex:t,series:J.value,config:k.value},E.value=t,O.value=t,nn.value=r;let a=J.value[t],o=N.value.customFormat;if(i(o)&&fe(()=>o({seriesIndex:t,datapoint:e,series:J.value,config:k.value})))Ht.value=o({seriesIndex:t,datapoint:e,series:J.value,config:k.value});else{let r=``;r+=`<div style="width:100%;text-align:center;border-bottom:1px solid ${N.value.borderColor};padding-bottom:6px;margin-bottom:3px;">${a.name}</div>`,r+=`<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="${a.color}" />${Bt.pattern?`<circle cx="30" cy="30" r="30" stroke="none" fill="url(#pattern_${w.value}_${e.absoluteIndex})" />`:``}</svg>`,r+=`<b>${In({showVal:N.value.showValue,showPercentage:N.value.showPercentage,val:`<span>${ce(M.value.dataLabels.formatter,a.value,n({p:M.value.dataLabels.prefix,v:a.value,s:M.value.dataLabels.suffix,r:N.value.roundingValue}),{datapoint:e,seriesIndex:t})}</span>`,percentage:n({v:a.value/q.value*100,s:`%`,r:N.value.roundingPercentage})})}</b></div>`,Ht.value=r}T.value=!0}let Z=s(()=>({head:J.value.map(e=>({name:e.name,color:e.color})),body:J.value.map(e=>e.value)})),Q=s(()=>{let e=[`__SUM__`,n({p:M.value.dataLabels.prefix,v:q.value,s:M.value.dataLabels.suffix,r:k.value.table.td.roundingValue}),`100%`],t=Z.value.head.map((e,t)=>[{color:e.color,name:e.name},n({p:M.value.dataLabels.prefix,v:Z.value.body[t],s:M.value.dataLabels.suffix,r:k.value.table.td.roundingValue}),isNaN(Z.value.body[t]/q.value)?`-`:(Z.value.body[t]/q.value*100).toFixed(k.value.table.td.roundingPercentage)+`%`]);return{head:e,body:t,a11yBody:t.map(e=>e.map((e,t)=>t===0?e.name:e)),config:{th:{backgroundColor:k.value.table.th.backgroundColor,color:k.value.table.th.color,outline:k.value.table.th.outline},td:{backgroundColor:k.value.table.td.backgroundColor,color:k.value.table.td.color,outline:k.value.table.td.outline},breakpoint:k.value.table.responsiveBreakpoint},colNames:[k.value.table.columnNames.series,k.value.table.columnNames.value,k.value.table.columnNames.percentage]}});function Hn(e=null){Qe(()=>{let t=Z.value.head.map((e,t)=>[[e.name],[Z.value.body[t]],[isNaN(Z.value.body[t]/q.value)?`-`:Z.value.body[t]/q.value*100]]),n=[[P.value.title.text],[P.value.title.subtitle.text],[[``],[`val`],[`%`]]].concat(t),i=r(n);e?e(i):de({csvContent:i,title:P.value.title.text||`vue-ui-rings`})})}let $=v(!1);function Un(e){$.value=e,Ut.value+=1}function Wn(){U.value.showTable=!U.value.showTable}function Gn(){U.value.showTooltip=!U.value.showTooltip}function Kn(){U.value.showLabels=!U.value.showLabels}let qn=v(!1);function Jn(){qn.value=!qn.value}let Yn=we(D,()=>P.value.title.text),Xn=s(()=>Oe({config:k,style:P,mutableConfig:U,dialog:It,accordion:jt,isFullscreen:$,parent:D,maxWidth:800,isCursorPointer:I}));st(()=>U.value.showTable,e=>De(e,k,$t));function Zn(){U.value.showTable=!1,en.value&&en.value.setTableIconState(!1)}let Qn=s(()=>jn.value.map(e=>({...e,name:e.display}))),$n=s(()=>P.value.backgroundColor),er=s(()=>P.value.legend),tr=s(()=>P.value.title),{isCallbackImaging:nr,isCallbackSvg:rr,generateSvg:ir,onGenerateImage:ar}=Ee({svg:R,title:tr,legend:er,legendItems:Qn,backgroundColor:$n,getSvgCallback:()=>k.value.userOptions.callbacks.svg,generateImage:vn});async function or(){Sn(`copyAlt`,{config:k.value,dataset:J.value}),k.value.userOptions.callbacks.altCopy?await Promise.resolve(k.value.userOptions.callbacks.altCopy({config:k.value,dataset:J.value})):console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.")}function sr(){O.value=null,rn.value=!0}function cr(){O.value=null,nn.value=`pointer`,T.value=!1,E.value=null,rn.value=!1}function lr(e){if(!R.value||qn.value||document.activeElement!==R.value||!J.value.length||G.value.length===S.dataset.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){O.value=null,nn.value=`pointer`,T.value=!1,E.value=null;return}if(r){if(O.value===null)return;let e=J.value[O.value];if(!e)return;Pn(e,O.value);return}let a=O.value;a===null||a<0||a>=J.value.length?a=n?0:J.value.length-1:n?(a+=1,a>=J.value.length&&(a=0)):t&&(--a,a<0&&(a=J.value.length-1));let o=J.value[a];o&&(ur(a),Vn(o,a,`keyboard`))}function ur(e){if(!Number.isFinite(e)||!R.value)return;let t=J.value[e];if(!t)return;let n=X(t,e),r=R.value.getBoundingClientRect();tn.value={x:r.left+n.x/W.value.width*r.width,y:r.top+n.y/W.value.height*r.height}}let dr=s(()=>({headers:Q.value?.colNames??[],rows:Q.value?.a11yBody??[]}));return xe({getData:Nn,getImage:Yn,generatePdf:_n,generateCsv:Hn,generateImage:vn,generateSvg:ir,hideSeries:On,showSeries:Dn,toggleTable:Wn,toggleTooltip:Gn,toggleAnnotator:Jn,toggleFullscreen:Un,toggleLabels:Kn,copyAlt:or}),(e,t)=>(_(),u(`div`,{ref_key:`ringsChart`,ref:D,class:m(`vue-data-ui-component vue-ui-rings ${$.value?`vue-data-ui-wrapper-fullscreen`:``} ${k.value.useCssAnimation?``:`vue-ui-dna`}`),style:g(`font-family:${k.value.style.fontFamily};text-align:center;width:100%;background:${P.value.backgroundColor};${k.value.responsive?`height: 100%`:``}`),id:`rings_${w.value}`,onMouseleave:t[2]||=e=>{E.value=null,T.value=!1,b(ln)(!1)},onMouseenter:t[3]||=()=>b(ln)(!0)},[d(`div`,{id:`chart-instructions-${w.value}`,class:`sr-only`},[d(`p`,null,it(k.value.a11y.translations.keyboardNavigation),1)],8,ut),dr.value?.rows?.length?(_(),c(Be,{key:0,uid:w.value,head:dr.value.headers,body:dr.value.rows,notice:k.value.a11y.translations.tableAvailable,caption:k.value.a11y.translations.tableCaption},null,8,[`uid`,`head`,`body`,`notice`,`caption`])):l(``,!0),A.value.buttons.annotator?(_(),c(b(Nt),{key:1,svgRef:b(R),backgroundColor:P.value.backgroundColor,color:P.value.color,active:qn.value,isCursorPointer:I.value,palette:A.value.annotatorPalette,onClose:Jn},Je({_:2},[tt(b(Ae),t=>({name:t,fn:x(n=>[y(e.$slots,t,h(p(b(ke)(t,n))),void 0,!0)])}))]),1032,[`svgRef`,`backgroundColor`,`color`,`active`,`isCursorPointer`,`palette`])):l(``,!0),yn.value?(_(),u(`div`,{key:2,ref_key:`noTitle`,ref:qt,class:`vue-data-ui-no-title-space`,style:`height:36px; width: 100%;background:transparent`},null,512)):l(``,!0),P.value.title.text?(_(),u(`div`,{key:3,ref_key:`chartTitle`,ref:Wt,style:`width:100%;background:transparent`},[(_(),c(Te,{key:`title_${Jt.value}`,config:{title:{cy:`rings-div-title`,...P.value.title},subtitle:{cy:`rings-div-subtitle`,...P.value.title.subtitle}}},null,8,[`config`]))],512)):l(``,!0),d(`div`,{id:`legend-top-${w.value}`},null,8,dt),A.value.show&&Vt.value&&(b(un)||b(cn))?(_(),c(b(Pt),{ref_key:`userOptionsRef`,ref:en,key:`user_options_${Ut.value}`,backgroundColor:P.value.backgroundColor,color:P.value.color,isPrinting:b(hn),isImaging:b(gn),uid:w.value,hasTooltip:A.value.buttons.tooltip&&N.value.show,hasPdf:A.value.buttons.pdf,hasXls:A.value.buttons.csv,hasImg:A.value.buttons.img,hasSvg:A.value.buttons.svg,hasTable:A.value.buttons.table,hasFullscreen:A.value.buttons.fullscreen,hasAltCopy:A.value.buttons.altCopy,hasLabel:A.value.buttons.labels,isTooltip:U.value.showTooltip,isFullscreen:$.value,titles:{...A.value.buttonTitles},chartElement:D.value,position:A.value.position,hasAnnotator:A.value.buttons.annotator,isAnnotation:qn.value,callbacks:A.value.callbacks,printScale:A.value.print.scale,tableDialog:k.value.table.useDialog,isCursorPointer:I.value,onToggleFullscreen:Un,onGeneratePdf:b(_n),onGenerateCsv:Hn,onGenerateImage:b(ar),onGenerateSvg:b(ir),onToggleTable:Wn,onToggleTooltip:Gn,onToggleAnnotator:Jn,onToggleLabels:Kn,onCopyAlt:or,style:g({visibility:b(un)?b(cn)?`visible`:`hidden`:`visible`})},Je({_:2},[tt(b(je)(e.$slots,`menuIcon optionTooltip optionPdf optionCsv optionImg optionSvg optionTable optionLabels optionFullscreen optionAnnotator optionAltCopy custom-menu-before custom-menu-after`),t=>({name:t,fn:x(n=>[y(e.$slots,t,h(p(b(Me)(t,n))),void 0,!0)])}))]),1032,/* @__PURE__ */ `backgroundColor.color.isPrinting.isImaging.uid.hasTooltip.hasPdf.hasXls.hasImg.hasSvg.hasTable.hasFullscreen.hasAltCopy.hasLabel.isTooltip.isFullscreen.titles.chartElement.position.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg.style`.split(`.`))):l(``,!0),d(`div`,ft,[(_(),u(`svg`,{ref_key:`svgRef`,ref:R,xmlns:b(pe),class:m({"vue-data-ui-fullscreen--on":$.value,"vue-data-ui-fulscreen--off":!$.value,resizing:Zt.value||b(L),"vue-data-ui-no-transition":!b(F)}),viewBox:`0 0 ${W.value.width<=0?10:W.value.width} ${W.value.height<=0?10:W.value.height}`,style:g(`max-width:100%;overflow:hidden;background:transparent;color:${P.value.color}`),"aria-describedby":`chart-instructions-${w.value}`,tabindex:`0`,onFocus:sr,onBlur:cr,onKeydown:lr},[Xe(b(Ft)),y(e.$slots,`svg-underlayer`,{svg:{...W.value,isPrintingImg:b(hn)||b(gn)||b(nr),isPrintingSvg:b(rr)}},void 0,!0),e.$slots[`chart-background`]?(_(),u(`foreignObject`,{key:0,x:0,y:0,width:W.value.width<=0?10:W.value.width,height:W.value.height<=0?10:W.value.height,style:{pointerEvents:`none`}},[y(e.$slots,`chart-background`,{},void 0,!0)],8,mt)):l(``,!0),d(`defs`,null,[(_(!0),u(Ke,null,tt(J.value,(e,t)=>(_(),c(Re,{t:`radial`,cx:`50%`,cy:`30%`,r:`50%`,fx:`50%`,fy:`50%`,id:`gradient_${w.value}_${t}`,key:`gradient_${w.value}_${t}`,stops:[[`0%`,b(ee)(b(ie)(e.color,.05),100-j.value.gradient.intensity),1],[`100%`,e.color,1]]},null,8,[`id`,`stops`]))),128))]),e.$slots.pattern?(_(),u(`g`,ht,[(_(!0),u(Ke,null,tt(J.value,t=>(_(),u(`defs`,null,[y(e.$slots,`pattern`,Ze({ref_for:!0},{seriesIndex:t.absoluteIndex,patternId:`pattern_${w.value}_${t.absoluteIndex}`}),void 0,!0)]))),256))])):l(``,!0),(_(!0),u(Ke,null,tt(J.value,(t,n)=>(_(),u(`g`,{key:`r_${t.uid}`},[d(`circle`,{class:m({"vue-data-ui-transition":C.value&&b(F),"vue-rings-item-onload":!C.value&&k.value.useCssAnimation&&!b(L),"vue-ui-rings-opacity":E.value!==null&&E.value!==n}),style:g(`animation-delay:${n*100}ms`),stroke:j.value.stroke,cx:z.value.x,cy:zn(t,n),r:Rn(t),fill:j.value.gradient.underlayerColor},null,14,gt),d(`circle`,{class:m({"vue-data-ui-transition":C.value&&b(F),"vue-rings-item-onload":!C.value&&k.value.useCssAnimation&&!b(L),"vue-ui-rings-shadow":j.value.useShadow,"vue-ui-rings-blur":E.value!==null&&E.value!==n}),style:g(`animation-delay:${n*100}ms`),stroke:j.value.stroke,"stroke-width":t.strokeWidth<.5?.5:t.strokeWidth,cx:z.value.x,cy:zn(t,n),r:Rn(t),fill:j.value.gradient.show?`url(#gradient_${w.value}_${n})`:t.color},null,14,_t),e.$slots.pattern?(_(),u(`circle`,{key:0,class:m({"vue-data-ui-transition":C.value&&b(F),"vue-rings-item-onload":!C.value&&k.value.useCssAnimation&&!b(L),"vue-ui-rings-shadow":j.value.useShadow,"vue-ui-rings-blur":E.value!==null&&E.value!==n}),style:g(`animation-delay:${n*100}ms`),stroke:j.value.stroke,"stroke-width":t.strokeWidth<.5?.5:t.strokeWidth,cx:z.value.x,cy:zn(t,n),r:Rn(t),fill:`url(#pattern_${w.value}_${t.absoluteIndex})`},null,14,vt)):l(``,!0),d(`circle`,{stroke:`none`,cx:z.value.x,cy:zn(t,n),r:Rn(t),fill:`transparent`,onMouseenter:e=>Vn(t,n,`pointer`),onMouseleave:e=>Fn(t,n),onClick:e=>Pn(t,n)},null,40,yt),U.value.showLabels?(_(),u(Ke,{key:1},[d(`rect`,{x:M.value.dataLabels.markers.position===`left`?X(t,n).x:z.value.x,y:X(t,n).y-M.value.dataLabels.markers.strokeWidth/2,width:Math.abs(z.value.x-X(t,n).x),height:M.value.dataLabels.markers.strokeWidth,fill:M.value.dataLabels.markers.stroke,rx:M.value.dataLabels.markers.strokeWidth,class:m({"vue-data-ui-transition":C.value&&b(F),"vue-rings-item-onload":!C.value&&k.value.useCssAnimation&&!b(L),"vue-ui-rings-shadow":j.value.useShadow,"vue-ui-rings-blur":E.value!==null&&E.value!==n})},null,10,bt),d(`circle`,{cx:X(t,n).x,cy:X(t,n).y,r:M.value.dataLabels.markers.radius,fill:t.color,stroke:P.value.backgroundColor,class:m({"vue-data-ui-transition":C.value&&b(F),"vue-rings-item-onload":!C.value&&k.value.useCssAnimation&&!b(L),"vue-ui-rings-shadow":j.value.useShadow,"vue-ui-rings-blur":E.value!==null&&E.value!==n})},null,10,xt),d(`text`,{"text-anchor":M.value.dataLabels.markers.position===`left`?`end`:`start`,"font-size":M.value.dataLabels.fontSize,fill:M.value.dataLabels.color,"font-weight":M.value.dataLabels.bold?`bold`:`normal`,class:m({"vue-data-ui-transition":C.value&&b(F),"vue-rings-item-onload":!C.value&&k.value.useCssAnimation&&!b(L),"vue-ui-rings-shadow":j.value.useShadow,"vue-ui-rings-blur":E.value!==null&&E.value!==n}),transform:`translate(${X(t,n).x+(M.value.dataLabels.markers.position===`left`?-M.value.dataLabels.offsetX-14:M.value.dataLabels.offsetX)+6}, ${X(t,n).y+M.value.dataLabels.fontSize/3})`,onMouseenter:e=>Vn(t,n,`pointer`),onMouseleave:e=>Fn(t,n),onClick:e=>Pn(t,n),innerHTML:b(o)({content:Ln(t),fontSize:M.value.dataLabels.fontSize,fill:M.value.dataLabels.color,x:0,y:0,translateY:!0})},null,42,St)],64)):l(``,!0)]))),128)),y(e.$slots,`svg`,{svg:{...W.value,isPrintingImg:b(hn)||b(gn)||b(nr),isPrintingSvg:b(rr)}},void 0,!0)],46,pt)),e.$slots.hint?(_(),u(`div`,Ct,[y(e.$slots,`hint`,h(p({hint:k.value.a11y.translations.keyboardNavigation,isVisible:rn.value})),void 0,!0)])):l(``,!0)]),e.$slots.watermark?(_(),u(`div`,wt,[y(e.$slots,`watermark`,h(p({isPrinting:b(hn)||b(gn)||b(nr)||b(rr)})),void 0,!0)])):l(``,!0),d(`div`,{id:`legend-bottom-${w.value}`},null,8,Tt),Qt.value&&(P.value.legend.show||e.$slots.legend)?(_(),c(qe,{key:6,to:P.value.legend.position===`top`?`#legend-top-${w.value}`:`#legend-bottom-${w.value}`},[d(`div`,{ref_key:`chartLegend`,ref:Gt},[y(e.$slots,`legend`,{legend:jn.value},()=>[P.value.legend.show?(_(),c(We,{key:`legend_${Xt.value}`,legendSet:jn.value,config:Mn.value,isCursorPointer:I.value,onClickMarker:t[0]||=({legend:e})=>Tn(e.uid)},Je({item:x(({legend:e,index:t})=>[b(L)?l(``,!0):(_(),u(`div`,{key:0,onClick:t=>Tn(e.uid),style:g(`opacity:${G.value.includes(e.uid)?.5:1}`)},it(e.display),13,Et))]),legendToggle:x(()=>[jn.value.length>2&&P.value.legend.selectAllToggle.show&&!b(L)?(_(),c(ze,{key:0,backgroundColor:P.value.legend.selectAllToggle.backgroundColor,color:P.value.legend.selectAllToggle.color,fontSize:P.value.legend.fontSize,checked:G.value.length>0,isCursorPointer:I.value,onToggle:Cn},null,8,[`backgroundColor`,`color`,`fontSize`,`checked`,`isCursorPointer`])):l(``,!0)]),_:2},[e.$slots.pattern?{name:`legend-pattern`,fn:x(({legend:e,index:t})=>[Xe(Fe,{shape:e.shape,radius:30,stroke:`none`,plot:{x:30,y:30},fill:`url(#pattern_${w.value}_${t})`},null,8,[`shape`,`fill`])]),key:`0`}:void 0]),1032,[`legendSet`,`config`,`isCursorPointer`])):l(``,!0)],!0)],512)],8,[`to`])):l(``,!0),e.$slots.source?(_(),u(`div`,{key:7,ref_key:`source`,ref:Kt,dir:`auto`},[y(e.$slots,`source`,{},void 0,!0)],512)):l(``,!0),Xe(b(kt),{teleportTo:N.value.teleportTo,show:U.value.showTooltip&&T.value&&G.value.length<S.dataset.length,backgroundColor:N.value.backgroundColor,color:N.value.color,borderRadius:N.value.borderRadius,borderColor:N.value.borderColor,borderWidth:N.value.borderWidth,fontSize:N.value.fontSize,backgroundOpacity:N.value.backgroundOpacity,position:N.value.position,offsetX:N.value.offsetX,offsetY:N.value.offsetY,parent:D.value,content:Ht.value,isFullscreen:$.value,isCustom:N.value.customFormat&&typeof N.value.customFormat==`function`,smooth:N.value.smooth,backdropFilter:N.value.backdropFilter,smoothForce:N.value.smoothForce,smoothSnapThreshold:N.value.smoothSnapThreshold,isA11yMode:nn.value===`keyboard`,a11yPosition:tn.value},{"tooltip-before":x(()=>[y(e.$slots,`tooltip-before`,h(p({...Bn.value})),void 0,!0)]),tooltip:x(()=>[y(e.$slots,`tooltip`,h(p({...Bn.value})),void 0,!0)]),"tooltip-after":x(()=>[y(e.$slots,`tooltip-after`,h(p({...Bn.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`]),Vt.value&&A.value.buttons.table?(_(),c(nt(Xn.value.component),Ze({key:8},Xn.value.props,{ref_key:`tableUnit`,ref:$t,onClose:Zn}),Je({content:x(()=>[(_(),c(b(Mt),{key:`table_${Yt.value}`,colNames:Q.value.colNames,head:Q.value.head,body:Q.value.body,config:Q.value.config,title:k.value.table.useDialog?``:Xn.value.title,withCloseButton:!k.value.table.useDialog,isCursorPointer:I.value,onClose:Zn},{th:x(({th:e})=>[e===`__SUM__`?(_(),u(`div`,Dt,[Xe(b(At),{name:`sigma`,stroke:Q.value.config.th.color,size:16},null,8,[`stroke`])])):(_(),u(`div`,Ot,it(e),1))]),td:x(({td:e})=>[Ye(it(e.name||e),1)]),_:1},8,[`colNames`,`head`,`body`,`config`,`title`,`withCloseButton`,`isCursorPointer`]))]),_:2},[k.value.table.useDialog?{name:`title`,fn:x(()=>[Ye(it(Xn.value.title),1)]),key:`0`}:void 0,k.value.table.useDialog?{name:`actions`,fn:x(()=>[d(`button`,{tabindex:`0`,class:`vue-ui-user-options-button`,onClick:t[1]||=e=>Hn(A.value.callbacks.csv),style:g({cursor:I.value?`pointer`:`default`})},[Xe(b(At),{name:`fileCsv`,stroke:Xn.value.props.color},null,8,[`stroke`])],4)]),key:`1`}:void 0]),1040)):l(``,!0),y(e.$slots,`skeleton`,{},()=>[b(L)?(_(),c(ve,{key:0})):l(``,!0)],!0)],46,lt))}},[[`__scopeId`,`data-v-c6f4397f`]]);export{ct as n,kt as t};
+import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useConfig-6jO1fkp5.js";import{$ as n,D as r,Dt as i,Ht as a,J as o,Jt as ee,Kt as te,S as ne,X as re,Yt as ie,Zt as ae,at as oe,b as se,i as ce,in as le,nn as ue,nt as de,pt as fe,t as pe,w as me,yt as he,zt as ge}from"./lib-rPeBMZrn.js";import{n as _e,t as ve}from"./BaseScanner-8NdoBs7B.js";import{n as ye,t as be}from"./useHints-C-TwxM0Y.js";import{t as xe}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as Se}from"./useNestedProp-DnGoh-XS.js";import{t as Ce}from"./useThemeCheck-BKNRbGeC.js";import{t as we}from"./chartImage-DPGnEuYM.js";import{n as Te}from"./Title-BliHuXfT.js";import{t as Ee}from"./useChartExport-BZts4KFb.js";import{n as De,t as Oe}from"./tableIntegration-CNoJ1CIY.js";import{n as ke,t as Ae}from"./annotationSlots-BRR85CqJ.js";import{n as je,t as Me}from"./userOptionsSlots-DYuo-E5m.js";import{t as Ne}from"./usePrinter-DVf3YcG5.js";import{t as Pe}from"./useTransitions-ChGGrtrv.js";import{t as Fe}from"./Shape-CRe8woTu.js";import{c as Ie}from"./canvas-lib-22VpOI4_.js";import{t as Le}from"./useResponsive-CENUxfEL.js";import{t as Re}from"./DefGrad-DKMq1REY.js";import{t as ze}from"./BaseLegendToggle-Q3TiW9u1.js";import{t as Be}from"./A11yDataTable-DWNlWXzs.js";import{t as Ve}from"./useUserOptionState-CXlFnwPv.js";import{t as He}from"./useChartAccessibility-DOMuYJfm.js";import{t as Ue}from"./labelUtils-CdtU-yB_.js";import{t as We}from"./Legend-DM0ClX3D.js";import{t as Ge}from"./vue_ui_rings-BcDDXHpQ.js";import{Fragment as Ke,Teleport as qe,computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,createElementVNode as d,createSlots as Je,createTextVNode as Ye,createVNode as Xe,defineAsyncComponent as f,guardReactiveProps as p,mergeProps as Ze,nextTick as Qe,normalizeClass as m,normalizeProps as h,normalizeStyle as g,onBeforeUnmount as $e,onMounted as et,openBlock as _,ref as v,renderList as tt,renderSlot as y,resolveDynamicComponent as nt,shallowRef as rt,toDisplayString as it,toRefs as at,unref as b,useSlots as ot,watch as st,withCtx as x}from"vue";var ct=/* @__PURE__ */ e({default:()=>kt}),lt=[`id`],ut=[`id`],dt=[`id`],ft={style:{position:`relative`}},pt=[`xmlns`,`viewBox`,`aria-describedby`],mt=[`width`,`height`],ht={key:1},gt=[`stroke`,`cx`,`cy`,`r`,`fill`],_t=[`stroke`,`stroke-width`,`cx`,`cy`,`r`,`fill`],vt=[`stroke`,`stroke-width`,`cx`,`cy`,`r`,`fill`],yt=[`cx`,`cy`,`r`,`onMouseenter`,`onMouseleave`,`onClick`],bt=[`x`,`y`,`width`,`height`,`fill`,`rx`],xt=[`cx`,`cy`,`r`,`fill`,`stroke`],St=[`text-anchor`,`font-size`,`fill`,`font-weight`,`transform`,`onMouseenter`,`onMouseleave`,`onClick`,`innerHTML`],Ct={key:0,style:{position:`absolute`,top:`100%`,left:`0`,width:`100%`},"data-dom-to-png-ignore":``,"aria-hidden":`true`},wt={key:5,class:`vue-data-ui-watermark`},Tt=[`id`],Et=[`onClick`],Dt={key:0},Ot={key:1},kt=/*#__PURE__*/ xe({__name:`vue-ui-rings`,props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:[`selectLegend`,`copyAlt`],setup(e,{expose:xe,emit:ct}){let kt=f(()=>import(`./Tooltip-C1q0Qoh7.js`)),At=f(()=>import(`./BaseIcon-Cm-IJ179.js`).then(e=>e.n)),jt=f(()=>import(`./vue-ui-accordion-S3nRtTU-.js`).then(e=>e.n)),Mt=f(()=>import(`./DataTable-0Vv-aGHD.js`)),Nt=f(()=>import(`./PenAndPaper-BGEp-TUm.js`).then(e=>e.t)),Pt=f(()=>import(`./UserOptions-uWHV_zPB.js`).then(e=>e.n)),Ft=f(()=>import(`./PackageVersion-CXT-eAuk.js`).then(e=>e.t)),It=f(()=>import(`./BaseDraggableDialog-DHgIPVmz.js`).then(e=>e.n)),{vue_ui_rings:Lt}=t(),{isThemeValid:Rt,warnInvalidTheme:zt}=Ce(),Bt=ot(),S=e,C=v(!1),Vt=s(()=>!!S.dataset&&S.dataset.length),w=v(re()),T=v(!1),Ht=v(``),E=v(null),Ut=v(0),D=v(null),Wt=v(null),Gt=v(null),Kt=v(null),qt=v(null),Jt=v(0),Yt=v(0),Xt=v(0),Zt=v(!1),Qt=v(!1),$t=v(null),en=v(null),O=v(null),tn=v({x:0,y:0}),nn=v(`pointer`),rn=v(!1),k=v(dn()),A=s(()=>k.value.userOptions),j=s(()=>k.value.style.chart.layout.rings),M=s(()=>k.value.style.chart.layout.labels),N=s(()=>k.value.style.chart.tooltip),P=s(()=>k.value.style.chart);ye({config:()=>k.value,dataset:()=>S.dataset,component:`VueUiRings`,rules:[be.singleSeries,be.emptyArray,{test:e=>e.length>6,message:[`👀 The number of series is > 6. 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:F}=Pe({config:()=>k.value.transitions,dataset:()=>S.dataset}),I=s(()=>k.value.userOptions.useCursorPointer),an=s(()=>le({defaultConfig:{userOptions:{show:!1},table:{show:!1},style:{chart:{backgroundColor:`#99999930`,layout:{rings:{stroke:`#6A6A6A`,gradient:{underlayerColor:`#FFFFFF`}},labels:{dataLabels:{show:!1}}},legend:{backgroundColor:`transparent`}}}},userConfig:k.value.skeletonConfig??{}})),{loading:L,FINAL_DATASET:on,manualLoading:sn}=_e({...at(S),FINAL_CONFIG:k,prepareConfig:dn,skeletonDataset:S.config?.skeletonDataset??[{name:`_`,values:[13],color:`#808080`},{name:`_`,values:[8],color:`#969696`},{name:`_`,values:[5],color:`#ADADAD`},{name:`_`,values:[3],color:`#C4C4C4`},{name:`_`,values:[2],color:`#DBDBDB`}],skeletonConfig:le({defaultConfig:k.value,userConfig:an.value})}),{userOptionsVisible:cn,setUserOptionsVisibility:ln,keepUserOptionState:un}=Ve({config:k.value}),{svgRef:R}=He({config:P.value.title});function dn(){let e=Se({userConfig:S.config,defaultConfig:Lt}),t=e.theme;if(!t)return e;if(!Rt.value(e))return zt(e),e;let n=Se({userConfig:Ge[t]||S.config,defaultConfig:e});return{...Se({userConfig:S.config,defaultConfig:n}),customPalette:e.customPalette.length?e.customPalette:ue[e.theme]||a}}let fn=ae(S.config);st(()=>S.config,(e,t)=>{let n=ae(e),r=n!==fn;fn=n;let i=dn();r?(L.value||(k.value=i),cn.value=!k.value.userOptions.showOnChartHover,mn(),Jt.value+=1,Yt.value+=1,Xt.value+=1,U.value.showTable=k.value.table.show,U.value.showTooltip=N.value.show,U.value.showLabels=M.value.dataLabels.show,W.value.width=P.value.size,W.value.height=P.value.size):(k.value.style.chart.tooltip=i.style.chart.tooltip,U.value.showTooltip=k.value.style.chart.tooltip.show)},{deep:!0});let pn=s(()=>{let{markers:e}=M.value.dataLabels,t=Y.value/2,n=U.value.showLabels?e.position===`left`?t:-t:0,r=U.value.showLabels?W.value.width/2-t:0,i=e.position===`left`?r:-r;return{x:k.value.responsive?i:n/P.value.size*W.value.width,y:0/P.value.size*W.value.height}}),z=s(()=>({x:W.value.width/2+pn.value.x,y:W.value.height/2+pn.value.y}));st(()=>S.dataset,e=>{Array.isArray(e)&&e.length>0&&(sn.value=!1)},{deep:!0});let B=rt(null),V=rt(null);et(()=>{Qt.value=!0,mn()});let H=s(()=>k.value.debug);function mn(){if(ge(S.dataset)?(oe({componentName:`VueUiRings`,type:`dataset`,debug:H.value}),sn.value=!0):S.dataset.forEach((e,t)=>{e.values.length||(oe({componentName:`VueUiRings`,type:`dataset`,debug:H.value}),sn.value=!0),he({datasetObject:e,requiredAttributes:[`name`,`values`]}).forEach(e=>{oe({componentName:`VueUiRings`,type:`datasetSerieAttribute`,property:e,index:t,debug:H.value})})}),ge(S.dataset)||(sn.value=k.value.loading),k.value.responsive){let e=Ie(()=>{Zt.value=!0;let{width:e,height:t}=Le({chart:D.value,title:P.value.title.text?Wt.value:null,legend:P.value.legend.show?Gt.value:null,source:Kt.value,noTitle:qt.value});requestAnimationFrame(()=>{W.value.width=e,W.value.height=t-12,Zt.value=!1})});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)}setTimeout(()=>{C.value=!0},600)}$e(()=>{B.value&&(V.value&&B.value.unobserve(V.value),B.value.disconnect())});let{isPrinting:hn,isImaging:gn,generatePdf:_n,generateImage:vn}=Ne({elementId:`rings_${w.value}`,fileName:P.value.title.text||`vue-ui-rings`,options:k.value.userOptions.print}),yn=s(()=>k.value.userOptions.show&&!P.value.title.text),bn=s(()=>me(k.value.customPalette)),U=v({showTable:k.value.table.show,showTooltip:N.value.show,showLabels:M.value.dataLabels.show});st(k,()=>{U.value={showTable:k.value.table.show,showTooltip:N.value.show,showLabels:M.value.dataLabels.show}},{immediate:!0});let W=v({height:P.value.size,width:P.value.size}),xn=s(()=>Math.min(W.value.height,W.value.width)),Sn=ct,G=v([]);function Cn(){G.value.length?G.value=[]:jn.value.forEach(e=>{G.value.push(e.uid)}),wn()}function wn(){Sn(`selectLegend`,J.value.map(e=>({name:e.name,color:e.color,value:e.value})))}function Tn(e){if(G.value.includes(e))G.value=G.value.filter(t=>t!==e);else{if(G.value.length===K.value.length-1)return;G.value.push(e)}wn()}function En(e){return K.value.length?K.value.find(t=>t.name===e)||(H.value&&console.warn(`VueUiRings - Series name not found "${e}"`),null):(H.value&&console.warn(`VueUiRings - There are no series to show.`),null)}function Dn(e){let t=En(e);t!==null&&G.value.includes(t.uid)&&Tn(t.uid)}function On(e){let t=En(e);t!==null&&(G.value.includes(t.uid)||Tn(t.uid))}let kn=s(()=>Math.max(...K.value.filter(e=>!G.value.includes(e.uid)).map(({value:e})=>e)));function An(e){return e/kn.value}let K=s(()=>on.value.map(({values:e,name:t,color:n=null},r)=>{let i=te(e).reduce((e,t)=>e+t,0);return{name:t,color:n||ne(n)||bn.value[r]||a[r]||a[r%a.length],value:i,proportion:i/on.value.map(e=>(e.values||[]).reduce((e,t)=>e+t,0)).reduce((e,t)=>e+t,0),uid:re(),absoluteIndex:r}})),jn=s(()=>K.value.map((e,t)=>{let r=ce(M.value.dataLabels.formatter,e.value,n({p:M.value.dataLabels.prefix,v:e.value,s:M.value.dataLabels.suffix,r:P.value.legend.roundingValue}),{datapoint:e,index:t}),i=isNaN(e.value/q.value)?`-`:n({v:e.value/q.value*100,s:`%`,r:P.value.legend.roundingPercentage}),a=In({showVal:P.value.legend.showValue,showPercentage:P.value.legend.showPercentage,val:r,percentage:G.value.includes(e.uid)?`-%`:i});return{...e,shape:`circle`,opacity:G.value.includes(e.uid)?.5:1,segregate:()=>Tn(e.uid),isSegregated:G.value.includes(e.uid),display:`${e.name}${P.value.legend.showPercentage||P.value.legend.showValue?`: `:``}${a}`}}).toSorted((e,t)=>t.value-e.value)),Mn=s(()=>({cy:`rings-div-legend`,backgroundColor:P.value.legend.backgroundColor,color:P.value.legend.color,fontSize:P.value.legend.fontSize,paddingBottom:12,fontWeight:P.value.legend.bold?`bold`:``})),q=s(()=>K.value.filter(e=>!G.value.includes(e.uid)).map(({value:e})=>e).reduce((e,t)=>e+t,0)),J=s(()=>K.value.filter(e=>!G.value.includes(e.uid)).map(({name:e,value:t,color:n=null,uid:r,absoluteIndex:i},o)=>({absoluteIndex:i,uid:r,name:e,color:n||ne(n)||bn.value[o]||a[o]||a[o%a.length],value:t,proportion:An(t),percentage:t/q.value*100,strokeWidth:j.value.strokeWidth*An(t)})).toSorted((e,t)=>t.value-e.value));function Nn(){return J.value.map(({name:e,color:t,value:n,absoluteValues:r,percentage:i})=>({name:e,color:t,value:n,absoluteValues:r,percentage:i}))}let Y=s(()=>xn.value-j.value.strokeWidth*2);function Pn(e,t){k.value.events.datapointClick&&k.value.events.datapointClick({datapoint:e,seriesIndex:t})}function Fn(e,t){E.value=null,T.value=!1,O.value=null,nn.value=`pointer`,k.value.events.datapointLeave&&k.value.events.datapointLeave({datapoint:e,seriesIndex:t})}function In({val:e,percentage:t,showVal:n,showPercentage:r}){let i=M.value.dataLabels;return Ue({config:i,val:e,percentage:t,showVal:n,showPercentage:r})}function Ln(e){let t=M.value.dataLabels,r=ce(t.formatter,e.value,n({p:t.prefix,v:e.value,s:t.suffix,r:t.roundingValue})),i=n({v:e.percentage,s:`%`,r:t.roundingPercentage});return`${e.name}\n${In({val:r,percentage:i,showVal:t.showValue,showPercentage:t.showPercentage})}`}function Rn(e){return se(Y.value*e.proportion/2*.9<=0?1e-4:Y.value*e.proportion/2*.9)}function zn(e,t){return t===0?z.value.y:z.value.y+Y.value*J.value[0].proportion/2-Y.value*e.proportion/2-2*(t+1)}function X(e,t){let n=M.value.dataLabels.markers.position===`left`?-(Y.value/2):Y.value/2;return{x:z.value.x+n,y:zn(e,t)-Rn(e)}}let Bn=v(null);function Vn(e,t,r=`pointer`){if(k.value.events.datapointEnter&&k.value.events.datapointEnter({datapoint:e,seriesIndex:t}),G.value.length===S.dataset.length)return;Bn.value={datapoint:e,seriesIndex:t,series:J.value,config:k.value},E.value=t,O.value=t,nn.value=r;let a=J.value[t],o=N.value.customFormat;if(i(o)&&fe(()=>o({seriesIndex:t,datapoint:e,series:J.value,config:k.value})))Ht.value=o({seriesIndex:t,datapoint:e,series:J.value,config:k.value});else{let r=``;r+=`<div style="width:100%;text-align:center;border-bottom:1px solid ${N.value.borderColor};padding-bottom:6px;margin-bottom:3px;">${a.name}</div>`,r+=`<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="${a.color}" />${Bt.pattern?`<circle cx="30" cy="30" r="30" stroke="none" fill="url(#pattern_${w.value}_${e.absoluteIndex})" />`:``}</svg>`,r+=`<b>${In({showVal:N.value.showValue,showPercentage:N.value.showPercentage,val:`<span>${ce(M.value.dataLabels.formatter,a.value,n({p:M.value.dataLabels.prefix,v:a.value,s:M.value.dataLabels.suffix,r:N.value.roundingValue}),{datapoint:e,seriesIndex:t})}</span>`,percentage:n({v:a.value/q.value*100,s:`%`,r:N.value.roundingPercentage})})}</b></div>`,Ht.value=r}T.value=!0}let Z=s(()=>({head:J.value.map(e=>({name:e.name,color:e.color})),body:J.value.map(e=>e.value)})),Q=s(()=>{let e=[`__SUM__`,n({p:M.value.dataLabels.prefix,v:q.value,s:M.value.dataLabels.suffix,r:k.value.table.td.roundingValue}),`100%`],t=Z.value.head.map((e,t)=>[{color:e.color,name:e.name},n({p:M.value.dataLabels.prefix,v:Z.value.body[t],s:M.value.dataLabels.suffix,r:k.value.table.td.roundingValue}),isNaN(Z.value.body[t]/q.value)?`-`:(Z.value.body[t]/q.value*100).toFixed(k.value.table.td.roundingPercentage)+`%`]);return{head:e,body:t,a11yBody:t.map(e=>e.map((e,t)=>t===0?e.name:e)),config:{th:{backgroundColor:k.value.table.th.backgroundColor,color:k.value.table.th.color,outline:k.value.table.th.outline},td:{backgroundColor:k.value.table.td.backgroundColor,color:k.value.table.td.color,outline:k.value.table.td.outline},breakpoint:k.value.table.responsiveBreakpoint},colNames:[k.value.table.columnNames.series,k.value.table.columnNames.value,k.value.table.columnNames.percentage]}});function Hn(e=null){Qe(()=>{let t=Z.value.head.map((e,t)=>[[e.name],[Z.value.body[t]],[isNaN(Z.value.body[t]/q.value)?`-`:Z.value.body[t]/q.value*100]]),n=[[P.value.title.text],[P.value.title.subtitle.text],[[``],[`val`],[`%`]]].concat(t),i=r(n);e?e(i):de({csvContent:i,title:P.value.title.text||`vue-ui-rings`})})}let $=v(!1);function Un(e){$.value=e,Ut.value+=1}function Wn(){U.value.showTable=!U.value.showTable}function Gn(){U.value.showTooltip=!U.value.showTooltip}function Kn(){U.value.showLabels=!U.value.showLabels}let qn=v(!1);function Jn(){qn.value=!qn.value}let Yn=we(D,()=>P.value.title.text),Xn=s(()=>Oe({config:k,style:P,mutableConfig:U,dialog:It,accordion:jt,isFullscreen:$,parent:D,maxWidth:800,isCursorPointer:I}));st(()=>U.value.showTable,e=>De(e,k,$t));function Zn(){U.value.showTable=!1,en.value&&en.value.setTableIconState(!1)}let Qn=s(()=>jn.value.map(e=>({...e,name:e.display}))),$n=s(()=>P.value.backgroundColor),er=s(()=>P.value.legend),tr=s(()=>P.value.title),{isCallbackImaging:nr,isCallbackSvg:rr,generateSvg:ir,onGenerateImage:ar}=Ee({svg:R,title:tr,legend:er,legendItems:Qn,backgroundColor:$n,getSvgCallback:()=>k.value.userOptions.callbacks.svg,generateImage:vn});async function or(){Sn(`copyAlt`,{config:k.value,dataset:J.value}),k.value.userOptions.callbacks.altCopy?await Promise.resolve(k.value.userOptions.callbacks.altCopy({config:k.value,dataset:J.value})):console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.")}function sr(){O.value=null,rn.value=!0}function cr(){O.value=null,nn.value=`pointer`,T.value=!1,E.value=null,rn.value=!1}function lr(e){if(!R.value||qn.value||document.activeElement!==R.value||!J.value.length||G.value.length===S.dataset.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){O.value=null,nn.value=`pointer`,T.value=!1,E.value=null;return}if(r){if(O.value===null)return;let e=J.value[O.value];if(!e)return;Pn(e,O.value);return}let a=O.value;a===null||a<0||a>=J.value.length?a=n?0:J.value.length-1:n?(a+=1,a>=J.value.length&&(a=0)):t&&(--a,a<0&&(a=J.value.length-1));let o=J.value[a];o&&(ur(a),Vn(o,a,`keyboard`))}function ur(e){if(!Number.isFinite(e)||!R.value)return;let t=J.value[e];if(!t)return;let n=X(t,e),r=R.value.getBoundingClientRect();tn.value={x:r.left+n.x/W.value.width*r.width,y:r.top+n.y/W.value.height*r.height}}let dr=s(()=>({headers:Q.value?.colNames??[],rows:Q.value?.a11yBody??[]}));return xe({getData:Nn,getImage:Yn,generatePdf:_n,generateCsv:Hn,generateImage:vn,generateSvg:ir,hideSeries:On,showSeries:Dn,toggleTable:Wn,toggleTooltip:Gn,toggleAnnotator:Jn,toggleFullscreen:Un,toggleLabels:Kn,copyAlt:or}),(e,t)=>(_(),u(`div`,{ref_key:`ringsChart`,ref:D,class:m(`vue-data-ui-component vue-ui-rings ${$.value?`vue-data-ui-wrapper-fullscreen`:``} ${k.value.useCssAnimation?``:`vue-ui-dna`}`),style:g(`font-family:${k.value.style.fontFamily};text-align:center;width:100%;background:${P.value.backgroundColor};${k.value.responsive?`height: 100%`:``}`),id:`rings_${w.value}`,onMouseleave:t[2]||=e=>{E.value=null,T.value=!1,b(ln)(!1)},onMouseenter:t[3]||=()=>b(ln)(!0)},[d(`div`,{id:`chart-instructions-${w.value}`,class:`sr-only`},[d(`p`,null,it(k.value.a11y.translations.keyboardNavigation),1)],8,ut),dr.value?.rows?.length?(_(),c(Be,{key:0,uid:w.value,head:dr.value.headers,body:dr.value.rows,notice:k.value.a11y.translations.tableAvailable,caption:k.value.a11y.translations.tableCaption},null,8,[`uid`,`head`,`body`,`notice`,`caption`])):l(``,!0),A.value.buttons.annotator?(_(),c(b(Nt),{key:1,svgRef:b(R),backgroundColor:P.value.backgroundColor,color:P.value.color,active:qn.value,isCursorPointer:I.value,palette:A.value.annotatorPalette,onClose:Jn},Je({_:2},[tt(b(Ae),t=>({name:t,fn:x(n=>[y(e.$slots,t,h(p(b(ke)(t,n))),void 0,!0)])}))]),1032,[`svgRef`,`backgroundColor`,`color`,`active`,`isCursorPointer`,`palette`])):l(``,!0),yn.value?(_(),u(`div`,{key:2,ref_key:`noTitle`,ref:qt,class:`vue-data-ui-no-title-space`,style:`height:36px; width: 100%;background:transparent`},null,512)):l(``,!0),P.value.title.text?(_(),u(`div`,{key:3,ref_key:`chartTitle`,ref:Wt,style:`width:100%;background:transparent`},[(_(),c(Te,{key:`title_${Jt.value}`,config:{title:{cy:`rings-div-title`,...P.value.title},subtitle:{cy:`rings-div-subtitle`,...P.value.title.subtitle}}},null,8,[`config`]))],512)):l(``,!0),d(`div`,{id:`legend-top-${w.value}`},null,8,dt),A.value.show&&Vt.value&&(b(un)||b(cn))?(_(),c(b(Pt),{ref_key:`userOptionsRef`,ref:en,key:`user_options_${Ut.value}`,backgroundColor:P.value.backgroundColor,color:P.value.color,isPrinting:b(hn),isImaging:b(gn),uid:w.value,hasTooltip:A.value.buttons.tooltip&&N.value.show,hasPdf:A.value.buttons.pdf,hasXls:A.value.buttons.csv,hasImg:A.value.buttons.img,hasSvg:A.value.buttons.svg,hasTable:A.value.buttons.table,hasFullscreen:A.value.buttons.fullscreen,hasAltCopy:A.value.buttons.altCopy,hasLabel:A.value.buttons.labels,isTooltip:U.value.showTooltip,isFullscreen:$.value,titles:{...A.value.buttonTitles},chartElement:D.value,position:A.value.position,hasAnnotator:A.value.buttons.annotator,isAnnotation:qn.value,callbacks:A.value.callbacks,printScale:A.value.print.scale,tableDialog:k.value.table.useDialog,isCursorPointer:I.value,onToggleFullscreen:Un,onGeneratePdf:b(_n),onGenerateCsv:Hn,onGenerateImage:b(ar),onGenerateSvg:b(ir),onToggleTable:Wn,onToggleTooltip:Gn,onToggleAnnotator:Jn,onToggleLabels:Kn,onCopyAlt:or,style:g({visibility:b(un)?b(cn)?`visible`:`hidden`:`visible`})},Je({_:2},[tt(b(je)(e.$slots,`menuIcon optionTooltip optionPdf optionCsv optionImg optionSvg optionTable optionLabels optionFullscreen optionAnnotator optionAltCopy custom-menu-before custom-menu-after`),t=>({name:t,fn:x(n=>[y(e.$slots,t,h(p(b(Me)(t,n))),void 0,!0)])}))]),1032,/* @__PURE__ */ `backgroundColor.color.isPrinting.isImaging.uid.hasTooltip.hasPdf.hasXls.hasImg.hasSvg.hasTable.hasFullscreen.hasAltCopy.hasLabel.isTooltip.isFullscreen.titles.chartElement.position.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg.style`.split(`.`))):l(``,!0),d(`div`,ft,[(_(),u(`svg`,{ref_key:`svgRef`,ref:R,xmlns:b(pe),class:m({"vue-data-ui-fullscreen--on":$.value,"vue-data-ui-fulscreen--off":!$.value,resizing:Zt.value||b(L),"vue-data-ui-no-transition":!b(F)}),viewBox:`0 0 ${W.value.width<=0?10:W.value.width} ${W.value.height<=0?10:W.value.height}`,style:g(`max-width:100%;overflow:hidden;background:transparent;color:${P.value.color}`),"aria-describedby":`chart-instructions-${w.value}`,tabindex:`0`,onFocus:sr,onBlur:cr,onKeydown:lr},[Xe(b(Ft)),y(e.$slots,`svg-underlayer`,{svg:{...W.value,isPrintingImg:b(hn)||b(gn)||b(nr),isPrintingSvg:b(rr)}},void 0,!0),e.$slots[`chart-background`]?(_(),u(`foreignObject`,{key:0,x:0,y:0,width:W.value.width<=0?10:W.value.width,height:W.value.height<=0?10:W.value.height,style:{pointerEvents:`none`}},[y(e.$slots,`chart-background`,{},void 0,!0)],8,mt)):l(``,!0),d(`defs`,null,[(_(!0),u(Ke,null,tt(J.value,(e,t)=>(_(),c(Re,{t:`radial`,cx:`50%`,cy:`30%`,r:`50%`,fx:`50%`,fy:`50%`,id:`gradient_${w.value}_${t}`,key:`gradient_${w.value}_${t}`,stops:[[`0%`,b(ee)(b(ie)(e.color,.05),100-j.value.gradient.intensity),1],[`100%`,e.color,1]]},null,8,[`id`,`stops`]))),128))]),e.$slots.pattern?(_(),u(`g`,ht,[(_(!0),u(Ke,null,tt(J.value,t=>(_(),u(`defs`,null,[y(e.$slots,`pattern`,Ze({ref_for:!0},{seriesIndex:t.absoluteIndex,patternId:`pattern_${w.value}_${t.absoluteIndex}`}),void 0,!0)]))),256))])):l(``,!0),(_(!0),u(Ke,null,tt(J.value,(t,n)=>(_(),u(`g`,{key:`r_${t.uid}`},[d(`circle`,{class:m({"vue-data-ui-transition":C.value&&b(F),"vue-rings-item-onload":!C.value&&k.value.useCssAnimation&&!b(L),"vue-ui-rings-opacity":E.value!==null&&E.value!==n}),style:g(`animation-delay:${n*100}ms`),stroke:j.value.stroke,cx:z.value.x,cy:zn(t,n),r:Rn(t),fill:j.value.gradient.underlayerColor},null,14,gt),d(`circle`,{class:m({"vue-data-ui-transition":C.value&&b(F),"vue-rings-item-onload":!C.value&&k.value.useCssAnimation&&!b(L),"vue-ui-rings-shadow":j.value.useShadow,"vue-ui-rings-blur":E.value!==null&&E.value!==n}),style:g(`animation-delay:${n*100}ms`),stroke:j.value.stroke,"stroke-width":t.strokeWidth<.5?.5:t.strokeWidth,cx:z.value.x,cy:zn(t,n),r:Rn(t),fill:j.value.gradient.show?`url(#gradient_${w.value}_${n})`:t.color},null,14,_t),e.$slots.pattern?(_(),u(`circle`,{key:0,class:m({"vue-data-ui-transition":C.value&&b(F),"vue-rings-item-onload":!C.value&&k.value.useCssAnimation&&!b(L),"vue-ui-rings-shadow":j.value.useShadow,"vue-ui-rings-blur":E.value!==null&&E.value!==n}),style:g(`animation-delay:${n*100}ms`),stroke:j.value.stroke,"stroke-width":t.strokeWidth<.5?.5:t.strokeWidth,cx:z.value.x,cy:zn(t,n),r:Rn(t),fill:`url(#pattern_${w.value}_${t.absoluteIndex})`},null,14,vt)):l(``,!0),d(`circle`,{stroke:`none`,cx:z.value.x,cy:zn(t,n),r:Rn(t),fill:`transparent`,onMouseenter:e=>Vn(t,n,`pointer`),onMouseleave:e=>Fn(t,n),onClick:e=>Pn(t,n)},null,40,yt),U.value.showLabels?(_(),u(Ke,{key:1},[d(`rect`,{x:M.value.dataLabels.markers.position===`left`?X(t,n).x:z.value.x,y:X(t,n).y-M.value.dataLabels.markers.strokeWidth/2,width:Math.abs(z.value.x-X(t,n).x),height:M.value.dataLabels.markers.strokeWidth,fill:M.value.dataLabels.markers.stroke,rx:M.value.dataLabels.markers.strokeWidth,class:m({"vue-data-ui-transition":C.value&&b(F),"vue-rings-item-onload":!C.value&&k.value.useCssAnimation&&!b(L),"vue-ui-rings-shadow":j.value.useShadow,"vue-ui-rings-blur":E.value!==null&&E.value!==n})},null,10,bt),d(`circle`,{cx:X(t,n).x,cy:X(t,n).y,r:M.value.dataLabels.markers.radius,fill:t.color,stroke:P.value.backgroundColor,class:m({"vue-data-ui-transition":C.value&&b(F),"vue-rings-item-onload":!C.value&&k.value.useCssAnimation&&!b(L),"vue-ui-rings-shadow":j.value.useShadow,"vue-ui-rings-blur":E.value!==null&&E.value!==n})},null,10,xt),d(`text`,{"text-anchor":M.value.dataLabels.markers.position===`left`?`end`:`start`,"font-size":M.value.dataLabels.fontSize,fill:M.value.dataLabels.color,"font-weight":M.value.dataLabels.bold?`bold`:`normal`,class:m({"vue-data-ui-transition":C.value&&b(F),"vue-rings-item-onload":!C.value&&k.value.useCssAnimation&&!b(L),"vue-ui-rings-shadow":j.value.useShadow,"vue-ui-rings-blur":E.value!==null&&E.value!==n}),transform:`translate(${X(t,n).x+(M.value.dataLabels.markers.position===`left`?-M.value.dataLabels.offsetX-14:M.value.dataLabels.offsetX)+6}, ${X(t,n).y+M.value.dataLabels.fontSize/3})`,onMouseenter:e=>Vn(t,n,`pointer`),onMouseleave:e=>Fn(t,n),onClick:e=>Pn(t,n),innerHTML:b(o)({content:Ln(t),fontSize:M.value.dataLabels.fontSize,fill:M.value.dataLabels.color,x:0,y:0,translateY:!0})},null,42,St)],64)):l(``,!0)]))),128)),y(e.$slots,`svg`,{svg:{...W.value,isPrintingImg:b(hn)||b(gn)||b(nr),isPrintingSvg:b(rr)}},void 0,!0)],46,pt)),e.$slots.hint?(_(),u(`div`,Ct,[y(e.$slots,`hint`,h(p({hint:k.value.a11y.translations.keyboardNavigation,isVisible:rn.value})),void 0,!0)])):l(``,!0)]),e.$slots.watermark?(_(),u(`div`,wt,[y(e.$slots,`watermark`,h(p({isPrinting:b(hn)||b(gn)||b(nr)||b(rr)})),void 0,!0)])):l(``,!0),d(`div`,{id:`legend-bottom-${w.value}`},null,8,Tt),Qt.value&&(P.value.legend.show||e.$slots.legend)?(_(),c(qe,{key:6,to:P.value.legend.position===`top`?`#legend-top-${w.value}`:`#legend-bottom-${w.value}`},[d(`div`,{ref_key:`chartLegend`,ref:Gt},[y(e.$slots,`legend`,{legend:jn.value},()=>[P.value.legend.show?(_(),c(We,{key:`legend_${Xt.value}`,legendSet:jn.value,config:Mn.value,isCursorPointer:I.value,onClickMarker:t[0]||=({legend:e})=>Tn(e.uid)},Je({item:x(({legend:e,index:t})=>[b(L)?l(``,!0):(_(),u(`div`,{key:0,onClick:t=>Tn(e.uid),style:g(`opacity:${G.value.includes(e.uid)?.5:1}`)},it(e.display),13,Et))]),legendToggle:x(()=>[jn.value.length>2&&P.value.legend.selectAllToggle.show&&!b(L)?(_(),c(ze,{key:0,backgroundColor:P.value.legend.selectAllToggle.backgroundColor,color:P.value.legend.selectAllToggle.color,fontSize:P.value.legend.fontSize,checked:G.value.length>0,isCursorPointer:I.value,onToggle:Cn},null,8,[`backgroundColor`,`color`,`fontSize`,`checked`,`isCursorPointer`])):l(``,!0)]),_:2},[e.$slots.pattern?{name:`legend-pattern`,fn:x(({legend:e,index:t})=>[Xe(Fe,{shape:e.shape,radius:30,stroke:`none`,plot:{x:30,y:30},fill:`url(#pattern_${w.value}_${t})`},null,8,[`shape`,`fill`])]),key:`0`}:void 0]),1032,[`legendSet`,`config`,`isCursorPointer`])):l(``,!0)],!0)],512)],8,[`to`])):l(``,!0),e.$slots.source?(_(),u(`div`,{key:7,ref_key:`source`,ref:Kt,dir:`auto`},[y(e.$slots,`source`,{},void 0,!0)],512)):l(``,!0),Xe(b(kt),{teleportTo:N.value.teleportTo,show:U.value.showTooltip&&T.value&&G.value.length<S.dataset.length,backgroundColor:N.value.backgroundColor,color:N.value.color,borderRadius:N.value.borderRadius,borderColor:N.value.borderColor,borderWidth:N.value.borderWidth,fontSize:N.value.fontSize,backgroundOpacity:N.value.backgroundOpacity,position:N.value.position,offsetX:N.value.offsetX,offsetY:N.value.offsetY,parent:D.value,content:Ht.value,isFullscreen:$.value,isCustom:N.value.customFormat&&typeof N.value.customFormat==`function`,smooth:N.value.smooth,backdropFilter:N.value.backdropFilter,smoothForce:N.value.smoothForce,smoothSnapThreshold:N.value.smoothSnapThreshold,isA11yMode:nn.value===`keyboard`,a11yPosition:tn.value},{"tooltip-before":x(()=>[y(e.$slots,`tooltip-before`,h(p({...Bn.value})),void 0,!0)]),tooltip:x(()=>[y(e.$slots,`tooltip`,h(p({...Bn.value})),void 0,!0)]),"tooltip-after":x(()=>[y(e.$slots,`tooltip-after`,h(p({...Bn.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`]),Vt.value&&A.value.buttons.table?(_(),c(nt(Xn.value.component),Ze({key:8},Xn.value.props,{ref_key:`tableUnit`,ref:$t,onClose:Zn}),Je({content:x(()=>[(_(),c(b(Mt),{key:`table_${Yt.value}`,colNames:Q.value.colNames,head:Q.value.head,body:Q.value.body,config:Q.value.config,title:k.value.table.useDialog?``:Xn.value.title,withCloseButton:!k.value.table.useDialog,isCursorPointer:I.value,onClose:Zn},{th:x(({th:e})=>[e===`__SUM__`?(_(),u(`div`,Dt,[Xe(b(At),{name:`sigma`,stroke:Q.value.config.th.color,size:16},null,8,[`stroke`])])):(_(),u(`div`,Ot,it(e),1))]),td:x(({td:e})=>[Ye(it(e.name||e),1)]),_:1},8,[`colNames`,`head`,`body`,`config`,`title`,`withCloseButton`,`isCursorPointer`]))]),_:2},[k.value.table.useDialog?{name:`title`,fn:x(()=>[Ye(it(Xn.value.title),1)]),key:`0`}:void 0,k.value.table.useDialog?{name:`actions`,fn:x(()=>[d(`button`,{tabindex:`0`,class:`vue-ui-user-options-button`,onClick:t[1]||=e=>Hn(A.value.callbacks.csv),style:g({cursor:I.value?`pointer`:`default`})},[Xe(b(At),{name:`fileCsv`,stroke:Xn.value.props.color},null,8,[`stroke`])],4)]),key:`1`}:void 0]),1040)):l(``,!0),y(e.$slots,`skeleton`,{},()=>[b(L)?(_(),c(ve,{key:0})):l(``,!0)],!0)],46,lt))}},[[`__scopeId`,`data-v-04059e87`]]);export{ct as n,kt as t};

package/dist/{vue-ui-scatter-THQAeoWs.js → vue-ui-scatter-BA0hk_Tf.js}

@@ -1,4 +1,4 @@
-import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useConfig-6jO1fkp5.js";import{$ as n,Ct as r,D as i,Dt as a,F as o,Ht as s,Jt as c,P as l,Qt as u,S as d,X as f,_ as p,at as m,b as h,i as g,in as ee,jt as te,nt as ne,pt as re,t as ie,tn as ae,v as oe,w as se,yt as ce,zt as le}from"./lib-rPeBMZrn.js";import{n as ue,t as de}from"./BaseScanner-8NdoBs7B.js";import{n as fe,t as pe}from"./useHints-BH9r_0Vd.js";import{t as me}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{n as he}from"./resolveChartConfig-CIhClE5R.js";import{t as ge}from"./img-D4RQwASc.js";import{n as _e}from"./Title-BliHuXfT.js";import{t as ve}from"./useChartExport-BZts4KFb.js";import{n as ye,t as be}from"./tableIntegration-CNoJ1CIY.js";import{n as xe,t as Se}from"./annotationSlots-BRR85CqJ.js";import{n as Ce,t as we}from"./userOptionsSlots-DYuo-E5m.js";import{t as Te}from"./usePrinter-sVoTzet1.js";import{t as Ee}from"./useTransitions-ChGGrtrv.js";import{t as De}from"./useSvgLabelLayout-D1I8sQUi.js";import{t as Oe}from"./Shape-CRe8woTu.js";import{t as ke}from"./useResponsive-CENUxfEL.js";import{t as Ae}from"./DefGrad-DKMq1REY.js";import{t as je}from"./BaseLegendToggle-Q3TiW9u1.js";import{t as Me}from"./A11yDataTable-DWNlWXzs.js";import{t as Ne}from"./useUserOptionState-CXlFnwPv.js";import{t as Pe}from"./useChartAccessibility-DOMuYJfm.js";import{t as Fe}from"./Legend-DM0ClX3D.js";import{t as Ie}from"./vue_ui_scatter-C50uFYQL.js";import{Fragment as _,Teleport as Le,computed as v,createBlock as y,createCommentVNode as b,createElementBlock as x,createElementVNode as S,createSlots as Re,createTextVNode as ze,createVNode as Be,defineAsyncComponent as Ve,guardReactiveProps as He,mergeProps as Ue,nextTick as We,normalizeClass as Ge,normalizeProps as Ke,normalizeStyle as qe,onBeforeUnmount as Je,onMounted as Ye,openBlock as C,ref as w,renderList as T,renderSlot as E,resolveDynamicComponent as Xe,shallowRef as Ze,toDisplayString as D,toRefs as Qe,unref as O,watch as $e,withCtx as k}from"vue";var et=/* @__PURE__ */ e({default:()=>wn}),tt=[`id`],nt=[`id`],rt={key:0,class:`sr-only`,"aria-live":`polite`,"aria-atomic":`true`},it=[`id`],at={style:{position:`relative`}},ot=[`xmlns`,`aria-describedby`,`viewBox`],st=[`width`,`height`],ct={key:1},lt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],ut=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],dt={key:2},ft=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],pt=[`opacity`],mt=[`stroke`,`stroke-width`,`d`],ht=[`transform`,`font-size`,`fill`,`stroke`],gt={key:4},_t=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],vt=[`opacity`],yt=[`d`,`stroke`,`stroke-width`],bt=[`transform`,`font-size`,`fill`,`stroke`],xt={key:6},St=[`x`,`y`,`width`,`height`,`fill`,`stroke`,`stroke-width`,`rx`],Ct=[`x`,`y`,`width`,`height`,`onMouseenter`],wt={key:2,style:{"pointer-events":`none`}},Tt=[`x`,`y`,`width`,`height`,`fill`,`fill-opacity`],Et=[`x1`,`x2`,`y2`,`stroke`,`stroke-dasharray`,`stroke-width`],Dt=[`x1`,`x2`,`y2`,`stroke`,`stroke-dasharray`,`stroke-width`],Ot=[`x`,`y`,`height`,`width`,`fill`,`stroke`,`stroke-width`,`rx`],kt=[`x`,`y`,`width`,`height`,`onMouseenter`],At={key:2,style:{"pointer-events":`none`}},jt=[`x`,`y`,`width`,`height`,`fill`,`fill-opacity`],Mt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-dasharray`,`stroke-width`],Nt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-dasharray`,`stroke-width`],Pt={key:0,style:{"pointer-events":`none`}},Ft=[`d`,`stroke`,`stroke-width`],It=[`d`,`stroke`,`stroke-width`],Lt=[`d`,`stroke`,`stroke-width`],Rt=[`d`,`stroke`,`stroke-width`],zt={key:7},Bt=[`points`,`fill`,`stroke-width`,`stroke-dasharray`,`stroke`],Vt={key:0,class:`vue-ui-scatter-datapoint`},Ht=[`cx`,`cy`,`r`,`fill`,`stroke`,`stroke-width`,`onMouseover`,`onMouseleave`,`onClick`],Ut={key:1},Wt=[`transform`,`font-size`,`fill`,`onMouseover`,`onMouseleave`,`onClick`],Gt=[`d`,`fill`,`stroke`,`stroke-width`,`stroke-opacity`],Kt={key:0,style:{"pointer-events":`none`}},qt=[`x`,`y`,`width`,`height`],Jt={key:0,style:{"pointer-events":`none !important`}},Yt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`,`stroke-dasharray`],Xt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`,`stroke-dasharray`],Zt=[`x`,`y`,`font-size`,`fill`,`font-weight`,`text-anchor`],Qt=[`x`,`y`,`font-size`,`fill`,`font-weight`],$t=[`x`,`y`,`font-size`,`fill`],en=[`x`,`y`,`font-size`,`fill`],tn=[`cx`,`cy`,`r`,`fill`,`stroke`,`stroke-width`],nn=[`cx`,`cy`,`r`,`fill`,`stroke`,`stroke-width`],rn=[`x`,`y`,`font-size`,`fill`,`font-weight`,`text-anchor`],an=[`id`,`transform`,`font-size`,`font-weight`,`fill`],on=[`font-size`,`fill`,`transform`],sn=[`transform`,`font-size`,`fill`],cn=[`x`,`y`,`font-size`,`fill`],ln=[`x`,`y`,`font-size`,`fill`],un=[`font-size`,`font-weight`,`fill`,`x`,`y`],dn=[`id`],fn=[`x`,`y`,`width`,`height`],pn={key:14,style:{pointerEvents:`none`}},mn=[`x1`,`x2`,`y1`,`y2`,`stroke-dasharray`,`stroke`,`stroke-width`,`clip-path`],hn=[`x`,`y`,`fill`,`font-size`,`font-weight`],gn={key:0,style:{position:`absolute`,top:`100%`,left:`0`,width:`100%`},"data-dom-to-png-ignore":``,"aria-hidden":`true`},_n={key:6,class:`vue-data-ui-watermark`},vn=[`id`],yn=[`onClick`],bn={key:0,style:{width:`100%`,display:`flex`,"align-items":`center`,"justify-content":`center`}},xn={viewBox:`0 0 20 20`,height:`20`,width:`20`,style:{overflow:`hidden`,background:`transparent`}},Sn={key:0},Cn=[`innerHTML`],wn=/*#__PURE__*/ me({__name:`vue-ui-scatter`,props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:[`copyAlt`,`selectLegend`],setup(e,{expose:me,emit:et}){let wn=Ve(()=>import(`./Tooltip-C1q0Qoh7.js`)),Tn=Ve(()=>import(`./BaseIcon-Cm-IJ179.js`).then(e=>e.n)),En=Ve(()=>import(`./vue-ui-accordion-S3nRtTU-.js`).then(e=>e.n)),Dn=Ve(()=>import(`./DataTable-0Vv-aGHD.js`)),On=Ve(()=>import(`./PenAndPaper-BGEp-TUm.js`).then(e=>e.t)),kn=Ve(()=>import(`./UserOptions-uWHV_zPB.js`).then(e=>e.n)),An=Ve(()=>import(`./PackageVersion-BIhjLNBU.js`).then(e=>e.t)),jn=Ve(()=>import(`./BaseDraggableDialog-DHgIPVmz.js`).then(e=>e.n)),{vue_ui_scatter:Mn}=t(),A=e,Nn=et,Pn=v(()=>!!A.dataset&&A.dataset.length),j=w(f()),Fn=w(!1),In=w(``),Ln=w(0),Rn=w(null),zn=w(null),Bn=w(null),Vn=w(null),Hn=w(null),Un=w(0),Wn=w(0),Gn=w(0),M=w([]),Kn=w(!1),qn=w(null),Jn=w(null),Yn=w(null),Xn=w(null),Zn=w(null),Qn=w(null),$n=w(null),er=w(null),tr=w(null),nr=w(null),rr=w(null),ir=w({x:0,y:0}),ar=w(`pointer`),or=w(!1),sr=w(null),N=w(br()),P=v(()=>N.value.userOptions),F=v(()=>N.value.style.layout.dataLabels.xAxis),I=v(()=>N.value.style.layout.dataLabels.yAxis),L=v(()=>N.value.style.layout.marginalBars),R=v(()=>N.value.style.layout.plots),z=v(()=>N.value.style.tooltip),B=v(()=>N.value.style);fe({config:()=>N.value,dataset:()=>A.dataset,component:`VueUiScatter`,rules:[pe.emptyArray,{test:e=>e.length>6,message:[`👀 The number of series (clusters) is > 6. Consider:`,``,``,`▶️ Using filters to let users choose a maximum number of series (clusters) to display.`]}]});let{transitionEnabled:cr}=Ee({config:()=>N.value.transitions,dataset:()=>A.dataset}),lr=v(()=>N.value.userOptions.useCursorPointer),ur=v(()=>a(N.value.events?.datapointClick));function dr(e=100,t=.8,n={}){let{meanX:r=0,sdX:i=1,meanY:a=0,sdY:o=1,seed:s}=n,c=(s??Math.floor(Math.random()*2**31))>>>0,l=()=>(c=c*1664525+1013904223>>>0,c/2**32),u=()=>{let e=0,t=0;for(;e===0;)e=l();for(;t===0;)t=l();return Math.sqrt(-2*Math.log(e))*Math.cos(2*Math.PI*t)},d=e/2,f=Array.from({length:d},u),p=Array.from({length:d},u),m=e=>e.reduce((e,t)=>e+t,0)/e.length,h=m(f),g=m(p);for(let e=0;e<d;e+=1)f[e]-=h,p[e]-=g;let ee=(e,t)=>e.reduce((e,n,r)=>e+n*t[r],0),te=e=>ee(e,e),ne=ee(p,f)/te(f),re=p.map((e,t)=>e-ne*f[t]),ie=te(f)/d,ae=te(re)/d,oe=Math.sqrt((1-t*t)*ie/ae),se=f.map((e,n)=>t*e+oe*re[n]),ce=f.concat(f.map(e=>-e)),le=se.concat(se.map(e=>-e)),ue=e=>Math.sqrt(te(e)/e.length),de=(e,t,n)=>{let r=ue(e);return e.map(e=>n+(r?e/r*t:0))},fe=de(ce,i,r),pe=de(le,o,a);for(let e=fe.length-1;e>0;--e){let t=Math.floor(l()*(e+1));[fe[e],fe[t]]=[fe[t],fe[e]],[pe[e],pe[t]]=[pe[t],pe[e]]}return fe.map((e,t)=>({x:e,y:pe[t]}))}let fr=v(()=>ee({defaultConfig:{userOptions:{show:!1},table:{show:!1},useCssAnimation:!1,style:{backgroundColor:`#99999930`,layout:{axis:{stroke:`#6A6A6A`},correlation:{label:{show:!1}},dataLabels:{xAxis:{show:!1},yAxis:{show:!1}},marginalBars:{fill:`#99999960`},padding:{top:12,right:12,bottom:12,left:12},plots:{stroke:`#6A6A6A`}},legend:{backgroundColor:`transparent`}}},userConfig:N.value.skeletonConfig??{}})),{loading:pr,FINAL_DATASET:mr,manualLoading:hr}=ue({...Qe(A),FINAL_CONFIG:N,prepareConfig:br,skeletonDataset:A.config?.skeletonDataset??[{name:``,color:`#999999`,values:dr(100,.5,{seed:42})}],skeletonConfig:ee({defaultConfig:N.value,userConfig:fr.value})}),{userOptionsVisible:gr,setUserOptionsVisibility:_r,keepUserOptionState:vr}=Ne({config:N.value}),{svgRef:yr}=Pe({config:B.value.title});function br(){return he(A.config,Mn,Ie)}let xr=u(A.config);$e(()=>A.config,(e,t)=>{let n=u(e),r=n!==xr;xr=n;let i=br();r?(pr.value||(N.value=i),gr.value=!N.value.userOptions.showOnChartHover,Dr(),Un.value+=1,Wn.value+=1,Gn.value+=1,V.value.showTable=N.value.table.show,V.value.showTooltip=z.value.show,Er.value&&N.value.usePerformanceMode&&console.warn(`VueUiScatter : You are using performance mode
+import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useConfig-6jO1fkp5.js";import{$ as n,Ct as r,D as i,Dt as a,F as o,Ht as s,Jt as c,P as l,Qt as u,S as d,X as f,_ as p,at as m,b as h,i as g,in as ee,jt as te,nt as ne,pt as re,t as ie,tn as ae,v as oe,w as se,yt as ce,zt as le}from"./lib-rPeBMZrn.js";import{n as ue,t as de}from"./BaseScanner-8NdoBs7B.js";import{n as fe,t as pe}from"./useHints-C-TwxM0Y.js";import{t as me}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{n as he}from"./resolveChartConfig-CIhClE5R.js";import{t as ge}from"./img-D4RQwASc.js";import{n as _e}from"./Title-BliHuXfT.js";import{t as ve}from"./useChartExport-BZts4KFb.js";import{n as ye,t as be}from"./tableIntegration-CNoJ1CIY.js";import{n as xe,t as Se}from"./annotationSlots-BRR85CqJ.js";import{n as Ce,t as we}from"./userOptionsSlots-DYuo-E5m.js";import{t as Te}from"./usePrinter-DVf3YcG5.js";import{t as Ee}from"./useTransitions-ChGGrtrv.js";import{t as De}from"./useSvgLabelLayout-42Kats14.js";import{t as Oe}from"./Shape-CRe8woTu.js";import{t as ke}from"./useResponsive-CENUxfEL.js";import{t as Ae}from"./DefGrad-DKMq1REY.js";import{t as je}from"./BaseLegendToggle-Q3TiW9u1.js";import{t as Me}from"./A11yDataTable-DWNlWXzs.js";import{t as Ne}from"./useUserOptionState-CXlFnwPv.js";import{t as Pe}from"./useChartAccessibility-DOMuYJfm.js";import{t as Fe}from"./Legend-DM0ClX3D.js";import{t as Ie}from"./vue_ui_scatter-C50uFYQL.js";import{Fragment as _,Teleport as Le,computed as v,createBlock as y,createCommentVNode as b,createElementBlock as x,createElementVNode as S,createSlots as Re,createTextVNode as ze,createVNode as Be,defineAsyncComponent as Ve,guardReactiveProps as He,mergeProps as Ue,nextTick as We,normalizeClass as Ge,normalizeProps as Ke,normalizeStyle as qe,onBeforeUnmount as Je,onMounted as Ye,openBlock as C,ref as w,renderList as T,renderSlot as E,resolveDynamicComponent as Xe,shallowRef as Ze,toDisplayString as D,toRefs as Qe,unref as O,watch as $e,withCtx as k}from"vue";var et=/* @__PURE__ */ e({default:()=>wn}),tt=[`id`],nt=[`id`],rt={key:0,class:`sr-only`,"aria-live":`polite`,"aria-atomic":`true`},it=[`id`],at={style:{position:`relative`}},ot=[`xmlns`,`aria-describedby`,`viewBox`],st=[`width`,`height`],ct={key:1},lt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],ut=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],dt={key:2},ft=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],pt=[`opacity`],mt=[`stroke`,`stroke-width`,`d`],ht=[`transform`,`font-size`,`fill`,`stroke`],gt={key:4},_t=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],vt=[`opacity`],yt=[`d`,`stroke`,`stroke-width`],bt=[`transform`,`font-size`,`fill`,`stroke`],xt={key:6},St=[`x`,`y`,`width`,`height`,`fill`,`stroke`,`stroke-width`,`rx`],Ct=[`x`,`y`,`width`,`height`,`onMouseenter`],wt={key:2,style:{"pointer-events":`none`}},Tt=[`x`,`y`,`width`,`height`,`fill`,`fill-opacity`],Et=[`x1`,`x2`,`y2`,`stroke`,`stroke-dasharray`,`stroke-width`],Dt=[`x1`,`x2`,`y2`,`stroke`,`stroke-dasharray`,`stroke-width`],Ot=[`x`,`y`,`height`,`width`,`fill`,`stroke`,`stroke-width`,`rx`],kt=[`x`,`y`,`width`,`height`,`onMouseenter`],At={key:2,style:{"pointer-events":`none`}},jt=[`x`,`y`,`width`,`height`,`fill`,`fill-opacity`],Mt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-dasharray`,`stroke-width`],Nt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-dasharray`,`stroke-width`],Pt={key:0,style:{"pointer-events":`none`}},Ft=[`d`,`stroke`,`stroke-width`],It=[`d`,`stroke`,`stroke-width`],Lt=[`d`,`stroke`,`stroke-width`],Rt=[`d`,`stroke`,`stroke-width`],zt={key:7},Bt=[`points`,`fill`,`stroke-width`,`stroke-dasharray`,`stroke`],Vt={key:0,class:`vue-ui-scatter-datapoint`},Ht=[`cx`,`cy`,`r`,`fill`,`stroke`,`stroke-width`,`onMouseover`,`onMouseleave`,`onClick`],Ut={key:1},Wt=[`transform`,`font-size`,`fill`,`onMouseover`,`onMouseleave`,`onClick`],Gt=[`d`,`fill`,`stroke`,`stroke-width`,`stroke-opacity`],Kt={key:0,style:{"pointer-events":`none`}},qt=[`x`,`y`,`width`,`height`],Jt={key:0,style:{"pointer-events":`none !important`}},Yt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`,`stroke-dasharray`],Xt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`,`stroke-dasharray`],Zt=[`x`,`y`,`font-size`,`fill`,`font-weight`,`text-anchor`],Qt=[`x`,`y`,`font-size`,`fill`,`font-weight`],$t=[`x`,`y`,`font-size`,`fill`],en=[`x`,`y`,`font-size`,`fill`],tn=[`cx`,`cy`,`r`,`fill`,`stroke`,`stroke-width`],nn=[`cx`,`cy`,`r`,`fill`,`stroke`,`stroke-width`],rn=[`x`,`y`,`font-size`,`fill`,`font-weight`,`text-anchor`],an=[`id`,`transform`,`font-size`,`font-weight`,`fill`],on=[`font-size`,`fill`,`transform`],sn=[`transform`,`font-size`,`fill`],cn=[`x`,`y`,`font-size`,`fill`],ln=[`x`,`y`,`font-size`,`fill`],un=[`font-size`,`font-weight`,`fill`,`x`,`y`],dn=[`id`],fn=[`x`,`y`,`width`,`height`],pn={key:14,style:{pointerEvents:`none`}},mn=[`x1`,`x2`,`y1`,`y2`,`stroke-dasharray`,`stroke`,`stroke-width`,`clip-path`],hn=[`x`,`y`,`fill`,`font-size`,`font-weight`],gn={key:0,style:{position:`absolute`,top:`100%`,left:`0`,width:`100%`},"data-dom-to-png-ignore":``,"aria-hidden":`true`},_n={key:6,class:`vue-data-ui-watermark`},vn=[`id`],yn=[`onClick`],bn={key:0,style:{width:`100%`,display:`flex`,"align-items":`center`,"justify-content":`center`}},xn={viewBox:`0 0 20 20`,height:`20`,width:`20`,style:{overflow:`hidden`,background:`transparent`}},Sn={key:0},Cn=[`innerHTML`],wn=/*#__PURE__*/ me({__name:`vue-ui-scatter`,props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:[`copyAlt`,`selectLegend`],setup(e,{expose:me,emit:et}){let wn=Ve(()=>import(`./Tooltip-C1q0Qoh7.js`)),Tn=Ve(()=>import(`./BaseIcon-Cm-IJ179.js`).then(e=>e.n)),En=Ve(()=>import(`./vue-ui-accordion-S3nRtTU-.js`).then(e=>e.n)),Dn=Ve(()=>import(`./DataTable-0Vv-aGHD.js`)),On=Ve(()=>import(`./PenAndPaper-BGEp-TUm.js`).then(e=>e.t)),kn=Ve(()=>import(`./UserOptions-uWHV_zPB.js`).then(e=>e.n)),An=Ve(()=>import(`./PackageVersion-CXT-eAuk.js`).then(e=>e.t)),jn=Ve(()=>import(`./BaseDraggableDialog-DHgIPVmz.js`).then(e=>e.n)),{vue_ui_scatter:Mn}=t(),A=e,Nn=et,Pn=v(()=>!!A.dataset&&A.dataset.length),j=w(f()),Fn=w(!1),In=w(``),Ln=w(0),Rn=w(null),zn=w(null),Bn=w(null),Vn=w(null),Hn=w(null),Un=w(0),Wn=w(0),Gn=w(0),M=w([]),Kn=w(!1),qn=w(null),Jn=w(null),Yn=w(null),Xn=w(null),Zn=w(null),Qn=w(null),$n=w(null),er=w(null),tr=w(null),nr=w(null),rr=w(null),ir=w({x:0,y:0}),ar=w(`pointer`),or=w(!1),sr=w(null),N=w(br()),P=v(()=>N.value.userOptions),F=v(()=>N.value.style.layout.dataLabels.xAxis),I=v(()=>N.value.style.layout.dataLabels.yAxis),L=v(()=>N.value.style.layout.marginalBars),R=v(()=>N.value.style.layout.plots),z=v(()=>N.value.style.tooltip),B=v(()=>N.value.style);fe({config:()=>N.value,dataset:()=>A.dataset,component:`VueUiScatter`,rules:[pe.emptyArray,{test:e=>e.length>6,message:[`👀 The number of series (clusters) is > 6. Consider:`,``,``,`▶️ Using filters to let users choose a maximum number of series (clusters) to display.`]}]});let{transitionEnabled:cr}=Ee({config:()=>N.value.transitions,dataset:()=>A.dataset}),lr=v(()=>N.value.userOptions.useCursorPointer),ur=v(()=>a(N.value.events?.datapointClick));function dr(e=100,t=.8,n={}){let{meanX:r=0,sdX:i=1,meanY:a=0,sdY:o=1,seed:s}=n,c=(s??Math.floor(Math.random()*2**31))>>>0,l=()=>(c=c*1664525+1013904223>>>0,c/2**32),u=()=>{let e=0,t=0;for(;e===0;)e=l();for(;t===0;)t=l();return Math.sqrt(-2*Math.log(e))*Math.cos(2*Math.PI*t)},d=e/2,f=Array.from({length:d},u),p=Array.from({length:d},u),m=e=>e.reduce((e,t)=>e+t,0)/e.length,h=m(f),g=m(p);for(let e=0;e<d;e+=1)f[e]-=h,p[e]-=g;let ee=(e,t)=>e.reduce((e,n,r)=>e+n*t[r],0),te=e=>ee(e,e),ne=ee(p,f)/te(f),re=p.map((e,t)=>e-ne*f[t]),ie=te(f)/d,ae=te(re)/d,oe=Math.sqrt((1-t*t)*ie/ae),se=f.map((e,n)=>t*e+oe*re[n]),ce=f.concat(f.map(e=>-e)),le=se.concat(se.map(e=>-e)),ue=e=>Math.sqrt(te(e)/e.length),de=(e,t,n)=>{let r=ue(e);return e.map(e=>n+(r?e/r*t:0))},fe=de(ce,i,r),pe=de(le,o,a);for(let e=fe.length-1;e>0;--e){let t=Math.floor(l()*(e+1));[fe[e],fe[t]]=[fe[t],fe[e]],[pe[e],pe[t]]=[pe[t],pe[e]]}return fe.map((e,t)=>({x:e,y:pe[t]}))}let fr=v(()=>ee({defaultConfig:{userOptions:{show:!1},table:{show:!1},useCssAnimation:!1,style:{backgroundColor:`#99999930`,layout:{axis:{stroke:`#6A6A6A`},correlation:{label:{show:!1}},dataLabels:{xAxis:{show:!1},yAxis:{show:!1}},marginalBars:{fill:`#99999960`},padding:{top:12,right:12,bottom:12,left:12},plots:{stroke:`#6A6A6A`}},legend:{backgroundColor:`transparent`}}},userConfig:N.value.skeletonConfig??{}})),{loading:pr,FINAL_DATASET:mr,manualLoading:hr}=ue({...Qe(A),FINAL_CONFIG:N,prepareConfig:br,skeletonDataset:A.config?.skeletonDataset??[{name:``,color:`#999999`,values:dr(100,.5,{seed:42})}],skeletonConfig:ee({defaultConfig:N.value,userConfig:fr.value})}),{userOptionsVisible:gr,setUserOptionsVisibility:_r,keepUserOptionState:vr}=Ne({config:N.value}),{svgRef:yr}=Pe({config:B.value.title});function br(){return he(A.config,Mn,Ie)}let xr=u(A.config);$e(()=>A.config,(e,t)=>{let n=u(e),r=n!==xr;xr=n;let i=br();r?(pr.value||(N.value=i),gr.value=!N.value.userOptions.showOnChartHover,Dr(),Un.value+=1,Wn.value+=1,Gn.value+=1,V.value.showTable=N.value.table.show,V.value.showTooltip=z.value.show,Er.value&&N.value.usePerformanceMode&&console.warn(`VueUiScatter : You are using performance mode
 
 - downsampling is disabled in this mode, all plots are rendered
 
@@ -6,4 +6,4 @@ import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useConfig-6jO
 
 - Depending on plot density, shapes might not display a border (stroke) to avoid fuzziness 
 
-ℹ️ To remove this warning, set config.debug to false.`)):(N.value.style.tooltip=i.style.tooltip,V.value.showTooltip=N.value.style.tooltip.show)},{deep:!0}),$e(()=>A.dataset,e=>{Array.isArray(e)&&e.length>0&&(hr.value=!1)},{deep:!0});let Sr=Ze(null),Cr=Ze(null),wr=w(!1),Tr=0;Ye(async()=>{Dr(),await We(),Kn.value=!0});let Er=v(()=>N.value.debug);function Dr(){le(A.dataset)&&(m({componentName:`VueUiScatter`,type:`dataset`,debug:Er.value}),hr.value=!0),le(A.dataset)||(hr.value=N.value.loading),N.value.responsive&&(Sr.value&&(Cr.value&&Sr.value.unobserve(Cr.value),Sr.value.disconnect()),Sr.value=new ResizeObserver(()=>{let{width:e,height:t}=ke({chart:Rn.value,title:B.value.title.text?zn.value:null,legend:B.value.legend.show?Bn.value:null,source:Vn.value,noTitle:Hn.value});cancelAnimationFrame(Tr),Tr=requestAnimationFrame(()=>{H.value.width=e,H.value.height=t,wr.value=!0})}),Cr.value=Rn.value.parentNode,Sr.value.observe(Cr.value))}Je(()=>{cancelAnimationFrame(Tr),Sr.value&&(Cr.value&&Sr.value.unobserve(Cr.value),Sr.value.disconnect())});let{isPrinting:Or,isImaging:kr,generatePdf:Ar,generateImage:jr}=Te({elementId:`vue-ui-scatter_${j.value}`,fileName:B.value.title.text||`vue-ui-scatter`,options:N.value.userOptions.print}),Mr=v(()=>N.value.userOptions.show&&!B.value.title.text),Nr=v(()=>se(N.value.customPalette)),V=w({showTable:N.value.table.show,showTooltip:z.value.show});$e(N,()=>{V.value={showTable:N.value.table.show,showTooltip:z.value.show}},{immediate:!0});let H=w({height:B.value.layout.height,width:B.value.layout.width}),Pr=v(()=>L.value.show?L.value.size+L.value.offset:0),{metrics:Fr,ready:Ir,settling:Lr,update:Rr}=De({svgRef:yr,canMeasure:()=>!N.value.responsive||wr.value,initialMetrics:{left:0,right:0,bottom:0},measure:e=>{let t=I.value.scales.show?e(tr.value).textWidth:0,n=t=>{let n=e(t);return Math.max(0,n.x+n.width-H.value.width)},r=Qn.value?n(Qn.value):0,i=F.value.scales.show&&nr.value?Math.max(0,...[...nr.value.querySelectorAll(`text`)].map(n)):0,a=Math.max(r,i);return{left:Math.max(e(Zn.value).width,t?t+12:0),right:a?a+6:0,bottom:er.value?e(er.value).height+6:0}}}),U=v(()=>{let{left:e,right:t,bottom:n}=Fr.value;return{top:B.value.layout.padding.top+Pr.value+I.value.fontSize*2,right:H.value.width-B.value.layout.padding.right-Pr.value-6-t,bottom:H.value.height-B.value.layout.padding.bottom-n,left:B.value.layout.padding.left+e,height:H.value.height-B.value.layout.padding.top-B.value.layout.padding.bottom-Pr.value-n-I.value.fontSize*2,width:H.value.width-B.value.layout.padding.left-B.value.layout.padding.right-Pr.value-e-t-6}}),zr=v(()=>{Er.value&&mr.value.forEach((e,t)=>{ce({datasetObject:e,requiredAttributes:[`values`]}).forEach(e=>{m({componentName:`VueUiScatter`,type:`datasetSerieAttribute`,property:e,index:t})}),e.values&&e.values.forEach((e,n)=>{ce({datasetObject:e,requiredAttributes:[`x`,`y`]}).forEach(e=>{m({componentName:`VueUiScatter`,type:`datasetSerieAttribute`,property:`values.${e}`,index:`${t} - ${n}`})})})});let e=Math.min(...K.value.filter(e=>!M.value.includes(e.id)).flatMap(e=>e.values.map(e=>e.x))),t=Math.max(...K.value.filter(e=>!M.value.includes(e.id)).flatMap(e=>e.values.map(e=>e.x))),n=Math.min(...K.value.filter(e=>!M.value.includes(e.id)).flatMap(e=>e.values.map(e=>e.y))),r=Math.max(...K.value.filter(e=>!M.value.includes(e.id)).flatMap(e=>e.values.map(e=>e.y)));return{xMin:e<0?e:0,xMax:t,yMin:n<0?n:0,yMax:r}}),Br=v(()=>{let e=B.value.layout.axis;return{xMin:e.xMin!==null&&e.xMin!==void 0?e.xMin:zr.value.xMin,xMax:e.xMax!==null&&e.xMax!==void 0?e.xMax:zr.value.xMax,yMin:e.yMin!==null&&e.yMin!==void 0?e.yMin:zr.value.yMin,yMax:e.yMax!==null&&e.yMax!==void 0?e.yMax:zr.value.yMax}});function Vr(e){return Number.isFinite(e)?e<2?2:Math.trunc(e):5}function Hr(e){return e.roundingValue!==void 0&&e.roundingValue!==null?e.roundingValue:e.rounding!==void 0&&e.rounding!==null?e.rounding:0}function Ur({minimum:e,maximum:t,stepCount:n,useNiceScale:r}){let i=Vr(n);if(e===t){let n=t+(e===0?1:Math.abs(e)*.01);return(r?p:oe)(e,n,i)}return(r?p:oe)(e,t,i)}let Wr=v(()=>{let e=F.value;return Ur({minimum:Br.value.xMin,maximum:Br.value.xMax,stepCount:e.scales.steps,useNiceScale:e.scales.useNiceScale})}),Gr=v(()=>{let e=I.value;return Ur({minimum:Br.value.yMin,maximum:Br.value.yMax,stepCount:e.scales.steps,useNiceScale:e.scales.useNiceScale})}),W=v(()=>({xMin:Wr.value.min,xMax:Wr.value.max,yMin:Gr.value.min,yMax:Gr.value.max})),Kr=v(()=>{let e=F.value,t=e.scales.labels;return Wr.value.ticks.map(r=>({value:r,x:Xr(r),label:g(t.formatter,h(r),n({p:R.value.selectors.labels.prefix,v:h(r),s:R.value.selectors.labels.suffix,r:Hr(e)}))}))}),qr=v(()=>{let e=I.value,t=e.scales.labels;return Gr.value.ticks.map(r=>({value:r,y:Zr(r),label:g(t.formatter,h(r),n({p:R.value.selectors.labels.prefix,v:h(r),s:R.value.selectors.labels.suffix,r:Hr(e)}))}))}),Jr=v(()=>di.value.length>0&&F.value.scales.show),Yr=v(()=>di.value.length>0&&I.value.scales.show);function Xr(e){let t=W.value.xMax-W.value.xMin;return t===0?U.value.left:U.value.left+(e-W.value.xMin)/t*U.value.width}function Zr(e){let t=W.value.yMax-W.value.yMin;return t===0?U.value.bottom:U.value.bottom-(e-W.value.yMin)/t*U.value.height}let G=v(()=>{let{xMin:e,xMax:t,yMin:n,yMax:r}=W.value,i=e>0?e:t<0?t:0,a=n>0?n:r<0?r:0;return{x:Xr(i),y:Zr(a)}}),K=v(()=>mr.value.map((e,t)=>{let n=`cluster_${j.value}_${t}`;return{...e,values:te({data:e.values,threshold:N.value.usePerformanceMode?e.values.length+1:N.value.downsample.threshold}),id:n,color:e.color?e.color:Nr.value[t]||s[t]||s[t%s.length],opacity:M.value.includes(n)?.5:1,shape:e.shape??`circle`,segregate:()=>vi(n),isSegregated:M.value.includes(n),hasGroupSelection:!!oi.value,isGroupSelected:oi.value===n,onEnter:()=>ci(n),onLeave:()=>li()}})),Qr=v(()=>({cy:`scatter-div-legend`,backgroundColor:B.value.legend.backgroundColor,color:B.value.legend.color,fontSize:B.value.legend.fontSize,paddingBottom:12,fontWeight:B.value.legend.bold?`bold`:``})),$r=v(()=>K.value.map((e,t)=>({...e,plots:e.values.map((n,r)=>({x:Xr(n.x),y:Zr(n.y),v:{...n,name:n.name||``},clusterName:e.name,clusterId:e.id,color:e.color?e.color:Nr.value[t]||s[t]||s[t%s.length],id:`plot_${j.value}_${t}_${r}`,weight:n.weight??R.value.radius}))})).filter(e=>!M.value.includes(e.id))),q=v(()=>{let e=1e-9,t=({m:t,b:n,rect:r,verticalX:i=null})=>{let{left:a,right:o,top:s,bottom:c}=r,l=[],u=(e,t)=>{Number.isFinite(e)&&Number.isFinite(t)&&l.push({x:e,y:t})},d=({x:t,y:n})=>t>=a-e&&t<=o+e&&n>=s-e&&n<=c+e;i===null?Number.isFinite(t)&&(u(a,t*a+n),u(o,t*o+n),Math.abs(t)>e?(u((s-n)/t,s),u((c-n)/t,c)):n>=s-e&&n<=c+e&&(u(a,n),u(o,n))):i>=a-e&&i<=o+e&&(u(i,s),u(i,c));let f=l.filter(d),p=[];for(let e of f)p.some(t=>Math.abs(t.x-e.x)<1e-6&&Math.abs(t.y-e.y)<1e-6)||p.push(e);if(p.length<2)return null;let m=p[0],h=p[1],g=0;for(let e=0;e<p.length;e+=1)for(let t=e+1;t<p.length;t+=1){let n=p[e].x-p[t].x,r=p[e].y-p[t].y,i=n*n+r*r;i>g&&(g=i,m=p[e],h=p[t])}return{x1:m.x,y1:m.y,x2:h.x,y2:h.y}};return $r.value.map(n=>{let r=n.plots.length,i=n.plots.reduce((e,t)=>e+t.x,0)/r,a=n.plots.reduce((e,t)=>e+t.y,0)/r,o=0,s=0,c=0;for(let e of n.plots){let t=e.x-i,n=e.y-a;o+=t*n,s+=t*t,c+=n*n}let l,u,f=null;s<e?(f=i,l=1/0,u=null):(l=o/s,u=a-l*i);let p,m;f===null?(p=l,m=u):(p=1/0,m=null);let h=n.plots.every(e=>e.v&&typeof e.v.x==`number`&&typeof e.v.y==`number`),g=NaN;if(r>=2){let t=0,o=0;h?(t=n.plots.reduce((e,t)=>e+t.v.x,0)/r,o=n.plots.reduce((e,t)=>e+t.v.y,0)/r):(t=i,o=-a);let s=0,c=0,l=0;for(let e of n.plots){let n=h?e.v.x:e.x,r=h?e.v.y:-e.y,i=n-t,a=r-o;s+=i*a,c+=i*i,l+=a*a}if(c>=e&&l>=e){let e=s/Math.sqrt(c*l);g=Math.max(-1,Math.min(1,e))}}let ee=t({m:p,b:m,rect:U.value,verticalX:f});if(!ee)return{...n,correlation:null,label:null,plots:n.plots.map(e=>({...e,deviation:0,shape:n.shape,color:d(n.color)}))};let te={x:(ee.x1+ee.x2)/2,y:(ee.y1+ee.y2)/2};return{...n,color:d(n.color),correlation:{...ee,coefficient:g},label:te,plots:n.plots.map(t=>{let r,i;f===null?Math.abs(p)<e?(r=t.x,i=m):(r=(t.x+p*t.y-p*m)/(1+p*p),i=(p*t.x+p*p*t.y+m)/(1+p*p)):(r=f,i=t.y);let a=t.x-r,o=t.y-i,s=Math.sqrt(a*a+o*o);return{...t,deviation:s,shape:n.shape,color:d(n.color)}})}})}),ei=v(()=>Math.max(...q.value.flatMap(e=>e.plots.map(e=>Math.abs(e.deviation)))));function ti(){return q.value}function ni(e,t){let n=Array.isArray(e)?e.flatMap(e=>e.plots.map(e=>({x:e.x,y:e.y}))):e.plots.map(e=>({x:e.x,y:e.y})),r=1/0,i=-1/0,a=1/0,o=-1/0;n.forEach(({x:e,y:t})=>{r=Math.min(r,e),i=Math.max(i,e),a=Math.min(a,t),o=Math.max(o,t)});let s=i-r,c=o-a,l=s/t,u=c/t,d=Array(t).fill(0),f=Array(t).fill(0),p=(e,n,r)=>r>0?Math.max(0,Math.min(t-1,Math.floor((e-n)/r+1e-10))):0;n.forEach(({x:e,y:t})=>{let n=p(e,r,l),i=p(t,a,u);d[n]||(d[n]=0),f[i]||(f[i]=0),d[n]+=1,f[i]+=1});let m=[],h=[];for(let e=0;e<t;e+=1)m.push(r+(e+.5)*l),h.push(a+(e+.5)*u);return{x:d,y:f,avgX:m,avgY:h,maxX:Math.max(...d),maxY:Math.max(...f)}}let J=v(()=>L.value.tranches),Y=v(()=>ni($r.value,J.value)),ri=v(()=>{let e=U.value.top-L.value.offset,t=U.value.right+L.value.offset;return $r.value.map(n=>{let r=ni(n,J.value);return{coords:r,dX:l(r.avgX.map((t,n)=>({x:t,y:e-r.x[n]/r.maxX*L.value.size}))),dY:o(r.avgY.map((e,n)=>({y:e,x:t+L.value.size*r.y[n]/r.maxY}))),color:n.color,id:n.id}})}),X=w(void 0),Z=w(null),Q=w([]),ii=w(!1),ai=w(null),oi=w(void 0);function si(){Fn.value=!1,X.value=void 0,Q.value=[],Z.value=null,sr.value=null,rr.value=null,oi.value=void 0}function ci(e){let t=q.value.find(t=>t.id===e);t?(Q.value=t.plots.map(e=>e.id),oi.value=e):Q.value=[]}function li(){Q.value=[],oi.value=void 0}function ui(e){if(!yr.value||!e)return;let t=ae(e.x,e.y,yr.value);t&&(ir.value=t)}let di=v(()=>Z.value?[Z.value]:Q.value.length?q.value.flatMap(e=>e.plots).filter(e=>Q.value.includes(e.id)):[]);function fi(e){let t=F.value,r=t.scales.labels;return g(r.formatter,h(e.v.x),n({p:R.value.selectors.labels.prefix,v:h(e.v.x),s:R.value.selectors.labels.suffix,r:Hr(t)}),{datapoint:e})}function pi(e){let t=I.value,r=t.scales.labels;return g(r.formatter,h(e.v.y),n({p:R.value.selectors.labels.prefix,v:h(e.v.y),s:R.value.selectors.labels.suffix,r:Hr(t)}),{datapoint:e})}function mi(e,t,r=`pointer`,i=null){X.value=e.id,Z.value=e,ar.value=r,sr.value=i,rr.value=e.id;let o=``;N.value.events.datapointEnter&&N.value.events.datapointEnter({datapoint:e,seriesIndex:t}),ai.value={datapoint:e,seriesIndex:t,series:q.value,config:N.value};let s=z.value.customFormat;a(s)&&re(()=>s({datapoint:e,seriesIndex:t,series:q.value,config:N.value}))?In.value=s({datapoint:e,seriesIndex:t,series:q.value,config:N.value}):(e.clusterName&&(o+=`<div style="display:flex;gap:3px;align-items:center">${e.clusterName}</div>`),e.v.name&&(o+=`<div>${e.v.name}</div>`),o+=`<div style="text-align:left;margin-top:6px;padding-top:6px;border-top:1px solid ${z.value.borderColor}">`,o+=`<div>${F.value.name}: <b>${isNaN(e.v.x)?`-`:g(R.value.selectors.labels.x.formatter,e.v.x,n({p:z.value.prefix,v:e.v.x,s:z.value.suffix,r:z.value.roundingValue}),{datapoint:e,seriesIndex:t})}</b></div>`,o+=`<div>${I.value.name}: <b>${isNaN(e.v.y)?`-`:g(R.value.selectors.labels.y.formatter,e.v.y,n({p:z.value.prefix,v:e.v.y,s:z.value.suffix,r:z.value.roundingValue}),{datapoint:e,seriesIndex:t})}</b></div>`,o+=`${R.value.deviation.translation}: <b>${n({v:e.deviation,r:R.value.deviation.roundingValue})}</b>`,o+=`</div>`,In.value=`<div>${o}</div>`),Fn.value=!0,r===`keyboard`&&We(()=>{ui(e)})}function hi(e,t){N.value.events.datapointLeave&&N.value.events.datapointLeave({datapoint:e,seriesIndex:t}),(ar.value!==`keyboard`||rr.value!==e?.id)&&(Fn.value=!1,X.value=void 0,Z.value=null)}function gi(e,t){N.value.events.datapointClick&&N.value.events.datapointClick({datapoint:e,seriesIndex:t})}function _i(){M.value.length?M.value=[]:K.value.forEach(e=>{M.value.push(e.id)}),Nn(`selectLegend`,$r.value)}function vi(e){M.value.includes(e)?M.value=M.value.filter(t=>t!==e):M.value.length<mr.value.length-1&&M.value.push(e),Nn(`selectLegend`,$r.value)}function yi(e){return K.value.length?K.value.find(t=>t.name===e)||(Er.value&&console.warn(`VueUiScatter - Series name not found "${e}"`),null):(Er.value&&console.warn(`VueUiScatter - There are no series to show.`),null)}function bi(e){let t=yi(e);t!==null&&M.value.includes(t.id)&&vi(t.id)}function xi(e){let t=yi(e);t!==null&&(M.value.includes(t.id)||vi(t.id))}function Si(e=null){We(()=>{let t=[``,N.value.table.translations.correlationCoefficient,N.value.table.translations.nbrPlots,`${F.value.name} ${N.value.table.translations.average}`,`${I.value.name} ${N.value.table.translations.average}`],n=q.value.map(e=>[e.name,e.correlation.coefficient,e.plots.length,e.plots.map(e=>e.v.x).reduce((e,t)=>e+t,0)/e.plots.length,e.plots.map(e=>e.v.y).reduce((e,t)=>e+t,0)/e.plots.length]),r=[[B.value.title.text],[B.value.title.subtitle.text],[[``],[``],[``]],t].concat(n),a=i(r);e?e(a):ne({csvContent:a,title:B.value.title.text||`vue-ui-heatmap`})})}let Ci=v(()=>{let e=[N.value.table.translations.series,N.value.table.translations.correlationCoefficient,N.value.table.translations.nbrPlots,`${F.value.name} ${N.value.table.translations.average}`,`${I.value.name} ${N.value.table.translations.average}`],t=q.value.map(e=>[{shape:e.shape,content:e.name??`-`,color:e.color},Number((e.correlation?.coefficient??0).toFixed(N.value.table.td.roundingValue)).toLocaleString(),e.plots.length.toLocaleString(),Number((e.plots.map(e=>e.v.x??0).reduce((e,t)=>e+t,0)/e.plots.length).toFixed(N.value.table.td.roundingAverage)).toLocaleString(),Number((e.plots.map(e=>e.v.y??0).reduce((e,t)=>e+t,0)/e.plots.length).toFixed(N.value.table.td.roundingAverage)).toLocaleString()]);return{head:e,body:t,a11yBody:t.map(e=>e.map((e,t)=>t===0?e.content:e)),config:{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},colNames:e}}),wi=w(!1);function Ti(e){wi.value=e,Ln.value+=1}function Ei(){V.value.showTable=!V.value.showTable}function Di(){V.value.showTooltip=!V.value.showTooltip}let Oi=w(!1);function ki(){Oi.value=!Oi.value}async function Ai({scale:e=2}={}){if(!Rn.value)return;let{width:t,height:n}=Rn.value.getBoundingClientRect(),r=t/n,{imageUri:i,base64:a}=await ge({domElement:Rn.value,base64:!0,img:!0,scale:e});return{imageUri:i,base64:a,title:B.value.title.text,width:t,height:n,aspectRatio:r}}function ji(e){qn.value=e,L.value.highlighter.highlightBothAxes&&(Jn.value=Y.value.y.length-2-e)}function Mi(e){Jn.value=e,L.value.highlighter.highlightBothAxes&&(qn.value=e)}function Ni(){qn.value=null,Jn.value=null}let Pi={circle:1,square:1,diamond:1,triangle:1.2,star:1.3,pentagon:1.3,hexagon:1.3},$=e=>e.toFixed(3);function Fi({shape:e=`circle`,cx:t,cy:n,r}){if(!N.value.usePerformanceMode)return``;let i=Pi[e]*r;switch(e){case`circle`:{let e=$(t-i),r=$(n),a=$(t+i),o=$(i);return`M ${e} ${r} A ${o} ${o} 0 1 0 ${a} ${r} A ${o} ${o} 0 1 0 ${e} ${r} Z`}case`square`:{let e=$(t-i),r=$(n-i),a=$(t+i),o=$(n+i);return`M ${e} ${r} L ${a} ${r} L ${a} ${o} L ${e} ${o} Z`}case`diamond`:{let e=$(t),r=$(n);return`M ${e} ${$(n-i)} L ${$(t+i)} ${r} L ${e} ${$(n+i)} L ${$(t-i)} ${r} Z`}case`triangle`:{let e=i*Math.sqrt(3),r=t,a=n-2/3*e,o=t-i,s=n+1/3*e,c=t+i,l=s;return`M ${$(r)} ${$(a)} L ${$(o)} ${$(s)} L ${$(c)} ${$(l)} Z`}case`star`:{let e=i,r=i*.5,a=[];for(let i=0;i<10;i+=1){let o=(-90+i*36)*Math.PI/180,s=i%2==0?e:r;a.push([t+s*Math.cos(o),n+s*Math.sin(o)])}let o=`M ${$(a[0][0])} ${$(a[0][1])}`;for(let e=1;e<a.length;e+=1)o+=` L ${$(a[e][0])} ${$(a[e][1])}`;return o+` Z`}case`pentagon`:{let e=[];for(let r=0;r<5;r+=1){let a=(-90+r*72)*Math.PI/180;e.push([t+i*Math.cos(a),n+i*Math.sin(a)])}let r=`M ${$(e[0][0])} ${$(e[0][1])}`;for(let t=1;t<5;t+=1)r+=` L ${$(e[t][0])} ${$(e[t][1])}`;return r+` Z`}case`hexagon`:{let e=[];for(let r=0;r<6;r+=1){let a=(-60+r*60)*Math.PI/180;e.push([t+i*Math.cos(a),n+i*Math.sin(a)])}let r=`M ${$(e[0][0])} ${$(e[0][1])}`;for(let t=1;t<6;t+=1)r+=` L ${$(e[t][0])} ${$(e[t][1])}`;return r+` Z`}default:{let e=$(t-i),r=$(n),a=$(t+i),o=$(i);return`M ${e} ${r} A ${o} ${o} 0 1 0 ${a} ${r} A ${o} ${o} 0 1 0 ${e} ${r} Z`}}}let Ii=v(()=>{if(!N.value.usePerformanceMode)return[``];let{left:e,right:t,top:n,bottom:r}=U.value,i=Math.max(1,(t-e)*(r-n)),a=e=>e/i*1e4,o=R.value.stroke,s=R.value.strokeWidth,l=R.value.opacity;return q.value.map(i=>{let u=[];for(let a of i.plots){let o=a.x,s=a.y;if(o<e||o>t||s<n||s>r)continue;let c=Math.max(R.value.radius,a.weight);u.push(Fi({shape:i.shape||`circle`,cx:o,cy:s,r:c}))}if(!u.length)return null;let d=a(i.plots.length)>2.5||i.plots.length>1e3;return{id:i.id,d:u.join(``),fill:c(i.color,l*100),stroke:d?`none`:o,strokeWidth:d?0:s,strokeOpacity:1}}).filter(Boolean)});function Li(){return N.value.usePerformanceMode?e=>{let t=yr.value;if(!t)return;let n=t.createSVGPoint();n.x=e.clientX,n.y=e.clientY;let r=t.getScreenCTM();if(!r)return;let i=r.inverse(),a=n.matrixTransform(i),o=null,s=1/0,c=-1;if(q.value.forEach((e,t)=>{e.plots.forEach(e=>{let n=e.x-a.x,r=e.y-a.y,i=n*n+r*r;i<=64&&i<s&&(s=i,o=e,c=t)})}),ii.value=!!o,o)X.value!==o.id&&(X.value=o.id,mi(o,c,`pointer`,ra.value.get(o.id)??null));else if(X.value){let e=Z.value;X.value=void 0,hi(e,c)}}:()=>null}let Ri=Li();function zi(){if(ii.value=!1,X.value){let e=Z.value;X.value=void 0,hi(e,null)}}function Bi(e){let t=Z.value;if(t){let e=q.value.findIndex(e=>e.id===t.clusterId);gi(t,e>=0?e:0)}}let Vi=v(()=>be({config:N,style:B,mutableConfig:V,dialog:jn,accordion:En,isFullscreen:wi,parent:Rn,maxWidth:800,isCursorPointer:lr}));$e(()=>V.value.showTable,e=>ye(e,N,Yn));function Hi(){V.value.showTable=!1,Xn.value&&Xn.value.setTableIconState(!1)}let Ui=v(()=>B.value.backgroundColor),Wi=v(()=>B.value.legend),Gi=v(()=>B.value.title),{isCallbackImaging:Ki,isCallbackSvg:qi,generateSvg:Ji,onGenerateImage:Yi}=ve({svg:yr,title:Gi,legend:Wi,legendItems:K,backgroundColor:Ui,getSvgCallback:()=>N.value.userOptions.callbacks.svg,generateImage:jr});async function Xi(){Nn(`copyAlt`,{config:N.value,dataset:$r.value}),N.value.userOptions.callbacks.altCopy?await Promise.resolve(N.value.userOptions.callbacks.altCopy({config:N.value,dataset:$r.value})):console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.")}function Zi(e,t){let n=na.value.filter(t=>t.id!==e.id);if(!n.length)return null;let r=(n=>{if(!n.length)return null;let r=null,i=1/0;return n.forEach(n=>{let a=n.x-e.x,o=n.y-e.y,s=0,c=0;t===`right`||t===`left`?(s=Math.abs(a),c=Math.abs(o)):(s=Math.abs(o),c=Math.abs(a));let l=s*1e3+c;l<i&&(r=n,i=l)}),r})(n.filter(n=>t===`right`?n.x>e.x:t===`left`?n.x<e.x:t===`down`?n.y>e.y:t===`up`&&n.y<e.y));if(r)return r;let i=[];if(t===`right`){let e=Math.min(...n.map(e=>e.x));i=n.filter(t=>t.x===e)}if(t===`left`){let e=Math.max(...n.map(e=>e.x));i=n.filter(t=>t.x===e)}if(t===`down`){let e=Math.min(...n.map(e=>e.y));i=n.filter(t=>t.y===e)}if(t===`up`){let e=Math.max(...n.map(e=>e.y));i=n.filter(t=>t.y===e)}return i.length?i.reduce((n,r)=>{if(!n)return r;let i=Math.abs(t===`right`||t===`left`?n.y-e.y:n.x-e.x);return Math.abs(t===`right`||t===`left`?r.y-e.y:r.x-e.x)<i?r:n},null):null}function Qi(){sr.value=null,rr.value=null,or.value=!0}function $i(){si(),ar.value=`pointer`,or.value=!1}function ea(e){if(!yr.value||Oi.value||document.activeElement!==yr.value||!na.value.length)return;let t=e.key===`ArrowLeft`,n=e.key===`ArrowRight`,r=e.key===`ArrowUp`,i=e.key===`ArrowDown`,a=e.key===`Enter`||e.key===` `,o=e.key===`Escape`;if(!t&&!n&&!r&&!i&&!a&&!o)return;if(e.preventDefault(),e.stopPropagation(),o){si(),ar.value=`pointer`;return}if(a){if(sr.value===null)return;let e=na.value[sr.value];if(!e)return;gi(e,e.seriesIndex);return}let s=null;if(n&&(s=`right`),t&&(s=`left`),i&&(s=`down`),r&&(s=`up`),rr.value===null){let e=Z.value;if(e&&e.id){let t=Zi(e,s);if(!t){let t=ra.value.get(e.id);if(t===void 0)return;mi(e,e.seriesIndex,`keyboard`,t);return}let n=ra.value.get(t.id);if(n===void 0)return;mi(t,t.seriesIndex,`keyboard`,n);return}let t=na.value[0];if(!t)return;let n=ra.value.get(t.id)??0;mi(t,t.seriesIndex,`keyboard`,n);return}let c=ra.value.get(rr.value);if(c===void 0)return;let l=na.value[c];if(!l)return;let u=Zi(l,s);if(!u)return;let d=ra.value.get(u.id);d!==void 0&&mi(u,u.seriesIndex,`keyboard`,d)}let ta=v(()=>{if(!Z.value)return``;let e=Z.value,t=isNaN(e.v.x)?`-`:g(R.value.selectors.labels.x.formatter,e.v.x,n({p:z.value.prefix,v:e.v.x,s:z.value.suffix,r:z.value.roundingValue}),{datapoint:e,seriesIndex:e.seriesIndex}),r=isNaN(e.v.y)?`-`:g(R.value.selectors.labels.y.formatter,e.v.y,n({p:z.value.prefix,v:e.v.y,s:z.value.suffix,r:z.value.roundingValue}),{datapoint:e,seriesIndex:e.seriesIndex});return[e.clusterName||``,e.v.name||``,`${F.value.name}: ${t}`,`${I.value.name}: ${r}`].filter(Boolean).join(`. `)}),na=v(()=>q.value.flatMap((e,t)=>e.plots.map(n=>({...n,seriesIndex:t,seriesId:e.id,seriesName:e.name,shape:e.shape||`circle`,color:e.color})))),ra=v(()=>{let e=/* @__PURE__ */ new Map;return na.value.forEach((t,n)=>{e.set(t.id,n)}),e}),ia=v(()=>({headers:Ci.value?.colNames??[],rows:Ci.value?.a11yBody??[]}));return me({getData:ti,getImage:Ai,generatePdf:Ar,generateCsv:Si,generateImage:jr,generateSvg:Ji,hideSeries:xi,showSeries:bi,toggleTable:Ei,toggleTooltip:Di,toggleAnnotator:ki,toggleFullscreen:Ti,copyAlt:Xi}),$e(()=>[H.value,F.value,I.value,B.value.layout.padding,Pr.value,W.value,R.value.selectors.labels,N.value.style.fontFamily,A.dataset,M.value,wr.value,Zn.value,Qn.value,er.value,nr.value,tr.value],Rr,{flush:`post`,deep:!0}),(e,t)=>(C(),x(`div`,{class:Ge(`vue-data-ui-component vue-ui-scatter ${wi.value?`vue-data-ui-wrapper-fullscreen`:``} ${N.value.useCssAnimation?``:`vue-ui-dna`}`),ref_key:`scatterChart`,ref:Rn,id:`vue-ui-scatter_${j.value}`,style:qe(`font-family:${B.value.fontFamily};width:100%; text-align:center;background:${B.value.backgroundColor};${N.value.responsive?`height: 100%`:``}`),onMouseenter:t[5]||=()=>O(_r)(!0),onMouseleave:t[6]||=()=>{O(_r)(!1),or.value||si()}},[S(`div`,{id:`chart-instructions-${j.value}`,class:`sr-only`},[S(`p`,null,D(N.value.a11y.translations.keyboardNavigation),1)],8,nt),V.value.showTooltip?b(``,!0):(C(),x(`div`,rt,D(ta.value),1)),ia.value?.rows?.length&&Pn.value?(C(),y(Me,{key:1,uid:j.value,head:ia.value.headers,body:ia.value.rows,notice:N.value.a11y.translations.tableAvailable,caption:N.value.a11y.translations.tableCaption},null,8,[`uid`,`head`,`body`,`notice`,`caption`])):b(``,!0),P.value.buttons.annotator?(C(),y(O(On),{key:2,svgRef:O(yr),backgroundColor:B.value.backgroundColor,color:B.value.color,active:Oi.value,isCursorPointer:lr.value,palette:P.value.annotatorPalette,onClose:ki},Re({_:2},[T(O(Se),t=>({name:t,fn:k(n=>[E(e.$slots,t,Ke(He(O(xe)(t,n))),void 0,!0)])}))]),1032,[`svgRef`,`backgroundColor`,`color`,`active`,`isCursorPointer`,`palette`])):b(``,!0),Mr.value?(C(),x(`div`,{key:3,ref_key:`noTitle`,ref:Hn,class:`vue-data-ui-no-title-space`,style:`height:36px; width: 100%;background:transparent`},null,512)):b(``,!0),B.value.title.text?(C(),x(`div`,{key:4,ref_key:`chartTitle`,ref:zn,style:`width:100%;background:transparent`},[(C(),y(_e,{key:`title_${Un.value}`,config:{title:{cy:`scatter-div-title`,...B.value.title},subtitle:{cy:`scatter-div-subtitle`,...B.value.title.subtitle}}},null,8,[`config`]))],512)):b(``,!0),S(`div`,{id:`legend-top-${j.value}`},null,8,it),P.value.show&&Pn.value&&(O(vr)||O(gr))?(C(),y(O(kn),{ref_key:`userOptionsRef`,ref:Xn,key:`user_options_${Ln.value}`,backgroundColor:B.value.backgroundColor,color:B.value.color,isImaging:O(kr),isPrinting:O(Or),uid:j.value,hasTooltip:P.value.buttons.tooltip&&z.value.show,hasPdf:P.value.buttons.pdf,hasImg:P.value.buttons.img,hasSvg:P.value.buttons.svg,hasXls:P.value.buttons.csv,hasTable:P.value.buttons.table,hasFullscreen:P.value.buttons.fullscreen,hasAltCopy:P.value.buttons.altCopy,isTooltip:V.value.showTooltip,isFullscreen:wi.value,titles:{...P.value.buttonTitles},chartElement:Rn.value,position:P.value.position,hasAnnotator:P.value.buttons.annotator,isAnnotation:Oi.value,callbacks:P.value.callbacks,printScale:P.value.print.scale,tableDialog:N.value.table.useDialog,isCursorPointer:lr.value,onToggleFullscreen:Ti,onGeneratePdf:O(Ar),onGenerateCsv:Si,onGenerateImage:O(Yi),onGenerateSvg:O(Ji),onToggleTable:Ei,onToggleTooltip:Di,onToggleAnnotator:ki,onCopyAlt:Xi,style:qe({visibility:O(vr)?O(gr)?`visible`:`hidden`:`visible`})},Re({_:2},[T(O(Ce)(e.$slots,`menuIcon optionTooltip optionPdf optionCsv optionImg optionSvg optionTable optionFullscreen optionAnnotator optionAltCopy custom-menu-before custom-menu-after`),t=>({name:t,fn:k(n=>[E(e.$slots,t,Ke(He(O(we)(t,n))),void 0,!0)])}))]),1032,/* @__PURE__ */ `backgroundColor.color.isImaging.isPrinting.uid.hasTooltip.hasPdf.hasImg.hasSvg.hasXls.hasTable.hasFullscreen.hasAltCopy.isTooltip.isFullscreen.titles.chartElement.position.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg.style`.split(`.`))):b(``,!0),S(`div`,at,[(C(),x(`svg`,{ref_key:`svgRef`,ref:yr,xmlns:O(ie),"aria-describedby":`chart-instructions-${j.value}`,class:Ge({"vue-data-ui-fullscreen--on":wi.value,"vue-data-ui-fulscreen--off":!wi.value,"vue-data-ui-no-transition":!O(cr)||O(Lr)}),viewBox:`0 0 ${H.value.width<=0?10:H.value.width} ${H.value.height<=0?10:H.value.height}`,style:qe(`max-width:100%;overflow:visible;background:transparent;color:${B.value.color};visibility:${O(Ir)?`visible`:`hidden`}`),onMouseleave:Ni,tabindex:`0`,onFocus:Qi,onBlur:$i,onKeydown:ea},[Be(O(An)),E(e.$slots,`svg-underlayer`,{svg:{...H.value,drawingArea:{...U.value,zero:G.value},data:$r.value,isPrintingImg:O(Or)||O(kr)||O(Ki),isPrintingSvg:O(qi)}},void 0,!0),e.$slots[`chart-background`]?(C(),x(`foreignObject`,{key:0,x:0,y:0,width:H.value.width<=0?10:H.value.width,height:H.value.height<=0?10:H.value.height,style:{pointerEvents:`none`}},[E(e.$slots,`chart-background`,{},void 0,!0)],8,st)):b(``,!0),B.value.layout.axis.show?(C(),x(`g`,ct,[S(`line`,{x1:G.value.x,x2:G.value.x,y1:U.value.top,y2:U.value.bottom,stroke:B.value.layout.axis.stroke,"stroke-width":B.value.layout.axis.strokeWidth,"stroke-linecap":`round`},null,8,lt),S(`line`,{x1:U.value.left,x2:U.value.right,y1:G.value.y,y2:G.value.y,stroke:B.value.layout.axis.stroke,"stroke-width":B.value.layout.axis.strokeWidth,"stroke-linecap":`round`},null,8,ut)])):b(``,!0),F.value.scales.verticalLines.show?(C(),x(`g`,dt,[(C(!0),x(_,null,T(Kr.value,(e,t)=>(C(),x(`line`,{key:`scatter-x-scale-line-${j.value}-${t}`,x1:e.x,x2:e.x,y1:U.value.top,y2:U.value.bottom,stroke:F.value.scales.verticalLines.stroke,"stroke-width":F.value.scales.verticalLines.strokeWidth,"stroke-linecap":`round`},null,8,ft))),128))])):b(``,!0),F.value.scales.show?(C(),x(`g`,{key:3,ref_key:`xAxisScaleLabels`,ref:nr},[(C(!0),x(_,null,T(Kr.value,(e,t)=>(C(),x(`g`,{class:`vue-ui-scatter-scale-group`,key:`scatter-x-scale-${j.value}-${t}`,opacity:+!Jr.value},[S(`path`,{class:Ge({"vue-data-ui-transition":O(cr)&&!O(Lr)}),stroke:B.value.layout.axis.stroke,"stroke-width":B.value.layout.axis.strokeWidth,d:`M${e.x},${G.value.y-4} ${e.x},${G.value.y+4}`,"stroke-linecap":`round`},null,10,mt),S(`text`,{class:Ge({"vue-data-ui-transition":O(cr)&&!O(Lr)}),transform:`translate(${e.x}, ${G.value.y+F.value.scales.labels.fontSize+6+F.value.scales.labels.offsetY})`,"text-anchor":`middle`,"font-size":F.value.scales.labels.fontSize,fill:F.value.scales.labels.color,stroke:B.value.backgroundColor,"stroke-width":`2`,"paint-order":`stroke`},D(e.label),11,ht)],8,pt))),128))],512)):b(``,!0),I.value.scales.horizontalLines.show?(C(),x(`g`,gt,[(C(!0),x(_,null,T(qr.value,(e,t)=>(C(),x(`line`,{key:`scatter-y-scale-line-${j.value}-${t}`,x1:U.value.left,x2:U.value.right,y1:e.y,y2:e.y,stroke:I.value.scales.horizontalLines.stroke,"stroke-width":I.value.scales.horizontalLines.strokeWidth,"stroke-linecap":`round`},null,8,_t))),128))])):b(``,!0),I.value.scales.show?(C(),x(`g`,{key:5,ref_key:`yAxisScaleLabels`,ref:tr,opacity:+!Yr.value,style:{transition:`opacity 0.1s ease-in-out`},class:`vue-ui-scatter-scale-group`},[(C(!0),x(_,null,T(qr.value,(e,t)=>(C(),x(`g`,{key:`scatter-y-scale-${j.value}-${t}`},[S(`path`,{class:Ge({"vue-data-ui-transition":O(cr)&&!O(Lr)}),d:`M${G.value.x-4},${e.y} ${G.value.x+4},${e.y}`,stroke:B.value.layout.axis.stroke,"stroke-width":B.value.layout.axis.strokeWidth,"stroke-linecap":`round`},null,10,yt),S(`text`,{class:Ge({"vue-data-ui-transition":O(cr)&&!O(Lr)}),transform:`translate(${G.value.x-I.value.scales.labels.fontSize/2-8+I.value.scales.labels.offsetX}, ${e.y+I.value.scales.labels.fontSize/3})`,"text-anchor":`end`,"font-size":I.value.scales.labels.fontSize,fill:I.value.scales.labels.color,stroke:B.value.backgroundColor,"stroke-width":`2`,"paint-order":`stroke`},D(e.label),11,bt)]))),128))],8,vt)):b(``,!0),L.value.show?(C(),x(`g`,xt,[S(`defs`,null,[Be(Ae,{t:`linear`,id:`marginal_x_${j.value}`,x1:`0%`,y1:`0%`,x2:`0%`,y2:`100%`,stops:[[`0%`,L.value.fill,1],[`100%`,B.value.backgroundColor,1]]},null,8,[`id`,`stops`]),Be(Ae,{t:`linear`,id:`marginal_y_${j.value}`,x1:`0%`,x2:`100%`,y1:`0%`,y2:`0%`,stops:[[`0%`,B.value.backgroundColor,1],[`100%`,L.value.fill,1]]},null,8,[`id`,`stops`])]),(C(!0),x(_,null,T(Y.value.x,(e,n)=>(C(),x(`g`,null,[e&&Y.value.avgX[n]?(C(),x(`rect`,{key:0,x:Y.value.avgX[n]-U.value.width/J.value/2,y:U.value.top-L.value.offset-e/Y.value.maxX*L.value.size,width:U.value.width/J.value<=0?1e-4:U.value.width/J.value,height:e/Y.value.maxX*L.value.size<=0?1e-4:e/Y.value.maxX*L.value.size,fill:L.value.useGradient?`url(#marginal_x_${j.value})`:L.value.fill,style:qe([`opacity:${L.value.opacity}`,{"pointer-events":`none`}]),stroke:B.value.backgroundColor,"stroke-width":L.value.strokeWidth,rx:L.value.borderRadius},null,12,St)):b(``,!0),Y.value.avgX[n]?(C(),x(`rect`,{key:1,x:Y.value.avgX[n]-U.value.width/J.value/2,y:U.value.top-L.value.offset-L.value.size,width:U.value.width/J.value<=0?1e-4:U.value.width/J.value,height:Math.max(.1,L.value.size),fill:`transparent`,onMouseenter:e=>ji(n),onMouseleave:t[0]||=e=>Ni()},null,40,Ct)):b(``,!0),Y.value.avgX[n]&&qn.value!=null&&qn.value===n?(C(),x(`g`,wt,[S(`rect`,{x:Y.value.avgX[n]-U.value.width/J.value/2,y:U.value.top,width:U.value.width/J.value<=0?1e-4:U.value.width/J.value,height:U.value.height,fill:L.value.highlighter.color,"fill-opacity":L.value.highlighter.opacity},null,8,Tt),S(`line`,{x1:Y.value.avgX[n]-U.value.width/J.value/2,x2:Y.value.avgX[n]-U.value.width/J.value/2,y1:0,y2:U.value.top+U.value.height,stroke:L.value.highlighter.stroke,"stroke-dasharray":L.value.highlighter.strokeDasharray,"stroke-width":L.value.highlighter.strokeWidth,style:{transition:`none !important`,animation:`none !important`}},null,8,Et),S(`line`,{x1:Y.value.avgX[n]-U.value.width/J.value/2+(U.value.width/J.value<=0?1e-4:U.value.width/J.value),x2:Y.value.avgX[n]-U.value.width/J.value/2+(U.value.width/J.value<=0?1e-4:U.value.width/J.value),y1:0,y2:U.value.top+U.value.height,stroke:L.value.highlighter.stroke,"stroke-dasharray":L.value.highlighter.strokeDasharray,"stroke-width":L.value.highlighter.strokeWidth,style:{transition:`none !important`,animation:`none !important`}},null,8,Dt)])):b(``,!0)]))),256)),(C(!0),x(_,null,T(Y.value.y,(e,n)=>(C(),x(`g`,null,[e&&Y.value.avgY[n]?(C(),x(`rect`,{key:0,x:U.value.right+L.value.offset,y:Y.value.avgY[n]-U.value.height/J.value/2,height:U.value.height/J.value<=0?1e-4:U.value.height/J.value,width:e/Y.value.maxY*L.value.size<=0?1e-4:e/Y.value.maxY*L.value.size,fill:L.value.useGradient?`url(#marginal_y_${j.value})`:L.value.fill,style:qe([`opacity:${L.value.opacity}`,{"pointer-events":`none`}]),stroke:B.value.backgroundColor,"stroke-width":L.value.strokeWidth,rx:L.value.borderRadius},null,12,Ot)):b(``,!0),Y.value.avgY[n]?(C(),x(`rect`,{key:1,x:U.value.right+L.value.offset,y:Y.value.avgY[n]-U.value.height/J.value/2,width:Math.max(.1,L.value.size),height:U.value.height/J.value<=0?1e-4:U.value.height/J.value,fill:`transparent`,onMouseenter:e=>Mi(n),onMouseleave:t[1]||=e=>Ni()},null,40,kt)):b(``,!0),Y.value.avgY[n]&&Jn.value!=null&&Jn.value===n?(C(),x(`g`,At,[S(`rect`,{x:U.value.left,y:Y.value.avgY[n]-U.value.height/J.value/2,width:U.value.width,height:U.value.height/J.value<=0?1e-4:U.value.height/J.value,fill:L.value.highlighter.color,"fill-opacity":L.value.highlighter.opacity},null,8,jt),S(`line`,{x1:U.value.left,x2:H.value.width,y1:Y.value.avgY[n]-U.value.height/J.value/2,y2:Y.value.avgY[n]-U.value.height/J.value/2,stroke:L.value.highlighter.stroke,"stroke-dasharray":L.value.highlighter.strokeDasharray,"stroke-width":L.value.highlighter.strokeWidth,style:{transition:`none !important`,animation:`none !important`}},null,8,Mt),S(`line`,{x1:U.value.left,x2:H.value.width,y1:Y.value.avgY[n]-U.value.height/J.value/2+(U.value.height/J.value<=0?1e-4:U.value.height/J.value),y2:Y.value.avgY[n]-U.value.height/J.value/2+(U.value.height/J.value<=0?1e-4:U.value.height/J.value),stroke:L.value.highlighter.stroke,"stroke-dasharray":L.value.highlighter.strokeDasharray,"stroke-width":L.value.highlighter.strokeWidth,style:{transition:`none !important`,animation:`none !important`}},null,8,Nt)])):b(``,!0)]))),256)),L.value.showLines?(C(),x(`g`,Pt,[(C(!0),x(_,null,T(ri.value,e=>(C(),x(_,null,[M.value.includes(e.id)?b(``,!0):(C(),x(`path`,{key:0,d:`M ${e.dX}`,stroke:B.value.backgroundColor,"stroke-width":L.value.linesStrokeWidth+1,"stroke-linecap":`round`,"stroke-linejoin":`round`,fill:`none`},null,8,Ft)),M.value.includes(e.id)?b(``,!0):(C(),x(`path`,{key:1,d:`M ${e.dX}`,stroke:e.color,"stroke-width":L.value.linesStrokeWidth,"stroke-linecap":`round`,"stroke-linejoin":`round`,fill:`none`},null,8,It)),M.value.includes(e.id)?b(``,!0):(C(),x(`path`,{key:2,d:`M ${e.dY}`,stroke:B.value.backgroundColor,"stroke-width":L.value.linesStrokeWidth+1,"stroke-linecap":`round`,"stroke-linejoin":`round`,fill:`none`},null,8,Lt)),M.value.includes(e.id)?b(``,!0):(C(),x(`path`,{key:3,d:`M ${e.dY}`,stroke:e.color,"stroke-width":L.value.linesStrokeWidth,"stroke-linecap":`round`,"stroke-linejoin":`round`,fill:`none`},null,8,Rt))],64))),256))])):b(``,!0)])):b(``,!0),R.value.giftWrap.show?(C(),x(`g`,zt,[(C(!0),x(_,null,T(q.value,(e,t)=>(C(),x(`g`,null,[e.plots.length>2?(C(),x(`polygon`,{key:0,points:O(r)({series:e.plots}),fill:O(c)(e.color,R.value.giftWrap.fillOpacity*100),"stroke-width":R.value.giftWrap.strokeWidth,"stroke-dasharray":R.value.giftWrap.strokeDasharray,stroke:e.color,"stroke-linejoin":`round`,"stroke-linecap":`round`},null,8,Bt)):b(``,!0)]))),256))])):b(``,!0),N.value.usePerformanceMode?b(``,!0):(C(!0),x(_,{key:8},T(q.value,(e,t)=>(C(),x(`g`,{key:e.id},[!e.shape||e.shape===`circle`?(C(),x(`g`,Vt,[(C(!0),x(_,null,T(e.plots,(n,r)=>(C(),x(`circle`,{key:n.id,cx:n.x,cy:n.y,r:X.value&&X.value===n.id||Q.value.includes(n.id)?n.weight*R.value.hoverRadiusRatio:n.weight,fill:O(c)(e.color,X.value&&X.value!==n.id||Q.value.length&&!Q.value.includes(n.id)?R.value.opacityNotSelected*100:R.value.opacity*100),stroke:R.value.stroke,"stroke-width":R.value.strokeWidth,style:qe(`opacity:${X.value&&X.value===n.id||Q.value.includes(n.id)?1:R.value.significance.useDistanceOpacity?1-Math.abs(n.deviation)/ei.value:R.value.significance.show&&Math.abs(n.deviation)>R.value.significance.deviationThreshold?R.value.significance.opacity:1}`),onMouseover:e=>mi(n,t,`pointer`,ra.value.get(n.id)),onMouseleave:e=>hi(n,t),onClick:e=>gi(n,t)},null,44,Ht))),128))])):(C(),x(`g`,Ut,[(C(!0),x(_,null,T(e.plots,(n,r)=>(C(),y(Oe,{class:`vue-ui-scatter-datapoint`,plot:{x:n.x,y:n.y},radius:X.value&&X.value===n.id||Q.value.includes(n.id)?n.weight*R.value.hoverRadiusRatio:n.weight,shape:e.shape,color:O(c)(e.color,X.value&&X.value!==n.id||Q.value.length&&!Q.value.includes(n.id)?R.value.opacityNotSelected*100:R.value.opacity*100),stroke:R.value.stroke,strokeWidth:R.value.strokeWidth,style:qe(`opacity:${X.value&&X.value===n.id||Q.value.includes(n.id)?1:R.value.significance.useDistanceOpacity?1-Math.abs(n.deviation)/ei.value:R.value.significance.show&&Math.abs(n.deviation)>R.value.significance.deviationThreshold?R.value.significance.opacity:1}`),onMouseover:e=>mi(n,t,`pointer`,ra.value.get(n.id)),onMouseleave:e=>hi(n,t),onClick:e=>gi(n,t)},null,8,[`plot`,`radius`,`shape`,`color`,`stroke`,`strokeWidth`,`style`,`onMouseover`,`onMouseleave`,`onClick`]))),256))])),R.value.name.show?(C(!0),x(_,{key:2},T(e.plots,(e,n)=>(C(),x(`text`,{class:`vue-ui-scatter-datapoint-label`,key:`datalabel-${e.id}`,transform:`translate(${e.x}, ${e.y-e.weight-R.value.name.fontSize+R.value.name.offsetY})`,"text-anchor":`middle`,"font-size":R.value.name.fontSize,fill:O(c)(R.value.name.color,X.value&&X.value!==e.id||Q.value.length&&!Q.value.includes(e.id)?R.value.opacityNotSelected*100:100),onMouseover:n=>mi(e,t,`pointer`,ra.value.get(e.id)),onMouseleave:n=>hi(e,t),onClick:n=>gi(e,t)},D(e.clusterName),41,Wt))),128)):b(``,!0)]))),128)),N.value.usePerformanceMode?(C(),x(_,{key:9},[S(`g`,null,[(C(!0),x(_,null,T(Ii.value,e=>(C(),x(`path`,{key:e.id,d:e.d,fill:e.fill,stroke:e.stroke,"stroke-width":e.strokeWidth,"stroke-opacity":e.strokeOpacity,"vector-effect":`non-scaling-stroke`,"paint-order":`fill`},null,8,Gt))),128))]),Z.value?(C(),x(`g`,Kt,[Be(Oe,{shape:Z.value.shape||`circle`,color:Z.value.color,plot:{x:Z.value.x,y:Z.value.y},radius:Z.value.weight*R.value.hoverRadiusRatio,stroke:R.value.stroke,strokeWidth:R.value.strokeWidth},null,8,[`shape`,`color`,`plot`,`radius`,`stroke`,`strokeWidth`])])):b(``,!0),S(`rect`,{x:U.value.left,y:U.value.top,width:Math.max(1e-4,U.value.width),height:Math.max(1e-4,U.value.height),fill:`transparent`,style:qe({cursor:ii.value&&ur.value?`pointer`:`default`}),onMousemove:t[2]||=(...e)=>O(Ri)&&O(Ri)(...e),onMouseleave:zi,onClick:Bi},null,44,qt)],64)):b(``,!0),(C(!0),x(_,null,T(di.value,e=>(C(),x(_,{key:`selector_${e.id}`},[R.value.selectors.show?(C(),x(`g`,Jt,[S(`line`,{x1:G.value.x,x2:e.x,y1:e.y,y2:e.y,stroke:R.value.selectors.stroke,"stroke-width":R.value.selectors.strokeWidth,"stroke-dasharray":R.value.selectors.strokeDasharray,"stroke-linecap":`round`,class:`line-pointer`},null,8,Yt),S(`line`,{x1:e.x,x2:e.x,y1:G.value.y,y2:e.y,stroke:R.value.selectors.stroke,"stroke-width":R.value.selectors.strokeWidth,"stroke-dasharray":R.value.selectors.strokeDasharray,"stroke-linecap":`round`,class:`line-pointer`},null,8,Xt),I.value.scales.show?b(``,!0):(C(),x(`text`,{key:0,x:G.value.x+(e.x>G.value.x?-6:6),y:e.y+R.value.selectors.labels.fontSize/3,"font-size":R.value.selectors.labels.fontSize,fill:R.value.selectors.labels.color,"font-weight":R.value.selectors.labels.bold?`bold`:`normal`,"text-anchor":e.x>G.value.x?`end`:`start`},D(O(g)(R.value.selectors.labels.y.formatter,O(h)(e.v.y),O(n)({p:R.value.selectors.labels.prefix,v:O(h)(e.v.y),s:R.value.selectors.labels.suffix,r:R.value.selectors.labels.rounding}),{datapoint:e})),9,Zt)),F.value.scales.show?b(``,!0):(C(),x(`text`,{key:1,x:e.x,y:G.value.y+(e.y>G.value.y?-6:R.value.selectors.labels.fontSize+6),"font-size":R.value.selectors.labels.fontSize,fill:R.value.selectors.labels.color,"font-weight":R.value.selectors.labels.bold?`bold`:`normal`,"text-anchor":`middle`},D(O(g)(R.value.selectors.labels.y.formatter,O(h)(e.v.x),O(n)({p:R.value.selectors.labels.prefix,v:O(h)(e.v.x),s:R.value.selectors.labels.suffix,r:R.value.selectors.labels.rounding}),{datapoint:e})),9,Qt)),F.value.scales.show?(C(),x(`text`,{key:2,x:e.x,y:G.value.y+F.value.scales.labels.fontSize+6+F.value.scales.labels.offsetY,"text-anchor":`middle`,"font-size":F.value.scales.labels.fontSize,fill:F.value.scales.labels.color},D(fi(e)),9,$t)):b(``,!0),I.value.scales.show?(C(),x(`text`,{key:3,x:G.value.x-I.value.scales.labels.fontSize/2-8+I.value.scales.labels.offsetX,y:e.y+I.value.scales.labels.fontSize/3,"text-anchor":`end`,"font-size":I.value.scales.labels.fontSize,fill:I.value.scales.labels.color},D(pi(e)),9,en)):b(``,!0),S(`circle`,{cx:G.value.x,cy:e.y,r:R.value.selectors.markers.radius,fill:R.value.selectors.markers.fill,stroke:R.value.selectors.markers.stroke,"stroke-width":R.value.selectors.markers.strokeWidth,class:`line-pointer`},null,8,tn),S(`circle`,{cx:e.x,cy:G.value.y,r:R.value.selectors.markers.radius,fill:R.value.selectors.markers.fill,stroke:R.value.selectors.markers.stroke,"stroke-width":R.value.selectors.markers.strokeWidth,class:`line-pointer`},null,8,nn),R.value.selectors.labels.showName&&!R.value.name.show?(C(),x(`text`,{key:4,x:e.x,y:e.y+(e.y<G.value.y?-R.value.selectors.labels.fontSize/2:R.value.selectors.labels.fontSize),"font-size":R.value.selectors.labels.fontSize,fill:R.value.selectors.labels.color,"font-weight":R.value.selectors.labels.bold?`bold`:`normal`,"text-anchor":e.x<U.value.left+100?`start`:e.x>U.value.right-100?`end`:e.x>G.value.x?`start`:`end`},D(e.v.name),9,rn)):b(``,!0)])):b(``,!0)],64))),128)),F.value.show?(C(),x(`g`,{key:10,ref_key:`xAxisLabelLeft`,ref:Zn},[S(`text`,{id:`vue-ui-scatter-xAxis-label-${j.value}`,transform:`translate(${F.value.fontSize+(B.value.layout.dataLabels.reverseAxisLabels?I.value.offsetX:F.value.offsetX)}, ${U.value.top+U.value.height/2+(B.value.layout.dataLabels.reverseAxisLabels?I.value.offsetY:F.value.offsetY)}), rotate(-90)`,"text-anchor":`middle`,"font-size":F.value.fontSize,"font-weight":F.value.bold?`bold`:`normal`,fill:F.value.color},D(B.value.layout.dataLabels.reverseAxisLabels?I.value.name:F.value.name),9,an),F.value.showValue?(C(),x(`text`,{key:0,"text-anchor":`middle`,"font-size":F.value.fontSize,fill:F.value.color,transform:`translate(${F.value.name?F.value.fontSize*3:0}, ${G.value.y+F.value.fontSize/3}), rotate(-90)`},D(O(g)(R.value.selectors.labels.x.formatter,O(h)(W.value.xMin),O(n)({p:R.value.selectors.labels.prefix,v:O(h)(W.value.xMin),s:R.value.selectors.labels.suffix,r:B.value.layout.dataLabels.xAxis.rounding}))),9,on)):b(``,!0)],512)):b(``,!0),F.value.show&&F.value.showValue?(C(),x(`text`,{key:11,ref_key:`xAxisLabelRight`,ref:Qn,"text-anchor":`middle`,transform:`translate(${U.value.right+B.value.layout.padding.right+6}, ${G.value.y+F.value.fontSize/3}), rotate(-90)`,"font-size":F.value.fontSize,fill:F.value.color},D(O(g)(R.value.selectors.labels.x.formatter,O(h)(W.value.xMax),O(n)({p:R.value.selectors.labels.prefix,v:O(h)(W.value.xMax),s:R.value.selectors.labels.suffix,r:F.value.rounding}))),9,sn)):b(``,!0),I.value.show&&I.value.showValue?(C(),x(`text`,{key:12,ref_key:`yAxisLabelTop`,ref:$n,x:G.value.x,y:U.value.top-I.value.fontSize,"text-anchor":`middle`,"font-size":I.value.fontSize,fill:I.value.color},D(O(g)(R.value.selectors.labels.y.formatter,O(h)(W.value.yMax),O(n)({p:R.value.selectors.labels.prefix,v:O(h)(W.value.yMax),s:R.value.selectors.labels.suffix,r:I.value.rounding}))),9,cn)):b(``,!0),I.value.show?(C(),x(`g`,{key:13,ref_key:`yAxisLabelBottom`,ref:er},[I.value.showValue?(C(),x(`text`,{key:0,x:G.value.x,y:H.value.height-I.value.fontSize*2,"text-anchor":`middle`,"font-size":I.value.fontSize,fill:I.value.color},D(O(g)(R.value.selectors.labels.y.formatter,O(h)(W.value.yMin),O(n)({p:R.value.selectors.labels.prefix,v:O(h)(W.value.yMin),s:R.value.selectors.labels.suffix,r:B.value.layout.dataLabels.yAxis.rounding}))),9,ln)):b(``,!0),S(`text`,{"text-anchor":`middle`,"font-size":I.value.fontSize,"font-weight":I.value.bold?`bold`:`normal`,fill:I.value.color,x:U.value.left+U.value.width/2+(B.value.layout.dataLabels.reverseAxisLabels?F.value.offsetX:I.value.offsetX),y:H.value.height+(B.value.layout.dataLabels.reverseAxisLabels?F.value.offsetY:I.value.offsetY)},D(B.value.layout.dataLabels.reverseAxisLabels?F.value.name:I.value.name),9,un)],512)):b(``,!0),S(`clipPath`,{id:`clip_path_${j.value}`},[S(`rect`,{x:U.value.left,y:U.value.top,width:U.value.width<=0?1e-4:U.value.width,height:U.value.height<=0?1e-4:U.value.height},null,8,fn)],8,dn),B.value.layout.correlation.show?(C(),x(`g`,pn,[(C(!0),x(_,null,T(q.value.filter(e=>e.correlation),(e,t)=>(C(),x(`line`,{x1:e.correlation.x1,x2:e.correlation.x2,y1:e.correlation.y1,y2:e.correlation.y2,"stroke-dasharray":B.value.layout.correlation.strokeDasharray,stroke:e.color,"stroke-width":B.value.layout.correlation.strokeWidth,"clip-path":`url(#clip_path_${j.value})`},null,8,mn))),256)),(C(!0),x(_,null,T(q.value.filter(e=>e.correlation),(e,t)=>(C(),x(`g`,null,[B.value.layout.correlation.label.show?(C(),x(`text`,{key:0,x:e.correlation.x2,y:e.correlation.y2,fill:B.value.layout.correlation.label.useSerieColor?e.color:B.value.layout.correlation.label.color,"text-anchor":`end`,"font-size":B.value.layout.correlation.label.fontSize,"font-weight":B.value.layout.correlation.label.bold?`bold`:`normal`},D(O(n)({v:O(h)(e.correlation?.coefficient??0),r:B.value.layout.correlation.label.roundingValue})),9,hn)):b(``,!0)]))),256))])):b(``,!0),E(e.$slots,`svg`,{svg:{...H.value,drawingArea:{...U.value,zero:G.value},data:$r.value,isPrintingImg:O(Or)||O(kr)||O(Ki),isPrintingSvg:O(qi)}},void 0,!0)],46,ot)),e.$slots.hint?(C(),x(`div`,gn,[E(e.$slots,`hint`,Ke(He({hint:N.value.a11y.translations.keyboardNavigation,isVisible:or.value})),void 0,!0)])):b(``,!0)]),e.$slots.watermark?(C(),x(`div`,_n,[E(e.$slots,`watermark`,Ke(He({isPrinting:O(Or)||O(kr)||O(Ki)||O(qi)})),void 0,!0)])):b(``,!0),S(`div`,{id:`legend-bottom-${j.value}`},null,8,vn),Pn.value&&Kn.value&&(B.value.legend.show||e.$slots.legend)?(C(),y(Le,{key:7,to:B.value.legend.position===`top`?`#legend-top-${j.value}`:`#legend-bottom-${j.value}`},[S(`div`,{ref_key:`chartLegend`,ref:Bn},[E(e.$slots,`legend`,{legend:K.value},()=>[B.value.legend.show?(C(),y(Fe,{key:`legend_${Gn.value}`,legendSet:K.value,config:Qr.value,isCursorPointer:lr.value,onClickMarker:t[3]||=({legend:e})=>vi(e.id)},{item:k(({legend:e})=>[S(`div`,{onClick:t=>e.segregate(),style:qe(`opacity:${M.value.includes(e.id)?.5:1}`)},D(e.name),13,yn)]),legendToggle:k(()=>[K.value.length>2&&B.value.legend.selectAllToggle.show&&!O(pr)?(C(),y(je,{key:0,backgroundColor:B.value.legend.selectAllToggle.backgroundColor,color:B.value.legend.selectAllToggle.color,fontSize:B.value.legend.fontSize,checked:M.value.length>0,isCursorPointer:lr.value,onToggle:_i},null,8,[`backgroundColor`,`color`,`fontSize`,`checked`,`isCursorPointer`])):b(``,!0)]),_:1},8,[`legendSet`,`config`,`isCursorPointer`])):b(``,!0)],!0)],512)],8,[`to`])):b(``,!0),e.$slots.source?(C(),x(`div`,{key:8,ref_key:`source`,ref:Vn,dir:`auto`},[E(e.$slots,`source`,{},void 0,!0)],512)):b(``,!0),Be(O(wn),{teleportTo:z.value.teleportTo,show:V.value.showTooltip&&Fn.value,backgroundColor:z.value.backgroundColor,color:z.value.color,borderRadius:z.value.borderRadius,borderColor:z.value.borderColor,borderWidth:z.value.borderWidth,fontSize:z.value.fontSize,backgroundOpacity:z.value.backgroundOpacity,position:z.value.position,offsetX:z.value.offsetX,offsetY:z.value.offsetY,parent:Rn.value,content:In.value,isFullscreen:wi.value,isCustom:z.value.customFormat&&typeof z.value.customFormat==`function`,smooth:z.value.smooth,backdropFilter:z.value.backdropFilter,smoothForce:z.value.smoothForce,smoothSnapThreshold:z.value.smoothSnapThreshold,isA11yMode:ar.value===`keyboard`,a11yPosition:ir.value},{"tooltip-before":k(()=>[E(e.$slots,`tooltip-before`,Ke(He({...ai.value})),void 0,!0)]),tooltip:k(()=>[E(e.$slots,`tooltip`,Ke(He({...ai.value})),void 0,!0)]),"tooltip-after":k(()=>[E(e.$slots,`tooltip-after`,Ke(He({...ai.value})),void 0,!0)]),default:k(()=>[z.value.showShape?(C(),x(`div`,bn,[(C(),x(`svg`,xn,[Be(Oe,{shape:Z.value.shape,color:Z.value.color,plot:{x:10,y:10},radius:7},null,8,[`shape`,`color`])]))])):b(``,!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`]),Pn.value&&P.value.buttons.table?(C(),y(Xe(Vi.value.component),Ue({key:9},Vi.value.props,{ref_key:`tableUnit`,ref:Yn,onClose:Hi}),Re({content:k(()=>[(C(),y(O(Dn),{key:`table_${Wn.value}`,colNames:Ci.value.colNames,head:Ci.value.head,body:Ci.value.body,config:Ci.value.config,title:N.value.table.useDialog?``:Vi.value.title,withCloseButton:!N.value.table.useDialog,isCursorPointer:lr.value,onClose:Hi},{th:k(({th:e})=>[ze(D(e),1)]),td:k(({td:e})=>[e.shape?(C(),x(`div`,Sn,[S(`span`,null,D(e.content),1)])):(C(),x(`div`,{key:1,innerHTML:e},null,8,Cn))]),_:1},8,[`colNames`,`head`,`body`,`config`,`title`,`withCloseButton`,`isCursorPointer`]))]),_:2},[N.value.table.useDialog?{name:`title`,fn:k(()=>[ze(D(Vi.value.title),1)]),key:`0`}:void 0,N.value.table.useDialog?{name:`actions`,fn:k(()=>[S(`button`,{tabindex:`0`,class:`vue-ui-user-options-button`,onClick:t[4]||=e=>Si(P.value.callbacks.csv),style:qe({cursor:lr.value?`pointer`:`default`})},[Be(O(Tn),{name:`fileCsv`,stroke:Vi.value.props.color},null,8,[`stroke`])],4)]),key:`1`}:void 0]),1040)):b(``,!0),E(e.$slots,`skeleton`,{},()=>[O(pr)?(C(),y(de,{key:0})):b(``,!0)],!0)],46,tt))}},[[`__scopeId`,`data-v-d7334a0a`]]);export{et as n,wn as t};
+ℹ️ To remove this warning, set config.debug to false.`)):(N.value.style.tooltip=i.style.tooltip,V.value.showTooltip=N.value.style.tooltip.show)},{deep:!0}),$e(()=>A.dataset,e=>{Array.isArray(e)&&e.length>0&&(hr.value=!1)},{deep:!0});let Sr=Ze(null),Cr=Ze(null),wr=w(!1),Tr=0;Ye(async()=>{Dr(),await We(),Kn.value=!0});let Er=v(()=>N.value.debug);function Dr(){le(A.dataset)&&(m({componentName:`VueUiScatter`,type:`dataset`,debug:Er.value}),hr.value=!0),le(A.dataset)||(hr.value=N.value.loading),N.value.responsive&&(Sr.value&&(Cr.value&&Sr.value.unobserve(Cr.value),Sr.value.disconnect()),Sr.value=new ResizeObserver(()=>{let{width:e,height:t}=ke({chart:Rn.value,title:B.value.title.text?zn.value:null,legend:B.value.legend.show?Bn.value:null,source:Vn.value,noTitle:Hn.value});cancelAnimationFrame(Tr),Tr=requestAnimationFrame(()=>{H.value.width=e,H.value.height=t,wr.value=!0})}),Cr.value=Rn.value.parentNode,Sr.value.observe(Cr.value))}Je(()=>{cancelAnimationFrame(Tr),Sr.value&&(Cr.value&&Sr.value.unobserve(Cr.value),Sr.value.disconnect())});let{isPrinting:Or,isImaging:kr,generatePdf:Ar,generateImage:jr}=Te({elementId:`vue-ui-scatter_${j.value}`,fileName:B.value.title.text||`vue-ui-scatter`,options:N.value.userOptions.print}),Mr=v(()=>N.value.userOptions.show&&!B.value.title.text),Nr=v(()=>se(N.value.customPalette)),V=w({showTable:N.value.table.show,showTooltip:z.value.show});$e(N,()=>{V.value={showTable:N.value.table.show,showTooltip:z.value.show}},{immediate:!0});let H=w({height:B.value.layout.height,width:B.value.layout.width}),Pr=v(()=>L.value.show?L.value.size+L.value.offset:0),{metrics:Fr,ready:Ir,settling:Lr,update:Rr}=De({svgRef:yr,canMeasure:()=>!N.value.responsive||wr.value,initialMetrics:{left:0,right:0,bottom:0},measure:e=>{let t=I.value.scales.show?e(tr.value).textWidth:0,n=t=>{let n=e(t);return Math.max(0,n.x+n.width-H.value.width)},r=Qn.value?n(Qn.value):0,i=F.value.scales.show&&nr.value?Math.max(0,...[...nr.value.querySelectorAll(`text`)].map(n)):0,a=Math.max(r,i);return{left:Math.max(e(Zn.value).width,t?t+12:0),right:a?a+6:0,bottom:er.value?e(er.value).height+6:0}}}),U=v(()=>{let{left:e,right:t,bottom:n}=Fr.value;return{top:B.value.layout.padding.top+Pr.value+I.value.fontSize*2,right:H.value.width-B.value.layout.padding.right-Pr.value-6-t,bottom:H.value.height-B.value.layout.padding.bottom-n,left:B.value.layout.padding.left+e,height:H.value.height-B.value.layout.padding.top-B.value.layout.padding.bottom-Pr.value-n-I.value.fontSize*2,width:H.value.width-B.value.layout.padding.left-B.value.layout.padding.right-Pr.value-e-t-6}}),zr=v(()=>{Er.value&&mr.value.forEach((e,t)=>{ce({datasetObject:e,requiredAttributes:[`values`]}).forEach(e=>{m({componentName:`VueUiScatter`,type:`datasetSerieAttribute`,property:e,index:t})}),e.values&&e.values.forEach((e,n)=>{ce({datasetObject:e,requiredAttributes:[`x`,`y`]}).forEach(e=>{m({componentName:`VueUiScatter`,type:`datasetSerieAttribute`,property:`values.${e}`,index:`${t} - ${n}`})})})});let e=Math.min(...K.value.filter(e=>!M.value.includes(e.id)).flatMap(e=>e.values.map(e=>e.x))),t=Math.max(...K.value.filter(e=>!M.value.includes(e.id)).flatMap(e=>e.values.map(e=>e.x))),n=Math.min(...K.value.filter(e=>!M.value.includes(e.id)).flatMap(e=>e.values.map(e=>e.y))),r=Math.max(...K.value.filter(e=>!M.value.includes(e.id)).flatMap(e=>e.values.map(e=>e.y)));return{xMin:e<0?e:0,xMax:t,yMin:n<0?n:0,yMax:r}}),Br=v(()=>{let e=B.value.layout.axis;return{xMin:e.xMin!==null&&e.xMin!==void 0?e.xMin:zr.value.xMin,xMax:e.xMax!==null&&e.xMax!==void 0?e.xMax:zr.value.xMax,yMin:e.yMin!==null&&e.yMin!==void 0?e.yMin:zr.value.yMin,yMax:e.yMax!==null&&e.yMax!==void 0?e.yMax:zr.value.yMax}});function Vr(e){return Number.isFinite(e)?e<2?2:Math.trunc(e):5}function Hr(e){return e.roundingValue!==void 0&&e.roundingValue!==null?e.roundingValue:e.rounding!==void 0&&e.rounding!==null?e.rounding:0}function Ur({minimum:e,maximum:t,stepCount:n,useNiceScale:r}){let i=Vr(n);if(e===t){let n=t+(e===0?1:Math.abs(e)*.01);return(r?p:oe)(e,n,i)}return(r?p:oe)(e,t,i)}let Wr=v(()=>{let e=F.value;return Ur({minimum:Br.value.xMin,maximum:Br.value.xMax,stepCount:e.scales.steps,useNiceScale:e.scales.useNiceScale})}),Gr=v(()=>{let e=I.value;return Ur({minimum:Br.value.yMin,maximum:Br.value.yMax,stepCount:e.scales.steps,useNiceScale:e.scales.useNiceScale})}),W=v(()=>({xMin:Wr.value.min,xMax:Wr.value.max,yMin:Gr.value.min,yMax:Gr.value.max})),Kr=v(()=>{let e=F.value,t=e.scales.labels;return Wr.value.ticks.map(r=>({value:r,x:Xr(r),label:g(t.formatter,h(r),n({p:R.value.selectors.labels.prefix,v:h(r),s:R.value.selectors.labels.suffix,r:Hr(e)}))}))}),qr=v(()=>{let e=I.value,t=e.scales.labels;return Gr.value.ticks.map(r=>({value:r,y:Zr(r),label:g(t.formatter,h(r),n({p:R.value.selectors.labels.prefix,v:h(r),s:R.value.selectors.labels.suffix,r:Hr(e)}))}))}),Jr=v(()=>di.value.length>0&&F.value.scales.show),Yr=v(()=>di.value.length>0&&I.value.scales.show);function Xr(e){let t=W.value.xMax-W.value.xMin;return t===0?U.value.left:U.value.left+(e-W.value.xMin)/t*U.value.width}function Zr(e){let t=W.value.yMax-W.value.yMin;return t===0?U.value.bottom:U.value.bottom-(e-W.value.yMin)/t*U.value.height}let G=v(()=>{let{xMin:e,xMax:t,yMin:n,yMax:r}=W.value,i=e>0?e:t<0?t:0,a=n>0?n:r<0?r:0;return{x:Xr(i),y:Zr(a)}}),K=v(()=>mr.value.map((e,t)=>{let n=`cluster_${j.value}_${t}`;return{...e,values:te({data:e.values,threshold:N.value.usePerformanceMode?e.values.length+1:N.value.downsample.threshold}),id:n,color:e.color?e.color:Nr.value[t]||s[t]||s[t%s.length],opacity:M.value.includes(n)?.5:1,shape:e.shape??`circle`,segregate:()=>vi(n),isSegregated:M.value.includes(n),hasGroupSelection:!!oi.value,isGroupSelected:oi.value===n,onEnter:()=>ci(n),onLeave:()=>li()}})),Qr=v(()=>({cy:`scatter-div-legend`,backgroundColor:B.value.legend.backgroundColor,color:B.value.legend.color,fontSize:B.value.legend.fontSize,paddingBottom:12,fontWeight:B.value.legend.bold?`bold`:``})),$r=v(()=>K.value.map((e,t)=>({...e,plots:e.values.map((n,r)=>({x:Xr(n.x),y:Zr(n.y),v:{...n,name:n.name||``},clusterName:e.name,clusterId:e.id,color:e.color?e.color:Nr.value[t]||s[t]||s[t%s.length],id:`plot_${j.value}_${t}_${r}`,weight:n.weight??R.value.radius}))})).filter(e=>!M.value.includes(e.id))),q=v(()=>{let e=1e-9,t=({m:t,b:n,rect:r,verticalX:i=null})=>{let{left:a,right:o,top:s,bottom:c}=r,l=[],u=(e,t)=>{Number.isFinite(e)&&Number.isFinite(t)&&l.push({x:e,y:t})},d=({x:t,y:n})=>t>=a-e&&t<=o+e&&n>=s-e&&n<=c+e;i===null?Number.isFinite(t)&&(u(a,t*a+n),u(o,t*o+n),Math.abs(t)>e?(u((s-n)/t,s),u((c-n)/t,c)):n>=s-e&&n<=c+e&&(u(a,n),u(o,n))):i>=a-e&&i<=o+e&&(u(i,s),u(i,c));let f=l.filter(d),p=[];for(let e of f)p.some(t=>Math.abs(t.x-e.x)<1e-6&&Math.abs(t.y-e.y)<1e-6)||p.push(e);if(p.length<2)return null;let m=p[0],h=p[1],g=0;for(let e=0;e<p.length;e+=1)for(let t=e+1;t<p.length;t+=1){let n=p[e].x-p[t].x,r=p[e].y-p[t].y,i=n*n+r*r;i>g&&(g=i,m=p[e],h=p[t])}return{x1:m.x,y1:m.y,x2:h.x,y2:h.y}};return $r.value.map(n=>{let r=n.plots.length,i=n.plots.reduce((e,t)=>e+t.x,0)/r,a=n.plots.reduce((e,t)=>e+t.y,0)/r,o=0,s=0,c=0;for(let e of n.plots){let t=e.x-i,n=e.y-a;o+=t*n,s+=t*t,c+=n*n}let l,u,f=null;s<e?(f=i,l=1/0,u=null):(l=o/s,u=a-l*i);let p,m;f===null?(p=l,m=u):(p=1/0,m=null);let h=n.plots.every(e=>e.v&&typeof e.v.x==`number`&&typeof e.v.y==`number`),g=NaN;if(r>=2){let t=0,o=0;h?(t=n.plots.reduce((e,t)=>e+t.v.x,0)/r,o=n.plots.reduce((e,t)=>e+t.v.y,0)/r):(t=i,o=-a);let s=0,c=0,l=0;for(let e of n.plots){let n=h?e.v.x:e.x,r=h?e.v.y:-e.y,i=n-t,a=r-o;s+=i*a,c+=i*i,l+=a*a}if(c>=e&&l>=e){let e=s/Math.sqrt(c*l);g=Math.max(-1,Math.min(1,e))}}let ee=t({m:p,b:m,rect:U.value,verticalX:f});if(!ee)return{...n,correlation:null,label:null,plots:n.plots.map(e=>({...e,deviation:0,shape:n.shape,color:d(n.color)}))};let te={x:(ee.x1+ee.x2)/2,y:(ee.y1+ee.y2)/2};return{...n,color:d(n.color),correlation:{...ee,coefficient:g},label:te,plots:n.plots.map(t=>{let r,i;f===null?Math.abs(p)<e?(r=t.x,i=m):(r=(t.x+p*t.y-p*m)/(1+p*p),i=(p*t.x+p*p*t.y+m)/(1+p*p)):(r=f,i=t.y);let a=t.x-r,o=t.y-i,s=Math.sqrt(a*a+o*o);return{...t,deviation:s,shape:n.shape,color:d(n.color)}})}})}),ei=v(()=>Math.max(...q.value.flatMap(e=>e.plots.map(e=>Math.abs(e.deviation)))));function ti(){return q.value}function ni(e,t){let n=Array.isArray(e)?e.flatMap(e=>e.plots.map(e=>({x:e.x,y:e.y}))):e.plots.map(e=>({x:e.x,y:e.y})),r=1/0,i=-1/0,a=1/0,o=-1/0;n.forEach(({x:e,y:t})=>{r=Math.min(r,e),i=Math.max(i,e),a=Math.min(a,t),o=Math.max(o,t)});let s=i-r,c=o-a,l=s/t,u=c/t,d=Array(t).fill(0),f=Array(t).fill(0),p=(e,n,r)=>r>0?Math.max(0,Math.min(t-1,Math.floor((e-n)/r+1e-10))):0;n.forEach(({x:e,y:t})=>{let n=p(e,r,l),i=p(t,a,u);d[n]||(d[n]=0),f[i]||(f[i]=0),d[n]+=1,f[i]+=1});let m=[],h=[];for(let e=0;e<t;e+=1)m.push(r+(e+.5)*l),h.push(a+(e+.5)*u);return{x:d,y:f,avgX:m,avgY:h,maxX:Math.max(...d),maxY:Math.max(...f)}}let J=v(()=>L.value.tranches),Y=v(()=>ni($r.value,J.value)),ri=v(()=>{let e=U.value.top-L.value.offset,t=U.value.right+L.value.offset;return $r.value.map(n=>{let r=ni(n,J.value);return{coords:r,dX:l(r.avgX.map((t,n)=>({x:t,y:e-r.x[n]/r.maxX*L.value.size}))),dY:o(r.avgY.map((e,n)=>({y:e,x:t+L.value.size*r.y[n]/r.maxY}))),color:n.color,id:n.id}})}),X=w(void 0),Z=w(null),Q=w([]),ii=w(!1),ai=w(null),oi=w(void 0);function si(){Fn.value=!1,X.value=void 0,Q.value=[],Z.value=null,sr.value=null,rr.value=null,oi.value=void 0}function ci(e){let t=q.value.find(t=>t.id===e);t?(Q.value=t.plots.map(e=>e.id),oi.value=e):Q.value=[]}function li(){Q.value=[],oi.value=void 0}function ui(e){if(!yr.value||!e)return;let t=ae(e.x,e.y,yr.value);t&&(ir.value=t)}let di=v(()=>Z.value?[Z.value]:Q.value.length?q.value.flatMap(e=>e.plots).filter(e=>Q.value.includes(e.id)):[]);function fi(e){let t=F.value,r=t.scales.labels;return g(r.formatter,h(e.v.x),n({p:R.value.selectors.labels.prefix,v:h(e.v.x),s:R.value.selectors.labels.suffix,r:Hr(t)}),{datapoint:e})}function pi(e){let t=I.value,r=t.scales.labels;return g(r.formatter,h(e.v.y),n({p:R.value.selectors.labels.prefix,v:h(e.v.y),s:R.value.selectors.labels.suffix,r:Hr(t)}),{datapoint:e})}function mi(e,t,r=`pointer`,i=null){X.value=e.id,Z.value=e,ar.value=r,sr.value=i,rr.value=e.id;let o=``;N.value.events.datapointEnter&&N.value.events.datapointEnter({datapoint:e,seriesIndex:t}),ai.value={datapoint:e,seriesIndex:t,series:q.value,config:N.value};let s=z.value.customFormat;a(s)&&re(()=>s({datapoint:e,seriesIndex:t,series:q.value,config:N.value}))?In.value=s({datapoint:e,seriesIndex:t,series:q.value,config:N.value}):(e.clusterName&&(o+=`<div style="display:flex;gap:3px;align-items:center">${e.clusterName}</div>`),e.v.name&&(o+=`<div>${e.v.name}</div>`),o+=`<div style="text-align:left;margin-top:6px;padding-top:6px;border-top:1px solid ${z.value.borderColor}">`,o+=`<div>${F.value.name}: <b>${isNaN(e.v.x)?`-`:g(R.value.selectors.labels.x.formatter,e.v.x,n({p:z.value.prefix,v:e.v.x,s:z.value.suffix,r:z.value.roundingValue}),{datapoint:e,seriesIndex:t})}</b></div>`,o+=`<div>${I.value.name}: <b>${isNaN(e.v.y)?`-`:g(R.value.selectors.labels.y.formatter,e.v.y,n({p:z.value.prefix,v:e.v.y,s:z.value.suffix,r:z.value.roundingValue}),{datapoint:e,seriesIndex:t})}</b></div>`,o+=`${R.value.deviation.translation}: <b>${n({v:e.deviation,r:R.value.deviation.roundingValue})}</b>`,o+=`</div>`,In.value=`<div>${o}</div>`),Fn.value=!0,r===`keyboard`&&We(()=>{ui(e)})}function hi(e,t){N.value.events.datapointLeave&&N.value.events.datapointLeave({datapoint:e,seriesIndex:t}),(ar.value!==`keyboard`||rr.value!==e?.id)&&(Fn.value=!1,X.value=void 0,Z.value=null)}function gi(e,t){N.value.events.datapointClick&&N.value.events.datapointClick({datapoint:e,seriesIndex:t})}function _i(){M.value.length?M.value=[]:K.value.forEach(e=>{M.value.push(e.id)}),Nn(`selectLegend`,$r.value)}function vi(e){M.value.includes(e)?M.value=M.value.filter(t=>t!==e):M.value.length<mr.value.length-1&&M.value.push(e),Nn(`selectLegend`,$r.value)}function yi(e){return K.value.length?K.value.find(t=>t.name===e)||(Er.value&&console.warn(`VueUiScatter - Series name not found "${e}"`),null):(Er.value&&console.warn(`VueUiScatter - There are no series to show.`),null)}function bi(e){let t=yi(e);t!==null&&M.value.includes(t.id)&&vi(t.id)}function xi(e){let t=yi(e);t!==null&&(M.value.includes(t.id)||vi(t.id))}function Si(e=null){We(()=>{let t=[``,N.value.table.translations.correlationCoefficient,N.value.table.translations.nbrPlots,`${F.value.name} ${N.value.table.translations.average}`,`${I.value.name} ${N.value.table.translations.average}`],n=q.value.map(e=>[e.name,e.correlation.coefficient,e.plots.length,e.plots.map(e=>e.v.x).reduce((e,t)=>e+t,0)/e.plots.length,e.plots.map(e=>e.v.y).reduce((e,t)=>e+t,0)/e.plots.length]),r=[[B.value.title.text],[B.value.title.subtitle.text],[[``],[``],[``]],t].concat(n),a=i(r);e?e(a):ne({csvContent:a,title:B.value.title.text||`vue-ui-heatmap`})})}let Ci=v(()=>{let e=[N.value.table.translations.series,N.value.table.translations.correlationCoefficient,N.value.table.translations.nbrPlots,`${F.value.name} ${N.value.table.translations.average}`,`${I.value.name} ${N.value.table.translations.average}`],t=q.value.map(e=>[{shape:e.shape,content:e.name??`-`,color:e.color},Number((e.correlation?.coefficient??0).toFixed(N.value.table.td.roundingValue)).toLocaleString(),e.plots.length.toLocaleString(),Number((e.plots.map(e=>e.v.x??0).reduce((e,t)=>e+t,0)/e.plots.length).toFixed(N.value.table.td.roundingAverage)).toLocaleString(),Number((e.plots.map(e=>e.v.y??0).reduce((e,t)=>e+t,0)/e.plots.length).toFixed(N.value.table.td.roundingAverage)).toLocaleString()]);return{head:e,body:t,a11yBody:t.map(e=>e.map((e,t)=>t===0?e.content:e)),config:{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},colNames:e}}),wi=w(!1);function Ti(e){wi.value=e,Ln.value+=1}function Ei(){V.value.showTable=!V.value.showTable}function Di(){V.value.showTooltip=!V.value.showTooltip}let Oi=w(!1);function ki(){Oi.value=!Oi.value}async function Ai({scale:e=2}={}){if(!Rn.value)return;let{width:t,height:n}=Rn.value.getBoundingClientRect(),r=t/n,{imageUri:i,base64:a}=await ge({domElement:Rn.value,base64:!0,img:!0,scale:e});return{imageUri:i,base64:a,title:B.value.title.text,width:t,height:n,aspectRatio:r}}function ji(e){qn.value=e,L.value.highlighter.highlightBothAxes&&(Jn.value=Y.value.y.length-2-e)}function Mi(e){Jn.value=e,L.value.highlighter.highlightBothAxes&&(qn.value=e)}function Ni(){qn.value=null,Jn.value=null}let Pi={circle:1,square:1,diamond:1,triangle:1.2,star:1.3,pentagon:1.3,hexagon:1.3},$=e=>e.toFixed(3);function Fi({shape:e=`circle`,cx:t,cy:n,r}){if(!N.value.usePerformanceMode)return``;let i=Pi[e]*r;switch(e){case`circle`:{let e=$(t-i),r=$(n),a=$(t+i),o=$(i);return`M ${e} ${r} A ${o} ${o} 0 1 0 ${a} ${r} A ${o} ${o} 0 1 0 ${e} ${r} Z`}case`square`:{let e=$(t-i),r=$(n-i),a=$(t+i),o=$(n+i);return`M ${e} ${r} L ${a} ${r} L ${a} ${o} L ${e} ${o} Z`}case`diamond`:{let e=$(t),r=$(n);return`M ${e} ${$(n-i)} L ${$(t+i)} ${r} L ${e} ${$(n+i)} L ${$(t-i)} ${r} Z`}case`triangle`:{let e=i*Math.sqrt(3),r=t,a=n-2/3*e,o=t-i,s=n+1/3*e,c=t+i,l=s;return`M ${$(r)} ${$(a)} L ${$(o)} ${$(s)} L ${$(c)} ${$(l)} Z`}case`star`:{let e=i,r=i*.5,a=[];for(let i=0;i<10;i+=1){let o=(-90+i*36)*Math.PI/180,s=i%2==0?e:r;a.push([t+s*Math.cos(o),n+s*Math.sin(o)])}let o=`M ${$(a[0][0])} ${$(a[0][1])}`;for(let e=1;e<a.length;e+=1)o+=` L ${$(a[e][0])} ${$(a[e][1])}`;return o+` Z`}case`pentagon`:{let e=[];for(let r=0;r<5;r+=1){let a=(-90+r*72)*Math.PI/180;e.push([t+i*Math.cos(a),n+i*Math.sin(a)])}let r=`M ${$(e[0][0])} ${$(e[0][1])}`;for(let t=1;t<5;t+=1)r+=` L ${$(e[t][0])} ${$(e[t][1])}`;return r+` Z`}case`hexagon`:{let e=[];for(let r=0;r<6;r+=1){let a=(-60+r*60)*Math.PI/180;e.push([t+i*Math.cos(a),n+i*Math.sin(a)])}let r=`M ${$(e[0][0])} ${$(e[0][1])}`;for(let t=1;t<6;t+=1)r+=` L ${$(e[t][0])} ${$(e[t][1])}`;return r+` Z`}default:{let e=$(t-i),r=$(n),a=$(t+i),o=$(i);return`M ${e} ${r} A ${o} ${o} 0 1 0 ${a} ${r} A ${o} ${o} 0 1 0 ${e} ${r} Z`}}}let Ii=v(()=>{if(!N.value.usePerformanceMode)return[``];let{left:e,right:t,top:n,bottom:r}=U.value,i=Math.max(1,(t-e)*(r-n)),a=e=>e/i*1e4,o=R.value.stroke,s=R.value.strokeWidth,l=R.value.opacity;return q.value.map(i=>{let u=[];for(let a of i.plots){let o=a.x,s=a.y;if(o<e||o>t||s<n||s>r)continue;let c=Math.max(R.value.radius,a.weight);u.push(Fi({shape:i.shape||`circle`,cx:o,cy:s,r:c}))}if(!u.length)return null;let d=a(i.plots.length)>2.5||i.plots.length>1e3;return{id:i.id,d:u.join(``),fill:c(i.color,l*100),stroke:d?`none`:o,strokeWidth:d?0:s,strokeOpacity:1}}).filter(Boolean)});function Li(){return N.value.usePerformanceMode?e=>{let t=yr.value;if(!t)return;let n=t.createSVGPoint();n.x=e.clientX,n.y=e.clientY;let r=t.getScreenCTM();if(!r)return;let i=r.inverse(),a=n.matrixTransform(i),o=null,s=1/0,c=-1;if(q.value.forEach((e,t)=>{e.plots.forEach(e=>{let n=e.x-a.x,r=e.y-a.y,i=n*n+r*r;i<=64&&i<s&&(s=i,o=e,c=t)})}),ii.value=!!o,o)X.value!==o.id&&(X.value=o.id,mi(o,c,`pointer`,ra.value.get(o.id)??null));else if(X.value){let e=Z.value;X.value=void 0,hi(e,c)}}:()=>null}let Ri=Li();function zi(){if(ii.value=!1,X.value){let e=Z.value;X.value=void 0,hi(e,null)}}function Bi(e){let t=Z.value;if(t){let e=q.value.findIndex(e=>e.id===t.clusterId);gi(t,e>=0?e:0)}}let Vi=v(()=>be({config:N,style:B,mutableConfig:V,dialog:jn,accordion:En,isFullscreen:wi,parent:Rn,maxWidth:800,isCursorPointer:lr}));$e(()=>V.value.showTable,e=>ye(e,N,Yn));function Hi(){V.value.showTable=!1,Xn.value&&Xn.value.setTableIconState(!1)}let Ui=v(()=>B.value.backgroundColor),Wi=v(()=>B.value.legend),Gi=v(()=>B.value.title),{isCallbackImaging:Ki,isCallbackSvg:qi,generateSvg:Ji,onGenerateImage:Yi}=ve({svg:yr,title:Gi,legend:Wi,legendItems:K,backgroundColor:Ui,getSvgCallback:()=>N.value.userOptions.callbacks.svg,generateImage:jr});async function Xi(){Nn(`copyAlt`,{config:N.value,dataset:$r.value}),N.value.userOptions.callbacks.altCopy?await Promise.resolve(N.value.userOptions.callbacks.altCopy({config:N.value,dataset:$r.value})):console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.")}function Zi(e,t){let n=na.value.filter(t=>t.id!==e.id);if(!n.length)return null;let r=(n=>{if(!n.length)return null;let r=null,i=1/0;return n.forEach(n=>{let a=n.x-e.x,o=n.y-e.y,s=0,c=0;t===`right`||t===`left`?(s=Math.abs(a),c=Math.abs(o)):(s=Math.abs(o),c=Math.abs(a));let l=s*1e3+c;l<i&&(r=n,i=l)}),r})(n.filter(n=>t===`right`?n.x>e.x:t===`left`?n.x<e.x:t===`down`?n.y>e.y:t===`up`&&n.y<e.y));if(r)return r;let i=[];if(t===`right`){let e=Math.min(...n.map(e=>e.x));i=n.filter(t=>t.x===e)}if(t===`left`){let e=Math.max(...n.map(e=>e.x));i=n.filter(t=>t.x===e)}if(t===`down`){let e=Math.min(...n.map(e=>e.y));i=n.filter(t=>t.y===e)}if(t===`up`){let e=Math.max(...n.map(e=>e.y));i=n.filter(t=>t.y===e)}return i.length?i.reduce((n,r)=>{if(!n)return r;let i=Math.abs(t===`right`||t===`left`?n.y-e.y:n.x-e.x);return Math.abs(t===`right`||t===`left`?r.y-e.y:r.x-e.x)<i?r:n},null):null}function Qi(){sr.value=null,rr.value=null,or.value=!0}function $i(){si(),ar.value=`pointer`,or.value=!1}function ea(e){if(!yr.value||Oi.value||document.activeElement!==yr.value||!na.value.length)return;let t=e.key===`ArrowLeft`,n=e.key===`ArrowRight`,r=e.key===`ArrowUp`,i=e.key===`ArrowDown`,a=e.key===`Enter`||e.key===` `,o=e.key===`Escape`;if(!t&&!n&&!r&&!i&&!a&&!o)return;if(e.preventDefault(),e.stopPropagation(),o){si(),ar.value=`pointer`;return}if(a){if(sr.value===null)return;let e=na.value[sr.value];if(!e)return;gi(e,e.seriesIndex);return}let s=null;if(n&&(s=`right`),t&&(s=`left`),i&&(s=`down`),r&&(s=`up`),rr.value===null){let e=Z.value;if(e&&e.id){let t=Zi(e,s);if(!t){let t=ra.value.get(e.id);if(t===void 0)return;mi(e,e.seriesIndex,`keyboard`,t);return}let n=ra.value.get(t.id);if(n===void 0)return;mi(t,t.seriesIndex,`keyboard`,n);return}let t=na.value[0];if(!t)return;let n=ra.value.get(t.id)??0;mi(t,t.seriesIndex,`keyboard`,n);return}let c=ra.value.get(rr.value);if(c===void 0)return;let l=na.value[c];if(!l)return;let u=Zi(l,s);if(!u)return;let d=ra.value.get(u.id);d!==void 0&&mi(u,u.seriesIndex,`keyboard`,d)}let ta=v(()=>{if(!Z.value)return``;let e=Z.value,t=isNaN(e.v.x)?`-`:g(R.value.selectors.labels.x.formatter,e.v.x,n({p:z.value.prefix,v:e.v.x,s:z.value.suffix,r:z.value.roundingValue}),{datapoint:e,seriesIndex:e.seriesIndex}),r=isNaN(e.v.y)?`-`:g(R.value.selectors.labels.y.formatter,e.v.y,n({p:z.value.prefix,v:e.v.y,s:z.value.suffix,r:z.value.roundingValue}),{datapoint:e,seriesIndex:e.seriesIndex});return[e.clusterName||``,e.v.name||``,`${F.value.name}: ${t}`,`${I.value.name}: ${r}`].filter(Boolean).join(`. `)}),na=v(()=>q.value.flatMap((e,t)=>e.plots.map(n=>({...n,seriesIndex:t,seriesId:e.id,seriesName:e.name,shape:e.shape||`circle`,color:e.color})))),ra=v(()=>{let e=/* @__PURE__ */ new Map;return na.value.forEach((t,n)=>{e.set(t.id,n)}),e}),ia=v(()=>({headers:Ci.value?.colNames??[],rows:Ci.value?.a11yBody??[]}));return me({getData:ti,getImage:Ai,generatePdf:Ar,generateCsv:Si,generateImage:jr,generateSvg:Ji,hideSeries:xi,showSeries:bi,toggleTable:Ei,toggleTooltip:Di,toggleAnnotator:ki,toggleFullscreen:Ti,copyAlt:Xi}),$e(()=>[H.value,F.value,I.value,B.value.layout.padding,Pr.value,W.value,R.value.selectors.labels,N.value.style.fontFamily,A.dataset,M.value,wr.value,Zn.value,Qn.value,er.value,nr.value,tr.value],Rr,{flush:`post`,deep:!0}),(e,t)=>(C(),x(`div`,{class:Ge(`vue-data-ui-component vue-ui-scatter ${wi.value?`vue-data-ui-wrapper-fullscreen`:``} ${N.value.useCssAnimation?``:`vue-ui-dna`}`),ref_key:`scatterChart`,ref:Rn,id:`vue-ui-scatter_${j.value}`,style:qe(`font-family:${B.value.fontFamily};width:100%; text-align:center;background:${B.value.backgroundColor};${N.value.responsive?`height: 100%`:``}`),onMouseenter:t[5]||=()=>O(_r)(!0),onMouseleave:t[6]||=()=>{O(_r)(!1),or.value||si()}},[S(`div`,{id:`chart-instructions-${j.value}`,class:`sr-only`},[S(`p`,null,D(N.value.a11y.translations.keyboardNavigation),1)],8,nt),V.value.showTooltip?b(``,!0):(C(),x(`div`,rt,D(ta.value),1)),ia.value?.rows?.length&&Pn.value?(C(),y(Me,{key:1,uid:j.value,head:ia.value.headers,body:ia.value.rows,notice:N.value.a11y.translations.tableAvailable,caption:N.value.a11y.translations.tableCaption},null,8,[`uid`,`head`,`body`,`notice`,`caption`])):b(``,!0),P.value.buttons.annotator?(C(),y(O(On),{key:2,svgRef:O(yr),backgroundColor:B.value.backgroundColor,color:B.value.color,active:Oi.value,isCursorPointer:lr.value,palette:P.value.annotatorPalette,onClose:ki},Re({_:2},[T(O(Se),t=>({name:t,fn:k(n=>[E(e.$slots,t,Ke(He(O(xe)(t,n))),void 0,!0)])}))]),1032,[`svgRef`,`backgroundColor`,`color`,`active`,`isCursorPointer`,`palette`])):b(``,!0),Mr.value?(C(),x(`div`,{key:3,ref_key:`noTitle`,ref:Hn,class:`vue-data-ui-no-title-space`,style:`height:36px; width: 100%;background:transparent`},null,512)):b(``,!0),B.value.title.text?(C(),x(`div`,{key:4,ref_key:`chartTitle`,ref:zn,style:`width:100%;background:transparent`},[(C(),y(_e,{key:`title_${Un.value}`,config:{title:{cy:`scatter-div-title`,...B.value.title},subtitle:{cy:`scatter-div-subtitle`,...B.value.title.subtitle}}},null,8,[`config`]))],512)):b(``,!0),S(`div`,{id:`legend-top-${j.value}`},null,8,it),P.value.show&&Pn.value&&(O(vr)||O(gr))?(C(),y(O(kn),{ref_key:`userOptionsRef`,ref:Xn,key:`user_options_${Ln.value}`,backgroundColor:B.value.backgroundColor,color:B.value.color,isImaging:O(kr),isPrinting:O(Or),uid:j.value,hasTooltip:P.value.buttons.tooltip&&z.value.show,hasPdf:P.value.buttons.pdf,hasImg:P.value.buttons.img,hasSvg:P.value.buttons.svg,hasXls:P.value.buttons.csv,hasTable:P.value.buttons.table,hasFullscreen:P.value.buttons.fullscreen,hasAltCopy:P.value.buttons.altCopy,isTooltip:V.value.showTooltip,isFullscreen:wi.value,titles:{...P.value.buttonTitles},chartElement:Rn.value,position:P.value.position,hasAnnotator:P.value.buttons.annotator,isAnnotation:Oi.value,callbacks:P.value.callbacks,printScale:P.value.print.scale,tableDialog:N.value.table.useDialog,isCursorPointer:lr.value,onToggleFullscreen:Ti,onGeneratePdf:O(Ar),onGenerateCsv:Si,onGenerateImage:O(Yi),onGenerateSvg:O(Ji),onToggleTable:Ei,onToggleTooltip:Di,onToggleAnnotator:ki,onCopyAlt:Xi,style:qe({visibility:O(vr)?O(gr)?`visible`:`hidden`:`visible`})},Re({_:2},[T(O(Ce)(e.$slots,`menuIcon optionTooltip optionPdf optionCsv optionImg optionSvg optionTable optionFullscreen optionAnnotator optionAltCopy custom-menu-before custom-menu-after`),t=>({name:t,fn:k(n=>[E(e.$slots,t,Ke(He(O(we)(t,n))),void 0,!0)])}))]),1032,/* @__PURE__ */ `backgroundColor.color.isImaging.isPrinting.uid.hasTooltip.hasPdf.hasImg.hasSvg.hasXls.hasTable.hasFullscreen.hasAltCopy.isTooltip.isFullscreen.titles.chartElement.position.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg.style`.split(`.`))):b(``,!0),S(`div`,at,[(C(),x(`svg`,{ref_key:`svgRef`,ref:yr,xmlns:O(ie),"aria-describedby":`chart-instructions-${j.value}`,class:Ge({"vue-data-ui-fullscreen--on":wi.value,"vue-data-ui-fulscreen--off":!wi.value,"vue-data-ui-no-transition":!O(cr)||O(Lr)}),viewBox:`0 0 ${H.value.width<=0?10:H.value.width} ${H.value.height<=0?10:H.value.height}`,style:qe(`max-width:100%;overflow:visible;background:transparent;color:${B.value.color};visibility:${O(Ir)?`visible`:`hidden`}`),onMouseleave:Ni,tabindex:`0`,onFocus:Qi,onBlur:$i,onKeydown:ea},[Be(O(An)),E(e.$slots,`svg-underlayer`,{svg:{...H.value,drawingArea:{...U.value,zero:G.value},data:$r.value,isPrintingImg:O(Or)||O(kr)||O(Ki),isPrintingSvg:O(qi)}},void 0,!0),e.$slots[`chart-background`]?(C(),x(`foreignObject`,{key:0,x:0,y:0,width:H.value.width<=0?10:H.value.width,height:H.value.height<=0?10:H.value.height,style:{pointerEvents:`none`}},[E(e.$slots,`chart-background`,{},void 0,!0)],8,st)):b(``,!0),B.value.layout.axis.show?(C(),x(`g`,ct,[S(`line`,{x1:G.value.x,x2:G.value.x,y1:U.value.top,y2:U.value.bottom,stroke:B.value.layout.axis.stroke,"stroke-width":B.value.layout.axis.strokeWidth,"stroke-linecap":`round`},null,8,lt),S(`line`,{x1:U.value.left,x2:U.value.right,y1:G.value.y,y2:G.value.y,stroke:B.value.layout.axis.stroke,"stroke-width":B.value.layout.axis.strokeWidth,"stroke-linecap":`round`},null,8,ut)])):b(``,!0),F.value.scales.verticalLines.show?(C(),x(`g`,dt,[(C(!0),x(_,null,T(Kr.value,(e,t)=>(C(),x(`line`,{key:`scatter-x-scale-line-${j.value}-${t}`,x1:e.x,x2:e.x,y1:U.value.top,y2:U.value.bottom,stroke:F.value.scales.verticalLines.stroke,"stroke-width":F.value.scales.verticalLines.strokeWidth,"stroke-linecap":`round`},null,8,ft))),128))])):b(``,!0),F.value.scales.show?(C(),x(`g`,{key:3,ref_key:`xAxisScaleLabels`,ref:nr},[(C(!0),x(_,null,T(Kr.value,(e,t)=>(C(),x(`g`,{class:`vue-ui-scatter-scale-group`,key:`scatter-x-scale-${j.value}-${t}`,opacity:+!Jr.value},[S(`path`,{class:Ge({"vue-data-ui-transition":O(cr)&&!O(Lr)}),stroke:B.value.layout.axis.stroke,"stroke-width":B.value.layout.axis.strokeWidth,d:`M${e.x},${G.value.y-4} ${e.x},${G.value.y+4}`,"stroke-linecap":`round`},null,10,mt),S(`text`,{class:Ge({"vue-data-ui-transition":O(cr)&&!O(Lr)}),transform:`translate(${e.x}, ${G.value.y+F.value.scales.labels.fontSize+6+F.value.scales.labels.offsetY})`,"text-anchor":`middle`,"font-size":F.value.scales.labels.fontSize,fill:F.value.scales.labels.color,stroke:B.value.backgroundColor,"stroke-width":`2`,"paint-order":`stroke`},D(e.label),11,ht)],8,pt))),128))],512)):b(``,!0),I.value.scales.horizontalLines.show?(C(),x(`g`,gt,[(C(!0),x(_,null,T(qr.value,(e,t)=>(C(),x(`line`,{key:`scatter-y-scale-line-${j.value}-${t}`,x1:U.value.left,x2:U.value.right,y1:e.y,y2:e.y,stroke:I.value.scales.horizontalLines.stroke,"stroke-width":I.value.scales.horizontalLines.strokeWidth,"stroke-linecap":`round`},null,8,_t))),128))])):b(``,!0),I.value.scales.show?(C(),x(`g`,{key:5,ref_key:`yAxisScaleLabels`,ref:tr,opacity:+!Yr.value,style:{transition:`opacity 0.1s ease-in-out`},class:`vue-ui-scatter-scale-group`},[(C(!0),x(_,null,T(qr.value,(e,t)=>(C(),x(`g`,{key:`scatter-y-scale-${j.value}-${t}`},[S(`path`,{class:Ge({"vue-data-ui-transition":O(cr)&&!O(Lr)}),d:`M${G.value.x-4},${e.y} ${G.value.x+4},${e.y}`,stroke:B.value.layout.axis.stroke,"stroke-width":B.value.layout.axis.strokeWidth,"stroke-linecap":`round`},null,10,yt),S(`text`,{class:Ge({"vue-data-ui-transition":O(cr)&&!O(Lr)}),transform:`translate(${G.value.x-I.value.scales.labels.fontSize/2-8+I.value.scales.labels.offsetX}, ${e.y+I.value.scales.labels.fontSize/3})`,"text-anchor":`end`,"font-size":I.value.scales.labels.fontSize,fill:I.value.scales.labels.color,stroke:B.value.backgroundColor,"stroke-width":`2`,"paint-order":`stroke`},D(e.label),11,bt)]))),128))],8,vt)):b(``,!0),L.value.show?(C(),x(`g`,xt,[S(`defs`,null,[Be(Ae,{t:`linear`,id:`marginal_x_${j.value}`,x1:`0%`,y1:`0%`,x2:`0%`,y2:`100%`,stops:[[`0%`,L.value.fill,1],[`100%`,B.value.backgroundColor,1]]},null,8,[`id`,`stops`]),Be(Ae,{t:`linear`,id:`marginal_y_${j.value}`,x1:`0%`,x2:`100%`,y1:`0%`,y2:`0%`,stops:[[`0%`,B.value.backgroundColor,1],[`100%`,L.value.fill,1]]},null,8,[`id`,`stops`])]),(C(!0),x(_,null,T(Y.value.x,(e,n)=>(C(),x(`g`,null,[e&&Y.value.avgX[n]?(C(),x(`rect`,{key:0,x:Y.value.avgX[n]-U.value.width/J.value/2,y:U.value.top-L.value.offset-e/Y.value.maxX*L.value.size,width:U.value.width/J.value<=0?1e-4:U.value.width/J.value,height:e/Y.value.maxX*L.value.size<=0?1e-4:e/Y.value.maxX*L.value.size,fill:L.value.useGradient?`url(#marginal_x_${j.value})`:L.value.fill,style:qe([`opacity:${L.value.opacity}`,{"pointer-events":`none`}]),stroke:B.value.backgroundColor,"stroke-width":L.value.strokeWidth,rx:L.value.borderRadius},null,12,St)):b(``,!0),Y.value.avgX[n]?(C(),x(`rect`,{key:1,x:Y.value.avgX[n]-U.value.width/J.value/2,y:U.value.top-L.value.offset-L.value.size,width:U.value.width/J.value<=0?1e-4:U.value.width/J.value,height:Math.max(.1,L.value.size),fill:`transparent`,onMouseenter:e=>ji(n),onMouseleave:t[0]||=e=>Ni()},null,40,Ct)):b(``,!0),Y.value.avgX[n]&&qn.value!=null&&qn.value===n?(C(),x(`g`,wt,[S(`rect`,{x:Y.value.avgX[n]-U.value.width/J.value/2,y:U.value.top,width:U.value.width/J.value<=0?1e-4:U.value.width/J.value,height:U.value.height,fill:L.value.highlighter.color,"fill-opacity":L.value.highlighter.opacity},null,8,Tt),S(`line`,{x1:Y.value.avgX[n]-U.value.width/J.value/2,x2:Y.value.avgX[n]-U.value.width/J.value/2,y1:0,y2:U.value.top+U.value.height,stroke:L.value.highlighter.stroke,"stroke-dasharray":L.value.highlighter.strokeDasharray,"stroke-width":L.value.highlighter.strokeWidth,style:{transition:`none !important`,animation:`none !important`}},null,8,Et),S(`line`,{x1:Y.value.avgX[n]-U.value.width/J.value/2+(U.value.width/J.value<=0?1e-4:U.value.width/J.value),x2:Y.value.avgX[n]-U.value.width/J.value/2+(U.value.width/J.value<=0?1e-4:U.value.width/J.value),y1:0,y2:U.value.top+U.value.height,stroke:L.value.highlighter.stroke,"stroke-dasharray":L.value.highlighter.strokeDasharray,"stroke-width":L.value.highlighter.strokeWidth,style:{transition:`none !important`,animation:`none !important`}},null,8,Dt)])):b(``,!0)]))),256)),(C(!0),x(_,null,T(Y.value.y,(e,n)=>(C(),x(`g`,null,[e&&Y.value.avgY[n]?(C(),x(`rect`,{key:0,x:U.value.right+L.value.offset,y:Y.value.avgY[n]-U.value.height/J.value/2,height:U.value.height/J.value<=0?1e-4:U.value.height/J.value,width:e/Y.value.maxY*L.value.size<=0?1e-4:e/Y.value.maxY*L.value.size,fill:L.value.useGradient?`url(#marginal_y_${j.value})`:L.value.fill,style:qe([`opacity:${L.value.opacity}`,{"pointer-events":`none`}]),stroke:B.value.backgroundColor,"stroke-width":L.value.strokeWidth,rx:L.value.borderRadius},null,12,Ot)):b(``,!0),Y.value.avgY[n]?(C(),x(`rect`,{key:1,x:U.value.right+L.value.offset,y:Y.value.avgY[n]-U.value.height/J.value/2,width:Math.max(.1,L.value.size),height:U.value.height/J.value<=0?1e-4:U.value.height/J.value,fill:`transparent`,onMouseenter:e=>Mi(n),onMouseleave:t[1]||=e=>Ni()},null,40,kt)):b(``,!0),Y.value.avgY[n]&&Jn.value!=null&&Jn.value===n?(C(),x(`g`,At,[S(`rect`,{x:U.value.left,y:Y.value.avgY[n]-U.value.height/J.value/2,width:U.value.width,height:U.value.height/J.value<=0?1e-4:U.value.height/J.value,fill:L.value.highlighter.color,"fill-opacity":L.value.highlighter.opacity},null,8,jt),S(`line`,{x1:U.value.left,x2:H.value.width,y1:Y.value.avgY[n]-U.value.height/J.value/2,y2:Y.value.avgY[n]-U.value.height/J.value/2,stroke:L.value.highlighter.stroke,"stroke-dasharray":L.value.highlighter.strokeDasharray,"stroke-width":L.value.highlighter.strokeWidth,style:{transition:`none !important`,animation:`none !important`}},null,8,Mt),S(`line`,{x1:U.value.left,x2:H.value.width,y1:Y.value.avgY[n]-U.value.height/J.value/2+(U.value.height/J.value<=0?1e-4:U.value.height/J.value),y2:Y.value.avgY[n]-U.value.height/J.value/2+(U.value.height/J.value<=0?1e-4:U.value.height/J.value),stroke:L.value.highlighter.stroke,"stroke-dasharray":L.value.highlighter.strokeDasharray,"stroke-width":L.value.highlighter.strokeWidth,style:{transition:`none !important`,animation:`none !important`}},null,8,Nt)])):b(``,!0)]))),256)),L.value.showLines?(C(),x(`g`,Pt,[(C(!0),x(_,null,T(ri.value,e=>(C(),x(_,null,[M.value.includes(e.id)?b(``,!0):(C(),x(`path`,{key:0,d:`M ${e.dX}`,stroke:B.value.backgroundColor,"stroke-width":L.value.linesStrokeWidth+1,"stroke-linecap":`round`,"stroke-linejoin":`round`,fill:`none`},null,8,Ft)),M.value.includes(e.id)?b(``,!0):(C(),x(`path`,{key:1,d:`M ${e.dX}`,stroke:e.color,"stroke-width":L.value.linesStrokeWidth,"stroke-linecap":`round`,"stroke-linejoin":`round`,fill:`none`},null,8,It)),M.value.includes(e.id)?b(``,!0):(C(),x(`path`,{key:2,d:`M ${e.dY}`,stroke:B.value.backgroundColor,"stroke-width":L.value.linesStrokeWidth+1,"stroke-linecap":`round`,"stroke-linejoin":`round`,fill:`none`},null,8,Lt)),M.value.includes(e.id)?b(``,!0):(C(),x(`path`,{key:3,d:`M ${e.dY}`,stroke:e.color,"stroke-width":L.value.linesStrokeWidth,"stroke-linecap":`round`,"stroke-linejoin":`round`,fill:`none`},null,8,Rt))],64))),256))])):b(``,!0)])):b(``,!0),R.value.giftWrap.show?(C(),x(`g`,zt,[(C(!0),x(_,null,T(q.value,(e,t)=>(C(),x(`g`,null,[e.plots.length>2?(C(),x(`polygon`,{key:0,points:O(r)({series:e.plots}),fill:O(c)(e.color,R.value.giftWrap.fillOpacity*100),"stroke-width":R.value.giftWrap.strokeWidth,"stroke-dasharray":R.value.giftWrap.strokeDasharray,stroke:e.color,"stroke-linejoin":`round`,"stroke-linecap":`round`},null,8,Bt)):b(``,!0)]))),256))])):b(``,!0),N.value.usePerformanceMode?b(``,!0):(C(!0),x(_,{key:8},T(q.value,(e,t)=>(C(),x(`g`,{key:e.id},[!e.shape||e.shape===`circle`?(C(),x(`g`,Vt,[(C(!0),x(_,null,T(e.plots,(n,r)=>(C(),x(`circle`,{key:n.id,cx:n.x,cy:n.y,r:X.value&&X.value===n.id||Q.value.includes(n.id)?n.weight*R.value.hoverRadiusRatio:n.weight,fill:O(c)(e.color,X.value&&X.value!==n.id||Q.value.length&&!Q.value.includes(n.id)?R.value.opacityNotSelected*100:R.value.opacity*100),stroke:R.value.stroke,"stroke-width":R.value.strokeWidth,style:qe(`opacity:${X.value&&X.value===n.id||Q.value.includes(n.id)?1:R.value.significance.useDistanceOpacity?1-Math.abs(n.deviation)/ei.value:R.value.significance.show&&Math.abs(n.deviation)>R.value.significance.deviationThreshold?R.value.significance.opacity:1}`),onMouseover:e=>mi(n,t,`pointer`,ra.value.get(n.id)),onMouseleave:e=>hi(n,t),onClick:e=>gi(n,t)},null,44,Ht))),128))])):(C(),x(`g`,Ut,[(C(!0),x(_,null,T(e.plots,(n,r)=>(C(),y(Oe,{class:`vue-ui-scatter-datapoint`,plot:{x:n.x,y:n.y},radius:X.value&&X.value===n.id||Q.value.includes(n.id)?n.weight*R.value.hoverRadiusRatio:n.weight,shape:e.shape,color:O(c)(e.color,X.value&&X.value!==n.id||Q.value.length&&!Q.value.includes(n.id)?R.value.opacityNotSelected*100:R.value.opacity*100),stroke:R.value.stroke,strokeWidth:R.value.strokeWidth,style:qe(`opacity:${X.value&&X.value===n.id||Q.value.includes(n.id)?1:R.value.significance.useDistanceOpacity?1-Math.abs(n.deviation)/ei.value:R.value.significance.show&&Math.abs(n.deviation)>R.value.significance.deviationThreshold?R.value.significance.opacity:1}`),onMouseover:e=>mi(n,t,`pointer`,ra.value.get(n.id)),onMouseleave:e=>hi(n,t),onClick:e=>gi(n,t)},null,8,[`plot`,`radius`,`shape`,`color`,`stroke`,`strokeWidth`,`style`,`onMouseover`,`onMouseleave`,`onClick`]))),256))])),R.value.name.show?(C(!0),x(_,{key:2},T(e.plots,(e,n)=>(C(),x(`text`,{class:`vue-ui-scatter-datapoint-label`,key:`datalabel-${e.id}`,transform:`translate(${e.x}, ${e.y-e.weight-R.value.name.fontSize+R.value.name.offsetY})`,"text-anchor":`middle`,"font-size":R.value.name.fontSize,fill:O(c)(R.value.name.color,X.value&&X.value!==e.id||Q.value.length&&!Q.value.includes(e.id)?R.value.opacityNotSelected*100:100),onMouseover:n=>mi(e,t,`pointer`,ra.value.get(e.id)),onMouseleave:n=>hi(e,t),onClick:n=>gi(e,t)},D(e.clusterName),41,Wt))),128)):b(``,!0)]))),128)),N.value.usePerformanceMode?(C(),x(_,{key:9},[S(`g`,null,[(C(!0),x(_,null,T(Ii.value,e=>(C(),x(`path`,{key:e.id,d:e.d,fill:e.fill,stroke:e.stroke,"stroke-width":e.strokeWidth,"stroke-opacity":e.strokeOpacity,"vector-effect":`non-scaling-stroke`,"paint-order":`fill`},null,8,Gt))),128))]),Z.value?(C(),x(`g`,Kt,[Be(Oe,{shape:Z.value.shape||`circle`,color:Z.value.color,plot:{x:Z.value.x,y:Z.value.y},radius:Z.value.weight*R.value.hoverRadiusRatio,stroke:R.value.stroke,strokeWidth:R.value.strokeWidth},null,8,[`shape`,`color`,`plot`,`radius`,`stroke`,`strokeWidth`])])):b(``,!0),S(`rect`,{x:U.value.left,y:U.value.top,width:Math.max(1e-4,U.value.width),height:Math.max(1e-4,U.value.height),fill:`transparent`,style:qe({cursor:ii.value&&ur.value?`pointer`:`default`}),onMousemove:t[2]||=(...e)=>O(Ri)&&O(Ri)(...e),onMouseleave:zi,onClick:Bi},null,44,qt)],64)):b(``,!0),(C(!0),x(_,null,T(di.value,e=>(C(),x(_,{key:`selector_${e.id}`},[R.value.selectors.show?(C(),x(`g`,Jt,[S(`line`,{x1:G.value.x,x2:e.x,y1:e.y,y2:e.y,stroke:R.value.selectors.stroke,"stroke-width":R.value.selectors.strokeWidth,"stroke-dasharray":R.value.selectors.strokeDasharray,"stroke-linecap":`round`,class:`line-pointer`},null,8,Yt),S(`line`,{x1:e.x,x2:e.x,y1:G.value.y,y2:e.y,stroke:R.value.selectors.stroke,"stroke-width":R.value.selectors.strokeWidth,"stroke-dasharray":R.value.selectors.strokeDasharray,"stroke-linecap":`round`,class:`line-pointer`},null,8,Xt),I.value.scales.show?b(``,!0):(C(),x(`text`,{key:0,x:G.value.x+(e.x>G.value.x?-6:6),y:e.y+R.value.selectors.labels.fontSize/3,"font-size":R.value.selectors.labels.fontSize,fill:R.value.selectors.labels.color,"font-weight":R.value.selectors.labels.bold?`bold`:`normal`,"text-anchor":e.x>G.value.x?`end`:`start`},D(O(g)(R.value.selectors.labels.y.formatter,O(h)(e.v.y),O(n)({p:R.value.selectors.labels.prefix,v:O(h)(e.v.y),s:R.value.selectors.labels.suffix,r:R.value.selectors.labels.rounding}),{datapoint:e})),9,Zt)),F.value.scales.show?b(``,!0):(C(),x(`text`,{key:1,x:e.x,y:G.value.y+(e.y>G.value.y?-6:R.value.selectors.labels.fontSize+6),"font-size":R.value.selectors.labels.fontSize,fill:R.value.selectors.labels.color,"font-weight":R.value.selectors.labels.bold?`bold`:`normal`,"text-anchor":`middle`},D(O(g)(R.value.selectors.labels.y.formatter,O(h)(e.v.x),O(n)({p:R.value.selectors.labels.prefix,v:O(h)(e.v.x),s:R.value.selectors.labels.suffix,r:R.value.selectors.labels.rounding}),{datapoint:e})),9,Qt)),F.value.scales.show?(C(),x(`text`,{key:2,x:e.x,y:G.value.y+F.value.scales.labels.fontSize+6+F.value.scales.labels.offsetY,"text-anchor":`middle`,"font-size":F.value.scales.labels.fontSize,fill:F.value.scales.labels.color},D(fi(e)),9,$t)):b(``,!0),I.value.scales.show?(C(),x(`text`,{key:3,x:G.value.x-I.value.scales.labels.fontSize/2-8+I.value.scales.labels.offsetX,y:e.y+I.value.scales.labels.fontSize/3,"text-anchor":`end`,"font-size":I.value.scales.labels.fontSize,fill:I.value.scales.labels.color},D(pi(e)),9,en)):b(``,!0),S(`circle`,{cx:G.value.x,cy:e.y,r:R.value.selectors.markers.radius,fill:R.value.selectors.markers.fill,stroke:R.value.selectors.markers.stroke,"stroke-width":R.value.selectors.markers.strokeWidth,class:`line-pointer`},null,8,tn),S(`circle`,{cx:e.x,cy:G.value.y,r:R.value.selectors.markers.radius,fill:R.value.selectors.markers.fill,stroke:R.value.selectors.markers.stroke,"stroke-width":R.value.selectors.markers.strokeWidth,class:`line-pointer`},null,8,nn),R.value.selectors.labels.showName&&!R.value.name.show?(C(),x(`text`,{key:4,x:e.x,y:e.y+(e.y<G.value.y?-R.value.selectors.labels.fontSize/2:R.value.selectors.labels.fontSize),"font-size":R.value.selectors.labels.fontSize,fill:R.value.selectors.labels.color,"font-weight":R.value.selectors.labels.bold?`bold`:`normal`,"text-anchor":e.x<U.value.left+100?`start`:e.x>U.value.right-100?`end`:e.x>G.value.x?`start`:`end`},D(e.v.name),9,rn)):b(``,!0)])):b(``,!0)],64))),128)),F.value.show?(C(),x(`g`,{key:10,ref_key:`xAxisLabelLeft`,ref:Zn},[S(`text`,{id:`vue-ui-scatter-xAxis-label-${j.value}`,transform:`translate(${F.value.fontSize+(B.value.layout.dataLabels.reverseAxisLabels?I.value.offsetX:F.value.offsetX)}, ${U.value.top+U.value.height/2+(B.value.layout.dataLabels.reverseAxisLabels?I.value.offsetY:F.value.offsetY)}), rotate(-90)`,"text-anchor":`middle`,"font-size":F.value.fontSize,"font-weight":F.value.bold?`bold`:`normal`,fill:F.value.color},D(B.value.layout.dataLabels.reverseAxisLabels?I.value.name:F.value.name),9,an),F.value.showValue?(C(),x(`text`,{key:0,"text-anchor":`middle`,"font-size":F.value.fontSize,fill:F.value.color,transform:`translate(${F.value.name?F.value.fontSize*3:0}, ${G.value.y+F.value.fontSize/3}), rotate(-90)`},D(O(g)(R.value.selectors.labels.x.formatter,O(h)(W.value.xMin),O(n)({p:R.value.selectors.labels.prefix,v:O(h)(W.value.xMin),s:R.value.selectors.labels.suffix,r:B.value.layout.dataLabels.xAxis.rounding}))),9,on)):b(``,!0)],512)):b(``,!0),F.value.show&&F.value.showValue?(C(),x(`text`,{key:11,ref_key:`xAxisLabelRight`,ref:Qn,"text-anchor":`middle`,transform:`translate(${U.value.right+B.value.layout.padding.right+6}, ${G.value.y+F.value.fontSize/3}), rotate(-90)`,"font-size":F.value.fontSize,fill:F.value.color},D(O(g)(R.value.selectors.labels.x.formatter,O(h)(W.value.xMax),O(n)({p:R.value.selectors.labels.prefix,v:O(h)(W.value.xMax),s:R.value.selectors.labels.suffix,r:F.value.rounding}))),9,sn)):b(``,!0),I.value.show&&I.value.showValue?(C(),x(`text`,{key:12,ref_key:`yAxisLabelTop`,ref:$n,x:G.value.x,y:U.value.top-I.value.fontSize,"text-anchor":`middle`,"font-size":I.value.fontSize,fill:I.value.color},D(O(g)(R.value.selectors.labels.y.formatter,O(h)(W.value.yMax),O(n)({p:R.value.selectors.labels.prefix,v:O(h)(W.value.yMax),s:R.value.selectors.labels.suffix,r:I.value.rounding}))),9,cn)):b(``,!0),I.value.show?(C(),x(`g`,{key:13,ref_key:`yAxisLabelBottom`,ref:er},[I.value.showValue?(C(),x(`text`,{key:0,x:G.value.x,y:H.value.height-I.value.fontSize*2,"text-anchor":`middle`,"font-size":I.value.fontSize,fill:I.value.color},D(O(g)(R.value.selectors.labels.y.formatter,O(h)(W.value.yMin),O(n)({p:R.value.selectors.labels.prefix,v:O(h)(W.value.yMin),s:R.value.selectors.labels.suffix,r:B.value.layout.dataLabels.yAxis.rounding}))),9,ln)):b(``,!0),S(`text`,{"text-anchor":`middle`,"font-size":I.value.fontSize,"font-weight":I.value.bold?`bold`:`normal`,fill:I.value.color,x:U.value.left+U.value.width/2+(B.value.layout.dataLabels.reverseAxisLabels?F.value.offsetX:I.value.offsetX),y:H.value.height+(B.value.layout.dataLabels.reverseAxisLabels?F.value.offsetY:I.value.offsetY)},D(B.value.layout.dataLabels.reverseAxisLabels?F.value.name:I.value.name),9,un)],512)):b(``,!0),S(`clipPath`,{id:`clip_path_${j.value}`},[S(`rect`,{x:U.value.left,y:U.value.top,width:U.value.width<=0?1e-4:U.value.width,height:U.value.height<=0?1e-4:U.value.height},null,8,fn)],8,dn),B.value.layout.correlation.show?(C(),x(`g`,pn,[(C(!0),x(_,null,T(q.value.filter(e=>e.correlation),(e,t)=>(C(),x(`line`,{x1:e.correlation.x1,x2:e.correlation.x2,y1:e.correlation.y1,y2:e.correlation.y2,"stroke-dasharray":B.value.layout.correlation.strokeDasharray,stroke:e.color,"stroke-width":B.value.layout.correlation.strokeWidth,"clip-path":`url(#clip_path_${j.value})`},null,8,mn))),256)),(C(!0),x(_,null,T(q.value.filter(e=>e.correlation),(e,t)=>(C(),x(`g`,null,[B.value.layout.correlation.label.show?(C(),x(`text`,{key:0,x:e.correlation.x2,y:e.correlation.y2,fill:B.value.layout.correlation.label.useSerieColor?e.color:B.value.layout.correlation.label.color,"text-anchor":`end`,"font-size":B.value.layout.correlation.label.fontSize,"font-weight":B.value.layout.correlation.label.bold?`bold`:`normal`},D(O(n)({v:O(h)(e.correlation?.coefficient??0),r:B.value.layout.correlation.label.roundingValue})),9,hn)):b(``,!0)]))),256))])):b(``,!0),E(e.$slots,`svg`,{svg:{...H.value,drawingArea:{...U.value,zero:G.value},data:$r.value,isPrintingImg:O(Or)||O(kr)||O(Ki),isPrintingSvg:O(qi)}},void 0,!0)],46,ot)),e.$slots.hint?(C(),x(`div`,gn,[E(e.$slots,`hint`,Ke(He({hint:N.value.a11y.translations.keyboardNavigation,isVisible:or.value})),void 0,!0)])):b(``,!0)]),e.$slots.watermark?(C(),x(`div`,_n,[E(e.$slots,`watermark`,Ke(He({isPrinting:O(Or)||O(kr)||O(Ki)||O(qi)})),void 0,!0)])):b(``,!0),S(`div`,{id:`legend-bottom-${j.value}`},null,8,vn),Pn.value&&Kn.value&&(B.value.legend.show||e.$slots.legend)?(C(),y(Le,{key:7,to:B.value.legend.position===`top`?`#legend-top-${j.value}`:`#legend-bottom-${j.value}`},[S(`div`,{ref_key:`chartLegend`,ref:Bn},[E(e.$slots,`legend`,{legend:K.value},()=>[B.value.legend.show?(C(),y(Fe,{key:`legend_${Gn.value}`,legendSet:K.value,config:Qr.value,isCursorPointer:lr.value,onClickMarker:t[3]||=({legend:e})=>vi(e.id)},{item:k(({legend:e})=>[S(`div`,{onClick:t=>e.segregate(),style:qe(`opacity:${M.value.includes(e.id)?.5:1}`)},D(e.name),13,yn)]),legendToggle:k(()=>[K.value.length>2&&B.value.legend.selectAllToggle.show&&!O(pr)?(C(),y(je,{key:0,backgroundColor:B.value.legend.selectAllToggle.backgroundColor,color:B.value.legend.selectAllToggle.color,fontSize:B.value.legend.fontSize,checked:M.value.length>0,isCursorPointer:lr.value,onToggle:_i},null,8,[`backgroundColor`,`color`,`fontSize`,`checked`,`isCursorPointer`])):b(``,!0)]),_:1},8,[`legendSet`,`config`,`isCursorPointer`])):b(``,!0)],!0)],512)],8,[`to`])):b(``,!0),e.$slots.source?(C(),x(`div`,{key:8,ref_key:`source`,ref:Vn,dir:`auto`},[E(e.$slots,`source`,{},void 0,!0)],512)):b(``,!0),Be(O(wn),{teleportTo:z.value.teleportTo,show:V.value.showTooltip&&Fn.value,backgroundColor:z.value.backgroundColor,color:z.value.color,borderRadius:z.value.borderRadius,borderColor:z.value.borderColor,borderWidth:z.value.borderWidth,fontSize:z.value.fontSize,backgroundOpacity:z.value.backgroundOpacity,position:z.value.position,offsetX:z.value.offsetX,offsetY:z.value.offsetY,parent:Rn.value,content:In.value,isFullscreen:wi.value,isCustom:z.value.customFormat&&typeof z.value.customFormat==`function`,smooth:z.value.smooth,backdropFilter:z.value.backdropFilter,smoothForce:z.value.smoothForce,smoothSnapThreshold:z.value.smoothSnapThreshold,isA11yMode:ar.value===`keyboard`,a11yPosition:ir.value},{"tooltip-before":k(()=>[E(e.$slots,`tooltip-before`,Ke(He({...ai.value})),void 0,!0)]),tooltip:k(()=>[E(e.$slots,`tooltip`,Ke(He({...ai.value})),void 0,!0)]),"tooltip-after":k(()=>[E(e.$slots,`tooltip-after`,Ke(He({...ai.value})),void 0,!0)]),default:k(()=>[z.value.showShape?(C(),x(`div`,bn,[(C(),x(`svg`,xn,[Be(Oe,{shape:Z.value.shape,color:Z.value.color,plot:{x:10,y:10},radius:7},null,8,[`shape`,`color`])]))])):b(``,!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`]),Pn.value&&P.value.buttons.table?(C(),y(Xe(Vi.value.component),Ue({key:9},Vi.value.props,{ref_key:`tableUnit`,ref:Yn,onClose:Hi}),Re({content:k(()=>[(C(),y(O(Dn),{key:`table_${Wn.value}`,colNames:Ci.value.colNames,head:Ci.value.head,body:Ci.value.body,config:Ci.value.config,title:N.value.table.useDialog?``:Vi.value.title,withCloseButton:!N.value.table.useDialog,isCursorPointer:lr.value,onClose:Hi},{th:k(({th:e})=>[ze(D(e),1)]),td:k(({td:e})=>[e.shape?(C(),x(`div`,Sn,[S(`span`,null,D(e.content),1)])):(C(),x(`div`,{key:1,innerHTML:e},null,8,Cn))]),_:1},8,[`colNames`,`head`,`body`,`config`,`title`,`withCloseButton`,`isCursorPointer`]))]),_:2},[N.value.table.useDialog?{name:`title`,fn:k(()=>[ze(D(Vi.value.title),1)]),key:`0`}:void 0,N.value.table.useDialog?{name:`actions`,fn:k(()=>[S(`button`,{tabindex:`0`,class:`vue-ui-user-options-button`,onClick:t[4]||=e=>Si(P.value.callbacks.csv),style:qe({cursor:lr.value?`pointer`:`default`})},[Be(O(Tn),{name:`fileCsv`,stroke:Vi.value.props.color},null,8,[`stroke`])],4)]),key:`1`}:void 0]),1040)):b(``,!0),E(e.$slots,`skeleton`,{},()=>[O(pr)?(C(),y(de,{key:0})):b(``,!0)],!0)],46,tt))}},[[`__scopeId`,`data-v-d41aba1c`]]);export{et as n,wn as t};

package/dist/{vue-ui-skeleton-DqmhigQ0.js → vue-ui-skeleton-DpzaXPO3.js}

@@ -1,4 +1,4 @@
-import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useConfig-6jO1fkp5.js";import{B as n,Jt as r,M as i,X as ee,t as a}from"./lib-rPeBMZrn.js";import{n as te,t as ne}from"./useHints-BH9r_0Vd.js";import{t as o}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as re}from"./useNestedProp-DnGoh-XS.js";import{t as ie}from"./DefGrad-DKMq1REY.js";import{n as s}from"./PackageVersion-BIhjLNBU.js";import{Fragment as c,computed as l,createCommentVNode as u,createElementBlock as d,createElementVNode as f,createStaticVNode as p,createVNode as m,normalizeClass as ae,normalizeStyle as h,openBlock as g,ref as _,renderList as v,unref as y}from"vue";var b=/* @__PURE__ */ e({default:()=>G}),oe=[`id`],se=[`xmlns`],ce={transform:`translate(300, 300)`},le=[`d`,`fill`,`stroke`],ue=[`xmlns`],x=[`fill`,`stroke`],S=[`fill`,`stroke`],C=[`fill`,`stroke`],w=[`fill`,`stroke`],T=[`fill`,`stroke`],E=[`xmlns`],D=[`stroke`],O=[`stroke`],k=[`stroke`],A=[`fill`,`stroke`],j=[`fill`],M=[`fill`,`stroke`],N=[`fill`],P=[`fill`,`stroke`],F=[`fill`],I=[`fill`,`stroke`],L=[`fill`],R=[`fill`,`stroke`],z=[`fill`],B=[`fill`,`stroke`],V=[`fill`],H=[`xmlns`],U=[`stroke`],de=[`stroke`],fe=[`stroke`],pe=[`stroke`],me=[`stroke`],he=[`stroke`],ge=[`stroke`],_e=[`stroke`],ve=[`stroke`],ye=[`xmlns`],be=[`stroke`,`fill`],xe=[`xmlns`],Se=[`stroke`,`fill`],Ce=[`xmlns`],we=[`fill`],Te=[`fill`],Ee=[`fill`],De=[`fill`],Oe=[`xmlns`],ke=[`stroke`],Ae=[`fill`],je=[`stroke`,`fill`],Me=[`stroke`,`fill`],Ne=[`fill`],Pe=[`stroke`,`fill`],Fe=[`stroke`,`fill`],Ie=[`fill`],Le=[`stroke`,`fill`],Re=[`stroke`,`fill`],ze=[`fill`],Be=[`stroke`,`fill`],Ve=[`stroke`,`fill`],He=[`fill`],Ue=[`stroke`,`fill`],We=[`stroke`,`fill`],Ge=[`xmlns`],Ke=[`stroke`],qe=[`stroke`],Je=[`stroke`,`fill`],Ye=[`stroke`,`fill`],Xe=[`stroke`,`fill`],Ze=[`stroke`,`fill`],Qe=[`stroke`,`fill`],$e=[`stroke`,`fill`],et=[`stroke`,`fill`],tt=[`stroke`,`fill`],nt=[`stroke`,`fill`],rt=[`stroke`,`fill`],it=[`stroke`,`fill`],at=[`stroke`,`fill`],ot=[`stroke`,`fill`],st=[`stroke`,`fill`],ct=[`stroke`,`fill`],lt=[`stroke`,`fill`],ut=[`stroke`,`fill`],dt=[`stroke`,`fill`],ft=[`stroke`,`fill`],pt=[`stroke`,`fill`],mt=[`stroke`,`fill`],ht=[`stroke`,`fill`],gt=[`stroke`,`fill`],_t=[`xmlns`],vt=[`stroke`],yt=[`xmlns`],bt=[`stroke`],xt=[`xmlns`],St=[`stroke`],Ct=[`xmlns`],wt=[`fill`],Tt=[`fill`],Et=[`fill`],Dt=[`fill`],Ot=[`fill`],kt=[`fill`],At=[`fill`],jt=[`fill`],Mt=[`fill`],Nt=[`fill`],Pt=[`fill`],Ft=[`fill`],It=[`xmlns`],Lt=[`stroke`],Rt=[`stroke`],zt=[`stroke`],Bt=[`stroke`],Vt=[`stroke`],Ht=[`stroke`],Ut=[`xmlns`],Wt=[`stroke`],Gt=[`stroke`],Kt=[`stroke`],qt=[`stroke`],Jt=[`stroke`],Yt=[`stroke`],Xt=[`stroke`],Zt=[`stroke`],Qt=[`stroke`],$t=[`xmlns`],en=[`stroke`],tn=[`xmlns`],nn=[`stroke`],rn=[`stroke`],an=[`stroke`],on=[`stroke`],sn=[`stroke`],cn=[`stroke`],ln=[`stroke`],un=[`stroke`],dn=[`stroke`],fn=[`xmlns`],pn=[`x1`,`x2`,`stroke`],mn=[`xmlns`],hn=[`x`,`y`,`width`,`height`,`fill`],gn=[`y`,`width`,`height`,`fill`],_n=[`xmlns`],vn=[`fill`],yn=[`fill`],bn=[`fill`],xn=[`xmlns`],Sn=[`x1`,`x2`,`y1`,`y2`,`stroke`],Cn=[`stroke`],wn=[`fill`],Tn=[`xmlns`],En=[`fill`],Dn=[`fill`],On=[`x1`,`y1`,`x2`,`y2`,`stroke-width`,`stroke`],kn=[`xmlns`],An={key:0},jn=[`stroke`,`stroke-width`],Mn=[`stroke`,`stroke-width`],Nn=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],Pn=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],Fn=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],In=[`x`,`y`,`height`,`width`,`fill`],Ln=[`xmlns`,`viewBox`],Rn=[`x`,`y`,`stroke`,`fill`],zn=[`xmlns`],Bn=[`d`,`stroke`],Vn=[`cx`,`cy`,`r`,`fill`,`stroke`],Hn=[`cx`,`cy`,`r`,`fill`,`stroke`],Un=[`x`,`y`,`width`,`fill`],Wn=[`cx`,`cy`,`fill`],Gn=[`cx`,`cy`,`fill`],Kn=[`stroke`],qn=[`xmlns`],Jn=[`stroke`,`stroke-width`],Yn=[`stroke`,`stroke-width`],Xn=[`stroke`,`stroke-width`],Zn=[`fill`],Qn=[`fill`],$n=[`fill`],er=[`fill`],tr=[`fill`],nr=[`fill`],rr=[`xmlns`],ir={key:0},ar=[`stroke`,`stroke-width`],or=[`stroke`,`stroke-width`],sr=[`stroke`,`stroke-width`],cr={key:1},lr=[`r`,`fill`],ur=[`r`,`fill`],dr=[`xmlns`],fr={key:0},pr=[`stroke`,`stroke-width`],mr=[`stroke`,`stroke-width`],hr=[`fill`,`rx`,`x`,`y`,`width`,`height`],gr=[`xmlns`],_r=[`stroke-width`,`stroke`],vr=[`stroke-width`,`stroke`],yr=[`stroke-width`,`stroke`],br=[`xmlns`],xr=[`stroke`],Sr=[`stroke`],Cr=[`stroke`],wr=[`stroke`],Tr=[`fill`],Er=[`stroke`],Dr=[`xmlns`],Or=[`stroke`,`stroke-width`],kr=[`stroke`,`stroke-width`],Ar=[`fill`,`r`],jr=[`fill`,`r`],Mr=[`fill`,`r`],Nr=[`fill`,`r`],Pr=[`fill`,`r`],Fr=[`fill`,`r`],Ir=[`fill`,`r`],Lr=[`fill`,`r`],Rr=[`fill`,`r`],zr=[`xmlns`],Br=[`d`,`stroke`,`stroke-width`],Vr=[`d`,`stroke`,`stroke-width`],Hr=[`d`,`stroke`,`stroke-width`],Ur=[`d`,`stroke`,`stroke-width`],Wr=[`stroke`,`stroke-width`],Gr=[`stroke`,`stroke-width`],Kr=[`stroke`,`stroke-width`],qr=[`fill`],Jr=[`fill`],Yr=[`xmlns`],Xr=[`x`,`y`,`fill`],Zr=[`x`,`y`,`fill`],Qr=[`x`,`y`,`fill`],$r=[`xmlns`],ei=[`fill`],ti=[`fill`],ni=[`y1`,`y2`,`stroke`,`stroke-width`],ri=[`x1`,`x2`,`stroke`,`stroke-width`],ii=[`xmlns`,`stroke`],ai=[`fill`],oi=[`xmlns`,`stroke`],si=[`xmlns`,`stroke`],ci=[`fill`],li=[`xmlns`,`stroke`],ui=[`xmlns`,`stroke`],di=[`fill`],fi=[`xmlns`,`stroke`],pi=[`xmlns`,`stroke`],mi=[`fill`],hi=[`xmlns`,`stroke`],W=[`xmlns`,`stroke`],gi=[`fill`],_i=[`xmlns`,`stroke`],vi=[`xmlns`],yi=[`points`,`fill`,`stroke`,`stroke-width`],bi=[`xmlns`],xi={key:0},Si=[`stroke`,`stroke-width`],Ci=[`y`,`width`,`fill`,`rx`],G=/*#__PURE__*/ o({__name:`vue-ui-skeleton`,props:{config:{type:Object,default(){return{}}}},setup(e){let{vue_ui_skeleton:o}=t(),b=e,G=_(`vue-ui-skeleton-${ee()}`),K=l(()=>re({userConfig:b.config,defaultConfig:o})),q=l(()=>K.value.style);te({config:()=>K.value,dataset:()=>[],component:`VueUiSkeleton`,rules:[ne.noHint]});let wi=l(()=>K.value.style.animated),J=l(()=>K.value.type),Ti=_([60,50,55,36,40,25,26,12]),Ei=l(()=>i({plot:{x:50,y:50},radius:40,sides:6}).path),Di=l(()=>i({plot:{x:50,y:50},radius:30,sides:6}).path),Oi=l(()=>i({plot:{x:50,y:50},radius:20,sides:6}).path),ki=l(()=>i({plot:{x:50,y:50},radius:10,sides:6}).path),Y=_([{root:{x:70,y:77,r:44,opacity:100},bars:[{x:200,y:37,opacity:100,width:240},{x:200,y:118,opacity:100,width:180},{x:200,y:253,opacity:100,width:80}]},{root:{x:70,y:177,r:32,opacity:70},bars:[{x:200,y:145,opacity:70,width:160},{x:200,y:172,opacity:70,width:140},{x:200,y:199,opacity:70,width:120}]},{root:{x:70,y:257,r:24,opacity:40},bars:[{x:200,y:64,opacity:40,width:220},{x:200,y:91,opacity:40,width:200},{x:200,y:226,opacity:40,width:100}]}]),X=_([{y:200,height:100,bar:50},{y:180,height:100,bar:40},{y:150,height:100,bar:30},{y:120,height:80,bar:50},{y:110,height:60,bar:30},{y:80,height:80,bar:10},{y:50,height:80,bar:40},{y:24,height:40,bar:24},{y:44,height:20,bar:13},{y:32,height:45,bar:19}]),Z=_([[3,2.5],[4,3.1],[8,6],[9.5,6.5],[12,11],[16,15],[18,18.2],[25,24],[24,26],[32,32],[33,32],[32,31],[38,37],[37,38],[42,41],[40,41],[44,45],[38,35],[31,32]]),Q=_([{x:40,y:30},{x:45,y:28},{x:50,y:25},{x:55,y:20},{x:60,y:27},{x:65,y:14},{x:70,y:23},{x:75,y:16},{x:80,y:25},{x:85,y:10},{x:90,y:18},{x:95,y:7},{x:100,y:12},{x:105,y:10},{x:110,y:20},{x:115,y:7},{x:120,y:14},{x:125,y:10},{x:130,y:19},{x:135,y:3},{x:140,y:10},{x:145,y:2},{x:150,y:1}]);function $(e,t=1){let n=29.85;return{x:200+160*Math.cos(n+e*Math.PI/180)*t,y:200+160*Math.sin(n+e*Math.PI/180)*t}}let Ai=l(()=>{let e=[];for(let t=0;t<100;t+=1)e.push({x1:$(360/100*t).x,y1:$(360/100*t).y,x2:$(360/100*t,.9).x,y2:$(360/100*t,.9).y,color:K.value.style.wheel.color});return e}),ji=_([`M1.74 203.99A204 204 0 01-131.29-156.13l15.44 18.36A180 180 0 001.53 179.99Z`,`M-123.33-162.5A204 204 0 01-10.2-203.75L-9-179.78a180 180 0 00-99.82 36.4Z`,`M0-180A180 180 0 01175.19 41.33l23.36 5.51A204 204 0 000-204Z`,`M172.91 50.03A180 180 0 0110.53 179.69l1.4 23.96A204 204 0 00195.96 56.7Z`,`M-166.87-67.49a180 180 0 0151.02-70.28Q0 0 119.83-134.32a180 180 0 0152.13 81.13Q0 0-166.87-67.49Z`,`M-29.99-177.48a180 180 0 0110.73-1.49Q0 0 112.89 140.2A180 180 0 0153.63 171.83Q0 0-29.99-177.48Z`,`M179.71 10.29a180 180 0 01-4.52 31.04Q0 0-40.87-175.3a180 180 0 0110.88-2.18Q0 0 179.71 10.29Z`,`M-19.26-178.97Q0 0-166.87-67.49a180 180 0 00-12.14 86.36Q0 0-9-179.78a180 180 0 00-10.26.81Z`,`M-108.82-143.38Q0 0-40.87-175.3a180 180 0 00-67.95 31.92Q0 0-40.87-175.3a180 180 0 00-67.95 31.92Z`,`M0-180a180 180 0 01119.83 45.68Q0 0 0-180a180 180 0 01119.83 45.68Q0 0 0-180Z`,`M-148.85 101.22Q0 0-179.01 18.87a180 180 0 0030.16 82.35Q0 0-179.01 18.87a180 180 0 0030.16 82.35Z`,`M1.53 179.99Q0 0 31.73 177.18a180 180 0 0021.9-5.35Q0 0-148.85 101.22A180 180 0 001.53 179.99Z`,`M31.73 177.18a180 180 0 01-21.2 2.51Q0 0 171.96-53.19a180 180 0 017.75 63.48Q0 0 31.73 177.18Z`,`M172.91 50.03Q0 0 112.89 140.2a180 180 0 0060.02-90.17Q0 0 112.89 140.2a180 180 0 0060.02-90.17Z`]);return(e,t)=>(g(),d(`div`,{id:G.value,class:ae({"vue-data-ui-component":!0,"vue-ui-skeleton":!0,"vue-ui-skeleton-animated":wi.value}),style:h(`background:${q.value.backgroundColor};color:${q.value.color};display:flex;align-items:center;justify-content:center;`)},[J.value===`chord`?(g(),d(`svg`,{key:0,xmlns:y(a),width:`100%`,viewBox:`0 0 600 600`,style:h({background:q.value.backgroundColor})},[m(s),f(`g`,ce,[(g(!0),d(c,null,v(ji.value,(e,t)=>(g(),d(`path`,{key:e,d:e,fill:q.value.chord.color,stroke:q.value.backgroundColor,"stroke-width":`2`,style:h({opacity:t>3?.6:1})},null,12,le))),128))])],12,se)):u(``,!0),J.value===`ridgeline`?(g(),d(`svg`,{key:1,xmlns:y(a),width:`100%`,viewBox:`20 0 512 200`,style:h(`background:${q.value.backgroundColor}`)},[m(s),f(`defs`,null,[m(ie,{t:`linear`,id:`ridgeline-gradient-${G.value}`,x1:`50%`,y1:`0%`,x2:`50%`,y2:`100%`,stops:[[`0%`,q.value.ridgeline.color,1],[`30%`,q.value.ridgeline.color,.7],[`70%`,q.value.ridgeline.color,.3],[`100%`,q.value.ridgeline.color,.1]]},null,8,[`id`,`stops`])]),f(`path`,{fill:`url(#ridgeline-gradient-${G.value})`,stroke:q.value.ridgeline.color,"stroke-width":`1`,d:`M66.7 60c6.18-.6 12.36-1.11 18.55-1.79 6.18-.68 12.37-2.38 18.55-2.4 6.19-.01 12.37 0 18.56-.01 6.18-.02 12.37-5.3 18.55-5.3 6.19 0 12.37 4.95 18.56 4.95 6.18 0 12.37-2.78 18.55-2.78 6.19 0 12.37 1.02 18.56 1.92 6.18.9 12.37 4.58 18.55 4.58s12.37-6.71 18.55-6.71c6.19 0 12.37.89 18.56.89 6.18 0 12.37-4.48 18.55-4.48 6.19 0 12.37 4.79 18.56 4.79 6.18 0 12.37-26.07 18.55-26.07 6.19 0 12.37 9.31 18.56 13.85 6.18 4.54 12.37 13.39 18.55 13.39 6.19 0 12.37-36.14 18.56-36.14 6.18 0 12.36 38.45 18.55 38.45 6.18 0 12.37-11.46 18.55-16.94 6.19-5.48 12.37-15.97 18.56-15.97 6.18 0 12.37 16.4 18.55 16.4 6.19 0 12.37-.12 18.56-.35 6.18-.22 12.37-38.08 18.55-38.08 6.19 0 12.37 24.07 18.56 36.1V60`,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,x),f(`path`,{fill:`url(#ridgeline-gradient-${G.value})`,stroke:q.value.ridgeline.color,"stroke-width":`1`,d:`M66.7 90c6.18-.22 12.36-.35 18.55-.67 6.18-.32 12.37-1.65 18.55-1.65 6.19 0 12.37 1.66 18.56 1.66 6.18 0 12.37-8.76 18.55-8.76 6.19 0 12.37 4.15 18.56 4.15 6.18 0 12.37-8.44 18.55-8.44 6.19 0 12.37 10.87 18.56 10.87 6.18 0 12.37-9.21 18.55-12.16 6.18-2.96 12.37-6.97 18.55-6.97 6.19 0 12.37 9.59 18.56 12.77 6.18 3.18 12.37 7.6 18.55 7.6 6.19 0 12.37-24.44 18.56-24.44 6.18 0 12.37 16.97 18.55 16.97 6.19 0 12.37-20.62 18.56-20.62 6.18 0 12.37 20.37 18.55 20.37 6.19 0 12.37-13.13 18.56-13.13 6.18 0 12.36 13.51 18.55 13.51 6.18 0 12.37-26.41 18.55-26.41 6.19 0 12.37.49 18.56 1.26 6.18.78 12.37 13.82 18.55 13.82 6.19 0 12.37-5.3 18.56-8.3 6.18-3 12.37-9.81 18.55-9.81 6.19 0 12.37 19.82 18.56 29.72V90`,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,S),f(`path`,{fill:`url(#ridgeline-gradient-${G.value})`,stroke:q.value.ridgeline.color,"stroke-width":`1`,d:`M66.7 120c6.18-.34 12.36-.55 18.55-1.01 6.18-.46 12.37-1.17 18.55-2.15 6.19-.99 12.37-3.7 18.56-4.69 6.18-.98 12.37-2.15 18.55-2.15 6.19 0 12.37.52 18.56 1.2 6.18.68 12.37 6.67 18.55 6.67 6.19 0 12.37-12.15 18.56-12.15 6.18 0 12.37 4.6 18.55 4.6S227.5 99.7 233.68 98.99c6.19-.71 12.37-1.18 18.56-1.18 6.18 0 12.37 17.75 18.55 18.22 6.19.48 12.37.74 18.56.74 6.18 0 12.37-17.09 18.55-17.09 6.19 0 12.37 12.68 18.56 12.68 6.18 0 12.37-.33 18.55-.67 6.19-.34 12.37-.79 18.56-2.06 6.18-1.26 12.36-25.45 18.55-25.45 6.18 0 12.37 10.35 18.55 10.35 6.19 0 12.37-21.07 18.56-21.07 6.18 0 12.37 33.27 18.55 33.27 6.19 0 12.37-26.97 18.56-26.97 6.18 0 12.37 26.97 18.55 27.36 6.19.4 12.37.41 18.56.61V120`,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,C),f(`path`,{fill:`url(#ridgeline-gradient-${G.value})`,stroke:q.value.ridgeline.color,"stroke-width":`1`,d:`M66.7 150c6.18-.52 12.36-1.57 18.55-1.57 6.18 0 12.37 1.36 18.55 1.36 6.19 0 12.37-1.75 18.56-3.18 6.18-1.43 12.37-6.62 18.55-6.62 6.19 0 12.37 9.98 18.56 9.98 6.18 0 12.37-4.94 18.55-5.64 6.19-.71 12.37-.52 18.56-1.31 6.18-.78 12.37-12.43 18.55-12.43s12.37 18.52 18.55 18.52c6.19 0 12.37-2.49 18.56-2.49 6.18 0 12.37 3.02 18.55 3.02 6.19 0 12.37-29.39 18.56-29.39 6.18 0 12.37 5.56 18.55 8.36 6.19 2.81 12.37 5.14 18.56 8.47 6.18 3.34 12.37 12.25 18.55 12.25 6.19 0 12.37-4.3 18.56-8.78 6.18-4.48 12.36-28.77 18.55-28.77 6.18 0 12.37 1.29 18.55 3.02 6.19 1.72 12.37 18.36 18.56 18.36 6.18 0 12.37-7.68 18.55-12.92 6.19-5.24 12.37-18.51 18.56-20.1 6.18-1.58 12.37-2.7 18.55-2.7 6.19 0 12.37 34.69 18.56 52.04V150`,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,w),f(`path`,{fill:`url(#ridgeline-gradient-${G.value})`,stroke:q.value.ridgeline.color,"stroke-width":`1`,d:`M66.7 180c6.18-.6 12.36-1.07 18.55-1.81 6.18-.74 12.37-2.86 18.55-2.86 6.19 0 12.37 2.14 18.56 2.14 6.18 0 12.37-7.08 18.55-7.08 6.19 0 12.37 1.08 18.56 2.03 6.18.95 12.37 4.75 18.55 4.75 6.19 0 12.37-2.45 18.56-4.62 6.18-2.17 12.37-10.99 18.55-10.99s12.37 9.58 18.55 9.58c6.19 0 12.37-.25 18.56-.69 6.18-.43 12.37-13.6 18.55-13.6 6.19 0 12.37 17.23 18.56 17.23 6.18 0 12.37-2.5 18.55-5.19 6.19-2.68 12.37-15.45 18.56-18 6.18-2.55 12.37-4.86 18.55-4.86 6.19 0 12.37 18.61 18.56 18.61 6.18 0 12.36-24.22 18.55-26.66 6.18-2.45 12.37-4.25 18.55-4.25 6.19 0 12.37 7.92 18.56 7.92 6.18 0 12.37-1.95 18.55-1.95 6.19 0 12.37 29.69 18.56 29.69 6.18 0 12.37-2.55 18.55-6.14 6.19-3.58 12.37-28.83 18.56-43.25v60`,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,T)],12,ue)):u(``,!0),J.value===`historyPlot`?(g(),d(`svg`,{key:2,xmlns:y(a),width:`100%`,viewBox:`0 0 612 512`,style:h(`background:${q.value.backgroundColor}`)},[m(s),f(`line`,{x1:`12`,x2:`12`,y1:`12`,y2:`500`,stroke:q.value.historyPlot.color,"stroke-width":`3`,"stroke-linecap":`round`},null,8,D),f(`line`,{x1:`12`,x2:`600`,y1:`500`,y2:`500`,stroke:q.value.historyPlot.color,"stroke-width":`3`,"stroke-linecap":`round`},null,8,O),f(`path`,{d:`M 80,100 300,200 400,150 560,230 360,420 230,320`,fill:`none`,stroke:q.value.historyPlot.color,"stroke-width":`3`},null,8,k),f(`circle`,{cx:`80`,cy:`100`,r:`24`,fill:q.value.historyPlot.color,stroke:q.value.backgroundColor,"stroke-width":`3`},null,8,A),f(`text`,{x:`80`,y:`108`,fill:q.value.backgroundColor,"font-size":`24`,"text-anchor":`middle`},` 1 `,8,j),f(`circle`,{cx:`300`,cy:`200`,r:`24`,fill:q.value.historyPlot.color,stroke:q.value.backgroundColor,"stroke-width":`3`},null,8,M),f(`text`,{x:`300`,y:`208`,fill:q.value.backgroundColor,"font-size":`24`,"text-anchor":`middle`},` 2 `,8,N),f(`circle`,{cx:`400`,cy:`150`,r:`24`,fill:q.value.historyPlot.color,stroke:q.value.backgroundColor,"stroke-width":`3`},null,8,P),f(`text`,{x:`400`,y:`158`,fill:q.value.backgroundColor,"font-size":`24`,"text-anchor":`middle`},` 3 `,8,F),f(`circle`,{cx:`560`,cy:`230`,r:`24`,fill:q.value.historyPlot.color,stroke:q.value.backgroundColor,"stroke-width":`3`},null,8,I),f(`text`,{x:`560`,y:`238`,fill:q.value.backgroundColor,"font-size":`24`,"text-anchor":`middle`},` 4 `,8,L),f(`circle`,{cx:`360`,cy:`420`,r:`24`,fill:q.value.historyPlot.color,stroke:q.value.backgroundColor,"stroke-width":`3`},null,8,R),f(`text`,{x:`360`,y:`428`,fill:q.value.backgroundColor,"font-size":`24`,"text-anchor":`middle`},` 5 `,8,z),f(`circle`,{cx:`230`,cy:`320`,r:`24`,fill:q.value.historyPlot.color,stroke:q.value.backgroundColor,"stroke-width":`3`},null,8,B),f(`text`,{x:`230`,y:`328`,fill:q.value.backgroundColor,"font-size":`24`,"text-anchor":`middle`},` 6 `,8,V)],12,E)):u(``,!0),J.value===`circlePack`?(g(),d(`svg`,{key:3,xmlns:y(a),width:`100%`,viewBox:`0 0 100 100`,style:h(`background:${q.value.backgroundColor}`)},[f(`circle`,{cx:50,cy:50,r:20,stroke:q.value.circlePack.color,"stroke-width":1,fill:`none`},null,8,U),f(`circle`,{cx:80,cy:50,r:10,stroke:q.value.circlePack.color,"stroke-width":1,fill:`none`},null,8,de),f(`circle`,{cx:28,cy:30,r:10,stroke:q.value.circlePack.color,"stroke-width":1,fill:`none`},null,8,fe),f(`circle`,{cx:25,cy:76,r:16,stroke:q.value.circlePack.color,"stroke-width":1,fill:`none`},null,8,pe),f(`circle`,{cx:60,cy:78.5,r:10,stroke:q.value.circlePack.color,"stroke-width":1,fill:`none`},null,8,me),f(`circle`,{cx:64,cy:20,r:13,stroke:q.value.circlePack.color,"stroke-width":1,fill:`none`},null,8,he),f(`circle`,{cx:72,cy:37,r:5,stroke:q.value.circlePack.color,"stroke-width":1,fill:`none`},null,8,ge),f(`circle`,{cx:25,cy:45,r:5,stroke:q.value.circlePack.color,"stroke-width":1,fill:`none`},null,8,_e),f(`circle`,{cx:70,cy:66,r:5,stroke:q.value.circlePack.color,"stroke-width":1,fill:`none`},null,8,ve)],12,H)):u(``,!0),J.value===`flow`?(g(),d(`svg`,{key:4,xmlns:y(a),width:`100%`,viewBox:`0 0 80 60`,style:h(`background:${q.value.backgroundColor}`)},[m(s),f(`path`,{d:`M5 5V55M75 5V55M28 5V55M52 5V55M5 8l23 4L52 9 75 8v4H52L28 21 5 29ZM5 34l23 1L52 24l23-3v6L52 30 28 44l24-5 23 2v6L52 45 28 52H5Z`,stroke:q.value.flow.color,"stroke-width":.8,"stroke-linecap":`round`,"stroke-linejoin":`round`,fill:q.value.flow.color},null,8,be)],12,ye)):u(``,!0),J.value===`parallelCoordinatePlot`?(g(),d(`svg`,{key:5,xmlns:y(a),width:`100%`,viewBox:`0 0 80 60`,style:h(`background:${q.value.backgroundColor}`)},[m(s),f(`path`,{d:`M5 5V55M75 5V55M28 5V55M52 5V55M5 10a1 1 0 000 2 1 1 0 000-2m23 5a1 1 0 000 2 1 1 0 000-2M52 8a1 1 0 000 2 1 1 0 000-2m23 3a1 1 0 000 2 1 1 0 000-2M6 11l21 5m2 0L51 9m2 0 21 3M5 50a1 1 0 000-2 1 1 0 000 2M28 39a1 1 0 000 2 1 1 0 000-2m24 6a1 1 0 000 2 1 1 0 000-2m23 0a1 1 0 000 2 1 1 0 000-2M6 49l21-9m2 0 22 6m2 0H74M5 25a1 1 0 000 2 1 1 0 000-2m23 6a1 1 0 000 2 1 1 0 000-2m24-8a1 1 0 000 2 1 1 0 000-2m23-2a1 1 0 000 2 1 1 0 000-2M6 26l21 6m2 0 22-8m2 0 21-2`,stroke:q.value.parallelCoordinatePlot.color,"stroke-width":.8,"stroke-linecap":`round`,"stroke-linejoin":`round`,fill:q.value.parallelCoordinatePlot.color},null,8,Se)],12,xe)):u(``,!0),J.value===`bullet`?(g(),d(`svg`,{key:6,xmlns:y(a),width:`100%`,viewBox:`0 0 600 96`,style:h(`background:${q.value.backgroundColor}`)},[f(`rect`,{fill:q.value.bullet.color,x:24,y:12,width:300,height:72,style:{opacity:`0.8`}},null,8,we),f(`rect`,{fill:q.value.bullet.color,x:324,y:12,width:150,height:72,style:{opacity:`0.6`}},null,8,Te),f(`rect`,{fill:q.value.bullet.color,x:474,y:12,width:102,height:72,style:{opacity:`0.3`}},null,8,Ee),f(`rect`,{fill:q.value.bullet.color,x:24,y:36,width:490,height:24,style:{opacity:`1`}},null,8,De)],12,Ce)):u(``,!0),J.value===`dumbbell`?(g(),d(`svg`,{key:7,xmlns:y(a),width:`100%`,viewBox:`0 0 100 55`,style:h(`background:${q.value.backgroundColor}`)},[m(s),f(`line`,{x1:`3`,x2:`3`,y1:`3`,y2:`67`,stroke:q.value.dumbbell.color,"stroke-width":.5,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,ke),f(`path`,{d:`
+import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useConfig-6jO1fkp5.js";import{B as n,Jt as r,M as i,X as ee,t as a}from"./lib-rPeBMZrn.js";import{n as te,t as ne}from"./useHints-C-TwxM0Y.js";import{t as o}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as re}from"./useNestedProp-DnGoh-XS.js";import{t as ie}from"./DefGrad-DKMq1REY.js";import{n as s}from"./PackageVersion-CXT-eAuk.js";import{Fragment as c,computed as l,createCommentVNode as u,createElementBlock as d,createElementVNode as f,createStaticVNode as p,createVNode as m,normalizeClass as ae,normalizeStyle as h,openBlock as g,ref as _,renderList as v,unref as y}from"vue";var b=/* @__PURE__ */ e({default:()=>G}),oe=[`id`],se=[`xmlns`],ce={transform:`translate(300, 300)`},le=[`d`,`fill`,`stroke`],ue=[`xmlns`],x=[`fill`,`stroke`],S=[`fill`,`stroke`],C=[`fill`,`stroke`],w=[`fill`,`stroke`],T=[`fill`,`stroke`],E=[`xmlns`],D=[`stroke`],O=[`stroke`],k=[`stroke`],A=[`fill`,`stroke`],j=[`fill`],M=[`fill`,`stroke`],N=[`fill`],P=[`fill`,`stroke`],F=[`fill`],I=[`fill`,`stroke`],L=[`fill`],R=[`fill`,`stroke`],z=[`fill`],B=[`fill`,`stroke`],V=[`fill`],H=[`xmlns`],U=[`stroke`],de=[`stroke`],fe=[`stroke`],pe=[`stroke`],me=[`stroke`],he=[`stroke`],ge=[`stroke`],_e=[`stroke`],ve=[`stroke`],ye=[`xmlns`],be=[`stroke`,`fill`],xe=[`xmlns`],Se=[`stroke`,`fill`],Ce=[`xmlns`],we=[`fill`],Te=[`fill`],Ee=[`fill`],De=[`fill`],Oe=[`xmlns`],ke=[`stroke`],Ae=[`fill`],je=[`stroke`,`fill`],Me=[`stroke`,`fill`],Ne=[`fill`],Pe=[`stroke`,`fill`],Fe=[`stroke`,`fill`],Ie=[`fill`],Le=[`stroke`,`fill`],Re=[`stroke`,`fill`],ze=[`fill`],Be=[`stroke`,`fill`],Ve=[`stroke`,`fill`],He=[`fill`],Ue=[`stroke`,`fill`],We=[`stroke`,`fill`],Ge=[`xmlns`],Ke=[`stroke`],qe=[`stroke`],Je=[`stroke`,`fill`],Ye=[`stroke`,`fill`],Xe=[`stroke`,`fill`],Ze=[`stroke`,`fill`],Qe=[`stroke`,`fill`],$e=[`stroke`,`fill`],et=[`stroke`,`fill`],tt=[`stroke`,`fill`],nt=[`stroke`,`fill`],rt=[`stroke`,`fill`],it=[`stroke`,`fill`],at=[`stroke`,`fill`],ot=[`stroke`,`fill`],st=[`stroke`,`fill`],ct=[`stroke`,`fill`],lt=[`stroke`,`fill`],ut=[`stroke`,`fill`],dt=[`stroke`,`fill`],ft=[`stroke`,`fill`],pt=[`stroke`,`fill`],mt=[`stroke`,`fill`],ht=[`stroke`,`fill`],gt=[`stroke`,`fill`],_t=[`xmlns`],vt=[`stroke`],yt=[`xmlns`],bt=[`stroke`],xt=[`xmlns`],St=[`stroke`],Ct=[`xmlns`],wt=[`fill`],Tt=[`fill`],Et=[`fill`],Dt=[`fill`],Ot=[`fill`],kt=[`fill`],At=[`fill`],jt=[`fill`],Mt=[`fill`],Nt=[`fill`],Pt=[`fill`],Ft=[`fill`],It=[`xmlns`],Lt=[`stroke`],Rt=[`stroke`],zt=[`stroke`],Bt=[`stroke`],Vt=[`stroke`],Ht=[`stroke`],Ut=[`xmlns`],Wt=[`stroke`],Gt=[`stroke`],Kt=[`stroke`],qt=[`stroke`],Jt=[`stroke`],Yt=[`stroke`],Xt=[`stroke`],Zt=[`stroke`],Qt=[`stroke`],$t=[`xmlns`],en=[`stroke`],tn=[`xmlns`],nn=[`stroke`],rn=[`stroke`],an=[`stroke`],on=[`stroke`],sn=[`stroke`],cn=[`stroke`],ln=[`stroke`],un=[`stroke`],dn=[`stroke`],fn=[`xmlns`],pn=[`x1`,`x2`,`stroke`],mn=[`xmlns`],hn=[`x`,`y`,`width`,`height`,`fill`],gn=[`y`,`width`,`height`,`fill`],_n=[`xmlns`],vn=[`fill`],yn=[`fill`],bn=[`fill`],xn=[`xmlns`],Sn=[`x1`,`x2`,`y1`,`y2`,`stroke`],Cn=[`stroke`],wn=[`fill`],Tn=[`xmlns`],En=[`fill`],Dn=[`fill`],On=[`x1`,`y1`,`x2`,`y2`,`stroke-width`,`stroke`],kn=[`xmlns`],An={key:0},jn=[`stroke`,`stroke-width`],Mn=[`stroke`,`stroke-width`],Nn=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],Pn=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],Fn=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`],In=[`x`,`y`,`height`,`width`,`fill`],Ln=[`xmlns`,`viewBox`],Rn=[`x`,`y`,`stroke`,`fill`],zn=[`xmlns`],Bn=[`d`,`stroke`],Vn=[`cx`,`cy`,`r`,`fill`,`stroke`],Hn=[`cx`,`cy`,`r`,`fill`,`stroke`],Un=[`x`,`y`,`width`,`fill`],Wn=[`cx`,`cy`,`fill`],Gn=[`cx`,`cy`,`fill`],Kn=[`stroke`],qn=[`xmlns`],Jn=[`stroke`,`stroke-width`],Yn=[`stroke`,`stroke-width`],Xn=[`stroke`,`stroke-width`],Zn=[`fill`],Qn=[`fill`],$n=[`fill`],er=[`fill`],tr=[`fill`],nr=[`fill`],rr=[`xmlns`],ir={key:0},ar=[`stroke`,`stroke-width`],or=[`stroke`,`stroke-width`],sr=[`stroke`,`stroke-width`],cr={key:1},lr=[`r`,`fill`],ur=[`r`,`fill`],dr=[`xmlns`],fr={key:0},pr=[`stroke`,`stroke-width`],mr=[`stroke`,`stroke-width`],hr=[`fill`,`rx`,`x`,`y`,`width`,`height`],gr=[`xmlns`],_r=[`stroke-width`,`stroke`],vr=[`stroke-width`,`stroke`],yr=[`stroke-width`,`stroke`],br=[`xmlns`],xr=[`stroke`],Sr=[`stroke`],Cr=[`stroke`],wr=[`stroke`],Tr=[`fill`],Er=[`stroke`],Dr=[`xmlns`],Or=[`stroke`,`stroke-width`],kr=[`stroke`,`stroke-width`],Ar=[`fill`,`r`],jr=[`fill`,`r`],Mr=[`fill`,`r`],Nr=[`fill`,`r`],Pr=[`fill`,`r`],Fr=[`fill`,`r`],Ir=[`fill`,`r`],Lr=[`fill`,`r`],Rr=[`fill`,`r`],zr=[`xmlns`],Br=[`d`,`stroke`,`stroke-width`],Vr=[`d`,`stroke`,`stroke-width`],Hr=[`d`,`stroke`,`stroke-width`],Ur=[`d`,`stroke`,`stroke-width`],Wr=[`stroke`,`stroke-width`],Gr=[`stroke`,`stroke-width`],Kr=[`stroke`,`stroke-width`],qr=[`fill`],Jr=[`fill`],Yr=[`xmlns`],Xr=[`x`,`y`,`fill`],Zr=[`x`,`y`,`fill`],Qr=[`x`,`y`,`fill`],$r=[`xmlns`],ei=[`fill`],ti=[`fill`],ni=[`y1`,`y2`,`stroke`,`stroke-width`],ri=[`x1`,`x2`,`stroke`,`stroke-width`],ii=[`xmlns`,`stroke`],ai=[`fill`],oi=[`xmlns`,`stroke`],si=[`xmlns`,`stroke`],ci=[`fill`],li=[`xmlns`,`stroke`],ui=[`xmlns`,`stroke`],di=[`fill`],fi=[`xmlns`,`stroke`],pi=[`xmlns`,`stroke`],mi=[`fill`],hi=[`xmlns`,`stroke`],W=[`xmlns`,`stroke`],gi=[`fill`],_i=[`xmlns`,`stroke`],vi=[`xmlns`],yi=[`points`,`fill`,`stroke`,`stroke-width`],bi=[`xmlns`],xi={key:0},Si=[`stroke`,`stroke-width`],Ci=[`y`,`width`,`fill`,`rx`],G=/*#__PURE__*/ o({__name:`vue-ui-skeleton`,props:{config:{type:Object,default(){return{}}}},setup(e){let{vue_ui_skeleton:o}=t(),b=e,G=_(`vue-ui-skeleton-${ee()}`),K=l(()=>re({userConfig:b.config,defaultConfig:o})),q=l(()=>K.value.style);te({config:()=>K.value,dataset:()=>[],component:`VueUiSkeleton`,rules:[ne.noHint]});let wi=l(()=>K.value.style.animated),J=l(()=>K.value.type),Ti=_([60,50,55,36,40,25,26,12]),Ei=l(()=>i({plot:{x:50,y:50},radius:40,sides:6}).path),Di=l(()=>i({plot:{x:50,y:50},radius:30,sides:6}).path),Oi=l(()=>i({plot:{x:50,y:50},radius:20,sides:6}).path),ki=l(()=>i({plot:{x:50,y:50},radius:10,sides:6}).path),Y=_([{root:{x:70,y:77,r:44,opacity:100},bars:[{x:200,y:37,opacity:100,width:240},{x:200,y:118,opacity:100,width:180},{x:200,y:253,opacity:100,width:80}]},{root:{x:70,y:177,r:32,opacity:70},bars:[{x:200,y:145,opacity:70,width:160},{x:200,y:172,opacity:70,width:140},{x:200,y:199,opacity:70,width:120}]},{root:{x:70,y:257,r:24,opacity:40},bars:[{x:200,y:64,opacity:40,width:220},{x:200,y:91,opacity:40,width:200},{x:200,y:226,opacity:40,width:100}]}]),X=_([{y:200,height:100,bar:50},{y:180,height:100,bar:40},{y:150,height:100,bar:30},{y:120,height:80,bar:50},{y:110,height:60,bar:30},{y:80,height:80,bar:10},{y:50,height:80,bar:40},{y:24,height:40,bar:24},{y:44,height:20,bar:13},{y:32,height:45,bar:19}]),Z=_([[3,2.5],[4,3.1],[8,6],[9.5,6.5],[12,11],[16,15],[18,18.2],[25,24],[24,26],[32,32],[33,32],[32,31],[38,37],[37,38],[42,41],[40,41],[44,45],[38,35],[31,32]]),Q=_([{x:40,y:30},{x:45,y:28},{x:50,y:25},{x:55,y:20},{x:60,y:27},{x:65,y:14},{x:70,y:23},{x:75,y:16},{x:80,y:25},{x:85,y:10},{x:90,y:18},{x:95,y:7},{x:100,y:12},{x:105,y:10},{x:110,y:20},{x:115,y:7},{x:120,y:14},{x:125,y:10},{x:130,y:19},{x:135,y:3},{x:140,y:10},{x:145,y:2},{x:150,y:1}]);function $(e,t=1){let n=29.85;return{x:200+160*Math.cos(n+e*Math.PI/180)*t,y:200+160*Math.sin(n+e*Math.PI/180)*t}}let Ai=l(()=>{let e=[];for(let t=0;t<100;t+=1)e.push({x1:$(360/100*t).x,y1:$(360/100*t).y,x2:$(360/100*t,.9).x,y2:$(360/100*t,.9).y,color:K.value.style.wheel.color});return e}),ji=_([`M1.74 203.99A204 204 0 01-131.29-156.13l15.44 18.36A180 180 0 001.53 179.99Z`,`M-123.33-162.5A204 204 0 01-10.2-203.75L-9-179.78a180 180 0 00-99.82 36.4Z`,`M0-180A180 180 0 01175.19 41.33l23.36 5.51A204 204 0 000-204Z`,`M172.91 50.03A180 180 0 0110.53 179.69l1.4 23.96A204 204 0 00195.96 56.7Z`,`M-166.87-67.49a180 180 0 0151.02-70.28Q0 0 119.83-134.32a180 180 0 0152.13 81.13Q0 0-166.87-67.49Z`,`M-29.99-177.48a180 180 0 0110.73-1.49Q0 0 112.89 140.2A180 180 0 0153.63 171.83Q0 0-29.99-177.48Z`,`M179.71 10.29a180 180 0 01-4.52 31.04Q0 0-40.87-175.3a180 180 0 0110.88-2.18Q0 0 179.71 10.29Z`,`M-19.26-178.97Q0 0-166.87-67.49a180 180 0 00-12.14 86.36Q0 0-9-179.78a180 180 0 00-10.26.81Z`,`M-108.82-143.38Q0 0-40.87-175.3a180 180 0 00-67.95 31.92Q0 0-40.87-175.3a180 180 0 00-67.95 31.92Z`,`M0-180a180 180 0 01119.83 45.68Q0 0 0-180a180 180 0 01119.83 45.68Q0 0 0-180Z`,`M-148.85 101.22Q0 0-179.01 18.87a180 180 0 0030.16 82.35Q0 0-179.01 18.87a180 180 0 0030.16 82.35Z`,`M1.53 179.99Q0 0 31.73 177.18a180 180 0 0021.9-5.35Q0 0-148.85 101.22A180 180 0 001.53 179.99Z`,`M31.73 177.18a180 180 0 01-21.2 2.51Q0 0 171.96-53.19a180 180 0 017.75 63.48Q0 0 31.73 177.18Z`,`M172.91 50.03Q0 0 112.89 140.2a180 180 0 0060.02-90.17Q0 0 112.89 140.2a180 180 0 0060.02-90.17Z`]);return(e,t)=>(g(),d(`div`,{id:G.value,class:ae({"vue-data-ui-component":!0,"vue-ui-skeleton":!0,"vue-ui-skeleton-animated":wi.value}),style:h(`background:${q.value.backgroundColor};color:${q.value.color};display:flex;align-items:center;justify-content:center;`)},[J.value===`chord`?(g(),d(`svg`,{key:0,xmlns:y(a),width:`100%`,viewBox:`0 0 600 600`,style:h({background:q.value.backgroundColor})},[m(s),f(`g`,ce,[(g(!0),d(c,null,v(ji.value,(e,t)=>(g(),d(`path`,{key:e,d:e,fill:q.value.chord.color,stroke:q.value.backgroundColor,"stroke-width":`2`,style:h({opacity:t>3?.6:1})},null,12,le))),128))])],12,se)):u(``,!0),J.value===`ridgeline`?(g(),d(`svg`,{key:1,xmlns:y(a),width:`100%`,viewBox:`20 0 512 200`,style:h(`background:${q.value.backgroundColor}`)},[m(s),f(`defs`,null,[m(ie,{t:`linear`,id:`ridgeline-gradient-${G.value}`,x1:`50%`,y1:`0%`,x2:`50%`,y2:`100%`,stops:[[`0%`,q.value.ridgeline.color,1],[`30%`,q.value.ridgeline.color,.7],[`70%`,q.value.ridgeline.color,.3],[`100%`,q.value.ridgeline.color,.1]]},null,8,[`id`,`stops`])]),f(`path`,{fill:`url(#ridgeline-gradient-${G.value})`,stroke:q.value.ridgeline.color,"stroke-width":`1`,d:`M66.7 60c6.18-.6 12.36-1.11 18.55-1.79 6.18-.68 12.37-2.38 18.55-2.4 6.19-.01 12.37 0 18.56-.01 6.18-.02 12.37-5.3 18.55-5.3 6.19 0 12.37 4.95 18.56 4.95 6.18 0 12.37-2.78 18.55-2.78 6.19 0 12.37 1.02 18.56 1.92 6.18.9 12.37 4.58 18.55 4.58s12.37-6.71 18.55-6.71c6.19 0 12.37.89 18.56.89 6.18 0 12.37-4.48 18.55-4.48 6.19 0 12.37 4.79 18.56 4.79 6.18 0 12.37-26.07 18.55-26.07 6.19 0 12.37 9.31 18.56 13.85 6.18 4.54 12.37 13.39 18.55 13.39 6.19 0 12.37-36.14 18.56-36.14 6.18 0 12.36 38.45 18.55 38.45 6.18 0 12.37-11.46 18.55-16.94 6.19-5.48 12.37-15.97 18.56-15.97 6.18 0 12.37 16.4 18.55 16.4 6.19 0 12.37-.12 18.56-.35 6.18-.22 12.37-38.08 18.55-38.08 6.19 0 12.37 24.07 18.56 36.1V60`,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,x),f(`path`,{fill:`url(#ridgeline-gradient-${G.value})`,stroke:q.value.ridgeline.color,"stroke-width":`1`,d:`M66.7 90c6.18-.22 12.36-.35 18.55-.67 6.18-.32 12.37-1.65 18.55-1.65 6.19 0 12.37 1.66 18.56 1.66 6.18 0 12.37-8.76 18.55-8.76 6.19 0 12.37 4.15 18.56 4.15 6.18 0 12.37-8.44 18.55-8.44 6.19 0 12.37 10.87 18.56 10.87 6.18 0 12.37-9.21 18.55-12.16 6.18-2.96 12.37-6.97 18.55-6.97 6.19 0 12.37 9.59 18.56 12.77 6.18 3.18 12.37 7.6 18.55 7.6 6.19 0 12.37-24.44 18.56-24.44 6.18 0 12.37 16.97 18.55 16.97 6.19 0 12.37-20.62 18.56-20.62 6.18 0 12.37 20.37 18.55 20.37 6.19 0 12.37-13.13 18.56-13.13 6.18 0 12.36 13.51 18.55 13.51 6.18 0 12.37-26.41 18.55-26.41 6.19 0 12.37.49 18.56 1.26 6.18.78 12.37 13.82 18.55 13.82 6.19 0 12.37-5.3 18.56-8.3 6.18-3 12.37-9.81 18.55-9.81 6.19 0 12.37 19.82 18.56 29.72V90`,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,S),f(`path`,{fill:`url(#ridgeline-gradient-${G.value})`,stroke:q.value.ridgeline.color,"stroke-width":`1`,d:`M66.7 120c6.18-.34 12.36-.55 18.55-1.01 6.18-.46 12.37-1.17 18.55-2.15 6.19-.99 12.37-3.7 18.56-4.69 6.18-.98 12.37-2.15 18.55-2.15 6.19 0 12.37.52 18.56 1.2 6.18.68 12.37 6.67 18.55 6.67 6.19 0 12.37-12.15 18.56-12.15 6.18 0 12.37 4.6 18.55 4.6S227.5 99.7 233.68 98.99c6.19-.71 12.37-1.18 18.56-1.18 6.18 0 12.37 17.75 18.55 18.22 6.19.48 12.37.74 18.56.74 6.18 0 12.37-17.09 18.55-17.09 6.19 0 12.37 12.68 18.56 12.68 6.18 0 12.37-.33 18.55-.67 6.19-.34 12.37-.79 18.56-2.06 6.18-1.26 12.36-25.45 18.55-25.45 6.18 0 12.37 10.35 18.55 10.35 6.19 0 12.37-21.07 18.56-21.07 6.18 0 12.37 33.27 18.55 33.27 6.19 0 12.37-26.97 18.56-26.97 6.18 0 12.37 26.97 18.55 27.36 6.19.4 12.37.41 18.56.61V120`,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,C),f(`path`,{fill:`url(#ridgeline-gradient-${G.value})`,stroke:q.value.ridgeline.color,"stroke-width":`1`,d:`M66.7 150c6.18-.52 12.36-1.57 18.55-1.57 6.18 0 12.37 1.36 18.55 1.36 6.19 0 12.37-1.75 18.56-3.18 6.18-1.43 12.37-6.62 18.55-6.62 6.19 0 12.37 9.98 18.56 9.98 6.18 0 12.37-4.94 18.55-5.64 6.19-.71 12.37-.52 18.56-1.31 6.18-.78 12.37-12.43 18.55-12.43s12.37 18.52 18.55 18.52c6.19 0 12.37-2.49 18.56-2.49 6.18 0 12.37 3.02 18.55 3.02 6.19 0 12.37-29.39 18.56-29.39 6.18 0 12.37 5.56 18.55 8.36 6.19 2.81 12.37 5.14 18.56 8.47 6.18 3.34 12.37 12.25 18.55 12.25 6.19 0 12.37-4.3 18.56-8.78 6.18-4.48 12.36-28.77 18.55-28.77 6.18 0 12.37 1.29 18.55 3.02 6.19 1.72 12.37 18.36 18.56 18.36 6.18 0 12.37-7.68 18.55-12.92 6.19-5.24 12.37-18.51 18.56-20.1 6.18-1.58 12.37-2.7 18.55-2.7 6.19 0 12.37 34.69 18.56 52.04V150`,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,w),f(`path`,{fill:`url(#ridgeline-gradient-${G.value})`,stroke:q.value.ridgeline.color,"stroke-width":`1`,d:`M66.7 180c6.18-.6 12.36-1.07 18.55-1.81 6.18-.74 12.37-2.86 18.55-2.86 6.19 0 12.37 2.14 18.56 2.14 6.18 0 12.37-7.08 18.55-7.08 6.19 0 12.37 1.08 18.56 2.03 6.18.95 12.37 4.75 18.55 4.75 6.19 0 12.37-2.45 18.56-4.62 6.18-2.17 12.37-10.99 18.55-10.99s12.37 9.58 18.55 9.58c6.19 0 12.37-.25 18.56-.69 6.18-.43 12.37-13.6 18.55-13.6 6.19 0 12.37 17.23 18.56 17.23 6.18 0 12.37-2.5 18.55-5.19 6.19-2.68 12.37-15.45 18.56-18 6.18-2.55 12.37-4.86 18.55-4.86 6.19 0 12.37 18.61 18.56 18.61 6.18 0 12.36-24.22 18.55-26.66 6.18-2.45 12.37-4.25 18.55-4.25 6.19 0 12.37 7.92 18.56 7.92 6.18 0 12.37-1.95 18.55-1.95 6.19 0 12.37 29.69 18.56 29.69 6.18 0 12.37-2.55 18.55-6.14 6.19-3.58 12.37-28.83 18.56-43.25v60`,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,T)],12,ue)):u(``,!0),J.value===`historyPlot`?(g(),d(`svg`,{key:2,xmlns:y(a),width:`100%`,viewBox:`0 0 612 512`,style:h(`background:${q.value.backgroundColor}`)},[m(s),f(`line`,{x1:`12`,x2:`12`,y1:`12`,y2:`500`,stroke:q.value.historyPlot.color,"stroke-width":`3`,"stroke-linecap":`round`},null,8,D),f(`line`,{x1:`12`,x2:`600`,y1:`500`,y2:`500`,stroke:q.value.historyPlot.color,"stroke-width":`3`,"stroke-linecap":`round`},null,8,O),f(`path`,{d:`M 80,100 300,200 400,150 560,230 360,420 230,320`,fill:`none`,stroke:q.value.historyPlot.color,"stroke-width":`3`},null,8,k),f(`circle`,{cx:`80`,cy:`100`,r:`24`,fill:q.value.historyPlot.color,stroke:q.value.backgroundColor,"stroke-width":`3`},null,8,A),f(`text`,{x:`80`,y:`108`,fill:q.value.backgroundColor,"font-size":`24`,"text-anchor":`middle`},` 1 `,8,j),f(`circle`,{cx:`300`,cy:`200`,r:`24`,fill:q.value.historyPlot.color,stroke:q.value.backgroundColor,"stroke-width":`3`},null,8,M),f(`text`,{x:`300`,y:`208`,fill:q.value.backgroundColor,"font-size":`24`,"text-anchor":`middle`},` 2 `,8,N),f(`circle`,{cx:`400`,cy:`150`,r:`24`,fill:q.value.historyPlot.color,stroke:q.value.backgroundColor,"stroke-width":`3`},null,8,P),f(`text`,{x:`400`,y:`158`,fill:q.value.backgroundColor,"font-size":`24`,"text-anchor":`middle`},` 3 `,8,F),f(`circle`,{cx:`560`,cy:`230`,r:`24`,fill:q.value.historyPlot.color,stroke:q.value.backgroundColor,"stroke-width":`3`},null,8,I),f(`text`,{x:`560`,y:`238`,fill:q.value.backgroundColor,"font-size":`24`,"text-anchor":`middle`},` 4 `,8,L),f(`circle`,{cx:`360`,cy:`420`,r:`24`,fill:q.value.historyPlot.color,stroke:q.value.backgroundColor,"stroke-width":`3`},null,8,R),f(`text`,{x:`360`,y:`428`,fill:q.value.backgroundColor,"font-size":`24`,"text-anchor":`middle`},` 5 `,8,z),f(`circle`,{cx:`230`,cy:`320`,r:`24`,fill:q.value.historyPlot.color,stroke:q.value.backgroundColor,"stroke-width":`3`},null,8,B),f(`text`,{x:`230`,y:`328`,fill:q.value.backgroundColor,"font-size":`24`,"text-anchor":`middle`},` 6 `,8,V)],12,E)):u(``,!0),J.value===`circlePack`?(g(),d(`svg`,{key:3,xmlns:y(a),width:`100%`,viewBox:`0 0 100 100`,style:h(`background:${q.value.backgroundColor}`)},[f(`circle`,{cx:50,cy:50,r:20,stroke:q.value.circlePack.color,"stroke-width":1,fill:`none`},null,8,U),f(`circle`,{cx:80,cy:50,r:10,stroke:q.value.circlePack.color,"stroke-width":1,fill:`none`},null,8,de),f(`circle`,{cx:28,cy:30,r:10,stroke:q.value.circlePack.color,"stroke-width":1,fill:`none`},null,8,fe),f(`circle`,{cx:25,cy:76,r:16,stroke:q.value.circlePack.color,"stroke-width":1,fill:`none`},null,8,pe),f(`circle`,{cx:60,cy:78.5,r:10,stroke:q.value.circlePack.color,"stroke-width":1,fill:`none`},null,8,me),f(`circle`,{cx:64,cy:20,r:13,stroke:q.value.circlePack.color,"stroke-width":1,fill:`none`},null,8,he),f(`circle`,{cx:72,cy:37,r:5,stroke:q.value.circlePack.color,"stroke-width":1,fill:`none`},null,8,ge),f(`circle`,{cx:25,cy:45,r:5,stroke:q.value.circlePack.color,"stroke-width":1,fill:`none`},null,8,_e),f(`circle`,{cx:70,cy:66,r:5,stroke:q.value.circlePack.color,"stroke-width":1,fill:`none`},null,8,ve)],12,H)):u(``,!0),J.value===`flow`?(g(),d(`svg`,{key:4,xmlns:y(a),width:`100%`,viewBox:`0 0 80 60`,style:h(`background:${q.value.backgroundColor}`)},[m(s),f(`path`,{d:`M5 5V55M75 5V55M28 5V55M52 5V55M5 8l23 4L52 9 75 8v4H52L28 21 5 29ZM5 34l23 1L52 24l23-3v6L52 30 28 44l24-5 23 2v6L52 45 28 52H5Z`,stroke:q.value.flow.color,"stroke-width":.8,"stroke-linecap":`round`,"stroke-linejoin":`round`,fill:q.value.flow.color},null,8,be)],12,ye)):u(``,!0),J.value===`parallelCoordinatePlot`?(g(),d(`svg`,{key:5,xmlns:y(a),width:`100%`,viewBox:`0 0 80 60`,style:h(`background:${q.value.backgroundColor}`)},[m(s),f(`path`,{d:`M5 5V55M75 5V55M28 5V55M52 5V55M5 10a1 1 0 000 2 1 1 0 000-2m23 5a1 1 0 000 2 1 1 0 000-2M52 8a1 1 0 000 2 1 1 0 000-2m23 3a1 1 0 000 2 1 1 0 000-2M6 11l21 5m2 0L51 9m2 0 21 3M5 50a1 1 0 000-2 1 1 0 000 2M28 39a1 1 0 000 2 1 1 0 000-2m24 6a1 1 0 000 2 1 1 0 000-2m23 0a1 1 0 000 2 1 1 0 000-2M6 49l21-9m2 0 22 6m2 0H74M5 25a1 1 0 000 2 1 1 0 000-2m23 6a1 1 0 000 2 1 1 0 000-2m24-8a1 1 0 000 2 1 1 0 000-2m23-2a1 1 0 000 2 1 1 0 000-2M6 26l21 6m2 0 22-8m2 0 21-2`,stroke:q.value.parallelCoordinatePlot.color,"stroke-width":.8,"stroke-linecap":`round`,"stroke-linejoin":`round`,fill:q.value.parallelCoordinatePlot.color},null,8,Se)],12,xe)):u(``,!0),J.value===`bullet`?(g(),d(`svg`,{key:6,xmlns:y(a),width:`100%`,viewBox:`0 0 600 96`,style:h(`background:${q.value.backgroundColor}`)},[f(`rect`,{fill:q.value.bullet.color,x:24,y:12,width:300,height:72,style:{opacity:`0.8`}},null,8,we),f(`rect`,{fill:q.value.bullet.color,x:324,y:12,width:150,height:72,style:{opacity:`0.6`}},null,8,Te),f(`rect`,{fill:q.value.bullet.color,x:474,y:12,width:102,height:72,style:{opacity:`0.3`}},null,8,Ee),f(`rect`,{fill:q.value.bullet.color,x:24,y:36,width:490,height:24,style:{opacity:`1`}},null,8,De)],12,Ce)):u(``,!0),J.value===`dumbbell`?(g(),d(`svg`,{key:7,xmlns:y(a),width:`100%`,viewBox:`0 0 100 55`,style:h(`background:${q.value.backgroundColor}`)},[m(s),f(`line`,{x1:`3`,x2:`3`,y1:`3`,y2:`67`,stroke:q.value.dumbbell.color,"stroke-width":.5,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,ke),f(`path`,{d:`
                     M 30,11
                     C 39,10 39,10
                     45,11