Keep sequence animations visible between cycles (avoid disappearing/blank states)

animations/shared/sequence-helpers.js

@@ -6,6 +6,7 @@ function runSequenceAnimation({
   lastDelayOverride,
   onShow,
   scrollContainerSelector,
+  useFadeOut = false,
 } = {}) {
   const groups = (selectors || []).flatMap((selector) =>
     Array.from(document.querySelectorAll(selector))
@@ -67,15 +68,20 @@ function runSequenceAnimation({
       }, delay);
     });
 
-    const fadeOutTime = finalDelay + fadeOutOffset;
-    schedule(() => {
-      if (activeRunId !== runId) {
-        return;
-      }
-      groups.forEach((el) => el.classList.add('fade-out'));
-    }, fadeOutTime);
+    let restartDelay = finalDelay + cyclePause;
 
-    schedule(() => runAnimation(activeRunId), fadeOutTime + 1000 + cyclePause);
+    if (useFadeOut) {
+      const fadeOutTime = finalDelay + fadeOutOffset;
+      schedule(() => {
+        if (activeRunId !== runId) {
+          return;
+        }
+        groups.forEach((el) => el.classList.add('fade-out'));
+      }, fadeOutTime);
+      restartDelay = fadeOutTime + 1000 + cyclePause;
+    }
+
+    schedule(() => runAnimation(activeRunId), restartDelay);
   }
 
   function start() {