npm - vue-data-ui - Versions diffs - 3.28.2 → 3.28.4 - Mend

vue-data-ui 3.28.2 → 3.28.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (166) hide show

package/dist/{vue-ui-parallel-coordinate-plot-C0UqWt0M.js → vue-ui-parallel-coordinate-plot-Bcr3B3NI.js} RENAMED Viewed

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

package/dist/{vue-ui-quadrant-CTGFBNo9.js → vue-ui-quadrant-DKVFawhC.js} RENAMED Viewed

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