1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1886,5810],{21886:(e,l,t)=>{t.r(l),t.d(l,{default:()=>c});var a=t(37876),r=t(40488),n=t(88907),s=t(45810),d=t(77692);let c=(0,r.w)()(e=>{var l,t,r,c,x,i;let o=null==e||null==(t=e.fields)||null==(l=t.Description)?void 0:l.value,u=null==e||null==(r=e.fields)?void 0:r.Chart,m=null==e||null==(x=e.fields)||null==(c=x.ContainerNumberOfColoumns)?void 0:c.value,h=[{bg:"bg-ChartwellPlum-40",text:"!text-ChartwellPlum",rgb:"rgb(140, 19, 96)"},{bg:"bg-ChartwellPurple-40",text:"!text-ChartwellPurple",rgb:"rgb(96, 38, 158)"},{bg:"bg-ChartwellBlue-40",text:"!text-ChartwellBlue",rgb:"rgb(0, 91 , 150 )"}],p=(0,d.kT)(m);return(0,a.jsx)(a.Fragment,{children:(0,a.jsxs)("div",{className:"ChartwellContainer SectionPadding ",children:[(0,a.jsx)(n.HeadingLevel,{headingLevel:(null==e?void 0:e.fields)&&(null==e?void 0:e.fields["Heading Level"]),titleText:null==e||null==(i=e.fields)?void 0:i.Heading,styles:" text-center mb-4 md:mb-6"}),o&&(0,a.jsx)("div",{className:"m-0 mt-2 ChartwellText text-center md:mb-6",dangerouslySetInnerHTML:{__html:"".concat(o)}}),(0,a.jsx)("div",{className:"sm:grid-cols-2 md:grid-cols-3 ".concat(p," grid gap-4 xl:gap-16 mt-6"),children:null==u?void 0:u.map((e,l)=>{let t=l%h.length;return(0,a.jsx)(s.ChartItem,{chartData:e,colorizer:h,colorIndex:t},l)})})]})})})},45810:(e,l,t)=>{t.r(l),t.d(l,{ChartItem:()=>s});var a=t(37876),r=t(14232),n=t(40625);let s=e=>{var l;let{chartData:t,colorizer:s,colorIndex:d}=e,{ref:c,inView:x}=(0,n.Wx)({threshold:.1,triggerOnce:!0}),[i,o]=(0,r.useState)(0),{fields:u}=t;return(0,r.useEffect)(()=>{if(!x)return;let e=setInterval(()=>{o(l=>l<u.number.value?l+1:(clearInterval(e),u.number.value))},50);return()=>clearInterval(e)},[u.number.value,x]),(0,a.jsxs)("div",{ref:c,className:"flex flex-col items-center",children:[(0,a.jsxs)("div",{className:"h-[240px] w-[240px] md:h-[200px] md:w-[200px] xl:h-[280px] xl:w-[280px] rounded-full relative ".concat(s[d].bg," overflow-hidden"),children:[(0,a.jsx)(n.pL,{id:"animation",className:"h-[240px] w-[240px] md:h-[200px] md:w-[200px] xl:h-[280px] xl:w-[280px] rounded-full absolute ".concat(x?"animation opacity-1 ":"opacity-0"," "),style:{background:"conic-gradient(".concat(s[d].rgb," ").concat(i,"%, ").concat(s[d].rgb," ").concat(i,"%, transparent ").concat(i,"%,transparent 100%)")}}),(0,a.jsx)("div",{className:"h-[150px] w-[150px] md:h-[130px] md:w-[130px] xl:h-[180px] xl:w-[180px] bg-ChartwellWhite rounded-full absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2",children:(0,a.jsxs)("p",{className:" absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-[80%] text-5xl xl:text-6xl leading-7 ".concat(s[d].text),children:[i,"%"]})})]}),(0,a.jsx)("p",{className:"".concat(s[d].text," font-bold text-center text-xl"),children:null==u||null==(l=u.Description)?void 0:l.value})]})}}}]);
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.