@glycanage/web-components 1.119.0 → 1.121.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
|
|
1
|
+
import{c as ae,S as oe,i as le,f as P,s as re,a as ce,d as ne,g as t,u as J,k as s,o as de,e as v,m as D,b as h,v as K,n as d,p as c,q as m,r as G}from"./index2.js";import{a as E,f as Q,h as ee,i as ie,j as M}from"./helpers.js";function fe(o){ce(o,"svelte-1fariw4",".main.svelte-1fariw4{height:100%;width:100%;display:flex}.label.svelte-1fariw4{width:30%;display:flex;align-items:center;font-size:0.8rem}.label-container.svelte-1fariw4{display:flex;flex-direction:column}.graph-container.svelte-1fariw4{width:70%;display:flex;align-items:center;justify-content:space-between;position:relative}.colorBox.svelte-1fariw4{height:5px;width:14.3%;border-radius:24px}.colorBoxShort.svelte-1fariw4{height:5px;width:5%;border-radius:24px}.slider.svelte-1fariw4{display:flex;flex-direction:column;align-items:center;position:absolute;transform:translate(-50%, -50%);width:24%;max-height:70px}.slider-number.svelte-1fariw4{display:flex;flex-direction:column;align-items:center;position:absolute;transform:translate(-50%, -120%);width:24%;font-size:0.80rem;color:white}.text-left.svelte-1fariw4{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.8rem;color:#09341F80}.text-middle.svelte-1fariw4{position:absolute;height:15%;top:62%;left:35%;display:flex;align-items:center;justify-content:center;font-size:0.8rem;color:#09341F80}.text-right.svelte-1fariw4{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.8rem;color:#09341F80}")}function te(o){let r,a,n,p,w=E(o[1],o[2])+"",x,A,C,u=E(o[1],o[3])+"",B,b,f,y,k,g,e,i,W,T,Y,z,H,S,_=(o[0]==="shield"||o[0]==="youth"||o[0]==="median"?E(o[1],"WORSE"):E(o[1],"BETTER"))+"",U,X,L,$=(o[0]==="age"?"":o[0]==="median"?E(o[1],"AROUND_AVERAGE"):E(o[1],"AVERAGE"))+"",V,q,I,R=(o[0]==="shield"||o[0]==="youth"?E(o[1],"BETTER"):E(o[1],"WORSE"))+"",j;function Z(l,N){if(l[0]==="mature"||l[0]==="lifestyle"||l[0]==="age")return he;if(l[0]==="shield"||l[0]==="youth")return ue;if(l[0]==="median")return ve}let O=Z(o),F=O&&O(o);return{c(){r=v("div"),a=v("div"),n=v("div"),p=v("b"),x=D(w),A=h(),C=v("div"),B=D(u),b=h(),f=v("div"),F&&F.c(),y=h(),k=v("div"),g=K("svg"),e=K("path"),W=h(),T=v("div"),Y=v("b"),z=D(o[4]),H=h(),S=v("div"),U=D(_),X=h(),L=v("div"),V=D($),q=h(),I=v("div"),j=D(R),d(p,"font-size",(o[1]==="slovenian"?.68:.8)+"rem"),d(C,"font-size","0.7rem"),c(n,"class","label-container svelte-1fariw4"),c(a,"class","label svelte-1fariw4"),c(e,"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"),c(e,"fill",i=o[0]==="shield"||o[0]==="youth"?Q(o[4]):o[0]==="mature"||o[0]==="lifestyle"||o[0]==="age"?ee(o[4]):ie(o[4])),d(g,"position","relative"),c(g,"width","40"),c(g,"height","40"),c(g,"viewBox","0 0 40 40"),c(g,"fill","none"),c(g,"xmlns","http://www.w3.org/2000/svg"),c(k,"class","slider svelte-1fariw4"),d(k,"left",M(o[4])+"%"),c(T,"class","slider-number svelte-1fariw4"),d(T,"left",M(o[4])+"%"),c(S,"class","text-left svelte-1fariw4"),d(S,"width",(o[0]==="median"?"19.7":"34.7")+"%"),c(L,"class","text-middle svelte-1fariw4"),d(L,"width","30%"),c(I,"class","text-right svelte-1fariw4"),d(I,"width",(o[0]==="median"?"19.8":"34.7")+"%"),c(f,"class","graph-container svelte-1fariw4"),c(r,"class","main svelte-1fariw4")},m(l,N){t(l,r,N),m(r,a),m(a,n),m(n,p),m(p,x),m(n,A),m(n,C),m(C,B),m(r,b),m(r,f),F&&F.m(f,null),m(f,y),m(f,k),m(k,g),m(g,e),m(f,W),m(f,T),m(T,Y),m(Y,z),m(f,H),m(f,S),m(S,U),m(f,X),m(f,L),m(L,V),m(f,q),m(f,I),m(I,j)},p(l,N){N&6&&w!==(w=E(l[1],l[2])+"")&&G(x,w),N&2&&d(p,"font-size",(l[1]==="slovenian"?.68:.8)+"rem"),N&10&&u!==(u=E(l[1],l[3])+"")&&G(B,u),O!==(O=Z(l))&&(F&&F.d(1),F=O&&O(l),F&&(F.c(),F.m(f,y))),N&17&&i!==(i=l[0]==="shield"||l[0]==="youth"?Q(l[4]):l[0]==="mature"||l[0]==="lifestyle"||l[0]==="age"?ee(l[4]):ie(l[4]))&&c(e,"fill",i),N&16&&d(k,"left",M(l[4])+"%"),N&16&&G(z,l[4]),N&16&&d(T,"left",M(l[4])+"%"),N&3&&_!==(_=(l[0]==="shield"||l[0]==="youth"||l[0]==="median"?E(l[1],"WORSE"):E(l[1],"BETTER"))+"")&&G(U,_),N&1&&d(S,"width",(l[0]==="median"?"19.7":"34.7")+"%"),N&3&&$!==($=(l[0]==="age"?"":l[0]==="median"?E(l[1],"AROUND_AVERAGE"):E(l[1],"AVERAGE"))+"")&&G(V,$),N&3&&R!==(R=(l[0]==="shield"||l[0]==="youth"?E(l[1],"BETTER"):E(l[1],"WORSE"))+"")&&G(j,R),N&1&&d(I,"width",(l[0]==="median"?"19.8":"34.7")+"%")},d(l){l&&s(r),F&&F.d()}}}function ve(o){let r,a,n,p,w,x,A,C,u,B,b,f,y,k,g;return{c(){r=v("div"),a=h(),n=v("div"),p=h(),w=v("div"),x=h(),A=v("div"),C=h(),u=v("div"),B=h(),b=v("div"),f=h(),y=v("div"),k=h(),g=v("div"),c(r,"class","colorBoxShort svelte-1fariw4"),d(r,"background-color","#DF2120"),c(n,"class","colorBox svelte-1fariw4"),d(n,"background-color","#F2800D"),c(w,"class","colorBox svelte-1fariw4"),d(w,"background-color","#13A195"),c(A,"class","colorBox svelte-1fariw4"),d(A,"background-color","#66CCAA"),c(u,"class","colorBox svelte-1fariw4"),d(u,"background-color","#66CCAA"),c(b,"class","colorBox svelte-1fariw4"),d(b,"background-color","#13A195"),c(y,"class","colorBox svelte-1fariw4"),d(y,"background-color","#F2800D"),c(g,"class","colorBoxShort svelte-1fariw4"),d(g,"background-color","#DF2120")},m(e,i){t(e,r,i),t(e,a,i),t(e,n,i),t(e,p,i),t(e,w,i),t(e,x,i),t(e,A,i),t(e,C,i),t(e,u,i),t(e,B,i),t(e,b,i),t(e,f,i),t(e,y,i),t(e,k,i),t(e,g,i)},d(e){e&&(s(r),s(a),s(n),s(p),s(w),s(x),s(A),s(C),s(u),s(B),s(b),s(f),s(y),s(k),s(g))}}}function ue(o){let r,a,n,p,w,x,A,C,u,B,b,f,y,k,g;return{c(){r=v("div"),a=h(),n=v("div"),p=h(),w=v("div"),x=h(),A=v("div"),C=h(),u=v("div"),B=h(),b=v("div"),f=h(),y=v("div"),k=h(),g=v("div"),c(r,"class","colorBoxShort svelte-1fariw4"),d(r,"background-color","#DF2120"),c(n,"class","colorBox svelte-1fariw4"),d(n,"background-color","#DF2120"),c(w,"class","colorBox svelte-1fariw4"),d(w,"background-color","#F2800D"),c(A,"class","colorBox svelte-1fariw4"),d(A,"background-color","#66CCAA"),c(u,"class","colorBox svelte-1fariw4"),d(u,"background-color","#66CCAA"),c(b,"class","colorBox svelte-1fariw4"),d(b,"background-color","#13A195"),c(y,"class","colorBox svelte-1fariw4"),d(y,"background-color","#015566"),c(g,"class","colorBoxShort svelte-1fariw4"),d(g,"background-color","#015566")},m(e,i){t(e,r,i),t(e,a,i),t(e,n,i),t(e,p,i),t(e,w,i),t(e,x,i),t(e,A,i),t(e,C,i),t(e,u,i),t(e,B,i),t(e,b,i),t(e,f,i),t(e,y,i),t(e,k,i),t(e,g,i)},d(e){e&&(s(r),s(a),s(n),s(p),s(w),s(x),s(A),s(C),s(u),s(B),s(b),s(f),s(y),s(k),s(g))}}}function he(o){let r,a,n,p,w,x,A,C,u,B,b,f,y,k,g;return{c(){r=v("div"),a=h(),n=v("div"),p=h(),w=v("div"),x=h(),A=v("div"),C=h(),u=v("div"),B=h(),b=v("div"),f=h(),y=v("div"),k=h(),g=v("div"),c(r,"class","colorBoxShort svelte-1fariw4"),d(r,"background-color","#015566"),c(n,"class","colorBox svelte-1fariw4"),d(n,"background-color","#015566"),c(w,"class","colorBox svelte-1fariw4"),d(w,"background-color","#13A195"),c(A,"class","colorBox svelte-1fariw4"),d(A,"background-color","#66CCAA"),c(u,"class","colorBox svelte-1fariw4"),d(u,"background-color","#66CCAA"),c(b,"class","colorBox svelte-1fariw4"),d(b,"background-color","#F2800D"),c(y,"class","colorBox svelte-1fariw4"),d(y,"background-color","#DF2120"),c(g,"class","colorBoxShort svelte-1fariw4"),d(g,"background-color","#DF2120")},m(e,i){t(e,r,i),t(e,a,i),t(e,n,i),t(e,p,i),t(e,w,i),t(e,x,i),t(e,A,i),t(e,C,i),t(e,u,i),t(e,B,i),t(e,b,i),t(e,f,i),t(e,y,i),t(e,k,i),t(e,g,i)},d(e){e&&(s(r),s(a),s(n),s(p),s(w),s(x),s(A),s(C),s(u),s(B),s(b),s(f),s(y),s(k),s(g))}}}function ge(o){let r,a=o[5]&&te(o);return{c(){a&&a.c(),r=ne()},m(n,p){a&&a.m(n,p),t(n,r,p)},p(n,[p]){n[5]?a?a.p(n,p):(a=te(n),a.c(),a.m(r.parentNode,r)):a&&(a.d(1),a=null)},i:J,o:J,d(n){n&&s(r),a&&a.d(n)}}}function we(o,r,a){let{type:n}=r,{lang:p}=r,{service:w=window.GaReportService}=r,x,A="",C="",u=0,B=!1;const b=[{name:"age",label:"BIOLOGICAL_AGE",description:"CHRONIC_INFLAMMATION"},{name:"shield",label:"GLYCAN_SHIELD",description:"ANTI_INFLAMMATORY"},{name:"youth",label:"GLYCAN_YOUTH",description:"ANTI_INFLAMMATORY"},{name:"mature",label:"GLYCAN_MATURE",description:"PRO_INFLAMMATORY"},{name:"median",label:"GLYCAN_MEDIAN",description:"SUPPORTIVE_INDEX"},{name:"lifestyle",label:"GLYCAN_LIFESTYLE",description:"SUPPORTIVE_INDEX"}].find(f=>f.name===n);return de(async()=>{switch(x=await w.getReport(),n){case"age":a(4,u=Number(x.glycanage));break;case"shield":a(4,u=Number(x.Spercentile));break;case"youth":a(4,u=Number(x.G2percentile));break;case"mature":a(4,u=Number(x.G0percentile));break;case"median":a(4,u=Number(x.G1percentile));break;case"lifestyle":a(4,u=Number(x.Bpercentile))}(u===100||u===0)&&a(4,u=u===100?99:1),b&&(a(2,A=b.label),a(3,C=b.description)),a(5,B=!0)}),o.$$set=f=>{"type"in f&&a(0,n=f.type),"lang"in f&&a(1,p=f.lang),"service"in f&&a(6,w=f.service)},[n,p,A,C,u,B,w]}class se extends oe{constructor(r){super(),le(this,r,we,ge,re,{type:0,lang:1,service:6},fe)}get type(){return this.$$.ctx[0]}set type(r){this.$$set({type:r}),P()}get lang(){return this.$$.ctx[1]}set lang(r){this.$$set({lang:r}),P()}get service(){return this.$$.ctx[6]}set service(r){this.$$set({service:r}),P()}}customElements.define("ga-results-overview",ae(se,{type:{},lang:{},service:{}},[],[],!0));export{se as default};
|
package/dist/scatter-plot.wc.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as
|
|
1
|
+
import{c as I,S as M,i as B,f as A,s as W,e as G,b as U,n as P,p as N,g as k,q as V,u as F,k as T,o as _,z as H}from"./index2.js";import{g as Z}from"./globals.js";import{a as f,i as q,f as X,h as j}from"./helpers.js";const{document:J}=Z;function K(h){let e,l,t;return{c(){e=G("div"),l=U(),t=G("link"),P(e,"width","100%"),P(e,"height","100%"),P(e,"position","relative"),N(t,"href","https://fonts.googleapis.com/css2?family=Sen:wght@400..800&display=swap"),N(t,"rel","stylesheet")},m(o,c){k(o,e,c),h[4](e),k(o,l,c),V(J.head,t)},p:F,i:F,o:F,d(o){o&&(T(e),T(l)),h[4](null),T(t)}}}function Q(h,e,l){let{type:t}=e,{lang:o}=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,$,C,v=0,p=0,i={},g="",y=0,x;const w=R.find(s=>s.name===t);function m(){if(t=="median")return q(v);if(t=="shield"||t=="youth")return X(v);if(t=="mature"||t=="lifestyle")return j(v)}function O(){x&&(i=echarts.init(x,null,{devicePixelRatio:4,renderer:"svg"}));const s=x.getBoundingClientRect();var d={textStyle:{fontFamily:"Sen, sans serif"},animation:!1,backgroundColor:"transparent",grid:{top:"65px",left:o==="slovenian"?"55px":"50px",right:"55px",bottom:"40px"},dataset:[{source:$.data.map(r=>[r.x,r.y])},{source:C.data.map(r=>[r.x,r.y])}],tooltip:{show:!1},xAxis:{min:0,max:100,interval:20,name:f(o,"AGE"),nameTextStyle:{color:"#09341F",opacity:.8},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(r){return r===0||r===100?"":r}},splitLine:{show:!0}},yAxis:{min:0,max:.6,name:f(o,"INDEX_SCORE"),nameTextStyle:{color:"#09341F",opacity:.8},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(r){return r===0||r===.6?"":r}},splitLine:{show:!0}},series:[{type:"scatter",tooltip:{},itemStyle:{color:"#09341F",opacity:.1,borderWidth:1}},{name:f(o,"MEASURED_RESULT"),type:"scatter",data:[{x:y,y:p}],itemStyle:{color:m()}},{name:f(o,"POPULATION_AVERAGE"),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:"3%",left:o==="slovenian"?"66%":"70%",itemGap:.2,textStyle:{color:"#09341F",opacity:.8},selected:{"Measured result":!0,"Population average":!0},inactiveColor:"#fff"}};i.setOption(d),d.graphic.push({type:"line",shape:{x1:i.convertToPixel("xAxis",y),y1:i.convertToPixel("yAxis",0),x2:i.convertToPixel("xAxis",y),y2:i.convertToPixel("yAxis",p)},style:{stroke:m(),lineDash:[8,8],lineWidth:3},z:8}),d.graphic.push({type:"line",shape:{x1:i.convertToPixel("xAxis",0),y1:i.convertToPixel("yAxis",p),x2:i.convertToPixel("xAxis",y),y2:i.convertToPixel("yAxis",p)},style:{stroke:m(),lineDash:[8,8],lineWidth:3},z:8}),d.graphic.push({name:"Measured result",type:"circle",shape:{cx:i.convertToPixel("xAxis",y),cy:i.convertToPixel("yAxis",p),r:6},style:{fill:m(),stroke:"#FFFFFF",lineWidth:1},z:15});const E=i.convertToPixel("xAxis",y),L=i.convertToPixel("yAxis",p),n=document.createElementNS("http://www.w3.org/2000/svg","svg"),a=document.createElement("div");n.setAttribute("width","71"),n.setAttribute("height","32"),n.setAttribute("viewBox","0 0 71 32"),n.setAttribute("fill","none"),n.setAttribute("xmlns","http://www.w3.org/2000/svg");const b=document.createElementNS("http://www.w3.org/2000/svg","path");b.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"),b.setAttribute("fill",m());const S=document.createElementNS("http://www.w3.org/2000/svg","path");S.setAttribute("d","M1.13333 17.6C0.0666666 16.8 0.0666666 15.2 1.13333 14.4L7 10L7 22L1.13333 17.6Z"),S.setAttribute("fill",m()),n.appendChild(b),n.appendChild(S),n.style.position="absolute",n.style.left=`${s.left+E+10}px`,n.style.top=`${s.top+L-15}px`,n.style.zIndex="8",a.innerText=`${Number.parseFloat(p).toFixed(3)}`,a.style.position="absolute",a.style.left=`${s.left+E+28}px`,a.style.top=`${s.top+L-8}px`,a.style.font="bold 16px sans-serif",a.style.color="white",a.style.zIndex="999",a.style.fontFamily="Sen",document.body.appendChild(a),document.body.appendChild(n),i.setOption(d)}_(async()=>{u=await c.getReport(),g=u.sex,$=await c.getScatterData(t,g),C=await c.getLineData(t,g),y=Number(u.chronologicalage),w&&(v=Number(u[w.csvPerc]),p=Number(u[w.csvScore])),O()});function D(s){H[s?"unshift":"push"](()=>{x=s,l(0,x)})}return h.$$set=s=>{"type"in s&&l(1,t=s.type),"lang"in s&&l(2,o=s.lang),"service"in s&&l(3,c=s.service)},[x,t,o,c,D]}class z extends M{constructor(e){super(),B(this,e,Q,K,W,{type:1,lang:2,service:3})}get type(){return this.$$.ctx[1]}set type(e){this.$$set({type:e}),A()}get lang(){return this.$$.ctx[2]}set lang(e){this.$$set({lang:e}),A()}get service(){return this.$$.ctx[3]}set service(e){this.$$set({service:e}),A()}}customElements.define("ga-scatter-plot",I(z,{type:{},lang:{},service:{}},[],[],!1));export{z as default};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import{c as
|
|
2
|
-
`),
|
|
3
|
-
\xA0percentile:`),
|
|
1
|
+
import{c as ie,S as de,i as fe,f as X,s as ue,a as he,d as ve,g as l,u as re,k as s,o as ge,e as d,m as C,b as v,v as le,n as c,p as i,q as h,r as T}from"./index2.js";import{a as R,s as se,f as O,i as z,h as H,j as q}from"./helpers.js";function me(o){he(o,"svelte-1fj0an5",".main.svelte-1fj0an5{height:100%;width:100%;display:flex;flex-direction:column}.label.svelte-1fj0an5{height:15%;width:100%;display:flex;justify-content:center}.graph.svelte-1fj0an5{height:85%;width:100%;display:flex;align-items:center;justify-content:center;border:1px solid #09341F33;border-radius:10px}.graph-container.svelte-1fj0an5{width:88%;height:100%;display:flex;align-items:center;justify-content:space-between;position:relative}.colorBox.svelte-1fj0an5{height:7px;width:14.3%;border-radius:24px}.colorBoxShort.svelte-1fj0an5{height:7px;width:5%;border-radius:24px}.slider.svelte-1fj0an5{display:flex;flex-direction:column;align-items:center;position:absolute;transform:translate(-50%, -50%);width:24%;max-height:70px}.slider-number.svelte-1fj0an5{display:flex;flex-direction:column;align-items:center;position:absolute;transform:translate(-50%, -140%);width:24%;color:white;font-weight:500}.text-left.svelte-1fj0an5{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.8rem;color:#09341F80}.text-middle.svelte-1fj0an5{position:absolute;height:15%;top:62%;left:35%;display:flex;align-items:center;justify-content:center;font-size:0.8rem;color:#09341F80}.text-right.svelte-1fj0an5{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.8rem;color:#09341F80}")}function ne(o){let n,r,f=R(o[1],"THIS_RESULT_RANKS_IN_THE")+"",x,p,m,u,B,g,k,b,w=se(o[2],o[1])+"",j,E,y,t,e,M,_,F,I,V,Y,$,Z,ee,D,W=(o[0]==="shield"||o[0]==="youth"||o[0]==="median"?R(o[1],"WORSE"):R(o[1],"BETTER"))+"",J,te,U,K=(o[0]==="median"?R(o[1],"AROUND_AVERAGE"):R(o[1],"AVERAGE"))+"",P,oe,N,L=(o[0]==="shield"||o[0]==="youth"?R(o[1],"BETTER"):R(o[1],"WORSE"))+"",Q;function ae(a,A){if(a[0]==="mature"||a[0]==="lifestyle")return be;if(a[0]==="shield"||a[0]==="youth")return xe;if(a[0]==="median")return pe}let G=ae(o),S=G&&G(o);return{c(){n=d("div"),r=d("div"),x=C(f),p=C(`\xA0
|
|
2
|
+
`),m=d("span"),u=d("b"),B=C(o[2]),g=v(),k=d("sup"),b=d("b"),j=C(w),E=C(`
|
|
3
|
+
\xA0percentile:`),y=v(),t=d("div"),e=d("div"),S&&S.c(),M=v(),_=d("div"),F=le("svg"),I=le("path"),Y=v(),$=d("div"),Z=C(o[2]),ee=v(),D=d("div"),J=C(W),te=v(),U=d("div"),P=C(K),oe=v(),N=d("div"),Q=C(L),c(m,"color",o[0]==="shield"||o[0]==="youth"?O(o[2]):o[0]==="median"?z(o[2]):H(o[2])),c(m,"height","80%"),c(m,"display","flex"),c(k,"color",o[0]==="shield"||o[0]==="youth"?O(o[2]):o[0]==="median"?z(o[2]):H(o[2])),c(k,"font-size","0.65rem"),i(r,"class","label svelte-1fj0an5"),i(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"),i(I,"fill",V=o[0]==="shield"||o[0]==="youth"?O(o[2]):o[0]==="mature"||o[0]==="lifestyle"?H(o[2]):z(o[2])),c(F,"position","relative"),i(F,"width","60"),i(F,"height","60"),i(F,"viewBox","0 0 40 40"),i(F,"fill","none"),i(F,"xmlns","http://www.w3.org/2000/svg"),i(_,"class","slider svelte-1fj0an5"),c(_,"left",q(o[2])+"%"),i($,"class","slider-number svelte-1fj0an5"),c($,"left",q(o[2])+"%"),i(D,"class","text-left svelte-1fj0an5"),c(D,"width",(o[0]==="median"?"19.7":"34.7")+"%"),i(U,"class","text-middle svelte-1fj0an5"),c(U,"width","29.5%"),i(N,"class","text-right svelte-1fj0an5"),c(N,"width",(o[0]==="median"?"19.8":"34.7")+"%"),i(e,"class","graph-container svelte-1fj0an5"),i(t,"class","graph svelte-1fj0an5"),i(n,"class","main svelte-1fj0an5")},m(a,A){l(a,n,A),h(n,r),h(r,x),h(r,p),h(r,m),h(m,u),h(u,B),h(r,g),h(r,k),h(k,b),h(b,j),h(r,E),h(n,y),h(n,t),h(t,e),S&&S.m(e,null),h(e,M),h(e,_),h(_,F),h(F,I),h(e,Y),h(e,$),h($,Z),h(e,ee),h(e,D),h(D,J),h(e,te),h(e,U),h(U,P),h(e,oe),h(e,N),h(N,Q)},p(a,A){A&2&&f!==(f=R(a[1],"THIS_RESULT_RANKS_IN_THE")+"")&&T(x,f),A&4&&T(B,a[2]),A&5&&c(m,"color",a[0]==="shield"||a[0]==="youth"?O(a[2]):a[0]==="median"?z(a[2]):H(a[2])),A&6&&w!==(w=se(a[2],a[1])+"")&&T(j,w),A&5&&c(k,"color",a[0]==="shield"||a[0]==="youth"?O(a[2]):a[0]==="median"?z(a[2]):H(a[2])),G!==(G=ae(a))&&(S&&S.d(1),S=G&&G(a),S&&(S.c(),S.m(e,M))),A&5&&V!==(V=a[0]==="shield"||a[0]==="youth"?O(a[2]):a[0]==="mature"||a[0]==="lifestyle"?H(a[2]):z(a[2]))&&i(I,"fill",V),A&4&&c(_,"left",q(a[2])+"%"),A&4&&T(Z,a[2]),A&4&&c($,"left",q(a[2])+"%"),A&3&&W!==(W=(a[0]==="shield"||a[0]==="youth"||a[0]==="median"?R(a[1],"WORSE"):R(a[1],"BETTER"))+"")&&T(J,W),A&1&&c(D,"width",(a[0]==="median"?"19.7":"34.7")+"%"),A&3&&K!==(K=(a[0]==="median"?R(a[1],"AROUND_AVERAGE"):R(a[1],"AVERAGE"))+"")&&T(P,K),A&3&&L!==(L=(a[0]==="shield"||a[0]==="youth"?R(a[1],"BETTER"):R(a[1],"WORSE"))+"")&&T(Q,L),A&1&&c(N,"width",(a[0]==="median"?"19.8":"34.7")+"%")},d(a){a&&s(n),S&&S.d()}}}function pe(o){let n,r,f,x,p,m,u,B,g,k,b,w,j,E,y;return{c(){n=d("div"),r=v(),f=d("div"),x=v(),p=d("div"),m=v(),u=d("div"),B=v(),g=d("div"),k=v(),b=d("div"),w=v(),j=d("div"),E=v(),y=d("div"),i(n,"class","colorBoxShort svelte-1fj0an5"),c(n,"background-color","#DF2120"),i(f,"class","colorBox svelte-1fj0an5"),c(f,"background-color","#F2800D"),i(p,"class","colorBox svelte-1fj0an5"),c(p,"background-color","#13A195"),i(u,"class","colorBox svelte-1fj0an5"),c(u,"background-color","#66CCAA"),i(g,"class","colorBox svelte-1fj0an5"),c(g,"background-color","#66CCAA"),i(b,"class","colorBox svelte-1fj0an5"),c(b,"background-color","#13A195"),i(j,"class","colorBox svelte-1fj0an5"),c(j,"background-color","#F2800D"),i(y,"class","colorBoxShort svelte-1fj0an5"),c(y,"background-color","#DF2120")},m(t,e){l(t,n,e),l(t,r,e),l(t,f,e),l(t,x,e),l(t,p,e),l(t,m,e),l(t,u,e),l(t,B,e),l(t,g,e),l(t,k,e),l(t,b,e),l(t,w,e),l(t,j,e),l(t,E,e),l(t,y,e)},d(t){t&&(s(n),s(r),s(f),s(x),s(p),s(m),s(u),s(B),s(g),s(k),s(b),s(w),s(j),s(E),s(y))}}}function xe(o){let n,r,f,x,p,m,u,B,g,k,b,w,j,E,y;return{c(){n=d("div"),r=v(),f=d("div"),x=v(),p=d("div"),m=v(),u=d("div"),B=v(),g=d("div"),k=v(),b=d("div"),w=v(),j=d("div"),E=v(),y=d("div"),i(n,"class","colorBoxShort svelte-1fj0an5"),c(n,"background-color","#DF2120"),i(f,"class","colorBox svelte-1fj0an5"),c(f,"background-color","#DF2120"),i(p,"class","colorBox svelte-1fj0an5"),c(p,"background-color","#F2800D"),i(u,"class","colorBox svelte-1fj0an5"),c(u,"background-color","#66CCAA"),i(g,"class","colorBox svelte-1fj0an5"),c(g,"background-color","#66CCAA"),i(b,"class","colorBox svelte-1fj0an5"),c(b,"background-color","#13A195"),i(j,"class","colorBox svelte-1fj0an5"),c(j,"background-color","#015566"),i(y,"class","colorBoxShort svelte-1fj0an5"),c(y,"background-color","#015566")},m(t,e){l(t,n,e),l(t,r,e),l(t,f,e),l(t,x,e),l(t,p,e),l(t,m,e),l(t,u,e),l(t,B,e),l(t,g,e),l(t,k,e),l(t,b,e),l(t,w,e),l(t,j,e),l(t,E,e),l(t,y,e)},d(t){t&&(s(n),s(r),s(f),s(x),s(p),s(m),s(u),s(B),s(g),s(k),s(b),s(w),s(j),s(E),s(y))}}}function be(o){let n,r,f,x,p,m,u,B,g,k,b,w,j,E,y;return{c(){n=d("div"),r=v(),f=d("div"),x=v(),p=d("div"),m=v(),u=d("div"),B=v(),g=d("div"),k=v(),b=d("div"),w=v(),j=d("div"),E=v(),y=d("div"),i(n,"class","colorBoxShort svelte-1fj0an5"),c(n,"background-color","#015566"),i(f,"class","colorBox svelte-1fj0an5"),c(f,"background-color","#015566"),i(p,"class","colorBox svelte-1fj0an5"),c(p,"background-color","#13A195"),i(u,"class","colorBox svelte-1fj0an5"),c(u,"background-color","#66CCAA"),i(g,"class","colorBox svelte-1fj0an5"),c(g,"background-color","#66CCAA"),i(b,"class","colorBox svelte-1fj0an5"),c(b,"background-color","#F2800D"),i(j,"class","colorBox svelte-1fj0an5"),c(j,"background-color","#DF2120"),i(y,"class","colorBoxShort svelte-1fj0an5"),c(y,"background-color","#DF2120")},m(t,e){l(t,n,e),l(t,r,e),l(t,f,e),l(t,x,e),l(t,p,e),l(t,m,e),l(t,u,e),l(t,B,e),l(t,g,e),l(t,k,e),l(t,b,e),l(t,w,e),l(t,j,e),l(t,E,e),l(t,y,e)},d(t){t&&(s(n),s(r),s(f),s(x),s(p),s(m),s(u),s(B),s(g),s(k),s(b),s(w),s(j),s(E),s(y))}}}function je(o){let n,r=o[3]&&ne(o);return{c(){r&&r.c(),n=ve()},m(f,x){r&&r.m(f,x),l(f,n,x)},p(f,[x]){f[3]?r?r.p(f,x):(r=ne(f),r.c(),r.m(n.parentNode,n)):r&&(r.d(1),r=null)},i:re,o:re,d(f){f&&s(n),r&&r.d(f)}}}function ye(o,n,r){let{type:f}=n,{lang:x}=n,{service:p=window.GaReportService}=n,m,u=0,B=!1;return ge(async()=>{switch(m=await p.getReport(),f){case"shield":r(2,u=Number(m.Spercentile));break;case"youth":r(2,u=Number(m.G2percentile));break;case"mature":r(2,u=Number(m.G0percentile));break;case"median":r(2,u=Number(m.G1percentile));break;case"lifestyle":r(2,u=Number(m.Bpercentile))}(u===100||u===0)&&r(2,u=u===100?99:1),r(3,B=!0)}),o.$$set=g=>{"type"in g&&r(0,f=g.type),"lang"in g&&r(1,x=g.lang),"service"in g&&r(4,p=g.service)},[f,x,u,B,p]}class ce extends de{constructor(n){super(),fe(this,n,ye,je,ue,{type:0,lang:1,service:4},me)}get type(){return this.$$.ctx[0]}set type(n){this.$$set({type:n}),X()}get lang(){return this.$$.ctx[1]}set lang(n){this.$$set({lang:n}),X()}get service(){return this.$$.ctx[4]}set service(n){this.$$set({service:n}),X()}}customElements.define("ga-single-overview",ie(ce,{type:{},lang:{},service:{}},[],[],!0));export{ce as default};
|