@appbaseio/reactivesearch-vue 1.16.0-alpha.50 → 1.16.0-alpha.53

package/dist/cjs/{DataSearch-deda2e96.js → DataSearch-7fd1b95d.js}

@@ -911,7 +911,8 @@ var updateQuery = configureStore.Actions.updateQuery,
     setCustomHighlightOptions = configureStore.Actions.setCustomHighlightOptions,
     recordSuggestionClick = configureStore.Actions.recordSuggestionClick,
     loadPopularSuggestions = configureStore.Actions.loadPopularSuggestions,
-    getRecentSearches = configureStore.Actions.getRecentSearches;
+    getRecentSearches = configureStore.Actions.getRecentSearches,
+    resetStoreForComponent = configureStore.Actions.resetStoreForComponent;
 var debounce = configureStore.helper.debounce,
     checkValueChange = configureStore.helper.checkValueChange,
     getClassName$1 = configureStore.helper.getClassName,
@@ -1323,7 +1324,9 @@ var DataSearch = {
 
       var performUpdate = function performUpdate() {
         // Refresh recent searches when value becomes empty
-        if (!value && _this.currentValue && _this.enableRecentSearches) {
+        if (!value && props.enableDefaultSuggestions === false) {
+          _this.resetStoreForComponent(props.componentId);
+        } else if (!value && _this.currentValue && _this.enableRecentSearches) {
           _this.getRecentSearches();
         }
 
@@ -1374,6 +1377,12 @@ var DataSearch = {
       checkValueChange(props.componentId, value, props.beforeValueChange, performUpdate);
     },
     updateDefaultQueryHandler: function updateDefaultQueryHandler(value, props) {
+      if (!value && props.enableDefaultSuggestions === false) {
+        // clear Component data from store
+        this.resetStoreForComponent(props.componentId);
+        return;
+      }
+
       var defaultQueryOptions;
       var query = DataSearch.defaultQuery(value, props);
 
@@ -2147,7 +2156,8 @@ var mapDispatchToProps = {
   setCustomHighlightOptions: setCustomHighlightOptions,
   recordSuggestionClick: recordSuggestionClick,
   loadPopularSuggestions: loadPopularSuggestions,
-  getRecentSearches: getRecentSearches
+  getRecentSearches: getRecentSearches,
+  resetStoreForComponent: resetStoreForComponent
 };
 var DSConnected = ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps, mapDispatchToProps)(DataSearch), {
   componentType: constants.componentTypes.dataSearch,

package/dist/cjs/DataSearch.js

@@ -18,7 +18,7 @@ require('./ComponentWrapper-7302fe1a.js');
 require('./Title-39765ee6.js');
 require('./Flex-699639d2.js');
 require('hotkeys-js');
-var DataSearch = require('./DataSearch-deda2e96.js');
+var DataSearch = require('./DataSearch-7fd1b95d.js');
 require('./CancelSvg-82021d23.js');
 require('./Input-64087a69.js');
 require('compute-scroll-into-view');

package/dist/cjs/ReactiveBase.js

@@ -100,7 +100,7 @@ var URLParamsProvider = {
       Object.keys(_this.currentSelectedState).filter(function (item) {
         return !activeComponents.includes(item);
       }).forEach(function (component) {
-        _this.setValue(component, null);
+        _this.setValue(component, null, undefined, undefined, undefined, undefined, undefined, undefined, 'URL');
       }); // update active components in selectedValues
 
       Array.from(_this.params.entries()).forEach(function (item) {
@@ -115,7 +115,7 @@ var URLParamsProvider = {
               showFilter = _ref.showFilter,
               URLParams = _ref.URLParams;
 
-          _this.setValue(component, JSON.parse(value), label, showFilter, URLParams);
+          _this.setValue(component, JSON.parse(value), label, showFilter, URLParams, undefined, undefined, undefined, 'URL');
         } catch (e) {
           // Do not set value if JSON parsing fails.
           console.error(e);
@@ -133,39 +133,45 @@ var URLParamsProvider = {
     selectedValues: function selectedValues(newVal, oldVal) {
       var _this2 = this;
 
-      this.currentSelectedState = newVal;
-
       if (!isEqual(newVal, oldVal)) {
         this.searchString = this.$props.getSearchParams ? this.$props.getSearchParams() : window.location.search;
         this.params = new URLSearchParams(this.searchString);
         var currentComponents = Object.keys(newVal);
         var urlComponents = Array.from(this.params.keys());
+        var shouldPushHistory = false;
         currentComponents.filter(function (component) {
           return newVal[component].URLParams;
         }).forEach(function (component) {
-          // prevents empty history pollution on initial load
-          if (_this2.hasValidValue(newVal[component]) || _this2.hasValidValue(oldVal[component])) {
-            var selectedValues = newVal[component];
+          var selectedValues = newVal[component]; // prevents empty history pollution on initial load
 
+          if (_this2.hasValidValue(newVal[component]) || _this2.hasValidValue(oldVal[component])) {
             if (selectedValues.URLParams) {
               if (selectedValues.category) {
-                _this2.setURL(component, _this2.getValue({
+                var shouldUpdateHistory = _this2.setURL(component, _this2.getValue({
                   category: selectedValues.category,
                   value: selectedValues.value
                 }));
+
+                if (shouldUpdateHistory) {
+                  shouldPushHistory = true;
+                }
               } else {
-                _this2.setURL(component, _this2.getValue(selectedValues.value));
+                var _shouldUpdateHistory = _this2.setURL(component, _this2.getValue(selectedValues.value));
+
+                if (_shouldUpdateHistory) {
+                  shouldPushHistory = true;
+                }
               }
             } else {
               _this2.params["delete"](component);
 
-              _this2.pushToHistory();
+              shouldPushHistory = true;
             }
           } else if (!_this2.hasValidValue(newVal[component]) && urlComponents.includes(component)) {
             // doesn't have a valid value, but the url has a (stale) valid value set
             _this2.params["delete"](component);
 
-            _this2.pushToHistory();
+            shouldPushHistory = true;
           }
         }); // remove unmounted components
 
@@ -174,15 +180,20 @@ var URLParamsProvider = {
         }).forEach(function (component) {
           _this2.params["delete"](component);
 
-          _this2.pushToHistory();
+          shouldPushHistory = true;
         });
 
         if (!currentComponents.length) {
           Array.from(this.params.keys()).forEach(function (item) {
             if (_this2.searchComponents && _this2.searchComponents.includes(item)) {
               _this2.params["delete"](item);
+
+              shouldPushHistory = true;
             }
           });
+        }
+
+        if (shouldPushHistory) {
           this.pushToHistory();
         }
       }
@@ -245,20 +256,19 @@ var URLParamsProvider = {
       return value;
     },
     setURL: function setURL(component, value) {
-      this.searchString = this.$props.getSearchParams ? this.$props.getSearchParams() : window.location.search;
-      this.params = new URLSearchParams(this.searchString);
-
       if (!value || typeof value === 'string' && value.trim() === '' || Array.isArray(value) && value.length === 0) {
         this.params["delete"](component);
-        this.pushToHistory();
-      } else {
-        var data = JSON.stringify(this.getValue(value));
+        return true;
+      }
 
-        if (data !== this.params.get(component)) {
-          this.params.set(component, data);
-          this.pushToHistory();
-        }
+      var data = JSON.stringify(value);
+
+      if (data !== this.params.get(component)) {
+        this.params.set(component, data);
+        return true;
       }
+
+      return false;
     },
     pushToHistory: function pushToHistory() {
       var paramsSting = this.params.toString() ? "?" + this.params.toString() : '';

package/dist/cjs/ReactiveList.js

@@ -692,6 +692,7 @@ var ReactiveList = {
       }, [this.data.map(function (item, index) {
         return renderItem({
           item: item,
+          count: _this2.currentPageState * size + index + 1,
           triggerClickAnalytics: function triggerClickAnalytics() {
             return _this2.triggerClickAnalytics(_this2.currentPageState * size + index);
           }

package/dist/cjs/index.js

@@ -28,13 +28,13 @@ require('appbase-js');
 require('url-search-params-polyfill');
 var ReactiveBase = require('./ReactiveBase.js');
 require('hotkeys-js');
-var DataSearch = require('./DataSearch-deda2e96.js');
+var DataSearch = require('./DataSearch-7fd1b95d.js');
 require('./CancelSvg-82021d23.js');
 require('./Input-64087a69.js');
 require('compute-scroll-into-view');
 require('./Container-8a08d663.js');
 require('vue-highlight-words');
-var install = require('./install-d0645b5f.js');
+var install = require('./install-856cc730.js');
 require('@appbaseio/reactivecore/lib/utils/suggestions');
 require('./FormControlList-73497794.js');
 require('./utils-23afb20b.js');

package/dist/cjs/{install-d0645b5f.js → install-856cc730.js}

@@ -18,7 +18,7 @@ var ComponentWrapper = require('./ComponentWrapper-7302fe1a.js');
 var Title = require('./Title-39765ee6.js');
 var ReactiveBase = require('./ReactiveBase.js');
 var hotkeys = _interopDefault(require('hotkeys-js'));
-var DataSearch = require('./DataSearch-deda2e96.js');
+var DataSearch = require('./DataSearch-7fd1b95d.js');
 var CancelSvg = require('./CancelSvg-82021d23.js');
 var Input = require('./Input-64087a69.js');
 var Container = require('./Container-8a08d663.js');
@@ -558,10 +558,18 @@ var SearchBox = {
       this.onValueSelectedHandler('', configureStore.causes.CLEAR_VALUE);
     },
     handleKeyDown: function handleKeyDown(event, highlightedIndex) {
+      if (highlightedIndex === void 0) {
+        highlightedIndex = null;
+      }
+
       // if a suggestion was selected, delegate the handling to suggestion handler
-      if (event.key === 'Enter' && highlightedIndex === null) {
-        this.setValue(event.target.value, true);
-        this.onValueSelectedHandler(event.target.value, configureStore.causes.ENTER_PRESS);
+      if (event.key === 'Enter') {
+        if (this.$props.autosuggest === false) {
+          this.enterButtonOnClick();
+        } else if (highlightedIndex === null) {
+          this.setValue(event.target.value, true);
+          this.onValueSelectedHandler(event.target.value, configureStore.causes.ENTER_PRESS);
+        }
       } // Need to review
 
 
@@ -733,6 +741,13 @@ var SearchBox = {
 
       return null;
     },
+    enterButtonOnClick: function enterButtonOnClick() {
+      this.triggerQuery({
+        isOpen: false,
+        value: this.currentValue,
+        customQuery: true
+      });
+    },
     renderEnterButtonElement: function renderEnterButtonElement() {
       var _this4 = this;
 
@@ -742,18 +757,10 @@ var SearchBox = {
           innerClass = _this$$props4.innerClass;
       var renderEnterButton = this.$scopedSlots.renderEnterButton;
 
-      var enterButtonOnClick = function enterButtonOnClick() {
-        return _this4.triggerQuery({
-          isOpen: false,
-          value: _this4.currentValue,
-          customQuery: true
-        });
-      };
-
       if (enterButton) {
         var getEnterButtonMarkup = function getEnterButtonMarkup() {
           if (renderEnterButton) {
-            return renderEnterButton(enterButtonOnClick);
+            return renderEnterButton(_this4.enterButtonOnClick);
           }
 
           return h(Button.Button, {
@@ -762,7 +769,7 @@ var SearchBox = {
               "primary": true
             },
             "on": {
-              "click": enterButtonOnClick
+              "click": _this4.enterButtonOnClick
             }
           }, ["Search"]);
         };
@@ -1065,11 +1072,7 @@ var SearchBox = {
         focus: function focus(e) {
           _this7.$emit('focus', e, _this7.triggerQuery);
         },
-        keydown: function keydown(e) {
-          _this7.$emit('keyDown', e, _this7.triggerQuery);
-
-          _this7.$emit('key-down', e, _this7.triggerQuery);
-        },
+        keydown: this.handleKeyDown,
         keyup: function keyup(e) {
           _this7.$emit('keyUp', e, _this7.triggerQuery);
 

package/dist/cjs/install.js

@@ -28,13 +28,13 @@ require('appbase-js');
 require('url-search-params-polyfill');
 require('./ReactiveBase.js');
 require('hotkeys-js');
-require('./DataSearch-deda2e96.js');
+require('./DataSearch-7fd1b95d.js');
 require('./CancelSvg-82021d23.js');
 require('./Input-64087a69.js');
 require('compute-scroll-into-view');
 require('./Container-8a08d663.js');
 require('vue-highlight-words');
-var install = require('./install-d0645b5f.js');
+var install = require('./install-856cc730.js');
 require('@appbaseio/reactivecore/lib/utils/suggestions');
 require('./FormControlList-73497794.js');
 require('./utils-23afb20b.js');

package/dist/cjs/version.js

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

package/dist/es/{DataSearch-7a8a9368.js → DataSearch-a5aaa29e.js}

@@ -905,7 +905,8 @@ var updateQuery = Actions.updateQuery,
     setCustomHighlightOptions = Actions.setCustomHighlightOptions,
     recordSuggestionClick = Actions.recordSuggestionClick,
     loadPopularSuggestions = Actions.loadPopularSuggestions,
-    getRecentSearches = Actions.getRecentSearches;
+    getRecentSearches = Actions.getRecentSearches,
+    resetStoreForComponent = Actions.resetStoreForComponent;
 var debounce = helper.debounce,
     checkValueChange = helper.checkValueChange,
     getClassName$1 = helper.getClassName,
@@ -1317,7 +1318,9 @@ var DataSearch = {
 
       var performUpdate = function performUpdate() {
         // Refresh recent searches when value becomes empty
-        if (!value && _this.currentValue && _this.enableRecentSearches) {
+        if (!value && props.enableDefaultSuggestions === false) {
+          _this.resetStoreForComponent(props.componentId);
+        } else if (!value && _this.currentValue && _this.enableRecentSearches) {
           _this.getRecentSearches();
         }
 
@@ -1368,6 +1371,12 @@ var DataSearch = {
       checkValueChange(props.componentId, value, props.beforeValueChange, performUpdate);
     },
     updateDefaultQueryHandler: function updateDefaultQueryHandler(value, props) {
+      if (!value && props.enableDefaultSuggestions === false) {
+        // clear Component data from store
+        this.resetStoreForComponent(props.componentId);
+        return;
+      }
+
       var defaultQueryOptions;
       var query = DataSearch.defaultQuery(value, props);
 
@@ -2141,7 +2150,8 @@ var mapDispatchToProps = {
   setCustomHighlightOptions: setCustomHighlightOptions,
   recordSuggestionClick: recordSuggestionClick,
   loadPopularSuggestions: loadPopularSuggestions,
-  getRecentSearches: getRecentSearches
+  getRecentSearches: getRecentSearches,
+  resetStoreForComponent: resetStoreForComponent
 };
 var DSConnected = ComponentWrapper(connect(mapStateToProps, mapDispatchToProps)(DataSearch), {
   componentType: componentTypes.dataSearch,

package/dist/es/DataSearch.js

@@ -14,7 +14,7 @@ import './ComponentWrapper-bbb717bc.js';
 import './Title-579f8d6c.js';
 import './Flex-aac91505.js';
 import 'hotkeys-js';
-export { D as default } from './DataSearch-7a8a9368.js';
+export { D as default } from './DataSearch-a5aaa29e.js';
 import './CancelSvg-4d9e0857.js';
 import './Input-d1bb4868.js';
 import 'compute-scroll-into-view';

package/dist/es/ReactiveBase.js

@@ -92,7 +92,7 @@ var URLParamsProvider = {
       Object.keys(_this.currentSelectedState).filter(function (item) {
         return !activeComponents.includes(item);
       }).forEach(function (component) {
-        _this.setValue(component, null);
+        _this.setValue(component, null, undefined, undefined, undefined, undefined, undefined, undefined, 'URL');
       }); // update active components in selectedValues
 
       Array.from(_this.params.entries()).forEach(function (item) {
@@ -107,7 +107,7 @@ var URLParamsProvider = {
               showFilter = _ref.showFilter,
               URLParams = _ref.URLParams;
 
-          _this.setValue(component, JSON.parse(value), label, showFilter, URLParams);
+          _this.setValue(component, JSON.parse(value), label, showFilter, URLParams, undefined, undefined, undefined, 'URL');
         } catch (e) {
           // Do not set value if JSON parsing fails.
           console.error(e);
@@ -125,39 +125,45 @@ var URLParamsProvider = {
     selectedValues: function selectedValues(newVal, oldVal) {
       var _this2 = this;
 
-      this.currentSelectedState = newVal;
-
       if (!isEqual(newVal, oldVal)) {
         this.searchString = this.$props.getSearchParams ? this.$props.getSearchParams() : window.location.search;
         this.params = new URLSearchParams(this.searchString);
         var currentComponents = Object.keys(newVal);
         var urlComponents = Array.from(this.params.keys());
+        var shouldPushHistory = false;
         currentComponents.filter(function (component) {
           return newVal[component].URLParams;
         }).forEach(function (component) {
-          // prevents empty history pollution on initial load
-          if (_this2.hasValidValue(newVal[component]) || _this2.hasValidValue(oldVal[component])) {
-            var selectedValues = newVal[component];
+          var selectedValues = newVal[component]; // prevents empty history pollution on initial load
 
+          if (_this2.hasValidValue(newVal[component]) || _this2.hasValidValue(oldVal[component])) {
             if (selectedValues.URLParams) {
               if (selectedValues.category) {
-                _this2.setURL(component, _this2.getValue({
+                var shouldUpdateHistory = _this2.setURL(component, _this2.getValue({
                   category: selectedValues.category,
                   value: selectedValues.value
                 }));
+
+                if (shouldUpdateHistory) {
+                  shouldPushHistory = true;
+                }
               } else {
-                _this2.setURL(component, _this2.getValue(selectedValues.value));
+                var _shouldUpdateHistory = _this2.setURL(component, _this2.getValue(selectedValues.value));
+
+                if (_shouldUpdateHistory) {
+                  shouldPushHistory = true;
+                }
               }
             } else {
               _this2.params["delete"](component);
 
-              _this2.pushToHistory();
+              shouldPushHistory = true;
             }
           } else if (!_this2.hasValidValue(newVal[component]) && urlComponents.includes(component)) {
             // doesn't have a valid value, but the url has a (stale) valid value set
             _this2.params["delete"](component);
 
-            _this2.pushToHistory();
+            shouldPushHistory = true;
           }
         }); // remove unmounted components
 
@@ -166,15 +172,20 @@ var URLParamsProvider = {
         }).forEach(function (component) {
           _this2.params["delete"](component);
 
-          _this2.pushToHistory();
+          shouldPushHistory = true;
         });
 
         if (!currentComponents.length) {
           Array.from(this.params.keys()).forEach(function (item) {
             if (_this2.searchComponents && _this2.searchComponents.includes(item)) {
               _this2.params["delete"](item);
+
+              shouldPushHistory = true;
             }
           });
+        }
+
+        if (shouldPushHistory) {
           this.pushToHistory();
         }
       }
@@ -237,20 +248,19 @@ var URLParamsProvider = {
       return value;
     },
     setURL: function setURL(component, value) {
-      this.searchString = this.$props.getSearchParams ? this.$props.getSearchParams() : window.location.search;
-      this.params = new URLSearchParams(this.searchString);
-
       if (!value || typeof value === 'string' && value.trim() === '' || Array.isArray(value) && value.length === 0) {
         this.params["delete"](component);
-        this.pushToHistory();
-      } else {
-        var data = JSON.stringify(this.getValue(value));
+        return true;
+      }
 
-        if (data !== this.params.get(component)) {
-          this.params.set(component, data);
-          this.pushToHistory();
-        }
+      var data = JSON.stringify(value);
+
+      if (data !== this.params.get(component)) {
+        this.params.set(component, data);
+        return true;
       }
+
+      return false;
     },
     pushToHistory: function pushToHistory() {
       var paramsSting = this.params.toString() ? "?" + this.params.toString() : '';

package/dist/es/ReactiveList.js

@@ -684,6 +684,7 @@ var ReactiveList = {
       }, [this.data.map(function (item, index) {
         return renderItem({
           item: item,
+          count: _this2.currentPageState * size + index + 1,
           triggerClickAnalytics: function triggerClickAnalytics() {
             return _this2.triggerClickAnalytics(_this2.currentPageState * size + index);
           }

package/dist/es/index.js

@@ -24,14 +24,14 @@ import 'appbase-js';
 import 'url-search-params-polyfill';
 export { default as ReactiveBase } from './ReactiveBase.js';
 import 'hotkeys-js';
-export { D as DataSearch } from './DataSearch-7a8a9368.js';
+export { D as DataSearch } from './DataSearch-a5aaa29e.js';
 import './CancelSvg-4d9e0857.js';
 import './Input-d1bb4868.js';
 import 'compute-scroll-into-view';
 import './Container-4383c6f0.js';
 import 'vue-highlight-words';
-import { i as install } from './install-183f5d19.js';
-export { S as SearchBox, i as install } from './install-183f5d19.js';
+import { i as install } from './install-d1a27419.js';
+export { S as SearchBox, i as install } from './install-d1a27419.js';
 import '@appbaseio/reactivecore/lib/utils/suggestions';
 import './FormControlList-fe389a2e.js';
 import './utils-3a32e13f.js';

package/dist/es/{install-183f5d19.js → install-d1a27419.js}

@@ -12,7 +12,7 @@ import { C as ComponentWrapper } from './ComponentWrapper-bbb717bc.js';
 import { T as Title } from './Title-579f8d6c.js';
 import ReactiveBase from './ReactiveBase.js';
 import hotkeys from 'hotkeys-js';
-import { S as SearchSvg, a as SuggestionWrapper, I as InputAddon, M as Mic, b as InputGroup, C as CustomSvg, c as SuggestionItem, D as DataSearch } from './DataSearch-7a8a9368.js';
+import { S as SearchSvg, a as SuggestionWrapper, I as InputAddon, M as Mic, b as InputGroup, C as CustomSvg, c as SuggestionItem, D as DataSearch } from './DataSearch-a5aaa29e.js';
 import { C as CancelSvg, a as IconGroup, I as IconWrapper, D as Downshift, b as InputWrapper } from './CancelSvg-4d9e0857.js';
 import { s as suggestionsContainer, I as Input, a as suggestions } from './Input-d1bb4868.js';
 import { C as Container } from './Container-4383c6f0.js';
@@ -552,10 +552,18 @@ var SearchBox = {
       this.onValueSelectedHandler('', causes.CLEAR_VALUE);
     },
     handleKeyDown: function handleKeyDown(event, highlightedIndex) {
+      if (highlightedIndex === void 0) {
+        highlightedIndex = null;
+      }
+
       // if a suggestion was selected, delegate the handling to suggestion handler
-      if (event.key === 'Enter' && highlightedIndex === null) {
-        this.setValue(event.target.value, true);
-        this.onValueSelectedHandler(event.target.value, causes.ENTER_PRESS);
+      if (event.key === 'Enter') {
+        if (this.$props.autosuggest === false) {
+          this.enterButtonOnClick();
+        } else if (highlightedIndex === null) {
+          this.setValue(event.target.value, true);
+          this.onValueSelectedHandler(event.target.value, causes.ENTER_PRESS);
+        }
       } // Need to review
 
 
@@ -727,6 +735,13 @@ var SearchBox = {
 
       return null;
     },
+    enterButtonOnClick: function enterButtonOnClick() {
+      this.triggerQuery({
+        isOpen: false,
+        value: this.currentValue,
+        customQuery: true
+      });
+    },
     renderEnterButtonElement: function renderEnterButtonElement() {
       var _this4 = this;
 
@@ -736,18 +751,10 @@ var SearchBox = {
           innerClass = _this$$props4.innerClass;
       var renderEnterButton = this.$scopedSlots.renderEnterButton;
 
-      var enterButtonOnClick = function enterButtonOnClick() {
-        return _this4.triggerQuery({
-          isOpen: false,
-          value: _this4.currentValue,
-          customQuery: true
-        });
-      };
-
       if (enterButton) {
         var getEnterButtonMarkup = function getEnterButtonMarkup() {
           if (renderEnterButton) {
-            return renderEnterButton(enterButtonOnClick);
+            return renderEnterButton(_this4.enterButtonOnClick);
           }
 
           return h(Button, {
@@ -756,7 +763,7 @@ var SearchBox = {
               "primary": true
             },
             "on": {
-              "click": enterButtonOnClick
+              "click": _this4.enterButtonOnClick
             }
           }, ["Search"]);
         };
@@ -1059,11 +1066,7 @@ var SearchBox = {
         focus: function focus(e) {
           _this7.$emit('focus', e, _this7.triggerQuery);
         },
-        keydown: function keydown(e) {
-          _this7.$emit('keyDown', e, _this7.triggerQuery);
-
-          _this7.$emit('key-down', e, _this7.triggerQuery);
-        },
+        keydown: this.handleKeyDown,
         keyup: function keyup(e) {
           _this7.$emit('keyUp', e, _this7.triggerQuery);
 

package/dist/es/install.js

@@ -24,13 +24,13 @@ import 'appbase-js';
 import 'url-search-params-polyfill';
 import './ReactiveBase.js';
 import 'hotkeys-js';
-import './DataSearch-7a8a9368.js';
+import './DataSearch-a5aaa29e.js';
 import './CancelSvg-4d9e0857.js';
 import './Input-d1bb4868.js';
 import 'compute-scroll-into-view';
 import './Container-4383c6f0.js';
 import 'vue-highlight-words';
-export { i as default } from './install-183f5d19.js';
+export { i as default } from './install-d1a27419.js';
 import '@appbaseio/reactivecore/lib/utils/suggestions';
 import './FormControlList-fe389a2e.js';
 import './utils-3a32e13f.js';

package/dist/es/version.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@appbaseio/reactivesearch-vue",
-	"version": "1.16.0-alpha.50",
+	"version": "1.16.0-alpha.53",
 	"private": false,
 	"main": "dist/cjs/index.js",
 	"jsnext:main": "dist/es/index.js",
@@ -34,7 +34,7 @@
 	],
 	"sideEffects": false,
 	"dependencies": {
-		"@appbaseio/reactivecore": "9.14.5",
+		"@appbaseio/reactivecore": "9.14.8",
 		"@appbaseio/vue-emotion": "0.4.4",
 		"@vue/babel-helper-vue-jsx-merge-props": "^1.0.0",
 		"appbase-js": "^5.0.0",
@@ -65,10 +65,10 @@
 		"@babel/preset-stage-2": "^7.0.0",
 		"@vue/babel-preset-jsx": "^1.1.0",
 		"@vue/compiler-sfc": "^3.0.11",
+		"eslint": "^4.12.0",
 		"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",