{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/SUTggnxpS1uzBt6r4Sco/rqqsI48Cir0HmL21z8LW/Counter_3.js"],
  "sourcesContent": ["// Welcome to Code in Framer\n// Get Started: https://www.framer.com/developers/\nimport{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{useEffect,useRef}from\"react\";import{motion,useMotionValue,useSpring,useInView}from\"framer-motion\";import{addPropertyControls,ControlType}from\"framer\";/**\n * These annotations control how your component sizes\n * Learn more: https://www.framer.com/developers/#code-components-auto-sizing\n *\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */export default function Counter(props){const{decimal,value,decimalValue,direction,stiffness,damping,prefix,prefixText,suffix,suffixText,color,gradientText,gradientTextOption,fontStyle}=props;const initialValue=0;const ref=useRef(null);const updatedDecimalValue=decimal===true?decimalValue:value;const motionValue=useMotionValue(direction===\"down\"?updatedDecimalValue:initialValue);const springValue=useSpring(motionValue,{damping:damping,stiffness:stiffness});const isInView=useInView(ref,{once:true,margin:\"-100px 0px 0px 0px\"});useEffect(()=>{if(isInView){motionValue.set(direction===\"down\"?initialValue:updatedDecimalValue);}},[motionValue,isInView,initialValue,updatedDecimalValue]);useEffect(()=>springValue.on(\"change\",latest=>{if(ref.current){ref.current.textContent=Intl.NumberFormat(\"en-US\").format(latest.toFixed(decimal===true?2:0));}}),[]);return /*#__PURE__*/_jsxs(_Fragment,{children:[prefix?/*#__PURE__*/_jsx(motion.span,{style:{...fontStyle,backgroundImage:gradientText?`linear-gradient(to ${gradientTextOption?.gradientDirection},${gradientTextOption?.gradientColorFrom}, ${gradientTextOption?.gradientColorTo})`:\"none\",backgroundClip:gradientText?\"text\":\"none\",color:gradientText?\"transparent\":color},children:prefixText}):null,/*#__PURE__*/_jsx(motion.span,{ref:ref,style:{...fontStyle,backgroundImage:gradientText?`linear-gradient(to ${gradientTextOption?.gradientDirection},${gradientTextOption?.gradientColorFrom}, ${gradientTextOption?.gradientColorTo})`:\"none\",backgroundClip:gradientText?\"text\":\"none\",color:gradientText?\"transparent\":color},children:initialValue}),suffix?/*#__PURE__*/_jsx(motion.span,{style:{...fontStyle,backgroundImage:gradientText?`linear-gradient(to ${gradientTextOption?.gradientDirection},${gradientTextOption?.gradientColorFrom}, ${gradientTextOption?.gradientColorTo})`:\"none\",backgroundClip:gradientText?\"text\":\"none\",color:gradientText?\"transparent\":color},children:suffixText}):null]});}Counter.defaultProps={decimal:false,value:100,decimalValue:100,direction:\"up\",stiffness:300,damping:100,prefix:false,prefixText:\"\",suffix:false,suffixText:\"\",color:\"#000000\",fontStyle:\"\"};addPropertyControls(Counter,{decimal:{title:\"Decimal\",type:ControlType.Boolean,enabledTitle:\"Yes\",disabledTitle:\"No\"},value:{title:\"Value\",type:ControlType.Number,min:0,max:1e3,hidden(props){return props.decimal===true;}},decimalValue:{title:\"Value\",type:ControlType.Number,min:0,max:1e3,step:.01,hidden(props){return props.decimal===false;}},prefix:{title:\"Prefix\",type:ControlType.Boolean,enabledTitle:\"Yes\",disabledTitle:\"No\"},prefixText:{title:\"Prefix Value\",type:ControlType.String,hidden(props){return props.prefix===false;}},suffix:{title:\"Suffix\",type:ControlType.Boolean,enabledTitle:\"Yes\",disabledTitle:\"No\"},suffixText:{title:\"Suffix Value\",type:ControlType.String,hidden(props){return props.suffix===false;}},direction:{title:\"Direction\",type:ControlType.Enum,options:[\"up\",\"down\"]},stiffness:{title:\"Stiffness\",type:ControlType.Number,min:1,max:1e3},damping:{title:\"Damping\",type:ControlType.Number,min:0,max:100},color:{title:\"Color\",type:ControlType.Color},gradientText:{title:\"Gradient Text\",type:ControlType.Boolean,defaultValue:false},gradientTextOption:{title:\"Option\",type:ControlType.Object,controls:{gradientDirection:{title:\"Direction\",type:ControlType.Enum,options:[\"left\",\"right\",\"top\",\"bottom\"],optionTitles:[\"Left\",\"Right\",\"Top\",\"Bottom\"],defaultValue:\"right\"},gradientColorFrom:{title:\"From\",type:ControlType.Color,defaultValue:\"#000000\"},gradientColorTo:{title:\"To\",type:ControlType.Color,defaultValue:\"#ffffff\"}},hidden:props=>{return!props.gradientText;}},fontStyle:{title:\"Font Style\",type:\"font\",controls:\"extended\",defaultFontType:\"sans-serif\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Counter\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"any\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"any\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Counter_3.map"],
  "mappings": "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",
  "names": ["Counter", "props", "decimal", "value", "decimalValue", "direction", "stiffness", "damping", "prefix", "prefixText", "suffix", "suffixText", "color", "gradientText", "gradientTextOption", "fontStyle", "initialValue", "ref", "pe", "updatedDecimalValue", "motionValue", "useMotionValue", "springValue", "useSpring", "isInView", "useInView", "ue", "latest", "u", "l", "p", "motion", "addPropertyControls", "ControlType"]
}