{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/YArNd1D1Y81hbkwvRfhk/wwtyzyDCuh2dsB1BqfyC/ScreenreaderLabelExample.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect,useState}from\"react\";import{addPropertyControls,ControlType}from\"framer\";export function ScrollProgressBar(props){const{direction,backgroundColor,fillColor,height}=props;const[progress,setProgress]=useState(0);useEffect(()=>{const handleScroll=()=>{const scrollTop=window.scrollY;const docHeight=document.documentElement.scrollHeight-window.innerHeight;const scrollPercent=scrollTop/docHeight;setProgress(scrollPercent*100);};window.addEventListener(\"scroll\",handleScroll);return()=>window.removeEventListener(\"scroll\",handleScroll);},[]);return /*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",direction:direction,height:\"100%\",backgroundColor:backgroundColor,justifyContent:\"start\"},children:/*#__PURE__*/_jsx(\"div\",{style:{width:`${progress}%`,height:\"100%\",backgroundColor:fillColor}})});}// Define property controls\naddPropertyControls(ScrollProgressBar,{direction:{type:ControlType.Enum,title:\"Direction\",options:[\"ltr\",\"rtl\"],optionTitles:[\"->\",\"<-\"],displaySegmentedControl:true},backgroundColor:{type:ControlType.Color,title:\"Background Color\"},fillColor:{type:ControlType.Color,title:\"Fill Color\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"ScrollProgressBar\":{\"type\":\"reactComponent\",\"name\":\"ScrollProgressBar\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ScreenreaderLabelExample.map"],
  "mappings": "+GAA4I,SAASA,EAAkBC,EAAM,CAAC,GAAK,CAAC,UAAAC,EAAU,gBAAAC,EAAgB,UAAAC,EAAU,OAAAC,CAAM,EAAEJ,EAAW,CAACK,EAASC,CAAW,EAAEC,EAAS,CAAC,EAAE,OAAAC,EAAU,IAAI,CAAC,IAAMC,EAAa,IAAI,CAAC,IAAMC,EAAUC,EAAO,QAAcC,EAAU,SAAS,gBAAgB,aAAaD,EAAO,YAAkBE,EAAcH,EAAUE,EAAUN,EAAYO,EAAc,GAAG,CAAE,EAAE,OAAAF,EAAO,iBAAiB,SAASF,CAAY,EAAQ,IAAIE,EAAO,oBAAoB,SAASF,CAAY,CAAE,EAAE,CAAC,CAAC,EAAsBK,EAAK,MAAM,CAAC,MAAM,CAAC,MAAM,OAAO,UAAUb,EAAU,OAAO,OAAO,gBAAgBC,EAAgB,eAAe,OAAO,EAAE,SAAsBY,EAAK,MAAM,CAAC,MAAM,CAAC,MAAM,GAAGT,CAAQ,IAAI,OAAO,OAAO,gBAAgBF,CAAS,CAAC,CAAC,CAAC,CAAC,CAAE,CACh1BY,EAAoBhB,EAAkB,CAAC,UAAU,CAAC,KAAKiB,EAAY,KAAK,MAAM,YAAY,QAAQ,CAAC,MAAM,KAAK,EAAE,aAAa,CAAC,KAAK,IAAI,EAAE,wBAAwB,EAAI,EAAE,gBAAgB,CAAC,KAAKA,EAAY,MAAM,MAAM,kBAAkB,EAAE,UAAU,CAAC,KAAKA,EAAY,MAAM,MAAM,YAAY,CAAC,CAAC",
  "names": ["ScrollProgressBar", "props", "direction", "backgroundColor", "fillColor", "height", "progress", "setProgress", "ye", "ue", "handleScroll", "scrollTop", "window", "docHeight", "scrollPercent", "p", "addPropertyControls", "ControlType"]
}