@appbaseio/reactivesearch-vue 1.29.0-preview.1 → 1.31.0

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

@@ -154,29 +154,29 @@
 	  return typeOfVal;
 	}
 	/**
-	 * Creates a Redux store that holds the state tree.
-	 * The only way to change the data in the store is to call `dispatch()` on it.
+	 * @deprecated
 	 *
-	 * There should only be a single store in your app. To specify how different
-	 * parts of the state tree respond to actions, you may combine several reducers
-	 * into a single reducer function by using `combineReducers`.
+	 * **We recommend using the `configureStore` method
+	 * of the `@reduxjs/toolkit` package**, which replaces `createStore`.
 	 *
-	 * @param {Function} reducer A function that returns the next state tree, given
-	 * the current state tree and the action to handle.
+	 * Redux Toolkit is our recommended approach for writing Redux logic today,
+	 * including store setup, reducers, data fetching, and more.
 	 *
-	 * @param {any} [preloadedState] The initial state. You may optionally specify it
-	 * to hydrate the state from the server in universal apps, or to restore a
-	 * previously serialized user session.
-	 * If you use `combineReducers` to produce the root reducer function, this must be
-	 * an object with the same shape as `combineReducers` keys.
+	 * **For more details, please read this Redux docs page:**
+	 * **https://redux.js.org/introduction/why-rtk-is-redux-today**
 	 *
-	 * @param {Function} [enhancer] The store enhancer. You may optionally specify it
-	 * to enhance the store with third-party capabilities such as middleware,
-	 * time travel, persistence, etc. The only store enhancer that ships with Redux
-	 * is `applyMiddleware()`.
+	 * `configureStore` from Redux Toolkit is an improved version of `createStore` that
+	 * simplifies setup and helps avoid common bugs.
+	 *
+	 * You should not be using the `redux` core package by itself today, except for learning purposes.
+	 * The `createStore` method from the core `redux` package will not be removed, but we encourage
+	 * all users to migrate to using Redux Toolkit for all Redux code.
+	 *
+	 * If you want to use `createStore` without this visual deprecation warning, use
+	 * the `legacy_createStore` import instead:
+	 *
+	 * `import { legacy_createStore as createStore} from 'redux'`
 	 *
-	 * @returns {Store} A Redux store that lets you read the state, dispatch actions
-	 * and subscribe to changes.
 	 */
 
 
@@ -427,6 +427,39 @@
 	    replaceReducer: replaceReducer
 	  }, _ref2[$$observable] = observable, _ref2;
 	}
+	/**
+	 * Creates a Redux store that holds the state tree.
+	 *
+	 * **We recommend using `configureStore` from the
+	 * `@reduxjs/toolkit` package**, which replaces `createStore`:
+	 * **https://redux.js.org/introduction/why-rtk-is-redux-today**
+	 *
+	 * The only way to change the data in the store is to call `dispatch()` on it.
+	 *
+	 * There should only be a single store in your app. To specify how different
+	 * parts of the state tree respond to actions, you may combine several reducers
+	 * into a single reducer function by using `combineReducers`.
+	 *
+	 * @param {Function} reducer A function that returns the next state tree, given
+	 * the current state tree and the action to handle.
+	 *
+	 * @param {any} [preloadedState] The initial state. You may optionally specify it
+	 * to hydrate the state from the server in universal apps, or to restore a
+	 * previously serialized user session.
+	 * If you use `combineReducers` to produce the root reducer function, this must be
+	 * an object with the same shape as `combineReducers` keys.
+	 *
+	 * @param {Function} [enhancer] The store enhancer. You may optionally specify it
+	 * to enhance the store with third-party capabilities such as middleware,
+	 * time travel, persistence, etc. The only store enhancer that ships with Redux
+	 * is `applyMiddleware()`.
+	 *
+	 * @returns {Store} A Redux store that lets you read the state, dispatch actions
+	 * and subscribe to changes.
+	 */
+
+
+	var legacy_createStore = createStore;
 	/**
 	 * Prints a warning in the console if it exists.
 	 *
@@ -434,7 +467,6 @@
 	 * @returns {void}
 	 */
 
