https://globalgoals.org/static/tabs.module.52153fef822b9801b0f8.js

1(window.__LOADABLE_LOADED_CHUNKS__=window.__LOADABLE_LOADED_CHUNKS__||[]).push([[39],{329:function(t,e,o){"use strict";o.r(e);o(9);var i=o(1),n=o(2),r=o(174),c=o(16),a=o(6),s=o(0);const d=["1","2","3","4","5","6","7","8","9","a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z"];e.default=Object(n.connect)(({state:t,actions:e,content:o,colour:n,id:m,libraries:x,icon_colour:h})=>{Object(i.useEffect)(()=>{e.source.fetch(t.router.link)},[]);const b=t.source.get(t.router.link),g=x.html2react.Component,{copy:j,things_to_do:u,list:f}=o;return b.isReady?Object(s.jsxs)(r.Element,{className:"row my-5 py-md-5",name:u?"things-to-do":"targets",id:u?"things-to-do":"targets",children:[j&&Object(s.jsx)("div",{className:"col-md-6 mb-5 "+(u&&"pt-5"),children:Object(s.jsx)(c.a,{content:j})}),f&&Object(s.jsx)("div",{className:"col-12",children:Object(s.jsx)("div",{className:"row",children:f.map((t,e)=>{const{copy:o,icon:i,target:r}=t;return Object(s.jsxs)("div",{className:"col-md-6 mb-4 mb-md-5 d-flex flex-column flex-sm-row",children:[i&&Object(s.jsxs)(l,{className:"me-4",bg:n,children:[Object(s.jsxs)("figcaption",{children:["Target ",m,".",r||d[e]]}),Object(s.jsx)(a.a,{src:i})]}),u&&Object(s.jsx)("div",{className:"me-4 mb-3 mb-md-0",children:Object(s.jsx)("svg",{viewBox:"0 0 64 64",width:"64",height:"64",children:Object(s.jsxs)("g",{fill:"none",fillRule:"evenodd",children:[Object(s.jsx)("circle",{fill:n,cx:"32",cy:"32",r:"32"}),Object(s.jsxs)("g",{fill:h||"#fff",children:[Object(s.jsx)("path",{d:"M31.75 41.16h-4.3v-1c-.03-2.32-.62-3.68-2.3-6.08l-.27-.4c-1.7-2.44-2.38-3.98-2.38-6.43 0-5.1 4.14-9.25 9.25-9.25 5.12 0 9.28 4.15 9.25 9.26-.02 2.5-.68 4-2.4 6.42-.04.08-.12.2-.26.4-1.66 2.32-2.25 3.7-2.3 6.1v.98h-4.3zm0-2h2.35c.2-2.33.96-3.93 2.6-6.25l.28-.35c1.5-2.1 2-3.3 2.02-5.3.03-3.98-3.24-7.23-7.25-7.23-4 0-7.25 3.26-7.25 7.26 0 1.95.52 3.15 2.02 5.3l.27.4c1.63 2.35 2.4 3.95 2.6 6.2h2.33z",fillRule:"nonzero"}),Object(s.jsx)("path",{d:"M27.43 42.57h8.68v1.14h-8.65zm1.7 2.3h5.3V46h-5.3"})]})]})})}),o&&Object(s.jsx)(p,{className:""+(b.isGoals&&"copy-box-ttd"),children:Object(s.jsx)(g,{html:o})})]},e.toString())})})})]}):null});const l=Object(n.styled)("figure",{target:"e1umwk991"})("width:110px;margin-bottom:20px;@media (min-width: 768px){width:130px;margin-bottom:0;}figcaption{background-color:",t=>t.bg,";color:var(--white-0);text-align:center;padding:1px;font-size:23px;width:100%;text-transform:uppercase;font-family:var(--font-bold);margin-bottom:5px;}img{width:100%;}"),p=Object(n.styled)("div",{target:"e1umwk990"})({name:"1xttsjr",styles:"flex:1;h3{margin-bottom:10px;}p{a{color:var(--white-0);font-weight:700;text-decoration:none;transition:all .3s ease;&:hover{text-decoration:underline;}}}&.copy-box-ttd{p{a{color:var(--black-0);}}}"})},337:function(t,e,o){"use strict";o.r(e);o(3),o(36),o(5),o(9),o(84),o(4),o(62);var i=o(1),n=o(2),r=o(544),c=o(543),a=o(541),s=o(542),d=o(290),l=o(161),p=o(329),m=o(0);e.default=Object(n.connect)(({state:t,libraries:e,actions:o})=>{const n=t.theme.selectedTab,[s,u]=Object(i.useState)(n);Object(i.useEffect)(()=>{o.source.fetch("/goals/");const t=new Proxy(new URLSearchParams(window.location.search),{get:(t,e)=>t.get(e)}).id,e=t?parseInt(t-1):n;u(e)},[]);const f=t.source.get("/goals");return Object(m.jsx)(r.a,{id:"left-tabs__container",defaultActiveKey:"0",activeKey:s||"0",children:Object(m.jsxs)(x,{className:"row mb-4",children:[Object(m.jsx)("div",{className:"col-2 col-md-12 tabs-icons-wrapper",children:Object(m.jsx)(h,{variant:"pills",className:"flex-column justify-content-between flex-md-row",onSelect:t=>(t=>{if(u(t),history.pushState){var e=window.location.protocol+"//"+window.location.host+window.location.pathname+"?id="+(parseInt(t)+1);window.history.pushState({path:e},"",e)}})(t),children:f.isReady&&f.items.map((e,o)=>{const i=t.source[e.type][e.id],{id:n,wheel_colour:r}=i.acf;return Object(m.jsx)(b,{colour:r,children:Object(m.jsx)(c.a.Link,{eventKey:o.toString(),children:s==o?d.a[n-1]:n})},o.toString())})})}),Object(m.jsx)("div",{className:"col-10 col-md-12 mt-md-2",children:Object(m.jsx)(a.a,{children:f.isReady&&f.items.map((e,i)=>{const n=t.source[e.type][e.id],r=n.title.rendered,{id:c,wheel_colour:a,svg_title:s,number_colour:d}=n.acf,x=n.acf.flexible_content[2];return Object(m.jsxs)(g,{eventKey:i.toString(),bg:a,children:[Object(m.jsxs)("div",{className:"row justify-content-end mb-3 mb-md-0",children:[Object(m.jsx)("div",{className:"col-md-7 d-none d-md-flex",children:Object(m.jsx)("div",{children:Object(m.jsx)(j,{border:d,onClick:o.theme.modalOpen,children:"Stay updated sign up to our newsletter"})})}),Object(m.jsx)("div",{className:"col-md-5 ps-0",children:Object(m.jsx)(l.a,{id:c,title:r,svg:s,width:"450px",size:"clamp(60px, 23vw, 185px)",numberColour:d})})]}),Object(m.jsx)(p.default,{content:x,colour:"#ffffff",icon_colour:a,id:c}),Object(m.jsx)("div",{className:"d-flex d-md-none justify-content-center justify-content-md-end",children:Object(m.jsx)(j,{border:d,onClick:o.theme.modalOpen,children:"Stay updated sign up to our newsletter"})})]},i.toString())})})})]})})});const x=Object(n.styled)("div",{target:"e185bczr4"})({name:"v1mg0v",styles:".tabs-icons-wrapper{padding-right:12px!important;@media (max-width: 767px){padding-right:0!important;position:sticky;top:85px;align-self:flex-start;}}"}),h=Object(n.styled)(c.a,{target:"e185bczr3"})({name:"eyicnu",styles:"display:grid;grid-template-rows:repeat(17, 1fr);row-gap:8px;@media (min-width: 768px){grid-template-rows:auto;column-gap:8px;grid-template-columns:repeat(17, 1fr);}"}),b=Object(n.styled)(c.a.Item,{target:"e185bczr2"})("background-color:",t=>t.colour,';display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;a{width:100%;height:100%;padding:10px 5px;text-align:center;color:var(--white-0)!important;font-family:var(--font-bold);font-size:35px;border-radius:0!important;display:flex;align-items:center;justify-content:center;@media (min-width: 768px){padding:17px 5px 20px;}&.active{background-color:transparent!important;position:relative;&:after{content:"";position:absolute;background-color:',t=>t.colour,";right:-16px;width:17px;height:100%;top:0;@media (min-width: 768px){width:100%;height:10px;bottom:-10px;top:auto;right:auto;left:0;}}}}svg{width:100%;

1path{fill:var(--white-0);}}"),g=Object(n.styled)(s.a,{target:"e185bczr1"})("background-color:",t=>t.bg,";padding:30px 15px 0;color:var(--white-0);@media (min-width: 992px){padding:60px 40px 0;}span{margin-right:15px;}p{a{text-decoration:underline!important;&:hover{text-decoration:none!important;}}}@media (max-width: 991px){figure{margin-left:0;}}.row.my-5{margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important;h2{@media (max-width: 767px){font-size:40px;}}}"),j=Object(n.styled)("span",{target:"e185bczr0"})("font-family:var(--font-bold);padding:10px 22px;cursor:pointer;font-size:22px;line-height:1.2;text-transform:uppercase;display:inline-block;text-decoration:none!important;transition:all .3s ease;word-spacing:.04em;margin-bottom:40px;background-color:var(--white-0);border:3px solid var(--white-0);color:var(--black-0);@media screen and (min-width: 768px){font-size:28px;}&:hover{color:var(--white-0);border-color:",t=>t.border,";background-color:transparent;}")}}]);