{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/iSh4sVEz74G6DsgRzGDf/2a1o89uzpC4qUh4jOiuw/Counter1.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\";// Styles for the main container\nconst CounterStyles={container:{display:\"flex\",justifyContent:\"center\",alignItems:\"center\"}};// Digit component for slot machine animation\nconst Digit=({targetDigit,speed,textSize,textColor,selectedFont})=>{const[currentDigit,setCurrentDigit]=useState(0);const[isAnimating,setIsAnimating]=useState(true);useEffect(()=>{let intervalId;if(isAnimating){intervalId=setInterval(()=>{setCurrentDigit(prev=>{if(prev===targetDigit){clearInterval(intervalId);setIsAnimating(false);return prev;}return(prev+1)%10;});},speed);}return()=>clearInterval(intervalId);},[targetDigit,speed,isAnimating]);return /*#__PURE__*/_jsx(motion.div,{initial:{y:-textSize},animate:{y:0},transition:{type:\"spring\",stiffness:300,damping:20,duration:.3},style:{display:\"inline-block\",height:`${textSize}px`,overflow:\"hidden\",width:`${textSize/2}px`,textAlign:\"center\",fontFamily:selectedFont.fontFamily,fontWeight:selectedFont.fontWeight,fontSize:`${textSize}px`,color:textColor},children:currentDigit});};// Main Counter component\nexport function Counter(props){const{start,end,speed,gapSize,prefixText,suffixText,prefixFont,suffixFont,prefixColor,suffixColor,loop,decimalSeparatorType,textSize,selectedFont,textColor,startOnViewport,restartOnViewport,incrementType,slotMachine}=props;const[count,setCount]=useState(start);const[isVisible,setIsVisible]=useState(false);const containerRef=useRef(null);// Observer for viewport\nuseEffect(()=>{const observer=new IntersectionObserver(entries=>{const entry=entries[0];setIsVisible(entry.isIntersecting);});if(containerRef.current){observer.observe(containerRef.current);}return()=>{if(containerRef.current){observer.unobserve(containerRef.current);}};},[]);// Increment logic\nuseEffect(()=>{if(slotMachine)return;// Skip if slot machine is active\nconst updateCount=()=>{const increment=incrementType===\"integer\"?1:.1;setCount(prevCount=>{const nextCount=parseFloat((prevCount+increment).toFixed(2));if(loop){return nextCount>end?start:nextCount;}return nextCount>=end?end:nextCount;});};if(isVisible||!startOnViewport&&start!==end){const intervalId=setInterval(updateCount,speed);return()=>{clearInterval(intervalId);};}else if(startOnViewport&&isVisible){setCount(start);}},[count,start,end,loop,isVisible,speed,startOnViewport,incrementType,slotMachine]);// Restart on viewport\nuseEffect(()=>{if(restartOnViewport&&isVisible){setCount(start)// Restart the animation when re-entering the viewport\n;}},[isVisible,restartOnViewport,start]);// Format number based on separator\nconst formatNumber=number=>{if(decimalSeparatorType===\"comma\"){return number.toLocaleString(\"en-US\");}else if(decimalSeparatorType===\"period\"){return number.toLocaleString(\"de-DE\")// German uses period as thousand separator\n;}else{return number.toFixed(incrementType===\"integer\"?0:1);}};// Render slot machine digits\nconst renderSlotMachine=()=>{const targetStr=end.toString();const currentStr=count.toFixed(incrementType===\"integer\"?0:1).toString();// Pad with zeros to match the length\nconst maxLength=Math.max(targetStr.length,currentStr.length);const paddedTarget=targetStr.padStart(maxLength,\"0\");const paddedCurrent=currentStr.padStart(maxLength,\"0\");return /*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",gap:`${gapSize}px`},children:paddedTarget.split(\"\").map((digit,index)=>/*#__PURE__*/_jsx(Digit,{targetDigit:parseInt(digit,10),speed:speed,textSize:textSize,textColor:textColor,selectedFont:selectedFont},index))});};return /*#__PURE__*/_jsxs(motion.div,{ref:containerRef,style:{...CounterStyles.container,gap:`${gapSize}px`,flexDirection:\"row\",alignItems:\"center\",fontSize:`${textSize}px`,fontFamily:selectedFont.fontFamily,fontWeight:selectedFont.fontWeight,color:textColor},children:[/*#__PURE__*/_jsx(\"span\",{style:{fontFamily:prefixFont.fontFamily,fontWeight:prefixFont.fontWeight,color:prefixColor},children:prefixText}),slotMachine?renderSlotMachine():/*#__PURE__*/_jsx(\"span\",{children:formatNumber(count)}),/*#__PURE__*/_jsx(\"span\",{style:{fontFamily:suffixFont.fontFamily,fontWeight:suffixFont.fontWeight,color:suffixColor},children:suffixText})]});}// Default props for the Counter component\nCounter.defaultProps={start:0,end:100,speed:100,prefixText:\"\",suffixText:\"\",loop:false,decimalSeparatorType:\"comma\",textSize:36,selectedFont:{fontFamily:\"Inter\",fontWeight:500,systemFont:true},textColor:\"#D3D3D3\",startOnViewport:false,incrementType:\"integer\",slotMachine:false,prefixFont:{fontFamily:\"Inter\",fontWeight:500,systemFont:true},suffixFont:{fontFamily:\"Inter\",fontWeight:500,systemFont:true},prefixColor:\"#000000\",suffixColor:\"#000000\",gapSize:4};// Property controls for Framer\naddPropertyControls(Counter,{startOnViewport:{type:ControlType.Boolean,title:\"Viewport\",defaultValue:false,enabledTitle:\"On\",disabledTitle:\"Off\"},restartOnViewport:{type:ControlType.Boolean,title:\"Replay\",defaultValue:false,enabledTitle:\"Yes\",disabledTitle:\"No\"},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.Number,title:\"Start Number\",defaultValue:0,displayStepper:true},end:{type:ControlType.Number,title:\"End Number\",defaultValue:10,displayStepper:true},speed:{type:ControlType.Number,title:\"Speed (ms)\",defaultValue:100,min:10,max:2e3,step:10,description:\"Speed of the animation in milliseconds\"},decimalSeparatorType:{type:ControlType.Enum,title:\"Separator\",defaultValue:\"comma\",options:[\"comma\",\"period\",\"none\"],optionTitles:[\"Comma (1,000)\",\"Period (1.000)\",\"None\"]},incrementType:{type:ControlType.Enum,title:\"Increment Type\",defaultValue:\"integer\",options:[\"integer\",\"decimal\"],optionTitles:[\"Integer\",\"Decimal\"]},prefixText:{type:ControlType.String,title:\"Prefix\",defaultValue:\"\"},prefixFont:{title:\"Prefix Font\",type:ControlType.Font,defaultValue:{fontFamily:\"Inter\",fontWeight:500,systemFont:true}},prefixColor:{type:ControlType.Color,title:\"Prefix Color\"},suffixText:{type:ControlType.String,title:\"Suffix\",defaultValue:\"\"},suffixFont:{title:\"Suffix Font\",type:ControlType.Font,defaultValue:{fontFamily:\"Inter\",fontWeight:500,systemFont:true}},suffixColor:{type:ControlType.Color,title:\"Suffix Color\"},gapSize:{type:ControlType.Number,title:\"Gap Size\",defaultValue:4,min:0,max:100,step:1},loop:{type:ControlType.Boolean,title:\"Loop Animation\",defaultValue:false,enabledTitle:\"On\",disabledTitle:\"Off\",description:\"Loop the counting animation\"},slotMachine:{type:ControlType.Boolean,title:\"Slot Machine\",defaultValue:false,enabledTitle:\"On\",disabledTitle:\"Off\",description:\"Enable slot machine style animation\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"Counter\":{\"type\":\"reactComponent\",\"name\":\"Counter\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Counter1.map"],
  "mappings": "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",
  "names": ["CounterStyles", "Digit", "targetDigit", "speed", "textSize", "textColor", "selectedFont", "currentDigit", "setCurrentDigit", "ye", "isAnimating", "setIsAnimating", "ue", "intervalId", "prev", "p", "motion", "Counter", "props", "start", "end", "gapSize", "prefixText", "suffixText", "prefixFont", "suffixFont", "prefixColor", "suffixColor", "loop", "decimalSeparatorType", "startOnViewport", "restartOnViewport", "incrementType", "slotMachine", "count", "setCount", "isVisible", "setIsVisible", "containerRef", "pe", "observer", "entries", "entry", "updateCount", "increment", "prevCount", "nextCount", "formatNumber", "number", "renderSlotMachine", "targetStr", "currentStr", "maxLength", "paddedTarget", "paddedCurrent", "digit", "index", "u", "addPropertyControls", "ControlType"]
}