@glycanage/web-components 1.170.0 → 1.172.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/index.js CHANGED
@@ -1 +1 @@
1
- const t=()=>{import("./arthritis.wc.js"),import("./colitis.wc.js"),import("./crohn.wc.js"),import("./lupus.wc.js"),import("./diabetes.wc.js"),import("./myocardial.wc.js"),import("./menopause.wc.js"),import("./hypertension.wc.js"),import("./chronic.wc.js"),import("./dyslipidemia.wc.js"),import("./atherosclerosis.wc.js"),import("./coronary.wc.js"),import("./copd.wc.js"),import("./hypertension-risk.wc.js"),import("./pre-hypertension.wc.js"),import("./language.interface.js"),import("./colorectal.wc.js"),import("./endometrial.wc.js"),import("./ovarian.wc.js"),import("./age-graph.wc.js"),import("./index-graph.wc.js"),import("./median-graph.wc.js"),import("./median-graph-japanese.wc.js"),import("./index-graph-japanese.wc.js"),import("./results-overview.wc.js"),import("./single-overview.wc.js"),import("./main-result.wc.js"),import("./main-result-three.wc.js"),import("./main-result-three-client.wc.js"),import("./results-overview-three.wc.js"),import("./insights-overview.wc.js"),import("./insights-overview-three.wc.js"),import("./insights-overview-three-client.wc.js"),import("./insights-overview-latest.wc.js"),import("./action-steps-three.wc.js"),import("./action-steps-three-client.wc.js"),import("./arrow-graph.wc.js"),import("./arrow-graph-three.wc.js"),import("./overlap-title.wc.js"),import("./overlap-title-three.wc.js"),import("./scatter-plot.wc.js"),import("./scatter-plot-custom.wc.js"),import("./results-overview-clp.wc.js"),import("./insights-overview-clp.wc.js"),import("./main-result-clp.wc.js"),import("./single-overview-clp.wc.js"),import("./single-overview-three.wc.js"),import("./arrow-graph-clp.wc.js"),import("./overlap-title-clp.wc.js"),import("./scatter-plot-clp.wc.js"),import("./over-time.wc.js"),import("./over-time-indexes.wc.js")};export{t as default};
1
+ const t=()=>{import("./arthritis.wc.js"),import("./colitis.wc.js"),import("./crohn.wc.js"),import("./lupus.wc.js"),import("./diabetes.wc.js"),import("./myocardial.wc.js"),import("./menopause.wc.js"),import("./hypertension.wc.js"),import("./chronic.wc.js"),import("./dyslipidemia.wc.js"),import("./atherosclerosis.wc.js"),import("./coronary.wc.js"),import("./copd.wc.js"),import("./hypertension-risk.wc.js"),import("./pre-hypertension.wc.js"),import("./language.interface.js"),import("./colorectal.wc.js"),import("./endometrial.wc.js"),import("./ovarian.wc.js"),import("./age-graph.wc.js"),import("./index-graph.wc.js"),import("./median-graph.wc.js"),import("./median-graph-japanese.wc.js"),import("./index-graph-japanese.wc.js"),import("./results-overview.wc.js"),import("./results-overview-custom.wc.js"),import("./single-overview.wc.js"),import("./single-overview-custom.wc.js"),import("./main-result.wc.js"),import("./main-result-three.wc.js"),import("./main-result-three-client.wc.js"),import("./results-overview-three.wc.js"),import("./insights-overview.wc.js"),import("./insights-overview-three.wc.js"),import("./insights-overview-three-client.wc.js"),import("./insights-overview-latest.wc.js"),import("./action-steps-three.wc.js"),import("./action-steps-three-client.wc.js"),import("./arrow-graph.wc.js"),import("./arrow-graph-three.wc.js"),import("./overlap-title.wc.js"),import("./overlap-title-three.wc.js"),import("./scatter-plot.wc.js"),import("./scatter-plot-custom.wc.js"),import("./results-overview-clp.wc.js"),import("./insights-overview-clp.wc.js"),import("./main-result-clp.wc.js"),import("./single-overview-clp.wc.js"),import("./single-overview-three.wc.js"),import("./arrow-graph-clp.wc.js"),import("./overlap-title-clp.wc.js"),import("./scatter-plot-clp.wc.js"),import("./over-time.wc.js"),import("./over-time-indexes.wc.js")};export{t as default};
@@ -0,0 +1 @@
1
+ import{c as te,S as ie,i as se,f as T,s as oe,a as le,d as ae,g as l,u as V,k as a,o as ne,e as p,m as z,b as g,v as W,n as d,p as o,q as u,r as G}from"./index2.js";import{f as X,h as Y,j as R}from"./helpers.js";function ce(c){le(c,"svelte-1p7r74r",".main.svelte-1p7r74r{height:100%;width:100%;display:flex}.label.svelte-1p7r74r{width:30%;display:flex;align-items:center}.label-container.svelte-1p7r74r{display:flex;flex-direction:column}.graph-container.svelte-1p7r74r{width:70%;display:flex;align-items:center;justify-content:space-between;position:relative}.colorBox.svelte-1p7r74r{height:3px;width:14.3%;border-radius:24px}.colorBoxShort.svelte-1p7r74r{height:3px;width:5%;border-radius:24px}.slider.svelte-1p7r74r{display:flex;flex-direction:column;align-items:center;position:absolute;transform:translate(-50%, -55%);width:24%;max-height:70px}.slider-number.svelte-1p7r74r{display:flex;flex-direction:column;align-items:center;position:absolute;transform:translate(-50%, -130%);width:24%;font-size:0.55rem;color:white}.text-left.svelte-1p7r74r{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-1p7r74r{position:absolute;height:15%;top:62%;display:flex;align-items:center;justify-content:center;font-size:0.44rem;color:#09341F80}.text-right.svelte-1p7r74r{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 ee(c){let i,e,s,b,x,f,k,A,C,v,y,w,m,h,B,r,t,I,S,Z,N,L,E,J,O,_=c[0]==="shield"||c[0]==="youth"||c[0]==="median"?"Suboptimalno":"Optimalno",q,K,j,Q,P,M=c[0]==="shield"||c[0]==="youth"||c[0]==="median"?"Optimalno":"Suboptimalno",H;function U(n,F){if(n[0]==="mature"||n[0]==="lifestyle"||n[0]==="age")return de;if(n[0]==="shield"||n[0]==="youth"||n[0]==="median")return pe}let D=U(c),$=D&&D(c);return{c(){i=p("div"),e=p("div"),s=p("div"),b=p("span"),x=z(c[1]),f=g(),k=p("span"),A=z(c[2]),C=g(),v=p("div"),y=p("b"),w=z(c[3]),m=g(),h=p("div"),$&&$.c(),B=g(),r=p("div"),t=W("svg"),I=W("path"),Z=g(),N=p("div"),L=p("b"),E=z(c[4]),J=g(),O=p("div"),q=z(_),K=g(),j=p("div"),j.textContent="Prosje\u010Dno",Q=g(),P=p("div"),H=z(M),d(b,"font-size","0.7rem"),d(k,"font-size","0.56rem"),d(v,"font-size","0.44rem"),d(v,"color",c[3]==="Protuupalni indeks"?"#119999":"#DD2222"),o(s,"class","label-container svelte-1p7r74r"),o(e,"class","label svelte-1p7r74r"),o(I,"d","M20.0001 35.5418C19.6112 35.5418 19.2223 35.4724 18.8334 35.3335C18.4445 35.1946 18.0973 34.9863 17.7917 34.7085C15.9862 33.0418 14.389 31.4168 13.0001 29.8335C11.6112 28.2502 10.4515 26.7154 9.52091 25.2293C8.59036 23.7432 7.88203 22.3127 7.39591 20.9377C6.9098 19.5627 6.66675 18.2502 6.66675 17.0002C6.66675 12.8335 8.00703 9.51405 10.6876 7.04183C13.3681 4.56961 16.4723 3.3335 20.0001 3.3335C23.5279 3.3335 26.632 4.56961 29.3126 7.04183C31.9931 9.51405 33.3334 12.8335 33.3334 17.0002C33.3334 18.2502 33.0904 19.5627 32.6042 20.9377C32.1181 22.3127 31.4098 23.7432 30.4792 25.2293C29.5487 26.7154 28.389 28.2502 27.0001 29.8335C25.6112 31.4168 24.014 33.0418 22.2084 34.7085C21.9029 34.9863 21.5556 35.1946 21.1667 35.3335C20.7779 35.4724 20.389 35.5418 20.0001 35.5418Z"),o(I,"fill",S=c[0]==="shield"||c[0]==="youth"||c[0]==="median"?X(c[4]):Y(c[4])),d(t,"position","relative"),o(t,"width","27"),o(t,"height","27"),o(t,"viewBox","0 0 40 40"),o(t,"fill","none"),o(t,"xmlns","http://www.w3.org/2000/svg"),o(r,"class","slider svelte-1p7r74r"),d(r,"left",R(c[4])+"%"),o(N,"class","slider-number svelte-1p7r74r"),d(N,"left",R(c[4])+"%"),o(O,"class","text-left svelte-1p7r74r"),d(O,"width","34.7%"),o(j,"class","text-middle svelte-1p7r74r"),d(j,"width","30%"),d(j,"left","35%"),o(P,"class","text-right svelte-1p7r74r"),d(P,"width","34.7%"),o(h,"class","graph-container svelte-1p7r74r"),o(i,"class","main svelte-1p7r74r")},m(n,F){l(n,i,F),u(i,e),u(e,s),u(s,b),u(b,x),u(s,f),u(s,k),u(k,A),u(s,C),u(s,v),u(v,y),u(y,w),u(i,m),u(i,h),$&&$.m(h,null),u(h,B),u(h,r),u(r,t),u(t,I),u(h,Z),u(h,N),u(N,L),u(L,E),u(h,J),u(h,O),u(O,q),u(h,K),u(h,j),u(h,Q),u(h,P),u(P,H)},p(n,F){F&2&&G(x,n[1]),F&4&&G(A,n[2]),F&8&&G(w,n[3]),F&8&&d(v,"color",n[3]==="Protuupalni indeks"?"#119999":"#DD2222"),D!==(D=U(n))&&($&&$.d(1),$=D&&D(n),$&&($.c(),$.m(h,B))),F&17&&S!==(S=n[0]==="shield"||n[0]==="youth"||n[0]==="median"?X(n[4]):Y(n[4]))&&o(I,"fill",S),F&16&&d(r,"left",R(n[4])+"%"),F&16&&G(E,n[4]),F&16&&d(N,"left",R(n[4])+"%"),F&1&&_!==(_=n[0]==="shield"||n[0]==="youth"||n[0]==="median"?"Suboptimalno":"Optimalno")&&G(q,_),F&1&&M!==(M=n[0]==="shield"||n[0]==="youth"||n[0]==="median"?"Optimalno":"Suboptimalno")&&G(H,M)},d(n){n&&a(i),$&&$.d()}}}function pe(c){let i,e,s,b,x,f,k,A,C,v,y,w,m,h,B;return{c(){i=p("div"),e=g(),s=p("div"),b=g(),x=p("div"),f=g(),k=p("div"),A=g(),C=p("div"),v=g(),y=p("div"),w=g(),m=p("div"),h=g(),B=p("div"),o(i,"class","colorBoxShort svelte-1p7r74r"),d(i,"background-color","#DF2120"),o(s,"class","colorBox svelte-1p7r74r"),d(s,"background-color","#DF2120"),o(x,"class","colorBox svelte-1p7r74r"),d(x,"background-color","#F2800D"),o(k,"class","colorBox svelte-1p7r74r"),d(k,"background-color","#66CCAA"),o(C,"class","colorBox svelte-1p7r74r"),d(C,"background-color","#66CCAA"),o(y,"class","colorBox svelte-1p7r74r"),d(y,"background-color","#13A195"),o(m,"class","colorBox svelte-1p7r74r"),d(m,"background-color","#015566"),o(B,"class","colorBoxShort svelte-1p7r74r"),d(B,"background-color","#015566")},m(r,t){l(r,i,t),l(r,e,t),l(r,s,t),l(r,b,t),l(r,x,t),l(r,f,t),l(r,k,t),l(r,A,t),l(r,C,t),l(r,v,t),l(r,y,t),l(r,w,t),l(r,m,t),l(r,h,t),l(r,B,t)},d(r){r&&(a(i),a(e),a(s),a(b),a(x),a(f),a(k),a(A),a(C),a(v),a(y),a(w),a(m),a(h),a(B))}}}function de(c){let i,e,s,b,x,f,k,A,C,v,y,w,m,h,B;return{c(){i=p("div"),e=g(),s=p("div"),b=g(),x=p("div"),f=g(),k=p("div"),A=g(),C=p("div"),v=g(),y=p("div"),w=g(),m=p("div"),h=g(),B=p("div"),o(i,"class","colorBoxShort svelte-1p7r74r"),d(i,"background-color","#015566"),o(s,"class","colorBox svelte-1p7r74r"),d(s,"background-color","#015566"),o(x,"class","colorBox svelte-1p7r74r"),d(x,"background-color","#13A195"),o(k,"class","colorBox svelte-1p7r74r"),d(k,"background-color","#66CCAA"),o(C,"class","colorBox svelte-1p7r74r"),d(C,"background-color","#66CCAA"),o(y,"class","colorBox svelte-1p7r74r"),d(y,"background-color","#F2800D"),o(m,"class","colorBox svelte-1p7r74r"),d(m,"background-color","#DF2120"),o(B,"class","colorBoxShort svelte-1p7r74r"),d(B,"background-color","#DF2120")},m(r,t){l(r,i,t),l(r,e,t),l(r,s,t),l(r,b,t),l(r,x,t),l(r,f,t),l(r,k,t),l(r,A,t),l(r,C,t),l(r,v,t),l(r,y,t),l(r,w,t),l(r,m,t),l(r,h,t),l(r,B,t)},d(r){r&&(a(i),a(e),a(s),a(b),a(x),a(f),a(k),a(A),a(C),a(v),a(y),a(w),a(m),a(h),a(B))}}}function ue(c){let i,e=c[5]&&ee(c);return{c(){e&&e.c(),i=ae()},m(s,b){e&&e.m(s,b),l(s,i,b)},p(s,[b]){s[5]?e?e.p(s,b):(e=ee(s),e.c(),e.m(i.parentNode,i)):e&&(e.d(1),e=null)},i:V,o:V,d(s){s&&a(i),e&&e.d(s)}}}function ve(c,i,e){let{type:s}=i,{lang:b}=i,{service:x=window.GaReportService}=i,f,k="",A="",C="",v=0,y=!1;const w=[{name:"age",label:"BIOLOGICAL_AGE",description:"CHRONIC_INFLAMMATION"},{name:"shield",label:"S Indeks",subtitle:"Sijalinizacija",description:"Protuupalni indeks"},{name:"youth",label:"G2 Indeks",subtitle:"Digalaktozilacija",description:"Protuupalni indeks"},{name:"mature",label:"G0 Indeks",subtitle:"Digalaktozilacija",description:"Proupalni indeks"},{name:"median",label:"G1 Indeks",subtitle:"Monogalaktozilacija",description:"Protuupalni indeks"},{name:"lifestyle",label:"B Indeks",subtitle:"Ra\u010Dvaju\u0107i GlcNAc",description:"Proupalni indeks"}].find(m=>m.name===s);return ne(async()=>{switch(f=await x.getReport(),Number(f.glycanage),Number(f.chronologicalage),s){case"age":e(4,v=Number(f.glycanage));break;case"shield":e(4,v=Number(f.Spercentile));break;case"youth":e(4,v=Number(f.G2percentile));break;case"mature":e(4,v=Number(f.G0percentile));break;case"median":e(4,v=Number(f.G1percentile));break;case"lifestyle":e(4,v=Number(f.Bpercentile))}(v===100||v===0)&&e(4,v=v===100?99:1),w&&(e(1,k=w.label),e(3,C=w.description),e(2,A=w.subtitle)),e(5,y=!0)}),c.$$set=m=>{"type"in m&&e(0,s=m.type),"lang"in m&&e(6,b=m.lang),"service"in m&&e(7,x=m.service)},[s,k,A,C,v,y,b,x]}class re extends ie{constructor(i){super(),se(this,i,ve,ue,oe,{type:0,lang:6,service:7},ce)}get type(){return this.$$.ctx[0]}set type(i){this.$$set({type:i}),T()}get lang(){return this.$$.ctx[6]}set lang(i){this.$$set({lang:i}),T()}get service(){return this.$$.ctx[7]}set service(i){this.$$set({service:i}),T()}}customElements.define("ga-results-overview-custom",te(re,{type:{},lang:{},service:{}},[],[],!0));export{re as default};
@@ -1 +1 @@
1
- import{c as W,S as B,i as I,f as S,s as M,e as L,b as H,n as A,p as G,g as k,q as j,u as P,k as F,o as V,z as Z}from"./index2.js";import{g as q}from"./globals.js";import{a as E,i as X,f as _,h as J}from"./helpers.js";const{document:K}=q;function Q(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(n,c){k(n,e,c),m[4](e),k(n,a,c),j(K.head,t)},p:P,i:P,o:P,d(n){n&&(F(e),F(a)),m[4](null),F(t)}}}function U(m,e,a){let{type:t}=e,{lang:n}=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,s={},v="",y=0,x;const g=R.find(i=>i.name===t);function h(){if(t=="median")return X(f);if(t=="shield"||t=="youth")return _(f);if(t=="mature"||t=="lifestyle")return J(f)}function D(){x&&(s=echarts.init(x,null,{devicePixelRatio:4,renderer:"svg"}));const i=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(o=>[o.x,o.y])},{source:T.data.map(o=>[o.x,o.y])}],tooltip:{show:!1},xAxis:{min:0,max:100,interval:20,name:E(n,"AGE"),nameTextStyle:{color:"#09341F",opacity:.8,fontSize:10},axisLine:{show:!0,lineStyle:{color:"#09341F",opacity:.1},symbol:["none","arrow"],symbolSize:[5,10],symbolOffset:[8]},axisTick:{show:!1},axisLabel:{show:!0,color:"#09341F",opacity:.8,formatter(o){return o===0||o===100?"":o}},splitLine:{show:!0}},yAxis:{min:0,max:.6,name:E(n,"INDEX_SCORE"),nameTextStyle:{color:"#09341F",opacity:.8,fontSize:10},axisLine:{show:!0,lineStyle:{color:"#09341F",opacity:.1},symbol:["none","arrow"],symbolSize:[5,10],symbolOffset:[5]},axisTick:{show:!1},axisLabel:{show:!0,color:"#09341F",opacity:.8,formatter(o){return o===0||o===.6?"":o}},splitLine:{show:!0}},series:[{type:"scatter",tooltip:{},itemStyle:{color:"#09341F",opacity:.1,borderWidth:1}},{name:"Rezultat",type:"scatter",data:[{x:y,y:p}],itemStyle:{color:h()}},{name:"Prosje\u010Dna populacija",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"}};s.setOption(d),d.graphic.push({type:"line",shape:{x1:s.convertToPixel("xAxis",y),y1:s.convertToPixel("yAxis",0),x2:s.convertToPixel("xAxis",y),y2:s.convertToPixel("yAxis",p)},style:{stroke:h(),lineDash:[8,8],lineWidth:3},z:8}),d.graphic.push({type:"line",shape:{x1:s.convertToPixel("xAxis",0),y1:s.convertToPixel("yAxis",p),x2:s.convertToPixel("xAxis",y),y2:s.convertToPixel("yAxis",p)},style:{stroke:h(),lineDash:[8,8],lineWidth:3},z:8}),d.graphic.push({name:"Measured result",type:"circle",shape:{cx:s.convertToPixel("xAxis",y),cy:s.convertToPixel("yAxis",p),r:6},style:{fill:h(),stroke:"#FFFFFF",lineWidth:1},z:15});const C=s.convertToPixel("xAxis",y),z=s.convertToPixel("yAxis",p),r=document.createElementNS("http://www.w3.org/2000/svg","svg"),l=document.createElement("div");r.setAttribute("width","71"),r.setAttribute("height","32"),r.setAttribute("viewBox","0 0 71 32"),r.setAttribute("fill","none"),r.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 b=document.createElementNS("http://www.w3.org/2000/svg","path");b.setAttribute("d","M1.13333 17.6C0.0666666 16.8 0.0666666 15.2 1.13333 14.4L7 10L7 22L1.13333 17.6Z"),b.setAttribute("fill",h()),r.appendChild(w),r.appendChild(b),r.style.position="absolute",r.style.left=`${i.left+C-70}px`,r.style.top=`${i.top+z-15}px`,r.style.zIndex="8",l.innerText=`${Number.parseFloat(p).toFixed(3)}`,l.style.position="absolute",l.style.left=`${i.left+C-52}px`,l.style.top=`${i.top+z-8}px`,l.style.font="bold 16px sans-serif",l.style.color="white",l.style.zIndex="999",l.style.fontFamily="Sen",document.body.appendChild(l),document.body.appendChild(r),s.setOption(d)}V(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(i){Z[i?"unshift":"push"](()=>{x=i,a(0,x)})}return m.$$set=i=>{"type"in i&&a(1,t=i.type),"lang"in i&&a(2,n=i.lang),"service"in i&&a(3,c=i.service)},[x,t,n,c,O]}class N extends B{constructor(e){super(),I(this,e,U,Q,M,{type:1,lang:2,service:3})}get type(){return this.$$.ctx[1]}set type(e){this.$$set({type:e}),S()}get lang(){return this.$$.ctx[2]}set lang(e){this.$$set({lang:e}),S()}get service(){return this.$$.ctx[3]}set service(e){this.$$set({service:e}),S()}}customElements.define("ga-scatter-plot-custom",W(N,{type:{},lang:{},service:{}},[],[],!1));export{N as default};
1
+ import{c as W,S as B,i as I,f as S,s as M,e as L,b as H,n as A,p as G,g as k,q as j,u as P,k as F,o as V,z as Z}from"./index2.js";import{g as q}from"./globals.js";import{a as E,i as X,f as _,h as J}from"./helpers.js";const{document:K}=q;function Q(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(n,c){k(n,e,c),m[4](e),k(n,a,c),j(K.head,t)},p:P,i:P,o:P,d(n){n&&(F(e),F(a)),m[4](null),F(t)}}}function U(m,e,a){let{type:t}=e,{lang:n}=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,s={},v="",y=0,x;const g=R.find(i=>i.name===t);function h(){if(t=="median")return X(f);if(t=="shield"||t=="youth")return _(f);if(t=="mature"||t=="lifestyle")return J(f)}function D(){x&&(s=echarts.init(x,null,{devicePixelRatio:4,renderer:"svg"}));const i=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(o=>[o.x,o.y])},{source:T.data.map(o=>[o.x,o.y])}],tooltip:{show:!1},xAxis:{min:0,max:100,interval:20,name:E(n,"AGE"),nameTextStyle:{color:"#09341F",opacity:.8,fontSize:10},axisLine:{show:!0,lineStyle:{color:"#09341F",opacity:.1},symbol:["none","arrow"],symbolSize:[5,10],symbolOffset:[8]},axisTick:{show:!1},axisLabel:{show:!0,color:"#09341F",opacity:.8,formatter(o){return o===0||o===100?"":o}},splitLine:{show:!0}},yAxis:{min:0,max:.6,name:E(n,"INDEX_SCORE"),nameTextStyle:{color:"#09341F",opacity:.8,fontSize:10},axisLine:{show:!0,lineStyle:{color:"#09341F",opacity:.1},symbol:["none","arrow"],symbolSize:[5,10],symbolOffset:[5]},axisTick:{show:!1},axisLabel:{show:!0,color:"#09341F",opacity:.8,formatter(o){return o===0||o===.6?"":o}},splitLine:{show:!0}},series:[{type:"scatter",tooltip:{},itemStyle:{color:"#09341F",opacity:.1,borderWidth:1}},{name:"Rezultat",type:"scatter",data:[{x:y,y:p}],itemStyle:{color:h()}},{name:"Prosje\u010Dna populacija",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"}};s.setOption(d),d.graphic.push({type:"line",shape:{x1:s.convertToPixel("xAxis",y),y1:s.convertToPixel("yAxis",0),x2:s.convertToPixel("xAxis",y),y2:s.convertToPixel("yAxis",p)},style:{stroke:h(),lineDash:[8,8],lineWidth:3},z:8}),d.graphic.push({type:"line",shape:{x1:s.convertToPixel("xAxis",0),y1:s.convertToPixel("yAxis",p),x2:s.convertToPixel("xAxis",y),y2:s.convertToPixel("yAxis",p)},style:{stroke:h(),lineDash:[8,8],lineWidth:3},z:8}),d.graphic.push({name:"Measured result",type:"circle",shape:{cx:s.convertToPixel("xAxis",y),cy:s.convertToPixel("yAxis",p),r:6},style:{fill:h(),stroke:"#FFFFFF",lineWidth:1},z:15});const C=s.convertToPixel("xAxis",y),z=s.convertToPixel("yAxis",p),r=document.createElementNS("http://www.w3.org/2000/svg","svg"),l=document.createElement("div");r.setAttribute("width","62"),r.setAttribute("height","26"),r.setAttribute("viewBox","0 0 71 32"),r.setAttribute("fill","none"),r.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 b=document.createElementNS("http://www.w3.org/2000/svg","path");b.setAttribute("d","M1.13333 17.6C0.0666666 16.8 0.0666666 15.2 1.13333 14.4L7 10L7 22L1.13333 17.6Z"),b.setAttribute("fill",h()),r.appendChild(w),r.appendChild(b),r.style.position="absolute",r.style.left=`${i.left+C-90}px`,r.style.top=`${i.top+z-15}px`,r.style.zIndex="8",l.innerText=`${Number.parseFloat(p).toFixed(3)}`,l.style.position="absolute",l.style.left=`${i.left+C-73}px`,l.style.top=`${i.top+z-11}px`,l.style.font="bold 14px sans-serif",l.style.color="white",l.style.zIndex="999",l.style.fontFamily="Sen",document.body.appendChild(l),document.body.appendChild(r),s.setOption(d)}V(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(i){Z[i?"unshift":"push"](()=>{x=i,a(0,x)})}return m.$$set=i=>{"type"in i&&a(1,t=i.type),"lang"in i&&a(2,n=i.lang),"service"in i&&a(3,c=i.service)},[x,t,n,c,O]}class N extends B{constructor(e){super(),I(this,e,U,Q,M,{type:1,lang:2,service:3})}get type(){return this.$$.ctx[1]}set type(e){this.$$set({type:e}),S()}get lang(){return this.$$.ctx[2]}set lang(e){this.$$set({lang:e}),S()}get service(){return this.$$.ctx[3]}set service(e){this.$$set({service:e}),S()}}customElements.define("ga-scatter-plot-custom",W(N,{type:{},lang:{},service:{}},[],[],!1));export{N as default};
@@ -0,0 +1 @@
1
+ import{c as I,S as J,i as K,f as G,s as L,a as Q,d as T,g as a,u as q,k as r,o as U,e as p,b as m,v as E,m as O,p as l,n as h,q as f,r as R}from"./index2.js";import{f as M,h as P,j as D}from"./helpers.js";function V(n){Q(n,"svelte-y7a0vz",".graph.svelte-y7a0vz{height:100%;width:100%;display:flex;align-items:center;justify-content:center;border:1px solid #09341F33;border-radius:10px}.graph-container.svelte-y7a0vz{width:75%;height:100%;display:flex;align-items:center;justify-content:space-between;position:relative}.colorBox.svelte-y7a0vz{height:4px;width:14.3%;border-radius:24px}.colorBoxShort.svelte-y7a0vz{height:4px;width:5%;border-radius:24px}.slider.svelte-y7a0vz{display:flex;flex-direction:column;align-items:center;position:absolute;transform:translate(-50%, -60%);width:24%;max-height:70px}.slider-number.svelte-y7a0vz{display:flex;flex-direction:column;align-items:center;position:absolute;transform:translate(-50%, -140%);width:24%;color:white;font-weight:500;font-size:0.6rem}.text-left.svelte-y7a0vz{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-y7a0vz{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-y7a0vz{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}")}function Z(n){let o,e,i,y,v,g,c,C,u,B,b,k,x=n[0]==="shield"||n[0]==="youth"||n[0]==="median"?"Suboptimalno":"Optimalno",F,z,t,s,j,S=n[0]==="shield"||n[0]==="youth"||n[0]==="median"?"Optimalno":"Suboptimalno",N;function _(d,$){if(d[0]==="mature"||d[0]==="lifestyle")return X;if(d[0]==="shield"||d[0]==="youth"||d[0]==="median")return W}let A=_(n),w=A&&A(n);return{c(){o=p("div"),e=p("div"),w&&w.c(),i=m(),y=p("div"),v=E("svg"),g=E("path"),C=m(),u=p("div"),B=O(n[1]),b=m(),k=p("div"),F=O(x),z=m(),t=p("div"),t.textContent="Prosje\u010Dno",s=m(),j=p("div"),N=O(S),l(g,"d","M20.0001 35.5418C19.6112 35.5418 19.2223 35.4724 18.8334 35.3335C18.4445 35.1946 18.0973 34.9863 17.7917 34.7085C15.9862 33.0418 14.389 31.4168 13.0001 29.8335C11.6112 28.2502 10.4515 26.7154 9.52091 25.2293C8.59036 23.7432 7.88203 22.3127 7.39591 20.9377C6.9098 19.5627 6.66675 18.2502 6.66675 17.0002C6.66675 12.8335 8.00703 9.51405 10.6876 7.04183C13.3681 4.56961 16.4723 3.3335 20.0001 3.3335C23.5279 3.3335 26.632 4.56961 29.3126 7.04183C31.9931 9.51405 33.3334 12.8335 33.3334 17.0002C33.3334 18.2502 33.0904 19.5627 32.6042 20.9377C32.1181 22.3127 31.4098 23.7432 30.4792 25.2293C29.5487 26.7154 28.389 28.2502 27.0001 29.8335C25.6112 31.4168 24.014 33.0418 22.2084 34.7085C21.9029 34.9863 21.5556 35.1946 21.1667 35.3335C20.7779 35.4724 20.389 35.5418 20.0001 35.5418Z"),l(g,"fill",c=n[0]==="shield"||n[0]==="youth"||n[0]==="median"?M(n[1]):P(n[1])),h(v,"position","relative"),l(v,"width","30"),l(v,"height","30"),l(v,"viewBox","0 0 40 40"),l(v,"fill","none"),l(v,"xmlns","http://www.w3.org/2000/svg"),l(y,"class","slider svelte-y7a0vz"),h(y,"left",D(n[1])+"%"),l(u,"class","slider-number svelte-y7a0vz"),h(u,"left",D(n[1])+"%"),l(k,"class","text-left svelte-y7a0vz"),h(k,"width","34.7%"),l(t,"class","text-middle svelte-y7a0vz"),h(t,"width","29.5%"),l(j,"class","text-right svelte-y7a0vz"),h(j,"width","34.7%"),l(e,"class","graph-container svelte-y7a0vz"),l(o,"class","graph svelte-y7a0vz")},m(d,$){a(d,o,$),f(o,e),w&&w.m(e,null),f(e,i),f(e,y),f(y,v),f(v,g),f(e,C),f(e,u),f(u,B),f(e,b),f(e,k),f(k,F),f(e,z),f(e,t),f(e,s),f(e,j),f(j,N)},p(d,$){A!==(A=_(d))&&(w&&w.d(1),w=A&&A(d),w&&(w.c(),w.m(e,i))),$&3&&c!==(c=d[0]==="shield"||d[0]==="youth"||d[0]==="median"?M(d[1]):P(d[1]))&&l(g,"fill",c),$&2&&h(y,"left",D(d[1])+"%"),$&2&&R(B,d[1]),$&2&&h(u,"left",D(d[1])+"%"),$&1&&x!==(x=d[0]==="shield"||d[0]==="youth"||d[0]==="median"?"Suboptimalno":"Optimalno")&&R(F,x),$&1&&S!==(S=d[0]==="shield"||d[0]==="youth"||d[0]==="median"?"Optimalno":"Suboptimalno")&&R(N,S)},d(d){d&&r(o),w&&w.d()}}}function W(n){let o,e,i,y,v,g,c,C,u,B,b,k,x,F,z;return{c(){o=p("div"),e=m(),i=p("div"),y=m(),v=p("div"),g=m(),c=p("div"),C=m(),u=p("div"),B=m(),b=p("div"),k=m(),x=p("div"),F=m(),z=p("div"),l(o,"class","colorBoxShort svelte-y7a0vz"),h(o,"background-color","#DF2120"),l(i,"class","colorBox svelte-y7a0vz"),h(i,"background-color","#DF2120"),l(v,"class","colorBox svelte-y7a0vz"),h(v,"background-color","#F2800D"),l(c,"class","colorBox svelte-y7a0vz"),h(c,"background-color","#66CCAA"),l(u,"class","colorBox svelte-y7a0vz"),h(u,"background-color","#66CCAA"),l(b,"class","colorBox svelte-y7a0vz"),h(b,"background-color","#13A195"),l(x,"class","colorBox svelte-y7a0vz"),h(x,"background-color","#015566"),l(z,"class","colorBoxShort svelte-y7a0vz"),h(z,"background-color","#015566")},m(t,s){a(t,o,s),a(t,e,s),a(t,i,s),a(t,y,s),a(t,v,s),a(t,g,s),a(t,c,s),a(t,C,s),a(t,u,s),a(t,B,s),a(t,b,s),a(t,k,s),a(t,x,s),a(t,F,s),a(t,z,s)},d(t){t&&(r(o),r(e),r(i),r(y),r(v),r(g),r(c),r(C),r(u),r(B),r(b),r(k),r(x),r(F),r(z))}}}function X(n){let o,e,i,y,v,g,c,C,u,B,b,k,x,F,z;return{c(){o=p("div"),e=m(),i=p("div"),y=m(),v=p("div"),g=m(),c=p("div"),C=m(),u=p("div"),B=m(),b=p("div"),k=m(),x=p("div"),F=m(),z=p("div"),l(o,"class","colorBoxShort svelte-y7a0vz"),h(o,"background-color","#015566"),l(i,"class","colorBox svelte-y7a0vz"),h(i,"background-color","#015566"),l(v,"class","colorBox svelte-y7a0vz"),h(v,"background-color","#13A195"),l(c,"class","colorBox svelte-y7a0vz"),h(c,"background-color","#66CCAA"),l(u,"class","colorBox svelte-y7a0vz"),h(u,"background-color","#66CCAA"),l(b,"class","colorBox svelte-y7a0vz"),h(b,"background-color","#F2800D"),l(x,"class","colorBox svelte-y7a0vz"),h(x,"background-color","#DF2120"),l(z,"class","colorBoxShort svelte-y7a0vz"),h(z,"background-color","#DF2120")},m(t,s){a(t,o,s),a(t,e,s),a(t,i,s),a(t,y,s),a(t,v,s),a(t,g,s),a(t,c,s),a(t,C,s),a(t,u,s),a(t,B,s),a(t,b,s),a(t,k,s),a(t,x,s),a(t,F,s),a(t,z,s)},d(t){t&&(r(o),r(e),r(i),r(y),r(v),r(g),r(c),r(C),r(u),r(B),r(b),r(k),r(x),r(F),r(z))}}}function Y(n){let o,e=n[2]&&Z(n);return{c(){e&&e.c(),o=T()},m(i,y){e&&e.m(i,y),a(i,o,y)},p(i,[y]){i[2]?e?e.p(i,y):(e=Z(i),e.c(),e.m(o.parentNode,o)):e&&(e.d(1),e=null)},i:q,o:q,d(i){i&&r(o),e&&e.d(i)}}}function ee(n,o,e){let{type:i}=o,{lang:y}=o,{service:v=window.GaReportService}=o,g,c=0,C=!1;return U(async()=>{switch(g=await v.getReport(),i){case"shield":e(1,c=Number(g.Spercentile));break;case"youth":e(1,c=Number(g.G2percentile));break;case"mature":e(1,c=Number(g.G0percentile));break;case"median":e(1,c=Number(g.G1percentile));break;case"lifestyle":e(1,c=Number(g.Bpercentile))}(c===100||c===0)&&e(1,c=c===100?99:1),e(2,C=!0)}),n.$$set=u=>{"type"in u&&e(0,i=u.type),"lang"in u&&e(3,y=u.lang),"service"in u&&e(4,v=u.service)},[i,c,C,y,v]}class H extends J{constructor(o){super(),K(this,o,ee,Y,L,{type:0,lang:3,service:4},V)}get type(){return this.$$.ctx[0]}set type(o){this.$$set({type:o}),G()}get lang(){return this.$$.ctx[3]}set lang(o){this.$$set({lang:o}),G()}get service(){return this.$$.ctx[4]}set service(o){this.$$set({service:o}),G()}}customElements.define("ga-single-overview-custom",I(H,{type:{},lang:{},service:{}},[],[],!0));export{H 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.170.0",
4
+ "version": "1.172.0",
5
5
  "type": "module",
6
6
  "main": "dist/lib/@glycanage/web-components.js",
7
7
  "scripts": {