{"version":3,"file":"Counter.BH3OG69a.mjs","names":["useState","useRef"],"sources":["https:/framerusercontent.com/modules/amaXGtFxLPxvyGfq6grp/lTSM8pOOFYRKKWOhjmWW/Counter.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState,useEffect,useRef}from\"react\";import{motion}from\"framer-motion\";import{addPropertyControls,ControlType}from\"framer\";export function Counter({start=\"0\",end=\"1000\",speedPercent=100,gapSize=4,prefixText=\"\",suffixText=\"\",prefixFont,suffixFont,prefixColor,suffixColor,loop=false,decimalSeparatorType=\"comma\",textSize=36,selectedFont={fontFamily:\"Inter\",fontWeight:500,systemFont:true},textColor=\"#D3D3D3\",startOnViewport=false,restartOnViewport=false,incrementType=\"integer\"}){const[count,setCount]=useState(()=>parseNumber(start));const[isVisible,setIsVisible]=useState(false);const containerRef=useRef(null);const rafRef=useRef(null);const startTimestampRef=useRef(null);const fromRef=useRef(parseNumber(start));const toRef=useRef(parseNumber(end));const runningRef=useRef(false);function parseNumber(value){if(typeof value===\"number\")return value;if(typeof value!==\"string\")return 0;const s=value.trim();if(s===\"\")return 0;const hasDot=s.indexOf(\".\")!==-1;const hasComma=s.indexOf(\",\")!==-1;let normalized=s;if(hasDot&&hasComma){normalized=s.replace(/,/g,\"\");}else if(hasComma&&!hasDot){normalized=s.replace(/,/g,\".\");}else{normalized=s.replace(/,/g,\"\");}const n=parseFloat(normalized);return Number.isFinite(n)?n:0;}useEffect(()=>{const observer=new IntersectionObserver(([entry])=>{setIsVisible(entry.isIntersecting);});if(containerRef.current)observer.observe(containerRef.current);return()=>observer.disconnect();},[]);useEffect(()=>{const parsedStart=parseNumber(start);const parsedEnd=parseNumber(end);fromRef.current=parsedStart;toRef.current=parsedEnd;setCount(parsedStart);},[start,end]);useEffect(()=>{if(!(isVisible||!startOnViewport))return;if(fromRef.current===toRef.current)return;const safeSpeed=typeof speedPercent===\"number\"&&speedPercent>0?speedPercent:100;const durationMs=100/safeSpeed*1e3;const incrementPrecision=incrementType===\"integer\"?0:1;let loopRequested=loop;let cancel=false;const animateOnce=(from,to,duration,onComplete)=>{runningRef.current=true;startTimestampRef.current=null;const step=timestamp=>{if(cancel)return;if(!startTimestampRef.current)startTimestampRef.current=timestamp;const elapsed=timestamp-startTimestampRef.current;const t=Math.min(1,elapsed/duration);const current=from+(to-from)*t;const fixed=incrementPrecision===0?Math.round(current):Math.round(current*10)/10;setCount(fixed>=to?to:fixed);if(t<1){rafRef.current=requestAnimationFrame(step);}else{runningRef.current=false;if(onComplete)onComplete();}};rafRef.current=requestAnimationFrame(step);};const startAnimation=()=>{animateOnce(fromRef.current,toRef.current,durationMs,()=>{if(cancel)return;if(loopRequested){fromRef.current=parseNumber(start);toRef.current=parseNumber(end);startAnimation();}});};startAnimation();return()=>{cancel=true;if(rafRef.current)cancelAnimationFrame(rafRef.current);rafRef.current=null;runningRef.current=false;};},[isVisible,startOnViewport,restartOnViewport,speedPercent,incrementType,loop,start,end]);useEffect(()=>{if(restartOnViewport&&isVisible){setCount(parseNumber(start));}},[isVisible,restartOnViewport,start]);const formatNumber=number=>{if(decimalSeparatorType===\"comma\")return number.toLocaleString(\"en-US\");if(decimalSeparatorType===\"period\")return number.toLocaleString(\"en-US\").replace(/,/g,\".\");return number.toFixed(incrementType===\"integer\"?0:1);};return /*#__PURE__*/_jsxs(motion.div,{ref:containerRef,style:{display:\"flex\",gap:`${gapSize}px`,alignItems:\"center\",fontSize:`${textSize}px`,fontFamily:selectedFont.fontFamily,fontWeight:selectedFont.fontWeight,color:textColor,letterSpacing:\"-0.07em\",lineHeight:\"100%\"},children:[prefixText&&/*#__PURE__*/_jsx(\"span\",{style:{fontFamily:prefixFont?.fontFamily,fontWeight:prefixFont?.fontWeight,color:prefixColor,lineHeight:\"100%\"},children:prefixText}),/*#__PURE__*/_jsx(\"span\",{style:{lineHeight:\"100%\"},children:formatNumber(count)}),suffixText&&/*#__PURE__*/_jsx(\"span\",{style:{fontFamily:suffixFont?.fontFamily,fontWeight:suffixFont?.fontWeight,color:suffixColor,lineHeight:\"100%\"},children:suffixText})]});}addPropertyControls(Counter,{startOnViewport:{type:ControlType.Boolean,title:\"Viewport\",defaultValue:false},restartOnViewport:{type:ControlType.Boolean,title:\"Replay\",defaultValue:false},selectedFont:{title:\"Font\",type:ControlType.Font,defaultValue:{fontFamily:\"Inter\",fontWeight:500,systemFont:true}},textSize:{title:\"Font Size\",type:ControlType.Number,min:8,max:240,step:1},textColor:{type:ControlType.Color,title:\"Font Color\"},start:{type:ControlType.String,title:\"Start (text)\",defaultValue:\"0\"},end:{type:ControlType.String,title:\"End (text)\",defaultValue:\"10\"},decimalSeparatorType:{type:ControlType.Enum,title:\"Separator\",defaultValue:\"comma\",options:[\"comma\",\"period\",\"none\"]},incrementType:{type:ControlType.Enum,title:\"Increment Type\",defaultValue:\"integer\",options:[\"integer\",\"decimal\"]},prefixText:{type:ControlType.String,title:\"Prefix\",defaultValue:\"\"},prefixFont:{title:\"Prefix Font\",type:ControlType.Font},prefixColor:{type:ControlType.Color,title:\"Prefix Color\"},suffixText:{type:ControlType.String,title:\"Suffix\",defaultValue:\"\"},suffixFont:{type:ControlType.Font},suffixColor:{type:ControlType.Color,title:\"Suffix Color\"},gapSize:{type:ControlType.Number,title:\"Gap Size\",defaultValue:4,min:0,max:100},speedPercent:{type:ControlType.Number,title:\"Speed (%)\",defaultValue:100,min:1,max:1e3,step:1},loop:{type:ControlType.Boolean,title:\"Loop Animation\",defaultValue:false}});\nexport const __FramerMetadata__ = {\"exports\":{\"Counter\":{\"type\":\"reactComponent\",\"name\":\"Counter\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Counter.map"],"mappings":"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"}