{"version":3,"file":"Examples.D_GhLqa0.mjs","names":["useState","useRef","iteration"],"sources":["https:/framerusercontent.com/modules/2EV84mQCTvbB9iWIXkIW/PIKAZWwtwe29q8lAfJva/Examples.js"],"sourcesContent":["// © Framer University. All rights reserved.\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect,useState,useRef}from\"react\";// Loop only\nconst loopDelay=1e3;const initDelay=100;// Do not configure\nconst letters=\"abcdefghijklmnopqrstuvwxyz-.,+*!?@&%/=\";export function onAppear(Component){return props=>{const value=props.children.props.children.props.children;const[isVisible,setIsVisible]=useState(false);const[iteration,setIteration]=useState(0);const intersectionRef=useRef(null);const encrypt=iteration=>{return value.split(\"\").map((letter,index)=>{if(index<iteration){return value[index];}return letters[Math.floor(Math.random()*38)];}).join(\"\");};useEffect(()=>{const observer=new IntersectionObserver(entries=>{entries.forEach(entry=>{if(entry.isIntersecting){setIsVisible(true);}else{setIsVisible(false);}});});observer.observe(intersectionRef.current);return()=>observer.disconnect();},[]);useEffect(()=>{let interval=null;if(isVisible){interval=setTimeout(()=>{setIteration(prev=>prev+5/6);interval=setInterval(()=>{setIteration(prev=>prev+5/6);},50);},100);}return()=>clearInterval(interval);},[isVisible]);return /*#__PURE__*/_jsx(Component,{ref:intersectionRef,...props,text:isVisible?encrypt(iteration):value});};}export function onLoop(Component){return props=>{const value=props.children.props.children.props.children;const[isVisible,setIsVisible]=useState(false);const[iteration,setIteration]=useState(0);const[delayTime,setDelayTime]=useState(loopDelay);const intersectionRef=useRef(null);const encrypt=iteration=>{const length=value.length;let result=\"\";for(let i=0;i<length;i++){const letter=value[i];if(i<iteration){result+=letter;}else{result+=letters[Math.floor(Math.random()*38)];}}if(iteration>=length){setTimeout(()=>{setIteration(0);},delayTime);}return result;};useEffect(()=>{const observer=new IntersectionObserver(entries=>{entries.forEach(entry=>{if(entry.isIntersecting){setIsVisible(true);}else{setIsVisible(false);}});});observer.observe(intersectionRef.current);return()=>observer.disconnect();},[]);useEffect(()=>{let interval=null;if(isVisible){interval=setTimeout(()=>{setIteration(prev=>prev+5/6);interval=setInterval(()=>{setIteration(prev=>prev+5/6);},50);},initDelay);}return()=>clearInterval(interval);},[isVisible]);return /*#__PURE__*/_jsx(Component,{ref:intersectionRef,...props,text:isVisible?encrypt(iteration):value});};}\nexport const __FramerMetadata__ = {\"exports\":{\"onLoop\":{\"type\":\"reactHoc\",\"name\":\"onLoop\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"onAppear\":{\"type\":\"reactHoc\",\"name\":\"onAppear\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Examples.map"],"mappings":"2HAGuD,SAAgB,EAAS,EAAU,CAAC,MAAO,IAAO,CAAC,IAAM,EAAM,EAAM,SAAS,MAAM,SAAS,MAAM,SAAc,CAAC,EAAU,GAAcA,EAAS,GAAM,CAAM,CAAC,EAAU,GAAcA,EAAS,EAAE,CAAO,EAAgBC,EAAO,KAAK,CAAO,EAAQ,GAAmB,EAAM,MAAM,GAAG,CAAC,KAAK,EAAO,IAAY,EAAMC,EAAkB,EAAM,GAAe,EAAQ,KAAK,MAAM,KAAK,QAAQ,CAAC,GAAG,EAAI,CAAC,KAAK,GAAG,CAAod,OAAjd,MAAc,CAAC,IAAM,EAAS,IAAI,qBAAqB,GAAS,CAAC,EAAQ,QAAQ,GAAO,CAAI,EAAM,eAAgB,EAAa,GAAK,CAAO,EAAa,GAAM,EAAI,EAAG,CAA2C,OAA1C,EAAS,QAAQ,EAAgB,QAAQ,KAAW,EAAS,YAAY,EAAG,EAAE,CAAC,CAAC,MAAc,CAAC,IAAI,EAAS,KAA8I,OAAtI,IAAW,EAAS,eAAe,CAAC,EAAa,GAAM,EAAK,EAAE,EAAE,CAAC,EAAS,gBAAgB,CAAC,EAAa,GAAM,EAAK,EAAE,EAAE,EAAG,GAAG,EAAG,IAAI,MAAY,cAAc,EAAS,EAAG,CAAC,EAAU,CAAC,CAAqB,EAAK,EAAU,CAAC,IAAI,EAAgB,GAAG,EAAM,KAAK,EAAU,EAAQ,EAAU,CAAC,EAAM,CAAC,qBAFx9B,IAA6C,CAElF,EAAQ"}