{"version":3,"file":"LazyLoadComponent.D6APitCF.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,IAAQ,CAAqJ,SAAgB,EAAsB,EAAE,CAAC,MAAO,KAAQ,EAA+BA,EAAwC,CAAQC,EAAK,EAAE,CAAC,GAAG,EAAM,GAAG,EAAkB,EAAM,CAAC,CAAC,qBAHpW,IAAyB,IAGmE,CAFjI,EAAS,EAAK,CAAC,mBAAmB,GAAM,CAAC,CAEoW,EAAsB,YAAY"}