UNPKG

vue-data-ui

Version:

A user-empowering data visualization Vue 3 components library for eloquent data storytelling

41 lines 63 kB
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),l=require("./index-_gyicZFE.cjs"),M=require("./useNestedProp-BJQoarHp.cjs"),s=require("./PackageVersion-DHtx9fnE.cjs"),b=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),C=["id"],L=["xmlns"],S=["stroke"],z=["stroke"],P=["stroke"],A=["fill","stroke"],$=["fill"],X=["fill","stroke"],W=["fill"],j=["fill","stroke"],F=["fill"],O=["fill","stroke"],q=["fill"],H=["fill","stroke"],Z=["fill"],I=["fill","stroke"],T=["fill"],G=["xmlns"],R=["stroke"],Y=["stroke"],D=["stroke"],U=["stroke"],J=["stroke"],K=["stroke"],Q=["stroke"],ee=["stroke"],te=["stroke"],le=["xmlns"],oe=["stroke","fill"],re=["xmlns"],ne=["stroke","fill"],se=["xmlns"],ce=["fill"],ae=["fill"],ie=["fill"],de=["fill"],ue=["xmlns"],ke=["stroke"],ye=["fill"],he=["stroke","fill"],me=["stroke","fill"],ve=["fill"],_e=["stroke","fill"],pe=["stroke","fill"],xe=["fill"],fe=["stroke","fill"],ge=["stroke","fill"],Ne=["fill"],we=["stroke","fill"],Ee=["stroke","fill"],Ve=["fill"],Be=["stroke","fill"],Me=["stroke","fill"],be=["xmlns"],Ce=["stroke"],Le=["stroke"],Se=["stroke","fill"],ze=["stroke","fill"],Pe=["stroke","fill"],Ae=["stroke","fill"],$e=["stroke","fill"],Xe=["stroke","fill"],We=["stroke","fill"],je=["stroke","fill"],Fe=["stroke","fill"],Oe=["stroke","fill"],qe=["stroke","fill"],He=["stroke","fill"],Ze=["stroke","fill"],Ie=["stroke","fill"],Te=["stroke","fill"],Ge=["stroke","fill"],Re=["stroke","fill"],Ye=["stroke","fill"],De=["stroke","fill"],Ue=["stroke","fill"],Je=["stroke","fill"],Ke=["stroke","fill"],Qe=["stroke","fill"],et=["xmlns"],tt=["stroke"],lt=["xmlns"],ot=["stroke"],rt=["xmlns"],nt=["stroke"],st=["xmlns"],ct=["fill"],at=["fill"],it=["fill"],dt=["fill"],ut=["fill"],kt=["fill"],yt=["fill"],ht=["fill"],mt=["fill"],vt=["fill"],_t=["fill"],pt=["fill"],xt=["xmlns"],ft=["stroke"],gt=["stroke"],Nt=["stroke"],wt=["stroke"],Et=["stroke"],Vt=["stroke"],Bt=["xmlns"],Mt=["stroke"],bt=["stroke"],Ct=["stroke"],Lt=["stroke"],St=["stroke"],zt=["stroke"],Pt=["stroke"],At=["stroke"],$t=["stroke"],Xt=["xmlns"],Wt=["stroke"],jt=["xmlns"],Ft=["stroke"],Ot=["stroke"],qt=["stroke"],Ht=["stroke"],Zt=["stroke"],It=["stroke"],Tt=["stroke"],Gt=["stroke"],Rt=["stroke"],Yt=["xmlns"],Dt=["x1","x2","stroke"],Ut=["xmlns"],Jt=["x","y","width","height","fill"],Kt=["y","width","height","fill"],Qt=["xmlns"],el=["fill"],tl=["fill"],ll=["fill"],ol=["xmlns"],rl=["x1","x2","y1","y2","stroke"],nl=["stroke"],sl=["fill"],cl=["xmlns"],al=["fill"],il=["fill"],dl=["x1","y1","x2","y2","stroke-width","stroke"],ul=["xmlns"],kl={key:0},yl=["stroke","stroke-width"],hl=["stroke","stroke-width"],ml=["x1","x2","y1","y2","stroke","stroke-width"],vl=["x1","x2","y1","y2","stroke","stroke-width"],_l=["x1","x2","y1","y2","stroke","stroke-width"],pl=["x","y","height","width","fill"],xl=["xmlns","viewBox"],fl=["x","y","stroke","fill"],gl=["xmlns"],Nl=["d","stroke"],wl=["cx","cy","r","fill","stroke"],El=["cx","cy","r","fill","stroke"],Vl=["x","y","width","fill"],Bl=["cx","cy","fill"],Ml=["cx","cy","fill"],bl=["stroke"],Cl=["xmlns"],Ll=["stroke","stroke-width"],Sl=["stroke","stroke-width"],zl=["stroke","stroke-width"],Pl=["fill"],Al=["fill"],$l=["fill"],Xl=["fill"],Wl=["fill"],jl=["fill"],Fl=["xmlns"],Ol={key:0},ql=["stroke","stroke-width"],Hl=["stroke","stroke-width"],Zl=["stroke","stroke-width"],Il={key:1},Tl=["r","fill"],Gl=["r","fill"],Rl=["xmlns"],Yl={key:0},Dl=["stroke","stroke-width"],Ul=["stroke","stroke-width"],Jl=["fill","rx","x","y","width","height"],Kl=["xmlns"],Ql=["stroke-width","stroke"],eo=["stroke-width","stroke"],to=["stroke-width","stroke"],lo=["xmlns"],oo=["stroke"],ro=["stroke"],no=["stroke"],so=["stroke"],co=["fill"],ao=["stroke"],io=["xmlns"],uo=["stroke","stroke-width"],ko=["stroke","stroke-width"],yo=["fill","r"],ho=["fill","r"],mo=["fill","r"],vo=["fill","r"],_o=["fill","r"],po=["fill","r"],xo=["fill","r"],fo=["fill","r"],go=["fill","r"],No=["xmlns"],wo=["d","stroke","stroke-width"],Eo=["d","stroke","stroke-width"],Vo=["d","stroke","stroke-width"],Bo=["d","stroke","stroke-width"],Mo=["stroke","stroke-width"],bo=["stroke","stroke-width"],Co=["stroke","stroke-width"],Lo=["fill"],So=["fill"],zo=["xmlns"],Po=["x","y","fill"],Ao=["x","y","fill"],$o=["x","y","fill"],Xo=["xmlns"],Wo=["fill"],jo=["fill"],Fo=["y1","y2","stroke","stroke-width"],Oo=["x1","x2","stroke","stroke-width"],qo=["xmlns","stroke"],Ho=["fill"],Zo=["xmlns","stroke"],Io=["xmlns","stroke"],To=["fill"],Go=["xmlns","stroke"],Ro=["xmlns","stroke"],Yo=["fill"],Do=["xmlns","stroke"],Uo=["xmlns","stroke"],Jo=["fill"],Ko=["xmlns","stroke"],Qo=["xmlns","stroke"],er=["fill"],tr=["xmlns","stroke"],lr=["xmlns"],or=["points","fill","stroke","stroke-width"],rr=["xmlns"],nr={key:0},sr=["stroke","stroke-width"],cr=["y","width","fill","rx"],ar={__name:"vue-ui-skeleton",props:{config:{type:Object,default(){return{}}}},setup(v){const{vue_ui_skeleton:_}=l.useConfig(),p=v,x=e.ref(`vue-ui-skeleton-${Math.random()}`),t=e.computed(()=>M.useNestedProp({userConfig:p.config,defaultConfig:_})),f=e.computed(()=>t.value.style.animated),n=e.computed(()=>t.value.type),g=e.ref([60,50,55,36,40,25,26,12]),N=e.computed(()=>l.createPolygonPath({plot:{x:50,y:50},radius:40,sides:6}).path),w=e.computed(()=>l.createPolygonPath({plot:{x:50,y:50},radius:30,sides:6}).path),E=e.computed(()=>l.createPolygonPath({plot:{x:50,y:50},radius:20,sides:6}).path),V=e.computed(()=>l.createPolygonPath({plot:{x:50,y:50},radius:10,sides:6}).path),k=e.ref([{root:{x:70,y:77,r:44,opacity:100},bars:[{x:200,y:37,opacity:100,width:240},{x:200,y:118,opacity:100,width:180},{x:200,y:253,opacity:100,width:80}]},{root:{x:70,y:177,r:32,opacity:70},bars:[{x:200,y:145,opacity:70,width:160},{x:200,y:172,opacity:70,width:140},{x:200,y:199,opacity:70,width:120}]},{root:{x:70,y:257,r:24,opacity:40},bars:[{x:200,y:64,opacity:40,width:220},{x:200,y:91,opacity:40,width:200},{x:200,y:226,opacity:40,width:100}]}]),a=e.ref([{y:200,height:100,bar:50},{y:180,height:100,bar:40},{y:150,height:100,bar:30},{y:120,height:80,bar:50},{y:110,height:60,bar:30},{y:80,height:80,bar:10},{y:50,height:80,bar:40},{y:24,height:40,bar:24},{y:44,height:20,bar:13},{y:32,height:45,bar:19}]),u=e.ref([[3,2.5],[4,3.1],[8,6],[9.5,6.5],[12,11],[16,15],[18,18.2],[25,24],[24,26],[32,32],[33,32],[32,31],[38,37],[37,38],[42,41],[40,41],[44,45],[38,35],[31,32]]),y=e.ref([{x:40,y:30},{x:45,y:28},{x:50,y:25},{x:55,y:20},{x:60,y:27},{x:65,y:14},{x:70,y:23},{x:75,y:16},{x:80,y:25},{x:85,y:10},{x:90,y:18},{x:95,y:7},{x:100,y:12},{x:105,y:10},{x:110,y:20},{x:115,y:7},{x:120,y:14},{x:125,y:10},{x:130,y:19},{x:135,y:3},{x:140,y:10},{x:145,y:2},{x:150,y:1}]);function h(d,c=1){return{x:200+160*Math.cos(29.85+d*Math.PI/180)*c,y:200+160*Math.sin(29.85+d*Math.PI/180)*c}}const B=e.computed(()=>{const d=[];for(let o=0;o<100;o+=1)d.push({x1:h(360/100*o).x,y1:h(360/100*o).y,x2:h(360/100*o,.9).x,y2:h(360/100*o,.9).y,color:t.value.style.wheel.color});return d});return(d,c)=>(e.openBlock(),e.createElementBlock("div",{id:x.value,class:e.normalizeClass({"vue-ui-skeleton":!0,"vue-ui-skeleton-animated":f.value}),style:e.normalizeStyle(`background:${t.value.style.backgroundColor};color:${t.value.style.color};display:flex;align-items:center;justify-content:center;`)},[n.value==="historyPlot"?(e.openBlock(),e.createElementBlock("svg",{key:0,xmlns:e.unref(l.XMLNS),width:"100%",viewBox:"0 0 612 512",style:e.normalizeStyle(`background:${t.value.style.backgroundColor}`)},[e.createVNode(s._sfc_main),e.createElementVNode("line",{x1:"12",x2:"12",y1:"12",y2:"500",stroke:t.value.style.historyPlot.color,"stroke-width":"3","stroke-linecap":"round"},null,8,S),e.createElementVNode("line",{x1:"12",x2:"600",y1:"500",y2:"500",stroke:t.value.style.historyPlot.color,"stroke-width":"3","stroke-linecap":"round"},null,8,z),e.createElementVNode("path",{d:"M 80,100 300,200 400,150 560,230 360,420 230,320",fill:"none",stroke:t.value.style.historyPlot.color,"stroke-width":"3"},null,8,P),e.createElementVNode("circle",{cx:"80",cy:"100",r:"24",fill:t.value.style.historyPlot.color,stroke:t.value.style.backgroundColor,"stroke-width":"3"},null,8,A),e.createElementVNode("text",{x:"80",y:"108",fill:t.value.style.backgroundColor,"font-size":"24","text-anchor":"middle"},"1",8,$),e.createElementVNode("circle",{cx:"300",cy:"200",r:"24",fill:t.value.style.historyPlot.color,stroke:t.value.style.backgroundColor,"stroke-width":"3"},null,8,X),e.createElementVNode("text",{x:"300",y:"208",fill:t.value.style.backgroundColor,"font-size":"24","text-anchor":"middle"},"2",8,W),e.createElementVNode("circle",{cx:"400",cy:"150",r:"24",fill:t.value.style.historyPlot.color,stroke:t.value.style.backgroundColor,"stroke-width":"3"},null,8,j),e.createElementVNode("text",{x:"400",y:"158",fill:t.value.style.backgroundColor,"font-size":"24","text-anchor":"middle"},"3",8,F),e.createElementVNode("circle",{cx:"560",cy:"230",r:"24",fill:t.value.style.historyPlot.color,stroke:t.value.style.backgroundColor,"stroke-width":"3"},null,8,O),e.createElementVNode("text",{x:"560",y:"238",fill:t.value.style.backgroundColor,"font-size":"24","text-anchor":"middle"},"4",8,q),e.createElementVNode("circle",{cx:"360",cy:"420",r:"24",fill:t.value.style.historyPlot.color,stroke:t.value.style.backgroundColor,"stroke-width":"3"},null,8,H),e.createElementVNode("text",{x:"360",y:"428",fill:t.value.style.backgroundColor,"font-size":"24","text-anchor":"middle"},"5",8,Z),e.createElementVNode("circle",{cx:"230",cy:"320",r:"24",fill:t.value.style.historyPlot.color,stroke:t.value.style.backgroundColor,"stroke-width":"3"},null,8,I),e.createElementVNode("text",{x:"230",y:"328",fill:t.value.style.backgroundColor,"font-size":"24","text-anchor":"middle"},"6",8,T)],12,L)):e.createCommentVNode("",!0),n.value==="circlePack"?(e.openBlock(),e.createElementBlock("svg",{key:1,xmlns:e.unref(l.XMLNS),width:"100%",viewBox:"0 0 100 100",style:e.normalizeStyle(`background:${t.value.style.backgroundColor}`)},[e.createElementVNode("circle",{cx:50,cy:50,r:20,stroke:t.value.style.circlePack.color,"stroke-width":1,fill:"none"},null,8,R),e.createElementVNode("circle",{cx:80,cy:50,r:10,stroke:t.value.style.circlePack.color,"stroke-width":1,fill:"none"},null,8,Y),e.createElementVNode("circle",{cx:28,cy:30,r:10,stroke:t.value.style.circlePack.color,"stroke-width":1,fill:"none"},null,8,D),e.createElementVNode("circle",{cx:25,cy:76,r:16,stroke:t.value.style.circlePack.color,"stroke-width":1,fill:"none"},null,8,U),e.createElementVNode("circle",{cx:60,cy:78.5,r:10,stroke:t.value.style.circlePack.color,"stroke-width":1,fill:"none"},null,8,J),e.createElementVNode("circle",{cx:64,cy:20,r:13,stroke:t.value.style.circlePack.color,"stroke-width":1,fill:"none"},null,8,K),e.createElementVNode("circle",{cx:72,cy:37,r:5,stroke:t.value.style.circlePack.color,"stroke-width":1,fill:"none"},null,8,Q),e.createElementVNode("circle",{cx:25,cy:45,r:5,stroke:t.value.style.circlePack.color,"stroke-width":1,fill:"none"},null,8,ee),e.createElementVNode("circle",{cx:70,cy:66,r:5,stroke:t.value.style.circlePack.color,"stroke-width":1,fill:"none"},null,8,te)],12,G)):e.createCommentVNode("",!0),n.value==="flow"?(e.openBlock(),e.createElementBlock("svg",{key:2,xmlns:e.unref(l.XMLNS),width:"100%",viewBox:"0 0 80 60",style:e.normalizeStyle(`background:${t.value.style.backgroundColor}`)},[e.createVNode(s._sfc_main),e.createElementVNode("path",{d:"M 5 5 L 5 55 M 75 5 L 75 55 M 28 5 L 28 55 M 52 5 L 52 55 M 5 8 L 28 12 L 52 9 L 75 8 L 75 12 L 52 12 L 28 21 L 5 29 Z M 5 34 L 28 35 L 52 24 L 75 21 L 75 27 L 52 30 L 28 44 L 52 39 L 75 41 L 75 47 L 52 45 L 28 52 L 5 52 Z",stroke:t.value.style.flow.color,"stroke-width":.8,"stroke-linecap":"round","stroke-linejoin":"round",fill:t.value.style.flow.color},null,8,oe)],12,le)):e.createCommentVNode("",!0),n.value==="parallelCoordinatePlot"?(e.openBlock(),e.createElementBlock("svg",{key:3,xmlns:e.unref(l.XMLNS),width:"100%",viewBox:"0 0 80 60",style:e.normalizeStyle(`background:${t.value.style.backgroundColor}`)},[e.createVNode(s._sfc_main),e.createElementVNode("path",{d:"M 5 5 L 5 55 M 75 5 L 75 55 M 28 5 L 28 55 M 52 5 L 52 55 M 5 10 A 1 1 0 0 0 5 12 A 1 1 0 0 0 5 10 M 28 15 A 1 1 0 0 0 28 17 A 1 1 0 0 0 28 15 M 52 8 A 1 1 0 0 0 52 10 A 1 1 0 0 0 52 8 M 75 11 A 1 1 0 0 0 75 13 A 1 1 0 0 0 75 11 M 6 11 L 27 16 M 29 16 L 51 9 M 53 9 L 74 12 M 5 50 A 1 1 0 0 0 5 48 A 1 1 0 0 0 5 50 M 28 39 A 1 1 0 0 0 28 41 A 1 1 0 0 0 28 39 M 52 45 A 1 1 0 0 0 52 47 A 1 1 0 0 0 52 45 M 75 45 A 1 1 0 0 0 75 47 A 1 1 0 0 0 75 45 M 6 49 L 27 40 M 29 40 L 51 46 M 53 46 L 74 46 M 5 25 A 1 1 0 0 0 5 27 A 1 1 0 0 0 5 25 M 28 31 A 1 1 0 0 0 28 33 A 1 1 0 0 0 28 31 M 52 23 A 1 1 0 0 0 52 25 A 1 1 0 0 0 52 23 M 75 21 A 1 1 0 0 0 75 23 A 1 1 0 0 0 75 21 M 6 26 L 27 32 M 29 32 L 51 24 M 53 24 L 74 22",stroke:t.value.style.parallelCoordinatePlot.color,"stroke-width":.8,"stroke-linecap":"round","stroke-linejoin":"round",fill:t.value.style.parallelCoordinatePlot.color},null,8,ne)],12,re)):e.createCommentVNode("",!0),n.value==="bullet"?(e.openBlock(),e.createElementBlock("svg",{key:4,xmlns:e.unref(l.XMLNS),width:"100%",viewBox:"0 0 600 96",style:e.normalizeStyle(`background:${t.value.style.backgroundColor}`)},[e.createElementVNode("rect",{fill:t.value.style.bullet.color,x:24,y:12,width:300,height:72,style:{opacity:"0.8"}},null,8,ce),e.createElementVNode("rect",{fill:t.value.style.bullet.color,x:324,y:12,width:150,height:72,style:{opacity:"0.6"}},null,8,ae),e.createElementVNode("rect",{fill:t.value.style.bullet.color,x:474,y:12,width:102,height:72,style:{opacity:"0.3"}},null,8,ie),e.createElementVNode("rect",{fill:t.value.style.bullet.color,x:24,y:36,width:490,height:24,style:{opacity:"1"}},null,8,de)],12,se)):e.createCommentVNode("",!0),n.value==="dumbbell"?(e.openBlock(),e.createElementBlock("svg",{key:5,xmlns:e.unref(l.XMLNS),width:"100%",viewBox:"0 0 100 55",style:e.normalizeStyle(`background:${t.value.style.backgroundColor}`)},[e.createVNode(s._sfc_main),e.createElementVNode("line",{x1:"3",x2:"3",y1:"3",y2:"67",stroke:t.value.style.dumbbell.color,"stroke-width":.5,"stroke-linecap":"round","stroke-linejoin":"round"},null,8,ke),e.createElementVNode("path",{d:` M 30,11 C 39,10 39,10 45,11 L 45,9 C 39,10 39,10 30,9 Z `,fill:t.value.style.dumbbell.color},null,8,ye),e.createElementVNode("circle",{cx:"30",cy:"10",r:"2",stroke:t.value.style.backgroundColor,"stroke-width":.3,fill:t.value.style.dumbbell.color},null,8,he),e.createElementVNode("circle",{cx:"46",cy:"10",r:"2",stroke:t.value.style.backgroundColor,"stroke-width":.3,fill:t.value.style.dumbbell.color},null,8,me),e.createElementVNode("path",{d:` M 10,21 C 23,20 23,20 36,21 L 36,19 C 23,20 23,20 10,19 Z `,fill:t.value.style.dumbbell.color},null,8,ve),e.createElementVNode("circle",{cx:"10",cy:"20",r:"2",stroke:t.value.style.backgroundColor,"stroke-width":.3,fill:t.value.style.dumbbell.color},null,8,_e),e.createElementVNode("circle",{cx:"36",cy:"20",r:"2",stroke:t.value.style.backgroundColor,"stroke-width":.3,fill:t.value.style.dumbbell.color},null,8,pe),e.createElementVNode("path",{d:` M 30,31 C 45,30 45,30 60,31 L 60,29 C 45,30 45,30 30,29 Z `,fill:t.value.style.dumbbell.color},null,8,xe),e.createElementVNode("circle",{cx:"30",cy:"30",r:"2",stroke:t.value.style.backgroundColor,"stroke-width":.3,fill:t.value.style.dumbbell.color},null,8,fe),e.createElementVNode("circle",{cx:"60",cy:"30",r:"2",stroke:t.value.style.backgroundColor,"stroke-width":.3,fill:t.value.style.dumbbell.color},null,8,ge),e.createElementVNode("path",{d:` M 50,41 C 65,40 65,40 80,41 L 80,39 C 65,40 65,40 50,39 Z `,fill:t.value.style.dumbbell.color},null,8,Ne),e.createElementVNode("circle",{cx:"50",cy:"40",r:"2",stroke:t.value.style.backgroundColor,"stroke-width":.3,fill:t.value.style.dumbbell.color},null,8,we),e.createElementVNode("circle",{cx:"80",cy:"40",r:"2",stroke:t.value.style.backgroundColor,"stroke-width":.3,fill:t.value.style.dumbbell.color},null,8,Ee),e.createElementVNode("path",{d:` M 40,51 C 65,50 65,50 90,51 L 90,49 C 65,50 65,50 40,49 Z `,fill:t.value.style.dumbbell.color},null,8,Ve),e.createElementVNode("circle",{cx:"40",cy:"50",r:"2",stroke:t.value.style.backgroundColor,"stroke-width":.3,fill:t.value.style.dumbbell.color},null,8,Be),e.createElementVNode("circle",{cx:"90",cy:"50",r:"2",stroke:t.value.style.backgroundColor,"stroke-width":.3,fill:t.value.style.dumbbell.color},null,8,Me)],12,ue)):e.createCommentVNode("",!0),n.value==="stripPlot"?(e.openBlock(),e.createElementBlock("svg",{key:6,xmlns:e.unref(l.XMLNS),width:"100%",viewBox:"0 0 100 100",style:e.normalizeStyle(`background:${t.value.style.backgroundColor}`)},[e.createVNode(s._sfc_main),e.createElementVNode("line",{x1:"3",x2:"3",y1:"3",y2:"97",stroke:t.value.style.stripPlot.color,"stroke-width":.5,"stroke-linecap":"round","stroke-linejoin":"round"},null,8,Ce),e.createElementVNode("line",{x1:"3",x2:"97",y1:"97",y2:"97",stroke:t.value.style.stripPlot.color,"stroke-width":.5,"stroke-linecap":"round","stroke-linejoin":"round"},null,8,Le),e.createElementVNode("circle",{cx:"12",cy:"8",r:"4",stroke:t.value.style.backgroundColor,"stroke-width":.3,fill:t.value.style.stripPlot.color,style:{opacity:"0.5"}},null,8,Se),e.createElementVNode("circle",{cx:"12",cy:"40",r:"4",stroke:t.value.style.backgroundColor,"stroke-width":.3,fill:t.value.style.stripPlot.color,style:{opacity:"0.5"}},null,8,ze),e.createElementVNode("circle",{cx:"12",cy:"60",r:"4",stroke:t.value.style.backgroundColor,"stroke-width":.3,fill:t.value.style.stripPlot.color,style:{opacity:"0.5"}},null,8,Pe),e.createElementVNode("circle",{cx:"12",cy:"70",r:"4",stroke:t.value.style.backgroundColor,"stroke-width":.3,fill:t.value.style.stripPlot.color,style:{opacity:"0.5"}},null,8,Ae),e.createElementVNode("circle",{cx:"32",cy:"25",r:"4",stroke:t.value.style.backgroundColor,"stroke-width":.3,fill:t.value.style.stripPlot.color,style:{opacity:"0.5"}},null,8,$e),e.createElementVNode("circle",{cx:"32",cy:"38",r:"4",stroke:t.value.style.backgroundColor,"stroke-width":.3,fill:t.value.style.stripPlot.color,style:{opacity:"0.5"}},null,8,Xe),e.createElementVNode("circle",{cx:"32",cy:"44",r:"4",stroke:t.value.style.backgroundColor,"stroke-width":.3,fill:t.value.style.stripPlot.color,style:{opacity:"0.5"}},null,8,We),e.createElementVNode("circle",{cx:"32",cy:"55",r:"4",stroke:t.value.style.backgroundColor,"stroke-width":.3,fill:t.value.style.stripPlot.color,style:{opacity:"0.5"}},null,8,je),e.createElementVNode("circle",{cx:"52",cy:"30",r:"4",stroke:t.value.style.backgroundColor,"stroke-width":.3,fill:t.value.style.stripPlot.color,style:{opacity:"0.5"}},null,8,Fe),e.createElementVNode("circle",{cx:"52",cy:"33",r:"4",stroke:t.value.style.backgroundColor,"stroke-width":.3,fill:t.value.style.stripPlot.color,style:{opacity:"0.5"}},null,8,Oe),e.createElementVNode("circle",{cx:"52",cy:"43",r:"4",stroke:t.value.style.backgroundColor,"stroke-width":.3,fill:t.value.style.stripPlot.color,style:{opacity:"0.5"}},null,8,qe),e.createElementVNode("circle",{cx:"52",cy:"63",r:"4",stroke:t.value.style.backgroundColor,"stroke-width":.3,fill:t.value.style.stripPlot.color,style:{opacity:"0.5"}},null,8,He),e.createElementVNode("circle",{cx:"52",cy:"78",r:"4",stroke:t.value.style.backgroundColor,"stroke-width":.3,fill:t.value.style.stripPlot.color,style:{opacity:"0.5"}},null,8,Ze),e.createElementVNode("circle",{cx:"72",cy:"58",r:"4",stroke:t.value.style.backgroundColor,"stroke-width":.3,fill:t.value.style.stripPlot.color,style:{opacity:"0.5"}},null,8,Ie),e.createElementVNode("circle",{cx:"72",cy:"70",r:"4",stroke:t.value.style.backgroundColor,"stroke-width":.3,fill:t.value.style.stripPlot.color,style:{opacity:"0.5"}},null,8,Te),e.createElementVNode("circle",{cx:"72",cy:"78",r:"4",stroke:t.value.style.backgroundColor,"stroke-width":.3,fill:t.value.style.stripPlot.color,style:{opacity:"0.5"}},null,8,Ge),e.createElementVNode("circle",{cx:"72",cy:"88",r:"4",stroke:t.value.style.backgroundColor,"stroke-width":.3,fill:t.value.style.stripPlot.color,style:{opacity:"0.5"}},null,8,Re),e.createElementVNode("circle",{cx:"92",cy:"66",r:"4",stroke:t.value.style.backgroundColor,"stroke-width":.3,fill:t.value.style.stripPlot.color,style:{opacity:"0.5"}},null,8,Ye),e.createElementVNode("circle",{cx:"92",cy:"77",r:"4",stroke:t.value.style.backgroundColor,"stroke-width":.3,fill:t.value.style.stripPlot.color,style:{opacity:"0.5"}},null,8,De),e.createElementVNode("circle",{cx:"92",cy:"85",r:"4",stroke:t.value.style.backgroundColor,"stroke-width":.3,fill:t.value.style.stripPlot.color,style:{opacity:"0.5"}},null,8,Ue),e.createElementVNode("circle",{cx:"92",cy:"88",r:"4",stroke:t.value.style.backgroundColor,"stroke-width":.3,fill:t.value.style.stripPlot.color,style:{opacity:"0.5"}},null,8,Je),e.createElementVNode("circle",{cx:"92",cy:"90",r:"4",stroke:t.value.style.backgroundColor,"stroke-width":.3,fill:t.value.style.stripPlot.color,style:{opacity:"0.5"}},null,8,Ke),e.createElementVNode("circle",{cx:"92",cy:"92",r:"4",stroke:t.value.style.backgroundColor,"stroke-width":.3,fill:t.value.style.stripPlot.color,style:{opacity:"0.5"}},null,8,Qe)],12,be)):e.createCommentVNode("",!0),n.value==="treemap"?(e.openBlock(),e.createElementBlock("svg",{key:7,xmlns:e.unref(l.XMLNS),width:"100%",viewBox:"0 0 30 21",style:e.normalizeStyle(`background:${t.value.style.backgroundColor}`)},[e.createVNode(s._sfc_main),e.createElementVNode("path",{fill:"none",stroke:t.value.style.treemap.color,"stroke-width":"0.3","stroke-linecap":"round","stroke-linejoin":"round",d:"M 1 1 L 29 1 L 29 20 L 1 20 Z M 10 1 L 10 20 M 1 13 L 10 13 M 22 11 L 22 20 M 10 11 L 22 11 M 22 11 L 29 11 M 7 13 L 7 20 M 17 11 L 17 20 M 22 15 L 29 15 M 26 15 L 26 20 M 20 1 L 20 11"},null,8,tt)],12,et)):e.createCommentVNode("",!0),n.value==="galaxy"?(e.openBlock(),e.createElementBlock("svg",{key:8,xmlns:e.unref(l.XMLNS),width:"100%",viewBox:"0.5 0 20 20",style:e.normalizeStyle(`background:${t.value.style.backgroundColor}`)},[e.createVNode(s._sfc_main),e.createElementVNode("path",{fill:"none",stroke:t.value.style.galaxy.color,"stroke-width":"2","stroke-linecap":"round",d:"M 7 11 A 1 1 0 0 0 11 11 M 14 11 A 1 1 0 0 0 7 11 M 3 11 A 1 1 0 0 0 14 11 M 18 11 A 1 1 0 0 0 3 11 M 16.4 16 C 17 15 18 13 18 11"},null,8,ot)],12,lt)):e.createCommentVNode("",!0),n.value==="bar3d"?(e.openBlock(),e.createElementBlock("svg",{key:9,xmlns:e.unref(l.XMLNS),width:"100%",viewBox:"2 0 16 20",style:e.normalizeStyle(`background:${t.value.style.backgroundColor}`)},[e.createVNode(s._sfc_main),e.createElementVNode("path",{fill:"none",stroke:t.value.style.bar3d.color,"stroke-width":"0.2",d:"M10 1 6 3 6 17 10 19 14 17 14 3 10 1M6 3 10 5 14 3M10 5 10 19","stroke-linecap":"round","stroke-linejoin":"round"},null,8,nt)],12,rt)):e.createCommentVNode("",!0),n.value==="sparkHistogram"?(e.openBlock(),e.createElementBlock("svg",{key:10,xmlns:e.unref(l.XMLNS),width:"100%",viewBox:"0 0 100 20",style:e.normalizeStyle(`background:${t.value.style.backgroundColor}`)},[e.createVNode(s._sfc_main),e.createElementVNode("rect",{x:"3",y:"8",height:"4",width:"6",rx:"1.5",fill:t.value.style.sparkHistogram.color},null,8,ct),e.createElementVNode("rect",{x:"11",y:"6",height:"8",width:"6",rx:"2",fill:t.value.style.sparkHistogram.color},null,8,at),e.createElementVNode("rect",{x:"19",y:"7",height:"6",width:"6",rx:"2",fill:t.value.style.sparkHistogram.color},null,8,it),e.createElementVNode("rect",{x:"27",y:"6",height:"8",width:"6",rx:"2",fill:t.value.style.sparkHistogram.color},null,8,dt),e.createElementVNode("rect",{x:"35",y:"8",height:"4",width:"6",rx:"1.5",fill:t.value.style.sparkHistogram.color},null,8,ut),e.createElementVNode("rect",{x:"43",y:"7",height:"6",width:"6",rx:"2",fill:t.value.style.sparkHistogram.color},null,8,kt),e.createElementVNode("rect",{x:"51",y:"8.5",height:"3",width:"6",rx:"1.5",fill:t.value.style.sparkHistogram.color},null,8,yt),e.createElementVNode("rect",{x:"59",y:"7",height:"6",width:"6",rx:"2",fill:t.value.style.sparkHistogram.color},null,8,ht),e.createElementVNode("rect",{x:"67",y:"6",height:"8",width:"6",rx:"2",fill:t.value.style.sparkHistogram.color},null,8,mt),e.createElementVNode("rect",{x:"75",y:"7",height:"6",width:"6",rx:"2",fill:t.value.style.sparkHistogram.color},null,8,vt),e.createElementVNode("rect",{x:"83",y:"7",height:"6",width:"6",rx:"2",fill:t.value.style.sparkHistogram.color},null,8,_t),e.createElementVNode("rect",{x:"91",y:"8",height:"4",width:"6",rx:"1.5",fill:t.value.style.sparkHistogram.color},null,8,pt)],12,st)):e.createCommentVNode("",!0),n.value==="sparkbar"?(e.openBlock(),e.createElementBlock("svg",{key:11,xmlns:e.unref(l.XMLNS),width:"100%",viewBox:"0 0 500 200",style:e.normalizeStyle(`background:${t.value.style.backgroundColor}`)},[e.createVNode(s._sfc_main),e.createElementVNode("line",{x1:"12",x2:"488",y1:"50",y2:"50","stroke-width":"16","stroke-linecap":"round",stroke:t.value.style.sparkbar.color,opacity:"0.5"},null,8,ft),e.createElementVNode("line",{x1:"12",x2:"400",y1:"50",y2:"50","stroke-width":"16","stroke-linecap":"round",stroke:t.value.style.sparkbar.color,opacity:"1"},null,8,gt),e.createElementVNode("line",{x1:"12",x2:"488",y1:"100",y2:"100","stroke-width":"16","stroke-linecap":"round",stroke:t.value.style.sparkbar.color,opacity:"0.5"},null,8,Nt),e.createElementVNode("line",{x1:"12",x2:"350",y1:"100",y2:"100","stroke-width":"16","stroke-linecap":"round",stroke:t.value.style.sparkbar.color,opacity:"1"},null,8,wt),e.createElementVNode("line",{x1:"12",x2:"488",y1:"150",y2:"150","stroke-width":"16","stroke-linecap":"round",stroke:t.value.style.sparkbar.color,opacity:"0.5"},null,8,Et),e.createElementVNode("line",{x1:"12",x2:"235",y1:"150",y2:"150","stroke-width":"16","stroke-linecap":"round",stroke:t.value.style.sparkbar.color,opacity:"1"},null,8,Vt)],12,xt)):e.createCommentVNode("",!0),n.value==="sparkStackbar"?(e.openBlock(),e.createElementBlock("svg",{key:12,xmlns:e.unref(l.XMLNS),width:"100%",viewBox:"0 0 500 64",style:e.normalizeStyle(`background:${t.value.style.backgroundColor}`)},[e.createVNode(s._sfc_main),e.createElementVNode("line",{x1:"12",x2:"488",y1:"32",y2:"32","stroke-width":"16","stroke-linecap":"round",stroke:t.value.style.sparkStackbar.color,opacity:"0.5"},null,8,Mt),e.createElementVNode("line",{x1:"12",x2:"380",y1:"32",y2:"32","stroke-width":"16","stroke-linecap":"round",stroke:t.value.style.sparkStackbar.color,opacity:"0.6"},null,8,bt),e.createElementVNode("line",{x1:"12",x2:"200",y1:"32",y2:"32","stroke-width":"16","stroke-linecap":"round",stroke:t.value.style.sparkStackbar.color,opacity:"0.8"},null,8,Ct),e.createElementVNode("line",{x1:"12",x2:"120",y1:"32",y2:"32","stroke-width":"16","stroke-linecap":"round",stroke:t.value.style.sparkStackbar.color,opacity:"1"},null,8,Lt)],12,Bt)):e.createCommentVNode("",!0),n.value==="thermometer"?(e.openBlock(),e.createElementBlock("svg",{key:13,width:"100%",viewBox:"0 0 20 20",style:e.normalizeStyle(`background:${t.value.style.backgroundColor}`)},[e.createVNode(s._sfc_main),e.createElementVNode("path",{fill:"none",stroke:t.value.style.thermometer.color,"stroke-width":"0.2","stroke-linecap":"round",d:"M 13 4 A 1 1 0 0 0 7 4 L 7 16 A 1 1 0 0 0 13 16 L 13 4 M 7 15 L 8 15 M 7 12 L 8 12 M 7 9 L 8 9 M 7 6 L 8 6 M 12 15 L 13 15 M 12 12 L 13 12 M 12 9 L 13 9 M 12 6 L 13 6 "},null,8,St),e.createElementVNode("path",{stroke:t.value.style.thermometer.color,"stroke-width":"1",style:{opacity:"0.6"},d:"M 10 17 L 10 12 ","stroke-linecap":"round"},null,8,zt),e.createElementVNode("path",{"stroke-linecap":"round",stroke:t.value.style.thermometer.color,"stroke-width":"1",opacity:"M 10 17 L 10 9"},null,8,Pt),e.createElementVNode("path",{"stroke-linecap":"round",stroke:t.value.style.thermometer.color,"stroke-width":"1",opacity:"0.3",d:"M 10 17 L 10 6"},null,8,At),e.createElementVNode("path",{"stroke-linecap":"round",stroke:t.value.style.thermometer.color,"stroke-width":"1",style:{opacity:"0.1"},d:"M 10 17 L 10 3"},null,8,$t)],4)):e.createCommentVNode("",!0),n.value==="relationCircle"?(e.openBlock(),e.createElementBlock("svg",{key:14,xmlns:e.unref(l.XMLNS),width:"100%",viewBox:"0 0 20 20",style:e.normalizeStyle(`background:${t.value.style.backgroundColor}`)},[e.createVNode(s._sfc_main),e.createElementVNode("path",{fill:"none",stroke:t.value.style.relationCircle.color,"stroke-width":"0.2","stroke-linecap":"round",d:"M1 10A1 1 0 0019 10 1 1 0 001 10M1 10C7 11 9 13 10 19M10 19C10 11 8 7 6 2M10 19C10 11 12 7 14 2M10 19C11 13 12 11 19 10"},null,8,Wt)],12,Xt)):e.createCommentVNode("",!0),n.value==="molecule"?(e.openBlock(),e.createElementBlock("svg",{key:15,xmlns:e.unref(l.XMLNS),width:"100%",viewBox:"0 0 100 100",style:e.normalizeStyle(`background:${t.value.style.backgroundColor}`)},[e.createVNode(s._sfc_main),e.createElementVNode("circle",{cx:"50",cy:"50",r:"6","stroke-width":"2",fill:"none",stroke:t.value.style.molecule.color},null,8,Ft),e.createElementVNode("circle",{cx:"20",cy:"50",r:"3","stroke-width":"1.6",fill:"none",stroke:t.value.style.molecule.color},null,8,Ot),e.createElementVNode("circle",{cx:"80",cy:"50",r:"3","stroke-width":"1.6",fill:"none",stroke:t.value.style.molecule.color},null,8,qt),e.createElementVNode("circle",{cx:"50",cy:"20",r:"3","stroke-width":"1.6",fill:"none",stroke:t.value.style.molecule.color},null,8,Ht),e.createElementVNode("circle",{cx:"50",cy:"80",r:"3","stroke-width":"1.6",fill:"none",stroke:t.value.style.molecule.color},null,8,Zt),e.createElementVNode("line",{x1:"50",x2:"50",y1:"23",y2:"45","stroke-width":"1",stroke:t.value.style.molecule.color},null,8,It),e.createElementVNode("line",{x1:"50",x2:"50",y1:"77",y2:"55","stroke-width":"1",stroke:t.value.style.molecule.color},null,8,Tt),e.createElementVNode("line",{x1:"23",x2:"45",y1:"50",y2:"50","stroke-width":"1",stroke:t.value.style.molecule.color},null,8,Gt),e.createElementVNode("line",{x1:"77",x2:"55",y1:"50",y2:"50","stroke-width":"1",stroke:t.value.style.molecule.color},null,8,Rt)],12,jt)):e.createCommentVNode("",!0),n.value==="tiremarks"?(e.openBlock(),e.createElementBlock("svg",{key:16,xmlns:e.unref(l.XMLNS),width:"100%",viewBox:"0 0 312 56",style:e.normalizeStyle(`background:${t.value.style.backgroundColor}`)},[e.createVNode(s._sfc_main),(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(100,o=>e.createElementVNode("g",null,[e.createElementVNode("line",{x1:10+o*2.9,y1:6,x2:10+o*2.9,y2:50,stroke:t.value.style.tiremarks.color,style:e.normalizeStyle(o>80?"opacity: 0.5":""),"stroke-linecap":"round"},null,12,Dt)])),64))],12,Yt)):e.createCommentVNode("",!0),n.value==="pyramid"?(e.openBlock(),e.createElementBlock("svg",{key:17,xmlns:e.unref(l.XMLNS),width:"100%",viewBox:"0 0 105 80",style:e.normalizeStyle(`background:${t.value.style.backgroundColor}`)},[e.createVNode(s._sfc_main),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,(o,r)=>(e.openBlock(),e.createElementBlock("g",null,[e.createElementVNode("rect",{x:50-o[0],y:r*(80/u.value.length),width:o[0],height:80/u.value.length*.95,fill:t.value.style.pyramid.color},null,8,Jt),e.createElementVNode("rect",{x:55,y:r*(80/u.value.length),width:o[1],height:80/u.value.length*.95,fill:t.value.style.pyramid.color},null,8,Kt)]))),256))],12,Ut)):e.createCommentVNode("",!0),n.value==="rings"?(e.openBlock(),e.createElementBlock("svg",{key:18,xmlns:e.unref(l.XMLNS),width:"100%",viewBox:"0 0 400 400",style:e.normalizeStyle(`background:${t.value.style.backgroundColor}`)},[e.createVNode(s._sfc_main),e.createElementVNode("circle",{cx:200,cy:200,r:180,fill:e.unref(l.setOpacity)(t.value.style.rings.color,40)},null,8,el),e.createElementVNode("circle",{cx:200,cy:250,r:130,fill:e.unref(l.setOpacity)(t.value.style.rings.color,60)},null,8,tl),e.createElementVNode("circle",{cx:200,cy:290,r:90,fill:e.unref(l.setOpacity)(t.value.style.rings.color,100)},null,8,ll)],12,Qt)):e.createCommentVNode("",!0),n.value==="wheel"?(e.openBlock(),e.createElementBlock("svg",{key:19,xmlns:e.unref(l.XMLNS),width:"100%",viewBox:"0 0 400 400",style:e.normalizeStyle(`background:${t.value.style.backgroundColor}`)},[e.createVNode(s._sfc_main),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(B.value,(o,r)=>(e.openBlock(),e.createElementBlock("line",{x1:o.x1,x2:o.x2,y1:o.y1,y2:o.y2,stroke:r<66?o.color:e.unref(l.setOpacity)(o.color,50),"stroke-width":5,"stroke-linecap":"round"},null,8,rl))),256)),e.createElementVNode("circle",{cx:200,cy:200,r:130,"stroke-width":3,stroke:e.unref(l.setOpacity)(t.value.style.wheel.color,50),fill:"none"},null,8,nl),e.createElementVNode("rect",{fill:e.unref(l.setOpacity)(t.value.style.wheel.color,50),rx:12,x:160,y:170,height:60,width:80,stroke:"none"},null,8,sl)],12,ol)):e.createCommentVNode("",!0),n.value==="sparkline"?(e.openBlock(),e.createElementBlock("svg",{key:20,xmlns:e.unref(l.XMLNS),width:"100%",viewBox:"0 0 150 32",style:e.normalizeStyle(`background:${t.value.style.backgroundColor}`)},[e.createVNode(s._sfc_main),e.createElementVNode("g",null,[e.createElementVNode("rect",{x:"2",y:"2",height:"6",width:"24",fill:t.value.style.sparkline.color,rx:"3"},null,8,al),e.createElementVNode("rect",{x:"2",y:"12",height:"16",width:"16",fill:t.value.style.sparkline.color,rx:"3"},null,8,il)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(y.value,(o,r)=>(e.openBlock(),e.createElementBlock("g",null,[r<y.value.length-1?(e.openBlock(),e.createElementBlock("line",{key:0,x1:o.x,y1:o.y,x2:y.value[r+1].x,y2:y.value[r+1].y,"stroke-width":t.value.style.sparkline.strokeWidth,stroke:t.value.style.sparkline.color,"stroke-linecap":"round","stroke-linejoin":"round"},null,8,dl)):e.createCommentVNode("",!0)]))),256))],12,cl)):e.createCommentVNode("",!0),n.value==="candlesticks"?(e.openBlock(),e.createElementBlock("svg",{key:21,xmlns:e.unref(l.XMLNS),width:"100%",viewBox:"0 0 512 316",style:e.normalizeStyle(`background:${t.value.style.backgroundColor}`)},[e.createVNode(s._sfc_main),t.value.style.candlesticks.axis.show?(e.openBlock(),e.createElementBlock("g",kl,[e.createElementVNode("line",{x1:2,x2:2,y1:2,y2:314,stroke:t.value.style.candlesticks.axis.color,"stroke-width":t.value.style.candlesticks.axis.strokeWidth,"stroke-linecap":"round"},null,8,yl),e.createElementVNode("line",{x1:2,x2:510,y1:314,y2:314,stroke:t.value.style.candlesticks.axis.color,"stroke-width":t.value.style.candlesticks.axis.strokeWidth,"stroke-linecap":"round"},null,8,hl)])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value,(o,r)=>(e.openBlock(),e.createElementBlock("g",null,[e.createElementVNode("line",{x1:24+464*r/(a.value.length-1)-464/(a.value.length-1)/8,x2:24+464*r/(a.value.length-1)+464/(a.value.length-1)/8,y1:o.y,y2:o.y,stroke:t.value.style.candlesticks.candle.color,"stroke-width":t.value.style.candlesticks.candle.strokeWidth,"stroke-linecap":"round"},null,8,ml),e.createElementVNode("line",{x1:24+464*r/(a.value.length-1)-464/(a.value.length-1)/8,x2:24+464*r/(a.value.length-1)+464/(a.value.length-1)/8,y1:o.y+o.height,y2:o.y+o.height,stroke:t.value.style.candlesticks.candle.color,"stroke-width":t.value.style.candlesticks.candle.strokeWidth,"stroke-linecap":"round"},null,8,vl),e.createElementVNode("line",{x1:24+464*r/(a.value.length-1),x2:24+464*r/(a.value.length-1),y1:o.y,y2:o.y+o.height,stroke:t.value.style.candlesticks.candle.color,"stroke-width":t.value.style.candlesticks.candle.strokeWidth,"stroke-linecap":"round"},null,8,_l),e.createElementVNode("rect",{x:24+464*r/(a.value.length-1)-464/(a.value.length-1)/8,y:o.y+(o.height-o.bar*1.5),height:o.bar,width:464/(a.value.length-1)/4,fill:t.value.style.candlesticks.candle.color,rx:"1"},null,8,pl)]))),256))],12,ul)):e.createCommentVNode("",!0),n.value==="heatmap"?(e.openBlock(),e.createElementBlock("svg",{key:22,xmlns:e.unref(l.XMLNS),width:"100%",viewBox:`0 0 ${10*t.value.style.heatmap.cellsX} ${10*t.value.style.heatmap.cellsY}`,style:e.normalizeStyle(`background:${t.value.style.backgroundColor}`)},[e.createVNode(s._sfc_main),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value.style.heatmap.cellsY,(o,r)=>(e.openBlock(),e.createElementBlock("g",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value.style.heatmap.cellsX,(m,i)=>(e.openBlock(),e.createElementBlock("g",null,[e.createElementVNode("rect",{x:i*10,y:r*10,height:10,width:10,stroke:t.value.style.backgroundColor,"stroke-width":1,fill:e.unref(l.setOpacity)(t.value.style.heatmap.color,Math.round(Math.random()*100))},null,8,fl)]))),256))]))),256))],12,xl)):e.createCommentVNode("",!0),n.value==="chestnut"?(e.openBlock(),e.createElementBlock("svg",{key:23,xmlns:e.unref(l.XMLNS),width:"100%",viewBox:"0 0 512 316",style:e.normalizeStyle(`background:${t.value.style.backgroundColor}`)},[e.createVNode(s._sfc_main),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k.value,o=>(e.openBlock(),e.createElementBlock("g",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.bars,r=>(e.openBlock(),e.createElementBlock("g",null,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(22,(m,i)=>e.createElementVNode("path",{d:`M ${r.x},${r.y+i} C${r.x-20},${r.y+i} ${r.x-80},${r.y+i} ${o.root.x+o.root.r/2}, ${o.root.y} `,stroke:e.unref(l.setOpacity)(t.value.style.chestnut.color,r.opacity*.2),fill:"none","stroke-width":"2","shape-rendering":"cirspEdges"},null,8,Nl)),64))]))),256))]))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k.value,o=>(e.openBlock(),e.createElementBlock("circle",{cx:o.root.x,cy:o.root.y,r:o.root.r,fill:`${t.value.style.backgroundColor}`,stroke:t.value.backgroundColor,"stroke-width":3},null,8,wl))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k.value,o=>(e.openBlock(),e.createElementBlock("circle",{cx:o.root.x,cy:o.root.y,r:o.root.r,fill:e.unref(l.setOpacity)(t.value.style.chestnut.color,o.root.opacity),stroke:t.value.style.backgroundColor,"stroke-width":3},null,8,El))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k.value,o=>(e.openBlock(),e.createElementBlock("g",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.bars,r=>(e.openBlock(),e.createElementBlock("rect",{rx:"2",x:r.x,y:r.y,width:r.width,height:22,fill:e.unref(l.setOpacity)(t.value.style.chestnut.color,r.opacity)},null,8,Vl))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.bars,r=>(e.openBlock(),e.createElementBlock("circle",{cx:r.x+r.width+32,cy:r.y+11,r:11,fill:e.unref(l.setOpacity)(t.value.style.chestnut.color,r.opacity)},null,8,Bl))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.bars,r=>(e.openBlock(),e.createElementBlock("circle",{cx:r.x+r.width+32,cy:r.y+11,r:5,fill:t.value.style.backgroundColor},null,8,Ml))),256))]))),256)),e.createElementVNode("line",{x1:200,x2:200,y1:10,y2:300,stroke:t.value.style.backgroundColor,"stroke-width":3},null,8,bl)],12,gl)):e.createCommentVNode("",!0),n.value==="donutEvolution"?(e.openBlock(),e.createElementBlock("svg",{key:24,xmlns:e.unref(l.XMLNS),width:"100%",viewBox:"0 0 108 70",style:e.normalizeStyle(`background:${t.value.style.backgroundColor}`)},[e.createVNode(s._sfc_main),t.value.style.line.axis.show?(e.openBlock(),e.createElementBlock("path",{key:0,d:"M3 3 3 67 105 67",stroke:t.value.style.donutEvolution.axis.color,"stroke-width":t.value.style.donutEvolution.axis.strokeWidth,"stroke-linecap":"round","stroke-linejoin":"round",fill:"none"},null,8,Ll)):e.createCommentVNode("",!0),e.createElementVNode("path",{fill:"none",d:"M10 55A1 1 0 0020 55 1 1 0 0010 55M12 55A1 1 0 0018 55 1 1 0 0012 55M10 55 12 55M15 52 15 50M27 45A1 1 0 0037 45 1 1 0 0027 45M29 45A1 1 0 0035 45 1 1 0 0029 45M32 48 32 50M35 45 37 45M44 50A1 1 0 0054 50 1 1 0 0044 50M46 50A1 1 0 0052 50 1 1 0 0046 50M49 45 49 47M49 53 49 55M61 35A1 1 0 0071 35 1 1 0 0061 35M63 35A1 1 0 0069 35 1 1 0 0063 35M66 30 66 32M61 35 63 35M78 41A1 1 0 0088 41 1 1 0 0078 41M80 41A1 1 0 0086 41 1 1 0 0080 41M78 41 80 41M86 41 88 41M95 14A1 1 0 00105 14 1 1 0 0095 14M97 14A1 1 0 00103 14 1 1 0 0097 14M95 14 97 14M100 17 100 19",stroke:t.value.style.donutEvolution.donuts.color,"stroke-width":t.value.style.donutEvolution.donuts.strokeWidth},null,8,Sl),e.createElementVNode("path",{fill:"none",d:"M19 52 27 45M37 45 44 49M52 46 62 38M71 36 78 40M86 37 97 18",stroke:t.value.style.donutEvolution.axis.color,"stroke-width":t.value.style.donutEvolution.axis.strokeWidth,"stroke-linecap":"round","stroke-linejoin":"round"},null,8,zl),e.createElementVNode("path",{d:"M10 55 12 55C12 53 14 52 15 52L15 50C13 50 10 52 10 55",fill:t.value.style.donutEvolution.donuts.color,stroke:"none",style:{opacity:"0.3"}},null,8,Pl),e.createElementVNode("path",{d:"M32 48 32 50C35 50 37 47 37 45L35 45C35 47 33 48 32 48",fill:t.value.style.donutEvolution.donuts.color,stroke:"none",style:{opacity:"0.3"}},null,8,Al),e.createElementVNode("path",{d:"M49 53 49 55A1 1 0 0049 45L49 47C53 47 53 53 49 53",fill:t.value.style.donutEvolution.donuts.color,stroke:"none",style:{opacity:"0.3"}},null,8,$l),e.createElementVNode("path",{d:"M63 35C63 33 65 32 66 32L66 30C63 30 61 33 61 35L63 35",fill:t.value.style.donutEvolution.donuts.color,stroke:"none",style:{opacity:"0.3"}},null,8,Xl),e.createElementVNode("path",{d:"M78 41A1 1 0 0088 41L86 41C86 45 80 45 80 41L78 41",fill:t.value.style.donutEvolution.donuts.color,stroke:"none",style:{opacity:"0.3"}},null,8,Wl),e.createElementVNode("path",{d:"M95 14C95 17 98 19 100 19L100 17C99 17 97 16 97 14L95 14",fill:t.value.style.donutEvolution.donuts.color,stroke:"none",style:{opacity:"0.3"}},null,8,jl)],12,Cl)):e.createCommentVNode("",!0),n.value==="line"?(e.openBlock(),e.createElementBlock("svg",{key:25,xmlns:e.unref(l.XMLNS),width:"100%",viewBox:"0 0 100 70",style:e.normalizeStyle(`background:${t.value.style.backgroundColor}`)},[e.createVNode(s._sfc_main),t.value.style.line.axis.show?(e.openBlock(),e.createElementBlock("g",Ol,[e.createElementVNode("line",{x1:"3",x2:"3",y1:"3",y2:"67",stroke:t.value.style.line.axis.color,"stroke-width":t.value.style.line.axis.strokeWidth,"stroke-linecap":"round","stroke-linejoin":"round"},null,8,ql),e.createElementVNode("line",{x1:"3",x2:"97",y1:"67",y2:"67",stroke:t.value.style.line.axis.color,"stroke-width":t.value.style.line.axis.strokeWidth,"stroke-linecap":"round","stroke-linejoin":"round"},null,8,Hl)])):e.createCommentVNode("",!0),e.createElementVNode("path",{d:"M 9,60 22,50 35,55 48,36 61,40 74,25 87,26 90,12",fill:"none","stroke-linecap":"round","stroke-linejoin":"round",stroke:t.value.style.line.path.color,"stroke-width":t.value.style.line.path.strokeWidth},null,8,Zl),t.value.style.line.path.showPlots?(e.openBlock(),e.createElementBlock("g",Il,[e.createElementVNode("circle",{cx:"9",cy:"60",r:t.value.style.line.path.strokeWidth,fill:t.value.style.line.path.color},null,8,Tl),e.createElementVNode("circle",{cx:"90",cy:"12",r:t.value.style.line.path.strokeWidth,fill:t.value.style.line.path.color},null,8,Gl)])):e.createCommentVNode("",!0)],12,Fl)):e.createCommentVNode("",!0),n.value==="bar"?(e.openBlock(),e.createElementBlock("svg",{key:26,xmlns:e.unref(l.XMLNS),width:"100%",viewBox:"0 0 100 70",style:e.normalizeStyle(`background:${t.value.style.backgroundColor}`)},[e.createVNode(s._sfc_main),t.value.style.bar.axis.show?(e.openBlock(),e.createElementBlock("g",Yl,[e.createElementVNode("line",{x1:"3",x2:"3",y1:"3",y2:"67",stroke:t.value.style.bar.axis.color,"stroke-width":t.value.style.bar.axis.strokeWidth,"stroke-linecap":"round","stroke-linejoin":"round"},null,8,Dl),e.createElementVNode("line",{x1:"3",x2:"97",y1:"67",y2:"67",stroke:t.value.style.bar.axis.color,"stroke-width":t.value.style.bar.axis.strokeWidth,"stroke-linecap":"round","stroke-linejoin":"round"},null,8,Ul)])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value,(o,r)=>(e.openBlock(),e.createElementBlock("rect",{fill:t.value.style.bar.color,rx:t.value.style.bar.borderRadius,x:6+11.2*r,y:o,width:t.value.style.bar.barWidth,height:67-o},null,8,Jl))),256))],12,Rl)):e.createCommentVNode("",!0),n.value==="donut"?(e.openBlock(),e.createElementBlock("svg",{key:27,xmlns:e.unref(l.XMLNS),width:"100%",viewBox:"0 0 400 400",style:e.normalizeStyle(`background:${t.value.style.backgroundColor}`)},[e.createVNode(s._sfc_main),e.createElementVNode("path",{d:" M 300 200 A 100 100 0 0 1 113 250",fill:"none","stroke-width":t.value.style.donut.strokeWidth,stroke:t.value.style.donut.color},null,8,Ql),e.createElementVNode("path",{d:" M 113 250 A 100 100 0 0 1 250 113",fill:"none","stroke-width":t.value.style.donut.strokeWidth,stroke:e.unref(l.setOpacity)(t.value.style.donut.color,60)},null,8,eo),e.createElementVNode("path",{d:" M 250 113 A 100 100 0 0 1 300 200",fill:"none","stroke-width":t.value.style.donut.strokeWidth,stroke:e.unref(l.setOpacity)(t.value.style.donut.color,30)},null,8,to)],12,Kl)):e.createCommentVNode("",!0),n.value==="onion"?(e.openBlock(),e.createElementBlock("svg",{key:28,xmlns:e.unref(l.XMLNS),width:"100%",viewBox:"0 0 400 400",style:e.normalizeStyle(`background:${t.value.style.backgroundColor}`)},[e.createVNode(s._sfc_main),e.createElementVNode("path",{d:" M 200 60 A 140 140 0 1 1 60 200",stroke:t.value.style.onion.color,"stroke-linecap":"round","stroke-width":"20",fill:"none"},null,8,oo),e.createElementVNode("path",{d:" M 200 100 A 100 100 0 1 1 100 200",stroke:e.unref(l.setOpacity)(t.value.style.onion.color,60),"stroke-linecap":"round","stroke-width":"20",fill:"none"},null,8,ro),e.createElementVNode("path",{d:" M 200 140 A 60 60 0 1 1 140 200",fill:"none",stroke:e.unref(l.setOpacity)(t.value.style.onion.color,40),"stroke-linecap":"round","stroke-width":"20"},null,8,no)],12,lo)):e.createCommentVNode("",!0),n.value==="gauge"?(e.openBlock(),e.createElementBlock("svg",{key:29,width:"100%",viewBox:"0 0 400 400",style:e.normalizeStyle(`background:${t.value.style.backgroundColor}`)},[e.createVNode(s._sfc_main),e.createElementVNode("path",{d:" M 82 255 A 120 120 0 1 1 318 255",fill:"none",stroke:t.value.style.gauge.color,"stroke-linecap":"round","stroke-width":"20"},null,8,so),e.createElementVNode("circle",{cx:"200",cy:"256",r:"12",fill:t.value.style.gauge.color},null,8,co),e.createElementVNode("line",{x1:"200",y1:"256",x2:"250",y2:"160","stroke-width":"8",stroke:t.value.style.gauge.color,"stroke-linecap":"round"},null,8,ao)],4)):e.createCommentVNode("",!0),n.value==="quadrant"?(e.openBlock(),e.createElementBlock("svg",{key:30,xmlns:e.unref(l.XMLNS),viewBox:"0 0 100 100",style:e.normalizeStyle(`background:${t.value.style.backgroundColor}`)},[e.createVNode(s._sfc_main),e.createElementVNode("line",{x1:"50",x2:"50",y1:"3",y2:"97",stroke:t.value.style.quadrant.grid.color,"stroke-width":t.value.style.quadrant.grid.strokeWidth},null,8,uo),e.createElementVNode("line",{x1:"3",x2:"97",y1:"50",y2:"50",stroke:t.value.style.quadrant.grid.color,"stroke-width":t.value.style.quadrant.grid.strokeWidth},null,8,ko),e.createElementVNode("circle",{fill:t.value.style.quadrant.plots.color,r:t.value.style.quadrant.plots.radius,cx:"20",cy:"20"},null,8,yo),e.createElementVNode("circle",{fill:t.value.style.quadrant.plots.color,r:t.value.style.quadrant.plots.radius,cx:"80",cy:"60"},null,8,ho),e.createElementVNode("circle",{fill:t.value.style.quadrant.plots.color,r:t.value.style.quadrant.plots.radius,cx:"65",cy:"55"},null,8,mo),e.createElementVNode("circle",{fill:t.value.style.quadrant.plots.color,r:t.value.style.quadrant.plots.radius,cx:"36",cy:"67"},null,8,vo),e.createElementVNode("circle",{fill:t.value.style.quadrant.plots.color,r:t.value.style.quadrant.plots.radius,cx:"15",cy:"75"},null,8,_o),e.createElementVNode("circle",{fill:t.value.style.quadrant.plots.color,r:t.value.style.quadrant.plots.radius,cx:"40",cy:"55"},null,8,po),e.createElementVNode("circle",{fill:t.value.style.quadrant.plots.color,r:t.value.style.quadrant.plots.radius,cx:"76",cy:"32"},null,8,xo),e.createElementVNode("circle",{fill:t.value.style.quadrant.plots.color,r:t.value.style.quadrant.plots.radius,cx:"85",cy:"26"},null,8,fo),e.createElementVNode("circle",{fill:t.value.style.quadrant.plots.color,r:t.value.style.quadrant.plots.radius,cx:"55",cy:"46"},null,8,go)],12,io)):e.createCommentVNode("",!0),n.value==="radar"?(e.openBlock(),e.createElementBlock("svg",{key:31,xmlns:e.unref(l.XMLNS),viewBox:"0 0 100 100",style:e.normalizeStyle(`background:${t.value.style.backgroundColor}`)},[e.createVNode(s._sfc_main),e.createElementVNode("path",{d:N.value,fill:"none",stroke:t.value.style.radar.grid.color,"stroke-width":t.value.style.radar.grid.strokeWidth,"stroke-linecap":"round","stroke-linejoin":"round"},null,8,wo),e.createElementVNode("path",{d:w.value,fill:"none",stroke:e.unref(l.setOpacity)(t.value.style.radar.grid.color,70),"stroke-width":t.value.style.radar.grid.strokeWidth/2,"stroke-linecap":"round","stroke-linejoin":"round"},null,8,Eo),e.createElementVNode("path",{d:E.value,fill:"none",stroke:e.unref(l.setOpacity)(t.value.style.radar.grid.color,70),"stroke-width":t.value.style.radar.grid.strokeWidth/2,"stroke-linecap":"round","stroke-linejoin":"round"},null,8,Vo),e.createElementVNode("path",{d:V.value,fill:"none",stroke:e.unref(l.setOpacity)(t.value.style.radar.grid.color,70),"stroke-width":t.value.style.radar.grid.strokeWidth/2.5,"stroke-linecap":"round","stroke-linejoin":"round"},null,8,Bo),e.createElementVNod