{"ast":null,"code":"import React from\"react\";import{gsap}from\"gsap\";import{ScrollTrigger}from\"gsap/ScrollTrigger\";import{useEffect}from\"react\";import{jsx as _jsx}from\"react/jsx-runtime\";import{jsxs as _jsxs}from\"react/jsx-runtime\";import{Fragment as _Fragment}from\"react/jsx-runtime\";var Test=function Test(){gsap.registerPlugin(ScrollTrigger);useEffect(function(){gsap.to(\".b\",{scrollTrigger:{trigger:\".b\",toggleActions:\"restart none none none\",// play pause resume reverse restart reset complete none\n// start:\"top bottom\",\nstart:\"20px 80%\"// top de la div bottom de la fenêtre\n// top center bottom pixels pouventages relative to top\n},x:400,rotation:360,duration:3});gsap.to(\".a\",{scrollTrigger:{trigger:\".a\",toggleActions:\"restart pause resume pause\"// play pause resume reverse restart reset complete none\n},x:400,rotation:360,duration:3});gsap.to(\".gosth\",{scrollTrigger:{trigger:\".gosth\",start:\"top bottom\",end:\"top 100px\",scrub:1,markers:true},x:400,rotation:360,duration:5,ease:\"none\"});gsap.to(\".c\",{scrollTrigger:{trigger:\".gosth\",start:\"top bottom\",end:\"top 100px\",scrub:true,markers:true},x:400,rotation:360,duration:5,ease:\"none\"});});return/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsxs(\"div\",{className:\"space-y-96 pb-96 mb-96 \",children:[/*#__PURE__*/_jsx(\"div\",{className:\"w-20 h-20 bg-amber-500 a flex items-center justify-center \",children:\"a\"}),/*#__PURE__*/_jsx(\"div\",{className:\"w-20 h-20 bg-amber-500 b flex items-center justify-center \",children:\"b\"}),/*#__PURE__*/_jsx(\"div\",{className:\"w-20 h-20 z-10 bg-amber-900 gosth absolute flex items-center justify-center \",children:\"gosth\"}),/*#__PURE__*/_jsx(\"div\",{className:\"w-20 h-20 z-20 bg-amber-500 c flex items-center justify-center \",children:\"c\"})]}),/*#__PURE__*/_jsx(\"div\",{className:\"h-96\"})]});};export default Test;","map":{"version":3,"names":["React","gsap","ScrollTrigger","useEffect","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Test","registerPlugin","to","scrollTrigger","trigger","toggleActions","start","x","rotation","duration","end","scrub","markers","ease","children","className"],"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\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 \r\n\r\n })\r\n \r\n gsap.to(\".c\",{\r\n scrollTrigger:{\r\n trigger:\".gosth\",\r\n \r\n start:\"top bottom\",\r\n end:\"top 100px\",\r\n scrub:true,\r\n markers:true\r\n },\r\n x:400,\r\n rotation:360,\r\n duration:5,\r\n ease:\"none\",\r\n \r\n\r\n })\r\n \r\n\r\n } )\r\n\r\n return(\r\n <>\r\n
\r\n\r\n\r\n\r\n
a
\r\n
b
\r\n
gosth
\r\n
c
\r\n\r\n
\r\n
\r\n\r\n \r\n )\r\n}\r\n\r\nexport default Test"],"mappings":"AAAA,MAAO,CAAAA,KAAK,KAAM,OAAO,CACzB,OAASC,IAAI,KAAQ,MAAM,CAC3B,OAASC,aAAa,KAAQ,oBAAoB,CAClD,OAASC,SAAS,KAAQ,OAAO,CAAC,OAAAC,GAAA,IAAAC,IAAA,gCAAAC,IAAA,IAAAC,KAAA,gCAAAC,QAAA,IAAAC,SAAA,yBAElC,GAAM,CAAAC,IAAI,CAAE,QAAN,CAAAA,IAAIA,CAAA,CAAM,CAEZT,IAAI,CAACU,cAAc,CAACT,aAAa,CAAC,CAElCC,SAAS,CAAC,UAAI,CAEVF,IAAI,CAACW,EAAE,CAAC,IAAI,CAAC,CACTC,aAAa,CAAC,CACVC,OAAO,CAAC,IAAI,CACZC,aAAa,CAAC,wBAAwB,CACtC;AACA;AACAC,KAAK,CAAC,UAEN;AACA;AAEJ,CAAC,CACDC,CAAC,CAAC,GAAG,CACLC,QAAQ,CAAC,GAAG,CACZC,QAAQ,CAAC,CAEjB,CAAC,CAAC,CACElB,IAAI,CAACW,EAAE,CAAC,IAAI,CAAC,CACTC,aAAa,CAAC,CACVC,OAAO,CAAC,IAAI,CACZC,aAAa,CAAC,4BACd;AACJ,CAAC,CACDE,CAAC,CAAC,GAAG,CACLC,QAAQ,CAAC,GAAG,CACZC,QAAQ,CAAC,CAEjB,CAAC,CAAC,CAEFlB,IAAI,CAACW,EAAE,CAAC,QAAQ,CAAC,CACbC,aAAa,CAAC,CACVC,OAAO,CAAC,QAAQ,CAEhBE,KAAK,CAAC,YAAY,CAClBI,GAAG,CAAC,WAAW,CACdC,KAAK,CAAC,CAAC,CACRC,OAAO,CAAC,IACZ,CAAC,CACDL,CAAC,CAAC,GAAG,CACLC,QAAQ,CAAC,GAAG,CACZC,QAAQ,CAAC,CAAC,CACVI,IAAI,CAAC,MAGT,CAAC,CAAC,CAEFtB,IAAI,CAACW,EAAE,CAAC,IAAI,CAAC,CACTC,aAAa,CAAC,CACVC,OAAO,CAAC,QAAQ,CAEhBE,KAAK,CAAC,YAAY,CAClBI,GAAG,CAAC,WAAW,CACdC,KAAK,CAAC,IAAI,CACXC,OAAO,CAAC,IACZ,CAAC,CACDL,CAAC,CAAC,GAAG,CACLC,QAAQ,CAAC,GAAG,CACZC,QAAQ,CAAC,CAAC,CACVI,IAAI,CAAC,MAGT,CAAC,CAAC,CAGF,CAAE,CAAC,CAEH,mBACIhB,KAAA,CAAAE,SAAA,EAAAe,QAAA,eACIjB,KAAA,QAAKkB,SAAS,CAAC,yBAAyB,CAAAD,QAAA,eAIpCnB,IAAA,QAAKoB,SAAS,CAAC,4DAA4D,CAAAD,QAAA,CAAC,GAAC,CAAK,CAAC,cACnFnB,IAAA,QAAKoB,SAAS,CAAC,4DAA4D,CAAAD,QAAA,CAAC,GAAC,CAAK,CAAC,cACnFnB,IAAA,QAAKoB,SAAS,CAAC,8EAA8E,CAAAD,QAAA,CAAC,OAAK,CAAK,CAAC,cACzGnB,IAAA,QAAKoB,SAAS,CAAC,iEAAiE,CAAAD,QAAA,CAAC,GAAC,CAAK,CAAC,EAEvF,CAAC,cACNnB,IAAA,QAAKoB,SAAS,CAAC,MAAM,CAAM,CAAC,EAE9B,CAAC,CAEX,CAAC,CAED,cAAe,CAAAf,IAAI"},"metadata":{},"sourceType":"module","externalDependencies":[]}