Stimulus Disable form after submit - (disable_with UJS replacement)

<form data-controller="form-disable">
  <button data-form-disable-target="button">Submit</button>
  <div data-form-disable-target="replacement" class="hidden">Submitting...</div>

  <!-- Optional -->
  <a data-form-disable-target="cancel" data-modal-target="close" class="hidden">Close Modal</button>
</form>

// app/javascript/controller/form_disable_controller.js
import { Controller } from "@hotwired/stimulus"

// Connects to data-controller="form-disable"

export default class extends Controller {
  static targets = [ "button", "replacement", "cancel" ]

  connect() {
    addEventListener("turbo:submit-start", this.disable.bind(this))
  }
  disconnect() {
    removeEventListener("turbo:submit-start")
  }

  disable() {
    this.buttonTarget.disabled = true
    this.buttonTarget.classList = "hidden"
    this.replacementTarget.classList.remove("hidden")
    if(this.hasCancelTarget) {
      this.cancelTarget.classList.add("hidden")
    }
  }
}