@glycanage/web-components 1.111.0 → 1.112.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/index.js +1 -1
- package/dist/init.js +1 -1
- package/dist/results-overview.wc.js +1 -1
- package/dist/scatter-plot-clp.wc.js +1 -0
- package/dist/scatter-plot.wc.js +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
const t=()=>{import("./arthritis.wc.js"),import("./colitis.wc.js"),import("./crohn.wc.js"),import("./lupus.wc.js"),import("./diabetes.wc.js"),import("./myocardial.wc.js"),import("./menopause.wc.js"),import("./hypertension.wc.js"),import("./chronic.wc.js"),import("./dyslipidemia.wc.js"),import("./atherosclerosis.wc.js"),import("./coronary.wc.js"),import("./copd.wc.js"),import("./hypertension-risk.wc.js"),import("./pre-hypertension.wc.js"),import("./language.interface.js"),import("./colorectal.wc.js"),import("./endometrial.wc.js"),import("./ovarian.wc.js"),import("./age-graph.wc.js"),import("./index-graph.wc.js"),import("./median-graph.wc.js"),import("./median-graph-japanese.wc.js"),import("./index-graph-japanese.wc.js"),import("./results-overview.wc.js"),import("./single-overview.wc.js"),import("./main-result.wc.js"),import("./insights-overview.wc.js"),import("./arrow-graph.wc.js"),import("./overlap-title.wc.js"),import("./scatter-plot.wc.js"),import("./results-overview-clp.wc.js"),import("./insights-overview-clp.wc.js"),import("./main-result-clp.wc.js"),import("./single-overview-clp.wc.js"),import("./arrow-graph-clp.wc.js"),import("./overlap-title-clp.wc.js")};export{t as default};
|
|
1
|
+
const t=()=>{import("./arthritis.wc.js"),import("./colitis.wc.js"),import("./crohn.wc.js"),import("./lupus.wc.js"),import("./diabetes.wc.js"),import("./myocardial.wc.js"),import("./menopause.wc.js"),import("./hypertension.wc.js"),import("./chronic.wc.js"),import("./dyslipidemia.wc.js"),import("./atherosclerosis.wc.js"),import("./coronary.wc.js"),import("./copd.wc.js"),import("./hypertension-risk.wc.js"),import("./pre-hypertension.wc.js"),import("./language.interface.js"),import("./colorectal.wc.js"),import("./endometrial.wc.js"),import("./ovarian.wc.js"),import("./age-graph.wc.js"),import("./index-graph.wc.js"),import("./median-graph.wc.js"),import("./median-graph-japanese.wc.js"),import("./index-graph-japanese.wc.js"),import("./results-overview.wc.js"),import("./single-overview.wc.js"),import("./main-result.wc.js"),import("./insights-overview.wc.js"),import("./arrow-graph.wc.js"),import("./overlap-title.wc.js"),import("./scatter-plot.wc.js"),import("./results-overview-clp.wc.js"),import("./insights-overview-clp.wc.js"),import("./main-result-clp.wc.js"),import("./single-overview-clp.wc.js"),import("./arrow-graph-clp.wc.js"),import("./overlap-title-clp.wc.js"),import("./scatter-plot-clp.wc.js")};export{t as default};
|
package/dist/init.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
class
|
|
1
|
+
class t{getReport(){return Promise.resolve(!0)}getScatterData(e,r){return Promise.resolve(!0)}getLineData(e,r){return Promise.resolve(!0)}}function o(){window.GaWebComponentService=new t}export{o as init};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as
|
|
1
|
+
import{c as se,S as ae,i as oe,f as P,s as le,a as ce,d as ne,g as i,u as J,k as r,o as de,e as f,m as D,b as h,v as K,n as v,p as c,q as m,r as G}from"./index2.js";import{a as E,f as Q,h as ee,i as te,j as M}from"./helpers.js";function fe(a){ce(a,"svelte-1fariw4",".main.svelte-1fariw4{height:100%;width:100%;display:flex}.label.svelte-1fariw4{width:30%;display:flex;align-items:center;font-size:0.8rem}.label-container.svelte-1fariw4{display:flex;flex-direction:column}.graph-container.svelte-1fariw4{width:70%;display:flex;align-items:center;justify-content:space-between;position:relative}.colorBox.svelte-1fariw4{height:5px;width:14.3%;border-radius:24px}.colorBoxShort.svelte-1fariw4{height:5px;width:5%;border-radius:24px}.slider.svelte-1fariw4{display:flex;flex-direction:column;align-items:center;position:absolute;transform:translate(-50%, -50%);width:24%;max-height:70px}.slider-number.svelte-1fariw4{display:flex;flex-direction:column;align-items:center;position:absolute;transform:translate(-50%, -120%);width:24%;font-size:0.80rem;color:white}.text-left.svelte-1fariw4{position:absolute;height:15%;border-left:1px solid #09341F33;border-right:1px solid #09341F33;top:62%;left:0;display:flex;align-items:center;justify-content:center;font-size:0.8rem;color:#09341F80}.text-middle.svelte-1fariw4{position:absolute;height:15%;top:62%;left:35%;display:flex;align-items:center;justify-content:center;font-size:0.8rem;color:#09341F80}.text-right.svelte-1fariw4{position:absolute;height:15%;border-left:1px solid #09341F33;border-right:1px solid #09341F33;top:62%;right:0;display:flex;align-items:center;justify-content:center;font-size:0.8rem;color:#09341F80}")}function ie(a){let o,s,n,b,w=E(a[1],a[2])+"",x,A,C,u=E(a[1],a[3])+"",B,p,d,y,k,g,e,t,W,T,Y,z,H,S,R=(a[0]==="shield"||a[0]==="youth"||a[0]==="median"?E(a[1],"WORSE"):E(a[1],"BETTER"))+"",U,X,L,_=(a[0]==="age"?"":a[0]==="median"?E(a[1],"AROUND_AVERAGE"):E(a[1],"AVERAGE"))+"",V,q,I,$=(a[0]==="shield"||a[0]==="youth"?E(a[1],"BETTER"):E(a[1],"WORSE"))+"",j;function Z(l,N){if(l[0]==="mature"||l[0]==="lifestyle"||l[0]==="age")return he;if(l[0]==="shield"||l[0]==="youth")return ue;if(l[0]==="median")return ve}let O=Z(a),F=O&&O(a);return{c(){o=f("div"),s=f("div"),n=f("div"),b=f("b"),x=D(w),A=h(),C=f("div"),B=D(u),p=h(),d=f("div"),F&&F.c(),y=h(),k=f("div"),g=K("svg"),e=K("path"),W=h(),T=f("div"),Y=f("b"),z=D(a[4]),H=h(),S=f("div"),U=D(R),X=h(),L=f("div"),V=D(_),q=h(),I=f("div"),j=D($),v(C,"font-size","0.7rem"),c(n,"class","label-container svelte-1fariw4"),c(s,"class","label svelte-1fariw4"),c(e,"d","M20.0001 35.5418C19.6112 35.5418 19.2223 35.4724 18.8334 35.3335C18.4445 35.1946 18.0973 34.9863 17.7917 34.7085C15.9862 33.0418 14.389 31.4168 13.0001 29.8335C11.6112 28.2502 10.4515 26.7154 9.52091 25.2293C8.59036 23.7432 7.88203 22.3127 7.39591 20.9377C6.9098 19.5627 6.66675 18.2502 6.66675 17.0002C6.66675 12.8335 8.00703 9.51405 10.6876 7.04183C13.3681 4.56961 16.4723 3.3335 20.0001 3.3335C23.5279 3.3335 26.632 4.56961 29.3126 7.04183C31.9931 9.51405 33.3334 12.8335 33.3334 17.0002C33.3334 18.2502 33.0904 19.5627 32.6042 20.9377C32.1181 22.3127 31.4098 23.7432 30.4792 25.2293C29.5487 26.7154 28.389 28.2502 27.0001 29.8335C25.6112 31.4168 24.014 33.0418 22.2084 34.7085C21.9029 34.9863 21.5556 35.1946 21.1667 35.3335C20.7779 35.4724 20.389 35.5418 20.0001 35.5418Z"),c(e,"fill",t=a[0]==="shield"||a[0]==="youth"?Q(a[4]):a[0]==="mature"||a[0]==="lifestyle"||a[0]==="age"?ee(a[4]):te(a[4])),v(g,"position","relative"),c(g,"width","40"),c(g,"height","40"),c(g,"viewBox","0 0 40 40"),c(g,"fill","none"),c(g,"xmlns","http://www.w3.org/2000/svg"),c(k,"class","slider svelte-1fariw4"),v(k,"left",M(a[4])+"%"),c(T,"class","slider-number svelte-1fariw4"),v(T,"left",M(a[4])+"%"),c(S,"class","text-left svelte-1fariw4"),v(S,"width",(a[0]==="median"?"19.7":"34.7")+"%"),c(L,"class","text-middle svelte-1fariw4"),v(L,"width","29.5%"),c(I,"class","text-right svelte-1fariw4"),v(I,"width",(a[0]==="median"?"19.8":"34.7")+"%"),c(d,"class","graph-container svelte-1fariw4"),c(o,"class","main svelte-1fariw4")},m(l,N){i(l,o,N),m(o,s),m(s,n),m(n,b),m(b,x),m(n,A),m(n,C),m(C,B),m(o,p),m(o,d),F&&F.m(d,null),m(d,y),m(d,k),m(k,g),m(g,e),m(d,W),m(d,T),m(T,Y),m(Y,z),m(d,H),m(d,S),m(S,U),m(d,X),m(d,L),m(L,V),m(d,q),m(d,I),m(I,j)},p(l,N){N&6&&w!==(w=E(l[1],l[2])+"")&&G(x,w),N&10&&u!==(u=E(l[1],l[3])+"")&&G(B,u),O!==(O=Z(l))&&(F&&F.d(1),F=O&&O(l),F&&(F.c(),F.m(d,y))),N&17&&t!==(t=l[0]==="shield"||l[0]==="youth"?Q(l[4]):l[0]==="mature"||l[0]==="lifestyle"||l[0]==="age"?ee(l[4]):te(l[4]))&&c(e,"fill",t),N&16&&v(k,"left",M(l[4])+"%"),N&16&&G(z,l[4]),N&16&&v(T,"left",M(l[4])+"%"),N&3&&R!==(R=(l[0]==="shield"||l[0]==="youth"||l[0]==="median"?E(l[1],"WORSE"):E(l[1],"BETTER"))+"")&&G(U,R),N&1&&v(S,"width",(l[0]==="median"?"19.7":"34.7")+"%"),N&3&&_!==(_=(l[0]==="age"?"":l[0]==="median"?E(l[1],"AROUND_AVERAGE"):E(l[1],"AVERAGE"))+"")&&G(V,_),N&3&&$!==($=(l[0]==="shield"||l[0]==="youth"?E(l[1],"BETTER"):E(l[1],"WORSE"))+"")&&G(j,$),N&1&&v(I,"width",(l[0]==="median"?"19.8":"34.7")+"%")},d(l){l&&r(o),F&&F.d()}}}function ve(a){let o,s,n,b,w,x,A,C,u,B,p,d,y,k,g;return{c(){o=f("div"),s=h(),n=f("div"),b=h(),w=f("div"),x=h(),A=f("div"),C=h(),u=f("div"),B=h(),p=f("div"),d=h(),y=f("div"),k=h(),g=f("div"),c(o,"class","colorBoxShort svelte-1fariw4"),v(o,"background-color","#DF2120"),c(n,"class","colorBox svelte-1fariw4"),v(n,"background-color","#F2800D"),c(w,"class","colorBox svelte-1fariw4"),v(w,"background-color","#13A195"),c(A,"class","colorBox svelte-1fariw4"),v(A,"background-color","#66CCAA"),c(u,"class","colorBox svelte-1fariw4"),v(u,"background-color","#66CCAA"),c(p,"class","colorBox svelte-1fariw4"),v(p,"background-color","#13A195"),c(y,"class","colorBox svelte-1fariw4"),v(y,"background-color","#F2800D"),c(g,"class","colorBoxShort svelte-1fariw4"),v(g,"background-color","#DF2120")},m(e,t){i(e,o,t),i(e,s,t),i(e,n,t),i(e,b,t),i(e,w,t),i(e,x,t),i(e,A,t),i(e,C,t),i(e,u,t),i(e,B,t),i(e,p,t),i(e,d,t),i(e,y,t),i(e,k,t),i(e,g,t)},d(e){e&&(r(o),r(s),r(n),r(b),r(w),r(x),r(A),r(C),r(u),r(B),r(p),r(d),r(y),r(k),r(g))}}}function ue(a){let o,s,n,b,w,x,A,C,u,B,p,d,y,k,g;return{c(){o=f("div"),s=h(),n=f("div"),b=h(),w=f("div"),x=h(),A=f("div"),C=h(),u=f("div"),B=h(),p=f("div"),d=h(),y=f("div"),k=h(),g=f("div"),c(o,"class","colorBoxShort svelte-1fariw4"),v(o,"background-color","#DF2120"),c(n,"class","colorBox svelte-1fariw4"),v(n,"background-color","#DF2120"),c(w,"class","colorBox svelte-1fariw4"),v(w,"background-color","#F2800D"),c(A,"class","colorBox svelte-1fariw4"),v(A,"background-color","#66CCAA"),c(u,"class","colorBox svelte-1fariw4"),v(u,"background-color","#66CCAA"),c(p,"class","colorBox svelte-1fariw4"),v(p,"background-color","#13A195"),c(y,"class","colorBox svelte-1fariw4"),v(y,"background-color","#015566"),c(g,"class","colorBoxShort svelte-1fariw4"),v(g,"background-color","#015566")},m(e,t){i(e,o,t),i(e,s,t),i(e,n,t),i(e,b,t),i(e,w,t),i(e,x,t),i(e,A,t),i(e,C,t),i(e,u,t),i(e,B,t),i(e,p,t),i(e,d,t),i(e,y,t),i(e,k,t),i(e,g,t)},d(e){e&&(r(o),r(s),r(n),r(b),r(w),r(x),r(A),r(C),r(u),r(B),r(p),r(d),r(y),r(k),r(g))}}}function he(a){let o,s,n,b,w,x,A,C,u,B,p,d,y,k,g;return{c(){o=f("div"),s=h(),n=f("div"),b=h(),w=f("div"),x=h(),A=f("div"),C=h(),u=f("div"),B=h(),p=f("div"),d=h(),y=f("div"),k=h(),g=f("div"),c(o,"class","colorBoxShort svelte-1fariw4"),v(o,"background-color","#015566"),c(n,"class","colorBox svelte-1fariw4"),v(n,"background-color","#015566"),c(w,"class","colorBox svelte-1fariw4"),v(w,"background-color","#13A195"),c(A,"class","colorBox svelte-1fariw4"),v(A,"background-color","#66CCAA"),c(u,"class","colorBox svelte-1fariw4"),v(u,"background-color","#66CCAA"),c(p,"class","colorBox svelte-1fariw4"),v(p,"background-color","#F2800D"),c(y,"class","colorBox svelte-1fariw4"),v(y,"background-color","#DF2120"),c(g,"class","colorBoxShort svelte-1fariw4"),v(g,"background-color","#DF2120")},m(e,t){i(e,o,t),i(e,s,t),i(e,n,t),i(e,b,t),i(e,w,t),i(e,x,t),i(e,A,t),i(e,C,t),i(e,u,t),i(e,B,t),i(e,p,t),i(e,d,t),i(e,y,t),i(e,k,t),i(e,g,t)},d(e){e&&(r(o),r(s),r(n),r(b),r(w),r(x),r(A),r(C),r(u),r(B),r(p),r(d),r(y),r(k),r(g))}}}function ge(a){let o,s=a[5]&&ie(a);return{c(){s&&s.c(),o=ne()},m(n,b){s&&s.m(n,b),i(n,o,b)},p(n,[b]){n[5]?s?s.p(n,b):(s=ie(n),s.c(),s.m(o.parentNode,o)):s&&(s.d(1),s=null)},i:J,o:J,d(n){n&&r(o),s&&s.d(n)}}}function we(a,o,s){let{type:n}=o,{lang:b}=o,{service:w=window.GaReportService}=o,x,A="",C="",u=0,B=!1;const p=[{name:"age",label:"BIOLOGICAL_AGE",description:"CHRONIC_INFLAMMATION"},{name:"shield",label:"GLYCAN_SHIELD",description:"ANTI_INFLAMMATORY"},{name:"youth",label:"GLYCAN_YOUTH",description:"ANTI_INFLAMMATORY"},{name:"mature",label:"GLYCAN_MATURE",description:"PRO_INFLAMMATORY"},{name:"median",label:"GLYCAN_MEDIAN",description:"SUPPORTIVE_INDEX"},{name:"lifestyle",label:"GLYCAN_LIFESTYLE",description:"SUPPORTIVE_INDEX"}].find(d=>d.name===n);return de(async()=>{switch(x=await w.getReport(),n){case"age":s(4,u=Number(x.glycanage));break;case"shield":s(4,u=Number(x.Spercentile));break;case"youth":s(4,u=Number(x.G2percentile));break;case"mature":s(4,u=Number(x.G0percentile));break;case"median":s(4,u=Number(x.G1percentile));break;case"lifestyle":s(4,u=Number(x.Bpercentile))}(u===100||u===0)&&s(4,u=u===100?99:1),p&&(s(2,A=p.label),s(3,C=p.description)),s(5,B=!0)}),a.$$set=d=>{"type"in d&&s(0,n=d.type),"lang"in d&&s(1,b=d.lang),"service"in d&&s(6,w=d.service)},[n,b,A,C,u,B,w]}class re extends ae{constructor(o){super(),oe(this,o,we,ge,le,{type:0,lang:1,service:6},fe)}get type(){return this.$$.ctx[0]}set type(o){this.$$set({type:o}),P()}get lang(){return this.$$.ctx[1]}set lang(o){this.$$set({lang:o}),P()}get service(){return this.$$.ctx[6]}set service(o){this.$$set({service:o}),P()}}customElements.define("ga-results-overview",se(re,{type:{},lang:{},service:{}},[],[],!0));export{re as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{c as G,S as N,i as B,f as $,s as D,a as E,e as M,n as S,g as R,u as A,k as W,o as I,z as O}from"./index2.js";import{i as H,f as V,h as Z}from"./helpers.js";function q(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 j(a){let e;return{c(){e=M("div"),S(e,"width","100%"),S(e,"height","100%"),S(e,"position","relative")},m(c,s){R(c,e,s),a[3](e)},p:A,i:A,o:A,d(c){c&&W(e),a[3](null)}}}function _(a,e,c){let{type:s}=e,{service:u=window.GaReportService}=e,L=[{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"}],m,P,d,f=0,l=0,t={},v="",p=0,y;const g=L.find(o=>o.name===s);function x(){if(s=="median")return H(f);if(s=="shield"||s=="youth")return V(f);if(s=="mature"||s=="lifestyle")return Z(f)}function k(){y&&(t=echarts.init(y,null,{devicePixelRatio:4}));const o=y.getBoundingClientRect();var h={textStyle:{fontFamily:"Sen",fontStyle:"normal",fontSize:12,fontWeight:400,lineHeight:19.2,letterSpacing:.06},animation:!1,backgroundColor:"transparent",grid:{top:"65px",left:"50px",right:"55px",bottom:"40px"},dataset:[{source:P.data.map(i=>[i.x,i.y])},{source:d.data.map(i=>[i.x,i.y])}],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(i){return i===0||i===100?"":i}},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(i){return i===0||i===.6?"":i}},splitLine:{show:!0}},series:[{type:"scatter",tooltip:{},itemStyle:{color:"#09341F",opacity:.1,borderWidth:1}},{name:"Measured result",type:"scatter",data:[{x:p,y:l}],itemStyle:{color:x()}},{name:"Population average",type:"line",smooth:!0,datasetIndex:1,symbol:"line",lineStyle:{name:"line",type:"line",color:"#09341F",opacity:.5,symbol:"none",width:5},showSymbol:!1}],graphic:[],legend:{show:!0,right:"50%",top:"3%",left:"70%",itemGap:.2,textStyle:{color:"#09341F",opacity:.8},selected:{"Measured result":!0,"Population average":!0},inactiveColor:"#fff"}};t.setOption(h),h.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:x(),lineDash:[8,8],lineWidth:3},z:8}),h.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:x(),lineDash:[8,8],lineWidth:3},z:8}),h.graphic.push({name:"Measured result",type:"circle",shape:{cx:t.convertToPixel("xAxis",p),cy:t.convertToPixel("yAxis",l),r:6},style:{fill:x(),stroke:"#FFFFFF",lineWidth:1},z:15});const F=t.convertToPixel("xAxis",p),T=t.convertToPixel("yAxis",l),n=document.createElementNS("http://www.w3.org/2000/svg","svg"),r=document.createElement("div");n.setAttribute("width","71"),n.setAttribute("height","32"),n.setAttribute("viewBox","0 0 71 32"),n.setAttribute("fill","none"),n.setAttribute("xmlns","http://www.w3.org/2000/svg");const w=document.createElementNS("http://www.w3.org/2000/svg","path");w.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"),w.setAttribute("fill",x());const b=document.createElementNS("http://www.w3.org/2000/svg","path");b.setAttribute("d","M1.13333 17.6C0.0666666 16.8 0.0666666 15.2 1.13333 14.4L7 10L7 22L1.13333 17.6Z"),b.setAttribute("fill",x()),n.appendChild(w),n.appendChild(b),n.style.position="absolute",n.style.left=`${o.left+F+10}px`,n.style.top=`${o.top+T-15}px`,n.style.zIndex="8",r.innerText=`${Number.parseFloat(l).toFixed(3)}`,r.style.position="absolute",r.style.left=`${o.left+F+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(n),t.setOption(h)}I(async()=>{m=await u.getReport(),v=m.sex,P=await u.getScatterData(s,v),d=await u.getLineData(s,v),p=Number(m.chronologicalage),console.log("lineData:",d),g&&(f=Number(m[g.csvPerc]),l=Number(m[g.csvScore])),k()});function z(o){O[o?"unshift":"push"](()=>{y=o,c(0,y)})}return a.$$set=o=>{"type"in o&&c(1,s=o.type),"service"in o&&c(2,u=o.service)},[y,s,u,z]}class C extends N{constructor(e){super(),B(this,e,_,j,D,{type:1,service:2},q)}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-clp",G(C,{type:{},service:{}},[],[],!1));export{C as default};
|
package/dist/scatter-plot.wc.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as
|
|
1
|
+
import{c as G,S as N,i as B,f as $,s as E,a as M,e as R,n as b,g as W,u as S,k as D,o as I,z as O}from"./index2.js";import{i as H,f as V,h as Z}from"./helpers.js";function q(l){M(l,"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 j(l){let e;return{c(){e=R("div"),b(e,"width","100%"),b(e,"height","100%"),b(e,"position","relative")},m(c,s){W(c,e,s),l[3](e)},p:S,i:S,o:S,d(c){c&&D(e),l[3](null)}}}function _(l,e,c){let{type:s}=e,{service:u=window.GaReportService}=e,L=[{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"}],m,A,P,f=0,a=0,t={},d="",p=0,y;const v=L.find(o=>o.name===s);function x(){if(s=="median")return H(f);if(s=="shield"||s=="youth")return V(f);if(s=="mature"||s=="lifestyle")return Z(f)}function k(){y&&(t=echarts.init(y,null,{devicePixelRatio:4}));const o=y.getBoundingClientRect();var h={textStyle:{fontFamily:"Sen",fontStyle:"normal",fontSize:12,fontWeight:400,lineHeight:19.2,letterSpacing:.06},animation:!1,backgroundColor:"transparent",grid:{top:"65px",left:"50px",right:"55px",bottom:"40px"},dataset:[{source:A.data.map(i=>[i.x,i.y])},{source:P.data.map(i=>[i.x,i.y])}],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(i){return i===0||i===100?"":i}},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(i){return i===0||i===.6?"":i}},splitLine:{show:!0}},series:[{type:"scatter",tooltip:{},itemStyle:{color:"#09341F",opacity:.1,borderWidth:1}},{name:"Measured result",type:"scatter",data:[{x:p,y:a}],itemStyle:{color:x()}},{name:"Population average",type:"line",smooth:!0,datasetIndex:1,symbol:"line",lineStyle:{name:"line",type:"line",color:"#09341F",opacity:.5,symbol:"none",width:5},showSymbol:!1}],graphic:[],legend:{show:!0,right:"50%",top:"3%",left:"70%",itemGap:.2,textStyle:{color:"#09341F",opacity:.8},selected:{"Measured result":!0,"Population average":!0},inactiveColor:"#fff"}};t.setOption(h),h.graphic.push({type:"line",shape:{x1:t.convertToPixel("xAxis",p),y1:t.convertToPixel("yAxis",0),x2:t.convertToPixel("xAxis",p),y2:t.convertToPixel("yAxis",a)},style:{stroke:x(),lineDash:[8,8],lineWidth:3},z:8}),h.graphic.push({type:"line",shape:{x1:t.convertToPixel("xAxis",0),y1:t.convertToPixel("yAxis",a),x2:t.convertToPixel("xAxis",p),y2:t.convertToPixel("yAxis",a)},style:{stroke:x(),lineDash:[8,8],lineWidth:3},z:8}),h.graphic.push({name:"Measured result",type:"circle",shape:{cx:t.convertToPixel("xAxis",p),cy:t.convertToPixel("yAxis",a),r:6},style:{fill:x(),stroke:"#FFFFFF",lineWidth:1},z:15});const F=t.convertToPixel("xAxis",p),T=t.convertToPixel("yAxis",a),r=document.createElementNS("http://www.w3.org/2000/svg","svg"),n=document.createElement("div");r.setAttribute("width","71"),r.setAttribute("height","32"),r.setAttribute("viewBox","0 0 71 32"),r.setAttribute("fill","none"),r.setAttribute("xmlns","http://www.w3.org/2000/svg");const g=document.createElementNS("http://www.w3.org/2000/svg","path");g.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"),g.setAttribute("fill",x());const w=document.createElementNS("http://www.w3.org/2000/svg","path");w.setAttribute("d","M1.13333 17.6C0.0666666 16.8 0.0666666 15.2 1.13333 14.4L7 10L7 22L1.13333 17.6Z"),w.setAttribute("fill",x()),r.appendChild(g),r.appendChild(w),r.style.position="absolute",r.style.left=`${o.left+F+10}px`,r.style.top=`${o.top+T-15}px`,r.style.zIndex="8",n.innerText=`${Number.parseFloat(a).toFixed(3)}`,n.style.position="absolute",n.style.left=`${o.left+F+28}px`,n.style.top=`${o.top+T-8}px`,n.style.font="bold 16px sans-serif",n.style.color="white",n.style.zIndex="999",n.style.fontFamily="Sen",document.body.appendChild(n),document.body.appendChild(r),t.setOption(h)}I(async()=>{m=await u.getReport(),d=m.sex,A=await u.getScatterData(s,d),P=await u.getLineData(s,d),p=Number(m.chronologicalage),v&&(f=Number(m[v.csvPerc]),a=Number(m[v.csvScore])),k()});function z(o){O[o?"unshift":"push"](()=>{y=o,c(0,y)})}return l.$$set=o=>{"type"in o&&c(1,s=o.type),"service"in o&&c(2,u=o.service)},[y,s,u,z]}class C extends N{constructor(e){super(),B(this,e,_,j,E,{type:1,service:2},q)}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",G(C,{type:{},service:{}},[],[],!1));export{C as default};
|