{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/Xueoln8pqDPWWP2pZlLX/TQcjqUL5xhmLZeXUKV8b/Animated_Number.js", "ssg:https://framerusercontent.com/modules/YOpk81Kkman08JD1V1CC/aXvWaAeA2R4bbONnNM5L/Animated_Number_1_1_1.js", "ssg:https://framerusercontent.com/modules/ysWed4jpupb4qqdX9LdH/mMRKviutCwJIKRPAYqSD/Animated_Number_1.js", "ssg:https://framerusercontent.com/modules/zHbSKTkEBdxyRgCLyA9v/YDAdloJ70veTyT4YHOYG/Animated_Number_1_1.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{useState,useRef,useEffect}from\"react\";import{animate,useInView}from\"framer-motion\";// Learn more: https://www.framer.com/docs/guides/overrides/\n/*\nStartingNumber : the number from which you want animation to start and \nEndingNumber you want animation to complete\n */const StartingNumber=0;const EndingNumber=8;/*\nif repeat === false animation only occur once\n*/const Repeat=true;/*\nhow much duration in sec animation should complete\n*/const duration=1;/* Easing types are \nanticipate\nbackIn/backOut/backInOut\ncircIn/circOut/circInOut\neaseIn/easeOut/easeInOut\n*/const easing=\"easeInOut\";export function withAnimatedNumber(Component){return props=>{const ref=useRef();const isInView=useInView(ref,{once:!Repeat});const[number,setNumber]=useState(StartingNumber.toString());useEffect(()=>{if(isInView){animate(StartingNumber,EndingNumber,{duration,ease:easing,onUpdate:val=>{const valueToInteger=parseInt(val.toString());const valueToString=valueToInteger.toString();setNumber(valueToString);}});}},[isInView]);return /*#__PURE__*/_jsx(Component,{...props,ref:ref,text:number});};}function addCommasToNumber(numberString){return numberString.replace(/\\B(?=(\\d{3})+(?!\\d))/g,\",\");}export function withAnimatedNumberCommas(Component){return props=>{const ref=useRef();const isInView=useInView(ref,{once:!Repeat});const[number,setNumber]=useState(StartingNumber.toString());useEffect(()=>{if(isInView){animate(StartingNumber,EndingNumber,{duration,ease:easing,onUpdate:val=>{const valueToInteger=parseInt(val.toString());const valueToString=addCommasToNumber(valueToInteger.toString());setNumber(valueToString);}});}},[isInView]);return /*#__PURE__*/_jsx(Component,{...props,ref:ref,text:number});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withAnimatedNumberCommas\":{\"type\":\"reactHoc\",\"name\":\"withAnimatedNumberCommas\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withAnimatedNumber\":{\"type\":\"reactHoc\",\"name\":\"withAnimatedNumber\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Animated_Number.map", "import{jsx as _jsx}from\"react/jsx-runtime\";import{useState,useRef,useEffect}from\"react\";import{animate,useInView}from\"framer-motion\";// Learn more: https://www.framer.com/docs/guides/overrides/\n/*\nStartingNumber : the number from which you want animation to start and \nEndingNumber you want animation to complete\n */const StartingNumber=0;const EndingNumber=20;/*\nif repeat === false animation only occur once\n*/const Repeat=true;/*\nhow much duration in sec animation should complete\n*/const duration=1.5;/* Easing types are \nanticipate\nbackIn/backOut/backInOut\ncircIn/circOut/circInOut\neaseIn/easeOut/easeInOut\n*/const easing=\"easeInOut\";export function withAnimatedNumber(Component){return props=>{const ref=useRef();const isInView=useInView(ref,{once:!Repeat});const[number,setNumber]=useState(StartingNumber.toString());useEffect(()=>{if(isInView){animate(StartingNumber,EndingNumber,{duration,ease:easing,onUpdate:val=>{const valueToInteger=parseInt(val.toString());const valueToString=valueToInteger.toString();setNumber(valueToString);}});}},[isInView]);return /*#__PURE__*/_jsx(Component,{...props,ref:ref,text:number});};}function addCommasToNumber(numberString){return numberString.replace(/\\B(?=(\\d{3})+(?!\\d))/g,\",\");}export function withAnimatedNumberCommas(Component){return props=>{const ref=useRef();const isInView=useInView(ref,{once:!Repeat});const[number,setNumber]=useState(StartingNumber.toString());useEffect(()=>{if(isInView){animate(StartingNumber,EndingNumber,{duration,ease:easing,onUpdate:val=>{const valueToInteger=parseInt(val.toString());const valueToString=addCommasToNumber(valueToInteger.toString());setNumber(valueToString);}});}},[isInView]);return /*#__PURE__*/_jsx(Component,{...props,ref:ref,text:number});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withAnimatedNumberCommas\":{\"type\":\"reactHoc\",\"name\":\"withAnimatedNumberCommas\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withAnimatedNumber\":{\"type\":\"reactHoc\",\"name\":\"withAnimatedNumber\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Animated_Number_1_1_1.map", "import{jsx as _jsx}from\"react/jsx-runtime\";import{useState,useRef,useEffect}from\"react\";import{animate,useInView}from\"framer-motion\";// Learn more: https://www.framer.com/docs/guides/overrides/\n/*\nStartingNumber : the number from which you want animation to start and \nEndingNumber you want animation to complete\n */const StartingNumber=0;const EndingNumber=7;/*\nif repeat === false animation only occur once\n*/const Repeat=true;/*\nhow much duration in sec animation should complete\n*/const duration=1;/* Easing types are \nanticipate\nbackIn/backOut/backInOut\ncircIn/circOut/circInOut\neaseIn/easeOut/easeInOut\n*/const easing=\"easeInOut\";export function withAnimatedNumber(Component){return props=>{const ref=useRef();const isInView=useInView(ref,{once:!Repeat});const[number,setNumber]=useState(StartingNumber.toString());useEffect(()=>{if(isInView){animate(StartingNumber,EndingNumber,{duration,ease:easing,onUpdate:val=>{const valueToInteger=parseInt(val.toString());const valueToString=valueToInteger.toString();setNumber(valueToString);}});}},[isInView]);return /*#__PURE__*/_jsx(Component,{...props,ref:ref,text:number});};}function addCommasToNumber(numberString){return numberString.replace(/\\B(?=(\\d{3})+(?!\\d))/g,\",\");}export function withAnimatedNumberCommas(Component){return props=>{const ref=useRef();const isInView=useInView(ref,{once:!Repeat});const[number,setNumber]=useState(StartingNumber.toString());useEffect(()=>{if(isInView){animate(StartingNumber,EndingNumber,{duration,ease:easing,onUpdate:val=>{const valueToInteger=parseInt(val.toString());const valueToString=addCommasToNumber(valueToInteger.toString());setNumber(valueToString);}});}},[isInView]);return /*#__PURE__*/_jsx(Component,{...props,ref:ref,text:number});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withAnimatedNumber\":{\"type\":\"reactHoc\",\"name\":\"withAnimatedNumber\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withAnimatedNumberCommas\":{\"type\":\"reactHoc\",\"name\":\"withAnimatedNumberCommas\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Animated_Number_1.map", "import{jsx as _jsx}from\"react/jsx-runtime\";import{useState,useRef,useEffect}from\"react\";import{animate,useInView}from\"framer-motion\";// Learn more: https://www.framer.com/docs/guides/overrides/\n/*\nStartingNumber : the number from which you want animation to start and \nEndingNumber you want animation to complete\n */const StartingNumber=100;const EndingNumber=50;/*\nif repeat === false animation only occur once\n*/const Repeat=true;/*\nhow much duration in sec animation should complete\n*/const duration=1.5;/* Easing types are \nanticipate\nbackIn/backOut/backInOut\ncircIn/circOut/circInOut\neaseIn/easeOut/easeInOut\n*/const easing=\"easeInOut\";export function withAnimatedNumber(Component){return props=>{const ref=useRef();const isInView=useInView(ref,{once:!Repeat});const[number,setNumber]=useState(StartingNumber.toString());useEffect(()=>{if(isInView){animate(StartingNumber,EndingNumber,{duration,ease:easing,onUpdate:val=>{const valueToInteger=parseInt(val.toString());const valueToString=valueToInteger.toString();setNumber(valueToString);}});}},[isInView]);return /*#__PURE__*/_jsx(Component,{...props,ref:ref,text:number});};}function addCommasToNumber(numberString){return numberString.replace(/\\B(?=(\\d{3})+(?!\\d))/g,\",\");}export function withAnimatedNumberCommas(Component){return props=>{const ref=useRef();const isInView=useInView(ref,{once:!Repeat});const[number,setNumber]=useState(StartingNumber.toString());useEffect(()=>{if(isInView){animate(StartingNumber,EndingNumber,{duration,ease:easing,onUpdate:val=>{const valueToInteger=parseInt(val.toString());const valueToString=addCommasToNumber(valueToInteger.toString());setNumber(valueToString);}});}},[isInView]);return /*#__PURE__*/_jsx(Component,{...props,ref:ref,text:number});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withAnimatedNumberCommas\":{\"type\":\"reactHoc\",\"name\":\"withAnimatedNumberCommas\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withAnimatedNumber\":{\"type\":\"reactHoc\",\"name\":\"withAnimatedNumber\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Animated_Number_1_1.map"],
  "mappings": "8GAIG,IAAMA,EAAe,EAAQC,EAAa,EAErCC,EAAO,GAEPC,EAAS,EAKTC,EAAO,YAAmB,SAASC,EAAmBC,EAAU,CAAC,OAAOC,GAAO,CAAC,IAAMC,EAAIC,EAAO,EAAQC,EAASC,EAAUH,EAAI,CAAC,KAAK,CAACN,CAAM,CAAC,EAAO,CAACU,EAAOC,CAAS,EAAEC,EAASd,EAAe,SAAS,CAAC,EAAE,OAAAe,EAAU,IAAI,CAAIL,GAAUM,EAAQhB,EAAeC,EAAa,CAAC,SAAAE,EAAS,KAAKC,EAAO,SAASa,GAAK,CAA+C,IAAMC,EAA/B,SAASD,EAAI,SAAS,CAAC,EAAqC,SAAS,EAAEJ,EAAUK,CAAa,CAAE,CAAC,CAAC,CAAG,EAAE,CAACR,CAAQ,CAAC,EAAsBS,EAAKb,EAAU,CAAC,GAAGC,EAAM,IAAIC,EAAI,KAAKI,CAAM,CAAC,CAAE,CAAE,CCTngB,IAAMQ,EAAe,EAAQC,EAAa,GAErCC,EAAO,GAEPC,EAAS,IAKTC,EAAO,YAAmB,SAASC,EAAmBC,EAAU,CAAC,OAAOC,GAAO,CAAC,IAAMC,EAAIC,EAAO,EAAQC,EAASC,EAAUH,EAAI,CAAC,KAAK,CAACN,CAAM,CAAC,EAAO,CAACU,EAAOC,CAAS,EAAEC,EAASd,EAAe,SAAS,CAAC,EAAE,OAAAe,EAAU,IAAI,CAAIL,GAAUM,EAAQhB,EAAeC,EAAa,CAAC,SAAAE,EAAS,KAAKC,EAAO,SAASa,GAAK,CAA+C,IAAMC,EAA/B,SAASD,EAAI,SAAS,CAAC,EAAqC,SAAS,EAAEJ,EAAUK,CAAa,CAAE,CAAC,CAAC,CAAG,EAAE,CAACR,CAAQ,CAAC,EAAsBS,EAAKb,EAAU,CAAC,GAAGC,EAAM,IAAIC,EAAI,KAAKI,CAAM,CAAC,CAAE,CAAE,CCTngB,IAAMQ,EAAe,EAAQC,EAAa,EAErCC,EAAO,GAEPC,EAAS,EAKTC,EAAO,YAAmB,SAASC,EAAmBC,EAAU,CAAC,OAAOC,GAAO,CAAC,IAAMC,EAAIC,EAAO,EAAQC,EAASC,EAAUH,EAAI,CAAC,KAAK,CAACN,CAAM,CAAC,EAAO,CAACU,EAAOC,CAAS,EAAEC,EAASd,EAAe,SAAS,CAAC,EAAE,OAAAe,EAAU,IAAI,CAAIL,GAAUM,EAAQhB,EAAeC,EAAa,CAAC,SAAAE,EAAS,KAAKC,EAAO,SAASa,GAAK,CAA+C,IAAMC,EAA/B,SAASD,EAAI,SAAS,CAAC,EAAqC,SAAS,EAAEJ,EAAUK,CAAa,CAAE,CAAC,CAAC,CAAG,EAAE,CAACR,CAAQ,CAAC,EAAsBS,EAAKb,EAAU,CAAC,GAAGC,EAAM,IAAIC,EAAI,KAAKI,CAAM,CAAC,CAAE,CAAE,CCTngB,IAAMQ,EAAe,IAAUC,EAAa,GAEvCC,EAAO,GAEPC,EAAS,IAKTC,EAAO,YAAmB,SAASC,GAAmBC,EAAU,CAAC,OAAOC,GAAO,CAAC,IAAMC,EAAIC,EAAO,EAAQC,EAASC,EAAUH,EAAI,CAAC,KAAK,CAACN,CAAM,CAAC,EAAO,CAACU,EAAOC,CAAS,EAAEC,EAASd,EAAe,SAAS,CAAC,EAAE,OAAAe,EAAU,IAAI,CAAIL,GAAUM,EAAQhB,EAAeC,EAAa,CAAC,SAAAE,EAAS,KAAKC,EAAO,SAASa,GAAK,CAA+C,IAAMC,EAA/B,SAASD,EAAI,SAAS,CAAC,EAAqC,SAAS,EAAEJ,EAAUK,CAAa,CAAE,CAAC,CAAC,CAAG,EAAE,CAACR,CAAQ,CAAC,EAAsBS,EAAKb,EAAU,CAAC,GAAGC,EAAM,IAAIC,EAAI,KAAKI,CAAM,CAAC,CAAE,CAAE",
  "names": ["StartingNumber", "EndingNumber", "Repeat", "duration", "easing", "withAnimatedNumber", "Component", "props", "ref", "pe", "isInView", "useInView", "number", "setNumber", "ye", "ue", "animate", "val", "valueToString", "p", "StartingNumber", "EndingNumber", "Repeat", "duration", "easing", "withAnimatedNumber", "Component", "props", "ref", "pe", "isInView", "useInView", "number", "setNumber", "ye", "ue", "animate", "val", "valueToString", "p", "StartingNumber", "EndingNumber", "Repeat", "duration", "easing", "withAnimatedNumber", "Component", "props", "ref", "pe", "isInView", "useInView", "number", "setNumber", "ye", "ue", "animate", "val", "valueToString", "p", "StartingNumber", "EndingNumber", "Repeat", "duration", "easing", "withAnimatedNumber", "Component", "props", "ref", "pe", "isInView", "useInView", "number", "setNumber", "ye", "ue", "animate", "val", "valueToString", "p"]
}