@appbaseio/reactivesearch-vue 1.33.3 → 1.33.5

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

@@ -771,6 +771,8 @@
 	  var SET_GOOGLE_MAP_SCRIPT_LOADING = exports.SET_GOOGLE_MAP_SCRIPT_LOADING = 'SET_GOOGLE_MAP_SCRIPT_LOADING';
 	  var SET_GOOGLE_MAP_SCRIPT_LOADED = exports.SET_GOOGLE_MAP_SCRIPT_LOADED = 'SET_GOOGLE_MAP_SCRIPT_LOADED';
 	  var SET_GOOGLE_MAP_SCRIPT_ERROR = exports.SET_GOOGLE_MAP_SCRIPT_ERROR = 'SET_GOOGLE_MAP_SCRIPT_ERROR';
+	  var SET_REGISTERED_COMPONENT_TIMESTAMP = exports.SET_REGISTERED_COMPONENT_TIMESTAMP = 'SET_REGISTERED_COMPONENT_TIMESTAMP';
+	  var REMOVE_REGISTERED_COMPONENT_TIMESTAMP = exports.REMOVE_REGISTERED_COMPONENT_TIMESTAMP = 'REMOVE_REGISTERED_COMPONENT_TIMESTAMP';
 	});
 	unwrapExports(constants);
 	var constants_1 = constants.ADD_COMPONENT;
@@ -826,6 +828,8 @@
 	var constants_51 = constants.SET_GOOGLE_MAP_SCRIPT_LOADING;
 	var constants_52 = constants.SET_GOOGLE_MAP_SCRIPT_LOADED;
 	var constants_53 = constants.SET_GOOGLE_MAP_SCRIPT_ERROR;
+	var constants_54 = constants.SET_REGISTERED_COMPONENT_TIMESTAMP;
+	var constants_55 = constants.REMOVE_REGISTERED_COMPONENT_TIMESTAMP;
 
 	var componentsReducer_1 = createCommonjsModule(function (module, exports) {
 	  Object.defineProperty(exports, "__esModule", {
@@ -2881,6 +2885,59 @@
 	});
 	unwrapExports(analyticsRefReducer_1);
 
+	var registeredComponentReducer = createCommonjsModule(function (module, exports) {
+	  Object.defineProperty(exports, "__esModule", {
+	    value: true
+	  });
+	  var _extends = Object.assign || function (target) {
+	    for (var i = 1; i < arguments.length; i++) {
+	      var source = arguments[i];
+	      for (var key in source) {
+	        if (Object.prototype.hasOwnProperty.call(source, key)) {
+	          target[key] = source[key];
+	        }
+	      }
+	    }
+	    return target;
+	  };
+	  exports["default"] = timestampReducer;
+	  function _objectWithoutProperties(obj, keys) {
+	    var target = {};
+	    for (var i in obj) {
+	      if (keys.indexOf(i) >= 0) continue;
+	      if (!Object.prototype.hasOwnProperty.call(obj, i)) continue;
+	      target[i] = obj[i];
+	    }
+	    return target;
+	  }
+	  function _defineProperty(obj, key, value) {
+	    if (key in obj) {
+	      Object.defineProperty(obj, key, {
+	        value: value,
+	        enumerable: true,
+	        configurable: true,
+	        writable: true
+	      });
+	    } else {
+	      obj[key] = value;
+	    }
+	    return obj;
+	  }
+	  function timestampReducer() {
+	    var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+	    var action = arguments[1];
+	    if (action.type === constants.SET_REGISTERED_COMPONENT_TIMESTAMP) {
+	      return _extends({}, state, _defineProperty({}, action.component, action.timestamp));
+	    } else if (action.type === constants.REMOVE_REGISTERED_COMPONENT_TIMESTAMP) {
+	      var del = state[action.component],
+	        obj = _objectWithoutProperties(state, [action.component]);
+	      return obj;
+	    }
+	    return state;
+	  }
+	});
+	unwrapExports(registeredComponentReducer);
+
 	var reducers = createCommonjsModule(function (module, exports) {
 	  Object.defineProperty(exports, "__esModule", {
 	    value: true
@@ -2921,6 +2978,7 @@
 	  var _recentSearches2 = _interopRequireDefault(recentSearches);
 	  var _googleMapScriptReducer2 = _interopRequireDefault(googleMapScriptReducer_1);
 	  var _analyticsRefReducer2 = _interopRequireDefault(analyticsRefReducer_1);
+	  var _registeredComponentReducer2 = _interopRequireDefault(registeredComponentReducer);
 	  function _interopRequireDefault(obj) {
 	    return obj && obj.__esModule ? obj : {
 	      "default": obj
@@ -2966,7 +3024,8 @@
 	      return state;
 	    },
 	    googleMapScriptStatus: _googleMapScriptReducer2["default"],
-	    lastUsedAppbaseQuery: _appbaseQueryReducer2["default"]
+	    lastUsedAppbaseQuery: _appbaseQueryReducer2["default"],
+	    registeredComponentsTimestamps: _registeredComponentReducer2["default"]
 	  });
 	});
 	unwrapExports(reducers);
@@ -6327,7 +6386,8 @@
 	        searchboxId: props.searchboxId
 	      } : {}) : {}, {
 	        calendarInterval: props.calendarInterval,
-	        endpoint: endpoint
+	        endpoint: endpoint,
+	        range: props.range
 	      });
 	    }
 	    return null;
