StimulusReflex + SlimSelect that supports DOM mutations and reentrancy triggered by reflexes

example.html.erb

<%= f.select :country_codes, country_select_data, {}, {multiple: true, data: {
  controller: "select", action: "stimulus-reflex:after@document->select#delayedSetup", reflex: "change->Adapter#assign_attributes"}} %>

select_controller.js

import ApplicationController from './application_controller'
import SlimSelect from 'slim-select'

export default class extends ApplicationController {
  connect () {
    this.setup()
  }

  disconnect (event) {
    this.cleanup()
  }

  setup (event) {
    this.cleanup()
    this.slimSelect = new SlimSelect({
      select: this.element
    })
  }

  delayedSetup (event) {
    setTimeout(this.setup.bind(this))
  }

  cleanup (event) {
    if (!this.slimSelect) return
    this.slimSelect.destroy()
    delete this.slimSelect
  }
}