@appbaseio/reactivesearch-vue 1.16.0-alpha.24 → 1.16.0-alpha.28

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

@@ -40,14 +40,9 @@
 
 	  if (Object.getOwnPropertySymbols) {
 	    var symbols = Object.getOwnPropertySymbols(object);
-
-	    if (enumerableOnly) {
-	      symbols = symbols.filter(function (sym) {
-	        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-	      });
-	    }
-
-	    keys.push.apply(keys, symbols);
+	    enumerableOnly && (symbols = symbols.filter(function (sym) {
+	      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+	    })), keys.push.apply(keys, symbols);
 	  }
 
 	  return keys;
@@ -55,19 +50,12 @@
 
 	function _objectSpread2(target) {
 	  for (var i = 1; i < arguments.length; i++) {
-	    var source = arguments[i] != null ? arguments[i] : {};
-
-	    if (i % 2) {
-	      ownKeys(Object(source), true).forEach(function (key) {
-	        _defineProperty(target, key, source[key]);
-	      });
-	    } else if (Object.getOwnPropertyDescriptors) {
-	      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-	    } else {
-	      ownKeys(Object(source)).forEach(function (key) {
-	        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-	      });
-	    }
+	    var source = null != arguments[i] ? arguments[i] : {};
+	    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+	      _defineProperty(target, key, source[key]);
+	    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+	      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+	    });
 	  }
 
 	  return target;
@@ -755,23 +743,36 @@
 		createStore: createStore
 	});
 
+	/** A function that accepts a potential "extra argument" value to be injected later,
+	 * and returns an instance of the thunk middleware that uses that value
+	 */
 	function createThunkMiddleware(extraArgument) {
-	  return function (_ref) {
+	  // Standard Redux middleware definition pattern:
+	  // See: https://redux.js.org/tutorials/fundamentals/part-4-store#writing-custom-middleware
+	  var middleware = function middleware(_ref) {
 	    var dispatch = _ref.dispatch,
 	        getState = _ref.getState;
 	    return function (next) {
 	      return function (action) {
+	        // The thunk middleware looks for any functions that were passed to `store.dispatch`.
+	        // If this "action" is really a function, call it and return the result.
 	        if (typeof action === 'function') {
+	          // Inject the store's `dispatch` and `getState` methods, as well as any "extra arg"
 	          return action(dispatch, getState, extraArgument);
-	        }
+	        } // Otherwise, pass the action down the middleware chain as usual
+
 
 	        return next(action);
 	      };
 	    };
 	  };
+
+	  return middleware;
 	}
 
-	var thunk = createThunkMiddleware();
+	var thunk = createThunkMiddleware(); // Attach the factory function so users can create a customized version
+	// with whatever "extra arg" they want to inject into their thunks
+
 	thunk.withExtraArgument = createThunkMiddleware;
 
 	var constants = createCommonjsModule(function (module, exports) {
@@ -1197,6 +1198,7 @@
 	    reactiveList: 'REACTIVELIST',
 	    dataSearch: 'DATASEARCH',
 	    categorySearch: 'CATEGORYSEARCH',
+	    searchBox: 'SUGGESTION',
 	    singleList: 'SINGLELIST',
 	    multiList: 'MULTILIST',
 	    singleDataList: 'SINGLEDATALIST',
@@ -1225,9 +1227,10 @@
 	    search: 'search',
 	    term: 'term',
 	    range: 'range',
-	    geo: 'geo'
+	    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', 'unit'];
+	  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 CLEAR_ALL = exports.CLEAR_ALL = {
 	    NEVER: 'never',
 	    ALWAYS: 'always',
@@ -2753,7 +2756,12 @@
 	      var aggsResponse = Object.values(action.aggregations) && Object.values(action.aggregations)[0];
 	      var fieldName = Object.keys(action.aggregations)[0];
 	      if (!aggsResponse) return state;
-	      var buckets = aggsResponse.buckets || [];
+	      var buckets = [];
+
+	      if (aggsResponse.buckets && Array.isArray(aggsResponse.buckets)) {
+	        buckets = aggsResponse.buckets;
+	      }
+
 	      var parsedAggs = buckets.map(function (bucket) {
 	        var doc_count = bucket.doc_count,
 	            key = bucket.key,
@@ -2769,7 +2777,7 @@
 
 	        return _extends({
 	          _doc_count: doc_count,
-	          _key: key[fieldName],
+	          _key: typeof key === 'string' ? key : key[fieldName],
 	          top_hits: hitsData
 	        }, flatData, _source);
 	      });
@@ -2779,7 +2787,7 @@
 	    return state;
 	  }
 	});