@@ -6358,6 +6418,7 @@
 	    var aggregations = componentProps.aggregations;
 	    var pagination = void 0;
 	    var from = componentProps.from;
+	    var range = void 0;
 	    if (queryType === constants$1.queryTypes.term) {
 	      if (componentProps.showLoadMore && hasPaginationSupport(componentProps.componentType)) {
 	        pagination = true;
@@ -6428,6 +6489,36 @@
 	            };
 	          }
 	        }
+	        var rangeValue = void 0;
+	        if (componentProps.componentType === constants$1.componentTypes.dynamicRangeSlider) {
+	          rangeValue = store.aggregations[component + '__range__internal'];
+	          if (componentProps.nestedField) {
+	            rangeValue = rangeValue && store.aggregations[component + '__range__internal'][componentProps.nestedField].min ? {
+	              start: store.aggregations[component + '__range__internal'][componentProps.nestedField].min.value,
+	              end: store.aggregations[component + '__range__internal'][componentProps.nestedField].max.value
+	            } : null;
+	          } else {
+	            rangeValue = rangeValue && store.aggregations[component + '__range__internal'].min ? {
+	              start: store.aggregations[component + '__range__internal'].min.value,
+	              end: store.aggregations[component + '__range__internal'].max.value
+	            } : null;
+	          }
+	        } else {
+	          rangeValue = componentProps.range;
+	        }
+	        if (rangeValue) {
+	          if ((0, helper.isValidDateRangeQueryFormat)(componentProps.queryFormat)) {
+	            range = {
+	              start: (0, helper.formatDate)(new _xdate2["default"](rangeValue.start), componentProps),
+	              end: (0, helper.formatDate)(new _xdate2["default"](rangeValue.end), componentProps)
+	            };
+	          } else {
+	            range = {
+	              start: parseFloat(rangeValue.start),
+	              end: parseFloat(rangeValue.end)
+	            };
+	          }
+	        }
 	      }
 	      if (dateRangeComponents.includes(componentProps.componentType)) {
 	        if (value) {
@@ -6566,7 +6657,8 @@
 	      categoryValue: store.internalValues[component] ? store.internalValues[component].category : undefined,
 	      value: queryValue,
 	      pagination: pagination,
-	      from: from
+	      from: from,
+	      range: range
 	    }, customOptions);
 	  };
 	  function flatReactProp(reactProp, componentID) {
@@ -7257,7 +7349,9 @@
 	        dispatch((0, misc.setSuggestionsSearchId)(searchId));
 	      } else {
 	        dispatch((0, misc.setSearchId)(searchId));
-	        analyticsRef.queryID = searchId;
+	        if (analyticsRef) {
+	          analyticsRef.queryID = searchId;
+	        }
 	      }
 	    }
 	    orderOfQueries.forEach(function (component) {
@@ -7339,7 +7433,9 @@
 	            dispatch((0, misc.setSuggestionsSearchId)(searchId));
 	          } else {
 	            dispatch((0, misc.setSearchId)(searchId));
-	            analyticsRef.queryID = searchId;
+	            if (analyticsRef) {
+	              analyticsRef.queryID = searchId;
+	            }
 	          }
 	        }
 	        var transformResponse = res;
@@ -8849,12 +8945,25 @@
 	  exports.addComponent = addComponent;
 	  exports.removeComponent = removeComponent;
 	  exports.watchComponent = watchComponent;
