vue-data-ui-hq
Version:
A user-empowering data visualization Vue 3 components library for eloquent data storytelling
2 lines (1 loc) • 45.5 kB
JavaScript
;Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),s=require("./index-ZfICPrrM.cjs"),ke=require("./useResponsive-BJ7DTGpm.cjs"),Xe=require("./Title-FbHK83tB.cjs"),xe=require("./usePrinter-B-gh2f22.cjs"),Ye=require("./Tooltip-C7TJODUx.cjs"),$e=require("./Shape-C3YtaYr4.cjs"),Ae=require("./Legend-HgHPyA_4.cjs"),Me=require("./DataTable-CC6dPSer.cjs"),Pe=require("./vue-ui-skeleton-Bvmpr51u.cjs"),Oe=require("./vue-ui-accordion-Dp6uTsJi.cjs"),Le=require("./useNestedProp-C14rfl0j.cjs"),Fe=require("./PackageVersion-D3dK8oA3.cjs"),De=require("./PenAndPaper-PL3bp4ud.cjs"),Re=require("./useUserOptionState-BgepsfED.cjs"),He=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),Ue=["id"],Ie=["xmlns","viewBox","id"],Ge=["x","y","width","height"],Qe=["id"],je=["stop-color"],Je=["stop-color"],Ze={key:1},Ke=["fill","x","y","height","width","stroke-width","stroke","rx"],et=["x1","y1","x2","y2","stroke","stroke-width"],tt=["x1","y1","x2","y2","stroke","stroke-width"],lt={key:2},at=["points","fill"],rt=["points","fill"],nt=["points","fill"],ot=["points","fill"],ut={key:3},st=["y","fill","font-size"],it=["x","y","fill","font-size"],ct=["x","y","fill","font-size"],ft=["y","fill","font-size"],dt={key:4},ht=["x","y","font-size","fill"],yt=["x","y","font-size","fill"],bt=["x","y","font-size","fill"],vt=["id","font-size","transform","fill"],pt=["id","font-size","transform","fill"],mt=["id","font-size","transform","fill"],gt={key:5},kt=["fill","points"],xt=["x","y","width","height"],$t=["x","y","width","height"],Lt=["x","y","width","height"],Ct=["x","y","width","height"],wt={key:0,style:{"pointer-events":"none"}},St=["x","y","font-size","fill"],Bt={key:0},qt=["x","y","onMouseover","onClick"],_t={key:8,class:"vue-ui-dna"},zt=["points","fill"],Nt=["points","fill"],Vt=["points","fill"],Et=["points","fill"],Tt={key:9},Wt=["x","y","font-size","fill","font-weight"],Xt={key:10},Yt=["x","y","fill"],At=["x","y","fill"],Mt=["x","y","fill"],Pt=["x","y","fill"],Ot=["stroke","d"],Ft=["stroke","d"],Dt={key:5,class:"vue-data-ui-watermark"},Rt=["onClick"],Ht={key:0,height:"14",width:"14",viewBox:"0 0 20 20"},Ut=["innerHTML"],It={__name:"vue-ui-quadrant",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:["selectPlot","selectSide","selectLegend"],setup(Ce,{expose:we,emit:Se}){const{vue_ui_quadrant:Be}=s.useConfig(),k=Ce,V=e.computed(()=>!!k.dataset&&k.dataset.length),g=e.ref(s.createUid()),M=Se,qe=e.ref(null),E=e.ref(!1),P=e.ref(""),H=e.ref(0),h=e.ref(!1),w=e.ref(null),U=e.ref(null),I=e.ref(null),G=e.ref(null),Q=e.ref(null),j=e.ref(0),J=e.ref(0),Z=e.ref(0),l=e.computed({get:()=>te(),set:a=>a}),{userOptionsVisible:O,setUserOptionsVisibility:K,keepUserOptionState:ee}=Re.useUserOptionState({config:l.value});function te(){const a=Le.useNestedProp({userConfig:k.config,defaultConfig:Be});return a.theme?{...Le.useNestedProp({userConfig:s.themes.vue_ui_quadrant[a.theme]||k.config,defaultConfig:a}),customPalette:s.themePalettes[a.theme]||s.palette}:a}e.watch(()=>k.config,a=>{l.value=te(),O.value=!l.value.showOnChartHover,le(),j.value+=1,J.value+=1,Z.value+=1},{deep:!0});const T=e.ref(null);function le(){if(s.objectIsEmpty(k.dataset)?s.error({componentName:"VueUiQuadrant",type:"dataset"}):k.dataset.forEach((a,n)=>{[null,void 0].includes(a.name)&&s.error({componentName:"VueUiQuadrant",type:"datasetSerieAttribute",property:"name",index:n}),[null,void 0].includes(a.series)?s.error({componentName:"VueUiQuadrant",type:"datasetSerieAttribute",property:"series",index:n}):a.series.forEach((r,o)=>{[null,void 0].includes(r.name)&&s.error({componentName:"VueUiQuadrant",type:"datasetSerieAttribute",property:"name",key:"series",index:o})})}),l.value.responsive){const a=ke.throttle(()=>{const{width:n,height:r}=ke.useResponsive({chart:w.value,title:l.value.style.chart.title.text?U.value:null,legend:l.value.style.chart.legend.show?I.value:null,source:G.value,noTitle:Q.value});y.value=48,t.value.height=r,t.value.usableHeight=r-y.value*2,t.value.width=n,t.value.usableWidth=n-y.value*2,t.value.top=y.value,t.value.left=y.value,t.value.right=n-y.value,t.value.bottom=r-y.value,t.value.centerX=n/2,t.value.centerY=r-r/2,t.value.padding=y.value});T.value=new ResizeObserver(a),T.value.observe(w.value.parentNode)}}e.onMounted(()=>{le()}),e.onBeforeUnmount(()=>{T.value&&T.value.disconnect()});const{isPrinting:ae,isImaging:re,generatePdf:ne,generateImage:oe}=xe.usePrinter({elementId:`vue-ui-quadrant_${g.value}`,fileName:l.value.style.chart.title.text||"vue-ui-quadrant"}),_e=e.computed(()=>l.value.userOptions.show&&!l.value.style.chart.title.text),ue=e.computed(()=>s.convertCustomPalette(l.value.customPalette)),v=e.ref({plotLabels:{show:l.value.style.chart.layout.labels.plotLabels.show},showTable:l.value.table.show,showTooltip:l.value.style.chart.tooltip.show}),y=e.ref(48),t=e.ref({height:l.value.style.chart.height,usableHeight:l.value.style.chart.height-y.value*2,width:l.value.style.chart.width,usableWidth:l.value.style.chart.width-y.value*2,top:y.value,left:y.value,right:l.value.style.chart.width-y.value,bottom:l.value.style.chart.height-y.value,centerX:l.value.style.chart.width/2,centerY:l.value.style.chart.height-l.value.style.chart.height/2,padding:y.value}),i=e.ref({...JSON.parse(JSON.stringify(t.value)),startX:0,startY:0});e.watch(()=>t.value,a=>{a&&(i.value={...JSON.parse(JSON.stringify(t.value)),startX:0,startY:0})},{deep:!0});const c=e.ref(null),C=e.computed(()=>{switch(c.value){case"TL":return{x:i.value.startX+i.value.width/2,y:i.value.height,text:l.value.style.chart.layout.labels.quadrantLabels.tl.text||"Top Left",fontSize:l.value.style.chart.layout.labels.quadrantLabels.tl.fontSize,fill:l.value.style.chart.layout.labels.quadrantLabels.tl.color,bold:l.value.style.chart.layout.labels.quadrantLabels.tl.bold};case"TR":return{x:i.value.startX+i.value.width/2,y:i.value.height,text:l.value.style.chart.layout.labels.quadrantLabels.tr.text||"Top Right",fontSize:l.value.style.chart.layout.labels.quadrantLabels.tr.fontSize,fill:l.value.style.chart.layout.labels.quadrantLabels.tr.color,bold:l.value.style.chart.layout.labels.quadrantLabels.tr.bold};case"BR":return{x:i.value.startX+i.value.width/2,y:i.value.height*1.678,text:l.value.style.chart.layout.labels.quadrantLabels.br.text||"Bottom Right",fontSize:l.value.style.chart.layout.labels.quadrantLabels.br.fontSize,fill:l.value.style.chart.layout.labels.quadrantLabels.br.color,bold:l.value.style.chart.layout.labels.quadrantLabels.br.bold};case"BL":return{x:i.value.startX+i.value.width/2,y:i.value.height*1.678,text:l.value.style.chart.layout.labels.quadrantLabels.bl.text||"Bottom Left",fontSize:l.value.style.chart.layout.labels.quadrantLabels.bl.fontSize,fill:l.value.style.chart.layout.labels.quadrantLabels.bl.color,bold:l.value.style.chart.layout.labels.quadrantLabels.bl.bold};default:return{x:0,y:0,text:"",fontSize:0,fill:"none",bold:!1}}}),ze=e.ref(null),W=e.ref(!1);function q({targetX:a,targetY:n,targetW:r,targetH:o,side:u}){c.value&&N(u);const f={x:a-i.value.startX,y:n-i.value.startY,w:r-i.value.width,h:o-i.value.height},d=l.value.zoomAnimationFrames;let x=0;function ge(){W.value=!0,i.value.startX+=f.x/d,i.value.startY+=f.y/d,i.value.width+=f.w/d,i.value.height+=f.h/d,x+=1,x<d?ze.value=requestAnimationFrame(ge):W.value=!1}ge()}function $(a){if(!W.value)if(h.value&&c.value===a)q({targetX:0,targetY:0,targetW:t.value.width,targetH:t.value.height}),c.value=null,h.value=!1;else{switch(c.value=a,a){case"TL":q({targetX:0,targetY:0,targetW:t.value.width/2+t.value.left,targetH:t.value.height/2+t.value.top,side:"tl"});break;case"TR":q({targetX:t.value.width/2-t.value.left,targetY:0,targetW:t.value.width/2+t.value.left,targetH:t.value.height/2+t.value.top,side:"tr"});break;case"BR":q({targetX:t.value.width/2-t.value.left,targetY:t.value.height/2-t.value.top,targetW:t.value.width/2+t.value.left,targetH:t.value.height/2+t.value.top,side:"br"});break;case"BL":q({targetX:0,targetY:t.value.height/2-t.value.top,targetW:t.value.width/2+t.value.left,targetH:t.value.height/2+t.value.top,side:"bl"});break;default:i.value.startX=0,i.value.startY=0,i.value.width=t.value.width,i.value.height=t.value.height;break}h.value=!0}}const Ne=e.computed(()=>{const a=l.value.style.chart.layout.grid.graduations.steps,n=t.value.usableWidth/(a*2),r=t.value.top,o=[];for(let u=0;u<a;u+=1)o.push({x:t.value.padding+n*u,y:r+t.value.usableHeight*(u/a/2),height:t.value.usableHeight*(1-u/a),width:t.value.usableWidth*(1-u/a),opacity:Math.round((u+1)/a*20)});return o}),p=e.computed(()=>{let a=l.value.style.chart.layout.grid.xAxis.max,n=l.value.style.chart.layout.grid.xAxis.min,r=l.value.style.chart.layout.grid.yAxis.max,o=l.value.style.chart.layout.grid.yAxis.min;return l.value.style.chart.layout.grid.xAxis.auto&&(a=Math.max(...S.value.flatMap(u=>u.series.map(f=>f.x))),n=Math.min(...S.value.flatMap(u=>u.series.map(f=>f.x)))),l.value.style.chart.layout.grid.yAxis.auto&&(r=Math.max(...S.value.flatMap(u=>u.series.map(f=>f.y))),o=Math.min(...S.value.flatMap(u=>u.series.map(f=>f.y)))),{x:{max:a,min:n},y:{max:r,min:o}}}),L=e.ref([]),S=e.computed(()=>k.dataset.map((a,n)=>({...a,series:s.largestTriangleThreeBuckets({data:a.series,threshold:l.value.downsample.threshold}),id:`cat_${n}_${g.value}`,color:s.convertColorToHex(a.color)||ue.value[n]||s.palette[n]}))),Ve=e.computed(()=>S.value.filter(a=>!L.value.includes(a.id))),Ee=e.computed(()=>S.value.map((a,n)=>({...a,shape:a.shape||"circle",series:a.series.map(r=>({...r,x:se(r.x),y:ie(r.y),xValue:r.x,yValue:r.y,quadrantSide:fe({x:r.x,y:r.y}),categoryName:a.name,shape:a.shape,color:a.color}))}))),m=e.computed(()=>(k.dataset.forEach((a,n)=>{a.series.forEach((r,o)=>{[null,void 0].includes(r.x)&&s.error({componentName:"VueUiQuadrant",type:"datasetSerieAttribute",property:"x",key:"series",index:o}),[null,void 0].includes(r.y)&&s.error({componentName:"VueUiQuadrant",type:"datasetSerieAttribute",property:"y",key:"series",index:o})})}),Ve.value.map((a,n)=>({...a,shape:a.shape||"circle",color:a.color||ue.value[n]||s.palette[n],series:a.series.map(r=>({...r,x:se(r.x),y:ie(r.y),xValue:r.x,yValue:r.y,quadrantSide:fe({x:r.x,y:r.y}),categoryName:a.name,shape:a.shape,color:a.color,uid:s.createUid()}))}))));function se(a){if(a>=0){const n=a/p.value.x.max;return t.value.centerX+t.value.usableWidth/2*n}else{const n=Math.abs(a)/Math.abs(p.value.x.min);return t.value.centerX-t.value.usableWidth/2*n}}function ie(a){if(a>=0){const n=a/p.value.y.max;return t.value.centerY+(1-t.value.usableHeight/2*n)}else{const n=Math.abs(a)/Math.abs(p.value.y.min);return t.value.centerY-(1-t.value.usableHeight/2*n)}}const X=e.computed(()=>{const a=m.value.flatMap(d=>d.series.map(x=>({x:x.xValue,y:x.yValue,name:x.name,category:x.categoryName,quadrantSide:x.quadrantSide,sideName:l.value.style.chart.layout.labels.quadrantLabels[x.quadrantSide].text,color:d.color,shape:d.shape}))),n=l.value.style.chart.layout.grid.xAxis.name||"x",r=l.value.style.chart.layout.grid.yAxis.name||"y",o=[l.value.translations.category,l.value.translations.item,n,r,l.value.translations.side],u=a.map(d=>[d.category,d.name,d.x,d.y,d.sideName||d.quadrantSide]),f=a.map(d=>({shape:d.shape,color:d.color}));return{head:o,body:u,itsShapes:f,tableData:a}}),Y=e.computed(()=>{const a=X.value.head,n=X.value.tableData.map(o=>[{shape:o.shape,color:o.color,name:o.category},o.name,s.applyDataLabel(l.value.style.chart.layout.labels.plotLabels.x.formatter,o.x,s.dataLabel({v:o.x,r:l.value.style.chart.layout.labels.plotLabels.rounding})),s.applyDataLabel(l.value.style.chart.layout.labels.plotLabels.y.formatter,o.y,s.dataLabel({v:o.y,r:l.value.style.chart.layout.labels.plotLabels.rounding})),o.sideName||o.quadrantSide]),r={th:{backgroundColor:l.value.table.th.backgroundColor,color:l.value.table.th.color,outline:l.value.table.th.outline},td:{backgroundColor:l.value.table.td.backgroundColor,color:l.value.table.td.color,outline:l.value.table.td.outline},breakpoint:l.value.table.responsiveBreakpoint};return{head:a,body:n,config:r,colNames:a}});function F(a){L.value.includes(a)?L.value=L.value.filter(r=>r!==a):L.value.push(a);const n=ye();M("selectLegend",n)}const ce=e.computed(()=>Ee.value.map(a=>({name:a.name,shape:a.shape,color:a.color,id:a.id,opacity:L.value.includes(a.id)?.5:1,segregate:()=>F(a.id),isSegregated:L.value.includes(a.id)}))),Te=e.computed(()=>({cy:"quadrant-div-legend",backgroundColor:l.value.style.chart.legend.backgroundColor,color:l.value.style.chart.legend.color,fontSize:l.value.style.chart.legend.fontSize,paddingBottom:12,fontWeight:l.value.style.chart.legend.bold?"bold":""}));function fe(a){switch(!0){case(a.x>=0&&a.y>=0):return"tr";case(a.x>=0&&a.y<0):return"br";case(a.x<0&&a.y<0):return"bl";case(a.x<0&&a.y>=0):return"tl";default:return""}}const _=e.ref(null),z=e.ref(null),D=e.ref(null);function de(a,n,r){_.value=n.uid,z.value={color:a.color,shape:a.shape},D.value={datapoint:n,seriesIndex:r,series:m.value,config:l.value},E.value=!0;const o=l.value.style.chart.tooltip.customFormat;if(s.isFunction(o)&&s.functionReturnsString(()=>o({seriesIndex:r,datapoint:n,series:m.value,config:l.value})))P.value=o({seriesIndex:r,datapoint:n,series:m.value,config:l.value});else{let u="";n.quadrantSide&&(u+=`<div style="color:${l.value.style.chart.layout.labels.quadrantLabels[n.quadrantSide].color};font-weight:${l.value.style.chart.layout.labels.quadrantLabels[n.quadrantSide].bold?"bold":"400"}">${l.value.style.chart.layout.labels.quadrantLabels[n.quadrantSide].text}</div>`),u+=`<div>${a.name}</div>`,u+=`<div style="padding-bottom:6px;border-bottom:1px solid ${l.value.style.chart.tooltip.borderColor};margin-bottom:3px">${n.name}</div>`,u+=`<div>${l.value.style.chart.layout.grid.xAxis.name?l.value.style.chart.layout.grid.xAxis.name:"x"}: <b>${s.applyDataLabel(l.value.style.chart.layout.labels.plotLabels.x.formatter,n.xValue,s.dataLabel({v:n.xValue,r:l.value.style.chart.tooltip.roundingValue}),{datapoint:n,category:a,categoryIndex:r})}</b></div>`,u+=`<div>${l.value.style.chart.layout.grid.yAxis.name?l.value.style.chart.layout.grid.yAxis.name:"y"}: <b>${s.applyDataLabel(l.value.style.chart.layout.labels.plotLabels.y.formatter,n.yValue,s.dataLabel({v:n.yValue,r:l.value.style.chart.tooltip.roundingValue}),{datapoint:n,category:a,categoryIndex:r})}</b></div>`,P.value=`<div style="text-align:left;font-size:${l.value.style.chart.tooltip.fontSize}px">${u}</div>`}}function he(a,n){const r={category:a.name,shape:a.shape,itemName:n.name,x:n.xValue,y:n.yValue,quadrantSide:n.quadrantSide,sideName:l.value.style.chart.layout.labels.quadrantLabels[n.quadrantSide].text};M("selectPlot",r)}function N(a){if(!a)return;const n=m.value.flatMap(o=>o.series.filter(u=>u.quadrantSide===a).map(u=>({category:u.categoryName,itemName:u.name,x:u.xValue,y:u.yValue}))),r={quadrantSide:a,sideName:l.value.style.chart.layout.labels.quadrantLabels[a].text,items:[...n]};M("selectSide",r)}const b=e.computed(()=>({TL:{tl:{x:t.value.left+t.value.usableWidth/4-20,y:0,fill:l.value.style.chart.layout.labels.quadrantLabels.tl.color},tr:{x:t.value.left+t.value.usableWidth/4,y:0,fill:l.value.style.chart.layout.labels.quadrantLabels.tr.color},br:{x:t.value.left+t.value.usableWidth/4,y:20,fill:l.value.style.chart.layout.labels.quadrantLabels.br.color},bl:{x:t.value.left+t.value.usableWidth/4-20,y:20,fill:l.value.style.chart.layout.labels.quadrantLabels.bl.color},crosshairs:{horizontal:`M ${t.value.left+t.value.usableWidth/4-20},20 ${t.value.left+t.value.usableWidth/4+20},20`,vertical:`M ${t.value.left+t.value.usableWidth/4},0 ${t.value.left+t.value.usableWidth/4},40`}},TR:{tl:{x:t.value.centerX+t.value.usableWidth/4-20,y:0,fill:l.value.style.chart.layout.labels.quadrantLabels.tl.color},tr:{x:t.value.centerX+t.value.usableWidth/4,y:0,fill:l.value.style.chart.layout.labels.quadrantLabels.tr.color},br:{x:t.value.centerX+t.value.usableWidth/4,y:20,fill:l.value.style.chart.layout.labels.quadrantLabels.br.color},bl:{x:t.value.centerX+t.value.usableWidth/4-20,y:20,fill:l.value.style.chart.layout.labels.quadrantLabels.bl.color},crosshairs:{horizontal:`M ${t.value.centerX+t.value.usableWidth/4-20},20 ${t.value.centerX+t.value.usableWidth/4+20},20`,vertical:`M ${t.value.centerX+t.value.usableWidth/4},0 ${t.value.centerX+t.value.usableWidth/4},40`}},BR:{tl:{x:t.value.centerX+t.value.usableWidth/4-20,y:t.value.centerY-48,fill:l.value.style.chart.layout.labels.quadrantLabels.tl.color},tr:{x:t.value.centerX+t.value.usableWidth/4,y:t.value.centerY-48,fill:l.value.style.chart.layout.labels.quadrantLabels.tr.color},br:{x:t.value.centerX+t.value.usableWidth/4,y:t.value.centerY-28,fill:l.value.style.chart.layout.labels.quadrantLabels.br.color},bl:{x:t.value.centerX+t.value.usableWidth/4-20,y:t.value.centerY-28,fill:l.value.style.chart.layout.labels.quadrantLabels.bl.color},crosshairs:{horizontal:`M ${t.value.centerX+t.value.usableWidth/4-20},${t.value.centerY-28} ${t.value.centerX+t.value.usableWidth/4+20},${t.value.centerY-28}`,vertical:`M ${t.value.centerX+t.value.usableWidth/4},${t.value.centerY-48} ${t.value.centerX+t.value.usableWidth/4},${t.value.centerY-8}`}},BL:{tl:{x:t.value.left+t.value.usableWidth/4-20,y:t.value.centerY-48,fill:l.value.style.chart.layout.labels.quadrantLabels.tl.color},tr:{x:t.value.left+t.value.usableWidth/4,y:t.value.centerY-48,fill:l.value.style.chart.layout.labels.quadrantLabels.tr.color},br:{x:t.value.left+t.value.usableWidth/4,y:t.value.centerY-28,fill:l.value.style.chart.layout.labels.quadrantLabels.br.color},bl:{x:t.value.left+t.value.usableWidth/4-20,y:t.value.centerY-28,fill:l.value.style.chart.layout.labels.quadrantLabels.bl.color},crosshairs:{horizontal:`M ${t.value.left+t.value.usableWidth/4-20},${t.value.centerY-28} ${t.value.left+t.value.usableWidth/4+20},${t.value.centerY-28}`,vertical:`M ${t.value.left+t.value.usableWidth/4},${t.value.centerY-48} ${t.value.left+t.value.usableWidth/4},${t.value.centerY-8}`}}}));function ye(){return m.value.map(a=>({color:a.color,name:a.name,shape:a.shape,series:a.series.map(n=>({name:n.name,x:n.xValue,y:n.yValue,quadrantSide:n.quadrantSide,sideName:l.value.style.chart.layout.labels.quadrantLabels[n.quadrantSide].text}))}))}function be(){e.nextTick(()=>{const a=[[l.value.style.chart.title.text],[l.value.style.chart.title.subtitle.text],[""]],n=X.value.head,r=X.value.body,o=a.concat([n]).concat(r),u=s.createCsvContent(o);s.downloadCsv({csvContent:u,title:l.value.style.chart.title.text||"vue-ui-quadrant"})})}const B=e.ref(!1);function We(a){B.value=a,H.value+=1}function ve(){v.value.showTable=!v.value.showTable}function pe(){v.value.plotLabels.show=!v.value.plotLabels.show}function me(){v.value.showTooltip=!v.value.showTooltip}const A=e.ref(!1);function R(){A.value=!A.value}return we({getData:ye,generatePdf:ne,generateCsv:be,generateImage:oe,toggleTable:ve,toggleLabels:pe,toggleTooltip:me,toggleAnnotator:R}),(a,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`vue-ui-quadrant ${e.unref(B)?"vue-data-ui-wrapper-fullscreen":""} ${e.unref(l).useCssAnimation?"":"vue-ui-dna"}`),ref_key:"quadrantChart",ref:w,id:`vue-ui-quadrant_${e.unref(g)}`,style:e.normalizeStyle(`font-family:${e.unref(l).style.fontFamily};width:100%; text-align:center;background:${e.unref(l).style.chart.backgroundColor};${e.unref(l).responsive?"height: 100%":""}`),onMouseenter:n[16]||(n[16]=()=>e.unref(K)(!0)),onMouseleave:n[17]||(n[17]=()=>e.unref(K)(!1))},[e.unref(l).userOptions.buttons.annotator?(e.openBlock(),e.createBlock(De.PenAndPaper,{key:0,parent:e.unref(w),backgroundColor:e.unref(l).style.chart.backgroundColor,color:e.unref(l).style.chart.color,active:e.unref(A),onClose:R},null,8,["parent","backgroundColor","color","active"])):e.createCommentVNode("",!0),e.unref(_e)?(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"noTitle",ref:Q,class:"vue-data-ui-no-title-space",style:"height:36px; width: 100%;background:transparent"},null,512)):e.createCommentVNode("",!0),e.unref(l).style.chart.title.text?(e.openBlock(),e.createElementBlock("div",{key:2,ref_key:"chartTitle",ref:U,style:"width:100%;background:transparent;padding-bottom:12px"},[(e.openBlock(),e.createBlock(Xe._sfc_main,{key:`table_${e.unref(j)}`,config:{title:{cy:"quadrant-title",...e.unref(l).style.chart.title},subtitle:{cy:"quadrant-subtitle",...e.unref(l).style.chart.title.subtitle}}},null,8,["config"]))],512)):e.createCommentVNode("",!0),e.unref(l).userOptions.show&&e.unref(V)&&(e.unref(ee)||e.unref(O))?(e.openBlock(),e.createBlock(xe.UserOptions,{ref_key:"details",ref:qe,key:`user_options_${e.unref(H)}`,backgroundColor:e.unref(l).style.chart.backgroundColor,color:e.unref(l).style.chart.color,isImaging:e.unref(re),isPrinting:e.unref(ae),uid:e.unref(g),hasTooltip:e.unref(l).userOptions.buttons.tooltip&&e.unref(l).style.chart.tooltip.show,hasPdf:e.unref(l).userOptions.buttons.pdf,hasImg:e.unref(l).userOptions.buttons.img,hasXls:e.unref(l).userOptions.buttons.csv,hasTable:e.unref(l).userOptions.buttons.table,hasLabel:e.unref(l).userOptions.buttons.labels,hasFullscreen:e.unref(l).userOptions.buttons.fullscreen,isFullscreen:e.unref(B),isTooltip:e.unref(v).showTooltip,titles:{...e.unref(l).userOptions.buttonTitles},chartElement:e.unref(w),position:e.unref(l).userOptions.position,hasAnnotator:e.unref(l).userOptions.buttons.annotator,isAnnotation:e.unref(A),onToggleFullscreen:We,onGeneratePdf:e.unref(ne),onGenerateCsv:be,onGenerateImage:e.unref(oe),onToggleTable:ve,onToggleLabels:pe,onToggleTooltip:me,onToggleAnnotator:R,style:e.normalizeStyle({visibility:e.unref(ee)?e.unref(O)?"visible":"hidden":"visible"})},e.createSlots({_:2},[a.$slots.optionTooltip?{name:"optionTooltip",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"optionTooltip",{},void 0,!0)]),key:"0"}:void 0,a.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"optionPdf",{},void 0,!0)]),key:"1"}:void 0,a.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"optionCsv",{},void 0,!0)]),key:"2"}:void 0,a.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"optionImg",{},void 0,!0)]),key:"3"}:void 0,a.$slots.optionTable?{name:"optionTable",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"optionTable",{},void 0,!0)]),key:"4"}:void 0,a.$slots.optionLabels?{name:"optionLabels",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"optionLabels",{},void 0,!0)]),key:"5"}:void 0,a.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:r,isFullscreen:o})=>[e.renderSlot(a.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:r,isFullscreen:o})),void 0,!0)]),key:"6"}:void 0,a.$slots.optionAnnotator?{name:"optionAnnotator",fn:e.withCtx(({toggleAnnotator:r,isAnnotator:o})=>[e.renderSlot(a.$slots,"optionAnnotator",e.normalizeProps(e.guardReactiveProps({toggleAnnotator:r,isAnnotator:o})),void 0,!0)]),key:"7"}:void 0]),1032,["backgroundColor","color","isImaging","isPrinting","uid","hasTooltip","hasPdf","hasImg","hasXls","hasTable","hasLabel","hasFullscreen","isFullscreen","isTooltip","titles","chartElement","position","hasAnnotator","isAnnotation","onGeneratePdf","onGenerateImage","style"])):e.createCommentVNode("",!0),e.unref(V)?(e.openBlock(),e.createElementBlock("svg",{key:4,xmlns:e.unref(s.XMLNS),class:e.normalizeClass({"vue-data-ui-fullscreen--on":e.unref(B),"vue-data-ui-fulscreen--off":!e.unref(B)}),viewBox:`${e.unref(i).startX} ${e.unref(i).startY} ${e.unref(i).width} ${e.unref(i).height}`,style:e.normalizeStyle(`max-width:100%;overflow:${e.unref(h)?"hidden":"visible"};background:transparent;color:${e.unref(l).style.chart.color}`),id:`svg_${e.unref(g)}`},[e.createVNode(Fe._sfc_main),a.$slots["chart-background"]?(e.openBlock(),e.createElementBlock("foreignObject",{key:0,x:e.unref(i).startX,y:e.unref(i).startY,width:e.unref(i).width,height:e.unref(i).height,style:{pointerEvents:"none"}},[e.renderSlot(a.$slots,"chart-background",{},void 0,!0)],8,Ge)):e.createCommentVNode("",!0),e.createElementVNode("defs",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(m),(r,o)=>(e.openBlock(),e.createElementBlock("radialGradient",{cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%",id:`quadrant_gradient_${e.unref(g)}_${o}`},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(s.setOpacity)(e.unref(s.shiftHue)(r.color,.05),e.unref(l).style.chart.layout.areas.opacity)},null,8,je),e.createElementVNode("stop",{offset:"100%","stop-color":e.unref(s.setOpacity)(r.color,e.unref(l).style.chart.layout.areas.opacity)},null,8,Je)],8,Qe))),256))]),e.unref(l).style.chart.layout.grid.graduations.show?(e.openBlock(),e.createElementBlock("g",Ze,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(Ne),r=>(e.openBlock(),e.createElementBlock("rect",{fill:e.unref(l).style.chart.layout.grid.graduations.fill?e.unref(s.setOpacity)(e.unref(l).style.chart.layout.grid.graduations.color,r.opacity):"none",x:r.x,y:r.y,height:r.height<=0?.001:r.height,width:r.width<=0?.001:r.width,"stroke-width":e.unref(l).style.chart.layout.grid.graduations.strokeWidth,stroke:e.unref(l).style.chart.layout.grid.graduations.stroke,rx:e.unref(l).style.chart.layout.grid.graduations.roundingForce},null,8,Ke))),256))])):e.createCommentVNode("",!0),e.createElementVNode("line",{x1:e.unref(t).left,y1:e.unref(t).centerY,x2:e.unref(t).right,y2:e.unref(t).centerY,stroke:e.unref(l).style.chart.layout.grid.stroke,"stroke-width":e.unref(l).style.chart.layout.grid.strokeWidth},null,8,et),e.createElementVNode("line",{x1:e.unref(t).centerX,y1:e.unref(t).top,x2:e.unref(t).centerX,y2:e.unref(t).bottom,stroke:e.unref(l).style.chart.layout.grid.stroke,"stroke-width":e.unref(l).style.chart.layout.grid.strokeWidth},null,8,tt),e.unref(l).style.chart.layout.grid.showArrows?(e.openBlock(),e.createElementBlock("g",lt,[e.createElementVNode("polygon",{points:`${e.unref(t).right-8},${e.unref(t).centerY-6} ${e.unref(t).right},${e.unref(t).centerY} ${e.unref(t).right-8},${e.unref(t).centerY+6}`,fill:e.unref(l).style.chart.layout.grid.stroke,stroke:"none"},null,8,at),e.createElementVNode("polygon",{points:`${e.unref(t).left+8},${e.unref(t).centerY-6} ${e.unref(t).left},${e.unref(t).centerY} ${e.unref(t).left+8},${e.unref(t).centerY+6}`,fill:e.unref(l).style.chart.layout.grid.stroke,stroke:"none"},null,8,rt),e.createElementVNode("polygon",{points:`${e.unref(t).centerX-6},${e.unref(t).top+8} ${e.unref(t).centerX},${e.unref(t).top} ${e.unref(t).centerX+6},${e.unref(t).top+8}`,fill:e.unref(l).style.chart.layout.grid.stroke,stroke:"none"},null,8,nt),e.createElementVNode("polygon",{points:`${e.unref(t).centerX-6},${e.unref(t).bottom-8} ${e.unref(t).centerX},${e.unref(t).bottom} ${e.unref(t).centerX+6},${e.unref(t).bottom-8}`,fill:e.unref(l).style.chart.layout.grid.stroke,stroke:"none"},null,8,ot)])):e.createCommentVNode("",!0),e.unref(l).style.chart.layout.labels.quadrantLabels.show&&!e.unref(h)?(e.openBlock(),e.createElementBlock("g",ut,[e.unref(l).style.chart.layout.labels.quadrantLabels.tl.text?(e.openBlock(),e.createElementBlock("text",{key:0,x:0,y:e.unref(t).top-e.unref(t).padding/2,"text-anchor":"start",fill:e.unref(l).style.chart.layout.labels.quadrantLabels.tl.color,"font-size":e.unref(l).style.chart.layout.labels.quadrantLabels.tl.fontSize,style:e.normalizeStyle(`font-weight:${e.unref(l).style.chart.layout.labels.quadrantLabels.tl.bold?"bold":""}`),onClick:n[0]||(n[0]=r=>N("tl"))},e.toDisplayString(e.unref(l).style.chart.layout.labels.quadrantLabels.tl.text),13,st)):e.createCommentVNode("",!0),e.unref(l).style.chart.layout.labels.quadrantLabels.tr.text?(e.openBlock(),e.createElementBlock("text",{key:1,x:e.unref(t).width,y:e.unref(t).top-e.unref(t).padding/2,"text-anchor":"end",fill:e.unref(l).style.chart.layout.labels.quadrantLabels.tr.color,"font-size":e.unref(l).style.chart.layout.labels.quadrantLabels.tr.fontSize,style:e.normalizeStyle(`font-weight:${e.unref(l).style.chart.layout.labels.quadrantLabels.tr.bold?"bold":""}`),onClick:n[1]||(n[1]=r=>N("tr"))},e.toDisplayString(e.unref(l).style.chart.layout.labels.quadrantLabels.tr.text),13,it)):e.createCommentVNode("",!0),e.unref(l).style.chart.layout.labels.quadrantLabels.br.text?(e.openBlock(),e.createElementBlock("text",{key:2,x:e.unref(t).width,y:e.unref(t).bottom+e.unref(t).padding*.7,"text-anchor":"end",fill:e.unref(l).style.chart.layout.labels.quadrantLabels.br.color,"font-size":e.unref(l).style.chart.layout.labels.quadrantLabels.br.fontSize,style:e.normalizeStyle(`font-weight:${e.unref(l).style.chart.layout.labels.quadrantLabels.br.bold?"bold":""}`),onClick:n[2]||(n[2]=r=>N("br"))},e.toDisplayString(e.unref(l).style.chart.layout.labels.quadrantLabels.br.text),13,ct)):e.createCommentVNode("",!0),e.unref(l).style.chart.layout.labels.quadrantLabels.bl.text?(e.openBlock(),e.createElementBlock("text",{key:3,x:0,y:e.unref(t).bottom+e.unref(t).padding*.7,"text-anchor":"start",fill:e.unref(l).style.chart.layout.labels.quadrantLabels.bl.color,"font-size":e.unref(l).style.chart.layout.labels.quadrantLabels.bl.fontSize,style:e.normalizeStyle(`font-weight:${e.unref(l).style.chart.layout.labels.quadrantLabels.bl.bold?"bold":""}`),onClick:n[3]||(n[3]=r=>N("bl"))},e.toDisplayString(e.unref(l).style.chart.layout.labels.quadrantLabels.bl.text),13,ft)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.unref(l).style.chart.layout.labels.axisLabels.show?(e.openBlock(),e.createElementBlock("g",dt,[e.createElementVNode("text",{x:e.unref(t).centerX,y:e.unref(t).top-e.unref(t).padding/6,"text-anchor":"middle","font-size":e.unref(l).style.chart.layout.labels.axisLabels.fontSize,fill:e.unref(l).style.chart.layout.labels.axisLabels.color.positive},e.toDisplayString(e.unref(s.applyDataLabel)(e.unref(l).style.chart.layout.labels.plotLabels.y.formatter,e.unref(p).y.max,e.unref(s.dataLabel)({v:e.unref(p).y.max,r:e.unref(l).style.chart.layout.labels.plotLabels.rounding}))),9,ht),e.createElementVNode("text",{x:e.unref(t).centerX,y:e.unref(t).top-e.unref(t).padding/2,"text-anchor":"middle","font-size":e.unref(l).style.chart.layout.labels.axisLabels.fontSize,fill:e.unref(l).style.chart.layout.labels.axisLabels.color.positive},e.toDisplayString(e.unref(l).style.chart.layout.grid.yAxis.name),9,yt),e.createElementVNode("text",{x:e.unref(t).centerX,y:e.unref(t).bottom+e.unref(t).padding*.35,"text-anchor":"middle","font-size":e.unref(l).style.chart.layout.labels.axisLabels.fontSize,fill:e.unref(l).style.chart.layout.labels.axisLabels.color.negative},e.toDisplayString(e.unref(s.applyDataLabel)(e.unref(l).style.chart.layout.labels.plotLabels.y.formatter,e.unref(p).y.min,e.unref(s.dataLabel)({v:e.unref(p).y.min,r:e.unref(l).style.chart.layout.labels.plotLabels.rounding}))),9,bt),e.createElementVNode("text",{id:`xLabelMin_${e.unref(g)}`,"text-anchor":"middle","font-size":e.unref(l).style.chart.layout.labels.axisLabels.fontSize,transform:`translate(${e.unref(t).padding-e.unref(l).style.chart.layout.labels.axisLabels.fontSize}, ${e.unref(t).height/2}), rotate(-90)`,fill:e.unref(l).style.chart.layout.labels.axisLabels.color.negative},e.toDisplayString(e.unref(s.applyDataLabel)(e.unref(l).style.chart.layout.labels.plotLabels.x.formatter,e.unref(p).x.min,e.unref(s.dataLabel)({v:e.unref(p).x.min,r:e.unref(l).style.chart.layout.labels.plotLabels.rounding}))),9,vt),e.createElementVNode("text",{id:`xLabelMax_${e.unref(g)}`,"text-anchor":"middle","font-size":e.unref(l).style.chart.layout.labels.axisLabels.fontSize,transform:`translate(${e.unref(t).width-e.unref(t).padding+e.unref(l).style.chart.layout.labels.axisLabels.fontSize}, ${e.unref(t).height/2}), rotate(90)`,fill:e.unref(l).style.chart.layout.labels.axisLabels.color.positive},e.toDisplayString(e.unref(s.applyDataLabel)(e.unref(l).style.chart.layout.labels.plotLabels.x.formatter,e.unref(p).x.max,e.unref(s.dataLabel)({v:e.unref(p).x.max,r:e.unref(l).style.chart.layout.labels.plotLabels.rounding}))),9,pt),e.createElementVNode("text",{id:`xLabelMaxName_${e.unref(g)}`,"text-anchor":"middle","font-size":e.unref(l).style.chart.layout.labels.axisLabels.fontSize,transform:`translate(${e.unref(t).width-e.unref(l).style.chart.layout.labels.axisLabels.fontSize}, ${e.unref(t).height/2}), rotate(90)`,fill:e.unref(l).style.chart.layout.labels.axisLabels.color.positive},e.toDisplayString(e.unref(l).style.chart.layout.grid.xAxis.name),9,mt)])):e.createCommentVNode("",!0),e.unref(l).style.chart.layout.areas.show?(e.openBlock(),e.createElementBlock("g",gt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(m),(r,o)=>(e.openBlock(),e.createElementBlock("g",null,[r.series.length>2?(e.openBlock(),e.createElementBlock("polygon",{key:0,"data-cy-quadrant-area":"",fill:e.unref(l).style.chart.layout.areas.useGradient?`url(#quadrant_gradient_${e.unref(g)}_${o})`:e.unref(s.setOpacity)(r.color,e.unref(l).style.chart.layout.areas.opacity),points:e.unref(s.giftWrap)(r)},null,8,kt)):e.createCommentVNode("",!0)]))),256))])):e.createCommentVNode("",!0),e.createElementVNode("g",null,[e.createElementVNode("rect",{onClick:n[4]||(n[4]=r=>$("TL")),x:e.unref(t).left,y:e.unref(t).top,width:e.unref(t).usableWidth/2<=0?.001:e.unref(t).usableWidth/2,height:e.unref(t).usableHeight/2<=0?.001:e.unref(t).usableHeight/2,fill:"transparent",class:e.normalizeClass({"vue-data-ui-zoom-plus":!e.unref(h),"vue-data-ui-zoom-minus":e.unref(h)})},null,10,xt),e.createElementVNode("rect",{onClick:n[5]||(n[5]=r=>$("TR")),x:e.unref(t).centerX,y:e.unref(t).top,width:e.unref(t).usableWidth/2<=0?.001:e.unref(t).usableWidth/2,height:e.unref(t).usableHeight/2<=0?.001:e.unref(t).usableHeight/2,fill:"transparent",class:e.normalizeClass({"vue-data-ui-zoom-plus":!e.unref(h),"vue-data-ui-zoom-minus":e.unref(h)})},null,10,$t),e.createElementVNode("rect",{onClick:n[6]||(n[6]=r=>$("BR")),x:e.unref(t).centerX,y:e.unref(t).centerY,width:e.unref(t).usableWidth/2<=0?.001:e.unref(t).usableWidth/2,height:e.unref(t).usableHeight/2<=0?.001:e.unref(t).usableHeight/2,fill:"transparent",class:e.normalizeClass({"vue-data-ui-zoom-plus":!e.unref(h),"vue-data-ui-zoom-minus":e.unref(h)})},null,10,Lt),e.createElementVNode("rect",{onClick:n[7]||(n[7]=r=>$("BL")),x:e.unref(t).left,y:e.unref(t).centerY,width:e.unref(t).usableWidth/2<=0?.001:e.unref(t).usableWidth/2,height:e.unref(t).usableHeight/2<=0?.001:e.unref(t).usableHeight/2,fill:"transparent",class:e.normalizeClass({"vue-data-ui-zoom-plus":!e.unref(h),"vue-data-ui-zoom-minus":e.unref(h)})},null,10,Ct)]),e.unref(l).style.chart.layout.labels.plotLabels.showAsTag?(e.openBlock(),e.createElementBlock(e.Fragment,{key:7},[e.unref(v).plotLabels.show?(e.openBlock(),e.createElementBlock("g",Bt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(m),(r,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.series,u=>(e.openBlock(),e.createElementBlock("foreignObject",{style:{overflow:"visible"},height:"10",width:"100",x:u.x-50,y:u.y-e.unref(l).style.chart.layout.labels.plotLabels.fontSize,onMouseover:f=>de(r,u,o),onMouseleave:n[9]||(n[9]=f=>{E.value=!1,_.value=null,z.value=null}),onClick:f=>he(r,u)},[e.createElementVNode("div",{style:e.normalizeStyle(`color:${e.unref(s.adaptColorToBackground)(r.color)};margin: 0 auto; font-size:${e.unref(l).style.chart.layout.labels.plotLabels.fontSize}px; text-align:center;background:${r.color}; padding: 2px 4px; border-radius: 12px; height: ${e.unref(l).style.chart.layout.labels.plotLabels.fontSize*1.5}px`)},e.toDisplayString(u.name),5)],40,qt))),256))],64))),256))])):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:6},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(m),(r,o)=>(e.openBlock(),e.createElementBlock("g",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.series,u=>(e.openBlock(),e.createBlock($e._sfc_main,{color:r.color,isSelected:e.unref(_)&&u.uid===e.unref(_),plot:u,radius:e.unref(l).style.chart.layout.plots.radius/(e.unref(h)?1.5:1),shape:r.shape,stroke:e.unref(l).style.chart.layout.plots.outline?e.unref(l).style.chart.layout.plots.outlineColor:"none",strokeWidth:e.unref(l).style.chart.layout.plots.outlineWidth,onMouseover:f=>de(r,u,o),onMouseleave:n[8]||(n[8]=f=>{E.value=!1,_.value=null,z.value=null}),onClick:f=>he(r,u)},null,8,["color","isSelected","plot","radius","shape","stroke","strokeWidth","onMouseover","onClick"]))),256))]))),256)),e.unref(v).plotLabels.show?(e.openBlock(),e.createElementBlock("g",wt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(m),r=>(e.openBlock(),e.createElementBlock("g",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.series,o=>(e.openBlock(),e.createElementBlock("text",{x:o.x,y:o.y+e.unref(l).style.chart.layout.labels.plotLabels.offsetY+e.unref(l).style.chart.layout.plots.radius,"text-anchor":"middle","font-size":e.unref(l).style.chart.layout.labels.plotLabels.fontSize/(e.unref(h)?1.5:1),fill:e.unref(l).style.chart.layout.labels.plotLabels.color},e.toDisplayString(o.name),9,St))),256))]))),256))])):e.createCommentVNode("",!0)],64)),e.unref(h)?(e.openBlock(),e.createElementBlock("g",_t,[e.unref(c)==="TL"?(e.openBlock(),e.createElementBlock("polygon",{key:0,points:`${e.unref(t).left-1},${e.unref(t).centerY} ${e.unref(t).centerX},${e.unref(t).centerY} ${e.unref(t).centerX},${e.unref(t).top-1} ${e.unref(t).right},${e.unref(t).top-1} ${e.unref(t).right},${e.unref(t).bottom} ${e.unref(t).left-1},${e.unref(t).bottom} ${e.unref(t).left-1},${e.unref(t).centerY}`,fill:e.unref(l).style.chart.backgroundColor,style:{opacity:"1"}},null,8,zt)):e.createCommentVNode("",!0),e.unref(c)==="TR"?(e.openBlock(),e.createElementBlock("polygon",{key:1,points:`${e.unref(t).left},${e.unref(t).top-1} ${e.unref(t).centerX},${e.unref(t).top-1} ${e.unref(t).centerX},${e.unref(t).centerY} ${e.unref(t).right+1},${e.unref(t).centerY} ${e.unref(t).right+1},${e.unref(t).bottom} ${e.unref(t).left},${e.unref(t).bottom} ${e.unref(t).left},${e.unref(t).top-1}`,fill:e.unref(l).style.chart.backgroundColor,style:{opacity:"1"}},null,8,Nt)):e.createCommentVNode("",!0),e.unref(c)==="BR"?(e.openBlock(),e.createElementBlock("polygon",{key:2,points:`${e.unref(t).left},${e.unref(t).top} ${e.unref(t).right+1},${e.unref(t).top} ${e.unref(t).right+1},${e.unref(t).centerY} ${e.unref(t).centerX},${e.unref(t).centerY} ${e.unref(t).centerX},${e.unref(t).bottom+1} ${e.unref(t).left},${e.unref(t).bottom+1} ${e.unref(t).left},${e.unref(t).top}`,fill:e.unref(l).style.chart.backgroundColor,style:{opacity:"1"}},null,8,Vt)):e.createCommentVNode("",!0),e.unref(c)==="BL"?(e.openBlock(),e.createElementBlock("polygon",{key:3,points:`${e.unref(t).left-1},${e.unref(t).top} ${e.unref(t).right},${e.unref(t).top} ${e.unref(t).right},${e.unref(t).bottom+1} ${e.unref(t).centerX},${e.unref(t).bottom+1} ${e.unref(t).centerX},${e.unref(t).centerY} ${e.unref(t).left-1},${e.unref(t).centerY} ${e.unref(t).left-1},${e.unref(t).top}`,fill:e.unref(l).style.chart.backgroundColor,style:{opacity:"1"}},null,8,Et)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.unref(c)&&!e.unref(W)?(e.openBlock(),e.createElementBlock("g",Tt,[e.createElementVNode("text",{x:e.unref(C).x,y:e.unref(C).y-e.unref(C).fontSize/1.5,"font-size":e.unref(C).fontSize/1.5,fill:e.unref(C).fill,"text-anchor":"middle","font-weight":e.unref(C).bold?"bold":"normal"},e.toDisplayString(e.unref(C).text),9,Wt)])):e.createCommentVNode("",!0),e.unref(h)&&e.unref(c)?(e.openBlock(),e.createElementBlock("g",Xt,[e.createElementVNode("rect",{x:e.unref(b)[e.unref(c)].tl.x,y:e.unref(b)[e.unref(c)].tl.y,height:"20",width:"20",fill:e.unref(b)[e.unref(c)].tl.fill,style:e.normalizeStyle(`cursor: pointer; opacity: ${e.unref(c)==="TL"?1:.2}`),onClick:n[10]||(n[10]=r=>$("TL")),class:e.normalizeClass({"vue-ui-quadrant-mini-map-cell":!0,"vue-ui-quadrant-mini-map-cell-selectable":e.unref(c)!=="TL"})},null,14,Yt),e.createElementVNode("rect",{x:e.unref(b)[e.unref(c)].tr.x,y:e.unref(b)[e.unref(c)].tr.y,height:"20",width:"20",fill:e.unref(b)[e.unref(c)].tr.fill,style:e.normalizeStyle(`cursor: pointer; opacity: ${e.unref(c)==="TR"?1:.2}`),onClick:n[11]||(n[11]=r=>$("TR")),class:e.normalizeClass({"vue-ui-quadrant-mini-map-cell":!0,"vue-ui-quadrant-mini-map-cell-selectable":e.unref(c)!=="TR"})},null,14,At),e.createElementVNode("rect",{x:e.unref(b)[e.unref(c)].br.x,y:e.unref(b)[e.unref(c)].br.y,height:"20",width:"20",fill:e.unref(b)[e.unref(c)].br.fill,style:e.normalizeStyle(`cursor: pointer; opacity: ${e.unref(c)==="BR"?1:.2}`),onClick:n[12]||(n[12]=r=>$("BR")),class:e.normalizeClass({"vue-ui-quadrant-mini-map-cell":!0,"vue-ui-quadrant-mini-map-cell-selectable":e.unref(c)!=="BR"})},null,14,Mt),e.createElementVNode("rect",{x:e.unref(b)[e.unref(c)].bl.x,y:e.unref(b)[e.unref(c)].bl.y,height:"20",width:"20",fill:e.unref(b)[e.unref(c)].bl.fill,style:e.normalizeStyle(`cursor: pointer; opacity: ${e.unref(c)==="BL"?1:.2}`),onClick:n[13]||(n[13]=r=>$("BL")),class:e.normalizeClass({"vue-ui-quadrant-mini-map-cell":!0,"vue-ui-quadrant-mini-map-cell-selectable":e.unref(c)!=="BL"})},null,14,Pt),e.createElementVNode("path",{class:"vue-ui-quadrant-minimap-crosshairs",stroke:e.unref(l).style.chart.backgroundColor,"stroke-width":1,d:e.unref(b)[e.unref(c)].crosshairs.horizontal},null,8,Ot),e.createElementVNode("path",{class:"vue-ui-quadrant-minimap-crosshairs",stroke:e.unref(l).style.chart.backgroundColor,"stroke-width":1,d:e.unref(b)[e.unref(c)].crosshairs.vertical},null,8,Ft)])):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"svg",{svg:e.unref(t)},void 0,!0)],14,Ie)):e.createCommentVNode("",!0),a.$slots.watermark?(e.openBlock(),e.createElementBlock("div",Dt,[e.renderSlot(a.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(ae)||e.unref(re)})),void 0,!0)])):e.createCommentVNode("",!0),e.unref(V)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(Pe.default,{key:6,config:{type:"quadrant",style:{backgroundColor:e.unref(l).style.chart.backgroundColor,quadrant:{grid:{color:e.unref(l).style.chart.layout.grid.stroke},plots:{color:e.unref(l).style.chart.layout.grid.stroke,radius:1}}}}},null,8,["config"])),e.createElementVNode("div",{ref_key:"chartLegend",ref:I},[e.unref(l).style.chart.legend.show?(e.openBlock(),e.createBlock(Ae.Legend,{key:`legend_${e.unref(Z)}`,legendSet:e.unref(ce),config:e.unref(Te),onClickMarker:n[14]||(n[14]=({legend:r})=>F(r.id))},{item:e.withCtx(({legend:r})=>[e.createElementVNode("div",{"data-cy-legend-item":"",onClick:o=>F(r.id),style:e.normalizeStyle(`opacity:${e.unref(L).includes(r.id)?.5:1}`)},e.toDisplayString(r.name),13,Rt)]),_:1},8,["legendSet","config"])):e.renderSlot(a.$slots,"legend",{key:1,legend:e.unref(ce)},void 0,!0)],512),a.$slots.source?(e.openBlock(),e.createElementBlock("div",{key:7,ref_key:"source",ref:G,dir:"auto"},[e.renderSlot(a.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0),e.createVNode(Ye._sfc_main,{show:e.unref(v).showTooltip&&e.unref(E),backgroundColor:e.unref(l).style.chart.tooltip.backgroundColor,color:e.unref(l).style.chart.tooltip.color,borderRadius:e.unref(l).style.chart.tooltip.borderRadius,borderColor:e.unref(l).style.chart.tooltip.borderColor,borderWidth:e.unref(l).style.chart.tooltip.borderWidth,fontSize:e.unref(l).style.chart.tooltip.fontSize,backgroundOpacity:e.unref(l).style.chart.tooltip.backgroundOpacity,position:e.unref(l).style.chart.tooltip.position,offsetY:e.unref(l).style.chart.tooltip.offsetY,parent:e.unref(w),content:e.unref(P),isFullscreen:e.unref(B),isCustom:e.unref(l).style.chart.tooltip.customFormat&&typeof e.unref(l).style.chart.tooltip.customFormat=="function"},{"tooltip-before":e.withCtx(()=>[e.renderSlot(a.$slots,"tooltip-before",e.normalizeProps(e.guardReactiveProps({...e.unref(D)})),void 0,!0)]),"tooltip-after":e.withCtx(()=>[e.renderSlot(a.$slots,"tooltip-after",e.normalizeProps(e.guardReactiveProps({...e.unref(D)})),void 0,!0)]),default:e.withCtx(()=>[e.unref(l).style.chart.tooltip.showShape?(e.openBlock(),e.createElementBlock("svg",Ht,[e.createVNode($e._sfc_main,{plot:{x:10,y:10},shape:e.unref(z).shape,color:e.unref(z).color,radius:8,stroke:e.unref(l).style.chart.layout.plots.outline?e.unref(l).style.chart.layout.plots.outlineColor:"none","stroke-width":e.unref(l).style.chart.layout.plots.outlineWidth},null,8,["shape","color","stroke","stroke-width"])])):e.createCommentVNode("",!0)]),_:3},8,["show","backgroundColor","color","borderRadius","borderColor","borderWidth","fontSize","backgroundOpacity","position","offsetY","parent","content","isFullscreen","isCustom"]),e.unref(V)?(e.openBlock(),e.createBlock(Oe.default,{key:8,hideDetails:"",config:{open:e.unref(v).showTable,maxHeight:1e4,body:{backgroundColor:e.unref(l).style.chart.backgroundColor,color:e.unref(l).style.chart.color},head:{backgroundColor:e.unref(l).style.chart.backgroundColor,color:e.unref(l).style.chart.color}}},{content:e.withCtx(()=>[(e.openBlock(),e.createBlock(Me.DataTable,{key:`table_${e.unref(J)}`,colNames:e.unref(Y).colNames,head:e.unref(Y).head,body:e.unref(Y).body,config:e.unref(Y).config,title:`${e.unref(l).style.chart.title.text}${e.unref(l).style.chart.title.subtitle.text?` : ${e.unref(l).style.chart.title.subtitle.text}`:""}`,onClose:n[15]||(n[15]=r=>e.unref(v).showTable=!1)},{th:e.withCtx(({th:r})=>[e.createTextVNode(e.toDisplayString(r),1)]),td:e.withCtx(({td:r})=>[e.createElementVNode("div",{innerHTML:r.name||r},null,8,Ut)]),_:1},8,["colNames","head","body","config","title"]))]),_:1},8,["config"])):e.createCommentVNode("",!0)],46,Ue))}},Gt=He._export_sfc(It,[["__scopeId","data-v-0b641dbf"]]);exports.default=Gt;