@oat-sa/tao-core-ui 1.60.2 → 1.62.0

package/dist/autocomplete.js

@@ -6,279 +6,259 @@ define(['jquery', 'lodash', 'i18n', 'util/capitalize', 'ui/tooltip', 'jquery.aut
     capitalize = capitalize && Object.prototype.hasOwnProperty.call(capitalize, 'default') ? capitalize['default'] : capitalize;
     tooltip = tooltip && Object.prototype.hasOwnProperty.call(tooltip, 'default') ? tooltip['default'] : tooltip;
 
-    /**
-     * This program is free software; you can redistribute it and/or
-     * modify it under the terms of the GNU General Public License
-     * as published by the Free Software Foundation; under version 2
-     * of the License (non-upgradable).
-     *
-     * This program is distributed in the hope that it will be useful,
-     * but WITHOUT ANY WARRANTY; without even the implied warranty of
-     * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-     * GNU General Public License for more details.
-     *
-     * You should have received a copy of the GNU General Public License
-     * along with this program; if not, write to the Free Software
-     * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
-     *
-     * Copyright (c) 2015-2020 (original work) Open Assessment Technologies SA ;
-     */
-    /**
-     * Namespace for component
-     * @type {String}
+    /**
+     * This program is free software; you can redistribute it and/or
+     * modify it under the terms of the GNU General Public License
+     * as published by the Free Software Foundation; under version 2
+     * of the License (non-upgradable).
+     *
+     * This program is distributed in the hope that it will be useful,
+     * but WITHOUT ANY WARRANTY; without even the implied warranty of
+     * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+     * GNU General Public License for more details.
+     *
+     * You should have received a copy of the GNU General Public License
+     * along with this program; if not, write to the Free Software
+     * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
+     *
+     * Copyright (c) 2015-2020 (original work) Open Assessment Technologies SA ;
      */
 
-    var NS = 'autocompleter';
-    /**
-     * Default config for tooltip displayed when the server returns less records than available
-     * @type {Object}
+    /**
+     * Namespace for component
+     * @type {String}
      */
+    var NS = 'autocompleter';
 
+    /**
+     * Default config for tooltip displayed when the server returns less records than available
+     * @type {Object}
+     */
     var tooltipConfigTooMany = {
       container: $('body').get(0),
       trigger: 'manual'
     };
-
     var toolTipMessage = __('Too many suggestions match your query. Only a few are listed');
-    /**
-     * A list of default values for allowed options
-     * @type {Object}
-     */
-
 
+    /**
+     * A list of default values for allowed options
+     * @type {Object}
+     */
     var defaults = {
-      /**
-       * The name of the wrapped plugin
-       * @type {String}
+      /**
+       * The name of the wrapped plugin
+       * @type {String}
        */
       pluginName: 'autocomplete',
-
-      /**
-       * Defines the URL to data source
-       * @type {String}
+      /**
+       * Defines the URL to data source
+       * @type {String}
        */
       url: null,
-
-      /**
-       * Defines a list of extra params to be sent with the query.
-       * @type {Object}
+      /**
+       * Defines a list of extra params to be sent with the query.
+       * @type {Object}
        */
       params: null,
-
-      /**
-       * Defines the root for seach params.
-       * When provided, all the search params are wrapped under the same root.
-       * @type {String}
+      /**
+       * Defines the root for seach params.
+       * When provided, all the search params are wrapped under the same root.
+       * @type {String}
        */
       paramsRoot: null,
-
-      /**
-       * Defines the name of the param providing the ontology URI
-       * @type {String|String[]}
+      /**
+       * Defines the name of the param providing the ontology URI
+       * @type {String|String[]}
        */
       ontologyParam: 'rootNode',
-
-      /**
-       * Defines the name of the param providing the searched pattern
-       * @type {String}
+      /**
+       * Defines the name of the param providing the searched pattern
+       * @type {String}
        */
       queryParam: 'query',
-
-      /**
-       * Defines the request method. Can be either GET or POST, default to GET.
-       * @type {String}
+      /**
+       * Defines the request method. Can be either GET or POST, default to GET.
+       * @type {String}
        */
       type: 'GET',
-
-      /**
-       * Defines the URI of the target ontology.
-       * @type {String}
+      /**
+       * Defines the URI of the target ontology.
+       * @type {String}
        */
       ontology: null,
-
-      /**
-       * The current value
-       * @type {String}
+      /**
+       * The current value
+       * @type {String}
        */
       value: null,
-
-      /**
-       * The current label
-       * @type {String}
+      /**
+       * The current label
+       * @type {String}
        */
       label: null,
-
-      /**
-       * Defines the name of the field containing the value within the received data.
-       * @type {String}
+      /**
+       * Defines the name of the field containing the value within the received data.
+       * @type {String}
        */
       valueField: 'id',
-
-      /**
-       * Defines the name of the field containing the label within the received data.
-       * @type {String}
+      /**
+       * Defines the name of the field containing the label within the received data.
+       * @type {String}
        */
       labelField: 'http://www.w3.org/2000/01/rdf-schema#label',
-
-      /**
-       * When set to true the component acts as a data provider.
-       * In this mode, each time an item is selected from a list,
-       * it will be directly removed from the input, so the listener
-       * has to take care of the selected value and to add it in its own list.
-       * @type {Boolean}
+      /**
+       * When set to true the component acts as a data provider.
+       * In this mode, each time an item is selected from a list,
+       * it will be directly removed from the input, so the listener
+       * has to take care of the selected value and to add it in its own list.
+       * @type {Boolean}
        */
       isProvider: false,
-
-      /**
-       * When set to true the component prevents auto submit when the user hit enter on the text box.
-       * @type {Boolean}
+      /**
+       * When set to true the component prevents auto submit when the user hit enter on the text box.
+       * @type {Boolean}
        */
       preventSubmit: false,
-
-      /**
-       * Number of milliseconds to defer ajax request.
-       * @type {Number}
+      /**
+       * Number of milliseconds to defer ajax request.
+       * @type {Number}
        */
       delay: 250,
-
-      /**
-       * Minimum number of characters required to trigger the ajax request.
-       * @type {Number}
+      /**
+       * Minimum number of characters required to trigger the ajax request.
+       * @type {Number}
        */
       minChars: 3,
-
-      /**
-       * Flag used to checks if too many suggestions are available on server side for the current query
-       * @type {Boolean}
+      /**
+       * Flag used to checks if too many suggestions are available on server side for the current query
+       * @type {Boolean}
        */
       tooManySuggestions: false,
-
-      /**
-       * Flag used to auto add a wildcard char at the end of the query.
-       * @type {Boolean}
+      /**
+       * Flag used to auto add a wildcard char at the end of the query.
+       * @type {Boolean}
        */
       addWilcard: false
     };
     var autocompleter = {
-      /**
-       * @event beforeSelectItem Fired when the user select a suggestion in the list.
-       * @param {Event} event
-       * @param {String} value
-       * @param {String} label
-       * @param {autocompleter} instance
-       * @returns {Boolean} The handler can returns `false` to prevent default handling
-       */
-
-      /**
-       * @event selectItem Fired after the user has selected a suggestion in the list.
-       * @param {Event} event
-       * @param {String} value
-       * @param {String} label
-       * @param {autocompleter} instance
-       */
-
-      /**
-       * @event searchStart Fired when the user input text and a query is about to be requested.
-       * @param {Event} event
-       * @param {Object} params The list of params which will be bound the query
-       * @param {autocompleter} instance
-       * @returns {Boolean} The handler can returns `false` to prevent default handling
-       */
-
-      /**
-       * @event searchComplete Fired after ajax response is processed.
-       * @param {Event} event
-       * @param {String} query The requested fragment
-       * @param {Object} suggestions An array containing the results.
-       * @param {autocompleter} instance
-       */
-
-      /**
-       * @event searchError Fired if ajax request fails.
-       * @param {Event} event
-       * @param {String} query
-       * @param {jqXHR} jqXHR
-       * @param {String} textStatus
-       * @param {Exception} errorThrown
-       * @param {autocompleter} instance
-       */
-
-      /**
-       * @event invalidateSelection Fired when input is altered after selection has been made.
-       * @param {Event} event
-       * @param {autocompleter} instance
-       */
-
-      /**
-       * @event beforeRender Fired before displaying the suggestions.
-       * You may manipulate suggestions DOM before it is displayed.
-       * @param {Event} event
-       * @param {jQuery} $container
-       * @param {autocompleter} instance
-       */
-
-      /**
-       * Initializes the component. Installs the autocompleter onto an element.
-       * @param {jQuery|Element|String} element The element on which install the autocompleter
-       * @param {Object} options A list of options to set
-       * The complete list of plugin options can be found at: https://github.com/devbridge/jQuery-Autocomplete
-       * @returns {autocompleter} this
-       */
-      init: function init(element, options) {
+      /**
+       * @event beforeSelectItem Fired when the user select a suggestion in the list.
+       * @param {Event} event
+       * @param {String} value
+       * @param {String} label
+       * @param {autocompleter} instance
+       * @returns {Boolean} The handler can returns `false` to prevent default handling
+       */
+
+      /**
+       * @event selectItem Fired after the user has selected a suggestion in the list.
+       * @param {Event} event
+       * @param {String} value
+       * @param {String} label
+       * @param {autocompleter} instance
+       */
+
+      /**
+       * @event searchStart Fired when the user input text and a query is about to be requested.
+       * @param {Event} event
+       * @param {Object} params The list of params which will be bound the query
+       * @param {autocompleter} instance
+       * @returns {Boolean} The handler can returns `false` to prevent default handling
+       */
+
+      /**
+       * @event searchComplete Fired after ajax response is processed.
+       * @param {Event} event
+       * @param {String} query The requested fragment
+       * @param {Object} suggestions An array containing the results.
+       * @param {autocompleter} instance
+       */
+
+      /**
+       * @event searchError Fired if ajax request fails.
+       * @param {Event} event
+       * @param {String} query
+       * @param {jqXHR} jqXHR
+       * @param {String} textStatus
+       * @param {Exception} errorThrown
+       * @param {autocompleter} instance
+       */
+
+      /**
+       * @event invalidateSelection Fired when input is altered after selection has been made.
+       * @param {Event} event
+       * @param {autocompleter} instance
+       */
+
+      /**
+       * @event beforeRender Fired before displaying the suggestions.
+       * You may manipulate suggestions DOM before it is displayed.
+       * @param {Event} event
+       * @param {jQuery} $container
+       * @param {autocompleter} instance
+       */
+
+      /**
+       * Initializes the component. Installs the autocompleter onto an element.
+       * @param {jQuery|Element|String} element The element on which install the autocompleter
+       * @param {Object} options A list of options to set
+       * The complete list of plugin options can be found at: https://github.com/devbridge/jQuery-Autocomplete
+       * @returns {autocompleter} this
+       */
+      init: function (element, options) {
         // fetch the element to handle, we need an input element
         this.$element = $(element);
-
         if (!this.$element.is(':input')) {
           this.$element = this.$element.find(':input');
-        } // prepare the tooltip displayed when more suggestions are available on the server side for the current query
-
+        }
 
-        this.tooltip = tooltip.info(this.$element, toolTipMessage, tooltipConfigTooMany); // loads some options from HTML5 data-* attributes
+        // prepare the tooltip displayed when more suggestions are available on the server side for the current query
+        this.tooltip = tooltip.info(this.$element, toolTipMessage, tooltipConfigTooMany);
 
-        options = _.assign(_.clone(options || {}), _.pick(this.$element.data(), ['url', 'ontology', 'paramsRoot', 'ontologyParam', 'queryParam', 'type', 'valueField', 'labelField', 'isProvider', 'preventSubmit', 'delay', 'minChars'])); // install the keyboard listener used to prevent auto submits
+        // loads some options from HTML5 data-* attributes
+        options = _.assign(_.clone(options || {}), _.pick(this.$element.data(), ['url', 'ontology', 'paramsRoot', 'ontologyParam', 'queryParam', 'type', 'valueField', 'labelField', 'isProvider', 'preventSubmit', 'delay', 'minChars']));
 
-        this.on('keyup keydown keypress', this._onKeyEvent.bind(this)); // install the events listener used to show/hide tooltip
+        // install the keyboard listener used to prevent auto submits
+        this.on('keyup keydown keypress', this._onKeyEvent.bind(this));
 
+        // install the events listener used to show/hide tooltip
         this.on('focus', this._onFocus.bind(this));
-        this.on('blur', this._onBlur.bind(this)); // apply the nested plugin onto the element
+        this.on('blur', this._onBlur.bind(this));
 
+        // apply the nested plugin onto the element
         this.$element[this.pluginName](this.parseOptions(options));
         return this;
       },
-
-      /**
-       * Destroys the wrapped plugin instance.
-       * All events are detached and suggestion containers removed.
-       * The value is conserved.
-       * @returns {autocompleter} this
+      /**
+       * Destroys the wrapped plugin instance.
+       * All events are detached and suggestion containers removed.
+       * The value is conserved.
+       * @returns {autocompleter} this
        */
-      destroy: function destroy() {
+      destroy: function () {
         this.applyPlugin('dispose');
-
         if (this.$element) {
           this.$element.off('.' + NS);
           this.tooltip.dispose();
         }
-
         this.$element = null;
         return this;
       },
-
-      /**
-       * Parses the provided options and filters them.
-       * Separates the component options from those which go the plugin instance.
-       * Immediately applies the component options, returns the plugin options.
-       * @param {Object} options A list of options to filter.
-       * The complete list of plugin options can be found at: https://github.com/devbridge/jQuery-Autocomplete
-       * @returns {Object} Returns the list of plugin options and their values.
-       */
-      parseOptions: function parseOptions(options) {
+      /**
+       * Parses the provided options and filters them.
+       * Separates the component options from those which go the plugin instance.
+       * Immediately applies the component options, returns the plugin options.
+       * @param {Object} options A list of options to filter.
+       * The complete list of plugin options can be found at: https://github.com/devbridge/jQuery-Autocomplete
+       * @returns {Object} Returns the list of plugin options and their values.
+       */
+      parseOptions: function (options) {
         var self = this;
-        var pluginOptions = {}; // filter the options
+        var pluginOptions = {};
 
+        // filter the options
         _.forOwn(options, function (value, name) {
           var setterName = 'set' + capitalize(name);
-
           if (self[setterName]) {
             // a setter exists for this option
             self[setterName](value);
@@ -289,9 +269,9 @@ define(['jquery', 'lodash', 'i18n', 'util/capitalize', 'ui/tooltip', 'jquery.aut
             // not a component option, forward it to the plugin instance
             pluginOptions[name] = value;
           }
-        }); // adjust options to be forwarded to the plugin instance
-
+        });
 
+        // adjust options to be forwarded to the plugin instance
         _.assign(pluginOptions, {
           onSelect: this._onSelect.bind(this),
           onSearchStart: this._onSearchStart.bind(this),
@@ -313,634 +293,556 @@ define(['jquery', 'lodash', 'i18n', 'util/capitalize', 'ui/tooltip', 'jquery.aut
             dataType: 'json'
           }
         });
-
         return pluginOptions;
       },
-
-      /**
-       * Applies options onto the component and the wrapped plugin instance.
-       * @param {Object} options A list of named options to set.
-       * The complete list of plugin options can be found at: https://github.com/devbridge/jQuery-Autocomplete
-       * @returns {autocompleter} this
+      /**
+       * Applies options onto the component and the wrapped plugin instance.
+       * @param {Object} options A list of named options to set.
+       * The complete list of plugin options can be found at: https://github.com/devbridge/jQuery-Autocomplete
+       * @returns {autocompleter} this
        */
-      setOptions: function setOptions(options) {
+      setOptions: function (options) {
         this.applyPlugin('setOptions', [this.parseOptions(options)]);
         return this;
       },
-
-      /**
-       * Calls a method on the inner element with the provided list of params.
-       * @param {String} action The name of the method to call
-       * @param {Array} [params] A list of optional params to pass to the called method
-       * @returns {*} Returns the callee result
+      /**
+       * Calls a method on the inner element with the provided list of params.
+       * @param {String} action The name of the method to call
+       * @param {Array} [params] A list of optional params to pass to the called method
+       * @returns {*} Returns the callee result
        */
-      applyElement: function applyElement(action, params) {
+      applyElement: function (action, params) {
         var $element = this.$element;
-
         if ($element) {
           return $element[action].apply($element, params);
         }
       },
-
-      /**
-       * Calls a method on the wrapped plugin with the provided list of params.
-       * @param {String} action The name of the method to call
-       * @param {Array} [params] A list of optional params to pass to the called method
-       * @returns {*} Returns the callee result
+      /**
+       * Calls a method on the wrapped plugin with the provided list of params.
+       * @param {String} action The name of the method to call
+       * @param {Array} [params] A list of optional params to pass to the called method
+       * @returns {*} Returns the callee result
        */
-      applyPlugin: function applyPlugin(action, params) {
+      applyPlugin: function (action, params) {
         var $element = this.$element;
         var $plugin = $element && $element[this.pluginName]();
-
         if ($plugin) {
           return $plugin[action].apply($plugin, params);
         }
       },
-
-      /**
-       * Shows the tooltip displayed when the server returns less records than available
+      /**
+       * Shows the tooltip displayed when the server returns less records than available
        */
-      showTooltipTooMany: function showTooltipTooMany() {
+      showTooltipTooMany: function () {
         if (this.$element) {
           this.tooltip.show();
         }
       },
-
-      /**
-       * Hides the tooltip displayed when the server returns less records than available
+      /**
+       * Hides the tooltip displayed when the server returns less records than available
        */
-      hideTooltipTooMany: function hideTooltipTooMany() {
+      hideTooltipTooMany: function () {
         if (this.$element) {
           this.tooltip.hide();
         }
       },
-
-      /**
-       * Fires an event handler.
-       * @param {String} eventName The name of the event to trigger
-       * @param {Array} [params] A list of optional parameters
-       * @returns {*} Returns the call result
+      /**
+       * Fires an event handler.
+       * @param {String} eventName The name of the event to trigger
+       * @param {Array} [params] A list of optional parameters
+       * @returns {*} Returns the call result
        */
-      trigger: function trigger(eventName, params) {
+      trigger: function (eventName, params) {
         return this.applyElement('triggerHandler', [adjustEventName(eventName), params]);
       },
-
-      /**
-       * Installs an event handler.
-       * @param {String} eventName The name of the event to listen
-       * @param {Function } callback The function called back when the event occurs
-       * @returns {autocompleter} this
+      /**
+       * Installs an event handler.
+       * @param {String} eventName The name of the event to listen
+       * @param {Function } callback The function called back when the event occurs
+       * @returns {autocompleter} this
        */
-      on: function on(eventName, callback) {
+      on: function (eventName, callback) {
         this.applyElement('on', [adjustEventName(eventName), callback]);
         return this;
       },
-
-      /**
-       * Uninstalls an event handler.
-       * @param {String} eventName The name of the event to release
-       * @param {Function } [callback] The callback provided at install
-       * @returns {autocompleter} this
+      /**
+       * Uninstalls an event handler.
+       * @param {String} eventName The name of the event to release
+       * @param {Function } [callback] The callback provided at install
+       * @returns {autocompleter} this
        */
-      off: function off(eventName, callback) {
+      off: function (eventName, callback) {
         this.applyElement('off', [adjustEventName(eventName), callback]);
         return this;
       },
-
-      /**
-       * Gets the nested element on which the component is installed.
-       * @returns {*|jQuery|HTMLElement}
+      /**
+       * Gets the nested element on which the component is installed.
+       * @returns {*|jQuery|HTMLElement}
        */
-      getElement: function getElement() {
+      getElement: function () {
         return this.$element;
       },
-
-      /**
-       * Checks if the server can provide more suggestions than displayed for the current query
-       * @returns {Boolean}
+      /**
+       * Checks if the server can provide more suggestions than displayed for the current query
+       * @returns {Boolean}
        */
-      hasTooManySuggestions: function hasTooManySuggestions() {
+      hasTooManySuggestions: function () {
         return !!this.tooManySuggestions;
       },
-
-      /**
-       * Gets the field value.
-       * @returns {String}
+      /**
+       * Gets the field value.
+       * @returns {String}
        */
-      getValue: function getValue() {
+      getValue: function () {
         return this.value;
       },
-
-      /**
-       * Sets the field value.
-       * @param {String} value The value to set inside the field
-       * @param {String} label The label to display inside the field
-       * @returns {autocompleter} this
+      /**
+       * Sets the field value.
+       * @param {String} value The value to set inside the field
+       * @param {String} label The label to display inside the field
+       * @returns {autocompleter} this
        */
-      setValue: function setValue(value, label) {
+      setValue: function (value, label) {
         this.value = value;
-
         if (!_.isUndefined(label)) {
           this.setLabel(label);
         }
-
         return this;
       },
-
-      /**
-       * Gets the displayed label.
-       * @returns {String}
+      /**
+       * Gets the displayed label.
+       * @returns {String}
        */
-      getLabel: function getLabel() {
+      getLabel: function () {
         return this.label;
       },
-
-      /**
-       * Sets the displayed label.
-       * @param {String} label The label to display inside the field
-       * @returns {autocompleter} this
+      /**
+       * Sets the displayed label.
+       * @param {String} label The label to display inside the field
+       * @returns {autocompleter} this
        */
-      setLabel: function setLabel(label) {
+      setLabel: function (label) {
         this.label = label;
-
         if (this.$element) {
           this.$element.val(label);
         }
-
         return this;
       },
-
-      /**
-       * Gets the URI of the target ontology.
-       * @returns {String}
+      /**
+       * Gets the URI of the target ontology.
+       * @returns {String}
        */
-      getOntology: function getOntology() {
+      getOntology: function () {
         return this.ontology;
       },
-
-      /**
-       * Sets the URI of the target ontology.
-       * @param {String} ontology
-       * @returns {autocompleter} this
+      /**
+       * Sets the URI of the target ontology.
+       * @param {String} ontology
+       * @returns {autocompleter} this
        */
-      setOntology: function setOntology(ontology) {
+      setOntology: function (ontology) {
         this.ontology = ontology;
         return this;
       },
-
-      /**
-       * Gets the name of the field containing the value within the received data.
-       * @returns {String}
+      /**
+       * Gets the name of the field containing the value within the received data.
+       * @returns {String}
        */
-      getValueField: function getValueField() {
+      getValueField: function () {
         return this.valueField;
       },
-
-      /**
-       * Sets the name of the field containing the value within the received data.
-       * @param {String} valueField
-       * @returns {autocompleter} this
+      /**
+       * Sets the name of the field containing the value within the received data.
+       * @param {String} valueField
+       * @returns {autocompleter} this
        */
-      setValueField: function setValueField(valueField) {
+      setValueField: function (valueField) {
         this.valueField = valueField;
         return this;
       },
-
-      /**
-       * Gets the name of the field containing the label within the received data.
-       * @returns {String}
+      /**
+       * Gets the name of the field containing the label within the received data.
+       * @returns {String}
        */
-      getLabelField: function getLabelField() {
+      getLabelField: function () {
         return this.labelField;
       },
-
-      /**
-       * Sets the name of the field containing the label within the received data.
-       * @param {String} labelField
-       * @returns {autocompleter} this
+      /**
+       * Sets the name of the field containing the label within the received data.
+       * @param {String} labelField
+       * @returns {autocompleter} this
        */
-      setLabelField: function setLabelField(labelField) {
+      setLabelField: function (labelField) {
         this.labelField = labelField;
         return this;
       },
-
-      /**
-       * Gets the value of the isProvider option.
-       * When set to true the component acts as a data provider.
-       * In this mode, each time an item is selected from a list,
-       * it will be directly removed from the input, so the listener
-       * has to take care of the selected value and to add it in its own list.
-       * @returns {Boolean}
-       */
-      getIsProvider: function getIsProvider() {
+      /**
+       * Gets the value of the isProvider option.
+       * When set to true the component acts as a data provider.
+       * In this mode, each time an item is selected from a list,
+       * it will be directly removed from the input, so the listener
+       * has to take care of the selected value and to add it in its own list.
+       * @returns {Boolean}
+       */
+      getIsProvider: function () {
         return this.isProvider;
       },
-
-      /**
-       * Sets the value of the isProvider option.
-       * When set to true the component acts as a data provider.
-       * In this mode, each time an item is selected from a list,
-       * it will be directly removed from the input, so the listener
-       * has to take care of the selected value and to add it in its own list.
-       * @param {Boolean} isProvider
-       * @returns {autocompleter} this
-       */
-      setIsProvider: function setIsProvider(isProvider) {
+      /**
+       * Sets the value of the isProvider option.
+       * When set to true the component acts as a data provider.
+       * In this mode, each time an item is selected from a list,
+       * it will be directly removed from the input, so the listener
+       * has to take care of the selected value and to add it in its own list.
+       * @param {Boolean} isProvider
+       * @returns {autocompleter} this
+       */
+      setIsProvider: function (isProvider) {
         this.isProvider = toBoolean(isProvider);
         return this;
       },
-
-      /**
-       * Gets the value of the preventSubmit option.
-       * When set to true the component prevents auto submit when the user hit enter on the text box.
-       * @returns {Boolean}
+      /**
+       * Gets the value of the preventSubmit option.
+       * When set to true the component prevents auto submit when the user hit enter on the text box.
+       * @returns {Boolean}
        */
-      getPreventSubmit: function getPreventSubmit() {
+      getPreventSubmit: function () {
         return this.preventSubmit;
       },
-
-      /**
-       * Sets the value of the preventSubmit option.
-       * When set to true the component prevents auto submit when the user hit enter on the text box.
-       * @param {Boolean} preventSubmit
-       * @returns {autocompleter} this
+      /**
+       * Sets the value of the preventSubmit option.
+       * When set to true the component prevents auto submit when the user hit enter on the text box.
+       * @param {Boolean} preventSubmit
+       * @returns {autocompleter} this
        */
-      setPreventSubmit: function setPreventSubmit(preventSubmit) {
+      setPreventSubmit: function (preventSubmit) {
         this.preventSubmit = toBoolean(preventSubmit);
         return this;
       },
-
-      /**
-       * Gets the root for seach params.
-       * When provided, all the search params are wrapped under the same root.
-       * @returns {String}
+      /**
+       * Gets the root for seach params.
+       * When provided, all the search params are wrapped under the same root.
+       * @returns {String}
        */
-      getParamsRoot: function getParamsRoot() {
+      getParamsRoot: function () {
         return this.paramsRoot;
       },
-
-      /**
-       * Set the root for seach params.
-       * When provided, all the search params are wrapped under the same root.
-       * @param {String} paramsRoot
-       * @returns {autocompleter} this
+      /**
+       * Set the root for seach params.
+       * When provided, all the search params are wrapped under the same root.
+       * @param {String} paramsRoot
+       * @returns {autocompleter} this
        */
-      setParamsRoot: function setParamsRoot(paramsRoot) {
+      setParamsRoot: function (paramsRoot) {
         this.paramsRoot = paramsRoot;
         return this;
       },
-
-      /**
-       * Gets the list of extra params to be sent with the query.
-       * @returns {Object}
+      /**
+       * Gets the list of extra params to be sent with the query.
+       * @returns {Object}
        */
-      getParams: function getParams() {
-        var _this = this;
-
+      getParams: function () {
         var params = _.merge({}, this.params || {});
-
         var searchParams = params;
-
         if (this.paramsRoot) {
           searchParams = params[this.paramsRoot] || {};
           params[this.paramsRoot] = searchParams;
         }
-
         if (this.ontology) {
           if (!Array.isArray(this.ontologyParam)) {
             searchParams[this.ontologyParam] = this.ontology;
           } else {
-            this.ontologyParam.forEach(function (p) {
-              searchParams[p] = _this.ontology;
+            this.ontologyParam.forEach(p => {
+              searchParams[p] = this.ontology;
             });
           }
         }
-
         return params;
       },
-
-      /**
-       * Sets a list of extra params to be sent with the query.
-       * @param {Object} params
-       * @returns {autocompleter} this
+      /**
+       * Sets a list of extra params to be sent with the query.
+       * @param {Object} params
+       * @returns {autocompleter} this
        */
-      setParams: function setParams(params) {
+      setParams: function (params) {
         this.params = params;
         return this;
       },
-
-      /**
-       * Gets the name of the param providing the searched pattern.
-       * If paramsRoot has been defined, the param name will be wrapped.
-       * @returns {String}
+      /**
+       * Gets the name of the param providing the searched pattern.
+       * If paramsRoot has been defined, the param name will be wrapped.
+       * @returns {String}
        */
-      getQueryParam: function getQueryParam() {
+      getQueryParam: function () {
         return this.adjustParam(this.queryParam);
       },
-
-      /**
-       * Sets the name of the param providing the searched pattern.
-       * @param {String} queryParam
-       * @returns {autocompleter} this
+      /**
+       * Sets the name of the param providing the searched pattern.
+       * @param {String} queryParam
+       * @returns {autocompleter} this
        */
-      setQueryParam: function setQueryParam(queryParam) {
+      setQueryParam: function (queryParam) {
         this.queryParam = queryParam;
         return this;
       },
-
-      /**
-       * Gets the name of the param providing the ontology URI.
-       * If paramsRoot has been defined, the param name will be wrapped.
-       * @returns {String}
+      /**
+       * Gets the name of the param providing the ontology URI.
+       * If paramsRoot has been defined, the param name will be wrapped.
+       * @returns {String}
        */
-      getOntologyParam: function getOntologyParam() {
-        var p = Array.isArray(this.ontologyParam) ? this.ontologyParam[0] : this.ontologyParam;
+      getOntologyParam: function () {
+        const p = Array.isArray(this.ontologyParam) ? this.ontologyParam[0] : this.ontologyParam;
         return this.adjustParam(p);
       },
-
-      /**
-       * Sets the name of the param providing the ontology URI.
-       * @param {String} ontologyParam
-       * @returns {autocompleter} this
+      /**
+       * Sets the name of the param providing the ontology URI.
+       * @param {String} ontologyParam
+       * @returns {autocompleter} this
        */
-      setOntologyParam: function setOntologyParam(ontologyParam) {
+      setOntologyParam: function (ontologyParam) {
         this.ontologyParam = ontologyParam;
         return this;
       },
-
-      /**
-       * Gets the URL to data source
-       * @returns {String}
+      /**
+       * Gets the URL to data source
+       * @returns {String}
        */
-      getUrl: function getUrl() {
+      getUrl: function () {
         return this.url;
       },
-
-      /**
-       * Sets the URL to data source
-       * @param {String} url
-       * @returns {autocompleter} this
+      /**
+       * Sets the URL to data source
+       * @param {String} url
+       * @returns {autocompleter} this
        */
-      setUrl: function setUrl(url) {
+      setUrl: function (url) {
         this.url = url;
         return this;
       },
-
-      /**
-       * Gets the request method. Can be either GET or POST, default to GET.
-       * @returns {String}
+      /**
+       * Gets the request method. Can be either GET or POST, default to GET.
+       * @returns {String}
        */
-      getType: function getType() {
+      getType: function () {
         return this.type || 'GET';
       },
-
-      /**
-       * Sets the request method. Can be either GET or POST, default to GET.
-       * @param {String} type
-       * @returns {autocompleter} this
+      /**
+       * Sets the request method. Can be either GET or POST, default to GET.
+       * @param {String} type
+       * @returns {autocompleter} this
        */
-      setType: function setType(type) {
+      setType: function (type) {
         this.type = type;
         return this;
       },
-
-      /**
-       * Gets the number of miliseconds to defer ajax request.
-       * @returns {number}
+      /**
+       * Gets the number of miliseconds to defer ajax request.
+       * @returns {number}
        */
-      getDelay: function getDelay() {
+      getDelay: function () {
         return this.delay;
       },
-
-      /**
-       * Sets the number of miliseconds to defer ajax request.
-       * @param {Number} delay
-       * @returns {autocompleter}
+      /**
+       * Sets the number of miliseconds to defer ajax request.
+       * @param {Number} delay
+       * @returns {autocompleter}
        */
-      setDelay: function setDelay(delay) {
+      setDelay: function (delay) {
         this.delay = Math.max(0, Number(delay));
         return this;
       },
-
-      /**
-       * Gets the minimum number of characters required to trigger the ajax request.
-       * @returns {number}
+      /**
+       * Gets the minimum number of characters required to trigger the ajax request.
+       * @returns {number}
        */
-      getMinChars: function getMinChars() {
+      getMinChars: function () {
         return this.minChars;
       },
-
-      /**
-       * Sets the minimum number of characters required to trigger the ajax request.
-       * @param {Number} minChars
-       * @returns {autocompleter} this
+      /**
+       * Sets the minimum number of characters required to trigger the ajax request.
+       * @param {Number} minChars
+       * @returns {autocompleter} this
        */
-      setMinChars: function setMinChars(minChars) {
+      setMinChars: function (minChars) {
         this.minChars = Math.max(1, Number(minChars));
         return this;
       },
-
-      /**
-       * Activates the component if it was deactivated before.
-       * @returns {autocompleter} this
+      /**
+       * Activates the component if it was deactivated before.
+       * @returns {autocompleter} this
        */
-      enable: function enable() {
+      enable: function () {
         this.applyPlugin('enable');
         return this;
       },
-
-      /**
-       * Deactivates the component.
-       * @returns {autocompleter} this
+      /**
+       * Deactivates the component.
+       * @returns {autocompleter} this
        */
-      disable: function disable() {
+      disable: function () {
         this.applyPlugin('disable');
         return this;
       },
-
-      /**
-       * Hides suggestions.
-       * @returns {autocompleter} this
+      /**
+       * Hides suggestions.
+       * @returns {autocompleter} this
        */
-      hide: function hide() {
+      hide: function () {
         this.applyPlugin('hide');
         return this;
       },
-
-      /**
-       * Clears suggestion cache and current suggestions.
-       * @returns {autocompleter} this
+      /**
+       * Clears suggestion cache and current suggestions.
+       * @returns {autocompleter} this
        */
-      clear: function clear() {
+      clear: function () {
         this.tooManySuggestions = false;
         this.applyPlugin('clear');
         return this;
       },
-
-      /**
-       * Clears suggestion cache.
-       * @returns {autocompleter} this
+      /**
+       * Clears suggestion cache.
+       * @returns {autocompleter} this
        */
-      clearCache: function clearCache() {
+      clearCache: function () {
         this.applyPlugin('clearCache');
         return this;
       },
-
-      /**
-       * Resets the component:
-       * - clears the current selection,
-       * - clears suggestion cache and current suggestions,
-       * - hides suggestions.
-       * @returns {autocompleter} this
-       */
-      reset: function reset() {
+      /**
+       * Resets the component:
+       * - clears the current selection,
+       * - clears suggestion cache and current suggestions,
+       * - hides suggestions.
+       * @returns {autocompleter} this
+       */
+      reset: function () {
         this.setValue(null, '');
         this.clear();
         this.applyPlugin('hide');
         return this;
       },
-
-      /**
-       * Fired on each keyboard actions
-       * @param {Event} event
-       * @private
+      /**
+       * Fired on each keyboard actions
+       * @param {Event} event
+       * @private
        */
-      _onKeyEvent: function _onKeyEvent(event) {
+      _onKeyEvent: function (event) {
         // prevent auto submit when the option preventSubmit is enabled
         if (this.preventSubmit && 13 === event.which) {
           event.preventDefault();
         }
       },
-
-      /**
-       * Fired when the user select a suggestion in the list.
-       * @param {Object} suggestion
-       * @private
+      /**
+       * Fired when the user select a suggestion in the list.
+       * @param {Object} suggestion
+       * @private
        */
-      _onSelect: function _onSelect(suggestion) {
+      _onSelect: function (suggestion) {
         var value = suggestion && suggestion.data;
         var label = suggestion && suggestion.value;
-
         if (false !== this.trigger('beforeSelectItem', [value, label, this])) {
           this.value = value;
           this.label = label;
-
           if (this.isProvider) {
             this.$element.val('');
             this.clear();
           }
-
           this.trigger('selectItem', [value, label, this]);
         } else {
           return false;
         }
       },
-
-      /**
-       * Fired when the user input text and a query is about to be requested.
-       * @param {Object} params The list of params which will be bound the query
-       * @private
+      /**
+       * Fired when the user input text and a query is about to be requested.
+       * @param {Object} params The list of params which will be bound the query
+       * @private
        */
-      _onSearchStart: function _onSearchStart(params) {
+      _onSearchStart: function (params) {
         var queryParam = this.getQueryParam();
         var query;
-
         if (false !== this.trigger('searchStart', [params, this])) {
           if (this.addWilcard && params && params[queryParam]) {
             query = params[queryParam] || '';
-
             if (query.substr(-1) !== '*') {
               query += '*';
             }
-
             params[queryParam] = query;
           }
         } else {
           return false;
         }
       },
-
-      /**
-       * Fired after ajax response is processed.
-       * @param {String} query The requested fragment
-       * @param {Object} suggestions An array containing the results.
-       * @private
+      /**
+       * Fired after ajax response is processed.
+       * @param {String} query The requested fragment
+       * @param {Object} suggestions An array containing the results.
+       * @private
        */
-      _onSearchComplete: function _onSearchComplete(query, suggestions) {
+      _onSearchComplete: function (query, suggestions) {
         // clear cache when the query returns no records :
         // this avoids to have to reload the page when the server has a temporary failure
         if (!suggestions || !suggestions.length) {
           this.clear();
         }
-
         return this.trigger('searchComplete', [query, suggestions, this]);
       },
-
-      /**
-       * Fired if ajax request fails.
-       * @param {String} query
-       * @param {jqXHR} jqXHR
-       * @param {String} textStatus
-       * @param {Exception} errorThrown
-       * @private
-       */
-      _onSearchError: function _onSearchError(query, jqXHR, textStatus, errorThrown) {
+      /**
+       * Fired if ajax request fails.
+       * @param {String} query
+       * @param {jqXHR} jqXHR
+       * @param {String} textStatus
+       * @param {Exception} errorThrown
+       * @private
+       */
+      _onSearchError: function (query, jqXHR, textStatus, errorThrown) {
         return this.trigger('searchError', [query, jqXHR, textStatus, errorThrown, this]);
       },
-
-      /**
-       * Fired when input is altered after selection has been made.
-       * @private
+      /**
+       * Fired when input is altered after selection has been made.
+       * @private
        */
-      _onInvalidateSelection: function _onInvalidateSelection() {
+      _onInvalidateSelection: function () {
         return this.trigger('invalidateSelection', [this]);
       },
-
-      /**
-       * Fired before displaying the suggestions.
-       * You may manipulate suggestions DOM before it is displayed.
-       * @param {jQuery} $container
-       * @private
+      /**
+       * Fired before displaying the suggestions.
+       * You may manipulate suggestions DOM before it is displayed.
+       * @param {jQuery} $container
+       * @private
        */
-      _onBeforeRender: function _onBeforeRender($container) {
+      _onBeforeRender: function ($container) {
         this.trigger('beforeRender', [$container, this]);
       },
-
-      /**
-       * Fired when the input element has the focus
-       * @param {Event} event
-       * @private
+      /**
+       * Fired when the input element has the focus
+       * @param {Event} event
+       * @private
        */
-      _onFocus: function _onFocus(event) {
+      _onFocus: function (event) {
         if (this.hasTooManySuggestions()) {
           this.showTooltipTooMany();
         }
       },
-
-      /**
-       * Fired when the input element lose the focus
-       * @param {Event} event
-       * @private
+      /**
+       * Fired when the input element lose the focus
+       * @param {Event} event
+       * @private
        */
-      _onBlur: function _onBlur(event) {
+      _onBlur: function (event) {
         this.hideTooltipTooMany();
       },
-
-      /**
-       * Adjusts the received data to comply to plugin needs
-       * @param response
-       * @returns {{suggestions: Array}}
+      /**
+       * Adjusts the received data to comply to plugin needs
+       * @param response
+       * @returns {{suggestions: Array}}
        */
-      _transformResult: function _transformResult(response) {
+      _transformResult: function (response) {
         var self = this;
         var results = {
           suggestions: []
         };
-
         if (_.isString(response)) {
           response = JSON.parse(response);
         }
-
         if (response.records) {
           results.suggestions = _.map(response.data, function (dataItem) {
             return {
@@ -948,81 +850,69 @@ define(['jquery', 'lodash', 'i18n', 'util/capitalize', 'ui/tooltip', 'jquery.aut
               data: dataItem[self.valueField]
             };
           });
-        } // detect when the server has limited the amount of suggestions
-
+        }
 
+        // detect when the server has limited the amount of suggestions
         this.tooManySuggestions = response.total && response.total > 1;
-
         if (this.hasTooManySuggestions()) {
           this.showTooltipTooMany();
         } else {
           this.hideTooltipTooMany();
         }
-
         return results;
       },
-
-      /**
-       * Adjusts a param name: if paramsRoot has been defined, the param name will be wrapped.
-       * @param {String} param
-       * @returns {String}
+      /**
+       * Adjusts a param name: if paramsRoot has been defined, the param name will be wrapped.
+       * @param {String} param
+       * @returns {String}
        */
-      adjustParam: function adjustParam(param) {
+      adjustParam: function (param) {
         if (this.paramsRoot) {
           param = this.paramsRoot + '[' + param + ']';
         }
-
         return param;
       }
     };
-    /**
-     * Adjusts an event name
-     * @param {string} eventName
-     * @returns {string}
-     */
 
-    var adjustEventName = function adjustEventName(eventName) {
+    /**
+     * Adjusts an event name
+     * @param {string} eventName
+     * @returns {string}
+     */
+    var adjustEventName = function (eventName) {
       var names = _(eventName.split(' ')).map(function (name) {
         name = name.toLowerCase();
-
         if (-1 === name.indexOf('.')) {
           name += '.' + NS;
         }
-
         return name;
       });
-
       return names.join(' ');
     };
-    /**
-     * Converts a value to boolean
-     * @param value
-     * @returns {Boolean}
-     */
-
 
-    var toBoolean = function toBoolean(value) {
+    /**
+     * Converts a value to boolean
+     * @param value
+     * @returns {Boolean}
+     */
+    var toBoolean = function (value) {
       if (_.isString(value)) {
         if ('false' === value.toLowerCase() || '0' === value) {
           value = false;
         }
       }
-
       return !!value;
     };
-    /**
-     * Installs the autocompleter onto an element.
-     * @param {jQuery|Element|String} element The element on which install the autocompleter
-     * @param {Object} options A list of options to set
-     * @returns {autocompleter} Returns the instance of the autocompleter component
-     */
 
-
-    var autocompleteFactory = function autocompleteFactory(element, options) {
+    /**
+     * Installs the autocompleter onto an element.
+     * @param {jQuery|Element|String} element The element on which install the autocompleter
+     * @param {Object} options A list of options to set
+     * @returns {autocompleter} Returns the instance of the autocompleter component
+     */
+    var autocompleteFactory = function (element, options) {
       var autocomplete = _.clone(autocompleter, true);
-
       _.defaults(autocomplete, defaults);
-
       return autocomplete.init(element, options);
     };