{"version":3,"file":"Animation_Code.B0xPKWiq.mjs","names":["useRef","useState"],"sources":["https:/framerusercontent.com/modules/2KTW0CbWsEzCchpZW7QS/cmNZ2E7gLGAsxkl2Ksyg/Animation_Code.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect,useRef,useState}from\"react\";import{motion,useAnimation}from\"framer-motion\";import{useInView}from\"framer-motion\";// Learn more: https://www.framer.com/developers/overrides/\nexport function withHeroOnScroll(Component){return props=>{const ref=useRef(null);const controls=useAnimation();const inView=useInView(ref,{once:true});const[isJS,setIsJS]=useState(false);useEffect(()=>{setIsJS(true);const styleId=\"fade-in-up-style\";if(!document.getElementById(styleId)){const style=document.createElement(\"style\");style.id=styleId;style.innerHTML=`\n                    .fade-in-up {\n                        opacity: 1;\n                        transform: none;\n                        transition: none;\n                    }\n                    .js-enabled .fade-in-up {\n                        opacity: 0;\n                        transform: none; /* отключаем translateY в CSS, чтобы Motion управлял */\n                    }\n                `;document.head.appendChild(style);}document.documentElement.classList.add(\"js-enabled\");},[]);useEffect(()=>{if(inView){controls.start({opacity:1,y:0,transition:{duration:1,ease:\"easeOut\"}});}},[inView,controls]);return /*#__PURE__*/_jsx(\"div\",{ref:ref,children:/*#__PURE__*/_jsx(motion.div,{className:\"fade-in-up\",animate:controls,initial:false,style:{//width: \"100%\",\n//height: \"auto\",\nopacity:isJS?0:undefined,y:isJS?250:undefined},children:/*#__PURE__*/_jsx(Component,{...props})})});};}export function with250AnimationOnScroll(Component){return props=>{const ref=useRef(null);const controls=useAnimation();const inView=useInView(ref,{once:true});const[isJS,setIsJS]=useState(false);useEffect(()=>{setIsJS(true);const styleId=\"fade-in-up-style\";if(!document.getElementById(styleId)){const style=document.createElement(\"style\");style.id=styleId;style.innerHTML=`\n                    .fade-in-up {\n                        opacity: 1;\n                        transform: none;\n                        transition: none;\n                    }\n                    .js-enabled .fade-in-up {\n                        opacity: 0;\n                        transform: none; /* отключаем translateY в CSS, чтобы Motion управлял */\n                    }\n                `;document.head.appendChild(style);}document.documentElement.classList.add(\"js-enabled\");},[]);useEffect(()=>{if(inView){controls.start({opacity:1,y:0,transition:{delay:.3,duration:1,ease:\"easeOut\"}});}},[inView,controls]);return /*#__PURE__*/_jsx(\"div\",{ref:ref,style:{width:\"100%\"},children:/*#__PURE__*/_jsx(motion.div,{className:\"fade-in-up\",animate:controls,initial:false,style:{width:\"100%\",height:\"auto\",opacity:isJS?0:undefined,y:isJS?250:undefined},children:/*#__PURE__*/_jsx(Component,{...props})})});};}export function with50BottomAnimationOnScroll(Component){return props=>{const ref=useRef(null);const controls=useAnimation();const inView=useInView(ref,{once:true});const[isJS,setIsJS]=useState(false);useEffect(()=>{setIsJS(true);const styleId=\"fade-in-up-style\";if(!document.getElementById(styleId)){const style=document.createElement(\"style\");style.id=styleId;style.innerHTML=`\n                    .fade-in-up {\n                        opacity: 1;\n                        transform: none;\n                        transition: none;\n                    }\n                    .js-enabled .fade-in-up {\n                        opacity: 0;\n                        transform: none; /* отключаем translateY в CSS, чтобы Motion управлял */\n                    }\n                `;document.head.appendChild(style);}document.documentElement.classList.add(\"js-enabled\");},[]);useEffect(()=>{if(inView){controls.start({opacity:1,y:0,transition:{duration:1,ease:\"easeOut\"}});}},[inView,controls]);return /*#__PURE__*/_jsx(\"div\",{ref:ref,children:/*#__PURE__*/_jsx(motion.div,{className:\"fade-in-up\",animate:controls,initial:false,style:{width:\"100%\",height:\"auto\",opacity:isJS?0:undefined,y:isJS?50:undefined},children:/*#__PURE__*/_jsx(Component,{...props})})});};}export function with50LeftAnimationOnScroll(Component){return props=>{const ref=useRef(null);const controls=useAnimation();const inView=useInView(ref,{once:true});const[isJS,setIsJS]=useState(false);useEffect(()=>{setIsJS(true);const styleId=\"fade-in-up-style\";if(!document.getElementById(styleId)){const style=document.createElement(\"style\");style.id=styleId;style.innerHTML=`\n                    .fade-in-up {\n\n                        opacity: 1;\n                        transform: none;\n                        transition: none;\n                    }\n                    .js-enabled .fade-in-up {\n                        \n                        opacity: 0;\n                        transform: none; /* отключаем translateY в CSS, чтобы Motion управлял */\n                    }\n                `;document.head.appendChild(style);}document.documentElement.classList.add(\"js-enabled\");},[]);useEffect(()=>{if(inView){controls.start({opacity:1,x:0,transition:{duration:1,ease:\"easeOut\"}});}},[inView,controls]);return /*#__PURE__*/_jsx(\"div\",{ref:ref,style:{display:\"flex\",height:\"100%\",width:\"100%\"},children:/*#__PURE__*/_jsx(motion.div,{className:\"fade-in-up\",animate:controls,initial:false,style:{width:\"100%\",opacity:isJS?0:undefined,x:isJS?-50:undefined},children:/*#__PURE__*/_jsx(Component,{...props})})});};}export function with50RightAnimationOnScroll(Component){return props=>{const ref=useRef(null);const controls=useAnimation();const inView=useInView(ref,{once:true});const[isJS,setIsJS]=useState(false);useEffect(()=>{setIsJS(true);const styleId=\"fade-in-up-style\";if(!document.getElementById(styleId)){const style=document.createElement(\"style\");style.id=styleId;style.innerHTML=`\n                    .fade-in-up {\n\n                        opacity: 1;\n                        transform: none;\n                        transition: none;\n                    }\n                    .js-enabled .fade-in-up {\n                        \n                        opacity: 0;\n                        transform: none; /* отключаем translateY в CSS, чтобы Motion управлял */\n                    }\n                `;document.head.appendChild(style);}document.documentElement.classList.add(\"js-enabled\");},[]);useEffect(()=>{if(inView){controls.start({opacity:1,x:0,transition:{duration:1,ease:\"easeOut\"}});}},[inView,controls]);return /*#__PURE__*/_jsx(\"div\",{ref:ref,style:{display:\"flex\",height:\"100%\",width:\"100%\"},children:/*#__PURE__*/_jsx(motion.div,{className:\"fade-in-up\",animate:controls,initial:false,style:{width:\"100%\",opacity:isJS?0:undefined,x:isJS?50:undefined},children:/*#__PURE__*/_jsx(Component,{...props})})});};}\nexport const __FramerMetadata__ = {\"exports\":{\"with50BottomAnimationOnScroll\":{\"type\":\"reactHoc\",\"name\":\"with50BottomAnimationOnScroll\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"with250AnimationOnScroll\":{\"type\":\"reactHoc\",\"name\":\"with250AnimationOnScroll\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"with50RightAnimationOnScroll\":{\"type\":\"reactHoc\",\"name\":\"with50RightAnimationOnScroll\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"with50LeftAnimationOnScroll\":{\"type\":\"reactHoc\",\"name\":\"with50LeftAnimationOnScroll\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withHeroOnScroll\":{\"type\":\"reactHoc\",\"name\":\"withHeroOnScroll\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Animation_Code.map"],"mappings":"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"}