-	unwrapExports(compositeAggsReducer_1);
+	var compositeAggsReducer = unwrapExports(compositeAggsReducer_1);
 
 	var appliedSettingsReducer_1 = createCommonjsModule(function (module, exports) {
 	  Object.defineProperty(exports, "__esModule", {
@@ -4561,6 +4569,8 @@
 	    return target;
 	  };
 
+	  exports.replaceDiacritics = replaceDiacritics;
+
 	  var _diacritics2 = _interopRequireDefault(diacritics_1);
 
 	  function _interopRequireDefault(obj) {
@@ -4838,6 +4848,7 @@
 	  exports["default"] = getSuggestions;
 	});
 	unwrapExports(suggestions);
+	var suggestions_1 = suggestions.replaceDiacritics;
 
 	var helper = createCommonjsModule(function (module, exports) {
 	  Object.defineProperty(exports, "__esModule", {
@@ -4871,6 +4882,7 @@
 	  exports.extractFieldsFromSource = extractFieldsFromSource;
 	  exports.normalizeDataField = normalizeDataField;
 	  exports.handleOnSuggestions = handleOnSuggestions;
+	  exports.isValidDateRangeQueryFormat = isValidDateRangeQueryFormat;
 
 	  var _dateFormats2 = _interopRequireDefault(dateFormats_1);
 
@@ -5259,7 +5271,7 @@
 	      case 'epoch_millis':
 	        return date.getTime();
 
-	      case 'epoch_seconds':
+	      case 'epoch_second':
 	        return Math.floor(date.getTime() / 1000);
 
 	      default:
@@ -5652,6 +5664,10 @@
 	    });
 	    return withClickIds(finalSuggestions);
 	  };
+
+	  function isValidDateRangeQueryFormat(queryFormat) {
+	    return Object.keys(_dateFormats2["default"]).includes(queryFormat);
+	  }
 	});
 	unwrapExports(helper);
 	var helper_1 = helper.getTopSuggestions;
@@ -5682,6 +5698,7 @@
 	var helper_26 = helper.extractFieldsFromSource;
 	var helper_27 = helper.normalizeDataField;
 	var helper_28 = helper.handleOnSuggestions;
+	var helper_29 = helper.isValidDateRangeQueryFormat;
 
 	var value = createCommonjsModule(function (module, exports) {
 	  Object.defineProperty(exports, "__esModule", {
@@ -6032,62 +6049,6 @@
 	var misc_19 = misc.setAppliedSettings;
 	var misc_20 = misc.setQueryListener;
 
-	var hits = createCommonjsModule(function (module, exports) {
-	  Object.defineProperty(exports, "__esModule", {
-	    value: true
-	  });
-	  exports.updateAggs = updateAggs;
-	  exports.updateCompositeAggs = updateCompositeAggs;
-	  exports.updateHits = updateHits;
-	  exports.saveQueryToHits = saveQueryToHits;
-
-	  function updateAggs(component, aggregations) {
-	    var append = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-	    return {
-	      type: constants.UPDATE_AGGS,
-	      component: component,
-	      aggregations: aggregations,
-	      append: append
-	    };
-	  }
-
-	  function updateCompositeAggs(component, aggregations) {
-	    var append = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-	    return {
-	      type: constants.UPDATE_COMPOSITE_AGGS,
-	      component: component,
-	      aggregations: aggregations,
-	      append: append
-	    };
-	  }
-
-	  function updateHits(component, hits, time, hidden) {
-	    var append = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
-	    return {
-	      type: constants.UPDATE_HITS,
-	      component: component,
-	      hits: hits.hits,
-	      total: typeof hits.total === 'object' ? hits.total.value : hits.total,
-	      hidden: hidden,
-	      time: time,
-	      append: append
-	    };
-	  }
-
-	  function saveQueryToHits(component, query) {
-	    return {
-	      type: constants.SET_QUERY_TO_HITS,
-	      component: component,
-	      query: query
-	    };
-	  }
-	});
-	unwrapExports(hits);
-	var hits_1 = hits.updateAggs;
-	var hits_2 = hits.updateCompositeAggs;
-	var hits_3 = hits.updateHits;
-	var hits_4 = hits.saveQueryToHits;
-
 	var xdate = createCommonjsModule(function (module) {
 	  /**
 	   * @preserve XDate v@VERSION
@@ -6914,6 +6875,8 @@
 
 	  var _xdate2 = _interopRequireDefault(xdate);
 
+	  var _dateFormats2 = _interopRequireDefault(dateFormats_1);
+
 	  function _interopRequireDefault(obj) {
 	    return obj && obj.__esModule ? obj : {
 	      "default": obj
@@ -6947,10 +6910,10 @@
 	    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.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.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];
+	  var searchComponents = [constants$1.componentTypes.categorySearch, constants$1.componentTypes.dataSearch, constants$1.componentTypes.searchBox];
 	  var listComponentsWithPagination = [constants$1.componentTypes.singleList, constants$1.componentTypes.multiList, constants$1.componentTypes.singleDropdownList, constants$1.componentTypes.multiDropdownList];
 
 	  var getNormalizedField = exports.getNormalizedField = function getNormalizedField(field) {
@@ -7006,7 +6969,7 @@
 	        return null;
 	      }
 
-	      return {
+	      return _extends({
 	        id: componentId,
 	        type: queryType,
 	        dataField: getNormalizedField(props.dataField),
@@ -7045,7 +7008,17 @@
 	        distinctField: props.distinctField,
 	        distinctFieldConfig: props.distinctFieldConfig,
 	        index: props.index
-	      };
+	      }, queryType === constants$1.queryTypes.suggestion ? {
+	        enablePopularSuggestions: props.enablePopularSuggestions,
+	        enableRecentSuggestions: props.enableRecentSuggestions,
+	        popularSuggestionsConfig: props.popularSuggestionsConfig,
+	        recentSuggestionsConfig: props.recentSuggestionsConfig,
+	        applyStopwords: props.applyStopwords,
+	        customStopwords: props.customStopwords,
+	        enablePredictiveSuggestions: props.enablePredictiveSuggestions
+	      } : {}, {
+	        calendarInterval: props.calendarInterval
+	      });
 	    }
 
 	    return null;
@@ -7075,6 +7048,7 @@
 	    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 dataField = componentProps.dataField;
@@ -7143,6 +7117,24 @@
 	        aggregations = ['histogram'];
 	      }
 
+	      if (componentProps.componentType === constants$1.componentTypes.dynamicRangeSlider || componentProps.componentType === constants$1.componentTypes.rangeSlider) {
+	        calendarInterval = Object.keys(_dateFormats2["default"]).includes(queryFormat) ? componentProps.calendarInterval || 'month' : undefined;
+
+	        if (value) {
+	          if ((0, helper.isValidDateRangeQueryFormat)(componentProps.queryFormat)) {
+	            value = {
+	              start: (0, helper.formatDate)(new _xdate2["default"](value.start), componentProps),
+	              end: (0, helper.formatDate)(new _xdate2["default"](value.end), componentProps)
+	            };
+	          } else {
+	            value = {
+	              start: parseFloat(value.start),
+	              end: parseFloat(value.end)
+	            };
+	          }
+	        }
+	      }
+
 	      if (dateRangeComponents.includes(componentProps.componentType)) {
 	        queryFormat = 'or';
 
@@ -7265,6 +7257,7 @@
 	    }
 
 	    return _extends({}, componentProps, {
+	      calendarInterval: calendarInterval,
 	      dataField: dataField,
 	      queryFormat: queryFormat,
 	      type: type,
@@ -7275,7 +7268,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: value,
+	      value: componentProps.componentType === constants$1.componentTypes.searchBox ? value || undefined : value,
 	      pagination: pagination,
 	      from: from
 	    }, customOptions);
@@ -7311,7 +7304,8 @@
 	    var orderOfQueries = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
 	    var finalQuery = {};
 	    var react = flatReactProp(store.dependencyTree[componentID], componentID);
-	    react.forEach(function (component) {
+	    react.forEach(function (componentObject) {
+	      var component = componentObject;
 	      var customQuery = store.customQueries[component];
 
 	      if (!isInternalComponent(component)) {
@@ -7324,7 +7318,11 @@
 	            execute = true;
 	          }
 
-	          var dependentQuery = getRSQuery(component, extractPropsFromState(store, component), execute);
+	          var dependentQuery = getRSQuery(component, extractPropsFromState(store, component, _extends({}, store.props[component].componentType === constants$1.componentTypes.searchBox ? _extends({}, execute === false ? {
+	            type: constants$1.queryTypes.search
+	          } : {}, calcValues.category ? {
+	            categoryValue: calcValues.category
+	          } : {}) : {})), execute);
 
 	          if (dependentQuery) {
 	            finalQuery[component] = dependentQuery;
@@ -7351,6 +7349,79 @@
 	var transform_13 = transform.componentToTypeMap;
 	var transform_14 = transform.flatReactProp;
 
+	var hits = createCommonjsModule(function (module, exports) {
+	  Object.defineProperty(exports, "__esModule", {
+	    value: true
+	  });
+	  exports.updateAggs = updateAggs;
+	  exports.updateCompositeAggs = updateCompositeAggs;
+	  exports.updateHits = updateHits;
+	  exports.saveQueryToHits = saveQueryToHits;
+	  exports.mockDataForTesting = mockDataForTesting;
+
+	  function updateAggs(component, aggregations) {
+	    var append = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+	    return {
+	      type: constants.UPDATE_AGGS,
+	      component: component,
+	      aggregations: aggregations,
+	      append: append
+	    };
+	  }
+
+	  function updateCompositeAggs(component, aggregations) {
+	    var append = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+	    return {
+	      type: constants.UPDATE_COMPOSITE_AGGS,
+	      component: component,
+	      aggregations: aggregations,
+	      append: append
+	    };
+	  }
+
+	  function updateHits(component, hits, time, hidden) {
+	    var append = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+	    return {
+	      type: constants.UPDATE_HITS,
+	      component: component,
+	      hits: hits.hits,
+	      total: typeof hits.total === 'object' ? hits.total.value : hits.total,
+	      hidden: hidden,
+	      time: time,
+	      append: append
+	    };
+	  }
+
+	  function saveQueryToHits(component, query) {
+	    return {
+	      type: constants.SET_QUERY_TO_HITS,
+	      component: component,
+	      query: query
+	    };
+	  }
+
+	  function mockDataForTesting(component, data) {
+	    return function (dispatch, getState) {
+	      var _getState = getState(),
+	          props = _getState.props;
+
+	      var componentProps = props[component];
+
+	      if (transform.componentToTypeMap[componentProps.componentType] === 'term') {
+	        dispatch(updateAggs(component, data));
+	      } else {
+	        dispatch(updateHits(component, data));
+	      }
+	    };
+	  }
+	});
+	unwrapExports(hits);
+	var hits_1 = hits.updateAggs;
+	var hits_2 = hits.updateCompositeAggs;
+	var hits_3 = hits.updateHits;
+	var hits_4 = hits.saveQueryToHits;
+	var hits_5 = hits.mockDataForTesting;
+
 	var utils = createCommonjsModule(function (module, exports) {
 	  Object.defineProperty(exports, "__esModule", {
 	    value: true
@@ -8402,6 +8473,11 @@
 	      var value = internalValue && internalValue.value || '';
 
 	      if (isAppbaseEnabled && (componentProps.enablePopularSuggestions || componentProps.enableQuerySuggestions)) {
+	        if (config.mongodb) {
+	          dispatch((0, misc.setDefaultPopularSuggestions)([], componentId.split('__internal')[0]));
+	          return;
+	        }
+
 	        var suggQuery = (0, utils.getSuggestionQuery)(getState, componentId);
 	        appbaseRef.getQuerySuggestions(suggQuery).then(function (suggestions) {
 	          var querySuggestion = suggestions[(0, utils.getQuerySuggestionsId)(componentId)];
@@ -9132,7 +9208,8 @@
 	          protocol = _getState$appbaseRef.protocol,
 	          credentials = _getState$appbaseRef.credentials;
 
-	      var app = config.app;
+	      var app = config.app,
+	          mongodb = config.mongodb;
 	      var esURL = protocol + '://' + url;
 	      var parsedURL = (esURL || '').replace(/\/+$/, '');
 	      var requestOptions = {
@@ -9179,7 +9256,14 @@
 	        }
 	      }
 
-	      fetch(parsedURL + '/_analytics/' + app + '/recent-searches?' + queryString, requestOptions).then(function (res) {
+	      if (mongodb) {
+	        return dispatch({
+	          type: constants.RECENT_SEARCHES_SUCCESS,
+	          data: []
+	        });
+	      }
+
+	      return fetch(parsedURL + '/_analytics/' + app + '/recent-searches?' + queryString, requestOptions).then(function (res) {
 	        if (res.status >= 500 || res.status >= 400) {
 	          return dispatch({
 	            type: constants.RECENT_SEARCHES_ERROR,
@@ -12811,7 +12895,11 @@
 	    userId: VueTypes.string,
 	    customEvents: VueTypes.object,
 	    enableTelemetry: VueTypes.bool.def(true)
-	  }).def({})
+	  }).def({}),
+	  mongodb: VueTypes.shape({
+	    db: VueTypes.string,
+	    collection: VueTypes.string
+	  })
 	};
 
 	var getClassName = lib_8.getClassName,
@@ -13962,9 +14050,14 @@
 	    }
 
 	    this.internalComponent = this.$props.componentId + "__internal";
-	    this.sortOptionIndex = this.defaultSortOption ? this.sortOptions.findIndex(function (s) {
-	      return s.label === _this.defaultSortOption;
-	    }) : 0;
+	    this.sortOptionIndex = 0;
+
+	    if (this.defaultSortOption && this.sortOptions && Array.isArray(this.sortOptions)) {
+	      this.sortOptionIndex = this.sortOptions.findIndex(function (s) {
+	        return s.label === _this.defaultSortOption;
+	      });
+	    }
+
 	    this.updateComponentProps(this.componentId, {
 	      from: this.from
 	    }, constants_1$1.reactiveList);
@@ -13974,7 +14067,7 @@
 	  },
 	  props: {
 	    currentPage: VueTypes.number.def(0),
-	    includeFields: types.includeFields.def(['*']),
+	    includeFields: types.includeFields,
 	    // component props
 	    className: types.string,
 	    componentId: types.stringRequired,
@@ -13983,7 +14076,7 @@
 	    aggregationSize: VueTypes.number,
 	    defaultQuery: types.func,
 	    defaultSortOption: types.string,
-	    excludeFields: types.excludeFields.def([]),
+	    excludeFields: types.excludeFields,
 	    innerClass: types.style,
 	    listClass: VueTypes.string.def(''),
 	    loader: types.title,
@@ -13995,7 +14088,7 @@
 	    pages: VueTypes.number.def(5),
 	    pagination: VueTypes.bool.def(false),
 	    infiniteScroll: VueTypes.bool.def(true),
-	    paginationAt: types.paginationAt.def('bottom'),
+	    paginationAt: VueTypes.oneOf(['top', 'bottom', 'both']).def('bottom'),
 	    react: types.react,
 	    scrollOnChange: VueTypes.bool.def(true),
 	    showResultStats: VueTypes.bool.def(true),
@@ -14024,12 +14117,9 @@
 	      return this.$listeners && this.$listeners.resultStats;
 	    },
 	    stats: function stats() {
-	      var _this$getAllData = this.getAllData(),
-	          filteredResults = _this$getAllData.filteredResults;
-
 	      return _extends({}, getResultStats(this), {
 	        currentPage: this.currentPageState,
-	        displayedResults: filteredResults.length
+	        displayedResults: this.data.length
 	      });
 	    },
 	    hasCustomRender: function hasCustomRender() {
@@ -14038,6 +14128,27 @@
 	    showInfiniteScroll: function showInfiniteScroll() {
 	      // Pagination has higher priority then infinite scroll
 	      return this.infiniteScroll && !this.shouldRenderPagination;
+	    },
+	    data: function data() {
+	      var results = parseHits(this.hits) || [];
+	      var parsedPromotedResults = parseHits(this.promotedResults) || [];
+	      var filteredResults = results;
+
+	      if (parsedPromotedResults.length) {
+	        var ids = parsedPromotedResults.map(function (item) {
+	          return item._id;
+	        }).filter(Boolean);
+
+	        if (ids) {
+	          filteredResults = filteredResults.filter(function (item) {
+	            return !ids.includes(item._id);
+	          });
+	        }
+
+	        filteredResults = [].concat(parsedPromotedResults, filteredResults);
+	      }
+
+	      return helper_2(filteredResults);
 	    }
 	  },
 	  watch: {
@@ -14119,7 +14230,7 @@
 	      }
 	    },
 	    hits: function hits(newVal, oldVal) {
-	      this.$emit('data', this.getAllData());
+	      this.$emit('data', this.getData());
 
 	      if (this.shouldRenderPagination) {
 	        // called when page is changed
@@ -14178,11 +14289,11 @@
 	    var options = getQueryOptions(this.$props);
 	    options.from = this.$data.from;
 
-	    if (this.$props.sortOptions) {
+	    if (this.sortOptions && this.sortOptions[this.sortOptionIndex]) {
 	      var _ref2;
 
-	      var sortField = this.$props.sortOptions[this.sortOptionIndex].dataField;
-	      var sortBy = this.$props.sortOptions[this.sortOptionIndex].sortBy;
+	      var sortField = this.sortOptions[this.sortOptionIndex].dataField;
+	      var sortBy = this.sortOptions[this.sortOptionIndex].sortBy;
 	      options.sort = [(_ref2 = {}, _ref2[sortField] = {
 	        order: sortBy
 	      }, _ref2)]; // To handle sort options for RS API
@@ -14252,10 +14363,10 @@
 	      "class": this.$props.className
 	    }, [this.isLoading && this.shouldRenderPagination && this.showInfiniteScroll && (this.$scopedSlots.loader || this.$props.loader), this.renderErrorComponent(), h(Flex, {
 	      "attrs": {
-	        "labelPosition": this.$props.sortOptions ? 'right' : 'left'
+	        "labelPosition": this.sortOptions ? 'right' : 'left'
 	      },
 	      "class": getClassName$1(this.$props.innerClass, 'resultsInfo')
-	    }, [this.$props.sortOptions ? this.renderSortOptions() : null, this.$props.showResultStats && results.length ? this.renderStats() : null]), !this.isLoading && results.length === 0 ? this.renderNoResult() : null, this.shouldRenderPagination && (this.$props.paginationAt === 'top' || this.$props.paginationAt === 'both') ? h(Pagination, {
+	    }, [this.sortOptions ? this.renderSortOptions() : null, this.$props.showResultStats && results.length ? this.renderStats() : null]), !this.isLoading && results.length === 0 ? this.renderNoResult() : null, this.shouldRenderPagination && (this.$props.paginationAt === 'top' || this.$props.paginationAt === 'both') ? h(Pagination, {
 	      "attrs": {
 	        "pages": this.$props.pages,
 	        "totalPages": this.totalPages,
@@ -14304,13 +14415,10 @@
 
 	      var h = this.$createElement;
 	      var size = this.$props.size;
-	      var hits = this.$data.hits;
-	      var results = parseHits(hits) || [];
-	      var filteredResults = results;
 	      var renderItem = this.$scopedSlots.renderItem || this.$props.renderItem;
 	      var element = this.hasCustomRender ? this.getComponent() : h("div", {
 	        "class": this.$props.listClass + " " + getClassName$1(this.$props.innerClass, 'list')
-	      }, [[].concat(filteredResults).map(function (item, index) {
+	      }, [this.data.map(function (item, index) {
 	        return renderItem({
 	          item: item,
 	          triggerClickAnalytics: function triggerClickAnalytics() {
@@ -14321,7 +14429,7 @@
 
 	      return this.analytics ? h(ImpressionTracker$1, {
 	        "attrs": {
-	          "hits": filteredResults
+	          "hits": this.data
 	        }
 	      }, [element]) : element;
 	    },
@@ -14329,15 +14437,18 @@
 	      var options = getQueryOptions(props);
 	      options.from = this.$data.from;
 
-	      if (props.sortOptions) {
-	        var _ref5;
-
+	      if (props.sortOptions && Array.isArray(props.sortOptions)) {
 	        var sortOptionIndex = props.defaultSortOption ? props.sortOptions.findIndex(function (s) {
 	          return s.label === props.defaultSortOption;
 	        }) : 0;
-	        options.sort = [(_ref5 = {}, _ref5[props.sortOptions[sortOptionIndex].dataField] = {
-	          order: props.sortOptions[sortOptionIndex].sortBy
-	        }, _ref5)];
+
+	        if (props.sortOptions[sortOptionIndex]) {
+	          var _ref5;
+
+	          options.sort = [(_ref5 = {}, _ref5[props.sortOptions[sortOptionIndex].dataField] = {
+	            order: props.sortOptions[sortOptionIndex].sortBy
+	          }, _ref5)];
+	        }
 	      } else if (props.sortBy) {
 	        var _ref6;
 
@@ -14433,31 +14544,39 @@
 	    renderNoResult: function renderNoResult() {
 	      var h = this.$createElement;
 	      var renderNoResults = this.$scopedSlots.renderNoResults || this.$props.renderNoResults;
+
+	      if (this.$scopedSlots.renderNoResults) {
+	        return isFunction$1(renderNoResults) ? renderNoResults() : renderNoResults;
+	      }
+
 	      return h("p", {
 	        "class": getClassName$1(this.$props.innerClass, 'noResults') || null
 	      }, [isFunction$1(renderNoResults) ? renderNoResults() : renderNoResults]);
 	    },
 	    handleSortChange: function handleSortChange(e) {
-	      var _ref7;
+	      var index = e.target.value;
 
-	      var index = e.target.value; // This fixes issue #371 (where sorting a multi-result page with infinite loader breaks)
+	      if (this.sortOptions && this.sortOptions[index]) {
+	        var _ref7;
 
-	      var options = getQueryOptions(this.$props);
-	      options.from = 0;
-	      var sortField = this.$props.sortOptions[index].dataField;
-	      var sortBy = this.$props.sortOptions[index].sortBy;
-	      options.sort = [(_ref7 = {}, _ref7[sortField] = {
-	        order: sortBy
-	      }, _ref7)];
-	      this.sortOptionIndex = index; // To handle sort options for RS API
-
-	      this.updateComponentProps(this.componentId, {
-	        dataField: sortField,
-	        sortBy: sortBy
-	      }, constants_1$1.reactiveList);
-	      this.setQueryOptions(this.$props.componentId, options, true);
-	      this.currentPageState = 0;
-	      this.from = 0;
+	        // This fixes issue #371 (where sorting a multi-result page with infinite loader breaks)
+	        var options = getQueryOptions(this.$props);
+	        options.from = 0;
+	        var sortField = this.sortOptions[index].dataField;
+	        var sortBy = this.sortOptions[index].sortBy;
+	        options.sort = [(_ref7 = {}, _ref7[sortField] = {
+	          order: sortBy
+	        }, _ref7)];
+	        this.sortOptionIndex = index; // To handle sort options for RS API
+
+	        this.updateComponentProps(this.componentId, {
+	          dataField: sortField,
+	          sortBy: sortBy
+	        }, constants_1$1.reactiveList);
+	        this.setQueryOptions(this.$props.componentId, options, true);
+	        this.currentPageState = 0;
+	        this.from = 0;
+	      }
 	    },
 	    triggerClickAnalytics: function triggerClickAnalytics(searchPosition, documentId) {
 	      var docId = documentId;
@@ -14491,7 +14610,7 @@
 	        "domProps": {
 	          "value": this.sortOptionIndex
 	        }
-	      }, [this.$props.sortOptions.map(function (sort, index) {
+	      }, [this.sortOptions.map(function (sort, index) {
 	        return h("option", {
 	          "key": sort.label,
 	          "domProps": {
@@ -14501,8 +14620,8 @@
 	      })]);
 	    },
 	    withClickIds: function withClickIds(results) {
-	      var _this$getAllData2 = this.getAllData(),
-	          base = _this$getAllData2.base;
+	      var _this$getAllData = this.getAllData(),
+	          base = _this$getAllData.base;
 
 	      return results.map(function (result, index) {
 	        return _extends({}, result, {
@@ -14520,26 +14639,9 @@
 	          hits = this.hits;
 	      var results = parseHits(hits) || [];
 	      var parsedPromotedResults = parseHits(promotedResults) || [];
-	      var filteredResults = results;
 	      var base = currentPage * size;
-
-	      if (parsedPromotedResults.length) {
-	        var ids = parsedPromotedResults.map(function (item) {
-	          return item._id;
-	        }).filter(Boolean);
-
-	        if (ids) {
-	          filteredResults = filteredResults.filter(function (item) {
-	            return !ids.includes(item._id);
-	          });
-	        }
-
-	        filteredResults = [].concat(parsedPromotedResults, filteredResults);
-	      }
-
 	      return {
 	        results: results,
-	        filteredResults: filteredResults,
 	        customData: customData || {},
 	        promotedResults: parsedPromotedResults,
 	        aggregationData: aggregationData,
@@ -14549,14 +14651,13 @@
 	      };
 	    },
 	    getData: function getData() {
-	      var _this$getAllData3 = this.getAllData(),
-	          filteredResults = _this$getAllData3.filteredResults,
-	          promotedResults = _this$getAllData3.promotedResults,
-	          aggregationData = _this$getAllData3.aggregationData,
-	          customData = _this$getAllData3.customData;
+	      var _this$getAllData2 = this.getAllData(),
+	          promotedResults = _this$getAllData2.promotedResults,
+	          aggregationData = _this$getAllData2.aggregationData,
+	          customData = _this$getAllData2.customData;
 
 	      return {
-	        data: this.withClickIds(filteredResults),
+	        data: this.data,
 	        aggregationData: this.withClickIds(aggregationData || []),
 	        promotedData: this.withClickIds(promotedResults || []),
 	        rawData: this.rawData,
@@ -14615,11 +14716,7 @@
 	}; // Only used for SSR
 
 	ReactiveList.generateQueryOptions = function (props) {
-	  // simulate default (includeFields and excludeFields) props to generate consistent query
-	  var options = getQueryOptions(_extends({
-	    includeFields: ['*'],
-	    excludeFields: []
-	  }, props));
+	  var options = getQueryOptions(props);
 	  var size = props.size,
 	      dataField = props.dataField,
 	      defaultSortOption = props.defaultSortOption,
@@ -15439,8 +15536,33 @@
 	  return encodedHeaders;
 	}
 
-	function getTelemetryHeaders(enableTelemetry) {
+	function getMongoRequest(app, mongo) {
+	  var mongodb = {};
+
+	  if (app) {
+	    mongodb.index = app;
+	  }
+
+	  if (mongo) {
+	    if (mongo.db) {
+	      mongodb.db = mongo.db;
+	    }
+
+	    if (mongo.collection) {
+	      mongodb.collection = mongo.collection;
+	    }
+	  }
+
+	  return mongodb;
+	}
+
+	function getTelemetryHeaders(enableTelemetry, shouldSetHeaders) {
 	  var headers = {};
+
+	  if (!shouldSetHeaders) {
+	    return headers;
+	  }
+
 	  Object.assign(headers, {
 	    'X-Search-Client': 'Appbase JS'
 	  });
@@ -15453,6 +15575,133 @@
 
 	  return headers;
 	}
+
+	var backendAlias = {
+	  MONGODB: 'mongodb',
+	  // mongodb
+	  ELASTICSEARCH: 'elasticsearch' // elasticsearch
+
+	};
+	var dataTypes = {
+	  ARRAY: 'array',
+	  FUNCTION: 'function',
+	  OBJECT: 'object',
+	  NUMBER: 'number',
+	  BOOLEAN: 'boolean',
+	  STRING: 'string'
+	};
+
+	var checkDataType = function checkDataType(temp) {
+	  // eslint-disable-next-line
+	  if ((typeof temp === 'undefined' ? 'undefined' : _typeof$1(temp)) === dataTypes.OBJECT) {
+	    if (Array.isArray(temp)) {
+	      return dataTypes.ARRAY;
+	    }
+
+	    return dataTypes.OBJECT;
+	  }
+
+	  return typeof temp === 'undefined' ? 'undefined' : _typeof$1(temp);
+	};
+
+	function validateSchema() {
+	  var passedProperties = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+	  var schema = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+	  var backendName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+	  var passedPropertiesKeys = Object.keys(passedProperties).filter(function (propertyKey) {
+	    return !!passedProperties[propertyKey];
+	  });
+	  var acceptedProperties = Object.keys(schema);
+	  var requiredProperties = []; // fetch required properties
+
+	  acceptedProperties.forEach(function (propName) {
+	    var currentProperty = schema[propName];
+
+	    if (currentProperty.required) {
+	      requiredProperties.push(propName);
+	    }
+	  }); // check for required properties
+
+	  requiredProperties.forEach(function (requiredProperty) {
+	    if (!passedPropertiesKeys.includes(requiredProperty)) {
+	      throw new Error(requiredProperty + ' is required when using the ' + backendName + ' Search backend.');
+	    }
+	  }); // check for accepted properties
+
+	  passedPropertiesKeys.forEach(function (passedPropertyKey) {
+	    if (!acceptedProperties.includes(passedPropertyKey)) {
+	      throw new Error(passedPropertyKey + ' property isn\'t accepted property by ' + backendName + ' backend.');
+	    }
+
+	    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 + '.');
+	    }
+	  });
+	}
+
+	var mongodb = {
+	  url: {
+	    type: dataTypes.STRING,
+	    required: true
+	  },
+	  app: {
+	    type: dataTypes.STRING,
+	    required: false
+	  },
+	  credentials: {
+	    type: dataTypes.STRING,
+	    required: false
+	  },
+	  enableTelemetry: {
+	    type: dataTypes.BOOLEAN,
+	    required: false
+	  },
+	  mongodb: {
+	    type: dataTypes.OBJECT,
+	    required: true
+	  },
+	  username: {
+	    type: dataTypes.STRING,
+	    required: false
+	  },
+	  password: {
+	    type: dataTypes.STRING,
+	    required: false
+	  }
+	};
+	var elasticsearch = {
+	  url: {
+	    type: dataTypes.STRING,
+	    required: true
+	  },
+	  app: {
+	    type: dataTypes.STRING,
+	    required: true
+	  },
+	  credentials: {
+	    type: dataTypes.STRING,
+	    required: false
+	  },
+	  enableTelemetry: {
+	    type: dataTypes.BOOLEAN,
+	    required: false
+	  },
+	  username: {
+	    type: dataTypes.STRING,
+	    required: false
+	  },
+	  password: {
+	    type: dataTypes.STRING,
+	    required: false
+	  }
+	};
+	var SCHEMA = {
+	  mongodb: mongodb,
+	  elasticsearch: elasticsearch
+	};
 	/**
 	 * Returns an instance of Appbase client
 	 * @param {Object} config To configure properties
@@ -15462,10 +15711,10 @@
 	 * @param {String} config.username
 	 * @param {String} config.password
 	 * @param {Boolean} config.enableTelemetry
+	 * @param {Object} config.mongodb
 	 * A callback function which will be invoked before a fetch request made
 	 */
 
-
 	function AppBase(config) {
 	  var _URL = urlParserLite(config.url || ''),
 	      _URL$auth = _URL.auth,
@@ -15477,30 +15726,42 @@
 	      _URL$protocol = _URL.protocol,
 	      protocol = _URL$protocol === undefined ? '' : _URL$protocol;
 
-	  var url = host + path; // Validate config and throw appropriate error
+	  var url = config.url;
+	  url = host + path; // Parse url
 
-	  if (typeof url !== 'string' || url === '') {
-	    throw new Error('URL not present in options.');
+	  if (url.slice(-1) === '/') {
+	    url = url.slice(0, -1);
 	  }
 
-	  if (typeof config.app !== 'string' || config.app === '') {
-	    throw new Error('App name is not present in options.');
-	  }
+	  var backendName = backendAlias[config.mongodb ? 'MONGODB' : 'ELASTICSEARCH']; // eslint-disable-next-line
+
+	  var schema = SCHEMA[backendName];
+	  validateSchema({
+	    url: config.url,
+	    app: config.app,
+	    credentials: config.credentials,
+	    username: config.username,
+	    password: config.password,
+	    enableTelemetry: config.enableTelemetry,
+	    mongodb: config.mongodb
+	  }, schema, backendName);
 
 	  if (typeof protocol !== 'string' || protocol === '') {
 	    throw new Error('Protocol is not present in url. URL should be of the form https://appbase-demo-ansible-abxiydt-arc.searchbase.io');
-	  } // Parse url
-
-
-	  if (url.slice(-1) === '/') {
-	    url = url.slice(0, -1);
 	  }
 
 	  var credentials = auth || null;
+
+	  if (!config.mongodb) {
+	    if (isAppbase(url) && credentials === null) {
+	      throw new Error('Authentication information is not present. Did you add credentials?');
+	    }
+	  }
 	  /**
 	   * Credentials can be provided as a part of the URL,
 	   * as username, password args or as a credentials argument directly */
 
+
 	  if (typeof config.credentials === 'string' && config.credentials !== '') {
 	    // eslint-disable-next-line
 	    credentials = config.credentials;
@@ -15508,15 +15769,15 @@
 	    credentials = config.username + ':' + config.password;
 	  }
 
-	  if (isAppbase(url) && credentials === null) {
-	    throw new Error('Authentication information is not present. Did you add credentials?');
-	  }
-
 	  this.url = url;
 	  this.protocol = protocol;
 	  this.app = config.app;
 	  this.credentials = credentials;
 
+	  if (config.mongodb) {
+	    this.mongodb = config.mongodb;
+	  }
+
 	  if (typeof config.enableTelemetry === 'boolean') {
 	    this.enableTelemetry = config.enableTelemetry;
 	  }
@@ -15545,7 +15806,9 @@
 	          params = parsedArgs.params,
 	          body = parsedArgs.body,
 	          isRSAPI = parsedArgs.isRSAPI,
-	          isSuggestionsAPI = parsedArgs.isSuggestionsAPI;
+	          isSuggestionsAPI = parsedArgs.isSuggestionsAPI,
+	          _parsedArgs$isMongoRe = parsedArgs.isMongoRequest,
+	          isMongoRequest = _parsedArgs$isMongoRe === undefined ? false : _parsedArgs$isMongoRe;
 	      var app = isSuggestionsAPI ? '.suggestions' : _this.app;
 	      var bodyCopy = body;
 	      var contentType = path.endsWith('msearch') || path.endsWith('bulk') ? 'application/x-ndjson' : 'application/json';
@@ -15596,7 +15859,7 @@
 	        paramsString = '?' + querystring.stringify(params);
 	      }
 
-	      var finalURL = _this.protocol + '://' + _this.url + '/' + app + '/' + path + paramsString;
+	      var finalURL = isMongoRequest ? _this.protocol + '://' + _this.url : _this.protocol + '://' + _this.url + '/' + app + '/' + path + paramsString;
 	      return handleTransformRequest(Object.assign({}, {
 	        url: finalURL
 	      }, requestOptions)).then(function (ts) {
@@ -15605,7 +15868,7 @@
 	        delete transformedRequest.url;
 	        return browserPonyfill$1(url || finalURL, Object.assign({}, transformedRequest, {
 	          // apply timestamp header for RS API
-	          headers: isRSAPI ? Object.assign({}, transformedRequest.headers, {
+	          headers: isRSAPI && !isMongoRequest ? Object.assign({}, transformedRequest.headers, {
 	            'x-timestamp': new Date().getTime()
 	          }) : transformedRequest.headers
 	        })).then(function (res) {
@@ -15633,7 +15896,7 @@
 
 	                if (data) {
 	                  Object.keys(data).forEach(function (key) {
-	                    if (data[key] && Object.prototype.hasOwnProperty.call(data[key], 'error')) {
+	                    if (data[key] && Object.prototype.hasOwnProperty.call(data[key], 'error') && !!data[key].error) {
 	                      errorResponses += 1;
 	                    }
 	                  });
@@ -15970,12 +16233,20 @@
 	    settings: parsedSettings,
 	    query: query
 	  };
+
+	  if (this.mongodb) {
+	    Object.assign(body, {
+	      mongodb: getMongoRequest(this.app, this.mongodb)
+	    });
+	  }
+
 	  return this.performFetchRequest({
 	    method: 'POST',
 	    path: '_reactivesearch',
 	    body: body,
-	    headers: getTelemetryHeaders(this.enableTelemetry),
-	    isRSAPI: true
+	    headers: getTelemetryHeaders(this.enableTelemetry, !this.mongodb),
+	    isRSAPI: true,
+	    isMongoRequest: !!this.mongodb
 	  });
 	}
 	/**
@@ -16002,12 +16273,20 @@
 	    settings: parsedSettings,
 	    query: query
 	  };
+
+	  if (this.mongodb) {
+	    Object.assign(body, {
+	      mongodb: getMongoRequest(this.app, this.mongodb)
+	    });
+	  }
+
 	  return this.performFetchRequest({
 	    method: 'POST',
 	    path: '_reactivesearch.v3',
 	    body: body,
-	    headers: getTelemetryHeaders(this.enableTelemetry),
-	    isRSAPI: true
+	    headers: getTelemetryHeaders(this.enableTelemetry, !this.mongodb),
+	    isRSAPI: true,
+	    isMongoRequest: !!this.mongodb
 	  });
 	}
 	/**
@@ -16045,13 +16324,21 @@
 	    settings: parsedSettings,
 	    query: query
 	  };
+
+	  if (this.mongodb) {
+	    Object.assign(body, {
+	      mongodb: getMongoRequest(this.app, this.mongodb)
+	    });
+	  }
+
 	  return this.performFetchRequest({
 	    method: 'POST',
 	    path: '_reactivesearch.v3',
 	    body: body,
 	    headers: getTelemetryHeaders(this.enableTelemetry),
 	    isRSAPI: true,
-	    isSuggestionsAPI: true
+	    isSuggestionsAPI: true,
+	    isMongoRequest: !!this.mongodb
 	  });
 	}
 
@@ -16511,7 +16798,7 @@
 	    headers: types.headers,
 	    getSearchParams: types.func,
 	    setSearchParams: types.func,
-	    as: types.string.def('div')
+	    as: VueTypes.string.def('div')
 	  },
 	  mounted: function mounted() {
 	    var _this = this;
@@ -16659,7 +16946,9 @@
 	        return value.map(function (item) {
 	          return _this3.getValue(item);
 	        });
-	      } else if (value && typeof value === 'object') {
+	      }
+
+	      if (value && typeof value === 'object') {
 	        // TODO: support for NestedList
 	        if (value.location) return value;
 	        if (value.category) return value;
@@ -16784,7 +17073,7 @@
 	    }
 	  },
 	  props: {
-	    app: types.stringRequired,
+	    app: types.string,
 	    analytics: VueTypes.bool,
 	    analyticsConfig: types.analyticsConfig,
 	    appbaseConfig: types.appbaseConfig,
@@ -16804,7 +17093,8 @@
 	    transformResponse: types.func,
 	    as: VueTypes.string.def('div'),
 	    getSearchParams: types.func,
-	    setSearchParams: types.func
+	    setSearchParams: types.func,
+	    mongodb: types.mongodb
 	  },
 	  provide: function provide() {
 	    return {
@@ -16844,6 +17134,9 @@
 	          this.store.dispatch(analytics_3$1(newVal));
 	        }
 	      }
+	    },
+	    mongodb: function mongodb() {
+	      this.updateState(this.$props);
 	    }
 	  },
 	  computed: {
@@ -16851,12 +17144,13 @@
 	      var _this$$props = this.$props,
 	          enableAppbase = _this$$props.enableAppbase,
 	          headers = _this$$props.headers,
-	          appbaseConfig = _this$$props.appbaseConfig;
+	          appbaseConfig = _this$$props.appbaseConfig,
+	          mongodb = _this$$props.mongodb;
 
 	      var _ref = appbaseConfig || {},
 	          enableTelemetry = _ref.enableTelemetry;
 
-	      return _extends({}, enableAppbase && _extends({
+	      return _extends({}, enableAppbase && !mongodb && _extends({
 	        'X-Search-Client': X_SEARCH_CLIENT
 	      }, enableTelemetry === false && {
 	        'X-Enable-Telemetry': false
@@ -16874,7 +17168,7 @@
 	      var appbaseConfig = _extends({}, props.analyticsConfig, props.appbaseConfig);
 
 	      var config = {
-	        url: props.url && props.url.trim() !== '' ? props.url : 'https://scalr.api.appbase.io',
+	        url: props.url && props.url.trim() !== '' ? props.url : '',
 	        app: props.app,
 	        credentials: credentials,
 	        type: props.type ? props.type : '*',
@@ -16882,7 +17176,8 @@
 	        transformResponse: props.transformResponse,
 	        enableAppbase: props.enableAppbase,
 	        analytics: props.appbaseConfig ? props.appbaseConfig.recordAnalytics : props.analytics,
-	        analyticsConfig: appbaseConfig
+	        analyticsConfig: appbaseConfig,
+	        mongodb: props.mongodb
 	      };
 	      var queryParams = '';
 
@@ -18264,24 +18559,22 @@
 
 	    return __webpack_require__(0);
 	    /******/
-	  }([
-	    /* 0 */
-
-	    /***/
-
-	    /* 1 */
-
-	    /***/
-
-	    /* 2 */
+	  }
+	  /************************************************************************/
 
-	    /***/
+	  /******/
+	  ([
+	  /* 0 */
 
-	    /******/
+	  /***/
 	  function (module, exports, __webpack_require__) {
 	    module.exports = __webpack_require__(1);
 	    /***/
-	  }, function (module, exports, __webpack_require__) {
+	  },
+	  /* 1 */
+
+	  /***/
+	  function (module, exports, __webpack_require__) {
 
 	    Object.defineProperty(exports, "__esModule", {
 	      value: true
@@ -18314,7 +18607,11 @@
 	      }
 	    });
 	    /***/
-	  }, function (module, exports) {
+	  },
+	  /* 2 */
+
+	  /***/
+	  function (module, exports) {
 
 	    Object.defineProperty(exports, "__esModule", {
 	      value: true
@@ -18483,7 +18780,9 @@
 	    }
 	    /***/
 
-	  }]);
+	  }
+	  /******/
+	  ]);
 	});
 	unwrapExports(dist);
 	var dist_1 = dist.findAll;
@@ -19213,8 +19512,8 @@
 	  name: 'Mic',
 	  props: {
 	    children: types.title,
-	    lang: types.string.def('en-US'),
-	    iconPosition: types.string.def('left'),
+	    lang: VueTypes.string.def('en-US'),
+	    iconPosition: VueTypes.string.def('left'),
 	    handleResult: types.func,
 	    onNoMatch: types.func,
 	    onError: types.func,
@@ -19626,10 +19925,10 @@
 	    })]),
 	    aggregationField: types.string,
 	    aggregationSize: VueTypes.number,
-	    size: VueTypes.number.def(10),
+	    size: VueTypes.number,
 	    debounce: VueTypes.number.def(0),
 	    defaultValue: types.string,
-	    excludeFields: types.excludeFields.def([]),
+	    excludeFields: types.excludeFields,
 	    value: types.value,
 	    defaultSuggestions: types.suggestions,
 	    enableSynonyms: VueTypes.bool.def(true),
@@ -19643,9 +19942,9 @@
 	    highlightField: types.stringOrArray,
 	    icon: types.children,
 	    iconPosition: VueTypes.oneOf(['left', 'right']).def('left'),
-	    includeFields: types.includeFields.def(['*']),
+	    includeFields: types.includeFields,
 	    innerClass: types.style,
-	    innerRef: types.string.def('searchInputField'),
+	    innerRef: VueTypes.string.def('searchInputField'),
 	    render: types.func,
 	    renderQuerySuggestions: types.func,
 	    renderPopularSuggestions: types.func,
@@ -19677,7 +19976,7 @@
 	    focusShortcuts: VueTypes.arrayOf(VueTypes.oneOfType([VueTypes.string, VueTypes.number])).def(['/']),
 	    addonBefore: VueTypes.any,
 	    addonAfter: VueTypes.any,
-	    expandSuggestionsContainer: types.bool.def(true),
+	    expandSuggestionsContainer: VueTypes.bool.def(true),
 	    index: VueTypes.string
 	  },
 	  beforeMount: function beforeMount() {
@@ -20338,7 +20637,7 @@
 	              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).map(function (item, index) {
+	            }, [_this3.suggestionsList.slice(0, size || 10).map(function (item, index) {
 	              return h("li", {
 	                "domProps": _extends({}, getItemProps({
 	                  item: item
@@ -20817,7 +21116,7 @@
 	  name: 'SingleList',
 	  props: {
 	    beforeValueChange: types.func,
-	    className: types.string.def(''),
+	    className: VueTypes.string.def(''),
 	    componentId: types.stringRequired,
 	    customQuery: types.func,
 	    dataField: types.stringRequired,
@@ -20837,7 +21136,7 @@
 	    showFilter: VueTypes.bool.def(true),
 	    showRadio: VueTypes.bool.def(true),
 	    showSearch: VueTypes.bool.def(true),
-	    size: VueTypes.number.def(100),
+	    size: VueTypes.number,
 	    sortBy: VueTypes.oneOf(['asc', 'desc', 'count']).def('count'),
 	    title: types.title,
 	    URLParams: VueTypes.bool.def(false),
@@ -20951,7 +21250,7 @@
 	    var filteredItemsToRender = itemsToRender.filter(function (item) {
 	      if (String(item.key).length) {
 	        if (_this.$props.showSearch && _this.$data.searchTerm) {
-	          return String(item.key).toLowerCase().includes(_this.$data.searchTerm.toLowerCase());
+	          return suggestions_1(String(item.key)).toLowerCase().includes(suggestions_1(_this.$data.searchTerm.toLowerCase()));
 	        }
 
 	        return true;
@@ -21298,7 +21597,7 @@
 	    queryFormat: VueTypes.oneOf(['and', 'or']).def('or'),
 	    showCheckbox: VueTypes.bool.def(true),
 	    beforeValueChange: types.func,
-	    className: types.string.def(''),
+	    className: VueTypes.string.def(''),
 	    componentId: types.stringRequired,
 	    customQuery: types.func,
 	    dataField: types.stringRequired,
@@ -21445,7 +21744,7 @@
 	    var filteredItemsToRender = itemsToRender.filter(function (item) {
 	      if (String(item.key).length) {
 	        if (_this2.$props.showSearch && _this2.$data.searchTerm) {
-	          return String(item.key).toLowerCase().includes(_this2.$data.searchTerm.toLowerCase());
+	          return suggestions_1(String(item.key)).toLowerCase().includes(suggestions_1(_this2.$data.searchTerm).toLowerCase());
 	        }
 
 	        return true;
@@ -21947,7 +22246,7 @@
 	    var filteredItemsToRender = itemsToRender.filter(function (item) {
 	      if (String(item[labelField]).length) {
 	        if (_this.$props.showSearch && _this.$data.searchTerm) {
-	          return String(item[labelField]).toLowerCase().includes(_this.$data.searchTerm.toLowerCase());
+	          return suggestions_1(String(item[labelField])).toLowerCase().includes(suggestions_1(_this.$data.searchTerm.toLowerCase()));
 	        }
 
 	        return true;
@@ -22011,7 +22310,8 @@
 	            }
 	          }) : null, !hasCustomRenderer && filteredItemsToRender.length === 0 ? _this.renderNoResult() : filteredItemsToRender.map(function (item, index) {
 	            var selected = _this.$props.multi // MultiDropdownList
-	            && (selectedItem && !!selectedItem[item[keyField]] || Array.isArray(selectedItem) && selectedItem.find(function (value) {
+	            && (selectedItem && !!selectedItem[item[keyField]] // MultiDropdownRange
+	            || Array.isArray(selectedItem) && selectedItem.find(function (value) {
 	              return value[labelField] === item[labelField];
 	            }));
 	            if (!_this.$props.multi) selected = item.key === selectedItem;
@@ -22299,7 +22599,9 @@
 	    if (!this.hasCustomRenderer && this.$data.modifiedOptions.length === 0 && !this.isLoading) {
 	      if (renderNoResults && isFunction$1(renderNoResults)) {
 	        return h("div", [renderNoResults()]);
-	      } else if (renderNoResults && !isFunction$1(renderNoResults)) {
+	      }
+
+	      if (renderNoResults && !isFunction$1(renderNoResults)) {
 	        return renderNoResults;
 	      }
 
@@ -23145,7 +23447,7 @@
 	    componentId: types.stringRequired,
 	    data: types.data,
 	    dataField: types.stringRequired,
-	    defaultValue: types.stringOrArray,
+	    defaultValue: types.any,
 	    value: types.stringOrArray,
 	    filterLabel: types.string,
 	    nestedField: types.string,
@@ -23498,7 +23800,7 @@
 	    this.internalComponent = null;
 	    this.$defaultQuery = null; // Set custom query in store
 
-	    updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, undefined);
+	    updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.selectedValue);
 	    var customQuery = props.customQuery,
 	        componentId = props.componentId,
 	        filterLabel = props.filterLabel,
@@ -23521,7 +23823,7 @@
 	    }
 
 	    if (customQuery) {
-	      var calcCustomQuery = customQuery(props);
+	      var calcCustomQuery = customQuery(this.selectedValue, props);
 
 	      var _ref = calcCustomQuery || {},
 	          query = _ref.query;
@@ -23540,7 +23842,7 @@
 
 	      this.updateQuery({
 	        componentId: componentId,
-	        queryToSet: queryToSet,
+	        query: queryToSet,
 	        value: this.selectedValue || null,
 	        label: filterLabel,
 	        showFilter: showFilter,
@@ -23591,8 +23893,8 @@
 	  },
 	  beforeMount: function beforeMount() {
 	    if (this.internalComponent && this.$props.defaultQuery) {
-	      updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, undefined);
-	      this.$defaultQuery = this.$props.defaultQuery();
+	      updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, this.selectedValue);
+	      this.$defaultQuery = this.$props.defaultQuery(this.selectedValue, this.$props);
 
 	      var _ref3 = this.$defaultQuery || {},
 	          query = _ref3.query,
@@ -23656,8 +23958,8 @@
 	      }
 	    },
 	    defaultQuery: function defaultQuery(newVal, oldVal) {
-	      if (newVal && !isQueryIdentical(newVal, oldVal, undefined, this.$props)) {
-	        this.$defaultQuery = newVal();
+	      if (newVal && !isQueryIdentical(newVal, oldVal, this.selectedValue, this.$props)) {
+	        this.$defaultQuery = newVal(this.selectedValue, this.$props);
 
 	        var _ref4 = this.$defaultQuery || {},
 	            query = _ref4.query,
@@ -23668,7 +23970,7 @@
 	        } else this.setQueryOptions(this.internalComponent, this.getAggsQuery(), false); // Update default query for RS API
 
 
-	        updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, undefined);
+	        updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, this.selectedValue);
 	        var queryToSet = query || null;
 
 	        if (!queryToSet && this.$defaultQuery && this.$defaultQuery.id) {
@@ -23682,9 +23984,9 @@
 	      }
 	    },
 	    customQuery: function customQuery(newVal, oldVal) {
-	      if (newVal && !isQueryIdentical(newVal, oldVal, undefined, this.$props)) {
+	      if (newVal && !isQueryIdentical(newVal, oldVal, this.selectedValue, this.$props)) {
 	        var componentId = this.$props.componentId;
-	        this.$customQuery = newVal(this.$props);
+	        this.$customQuery = newVal(this.selectedValue, this.$props);
 
 	        var _ref5 = this.$customQuery || {},
 	            query = _ref5.query,
@@ -23695,7 +23997,7 @@
 	        } else this.setQueryOptions(componentId, this.getAggsQuery(), false); // Update custom query for RS API
 
 
-	        updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, undefined);
+	        updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.selectedValue);
 	        var queryToSet = query || null;
 
 	        if (this.$customQuery && this.$customQuery.id) {
@@ -32555,6 +32857,7 @@
 	    var orderOfQueries = [];
 	    var hits = {};
 	    var aggregations = {};
+	    var compositeAggregations = {};
 	    var state = {};
 	    var customQueries = {};
 	    var defaultQueries = {};
@@ -32569,16 +32872,7 @@
 	          compProps[key] = component[key];
 	        }
 	      });
-	      var isInternalComponentPresent = false; // Set custom and default queries
-
-	      if (component.customQuery && typeof component.customQuery === 'function') {
-	        customQueries[component.componentId] = component.customQuery(component.value, compProps);
-	      }
-
-	      if (component.defaultQuery && typeof component.defaultQuery === 'function') {
-	        defaultQueries[component.componentId] = component.defaultQuery(component.value, compProps);
-	      }
-
+	      var isInternalComponentPresent = false;
 	      var isResultComponent = resultComponents.includes(componentType);
 	      var internalComponent = component.componentId + "__internal";
 	      var label = component.filterLabel || component.componentId;
@@ -32602,7 +32896,16 @@
 	        reference: reference,
 	        showFilter: showFilter,
 	        URLParams: component.URLParams || false
-	      }); // [2] set query options - main component query (valid for result components)
+	      }); // Set custom and default queries
+
+	      if (component.customQuery && typeof component.customQuery === 'function') {
+	        customQueries[component.componentId] = component.customQuery(value, compProps);
+	      }
+
+	      if (component.defaultQuery && typeof component.defaultQuery === 'function') {
+	        defaultQueries[component.componentId] = component.defaultQuery(value, compProps);
+	      } // [2] set query options - main component query (valid for result components)
+
 
 	      if (componentsWithOptions.includes(componentType)) {
 	        var options = component.source.generateQueryOptions ? component.source.generateQueryOptions(component) : null;
@@ -32689,7 +32992,7 @@
 
 
 	      if (isResultComponent) {
-	        var _getQuery = getQuery(component, null, componentType),
+	        var _getQuery = getQuery(component, value, componentType),
 	            query = _getQuery.query;
 
 	        queryList = queryReducer(queryList, {
@@ -32789,6 +33092,11 @@
 	              var _extends4;
 
 	              aggregations = _extends({}, aggregations, (_extends4 = {}, _extends4[component] = response.aggregations, _extends4));
+	              compositeAggregations = compositeAggsReducer(compositeAggregations, {
+	                type: constants_9,
+	                aggregations: response.aggregations,
+	                append: false
+	              });
 	            }
 
 	            hits = _extends({}, hits, (_extends5 = {}, _extends5[component] = {
@@ -32815,6 +33123,8 @@
 	      var promotedResults = {};
 	      var rawData = {};
 	      var customData = {};
+	      var settingsResponse = {};
+	      var timestamp = {};
 	      var allPromises = orderOfQueries.map(function (component) {
 	        return new Promise(function (responseResolve, responseReject) {
 	          handleTransformResponse(res[component], component).then(function (response) {
@@ -32833,6 +33143,11 @@
 
 	              if (response.customData) {
 	                customData[component] = response.customData;
+	              } // Update settings
+
+
+	              if (response.settings) {
+	                settingsResponse[component] = response.settings;
 	              }
 
 	              if (response.aggregations) {
@@ -32841,6 +33156,7 @@
 	                aggregations = _extends({}, aggregations, (_extends6 = {}, _extends6[component] = response.aggregations, _extends6));
 	              }
 
+	              timestamp[component] = res._timestamp;
 	              hits = _extends({}, hits, (_extends7 = {}, _extends7[component] = {
 	                hits: response.hits.hits,
 	                total: typeof response.hits.total === 'object' ? response.hits.total.value : response.hits.total,
@@ -32856,8 +33172,11 @@
 	      Promise.all(allPromises).then(function () {
 	        state = _extends({}, state, {
 	          hits: hits,
+	          timestamp: timestamp,
 	          aggregations: aggregations,
+	          compositeAggregations: compositeAggregations,
 	          promotedResults: promotedResults,
+	          settings: settingsResponse,
 	          customData: customData,
 	          rawData: rawData
 	        });
@@ -32916,7 +33235,7 @@
 	  });
 	}
 
-	var version = "1.16.0-alpha.24";
+	var version = "1.16.0-alpha.28";
 
 	var _templateObject$o, _templateObject2$b;