Class StringAnimation

src/Animations/StringAnimation.ts:6–160

import { StringAnimationData } from "./StringAnimationData";

export class StringAnimation{
  protected _key: string
  get key(){
    return this._key
  }
  
  protected _status: boolean = true
  get status(){
    return this._status
  }
  set status(value: boolean){
    this._status = value
    if(this._status){
      this.onScrollEvent = (data: any)=>{
        this.objectsArray.forEach((object: StringScrollObject) => {
          if(this.onScroll != null){
            if (object.enabled ) {
            let progress = this.onScroll(object, data)
            object.progress = progress
            this.eventManager.emit(`progress_${object.key}_${object.id}`, object.progress)
            object.el.style.setProperty(object.key, progress.toString())
            object.connects.forEach(connect => {
              connect.progress = progress
              connect.el.style.setProperty(object.key, progress.toString())
              this.eventManager.emit(`progress_${object.key}_${object.id}`, object.progress)
            });
          }
          }
        });
      }
    } else {
      this.onScrollEvent = (data: any)=>{ }
    }
  }

  private onScrollEvent = (data: any)=>{}
  protected progressKey: string
  protected progressFactorKey: string
  protected bufferProgressKey: string
  private id: number = 1
  protected objectsMap: Map<string, StringScrollObject> = new Map<string, StringScrollObject>()
  protected objectsArray: Array<StringScrollObject> = new Array<StringScrollObject>()
  public allObjects: Map<string, StringScrollObject> = new Map<string, StringScrollObject>()
  protected onUpdate: ((element: StringScrollObject, data: StringAnimationData) => number) | null = null
  protected onScroll: ((element: StringScrollObject, data: StringAnimationData) => number) | null = null
  protected onEnter: (element: StringScrollObject, data: StringAnimationData | null) => void = (element: StringScrollObject, data: StringAnimationData | null)=>{}
  protected onLeave: (element: StringScrollObject, data: StringAnimationData | null) => void = (element: StringScrollObject, data: StringAnimationData | null)=>{}
  public eventManager: EventManager = new EventManager()

  constructor(key: string = "", progressKey: string = "", progressFactorKey: string = "", bufferProgressKey: string = "data-string-progress-value"){
    this._key = key
    this.progressKey = progressKey
    this.progressFactorKey = progressFactorKey
    this.bufferProgressKey = bufferProgressKey
    this.status = true
  }
  get(id: string): StringScrollObject | undefined{
    // return this.objectsMap.has(id) ? this.objectsMap.get(id) : undefined