{"version":3,"file":"LazyLoadComponent.P0gbuTcH.mjs","names":["__legacyOverrideHOC_DataObserverContext","_jsx"],"sources":["https:/framerusercontent.com/modules/TeUZ2T1CZYJq6A46Fr9t/zdlwVHj5LHXJFvxtDUQO/LazyLoadComponent.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{Data}from\"framer\";// Data to manage component visibility\nconst appState=Data({isComponentVisible:false});// Override to automatically lazy load component when it appears in viewport\nexport function LazyLoadComponent(){return{visible:appState.isComponentVisible,onAppear:()=>{// Make component visible when its parent appears in viewport\nif(!appState.isComponentVisible){appState.isComponentVisible=true;}}};}import{useContext as __legacyOverrideHOC_useContext}from\"react\";import{DataObserverContext as __legacyOverrideHOC_DataObserverContext}from\"framer\";export function withLazyLoadComponent(C){return props=>{__legacyOverrideHOC_useContext(__legacyOverrideHOC_DataObserverContext);return _jsx(C,{...props,...LazyLoadComponent(props)});};}withLazyLoadComponent.displayName=\"LazyLoadComponent\";\nexport const __FramerMetadata__ = {\"exports\":{\"withLazyLoadComponent\":{\"type\":\"reactHoc\",\"name\":\"withLazyLoadComponent\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"LazyLoadComponent\":{\"type\":\"override\",\"name\":\"LazyLoadComponent\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./LazyLoadComponent.map"],"mappings":"0KAEA,SAAgB,GAAmB,CAAC,MAAM,CAAC,QAAQ,EAAS,mBAAmB,aAAa,CAC5F,AAAiC,EAAS,qBAAmB,EAAM,CAAC,CAAE,CAAoJ,SAAgB,EAAsB,EAAE,CAAC,MAAO,KAAQ,EAA+BA,CAAuC,EAASC,EAAK,EAAE,CAAC,GAAG,EAAM,GAAG,EAAkB,CAAK,CAAC,CAAC,EAAI,mBAHxW,IAAyB,IAGmE,EAFhI,EAAS,EAAK,CAAC,mBAAmB,EAAK,CAAC,EAEqW,EAAsB,YAAY"}