{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/7CEjkxLScT4DWtG9cWWo/Nif12qZTOLqsd6yl0TMW/Scramble.js"],
  "sourcesContent": ["import{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\":{\"onAppear\":{\"type\":\"reactHoc\",\"name\":\"onAppear\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"onLoop\":{\"type\":\"reactHoc\",\"name\":\"onLoop\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Scramble.map"],
  "mappings": "8DAEA,IAAMA,EAAQ,yCAAgD,SAASC,EAASC,EAAU,CAAC,OAAOC,GAAO,CAAC,IAAMC,EAAMD,EAAM,SAAS,MAAM,SAAS,MAAM,SAAc,CAACE,EAAUC,CAAY,EAAEC,EAAS,EAAK,EAAO,CAACC,EAAUC,CAAY,EAAEF,EAAS,CAAC,EAAQG,EAAgBC,EAAO,IAAI,EAAQC,EAAQJ,GAAmBJ,EAAM,MAAM,EAAE,EAAE,IAAI,CAACS,EAAOC,IAAYA,EAAMN,EAAkBJ,EAAMU,CAAK,EAAUd,EAAQ,KAAK,MAAM,KAAK,OAAO,EAAE,EAAE,CAAC,CAAG,EAAE,KAAK,EAAE,EAAI,OAAAe,EAAU,IAAI,CAAC,IAAMC,EAAS,IAAI,qBAAqBC,GAAS,CAACA,EAAQ,QAAQC,GAAO,CAAIA,EAAM,eAAgBZ,EAAa,EAAI,EAAQA,EAAa,EAAK,CAAG,CAAC,CAAE,CAAC,EAAE,OAAAU,EAAS,QAAQN,EAAgB,OAAO,EAAQ,IAAIM,EAAS,WAAW,CAAE,EAAE,CAAC,CAAC,EAAED,EAAU,IAAI,CAAC,IAAII,EAAS,KAAK,OAAGd,IAAWc,EAAS,WAAW,IAAI,CAACV,EAAaW,GAAMA,EAAK,EAAE,CAAC,EAAED,EAAS,YAAY,IAAI,CAACV,EAAaW,GAAMA,EAAK,EAAE,CAAC,CAAE,EAAE,EAAE,CAAE,EAAE,GAAG,GAAS,IAAI,cAAcD,CAAQ,CAAE,EAAE,CAACd,CAAS,CAAC,EAAsB,EAAKH,EAAU,CAAC,IAAIQ,EAAgB,GAAGP,EAAM,KAAKE,EAAUO,EAAQJ,CAAS,EAAEJ,CAAK,CAAC,CAAE,CAAE",
  "names": ["letters", "onAppear", "Component", "props", "value", "isVisible", "setIsVisible", "ye", "iteration", "setIteration", "intersectionRef", "pe", "encrypt", "letter", "index", "ue", "observer", "entries", "entry", "interval", "prev"]
}