-
 	function warning(message) {
 	  /* eslint-disable no-console */
 	  if (typeof console !== 'undefined' && typeof console.error === 'function') {
@@ -736,7 +768,8 @@
 		bindActionCreators: bindActionCreators,
 		combineReducers: combineReducers,
 		compose: compose,
-		createStore: createStore
+		createStore: createStore,
+		legacy_createStore: legacy_createStore
 	});
 
 	/** A function that accepts a potential "extra argument" value to be injected later,
@@ -779,12 +812,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';
@@ -796,6 +831,7 @@
 	  var SET_TIMESTAMP = exports.SET_TIMESTAMP = 'SET_TIMESTAMP';
 	  var SET_HEADERS = exports.SET_HEADERS = 'SET_HEADERS';
 	  var SET_MAP_DATA = exports.SET_MAP_DATA = 'SET_MAP_DATA';
+	  var SET_MAP_RESULTS = exports.SET_MAP_RESULTS = 'SET_MAP_RESULTS';
 	  var SET_QUERY_LISTENER = exports.SET_QUERY_LISTENER = 'SET_QUERY_LISTENER';
 	  var STORE_KEY = exports.STORE_KEY = '__REACTIVESEARCH__';
 	  var SET_SEARCH_ID = exports.SET_SEARCH_ID = 'SET_SEARCH_ID';
@@ -819,6 +855,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 +866,54 @@
 	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_MAP_RESULTS;
+	var constants_25 = constants.SET_QUERY_LISTENER;
+	var constants_26 = constants.STORE_KEY;
+	var constants_27 = constants.SET_SEARCH_ID;
+	var constants_28 = constants.SET_PROMOTED_RESULTS;
+	var constants_29 = constants.SET_DEFAULT_QUERY;
+	var constants_30 = constants.SET_CUSTOM_QUERY;
+	var constants_31 = constants.SET_CUSTOM_HIGHLIGHT_OPTIONS;
+	var constants_32 = constants.SET_CUSTOM_DATA;
+	var constants_33 = constants.SET_APPLIED_SETTINGS;
+	var constants_34 = constants.SET_PROPS;
+	var constants_35 = constants.UPDATE_PROPS;
+	var constants_36 = constants.REMOVE_PROPS;
+	var constants_37 = constants.SET_SUGGESTIONS_SEARCH_VALUE;
+	var constants_38 = constants.CLEAR_SUGGESTIONS_SEARCH_VALUE;
+	var constants_39 = constants.SET_SUGGESTIONS_SEARCH_ID;
+	var constants_40 = constants.UPDATE_ANALYTICS_CONFIG;
+	var constants_41 = constants.SET_RAW_DATA;
+	var constants_42 = constants.SET_POPULAR_SUGGESTIONS;
+	var constants_43 = constants.SET_DEFAULT_POPULAR_SUGGESTIONS;
+	var constants_44 = constants.SET_QUERY_TO_HITS;
+	var constants_45 = constants.RECENT_SEARCHES_SUCCESS;
+	var constants_46 = constants.RECENT_SEARCHES_ERROR;
+	var constants_47 = constants.SET_VALUE;
+	var constants_48 = constants.SET_VALUES;
+	var constants_49 = constants.RESET_TO_DEFAULT;
+	var constants_50 = constants.SET_GOOGLE_MAP_SCRIPT_LOADING;
+	var constants_51 = constants.SET_GOOGLE_MAP_SCRIPT_LOADED;
+	var constants_52 = constants.SET_GOOGLE_MAP_SCRIPT_ERROR;
 
 	var componentsReducer_1 = createCommonjsModule(function (module, exports) {
 	  Object.defineProperty(exports, "__esModule", {
@@ -1126,6 +1167,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,14 +1275,16 @@
 	    reactiveList: 'REACTIVELIST',
 	    dataSearch: 'DATASEARCH',
 	    categorySearch: 'CATEGORYSEARCH',
-	    searchBox: 'SUGGESTION',
+	    searchBox: 'SEARCHBOX',
 	    singleList: 'SINGLELIST',
 	    multiList: 'MULTILIST',
 	    singleDataList: 'SINGLEDATALIST',
+	    tabDataList: 'TABDATALIST',
 	    singleDropdownList: 'SINGLEDROPDOWNLIST',
 	    multiDataList: 'MULTIDATALIST',
 	    multiDropdownList: 'MULTIDROPDOWNLIST',
 	    singleDropdownRange: 'SINGLEDROPDOWNRANGE',
+	    treeList: 'TREELIST',
 	    numberBox: 'NUMBERBOX',
 	    tagCloud: 'TAGCLOUD',
 	    toggleButton: 'TOGGLEBUTTON',
@@ -1223,7 +1300,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 +1310,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', 'searchboxId', 'endpoint'];
 	  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", {
@@ -1289,7 +1372,7 @@
 	    };
 	  }();
 
-	  var filterComponents = [constants$1.componentTypes.numberBox, constants$1.componentTypes.tagCloud, constants$1.componentTypes.toggleButton, constants$1.componentTypes.datePicker, constants$1.componentTypes.dateRange, constants$1.componentTypes.multiDataList, constants$1.componentTypes.multiDropdownList, constants$1.componentTypes.multiList, constants$1.componentTypes.singleDataList, constants$1.componentTypes.singleDropdownList, constants$1.componentTypes.singleList, constants$1.componentTypes.dynamicRangeSlider, constants$1.componentTypes.multiDropdownRange, constants$1.componentTypes.multiRange, constants$1.componentTypes.rangeSlider, constants$1.componentTypes.ratingsFilter, constants$1.componentTypes.singleDropdownRange, constants$1.componentTypes.singleRange];
+	  var filterComponents = [constants$1.componentTypes.numberBox, constants$1.componentTypes.tagCloud, constants$1.componentTypes.toggleButton, constants$1.componentTypes.datePicker, constants$1.componentTypes.dateRange, constants$1.componentTypes.multiDataList, constants$1.componentTypes.multiDropdownList, constants$1.componentTypes.multiList, constants$1.componentTypes.singleDataList, constants$1.componentTypes.singleDropdownList, constants$1.componentTypes.singleList, constants$1.componentTypes.dynamicRangeSlider, constants$1.componentTypes.multiDropdownRange, constants$1.componentTypes.multiRange, constants$1.componentTypes.rangeSlider, constants$1.componentTypes.ratingsFilter, constants$1.componentTypes.singleDropdownRange, constants$1.componentTypes.singleRange, constants$1.componentTypes.treeList];
 	  var rangeComponents = [constants$1.componentTypes.dateRange, constants$1.componentTypes.dynamicRangeSlider, constants$1.componentTypes.rangeSlider, constants$1.componentTypes.rangeInput, constants$1.componentTypes.ratingsFilter];
 	  var rangeObjectComponents = [constants$1.componentTypes.singleRange, constants$1.componentTypes.singleDropdownRange, constants$1.componentTypes.multiRange, constants$1.componentTypes.multiDropdownRange];
 
@@ -1415,6 +1498,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 +1804,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)));
@@ -2108,6 +2218,21 @@
 	  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"] = mapDataReducer;
 
 	  function _objectWithoutProperties(obj, keys) {
@@ -2142,10 +2267,12 @@
 	    var action = arguments[1];
 
 	    if (action.type === constants.SET_MAP_DATA) {
-	      return _defineProperty({}, action.componentId, {
+	      return _extends({}, state, _defineProperty({}, action.componentId, {
 	        query: action.query,
 	        persistMapQuery: action.persistMapQuery
-	      });
+	      }));
+	    } else if (action.type === constants.SET_MAP_RESULTS) {
+	      return _extends({}, state, _defineProperty({}, action.componentId, _extends({}, state[action.componentId], action.payload)));
 	    } else if (action.type === constants.REMOVE_COMPONENT) {
 	      var del = state[action.component],
 	          obj = _objectWithoutProperties(state, [action.component]);
@@ -3270,6 +3397,8 @@
 
 	  var _queryReducer2 = _interopRequireDefault(queryReducer_1);
 
+	  var _appbaseQueryReducer2 = _interopRequireDefault(appbaseQueryReducer_1);
+
 	  var _queryOptionsReducer2 = _interopRequireDefault(queryOptionsReducer_1);
 
 	  var _configReducer2 = _interopRequireDefault(configReducer_1);
@@ -3374,7 +3503,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 +5084,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.transformRequestUsingEndpoint = exports.flatten = exports.saveDataAsFile = exports.transformTreeListLocalStateIntoQueryComptaibleFormat = exports.transformRawTreeListData = exports.recLookup = 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++) {
@@ -4984,6 +5114,7 @@
 	  exports.normalizeDataField = normalizeDataField;
 	  exports.handleOnSuggestions = handleOnSuggestions;
 	  exports.isValidDateRangeQueryFormat = isValidDateRangeQueryFormat;
+	  exports.setDeep = setDeep;
 
 	  var _dateFormats2 = _interopRequireDefault(dateFormats_1);
 
@@ -5524,7 +5655,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 +5667,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 +5810,7 @@
 	    } : null, {
 	      time: time || 0,
 	      hidden: hidden,
-	      promoted: promotedResults && promotedResults.length
+	      promoted: promotedResults ? promotedResults.length : 0
 	    });
 	  }
 
@@ -5816,7 +5948,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 +6021,207 @@
 	        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 _extends = Object.assign || function (target) {
-	    for (var i = 1; i < arguments.length; i++) {
-	      var source = arguments[i];
+	  var recLookup = exports.recLookup = function recLookup(obj, path) {
+	    try {
+	      var parts = path.split('.');
 
-	      for (var key in source) {
-	        if (Object.prototype.hasOwnProperty.call(source, key)) {
-	          target[key] = source[key];
-	        }
+	      if (parts.length === 1) {
+	        return obj[parts[0]];
 	      }
-	    }
 
-	    return target;
+	      return recLookup(obj[parts[0]], parts.slice(1).join('.'));
+	    } catch (e) {
+	      return false;
+	    }
 	  };
 
-	  exports.setValue = setValue;
-	  exports.resetValuesToDefault = resetValuesToDefault;
-	  exports.setInternalValue = setInternalValue;
-	  exports.patchValue = patchValue;
-	  exports.clearValues = clearValues;
+	  function setDeep(obj, path, value) {
+	    var setrecursively = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+	    path.reduce(function (acc, currentItem, level) {
+	      if (setrecursively && typeof acc[currentItem] !== 'object' && level !== path.length - 1) {
+	        acc[currentItem] = {};
+	        return acc[currentItem];
+	      }
 
-	  function _defineProperty(obj, key, value) {
-	    if (key in obj) {
-	      Object.defineProperty(obj, key, {
-	        value: value,
-	        enumerable: true,
-	        configurable: true,
-	        writable: true
+	      if (level === path.length - 1) {
+	        acc[currentItem] = value;
+	        return value;
+	      }
+
+	      return typeof acc[currentItem] === 'object' ? acc[currentItem] : {};
+	    }, obj);
+	  }
+
+	  var transformRawTreeListData = exports.transformRawTreeListData = function transformRawTreeListData(data, dataField) {
+	    var level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+	    var newState = [];
+
+	    if (data instanceof Object) {
+	      var aggsKeys = Object.keys(data);
+	      aggsKeys.forEach(function (key) {
+	        if (Array.isArray(data[key].buckets)) {
+	          data[key].buckets.forEach(function (bucket) {
+	            newState.push(_extends({
+	              key: bucket.key,
+	              count: bucket.doc_count,
+	              level: level
+	            }, bucket[dataField[level + 1]] instanceof Object ? {
+	              list: transformRawTreeListData(_defineProperty({}, dataField[level + 1], bucket[dataField[level + 1]]), dataField, level + 1)
+	            } : {}));
+	          });
+	        }
 	      });
-	    } else {
-	      obj[key] = value;
 	    }
 
-	    return obj;
-	  }
+	    return newState;
+	  };
 
-	  function setValue(component, value, label, showFilter, URLParams, componentType, category, meta) {
-	    return function (dispatch, getState) {
-	      var _getState = getState(),
-	          urlValues = _getState.urlValues;
+	  var transformTreeListLocalStateIntoQueryComptaibleFormat = exports.transformTreeListLocalStateIntoQueryComptaibleFormat = function transformTreeListLocalStateIntoQueryComptaibleFormat(obj) {
+	    var currentPath = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+	    var result = [];
 
-	      var reference = void 0;
+	    if (obj instanceof Object) {
+	      if (Object.keys(obj).length) {
+	        Object.keys(obj).forEach(function (key) {
+	          if (obj[key] instanceof Object) {
+	            result.push.apply(result, _toConsumableArray(transformTreeListLocalStateIntoQueryComptaibleFormat(obj[key], currentPath ? currentPath + ' > ' + key : key)));
+	          }
 
-	      if ((0, helper.isEqual)(urlValues[component], value)) {
-	        reference = 'URL';
+	          if (obj[key] === true) {
+	            result.push(currentPath ? currentPath + ' > ' + key : key);
+	          }
+	        });
+	      } else if (currentPath) {
+	        result.push(currentPath);
 	      }
+	    }
 
-	      dispatch({
-	        type: constants.SET_VALUE,
-	        component: component,
-	        reference: reference,
-	        value: value,
-	        label: label,
-	        showFilter: showFilter,
-	        URLParams: URLParams,
-	        componentType: componentType,
-	        category: category,
-	        meta: meta
-	      });
-	    };
-	  }
+	    return result;
+	  };
 
-	  function resetValuesToDefault(clearAllBlacklistComponents) {
-	    return function (dispatch, getState) {
-	      var _getState2 = getState(),
-	          selectedValues = _getState2.selectedValues,
-	          componentProps = _getState2.props;
+	  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 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 (format === 'json') {
+	      dataToWrite = JSON.stringify(dataToWrite, 0, 4);
+	    }
 
-	          if (!(0, helper.isEqual)(selectedValues[component].value, valueToSet)) {
-	            defaultValues = _extends({}, defaultValues, _defineProperty({}, component, _extends({}, selectedValues[component], {
-	              value: valueToSet
-	            })));
-	          }
+	    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();
+	  };
+
+	  var flatten = exports.flatten = function flatten(data) {
+	    var result = {};
+
+	    function recurse(cur) {
+	      var prop = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+
+	      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);
+	        });
+
+	        if (isEmpty && prop) {
+	          result[prop] = {};
 	        }
-	      });
-	      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
-	    };
-	  }
+	    recurse(data);
+	    return result;
+	  };
 
-	  function patchValue(component, payload) {
-	    return {
-	      type: constants.PATCH_VALUE,
-	      component: component,
-	      payload: payload
-	    };
-	  }
+	  var transformRequestUsingEndpoint = function transformRequestUsingEndpoint(request, endpointParam) {
+	    if (endpointParam instanceof Object) {
+	      var _endpointParam$header = endpointParam.headers,
+	          headers = _endpointParam$header === undefined ? {} : _endpointParam$header,
+	          body = endpointParam.body,
+	          rest = _objectWithoutProperties(endpointParam, ['headers', 'body']);
 
-	  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
-	    };
-	  }
+	      var endpointModifiedRequest = _extends({}, request, rest, {
+	        headers: _extends({}, request.headers, headers)
+	      }, body instanceof Object ? {
+	        body: JSON.stringify(body)
+	      } : {});
+
+	      return endpointModifiedRequest;
+	    }
+
+	    return request;
+	  };
+
+	  exports.transformRequestUsingEndpoint = transformRequestUsingEndpoint;
 	});
-	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(helper);
+	var helper_1 = helper.transformRequestUsingEndpoint;
+	var helper_2 = helper.flatten;
+	var helper_3 = helper.saveDataAsFile;
+	var helper_4 = helper.transformTreeListLocalStateIntoQueryComptaibleFormat;
+	var helper_5 = helper.transformRawTreeListData;
+	var helper_6 = helper.recLookup;
+	var helper_7 = helper.hasCustomRenderer;
+	var helper_8 = helper.getComponent;
+	var helper_9 = helper.isFunction;
+	var helper_10 = helper.getCalendarIntervalErrorMessage;
+	var helper_11 = helper.queryFormatMillisecondsMap;
+	var helper_12 = helper.featuredSuggestionsActionTypes;
+	var helper_13 = helper.suggestionTypes;
+	var helper_14 = helper.getTopSuggestions;
+	var helper_15 = helper.withClickIds;
+	var helper_16 = helper.getCompositeAggsQuery;
+	var helper_17 = helper.getAggsQuery;
+	var helper_18 = helper.extractQueryFromDefaultQuery;
+	var helper_19 = helper.updateInternalQuery;
+	var helper_20 = helper.getSearchState;
+	var helper_21 = helper.extractQueryFromCustomQuery;
+	var helper_22 = helper.getOptionsForCustomQuery;
+	var helper_23 = helper.getOptionsFromQuery;
+	var helper_24 = helper.parseHits;
+	var helper_25 = helper.handleA11yAction;
+	var helper_26 = helper.getInnerKey;
+	var helper_27 = helper.getClassName;
+	var helper_28 = helper.checkSomePropChange;
+	var helper_29 = helper.checkPropChange;
+	var helper_30 = helper.updateDefaultQuery;
+	var helper_31 = helper.updateCustomQuery;
+	var helper_32 = helper.isEqual;
+	var helper_33 = helper.compareQueries;
+	var helper_34 = helper.debounce;
+	var helper_35 = helper.getQueryOptions;
+	var helper_36 = helper.buildQuery;
+	var helper_37 = helper.pushToAndClause;
+	var helper_38 = helper.checkValueChange;
+	var helper_39 = helper.getAggsOrder;
+	var helper_40 = helper.formatDate;
+	var helper_41 = helper.getResultStats;
+	var helper_42 = helper.extractFieldsFromSource;
+	var helper_43 = helper.normalizeDataField;
+	var helper_44 = helper.handleOnSuggestions;
+	var helper_45 = helper.isValidDateRangeQueryFormat;
+	var helper_46 = helper.setDeep;
 
 	var hits = createCommonjsModule(function (module, exports) {
 	  Object.defineProperty(exports, "__esModule", {
@@ -6114,6 +6276,10 @@
 
 	  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));
 	      }
@@ -6159,6 +6325,7 @@
 	  exports.setGoogleMapScriptLoaded = setGoogleMapScriptLoaded;
 	  exports.setGoogleMapScriptError = setGoogleMapScriptError;
 	  exports.resetStoreForComponent = resetStoreForComponent;
+	  exports.setLastUsedAppbaseQuery = setLastUsedAppbaseQuery;
 
 	  function setRawData(component, response) {
 	    return {
@@ -6366,6 +6533,13 @@
 	      }, 0));
 	    };
 	  }
+
+	  function setLastUsedAppbaseQuery(query) {
+	    return {
+	      type: constants.SET_APPBASE_QUERY,
+	      query: query
+	    };
+	  }
 	});
 	unwrapExports(misc);
 	var misc_1 = misc.setRawData;
@@ -6392,6 +6566,7 @@
 	var misc_22 = misc.setGoogleMapScriptLoaded;
 	var misc_23 = misc.setGoogleMapScriptError;
 	var misc_24 = misc.resetStoreForComponent;
+	var misc_25 = misc.setLastUsedAppbaseQuery;
 
 	var xdate = createCommonjsModule(function (module) {
 	  /**
@@ -7254,7 +7429,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.treeList, 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];
@@ -7295,7 +7470,7 @@
 
 	  var isComponentUsesLabelAsValue = exports.isComponentUsesLabelAsValue = function isComponentUsesLabelAsValue() {
 	    var componentType = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-	    return componentType === constants$1.componentTypes.multiDataList || componentType === constants$1.componentTypes.singleDataList;
+	    return componentType === constants$1.componentTypes.multiDataList || componentType === constants$1.componentTypes.singleDataList || componentType === constants$1.componentTypes.tabDataList;
 	  };
 
 	  var hasPaginationSupport = exports.hasPaginationSupport = function hasPaginationSupport() {
@@ -7313,6 +7488,12 @@
 	        return null;
 	      }
 
+	      var endpoint = void 0;
+
+	      if (props.endpoint instanceof Object) {
+	        endpoint = props.endpoint;
+	      }
+
 	      return _extends({
 	        id: componentId,
 	        type: queryType,
@@ -7352,16 +7533,23 @@
 	        distinctField: props.distinctField,
 	        distinctFieldConfig: props.distinctFieldConfig,
 	        index: props.index
-	      }, queryType === constants$1.queryTypes.suggestion ? {
+	      }, queryType === constants$1.queryTypes.suggestion ? _extends({
 	        enablePopularSuggestions: props.enablePopularSuggestions,
 	        enableRecentSuggestions: props.enableRecentSuggestions,
 	        popularSuggestionsConfig: props.popularSuggestionsConfig,
 	        recentSuggestionsConfig: props.recentSuggestionsConfig,
 	        applyStopwords: props.applyStopwords,
 	        customStopwords: props.customStopwords,
-	        enablePredictiveSuggestions: props.enablePredictiveSuggestions
-	      } : {}, {
-	        calendarInterval: props.calendarInterval
+	        enablePredictiveSuggestions: props.enablePredictiveSuggestions,
+	        featuredSuggestionsConfig: props.featuredSuggestionsConfig,
+	        indexSuggestionsConfig: props.indexSuggestionsConfig,
+	        enableFeaturedSuggestions: props.enableFeaturedSuggestions,
+	        enableIndexSuggestions: props.enableIndexSuggestions
+	      }, props.searchboxId ? {
+	        searchboxId: props.searchboxId
+	      } : {}) : {}, {
+	        calendarInterval: props.calendarInterval,
+	        endpoint: endpoint
 	      });
 	    }
 
@@ -7388,15 +7576,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;
 
@@ -7600,7 +7788,26 @@
 	      value = undefined;
 	    }
 
+	    var queryValue = value || undefined;
+
+	    if (componentProps.componentType === constants$1.componentTypes.searchBox) {
+	      if (Array.isArray(queryValue)) {
+	        queryValue = undefined;
+	      }
+	    }
+
+	    var endpoint = void 0;
+
+	    if (store.config && store.config.endpoint instanceof Object) {
+	      endpoint = store.config.endpoint;
+	    }
+
+	    if (componentProps.endpoint instanceof Object) {
+	      endpoint = _extends({}, endpoint || {}, componentProps.endpoint);
+	    }
+
 	    return _extends({}, componentProps, {
+	      endpoint: endpoint,
 	      calendarInterval: calendarInterval,
 	      dataField: dataField,
 	      queryFormat: queryFormat,
@@ -7612,7 +7819,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);
@@ -7667,6 +7874,8 @@
 	            type: constants$1.queryTypes.search
 	          } : {}, calcValues.category ? {
 	            categoryValue: calcValues.category
+	          } : {}, calcValues.value ? {
+	            value: calcValues.value
 	          } : {}) : {})), execute);
 
 	          if (dependentQuery) {
@@ -7711,10 +7920,26 @@
 	      }
 	    }
 
-	    return target;
-	  };
-
-	  exports.executeQueryListener = executeQueryListener;
+	    return target;
+	  };
+
+	  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;
@@ -7790,14 +8015,17 @@
 	        _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,
+	        queryId = _ref2.queryId;
 
 	    var getState = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {};
 	    var dispatch = arguments[2];
 
 	    var _getState3 = getState(),
 	        config = _getState3.config,
-	        internalValues = _getState3.internalValues;
+	        internalValues = _getState3.internalValues,
+	        lastUsedAppbaseQuery = _getState3.lastUsedAppbaseQuery;
 
 	    var searchId = res._headers ? res._headers.get('X-Search-Id') : null;
 
@@ -7811,6 +8039,10 @@
 
 	    orderOfQueries.forEach(function (component) {
 	      if (isComponentActive(getState, component)) {
+	        if (lastUsedAppbaseQuery[component] && lastUsedAppbaseQuery[component].queryId && queryId && lastUsedAppbaseQuery[component].queryId !== queryId) {
+	          return;
+	        }
+
 	        if (res.settings) {
 	          dispatch((0, misc.setAppliedSettings)(res.settings, component));
 	        }
@@ -7818,7 +8050,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;
@@ -7839,6 +8072,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);
 
@@ -8005,6 +8245,15 @@
 	      listener.onQueryChange(oldQuery, newQuery);
 	    }
 	  }
+
+	  function updateStoreConfig(payload) {
+	    return function (dispatch) {
+	      dispatch({
+	        type: constants.UPDATE_CONFIG,
+	        config: payload
+	      });
+	    };
+	  }
 	});
 	unwrapExports(utils);
 	var utils_1 = utils.getSuggestionQuery;
@@ -8016,6 +8265,201 @@
 	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, constants$1.componentTypes.treeList].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(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", {
@@ -8023,6 +8467,7 @@
 	  });
 	  exports.updateMapData = updateMapData;
 	  exports.setMapData = setMapData;
+	  exports.setMapResults = setMapResults;
 
 	  function updateMapData(componentId, query, persistMapQuery) {
 	    return {
@@ -8035,6 +8480,7 @@
 
 	  function setMapData(componentId, query$1, persistMapQuery, forceExecute) {
 	    var meta = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
+	    var queryId = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : '';
 	    return function (dispatch) {
 	      dispatch(updateMapData(componentId, query$1, persistMapQuery));
 	      dispatch((0, value.setInternalValue)((0, transform.getInternalComponentID)(componentId), undefined, undefined, undefined, meta));
@@ -8042,7 +8488,22 @@
 	      if (forceExecute) {
 	        var executeWatchList = false;
 	        var mustExecuteMapQuery = true;
-	        dispatch((0, query.executeQuery)(componentId, executeWatchList, mustExecuteMapQuery));
+	        dispatch((0, query.executeQuery)(componentId, executeWatchList, mustExecuteMapQuery, constants$1.componentTypes.reactiveMap, {}, queryId));
+	      }
+	    };
+	  }
+
+	  function setMapResults(componentId, _ref) {
+	    var center = _ref.center,
+	        zoom = _ref.zoom,
+	        markers = _ref.markers;
+	    return {
+	      type: constants.SET_MAP_RESULTS,
+	      componentId: componentId,
+	      payload: {
+	        center: center,
+	        zoom: zoom,
+	        markers: markers
 	      }
 	    };
 	  }
@@ -8050,6 +8511,7 @@
 	unwrapExports(maps);
 	var maps_1 = maps.updateMapData;
 	var maps_2 = maps.setMapData;
+	var maps_3 = maps.setMapResults;
 
 	var browserPonyfill = createCommonjsModule(function (module, exports) {
 	  var global = typeof self !== 'undefined' ? self : commonjsGlobal;
@@ -8713,6 +9175,7 @@
 	  exports.setQueryOptions = setQueryOptions;
 	  exports.updateQuery = updateQuery;
 	  exports.loadMore = loadMore;
+	  exports.loadDataToExport = loadDataToExport;
 
 	  var _analytics2 = _interopRequireDefault(analytics);
 
@@ -8917,6 +9380,7 @@
 
 	  function appbaseSearch() {
 	    var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+	        queryId = _ref.queryId,
 	        query = _ref.query,
 	        orderOfQueries = _ref.orderOfQueries,
 	        _ref$appendToHits = _ref.appendToHits,
@@ -8972,12 +9436,15 @@
 	          res: res,
 	          orderOfQueries: orderOfQueries,
 	          appendToHits: appendToHits,
-	          appendToAggs: appendToAggs
+	          appendToAggs: appendToAggs,
+	          query: query,
+	          queryId: queryId
 	        }, getState, dispatch);
 	      })["catch"](function (err) {
 	        (0, utils.handleError)({
 	          orderOfQueries: orderOfQueries,
-	          error: err
+	          error: err,
+	          queryId: queryId
 	        }, getState, dispatch);
 	      });
 	    };
@@ -8991,6 +9458,7 @@
 	    var mustExecuteMapQuery = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
 	    var componentType = arguments[3];
 	    var metaOptions = arguments[4];
+	    var requestId = arguments[5];
 	    return function (dispatch, getState) {
 	      var _getState4 = getState(),
 	          queryLog = _getState4.queryLog,
@@ -9002,11 +9470,17 @@
 	          queryOptions = _getState4.queryOptions,
 	          queryListener = _getState4.queryListener,
 	          props = _getState4.props,
-	          selectedValues = _getState4.selectedValues,
 	          internalValues = _getState4.internalValues;
 
 	      var lockTime = config.initialQueriesSyncTime;
 	      var initialTimestamp = config.initialTimestamp;
+	      var queryId = requestId || new Date().getTime();
+
+	      if (config.queryLockConfig instanceof Object) {
+	        lockTime = config.queryLockConfig.lockTime;
+	        initialTimestamp = config.queryLockConfig.initialTimestamp;
+	      }
+
 	      var componentList = [componentId];
 	      var finalQuery = [];
 	      var appbaseQuery = {};
@@ -9022,12 +9496,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;
@@ -9053,9 +9521,16 @@
 
 	          if (mustExecuteMapQuery || !(0, helper.compareQueries)(currentQuery, oldQuery, false)) {
 	            orderOfQueries = [].concat(_toConsumableArray(orderOfQueries), [component]);
-	            dispatch((0, misc.logQuery)(component, queryToLog));
 	            var isMapComponent = Object.keys(mapData).includes(component);
 
+	            if (isMapComponent) {
+	              dispatch((0, misc.setLastUsedAppbaseQuery)(_defineProperty({}, component, {
+	                queryId: queryId
+	              })));
+	            }
+
+	            dispatch((0, misc.logQuery)(component, queryToLog));
+
 	            if (isMapComponent && mapData[component].query) {
 	              var existingQuery = currentQuery.query;
 	              currentQuery.query = {
@@ -9078,16 +9553,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)));
@@ -9132,7 +9607,7 @@
 	          var currentTime = new Date().getTime();
 
 	          if (currentTime - initialTimestamp < lockTime) {
-	            if (!lock) {
+	            if (!lock || config.queryLockConfig) {
 	              setTimeout(function () {
 	                var finalOrderOfQueries = [];
 	                var finalIsSuggestionsQuery = false;
@@ -9187,6 +9662,9 @@
 	                }
 
 	                requestStack = [];
+	                dispatch((0, utils.updateStoreConfig)({
+	                  queryLockConfig: undefined
+	                }));
 	              }, lockTime);
 	            }
 
@@ -9199,6 +9677,7 @@
 	            });
 	          } else {
 	            dispatch(appbaseSearch({
+	              queryId: queryId,
 	              query: finalQuery,
 	              orderOfQueries: orderOfQueries,
 	              isSuggestionsQuery: isSuggestionsQuery,
@@ -9240,6 +9719,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;
 
@@ -9250,10 +9730,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));
@@ -9324,6 +9806,55 @@
 	      }
 	    };
 	  }
+
+	  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;
+
+	          if (!Array.isArray(newDataChunk) || newDataChunk.length === 0) {
+	            return data;
+	          }
+
+	          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;
@@ -9331,6 +9862,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", {
@@ -10025,7 +10557,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];
 
@@ -10038,7 +10570,6 @@
 
 	    return target;
 	  };
-
 	  return _extends.apply(this, arguments);
 	}
 
@@ -12232,7 +12763,7 @@
 	};
 
 	function _extends$1() {
-	  _extends$1 = Object.assign || function (target) {
+	  _extends$1 = Object.assign ? Object.assign.bind() : function (target) {
 	    for (var i = 1; i < arguments.length; i++) {
 	      var source = arguments[i];
 
@@ -12245,7 +12776,6 @@
 
 	    return target;
 	  };
-
 	  return _extends$1.apply(this, arguments);
 	}
 
@@ -13180,6 +13710,12 @@
 	  mongodb: VueTypes.shape({
 	    db: VueTypes.string,
 	    collection: VueTypes.string
+	  }),
+	  endpointConfig: VueTypes.shape({
+	    url: VueTypes.string.isRequired,
+	    method: VueTypes.string,
+	    headers: VueTypes.object,
+	    body: VueTypes.object
 	  })
 	};
 
@@ -13237,6 +13773,7 @@
 	          showEndPage = props.showEndPage;
 	      var start = position === 'start' ? getStartPage(pages, currentPage, showEndPage) : Math.max(2, Math.ceil(totalPages - (pages - 1) / 2 + 1));
 	      var paginationButtons = [];
+	      var endPage = start;
 
 	      if (start <= totalPages) {
 	        var totalPagesToShow = pages < totalPages ? start + (pages - 1) : totalPages + 1;
@@ -13274,6 +13811,10 @@
 
 	          if (i <= totalPages + 1) {
 	            paginationButtons.push(pageBtn);
+
+	            if (i === Math.min(totalPages + 1, totalPagesToShow) - 1) {
+	              endPage = i;
+	            }
 	          }
 	        };
 
@@ -13282,7 +13823,7 @@
 	        }
 	      }
 
-	      return paginationButtons;
+	      return [paginationButtons, start, endPage];
 	    };
 
 	    var buildIntermediatePaginationDom = function buildIntermediatePaginationDom() {
@@ -13290,10 +13831,10 @@
 	          currentPage = props.currentPage,
 	          totalPages = props.totalPages,
 	          pages = props.pages;
-	      if (!showEndPage) return buildPaginationDOM('start');
+	      if (!showEndPage) return buildPaginationDOM('start')[0];
 
-	      if (currentPage <= totalPages - pages + 2 || totalPages <= pages) {
-	        return buildPaginationDOM('start');
+	      if (currentPage <= totalPages - pages + 2 || totalPages < pages) {
+	        return buildPaginationDOM('start')[0];
 	      }
 
 	      return null;
@@ -13329,7 +13870,7 @@
 	          return props.setPage(0);
 	        }
 	      }
-	    }, ["1"]), props.showEndPage && props.currentPage >= Math.floor(props.pages / 2) + !!(props.pages % 2) ? h("span", ["..."]) : null, buildIntermediatePaginationDom(), props.showEndPage && props.pages > 2 && props.currentPage <= props.totalPages - Math.ceil(props.pages * 0.75) ? h("span", ["..."]) : null, props.showEndPage && props.totalPages >= props.pages && buildPaginationDOM('end'), h(Button, {
+	    }, ["1"]), props.showEndPage && props.currentPage >= Math.floor(props.pages / 2) + !!(props.pages % 2) && buildPaginationDOM('start')[1] !== 2 ? h("span", ["..."]) : null, buildIntermediatePaginationDom(), props.showEndPage && props.pages > 2 && props.currentPage <= props.totalPages - Math.ceil(props.pages * 0.75) && buildPaginationDOM('start')[2] !== buildPaginationDOM('end')[1] - 1 ? h("span", ["..."]) : null, props.showEndPage && props.totalPages >= props.pages && buildPaginationDOM('end')[0], h(Button, {
 	      "class": getClassName(props.innerClass, 'button') || '',
 	      "attrs": {
 	        "disabled": props.currentPage >= props.totalPages - 1,
@@ -13730,6 +14271,17 @@
 	    return MODIFIER_KEYS.includes(shortcutKey);
 	  });
 	}
+	function decodeHtml(str) {
+	  if (typeof str !== 'string') {
+	    return str;
+	  }
+
+	  return str.replace(/&#([0-9]{1,3});/gi, function (match, numStr) {
+	    var num = parseInt(numStr, 10); // read num as normal number
+
+	    return String.fromCharCode(num);
+	  });
+	}
 
 	var addComponent = lib_5.addComponent,
 	    removeComponent = lib_5.removeComponent,
@@ -14395,7 +14947,8 @@
 	    nextLabel: types.string,
 	    distinctField: types.string,
 	    distinctFieldConfig: types.props,
-	    index: VueTypes.string
+	    index: VueTypes.string,
+	    endpoint: types.endpointConfig
 	  },
 	  computed: {
 	    shouldRenderPagination: function shouldRenderPagination() {
@@ -14442,7 +14995,7 @@
 	        filteredResults = [].concat(parsedPromotedResults, filteredResults);
 	      }
 
-	      return helper_8(filteredResults);
+	      return helper_15(filteredResults);
 	    }
 	  },
 	  watch: {
@@ -14700,6 +15253,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);
 	          }
@@ -15062,7 +15616,7 @@
 
 	ReactiveList.componentType = constants_1$1.reactiveList;
 
-	function URL(url) {
+	function URL$1(url) {
 	  var pattern = RegExp("^(([^:/?#]*)?://)?(((.*)?@)?([^/?#]*)?)([^?#]*)(\\?([^#]*))?(#(.*))?");
 	  var matches = url.match(pattern);
 	  return {
@@ -15075,7 +15629,7 @@
 	  };
 	}
 
-	var urlParserLite = URL;
+	var urlParserLite = URL$1;
 
 	// Copyright Joyent, Inc. and other Node contributors.
 	// obj.hasOwnProperty(prop) will break.
@@ -15408,10 +15962,22 @@
 	    var acceptedTypes = Array.isArray(schema[passedPropertyKey].type) ? schema[passedPropertyKey].type : [].concat(schema[passedPropertyKey].type);
 	    var receivedPropertyType = checkDataType(passedProperties[passedPropertyKey]);
 
-	    if (!acceptedTypes.includes(receivedPropertyType)) {
-	      throw new Error('The property ' + passedPropertyKey + ' is expected with type(s) [' + acceptedTypes.join(', ') + '], but type was set as ' + receivedPropertyType + '.');
-	    }
-	  });
+	    if (!acceptedTypes.includes(receivedPropertyType)) {
+	      throw new Error('The property ' + passedPropertyKey + ' is expected with type(s) [' + acceptedTypes.join(', ') + '], but type was set as ' + receivedPropertyType + '.');
+	    }
+	  });
+	}
+
+	function isValidHttpUrl(string) {
+	  var url = void 0;
+
+	  try {
+	    url = new URL(string);
+	  } catch (_) {
+	    return false;
+	  }
+
+	  return url.protocol === 'http:' || url.protocol === 'https:';
 	}
 
 	var mongodb = {
@@ -15484,11 +16050,12 @@
 	 * @param {String} config.password
 	 * @param {Boolean} config.enableTelemetry
 	 * @param {Object} config.mongodb
+	 * @param {Object} config.endpoint
 	 * A callback function which will be invoked before a fetch request made
 	 */
 
 	function AppBase(config) {
-	  var _URL = urlParserLite(config.url || ''),
+	  var _URL = urlParserLite((config.endpoint ? config.endpoint.url : '') || config.url),
 	      _URL$auth = _URL.auth,
 	      auth = _URL$auth === undefined ? null : _URL$auth,
 	      _URL$host = _URL.host,
@@ -15508,6 +16075,13 @@
 	  var backendName = backendAlias[config.mongodb ? 'MONGODB' : 'ELASTICSEARCH']; // eslint-disable-next-line
 
 	  var schema = SCHEMA[backendName];
+
+	  if (config.endpoint && isValidHttpUrl(config.endpoint.url)) {
+	    schema.url.required = false;
+	    schema.app.required = false;
+	    schema.credentials.required = false;
+	  }
+
 	  validateSchema({
 	    url: config.url,
 	    app: config.app,
@@ -16583,7 +17157,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) {
@@ -16598,7 +17172,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);
@@ -16616,39 +17190,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
 
@@ -16657,15 +17237,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();
 	        }
 	      }
