@appbaseio/reactivesearch-vue 1.35.3 → 1.35.4

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

@@ -18720,8 +18720,7 @@
 	      selectedTags: [],
 	      isOpen: false,
 	      normalizedSuggestions: [],
-	      isPending: false,
-	      isSuggestionSelected: false
+	      isPending: false
 	    };
 	    this.internalComponent = props.componentId + "__internal";
 	    return this.__state;
@@ -18961,12 +18960,23 @@
 	        this.updateQueryHandler(this.componentId, this.$data.currentValue, this.$props);
 	      }
 	    },
+	    isLoading: function isLoading(newVal) {
+	      if (newVal) {
+	        this.suggestions = [];
+	      }
+	    },
 	    suggestions: function suggestions(newVal) {
+	      if (this.isLoading) {
+	        this.normalizedSuggestions = [];
+	        return;
+	      }
 	      if (Array.isArray(newVal) && this.$data.currentValue.trim().length) {
 	        // shallow check allows us to set suggestions even if the next set
 	        // of suggestions are same as the current one
 	        this.$emit('suggestions', newVal);
-	        this.normalizedSuggestions = this.onSuggestions(newVal);
+	        if (!isEqual$4(this.normalizedSuggestions, newVal)) {
+	          this.normalizedSuggestions = this.onSuggestions(newVal);
+	        }
 	      }
 	    },
 	    selectedValue: function selectedValue(newVal, oldVal) {
@@ -19100,13 +19110,10 @@
 	          return;
 	        }
 	        // Refresh recent searches when value becomes empty
-	        if (!value && props.enableDefaultSuggestions === false) {
-	          _this.resetStoreForComponent(props.componentId);
-	        } else if (!value && _this.currentValue && _this.enableRecentSearches) {
+	        if (props.enableDefaultSuggestions && !value && _this.currentValue && _this.enableRecentSearches) {
 	          _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)) {
@@ -19115,36 +19122,14 @@
 	            }
 	            _this.selectedTags = [].concat(_this.selectedTags);
 	            if (typeof value === 'string' && !!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;
-	              }
+	              _this.selectedTags.push(value);
 	            } else if (Array.isArray(value) && !isEqual$4(_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;
-	              }
+	              _this.selectedTags = value;
 	            }
 	          } else if (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.selectedTags = typeof value !== 'string' ? value : [].concat(value);
 	          }
+	          _this.currentValue = '';
 	        } else {
 	          _this.currentValue = value;
 	        }
@@ -19164,7 +19149,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 !== '' && !props.strictSelection) {
+	            } else if (_this.currentValue !== '') {
 	              _this.setValue('', true);
 	            }
 	          } else {
@@ -19183,7 +19168,7 @@
 	          _this.$emit('suggestions', _this.suggestions);
 	        } else if (!value) {
 	          // reset suggestions
-	          _this.suggestions = [];
+	          // this.suggestions = [];
 	          // invoke on suggestions
 	          _this.$emit('suggestions', _this.suggestions);
 	        }
@@ -19194,11 +19179,6 @@
 	      if (props === void 0) {
 	        props = this.$props;
 	      }
-	      if (!value && props.enableDefaultSuggestions === false) {
-	        // clear Component data from store
-	        this.resetStoreForComponent(props.componentId);
-	        return;
-	      }
 	      var defaultQueryOptions;
 	      var query = DataSearch.defaultQuery(value, props);
 	      if (this.defaultQuery) {
@@ -19293,17 +19273,17 @@
 	      var targetValue = event.target.value;
 	      var _this$$props2 = this.$props,
 	        value = _this$$props2.value,
-	        size = _this$$props2.size;
+	        strictSelection = _this$$props2.strictSelection,
+	        size = _this$$props2.size,
+	        autosuggest = _this$$props2.autosuggest;
 	      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;
-	        if (!this.isSuggestionSelected) {
-	          this.setValue(targetValue, true, this.$props, undefined, false);
-	          this.onValueSelectedHandler(targetValue, lib_7.ENTER_PRESS);
-	        }
+	        this.setValue(this.$options.isTagsMode && autosuggest && strictSelection ? '' : targetValue, true, this.$props, undefined, false);
+	        this.onValueSelectedHandler(targetValue, lib_7.ENTER_PRESS);
 	      }
 	      // Need to review
 	      this.$emit('keyDown', event, this.triggerQuery);
