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

package/dist/es/initReactivesearch.js

@@ -1,35 +1,46 @@
-import { b as _objectWithoutPropertiesLoose, a as _extends } from './_rollupPluginBabelHelpers-c9fbe19f.js';
+import { a as _extends, b as _objectWithoutPropertiesLoose } from './_rollupPluginBabelHelpers-ecf6c03c.js';
 import { validProps, componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
-import { getRSQuery, extractPropsFromState, getDependentQueries } from '@appbaseio/reactivecore/lib/utils/transform';
 import { pushToAndClause, buildQuery } from '@appbaseio/reactivecore/lib/utils/helper';
+import { getRSQuery, extractPropsFromState, getDependentQueries } from '@appbaseio/reactivecore/lib/utils/transform';
 import Appbase from 'appbase-js';
 import valueReducer from '@appbaseio/reactivecore/lib/reducers/valueReducer';
 import queryReducer from '@appbaseio/reactivecore/lib/reducers/queryReducer';
 import queryOptionsReducer from '@appbaseio/reactivecore/lib/reducers/queryOptionsReducer';
+import compositeAggsReducer from '@appbaseio/reactivecore/lib/reducers/compositeAggsReducer';
+import { UPDATE_COMPOSITE_AGGS } from '@appbaseio/reactivecore/lib/constants';
 import dependencyTreeReducer from '@appbaseio/reactivecore/lib/reducers/dependencyTreeReducer';
 import fetchGraphQL from '@appbaseio/reactivecore/lib/utils/graphQL';
 import { isPropertyDefined } from '@appbaseio/reactivecore/lib/actions/utils';
 
+var _excluded = ["aggs", "size"];
+var X_SEARCH_CLIENT = 'ReactiveSearch Vue';
 var componentsWithHighlightQuery = [componentTypes.dataSearch, componentTypes.categorySearch];
 var componentsWithOptions = [componentTypes.reactiveList, componentTypes.reactiveMap, componentTypes.singleList, componentTypes.multiList, componentTypes.tagCloud].concat(componentsWithHighlightQuery);
 var componentsWithoutFilters = [componentTypes.numberBox, componentTypes.ratingsFilter];
 var resultComponents = [componentTypes.reactiveList, 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) {
@@ -60,6 +71,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 = _extends({}, settings.enableAppbase && _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,
@@ -68,7 +87,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);
@@ -85,6 +104,7 @@ function initReactivesearch(componentCollection, searchState, settings) {
     var orderOfQueries = [];
     var hits = {};
     var aggregations = {};
+    var compositeAggregations = {};
     var state = {};
     var customQueries = {};
     var defaultQueries = {};
@@ -99,20 +119,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;
 
@@ -125,9 +140,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;
@@ -142,7 +167,7 @@ function initReactivesearch(componentCollection, searchState, settings) {
           var _ref = options || {},
               aggs = _ref.aggs,
               size = _ref.size,
-              otherQueryOptions = _objectWithoutPropertiesLoose(_ref, ["aggs", "size"]);
+              otherQueryOptions = _objectWithoutPropertiesLoose(_ref, _excluded);
 
           if (aggs && Object.keys(aggs).length) {
             isInternalComponentPresent = true; // query should be applied on the internal component
@@ -163,12 +188,12 @@ function initReactivesearch(componentCollection, searchState, settings) {
             if (!otherQueryOptions) otherQueryOptions = {};
             if (!highlightQuery) highlightQuery = {};
 
-            var mainQueryOptions = _extends(_extends(_extends({}, otherQueryOptions), highlightQuery), {}, {
+            var mainQueryOptions = _extends({}, otherQueryOptions, highlightQuery, {
               size: size
             });
 
             if (isInternalComponentPresent) {
-              mainQueryOptions = _extends(_extends({}, otherQueryOptions), highlightQuery);
+              mainQueryOptions = _extends({}, otherQueryOptions, highlightQuery);
             }
 
             if (isResultComponent) {
@@ -182,7 +207,7 @@ function initReactivesearch(componentCollection, searchState, settings) {
               var from = currentPage * resultSize; // Update props for RS API
 
               compProps.from = from;
-              mainQueryOptions = _extends(_extends(_extends({}, mainQueryOptions), highlightQuery), {}, {
+              mainQueryOptions = _extends({}, mainQueryOptions, highlightQuery, {
                 size: resultSize,
                 from: from
               });
@@ -214,7 +239,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, {
@@ -267,11 +292,11 @@ function initReactivesearch(componentCollection, searchState, settings) {
 
         orderOfQueries = [].concat(orderOfQueries, [component.componentId]);
 
-        var currentQuery = _extends(_extends({
+        var currentQuery = _extends({
           query: _extends({}, queryObj)
-        }, options), queryOptions[component.componentId]);
+        }, options, queryOptions[component.componentId]);
 
-        queryLog = _extends(_extends({}, queryLog), {}, (_extends2 = {}, _extends2[component.componentId] = currentQuery, _extends2));
+        queryLog = _extends({}, queryLog, (_extends2 = {}, _extends2[component.componentId] = currentQuery, _extends2));
 
         if (settings.enableAppbase) {
           var query = getRSQuery(component.componentId, extractPropsFromState(state, component.componentId, queryOptions && queryOptions[component.componentId] ? {
@@ -282,11 +307,12 @@ function initReactivesearch(componentCollection, searchState, settings) {
             var _extends3;
 
             // Apply dependent queries
-            appbaseQuery = _extends(_extends(_extends({}, appbaseQuery), (_extends3 = {}, _extends3[component.componentId] = query, _extends3)), getDependentQueries(state, component.componentId, orderOfQueries));
+            appbaseQuery = _extends({}, appbaseQuery, (_extends3 = {}, _extends3[component.componentId] = query, _extends3), 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]);
         }
       }
@@ -312,10 +338,15 @@ function initReactivesearch(componentCollection, searchState, settings) {
             if (response.aggregations) {
               var _extends4;
 
-              aggregations = _extends(_extends({}, aggregations), {}, (_extends4 = {}, _extends4[component] = response.aggregations, _extends4));
+              aggregations = _extends({}, aggregations, (_extends4 = {}, _extends4[component] = response.aggregations, _extends4));
+              compositeAggregations = compositeAggsReducer(compositeAggregations, {
+                type: UPDATE_COMPOSITE_AGGS,
+                aggregations: response.aggregations,
+                append: false
+              });
             }
 
-            hits = _extends(_extends({}, hits), {}, (_extends5 = {}, _extends5[component] = {
+            hits = _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
@@ -327,7 +358,7 @@ function initReactivesearch(componentCollection, searchState, settings) {
         });
       });
       Promise.all(allPromises).then(function () {
-        state = _extends(_extends({}, state), {}, {
+        state = _extends({}, state, {
           hits: hits,
           aggregations: aggregations
         });
@@ -339,6 +370,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) {
@@ -347,7 +380,7 @@ function initReactivesearch(componentCollection, searchState, settings) {
 
               if (response.promoted) {
                 promotedResults[component] = response.promoted.map(function (promoted) {
-                  return _extends(_extends({}, promoted.doc), {}, {
+                  return _extends({}, promoted.doc, {
                     _position: promoted.position
                   });
                 });
@@ -357,15 +390,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 = _extends(_extends({}, aggregations), {}, (_extends6 = {}, _extends6[component] = response.aggregations, _extends6));
+                aggregations = _extends({}, aggregations, (_extends6 = {}, _extends6[component] = response.aggregations, _extends6));
               }
 
-              hits = _extends(_extends({}, hits), {}, (_extends7 = {}, _extends7[component] = {
+              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,
                 time: response.took
@@ -378,10 +417,13 @@ function initReactivesearch(componentCollection, searchState, settings) {
         });
       });
       Promise.all(allPromises).then(function () {
-        state = _extends(_extends({}, state), {}, {
+        state = _extends({}, state, {
           hits: hits,
+          timestamp: timestamp,
           aggregations: aggregations,
+          compositeAggregations: compositeAggregations,
           promotedResults: promotedResults,
+          settings: settingsResponse,
           customData: customData,
           rawData: rawData
         });

package/dist/es/install.js

@@ -1,39 +1,41 @@
 import '@appbaseio/reactivecore';
-import './_rollupPluginBabelHelpers-c9fbe19f.js';
+import './_rollupPluginBabelHelpers-ecf6c03c.js';
 import 'vue-types';
 import '@appbaseio/reactivecore/lib/utils/constants';
+import '@appbaseio/reactivecore/lib/utils/helper';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
-import './Button-6c71c66e.js';
-import './vueTypes-98d938a9.js';
-import './Pagination-800af44f.js';
+import './Button-799185e2.js';
+import './vueTypes-9326e0be.js';
+import './Pagination-b3e4054a.js';
 import ReactiveList from './ReactiveList.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import './index-1fe91a0a.js';
-import './ComponentWrapper-d0b21b95.js';
+import './index-4755c9a0.js';
+import './ComponentWrapper-459505fd.js';
 import '@vue/babel-helper-vue-jsx-merge-props';
-import './Title-22c2f3bf.js';
-import './ListItem-da73bc7d.js';
-import './Card-ecf70ba1.js';
-import './Flex-40a74d8a.js';
-import '@appbaseio/reactivecore/lib/utils/helper';
+import './Title-579f8d6c.js';
+import './ListItem-bdb6d53d.js';
+import './Card-04b3c33e.js';
+import './Flex-aac91505.js';
 import '@appbaseio/reactivecore/lib/actions/analytics';
 import 'appbase-js';
 import 'url-search-params-polyfill';
 import ReactiveBase from './ReactiveBase.js';
-import './Input-dfd9dd40.js';
+import 'hotkeys-js';
 import DataSearch from './DataSearch.js';
+import './CancelSvg-4d9e0857.js';
+import './Input-d8519224.js';
 import 'compute-scroll-into-view';
-import './DownShift-d8f2500f.js';
-import './Container-f5efec9e.js';
+import './Container-4383c6f0.js';
 import 'vue-highlight-words';
-import './FormControlList-b96aebef.js';
-import './utils-ce3d86fd.js';
+import '@appbaseio/reactivecore/lib/utils/suggestions';
+import './FormControlList-fe389a2e.js';
+import './utils-3a32e13f.js';
 import SingleList from './SingleList.js';
 import MultiList from './MultiList.js';
-import './DropDown-5dbd69c2.js';
+import './DropDown-168b60f6.js';
 import SingleDropdownList from './SingleDropdownList.js';
 import MultiDropdownList from './MultiDropdownList.js';
 import ToggleButton from './ToggleButton.js';
@@ -44,7 +46,7 @@ import MultiRange from './MultiRange.js';
 import ResultCard from './ResultCard.js';
 import ResultList from './ResultList.js';
 import 'vue-no-ssr';
-import './ssr-2f57791d.js';
+import './ssr-e3196de1.js';
 import RangeSlider from './RangeSlider.js';
 import DynamicRangeSlider from './DynamicRangeSlider.js';
 import StateProvider from './StateProvider.js';

package/dist/es/ssr-e3196de1.js

@@ -0,0 +1,33 @@
+import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-ecf6c03c.js';
+import styled from '@appbaseio/vue-emotion';
+import NoSSR from 'vue-no-ssr';
+
+var _templateObject;
+var Slider = styled('div')(_templateObject || (_templateObject = _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;
+};
+
+export { Slider as S, getComponents as g };

package/dist/es/{utils-ce3d86fd.js → utils-3a32e13f.js}

@@ -1,5 +1,5 @@
 import { helper } from '@appbaseio/reactivecore';
-import { a as _extends } from './_rollupPluginBabelHelpers-c9fbe19f.js';
+import { a as _extends } from './_rollupPluginBabelHelpers-ecf6c03c.js';
 
 var getAggsOrder = helper.getAggsOrder;
 
@@ -55,7 +55,7 @@ var getAggsQuery = function getAggsQuery(query, props) {
     };
   }
 
-  return _extends(_extends({}, clonedQuery), extractQuery(props));
+  return _extends({}, clonedQuery, extractQuery(props));
 };
 
 export { getAggsQuery as g };

package/dist/es/version.js

@@ -1,3 +1,3 @@
-var version = "1.16.0-alpha.3";
+var version = "1.16.0-alpha.30";
 
 export default version;

package/dist/es/{vueTypes-98d938a9.js → vueTypes-9326e0be.js}

@@ -106,20 +106,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/package.json

@@ -1,80 +1,88 @@
 {
-    "name": "@appbaseio/reactivesearch-vue",
-    "version": "1.16.0-alpha.3",
-    "private": false,
-    "main": "dist/cjs/index.js",
-    "jsnext:main": "dist/es/index.js",
-    "module": "dist/es/index.js",
-    "description": "A Vue UI components library for building search experiences",
-    "keywords": [
-        "appbase",
-        "elasticsearch",
-        "search"
-    ],
-    "repository": {
-        "type": "git",
-        "url": "https://github.com/appbaseio/reactivesearch.git"
-    },
-    "author": "Kuldeep Saxena <kuldepsaxena155@gmail.com>",
-    "license": "Apache-2.0",
-    "scripts": {
-        "watch": "nps watch",
-        "serve": "vue-cli-service serve",
-        "build": "vue-cli-service build",
-        "start": "nps",
-        "pretest": "nps build",
-        "test": "nps test",
-        "precommit": "lint-staged",
-        "prepare": "npm start validate",
-        "version-upgrade": "nps upgrade-vue -c ../../package-scripts.js",
-        "postpublish": "yarn run version-upgrade"
-    },
-    "files": [
-        "dist"
-    ],
-    "sideEffects": false,
-    "dependencies": {
-        "@appbaseio/reactivecore": "9.11.3",
-        "@appbaseio/vue-emotion": "0.4.4",
-        "@vue/babel-helper-vue-jsx-merge-props": "^1.0.0",
-        "appbase-js": "^4.1.0",
-        "compute-scroll-into-view": "^1.0.11",
-        "emotion": "9.2.12",
-        "polished": "^2.2.0",
-        "redux": "^4.0.0",
-        "url-search-params-polyfill": "^7.0.0",
-        "vue-highlight-words": "^1.2.0",
-        "vue-no-ssr": "^1.1.0",
-        "vue-slider-component": "^2.8.16",
-        "vue-types": "^1.3.3"
-    },
-    "peerDependencies": {
-        "vue": "^2.6.10"
-    },
-    "devDependencies": {
-        "@babel/plugin-external-helpers": "^7.2.0",
-        "@babel/plugin-proposal-class-properties": "^7.5.5",
-        "@babel/plugin-proposal-json-strings": "^7.2.0",
-        "@babel/plugin-syntax-dynamic-import": "^7.2.0",
-        "@babel/plugin-syntax-import-meta": "^7.2.0",
-        "@babel/plugin-syntax-jsx": "^7.2.0",
-        "@babel/preset-env": "^7.5.5",
-        "@babel/preset-stage-2": "^7.0.0",
-        "@vue/babel-preset-jsx": "^1.1.0",
-        "eslint-config-airbnb-base": "^13.1.0",
-        "eslint-config-prettier": "^3.1.0",
-        "eslint-plugin-vue": "^4.7.1",
-        "nps": "^5.9.3",
-        "nps-utils": "^1.7.0",
-        "rollup": "^1.20.3",
-        "rollup-plugin-babel": "^4.3.3",
-        "rollup-plugin-commonjs": "^10.1.0",
-        "rollup-plugin-json": "^4.0.0",
-        "rollup-plugin-node-builtins": "^2.1.2",
-        "rollup-plugin-node-globals": "^1.4.0",
-        "rollup-plugin-node-resolve": "^5.2.0",
-        "rollup-plugin-replace": "^2.2.0",
-        "rollup-plugin-terser": "^5.1.1",
-        "vue-eslint-parser": "^3.2.2"
-    }
+	"name": "@appbaseio/reactivesearch-vue",
+	"version": "1.16.0-alpha.30",
+	"private": false,
+	"main": "dist/cjs/index.js",
+	"jsnext:main": "dist/es/index.js",
+	"module": "dist/es/index.js",
+	"description": "A Vue UI components library for building search experiences",
+	"keywords": [
+		"appbase",
+		"elasticsearch",
+		"search"
+	],
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/appbaseio/reactivesearch.git"
+	},
+	"author": "Kuldeep Saxena <kuldepsaxena155@gmail.com>",
+	"license": "Apache-2.0",
+	"scripts": {
+		"watch": "nps watch",
+		"serve": "vue-cli-service serve",
+		"build": "vue-cli-service build",
+		"start": "nps",
+		"pretest": "nps build",
+		"test": "nps test",
+		"precommit": "lint-staged",
+		"prepare": "npm start validate",
+		"version-upgrade": "nps upgrade-vue -c ../../package-scripts.js",
+		"postpublish": "yarn run version-upgrade"
+	},
+	"files": [
+		"dist"
+	],
+	"sideEffects": false,
+	"dependencies": {
+		"@appbaseio/reactivecore": "9.13.4",
+		"@appbaseio/vue-emotion": "0.4.4",
+		"@vue/babel-helper-vue-jsx-merge-props": "^1.0.0",
+		"appbase-js": "^4.5.1",
+		"compute-scroll-into-view": "^1.0.11",
+		"emotion": "9.2.12",
+		"gmap-vue": "^1.5.0",
+		"ngeohash": "^0.6.3",
+		"hotkeys-js": "^3.8.7",
+		"polished": "^2.2.0",
+		"redux": "^4.0.0",
+		"url-search-params-polyfill": "^7.0.0",
+		"vue-highlight-words": "^1.2.0",
+		"vue-no-ssr": "^1.1.0",
+		"vue-types": "^1.7.0",
+		"vue-slider-component": "^3.2.15"
+	},
+	"peerDependencies": {
+		"vue": "^2.6.10"
+	},
+	"devDependencies": {
+		"@babel/plugin-external-helpers": "^7.2.0",
+		"@babel/plugin-proposal-class-properties": "^7.5.5",
+		"@babel/plugin-proposal-json-strings": "^7.2.0",
+		"@babel/plugin-syntax-dynamic-import": "^7.2.0",
+		"@babel/plugin-syntax-import-meta": "^7.2.0",
+		"@babel/plugin-syntax-jsx": "^7.2.0",
+		"@babel/preset-env": "^7.5.5",
+		"@babel/preset-stage-2": "^7.0.0",
+		"@vue/babel-preset-jsx": "^1.1.0",
+		"@vue/compiler-sfc": "^3.0.11",
+		"eslint-config-airbnb-base": "^13.1.0",
+		"eslint-config-prettier": "^3.1.0",
+		"eslint-plugin-vue": "^4.7.1",
+		"eslint": "^4.12.0",
+		"nps": "^5.9.3",
+		"nps-utils": "^1.7.0",
+		"postcss": "^8.3.0",
+		"rollup": "^1.20.3",
+		"rollup-plugin-babel": "^4.3.3",
+		"rollup-plugin-commonjs": "^10.1.0",
+		"rollup-plugin-json": "^4.0.0",
+		"rollup-plugin-node-builtins": "^2.1.2",
+		"rollup-plugin-node-globals": "^1.4.0",
+		"rollup-plugin-node-resolve": "^5.2.0",
+		"rollup-plugin-postcss": "^4.0.0",
+		"rollup-plugin-replace": "^2.2.0",
+		"rollup-plugin-terser": "^5.1.1",
+		"rollup-plugin-vue": "^6.0.0",
+		"vue-eslint-parser": "^3.2.2"
+	}
 }