const Choices = require('choices.js')
const $ = require('jquery')

const addJschoice = () => {
  document.querySelectorAll('*[data-jschoice]').forEach((item) => {
    return new Choices(item, {
      searchFields: ['label'],
      searchResultLimit: 30,
    })
  })
}

module.exports = () => {
  $('*[data-collection]').on('collection.update', addJschoice)
  $('body').on('shown.bs.modal', '.modal', addJschoice)
}