-	  function addComponent(component) {
+	  function addComponentToList(component) {
 	    return {
 	      type: constants.ADD_COMPONENT,
 	      component: component
 	    };
 	  }
+	  function addComponentTimestamp(component, timestamp) {
+	    return {
+	      type: constants.SET_REGISTERED_COMPONENT_TIMESTAMP,
+	      component: component,
+	      timestamp: timestamp
+	    };
+	  }
+	  function addComponent(component) {
+	    return function (dispatch) {
+	      dispatch(addComponentToList(component));
+	      dispatch(addComponentTimestamp(component, new Date().getTime()));
+	    };
+	  }
 	  function removeComponent(component) {
 	    return {
 	      type: constants.REMOVE_COMPONENT,
@@ -9142,11 +9251,11 @@
 	        analyticsInstance = _getState3.analyticsRef;
 	      var app = config.app;
 	      var esURL = protocol + '://' + url;
-	      if (config.analytics && (config.analyticsConfig === undefined || config.analyticsConfig.suggestionAnalytics === undefined || config.analyticsConfig.suggestionAnalytics) && searchPosition !== undefined && suggestionsSearchId) {
+	      if (config.analytics && (config.analyticsConfig === undefined || config.analyticsConfig.suggestionAnalytics === undefined || config.analyticsConfig.suggestionAnalytics)) {
 	        var parsedHeaders = headers;
 	        delete parsedHeaders['X-Search-Query'];
 	        var parsedURL = (esURL || '').replace(/\/+$/, '');
-	        if (parsedURL.includes('scalr.api.appbase.io')) {
+	        if (parsedURL.includes('scalr.api.appbase.io') && searchPosition !== undefined && suggestionsSearchId) {
 	          fetch(parsedURL + '/' + app + '/_analytics', {
 	            method: 'POST',
 	            headers: _extends({}, parsedHeaders, {
@@ -9157,14 +9266,14 @@
 	              'X-Search-Suggestions-ClickPosition': searchPosition + 1
 	            })
 	          });
+	        } else if (searchPosition !== undefined) {
+	          recordClick({
+	            documentId: documentId,
+	            clickPosition: searchPosition,
+	            analyticsInstance: analyticsInstance,
+	            isSuggestionClick: true
+	          });
 	        }
-	      } else if (searchPosition !== undefined) {
-	        recordClick({
-	          documentId: documentId,
-	          clickPosition: searchPosition,
-	          analyticsInstance: analyticsInstance,
-	          isSuggestionClick: true
-	        });
 	      }
 	    };
 	  }
@@ -9175,10 +9284,11 @@
 	        _getState4$appbaseRef = _getState4.appbaseRef,
 	        url = _getState4$appbaseRef.url,
 	        protocol = _getState4$appbaseRef.protocol,
-	        analyticsInstance = _getState4.analyticsRef;
+	        analyticsInstance = _getState4.analyticsRef,
+	        config = _getState4.config;
 	      var esURL = protocol + '://' + url;
 	      var parsedURL = esURL.replace(/\/+$/, '');
-	      if (!parsedURL.includes('scalr.api.appbase.io') && queryId && impressions.length) {
+	      if (config.analytics && !parsedURL.includes('scalr.api.appbase.io') && queryId && impressions.length) {
 	        analyticsInstance.search({
 	          queryID: analyticsInstance.getQueryID(),
 	          impressions: impressions
@@ -9564,14 +9674,9 @@
 	    };
 	  }
 	  function maybeInvokeDelegate(delegate, context) {
-	    var method = delegate.iterator[context.method];
-	    if (undefined === method) {
-	      if (context.delegate = null, "throw" === context.method) {
-	        if (delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel;
-	        context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method");
-	      }
-	      return ContinueSentinel;
-	    }
+	    var methodName = context.method,
+	      method = delegate.iterator[methodName];
+	    if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel;
 	    var record = tryCatch(method, delegate.iterator, context.arg);
 	    if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel;
 	    var info = record.arg;
@@ -9771,7 +9876,7 @@
 	    descriptor.enumerable = descriptor.enumerable || false;
 	    descriptor.configurable = true;
 	    if ("value" in descriptor) descriptor.writable = true;
-	    Object.defineProperty(target, descriptor.key, descriptor);
+	    Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
 	  }
 	}
 	function _createClass(Constructor, protoProps, staticProps) {
@@ -13134,8 +13239,9 @@
 	  }
 	  return {
 	    name: 'ComponentWrapper',
+	    $timestamp: null,
 	    props: {
-	      destroyOnUnmount: VueTypes.bool.def(false)
+	      destroyOnUnmount: VueTypes.bool.def(true)
 	    },
 	    created: function created() {
 	      // clone the props for component it is needed because attrs gets changed on time
@@ -13148,6 +13254,7 @@
 	      this.componentProps = parsedProps;
 	      this.componentId = this.componentProps.componentId;
 	      this.react = this.componentProps.react;
+	      this.$timestamp = new Date().getTime();
 	    },
 	    beforeMount: function beforeMount() {
 	      var _this = this;
@@ -13194,10 +13301,17 @@
 	    },
 	    beforeDestroy: function beforeDestroy() {
 	      if (this.destroyOnUnmount) {
+	        var registeredComponentsTimestamps = {};
+	        if (this.$$store) {
+	          var _this$$$store$getStat2 = this.$$store.getState();
+	          registeredComponentsTimestamps = _this$$$store$getStat2.registeredComponentsTimestamps;
+	        }
 	        // Unregister components
-	        this.removeComponent(this.componentId);
-	        if (this.internalComponent) {
-	          this.removeComponent(this.internalComponent);
+	        if (registeredComponentsTimestamps[this.componentId] === this.$timestamp) {
+	          this.removeComponent(this.componentId);
+	          if (this.internalComponent) {
+	            this.removeComponent(this.internalComponent);
+	          }
 	        }
 	      }
 	    },
@@ -14384,13 +14498,14 @@
 	  componentType: constants_1$1.reactiveList,
 	  internalComponent: ReactiveList.hasInternalComponent()
 	}));
-	ReactiveList.install = function (Vue) {
-	  Vue.component(ReactiveList.name, RLConnected);
+	RLConnected.name = ReactiveList.name;
+	RLConnected.install = function (Vue) {
+	  Vue.component(RLConnected.name, RLConnected);
 	  Vue.component(ResultListWrapper.name, ResultListWrapper);
 	  Vue.component(ResultCardsWrapper.name, ResultCardsWrapper);
 	};
 	// Add componentType for SSR
-	ReactiveList.componentType = constants_1$1.reactiveList;
+	RLConnected.componentType = constants_1$1.reactiveList;
 
 	function URL$1(url) {
 	  var pattern = RegExp("^(([^:/?#]*)?://)?(((.*)?@)?([^/?#]*)?)([^?#]*)(\\?([^#]*))?(#(.*))?");
@@ -15953,7 +16068,7 @@
 	    },
 	    analyticsRef: {
 	      type: Object,
-	      required: true
+	      required: false
 	    }
 	  },
 	  provide: function provide() {
@@ -16428,7 +16543,10 @@
 	        console.error('Endpoint not set correctly for analytics');
 	        console.error(e);
 	      }
-	      var analyticsRef = index$2.init(analyticsInitConfig);
+	      var analyticsRef = null;
+	      if (config.analytics) {
+	        analyticsRef = index$2.init(analyticsInitConfig);
+	      }
 	      var initialState = _extends({
 	        config: _extends({}, config, {
 	          initialQueriesSyncTime: props.initialQueriesSyncTime,
@@ -18907,6 +19025,7 @@
 	    }
 	    this.handleTextChange = debounce$1(this.handleText, this.$props.debounce);
 	    this.updateDefaultQueryHandlerDebounced = debounce$1(this.updateDefaultQueryHandler, this.$props.debounce);
+	    this.updateQueryHandlerDebounced = debounce$1(this.updateQueryHandler, this.$props.debounce);
 	    // Set custom and default queries in store
 	    updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
 	    updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, this.currentValue);
@@ -19090,7 +19209,7 @@
 	        if (this.isPending && this.$options.isTagsMode && Array.isArray(newVal)) {
 	          this.isPending = false;
 	        }
-	        this.setValue(newVal, true, this.$props, undefined, false, typeof newVal !== 'string' && this.$options.isTagsMode);
+	        this.setValue(newVal, true, this.$props, newVal === '' ? lib_7.CLEAR_VALUE : undefined, false, typeof newVal !== 'string' && this.$options.isTagsMode);
 	      }
 	    },
 	    defaultQuery: function defaultQuery(newVal, oldVal) {
@@ -19132,8 +19251,10 @@
 	    handleText: function handleText(value) {
 	      if (this.$props.autosuggest) {
 	        this.updateDefaultQueryHandlerDebounced(value, this.$props);
-	      } else {
-	        this.updateDefaultQueryHandlerDebounced(this.$props.componentId, value, this.$props);
+	      } else if (!this.$options.isTagsMode) {
+	        this.updateQueryHandlerDebounced(this.$props.componentId, value, this.$props);
+	      } else if (this.$options.isTagsMode) {
+	        this.$data.currentValue = value;
 	      }
 	    },
 	    validateDataField: function validateDataField() {
@@ -19278,10 +19399,10 @@
 	          } // in case of strict selection only SUGGESTION_SELECT should be able
 	          // to set the query otherwise the value should reset
 
-	          if (props.strictSelection) {
-	            if (cause === lib_7.SUGGESTION_SELECT || (_this.$options.isTagsMode ? _this.selectedTags.length === 0 : value === '')) {
+	          if (props.strictSelection && props.autosuggest) {
+	            if (cause === lib_7.SUGGESTION_SELECT || props.value !== undefined) {
 	              _this.updateQueryHandler(props.componentId, queryHandlerValue, props);
-	            } else {
+	            } else if (_this.currentValue !== '') {
 	              _this.setValue('', true);
 	            }
 	          } else {
@@ -19407,17 +19528,20 @@
 	      this.onValueSelectedHandler('', lib_7.CLEAR_VALUE);
 	    },
 	    handleKeyDown: function handleKeyDown(event, highlightedIndex) {
-	      var value = this.$props.value;
+	      var targetValue = event.target.value;
+	      var _this$$props2 = this.$props,
+	        value = _this$$props2.value,
+	        strictSelection = _this$$props2.strictSelection,
+	        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) {
-	        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);
+	      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 && strictSelection ? '' : targetValue, true, this.$props, undefined, false);
+	        this.onValueSelectedHandler(targetValue, lib_7.ENTER_PRESS);
 	      }
 	      // Need to review
 	      this.$emit('keyDown', event, this.triggerQuery);
@@ -19429,19 +19553,19 @@
 	      if (!this.$data.isOpen) {
 	        this.isOpen = true;
 	      }
-	      var _this$$props2 = this.$props,
-	        value = _this$$props2.value,
-	        autosuggest = _this$$props2.autosuggest;
+	      var _this$$props3 = this.$props,
+	        value = _this$$props3.value,
+	        autosuggest = _this$$props3.autosuggest;
 	      if (value === undefined) {
 	        this.setValue(inputValue, false, this.$props, undefined, true, false);
 	      } else {
 	        this.isPending = true;
+	        this.currentValue = inputValue;
 	        this.$emit('change', inputValue, function (_temp2) {
 	          var _ref3 = _temp2 === void 0 ? {} : _temp2,
 	            _ref3$isOpen = _ref3.isOpen,
 	            isOpen = _ref3$isOpen === void 0 ? false : _ref3$isOpen;
 	          if (_this2.$options.isTagsMode && autosuggest) {
-	            _this2.currentValue = value;
 	            _this2.isOpen = isOpen;
 	            _this2.updateDefaultQueryHandlerDebounced(_this2.currentValue, _this2.$props);
 	            return;
@@ -19529,9 +19653,9 @@
 	        finalSuggestionsList = [];
 	      }
 	      var h = this.$createElement;
-	      var _this$$props3 = this.$props,
-	        theme = _this$$props3.theme,
-	        innerClass = _this$$props3.innerClass;
+	      var _this$$props4 = this.$props,
+	        theme = _this$$props4.theme,
+	        innerClass = _this$$props4.innerClass;
 	      var renderNoSuggestion = this.$scopedSlots.renderNoSuggestion || this.$props.renderNoSuggestion;
 	      var renderError = this.$scopedSlots.renderError || this.$props.renderError;
 	      var _this$$data = this.$data,
@@ -19635,13 +19759,13 @@
 	    },
 	    renderIcons: function renderIcons() {
 	      var h = this.$createElement;
-	      var _this$$props4 = this.$props,
-	        iconPosition = _this$$props4.iconPosition,
-	        showClear = _this$$props4.showClear,
-	        innerClass = _this$$props4.innerClass,
-	        getMicInstance = _this$$props4.getMicInstance,
-	        showVoiceSearch = _this$$props4.showVoiceSearch,
-	        showIcon = _this$$props4.showIcon;
+	      var _this$$props5 = this.$props,
+	        iconPosition = _this$$props5.iconPosition,
+	        showClear = _this$$props5.showClear,
+	        innerClass = _this$$props5.innerClass,
+	        getMicInstance = _this$$props5.getMicInstance,
+	        showVoiceSearch = _this$$props5.showVoiceSearch,
+	        showIcon = _this$$props5.showIcon;
 	      var renderMic = this.$scopedSlots.renderMic || this.$props.renderMic;
 	      var currentValue = this.$data.currentValue;
 	      return h("div", [h(IconGroup, {
@@ -19725,11 +19849,11 @@
 	  render: function render() {
 	    var _this6 = this;
 	    var h = arguments[0];
-	    var _this$$props5 = this.$props,
-	      theme = _this$$props5.theme,
-	      size = _this$$props5.size,
-	      expandSuggestionsContainer = _this$$props5.expandSuggestionsContainer,
-	      enableDefaultSuggestions = _this$$props5.enableDefaultSuggestions;
+	    var _this$$props6 = this.$props,
+	      theme = _this$$props6.theme,
+	      size = _this$$props6.size,
+	      expandSuggestionsContainer = _this$$props6.expandSuggestionsContainer,
+	      enableDefaultSuggestions = _this$$props6.enableDefaultSuggestions;
 	    var _this$$scopedSlots = this.$scopedSlots,
 	      recentSearchesIcon = _this$$scopedSlots.recentSearchesIcon,
 	      popularSearchesIcon = _this$$scopedSlots.popularSearchesIcon;
@@ -19891,7 +20015,7 @@
 	              }
 	            })),
 	            "domProps": _extends({}, getInputProps({
-	              value: _this6.$data.currentValue === null ? '' : _this6.$data.currentValue
+	              value: _this6.$data.currentValue === null || typeof _this6.$data.currentValue !== 'string' ? '' : _this6.$data.currentValue
 	            }))
 	          }), _this6.renderIcons(), !expandSuggestionsContainer && renderSuggestionsContainer()]), ' ', _this6.renderInputAddonAfter()]), expandSuggestionsContainer && renderSuggestionsContainer(), _this6.renderTags()]);
 	        }
