{"version":3,"file":"TriptychAutoSlideshow.CP2z7RLt.mjs","names":["useState","useRef","useMemo","useCallback"],"sources":["https:/framerusercontent.com/modules/RsUeAqtj4E1fKOO6l0aY/acuIytXR6qJYen7TEQbX/TriptychAutoSlideshow.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useCallback,useEffect,useMemo,useRef,useState,startTransition}from\"react\";import{addPropertyControls,ControlType,useIsStaticRenderer}from\"framer\";const fallbackImages=[{src:\"https://framerusercontent.com/images/GfGkADagM4KEibNcIiRUWlfrR0.jpg\",alt:\"Neutral placeholder 1\",position:\"\"},{src:\"https://framerusercontent.com/images/aNsAT3jCvt4zglbWCUoFe33Q.jpg\",alt:\"Neutral placeholder 2\",position:\"\"},{src:\"https://framerusercontent.com/images/BYnxEV1zjYb9bhWh1IwBZ1ZoS60.jpg\",alt:\"Neutral placeholder 3\",position:\"\"}];/**\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */export default function TriptychAutoSlideshow(props){const{image1,image2,image3,image4,image5,image6,alt1,alt2,alt3,alt4,alt5,alt6,position1,position2,position3,position4,position5,position6,intervalSeconds,fadeSeconds,dimOpacity,objectFit,objectPosition,pauseOnHover,motionIntensity}=props;const isStaticRenderer=useIsStaticRenderer();const[activeIndex,setActiveIndex]=useState(0);const[isHovered,setIsHovered]=useState(false);const mountedRef=useRef(true);const responsiveWidths=useMemo(()=>[480,768,1024,1440,1920],[]);const responsiveSizes=\"(max-width: 480px) 100vw, (max-width: 768px) 100vw, (max-width: 1024px) 100vw, 100vw\";const resolveImageSource=useCallback((imageValue,fallbackAlt,fallbackPosition)=>{const safePosition=(fallbackPosition||\"\").trim();if(!imageValue)return null;if(typeof imageValue===\"string\"){return imageValue?{src:imageValue,alt:fallbackAlt||\"\",position:safePosition}:null;}if(typeof imageValue?.src===\"string\"&&imageValue.src.length>0){return{src:imageValue.src,alt:fallbackAlt||imageValue.alt||\"\",position:safePosition};}return null;},[]);const isFramerHostedImage=useCallback(source=>{return/^https?:\\/\\/framerusercontent\\.com\\/images\\//i.test(source);},[]);const buildFramerOptimizedUrl=useCallback((source,width)=>{try{const parsedUrl=new URL(source);[\"w\",\"width\",\"h\",\"height\",\"kb\"].forEach(key=>{parsedUrl.searchParams.delete(key);});parsedUrl.searchParams.set(\"width\",String(width));parsedUrl.searchParams.set(\"quality\",\"85\");return parsedUrl.toString();}catch{return source;}},[]);const getOptimizedImageSources=useCallback(source=>{if(!isFramerHostedImage(source)){return{src:source,srcSet:undefined};}const defaultWidth=1440;const optimizedSrc=buildFramerOptimizedUrl(source,defaultWidth);const optimizedSrcSet=responsiveWidths.map(width=>`${buildFramerOptimizedUrl(source,width)} ${width}w`).join(\", \");return{src:optimizedSrc,srcSet:optimizedSrcSet};},[buildFramerOptimizedUrl,isFramerHostedImage,responsiveWidths]);const safeImages=useMemo(()=>{const cleaned=[resolveImageSource(image1,alt1,position1),resolveImageSource(image2,alt2,position2),resolveImageSource(image3,alt3,position3),resolveImageSource(image4,alt4,position4),resolveImageSource(image5,alt5,position5),resolveImageSource(image6,alt6,position6)].filter(image=>Boolean(image?.src));return cleaned.length>0?cleaned:fallbackImages;},[alt1,alt2,alt3,alt4,alt5,alt6,position1,position2,position3,position4,position5,position6,image1,image2,image3,image4,image5,image6,resolveImageSource]);const imageCount=safeImages.length;const safeIntervalMs=Math.max(.25,intervalSeconds||0)*1e3;const safeFadeSeconds=Math.max(.05,fadeSeconds||0);const safeDimOpacity=Math.min(1,Math.max(0,dimOpacity??0));const safeMotionIntensity=Math.min(1,Math.max(0,motionIntensity??.35));const shouldAnimateMotion=!isStaticRenderer&&safeMotionIntensity>0;const motionDurationSeconds=Math.max(safeFadeSeconds,Math.max(.25,intervalSeconds||0));const startScale=1;const endScale=startScale+.04*safeMotionIntensity;const driftXPercent=.35*safeMotionIntensity;const driftYPercent=.25*safeMotionIntensity;const goToNext=useCallback(()=>{if(imageCount<=1)return;startTransition(()=>{setActiveIndex(prev=>(prev+1)%imageCount);});},[imageCount]);const handleMouseEnter=useCallback(()=>{startTransition(()=>{setIsHovered(true);});},[]);const handleMouseLeave=useCallback(()=>{startTransition(()=>{setIsHovered(false);});},[]);useEffect(()=>{mountedRef.current=true;return()=>{mountedRef.current=false;};},[]);useEffect(()=>{if(isStaticRenderer)return;if(imageCount<=1)return;if(pauseOnHover&&isHovered)return;if(typeof window===\"undefined\")return;const timer=window.setInterval(()=>{if(!mountedRef.current)return;goToNext();},safeIntervalMs);return()=>{window.clearInterval(timer);};},[goToNext,imageCount,isHovered,isStaticRenderer,pauseOnHover,safeIntervalMs]);useEffect(()=>{if(activeIndex<imageCount)return;startTransition(()=>{setActiveIndex(0);});},[activeIndex,imageCount]);return /*#__PURE__*/_jsxs(\"div\",{onMouseEnter:pauseOnHover?handleMouseEnter:undefined,onMouseLeave:pauseOnHover?handleMouseLeave:undefined,style:{position:\"relative\",width:\"100%\",height:\"100%\",overflow:\"hidden\",background:\"#111111\"},children:[safeImages.map((image,index)=>{const isActive=index===activeIndex;const activeTransform=`scale(${endScale}) translate3d(${driftXPercent}%, ${driftYPercent}%, 0)`;const idleTransform=`scale(${startScale}) translate3d(0%, 0%, 0)`;const optimizedSources=getOptimizedImageSources(image.src);return /*#__PURE__*/_jsx(\"img\",{src:optimizedSources.src,srcSet:optimizedSources.srcSet,sizes:optimizedSources.srcSet?responsiveSizes:undefined,loading:index===0||isActive?\"eager\":\"lazy\",decoding:index===0||isActive?\"sync\":\"async\",alt:image.alt||\"\",style:{position:\"absolute\",inset:0,width:\"100%\",height:\"100%\",objectFit,objectPosition:image.position||objectPosition,opacity:isActive?1:0,transform:shouldAnimateMotion?isActive?activeTransform:idleTransform:\"scale(1) translate3d(0, 0, 0)\",transition:shouldAnimateMotion?isActive?`opacity ${safeFadeSeconds}s ease-in-out, transform ${motionDurationSeconds}s linear`:`opacity ${safeFadeSeconds}s ease-in-out`:`opacity ${safeFadeSeconds}s ease-in-out`,pointerEvents:\"none\",userSelect:\"none\",willChange:\"opacity, transform\",backfaceVisibility:\"hidden\",transformOrigin:\"center center\"}},`${image.src}-${index}`);}),/*#__PURE__*/_jsx(\"div\",{\"aria-hidden\":true,style:{position:\"absolute\",inset:0,background:\"#000000\",opacity:safeDimOpacity,pointerEvents:\"none\"}})]});}addPropertyControls(TriptychAutoSlideshow,{image1:{type:ControlType.Image,title:\"Image 1\"},alt1:{type:ControlType.String,title:\"Alt 1\",defaultValue:\"Slide image 1\"},image2:{type:ControlType.Image,title:\"Image 2\"},alt2:{type:ControlType.String,title:\"Alt 2\",defaultValue:\"Slide image 2\"},image3:{type:ControlType.Image,title:\"Image 3\"},alt3:{type:ControlType.String,title:\"Alt 3\",defaultValue:\"Slide image 3\"},image4:{type:ControlType.Image,title:\"Image 4\"},alt4:{type:ControlType.String,title:\"Alt 4\",defaultValue:\"Slide image 4\"},image5:{type:ControlType.Image,title:\"Image 5\"},alt5:{type:ControlType.String,title:\"Alt 5\",defaultValue:\"Slide image 5\"},image6:{type:ControlType.Image,title:\"Image 6\"},alt6:{type:ControlType.String,title:\"Alt 6\",defaultValue:\"Slide image 6\"},position1:{type:ControlType.String,title:\"Position 1\",defaultValue:\"\"},position2:{type:ControlType.String,title:\"Position 2\",defaultValue:\"\"},position3:{type:ControlType.String,title:\"Position 3\",defaultValue:\"\"},position4:{type:ControlType.String,title:\"Position 4\",defaultValue:\"\"},position5:{type:ControlType.String,title:\"Position 5\",defaultValue:\"\"},position6:{type:ControlType.String,title:\"Position 6\",defaultValue:\"\"},intervalSeconds:{type:ControlType.Number,title:\"Interval\",defaultValue:4,min:.25,max:30,step:.25,unit:\"s\"},fadeSeconds:{type:ControlType.Number,title:\"Fade\",defaultValue:1.2,min:.05,max:10,step:.05,unit:\"s\"},dimOpacity:{type:ControlType.Number,title:\"Dim\",defaultValue:.25,min:0,max:1,step:.01},objectFit:{type:ControlType.Enum,title:\"Fit\",defaultValue:\"cover\",options:[\"cover\",\"contain\"],optionTitles:[\"Cover\",\"Contain\"],displaySegmentedControl:true},objectPosition:{type:ControlType.String,title:\"Position\",defaultValue:\"center center\"},pauseOnHover:{type:ControlType.Boolean,title:\"Pause Hover\",defaultValue:true,enabledTitle:\"On\",disabledTitle:\"Off\"},motionIntensity:{type:ControlType.Number,title:\"Motion\",defaultValue:0,min:0,max:1,step:.01}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"TriptychAutoSlideshow\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"fixed\",\"framerSupportedLayoutHeight\":\"fixed\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./TriptychAutoSlideshow.map"],"mappings":"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"}