@@ -19339,16 +19319,11 @@
 	      }
 	    },
 	    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)) {
@@ -19454,7 +19429,7 @@
 	      return null;
 	    },
 	    renderTag: function renderTag(item) {
-	      var _this4 = this;
+	      var _this3 = this;
 	      var h = this.$createElement;
 	      var innerClass = this.$props.innerClass;
 	      return h(TagItem, {
@@ -19467,7 +19442,7 @@
 	        "class": "close-icon",
 	        "on": {
 	          "click": function click() {
-	            return _this4.clearTag(item);
+	            return _this3.clearTag(item);
 	          }
 	        }
 	      }, [h(CancelSvg)])]);
@@ -19489,7 +19464,7 @@
 	      }
 	    },
 	    renderTags: function renderTags() {
-	      var _this5 = this;
+	      var _this4 = this;
 	      var h = this.$createElement;
 	      if (!Array.isArray(this.selectedTags)) {
 	        return null;
@@ -19502,7 +19477,7 @@
 	        handleClear: this.clearTag,
 	        handleClearAll: this.clearAllTags
 	      }) : h(TagsContainer, [tagsList.map(function (item) {
-	        return _this5.renderTag(item);
+	        return _this4.renderTag(item);
 	      }), shouldRenderClearAllTag && h(TagItem, {
 	        "class": getClassName$3(this.$props.innerClass, 'selected-tag') || ''
 	      }, [h("span", ["Clear All"]), h("span", {
@@ -19581,7 +19556,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 _this6 = this;
+	      var _this5 = this;
 	      var _this$$props$focusSho = this.$props.focusShortcuts,
 	        focusShortcuts = _this$$props$focusSho === void 0 ? ['/'] : _this$$props$focusSho;
 	      if (isEmpty(focusShortcuts)) {
@@ -19596,7 +19571,7 @@
 	      function (event, handler) {
 	        // Prevent the default refresh event under WINDOWS system
 	        event.preventDefault();
-	        _this6.focusSearchBox(event);
+	        _this5.focusSearchBox(event);
 	      });
 
 	      // if one of modifier keys are used, they are handled below
@@ -19606,7 +19581,7 @@
 	        for (var index = 0; index < modifierKeys.length; index += 1) {
 	          var element = modifierKeys[index];
 	          if (hotkeys[element]) {
-	            _this6.focusSearchBox(event);
+	            _this5.focusSearchBox(event);
 	            break;
 	          }
 	        }
@@ -19614,7 +19589,7 @@
 	    }
 	  },
 	  render: function render() {
-	    var _this7 = this;
+	    var _this6 = this;
 	    var h = arguments[0];
 	    var _this$$props6 = this.$props,
 	      theme = _this$$props6.theme,
@@ -19649,14 +19624,14 @@
 	            highlightedIndex = _ref4.highlightedIndex,
 	            setHighlightedIndex = _ref4.setHighlightedIndex;
 	          var renderSuggestionsContainer = function renderSuggestionsContainer() {
-	            return h("div", [_this7.hasCustomRenderer && _this7.getComponent({
+	            return h("div", [_this6.hasCustomRenderer && _this6.getComponent({
 	              isOpen: isOpen,
 	              getItemProps: getItemProps,
 	              getItemEvents: getItemEvents,
 	              highlightedIndex: highlightedIndex
-	            }), _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) {
+	            }), _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) {
 	              return h("li", {
 	                "domProps": _extends({}, getItemProps({
 	                  item: item
@@ -19666,15 +19641,15 @@
 	                })),
 	                "key": index + 1 + "-" + item.value,
 	                "style": {
-	                  backgroundColor: _this7.getBackgroundColor(highlightedIndex, index)
+	                  backgroundColor: _this6.getBackgroundColor(highlightedIndex, index)
 	                }
 	              }, [h(SuggestionItem, {
 	                "attrs": {
-	                  "currentValue": _this7.currentValue,
+	                  "currentValue": _this6.currentValue,
 	                  "suggestion": item
 	                }
 	              })]);
-	            }), _this7.defaultSearchSuggestions.map(function (sugg, index) {
+	            }), _this6.defaultSearchSuggestions.map(function (sugg, index) {
 	              return h("li", {
 	                "domProps": _extends({}, getItemProps({
 	                  item: sugg
@@ -19682,9 +19657,9 @@
 	                "on": _extends({}, getItemEvents({
 	                  item: sugg
 	                })),
-	                "key": _this7.suggestionsList.length + index + 1 + "-" + sugg.value,
+	                "key": _this6.suggestionsList.length + index + 1 + "-" + sugg.value,
 	                "style": {
-	                  backgroundColor: _this7.getBackgroundColor(highlightedIndex, _this7.suggestionsList.length + index),
+	                  backgroundColor: _this6.getBackgroundColor(highlightedIndex, _this6.suggestionsList.length + index),
 	                  justifyContent: 'flex-start'
 	                }
 	              }, [h("div", {
@@ -19693,28 +19668,28 @@
 	                }
 	              }, [sugg.source && sugg.source._recent_search && h(CustomSvg, {
 	                "attrs": {
-	                  "className": getClassName$3(_this7.$props.innerClass, 'recent-search-icon') || null,
+	                  "className": getClassName$3(_this6.$props.innerClass, 'recent-search-icon') || null,
 	                  "icon": recentSearchesIcon,
 	                  "type": "recent-search-icon"
 	                }
 	              }), sugg.source && sugg.source._popular_suggestion && h(CustomSvg, {
 	                "attrs": {
-	                  "className": getClassName$3(_this7.$props.innerClass, 'popular-search-icon') || null,
+	                  "className": getClassName$3(_this6.$props.innerClass, 'popular-search-icon') || null,
 	                  "icon": popularSearchesIcon,
 	                  "type": "popular-search-icon"
 	                }
 	              })]), h(SuggestionItem, {
 	                "attrs": {
-	                  "currentValue": _this7.currentValue,
+	                  "currentValue": _this6.currentValue,
 	                  "suggestion": sugg
 	                }
 	              })]);
-	            }), hasQuerySuggestionsRenderer(_this7) ? _this7.getComponent({
+	            }), hasQuerySuggestionsRenderer(_this6) ? _this6.getComponent({
 	              isOpen: isOpen,
 	              getItemProps: getItemProps,
 	              getItemEvents: getItemEvents,
 	              highlightedIndex: highlightedIndex
-	            }, true) : _this7.topSuggestions.map(function (sugg, index) {
+	            }, true) : _this6.topSuggestions.map(function (sugg, index) {
 	              return h("li", {
 	                "domProps": _extends({}, getItemProps({
 	                  item: sugg
@@ -19722,9 +19697,9 @@
 	                "on": _extends({}, getItemEvents({
 	                  item: sugg
 	                })),
-	                "key": _this7.suggestionsList.length + index + 1 + "-" + sugg.value,
+	                "key": _this6.suggestionsList.length + index + 1 + "-" + sugg.value,
 	                "style": {
-	                  backgroundColor: _this7.getBackgroundColor(highlightedIndex, _this7.suggestionsList.length + index),
+	                  backgroundColor: _this6.getBackgroundColor(highlightedIndex, _this6.suggestionsList.length + index),
 	                  justifyContent: 'flex-start'
 	                }
 	              }, [h("div", {
@@ -19733,58 +19708,58 @@
 	                }
 	              }, [h(CustomSvg, {
 	                "attrs": {
-	                  "className": getClassName$3(_this7.$props.innerClass, 'popular-search-icon') || null,
+	                  "className": getClassName$3(_this6.$props.innerClass, 'popular-search-icon') || null,
 	                  "icon": popularSearchesIcon,
 	                  "type": "popular-search-icon"
 	                }
 	              })]), h(SuggestionItem, {
 	                "attrs": {
-	                  "currentValue": _this7.currentValue,
+	                  "currentValue": _this6.currentValue,
 	                  "suggestion": sugg
 	                }
 	              })]);
-	            })]) : _this7.renderNoSuggestions(_this7.suggestionsList)]);
+	            })]) : _this6.renderNoSuggestions(_this6.suggestionsList)]);
 	          };
 	          return h("div", {
 	            "class": suggestionsContainer
-	          }, [h(InputGroup, [_this7.renderInputAddonBefore(), h(InputWrapper, [h(Input, {
+	          }, [h(InputGroup, [_this6.renderInputAddonBefore(), h(InputWrapper, [h(Input, {
 	            "attrs": {
-	              "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,
+	              "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,
 	              "autocomplete": "off"
 	            },
-	            "ref": _this7.$props.innerRef,
-	            "class": getClassName$3(_this7.$props.innerClass, 'input'),
+	            "ref": _this6.$props.innerRef,
+	            "class": getClassName$3(_this6.$props.innerClass, 'input'),
 	            "on": _extends({}, getInputEvents({
-	              onInput: _this7.onInputChange,
+	              onInput: _this6.onInputChange,
 	              onBlur: function onBlur(e) {
-	                _this7.$emit('blur', e, _this7.triggerQuery);
+	                _this6.$emit('blur', e, _this6.triggerQuery);
 	              },
-	              onFocus: _this7.handleFocus,
+	              onFocus: _this6.handleFocus,
 	              onKeyPress: function onKeyPress(e) {
-	                _this7.$emit('keyPress', e, _this7.triggerQuery);
-	                _this7.$emit('key-press', e, _this7.triggerQuery);
+	                _this6.$emit('keyPress', e, _this6.triggerQuery);
+	                _this6.$emit('key-press', e, _this6.triggerQuery);
 	              },
 	              onKeyDown: function onKeyDown(e) {
-	                return _this7.handleKeyDown(e, highlightedIndex);
+	                return _this6.handleKeyDown(e, highlightedIndex);
 	              },
 	              onKeyUp: function onKeyUp(e) {
-	                _this7.$emit('keyUp', e, _this7.triggerQuery);
-	                _this7.$emit('key-up', e, _this7.triggerQuery);
+	                _this6.$emit('keyUp', e, _this6.triggerQuery);
+	                _this6.$emit('key-up', e, _this6.triggerQuery);
 	              },
 	              onClick: function onClick() {
 	                setHighlightedIndex(null);
 	              }
 	            })),
 	            "domProps": _extends({}, getInputProps({
-	              value: _this7.$data.currentValue === null || typeof _this7.$data.currentValue !== 'string' ? '' : _this7.$data.currentValue
+	              value: _this6.$data.currentValue === null || typeof _this6.$data.currentValue !== 'string' ? '' : _this6.$data.currentValue
 	            }))
-	          }), _this7.renderIcons(), !expandSuggestionsContainer && renderSuggestionsContainer()]), ' ', _this7.renderInputAddonAfter()]), expandSuggestionsContainer && renderSuggestionsContainer(), _this7.renderTags()]);
+	          }), _this6.renderIcons(), !expandSuggestionsContainer && renderSuggestionsContainer()]), ' ', _this6.renderInputAddonAfter()]), expandSuggestionsContainer && renderSuggestionsContainer(), _this6.renderTags()]);
 	        }
 	      }
 	    }) : h("div", {
@@ -19800,22 +19775,22 @@
 	      },
 	      "on": _extends({}, {
 	        blur: function blur(e) {
-	          _this7.$emit('blur', e, _this7.triggerQuery);
+	          _this6.$emit('blur', e, _this6.triggerQuery);
 	        },
 	        keypress: function keypress(e) {
-	          _this7.$emit('keyPress', e, _this7.triggerQuery);
-	          _this7.$emit('key-press', e, _this7.triggerQuery);
+	          _this6.$emit('keyPress', e, _this6.triggerQuery);
+	          _this6.$emit('key-press', e, _this6.triggerQuery);
 	        },
 	        input: this.onInputChange,
 	        focus: function focus(e) {
-	          _this7.$emit('focus', e, _this7.triggerQuery);
+	          _this6.$emit('focus', e, _this6.triggerQuery);
 	        },
 	        keydown: function keydown(e) {
-	          _this7.handleKeyDown(e, null);
+	          _this6.handleKeyDown(e, null);
 	        },
 	        keyup: function keyup(e) {
-	          _this7.$emit('keyUp', e, _this7.triggerQuery);
-	          _this7.$emit('key-up', e, _this7.triggerQuery);
+	          _this6.$emit('keyUp', e, _this6.triggerQuery);
+	          _this6.$emit('key-up', e, _this6.triggerQuery);
 	        }
 	      }),
 	      "domProps": _extends({}, {
@@ -20060,8 +20035,7 @@
 	      currentValue: '',
 	      selectedTags: [],
 	      isOpen: false,
-	      normalizedSuggestions: [],
-	      isSuggestionSelected: false
+	      normalizedSuggestions: []
 	    };
 	    this.internalComponent = props.componentId + "__internal";
 	    return this.__state;
@@ -20261,9 +20235,7 @@
 	        if (this.$options.isTagsMode) {
 	          cause = lib_7.SUGGESTION_SELECT;
 	        }
-	        if (!this.isSuggestionSelected) {
-	          this.setValue(newVal || '', true, this.$props, cause);
-	        }
+	        this.setValue(newVal || '', true, this.$props, cause);
 	      }
 	    },
 	    focusShortcuts: function focusShortcuts() {
@@ -20392,11 +20364,10 @@
 	        categoryValue = undefined;
 	      }
 	      var performUpdate = function performUpdate() {
-	        var isTagAdded = false;
 	        if (_this.$options.isTagsMode && isEqual$5(value, _this.selectedTags)) {
 	          return;
 	        }
-	        if (_this.$options.isTagsMode) {
+	        if (_this.$options.isTagsMode && cause === lib_7.SUGGESTION_SELECT) {
 	          if (Array.isArray(_this.selectedTags) && _this.selectedTags.length) {
 	            // check if value already present in selectedTags
 	            if (typeof value === 'string' && _this.selectedTags.includes(value)) {
@@ -20405,36 +20376,14 @@
 	            }
 	            _this.selectedTags = [].concat(_this.selectedTags);
 	            if (typeof value === 'string' && !!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;
-	              }
+	              _this.selectedTags.push(value);
 	            } else if (Array.isArray(value) && !isEqual$5(_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;
-	              }
+	              _this.selectedTags = value;
 	            }
 	          } else if (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.selectedTags = typeof value !== 'string' ? value : [].concat(value);
 	          }
+	          _this.currentValue = '';
 	        } else {
 	          _this.currentValue = decodeHtml(value);
 	        }
@@ -20447,22 +20396,16 @@
 	            if (toggleIsOpen) {
 	              _this.isOpen = false;
 	            }
-	            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);
-	              }
-	            }
+	            if (typeof _this.currentValue === 'string') _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 (_this.$options.isTagsMode && props.strictSelection && isTagAdded) {
+	          if (props.strictSelection) {
 	            if (cause === lib_7.SUGGESTION_SELECT || (_this.$options.isTagsMode ? _this.selectedTags.length === 0 : value === '')) {
 	              _this.triggerCustomQuery(queryHandlerValue, _this.$options.isTagsMode ? undefined : categoryValue);
-	            } else if (!props.strictSelection) {
+	            } else {
 	              _this.setValue('', true);
 	            }
-	          } else if (!_this.$options.isTagsMode && (props.value === undefined || cause === lib_7.SUGGESTION_SELECT || cause === lib_7.CLEAR_VALUE)) {
+	          } else if (props.value === undefined || cause === lib_7.SUGGESTION_SELECT || cause === lib_7.CLEAR_VALUE) {
 	            _this.triggerCustomQuery(queryHandlerValue, _this.$options.isTagsMode ? undefined : categoryValue);
 	          }
 	        } else {
@@ -20581,7 +20524,6 @@
 	      this.onValueSelectedHandler('', lib_7.CLEAR_VALUE);
 	    },
 	    handleKeyDown: function handleKeyDown(event, highlightedIndex) {
-	      var _this2 = this;
 	      if (highlightedIndex === void 0) {
 	        highlightedIndex = null;
 	      }
@@ -20590,11 +20532,7 @@
 	        if (this.$props.autosuggest === false) {
 	          this.enterButtonOnClick();
 	        } else if (highlightedIndex === null) {
-	          this.isSuggestionSelected = true;
-	          setTimeout(function () {
-	            _this2.isSuggestionSelected = false;
-	          }, 50);
-	          this.setValue(event.target.value, true, this.$props, undefined // to handle tags
+	          this.setValue(event.target.value, true, this.$props, this.$options.isTagsMode ? lib_7.SUGGESTION_SELECT : undefined // to handle tags
 	          );
 
 	          this.onValueSelectedHandler(event.target.value, lib_7.ENTER_PRESS);
@@ -20606,7 +20544,7 @@
 	      this.$emit('key-down', event, this.triggerQuery);
 	    },
 	    onInputChange: function onInputChange(e) {
-	      var _this3 = this;
+	      var _this2 = this;
 	      var inputValue = e.target.value;
 	      if (!this.$data.isOpen && this.$props.autosuggest) {
 	        this.isOpen = true;
@@ -20617,7 +20555,7 @@
 	      } else {
 	        this.$emit('change', inputValue, function (_ref3) {
 	          var isOpen = _ref3.isOpen;
-	          return _this3.triggerQuery({
+	          return _this2.triggerQuery({
 	            defaultQuery: true,
 	            customQuery: true,
 	            value: inputValue,
@@ -20627,7 +20565,7 @@
 	      }
 	    },
 	    onSuggestionSelected: function onSuggestionSelected(suggestion) {
-	      var _this4 = this;
+	      var _this3 = this;
 	      this.isOpen = false;
 	      var value = this.$props.value;
 	      // Record analytics for selected suggestions
@@ -20648,10 +20586,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 _this4.triggerQuery(_extends({
+	          return _this3.triggerQuery(_extends({
 	            isOpen: isOpen,
 	            value: emitValue
-	          }, !_this4.$options.isTagsMode && {
+	          }, !_this3.$options.isTagsMode && {
 	            categoryValue: suggestion._category
 	          }));
 	        });
@@ -20766,7 +20704,7 @@
 	      });
 	    },
 	    renderEnterButtonElement: function renderEnterButtonElement() {
-	      var _this5 = this;
+	      var _this4 = this;
 	      var h = this.$createElement;
 	      var _this$$props4 = this.$props,
 	        enterButton = _this$$props4.enterButton,
@@ -20775,7 +20713,7 @@
 	      if (enterButton) {
 	        var getEnterButtonMarkup = function getEnterButtonMarkup() {
 	          if (renderEnterButton) {
-	            return renderEnterButton(_this5.enterButtonOnClick);
+	            return renderEnterButton(_this4.enterButtonOnClick);
 	          }
 	          return h(Button, {
 	            "class": "enter-btn " + getClassName$4(innerClass, 'enter-button'),
@@ -20783,7 +20721,7 @@
 	              "primary": true
 	            },
 	            "on": {
-	              "click": _this5.enterButtonOnClick
+	              "click": _this4.enterButtonOnClick
 	            }
 	          }, ["Search"]);
 	        };
@@ -20850,7 +20788,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 _this6 = this;
+	      var _this5 = this;
 	      var _this$$props$focusSho = this.$props.focusShortcuts,
 	        focusShortcuts = _this$$props$focusSho === void 0 ? ['/'] : _this$$props$focusSho;
 	      if (isEmpty(focusShortcuts)) {
@@ -20865,7 +20803,7 @@
 	      function (event, handler) {
 	        // Prevent the default refresh event under WINDOWS system
 	        event.preventDefault();
-	        _this6.focusSearchBox(event);
+	        _this5.focusSearchBox(event);
 	      });
 
 	      // if one of modifier keys are used, they are handled below
@@ -20875,7 +20813,7 @@
 	        for (var index = 0; index < modifierKeys.length; index += 1) {
 	          var element = modifierKeys[index];
 	          if (hotkeys[element]) {
-	            _this6.focusSearchBox(event);
+	            _this5.focusSearchBox(event);
 	            break;
 	          }
 	        }
@@ -20888,11 +20826,11 @@
 	      this.triggerDefaultQuery(value);
 	    },
 	    renderAutoFill: function renderAutoFill(suggestion) {
-	      var _this7 = this;
+	      var _this6 = this;
 	      var h = this.$createElement;
 	      var handleAutoFillClick = function handleAutoFillClick(e) {
 	        e.stopPropagation();
-	        _this7.onAutofillClick(suggestion);
+	        _this6.onAutofillClick(suggestion);
 	      };
 	      /* 👇 avoid showing autofill for category suggestions👇 */
 	      return suggestion._category ? null : h(AutoFillSvg, {
@@ -20902,7 +20840,7 @@
 	      });
 	    },
 	    renderTag: function renderTag(item) {
-	      var _this8 = this;
+	      var _this7 = this;
 	      var h = this.$createElement;
 	      var innerClass = this.$props.innerClass;
 	      return h(TagItem, {
@@ -20915,7 +20853,7 @@
 	        "class": "close-icon",
 	        "on": {
 	          "click": function click() {
-	            return _this8.clearTag(item);
+	            return _this7.clearTag(item);
 	          }
 	        }
 	      }, [h(CancelSvg)])]);
@@ -20937,7 +20875,7 @@
 	      }
 	    },
 	    renderTags: function renderTags() {
-	      var _this9 = this;
+	      var _this8 = this;
 	      var h = this.$createElement;
 	      if (!Array.isArray(this.selectedTags)) {
 	        return null;
@@ -20950,7 +20888,7 @@
 	        handleClear: this.clearTag,
 	        handleClearAll: this.clearAllTags
 	      }) : h(TagsContainer, [tagsList.map(function (item) {
-	        return _this9.renderTag(item);
+	        return _this8.renderTag(item);
 	      }), shouldRenderClearAllTag && h(TagItem, {
 	        "class": getClassName$4(this.$props.innerClass, 'selected-tag') || ''
 	      }, [h("span", ["Clear All"]), h("span", {
@@ -20966,7 +20904,7 @@
 	    }
 	  },
 	  render: function render() {
-	    var _this10 = this;
+	    var _this9 = this;
 	    var h = arguments[0];
 	    var _this$$props6 = this.$props,
 	      theme = _this$$props6.theme,
@@ -21007,14 +20945,14 @@
 	                  return null;
 	              }
 	            };
-	            return h("div", [_this10.hasCustomRenderer && _this10.getComponent({
+	            return h("div", [_this9.hasCustomRenderer && _this9.getComponent({
 	              isOpen: isOpen,
 	              getItemProps: getItemProps,
 	              getItemEvents: getItemEvents,
 	              highlightedIndex: highlightedIndex
-	            }), _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) {
+	            }), _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) {
 	              return renderItem ? h("li", {
 	                "domProps": _extends({}, getItemProps({
 	                  item: item
@@ -21024,7 +20962,7 @@
 	                })),
 	                "key": index + 1 + "-" + item.value,
 	                "style": {
-	                  backgroundColor: _this10.getBackgroundColor(highlightedIndex, index),
+	                  backgroundColor: _this9.getBackgroundColor(highlightedIndex, index),
 	                  justifyContent: 'flex-start',
 	                  alignItems: 'center'
 	                }
@@ -21037,7 +20975,7 @@
 	                })),
 	                "key": index + 1 + "-" + item.value,
 	                "style": {
-	                  backgroundColor: _this10.getBackgroundColor(highlightedIndex, index),
+	                  backgroundColor: _this9.getBackgroundColor(highlightedIndex, index),
 	                  justifyContent: 'flex-start',
 	                  alignItems: 'center'
 	                }
@@ -21048,58 +20986,58 @@
 	                }
 	              }, [h(CustomSvg, {
 	                "attrs": {
-	                  "className": getClassName$4(_this10.$props.innerClass, item._suggestion_type + "-search-icon") || null,
+	                  "className": getClassName$4(_this9.$props.innerClass, item._suggestion_type + "-search-icon") || null,
 	                  "icon": getIcon(item._suggestion_type),
 	                  "type": item._suggestion_type + "-search-icon"
 	                }
 	              })]), h(SuggestionItem, {
 	                "attrs": {
-	                  "currentValue": _this10.currentValue,
+	                  "currentValue": _this9.currentValue,
 	                  "suggestion": item
 	                }
-	              }), _this10.renderAutoFill(item)]);
-	            })]) : _this10.renderNoSuggestions(_this10.normalizedSuggestions)]);
+	              }), _this9.renderAutoFill(item)]);
+	            })]) : _this9.renderNoSuggestions(_this9.normalizedSuggestions)]);
 	          };
 	          return h("div", {
 	            "class": suggestionsContainer
-	          }, [h(InputGroup, [_this10.renderInputAddonBefore(), h(InputWrapper, [h(Input, {
+	          }, [h(InputGroup, [_this9.renderInputAddonBefore(), h(InputWrapper, [h(Input, {
 	            "attrs": {
-	              "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,
+	              "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,
 	              "autocomplete": "off"
 	            },
-	            "ref": _this10.$props.innerRef,
-	            "class": getClassName$4(_this10.$props.innerClass, 'input'),
+	            "ref": _this9.$props.innerRef,
+	            "class": getClassName$4(_this9.$props.innerClass, 'input'),
 	            "on": _extends({}, getInputEvents({
-	              onInput: _this10.onInputChange,
+	              onInput: _this9.onInputChange,
 	              onBlur: function onBlur(e) {
-	                _this10.$emit('blur', e, _this10.triggerQuery);
+	                _this9.$emit('blur', e, _this9.triggerQuery);
 	              },
-	              onFocus: _this10.handleFocus,
+	              onFocus: _this9.handleFocus,
 	              onKeyPress: function onKeyPress(e) {
-	                _this10.$emit('keyPress', e, _this10.triggerQuery);
-	                _this10.$emit('key-press', e, _this10.triggerQuery);
+	                _this9.$emit('keyPress', e, _this9.triggerQuery);
+	                _this9.$emit('key-press', e, _this9.triggerQuery);
 	              },
 	              onKeyDown: function onKeyDown(e) {
-	                return _this10.handleKeyDown(e, highlightedIndex);
+	                return _this9.handleKeyDown(e, highlightedIndex);
 	              },
 	              onKeyUp: function onKeyUp(e) {
-	                _this10.$emit('keyUp', e, _this10.triggerQuery);
-	                _this10.$emit('key-up', e, _this10.triggerQuery);
+	                _this9.$emit('keyUp', e, _this9.triggerQuery);
+	                _this9.$emit('key-up', e, _this9.triggerQuery);
 	              },
 	              onClick: function onClick() {
 	                setHighlightedIndex(null);
 	              }
 	            })),
 	            "domProps": _extends({}, getInputProps({
-	              value: _this10.$data.currentValue === null ? '' : _this10.$data.currentValue
+	              value: _this9.$data.currentValue === null ? '' : _this9.$data.currentValue
 	            }))
-	          }), _this10.renderIcons(), !expandSuggestionsContainer && renderSuggestionsDropdown()]), _this10.renderInputAddonAfter(), _this10.renderEnterButtonElement()]), expandSuggestionsContainer && renderSuggestionsDropdown(), _this10.renderTags()]);
+	          }), _this9.renderIcons(), !expandSuggestionsContainer && renderSuggestionsDropdown()]), _this9.renderInputAddonAfter(), _this9.renderEnterButtonElement()]), expandSuggestionsContainer && renderSuggestionsDropdown(), _this9.renderTags()]);
 	        }
 	      }
 	    }) : h("div", {
@@ -21115,20 +21053,20 @@
 	      },
 	      "on": _extends({}, {
 	        blur: function blur(e) {
-	          _this10.$emit('blur', e, _this10.triggerQuery);
+	          _this9.$emit('blur', e, _this9.triggerQuery);
 	        },
 	        keypress: function keypress(e) {
-	          _this10.$emit('keyPress', e, _this10.triggerQuery);
-	          _this10.$emit('key-press', e, _this10.triggerQuery);
+	          _this9.$emit('keyPress', e, _this9.triggerQuery);
+	          _this9.$emit('key-press', e, _this9.triggerQuery);
 	        },
 	        input: this.onInputChange,
 	        focus: function focus(e) {
-	          _this10.$emit('focus', e, _this10.triggerQuery);
+	          _this9.$emit('focus', e, _this9.triggerQuery);
 	        },
 	        keydown: this.handleKeyDown,
 	        keyup: function keyup(e) {
-	          _this10.$emit('keyUp', e, _this10.triggerQuery);
-	          _this10.$emit('key-up', e, _this10.triggerQuery);
+	          _this9.$emit('keyUp', e, _this9.triggerQuery);
+	          _this9.$emit('key-up', e, _this9.triggerQuery);
 	        }
 	      }),
 	      "domProps": _extends({}, {
@@ -34989,7 +34927,7 @@
 	  });
 	}
 
-	var version = "1.35.3";
+	var version = "1.35.4";
 
 	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) {