@@ -16728,20 +17313,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() : '';
@@ -16836,11 +17420,17 @@
 	    this.setStore(this.$props);
 	  },
 	  mounted: function mounted() {
-	    var analyticsConfig = this.analyticsConfig; // TODO: Remove in 2.0
+	    var analyticsConfig = this.analyticsConfig,
+	        enableAppbase = this.enableAppbase,
+	        endpoint = this.endpoint; // TODO: Remove in 2.0
 
 	    if (analyticsConfig !== undefined) {
 	      console.warn('Warning(ReactiveSearch): The `analyticsConfig` prop has been marked as deprecated, please use the `appbaseConfig` prop instead.');
 	    }
+
+	    if (!enableAppbase && endpoint) {
+	      console.warn('Warning(ReactiveSearch): The `endpoint` prop works only when `enableAppbase` prop is set to true.');
+	    }
 	  },
 	  props: {
 	    app: types.string,
@@ -16864,7 +17454,8 @@
 	    as: VueTypes.string.def('div'),
 	    getSearchParams: types.func,
 	    setSearchParams: types.func,
-	    mongodb: types.mongodb
+	    mongodb: types.mongodb,
+	    endpoint: types.endpointConfig
 	  },
 	  provide: function provide() {
 	    return {
@@ -16892,14 +17483,14 @@
 	      this.updateState(this.$props);
 	    },
 	    analyticsConfig: function analyticsConfig(newVal, oldVal) {
-	      if (!helper_25(newVal, oldVal)) {
+	      if (!helper_32(newVal, oldVal)) {
 	        if (this.store) {
 	          this.store.dispatch(analytics_3$1(newVal));
 	        }
 	      }
 	    },
 	    appbaseConfig: function appbaseConfig(newVal, oldVal) {
-	      if (!helper_25(newVal, oldVal)) {
+	      if (!helper_32(newVal, oldVal)) {
 	        if (this.store) {
 	          this.store.dispatch(analytics_3$1(newVal));
 	        }
@@ -16915,7 +17506,8 @@
 	          enableAppbase = _this$$props.enableAppbase,
 	          headers = _this$$props.headers,
 	          appbaseConfig = _this$$props.appbaseConfig,
-	          mongodb = _this$$props.mongodb;
+	          mongodb = _this$$props.mongodb,
+	          endpoint = _this$$props.endpoint;
 
 	      var _ref = appbaseConfig || {},
 	          enableTelemetry = _ref.enableTelemetry;
@@ -16924,7 +17516,7 @@
 	        'X-Search-Client': X_SEARCH_CLIENT
 	      }, enableTelemetry === false && {
 	        'X-Enable-Telemetry': false
-	      }), headers);
+	      }), headers, enableAppbase && endpoint && endpoint.headers && _extends({}, endpoint.headers));
 	    }
 	  },
 	  methods: {
@@ -16937,8 +17529,19 @@
 
 	      var appbaseConfig = _extends({}, props.analyticsConfig, props.appbaseConfig);
 
+	      var url = props.url && props.url.trim() !== '' ? props.url : '';
+
+	      if (props.enableAppbase && props.endpoint) {
+	        if (props.endpoint.url) {
+	          // eslint-disable-next-line prefer-destructuring
+	          url = props.endpoint.url;
+	        } else {
+	          throw Error('Error(ReactiveSearch): The `endpoint` prop object requires `url` property.');
+	        }
+	      }
+
 	      var config = {
-	        url: props.url && props.url.trim() !== '' ? props.url : '',
+	        url: url,
 	        app: props.app,
 	        credentials: credentials,
 	        type: props.type ? props.type : '*',
@@ -16947,7 +17550,8 @@
 	        enableAppbase: props.enableAppbase,
 	        analytics: props.appbaseConfig ? props.appbaseConfig.recordAnalytics : props.analytics,
 	        analyticsConfig: appbaseConfig,
-	        mongodb: props.mongodb
+	        mongodb: props.mongodb,
+	        endpoint: props.endpoint
 	      };
 	      var queryParams = '';
 
@@ -16980,12 +17584,16 @@
 	        } catch (e) {// Do not add to selectedValues if JSON parsing fails.
 	        }
 	      });
