@appbaseio/reactivesearch-vue 1.35.2 → 1.35.3

package/dist/@appbaseio/reactivesearch-vue.umd.js

@@ -18720,7 +18720,8 @@
 	      selectedTags: [],
 	      isOpen: false,
 	      normalizedSuggestions: [],
-	      isPending: false
+	      isPending: false,
+	      isSuggestionSelected: false
 	    };
 	    this.internalComponent = props.componentId + "__internal";
 	    return this.__state;
@@ -19105,6 +19106,7 @@
 	          _this.getRecentSearches();
 	        }
 	        if (isTagsMode) {
+	          var isTagAdded = false;
 	          if (Array.isArray(_this.selectedTags) && _this.selectedTags.length) {
 	            // check if value already present in selectedTags
 	            if (typeof value === 'string' && _this.selectedTags.includes(value)) {
@@ -19113,14 +19115,36 @@
 	            }
 	            _this.selectedTags = [].concat(_this.selectedTags);
 	            if (typeof value === 'string' && !!value) {
-	              _this.selectedTags.push(value);
+	              if (props.strictSelection && cause === lib_7.SUGGESTION_SELECT) {
+	                _this.selectedTags.push(value);
+	                isTagAdded = true;
+	              } else if (!props.strictSelection) {
+	                _this.selectedTags.push(value);
+	                isTagAdded = true;
+	              }
 	            } else if (Array.isArray(value) && !isEqual$4(_this.selectedTags, value)) {
-	              _this.selectedTags = value;
+	              if (props.strictSelection && cause === lib_7.SUGGESTION_SELECT) {
+	                _this.selectedTags = value;
+	                isTagAdded = true;
+	              } else if (!props.strictSelection) {
+	                _this.selectedTags.push(value);
+	                isTagAdded = true;
+	              }
 	            }
 	          } else if (value) {
-	            _this.selectedTags = typeof value !== 'string' ? value : [].concat(value);
+	            if (props.strictSelection && cause === lib_7.SUGGESTION_SELECT) {
+	              _this.selectedTags = typeof value !== 'string' ? value : [].concat(value);
+	              isTagAdded = true;
+	            } else if (!props.strictSelection) {
+	              _this.selectedTags = typeof value !== 'string' ? value : [].concat(value);
+	              isTagAdded = true;
+	            }
+	          }
+	          if (props.strictSelection && !isTagAdded) {
+	            _this.currentValue = value;
+	          } else {
+	            _this.currentValue = '';
 	          }
-	          _this.currentValue = '';
 	        } else {
 	          _this.currentValue = value;
 	        }
