@glycanage/web-components 1.153.0 → 1.154.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 H,S as j,i as B,f as S,s as X,a as U,e as E,m as P,b as z,n as b,p as I,g as R,q as x,r as Y,u as G,k as _,o as V,z as Z}from"./index2.js";import{g as q}from"./globals.js";import{a as L}from"./helpers.js";const{document:J}=q;function K(c){U(c,"svelte-13ksezj",".main.svelte-13ksezj{height:100%;width:100%;display:flex;align-items:end}.label.svelte-13ksezj{width:40%;display:flex;align-items:center;font-size:0.8rem;height:100%}.label-container.svelte-13ksezj{display:flex;flex-direction:column}")}function Q(c){let n,y,m,o,v=L(c[0],c[1])+"",k,D,w,C=L(c[0],c[2])+"",r,g,s,$,A;return{c(){n=E("div"),y=E("div"),m=E("div"),o=E("b"),k=P(v),D=z(),w=E("div"),r=P(C),g=z(),s=E("div"),s.innerHTML="",$=z(),A=E("link"),b(o,"font-size",(c[0]==="slovenian"?.7:.8)+"rem"),b(w,"font-size","0.7rem"),I(m,"class","label-container svelte-13ksezj"),I(y,"class","label svelte-13ksezj"),b(s,"display","flex"),b(s,"align-items","center"),b(s,"margin-bottom","1rem"),b(s,"height","55%"),b(s,"width","100%"),b(s,"position","relative"),I(n,"class","main svelte-13ksezj"),I(A,"href","https://fonts.googleapis.com/css2?family=Sen:wght@400..800&display=swap"),I(A,"rel","stylesheet")},m(p,e){R(p,n,e),x(n,y),x(y,m),x(m,o),x(o,k),x(m,D),x(m,w),x(w,r),x(n,g),x(n,s),c[6](s),R(p,$,e),x(J.head,A)},p(p,[e]){e&3&&v!==(v=L(p[0],p[1])+"")&&Y(k,v),e&1&&b(o,"font-size",(p[0]==="slovenian"?.7:.8)+"rem"),e&5&&C!==(C=L(p[0],p[2])+"")&&Y(r,C)},i:G,o:G,d(p){p&&(_(n),_($)),c[6](null),_(A)}}}function W(c,n,y){let{service:m=window.GaReportService}=n,{type:o}=n,{lang:v}=n,k="",D="",w=[{name:"shield",label:"GLYCAN_SHIELD",description:"ANTI_INFLAMMATORY_INDEX",value:"Spercentile"},{name:"youth",label:"GLYCAN_YOUTH",description:"ANTI_INFLAMMATORY_INDEX",value:"G2percentile"},{name:"mature",label:"GLYCAN_MATURE",description:"PRO_INFLAMMATORY_INDEX",value:"G0percentile"},{name:"median",label:"GLYCAN_MEDIAN",description:"SUPPORTIVE_INDEX",value:"G1percentile"},{name:"lifestyle",label:"GLYCAN_LIFESTYLE_B",description:"SUPPORTIVE_INDEX",value:"Bpercentile"}];const C=w.find(e=>e.name===o);let r={},g,s;function $(e){if(o==="shield"||o==="youth")return e<=17?"#DD2222":e>17&&e<=33?"#EE6600":e>33&&e<=66?"#66CCAA":e>66&&e<=82?"#119999":"#005566";if(o==="mature"||o==="lifestyle")return e<=17?"#005566":e>17&&e<=33?"#119999":e>33&&e<=66?"#66CCAA":e>66&&e<=82?"#EE6600":"#DD2222";if(o==="median")return e===1||e===100||e===0||e===99?"#DD2222":e>=2&&e<=17||e>=83&&e<=98?"#EE6600":e>=18&&e<=33||e>=67&&e<=82?"#119999":"#005566"}function A(){g&&(r=echarts.init(g,null,{devicePixelRatio:4,renderer:"svg"}));const e=g.getBoundingClientRect(),f=w.find(l=>l.name===o).value;console.log("cur:",f);var T=s.data.map((l,a)=>[a,l[f]]),M={textStyle:{fontFamily:"Sen, sans serif"},animation:!1,backgroundColor:"transparent",grid:{top:"2px",left:"2px",right:"2px",bottom:"2px"},dataset:[{source:T}],tooltip:{show:!1},xAxis:{min:s.data.map((l,a)=>[a,l[f]])[0][0],max:s.data.map((l,a)=>[a,l[f]])[s.data.length-1][0],name:"",interval:1,axisLine:{show:!1,symbol:["none","arrow"],symbolSize:[5,10],symbolOffset:[8]},axisTick:{show:!1},axisLabel:{show:!1},splitLine:{show:!1}},yAxis:{min:0,max:100,name:"",axisLine:{show:!1,symbol:["none","arrow"],symbolSize:[5,10],symbolOffset:[5]},axisTick:{show:!1},axisLabel:{show:!1},splitLine:{show:!1}},series:[{name:"Chrono Age",type:"line",smooth:!0,datasetIndex:0,symbol:"line",lineStyle:{color:"#416D57",width:5},showSymbol:!1,z:10}],graphic:[]};r.setOption(M);for(let l=0;l<s.data.length;l++){const a=document.createElementNS("http://www.w3.org/2000/svg","svg"),u=document.createElement("div"),h=document.createElement("div"),d=document.createElement("div");h.style.position="absolute",h.style.left=`${e.left+r.convertToPixel("xAxis",l)}px`,h.style.top=`${e.top}px`,h.style.height=`${e.height}px`,h.style.width="2px",h.style.display="flex",h.style.flexDirection="column",h.style.zIndex="
|
|
1
|
+
import{c as H,S as j,i as B,f as S,s as X,a as U,e as E,m as P,b as z,n as b,p as I,g as R,q as x,r as Y,u as G,k as _,o as V,z as Z}from"./index2.js";import{g as q}from"./globals.js";import{a as L}from"./helpers.js";const{document:J}=q;function K(c){U(c,"svelte-13ksezj",".main.svelte-13ksezj{height:100%;width:100%;display:flex;align-items:end}.label.svelte-13ksezj{width:40%;display:flex;align-items:center;font-size:0.8rem;height:100%}.label-container.svelte-13ksezj{display:flex;flex-direction:column}")}function Q(c){let n,y,m,o,v=L(c[0],c[1])+"",k,D,w,C=L(c[0],c[2])+"",r,g,s,$,A;return{c(){n=E("div"),y=E("div"),m=E("div"),o=E("b"),k=P(v),D=z(),w=E("div"),r=P(C),g=z(),s=E("div"),s.innerHTML="",$=z(),A=E("link"),b(o,"font-size",(c[0]==="slovenian"?.7:.8)+"rem"),b(w,"font-size","0.7rem"),I(m,"class","label-container svelte-13ksezj"),I(y,"class","label svelte-13ksezj"),b(s,"display","flex"),b(s,"align-items","center"),b(s,"margin-bottom","1rem"),b(s,"height","55%"),b(s,"width","100%"),b(s,"position","relative"),I(n,"class","main svelte-13ksezj"),I(A,"href","https://fonts.googleapis.com/css2?family=Sen:wght@400..800&display=swap"),I(A,"rel","stylesheet")},m(p,e){R(p,n,e),x(n,y),x(y,m),x(m,o),x(o,k),x(m,D),x(m,w),x(w,r),x(n,g),x(n,s),c[6](s),R(p,$,e),x(J.head,A)},p(p,[e]){e&3&&v!==(v=L(p[0],p[1])+"")&&Y(k,v),e&1&&b(o,"font-size",(p[0]==="slovenian"?.7:.8)+"rem"),e&5&&C!==(C=L(p[0],p[2])+"")&&Y(r,C)},i:G,o:G,d(p){p&&(_(n),_($)),c[6](null),_(A)}}}function W(c,n,y){let{service:m=window.GaReportService}=n,{type:o}=n,{lang:v}=n,k="",D="",w=[{name:"shield",label:"GLYCAN_SHIELD",description:"ANTI_INFLAMMATORY_INDEX",value:"Spercentile"},{name:"youth",label:"GLYCAN_YOUTH",description:"ANTI_INFLAMMATORY_INDEX",value:"G2percentile"},{name:"mature",label:"GLYCAN_MATURE",description:"PRO_INFLAMMATORY_INDEX",value:"G0percentile"},{name:"median",label:"GLYCAN_MEDIAN",description:"SUPPORTIVE_INDEX",value:"G1percentile"},{name:"lifestyle",label:"GLYCAN_LIFESTYLE_B",description:"SUPPORTIVE_INDEX",value:"Bpercentile"}];const C=w.find(e=>e.name===o);let r={},g,s;function $(e){if(o==="shield"||o==="youth")return e<=17?"#DD2222":e>17&&e<=33?"#EE6600":e>33&&e<=66?"#66CCAA":e>66&&e<=82?"#119999":"#005566";if(o==="mature"||o==="lifestyle")return e<=17?"#005566":e>17&&e<=33?"#119999":e>33&&e<=66?"#66CCAA":e>66&&e<=82?"#EE6600":"#DD2222";if(o==="median")return e===1||e===100||e===0||e===99?"#DD2222":e>=2&&e<=17||e>=83&&e<=98?"#EE6600":e>=18&&e<=33||e>=67&&e<=82?"#119999":"#005566"}function A(){g&&(r=echarts.init(g,null,{devicePixelRatio:4,renderer:"svg"}));const e=g.getBoundingClientRect(),f=w.find(l=>l.name===o).value;console.log("cur:",f);var T=s.data.map((l,a)=>[a,l[f]]),M={textStyle:{fontFamily:"Sen, sans serif"},animation:!1,backgroundColor:"transparent",grid:{top:"2px",left:"2px",right:"2px",bottom:"2px"},dataset:[{source:T}],tooltip:{show:!1},xAxis:{min:s.data.map((l,a)=>[a,l[f]])[0][0],max:s.data.map((l,a)=>[a,l[f]])[s.data.length-1][0],name:"",interval:1,axisLine:{show:!1,symbol:["none","arrow"],symbolSize:[5,10],symbolOffset:[8]},axisTick:{show:!1},axisLabel:{show:!1},splitLine:{show:!1}},yAxis:{min:0,max:100,name:"",axisLine:{show:!1,symbol:["none","arrow"],symbolSize:[5,10],symbolOffset:[5]},axisTick:{show:!1},axisLabel:{show:!1},splitLine:{show:!1}},series:[{name:"Chrono Age",type:"line",smooth:!0,datasetIndex:0,symbol:"line",lineStyle:{color:"#416D57",width:5},showSymbol:!1,z:10}],graphic:[]};r.setOption(M);for(let l=0;l<s.data.length;l++){const a=document.createElementNS("http://www.w3.org/2000/svg","svg"),u=document.createElement("div"),h=document.createElement("div"),d=document.createElement("div");h.style.position="absolute",h.style.left=`${e.left+r.convertToPixel("xAxis",l)}px`,h.style.top=`${e.top}px`,h.style.height=`${e.height}px`,h.style.width="2px",h.style.display="flex",h.style.flexDirection="column",h.style.zIndex="0";for(let t=0;t<8;t++){const i=document.createElement("div");i.style.width="2px",i.style.height="8px",i.style.borderRadius="99px",i.style.marginBottom="2px",i.style.opacity=s.data[l].result?"1":"0.5",(o==="mature"||o==="lifestyle")&&(t<2&&(i.style.backgroundColor="#DD2222"),t===2&&(i.style.backgroundColor="#EE6600"),(t===3||t===4)&&(i.style.backgroundColor="#66CCAA"),t===5&&(i.style.backgroundColor="#119999"),t>5&&(i.style.backgroundColor="#005566")),(o==="shield"||o==="youth")&&(t<2&&(i.style.backgroundColor="#005566"),t===2&&(i.style.backgroundColor="#119999"),(t===3||t===4)&&(i.style.backgroundColor="#66CCAA"),t===5&&(i.style.backgroundColor="#EE6600"),t>5&&(i.style.backgroundColor="#DD2222")),o==="median"&&((t===0||t===7)&&(i.style.backgroundColor="#DD2222"),(t===1||t===6)&&(i.style.backgroundColor="#EE6600"),(t===2||t===5)&&(i.style.backgroundColor="#119999"),(t===3||t===4)&&(i.style.backgroundColor="#005566")),h.appendChild(i)}a.setAttribute("width","28"),a.setAttribute("height","33"),a.setAttribute("viewBox","0 0 28 33"),a.setAttribute("fill","none"),a.setAttribute("xmlns","http://www.w3.org/2000/svg");const N=document.createElementNS("http://www.w3.org/2000/svg","path");if(N.setAttribute("d","M14.0003 32.5418C13.6114 32.5418 13.2225 32.4724 12.8337 32.3335C12.4448 32.1946 12.0975 31.9863 11.792 31.7085C9.98644 30.0418 8.38921 28.4168 7.00033 26.8335C5.61144 25.2502 4.45171 23.7154 3.52116 22.2293C2.5906 20.7432 1.88227 19.3127 1.39616 17.9377C0.910048 16.5627 0.666992 15.2502 0.666992 14.0002C0.666992 9.8335 2.00727 6.51405 4.68783 4.04183C7.36838 1.56961 10.4725 0.333496 14.0003 0.333496C17.5281 0.333496 20.6323 1.56961 23.3128 4.04183C25.9934 6.51405 27.3337 9.8335 27.3337 14.0002C27.3337 15.2502 27.0906 16.5627 26.6045 17.9377C26.1184 19.3127 25.41 20.7432 24.4795 22.2293C23.5489 23.7154 22.3892 25.2502 21.0003 26.8335C19.6114 28.4168 18.0142 30.0418 16.2087 31.7085C15.9031 31.9863 15.5559 32.1946 15.167 32.3335C14.7781 32.4724 14.3892 32.5418 14.0003 32.5418Z"),N.setAttribute("fill",$(s.data[l][f])),a.appendChild(N),a.style.position="absolute",a.style.left=`${e.left+r.convertToPixel("xAxis",l)-14}px`,a.style.top=`${e.top+r.convertToPixel("yAxis",T[l][1])-37}px`,a.style.zIndex="8",a.style.opacity=s.data[l].result?"1":"0.4",u.innerText=`${s.data[l][f]}`,u.style.position="absolute",u.style.left=`${e.left+r.convertToPixel("xAxis",l)-(s.data[l][f]<10?4:s.data[l][f]===100?10:7)}px`,u.style.top=`${e.top+r.convertToPixel("yAxis",T[l][1])+-30}px`,u.style.font="bold 12px sans-serif",u.style.color="white",u.style.zIndex="19",u.style.fontFamily="Sen",u.style.opacity=s.data[l].result?"1":"0.8",o==="lifestyle"&&s.data[l].result){d.style.position="absolute",d.style.left=`${e.left+r.convertToPixel("xAxis",l)-60}px`,d.style.top=`${e.top+86}px`,d.style.font="bold 12px sans-serif",d.style.color="black",d.style.zIndex="19",d.style.fontFamily="Sen",d.style.display="flex",d.style.flexDirection="column",d.style.alignItems="center";const t=document.createElementNS("http://www.w3.org/2000/svg","svg");t.setAttribute("width","16"),t.setAttribute("height","18"),t.setAttribute("viewBox","0 0 16 18"),t.setAttribute("fill","none"),t.setAttribute("xmlns","http://www.w3.org/2000/svg");const i=document.createElementNS("http://www.w3.org/2000/svg","path");i.setAttribute("d","M7 17C7 17.5523 7.44772 18 8 18C8.55228 18 9 17.5523 9 17H7ZM8.70711 0.292893C8.31658 -0.0976311 7.68342 -0.0976311 7.29289 0.292893L0.928932 6.65685C0.538408 7.04738 0.538408 7.68054 0.928932 8.07107C1.31946 8.46159 1.95262 8.46159 2.34315 8.07107L8 2.41421L13.6569 8.07107C14.0474 8.46159 14.6805 8.46159 15.0711 8.07107C15.4616 7.68054 15.4616 7.04738 15.0711 6.65685L8.70711 0.292893ZM8 17H9V1H8H7V17H8Z"),i.setAttribute("fill","#09341F"),t.appendChild(i);const O=document.createElement("div");O.innerText="Results from this test",d.appendChild(t),d.appendChild(O),document.body.appendChild(d)}document.body.appendChild(u),document.body.appendChild(a),document.body.appendChild(h)}r.setOption(M)}V(async()=>{s=await m.getOverTimeDataIndexes(),s.data.findIndex(e=>e.result===!0),A(),C&&(y(1,k=C.label),y(2,D=C.description))});function p(e){Z[e?"unshift":"push"](()=>{g=e,y(3,g)})}return c.$$set=e=>{"service"in e&&y(4,m=e.service),"type"in e&&y(5,o=e.type),"lang"in e&&y(0,v=e.lang)},[v,k,D,g,m,o,p]}class F extends j{constructor(n){super(),B(this,n,W,Q,X,{service:4,type:5,lang:0},K)}get service(){return this.$$.ctx[4]}set service(n){this.$$set({service:n}),S()}get type(){return this.$$.ctx[5]}set type(n){this.$$set({type:n}),S()}get lang(){return this.$$.ctx[0]}set lang(n){this.$$set({lang:n}),S()}}customElements.define("ga-over-time-indexes",H(F,{service:{},type:{},lang:{}},[],[],!1));export{F as default};
|