{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/qpjhCcDm4G1NbFAlpMKV/OnyZiTlIjOBuSKcKQWFv/AnimatedNumberCounter_Prod.js"],
  "sourcesContent": ["import{jsxs as _jsxs,Fragment as _Fragment}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 Tag=props.tag;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[finalValue,setFinalValue]=useState(number);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();}setFinalValue(to);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(_Fragment,{children:[/*#__PURE__*/_jsxs(Tag,{style:{...props.style,margin:0,opacity:0,pointerEvents:\"none\",userSelect:\"none\",textWrap:props.balance?\"balance\":undefined,fontVariantNumeric:props.monospace?\"tabular-nums\":undefined,textAlign:\"center\",...props.font},children:[props.prefix,formatNumber(isCanvas?initialValue:finalValue),props.suffix]}),/*#__PURE__*/_jsxs(MotionTag,{ref:ref,style:{position:\"absolute\",inset:0,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})`},textDecoration:props.decoration,textWrap:props.balance?\"balance\":undefined,textAlign:\"center\",...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\"},decoration:{type:ControlType.Enum,defaultValue:\"none\",options:[\"none\",\"underline\",\"line-through\"],optionTitles:[\"None\",\"Underline\",\"Strikethrough\"]},balance:{type:ControlType.Boolean,defaultValue:false},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\":{\"framerSupportedLayoutHeight\":\"any\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"any\",\"framerDisableUnlink\":\"\"}},\"__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", "Tag", "MotionTag", "motion", "isDefault", "initialValue", "transition", "formatNumber", "number", "numberString", "setNumber", "ye", "finalValue", "setFinalValue", "currentAnimation", "setCurrentAnimation", "ref", "pe", "isInView", "useInView", "motionValue", "useMotionValue", "runAnimation", "from", "to", "animate", "latest", "ue", "u", "l", "addPropertyControls", "ControlType"]
}