{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/403DQHNruaFMo82eN3aM/Iux8PJ7aUW0ddGjJFQoE/Encrypted_time.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useState,useRef,useEffect}from\"react\";const letters=\"ABCDEFGHIJKLMNOPQRSTUVWXYZ\";const numbers=\"0123456789\";const specialCharacters=\"!@#$%^&*()\";function EncryptedTime({fontFamily,fontSize,color,lineHeight,fontWeight,letterSpacing}){const[isVisible,setIsVisible]=useState(false);const[iteration,setIteration]=useState(0);const intersectionRef=useRef(null);const getTimeString=()=>{const now=new Date;const hour=now.getHours()%12||12;const minute=now.getMinutes().toString().padStart(2,\"0\");const ampm=now.getHours()<12?\"AM\":\"PM\";return`${hour}:${minute} ${ampm}`;};const encrypt=iteration=>{const encryptedValue=getTimeString().split(\"\").map((char,index)=>{if(index<iteration){return char;}if(letters.includes(char)){const randomLetter=letters[Math.floor(Math.random()*letters.length)];return randomLetter;}else if(numbers.includes(char)){const randomNumber=numbers[Math.floor(Math.random()*numbers.length)];return randomNumber;}else if(specialCharacters.includes(char)){const randomSpecialChar=specialCharacters[Math.floor(Math.random()*specialCharacters.length)];return randomSpecialChar;}return char;});return encryptedValue.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=setInterval(()=>{setIteration(prev=>prev+1);},100) // Update every 100 milliseconds for faster transition\n;}return()=>clearInterval(interval);},[isVisible]);return /*#__PURE__*/ _jsxs(\"div\",{ref:intersectionRef,children:[/*#__PURE__*/ _jsx(\"style\",{children:`\n                @import url('https://fonts.googleapis.com/css2?family=DM+Mono&display=swap');\n\n                h1 {\n                    font-family: ${fontFamily}, monospace;\n                    font-size: ${fontSize}px;\n                    color: ${color};\n                    line-height: ${lineHeight};\n                    font-weight: ${fontWeight};\n                    letter-spacing: ${letterSpacing}px;\n                }\n                `}),/*#__PURE__*/ _jsx(\"h1\",{children:encrypt(iteration)})]});}EncryptedTime.defaultProps={fontFamily:\"DM Mono\",fontSize:64,color:\"#DDDDDD\",lineHeight:1.2,fontWeight:400,letterSpacing:0};addPropertyControls(EncryptedTime,{fontFamily:{type:ControlType.String,title:\"Font Family\",defaultValue:\"DM Mono\"},fontSize:{type:ControlType.Number,title:\"Font Size\",defaultValue:64,min:12,max:144,step:1,displayStepper:true},color:{type:ControlType.Color,title:\"Color\",defaultValue:\"#DDDDDD\"},lineHeight:{type:ControlType.Number,title:\"Line Height\",defaultValue:1.2,step:.1,displayStepper:true},fontWeight:{type:ControlType.Number,title:\"Font Weight\",defaultValue:400,min:100,max:900,step:100,displayStepper:true},letterSpacing:{type:ControlType.Number,title:\"Letter Spacing\",defaultValue:0,min:0,max:10,step:.1,displayStepper:true}});export default EncryptedTime;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"EncryptedTime\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Encrypted_time.map"],
  "mappings": "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",
  "names": ["init_ssg_sandbox_shims", "letters", "numbers", "specialCharacters", "EncryptedTime", "fontFamily", "fontSize", "color", "lineHeight", "fontWeight", "letterSpacing", "isVisible", "setIsVisible", "ye", "iteration", "setIteration", "intersectionRef", "pe", "getTimeString", "now", "hour", "minute", "ampm", "encrypt", "char", "index", "ue", "observer", "entries", "entry", "interval", "prev", "u", "p", "addPropertyControls", "ControlType", "Encrypted_time_default"]
}