-	      var themePreset = props.themePreset;
+	      var themePreset = props.themePreset,
+	          enableAppbase = props.enableAppbase,
+	          endpoint = props.endpoint;
 	      var appbaseRef = appbasejs(config);
 
-	      if (this.$props.transformRequest) {
-	        appbaseRef.transformRequest = this.$props.transformRequest;
-	      }
+	      appbaseRef.transformRequest = function (request) {
+	        var modifiedRequest = enableAppbase ? helper_1(request, endpoint) : request;
+	        if (props.transformRequest) return props.transformRequest(modifiedRequest);
+	        return modifiedRequest;
+	      };
 
 	      if (this.$props.transformResponse) {
 	        appbaseRef.transformResponse = this.$props.transformResponse;
@@ -17034,20 +17642,19 @@
 	  Vue.component(ReactiveBase.name, ReactiveBase);
 	};
 
-	/*!
-	 * hotkeys-js v3.8.7
-	 * A simple micro-library for defining and dispatching keyboard shortcuts. It has no dependencies.
+	/**! 
+	 * hotkeys-js v3.9.4 
+	 * A simple micro-library for defining and dispatching keyboard shortcuts. It has no dependencies. 
 	 * 
-	 * Copyright (c) 2021 kenny wong <wowohoo@qq.com>
-	 * http://jaywcjlove.github.io/hotkeys
-	 * 
-	 * Licensed under the MIT license.
+	 * Copyright (c) 2022 kenny wong <wowohoo@qq.com> 
+	 * http://jaywcjlove.github.io/hotkeys 
+	 * Licensed under the MIT license 
 	 */
 	var isff = typeof navigator !== 'undefined' ? navigator.userAgent.toLowerCase().indexOf('firefox') > 0 : false; // 绑定事件
 
