@glycanage/web-components 1.197.0 → 1.199.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.
@@ -1 +1 @@
1
- import{c as fe,S as me,i as ue,f as ee,s as ve,a as he,d as ge,g as c,u as ne,k as d,o as we,e as p,m as N,b as h,v as J,n as f,p as e,q as r,r as G}from"./index2.js";import{s as ce,f as K,h as Q,j as _}from"./helpers.js";function be(o){he(o,"svelte-10p57wf",".main.svelte-10p57wf{height:100%;width:100%;display:flex}.label.svelte-10p57wf{width:30%;display:flex;align-items:center}.label-container.svelte-10p57wf{display:flex;flex-direction:column}.graph-container.svelte-10p57wf{width:70%;display:flex;align-items:center;justify-content:space-between;position:relative}.colorBox.svelte-10p57wf{height:3px;width:14.3%;border-radius:24px}.colorBoxShort.svelte-10p57wf{height:3px;width:5%;border-radius:24px}.slider.svelte-10p57wf{display:flex;flex-direction:column;align-items:center;position:absolute;transform:translate(-50%, -55%);width:24%;max-height:70px}.slider-number.svelte-10p57wf{display:flex;flex-direction:column;align-items:center;position:absolute;transform:translate(-50%, -135%);width:26%;font-size:0.38rem;color:white}.slider-triangle.svelte-10p57wf{display:flex;flex-direction:column;align-items:center;position:absolute;transform:translate(-50%, -105%);width:24%}.text-left.svelte-10p57wf{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.44rem;color:#09341F80}.text-middle.svelte-10p57wf{position:absolute;height:15%;top:62%;display:flex;align-items:center;justify-content:center;font-size:0.44rem;color:#09341F80}.text-right.svelte-10p57wf{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.44rem;color:#09341F80}")}function de(o){let a,t,n,g,b,w,x,F,k,m,y,A,v,u,S,l,i,D,P,te,I,j,U,V,q=ce(o[5],o[1])+"",W,le,ie,O,B,M,H,se,R,T=o[0]==="shield"||o[0]==="youth"||o[0]==="median"?"Suboptimal":"Optimal",X,oe,z,ae,E,Z=o[0]==="shield"||o[0]==="youth"||o[0]==="median"?"Optimal":"Suboptimal",Y;function re(s,C){if(s[0]==="mature"||s[0]==="lifestyle"||s[0]==="age")return ye;if(s[0]==="shield"||s[0]==="youth"||s[0]==="median")return xe}let L=re(o),$=L&&L(o);return{c(){a=p("div"),t=p("div"),n=p("div"),g=p("span"),b=N(o[2]),w=h(),x=p("span"),F=N(o[3]),k=h(),m=p("div"),y=p("b"),A=N(o[4]),v=h(),u=p("div"),$&&$.c(),S=h(),l=p("div"),i=J("svg"),D=J("rect"),te=h(),I=p("div"),j=p("b"),U=N(o[5]),V=p("sup"),W=N(q),le=N(" percentile"),ie=h(),O=p("div"),B=J("svg"),M=J("path"),se=h(),R=p("div"),X=N(T),oe=h(),z=p("div"),z.textContent="Average",ae=h(),E=p("div"),Y=N(Z),f(g,"font-size","0.7rem"),f(x,"font-size","0.48rem"),f(m,"font-size","0.44rem"),f(m,"color",o[4]==="Anti-inflammatory"?"#119999":"#DD2222"),e(n,"class","label-container svelte-10p57wf"),e(t,"class","label svelte-10p57wf"),e(D,"width","100"),e(D,"height","24"),e(D,"rx","4"),e(D,"fill",P=o[0]==="shield"||o[0]==="youth"||o[0]==="median"?K(o[5]):Q(o[5])),e(i,"width","55"),e(i,"height","24"),e(i,"viewBox","0 0 100 24"),e(i,"fill","none"),e(i,"xmlns","http://www.w3.org/2000/svg"),e(l,"class","slider svelte-10p57wf"),f(l,"left",_(o[5])+"%"),e(I,"class","slider-number svelte-10p57wf"),f(I,"left",_(o[5])+"%"),e(M,"d","M6.8 6.93333C6.4 7.46667 5.6 7.46667 5.2 6.93333L0 8.07577e-07L12 0L6.8 6.93333Z"),e(M,"fill",H=o[0]==="shield"||o[0]==="youth"||o[0]==="median"?K(o[5]):Q(o[5])),e(B,"width","9"),e(B,"height","5"),e(B,"viewBox","0 0 12 8"),e(B,"fill","none"),e(B,"xmlns","http://www.w3.org/2000/svg"),e(O,"class","slider-triangle svelte-10p57wf"),f(O,"left",_(o[5])+"%"),e(R,"class","text-left svelte-10p57wf"),f(R,"width","34.7%"),e(z,"class","text-middle svelte-10p57wf"),f(z,"width","30%"),f(z,"left","35%"),e(E,"class","text-right svelte-10p57wf"),f(E,"width","34.7%"),e(u,"class","graph-container svelte-10p57wf"),e(a,"class","main svelte-10p57wf")},m(s,C){c(s,a,C),r(a,t),r(t,n),r(n,g),r(g,b),r(n,w),r(n,x),r(x,F),r(n,k),r(n,m),r(m,y),r(y,A),r(a,v),r(a,u),$&&$.m(u,null),r(u,S),r(u,l),r(l,i),r(i,D),r(u,te),r(u,I),r(I,j),r(j,U),r(j,V),r(V,W),r(j,le),r(u,ie),r(u,O),r(O,B),r(B,M),r(u,se),r(u,R),r(R,X),r(u,oe),r(u,z),r(u,ae),r(u,E),r(E,Y)},p(s,C){C&4&&G(b,s[2]),C&8&&G(F,s[3]),C&16&&G(A,s[4]),C&16&&f(m,"color",s[4]==="Anti-inflammatory"?"#119999":"#DD2222"),L!==(L=re(s))&&($&&$.d(1),$=L&&L(s),$&&($.c(),$.m(u,S))),C&33&&P!==(P=s[0]==="shield"||s[0]==="youth"||s[0]==="median"?K(s[5]):Q(s[5]))&&e(D,"fill",P),C&32&&f(l,"left",_(s[5])+"%"),C&32&&G(U,s[5]),C&34&&q!==(q=ce(s[5],s[1])+"")&&G(W,q),C&32&&f(I,"left",_(s[5])+"%"),C&33&&H!==(H=s[0]==="shield"||s[0]==="youth"||s[0]==="median"?K(s[5]):Q(s[5]))&&e(M,"fill",H),C&32&&f(O,"left",_(s[5])+"%"),C&1&&T!==(T=s[0]==="shield"||s[0]==="youth"||s[0]==="median"?"Suboptimal":"Optimal")&&G(X,T),C&1&&Z!==(Z=s[0]==="shield"||s[0]==="youth"||s[0]==="median"?"Optimal":"Suboptimal")&&G(Y,Z)},d(s){s&&d(a),$&&$.d()}}}function xe(o){let a,t,n,g,b,w,x,F,k,m,y,A,v,u,S;return{c(){a=p("div"),t=h(),n=p("div"),g=h(),b=p("div"),w=h(),x=p("div"),F=h(),k=p("div"),m=h(),y=p("div"),A=h(),v=p("div"),u=h(),S=p("div"),e(a,"class","colorBoxShort svelte-10p57wf"),f(a,"background-color","#DF2120"),e(n,"class","colorBox svelte-10p57wf"),f(n,"background-color","#DF2120"),e(b,"class","colorBox svelte-10p57wf"),f(b,"background-color","#F2800D"),e(x,"class","colorBox svelte-10p57wf"),f(x,"background-color","#66CCAA"),e(k,"class","colorBox svelte-10p57wf"),f(k,"background-color","#66CCAA"),e(y,"class","colorBox svelte-10p57wf"),f(y,"background-color","#13A195"),e(v,"class","colorBox svelte-10p57wf"),f(v,"background-color","#015566"),e(S,"class","colorBoxShort svelte-10p57wf"),f(S,"background-color","#015566")},m(l,i){c(l,a,i),c(l,t,i),c(l,n,i),c(l,g,i),c(l,b,i),c(l,w,i),c(l,x,i),c(l,F,i),c(l,k,i),c(l,m,i),c(l,y,i),c(l,A,i),c(l,v,i),c(l,u,i),c(l,S,i)},d(l){l&&(d(a),d(t),d(n),d(g),d(b),d(w),d(x),d(F),d(k),d(m),d(y),d(A),d(v),d(u),d(S))}}}function ye(o){let a,t,n,g,b,w,x,F,k,m,y,A,v,u,S;return{c(){a=p("div"),t=h(),n=p("div"),g=h(),b=p("div"),w=h(),x=p("div"),F=h(),k=p("div"),m=h(),y=p("div"),A=h(),v=p("div"),u=h(),S=p("div"),e(a,"class","colorBoxShort svelte-10p57wf"),f(a,"background-color","#015566"),e(n,"class","colorBox svelte-10p57wf"),f(n,"background-color","#015566"),e(b,"class","colorBox svelte-10p57wf"),f(b,"background-color","#13A195"),e(x,"class","colorBox svelte-10p57wf"),f(x,"background-color","#66CCAA"),e(k,"class","colorBox svelte-10p57wf"),f(k,"background-color","#66CCAA"),e(y,"class","colorBox svelte-10p57wf"),f(y,"background-color","#F2800D"),e(v,"class","colorBox svelte-10p57wf"),f(v,"background-color","#DF2120"),e(S,"class","colorBoxShort svelte-10p57wf"),f(S,"background-color","#DF2120")},m(l,i){c(l,a,i),c(l,t,i),c(l,n,i),c(l,g,i),c(l,b,i),c(l,w,i),c(l,x,i),c(l,F,i),c(l,k,i),c(l,m,i),c(l,y,i),c(l,A,i),c(l,v,i),c(l,u,i),c(l,S,i)},d(l){l&&(d(a),d(t),d(n),d(g),d(b),d(w),d(x),d(F),d(k),d(m),d(y),d(A),d(v),d(u),d(S))}}}function ke(o){let a,t=o[6]&&de(o);return{c(){t&&t.c(),a=ge()},m(n,g){t&&t.m(n,g),c(n,a,g)},p(n,[g]){n[6]?t?t.p(n,g):(t=de(n),t.c(),t.m(a.parentNode,a)):t&&(t.d(1),t=null)},i:ne,o:ne,d(n){n&&d(a),t&&t.d(n)}}}function Ae(o,a,t){let{type:n}=a,{lang:g}=a,{service:b=window.GaReportService}=a,w,x="",F="",k="",m=0,y=!1;const A=[{name:"age",label:"BIOLOGICAL_AGE",description:"CHRONIC_INFLAMMATION"},{name:"shield",label:"S Index",subtitle:"Sialylation",description:"Anti-inflammatory"},{name:"youth",label:"G2 Index",subtitle:"Digalactosylation",description:"Anti-inflammatory"},{name:"mature",label:"G0 Index",subtitle:"Agalactosylation",description:"Pro-inflammatory"},{name:"median",label:"G1 Index",subtitle:"Monogalactosylation",description:"Anti-inflammatory"},{name:"lifestyle",label:"B Index",subtitle:"Bisecting GlcNAc",description:"Pro-inflammatory"}].find(v=>v.name===n);return we(async()=>{switch(w=await b.getReport(),Number(w.glycanage),Number(w.chronologicalage),n){case"age":t(5,m=Number(w.glycanage));break;case"shield":t(5,m=Number(w.Spercentile));break;case"youth":t(5,m=Number(w.G2percentile));break;case"mature":t(5,m=Number(w.G0percentile));break;case"median":t(5,m=Number(w.G1percentile));break;case"lifestyle":t(5,m=Number(w.Bpercentile))}(m===100||m===0)&&t(5,m=m===100?99:1),A&&(t(2,x=A.label),t(4,k=A.description),t(3,F=A.subtitle)),t(6,y=!0)}),o.$$set=v=>{"type"in v&&t(0,n=v.type),"lang"in v&&t(1,g=v.lang),"service"in v&&t(7,b=v.service)},[n,g,x,F,k,m,y,b]}class pe extends me{constructor(a){super(),ue(this,a,Ae,ke,ve,{type:0,lang:1,service:7},be)}get type(){return this.$$.ctx[0]}set type(a){this.$$set({type:a}),ee()}get lang(){return this.$$.ctx[1]}set lang(a){this.$$set({lang:a}),ee()}get service(){return this.$$.ctx[7]}set service(a){this.$$set({service:a}),ee()}}customElements.define("ga-results-overview-custom-clinical",fe(pe,{type:{},lang:{},service:{}},[],[],!0));export{pe as default};
1
+ import{c as me,S as ue,i as ve,f as ee,s as he,a as ge,d as pe,g as d,u as ne,k as c,o as fe,e as b,m as N,b as g,v as J,n as m,p as e,q as r,r as G}from"./index2.js";import{s as de,f as K,h as Q,j as _}from"./helpers.js";function xe(s){ge(s,"svelte-1dt6blo",".main.svelte-1dt6blo{height:100%;width:100%;display:flex}.label.svelte-1dt6blo{width:30%;display:flex;align-items:center}.label-container.svelte-1dt6blo{display:flex;flex-direction:column}.graph-container.svelte-1dt6blo{width:70%;display:flex;align-items:center;justify-content:space-between;position:relative}.colorBox.svelte-1dt6blo{height:3px;width:14.3%;border-radius:24px}.colorBoxShort.svelte-1dt6blo{height:3px;width:5%;border-radius:24px}.slider.svelte-1dt6blo{display:flex;flex-direction:column;align-items:center;position:absolute;transform:translate(-50%, -55%);width:24%;max-height:70px}.slider-number.svelte-1dt6blo{display:flex;flex-direction:column;align-items:center;position:absolute;transform:translate(-50%, -130%);width:26%;font-size:0.38rem;color:white}.slider-triangle.svelte-1dt6blo{display:flex;flex-direction:column;align-items:center;position:absolute;transform:translate(-50%, -105%);width:24%}.text-left.svelte-1dt6blo{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.44rem;color:#09341F80}.text-middle.svelte-1dt6blo{position:absolute;height:15%;top:62%;display:flex;align-items:center;justify-content:center;font-size:0.44rem;color:#09341F80}.text-right.svelte-1dt6blo{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.44rem;color:#09341F80}")}function ce(s){let a,t,n,p,x,f,y,F,k,u,w,A,h,v,S,l,o,D,P,te,I,j,U,V,q=de(s[5],s[1])+"",W,le,oe,O,B,M,H,ie,R,T=s[0]==="shield"||s[0]==="youth"||s[0]==="median"?"Suboptimal":"Optimal",X,se,z,ae,E,Z=s[0]==="shield"||s[0]==="youth"||s[0]==="median"?"Optimal":"Suboptimal",Y;function re(i,C){if(i[0]==="mature"||i[0]==="lifestyle"||i[0]==="age")return we;if(i[0]==="shield"||i[0]==="youth"||i[0]==="median")return ye}let L=re(s),$=L&&L(s);return{c(){a=b("div"),t=b("div"),n=b("div"),p=b("span"),x=N(s[2]),f=g(),y=b("span"),F=N(s[3]),k=g(),u=b("div"),w=b("b"),A=N(s[4]),h=g(),v=b("div"),$&&$.c(),S=g(),l=b("div"),o=J("svg"),D=J("rect"),te=g(),I=b("div"),j=b("b"),U=N(s[5]),V=b("sup"),W=N(q),le=N(" percentile"),oe=g(),O=b("div"),B=J("svg"),M=J("path"),ie=g(),R=b("div"),X=N(T),se=g(),z=b("div"),z.textContent="Average",ae=g(),E=b("div"),Y=N(Z),m(p,"font-size","0.7rem"),m(y,"font-size","0.48rem"),m(u,"font-size","0.44rem"),m(u,"color",s[4]==="Anti-inflammatory"?"#119999":"#DD2222"),e(n,"class","label-container svelte-1dt6blo"),e(t,"class","label svelte-1dt6blo"),e(D,"width","100"),e(D,"height","24"),e(D,"rx","4"),e(D,"fill",P=s[0]==="shield"||s[0]==="youth"||s[0]==="median"?K(s[5]):Q(s[5])),e(o,"width","55"),e(o,"height","24"),e(o,"viewBox","0 0 100 24"),e(o,"fill","none"),e(o,"xmlns","http://www.w3.org/2000/svg"),e(l,"class","slider svelte-1dt6blo"),m(l,"left",_(s[5])+"%"),e(I,"class","slider-number svelte-1dt6blo"),m(I,"left",_(s[5])+"%"),e(M,"d","M6.8 6.93333C6.4 7.46667 5.6 7.46667 5.2 6.93333L0 8.07577e-07L12 0L6.8 6.93333Z"),e(M,"fill",H=s[0]==="shield"||s[0]==="youth"||s[0]==="median"?K(s[5]):Q(s[5])),e(B,"width","9"),e(B,"height","5"),e(B,"viewBox","0 0 12 8"),e(B,"fill","none"),e(B,"xmlns","http://www.w3.org/2000/svg"),e(O,"class","slider-triangle svelte-1dt6blo"),m(O,"left",_(s[5])+"%"),e(R,"class","text-left svelte-1dt6blo"),m(R,"width","34.7%"),e(z,"class","text-middle svelte-1dt6blo"),m(z,"width","30%"),m(z,"left","35%"),e(E,"class","text-right svelte-1dt6blo"),m(E,"width","34.7%"),e(v,"class","graph-container svelte-1dt6blo"),e(a,"class","main svelte-1dt6blo")},m(i,C){d(i,a,C),r(a,t),r(t,n),r(n,p),r(p,x),r(n,f),r(n,y),r(y,F),r(n,k),r(n,u),r(u,w),r(w,A),r(a,h),r(a,v),$&&$.m(v,null),r(v,S),r(v,l),r(l,o),r(o,D),r(v,te),r(v,I),r(I,j),r(j,U),r(j,V),r(V,W),r(j,le),r(v,oe),r(v,O),r(O,B),r(B,M),r(v,ie),r(v,R),r(R,X),r(v,se),r(v,z),r(v,ae),r(v,E),r(E,Y)},p(i,C){C&4&&G(x,i[2]),C&8&&G(F,i[3]),C&16&&G(A,i[4]),C&16&&m(u,"color",i[4]==="Anti-inflammatory"?"#119999":"#DD2222"),L!==(L=re(i))&&($&&$.d(1),$=L&&L(i),$&&($.c(),$.m(v,S))),C&33&&P!==(P=i[0]==="shield"||i[0]==="youth"||i[0]==="median"?K(i[5]):Q(i[5]))&&e(D,"fill",P),C&32&&m(l,"left",_(i[5])+"%"),C&32&&G(U,i[5]),C&34&&q!==(q=de(i[5],i[1])+"")&&G(W,q),C&32&&m(I,"left",_(i[5])+"%"),C&33&&H!==(H=i[0]==="shield"||i[0]==="youth"||i[0]==="median"?K(i[5]):Q(i[5]))&&e(M,"fill",H),C&32&&m(O,"left",_(i[5])+"%"),C&1&&T!==(T=i[0]==="shield"||i[0]==="youth"||i[0]==="median"?"Suboptimal":"Optimal")&&G(X,T),C&1&&Z!==(Z=i[0]==="shield"||i[0]==="youth"||i[0]==="median"?"Optimal":"Suboptimal")&&G(Y,Z)},d(i){i&&c(a),$&&$.d()}}}function ye(s){let a,t,n,p,x,f,y,F,k,u,w,A,h,v,S;return{c(){a=b("div"),t=g(),n=b("div"),p=g(),x=b("div"),f=g(),y=b("div"),F=g(),k=b("div"),u=g(),w=b("div"),A=g(),h=b("div"),v=g(),S=b("div"),e(a,"class","colorBoxShort svelte-1dt6blo"),m(a,"background-color","#DF2120"),e(n,"class","colorBox svelte-1dt6blo"),m(n,"background-color","#DF2120"),e(x,"class","colorBox svelte-1dt6blo"),m(x,"background-color","#F2800D"),e(y,"class","colorBox svelte-1dt6blo"),m(y,"background-color","#66CCAA"),e(k,"class","colorBox svelte-1dt6blo"),m(k,"background-color","#66CCAA"),e(w,"class","colorBox svelte-1dt6blo"),m(w,"background-color","#13A195"),e(h,"class","colorBox svelte-1dt6blo"),m(h,"background-color","#015566"),e(S,"class","colorBoxShort svelte-1dt6blo"),m(S,"background-color","#015566")},m(l,o){d(l,a,o),d(l,t,o),d(l,n,o),d(l,p,o),d(l,x,o),d(l,f,o),d(l,y,o),d(l,F,o),d(l,k,o),d(l,u,o),d(l,w,o),d(l,A,o),d(l,h,o),d(l,v,o),d(l,S,o)},d(l){l&&(c(a),c(t),c(n),c(p),c(x),c(f),c(y),c(F),c(k),c(u),c(w),c(A),c(h),c(v),c(S))}}}function we(s){let a,t,n,p,x,f,y,F,k,u,w,A,h,v,S;return{c(){a=b("div"),t=g(),n=b("div"),p=g(),x=b("div"),f=g(),y=b("div"),F=g(),k=b("div"),u=g(),w=b("div"),A=g(),h=b("div"),v=g(),S=b("div"),e(a,"class","colorBoxShort svelte-1dt6blo"),m(a,"background-color","#015566"),e(n,"class","colorBox svelte-1dt6blo"),m(n,"background-color","#015566"),e(x,"class","colorBox svelte-1dt6blo"),m(x,"background-color","#13A195"),e(y,"class","colorBox svelte-1dt6blo"),m(y,"background-color","#66CCAA"),e(k,"class","colorBox svelte-1dt6blo"),m(k,"background-color","#66CCAA"),e(w,"class","colorBox svelte-1dt6blo"),m(w,"background-color","#F2800D"),e(h,"class","colorBox svelte-1dt6blo"),m(h,"background-color","#DF2120"),e(S,"class","colorBoxShort svelte-1dt6blo"),m(S,"background-color","#DF2120")},m(l,o){d(l,a,o),d(l,t,o),d(l,n,o),d(l,p,o),d(l,x,o),d(l,f,o),d(l,y,o),d(l,F,o),d(l,k,o),d(l,u,o),d(l,w,o),d(l,A,o),d(l,h,o),d(l,v,o),d(l,S,o)},d(l){l&&(c(a),c(t),c(n),c(p),c(x),c(f),c(y),c(F),c(k),c(u),c(w),c(A),c(h),c(v),c(S))}}}function ke(s){let a,t=s[6]&&ce(s);return{c(){t&&t.c(),a=pe()},m(n,p){t&&t.m(n,p),d(n,a,p)},p(n,[p]){n[6]?t?t.p(n,p):(t=ce(n),t.c(),t.m(a.parentNode,a)):t&&(t.d(1),t=null)},i:ne,o:ne,d(n){n&&c(a),t&&t.d(n)}}}function Ae(s,a,t){let{type:n}=a,{lang:p}=a,{service:x=window.GaReportService}=a,f,y="",F="",k="",u=0,w=!1;const A=[{name:"age",label:"BIOLOGICAL_AGE",description:"CHRONIC_INFLAMMATION"},{name:"shield",label:"S Index",subtitle:"Sialylation",description:"Anti-inflammatory"},{name:"youth",label:"G2 Index",subtitle:"Digalactosylation",description:"Anti-inflammatory"},{name:"mature",label:"G0 Index",subtitle:"Agalactosylation",description:"Pro-inflammatory"},{name:"median",label:"G1 Index",subtitle:"Monogalactosylation",description:"Anti-inflammatory"},{name:"lifestyle",label:"B Index",subtitle:"Bisecting GlcNAc",description:"Pro-inflammatory"}].find(h=>h.name===n);return fe(async()=>{switch(f=await x.getReport(),Number(f.glycanage),Number(f.chronologicalage),n){case"age":t(5,u=Number(f.glycanage));break;case"shield":t(5,u=Number(f.Spercentile));break;case"youth":t(5,u=Number(f.G2percentile));break;case"mature":t(5,u=Number(f.G0percentile));break;case"median":t(5,u=Number(f.G1percentile));break;case"lifestyle":t(5,u=Number(f.Bpercentile))}(u===100||u===0)&&t(5,u=u===100?99:1),A&&(t(2,y=A.label),t(4,k=A.description),t(3,F=A.subtitle)),t(6,w=!0)}),s.$$set=h=>{"type"in h&&t(0,n=h.type),"lang"in h&&t(1,p=h.lang),"service"in h&&t(7,x=h.service)},[n,p,y,F,k,u,w,x]}class be extends ue{constructor(a){super(),ve(this,a,Ae,ke,he,{type:0,lang:1,service:7},xe)}get type(){return this.$$.ctx[0]}set type(a){this.$$set({type:a}),ee()}get lang(){return this.$$.ctx[1]}set lang(a){this.$$set({lang:a}),ee()}get service(){return this.$$.ctx[7]}set service(a){this.$$set({service:a}),ee()}}customElements.define("ga-results-overview-custom-clinical",me(be,{type:{},lang:{},service:{}},[],[],!0));export{be as default};
@@ -1 +1 @@
1
- import{c as W,S as B,i as I,f as b,s as M,e as L,b as H,n as A,p as G,g as k,q as V,u as P,k as F,o as Z,A as q}from"./index2.js";import{g as X}from"./globals.js";import{a as E,f as _,h as j}from"./helpers.js";const{document:J}=X;function K(m){let e,a,t;return{c(){e=L("div"),a=H(),t=L("link"),A(e,"width","100%"),A(e,"height","100%"),A(e,"position","relative"),G(t,"href","https://fonts.googleapis.com/css2?family=Sen:wght@400..800&display=swap"),G(t,"rel","stylesheet")},m(r,c){k(r,e,c),m[4](e),k(r,a,c),V(J.head,t)},p:P,i:P,o:P,d(r){r&&(F(e),F(a)),m[4](null),F(t)}}}function Q(m,e,a){let{type:t}=e,{lang:r}=e,{service:c=window.GaReportService}=e,R=[{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,$,T,f=0,p=0,i={},v="",y=0,x;const g=R.find(o=>o.name===t);function h(){if(t=="shield"||t=="youth"||t=="median")return _(f);if(t=="mature"||t=="lifestyle")return j(f)}function D(){x&&(i=echarts.init(x,null,{devicePixelRatio:4,renderer:"svg"}));const o=x.getBoundingClientRect();var d={textStyle:{fontFamily:"Sen, sans serif"},animation:!1,backgroundColor:"transparent",grid:{top:"34px",left:"37px",right:"44px",bottom:"28px"},dataset:[{source:$.data.map(s=>[s.x,s.y])},{source:T.data.map(s=>[s.x,s.y])}],tooltip:{show:!1},xAxis:{min:0,max:100,interval:20,name:E(r,"AGE"),nameTextStyle:{color:"#09341F",opacity:.8,fontSize: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",fontSize:8,opacity:.8,formatter(s){return s===0||s===100?"":s}},splitLine:{show:!0}},yAxis:{min:0,max:.6,name:E(r,"INDEX_SCORE"),nameTextStyle:{color:"#09341F",opacity:.8,fontSize: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",fontSize:8,opacity:.8,formatter(s){return s===0||s===.6?"":s}},splitLine:{show:!0}},series:[{type:"scatter",tooltip:{},itemStyle:{color:"#09341F",opacity:.1,borderWidth:1}},{name:"Result",type:"scatter",data:[{x:y,y:p}],itemStyle:{color:h()}},{name:"Average population",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:"1%",left:"67%",itemGap:.2,itemWidth:10,itemHeight:6,textStyle:{color:"#09341F",opacity:.8,fontSize:8},selected:{"Measured result":!0,"Population average":!0},inactiveColor:"#fff"}};i.setOption(d),d.graphic.push({type:"line",shape:{x1:i.convertToPixel("xAxis",y),y1:i.convertToPixel("yAxis",0),x2:i.convertToPixel("xAxis",y),y2:i.convertToPixel("yAxis",p)},style:{stroke:h(),lineDash:[8,8],lineWidth:1.7},z:8}),d.graphic.push({type:"line",shape:{x1:i.convertToPixel("xAxis",0),y1:i.convertToPixel("yAxis",p),x2:i.convertToPixel("xAxis",y),y2:i.convertToPixel("yAxis",p)},style:{stroke:h(),lineDash:[8,8],lineWidth:1.7},z:8}),d.graphic.push({name:"Measured result",type:"circle",shape:{cx:i.convertToPixel("xAxis",y),cy:i.convertToPixel("yAxis",p),r:4},style:{fill:h(),stroke:"#FFFFFF",lineWidth:1},z:15});const C=i.convertToPixel("xAxis",y),z=i.convertToPixel("yAxis",p),n=document.createElementNS("http://www.w3.org/2000/svg","svg"),l=document.createElement("div");n.setAttribute("width","52"),n.setAttribute("height","18"),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",h());const S=document.createElementNS("http://www.w3.org/2000/svg","path");S.setAttribute("d","M1.13333 17.6C0.0666666 16.8 0.0666666 15.2 1.13333 14.4L7 10L7 22L1.13333 17.6Z"),S.setAttribute("fill",h()),n.appendChild(w),n.appendChild(S),n.style.position="absolute",n.style.left=`${o.left+C-95}px`,n.style.top=`${o.top+z-10}px`,n.style.zIndex="8",l.innerText=`${Number.parseFloat(p).toFixed(3)}`,l.style.position="absolute",l.style.left=`${o.left+C-79}px`,l.style.top=`${o.top+z-7}px`,l.style.font="bold 10px sans-serif",l.style.color="white",l.style.zIndex="999",l.style.fontFamily="Sen",document.body.appendChild(l),document.body.appendChild(n),i.setOption(d)}Z(async()=>{u=await c.getReport(),v=u.sex,$=await c.getScatterData(t,v),T=await c.getLineData(t,v),y=Number(u.chronologicalage),g&&(f=Number(u[g.csvPerc]),p=Number(u[g.csvScore])),D()});function O(o){q[o?"unshift":"push"](()=>{x=o,a(0,x)})}return m.$$set=o=>{"type"in o&&a(1,t=o.type),"lang"in o&&a(2,r=o.lang),"service"in o&&a(3,c=o.service)},[x,t,r,c,O]}class N extends B{constructor(e){super(),I(this,e,Q,K,M,{type:1,lang:2,service:3})}get type(){return this.$$.ctx[1]}set type(e){this.$$set({type:e}),b()}get lang(){return this.$$.ctx[2]}set lang(e){this.$$set({lang:e}),b()}get service(){return this.$$.ctx[3]}set service(e){this.$$set({service:e}),b()}}customElements.define("ga-scatter-plot-custom-clinical",W(N,{type:{},lang:{},service:{}},[],[],!1));export{N as default};
1
+ import{c as W,S as B,i as I,f as b,s as M,e as L,b as H,n as A,p as G,g as k,q as V,u as P,k as F,o as Z,A as q}from"./index2.js";import{g as X}from"./globals.js";import{a as E,f as _,h as j}from"./helpers.js";const{document:J}=X;function K(h){let e,a,t;return{c(){e=L("div"),a=H(),t=L("link"),A(e,"width","100%"),A(e,"height","100%"),A(e,"position","relative"),G(t,"href","https://fonts.googleapis.com/css2?family=Sen:wght@400..800&display=swap"),G(t,"rel","stylesheet")},m(r,c){k(r,e,c),h[4](e),k(r,a,c),V(J.head,t)},p:P,i:P,o:P,d(r){r&&(F(e),F(a)),h[4](null),F(t)}}}function Q(h,e,a){let{type:t}=e,{lang:r}=e,{service:c=window.GaReportService}=e,R=[{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,$,T,f=0,p=0,i={},v="",y=0,x;const g=R.find(o=>o.name===t);function m(){if(t=="shield"||t=="youth"||t=="median")return _(f);if(t=="mature"||t=="lifestyle")return j(f)}function D(){x&&(i=echarts.init(x,null,{devicePixelRatio:4,renderer:"svg"}));const o=x.getBoundingClientRect();var d={textStyle:{fontFamily:"Sen, sans serif"},animation:!1,backgroundColor:"transparent",grid:{top:"34px",left:"37px",right:"44px",bottom:"28px"},dataset:[{source:$.data.map(s=>[s.x,s.y])},{source:T.data.map(s=>[s.x,s.y])}],tooltip:{show:!1},xAxis:{min:0,max:100,interval:20,name:E(r,"AGE"),nameTextStyle:{color:"#09341F",opacity:.8,fontSize: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",fontSize:8,opacity:.8,formatter(s){return s===0||s===100?"":s}},splitLine:{show:!0}},yAxis:{min:0,max:.6,name:E(r,"INDEX_SCORE"),nameTextStyle:{color:"#09341F",opacity:.8,fontSize: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",fontSize:8,opacity:.8,formatter(s){return s===0||s===.6?"":s}},splitLine:{show:!0}},series:[{type:"scatter",tooltip:{},symbolSize:5,itemStyle:{color:"#09341F",opacity:.1,borderWidth:1}},{name:"Result",type:"scatter",data:[{x:y,y:p}],itemStyle:{color:m()}},{name:"Average population",type:"line",smooth:!0,datasetIndex:1,symbol:"line",lineStyle:{name:"line",type:"line",color:"#09341F",opacity:.5,symbol:"none",width:2},showSymbol:!1}],graphic:[],legend:{show:!0,right:"50%",top:"1%",left:"67%",itemGap:.2,itemWidth:10,itemHeight:6,textStyle:{color:"#09341F",opacity:.8,fontSize:8},selected:{"Measured result":!0,"Population average":!0},inactiveColor:"#fff"}};i.setOption(d),d.graphic.push({type:"line",shape:{x1:i.convertToPixel("xAxis",y),y1:i.convertToPixel("yAxis",0),x2:i.convertToPixel("xAxis",y),y2:i.convertToPixel("yAxis",p)},style:{stroke:m(),lineDash:[8,8],lineWidth:1.7},z:8}),d.graphic.push({type:"line",shape:{x1:i.convertToPixel("xAxis",0),y1:i.convertToPixel("yAxis",p),x2:i.convertToPixel("xAxis",y),y2:i.convertToPixel("yAxis",p)},style:{stroke:m(),lineDash:[8,8],lineWidth:1.7},z:8}),d.graphic.push({name:"Measured result",type:"circle",shape:{cx:i.convertToPixel("xAxis",y),cy:i.convertToPixel("yAxis",p),r:4},style:{fill:m(),stroke:"#FFFFFF",lineWidth:1},z:15});const z=i.convertToPixel("xAxis",y),C=i.convertToPixel("yAxis",p),n=document.createElementNS("http://www.w3.org/2000/svg","svg"),l=document.createElement("div");n.setAttribute("width","52"),n.setAttribute("height","18"),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",m());const S=document.createElementNS("http://www.w3.org/2000/svg","path");S.setAttribute("d","M1.13333 17.6C0.0666666 16.8 0.0666666 15.2 1.13333 14.4L7 10L7 22L1.13333 17.6Z"),S.setAttribute("fill",m()),n.appendChild(w),n.appendChild(S),n.style.position="absolute",n.style.left=`${o.left+z-95}px`,n.style.top=`${o.top+C-10}px`,n.style.zIndex="8",l.innerText=`${Number.parseFloat(p).toFixed(3)}`,l.style.position="absolute",l.style.left=`${o.left+z-79}px`,l.style.top=`${o.top+C-7}px`,l.style.font="bold 10px sans-serif",l.style.color="white",l.style.zIndex="999",l.style.fontFamily="Sen",document.body.appendChild(l),document.body.appendChild(n),i.setOption(d)}Z(async()=>{u=await c.getReport(),v=u.sex,$=await c.getScatterData(t,v),T=await c.getLineData(t,v),y=Number(u.chronologicalage),g&&(f=Number(u[g.csvPerc]),p=Number(u[g.csvScore])),D()});function O(o){q[o?"unshift":"push"](()=>{x=o,a(0,x)})}return h.$$set=o=>{"type"in o&&a(1,t=o.type),"lang"in o&&a(2,r=o.lang),"service"in o&&a(3,c=o.service)},[x,t,r,c,O]}class N extends B{constructor(e){super(),I(this,e,Q,K,M,{type:1,lang:2,service:3})}get type(){return this.$$.ctx[1]}set type(e){this.$$set({type:e}),b()}get lang(){return this.$$.ctx[2]}set lang(e){this.$$set({lang:e}),b()}get service(){return this.$$.ctx[3]}set service(e){this.$$set({service:e}),b()}}customElements.define("ga-scatter-plot-custom-clinical",W(N,{type:{},lang:{},service:{}},[],[],!1));export{N as default};
@@ -1,3 +1,3 @@
1
- import{c as he,S as ve,i as ge,f as se,s as me,a as fe,d as ke,g as c,u as de,k as n,o as xe,e as d,m as C,b as m,v as P,n as h,p as e,q as a,r as L}from"./index2.js";import{s as Q,f as U,h as V,j as _}from"./helpers.js";function be(o){fe(o,"svelte-esppku",".main.svelte-esppku{height:100%;width:100%;display:flex;flex-direction:column}.label.svelte-esppku{height:20%;width:100%;display:flex;justify-content:center;font-size:10px}.graph.svelte-esppku{height:100%;width:100%;display:flex;align-items:center;justify-content:center;border:1px solid #09341F33;border-radius:10px}.graph-container.svelte-esppku{width:75%;height:100%;display:flex;align-items:center;justify-content:space-between;position:relative}.colorBox.svelte-esppku{height:4px;width:14.3%;border-radius:24px}.colorBoxShort.svelte-esppku{height:4px;width:5%;border-radius:24px}.slider.svelte-esppku{display:flex;flex-direction:column;align-items:center;position:absolute;transform:translate(-50%, -55%);width:24%;max-height:70px}.slider-number.svelte-esppku{display:flex;flex-direction:column;align-items:center;position:absolute;transform:translate(-50%, -135%);width:24%;color:white;font-weight:500;font-size:0.4rem}.text-left.svelte-esppku{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.5rem;color:#09341F80}.text-middle.svelte-esppku{position:absolute;height:15%;top:62%;left:35%;display:flex;align-items:center;justify-content:center;font-size:0.5rem;color:#09341F80}.text-right.svelte-esppku{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.5rem;color:#09341F80}.slider-triangle.svelte-esppku{display:flex;flex-direction:column;align-items:center;position:absolute;transform:translate(-50%, -105%);width:24%}")}function pe(o){let i,t,u,f,k,x,v,y,g,S=Q(o[2],o[1])+"",b,B,w,$,p,s,l,j,N,Z,le,z,R,W,X,H=Q(o[2],o[1])+"",Y,oe,ie,G,D,q,I,re,E,J=o[0]==="shield"||o[0]==="youth"||o[0]==="median"?"Suboptimal":"Optimal",ee,ae,M,ce,T,K=o[0]==="shield"||o[0]==="youth"||o[0]==="median"?"Optimal":"Suboptimal",te;function ne(r,F){if(r[0]==="mature"||r[0]==="lifestyle")return we;if(r[0]==="shield"||r[0]==="youth"||r[0]==="median")return ye}let O=ne(o),A=O&&O(o);return{c(){i=d("div"),t=d("div"),u=C(`This result ranks in the\xA0
2
- `),f=d("span"),k=d("b"),x=C(o[2]),v=m(),y=d("sup"),g=d("b"),b=C(S),B=C(`
3
- \xA0percentile:`),w=m(),$=d("div"),p=d("div"),A&&A.c(),s=m(),l=d("div"),j=P("svg"),N=P("rect"),le=m(),z=d("div"),R=d("b"),W=C(o[2]),X=d("sup"),Y=C(H),oe=C(" percentile"),ie=m(),G=d("div"),D=P("svg"),q=P("path"),re=m(),E=d("div"),ee=C(J),ae=m(),M=d("div"),M.textContent="Average",ce=m(),T=d("div"),te=C(K),h(f,"height","80%"),h(f,"display","flex"),e(t,"class","label svelte-esppku"),e(N,"width","100"),e(N,"height","24"),e(N,"rx","4"),e(N,"fill",Z=o[0]==="shield"||o[0]==="youth"||o[0]==="median"?U(o[2]):V(o[2])),e(j,"width","60"),e(j,"height","24"),e(j,"viewBox","0 0 100 24"),e(j,"fill","none"),e(j,"xmlns","http://www.w3.org/2000/svg"),e(l,"class","slider svelte-esppku"),h(l,"left",_(o[2])+"%"),e(z,"class","slider-number svelte-esppku"),h(z,"left",_(o[2])+"%"),e(q,"d","M6.8 6.93333C6.4 7.46667 5.6 7.46667 5.2 6.93333L0 8.07577e-07L12 0L6.8 6.93333Z"),e(q,"fill",I=o[0]==="shield"||o[0]==="youth"||o[0]==="median"?U(o[2]):V(o[2])),e(D,"width","9"),e(D,"height","5"),e(D,"viewBox","0 0 12 8"),e(D,"fill","none"),e(D,"xmlns","http://www.w3.org/2000/svg"),e(G,"class","slider-triangle svelte-esppku"),h(G,"left",_(o[2])+"%"),e(E,"class","text-left svelte-esppku"),h(E,"width","34.7%"),e(M,"class","text-middle svelte-esppku"),h(M,"width","29.5%"),e(T,"class","text-right svelte-esppku"),h(T,"width","34.7%"),e(p,"class","graph-container svelte-esppku"),e($,"class","graph svelte-esppku"),e(i,"class","main svelte-esppku")},m(r,F){c(r,i,F),a(i,t),a(t,u),a(t,f),a(f,k),a(k,x),a(t,v),a(t,y),a(y,g),a(g,b),a(t,B),a(i,w),a(i,$),a($,p),A&&A.m(p,null),a(p,s),a(p,l),a(l,j),a(j,N),a(p,le),a(p,z),a(z,R),a(R,W),a(R,X),a(X,Y),a(R,oe),a(p,ie),a(p,G),a(G,D),a(D,q),a(p,re),a(p,E),a(E,ee),a(p,ae),a(p,M),a(p,ce),a(p,T),a(T,te)},p(r,F){F&4&&L(x,r[2]),F&6&&S!==(S=Q(r[2],r[1])+"")&&L(b,S),O!==(O=ne(r))&&(A&&A.d(1),A=O&&O(r),A&&(A.c(),A.m(p,s))),F&5&&Z!==(Z=r[0]==="shield"||r[0]==="youth"||r[0]==="median"?U(r[2]):V(r[2]))&&e(N,"fill",Z),F&4&&h(l,"left",_(r[2])+"%"),F&4&&L(W,r[2]),F&6&&H!==(H=Q(r[2],r[1])+"")&&L(Y,H),F&4&&h(z,"left",_(r[2])+"%"),F&5&&I!==(I=r[0]==="shield"||r[0]==="youth"||r[0]==="median"?U(r[2]):V(r[2]))&&e(q,"fill",I),F&4&&h(G,"left",_(r[2])+"%"),F&1&&J!==(J=r[0]==="shield"||r[0]==="youth"||r[0]==="median"?"Suboptimal":"Optimal")&&L(ee,J),F&1&&K!==(K=r[0]==="shield"||r[0]==="youth"||r[0]==="median"?"Optimal":"Suboptimal")&&L(te,K)},d(r){r&&n(i),A&&A.d()}}}function ye(o){let i,t,u,f,k,x,v,y,g,S,b,B,w,$,p;return{c(){i=d("div"),t=m(),u=d("div"),f=m(),k=d("div"),x=m(),v=d("div"),y=m(),g=d("div"),S=m(),b=d("div"),B=m(),w=d("div"),$=m(),p=d("div"),e(i,"class","colorBoxShort svelte-esppku"),h(i,"background-color","#DF2120"),e(u,"class","colorBox svelte-esppku"),h(u,"background-color","#DF2120"),e(k,"class","colorBox svelte-esppku"),h(k,"background-color","#F2800D"),e(v,"class","colorBox svelte-esppku"),h(v,"background-color","#66CCAA"),e(g,"class","colorBox svelte-esppku"),h(g,"background-color","#66CCAA"),e(b,"class","colorBox svelte-esppku"),h(b,"background-color","#13A195"),e(w,"class","colorBox svelte-esppku"),h(w,"background-color","#015566"),e(p,"class","colorBoxShort svelte-esppku"),h(p,"background-color","#015566")},m(s,l){c(s,i,l),c(s,t,l),c(s,u,l),c(s,f,l),c(s,k,l),c(s,x,l),c(s,v,l),c(s,y,l),c(s,g,l),c(s,S,l),c(s,b,l),c(s,B,l),c(s,w,l),c(s,$,l),c(s,p,l)},d(s){s&&(n(i),n(t),n(u),n(f),n(k),n(x),n(v),n(y),n(g),n(S),n(b),n(B),n(w),n($),n(p))}}}function we(o){let i,t,u,f,k,x,v,y,g,S,b,B,w,$,p;return{c(){i=d("div"),t=m(),u=d("div"),f=m(),k=d("div"),x=m(),v=d("div"),y=m(),g=d("div"),S=m(),b=d("div"),B=m(),w=d("div"),$=m(),p=d("div"),e(i,"class","colorBoxShort svelte-esppku"),h(i,"background-color","#015566"),e(u,"class","colorBox svelte-esppku"),h(u,"background-color","#015566"),e(k,"class","colorBox svelte-esppku"),h(k,"background-color","#13A195"),e(v,"class","colorBox svelte-esppku"),h(v,"background-color","#66CCAA"),e(g,"class","colorBox svelte-esppku"),h(g,"background-color","#66CCAA"),e(b,"class","colorBox svelte-esppku"),h(b,"background-color","#F2800D"),e(w,"class","colorBox svelte-esppku"),h(w,"background-color","#DF2120"),e(p,"class","colorBoxShort svelte-esppku"),h(p,"background-color","#DF2120")},m(s,l){c(s,i,l),c(s,t,l),c(s,u,l),c(s,f,l),c(s,k,l),c(s,x,l),c(s,v,l),c(s,y,l),c(s,g,l),c(s,S,l),c(s,b,l),c(s,B,l),c(s,w,l),c(s,$,l),c(s,p,l)},d(s){s&&(n(i),n(t),n(u),n(f),n(k),n(x),n(v),n(y),n(g),n(S),n(b),n(B),n(w),n($),n(p))}}}function Fe(o){let i,t=o[3]&&pe(o);return{c(){t&&t.c(),i=ke()},m(u,f){t&&t.m(u,f),c(u,i,f)},p(u,[f]){u[3]?t?t.p(u,f):(t=pe(u),t.c(),t.m(i.parentNode,i)):t&&(t.d(1),t=null)},i:de,o:de,d(u){u&&n(i),t&&t.d(u)}}}function Se(o,i,t){let{type:u}=i,{lang:f}=i,{service:k=window.GaReportService}=i,x,v=0,y=!1;return xe(async()=>{switch(x=await k.getReport(),u){case"shield":t(2,v=Number(x.Spercentile));break;case"youth":t(2,v=Number(x.G2percentile));break;case"mature":t(2,v=Number(x.G0percentile));break;case"median":t(2,v=Number(x.G1percentile));break;case"lifestyle":t(2,v=Number(x.Bpercentile))}(v===100||v===0)&&t(2,v=v===100?99:1),t(3,y=!0)}),o.$$set=g=>{"type"in g&&t(0,u=g.type),"lang"in g&&t(1,f=g.lang),"service"in g&&t(4,k=g.service)},[u,f,v,y,k]}class ue extends ve{constructor(i){super(),ge(this,i,Se,Fe,me,{type:0,lang:1,service:4},be)}get type(){return this.$$.ctx[0]}set type(i){this.$$set({type:i}),se()}get lang(){return this.$$.ctx[1]}set lang(i){this.$$set({lang:i}),se()}get service(){return this.$$.ctx[4]}set service(i){this.$$set({service:i}),se()}}customElements.define("ga-single-overview-custom-clinical",he(ue,{type:{},lang:{},service:{}},[],[],!0));export{ue as default};
1
+ import{c as he,S as ve,i as pe,f as le,s as ge,a as me,d as fe,g as n,u as de,k as c,o as be,e as d,m as A,b as g,v as P,n as h,p as e,q as a,r as _}from"./index2.js";import{s as Q,f as U,h as V,j as L}from"./helpers.js";function ye(s){me(s,"svelte-1xu29v7",".main.svelte-1xu29v7{height:100%;width:100%;display:flex;flex-direction:column}.label.svelte-1xu29v7{height:20%;width:100%;display:flex;justify-content:center;font-size:10px}.graph.svelte-1xu29v7{height:100%;width:100%;display:flex;align-items:center;justify-content:center;border:1px solid #09341F33;border-radius:10px}.graph-container.svelte-1xu29v7{width:75%;height:100%;display:flex;align-items:center;justify-content:space-between;position:relative}.colorBox.svelte-1xu29v7{height:4px;width:14.3%;border-radius:24px}.colorBoxShort.svelte-1xu29v7{height:4px;width:5%;border-radius:24px}.slider.svelte-1xu29v7{display:flex;flex-direction:column;align-items:center;position:absolute;transform:translate(-50%, -55%);width:24%;max-height:70px}.slider-number.svelte-1xu29v7{display:flex;flex-direction:column;align-items:center;position:absolute;transform:translate(-50%, -125%);width:24%;color:white;font-weight:500;font-size:0.4rem}.text-left.svelte-1xu29v7{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.5rem;color:#09341F80}.text-middle.svelte-1xu29v7{position:absolute;height:15%;top:62%;left:35%;display:flex;align-items:center;justify-content:center;font-size:0.5rem;color:#09341F80}.text-right.svelte-1xu29v7{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.5rem;color:#09341F80}.slider-triangle.svelte-1xu29v7{display:flex;flex-direction:column;align-items:center;position:absolute;transform:translate(-50%, -105%);width:24%}")}function ue(s){let i,t,x,m,f,b,v,y,p,S=Q(s[2],s[1])+"",w,C,B,$,u,l,o,j,N,Z,oe,z,R,W,X,H=Q(s[2],s[1])+"",Y,se,ie,G,D,q,I,re,E,J=s[0]==="shield"||s[0]==="youth"||s[0]==="median"?"Suboptimal":"Optimal",ee,ae,M,ne,T,K=s[0]==="shield"||s[0]==="youth"||s[0]==="median"?"Optimal":"Suboptimal",te;function ce(r,F){if(r[0]==="mature"||r[0]==="lifestyle")return Be;if(r[0]==="shield"||r[0]==="youth"||r[0]==="median")return we}let O=ce(s),k=O&&O(s);return{c(){i=d("div"),t=d("div"),x=A(`This result ranks in the\xA0
2
+ `),m=d("span"),f=d("b"),b=A(s[2]),v=g(),y=d("sup"),p=d("b"),w=A(S),C=A(`
3
+ \xA0percentile:`),B=g(),$=d("div"),u=d("div"),k&&k.c(),l=g(),o=d("div"),j=P("svg"),N=P("rect"),oe=g(),z=d("div"),R=d("b"),W=A(s[2]),X=d("sup"),Y=A(H),se=A(" percentile"),ie=g(),G=d("div"),D=P("svg"),q=P("path"),re=g(),E=d("div"),ee=A(J),ae=g(),M=d("div"),M.textContent="Average",ne=g(),T=d("div"),te=A(K),h(m,"height","80%"),h(m,"display","flex"),h(y,"margin-top","-4px"),e(t,"class","label svelte-1xu29v7"),e(N,"width","100"),e(N,"height","24"),e(N,"rx","4"),e(N,"fill",Z=s[0]==="shield"||s[0]==="youth"||s[0]==="median"?U(s[2]):V(s[2])),e(j,"width","60"),e(j,"height","24"),e(j,"viewBox","0 0 100 24"),e(j,"fill","none"),e(j,"xmlns","http://www.w3.org/2000/svg"),e(o,"class","slider svelte-1xu29v7"),h(o,"left",L(s[2])+"%"),e(z,"class","slider-number svelte-1xu29v7"),h(z,"left",L(s[2])+"%"),e(q,"d","M6.8 6.93333C6.4 7.46667 5.6 7.46667 5.2 6.93333L0 8.07577e-07L12 0L6.8 6.93333Z"),e(q,"fill",I=s[0]==="shield"||s[0]==="youth"||s[0]==="median"?U(s[2]):V(s[2])),e(D,"width","9"),e(D,"height","5"),e(D,"viewBox","0 0 12 8"),e(D,"fill","none"),e(D,"xmlns","http://www.w3.org/2000/svg"),e(G,"class","slider-triangle svelte-1xu29v7"),h(G,"left",L(s[2])+"%"),e(E,"class","text-left svelte-1xu29v7"),h(E,"width","34.7%"),e(M,"class","text-middle svelte-1xu29v7"),h(M,"width","29.5%"),e(T,"class","text-right svelte-1xu29v7"),h(T,"width","34.7%"),e(u,"class","graph-container svelte-1xu29v7"),e($,"class","graph svelte-1xu29v7"),e(i,"class","main svelte-1xu29v7")},m(r,F){n(r,i,F),a(i,t),a(t,x),a(t,m),a(m,f),a(f,b),a(t,v),a(t,y),a(y,p),a(p,w),a(t,C),a(i,B),a(i,$),a($,u),k&&k.m(u,null),a(u,l),a(u,o),a(o,j),a(j,N),a(u,oe),a(u,z),a(z,R),a(R,W),a(R,X),a(X,Y),a(R,se),a(u,ie),a(u,G),a(G,D),a(D,q),a(u,re),a(u,E),a(E,ee),a(u,ae),a(u,M),a(u,ne),a(u,T),a(T,te)},p(r,F){F&4&&_(b,r[2]),F&6&&S!==(S=Q(r[2],r[1])+"")&&_(w,S),O!==(O=ce(r))&&(k&&k.d(1),k=O&&O(r),k&&(k.c(),k.m(u,l))),F&5&&Z!==(Z=r[0]==="shield"||r[0]==="youth"||r[0]==="median"?U(r[2]):V(r[2]))&&e(N,"fill",Z),F&4&&h(o,"left",L(r[2])+"%"),F&4&&_(W,r[2]),F&6&&H!==(H=Q(r[2],r[1])+"")&&_(Y,H),F&4&&h(z,"left",L(r[2])+"%"),F&5&&I!==(I=r[0]==="shield"||r[0]==="youth"||r[0]==="median"?U(r[2]):V(r[2]))&&e(q,"fill",I),F&4&&h(G,"left",L(r[2])+"%"),F&1&&J!==(J=r[0]==="shield"||r[0]==="youth"||r[0]==="median"?"Suboptimal":"Optimal")&&_(ee,J),F&1&&K!==(K=r[0]==="shield"||r[0]==="youth"||r[0]==="median"?"Optimal":"Suboptimal")&&_(te,K)},d(r){r&&c(i),k&&k.d()}}}function we(s){let i,t,x,m,f,b,v,y,p,S,w,C,B,$,u;return{c(){i=d("div"),t=g(),x=d("div"),m=g(),f=d("div"),b=g(),v=d("div"),y=g(),p=d("div"),S=g(),w=d("div"),C=g(),B=d("div"),$=g(),u=d("div"),e(i,"class","colorBoxShort svelte-1xu29v7"),h(i,"background-color","#DF2120"),e(x,"class","colorBox svelte-1xu29v7"),h(x,"background-color","#DF2120"),e(f,"class","colorBox svelte-1xu29v7"),h(f,"background-color","#F2800D"),e(v,"class","colorBox svelte-1xu29v7"),h(v,"background-color","#66CCAA"),e(p,"class","colorBox svelte-1xu29v7"),h(p,"background-color","#66CCAA"),e(w,"class","colorBox svelte-1xu29v7"),h(w,"background-color","#13A195"),e(B,"class","colorBox svelte-1xu29v7"),h(B,"background-color","#015566"),e(u,"class","colorBoxShort svelte-1xu29v7"),h(u,"background-color","#015566")},m(l,o){n(l,i,o),n(l,t,o),n(l,x,o),n(l,m,o),n(l,f,o),n(l,b,o),n(l,v,o),n(l,y,o),n(l,p,o),n(l,S,o),n(l,w,o),n(l,C,o),n(l,B,o),n(l,$,o),n(l,u,o)},d(l){l&&(c(i),c(t),c(x),c(m),c(f),c(b),c(v),c(y),c(p),c(S),c(w),c(C),c(B),c($),c(u))}}}function Be(s){let i,t,x,m,f,b,v,y,p,S,w,C,B,$,u;return{c(){i=d("div"),t=g(),x=d("div"),m=g(),f=d("div"),b=g(),v=d("div"),y=g(),p=d("div"),S=g(),w=d("div"),C=g(),B=d("div"),$=g(),u=d("div"),e(i,"class","colorBoxShort svelte-1xu29v7"),h(i,"background-color","#015566"),e(x,"class","colorBox svelte-1xu29v7"),h(x,"background-color","#015566"),e(f,"class","colorBox svelte-1xu29v7"),h(f,"background-color","#13A195"),e(v,"class","colorBox svelte-1xu29v7"),h(v,"background-color","#66CCAA"),e(p,"class","colorBox svelte-1xu29v7"),h(p,"background-color","#66CCAA"),e(w,"class","colorBox svelte-1xu29v7"),h(w,"background-color","#F2800D"),e(B,"class","colorBox svelte-1xu29v7"),h(B,"background-color","#DF2120"),e(u,"class","colorBoxShort svelte-1xu29v7"),h(u,"background-color","#DF2120")},m(l,o){n(l,i,o),n(l,t,o),n(l,x,o),n(l,m,o),n(l,f,o),n(l,b,o),n(l,v,o),n(l,y,o),n(l,p,o),n(l,S,o),n(l,w,o),n(l,C,o),n(l,B,o),n(l,$,o),n(l,u,o)},d(l){l&&(c(i),c(t),c(x),c(m),c(f),c(b),c(v),c(y),c(p),c(S),c(w),c(C),c(B),c($),c(u))}}}function Fe(s){let i,t=s[3]&&ue(s);return{c(){t&&t.c(),i=fe()},m(x,m){t&&t.m(x,m),n(x,i,m)},p(x,[m]){x[3]?t?t.p(x,m):(t=ue(x),t.c(),t.m(i.parentNode,i)):t&&(t.d(1),t=null)},i:de,o:de,d(x){x&&c(i),t&&t.d(x)}}}function Se(s,i,t){let{type:x}=i,{lang:m}=i,{service:f=window.GaReportService}=i,b,v=0,y=!1;return be(async()=>{switch(b=await f.getReport(),x){case"shield":t(2,v=Number(b.Spercentile));break;case"youth":t(2,v=Number(b.G2percentile));break;case"mature":t(2,v=Number(b.G0percentile));break;case"median":t(2,v=Number(b.G1percentile));break;case"lifestyle":t(2,v=Number(b.Bpercentile))}(v===100||v===0)&&t(2,v=v===100?99:1),t(3,y=!0)}),s.$$set=p=>{"type"in p&&t(0,x=p.type),"lang"in p&&t(1,m=p.lang),"service"in p&&t(4,f=p.service)},[x,m,v,y,f]}class xe extends ve{constructor(i){super(),pe(this,i,Se,Fe,ge,{type:0,lang:1,service:4},ye)}get type(){return this.$$.ctx[0]}set type(i){this.$$set({type:i}),le()}get lang(){return this.$$.ctx[1]}set lang(i){this.$$set({lang:i}),le()}get service(){return this.$$.ctx[4]}set service(i){this.$$set({service:i}),le()}}customElements.define("ga-single-overview-custom-clinical",he(xe,{type:{},lang:{},service:{}},[],[],!0));export{xe as default};
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@glycanage/web-components",
3
3
  "description": "A collection of web-components",
4
- "version": "1.197.0",
4
+ "version": "1.199.0",
5
5
  "type": "module",
6
6
  "main": "dist/lib/@glycanage/web-components.js",
7
7
  "scripts": {