(function () {
    const element = document.getElementById('newMember').elements['user_id'];
    const select = new TomSelect(element, {
        placeholder: 'User',
        valueField: 'value',
        labelField: 'label',
        searchField: 'label',
        loadThrottle: 300,
        load: function (query, callback) {
            var self = this;
            RVR.httpRequest('GET', searchUserUrl.replace('QUERY', encodeURIComponent(query)), function () {
                self.clearOptions();
                callback(this.response.results);
            });
        },
    });

    select.on('change', function (value) {
        this.clearOptions();
    });

    select.on('blur', function (value) {
        this.clearOptions();
    });

    select.on('type', function (value) {
        if (value === '') {
            this.clearOptions();
        }
    });
})();