{"version":3,"file":"SmoothScroll_Prod.eGOHki7Y.mjs","names":["useRef","_Fragment","__esmMin","init_ssg_sandbox_shims","init_npm_react_18_3_1","de","init_jsx_runtime","c","ce","window","addPropertyControls","init_framer_CaDWdxiz","ControlType","init_lenis","Lenis","SmoothScroll","props","lenis","overlayElement","checkOverflow","htmlObserver","mutation","mutations","allElements","i","element","intensity","raf","time","styleElement","anchorLinks","handleClick","decodedHref","href","a","l","init_SmoothScroll_Prod"],"sources":["https:/framerusercontent.com/modules/Yppqt3Cs3Y8TZqvASnXl/s8KoqWSd7OOFVFWjfSWd/SmoothScroll_Prod.js"],"sourcesContent":["import{jsx as _jsx,Fragment as _Fragment}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import Lenis from\"lenis\";// import Lenis from \"@studio-freight/lenis\"\nimport{useEffect,useRef}from\"react\";/**\n * @framerDisableUnlink\n */export default function SmoothScroll(props){const{intensity}=props;const lenis=useRef(null);useEffect(()=>{if(lenis.current)lenis.current.scrollTo(0,{immediate:true});},[lenis]);// Check Overlay overflow\nuseEffect(()=>{const overlayElement=document.getElementById(\"overlay\");if(overlayElement){const checkOverflow=()=>{const htmlStyle=window.getComputedStyle(document.documentElement);const isOverflowHidden=htmlStyle.overflow===\"hidden\";if(isOverflowHidden){overlayElement.setAttribute(\"data-lenis-prevent\",\"true\");}};// Set up MutationObserver for the html element\nconst htmlObserver=new MutationObserver(mutations=>{for(const mutation of mutations){if(mutation.type===\"attributes\"&&mutation.attributeName===\"style\"){checkOverflow();}}});// Observe the html element for style changes\nhtmlObserver.observe(document.documentElement,{attributes:true,attributeFilter:[\"style\"]});// Initial check\ncheckOverflow();return()=>{htmlObserver.disconnect();};}},[]);// useEffect(() => {\n//     const overlayElement = document.getElementById(\"overlay\")\n//     if (overlayElement) {\n//         const handleMutation = (mutationsList, observer) => {\n//             for (const mutation of mutationsList) {\n//                 if (\n//                     mutation.type === \"childList\" &&\n//                     overlayElement.children.length > 0\n//                 ) {\n//                     // Check if the html tag has the style \"overflow: hidden;\"\n//                     const htmlElement = document.documentElement\n//                     console.log(htmlElement, \"htmlElement\")\n//                     const computedStyle =\n//                         window.getComputedStyle(htmlElement)\n//                     console.log(\"computedStyle\", computedStyle)\n//                     const isOverflowHidden =\n//                         computedStyle.overflow === \"hidden\"\n//                     console.log(\"isOverflowHidden\", isOverflowHidden)\n//                     if (isOverflowHidden) {\n//                         overlayElement.setAttribute(\n//                             \"data-lenis-prevent\",\n//                             \"true\"\n//                         )\n//                     }\n//                 }\n//             }\n//         }\n//         const observer = new MutationObserver(handleMutation)\n//         observer.observe(overlayElement, {\n//             childList: true,\n//             attributes: true,\n//             subtree: true,\n//         })\n//         return () => observer.disconnect()\n//     }\n// }, [])\nuseEffect(()=>{const allElements=document.getElementsByTagName(\"*\");for(let i=0;i<allElements.length;i++){const element=allElements[i];const computedStyle=window.getComputedStyle(element);if(computedStyle.getPropertyValue(\"overflow\")===\"auto\"){element.setAttribute(\"data-lenis-prevent\",\"true\");}}},[]);useEffect(()=>{lenis.current=new Lenis({duration:intensity/10});const raf=time=>{if(lenis.current){lenis.current.raf(time);requestAnimationFrame(raf);}};requestAnimationFrame(raf);return()=>{if(lenis.current){lenis.current.destroy();lenis.current=null;}};},[]);useEffect(()=>{const styleElement=document.createElement(\"style\");styleElement.textContent=`\nhtml.lenis {\nheight: auto;\n}\n.lenis.lenis-smooth {\n\nscroll-behavior: auto !important;\n}\n.lenis.lenis-smooth [data-lenis-prevent] {\n\noverscroll-behavior: contain;\n}\n.lenis.lenis-stopped {\n\noverflow: hidden;\n}\n.lenis.lenis-scrolling iframe {\n\npointer-events: none;\n}\n`;document.head.appendChild(styleElement);return()=>{document.head.removeChild(styleElement);};},[]);useEffect(()=>{const anchorLinks=[...document.querySelectorAll(\"a[href]\")];const handleClick=(e,href)=>{e.preventDefault();const decodedHref=decodeURIComponent(href);lenis.current.scrollTo(decodedHref);};anchorLinks.filter(a=>a.href.includes(\"#\")).forEach(a=>{const href=`#${a.href.split(\"#\").pop()}`;a.addEventListener(\"click\",e=>handleClick(e,href));});return()=>{anchorLinks.filter(a=>a.href.includes(\"#\")).forEach(a=>{const href=`#${a.href.split(\"#\").pop()}`;a.removeEventListener(\"click\",e=>handleClick(e,href));});};},[lenis]);return /*#__PURE__*/_jsx(_Fragment,{});}SmoothScroll.displayName=\"Smooth Scroll\";addPropertyControls(SmoothScroll,{intensity:{title:\"Intensity\",type:ControlType.Number,defaultValue:10,description:\"More components at [Framer University](https://frameruni.link/cc).\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"SmoothScroll\",\"slots\":[],\"annotations\":{\"framerDisableUnlink\":\"\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./SmoothScroll_Prod.map"],"mappings":"A,sPAGG,SAAwBe,EAAa,EAAM,CAAC,GAAK,CAAC,aAAWC,EAAYC,EAAMjB,EAAO,IAAI,EA4D6hB,OA5D3hBQ,MAAc,CAAIS,EAAM,SAAQA,EAAM,QAAQ,SAAS,EAAE,CAAC,UAAU,EAAI,CAAC,CAAE,EAAE,CAACA,CAAK,CAAC,EACnLT,MAAc,CAAC,IAAMU,EAAe,SAAS,eAAe,SAAS,EAAE,GAAGA,EAAe,CAAC,IAAMC,MAAkB,CAAiBV,EAAO,iBAAiB,SAAS,eAAgD,CAAC,CAAC,WAAW,UAA8BS,EAAe,aAAa,qBAAqB,MAAM,CAAG,EACnTE,EAAa,IAAI,iBAAiB,GAAW,CAAC,IAAI,IAAMC,KAAYC,EAAcD,EAAS,OAAO,cAAcA,EAAS,gBAAgB,SAASF,EAAc,CAAI,CAAC,EAE3J,OADhBC,EAAa,QAAQ,SAAS,gBAAgB,CAAC,WAAW,GAAK,gBAAgB,CAAC,OAAO,CAAC,CAAC,EACzFD,EAAc,MAAY,CAACC,EAAa,WAAW,CAAE,CAAE,CAAC,EAAE,CAAC,CAAC,EAoC5DZ,MAAc,CAAC,IAAMe,EAAY,SAAS,qBAAqB,GAAG,EAAE,IAAI,IAAIC,EAAE,EAAEA,EAAED,EAAY,OAAO,IAAI,CAAC,IAAME,EAAQF,EAAYC,GAAuBf,EAAO,iBAAiBgB,CAAwB,CAAC,CAAC,iBAAiB,UAAU,IAAI,QAAQA,EAAQ,aAAa,qBAAqB,MAAM,CAAG,CAAC,EAAE,CAAC,CAAC,EAAEjB,MAAc,CAAC,EAAM,QAAQ,IAAIM,EAAM,CAAC,SAASY,EAAU,EAAE,CAAC,EAAE,IAAMC,EAAI,GAAM,CAAIV,EAAM,UAASA,EAAM,QAAQ,IAAIW,CAAI,EAAE,sBAAsBD,CAAG,EAAG,EAA6B,OAA3B,sBAAsBA,CAAG,MAAY,CAAC,AAA0CV,EAAM,WAA9BA,EAAM,QAAQ,QAAQ,EAAgB,KAAM,CAAE,EAAE,CAAC,CAAC,EAAET,MAAc,CAAC,IAAMqB,EAAa,SAAS,cAAc,OAAO,EAoBzkB,MApB2kB,GAAa,YAAY;;;;;;;;;;;;;;;;;;;;EAoB5oB,SAAS,KAAK,YAAYA,CAAY,MAAY,CAAC,SAAS,KAAK,YAAYA,CAAY,CAAE,CAAE,EAAE,CAAC,CAAC,EAAErB,MAAc,CAAC,IAAMsB,EAAY,CAAC,GAAG,SAAS,iBAAiB,SAAS,CAAC,EAAQC,GAAa,EAAE,IAAO,CAAC,EAAE,eAAe,EAAE,IAAMC,EAAY,mBAAmBC,CAAI,EAAEhB,EAAM,QAAQ,SAASe,CAAW,CAAE,EAAyJ,OAAvJF,EAAY,OAAO,GAAGI,EAAE,KAAK,SAAS,GAAG,CAAC,CAAC,CAAC,QAAQ,GAAG,CAAC,IAAMD,EAAK,IAAIC,EAAE,KAAK,MAAM,GAAG,CAAC,CAAC,IAAI,IAAIA,EAAE,iBAAiB,QAAQ,GAAGH,EAAY,EAAEE,CAAI,CAAC,CAAE,CAAC,MAAY,CAACH,EAAY,OAAO,GAAGI,EAAE,KAAK,SAAS,GAAG,CAAC,CAAC,CAAC,QAAQ,GAAG,CAAC,IAAMD,EAAK,IAAIC,EAAE,KAAK,MAAM,GAAG,CAAC,CAAC,IAAI,IAAIA,EAAE,oBAAoB,QAAQ,GAAGH,EAAY,EAAEE,CAAI,CAAC,CAAE,CAAC,CAAE,CAAE,EAAE,CAAChB,CAAK,CAAC,EAAsB,gBAAKhB,EAAU,CAAC,CAAC,CAAE,C,kDAAC,EAAa,YAAY,gBAAgBS,EAAoBK,EAAa,CAAC,UAAU,CAAC,MAAM,YAAY,KAAKH,EAAY,OAAO,aAAa,GAAG,YAAY,oEAAoE,CAAC,CAAC,C"}