​

var comboboxSelects = document.querySelectorAll(".js-kobee-autocomplete");

comboboxSelects.forEach(initAutoComplete);

​

function initAutoComplete(/** DomNode */ dropdown) {

  const data = JSON.parse(dropdown.dataset.kobeeAutocomplete);

  const dataFilter = (value) => {

    //const reg = new RegExp(value.toLowerCase());

    return data.filter((item) => {

      //return reg.test((item.label ?? item.name).toLowerCase());

      return (item.label ?? item.name).toLowerCase().startsWith(value.toLowerCase());

    });

  };

​

  new mdb.Autocomplete(dropdown, {

    filter: dataFilter,

    displayValue: (value) => value.label ?? value.name,

  });

}

​

let resetComponentMap = {};

  /**

   * We need to reset the input because the AutoComplete has no setValue event.

   */

  resetComponentMap.resetAutoComplete = function(/*String*/ autoCompleteContainerId, defaultValue = '') {

    let autocompleteContainer = document.getElementById(autoCompleteContainerId);

    let autocompleteInput = autocompleteContainer.querySelector("input[type='text']");

    autocompleteInput.value = defaultValue;

    const autocomplete = mdb.Autocomplete.getInstance(autocompleteInput.parentElement);

    autocomplete._updateLabelPosition();

  };

​

document.getElementById("clickme").addEventListener("click", () => {

  resetComponentMap.resetAutoComplete("searchView_keyCombobox");

});