{"version":3,"file":"Animation_Code.D4wjbvMY.mjs","names":[],"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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"}