{"version":3,"file":"DotLottie.qAkM7yvh.mjs","names":["useRef","useState"],"sources":["https:/framerusercontent.com/modules/jfK7C7JmdHGaVBsvt1V7/G0lF2a2mezep3QZSQZwm/DotLottie.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";import{useEffect,useRef,useState}from\"react\";const placeholderUrl=\"https://lottie.host/d826e0a7-b7e8-4072-8afe-c943ed2dd2ca/DpX3m5yT5Z.lottie\";/**\n * DOT LOTTIE\n *\n * @framerIntrinsicWidth 200\n * @framerIntrinsicHeight 200\n * @framerDisableUnlink\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */ export default function DotLottie(props){return /*#__PURE__*/ _jsx(OptimizationFriendly,{loading:/*#__PURE__*/ _jsx(\"div\",{}),loaded:/*#__PURE__*/ _jsx(LottiePlayer,{...props})});};function LottiePlayer(props){/* Checks */ const isCanvas=RenderTarget.current()===RenderTarget.canvas;const lottieInstanceRef=useRef(null);const shouldPlay=isCanvas||props.hover===true||props.autoplay===false?null:true;/* File or URL */ let src;switch(props.srcType){case\"url\":src=props.srcUrl;break;case\"file\":src=props.srcFile;break;default:src=placeholderUrl;break;}/* Progress */ const[isReady,setIsReady]=useState(false);/* For canvas states */ useEffect(()=>{if(!lottieInstanceRef.current)return;lottieInstanceRef.current.addEventListener(\"ready\",()=>setIsReady(true));},[]);useEffect(()=>{if(!lottieInstanceRef.current)return;lottieInstanceRef.current.seek(`${props.progress}%`);},[isReady,props.progress]);const lastVariant=useRef();/* For component variant support */ useEffect(()=>{if(isCanvas)return;if(lastVariant.current!==props.autoplay){if(!lottieInstanceRef.current)return;if(props.autoplay===true){lottieInstanceRef.current.play();}if(props.autoplay===false){lottieInstanceRef.current.pause();}}lastVariant.current=props.autoplay;},[props.autoplay]);return(// @ts-ignore\n/*#__PURE__*/ _jsx(\"dotlottie-player\",{src:src,ref:lottieInstanceRef,autoplay:shouldPlay,loop:props.loop?true:null,hover:props.hover?true:null,controls:props.controls?true:null,background:props.background?props.background:null,speed:props.speed,direction:props.direction,style:{...props.style,width:\"100%\",height:\"100%\"}},src));}DotLottie.defaultProps={srcUrl:placeholderUrl,autoplay:true,background:\"#05F\",controls:false,direction:1,hover:false,loop:true,speed:1};DotLottie.displayName=\"Dot Lottie\";addPropertyControls(DotLottie,{srcType:{type:ControlType.Enum,displaySegmentedControl:true,title:\"Source\",options:[\"url\",\"file\"],optionTitles:[\"URL\",\"File\"]},srcUrl:{type:ControlType.String,title:\"Link\",placeholder:\"../example.lottie\",hidden:props=>props.srcType===\"file\"},srcFile:{type:ControlType.File,title:\"File\",allowedFileTypes:[\"lottie\",\"json\"],hidden:props=>props.srcType===\"url\"},autoplay:{type:ControlType.Boolean,title:\"Autoplay\",defaultValue:true},background:{type:ControlType.Color,title:\"Backdrop\",defaultValue:\"#05F\"},controls:{type:ControlType.Boolean,title:\"Controls\"},direction:{type:ControlType.Enum,title:\"Direction\",defaultValue:\"1\",displaySegmentedControl:true,segmentedControlDirection:\"horizontal\",options:[\"1\",\"-1\"],optionTitles:[\"Normal\",\"Reverse\"]},hover:{type:ControlType.Boolean,title:\"Hover Play\"},loop:{type:ControlType.Boolean,title:\"Loop\"},speed:{type:ControlType.Number,title:\"Speed\",defaultValue:1,min:1,max:10,unit:\"x\",step:.5,displayStepper:true},progress:{type:ControlType.Number,title:\"Progress\",defaultValue:0,min:0,max:100,step:1,description:\"This component is made for Lottie files. [Learn more here](https://dotlottie.io/).\"}});/* For SSG */ function OptimizationFriendly({loading,loaded}){const[isLoading,setLoading]=React.useState(true);// We can't load web-components in ssg on the server,\n// so we defer rendering until we hit the client.\nReact.useEffect(()=>{import(\"https://unpkg.com/@dotlottie/player-component@1.3.2/dist/dotlottie-player.js\").then(()=>{setLoading(false);});},[]);return isLoading?loading:loaded;}\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"DotLottie\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"200\",\"framerIntrinsicHeight\":\"200\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerDisableUnlink\":\"*\",\"framerSupportedLayoutWidth\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./DotLottie.map"],"mappings":"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"}