{"version":3,"file":"CountNumber.EStBLfDC.mjs","names":["useRef","useState"],"sources":["https:/framerusercontent.com/modules/vMVth1gYWgFX10ACcPDf/5YFbKk1hx1rUnhYwNzCR/CountNumber.js"],"sourcesContent":["import{jsxs as _jsxs}from\"react/jsx-runtime\";import{useEffect,useRef,useState}from\"react\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";import{animate,useInView}from\"framer-motion\";/**\n * Zählt beim Reinscrollen von \"from\" auf \"to\".\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n */export default function CountNumber(props){const{from,to,duration,delay,font,color,prefix,suffix,style}=props;const ref=useRef(null);const isCanvas=RenderTarget.current()===RenderTarget.canvas;const inView=useInView(ref,{once:true,amount:.6});const[value,setValue]=useState(isCanvas?to:from);useEffect(()=>{if(isCanvas){setValue(to);return;}if(!inView)return;const controls=animate(from,to,{duration,delay,ease:[.16,1,.3,1],onUpdate:v=>setValue(v)});return()=>controls.stop();},[inView,from,to,duration,delay,isCanvas]);const text=new Intl.NumberFormat(\"de-DE\").format(Math.round(value));return /*#__PURE__*/_jsxs(\"span\",{ref:ref,style:{...style,...font,color,display:\"inline-block\",whiteSpace:\"nowrap\",fontVariantNumeric:\"tabular-nums\",margin:0},children:[prefix,text,suffix]});}CountNumber.defaultProps={from:10,to:0,duration:2.2,delay:0,color:\"#000\",prefix:\"\",suffix:\"\"};addPropertyControls(CountNumber,{from:{type:ControlType.Number,title:\"Von\",defaultValue:10,step:1,displayStepper:true},to:{type:ControlType.Number,title:\"Bis\",defaultValue:0,step:1,displayStepper:true},duration:{type:ControlType.Number,title:\"Dauer\",defaultValue:2.2,min:.2,max:8,step:.1,unit:\"s\"},delay:{type:ControlType.Number,title:\"Verz\\xf6gerung\",defaultValue:0,min:0,max:3,step:.1,unit:\"s\"},font:{type:ControlType.Font,title:\"Schrift\",controls:\"extended\",defaultFontType:\"sans-serif\"},color:{type:ControlType.Color,title:\"Farbe\",defaultValue:\"#000\"},prefix:{type:ControlType.String,title:\"Prefix\",defaultValue:\"\"},suffix:{type:ControlType.String,title:\"Suffix\",defaultValue:\"\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"CountNumber\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"auto\",\"framerSupportedLayoutWidth\":\"auto\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CountNumber.map"],"mappings":"uPAIG,SAAwB,EAAY,EAAM,CAAC,GAAK,CAAC,OAAK,KAAG,WAAS,QAAM,OAAK,QAAM,SAAO,SAAO,SAAO,EAAY,EAAIA,EAAO,IAAI,EAAQ,EAAS,EAAa,QAAQ,IAAI,EAAa,OAAa,EAAO,EAAU,EAAI,CAAC,KAAK,GAAK,OAAO,EAAE,CAAC,EAAO,CAAC,EAAM,GAAUC,EAAS,EAAS,EAAG,CAAI,EAAE,MAAc,CAAC,GAAG,EAAS,CAAC,EAAS,CAAE,EAAE,MAAO,CAAC,GAAG,CAAC,EAAO,OAAO,IAAM,EAAS,EAAQ,EAAK,EAAG,CAAC,WAAS,QAAM,KAAK,CAAC,IAAI,EAAE,GAAG,CAAC,EAAE,SAAS,GAAG,EAAS,CAAC,CAAC,CAAC,EAAE,UAAU,EAAS,KAAK,CAAE,EAAE,CAAC,EAAO,EAAK,EAAG,EAAS,EAAM,CAAQ,CAAC,EAAE,IAAM,EAAK,IAAI,KAAK,aAAa,OAAO,CAAC,CAAC,OAAO,KAAK,MAAM,CAAK,CAAC,EAAE,OAAoB,EAAM,OAAO,CAAK,MAAI,MAAM,CAAC,GAAG,EAAM,GAAG,EAAK,QAAM,QAAQ,eAAe,WAAW,SAAS,mBAAmB,eAAe,OAAO,CAAC,EAAE,SAAS,CAAC,EAAO,EAAK,CAAM,CAAC,CAAC,CAAE,iBAJluB,IAA6C,IAAiE,IAA6C,EAIwkB,EAAY,aAAa,CAAC,KAAK,GAAG,GAAG,EAAE,SAAS,IAAI,MAAM,EAAE,MAAM,OAAO,OAAO,GAAG,OAAO,EAAE,EAAE,EAAoB,EAAY,CAAC,KAAK,CAAC,KAAK,EAAY,OAAO,MAAM,MAAM,aAAa,GAAG,KAAK,EAAE,eAAe,EAAI,EAAE,GAAG,CAAC,KAAK,EAAY,OAAO,MAAM,MAAM,aAAa,EAAE,KAAK,EAAE,eAAe,EAAI,EAAE,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,QAAQ,aAAa,IAAI,IAAI,GAAG,IAAI,EAAE,KAAK,GAAG,KAAK,GAAG,EAAE,MAAM,CAAC,KAAK,EAAY,OAAO,MAAM,cAAiB,aAAa,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,GAAG,KAAK,GAAG,EAAE,KAAK,CAAC,KAAK,EAAY,KAAK,MAAM,UAAU,SAAS,WAAW,gBAAgB,YAAY,EAAE,MAAM,CAAC,KAAK,EAAY,MAAM,MAAM,QAAQ,aAAa,MAAM,EAAE,OAAO,CAAC,KAAK,EAAY,OAAO,MAAM,SAAS,aAAa,EAAE,EAAE,OAAO,CAAC,KAAK,EAAY,OAAO,MAAM,SAAS,aAAa,EAAE,CAAC,CAAC"}