@@ -19933,7 +20057,7 @@
 	        value: this.$data.currentValue ? this.$data.currentValue : ''
 	      }),
 	      "ref": this.$props.innerRef
-	    }), this.renderIcons()]), this.renderInputAddonAfter()])])]);
+	    }), this.renderIcons()]), this.renderInputAddonAfter()]), this.renderTags()])]);
 	  },
 	  destroyed: function destroyed() {
 	    document.removeEventListener('keydown', this.onKeyDown);
@@ -20108,11 +20232,14 @@
 	  componentType: constants_1$1.dataSearch,
 	  internalComponent: DataSearch.hasInternalComponent()
 	}));
-	DataSearch.install = function (Vue) {
-	  Vue.component(DataSearch.name, DSConnected);
+	DSConnected.name = DataSearch.name;
+
+	// plugins usage
+	DSConnected.install = function (Vue) {
+	  Vue.component(DSConnected.name, DSConnected);
 	};
 	// Add componentType for SSR
-	DataSearch.componentType = constants_1$1.dataSearch;
+	DSConnected.componentType = constants_1$1.dataSearch;
 
 	var _templateObject$k;
 	var AutofillSvgIcon = index$1('button')(_templateObject$k || (_templateObject$k = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tmargin-left: auto;\n\tposition: relative;\n\tright: -3px;\n\tborder: none;\n\toutline: none;\n\tbackground: transparent;\n\tpadding: 0;\n\tz-index: 111000;\n\n\tsvg {\n\t\tcursor: pointer;\n\t\tfill: #707070;\n\t\theight: 20px;\n\t}\n\n\t&:hover {\n\t\tsvg {\n\t\t\tfill: #1c1a1a;\n\t\t}\n\t}\n"])));
@@ -20354,7 +20481,6 @@
 	          // selected value is cleared, call onValueSelected
 	          this.onValueSelectedHandler('', lib_7.CLEAR_VALUE);
 	        }
-	        // if (this.$props.value === undefined) {
 	        if (this.$options.isTagsMode) {
 	          // handling reset of tags through SelectedFilters or URL
 	          this.selectedTags = [];
@@ -20364,7 +20490,6 @@
 	          cause = lib_7.SUGGESTION_SELECT;
 	        }
 	        this.setValue(newVal || '', true, this.$props, cause);
-	        // }
 	      }
 	    },
 	    focusShortcuts: function focusShortcuts() {
@@ -20507,8 +20632,7 @@
 	            if (typeof value === 'string' && !!value) {
 	              _this.selectedTags.push(value);
 	            } else if (Array.isArray(value) && !isEqual$5(_this.selectedTags, value)) {
-	              var mergedArray = Array.from(new Set([].concat(_this.selectedTags, value)));
-	              _this.selectedTags = mergedArray;
+	              _this.selectedTags = value;
 	            }
 	          } else if (value) {
 	            _this.selectedTags = typeof value !== 'string' ? value : [].concat(value);
@@ -21332,11 +21456,12 @@
 	  componentType: constants_1$1.searchBox,
 	  internalComponent: true
 	}));
