@glycanage/web-components 1.33.0 → 1.34.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,2 +1,2 @@
|
|
|
1
|
-
import{S as
|
|
2
|
-
\xA0`),p=
|
|
1
|
+
import{S as O,i as J,s as Q,e as u,b as D,t as S,p as B,k as t,j as s,g as k,l as o,m as T,n as z,h as L,o as W,c as te,f as j,a as ie,d as le,q as U,r as re,u as V,v as oe,w as se,x as ne,y as ae}from"./index2.js";import{s as X}from"./helpers.js";function Y(n){let e,i,l;return{c(){e=u("div"),i=D(),l=u("div"),t(e,"position","absolute"),t(e,"right","13px"),t(e,"bottom","8px"),t(e,"height","3px"),t(e,"width","24px"),t(e,"background-color","#DF2020"),t(e,"border-radius","4px"),t(e,"transform","rotate(135deg)"),t(l,"position","absolute"),t(l,"right","13px"),t(l,"top","8px"),t(l,"height","3px"),t(l,"width","24px"),t(l,"background-color","#DF2020"),t(l,"border-radius","4px"),t(l,"transform","rotate(-135deg)")},m(r,d){k(r,e,d),k(r,i,d),k(r,l,d)},d(r){r&&(L(e),L(i),L(l))}}}function _(n){let e,i,l;return{c(){e=u("div"),i=D(),l=u("div"),t(e,"position","absolute"),t(e,"left","13px"),t(e,"bottom","8px"),t(e,"height","3px"),t(e,"width","24px"),t(e,"background-color","#DF2020"),t(e,"border-radius","4px"),t(e,"transform","rotate(45deg)"),t(l,"position","absolute"),t(l,"left","13px"),t(l,"top","8px"),t(l,"height","3px"),t(l,"width","24px"),t(l,"background-color","#DF2020"),t(l,"border-radius","4px"),t(l,"transform","rotate(-45deg)")},m(r,d){k(r,e,d),k(r,i,d),k(r,l,d)},d(r){r&&(L(e),L(i),L(l))}}}function de(n){let e,i,l,r,d,m,f,p,w,a,h,c,x,y,A,g,b,v,M,H,G,R,N=X(n[0])+"",P,E,K,Z,I,C=n[1]==="left"&&Y(),$=n[1]==="right"&&_();return{c(){e=u("div"),i=u("div"),C&&C.c(),l=D(),r=u("div"),d=D(),m=u("div"),f=D(),p=u("div"),p.innerHTML='<div style="position: absolute; left: 92.1%; height: 2px; width: 12px; background-color: #32664C; transform: rotate(90deg); border-radius: 4px;"></div>',w=D(),a=u("div"),h=D(),c=u("div"),x=D(),y=u("div"),A=D(),g=u("div"),$&&$.c(),b=D(),v=u("div"),M=u("div"),H=u("b"),G=S(n[0]),R=u("sup"),P=S(N),E=S(" percentile"),K=D(),Z=B("svg"),I=B("path"),t(i,"position","relative"),t(i,"height","100%"),t(i,"width","7%"),t(i,"background-color",n[1]==="left"?"#DF2020":"#CADBD1"),t(i,"border-radius","4px"),t(r,"height","100%"),t(r,"width","13.7%"),t(r,"background-color",n[1]==="left"?"#DF2020":"#CADBD1"),t(r,"border-radius","4px"),t(m,"height","100%"),t(m,"width","13.7%"),t(m,"background-color",n[1]==="left"?"#F2800D":"#CADBD1"),t(m,"border-radius","4px"),t(p,"position","relative"),t(p,"height","100%"),t(p,"width","13.7%"),t(p,"background-color","#CADBD1"),t(p,"border-radius","4px"),t(a,"height","100%"),t(a,"width","13.7%"),t(a,"background-color","#CADBD1"),t(a,"border-radius","4px"),t(c,"height","100%"),t(c,"width","13.7%"),t(c,"background-color",n[1]==="left"?"#CADBD1":"#F2800D"),t(c,"border-radius","4px"),t(y,"height","100%"),t(y,"width","13.7%"),t(y,"background-color",n[1]==="left"?"#CADBD1":"#DF2020"),t(y,"border-radius","4px"),t(g,"position","relative"),t(g,"height","100%"),t(g,"width","7%"),t(g,"background-color",n[1]==="left"?"#CADBD1":"#DF2020"),t(g,"border-radius","4px"),s(M,"class","message"),t(M,"color","#09341F"),t(M,"z-index","99999"),t(M,"min-width","100px"),t(M,"font-size","0.74rem"),t(M,"display","flex"),t(M,"justify-content","center"),s(I,"d","M14.0718 4C17.151 -1.33334 24.849 -1.33333 27.9282 4.00001L40.0525 25C43.1317 30.3333 39.2827 37 33.1243 37L8.87563 37C2.71722 37 -1.13177 30.3333 1.94743 25L14.0718 4Z"),s(I,"fill","#09371F"),s(Z,"class","rotateImg"),t(Z,"transform","rotate(180deg)"),s(Z,"width","24%"),s(Z,"height","24%"),s(Z,"viewBox","0 0 42 37"),s(Z,"fill","none"),s(Z,"xmlns","http://www.w3.org/2000/svg"),t(v,"left",n[0]+"%"),t(v,"position","absolute"),t(v,"transform","translate(-50%, -100%)"),t(v,"display","flex"),t(v,"align-items","center"),t(v,"flex-direction","column"),t(v,"width","100px"),t(v,"height","38px"),t(e,"position","relative"),t(e,"width","100%"),t(e,"height","4px"),t(e,"display","flex"),t(e,"justify-content","space-between")},m(F,q){k(F,e,q),o(e,i),C&&C.m(i,null),o(e,l),o(e,r),o(e,d),o(e,m),o(e,f),o(e,p),o(e,w),o(e,a),o(e,h),o(e,c),o(e,x),o(e,y),o(e,A),o(e,g),$&&$.m(g,null),o(e,b),o(e,v),o(v,M),o(M,H),o(H,G),o(H,R),o(R,P),o(H,E),o(v,K),o(v,Z),o(Z,I)},p(F,[q]){F[1]==="left"?C||(C=Y(),C.c(),C.m(i,null)):C&&(C.d(1),C=null),q&2&&t(i,"background-color",F[1]==="left"?"#DF2020":"#CADBD1"),q&2&&t(r,"background-color",F[1]==="left"?"#DF2020":"#CADBD1"),q&2&&t(m,"background-color",F[1]==="left"?"#F2800D":"#CADBD1"),q&2&&t(c,"background-color",F[1]==="left"?"#CADBD1":"#F2800D"),q&2&&t(y,"background-color",F[1]==="left"?"#CADBD1":"#DF2020"),F[1]==="right"?$||($=_(),$.c(),$.m(g,null)):$&&($.d(1),$=null),q&2&&t(g,"background-color",F[1]==="left"?"#CADBD1":"#DF2020"),q&1&&T(G,F[0]),q&1&&N!==(N=X(F[0])+"")&&T(P,N),q&1&&t(v,"left",F[0]+"%")},i:z,o:z,d(F){F&&L(e),C&&C.d(),$&&$.d()}}}function ce(n,e,i){let{percentile:l=0}=e,{type:r=""}=e;return W(async()=>{console.log("type inside onMount",r)}),n.$$set=d=>{"percentile"in d&&i(0,l=d.percentile),"type"in d&&i(1,r=d.type)},[l,r]}class pe extends O{constructor(e){super(),J(this,e,ce,de,Q,{percentile:0,type:1})}}function he(n){ie(n,"svelte-1371dlk",".summaryMain.svelte-1371dlk{width:100%;height:100%;display:flex;flex-direction:column;color:#09341FCC}.summaryHeader.svelte-1371dlk{width:100%;height:16%;font-size:0.9rem;display:flex;align-items:center}.summaryBody.svelte-1371dlk{width:80%;height:100%;margin:auto;border-top:2px solid #C9DBD2}.main.svelte-1371dlk{height:100%;width:100%;display:flex}.label.svelte-1371dlk{width:30%;display:flex;align-items:center}.header.svelte-1371dlk{width:100%;height:100%;display:flex;align-items:center}")}function ue(n){let e,i,l,r,d,m,f,p,w,a,h,c,x,y,A;return y=new pe({props:{type:"right",percentile:n[5]}}),{c(){e=u("div"),i=u("div"),l=B("svg"),r=B("path"),m=D(),f=u("div"),p=u("div"),p.innerHTML="Glycan <b>Lifestyle (B)</b>",w=D(),a=u("div"),h=S(n[4]),c=D(),x=u("div"),se(y.$$.fragment),s(r,"fill",d=n[5]<=68?"#12A195":"#F2590D"),s(r,"d","m8.6 22.5l-1.9-3.2l-3.6-.8l.35-3.7L1 12l2.45-2.8l-.35-3.7l3.6-.8l1.9-3.2L12 2.95l3.4-1.45l1.9 3.2l3.6.8l-.35 3.7L23 12l-2.45 2.8l.35 3.7l-3.6.8l-1.9 3.2l-3.4-1.45l-3.4 1.45ZM12 17q.425 0 .713-.288T13 16q0-.425-.288-.713T12 15q-.425 0-.713.288T11 16q0 .425.288.713T12 17Zm-1-4h2V7h-2v6Z"),s(l,"xmlns","http://www.w3.org/2000/svg"),s(l,"width","24"),s(l,"height","24"),s(l,"viewBox","0 0 24 24"),t(f,"display","flex"),t(f,"flex-direction","column"),t(f,"padding-left","0.3rem"),s(i,"class","label svelte-1371dlk"),t(i,"font-size","0.8rem"),t(x,"width","70%"),t(x,"display","flex"),t(x,"align-items","center"),s(e,"class","main svelte-1371dlk")},m(g,b){k(g,e,b),o(e,i),o(i,l),o(l,r),o(i,m),o(i,f),o(f,p),o(f,w),o(f,a),o(a,h),o(e,c),o(e,x),ne(y,x,null),A=!0},p(g,b){(!A||b&32&&d!==(d=g[5]<=68?"#12A195":"#F2590D"))&&s(r,"fill",d),(!A||b&16)&&T(h,g[4]);const v={};b&32&&(v.percentile=g[5]),y.$set(v)},i(g){A||(V(y.$$.fragment,g),A=!0)},o(g){U(y.$$.fragment,g),A=!1},d(g){g&&L(e),ae(y)}}}function ge(n){let e,i,l,r,d,m,f=n[5]>68?"Some overlap":"No significant overlap",p,w,a,h,c,x;function y(b,v){return b[1]?ve:fe}let A=y(n),g=A(n);return{c(){e=u("div"),i=u("div"),l=u("div"),g.c(),r=D(),d=u("div"),m=u("b"),p=S(f),w=S(" of glycan indexes between "),a=u("br"),h=S(" your patient and this condition."),c=D(),x=u("div"),x.innerHTML='<h5>Signs and symptoms</h5> <ul style="font-size: 0.8rem;"><li>Usually asymptomatic</li></ul> <h5>Possible follow-up tests</h5> <ul style="font-size: 0.8rem;"><li>Serial blood pressure (BP) measurements \xB1 24-hour BP monitoring</li> <li>BMI and/or body composition check</li> <li>Basic bloods (lipid profile, renal and liver function)</li></ul> <h5>Related research papers</h5> <a style="color: #E66439;" href="https://pubmed.ncbi.nlm.nih.gov/34285147/">N-glycosylation of immunoglobulin G predicts incident hypertension</a> <p style="margin: 0; font-size: 0.8rem; color: #09341FCC;">In a study investigating the relationship between IgG glycosylation and hypertension, 989 unrelated incident hypertension cases and 1628 controls from the TwinsUK cohort, with a mean follow-up of 6.3 years, were examined. The average age of the participants was 56. The findings, which included an observed increase in B, were validated in additional cohorts from the "10 001 Dalmatians" (106 individuals) and KORA S4 (729 individuals). A predictive model incorporating age, BMI, mean arterial pressure (MAP), and specific glycan peaks with B modifications demonstrated robust predictive accuracy, achieving a very high AUC of 0.923.</p>',t(l,"transform","translate(-50%)"),t(m,"color",n[1]?"#F2590D":"#12A195"),s(i,"class","summaryHeader svelte-1371dlk"),s(x,"class","summaryBody svelte-1371dlk"),s(e,"class","summaryMain svelte-1371dlk")},m(b,v){k(b,e,v),o(e,i),o(i,l),g.m(l,null),o(i,r),o(i,d),o(d,m),o(m,p),o(d,w),o(d,a),o(d,h),o(e,c),o(e,x)},p(b,v){A!==(A=y(b))&&(g.d(1),g=A(b),g&&(g.c(),g.m(l,null))),v&32&&f!==(f=b[5]>68?"Some overlap":"No significant overlap")&&T(p,f),v&2&&t(m,"color",b[1]?"#F2590D":"#12A195")},i:z,o:z,d(b){b&&L(e),g.d()}}}function me(n){let e,i,l,r,d,m,f=n[1]?"Some overlap":"No significant overlap",p;function w(c,x){return c[1]?xe:we}let a=w(n),h=a(n);return{c(){e=u("div"),i=u("div"),l=u("b"),r=S(n[3]),d=D(),h.c(),m=S(`
|
|
2
|
+
\xA0`),p=S(f),t(i,"padding-right","10px"),s(e,"class","header svelte-1371dlk")},m(c,x){k(c,e,x),o(e,i),o(i,l),o(l,r),o(e,d),h.m(e,null),o(e,m),o(e,p)},p(c,x){x&8&&T(r,c[3]),a!==(a=w(c))&&(h.d(1),h=a(c),h&&(h.c(),h.m(e,m))),x&2&&f!==(f=c[1]?"Some overlap":"No significant overlap")&&T(p,f)},i:z,o:z,d(c){c&&L(e),h.d()}}}function fe(n){let e,i;return{c(){e=B("svg"),i=B("path"),s(i,"fill","#12A195"),s(i,"d","m8.6 22.5l-1.9-3.2l-3.6-.8l.35-3.7L1 12l2.45-2.8l-.35-3.7l3.6-.8l1.9-3.2L12 2.95l3.4-1.45l1.9 3.2l3.6.8l-.35 3.7L23 12l-2.45 2.8l.35 3.7l-3.6.8l-1.9 3.2l-3.4-1.45l-3.4 1.45Zm2.35-6.95L16.6 9.9l-1.4-1.45l-4.25 4.25l-2.15-2.1L7.4 12l3.55 3.55Z"),s(e,"xmlns","http://www.w3.org/2000/svg"),s(e,"width","50"),s(e,"height","50"),s(e,"viewBox","0 0 24 24")},m(l,r){k(l,e,r),o(e,i)},d(l){l&&L(e)}}}function ve(n){let e,i;return{c(){e=B("svg"),i=B("path"),s(i,"fill","#F2590D"),s(i,"d","m8.6 22.5l-1.9-3.2l-3.6-.8l.35-3.7L1 12l2.45-2.8l-.35-3.7l3.6-.8l1.9-3.2L12 2.95l3.4-1.45l1.9 3.2l3.6.8l-.35 3.7L23 12l-2.45 2.8l.35 3.7l-3.6.8l-1.9 3.2l-3.4-1.45l-3.4 1.45ZM12 17q.425 0 .713-.288T13 16q0-.425-.288-.713T12 15q-.425 0-.713.288T11 16q0 .425.288.713T12 17Zm-1-4h2V7h-2v6Z"),s(e,"xmlns","http://www.w3.org/2000/svg"),s(e,"width","50"),s(e,"height","50"),s(e,"viewBox","0 0 24 24")},m(l,r){k(l,e,r),o(e,i)},d(l){l&&L(e)}}}function we(n){let e,i;return{c(){e=B("svg"),i=B("path"),s(i,"fill","#12A195"),s(i,"d","m8.6 22.5l-1.9-3.2l-3.6-.8l.35-3.7L1 12l2.45-2.8l-.35-3.7l3.6-.8l1.9-3.2L12 2.95l3.4-1.45l1.9 3.2l3.6.8l-.35 3.7L23 12l-2.45 2.8l.35 3.7l-3.6.8l-1.9 3.2l-3.4-1.45l-3.4 1.45Zm2.35-6.95L16.6 9.9l-1.4-1.45l-4.25 4.25l-2.15-2.1L7.4 12l3.55 3.55Z"),s(e,"xmlns","http://www.w3.org/2000/svg"),s(e,"width","24"),s(e,"height","24"),s(e,"viewBox","0 0 24 24")},m(l,r){k(l,e,r),o(e,i)},d(l){l&&L(e)}}}function xe(n){let e,i;return{c(){e=B("svg"),i=B("path"),s(i,"fill","#F2590D"),s(i,"d","m8.6 22.5l-1.9-3.2l-3.6-.8l.35-3.7L1 12l2.45-2.8l-.35-3.7l3.6-.8l1.9-3.2L12 2.95l3.4-1.45l1.9 3.2l3.6.8l-.35 3.7L23 12l-2.45 2.8l.35 3.7l-3.6.8l-1.9 3.2l-3.4-1.45l-3.4 1.45ZM12 17q.425 0 .713-.288T13 16q0-.425-.288-.713T12 15q-.425 0-.713.288T11 16q0 .425.288.713T12 17Zm-1-4h2V7h-2v6Z"),s(e,"xmlns","http://www.w3.org/2000/svg"),s(e,"width","24"),s(e,"height","24"),s(e,"viewBox","0 0 24 24")},m(l,r){k(l,e,r),o(e,i)},d(l){l&&L(e)}}}function be(n){let e,i,l,r,d,m;const f=[me,ge,ue],p=[];function w(a,h){return a[0]==="header"?0:a[0]==="summary"&&a[2]?1:2}return l=w(n),r=p[l]=f[l](n),{c(){e=u("head"),e.innerHTML='<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,300,1,0"/>',i=D(),r.c(),d=le()},m(a,h){k(a,e,h),k(a,i,h),p[l].m(a,h),k(a,d,h),m=!0},p(a,[h]){let c=l;l=w(a),l===c?p[l].p(a,h):(oe(),U(p[c],1,1,()=>{p[c]=null}),re(),r=p[l],r?r.p(a,h):(r=p[l]=f[l](a),r.c()),V(r,1),r.m(d.parentNode,d))},i(a){m||(V(r),m=!0)},o(a){U(r),m=!1},d(a){a&&(L(e),L(i),L(d)),p[l].d(a)}}}function ye(n,e,i){let{report:l}=e,{type:r}=e,{service:d=window.GaReportService}=e,m,f=!1,p=!1,w="",a="",h=0;return W(async()=>{if(m=await d.getReport(l),i(5,h=Number(m.Bpercentile)),h<32){i(3,w="0/1"),i(4,a="Lower than average"),i(2,p=!0);return}if(h>=32&&h<=68){i(3,w="0/1"),i(4,a="Around average"),i(2,p=!0);return}if(h>68){i(3,w="1/1"),i(4,a="Higher than average"),i(3,w="1/1"),i(1,f=!0),i(2,p=!0);return}}),n.$$set=c=>{"report"in c&&i(6,l=c.report),"type"in c&&i(0,r=c.type),"service"in c&&i(7,d=c.service)},[r,f,p,w,a,h,l,d]}class ee extends O{constructor(e){super(),J(this,e,ye,be,Q,{report:6,type:0,service:7},he)}get report(){return this.$$.ctx[6]}set report(e){this.$$set({report:e}),j()}get type(){return this.$$.ctx[0]}set type(e){this.$$set({type:e}),j()}get service(){return this.$$.ctx[7]}set service(e){this.$$set({service:e}),j()}}customElements.define("ga-hypertension-risk",te(ee,{report:{},type:{},service:{}},[],[],!0));export{ee as default};
|