{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/p90pKMaOjLNzvWrtXzZF/KAWgekPLwUqU8TVhIcBg/Video_play_pause.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useEffect,useState,useRef}from\"react\";// Learn more: https://www.framer.com/docs/guides/overrides/\nexport function addPlayPauseButton(Component){return props=>{const wrapperRef=useRef(null);const[hasVideoEnded,setHasVideoEnded]=useState(false);const[isVideoPlaying,setIsVideoPlaying]=useState(true);const[hover,setHover]=useState(false);const handlePauseVideo=()=>{var _wrapperRef_current;const vid=wrapperRef===null||wrapperRef===void 0?void 0:(_wrapperRef_current=wrapperRef.current)===null||_wrapperRef_current===void 0?void 0:_wrapperRef_current.querySelector(\"video\");setIsVideoPlaying(false);vid===null||vid===void 0?void 0:vid.pause();};const handlePlayVideo=()=>{var _wrapperRef_current;const vid=wrapperRef===null||wrapperRef===void 0?void 0:(_wrapperRef_current=wrapperRef.current)===null||_wrapperRef_current===void 0?void 0:_wrapperRef_current.querySelector(\"video\");setIsVideoPlaying(true);vid===null||vid===void 0?void 0:vid.play();};const videoPlayHandler=()=>{setIsVideoPlaying(true);};const videoPauseHandler=()=>{setIsVideoPlaying(false);};const videoDurationChangeHandler=e=>{var _e_target,_e_target1;const currentTime=e===null||e===void 0?void 0:(_e_target=e.target)===null||_e_target===void 0?void 0:_e_target.currentTime;const duration=e===null||e===void 0?void 0:(_e_target1=e.target)===null||_e_target1===void 0?void 0:_e_target1.duration;setHasVideoEnded(currentTime>=duration);};useEffect(()=>{var _wrapperRef_current;const vid=wrapperRef===null||wrapperRef===void 0?void 0:(_wrapperRef_current=wrapperRef.current)===null||_wrapperRef_current===void 0?void 0:_wrapperRef_current.querySelector(\"video\");vid===null||vid===void 0?void 0:vid.addEventListener(\"timeupdate\",videoDurationChangeHandler);vid===null||vid===void 0?void 0:vid.addEventListener(\"playing\",videoPlayHandler);vid===null||vid===void 0?void 0:vid.addEventListener(\"pause\",videoPauseHandler);return()=>vid===null||vid===void 0?void 0:vid.removeEventListener(\"timeupdate\",videoDurationChangeHandler);},[wrapperRef]);const renderButton=()=>{if(hasVideoEnded){return /*#__PURE__*/_jsxs(\"button\",{onClick:handlePlayVideo,style:{...buttonStyle,...hover?buttonHoverStyle:null},onMouseEnter:()=>{setHover(true);},onMouseLeave:()=>{setHover(false);},children:[replayIcon,\"Replay\"]});}if(isVideoPlaying){return /*#__PURE__*/_jsxs(\"button\",{onClick:handlePauseVideo,style:{...buttonStyle,...hover?buttonHoverStyle:null},onMouseEnter:()=>{setHover(true);},onMouseLeave:()=>{setHover(false);},children:[pauseIcon,\"Pause\"]});}else{return /*#__PURE__*/_jsxs(\"button\",{onClick:handlePlayVideo,style:{...buttonStyle,...hover?buttonHoverStyle:null},onMouseEnter:()=>{setHover(true);},onMouseLeave:()=>{setHover(false);},children:[playIcon,\"Play\"]});}};return /*#__PURE__*/_jsxs(\"div\",{style:containerStyle,children:[/*#__PURE__*/_jsx(Component,{ref:wrapperRef,...props}),renderButton()]});};}const containerStyle={width:\"100%\",display:\"flex\",flexDirection:\"column\",alignItems:\"center\",gap:\"16px\"};const buttonStyle={display:\"inline-flex\",alignItems:\"center\",gap:\"8px\",fontFamily:\"'Haas Grot Text R Web 55 Roman'\",fontSize:\"16px\",lineHeight:\"24px\",margin:0,padding:\"8px 12px\",fill:\"#578fff\",color:\"#578fff\",background:\"none\",border:\"none\",width:\"auto\",cursor:\"pointer\",zIndex:10};const buttonHoverStyle={textDecoration:\"underline\"};const pauseIcon=/*#__PURE__*/_jsx(\"svg\",{width:\"16\",height:\"16\",viewBox:\"0 0 16 16\",fill:\"none\",xmlns:\"http://www.w3.org/2000/svg\",style:{display:\"block\",fill:\"inherit\",marginTop:\"1px\"},children:/*#__PURE__*/_jsx(\"path\",{\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",d:\"M8 0.5C3.85772 0.5 0.5 3.85772 0.5 8C0.5 12.1423 3.85772 15.5 8 15.5C12.1423 15.5 15.5 12.1423 15.5 8C15.5 3.85772 12.1423 0.5 8 0.5ZM8 2.5C11.0377 2.5 13.5 4.96229 13.5 8C13.5 11.0377 11.0377 13.5 8 13.5C4.96229 13.5 2.5 11.0377 2.5 8C2.5 4.96229 4.96229 2.5 8 2.5ZM5 6C5 5.44772 5.44772 5 6 5C6.55228 5 7 5.44772 7 6V10C7 10.5523 6.55228 11 6 11C5.44772 11 5 10.5523 5 10V6ZM10 5C9.44771 5 9 5.44772 9 6V10C9 10.5523 9.44771 11 10 11C10.5523 11 11 10.5523 11 10V6C11 5.44772 10.5523 5 10 5Z\"})});const replayIcon=/*#__PURE__*/_jsx(\"svg\",{width:\"16\",height:\"16\",viewBox:\"0 0 16 16\",fill:\"none\",xmlns:\"http://www.w3.org/2000/svg\",style:{display:\"block\",fill:\"inherit\",marginTop:\"1px\"},children:/*#__PURE__*/_jsx(\"path\",{\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",d:\"M15.1326 4.67814C15.2636 4.14214 14.9346 3.60114 14.3976 3.47014C13.8606 3.34214 13.3206 3.66814 13.1886 4.20514L13.1026 4.56014C11.9156 2.51714 9.71964 1.17314 7.33364 1.21814C5.56764 1.24314 3.91964 1.97114 2.69264 3.26614C1.47164 4.55514 0.813643 6.25214 0.840643 8.04514C0.867643 9.83814 1.57464 11.5151 2.83364 12.7661C4.07564 14.0011 5.70564 14.6781 7.43464 14.6781C7.46764 14.6781 7.50064 14.6781 7.53364 14.6771C10.0326 14.6401 11.7642 13.8035 12.8334 11.6651C13.0808 11.1702 12.8604 10.5691 12.3624 10.3311C11.8634 10.0941 11.267 10.3034 11.0284 10.8011C10.2546 12.415 9.24271 12.6771 7.50364 12.6771C6.28956 12.6771 5.12364 12.2241 4.24364 11.3481C3.35764 10.4671 2.85864 9.28314 2.84064 8.01514C2.82164 6.74714 3.28464 5.54914 4.14464 4.64214C4.99764 3.74114 6.14064 3.23614 7.36264 3.21814C9.15764 3.21414 10.7356 4.24714 11.5126 5.80814L10.7876 5.60814C10.2526 5.46214 9.70464 5.77314 9.55764 6.30514C9.41064 6.83814 9.72264 7.38814 10.2546 7.53514L13.4596 8.28214C13.4596 8.28214 14.2586 8.46814 14.4156 7.61614L15.1326 4.67814Z\"})});const playIcon=/*#__PURE__*/_jsx(\"svg\",{width:\"16\",height:\"16\",viewBox:\"0 0 16 16\",fill:\"none\",xmlns:\"http://www.w3.org/2000/svg\",style:{display:\"block\",fill:\"inherit\",marginTop:\"1px\"},children:/*#__PURE__*/_jsx(\"svg\",{width:\"16\",height:\"16\",viewBox:\"0 0 16 16\",children:/*#__PURE__*/_jsx(\"path\",{\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",d:\"M0.5 8C0.5 3.85772 3.85772 0.5 8 0.5C12.1423 0.5 15.5 3.85772 15.5 8C15.5 12.1423 12.1423 15.5 8 15.5C3.85772 15.5 0.5 12.1423 0.5 8ZM13.5 8C13.5 4.96229 11.0377 2.5 8 2.5C4.96229 2.5 2.5 4.96229 2.5 8C2.5 11.0377 4.96229 13.5 8 13.5C11.0377 13.5 13.5 11.0377 13.5 8ZM6.1267 10.2706L6.1377 5.7266C6.1387 5.3986 6.4957 5.1956 6.7787 5.3636L10.4147 7.5186C10.6857 7.6776 10.6947 8.0666 10.4317 8.2386L6.7837 10.6256C6.5007 10.8116 6.1257 10.6076 6.1267 10.2706Z\"})})});\nexport const __FramerMetadata__ = {\"exports\":{\"addPlayPauseButton\":{\"type\":\"reactHoc\",\"name\":\"addPlayPauseButton\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Video_play_pause.map"],
  "mappings": "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",
  "names": ["init_ssg_sandbox_shims", "init_npm_react_18_2", "addPlayPauseButton", "Component", "props", "wrapperRef", "pe", "hasVideoEnded", "setHasVideoEnded", "ye", "isVideoPlaying", "setIsVideoPlaying", "hover", "setHover", "handlePauseVideo", "_wrapperRef_current", "vid", "handlePlayVideo", "videoPlayHandler", "videoPauseHandler", "videoDurationChangeHandler", "e", "_e_target", "_e_target1", "currentTime", "duration", "ue", "renderButton", "u", "buttonStyle", "buttonHoverStyle", "replayIcon", "pauseIcon", "playIcon", "containerStyle", "p"]
}