{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/htd6mOlRGJnuknPhLRlG/Bme2lAIRSEE00208Th1r/C_ScrollProgressIndicator.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect,useState}from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerDisableUnlink\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n */ export default function PageScrollProgressIndicator({barHeight,backgroundColor}){const[progress,setProgress]=useState(0);useEffect(()=>{const handleScroll=()=>{const scrollY=window.scrollY;const height=document.body.scrollHeight-window.innerHeight;const progress=scrollY/height;if(progress>1||progress<0){return;}setProgress(progress);};window.addEventListener(\"scroll\",handleScroll);return()=>{window.removeEventListener(\"scroll\",handleScroll);};});return /*#__PURE__*/ _jsx(\"div\",{style:{position:\"fixed\",top:0,left:0,height:barHeight,width:progress*100+\"%\",backgroundColor}});};PageScrollProgressIndicator.displayName=\"Page Scroll Progress Indicator\";addPropertyControls(PageScrollProgressIndicator,{barHeight:{title:\"Bar Height\",type:ControlType.Number,min:0,max:20,defaultValue:4},backgroundColor:{title:\"Background Color\",type:ControlType.Color,defaultValue:\"blue\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"PageScrollProgressIndicator\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"auto\",\"framerDisableUnlink\":\"* @framerSupportedLayoutWidth auto\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./C_ScrollProgressIndicator.map"],
  "mappings": "gJAImB,SAARA,EAA6C,CAAC,UAAAC,EAAU,gBAAAC,CAAe,EAAE,CAAC,GAAK,CAACC,EAASC,CAAW,EAAEC,EAAS,CAAC,EAAE,OAAAC,EAAU,IAAI,CAAC,IAAMC,EAAa,IAAI,CAAC,IAAMC,EAAQC,EAAO,QAAcC,EAAO,SAAS,KAAK,aAAaD,EAAO,YAAkBN,EAASK,EAAQE,EAAUP,EAAS,GAAGA,EAAS,GAAWC,EAAYD,CAAQ,CAAE,EAAE,OAAAM,EAAO,iBAAiB,SAASF,CAAY,EAAQ,IAAI,CAACE,EAAO,oBAAoB,SAASF,CAAY,CAAE,CAAE,CAAC,EAAuBI,EAAK,MAAM,CAAC,MAAM,CAAC,SAAS,QAAQ,IAAI,EAAE,KAAK,EAAE,OAAOV,EAAU,MAAME,EAAS,IAAI,IAAI,gBAAAD,CAAe,CAAC,CAAC,CAAE,CAAEF,EAA4B,YAAY,iCAAiCY,EAAoBZ,EAA4B,CAAC,UAAU,CAAC,MAAM,aAAa,KAAKa,EAAY,OAAO,IAAI,EAAE,IAAI,GAAG,aAAa,CAAC,EAAE,gBAAgB,CAAC,MAAM,mBAAmB,KAAKA,EAAY,MAAM,aAAa,MAAM,CAAC,CAAC",
  "names": ["PageScrollProgressIndicator", "barHeight", "backgroundColor", "progress", "setProgress", "ye", "ue", "handleScroll", "scrollY", "window", "height", "p", "addPropertyControls", "ControlType"]
}