-	SearchBox.install = function (Vue) {
-	  Vue.component(SearchBox.name, SBConnected);
+	SBConnected.name = SearchBox.name;
+	SBConnected.install = function (Vue) {
+	  Vue.component(SBConnected.name, SBConnected);
 	};
 	// Add componentType for SSR
-	SearchBox.componentType = constants_1$1.searchBox;
+	SBConnected.componentType = constants_1$1.searchBox;
 
 	var _templateObject$l, _templateObject2$8, _templateObject3$6, _templateObject4$5, _templateObject5$3, _templateObject6$3;
 	var item = {
@@ -21850,12 +21975,13 @@
 	  componentType: constants_1$1.singleList,
 	  internalComponent: SingleList.hasInternalComponent()
 	}));
-	SingleList.install = function (Vue) {
-	  Vue.component(SingleList.name, ListConnected);
+	ListConnected.name = SingleList.name;
+	ListConnected.install = function (Vue) {
+	  Vue.component(ListConnected.name, ListConnected);
 	};
 
 	// Add componentType for SSR
-	SingleList.componentType = constants_1$1.singleList;
+	ListConnected.componentType = constants_1$1.singleList;
 
 	var updateQuery$4 = lib_5.updateQuery,
 	  setQueryOptions$3 = lib_5.setQueryOptions,
@@ -22384,12 +22510,13 @@
 	  componentType: constants_1$1.multiList,
 	  internalComponent: MultiList.hasInternalComponent()
 	}));