@@ -19140,7 +19164,7 @@
 	          if (props.strictSelection && props.autosuggest) {
 	            if (cause === lib_7.SUGGESTION_SELECT || props.value !== undefined) {
 	              _this.updateQueryHandler(props.componentId, queryHandlerValue, props);
-	            } else if (_this.currentValue !== '') {
+	            } else if (_this.currentValue !== '' && !props.strictSelection) {
 	              _this.setValue('', true);
 	            }
 	          } else {
@@ -19269,17 +19293,17 @@
 	      var targetValue = event.target.value;
 	      var _this$$props2 = this.$props,
 	        value = _this$$props2.value,
-	        strictSelection = _this$$props2.strictSelection,
-	        size = _this$$props2.size,
-	        autosuggest = _this$$props2.autosuggest;
+	        size = _this$$props2.size;
 	      if (value !== undefined) {
 	        this.isPending = true;
 	      }
 	      // if a suggestion was selected, delegate the handling to suggestion handler
 	      if (event.key === 'Enter' && (highlightedIndex === null || highlightedIndex < 0 || highlightedIndex === [].concat([].concat(this.suggestionsList).slice(0, size || 10), this.defaultSearchSuggestions, this.topSuggestions).length)) {
 	        this.isPending = false;
-	        this.setValue(this.$options.isTagsMode && autosuggest && strictSelection ? '' : targetValue, true, this.$props, undefined, false);
-	        this.onValueSelectedHandler(targetValue, lib_7.ENTER_PRESS);
+	        if (!this.isSuggestionSelected) {
+	          this.setValue(targetValue, true, this.$props, undefined, false);
+	          this.onValueSelectedHandler(targetValue, lib_7.ENTER_PRESS);
+	        }
 	      }
 	      // Need to review
 	      this.$emit('keyDown', event, this.triggerQuery);
@@ -19315,11 +19339,16 @@
 	      }
 	    },
 	    onSuggestionSelected: function onSuggestionSelected(suggestion) {
+	      var _this3 = this;
 	      var value = this.$props.value;
 	      // Record analytics for selected suggestions
 	      this.triggerClickAnalytics(suggestion._click_id);
 	      if (value === undefined) {
 	        this.setValue(suggestion.value, true, this.$props, lib_7.SUGGESTION_SELECT);
+	        this.isSuggestionSelected = true;
+	        setTimeout(function () {
+	          _this3.isSuggestionSelected = false;
+	        }, 50);
 	      } else if (this.$options.isTagsMode) {
 	        var emitValue = Array.isArray(this.selectedTags) ? [].concat(this.selectedTags) : [];
 	        if (this.selectedTags.includes(suggestion.value)) {
@@ -19425,7 +19454,7 @@
 	      return null;
 	    },
 	    renderTag: function renderTag(item) {
-	      var _this3 = this;
+	      var _this4 = this;
 	      var h = this.$createElement;
 	      var innerClass = this.$props.innerClass;
 	      return h(TagItem, {
@@ -19438,7 +19467,7 @@
 	        "class": "close-icon",
 	        "on": {
 	          "click": function click() {
-	            return _this3.clearTag(item);
+	            return _this4.clearTag(item);
 	          }
 	        }
 	      }, [h(CancelSvg)])]);
@@ -19460,7 +19489,7 @@
 	      }
 	    },
 	    renderTags: function renderTags() {
-	      var _this4 = this;
+	      var _this5 = this;
 	      var h = this.$createElement;
 	      if (!Array.isArray(this.selectedTags)) {
 	        return null;
@@ -19473,7 +19502,7 @@
 	        handleClear: this.clearTag,
 	        handleClearAll: this.clearAllTags
 	      }) : h(TagsContainer, [tagsList.map(function (item) {
-	        return _this4.renderTag(item);
+	        return _this5.renderTag(item);
 	      }), shouldRenderClearAllTag && h(TagItem, {
 	        "class": getClassName$3(this.$props.innerClass, 'selected-tag') || ''
 	      }, [h("span", ["Clear All"]), h("span", {
@@ -19552,7 +19581,7 @@
 	      (_this$$refs = this.$refs) == null || (_this$$refs = _this$$refs[this.$props.innerRef]) == null ? void 0 : _this$$refs.focus(); // eslint-disable-line
 	    },
 	    listenForFocusShortcuts: function listenForFocusShortcuts() {
-	      var _this5 = this;
+	      var _this6 = this;
 	      var _this$$props$focusSho = this.$props.focusShortcuts,
 	        focusShortcuts = _this$$props$focusSho === void 0 ? ['/'] : _this$$props$focusSho;
 	      if (isEmpty(focusShortcuts)) {
@@ -19567,7 +19596,7 @@
 	      function (event, handler) {
 	        // Prevent the default refresh event under WINDOWS system
 	        event.preventDefault();
-	        _this5.focusSearchBox(event);
+	        _this6.focusSearchBox(event);
 	      });
 
 	      // if one of modifier keys are used, they are handled below
@@ -19577,7 +19606,7 @@
 	        for (var index = 0; index < modifierKeys.length; index += 1) {
 	          var element = modifierKeys[index];
 	          if (hotkeys[element]) {
-	            _this5.focusSearchBox(event);
+	            _this6.focusSearchBox(event);
 	            break;
 	          }
 	        }
@@ -19585,7 +19614,7 @@
 	    }
 	  },
 	  render: function render() {
-	    var _this6 = this;
+	    var _this7 = this;
 	    var h = arguments[0];
 	    var _this$$props6 = this.$props,
 	      theme = _this$$props6.theme,
@@ -19620,14 +19649,14 @@
 	            highlightedIndex = _ref4.highlightedIndex,
 	            setHighlightedIndex = _ref4.setHighlightedIndex;
 	          var renderSuggestionsContainer = function renderSuggestionsContainer() {
-	            return h("div", [_this6.hasCustomRenderer && _this6.getComponent({
+	            return h("div", [_this7.hasCustomRenderer && _this7.getComponent({
 	              isOpen: isOpen,
 	              getItemProps: getItemProps,
 	              getItemEvents: getItemEvents,
 	              highlightedIndex: highlightedIndex
-	            }), _this6.renderErrorComponent(), !_this6.hasCustomRenderer && isOpen && hasSuggestions ? h("ul", {
-	              "class": suggestions$1(_this6.themePreset, theme) + " " + getClassName$3(_this6.$props.innerClass, 'list')
-	            }, [_this6.suggestionsList.slice(0, size || 10).map(function (item, index) {
+	            }), _this7.renderErrorComponent(), !_this7.hasCustomRenderer && isOpen && hasSuggestions ? h("ul", {
+	              "class": suggestions$1(_this7.themePreset, theme) + " " + getClassName$3(_this7.$props.innerClass, 'list')
+	            }, [_this7.suggestionsList.slice(0, size || 10).map(function (item, index) {
 	              return h("li", {
 	                "domProps": _extends({}, getItemProps({
 	                  item: item
@@ -19637,15 +19666,15 @@
 	                })),
 	                "key": index + 1 + "-" + item.value,
 	                "style": {
-	                  backgroundColor: _this6.getBackgroundColor(highlightedIndex, index)
+	                  backgroundColor: _this7.getBackgroundColor(highlightedIndex, index)
 	                }
 	              }, [h(SuggestionItem, {
 	                "attrs": {
-	                  "currentValue": _this6.currentValue,
+	                  "currentValue": _this7.currentValue,
 	                  "suggestion": item
 	                }
 	              })]);
-	            }), _this6.defaultSearchSuggestions.map(function (sugg, index) {
+	            }), _this7.defaultSearchSuggestions.map(function (sugg, index) {
 	              return h("li", {
 	                "domProps": _extends({}, getItemProps({
 	                  item: sugg
@@ -19653,9 +19682,9 @@
 	                "on": _extends({}, getItemEvents({
 	                  item: sugg
 	                })),
-	                "key": _this6.suggestionsList.length + index + 1 + "-" + sugg.value,
+	                "key": _this7.suggestionsList.length + index + 1 + "-" + sugg.value,
 	                "style": {
-	                  backgroundColor: _this6.getBackgroundColor(highlightedIndex, _this6.suggestionsList.length + index),
+	                  backgroundColor: _this7.getBackgroundColor(highlightedIndex, _this7.suggestionsList.length + index),
 	                  justifyContent: 'flex-start'
 	                }
 	              }, [h("div", {
@@ -19664,28 +19693,28 @@
 	                }
 	              }, [sugg.source && sugg.source._recent_search && h(CustomSvg, {
 	                "attrs": {
-	                  "className": getClassName$3(_this6.$props.innerClass, 'recent-search-icon') || null,
+	                  "className": getClassName$3(_this7.$props.innerClass, 'recent-search-icon') || null,
 	                  "icon": recentSearchesIcon,
 	                  "type": "recent-search-icon"
 	                }
 	              }), sugg.source && sugg.source._popular_suggestion && h(CustomSvg, {
 	                "attrs": {
-	                  "className": getClassName$3(_this6.$props.innerClass, 'popular-search-icon') || null,
+	                  "className": getClassName$3(_this7.$props.innerClass, 'popular-search-icon') || null,
 	                  "icon": popularSearchesIcon,
 	                  "type": "popular-search-icon"
 	                }
 	              })]), h(SuggestionItem, {
 	                "attrs": {
-	                  "currentValue": _this6.currentValue,
+	                  "currentValue": _this7.currentValue,
 	                  "suggestion": sugg
 	                }
 	              })]);
-	            }), hasQuerySuggestionsRenderer(_this6) ? _this6.getComponent({
+	            }), hasQuerySuggestionsRenderer(_this7) ? _this7.getComponent({
 	              isOpen: isOpen,
 	              getItemProps: getItemProps,
 	              getItemEvents: getItemEvents,
 	              highlightedIndex: highlightedIndex
-	            }, true) : _this6.topSuggestions.map(function (sugg, index) {
+	            }, true) : _this7.topSuggestions.map(function (sugg, index) {
 	              return h("li", {
 	                "domProps": _extends({}, getItemProps({
 	                  item: sugg
@@ -19693,9 +19722,9 @@
 	                "on": _extends({}, getItemEvents({
 	                  item: sugg
 	                })),
-	                "key": _this6.suggestionsList.length + index + 1 + "-" + sugg.value,
+	                "key": _this7.suggestionsList.length + index + 1 + "-" + sugg.value,
 	                "style": {
-	                  backgroundColor: _this6.getBackgroundColor(highlightedIndex, _this6.suggestionsList.length + index),
+	                  backgroundColor: _this7.getBackgroundColor(highlightedIndex, _this7.suggestionsList.length + index),
 	                  justifyContent: 'flex-start'
 	                }
 	              }, [h("div", {
@@ -19704,58 +19733,58 @@
 	                }
 	              }, [h(CustomSvg, {
 	                "attrs": {
-	                  "className": getClassName$3(_this6.$props.innerClass, 'popular-search-icon') || null,
+	                  "className": getClassName$3(_this7.$props.innerClass, 'popular-search-icon') || null,
 	                  "icon": popularSearchesIcon,
 	                  "type": "popular-search-icon"
 	                }
 	              })]), h(SuggestionItem, {
 	                "attrs": {
-	                  "currentValue": _this6.currentValue,
+	                  "currentValue": _this7.currentValue,
 	                  "suggestion": sugg
 	                }
 	              })]);
-	            })]) : _this6.renderNoSuggestions(_this6.suggestionsList)]);
+	            })]) : _this7.renderNoSuggestions(_this7.suggestionsList)]);
 	          };
 	          return h("div", {
 	            "class": suggestionsContainer
-	          }, [h(InputGroup, [_this6.renderInputAddonBefore(), h(InputWrapper, [h(Input, {
+	          }, [h(InputGroup, [_this7.renderInputAddonBefore(), h(InputWrapper, [h(Input, {
 	            "attrs": {
-	              "id": _this6.$props.componentId + "-input",
-	              "showIcon": _this6.$props.showIcon,
-	              "showClear": _this6.$props.showClear,
-	              "iconPosition": _this6.$props.iconPosition,
-	              "placeholder": _this6.$props.placeholder,
-	              "autoFocus": _this6.$props.autoFocus,
-	              "themePreset": _this6.themePreset,
+	              "id": _this7.$props.componentId + "-input",
+	              "showIcon": _this7.$props.showIcon,
+	              "showClear": _this7.$props.showClear,
+	              "iconPosition": _this7.$props.iconPosition,
+	              "placeholder": _this7.$props.placeholder,
+	              "autoFocus": _this7.$props.autoFocus,
+	              "themePreset": _this7.themePreset,
 	              "autocomplete": "off"
 	            },
-	            "ref": _this6.$props.innerRef,
-	            "class": getClassName$3(_this6.$props.innerClass, 'input'),
+	            "ref": _this7.$props.innerRef,
+	            "class": getClassName$3(_this7.$props.innerClass, 'input'),
 	            "on": _extends({}, getInputEvents({
-	              onInput: _this6.onInputChange,
+	              onInput: _this7.onInputChange,
 	              onBlur: function onBlur(e) {
-	                _this6.$emit('blur', e, _this6.triggerQuery);
+	                _this7.$emit('blur', e, _this7.triggerQuery);
 	              },
-	              onFocus: _this6.handleFocus,
+	              onFocus: _this7.handleFocus,
 	              onKeyPress: function onKeyPress(e) {
-	                _this6.$emit('keyPress', e, _this6.triggerQuery);
-	                _this6.$emit('key-press', e, _this6.triggerQuery);
+	                _this7.$emit('keyPress', e, _this7.triggerQuery);
+	                _this7.$emit('key-press', e, _this7.triggerQuery);
 	              },
 	              onKeyDown: function onKeyDown(e) {
-	                return _this6.handleKeyDown(e, highlightedIndex);
+	                return _this7.handleKeyDown(e, highlightedIndex);
 	              },
 	              onKeyUp: function onKeyUp(e) {
-	                _this6.$emit('keyUp', e, _this6.triggerQuery);
-	                _this6.$emit('key-up', e, _this6.triggerQuery);
+	                _this7.$emit('keyUp', e, _this7.triggerQuery);
+	                _this7.$emit('key-up', e, _this7.triggerQuery);
 	              },
 	              onClick: function onClick() {
 	                setHighlightedIndex(null);
 	              }
 	            })),
 	            "domProps": _extends({}, getInputProps({
-	              value: _this6.$data.currentValue === null || typeof _this6.$data.currentValue !== 'string' ? '' : _this6.$data.currentValue
+	              value: _this7.$data.currentValue === null || typeof _this7.$data.currentValue !== 'string' ? '' : _this7.$data.currentValue
 	            }))
-	          }), _this6.renderIcons(), !expandSuggestionsContainer && renderSuggestionsContainer()]), ' ', _this6.renderInputAddonAfter()]), expandSuggestionsContainer && renderSuggestionsContainer(), _this6.renderTags()]);
+	          }), _this7.renderIcons(), !expandSuggestionsContainer && renderSuggestionsContainer()]), ' ', _this7.renderInputAddonAfter()]), expandSuggestionsContainer && renderSuggestionsContainer(), _this7.renderTags()]);
 	        }
 	      }
 	    }) : h("div", {
@@ -19771,22 +19800,22 @@
 	      },
 	      "on": _extends({}, {
 	        blur: function blur(e) {
-	          _this6.$emit('blur', e, _this6.triggerQuery);
+	          _this7.$emit('blur', e, _this7.triggerQuery);
 	        },
 	        keypress: function keypress(e) {
-	          _this6.$emit('keyPress', e, _this6.triggerQuery);
-	          _this6.$emit('key-press', e, _this6.triggerQuery);
+	          _this7.$emit('keyPress', e, _this7.triggerQuery);
+	          _this7.$emit('key-press', e, _this7.triggerQuery);
 	        },
 	        input: this.onInputChange,
 	        focus: function focus(e) {
-	          _this6.$emit('focus', e, _this6.triggerQuery);
+	          _this7.$emit('focus', e, _this7.triggerQuery);
 	        },
 	        keydown: function keydown(e) {
-	          _this6.handleKeyDown(e, null);
+	          _this7.handleKeyDown(e, null);
 	        },
 	        keyup: function keyup(e) {
-	          _this6.$emit('keyUp', e, _this6.triggerQuery);
-	          _this6.$emit('key-up', e, _this6.triggerQuery);
+	          _this7.$emit('keyUp', e, _this7.triggerQuery);
+	          _this7.$emit('key-up', e, _this7.triggerQuery);
 	        }
 	      }),
 	      "domProps": _extends({}, {
@@ -20031,7 +20060,8 @@
 	      currentValue: '',
 	      selectedTags: [],
 	      isOpen: false,
-	      normalizedSuggestions: []
+	      normalizedSuggestions: [],
+	      isSuggestionSelected: false
 	    };
 	    this.internalComponent = props.componentId + "__internal";
 	    return this.__state;
@@ -20231,7 +20261,9 @@
 	        if (this.$options.isTagsMode) {
 	          cause = lib_7.SUGGESTION_SELECT;
 	        }
-	        this.setValue(newVal || '', true, this.$props, cause);
+	        if (!this.isSuggestionSelected) {
+	          this.setValue(newVal || '', true, this.$props, cause);
+	        }
 	      }
 	    },
 	    focusShortcuts: function focusShortcuts() {
@@ -20360,10 +20392,11 @@
 	        categoryValue = undefined;
 	      }
 	      var performUpdate = function performUpdate() {
+	        var isTagAdded = false;
 	        if (_this.$options.isTagsMode && isEqual$5(value, _this.selectedTags)) {
 	          return;
 	        }
-	        if (_this.$options.isTagsMode && cause === lib_7.SUGGESTION_SELECT) {
+	        if (_this.$options.isTagsMode) {
 	          if (Array.isArray(_this.selectedTags) && _this.selectedTags.length) {
 	            // check if value already present in selectedTags
 	            if (typeof value === 'string' && _this.selectedTags.includes(value)) {
@@ -20372,14 +20405,36 @@
 	            }
 	            _this.selectedTags = [].concat(_this.selectedTags);
 	            if (typeof value === 'string' && !!value) {
-	              _this.selectedTags.push(value);
+	              if (props.strictSelection && cause === lib_7.SUGGESTION_SELECT) {
+	                _this.selectedTags.push(value);
+	                isTagAdded = true;
+	              } else if (!props.strictSelection) {
+	                _this.selectedTags.push(value);
+	                isTagAdded = true;
+	              }
 	            } else if (Array.isArray(value) && !isEqual$5(_this.selectedTags, value)) {
-	              _this.selectedTags = value;
+	              if (props.strictSelection && cause === lib_7.SUGGESTION_SELECT) {
+	                _this.selectedTags = value;
+	                isTagAdded = true;
+	              } else if (!props.strictSelection) {
+	                _this.selectedTags.push(value);
+	                isTagAdded = true;
+	              }
 	            }
 	          } else if (value) {
-	            _this.selectedTags = typeof value !== 'string' ? value : [].concat(value);
+	            if (props.strictSelection && cause === lib_7.SUGGESTION_SELECT) {
+	              _this.selectedTags = typeof value !== 'string' ? value : [].concat(value);
+	              isTagAdded = true;
+	            } else if (!props.strictSelection) {
+	              _this.selectedTags = typeof value !== 'string' ? value : [].concat(value);
+	              isTagAdded = true;
+	            }
+	          }
+	          if (props.strictSelection && !isTagAdded) {
+	            _this.currentValue = value;
+	          } else {
+	            _this.currentValue = '';
 	          }
-	          _this.currentValue = '';
 	        } else {
 	          _this.currentValue = decodeHtml(value);
 	        }
@@ -20392,16 +20447,22 @@
 	            if (toggleIsOpen) {
 	              _this.isOpen = false;
 	            }
-	            if (typeof _this.currentValue === 'string') _this.triggerDefaultQuery(_this.currentValue);
+	            if (typeof _this.currentValue === 'string') {
+	              if (_this.$options.isTagsMode && props.strictSelection && isTagAdded) {
+	                _this.triggerDefaultQuery(_this.currentValue);
+	              } else if (!_this.$options.isTagsMode) {
+	                _this.triggerDefaultQuery(_this.currentValue);
+	              }
+	            }
 	          } // in case of strict selection only SUGGESTION_SELECT should be able
 	          // to set the query otherwise the value should reset
-	          if (props.strictSelection) {
+	          if (_this.$options.isTagsMode && props.strictSelection && isTagAdded) {
 	            if (cause === lib_7.SUGGESTION_SELECT || (_this.$options.isTagsMode ? _this.selectedTags.length === 0 : value === '')) {
 	              _this.triggerCustomQuery(queryHandlerValue, _this.$options.isTagsMode ? undefined : categoryValue);
-	            } else {
+	            } else if (!props.strictSelection) {
 	              _this.setValue('', true);
 	            }
-	          } else if (props.value === undefined || cause === lib_7.SUGGESTION_SELECT || cause === lib_7.CLEAR_VALUE) {
+	          } else if (!_this.$options.isTagsMode && (props.value === undefined || cause === lib_7.SUGGESTION_SELECT || cause === lib_7.CLEAR_VALUE)) {
 	            _this.triggerCustomQuery(queryHandlerValue, _this.$options.isTagsMode ? undefined : categoryValue);
 	          }
 	        } else {
@@ -20520,6 +20581,7 @@
 	      this.onValueSelectedHandler('', lib_7.CLEAR_VALUE);
 	    },
 	    handleKeyDown: function handleKeyDown(event, highlightedIndex) {
+	      var _this2 = this;
 	      if (highlightedIndex === void 0) {
 	        highlightedIndex = null;
 	      }
@@ -20528,7 +20590,11 @@
 	        if (this.$props.autosuggest === false) {
 	          this.enterButtonOnClick();
 	        } else if (highlightedIndex === null) {
-	          this.setValue(event.target.value, true, this.$props, this.$options.isTagsMode ? lib_7.SUGGESTION_SELECT : undefined // to handle tags
+	          this.isSuggestionSelected = true;
+	          setTimeout(function () {
+	            _this2.isSuggestionSelected = false;
+	          }, 50);
+	          this.setValue(event.target.value, true, this.$props, undefined // to handle tags
 	          );
 
 	          this.onValueSelectedHandler(event.target.value, lib_7.ENTER_PRESS);
@@ -20540,7 +20606,7 @@
 	      this.$emit('key-down', event, this.triggerQuery);
 	    },
 	    onInputChange: function onInputChange(e) {
-	      var _this2 = this;
+	      var _this3 = this;
 	      var inputValue = e.target.value;
 	      if (!this.$data.isOpen && this.$props.autosuggest) {
 	        this.isOpen = true;
@@ -20551,7 +20617,7 @@
 	      } else {
 	        this.$emit('change', inputValue, function (_ref3) {
 	          var isOpen = _ref3.isOpen;
-	          return _this2.triggerQuery({
+	          return _this3.triggerQuery({
 	            defaultQuery: true,
 	            customQuery: true,
 	            value: inputValue,
@@ -20561,7 +20627,7 @@
 	      }
 	    },
 	    onSuggestionSelected: function onSuggestionSelected(suggestion) {
-	      var _this3 = this;
+	      var _this4 = this;
 	      this.isOpen = false;
 	      var value = this.$props.value;
 	      // Record analytics for selected suggestions
@@ -20582,10 +20648,10 @@
 	        this.setValue(emitValue, true, this.$props, lib_7.SUGGESTION_SELECT, false, suggestion._category);
 	        this.$emit('change', emitValue, function (_ref4) {
 	          var isOpen = _ref4.isOpen;
-	          return _this3.triggerQuery(_extends({
+	          return _this4.triggerQuery(_extends({
 	            isOpen: isOpen,
 	            value: emitValue
-	          }, !_this3.$options.isTagsMode && {
+	          }, !_this4.$options.isTagsMode && {
 	            categoryValue: suggestion._category
 	          }));
 	        });
@@ -20700,7 +20766,7 @@
 	      });
 	    },
 	    renderEnterButtonElement: function renderEnterButtonElement() {
-	      var _this4 = this;
+	      var _this5 = this;
 	      var h = this.$createElement;
 	      var _this$$props4 = this.$props,
 	        enterButton = _this$$props4.enterButton,
@@ -20709,7 +20775,7 @@
 	      if (enterButton) {
 	        var getEnterButtonMarkup = function getEnterButtonMarkup() {
 	          if (renderEnterButton) {
-	            return renderEnterButton(_this4.enterButtonOnClick);
+	            return renderEnterButton(_this5.enterButtonOnClick);
 	          }
 	          return h(Button, {
 	            "class": "enter-btn " + getClassName$4(innerClass, 'enter-button'),
@@ -20717,7 +20783,7 @@
 	              "primary": true
 	            },
 	            "on": {
-	              "click": _this4.enterButtonOnClick
+	              "click": _this5.enterButtonOnClick
 	            }
 	          }, ["Search"]);
 	        };
@@ -20784,7 +20850,7 @@
 	      (_this$$refs = this.$refs) == null || (_this$$refs = _this$$refs[this.$props.innerRef]) == null ? void 0 : _this$$refs.focus(); // eslint-disable-line
 	    },
 	    listenForFocusShortcuts: function listenForFocusShortcuts() {
-	      var _this5 = this;
+	      var _this6 = this;
 	      var _this$$props$focusSho = this.$props.focusShortcuts,
 	        focusShortcuts = _this$$props$focusSho === void 0 ? ['/'] : _this$$props$focusSho;
 	      if (isEmpty(focusShortcuts)) {
@@ -20799,7 +20865,7 @@
 	      function (event, handler) {
 	        // Prevent the default refresh event under WINDOWS system
 	        event.preventDefault();
-	        _this5.focusSearchBox(event);
+	        _this6.focusSearchBox(event);
 	      });
 
 	      // if one of modifier keys are used, they are handled below
@@ -20809,7 +20875,7 @@
 	        for (var index = 0; index < modifierKeys.length; index += 1) {
 	          var element = modifierKeys[index];
 	          if (hotkeys[element]) {
-	            _this5.focusSearchBox(event);
+	            _this6.focusSearchBox(event);
 	            break;
 	          }
 	        }
@@ -20822,11 +20888,11 @@
 	      this.triggerDefaultQuery(value);
 	    },
 	    renderAutoFill: function renderAutoFill(suggestion) {
-	      var _this6 = this;
+	      var _this7 = this;
 	      var h = this.$createElement;
 	      var handleAutoFillClick = function handleAutoFillClick(e) {
 	        e.stopPropagation();
-	        _this6.onAutofillClick(suggestion);
+	        _this7.onAutofillClick(suggestion);
 	      };
 	      /* 👇 avoid showing autofill for category suggestions👇 */
 	      return suggestion._category ? null : h(AutoFillSvg, {
@@ -20836,7 +20902,7 @@
 	      });
 	    },
 	    renderTag: function renderTag(item) {
-	      var _this7 = this;
+	      var _this8 = this;
 	      var h = this.$createElement;
 	      var innerClass = this.$props.innerClass;
 	      return h(TagItem, {
@@ -20849,7 +20915,7 @@
 	        "class": "close-icon",
 	        "on": {
 	          "click": function click() {
-	            return _this7.clearTag(item);
+	            return _this8.clearTag(item);
 	          }
 	        }
 	      }, [h(CancelSvg)])]);
@@ -20871,7 +20937,7 @@
 	      }
 	    },
 	    renderTags: function renderTags() {
-	      var _this8 = this;
+	      var _this9 = this;
 	      var h = this.$createElement;
 	      if (!Array.isArray(this.selectedTags)) {
 	        return null;
@@ -20884,7 +20950,7 @@
 	        handleClear: this.clearTag,
 	        handleClearAll: this.clearAllTags
 	      }) : h(TagsContainer, [tagsList.map(function (item) {
-	        return _this8.renderTag(item);
+	        return _this9.renderTag(item);
 	      }), shouldRenderClearAllTag && h(TagItem, {
 	        "class": getClassName$4(this.$props.innerClass, 'selected-tag') || ''
 	      }, [h("span", ["Clear All"]), h("span", {
@@ -20900,7 +20966,7 @@
 	    }
 	  },
 	  render: function render() {
-	    var _this9 = this;
+	    var _this10 = this;
 	    var h = arguments[0];
 	    var _this$$props6 = this.$props,
 	      theme = _this$$props6.theme,
@@ -20941,14 +21007,14 @@
 	                  return null;
 	              }
 	            };
-	            return h("div", [_this9.hasCustomRenderer && _this9.getComponent({
+	            return h("div", [_this10.hasCustomRenderer && _this10.getComponent({
 	              isOpen: isOpen,
 	              getItemProps: getItemProps,
 	              getItemEvents: getItemEvents,
 	              highlightedIndex: highlightedIndex
-	            }), _this9.renderErrorComponent(), !_this9.hasCustomRenderer && isOpen && hasSuggestions ? h("ul", {
-	              "class": suggestions$1(_this9.themePreset, theme) + " " + getClassName$4(_this9.$props.innerClass, 'list')
-	            }, [_this9.normalizedSuggestions.map(function (item, index) {
+	            }), _this10.renderErrorComponent(), !_this10.hasCustomRenderer && isOpen && hasSuggestions ? h("ul", {
+	              "class": suggestions$1(_this10.themePreset, theme) + " " + getClassName$4(_this10.$props.innerClass, 'list')
+	            }, [_this10.normalizedSuggestions.map(function (item, index) {
 	              return renderItem ? h("li", {
 	                "domProps": _extends({}, getItemProps({
 	                  item: item
@@ -20958,7 +21024,7 @@
 	                })),
 	                "key": index + 1 + "-" + item.value,
 	                "style": {
-	                  backgroundColor: _this9.getBackgroundColor(highlightedIndex, index),
+	                  backgroundColor: _this10.getBackgroundColor(highlightedIndex, index),
 	                  justifyContent: 'flex-start',
 	                  alignItems: 'center'
 	                }
@@ -20971,7 +21037,7 @@
 	                })),
 	                "key": index + 1 + "-" + item.value,
 	                "style": {
-	                  backgroundColor: _this9.getBackgroundColor(highlightedIndex, index),
+	                  backgroundColor: _this10.getBackgroundColor(highlightedIndex, index),
 	                  justifyContent: 'flex-start',
 	                  alignItems: 'center'
 	                }
@@ -20982,58 +21048,58 @@
 	                }
 	              }, [h(CustomSvg, {
 	                "attrs": {
-	                  "className": getClassName$4(_this9.$props.innerClass, item._suggestion_type + "-search-icon") || null,
+	                  "className": getClassName$4(_this10.$props.innerClass, item._suggestion_type + "-search-icon") || null,
 	                  "icon": getIcon(item._suggestion_type),
 	                  "type": item._suggestion_type + "-search-icon"
 	                }
 	              })]), h(SuggestionItem, {
 	                "attrs": {
-	                  "currentValue": _this9.currentValue,
+	                  "currentValue": _this10.currentValue,
 	                  "suggestion": item
 	                }
-	              }), _this9.renderAutoFill(item)]);
-	            })]) : _this9.renderNoSuggestions(_this9.normalizedSuggestions)]);
+	              }), _this10.renderAutoFill(item)]);
+	            })]) : _this10.renderNoSuggestions(_this10.normalizedSuggestions)]);
 	          };
 	          return h("div", {
 	            "class": suggestionsContainer
-	          }, [h(InputGroup, [_this9.renderInputAddonBefore(), h(InputWrapper, [h(Input, {
+	          }, [h(InputGroup, [_this10.renderInputAddonBefore(), h(InputWrapper, [h(Input, {
 	            "attrs": {
-	              "id": _this9.$props.componentId + "-input",
-	              "showIcon": _this9.$props.showIcon,
-	              "showClear": _this9.$props.showClear,
-	              "iconPosition": _this9.$props.iconPosition,
-	              "placeholder": _this9.$props.placeholder,
-	              "autoFocus": _this9.$props.autoFocus,
-	              "themePreset": _this9.themePreset,
+	              "id": _this10.$props.componentId + "-input",
+	              "showIcon": _this10.$props.showIcon,
+	              "showClear": _this10.$props.showClear,
+	              "iconPosition": _this10.$props.iconPosition,
+	              "placeholder": _this10.$props.placeholder,
+	              "autoFocus": _this10.$props.autoFocus,
+	              "themePreset": _this10.themePreset,
 	              "autocomplete": "off"
 	            },
-	            "ref": _this9.$props.innerRef,
-	            "class": getClassName$4(_this9.$props.innerClass, 'input'),
+	            "ref": _this10.$props.innerRef,
+	            "class": getClassName$4(_this10.$props.innerClass, 'input'),
 	            "on": _extends({}, getInputEvents({
-	              onInput: _this9.onInputChange,
+	              onInput: _this10.onInputChange,
 	              onBlur: function onBlur(e) {
-	                _this9.$emit('blur', e, _this9.triggerQuery);
+	                _this10.$emit('blur', e, _this10.triggerQuery);
 	              },
-	              onFocus: _this9.handleFocus,
+	              onFocus: _this10.handleFocus,
 	              onKeyPress: function onKeyPress(e) {
-	                _this9.$emit('keyPress', e, _this9.triggerQuery);
-	                _this9.$emit('key-press', e, _this9.triggerQuery);
+	                _this10.$emit('keyPress', e, _this10.triggerQuery);
+	                _this10.$emit('key-press', e, _this10.triggerQuery);
 	              },
 	              onKeyDown: function onKeyDown(e) {
-	                return _this9.handleKeyDown(e, highlightedIndex);
+	                return _this10.handleKeyDown(e, highlightedIndex);
 	              },
 	              onKeyUp: function onKeyUp(e) {
-	                _this9.$emit('keyUp', e, _this9.triggerQuery);
-	                _this9.$emit('key-up', e, _this9.triggerQuery);
+	                _this10.$emit('keyUp', e, _this10.triggerQuery);
+	                _this10.$emit('key-up', e, _this10.triggerQuery);
 	              },
 	              onClick: function onClick() {
 	                setHighlightedIndex(null);
 	              }
 	            })),
 	            "domProps": _extends({}, getInputProps({
-	              value: _this9.$data.currentValue === null ? '' : _this9.$data.currentValue
+	              value: _this10.$data.currentValue === null ? '' : _this10.$data.currentValue
 	            }))
-	          }), _this9.renderIcons(), !expandSuggestionsContainer && renderSuggestionsDropdown()]), _this9.renderInputAddonAfter(), _this9.renderEnterButtonElement()]), expandSuggestionsContainer && renderSuggestionsDropdown(), _this9.renderTags()]);
+	          }), _this10.renderIcons(), !expandSuggestionsContainer && renderSuggestionsDropdown()]), _this10.renderInputAddonAfter(), _this10.renderEnterButtonElement()]), expandSuggestionsContainer && renderSuggestionsDropdown(), _this10.renderTags()]);
 	        }
 	      }
 	    }) : h("div", {
@@ -21049,20 +21115,20 @@
 	      },
 	      "on": _extends({}, {
 	        blur: function blur(e) {
-	          _this9.$emit('blur', e, _this9.triggerQuery);
+	          _this10.$emit('blur', e, _this10.triggerQuery);
 	        },
 	        keypress: function keypress(e) {
-	          _this9.$emit('keyPress', e, _this9.triggerQuery);
-	          _this9.$emit('key-press', e, _this9.triggerQuery);
+	          _this10.$emit('keyPress', e, _this10.triggerQuery);
+	          _this10.$emit('key-press', e, _this10.triggerQuery);
 	        },
 	        input: this.onInputChange,
 	        focus: function focus(e) {
-	          _this9.$emit('focus', e, _this9.triggerQuery);
+	          _this10.$emit('focus', e, _this10.triggerQuery);
 	        },
 	        keydown: this.handleKeyDown,
 	        keyup: function keyup(e) {
-	          _this9.$emit('keyUp', e, _this9.triggerQuery);
-	          _this9.$emit('key-up', e, _this9.triggerQuery);
+	          _this10.$emit('keyUp', e, _this10.triggerQuery);
+	          _this10.$emit('key-up', e, _this10.triggerQuery);
 	        }
 	      }),
 	      "domProps": _extends({}, {
@@ -34923,7 +34989,7 @@
 	  });
 	}
 
-	var version = "1.35.2";
+	var version = "1.35.3";
 
 	var components$1 = [RLConnected, ResultCard, ResultList, ReactiveBase, DSConnected, SBConnected, ListConnected, ListConnected$1, RangeConnected$1, RangeConnected$2, RangeConnected$3, RangeConnected, RcConnected, RcConnected$1, RcConnected$2, TBConnected, ListConnected$2, ListConnected$3, StateProviderConnected, RangeConnected$4];
 	function install (Vue) {