{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/Yppqt3Cs3Y8TZqvASnXl/CzcVr5U1VFk6uNcyYvJq/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);};},[]);//https://github.com/darkroomengineering/lenis?tab=readme-ov-file#anchor-links\nuseEffect(()=>{// Get all anchor links and store click handlers with their targets\nconst anchorLinksData=[...document.querySelectorAll(\"a[href]\")].filter(anchor=>anchor.href.includes(\"#\")).map(anchor=>{const href=`#${anchor.href.split(\"#\").pop()}`;const decodedHref=decodeURIComponent(href);let scrollMargin=0;const targetElement=document.querySelector(decodedHref);if(targetElement){scrollMargin=parseInt(window.getComputedStyle(targetElement).scrollMarginTop);}return{href,scrollMargin,anchorElement:anchor};});const handleClick=(e,href,scrollMargin)=>{e.preventDefault();lenis.current.scrollTo(href,{offset:-scrollMargin});};const handlers=anchorLinksData.map(({href,scrollMargin})=>e=>handleClick(e,href,scrollMargin));anchorLinksData.forEach(({anchorElement},index)=>{anchorElement.addEventListener(\"click\",handlers[index]);});return()=>{anchorLinksData.forEach(({anchorElement},index)=>{anchorElement.removeEventListener(\"click\",handlers[index]);});};},[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": "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",
  "names": ["SmoothScroll", "props", "intensity", "lenis", "pe", "ue", "overlayElement", "checkOverflow", "window", "htmlObserver", "mutations", "mutation", "allElements", "i", "element", "Lenis", "raf", "time", "styleElement", "anchorLinksData", "anchor", "href", "decodedHref", "scrollMargin", "targetElement", "handleClick", "e", "handlers", "anchorElement", "index", "l", "addPropertyControls", "ControlType"]
}