"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5684],{Lq4Q:function(e,t,n){n.d(t,{r:function(){return MostViewedCategoriesChart}});var a=n("BGKE"),i=n("q1tI"),o=n("DEkF"),l=n("iBNF"),r=n("MmHG"),d=n("uaMf"),s=n("Mk1v"),u=n("YlL6"),c=n("DzJC"),p=n.n(c),g=n("20a2"),m=n("ymym"),h=n("dDsW"),b=n("rIrU"),v=n("rBCA"),f=n("uuQu");let y=(0,v.Z)("div",{target:"e1btc9im0"})("position:relative;overflow:hidden;width:100%;height:",e=>null==e?void 0:e["data-banner-height"],"px;margin-bottom:32px;background-color:white;.animation-image{position:absolute;right:0;left:0;margin:auto;margin-top:auto;margin-right:auto;margin-bottom:auto;margin-left:auto;opacity:0;}.heading{opacity:0;}.description{margin-top:12px;opacity:0;}",f.M.mbDown,"{padding:16px;z-index:100;.animation-image{bottom:32px;width:100%;height:auto;}}",f.M.mbUp,"{z-index:11;.animation-image{top:0;bottom:0;width:auto;height:",e=>null==e?void 0:e["data-banner-height"],"px;}}"),x=(0,v.Z)("div",{target:"e1btc9im1"})("position:absolute;max-width:368px;",f.M.mbUp,"{top:7%;left:",e=>null==e?void 0:e["data-content-padding"],"px;.heading{opacity:0;}.description{margin-top:16px;opacity:0;}}"),w=(0,v.Z)("div",{target:"e1btc9im2"})("position:absolute;",f.M.mbDown,"{width:100%;top:0;left:0;}",f.M.mbUp,"{top:41%;left:",e=>null==e?void 0:e["data-content-padding"],"px;}.country-title{color:#ffca49;font-family:'Inter';font-size:24px;font-weight:bold;line-height:36px;opacity:0;}.charts-wrapper{display:flex;",f.M.mbDown,"{margin-bottom:12px;}",f.M.mbUp,"{margin-bottom:16px;}}"),M=(0,v.Z)("div",{target:"e1btc9im3"})("position:absolute;",f.M.mbUp,"{bottom:2%;left:",e=>null==e?void 0:e["data-content-padding"],"px;}"),C=(0,v.Z)("div",{target:"e1btc9im4"})("position:relative;min-height:400px;",f.M.mbDown,"{margin-top:24px;}"),T=(0,v.Z)("div",{target:"e1btc9im5"})("text-align:center;.chart-container{position:relative;display:flex;width:60px;height:60px;align-items:center;justify-content:center;.data-label{position:absolute;color:",l.r.colors.primaryBase,";font-size:12px;font-weight:bold;line-height:18px;.value-number{display:inline;}}}.chart-name{color:",l.r.colors.primaryBase,";font-size:14px;font-weight:600;line-height:22px;}",f.M.mbDown,"{width:270px;height:270px;margin:auto;margin-top:-32px;.chart-container{margin-bottom:4px;}}",f.M.mbUp,"{width:310px;height:310px;margin-left:16px;margin-top:-16px;.chart-container{margin-bottom:8px;}}"),N=(0,v.Z)("div",{target:"e1btc9im6"})("min-height:20px;color:",l.r.colors.gray500,";font-size:12px;font-weight:normal;line-height:18px;.legend{display:flex;align-items:center;.legend-label{text-align:start;}}",f.M.mbDown,"{position:absolute;bottom:36px;.legend{margin-bottom:4px;}}",f.M.mbUp,"{display:flex;margin-top:12px;.legend{margin-right:32px;}}"),Z=(0,v.Z)("div",{target:"e1btc9im7"})("width:20px;height:20px;margin-right:6px;border-radius:",l.r.borderRadius,";"),k=(0,v.Z)("div",{target:"e1btc9im8"})("position:absolute;top:50%;left:3%;flex-direction:column;transform:translateY(-50%);img{width:40px;height:40px;cursor:pointer;}"),I=(0,v.Z)("div",{target:"e1btc9im9"})("position:absolute;top:50%;right:3%;flex-direction:column;transform:translateY(-50%);img{width:40px;height:40px;cursor:pointer;}"),B=(0,v.Z)("div",{target:"e1btc9im10"})("position:absolute;",f.M.mbDown,"{bottom:16px;}",f.M.mbUp,"{bottom:24px;}left:50%;display:flex;transform:translateX(-50%);"),D=(0,v.Z)("div",{target:"e1btc9im11"})("display:inline-block;width:8px;height:8px;margin-right:8px;background-color:",l.r.colors.neutral200,";border-radius:50%;cursor:pointer;&[data-active='true']{background-color:",l.r.colors.primaryBase,";}"),z=(0,v.Z)("div",{target:"e1btc9im12"})("position:absolute;right:",e=>null==e?void 0:e["data-content-padding"],"px;bottom:2%;color:",l.r.colors.gray500,";font-size:22px;font-weight:600;line-height:32px;");n("EVXi"),d.kL.register(s.Z);let MostViewedCategoriesChart=e=>{let{isMobile:t,topbarHeight:n=64}=e,{formatMessage:d}=(0,h.Z)(),{locale:s="en-PH"}=(0,g.useRouter)(),[c,v]=(0,i.useState)(!1),[f,R]=(0,i.useState)(0),[X,E]=(0,i.useState)(t?603:831),[H,A]=(0,i.useState)(1051),S=(0,i.useRef)(!0),W=(0,i.useRef)(!0),U=(0,i.useRef)({}),L=(0,i.useRef)({index:0}),O=(0,i.useRef)(null),F=u.p8.utils.selector(O),Y=(0,i.useRef)({x:-1,y:-1}),P=[{label:d({id:"superContent.mostViewedCategories.labels.cancer",defaultMessage:"Cancer"}),color:"#2C74DF"},{label:d({id:"superContent.mostViewedCategories.labels.heartHealth",defaultMessage:"Heart Health"}),color:"#2B94FF"},{label:d({id:"superContent.mostViewedCategories.labels.diabetes",defaultMessage:"Diabetes"}),color:"#65B5FF"},{label:d({id:"superContent.mostViewedCategories.labels.stroke",defaultMessage:"Stroke"}),color:"#BCDEFF"}],indexReplacedSpace=e=>e.indexOf(" ")>7?e.indexOf(" "):e.indexOf(" ",e.indexOf(" ")+1),replaceAtIndex=(e,t,n)=>t>e.length-1||t<0?e:e.substring(0,t)+n+e.substring(t+1),V=(0,i.useMemo)(()=>[{country:d({id:"superContent.chart.healthTool.items.vietnam",defaultMessage:"Vietnam"}),locale:"vi-VN",bannerImgDesktop:"".concat(b.Nr,"/obesity-vietnam-desktop.png?v=1"),bannerImgMobile:"".concat(b.Nr,"/obesity-vietnam-mobile.png?v=1"),datasets:[32.2,41.8,23.7,2.2]},{country:d({id:"superContent.chart.healthTool.items.taiwan",defaultMessage:"Taiwan"}),locale:"zh-TW",bannerImgDesktop:"".concat(b.Nr,"/obesity-taiwan-desktop.png?v=1"),bannerImgMobile:"".concat(b.Nr,"/obesity-taiwan-mobile.png?v=1"),datasets:[32.7,36.1,28.7,2.6]},{country:d({id:"superContent.chart.healthTool.items.thailand",defaultMessage:"Thailand"}),locale:"th-TH",bannerImgDesktop:"".concat(b.Nr,"/obesity-thailand-desktop.png?v=1"),bannerImgMobile:"".concat(b.Nr,"/obesity-thailand-mobile.png?v=1"),datasets:[46.2,27.8,20.4,5.6]},{country:d({id:"superContent.chart.healthTool.items.philippines",defaultMessage:"Philippines"}),locale:"en-PH",bannerImgDesktop:"".concat(b.Nr,"/obesity-philippines-desktop.png?v=1"),bannerImgMobile:"".concat(b.Nr,"/obesity-philippines-mobile.png?v=1"),datasets:[58.1,12.9,23.2,5.9]},{country:d({id:"superContent.chart.healthTool.items.malaysia",defaultMessage:"Malaysia"}),locale:"ms-MY",bannerImgDesktop:"".concat(b.Nr,"/obesity-malaysia-desktop.png?v=1"),bannerImgMobile:"".concat(b.Nr,"/obesity-malaysia-mobile.png?v=1"),datasets:[27.6,31.5,40.4,.5]},{country:d({id:"superContent.chart.healthTool.items.cambodia",defaultMessage:"Cambodia"}),locale:"km-KH",bannerImgDesktop:"".concat(b.Nr,"/obesity-cambodia-desktop.png?v=1"),bannerImgMobile:"".concat(b.Nr,"/obesity-cambodia-mobile.png?v=1"),datasets:[36.1,41.4,22.4,.2]},{country:d({id:"superContent.chart.healthTool.items.indonesia",defaultMessage:"Indonesia"}),locale:"id-ID",bannerImgDesktop:"".concat(b.Nr,"/obesity-indonesia-desktop.png?v=1"),bannerImgMobile:"".concat(b.Nr,"/obesity-indonesia-mobile.png?v=1"),datasets:[13.1,26.4,59.9,.6]},{country:d({id:"superContent.chart.healthTool.items.india",defaultMessage:"India"}),locale:"hi-IN",bannerImgDesktop:"".concat(b.Nr,"/obesity-india-desktop.png?v=1"),bannerImgMobile:"".concat(b.Nr,"/obesity-india-mobile.png?v=1"),datasets:[16.7,43.3,34.5,5.4]}],[]),q=(0,i.useMemo)(()=>[...V.filter(e=>e.locale===s),...V.filter(e=>e.locale!==s)],[V]),slideDown=()=>{S&&(S.current=!1,setTimeout(()=>{S.current=!0},1e3),U.current=u.p8.timeline().to(F(".animation-image-post"),{opacity:0,duration:1}).to(F(".animation-image-main"),{opacity:1,duration:1},0).fromTo(F(".country-title"),{opacity:0,x:-50},{opacity:1,x:0,duration:1},0).from(F(".value-number"),{textContent:0,snap:{textContent:.01},duration:1},0))},slideUp=()=>{S&&(S.current=!1,setTimeout(()=>{S.current=!0},1e3),U.current=u.p8.timeline().to(F(".animation-image-main"),{opacity:1,duration:1}).to(".animation-image-after",{opacity:0,duration:1},0).fromTo(F(".country-title"),{opacity:0,x:-50},{opacity:1,x:0,duration:1},0).from(F(".value-number"),{textContent:0,snap:{textContent:.01},duration:1},0))};(0,i.useEffect)(()=>{L.current.index<=f?slideDown():slideUp(),L.current.index=f},[f]),(0,i.useEffect)(()=>{var e,a,i;if((null===(e=window)||void 0===e?void 0:e.innerHeight)>0){let e=t?null===(a=window)||void 0===a?void 0:a.innerHeight:(null===(i=window)||void 0===i?void 0:i.innerHeight)-n,o=1440*e/955;E(e),A((window.innerWidth-o)/2)}},[]),(0,i.useEffect)(()=>{var e;let t=p()(()=>{if(!c){var e;let n=document.body.scrollTop||document.documentElement.scrollTop;n-((null==O?void 0:null===(e=O.current)||void 0===e?void 0:e.offsetTop)||0)+window.innerHeight-100>0&&(v(!0),window.removeEventListener("scroll",t))}},200);if(!(((null==O?void 0:null===(e=O.current)||void 0===e?void 0:e.offsetTop)||0)<window.innerHeight))return window.addEventListener("scroll",t,{passive:!0}),()=>window.removeEventListener("scroll",t);v(!0)},[]),(0,i.useEffect)(()=>{c&&(U.current=u.p8.timeline().fromTo(F(".heading"),{y:40,opacity:0},{y:0,opacity:1,duration:.8}).fromTo(F(".description"),{y:40,opacity:0},{y:0,opacity:1,duration:.5}).from(F(".legend"),{x:50,duration:.8,opacity:0},.5))},[c]);let G=null==q?void 0:q[f],handleWheel=e=>{if(W.current&&S.current){var n,a,i,o;W.current=!1,setTimeout(()=>{W.current=!0},1e3),"next"===e?(f<(null==q?void 0:q.length)-1&&window.scrollTo({top:t?null==O?void 0:null===(n=O.current)||void 0===n?void 0:n.offsetTop:((null==O?void 0:null===(a=O.current)||void 0===a?void 0:a.offsetTop)||64)-64,behavior:"smooth"}),R(e=>e>(null==q?void 0:q.length)-2?(null==q?void 0:q.length)-1:e+1)):(f>0&&window.scrollTo({top:t?null==O?void 0:null===(i=O.current)||void 0===i?void 0:i.offsetTop:((null==O?void 0:null===(o=O.current)||void 0===o?void 0:o.offsetTop)||64)-64,behavior:"smooth"}),R(e=>e<1?0:e-1))}},handleChangeCountry=e=>{if(W.current&&S.current){var n,a;W.current=!1,setTimeout(()=>{W.current=!0},1e3),window.scrollTo({top:t?null==O?void 0:null===(n=O.current)||void 0===n?void 0:n.offsetTop:((null==O?void 0:null===(a=O.current)||void 0===a?void 0:a.offsetTop)||64)-64,behavior:"smooth"}),R(e)}},handleSlide=e=>{if(W.current&&S.current){var n,a,i,o;W.current=!1,"left"===e?(f>0&&window.scrollTo({top:t?null==O?void 0:null===(n=O.current)||void 0===n?void 0:n.offsetTop:((null==O?void 0:null===(a=O.current)||void 0===a?void 0:a.offsetTop)||64)-64,behavior:"smooth"}),R(e=>e<1?0:e-1)):(f<(null==q?void 0:q.length)-1&&window.scrollTo({top:t?null==O?void 0:null===(i=O.current)||void 0===i?void 0:i.offsetTop:((null==O?void 0:null===(o=O.current)||void 0===o?void 0:o.offsetTop)||64)-64,behavior:"smooth"}),R(e=>e>(null==q?void 0:q.length)-2?(null==q?void 0:q.length)-1:e+1)),setTimeout(()=>{W.current=!0},1e3)}},j={responsive:!0,elements:{arc:{borderWidth:0}},layout:{padding:t?60:50},plugins:{legend:{display:!1},tooltip:{enabled:!1},datalabels:{anchor:"end",align:"end",color:"#737373",backgroundColor:"white",font:{weight:"bold",size:12},borderRadius:12,padding:{top:8,right:12,bottom:8,left:12},offset:-24,textAlign:"center",borderColor:"#E4E8EC",borderWidth:1,formatter:(e,t)=>e?"".concat("".concat(e).replace(".",","),"%\n").concat(replaceAtIndex(P[t.dataIndex].label,indexReplacedSpace(P[t.dataIndex].label),"\n")):""}},animation:{duration:1e3}};return(0,a.tZ)(y,{"data-banner-height":X,ref:O,onTouchStart:e=>{Y.current.x=e.changedTouches[0].clientX,Y.current.y=e.changedTouches[0].clientY},onTouchEnd:e=>{Y.current.x>0&&Math.abs(e.changedTouches[0].clientX-Y.current.x)>Math.abs(e.changedTouches[0].clientY-Y.current.y)&&handleSlide(e.changedTouches[0].clientX-Y.current.x>0?"left":"right"),Y.current.x=-1,Y.current.y=-1},children:t?(0,a.BX)(a.HY,{children:[(0,a.tZ)(o.H,{className:"heading",tag:"h2",color:l.r.colors.primaryBase,children:d({id:"superContent.mostViewedCategories.title",defaultMessage:"Most viewed categories on Hello Health Sites:"})}),(0,a.tZ)(r.T,{size:"p4",className:"description",color:l.r.colors.gray500,style:{marginTop:12},children:d({id:"superContent.mostViewedCategories.description",defaultMessage:"Based on interactions with Hello Health Sites from 26 May 2021 to 25 August 2021"})}),(0,a.BX)(C,{children:[null==q?void 0:q.map((e,n)=>(0,a.tZ)("img",{loading:"lazy",className:"animation animation-image".concat(n<f?" animation-image-post":"").concat(f===n?" animation-image-main":"").concat(f<n?" animation-image-after":""),src:t?null==e?void 0:e.bannerImgMobile:null==e?void 0:e.bannerImgDesktop,alt:d({id:"superContent.mostViewedCategories.img.alt",defaultMessage:"Most viewed categories on Hello Health Sites:"})},n)),(0,a.BX)(w,{"data-content-padding":H,children:[(0,a.tZ)("div",{className:"country-title",children:null==G?void 0:G.country}),(0,a.tZ)(T,{children:(0,a.tZ)(m.kL,{type:"pie",options:j,data:{labels:P.map(e=>e.label),datasets:[{data:null==G?void 0:G.datasets,backgroundColor:P.map(e=>e.color)}]}})})]})]}),(0,a.tZ)(N,{children:P.map((e,t)=>(0,a.BX)("div",{className:"legend",children:[(0,a.tZ)(Z,{style:{backgroundColor:e.color}}),(0,a.tZ)("div",{className:"legend-label",children:e.label})]},t))}),(0,a.tZ)(B,{children:null==q?void 0:q.map((e,t)=>(0,a.tZ)(D,{"data-active":t===f,onClick:()=>handleChangeCountry(t)},"".concat(null==e?void 0:e.country,"-").concat(t)))})]}):(0,a.BX)(a.HY,{children:[null==q?void 0:q.map((e,n)=>(0,a.tZ)("img",{loading:"lazy",className:"animation animation-image".concat(n<f?" animation-image-post":"").concat(f===n?" animation-image-main":"").concat(f<n?" animation-image-after":""),src:t?null==e?void 0:e.bannerImgMobile:null==e?void 0:e.bannerImgDesktop,alt:d({id:"superContent.mostViewedCategories.img.alt",defaultMessage:"Most viewed categories on Hello Health Sites:"})},n)),(0,a.BX)(x,{"data-content-padding":H,children:[(0,a.tZ)(o.H,{className:"heading",tag:"h2",color:l.r.colors.primaryBase,children:d({id:"superContent.mostViewedCategories.title",defaultMessage:"Most viewed categories on Hello Health Sites:"})}),(0,a.tZ)(r.T,{size:"p4",className:"description",color:l.r.colors.gray500,children:d({id:"superContent.mostViewedCategories.description",defaultMessage:"Based on interactions with Hello Health Sites from 26 May 2021 to 25 August 2021"})})]}),(0,a.BX)(w,{"data-content-padding":H,children:[(0,a.tZ)("div",{className:"country-title",children:null==G?void 0:G.country}),(0,a.tZ)(T,{children:(0,a.tZ)(m.kL,{type:"pie",options:j,data:{labels:P.map(e=>e.label),datasets:[{data:null==G?void 0:G.datasets,backgroundColor:P.map(e=>e.color)}]}})})]}),(0,a.tZ)(M,{"data-content-padding":H,children:(0,a.tZ)(N,{children:P.map((e,t)=>(0,a.BX)("div",{className:"legend",children:[(0,a.tZ)(Z,{style:{backgroundColor:e.color}}),(0,a.tZ)("div",{className:"legend-label",children:e.label})]},t))})}),0!==f?(0,a.tZ)(k,{children:(0,a.tZ)("img",{loading:"lazy",src:"".concat(b.Nr,"/chevronLeftCircle.svg"),alt:"previous",onClick:()=>handleWheel("previous")})}):null,f<(null==q?void 0:q.length)-1?(0,a.tZ)(I,{children:(0,a.tZ)("img",{loading:"lazy",src:"".concat(b.Nr,"/chevronRightCircle.svg"),alt:"next",onClick:()=>handleWheel("next")})}):null,(0,a.BX)(z,{"data-content-padding":H,children:[(0,a.tZ)("b",{children:f+1}),"/",q.length]})]})})}},"5Al4":function(e,t,n){n.d(t,{D:function(){return AnimationBanner}});var a=n("BGKE"),i=n("q1tI"),o=n("DEkF"),l=n("YlL6"),r=n("7G3q"),d=n("rIrU"),s=n("rBCA"),u=n("uuQu");let c=(0,s.Z)("div",{target:"ewn8bnc0"})("position:relative;z-index:11;overflow:hidden;width:100%;height:",e=>(null==e?void 0:e["data-banner-height"])?(null==e?void 0:e["data-banner-height"])+"px":"0",";padding-top:",e=>(null==e?void 0:e["data-banner-height"])?"0":"56.25%",";margin-bottom:32px;background-color:white;.animation-banner{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;object-fit:cover;}.premium-badge{z-index:1;top:30px;left:204px;position:absolute;}",u.M.mbDown,"{z-index:10;padding-top:",e=>(null==e?void 0:e["data-banner-height"])?"0":"177%",";.premium-badge{left:16px;}}"),p=(0,s.Z)("div",{target:"ewn8bnc1"})("position:absolute;z-index:10;.content{padding:24px 20px;background:rgba(0,0,0,0.3);border-radius:12px;}.down-icon{width:40px;height:40px;margin-top:32px;cursor:pointer;}",u.M.mbUp,"{max-width:464px;&[data-position='top']{top:20%;left:204px;.down-icon{margin-left:30px;}}&[data-position='bottom']{bottom:80px;right:204px;.down-icon{float:right;margin-right:30px;}}}",u.M.mbDown,"{width:calc(100% - 2rem);left:0;right:0;margin-left:auto;margin-right:auto;&[data-position='top']{top:80px;.down-icon{margin-left:30px;}}&[data-position='bottom']{bottom:200px;.down-icon{float:right;margin-right:30px;}}}.title{margin-bottom:16px;*{font-size:32px;}}.description{color:white;font-size:22px;font-weight:600;line-height:26px;a{text-decoration:none;}}"),AnimationBanner=e=>{var t,n;let{isMobile:s,banners:u,topbarHeight:g=64,isPremium:m=!1,applyH1:h}=e,[b,v]=(0,i.useState)(0),f=(0,i.useRef)(!0),y=(0,i.useRef)(!0),x=(0,i.useRef)(null),w=s?831:603,[M,C]=(0,i.useState)(w),T=(0,i.useRef)({}),N=(0,i.useRef)({index:0}),Z=(0,i.useRef)(null),k=l.p8.utils.selector(Z),I=(0,i.useRef)({begin:-1}),slideDown=()=>{f.current&&(f.current=!1,setTimeout(()=>{f.current=!0},1e3),T.current=l.p8.timeline().fromTo(k(".animation-banner-post"),{opacity:1,y:0},{opacity:0,y:"-100%",duration:.5}).fromTo(k(".animation-banner-main"),{opacity:0,y:"100%"},{opacity:1,y:0,duration:.5},0).from(k(".animation-content"),{opacity:0,duration:1,y:100}).fromTo(k(".down-icon"),{opacity:0,duration:1,y:-50},{opacity:1,duration:1,y:0}))},slideUp=()=>{f.current&&(f.current=!1,setTimeout(()=>{f.current=!0},1e3),T.current=l.p8.timeline().fromTo(k(".animation-banner-main"),{opacity:0,y:"-100%"},{opacity:1,y:0,duration:.5},0).to(k(".animation-banner-after"),{opacity:0,y:"100%"},0).from(k(".animation-content"),{opacity:0,duration:1,y:100}).fromTo(k(".down-icon"),{opacity:0,duration:1,y:-50},{opacity:1,duration:1,y:0}))};(0,i.useEffect)(()=>{N.current.index<=b?slideDown():slideUp(),N.current.index=b},[b]),(0,i.useEffect)(()=>{var e,t;(null===(e=window)||void 0===e?void 0:e.innerHeight)>0&&C((null===(t=window)||void 0===t?void 0:t.innerHeight)-g)},[]),(0,i.useEffect)(()=>{let advancedSetBannerHeight=()=>{if(!x.current)return;let e=x.current.scrollHeight+x.current.offsetTop+40;C(Math.max(e,w))};return advancedSetBannerHeight(),window.addEventListener("resize",advancedSetBannerHeight,{passive:!0}),()=>{window.removeEventListener("resize",advancedSetBannerHeight)}},[w]);let handleSlide=e=>{if(y.current&&f.current){var t,n;y.current=!1,"up"===e?(b>0&&window.scrollTo({top:((null==Z?void 0:null===(t=Z.current)||void 0===t?void 0:t.offsetTop)||64)-64,behavior:"smooth"}),v(e=>e<1?0:e-1)):(b<u.length-1&&window.scrollTo({top:((null==Z?void 0:null===(n=Z.current)||void 0===n?void 0:n.offsetTop)||64)-64,behavior:"smooth"}),v(e=>e>u.length-2?u.length-1:e+1)),setTimeout(()=>{y.current=!0},1e3)}};return(0,a.BX)(c,{ref:Z,onTouchStart:e=>{I.current.begin=e.changedTouches[0].clientY,document.body.classList.toggle("noscroll",b<u.length-1)},onTouchEnd:e=>{I.current.begin>0&&(handleSlide(e.changedTouches[0].clientY-I.current.begin>50?"up":"down"),I.current.begin=-1),document.body.classList.toggle("noscroll",!1)},onWheel:e=>{if(y.current&&f.current){var t,n;y.current=!1,setTimeout(()=>{y.current=!0},1e3),e.deltaY>0?(b<u.length-1&&window.scrollTo({top:((null==Z?void 0:null===(t=Z.current)||void 0===t?void 0:t.offsetTop)||64)-64,behavior:"smooth"}),document.body.classList.toggle("noscroll",b<u.length-1),v(e=>e>u.length-2?u.length-1:e+1)):(b>0&&window.scrollTo({top:((null==Z?void 0:null===(n=Z.current)||void 0===n?void 0:n.offsetTop)||64)-64,behavior:"smooth"}),document.body.classList.toggle("noscroll",b>0),v(e=>e<1?0:e-1))}},children:[(0,a.BX)("div",{style:{position:"absolute",top:0,left:0,height:"100vh",maxHeight:"100%",width:"100%"},children:[m&&(0,a.tZ)(r.PremiumBadge,{className:"premium-badge"}),(0,a.BX)(p,{"data-position":u[b]&&(u[b].title||u[b].description)&&u[b].position||"bottom",children:[u[b]&&(u[b].title||u[b].description)&&(0,a.BX)("div",{className:"content",children:[(0,a.tZ)(o.H,{className:"title",tag:"h1",as:h&&0===b?"h1":"h2",color:"white",children:null===(t=u[b])||void 0===t?void 0:t.title}),(0,a.tZ)("span",{className:"description",dangerouslySetInnerHTML:{__html:null===(n=u[b])||void 0===n?void 0:n.description}})]}),(0,a.tZ)("img",{className:"down-icon",src:"".concat(d.Nr,"/downArrow.png"),alt:"down-icon",loading:"lazy",onClick:()=>{b<u.length-1?f&&v(e=>e>u.length-2?u.length-1:e+1):(document.body.classList.toggle("noscroll",!1),window.scrollTo({top:Z.current?Z.current.clientHeight:M,behavior:"smooth"}))}})]})]}),u.map((e,t)=>{var n,i;return(0,a.tZ)("img",{loading:"lazy",className:"animation animation-banner".concat(t<b?" animation-banner-post":"").concat(b===t?" animation-banner-main":"").concat(b<t?" animation-banner-after":""),src:s?null==e?void 0:e.banner:null==e?void 0:e.desktopBanner,alt:(null===(n=u[b])||void 0===n?void 0:n.title)||(null===(i=u[b])||void 0===i?void 0:i.description)},t)})]})}},"/DCY":function(e,t,n){n.d(t,{k:function(){return AnimationChart}});var a=n("BGKE"),i=n("q1tI"),o=n("DEkF"),l=n("iBNF"),r=n("MmHG"),d=n("uaMf"),s=n("Mk1v"),u=n("YlL6"),c=n("DzJC"),p=n.n(c),g=n("ymym"),m=n("dDsW"),h=n("rBCA"),b=n("uuQu");let v=(0,h.Z)("div",{target:"e1dqdiht0"})("max-width:768px;margin:auto;",b.M.mbUp,"{padding:32px 0 0 0;}text-align:center;.heading{padding:0 40px;color:#2d87f3;opacity:0;}.description{margin-top:8px;color:",l.r.colors.gray500,";opacity:0;}"),f=(0,h.Z)("div",{target:"e1dqdiht1"})("padding:0 0 32px 0;margin-top:40px;",b.M.mbUp,"{min-height:410px;}",b.M.mbDown,"{min-height:365px;}"),y=(0,h.Z)("div",{target:"e1dqdiht2"})(b.M.mbUp,"{height:410px;}",b.M.mbDown,"{height:365px;}"),x=(0,h.Z)("div",{target:"e1dqdiht3"})("color:",l.r.colors.gray500,";font-size:12px;font-weight:normal;line-height:18px;",b.M.mbUp,"{display:flex;justify-content:space-between;margin-top:33px;padding:0 30px 0 90px;.legend{display:flex;}}",b.M.mbDown,"{margin:16px 0 0 70px;display:block;.legend{display:flex;align-items:center;margin-bottom:12px;}}.legend{.legend-label{text-align:start;}}"),w=(0,h.Z)("div",{target:"e1dqdiht4"})("width:20px;height:20px;margin-right:6px;border-radius:",l.r.borderRadius,";");n("EVXi"),d.kL.register(s.Z);let AnimationChart=e=>{var t;let{isMobile:n,title:d,description:s}=e,[c,h]=(0,i.useState)(!1),{formatMessage:b}=(0,m.Z)(),M=(0,i.useRef)(null),C=(0,i.useRef)(null),T=u.p8.utils.selector(C),N=(0,i.useRef)({}),Z=(0,i.useMemo)(()=>({datasets:[{label:b({id:"superContent.chart.healthTool.labels.lifeStyle",defaultMessage:"Living Healthy Lifestyles"}),data:[90,80,76,86,74,74],color:"#91CAFF"},{label:b({id:"superContent.chart.healthTool.labels.diseasePrevention",defaultMessage:"Disease Prevention"}),data:[64,64,62,56,53,61],color:"#2D87F3"},{label:b({id:"superContent.chart.healthTool.labels.diseaseManagement",defaultMessage:"Disease treatment and management"}),data:[56,0,60,48,52,53],color:"#FFB521"}],dataLabels:[b({id:"superContent.chart.healthTool.items.indonesia",defaultMessage:"Indonesia"}),b({id:"superContent.chart.healthTool.items.malaysia",defaultMessage:"Malaysia"}),b({id:"superContent.chart.healthTool.items.thailand",defaultMessage:"Thailand"}),b({id:"superContent.chart.healthTool.items.myanmar",defaultMessage:"Myanmar"}),b({id:"superContent.chart.healthTool.items.taiwan",defaultMessage:"Taiwan"}),b({id:"superContent.chart.healthTool.items.india",defaultMessage:"India"})]}),[]);(0,i.useEffect)(()=>{var e;let t=p()(()=>{if(!c){var e;let n=document.body.scrollTop||document.documentElement.scrollTop;n-((null==M?void 0:null===(e=M.current)||void 0===e?void 0:e.offsetTop)||0)+window.innerHeight-100>0&&(h(!0),window.removeEventListener("scroll",t))}},200);if(!(((null==M?void 0:null===(e=M.current)||void 0===e?void 0:e.offsetTop)||0)<window.innerHeight))return window.addEventListener("scroll",t,{passive:!0}),()=>{window.removeEventListener("scroll",t)};h(!0)},[]),(0,i.useEffect)(()=>{c&&(N.current=u.p8.timeline().fromTo(T(".heading"),{y:40,opacity:0},{y:0,opacity:1,duration:.8}).fromTo(T(".description"),{y:40,opacity:0},{y:0,opacity:1,duration:.5}).from(T(".legend"),{x:100,duration:.8,opacity:0},.5))},[c]);let k=(0,i.useMemo)(()=>{var e;return{labels:null==Z?void 0:Z.dataLabels,datasets:null==Z?void 0:null===(e=Z.datasets)||void 0===e?void 0:e.map(e=>({borderRadius:Number.MAX_VALUE,barPercentage:1,barThickness:8,categoryPercentage:1,...e,backgroundColor:null==e?void 0:e.color}))}},[]),I=(0,i.useMemo)(()=>({indexAxis:"y",elements:{bar:{borderWidth:0}},responsive:!0,maintainAspectRatio:!1,scales:{xAxis:{...n?{}:{suggestedMax:100},grid:{display:!n,borderDash:[5,5],borderDashOffset:2,color:function(e){return 0===e.tick.value?"rgba(0, 0, 0, 0)":"rgba(0, 0, 0, 0.1)"}},ticks:{display:!n,callback:e=>Number(e)>0?"".concat(e,"%"):"",padding:-390}},yAxis:{grid:{display:!1},ticks:{crossAlign:"far",font:{weight:"600",size:n?12:16}}}},plugins:{legend:{display:!1},datalabels:{anchor:"end",offset:4,align:"end",color:e=>{var t;return(null==e?void 0:null===(t=e.dataset)||void 0===t?void 0:t.backgroundColor)||"blue"},font:{weight:"bold",size:8},formatter:e=>e?"".concat(e,"%"):""},tooltip:{enabled:!1}},layout:{...n?{}:{padding:{top:32,right:32}}},animation:{duration:1e3,easing:"easeInQuint"}}),[n]);return(0,a.BX)(v,{ref:C,children:[d?(0,a.tZ)(o.H,{className:"heading",tag:"h3",color:l.r.colors.primaryActive,children:d}):null,s?(0,a.tZ)(r.T,{size:"p4",className:"description",children:s}):null,(0,a.tZ)(f,{ref:M,children:c?(0,a.BX)(a.HY,{children:[(0,a.tZ)(y,{children:(0,a.tZ)(g.kL,{type:"bar",data:k,options:I})}),(0,a.tZ)(x,{children:null==Z?void 0:null===(t=Z.datasets)||void 0===t?void 0:t.map((e,t)=>(0,a.BX)("div",{className:"legend",children:[(0,a.tZ)(w,{style:{backgroundColor:null==e?void 0:e.color}}),(0,a.tZ)("div",{className:"legend-label",children:null==e?void 0:e.label})]},t))})]}):null})]})}},ZHXX:function(e,t,n){n.d(t,{N:function(){return HealthRendership}});var a=n("BGKE"),i=n("q1tI"),o=n("YlL6"),l=n("pc+1"),r=n("20a2"),d=n("dDsW"),s=n("rIrU"),u=n("rBCA");let c=(0,u.Z)("div",{target:"e1gqreej0"})("position:relative;min-width:170px;min-height:26px;"),p=(0,u.Z)("div",{target:"e1gqreej1"})("position:absolute;display:flex;"),g=(0,u.Z)("div",{target:"e1gqreej2"})("position:absolute;display:flex;"),m=(0,u.Z)("div",{target:"e1gqreej3"})("width:10px;height:26px;margin-right:7px;background:#2d87f3;border-radius:4px;opacity:0;"),h=(0,u.Z)("div",{target:"e1gqreej4"})("width:10px;height:26px;margin-right:7px;background:#284680;border-radius:4px;"),ProgressBarAnimation=e=>{let{value:t,country:n}=e,l=(0,i.useRef)(null),r=o.p8.utils.selector(l),d=parseInt("".concat(t/10));return(0,i.useEffect)(()=>{let e=o.p8.timeline();r(".animation-bar-active").forEach((t,n)=>{e.fromTo(t,{opacity:0},{opacity:1,duration:.25},.25*n)})},[n]),(0,a.BX)(c,{ref:l,children:[(0,a.tZ)(p,{children:Array(10).fill("inactive").map((e,t)=>(0,a.tZ)(h,{},"".concat(e,"-").concat(t)))}),(0,a.tZ)(g,{children:Array(d).fill("active").map((e,t)=>(0,a.tZ)(m,{className:"animation-bar-active animation-bar-".concat(t)},"".concat(e,"-").concat(t)))})]})};var b=n("uuQu"),v=n("iBNF");let f=(0,u.Z)("div",{target:"e81le9g0"})("position:relative;overflow:hidden;width:100%;height:",e=>null==e?void 0:e["data-banner-height"],"px;margin-bottom:32px;background-color:#142340;.animation-image{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;margin-top:auto;margin-right:auto;margin-bottom:auto;margin-left:auto;opacity:0;}",b.M.mbDown,"{z-index:100;.animation-image{width:100%;height:auto;}}",b.M.mbUp,"{z-index:11;.animation-image{width:auto;height:",e=>null==e?void 0:e["data-banner-height"],"px;}}"),y=(0,u.Z)("div",{target:"e81le9g1"})("position:absolute;",b.M.mbDown,"{bottom:30px;left:16px;}",b.M.mbUp,"{top:35%;left:",e=>null==e?void 0:e["data-content-padding"],"px;}.country-title{color:#ffca49;font-family:'Inter';font-size:24px;font-weight:bold;line-height:36px;opacity:0;}"),x=(0,u.Z)("div",{target:"e81le9g2"})("margin-bottom:14px;.data-label{color:#d1d3d4;font-family:Inter;font-size:18px;font-style:normal;font-weight:600;line-height:27px;}.progress-bar{display:flex;align-items:center;.data-value{display:inline-block;margin-left:13px;color:#d1d3d4;font-family:Inter;font-size:24px;font-style:normal;font-weight:bold;line-height:36px;.value-number{display:inline-block;}}}"),w=(0,u.Z)("div",{target:"e81le9g3"})("position:absolute;",b.M.mbDown,"{bottom:20px;}",b.M.mbUp,"{bottom:24px;}left:50%;display:flex;transform:translateX(-50%);"),M=(0,u.Z)("div",{target:"e81le9g4"})("display:inline-block;width:8px;height:8px;margin-right:8px;background-color:",v.r.colors.yellow50,";border-radius:50%;cursor:pointer;&[data-active='true']{background-color:",v.r.colors.yellow800,";}"),C=(0,u.Z)("div",{target:"e81le9g5"})("position:absolute;top:50%;left:3%;flex-direction:column;transform:translateY(-50%);img{width:40px;height:40px;cursor:pointer;}"),T=(0,u.Z)("div",{target:"e81le9g6"})("position:absolute;top:50%;right:3%;flex-direction:column;transform:translateY(-50%);img{width:40px;height:40px;cursor:pointer;}"),HealthRendership=e=>{var t;let{isMobile:n,topbarHeight:u=64}=e,{locale:c="en-PH"}=(0,r.useRouter)(),{formatMessage:p}=(0,d.Z)(),[g,m]=(0,i.useState)(0),[h,b]=(0,i.useState)(n?603:831),v=(0,i.useRef)(!0),N=(0,i.useRef)(!0),[Z,k]=(0,i.useState)(1051),I=(0,i.useMemo)(()=>[{country:p({id:"superContent.chart.healthTool.items.indonesia",defaultMessage:"Indonesia"}),locale:"id-ID",bannerImgDesktop:"".concat(s.Nr,"/health-rendership-indonesia-desktop.png?v=1"),bannerImgMobile:"".concat(s.Nr,"/health-rendership-indonesia.png?v=1"),datasets:[{label:p({id:"superContent.healthRendership.stressManagement",defaultMessage:"Stress management"}),value:44},{label:p({id:"superContent.healthRendership.weightManagement",defaultMessage:"Weight management"}),value:40},{label:p({id:"superContent.healthRendership.depression",defaultMessage:"Depression"}),value:22}]},{country:p({id:"superContent.chart.healthTool.items.malaysia",defaultMessage:"Malaysia"}),locale:"ms-MY",bannerImgDesktop:"".concat(s.Nr,"/health-rendership-malaysia-desktop.png?v=1"),bannerImgMobile:"".concat(s.Nr,"/health-rendership-malaysia.png?v=1"),datasets:[{label:p({id:"superContent.healthRendership.stressManagement",defaultMessage:"Stress management"}),value:43},{label:p({id:"superContent.healthRendership.weightManagement",defaultMessage:"Weight management"}),value:39},{label:p({id:"superContent.healthRendership.depression",defaultMessage:"Depression"}),value:29}]},{country:p({id:"superContent.chart.healthTool.items.taiwan",defaultMessage:"Taiwan"}),locale:"zh-TW",bannerImgDesktop:"".concat(s.Nr,"/health-rendership-taiwan-desktop.png?v=1"),bannerImgMobile:"".concat(s.Nr,"/health-rendership-taiwan.png?v=1"),datasets:[{label:p({id:"superContent.healthRendership.weightManagement",defaultMessage:"Weight management"}),value:40},{label:p({id:"superContent.healthRendership.cancer",defaultMessage:"Cancer"}),value:37},{label:p({id:"superContent.healthRendership.stressManagement",defaultMessage:"Stress management"}),value:31}]},{country:p({id:"superContent.chart.healthTool.items.myanmar",defaultMessage:"Myanmar"}),locale:"my-MM",bannerImgDesktop:"".concat(s.Nr,"/health-rendership-myanmar-desktop.png?v=1"),bannerImgMobile:"".concat(s.Nr,"/health-rendership-myanmar.png?v=1"),datasets:[{label:p({id:"superContent.healthRendership.infectious",defaultMessage:"Infectious diseases"}),value:36},{label:p({id:"superContent.healthRendership.stressManagement",defaultMessage:"Stress management"}),value:35},{label:p({id:"superContent.healthRendership.weightManagement",defaultMessage:"Weight management"}),value:28}]},{country:p({id:"superContent.chart.healthTool.items.thailand",defaultMessage:"Thailand"}),locale:"th-TH",bannerImgDesktop:"".concat(s.Nr,"/health-rendership-thailand-desktop.png?v=1"),bannerImgMobile:"".concat(s.Nr,"/health-rendership-thailand.png?v=1"),datasets:[{label:p({id:"superContent.healthRendership.cancer",defaultMessage:"Cancer"}),value:35},{label:p({id:"superContent.healthRendership.weightManagement",defaultMessage:"Weight management"}),value:32},{label:p({id:"superContent.healthRendership.stressManagement",defaultMessage:"Stress management"}),value:29}]},{country:p({id:"superContent.chart.healthTool.items.india",defaultMessage:"India"}),locale:"hi-IN",bannerImgDesktop:"".concat(s.Nr,"/health-rendership-india-desktop.png?v=1"),bannerImgMobile:"".concat(s.Nr,"/health-rendership-india.png?v=1"),datasets:[{label:p({id:"superContent.healthRendership.weightManagement",defaultMessage:"Weight management"}),value:45},{label:p({id:"superContent.healthRendership.joinPain",defaultMessage:"Joint pain (strains, pains, injuries)"}),value:31},{label:p({id:"superContent.healthRendership.sexualWellness",defaultMessage:"Sexual wellness"}),value:31},{label:p({id:"superContent.healthRendership.stressManagement",defaultMessage:"Stress management"}),value:26}]}],[]),B=(0,i.useRef)({x:-1,y:-1}),D=(0,i.useRef)({}),z=(0,i.useRef)({index:0}),R=(0,i.useRef)(null),X=o.p8.utils.selector(R),E=(0,i.useMemo)(()=>[...I.filter(e=>e.locale===c),...I.filter(e=>e.locale!==c)],[]),slideDown=()=>{v.current&&(v.current=!1,setTimeout(()=>{v.current=!0},1e3),D.current=o.p8.timeline().to(X(".animation-image-post"),{opacity:0,duration:1}).to(X(".animation-image-main"),{opacity:1,duration:1},0).fromTo(X(".country-title"),{opacity:0,x:50},{opacity:1,x:0,duration:1},0).fromTo(X(".data-value"),{opacity:0,x:30},{opacity:1,x:0,duration:1},0).from(X(".value-number"),{textContent:0,snap:{textContent:1},duration:1},0))},slideUp=()=>{v.current&&(v.current=!1,setTimeout(()=>{v.current=!0},1e3),D.current=o.p8.timeline().to(X(".animation-image-main"),{opacity:1,duration:1}).to(".animation-image-after",{opacity:0,duration:1},0).fromTo(X(".country-title"),{opacity:0,x:50},{opacity:1,x:0,duration:1},0).fromTo(X(".data-value"),{opacity:0,x:30},{opacity:1,x:0,duration:1},0).from(X(".value-number"),{textContent:0,snap:{textContent:1},duration:1,ease:l.EA.easeIn},0))};(0,i.useEffect)(()=>{z.current.index<=g?slideDown():slideUp(),z.current.index=g},[g]),(0,i.useEffect)(()=>{var e,t,a;if((null===(e=window)||void 0===e?void 0:e.innerHeight)>0){let e=n?null===(t=window)||void 0===t?void 0:t.innerHeight:(null===(a=window)||void 0===a?void 0:a.innerHeight)-u,i=1440*e/955;b(e),k(.73*i+(window.innerWidth-i)/2)}},[]);let H=null==E?void 0:E[g],handleWheel=e=>{if(N.current&&v.current){var t,a,i,o;N.current=!1,setTimeout(()=>{N.current=!0},1e3),"next"===e?(g<E.length-1&&window.scrollTo({top:n?null==R?void 0:null===(t=R.current)||void 0===t?void 0:t.offsetTop:((null==R?void 0:null===(a=R.current)||void 0===a?void 0:a.offsetTop)||64)-64,behavior:"smooth"}),m(e=>e>E.length-2?E.length-1:e+1)):(g>0&&window.scrollTo({top:n?null==R?void 0:null===(i=R.current)||void 0===i?void 0:i.offsetTop:((null==R?void 0:null===(o=R.current)||void 0===o?void 0:o.offsetTop)||64)-64,behavior:"smooth"}),m(e=>e<1?0:e-1))}},handleChangeCountry=e=>{if(N.current&&v.current){var t,a;N.current=!1,setTimeout(()=>{N.current=!0},1e3),window.scrollTo({top:n?null==R?void 0:null===(t=R.current)||void 0===t?void 0:t.offsetTop:((null==R?void 0:null===(a=R.current)||void 0===a?void 0:a.offsetTop)||64)-64,behavior:"smooth"}),m(e)}},handleSlide=e=>{if(N.current&&v.current){var t,a,i,o;N.current=!1,"left"===e?(g>0&&window.scrollTo({top:n?null==R?void 0:null===(t=R.current)||void 0===t?void 0:t.offsetTop:((null==R?void 0:null===(a=R.current)||void 0===a?void 0:a.offsetTop)||64)-64,behavior:"smooth"}),m(e=>e<1?0:e-1)):(g<E.length-1&&window.scrollTo({top:n?null==R?void 0:null===(i=R.current)||void 0===i?void 0:i.offsetTop:((null==R?void 0:null===(o=R.current)||void 0===o?void 0:o.offsetTop)||64)-64,behavior:"smooth"}),m(e=>e>E.length-2?E.length-1:e+1)),setTimeout(()=>{N.current=!0},1e3)}};return(0,a.BX)(f,{"data-banner-height":h,ref:R,onTouchStart:e=>{B.current.x=e.changedTouches[0].clientX,B.current.y=e.changedTouches[0].clientY},onTouchEnd:e=>{B.current.x>0&&Math.abs(e.changedTouches[0].clientX-B.current.x)>Math.abs(e.changedTouches[0].clientY-B.current.y)&&handleSlide(e.changedTouches[0].clientX-B.current.x>0?"left":"right"),B.current.x=-1,B.current.y=-1},children:[null==E?void 0:E.map((e,t)=>(0,a.tZ)("img",{loading:"lazy",className:"animation animation-image".concat(t<g?" animation-image-post":"").concat(g===t?" animation-image-main":"").concat(g<t?" animation-image-after":""),src:n?null==e?void 0:e.bannerImgMobile:null==e?void 0:e.bannerImgDesktop,alt:p({id:"superContent.healthRendership.img.alt",defaultMessage:"Southeast Asians’ Top Health Concerns"})},t)),(0,a.BX)(y,{"data-content-padding":Z,children:[(0,a.tZ)("div",{className:"country-title",children:null==H?void 0:H.country}),null==H?void 0:null===(t=H.datasets)||void 0===t?void 0:t.map((e,t)=>(0,a.BX)(x,{children:[(0,a.tZ)("div",{className:"data-label",children:null==e?void 0:e.label}),(0,a.BX)("div",{className:"progress-bar",children:[(0,a.tZ)(ProgressBarAnimation,{country:null==H?void 0:H.country,value:null==e?void 0:e.value}),(0,a.BX)("div",{className:"data-value",children:[(0,a.tZ)("div",{className:"value-number",children:null==e?void 0:e.value}),"%"]})]})]},t))]}),n?null:(0,a.BX)(a.HY,{children:[0!==g?(0,a.tZ)(C,{children:(0,a.tZ)("img",{src:"".concat(s.Nr,"/chevronLeftCircle.svg"),alt:"previous",onClick:()=>handleWheel("previous"),loading:"lazy"})}):null,g<E.length-1?(0,a.tZ)(T,{children:(0,a.tZ)("img",{src:"".concat(s.Nr,"/chevronRightCircle.svg"),alt:"next",onClick:()=>handleWheel("next"),loading:"lazy"})}):null]}),(0,a.tZ)(w,{children:null==E?void 0:E.map((e,t)=>(0,a.tZ)(M,{"data-active":t===g,onClick:()=>handleChangeCountry(t)},"".concat(null==e?void 0:e.country,"-").concat(t)))})]})}},HD2u:function(e,t,n){n.d(t,{_:function(){return ObesityPercentage}});var a=n("BGKE"),i=n("q1tI"),o=n("DEkF"),l=n("iBNF"),r=n("MmHG"),d=n("uaMf"),s=n("Mk1v"),u=n("YlL6"),c=n("DzJC"),p=n.n(c),g=n("20a2"),m=n("ymym"),h=n("dDsW"),b=n("rIrU"),v=n("rBCA"),f=n("uuQu");let y=(0,v.Z)("div",{target:"e101pauz0"})("position:relative;overflow:hidden;width:100%;height:",e=>null==e?void 0:e["data-banner-height"],"px;transition:height 200ms;margin-bottom:32px;",f.M.mbDown,"{padding:16px;z-index:100;}",f.M.mbUp,"{z-index:11;}background-color:white;.animation-image{position:absolute;right:0;left:0;margin:auto;margin-top:auto;margin-right:auto;margin-bottom:auto;margin-left:auto;opacity:0;",f.M.mbDown,"{bottom:32px;width:100%;height:auto;}",f.M.mbUp,"{top:0;bottom:0;width:auto;height:",e=>null==e?void 0:e["data-banner-height"],"px;transition:height 200ms;}}.heading{opacity:0;}.description{margin-top:12px;opacity:0;}"),x=(0,v.Z)("div",{target:"e101pauz1"})("position:absolute;max-width:368px;",f.M.mbUp,"{top:7%;left:",e=>null==e?void 0:e["data-content-padding"],"px;.heading{opacity:0;}.description{margin-top:16px;opacity:0;}}"),w=(0,v.Z)("div",{target:"e101pauz2"})("position:absolute;",f.M.mbDown,"{top:0;left:0;}",f.M.mbUp,"{top:41%;left:",e=>null==e?void 0:e["data-content-padding"],"px;}.country-title{margin-bottom:16px;color:#ffca49;font-family:'Inter';font-size:24px;font-weight:bold;line-height:36px;opacity:0;}.charts-wrapper{display:flex;",f.M.mbDown,"{margin-bottom:12px;}",f.M.mbUp,"{margin-bottom:16px;}}"),M=(0,v.Z)("div",{target:"e101pauz3"})("position:absolute;",f.M.mbUp,"{bottom:2%;left:",e=>null==e?void 0:e["data-content-padding"],"px;}"),C=(0,v.Z)("div",{target:"e101pauz4"})("position:relative;min-height:400px;",f.M.mbDown,"{margin-top:24px;}"),T=(0,v.Z)("div",{target:"e101pauz5"})(f.M.mbDown,"{padding:8px 12px;}",f.M.mbUp,"{padding:20px 18px 18px 18px;}margin-right:12px;background-color:white;border-radius:",l.r.borderRadius,";box-shadow:0px 10px 16px rgba(0,0,0,0.04),0px 2px 8px rgba(0,0,0,0.04),0px 0px 1px rgba(0,0,0,0.04);text-align:center;.chart-container{position:relative;display:flex;width:60px;height:60px;align-items:center;justify-content:center;",f.M.mbDown,"{margin-bottom:4px;}",f.M.mbUp,"{margin-bottom:8px;}.data-label{position:absolute;color:",l.r.colors.primaryBase,";font-size:12px;font-weight:bold;line-height:18px;.value-number{display:inline;}}}.chart-name{color:",l.r.colors.primaryBase,";font-size:14px;font-weight:600;line-height:22px;}"),N=(0,v.Z)("div",{target:"e101pauz6"})(f.M.mbDown,"{width:220px;padding:8px 0 8px 12px;}",f.M.mbUp,"{width:244px;padding:20px 20px 12px 20px;}background-color:white;border-radius:",l.r.borderRadius,";box-shadow:0px 10px 16px rgba(0,0,0,0.04),0px 2px 8px rgba(0,0,0,0.04),0px 0px 1px rgba(0,0,0,0.04);.bar-container{display:flex;width:164px;",f.M.mbDown,"{height:24px;}",f.M.mbUp,"{height:32px;margin-bottom:8px;}align-items:center;.bar-label{",f.M.mbDown,"{width:24px;height:24px;margin-right:8px;}",f.M.mbUp,"{width:32px;height:32px;margin-right:8px;}}}"),Z=(0,v.Z)("div",{target:"e101pauz7"})(f.M.mbDown,"{position:absolute;bottom:0;left:0;.info{margin-bottom:4px;}}",f.M.mbUp,"{display:flex;.info{margin-right:32px;}}.info{color:",l.r.colors.gray500,";font-size:12px;line-height:18px;}"),k=(0,v.Z)("div",{target:"e101pauz8"})("min-height:20px;color:",l.r.colors.gray500,";font-size:12px;font-weight:normal;line-height:18px;",f.M.mbDown,"{position:absolute;bottom:36px;}",f.M.mbUp,"{display:flex;margin-top:12px;}.legend{display:flex;align-items:center;",f.M.mbUp,"{margin-right:40px;}",f.M.mbDown,"{margin-bottom:4px;}.legend-label{text-align:start;}}"),I=(0,v.Z)("div",{target:"e101pauz9"})("width:20px;height:20px;margin-right:6px;border-radius:",l.r.borderRadius,";"),B=(0,v.Z)("div",{target:"e101pauz10"})("position:absolute;top:50%;left:3%;flex-direction:column;transform:translateY(-50%);img{width:40px;height:40px;cursor:pointer;}"),D=(0,v.Z)("div",{target:"e101pauz11"})("position:absolute;top:50%;right:3%;flex-direction:column;transform:translateY(-50%);img{width:40px;height:40px;cursor:pointer;}"),z=(0,v.Z)("div",{target:"e101pauz12"})("position:absolute;",f.M.mbDown,"{bottom:16px;}",f.M.mbUp,"{bottom:24px;}left:50%;display:flex;transform:translateX(-50%);"),R=(0,v.Z)("div",{target:"e101pauz13"})("display:inline-block;width:8px;height:8px;margin-right:8px;background-color:",l.r.colors.neutral200,";border-radius:50%;cursor:pointer;&[data-active='true']{background-color:",l.r.colors.primaryBase,";}"),X=(0,v.Z)("div",{target:"e101pauz14"})("position:absolute;right:",e=>null==e?void 0:e["data-content-padding"],"px;bottom:2%;color:",l.r.colors.gray500,";font-size:22px;font-weight:600;line-height:32px;");n("EVXi"),d.kL.register(s.Z);let ObesityPercentage=e=>{var t,n,d,s,c,v,f,E,H,A,S,W,U,L,O,F,Y,P,V,q,G,j,_,K,Q,J,$,ee,et,en,ea,ei,eo,el,er,ed,es,eu,ec,ep,eg,em,eh,eb,ev,ef,ey,ex;let{isMobile:ew,topbarHeight:eM=64}=e,{formatMessage:eC}=(0,h.Z)(),{locale:eT="en-PH"}=(0,g.useRouter)(),[eN,eZ]=(0,i.useState)(!1),[ek,eI]=(0,i.useState)(0),[eB,eD]=(0,i.useState)(ew?603:831),[ez,eR]=(0,i.useState)(1051),eX=(0,i.useRef)(!0),eE=(0,i.useRef)(!0),eH=(0,i.useRef)({}),eA=(0,i.useRef)({index:0}),eS=(0,i.useRef)(null),eW=u.p8.utils.selector(eS),eU=(0,i.useRef)({x:-1,y:-1}),eL=(0,i.useMemo)(()=>[{country:"Thailand",locale:"th-TH",bannerImgDesktop:"".concat(b.Nr,"/obesity-thailand-desktop.png?v=1"),bannerImgMobile:"".concat(b.Nr,"/obesity-thailand-mobile.png?v=1"),datasets:{obeses:[{label:eC({id:"superContent.obesity.obeseName",defaultMessage:"Obese {number}"},{number:1}),value:19.76},{label:eC({id:"superContent.obesity.obeseName",defaultMessage:"Obese {number}"},{number:2}),value:9.34},{label:eC({id:"superContent.obesity.obeseName",defaultMessage:"Obese {number}"},{number:3}),value:1.2}]}},{country:"Vietnam",locale:"vi-VN",bannerImgDesktop:"".concat(b.Nr,"/obesity-vietnam-desktop.png?v=1"),bannerImgMobile:"".concat(b.Nr,"/obesity-vietnam-mobile.png?v=1"),datasets:{obeses:[{label:eC({id:"superContent.obesity.obeseName",defaultMessage:"Obese {number}"},{number:1}),value:14.04},{label:eC({id:"superContent.obesity.obeseName",defaultMessage:"Obese {number}"},{number:2}),value:3.16},{label:eC({id:"superContent.obesity.obeseName",defaultMessage:"Obese {number}"},{number:3}),value:1.38}],weight:{normalWeight:17.83,borderline:43.74}}},{country:"Taiwan",locale:"zh-TW",bannerImgDesktop:"".concat(b.Nr,"/obesity-taiwan-desktop.png?v=1"),bannerImgMobile:"".concat(b.Nr,"/obesity-taiwan-mobile.png?v=1"),datasets:{obeses:[{label:eC({id:"superContent.obesity.obeseName",defaultMessage:"Obese {number}"},{number:1}),value:20.98},{label:eC({id:"superContent.obesity.obeseName",defaultMessage:"Obese {number}"},{number:2}),value:6.63},{label:eC({id:"superContent.obesity.obeseName",defaultMessage:"Obese {number}"},{number:3}),value:.88}],weight:{normalWeight:19.23,borderline:42.64}}},{country:"Philippines",locale:"en-PH",bannerImgDesktop:"".concat(b.Nr,"/obesity-philippines-desktop.png?v=1"),bannerImgMobile:"".concat(b.Nr,"/obesity-philippines-mobile.png?v=1"),datasets:{obeses:[{label:eC({id:"superContent.obesity.obeseName",defaultMessage:"Obese {number}"},{number:1}),value:21.57},{label:eC({id:"superContent.obesity.obeseName",defaultMessage:"Obese {number}"},{number:2}),value:9.64},{label:eC({id:"superContent.obesity.obeseName",defaultMessage:"Obese {number}"},{number:3}),value:5.33}],weight:{normalWeight:13.71}}},{country:"Malaysia",locale:"ms-MY",bannerImgDesktop:"".concat(b.Nr,"/obesity-malaysia-desktop.png?v=1"),bannerImgMobile:"".concat(b.Nr,"/obesity-malaysia-mobile.png?v=1"),datasets:{obeses:[{label:eC({id:"superContent.obesity.obeseName",defaultMessage:"Obese {number}"},{number:1}),value:23.43},{label:eC({id:"superContent.obesity.obeseName",defaultMessage:"Obese {number}"},{number:2}),value:13.47},{label:eC({id:"superContent.obesity.obeseName",defaultMessage:"Obese {number}"},{number:3}),value:2.01}]}},{country:"Indonesia",locale:"id-ID",bannerImgDesktop:"".concat(b.Nr,"/obesity-indonesia-desktop.png?v=1"),bannerImgMobile:"".concat(b.Nr,"/obesity-indonesia-mobile.png?v=1"),datasets:{obeses:[{label:eC({id:"superContent.obesity.obeseName",defaultMessage:"Obese {number}"},{number:1}),value:16.05},{label:eC({id:"superContent.obesity.obeseName",defaultMessage:"Obese {number}"},{number:2}),value:5.94},{label:eC({id:"superContent.obesity.obeseName",defaultMessage:"Obese {number}"},{number:3}),value:1.08}]}},{country:"India",locale:"hi-IN",bannerImgDesktop:"".concat(b.Nr,"/obesity-india-desktop.png?v=1"),bannerImgMobile:"".concat(b.Nr,"/obesity-india-mobile.png?v=1"),datasets:{obeses:[{label:eC({id:"superContent.obesity.obeseName",defaultMessage:"Obese {number}"},{number:1}),value:27.19},{label:eC({id:"superContent.obesity.obeseName",defaultMessage:"Obese {number}"},{number:2}),value:10.82},{label:eC({id:"superContent.obesity.obeseName",defaultMessage:"Obese {number}"},{number:3}),value:5.35}]}},{country:"Cambodia",locale:"km-KH",bannerImgDesktop:"".concat(b.Nr,"/obesity-cambodia-desktop.png?v=1"),bannerImgMobile:"".concat(b.Nr,"/obesity-cambodia-mobile.png?v=1"),datasets:{obeses:[{label:eC({id:"superContent.obesity.obeseName",defaultMessage:"Obese {number}"},{number:1}),value:17.62},{label:eC({id:"superContent.obesity.obeseName",defaultMessage:"Obese {number}"},{number:2}),value:4.45},{label:eC({id:"superContent.obesity.obeseName",defaultMessage:"Obese {number}"},{number:3}),value:1.37}],weight:{normalWeight:17.79,borderline:43.603}}}],[]),eO=(0,i.useMemo)(()=>[...eL.filter(e=>e.locale===eT),...eL.filter(e=>e.locale!==eT)],[eL]),slideDown=()=>{eX&&(eX.current=!1,setTimeout(()=>{eX.current=!0},1e3),eH.current=u.p8.timeline().to(eW(".animation-image-post"),{opacity:0,duration:1}).to(eW(".animation-image-main"),{opacity:1,duration:1},0).fromTo(eW(".country-title"),{opacity:0,x:-50},{opacity:1,x:0,duration:1},0).from(eW(".value-number"),{textContent:0,snap:{textContent:.01},duration:1},0))},slideUp=()=>{eX&&(eX.current=!1,setTimeout(()=>{eX.current=!0},1e3),eH.current=u.p8.timeline().to(eW(".animation-image-main"),{opacity:1,duration:1}).to(".animation-image-after",{opacity:0,duration:1},0).fromTo(eW(".country-title"),{opacity:0,x:-50},{opacity:1,x:0,duration:1},0).from(eW(".value-number"),{textContent:0,snap:{textContent:.01},duration:1},0))};(0,i.useEffect)(()=>{eA.current.index<=ek?slideDown():slideUp(),eA.current.index=ek},[ek]),(0,i.useEffect)(()=>{var e,t,n;if((null===(e=window)||void 0===e?void 0:e.innerHeight)>0){let e=ew?null===(t=window)||void 0===t?void 0:t.innerHeight:(null===(n=window)||void 0===n?void 0:n.innerHeight)-eM,a=1440*e/955;eD(e),eR((window.innerWidth-a)/2)}},[]),(0,i.useEffect)(()=>{var e;let t=p()(()=>{if(!eN){var e;let n=document.body.scrollTop||document.documentElement.scrollTop;n-((null==eS?void 0:null===(e=eS.current)||void 0===e?void 0:e.offsetTop)||0)+window.innerHeight-100>0&&(eZ(!0),window.removeEventListener("scroll",t))}},200);if(!(((null==eS?void 0:null===(e=eS.current)||void 0===e?void 0:e.offsetTop)||0)<window.innerHeight))return window.addEventListener("scroll",t,{passive:!0}),()=>window.removeEventListener("scroll",t);eZ(!0)},[]),(0,i.useEffect)(()=>{eN&&(eH.current=u.p8.timeline().fromTo(eW(".heading"),{y:40,opacity:0},{y:0,opacity:1,duration:.8}).fromTo(eW(".description"),{y:40,opacity:0},{y:0,opacity:1,duration:.5}).from(eW(".legend"),{x:50,duration:.8,opacity:0},.5))},[eN]);let eF=[{index:1,range:"30 - 34.9"},{index:2,range:"35.0 - 39.9"},{index:3,range:">= 40"}],eY=null==eO?void 0:eO[ek],handleWheel=e=>{if(eE.current&&eX.current){var t,n,a,i;eE.current=!1,setTimeout(()=>{eE.current=!0},1e3),"next"===e?(ek<(null==eO?void 0:eO.length)-1&&window.scrollTo({top:ew?null==eS?void 0:null===(t=eS.current)||void 0===t?void 0:t.offsetTop:((null==eS?void 0:null===(n=eS.current)||void 0===n?void 0:n.offsetTop)||64)-64,behavior:"smooth"}),eI(e=>e>(null==eO?void 0:eO.length)-2?(null==eO?void 0:eO.length)-1:e+1)):(ek>0&&window.scrollTo({top:ew?null==eS?void 0:null===(a=eS.current)||void 0===a?void 0:a.offsetTop:((null==eS?void 0:null===(i=eS.current)||void 0===i?void 0:i.offsetTop)||64)-64,behavior:"smooth"}),eI(e=>e<1?0:e-1))}},eP={cutout:"80%",plugins:{legend:{display:!1},tooltip:{enabled:!1},datalabels:{display:!1}},animation:{duration:1e3,easing:"easeInQuint"}},eV={indexAxis:"y",maintainAspectRatio:!1,responsive:!0,scales:{xAxis:{display:!1,suggestedMax:((null==eY?void 0:null===(n=eY.datasets)||void 0===n?void 0:null===(t=n.weight)||void 0===t?void 0:t.normalWeight)||0)>((null==eY?void 0:null===(s=eY.datasets)||void 0===s?void 0:null===(d=s.weight)||void 0===d?void 0:d.borderline)||0)?null==eY?void 0:null===(v=eY.datasets)||void 0===v?void 0:null===(c=v.weight)||void 0===c?void 0:c.normalWeight:null==eY?void 0:null===(E=eY.datasets)||void 0===E?void 0:null===(f=E.weight)||void 0===f?void 0:f.borderline},yAxis:{display:!1}},plugins:{legend:{display:!1},tooltip:{enabled:!1},datalabels:{anchor:"end",offset:8,align:"end",color:e=>{var t;return(null==e?void 0:null===(t=e.dataset)||void 0===t?void 0:t.backgroundColor)||"blue"},font:{weight:"bold",size:12},formatter:e=>e?"".concat(e,"%"):""}},layout:{height:24,padding:{right:42}},animation:{duration:1e3,easing:"easeInQuint"}},handleChangeCountry=e=>{if(eE.current&&eX.current){var t,n;eE.current=!1,setTimeout(()=>{eE.current=!0},1e3),window.scrollTo({top:ew?null==eS?void 0:null===(t=eS.current)||void 0===t?void 0:t.offsetTop:((null==eS?void 0:null===(n=eS.current)||void 0===n?void 0:n.offsetTop)||64)-64,behavior:"smooth"}),eI(e)}},handleSlide=e=>{if(eE.current&&eX.current){var t,n,a,i;eE.current=!1,"left"===e?(ek>0&&window.scrollTo({top:ew?null==eS?void 0:null===(t=eS.current)||void 0===t?void 0:t.offsetTop:((null==eS?void 0:null===(n=eS.current)||void 0===n?void 0:n.offsetTop)||64)-64,behavior:"smooth"}),eI(e=>e<1?0:e-1)):(ek<(null==eO?void 0:eO.length)-1&&window.scrollTo({top:ew?null==eS?void 0:null===(a=eS.current)||void 0===a?void 0:a.offsetTop:((null==eS?void 0:null===(i=eS.current)||void 0===i?void 0:i.offsetTop)||64)-64,behavior:"smooth"}),eI(e=>e>(null==eO?void 0:eO.length)-2?(null==eO?void 0:eO.length)-1:e+1)),setTimeout(()=>{eE.current=!0},1e3)}};return(0,a.tZ)(y,{"data-banner-height":eB,ref:eS,onTouchStart:e=>{eU.current.x=e.changedTouches[0].clientX,eU.current.y=e.changedTouches[0].clientY},onTouchEnd:e=>{eU.current.x>0&&Math.abs(e.changedTouches[0].clientX-eU.current.x)>Math.abs(e.changedTouches[0].clientY-eU.current.y)&&handleSlide(e.changedTouches[0].clientX-eU.current.x>0?"left":"right"),eU.current.x=-1,eU.current.y=-1},children:ew?(0,a.BX)(a.HY,{children:[(0,a.tZ)(o.H,{className:"heading",tag:"h2",color:l.r.colors.primaryBase,children:eC({id:"superContent.obesity.title",defaultMessage:"BMI Calculator Results: Countries and their Obesity Percentages"})}),(0,a.tZ)(r.T,{size:"p4",className:"description",color:l.r.colors.gray500,style:{marginTop:12},children:eC({id:"superContent.obesity.description",defaultMessage:"Based on interactions with Hello Health’s BMI calculator from 30 January to 29 July 2021"})}),(0,a.BX)(C,{children:[null==eO?void 0:eO.map((e,t)=>(0,a.tZ)("img",{loading:"lazy",className:"animation animation-image".concat(t<ek?" animation-image-post":"").concat(ek===t?" animation-image-main":"").concat(ek<t?" animation-image-after":""),src:ew?null==e?void 0:e.bannerImgMobile:null==e?void 0:e.bannerImgDesktop,alt:eC({id:"superContent.obesity.title",defaultMessage:"BMI Calculator Results: Countries and their Obesity Percentages"})},t)),(0,a.BX)(w,{"data-content-padding":ez,children:[(0,a.tZ)("div",{className:"country-title",children:null==eY?void 0:eY.country}),(null==eY?void 0:null===(H=eY.datasets)||void 0===H?void 0:H.obeses)&&(null==eY?void 0:null===(S=eY.datasets)||void 0===S?void 0:null===(A=S.obeses)||void 0===A?void 0:A.length)>0?(0,a.tZ)("div",{className:"charts-wrapper",children:null==eY?void 0:null===(W=eY.datasets)||void 0===W?void 0:W.obeses.map((e,t)=>(0,a.BX)(T,{children:[(0,a.BX)("div",{className:"chart-container",children:[(0,a.tZ)(m.kL,{type:"doughnut",data:{labels:["active","inactive"],datasets:[{label:null==e?void 0:e.label,data:[null==e?void 0:e.value,100-(null==e?void 0:e.value)],backgroundColor:["#2D87F3","#E4E8EC"],borderWidth:0,hoverOffset:4,borderRadius:6}]},options:eP}),(0,a.BX)("div",{className:"data-label",children:[(0,a.tZ)("div",{className:"value-number",children:null==e?void 0:e.value}),"%"]})]}),(0,a.tZ)("div",{className:"chart-name",children:null==e?void 0:e.label})]},t))}):null,(null==eY?void 0:null===(L=eY.datasets)||void 0===L?void 0:null===(U=L.weight)||void 0===U?void 0:U.borderline)||(null==eY?void 0:null===(F=eY.datasets)||void 0===F?void 0:null===(O=F.weight)||void 0===O?void 0:O.normalWeight)?(0,a.BX)(N,{children:[(null==eY?void 0:null===(P=eY.datasets)||void 0===P?void 0:null===(Y=P.weight)||void 0===Y?void 0:Y.normalWeight)?(0,a.BX)("div",{className:"bar-container",children:[(0,a.tZ)("img",{alt:"",loading:"lazy",className:"bar-label",src:"".concat(b.Nr,"/weight.svg")}),(0,a.tZ)(m.kL,{type:"bar",data:{labels:["weight"],datasets:[{data:[null==eY?void 0:null===(q=eY.datasets)||void 0===q?void 0:null===(V=q.weight)||void 0===V?void 0:V.normalWeight],backgroundColor:"#FEA21E",barThickness:12,borderRadius:Number.MAX_VALUE,borderSkipped:!1}]},options:eV})]}):null,(null==eY?void 0:null===(j=eY.datasets)||void 0===j?void 0:null===(G=j.weight)||void 0===G?void 0:G.borderline)?(0,a.BX)("div",{className:"bar-container",children:[(0,a.tZ)("img",{alt:"",loading:"lazy",className:"bar-label",src:"".concat(b.Nr,"/bmi-human.svg")}),(0,a.tZ)(m.kL,{type:"bar",data:{labels:["weight"],datasets:[{data:[null==eY?void 0:null===(K=eY.datasets)||void 0===K?void 0:null===(_=K.weight)||void 0===_?void 0:_.borderline],backgroundColor:"#2D87F3",barThickness:12,borderRadius:Number.MAX_VALUE,borderSkipped:!1}]},options:eV})]}):null]}):null]}),(0,a.tZ)(Z,{children:eF.map((e,t)=>(0,a.BX)("div",{className:"info",children:[(0,a.BX)("b",{children:[eC({id:"superContent.obesity.obeseName",defaultMessage:"Obese {number}"},{number:null==e?void 0:e.index}),":"]})," ",eC({id:"superContent.obesity.obeseRange",defaultMessage:"BMI of {range}"},{range:null==e?void 0:e.range})]},t))})]}),(null==eY?void 0:null===(J=eY.datasets)||void 0===J?void 0:null===(Q=J.weight)||void 0===Q?void 0:Q.borderline)||(null==eY?void 0:null===(ee=eY.datasets)||void 0===ee?void 0:null===($=ee.weight)||void 0===$?void 0:$.normalWeight)?(0,a.BX)(k,{children:[(0,a.BX)("div",{className:"legend",children:[(0,a.tZ)(I,{style:{backgroundColor:"#FEA21E"}}),(0,a.tZ)("div",{className:"legend-label",children:(0,a.tZ)("b",{children:eC({id:"superContent.obesity.legends.normalWeight",defaultMessage:"Normal weight BMI of 18.5 - 24.9"})})})]}),(0,a.BX)("div",{className:"legend",children:[(0,a.tZ)(I,{style:{backgroundColor:"#2D87F3"}}),(0,a.tZ)("div",{className:"legend-label",children:(0,a.tZ)("b",{children:eC({id:"superContent.obesity.legends.borderline",defaultMessage:"Borderline overweight BMI of 25.0 - <30.0"})})})]})]}):null,(0,a.tZ)(z,{children:null==eO?void 0:eO.map((e,t)=>(0,a.tZ)(R,{"data-active":t===ek,onClick:()=>handleChangeCountry(t)},"".concat(null==e?void 0:e.country,"-").concat(t)))})]}):(0,a.BX)(a.HY,{children:[null==eO?void 0:eO.map((e,t)=>(0,a.tZ)("img",{loading:"lazy",className:"animation animation-image".concat(t<ek?" animation-image-post":"").concat(ek===t?" animation-image-main":"").concat(ek<t?" animation-image-after":""),src:ew?null==e?void 0:e.bannerImgMobile:null==e?void 0:e.bannerImgDesktop,alt:eC({id:"superContent.obesity.title",defaultMessage:"BMI Calculator Results: Countries and their Obesity Percentages"})},t)),(0,a.BX)(x,{"data-content-padding":ez,children:[(0,a.tZ)(o.H,{className:"heading",tag:"h2",color:l.r.colors.primaryBase,children:eC({id:"superContent.obesity.title",defaultMessage:"BMI Calculator Results: Countries and their Obesity Percentages"})}),(0,a.tZ)(r.T,{size:"p4",className:"description",color:l.r.colors.gray500,children:eC({id:"superContent.obesity.description",defaultMessage:"Based on interactions with Hello Health’s BMI calculator from 30 January to 29 July 2021"})})]}),(0,a.BX)(w,{"data-content-padding":ez,children:[(0,a.tZ)("div",{className:"country-title",children:null==eY?void 0:eY.country}),(null==eY?void 0:null===(et=eY.datasets)||void 0===et?void 0:et.obeses)&&(null==eY?void 0:null===(ea=eY.datasets)||void 0===ea?void 0:null===(en=ea.obeses)||void 0===en?void 0:en.length)>0?(0,a.tZ)("div",{className:"charts-wrapper",children:null==eY?void 0:null===(ei=eY.datasets)||void 0===ei?void 0:ei.obeses.map((e,t)=>(0,a.BX)(T,{children:[(0,a.BX)("div",{className:"chart-container",children:[(0,a.tZ)(m.kL,{type:"doughnut",data:{labels:["active","inactive"],datasets:[{label:null==e?void 0:e.label,data:[null==e?void 0:e.value,100-(null==e?void 0:e.value)],backgroundColor:["#2D87F3","#E4E8EC"],borderWidth:0,hoverOffset:4,borderRadius:6}]},options:eP}),(0,a.BX)("div",{className:"data-label",children:[(0,a.tZ)("div",{className:"value-number",children:null==e?void 0:e.value}),"%"]})]}),(0,a.tZ)("div",{className:"chart-name",children:null==e?void 0:e.label})]},t))}):null,(null==eY?void 0:null===(el=eY.datasets)||void 0===el?void 0:null===(eo=el.weight)||void 0===eo?void 0:eo.borderline)||(null==eY?void 0:null===(ed=eY.datasets)||void 0===ed?void 0:null===(er=ed.weight)||void 0===er?void 0:er.normalWeight)?(0,a.BX)(N,{children:[(null==eY?void 0:null===(eu=eY.datasets)||void 0===eu?void 0:null===(es=eu.weight)||void 0===es?void 0:es.normalWeight)?(0,a.BX)("div",{className:"bar-container",children:[(0,a.tZ)("img",{alt:"",loading:"lazy",className:"bar-label",src:"".concat(b.Nr,"/weight.svg")}),(0,a.tZ)(m.kL,{type:"bar",data:{labels:["weight"],datasets:[{data:[null==eY?void 0:null===(ep=eY.datasets)||void 0===ep?void 0:null===(ec=ep.weight)||void 0===ec?void 0:ec.normalWeight],backgroundColor:"#FEA21E",barThickness:24,borderRadius:6,borderSkipped:!1}]},options:eV})]}):null,(null==eY?void 0:null===(em=eY.datasets)||void 0===em?void 0:null===(eg=em.weight)||void 0===eg?void 0:eg.borderline)?(0,a.BX)("div",{className:"bar-container",children:[(0,a.tZ)("img",{alt:"",loading:"lazy",className:"bar-label",src:"".concat(b.Nr,"/bmi-human.svg")}),(0,a.tZ)(m.kL,{type:"bar",data:{labels:["weight"],datasets:[{data:[null==eY?void 0:null===(eb=eY.datasets)||void 0===eb?void 0:null===(eh=eb.weight)||void 0===eh?void 0:eh.borderline],backgroundColor:"#2D87F3",barThickness:24,borderRadius:6,borderSkipped:!1}]},options:eV})]}):null]}):null]}),(0,a.BX)(M,{"data-content-padding":ez,children:[(0,a.tZ)(Z,{children:eF.map((e,t)=>(0,a.BX)("div",{className:"info",children:[(0,a.BX)("b",{children:[eC({id:"superContent.obesity.obeseName",defaultMessage:"Obese {number}"},{number:null==e?void 0:e.index}),":"]})," ",eC({id:"superContent.obesity.obeseRange",defaultMessage:"BMI of {range}"},{range:null==e?void 0:e.range})]},t))}),(0,a.tZ)(k,{children:(null==eY?void 0:null===(ef=eY.datasets)||void 0===ef?void 0:null===(ev=ef.weight)||void 0===ev?void 0:ev.borderline)||(null==eY?void 0:null===(ex=eY.datasets)||void 0===ex?void 0:null===(ey=ex.weight)||void 0===ey?void 0:ey.normalWeight)?(0,a.BX)(a.HY,{children:[(0,a.BX)("div",{className:"legend",children:[(0,a.tZ)(I,{style:{backgroundColor:"#FEA21E"}}),(0,a.tZ)("div",{className:"legend-label",children:(0,a.tZ)("b",{children:eC({id:"superContent.obesity.legends.normalWeight",defaultMessage:"Normal weight BMI of 18.5 - 24.9"})})})]}),(0,a.BX)("div",{className:"legend",children:[(0,a.tZ)(I,{style:{backgroundColor:"#2D87F3"}}),(0,a.tZ)("div",{className:"legend-label",children:(0,a.tZ)("b",{children:eC({id:"superContent.obesity.legends.borderline",defaultMessage:"Borderline overweight BMI of 25.0 - <30.0"})})})]})]}):null})]}),0!==ek?(0,a.tZ)(B,{children:(0,a.tZ)("img",{loading:"lazy",src:"".concat(b.Nr,"/chevronLeftCircle.svg"),alt:"previous",onClick:()=>handleWheel("previous")})}):null,ek<(null==eO?void 0:eO.length)-1?(0,a.tZ)(D,{children:(0,a.tZ)("img",{loading:"lazy",src:"".concat(b.Nr,"/chevronRightCircle.svg"),alt:"next",onClick:()=>handleWheel("next")})}):null,(0,a.BX)(X,{"data-content-padding":ez,children:[(0,a.tZ)("b",{children:ek+1}),"/",eO.length]})]})})}},ESJO:function(e,t,n){n.d(t,{O:function(){return AppDownloadInfoCard}});var a=n("BGKE"),i=n("wp0n"),o=n("nGnw"),l=n("Eso5"),r=n("jUTz"),d=n("/npG"),s=n("mYVa"),u=(0,d.k)(e=>({root:{display:"flex",gap:16,alignItems:"center",borderRadius:12,[e.fn.smallerThan("sm")]:{flexDirection:"column"},[e.fn.largerThan("sm")]:{backgroundColor:"#fff",padding:"8px 24px 8px 8px"}},info:{display:"flex",flexDirection:"column",gap:12},thumb:{height:120,[e.fn.smallerThan("sm")]:{display:"none"}},download:{display:"flex",alignItems:"center",gap:12,[e.fn.smallerThan("sm")]:{flexDirection:"column"}},apps:{display:"flex",gap:12},app:{height:40},body:{display:"flex",flexDirection:"column",gap:(0,s.h)(8),alignItems:"center"},img:{width:(0,s.h)(160)},button:{}})),c=n("hXNO");let AppDownloadInfoCard=e=>{let{url:t,styles:n,classNames:d,className:s,...p}=e,{classes:g,cx:m}=u(void 0,{name:"AppDownloadInfoCard",styles:n,classNames:d}),h=(0,c.d)();return(0,a.BX)(l.x,{className:m(s,g.root),...p,children:[(0,a.tZ)("img",{src:o.C.getAssetPath("appIntro/qr-code.jpg"),className:g.thumb,alt:"Qr Code",loading:"lazy"}),(0,a.BX)("div",{className:g.info,children:[(0,a.BX)("div",{className:g.download,children:[(0,a.tZ)(r.q.Group,{children:[,,,,].fill("").map((e,t)=>(0,a.tZ)(r.q,{src:o.C.getAssetPath("appIntro/avatar".concat(t+1,".jpg")),size:28,radius:"xl"},t))}),(0,a.tZ)(i.T,{size:"p4",children:"30k+ người d\xf9ng sử dụng sản phẩm của ch\xfang t\xf4i"})]}),(0,a.BX)("div",{className:g.apps,children:[(0,a.tZ)(l.x,{...h&&t&&{component:"a",href:t,target:"_blank","data-event-category":"App Install","data-event-action":"Open App Store","data-event-label":t},children:(0,a.tZ)("img",{src:o.C.getAssetPath("appIntro/app-store.png"),className:g.app,alt:"App Store",loading:"lazy"})}),(0,a.tZ)(l.x,{...h&&t&&{component:"a",href:t,target:"_blank","data-event-category":"App Install","data-event-action":"Open Google Play","data-event-label":t},children:(0,a.tZ)("img",{src:o.C.getAssetPath("appIntro/google-play.png"),className:g.app,alt:"Google Play",loading:"lazy"})})]})]})]})}},"8LNv":function(e,t,n){n.d(t,{M:function(){return AppFooterBanner}});var a=n("BGKE"),i=n("Eso5"),o=n("hXNO"),l=(0,n("/npG").k)(e=>({root:{borderRadius:16,img:{borderRadius:"inherit"},[e.fn.largerThan("sm")]:{borderRadius:24}}}));let AppFooterBanner=e=>{let{banner:t,url:n="",alt:r="",className:d,classNames:s,styles:u,...c}=e,p=(0,o.d)(),{classes:g,cx:m}=l(void 0,{name:"AppFooterBanner",styles:u,classNames:s});return(0,a.tZ)(i.x,{className:m(d,g.root),component:p&&n?"a":"div",href:n,target:"_blank",...c,children:(0,a.tZ)("img",{loading:"lazy",src:p?null==t?void 0:t.mobile:null==t?void 0:t.desktop,alt:r})})}},zruX:function(e,t,n){n.d(t,{i:function(){return AppIntroNav}});var a=n("BGKE"),i=n("SPK5"),o=n("Eso5"),l=(0,n("/npG").k)(e=>({logo:{[e.fn.smallerThan("sm")]:{display:"none"}},logoImg:{maxHeight:40},app:{borderRadius:8,overflow:"hidden"},appImg:{height:36,display:"block"}})),r=n("nGnw"),d=n("uzt2"),s=n("/ch6"),u=n("bqfi"),c=n("hXNO");let AppIntroNav=e=>{let{navigating:t,onNavClick:n,selectedSection:p,logo:g,showDownApp:m,styles:h,className:b,classNames:v,...f}=e,{classes:y,cx:x}=l(void 0,{name:"AppIntroHeroBanner",styles:h,classNames:v}),w=(0,c.d)();return(0,a.BX)(i.k,{align:"center",justify:"space-between",className:x(b),...f,children:[!w&&(null==g?void 0:g.icon)&&(0,a.tZ)("div",{className:y.logo,children:(0,a.tZ)("img",{loading:"lazy",src:null==g?void 0:g.icon,alt:"App",className:y.logoImg})}),(0,a.BX)(i.k,{align:"center",gap:36,children:[(0,a.tZ)(d.C3,{navigating:t,iconSize:24,selectedSection:p,onNavClick:n,children:t.map((e,t)=>(0,a.tZ)(s.j,{displayAs:u.e},String(t)))}),m&&(0,a.BX)(i.k,{align:"center",gap:16,children:[(0,a.tZ)(o.x,{component:w&&(null==g?void 0:g.url)?"a":"div",...w&&(null==g?void 0:g.url)&&{href:g.url,target:"_blank"},children:(0,a.tZ)("div",{className:y.app,children:(0,a.tZ)("img",{src:r.C.getAssetPath("appIntro/app-store.png"),className:y.appImg,loading:"lazy",alt:"App Store"})})}),(0,a.tZ)(o.x,{component:w&&(null==g?void 0:g.url)?"a":"div",...w&&(null==g?void 0:g.url)&&{href:g.url,target:"_blank"},children:(0,a.tZ)("div",{className:y.app,children:(0,a.tZ)("img",{src:r.C.getAssetPath("appIntro/google-play.png"),className:y.appImg,loading:"lazy",alt:"Google Play"})})})]})]})]})}}}]);