@appbaseio/reactivesearch-vue 1.29.0 → 1.30.0

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

@@ -779,12 +779,14 @@
 	  var REMOVE_COMPONENT = exports.REMOVE_COMPONENT = 'REMOVE_COMPONENT';
 	  var WATCH_COMPONENT = exports.WATCH_COMPONENT = 'WATCH_COMPONENT';
 	  var SET_QUERY = exports.SET_QUERY = 'SET_QUERY';
+	  var SET_APPBASE_QUERY = exports.SET_APPBASE_QUERY = 'SET_APPBASE_QUERY';
 	  var SET_QUERY_OPTIONS = exports.SET_QUERY_OPTIONS = 'SET_QUERY_OPTIONS';
 	  var EXECUTE_QUERY = exports.EXECUTE_QUERY = 'EXECUTE_QUERY';
 	  var UPDATE_HITS = exports.UPDATE_HITS = 'UPDATE_HITS';
 	  var UPDATE_AGGS = exports.UPDATE_AGGS = 'UPDATE_AGGS';
 	  var UPDATE_COMPOSITE_AGGS = exports.UPDATE_COMPOSITE_AGGS = 'UPDATE_COMPOSITE_AGGS';
 	  var ADD_CONFIG = exports.ADD_CONFIG = 'ADD_CONFIG';
+	  var UPDATE_CONFIG = exports.UPDATE_CONFIG = 'UPDATE_CONFIG';
 	  var ADD_APPBASE_REF = exports.ADD_APPBASE_REF = 'ADD_APPBASE_REF';
 	  var LOG_QUERY = exports.LOG_QUERY = 'LOG_QUERY';
 	  var LOG_COMBINED_QUERY = exports.LOG_COMBINED_QUERY = 'LOG_COMBINED_QUERY';
@@ -819,6 +821,7 @@
 	  var RECENT_SEARCHES_SUCCESS = exports.RECENT_SEARCHES_SUCCESS = 'RECENT_SEARCHES_SUCCESS';
 	  var RECENT_SEARCHES_ERROR = exports.RECENT_SEARCHES_ERROR = 'RECENT_SEARCHES_ERROR';
 	  var SET_VALUE = exports.SET_VALUE = 'SET_VALUE';
+	  var SET_VALUES = exports.SET_VALUES = 'SET_VALUES';
 	  var RESET_TO_DEFAULT = exports.RESET_TO_DEFAULT = 'RESET_TO_DEFAULT';
 	  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';
@@ -829,50 +832,53 @@
 	var constants_2 = constants.REMOVE_COMPONENT;
 	var constants_3 = constants.WATCH_COMPONENT;
 	var constants_4 = constants.SET_QUERY;
-	var constants_5 = constants.SET_QUERY_OPTIONS;
-	var constants_6 = constants.EXECUTE_QUERY;
-	var constants_7 = constants.UPDATE_HITS;
-	var constants_8 = constants.UPDATE_AGGS;
-	var constants_9 = constants.UPDATE_COMPOSITE_AGGS;
-	var constants_10 = constants.ADD_CONFIG;
-	var constants_11 = constants.ADD_APPBASE_REF;
-	var constants_12 = constants.LOG_QUERY;
-	var constants_13 = constants.LOG_COMBINED_QUERY;
-	var constants_14 = constants.SET_INTERNAL_VALUE;
-	var constants_15 = constants.PATCH_VALUE;
-	var constants_16 = constants.CLEAR_VALUES;
-	var constants_17 = constants.SET_LOADING;
-	var constants_18 = constants.SET_ERROR;
-	var constants_19 = constants.SET_TIMESTAMP;
-	var constants_20 = constants.SET_HEADERS;
-	var constants_21 = constants.SET_MAP_DATA;
-	var constants_22 = constants.SET_QUERY_LISTENER;
-	var constants_23 = constants.STORE_KEY;
-	var constants_24 = constants.SET_SEARCH_ID;
-	var constants_25 = constants.SET_PROMOTED_RESULTS;
-	var constants_26 = constants.SET_DEFAULT_QUERY;
-	var constants_27 = constants.SET_CUSTOM_QUERY;
-	var constants_28 = constants.SET_CUSTOM_HIGHLIGHT_OPTIONS;
-	var constants_29 = constants.SET_CUSTOM_DATA;
-	var constants_30 = constants.SET_APPLIED_SETTINGS;
-	var constants_31 = constants.SET_PROPS;
-	var constants_32 = constants.UPDATE_PROPS;
-	var constants_33 = constants.REMOVE_PROPS;
-	var constants_34 = constants.SET_SUGGESTIONS_SEARCH_VALUE;
-	var constants_35 = constants.CLEAR_SUGGESTIONS_SEARCH_VALUE;
-	var constants_36 = constants.SET_SUGGESTIONS_SEARCH_ID;
-	var constants_37 = constants.UPDATE_ANALYTICS_CONFIG;
-	var constants_38 = constants.SET_RAW_DATA;
-	var constants_39 = constants.SET_POPULAR_SUGGESTIONS;
-	var constants_40 = constants.SET_DEFAULT_POPULAR_SUGGESTIONS;
-	var constants_41 = constants.SET_QUERY_TO_HITS;
-	var constants_42 = constants.RECENT_SEARCHES_SUCCESS;
-	var constants_43 = constants.RECENT_SEARCHES_ERROR;
-	var constants_44 = constants.SET_VALUE;
-	var constants_45 = constants.RESET_TO_DEFAULT;
-	var constants_46 = constants.SET_GOOGLE_MAP_SCRIPT_LOADING;
-	var constants_47 = constants.SET_GOOGLE_MAP_SCRIPT_LOADED;
-	var constants_48 = constants.SET_GOOGLE_MAP_SCRIPT_ERROR;
+	var constants_5 = constants.SET_APPBASE_QUERY;
+	var constants_6 = constants.SET_QUERY_OPTIONS;
+	var constants_7 = constants.EXECUTE_QUERY;
+	var constants_8 = constants.UPDATE_HITS;
+	var constants_9 = constants.UPDATE_AGGS;
+	var constants_10 = constants.UPDATE_COMPOSITE_AGGS;
+	var constants_11 = constants.ADD_CONFIG;
+	var constants_12 = constants.UPDATE_CONFIG;
+	var constants_13 = constants.ADD_APPBASE_REF;
+	var constants_14 = constants.LOG_QUERY;
+	var constants_15 = constants.LOG_COMBINED_QUERY;
+	var constants_16 = constants.SET_INTERNAL_VALUE;
+	var constants_17 = constants.PATCH_VALUE;
+	var constants_18 = constants.CLEAR_VALUES;
+	var constants_19 = constants.SET_LOADING;
+	var constants_20 = constants.SET_ERROR;
+	var constants_21 = constants.SET_TIMESTAMP;
+	var constants_22 = constants.SET_HEADERS;
+	var constants_23 = constants.SET_MAP_DATA;
+	var constants_24 = constants.SET_QUERY_LISTENER;
+	var constants_25 = constants.STORE_KEY;
+	var constants_26 = constants.SET_SEARCH_ID;
+	var constants_27 = constants.SET_PROMOTED_RESULTS;
+	var constants_28 = constants.SET_DEFAULT_QUERY;
+	var constants_29 = constants.SET_CUSTOM_QUERY;
+	var constants_30 = constants.SET_CUSTOM_HIGHLIGHT_OPTIONS;
+	var constants_31 = constants.SET_CUSTOM_DATA;
+	var constants_32 = constants.SET_APPLIED_SETTINGS;
+	var constants_33 = constants.SET_PROPS;
+	var constants_34 = constants.UPDATE_PROPS;
+	var constants_35 = constants.REMOVE_PROPS;
+	var constants_36 = constants.SET_SUGGESTIONS_SEARCH_VALUE;
+	var constants_37 = constants.CLEAR_SUGGESTIONS_SEARCH_VALUE;
+	var constants_38 = constants.SET_SUGGESTIONS_SEARCH_ID;
+	var constants_39 = constants.UPDATE_ANALYTICS_CONFIG;
+	var constants_40 = constants.SET_RAW_DATA;
+	var constants_41 = constants.SET_POPULAR_SUGGESTIONS;
+	var constants_42 = constants.SET_DEFAULT_POPULAR_SUGGESTIONS;
+	var constants_43 = constants.SET_QUERY_TO_HITS;
+	var constants_44 = constants.RECENT_SEARCHES_SUCCESS;
+	var constants_45 = constants.RECENT_SEARCHES_ERROR;
+	var constants_46 = constants.SET_VALUE;
+	var constants_47 = constants.SET_VALUES;
+	var constants_48 = constants.RESET_TO_DEFAULT;
+	var constants_49 = constants.SET_GOOGLE_MAP_SCRIPT_LOADING;
+	var constants_50 = constants.SET_GOOGLE_MAP_SCRIPT_LOADED;
+	var constants_51 = constants.SET_GOOGLE_MAP_SCRIPT_ERROR;
 
 	var componentsReducer_1 = createCommonjsModule(function (module, exports) {
 	  Object.defineProperty(exports, "__esModule", {
@@ -1126,6 +1132,40 @@
 	});
 	var queryReducer = unwrapExports(queryReducer_1);
 
+	var appbaseQueryReducer_1 = 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"] = appbaseQueryReducer;
+
+	  function appbaseQueryReducer() {
+	    var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+	    var action = arguments[1];
+
+	    if (action.type === constants.SET_APPBASE_QUERY) {
+	      return _extends({}, state, action.query);
+	    }
+
+	    return state;
+	  }
+	});
+	unwrapExports(appbaseQueryReducer_1);
+
 	var queryOptionsReducer_1 = createCommonjsModule(function (module, exports) {
 	  Object.defineProperty(exports, "__esModule", {
 	    value: true
@@ -1200,10 +1240,11 @@
 	    reactiveList: 'REACTIVELIST',
 	    dataSearch: 'DATASEARCH',
 	    categorySearch: 'CATEGORYSEARCH',
-	    searchBox: 'SUGGESTION',
+	    searchBox: 'SEARCHBOX',
 	    singleList: 'SINGLELIST',
 	    multiList: 'MULTILIST',
 	    singleDataList: 'SINGLEDATALIST',
+	    tabDataList: 'TABDATALIST',
 	    singleDropdownList: 'SINGLEDROPDOWNLIST',
 	    multiDataList: 'MULTIDATALIST',
 	    multiDropdownList: 'MULTIDROPDOWNLIST',
@@ -1223,7 +1264,8 @@
 	    rangeInput: 'RANGEINPUT',
 	    geoDistanceDropdown: 'GEO_DISTANCE_DROPDOWN',
 	    geoDistanceSlider: 'GEO_DISTANCE_SLIDER',
-	    reactiveMap: 'REACTIVE_MAP'
+	    reactiveMap: 'REACTIVE_MAP',
+	    reactiveChart: 'REACTIVE_CHART'
 	  };
 	  var queryTypes = exports.queryTypes = {
 	    search: 'search',
@@ -1232,18 +1274,23 @@
 	    geo: 'geo',
 	    suggestion: 'suggestion'
 	  };
-	  var validProps = exports.validProps = ['componentType', 'aggregationField', 'aggregationSize', 'distinctField', 'distinctFieldConfig', 'index', 'dataField', 'includeFields', 'excludeFields', 'size', 'from', 'sortBy', 'sortOptions', 'pagination', 'autoFocus', 'autosuggest', 'debounce', 'defaultValue', 'defaultSuggestions', 'fieldWeights', 'filterLabel', 'fuzziness', 'highlight', 'highlightField', 'nestedField', 'placeholder', 'queryFormat', 'searchOperators', 'enableSynonyms', 'enableQuerySuggestions', 'enablePopularSuggestions', 'queryString', 'categoryField', 'strictSelection', 'selectAllLabel', 'showCheckbox', 'showFilter', 'showSearch', 'showCount', 'showLoadMore', 'loadMoreLabel', 'showMissing', 'missingLabel', 'data', 'showRadio', 'multiSelect', 'includeNullValues', 'interval', 'showHistogram', 'snap', 'stepValue', 'range', 'showSlider', 'parseDate', 'calendarInterval', 'unit', 'enablePopularSuggestions', 'popularSuggestionsConfig', 'enableRecentSuggestions', 'recentSuggestionsConfig', 'enablePredictiveSuggestions', 'applyStopwords', 'customStopwords'];
+	  var validProps = exports.validProps = ['type', 'componentType', 'aggregationField', 'aggregationSize', 'distinctField', 'distinctFieldConfig', 'index', 'aggregations', 'dataField', 'includeFields', 'excludeFields', 'size', 'from', 'sortBy', 'sortOptions', 'pagination', 'autoFocus', 'autosuggest', 'debounce', 'defaultValue', 'defaultSuggestions', 'fieldWeights', 'filterLabel', 'fuzziness', 'highlight', 'highlightField', 'nestedField', 'placeholder', 'queryFormat', 'searchOperators', 'enableSynonyms', 'enableQuerySuggestions', 'enablePopularSuggestions', 'queryString', 'categoryField', 'strictSelection', 'selectAllLabel', 'showCheckbox', 'showFilter', 'showSearch', 'showCount', 'showLoadMore', 'loadMoreLabel', 'showMissing', 'missingLabel', 'data', 'showRadio', 'multiSelect', 'includeNullValues', 'interval', 'showHistogram', 'snap', 'stepValue', 'range', 'showSlider', 'parseDate', 'calendarInterval', 'unit', 'enablePopularSuggestions', 'enableRecentSuggestions', 'popularSuggestionsConfig', 'recentSuggestionsConfig', 'indexSuggestionsConfig', 'featuredSuggestionsConfig', 'enablePredictiveSuggestions', 'applyStopwords', 'customStopwords', 'enableIndexSuggestions', 'enableFeaturedSuggestions'];
 	  var CLEAR_ALL = exports.CLEAR_ALL = {
 	    NEVER: 'never',
 	    ALWAYS: 'always',
 	    DEFAULT: 'default'
 	  };
+	  var SEARCH_COMPONENTS_MODES = exports.SEARCH_COMPONENTS_MODES = {
+	    SELECT: 'select',
+	    TAG: 'tag'
+	  };
 	});
 	unwrapExports(constants$1);
 	var constants_1$1 = constants$1.componentTypes;
 	var constants_2$1 = constants$1.queryTypes;
 	var constants_3$1 = constants$1.validProps;
 	var constants_4$1 = constants$1.CLEAR_ALL;
+	var constants_5$1 = constants$1.SEARCH_COMPONENTS_MODES;
 
 	var analytics = createCommonjsModule(function (module, exports) {
 	  Object.defineProperty(exports, "__esModule", {
@@ -1415,6 +1462,8 @@
 	      return _extends({}, state, {
 	        analyticsConfig: _extends({}, state.analyticsConfig, action.analyticsConfig)
 	      });
+	    } else if (action.type === constants.UPDATE_CONFIG) {
+	      return _extends({}, state, action.config);
 	    }
 
 	    return state;
@@ -1719,16 +1768,41 @@
 
 	    switch (action.type) {
 	      case constants.SET_VALUE:
-	        return _extends({}, state, _defineProperty({}, action.component, {
-	          value: action.value,
-	          label: action.label || action.component,
-	          showFilter: action.showFilter,
-	          URLParams: action.URLParams,
-	          componentType: action.componentType,
-	          category: action.category,
-	          meta: action.meta,
-	          reference: action.reference
-	        }));
+	        {
+	          var newState = {};
+	          Object.keys(action.componentsToReset || {}).forEach(function (id) {
+	            newState[id] = _extends({}, state[id], {
+	              value: action.componentsToReset[id]
+	            });
+	          });
+	          return _extends({}, state, newState, _defineProperty({}, action.component, {
+	            value: action.value,
+	            label: action.label || action.component,
+	            showFilter: action.showFilter,
+	            URLParams: action.URLParams,
+	            componentType: action.componentType,
+	            category: action.category,
+	            meta: action.meta,
+	            reference: action.reference
+	          }));
+	        }
+
+	      case constants.SET_VALUES:
+	        {
+	          var componentKeys = action.componentsValues ? Object.keys(action.componentsValues) : [];
+
+	          if (componentKeys.length) {
+	            var _newState = {};
+	            componentKeys.forEach(function (component) {
+	              _newState[component] = _extends({}, state[component], {
+	                value: action.componentsValues[component]
+	              });
+	            });
+	            return _extends({}, state, _newState);
+	          }
+
+	          return state;
+	        }
 
 	      case constants.PATCH_VALUE:
 	        return _extends({}, state, _defineProperty({}, action.component, _extends({}, state[action.component], action.payload)));
@@ -3270,6 +3344,8 @@
 
 	  var _queryReducer2 = _interopRequireDefault(queryReducer_1);
 
+	  var _appbaseQueryReducer2 = _interopRequireDefault(appbaseQueryReducer_1);
+
 	  var _queryOptionsReducer2 = _interopRequireDefault(queryOptionsReducer_1);
 
 	  var _configReducer2 = _interopRequireDefault(configReducer_1);
@@ -3374,7 +3450,8 @@
 	      var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 	      return state;
 	    },
-	    googleMapScriptStatus: _googleMapScriptReducer2["default"]
+	    googleMapScriptStatus: _googleMapScriptReducer2["default"],
+	    lastUsedAppbaseQuery: _appbaseQueryReducer2["default"]
 	  });
 	});
 	unwrapExports(reducers);
@@ -4954,7 +5031,7 @@
 	  Object.defineProperty(exports, "__esModule", {
 	    value: true
 	  });
