@glycanage/web-components 1.215.0 → 1.216.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,3 +1,3 @@
|
|
|
1
|
-
import{c as
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import{c as ye,S as Be,i as Ce,f as ke,s as Fe,a as Ae,d as je,g as xe,u as ue,k as me,o as ze,e as r,m as b,b as g,v as A,n as l,p as t,q as e,r as V}from"./index2.js";import{s as X,h as u,j}from"./helpers.js";function Se(o){Ae(o,"svelte-1rqq33g",".main.svelte-1rqq33g{height:100%;width:100%;display:flex;flex-direction:column}.label.svelte-1rqq33g{height:15%;width:100%;display:flex;justify-content:center}.graph.svelte-1rqq33g{height:85%;width:100%;display:flex;align-items:center;justify-content:center;border:1px solid #09341F33;border-radius:10px}.graph-container.svelte-1rqq33g{width:85%;height:100%;display:flex;align-items:center;justify-content:space-between;position:relative}.colorBox.svelte-1rqq33g{height:7px;width:14.3%;border-radius:24px}.colorBoxShort.svelte-1rqq33g{height:7px;width:5%;border-radius:24px}.slider.svelte-1rqq33g{display:flex;flex-direction:column;align-items:center;position:absolute;transform:translate(-50%, -90%);width:24%;max-height:70px}.slider-number.svelte-1rqq33g{display:flex;flex-direction:column;align-items:center;position:absolute;transform:translate(-50%, -120%);width:24%;font-size:0.71rem;color:white}.text-left.svelte-1rqq33g{position:absolute;height:15%;border-left:1px solid #09341F33;border-right:1px solid #09341F33;top:58%;left:0;display:flex;align-items:center;justify-content:center;font-size:0.8rem;color:#09341F80}.text-middle.svelte-1rqq33g{position:absolute;height:15%;top:58%;left:35%;display:flex;align-items:center;justify-content:center;font-size:0.8rem;color:#09341F80}.text-right.svelte-1rqq33g{position:absolute;height:15%;border-left:1px solid #09341F33;border-right:1px solid #09341F33;top:58%;right:0;display:flex;align-items:center;justify-content:center;font-size:0.8rem;color:#09341F80}.slider-triangle.svelte-1rqq33g{display:flex;flex-direction:column;align-items:center;position:absolute;transform:translate(-50%, -90%);width:24%}")}function we(o){let a,i,n,c,m,y,z,h,B,p=X(o[0],"english")+"",S,R,te,Z,s,_,se,E,le,G,ie,H,re,W,oe,I,ae,J,ne,K,ce,C,v,w,O,ge,k,$,Y,P,Q=X(o[0],"english")+"",ee,de,he,F,x,D,T,fe,q,U,qe,L,pe,M,ve,N;return{c(){a=r("div"),i=r("div"),n=b(`Biological age ranks in the\xA0
|
|
2
|
+
`),c=r("span"),m=r("b"),y=b(o[0]),z=g(),h=r("sup"),B=r("b"),S=b(p),R=b(`
|
|
3
|
+
\xA0percentile:`),te=g(),Z=r("div"),s=r("div"),_=r("div"),se=g(),E=r("div"),le=g(),G=r("div"),ie=g(),H=r("div"),re=g(),W=r("div"),oe=g(),I=r("div"),ae=g(),J=r("div"),ne=g(),K=r("div"),ce=g(),C=r("div"),v=A("svg"),w=A("rect"),ge=g(),k=r("div"),$=r("b"),Y=b(o[0]),P=r("sup"),ee=b(Q),de=b(" percentile"),he=g(),F=r("div"),x=A("svg"),D=A("path"),fe=g(),q=A("svg"),U=A("path"),qe=g(),L=r("div"),L.textContent="Better than peers",pe=g(),M=r("div"),M.textContent="Average/Median",ve=g(),N=r("div"),N.textContent="Worse than peers",l(c,"color",u(o[0])),l(c,"height","80%"),l(c,"display","flex"),l(h,"color",u(o[0])),l(h,"font-size","0.65rem"),t(i,"class","label svelte-1rqq33g"),t(_,"class","colorBoxShort svelte-1rqq33g"),l(_,"background-color","#015566"),t(E,"class","colorBox svelte-1rqq33g"),l(E,"background-color","#015566"),t(G,"class","colorBox svelte-1rqq33g"),l(G,"background-color","#13A195"),t(H,"class","colorBox svelte-1rqq33g"),l(H,"background-color","#66CCAA"),t(W,"class","colorBox svelte-1rqq33g"),l(W,"background-color","#66CCAA"),t(I,"class","colorBox svelte-1rqq33g"),l(I,"background-color","#F2800D"),t(J,"class","colorBox svelte-1rqq33g"),l(J,"background-color","#DF2120"),t(K,"class","colorBoxShort svelte-1rqq33g"),l(K,"background-color","#DF2120"),t(w,"width","100"),t(w,"height","24"),t(w,"rx","4"),t(w,"fill",O=u(o[0])),t(v,"width","100"),t(v,"height","24"),t(v,"viewBox","0 0 100 24"),t(v,"fill","none"),t(v,"xmlns","http://www.w3.org/2000/svg"),t(C,"class","slider svelte-1rqq33g"),l(C,"left",j(o[0])+"%"),l(P,"font-size","0.5rem"),t(k,"class","slider-number svelte-1rqq33g"),l(k,"left",j(o[0])+"%"),t(D,"d","M6.8 6.93333C6.4 7.46667 5.6 7.46667 5.2 6.93333L0 8.07577e-07L12 0L6.8 6.93333Z"),t(D,"fill",T=u(o[0])),t(x,"width","12"),t(x,"height","8"),t(x,"viewBox","0 0 12 8"),t(x,"fill","none"),t(x,"xmlns","http://www.w3.org/2000/svg"),t(F,"class","slider-triangle svelte-1rqq33g"),l(F,"left",j(o[0])+"%"),t(U,"d","M4.39707 0.25C4.58952 -0.083333 5.07064 -0.0833333 5.26309 0.25L9.59322 7.75C9.78567 8.08333 9.5451 8.5 9.1602 8.5H0.499951C0.115051 8.5 -0.125512 8.08333 0.0669386 7.75L4.39707 0.25Z"),t(U,"fill","#66CCAA"),t(q,"width","10"),t(q,"height","9"),t(q,"viewBox","0 0 10 9"),t(q,"fill","none"),t(q,"xmlns","http://www.w3.org/2000/svg"),l(q,"position","absolute"),l(q,"left","50%"),l(q,"top","50%"),l(q,"transform","translate(-50%, 30%)"),t(L,"class","text-left svelte-1rqq33g"),l(L,"width","34.7%"),t(M,"class","text-middle svelte-1rqq33g"),l(M,"width","29.5%"),t(N,"class","text-right svelte-1rqq33g"),l(N,"width","34.7%"),t(s,"class","graph-container svelte-1rqq33g"),t(Z,"class","graph svelte-1rqq33g"),t(a,"class","main svelte-1rqq33g")},m(d,f){xe(d,a,f),e(a,i),e(i,n),e(i,c),e(c,m),e(m,y),e(i,z),e(i,h),e(h,B),e(B,S),e(i,R),e(a,te),e(a,Z),e(Z,s),e(s,_),e(s,se),e(s,E),e(s,le),e(s,G),e(s,ie),e(s,H),e(s,re),e(s,W),e(s,oe),e(s,I),e(s,ae),e(s,J),e(s,ne),e(s,K),e(s,ce),e(s,C),e(C,v),e(v,w),e(s,ge),e(s,k),e(k,$),e($,Y),e($,P),e(P,ee),e($,de),e(s,he),e(s,F),e(F,x),e(x,D),e(s,fe),e(s,q),e(q,U),e(s,qe),e(s,L),e(s,pe),e(s,M),e(s,ve),e(s,N)},p(d,f){f&1&&V(y,d[0]),f&1&&l(c,"color",u(d[0])),f&1&&p!==(p=X(d[0],"english")+"")&&V(S,p),f&1&&l(h,"color",u(d[0])),f&1&&O!==(O=u(d[0]))&&t(w,"fill",O),f&1&&l(C,"left",j(d[0])+"%"),f&1&&V(Y,d[0]),f&1&&Q!==(Q=X(d[0],"english")+"")&&V(ee,Q),f&1&&l(k,"left",j(d[0])+"%"),f&1&&T!==(T=u(d[0]))&&t(D,"fill",T),f&1&&l(F,"left",j(d[0])+"%")},d(d){d&&me(a)}}}function $e(o){let a,i=o[1]&&we(o);return{c(){i&&i.c(),a=je()},m(n,c){i&&i.m(n,c),xe(n,a,c)},p(n,[c]){n[1]?i?i.p(n,c):(i=we(n),i.c(),i.m(a.parentNode,a)):i&&(i.d(1),i=null)},i:ue,o:ue,d(n){n&&me(a),i&&i.d(n)}}}function De(o,a,i){let{service:n=window.GaReportService}=a,c,m,y="",z=0,h=0,B=!1;return ze(async()=>{c=await n.getReport(),y=c.sex,m=await n.getAgeData(y),z=Number(c.glycanage);let p=m.data.filter(R=>R.y<z).length,S=m.data.length;i(0,h=Math.round(p/S*100)),(h===100||h===0)&&i(0,h=h===100?99:1),i(1,B=!0)}),o.$$set=p=>{"service"in p&&i(2,n=p.service)},[h,B,n]}class be extends Be{constructor(a){super(),Ce(this,a,De,$e,Fe,{service:2},Se)}get service(){return this.$$.ctx[2]}set service(a){this.$$set({service:a}),ke()}}customElements.define("ga-biological-age-rank",ye(be,{service:{}},[],[],!0));export{be as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as J,S as K,i as Q,f as U,s as _,e as
|
|
1
|
+
import{c as J,S as K,i as Q,f as U,s as _,e as M,b as O,n as t,p as j,g as q,q as z,u as G,k as I,o as tt,A as et}from"./index2.js";import{g as it}from"./globals.js";import{f as L}from"./helpers.js";const{document:st}=it;function ot(C){let i,m,w,s,b,e,o,x;return{c(){i=M("div"),m=M("div"),w=O(),s=M("div"),s.textContent="Age",b=O(),e=M("div"),e.textContent="Immune resilience index",o=O(),x=M("link"),t(m,"width","100%"),t(m,"height","100%"),t(s,"position","absolute"),t(s,"bottom","3px"),t(s,"left","50%"),t(s,"transform","translateX(-50%)"),t(s,"font-family","Sen, sans-serif"),t(s,"font-size","12px"),t(s,"color","#09341F"),t(s,"opacity","0.8"),t(e,"position","absolute"),t(e,"top","50%"),t(e,"right","83%"),t(e,"transform","translateY(-50%) rotate(-90deg)"),t(e,"font-family","Sen, sans-serif"),t(e,"font-size","12px"),t(e,"color","#09341F"),t(e,"opacity","0.8"),t(e,"white-space","nowrap"),t(i,"width","100%"),t(i,"height","100%"),t(i,"position","relative"),t(i,"border","1px solid #09341F33"),t(i,"border-radius","10px"),j(x,"href","https://fonts.googleapis.com/css2?family=Sen:wght@400..800&display=swap"),j(x,"rel","stylesheet")},m(a,k){q(a,i,k),z(i,m),C[2](m),z(i,w),z(i,s),z(i,b),z(i,e),q(a,o,k),z(st.head,x)},p:G,i:G,o:G,d(a){a&&(I(i),I(o)),C[2](null),I(x)}}}function rt(C,i,m){let{service:w=window.GaReportService}=i,s,b,e=0,o={},x="",a=0,k=0,W=0,v,p=0;function X(){v&&(o=echarts.init(v,null,{devicePixelRatio:4,renderer:"svg"}));const n=v.getBoundingClientRect();var d={textStyle:{fontFamily:"Sen, sans serif"},animation:!1,backgroundColor:"transparent",grid:{top:"5px",left:"50px",right:"45px",bottom:"40px"},dataset:[{source:b.data.map(r=>[r.x,r.y])}],tooltip:{show:!1},xAxis:{min:15,max:95,interval:20,nameTextStyle:{color:"#09341F",opacity:.8},axisLine:{show:!1,lineStyle:{color:"#09341F",opacity:.1},symbol:["none","arrow"],symbolSize:[5,10],symbolOffset:[8]},axisTick:{show:!1},axisLabel:{show:!0,color:"#09341F",opacity:.8,formatter(r){return r===0||r===100?"":r}},splitLine:{show:!0}},yAxis:{min:0,max:x==="M"?3:3.5,interval:.5,nameTextStyle:{color:"#09341F",opacity:.8},axisLine:{show:!1,lineStyle:{color:"#09341F",opacity:.1},symbol:["none","arrow"],symbolSize:[5,10],symbolOffset:[5]},axisTick:{show:!1},axisLabel:{show:!1,color:"#09341F",opacity:.8,formatter(r){return r===0||r===.6?"":r}},splitLine:{show:!0}},series:[{type:"scatter",tooltip:{},symbolSize:4,itemStyle:{color:"#09341F",opacity:.15,borderWidth:1,lineWidth:12}},{name:"Resilience index",type:"scatter",data:[{x:a,y:e}],itemStyle:{color:L(p)}}],graphic:[]};o.setOption(d);const A=10,B=6,f=2,N=1.5,h=1.5,H=L(p);{const r=o.convertToPixel("xAxis",a),u=o.convertToPixel("yAxis",0),T=o.convertToPixel("yAxis",e),P=Math.abs(T-u),R=T<u?-1:1;let c=0;for(;c<P;){const F=Math.min(A,P-c),$=R===-1?u-c-F:u+c;d.graphic.push({type:"rect",zlevel:10,shape:{x:r-f/2-h,y:$-h,width:f+h*2,height:F+h*2,r:N+h},style:{fill:"#FFFFFF"},z:14}),d.graphic.push({type:"rect",zlevel:10,shape:{x:r-f/2,y:$,width:f,height:F,r:N},style:{fill:H},z:15}),c+=A+B}}{const r=o.convertToPixel("yAxis",e),u=o.convertToPixel("xAxis",15),T=o.convertToPixel("xAxis",a),P=Math.abs(T-u),R=T>u?1:-1;let c=0;for(;c<P;){const F=Math.min(A,P-c),$=R===1?u+c:u-c-F;d.graphic.push({type:"rect",zlevel:10,shape:{x:$-h,y:r-f/2-h,width:F+h*2,height:f+h*2,r:N+h},style:{fill:"#FFFFFF"},z:14}),d.graphic.push({type:"rect",zlevel:10,shape:{x:$,y:r-f/2,width:F,height:f,r:N},style:{fill:H},z:15}),c+=A+B}}d.graphic.push({name:"Measured result",type:"circle",zlevel:10,shape:{cx:o.convertToPixel("xAxis",a),cy:o.convertToPixel("yAxis",e),r:6},style:{fill:L(p),stroke:"#FFFFFF",lineWidth:2},z:15});const V=o.convertToPixel("xAxis",a),Z=o.convertToPixel("yAxis",e),l=document.createElementNS("http://www.w3.org/2000/svg","svg"),y=document.createElement("div");l.setAttribute("width","75"),l.setAttribute("height","36"),l.setAttribute("viewBox","-2 -2 75 36"),l.setAttribute("fill","none"),l.setAttribute("xmlns","http://www.w3.org/2000/svg");const S=document.createElementNS("http://www.w3.org/2000/svg","path");S.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"),S.setAttribute("fill",L(p)),S.setAttribute("stroke","#FFFFFF"),S.setAttribute("stroke-width","4"),S.setAttribute("paint-order","stroke");const g=document.createElementNS("http://www.w3.org/2000/svg","path");g.setAttribute("d","M7 10L1.13333 14.4C0.0666666 15.2 0.0666666 16.8 1.13333 17.6L7 22"),g.setAttribute("fill","none"),g.setAttribute("stroke","#FFFFFF"),g.setAttribute("stroke-width","2.5"),g.setAttribute("stroke-linejoin","round"),g.setAttribute("stroke-linecap","round");const E=document.createElementNS("http://www.w3.org/2000/svg","path");E.setAttribute("d","M1.13333 17.6C0.0666666 16.8 0.0666666 15.2 1.13333 14.4L7 10L7 22L1.13333 17.6Z"),E.setAttribute("fill",L(p)),l.appendChild(g),l.appendChild(S),l.appendChild(E),l.style.position="absolute",l.style.left=`${n.left+V+8}px`,l.style.top=`${n.top+Z-17}px`,l.style.zIndex="8",y.innerText=`${Number.parseFloat(e).toFixed(3)}`,y.style.position="absolute",y.style.left=`${n.left+V+28}px`,y.style.top=`${n.top+Z-8}px`,y.style.font="bold 16px sans-serif",y.style.color="white",y.style.zIndex="999",y.style.fontFamily="Sen",document.body.appendChild(y),document.body.appendChild(l),o.setOption(d)}tt(async()=>{s=await w.getReport(),x=s.sex,b=await w.getResilienceData(x),W=Number(s.G0yourscore),k=Number(s.G2yourscore),a=Number(s.chronologicalage),e=Number((k/W).toFixed(3));let n=b.data.filter(A=>A.y<e).length,d=b.data.length;p=Math.round(n/d*100),(p===100||p===0)&&(p=p===100?99:1),X()});function Y(n){et[n?"unshift":"push"](()=>{v=n,m(0,v)})}return C.$$set=n=>{"service"in n&&m(1,w=n.service)},[v,w,Y]}class D extends K{constructor(i){super(),Q(this,i,rt,ot,_,{service:1})}get service(){return this.$$.ctx[1]}set service(i){this.$$set({service:i}),U()}}customElements.define("ga-immune-resilience-index-scatter",J(D,{service:{}},[],[],!1));export{D as default};
|
package/dist/init.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
class t{getReport(){return Promise.resolve(!0)}getScatterData(e,r){return Promise.resolve(!0)}getResilienceData(e){return Promise.resolve(!0)}getLineData(e,r){return Promise.resolve(!0)}getOverTimeData(){return Promise.resolve(!0)}getOverTimeDataIndexes(){return Promise.resolve(!0)}}function o(){window.GaWebComponentService=new t}export{o as init};
|
|
1
|
+
class t{getReport(){return Promise.resolve(!0)}getScatterData(e,r){return Promise.resolve(!0)}getResilienceData(e){return Promise.resolve(!0)}getAgeData(e){return Promise.resolve(!0)}getLineData(e,r){return Promise.resolve(!0)}getOverTimeData(){return Promise.resolve(!0)}getOverTimeDataIndexes(){return Promise.resolve(!0)}}function o(){window.GaWebComponentService=new t}export{o as init};
|