{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\user\\\\Desktop\\\\000newport\\\\src\\\\components\\\\pages\\\\home\\\\components\\\\04portefolio\\\\presentation\\\\realisation.js\",\n _s = $RefreshSig$();\nimport React, { useEffect, useState } from \"react\";\nimport UseFetch from \"../../../../../hooks/useFetch\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faAngleRight } from \"@fortawesome/free-solid-svg-icons\";\nimport Slider from \"react-slick\";\nimport { useRef } from \"react\";\nimport ScrollMagic from \"scrollmagic\";\nimport { gsap } from \"gsap\";\nimport { ScrollTrigger } from \"gsap/ScrollTrigger\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst Realisation = () => {\n _s();\n const {\n data,\n error\n } = UseFetch(\"/realisation.json\");\n const [currentItem, setCurrentItem] = useState(0);\n if (error) {\n console.log(\"Error fetch data\");\n }\n const settings = {\n dots: false,\n infinite: true,\n speed: 500,\n slidesToShow: 1,\n arrows: false,\n fade: true\n };\n const sliderRef = useRef();\n const handleNext = () => {\n sliderRef.current.slickNext();\n };\n const handlePrev = () => {\n sliderRef.current.slickPrev();\n };\n gsap.registerPlugin(ScrollTrigger);\n useEffect(() => {\n gsap.to(\".ff\", {\n x: \"200%\",\n scrollTrigger: {\n duration: 0.8,\n trigger: \".ff\",\n // L'élément qui déclenchera l'animation\n\n start: \"center bottom\",\n end: \"center center\",\n // markers: true,\n scrub: false,\n triggerOnce: true\n }\n });\n });\n return /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"scroll\",\n children: /*#__PURE__*/_jsxDEV(Slider, {\n ...settings,\n ref: sliderRef,\n children: data.map((item, index) => /*#__PURE__*/_jsxDEV(\"div\", {\n children: /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"carousel-container relative h-96 \",\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n className: \"carousel-item flex lg:space-x-2 w-full max-lg:flex-col max-lg:space-y-2 \",\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n className: \"imgPortfolio absolute xl:w-2/3 xl:h-full max-sm:relative max-lg:w-full flex rounded-2xl \",\n children: [/*#__PURE__*/_jsxDEV(\"button\", {\n id: \"preview\",\n className: \"absolute backdrop-blur-xl cursor-pointer\",\n onClick: handlePrev,\n children: /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n className: \"nextPre\",\n icon: faAngleRight,\n rotation: 180,\n style: {\n color: \"#ec69c3\"\n }\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 72,\n columnNumber: 21\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 66,\n columnNumber: 19\n }, this), /*#__PURE__*/_jsxDEV(\"img\", {\n src: item.imageSrc,\n alt: item.titre01,\n className: \"carouselImg w-full \"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 80,\n columnNumber: 19\n }, this), /*#__PURE__*/_jsxDEV(\"button\", {\n id: \"next\",\n className: \"absolute backdrop-blur-xl\",\n onClick: handleNext,\n children: /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {\n icon: faAngleRight,\n className: \"nextPre\",\n style: {\n color: \"#ec69c3\"\n }\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 91,\n columnNumber: 21\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 86,\n columnNumber: 19\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 65,\n columnNumber: 17\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"bg-pink-200 triggerss ff h-96 responsiTitreDescrip xl:w-1/3 p-2 lg:w-3/6 max-lg:w-full 2xl:flex \",\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n className: \" 2xl:w-2/3 2xl:border-r\",\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n children: [/*#__PURE__*/_jsxDEV(\"h4\", {\n children: item.titre01\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 102,\n columnNumber: 23\n }, this), /*#__PURE__*/_jsxDEV(\"h5\", {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 103,\n columnNumber: 23\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 101,\n columnNumber: 21\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n children: [/*#__PURE__*/_jsxDEV(\"p\", {\n className: \"text-justify mt-1 px-1\",\n children: [\" \", data.description01]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 106,\n columnNumber: 23\n }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n className: \"text-justify mt-1 px-1\",\n children: data.description02\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 110,\n columnNumber: 23\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 105,\n columnNumber: 21\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 100,\n columnNumber: 19\n }, this), Array.isArray(item.img) && item.img.length > 0 ? /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"logoHome 2xl:w-1/3 border\",\n children: [/*#__PURE__*/_jsxDEV(\"h3\", {\n children: \"technologies\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 117,\n columnNumber: 23\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"w-20\",\n children: item.img.map((imgSrc, imgIndex) => /*#__PURE__*/_jsxDEV(\"img\", {\n src: imgSrc,\n alt: `Image ${imgIndex}`\n }, imgIndex, false, {\n fileName: _jsxFileName,\n lineNumber: 120,\n columnNumber: 27\n }, this))\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 118,\n columnNumber: 23\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 116,\n columnNumber: 21\n }, this) : /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"logoHome 2xl:w-1/3 border\",\n children: [/*#__PURE__*/_jsxDEV(\"h3\", {\n children: \"technologies\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 126,\n columnNumber: 23\n }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n children: \"Aucune image disponible.\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 127,\n columnNumber: 23\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 125,\n columnNumber: 21\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 99,\n columnNumber: 17\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 64,\n columnNumber: 15\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"carousel-buttons\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 133,\n columnNumber: 15\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 63,\n columnNumber: 13\n }, this)\n }, index, false, {\n fileName: _jsxFileName,\n lineNumber: 62,\n columnNumber: 11\n }, this))\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 60,\n columnNumber: 7\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 59,\n columnNumber: 5\n }, this);\n};\n_s(Realisation, \"5e2tnc/OL/NvExuWzb/qqRkbNIA=\");\n_c = Realisation;\nexport default Realisation;\nvar _c;\n$RefreshReg$(_c, \"Realisation\");","map":{"version":3,"names":["React","useEffect","useState","UseFetch","FontAwesomeIcon","faAngleRight","Slider","useRef","ScrollMagic","gsap","ScrollTrigger","jsxDEV","_jsxDEV","Realisation","_s","data","error","currentItem","setCurrentItem","console","log","settings","dots","infinite","speed","slidesToShow","arrows","fade","sliderRef","handleNext","current","slickNext","handlePrev","slickPrev","registerPlugin","to","x","scrollTrigger","duration","trigger","start","end","scrub","triggerOnce","className","children","ref","map","item","index","id","onClick","icon","rotation","style","color","fileName","_jsxFileName","lineNumber","columnNumber","src","imageSrc","alt","titre01","description01","description02","Array","isArray","img","length","imgSrc","imgIndex","_c","$RefreshReg$"],"sources":["C:/Users/user/Desktop/000newport/src/components/pages/home/components/04portefolio/presentation/realisation.js"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\r\nimport UseFetch from \"../../../../../hooks/useFetch\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faAngleRight } from \"@fortawesome/free-solid-svg-icons\";\r\nimport Slider from \"react-slick\";\r\nimport { useRef } from \"react\";\r\nimport ScrollMagic from \"scrollmagic\";\r\nimport { gsap } from \"gsap\";\r\nimport { ScrollTrigger } from \"gsap/ScrollTrigger\";\r\n\r\nconst Realisation = () => {\r\n const { data, error } = UseFetch(\"/realisation.json\");\r\n const [currentItem, setCurrentItem] = useState(0);\r\n\r\n if (error) {\r\n console.log(\"Error fetch data\");\r\n }\r\n const settings = {\r\n dots: false,\r\n infinite: true,\r\n speed: 500,\r\n slidesToShow: 1,\r\n arrows: false,\r\n fade: true,\r\n };\r\n const sliderRef = useRef();\r\n\r\n const handleNext = () => {\r\n sliderRef.current.slickNext();\r\n };\r\n\r\n const handlePrev = () => {\r\n sliderRef.current.slickPrev();\r\n };\r\n\r\n\r\n gsap.registerPlugin(ScrollTrigger);\r\n\r\n useEffect(()=>{\r\n \r\n gsap.to(\".ff\", {\r\n x: \"200%\",\r\n scrollTrigger: {\r\n duration: 0.8,\r\n trigger: \".ff\", // L'élément qui déclenchera l'animation\r\n \r\n start:\"center bottom\",\r\n end:\"center center\",\r\n // markers: true,\r\n scrub: false,\r\n triggerOnce: true,\r\n },\r\n })\r\n \r\n });\r\n \r\n\r\n return (\r\n
\r\n \r\n {data.map((item, index) => (\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n
\r\n\r\n
\r\n
\r\n
\r\n

{item.titre01}

\r\n
\r\n
\r\n
\r\n

\r\n {\" \"}\r\n {data.description01}\r\n

\r\n

\r\n {data.description02}\r\n

\r\n
\r\n
\r\n {Array.isArray(item.img) && item.img.length > 0 ? (\r\n
\r\n

technologies

\r\n
\r\n {item.img.map((imgSrc, imgIndex) => (\r\n {`Image\r\n ))}\r\n
\r\n
\r\n ) : (\r\n
\r\n

technologies

\r\n

Aucune image disponible.

\r\n
\r\n )}\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n ))}\r\n \r\n\r\n
\r\n );\r\n};\r\n\r\nexport default Realisation;\r\n"],"mappings":"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"},"metadata":{},"sourceType":"module","externalDependencies":[]}