{"version":3,"file":"BackToTopOnScroll.wOS87mn2.mjs","names":["React.forwardRef","useState","useCallback"],"sources":["https:/framerusercontent.com/modules/ZZpxbrwF6wSX62EilgrF/iimdrXKk4ghY6N5tnggY/y52ysWUoo.js","https:/framerusercontent.com/modules/oZllMuZ39DVKFcJPiCTc/uSeAZvlS01dC9JbPEl1m/BackToTopOnScroll.js"],"sourcesContent":["// Generated by Framer (6ca5d98)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,cx,motion,useSVGTemplate,withCSS}from\"framer\";import*as React from\"react\";import{forwardRef}from\"react\";const mask=\"var(--framer-icon-mask)\";const Base=/*#__PURE__*/forwardRef(function(props,ref){return /*#__PURE__*/_jsx(\"svg\",{...props,ref:ref,children:props.children});});const MotionSVG=motion.create(Base);const SVG=/*#__PURE__*/forwardRef((props,ref)=>{const{animated,layoutId,children,...rest}=props;return animated?/*#__PURE__*/_jsx(MotionSVG,{...rest,layoutId:layoutId,ref:ref,children:children}):/*#__PURE__*/_jsx(\"svg\",{...rest,ref:ref,children:children});});const svg='';const getProps=({alpha,color,height,id,width,width1,...props})=>{return{...props,ezTt3ayMo:color??props.ezTt3ayMo??\"rgb(0, 0, 0)\",lschgej4H:width1??props.lschgej4H??1.5,qxTvv_EBh:alpha??props.qxTvv_EBh};};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{style,className,layoutId,variant,ezTt3ayMo,lschgej4H,qxTvv_EBh,...restProps}=getProps(props);const href=useSVGTemplate(\"1009892809\",svg);return /*#__PURE__*/_jsx(SVG,{...restProps,className:cx(\"framer-Cx0P0\",className),layoutId:layoutId,ref:ref,role:\"presentation\",style:{\"--1m6trwb\":qxTvv_EBh,\"--21h8s6\":ezTt3ayMo,\"--pgex8v\":lschgej4H,...style},viewBox:\"0 0 24 24\",children:/*#__PURE__*/_jsx(\"use\",{href:href})});});const css=[`.framer-Cx0P0 { -webkit-mask: ${mask}; aspect-ratio: 1; display: block; mask: ${mask}; width: 24px; }`];/**\n * This is a generated Framer component.\n * @framerIntrinsicWidth 24\n * @framerIntrinsicHeight 24\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n * @framerVariables {\"ezTt3ayMo\":\"color\",\"lschgej4H\":\"width1\",\"qxTvv_EBh\":\"alpha\"}\n * @framerImmutableVariables true\n * @framerVector {\"name\":\"Arrow Line Up\",\"color\":{\"type\":\"variable\",\"value\":\"21h8s6\"},\"set\":{\"localId\":\"vectorSet/NGVKdicsm\",\"id\":\"NGVKdicsm\",\"moduleId\":\"omX0gWFPqDwhaiWwf6ab\"}}\n * @framerDisableUnlink true\n */const Icon=withCSS(Component,css,\"framer-Cx0P0\");Icon.displayName=\"Arrow Line Up\";export default Icon;addPropertyControls(Icon,{ezTt3ayMo:{defaultValue:\"rgb(0, 0, 0)\",hidden:false,title:\"Color\",type:ControlType.Color},lschgej4H:{defaultValue:1.5,displayStepper:true,hidden:false,max:6,min:0,step:.5,title:\"Width\",type:ControlType.Number},qxTvv_EBh:{defaultValue:0,displayStepper:true,hidden:false,max:1,min:0,step:.1,title:\"Alpha\",type:ControlType.Number}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerVariables\":\"{\\\"ezTt3ayMo\\\":\\\"color\\\",\\\"lschgej4H\\\":\\\"width1\\\",\\\"qxTvv_EBh\\\":\\\"alpha\\\"}\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"24\",\"framerIntrinsicHeight\":\"24\",\"framerVector\":\"{\\\"name\\\":\\\"Arrow Line Up\\\",\\\"color\\\":{\\\"type\\\":\\\"variable\\\",\\\"value\\\":\\\"21h8s6\\\"},\\\"set\\\":{\\\"localId\\\":\\\"vectorSet/NGVKdicsm\\\",\\\"id\\\":\\\"NGVKdicsm\\\",\\\"moduleId\\\":\\\"omX0gWFPqDwhaiWwf6ab\\\"}}\",\"framerDisableUnlink\":\"true\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerImmutableVariables\":\"true\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","import{jsx as _jsx}from\"react/jsx-runtime\";import{forwardRef,startTransition,useCallback,useEffect,useState}from\"react\";import{useIsStaticRenderer}from\"framer\";export function BackToTopOnScroll(Component){return /*#__PURE__*/forwardRef(function BackToTopOnScrollOverride(props,ref){const isStatic=useIsStaticRenderer();const[isVisible,setIsVisible]=useState(false);const updateVisibilityFromScroll=useCallback(y=>{startTransition(()=>{setIsVisible(current=>{if(!current&&y>280)return true;if(current&&y<80)return false;return current;});});},[]);useEffect(()=>{if(isStatic)return;if(typeof window===\"undefined\")return;updateVisibilityFromScroll(window.scrollY||0);const onScroll=()=>{updateVisibilityFromScroll(window.scrollY||0);};window.addEventListener(\"scroll\",onScroll,{passive:true});return()=>window.removeEventListener(\"scroll\",onScroll);},[isStatic,updateVisibilityFromScroll]);const scrollToTop=useCallback(()=>{if(typeof window===\"undefined\")return;window.scrollTo({top:0,behavior:\"smooth\"});},[]);const handleTap=useCallback(event=>{scrollToTop();if(props.onTap)props.onTap(event);},[props,scrollToTop]);const handleClick=useCallback(event=>{scrollToTop();if(props.onClick)props.onClick(event);},[props,scrollToTop]);return /*#__PURE__*/_jsx(Component,{ref:ref,...props,onTap:handleTap,onClick:handleClick,animate:{...props.animate||{},x:\"-50%\",y:isVisible?0:-36,opacity:isVisible?1:0},transition:{duration:.22,ease:\"easeOut\",...props.transition||{}},style:{...props.style,position:\"fixed\",left:\"50vw\",right:\"auto\",top:props.style?.top??\"90px\",zIndex:9999,pointerEvents:isVisible?\"auto\":\"none\"}});});}\nexport const __FramerMetadata__ = {\"exports\":{\"BackToTopOnScroll\":{\"type\":\"reactHoc\",\"name\":\"BackToTopOnScroll\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./BackToTopOnScroll.map"],"mappings":"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"}