{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/qpjhCcDm4G1NbFAlpMKV/mpBjgPy3BrkirNCk9tKH/AnimatedNumberCounter_Prod.js"],
  "sourcesContent": ["import{jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";import{useEffect,useState,useRef}from\"react\";import{motion,useMotionValue,animate,useInView}from\"framer-motion\";/**\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n *\n * @framerDisableUnlink\n */export default function AnimatedNumberCounter(props){const{mode,start,end,value,decimals,commas,color,animation}=props;const isCanvas=RenderTarget.current()===RenderTarget.canvas;const MotionTag=motion[props.tag];const isDefault=mode==\"default\";const initialValue=isDefault?start:value;const transition=isDefault?animation.transition:props.transition;const formatNumber=number=>{let numberString=number.toFixed(decimals);if(commas){numberString=numberString.replace(/\\B(?=(\\d{3})+(?!\\d))/g,\",\");}return numberString;};const[number,setNumber]=useState(initialValue);const[currentAnimation,setCurrentAnimation]=useState(null);const ref=useRef(null);const isInView=useInView(ref,{once:!props.animation.replay,amount:\"some\"});const motionValue=useMotionValue(value);const runAnimation=(from,to)=>{if(!isCanvas){if(currentAnimation){currentAnimation.stop();}setCurrentAnimation(animate(from,to,{...transition,onUpdate:latest=>{setNumber(latest);}}));}};useEffect(()=>{if(isDefault&&animation.trigger==\"appear\"){runAnimation(start,end);}},[]);useEffect(()=>{if(isDefault&&animation.trigger==\"layerInView\"){if(isInView){runAnimation(start,end);}else{if(currentAnimation){currentAnimation.stop();}setNumber(start);}}},[isInView]);useEffect(()=>{if(!isDefault){runAnimation(number,value);}},[value]);return /*#__PURE__*/_jsxs(MotionTag,{ref:ref,style:{userSelect:props.userSelect?\"auto\":\"none\",fontVariantNumeric:props.monospace?\"tabular-nums\":undefined,margin:0,...color.mode==\"solid\"?{color:color.color}:{WebkitBackgroundClip:\"text\",WebkitTextFillColor:\"transparent\",backgroundImage:`linear-gradient(${color.angle}deg, ${color.startColor}, ${color.endColor})`},...props.font,...props.style},children:[props.prefix,formatNumber(isCanvas?initialValue:number),props.suffix]});}AnimatedNumberCounter.displayName=\"Animated Number Counter\";addPropertyControls(AnimatedNumberCounter,{mode:{type:ControlType.Enum,options:[\"default\",\"variants\"],optionTitles:[\"Default\",\"Variants\"],displaySegmentedControl:true},value:{type:ControlType.Number,defaultValue:0,hidden:props=>props.mode!==\"variants\"},start:{type:ControlType.Number,defaultValue:0,hidden:props=>props.mode!==\"default\"},end:{type:ControlType.Number,defaultValue:100,hidden:props=>props.mode!==\"default\"},animation:{type:ControlType.Object,icon:\"effect\",hidden:props=>props.mode!==\"default\",controls:{trigger:{type:ControlType.Enum,defaultValue:\"layerInView\",options:[\"appear\",\"layerInView\"],optionTitles:[\"Appear\",\"Layer in View\"],displaySegmentedControl:true,segmentedControlDirection:\"vertical\"},replay:{type:ControlType.Boolean,defaultValue:true,hidden(props){return props.trigger!==\"layerInView\";}},transition:{type:ControlType.Transition,defaultValue:{type:\"spring\",duration:1,bounce:0}}}},transition:{type:ControlType.Transition,defaultValue:{type:\"spring\",duration:1,bounce:0},hidden:props=>props.mode!==\"variants\"},decimals:{type:ControlType.Enum,defaultValue:0,options:[0,1,2,3],optionTitles:[\"Off\",\"1\",\"2\",\"3\"],displaySegmentedControl:true},commas:{type:ControlType.Boolean,defaultValue:true},font:{type:\"font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:16,lineHeight:1}},color:{type:ControlType.Object,controls:{mode:{type:ControlType.Enum,defaultValue:\"solid\",options:[\"solid\",\"gradient\"],optionTitles:[\"Solid\",\"Gradient\"],displaySegmentedControl:true},color:{type:ControlType.Color,defaultValue:\"#000\",hidden:props=>props.mode!==\"solid\"},startColor:{type:ControlType.Color,defaultValue:\"#000\",hidden:props=>props.mode!==\"gradient\"},endColor:{type:ControlType.Color,defaultValue:\"#FFF\",hidden:props=>props.mode!==\"gradient\"},angle:{type:ControlType.Number,defaultValue:180,min:-360,max:360,unit:\"\\xb0\",hidden:props=>props.mode!==\"gradient\"}}},prefix:{type:ControlType.String,placeholder:\"Prefix\"},suffix:{type:ControlType.String,placeholder:\"Suffix\"},userSelect:{type:ControlType.Boolean,defaultValue:true},tag:{type:ControlType.Enum,defaultValue:\"p\",displaySegmentedControl:true,options:[\"h1\",\"h2\",\"h3\",\"p\"],optionTitles:[\"H1\",\"H2\",\"H3\",\"P\"]},monospace:{type:ControlType.Boolean,defaultValue:false,description:\"More components at [Framer University](https://frameruni.link/cc).\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"AnimatedNumberCounter\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerDisableUnlink\":\"\",\"framerSupportedLayoutHeight\":\"any\",\"framerSupportedLayoutWidth\":\"any\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./AnimatedNumberCounter_Prod.map"],
  "mappings": "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",
  "names": ["AnimatedNumberCounter", "props", "mode", "start", "end", "value", "decimals", "commas", "color", "animation", "isCanvas", "RenderTarget", "MotionTag", "motion", "isDefault", "initialValue", "transition", "formatNumber", "number", "numberString", "setNumber", "ye", "currentAnimation", "setCurrentAnimation", "ref", "pe", "isInView", "useInView", "motionValue", "useMotionValue", "runAnimation", "from", "to", "animate", "latest", "ue", "u", "addPropertyControls", "ControlType"]
}