{"version":3,"file":"Image_sequence.BbUugHxW.mjs","names":["_Fragment"],"sources":["https:/framerusercontent.com/modules/D6EQJBO5mfu46zbFr6bc/HFiqXJNdpco57ZszLtGk/Image_sequence.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{useState,useRef,useEffect}from\"react\";import{useScroll,useMotionValueEvent}from\"framer-motion\";const VARIANT_LENGTH=91;export const withScrollVariants=Component=>{const variants=Array.from({length:VARIANT_LENGTH},(_,i)=>`Variant ${i}`);return props=>{const[variantIndex,setVariantIndex]=useState(0);const[imagesLoaded,setImagesLoaded]=useState(false);const ref=useRef(null);const{scrollYProgress}=useScroll({target:ref,offset:[\"start 0.8\",\"end 0.3\"]});useEffect(()=>{const imageSources=[];document.querySelectorAll(\"img\").forEach(imgElement=>{imageSources.push(imgElement.src);});const imagePromises=imageSources.map(src=>{return new Promise((resolve,reject)=>{const img=new Image;img.onload=()=>resolve(src);img.onerror=()=>reject(src);img.src=src;});});Promise.all(imagePromises).then(()=>setImagesLoaded(true)).catch(()=>setImagesLoaded(false));},[]);useEffect(()=>{const newVariantIndex=Math.round(scrollYProgress.current*(VARIANT_LENGTH-2))+1;setVariantIndex(newVariantIndex);},[scrollYProgress.current]);useMotionValueEvent(scrollYProgress,\"change\",currentProgress=>{const newVariantIndex=Math.round(scrollYProgress.current*(VARIANT_LENGTH-2))+1;if(newVariantIndex!==variantIndex&&imagesLoaded){setVariantIndex(newVariantIndex);}});return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"div\",{style:{display:\"none\"},children:variants.map(variant=>/*#__PURE__*/_jsx(Component,{...props,variant:variant},variant))}),/*#__PURE__*/_jsx(Component,{...props,variant:variants[variantIndex],ref:ref})]});};};\nexport const __FramerMetadata__ = {\"exports\":{\"withScrollVariants\":{\"type\":\"reactHoc\",\"name\":\"withScrollVariants\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Image_sequence.map"],"mappings":"sTAA0N,AAA1N,GAA+E,IAA6C,IAAyD,CAAM,EAAe,GAAgB,EAAmB,GAAW,CAAC,IAAM,EAAS,MAAM,KAAK,CAAC,OAAO,CAAe,EAAC,CAAC,EAAE,KAAK,UAAU,IAAI,CAAC,MAAO,CAAA,GAAO,CAAC,GAAK,CAAC,EAAa,EAAgB,CAAC,EAAS,EAAE,CAAM,CAAC,EAAa,EAAgB,CAAC,GAAS,EAAM,CAAO,EAAI,EAAO,KAAK,CAAM,CAAC,kBAAgB,CAAC,EAAU,CAAC,OAAO,EAAI,OAAO,CAAC,YAAY,SAAU,CAAC,EAAC,CAAmxB,MAAlxB,GAAU,IAAI,CAAC,IAAM,EAAa,CAAE,EAAC,SAAS,iBAAiB,MAAM,CAAC,QAAQ,GAAY,CAAC,EAAa,KAAK,EAAW,IAAI,AAAE,EAAC,CAAC,IAAM,EAAc,EAAa,IAAI,GAAa,IAAI,QAAQ,CAAC,EAAQ,IAAS,CAAC,IAAM,EAAI,IAAI,MAA8D,AAAxD,EAAI,OAAO,IAAI,EAAQ,EAAI,CAAC,EAAI,QAAQ,IAAI,EAAO,EAAI,CAAC,EAAI,IAAI,CAAK,GAAI,CAAC,QAAQ,IAAI,EAAc,CAAC,KAAK,IAAI,GAAgB,EAAK,CAAC,CAAC,MAAM,IAAI,GAAgB,EAAM,CAAC,AAAE,EAAC,CAAE,EAAC,CAAC,EAAU,IAAI,CAAC,IAAM,EAAgB,KAAK,MAAM,EAAgB,SAAS,EAAe,GAAG,CAAC,EAAE,EAAgB,EAAgB,AAAE,EAAC,CAAC,EAAgB,OAAQ,EAAC,CAAC,EAAoB,EAAgB,SAAS,GAAiB,CAAC,IAAM,EAAgB,KAAK,MAAM,EAAgB,SAAS,EAAe,GAAG,CAAC,EAAE,AAAG,IAAkB,GAAc,GAAc,EAAgB,EAAgB,AAAG,EAAC,CAAqB,EAAMA,EAAU,CAAC,SAAS,CAAc,EAAK,MAAM,CAAC,MAAM,CAAC,QAAQ,MAAO,EAAC,SAAS,EAAS,IAAI,GAAsB,EAAK,EAAU,CAAC,GAAG,EAAc,SAAQ,EAAC,EAAQ,CAAC,AAAC,EAAC,CAAc,EAAK,EAAU,CAAC,GAAG,EAAM,QAAQ,EAAS,GAAkB,KAAI,EAAC,AAAC,CAAC,EAAC,AAAE,CAAE"}