{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/Xch1woZrdoxvJIJbIxfJ/tEghbFesfwu5sGTqFPbV/AnimatingNumberCounter.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect,useRef}from\"react\";import{addPropertyControls,ControlType}from\"framer\";const animateNumberCounter=(el,from,to,duration)=>{let startTimestamp;const step=timestamp=>{let _stamp;if(!startTimestamp){startTimestamp=timestamp;}const progress=Math.min((timestamp-startTimestamp)/duration,1);el.innerHTML=`${(_stamp=Math.floor(progress*(to-from)+from))===null||_stamp===void 0?void 0:_stamp.toLocaleString()}`;if(progress<1)window.requestAnimationFrame(step);};window.requestAnimationFrame(step);};const getColors=type=>{switch(type){case\"Yellow\":return{GradientStart:\"#FFE84B\",GradientEnd:\"#FFA200\"};case\"Green\":return{GradientStart:\"#06C754\",GradientEnd:\"#06C754\"};case\"Pink\":return{GradientStart:\"#FF70B0\",GradientEnd:\"#FF70B0\"};case\"White\":return{GradientStart:\"#FFFFFF\",GradientEnd:\"#FFFFFF\"};case\"Black\":return{GradientStart:\"#1D2129\",GradientEnd:\"#1D2129\"};case\"Blue\":return{GradientStart:\"#124EE6\",GradientEnd:\"#124EE6\"};case\"Peach\":return{GradientStart:\"#FF6F6C\",GradientEnd:\"#FF6F6C\"};case\"Purple\":return{GradientStart:\"#D17CFD\",GradientEnd:\"#D17CFD\"};default:return{GradientStart:\"#000000\",GradientEnd:\"#FFFFFF\"};}};function AnimatingNumberCounter({From,To,Duration,FontColor,FontFamily,FontSize}){const{GradientStart,GradientEnd}=getColors(FontColor);const counterStyle={background:`linear-gradient(90deg, ${GradientStart} 0%, ${GradientEnd} 100%)`,backgroundClip:\"text\",WebkitTextFillColor:\"transparent\",WebkitBackgroundClip:\"text\",color:\"transparent\",fontFamily:FontFamily,fontSize:FontSize,letterSpacing:\"-0.64px\",lineHeight:\"100%\"};const counterRef=useRef(null);useEffect(()=>{const observerCallback=(entries,observer)=>{entries.forEach(entry=>{if(entry.isIntersecting&&counterRef.current){animateNumberCounter(counterRef.current,From,To,Duration);observer.unobserve(entry.target);}});};const observer=new IntersectionObserver(observerCallback,{root:null,rootMargin:\"0px\",threshold:.1});if(counterRef.current)observer.observe(counterRef.current);return()=>observer.disconnect();},[]);return /*#__PURE__*/_jsx(\"div\",{className:\"counter\",ref:counterRef,style:counterStyle});}addPropertyControls(AnimatingNumberCounter,{From:{type:ControlType.Number,title:\"\",defaultValue:0,min:0,max:999999,step:1,displayStepper:true},To:{type:ControlType.Number,title:\"\",defaultValue:0,min:0,max:999999,step:1,displayStepper:true},Duration:{type:ControlType.Number,title:\"\",defaultValue:1200,min:1200,max:3e3,step:100,displayStepper:true},FontColor:{type:ControlType.Enum,defaultValue:\"Yellow\",options:[\"Yellow\",\"Green\",\"Pink\",\"White\",\"Black\",\"Blue\",\"Peach\",\"Purple\"]},FontSize:{type:ControlType.String,defaultValue:\"24px\",displayTextArea:false},FontFamily:{type:ControlType.String,defaultValue:\"Pretendard Black\",displayTextArea:false}});export default AnimatingNumberCounter;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"AnimatingNumberCounter\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./AnimatingNumberCounter.map"],
  "mappings": "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",
  "names": ["animateNumberCounter", "el", "from", "to", "duration", "startTimestamp", "step", "timestamp", "_stamp", "progress", "window", "getColors", "type", "AnimatingNumberCounter", "From", "To", "Duration", "FontColor", "FontFamily", "FontSize", "GradientStart", "GradientEnd", "counterStyle", "counterRef", "pe", "ue", "observerCallback", "entries", "observer", "entry", "p", "addPropertyControls", "ControlType", "AnimatingNumberCounter_default"]
}