@glycanage/web-components 1.109.0 → 1.110.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/scatter-plot.wc.js +1 -1
- package/package.json +1 -1
package/dist/scatter-plot.wc.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as k,S as B,i as G,f as $,s as N,a as E,e as
|
|
1
|
+
import{c as k,S as B,i as G,f as $,s as N,a as E,e as M,n as w,g as R,u as S,k as D,o as I,z as O}from"./index2.js";import{i as W,f as H,h as V}from"./helpers.js";function Z(a){E(a,"svelte-4pqnog",'@font-face{font-family:"Sen";src:url("https://dev.back-office.ga-internals-91.com/assets/fonts/Sen-Regular.ttf") format("truetype");font-weight:normal;font-display:swap}@font-face{font-family:"Sen";src:url("https://dev.back-office.ga-internals-91.com/assets/fonts/Sen-Bold.ttf") format("truetype");font-weight:bold;font-display:swap}')}function q(a){let e;return{c(){e=M("div"),w(e,"width","100%"),w(e,"height","110%"),w(e,"position","relative")},m(c,i){R(c,e,i),a[3](e)},p:S,i:S,o:S,d(c){c&&D(e),a[3](null)}}}function _(a,e,c){let{type:i}=e,{service:f=window.GaReportService}=e,F=[{name:"mature",csvPerc:"G0percentile",csvScore:"G0yourscore"},{name:"youth",csvPerc:"G2percentile",csvScore:"G2yourscore"},{name:"shield",csvPerc:"Spercentile",csvScore:"Syourscore"},{name:"lifestyle",csvPerc:"Bpercentile",csvScore:"Byourscore"},{name:"median",csvPerc:"G1percentile",csvScore:"G1yourscore"}],u,b,h=0,l=0,t={},A="",p=0,y;const d=F.find(o=>o.name===i);function m(){if(i=="median")return W(h);if(i=="shield"||i=="youth")return H(h);if(i=="mature"||i=="lifestyle")return V(h)}function z(){y&&(t=echarts.init(y,null,{devicePixelRatio:4}));const o=y.getBoundingClientRect();echarts.registerTransform(ecStat.transform.regression);var x={textStyle:{fontFamily:"Sen",fontStyle:"normal",fontSize:12,fontWeight:400,lineHeight:19.2,letterSpacing:.06},animation:!1,backgroundColor:"transparent",dataset:[{source:b.data.map(n=>[n.x,n.y])},{transform:{type:"ecStat:regression",config:{method:"polynomial",order:3}}}],tooltip:{show:!1},xAxis:{min:0,max:100,interval:20,name:"Age",nameTextStyle:{color:"#09341F",opacity:.8},axisLine:{show:!0,lineStyle:{color:"#09341F",opacity:.1},symbol:["none","arrow"],symbolSize:[5,10],symbolOffset:[8]},axisTick:{show:!1},axisLabel:{show:!0,color:"#09341F",opacity:.8,formatter(n){return n===0||n===100?"":n}},splitLine:{show:!0}},yAxis:{min:0,max:.6,name:"Index score",nameTextStyle:{color:"#09341F",opacity:.8},axisLine:{show:!0,lineStyle:{color:"#09341F",opacity:.1},symbol:["none","arrow"],symbolSize:[5,10],symbolOffset:[5]},axisTick:{show:!1},axisLabel:{show:!0,color:"#09341F",opacity:.8,formatter(n){return n===0||n===.6?"":n}},splitLine:{show:!0}},series:[{type:"scatter",tooltip:{},itemStyle:{color:"#09341F",opacity:.2,borderWidth:1}},{name:"Measured result",type:"scatter",data:[{x:p,y:l}],symbolSize:10,itemStyle:{color:m()},showSymbol:!0},{name:"Population average",type:"line",smooth:!0,datasetIndex:1,symbol:"line",lineStyle:{name:"line",type:"line",color:"#B5C2BD",symbol:"none",width:5},showSymbol:!1}],graphic:[],legend:{show:!0,right:"50%",top:"1%",left:"70%",textStyle:{color:"#09341F",opacity:.8},selected:{"Measured result":!0,"Population average":!0},inactiveColor:"#fff"}};t.setOption(x),x.graphic.push({type:"line",shape:{x1:t.convertToPixel("xAxis",p),y1:t.convertToPixel("yAxis",0),x2:t.convertToPixel("xAxis",p),y2:t.convertToPixel("yAxis",l)},style:{stroke:m(),lineDash:[8,8],lineWidth:3},z:8}),x.graphic.push({type:"line",shape:{x1:t.convertToPixel("xAxis",0),y1:t.convertToPixel("yAxis",l),x2:t.convertToPixel("xAxis",p),y2:t.convertToPixel("yAxis",l)},style:{stroke:m(),lineDash:[8,8],lineWidth:3},z:8}),x.graphic.push({name:"Measured result",type:"circle",shape:{cx:t.convertToPixel("xAxis",p),cy:t.convertToPixel("yAxis",l),r:7},style:{fill:m()},z:15});const P=t.convertToPixel("xAxis",p),T=t.convertToPixel("yAxis",l),s=document.createElementNS("http://www.w3.org/2000/svg","svg"),r=document.createElement("div");s.setAttribute("width","71"),s.setAttribute("height","32"),s.setAttribute("viewBox","0 0 71 32"),s.setAttribute("fill","none"),s.setAttribute("xmlns","http://www.w3.org/2000/svg");const v=document.createElementNS("http://www.w3.org/2000/svg","path");v.setAttribute("d","M7 4C7 1.79086 8.79086 0 11 0H67C69.2091 0 71 1.79086 71 4V28C71 30.2091 69.2091 32 67 32H11C8.79086 32 7 30.2091 7 28V4Z"),v.setAttribute("fill",m());const g=document.createElementNS("http://www.w3.org/2000/svg","path");g.setAttribute("d","M1.13333 17.6C0.0666666 16.8 0.0666666 15.2 1.13333 14.4L7 10L7 22L1.13333 17.6Z"),g.setAttribute("fill",m()),s.appendChild(v),s.appendChild(g),s.style.position="absolute",s.style.left=`${o.left+P+10}px`,s.style.top=`${o.top+T-15}px`,s.style.zIndex="8",r.innerText=`${Number.parseFloat(l).toFixed(3)}`,r.style.position="absolute",r.style.left=`${o.left+P+28}px`,r.style.top=`${o.top+T-8}px`,r.style.font="bold 16px sans-serif",r.style.color="white",r.style.zIndex="999",r.style.fontFamily="Sen",document.body.appendChild(r),document.body.appendChild(s),t.setOption(x)}I(async()=>{u=await f.getReport(),A=u.sex,b=await f.getScatterData(i,A),p=Number(u.glycanage),d&&(h=Number(u[d.csvPerc]),l=Number(u[d.csvScore])),z()});function L(o){O[o?"unshift":"push"](()=>{y=o,c(0,y)})}return a.$$set=o=>{"type"in o&&c(1,i=o.type),"service"in o&&c(2,f=o.service)},[y,i,f,L]}class C extends B{constructor(e){super(),G(this,e,_,q,N,{type:1,service:2},Z)}get type(){return this.$$.ctx[1]}set type(e){this.$$set({type:e}),$()}get service(){return this.$$.ctx[2]}set service(e){this.$$set({service:e}),$()}}customElements.define("ga-scatter-plot",k(C,{type:{},service:{}},[],[],!1));export{C as default};
|