fix: change play once from being per timeline, to per trigger (#11)

Co-authored-by: bfintal@gmail.com <>

Author: Arukuen

src/frontend/scripts/class-timeline.js

@@ -24,6 +24,9 @@ export class Timeline {
 			this._resetAtStart = !! timelineData.reset
 			this._onceOnly = !! timelineData.onceOnly
 			this._actionStarts = {}
+
+			// Used to track if the timeline is played per each trigger.
+			this.timelineData._playedTriggers = new WeakSet()
 		}
 
 		this._targets = []
@@ -40,19 +43,19 @@ export class Timeline {
 
 	createInstance( options ) {
 		// If triggered only once, then we don't create anymore animations.
-		// We reference timelineData._played here so that it persists across other timeline instances.
+		const currentTrigger = this.interaction.getCurrentTrigger()
 		if ( this.getRunner().isFrontend ) {
-			if ( this.timelineData.onceOnly && this.timelineData._played ) {
+			if ( this.timelineData.onceOnly && this.timelineData._playedTriggers.has( currentTrigger ) ) {
 				return null
 			}
 		}
 
+		this.timelineData._playedTriggers.add( currentTrigger )
+
 		// We have to empty the promises here because we are creating a new timeline.
 		// This is to prevent the promises from the previous timeline from affecting the new one.
 		this._funcPromises = {}
 
-		this.timelineData._played = true
-
 		const propsToPass = {}
 		if ( this.type === 'percentage' ) {
 			propsToPass.duration = 100 // 100% so it's easier to compute the actions later.