1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[13065],{11068:(e,i,_)=>{"use strict";_.d(i,{W:()=>r});var n=_(14232);let r=({root:e,rootMargin:i,threshold:_,unobserveOnEnter:r,target:a,onEnter:c,onLeave:t,defaultInView:s}={},l=[])=>{let[m,u]=(0,n.useState)({inView:s||!1,entry:null,observer:null}),h=((e,{root:i,rootMargin:_,threshold:r}={},a=[])=>{let c=(0,n.useRef)(null),t=(0,n.useRef)(null);return(0,n.useCallback)(n=>{c.current&&t.current&&(t.current.unobserve(c.current),t.current.disconnect(),t.current=null),n&&(t.current=new IntersectionObserver(e,{root:i,rootMargin:_,threshold:r}),t.current.observe(n),c.current=n)},[c,i,_,JSON.stringify(r),...a])})((0,n.useCallback)(([e],i)=>{let _=i.thresholds.some(i=>e.intersectionRatio>=i)&&e.isIntersecting;u({inView:_,entry:e,observer:i}),_&&r&&(i.unobserve(e.target),i.disconnect()),_?null==c||c(e,i):null==t||t(e,i)},[c,t,r]),{root:e,rootMargin:i,threshold:_},[r,...l]);return(0,n.useEffect)(()=>{(null==a?void 0:a.current)&&h(a.current)},[a,h]),[h,m.inView,m.entry,m.observer]}},13065:(e,i,_)=>{"use strict";_.r(i),_.d(i,{DynamicPieWrapperStandard:()=>m,default:()=>u});var n=_(37876),r=_(69241),a=_(14232),c=_(11068),t=_(52218),s=_.n(t);let l=({title:e,percentage:i,description:_})=>{let[t,l]=(0,c.W)({threshold:0,unobserveOnEnter:!0}),m=(0,a.useRef)(null),[u,h]=(0,a.useState)(!1),[y,o]=(0,a.useState)(0);return(0,a.useEffect)(()=>{if(l&&!u&&m.current){h(!0),m.current.style.strokeDasharray=i+",100";let e=0,_=setInterval(()=>{e>=i&&clearInterval(_),o(e++)},1e3/i)}},[l]),(0,n.jsxs)("div",{ref:t,className:(0,r.A)(s().chart,l&&s().animate),"data-percent":i,children:[(0,n.jsx)("h4",{children:e}),(0,n.jsxs)("div",{className:s().graphic,children:[(0,n.jsx)("div",{className:s().number,children:(0,n.jsxs)("p",{children:[(0,n.jsx)("span",{children:y}),"%"]})}),(0,n.jsxs)("svg",{viewBox:"0 0 36 36",className:s()["circular-chart"],children:[(0,n.jsx)("path",{className:s().circle,strokeDasharray:"0, 100",d:"M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"}),(0,n.jsx)("path",{ref:m,className:s().two,strokeDasharray:"0, 100",d:"M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"})]})]}),(0,n.jsx)("p",{className:s().large,children:_})]})},m=({content:e})=>{let{title:i,graphs:_,isBlue:r,isBigTitle:a}=e;return(0,n.jsx)("div",{className:`outer-wrap ${r&&"blue"}`,children:(0,n.jsxs)("div",{className:s()["dynamic-pie"],"data-items":_.length,children:[a?(0,n.jsx)("h2",{children:i}):(0,n.jsx)("h3",{children:i}),(0,n.jsx)("div",{className:"wrapper",children:(0,n.jsx)("div",{className:`${s().container}`,children:_?.map((e,_)=>(0,n.jsx)(l,{...e.fields},`${i}${_}`))})})]})})},u=m},52218:e=>{e.exports={"dynamic-pie":"C252_DynamicPie_dynamic-pie__72Nr5",container:"C252_DynamicPie_container__RmW5v",chart:"C252_DynamicPie_chart__jUSNY",circle:"C252_DynamicPie_circle__I0Js_",two:"C252_DynamicPie_two__iTG0G",animate:"C252_DynamicPie_animate__yhRUK",progress:"C252_DynamicPie_progress__gj1D_",graphic:"C252_DynamicPie_graphic__LhpOk","circular-chart":"C252_DynamicPie_circular-chart__QchAs",number:"C252_DynamicPie_number__e9VL9","tns-outer":"C252_DynamicPie_tns-outer__hz5nV","tns-nav":"C252_DynamicPie_tns-nav__fXyKy","tns-nav-active":"C252_DynamicPie_tns-nav-active__aQeRd",multiple:"C252_DynamicPie_multiple__cBogU",hover:"C252_DynamicPie_hover__IoDMO",inner:"C252_DynamicPie_inner__w_hxF",active:"C252_DynamicPie_active__ewWEh",up:"C252_DynamicPie_up__7Gzbq",left:"C252_DynamicPie_left__7Bqo9",right:"C252_DynamicPie_right__j_lxs",down:"C252_DynamicPie_down__kIaty",list:"C252_DynamicPie_list__pOko5",blank:"C252_DynamicPie_blank___43oJ",hov:"C252_DynamicPie_hov__RtwvI",three:"C252_DynamicPie_three__zNm4V",four:"C252_DynamicPie_four__sHaY0",five:"C252_DynamicPie_five__FdI0e",six:"C252_DynamicPie_six__Kp2OT",seven:"C252_DynamicPie_seven__mAx8P",eight:"C252_DynamicPie_eight__5mocg",nine:"C252_DynamicPie_nine__m_qht",ten:"C252_DynamicPie_ten__5k_4c",purple:"C252_DynamicPie_purple__3BHOy",amber:"C252_DynamicPie_amber__FLiDs",green:"C252_DynamicPie_green__ZGv8r",base6:"C252_DynamicPie_base6__1uYz9"}}}]); 2//# sourceMappingURL=13065.d9b24292a127ce4a.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.