{"version":3,"file":"Video_Slider.DOjdIQgO.mjs","names":["useState","__esmMin","init_npm_react_18_3_1","_e","p","c","init_jsx_runtime","ce","motion","AnimatePresence","init_framer_motion_DhsWWWsN","init_framer_B1b760uK","addPropertyControls","ControlType","MediaSlideshow","props","currentIndex","setCurrentIndex","currentItemDuration","mediaItems","timer","prevIndex","variants","selectedVariant","transitionType","placeholderStyle","currentMedia","videoSource","containerStyle","mediaWrapperStyle","mediaStyle","showIndicators","indicatorContainerStyle","dotSize","isActive","index","baseColor","highlightColor","defaultImage","init_Video_Slider"],"sources":["https:/framerusercontent.com/modules/FeeaEA1v5tBMWccOrWzy/cPBmnzJix5Jtk88ZXohn/Video_Slider.js"],"sourcesContent":["/**\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState,useEffect}from\"react\";import{addPropertyControls,ControlType}from\"framer\";import{motion,AnimatePresence}from\"framer-motion\";export default function MediaSlideshow(props){const{mediaItems,transitionType,showIndicators,baseColor,highlightColor,dotSize}=props;const[currentIndex,setCurrentIndex]=useState(0);// Grab the duration of the currently active item (fallback to 4s if missing)\nconst currentItemDuration=mediaItems&&mediaItems[currentIndex]?.duration?mediaItems[currentIndex].duration:4;// Dynamic timer based on the CURRENT item's duration\nuseEffect(()=>{if(!mediaItems||mediaItems.length<=1)return;const timer=setTimeout(()=>{setCurrentIndex(prevIndex=>(prevIndex+1)%mediaItems.length);},currentItemDuration*1e3);return()=>clearTimeout(timer);},[currentIndex,mediaItems,currentItemDuration]);// Define the animation presets for the slide transitions\nconst variants={fade:{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0}},blur:{initial:{opacity:0,filter:\"blur(20px)\"},animate:{opacity:1,filter:\"blur(0px)\"},exit:{opacity:0,filter:\"blur(20px)\"}},wipeUp:{initial:{y:\"100%\"},animate:{y:\"0%\"},exit:{y:\"-100%\"}},scale:{initial:{opacity:0,scale:1.1},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.9}}};const selectedVariant=variants[transitionType]||variants.fade;// Fallback UI when no media is connected\nif(!mediaItems||mediaItems.length===0){return /*#__PURE__*/_jsx(\"div\",{style:placeholderStyle,children:\"Add Media Items in the Right Panel\"});}const currentMedia=mediaItems[currentIndex];// Determine the correct video source based on the user's selection\nconst videoSource=currentMedia.mediaType===\"videoFile\"?currentMedia.videoFile:currentMedia.mediaType===\"videoUrl\"?currentMedia.videoUrl:null;return /*#__PURE__*/_jsxs(\"div\",{style:containerStyle,children:[/*#__PURE__*/_jsx(AnimatePresence,{initial:false,children:/*#__PURE__*/_jsx(motion.div,{style:mediaWrapperStyle,variants:selectedVariant,initial:\"initial\",animate:\"animate\",exit:\"exit\",transition:{duration:.8,ease:[.4,0,.2,1]},children:currentMedia.mediaType===\"image\"&&currentMedia.image?/*#__PURE__*/_jsx(motion.img,{src:currentMedia.image,alt:currentMedia.altText||\"Slideshow Image\",style:mediaStyle,initial:{scale:1},animate:{scale:currentMedia.kenBurns?1.08:1},transition:{duration:currentItemDuration,ease:\"linear\"}}):(currentMedia.mediaType===\"videoFile\"||currentMedia.mediaType===\"videoUrl\")&&videoSource?/*#__PURE__*/_jsx(motion.video,{src:videoSource,poster:currentMedia.posterImage||undefined,style:mediaStyle,initial:{scale:1},animate:{scale:currentMedia.kenBurns?1.08:1},transition:{duration:currentItemDuration,ease:\"linear\"},autoPlay:true,muted:true,loop:true,playsInline:true}):null},`slide-${currentIndex}`)}),showIndicators&&mediaItems.length>1&&/*#__PURE__*/_jsx(\"div\",{style:{...indicatorContainerStyle,gap:dotSize},children:mediaItems.map((_,index)=>{const isActive=index===currentIndex;return /*#__PURE__*/_jsx(\"div\",{style:{height:dotSize,width:isActive?dotSize*4:dotSize,borderRadius:dotSize,backgroundColor:baseColor,overflow:\"hidden\",position:\"relative\",transition:\"width 0.4s cubic-bezier(0.4, 0, 0.2, 1)\"},children:isActive&&/*#__PURE__*/_jsx(motion.div,{initial:{width:\"100%\"},animate:{width:\"0%\"},transition:{duration:currentItemDuration,ease:\"linear\"},style:{height:\"100%\",backgroundColor:highlightColor}},`progress-${currentIndex}`)},index);})})]});}// Default Placeholder Image to ensure it doesn't look empty when first dropped\nconst defaultImage=\"https://framerusercontent.com/images/3KqA2c1B2GjH0M5s6x9zQ4Lw8.jpg\";// Framer Property Controls (Sidebar UI)\naddPropertyControls(MediaSlideshow,{mediaItems:{type:ControlType.Array,title:\"Media\",description:\"Add images, upload videos, or paste direct .mp4 links.\",defaultValue:[{mediaType:\"image\",image:defaultImage,duration:4,kenBurns:true,altText:\"Abstract mountain landscape\"},{mediaType:\"image\",image:defaultImage,duration:4,kenBurns:false,altText:\"Abstract mountain landscape\"}],control:{type:ControlType.Object,controls:{mediaType:{type:ControlType.Enum,title:\"Type\",options:[\"image\",\"videoFile\",\"videoUrl\"],optionTitles:[\"Image\",\"Video (Upload)\",\"Video (URL)\"],defaultValue:\"image\"},image:{type:ControlType.Image,title:\"Image File\",hidden:props=>props.mediaType!==\"image\"},altText:{type:ControlType.String,title:\"Alt Text\",placeholder:\"Description for screen readers\",hidden:props=>props.mediaType!==\"image\"},videoFile:{type:ControlType.File,title:\"Video File\",allowedFileTypes:[\"mp4\",\"webm\"],hidden:props=>props.mediaType!==\"videoFile\"},videoUrl:{type:ControlType.String,title:\"Video URL\",placeholder:\"https://.../video.mp4\",hidden:props=>props.mediaType!==\"videoUrl\"},posterImage:{type:ControlType.Image,title:\"Fallback Image\",hidden:props=>props.mediaType===\"image\"},duration:{type:ControlType.Number,title:\"Duration (s)\",defaultValue:4,min:1,max:60,step:.5,displayStepper:true},kenBurns:{type:ControlType.Boolean,title:\"Ken Burns\",defaultValue:false}}}},transitionType:{type:ControlType.Enum,title:\"Transition\",options:[\"fade\",\"blur\",\"wipeUp\",\"scale\"],optionTitles:[\"Fade\",\"Blur\",\"Wipe Up\",\"Scale & Fade\"],defaultValue:\"fade\"},showIndicators:{type:ControlType.Boolean,title:\"Show Dots\",defaultValue:true},baseColor:{type:ControlType.Color,title:\"Dot Base\",defaultValue:\"rgba(255, 255, 255, 0.4)\",hidden:props=>!props.showIndicators},highlightColor:{type:ControlType.Color,title:\"Dot Highlight\",defaultValue:\"#FF5722\",hidden:props=>!props.showIndicators},dotSize:{type:ControlType.Number,title:\"Dot Size\",defaultValue:8,min:4,max:24,hidden:props=>!props.showIndicators}});// CSS Styles\nconst containerStyle={width:\"100%\",height:\"100%\",position:\"relative\",overflow:\"hidden\",backgroundColor:\"#000\"};const mediaWrapperStyle={position:\"absolute\",width:\"100%\",height:\"100%\",overflow:\"hidden\"};const mediaStyle={width:\"100%\",height:\"100%\",objectFit:\"cover\"};const indicatorContainerStyle={position:\"absolute\",bottom:\"40px\",left:\"0\",right:\"0\",display:\"flex\",justifyContent:\"center\",alignItems:\"center\",zIndex:10};const placeholderStyle={width:\"100%\",height:\"100%\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",backgroundColor:\"rgba(255, 255, 255, 0.05)\",color:\"#888\",fontFamily:\"Inter, sans-serif\",fontSize:14};\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"MediaSlideshow\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Video_Slider.map"],"mappings":"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"}