{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\user\\\\Desktop\\\\000newport\\\\src\\\\components\\\\tests.js\",\n  _s = $RefreshSig$();\nimport React from \"react\";\nimport { gsap } from \"gsap\";\nimport { ScrollTrigger } from \"gsap/ScrollTrigger\";\nimport { useEffect } from \"react\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nimport { Fragment as _Fragment } from \"react/jsx-dev-runtime\";\nconst Test = () => {\n  _s();\n  gsap.registerPlugin(ScrollTrigger);\n  useEffect(() => {\n    gsap.to(\".b\", {\n      scrollTrigger: {\n        trigger: \".b\",\n        toggleActions: \"restart none none none\",\n        // play pause resume reverse restart reset complete none\n        // start:\"top bottom\",\n        start: \"20px 80%\"\n\n        //  top de la div bottom de la fenêtre\n        // top center bottom pixels pouventages relative to top\n      },\n\n      x: 400,\n      rotation: 360,\n      duration: 3\n    });\n    gsap.to(\".a\", {\n      scrollTrigger: {\n        trigger: \".a\",\n        toggleActions: \"restart pause resume pause\"\n        // play pause resume reverse restart reset complete none\n      },\n\n      x: 400,\n      rotation: 360,\n      duration: 3\n    });\n    gsap.to(\".gosth\", {\n      scrollTrigger: {\n        trigger: \".gosth\",\n        start: \"top bottom\",\n        end: \"top 100px\",\n        scrub: \"1\",\n        markers: true\n      },\n      x: 400,\n      rotation: 360,\n      duration: 5,\n      ease: \"none\",\n      markers: true\n    });\n    gsap.to(\".c\", {\n      scrollTrigger: {\n        trigger: \".gosth\",\n        start: \"top bottom\",\n        end: \"top 100px\",\n        scrub: \"\",\n        markers: true\n      },\n      x: 400,\n      rotation: 360,\n      duration: 5,\n      ease: \"none\",\n      markers: true\n    });\n  });\n  return /*#__PURE__*/_jsxDEV(_Fragment, {\n    children: [/*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"space-y-96 pb-96 mb-96 \",\n      children: [/*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"w-20 h-20 bg-amber-500 a flex items-center justify-center \",\n        children: \"a\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 82,\n        columnNumber: 17\n      }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"w-20 h-20 bg-amber-500 b flex items-center justify-center \",\n        children: \"b\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 83,\n        columnNumber: 17\n      }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"w-20 h-20 z-10 bg-amber-900 gosth absolute flex items-center justify-center \",\n        children: \"gosth\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 84,\n        columnNumber: 17\n      }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"w-20 h-20 z-20 bg-amber-500 c flex items-center justify-center \",\n        children: \"c\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 85,\n        columnNumber: 17\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 78,\n      columnNumber: 13\n    }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"h-96\"\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 88,\n      columnNumber: 13\n    }, this)]\n  }, void 0, true);\n};\n_s(Test, \"OD7bBpZva5O2jO+Puf00hKivP7c=\");\n_c = Test;\nexport default Test;\nvar _c;\n$RefreshReg$(_c, \"Test\");","map":{"version":3,"names":["React","gsap","ScrollTrigger","useEffect","jsxDEV","_jsxDEV","Fragment","_Fragment","Test","_s","registerPlugin","to","scrollTrigger","trigger","toggleActions","start","x","rotation","duration","end","scrub","markers","ease","children","className","fileName","_jsxFileName","lineNumber","columnNumber","_c","$RefreshReg$"],"sources":["C:/Users/user/Desktop/000newport/src/components/tests.js"],"sourcesContent":["import React from \"react\";\r\nimport { gsap } from \"gsap\";\r\nimport { ScrollTrigger } from \"gsap/ScrollTrigger\";\r\nimport { useEffect } from \"react\";\r\n\r\nconst Test =()=>{\r\n\r\n    gsap.registerPlugin(ScrollTrigger)\r\n\r\n    useEffect(()=>{\r\n\r\n        gsap.to(\".b\",{\r\n            scrollTrigger:{\r\n                trigger:\".b\",\r\n                toggleActions:\"restart none none none\",\r\n                // play pause resume reverse restart reset complete none\r\n                // start:\"top bottom\",\r\n                start:\"20px 80%\",\r\n\r\n                //  top de la div bottom de la fenêtre\r\n                // top center bottom pixels pouventages relative to top\r\n             \r\n            },\r\n            x:400,\r\n            rotation:360,\r\n            duration:3\r\n\r\n    })\r\n        gsap.to(\".a\",{\r\n            scrollTrigger:{\r\n                trigger:\".a\",\r\n                toggleActions:\"restart pause resume pause\"\r\n                // play pause resume reverse restart reset complete none\r\n            },\r\n            x:400,\r\n            rotation:360,\r\n            duration:3\r\n\r\n    })\r\n\r\n    gsap.to(\".gosth\",{\r\n        scrollTrigger:{\r\n            trigger:\".gosth\",\r\n            start:\"top bottom\",\r\n            end:\"top 100px\",\r\n            scrub:\"1\",\r\n            markers:true\r\n        },\r\n        x:400,\r\n        rotation:360,\r\n        duration:5,\r\n        ease:\"none\",\r\n        markers:true\r\n\r\n    })\r\n   \r\n    gsap.to(\".c\",{\r\n        scrollTrigger:{\r\n            trigger:\".gosth\",\r\n            start:\"top bottom\",\r\n            end:\"top 100px\",\r\n            scrub:\"\",\r\n            markers:true\r\n        },\r\n        x:400,\r\n        rotation:360,\r\n        duration:5,\r\n        ease:\"none\",\r\n        markers:true\r\n\r\n    })\r\n   \r\n\r\n    } )\r\n\r\n    return(\r\n        <>\r\n            <div className=\"space-y-96 pb-96 mb-96 \">\r\n\r\n\r\n\r\n                <div className=\"w-20 h-20 bg-amber-500 a flex items-center justify-center \">a</div>\r\n                <div className=\"w-20 h-20 bg-amber-500 b flex items-center justify-center \">b</div>\r\n                <div className=\"w-20 h-20 z-10 bg-amber-900 gosth absolute flex items-center justify-center \">gosth</div>\r\n                <div className=\"w-20 h-20 z-20 bg-amber-500 c flex items-center justify-center \">c</div>\r\n\r\n            </div>\r\n            <div className=\"h-96\"></div>\r\n\r\n        </>\r\n    )\r\n}\r\n\r\nexport default Test"],"mappings":"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"},"metadata":{},"sourceType":"module","externalDependencies":[]}