-	MultiList.install = function (Vue) {
-	  Vue.component(MultiList.name, ListConnected$1);
+	ListConnected$1.name = MultiList.name;
+	ListConnected$1.install = function (Vue) {
+	  Vue.component(ListConnected$1.name, ListConnected$1);
 	};
 
 	// Add componentType for SSR
-	MultiList.componentType = constants_1$1.multiList;
+	ListConnected$1.componentType = constants_1$1.multiList;
 
 	var _templateObject$m, _templateObject2$9, _templateObject3$7, _templateObject4$6;
 	var small = css(_templateObject$m || (_templateObject$m = _taggedTemplateLiteralLoose(["\n\tmin-height: 0;\n\theight: 30px;\n\tborder: 0;\n\tbox-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;\n\tborder-radius: 2px;\n"])));
@@ -23090,12 +23217,13 @@
 	  componentType: constants_1$1.singleDropdownList,
 	  internalComponent: SingleDropdownList.hasInternalComponent()
 	}));
-	SingleDropdownList.install = function (Vue) {
-	  Vue.component(SingleDropdownList.name, ListConnected$2);
+	ListConnected$2.name = SingleDropdownList.name;
+	ListConnected$2.install = function (Vue) {
+	  Vue.component(ListConnected$2.name, ListConnected$2);
 	};
 
 	// Add componentType for SSR
-	SingleDropdownList.componentType = constants_1$1.singleDropdownList;
+	ListConnected$2.componentType = constants_1$1.singleDropdownList;
 
 	var updateQuery$6 = lib_5.updateQuery,
 	  setQueryOptions$5 = lib_5.setQueryOptions,
@@ -23604,12 +23732,13 @@
 	  componentType: constants_1$1.multiDropdownList,
 	  internalComponent: MultiDropdownList.hasInternalComponent()
 	}));
-	MultiDropdownList.install = function (Vue) {
-	  Vue.component(MultiDropdownList.name, ListConnected$3);
+	ListConnected$3.name = MultiDropdownList.name;
+	ListConnected$3.install = function (Vue) {
+	  Vue.component(ListConnected$3.name, ListConnected$3);
 	};
 
 	// Add componentType for SSR
-	MultiDropdownList.componentType = constants_1$1.multiDropdownList;
+	ListConnected$3.componentType = constants_1$1.multiDropdownList;
 
 	var updateQuery$7 = lib_5.updateQuery,
 	  setQueryOptions$6 = lib_5.setQueryOptions,
@@ -23896,14 +24025,15 @@
 	  setQueryOptions: setQueryOptions$6,
 	  setCustomQuery: setCustomQuery$6
 	};