-	function addEvent(object, event, method) {
+	function addEvent(object, event, method, useCapture) {
 	  if (object.addEventListener) {
-	    object.addEventListener(event, method, false);
+	    object.addEventListener(event, method, useCapture);
 	  } else if (object.attachEvent) {
 	    object.attachEvent("on".concat(event), function () {
 	      method(window.event);
@@ -17190,6 +17797,8 @@
 
 	var _downKeys = []; // 记录摁下的绑定键
 
+	var winListendFocus = false; // window是否已经监听了focus事件
+
 	var _scope = 'all'; // 默认热键范围
 
 	var elementHasBindEvent = []; // 已绑定事件的节点记录
@@ -17288,7 +17897,7 @@
 
 	function unbind(keysInfo) {
 	  // unbind(), unbind all keys
-	  if (!keysInfo) {
+	  if (typeof keysInfo === 'undefined') {
 	    Object.keys(_handlers).forEach(function (key) {
 	      return delete _handlers[key];
 	    });
@@ -17341,21 +17950,20 @@
 
 	    if (!scope) scope = getScope();
 	    var mods = len > 1 ? getMods(_modifier, unbindKeys) : [];
-	    _handlers[keyCode] = _handlers[keyCode].map(function (record) {
+	    _handlers[keyCode] = _handlers[keyCode].filter(function (record) {
 	      // 通过函数判断，是否解除绑定，函数相等直接返回
 	      var isMatchingMethod = method ? record.method === method : true;
-
-	      if (isMatchingMethod && record.scope === scope && compareArray(record.mods, mods)) {
-	        return {};
-	      }
-
-	      return record;
+	      return !(isMatchingMethod && record.scope === scope && compareArray(record.mods, mods));
 	    });
 	  });
 	}; // 对监听对应快捷键的回调函数进行处理
 
 
-	function eventHandler(event, handler, scope) {
+	function eventHandler(event, handler, scope, element) {
+	  if (handler.element !== element) {
+	    return;
+	  }
+
 	  var modifiersMatch; // 看它是否在当前范围
 
 	  if (handler.scope === scope || handler.scope === 'all') {
@@ -17382,7 +17990,7 @@
 	} // 处理keydown事件
 
 
-	function dispatch(event) {
+	function dispatch(event, element) {
 	  var asterisk = _handlers['*'];
 	  var key = event.keyCode || event.which || event.charCode; // 表单控件过滤 默认表单控件不触发快捷键
 
@@ -17467,7 +18075,7 @@
 	  if (asterisk) {
 	    for (var i = 0; i < asterisk.length; i++) {
 	      if (asterisk[i].scope === scope && (event.type === 'keydown' && asterisk[i].keydown || event.type === 'keyup' && asterisk[i].keyup)) {
-	        eventHandler(event, asterisk[i], scope);
+	        eventHandler(event, asterisk[i], scope, element);
 	      }
 	    }
 	  } // key 不在 _handlers 中返回
@@ -17489,7 +18097,7 @@
 
 	        if (_downKeysCurrent.sort().join('') === _downKeys.sort().join('')) {
 	          // 找到处理内容
-	          eventHandler(event, record, scope);
+	          eventHandler(event, record, scope, element);
 	        }
 	      }
 	    }
@@ -17513,7 +18121,8 @@
 	  var i = 0;
 	  var keyup = false;
 	  var keydown = true;
-	  var splitKey = '+'; // 对为设定范围的判断
+	  var splitKey = '+';
+	  var capture = false; // 对为设定范围的判断
 
 	  if (method === undefined && typeof option === 'function') {
 	    method = option;
@@ -17528,6 +18137,8 @@
 
 	    if (option.keydown !== undefined) keydown = option.keydown; // eslint-disable-line
 
+	    if (option.capture !== undefined) capture = option.capture; // eslint-disable-line
+
 	    if (typeof option.splitKey === 'string') splitKey = option.splitKey; // eslint-disable-line
 	  }
 
@@ -17554,7 +18165,8 @@
 	      shortcut: keys[i],
 	      method: method,
 	      key: keys[i],
-	      splitKey: splitKey
+	      splitKey: splitKey,
+	      element: element
 	    });
 	  } // 在全局document上设置快捷键
 
@@ -17562,18 +18174,36 @@
 	  if (typeof element !== 'undefined' && !isElementBind(element) && window) {
 	    elementHasBindEvent.push(element);
 	    addEvent(element, 'keydown', function (e) {
-	      dispatch(e);
-	    });
-	    addEvent(window, 'focus', function () {
-	      _downKeys = [];
-	    });
+	      dispatch(e, element);
+	    }, capture);
+
+	    if (!winListendFocus) {
+	      winListendFocus = true;
+	      addEvent(window, 'focus', function () {
+	        _downKeys = [];
+	      }, capture);
+	    }
+
 	    addEvent(element, 'keyup', function (e) {
-	      dispatch(e);
+	      dispatch(e, element);
 	      clearModifier(e);
-	    });
+	    }, capture);
 	  }
 	}
 
+	function trigger(shortcut) {
+	  var scope = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'all';
+	  Object.keys(_handlers).forEach(function (key) {
+	    var data = _handlers[key].find(function (item) {
+	      return item.scope === scope && item.shortcut === shortcut;
+	    });
+
+	    if (data && data.method) {
+	      data.method();
+	    }
+	  });
+	}
+
 	var _api = {
 	  setScope: setScope,
 	  getScope: getScope,
@@ -17581,7 +18211,11 @@
 	  getPressedKeyCodes: getPressedKeyCodes,
 	  isPressed: isPressed,
 	  filter: filter,
-	  unbind: unbind
+	  trigger: trigger,
+	  unbind: unbind,
+	  keyMap: _keyMap,
+	  modifier: _modifier,
+	  modifierMap: modifierMap
 	};
 
 	for (var a in _api) {
@@ -19570,6 +20204,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,
@@ -19577,7 +20215,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,
@@ -19592,10 +20231,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
@@ -19615,7 +20256,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.');
@@ -19638,7 +20285,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) {
@@ -19732,7 +20384,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),
@@ -19781,7 +20433,10 @@
 	    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,
+	    endpoint: types.endpointConfig
 	  },
 	  beforeMount: function beforeMount() {
 	    if (this.$props.highlight) {
@@ -19798,11 +20453,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() {
@@ -19814,19 +20469,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);
@@ -19855,13 +20510,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() {
@@ -19949,7 +20609,7 @@
 	    // returns size and aggs property
 	    getBasicQueryOptions: function getBasicQueryOptions() {
 	      var aggregationField = this.$props.aggregationField;
-	      var queryOptions = helper_28(this.$props);
+	      var queryOptions = helper_35(this.$props);
 
 	      if (aggregationField) {
 	        queryOptions.aggs = getCompositeAggsQuery$1({
@@ -19988,12 +20648,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) {
@@ -20001,19 +20696,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
@@ -20040,6 +20735,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);
 
@@ -20153,7 +20854,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
 
@@ -20184,11 +20886,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) {
@@ -20294,6 +21008,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;
@@ -20364,7 +21147,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;
@@ -20382,7 +21165,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) {
@@ -20393,7 +21176,7 @@
 	          var element = modifierKeys[index];
 
 	          if (hotkeys[element]) {
-	            _this2.focusSearchBox(event);
+	            _this4.focusSearchBox(event);
 
 	            break;
 	          }
@@ -20402,7 +21185,7 @@
 	    }
 	  },
 	  render: function render() {
-	    var _this3 = this;
+	    var _this5 = this;
 
 	    var h = arguments[0];
 	    var _this$$props4 = this.$props,
@@ -20441,14 +21224,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
@@ -20458,15 +21241,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
@@ -20474,9 +21257,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", {
@@ -20485,28 +21268,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
@@ -20514,9 +21297,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", {
@@ -20525,61 +21308,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", {
@@ -20595,26 +21378,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({}, {
@@ -20813,7 +21596,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,
@@ -20827,8 +21611,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() {
@@ -20869,10 +21653,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: []
 	    };
@@ -20888,7 +21674,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.');
@@ -20902,9 +21697,13 @@
 	      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.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
+	    this.currentValue = decodeHtml(this.selectedValue || this.value || this.defaultValue || '');
+
+	    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);
@@ -20940,7 +21739,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),
@@ -20993,7 +21792,20 @@
 	    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,
+	    searchboxId: VueTypes.string,
+	    endpoint: types.endpointConfig
+	  },
+	  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();
@@ -21043,15 +21855,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() {
@@ -21153,7 +21975,7 @@
 	    // returns size and aggs property
 	    getBasicQueryOptions: function getBasicQueryOptions() {
 	      var aggregationField = this.$props.aggregationField;
-	      var queryOptions = helper_28(this.$props);
+	      var queryOptions = helper_35(this.$props);
 
 	      if (aggregationField) {
 	        queryOptions.aggs = getCompositeAggsQuery$2({
@@ -21192,7 +22014,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 = decodeHtml(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) {
@@ -21200,19 +22055,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
@@ -21263,6 +22118,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;
 
@@ -21356,7 +22216,8 @@
 	        if (this.$props.autosuggest === false) {
 	          this.enterButtonOnClick();
 	        } else if (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
@@ -21401,13 +22262,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
-	          });
+	          }));
 	        });
 	      }
 
@@ -21553,7 +22430,7 @@
 	          }
 
 	          return h(Button, {
-	            "class": "enter-btn " + getClassName$4(innerClass, 'enterButton'),
+	            "class": "enter-btn " + getClassName$4(innerClass, 'enter-button'),
 	            "attrs": {
 	              "primary": true
 	            },
@@ -21669,7 +22546,7 @@
 	    onAutofillClick: function onAutofillClick(suggestion) {
 	      var value = suggestion.value;
 	      this.isOpen = true;
-	      this.currentValue = value;
+	      this.currentValue = decodeHtml(value);
 	      this.triggerDefaultQuery(value);
 	    },
 	    renderAutoFill: function renderAutoFill(suggestion) {
@@ -21690,10 +22567,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,
@@ -21728,10 +22674,10 @@
 	          var renderSuggestionsDropdown = function renderSuggestionsDropdown() {
 	            var getIcon = function getIcon(iconType) {
 	              switch (iconType) {
-	                case helper_6.Recent:
+	                case helper_13.Recent:
 	                  return recentSearchesIcon;
 
-	                case helper_6.Popular:
+	                case helper_13.Popular:
 	                  return popularSearchesIcon;
 
 	                default:
@@ -21739,14 +22685,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
@@ -21756,7 +22702,7 @@
 	                })),
 	                "key": index + 1 + "-" + item.value,
 	                "style": {
-	                  backgroundColor: _this7.getBackgroundColor(highlightedIndex, index),
+	                  backgroundColor: _this9.getBackgroundColor(highlightedIndex, index),
 	                  justifyContent: 'flex-start',
 	                  alignItems: 'center'
 	                }
@@ -21769,7 +22715,7 @@
 	                })),
 	                "key": index + 1 + "-" + item.value,
 	                "style": {
-	                  backgroundColor: _this7.getBackgroundColor(highlightedIndex, index),
+	                  backgroundColor: _this9.getBackgroundColor(highlightedIndex, index),
 	                  justifyContent: 'flex-start',
 	                  alignItems: 'center'
 	                }
@@ -21780,61 +22726,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", {
@@ -21850,22 +22796,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);
+	          _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({}, {
@@ -22024,14 +22970,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;
@@ -22157,7 +23103,8 @@
 	    missingLabel: VueTypes.string.def('N/A'),
 	    nestedField: types.string,
 	    index: VueTypes.string,
-	    enableStrictSelection: VueTypes.bool.def(false)
+	    enableStrictSelection: VueTypes.bool.def(false),
+	    endpoint: types.endpointConfig
 	  },
 	  data: function data() {
 	    var props = this.$props;
@@ -22638,7 +23585,8 @@
 	    showMissing: VueTypes.bool.def(false),
 	    missingLabel: VueTypes.string.def('N/A'),
 	    nestedField: types.string,
-	    index: VueTypes.string
+	    index: VueTypes.string,
+	    endpoint: types.endpointConfig
 	  },
 	  data: function data() {
 	    var props = this.$props;
@@ -23188,12 +24136,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) {
@@ -23207,9 +24155,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;
 	});
 
@@ -23557,7 +24505,8 @@
 	    loadMoreLabel: VueTypes.oneOfType([VueTypes.string, VueTypes.any]).def('Load More'),
 	    nestedField: types.string,
 	    index: VueTypes.string,
-	    searchPlaceholder: VueTypes.string.def('Type here to search...')
+	    searchPlaceholder: VueTypes.string.def('Type here to search...'),
+	    endpoint: types.endpointConfig
 	  },
 	  created: function created() {
 	    if (!this.enableAppbase && this.$props.index) {
@@ -24013,7 +24962,8 @@
 	    loadMoreLabel: VueTypes.oneOfType([VueTypes.string, VueTypes.any]).def('Load More'),
 	    nestedField: types.string,
 	    index: VueTypes.string,
-	    searchPlaceholder: VueTypes.string.def('Type here to search...')
+	    searchPlaceholder: VueTypes.string.def('Type here to search...'),
+	    endpoint: types.endpointConfig
 	  },
 	  created: function created() {
 	    if (!this.enableAppbase && this.$props.index) {
@@ -24536,6 +25486,7 @@
 	  name: 'ToggleButton',
 	  props: {
 	    componentId: types.stringRequired,
+	    customQuery: types.func,
 	    data: types.data,
 	    dataField: types.stringRequired,
 	    defaultValue: types.any,
@@ -24550,7 +25501,8 @@
 	    URLParams: VueTypes.bool,
 	    renderItem: types.func,
 	    index: VueTypes.string,
-	    enableStrictSelection: VueTypes.bool
+	    enableStrictSelection: VueTypes.bool,
+	    endpoint: types.endpointConfig
 	  },
 	  data: function data() {
 	    this.__state = {
@@ -24880,7 +25832,8 @@
 	    URLParams: VueTypes.bool.def(false),
 	    distinctField: types.string,
 	    distinctFieldConfig: types.props,
-	    index: VueTypes.string
+	    index: VueTypes.string,
+	    endpoint: types.endpointConfig
 	  },
 	  created: function created() {
 	    var _this = this;
@@ -25213,6 +26166,7 @@
 	        components: this.components,
 	        selectedValues: this.selectedValues,
 	        clearValues: this.clearValues,
+	        clearValue: this.clearValue,
 	        setValue: this.setValue,
 	        resetValuesToDefault: this.resetValuesToDefault
 	      });
@@ -25224,7 +26178,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,
@@ -25261,6 +26215,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;
 
@@ -25284,39 +26252,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 + ": " + decodeHtml(valueToRender));
 	        }
 
 	        return null;
@@ -25381,7 +26351,8 @@
 	    title: types.title,
 	    URLParams: VueTypes.bool.def(false),
 	    nestedField: types.string,
-	    index: VueTypes.string
+	    index: VueTypes.string,
+	    endpoint: types.endpointConfig
 	  },
 	  created: function created() {
 	    if (!this.enableAppbase && this.$props.index) {
@@ -25467,7 +26438,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;
@@ -25610,7 +26581,8 @@
 	    title: types.title,
 	    URLParams: VueTypes.bool.def(false),
 	    nestedField: types.string,
-	    index: VueTypes.string
+	    index: VueTypes.string,
+	    endpoint: types.endpointConfig
 	  },
 	  methods: {
 	    handleClick: function handleClick(e) {
@@ -26143,8 +27115,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.
@@ -26232,7 +27204,8 @@
 	    URLParams: VueTypes.bool.def(false),
 	    sliderOptions: VueTypes.object.def({}),
 	    nestedField: types.string,
-	    index: VueTypes.string
+	    index: VueTypes.string,
+	    endpoint: types.endpointConfig
 	  },
 	  methods: {
 	    handleSliderChange: function handleSliderChange(values) {
@@ -26500,7 +27473,8 @@
 	    sliderOptions: VueTypes.object.def({}),
 	    nestedField: types.string,
 	    index: VueTypes.string,
-	    value: types.range
+	    value: types.range,
+	    endpoint: types.endpointConfig
 	  },
 	  data: function data() {
 	    this.internalRangeComponent = this.$props.componentId + "__range__internal";
@@ -27051,13 +28025,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;
 	  }
 	};
@@ -27075,11 +28068,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);
@@ -27132,8 +28129,8 @@
 	  if (component.defaultQuery) {
 	    var defaultQuery = component.defaultQuery(currentValue, component);
 	    return _extends({
-	      query: helper_14(defaultQuery)
-	    }, helper_15(defaultQuery));
+	      query: helper_21(defaultQuery)
+	    }, helper_22(defaultQuery));
 	  }
 
 	  return component.source.defaultQuery ? {
@@ -27149,8 +28146,8 @@
 	  if (component.customQuery) {
 	    var customQuery = component.customQuery(currentValue, component);
 	    return _extends({
-	      query: helper_14(customQuery)
-	    }, helper_15(customQuery));
+	      query: helper_21(customQuery)
+	    }, helper_22(customQuery));
 	  }
 
 	  return component.source.defaultQuery ? {
@@ -27167,20 +28164,51 @@
 	      'X-Search-Client': X_SEARCH_CLIENT$1
 	    }, enableTelemetry === false && {
 	      'X-Enable-Telemetry': false
-	    }), settings.headers);
+	    }), settings.headers, settings.enableAppbase && settings.endpoint && settings.endpoint.headers ? settings.endpoint.headers : {});
+
+	    var url = settings.url && settings.url.trim() !== '' ? settings.url : 'https://scalr.api.appbase.io';
+	    var transformRequest = settings.transformRequest || null;
+
+	    if (settings.enableAppbase && settings.endpoint) {
+	      if (settings.endpoint.url) {
+	        // eslint-disable-next-line prefer-destructuring
+	        url = settings.endpoint.url;
+	      }
+
+	      transformRequest = function transformRequest(request) {
+	        var modifiedRequest = helper_1(request, settings.endpoint);
+
+	        if (settings.transformRequest) {
+	          return settings.transformRequest(modifiedRequest);
+	        }
+
+	        return modifiedRequest;
+	      };
+	    }
 
 	    var config = {
-	      url: settings.url && settings.url.trim() !== '' ? settings.url : 'https://scalr.api.appbase.io',
+	      url: url,
 	      app: settings.app,
 	      credentials: credentials,
-	      transformRequest: settings.transformRequest || null,
+	      transformRequest: transformRequest,
 	      type: settings.type ? settings.type : '*',
 	      transformResponse: settings.transformResponse || null,
 	      graphQLUrl: settings.graphQLUrl || '',
 	      headers: headers,
-	      analyticsConfig: settings.appbaseConfig || null
+	      analyticsConfig: settings.appbaseConfig || null,
+	      enableAppbase: settings.enableAppbase,
+	      endpoint: settings.endpoint
 	    };
 	    var appbaseRef = appbasejs(config);
