@appbaseio/reactivesearch-vue 1.16.0-alpha.3 → 1.16.0-alpha.30

package/dist/cjs/initReactivesearch.js

@@ -4,38 +4,49 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-280a574c.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4abdbfff.js');
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
-var transform = require('@appbaseio/reactivecore/lib/utils/transform');
 var helper = require('@appbaseio/reactivecore/lib/utils/helper');
+var transform = require('@appbaseio/reactivecore/lib/utils/transform');
 var Appbase = _interopDefault(require('appbase-js'));
 var valueReducer = _interopDefault(require('@appbaseio/reactivecore/lib/reducers/valueReducer'));
 var queryReducer = _interopDefault(require('@appbaseio/reactivecore/lib/reducers/queryReducer'));
 var queryOptionsReducer = _interopDefault(require('@appbaseio/reactivecore/lib/reducers/queryOptionsReducer'));
+var compositeAggsReducer = _interopDefault(require('@appbaseio/reactivecore/lib/reducers/compositeAggsReducer'));
+var constants$1 = require('@appbaseio/reactivecore/lib/constants');
 var dependencyTreeReducer = _interopDefault(require('@appbaseio/reactivecore/lib/reducers/dependencyTreeReducer'));
 var fetchGraphQL = _interopDefault(require('@appbaseio/reactivecore/lib/utils/graphQL'));
 var utils = require('@appbaseio/reactivecore/lib/actions/utils');
 