-	  exports.hasCustomRenderer = exports.getComponent = exports.isFunction = exports.getCalendarIntervalErrorMessage = exports.queryFormatMillisecondsMap = exports.suggestionTypes = exports.getTopSuggestions = exports.withClickIds = exports.getCompositeAggsQuery = exports.getAggsQuery = exports.extractQueryFromDefaultQuery = exports.updateInternalQuery = exports.getSearchState = exports.extractQueryFromCustomQuery = exports.getOptionsForCustomQuery = exports.getOptionsFromQuery = exports.parseHits = exports.handleA11yAction = exports.getInnerKey = exports.getClassName = exports.checkSomePropChange = exports.checkPropChange = exports.updateDefaultQuery = exports.updateCustomQuery = undefined;
+	  exports.flatten = exports.saveDataAsFile = exports.hasCustomRenderer = exports.getComponent = exports.isFunction = exports.getCalendarIntervalErrorMessage = exports.queryFormatMillisecondsMap = exports.featuredSuggestionsActionTypes = exports.suggestionTypes = exports.getTopSuggestions = exports.withClickIds = exports.getCompositeAggsQuery = exports.getAggsQuery = exports.extractQueryFromDefaultQuery = exports.updateInternalQuery = exports.getSearchState = exports.extractQueryFromCustomQuery = exports.getOptionsForCustomQuery = exports.getOptionsFromQuery = exports.parseHits = exports.handleA11yAction = exports.getInnerKey = exports.getClassName = exports.checkSomePropChange = exports.checkPropChange = exports.updateDefaultQuery = exports.updateCustomQuery = undefined;
 
 	  var _extends = Object.assign || function (target) {
 	    for (var i = 1; i < arguments.length; i++) {
@@ -5524,7 +5601,7 @@
 	  var updateInternalQuery = exports.updateInternalQuery = function updateInternalQuery(componentId, queryOptions, value, props, defaultQueryToExecute, queryParams) {
 	    var defaultQuery = props.defaultQuery;
 	    var defaultQueryOptions = void 0;
-	    var query = void 0;
+	    var query = defaultQueryToExecute;
 
 	    if (defaultQuery) {
 	      var queryTobeSet = defaultQuery(value, props);
@@ -5536,14 +5613,15 @@
 	      updateDefaultQuery(componentId, props, value);
 	    }
 
-	    props.setQueryOptions(componentId, _extends({}, defaultQueryOptions, queryOptions || defaultQueryToExecute));
-
 	    if (query) {
+	      props.setQueryOptions(componentId, _extends({}, defaultQueryOptions, queryOptions || defaultQueryToExecute));
 	      props.updateQuery(_extends({
 	        componentId: componentId,
 	        query: query,
 	        value: value
 	      }, queryParams));
+	    } else {
+	      props.setQueryOptions(componentId, _extends({}, defaultQueryOptions, queryOptions || defaultQueryToExecute));
 	    }
 	  };
 
@@ -5678,7 +5756,7 @@
 	    } : null, {
 	      time: time || 0,
 	      hidden: hidden,
-	      promoted: promotedResults && promotedResults.length
+	      promoted: promotedResults ? promotedResults.length : 0
 	    });
 	  }
 
@@ -5816,7 +5894,12 @@
 	    Popular: 'popular',
 	    Index: 'index',
 	    Recent: 'recent',
-	    Promoted: 'promoted'
+	    Promoted: 'promoted',
+	    Featured: 'featured'
+	  };
+	  var featuredSuggestionsActionTypes = exports.featuredSuggestionsActionTypes = {
+	    NAVIGATE: 'navigate',
+	    FUNCTION: 'function'
 	  };
 	  var queryFormatMillisecondsMap = exports.queryFormatMillisecondsMap = {
 	    minute: 60000,
@@ -5884,182 +5967,177 @@
 	        children = props.children;
 	    return isFunction(children) || isFunction(render);
 	  };
-	});
-	unwrapExports(helper);
-	var helper_1 = helper.hasCustomRenderer;
-	var helper_2 = helper.getComponent;
-	var helper_3 = helper.isFunction;
-	var helper_4 = helper.getCalendarIntervalErrorMessage;
-	var helper_5 = helper.queryFormatMillisecondsMap;
-	var helper_6 = helper.suggestionTypes;
-	var helper_7 = helper.getTopSuggestions;
-	var helper_8 = helper.withClickIds;
-	var helper_9 = helper.getCompositeAggsQuery;
-	var helper_10 = helper.getAggsQuery;
-	var helper_11 = helper.extractQueryFromDefaultQuery;
-	var helper_12 = helper.updateInternalQuery;
-	var helper_13 = helper.getSearchState;
-	var helper_14 = helper.extractQueryFromCustomQuery;
-	var helper_15 = helper.getOptionsForCustomQuery;
-	var helper_16 = helper.getOptionsFromQuery;
-	var helper_17 = helper.parseHits;
-	var helper_18 = helper.handleA11yAction;
-	var helper_19 = helper.getInnerKey;
-	var helper_20 = helper.getClassName;
-	var helper_21 = helper.checkSomePropChange;
-	var helper_22 = helper.checkPropChange;
-	var helper_23 = helper.updateDefaultQuery;
-	var helper_24 = helper.updateCustomQuery;
-	var helper_25 = helper.isEqual;
-	var helper_26 = helper.compareQueries;
-	var helper_27 = helper.debounce;
-	var helper_28 = helper.getQueryOptions;
-	var helper_29 = helper.buildQuery;
-	var helper_30 = helper.pushToAndClause;
-	var helper_31 = helper.checkValueChange;
-	var helper_32 = helper.getAggsOrder;
-	var helper_33 = helper.formatDate;
-	var helper_34 = helper.getResultStats;
-	var helper_35 = helper.extractFieldsFromSource;
-	var helper_36 = helper.normalizeDataField;
-	var helper_37 = helper.handleOnSuggestions;
-	var helper_38 = helper.isValidDateRangeQueryFormat;
 
-	var value = createCommonjsModule(function (module, exports) {
-	  Object.defineProperty(exports, "__esModule", {
-	    value: true
-	  });
+	  var saveDataAsFile = exports.saveDataAsFile = function saveDataAsFile() {
+	    var filename = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'exportedData';
+	    var data = arguments[1];
+	    var format = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'csv';
+	    var dataToWrite = data;
+	    var dataType = 'text/' + format;
 
-	  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];
-	        }
-	      }
+	    if (format === 'json') {
+	      dataToWrite = JSON.stringify(dataToWrite, 0, 4);
 	    }
 
-	    return target;
+	    var blob = new Blob([dataToWrite], {
+	      type: dataType
+	    });
+	    var link = document.createElement('a');
+	    link.download = filename + '.' + format;
+	    link.href = window.URL.createObjectURL(blob);
+	    link.dataset.downloadurl = [dataType, link.download, link.href].join(':');
+	    var evt = new MouseEvent('click', {
+	      view: window,
+	      bubbles: true,
+	      cancelable: true
+	    });
+	    link.dispatchEvent(evt);
+	    link.remove();
 	  };
 
-	  exports.setValue = setValue;
-	  exports.resetValuesToDefault = resetValuesToDefault;
-	  exports.setInternalValue = setInternalValue;
-	  exports.patchValue = patchValue;
-	  exports.clearValues = clearValues;
+	  var flatten = exports.flatten = function flatten(data) {
+	    var result = {};
 
-	  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;
-	    }
+	    function recurse(cur) {
+	      var prop = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
 
-	    return obj;
-	  }
+	      if (Object(cur) !== cur) {
+	        result[prop] = cur;
+	      } else if (Array.isArray(cur)) {
+	        result[prop] = JSON.stringify(cur);
+	      } else {
+	        var isEmpty = true;
+	        Object.keys(cur).forEach(function (p) {
+	          isEmpty = false;
+	          recurse(cur[p], prop ? prop + '.' + p : p);
+	        });
 
-	  function setValue(component, value, label, showFilter, URLParams, componentType, category, meta) {
-	    return function (dispatch, getState) {
-	      var _getState = getState(),
-	          urlValues = _getState.urlValues;
+	        if (isEmpty && prop) {
+	          result[prop] = {};
+	        }
+	      }
+	    }
 
-	      var reference = void 0;
+	    recurse(data);
+	    return result;
+	  };
+	});
+	unwrapExports(helper);
+	var helper_1 = helper.flatten;
+	var helper_2 = helper.saveDataAsFile;
+	var helper_3 = helper.hasCustomRenderer;
+	var helper_4 = helper.getComponent;
+	var helper_5 = helper.isFunction;
+	var helper_6 = helper.getCalendarIntervalErrorMessage;
+	var helper_7 = helper.queryFormatMillisecondsMap;
+	var helper_8 = helper.featuredSuggestionsActionTypes;
+	var helper_9 = helper.suggestionTypes;
+	var helper_10 = helper.getTopSuggestions;
+	var helper_11 = helper.withClickIds;
+	var helper_12 = helper.getCompositeAggsQuery;
+	var helper_13 = helper.getAggsQuery;
+	var helper_14 = helper.extractQueryFromDefaultQuery;
+	var helper_15 = helper.updateInternalQuery;
+	var helper_16 = helper.getSearchState;
+	var helper_17 = helper.extractQueryFromCustomQuery;
+	var helper_18 = helper.getOptionsForCustomQuery;
+	var helper_19 = helper.getOptionsFromQuery;
+	var helper_20 = helper.parseHits;
+	var helper_21 = helper.handleA11yAction;
+	var helper_22 = helper.getInnerKey;
+	var helper_23 = helper.getClassName;
+	var helper_24 = helper.checkSomePropChange;
+	var helper_25 = helper.checkPropChange;
+	var helper_26 = helper.updateDefaultQuery;
+	var helper_27 = helper.updateCustomQuery;
+	var helper_28 = helper.isEqual;
+	var helper_29 = helper.compareQueries;
+	var helper_30 = helper.debounce;
+	var helper_31 = helper.getQueryOptions;
+	var helper_32 = helper.buildQuery;
+	var helper_33 = helper.pushToAndClause;
+	var helper_34 = helper.checkValueChange;
+	var helper_35 = helper.getAggsOrder;
+	var helper_36 = helper.formatDate;
+	var helper_37 = helper.getResultStats;
+	var helper_38 = helper.extractFieldsFromSource;
+	var helper_39 = helper.normalizeDataField;
+	var helper_40 = helper.handleOnSuggestions;
+	var helper_41 = helper.isValidDateRangeQueryFormat;
 
