{"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        //  top de la div bottom de la fenêtre\n        // top center bottom pixels \n        markers: true\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  });\n  return /*#__PURE__*/_jsxDEV(_Fragment, {\n    children: /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"space-y-96 pb-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: 47,\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: 48,\n        columnNumber: 17\n      }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"w-20 h-20 bg-amber-500 c flex items-center justify-center \",\n        children: \"c\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 49,\n        columnNumber: 17\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 43,\n      columnNumber: 13\n    }, this)\n  }, void 0, false);\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","markers","x","rotation","duration","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                //  top de la div bottom de la fenêtre\r\n                // top center bottom pixels \r\n                markers:true\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    } )\r\n\r\n    return(\r\n        <>\r\n            <div className=\"space-y-96 pb-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 bg-amber-500 c flex items-center justify-center \">c</div>\r\n\r\n            </div>\r\n\r\n        </>\r\n    )\r\n}\r\n\r\nexport default Test"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,MAAM;AAC3B,SAASC,aAAa,QAAQ,oBAAoB;AAClD,SAASC,SAAS,QAAQ,OAAO;AAAC,SAAAC,MAAA,IAAAC,OAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAElC,MAAMC,IAAI,GAAEA,CAAA,KAAI;EAAAC,EAAA;EAEZR,IAAI,CAACS,cAAc,CAACR,aAAa,CAAC;EAElCC,SAAS,CAAC,MAAI;IAEVF,IAAI,CAACU,EAAE,CAAC,IAAI,EAAC;MACTC,aAAa,EAAC;QACVC,OAAO,EAAC,IAAI;QACZC,aAAa,EAAC,wBAAwB;QACtC;QACAC,KAAK,EAAC,YAAY;QAClB;QACA;QACAC,OAAO,EAAC;MACZ,CAAC;MACDC,CAAC,EAAC,GAAG;MACLC,QAAQ,EAAC,GAAG;MACZC,QAAQ,EAAC;IAEjB,CAAC,CAAC;IACElB,IAAI,CAACU,EAAE,CAAC,IAAI,EAAC;MACTC,aAAa,EAAC;QACVC,OAAO,EAAC,IAAI;QACZC,aAAa,EAAC;QACd;MACJ,CAAC;;MACDG,CAAC,EAAC,GAAG;MACLC,QAAQ,EAAC,GAAG;MACZC,QAAQ,EAAC;IAEjB,CAAC,CAAC;EAEF,CAAE,CAAC;EAEH,oBACId,OAAA,CAAAE,SAAA;IAAAa,QAAA,eACIf,OAAA;MAAKgB,SAAS,EAAC,mBAAmB;MAAAD,QAAA,gBAI9Bf,OAAA;QAAKgB,SAAS,EAAC,4DAA4D;QAAAD,QAAA,EAAC;MAAC;QAAAE,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OAAK,CAAC,eACnFpB,OAAA;QAAKgB,SAAS,EAAC,4DAA4D;QAAAD,QAAA,EAAC;MAAC;QAAAE,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OAAK,CAAC,eACnFpB,OAAA;QAAKgB,SAAS,EAAC,4DAA4D;QAAAD,QAAA,EAAC;MAAC;QAAAE,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OAAK,CAAC;IAAA;MAAAH,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OAElF;EAAC,gBAER,CAAC;AAEX,CAAC;AAAAhB,EAAA,CAjDKD,IAAI;AAAAkB,EAAA,GAAJlB,IAAI;AAmDV,eAAeA,IAAI;AAAA,IAAAkB,EAAA;AAAAC,YAAA,CAAAD,EAAA"},"metadata":{},"sourceType":"module","externalDependencies":[]}