+var _excluded = ["aggs", "size"];
+var X_SEARCH_CLIENT = 'ReactiveSearch Vue';
 var componentsWithHighlightQuery = [constants.componentTypes.dataSearch, constants.componentTypes.categorySearch];
 var componentsWithOptions = [constants.componentTypes.reactiveList, constants.componentTypes.reactiveMap, constants.componentTypes.singleList, constants.componentTypes.multiList, constants.componentTypes.tagCloud].concat(componentsWithHighlightQuery);
 var componentsWithoutFilters = [constants.componentTypes.numberBox, constants.componentTypes.ratingsFilter];
 var resultComponents = [constants.componentTypes.reactiveList, constants.componentTypes.reactiveMap];
 
 function getValue(state, id, defaultValue) {
-  if (!state) return defaultValue;
-
-  if (state[id]) {
+  if (state && state[id]) {
     try {
       // parsing for next.js - since it uses extra set of quotes to wrap params
       var parsedValue = JSON.parse(state[id]);
-      return parsedValue;
+      return {
+        value: parsedValue,
+        reference: 'URL'
+      };
     } catch (error) {
       // using react-dom-server for ssr
-      return state[id] || defaultValue;
+      return {
+        value: state[id],
+        reference: 'URL'
+      };
     }
   }
 
-  return defaultValue;
+  return {
+    value: defaultValue,
+    reference: 'DEFAULT'
+  };
 }
 
 function parseValue(value, component) {
@@ -66,6 +77,14 @@ function getQuery(component, value, componentType) {
 function initReactivesearch(componentCollection, searchState, settings) {
   return new Promise(function (resolve, reject) {
     var credentials = settings.url && settings.url.trim() !== '' && !settings.credentials ? null : settings.credentials;
+    var enableTelemetry = settings.appbaseConfig && settings.appbaseConfig.enableTelemetry !== undefined ? settings.appbaseConfig.enableTelemetry : true;
+
+    var headers = _rollupPluginBabelHelpers._extends({}, settings.enableAppbase && _rollupPluginBabelHelpers._extends({
+      'X-Search-Client': X_SEARCH_CLIENT
+    }, enableTelemetry === false && {
+      'X-Enable-Telemetry': false
+    }), settings.headers);
+
     var config = {
       url: settings.url && settings.url.trim() !== '' ? settings.url : 'https://scalr.api.appbase.io',
       app: settings.app,
@@ -74,7 +93,7 @@ function initReactivesearch(componentCollection, searchState, settings) {
       type: settings.type ? settings.type : '*',
       transformResponse: settings.transformResponse || null,
       graphQLUrl: settings.graphQLUrl || '',
-      headers: settings.headers || {},
+      headers: headers,
       analyticsConfig: settings.appbaseConfig || null
     };
     var appbaseRef = Appbase(config);
@@ -91,6 +110,7 @@ function initReactivesearch(componentCollection, searchState, settings) {
     var orderOfQueries = [];
     var hits = {};
     var aggregations = {};
+    var compositeAggregations = {};
     var state = {};
     var customQueries = {};
     var defaultQueries = {};
@@ -105,20 +125,15 @@ function initReactivesearch(componentCollection, searchState, settings) {
           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;
-      var value = getValue(searchState, component.componentId, component.value || component.defaultValue); // [1] set selected values
+
+      var _getValue = getValue(searchState, component.componentId, component.value || component.defaultValue),
+          value = _getValue.value,
+          reference = _getValue.reference; // [1] set selected values
+
 
       var showFilter = component.showFilter !== undefined ? component.showFilter : true;
 
@@ -131,9 +146,19 @@ function initReactivesearch(componentCollection, searchState, settings) {
         component: component.componentId,
         label: label,
         value: value,
+        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;
@@ -148,7 +173,7 @@ function initReactivesearch(componentCollection, searchState, settings) {
           var _ref = options || {},
               aggs = _ref.aggs,
               size = _ref.size,
-              otherQueryOptions = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_ref, ["aggs", "size"]);
+              otherQueryOptions = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_ref, _excluded);
 
           if (aggs && Object.keys(aggs).length) {
             isInternalComponentPresent = true; // query should be applied on the internal component
@@ -169,12 +194,12 @@ function initReactivesearch(componentCollection, searchState, settings) {
             if (!otherQueryOptions) otherQueryOptions = {};
             if (!highlightQuery) highlightQuery = {};
 
-            var mainQueryOptions = _rollupPluginBabelHelpers._extends(_rollupPluginBabelHelpers._extends(_rollupPluginBabelHelpers._extends({}, otherQueryOptions), highlightQuery), {}, {
+            var mainQueryOptions = _rollupPluginBabelHelpers._extends({}, otherQueryOptions, highlightQuery, {
               size: size
             });
 
             if (isInternalComponentPresent) {
-              mainQueryOptions = _rollupPluginBabelHelpers._extends(_rollupPluginBabelHelpers._extends({}, otherQueryOptions), highlightQuery);
+              mainQueryOptions = _rollupPluginBabelHelpers._extends({}, otherQueryOptions, highlightQuery);
             }
 
             if (isResultComponent) {
@@ -188,7 +213,7 @@ function initReactivesearch(componentCollection, searchState, settings) {
               var from = currentPage * resultSize; // Update props for RS API
 
               compProps.from = from;
-              mainQueryOptions = _rollupPluginBabelHelpers._extends(_rollupPluginBabelHelpers._extends(_rollupPluginBabelHelpers._extends({}, mainQueryOptions), highlightQuery), {}, {
+              mainQueryOptions = _rollupPluginBabelHelpers._extends({}, mainQueryOptions, highlightQuery, {
                 size: resultSize,
                 from: from
               });
@@ -220,7 +245,7 @@ function initReactivesearch(componentCollection, searchState, settings) {
 
 
       if (isResultComponent) {
-        var _getQuery = getQuery(component, null, componentType),
+        var _getQuery = getQuery(component, value, componentType),
             query = _getQuery.query;
 
         queryList = queryReducer(queryList, {
@@ -273,11 +298,11 @@ function initReactivesearch(componentCollection, searchState, settings) {
 
         orderOfQueries = [].concat(orderOfQueries, [component.componentId]);
 
-        var currentQuery = _rollupPluginBabelHelpers._extends(_rollupPluginBabelHelpers._extends({
+        var currentQuery = _rollupPluginBabelHelpers._extends({
           query: _rollupPluginBabelHelpers._extends({}, queryObj)
-        }, options), queryOptions[component.componentId]);
+        }, options, queryOptions[component.componentId]);
 
-        queryLog = _rollupPluginBabelHelpers._extends(_rollupPluginBabelHelpers._extends({}, queryLog), {}, (_extends2 = {}, _extends2[component.componentId] = currentQuery, _extends2));
+        queryLog = _rollupPluginBabelHelpers._extends({}, queryLog, (_extends2 = {}, _extends2[component.componentId] = currentQuery, _extends2));
 
         if (settings.enableAppbase) {
           var query = transform.getRSQuery(component.componentId, transform.extractPropsFromState(state, component.componentId, queryOptions && queryOptions[component.componentId] ? {
@@ -288,11 +313,12 @@ function initReactivesearch(componentCollection, searchState, settings) {
             var _extends3;
 
             // Apply dependent queries
-            appbaseQuery = _rollupPluginBabelHelpers._extends(_rollupPluginBabelHelpers._extends(_rollupPluginBabelHelpers._extends({}, appbaseQuery), (_extends3 = {}, _extends3[component.componentId] = query, _extends3)), transform.getDependentQueries(state, component.componentId, orderOfQueries));
+            appbaseQuery = _rollupPluginBabelHelpers._extends({}, appbaseQuery, (_extends3 = {}, _extends3[component.componentId] = query, _extends3), transform.getDependentQueries(state, component.componentId, orderOfQueries));
           }
         } else {
+          var preference = config && config.analyticsConfig && config.analyticsConfig.userId ? config.analyticsConfig.userId + "_" + component : component;
           finalQuery = [].concat(finalQuery, [{
-            preference: component.componentId
+            preference: preference
           }, currentQuery]);
         }
       }
@@ -318,10 +344,15 @@ function initReactivesearch(componentCollection, searchState, settings) {
             if (response.aggregations) {
               var _extends4;
 
-              aggregations = _rollupPluginBabelHelpers._extends(_rollupPluginBabelHelpers._extends({}, aggregations), {}, (_extends4 = {}, _extends4[component] = response.aggregations, _extends4));
+              aggregations = _rollupPluginBabelHelpers._extends({}, aggregations, (_extends4 = {}, _extends4[component] = response.aggregations, _extends4));
+              compositeAggregations = compositeAggsReducer(compositeAggregations, {
+                type: constants$1.UPDATE_COMPOSITE_AGGS,
+                aggregations: response.aggregations,
+                append: false
+              });
             }
 
-            hits = _rollupPluginBabelHelpers._extends(_rollupPluginBabelHelpers._extends({}, hits), {}, (_extends5 = {}, _extends5[component] = {
+            hits = _rollupPluginBabelHelpers._extends({}, hits, (_extends5 = {}, _extends5[component] = {
               hits: response.hits.hits,
               total: typeof response.hits.total === 'object' ? response.hits.total.value : response.hits.total,
               time: response.took
@@ -333,7 +364,7 @@ function initReactivesearch(componentCollection, searchState, settings) {
         });
       });
       Promise.all(allPromises).then(function () {
-        state = _rollupPluginBabelHelpers._extends(_rollupPluginBabelHelpers._extends({}, state), {}, {
+        state = _rollupPluginBabelHelpers._extends({}, state, {
           hits: hits,
           aggregations: aggregations
         });
@@ -345,6 +376,8 @@ function initReactivesearch(componentCollection, searchState, settings) {
       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) {
@@ -353,7 +386,7 @@ function initReactivesearch(componentCollection, searchState, settings) {
 
               if (response.promoted) {
                 promotedResults[component] = response.promoted.map(function (promoted) {
-                  return _rollupPluginBabelHelpers._extends(_rollupPluginBabelHelpers._extends({}, promoted.doc), {}, {
+                  return _rollupPluginBabelHelpers._extends({}, promoted.doc, {
                     _position: promoted.position
                   });
                 });
@@ -363,15 +396,21 @@ function initReactivesearch(componentCollection, searchState, settings) {
 
               if (response.customData) {
                 customData[component] = response.customData;
+              } // Update settings
+
+
+              if (response.settings) {
+                settingsResponse[component] = response.settings;
               }
 
               if (response.aggregations) {
                 var _extends6;
 
-                aggregations = _rollupPluginBabelHelpers._extends(_rollupPluginBabelHelpers._extends({}, aggregations), {}, (_extends6 = {}, _extends6[component] = response.aggregations, _extends6));
+                aggregations = _rollupPluginBabelHelpers._extends({}, aggregations, (_extends6 = {}, _extends6[component] = response.aggregations, _extends6));
               }
 
-              hits = _rollupPluginBabelHelpers._extends(_rollupPluginBabelHelpers._extends({}, hits), {}, (_extends7 = {}, _extends7[component] = {
+              timestamp[component] = res._timestamp;
+              hits = _rollupPluginBabelHelpers._extends({}, hits, (_extends7 = {}, _extends7[component] = {
                 hits: response.hits.hits,
                 total: typeof response.hits.total === 'object' ? response.hits.total.value : response.hits.total,
                 time: response.took
@@ -384,10 +423,13 @@ function initReactivesearch(componentCollection, searchState, settings) {
         });
       });
       Promise.all(allPromises).then(function () {
-        state = _rollupPluginBabelHelpers._extends(_rollupPluginBabelHelpers._extends({}, state), {}, {
+        state = _rollupPluginBabelHelpers._extends({}, state, {
           hits: hits,
+          timestamp: timestamp,
           aggregations: aggregations,
+          compositeAggregations: compositeAggregations,
           promotedResults: promotedResults,
+          settings: settingsResponse,
           customData: customData,
           rawData: rawData
         });

package/dist/cjs/install.js

@@ -3,41 +3,43 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('@appbaseio/reactivecore');
-require('./_rollupPluginBabelHelpers-280a574c.js');
+require('./_rollupPluginBabelHelpers-4abdbfff.js');
 require('vue-types');
 require('@appbaseio/reactivecore/lib/utils/constants');
+require('@appbaseio/reactivecore/lib/utils/helper');
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
-require('./Button-78d8bc26.js');
-require('./vueTypes-c21f265b.js');
-require('./Pagination-91df3b77.js');
+require('./Button-d2f1aeda.js');
+require('./vueTypes-6de9d2a9.js');
+require('./Pagination-1b2320a7.js');
 var ReactiveList = require('./ReactiveList.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-require('./index-e0583d76.js');
-require('./ComponentWrapper-5a0a8849.js');
+require('./index-2a8358cd.js');
+require('./ComponentWrapper-ab813390.js');
 require('@vue/babel-helper-vue-jsx-merge-props');
-require('./Title-e9beb554.js');
-require('./ListItem-0c58c5d2.js');
-require('./Card-b4af314f.js');
-require('./Flex-737c55be.js');
-require('@appbaseio/reactivecore/lib/utils/helper');
+require('./Title-39765ee6.js');
+require('./ListItem-933c27e4.js');
+require('./Card-4b915733.js');
+require('./Flex-699639d2.js');
 require('@appbaseio/reactivecore/lib/actions/analytics');
 require('appbase-js');
 require('url-search-params-polyfill');
 var ReactiveBase = require('./ReactiveBase.js');
-require('./Input-643d02a7.js');
+require('hotkeys-js');
 var DataSearch = require('./DataSearch.js');
+require('./CancelSvg-82021d23.js');
+require('./Input-c6f181d5.js');
 require('compute-scroll-into-view');
-require('./DownShift-b09da079.js');
-require('./Container-f84e72fc.js');
+require('./Container-8a08d663.js');
 require('vue-highlight-words');
-require('./FormControlList-08dfb28e.js');
-require('./utils-d1ea9f95.js');
+require('@appbaseio/reactivecore/lib/utils/suggestions');
+require('./FormControlList-73497794.js');
+require('./utils-23afb20b.js');
 var SingleList = require('./SingleList.js');
 var MultiList = require('./MultiList.js');
-require('./DropDown-c66be1a8.js');
+require('./DropDown-0359da33.js');
 var SingleDropdownList = require('./SingleDropdownList.js');
 var MultiDropdownList = require('./MultiDropdownList.js');
 var ToggleButton = require('./ToggleButton.js');
@@ -48,7 +50,7 @@ var MultiRange = require('./MultiRange.js');
 var ResultCard = require('./ResultCard.js');
 var ResultList = require('./ResultList.js');
 require('vue-no-ssr');
-require('./ssr-b7a729f9.js');
+require('./ssr-c333c82c.js');
 var RangeSlider = require('./RangeSlider.js');
 var DynamicRangeSlider = require('./DynamicRangeSlider.js');
 var StateProvider = require('./StateProvider.js');

package/dist/cjs/ssr-c333c82c.js

@@ -0,0 +1,39 @@
+'use strict';
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4abdbfff.js');
+var styled = require('@appbaseio/vue-emotion');
+var styled__default = _interopDefault(styled);
+var NoSSR = _interopDefault(require('vue-no-ssr'));
+
+var _templateObject;
+var Slider = styled__default('div')(_templateObject || (_templateObject = _rollupPluginBabelHelpers._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.
+ * Any change may break the umd build, we're directly replacing the line no: 14
+ * `components['vue-slider-component'] = require('vue-slider-component');` in rollup umd build process with some script.
+ */
+// eslint-disable-next-line
+
+var getComponents = function getComponents() {
+  var components = {
+    NoSSR: NoSSR
+  };
+
+  if (process.browser) {
+    try {
+      // in older versions of nuxt, it's process.BROWSER_BUILD
+      // eslint-disable-next-line
+      components['vue-slider-component'] = require('vue-slider-component');
+    } catch (e) {
+      console.error('Unable to load vue-slider', e);
+    }
+  }
+
+  return components;
+};
+
+exports.Slider = Slider;
+exports.getComponents = getComponents;

package/dist/cjs/{utils-d1ea9f95.js → utils-23afb20b.js}

@@ -4,7 +4,7 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-280a574c.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4abdbfff.js');
 
 var getAggsOrder = configureStore.helper.getAggsOrder;
 
@@ -60,7 +60,7 @@ var getAggsQuery = function getAggsQuery(query, props) {
     };
   }
 
-  return _rollupPluginBabelHelpers._extends(_rollupPluginBabelHelpers._extends({}, clonedQuery), extractQuery(props));
+  return _rollupPluginBabelHelpers._extends({}, clonedQuery, extractQuery(props));
 };
 
 exports.getAggsQuery = getAggsQuery;

package/dist/cjs/version.js

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "1.16.0-alpha.3";
+var version = "1.16.0-alpha.30";
 
 exports.default = version;

package/dist/cjs/{vueTypes-c21f265b.js → vueTypes-6de9d2a9.js}

@@ -110,20 +110,25 @@ var types = {
   unit: VueTypes.oneOf(['mi', 'miles', 'yd', 'yards', 'ft', 'feet', 'in', 'inch', 'km', 'kilometers', 'm', 'meters', 'cm', 'centimeters', 'mm', 'millimeters', 'NM', 'nmi', 'nauticalmiles']),
   value: VueTypes.string.def(undefined),
   analyticsConfig: VueTypes.shape({
-    searchStateHeader: VueTypes.bool,
     emptyQuery: VueTypes.bool,
     suggestionAnalytics: VueTypes.bool,
     userId: VueTypes.string,
     customEvents: VueTypes.object
   }),
   appbaseConfig: VueTypes.shape({
-    enableQueryRules: VueTypes.bool,
     recordAnalytics: VueTypes.bool,
-    searchStateHeader: VueTypes.bool,
     emptyQuery: VueTypes.bool,
     suggestionAnalytics: VueTypes.bool,
+    enableQueryRules: VueTypes.bool,
+    enableSearchRelevancy: VueTypes.bool,
     userId: VueTypes.string,
-    customEvents: VueTypes.object
+    useCache: VueTypes.bool,
+    customEvents: VueTypes.object,
+    enableTelemetry: VueTypes.bool.def(true)
+  }).def({}),
+  mongodb: VueTypes.shape({
+    db: VueTypes.string,
+    collection: VueTypes.string
   })
 };
 

package/dist/es/Button-799185e2.js

@@ -0,0 +1,59 @@
+import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-ecf6c03c.js';
+import { css } from 'emotion';
+import styled from '@appbaseio/vue-emotion';
+import { darken, rgba, lighten } from 'polished';
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+
+var filters = function filters(_ref) {
+  var borderColor = _ref.colors.borderColor;
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n\tmargin: 0 -3px;\n\tmax-width: 100%;\n\n\ta {\n\t\tmargin: 2px 3px;\n\t\tpadding: 5px 8px;\n\t\tfont-size: 0.85rem;\n\t\tposition: relative;\n\n\t\tspan:first-child {\n\t\t\tmax-width: 260px;\n\t\t\twhite-space: nowrap;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\tmargin-right: 26px;\n\t\t}\n\n\t\tspan:last-child {\n\t\t\tdisplay: flex;\n\t\t\theight: 100%;\n\t\t\ttop: 0;\n\t\t\tright: 8px;\n\t\t\tposition: absolute;\n\t\t\talign-items: center;\n\t\t\tborder-left: 1px solid ", ";\n\t\t\tpadding-left: 8px;\n\t\t\tmargin-left: 8px;\n\t\t}\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tspan:first-child {\n\t\t\t\ttext-decoration: line-through;\n\t\t\t}\n\t\t}\n\t}\n"])), borderColor || '#fff');
+};
+
+var pagination = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n\tmargin: 10px -3px;\n\tmax-width: 100%;\n\ttext-align: center;\n\n\ta {\n\t\tmargin: 0 3px;\n\t}\n"])));
+var toggleButtons = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n\tmargin: 0 -3px;\n\tmax-width: 100%;\n\n\ta {\n\t\tmargin: 3px 3px;\n\t}\n"])));
+var numberBoxContainer = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n\tmargin: 0 -5px;\n\ta {\n\t\tmargin: 5px;\n\t}\n\tspan {\n\t\tmargin: 0 5px;\n\t}\n"])));
+
+var primary = function primary(_ref2) {
+  var theme = _ref2.theme;
+  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n\tbackground-color: ", ";\n\tcolor: ", ";\n\n\t&:hover,\n\t&:focus {\n\t\tbackground-color: ", ";\n\t}\n"])), theme.colors.primaryColor, theme.colors.primaryTextColor, darken(0.1, theme.colors.primaryColor));
+};
+
+var large = function large() {
+  return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n\tmin-height: 40px;\n\tpadding: 10px 20px;\n"])));
+};
+
+var disabled = function disabled(_ref3) {
+  var theme = _ref3.theme;
+  return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n\tbackground-color: ", ";\n\tcolor: #ccc;\n\tcursor: not-allowed;\n\n\t&:hover,\n\t&:focus {\n\t\tbackground-color: ", ";\n\t}\n"])), theme.colors.backgroundColor ? lighten(0.1, theme.colors.backgroundColor) : '#fafafa', theme.colors.backgroundColor ? lighten(0.2, theme.colors.backgroundColor) : '#fafafa');
+};
+
+var Button = styled('a')(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n\tdisplay: inline-flex;\n\tjustify-content: center;\n\talign-items: center;\n\tborder-radius: 3px;\n\tborder: 1px solid transparent;\n\tmin-height: 30px;\n\tword-wrap: break-word;\n\tpadding: 5px 12px;\n\tline-height: 1.2rem;\n\tbackground-color: ", ";\n\tcolor: ", ";\n\tcursor: pointer;\n\tuser-select: none;\n\ttransition: all 0.3s ease;\n\n\t&:hover,\n\t&:focus {\n\t\tbackground-color: ", ";\n\t}\n\n\t&:focus {\n\t\toutline: 0;\n\t\tborder-color: ", ";\n\t\tbox-shadow: ", ";\n\t}\n\n\t", ";\n\t", ";\n\t", ";\n"])), function (_ref4) {
+  var theme = _ref4.theme;
+  return theme.colors.backgroundColor || '#eee';
+}, function (_ref5) {
+  var theme = _ref5.theme;
+  return theme.colors.textColor;
+}, function (_ref6) {
+  var theme = _ref6.theme;
+  return theme.colors.backgroundColor ? darken(0.1, theme.colors.backgroundColor) : '#ccc';
+}, function (_ref7) {
+  var theme = _ref7.theme;
+  return rgba(theme.colors.primaryColor, 0.6);
+}, function (_ref8) {
+  var theme = _ref8.theme;
+  return "0 0 0 2px " + rgba(theme.colors.primaryColor, 0.3);
+}, function (props) {
+  return props.primary ? primary : null;
+}, function (props) {
+  return props.disabled ? disabled : null;
+}, function (props) {
+  return props.large && large;
+});
+var loadMoreContainer = css({
+  margin: '5px 0',
+  display: 'flex',
+  justifyContent: 'center'
+});
+
+export { Button as B, filters as f, loadMoreContainer as l, pagination as p, toggleButtons as t };

package/dist/es/{DownShift-d8f2500f.js → CancelSvg-4d9e0857.js}

@@ -1,6 +1,33 @@
-import { a as _extends } from './_rollupPluginBabelHelpers-c9fbe19f.js';
+import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-ecf6c03c.js';
+import styled, { css } from '@appbaseio/vue-emotion';
 import computeScrollIntoView from 'compute-scroll-into-view';
 
+var _templateObject;
+var InputWrapper = styled('span')(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  flex: 1;\n  position: relative;\n"])));
+
+var _templateObject$1, _templateObject2, _templateObject3, _templateObject4;
+var IconGroup = styled('div')(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tgrid-gap: 6px;\n\tmargin: 0 10px;\n\theight: 100%;\n\n\t", ";\n\n\t", ";\n"])), function (_ref) {
+  var positionType = _ref.positionType;
+
+  if (positionType === 'absolute') {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 50%;\n\t\t\t\ttransform: translateY(-50%);\n\t\t\t"])));
+  }
+
+  return null;
+}, function (_ref2) {
+  var groupPosition = _ref2.groupPosition;
+  return groupPosition === 'right' ? css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n\t\t\t\t\tright: 0;\n\t\t\t  "]))) : css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n\t\t\t\t\tleft: 0;\n\t\t\t  "])));
+});
+
+var _templateObject$2;
+var IconWrapper = styled('div')(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tmax-width: 23px;\n\twidth: max-content;\n\tcursor: pointer;\n\theight: 100%;min-width:20px;\n\n\tsvg.search-icon {\n\t\tfill: ", ";\n\t\ttransform:scale(1.5);\n\t}\n\n\tsvg.cancel-icon {\n\t\tfill: ", ";\n\t}\n"])), function (_ref) {
+  var theme = _ref.theme;
+  return theme.colors.primaryColor;
+}, function (_ref2) {
+  var theme = _ref2.theme;
+  return theme.colors.borderColor || '#000';
+});
+
 /**
  * Scroll node into view if necessary
  * @param {HTMLElement} node the element that should scroll into view
@@ -36,8 +63,7 @@ var Downshift = {
       internal_isOpen: false,
       internal_inputValue: '',
       internal_selectedItem: null,
-      internal_highlightedIndex: null,
-      internal_eventsCalled: {}
+      internal_highlightedIndex: null
     };
   },
   computed: {
@@ -47,7 +73,7 @@ var Downshift = {
       return Object.keys(this.$props).reduce(function (state, key) {
         var _extends2;
 
-        return _extends(_extends({}, state), {}, (_extends2 = {}, _extends2[key] = _this.isControlledProp(key) ? _this.$props[key] : _this["internal_" + key], _extends2));
+        return _extends({}, state, (_extends2 = {}, _extends2[key] = _this.isControlledProp(key) ? _this.$props[key] : _this["internal_" + key], _extends2));
       }, {});
     },
     internalItemCount: function internalItemCount() {
@@ -222,23 +248,11 @@ var Downshift = {
       }
 
       var vm = this;
-      setTimeout(function () {
-        vm.internal_eventsCalled[index] = false;
-      }, 0);
       return {
         mouseenter: function mouseenter() {
           vm.setHighlightedIndex(newIndex);
         },
-        // for browsers not supporting click event (e.g. firefox android)
-        mousedown: function mousedown(event) {
-          if (vm.internal_eventsCalled[index]) return;
-          vm.internal_eventsCalled[index] = true;
-          event.stopPropagation();
-          vm.selectItemAtIndex(newIndex);
-        },
         click: function click(event) {
-          if (vm.internal_eventsCalled[index]) return;
-          vm.internal_eventsCalled[index] = true;
           event.stopPropagation();
           vm.selectItemAtIndex(newIndex);
         }
@@ -398,4 +412,29 @@ var Downshift = {
   }
 };
 
-export { Downshift as D };
+var CancelSvg = {
+  functional: true,
+  render: function render(h) {
+    return h("svg", {
+      "attrs": {
+        "alt": "Clear",
+        "xmlns": "http://www.w3.org/2000/svg",
+        "height": "20px",
+        "viewBox": "0 0 24 24",
+        "width": "20px"
+      },
+      "class": "cancel-icon"
+    }, [h("title", ["Clear"]), h("path", {
+      "attrs": {
+        "d": "M0 0h24v24H0V0z",
+        "fill": "none"
+      }
+    }), h("path", {
+      "attrs": {
+        "d": "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+      }
+    })]);
+  }
+};
+
+export { CancelSvg as C, Downshift as D, IconWrapper as I, IconGroup as a, InputWrapper as b };