-	      if ((0, helper.isEqual)(urlValues[component], value)) {
-	        reference = 'URL';
-	      }
+	var hits = createCommonjsModule(function (module, exports) {
+	  Object.defineProperty(exports, "__esModule", {
+	    value: true
+	  });
+	  exports.updateAggs = updateAggs;
+	  exports.updateCompositeAggs = updateCompositeAggs;
+	  exports.updateHits = updateHits;
+	  exports.saveQueryToHits = saveQueryToHits;
+	  exports.mockDataForTesting = mockDataForTesting;
 
-	      dispatch({
-	        type: constants.SET_VALUE,
-	        component: component,
-	        reference: reference,
-	        value: value,
-	        label: label,
-	        showFilter: showFilter,
-	        URLParams: URLParams,
-	        componentType: componentType,
-	        category: category,
-	        meta: meta
-	      });
+	  function updateAggs(component, aggregations) {
+	    var append = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+	    return {
+	      type: constants.UPDATE_AGGS,
+	      component: component,
+	      aggregations: aggregations,
+	      append: append
 	    };
 	  }
 
-	  function resetValuesToDefault(clearAllBlacklistComponents) {
-	    return function (dispatch, getState) {
-	      var _getState2 = getState(),
-	          selectedValues = _getState2.selectedValues,
-	          componentProps = _getState2.props;
-
-	      var defaultValues = {};
-	      var valueToSet = void 0;
-	      Object.keys(selectedValues).forEach(function (component) {
-	        if (!(Array.isArray(clearAllBlacklistComponents) && clearAllBlacklistComponents.includes(component))) {
-	          if (!componentProps[component] || !componentProps[component].componentType || !componentProps[component].defaultValue) {
-	            valueToSet = null;
-	          } else if ([constants$1.componentTypes.rangeSlider, constants$1.componentTypes.rangeInput, constants$1.componentTypes.ratingsFilter, constants$1.componentTypes.dateRange].includes(componentProps[component].componentType)) {
-	            valueToSet = typeof componentProps[component].defaultValue === 'object' ? [componentProps[component].defaultValue.start, componentProps[component].defaultValue.end] : null;
-	          } else if ([constants$1.componentTypes.multiDropdownList, constants$1.componentTypes.multiDataList, constants$1.componentTypes.multiList, constants$1.componentTypes.singleDataList, constants$1.componentTypes.singleDropdownList, constants$1.componentTypes.singleList, constants$1.componentTypes.tagCloud, constants$1.componentTypes.toggleButton, constants$1.componentTypes.multiDropdownRange, constants$1.componentTypes.multiRange, constants$1.componentTypes.singleDropdownRange, constants$1.componentTypes.singleRange, constants$1.componentTypes.dataSearch, constants$1.componentTypes.datePicker].includes(componentProps[component].componentType)) {
-	            valueToSet = componentProps[component].defaultValue;
-	          } else if ([constants$1.componentTypes.categorySearch].includes(componentProps[component].componentType)) {
-	            valueToSet = componentProps[component].defaultValue ? componentProps[component].defaultValue.term : '';
-	          }
-
-	          if (!(0, helper.isEqual)(selectedValues[component].value, valueToSet)) {
-	            defaultValues = _extends({}, defaultValues, _defineProperty({}, component, _extends({}, selectedValues[component], {
-	              value: valueToSet
-	            })));
-	          }
-	        }
-	      });
-	      dispatch({
-	        type: constants.RESET_TO_DEFAULT,
-	        defaultValues: defaultValues
-	      });
+	  function updateCompositeAggs(component, aggregations) {
+	    var append = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+	    return {
+	      type: constants.UPDATE_COMPOSITE_AGGS,
+	      component: component,
+	      aggregations: aggregations,
+	      append: append
 	    };
 	  }
 
-	  function setInternalValue(component, value, componentType, category, meta) {
+	  function updateHits(component, hits, time, hidden) {
+	    var append = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
 	    return {
-	      type: constants.SET_INTERNAL_VALUE,
+	      type: constants.UPDATE_HITS,
 	      component: component,
-	      value: value,
-	      componentType: componentType,
-	      category: category,
-	      meta: meta
+	      hits: hits.hits,
+	      total: typeof hits.total === 'object' ? hits.total.value : hits.total,
+	      hidden: hidden,
+	      time: time,
+	      append: append
 	    };
 	  }
 
-	  function patchValue(component, payload) {
+	  function saveQueryToHits(component, query) {
 	    return {
-	      type: constants.PATCH_VALUE,
+	      type: constants.SET_QUERY_TO_HITS,
 	      component: component,
-	      payload: payload
+	      query: query
 	    };
 	  }
 
-	  function clearValues() {
-	    var resetValues = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-	    var clearAllBlacklistComponents = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-	    return {
-	      type: constants.CLEAR_VALUES,
-	      resetValues: resetValues,
-	      clearAllBlacklistComponents: clearAllBlacklistComponents
+	  function mockDataForTesting(component, data) {
+	    return function (dispatch) {
+	      if (data.hasOwnProperty('error')) {
+	        dispatch((0, misc.setError)(component, data.error));
+	      }
+
+	      if (data.hasOwnProperty('aggregations')) {
+	        dispatch(updateAggs(component, data.aggregations));
+	      }
+
+	      if (data.hasOwnProperty('hits')) {
+	        dispatch(updateHits(component, data, data.time || undefined));
+	      }
 	    };
 	  }
 	});
-	unwrapExports(value);
-	var value_1 = value.setValue;
-	var value_2 = value.resetValuesToDefault;
-	var value_3 = value.setInternalValue;
-	var value_4 = value.patchValue;
-	var value_5 = value.clearValues;
+	unwrapExports(hits);
+	var hits_1 = hits.updateAggs;
+	var hits_2 = hits.updateCompositeAggs;
+	var hits_3 = hits.updateHits;
+	var hits_4 = hits.saveQueryToHits;
+	var hits_5 = hits.mockDataForTesting;
 
 	var misc = createCommonjsModule(function (module, exports) {
 	  Object.defineProperty(exports, "__esModule", {
@@ -6088,6 +6166,8 @@
 	  exports.setGoogleMapScriptLoading = setGoogleMapScriptLoading;
 	  exports.setGoogleMapScriptLoaded = setGoogleMapScriptLoaded;
 	  exports.setGoogleMapScriptError = setGoogleMapScriptError;
+	  exports.resetStoreForComponent = resetStoreForComponent;
+	  exports.setLastUsedAppbaseQuery = setLastUsedAppbaseQuery;
 
 	  function setRawData(component, response) {
 	    return {
@@ -6279,6 +6359,29 @@
 	      error: error
 	    };
 	  }
+
+	  function resetStoreForComponent(componentId) {
+	    return function (dispatch) {
+	      dispatch(setRawData(componentId, null));
+	      dispatch(setCustomData(null, componentId));
+	      dispatch(setPromotedResults([], componentId));
+	      dispatch(setPopularSuggestions([], componentId));
+	      dispatch(setDefaultPopularSuggestions([], componentId));
+	      dispatch((0, hits.updateAggs)(componentId, null));
+	      dispatch((0, hits.updateCompositeAggs)(componentId, {}));
+	      dispatch((0, hits.updateHits)(componentId, {
+	        hits: [],
+	        total: 0
+	      }, 0));
+	    };
+	  }
+
+	  function setLastUsedAppbaseQuery(query) {
+	    return {
+	      type: constants.SET_APPBASE_QUERY,
+	      query: query
+	    };
+	  }
 	});
 	unwrapExports(misc);
 	var misc_1 = misc.setRawData;
@@ -6304,76 +6407,8 @@
 	var misc_21 = misc.setGoogleMapScriptLoading;
 	var misc_22 = misc.setGoogleMapScriptLoaded;
 	var misc_23 = misc.setGoogleMapScriptError;
-
-	var hits = createCommonjsModule(function (module, exports) {
-	  Object.defineProperty(exports, "__esModule", {
-	    value: true
-	  });
-	  exports.updateAggs = updateAggs;
-	  exports.updateCompositeAggs = updateCompositeAggs;
-	  exports.updateHits = updateHits;
-	  exports.saveQueryToHits = saveQueryToHits;
-	  exports.mockDataForTesting = mockDataForTesting;
-
-	  function updateAggs(component, aggregations) {
-	    var append = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-	    return {
-	      type: constants.UPDATE_AGGS,
-	      component: component,
-	      aggregations: aggregations,
-	      append: append
-	    };
-	  }
-
-	  function updateCompositeAggs(component, aggregations) {
-	    var append = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-	    return {
-	      type: constants.UPDATE_COMPOSITE_AGGS,
-	      component: component,
-	      aggregations: aggregations,
-	      append: append
-	    };
-	  }
-
-	  function updateHits(component, hits, time, hidden) {
-	    var append = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
-	    return {
-	      type: constants.UPDATE_HITS,
-	      component: component,
-	      hits: hits.hits,
-	      total: typeof hits.total === 'object' ? hits.total.value : hits.total,
-	      hidden: hidden,
-	      time: time,
-	      append: append
-	    };
-	  }
-
-	  function saveQueryToHits(component, query) {
-	    return {
-	      type: constants.SET_QUERY_TO_HITS,
-	      component: component,
-	      query: query
-	    };
-	  }
-
-	  function mockDataForTesting(component, data) {
-	    return function (dispatch) {
-	      if (data.hasOwnProperty('aggregations')) {
-	        dispatch(updateAggs(component, data.aggregations));
-	      }
-
-	      if (data.hasOwnProperty('hits')) {
-	        dispatch(updateHits(component, data, data.time || undefined));
-	      }
-	    };
-	  }
-	});
-	unwrapExports(hits);
-	var hits_1 = hits.updateAggs;
-	var hits_2 = hits.updateCompositeAggs;
-	var hits_3 = hits.updateHits;
-	var hits_4 = hits.saveQueryToHits;
-	var hits_5 = hits.mockDataForTesting;
+	var misc_24 = misc.resetStoreForComponent;
+	var misc_25 = misc.setLastUsedAppbaseQuery;
 
 	var xdate = createCommonjsModule(function (module) {
 	  /**
@@ -7236,7 +7271,7 @@
 	    return obj;
 	  }
 
-	  var componentToTypeMap = exports.componentToTypeMap = (_componentToTypeMap = {}, _defineProperty(_componentToTypeMap, constants$1.componentTypes.reactiveList, constants$1.queryTypes.search), _defineProperty(_componentToTypeMap, constants$1.componentTypes.dataSearch, constants$1.queryTypes.search), _defineProperty(_componentToTypeMap, constants$1.componentTypes.categorySearch, constants$1.queryTypes.search), _defineProperty(_componentToTypeMap, constants$1.componentTypes.searchBox, constants$1.queryTypes.suggestion), _defineProperty(_componentToTypeMap, constants$1.componentTypes.singleList, constants$1.queryTypes.term), _defineProperty(_componentToTypeMap, constants$1.componentTypes.multiList, constants$1.queryTypes.term), _defineProperty(_componentToTypeMap, constants$1.componentTypes.singleDataList, constants$1.queryTypes.term), _defineProperty(_componentToTypeMap, constants$1.componentTypes.singleDropdownList, constants$1.queryTypes.term), _defineProperty(_componentToTypeMap, constants$1.componentTypes.multiDataList, constants$1.queryTypes.term), _defineProperty(_componentToTypeMap, constants$1.componentTypes.multiDropdownList, constants$1.queryTypes.term), _defineProperty(_componentToTypeMap, constants$1.componentTypes.tagCloud, constants$1.queryTypes.term), _defineProperty(_componentToTypeMap, constants$1.componentTypes.toggleButton, constants$1.queryTypes.term), _defineProperty(_componentToTypeMap, constants$1.componentTypes.numberBox, constants$1.queryTypes.term), _defineProperty(_componentToTypeMap, constants$1.componentTypes.datePicker, constants$1.queryTypes.range), _defineProperty(_componentToTypeMap, constants$1.componentTypes.dateRange, constants$1.queryTypes.range), _defineProperty(_componentToTypeMap, constants$1.componentTypes.dynamicRangeSlider, constants$1.queryTypes.range), _defineProperty(_componentToTypeMap, constants$1.componentTypes.singleDropdownRange, constants$1.queryTypes.range), _defineProperty(_componentToTypeMap, constants$1.componentTypes.multiDropdownRange, constants$1.queryTypes.range), _defineProperty(_componentToTypeMap, constants$1.componentTypes.singleRange, constants$1.queryTypes.range), _defineProperty(_componentToTypeMap, constants$1.componentTypes.multiRange, constants$1.queryTypes.range), _defineProperty(_componentToTypeMap, constants$1.componentTypes.rangeSlider, constants$1.queryTypes.range), _defineProperty(_componentToTypeMap, constants$1.componentTypes.ratingsFilter, constants$1.queryTypes.range), _defineProperty(_componentToTypeMap, constants$1.componentTypes.rangeInput, constants$1.queryTypes.range), _defineProperty(_componentToTypeMap, constants$1.componentTypes.geoDistanceDropdown, constants$1.queryTypes.geo), _defineProperty(_componentToTypeMap, constants$1.componentTypes.geoDistanceSlider, constants$1.queryTypes.geo), _defineProperty(_componentToTypeMap, constants$1.componentTypes.reactiveMap, constants$1.queryTypes.geo), _componentToTypeMap);
+	  var componentToTypeMap = exports.componentToTypeMap = (_componentToTypeMap = {}, _defineProperty(_componentToTypeMap, constants$1.componentTypes.reactiveList, constants$1.queryTypes.search), _defineProperty(_componentToTypeMap, constants$1.componentTypes.dataSearch, constants$1.queryTypes.search), _defineProperty(_componentToTypeMap, constants$1.componentTypes.categorySearch, constants$1.queryTypes.search), _defineProperty(_componentToTypeMap, constants$1.componentTypes.searchBox, constants$1.queryTypes.suggestion), _defineProperty(_componentToTypeMap, constants$1.componentTypes.singleList, constants$1.queryTypes.term), _defineProperty(_componentToTypeMap, constants$1.componentTypes.multiList, constants$1.queryTypes.term), _defineProperty(_componentToTypeMap, constants$1.componentTypes.singleDataList, constants$1.queryTypes.term), _defineProperty(_componentToTypeMap, constants$1.componentTypes.singleDropdownList, constants$1.queryTypes.term), _defineProperty(_componentToTypeMap, constants$1.componentTypes.multiDataList, constants$1.queryTypes.term), _defineProperty(_componentToTypeMap, constants$1.componentTypes.multiDropdownList, constants$1.queryTypes.term), _defineProperty(_componentToTypeMap, constants$1.componentTypes.tagCloud, constants$1.queryTypes.term), _defineProperty(_componentToTypeMap, constants$1.componentTypes.toggleButton, constants$1.queryTypes.term), _defineProperty(_componentToTypeMap, constants$1.componentTypes.reactiveChart, constants$1.queryTypes.term), _defineProperty(_componentToTypeMap, constants$1.componentTypes.numberBox, constants$1.queryTypes.term), _defineProperty(_componentToTypeMap, constants$1.componentTypes.datePicker, constants$1.queryTypes.range), _defineProperty(_componentToTypeMap, constants$1.componentTypes.dateRange, constants$1.queryTypes.range), _defineProperty(_componentToTypeMap, constants$1.componentTypes.dynamicRangeSlider, constants$1.queryTypes.range), _defineProperty(_componentToTypeMap, constants$1.componentTypes.singleDropdownRange, constants$1.queryTypes.range), _defineProperty(_componentToTypeMap, constants$1.componentTypes.multiDropdownRange, constants$1.queryTypes.range), _defineProperty(_componentToTypeMap, constants$1.componentTypes.singleRange, constants$1.queryTypes.range), _defineProperty(_componentToTypeMap, constants$1.componentTypes.multiRange, constants$1.queryTypes.range), _defineProperty(_componentToTypeMap, constants$1.componentTypes.rangeSlider, constants$1.queryTypes.range), _defineProperty(_componentToTypeMap, constants$1.componentTypes.ratingsFilter, constants$1.queryTypes.range), _defineProperty(_componentToTypeMap, constants$1.componentTypes.rangeInput, constants$1.queryTypes.range), _defineProperty(_componentToTypeMap, constants$1.componentTypes.geoDistanceDropdown, constants$1.queryTypes.geo), _defineProperty(_componentToTypeMap, constants$1.componentTypes.geoDistanceSlider, constants$1.queryTypes.geo), _defineProperty(_componentToTypeMap, constants$1.componentTypes.reactiveMap, constants$1.queryTypes.geo), _componentToTypeMap);
 	  var multiRangeComponents = [constants$1.componentTypes.multiRange, constants$1.componentTypes.multiDropdownRange];
 	  var dateRangeComponents = [constants$1.componentTypes.dateRange, constants$1.componentTypes.datePicker];
 	  var searchComponents = [constants$1.componentTypes.categorySearch, constants$1.componentTypes.dataSearch, constants$1.componentTypes.searchBox];
@@ -7341,7 +7376,11 @@
 	        recentSuggestionsConfig: props.recentSuggestionsConfig,
 	        applyStopwords: props.applyStopwords,
 	        customStopwords: props.customStopwords,
-	        enablePredictiveSuggestions: props.enablePredictiveSuggestions
+	        enablePredictiveSuggestions: props.enablePredictiveSuggestions,
+	        featuredSuggestionsConfig: props.featuredSuggestionsConfig,
+	        indexSuggestionsConfig: props.indexSuggestionsConfig,
+	        enableFeaturedSuggestions: props.enableFeaturedSuggestions,
+	        enableIndexSuggestions: props.enableIndexSuggestions
 	      } : {}, {
 	        calendarInterval: props.calendarInterval
 	      });
@@ -7370,15 +7409,15 @@
 	      return null;
 	    }
 
-	    var queryType = componentToTypeMap[componentProps.componentType];
+	    var queryType = componentProps.type ? componentProps.type : componentToTypeMap[componentProps.componentType];
 	    var calcValues = store.selectedValues[component] || store.internalValues[component];
 	    var value = calcValues !== undefined && calcValues !== null ? calcValues.value : undefined;
 	    var queryFormat = componentProps.queryFormat;
 	    var calendarInterval = void 0;
 	    var interval = componentProps.interval;
-	    var type = componentToTypeMap[componentProps.componentType];
+	    var type = queryType;
 	    var dataField = componentProps.dataField;
-	    var aggregations = void 0;
+	    var aggregations = componentProps.aggregations;
 	    var pagination = void 0;
 	    var from = componentProps.from;
 
@@ -7582,6 +7621,14 @@
 	      value = undefined;
 	    }
 
+	    var queryValue = value || undefined;
+
+	    if (componentProps.componentType === constants$1.componentTypes.searchBox) {
+	      if (Array.isArray(queryValue)) {
+	        queryValue = undefined;
+	      }
+	    }
+
 	    return _extends({}, componentProps, {
 	      calendarInterval: calendarInterval,
 	      dataField: dataField,
@@ -7594,7 +7641,7 @@
 	      defaultQuery: store.defaultQueries ? store.defaultQueries[component] : undefined,
 	      customHighlight: store.customHighlightOptions ? store.customHighlightOptions[component] : undefined,
 	      categoryValue: store.internalValues[component] ? store.internalValues[component].category : undefined,
-	      value: componentProps.componentType === constants$1.componentTypes.searchBox ? value || undefined : value,
+	      value: queryValue,
 	      pagination: pagination,
 	      from: from
 	    }, customOptions);
@@ -7649,6 +7696,8 @@
 	            type: constants$1.queryTypes.search
 	          } : {}, calcValues.category ? {
 	            categoryValue: calcValues.category
+	          } : {}, calcValues.value ? {
+	            value: calcValues.value
 	          } : {}) : {})), execute);
 
 	          if (dependentQuery) {
@@ -7697,6 +7746,22 @@
 	  };
 
 	  exports.executeQueryListener = executeQueryListener;
+	  exports.updateStoreConfig = updateStoreConfig;
+
+	  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;
+	  }
 
 	  var handleTransformResponse = exports.handleTransformResponse = function handleTransformResponse() {
 	    var res = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
@@ -7772,7 +7837,8 @@
 	        _ref2$appendToAggs = _ref2.appendToAggs,
 	        appendToAggs = _ref2$appendToAggs === undefined ? false : _ref2$appendToAggs,
 	        _ref2$isSuggestionsQu = _ref2.isSuggestionsQuery,
-	        isSuggestionsQuery = _ref2$isSuggestionsQu === undefined ? false : _ref2$isSuggestionsQu;
+	        isSuggestionsQuery = _ref2$isSuggestionsQu === undefined ? false : _ref2$isSuggestionsQu,
+	        query = _ref2.query;
 
 	    var getState = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {};
 	    var dispatch = arguments[2];
@@ -7800,7 +7866,8 @@
 	        handleTransformResponse(res[component], config, component).then(function (response) {
 	          if (response) {
 	            var _getState4 = getState(),
-	                timestamp = _getState4.timestamp;
+	                timestamp = _getState4.timestamp,
+	                props = _getState4.props;
 
 	            if (timestamp[component] === undefined || timestamp[component] < res._timestamp) {
 	              var promotedResults = response.promoted;
@@ -7821,6 +7888,13 @@
 
 	              if (response.hits) {
 	                dispatch((0, misc.setTimestamp)(component, res._timestamp));
+
+	                if (props[component].componentType === constants$1.componentTypes.reactiveList && query.find(function (queryItem) {
+	                  return queryItem.id === component;
+	                }).execute) {
+	                  dispatch((0, misc.setLastUsedAppbaseQuery)(_defineProperty({}, component, query)));
+	                }
+
 	                dispatch((0, hits.updateHits)(component, response.hits, response.took, response.hits && response.hits.hidden, appendToHits));
 	                var internalComponentID = (0, transform.getInternalComponentID)(component);
 
@@ -7987,17 +8061,221 @@
 	      listener.onQueryChange(oldQuery, newQuery);
 	    }
 	  }
+
+	  function updateStoreConfig(payload) {
+	    return function (dispatch) {
+	      dispatch({
+	        type: constants.UPDATE_CONFIG,
+	        config: payload
+	      });
+	    };
+	  }
+	});
+	unwrapExports(utils);
+	var utils_1 = utils.getSuggestionQuery;
+	var utils_2 = utils.isPropertyDefined;
+	var utils_3 = utils.handleResponseMSearch;
+	var utils_4 = utils.handleResponse;
+	var utils_5 = utils.handleError;
+	var utils_6 = utils.getQuerySuggestionsId;
+	var utils_7 = utils.isComponentActive;
+	var utils_8 = utils.handleTransformResponse;
+	var utils_9 = utils.executeQueryListener;
+	var utils_10 = utils.updateStoreConfig;
+
+	var value = 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.setValue = setValue;
+	  exports.resetValuesToDefault = resetValuesToDefault;
+	  exports.setInternalValue = setInternalValue;
+	  exports.patchValue = patchValue;
+	  exports.clearValues = clearValues;
+	  exports.setValues = setValues;
+
+	  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 _toConsumableArray(arr) {
+	    if (Array.isArray(arr)) {
+	      for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) {
+	        arr2[i] = arr[i];
+	      }
+
+	      return arr2;
+	    } else {
+	      return Array.from(arr);
+	    }
+	  }
+
+	  function setValue(component, value, label, showFilter, URLParams, componentType, category, meta, updateSource) {
+	    return function (dispatch, getState) {
+	      var _getState = getState(),
+	          urlValues = _getState.urlValues,
+	          selectedValues = _getState.selectedValues,
+	          watchMan = _getState.watchMan,
+	          props = _getState.props;
+
+	      var reference = updateSource;
+
+	      if ((0, helper.isEqual)(urlValues[component], value)) {
+	        reference = 'URL';
+	      }
+
+	      var componentsToReset = {};
+	      var isResultComponent = [constants$1.componentTypes.reactiveList, constants$1.componentTypes.reactiveMap].includes(props[component] && props[component].componentType);
+	      var previousValue = selectedValues[component] && selectedValues[component].value;
+
+	      if (!(0, helper.isEqual)(previousValue, value) && props[component] && !isResultComponent) {
+	        var componentList = [component];
+	        var watchList = watchMan[component] || [];
+	        componentList = [].concat(_toConsumableArray(componentList), _toConsumableArray(watchList));
+	        componentList.forEach(function (comp) {
+	          var componentProps = props[comp];
+
+	          if (reference !== 'URL' && componentProps && [constants$1.componentTypes.reactiveList, constants$1.componentTypes.reactiveMap].includes(componentProps.componentType)) {
+	            if (selectedValues[comp] !== null) {
+	              componentsToReset[comp] = null;
+	            }
+	          }
+	        });
+	      }
+
+	      if (isResultComponent) {
+	        if (value < 2 && (!previousValue || previousValue < 2)) {
+	          return;
+	        }
+	      }
+
+	      dispatch({
+	        type: constants.SET_VALUE,
+	        component: component,
+	        reference: reference,
+	        value: value,
+	        label: label,
+	        showFilter: showFilter,
+	        URLParams: URLParams,
+	        componentType: componentType,
+	        category: category,
+	        meta: meta,
+	        componentsToReset: componentsToReset
+	      });
+	    };
+	  }
+
+	  function resetValuesToDefault(clearAllBlacklistComponents) {
+	    return function (dispatch, getState) {
+	      var _getState2 = getState(),
+	          selectedValues = _getState2.selectedValues,
+	          componentProps = _getState2.props;
+
+	      var defaultValues = {};
+	      var valueToSet = void 0;
+	      Object.keys(selectedValues).forEach(function (component) {
+	        if (!(Array.isArray(clearAllBlacklistComponents) && clearAllBlacklistComponents.includes(component))) {
+	          if (!componentProps[component] || !componentProps[component].componentType || !componentProps[component].defaultValue) {
+	            valueToSet = null;
+	          } else if ([constants$1.componentTypes.rangeSlider, constants$1.componentTypes.rangeInput, constants$1.componentTypes.ratingsFilter, constants$1.componentTypes.dateRange].includes(componentProps[component].componentType)) {
+	            valueToSet = typeof componentProps[component].defaultValue === 'object' ? [componentProps[component].defaultValue.start, componentProps[component].defaultValue.end] : null;
+	          } else if ([constants$1.componentTypes.multiDropdownList, constants$1.componentTypes.multiDataList, constants$1.componentTypes.multiList, constants$1.componentTypes.singleDataList, constants$1.componentTypes.singleDropdownList, constants$1.componentTypes.singleList, constants$1.componentTypes.tagCloud, constants$1.componentTypes.toggleButton, constants$1.componentTypes.multiDropdownRange, constants$1.componentTypes.multiRange, constants$1.componentTypes.singleDropdownRange, constants$1.componentTypes.singleRange, constants$1.componentTypes.dataSearch, constants$1.componentTypes.datePicker].includes(componentProps[component].componentType)) {
+	            valueToSet = componentProps[component].defaultValue;
+	          } else if ([constants$1.componentTypes.categorySearch].includes(componentProps[component].componentType)) {
+	            valueToSet = componentProps[component].defaultValue ? componentProps[component].defaultValue.term : '';
+	          }
+
+	          if (!(0, helper.isEqual)(selectedValues[component].value, valueToSet)) {
+	            defaultValues = _extends({}, defaultValues, _defineProperty({}, component, _extends({}, selectedValues[component], {
+	              value: valueToSet
+	            })));
+	          }
+	        }
+	      });
+	      dispatch({
+	        type: constants.RESET_TO_DEFAULT,
+	        defaultValues: defaultValues
+	      });
+	    };
+	  }
+
+	  function setInternalValue(component, value, componentType, category, meta) {
+	    return {
+	      type: constants.SET_INTERNAL_VALUE,
+	      component: component,
+	      value: value,
+	      componentType: componentType,
+	      category: category,
+	      meta: meta
+	    };
+	  }
+
+	  function patchValue(component, payload) {
+	    return {
+	      type: constants.PATCH_VALUE,
+	      component: component,
+	      payload: payload
+	    };
+	  }
+
+	  function clearValues() {
+	    var resetValues = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+	    var clearAllBlacklistComponents = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+	    return {
+	      type: constants.CLEAR_VALUES,
+	      resetValues: resetValues,
+	      clearAllBlacklistComponents: clearAllBlacklistComponents
+	    };
+	  }
+
+	  function setValues(componentsValues) {
+	    return function (dispatch) {
+	      dispatch((0, utils.updateStoreConfig)({
+	        queryLockConfig: {
+	          initialTimestamp: new Date().getTime(),
+	          lockTime: 300
+	        }
+	      }));
+	      dispatch({
+	        type: constants.SET_VALUES,
+	        componentsValues: componentsValues
+	      });
+	    };
+	  }
 	});
-	unwrapExports(utils);
-	var utils_1 = utils.getSuggestionQuery;
-	var utils_2 = utils.isPropertyDefined;
-	var utils_3 = utils.handleResponseMSearch;
-	var utils_4 = utils.handleResponse;
-	var utils_5 = utils.handleError;
-	var utils_6 = utils.getQuerySuggestionsId;
-	var utils_7 = utils.isComponentActive;
-	var utils_8 = utils.handleTransformResponse;
-	var utils_9 = utils.executeQueryListener;
+	unwrapExports(value);
+	var value_1 = value.setValue;
+	var value_2 = value.resetValuesToDefault;
+	var value_3 = value.setInternalValue;
+	var value_4 = value.patchValue;
+	var value_5 = value.clearValues;
+	var value_6 = value.setValues;
 
 	var maps = createCommonjsModule(function (module, exports) {
 	  Object.defineProperty(exports, "__esModule", {
@@ -8695,6 +8973,7 @@
 	  exports.setQueryOptions = setQueryOptions;
 	  exports.updateQuery = updateQuery;
 	  exports.loadMore = loadMore;
+	  exports.loadDataToExport = loadDataToExport;
 
 	  var _analytics2 = _interopRequireDefault(analytics);
 
@@ -8954,7 +9233,8 @@
 	          res: res,
 	          orderOfQueries: orderOfQueries,
 	          appendToHits: appendToHits,
-	          appendToAggs: appendToAggs
+	          appendToAggs: appendToAggs,
+	          query: query
 	        }, getState, dispatch);
 	      })["catch"](function (err) {
 	        (0, utils.handleError)({
@@ -8984,11 +9264,16 @@
 	          queryOptions = _getState4.queryOptions,
 	          queryListener = _getState4.queryListener,
 	          props = _getState4.props,
-	          selectedValues = _getState4.selectedValues,
 	          internalValues = _getState4.internalValues;
 
 	      var lockTime = config.initialQueriesSyncTime;
 	      var initialTimestamp = config.initialTimestamp;
+
+	      if (config.queryLockConfig instanceof Object) {
+	        lockTime = config.queryLockConfig.lockTime;
+	        initialTimestamp = config.queryLockConfig.initialTimestamp;
+	      }
+
 	      var componentList = [componentId];
 	      var finalQuery = [];
 	      var appbaseQuery = {};
@@ -9004,12 +9289,6 @@
 	        match_all: {}
 	      };
 	      componentList.forEach(function (component) {
-	        var componentProps = props[component];
-
-	        if (selectedValues[componentId] && selectedValues[componentId].reference !== 'URL' && componentProps && [constants$1.componentTypes.reactiveList, constants$1.componentTypes.reactiveMap].includes(componentProps.componentType)) {
-	          dispatch((0, value.setValue)(component, null));
-	        }
-
 	        var _buildQuery = (0, helper.buildQuery)(component, dependencyTree, queryList, queryOptions),
 	            queryObj = _buildQuery.queryObj,
 	            options = _buildQuery.options;
@@ -9060,16 +9339,16 @@
 	            (0, utils.executeQueryListener)(queryListener[component], oldQuery, currentQuery);
 
 	            if (isAppbaseEnabled) {
-	              var value$1 = void 0;
+	              var value = void 0;
 	              var isInternalComponent = componentId.endsWith('__internal');
 	              var mainComponentProps = props[componentId];
 
 	              if (isInternalComponent && mainComponentProps && (0, transform.isSearchComponent)(mainComponentProps.componentType)) {
-	                value$1 = internalValues[componentId] && internalValues[componentId].value;
+	                value = internalValues[componentId] && internalValues[componentId].value;
 	              }
 
-	              var query = (0, transform.getRSQuery)(component, (0, transform.extractPropsFromState)(getState(), component, _extends({}, value$1 ? {
-	                value: value$1
+	              var query = (0, transform.getRSQuery)(component, (0, transform.extractPropsFromState)(getState(), component, _extends({}, value ? {
+	                value: value
 	              } : null, metaOptions ? {
 	                from: metaOptions.from
 	              } : null)));
@@ -9114,7 +9393,7 @@
 	          var currentTime = new Date().getTime();
 
 	          if (currentTime - initialTimestamp < lockTime) {
-	            if (!lock) {
+	            if (!lock || config.queryLockConfig) {
 	              setTimeout(function () {
 	                var finalOrderOfQueries = [];
 	                var finalIsSuggestionsQuery = false;
@@ -9169,6 +9448,9 @@
 	                }
 
 	                requestStack = [];
+	                dispatch((0, utils.updateStoreConfig)({
+	                  queryLockConfig: undefined
+	                }));
 	              }, lockTime);
 	            }
 
@@ -9222,6 +9504,7 @@
 	        _ref2$meta = _ref2.meta,
 	        meta = _ref2$meta === undefined ? {} : _ref2$meta;
 	    var execute = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+	    var shouldSetInternalValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
 	    return function (dispatch) {
 	      var queryToDispatch = query;
 
@@ -9232,10 +9515,12 @@
 	      if (!componentId.endsWith('__internal')) {
 	        dispatch((0, value.setValue)(componentId, value$1, label, showFilter, URLParams, componentType, category, meta));
 
-	        if (componentType === constants$1.componentTypes.dynamicRangeSlider) {
-	          dispatch((0, value.setInternalValue)((0, transform.getHistogramComponentID)(componentId), value$1, componentType, category, meta));
-	        } else {
-	          dispatch((0, value.setInternalValue)(componentId + '__internal', value$1, componentType, category, meta));
+	        if (shouldSetInternalValue) {
+	          if (componentType === constants$1.componentTypes.dynamicRangeSlider) {
+	            dispatch((0, value.setInternalValue)((0, transform.getHistogramComponentID)(componentId), value$1, componentType, category, meta));
+	          } else {
+	            dispatch((0, value.setInternalValue)(componentId + '__internal', value$1, componentType, category, meta));
+	          }
 	        }
 	      } else {
 	        dispatch((0, value.setInternalValue)(componentId, value$1, componentType, category, meta));
@@ -9306,6 +9591,50 @@
 	      }
 	    };
 	  }
+
+	  function loadDataToExport(componentId) {
+	    var deepPaginationCursor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+	    var totalResults = arguments[2];
+	    var data = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
+	    return function (dispatch, getState) {
+	      var _getState6 = getState(),
+	          appbaseRef = _getState6.appbaseRef,
+	          lastUsedAppbaseQuery = _getState6.lastUsedAppbaseQuery;
+
+	      var queryFromStore = lastUsedAppbaseQuery[componentId];
+
+	      if (queryFromStore) {
+	        var query = queryFromStore.map(function (queryItem) {
+	          if (queryItem.id === componentId) {
+	            return _extends({}, queryItem, {
+	              deepPaginationConfig: {
+	                cursor: deepPaginationCursor
+	              },
+	              deepPagination: true,
+	              size: totalResults < 1000 ? totalResults : 1000,
+	              sortField: '_id',
+	              sortBy: 'asc'
+	            });
+	          }
+
+	          return queryItem;
+	        });
+
+	        if (totalResults && Array.isArray(data) && totalResults <= data.length) {
+	          return data;
+	        }
+
+	        return appbaseRef.reactiveSearchv3(query).then(function (res) {
+	          var newDataChunk = res[componentId].hits.hits;
+	          return dispatch(loadDataToExport(componentId, newDataChunk[newDataChunk.length - 1]._id, res[componentId].hits.total.value, [].concat(_toConsumableArray(data), _toConsumableArray(newDataChunk))));
+	        })["catch"](function (err) {
+	          console.error('Error fetching data to export! ', err);
+	        });
+	      }
+
+	      return console.error('Error fetching data to export!');
+	    };
+	  }
 	});
 	unwrapExports(query);
 	var query_1 = query.loadPopularSuggestions;
@@ -9313,6 +9642,7 @@
 	var query_3 = query.setQueryOptions;
 	var query_4 = query.updateQuery;
 	var query_5 = query.loadMore;
+	var query_6 = query.loadDataToExport;
 
 	var component = createCommonjsModule(function (module, exports) {
 	  Object.defineProperty(exports, "__esModule", {
@@ -10007,7 +10337,7 @@
 	var lib_8 = lib.helper;
 
 	function _extends() {
-	  _extends = Object.assign || function (target) {
+	  _extends = Object.assign ? Object.assign.bind() : function (target) {
 	    for (var i = 1; i < arguments.length; i++) {
 	      var source = arguments[i];
 
@@ -10020,7 +10350,6 @@
 
 	    return target;
 	  };
-
 	  return _extends.apply(this, arguments);
 	}
 
@@ -14424,7 +14753,7 @@
 	        filteredResults = [].concat(parsedPromotedResults, filteredResults);
 	      }
 
-	      return helper_8(filteredResults);
+	      return helper_11(filteredResults);
 	    }
 	  },
 	  watch: {
@@ -14682,6 +15011,7 @@
 	      }, [this.data.map(function (item, index) {
 	        return renderItem({
 	          item: item,
+	          count: _this2.currentPageState * size + index + 1,
 	          triggerClickAnalytics: function triggerClickAnalytics() {
 	            return _this2.triggerClickAnalytics(_this2.currentPageState * size + index);
 	          }
@@ -16565,7 +16895,7 @@
 	      Object.keys(_this.currentSelectedState).filter(function (item) {
 	        return !activeComponents.includes(item);
 	      }).forEach(function (component) {
-	        _this.setValue(component, null);
+	        _this.setValue(component, null, undefined, undefined, undefined, undefined, undefined, undefined, 'URL');
 	      }); // update active components in selectedValues
 
 	      Array.from(_this.params.entries()).forEach(function (item) {
@@ -16580,7 +16910,7 @@
 	              showFilter = _ref.showFilter,
 	              URLParams = _ref.URLParams;
 
-	          _this.setValue(component, JSON.parse(value), label, showFilter, URLParams);
+	          _this.setValue(component, JSON.parse(value), label, showFilter, URLParams, undefined, undefined, undefined, 'URL');
 	        } catch (e) {
 	          // Do not set value if JSON parsing fails.
 	          console.error(e);
@@ -16598,39 +16928,45 @@
 	    selectedValues: function selectedValues(newVal, oldVal) {
 	      var _this2 = this;
 
-	      this.currentSelectedState = newVal;
-
 	      if (!isEqual$3(newVal, oldVal)) {
 	        this.searchString = this.$props.getSearchParams ? this.$props.getSearchParams() : window.location.search;
 	        this.params = new URLSearchParams(this.searchString);
 	        var currentComponents = Object.keys(newVal);
 	        var urlComponents = Array.from(this.params.keys());
+	        var shouldPushHistory = false;
 	        currentComponents.filter(function (component) {
 	          return newVal[component].URLParams;
 	        }).forEach(function (component) {
-	          // prevents empty history pollution on initial load
-	          if (_this2.hasValidValue(newVal[component]) || _this2.hasValidValue(oldVal[component])) {
-	            var selectedValues = newVal[component];
+	          var selectedValues = newVal[component]; // prevents empty history pollution on initial load
 
+	          if (_this2.hasValidValue(newVal[component]) || _this2.hasValidValue(oldVal[component])) {
 	            if (selectedValues.URLParams) {
 	              if (selectedValues.category) {
-	                _this2.setURL(component, _this2.getValue({
+	                var shouldUpdateHistory = _this2.setURL(component, _this2.getValue({
 	                  category: selectedValues.category,
 	                  value: selectedValues.value
 	                }));
+
+	                if (shouldUpdateHistory) {
+	                  shouldPushHistory = true;
+	                }
 	              } else {
-	                _this2.setURL(component, _this2.getValue(selectedValues.value));
+	                var _shouldUpdateHistory = _this2.setURL(component, _this2.getValue(selectedValues.value));
+
+	                if (_shouldUpdateHistory) {
+	                  shouldPushHistory = true;
+	                }
 	              }
 	            } else {
 	              _this2.params["delete"](component);
 
-	              _this2.pushToHistory();
+	              shouldPushHistory = true;
 	            }
 	          } else if (!_this2.hasValidValue(newVal[component]) && urlComponents.includes(component)) {
 	            // doesn't have a valid value, but the url has a (stale) valid value set
 	            _this2.params["delete"](component);
 
-	            _this2.pushToHistory();
+	            shouldPushHistory = true;
 	          }
 	        }); // remove unmounted components
 
@@ -16639,15 +16975,20 @@
 	        }).forEach(function (component) {
 	          _this2.params["delete"](component);
 
-	          _this2.pushToHistory();
+	          shouldPushHistory = true;
 	        });
 
 	        if (!currentComponents.length) {
 	          Array.from(this.params.keys()).forEach(function (item) {
 	            if (_this2.searchComponents && _this2.searchComponents.includes(item)) {
 	              _this2.params["delete"](item);
+
+	              shouldPushHistory = true;
 	            }
 	          });
+	        }
+
+	        if (shouldPushHistory) {
 	          this.pushToHistory();
 	        }
 	      }
@@ -16710,20 +17051,19 @@
 	      return value;
 	    },
 	    setURL: function setURL(component, value) {
-	      this.searchString = this.$props.getSearchParams ? this.$props.getSearchParams() : window.location.search;
-	      this.params = new URLSearchParams(this.searchString);
-
 	      if (!value || typeof value === 'string' && value.trim() === '' || Array.isArray(value) && value.length === 0) {
 	        this.params["delete"](component);
-	        this.pushToHistory();
-	      } else {
-	        var data = JSON.stringify(this.getValue(value));
+	        return true;
+	      }
 
-	        if (data !== this.params.get(component)) {
-	          this.params.set(component, data);
-	          this.pushToHistory();
-	        }
+	      var data = JSON.stringify(value);
+
+	      if (data !== this.params.get(component)) {
+	        this.params.set(component, data);
+	        return true;
 	      }
+
+	      return false;
 	    },
 	    pushToHistory: function pushToHistory() {
 	      var paramsSting = this.params.toString() ? "?" + this.params.toString() : '';
@@ -16874,14 +17214,14 @@
 	      this.updateState(this.$props);
 	    },
 	    analyticsConfig: function analyticsConfig(newVal, oldVal) {
-	      if (!helper_25(newVal, oldVal)) {
+	      if (!helper_28(newVal, oldVal)) {
 	        if (this.store) {
 	          this.store.dispatch(analytics_3$1(newVal));
 	        }
 	      }
 	    },
 	    appbaseConfig: function appbaseConfig(newVal, oldVal) {
-	      if (!helper_25(newVal, oldVal)) {
+	      if (!helper_28(newVal, oldVal)) {
 	        if (this.store) {
 	          this.store.dispatch(analytics_3$1(newVal));
 	        }
@@ -19552,6 +19892,10 @@
 	  }
 	};
 
+	var _templateObject$j, _templateObject2$7;
+	var TagsContainer = index$1('div')(_templateObject$j || (_templateObject$j = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tmargin-top: 10px;\n\twidth: 100%;\n"])));
+	var TagItem = index$1('span')(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteralLoose(["\n\tcursor: default;\n\tbox-sizing: border-box;\n\tmargin: 0 4px 4px 0;\n\tcolor: #000000d9;\n\tfont-size: 14px;\n\tfont-variant: tabular-nums;\n\tline-height: 1.5715;\n\tlist-style: none;\n\tfont-feature-settings: 'tnum';\n\tdisplay: inline-block;\n\theight: auto;\n\tpadding: 0 2px 0 7px;\n\tfont-size: 12px;\n\tline-height: 22px;\n\twhite-space: nowrap;\n\tbackground: #fafafa;\n\tborder: 1px solid #d9d9d9;\n\tborder-radius: 2px;\n\topacity: 1;\n\ttransition: all 0.3s;\n\n\tspan.close-icon {\n\t\tsvg {\n\t\t\tcursor: pointer;\n\t\t\theight: 15px;\n\t\t\tposition: relative;\n\t\t\ttop: 4px;\n\t\t\tfill: #262626;\n\t\t}\n\t}\n"])));
+
 	var updateQuery$1 = lib_5.updateQuery,
 	    setQueryOptions$1 = lib_5.setQueryOptions,
 	    setCustomQuery = lib_5.setCustomQuery,
@@ -19559,7 +19903,8 @@
 	    setCustomHighlightOptions = lib_5.setCustomHighlightOptions,
 	    recordSuggestionClick = lib_5.recordSuggestionClick,
 	    loadPopularSuggestions = lib_5.loadPopularSuggestions,
-	    getRecentSearches = lib_5.getRecentSearches;
+	    getRecentSearches = lib_5.getRecentSearches,
+	    resetStoreForComponent = lib_5.resetStoreForComponent;
 	var debounce$1 = lib_8.debounce,
 	    checkValueChange = lib_8.checkValueChange,
 	    getClassName$3 = lib_8.getClassName,
@@ -19574,10 +19919,12 @@
 	    normalizeDataField = lib_8.normalizeDataField;
 	var DataSearch = {
 	  name: 'DataSearch',
+	  isTagsMode: false,
 	  data: function data() {
 	    var props = this.$props;
 	    this.__state = {
 	      currentValue: '',
+	      selectedTags: [],
 	      isOpen: false,
 	      normalizedSuggestions: [],
 	      isPending: false
@@ -19597,7 +19944,13 @@
 	        enableRecentSearches = _this$$props.enableRecentSearches,
 	        distinctField = _this$$props.distinctField,
 	        distinctFieldConfig = _this$$props.distinctFieldConfig,
-	        index = _this$$props.index; // TODO: Remove in 2.0
+	        index = _this$$props.index,
+	        mode = _this$$props.mode;
+
+	    if (mode === constants_5$1.TAG) {
+	      this.$options.isTagsMode = true;
+	    } // TODO: Remove in 2.0
+
 
 	    if (enableQuerySuggestions) {
 	      console.warn('Warning(ReactiveSearch): The `enableQuerySuggestions` prop has been marked as deprecated, please use the `enablePopularSuggestions` prop instead.');
@@ -19620,7 +19973,12 @@
 	      console.warn('Warning(ReactiveSearch): In order to use the `index` prop, the `enableAppbase` prop must be set to true in `ReactiveBase`.');
 	    }
 
-	    this.currentValue = this.selectedValue || '';
+	    this.currentValue = '';
+
+	    if (this.$options.isTagsMode) {
+	      this.currentValue = '';
+	    }
+
 	    var shouldFetchInitialSuggestions = this.$props.enableDefaultSuggestions || this.currentValue;
 
 	    if (shouldFetchInitialSuggestions) {
@@ -19714,7 +20072,7 @@
 	    debounce: VueTypes.number.def(0),
 	    defaultValue: types.string,
 	    excludeFields: types.excludeFields,
-	    value: types.value,
+	    value: VueTypes.oneOfType([VueTypes.arrayOf(VueTypes.string), types.value]),
 	    defaultSuggestions: types.suggestions,
 	    enableSynonyms: VueTypes.bool.def(true),
 	    enableQuerySuggestions: VueTypes.bool.def(false),
@@ -19763,7 +20121,9 @@
 	    addonAfter: VueTypes.any,
 	    expandSuggestionsContainer: VueTypes.bool.def(true),
 	    index: VueTypes.string,
-	    enableDefaultSuggestions: VueTypes.bool.def(true)
+	    enableDefaultSuggestions: VueTypes.bool.def(true),
+	    mode: VueTypes.oneOf(['select', 'tag']).def('select'),
+	    renderSelectedTags: VueTypes.any
 	  },
 	  beforeMount: function beforeMount() {
 	    if (this.$props.highlight) {
@@ -19780,11 +20140,11 @@
 	    }
 
 	    if (this.selectedValue) {
-	      this.setValue(this.selectedValue, true);
+	      this.setValue(this.selectedValue, true, this.$props, this.$options.isTagsMode ? lib_7.SUGGESTION_SELECT : undefined);
 	    } else if (this.$props.value) {
-	      this.setValue(this.$props.value, true);
+	      this.setValue(this.$props.value, true, this.$props, this.$options.isTagsMode ? lib_7.SUGGESTION_SELECT : undefined);
 	    } else if (this.$props.defaultValue) {
-	      this.setValue(this.$props.defaultValue, true);
+	      this.setValue(this.$props.defaultValue, true, this.$props, this.$options.isTagsMode ? lib_7.SUGGESTION_SELECT : undefined);
 	    }
 	  },
 	  mounted: function mounted() {
@@ -19796,19 +20156,19 @@
 	    },
 	    dataField: function dataField() {
 	      this.updateQueryOptions();
-	      this.updateQueryHandler(this.$props.componentId, this.$data.currentValue, this.$props);
+	      this.updateQueryHandler(this.$props.componentId, this.$options.isTagsMode ? this.$data.selectedTags : this.$data.currentValue, this.$props);
 	    },
 	    highlightField: function highlightField() {
 	      this.updateQueryOptions();
 	    },
 	    fieldWeights: function fieldWeights() {
-	      this.updateQueryHandler(this.$props.componentId, this.$data.currentValue, this.$props);
+	      this.updateQueryHandler(this.$props.componentId, this.$options.isTagsMode ? this.$data.selectedTags : this.$data.currentValue, this.$props);
 	    },
 	    fuzziness: function fuzziness() {
-	      this.updateQueryHandler(this.$props.componentId, this.$data.currentValue, this.$props);
+	      this.updateQueryHandler(this.$props.componentId, this.$options.isTagsMode ? this.$data.selectedTags : this.$data.currentValue, this.$props);
 	    },
 	    queryFormat: function queryFormat() {
-	      this.updateQueryHandler(this.$props.componentId, this.$data.currentValue, this.$props);
+	      this.updateQueryHandler(this.$props.componentId, this.$options.isTagsMode ? this.$data.selectedTags : this.$data.currentValue, this.$props);
 	    },
 	    defaultValue: function defaultValue(newVal) {
 	      this.setValue(newVal, true, this.$props);
@@ -19837,13 +20197,18 @@
 	      }
 	    },
 	    selectedValue: function selectedValue(newVal, oldVal) {
-	      if (oldVal !== newVal && this.$data.currentValue !== newVal) {
+	      if (!isEqual$4(newVal, oldVal) && (this.$options.isTagsMode ? !isEqual$4(this.$data.selectedTags, newVal) : this.$data.currentValue !== newVal)) {
 	        if (!newVal && this.$data.currentValue) {
 	          // selected value is cleared, call onValueSelected
 	          this.onValueSelectedHandler('', lib_7.CLEAR_VALUE);
 	        }
 
-	        this.setValue(newVal || '', true, this.$props);
+	        if (this.$options.isTagsMode) {
+	          // handling reset of tags through SelectedFilters or URL
+	          this.selectedTags = [];
+	        }
+
+	        this.setValue(newVal || '', true, this.$props, this.$options.isTagsMode ? lib_7.SUGGESTION_SELECT : undefined);
 	      }
 	    },
 	    focusShortcuts: function focusShortcuts() {
@@ -19931,7 +20296,7 @@
 	    // returns size and aggs property
 	    getBasicQueryOptions: function getBasicQueryOptions() {
 	      var aggregationField = this.$props.aggregationField;
-	      var queryOptions = helper_28(this.$props);
+	      var queryOptions = helper_31(this.$props);
 
 	      if (aggregationField) {
 	        queryOptions.aggs = getCompositeAggsQuery$1({
@@ -19970,12 +20335,47 @@
 	      }
 
 	      var performUpdate = function performUpdate() {
-	        // Refresh recent searches when value becomes empty
-	        if (!value && _this.currentValue && _this.enableRecentSearches) {
+	        if (_this.$options.isTagsMode && isEqual$4(value, _this.selectedTags)) {
+	          return;
+	        } // Refresh recent searches when value becomes empty
+
+
+	        if (!value && props.enableDefaultSuggestions === false) {
+	          _this.resetStoreForComponent(props.componentId);
+	        } else if (!value && _this.currentValue && _this.enableRecentSearches) {
 	          _this.getRecentSearches();
 	        }
 
-	        _this.currentValue = value;
+	        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)) {
+	              _this.isOpen = false;
+	              return;
+	            }
+
+	            _this.selectedTags = [].concat(_this.selectedTags);
+
+	            if (typeof value === 'string' && !!value) {
+	              _this.selectedTags.push(value);
+	            } else if (Array.isArray(value) && !isEqual$4(_this.selectedTags, value)) {
+	              var mergedArray = Array.from(new Set([].concat(_this.selectedTags, value)));
+	              _this.selectedTags = mergedArray;
+	            }
+	          } else if (value) {
+	            _this.selectedTags = typeof value !== 'string' ? value : [].concat(value);
+	          }
+
+	          _this.currentValue = '';
+	        } else {
+	          _this.currentValue = value;
+	        }
+
+	        var queryHandlerValue = value;
+
+	        if (_this.$options.isTagsMode && cause === lib_7.SUGGESTION_SELECT) {
+	          queryHandlerValue = Array.isArray(_this.selectedTags) && _this.selectedTags.length ? _this.selectedTags : undefined;
+	        }
 
 	        if (isDefaultValue) {
 	          if (_this.$props.autosuggest) {
@@ -19983,19 +20383,19 @@
 	              _this.isOpen = false;
 	            }
 
-	            _this.updateDefaultQueryHandler(value, _this.$props);
+	            if (typeof value === 'string') _this.updateDefaultQueryHandler(value, _this.$props);
 	          } // 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 || value === '') {
-	              _this.updateQueryHandler(props.componentId, value, props);
+	            if (cause === lib_7.SUGGESTION_SELECT || (_this.$options.isTagsMode ? _this.selectedTags.length === 0 : value === '')) {
+	              _this.updateQueryHandler(props.componentId, queryHandlerValue, props);
 	            } else {
 	              _this.setValue('', true);
 	            }
 	          } else {
-	            _this.updateQueryHandler(props.componentId, value, props);
+	            _this.updateQueryHandler(props.componentId, queryHandlerValue, props);
 	          }
 	        } else {
 	          // debounce for handling text while typing
@@ -20022,6 +20422,12 @@
 	      checkValueChange(props.componentId, value, props.beforeValueChange, performUpdate);
 	    },
 	    updateDefaultQueryHandler: function updateDefaultQueryHandler(value, props) {
+	      if (!value && props.enableDefaultSuggestions === false) {
+	        // clear Component data from store
+	        this.resetStoreForComponent(props.componentId);
+	        return;
+	      }
+
 	      var defaultQueryOptions;
 	      var query = DataSearch.defaultQuery(value, props);
 
@@ -20135,7 +20541,8 @@
 
 
 	      if (event.key === 'Enter' && highlightedIndex === null) {
-	        this.setValue(event.target.value, true);
+	        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);
 	      } // Need to review
 
@@ -20166,11 +20573,23 @@
 
 	      if (value === undefined) {
 	        this.setValue(suggestion.value, true, this.$props, lib_7.SUGGESTION_SELECT);
+	      } else if (this.$options.isTagsMode) {
+	        var emitValue = Array.isArray(this.selectedTags) ? [].concat(this.selectedTags) : [];
+
+	        if (this.selectedTags.includes(suggestion.value)) {
+	          // avoid duplicates in tags array
+	          this.isOpen = false;
+	          return;
+	        }
+
+	        emitValue.push(suggestion.value);
+	        this.setValue(emitValue, true, this.$props, lib_7.SUGGESTION_SELECT, true);
+	        this.$emit('change', emitValue, this.triggerQuery);
 	      } else {
-	        this.isPending = false;
 	        this.$emit('change', suggestion.value, this.triggerQuery);
 	      }
 
+	      this.isPending = false;
 	      this.onValueSelectedHandler(suggestion.value, lib_7.SUGGESTION_SELECT, suggestion.source);
 	    },
 	    onValueSelectedHandler: function onValueSelectedHandler(currentValue) {
@@ -20276,6 +20695,75 @@
 
 	      return null;
 	    },
+	    renderTag: function renderTag(item) {
+	      var _this2 = this;
+
+	      var h = this.$createElement;
+	      var innerClass = this.$props.innerClass;
+	      return h(TagItem, {
+	        "class": getClassName$3(innerClass, 'selected-tag') || ''
+	      }, [h("span", [item]), h("span", {
+	        "attrs": {
+	          "role": "img",
+	          "aria-label": "delete-tag"
+	        },
+	        "class": "close-icon",
+	        "on": {
+	          "click": function click() {
+	            return _this2.clearTag(item);
+	          }
+	        }
+	      }, [h(CancelSvg)])]);
+	    },
+	    clearAllTags: function clearAllTags() {
+	      this.selectedTags = [];
+	      this.setValue('', true, this.$props, lib_7.SUGGESTION_SELECT);
+
+	      if (this.$props.value !== undefined) {
+	        this.$emit('change', this.selectedTags, this.triggerQuery);
+	      }
+	    },
+	    clearTag: function clearTag(tagValue) {
+	      this.selectedTags = [].concat(this.selectedTags.filter(function (tag) {
+	        return tag !== tagValue;
+	      }));
+	      this.setValue('', true, this.$props, lib_7.SUGGESTION_SELECT);
+
+	      if (this.$props.value !== undefined) {
+	        this.$emit('change', this.selectedTags, this.triggerQuery);
+	      }
+	    },
+	    renderTags: function renderTags() {
+	      var _this3 = this;
+
+	      var h = this.$createElement;
+
+	      if (!Array.isArray(this.selectedTags)) {
+	        return null;
+	      }
+
+	      var tagsList = [].concat(this.selectedTags);
+	      var shouldRenderClearAllTag = tagsList.length > 1;
+	      var renderSelectedTags = this.$scopedSlots.renderSelectedTags || this.$props.renderSelectedTags;
+	      return renderSelectedTags ? renderSelectedTags({
+	        values: this.selectedTags,
+	        handleClear: this.clearTag,
+	        handleClearAll: this.clearAllTags
+	      }) : h(TagsContainer, [tagsList.map(function (item) {
+	        return _this3.renderTag(item);
+	      }), shouldRenderClearAllTag && h(TagItem, {
+	        "class": getClassName$3(this.$props.innerClass, 'selected-tag') || ''
+	      }, [h("span", ["Clear All"]), h("span", {
+	        "attrs": {
+	          "role": "img",
+	          "aria-label": "delete-tag"
+	        },
+	        "class": "close-icon",
+	        "on": {
+	          "click": this.clearAllTags
+	        }
+	      }, [h(CancelSvg)])])]);
+	    },
 	    renderInputAddonAfter: function renderInputAddonAfter() {
 	      var h = this.$createElement;
 	      var addonAfter = this.$scopedSlots.addonAfter;
@@ -20346,7 +20834,7 @@
 	      (_this$$refs = this.$refs) == null ? void 0 : (_this$$refs$this$$pro = _this$$refs[this.$props.innerRef]) == null ? void 0 : _this$$refs$this$$pro.focus(); // eslint-disable-line
 	    },
 	    listenForFocusShortcuts: function listenForFocusShortcuts() {
-	      var _this2 = this;
+	      var _this4 = this;
 
 	      var _this$$props$focusSho = this.$props.focusShortcuts,
 	          focusShortcuts = _this$$props$focusSho === void 0 ? ['/'] : _this$$props$focusSho;
@@ -20364,7 +20852,7 @@
 	        // Prevent the default refresh event under WINDOWS system
 	        event.preventDefault();
 
-	        _this2.focusSearchBox(event);
+	        _this4.focusSearchBox(event);
 	      }); // if one of modifier keys are used, they are handled below
 
 	      hotkeys('*', function (event) {
@@ -20375,7 +20863,7 @@
 	          var element = modifierKeys[index];
 
 	          if (hotkeys[element]) {
-	            _this2.focusSearchBox(event);
+	            _this4.focusSearchBox(event);
 
 	            break;
 	          }
@@ -20384,7 +20872,7 @@
 	    }
 	  },
 	  render: function render() {
-	    var _this3 = this;
+	    var _this5 = this;
 
 	    var h = arguments[0];
 	    var _this$$props4 = this.$props,
@@ -20423,14 +20911,14 @@
 	              setHighlightedIndex = _ref3.setHighlightedIndex;
 
 	          var renderSuggestionsContainer = function renderSuggestionsContainer() {
-	            return h("div", [_this3.hasCustomRenderer && _this3.getComponent({
+	            return h("div", [_this5.hasCustomRenderer && _this5.getComponent({
 	              isOpen: isOpen,
 	              getItemProps: getItemProps,
 	              getItemEvents: getItemEvents,
 	              highlightedIndex: highlightedIndex
-	            }), _this3.renderErrorComponent(), !_this3.hasCustomRenderer && isOpen && hasSuggestions ? h("ul", {
-	              "class": suggestions$1(_this3.themePreset, theme) + " " + getClassName$3(_this3.$props.innerClass, 'list')
-	            }, [_this3.suggestionsList.slice(0, size || 10).map(function (item, index) {
+	            }), _this5.renderErrorComponent(), !_this5.hasCustomRenderer && isOpen && hasSuggestions ? h("ul", {
+	              "class": suggestions$1(_this5.themePreset, theme) + " " + getClassName$3(_this5.$props.innerClass, 'list')
+	            }, [_this5.suggestionsList.slice(0, size || 10).map(function (item, index) {
 	              return h("li", {
 	                "domProps": _extends({}, getItemProps({
 	                  item: item
@@ -20440,15 +20928,15 @@
 	                })),
 	                "key": index + 1 + "-" + item.value,
 	                "style": {
-	                  backgroundColor: _this3.getBackgroundColor(highlightedIndex, index)
+	                  backgroundColor: _this5.getBackgroundColor(highlightedIndex, index)
 	                }
 	              }, [h(SuggestionItem, {
 	                "attrs": {
-	                  "currentValue": _this3.currentValue,
+	                  "currentValue": _this5.currentValue,
 	                  "suggestion": item
 	                }
 	              })]);
-	            }), _this3.defaultSearchSuggestions.map(function (sugg, index) {
+	            }), _this5.defaultSearchSuggestions.map(function (sugg, index) {
 	              return h("li", {
 	                "domProps": _extends({}, getItemProps({
 	                  item: sugg
@@ -20456,9 +20944,9 @@
 	                "on": _extends({}, getItemEvents({
 	                  item: sugg
 	                })),
-	                "key": _this3.suggestionsList.length + index + 1 + "-" + sugg.value,
+	                "key": _this5.suggestionsList.length + index + 1 + "-" + sugg.value,
 	                "style": {
-	                  backgroundColor: _this3.getBackgroundColor(highlightedIndex, _this3.suggestionsList.length + index),
+	                  backgroundColor: _this5.getBackgroundColor(highlightedIndex, _this5.suggestionsList.length + index),
 	                  justifyContent: 'flex-start'
 	                }
 	              }, [h("div", {
@@ -20467,28 +20955,28 @@
 	                }
 	              }, [sugg.source && sugg.source._recent_search && h(CustomSvg, {
 	                "attrs": {
-	                  "className": getClassName$3(_this3.$props.innerClass, 'recent-search-icon') || null,
+	                  "className": getClassName$3(_this5.$props.innerClass, 'recent-search-icon') || null,
 	                  "icon": recentSearchesIcon,
 	                  "type": "recent-search-icon"
 	                }
 	              }), sugg.source && sugg.source._popular_suggestion && h(CustomSvg, {
 	                "attrs": {
-	                  "className": getClassName$3(_this3.$props.innerClass, 'popular-search-icon') || null,
+	                  "className": getClassName$3(_this5.$props.innerClass, 'popular-search-icon') || null,
 	                  "icon": popularSearchesIcon,
 	                  "type": "popular-search-icon"
 	                }
 	              })]), h(SuggestionItem, {
 	                "attrs": {
-	                  "currentValue": _this3.currentValue,
+	                  "currentValue": _this5.currentValue,
 	                  "suggestion": sugg
 	                }
 	              })]);
-	            }), hasQuerySuggestionsRenderer(_this3) ? _this3.getComponent({
+	            }), hasQuerySuggestionsRenderer(_this5) ? _this5.getComponent({
 	              isOpen: isOpen,
 	              getItemProps: getItemProps,
 	              getItemEvents: getItemEvents,
 	              highlightedIndex: highlightedIndex
-	            }, true) : _this3.topSuggestions.map(function (sugg, index) {
+	            }, true) : _this5.topSuggestions.map(function (sugg, index) {
 	              return h("li", {
 	                "domProps": _extends({}, getItemProps({
 	                  item: sugg
@@ -20496,9 +20984,9 @@
 	                "on": _extends({}, getItemEvents({
 	                  item: sugg
 	                })),
-	                "key": _this3.suggestionsList.length + index + 1 + "-" + sugg.value,
+	                "key": _this5.suggestionsList.length + index + 1 + "-" + sugg.value,
 	                "style": {
-	                  backgroundColor: _this3.getBackgroundColor(highlightedIndex, _this3.suggestionsList.length + index),
+	                  backgroundColor: _this5.getBackgroundColor(highlightedIndex, _this5.suggestionsList.length + index),
 	                  justifyContent: 'flex-start'
 	                }
 	              }, [h("div", {
@@ -20507,61 +20995,61 @@
 	                }
 	              }, [h(CustomSvg, {
 	                "attrs": {
-	                  "className": getClassName$3(_this3.$props.innerClass, 'popular-search-icon') || null,
+	                  "className": getClassName$3(_this5.$props.innerClass, 'popular-search-icon') || null,
 	                  "icon": popularSearchesIcon,
 	                  "type": "popular-search-icon"
 	                }
 	              })]), h(SuggestionItem, {
 	                "attrs": {
-	                  "currentValue": _this3.currentValue,
+	                  "currentValue": _this5.currentValue,
 	                  "suggestion": sugg
 	                }
 	              })]);
-	            })]) : _this3.renderNoSuggestions(_this3.suggestionsList)]);
+	            })]) : _this5.renderNoSuggestions(_this5.suggestionsList)]);
 	          };
 
 	          return h("div", {
 	            "class": suggestionsContainer
-	          }, [h(InputGroup, [_this3.renderInputAddonBefore(), h(InputWrapper, [h(Input, {
+	          }, [h(InputGroup, [_this5.renderInputAddonBefore(), h(InputWrapper, [h(Input, {
 	            "attrs": {
-	              "id": _this3.$props.componentId + "-input",
-	              "showIcon": _this3.$props.showIcon,
-	              "showClear": _this3.$props.showClear,
-	              "iconPosition": _this3.$props.iconPosition,
-	              "placeholder": _this3.$props.placeholder,
-	              "autoFocus": _this3.$props.autoFocus,
-	              "themePreset": _this3.themePreset,
+	              "id": _this5.$props.componentId + "-input",
+	              "showIcon": _this5.$props.showIcon,
+	              "showClear": _this5.$props.showClear,
+	              "iconPosition": _this5.$props.iconPosition,
+	              "placeholder": _this5.$props.placeholder,
+	              "autoFocus": _this5.$props.autoFocus,
+	              "themePreset": _this5.themePreset,
 	              "autocomplete": "off"
 	            },
-	            "ref": _this3.$props.innerRef,
-	            "class": getClassName$3(_this3.$props.innerClass, 'input'),
+	            "ref": _this5.$props.innerRef,
+	            "class": getClassName$3(_this5.$props.innerClass, 'input'),
 	            "on": _extends({}, getInputEvents({
-	              onInput: _this3.onInputChange,
+	              onInput: _this5.onInputChange,
 	              onBlur: function onBlur(e) {
-	                _this3.$emit('blur', e, _this3.triggerQuery);
+	                _this5.$emit('blur', e, _this5.triggerQuery);
 	              },
-	              onFocus: _this3.handleFocus,
+	              onFocus: _this5.handleFocus,
 	              onKeyPress: function onKeyPress(e) {
-	                _this3.$emit('keyPress', e, _this3.triggerQuery);
+	                _this5.$emit('keyPress', e, _this5.triggerQuery);
 
-	                _this3.$emit('key-press', e, _this3.triggerQuery);
+	                _this5.$emit('key-press', e, _this5.triggerQuery);
 	              },
 	              onKeyDown: function onKeyDown(e) {
-	                return _this3.handleKeyDown(e, highlightedIndex);
+	                return _this5.handleKeyDown(e, highlightedIndex);
 	              },
 	              onKeyUp: function onKeyUp(e) {
-	                _this3.$emit('keyUp', e, _this3.triggerQuery);
+	                _this5.$emit('keyUp', e, _this5.triggerQuery);
 
-	                _this3.$emit('key-up', e, _this3.triggerQuery);
+	                _this5.$emit('key-up', e, _this5.triggerQuery);
 	              },
 	              onClick: function onClick() {
 	                setHighlightedIndex(null);
 	              }
 	            })),
 	            "domProps": _extends({}, getInputProps({
-	              value: _this3.$data.currentValue === null ? '' : _this3.$data.currentValue
+	              value: _this5.$data.currentValue === null ? '' : _this5.$data.currentValue
 	            }))
-	          }), _this3.renderIcons(), !expandSuggestionsContainer && renderSuggestionsContainer()]), ' ', _this3.renderInputAddonAfter()]), expandSuggestionsContainer && renderSuggestionsContainer()]);
+	          }), _this5.renderIcons(), !expandSuggestionsContainer && renderSuggestionsContainer()]), ' ', _this5.renderInputAddonAfter()]), expandSuggestionsContainer && renderSuggestionsContainer(), _this5.renderTags()]);
 	        }
 	      }
 	    }) : h("div", {
@@ -20577,26 +21065,26 @@
 	      },
 	      "on": _extends({}, {
 	        blur: function blur(e) {
-	          _this3.$emit('blur', e, _this3.triggerQuery);
+	          _this5.$emit('blur', e, _this5.triggerQuery);
 	        },
 	        keypress: function keypress(e) {
-	          _this3.$emit('keyPress', e, _this3.triggerQuery);
+	          _this5.$emit('keyPress', e, _this5.triggerQuery);
 
-	          _this3.$emit('key-press', e, _this3.triggerQuery);
+	          _this5.$emit('key-press', e, _this5.triggerQuery);
 	        },
 	        input: this.onInputChange,
 	        focus: function focus(e) {
-	          _this3.$emit('focus', e, _this3.triggerQuery);
+	          _this5.$emit('focus', e, _this5.triggerQuery);
 	        },
 	        keydown: function keydown(e) {
-	          _this3.$emit('keyDown', e, _this3.triggerQuery);
+	          _this5.$emit('keyDown', e, _this5.triggerQuery);
 
-	          _this3.$emit('key-down', e, _this3.triggerQuery);
+	          _this5.$emit('key-down', e, _this5.triggerQuery);
 	        },
 	        keyup: function keyup(e) {
-	          _this3.$emit('keyUp', e, _this3.triggerQuery);
+	          _this5.$emit('keyUp', e, _this5.triggerQuery);
 
-	          _this3.$emit('key-up', e, _this3.triggerQuery);
+	          _this5.$emit('key-up', e, _this5.triggerQuery);
 	        }
 	      }),
 	      "domProps": _extends({}, {
@@ -20795,7 +21283,8 @@
 	  setCustomHighlightOptions: setCustomHighlightOptions,
 	  recordSuggestionClick: recordSuggestionClick,
 	  loadPopularSuggestions: loadPopularSuggestions,
-	  getRecentSearches: getRecentSearches
+	  getRecentSearches: getRecentSearches,
+	  resetStoreForComponent: resetStoreForComponent
 	};
 	var DSConnected = ComponentWrapper$1(connect(mapStateToProps$3, mapDispatchToProps$2)(DataSearch), {
 	  componentType: constants_1$1.dataSearch,
@@ -20809,8 +21298,8 @@
 
 	DataSearch.componentType = constants_1$1.dataSearch;
 
-	var _templateObject$j;
-	var AutofillSvgIcon = index$1('button')(_templateObject$j || (_templateObject$j = _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"])));
+	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"])));
 	var AutoFillSvg = {
 	  name: 'AutoFillSvg',
 	  render: function render() {
@@ -20851,10 +21340,12 @@
 	    normalizeDataField$1 = lib_8.normalizeDataField;
 	var SearchBox = {
 	  name: 'SearchBox',
+	  isTagsMode: false,
 	  data: function data() {
 	    var props = this.$props;
 	    this.__state = {
 	      currentValue: '',
+	      selectedTags: [],
 	      isOpen: false,
 	      normalizedSuggestions: []
 	    };
@@ -20870,7 +21361,16 @@
 	    var _this$$props = this.$props,
 	        distinctField = _this$$props.distinctField,
 	        distinctFieldConfig = _this$$props.distinctFieldConfig,
-	        index = _this$$props.index;
+	        index = _this$$props.index,
+	        mode = _this$$props.mode;
+
+	    if (mode === constants_5$1.TAG) {
+	      this.$options.isTagsMode = true;
+	    }
+
+	    if (this.$options.isTagsMode) {
+	      console.warn('Warning(ReactiveSearch): The `categoryField` prop is not supported when `mode` prop is set to `tag`');
+	    }
 
 	    if (this.enableAppbase && this.aggregationField && this.aggregationField !== '') {
 	      console.warn('Warning(ReactiveSearch): The `aggregationField` prop has been marked as deprecated, please use the `distinctField` prop instead.');
@@ -20885,8 +21385,12 @@
 	    }
 
 	    this.currentValue = this.selectedValue || this.value || this.defaultValue || '';
-	    this.handleTextChange = _debounce(this.handleText, this.$props.debounce);
-	    this.setValue(this.currentValue, true, this.$props, undefined, false, this.selectedCategory); // Set custom and default queries in store
+
+	    if (this.$options.isTagsMode) {
+	      this.currentValue = '';
+	    }
+
+	    this.handleTextChange = _debounce(this.handleText, this.$props.debounce); // Set custom and default queries in store
 
 	    this.triggerCustomQuery(this.currentValue, this.selectedCategory);
 	    this.triggerDefaultQuery(this.currentValue);
@@ -20922,7 +21426,7 @@
 	    debounce: VueTypes.number.def(0),
 	    defaultValue: types.string,
 	    excludeFields: types.excludeFields,
-	    value: types.value,
+	    value: VueTypes.oneOfType([VueTypes.arrayOf(VueTypes.string), types.value]),
 	    defaultSuggestions: types.suggestions,
 	    enableSynonyms: VueTypes.bool.def(true),
 	    enableQuerySuggestions: VueTypes.bool.def(false),
@@ -20975,7 +21479,18 @@
 	    onData: types.func,
 	    renderItem: types.func,
 	    enterButton: VueTypes.bool.def(false),
-	    renderEnterButton: VueTypes.any
+	    renderEnterButton: VueTypes.any,
+	    mode: VueTypes.oneOf(['select', 'tag']).def('select'),
+	    renderSelectedTags: VueTypes.any
+	  },
+	  beforeMount: function beforeMount() {
+	    if (this.selectedValue) {
+	      this.setValue(this.selectedValue, true, this.$props, this.$options.isTagsMode ? lib_7.SUGGESTION_SELECT : undefined);
+	    } else if (this.$props.value) {
+	      this.setValue(this.$props.value, true, this.$props, this.$options.isTagsMode ? lib_7.SUGGESTION_SELECT : undefined);
+	    } else if (this.$props.defaultValue) {
+	      this.setValue(this.$props.defaultValue, true, this.$props, this.$options.isTagsMode ? lib_7.SUGGESTION_SELECT : undefined);
+	    }
 	  },
 	  mounted: function mounted() {
 	    this.listenForFocusShortcuts();
@@ -21025,15 +21540,25 @@
 	      this.normalizedSuggestions = suggestionsList;
 	    },
 	    selectedValue: function selectedValue(newVal, oldVal) {
-	      if (oldVal !== newVal && this.$data.currentValue !== newVal) {
+	      if (!isEqual$5(newVal, oldVal) && (this.$options.isTagsMode ? !isEqual$5(this.$data.selectedTags, newVal) : this.$data.currentValue !== newVal)) {
 	        if (!newVal && this.$data.currentValue) {
 	          // 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 = [];
 	        }
 
-	        if (this.$props.value === undefined) {
-	          this.setValue(newVal || '', true, this.$props);
+	        var cause = !newVal ? lib_7.CLEAR_VALUE : undefined;
+
+	        if (this.$options.isTagsMode) {
+	          cause = lib_7.SUGGESTION_SELECT;
 	        }
+
+	        this.setValue(newVal || '', true, this.$props, cause); // }
 	      }
 	    },
 	    focusShortcuts: function focusShortcuts() {
@@ -21135,7 +21660,7 @@
 	    // returns size and aggs property
 	    getBasicQueryOptions: function getBasicQueryOptions() {
 	      var aggregationField = this.$props.aggregationField;
-	      var queryOptions = helper_28(this.$props);
+	      var queryOptions = helper_31(this.$props);
 
 	      if (aggregationField) {
 	        queryOptions.aggs = getCompositeAggsQuery$2({
@@ -21174,7 +21699,40 @@
 	      }
 
 	      var performUpdate = function performUpdate() {
-	        _this.currentValue = value;
+	        if (_this.$options.isTagsMode && isEqual$5(value, _this.selectedTags)) {
+	          return;
+	        }
+
+	        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)) {
+	              _this.isOpen = false;
+	              return;
+	            }
+
+	            _this.selectedTags = [].concat(_this.selectedTags);
+
+	            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;
+	            }
+	          } else if (value) {
+	            _this.selectedTags = typeof value !== 'string' ? value : [].concat(value);
+	          }
+
+	          _this.currentValue = '';
+	        } else {
+	          _this.currentValue = value;
+	        }
+
+	        var queryHandlerValue = value;
+
+	        if (_this.$options.isTagsMode && cause === lib_7.SUGGESTION_SELECT) {
+	          queryHandlerValue = Array.isArray(_this.selectedTags) && _this.selectedTags.length ? _this.selectedTags : undefined;
+	        }
 
 	        if (isDefaultValue) {
 	          if (_this.$props.autosuggest) {
@@ -21182,19 +21740,19 @@
 	              _this.isOpen = false;
 	            }
 
-	            _this.triggerDefaultQuery(value);
+	            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 (props.strictSelection) {
-	            if (cause === lib_7.SUGGESTION_SELECT || value === '') {
-	              _this.triggerCustomQuery(value, categoryValue);
+	            if (cause === lib_7.SUGGESTION_SELECT || (_this.$options.isTagsMode ? _this.selectedTags.length === 0 : value === '')) {
+	              _this.triggerCustomQuery(queryHandlerValue, _this.$options.isTagsMode ? undefined : categoryValue);
 	            } else {
 	              _this.setValue('', true);
 	            }
-	          } else if (props.value === undefined) {
-	            _this.triggerCustomQuery(value, categoryValue);
+	          } else if (props.value === undefined || cause === lib_7.SUGGESTION_SELECT || cause === lib_7.CLEAR_VALUE) {
+	            _this.triggerCustomQuery(queryHandlerValue, _this.$options.isTagsMode ? undefined : categoryValue);
 	          }
 	        } else {
 	          // debounce for handling text while typing
@@ -21245,6 +21803,11 @@
 	          showFilter = _this$$props2.showFilter,
 	          URLParams = _this$$props2.URLParams;
 	      var value = typeof paramValue !== 'string' ? this.$data.currentValue : paramValue;
+
+	      if (this.$options.isTagsMode) {
+	        value = paramValue;
+	      }
+
 	      var defaultQueryTobeSet = SearchBox.defaultQuery("" + value + (categoryValue ? " in " + categoryValue : ''), this.$props);
 	      var query = defaultQueryTobeSet;
 
@@ -21329,10 +21892,19 @@
 	      this.onValueSelectedHandler('', lib_7.CLEAR_VALUE);
 	    },
 	    handleKeyDown: function handleKeyDown(event, highlightedIndex) {
+	      if (highlightedIndex === void 0) {
+	        highlightedIndex = null;
+	      }
+
 	      // if a suggestion was selected, delegate the handling to suggestion handler
-	      if (event.key === 'Enter' && highlightedIndex === null) {
-	        this.setValue(event.target.value, true);
-	        this.onValueSelectedHandler(event.target.value, lib_7.ENTER_PRESS);
+	      if (event.key === 'Enter') {
+	        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.onValueSelectedHandler(event.target.value, lib_7.ENTER_PRESS);
+	        }
 	      } // Need to review
 
 
@@ -21375,13 +21947,29 @@
 	      if (value === undefined) {
 	        this.setValue(suggestion.value, true, this.$props, lib_7.SUGGESTION_SELECT, false, suggestion._category);
 	      } else {
-	        this.$emit('change', suggestion.value, function (_ref4) {
+	        var emitValue = suggestion.value;
+
+	        if (this.$options.isTagsMode) {
+	          emitValue = Array.isArray(this.selectedTags) ? [].concat(this.selectedTags) : [];
+
+	          if (this.selectedTags.includes(suggestion.value)) {
+	            // avoid duplicates in tags array
+	            this.isOpen = false;
+	            return;
+	          }
+
+	          emitValue.push(suggestion.value);
+	        }
+
+	        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({
+	          return _this3.triggerQuery(_extends({
 	            isOpen: isOpen,
-	            value: suggestion.value,
+	            value: emitValue
+	          }, !_this3.$options.isTagsMode && {
 	            categoryValue: suggestion._category
-	          });
+	          }));
 	        });
 	      }
 
@@ -21504,6 +22092,13 @@
 
 	      return null;
 	    },
+	    enterButtonOnClick: function enterButtonOnClick() {
+	      this.triggerQuery({
+	        isOpen: false,
+	        value: this.currentValue,
+	        customQuery: true
+	      });
+	    },
 	    renderEnterButtonElement: function renderEnterButtonElement() {
 	      var _this4 = this;
 
@@ -21513,27 +22108,19 @@
 	          innerClass = _this$$props4.innerClass;
 	      var renderEnterButton = this.$scopedSlots.renderEnterButton;
 
-	      var enterButtonOnClick = function enterButtonOnClick() {
-	        return _this4.triggerQuery({
-	          isOpen: false,
-	          value: _this4.currentValue,
-	          customQuery: true
-	        });
-	      };
-
 	      if (enterButton) {
 	        var getEnterButtonMarkup = function getEnterButtonMarkup() {
 	          if (renderEnterButton) {
-	            return renderEnterButton(enterButtonOnClick);
+	            return renderEnterButton(_this4.enterButtonOnClick);
 	          }
 
 	          return h(Button, {
-	            "class": "enter-btn " + getClassName$4(innerClass, 'enterButton'),
+	            "class": "enter-btn " + getClassName$4(innerClass, 'enter-button'),
 	            "attrs": {
 	              "primary": true
 	            },
 	            "on": {
-	              "click": enterButtonOnClick
+	              "click": _this4.enterButtonOnClick
 	            }
 	          }, ["Search"]);
 	        };
@@ -21665,10 +22252,79 @@
 	          "click": handleAutoFillClick
 	        }
 	      });
+	    },
+	    renderTag: function renderTag(item) {
+	      var _this7 = this;
+
+	      var h = this.$createElement;
+	      var innerClass = this.$props.innerClass;
+	      return h(TagItem, {
+	        "class": getClassName$4(innerClass, 'selected-tag') || ''
+	      }, [h("span", [item]), h("span", {
+	        "attrs": {
+	          "role": "img",
+	          "aria-label": "delete-tag"
+	        },
+	        "class": "close-icon",
+	        "on": {
+	          "click": function click() {
+	            return _this7.clearTag(item);
+	          }
+	        }
+	      }, [h(CancelSvg)])]);
+	    },
+	    clearAllTags: function clearAllTags() {
+	      this.selectedTags = [];
+	      this.setValue('', true, this.$props, lib_7.SUGGESTION_SELECT);
+
+	      if (this.$props.value !== undefined) {
+	        this.$emit('change', this.selectedTags, this.triggerQuery);
+	      }
+	    },
+	    clearTag: function clearTag(tagValue) {
+	      this.selectedTags = [].concat(this.selectedTags.filter(function (tag) {
+	        return tag !== tagValue;
+	      }));
+	      this.setValue('', true, this.$props, lib_7.SUGGESTION_SELECT);
+
+	      if (this.$props.value !== undefined) {
+	        this.$emit('change', this.selectedTags, this.triggerQuery);
+	      }
+	    },
+	    renderTags: function renderTags() {
+	      var _this8 = this;
+
+	      var h = this.$createElement;
+
+	      if (!Array.isArray(this.selectedTags)) {
+	        return null;
+	      }
+
+	      var tagsList = [].concat(this.selectedTags);
+	      var shouldRenderClearAllTag = tagsList.length > 1;
+	      var renderSelectedTags = this.$scopedSlots.renderSelectedTags || this.$props.renderSelectedTags;
+	      return renderSelectedTags ? renderSelectedTags({
+	        values: this.selectedTags,
+	        handleClear: this.clearTag,
+	        handleClearAll: this.clearAllTags
+	      }) : h(TagsContainer, [tagsList.map(function (item) {
+	        return _this8.renderTag(item);
+	      }), shouldRenderClearAllTag && h(TagItem, {
+	        "class": getClassName$4(this.$props.innerClass, 'selected-tag') || ''
+	      }, [h("span", ["Clear All"]), h("span", {
+	        "attrs": {
+	          "role": "img",
+	          "aria-label": "delete-tag"
+	        },
+	        "class": "close-icon",
+	        "on": {
+	          "click": this.clearAllTags
+	        }
+	      }, [h(CancelSvg)])])]);
 	    }
 	  },
 	  render: function render() {
-	    var _this7 = this;
+	    var _this9 = this;
 
 	    var h = arguments[0];
 	    var _this$$props6 = this.$props,
@@ -21703,10 +22359,10 @@
 	          var renderSuggestionsDropdown = function renderSuggestionsDropdown() {
 	            var getIcon = function getIcon(iconType) {
 	              switch (iconType) {
-	                case helper_6.Recent:
+	                case helper_9.Recent:
 	                  return recentSearchesIcon;
 
-	                case helper_6.Popular:
+	                case helper_9.Popular:
 	                  return popularSearchesIcon;
 
 	                default:
@@ -21714,14 +22370,14 @@
 	              }
 	            };
 
-	            return h("div", [_this7.hasCustomRenderer && _this7.getComponent({
+	            return h("div", [_this9.hasCustomRenderer && _this9.getComponent({
 	              isOpen: isOpen,
 	              getItemProps: getItemProps,
 	              getItemEvents: getItemEvents,
 	              highlightedIndex: highlightedIndex
-	            }), _this7.renderErrorComponent(), !_this7.hasCustomRenderer && isOpen && hasSuggestions ? h("ul", {
-	              "class": suggestions$1(_this7.themePreset, theme) + " " + getClassName$4(_this7.$props.innerClass, 'list')
-	            }, [_this7.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
@@ -21731,7 +22387,7 @@
 	                })),
 	                "key": index + 1 + "-" + item.value,
 	                "style": {
-	                  backgroundColor: _this7.getBackgroundColor(highlightedIndex, index),
+	                  backgroundColor: _this9.getBackgroundColor(highlightedIndex, index),
 	                  justifyContent: 'flex-start',
 	                  alignItems: 'center'
 	                }
@@ -21744,7 +22400,7 @@
 	                })),
 	                "key": index + 1 + "-" + item.value,
 	                "style": {
-	                  backgroundColor: _this7.getBackgroundColor(highlightedIndex, index),
+	                  backgroundColor: _this9.getBackgroundColor(highlightedIndex, index),
 	                  justifyContent: 'flex-start',
 	                  alignItems: 'center'
 	                }
@@ -21755,61 +22411,61 @@
 	                }
 	              }, [h(CustomSvg, {
 	                "attrs": {
-	                  "className": getClassName$4(_this7.$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": _this7.currentValue,
+	                  "currentValue": _this9.currentValue,
 	                  "suggestion": item
 	                }
-	              }), _this7.renderAutoFill(item)]);
-	            })]) : _this7.renderNoSuggestions(_this7.normalizedSuggestions)]);
+	              }), _this9.renderAutoFill(item)]);
+	            })]) : _this9.renderNoSuggestions(_this9.normalizedSuggestions)]);
 	          };
 
 	          return h("div", {
 	            "class": suggestionsContainer
-	          }, [h(InputGroup, [_this7.renderInputAddonBefore(), h(InputWrapper, [h(Input, {
+	          }, [h(InputGroup, [_this9.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": _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": _this7.$props.innerRef,
-	            "class": getClassName$4(_this7.$props.innerClass, 'input'),
+	            "ref": _this9.$props.innerRef,
+	            "class": getClassName$4(_this9.$props.innerClass, 'input'),
 	            "on": _extends({}, getInputEvents({
-	              onInput: _this7.onInputChange,
+	              onInput: _this9.onInputChange,
 	              onBlur: function onBlur(e) {
-	                _this7.$emit('blur', e, _this7.triggerQuery);
+	                _this9.$emit('blur', e, _this9.triggerQuery);
 	              },
-	              onFocus: _this7.handleFocus,
+	              onFocus: _this9.handleFocus,
 	              onKeyPress: function onKeyPress(e) {
-	                _this7.$emit('keyPress', e, _this7.triggerQuery);
+	                _this9.$emit('keyPress', e, _this9.triggerQuery);
 
-	                _this7.$emit('key-press', e, _this7.triggerQuery);
+	                _this9.$emit('key-press', e, _this9.triggerQuery);
 	              },
 	              onKeyDown: function onKeyDown(e) {
-	                return _this7.handleKeyDown(e, highlightedIndex);
+	                return _this9.handleKeyDown(e, highlightedIndex);
 	              },
 	              onKeyUp: function onKeyUp(e) {
-	                _this7.$emit('keyUp', e, _this7.triggerQuery);
+	                _this9.$emit('keyUp', e, _this9.triggerQuery);
 
-	                _this7.$emit('key-up', e, _this7.triggerQuery);
+	                _this9.$emit('key-up', e, _this9.triggerQuery);
 	              },
 	              onClick: function onClick() {
 	                setHighlightedIndex(null);
 	              }
 	            })),
 	            "domProps": _extends({}, getInputProps({
-	              value: _this7.$data.currentValue === null ? '' : _this7.$data.currentValue
+	              value: _this9.$data.currentValue === null ? '' : _this9.$data.currentValue
 	            }))
-	          }), _this7.renderIcons(), !expandSuggestionsContainer && renderSuggestionsDropdown()]), _this7.renderInputAddonAfter(), _this7.renderEnterButtonElement()]), expandSuggestionsContainer && renderSuggestionsDropdown()]);
+	          }), _this9.renderIcons(), !expandSuggestionsContainer && renderSuggestionsDropdown()]), _this9.renderInputAddonAfter(), _this9.renderEnterButtonElement()]), expandSuggestionsContainer && renderSuggestionsDropdown(), _this9.renderTags()]);
 	        }
 	      }
 	    }) : h("div", {
@@ -21825,26 +22481,22 @@
 	      },
 	      "on": _extends({}, {
 	        blur: function blur(e) {
-	          _this7.$emit('blur', e, _this7.triggerQuery);
+	          _this9.$emit('blur', e, _this9.triggerQuery);
 	        },
 	        keypress: function keypress(e) {
-	          _this7.$emit('keyPress', e, _this7.triggerQuery);
+	          _this9.$emit('keyPress', e, _this9.triggerQuery);
 
-	          _this7.$emit('key-press', e, _this7.triggerQuery);
+	          _this9.$emit('key-press', e, _this9.triggerQuery);
 	        },
 	        input: this.onInputChange,
 	        focus: function focus(e) {
-	          _this7.$emit('focus', e, _this7.triggerQuery);
-	        },
-	        keydown: function keydown(e) {
-	          _this7.$emit('keyDown', e, _this7.triggerQuery);
-
-	          _this7.$emit('key-down', e, _this7.triggerQuery);
+	          _this9.$emit('focus', e, _this9.triggerQuery);
 	        },
+	        keydown: this.handleKeyDown,
 	        keyup: function keyup(e) {
-	          _this7.$emit('keyUp', e, _this7.triggerQuery);
+	          _this9.$emit('keyUp', e, _this9.triggerQuery);
 
-	          _this7.$emit('key-up', e, _this7.triggerQuery);
+	          _this9.$emit('key-up', e, _this9.triggerQuery);
 	        }
 	      }),
 	      "domProps": _extends({}, {
@@ -22003,14 +22655,14 @@
 
 	SearchBox.componentType = constants_1$1.searchBox;
 
-	var _templateObject$k, _templateObject2$7, _templateObject3$6, _templateObject4$5, _templateObject5$3, _templateObject6$3;
+	var _templateObject$l, _templateObject2$8, _templateObject3$6, _templateObject4$5, _templateObject5$3, _templateObject6$3;
 	var item = {
 	  width: '15px',
 	  height: '15px',
 	  scale: '4px'
 	};
-	var vh = css(_templateObject$k || (_templateObject$k = _taggedTemplateLiteralLoose(["\n\tborder: 0;\n\tclip: rect(1px, 1px, 1px, 1px);\n\tclip-path: inset(50%);\n\theight: 1px;\n\toverflow: hidden;\n\tpadding: 0;\n\tposition: absolute;\n\twidth: 1px;\n\twhite-space: nowrap;\n"])));
-	var hideInputControl = css(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteralLoose(["\n\t+ label {\n\t\tpadding-left: 0;\n\n\t\t&::before,\n\t\t&::after {\n\t\t\twidth: 0;\n\t\t\theight: 0;\n\t\t\tborder: 0;\n\t\t\tmargin: 0;\n\t\t\tvisibility: hidden;\n\t\t}\n\t}\n\n\t&:checked {\n\t\t+ label {\n\t\t\tfont-weight: bold;\n\t\t}\n\t}\n"])));
+	var vh = css(_templateObject$l || (_templateObject$l = _taggedTemplateLiteralLoose(["\n\tborder: 0;\n\tclip: rect(1px, 1px, 1px, 1px);\n\tclip-path: inset(50%);\n\theight: 1px;\n\toverflow: hidden;\n\tpadding: 0;\n\tposition: absolute;\n\twidth: 1px;\n\twhite-space: nowrap;\n"])));
+	var hideInputControl = css(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteralLoose(["\n\t+ label {\n\t\tpadding-left: 0;\n\n\t\t&::before,\n\t\t&::after {\n\t\t\twidth: 0;\n\t\t\theight: 0;\n\t\t\tborder: 0;\n\t\t\tmargin: 0;\n\t\t\tvisibility: hidden;\n\t\t}\n\t}\n\n\t&:checked {\n\t\t+ label {\n\t\t\tfont-weight: bold;\n\t\t}\n\t}\n"])));
 
 	var formItem = function formItem(_ref) {
 	  var theme = _ref.theme;
@@ -23167,12 +23819,12 @@
 
 	MultiList.componentType = constants_1$1.multiList;
 
-	var _templateObject$l, _templateObject2$8, _templateObject3$7, _templateObject4$6;
-	var small = css(_templateObject$l || (_templateObject$l = _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"])));
+	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"])));
 
 	var dark$2 = function dark(_ref) {
 	  var theme = _ref.theme;
-	  return css(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteralLoose(["\n\tbackground-color: ", ";\n\tborder-color: ", ";\n\tcolor: ", ";\n\n\t&:hover,\n\t&:focus {\n\t\tbackground-color: ", ";\n\t}\n"])), theme.colors.backgroundColor, theme.colors.borderColor, theme.colors.textColor, theme.colors.backgroundColor);
+	  return css(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteralLoose(["\n\tbackground-color: ", ";\n\tborder-color: ", ";\n\tcolor: ", ";\n\n\t&:hover,\n\t&:focus {\n\t\tbackground-color: ", ";\n\t}\n"])), theme.colors.backgroundColor, theme.colors.borderColor, theme.colors.textColor, theme.colors.backgroundColor);
 	};
 
 	var Select = index$1('button')(_templateObject3$7 || (_templateObject3$7 = _taggedTemplateLiteralLoose(["\n\twidth: 100%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tmin-height: 42px;\n\tborder-radius: 0;\n\toutline: none;\n\tpadding: 5px 12px;\n\tfont-size: 0.9rem;\n\tline-height: 1.2rem;\n\tbackground-color: #fff;\n\tborder: 1px solid #ccc;\n\tcolor: #424242;\n\tcursor: pointer;\n\tuser-select: none;\n\ttransition: all 0.3s ease;\n\n\t", ";\n\n\t& > div {\n\t\twidth: calc(100% - 24px);\n\t\twhite-space: nowrap;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\ttext-align: left;\n\t}\n\n\t&:hover,\n\t&:focus {\n\t\tbackground-color: #fcfcfc;\n\t}\n\n\t", ";\n"])), function (props) {
@@ -23186,9 +23838,9 @@
 	  return theme.colors.primaryColor;
 	});
 
-	var _templateObject$m, _templateObject2$9;
-	var open = css(_templateObject$m || (_templateObject$m = _taggedTemplateLiteralLoose(["\n\ttop: 0.55em;\n\ttransform: rotate(-45deg);\n"])));
-	var Chevron = index$1('span')(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteralLoose(["\n\t&::before {\n\t\tcontent: '';\n\t\tborder-style: solid;\n\t\tborder-width: 0.15em 0.15em 0 0;\n\t\tdisplay: inline-block;\n\t\theight: 0.45em;\n\t\tposition: relative;\n\t\ttop: 0.35em;\n\t\tleft: 0;\n\t\ttransform: rotate(135deg);\n\t\tvertical-align: top;\n\t\twidth: 0.45em;\n\n\t\t", ";\n\t}\n"])), function (props) {
+	var _templateObject$n, _templateObject2$a;
+	var open = css(_templateObject$n || (_templateObject$n = _taggedTemplateLiteralLoose(["\n\ttop: 0.55em;\n\ttransform: rotate(-45deg);\n"])));
+	var Chevron = index$1('span')(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteralLoose(["\n\t&::before {\n\t\tcontent: '';\n\t\tborder-style: solid;\n\t\tborder-width: 0.15em 0.15em 0 0;\n\t\tdisplay: inline-block;\n\t\theight: 0.45em;\n\t\tposition: relative;\n\t\ttop: 0.35em;\n\t\tleft: 0;\n\t\ttransform: rotate(135deg);\n\t\tvertical-align: top;\n\t\twidth: 0.45em;\n\n\t\t", ";\n\t}\n"])), function (props) {
 	  return props.open ? open : null;
 	});
 
@@ -24515,6 +25167,7 @@
 	  name: 'ToggleButton',
 	  props: {
 	    componentId: types.stringRequired,
+	    customQuery: types.func,
 	    data: types.data,
 	    dataField: types.stringRequired,
 	    defaultValue: types.any,
@@ -25192,6 +25845,7 @@
 	        components: this.components,
 	        selectedValues: this.selectedValues,
 	        clearValues: this.clearValues,
+	        clearValue: this.clearValue,
 	        setValue: this.setValue,
 	        resetValuesToDefault: this.resetValuesToDefault
 	      });
@@ -25203,7 +25857,7 @@
 	      "class": filters(this.theme) + " " + (this.$props.className || '')
 	    }, [this.$props.title && hasValues && h(Title, {
 	      "class": getClassName$b(this.$props.innerClass, 'title') || ''
-	    }, [this.$props.title]), filtersToRender, this.$props.showClearAll && hasValues ? h(Button, {
+	    }, [this.$props.title]), filtersToRender, this.$props.showClearAll && hasValues && filtersToRender.length > 1 ? h(Button, {
 	      "class": getClassName$b(this.$props.innerClass, 'button') || '',
 	      "on": _extends({}, {
 	        click: this.clearValues,
@@ -25240,6 +25894,20 @@
 
 	      this.$emit('clear', resetToValues);
 	    },
+	    clearValue: function clearValue(componentId) {
+	      var resetToDefault = this.resetToDefault,
+	          resetToValues = this.resetToValues;
+
+	      if (resetToDefault) {
+	        this.resetValuesToDefault(this.components.filter(function (component) {
+	          return component !== componentId;
+	        }));
+	      } else {
+	        this.setValue(componentId, (resetToValues == null ? void 0 : resetToValues[componentId]) || null);
+	      }
+
+	      this.$emit('clear', resetToValues == null ? void 0 : resetToValues[componentId]);
+	    },
 	    renderValue: function renderValue(value, isArray) {
 	      var _this2 = this;
 
@@ -25263,39 +25931,41 @@
 
 	      return value;
 	    },
+	    renderFilterButton: function renderFilterButton(component, keyProp, handleRemove, label) {
+	      var h = this.$createElement;
+	      return h(Button, {
+	        "class": getClassName$b(this.$props.innerClass, 'button') || '',
+	        "key": keyProp,
+	        "on": _extends({}, {
+	          click: handleRemove,
+	          keypress: function keypress(event) {
+	            return handleA11yAction$2(event, handleRemove);
+	          }
+	        }),
+	        "attrs": {
+	          "tabIndex": "0"
+	        }
+	      }, [h("span", [label]), h("span", ["\u2715"])]);
+	    },
 	    renderFilters: function renderFilters() {
 	      var _this3 = this;
 
-	      var h = this.$createElement;
 	      var selectedValues = this.selectedValues;
-	      return Object.keys(selectedValues).filter(function (id) {
+	      var filterComponents = Object.keys(selectedValues).filter(function (id) {
 	        return _this3.components.includes(id) && selectedValues[id].showFilter;
-	      }).map(function (component, index) {
+	      });
+	      return filterComponents.map(function (component, index) {
 	        var _selectedValues$compo = selectedValues[component],
 	            label = _selectedValues$compo.label,
 	            value = _selectedValues$compo.value;
-	        var isArray = Array.isArray(value);
+	        var isArray = Array.isArray(value); // default behaviour
 
 	        if (label && (isArray && value.length || !isArray && value)) {
 	          var valueToRender = _this3.renderValue(value, isArray);
 
-	          return h(Button, {
-	            "class": getClassName$b(_this3.$props.innerClass, 'button') || '',
-	            "key": component + "-" + (index + 1),
-	            "on": _extends({}, {
-	              click: function click() {
-	                return _this3.remove(component, value);
-	              },
-	              keypress: function keypress(event) {
-	                return handleA11yAction$2(event, function () {
-	                  return _this3.remove(component, value);
-	                });
-	              }
-	            }),
-	            "attrs": {
-	              "tabIndex": "0"
-	            }
-	          }, [h("span", [selectedValues[component].label, ": ", valueToRender]), h("span", ["\u2715"])]);
+	          return _this3.renderFilterButton(component, component + "-" + (index + 1), function () {
+	            return _this3.remove(component, value);
+	          }, selectedValues[component].label + ": " + valueToRender);
 	        }
 
 	        return null;
@@ -25446,7 +26116,7 @@
 	        props = this.$props;
 	      }
 
-	      var currentValue = SingleRange.parseValue(value, props);
+	      var currentValue = typeof value === 'string' ? SingleRange.parseValue(value, props) : value;
 
 	      var performUpdate = function performUpdate() {
 	        _this2.currentValue = currentValue;
@@ -26122,8 +26792,8 @@
 	};
 	var vueNoSsr_common = index$2;
 
-	var _templateObject$n;
-	var Slider = index$1('div')(_templateObject$n || (_templateObject$n = _taggedTemplateLiteralLoose(["\n\tmargin-top: 30px;\n\tpadding: 10px;\n\n\t/* component style */\n\t.vue-slider-disabled {\n\t\topacity: 0.5;\n\t\tcursor: not-allowed;\n\t}\n\n\t/* rail style */\n\t.vue-slider-rail {\n\t\tbackground-color: #ccc;\n\t\tborder-radius: 15px;\n\t\theight: 4px;\n\t}\n\n\t/* process style */\n\t.vue-slider-process {\n\t\tbackground-color: #0b6aff;\n\t\tborder-radius: 15px;\n\t}\n\n\t/* mark style */\n\t.vue-slider-mark {\n\t\tz-index: 4;\n\t}\n\n\t.vue-slider-mark:first-child .vue-slider-mark-step,\n\t.vue-slider-mark:last-child .vue-slider-mark-step {\n\t\tdisplay: none;\n\t}\n\n\t.vue-slider-mark-step {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tborder-radius: 50%;\n\t\tbackground-color: rgba(0, 0, 0, 0.16);\n\t}\n\n\t.vue-slider-mark-label {\n\t\tfont-size: 14px;\n\t\twhite-space: nowrap;\n\t}\n\n\t/* dot style */\n\t.vue-slider-dot {\n\t\tz-index: 2;\n\t}\n\n\t.vue-slider-dot-handle {\n\t\tcursor: pointer;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tborder-radius: 50%;\n\t\tbackground-color: #fff;\n\t\tbox-sizing: border-box;\n\t\tborder: 1px solid #9a9a9a;\n\t\tz-index: 2;\n\t\tbox-shadow: 0.5px 0.5px 2px 1px rgb(0 0 0 / 32%);\n\t}\n\n\t.vue-slider-dot-handle-disabled {\n\t\tcursor: not-allowed;\n\t\tbackground-color: #ccc;\n\t}\n\n\t.vue-slider-dot-tooltip-inner {\n\t\tfont-size: 14px;\n\t\twhite-space: nowrap;\n\t\tpadding: 2px 5px;\n\t\tmin-width: 20px;\n\t\ttext-align: center;\n\t\tcolor: #fff;\n\t\tborder-radius: 5px;\n\t\tborder: 1px solid #3498db;\n\t\tbackground-color: #3498db;\n\t\tbox-sizing: content-box;\n\t}\n\n\t.vue-slider-dot-tooltip-inner::after {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-top::after {\n\t\ttop: 100%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, 0);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-top-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-bottom::after {\n\t\tbottom: 100%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, 0);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-bottom-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-left::after {\n\t\tleft: 100%;\n\t\ttop: 50%;\n\t\ttransform: translate(0, -50%);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-left-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-right::after {\n\t\tright: 100%;\n\t\ttop: 50%;\n\t\ttransform: translate(0, -50%);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-right-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-wrapper {\n\t\topacity: 0;\n\t\ttransition: all 0.3s;\n\t}\n\t.vue-slider-dot-tooltip-wrapper-show {\n\t\topacity: 1;\n\t}\n\n\t.label-container {\n\t\tmargin: 10px 0;\n\t\twidth: 100%;\n\t}\n\n\t.range-label-right {\n\t\tfloat: right;\n\t}\n"])));
+	var _templateObject$o;
+	var Slider = index$1('div')(_templateObject$o || (_templateObject$o = _taggedTemplateLiteralLoose(["\n\tmargin-top: 30px;\n\tpadding: 10px;\n\n\t/* component style */\n\t.vue-slider-disabled {\n\t\topacity: 0.5;\n\t\tcursor: not-allowed;\n\t}\n\n\t/* rail style */\n\t.vue-slider-rail {\n\t\tbackground-color: #ccc;\n\t\tborder-radius: 15px;\n\t\theight: 4px;\n\t}\n\n\t/* process style */\n\t.vue-slider-process {\n\t\tbackground-color: #0b6aff;\n\t\tborder-radius: 15px;\n\t}\n\n\t/* mark style */\n\t.vue-slider-mark {\n\t\tz-index: 4;\n\t}\n\n\t.vue-slider-mark:first-child .vue-slider-mark-step,\n\t.vue-slider-mark:last-child .vue-slider-mark-step {\n\t\tdisplay: none;\n\t}\n\n\t.vue-slider-mark-step {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tborder-radius: 50%;\n\t\tbackground-color: rgba(0, 0, 0, 0.16);\n\t}\n\n\t.vue-slider-mark-label {\n\t\tfont-size: 14px;\n\t\twhite-space: nowrap;\n\t}\n\n\t/* dot style */\n\t.vue-slider-dot {\n\t\tz-index: 2;\n\t}\n\n\t.vue-slider-dot-handle {\n\t\tcursor: pointer;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tborder-radius: 50%;\n\t\tbackground-color: #fff;\n\t\tbox-sizing: border-box;\n\t\tborder: 1px solid #9a9a9a;\n\t\tz-index: 2;\n\t\tbox-shadow: 0.5px 0.5px 2px 1px rgb(0 0 0 / 32%);\n\t}\n\n\t.vue-slider-dot-handle-disabled {\n\t\tcursor: not-allowed;\n\t\tbackground-color: #ccc;\n\t}\n\n\t.vue-slider-dot-tooltip-inner {\n\t\tfont-size: 14px;\n\t\twhite-space: nowrap;\n\t\tpadding: 2px 5px;\n\t\tmin-width: 20px;\n\t\ttext-align: center;\n\t\tcolor: #fff;\n\t\tborder-radius: 5px;\n\t\tborder: 1px solid #3498db;\n\t\tbackground-color: #3498db;\n\t\tbox-sizing: content-box;\n\t}\n\n\t.vue-slider-dot-tooltip-inner::after {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-top::after {\n\t\ttop: 100%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, 0);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-top-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-bottom::after {\n\t\tbottom: 100%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, 0);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-bottom-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-left::after {\n\t\tleft: 100%;\n\t\ttop: 50%;\n\t\ttransform: translate(0, -50%);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-left-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-right::after {\n\t\tright: 100%;\n\t\ttop: 50%;\n\t\ttransform: translate(0, -50%);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-right-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-wrapper {\n\t\topacity: 0;\n\t\ttransition: all 0.3s;\n\t}\n\t.vue-slider-dot-tooltip-wrapper-show {\n\t\topacity: 1;\n\t}\n\n\t.label-container {\n\t\tmargin: 10px 0;\n\t\twidth: 100%;\n\t}\n\n\t.range-label-right {\n\t\tfloat: right;\n\t}\n"])));
 
 	/**
 	 * Caution: Please do not change this file without having a discussion with the Team.
@@ -27030,13 +27700,32 @@
 	      if (this.isStateChanged(newVal, oldVal)) {
 	        this.searchState = filterByKeys(getSearchState(filterProps(this.searchStateProps)), this.includeKeys);
 	      }
+	    },
+	    setSearchState: function setSearchState(valuesMap) {
+	      if (valuesMap === void 0) {
+	        valuesMap = {};
+	      }
+
+	      var components = this.components;
+	      var computedValuesMap = {};
+	      components.filter(function (component) {
+	        return !transform_11(component);
+	      }).forEach(function (component) {
+	        if (component in valuesMap) {
+	          computedValuesMap[component] = valuesMap[component];
+	        } else {
+	          computedValuesMap[component] = null;
+	        }
+	      });
+	      this.setValues(computedValuesMap);
 	    }
 	  },
 	  render: function render() {
 	    var searchState = this.searchState;
 	    var dom = this.$scopedSlots["default"];
 	    return dom ? dom({
-	      searchState: searchState
+	      searchState: searchState,
+	      setSearchState: this.setSearchState
 	    }) : null;
 	  }
 	};
@@ -27054,11 +27743,15 @@
 	    promotedResults: filterByComponentIds(state.promotedResults, props),
 	    customData: filterByComponentIds(state.customData, props),
 	    settings: filterByComponentIds(state.settings, props),
-	    rawData: filterByComponentIds(state.rawData, props)
+	    rawData: filterByComponentIds(state.rawData, props),
+	    components: filterByComponentIds(state.components, props)
 	  };
 	};
 
-	var StateProviderConnected = connect(mapStateToProps$g, {})(StateProvider);
+	var mapDispatchtoProps$d = {
+	  setValues: value_6
+	};
+	var StateProviderConnected = connect(mapStateToProps$g, mapDispatchtoProps$d)(StateProvider);
 
 	StateProvider.install = function (Vue) {
 	  Vue.component(StateProvider.name, StateProviderConnected);
@@ -27111,8 +27804,8 @@
 	  if (component.defaultQuery) {
 	    var defaultQuery = component.defaultQuery(currentValue, component);
 	    return _extends({
-	      query: helper_14(defaultQuery)
-	    }, helper_15(defaultQuery));
+	      query: helper_17(defaultQuery)
+	    }, helper_18(defaultQuery));
 	  }
 
 	  return component.source.defaultQuery ? {
@@ -27128,8 +27821,8 @@
 	  if (component.customQuery) {
 	    var customQuery = component.customQuery(currentValue, component);
 	    return _extends({
-	      query: helper_14(customQuery)
-	    }, helper_15(customQuery));
+	      query: helper_17(customQuery)
+	    }, helper_18(customQuery));
 	  }
 
 	  return component.source.defaultQuery ? {
@@ -27293,7 +27986,7 @@
 	        var react = component.react;
 
 	        if (isInternalComponentPresent || isResultComponent) {
-	          react = helper_30(react, internalComponent);
+	          react = helper_33(react, internalComponent);
 	        }
 
 	        dependencyTree = dependencyTreeReducer(dependencyTree, {
@@ -27356,7 +28049,7 @@
 
 	    componentCollection.forEach(function (component) {
 	      // eslint-disable-next-line
-	      var _buildQuery = helper_29(component.componentId, dependencyTree, queryList, queryOptions),
+	      var _buildQuery = helper_32(component.componentId, dependencyTree, queryList, queryOptions),
 	          queryObj = _buildQuery.queryObj,
 	          options = _buildQuery.options;
 
@@ -27383,7 +28076,7 @@
 	        queryLog = _extends({}, queryLog, (_extends2 = {}, _extends2[component.componentId] = currentQuery, _extends2));
 
 	        if (settings.enableAppbase) {
-	          var query = transform_4(component.componentId, transform_2(state, component.componentId, queryOptions && queryOptions[component.componentId] ? {
+	          var query = transform_4(component.componentId, transform_2(state, component.componentId, queryOptions && Object.keys(queryOptions[component.componentId]).length ? {
 	            from: queryOptions[component.componentId].from
 	          } : null));
 
@@ -27424,7 +28117,7 @@
 
 	              aggregations = _extends({}, aggregations, (_extends4 = {}, _extends4[component] = response.aggregations, _extends4));
 	              compositeAggregations = compositeAggsReducer(compositeAggregations, {
-	                type: constants_9,
+	                type: constants_10,
 	                aggregations: response.aggregations,
 	                append: false
 	              });
@@ -27566,16 +28259,16 @@
 	  });
 	}
 
-	var version = "1.29.0";
+	var version = "1.30.0";
 
-	var _templateObject$o, _templateObject2$a;
+	var _templateObject$p, _templateObject2$b;
 
 	var alert = function alert(_ref) {
 	  var theme = _ref.theme;
-	  return css(_templateObject$o || (_templateObject$o = _taggedTemplateLiteralLoose(["\n\tcolor: ", ";\n"])), theme.colors.alertColor);
+	  return css(_templateObject$p || (_templateObject$p = _taggedTemplateLiteralLoose(["\n\tcolor: ", ";\n"])), theme.colors.alertColor);
 	};
 
-	var Content = index$1('div')(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteralLoose(["\n\t", ";\n\tfont-size: 13px;\n\tmargin: 8px;\n"])), function (props) {
+	var Content = index$1('div')(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteralLoose(["\n\t", ";\n\tfont-size: 13px;\n\tmargin: 8px;\n"])), function (props) {
 	  return props.alert && alert;
 	});