{"version":3,"file":"ScrollPath.B8W7pIPO.mjs","names":["useRef"],"sources":["https:/framerusercontent.com/modules/jKFi2gVEpIsTQ77mx8GF/PAbpixWYvvUi9GRO9GuD/ScrollPath.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useRef}from\"react\";import{motion,useScroll,useTransform}from\"framer-motion\";export default function ScrollPathComponent(){const ref=useRef(null);const{scrollYProgress}=useScroll({target:ref,offset:[\"start end\",\"end start\"]});// Line 1 penuh di 45% scroll\nconst line1Offset=useTransform(scrollYProgress,[.25,.45],[390,0]);// Line 2 penuh di 75% scroll (mulai dari 45%)\nconst line2Offset=useTransform(scrollYProgress,[.45,.63],[320,0]);// Dot 1 muncul di awal\nconst dot1Opacity=useTransform(scrollYProgress,[0,.1],[0,1]);// Dot 2 muncul saat line 1 hampir selesai\nconst dot2Opacity=useTransform(scrollYProgress,[.35,.45],[0,1]);// Dot 3 muncul saat line 2 mulai\nconst dot3Opacity=useTransform(scrollYProgress,[.45,.55],[0,1]);// Dot 4 muncul saat line 2 selesai\nconst dot4Opacity=useTransform(scrollYProgress,[.6,.63],[0,1]);return /*#__PURE__*/_jsx(\"div\",{ref:ref,style:{width:\"100%\",height:\"100%\"},children:/*#__PURE__*/_jsxs(\"svg\",{viewBox:\"0 0 1200 900\",preserveAspectRatio:\"none\",style:{width:\"100%\",height:\"100%\"},children:[/*#__PURE__*/_jsx(\"path\",{d:\"M 570,150 L 600,150 L 600,450 L 660,450\",stroke:\"rgba(27,110,98,0.2)\",strokeWidth:\"2\",fill:\"none\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M 660,520 L 600,520 L 600,750 L 570,750\",stroke:\"rgba(27,110,98,0.2)\",strokeWidth:\"2\",fill:\"none\"}),/*#__PURE__*/_jsx(motion.path,{d:\"M 570,150 L 600,150 L 600,450 L 660,450\",stroke:\"#1B6E62\",strokeWidth:\"2\",fill:\"none\",strokeDasharray:390,style:{strokeDashoffset:line1Offset}}),/*#__PURE__*/_jsx(motion.path,{d:\"M 660,520 L 600,520 L 600,750 L 570,750\",stroke:\"#1B6E62\",strokeWidth:\"2\",fill:\"none\",strokeDasharray:320,style:{strokeDashoffset:line2Offset}}),/*#__PURE__*/_jsx(motion.circle,{cx:\"570\",cy:\"150\",r:\"4\",fill:\"#1B6E62\",style:{opacity:dot1Opacity}}),/*#__PURE__*/_jsx(motion.circle,{cx:\"660\",cy:\"450\",r:\"4\",fill:\"#1B6E62\",style:{opacity:dot2Opacity}}),/*#__PURE__*/_jsx(motion.circle,{cx:\"660\",cy:\"520\",r:\"4\",fill:\"#1B6E62\",style:{opacity:dot3Opacity}}),/*#__PURE__*/_jsx(motion.circle,{cx:\"570\",cy:\"750\",r:\"4\",fill:\"#1B6E62\",style:{opacity:dot4Opacity}})]})});}\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ScrollPathComponent\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ScrollPath.map"],"mappings":"wLAA4I,SAAwB,GAAqB,CAAC,IAAM,EAAIA,EAAO,KAAK,CAAM,CAAC,mBAAiB,EAAU,CAAC,OAAO,EAAI,OAAO,CAAC,YAAY,YAAY,CAAC,CAAC,CAC1R,EAAY,EAAa,EAAgB,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC,CAC3D,EAAY,EAAa,EAAgB,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC,CAC3D,EAAY,EAAa,EAAgB,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,CACtD,EAAY,EAAa,EAAgB,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC,CACzD,EAAY,EAAa,EAAgB,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC,CACzD,EAAY,EAAa,EAAgB,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,OAAoB,EAAK,MAAM,CAAK,MAAI,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,CAAC,SAAsB,EAAM,MAAM,CAAC,QAAQ,eAAe,oBAAoB,OAAO,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,CAAC,SAAS,CAAc,EAAK,OAAO,CAAC,EAAE,0CAA0C,OAAO,sBAAsB,YAAY,IAAI,KAAK,OAAO,CAAC,CAAc,EAAK,OAAO,CAAC,EAAE,0CAA0C,OAAO,sBAAsB,YAAY,IAAI,KAAK,OAAO,CAAC,CAAc,EAAK,EAAO,KAAK,CAAC,EAAE,0CAA0C,OAAO,UAAU,YAAY,IAAI,KAAK,OAAO,gBAAgB,IAAI,MAAM,CAAC,iBAAiB,EAAY,CAAC,CAAC,CAAc,EAAK,EAAO,KAAK,CAAC,EAAE,0CAA0C,OAAO,UAAU,YAAY,IAAI,KAAK,OAAO,gBAAgB,IAAI,MAAM,CAAC,iBAAiB,EAAY,CAAC,CAAC,CAAc,EAAK,EAAO,OAAO,CAAC,GAAG,MAAM,GAAG,MAAM,EAAE,IAAI,KAAK,UAAU,MAAM,CAAC,QAAQ,EAAY,CAAC,CAAC,CAAc,EAAK,EAAO,OAAO,CAAC,GAAG,MAAM,GAAG,MAAM,EAAE,IAAI,KAAK,UAAU,MAAM,CAAC,QAAQ,EAAY,CAAC,CAAC,CAAc,EAAK,EAAO,OAAO,CAAC,GAAG,MAAM,GAAG,MAAM,EAAE,IAAI,KAAK,UAAU,MAAM,CAAC,QAAQ,EAAY,CAAC,CAAC,CAAc,EAAK,EAAO,OAAO,CAAC,GAAG,MAAM,GAAG,MAAM,EAAE,IAAI,KAAK,UAAU,MAAM,CAAC,QAAQ,EAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,kBANvtC,IAA0B,IAAyD"}