vue-data-ui 3.27.1 → 3.28.1

package/dist/vue-ui-radar-BzUfkLlC.js

@@ -1 +0,0 @@
-import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{n as t,t as n}from"./tableIntegration-CNoJ1CIY.js";import{n as r,t as i}from"./annotationSlots-BRR85CqJ.js";import{n as a,t as o}from"./userOptionsSlots-DYuo-E5m.js";import{$ as s,D as ee,Dt as te,Ht as c,Jt as l,Lt as ne,M as re,S as ie,X as ae,Yt as oe,Zt as se,at as u,b as ce,i as le,in as ue,nn as de,nt as fe,pt as pe,t as me,w as he,yt as ge,zt as _e}from"./lib-CV_IANZ6.js";import{n as ve}from"./useHints-BH9r_0Vd.js";import{t as ye}from"./useConfig-CKdzPrcf.js";import{t as be}from"./usePrinter-hLW3cv4N.js";import{n as xe,t as Se}from"./BaseScanner-8NdoBs7B.js";import{t as Ce}from"./useNestedProp-CB186vF2.js";import{t as we}from"./useThemeCheck-BKNRbGeC.js";import{t as Te}from"./useChartExport-DtPNpc9M.js";import{n as Ee}from"./Title-BGYFqulv.js";import{t as De}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{l as Oe,t as ke}from"./useResponsive-D2CPcpda.js";import{t as Ae}from"./DefGrad-DKMq1REY.js";import{t as je}from"./BaseLegendToggle-Bq5FjyuI.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"./chartImage-CIvU_04o.js";import{t as Ie}from"./Legend-D8YoT1RJ.js";import{t as Le}from"./useAutoSizeLabelsInsideViewbox-AIRF0PlD.js";import{t as Re}from"./vue_ui_radar-68iK9Fam.js";import{Fragment as d,Teleport as ze,computed as f,createBlock as p,createCommentVNode as m,createElementBlock as h,createElementVNode as g,createSlots as Be,createTextVNode as Ve,createVNode as He,defineAsyncComponent as _,guardReactiveProps as v,mergeProps as Ue,nextTick as We,normalizeClass as Ge,normalizeProps as y,normalizeStyle as b,onBeforeUnmount as Ke,onMounted as qe,openBlock as x,ref as S,renderList as C,renderSlot as w,resolveDynamicComponent as Je,shallowRef as Ye,toDisplayString as T,toRefs as Xe,unref as E,watch as Ze,withCtx as D}from"vue";var Qe=/* @__PURE__ */ e({default:()=>kt}),$e=[`id`],et=[`id`],tt=[`id`],nt={style:{position:`relative`}},rt=[`xmlns`,`aria-describedby`,`viewBox`],it=[`width`,`height`],at={key:1},ot=[`x1`,`y1`,`x2`,`y2`,`stroke`,`stroke-width`],st={key:0,style:{"pointer-events":`none`}},ct=[`d`,`stroke`,`stroke-width`],lt=[`d`,`stroke`,`stroke-width`],ut={key:2},dt=[`x`,`y`,`text-anchor`,`font-size`,`fill`,`onMouseenter`,`onMouseleave`,`onClick`],ft=[`points`,`stroke`,`stroke-width`],pt=[`points`,`stroke`,`stroke-width`,`fill`],mt=[`d`,`stroke`,`stroke-width`,`stroke-dasharray`],ht={key:4},gt=[`onMouseenter`,`onMouseleave`,`onClick`],_t=[`cx`,`cy`,`r`],vt=[`cx`,`cy`,`fill`,`r`,`stroke`],yt={key:0,style:{position:`absolute`,top:`100%`,left:`0`,width:`100%`},"data-dom-to-png-ignore":``,"aria-hidden":`true`},bt={key:5,class:`vue-data-ui-watermark`},xt=[`id`],St=[`onClick`],Ct={class:`vue-data-ui-legend-item`},wt=[`stroke`,`stroke-width`,`stroke-dasharray`],Tt={key:0,style:{"max-width":`200px`,margin:`0 auto`}},Et={class:`vue-ui-radar-tooltip-datalabel`,style:{width:`100%`}},Dt={class:`vue-ui-radar-tooltip-datalabel-name`},Ot={key:0},kt=/*#__PURE__*/ De({__name:`vue-ui-radar`,props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},emits:[`selectLegend`,`copyAlt`],setup(e,{expose:De,emit:Qe}){let kt=_(()=>import(`./Tooltip-Cus2-XNQ.js`)),At=_(()=>import(`./BaseIcon-DdIyewwY.js`).then(e=>e.n)),jt=_(()=>import(`./vue-ui-sparkbar-CdsLI7Ke.js`).then(e=>e.n)),Mt=_(()=>import(`./vue-ui-accordion-BNvevckx.js`).then(e=>e.n)),Nt=_(()=>import(`./DataTable-WNecJMcY.js`)),Pt=_(()=>import(`./PenAndPaper-IMw576MC.js`).then(e=>e.t)),Ft=_(()=>import(`./UserOptions-DTxMeZv3.js`).then(e=>e.n)),It=_(()=>import(`./PackageVersion-CdkxOy58.js`).then(e=>e.t)),Lt=_(()=>import(`./BaseDraggableDialog-D_tuHEjO.js`).then(e=>e.n)),{vue_ui_radar:Rt}=ye(),{isThemeValid:zt,warnInvalidTheme:Bt}=we(),O=e,Vt=f(()=>!!O.dataset&&Object.keys(O.dataset).length),k=S(ae()),Ht=S(!1),Ut=S(``),Wt=S(0),A=S(null),Gt=S(null),Kt=S(null),qt=S(null),Jt=S(null),Yt=S(0),Xt=S(0),Zt=S(0),Qt=S(!1),$t=S(null),en=S(null),j=S(null),tn=S({x:0,y:0}),nn=S(`pointer`),rn=S(!1),M=S(dn()),N=f(()=>M.value.userOptions),P=f(()=>M.value.style.chart.layout.labels),F=f(()=>M.value.style.chart.layout),I=f(()=>M.value.style.chart.tooltip),L=f(()=>M.value.style.chart);ve({config:()=>M.value,dataset:()=>O.dataset,component:`VueUiRadar`,rules:[{test:e=>e?.categories&&e.categories.length===0,message:[`👀 There are no categories in your dataset. Consider:`,``,`▶️ Adding categories...`]},{test:e=>e?.series&&e.series.length===0,message:[`👀 There are no series in your dataset. Consider:`,``,`▶️ Adding series...`]},{test:e=>e?.categories&&e.categories.length>3,message:[`👀 The number of categories > 3, the chart might become hard to read. Consider:`,``,`▶️ Using several instances of the component to display related categories.`,``,`▶️ Adding filters to allow users to choose a maximum number of categories.`]},{test:e=>e?.series&&e.series.length>12,message:[`👀 The number of series is > 12. Consider:`,``,`▶️ Using several instances of the component to distribute the series.`,``,`▶️ Using filters to let users choose a maximum number of series to display.`,``]}]});let R=f(()=>M.value.userOptions.useCursorPointer),an=f(()=>ue({defaultConfig:{userOptions:{show:!1},table:{show:!1},useCssAnimation:!1,style:{chart:{backgroundColor:`#99999930`,layout:{grid:{stroke:`#6A6A6A90`},labels:{dataLabels:{show:!1}},outerPolygon:{stroke:`#6A6A6A`}},legend:{backgroundColor:`transparent`}}}},userConfig:M.value.skeletonConfig??{}})),{loading:on,FINAL_DATASET:z}=xe({...Xe(O),FINAL_CONFIG:M,prepareConfig:dn,callback:()=>{Promise.resolve().then(async()=>{await We(),W.value.showTable=M.value.table.show})},skeletonDataset:O.config?.skeletonDataset??{categories:[{name:`_`,color:`#6A6A6A`}],series:[{name:`_`,values:[.6],target:1},{name:`_`,values:[.6],target:1},{name:`_`,values:[.6],target:1},{name:`_`,values:[.6],target:1},{name:`_`,values:[.6],target:1},{name:`_`,values:[.6],target:1}]},skeletonConfig:ue({defaultConfig:M.value,userConfig:an.value})}),{userOptionsVisible:sn,setUserOptionsVisibility:cn,keepUserOptionState:ln}=Ne({config:M.value}),{svgRef:B}=Pe({config:L.value.title});function un(e){return{...e,style:{...e.style,chart:{...e.style.chart,layout:{...e.style.chart.layout,grid:{rotate:0,...e.style.chart.layout.grid},labels:{...e.style.chart.layout.labels,dataLabels:{offset:0,...e.style.chart.layout.labels.dataLabels}}}}}}}function dn(){let e=un(Ce({userConfig:O.config,defaultConfig:Rt})),t=e.theme;if(!t)return e;if(!zt.value(e))return Bt(e),e;let n=Ce({userConfig:Re[t]||O.config,defaultConfig:e}),r=Ce({userConfig:O.config,defaultConfig:n});return{...r,customPalette:r.customPalette.length?r.customPalette:de[t]||c}}let fn=se(O.config);Ze(()=>O.config,(e,t)=>{let n=se(e),r=n!==fn;fn=n;let i=dn();if(!r){M.value.style.chart.tooltip=i.style.chart.tooltip,W.value.showTooltip=M.value.style.chart.tooltip.show;return}M.value=i,sn.value=!M.value.userOptions.showOnChartHover,pn(),Yt.value+=1,Xt.value+=1,Zt.value+=1,W.value.dataLabels.show=P.value.dataLabels.show,W.value.showTable=M.value.table.show,W.value.showTooltip=I.value?I.value.show:!1},{deep:!0});let V=Ye(null),H=Ye(null),U=f(()=>M.value.debug);function pn(){if(_e(O.dataset)&&u({componentName:`VueUiRadar`,type:`dataset`,debug:U.value}),M.value.responsive){let e=Oe(()=>{let{width:e,height:t}=ke({chart:A.value,title:L.value.title.text?Gt.value:null,legend:L.value.legend.show?Kt.value:null,source:qt.value,noTitle:Jt.value});requestAnimationFrame(()=>{G.value.width=e,G.value.height=t,Hn()})});V.value&&(H.value&&V.value.unobserve(H.value),V.value.disconnect()),V.value=new ResizeObserver(e),H.value=A.value.parentNode,V.value.observe(H.value)}Hn()}qe(()=>{Qt.value=!0,pn()}),Ke(()=>{V.value&&(H.value&&V.value.unobserve(H.value),V.value.disconnect())});let{isPrinting:mn,isImaging:hn,generatePdf:gn,generateImage:_n}=be({elementId:`vue-ui-radar_${k.value}`,fileName:L.value.title.text||`vue-ui-radar`,options:M.value.userOptions.print}),vn=f(()=>M.value.userOptions.show&&!L.value.title.text),yn=f(()=>he(M.value.customPalette)),W=S({dataLabels:{show:P.value.dataLabels.show},showTable:M.value.table.show,showTooltip:I.value.show}),bn=f(()=>({style:{backgroundColor:`#FFFFFF00`,animation:{show:I.value.animation.show,animationFrames:I.value.animation.animationFrames},labels:{fontSize:I.value.fontSize,name:{color:I.value.color}},gutter:{backgroundColor:`#CCCCCC`,opacity:30}}})),G=S({height:312,width:512}),xn=Qe,K=S([]),Sn=S(null),q=S(!1);function Cn(){K.value.length?K.value=[]:Z.value.forEach((e,t)=>{K.value.push(t)}),wn()}function wn(){xn(`selectLegend`,Z.value.filter((e,t)=>!K.value.includes(t)).map(e=>({name:e.name,color:e.color,proportion:e.totalProportion})))}function Tn(e){q.value=!0,K.value.includes(e)?(Sn.value=e,K.value=K.value.filter(t=>t!==e),setTimeout(()=>{q.value=!1,Sn.value=null},500)):(K.value.push(e),setTimeout(()=>{q.value=!1},500)),wn()}function En(){return Z.value.map(e=>({name:e.name,color:e.color,proportion:e.totalProportion}))}function Dn(){let e=z.value;if([null,void 0].includes(e?.categories)){u({componentName:`VueUiRadar`,type:`dataset`,debug:U.value}),u({componentName:`VueUiRadar`,type:`datasetAttribute`,property:`categories ({ name: string; prefix?: string; suffix?: string}[])`,debug:U.value});return}e.categories.length===0?u({componentName:`VueUiRadar`,type:`datasetAttributeEmpty`,property:`categories`,debug:U.value}):U.value&&e.categories.forEach((e,t)=>{ge({datasetObject:e,requiredAttributes:[`name`]}).forEach(e=>{u({componentName:`VueUiRadar`,type:`datasetAttribute`,property:`category.${e} at index ${t}`,index:t})})}),[null,void 0].includes(e?.series)?u({componentName:`VueUiRadar`,type:`datasetAttribute`,property:`series ({ name: string; values: number[]; color?: string; target: number}[])`,debug:U.value}):U.value&&e.series.forEach((e,t)=>{ge({datasetObject:e,requiredAttributes:[`name`,`values`,`target`]}).forEach(e=>{u({componentName:`VueUiRadar`,type:`datasetSerieAttribute`,key:`series`,property:e,index:t})})})}Ze(()=>z.value,()=>Dn(),{deep:!0,immediate:!0});let J=f(()=>{let e=Array.isArray(z.value?.categories)?z.value.categories:[],t=yn.value??c;return e.map((e,n)=>({name:e?.name??``,categoryId:`radar_category_${k.value}_${n}`,color:ie(e?.color)||t[n]||c[n%c.length],prefix:e?.prefix??``,suffix:e?.suffix??``}))}),Y=f(()=>z.value.series.map((e,t)=>({...e,color:ie(e.color)||yn.value[t]||c[t]||c[t%c.length],serieId:`radar_serie_${k.value}_${t}`,formatter:e.formatter||null,absoluteIndex:t})));function On(e){return Y.value.length?Z.value.find(t=>t.name===e)||(U.value&&console.warn(`VueUiRadar - Series name not found "${e}"`),null):(U.value&&console.warn(`VueUiRadar - There are no series to show.`),null)}function kn(e){let t=On(e);t!==null&&K.value.includes(t.absoluteIndex)&&Tn(t.absoluteIndex)}function An(e){let t=On(e);t!==null&&(K.value.includes(t.absoluteIndex)||Tn(t.absoluteIndex))}let jn=f(()=>Math.max(0,...Y.value.flatMap(e=>e.values)));function Mn(e){return F.value.scaleToAxisMax?Math.max(1,e.target||0,...e.values):e.target||jn.value||1}let Nn=f(()=>Y.value.map((e,t)=>{let n=Rn.value.coordinates[t];return Un({centerX:G.value.width/2,centerY:G.value.height/2,apexX:n.x,apexY:n.y,proportion:(e.target||0)/Mn(e)})})),Pn=f(()=>Y.value.length),Fn=f(()=>Math.min(G.value.width,G.value.height)/3),In=f(()=>{let e=Number(F.value.plots.radius??0);return Math.max(Number.isFinite(e)?e*2.5:0,10)}),Ln=f(()=>{let e=Number(F.value.grid.rotation??0);return Number.isFinite(e)?e*Math.PI/180:0}),Rn=f(()=>re({plot:{x:G.value.width/2,y:G.value.height/2},radius:Fn.value,sides:Pn.value,rotation:Ln.value})),zn=f(()=>{let e=[];for(let t=0;t<Fn.value;t+=Fn.value/F.value.grid.graduations)e.push(t);return e}),X=f(()=>Rn.value.coordinates.map((e,t)=>{let n=Y.value[t],r=Y.value[t].values.map(t=>Un({centerX:G.value.width/2,centerY:G.value.height/2,apexX:e.x,apexY:e.y,proportion:t/Mn(n)}));return{...e,...n,plots:r}}).map(e=>({...e,labelX:Bn(e).x,labelY:Bn(e).y,labelAnchor:Bn(e).anchor})));function Bn({x:e,y:t}){let n=G.value.width/2,r=G.value.height/2,i=e-n,a=t-r,o=Math.hypot(i,a),s=Number(P.value.dataLabels.offset??0),ee=20+(Number.isFinite(s)?s:0);if(!o)return{x:e,y:t,anchor:`middle`};let te=i/o,c=a/o,l=`middle`;return te>.01?l=`start`:te<-.01&&(l=`end`),{x:e+te*ee,y:t+c*ee,anchor:l}}let Vn=f({get:()=>P.value.dataLabels.fontSize,set:e=>e}),{autoSizeLabels:Hn}=Le({svgRef:B,fontSize:P.value.dataLabels.fontSize,minFontSize:6,sizeRef:Vn,labelClass:`.vue-ui-radar-apex-label`});function Un({centerX:e,centerY:t,apexX:n,apexY:r,proportion:i}){return{x:e+(n-e)*i,y:t+(r-t)*i}}let Z=f(()=>{let e=Y.value.map((e,t)=>e.values.map(t=>t/(e.target||jn.value)));return J.value.map((t,n)=>{let r=ce(e.map(e=>e[n]).reduce((e,t)=>e+t,0)/Y.value.length);return{...t,absoluteIndex:n,totalProportion:r,shape:`circle`,opacity:K.value.includes(n)?.5:1,segregate:()=>Tn(n),isSegregated:K.value.includes(n),display:`${t.name}: ${s({v:(r??0)*100,s:`%`,r:L.value.legend.roundingPercentage})}`}})}),Wn=f(()=>({cy:`radar-div-legend`,backgroundColor:L.value.legend.backgroundColor,color:L.value.legend.color,fontSize:L.value.legend.fontSize,paddingBottom:12,fontWeight:L.value.legend.bold?`bold`:``})),Q=f(()=>{let e=[{name:M.value.translations.datapoint,color:``},{name:M.value.translations.target,color:``},...Z.value];return{head:e,body:z.value.series.map(e=>[e.name,le(e.formatter,e.target,s({p:e.prefix,v:e.target,s:e.suffix,r:M.value.table.td.roundingValue})),...e.values.map((t,n)=>`${le(e.formatter,t,s({p:J.value[n]?.prefix??``,v:t,s:J.value[n]?.suffix??``,r:M.value.table.td.roundingValue}))} (${isNaN(t/e.target)?``:s({v:t/e.target*100,s:`%`,r:M.value.table.td.roundingPercentage})})`)]),config:{th:{backgroundColor:M.value.table.th.backgroundColor,color:M.value.table.th.color,outline:M.value.table.th.outline},td:{backgroundColor:M.value.table.td.backgroundColor,color:M.value.table.td.color,outline:M.value.table.td.outline},breakpoint:M.value.table.responsiveBreakpoint},colNames:e}}),Gn=S(null),Kn=S([]),qn=S(null);function Jn(e,t){Ht.value=!1,Gn.value=null,j.value=null,nn.value=`pointer`,M.value.events.datapointLeave&&M.value.events.datapointLeave({datapoint:e,seriesIndex:t})}function Yn(e,t){M.value.events.datapointClick&&M.value.events.datapointClick({datapoint:e,seriesIndex:t})}function Xn(e,t,n=`pointer`){M.value.events.datapointEnter&&M.value.events.datapointEnter({datapoint:e,seriesIndex:t}),nn.value=n,j.value=t;let r=J.value.slice();Kn.value=[],Gn.value=t,Ht.value=!0,qn.value={datapoint:e,seriesIndex:t,series:{categories:r,datapoints:Y.value,radar:X.value},config:M.value};let i=I.value.customFormat;if(te(i)&&pe(()=>i({seriesIndex:t,datapoint:e,series:{categories:r,datapoints:Y.value,radar:X.value},config:M.value}))){Ut.value=i({seriesIndex:t,datapoint:e,series:{categories:r,datapoints:Y.value,radar:X.value},config:M.value});return}Ut.value=`<div style="width:100%;text-align:center;border-bottom:1px solid ${I.value.borderColor};padding-bottom:6px;margin-bottom:3px;">${e.name}</div>`;for(let t=0;t<e.values.length;t+=1)if(!K.value.includes(t)){let n=r[t],i=e.values[t],a=isNaN(i/e.target)?0:i/e.target*100,o=le(e.formatter,i,s({p:J.value[t].prefix,v:i,s:J.value[t].suffix,r:I.value.roundingValue}),{datapoint:e}),ee=s({v:a,s:`%`,r:I.value.roundingPercentage}),te=I.value.showValue&&I.value.showPercentage?`${o} (${ee})`:I.value.showValue&&!I.value.showPercentage?o:!I.value.showValue&&I.value.showPercentage?`${ee}`:``;Kn.value.push({name:n?.name??`#${t+1}`,value:e.values[t]/e.target*100,color:n?.color,suffix:te,prefix:``,rounding:I.value.roundingPercentage,formatter:e.formatter})}}function Zn(e=null){We(()=>{let t=[[L.value.title.text],[L.value.title.subtitle.text],[``]],n=[[``],[M.value.translations.target],...Z.value.flatMap(e=>[[e.name],[`%`]])],r=z.value.series.map((e,t)=>[e.name,e.target,...e.values.flatMap(t=>[t,isNaN(t/e.target)?``:t/e.target*100])]),i=t.concat([n]).concat(r),a=ee(i);e?e(a):fe({csvContent:a,title:L.value.title.text||`vue-ui-radar`})})}let $=S(!1);function Qn(e){$.value=e,Wt.value+=1}function $n(){W.value.showTable=!W.value.showTable}function er(){W.value.showTooltip=!W.value.showTooltip}let tr=S(!1);function nr(){tr.value=!tr.value}let rr=Fe(A,()=>L.value.title.text),ir=f(()=>n({config:M,style:L,mutableConfig:W,dialog:Lt,accordion:Mt,isFullscreen:$,parent:A,maxWidth:800,isCursorPointer:R}));Ze(()=>W.value.showTable,e=>t(e,M,$t));function ar(){W.value.showTable=!1,en.value&&en.value.setTableIconState(!1)}let or=f(()=>Z.value.map(e=>({...e,name:e.display}))),sr=f(()=>L.value.backgroundColor),cr=f(()=>L.value.legend),lr=f(()=>L.value.title),{isCallbackImaging:ur,isCallbackSvg:dr,generateSvg:fr,onGenerateImage:pr}=Te({svg:B,title:lr,legend:cr,legendItems:or,backgroundColor:sr,getSvgCallback:()=>M.value.userOptions.callbacks.svg,generateImage:_n});async function mr(){if(xn(`copyAlt`,{config:M.value,dataset:X.value}),!M.value.userOptions.callbacks.altCopy){console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");return}await Promise.resolve(M.value.userOptions.callbacks.altCopy({config:M.value,dataset:X.value}))}function hr(){j.value=null,rn.value=!0}function gr(){j.value=null,nn.value=`pointer`,Ht.value=!1,Gn.value=null,rn.value=!1}function _r(e){if(!Number.isFinite(e)||!B.value)return;let t=X.value[e];if(!t)return;let n=B.value.getBoundingClientRect();tn.value={x:n.left+t.labelX/G.value.width*n.width,y:n.top+t.labelY/G.value.height*n.height}}function vr(e){if(!B.value||tr.value||document.activeElement!==B.value||!X.value.length)return;let t=[`ArrowLeft`,`ArrowUp`].includes(e.key),n=[`ArrowRight`,`ArrowDown`].includes(e.key),r=e.key===`Enter`||e.key===` `,i=e.key===`Escape`;if(!t&&!n&&!r&&!i)return;if(e.preventDefault(),e.stopPropagation(),i){j.value=null,nn.value=`pointer`,Ht.value=!1,Gn.value=null;return}if(r){if(j.value===null)return;let e=X.value[j.value];if(!e)return;Yn(e,j.value);return}let a=j.value;a===null||a<0||a>=X.value.length?a=n?0:X.value.length-1:n?(a+=1,a>=X.value.length&&(a=0)):t&&(--a,a<0&&(a=X.value.length-1));let o=X.value[a];o&&(j.value=a,_r(a),Xn(o,a,`keyboard`))}let yr=f(()=>({headers:Q.value?.colNames?.map(e=>e.name??e)??[],rows:Q.value?.body??[]}));return De({getData:En,getImage:rr,generatePdf:gn,generateCsv:Zn,generateImage:_n,generateSvg:fr,hideSeries:An,showSeries:kn,toggleTable:$n,toggleTooltip:er,toggleAnnotator:nr,toggleFullscreen:Qn,copyAlt:mr}),(e,t)=>(x(),h(`div`,{class:Ge(`vue-data-ui-component vue-ui-radar ${$.value?`vue-data-ui-wrapper-fullscreen`:``} ${M.value.useCssAnimation?``:`vue-ui-dna`}`),ref_key:`radarChart`,ref:A,id:`vue-ui-radar_${k.value}`,style:b(`font-family:${M.value.style.fontFamily};width:100%; ${M.value.responsive?`height: 100%;`:``} text-align:center;background:${L.value.backgroundColor}`),onMouseenter:t[2]||=()=>E(cn)(!0),onMouseleave:t[3]||=()=>E(cn)(!1)},[g(`div`,{id:`chart-instructions-${k.value}`,class:`sr-only`},[g(`p`,null,T(M.value.a11y.translations.keyboardNavigation),1)],8,et),yr.value?.rows?.length?(x(),p(Me,{key:0,uid:k.value,head:yr.value.headers,body:yr.value.rows,notice:M.value.a11y.translations.tableAvailable,caption:M.value.a11y.translations.tableCaption},null,8,[`uid`,`head`,`body`,`notice`,`caption`])):m(``,!0),N.value.buttons.annotator?(x(),p(E(Pt),{key:1,svgRef:E(B),backgroundColor:L.value.backgroundColor,color:L.value.color,active:tr.value,isCursorPointer:R.value,palette:N.value.annotatorPalette,onClose:nr},Be({_:2},[C(E(i),t=>({name:t,fn:D(n=>[w(e.$slots,t,y(v(E(r)(t,n))),void 0,!0)])}))]),1032,[`svgRef`,`backgroundColor`,`color`,`active`,`isCursorPointer`,`palette`])):m(``,!0),vn.value?(x(),h(`div`,{key:2,ref_key:`noTitle`,ref:Jt,class:`vue-data-ui-no-title-space`,style:`height:36px; width: 100%;background:transparent`},null,512)):m(``,!0),L.value.title.text?(x(),h(`div`,{key:3,ref_key:`chartTitle`,ref:Gt,style:`width:100%;background:transparent;padding-bottom:12px`},[(x(),p(Ee,{key:`title_${Yt.value}`,config:{title:{cy:`radar-div-title`,...L.value.title},subtitle:{cy:`radar-div-subtitle`,...L.value.title.subtitle}}},null,8,[`config`]))],512)):m(``,!0),g(`div`,{id:`legend-top-${k.value}`},null,8,tt),N.value.show&&Vt.value&&(E(ln)||E(sn))?(x(),p(E(Ft),{ref_key:`userOptionsRef`,ref:en,key:`user_options_${Wt.value}`,backgroundColor:L.value.backgroundColor,color:L.value.color,isImaging:E(hn),isPrinting:E(mn),uid:k.value,hasTooltip:N.value.buttons.tooltip&&I.value.show,hasPdf:N.value.buttons.pdf,hasImg:N.value.buttons.img,hasSvg:N.value.buttons.svg,hasXls:N.value.buttons.csv,hasTable:N.value.buttons.table,hasFullscreen:N.value.buttons.fullscreen,hasAltCopy:N.value.buttons.altCopy,isFullscreen:$.value,isTooltip:W.value.showTooltip,titles:{...N.value.buttonTitles},chartElement:A.value,position:N.value.position,hasAnnotator:N.value.buttons.annotator,isAnnotation:tr.value,callbacks:N.value.callbacks,printScale:N.value.print.scale,tableDialog:M.value.table.useDialog,isCursorPointer:R.value,onToggleFullscreen:Qn,onGeneratePdf:E(gn),onGenerateCsv:Zn,onGenerateImage:E(pr),onGenerateSvg:E(fr),onToggleTable:$n,onToggleTooltip:er,onToggleAnnotator:nr,onCopyAlt:mr,style:b({visibility:E(ln)?E(sn)?`visible`:`hidden`:`visible`})},Be({_:2},[C(E(a)(e.$slots,`menuIcon optionTooltip optionPdf optionCsv optionImg optionSvg optionTable optionFullscreen optionAnnotator optionAltCopy custom-menu-before custom-menu-after`),t=>({name:t,fn:D(n=>[w(e.$slots,t,y(v(E(o)(t,n))),void 0,!0)])}))]),1032,/* @__PURE__ */ `backgroundColor.color.isImaging.isPrinting.uid.hasTooltip.hasPdf.hasImg.hasSvg.hasXls.hasTable.hasFullscreen.hasAltCopy.isFullscreen.isTooltip.titles.chartElement.position.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg.style`.split(`.`))):m(``,!0),g(`div`,nt,[(x(),h(`svg`,{ref_key:`svgRef`,ref:B,xmlns:E(me),"aria-describedby":`chart-instructions-${k.value}`,class:Ge({"vue-data-ui-fullscreen--on":$.value,"vue-data-ui-fulscreen--off":!$.value}),viewBox:`0 0 ${G.value.width<=0?10:G.value.width} ${G.value.height<=0?10:G.value.height}`,style:b(`max-width:100%;overflow:visible;background:transparent;color:${L.value.color}`),tabindex:`0`,onFocus:hr,onBlur:gr,onKeydown:vr},[He(E(It)),e.$slots[`chart-background`]?(x(),h(`foreignObject`,{key:0,x:0,y:0,width:G.value.width<=0?10:G.value.width,height:G.value.height<=0?10:G.value.height,style:{pointerEvents:`none`}},[w(e.$slots,`chart-background`,{},void 0,!0)],8,it)):m(``,!0),g(`defs`,null,[(x(!0),h(d,null,C(J.value,(e,t)=>(x(),p(Ae,{t:`radial`,cx:`50%`,cy:`50%`,r:`50%`,fx:`50%`,fy:`50%`,id:`radar_gradient_${k.value}_${t}`,key:`radar_gradient_${k.value}_${t}`,stops:[[`0%`,E(l)(E(oe)(e.color,.05),F.value.dataPolygon.opacity),1],[`100%`,E(l)(e.color,F.value.dataPolygon.opacity),1]]},null,8,[`id`,`stops`]))),128))]),F.value.grid.show?(x(),h(`g`,at,[(x(!0),h(d,null,C(X.value,e=>(x(),h(`line`,{x1:G.value.width/2,y1:G.value.height/2,x2:e.x,y2:e.y,stroke:F.value.grid.stroke,"stroke-width":F.value.grid.strokeWidth,style:{"pointer-events":`none`}},null,8,ot))),256)),F.value.grid.graduations>0?(x(),h(`g`,st,[(x(!0),h(d,null,C(zn.value,e=>(x(),h(`path`,{d:E(re)({plot:{x:G.value.width/2,y:G.value.height/2},radius:e,sides:Pn.value,rotation:Ln.value}).path,fill:`none`,stroke:F.value.grid.stroke,"stroke-width":F.value.grid.strokeWidth},null,8,ct))),256))])):m(``,!0)])):m(``,!0),g(`path`,{d:Rn.value.path,fill:`none`,stroke:F.value.outerPolygon.stroke,"stroke-width":F.value.outerPolygon.strokeWidth,"stroke-linejoin":`round`,"stroke-linecap":`round`,style:{"pointer-events":`none`}},null,8,lt),P.value.dataLabels.show?(x(),h(`g`,ut,[(x(!0),h(d,null,C(X.value,(e,t)=>(x(),h(`text`,{class:`vue-ui-radar-apex-label`,x:e.labelX,y:e.labelY,"text-anchor":e.labelAnchor,"dominant-baseline":`middle`,"font-size":P.value.dataLabels.fontSize,fill:P.value.dataLabels.color,onMouseenter:n=>Xn(e,t,`pointer`),onMouseleave:n=>Jn(e,t),onClick:n=>Yn(e,t)},T(e.name),41,dt))),256))])):m(``,!0),(x(!0),h(d,null,C(J.value,(e,t)=>(x(),h(`g`,null,[g(`g`,null,[M.value.useCssAnimation||!M.value.useCssAnimation&&!K.value.includes(t)?(x(),h(`polygon`,{key:0,points:E(ne)(X.value.map(e=>e.plots[t]),!1,!0),stroke:L.value.backgroundColor,"stroke-width":F.value.dataPolygon.strokeWidth+1,fill:`none`,class:Ge({"animated-out":K.value.includes(t)&&M.value.useCssAnimation,"animated-in":q.value&&Sn.value===t&&M.value.useCssAnimation}),style:{"pointer-events":`none`}},null,10,ft)):m(``,!0),M.value.useCssAnimation||!M.value.useCssAnimation&&!K.value.includes(t)?(x(),h(`polygon`,{key:1,points:E(ne)(X.value.map(e=>e.plots[t]),!1,!0),stroke:e.color,"stroke-width":F.value.dataPolygon.strokeWidth,fill:F.value.dataPolygon.transparent?`transparent`:F.value.dataPolygon.useGradient?`url(#radar_gradient_${k.value}_${t})`:E(l)(e.color,F.value.dataPolygon.opacity),class:Ge({"animated-out":K.value.includes(t)&&M.value.useCssAnimation,"animated-in":q.value&&Sn.value===t&&M.value.useCssAnimation}),style:{"pointer-events":`none`}},null,10,pt)):m(``,!0)])]))),256)),F.value.targetReference.show?(x(),h(`path`,{key:3,class:`vue-ui-radar-target-polygon`,d:`M${E(ne)(Nn.value,!1,!0)}Z`,fill:`none`,stroke:F.value.targetReference.stroke,"stroke-width":F.value.targetReference.strokeWidth,"stroke-linejoin":`round`,"stroke-linecap":`round`,"stroke-dasharray":F.value.targetReference.strokeDasharray,style:{"pointer-events":`none`}},null,8,mt)):m(``,!0),F.value.plots.show?(x(),h(`g`,ht,[(x(!0),h(d,null,C(X.value,(e,t)=>(x(),h(`g`,{key:`radar-category-${t}`},[(x(!0),h(d,null,C(e.plots,(n,r)=>(x(),h(`g`,{key:`radar-plot-${t}-${r}`,onMouseenter:n=>!K.value.includes(r)&&Xn(e,t,`pointer`),onMouseleave:n=>!K.value.includes(r)&&Jn(e,t),onClick:n=>!K.value.includes(r)&&Yn(e,t)},[g(`circle`,{cx:n.x,cy:n.y,r:In.value,fill:`transparent`,stroke:`transparent`,style:b({pointerEvents:K.value.includes(r)?`none`:`all`})},null,12,_t),g(`circle`,{cx:n.x,cy:n.y,fill:K.value.includes(r)?`transparent`:J.value[r]?J.value[r].color:`transparent`,r:Gn.value!==null&&Gn.value===t?F.value.plots.radius*1.6:F.value.plots.radius,stroke:K.value.includes(r)?`transparent`:L.value.backgroundColor,"stroke-width":.5,class:Ge({"animated-out":K.value.includes(r)&&M.value.useCssAnimation,"animated-in":q.value&&Sn.value===r&&M.value.useCssAnimation}),style:{"pointer-events":`none`}},null,10,vt)],40,gt))),128))]))),128))])):m(``,!0),w(e.$slots,`svg`,{svg:{...G.value,outerPolygon:Rn.value,isPrintingImg:E(mn)||E(hn)||E(ur),isPrintingSvg:E(dr)}},void 0,!0)],46,rt)),e.$slots.hint?(x(),h(`div`,yt,[w(e.$slots,`hint`,y(v({hint:M.value.a11y.translations.keyboardNavigation,isVisible:rn.value})),void 0,!0)])):m(``,!0)]),e.$slots.watermark?(x(),h(`div`,bt,[w(e.$slots,`watermark`,y(v({isPrinting:E(mn)||E(hn)||E(ur)||E(dr)})),void 0,!0)])):m(``,!0),g(`div`,{id:`legend-bottom-${k.value}`},null,8,xt),Qt.value&&(L.value.legend.show||e.$slots.legend)?(x(),p(ze,{key:6,to:L.value.legend.position===`top`?`#legend-top-${k.value}`:`#legend-bottom-${k.value}`},[g(`div`,{ref_key:`chartLegend`,ref:Kt},[w(e.$slots,`legend`,{legend:Z.value},()=>[L.value.legend.show?(x(),p(Ie,{key:`legend_${Zt.value}`,legendSet:Z.value,config:Wn.value,isCursorPointer:R.value,onClickMarker:t[0]||=({i:e})=>Tn(e)},Be({item:D(({legend:e,index:t})=>[E(on)?m(``,!0):(x(),h(`div`,{key:0,onClick:t=>e.segregate(),style:b(`opacity:${K.value.includes(t)?.5:1}`)},T(e.display),13,St))]),legendToggle:D(()=>[Z.value.length>2&&L.value.legend.selectAllToggle.show&&!E(on)?(x(),p(je,{key:0,backgroundColor:L.value.legend.selectAllToggle.backgroundColor,color:L.value.legend.selectAllToggle.color,fontSize:L.value.legend.fontSize,checked:K.value.length>0,isCursorPointer:R.value,onToggle:Cn},null,8,[`backgroundColor`,`color`,`fontSize`,`checked`,`isCursorPointer`])):m(``,!0)]),_:2},[F.value.targetReference.show&&F.value.targetReference.showInLegend?{name:`after`,fn:D(()=>[g(`div`,Ct,[g(`div`,{style:b({display:`flex`,height:L.value.legend.fontSize})},[(x(),h(`svg`,{style:b({width:L.value.legend.fontSize*2}),viewBox:`0 0 16 8`},[g(`line`,{x1:`0`,x2:`16`,y1:`4`,y2:`4`,stroke:F.value.targetReference.stroke,"stroke-width":F.value.targetReference.strokeWidth*.7,"stroke-dasharray":F.value.targetReference.strokeDasharray*.7,"stroke-linecap":`round`},null,8,wt)],4))],4),g(`span`,null,T(F.value.targetReference.legendLabel),1)])]),key:`0`}:void 0]),1032,[`legendSet`,`config`,`isCursorPointer`])):m(``,!0)],!0)],512)],8,[`to`])):m(``,!0),e.$slots.source?(x(),h(`div`,{key:7,ref_key:`source`,ref:qt,dir:`auto`},[w(e.$slots,`source`,{},void 0,!0)],512)):m(``,!0),He(E(kt),{teleportTo:I.value.teleportTo,show:W.value.showTooltip&&Ht.value,backgroundColor:I.value.backgroundColor,color:I.value.color,borderRadius:I.value.borderRadius,borderColor:I.value.borderColor,borderWidth:I.value.borderWidth,backgroundOpacity:I.value.backgroundOpacity,fontSize:I.value.fontSize,position:I.value.position,offsetX:I.value.offsetX,offsetY:I.value.offsetY,parent:A.value,content:Ut.value,isFullscreen:$.value,isCustom:I.value.customFormat&&typeof I.value.customFormat==`function`,smooth:I.value.smooth,backdropFilter:I.value.backdropFilter,smoothForce:I.value.smoothForce,smoothSnapThreshold:I.value.smoothSnapThreshold,isA11yMode:nn.value===`keyboard`,a11yPosition:tn.value},{"tooltip-before":D(()=>[w(e.$slots,`tooltip-before`,y(v({...qn.value})),void 0,!0)]),tooltip:D(()=>[w(e.$slots,`tooltip`,y(v({...qn.value})),void 0,!0)]),"tooltip-after":D(()=>[![`function`].includes(typeof I.value.customFormat)&&!e.$slots.tooltip?(x(),h(`div`,Tt,[He(E(jt),{dataset:Kn.value,config:bn.value,backgroundOpacity:0},{"data-label":D(({bar:e})=>[g(`div`,Et,[g(`span`,Dt,T(e.name+(I.value.showValue||I.value.showPercentage?`:`:``)),1),I.value.showValue||I.value.showPercentage?(x(),h(`span`,Ot,T(e.suffix),1)):m(``,!0)])]),_:1},8,[`dataset`,`config`])])):m(``,!0),w(e.$slots,`tooltip-after`,y(v({...qn.value})),void 0,!0)]),_:3},8,[`teleportTo`,`show`,`backgroundColor`,`color`,`borderRadius`,`borderColor`,`borderWidth`,`backgroundOpacity`,`fontSize`,`position`,`offsetX`,`offsetY`,`parent`,`content`,`isFullscreen`,`isCustom`,`smooth`,`backdropFilter`,`smoothForce`,`smoothSnapThreshold`,`isA11yMode`,`a11yPosition`]),Vt.value&&N.value.buttons.table?(x(),p(Je(ir.value.component),Ue({key:8},ir.value.props,{ref_key:`tableUnit`,ref:$t,onClose:ar}),Be({content:D(()=>[(x(),p(E(Nt),{key:`table_${Xt.value}`,colNames:Q.value.colNames,head:Q.value.head,body:Q.value.body,config:Q.value.config,title:M.value.table.useDialog?``:ir.value.title,withCloseButton:!M.value.table.useDialog,isCursorPointer:R.value,onClose:ar},{th:D(({th:e})=>[Ve(T(e.name),1)]),td:D(({td:e})=>[Ve(T(e),1)]),_:1},8,[`colNames`,`head`,`body`,`config`,`title`,`withCloseButton`,`isCursorPointer`]))]),_:2},[M.value.table.useDialog?{name:`title`,fn:D(()=>[Ve(T(ir.value.title),1)]),key:`0`}:void 0,M.value.table.useDialog?{name:`actions`,fn:D(()=>[g(`button`,{tabindex:`0`,class:`vue-ui-user-options-button`,onClick:t[1]||=e=>Zn(N.value.callbacks.csv),style:b({cursor:R.value?`pointer`:`default`})},[He(E(At),{name:`fileCsv`,stroke:ir.value.props.color},null,8,[`stroke`])],4)]),key:`1`}:void 0]),1040)):m(``,!0),w(e.$slots,`skeleton`,{},()=>[E(on)?(x(),p(Se,{key:0})):m(``,!0)],!0)],46,$e))}},[[`__scopeId`,`data-v-4c2db0d1`]]);export{Qe as n,kt as t};