-	var ListConnected$4 = PreferencesConsumer(ComponentWrapper$1(connect(mapStateToProps$9, mapDispatchtoProps$6)(ToggleButton), {
+	var TBConnected = PreferencesConsumer(ComponentWrapper$1(connect(mapStateToProps$9, mapDispatchtoProps$6)(ToggleButton), {
 	  componentType: constants_1$1.toggleButton
 	}));
-	ToggleButton.install = function (Vue) {
-	  Vue.component(ToggleButton.name, ListConnected$4);
+	TBConnected.name = ToggleButton.name;
+	TBConnected.install = function (Vue) {
+	  Vue.component(TBConnected.name, TBConnected);
 	};
 	// Add componentType for SSR
-	ToggleButton.componentType = constants_1$1.toggleButton;
+	TBConnected.componentType = constants_1$1.toggleButton;
 
 	/*!
 	 * vue-no-ssr v1.1.1
@@ -24383,12 +24513,13 @@
 	  updateComponentProps: updateComponentProps$2
 	};
 	var RangeConnected = PreferencesConsumer(connect(mapStateToProps$a, mapDispatchtoProps$7)(DynamicRangeSlider));
-	DynamicRangeSlider.install = function (Vue) {
-	  Vue.component(DynamicRangeSlider.name, RangeConnected);
+	RangeConnected.name = DynamicRangeSlider.name;
+	RangeConnected.install = function (Vue) {
+	  Vue.component(RangeConnected.name, RangeConnected);
 	};
 
 	// Add componentType for SSR
-	DynamicRangeSlider.componentType = constants_1$1.dynamicRangeSlider;
+	RangeConnected.componentType = constants_1$1.dynamicRangeSlider;
 
 	var updateQuery$9 = lib_5.updateQuery,
 	  setQueryOptions$8 = lib_5.setQueryOptions,
@@ -24589,11 +24720,12 @@
 	var RangeConnected$1 = PreferencesConsumer(ComponentWrapper$1(connect(mapStateToProps$b, mapDispatchtoProps$8)(SingleRange), {
 	  componentType: constants_1$1.singleRange
 	}));
-	SingleRange.install = function (Vue) {
-	  Vue.component(SingleRange.name, RangeConnected$1);
+	RangeConnected$1.name = SingleRange.name;
+	RangeConnected$1.install = function (Vue) {
+	  Vue.component(RangeConnected$1.name, RangeConnected$1);
 	};
 	// Add componentType for SSR
-	SingleRange.componentType = constants_1$1.singleRange;
+	RangeConnected$1.componentType = constants_1$1.singleRange;
 
 	var updateQuery$a = lib_5.updateQuery,
 	  setQueryOptions$9 = lib_5.setQueryOptions,
@@ -24857,11 +24989,12 @@
 	var RangeConnected$2 = PreferencesConsumer(ComponentWrapper$1(connect(mapStateToProps$c, mapDispatchtoProps$9)(MultiRange), {
 	  componentType: constants_1$1.multiRange
 	}));
-	MultiRange.install = function (Vue) {
-	  Vue.component(MultiRange.name, RangeConnected$2);
+	RangeConnected$2.name = MultiRange.name;
+	RangeConnected$2.install = function (Vue) {
+	  Vue.component(RangeConnected$2.name, RangeConnected$2);
 	};
 	// Add componentType for SSR
-	MultiRange.componentType = constants_1$1.multiRange;
+	RangeConnected$2.componentType = constants_1$1.multiRange;
 
 	var updateQuery$b = lib_5.updateQuery,
 	  setQueryOptions$a = lib_5.setQueryOptions,
@@ -25108,12 +25241,13 @@
 	var RangeConnected$3 = PreferencesConsumer(ComponentWrapper$1(connect(mapStateToProps$d, mapDispatchtoProps$a)(RangeSlider), {
 	  componentType: constants_1$1.rangeSlider
 	}));
-	RangeSlider.install = function (Vue) {
-	  Vue.component(RangeSlider.name, RangeConnected$3);
+	RangeConnected$3.name = RangeSlider.name;
+	RangeConnected$3.install = function (Vue) {
+	  Vue.component(RangeConnected$3.name, RangeConnected$3);
 	};
 
 	// Add componentType for SSR
-	RangeSlider.componentType = constants_1$1.rangeSlider;
+	RangeConnected$3.componentType = constants_1$1.rangeSlider;
 
 	var _templateObject$p, _templateObject2$b;
 	var alert = function alert(_ref) {
@@ -25410,12 +25544,13 @@
 	var RangeConnected$4 = PreferencesConsumer(ComponentWrapper$1(connect(mapStateToProps$e, {})(RangeInput), {
 	  componentType: constants_1$1.rangeInput
 	}));
-	RangeInput.install = function (Vue) {
-	  Vue.component(RangeInput.name, RangeConnected$4);
+	RangeConnected$4.name = RangeInput.name;
+	RangeConnected$4.install = function (Vue) {
+	  Vue.component(RangeConnected$4.name, RangeConnected$4);
 	};
 
 	// Add componentType for SSR
-	RangeInput.componentType = constants_1$1.rangeInput;
+	RangeConnected$4.componentType = constants_1$1.rangeInput;
 
 	var _excluded = ["options"];
 	var updateQuery$c = lib_5.updateQuery,
@@ -25733,7 +25868,7 @@
 	        break;
 	      // basic components
 	      case constants_1$1.toggleButton:
-	        component = ListConnected$4;
+	        component = TBConnected;
 	        break;
 	      // range components
 	      case constants_1$1.dynamicRangeSlider:
@@ -25760,12 +25895,13 @@
 	    });
 	  }
 	});
-	ReactiveComponent.install = function (Vue) {
-	  Vue.component(ReactiveComponent.name, RcConnected);
+	RcConnected.name = ReactiveComponent.name;
+	RcConnected.install = function (Vue) {
+	  Vue.component(RcConnected.name, RcConnected);
 	};
 
 	// Add componentType for SSR
-	ReactiveComponent.componentType = constants_1$1.reactiveComponent;
+	RcConnected.componentType = constants_1$1.reactiveComponent;
 
 	var setValue$2 = lib_5.setValue,
 	  clearValues = lib_5.clearValues,
@@ -25929,8 +26065,9 @@
 	  resetValuesToDefault: resetValuesToDefault
 	};
 	var RcConnected$1 = connect(mapStateToProps$g, mapDispatchtoProps$c)(SelectedFilters);
-	SelectedFilters.install = function (Vue) {
-	  Vue.component(SelectedFilters.name, RcConnected$1);
+	RcConnected$1.name = SelectedFilters.name;
+	RcConnected$1.install = function (Vue) {
+	  Vue.component(RcConnected$1.name, RcConnected$1);
 	};
 
 	var ResultCardTitle = {
@@ -26376,8 +26513,9 @@
 	  setSearchStateFn: setSearchState
 	};
 	var StateProviderConnected = connect(mapStateToProps$h, mapDispatchtoProps$d)(StateProvider);
-	StateProvider.install = function (Vue) {
-	  Vue.component(StateProvider.name, StateProviderConnected);
+	StateProviderConnected.name = StateProvider.name;
+	StateProviderConnected.install = function (Vue) {
+	  Vue.component(StateProviderConnected.name, StateProviderConnected);
 	};
 
 	function ownKeys$1(object, enumerableOnly) {
@@ -34959,9 +35097,9 @@
 	  });
 	}
 
-	var version = "1.33.3";
+	var version = "1.33.5";
 
-	var components$1 = [ReactiveList, ResultCard, ResultList, ReactiveBase, DataSearch, SearchBox, SingleList, MultiList, SingleRange, MultiRange, RangeSlider, DynamicRangeSlider, ReactiveComponent, SelectedFilters, ToggleButton, SingleDropdownList, MultiDropdownList, StateProvider, RangeInput];
+	var components$1 = [RLConnected, ResultCard, ResultList, ReactiveBase, DSConnected, SBConnected, ListConnected, ListConnected$1, RangeConnected$1, RangeConnected$2, RangeConnected$3, RangeConnected, RcConnected, RcConnected$1, TBConnected, ListConnected$2, ListConnected$3, StateProviderConnected, RangeConnected$4];
 	function install (Vue) {
 	  components$1.map(function (component) {
 	    Vue.use(component);
@@ -34978,26 +35116,26 @@
 	  install: install
 	};
 
-	exports.DataSearch = DataSearch;
-	exports.DynamicRangeSlider = DynamicRangeSlider;
-	exports.MultiDropdownList = MultiDropdownList;
-	exports.MultiList = MultiList;
-	exports.MultiRange = MultiRange;
-	exports.RangeInput = RangeInput;
-	exports.RangeSlider = RangeSlider;
+	exports.DataSearch = DSConnected;
+	exports.DynamicRangeSlider = RangeConnected;
+	exports.MultiDropdownList = ListConnected$3;
+	exports.MultiList = ListConnected$1;
+	exports.MultiRange = RangeConnected$2;
+	exports.RangeInput = RangeConnected$4;
+	exports.RangeSlider = RangeConnected$3;
 	exports.ReactiveBase = ReactiveBase;
-	exports.ReactiveComponent = ReactiveComponent;
+	exports.ReactiveComponent = RcConnected;
 	exports.ReactiveGoogleMap = ReactiveGoogleMap;
-	exports.ReactiveList = ReactiveList;
+	exports.ReactiveList = RLConnected;
 	exports.ResultCard = ResultCard;
 	exports.ResultList = ResultList;
-	exports.SearchBox = SearchBox;
-	exports.SelectedFilters = SelectedFilters;
-	exports.SingleDropdownList = SingleDropdownList;
-	exports.SingleList = SingleList;
-	exports.SingleRange = SingleRange;
-	exports.StateProvider = StateProvider;
-	exports.ToggleButton = ToggleButton;
+	exports.SearchBox = SBConnected;
+	exports.SelectedFilters = RcConnected$1;
+	exports.SingleDropdownList = ListConnected$2;
+	exports.SingleList = ListConnected;
+	exports.SingleRange = RangeConnected$1;
+	exports.StateProvider = StateProviderConnected;
+	exports.ToggleButton = TBConnected;
 	exports.componentTypes = constants_1$1;
 	exports.default = index$4;
 	exports.initReactivesearch = initReactivesearch;