{"version":3,"file":"CountUp.CSOxQ2iM.mjs","names":["useState","useRef","__esmMin","init_npm_react_18_3_1","_e","de","c","init_jsx_runtime","ce","init_framer_D6uXRwWs","addPropertyControls","ControlType","CountUp","props","count","setCount","isVisible","setIsVisible","hasAnimated","setHasAnimated","ref","observer","entry","start","increment","targetNumber","duration","updateCounter","containerStyle","textStyle","font","fontSize","lineHeight","init_CountUp"],"sources":["https:/framerusercontent.com/modules/dd3yk2EwqI0p1WT6cAJW/l6YbWyVjqNOEVWUiwz2L/CountUp.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect,useRef,useState}from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * These annotations control how your component sizes\n * Learn more: https://www.framer.com/developers/#code-components-auto-sizing\n *\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n */export default function CountUp(props){const{targetNumber,duration,font,color,fontSize,lineHeight,fontWeight}=props;const[count,setCount]=useState(0);const[isVisible,setIsVisible]=useState(false);const[hasAnimated,setHasAnimated]=useState(false);const ref=useRef(null);useEffect(()=>{const observer=new IntersectionObserver(([entry])=>{if(entry.isIntersecting&&!hasAnimated){setIsVisible(true);setHasAnimated(true);let start=0;const increment=targetNumber/(duration*60);const updateCounter=()=>{start+=increment;if(start<targetNumber){setCount(Math.ceil(start));requestAnimationFrame(updateCounter);}else{setCount(targetNumber);}};updateCounter();}},{threshold:.1});if(ref.current){observer.observe(ref.current);}return()=>{if(ref.current){observer.unobserve(ref.current);}};},[targetNumber,duration,hasAnimated]);return /*#__PURE__*/_jsx(\"div\",{style:containerStyle,ref:ref,children:/*#__PURE__*/_jsx(\"span\",{style:{...textStyle,fontFamily:font,color:color,fontSize:`${fontSize}px`,lineHeight:`${lineHeight}px`,fontWeight:fontWeight,opacity:isVisible?1:0,transition:\"opacity 0.5s ease-in-out\"},children:count.toLocaleString()})});}// Styles are written in object syntax\nconst containerStyle={display:\"flex\",justifyContent:\"center\",alignItems:\"center\",overflow:\"hidden\"};const textStyle={letterSpacing:\"0em\",textAlign:\"center\",margin:\"0\"};// Adding property controls for Framer\naddPropertyControls(CountUp,{targetNumber:{type:ControlType.Number,title:\"Target Number\",defaultValue:1e4},duration:{type:ControlType.Number,title:\"Duration (s)\",defaultValue:2,step:.1},font:{type:ControlType.String,title:\"Font Family\",defaultValue:\"Quicksand, sans-serif\"},color:{type:ControlType.Color,title:\"Color\",defaultValue:\"#000000\"},fontSize:{type:ControlType.Number,title:\"Font Size (px)\",defaultValue:54,unit:\"px\"},lineHeight:{type:ControlType.Number,title:\"Line Height (px)\",defaultValue:54,unit:\"px\"},fontWeight:{type:ControlType.Enum,title:\"Font Weight\",options:[\"100\",\"200\",\"300\",\"400\",\"500\",\"600\",\"700\",\"800\",\"900\"],optionTitles:[\"Thin\",\"Extra Light\",\"Light\",\"Regular\",\"Medium\",\"Semi Bold\",\"Bold\",\"Extra Bold\",\"Black\"],defaultValue:\"400\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"CountUp\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"auto\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"auto\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CountUp.map"],"mappings":"A,wLAMG,SAAwBY,EAAQ,EAAM,CAAC,GAAK,CAAC,eAAa,WAAS,OAAK,QAAM,WAAS,aAAW,cAAYC,EAAW,CAACC,EAAMC,GAAUf,EAAS,CAAC,EAAO,CAACgB,EAAUC,GAAcjB,EAAS,EAAK,EAAO,CAACkB,EAAYC,GAAgBnB,EAAS,EAAK,EAAQoB,EAAInB,EAAO,IAAI,EAAmiB,OAAjiBO,MAAc,CAAC,IAAMa,EAAS,IAAI,sBAAsB,CAACC,KAAS,CAAC,GAAGA,EAAM,gBAAgB,CAACJ,EAAY,CAACD,EAAa,EAAI,EAAEE,EAAe,EAAI,EAAE,IAAII,EAAM,EAAQC,EAAUC,GAAcC,EAAS,IAAUC,MAAkB,CAAC,GAAOH,EAAaD,EAAME,GAAcV,EAAS,KAAK,KAAKQ,CAAK,CAAC,EAAE,sBAAsBI,CAAa,GAAQZ,EAASU,CAAY,CAAG,EAAEE,EAAc,CAAE,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC,EAAiD,OAA5CP,EAAI,SAASC,EAAS,QAAQD,EAAI,OAAO,MAAa,CAAIA,EAAI,SAASC,EAAS,UAAUD,EAAI,OAAO,CAAG,CAAE,EAAE,CAACK,EAAaC,EAASR,CAAW,CAAC,EAAsB,gBAAK,MAAM,CAAC,MAAMU,EAAmB,MAAI,SAAsB,gBAAK,OAAO,CAAC,MAAM,CAAC,GAAGC,EAAU,WAAWC,EAAW,QAAM,SAAS,GAAGC,EAAS,IAAI,WAAW,GAAGC,EAAW,IAAe,aAAW,QAAQ,KAAc,WAAW,0BAA0B,EAAE,SAASlB,EAAM,eAAe,CAAC,CAAC,CAAC,CAAC,CAAE,C,kDACxmC,EAAe,CAAC,QAAQ,OAAO,eAAe,SAAS,WAAW,SAAS,SAAS,QAAQ,EAAQ,EAAU,CAAC,cAAc,MAAM,UAAU,SAAS,OAAO,GAAG,EACtKJ,EAAoBE,EAAQ,CAAC,aAAa,CAAC,KAAKD,EAAY,OAAO,MAAM,gBAAgB,aAAa,GAAG,EAAE,SAAS,CAAC,KAAKA,EAAY,OAAO,MAAM,eAAe,aAAa,EAAE,KAAK,EAAE,EAAE,KAAK,CAAC,KAAKA,EAAY,OAAO,MAAM,cAAc,aAAa,uBAAuB,EAAE,MAAM,CAAC,KAAKA,EAAY,MAAM,MAAM,QAAQ,aAAa,SAAS,EAAE,SAAS,CAAC,KAAKA,EAAY,OAAO,MAAM,iBAAiB,aAAa,GAAG,KAAK,IAAI,EAAE,WAAW,CAAC,KAAKA,EAAY,OAAO,MAAM,mBAAmB,aAAa,GAAG,KAAK,IAAI,EAAE,WAAW,CAAC,KAAKA,EAAY,KAAK,MAAM,cAAc,QAAQ,CAAC,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,KAAK,EAAE,aAAa,CAAC,OAAO,cAAc,QAAQ,UAAU,SAAS,YAAY,OAAO,aAAa,OAAO,EAAE,aAAa,KAAK,CAAC,CAAC,C"}