package/dist/vue-ui-rating-BwWXvbAg.js

@@ -1 +0,0 @@
-import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{$ as t,B as n,X as r,Yt as i,at as a,i as o,t as s,zt as c}from"./lib-CV_IANZ6.js";import{n as ee,t as te}from"./useHints-BH9r_0Vd.js";import{t as l}from"./useConfig-CKdzPrcf.js";import{t as u}from"./useNestedProp-CB186vF2.js";import{t as d}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as f}from"./DefGrad-DKMq1REY.js";import{Fragment as p,computed as m,createCommentVNode as h,createElementBlock as g,createElementVNode as _,createVNode as v,mergeProps as y,normalizeStyle as b,onMounted as x,openBlock as S,ref as C,renderList as ne,renderSlot as w,toDisplayString as T,unref as E,useSlots as re,watch as ie,withKeys as D}from"vue";var O=/* @__PURE__ */ e({default:()=>F}),k={key:0,class:`vue-ui-rating-title`,style:{width:`100%`}},A={key:0,style:{position:`relative`}},j={key:0,style:{position:`absolute`,top:`0`,left:`0`,width:`100%`,height:`100%`}},M={key:1,style:{position:`absolute`,top:`0`,left:`0`,width:`100%`,height:`100%`}},N=[`src`,`height`,`width`],ae=[`xmlns`,`height`,`width`],oe=[`points`,`fill`,`stroke`,`stroke-width`],se=[`src`,`alt`,`height`,`width`,`id`],ce=[`xmlns`,`viewBox`,`height`,`id`],le=[`points`,`fill`,`stroke`],ue=[`xmlns`,`height`],de=[`onClick`,`onMouseenter`,`onFocus`,`onKeyup`],P=[`onMouseenter`,`onFocus`],F=/*#__PURE__*/ d({__name:`vue-ui-rating`,props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},emits:[`rate`],setup(e,{expose:d,emit:O}){let{vue_ui_rating:F}=l(),I=e,L=C(r()),R=C(!1),z=C(void 0),B=C(void 0),V=C([]),fe=re(),pe=O,H=m({get:()=>G(),set:e=>e}),U=m(()=>H.value.style.rating),W=m(()=>H.value.style);x(()=>{fe[`chart-background`]&&H.value.debug&&console.warn(`VueUiRating does not support the #chart-background slot.`)}),ee({config:()=>H.value,dataset:()=>[],component:`VueUiRating`,rules:[te.noHint]});let me=m(()=>H.value.useCursorPointer);function G(){return u({userConfig:I.config,defaultConfig:F})}ie(()=>I.config,e=>{H.value=G(),X()},{deep:!0});let he=m(()=>typeof I.dataset.rating==`object`&&!Array.isArray(I.dataset.rating)?Y(I.dataset.rating):I.dataset.rating),ge=m(()=>typeof I.dataset.rating==`object`&&!Array.isArray(I.dataset.rating)),K=C(he.value),q=m(()=>H.value.type===`image`),J=m(()=>H.value.readonly);function Y(e){let t=0,n=0;for(let r in e){let i=parseInt(r),a=e[r];t+=i*a,n+=a}if(n===0)return 0;let r=t/n;return Math.min(H.value.to,Math.max(H.value.from,r))}x(()=>{X()});function X(){(!Object.hasOwn(I.dataset,`rating`)||c(I.dataset))&&a({componentName:`VueUiRating`,type:`datasetAttribute`,property:`rating`,debug:H.value.debug}),V.value=[];for(let e=H.value.from;e<=H.value.to;e+=1)V.value.push(e)}function Z(e,t=!1){return e>z.value||J.value?t?W.value.image.inactiveOpacity:W.value.star.inactiveColor:t?1:W.value.star.useGradient?`url(#star_gradient_under_${L.value})`:W.value.star.activeColor}function Q(e,t=!1){let n=K.value-e,r=t?1:100;switch(!0){case n<=0:return .001;case n>1:return 1*r;default:return n*r}}function $(e){J.value||(K.value=e,pe(`rate`,e))}function _e(){return K.value}function ve(e=!0){J.value=e}return d({getData:_e,toggleReadonly:ve}),(e,r)=>(S(),g(`div`,{style:b(`background:${W.value.backgroundColor};font-family:${W.value.fontFamily};width:100%`),class:`vue-data-ui-component vue-ui-rating`,onMouseover:r[4]||=e=>R.value=!0,onMouseleave:r[5]||=e=>{R.value=!1,z.value=void 0}},[W.value.title.text?(S(),g(`div`,k,[_(`div`,{style:b(`color:${W.value.title.color};font-weight:${W.value.title.bold?`bold`:`normal`};text-align:${W.value.title.textAlign};margin-bottom:${W.value.title.offsetY}px;font-size:${W.value.title.fontSize}px`)},T(W.value.title.text),5),W.value.title.subtitle.text?(S(),g(`div`,{key:0,style:b(`color:${W.value.title.subtitle.color};font-size:${W.value.title.subtitle.fontSize}px;text-align:${W.value.title.textAlign};margin-bottom:${W.value.title.subtitle.offsetY}px;font-weight:${W.value.title.subtitle.bold?`bold`:`normal`}`)},T(W.value.title.subtitle.text),5)):h(``,!0)])):h(``,!0),U.value.show&&U.value.position===`top`?(S(),g(`div`,{key:1,style:b(`width:100%;text-align:center;margin-bottom:${U.value.offsetY}px;font-size:${U.value.fontSize}px;font-weight:${U.value.bold?`bold`:`normal`};margin-left:${U.value.offsetX}px`)},T(E(o)(U.value.formatter,K.value,E(t)({v:K.value,r:U.value.roundingValue}),H.value)),5)):h(``,!0),_(`div`,{class:`vue-ui-rating-wrapper`,style:b(`height:${W.value.itemSize}px;width:100%;display:flex;align-items:center;justify-content:center`)},[U.value.show&&U.value.position===`left`?(S(),g(`div`,{key:0,style:b(`width:fit-content;text-align:center;margin-bottom:${U.value.offsetY}px;font-size:${U.value.fontSize}px;font-weight:${U.value.bold?`bold`:`normal`};padding-right:${U.value.offsetX}px`)},T(E(o)(U.value.formatter,K.value,E(t)({v:K.value,r:U.value.roundingValue}),H.value)),5)):h(``,!0),(S(!0),g(p,null,ne(V.value,(a,c)=>(S(),g(`div`,{class:`vue-ui-rating-unit-container`,style:b(`position:relative;height:${W.value.itemSize}px;width:${W.value.itemSize}px`)},[e.$slots[`layer-under`]||e.$slots[`layer-above`]?(S(),g(`div`,A,[e.$slots[`layer-under`]?(S(),g(`div`,j,[w(e.$slots,`layer-under`,y({ref_for:!0},{value:a,size:W.value.itemSize,hoveredValue:z.value,focusedValue:B.value}),void 0,!0)])):h(``,!0),e.$slots[`layer-above`]?(S(),g(`div`,M,[w(e.$slots,`layer-above`,y({ref_for:!0},{value:a,size:W.value.itemSize,hoveredValue:z.value,focusedValue:B.value}),void 0,!0)])):h(``,!0)])):(S(),g(p,{key:1},[q.value?(S(),g(`img`,{key:0,src:W.value.image.src,height:W.value.itemSize,width:W.value.itemSize,class:`vue-ui-rating-unit`,style:b(`position:absolute;top:0;left:0;opacity:${isNaN(z.value)?W.value.image.inactiveOpacity:Z(a,!0)}`)},null,12,N)):(S(),g(`svg`,{key:1,xmlns:E(s),viewBox:`0 0 100 100`,height:W.value.itemSize,width:W.value.itemSize,class:`vue-ui-rating-unit`},[_(`defs`,null,[v(f,{t:`radial`,cx:`50%`,cy:`50%`,r:`50%`,fx:`50%`,fy:`50%`,id:`star_gradient_under_${L.value}`,stops:[[`0%`,E(i)(W.value.star.activeColor,.05),1],[`100%`,W.value.star.activeColor,1]]},null,8,[`id`,`stops`])]),_(`polygon`,{points:E(n)({plot:{x:50,y:50},radius:30,apexes:W.value.star.apexes}),fill:isNaN(z.value)?W.value.star.inactiveColor:Z(a),stroke:W.value.star.borderColor?W.value.star.borderColor:z.value?Z(a):W.value.star.inactiveColor,"stroke-width":W.value.star.borderWidth,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,8,oe)],8,ae)),q.value?(S(),g(`img`,{key:2,src:W.value.image.src,alt:`${W.value.image.alt} ${a}`,height:W.value.itemSize,width:W.value.itemSize,id:`active_${L.value}_${a}`,class:`vue-ui-rating-unit`,style:b(`position:absolute;top:0;left:0;clip:rect(0px,${Q(c,!0)*W.value.itemSize}px,${W.value.itemSize}px,0px`)},null,12,se)):(S(),g(`svg`,{key:3,xmlns:E(s),viewBox:`0 0 ${Q(c)} 100`,height:W.value.itemSize,class:`vue-ui-rating-unit`,id:`active_${L.value}_${a}`,style:{position:`absolute`,top:`0`,left:`0`}},[_(`defs`,null,[v(f,{t:`radial`,cx:`50%`,cy:`50%`,r:`50%`,fx:`50%`,fy:`50%`,id:`star_gradient_over_${L.value}`,stops:[[`0%`,E(i)(W.value.star.activeColor,.05),1],[`100%`,W.value.star.activeColor,1]]},null,8,[`id`,`stops`])]),_(`polygon`,{points:E(n)({plot:{x:50,y:50},radius:30,apexes:W.value.star.apexes}),fill:W.value.star.useGradient?`url(#star_gradient_over_${L.value})`:W.value.star.activeColor,stroke:W.value.star.activeColor},null,8,le)],8,ce))],64)),(S(),g(`svg`,{xmlns:E(s),viewBox:`0 0 100 100`,height:W.value.itemSize,class:`vue-ui-rating-unit`,style:b(`position:absolute;top:0;left:0;${J.value?``:me.value?`cursor:pointer`:``}`)},[J.value?h(``,!0):(S(),g(`rect`,{key:0,class:`vue-ui-rating-mouse-trap`,x:0,y:0,width:100,height:100,fill:`transparent`,onClick:e=>$(a),onMouseenter:e=>z.value=a,onMouseleave:r[0]||=e=>z.value=void 0,onFocus:e=>B.value=a,onBlur:r[1]||=e=>B.value=void 0,tabindex:`0`,onKeyup:D(e=>$(a),[`enter`])},null,40,de)),J.value?(S(),g(`rect`,{key:1,class:`vue-ui-rating-mouse-trap`,x:0,y:0,width:100,height:100,fill:`transparent`,onMouseenter:e=>z.value=a,onMouseleave:r[2]||=e=>z.value=void 0,onFocus:e=>B.value=a,onBlur:r[3]||=e=>B.value=void 0},null,40,P)):h(``,!0)],12,ue)),W.value.tooltip.show&&ge.value&&J.value?(S(),g(`div`,{key:2,class:`vue-ui-rating-tooltip`,style:b(`border:1px solid ${W.value.tooltip.borderColor};position:absolute;top:${-48+W.value.tooltip.offsetY}px;left:50%;transform:translateX(-50%);width:fit-content;text-align:center;background:${W.value.tooltip.backgroundColor};display:${z.value===a?`block`:`none`};padding:2px 12px;border-radius:${W.value.tooltip.borderRadius}px;box-shadow:${W.value.tooltip.boxShadow}`)},[_(`div`,{style:b(`width:100%;display:flex;flex-direction:row;gap:6px;position:relative;text-align:center;color:${W.value.tooltip.color}`)},[_(`span`,{style:b(`font-size:${W.value.tooltip.fontSize}px`)},T(a)+`:`,5),_(`span`,{style:b(`font-weight:${W.value.tooltip.bold?`bold`:`normal`};font-size:${W.value.tooltip.fontSize}px`)},T(E(o)(W.value.tooltip.formatter,I.dataset.rating[a],E(t)({v:I.dataset.rating[a],r:W.value.tooltip.roundingValue}),H.value)),5),_(`div`,{style:b(`font-family:Arial !important;position:absolute;top:calc(100% - 4px);left:50%;transform:translateX(-50%);color:${W.value.tooltip.borderColor}`)},` ▼ `,4)],4)],4)):h(``,!0)],4))),256)),U.value.show&&U.value.position===`right`?(S(),g(`div`,{key:1,style:b(`width:fit-content;text-align:center;margin-bottom:${U.value.offsetY}px;font-size:${U.value.fontSize}px;font-weight:${U.value.bold?`bold`:`normal`};padding-left:${U.value.offsetX}px`)},T(E(o)(U.value.formatter,K.value,E(t)({v:K.value,r:U.value.roundingValue}),H.value)),5)):h(``,!0)],4),U.value.show&&U.value.position===`bottom`?(S(),g(`div`,{key:2,style:b(`width:100%;text-align:center;margin-top:${U.value.offsetY}px;font-size:${U.value.fontSize}px;font-weight:${U.value.bold?`bold`:`normal`};margin-left:${U.value.offsetX}px`)},T(E(o)(U.value.formatter,K.value,E(t)({v:K.value,r:U.value.roundingValue}),H.value)),5)):h(``,!0)],36))}},[[`__scopeId`,`data-v-cdcab4d9`]]);export{O as n,F as t};

