vue-data-ui 3.28.2 → 3.28.4

package/dist/{vue-ui-quick-chart-ZBOPZhxA.js → vue-ui-quick-chart-Bk2N8Hmd.js}

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

package/dist/{vue-ui-radar-B1z3Ux3E.js → vue-ui-radar-CdH-BFKA.js}

@@ -1 +1 @@
-import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useConfig-6jO1fkp5.js";import{$ as n,D as r,Dt as i,Ht as a,Jt as o,Lt as s,M as c,S as l,X as ee,Yt as te,Zt as ne,at as u,b as re,i as ie,in as ae,nn as oe,nt as se,pt as ce,t as le,w as ue,yt as de,zt as fe}from"./lib-rPeBMZrn.js";import{n as pe,t as me}from"./BaseScanner-8NdoBs7B.js";import{n as he}from"./useHints-BH9r_0Vd.js";import{t as ge}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as _e}from"./useNestedProp-DnGoh-XS.js";import{t as ve}from"./useThemeCheck-BKNRbGeC.js";import{t as ye}from"./chartImage-DPGnEuYM.js";import{n as be}from"./Title-BliHuXfT.js";import{t as xe}from"./useChartExport-BZts4KFb.js";import{n as Se,t as Ce}from"./tableIntegration-CNoJ1CIY.js";import{n as we,t as Te}from"./annotationSlots-BRR85CqJ.js";import{n as Ee,t as De}from"./userOptionsSlots-DYuo-E5m.js";import{t as Oe}from"./usePrinter-sVoTzet1.js";import{c as ke}from"./canvas-lib-22VpOI4_.js";import{t as Ae}from"./useResponsive-CENUxfEL.js";import{t as je}from"./DefGrad-DKMq1REY.js";import{t as Me}from"./BaseLegendToggle-Q3TiW9u1.js";import{t as Ne}from"./A11yDataTable-DWNlWXzs.js";import{t as Pe}from"./useUserOptionState-CXlFnwPv.js";import{t as Fe}from"./useChartAccessibility-DOMuYJfm.js";import{t as Ie}from"./Legend-DM0ClX3D.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__*/ ge({__name:`vue-ui-radar`,props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},emits:[`selectLegend`,`copyAlt`],setup(e,{expose:ge,emit:Qe}){let kt=_(()=>import(`./Tooltip-C1q0Qoh7.js`)),At=_(()=>import(`./BaseIcon-Cm-IJ179.js`).then(e=>e.n)),jt=_(()=>import(`./vue-ui-sparkbar-CamZ_49V.js`).then(e=>e.n)),Mt=_(()=>import(`./vue-ui-accordion-S3nRtTU-.js`).then(e=>e.n)),Nt=_(()=>import(`./DataTable-0Vv-aGHD.js`)),Pt=_(()=>import(`./PenAndPaper-BGEp-TUm.js`).then(e=>e.t)),Ft=_(()=>import(`./UserOptions-uWHV_zPB.js`).then(e=>e.n)),It=_(()=>import(`./PackageVersion-BIhjLNBU.js`).then(e=>e.t)),Lt=_(()=>import(`./BaseDraggableDialog-DHgIPVmz.js`).then(e=>e.n)),{vue_ui_radar:Rt}=t(),{isThemeValid:zt,warnInvalidTheme:Bt}=ve(),O=e,Vt=f(()=>!!O.dataset&&Object.keys(O.dataset).length),k=S(ee()),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);he({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(()=>ae({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}=pe({...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:ae({defaultConfig:M.value,userConfig:an.value})}),{userOptionsVisible:sn,setUserOptionsVisibility:cn,keepUserOptionState:ln}=Pe({config:M.value}),{svgRef:B}=Fe({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(_e({userConfig:O.config,defaultConfig:Rt})),t=e.theme;if(!t)return e;if(!zt.value(e))return Bt(e),e;let n=_e({userConfig:Re[t]||O.config,defaultConfig:e}),r=_e({userConfig:O.config,defaultConfig:n});return{...r,customPalette:r.customPalette.length?r.customPalette:oe[t]||a}}let fn=ne(O.config);Ze(()=>O.config,(e,t)=>{let n=ne(e),r=n!==fn;fn=n;let i=dn();r?(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):(M.value.style.chart.tooltip=i.style.chart.tooltip,W.value.showTooltip=M.value.style.chart.tooltip.show)},{deep:!0});let V=Ye(null),H=Ye(null),U=f(()=>M.value.debug);function pn(){if(fe(O.dataset)&&u({componentName:`VueUiRadar`,type:`dataset`,debug:U.value}),M.value.responsive){let e=ke(()=>{let{width:e,height:t}=Ae({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}=Oe({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(()=>ue(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;[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})):(e.categories.length===0?u({componentName:`VueUiRadar`,type:`datasetAttributeEmpty`,property:`categories`,debug:U.value}):U.value&&e.categories.forEach((e,t)=>{de({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)=>{de({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??a;return e.map((e,n)=>({name:e?.name??``,categoryId:`radar_category_${k.value}_${n}`,color:l(e?.color)||t[n]||a[n%a.length],prefix:e?.prefix??``,suffix:e?.suffix??``}))}),Y=f(()=>z.value.series.map((e,t)=>({...e,color:l(e.color)||yn.value[t]||a[t]||a[t%a.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(()=>c({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),c=20+(Number.isFinite(s)?s:0);if(!o)return{x:e,y:t,anchor:`middle`};let l=i/o,ee=a/o,te=`middle`;return l>.01?te=`start`:l<-.01&&(te=`end`),{x:e+l*c,y:t+ee*c,anchor:te}}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,r)=>{let i=re(e.map(e=>e[r]).reduce((e,t)=>e+t,0)/Y.value.length);return{...t,absoluteIndex:r,totalProportion:i,shape:`circle`,opacity:K.value.includes(r)?.5:1,segregate:()=>Tn(r),isSegregated:K.value.includes(r),display:`${t.name}: ${n({v:(i??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,ie(e.formatter,e.target,n({p:e.prefix,v:e.target,s:e.suffix,r:M.value.table.td.roundingValue})),...e.values.map((t,r)=>`${ie(e.formatter,t,n({p:J.value[r]?.prefix??``,v:t,s:J.value[r]?.suffix??``,r:M.value.table.td.roundingValue}))} (${isNaN(t/e.target)?``:n({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,r=`pointer`){M.value.events.datapointEnter&&M.value.events.datapointEnter({datapoint:e,seriesIndex:t}),nn.value=r,j.value=t;let a=J.value.slice();Kn.value=[],Gn.value=t,Ht.value=!0,qn.value={datapoint:e,seriesIndex:t,series:{categories:a,datapoints:Y.value,radar:X.value},config:M.value};let o=I.value.customFormat;if(i(o)&&ce(()=>o({seriesIndex:t,datapoint:e,series:{categories:a,datapoints:Y.value,radar:X.value},config:M.value})))Ut.value=o({seriesIndex:t,datapoint:e,series:{categories:a,datapoints:Y.value,radar:X.value},config:M.value});else{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 r=a[t],i=e.values[t],o=isNaN(i/e.target)?0:i/e.target*100,s=ie(e.formatter,i,n({p:J.value[t].prefix,v:i,s:J.value[t].suffix,r:I.value.roundingValue}),{datapoint:e}),c=n({v:o,s:`%`,r:I.value.roundingPercentage}),l=I.value.showValue&&I.value.showPercentage?`${s} (${c})`:I.value.showValue&&!I.value.showPercentage?s:!I.value.showValue&&I.value.showPercentage?`${c}`:``;Kn.value.push({name:r?.name??`#${t+1}`,value:e.values[t]/e.target*100,color:r?.color,suffix:l,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],[`%`]])],i=z.value.series.map((e,t)=>[e.name,e.target,...e.values.flatMap(t=>[t,isNaN(t/e.target)?``:t/e.target*100])]),a=t.concat([n]).concat(i),o=r(a);e?e(o):se({csvContent:o,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=ye(A,()=>L.value.title.text),ir=f(()=>Ce({config:M,style:L,mutableConfig:W,dialog:Lt,accordion:Mt,isFullscreen:$,parent:A,maxWidth:800,isCursorPointer:R}));Ze(()=>W.value.showTable,e=>Se(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}=xe({svg:B,title:lr,legend:cr,legendItems:or,backgroundColor:sr,getSvgCallback:()=>M.value.userOptions.callbacks.svg,generateImage:_n});async function mr(){xn(`copyAlt`,{config:M.value,dataset:X.value}),M.value.userOptions.callbacks.altCopy?await Promise.resolve(M.value.userOptions.callbacks.altCopy({config:M.value,dataset:X.value})):console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.")}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 ge({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(Ne,{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(Te),t=>({name:t,fn:D(n=>[w(e.$slots,t,y(v(E(we)(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(be,{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(Ee)(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(De)(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(le),"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)),w(e.$slots,`svg-underlayer`,{svg:{...G.value,outerPolygon:Rn.value,isPrintingImg:E(mn)||E(hn)||E(ur),isPrintingSvg:E(dr)}},void 0,!0),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(je,{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(o)(E(te)(e.color,.05),F.value.dataPolygon.opacity),1],[`100%`,E(o)(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(c)({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(s)(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(s)(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(o)(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(s)(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(Me,{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(me,{key:0})):m(``,!0)],!0)],46,$e))}},[[`__scopeId`,`data-v-6406f550`]]);export{Qe as n,kt as t};
+import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useConfig-6jO1fkp5.js";import{$ as n,D as r,Dt as i,Ht as a,Jt as o,Lt as s,M as c,S as l,X as ee,Yt as te,Zt as ne,at as u,b as re,i as ie,in as ae,nn as oe,nt as se,pt as ce,t as le,w as ue,yt as de,zt as fe}from"./lib-rPeBMZrn.js";import{n as pe,t as me}from"./BaseScanner-8NdoBs7B.js";import{n as he}from"./useHints-C-TwxM0Y.js";import{t as ge}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as _e}from"./useNestedProp-DnGoh-XS.js";import{t as ve}from"./useThemeCheck-BKNRbGeC.js";import{t as ye}from"./chartImage-DPGnEuYM.js";import{n as be}from"./Title-BliHuXfT.js";import{t as xe}from"./useChartExport-BZts4KFb.js";import{n as Se,t as Ce}from"./tableIntegration-CNoJ1CIY.js";import{n as we,t as Te}from"./annotationSlots-BRR85CqJ.js";import{n as Ee,t as De}from"./userOptionsSlots-DYuo-E5m.js";import{t as Oe}from"./usePrinter-DVf3YcG5.js";import{c as ke}from"./canvas-lib-22VpOI4_.js";import{t as Ae}from"./useResponsive-CENUxfEL.js";import{t as je}from"./DefGrad-DKMq1REY.js";import{t as Me}from"./BaseLegendToggle-Q3TiW9u1.js";import{t as Ne}from"./A11yDataTable-DWNlWXzs.js";import{t as Pe}from"./useUserOptionState-CXlFnwPv.js";import{t as Fe}from"./useChartAccessibility-DOMuYJfm.js";import{t as Ie}from"./Legend-DM0ClX3D.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__*/ ge({__name:`vue-ui-radar`,props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},emits:[`selectLegend`,`copyAlt`],setup(e,{expose:ge,emit:Qe}){let kt=_(()=>import(`./Tooltip-C1q0Qoh7.js`)),At=_(()=>import(`./BaseIcon-Cm-IJ179.js`).then(e=>e.n)),jt=_(()=>import(`./vue-ui-sparkbar-CjD57-Xi.js`).then(e=>e.n)),Mt=_(()=>import(`./vue-ui-accordion-S3nRtTU-.js`).then(e=>e.n)),Nt=_(()=>import(`./DataTable-0Vv-aGHD.js`)),Pt=_(()=>import(`./PenAndPaper-BGEp-TUm.js`).then(e=>e.t)),Ft=_(()=>import(`./UserOptions-uWHV_zPB.js`).then(e=>e.n)),It=_(()=>import(`./PackageVersion-DhptF5oD.js`).then(e=>e.t)),Lt=_(()=>import(`./BaseDraggableDialog-DHgIPVmz.js`).then(e=>e.n)),{vue_ui_radar:Rt}=t(),{isThemeValid:zt,warnInvalidTheme:Bt}=ve(),O=e,Vt=f(()=>!!O.dataset&&Object.keys(O.dataset).length),k=S(ee()),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);he({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(()=>ae({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}=pe({...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:ae({defaultConfig:M.value,userConfig:an.value})}),{userOptionsVisible:sn,setUserOptionsVisibility:cn,keepUserOptionState:ln}=Pe({config:M.value}),{svgRef:B}=Fe({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(_e({userConfig:O.config,defaultConfig:Rt})),t=e.theme;if(!t)return e;if(!zt.value(e))return Bt(e),e;let n=_e({userConfig:Re[t]||O.config,defaultConfig:e}),r=_e({userConfig:O.config,defaultConfig:n});return{...r,customPalette:r.customPalette.length?r.customPalette:oe[t]||a}}let fn=ne(O.config);Ze(()=>O.config,(e,t)=>{let n=ne(e),r=n!==fn;fn=n;let i=dn();r?(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):(M.value.style.chart.tooltip=i.style.chart.tooltip,W.value.showTooltip=M.value.style.chart.tooltip.show)},{deep:!0});let V=Ye(null),H=Ye(null),U=f(()=>M.value.debug);function pn(){if(fe(O.dataset)&&u({componentName:`VueUiRadar`,type:`dataset`,debug:U.value}),M.value.responsive){let e=ke(()=>{let{width:e,height:t}=Ae({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}=Oe({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(()=>ue(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;[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})):(e.categories.length===0?u({componentName:`VueUiRadar`,type:`datasetAttributeEmpty`,property:`categories`,debug:U.value}):U.value&&e.categories.forEach((e,t)=>{de({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)=>{de({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??a;return e.map((e,n)=>({name:e?.name??``,categoryId:`radar_category_${k.value}_${n}`,color:l(e?.color)||t[n]||a[n%a.length],prefix:e?.prefix??``,suffix:e?.suffix??``}))}),Y=f(()=>z.value.series.map((e,t)=>({...e,color:l(e.color)||yn.value[t]||a[t]||a[t%a.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(()=>c({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),c=20+(Number.isFinite(s)?s:0);if(!o)return{x:e,y:t,anchor:`middle`};let l=i/o,ee=a/o,te=`middle`;return l>.01?te=`start`:l<-.01&&(te=`end`),{x:e+l*c,y:t+ee*c,anchor:te}}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,r)=>{let i=re(e.map(e=>e[r]).reduce((e,t)=>e+t,0)/Y.value.length);return{...t,absoluteIndex:r,totalProportion:i,shape:`circle`,opacity:K.value.includes(r)?.5:1,segregate:()=>Tn(r),isSegregated:K.value.includes(r),display:`${t.name}: ${n({v:(i??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,ie(e.formatter,e.target,n({p:e.prefix,v:e.target,s:e.suffix,r:M.value.table.td.roundingValue})),...e.values.map((t,r)=>`${ie(e.formatter,t,n({p:J.value[r]?.prefix??``,v:t,s:J.value[r]?.suffix??``,r:M.value.table.td.roundingValue}))} (${isNaN(t/e.target)?``:n({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,r=`pointer`){M.value.events.datapointEnter&&M.value.events.datapointEnter({datapoint:e,seriesIndex:t}),nn.value=r,j.value=t;let a=J.value.slice();Kn.value=[],Gn.value=t,Ht.value=!0,qn.value={datapoint:e,seriesIndex:t,series:{categories:a,datapoints:Y.value,radar:X.value},config:M.value};let o=I.value.customFormat;if(i(o)&&ce(()=>o({seriesIndex:t,datapoint:e,series:{categories:a,datapoints:Y.value,radar:X.value},config:M.value})))Ut.value=o({seriesIndex:t,datapoint:e,series:{categories:a,datapoints:Y.value,radar:X.value},config:M.value});else{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 r=a[t],i=e.values[t],o=isNaN(i/e.target)?0:i/e.target*100,s=ie(e.formatter,i,n({p:J.value[t].prefix,v:i,s:J.value[t].suffix,r:I.value.roundingValue}),{datapoint:e}),c=n({v:o,s:`%`,r:I.value.roundingPercentage}),l=I.value.showValue&&I.value.showPercentage?`${s} (${c})`:I.value.showValue&&!I.value.showPercentage?s:!I.value.showValue&&I.value.showPercentage?`${c}`:``;Kn.value.push({name:r?.name??`#${t+1}`,value:e.values[t]/e.target*100,color:r?.color,suffix:l,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],[`%`]])],i=z.value.series.map((e,t)=>[e.name,e.target,...e.values.flatMap(t=>[t,isNaN(t/e.target)?``:t/e.target*100])]),a=t.concat([n]).concat(i),o=r(a);e?e(o):se({csvContent:o,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=ye(A,()=>L.value.title.text),ir=f(()=>Ce({config:M,style:L,mutableConfig:W,dialog:Lt,accordion:Mt,isFullscreen:$,parent:A,maxWidth:800,isCursorPointer:R}));Ze(()=>W.value.showTable,e=>Se(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}=xe({svg:B,title:lr,legend:cr,legendItems:or,backgroundColor:sr,getSvgCallback:()=>M.value.userOptions.callbacks.svg,generateImage:_n});async function mr(){xn(`copyAlt`,{config:M.value,dataset:X.value}),M.value.userOptions.callbacks.altCopy?await Promise.resolve(M.value.userOptions.callbacks.altCopy({config:M.value,dataset:X.value})):console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.")}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 ge({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(Ne,{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(Te),t=>({name:t,fn:D(n=>[w(e.$slots,t,y(v(E(we)(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(be,{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(Ee)(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(De)(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(le),"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)),w(e.$slots,`svg-underlayer`,{svg:{...G.value,outerPolygon:Rn.value,isPrintingImg:E(mn)||E(hn)||E(ur),isPrintingSvg:E(dr)}},void 0,!0),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(je,{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(o)(E(te)(e.color,.05),F.value.dataPolygon.opacity),1],[`100%`,E(o)(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(c)({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(s)(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(s)(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(o)(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(s)(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(Me,{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(me,{key:0})):m(``,!0)],!0)],46,$e))}},[[`__scopeId`,`data-v-7d944bac`]]);export{Qe as n,kt as t};

package/dist/{vue-ui-rating-CV2b0tjA.js → vue-ui-rating-ChWXrWNJ.js}

@@ -1 +1 @@
-import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useConfig-6jO1fkp5.js";import{$ as n,B as r,X as i,Yt as a,at as o,i as s,t as c,zt as ee}from"./lib-rPeBMZrn.js";import{n as te,t as l}from"./useHints-BH9r_0Vd.js";import{t as u}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as d}from"./useNestedProp-DnGoh-XS.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__*/ u({__name:`vue-ui-rating`,props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},emits:[`rate`],setup(e,{expose:u,emit:O}){let{vue_ui_rating:F}=t(),I=e,L=C(i()),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.`)}),te({config:()=>H.value,dataset:()=>[],component:`VueUiRating`,rules:[l.noHint]});let me=m(()=>H.value.useCursorPointer);function G(){return d({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`)||ee(I.dataset))&&o({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 u({getData:_e,toggleReadonly:ve}),(e,t)=>(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:t[4]||=e=>R.value=!0,onMouseleave:t[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(s)(U.value.formatter,K.value,E(n)({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(s)(U.value.formatter,K.value,E(n)({v:K.value,r:U.value.roundingValue}),H.value)),5)):h(``,!0),(S(!0),g(p,null,ne(V.value,(i,o)=>(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:i,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:i,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(i,!0)}`)},null,12,N)):(S(),g(`svg`,{key:1,xmlns:E(c),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(a)(W.value.star.activeColor,.05),1],[`100%`,W.value.star.activeColor,1]]},null,8,[`id`,`stops`])]),_(`polygon`,{points:E(r)({plot:{x:50,y:50},radius:30,apexes:W.value.star.apexes}),fill:isNaN(z.value)?W.value.star.inactiveColor:Z(i),stroke:W.value.star.borderColor?W.value.star.borderColor:z.value?Z(i):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} ${i}`,height:W.value.itemSize,width:W.value.itemSize,id:`active_${L.value}_${i}`,class:`vue-ui-rating-unit`,style:b(`position:absolute;top:0;left:0;clip:rect(0px,${Q(o,!0)*W.value.itemSize}px,${W.value.itemSize}px,0px`)},null,12,se)):(S(),g(`svg`,{key:3,xmlns:E(c),viewBox:`0 0 ${Q(o)} 100`,height:W.value.itemSize,class:`vue-ui-rating-unit`,id:`active_${L.value}_${i}`,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(a)(W.value.star.activeColor,.05),1],[`100%`,W.value.star.activeColor,1]]},null,8,[`id`,`stops`])]),_(`polygon`,{points:E(r)({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(c),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=>$(i),onMouseenter:e=>z.value=i,onMouseleave:t[0]||=e=>z.value=void 0,onFocus:e=>B.value=i,onBlur:t[1]||=e=>B.value=void 0,tabindex:`0`,onKeyup:D(e=>$(i),[`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=i,onMouseleave:t[2]||=e=>z.value=void 0,onFocus:e=>B.value=i,onBlur:t[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===i?`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(i)+`:`,5),_(`span`,{style:b(`font-weight:${W.value.tooltip.bold?`bold`:`normal`};font-size:${W.value.tooltip.fontSize}px`)},T(E(s)(W.value.tooltip.formatter,I.dataset.rating[i],E(n)({v:I.dataset.rating[i],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(s)(U.value.formatter,K.value,E(n)({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(s)(U.value.formatter,K.value,E(n)({v:K.value,r:U.value.roundingValue}),H.value)),5)):h(``,!0)],36))}},[[`__scopeId`,`data-v-cdcab4d9`]]);export{O as n,F as t};
+import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{t}from"./useConfig-6jO1fkp5.js";import{$ as n,B as r,X as i,Yt as a,at as o,i as s,t as c,zt as ee}from"./lib-rPeBMZrn.js";import{n as te,t as l}from"./useHints-C-TwxM0Y.js";import{t as u}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as d}from"./useNestedProp-DnGoh-XS.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__*/ u({__name:`vue-ui-rating`,props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},emits:[`rate`],setup(e,{expose:u,emit:O}){let{vue_ui_rating:F}=t(),I=e,L=C(i()),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.`)}),te({config:()=>H.value,dataset:()=>[],component:`VueUiRating`,rules:[l.noHint]});let me=m(()=>H.value.useCursorPointer);function G(){return d({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`)||ee(I.dataset))&&o({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 u({getData:_e,toggleReadonly:ve}),(e,t)=>(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:t[4]||=e=>R.value=!0,onMouseleave:t[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(s)(U.value.formatter,K.value,E(n)({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(s)(U.value.formatter,K.value,E(n)({v:K.value,r:U.value.roundingValue}),H.value)),5)):h(``,!0),(S(!0),g(p,null,ne(V.value,(i,o)=>(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:i,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:i,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(i,!0)}`)},null,12,N)):(S(),g(`svg`,{key:1,xmlns:E(c),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(a)(W.value.star.activeColor,.05),1],[`100%`,W.value.star.activeColor,1]]},null,8,[`id`,`stops`])]),_(`polygon`,{points:E(r)({plot:{x:50,y:50},radius:30,apexes:W.value.star.apexes}),fill:isNaN(z.value)?W.value.star.inactiveColor:Z(i),stroke:W.value.star.borderColor?W.value.star.borderColor:z.value?Z(i):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} ${i}`,height:W.value.itemSize,width:W.value.itemSize,id:`active_${L.value}_${i}`,class:`vue-ui-rating-unit`,style:b(`position:absolute;top:0;left:0;clip:rect(0px,${Q(o,!0)*W.value.itemSize}px,${W.value.itemSize}px,0px`)},null,12,se)):(S(),g(`svg`,{key:3,xmlns:E(c),viewBox:`0 0 ${Q(o)} 100`,height:W.value.itemSize,class:`vue-ui-rating-unit`,id:`active_${L.value}_${i}`,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(a)(W.value.star.activeColor,.05),1],[`100%`,W.value.star.activeColor,1]]},null,8,[`id`,`stops`])]),_(`polygon`,{points:E(r)({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(c),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=>$(i),onMouseenter:e=>z.value=i,onMouseleave:t[0]||=e=>z.value=void 0,onFocus:e=>B.value=i,onBlur:t[1]||=e=>B.value=void 0,tabindex:`0`,onKeyup:D(e=>$(i),[`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=i,onMouseleave:t[2]||=e=>z.value=void 0,onFocus:e=>B.value=i,onBlur:t[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===i?`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(i)+`:`,5),_(`span`,{style:b(`font-weight:${W.value.tooltip.bold?`bold`:`normal`};font-size:${W.value.tooltip.fontSize}px`)},T(E(s)(W.value.tooltip.formatter,I.dataset.rating[i],E(n)({v:I.dataset.rating[i],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(s)(U.value.formatter,K.value,E(n)({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(s)(U.value.formatter,K.value,E(n)({v:K.value,r:U.value.roundingValue}),H.value)),5)):h(``,!0)],36))}},[[`__scopeId`,`data-v-54940343`]]);export{O as n,F as t};

package/dist/{vue-ui-relation-circle-DqN5N08e.js → vue-ui-relation-circle-COZpOybS.js}

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