+
+	    if (config.transformRequest) {
+	      appbaseRef.transformRequest = config.transformRequest;
+	    }
+
+	    if (config.transformResponse) {
+	      appbaseRef.transformResponse = config.transformResponse;
+	    }
+
 	    var components = [];
 	    var selectedValues = {};
 	    var internalValues = {};
@@ -27314,7 +28342,7 @@
 	        var react = component.react;
 
 	        if (isInternalComponentPresent || isResultComponent) {
-	          react = helper_30(react, internalComponent);
+	          react = helper_37(react, internalComponent);
 	        }
 
 	        dependencyTree = dependencyTreeReducer(dependencyTree, {
@@ -27377,7 +28405,7 @@
 
 	    componentCollection.forEach(function (component) {
 	      // eslint-disable-next-line
-	      var _buildQuery = helper_29(component.componentId, dependencyTree, queryList, queryOptions),
+	      var _buildQuery = helper_36(component.componentId, dependencyTree, queryList, queryOptions),
 	          queryObj = _buildQuery.queryObj,
 	          options = _buildQuery.options;
 
@@ -27404,7 +28432,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));
 
@@ -27445,7 +28473,7 @@
 
 	              aggregations = _extends({}, aggregations, (_extends4 = {}, _extends4[component] = response.aggregations, _extends4));
 	              compositeAggregations = compositeAggsReducer(compositeAggregations, {
-	                type: constants_9,
+	                type: constants_10,
 	                aggregations: response.aggregations,
 	                append: false
 	              });
@@ -27509,9 +28537,10 @@
 	              }
 
 	              timestamp[component] = res._timestamp;
+	              var hitsObj = response.hits ? response.hits : response[component].hits;
 	              hits = _extends({}, hits, (_extends7 = {}, _extends7[component] = {
-	                hits: response.hits.hits,
-	                total: typeof response.hits.total === 'object' ? response.hits.total.value : response.hits.total,
+	                hits: hitsObj.hits,
+	                total: typeof hitsObj.total === 'object' ? hitsObj.total.value : hitsObj.total,
 	                time: response.took
 	              }, _extends7));
 	              responseResolve();
@@ -27587,16 +28616,16 @@
 	  });
 	}
 
-	var version = "1.29.0-preview.1";
+	var version = "1.31.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;
 	});
 
@@ -27657,7 +28686,8 @@
 	    title: types.title,
 	    URLParams: VueTypes.bool.def(false),
 	    sliderOptions: VueTypes.object.def({}),
-	    nestedField: types.string
+	    nestedField: types.string,
+	    endpoint: types.endpointConfig
 	  },
 	  methods: {
 	    shouldUpdate: function shouldUpdate(value) {