A small class to be able to lerp a Greensock Timeline and handle it's progress

LerpedTimeline.ts

import { TimelineMax, TimelineLite, TweenMax } from 'gsap';

export default class LerpedTimeline {
  public progress: number = 0;
  public readonly timeline: TimelineMax | TimelineLite;
  private readonly ease: number;
  private currentProgress: number = 0;

  constructor(timeline, ease: number = 0.1) {
    this.timeline = timeline;
    this.ease = ease;
    TweenMax.ticker.addEventListener('tick', this.handleTick);
  }

  private handleTick = (): void => {
    this.currentProgress = this.currentProgress + (this.progress - this.currentProgress) * this.ease;
    this.timeline.progress(this.currentProgress);
  };

  public dispose() {
    TweenMax.ticker.removeEventListener('tick', this.handleTick);
  }
}