import { Controller } from "@hotwired/stimulus"
import { nextFrame } from "helpers"

export default class extends Controller {
  static classes = [ "play" ]

  async play() {
    await nextFrame()
    this.element.classList.remove(this.playClass)
    this.#forceReflow()
    this.element.classList.add(this.playClass)
  }

  #forceReflow() {
    this.element.offsetWidth
  }
}