@glycanage/web-components 1.33.0 → 1.35.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/Arrow.js +1 -0
- package/dist/hypertension-risk.wc.js +2 -2
- package/dist/pre-hypertension.wc.js +2 -17
- package/package.json +1 -1
package/dist/Arrow.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{S as R,i as U,s as V,e as l,b as g,t as H,p as J,k as t,j as f,g as C,l as r,m as K,n as N,h as F,o as W}from"./index2.js";import{s as O}from"./helpers.js";function P(n){let o,d,e;return{c(){o=l("div"),d=g(),e=l("div"),t(o,"position","absolute"),t(o,"right","12px"),t(o,"bottom","8px"),t(o,"height","3px"),t(o,"width","24px"),t(o,"background-color","#DF2020"),t(o,"border-radius","4px"),t(o,"transform","rotate(135deg)"),t(e,"position","absolute"),t(e,"right","12px"),t(e,"top","8px"),t(e,"height","3px"),t(e,"width","24px"),t(e,"background-color","#DF2020"),t(e,"border-radius","4px"),t(e,"transform","rotate(-135deg)")},m(i,s){C(i,o,s),C(i,d,s),C(i,e,s)},d(i){i&&(F(o),F(d),F(e))}}}function Q(n){let o,d,e;return{c(){o=l("div"),d=g(),e=l("div"),t(o,"position","absolute"),t(o,"left","12px"),t(o,"bottom","8px"),t(o,"height","3px"),t(o,"width","24px"),t(o,"background-color","#DF2020"),t(o,"border-radius","4px"),t(o,"transform","rotate(45deg)"),t(e,"position","absolute"),t(e,"left","12px"),t(e,"top","8px"),t(e,"height","3px"),t(e,"width","24px"),t(e,"background-color","#DF2020"),t(e,"border-radius","4px"),t(e,"transform","rotate(-45deg)")},m(i,s){C(i,o,s),C(i,d,s),C(i,e,s)},d(i){i&&(F(o),F(d),F(e))}}}function X(n){let o,d,e,i,s,v,I,m,S,A,T,w,Z,k,$,x,q,p,D,B,j,M,y=O(n[0])+"",z,E,G,b,L,c=n[1]==="left"&&P(),u=n[1]==="right"&&Q();return{c(){o=l("div"),d=l("div"),c&&c.c(),e=g(),i=l("div"),s=g(),v=l("div"),I=g(),m=l("div"),m.innerHTML='<div style="position: absolute; left: 92%; height: 2px; width: 12px; background-color: #32664C; transform: rotate(90deg); border-radius: 4px;"></div>',S=g(),A=l("div"),T=g(),w=l("div"),Z=g(),k=l("div"),$=g(),x=l("div"),u&&u.c(),q=g(),p=l("div"),D=l("div"),B=l("b"),j=H(n[0]),M=l("sup"),z=H(y),E=H(" percentile"),G=g(),b=J("svg"),L=J("path"),t(d,"position","relative"),t(d,"height","100%"),t(d,"width","7%"),t(d,"background-color",n[1]==="left"?"#DF2020":"#CADBD1"),t(d,"border-radius","4px"),t(i,"height","100%"),t(i,"width","13.7%"),t(i,"background-color",n[1]==="left"?"#DF2020":"#CADBD1"),t(i,"border-radius","4px"),t(v,"height","100%"),t(v,"width","13.7%"),t(v,"background-color",n[1]==="left"?"#F2800D":"#CADBD1"),t(v,"border-radius","4px"),t(m,"position","relative"),t(m,"height","100%"),t(m,"width","13.7%"),t(m,"background-color","#CADBD1"),t(m,"border-radius","4px"),t(A,"height","100%"),t(A,"width","13.7%"),t(A,"background-color","#CADBD1"),t(A,"border-radius","4px"),t(w,"height","100%"),t(w,"width","13.7%"),t(w,"background-color",n[1]==="left"?"#CADBD1":"#F2800D"),t(w,"border-radius","4px"),t(k,"height","100%"),t(k,"width","13.7%"),t(k,"background-color",n[1]==="left"?"#CADBD1":"#DF2020"),t(k,"border-radius","4px"),t(x,"position","relative"),t(x,"height","100%"),t(x,"width","7%"),t(x,"background-color",n[1]==="left"?"#CADBD1":"#DF2020"),t(x,"border-radius","4px"),f(D,"class","message"),t(D,"color","#09341F"),t(D,"z-index","99999"),t(D,"min-width","100px"),t(D,"font-size","0.74rem"),t(D,"display","flex"),t(D,"justify-content","center"),f(L,"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"),f(L,"fill","#09371F"),f(b,"class","rotateImg"),t(b,"transform","rotate(180deg)"),f(b,"width","24%"),f(b,"height","24%"),f(b,"viewBox","0 0 42 37"),f(b,"fill","none"),f(b,"xmlns","http://www.w3.org/2000/svg"),t(p,"left",n[0]+"%"),t(p,"position","absolute"),t(p,"transform","translate(-50%, -100%)"),t(p,"display","flex"),t(p,"align-items","center"),t(p,"flex-direction","column"),t(p,"width","100px"),t(p,"height","38px"),t(o,"position","relative"),t(o,"width","100%"),t(o,"height","4px"),t(o,"display","flex"),t(o,"justify-content","space-between")},m(a,h){C(a,o,h),r(o,d),c&&c.m(d,null),r(o,e),r(o,i),r(o,s),r(o,v),r(o,I),r(o,m),r(o,S),r(o,A),r(o,T),r(o,w),r(o,Z),r(o,k),r(o,$),r(o,x),u&&u.m(x,null),r(o,q),r(o,p),r(p,D),r(D,B),r(B,j),r(B,M),r(M,z),r(B,E),r(p,G),r(p,b),r(b,L)},p(a,[h]){a[1]==="left"?c||(c=P(),c.c(),c.m(d,null)):c&&(c.d(1),c=null),h&2&&t(d,"background-color",a[1]==="left"?"#DF2020":"#CADBD1"),h&2&&t(i,"background-color",a[1]==="left"?"#DF2020":"#CADBD1"),h&2&&t(v,"background-color",a[1]==="left"?"#F2800D":"#CADBD1"),h&2&&t(w,"background-color",a[1]==="left"?"#CADBD1":"#F2800D"),h&2&&t(k,"background-color",a[1]==="left"?"#CADBD1":"#DF2020"),a[1]==="right"?u||(u=Q(),u.c(),u.m(x,null)):u&&(u.d(1),u=null),h&2&&t(x,"background-color",a[1]==="left"?"#CADBD1":"#DF2020"),h&1&&K(j,a[0]),h&1&&y!==(y=O(a[0])+"")&&K(z,y),h&1&&t(p,"left",a[0]+"%")},i:N,o:N,d(a){a&&F(o),c&&c.d(),u&&u.d()}}}function Y(n,o,d){let{percentile:e=0}=o,{type:i=""}=o;return W(async()=>{console.log("type inside onMount",i)}),n.$$set=s=>{"percentile"in s&&d(0,e=s.percentile),"type"in s&&d(1,i=s.type)},[e,i]}class _ extends R{constructor(o){super(),U(this,o,Y,X,V,{percentile:0,type:1})}}export{_ as A};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{
|
|
2
|
-
\xA0`),
|
|
1
|
+
import{c as N,S as z,i as C,f as M,s as H,a as G,e as g,b as B,d as I,g as b,q as D,r as R,u as S,h as $,o as P,v as U,p as k,t as q,w as V,j as i,k as x,l as n,x as E,m as A,y as K,n as Z}from"./index2.js";import{A as O}from"./Arrow.js";import"./helpers.js";function j(d){G(d,"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 J(d){let e,l,t,r,c,p,m,h,v,s,a,o,f,L,w;return L=new O({props:{type:"right",percentile:d[5]}}),{c(){e=g("div"),l=g("div"),t=k("svg"),r=k("path"),p=B(),m=g("div"),h=g("div"),h.innerHTML="Glycan <b>Lifestyle (B)</b>",v=B(),s=g("div"),a=q(d[4]),o=B(),f=g("div"),V(L.$$.fragment),i(r,"fill",c=d[5]<=68?"#12A195":"#F2590D"),i(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"),i(t,"xmlns","http://www.w3.org/2000/svg"),i(t,"width","24"),i(t,"height","24"),i(t,"viewBox","0 0 24 24"),x(m,"display","flex"),x(m,"flex-direction","column"),x(m,"padding-left","0.3rem"),i(l,"class","label svelte-1371dlk"),x(l,"font-size","0.8rem"),x(f,"width","70%"),x(f,"display","flex"),x(f,"align-items","center"),i(e,"class","main svelte-1371dlk")},m(u,y){b(u,e,y),n(e,l),n(l,t),n(t,r),n(l,p),n(l,m),n(m,h),n(m,v),n(m,s),n(s,a),n(e,o),n(e,f),E(L,f,null),w=!0},p(u,y){(!w||y&32&&c!==(c=u[5]<=68?"#12A195":"#F2590D"))&&i(r,"fill",c),(!w||y&16)&&A(a,u[4]);const T={};y&32&&(T.percentile=u[5]),L.$set(T)},i(u){w||(S(L.$$.fragment,u),w=!0)},o(u){D(L.$$.fragment,u),w=!1},d(u){u&&$(e),K(L)}}}function Q(d){let e,l,t,r,c,p,m=d[5]>68?"Some overlap":"No significant overlap",h,v,s,a,o,f;function L(y,T){return y[1]?Y:X}let w=L(d),u=w(d);return{c(){e=g("div"),l=g("div"),t=g("div"),u.c(),r=B(),c=g("div"),p=g("b"),h=q(m),v=q(" of glycan indexes between "),s=g("br"),a=q(" your patient and this condition."),o=B(),f=g("div"),f.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>',x(t,"transform","translate(-50%)"),x(p,"color",d[1]?"#F2590D":"#12A195"),i(l,"class","summaryHeader svelte-1371dlk"),i(f,"class","summaryBody svelte-1371dlk"),i(e,"class","summaryMain svelte-1371dlk")},m(y,T){b(y,e,T),n(e,l),n(l,t),u.m(t,null),n(l,r),n(l,c),n(c,p),n(p,h),n(c,v),n(c,s),n(c,a),n(e,o),n(e,f)},p(y,T){w!==(w=L(y))&&(u.d(1),u=w(y),u&&(u.c(),u.m(t,null))),T&32&&m!==(m=y[5]>68?"Some overlap":"No significant overlap")&&A(h,m),T&2&&x(p,"color",y[1]?"#F2590D":"#12A195")},i:Z,o:Z,d(y){y&&$(e),u.d()}}}function W(d){let e,l,t,r,c,p,m=d[1]?"Some overlap":"No significant overlap",h;function v(o,f){return o[1]?ee:_}let s=v(d),a=s(d);return{c(){e=g("div"),l=g("div"),t=g("b"),r=q(d[3]),c=B(),a.c(),p=q(`
|
|
2
|
+
\xA0\xA0`),h=q(m),x(l,"padding-right","10px"),i(e,"class","header svelte-1371dlk")},m(o,f){b(o,e,f),n(e,l),n(l,t),n(t,r),n(e,c),a.m(e,null),n(e,p),n(e,h)},p(o,f){f&8&&A(r,o[3]),s!==(s=v(o))&&(a.d(1),a=s(o),a&&(a.c(),a.m(e,p))),f&2&&m!==(m=o[1]?"Some overlap":"No significant overlap")&&A(h,m)},i:Z,o:Z,d(o){o&&$(e),a.d()}}}function X(d){let e,l;return{c(){e=k("svg"),l=k("path"),i(l,"fill","#12A195"),i(l,"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"),i(e,"xmlns","http://www.w3.org/2000/svg"),i(e,"width","50"),i(e,"height","50"),i(e,"viewBox","0 0 24 24")},m(t,r){b(t,e,r),n(e,l)},d(t){t&&$(e)}}}function Y(d){let e,l;return{c(){e=k("svg"),l=k("path"),i(l,"fill","#F2590D"),i(l,"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"),i(e,"xmlns","http://www.w3.org/2000/svg"),i(e,"width","50"),i(e,"height","50"),i(e,"viewBox","0 0 24 24")},m(t,r){b(t,e,r),n(e,l)},d(t){t&&$(e)}}}function _(d){let e,l;return{c(){e=k("svg"),l=k("path"),i(l,"fill","#12A195"),i(l,"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"),i(e,"xmlns","http://www.w3.org/2000/svg"),i(e,"width","24"),i(e,"height","24"),i(e,"viewBox","0 0 24 24")},m(t,r){b(t,e,r),n(e,l)},d(t){t&&$(e)}}}function ee(d){let e,l;return{c(){e=k("svg"),l=k("path"),i(l,"fill","#F2590D"),i(l,"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"),i(e,"xmlns","http://www.w3.org/2000/svg"),i(e,"width","24"),i(e,"height","24"),i(e,"viewBox","0 0 24 24")},m(t,r){b(t,e,r),n(e,l)},d(t){t&&$(e)}}}function le(d){let e,l,t,r,c,p;const m=[W,Q,J],h=[];function v(s,a){return s[0]==="header"?0:s[0]==="summary"&&s[2]?1:2}return t=v(d),r=h[t]=m[t](d),{c(){e=g("head"),e.innerHTML='<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,300,1,0"/>',l=B(),r.c(),c=I()},m(s,a){b(s,e,a),b(s,l,a),h[t].m(s,a),b(s,c,a),p=!0},p(s,[a]){let o=t;t=v(s),t===o?h[t].p(s,a):(U(),D(h[o],1,1,()=>{h[o]=null}),R(),r=h[t],r?r.p(s,a):(r=h[t]=m[t](s),r.c()),S(r,1),r.m(c.parentNode,c))},i(s){p||(S(r),p=!0)},o(s){D(r),p=!1},d(s){s&&($(e),$(l),$(c)),h[t].d(s)}}}function te(d,e,l){let{report:t}=e,{type:r}=e,{service:c=window.GaReportService}=e,p,m=!1,h=!1,v="",s="",a=0;return P(async()=>{if(p=await c.getReport(t),l(5,a=Number(p.Bpercentile)),a<32){l(3,v="0/1"),l(4,s="Lower than average"),l(2,h=!0);return}if(a>=32&&a<=68){l(3,v="0/1"),l(4,s="Around average"),l(2,h=!0);return}if(a>68){l(3,v="1/1"),l(4,s="Higher than average"),l(3,v="1/1"),l(1,m=!0),l(2,h=!0);return}}),d.$$set=o=>{"report"in o&&l(6,t=o.report),"type"in o&&l(0,r=o.type),"service"in o&&l(7,c=o.service)},[r,m,h,v,s,a,t,c]}class F extends z{constructor(e){super(),C(this,e,te,le,H,{report:6,type:0,service:7},j)}get report(){return this.$$.ctx[6]}set report(e){this.$$set({report:e}),M()}get type(){return this.$$.ctx[0]}set type(e){this.$$set({type:e}),M()}get service(){return this.$$.ctx[7]}set service(e){this.$$set({service:e}),M()}}customElements.define("ga-hypertension-risk",N(F,{report:{},type:{},service:{}},[],[],!0));export{F as default};
|
|
@@ -1,17 +1,2 @@
|
|
|
1
|
-
import{c as
|
|
2
|
-
|
|
3
|
-
hypertension`,G=b(),B=d("div"),B.innerHTML=`<b>No notable symptoms:</b> Often, pre-hypertension has no apparent symptoms, <br/>
|
|
4
|
-
making regular blood pressure checks vital.`,q=b(),w=d("div"),w.innerHTML=`<b>Mild headaches or dizziness:</b> Occasionally, individuals might experience <br/>
|
|
5
|
-
mild headaches or dizziness, which can be early signs. <br/>`,k=b(),z=d("div"),z.textContent="Possible follow-up tests:",S=b(),M=d("div"),M.innerHTML=`<b>Routine blood pressure checks:</b> Essential for monitoring and managing
|
|
6
|
-
<br/> blood pressure levels within the pre-hypertension range.`,j=b(),A=d("div"),A.innerHTML=`<b>Lifestyle assessment:</b> Evaluating diet, physical activity, and other lifestyle
|
|
7
|
-
<br/> factors to identify areas for improvement.`,D=b(),R=d("div"),R.innerHTML=`<b>Echocardiogram:</b> To assess heart function and detect any early changes
|
|
8
|
-
<br/> that may be associated with pre-hypertension.`,o(l,"width","10%"),o(l,"padding-left","1.5rem"),o(l,"padding-right","1rem"),o(r,"width","90%"),o(r,"font-size","0.8rem"),m(t,"class","summaryHeader svelte-12034l8"),o(t,"border-radius","8px 8px 0 0"),o(t,"background-color",a[10]()),o(t,"border-bottom","2px solid "+a[9]()),o(u,"font-size","1.2rem"),o(u,"padding-bottom","1rem"),o(Z,"font-size","0.7rem"),o(Z,"padding-bottom","0.4rem"),o(B,"font-size","0.7rem"),o(B,"padding-bottom","0.4rem"),o(w,"font-size","0.7rem"),o(w,"padding-bottom","0.4rem"),o(z,"font-size","1.2rem"),o(z,"padding-top","0.4rem"),o(z,"padding-bottom","1rem"),o(M,"font-size","0.7rem"),o(M,"padding-bottom","0.4rem"),o(A,"font-size","0.7rem"),o(A,"padding-bottom","0.4rem"),o(R,"font-size","0.7rem"),o(R,"padding-bottom","0.4rem"),m(h,"class","summaryBody svelte-12034l8"),o(h,"background-color",a[11]()),m(e,"class","summaryMain svelte-12034l8"),o(e,"border","2px solid "+a[9]())},m(C,F){y(C,e,F),i(e,t),i(t,l),f&&f.m(l,null),i(l,n),i(t,s),i(t,r),i(r,p),i(r,c),i(r,v),i(r,N),i(r,g),i(e,E),i(e,h),i(h,u),i(h,H),i(h,Z),i(h,G),i(h,B),i(h,q),i(h,w),i(h,k),i(h,z),i(h,S),i(h,M),i(h,j),i(h,A),i(h,D),i(h,R)},p(C,F){C[5]?f||(f=se(),f.c(),f.m(l,n)):f&&(f.d(1),f=null)},d(C){C&&x(e),f&&f.d()}}}function fe(a){let e;return{c(){e=d("div"),e.innerHTML=`<div class="summaryHeader svelte-12034l8" style="border-radius: 8px; background-color: rgba(0,170,68,0.15); border: 2px solid #00AA44;"><div style="width: 10%; padding-left: 1.5rem; padding-right: 1rem;"><svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 24 24"><path fill="#00AA44" 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"></path></svg></div> <div style="width: 90%;">There is <b>no significant overlap</b> of glycan indexes between <br/> your patient and pre-hypertension patients.</div></div> <div class="summaryBody svelte-12034l8" style="opacity: 0.35;"><div style="font-size: 1.2rem; padding-bottom: 1rem;">Symptoms to check for:</div> <div style="font-size: 0.7rem; padding-bottom: 0.4rem;"><b>Elevated blood pressure:</b> Blood pressure readings consistently above
|
|
9
|
-
<br/> normal but below hypertension thresholds are indicative of pre- <br/>
|
|
10
|
-
hypertension</div> <div style="font-size: 0.7rem; padding-bottom: 0.4rem;"><b>No notable symptoms:</b> Often, pre-hypertension has no apparent symptoms, <br/>
|
|
11
|
-
making regular blood pressure checks vital.</div> <div style="font-size: 0.7rem; padding-bottom: 0.4rem;"><b>Mild headaches or dizziness:</b> Occasionally, individuals might experience <br/>
|
|
12
|
-
mild headaches or dizziness, which can be early signs. <br/></div> <div style="font-size: 1.2rem; padding-top: 0.4rem;padding-bottom: 1rem;">Possible follow-up tests:</div> <div style="font-size: 0.7rem; padding-bottom: 0.4rem;"><b>Routine blood pressure checks:</b> Essential for monitoring and managing
|
|
13
|
-
<br/> blood pressure levels within the pre-hypertension range.</div> <div style="font-size: 0.7rem; padding-bottom: 0.4rem;"><b>Lifestyle assessment:</b> Evaluating diet, physical activity, and other lifestyle
|
|
14
|
-
<br/> factors to identify areas for improvement.</div> <div style="font-size: 0.7rem; padding-bottom: 0.4rem;"><b>Echocardiogram:</b> To assess heart function and detect any early changes
|
|
15
|
-
<br/> that may be associated with pre-hypertension.</div></div>`,m(e,"class","summaryMain svelte-12034l8")},m(t,l){y(t,e,l)},p:K,d(t){t&&x(e)}}}function se(a){let e,t;return{c(){e=P("svg"),t=P("path"),m(t,"fill","#CC0000"),m(t,"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"),m(e,"xmlns","http://www.w3.org/2000/svg"),m(e,"width","50"),m(e,"height","50"),m(e,"viewBox","0 0 24 24")},m(l,n){y(l,e,n),i(e,t)},d(l){l&&x(e)}}}function re(a){let e,t,l,n,s,r,p;return{c(){e=d("div"),t=d("b"),l=L(a[8]),n=b(),s=P("svg"),r=P("path"),p=L(`
|
|
16
|
-
\xA0 Some overlap`),o(e,"padding-right","10px"),m(r,"fill","#F2590D"),m(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"),m(s,"xmlns","http://www.w3.org/2000/svg"),m(s,"width","24"),m(s,"height","24"),m(s,"viewBox","0 0 24 24")},m(c,v){y(c,e,v),i(e,t),i(t,l),y(c,n,v),y(c,s,v),i(s,r),y(c,p,v)},p(c,v){v&256&&O(l,c[8])},d(c){c&&(x(e),x(n),x(s),x(p))}}}function le(a){let e,t,l,n,s,r,p;return{c(){e=d("div"),t=d("b"),l=L(a[8]),n=b(),s=P("svg"),r=P("path"),p=L(`
|
|
17
|
-
\xA0 No significant overlap`),o(e,"padding-right","10px"),m(r,"fill","#12A195"),m(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.45Zm2.35-6.95L16.6 9.9l-1.4-1.45l-4.25 4.25l-2.15-2.1L7.4 12l3.55 3.55Z"),m(s,"xmlns","http://www.w3.org/2000/svg"),m(s,"width","24"),m(s,"height","24"),m(s,"viewBox","0 0 24 24")},m(c,v){y(c,e,v),i(e,t),i(t,l),y(c,n,v),y(c,s,v),i(s,r),y(c,p,v)},p(c,v){v&256&&O(l,c[8])},d(c){c&&(x(e),x(n),x(s),x(p))}}}function ye(a){let e,t,l;function n(p,c){return p[0]==="header"?ve:p[0]==="summary"?be:ge}let s=n(a),r=s(a);return{c(){e=d("head"),e.innerHTML='<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,300,1,0"/>',t=b(),r.c(),l=J()},m(p,c){y(p,e,c),y(p,t,c),r.m(p,c),y(p,l,c)},p(p,[c]){s===(s=n(p))&&r?r.p(p,c):(r.d(1),r=s(p),r&&(r.c(),r.m(l.parentNode,l)))},i:K,o:K,d(p){p&&(x(e),x(t),x(l)),r.d(p)}}}function xe(a,e,t){let{language:l}=e,{report:n}=e,{type:s}=e,{service:r=window.GaReportService}=e,p,c=0,v=0,N=0,g=0,E=!1,h=!1,u=!1,H="";function Z(){return g===50?"#00AA44":g<50?"#CC0000":(g>50,"#00AA44")}function G(){return g===50?"rgba(0,170,68,0.15)":g<50?"rgba(204,0,0,0.15)":(g>50,"rgba(0,170,68,0.15)")}function B(){return g===50?"rgba(0,170,68,0.05)":g<50?"rgba(204,0,0,0.05)":(g>50,"rgba(0,170,68,0.05)")}function q(){return g===50?"no significant overlap":g<50?"some overlap":(g>50,"no significant overlap")}return ce(async()=>{if(p=await r.getReport(n),t(1,c=Number(p.G2xmin)),t(2,v=Number(p.G2xmax)),t(3,N=Number(p.G2yourscore)),t(4,g=Number(p.G2percentile)),g===50){t(8,H="0/1"),t(6,h=!0),t(7,u=!0);return}if(g<50){t(8,H="1/1"),t(5,E=!0),t(7,u=!0);return}if(g>50){t(8,H="0/1"),t(6,h=!0),t(7,u=!0);return}}),a.$$set=w=>{"language"in w&&t(13,l=w.language),"report"in w&&t(14,n=w.report),"type"in w&&t(0,s=w.type),"service"in w&&t(15,r=w.service)},[s,c,v,N,g,E,h,u,H,Z,G,B,q,l,n,r]}class ne extends ae{constructor(e){super(),de(this,e,xe,ye,pe,{language:13,report:14,type:0,service:15},he)}get language(){return this.$$.ctx[13]}set language(e){this.$$set({language:e}),Y()}get report(){return this.$$.ctx[14]}set report(e){this.$$set({report:e}),Y()}get type(){return this.$$.ctx[0]}set type(e){this.$$set({type:e}),Y()}get service(){return this.$$.ctx[15]}set service(e){this.$$set({service:e}),Y()}}customElements.define("ga-pre-hypertension",oe(ne,{language:{},report:{},type:{},service:{}},[],[],!0));export{ne as default};
|
|
1
|
+
import{c as F,S as G,i as H,f as S,s as z,a as N,e as g,b as B,d as I,g as b,q as M,r as R,u as C,h as $,o as V,v as E,p as k,t as q,w as P,j as i,k as x,l as n,x as j,m as Z,y as O,n as A}from"./index2.js";import{A as K}from"./Arrow.js";import"./helpers.js";function U(d){N(d,"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 Y(d){let e,l,t,s,m,c,h,p,v,r,o,a,f,L,w;return L=new K({props:{type:"left",percentile:d[5]}}),{c(){e=g("div"),l=g("div"),t=k("svg"),s=k("path"),c=B(),h=g("div"),p=g("div"),p.innerHTML="Glycan <b>Youth (G2)</b>",v=B(),r=g("div"),o=q(d[4]),a=B(),f=g("div"),P(L.$$.fragment),i(s,"fill",m=d[5]>=32?"#12A195":"#F2590D"),i(s,"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"),i(t,"xmlns","http://www.w3.org/2000/svg"),i(t,"width","24"),i(t,"height","24"),i(t,"viewBox","0 0 24 24"),x(h,"display","flex"),x(h,"flex-direction","column"),x(h,"padding-left","0.3rem"),i(l,"class","label svelte-1371dlk"),x(l,"font-size","0.8rem"),x(f,"width","70%"),x(f,"display","flex"),x(f,"align-items","center"),i(e,"class","main svelte-1371dlk")},m(u,y){b(u,e,y),n(e,l),n(l,t),n(t,s),n(l,c),n(l,h),n(h,p),n(h,v),n(h,r),n(r,o),n(e,a),n(e,f),j(L,f,null),w=!0},p(u,y){(!w||y&32&&m!==(m=u[5]>=32?"#12A195":"#F2590D"))&&i(s,"fill",m),(!w||y&16)&&Z(o,u[4]);const T={};y&32&&(T.percentile=u[5]),L.$set(T)},i(u){w||(C(L.$$.fragment,u),w=!0)},o(u){M(L.$$.fragment,u),w=!1},d(u){u&&$(e),O(L)}}}function J(d){let e,l,t,s,m,c,h=d[5]<32?"Some overlap":"No significant overlap",p,v,r,o,a,f;function L(y,T){return y[1]?X:W}let w=L(d),u=w(d);return{c(){e=g("div"),l=g("div"),t=g("div"),u.c(),s=B(),m=g("div"),c=g("b"),p=q(h),v=q(" of glycan indexes between "),r=g("br"),o=q(" your patient and this condition."),a=B(),f=g("div"),f.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/27124023/">The Association Between Glycosylation of Immunoglobulin G and Hypertension: A Multiple Ethnic Cross-Sectional Study</a> <p style="margin: 0; font-size: 0.8rem; color: #09341FCC;">In an extensive study with 4757 participants, including 913 from the Chinese Han Beijing population, 985 from Croatian Kor\u010Dula, 896 from Croatian Vis, and 1963 from Scottish Orkney, researchers investigated changes in IgG glycans associated with prehypertension and hypertension. The demographic composition of the study was approximately 40% female and 60% male participants. A notable observation was the decrease in G2 in the cohort with prehypertension.</p>',x(t,"transform","translate(-50%)"),x(c,"color",d[1]?"#F2590D":"#12A195"),i(l,"class","summaryHeader svelte-1371dlk"),i(f,"class","summaryBody svelte-1371dlk"),i(e,"class","summaryMain svelte-1371dlk")},m(y,T){b(y,e,T),n(e,l),n(l,t),u.m(t,null),n(l,s),n(l,m),n(m,c),n(c,p),n(m,v),n(m,r),n(m,o),n(e,a),n(e,f)},p(y,T){w!==(w=L(y))&&(u.d(1),u=w(y),u&&(u.c(),u.m(t,null))),T&32&&h!==(h=y[5]<32?"Some overlap":"No significant overlap")&&Z(p,h),T&2&&x(c,"color",y[1]?"#F2590D":"#12A195")},i:A,o:A,d(y){y&&$(e),u.d()}}}function Q(d){let e,l,t,s,m,c,h=d[1]?"Some overlap":"No significant overlap",p;function v(a,f){return a[1]?ee:_}let r=v(d),o=r(d);return{c(){e=g("div"),l=g("div"),t=g("b"),s=q(d[3]),m=B(),o.c(),c=q(`
|
|
2
|
+
\xA0\xA0`),p=q(h),x(l,"padding-right","10px"),i(e,"class","header svelte-1371dlk")},m(a,f){b(a,e,f),n(e,l),n(l,t),n(t,s),n(e,m),o.m(e,null),n(e,c),n(e,p)},p(a,f){f&8&&Z(s,a[3]),r!==(r=v(a))&&(o.d(1),o=r(a),o&&(o.c(),o.m(e,c))),f&2&&h!==(h=a[1]?"Some overlap":"No significant overlap")&&Z(p,h)},i:A,o:A,d(a){a&&$(e),o.d()}}}function W(d){let e,l;return{c(){e=k("svg"),l=k("path"),i(l,"fill","#12A195"),i(l,"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"),i(e,"xmlns","http://www.w3.org/2000/svg"),i(e,"width","50"),i(e,"height","50"),i(e,"viewBox","0 0 24 24")},m(t,s){b(t,e,s),n(e,l)},d(t){t&&$(e)}}}function X(d){let e,l;return{c(){e=k("svg"),l=k("path"),i(l,"fill","#F2590D"),i(l,"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"),i(e,"xmlns","http://www.w3.org/2000/svg"),i(e,"width","50"),i(e,"height","50"),i(e,"viewBox","0 0 24 24")},m(t,s){b(t,e,s),n(e,l)},d(t){t&&$(e)}}}function _(d){let e,l;return{c(){e=k("svg"),l=k("path"),i(l,"fill","#12A195"),i(l,"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"),i(e,"xmlns","http://www.w3.org/2000/svg"),i(e,"width","24"),i(e,"height","24"),i(e,"viewBox","0 0 24 24")},m(t,s){b(t,e,s),n(e,l)},d(t){t&&$(e)}}}function ee(d){let e,l;return{c(){e=k("svg"),l=k("path"),i(l,"fill","#F2590D"),i(l,"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"),i(e,"xmlns","http://www.w3.org/2000/svg"),i(e,"width","24"),i(e,"height","24"),i(e,"viewBox","0 0 24 24")},m(t,s){b(t,e,s),n(e,l)},d(t){t&&$(e)}}}function le(d){let e,l,t,s,m,c;const h=[Q,J,Y],p=[];function v(r,o){return r[0]==="header"?0:r[0]==="summary"&&r[2]?1:2}return t=v(d),s=p[t]=h[t](d),{c(){e=g("head"),e.innerHTML='<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,300,1,0"/>',l=B(),s.c(),m=I()},m(r,o){b(r,e,o),b(r,l,o),p[t].m(r,o),b(r,m,o),c=!0},p(r,[o]){let a=t;t=v(r),t===a?p[t].p(r,o):(E(),M(p[a],1,1,()=>{p[a]=null}),R(),s=p[t],s?s.p(r,o):(s=p[t]=h[t](r),s.c()),C(s,1),s.m(m.parentNode,m))},i(r){c||(C(s),c=!0)},o(r){M(s),c=!1},d(r){r&&($(e),$(l),$(m)),p[t].d(r)}}}function te(d,e,l){let{report:t}=e,{type:s}=e,{service:m=window.GaReportService}=e,c,h=!1,p=!1,v="",r="",o=0;return V(async()=>{if(c=await m.getReport(t),l(5,o=Number(c.G2percentile)),o<32){l(3,v="1/1"),l(4,r="Lower than average"),l(1,h=!0),l(2,p=!0);return}if(o>=32&&o<=68){l(3,v="0/1"),l(4,r="Around average"),l(2,p=!0);return}if(o>68){l(3,v="0/1"),l(4,r="Higher than average"),l(3,v="1/1"),l(2,p=!0);return}}),d.$$set=a=>{"report"in a&&l(6,t=a.report),"type"in a&&l(0,s=a.type),"service"in a&&l(7,m=a.service)},[s,h,p,v,r,o,t,m]}class D extends G{constructor(e){super(),H(this,e,te,le,z,{report:6,type:0,service:7},U)}get report(){return this.$$.ctx[6]}set report(e){this.$$set({report:e}),S()}get type(){return this.$$.ctx[0]}set type(e){this.$$set({type:e}),S()}get service(){return this.$$.ctx[7]}set service(e){this.$$set({service:e}),S()}}customElements.define("ga-pre-hypertension",F(D,{report:{},type:{},service:{}},[],[],!0));export{D as default};
|