animot-presenter 0.6.1 → 0.6.2

package/dist/AnimotPresenter.svelte

@@ -893,8 +893,9 @@
 
 		if (hasSlideTransition) {
 			// Phase 2 sprint-1 polish — fire per-element exit presets BEFORE
-			// the slide-level CSS transition starts so they're visible alongside
-			// the cross-fade. Skip elements still on the target slide (morph case).
+			// the slide-level CSS transition starts, then WAIT for them to
+			// finish so the cross-fade doesn't swallow their visual.
+			let maxExitDur = 0;
 			for (const el of currentSlide.canvas.elements) {
 				const exitMode = el.animationConfig?.exit;
 				if (!exitMode || exitMode === 'none' || exitMode === 'fade') continue;
@@ -904,13 +905,16 @@
 				if (stillOnTarget) continue;
 				const dur = el.animationConfig?.exitDuration ?? el.animationConfig?.duration ?? 600;
 				presenterRegisterRuntimeAnim(el.id, 'exit', kf, dur);
-				// Snap opacity to 0 after the CSS exit keyframe finishes so the
-				// element vanishes cleanly once the runtime registry entry expires.
+				if (dur > maxExitDur) maxExitDur = dur;
 				const elId = el.id;
 				const animatedRef = animatedElements.get(elId);
 				if (animatedRef) setTimeout(() => animatedRef.opacity.to(0, { duration: 0 }), dur);
 			}
 
+			if (maxExitDur > 0) {
+				await new Promise(r => setTimeout(r, maxExitDur));
+			}
+
 			transitionClass = `transition-${transition.type}-out`;
 			await new Promise(r => setTimeout(r, duration * 0.4));
 			const newElementContent = new Map(elementContent);