https://globalgoals.org/static/goalsWheel.module.6c17597b5c6fb3631846.js

1(window.__LOADABLE_LOADED_CHUNKS__=window.__LOADABLE_LOADED_CHUNKS__||[]).push([[10],{330:function(e,t,o){"use strict";o.r(t);o(9);var n=o(1),r=o(2),a=o(11),l=o(537),i=o(538),s=(o(6),o(48)),c=o(282),h=o(278),u=o(0);"undefined"!=typeof window&&a.b.registerPlugin(l.a,i.a);t.default=Object(r.connect)(({state:e,items:t,libraries:o,actions:r})=>{const{height:i,width:f}=Object(h.a)(),g=Object(n.useRef)(null),w=Object(n.useRef)(null),x=Object(n.useRef)(null);let j=[],O=[];o.html2react.Component;const{white:_}=e.theme.colours,y=e.theme.wheelGoalId;return Object(n.useEffect)(()=>{const o=g.current.clientWidth/2,n=t.length,i=2*Math.PI/n;let s=new a.b.timeline({repeat:-1});s.to(g.current,100,{rotation:360,ease:"none"}).to(w.current,100,{rotation:-360,ease:"none"},0);for(let r=0;r<n;r++){s.to(O[r].current,100,{rotation:-360,ease:"none"},0);const n=r*i,l=o+o*Math.sin(n),c=o-o*Math.cos(n),h=e.source[t[r].type][t[r].id];a.b.set(j[r].current,{backgroundImage:"url("+h.acf.wheel_shape+")",rotation:n+"_rad",x:l,y:c}),a.b.set(O[r].current,{x:l,y:c})}return x.current=l.a.create(g.current,{type:"rotation",inertia:!0,onClick:function(t){if(scrollTo({top:400,behavior:"smooth"}),"wheel--goal_icon"==t.target.parentNode.className){const o=t.target.parentNode.attributes[0].nodeValue,n=t.target.parentNode.attributes[1].nodeValue,a=t.target.parentNode.attributes[2].nodeValue,l=t.target.parentNode.attributes[3].nodeValue,i=t.target.parentNode.attributes[4].nodeValue;n&&(e.theme.wheelBgColour=n),a&&(e.theme.numberColour=a),l&&(e.theme.wheelGoalTitle=l),i&&(e.theme.wheelGoalLink=i),o&&(e.theme.wheelGoalId=o),f<768&&r.router.set(i)}},onPressInit:function(){s.pause()},onRelease:function(){s.resume()},onDrag:function(){const e=(this.rotation+36e6)%360;s.progress(e/360)},onThrowUpdate:function(){const e=(this.rotation+36e6)%360;s.progress(e/360)},onThrowComplete:function(){s.resume(),a.b.fromTo(s,1,{timeScale:0},{timeScale:1,ease:"power1.in"})}}),()=>{s.kill(),e.theme.wheelBgColour="",e.theme.wheelGoalTitle="",e.theme.wheelGoalLink="",e.theme.wheelGoalId=""}},[]),Object(u.jsxs)(d,{ref:g,children:[Object(u.jsx)(m,{ref:w,bg:e.theme.wheelBgColour,children:Object(u.jsxs)("div",{className:"d-flex flex-column h-100 w-100 justify-content-center align-items-center p-5 text-center",children:[y&&Object(u.jsx)(c.a,{number:y,size:"130",lh:"130",colour:e.theme.numberColour}),e.theme.wheelGoalTitle&&Object(u.jsx)("h2",{children:e.theme.wheelGoalTitle}),e.theme.wheelGoalLink&&Object(u.jsx)(s.a,{colour:_,border:_,link:e.theme.wheelGoalLink,text:"View Goal"})]})}),t&&t.map((t,o)=>{const r=e.source[t.type][t.id],a=r.title.rendered,{link:l}=r,i=r.acf?r.acf.wheel_icon:null,s=r.acf?r.acf.wheel_colour:null,c=r.acf?r.acf.number_colour:null,h=Object(n.createRef)(),d=Object(n.createRef)();return j.push(h),O.push(d),Object(u.jsxs)("div",{index:o+1,colour:s,number:c,title:a,link:l,className:"wheel--goal_icon",children:[Object(u.jsx)(p,{ref:h}),Object(u.jsx)(b,{ref:d,src:i,width:60,height:60})]},o.toString())})]})});const d=Object(r.styled)("div",{target:"ezmoqav3"})({name:"kpoclu",styles:"border-radius:50%;width:700px;height:700px;position:absolute;right:-200px;top:-350px;z-index:1;@media (max-width: 767px){transform:scale(.5);right:-350px;top:-580px;}.wheel--goal_icon{position:relative;}"}),m=Object(r.styled)("div",{target:"ezmoqav2"})("position:absolute;top:50%;left:50%;border-radius:50%;width:450px;height:450px;display:none;transform:translate(-50%, -50%);background-color:",e=>e.bg,";@media (min-width: 768px){display:block;}h2{color:var(--white-0);line-height:.9;}"),p=Object(r.styled)("div",{target:"ezmoqav1"})({name:"qudvmg",styles:"position:absolute;display:flex;align-items:center;justify-content:center;font-size:24px;top:0;left:0;height:210px;width:144px;background-repeat:no-repeat;background-size:contain;transform:translate(-50%, -50%);transform-origin:50% 50%"}),b=Object(r.styled)("img",{target:"ezmoqav0"})({name:"w93o7d",styles:"position:absolute;z-index:1000;top:0;left:0;width:60px;height:60px;transform:translate(-50%, -50%)"})}}]);