{"version":3,"file":"Text_Color_Animation_1.Bt0eFecH.mjs","names":["s","p","u","e","o","a"],"sources":["https:/framerusercontent.com/modules/rdKhIhSd0xkfXqotN9D3/hTDgynI4NI5KfocSSOdJ/Text_Color_Animation_1.js"],"sourcesContent":["import{jsx as e,jsxs as t}from\"react/jsx-runtime\";import{useEffect as i,useRef as l}from\"react\";import{motion as o,useAnimation as n}from\"framer-motion\";import{addPropertyControls as r,ControlType as a}from\"framer\";export default function s({text:r,fontSize:a,fontFamily:s,fontWeight:p,textAlign:u,color01:d,color02:f,Duration:m,delay:y,replays:c}){let h=n(),w=l();return i(()=>{let e=new IntersectionObserver(async([e])=>{e.isIntersecting?(await new Promise(e=>setTimeout(e,1e3*y))// delay before animation starts\n,h.start(\"visible\")):!e.isIntersecting&&c&&h.start(\"hidden\");});return e.observe(w.current),()=>e.disconnect();},[m,h,d,y,c]),/*#__PURE__*/e(\"div\",{style:{fontSize:`${a}px`,fontFamily:s,fontWeight:p,width:\"100%\",whiteSpace:\"nowrap\",color:d,textAlign:u},ref:w,children:/*#__PURE__*/t(\"span\",{style:{position:\"relative\",display:\"inline-block\"},children:[r,/*#__PURE__*/e(o.span,{style:{position:\"absolute\",overflow:\"hidden\",whiteSpace:\"nowrap\",color:f,top:0,left:0,width:\"0%\"},animate:h,initial:{width:\"0%\"},variants:{visible:{width:\"100%\"},hidden:{width:\"0%\"}},transition:{duration:m},children:r})]})});}r(s,{text:{type:a.String,defaultValue:\"Hello, World!\"},fontSize:{type:a.Number,defaultValue:16,min:1,max:200,unit:\"px\"},fontFamily:{type:a.String,defaultValue:\"Arial\"},fontWeight:{type:a.Enum,defaultValue:\"400\",options:[\"100\",\"200\",\"300\",\"400\",\"500\",\"600\",\"700\",\"800\",\"900\"]},textAlign:{title:\"Text Align\",type:a.Enum,displaySegmentedControl:!0,optionTitles:[\"Left\",\"Center\",\"Right\"],options:[\"left\",\"center\",\"right\"]},color01:{title:\"Color 01\",type:a.Color,defaultValue:\"#333\"},color02:{title:\"Color 02\",type:a.Color,defaultValue:\"#fff\"},Duration:{type:a.Number,defaultValue:1,min:.1,max:10,step:.1},delay:{title:\"Delay\",type:a.Number,defaultValue:0,min:0,max:10,step:.1},replays:{title:\"Replays\",type:a.Boolean,defaultValue:!0}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"TextColorAnimation\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Text_Color_Animation_1.map"],"mappings":"mXAAuN,SAAwB,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,WAAWA,EAAE,WAAWC,EAAE,UAAUC,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,MAAO,GAAE,IAAI,CAAC,IAAI,EAAE,IAAI,qBAAqB,MAAM,CAACC,EAAE,GAAG,CAAC,EAAE,gBAAgB,MAAM,IAAI,QAAQ,GAAG,WAAWA,EAAE,IAAI,EAAE,EAChe,EAAE,MAAM,UAAU,GAAGA,EAAE,gBAAgB,GAAG,EAAE,MAAM,SAAS,AAAE,GAAE,MAAO,GAAE,QAAQ,EAAE,QAAQ,CAAC,IAAI,EAAE,YAAY,AAAE,EAAC,CAAC,EAAE,EAAE,EAAE,EAAE,CAAE,EAAC,CAAc,EAAE,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE,IAAI,WAAWH,EAAE,WAAWC,EAAE,MAAM,OAAO,WAAW,SAAS,MAAM,EAAE,UAAUC,CAAE,EAAC,IAAI,EAAE,SAAsB,EAAE,OAAO,CAAC,MAAM,CAAC,SAAS,WAAW,QAAQ,cAAe,EAAC,SAAS,CAAC,EAAe,EAAEE,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,WAAW,SAAS,SAAS,WAAW,SAAS,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,IAAK,EAAC,QAAQ,EAAE,QAAQ,CAAC,MAAM,IAAK,EAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,MAAO,EAAC,OAAO,CAAC,MAAM,IAAK,CAAC,EAAC,WAAW,CAAC,SAAS,CAAE,EAAC,SAAS,CAAE,EAAC,AAAC,CAAC,EAAC,AAAC,EAAC,AAAE,cAAA,AAD3lB,GAAkD,IAA8C,IAAyD,IAA8D,CACoY,EAAE,EAAE,CAAC,KAAK,CAAC,KAAKC,EAAE,OAAO,aAAa,eAAgB,EAAC,SAAS,CAAC,KAAKA,EAAE,OAAO,aAAa,GAAG,IAAI,EAAE,IAAI,IAAI,KAAK,IAAK,EAAC,WAAW,CAAC,KAAKA,EAAE,OAAO,aAAa,OAAQ,EAAC,WAAW,CAAC,KAAKA,EAAE,KAAK,aAAa,MAAM,QAAQ,CAAC,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,KAAM,CAAC,EAAC,UAAU,CAAC,MAAM,aAAa,KAAKA,EAAE,KAAK,yBAAyB,EAAE,aAAa,CAAC,OAAO,SAAS,OAAQ,EAAC,QAAQ,CAAC,OAAO,SAAS,OAAQ,CAAC,EAAC,QAAQ,CAAC,MAAM,WAAW,KAAKA,EAAE,MAAM,aAAa,MAAO,EAAC,QAAQ,CAAC,MAAM,WAAW,KAAKA,EAAE,MAAM,aAAa,MAAO,EAAC,SAAS,CAAC,KAAKA,EAAE,OAAO,aAAa,EAAE,IAAI,GAAG,IAAI,GAAG,KAAK,EAAG,EAAC,MAAM,CAAC,MAAM,QAAQ,KAAKA,EAAE,OAAO,aAAa,EAAE,IAAI,EAAE,IAAI,GAAG,KAAK,EAAG,EAAC,QAAQ,CAAC,MAAM,UAAU,KAAKA,EAAE,QAAQ,cAAc,CAAE,CAAC,EAAC"}