fomantic-ui 2.10.0-beta.8 → 2.10.0-beta.81

package/dist/components/dropdown.js

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.10.0-beta.8+62e258f - Dropdown
+ * # Fomantic-UI 2.10.0-beta.81+4f706c2 - Dropdown
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -19,19 +19,19 @@
         ? window
         : globalThis;
 
-    $.fn.dropdown = function (parameters) {
+    $.fn.dropdown = function (...args) {
         let $allModules = $(this);
-        let $document = $(document);
+        const $document = $(document);
 
         let time = Date.now();
         let performance = [];
 
-        let query = arguments[0];
-        let methodInvoked = typeof query === 'string';
-        let queryArguments = [].slice.call(arguments, 1);
-        let contextCheck = function (context, win) {
+        const parameters = args[0];
+        const methodInvoked = typeof parameters === 'string';
+        const queryArguments = args.slice(1);
+        const contextCheck = function (context, win) {
             let $context;
-            if ([window, document].indexOf(context) >= 0) {
+            if ([window, document].includes(context)) {
                 $context = $(context);
             } else {
                 $context = $(win.document).find(context);
@@ -45,26 +45,26 @@
         let returnedValue;
 
         $allModules.each(function (elementIndex) {
-            let settings = $.isPlainObject(parameters)
+            const settings = $.isPlainObject(parameters)
                 ? $.extend(true, {}, $.fn.dropdown.settings, parameters)
                 : $.extend({}, $.fn.dropdown.settings);
 
-            let className = settings.className;
-            let message = settings.message;
-            let fields = settings.fields;
-            let keys = settings.keys;
-            let metadata = settings.metadata;
-            let namespace = settings.namespace;
-            let regExp = settings.regExp;
-            let selector = settings.selector;
-            let error = settings.error;
-            let templates = settings.templates;
+            const className = settings.className;
+            const message = settings.message;
+            const fields = settings.fields;
+            const keys = settings.keys;
+            const metadata = settings.metadata;
+            const namespace = settings.namespace;
+            const regExp = settings.regExp;
+            const selector = settings.selector;
+            const error = settings.error;
+            const templates = settings.templates;
 
-            let eventNamespace = '.' + namespace;
-            let moduleNamespace = 'module-' + namespace;
+            const eventNamespace = '.' + namespace;
+            const moduleNamespace = 'module-' + namespace;
 
             let $module = $(this);
-            let $context = contextCheck(settings.context, window);
+            const $context = contextCheck(settings.context, window);
             let $text = $module.find(selector.text);
             let $search = $module.find(selector.search);
             let $sizer = $module.find(selector.sizer);
@@ -99,10 +99,9 @@
             let selectObserver;
             let menuObserver;
             let classObserver;
-            let module;
             let tempDisableApiCache = false;
 
-            module = {
+            const module = {
 
                 initialize: function () {
                     module.debug('Initializing dropdown', settings);
@@ -160,15 +159,13 @@
                 },
 
                 observeChanges: function () {
-                    if ('MutationObserver' in window) {
-                        selectObserver = new MutationObserver(module.event.select.mutation);
-                        menuObserver = new MutationObserver(module.event.menu.mutation);
-                        classObserver = new MutationObserver(module.event.class.mutation);
-                        module.debug('Setting up mutation observer', selectObserver, menuObserver, classObserver);
-                        module.observe.select();
-                        module.observe.menu();
-                        module.observe.class();
-                    }
+                    selectObserver = new MutationObserver(module.event.select.mutation);
+                    menuObserver = new MutationObserver(module.event.menu.mutation);
+                    classObserver = new MutationObserver(module.event.class.mutation);
+                    module.debug('Setting up mutation observer', selectObserver, menuObserver, classObserver);
+                    module.observe.select();
+                    module.observe.menu();
+                    module.observe.class();
                 },
 
                 disconnect: {
@@ -221,11 +218,10 @@
                         elementNamespace = '.' + id;
                         module.verbose('Creating unique id for element', id);
                     },
-                    userChoice: function (values) {
+                    userChoice: function (values = module.get.userValues()) {
                         let $userChoices;
                         let $userChoice;
                         let html;
-                        values = values || module.get.userValues();
                         if (!values) {
                             return false;
                         }
@@ -234,7 +230,7 @@
                             : [values];
                         $.each(values, function (index, value) {
                             if (module.get.item(value) === false) {
-                                html = settings.templates.addition(module.add.variables(message.addResult, value));
+                                html = settings.templates.addition(module.add.variables(message.addResult, settings.templates.escape(value, settings)));
                                 $userChoice = $('<div />')
                                     .html(html)
                                     .attr('data-' + metadata.value, value)
@@ -254,7 +250,7 @@
                         return $userChoices;
                     },
                     userLabels: function (value) {
-                        let userValues = module.get.userValues();
+                        const userValues = module.get.userValues();
                         if (userValues) {
                             module.debug('Adding user labels', userValues);
                             $.each(userValues, function (index, value) {
@@ -275,10 +271,7 @@
                     },
                 },
 
-                search: function (query) {
-                    query = query !== undefined
-                        ? query
-                        : module.get.query();
+                search: function (query = module.get.query()) {
                     module.verbose('Searching for query', query);
                     if (settings.fireOnInit === false && module.is.initialLoad()) {
                         module.verbose('Skipping callback on initial load', settings.onSearch);
@@ -301,9 +294,9 @@
                     },
                     nextAvailable: function ($selected) {
                         $selected = $selected.eq(0);
-                        let $nextAvailable = $selected.nextAll(selector.item).not(selector.unselectable).eq(0);
-                        let $prevAvailable = $selected.prevAll(selector.item).not(selector.unselectable).eq(0);
-                        let hasNext = $nextAvailable.length > 0;
+                        const $nextAvailable = $selected.nextAll(selector.item).not(selector.unselectable).eq(0);
+                        const $prevAvailable = $selected.prevAll(selector.item).not(selector.unselectable).eq(0);
+                        const hasNext = $nextAvailable.length > 0;
                         if (hasNext) {
                             module.verbose('Moving selection to', $nextAvailable);
                             $nextAvailable.addClass(className.selected);
@@ -316,7 +309,7 @@
 
                 setup: {
                     api: function () {
-                        let apiSettings = {
+                        const apiSettings = {
                             debug: settings.debug,
                             urlData: {
                                 value: module.get.value(),
@@ -344,7 +337,7 @@
                         }
                         if (module.is.search() && !module.has.search()) {
                             module.verbose('Adding search input');
-                            let labelNode = $module.prev('label');
+                            const labelNode = $module.prev('label');
                             $search = $('<input />')
                                 .addClass(className.search)
                                 .prop('autocomplete', module.is.chrome() ? 'fomantic-search' : 'off');
@@ -364,7 +357,7 @@
                         }
                     },
                     select: function () {
-                        let selectValues = module.get.selectValues();
+                        const selectValues = module.get.selectValues();
                         module.debug('Dropdown initialized on a select', selectValues);
                         if ($module.is('select')) {
                             $input = $module;
@@ -426,8 +419,8 @@
                         module.setup.returnedObject();
                     },
                     returnedObject: function () {
-                        let $firstModules = $allModules.slice(0, elementIndex);
-                        let $lastModules = $allModules.slice(elementIndex + 1);
+                        const $firstModules = $allModules.slice(0, elementIndex);
+                        const $lastModules = $allModules.slice(elementIndex + 1);
                         // adjust all modules to use the correct reference
                         $allModules = $firstModules.add($module).add($lastModules);
                     },
@@ -539,11 +532,11 @@
                             });
                             // Hide submenus explicitly. On some browsers (esp. mobile), they will not automatically receive a
                             // mouseleave event
-                            let $subMenu = $module.find(selector.menu);
+                            const $subMenu = $module.find(selector.menu);
                             if ($subMenu.length > 0) {
                                 module.verbose('Hiding sub-menu', $subMenu);
                                 $subMenu.each(function () {
-                                    let $sub = $(this);
+                                    const $sub = $(this);
                                     if (!module.is.animating($sub)) {
                                         module.animate.hide(false, $sub);
                                     }
@@ -573,7 +566,7 @@
                 },
 
                 hideSubMenus: function () {
-                    let $subMenus = $menu.children(selector.item).find(selector.menu);
+                    const $subMenus = $menu.children(selector.item).find(selector.menu);
                     module.verbose('Hiding sub menus', $subMenus);
                     $subMenus.transition('hide');
                 },
@@ -680,10 +673,10 @@
                 },
 
                 filter: function (query) {
-                    let searchTerm = query !== undefined
+                    const searchTerm = query !== undefined
                         ? query
                         : module.get.query();
-                    let afterFiltered = function () {
+                    const afterFiltered = function () {
                         if (module.is.multiple()) {
                             module.filterActive();
                         }
@@ -712,7 +705,9 @@
                             module.remove.message();
                         }
                         if (settings.allowAdditions) {
-                            module.add.userSuggestion(module.escape.htmlEntities(query));
+                            module.add.userSuggestion(settings.preserveHTML
+                                ? settings.templates.escape(query)
+                                : query);
                         }
                         if (module.is.searchSelection() && module.can.show() && module.is.focusedOnSearch() && !module.is.empty()) {
                             module.show();
@@ -763,12 +758,12 @@
                             query: query,
                         },
                     };
-                    let apiCallbacks = {
+                    const apiCallbacks = {
                         onError: function (errorMessage, $module, xhr) {
                             module.add.message(message.serverError);
                             iconClicked = false;
                             focused = false;
-                            callback.apply(null, callbackParameters);
+                            callback(...callbackParameters);
                             if (typeof settings.apiSettings.onError === 'function') {
                                 settings.apiSettings.onError.call(this, errorMessage, $module, xhr);
                             }
@@ -777,7 +772,7 @@
                             module.add.message(message.serverError);
                             iconClicked = false;
                             focused = false;
-                            callback.apply(null, callbackParameters);
+                            callback(...callbackParameters);
                             if (typeof settings.apiSettings.onFailure === 'function') {
                                 settings.apiSettings.onFailure.call(this, response, $module, xhr);
                             }
@@ -788,14 +783,14 @@
                                 values = [];
                             }
                             module.remove.message();
-                            let menuConfig = {};
+                            const menuConfig = {};
                             menuConfig[fields.values] = values;
                             module.setup.menu(menuConfig);
 
                             if (values.length === 0 && !settings.allowAdditions) {
                                 module.add.message(message.noResults);
                             } else {
-                                let value = module.is.multiple() ? module.get.values() : module.get.value();
+                                const value = module.is.multiple() ? module.get.values() : module.get.value();
                                 if (value !== '') {
                                     module.verbose('Value(s) present after click icon, select value(s) in items');
                                     module.set.selected(value, null, true, true);
@@ -803,7 +798,7 @@
                             }
                             iconClicked = false;
                             focused = false;
-                            callback.apply(null, callbackParameters);
+                            callback(...callbackParameters);
                             if (typeof settings.apiSettings.onSuccess === 'function') {
                                 settings.apiSettings.onSuccess.call(this, response, $module, xhr);
                             }
@@ -820,16 +815,16 @@
                 },
 
                 filterItems: function (query) {
-                    let searchTerm = module.remove.diacritics(
+                    const searchTerm = module.remove.diacritics(
                         query !== undefined
                             ? query
                             : module.get.query()
                     );
                     let results = null;
-                    let escapedTerm = module.escape.string(searchTerm);
-                    let regExpIgnore = settings.ignoreSearchCase ? 'i' : '';
-                    let regExpFlags = regExpIgnore + 'gm';
-                    let beginsWithRegExp = new RegExp('^' + escapedTerm, regExpFlags);
+                    const escapedTerm = module.escape.string(searchTerm);
+                    const regExpIgnore = settings.ignoreSearchCase ? 'i' : '';
+                    const regExpFlags = regExpIgnore + 'gm';
+                    const beginsWithRegExp = new RegExp('^' + escapedTerm, regExpFlags);
                     module.remove.filteredItem();
                     // avoid loop if we're matching nothing
                     if (module.has.query()) {
@@ -838,7 +833,7 @@
                         module.verbose('Searching for matching values', searchTerm);
                         $item
                             .each(function () {
-                                let $choice = $(this);
+                                const $choice = $(this);
                                 let text;
                                 let value;
                                 if ($choice.hasClass(className.unfilterable)) {
@@ -876,19 +871,19 @@
                             .not(results)
                             .addClass(className.filtered);
                         if (settings.highlightMatches && (settings.match === 'both' || settings.match === 'text')) {
-                            let querySplit = query.split('');
-                            let diacriticReg = settings.ignoreDiacritics ? '[\u0300-\u036F]?' : '';
-                            let htmlReg = '(?![^<]*>)';
-                            let markedRegExp = new RegExp(htmlReg + '(' + querySplit.join(diacriticReg + ')(.*?)' + htmlReg + '(') + diacriticReg + ')', regExpIgnore);
-                            let markedReplacer = function () {
-                                let args = [].slice.call(arguments, 1, querySplit.length * 2).map(function (x, i) {
+                            const querySplit = [...query];
+                            const diacriticReg = settings.ignoreDiacritics ? '[\u0300-\u036F]?' : '';
+                            const htmlReg = '(?![^<]*>)';
+                            const markedRegExp = new RegExp(htmlReg + '(' + querySplit.join(diacriticReg + ')(.*?)' + htmlReg + '(') + diacriticReg + ')', regExpIgnore);
+                            const markedReplacer = function (...args) {
+                                args = args.slice(1, querySplit.length * 2).map(function (x, i) {
                                     return i & 1 ? x : '<mark>' + x + '</mark>'; // eslint-disable-line no-bitwise
                                 });
 
                                 return args.join('');
                             };
                             $.each(results, function (index, result) {
-                                let $result = $(result);
+                                const $result = $(result);
                                 let markedHTML = module.get.choiceText($result, true);
                                 if (settings.ignoreDiacritics) {
                                     markedHTML = markedHTML.normalize('NFD');
@@ -910,7 +905,7 @@
                             .filter(function () {
                                 // First find the last divider in this divider group
                                 // Dividers which are direct siblings are considered a group
-                                let $lastDivider = $(this).nextUntil(selector.item);
+                                const $lastDivider = $(this).nextUntil(selector.item);
 
                                 return ($lastDivider.length > 0 ? $lastDivider : $(this))
                                     // Count all non-filtered items until the next divider (or end of the dropdown)
@@ -924,8 +919,8 @@
                 },
 
                 fuzzySearch: function (query, term) {
-                    let termLength = term.length;
-                    let queryLength = query.length;
+                    const termLength = term.length;
+                    const queryLength = query.length;
                     if (settings.ignoreSearchCase) {
                         query = query.toLowerCase();
                         term = term.toLowerCase();
@@ -938,9 +933,9 @@
                     }
                     for (let characterIndex = 0, nextCharacterIndex = 0; characterIndex < queryLength; characterIndex++) {
                         let continueSearch = false;
-                        let queryCharacter = query.charCodeAt(characterIndex);
+                        const queryCharacter = query.codePointAt(characterIndex);
                         while (nextCharacterIndex < termLength) {
-                            if (term.charCodeAt(nextCharacterIndex++) === queryCharacter) {
+                            if (term.codePointAt(nextCharacterIndex++) === queryCharacter) {
                                 continueSearch = true;
 
                                 break;
@@ -958,7 +953,7 @@
                     query = settings.ignoreSearchCase ? query.toLowerCase() : query;
                     term = settings.ignoreSearchCase ? term.toLowerCase() : term;
 
-                    return term.indexOf(query) > -1;
+                    return term.includes(query);
                 },
                 filterActive: function () {
                     if (settings.useLabels) {
@@ -986,12 +981,12 @@
                 },
 
                 forceSelection: function () {
-                    let $currentlySelected = $item.not(className.filtered).filter('.' + className.selected).eq(0);
-                    let $activeItem = $item.not(className.filtered).filter('.' + className.active).eq(0);
-                    let $selectedItem = $currentlySelected.length > 0
+                    const $currentlySelected = $item.not(className.filtered).filter('.' + className.selected).eq(0);
+                    const $activeItem = $item.not(className.filtered).filter('.' + className.active).eq(0);
+                    const $selectedItem = $currentlySelected.length > 0
                         ? $currentlySelected
                         : $activeItem;
-                    let hasSelected = $selectedItem.length > 0;
+                    const hasSelected = $selectedItem.length > 0;
                     if (settings.allowAdditions || (hasSelected && !module.is.multiple())) {
                         module.debug('Forcing partial selection to selected item', $selectedItem);
                         module.event.item.click.call($selectedItem, {}, true);
@@ -1006,30 +1001,38 @@
                             module.clear();
                         }
                         module.debug('Creating dropdown with specified values', values);
-                        let menuConfig = {};
+                        const menuConfig = {};
                         menuConfig[fields.values] = values;
                         module.setup.menu(menuConfig);
-                        $.each(values, function (index, item) {
-                            if (item.selected === true) {
-                                module.debug('Setting initial selection to', item[fields.value]);
-                                module.set.selected(item[fields.value]);
-                                if (!module.is.multiple()) {
-                                    return false;
+                        const findSelected = function (values) {
+                            let hasMultiple = true;
+                            $.each(values, function (index, item) {
+                                const itemType = item.type || 'item';
+                                if (item.selected === true) {
+                                    module.debug('Setting initial selection to', item[fields.value]);
+                                    module.set.selected(item[fields.value]);
+                                    if (!module.is.multiple()) {
+                                        hasMultiple = false;
+                                    }
+                                } else if (itemType.includes('menu')) {
+                                    hasMultiple = findSelected(item.values || []);
                                 }
-                            }
-                        });
+
+                                return hasMultiple;
+                            });
+
+                            return hasMultiple;
+                        };
+                        findSelected(values);
 
                         if (module.has.selectInput()) {
                             module.disconnect.selectObserver();
                             $input.html('');
                             $input.append('<option disabled selected value></option>');
                             $.each(values, function (index, item) {
-                                let value = settings.templates.escape(item[fields.value]);
-                                let name = settings.templates.escape(
-                                    item[fields.name] || '',
-                                    settings
-                                );
-                                $input.append('<option value="' + value + '"' + (item.selected === true ? ' selected' : '') + '>' + name + '</option>');
+                                const value = item[fields.value];
+                                const name = item[fields.name] || '';
+                                $input.append('<option value="' + settings.templates.escape(value) + '"' + (item.selected === true ? ' selected' : '') + '>' + settings.templates.escape(name, settings) + '</option>');
                             });
                             module.observe.select();
                         }
@@ -1038,22 +1041,26 @@
 
                 event: {
                     paste: function (event) {
-                        let pasteValue = (event.originalEvent.clipboardData || window.clipboardData).getData('text');
-                        let tokens = pasteValue.split(settings.delimiter);
-                        let notFoundTokens = [];
-                        tokens.forEach(function (value) {
-                            if (module.set.selected(module.escape.htmlEntities(value.trim()), null, false, true) === false) {
-                                notFoundTokens.push(value.trim());
+                        const pasteValue = (event.originalEvent.clipboardData || window.clipboardData).getData('text');
+                        const tokens = pasteValue.split(settings.delimiter);
+                        const notFoundTokens = [];
+                        for (let value of tokens) {
+                            value = value.trim();
+                            const valueTrimmed = settings.preserveHTML
+                                ? settings.templates.escape(value)
+                                : value;
+                            if (module.set.selected(valueTrimmed, null, false, true) === false) {
+                                notFoundTokens.push(valueTrimmed);
                             }
-                        });
+                        }
                         event.preventDefault();
                         if (notFoundTokens.length > 0) {
-                            let searchEl = $search[0];
-                            let startPos = searchEl.selectionStart;
-                            let endPos = searchEl.selectionEnd;
-                            let orgText = searchEl.value;
-                            let pasteText = notFoundTokens.join(settings.delimiter);
-                            let newEndPos = startPos + pasteText.length;
+                            const searchEl = $search[0];
+                            const startPos = searchEl.selectionStart;
+                            const endPos = searchEl.selectionEnd;
+                            const orgText = searchEl.value;
+                            const pasteText = notFoundTokens.join(settings.delimiter);
+                            const newEndPos = startPos + pasteText.length;
                             $search.val(orgText.slice(0, startPos) + pasteText + orgText.slice(endPos));
                             searchEl.selectionStart = newEndPos;
                             searchEl.selectionEnd = newEndPos;
@@ -1097,7 +1104,7 @@
                         }
                     },
                     click: function (event) {
-                        let $target = $(event.target);
+                        const $target = $(event.target);
                         // focus search
                         if ($target.is($module)) {
                             if (!module.is.focusedOnSearch()) {
@@ -1120,15 +1127,13 @@
                         },
                         blur: function (event) {
                             pageLostFocus = document.activeElement === this;
-                            if (module.is.searchSelection(true) && !willRefocus) {
-                                if (!itemActivated && !pageLostFocus) {
-                                    if (settings.forceSelection) {
-                                        module.forceSelection();
-                                    } else if (!settings.allowAdditions && !settings.keepSearchTerm && !module.has.menuSearch()) {
-                                        module.remove.searchTerm();
-                                    }
-                                    module.hide();
+                            if (module.is.searchSelection(true) && !willRefocus && !itemActivated && !pageLostFocus) {
+                                if (settings.forceSelection) {
+                                    module.forceSelection();
+                                } else if (!settings.allowAdditions && !settings.keepSearchTerm && !module.has.menuSearch()) {
+                                    module.remove.searchTerm();
                                 }
+                                module.hide();
                             }
                             willRefocus = false;
                         },
@@ -1181,12 +1186,12 @@
                     },
                     label: {
                         click: function (event) {
-                            let $label = $(this);
-                            let $labels = $module.find(selector.label);
-                            let $activeLabels = $labels.filter('.' + className.active);
-                            let $nextActive = $label.nextAll('.' + className.active);
-                            let $prevActive = $label.prevAll('.' + className.active);
-                            let $range = $nextActive.length > 0
+                            const $label = $(this);
+                            const $labels = $module.find(selector.label);
+                            const $activeLabels = $labels.filter('.' + className.active);
+                            const $nextActive = $label.nextAll('.' + className.active);
+                            const $prevActive = $label.prevAll('.' + className.active);
+                            const $range = $nextActive.length > 0
                                 ? $label.nextUntil($nextActive).add($activeLabels).add($label)
                                 : $label.prevUntil($prevActive).add($activeLabels).add($label);
                             if (event.shiftKey) {
@@ -1198,13 +1203,13 @@
                                 $activeLabels.removeClass(className.active);
                                 $label.addClass(className.active);
                             }
-                            settings.onLabelSelect.apply(this, $labels.filter('.' + className.active));
+                            settings.onLabelSelect.call(this, $labels.filter('.' + className.active));
                             event.stopPropagation();
                         },
                     },
                     remove: {
                         click: function (event) {
-                            let $label = $(this).parent();
+                            const $label = $(this).parent();
                             if ($label.hasClass(className.active)) {
                                 // remove all selected labels
                                 module.remove.activeLabels();
@@ -1217,7 +1222,7 @@
                     },
                     test: {
                         toggle: function (event) {
-                            let toggleBehavior = module.is.multiple()
+                            const toggleBehavior = module.is.multiple()
                                 ? module.show
                                 : module.toggle;
                             if (module.is.bubbledLabelClick(event) || module.is.bubbledIconClick(event)) {
@@ -1233,20 +1238,18 @@
                             }
                         },
                         hide: function (event) {
-                            if (module.determine.eventInModule(event, module.hide)) {
-                                if (element.id && $(event.target).attr('for') === element.id) {
-                                    event.preventDefault();
-                                }
+                            if (module.determine.eventInModule(event, module.hide) && element.id && $(event.target).attr('for') === element.id) {
+                                event.preventDefault();
                             }
                         },
                     },
                     class: {
                         mutation: function (mutations) {
-                            mutations.forEach(function (mutation) {
+                            for (const mutation of mutations) {
                                 if (mutation.attributeName === 'class') {
                                     module.check.disabled();
                                 }
-                            });
+                            }
                         },
                     },
                     select: {
@@ -1263,16 +1266,10 @@
                     },
                     menu: {
                         mutation: function (mutations) {
-                            let mutation = mutations[0];
-                            let $addedNode = mutation.addedNodes
-                                ? $(mutation.addedNodes[0])
-                                : $(false);
-                            let $removedNode = mutation.removedNodes
-                                ? $(mutation.removedNodes[0])
-                                : $(false);
-                            let $changedNodes = $addedNode.add($removedNode);
-                            let isUserAddition = $changedNodes.is(selector.addition) || $changedNodes.closest(selector.addition).length > 0;
-                            let isMessage = $changedNodes.is(selector.message) || $changedNodes.closest(selector.message).length > 0;
+                            const mutation = mutations[0];
+                            const $changedNodes = $([...mutation.addedNodes, ...mutation.removedNodes]);
+                            const isUserAddition = $changedNodes.is(selector.addition) || $changedNodes.closest(selector.addition).length > 0;
+                            const isMessage = $changedNodes.is(selector.message) || $changedNodes.closest(selector.message).length > 0;
                             if (isUserAddition || isMessage) {
                                 module.debug('Updating item selector cache');
                                 module.refreshItems();
@@ -1290,12 +1287,12 @@
                     },
                     item: {
                         mouseenter: function (event) {
-                            let $target = $(event.target);
-                            let $item = $(this);
-                            let $subMenu = $item.children(selector.menu);
-                            let $otherMenus = $item.siblings(selector.item).children(selector.menu);
-                            let hasSubMenu = $subMenu.length > 0;
-                            let isBubbledEvent = $subMenu.find($target).length > 0;
+                            const $target = $(event.target);
+                            const $item = $(this);
+                            const $subMenu = $item.children(selector.menu);
+                            const $otherMenus = $item.siblings(selector.item).children(selector.menu);
+                            const hasSubMenu = $subMenu.length > 0;
+                            const isBubbledEvent = $subMenu.find($target).length > 0;
                             if (!isBubbledEvent && hasSubMenu) {
                                 clearTimeout(module.itemTimer);
                                 module.itemTimer = setTimeout(function () {
@@ -1309,7 +1306,7 @@
                             }
                         },
                         mouseleave: function (event) {
-                            let $subMenu = $(this).find(selector.menu);
+                            const $subMenu = $(this).find(selector.menu);
                             if ($subMenu.length > 0) {
                                 clearTimeout(module.itemTimer);
                                 module.itemTimer = setTimeout(function () {
@@ -1321,15 +1318,15 @@
                             }
                         },
                         click: function (event, skipRefocus) {
-                            let $choice = $(this);
-                            let $target = event
+                            const $choice = $(this);
+                            const $target = event
                                 ? $(event.target || '')
                                 : $('');
-                            let $subMenu = $choice.find(selector.menu);
-                            let text = module.get.choiceText($choice);
-                            let value = module.get.choiceValue($choice, text);
-                            let hasSubMenu = $subMenu.length > 0;
-                            let isBubbledEvent = $subMenu.find($target).length > 0;
+                            const $subMenu = $choice.find(selector.menu);
+                            const text = module.get.choiceText($choice);
+                            const value = module.get.choiceValue($choice, text);
+                            const hasSubMenu = $subMenu.length > 0;
+                            const isBubbledEvent = $subMenu.find($target).length > 0;
                             if (document.activeElement.tagName.toLowerCase() !== 'input') {
                                 $(document.activeElement).trigger('blur');
                             }
@@ -1363,23 +1360,23 @@
                     document: {
                         // label selection should occur even when the element has no focus
                         keydown: function (event) {
-                            let pressedKey = event.which;
-                            let isShortcutKey = module.is.inObject(pressedKey, keys);
+                            const pressedKey = event.which;
+                            const isShortcutKey = module.is.inObject(pressedKey, keys);
                             if (isShortcutKey) {
-                                let $label = $module.find(selector.label);
+                                const $label = $module.find(selector.label);
                                 let $activeLabel = $label.filter('.' + className.active);
-                                let activeValue = $activeLabel.data(metadata.value);
-                                let labelIndex = $label.index($activeLabel);
-                                let labelCount = $label.length;
-                                let hasActiveLabel = $activeLabel.length > 0;
-                                let hasMultipleActive = $activeLabel.length > 1;
-                                let isFirstLabel = labelIndex === 0;
-                                let isLastLabel = labelIndex + 1 === labelCount;
-                                let isSearch = module.is.searchSelection();
-                                let isFocusedOnSearch = module.is.focusedOnSearch();
-                                let isFocused = module.is.focused();
-                                let caretAtStart = isFocusedOnSearch && module.get.caretPosition(false) === 0;
-                                let isSelectedSearch = caretAtStart && module.get.caretPosition(true) !== 0;
+                                const activeValue = $activeLabel.data(metadata.value);
+                                const labelIndex = $label.index($activeLabel);
+                                const labelCount = $label.length;
+                                const hasActiveLabel = $activeLabel.length > 0;
+                                const hasMultipleActive = $activeLabel.length > 1;
+                                const isFirstLabel = labelIndex === 0;
+                                const isLastLabel = labelIndex + 1 === labelCount;
+                                const isSearch = module.is.searchSelection();
+                                const isFocusedOnSearch = module.is.focusedOnSearch();
+                                const isFocused = module.is.focused();
+                                const caretAtStart = isFocusedOnSearch && module.get.caretPosition(false) === 0;
+                                const isSelectedSearch = caretAtStart && module.get.caretPosition(true) !== 0;
                                 if (isSearch && !hasActiveLabel && !isFocusedOnSearch) {
                                     return;
                                 }
@@ -1446,10 +1443,8 @@
                                     case keys.backspace: {
                                         if (hasActiveLabel) {
                                             module.verbose('Removing active labels');
-                                            if (isLastLabel) {
-                                                if (isSearch && !isFocusedOnSearch) {
-                                                    module.focusSearch();
-                                                }
+                                            if (isLastLabel && isSearch && !isFocusedOnSearch) {
+                                                module.focusSearch();
                                             }
                                             $activeLabel.last().next(selector.siblingLabel).addClass(className.active);
                                             module.remove.activeLabels($activeLabel);
@@ -1478,24 +1473,24 @@
 
                     keydown: function (event) {
                         let pressedKey = event.which;
-                        let isShortcutKey = module.is.inObject(pressedKey, keys) || event.key === settings.delimiter;
+                        const isShortcutKey = module.is.inObject(pressedKey, keys) || event.key === settings.delimiter;
                         if (isShortcutKey) {
-                            let $currentlySelected = $item.not(selector.unselectable).filter('.' + className.selected).eq(0);
-                            let $activeItem = $menu.children('.' + className.active).eq(0);
-                            let $selectedItem = $currentlySelected.length > 0
+                            const $currentlySelected = $item.not(selector.unselectable).filter('.' + className.selected).eq(0);
+                            const $activeItem = $menu.children('.' + className.active).eq(0);
+                            const $selectedItem = $currentlySelected.length > 0
                                 ? $currentlySelected
                                 : $activeItem;
-                            let $visibleItems = $selectedItem.length > 0
+                            const $visibleItems = $selectedItem.length > 0
                                 ? $selectedItem.siblings(':not(.' + className.filtered + ')').addBack()
                                 : $menu.children(':not(.' + className.filtered + ')');
-                            let $subMenu = $selectedItem.children(selector.menu);
-                            let $parentMenu = $selectedItem.closest(selector.menu);
-                            let inVisibleMenu = $parentMenu.hasClass(className.visible) || $parentMenu.hasClass(className.animating) || $parentMenu.parent(selector.menu).length > 0;
-                            let hasSubMenu = $subMenu.length > 0;
-                            let hasSelectedItem = $selectedItem.length > 0;
-                            let selectedIsSelectable = $selectedItem.not(selector.unselectable).length > 0;
-                            let delimiterPressed = event.key === settings.delimiter && module.is.multiple();
-                            let isAdditionWithoutMenu = settings.allowAdditions && (pressedKey === keys.enter || delimiterPressed);
+                            const $subMenu = $selectedItem.children(selector.menu);
+                            const $parentMenu = $selectedItem.closest(selector.menu);
+                            const inVisibleMenu = $parentMenu.hasClass(className.visible) || $parentMenu.hasClass(className.animating) || $parentMenu.parent(selector.menu).length > 0;
+                            const hasSubMenu = $subMenu.length > 0;
+                            const hasSelectedItem = $selectedItem.length > 0;
+                            const selectedIsSelectable = $selectedItem.not(selector.unselectable).length > 0;
+                            const delimiterPressed = event.key === settings.delimiter && module.is.multiple();
+                            const isAdditionWithoutMenu = settings.allowAdditions && (pressedKey === keys.enter || delimiterPressed);
                             let $nextItem;
                             let isSubMenuItem;
                             // allow selection with the menu closed
@@ -1552,17 +1547,15 @@
                                     }
 
                                     // right arrow (show submenu)
-                                    if (pressedKey === keys.rightArrow) {
-                                        if (hasSubMenu) {
-                                            module.verbose('Right key pressed, opening sub-menu');
-                                            module.animate.show(false, $subMenu);
-                                            $selectedItem
-                                                .removeClass(className.selected);
-                                            $subMenu
-                                                .find(selector.item).eq(0)
-                                                .addClass(className.selected);
-                                            event.preventDefault();
-                                        }
+                                    if (pressedKey === keys.rightArrow && hasSubMenu) {
+                                        module.verbose('Right key pressed, opening sub-menu');
+                                        module.animate.show(false, $subMenu);
+                                        $selectedItem
+                                            .removeClass(className.selected);
+                                        $subMenu
+                                            .find(selector.item).eq(0)
+                                            .addClass(className.selected);
+                                        event.preventDefault();
                                     }
                                 }
 
@@ -1645,22 +1638,19 @@
                                     event.preventDefault();
                                 }
                             }
-                        } else {
-                            if (!module.has.search()) {
-                                module.set.selectedLetter(String.fromCharCode(pressedKey));
-                            }
+                        } else if (!module.has.search()) {
+                            module.set.selectedLetter(String.fromCodePoint(pressedKey));
                         }
                     },
                 },
 
                 trigger: {
                     change: function () {
-                        let inputElement = $input[0];
+                        const inputElement = $input[0];
                         if (inputElement) {
-                            let events = document.createEvent('HTMLEvents');
+                            const event = new Event('change', { bubbles: true });
                             module.verbose('Triggering native change event');
-                            events.initEvent('change', true, false);
-                            inputElement.dispatchEvent(events);
+                            inputElement.dispatchEvent(event);
                         }
                     },
                 },
@@ -1681,9 +1671,9 @@
                         selectActionActive = false;
                     },
                     eventInModule: function (event, callback) {
-                        let $target = $(event.target);
-                        let inDocument = $target.closest(document.documentElement).length > 0;
-                        let inModule = $target.closest($module).length > 0;
+                        const $target = $(event.target);
+                        const inDocument = $target.closest(document.documentElement).length > 0;
+                        const inModule = $target.closest($module).length > 0;
                         callback = isFunction(callback)
                             ? callback
                             : function () {};
@@ -1699,11 +1689,11 @@
                         return false;
                     },
                     eventOnElement: function (event, callback) {
-                        let $target = $(event.target);
-                        let $label = $target.closest(selector.siblingLabel);
-                        let inVisibleDOM = document.body.contains(event.target);
-                        let notOnLabel = $module.find($label).length === 0 || !(module.is.multiple() && settings.useLabels);
-                        let notInMenu = $target.closest($menu).length === 0;
+                        const $target = $(event.target);
+                        const $label = $target.closest(selector.siblingLabel);
+                        const inVisibleDOM = document.body.contains(event.target);
+                        const notOnLabel = $module.find($label).length === 0 || !(module.is.multiple() && settings.useLabels);
+                        const notInMenu = $target.closest($menu).length === 0;
                         callback = isFunction(callback)
                             ? callback
                             : function () {};
@@ -1724,10 +1714,7 @@
 
                     nothing: function () {},
 
-                    activate: function (text, value, element) {
-                        value = value !== undefined
-                            ? value
-                            : text;
+                    activate: function (text, value = text, element = '') {
                         if (module.can.activate($(element))) {
                             module.set.selected(value, $(element), false, settings.keepSearchTerm);
                             if (!module.is.multiple() && !(!settings.collapseOnActionable && $(element).hasClass(className.actionable))) {
@@ -1736,10 +1723,7 @@
                         }
                     },
 
-                    select: function (text, value, element) {
-                        value = value !== undefined
-                            ? value
-                            : text;
+                    select: function (text, value = text, element = '') {
                         if (module.can.activate($(element))) {
                             module.set.value(value, text, $(element));
                             if (!module.is.multiple() && !(!settings.collapseOnActionable && $(element).hasClass(className.actionable))) {
@@ -1748,10 +1732,7 @@
                         }
                     },
 
-                    combo: function (text, value, element) {
-                        value = value !== undefined
-                            ? value
-                            : text;
+                    combo: function (text, value = text, element = '') {
                         module.set.selected(value, $(element));
                         module.hideAndClear();
                     },
@@ -1781,28 +1762,25 @@
                         return $module.data(metadata.placeholderText) || '';
                     },
                     text: function () {
-                        return settings.preserveHTML ? $text.html() : $text.text();
+                        return settings.preserveHTML
+                            ? $text.html()
+                            : $text.text();
                     },
                     query: function () {
                         return String($search.val()).trim();
                     },
-                    searchWidth: function (value) {
-                        value = value !== undefined
-                            ? value
-                            : $search.val();
+                    searchWidth: function (value = $search.val()) {
                         $sizer.text(value);
 
                         // prevent rounding issues
                         return Math.ceil($sizer.width() + 1);
                     },
                     selectionCount: function () {
-                        let values = module.get.values();
-                        let count;
-                        count = module.is.multiple()
+                        const values = module.get.values();
+
+                        return module.is.multiple()
                             ? (Array.isArray(values) ? values.length : 0)
                             : (module.get.value() !== '' ? 1 : 0);
-
-                        return count;
                     },
                     transition: function ($subMenu) {
                         return settings.transition === 'auto'
@@ -1810,7 +1788,7 @@
                             : settings.transition;
                     },
                     userValues: function () {
-                        let values = module.get.values(true);
+                        let values = module.get.values();
                         if (!values) {
                             return false;
                         }
@@ -1823,12 +1801,10 @@
                         });
                     },
                     uniqueArray: function (array) {
-                        return $.grep(array, function (value, index) {
-                            return $.inArray(value, array) === index;
-                        });
+                        return [...new Set(array)];
                     },
                     caretPosition: function (returnEndPos) {
-                        let input = $search[0];
+                        const input = $search[0];
                         let range;
                         let rangeLength;
                         if (returnEndPos && 'selectionEnd' in input) {
@@ -1850,27 +1826,25 @@
                         }
                     },
                     value: function () {
-                        let value = $input.length > 0
+                        const value = $input.length > 0
                             ? $input.val()
                             : $module.data(metadata.value);
-                        let isEmptyMultiselect = Array.isArray(value) && value.length === 1 && value[0] === '';
+                        const isEmptyMultiselect = Array.isArray(value) && value.length === 1 && value[0] === '';
 
                         // prevents the placeholder element from being selected when multiple
                         return value === undefined || isEmptyMultiselect
                             ? ''
                             : value;
                     },
-                    values: function (raw) {
-                        let value = module.get.value();
+                    values: function () {
+                        const value = module.get.value();
                         if (value === '') {
                             return '';
                         }
 
                         return !module.has.selectInput() && module.is.multiple()
                             ? (typeof value === 'string' // delimited string
-                                ? (raw
-                                    ? value
-                                    : module.escape.htmlEntities(value)).split(settings.delimiter)
+                                ? value.split(settings.delimiter)
                                 : '')
                             : value;
                     },
@@ -1882,7 +1856,7 @@
                                 values = [values];
                             }
                             $.each(values, function (index, value) {
-                                let name = module.read.remoteData(value);
+                                const name = module.read.remoteData(value);
                                 module.verbose('Restoring value from session data', name, value);
                                 if (name) {
                                     if (!remoteValues) {
@@ -1895,10 +1869,7 @@
 
                         return remoteValues;
                     },
-                    choiceText: function ($choice, preserveHTML) {
-                        preserveHTML = preserveHTML !== undefined
-                            ? preserveHTML
-                            : settings.preserveHTML;
+                    choiceText: function ($choice, preserveHTML = settings.preserveHTML) {
                         if ($choice) {
                             if ($choice.find(selector.menu).length > 0) {
                                 module.verbose('Retrieving text of element with sub-menu');
@@ -1914,8 +1885,7 @@
                                     : $choice.text() && $choice.text().trim());
                         }
                     },
-                    choiceValue: function ($choice, choiceText) {
-                        choiceText = choiceText || module.get.choiceText($choice);
+                    choiceValue: function ($choice, choiceText = module.get.choiceText($choice)) {
                         if (!$choice) {
                             return false;
                         }
@@ -1931,7 +1901,7 @@
                                 : String(choiceText));
                     },
                     inputEvent: function () {
-                        let input = $search[0];
+                        const input = $search[0];
                         if (input) {
                             return input.oninput !== undefined
                                 ? 'input'
@@ -1943,22 +1913,22 @@
                         return false;
                     },
                     selectValues: function () {
-                        let select = {};
+                        const select = {};
                         let oldGroup = [];
-                        let values = [];
+                        const values = [];
                         $module
                             .find('option')
                             .each(function () {
-                                let $option = $(this);
-                                let name = $option.html();
-                                let disabled = $option.attr('disabled');
-                                let value = $option.attr('value') !== undefined
+                                const $option = $(this);
+                                const name = module.escape.assumeUnescapedAmpLtGt($option.html());
+                                const disabled = $option.attr('disabled');
+                                const value = $option.attr('value') !== undefined
                                     ? $option.attr('value')
                                     : name;
-                                let text = $option.data(metadata.text) !== undefined
+                                const text = $option.data(metadata.text) !== undefined
                                     ? $option.data(metadata.text)
                                     : name;
-                                let group = $option.parent('optgroup');
+                                const group = $option.parent('optgroup');
                                 if (settings.placeholder === 'auto' && value === '') {
                                     select.placeholder = name;
                                 } else {
@@ -1973,7 +1943,7 @@
                                     values.push({
                                         name: name,
                                         value: value,
-                                        text: module.escape.htmlEntities(text, true),
+                                        text: text,
                                         disabled: disabled,
                                     });
                                 }
@@ -2007,7 +1977,7 @@
                         return $item.filter('.' + className.active);
                     },
                     selectedItem: function () {
-                        let $selectedItem = $item.not(selector.unselectable).filter('.' + className.selected);
+                        const $selectedItem = $item.not(selector.unselectable).filter('.' + className.selected);
 
                         return $selectedItem.length > 0
                             ? $selectedItem
@@ -2015,8 +1985,8 @@
                     },
                     itemWithAdditions: function (value) {
                         let $items = module.get.item(value);
-                        let $userItems = module.create.userChoice(value);
-                        let hasUserItems = $userItems && $userItems.length > 0;
+                        const $userItems = module.create.userChoice(value);
+                        const hasUserItems = $userItems && $userItems.length > 0;
                         if (hasUserItems) {
                             $items = $items.length > 0
                                 ? $items.add($userItems)
@@ -2027,15 +1997,13 @@
                     },
                     item: function (value, strict) {
                         let $selectedItem = false;
-                        let shouldSearch;
-                        let isMultiple;
                         value = value !== undefined
                             ? value
                             : (module.get.values() !== undefined
                                 ? module.get.values()
                                 : module.get.text());
-                        isMultiple = module.is.multiple() && Array.isArray(value);
-                        shouldSearch = isMultiple
+                        const isMultiple = module.is.multiple() && Array.isArray(value);
+                        const shouldSearch = isMultiple
                             ? value.length > 0
                             : value !== undefined && value !== null;
                         strict = value === '' || value === false || value === true
@@ -2044,15 +2012,15 @@
                         if (shouldSearch) {
                             $item
                                 .each(function () {
-                                    let $choice = $(this);
-                                    let optionText = module.get.choiceText($choice);
+                                    const $choice = $(this);
+                                    const optionText = module.get.choiceText($choice);
                                     let optionValue = module.get.choiceValue($choice, optionText);
                                     // safe early exit
                                     if (optionValue === null || optionValue === undefined) {
                                         return;
                                     }
                                     if (isMultiple) {
-                                        if ($.inArray(module.escape.htmlEntities(String(optionValue)), value.map(String).map(module.escape.htmlEntities)) !== -1) {
+                                        if (value.map(String).includes(String(optionValue))) {
                                             $selectedItem = $selectedItem
                                                 ? $selectedItem.add($choice)
                                                 : $choice;
@@ -2069,7 +2037,7 @@
                                             optionValue = optionValue.toLowerCase();
                                             value = value.toLowerCase();
                                         }
-                                        if (module.escape.htmlEntities(String(optionValue)) === module.escape.htmlEntities(String(value))) {
+                                        if (String(optionValue) === String(value)) {
                                             module.verbose('Found select item by value', optionValue, value);
                                             $selectedItem = $choice;
 
@@ -2087,11 +2055,8 @@
                 },
 
                 check: {
-                    maxSelections: function (selectionCount) {
+                    maxSelections: function (selectionCount = module.get.selectionCount()) {
                         if (settings.maxSelections) {
-                            selectionCount = selectionCount !== undefined
-                                ? selectionCount
-                                : module.get.selectionCount();
                             if (selectionCount >= settings.maxSelections) {
                                 module.debug('Maximum selection count reached');
                                 if (settings.useLabels) {
@@ -2126,8 +2091,8 @@
                         module.restore.defaultValue();
                     },
                     defaultText: function () {
-                        let defaultText = module.get.defaultText();
-                        let placeholderText = module.get.placeholderText;
+                        const defaultText = module.get.defaultText();
+                        const placeholderText = module.get.placeholderText;
                         if (defaultText === placeholderText) {
                             module.debug('Restoring default placeholder text', defaultText);
                             module.set.placeholderText(defaultText);
@@ -2140,7 +2105,7 @@
                         module.set.placeholderText();
                     },
                     defaultValue: function () {
-                        let defaultValue = module.get.defaultValue();
+                        const defaultValue = module.get.defaultValue();
                         if (defaultValue !== undefined) {
                             module.debug('Restoring default value', defaultValue);
                             if (defaultValue !== '') {
@@ -2180,7 +2145,7 @@
                         } else {
                             module.set.selected();
                         }
-                        let value = module.get.value();
+                        const value = module.get.value();
                         if (value && value !== '' && !(Array.isArray(value) && value.length === 0)) {
                             $input.removeClass(className.noselection);
                         } else {
@@ -2189,7 +2154,7 @@
                         module.remove.initialLoad();
                     },
                     remoteValues: function () {
-                        let values = module.get.remoteValues();
+                        const values = module.get.remoteValues();
                         module.debug('Recreating selected from session data', values);
                         if (values) {
                             if (module.is.single()) {
@@ -2207,13 +2172,7 @@
 
                 read: {
                     remoteData: function (value) {
-                        let name;
-                        if (window.Storage === undefined) {
-                            module.error(error.noStorage);
-
-                            return;
-                        }
-                        name = sessionStorage.getItem(value + elementNamespace);
+                        const name = window.sessionStorage.getItem(value + elementNamespace);
 
                         return name !== undefined
                             ? name
@@ -2228,12 +2187,12 @@
                         module.save.defaultValue();
                     },
                     defaultValue: function () {
-                        let value = module.get.value();
+                        const value = module.get.value();
                         module.verbose('Saving default value as', value);
                         $module.data(metadata.defaultValue, value);
                     },
                     defaultText: function () {
-                        let text = module.get.text();
+                        const text = module.get.text();
                         module.verbose('Saving default text as', text);
                         $module.data(metadata.defaultText, text);
                     },
@@ -2246,13 +2205,8 @@
                         }
                     },
                     remoteData: function (name, value) {
-                        if (window.Storage === undefined) {
-                            module.error(error.noStorage);
-
-                            return;
-                        }
                         module.verbose('Saving remote data to session storage', value, name);
-                        sessionStorage.setItem(value + elementNamespace, name);
+                        window.sessionStorage.setItem(value + elementNamespace, name);
                     },
                 },
 
@@ -2278,26 +2232,23 @@
                 },
 
                 scrollPage: function (direction, $selectedItem) {
-                    let $currentItem = $selectedItem || module.get.selectedItem();
-                    let $menu = $currentItem.closest(selector.menu);
-                    let menuHeight = $menu.outerHeight();
-                    let currentScroll = $menu.scrollTop();
-                    let itemHeight = $item.eq(0).outerHeight();
-                    let itemsPerPage = Math.floor(menuHeight / itemHeight);
-                    let newScroll = direction === 'up'
+                    const $currentItem = $selectedItem || module.get.selectedItem();
+                    const $menu = $currentItem.closest(selector.menu);
+                    const menuHeight = $menu.outerHeight();
+                    const currentScroll = $menu.scrollTop();
+                    const itemHeight = $item.eq(0).outerHeight();
+                    const itemsPerPage = Math.floor(menuHeight / itemHeight);
+                    const newScroll = direction === 'up'
                         ? currentScroll - (itemHeight * itemsPerPage)
                         : currentScroll + (itemHeight * itemsPerPage);
-                    let $selectableItem = $item.not(selector.unselectable);
-                    let isWithinRange;
-                    let $nextSelectedItem;
-                    let elementIndex;
-                    elementIndex = direction === 'up'
+                    const $selectableItem = $item.not(selector.unselectable);
+                    const elementIndex = direction === 'up'
                         ? $selectableItem.index($currentItem) - itemsPerPage
                         : $selectableItem.index($currentItem) + itemsPerPage;
-                    isWithinRange = direction === 'up'
+                    const isWithinRange = direction === 'up'
                         ? elementIndex >= 0
                         : elementIndex < $selectableItem.length;
-                    $nextSelectedItem = isWithinRange
+                    const $nextSelectedItem = isWithinRange
                         ? $selectableItem.eq(elementIndex)
                         : (direction === 'up'
                             ? $selectableItem.first()
@@ -2318,15 +2269,15 @@
 
                 set: {
                     filtered: function () {
-                        let isMultiple = module.is.multiple();
-                        let isSearch = module.is.searchSelection();
-                        let isSearchMultiple = isMultiple && isSearch;
-                        let searchValue = isSearch
+                        const isMultiple = module.is.multiple();
+                        const isSearch = module.is.searchSelection();
+                        const isSearchMultiple = isMultiple && isSearch;
+                        const searchValue = isSearch
                             ? module.get.query()
                             : '';
-                        let hasSearchValue = typeof searchValue === 'string' && searchValue.length > 0;
-                        let searchWidth = module.get.searchWidth();
-                        let valueIsSet = searchValue !== '';
+                        const hasSearchValue = typeof searchValue === 'string' && searchValue.length > 0;
+                        const searchWidth = module.get.searchWidth();
+                        const valueIsSet = searchValue !== '';
                         if (isMultiple && hasSearchValue) {
                             module.verbose('Adjusting input width', searchWidth);
                             $search.css('width', searchWidth + 'px');
@@ -2345,8 +2296,7 @@
                     loading: function () {
                         $module.addClass(className.loading);
                     },
-                    placeholderText: function (text) {
-                        text = text || module.get.placeholderText();
+                    placeholderText: function (text = module.get.placeholderText()) {
                         module.debug('Setting placeholder text', text);
                         module.set.text(text);
                         $text.addClass(className.placeholder);
@@ -2382,13 +2332,11 @@
                         }
                     },
                     partialSearch: function (text) {
-                        let length = module.get.query().length;
+                        const length = module.get.query().length;
                         $search.val(text.slice(0, length));
                     },
-                    scrollPosition: function ($item, forceScroll) {
-                        let edgeTolerance = 5;
-                        let $menu;
-                        let hasActive;
+                    scrollPosition: function ($item, forceScroll = false) {
+                        const edgeTolerance = 5;
                         let offset;
                         let itemOffset;
                         let menuOffset;
@@ -2398,11 +2346,8 @@
                         let belowPage;
 
                         $item = $item || module.get.selectedItem();
-                        $menu = $item.closest(selector.menu);
-                        hasActive = $item && $item.length > 0;
-                        forceScroll = forceScroll !== undefined
-                            ? forceScroll
-                            : false;
+                        const $menu = $item.closest(selector.menu);
+                        const hasActive = $item && $item.length > 0;
                         if (module.get.activeItem().length === 0) {
                             forceScroll = false;
                         }
@@ -2449,9 +2394,9 @@
                         }
                     },
                     selectedItem: function ($item) {
-                        let value = module.get.choiceValue($item);
-                        let searchText = module.get.choiceText($item, false);
-                        let text = module.get.choiceText($item);
+                        const value = module.get.choiceValue($item);
+                        const searchText = module.get.choiceText($item, false);
+                        const text = module.get.choiceText($item);
                         module.debug('Setting user selection to item', $item);
                         module.remove.activeItem();
                         module.set.partialSearch(searchText);
@@ -2460,8 +2405,8 @@
                         module.set.text(text);
                     },
                     selectedLetter: function (letter) {
-                        let $selectedItem = $item.filter('.' + className.selected);
-                        let alreadySelectedLetter = $selectedItem.length > 0 && module.has.firstLetter($selectedItem, letter);
+                        const $selectedItem = $item.filter('.' + className.selected);
+                        const alreadySelectedLetter = $selectedItem.length > 0 && module.has.firstLetter($selectedItem, letter);
                         let $nextValue = false;
                         let $nextItem;
                         // check next of the same letter
@@ -2516,11 +2461,11 @@
                         }
                     },
                     upward: function ($currentMenu) {
-                        let $element = $currentMenu || $module;
+                        const $element = $currentMenu || $module;
                         $element.addClass(className.upward);
                     },
                     leftward: function ($currentMenu) {
-                        let $element = $currentMenu || $menu;
+                        const $element = $currentMenu || $menu;
                         $element.addClass(className.leftward);
                     },
                     value: function (value, text, $selected, preventChangeTrigger) {
@@ -2534,10 +2479,9 @@
                         } else {
                             $input.addClass(className.noselection);
                         }
-                        let escapedValue = module.escape.value(value);
-                        let hasInput = $input.length > 0;
-                        let currentValue = module.get.values();
-                        let stringValue = value !== undefined
+                        const hasInput = $input.length > 0;
+                        const currentValue = module.get.values();
+                        const stringValue = value !== undefined
                             ? String(value)
                             : value;
                         if (hasInput) {
@@ -2552,10 +2496,10 @@
                                 module.debug('Adding user option', value);
                                 module.add.optionValue(value);
                             }
-                            module.debug('Updating input value', escapedValue, currentValue);
+                            module.debug('Updating input value', value, currentValue);
                             internalChange = true;
                             $input
-                                .val(escapedValue);
+                                .val(value);
                             if (settings.fireOnInit === false && module.is.initialLoad()) {
                                 module.debug('Input native change event ignored on initial load');
                             } else if (preventChangeTrigger !== true) {
@@ -2563,8 +2507,8 @@
                             }
                             internalChange = false;
                         } else {
-                            module.verbose('Storing value in metadata', escapedValue, $input);
-                            if (escapedValue !== currentValue) {
+                            module.verbose('Storing value in metadata', value, $input);
+                            if (value !== currentValue) {
                                 $module.data(metadata.value, stringValue);
                             }
                         }
@@ -2599,7 +2543,7 @@
                             preventChangeTrigger = $selectedItem;
                             $selectedItem = undefined;
                         }
-                        let isMultiple = module.is.multiple();
+                        const isMultiple = module.is.multiple();
                         $selectedItem = settings.allowAdditions
                             ? $selectedItem || module.get.itemWithAdditions(value)
                             : $selectedItem || module.get.item(value);
@@ -2613,7 +2557,11 @@
                             if (settings.useLabels) {
                                 module.remove.selectedItem();
                                 if (value === undefined) {
-                                    module.remove.labels($module.find(selector.label), true);
+                                    const existingLabels = $module.find(selector.label);
+                                    if (existingLabels.length > 0) {
+                                        preventChangeTrigger = true;
+                                        module.remove.labels(existingLabels, true);
+                                    }
                                 }
                             }
                         } else {
@@ -2627,15 +2575,15 @@
                         // select each item
                         $selectedItem
                             .each(function () {
-                                let $selected = $(this);
-                                let selectedText = module.get.choiceText($selected);
-                                let selectedValue = module.get.choiceValue($selected, selectedText);
-
-                                let isFiltered = $selected.hasClass(className.filtered);
-                                let isActive = $selected.hasClass(className.active);
-                                let isActionable = $selected.hasClass(className.actionable);
-                                let isUserValue = $selected.hasClass(className.addition);
-                                let shouldAnimate = isMultiple && $selectedItem && $selectedItem.length === 1;
+                                const $selected = $(this);
+                                const selectedText = module.get.choiceText($selected);
+                                const selectedValue = module.get.choiceValue($selected, selectedText);
+
+                                const isFiltered = $selected.hasClass(className.filtered);
+                                const isActive = $selected.hasClass(className.active);
+                                const isActionable = $selected.hasClass(className.actionable);
+                                const isUserValue = $selected.hasClass(className.addition);
+                                const shouldAnimate = isMultiple && $selectedItem && $selectedItem.length === 1;
                                 if (isActionable) {
                                     if ((!isMultiple || (!isActive || isUserValue)) && settings.apiSettings && settings.saveRemoteData) {
                                         module.save.remoteData(selectedText, selectedValue);
@@ -2686,22 +2634,21 @@
 
                 add: {
                     label: function (value, text, shouldAnimate) {
-                        let $next = module.is.searchSelection()
+                        const $next = module.is.searchSelection()
                             ? $search
                             : $text;
-                        let escapedValue = module.escape.value(value);
                         let $label;
                         if (settings.ignoreCase) {
-                            escapedValue = escapedValue.toLowerCase();
+                            value = value.toLowerCase();
                         }
                         $label = $('<a />')
                             .addClass(className.label)
-                            .attr('data-' + metadata.value, escapedValue)
-                            .html(templates.label(escapedValue, text, settings));
-                        $label = settings.onLabelCreate.call($label, escapedValue, text);
+                            .attr('data-' + metadata.value, value)
+                            .html(templates.label(value, text, settings));
+                        $label = settings.onLabelCreate.call($label, value, text);
 
                         if (module.has.label(value)) {
-                            module.debug('User selection already exists, skipping', escapedValue);
+                            module.debug('User selection already exists, skipping', value);
 
                             return;
                         }
@@ -2727,8 +2674,8 @@
                         }
                     },
                     message: function (message) {
-                        let $message = $menu.children(selector.message);
-                        let html = settings.templates.message(module.add.variables(message));
+                        const $message = $menu.children(selector.message);
+                        const html = settings.templates.message(module.add.variables(message));
                         if ($message.length > 0) {
                             $message
                                 .html(html);
@@ -2740,9 +2687,8 @@
                         }
                     },
                     optionValue: function (value) {
-                        let escapedValue = module.escape.value(value);
-                        let $option = $input.find('option[value="' + CSS.escape(escapedValue) + '"]');
-                        let hasOption = $option.length > 0;
+                        const $option = $input.find('option[value="' + CSS.escape(value) + '"]');
+                        const hasOption = $option.length > 0;
                         if (hasOption) {
                             return;
                         }
@@ -2753,7 +2699,7 @@
                             $input.find('option.' + className.addition).remove();
                         }
                         $('<option/>')
-                            .prop('value', escapedValue)
+                            .prop('value', value)
                             .addClass(className.addition)
                             .text(value)
                             .appendTo($input);
@@ -2762,9 +2708,9 @@
                     },
                     userSuggestion: function (value) {
                         let $addition = $menu.children(selector.addition);
-                        let $existingItem = module.get.item(value);
-                        let alreadyHasValue = $existingItem && $existingItem.not(selector.addition).length > 0;
-                        let hasUserSuggestion = $addition.length > 0;
+                        const $existingItem = module.get.item(value);
+                        const alreadyHasValue = $existingItem && $existingItem.not(selector.addition).length > 0;
+                        const hasUserSuggestion = $addition.length > 0;
                         let html;
                         if (settings.useLabels && module.has.maxSelections()) {
                             return;
@@ -2782,7 +2728,7 @@
                                 .attr('data-' + metadata.text, value)
                                 .removeClass(className.filtered);
                             if (!settings.hideAdditions) {
-                                html = settings.templates.addition(module.add.variables(message.addResult, value));
+                                html = settings.templates.addition(module.add.variables(message.addResult, settings.templates.escape(value, settings)));
                                 $addition
                                     .html(html);
                             }
@@ -2801,11 +2747,10 @@
                         }
                         module.refreshItems();
                     },
-                    variables: function (message, term) {
-                        let hasCount = message.search('{count}') !== -1;
-                        let hasMaxCount = message.search('{maxCount}') !== -1;
-                        let hasTerm = message.search('{term}') !== -1;
-                        let query;
+                    variables: function (message = '', term = settings.templates.escape(module.get.query())) {
+                        const hasCount = message.search('{count}') !== -1;
+                        const hasMaxCount = message.search('{maxCount}') !== -1;
+                        const hasTerm = message.search('{term}') !== -1;
                         module.verbose('Adding templated variables to message', message);
                         if (hasCount) {
                             message = message.replace('{count}', module.get.selectionCount());
@@ -2814,8 +2759,7 @@
                             message = message.replace('{maxCount}', settings.maxSelections);
                         }
                         if (hasTerm) {
-                            query = term || module.get.query();
-                            message = message.replace('{term}', query);
+                            message = message.replace('{term}', term);
                         }
 
                         return message;
@@ -2826,7 +2770,7 @@
                             $selectedItem = undefined;
                             addedText = undefined;
                         }
-                        let currentValue = module.get.values(true);
+                        const currentValue = module.get.values();
                         let newValue;
                         if (module.has.value(addedValue)) {
                             module.debug('Value already selected');
@@ -2840,7 +2784,9 @@
                         }
                         // extend current array
                         if (Array.isArray(currentValue)) {
-                            newValue = $selectedItem && $selectedItem.hasClass(className.actionable) ? currentValue : currentValue.concat([addedValue]);
+                            newValue = $selectedItem && $selectedItem.hasClass(className.actionable)
+                                ? currentValue
+                                : [...currentValue, addedValue];
                             newValue = module.get.uniqueArray(newValue);
                         } else {
                             newValue = [addedValue];
@@ -2883,11 +2829,11 @@
                         initialLoad = false;
                     },
                     upward: function ($currentMenu) {
-                        let $element = $currentMenu || $module;
+                        const $element = $currentMenu || $module;
                         $element.removeClass(className.upward);
                     },
                     leftward: function ($currentMenu) {
-                        let $element = $currentMenu || $menu;
+                        const $element = $currentMenu || $menu;
                         $element.removeClass(className.leftward);
                     },
                     visible: function () {
@@ -2899,7 +2845,7 @@
                     filteredItem: function () {
                         if (settings.highlightMatches) {
                             $.each($item, function (index, item) {
-                                let $markItem = $(item);
+                                const $markItem = $(item);
                                 $markItem.html($markItem.html().replace(/<\/?mark>/g, ''));
                             });
                         }
@@ -2917,16 +2863,15 @@
                         module.remove.empty();
                     },
                     optionValue: function (value) {
-                        let escapedValue = module.escape.value(value);
-                        let $option = $input.find('option[value="' + CSS.escape(escapedValue) + '"]');
-                        let hasOption = $option.length > 0;
+                        const $option = $input.find('option[value="' + CSS.escape(value) + '"]');
+                        const hasOption = $option.length > 0;
                         if (!hasOption || !$option.hasClass(className.addition)) {
                             return;
                         }
                         // temporarily disconnect observer
                         module.disconnect.selectObserver();
                         $option.remove();
-                        module.verbose('Removing user addition as an <option>', escapedValue);
+                        module.verbose('Removing user addition as an <option>', value);
                         module.observe.select();
                     },
                     message: function () {
@@ -2954,9 +2899,9 @@
 
                         $selectedItem
                             .each(function () {
-                                let $selected = $(this);
-                                let selectedText = module.get.choiceText($selected);
-                                let selectedValue = module.get.choiceValue($selected, selectedText);
+                                const $selected = $(this);
+                                const selectedText = module.get.choiceText($selected);
+                                const selectedValue = module.get.choiceValue($selected, selectedText);
                                 if (module.is.multiple()) {
                                     if (settings.useLabels) {
                                         module.remove.value(selectedValue, selectedText, $selected, preventChangeTrigger);
@@ -2984,7 +2929,7 @@
                         $item.removeClass(className.selected);
                     },
                     value: function (removedValue, removedText, $removedItem, preventChangeTrigger) {
-                        let values = module.get.values(true);
+                        const values = module.get.values();
                         let newValue;
                         if (module.has.selectInput()) {
                             module.verbose('Input is <select> removing selected option', removedValue);
@@ -3015,9 +2960,8 @@
                         return values;
                     },
                     label: function (value, shouldAnimate) {
-                        let escapedValue = module.escape.value(value);
-                        let $labels = $module.find(selector.label);
-                        let $removedLabel = $labels.filter('[data-' + metadata.value + '="' + CSS.escape(settings.ignoreCase ? escapedValue.toLowerCase() : escapedValue) + '"]');
+                        const $labels = $module.find(selector.label);
+                        const $removedLabel = $labels.filter('[data-' + metadata.value + '="' + CSS.escape(settings.ignoreCase ? value.toLowerCase() : value) + '"]');
                         module.verbose('Removing label', $removedLabel);
                         $removedLabel.remove();
                     },
@@ -3031,12 +2975,12 @@
                         module.verbose('Removing labels', $labels);
                         $labels
                             .each(function () {
-                                let $label = $(this);
-                                let value = $label.data(metadata.value);
-                                let stringValue = value !== undefined
+                                const $label = $(this);
+                                const value = $label.data(metadata.value);
+                                const stringValue = value !== undefined
                                     ? String(value)
                                     : value;
-                                let isUserValue = module.is.userValue(stringValue);
+                                const isUserValue = module.is.userValue(stringValue);
                                 if (settings.onLabelRemove.call($label, value) === false) {
                                     module.debug('Label remove callback cancelled removal');
 
@@ -3088,27 +3032,21 @@
                     selectInput: function () {
                         return $input.is('select');
                     },
-                    minCharacters: function (searchTerm) {
+                    minCharacters: function (searchTerm = module.get.query()) {
                         if (settings.minCharacters && !iconClicked) {
-                            searchTerm = searchTerm !== undefined
-                                ? String(searchTerm)
-                                : String(module.get.query());
-
-                            return searchTerm.length >= settings.minCharacters;
+                            return String(searchTerm).length >= settings.minCharacters;
                         }
                         iconClicked = false;
 
                         return true;
                     },
                     firstLetter: function ($item, letter) {
-                        let text;
-                        let firstLetter;
                         if (!$item || $item.length === 0 || typeof letter !== 'string') {
                             return false;
                         }
-                        text = module.get.choiceText($item, false);
+                        const text = module.get.choiceText($item, false);
                         letter = letter.toLowerCase();
-                        firstLetter = String(text).charAt(0).toLowerCase();
+                        const firstLetter = String(text).charAt(0).toLowerCase();
 
                         return letter == firstLetter;
                     },
@@ -3128,19 +3066,18 @@
                         return $menu.children(selector.message).length > 0;
                     },
                     label: function (value) {
-                        let escapedValue = module.escape.value(value);
-                        let $labels = $module.find(selector.label);
+                        const $labels = $module.find(selector.label);
                         if (settings.ignoreCase) {
-                            escapedValue = escapedValue.toLowerCase();
+                            value = value.toLowerCase();
                         }
 
-                        return $labels.filter('[data-' + metadata.value + '="' + CSS.escape(escapedValue) + '"]').length > 0;
+                        return $labels.filter('[data-' + metadata.value + '="' + CSS.escape(value) + '"]').length > 0;
                     },
                     maxSelections: function () {
                         return settings.maxSelections && module.get.selectionCount() >= settings.maxSelections;
                     },
                     allResultsFiltered: function () {
-                        let $normalResults = $item.not(selector.addition);
+                        const $normalResults = $item.not(selector.addition);
 
                         return $normalResults.filter(selector.unselectable).length === $normalResults.length;
                     },
@@ -3156,15 +3093,15 @@
                             : module.has.valueMatchingCase(value);
                     },
                     valueMatchingCase: function (value) {
-                        let values = module.get.values(true);
-                        let hasValue = Array.isArray(values)
-                            ? values && ($.inArray(value, values) !== -1)
+                        const values = module.get.values();
+                        const hasValue = Array.isArray(values)
+                            ? values && values.includes(value)
                             : values == value;
 
                         return !!hasValue;
                     },
                     valueIgnoringCase: function (value) {
-                        let values = module.get.values(true);
+                        let values = module.get.values();
                         let hasValue = false;
                         if (!Array.isArray(values)) {
                             values = [values];
@@ -3212,12 +3149,12 @@
                             : $menu.transition && $menu.transition('is animating');
                     },
                     leftward: function ($subMenu) {
-                        let $selectedMenu = $subMenu || $menu;
+                        const $selectedMenu = $subMenu || $menu;
 
                         return $selectedMenu.hasClass(className.leftward);
                     },
                     clearable: function () {
-                        let hasClearableClass = $module.hasClass(className.clearable);
+                        const hasClearableClass = $module.hasClass(className.clearable);
                         if (!hasClearableClass && settings.clearable) {
                             $module.addClass(className.clearable);
                         }
@@ -3288,10 +3225,10 @@
                         return $module.hasClass(className.selection);
                     },
                     userValue: function (value) {
-                        return $.inArray(value, module.get.userValues()) !== -1;
+                        return (module.get.userValues() || []).includes(value);
                     },
                     upward: function ($menu) {
-                        let $element = $menu || $module;
+                        const $element = $menu || $module;
 
                         return $element.hasClass(className.upward);
                     },
@@ -3301,14 +3238,14 @@
                             : $menu.hasClass(className.visible);
                     },
                     verticallyScrollableContext: function () {
-                        let overflowY = $context[0] !== window
+                        const overflowY = $context[0] !== window
                             ? $context.css('overflow-y')
                             : false;
 
                         return overflowY === 'auto' || overflowY === 'scroll';
                     },
                     horizontallyScrollableContext: function () {
-                        let overflowX = $context[0] !== window
+                        const overflowX = $context[0] !== window
                             ? $context.css('overflow-X')
                             : false;
 
@@ -3325,13 +3262,11 @@
                         );
                     },
                     openDownward: function ($subMenu) {
-                        let $currentMenu = $subMenu || $menu;
+                        const $currentMenu = $subMenu || $menu;
                         let canOpenDownward;
-                        let onScreen;
-                        let calculations;
                         $currentMenu
                             .addClass(className.loading);
-                        calculations = {
+                        const calculations = {
                             context: {
                                 offset: $context[0] === window
                                     ? { top: 0, left: 0 }
@@ -3350,7 +3285,7 @@
                         if (module.has.subMenu($currentMenu)) {
                             calculations.menu.height += $currentMenu.find(selector.menu).first().outerHeight();
                         }
-                        onScreen = {
+                        const onScreen = {
                             above: calculations.context.scrollTop <= calculations.menu.offset.top - calculations.context.offset.top - calculations.menu.height,
                             below: (calculations.context.scrollTop + calculations.context.height) >= calculations.menu.offset.top - calculations.context.offset.top + calculations.menu.height,
                         };
@@ -3369,13 +3304,12 @@
                         return canOpenDownward;
                     },
                     openRightward: function ($subMenu) {
-                        let $currentMenu = $subMenu || $menu;
+                        const $currentMenu = $subMenu || $menu;
                         let canOpenRightward = true;
                         let isOffscreenRight = false;
-                        let calculations;
                         $currentMenu
                             .addClass(className.loading);
-                        calculations = {
+                        const calculations = {
                             context: {
                                 offset: $context[0] === window
                                     ? { top: 0, left: 0 }
@@ -3421,21 +3355,20 @@
 
                 animate: {
                     show: function (callback, $subMenu) {
-                        let $currentMenu = $subMenu || $menu;
-                        let start = $subMenu
+                        const $currentMenu = $subMenu || $menu;
+                        const start = $subMenu
                             ? function () {}
                             : function () {
                                 module.hideSubMenus();
                                 module.hideOthers();
                                 module.set.active();
                             };
-                        let transition;
                         callback = isFunction(callback)
                             ? callback
                             : function () {};
                         module.verbose('Doing menu show animation', $currentMenu);
                         module.set.direction($subMenu);
-                        transition = settings.transition.showMethod || module.get.transition($subMenu);
+                        const transition = settings.transition.showMethod || module.get.transition($subMenu);
                         if (module.is.selection()) {
                             module.set.scrollPosition(module.get.selectedItem(), true);
                         }
@@ -3465,14 +3398,14 @@
                         }
                     },
                     hide: function (callback, $subMenu) {
-                        let $currentMenu = $subMenu || $menu;
-                        let start = $subMenu
+                        const $currentMenu = $subMenu || $menu;
+                        const start = $subMenu
                             ? function () {}
                             : function () {
                                 module.unbind.intent();
                                 module.remove.active();
                             };
-                        let transition = settings.transition.hideMethod || module.get.transition($subMenu);
+                        const transition = settings.transition.hideMethod || module.get.transition($subMenu);
                         callback = isFunction(callback)
                             ? callback
                             : function () {};
@@ -3539,46 +3472,26 @@
                 },
 
                 escape: {
-                    value: function (value) {
-                        let multipleValues = Array.isArray(value);
-                        let stringValue = typeof value === 'string';
-                        let isUnparsable = !stringValue && !multipleValues;
-                        let hasQuotes = stringValue && value.search(regExp.quote) !== -1;
-                        let values = [];
-                        if (isUnparsable || !hasQuotes) {
-                            return value;
-                        }
-                        module.debug('Encoding quote values for use in select', value);
-                        if (multipleValues) {
-                            $.each(value, function (index, value) {
-                                values.push(value.replace(regExp.quote, '&quot;'));
-                            });
-
-                            return values;
-                        }
-
-                        return value.replace(regExp.quote, '&quot;');
-                    },
                     string: function (text) {
                         text = String(text);
 
                         return text.replace(regExp.escape, '\\$&');
                     },
-                    htmlEntities: function (string, forceAmpersand) {
-                        forceAmpersand = typeof forceAmpersand === 'number' ? false : forceAmpersand;
-
-                        const badChars = forceAmpersand
-                            ? /["&'<>]/g
-                            : /["'<>]|&(?![\d#A-Za-z]{1,12};)/g;
-                        const escape = {
-                            '"': '&quot;',
-                            '&': '&amp;',
-                            "'": '&apos;',
-                            '<': '&lt;',
-                            '>': '&gt;',
+
+                    // https://github.com/fomantic/Fomantic-UI/issues/2782
+                    // https://jsfiddle.net/3efL7jnt/
+                    assumeUnescapedAmpLtGt: function (string) {
+                        if (settings.preserveHTML) {
+                            return string;
+                        }
+
+                        const unescapeMap = {
+                            '&amp;': '&',
+                            '&lt;': '<',
+                            '&gt;': '>',
                         };
 
-                        return string.replace(badChars, (chr) => escape[chr]);
+                        return string.replace(/&(?:amp|lt|gt);/g, (v) => unescapeMap[v]);
                     },
                 },
 
@@ -3605,30 +3518,30 @@
                         return module[name];
                     }
                 },
-                debug: function () {
+                debug: function (...args) {
                     if (!settings.silent && settings.debug) {
                         if (settings.performance) {
-                            module.performance.log(arguments);
+                            module.performance.log(args);
                         } else {
                             module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
-                            module.debug.apply(console, arguments);
+                            module.debug.apply(console, args);
                         }
                     }
                 },
-                verbose: function () {
+                verbose: function (...args) {
                     if (!settings.silent && settings.verbose && settings.debug) {
                         if (settings.performance) {
-                            module.performance.log(arguments);
+                            module.performance.log(args);
                         } else {
                             module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
-                            module.verbose.apply(console, arguments);
+                            module.verbose.apply(console, args);
                         }
                     }
                 },
-                error: function () {
+                error: function (...args) {
                     if (!settings.silent) {
                         module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
-                        module.error.apply(console, arguments);
+                        module.error.apply(console, args);
                     }
                 },
                 performance: {
@@ -3643,7 +3556,7 @@
                             time = currentTime;
                             performance.push({
                                 Name: message[0],
-                                Arguments: [].slice.call(message, 1) || '',
+                                Arguments: message.slice(1),
                                 Element: element,
                                 'Execution Time': executionTime,
                             });
@@ -3664,30 +3577,22 @@
                         title += ' ' + totalTime + 'ms';
                         if (performance.length > 0) {
                             console.groupCollapsed(title);
-                            if (console.table) {
-                                console.table(performance);
-                            } else {
-                                $.each(performance, function (index, data) {
-                                    console.log(data.Name + ': ' + data['Execution Time'] + 'ms');
-                                });
-                            }
+                            console.table(performance);
                             console.groupEnd();
                         }
                         performance = [];
                     },
                 },
-                invoke: function (query, passedArguments, context) {
+                invoke: function (query, passedArguments = queryArguments, context = element) {
                     let object = instance;
                     let maxDepth;
                     let found;
                     let response;
-                    passedArguments = passedArguments || queryArguments;
-                    context = context || element;
                     if (typeof query === 'string' && object !== undefined) {
                         query = query.split(/[ .]/);
                         maxDepth = query.length - 1;
                         $.each(query, function (depth, value) {
-                            let camelCaseValue = depth !== maxDepth
+                            const camelCaseValue = depth !== maxDepth
                                 ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
                                 : query;
                             if ($.isPlainObject(object[camelCaseValue]) && (depth !== maxDepth)) {
@@ -3730,7 +3635,7 @@
                 if (instance === undefined) {
                     module.initialize();
                 }
-                module.invoke(query);
+                module.invoke(parameters);
             } else {
                 if (instance !== undefined) {
                     instance.invoke('destroy');
@@ -3791,7 +3696,7 @@
 
         maxSelections: false, // When set to a number, limits the number of selections to this count
         useLabels: true, // whether multiple select should filter currently active selections from choices
-        delimiter: ',', // when multiselect uses normal <input >, the values will be delimited with this character
+        delimiter: ',', // when multiselect uses normal <input>, the values will be delimited with this character
 
         showOnFocus: false, // show the menu on focus
         allowReselection: false, // whether current value should trigger callbacks when reselected
@@ -3862,13 +3767,11 @@
             missingMultiple: '<select> requires multiple property to be set to correctly preserve multiple values',
             method: 'The method you called is not defined.',
             noAPI: 'The API module is required to load resources remotely',
-            noStorage: 'Saving remote data requires session storage',
             noElement: 'This module requires ui {element}',
         },
 
         regExp: {
             escape: /[\s#$()*+,.:=?@[\\\]^{|}-]/g,
-            quote: /"/g,
         },
 
         metadata: {
@@ -3982,8 +3885,7 @@
                 return string;
             }
 
-            const badChars = /["'<>]|&(?![\d#A-Za-z]{1,12};)/g;
-            const escape = {
+            const escapeMap = {
                 '"': '&quot;',
                 '&': '&amp;',
                 "'": '&apos;',
@@ -3991,14 +3893,14 @@
                 '>': '&gt;',
             };
 
-            return string.replace(badChars, (chr) => escape[chr]);
+            return String(string).replace(/["&'<>]/g, (chr) => escapeMap[chr]);
         },
         // generates dropdown from select values
         dropdown: function (select, settings) {
-            let placeholder = select.placeholder || false;
+            const placeholder = select.placeholder || false;
             let html = '';
-            let className = settings.className;
-            let escape = settings.templates.escape;
+            const className = settings.className;
+            const escape = settings.templates.escape;
             html += '<i class="dropdown icon"></i>';
             html += placeholder
                 ? '<div class="default text">' + escape(placeholder, settings) + '</div>'
@@ -4012,43 +3914,45 @@
 
         // generates just menu from select
         menu: function (response, settings) {
-            let fields = settings.fields;
-            let values = response[fields.values] || [];
+            const fields = settings.fields;
+            const values = response[fields.values] || [];
             let html = '';
-            let className = settings.className;
-            let escape = settings.templates.escape;
+            const className = settings.className;
+            const escape = settings.templates.escape;
             $.each(values, function (index, option) {
-                let itemType = option[fields.type] || 'item';
-                let isMenu = itemType.indexOf('menu') !== -1;
+                const itemType = option[fields.type] || 'item';
+                const isMenu = itemType.includes('menu');
                 let maybeData = '';
-                let dataObject = option[fields.data];
+                const dataObject = option[fields.data];
                 if (dataObject) {
                     let dataKey;
                     let dataKeyEscaped;
                     for (dataKey in dataObject) {
-                        dataKeyEscaped = String(dataKey).replace(/\W/g, '');
-                        if (Object.prototype.hasOwnProperty.call(dataObject, dataKey) && ['text', 'value'].indexOf(dataKeyEscaped.toLowerCase()) === -1) {
-                            maybeData += ' data-' + dataKeyEscaped + '="' + escape(String(dataObject[dataKey])) + '"';
+                        if (Object.prototype.hasOwnProperty.call(dataObject, dataKey)) {
+                            dataKeyEscaped = String(dataKey).replace(/\W/g, '');
+                            if (!['text', 'value'].includes(dataKeyEscaped.toLowerCase())) {
+                                maybeData += ' data-' + dataKeyEscaped + '="' + escape(String(dataObject[dataKey])) + '"';
+                            }
                         }
                     }
                 }
                 if (itemType === 'item' || isMenu) {
-                    let maybeText = option[fields.text]
+                    const maybeText = option[fields.text]
                         ? ' data-text="' + escape(option[fields.text]) + '"'
                         : '';
-                    let maybeActionable = option[fields.actionable]
+                    const maybeActionable = option[fields.actionable]
                         ? className.actionable + ' '
                         : '';
-                    let maybeDisabled = option[fields.disabled]
+                    const maybeDisabled = option[fields.disabled]
                         ? className.disabled + ' '
                         : '';
-                    let maybeDescriptionVertical = option[fields.descriptionVertical]
+                    const maybeDescriptionVertical = option[fields.descriptionVertical]
                         ? className.descriptionVertical + ' '
                         : '';
-                    let hasDescription = escape(option[fields.description] || '', settings) !== '';
+                    const hasDescription = escape(option[fields.description] || '', settings) !== '';
                     html += '<div class="' + escape(maybeActionable + maybeDisabled + maybeDescriptionVertical + (option[fields.class] || className.item)) + '" data-value="' + escape(option[fields.value]) + '"' + maybeText + maybeData + '>';
                     if (isMenu) {
-                        html += '<i class="' + (itemType.indexOf('left') !== -1 ? 'left' : '') + ' dropdown icon"></i>';
+                        html += '<i class="' + (itemType.includes('left') ? 'left' : '') + ' dropdown icon"></i>';
                     }
                     if (option[fields.image]) {
                         html += '<img class="' + escape(option[fields.imageClass] || className.image) + '" src="' + escape(option[fields.image]) + '"' + (option[fields.alt] ? ' alt="' + escape(option[fields.alt]) + '"' : '') + '>';
@@ -4074,8 +3978,8 @@
                     }
                     html += '</div>';
                 } else if (itemType === 'header') {
-                    let groupName = option[fields.name] || '';
-                    let groupIcon = option[fields.icon] || className.groupIcon;
+                    const groupName = option[fields.name] || '';
+                    const groupIcon = option[fields.icon] || className.groupIcon;
                     if (groupName !== '' || groupIcon !== '') {
                         html += '<div class="' + escape(option[fields.class] || className.header) + '">';
                         if (groupIcon !== '') {
@@ -4095,8 +3999,8 @@
 
         // generates label for multiselect
         label: function (value, text, settings) {
-            let className = settings.className;
-            let escape = settings.templates.escape;
+            const className = settings.className;
+            const escape = settings.templates.escape;
 
             return escape(text, settings) + '<i class="' + escape(className.delete) + ' icon"></i>';
         },