package/dist/vue-ui-relation-circle-nAZEg-BL.js

@@ -1 +0,0 @@
-import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{n as t,t as n}from"./annotationSlots-BRR85CqJ.js";import{n as r,t as i}from"./userOptionsSlots-DYuo-E5m.js";import{$ as a,Ht as o,X as ee,at as s,i as c,in as te,r as ne,rn as re,t as ie,w as ae,yt as oe,zt as se}from"./lib-CV_IANZ6.js";import{n as ce,t as le}from"./useHints-BH9r_0Vd.js";import{t as ue}from"./useConfig-CKdzPrcf.js";import{t as de}from"./usePrinter-hLW3cv4N.js";import{n as fe,t as pe}from"./BaseScanner-8NdoBs7B.js";import{t as me}from"./useChartExport-DtPNpc9M.js";import{t as he}from"./img-DiT4ivZ5.js";import{n as ge}from"./Title-BGYFqulv.js";import{t as _e}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{l as ve,t as ye}from"./useResponsive-D2CPcpda.js";import{t as be}from"./A11yDataTable-DWNlWXzs.js";import{n as xe}from"./resolveChartConfig-DZg-korK.js";import{t as Se}from"./useUserOptionState-CXlFnwPv.js";import{t as Ce}from"./useChartAccessibility-DOMuYJfm.js";import{t as we}from"./useAutoSizeLabelsInsideViewbox-AIRF0PlD.js";import{t as Te}from"./vue_ui_relation_circle-Dkv-cSB6.js";import{Fragment as l,computed as u,createBlock as d,createCommentVNode as f,createElementBlock as p,createElementVNode as m,createSlots as Ee,createTextVNode as De,createVNode as Oe,defineAsyncComponent as ke,guardReactiveProps as h,mergeProps as Ae,normalizeClass as je,normalizeProps as g,normalizeStyle as _,onBeforeUnmount as Me,onMounted as Ne,openBlock as v,ref as y,renderList as b,renderSlot as x,shallowRef as Pe,toDisplayString as S,toRefs as Fe,unref as C,useCssVars as Ie,watch as Le,withCtx as Re}from"vue";var ze=/* @__PURE__ */ e({default:()=>ot}),Be=[`id`],Ve=[`id`],He={style:{position:`relative`}},Ue=[`xmlns`,`viewBox`,`aria-describedby`],We=[`width`,`height`],Ge=[`cx`,`cy`,`r`,`stroke`,`stroke-width`],Ke={key:1},qe=[`stroke`,`d`,`stroke-width`],Je={style:{"pointer-events":`none`}},Ye=[`cx`,`cy`,`fill`,`r`,`stroke`],Xe=[`x`,`y`,`fill`,`font-size`],Ze={key:2},Qe=[`stroke`,`stroke-width`,`x1`,`x2`,`y1`,`y2`],$e={style:{"pointer-events":`none`}},et=[`cx`,`cy`,`fill`,`r`,`stroke`],tt=[`x`,`y`,`fill`,`font-size`],nt=[`text-anchor`,`transform`,`x`,`y`,`font-weight`,`font-size`,`fill`,`text-decoration`,`onClick`,`onMouseenter`,`onMouseleave`],rt=[`cx`,`cy`,`fill`,`stroke`,`r`,`onClick`,`onMouseenter`,`onMouseleave`],it={key:0,style:{position:`absolute`,top:`100%`,left:`0`,width:`100%`},"data-dom-to-png-ignore":``,"aria-hidden":`true`},at={key:5,class:`vue-data-ui-watermark`},ot=/*#__PURE__*/ _e({__name:`vue-ui-relation-circle`,props:{dataset:{type:Array,default(){return[]}},config:{type:Object,default(){return{}}}},emits:[`copyAlt`],setup(e,{expose:_e,emit:ze}){Ie(e=>({v1381a32e:Pt.value,v5aa6ee0d:Nt.value,v4caba12f:Ft.value}));let ot=ke(()=>import(`./PenAndPaper-IMw576MC.js`).then(e=>e.t)),st=ke(()=>import(`./UserOptions-DTxMeZv3.js`).then(e=>e.n)),ct=ke(()=>import(`./PackageVersion-CdkxOy58.js`).then(e=>e.t)),{vue_ui_relation_circle:lt}=ue(),w=e,ut=ze,dt=u(()=>!!w.dataset&&Object.keys(w.dataset).length),T=y(ee()),ft=y(0),E=y(null),pt=y(null),mt=y(null),ht=y(null),gt=y(0),D=y(null),O=y(!1),k=y(wt()),A=u(()=>k.value.userOptions),j=u(()=>k.value.style.weightLabels),M=u(()=>k.value.style);ce({config:()=>k.value,dataset:()=>w.dataset,component:`VueUiRelationCircle`,rules:[le.noHint]});let N=u(()=>k.value.userOptions.useCursorPointer),_t=u(()=>te({defaultConfig:{userOptions:{show:!1},customPalette:Array(7).fill(`#CACACA`),style:{backgroundColor:`#99999930`,labels:{color:`#6A6A6A`},circle:{stroke:`#6A6A6A`},plot:{color:`#6A6A6A`,useSerieColor:!0},links:{maxWidth:2}}},userConfig:k.value.skeletonConfig??{}})),{loading:vt,FINAL_DATASET:yt,manualLoading:bt}=fe({...Fe(w),FINAL_CONFIG:k,prepareConfig:wt,skeletonDataset:w.config?.skeletonDataset??[{id:`A`,label:`_`,relations:[`B`,`C`,`D`,`E`,`F`,`G`]},{id:`B`,label:`_`,relations:[`A`]},{id:`C`,label:`_`,relations:[`A`]},{id:`D`,label:`_`,relations:[`A`]},{id:`E`,label:`_`,relations:[`A`]},{id:`F`,label:`_`,relations:[`A`]},{id:`G`,label:`_`,relations:[`A`]}],skeletonConfig:te({defaultConfig:k.value,userConfig:_t.value})}),{userOptionsVisible:xt,setUserOptionsVisibility:St,keepUserOptionState:Ct}=Se({config:k.value}),{svgRef:P}=Ce({config:M.value.title});function wt(){return xe(w.config,lt,Te)}Le(()=>w.config,e=>{k.value=wt(),xt.value=!k.value.userOptions.showOnChartHover,B.value=M.value.size,V.value=j.value.size,H.value=M.value.plot.radius,U.value=M.value.labels.fontSize,W.value.height=M.value.size,W.value.width=M.value.size,Lt(),gt.value+=1},{deep:!0}),Le(()=>w.dataset,e=>{Array.isArray(e)&&e.length>0&&(bt.value=!1)},{deep:!0});let{isPrinting:Tt,isImaging:Et,generatePdf:Dt,generateImage:Ot}=de({elementId:`relation_circle_${T.value}`,fileName:M.value.title.text||`vue-ui-relation-circle`,options:k.value.userOptions.print}),kt=u(()=>k.value.userOptions.show&&!M.value.title.text),At=u(()=>ae(k.value.customPalette)),F=y([]),I=y([]),L=y({}),R=y([]),jt=y(0),z=u(()=>yt.value.slice(0,M.value.limit).map(e=>{let t=Array.isArray(e.relations)?e.relations:[];return{...e,weights:Array.isArray(e.weights)?e.weights:Array(t.length).fill(1),relations:t}}));Le(z,()=>{F.value=[],I.value=[],Bt(),Ht()});let B=y(M.value.size),V=y(j.value.size),H=y(M.value.plot.radius),U=y(M.value.labels.fontSize),W=y({height:M.value.size,width:M.value.size}),G=u({get(){return B.value*M.value.circle.radiusProportion},set(e){return e}}),Mt=u(()=>M.value.links.curved),Nt=u(()=>`${M.value.animation.speedMs}ms`),Pt=u(()=>G.value*2),Ft=u(()=>G.value*4),K=Pe(null),q=Pe(null);Ne(()=>{Lt(),document.getElementById(`relation_circle_${T.value}`).addEventListener(`click`,zt)});let It=u(()=>k.value.debug);function Lt(){if(se(w.dataset)?(s({componentName:`VueUiRelationCircle`,type:`dataset`,debug:It.value}),bt.value=!0):It.value&&w.dataset.forEach((e,t)=>{oe({datasetObject:e,requiredAttributes:[`id`,`label`,`relations`,`weights`]}).forEach(e=>{s({componentName:`VueUiRelationCircle`,type:`datasetSerieAttribute`,property:e,index:t})})}),se(w.dataset)||(bt.value=k.value.loading),k.value.responsive){let e=ve(()=>{let{width:e,height:t}=ye({chart:E.value,title:M.value.title.text?pt.value:null,source:mt.value,noTitle:ht.value});requestAnimationFrame(()=>{B.value=Math.min(e,t),W.value.width=Math.max(.1,e),W.value.height=Math.max(.1,t-12),G.value=B.value*M.value.circle.radiusProportion,F.value=[],I.value=[],Bt(),Ht(),Rt(),k.value.responsiveProportionalSizing?(V.value=re({relator:B.value,adjuster:M.value.size,source:j.value.size,threshold:6,fallback:6}),H.value=re({relator:B.value,adjuster:M.value.size,source:M.value.plot.radius,threshold:1,fallback:1}),U.value=re({relator:B.value,adjuster:M.value.size,source:M.value.labels.fontSize,threshold:6,fallback:6})):(V.value=j.value.size,H.value=M.value.plot.radius,U.value=M.value.labels.fontSize)})});K.value&&(q.value&&K.value.unobserve(q.value),K.value.disconnect()),K.value=new ResizeObserver(e),q.value=E.value.parentNode,K.value.observe(q.value)}else F.value=[],I.value=[],Bt(),Ht();Rt()}Me(()=>{document.getElementById(`relation_circle_${T.value}`).removeEventListener(`click`,zt),K.value&&(q.value&&K.value.unobserve(q.value),K.value.disconnect())});let{autoSizeLabels:Rt}=we({svgRef:P,fontSize:M.value.labels.fontSize,minFontSize:M.value.labels.minFontSize,sizeRef:U,labelClass:`.vue-ui-relation-circle-legend`});function zt(e){let t=e.target;t&&Array.from(t.classList).includes(`vue-ui-user-options`)||t&&Array.from(t.classList).includes(`vue-ui-user-options-summary`)||t&&Array.from(t.classList).includes(`vue-data-ui-button`)||t&&Array.from(t.classList).includes(`vue-ui-relation-circle-legend`)||(L.value={},R.value=[])}function Bt(){let e=6.28319/z.value.length,t=360/z.value.length,n=0,r=0;z.value.forEach((i,a)=>{let ee=i.weights.reduce((e,t)=>e+t,0),s=G.value*Math.cos(n)+W.value.width/2,c=G.value*Math.sin(n)+W.value.height/2+M.value.circle.offsetY;F.value.push({x:s,y:c,...i,color:i.color?i.color:At.value[a]?At.value[a]:o[a],regAngle:r,totalWeight:ee}),n+=e,r+=t})}function Vt(e,t){return{x:(e.x+t.x)/2,y:(e.y+t.y)/2}}function Ht(){I.value=[],F.value.forEach(e=>{F.value.filter(t=>t.relations.includes(e.id)).forEach((t,n)=>{let r=t.relations.indexOf(e.id);I.value.push({weight:t.weights[r]?t.weights[r]:0,relationId:`${e.id}_${t.id}`,x1:e.x,y1:e.y,x2:t.x,y2:t.y,colorSource:e.color,colorTarget:t.color,midPointLine:Vt({x:e.x,y:e.y},{x:t.x,y:t.y}),midPointBezier:Ut({x1:e.x,x2:t.x,y1:e.y,y2:t.y}),...e})})})}function Ut(e){let t={x:e.x1,y:e.y1},n={x:e.x2,y:e.y2},r={x:e.x1,y:e.y1},i={x:W.value.width/2,y:W.value.height/2+M.value.circle.offsetY},a=.5;return{x:.5**3*t.x+3*.5**2*a*r.x+1.5*a**2*i.x+a**3*n.x,y:.5**3*t.y+3*.5**2*a*r.y+1.5*a**2*i.y+a**3*n.y}}let Wt=u(()=>Math.max(...I.value.map(e=>e.weight)));function Gt(e){return Object.hasOwn(L.value,`x`)?R.value.includes(e.id)?`opacity:1`:`opacity:0.1`:`opacity:1`}function J(e){return e.colorSource}function Kt(e){return Object.hasOwn(L.value,`x`)?R.value.includes(e.id)&&e.relationId===`${e.id}_${L.value.id}`||e.relationId===`${L.value.id}_${e.id}`?`opacity:1;stroke-width:${tn(e)}`:`opacity: 0`:`opacity: 1`}function Y(e){return Object.hasOwn(L.value,`x`)?!!(R.value.includes(e.id)&&e.relationId===`${e.id}_${L.value.id}`||e.relationId===`${L.value.id}_${e.id}`):!1}function qt(e){return e.regAngle>90&&e.regAngle<270?`end`:`start`}function Jt(e){return e.regAngle>90&&e.regAngle<270?e.x-5:e.x+5}function Yt(e){return Object.hasOwn(L.value,`x`)?L.value.id===e.id||R.value.includes(e.id)?`opacity:1`:`opacity:0.2`:`opacity:1`}function Xt(e){return e.regAngle>90&&e.regAngle<270?`rotate(${e.regAngle+180},${e.x},${e.y})`:`rotate(${e.regAngle},${e.x},${e.y})`}let X=y(null);function Zt(e,t){X.value=t,D.value=t,k.value.events.datapointEnter&&k.value.events.datapointEnter({datapoint:e,seriesIndex:t})}function Qt(e,t){X.value=null,O.value||(D.value=null),k.value.events.datapointLeave&&k.value.events.datapointLeave({datapoint:e,seriesIndex:t})}function $t(e,t){e&&(k.value.events.datapointClick&&k.value.events.datapointClick({datapoint:e,seriesIndex:t}),jt.value=360-e.regAngle,L.value.id&&e.id===L.value.id?(L.value={},R.value=[]):(L.value=e,R.value=[...e.relations]))}function en(e,t){D.value=t,$t(e,t)}function tn(e){let t=e.weight/Wt.value*M.value.links.maxWidth;return Math.max(.3,t)}let Z=y(!1);function nn(e){Z.value=e,ft.value+=1}let Q=y(!1);function rn(){Q.value=!Q.value}async function an({scale:e=2}={}){if(!E.value)return;let{width:t,height:n}=E.value.getBoundingClientRect(),r=t/n,{imageUri:i,base64:a}=await he({domElement:E.value,base64:!0,img:!0,scale:e});return{imageUri:i,base64:a,title:M.value.title.text,width:t,height:n,aspectRatio:r}}let on=u(()=>M.value.backgroundColor),sn=u(()=>M.value.title),{isCallbackImaging:cn,isCallbackSvg:ln,generateSvg:un,onGenerateImage:dn}=me({svg:P,title:sn,legend:null,legendItems:null,backgroundColor:on,getSvgCallback:()=>k.value.userOptions.callbacks.svg,generateImage:Ot});async function fn(){if(ut(`copyAlt`,{config:k.value,dataset:z.value}),!k.value.userOptions.callbacks.altCopy){console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");return}await Promise.resolve(k.value.userOptions.callbacks.altCopy({config:k.value,dataset:z.value}))}function pn(){O.value=!0,F.value.length&&D.value===null&&(D.value=0)}function mn(){O.value=!1,D.value=null}function hn(e){if(!P.value||Q.value||document.activeElement!==P.value||!F.value.length)return;let t=[`ArrowLeft`,`ArrowUp`].includes(e.key),n=[`ArrowRight`,`ArrowDown`].includes(e.key),r=e.key===`Enter`||e.key===` `,i=e.key===`Escape`;if(!t&&!n&&!r&&!i)return;if(e.preventDefault(),e.stopPropagation(),i){D.value=null,L.value={},R.value=[];return}if(r){if(D.value===null)return;let e=F.value[D.value];if(!e)return;$t(e,D.value);return}let a=D.value;a===null||a<0||a>=F.value.length?a=n?0:F.value.length-1:n?(a+=1,a>=F.value.length&&(a=0)):t&&(--a,a<0&&(a=F.value.length-1)),D.value=a,X.value=a;let o=F.value[a];o&&k.value.events.datapointEnter&&k.value.events.datapointEnter({datapoint:o,seriesIndex:a})}let $=u(()=>({headers:[`ID`,`Label`,`Total weight`,`Relations count`,`Relations`],rows:z.value.map(e=>{let t=e.relations.map(e=>z.value.find(t=>t.id===e)?.label||e).join(`, `),n=(e.weights||[]).reduce((e,t)=>e+Number(t||0),0);return[e.id,e.label,n,e.relations.length,t]})}));return _e({getImage:an,generatePdf:Dt,generateSvg:un,generateImage:Ot,toggleAnnotator:rn,toggleFullscreen:nn,copyAlt:fn}),(e,o)=>(v(),p(`div`,{ref_key:`relationCircleChart`,ref:E,class:`vue-data-ui-component vue-ui-relation-circle`,style:_(`width:100%;background:${M.value.backgroundColor};text-align:center;${k.value.responsive?`height: 100%`:``}`),id:`relation_circle_${T.value}`,onMouseenter:o[0]||=()=>C(St)(!0),onMouseleave:o[1]||=()=>C(St)(!1)},[m(`div`,{id:`chart-instructions-${T.value}`,class:`sr-only`},[m(`p`,null,S(k.value.a11y.translations.keyboardNavigation),1)],8,Ve),$.value?.rows?.length?(v(),d(be,{key:0,uid:T.value,head:$.value.headers,body:$.value.rows,notice:k.value.a11y.translations.tableAvailable,caption:k.value.a11y.translations.tableCaption},null,8,[`uid`,`head`,`body`,`notice`,`caption`])):f(``,!0),A.value.buttons.annotator?(v(),d(C(ot),{key:1,svgRef:C(P),backgroundColor:M.value.backgroundColor,color:M.value.color,active:Q.value,isCursorPointer:N.value,palette:A.value.annotatorPalette,onClose:rn},Ee({_:2},[b(C(n),n=>({name:n,fn:Re(r=>[x(e.$slots,n,g(h(C(t)(n,r))),void 0,!0)])}))]),1032,[`svgRef`,`backgroundColor`,`color`,`active`,`isCursorPointer`,`palette`])):f(``,!0),kt.value?(v(),p(`div`,{key:2,ref_key:`noTitle`,ref:ht,class:`vue-data-ui-no-title-space`,style:`height:36px; width: 100%;background:transparent`},null,512)):f(``,!0),M.value.title.text?(v(),p(`div`,{key:3,ref_key:`chartTitle`,ref:pt,style:`width:100%;background:transparent`},[(v(),d(ge,{key:`title_${gt.value}`,config:{title:{cy:`relation-div-title`,...M.value.title},subtitle:{cy:`relation-div-subtitle`,...M.value.title.subtitle}}},null,8,[`config`]))],512)):f(``,!0),A.value.show&&dt.value&&(C(Ct)||C(xt))?(v(),d(C(st),{ref:`details`,key:`user_options_${ft.value}`,backgroundColor:M.value.backgroundColor,color:M.value.color,isPrinting:C(Tt),isImaging:C(Et),uid:T.value,hasPdf:A.value.buttons.pdf,hasImg:A.value.buttons.img,hasSvg:A.value.buttons.svg,hasFullscreen:A.value.buttons.fullscreen,hasAltCopy:A.value.buttons.altCopy,hasXls:!1,isFullscreen:Z.value,titles:{...A.value.buttonTitles},chartElement:E.value,position:A.value.position,hasAnnotator:A.value.buttons.annotator,isAnnotation:Q.value,callbacks:A.value.callbacks,printScale:A.value.print.scale,isCursorPointer:N.value,onToggleFullscreen:nn,onGeneratePdf:C(Dt),onGenerateImage:C(dn),onGenerateSvg:C(un),onToggleAnnotator:rn,onCopyAlt:fn,style:_({visibility:C(Ct)?C(xt)?`visible`:`hidden`:`visible`})},Ee({_:2},[b(C(r)(e.$slots,`menuIcon optionPdf optionImg optionSvg optionFullscreen optionAnnotator optionAltCopy custom-menu-before custom-menu-after`),t=>({name:t,fn:Re(n=>[x(e.$slots,t,g(h(C(i)(t,n))),void 0,!0)])}))]),1032,[`backgroundColor`,`color`,`isPrinting`,`isImaging`,`uid`,`hasPdf`,`hasImg`,`hasSvg`,`hasFullscreen`,`hasAltCopy`,`isFullscreen`,`titles`,`chartElement`,`position`,`hasAnnotator`,`isAnnotation`,`callbacks`,`printScale`,`isCursorPointer`,`onGeneratePdf`,`onGenerateImage`,`onGenerateSvg`,`style`])):f(``,!0),m(`div`,He,[(v(),p(`svg`,{ref_key:`svgRef`,ref:P,xmlns:C(ie),class:je([{"vue-data-ui-fullscreen--on":Z.value,"vue-data-ui-fulscreen--off":!Z.value},`relation-circle`]),viewBox:`0 0 ${W.value.width<=0?10:W.value.width} ${W.value.height<=0?10:W.value.height}`,width:`100%`,style:`user-select:none; background:transparent`,"aria-describedby":`chart-instructions-${T.value}`,tabindex:`0`,onFocus:pn,onBlur:mn,onKeydown:hn},[Oe(C(ct)),e.$slots[`chart-background`]?(v(),p(`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`}},[x(e.$slots,`chart-background`,{},void 0,!0)],8,We)):f(``,!0),m(`circle`,{cx:(W.value.width<=0?1e-4:W.value.width)/2,cy:(W.value.height<=0?1e-4:W.value.height)/2+M.value.circle.offsetY,r:G.value<=0?1e-4:G.value,stroke:M.value.circle.stroke,"stroke-width":M.value.circle.strokeWidth,fill:`transparent`,class:`main-circle`},null,8,Ge),Mt.value?(v(),p(`g`,Ke,[(v(!0),p(l,null,b(I.value,(e,t)=>(v(),p(`path`,{key:`relation_${t}`,style:_(Kt(e)),stroke:J(e),class:je([`relation`,{"vue-ui-relation-circle-selected":L.value.hasOwnProperty(`id`)&&R.value.includes(e.id)}]),d:`M${e.x1},${e.y1} C${e.x1},${e.y1} ${W.value.width/2},${W.value.height/2+M.value.circle.offsetY} ${e.x2},${e.y2}`,fill:`none`,"stroke-width":tn(e),"stroke-linecap":`round`},null,14,qe))),128)),(v(!0),p(l,null,b(I.value,(t,n)=>(v(),p(`g`,Je,[Y(t)?x(e.$slots,`dataLabel`,Ae({ref_for:!0},{x:t.midPointBezier.x,y:t.midPointBezier.y,color:J(t),weight:t.weight,fontSize:V.value}),void 0,!0,0):f(``,!0),Y(t)&&!e.$slots.dataLabel?(v(),p(`circle`,{key:1,cx:t.midPointBezier.x,cy:t.midPointBezier.y,fill:J(t),r:V.value,stroke:M.value.backgroundColor,"stroke-width":`1`},null,8,Ye)):f(``,!0),Y(t)&&!e.$slots.dataLabel?(v(),p(`text`,{key:2,x:t.midPointBezier.x,y:t.midPointBezier.y+V.value/3,fill:C(ne)(J(t)),"text-anchor":`middle`,"font-size":V.value},S(C(c)(j.value.formatter,t.weight,C(a)({p:j.value.prefix,v:t.weight,s:j.value.suffix,r:j.value.rounding}),{...t})),9,Xe)):f(``,!0)]))),256))])):(v(),p(`g`,Ze,[(v(!0),p(l,null,b(I.value,(e,t)=>(v(),p(`line`,{key:`relation_${t}`,stroke:J(e),"stroke-width":tn(e),style:_(Kt(e)),x1:e.x1,x2:e.x2,y1:e.y1,y2:e.y2,class:je({"vue-ui-relation-circle-selected":L.value.hasOwnProperty(`id`)&&R.value.includes(e.id)}),"stroke-linecap":`round`},null,14,Qe))),128)),(v(!0),p(l,null,b(I.value,(t,n)=>(v(),p(`g`,$e,[Y(t)?x(e.$slots,`dataLabel`,Ae({ref_for:!0},{x:t.midPointLine.x,y:t.midPointLine.y,color:J(t),weight:t.weight,fontSize:V.value}),void 0,!0,0):f(``,!0),Y(t)&&!e.$slots.dataLabel&&j.value.show?(v(),p(`circle`,{key:1,cx:t.midPointLine.x,cy:t.midPointLine.y,fill:J(t),r:V.value,stroke:M.value.backgroundColor,"stroke-width":`1`},null,8,et)):f(``,!0),Y(t)&&!e.$slots.dataLabel&&j.value.show?(v(),p(`text`,{key:2,x:t.midPointLine.x,y:t.midPointLine.y+V.value/3,fill:C(ne)(J(t)),"text-anchor":`middle`,"font-size":V.value},S(C(c)(j.value.formatter,t.weight,C(a)({p:j.value.prefix,v:t.weight,s:j.value.suffix,r:j.value.rounding}),{...t})),9,tt)):f(``,!0)]))),256))])),(v(!0),p(l,null,b(F.value,(e,t)=>(v(),p(`text`,{key:`plot_text_${t}`,"text-anchor":qt(e),transform:Xt(e),x:Jt(e),y:e.y+5,class:`vue-ui-relation-circle-legend`,"transform-origin":`start`,"font-weight":L.value.id===e.id?`900`:`400`,style:_(`font-family:${M.value.fontFamily};${Yt(e)};cursor:${N.value?`pointer`:`default`}`),"font-size":U.value,fill:M.value.labels.color,"text-decoration":t===X.value||t===D.value?`underline`:void 0,onClick:n=>en(e,t),onMouseenter:n=>Zt(e,t),onMouseleave:n=>Qt(e,t)},[C(vt)?(v(),p(l,{key:0},[De(`--------`)],64)):(v(),p(l,{key:1},[De(S(e.label)+` (`+S(C(c)(j.value.formatter,e.totalWeight,C(a)({p:j.value.prefix,v:e.totalWeight,s:j.value.suffix,r:j.value.rounding}),{...e}))+`) `,1)],64))],44,nt))),128)),(v(!0),p(l,null,b(F.value,(e,t)=>(v(),p(`circle`,{cx:e.x,cy:e.y,key:`plot_${t}`,style:_(`${Gt(e)}; transition: r 0.2s ease-in-out; cursor:${N.value?`pointer`:`default`}`),class:`vue-ui-relation-circle-plot`,fill:M.value.plot.useSerieColor?e.color:M.value.plot.color,stroke:M.value.backgroundColor,"stroke-width":`1`,r:H.value*(t===X.value||t===D.value?2:1),onClick:n=>en(e,t),onMouseenter:n=>Zt(e,t),onMouseleave:n=>Qt(e,t)},null,44,rt))),128)),x(e.$slots,`svg`,{svg:{...W.value,isPrintingImg:C(Tt)||C(Et)||C(cn),isPrintingSvg:C(ln)}},void 0,!0)],42,Ue)),e.$slots.hint?(v(),p(`div`,it,[x(e.$slots,`hint`,g(h({hint:k.value.a11y.translations.keyboardNavigation,isVisible:O.value})),void 0,!0)])):f(``,!0)]),e.$slots.watermark?(v(),p(`div`,at,[x(e.$slots,`watermark`,g(h({isPrinting:C(Tt)||C(Et)||C(cn)||C(ln)})),void 0,!0)])):f(``,!0),e.$slots.source?(v(),p(`div`,{key:6,ref_key:`source`,ref:mt,dir:`auto`},[x(e.$slots,`source`,{},void 0,!0)],512)):f(``,!0),x(e.$slots,`skeleton`,{},()=>[C(vt)?(v(),d(pe,{key:0})):f(``,!0)],!0)],44,Be))}},[[`__scopeId`,`data-v-80fe08c8`]]);export{ze as n,ot as t};

package/dist/vue-ui-ridgeline-DxLZg1E2.js

@@ -1,2 +0,0 @@
-import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{n as t,t as n}from"./tableIntegration-CNoJ1CIY.js";import{n as r,t as ee}from"./annotationSlots-BRR85CqJ.js";import{n as i,t as a}from"./userOptionsSlots-DYuo-E5m.js";import{$ as o,D as s,Ht as te,J as ne,N as re,P as ie,S as ae,U as oe,X as se,Xt as ce,at as le,i as ue,in as de,nt as fe,r as pe,t as me,tt as he,w as ge,xt as _e,yt as ve,zt as ye}from"./lib-CV_IANZ6.js";import{n as be,t as xe}from"./useHints-BH9r_0Vd.js";import{t as Se}from"./useTimeLabels-Das5O74F.js";import{t as Ce}from"./useConfig-CKdzPrcf.js";import{t as we}from"./usePrinter-hLW3cv4N.js";import{n as Te,t as Ee}from"./BaseScanner-8NdoBs7B.js";import{t as De}from"./useChartExport-DtPNpc9M.js";import{t as Oe}from"./useTimeLabelCollider-XQf_S7-z.js";import{n as ke}from"./Title-BGYFqulv.js";import{t as Ae}from"./Shape-Bp9YNtPc.js";import{t as je}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{l as Me,t as Ne}from"./useResponsive-D2CPcpda.js";import{t as Pe}from"./DefGrad-DKMq1REY.js";import{t as Fe}from"./BaseLegendToggle-Bq5FjyuI.js";import{t as Ie}from"./A11yDataTable-DWNlWXzs.js";import{n as Le}from"./resolveChartConfig-DZg-korK.js";import{t as Re}from"./useUserOptionState-CXlFnwPv.js";import{t as ze}from"./useChartAccessibility-DOMuYJfm.js";import{t as Be}from"./chartImage-CIvU_04o.js";import{t as Ve}from"./Legend-D8YoT1RJ.js";import{t as He}from"./vue_ui_ridgeline-Di26JtQu.js";import{Fragment as c,computed as l,createBlock as u,createCommentVNode as d,createElementBlock as f,createElementVNode as p,createSlots as Ue,createTextVNode as We,createVNode as Ge,defineAsyncComponent as m,guardReactiveProps as Ke,mergeProps as qe,nextTick as Je,normalizeClass as Ye,normalizeProps as Xe,normalizeStyle as h,onBeforeUnmount as Ze,openBlock as g,ref as _,renderList as v,renderSlot as y,resolveDynamicComponent as Qe,shallowRef as $e,toDisplayString as b,toRefs as et,unref as x,watch as tt,watchEffect as nt,withCtx as S}from"vue";var rt=/* @__PURE__ */ e({default:()=>Et}),it=[`id`],at=[`id`],ot={style:{position:`relative`}},st=[`xmlns`,`aria-describedby`,`viewBox`],ct={key:0},lt=[`fill`,`d`],ut=[`stroke`,`stroke-width`,`d`],dt=[`fill`,`d`],ft=[`stroke`,`stroke-dasharray`,`stroke-width`,`d`],pt=[`x1`,`y1`,`x2`,`y2`,`stroke`,`stroke-width`,`stroke-dasharray`],mt=[`cx`,`cy`,`stroke`,`stroke-width`,`r`,`fill`],ht=[`x`,`y`,`font-size`,`font-weight`,`fill`,`text-decoration`,`onMouseenter`,`onClick`],gt={key:0},_t=[`font-size`,`fill`,`stroke`,`font-weight`,`transform`,`text-anchor`],vt=[`font-size`,`fill`,`font-weight`,`transform`,`text-anchor`,`innerHTML`],yt=[`x`,`y`,`width`,`height`,`onMouseenter`,`onMouseleave`,`onClick`],bt=[`x1`,`x2`,`y1`,`y2`,`stroke`,`stroke-width`,`stroke-dasharray`],xt=[`cx`,`cy`,`stroke`,`stroke-width`,`r`,`fill`],St=[`x`,`y`,`stroke`,`text-anchor`,`font-size`,`fill`],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=[`onClick`],Et=/*#__PURE__*/ je({__name:`vue-ui-ridgeline`,props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:[`selectLegend`,`selectDatapoint`,`selectX`,`copyAlt`],setup(e,{expose:je,emit:rt}){let Et=m(()=>import(`./vue-ui-xy-rGHSI1am.js`).then(e=>e.n)),Dt=m(()=>import(`./BaseIcon-DdIyewwY.js`).then(e=>e.n)),Ot=m(()=>import(`./vue-ui-accordion-BNvevckx.js`).then(e=>e.n)),kt=m(()=>import(`./DataTable-WNecJMcY.js`)),At=m(()=>import(`./PenAndPaper-IMw576MC.js`).then(e=>e.t)),jt=m(()=>import(`./UserOptions-DTxMeZv3.js`).then(e=>e.n)),Mt=m(()=>import(`./PackageVersion-CdkxOy58.js`).then(e=>e.t)),Nt=m(()=>import(`./BaseDraggableDialog-D_tuHEjO.js`).then(e=>e.n)),{vue_ui_ridgeline:Pt}=Ce(),C=e,Ft=l({get(){return Array.isArray(z.value)&&z.value.length>0},set(e){return e}}),It=rt,w=_(null),Lt=_(null),Rt=_(null),T=$e(null),E=$e(null),zt=_(null),Bt=_(null),Vt=_(0),Ht=_(0),Ut=_(0),D=_(se()),Wt=_(0),Gt=_(0),Kt=_(512),O=_(null),k=_(null),qt=_(null),Jt=_(0),Yt=_(null),Xt=_(null),Zt=_(null),A=_(null),Qt=_(!1);function $t(){return Le(C.config,Pt,He)}let j=_($t()),M=l(()=>j.value.userOptions),N=l(()=>j.value.style.chart.areas),P=l(()=>j.value.style.chart.selector),F=l(()=>j.value.style.chart.xAxis.labels),I=l(()=>j.value.style.chart.yAxis.labels),L=l(()=>j.value.style.chart);be({config:()=>j.value,dataset:()=>C.dataset,component:`VueUiRidgeline`,rules:[xe.emptyArray,{test:e=>e.length>31,message:[`👀 The number of series > 31. Consider:`,``,`▶️ Using filters to let users choose a maximum number of series to display`,``,`▶️ Use several instances of the component to show related series`]},{test:e=>e.some(e=>e.datapoints.some(e=>e.values.length>200)),message:[`👀 Some series contain > 200 data points, which can affect performance. Consider if you really need this level of detail.`,``,`▶️ Use larger time scales, or aggregated values.`,``,`▶️ Filter the time range by adding date inputs in your UI.`]},{test:e=>e.length<6&&e.length>0,message:[`👀 The number of series < 6. Consider:`,``,`▶️ Using VueUiXy instead`]}]});let R=l(()=>j.value.userOptions.useCursorPointer),en=l(()=>de({defaultConfig:{userOptions:{show:!1},table:{show:!1},style:{chart:{backgroundColor:`#99999930`,areas:{maxPoint:{show:!1},opacity:.9,stroke:{useSerieColor:!0}},legend:{backgroundColor:`transparent`},padding:{right:-24,left:0},xAxis:{labels:{values:[]}},yAxis:{labels:{fontSize:0}},zeroLine:{show:!1}}}},userConfig:j.value.skeletonConfig??{}})),{loading:tn,FINAL_DATASET:z,manualLoading:nn}=Te({...et(C),FINAL_CONFIG:j,prepareConfig:$t,skeletonDataset:C.config?.skeletonDataset??[{name:`_`,datapoints:[{name:`__`,color:`#999999`,values:[28.639,32.04,41.134,44.525,21.151,2.436,.218,.024,.002,0,0,0]},{name:`_`,color:`#CACACA`,values:[13.253,15.621,23.36,33.698,29.935,10.874,2.364,.561,.107,.02,.006,.004]}]},{name:`_`,datapoints:[{name:`_`,color:`#999999`,values:[10.851,13.195,21.617,36.556,42.292,21.006,3.398,.223,.013,.001,0,0]},{name:`_`,color:`#CACACA`,values:[3.171,4.115,8.108,18.248,31.641,29.063,12.031,2.742,.504,.102,.032,.021]}]},{name:`_`,datapoints:[{name:`_`,color:`#999999`,values:[1.731,2.334,5.125,13.626,29.911,38.524,24.168,7.646,1.575,.317,.097,.063]},{name:`_`,color:`#CACACA`,values:[.25,.367,1.026,3.944,13.635,28.891,30.149,15.419,4.714,1.246,.442,.299]}]},{name:`_`,datapoints:[{name:`_`,color:`#999999`,values:[.034,.054,.194,1.065,5.747,20.735,38.306,32.899,15.318,5.566,2.422,1.76]},{name:`_`,color:`#CACACA`,values:[.001,.002,.009,.095,1.124,8.342,27.115,35.08,21.449,9.093,4.243,3.143]}]},{name:`_`,datapoints:[{name:`_`,color:`#999999`,values:[0,.001,.004,.051,.567,3.322,14.215,44.783,40.351,20.377,9.866,7.378]},{name:`_`,color:`#CACACA`,values:[0,0,0,0,.001,.11,4.136,27.498,43.24,29.807,17.345,13.678]}]},{name:`_`,datapoints:[{name:`_`,color:`#999999`,values:[0,0,0,0,.025,.598,3.886,10.645,54.479,45.953,30.814,24.55]},{name:`_`,color:`#CACACA`,values:[0,0,0,0,0,0,.007,1.655,26.63,52.017,45.192,39.651]}]}],skeletonConfig:de({defaultConfig:j.value,userConfig:en.value})}),B=_(Math.min(N.value.height,N.value.rowHeight)),{userOptionsVisible:rn,setUserOptionsVisibility:an,keepUserOptionState:on}=Re({config:j.value}),{svgRef:V}=ze({config:L.value.title}),sn=l(()=>j.value.debug);function cn(){let e=z.value||[];if(!Array.isArray(e)||e.length===0){le({componentName:`VueUiRidgeline`,type:`dataset`,debug:sn.value}),nn.value=!0;return}if(e.forEach((e,t)=>{ve({datasetObject:e,requiredAttributes:[`name`,`datapoints`]}).forEach(e=>{Ft.value=!1,le({componentName:`VueUiRidgeline`,type:`datasetSerieAttribute`,property:e,index:t,debug:sn.value})}),Array.isArray(e.datapoints)&&e.datapoints.length&&e.datapoints.forEach((e,n)=>{ve({datasetObject:e,requiredAttributes:[`name`,`values`]}).forEach(e=>{Ft.value=!1,le({componentName:`VueUiRidgeline`,type:`datasetSerieAttribute`,property:`datapoint.${e}`,index:`${t}-${n}`,debug:sn.value})})})}),Gt.value=e.length,B.value=Math.min(N.value.height,N.value.rowHeight),ye(C.dataset)||(nn.value=j.value.loading),j.value.responsive){let t=Me(()=>{let{width:t,height:n}=Ne({chart:w.value,title:L.value.title.text?Lt.value:null,legend:L.value.legend.show?Rt.value:null,source:zt.value,noTitle:Bt.value,padding:L.value.padding});requestAnimationFrame(()=>{Kt.value=t,B.value=e.length?n/e.length:0,Jt.value=n-12})});T.value&&(E.value&&T.value.unobserve(E.value),T.value.disconnect()),T.value=new ResizeObserver(t),E.value=w.value?.parentNode||null,E.value&&T.value.observe(E.value)}}Ze(()=>{T.value&&(E.value&&T.value.unobserve(E.value),T.value.disconnect())});let{isPrinting:ln,isImaging:un,generatePdf:dn,generateImage:fn}=we({elementId:`vue-ui-ridgeline_${D.value}`,fileName:L.value.title.text||`vue-ui-ridgeline`,options:j.value.userOptions.print}),pn=l(()=>j.value.userOptions.show&&!L.value.title.text),mn=l(()=>ge(j.value.customPalette)),H=_({showTable:j.value.table.show});tt(()=>z.value,async e=>{Array.isArray(e)&&e.length&&(rn.value=!j.value.userOptions.showOnChartHover,await Je(),cn(),Vt.value+=1,Ut.value+=1,H.value.showTable=j.value.table.show)},{deep:!0,immediate:!0}),tt(()=>C.dataset,e=>{Array.isArray(e)&&e.length>0&&(nn.value=!1)},{deep:!0}),tt(()=>tn.value,async e=>{e||(await Je(),cn())},{immediate:!0}),tt(()=>C.config,()=>{j.value=$t(z.value||null),rn.value=!j.value.userOptions.showOnChartHover,B.value=Math.min(N.value.height,N.value.rowHeight),H.value.showTable=j.value.table.show,Vt.value+=1,Ut.value+=1},{deep:!0});let hn=l(()=>N.value.height/N.value.rowHeight);function gn(){Y.value.length?Y.value=[]:X.value.forEach(e=>{Y.value.push(e.id)}),It(`selectLegend`,J.value)}function _n(e){Y.value.includes(e)?Y.value=Y.value.filter(t=>t!==e):Y.value.push(e),It(`selectLegend`,J.value)}function vn(e){return X.value.length?X.value.find(t=>t.name===e)||(sn.value&&console.warn(`VueUiRidgeline - Series name not found "${e}"`),null):(sn.value&&console.warn(`VueUiRidgeline - There are no series to show.`),null)}function yn(e){let t=vn(e);t!==null&&Y.value.includes(t.id)&&_n(t.id)}function bn(e){let t=vn(e);t!==null&&(Y.value.includes(t.id)||_n(t.id))}let U=l(()=>Ft.value?(z.value||[]).map(e=>({...e,labelLen:Pn(e.name,I.value.fontSize),uid:se(),datapoints:e.datapoints.map((e,t)=>{let n=e.color?ae(e.color):mn.value[t]||te[t]||te[t%te.length],r=ce(e.name);return{...e,color:n,id:r}})})):[]),xn=l(()=>L.value.padding.top+B.value*(z.value||[]).length+B.value*hn.value+L.value.padding.bottom),W=l(()=>{let e=L.value.padding;return{width:Kt.value,height:xn.value,padding:e}}),Sn=l(()=>W.value.width),Cn=l(()=>W.value.height),wn=_(0),Tn=Me(e=>{wn.value=e},100);nt(e=>{let t=Yt.value;if(!t)return;let n=new ResizeObserver(e=>{Tn(e[0].contentRect.height)});n.observe(t),e(()=>n.disconnect())}),Ze(()=>{wn.value=0});let G=l(()=>({fullHeight:W.value.height+wn.value,top:W.value.padding.top,left:W.value.padding.left,right:W.value.width-W.value.padding.right,bottom:W.value.height-L.value.padding.bottom,width:W.value.width-(W.value.padding.left+W.value.padding.right)})),En=l(()=>Math.max(...U.value.flatMap(e=>e.datapoints.map(e=>e.values.length)))),K=_([]),Dn=0;nt(()=>{let e=++Dn;(async()=>{let t=await Se({values:F.value.values,maxDatapoints:En.value,formatter:F.value.datetimeFormatter,start:0,end:F.value.values.length});e===Dn&&(K.value=t)})()});let q=l(()=>{let e=Math.max(...U.value.map(e=>e.labelLen)),t=W.value.padding.left+e+16+I.value.offsetX,n=(G.value.width-t)/En.value,r=[];for(let e=0;e<En.value;e+=1)r.push({selectorX:t+n*e,x:t+n*e-n/2,y:G.value.top,label:F.value.values[e]?K.value[e]?.text??``:``,index:e,width:n,height:xn.value});return r});function On(e){return U.value.map(t=>t.datapoints.map(t=>({dp:t,selected:t.values[e.index]})))}function kn(e){O.value=e;let t=On(e);j.value.events.datapointEnter&&j.value.events.datapointEnter({datapoint:t,seriesIndex:e.index})}function An(e){O.value=null;let t=On(e);j.value.events.datapointLeave&&j.value.events.datapointLeave({datapoint:t,seriesIndex:e.index})}function jn(e){let t=On(e);j.value.events.datapointClick&&j.value.events.datapointClick({datapoint:t,seriesIndex:e.index}),It(`selectX`,t)}function Mn(e,t){return e.length*t/2+t}function Nn(e,t,n){return e+Mn(t,n)>G.value.right}function Pn(e,t,n=`sans-serif`){let r=document.createElement(`canvas`).getContext(`2d`);return r.font=`${typeof t==`number`?`${t}px`:t} ${n}`,r.measureText(e).width}let J=l(()=>{B.value;let e=Math.max(...U.value.map(e=>e.labelLen)),t=Math.max(...U.value.flatMap(e=>e.datapoints.flatMap(e=>e.values))),n=Math.min(...U.value.flatMap(e=>e.datapoints.flatMap(e=>e.values))),r=W.value.padding.left+e+16+I.value.offsetX,ee=(G.value.width-r)/En.value,i=Math.abs(Math.min(n,0)),a=t+i;function o(e){return isNaN(e/a)?0:e/a}return U.value.map((e,t)=>{let n=B.value*hn.value*(1-o(i)),a=G.value.top+B.value*t,s=G.value.top+a+n;return{...e,label:{x:r-I.value.fontSize,y:(I.value.centered?s-n/2:s)+I.value.offsetY},datapoints:e.datapoints.map(e=>{let t=e.values.map((t,n)=>{let te=isNaN(t)||[void 0,null,`NaN`,NaN,1/0,-1/0].includes(t)?0:t||0;return{x:r+ee*n,y:G.value.top+a+B.value*hn.value*(1-o(te+i)),value:t,isMaxPoint:t===Math.max(...e.values),zero:s}}),n=`${re(t,s,!1,!1)}`,te=`M ${r},${s} ${oe(t)} ${t.at(-1).x},${s}`,ne=`M ${r},${s} ${t.at(-1).x},${s}`,ae=`M ${ie(t)}`,ce=`M ${oe(t)}`,le=_e(N.value.smooth?ae:ce);return{...e,uid:se(),plots:t,smoothPath:n,straightPath:te,zeroPath:ne,pathLength:le,smoothPathRidge:ae,straightPathRidge:ce}}).filter(e=>!Y.value.includes(e.id))}})}),Y=_([]);function Fn(e){let t=/* @__PURE__ */ new Map;return e.forEach(e=>{e.datapoints.forEach((e,n)=>{let r=ce(e.name);t.has(r)||t.set(r,{id:r,name:e.name,color:e.color,shape:`circle`,segregate:()=>_n(r),isSegregated:Y.value.includes(r),opacity:Y.value.includes(r)?.5:1})})}),Array.from(t.values())}let X=l(()=>Fn(U.value)),In=l(()=>({cy:`donut-div-legend`,backgroundColor:L.value.legend.backgroundColor,color:L.value.legend.color,fontSize:L.value.legend.fontSize,paddingBottom:12,fontWeight:L.value.legend.bold?`bold`:``})),Z=_(!1);function Ln(e){Z.value=e,Wt.value+=1}let Rn=_({}),zn=_([]);function Bn(e){It(`selectDatapoint`,e),L.value.dialog.show&&(zn.value=e.datapoints.map(e=>({name:e.name,color:e.color,type:`line`,useArea:!0,smooth:N.value.smooth,series:e.values})),k.value=e,Rn.value=he({...L.value.dialog.xyChart,responsive:!0,chart:{...L.value.dialog.xyChart.chart,grid:{...L.value.dialog.xyChart.chart.grid,labels:{...L.value.dialog.xyChart.chart.grid.labels,xAxisLabels:{...L.value.dialog.xyChart.chart.grid.labels.xAxisLabels,values:F.value.values,autoRotate:{enable:!0,angle:L.value.dialog.xyChart.chart.grid.labels.xAxisLabels.autoRotate.angle},datetimeFormatter:F.value.datetimeFormatter}}},tooltip:{...L.value.dialog.xyChart.chart.tooltip,showTimeLabel:F.value.values.length>0},userOptions:{...L.value.dialog.xyChart.chart.userOptions,buttons:{...L.value.dialog.xyChart.chart.userOptions.buttons,altCopy:j.value.userOptions.buttons.altCopy},callbacks:{...L.value.dialog.xyChart.chart.userOptions.callbacks,altCopy:()=>{}},useCursorPointer:j.value.userOptions.useCursorPointer}}}),qt.value&&qt.value.open())}let Vn=_(null);function Hn(e){Vn.value=e}function Un(){Vn.value=null}let Q=_(!1);function Wn(){Q.value=!Q.value}function Gn(){H.value.showTable=!H.value.showTable}let Kn=l(()=>({body:J.value.flatMap(e=>e.datapoints.flatMap(t=>({...t,rowName:`${e.name}: ${t.name}`}))).map(e=>[{name:e.rowName,color:e.color},...e.values])})),$=l(()=>{let e=[j.value.table.columnNames.series,...K.value.map(e=>e.text)],t={th:{backgroundColor:j.value.table.th.backgroundColor,color:j.value.table.th.color,outline:j.value.table.th.outline},td:{backgroundColor:j.value.table.td.backgroundColor,color:j.value.table.td.color,outline:j.value.table.td.outline},breakpoint:j.value.table.responsiveBreakpoint};return{colNames:[j.value.table.columnNames.series,...K.value.map(e=>e.text)],head:e,body:Kn.value.body,config:t}});function qn(e=null){Je(()=>{let t=[[j.value.table.columnNames.series,...K.map(e=>[e.text])],...Kn.value.body.map((e,t)=>[e[0].name,...e.slice(1)])],n=[[L.value.title.text],[L.value.title.subtitle.text]].concat(t),r=s(n);e?e(r):fe({csvContent:r,title:L.value.title.text||`vue-ui-ridgeline`})})}function Jn(){return J.value}let Yn=Be(w,()=>L.value.title.text),Xn=l(()=>({min:0,max:En.value}));Oe({timeLabelsEls:Yt,timeLabels:K,slicer:Xn,configRef:j,rotationPath:[`style`,`chart`,`xAxis`,`labels`,`rotation`],autoRotatePath:[`style`,`chart`,`xAxis`,`labels`,`autoRotate`,`enable`],isAutoSize:!1,width:Sn,height:Cn,targetClass:`.vue-ui-ridgeline-x-axis-label`,angle:F.value.autoRotate.angle});let Zn=l(()=>n({config:j,style:L,mutableConfig:H,dialog:Nt,accordion:Ot,isFullscreen:Z,parent:w,maxWidth:800,isCursorPointer:R}));tt(()=>H.value.showTable,e=>t(e,j,Xt));function Qn(){H.value.showTable=!1,Zt.value&&Zt.value.setTableIconState(!1)}let $n=l(()=>L.value.backgroundColor),er=l(()=>({...L.value.legend,position:`bottom`})),tr=l(()=>L.value.title),{isCallbackImaging:nr,isCallbackSvg:rr,generateSvg:ir,onGenerateImage:ar}=De({svg:V,title:tr,legend:er,legendItems:X,backgroundColor:$n,getSvgCallback:()=>j.value.userOptions.callbacks.svg,generateImage:fn});function or(e){sr(`xy-zoom`,e.dataset,e.config)}async function sr(e=`main-chart`,t=null,n=null){if(It(`copyAlt`,{source:e,config:e===`main-chart`?j.value:Rn.value,dataset:e===`main-chart`?J.value:zn.value}),!j.value.userOptions.callbacks.altCopy){console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");return}await Promise.resolve(j.value.userOptions.callbacks.altCopy({source:e,config:e===`main-chart`?j.value:Rn.value,dataset:e===`main-chart`?J.value:zn.value}))}function cr(){A.value=null,Qt.value=!0}function lr(){pr(),Qt.value=!1}function ur(e){if(!V.value||Q.value||document.activeElement!==V.value||!J.value.length)return;let t=e.key===`ArrowUp`,n=e.key===`ArrowDown`,r=e.key===`ArrowLeft`,ee=e.key===`ArrowRight`,i=e.key===`Enter`||e.key===` `,a=e.key===`Escape`;if(!t&&!n&&!r&&!ee&&!i&&!a)return;if(e.preventDefault(),e.stopPropagation(),a){pr();return}if(i){if(A.value!==null){let e=J.value[A.value];e&&Bn(e);return}O.value&&jn(O.value);return}if(t||n){let e=A.value;e=e===null?n?0:J.value.length-1:dr(e+(n?1:-1)),A.value=e,Vn.value=e;return}if(!q.value.length)return;let o=O.value?.index??null;o=o===null?ee?0:q.value.length-1:fr(o+(ee?1:-1));let s=q.value[o];s&&kn(s)}function dr(e){let t=J.value.length;return t?(e%t+t)%t:null}function fr(e){let t=q.value.length;return t?(e%t+t)%t:null}function pr(){A.value=null,Vn.value=null,O.value?An(O.value):O.value=null}let mr=l(()=>({head:$.value.head,body:$.value.body.map(e=>[e[0]?.name??``,...e.slice(1)]),caption:j.value.a11y.translations.tableCaption,notice:j.value.a11y.translations.tableAvailable}));return je({getData:Jn,getImage:Yn,generateImage:fn,generateSvg:ir,generatePdf:dn,generateCsv:qn,hideSeries:bn,showSeries:yn,toggleAnnotator:Wn,toggleTable:Gn,toggleFullscreen:Ln,copyAlt:sr}),(e,t)=>(g(),f(`div`,{ref_key:`ridgelineChart`,ref:w,class:Ye(`vue-data-ui-component vue-ui-ridgeline ${Z.value?`vue-data-ui-wrapper-fullscreen`:``}`),id:`vue-ui-ridgeline_${D.value}`,style:h({fontFamily:j.value.style.fontFamily,width:`100%`,textAlign:`center`,background:L.value.backgroundColor,height:j.value.responsive?`100%`:void 0}),onMouseenter:t[3]||=()=>x(an)(!0),onMouseleave:t[4]||=()=>x(an)(!1)},[p(`div`,{id:`chart-instructions-${D.value}`,class:`sr-only`},[p(`p`,null,b(j.value.a11y.translations.keyboardNavigation),1)],8,at),mr.value.body.length?(g(),u(Ie,{key:0,uid:D.value,head:mr.value.head,body:mr.value.body,caption:mr.value.caption,notice:mr.value.notice},null,8,[`uid`,`head`,`body`,`caption`,`notice`])):d(``,!0),M.value.buttons.annotator&&x(V)?(g(),u(x(At),{key:1,color:L.value.color,backgroundColor:L.value.backgroundColor,active:Q.value,svgRef:x(V),isCursorPointer:R.value,onClose:Wn},Ue({_:2},[v(x(ee),t=>({name:t,fn:S(n=>[y(e.$slots,t,Xe(Ke(x(r)(t,n))),void 0,!0)])}))]),1032,[`color`,`backgroundColor`,`active`,`svgRef`,`isCursorPointer`])):d(``,!0),y(e.$slots,`userConfig`,{},void 0,!0),pn.value?(g(),f(`div`,{key:2,ref_key:`noTitle`,ref:Bt,class:`vue-data-ui-no-title-space`,style:`height:36px; width: 100%;background:transparent`},null,512)):d(``,!0),L.value.title.text?(g(),f(`div`,{key:3,ref_key:`chartTitle`,ref:Lt,style:`width:100%;background:transparent;padding-bottom:24px`},[(g(),u(ke,{key:`title_${Vt.value}`,config:{title:{cy:`ridgeline-div-title`,...L.value.title},subtitle:{cy:`ridgeline-div-subtitle`,...L.value.title.subtitle}}},null,8,[`config`]))],512)):d(``,!0),M.value.show&&Ft.value&&(x(on)||x(rn))?(g(),u(x(jt),{ref_key:`userOptionsRef`,ref:Zt,key:`user_option_${Wt.value}`,backgroundColor:L.value.backgroundColor,color:L.value.color,isPrinting:x(ln),isImaging:x(un),uid:D.value,hasTooltip:!1,callbacks:M.value.callbacks,hasPdf:M.value.buttons.pdf,hasImg:M.value.buttons.img,hasSvg:M.value.buttons.svg,hasXls:M.value.buttons.csv,hasTable:M.value.buttons.table,hasLabel:!1,hasFullscreen:M.value.buttons.fullscreen,hasAltCopy:M.value.buttons.altCopy,isFullscreen:Z.value,printScale:M.value.print.scale,chartElement:w.value,position:M.value.position,isTooltip:!1,titles:{...M.value.buttonTitles},hasAnnotator:M.value.buttons.annotator,isAnnotation:Q.value,tableDialog:j.value.table.useDialog,style:h({visibility:x(on)?x(rn)?`visible`:`hidden`:`visible`}),isCursorPointer:R.value,onToggleFullscreen:Ln,onGeneratePdf:x(dn),onGenerateCsv:qn,onGenerateImage:x(ar),onGenerateSvg:x(ir),onToggleTable:Gn,onToggleAnnotator:Wn,onCopyAlt:sr},Ue({_:2},[v(x(i)(e.$slots,`menuIcon optionTooltip optionPdf optionCsv optionImg optionSvg optionTable optionFullscreen optionAnnotator optionAltCopy custom-menu-before custom-menu-after`),t=>({name:t,fn:S(n=>[y(e.$slots,t,Xe(Ke(x(a)(t,n))),void 0,!0)])}))]),1032,/* @__PURE__ */ `backgroundColor.color.isPrinting.isImaging.uid.callbacks.hasPdf.hasImg.hasSvg.hasXls.hasTable.hasFullscreen.hasAltCopy.isFullscreen.printScale.chartElement.position.titles.hasAnnotator.isAnnotation.tableDialog.style.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg`.split(`.`))):d(``,!0),p(`div`,ot,[(g(),f(`svg`,{ref_key:`svgRef`,ref:V,xmlns:x(me),"aria-describedby":`chart-instructions-${D.value}`,class:Ye({"vue-data-ui-fullscreen--on":Z.value,"vue-data-ui-fulscreen--off":!Z.value}),viewBox:`0 0 ${W.value.width<=0?10:W.value.width} ${G.value.fullHeight<=0?10:G.value.fullHeight}`,style:h(`max-width:100%;overflow:visible;background:transparent;color:${L.value.color};${j.value.responsive?`height: ${Jt.value}px; width: 100%;`:``}`),tabindex:`0`,onFocus:cr,onBlur:lr,onKeydown:ur},[Ge(x(Mt)),p(`defs`,null,[(g(!0),f(c,null,v(X.value,(e,t)=>(g(),u(Pe,{t:`linear`,id:`gradient-${e.id}-${D.value}`,key:`gradient-${e.id}-${D.value}`,x1:`50%`,y1:`0%`,x2:`50%`,y2:`100%`,stops:[[`0%`,e.color,1],[`30%`,e.color,.7],[`70%`,e.color,.3],[`100%`,e.color,.1]]},null,8,[`id`,`stops`]))),128)),(g(!0),f(c,null,v(J.value,(e,t)=>(g(),f(c,null,[(g(!0),f(c,null,v(e.datapoints,(e,t)=>(g(),u(Pe,{t:`linear`,key:`grad${e.id}`,id:`gradient-single-${D.value}-${e.uid}`,x1:`50%`,y1:`0%`,x2:`50%`,y2:`100%`,stops:[[`0%`,e.color,1],[`30%`,e.color,.7],[`70%`,e.color,.3],[`100%`,e.color,.1]]},null,8,[`id`,`stops`]))),128))],64))),256))]),(g(!0),f(c,null,v(J.value,(t,n)=>(g(),f(`g`,{key:`ds-${n}`},[(g(!0),f(c,null,v(t.datapoints,(t,r)=>(g(),f(`g`,{key:t.id},[e.$slots.pattern?(g(),f(`g`,ct,[p(`defs`,null,[y(e.$slots,`pattern`,qe({ref_for:!0},{datapointIndex:n,seriesIndex:r,patternId:`pattern_${D.value}_${t.uid}`}),void 0,!0)])])):d(``,!0),p(`path`,{fill:e.$slots.pattern?`url(#pattern_${D.value}_${t.uid})`:L.value.backgroundColor,stroke:`none`,"stroke-linecap":`round`,d:N.value.smooth?t.smoothPath:t.straightPath,style:h({opacity:N.value.opacity})},null,12,lt),p(`path`,{fill:`none`,stroke:N.value.stroke.useSerieColor?t.color:N.value.stroke.color,"stroke-width":N.value.strokeWidth,d:N.value.smooth?t.smoothPathRidge:t.straightPathRidge,"stroke-linecap":`round`,"stroke-linejoin":`round`,style:h({strokeDasharray:t.pathLength,strokeDashoffset:j.value.useCssAnimation?t.pathLength:0})},null,12,ut),p(`path`,{fill:N.value.useGradient?N.value.useCommonColor?`url(#gradient-${t.id}-${D.value})`:`url(#gradient-single-${D.value}-${t.uid})`:t.color,stroke:`none`,d:N.value.smooth?t.smoothPath:t.straightPath,"stroke-linecap":`round`,"stroke-linejoin":`round`,style:h({strokeDasharray:t.pathLength,strokeDashoffset:j.value.useCssAnimation?t.pathLength:0})},null,12,dt),L.value.zeroLine.show?(g(),f(`path`,{key:1,stroke:L.value.zeroLine.useSerieColor?t.color:L.value.zeroLine.stroke,"stroke-dasharray":L.value.zeroLine.strokeDasharray,"stroke-width":L.value.zeroLine.strokeWidth,d:t.zeroPath,"stroke-linecap":`round`},null,8,ft)):d(``,!0),N.value.maxPoint.show&&t.plots.length>1?(g(!0),f(c,{key:2},v(t.plots,e=>(g(),f(c,null,[e.isMaxPoint?(g(),f(`line`,{key:0,x1:e.x,y1:e.y,x2:e.x,y2:e.zero,stroke:N.value.maxPoint.adaptStrokeToBackground?x(pe)(t.color):N.value.maxPoint.stroke,"stroke-width":N.value.maxPoint.strokeWidth,"stroke-linecap":`round`,"stroke-dasharray":N.value.maxPoint.strokeDasharray},null,8,pt)):d(``,!0)],64))),256)):d(``,!0),t.plots.length===1?(g(),f(`circle`,{key:3,cx:t.plots[0].x,cy:t.plots[0].y,stroke:P.value.dot.stroke,"stroke-width":P.value.dot.strokeWidth,r:P.value.dot.radius,fill:P.value.dot.useDatapointColor?t.color:P.value.dot.fill,style:{pointerEvents:`none`}},null,8,mt)):d(``,!0)]))),128)),p(`text`,{x:t.label.x,y:t.label.y,"text-anchor":`end`,"font-size":I.value.fontSize,"font-weight":I.value.bold?`bold`:`normal`,fill:I.value.color,style:h({cursor:L.value.dialog.show&&R.value?`pointer`:`default`}),"text-decoration":L.value.dialog.show&&(Vn.value===n||k.value&&t.uid===k.value.uid||A.value===n)?`underline`:``,"dominant-baseline":`middle`,onMouseenter:e=>Hn(n),onMouseleave:Un,onClick:e=>Bn(t)},b(t.name),45,ht)]))),128)),F.value.values.length?(g(),f(`g`,{key:0,ref_key:`timeLabelsEls`,ref:Yt},[(g(!0),f(c,null,v(q.value,(t,n)=>y(e.$slots,`time-label`,qe({ref_for:!0},{show:t&&!F.value.showOnlyFirstAndLast&&!F.value.showOnlyAtModulo||t&&F.value.showOnlyFirstAndLast&&(n===0||n===q.value.length-1)||t&&O.value&&O.value.index===n||t&&!F.value.showOnlyFirstAndLast&&F.value.showOnlyAtModulo&&n%Math.max(1,Math.floor(Number(L.value.xAxis.labels.modulo)||1))===0,fontSize:F.value.fontSize,content:t.label,textAnchor:F.value.rotation>0?`start`:F.value.rotation<0?`end`:`middle`,fill:F.value.color,transform:`translate(${t.selectorX}, ${G.value.top+t.height+F.value.offsetY}), rotate(${F.value.rotation})`,x:t.selectorX,y:G.value.bottom+F.value.offsetY}),()=>[t&&!F.value.showOnlyFirstAndLast&&!F.value.showOnlyAtModulo||t&&F.value.showOnlyFirstAndLast&&(n===0||n===q.value.length-1)||t&&O.value&&O.value.index===n||t&&!F.value.showOnlyFirstAndLast&&F.value.showOnlyAtModulo&&n%Math.max(1,Math.floor(Number(L.value.xAxis.labels.modulo)||1))===0?(g(),f(`g`,gt,[String(t.label).includes(`
-`)?(g(),f(`text`,{key:1,class:`vue-ui-ridgeline-x-axis-label`,"font-size":F.value.fontSize,fill:F.value.color,"font-weight":F.value.bold?`bold`:`normal`,transform:`translate(${t.selectorX}, ${G.value.bottom+F.value.offsetY}), rotate(${F.value.rotation})`,"text-anchor":F.value.rotation>0?`start`:L.value.xAxis.labels.rotation<0?`end`:`middle`,style:h({opacity:O.value?O.value.index===n?1:.2:1}),innerHTML:x(ne)({content:String(t.label),fontSize:L.value.xAxis.labels.fontSize,fill:L.value.xAxis.labels.color,stroke:L.value.backgroundColor,x:0,y:0})},null,12,vt)):(g(),f(`text`,{key:0,class:`vue-ui-ridgeline-x-axis-label`,"font-size":F.value.fontSize,fill:F.value.color,stroke:L.value.backgroundColor,"stroke-width":`3`,"stroke-linecap":`round`,"stroke-linejoin":`round`,"paint-order":`stroke fill`,"font-weight":F.value.bold?`bold`:`normal`,transform:`translate(${t.selectorX}, ${G.value.bottom+F.value.offsetY}), rotate(${F.value.rotation})`,"text-anchor":F.value.rotation>0?`start`:L.value.xAxis.labels.rotation<0?`end`:`middle`,style:h({opacity:O.value?O.value.index===n?1:.2:1})},b(t.label),13,_t))])):d(``,!0)],!0)),256))],512)):d(``,!0),p(`g`,null,[(g(!0),f(c,null,v(q.value,(e,t)=>(g(),f(`rect`,{x:e.x,y:e.y,width:e.width<0?.1:e.width,height:e.height<0?.1:e.height,fill:`transparent`,onMouseenter:t=>kn(e),onMouseleave:t=>An(e),onClick:()=>jn(e)},null,40,yt))),256)),P.value.show&&O.value?(g(),f(`line`,{key:0,x1:O.value.selectorX,x2:O.value.selectorX,y1:O.value.y,y2:O.value.y+O.value.height-B.value/2,stroke:P.value.stroke,"stroke-width":P.value.strokeWidth,"stroke-dasharray":P.value.strokeDasharray,"stroke-linecap":`round`,style:{pointerEvents:`none`}},null,8,bt)):d(``,!0),O.value||P.value.labels.showLast?(g(!0),f(c,{key:1},v(J.value,e=>(g(),f(c,null,[(g(!0),f(c,null,v(e.datapoints,e=>(g(),f(c,null,[(g(!0),f(c,null,v(e.plots,(t,n)=>(g(),f(c,null,[O.value&&O.value.index===n||!O.value&&n===e.plots.length-1&&L.value.selector.labels.showLast?(g(),f(`circle`,{key:0,cx:t.x,cy:t.y,stroke:P.value.dot.stroke,"stroke-width":P.value.dot.strokeWidth,r:P.value.dot.radius,fill:P.value.dot.useDatapointColor?e.color:L.value.selector.dot.fill,style:{pointerEvents:`none`}},null,8,xt)):d(``,!0),O.value&&O.value.index===n||!O.value&&n===e.plots.length-1&&L.value.selector.labels.showLast?(g(),f(`text`,{key:1,x:Nn(t.x,x(ue)(L.value.selector.labels.formatter,t.value,x(o)({p:j.value.style.chart.xAxis.labels.prefix,v:t.value,s:j.value.style.chart.xAxis.labels.suffix,r:j.value.style.chart.selector.labels.rounding})),L.value.selector.labels.fontSize)?t.x-L.value.selector.labels.fontSize/2:t.x+L.value.selector.labels.fontSize/2,y:t.y,"dominant-baseline":`middle`,stroke:L.value.backgroundColor,"stroke-linecap":`round`,"stroke-linejoin":`round`,"stroke-width":`3`,"paint-order":`stroke fill`,"text-anchor":Nn(t.x,x(ue)(L.value.selector.labels.formatter,t.value,x(o)({p:j.value.style.chart.xAxis.labels.prefix,v:t.value,s:j.value.style.chart.xAxis.labels.suffix,r:j.value.style.chart.selector.labels.rounding})),L.value.selector.labels.fontSize)?`end`:`start`,"font-size":P.value.labels.fontSize,fill:P.value.labels.color,style:{pointerEvents:`none`}},b(x(ue)(L.value.selector.labels.formatter,t.value,x(o)({p:L.value.xAxis.labels.prefix,v:t.value,s:L.value.xAxis.labels.suffix,r:L.value.selector.labels.rounding}))),9,St)):d(``,!0)],64))),256))],64))),256))],64))),256)):d(``,!0)]),y(e.$slots,`svg`,{svg:{...W.value,drawingArea:G.value,isPrintingImg:x(ln)||x(un)||x(nr),isPrintingSvg:x(rr),data:J.value}},void 0,!0)],46,st)),e.$slots.hint?(g(),f(`div`,Ct,[y(e.$slots,`hint`,Xe(Ke({hint:j.value.a11y.translations.keyboardNavigation,isVisible:Qt.value})),void 0,!0)])):d(``,!0)]),e.$slots.watermark?(g(),f(`div`,wt,[y(e.$slots,`watermark`,Xe(Ke({isPrinting:x(ln)||x(un)||x(nr)||x(rr)})),void 0,!0)])):d(``,!0),p(`div`,{ref_key:`chartLegend`,ref:Rt},[y(e.$slots,`legend`,{legend:X.value},()=>[L.value.legend.show?(g(),u(Ve,{key:`legend_${Ut.value}`,legendSet:X.value,config:In.value,isCursorPointer:R.value,onClickMarker:t[0]||=({legend:e})=>_n(e.id)},Ue({item:S(({legend:e})=>[x(tn)?d(``,!0):(g(),f(`div`,{key:0,style:h(`opacity:${Y.value.includes(e.id)?.5:1}`),onClick:t=>e.segregate()},b(e.name),13,Tt))]),legendToggle:S(()=>[X.value.length>2&&L.value.legend.selectAllToggle.show&&!x(tn)?(g(),u(Fe,{key:0,backgroundColor:L.value.legend.selectAllToggle.backgroundColor,color:L.value.legend.selectAllToggle.color,fontSize:L.value.legend.fontSize,checked:Y.value.length>0,isCursorPointer:R.value,onToggle:gn},null,8,[`backgroundColor`,`color`,`fontSize`,`checked`,`isCursorPointer`])):d(``,!0)]),_:2},[e.$slots.pattern?{name:`legend-pattern`,fn:S(({legend:e,index:t})=>[Ge(Ae,{shape:e.shape,radius:30,stroke:`none`,plot:{x:30,y:30},fill:`url(#pattern_${D.value}_${t})`},null,8,[`shape`,`fill`])]),key:`0`}:void 0]),1032,[`legendSet`,`config`,`isCursorPointer`])):d(``,!0)],!0)],512),e.$slots.source?(g(),f(`div`,{key:6,ref_key:`source`,ref:zt,dir:`auto`},[y(e.$slots,`source`,{},void 0,!0)],512)):d(``,!0),Ft.value&&M.value.buttons.table?(g(),u(Qe(Zn.value.component),qe({key:7},Zn.value.props,{ref_key:`tableUnit`,ref:Xt,onClose:Qn}),Ue({content:S(()=>[(g(),u(x(kt),{key:`table_${Ht.value}`,colNames:$.value.colNames,head:$.value.head,body:$.value.body,config:$.value.config,title:j.value.table.useDialog?``:Zn.value.title,withCloseButton:!j.value.table.useDialog,isCursorPointer:R.value,onClose:Qn},{th:S(({th:e})=>[p(`div`,null,b(e),1)]),td:S(({td:e})=>[We(b(e.name?e.name:x(ue)(P.value.labels.formatter,e,x(o)({p:L.value.xAxis.labels.prefix,v:e,s:L.value.xAxis.labels.suffix,r:j.value.table.td.roundingValue}))),1)]),_:1},8,[`colNames`,`head`,`body`,`config`,`title`,`withCloseButton`,`isCursorPointer`]))]),_:2},[j.value.table.useDialog?{name:`title`,fn:S(()=>[We(b(Zn.value.title),1)]),key:`0`}:void 0,j.value.table.useDialog?{name:`actions`,fn:S(()=>[p(`button`,{tabindex:`0`,class:`vue-ui-user-options-button`,onClick:t[1]||=e=>qn(M.value.callbacks.csv),style:h({cursor:R.value?`pointer`:`default`})},[Ge(x(Dt),{name:`fileCsv`,stroke:Zn.value.props.color},null,8,[`stroke`])],4)]),key:`1`}:void 0]),1040)):d(``,!0),L.value.dialog.show?(g(),u(x(Nt),{key:8,ref_key:`dialog`,ref:qt,onClose:t[2]||=e=>k.value=null,backgroundColor:L.value.dialog.backgroundColor,color:L.value.dialog.color,headerBg:L.value.dialog.header.backgroundColor,headerColor:L.value.dialog.header.color,isFullscreen:Z.value,fullscreenParent:w.value,isCursorPointer:R.value,withPadding:``},{title:S(()=>[We(b(k.value.name),1)]),content:S(()=>[k.value?(g(),u(x(Et),{key:0,config:Rn.value,dataset:zn.value,onCopyAlt:or},null,8,[`config`,`dataset`])):d(``,!0)]),_:1},8,[`backgroundColor`,`color`,`headerBg`,`headerColor`,`isFullscreen`,`fullscreenParent`,`isCursorPointer`])):d(``,!0),y(e.$slots,`skeleton`,{},()=>[x(tn)?(g(),u(Ee,{key:0})):d(``,!0)],!0)],46,it))}},[[`__scopeId`,`data-v-65ccf420`]]);export{rt as n,Et as t};

package/dist/vue-ui-rings-BOti0NGb.js

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

package/dist/vue-ui-scatter-CCNMggyo.js

@@ -1,9 +0,0 @@
-import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{n as t,t as n}from"./tableIntegration-CNoJ1CIY.js";import{n as r,t as i}from"./annotationSlots-BRR85CqJ.js";import{n as a,t as o}from"./userOptionsSlots-DYuo-E5m.js";import{$ as s,Ct as c,D as l,Dt as u,F as d,Ht as f,Jt as p,P as m,Qt as ee,S as te,X as ne,_ as re,at as ie,b as h,i as g,in as ae,jt as oe,nt as se,pt as ce,t as le,tn as ue,v as de,w as fe,yt as pe,zt as me}from"./lib-CV_IANZ6.js";import{n as he,t as ge}from"./useHints-BH9r_0Vd.js";import{t as _e}from"./useConfig-CKdzPrcf.js";import{t as ve}from"./usePrinter-hLW3cv4N.js";import{n as ye,t as be}from"./BaseScanner-8NdoBs7B.js";import{t as xe}from"./useChartExport-DtPNpc9M.js";import{t as Se}from"./useTransitions-DfSHzsdz.js";import{t as Ce}from"./img-DiT4ivZ5.js";import{n as we}from"./Title-BGYFqulv.js";import{t as Te}from"./Shape-Bp9YNtPc.js";import{t as Ee}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{l as De,t as Oe}from"./useResponsive-D2CPcpda.js";import{t as ke}from"./DefGrad-DKMq1REY.js";import{t as Ae}from"./BaseLegendToggle-Bq5FjyuI.js";import{t as je}from"./A11yDataTable-DWNlWXzs.js";import{n as Me}from"./resolveChartConfig-DZg-korK.js";import{t as Ne}from"./useUserOptionState-CXlFnwPv.js";import{t as Pe}from"./useChartAccessibility-DOMuYJfm.js";import{t as Fe}from"./Legend-D8YoT1RJ.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__*/ Ee({__name:`vue-ui-scatter`,props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:[`copyAlt`,`selectLegend`],setup(e,{expose:Ee,emit:et}){let wn=Ve(()=>import(`./Tooltip-Cus2-XNQ.js`)),Tn=Ve(()=>import(`./BaseIcon-DdIyewwY.js`).then(e=>e.n)),En=Ve(()=>import(`./vue-ui-accordion-BNvevckx.js`).then(e=>e.n)),Dn=Ve(()=>import(`./DataTable-WNecJMcY.js`)),On=Ve(()=>import(`./PenAndPaper-IMw576MC.js`).then(e=>e.t)),kn=Ve(()=>import(`./UserOptions-DTxMeZv3.js`).then(e=>e.n)),An=Ve(()=>import(`./PackageVersion-CdkxOy58.js`).then(e=>e.t)),jn=Ve(()=>import(`./BaseDraggableDialog-D_tuHEjO.js`).then(e=>e.n)),{vue_ui_scatter:Mn}=_e(),A=e,Nn=et,Pn=v(()=>!!A.dataset&&A.dataset.length),j=w(ne()),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);he({config:()=>N.value,dataset:()=>A.dataset,component:`VueUiScatter`,rules:[ge.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}=Se({config:()=>N.value.transitions,dataset:()=>A.dataset}),lr=v(()=>N.value.userOptions.useCursorPointer),ur=v(()=>u(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,ee=m(f),te=m(p);for(let e=0;e<d;e+=1)f[e]-=ee,p[e]-=te;let ne=(e,t)=>e.reduce((e,n,r)=>e+n*t[r],0),re=e=>ne(e,e),ie=ne(p,f)/re(f),h=p.map((e,t)=>e-ie*f[t]),g=re(f)/d,ae=re(h)/d,oe=Math.sqrt((1-t*t)*g/ae),se=f.map((e,n)=>t*e+oe*h[n]),ce=f.concat(f.map(e=>-e)),le=se.concat(se.map(e=>-e)),ue=e=>Math.sqrt(re(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(()=>ae({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}=ye({...Qe(A),FINAL_CONFIG:N,prepareConfig:br,skeletonDataset:A.config?.skeletonDataset??[{name:``,color:`#999999`,values:dr(100,.5,{seed:42})}],skeletonConfig:ae({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 Me(A.config,Mn,Ie)}let xr=ee(A.config);$e(()=>A.config,(e,t)=>{let n=ee(e),r=n!==xr;xr=n;let i=br();if(!r){N.value.style.tooltip=i.style.tooltip,V.value.showTooltip=N.value.style.tooltip.show;return}pr.value||(N.value=i),gr.value=!N.value.userOptions.showOnChartHover,Tr(),Un.value+=1,Wn.value+=1,Gn.value+=1,V.value.showTable=N.value.table.show,V.value.showTooltip=z.value.show,wr.value&&N.value.usePerformanceMode&&console.warn(`VueUiScatter : You are using performance mode
-
-- downsampling is disabled in this mode, all plots are rendered
-
-- plot significance is not active in this mode (all plots have the same opacity) 
-
-- Depending on plot density, shapes might not display a border (stroke) to avoid fuzziness 
-
-ℹ️ To remove this warning, set config.debug to false.`)},{deep:!0}),$e(()=>A.dataset,e=>{Array.isArray(e)&&e.length>0&&(hr.value=!1)},{deep:!0});let Sr=Ze(null),Cr=Ze(null);Ye(async()=>{Tr(),await We(),Kn.value=!0});let wr=v(()=>N.value.debug);function Tr(){if(me(A.dataset)&&(ie({componentName:`VueUiScatter`,type:`dataset`,debug:wr.value}),hr.value=!0),me(A.dataset)||(hr.value=N.value.loading),N.value.responsive){let e=De(()=>{let{width:e,height:t}=Oe({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});requestAnimationFrame(()=>{H.value.width=e,H.value.height=t})});Sr.value&&(Cr.value&&Sr.value.unobserve(Cr.value),Sr.value.disconnect()),Sr.value=new ResizeObserver(e),Cr.value=Rn.value.parentNode,Sr.value.observe(Cr.value)}}Je(()=>{Sr.value&&(Cr.value&&Sr.value.unobserve(Cr.value),Sr.value.disconnect())});let{isPrinting:Er,isImaging:Dr,generatePdf:Or,generateImage:kr}=ve({elementId:`vue-ui-scatter_${j.value}`,fileName:B.value.title.text||`vue-ui-scatter`,options:N.value.userOptions.print}),Ar=v(()=>N.value.userOptions.show&&!B.value.title.text),jr=v(()=>fe(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}),Mr=v(()=>L.value.show?L.value.size+L.value.offset:0);function Nr(){let e=0;if(I.value.scales.show&&tr.value)try{e=Array.from(tr.value.querySelectorAll(`text`)).reduce((e,t)=>{let n=t.getComputedTextLength();return n>e?n:e},0)}catch{e=0}let t=0;if(Zn.value)try{t=Zn.value.getBBox().width}catch{t=0}return Math.max(t,e?e+12:0)}function Pr(){let e=0;if(Qn.value)try{let t=Qn.value.getBBox(),n=t.x+t.width-H.value.width;e=n>0?n+6:0}catch{e=0}let t=0;if(F.value.scales.show&&nr.value)try{t=Array.from(nr.value.querySelectorAll(`text`)).reduce((e,t)=>{let n=t.getBBox(),r=n.x+n.width-H.value.width,i=r>0?r+6:0;return i>e?i:e},0)}catch{t=0}return e>t?e:t}let U=v(()=>{let e=0,t=0,n=0;if(e=Nr(),t=Pr(),er.value)try{n=er.value.getBBox().height+6}catch{n=0}return{top:B.value.layout.padding.top+Mr.value+I.value.fontSize*2,right:H.value.width-B.value.layout.padding.right-Mr.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-Mr.value-n-I.value.fontSize*2,width:H.value.width-B.value.layout.padding.left-B.value.layout.padding.right-Mr.value-e-t-6}}),Fr=v(()=>{wr.value&&mr.value.forEach((e,t)=>{pe({datasetObject:e,requiredAttributes:[`values`]}).forEach(e=>{ie({componentName:`VueUiScatter`,type:`datasetSerieAttribute`,property:e,index:t})}),e.values&&e.values.forEach((e,n)=>{pe({datasetObject:e,requiredAttributes:[`x`,`y`]}).forEach(e=>{ie({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}}),Ir=v(()=>{let e=B.value.layout.axis;return{xMin:e.xMin!==null&&e.xMin!==void 0?e.xMin:Fr.value.xMin,xMax:e.xMax!==null&&e.xMax!==void 0?e.xMax:Fr.value.xMax,yMin:e.yMin!==null&&e.yMin!==void 0?e.yMin:Fr.value.yMin,yMax:e.yMax!==null&&e.yMax!==void 0?e.yMax:Fr.value.yMax}});function Lr(e){return Number.isFinite(e)?e<2?2:Math.trunc(e):5}function Rr(e){return e.roundingValue!==void 0&&e.roundingValue!==null?e.roundingValue:e.rounding!==void 0&&e.rounding!==null?e.rounding:0}function zr({minimum:e,maximum:t,stepCount:n,useNiceScale:r}){let i=Lr(n);if(e===t){let n=t+(e===0?1:Math.abs(e)*.01);return(r?re:de)(e,n,i)}return(r?re:de)(e,t,i)}let Br=v(()=>{let e=F.value;return zr({minimum:Ir.value.xMin,maximum:Ir.value.xMax,stepCount:e.scales.steps,useNiceScale:e.scales.useNiceScale})}),Vr=v(()=>{let e=I.value;return zr({minimum:Ir.value.yMin,maximum:Ir.value.yMax,stepCount:e.scales.steps,useNiceScale:e.scales.useNiceScale})}),W=v(()=>({xMin:Br.value.min,xMax:Br.value.max,yMin:Vr.value.min,yMax:Vr.value.max})),Hr=v(()=>{let e=F.value,t=e.scales.labels;return Br.value.ticks.map(n=>({value:n,x:Kr(n),label:g(t.formatter,h(n),s({p:R.value.selectors.labels.prefix,v:h(n),s:R.value.selectors.labels.suffix,r:Rr(e)}))}))}),Ur=v(()=>{let e=I.value,t=e.scales.labels;return Vr.value.ticks.map(n=>({value:n,y:qr(n),label:g(t.formatter,h(n),s({p:R.value.selectors.labels.prefix,v:h(n),s:R.value.selectors.labels.suffix,r:Rr(e)}))}))}),Wr=v(()=>si.value.length>0&&F.value.scales.show),Gr=v(()=>si.value.length>0&&I.value.scales.show);function Kr(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 qr(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:Kr(i),y:qr(a)}}),K=v(()=>mr.value.map((e,t)=>{let n=`cluster_${j.value}_${t}`;return{...e,values:oe({data:e.values,threshold:N.value.usePerformanceMode?e.values.length+1:N.value.downsample.threshold}),id:n,color:e.color?e.color:jr.value[t]||f[t]||f[t%f.length],opacity:M.value.includes(n)?.5:1,shape:e.shape??`circle`,segregate:()=>mi(n),isSegregated:M.value.includes(n),hasGroupSelection:!!ni.value,isGroupSelected:ni.value===n,onEnter:()=>ii(n),onLeave:()=>ai()}})),Jr=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`:``})),Yr=v(()=>K.value.map((e,t)=>({...e,plots:e.values.map((n,r)=>({x:Kr(n.x),y:qr(n.y),v:{...n,name:n.name||``},clusterName:e.name,clusterId:e.id,color:e.color?e.color:jr.value[t]||f[t]||f[t%f.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],ee=p[1],te=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>te&&(te=i,m=p[e],ee=p[t])}return{x1:m.x,y1:m.y,x2:ee.x,y2:ee.y}};return Yr.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,d=null;s<e?(d=i,l=1/0,u=null):(l=o/s,u=a-l*i);let f,p;d===null?(f=l,p=u):(f=1/0,p=null);let m=n.plots.every(e=>e.v&&typeof e.v.x==`number`&&typeof e.v.y==`number`),ee=NaN;if(r>=2){let t=0,o=0;m?(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=m?e.v.x:e.x,r=m?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);ee=Math.max(-1,Math.min(1,e))}}let ne=t({m:f,b:p,rect:U.value,verticalX:d});if(!ne)return{...n,correlation:null,label:null,plots:n.plots.map(e=>({...e,deviation:0,shape:n.shape,color:te(n.color)}))};let re={x:(ne.x1+ne.x2)/2,y:(ne.y1+ne.y2)/2};return{...n,color:te(n.color),correlation:{...ne,coefficient:ee},label:re,plots:n.plots.map(t=>{let r,i;d===null?Math.abs(f)<e?(r=t.x,i=p):(r=(t.x+f*t.y-f*p)/(1+f*f),i=(f*t.x+f*f*t.y+p)/(1+f*f)):(r=d,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:te(n.color)}})}})}),Xr=v(()=>Math.max(...q.value.flatMap(e=>e.plots.map(e=>Math.abs(e.deviation)))));function Zr(){return q.value}function Qr(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);n.forEach(({x:e,y:t})=>{let n=Math.floor((e-r)/l),i=Math.floor((t-a)/u);d[n]||(d[n]=0),f[i]||(f[i]=0),d[n]+=1,f[i]+=1});let p=[],m=[];for(let e=0;e<t;e+=1)p.push(r+(e+.5)*l),m.push(a+(e+.5)*u);return{x:d,y:f,avgX:p,avgY:m,maxX:Math.max(...d),maxY:Math.max(...f)}}let J=v(()=>L.value.tranches),Y=v(()=>Qr(Yr.value,J.value)),$r=v(()=>{let e=U.value.top-L.value.offset,t=U.value.right+L.value.offset;return Yr.value.map(n=>{let r=Qr(n,J.value);return{coords:r,dX:m(r.avgX.map((t,n)=>({x:t,y:e-r.x[n]/r.maxX*L.value.size}))),dY:d(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([]),ei=w(!1),ti=w(null),ni=w(void 0);function ri(){Fn.value=!1,X.value=void 0,Q.value=[],Z.value=null,sr.value=null,rr.value=null,ni.value=void 0}function ii(e){let t=q.value.find(t=>t.id===e);if(!t){Q.value=[];return}Q.value=t.plots.map(e=>e.id),ni.value=e}function ai(){Q.value=[],ni.value=void 0}function oi(e){if(!yr.value||!e)return;let t=ue(e.x,e.y,yr.value);t&&(ir.value=t)}let si=v(()=>Z.value?[Z.value]:Q.value.length?q.value.flatMap(e=>e.plots).filter(e=>Q.value.includes(e.id)):[]);function ci(e){let t=F.value,n=t.scales.labels;return g(n.formatter,h(e.v.x),s({p:R.value.selectors.labels.prefix,v:h(e.v.x),s:R.value.selectors.labels.suffix,r:Rr(t)}),{datapoint:e})}function li(e){let t=I.value,n=t.scales.labels;return g(n.formatter,h(e.v.y),s({p:R.value.selectors.labels.prefix,v:h(e.v.y),s:R.value.selectors.labels.suffix,r:Rr(t)}),{datapoint:e})}function ui(e,t,n=`pointer`,r=null){X.value=e.id,Z.value=e,ar.value=n,sr.value=r,rr.value=e.id;let i=``;N.value.events.datapointEnter&&N.value.events.datapointEnter({datapoint:e,seriesIndex:t}),ti.value={datapoint:e,seriesIndex:t,series:q.value,config:N.value};let a=z.value.customFormat;u(a)&&ce(()=>a({datapoint:e,seriesIndex:t,series:q.value,config:N.value}))?In.value=a({datapoint:e,seriesIndex:t,series:q.value,config:N.value}):(e.clusterName&&(i+=`<div style="display:flex;gap:3px;align-items:center">${e.clusterName}</div>`),e.v.name&&(i+=`<div>${e.v.name}</div>`),i+=`<div style="text-align:left;margin-top:6px;padding-top:6px;border-top:1px solid ${z.value.borderColor}">`,i+=`<div>${F.value.name}: <b>${isNaN(e.v.x)?`-`:g(R.value.selectors.labels.x.formatter,e.v.x,s({p:z.value.prefix,v:e.v.x,s:z.value.suffix,r:z.value.roundingValue}),{datapoint:e,seriesIndex:t})}</b></div>`,i+=`<div>${I.value.name}: <b>${isNaN(e.v.y)?`-`:g(R.value.selectors.labels.y.formatter,e.v.y,s({p:z.value.prefix,v:e.v.y,s:z.value.suffix,r:z.value.roundingValue}),{datapoint:e,seriesIndex:t})}</b></div>`,i+=`${R.value.deviation.translation}: <b>${s({v:e.deviation,r:R.value.deviation.roundingValue})}</b>`,i+=`</div>`,In.value=`<div>${i}</div>`),Fn.value=!0,n===`keyboard`&&We(()=>{oi(e)})}function di(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 fi(e,t){N.value.events.datapointClick&&N.value.events.datapointClick({datapoint:e,seriesIndex:t})}function pi(){M.value.length?M.value=[]:K.value.forEach(e=>{M.value.push(e.id)}),Nn(`selectLegend`,Yr.value)}function mi(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`,Yr.value)}function hi(e){return K.value.length?K.value.find(t=>t.name===e)||(wr.value&&console.warn(`VueUiScatter - Series name not found "${e}"`),null):(wr.value&&console.warn(`VueUiScatter - There are no series to show.`),null)}function gi(e){let t=hi(e);t!==null&&M.value.includes(t.id)&&mi(t.id)}function _i(e){let t=hi(e);t!==null&&(M.value.includes(t.id)||mi(t.id))}function vi(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),i=l(r);e?e(i):se({csvContent:i,title:B.value.title.text||`vue-ui-heatmap`})})}let yi=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}}),bi=w(!1);function xi(e){bi.value=e,Ln.value+=1}function Si(){V.value.showTable=!V.value.showTable}function Ci(){V.value.showTooltip=!V.value.showTooltip}let wi=w(!1);function Ti(){wi.value=!wi.value}async function Ei({scale:e=2}={}){if(!Rn.value)return;let{width:t,height:n}=Rn.value.getBoundingClientRect(),r=t/n,{imageUri:i,base64:a}=await Ce({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 Di(e){qn.value=e,L.value.highlighter.highlightBothAxes&&(Jn.value=Y.value.y.length-2-e)}function Oi(e){Jn.value=e,L.value.highlighter.highlightBothAxes&&(qn.value=e)}function ki(){qn.value=null,Jn.value=null}let Ai={circle:1,square:1,diamond:1,triangle:1.2,star:1.3,pentagon:1.3,hexagon:1.3},$=e=>e.toFixed(3);function ji({shape:e=`circle`,cx:t,cy:n,r}){if(!N.value.usePerformanceMode)return``;let i=Ai[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 Mi=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,c=R.value.opacity;return q.value.map(i=>{let l=[];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);l.push(ji({shape:i.shape||`circle`,cx:o,cy:s,r:c}))}if(!l.length)return null;let u=a(i.plots.length)>2.5||i.plots.length>1e3;return{id:i.id,d:l.join(``),fill:p(i.color,c*100),stroke:u?`none`:o,strokeWidth:u?0:s,strokeOpacity:1}}).filter(Boolean)});function Ni(){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)})}),ei.value=!!o,o)X.value!==o.id&&(X.value=o.id,ui(o,c,`pointer`,$i.value.get(o.id)??null));else if(X.value){let e=Z.value;X.value=void 0,di(e,c)}}:()=>null}let Pi=Ni();function Fi(){if(ei.value=!1,X.value){let e=Z.value;X.value=void 0,di(e,null)}}function Ii(e){let t=Z.value;if(t){let e=q.value.findIndex(e=>e.id===t.clusterId);fi(t,e>=0?e:0)}}let Li=v(()=>n({config:N,style:B,mutableConfig:V,dialog:jn,accordion:En,isFullscreen:bi,parent:Rn,maxWidth:800,isCursorPointer:lr}));$e(()=>V.value.showTable,e=>t(e,N,Yn));function Ri(){V.value.showTable=!1,Xn.value&&Xn.value.setTableIconState(!1)}let zi=v(()=>B.value.backgroundColor),Bi=v(()=>B.value.legend),Vi=v(()=>B.value.title),{isCallbackImaging:Hi,isCallbackSvg:Ui,generateSvg:Wi,onGenerateImage:Gi}=xe({svg:yr,title:Vi,legend:Bi,legendItems:K,backgroundColor:zi,getSvgCallback:()=>N.value.userOptions.callbacks.svg,generateImage:kr});async function Ki(){if(Nn(`copyAlt`,{config:N.value,dataset:Yr.value}),!N.value.userOptions.callbacks.altCopy){console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");return}await Promise.resolve(N.value.userOptions.callbacks.altCopy({config:N.value,dataset:Yr.value}))}function qi(e,t){let n=Qi.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 Ji(){sr.value=null,rr.value=null,or.value=!0}function Yi(){ri(),ar.value=`pointer`,or.value=!1}function Xi(e){if(!yr.value||wi.value||document.activeElement!==yr.value||!Qi.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){ri(),ar.value=`pointer`;return}if(a){if(sr.value===null)return;let e=Qi.value[sr.value];if(!e)return;fi(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=qi(e,s);if(!t){let t=$i.value.get(e.id);if(t===void 0)return;ui(e,e.seriesIndex,`keyboard`,t);return}let n=$i.value.get(t.id);if(n===void 0)return;ui(t,t.seriesIndex,`keyboard`,n);return}let t=Qi.value[0];if(!t)return;let n=$i.value.get(t.id)??0;ui(t,t.seriesIndex,`keyboard`,n);return}let c=$i.value.get(rr.value);if(c===void 0)return;let l=Qi.value[c];if(!l)return;let u=qi(l,s);if(!u)return;let d=$i.value.get(u.id);d!==void 0&&ui(u,u.seriesIndex,`keyboard`,d)}let Zi=v(()=>{if(!Z.value)return``;let e=Z.value,t=isNaN(e.v.x)?`-`:g(R.value.selectors.labels.x.formatter,e.v.x,s({p:z.value.prefix,v:e.v.x,s:z.value.suffix,r:z.value.roundingValue}),{datapoint:e,seriesIndex:e.seriesIndex}),n=isNaN(e.v.y)?`-`:g(R.value.selectors.labels.y.formatter,e.v.y,s({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}: ${n}`].filter(Boolean).join(`. `)}),Qi=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})))),$i=v(()=>{let e=/* @__PURE__ */ new Map;return Qi.value.forEach((t,n)=>{e.set(t.id,n)}),e}),ea=v(()=>({headers:yi.value?.colNames??[],rows:yi.value?.a11yBody??[]}));return Ee({getData:Zr,getImage:Ei,generatePdf:Or,generateCsv:vi,generateImage:kr,generateSvg:Wi,hideSeries:_i,showSeries:gi,toggleTable:Si,toggleTooltip:Ci,toggleAnnotator:Ti,toggleFullscreen:xi,copyAlt:Ki}),(e,t)=>(C(),x(`div`,{class:Ge(`vue-data-ui-component vue-ui-scatter ${bi.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||ri()}},[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(Zi.value),1)),ea.value?.rows?.length&&Pn.value?(C(),y(je,{key:1,uid:j.value,head:ea.value.headers,body:ea.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:wi.value,isCursorPointer:lr.value,palette:P.value.annotatorPalette,onClose:Ti},Re({_:2},[T(O(i),t=>({name:t,fn:k(n=>[E(e.$slots,t,Ke(He(O(r)(t,n))),void 0,!0)])}))]),1032,[`svgRef`,`backgroundColor`,`color`,`active`,`isCursorPointer`,`palette`])):b(``,!0),Ar.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(we,{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(Dr),isPrinting:O(Er),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:bi.value,titles:{...P.value.buttonTitles},chartElement:Rn.value,position:P.value.position,hasAnnotator:P.value.buttons.annotator,isAnnotation:wi.value,callbacks:P.value.callbacks,printScale:P.value.print.scale,tableDialog:N.value.table.useDialog,isCursorPointer:lr.value,onToggleFullscreen:xi,onGeneratePdf:O(Or),onGenerateCsv:vi,onGenerateImage:O(Gi),onGenerateSvg:O(Wi),onToggleTable:Si,onToggleTooltip:Ci,onToggleAnnotator:Ti,onCopyAlt:Ki,style:qe({visibility:O(vr)?O(gr)?`visible`:`hidden`:`visible`})},Re({_:2},[T(O(a)(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(o)(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(le),"aria-describedby":`chart-instructions-${j.value}`,class:Ge({"vue-data-ui-fullscreen--on":bi.value,"vue-data-ui-fulscreen--off":!bi.value,"vue-data-ui-no-transition":!O(cr)}),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}`),onMouseleave:ki,tabindex:`0`,onFocus:Ji,onBlur:Yi,onKeydown:Xi},[Be(O(An)),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(Hr.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(Hr.value,(e,t)=>(C(),x(`g`,{class:`vue-ui-scatter-scale-group`,key:`scatter-x-scale-${j.value}-${t}`,opacity:+!Wr.value},[S(`path`,{class:Ge({"vue-data-ui-transition":O(cr)}),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)}),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(Ur.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:+!Gr.value,style:{transition:`opacity 0.1s ease-in-out`},class:`vue-ui-scatter-scale-group`},[(C(!0),x(_,null,T(Ur.value,(e,t)=>(C(),x(`g`,{key:`scatter-y-scale-${j.value}-${t}`},[S(`path`,{class:Ge({"vue-data-ui-transition":O(cr)}),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)}),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(ke,{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(ke,{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=>Di(n),onMouseleave:t[0]||=e=>ki()},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=>Oi(n),onMouseleave:t[1]||=e=>ki()},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($r.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(c)({series:e.plots}),fill:O(p)(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(p)(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)/Xr.value:R.value.significance.show&&Math.abs(n.deviation)>R.value.significance.deviationThreshold?R.value.significance.opacity:1}`),onMouseover:e=>ui(n,t,`pointer`,$i.value.get(n.id)),onMouseleave:e=>di(n,t),onClick:e=>fi(n,t)},null,44,Ht))),128))])):(C(),x(`g`,Ut,[(C(!0),x(_,null,T(e.plots,(n,r)=>(C(),y(Te,{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(p)(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)/Xr.value:R.value.significance.show&&Math.abs(n.deviation)>R.value.significance.deviationThreshold?R.value.significance.opacity:1}`),onMouseover:e=>ui(n,t,`pointer`,$i.value.get(n.id)),onMouseleave:e=>di(n,t),onClick:e=>fi(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(p)(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=>ui(e,t,`pointer`,$i.value.get(e.id)),onMouseleave:n=>di(e,t),onClick:n=>fi(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(Mi.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(Te,{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:ei.value&&ur.value?`pointer`:`default`}),onMousemove:t[2]||=(...e)=>O(Pi)&&O(Pi)(...e),onMouseleave:Fi,onClick:Ii},null,44,qt)],64)):b(``,!0),(C(!0),x(_,null,T(si.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(s)({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(s)({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(ci(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(li(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(s)({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(s)({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(s)({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(s)({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(s)({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:Yr.value,isPrintingImg:O(Er)||O(Dr)||O(Hi),isPrintingSvg:O(Ui)}},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(Er)||O(Dr)||O(Hi)||O(Ui)})),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:Jr.value,isCursorPointer:lr.value,onClickMarker:t[3]||=({legend:e})=>mi(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(Ae,{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:pi},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:bi.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({...ti.value})),void 0,!0)]),tooltip:k(()=>[E(e.$slots,`tooltip`,Ke(He({...ti.value})),void 0,!0)]),"tooltip-after":k(()=>[E(e.$slots,`tooltip-after`,Ke(He({...ti.value})),void 0,!0)]),default:k(()=>[z.value.showShape?(C(),x(`div`,bn,[(C(),x(`svg`,xn,[Be(Te,{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(Li.value.component),Ue({key:9},Li.value.props,{ref_key:`tableUnit`,ref:Yn,onClose:Ri}),Re({content:k(()=>[(C(),y(O(Dn),{key:`table_${Wn.value}`,colNames:yi.value.colNames,head:yi.value.head,body:yi.value.body,config:yi.value.config,title:N.value.table.useDialog?``:Li.value.title,withCloseButton:!N.value.table.useDialog,isCursorPointer:lr.value,onClose:Ri},{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(Li.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=>vi(P.value.callbacks.csv),style:qe({cursor:lr.value?`pointer`:`default`})},[Be(O(Tn),{name:`fileCsv`,stroke:Li.value.props.color},null,8,[`stroke`])],4)]),key:`1`}:void 0]),1040)):b(``,!0),E(e.$slots,`skeleton`,{},()=>[O(pr)?(C(),y(be,{key:0})):b(``,!0)],!0)],46,tt))}},[[`__scopeId`,`data-v-0c3f15e3`]]);export{et as n,wn as t};

package/dist/vue-ui-spark-trend-BVtfEalS.js

@@ -1 +0,0 @@
-import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{$ as t,Jt as n,Mt as r,P as i,X as a,at as ee,b as o,g as te,i as ne,in as re,t as ie,zt as s}from"./lib-CV_IANZ6.js";import{n as ae,t as oe}from"./useHints-BH9r_0Vd.js";import{t as se}from"./useConfig-CKdzPrcf.js";import{n as ce,t as le}from"./BaseScanner-8NdoBs7B.js";import{t as c}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{l as ue,t as de}from"./useResponsive-D2CPcpda.js";import{t as fe}from"./DefGrad-DKMq1REY.js";import{t as pe}from"./resolveChartConfig-DZg-korK.js";import{t as me}from"./usePrefersMotion-XLHwega2.js";import{t as he}from"./useFitSvgText-C1QC4P5G.js";import{t as ge}from"./vue_ui_spark_trend-BOM3zo64.js";import{computed as l,createBlock as _e,createCommentVNode as u,createElementBlock as d,createElementVNode as ve,createVNode as ye,defineAsyncComponent as be,nextTick as xe,normalizeStyle as Se,onMounted as Ce,openBlock as f,ref as p,renderSlot as m,toDisplayString as h,toRefs as we,unref as g,watch as _}from"vue";var Te=/* @__PURE__ */ e({default:()=>v}),Ee=[`id`,`aria-describedby`],De=[`id`],Oe=[`xmlns`,`viewBox`],ke=[`width`,`height`],Ae={key:1},je=[`d`,`fill`],Me=[`d`,`fill`],Ne=[`d`,`stroke`,`stroke-width`,`stroke-linecap`,`stroke-linejoin`],Pe=[`d`,`stroke`,`stroke-width`,`stroke-linecap`,`stroke-linejoin`],Fe=[`d`],Ie=[`fill`,`d`],Le=[`x`,`y`,`width`,`height`],Re=[`x`,`y`,`fill`,`font-size`,`font-weight`],ze=[`stroke`,`cx`,`cy`,`fill`],Be=[`x`,`y`,`font-size`,`fill`,`font-weight`],v=/*#__PURE__*/ c({__name:`vue-ui-spark-trend`,props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},setup(e){let c=be(()=>import(`./PackageVersion-CdkxOy58.js`).then(e=>e.t)),{vue_ui_spark_trend:Te}=se(),v=me(),y=e,b=p(null),Ve=p(null),x=p(null),S=p(null),C=p(null),w=p(!1),T=p(null),E=p(a()),D=p(I()),O=l(()=>D.value.style.dataLabel),k=l(()=>D.value.style.trendLabel),A=l(()=>D.value.style.line),j=l(()=>D.value.style.area),M=l(()=>D.value.style);ae({config:()=>D.value,dataset:()=>y.dataset,component:`VueUiSparkTrend`,rules:[oe.emptyArray,{test:e=>e.length>1095,message:[`👀 The dataset has > 1095 datapoints. Above this threshold, the dataset is computed through an LTTB algorithm, to preserve the shape of the data without increasing the number of datapoints.`,``,`▶️ If you need this level of detail, you can change config.downsample.threshold and set a higher value. Note that performance will be impacted.`]}]});let He=l(()=>re({defaultConfig:{style:{animation:{show:!1},backgroundColor:`#99999930`,line:{stroke:`#6A6A6A`,useColorTrend:!1},dataLabel:{show:!1,useColorTrend:!1,color:`#6A6A6A`}}},userConfig:D.value.skeletonConfig??{}})),{loading:N,FINAL_DATASET:P,manualLoading:F}=ce({...we(y),FINAL_CONFIG:D,prepareConfig:I,skeletonDataset:y.config?.skeletonDataset??[1,2,3,5,8,13,21,34,55,89,144,233],skeletonConfig:re({defaultConfig:D.value,userConfig:He.value})});function I(){return pe(y.config,Te,ge)}let L=l(()=>r({data:P.value,threshold:D.value.downsample.threshold}));_(()=>y.config,e=>{D.value=I(),H.value=M.value.width,U.value=M.value.height,V()},{deep:!0});function R(e){return e.map(e=>o(e))}let z=p(r({data:P.value,threshold:D.value.downsample.threshold}).map(e=>M.value.animation.show&&!v.value||[void 0,1/0,-1/0,null,NaN].includes(e)?null:e));_(L,e=>{T.value&&=(cancelAnimationFrame(T.value),null),M.value.animation.show&&!v.value?z.value=Array(e.length).fill(null):z.value=e.map(e=>![void 0,1/0,-1/0,null].includes(e)&&!Number.isNaN(e)?e:null),B(),xe(()=>$(`.vue-ui-sparktrend-progress-label`,6))},{deep:!0,immediate:!0}),_(()=>JSON.stringify(y.dataset),()=>{T.value&&=(cancelAnimationFrame(T.value),null),F.value=s(y.dataset);let e=L.value;z.value=M.value.animation.show&&!v.value?Array(e.length).fill(null):e.map(e=>Number.isFinite(e)?e:null),B(),xe(()=>$(`.vue-ui-sparktrend-progress-label`,6))},{deep:!1,immediate:!0});function B(){let e=1e3/M.value.animation.animationFrames,t=performance.now();if(!N.value&&M.value.animation.show&&!v.value&&M.value.animation.animationFrames&&P.value.length>1){z.value=[];let n=0;function r(){w.value=!0;let i=performance.now(),a=i-t;a>e?(t=i-a%e,n<L.value.length?(z.value.push(L.value[n]),n+=1,T.value=requestAnimationFrame(r)):(cancelAnimationFrame(T.value),z.value=R(L.value),w.value=!1,$(`.vue-ui-sparktrend-progress-label`,6))):T.value=requestAnimationFrame(r)}r()}}Ce(()=>{V()});let Ue=l(()=>D.value.debug);function V(){if(s(y.dataset)&&(ee({componentName:`VueUiSparkTrend`,type:`dataset`,debug:Ue.value}),F.value=!0),s(y.dataset)||(F.value=!1),D.value.responsive){let e=ue(()=>{let{width:e,height:t}=de({chart:b.value,source:x.value});requestAnimationFrame(()=>{H.value=e,U.value=t})});S.value&&(C.value&&S.value.unobserve(C.value),S.value.disconnect()),S.value=new ResizeObserver(e),C.value=b.value.parentNode,S.value.observe(C.value)}B(),$(`.vue-ui-sparktrend-progress-label`,6)}let H=p(M.value.width),U=p(M.value.height),W=l(()=>({height:U.value,width:H.value})),G=l(()=>({top:M.value.padding.top,left:M.value.padding.left,right:W.value.width-M.value.padding.right,bottom:W.value.height-M.value.padding.bottom,height:W.value.height-(M.value.padding.top+M.value.padding.bottom)-(O.value.show?O.value.fontSize:0),width:W.value.width-(M.value.padding.left+M.value.padding.right)})),K=l(()=>{let e=R(L.value).filter(Number.isFinite);if(!e.length)return{max:0,min:0};let t=e[0],n=e[0];for(let r=1;r<e.length;r++){let i=e[r];i>t&&(t=i),i<n&&(n=i)}return{max:t,min:n}}),We=l(()=>{let e=L.value,t=e.length?e[e.length-1]:`x`;return[E.value,e.length,Number.isFinite(t)?t:`x`,D.value.downsample.threshold,A.value.smooth?`s`:`l`].join(`-`)}),q=l(()=>{let e=K.value.min>=0?0:K.value.min;return Math.abs(e)}),Ge=l(()=>K.value.max+q.value);function Ke(e){return e/Ge.value}let qe=l(()=>L.value.length),J=l(()=>z.value.map((e,t)=>{let n=isNaN(e)||[void 0,null,`NaN`,NaN,1/0,-1/0].includes(e)?0:e||0;return{value:o(e),absoluteValue:o(n),plotValue:o(n+q.value),toMax:Ke(n+q.value),x:G.value.left+o(t*(G.value.width/(qe.value-1)))-M.value.padding.right,y:G.value.bottom-o(G.value.height*Ke(n+q.value))}})),Y=l(()=>{let e=R(L.value);return k.value.trendType===`global`?te(e):k.value.trendType===`n-1`&&e.length>1?(e.at(-1)/e.at(-2)-1)*100:k.value.trendType===`lastToFirst`?(e.at(-1)/e[0]-1)*100:0}),X=l(()=>w.value||Y.value===0?`neutral`:Y.value>0?`positive`:`negative`),Z=l(()=>M.value.arrow.colors[X.value]),Je=l(()=>{let e={x:J.value[0].x,y:W.value.height-6},t={x:J.value[J.value.length-1].x,y:W.value.height-6},n=[];return J.value.forEach(e=>{n.push(`${e.x},${e.y} `)}),[e.x,e.y,...n,t.x,t.y].toString()}),Ye=l(()=>{let e=[];return J.value.forEach(t=>{e.push(`${t.x},${t.y} `)}),`M ${e.toString()}`}),Q=l(()=>U.value/2-k.value.fontSize),Xe=l(()=>G.value.left*.8),{fitText:$}=he({svgRef:Ve,unitWidth:Xe,fontSize:k.value.fontSize}),Ze=l(()=>{if(N.value||w.value)return`Trend chart loading`;let e=J.value?.at(-1),n=e?.value,r=t({p:Y.value>0?`+`:``,v:Y.value,s:`%`,r:k.value.rounding}),i=n==null?`not available`:ne(O.value.formatter,n,t({p:O.value.prefix,v:n,s:O.value.suffix,r:O.value.rounding}),{datapoint:e});return`Progression ${X.value===`positive`?`up ${r}`:X.value===`negative`?`down ${r}`:`stable at ${r}`}. Last value ${i}.`}),Qe=l(()=>`sparktrend-a11y-${E.value}`);return(e,r)=>(f(),d(`div`,{ref_key:`sparkTrendChart`,ref:b,class:`vue-data-ui-component vue-ui-spark-trend`,id:E.value,style:Se(`width:100%;font-family:${M.value.fontFamily};background:${M.value.backgroundColor}`),role:`img`,"aria-describedby":Qe.value},[ve(`p`,{id:Qe.value,class:`sr-only`,"aria-live":`polite`},h(Ze.value),9,De),(f(),d(`svg`,{key:We.value,ref_key:`svgRef`,ref:Ve,xmlns:g(ie),viewBox:`0 0 ${W.value.width} ${W.value.height}`,style:`width:100%;background:transparent;overflow:visible`,"aria-hidden":`true`},[ye(g(c)),e.$slots[`chart-background`]?(f(),d(`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`}},[m(e.$slots,`chart-background`,{},void 0,!0)],8,ke)):u(``,!0),ve(`defs`,null,[ye(fe,{t:`linear`,x1:`0%`,y1:`0%`,x2:`0%`,y2:`100%`,id:`pill_gradient_${E.value}`,stops:[[`0%`,g(n)(A.value.useColorTrend?Z.value:A.value.stroke,j.value.opacity),1],[`100%`,M.value.backgroundColor,1]]},null,8,[`id`,`stops`])]),j.value.show&&J.value[0]?(f(),d(`g`,Ae,[A.value.smooth?(f(),d(`path`,{key:0,d:`M ${J.value[0].x},${G.value.bottom} ${g(i)(J.value)} L ${J.value.at(-1).x},${G.value.bottom} Z`,fill:j.value.useGradient?`url(#pill_gradient_${E.value})`:g(n)(A.value.useColorTrend?Z.value:A.value.stroke,j.value.opacity),stroke:`none`},null,8,je)):(f(),d(`path`,{key:1,d:`M${Je.value}Z`,fill:j.value.useGradient?`url(#pill_gradient_${E.value})`:g(n)(A.value.useColorTrend?Z.value:A.value.stroke,j.value.opacity),stroke:`none`},null,8,Me))])):u(``,!0),A.value.smooth&&J.value.length?(f(),d(`path`,{key:2,d:`M ${g(i)(J.value)}`,stroke:A.value.useColorTrend?Z.value:A.value.stroke,fill:`none`,"stroke-width":A.value.strokeWidth,"stroke-linecap":A.value.strokeLinecap,"stroke-linejoin":A.value.strokeLinejoin},null,8,Ne)):u(``,!0),!A.value.smooth&&J.value.length?(f(),d(`path`,{key:3,d:Ye.value,stroke:A.value.useColorTrend?Z.value:A.value.stroke,fill:`none`,"stroke-width":A.value.strokeWidth,"stroke-linecap":A.value.strokeLinecap,"stroke-linejoin":A.value.strokeLinejoin},null,8,Pe)):u(``,!0),g(N)?(f(),d(`path`,{key:4,fill:`#6A6A6A`,d:`M ${G.value.left/2+6}, ${Q.value+7} ${G.value.left/2-7}, ${Q.value} ${G.value.left/2-7}, ${Q.value+14} Z`},null,8,Fe)):(f(),d(`path`,{key:5,fill:Z.value,d:X.value===`positive`?`M ${G.value.left/2}, ${Q.value} ${G.value.left/2-7}, ${Q.value+12} ${G.value.left/2+7}, ${Q.value+12} Z`:X.value===`negative`?`M ${G.value.left/2}, ${Q.value+12} ${G.value.left/2-7}, ${Q.value} ${G.value.left/2+7}, ${Q.value} Z`:`M ${G.value.left/2+6}, ${Q.value+7} ${G.value.left/2-7}, ${Q.value} ${G.value.left/2-7}, ${Q.value+14} Z`},null,8,Ie)),g(N)?(f(),d(`rect`,{key:6,x:G.value.left/2-k.value.fontSize-2,y:U.value/2+k.value.fontSize-2,width:k.value.fontSize*2,height:k.value.fontSize,fill:`#6A6A6A80`,rx:`3`},null,8,Le)):u(``,!0),!w.value&&!g(N)?(f(),d(`text`,{key:7,class:`vue-ui-sparktrend-progress-label`,x:G.value.left/2,y:U.value/2+k.value.fontSize*2,"text-anchor":`middle`,fill:k.value.useColorTrend?Z.value:k.value.color,"font-size":k.value.fontSize,"font-weight":k.value.bold?`bold`:`normal`},h(g(t)({p:Y.value>0?`+`:``,v:Y.value,s:`%`,r:k.value.rounding})),9,Re)):u(``,!0),J.value.length&&J.value.at(-1).x!==void 0?(f(),d(`circle`,{key:8,stroke:M.value.backgroundColor,"stroke-width":2,cx:J.value.at(-1).x,cy:J.value.at(-1).y,r:4,fill:g(N)?`#6A6A6A`:Z.value},null,8,ze)):u(``,!0),J.value.length&&J.value.at(-1).x!==void 0&&O.value.show?(f(),d(`text`,{key:9,"text-anchor":`middle`,x:J.value.at(-1).x,y:J.value.at(-1).y-O.value.fontSize/1.5,"font-size":O.value.fontSize,fill:O.value.useColorTrend?Z.value:O.value.color,"font-weight":O.value.bold?`bold`:`normal`},h(g(ne)(O.value.formatter,J.value.at(-1).value,g(t)({p:O.value.prefix,v:J.value.at(-1).value,s:O.value.suffix,r:O.value.rounding}),{datapoint:J.value.at(-1)})),9,Be)):u(``,!0)],8,Oe)),e.$slots.source?(f(),d(`div`,{key:0,ref_key:`source`,ref:x,dir:`auto`},[m(e.$slots,`source`,{},void 0,!0)],512)):u(``,!0),m(e.$slots,`skeleton`,{},()=>[g(N)?(f(),_e(le,{key:0})):u(``,!0)],!0)],12,Ee))}},[[`__scopeId`,`data-v-814f1b0f`]]);export{Te as n,v as t};

package/dist/vue-ui-sparkbar-CdsLI7Ke.js

@@ -1 +0,0 @@
-import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{$ as t,Ht as n,Jt as r,S as i,X as ee,Yt as a,at as o,i as s,in as c,t as te,w as ne,yt as re,zt as ie}from"./lib-CV_IANZ6.js";import{n as ae,t as oe}from"./useHints-BH9r_0Vd.js";import{t as se}from"./useConfig-CKdzPrcf.js";import{n as ce,t as le}from"./BaseScanner-8NdoBs7B.js";import{t as ue}from"./DefGrad-DKMq1REY.js";import{n as de}from"./resolveChartConfig-DZg-korK.js";import{t as l}from"./usePrefersMotion-XLHwega2.js";import{t as u}from"./vue_ui_sparkbar-Bpx7QrFq.js";import{Fragment as d,computed as f,createBlock as fe,createCommentVNode as p,createElementBlock as m,createElementVNode as h,createVNode as g,defineAsyncComponent as pe,guardReactiveProps as me,mergeProps as he,nextTick as ge,normalizeProps as _e,normalizeStyle as _,onMounted as v,openBlock as y,ref as b,renderList as ve,renderSlot as x,toDisplayString as S,toRefs as ye,unref as C,useSlots as w,watch as T}from"vue";var E=/* @__PURE__ */ e({default:()=>P}),D=[`onClick`,`onMouseenter`,`onMouseleave`],O={key:1,class:`vue-ui-sparkbar-datapoint-value`},k=[`xmlns`,`viewBox`],A=[`height`,`width`,`fill`,`rx`],j=[`height`,`width`,`fill`,`rx`],M=[`height`,`width`,`fill`,`rx`],N={key:2,ref:`source`,dir:`auto`},P={__name:`vue-ui-sparkbar`,props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}},backgroundOpacity:{type:Number,default:null}},emits:[`selectDatapoint`],setup(e,{emit:E}){let P=pe(()=>import(`./PackageVersion-CdkxOy58.js`).then(e=>e.t)),{vue_ui_sparkbar:be}=se(),F=l(),I=e,xe=w(),L=b(ee()),R=b(G()),z=f(()=>R.value.style.bar),B=f(()=>R.value.style.labels),V=f(()=>R.value.style),H=f(()=>R.value.debug);v(()=>{xe[`chart-background`]&&H.value&&console.warn(`VueUiSparkbar does not support the #chart-background slot.`)}),ae({config:()=>R.value,dataset:()=>I.dataset,component:`VueUiSparkbar`,rules:[oe.noHint]});let Se=f(()=>c({defaultConfig:{style:{backgroundColor:`#99999930`,animation:{show:!1},layout:{independant:!0},gutter:{backgroundColor:`#6A6A6A`,opacity:50},bar:{gradient:{underlayerColor:`#6A6A6A`}}}},userConfig:R.value.skeletonConfig??{}})),{loading:U,FINAL_DATASET:W,manualLoading:Ce}=ce({...ye(I),FINAL_CONFIG:R,prepareConfig:G,skeletonDataset:I.config?.skeletonDataset??[{name:`_`,value:21,target:25,color:`#808080`},{name:`_`,value:13,target:25,color:`#ADADAD`},{name:`_`,value:8,target:25,color:`#DBDBDB`}],skeletonConfig:c({defaultConfig:R.value,userConfig:Se.value})});function G(){return de(I.config,be,u)}T(()=>I.config,e=>{R.value=G()},{deep:!0});let we=f(()=>ne(R.value.customPalette)),K=b(W.value.map(e=>({...e,value:V.value.animation.show?0:e.value||0,formatter:e.formatter||null}))),q=b(null);v(async()=>{ie(I.dataset)&&o({componentName:`VueUiSparkbar`,type:`dataset`,debug:H.value}),J()});function J(){if(V.value.animation.show&&!F.value){let e=V.value.animation.animationFrames,t=W.value.map((t,n)=>t.value/e),n=W.value.map(e=>e.value||0).reduce((e,t)=>e+t,0),r=0;function i(){r+=n/e,r<n?(K.value=K.value.map((e,n)=>({...e,value:e.value+=t[n]})),q.value=requestAnimationFrame(i)):K.value=W.value.map(e=>({...e,value:e.value||0,formatter:e.formatter||null}))}i()}}T(()=>W.value,async e=>{cancelAnimationFrame(q.value),K.value=W.value.map(e=>({...e,value:V.value.animation.show&&!F.value?0:e.value||0,formatter:e.formatter||null})),ge(J)},{deep:!0});let Y=b({width:500,height:16}),Te=f(()=>Math.max(...W.value.map(e=>e.value))),Ee=f(()=>(H.value&&W.value.forEach((e,t)=>{re({datasetObject:e,requiredAttributes:[`name`,`value`]}).forEach(e=>{o({componentName:`VueUiSparkbar`,type:`datasetSerieAttribute`,property:e,index:t})})}),K.value.map((e,t)=>({...e,value:e.value||0,color:i(e.color)||we.value[t]||n[t]||n[t%n.length]}))));function X(e){return e/Te.value}function Z(e){return V.value.layout.independant?e.target?e.value/e.target:V.value.layout.percentage?e.value>100?1:e.value/100:V.value.layout.target===0?1:e.value/V.value.layout.target:X(e.value)}function Q(e){return V.value.layout.independant&&e.target||V.value.layout.target}let De=E;function Oe(e,t){De(`selectDatapoint`,{datapoint:e,index:t}),R.value.events.datapointClick&&R.value.events.datapointClick({datapoint:e,seriesIndex:t})}function ke(e,t){R.value.events.datapointEnter&&R.value.events.datapointEnter({datapoint:e,seriesIndex:t})}function Ae(e,t){R.value.events.datapointLeave&&R.value.events.datapointLeave({datapoint:e,seriesIndex:t})}let $=f(()=>z.value.borderRadius==null?Y.value.height/2:Math.min(Y.value.height/2,z.value.borderRadius));return(e,n)=>(y(),m(`div`,{class:`vue-data-ui-component vue-ui-sparkbar`,style:_({width:`100%`,position:`relative`,fontFamily:V.value.fontFamily,background:I.backgroundOpacity===null?V.value.backgroundColor:C(r)(V.value.backgroundColor,I.backgroundOpacity)})},[e.$slots.title?x(e.$slots,`title`,_e(me({title:{...e.title,title:V.value.title.text,subtitle:V.value.title.subtitle.text}})),void 0,void 0,0):p(``,!0),!e.$slots.title&&V.value.title.text?(y(),m(`div`,{key:1,class:`vue-ui-sparkbar-title-container`,style:_({background:V.value.title.backgroundColor,margin:V.value.title.margin,textAlign:V.value.title.textAlign})},[h(`div`,{class:`vue-ui-sparkbar-title`,style:_({fontSize:V.value.title.fontSize+`px`,color:V.value.title.color,fontWeight:V.value.title.bold?`bold`:`normal`})},S(V.value.title.text),5),V.value.title.subtitle.text?(y(),m(`div`,{key:0,class:`vue-ui-sparkbar-subtitle`,style:_({fontSize:V.value.title.subtitle.fontSize+`px`,color:V.value.title.subtitle.color,fontWeight:V.value.title.subtitle.bold?`bold`:`normal`})},S(V.value.title.subtitle.text),5)):p(``,!0)],4)):p(``,!0),(y(!0),m(d,null,ve(Ee.value,(n,i)=>(y(),m(`div`,{style:_(`display:flex !important;${[`left`,`right`].includes(B.value.name.position)?`flex-direction: ${B.value.name.position===`right`?`row-reverse`:`row`} !important`:`flex-direction:column !important`};gap:${V.value.gap}px !important;align-items:center;${C(W).length>0&&i!==C(W).length-1?`margin-bottom:6px`:``}`),onClick:e=>Oe(n,i),onMouseenter:e=>ke(n,i),onMouseleave:e=>Ae(n,i)},[C(U)?p(``,!0):x(e.$slots,`data-label`,he({ref_for:!0},{bar:{...n,target:Q(n),valueLabel:C(s)(n.formatter,n.value,C(t)({p:n.prefix||``,v:n.value,s:n.suffix||``,r:n.rounding||0}),{datapoint:n,seriesIndex:i}),targetLabel:C(s)(n.formatter,Q(n),C(t)({p:n.prefix||``,v:Q(n),s:n.suffix||``,r:n.rounding||0}),{datapoint:n,seriesIndex:i})}}),void 0,void 0,0),!e.$slots[`data-label`]||C(U)?(y(),m(`div`,{key:1,style:_({display:`flex`,justifyContent:[`right`,`top-right`].includes(B.value.name.position)?`flex-end`:[`top-center`].includes(B.value.name.position)?`center`:`flex-start`,alignItems:`center`,width:B.value.name.width,color:B.value.name.color,fontSize:B.value.fontSize+`px`,fontWeight:B.value.name.bold?`bold`:`normal`,flexWrap:`wrap`})},[C(U)?(y(),m(`div`,{key:0,class:`vue-ui-sparkbar-skeleton-name`,style:_({width:`60px`,height:B.value.fontSize+`px`,borderRadius:B.value.fontSize/4+`px`,display:`flex`,alignItems:`center`,justifyContent:`space-between`,marginTop:`5px`})},[h(`div`,{style:_({height:`100%`,width:`40px`,borderRadius:B.value.fontSize/4+`px`,backgroundColor:`#6A6A6A80`})},null,4),h(`div`,{style:_({height:`100%`,width:`15px`,borderRadius:B.value.fontSize/4+`px`,backgroundColor:`#6A6A6A80`})},null,4)],4)):(y(),m(d,{key:1},[h(`span`,null,S(n.name),1),B.value.value.show?(y(),m(`span`,{key:0,style:_(`font-weight:${B.value.value.bold?`bold`:`normal`}`),class:`vue-ui-sparkbar-datapoint-name`},`: `+S(C(s)(n.formatter,n.value,C(t)({p:n.prefix||``,v:n.value,s:n.suffix||``,r:n.rounding||0}),{datapoint:n,seriesIndex:i})),5)):p(``,!0),V.value.layout.showTargetValue?(y(),m(`span`,O,S(` `+V.value.layout.targetValueText)+` `+S(C(s)(n.formatter,Q(n),C(t)({p:n.prefix||``,v:Q(n),s:n.suffix||``,r:n.rounding||0}),{datapoint:n,seriesIndex:i})),1)):p(``,!0)],64))],4)):p(``,!0),(y(),m(`svg`,{role:`img`,xmlns:C(te),viewBox:`0 0 ${Y.value.width} ${Y.value.height}`,width:`100%`},[g(C(P)),h(`defs`,null,[g(ue,{t:`linear`,x1:`0%`,y1:`0%`,x2:`100%`,y2:`0%`,id:`sparkbar_gradient_${i}_${L.value}`,stops:[[`0%`,C(r)(C(a)(n.color,.03),100-z.value.gradient.intensity),1],[`100%`,n.color,1]]},null,8,[`id`,`stops`])]),h(`rect`,{height:Y.value.height,width:Y.value.width,x:0,y:0,fill:C(r)(V.value.gutter.backgroundColor,V.value.gutter.opacity),rx:$.value},null,8,A),h(`rect`,{height:Y.value.height,width:Y.value.width*Z(n),x:0,y:0,fill:z.value.gradient.underlayerColor,rx:$.value},null,8,j),h(`rect`,{height:Y.value.height,width:Y.value.width*Z(n),x:0,y:0,fill:z.value.gradient.show?`url(#sparkbar_gradient_${i}_${L.value})`:n.color,rx:$.value},null,8,M)],8,k))],44,D))),256)),e.$slots.source?(y(),m(`div`,N,[x(e.$slots,`source`)],512)):p(``,!0),C(U)?(y(),fe(le,{key:3})):p(``,!0)],4))}};export{E as n,P as t};

package/dist/vue-ui-sparkgauge-wmj5Wnnp.js

@@ -1 +0,0 @@
-import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{$ as t,Tt as n,X as ee,at as r,b as i,i as te,in as a,t as o,yt as ne,zt as s}from"./lib-CV_IANZ6.js";import{n as re,t as ie}from"./useHints-BH9r_0Vd.js";import{t as ae}from"./useConfig-CKdzPrcf.js";import{n as c,t as l}from"./BaseScanner-8NdoBs7B.js";import{t as u}from"./DefGrad-DKMq1REY.js";import{t as d}from"./resolveChartConfig-DZg-korK.js";import{t as f}from"./useChartAccessibility-DOMuYJfm.js";import{t as oe}from"./usePrefersMotion-XLHwega2.js";import{t as se}from"./vue_ui_sparkgauge-D2Hk6bvS.js";import{computed as p,createBlock as ce,createCommentVNode as m,createElementBlock as h,createElementVNode as g,createVNode as _,defineAsyncComponent as le,normalizeClass as v,normalizeStyle as y,onBeforeUnmount as ue,onMounted as b,openBlock as x,ref as S,renderSlot as C,toDisplayString as w,toRefs as de,unref as T,watch as E}from"vue";var D=/* @__PURE__ */ e({default:()=>j}),fe=[`xmlns`,`viewBox`],pe=[`width`,`height`],me=[`d`,`stroke`,`stroke-linecap`],he=[`d`,`stroke`,`stroke-linecap`,`stroke-dashoffset`],O=[`x`,`y`,`width`,`height`],k=[`x`,`y`,`font-size`,`fill`,`font-weight`],A={key:2,ref:`source`,dir:`auto`},j={__name:`vue-ui-sparkgauge`,props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},setup(e){let D=le(()=>import(`./PackageVersion-CdkxOy58.js`).then(e=>e.t)),{vue_ui_sparkgauge:j}=ae(),M=oe(),N=S(null),P=e,F=S(ee()),I=S(W()),L=p(()=>I.value.style.dataLabel),R=p(()=>I.value.style);re({config:()=>I.value,dataset:()=>P.dataset,component:`VueUiSparkgauge`,rules:[ie.noHint]});let z=p(()=>R.value.animation.show&&!M.value),ge=p(()=>a({defaultConfig:{style:{animation:{show:!1},background:`#99999930`,colors:{min:`#CACACA`,max:`#6A6A6A`},track:{autoColor:!0},gutter:{color:`#6A6A6A80`}}},userConfig:I.value.skeletonConfig??{}})),{loading:B,FINAL_DATASET:V}=c({...de(P),FINAL_CONFIG:I,prepareConfig:W,skeletonDataset:P.config?.skeletonDataset??{value:0,min:-1,max:1,title:``},skeletonConfig:a({defaultConfig:I.value,userConfig:ge.value})}),H=p(()=>{let e=V.value.min??0,t=V.value.max??0;return{min:e,max:t,diff:t-e}}),U=p(()=>H.value.diff/R.value.animation.speedMs),{svgRef:_e}=f({config:{text:P.dataset?.title||``}});function W(){return d(P.config,j,se)}b(()=>{K()});let G=p(()=>I.value.debug);function K(){s(P.dataset)?r({componentName:`VueUiSparkgauge`,type:`dataset`,debug:G.value}):ne({datasetObject:P.dataset,requiredAttributes:[`value`,`min`,`max`]}).forEach(e=>{r({componentName:`VueUiSparkgauge`,type:`datasetAttribute`,property:e,debug:G.value})})}E(()=>P.config,()=>{I.value=W(),J.value=z.value?H.value.min:V.value.value,K()},{deep:!0});let q=p(()=>({height:R.value.height,width:128,base:R.value.basePosition})),J=S(z.value?H.value.min:V.value.value);E([()=>V.value.value,z],([e,t])=>{Y(e||0,t)},{immediate:!0});let ve=p(()=>J.value>H.value.max?H.value.max:J.value<H.value.min?H.value.min:J.value);b(()=>{Y(V.value.value||0)});function Y(e,t=z.value){if(N.value&&=(cancelAnimationFrame(N.value),null),!t){J.value=e;return}function n(){J.value<e?J.value=Math.min(J.value+U.value,e):J.value>e&&(J.value=Math.max(J.value-U.value,e)),J.value===e?N.value=null:N.value=requestAnimationFrame(n)}n()}let X=p(()=>V.value.title??``),Z=p(()=>{let e=H.value.diff;if(!isFinite(e)||e===0)return 0;let t=H.value.min,n=ve.value;return n>=0?(n-t)/e:(Math.abs(t)-Math.abs(n))/e}),Q=p(()=>n(R.value.colors.min,R.value.colors.max,H.value.min,H.value.max,J.value)),$=p(()=>L.value.autoColor?Q.value:L.value.color),ye=p(()=>R.value.track.autoColor?Q.value:R.value.track.color);return ue(()=>{N.value&&cancelAnimationFrame(N.value)}),(e,n)=>(x(),h(`div`,{class:`vue-data-ui-component vue-ui-sparkgauge`,style:y(`font-family:${R.value.fontFamily};width: 100%; background:${R.value.background}`)},[R.value.title.show&&X.value&&R.value.title.position===`top`?(x(),h(`div`,{key:0,class:`vue-data-ui-sparkgauge-label`,style:y(`font-size:${R.value.title.fontSize}px;text-align:${R.value.title.textAlign};font-weight:${R.value.title.bold?`bold`:`normal`};color:${R.value.title.color}`)},w(X.value),5)):m(``,!0),(x(),h(`svg`,{ref_key:`svgRef`,ref:_e,xmlns:T(o),viewBox:`0 0 ${q.value.width} ${q.value.height}`,style:`overflow: visible; background:transparent; width:100%;`},[_(T(D)),e.$slots[`chart-background`]&&!T(B)?(x(),h(`foreignObject`,{key:0,x:0,y:0,width:q.value.width,height:q.value.height,style:{pointerEvents:`none`}},[C(e.$slots,`chart-background`)],8,pe)):m(``,!0),g(`defs`,null,[_(u,{t:`linear`,id:`gradient_${F.value}`,x1:`-10%`,y1:`100%`,x2:`110%`,y2:`100%`,stops:[[`0%`,R.value.colors.min,1],[`100%`,R.value.colors.max,1]]},null,8,[`id`,`stops`])]),g(`path`,{d:`M10 ${q.value.base} A 1 1 0 1 1 118 ${q.value.base}`,stroke:R.value.gutter.color,"stroke-width":8,"stroke-linecap":R.value.gutter.strokeLinecap,fill:`none`},null,8,me),Z.value===0?m(``,!0):(x(),h(`path`,{key:1,d:`M10 ${q.value.base} A 1 1 0 1 1 118 ${q.value.base}`,stroke:R.value.colors.showGradient?`url(#gradient_${F.value})`:ye.value,"stroke-width":8,"stroke-linecap":R.value.track.strokeLinecap,fill:`none`,"stroke-dasharray":169.5,"stroke-dashoffset":169.5-169.5*Z.value,class:v({"vue-ui-sparkgauge-track":R.value.animation.show}),style:y(R.value.animation.show?`animation: vue-ui-sparkgauge-animation ${R.value.animation.speedMs}ms ease-in;`:``)},null,14,he)),T(B)?(x(),h(`rect`,{key:2,x:q.value.width/2-L.value.fontSize/2,y:q.value.base+6+L.value.offsetY-L.value.fontSize,width:L.value.fontSize,height:L.value.fontSize,fill:`#6A6A6A50`,rx:3},null,8,O)):(x(),h(`text`,{key:3,"text-anchor":`middle`,x:q.value.width/2,y:q.value.base+6+L.value.offsetY,"font-size":L.value.fontSize,fill:$.value,"font-weight":L.value.bold?`bold`:`normal`},w(T(te)(L.value.formatter,T(i)(J.value),T(t)({p:L.value.prefix,v:T(i)(J.value),s:L.value.suffix,r:L.value.rounding}),{datapoint:T(i)(J.value),color:$.value})),9,k))],8,fe)),R.value.title.show&&X.value&&R.value.title.position===`bottom`?(x(),h(`div`,{key:1,class:`vue-data-ui-sparkgauge-label`,style:y(`font-size:${R.value.title.fontSize}px;text-align:${R.value.title.textAlign};font-weight:${R.value.title.bold?`bold`:`normal`};font-weight:${R.value.title.bold?`bold`:`normal`};color:${R.value.title.color}`)},w(X.value),5)):m(``,!0),e.$slots.source?(x(),h(`div`,A,[C(e.$slots,`source`)],512)):m(``,!0),C(e.$slots,`skeleton`,{},()=>[T(B)?(x(),ce(l,{key:0})):m(``,!0)])],4))}};export{D as n,j as t};

package/dist/vue-ui-sparkhistogram-D8S_P_P4.js

@@ -1 +0,0 @@
-import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{$ as t,Jt as n,X as r,Yt as i,at as a,i as o,in as s,t as c,yt as l,zt as ee}from"./lib-CV_IANZ6.js";import{n as u,t as d}from"./useHints-BH9r_0Vd.js";import{t as te}from"./useConfig-CKdzPrcf.js";import{n as ne,t as re}from"./BaseScanner-8NdoBs7B.js";import{t as ie}from"./Shape-Bp9YNtPc.js";import{t as ae}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{l as oe,t as se}from"./useResponsive-D2CPcpda.js";import{t as f}from"./DefGrad-DKMq1REY.js";import{t as ce}from"./A11yDataTable-DWNlWXzs.js";import{t as le}from"./resolveChartConfig-DZg-korK.js";import{t as ue}from"./useChartAccessibility-DOMuYJfm.js";import{t as de}from"./useFitSvgText-C1QC4P5G.js";import{t as fe}from"./vue_ui_sparkhistogram-ChwOkoMb.js";import{Fragment as p,computed as m,createBlock as h,createCommentVNode as g,createElementBlock as _,createElementVNode as v,createTextVNode as pe,createVNode as me,defineAsyncComponent as he,guardReactiveProps as ge,nextTick as _e,normalizeClass as ve,normalizeProps as ye,normalizeStyle as y,onMounted as be,openBlock as b,ref as x,renderList as S,renderSlot as C,toDisplayString as w,toRefs as xe,unref as T,useCssVars as Se,watch as E}from"vue";var D=/* @__PURE__ */ e({default:()=>O}),Ce=[`id`],we={key:0},Te={key:1},Ee={style:{position:`relative`}},De=[`xmlns`,`viewBox`,`aria-describedby`],Oe=[`width`,`height`],ke=[`height`,`width`,`fill`,`x`,`stroke`,`stroke-width`,`rx`,`stroke-dasharray`],Ae={key:1},je=[`x`,`y`,`height`,`width`,`fill`,`stroke`,`stroke-width`,`rx`],Me={key:2},Ne=[`x`,`y`,`font-size`,`font-weight`,`fill`],Pe=[`x`,`y`,`font-size`,`fill`],Fe=[`x`,`y`,`font-size`,`fill`],Ie=[`height`,`width`,`x`,`onMouseover`,`onMouseleave`,`onClick`],Le={key:0,style:{position:`absolute`,top:`100%`,left:`0`,width:`100%`},"data-dom-to-png-ignore":``,"aria-hidden":`true`},O=/*#__PURE__*/ ae({__name:`vue-ui-sparkhistogram`,props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:[`selectDatapoint`],setup(e,{emit:ae}){Se(e=>({v57deebda:Xe.value}));let D=he(()=>import(`./PackageVersion-CdkxOy58.js`).then(e=>e.t)),{vue_ui_sparkhistogram:O}=te(),k=e,A=x(r()),j=x(null),M=x(null),N=x(null),P=x(null),F=x(null),I=x(!1),L=x(null),R=x(`pointer`),z=x(q()),B=m(()=>z.value.style.labels),V=m(()=>z.value.style.bars),H=m(()=>z.value.style);u({config:()=>z.value,dataset:()=>k.dataset,component:`VueUiSparkHistogram`,rules:[d.singleSeries,{test:e=>e.length>31,message:[`👀 The number of datapoints is > 31. For a more readable chart, consider:`,``,`▶️ Using VueUiXy with a line series`]}]});let Re=m(()=>s({defaultConfig:{style:{animation:{show:!1},backgroundColor:`#99999930`}},userConfig:z.value.skeletonConfig??{}})),{loading:ze,FINAL_DATASET:U,manualLoading:Be}=ne({...xe(k),FINAL_CONFIG:z,prepareConfig:q,skeletonDataset:k.config?.skeletonDataset??[{value:1,intensity:.2,color:`#CACACA`},{value:2,intensity:.3,color:`#CACACA`},{value:3,intensity:.5,color:`#CACACA`},{value:5,intensity:.7,color:`#CACACA`},{value:8,intensity:.9,color:`#CACACA`},{value:13,intensity:.95,color:`#CACACA`},{value:21,intensity:1,color:`#CACACA`},{value:13,intensity:.95,color:`#CACACA`},{value:8,intensity:.9,color:`#CACACA`},{value:5,intensity:.7,color:`#CACACA`},{value:3,intensity:.5,color:`#CACACA`},{value:2,intensity:.3,color:`#CACACA`},{value:1,intensity:.2,color:`#CACACA`}],skeletonConfig:s({defaultConfig:z.value,userConfig:Re.value})}),W=x(H.value.layout.width),G=x(H.value.layout.height),{svgRef:K}=ue({config:H.value.title});function q(){return le(k.config,O,fe)}be(()=>{He()});let Ve=m(()=>z.value.debug);function He(){if(ee(k.dataset)?a({componentName:`VueUiSparkHistogram`,type:`dataset`,debug:Ve.value}):Ve.value&&k.dataset.forEach((e,t)=>{l({datasetObject:e,requiredAttributes:[`value`]}).forEach(e=>{a({componentName:`VueUiSparkHistogram`,type:`datasetSerieAttribute`,property:e,index:t})})}),z.value.responsive){let e=oe(()=>{let{width:e,height:t}=se({chart:N.value,title:H.value.title.text?M.value:null,source:j.value}),n=B.value.timeLabel.show?B.value.timeLabel.fontSize*2:0,r=B.value.valueLabel.show?B.value.valueLabel.fontSize*2:0;requestAnimationFrame(()=>{W.value=Math.max(10,e),G.value=Math.max(10,t-12-n-r)})});P.value&&(F.value&&P.value.unobserve(F.value),P.value.disconnect()),P.value=new ResizeObserver(e),F.value=N.value.parentNode,P.value.observe(F.value)}}E(()=>k.config,e=>{z.value=q(),He()},{deep:!0});let J=m(()=>{let e=B.value.timeLabel.show?B.value.timeLabel.fontSize*2:0,t=B.value.valueLabel.show?B.value.valueLabel.fontSize*2:0,n=G.value+e+t,r=W.value,i=H.value.layout.padding.top,a=n-H.value.layout.padding.bottom,o=H.value.layout.padding.left,s=r-H.value.layout.padding.right;return{bottom:a,centerY:i+(n-i-H.value.layout.padding.bottom)/2,drawingHeight:n-H.value.layout.padding.top-H.value.layout.padding.bottom-e-t,drawingWidth:r-H.value.layout.padding.left-H.value.layout.padding.right,height:n,left:o,right:s,top:i,width:r}}),Ue=m(()=>Math.max(...U.value.map(e=>Math.abs(e.value||0))));function We(e){return Math.abs(e)/Ue.value}let Y=m(()=>U.value.map((e,t)=>{let r=We(e.value||0),i=J.value.drawingHeight*r,a=J.value.drawingWidth/U.value.length,o=a*(V.value.gap/100),s=a-o,c=J.value.centerY-i/2,l=J.value.left+(o/2+t*a),ee=J.value.left+t*a,u=e.intensity===void 0?100:Math.round(e.intensity*100),d=e.color?e.color:e.value>=0?n(V.value.colors.positive,u):n(V.value.colors.negative,u),te=e.color?e.color:e.value>=0?V.value.colors.positive:V.value.colors.negative,ne=e.color?`url(#gradient_datapoint_${t}_${A.value})`:e.value>=0?`url(#gradient_positive_${t}_${A.value})`:`url(#gradient_negative_${t}_${A.value})`,re=l+s/2;return{...e,color:d,gradient:ne,height:i,intensity:u,proportion:r,stroke:te,textAnchor:re,trapX:ee,unitWidth:a,width:s,x:l,y:c}}));function Ge(e,n){return o(B.value.value.formatter,e.value,t({p:B.value.value.prefix,v:e.value,s:B.value.value.suffix,r:B.value.value.rounding}),{datapoint:e,seriesIndex:n})}let X=x(null),Ke=ae;function Z(e,t){Ke(`selectDatapoint`,{datapoint:e,index:t}),z.value.events.datapointClick&&z.value.events.datapointClick({datapoint:e,seriesIndex:t})}function qe(e,t){R.value=`pointer`,L.value=t,X.value=t,z.value.events.datapointEnter&&z.value.events.datapointEnter({datapoint:e,seriesIndex:t})}function Je(e,t){R.value!==`keyboard`&&(X.value=null,L.value=null,z.value.events.datapointLeave&&z.value.events.datapointLeave({datapoint:e,seriesIndex:t}))}function Ye(){R.value!==`keyboard`&&(X.value=null,L.value=null)}let Xe=m(()=>`${H.value.animation.speedMs}ms`),Ze=m(()=>J.value.drawingWidth/U.value.length*.9),{fitText:Q}=de({svgRef:K,unitWidth:Ze});be(async()=>{await _e(),Q(`.vue-ui-sparkhistogram-top-label`,B.value.value.minFontSize),Q(`.vue-ui-sparkhistogram-bottom-label`,B.value.valueLabel.minFontSize),Q(`.vue-ui-sparkhistogram-time-label`,B.value.timeLabel.minFontSize)}),E([W,G,()=>U.value],async()=>{await _e(),Q(`.vue-ui-sparkhistogram-top-label`,B.value.value.minFontSize),Q(`.vue-ui-sparkhistogram-bottom-label`,B.value.valueLabel.minFontSize),Q(`.vue-ui-sparkhistogram-time-label`,B.value.timeLabel.minFontSize)});function Qe(){I.value=!0}function $e(){I.value=!1,L.value=null,R.value=`pointer`,X.value=null}function et(e){if(!K.value||document.activeElement!==K.value||!Y.value.length)return;let t=e.key===`ArrowLeft`,n=e.key===`ArrowRight`,r=e.key===`Enter`||e.key===` `,i=e.key===`Escape`;if(!t&&!n&&!r&&!i)return;if(e.preventDefault(),e.stopPropagation(),i){L.value=null,X.value=null,R.value=`pointer`;return}if(r){if(X.value===null)return;let e=Y.value[X.value];if(!e)return;Z(e,X.value);return}R.value=`keyboard`;let a=L.value;a===null||a<0||a>=Y.value.length?a=n?0:Y.value.length-1:n?(a+=1,a>=Y.value.length&&(a=0)):t&&(--a,a<0&&(a=Y.value.length-1)),L.value=a,X.value=a;let o=Y.value[a];z.value.events.datapointEnter&&z.value.events.datapointEnter({datapoint:o,seriesIndex:a})}let $=m(()=>({headers:[z.value.a11y?.translations?.series??`Series`,z.value.a11y?.translations?.time??`Time`,z.value.a11y?.translations?.value??`Value`,z.value.a11y?.translations?.valueLabel??`Label`],rows:Y.value.map((e,t)=>[t+1,e.timeLabel??``,e.value??``,e.valueLabel??``])}));return(e,r)=>(b(),_(`div`,{class:`vue-data-ui-component vue-ui-spark-histogram`,ref_key:`histogramChart`,ref:N,style:y(`width:100%;background:${H.value.backgroundColor};font-family:${H.value.fontFamily}`),onMouseleave:Ye},[v(`div`,{id:`chart-instructions-${A.value}`,class:`sr-only`},[v(`p`,null,w(z.value.a11y.translations.keyboardNavigation),1)],8,Ce),$.value?.rows?.length?(b(),h(ce,{key:0,uid:A.value,head:$.value.headers,body:$.value.rows,notice:z.value.a11y.translations.tableAvailable,caption:z.value.a11y.translations.tableCaption},null,8,[`uid`,`head`,`body`,`notice`,`caption`])):g(``,!0),H.value.title.text?(b(),_(`div`,{key:1,ref_key:`chartTitle`,ref:M,style:y(`width:calc(100% - 12px);background:transparent;margin:0 auto;margin:${H.value.title.margin};padding: 0 6px;text-align:${H.value.title.textAlign}`)},[v(`div`,{style:y(`font-size:${H.value.title.fontSize}px;color:${H.value.title.color};font-weight:${H.value.title.bold?`bold`:`normal`}`)},[pe(w(H.value.title.text)+` `,1),X.value===null?g(``,!0):(b(),_(`span`,we,`- `+w(Y.value[X.value].timeLabel||``)+` `+w(T(o)(B.value.value.formatter,Y.value[X.value].value,T(t)({p:B.value.value.prefix,v:Y.value[X.value].value,s:B.value.value.suffix,r:B.value.value.rounding}),{datapoint:Y.value[X.value],seriesIndex:X.value})),1)),![void 0,null].includes(X.value)&&![null,void 0].includes(Y.value[X.value].valueLabel)?(b(),_(`span`,Te,w(` (${Y.value[X.value].valueLabel||0})`),1)):g(``,!0)],4),H.value.title.subtitle.text?(b(),_(`div`,{key:0,style:y(`font-size:${H.value.title.subtitle.fontSize}px;color:${H.value.title.subtitle.color};font-weight:${H.value.title.subtitle.bold?`bold`:`normal`}`)},w(H.value.title.subtitle.text),5)):g(``,!0)],4)):g(``,!0),v(`div`,Ee,[(b(),_(`svg`,{ref_key:`svgRef`,ref:K,xmlns:T(c),viewBox:`0 0 ${J.value.width} ${J.value.height}`,style:{overflow:`visible`},"aria-describedby":`chart-instructions-${A.value}`,tabindex:`0`,onFocus:Qe,onBlur:$e,onKeydown:et},[me(T(D)),e.$slots[`chart-background`]?(b(),_(`foreignObject`,{key:0,x:0,y:0,width:J.value.width,height:J.value.height,style:{pointerEvents:`none`}},[C(e.$slots,`chart-background`,{},void 0,!0)],8,Oe)):g(``,!0),v(`defs`,null,[(b(!0),_(p,null,S(Y.value,(e,t)=>(b(),h(f,{t:`radial`,id:`gradient_positive_${t}_${A.value}`,key:`gradient_positive_${t}_${A.value}`,cy:`50%`,cx:`50%`,r:`50%`,fx:`50%`,fy:`50%`,stops:[[`0%`,T(n)(T(i)(V.value.colors.positive,.05),e.intensity),1],[`100%`,T(n)(V.value.colors.positive,e.intensity),1]]},null,8,[`id`,`stops`]))),128)),(b(!0),_(p,null,S(Y.value,(e,t)=>(b(),h(f,{t:`radial`,id:`gradient_negative_${t}_${A.value}`,key:`gradient_negative_${t}_${A.value}`,cy:`50%`,cx:`50%`,r:`50%`,fx:`50%`,fy:`50%`,stops:[[`0%`,T(n)(T(i)(V.value.colors.negative,.05),e.intensity),1],[`100%`,T(n)(V.value.colors.negative,e.intensity),1]]},null,8,[`id`,`stops`]))),128)),(b(!0),_(p,null,S(Y.value,(e,t)=>(b(),h(f,{t:`radial`,id:`gradient_datapoint_${t}_${A.value}`,key:`gradient_datapoint_${t}_${A.value}`,cy:`50%`,cx:`50%`,r:`50%`,fx:`50%`,fy:`50%`,stops:[[`0%`,T(n)(T(i)(e.color,.05),e.intensity),1],[`100%`,T(n)(e.color,e.intensity),1]]},null,8,[`id`,`stops`]))),128))]),(b(!0),_(p,null,S(Y.value,(e,t)=>(b(),_(`g`,null,[X.value!==null&&X.value===t?(b(),_(`rect`,{key:0,height:J.value.height,width:e.unitWidth,fill:H.value.selector.fill,x:e.trapX,y:0,stroke:H.value.selector.stroke,"stroke-width":H.value.selector.strokeWidth,rx:H.value.selector.borderRadius,"stroke-dasharray":H.value.selector.strokeDasharray},null,8,ke)):g(``,!0)]))),256)),!V.value.shape||V.value.shape===`square`?(b(),_(`g`,Ae,[(b(!0),_(p,null,S(Y.value,(e,t)=>(b(),_(`rect`,{x:e.x,y:e.y,height:e.height,width:e.width,fill:V.value.colors.gradient.show?e.gradient:e.color,stroke:e.stroke,"stroke-width":V.value.strokeWidth,rx:`${V.value.borderRadius*e.proportion/12}%`,class:ve({"vue-ui-sparkhistogram-shape":H.value.animation.show})},null,10,je))),256))])):(b(),_(`g`,Me,[(b(!0),_(p,null,S(Y.value,(e,t)=>(b(),h(ie,{plot:{x:e.x+e.width/2,y:e.y+e.height/2},color:V.value.colors.gradient.show?e.gradient:e.color,shape:V.value.shape,radius:Math.min(e.height*.4,e.width*.4),class:ve({"vue-ui-sparkhistogram-shape":H.value.animation.show})},null,8,[`plot`,`color`,`shape`,`radius`,`class`]))),256))])),T(ze)?g(``,!0):(b(),_(p,{key:3},[(b(!0),_(p,null,S(Y.value,(e,t)=>(b(),_(`g`,null,[B.value.value.show?(b(),_(`text`,{key:0,class:`vue-ui-sparkhistogram-top-label`,"text-anchor":`middle`,x:e.textAnchor,y:e.y-B.value.value.fontSize/3+B.value.value.offsetY,"font-size":B.value.value.fontSize,"font-weight":B.value.value.bold?`bold`:`normal`,fill:B.value.value.color},w(Ge(e,t)),9,Ne)):g(``,!0)]))),256)),(b(!0),_(p,null,S(Y.value,(e,t)=>(b(),_(`g`,null,[e.valueLabel&&B.value.valueLabel.show?(b(),_(`text`,{key:0,class:`vue-ui-sparkhistogram-bottom-label`,x:e.textAnchor,y:e.y+e.height+B.value.valueLabel.fontSize,"font-size":B.value.valueLabel.fontSize,"text-anchor":`middle`,fill:B.value.valueLabel.color},w(e.valueLabel),9,Pe)):g(``,!0)]))),256)),(b(!0),_(p,null,S(Y.value,(e,t)=>(b(),_(`g`,null,[e.timeLabel&&B.value.timeLabel.show?(b(),_(`text`,{key:0,class:`vue-ui-sparkhistogram-time-label`,x:e.textAnchor,y:J.value.height,"font-size":B.value.timeLabel.fontSize,fill:B.value.timeLabel.color,"text-anchor":`middle`},w(e.timeLabel),9,Fe)):g(``,!0)]))),256))],64)),(b(!0),_(p,null,S(Y.value,(e,t)=>(b(),_(`g`,null,[v(`rect`,{height:J.value.height,width:e.unitWidth,fill:`transparent`,x:e.trapX,y:0,onMouseover:n=>qe(e,t),onMouseleave:n=>Je(e,t),onClick:()=>Z(e,t)},null,40,Ie)]))),256))],40,De)),e.$slots.hint?(b(),_(`div`,Le,[C(e.$slots,`hint`,ye(ge({hint:z.value.a11y.translations.keyboardNavigation,isVisible:I.value})),void 0,!0)])):g(``,!0)]),e.$slots.source?(b(),_(`div`,{key:2,ref_key:`source`,ref:j,dir:`auto`},[C(e.$slots,`source`,{},void 0,!0)],512)):g(``,!0),C(e.$slots,`skeleton`,{},()=>[T(ze)?(b(),h(re,{key:0})):g(``,!0)],!0)],36))}},[[`__scopeId`,`data-v-e5a32af0`]]);export{D as n,O as t};