@appbaseio/reactivesearch-vue 1.33.1 → 1.33.3

package/dist/cjs/{DataSearch-c42d8681.js → DataSearch-e4822dbf.js}

@@ -5,21 +5,21 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
 var VueTypes = _interopDefault(require('vue-types'));
 var helper = require('@appbaseio/reactivecore/lib/utils/helper');
 var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);
-var vueTypes = require('./vueTypes-727b7c63.js');
-var index = require('./index-08f8dfa3.js');
-var ComponentWrapper = require('./ComponentWrapper-981ab977.js');
-var PreferencesConsumer = require('./PreferencesConsumer-4707bd94.js');
-var Title = require('./Title-1de7d0f4.js');
-var Flex = require('./Flex-aa517a13.js');
+var vueTypes = require('./vueTypes-7cfc2f98.js');
+var index = require('./index-30126fd0.js');
+var ComponentWrapper = require('./ComponentWrapper-9318cece.js');
+var PreferencesConsumer = require('./PreferencesConsumer-5d67b486.js');
+var Title = require('./Title-16042ea0.js');
+var Flex = require('./Flex-ddd7cb6b.js');
 var hotkeys = _interopDefault(require('hotkeys-js'));
-var CancelSvg = require('./CancelSvg-9f258f4f.js');
-var Input = require('./Input-e6603a7e.js');
-var Container = require('./Container-daf30918.js');
+var CancelSvg = require('./CancelSvg-220a7cc3.js');
+var Input = require('./Input-ead4cd84.js');
+var Container = require('./Container-e699ea95.js');
 var Highlight = _interopDefault(require('vue-highlight-words'));
 
 var _templateObject;
@@ -45,9 +45,9 @@ var SuggestionWrapper = {
   render: function render() {
     var h = arguments[0];
     var _this$$props = this.$props,
-        themePreset = _this$$props.themePreset,
-        innerClass = _this$$props.innerClass,
-        innerClassName = _this$$props.innerClassName;
+      themePreset = _this$$props.themePreset,
+      innerClass = _this$$props.innerClass,
+      innerClassName = _this$$props.innerClassName;
     return h("div", {
       "class": Input.noSuggestions(themePreset) + " " + getClassName(innerClass, innerClassName || '')
     }, [h("li", [this.$scopedSlots["default"]()])]);
@@ -71,20 +71,20 @@ var SuggestionItem = {
   render: function render() {
     var h = arguments[0];
     var _this$suggestion = this.suggestion,
-        label = _this$suggestion.label,
-        value = _this$suggestion.value,
-        title = _this$suggestion.title,
-        description = _this$suggestion.description,
-        image = _this$suggestion.image,
-        isPredictiveSuggestion = _this$suggestion.isPredictiveSuggestion,
-        _suggestion_type = _this$suggestion._suggestion_type,
-        _category = _this$suggestion._category;
-
+      label = _this$suggestion.label,
+      value = _this$suggestion.value,
+      title = _this$suggestion.title,
+      description = _this$suggestion.description,
+      image = _this$suggestion.image,
+      isPredictiveSuggestion = _this$suggestion.isPredictiveSuggestion,
+      _suggestion_type = _this$suggestion._suggestion_type,
+      _category = _this$suggestion._category;
     if (label) {
       // label has highest precedence
       return typeof label === 'string' ? h("div", {
         "class": "trim"
-      }, [(_category ? false : isPredictiveSuggestion // eslint-disable-next-line
+      }, [(_category ? false : isPredictiveSuggestion
+      // eslint-disable-next-line
       || !!_suggestion_type) ? h(PredictiveSuggestion, {
         "domProps": {
           "innerHTML": label
@@ -98,7 +98,6 @@ var SuggestionItem = {
         }
       })]) : label;
     }
-
     if (title || image || description) {
       return h(Flex.Flex, {
         "attrs": {
@@ -154,7 +153,6 @@ var SuggestionItem = {
         }
       })])])]);
     }
-
     return value;
   }
 };
@@ -186,6 +184,7 @@ var SearchSvg = {
 
 var _templateObject$3;
 
+// eslint-disable-next-line
 styled.injectGlobal(_templateObject$3 || (_templateObject$3 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t#el_TvxDfTAtKp {\n\t\tstroke: none;\n\t\tstroke-width: 1;\n\t\tfill: none;\n\t}\n\t#el_D93PK3GbmJ {\n\t\t-webkit-transform: translate(163px, 131px);\n\t\ttransform: translate(163px, 131px);\n\t\tfill: #d8d8d8;\n\t}\n"])));
 var MicSvg = {
   name: 'MicSvg',
@@ -233,6 +232,7 @@ var MicSvg = {
 
 var _templateObject$4;
 
+// eslint-disable-next-line
 styled.injectGlobal(_templateObject$4 || (_templateObject$4 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t#el_X81iT9kZYo {\n\t\tstroke: none;\n\t\tstroke-width: 1;\n\t\tfill: none;\n\t}\n\t#el_gMpyalCphp {\n\t\t-webkit-transform: translate(163px, 131px);\n\t\ttransform: translate(163px, 131px);\n\t}\n\t#el_c7H-3u-D4l {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_qhFcdAAFwo {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_M8X8g37WOI {\n\t\tstroke: #e83137;\n\t\tstroke-width: 21;\n\t}\n"])));
 var MuteSvg = {
   name: 'MuteSvg',
@@ -291,6 +291,7 @@ var MuteSvg = {
 
 var _templateObject$5;
 
+// eslint-disable-next-line
 styled.injectGlobal(_templateObject$5 || (_templateObject$5 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t@-webkit-keyframes kf_el_6WKby7wXqV_an_qqO-rxbNc {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t13.89% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@keyframes kf_el_6WKby7wXqV_an_qqO-rxbNc {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t13.89% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@-webkit-keyframes kf_el_Wi-my975tM_an_XhXP1epXB {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t27.78% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@keyframes kf_el_Wi-my975tM_an_XhXP1epXB {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t27.78% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@-webkit-keyframes kf_el_DkfFFTaFxy8_an_T2XxzvIaA {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t41.67% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@keyframes kf_el_DkfFFTaFxy8_an_T2XxzvIaA {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t41.67% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@-webkit-keyframes kf_el_34IgwiMB5rf_an_TPom3H2LI {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t55.56% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@keyframes kf_el_34IgwiMB5rf_an_TPom3H2LI {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t55.56% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@-webkit-keyframes kf_el_DeebuCsPTGA_an_aYTRBE7Na {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t69.44% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@keyframes kf_el_DeebuCsPTGA_an_aYTRBE7Na {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t69.44% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@-webkit-keyframes kf_el_ZOjjrPTvyrv_an_l_BjBNzXw {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t83.33% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@keyframes kf_el_ZOjjrPTvyrv_an_l_BjBNzXw {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t83.33% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@-webkit-keyframes kf_el_2FATegVmf0K_an_wLg4ofuFx {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t97.22% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@keyframes kf_el_2FATegVmf0K_an_wLg4ofuFx {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t97.22% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t#el_hiibMG0x- * {\n\t\t-webkit-animation-duration: 1.2s;\n\t\tanimation-duration: 1.2s;\n\t\t-webkit-animation-iteration-count: infinite;\n\t\tanimation-iteration-count: infinite;\n\t\t-webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);\n\t\tanimation-timing-function: cubic-bezier(0, 0, 1, 1);\n\t}\n\t#el_QJeJ_2CDw5 {\n\t\tstroke: none;\n\t\tstroke-width: 1;\n\t\tfill: none;\n\t}\n\t#el_UYYCfubTRf {\n\t\t-webkit-transform: translate(163px, 123px);\n\t\ttransform: translate(163px, 123px);\n\t}\n\t#el_uzZNtK32Zi {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_EYKQ2N9Kgy {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_6SDP2LAgKC {\n\t\t-webkit-transform: translate(37.846924px, 0px);\n\t\ttransform: translate(37.846924px, 0px);\n\t}\n\t#el_-Vm65Ltfy7 {\n\t\tfill: #0B6AFF;\n\t}\n\t#el_q04iZcSim4 {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_6WKby7wXqV {\n\t\t-webkit-transform: translate(37.846924px, 0px);\n\t\ttransform: translate(37.846924px, 0px);\n\t\t-webkit-animation-fill-mode: backwards;\n\t\tanimation-fill-mode: backwards;\n\t\topacity: 0;\n\t\t-webkit-animation-name: kf_el_6WKby7wXqV_an_qqO-rxbNc;\n\t\tanimation-name: kf_el_6WKby7wXqV_an_qqO-rxbNc;\n\t\t-webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t\tanimation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t}\n\t#el_9bggsfQOtU {\n\t\tfill: #0B6AFF;\n\t}\n\t#el_NKxqi9eIym {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_Wi-my975tM {\n\t\t-webkit-transform: translate(37.846924px, 0px);\n\t\ttransform: translate(37.846924px, 0px);\n\t\t-webkit-animation-fill-mode: backwards;\n\t\tanimation-fill-mode: backwards;\n\t\topacity: 0;\n\t\t-webkit-animation-name: kf_el_Wi-my975tM_an_XhXP1epXB;\n\t\tanimation-name: kf_el_Wi-my975tM_an_XhXP1epXB;\n\t\t-webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t\tanimation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t}\n\t#el_zclQ34fvf7 {\n\t\tfill: #0B6AFF;\n\t}\n\t#el_1OsvRT8HkeZ {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_DkfFFTaFxy8 {\n\t\t-webkit-transform: translate(37.846924px, 0px);\n\t\ttransform: translate(37.846924px, 0px);\n\t\t-webkit-animation-fill-mode: backwards;\n\t\tanimation-fill-mode: backwards;\n\t\topacity: 0;\n\t\t-webkit-animation-name: kf_el_DkfFFTaFxy8_an_T2XxzvIaA;\n\t\tanimation-name: kf_el_DkfFFTaFxy8_an_T2XxzvIaA;\n\t\t-webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t\tanimation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t}\n\t#el_aa9sjx4H0vA {\n\t\tfill: #0B6AFF;\n\t}\n\t#el_tea114vWg0J {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_34IgwiMB5rf {\n\t\t-webkit-transform: translate(37.846924px, 0px);\n\t\ttransform: translate(37.846924px, 0px);\n\t\t-webkit-animation-fill-mode: backwards;\n\t\tanimation-fill-mode: backwards;\n\t\topacity: 0;\n\t\t-webkit-animation-name: kf_el_34IgwiMB5rf_an_TPom3H2LI;\n\t\tanimation-name: kf_el_34IgwiMB5rf_an_TPom3H2LI;\n\t\t-webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t\tanimation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t}\n\t#el_z5u6RAFhx7d {\n\t\tfill: #0B6AFF;\n\t}\n\t#el_7nfuWmA5Uhy {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_DeebuCsPTGA {\n\t\t-webkit-transform: translate(37.846924px, 0px);\n\t\ttransform: translate(37.846924px, 0px);\n\t\t-webkit-animation-fill-mode: backwards;\n\t\tanimation-fill-mode: backwards;\n\t\topacity: 0;\n\t\t-webkit-animation-name: kf_el_DeebuCsPTGA_an_aYTRBE7Na;\n\t\tanimation-name: kf_el_DeebuCsPTGA_an_aYTRBE7Na;\n\t\t-webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t\tanimation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t}\n\t#el__ZcqlS20zcw {\n\t\tfill: #0B6AFF;\n\t}\n\t#el_8DnEQnD7VWV {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_ZOjjrPTvyrv {\n\t\t-webkit-transform: translate(37.846924px, 0px);\n\t\ttransform: translate(37.846924px, 0px);\n\t\t-webkit-animation-fill-mode: backwards;\n\t\tanimation-fill-mode: backwards;\n\t\topacity: 0;\n\t\t-webkit-animation-name: kf_el_ZOjjrPTvyrv_an_l_BjBNzXw;\n\t\tanimation-name: kf_el_ZOjjrPTvyrv_an_l_BjBNzXw;\n\t\t-webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t\tanimation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t}\n\t#el_FYYKCI_u24e {\n\t\tfill: #0B6AFF;\n\t}\n\t#el_XZty4MnTp5Y {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_2FATegVmf0K {\n\t\t-webkit-transform: translate(37.846924px, 0px);\n\t\ttransform: translate(37.846924px, 0px);\n\t\t-webkit-animation-fill-mode: backwards;\n\t\tanimation-fill-mode: backwards;\n\t\topacity: 0;\n\t\t-webkit-animation-name: kf_el_2FATegVmf0K_an_wLg4ofuFx;\n\t\tanimation-name: kf_el_2FATegVmf0K_an_wLg4ofuFx;\n\t\t-webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t\tanimation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t}\n\t#el_RMT1KUfbdF8 {\n\t\tfill: #0B6AFF;\n\t}\n\t#el_RgLcovvFiO1 {\n\t\tfill: #d8d8d8;\n\t}\n"])));
 var ListenSvg = {
   name: 'ListenSvg',
@@ -641,90 +642,71 @@ var Mic = {
     },
     handleClick: function handleClick() {
       var _this = this;
-
       this.results = [];
-
       if (window && window.SpeechRecognition) {
         var status = this.$data.status;
-
         if (status === STATUS.active) {
           this.status = STATUS.inactive;
         }
-
         var _this$$props = this.$props,
-            handleResult = _this$$props.handleResult,
-            onNoMatch = _this$$props.onNoMatch,
-            onError = _this$$props.onError,
-            lang = _this$$props.lang,
-            getInstance = _this$$props.getInstance;
+          handleResult = _this$$props.handleResult,
+          onNoMatch = _this$$props.onNoMatch,
+          onError = _this$$props.onError,
+          lang = _this$$props.lang,
+          getInstance = _this$$props.getInstance;
         var _window = window,
-            SpeechRecognition = _window.SpeechRecognition;
-
+          SpeechRecognition = _window.SpeechRecognition;
         if (this.instance && this.status !== STATUS.denied) {
           this.status = STATUS.inactive;
           this.instance.stop();
           this.instance = null;
           return;
         }
-
         this.instance = new SpeechRecognition();
         this.instance.continuous = true;
         this.instance.interimResults = true;
         this.instance.lang = lang;
-
         if (getInstance) {
           getInstance(this.instance);
         }
-
         this.instance.start();
-
         this.instance.onstart = function () {
           _this.status = STATUS.active;
         };
-
         this.instance.onresult = function (_ref) {
           var results = _ref.results,
-              timeStamp = _ref.timeStamp;
-
+            timeStamp = _ref.timeStamp;
           _this.stopMic();
-
           if (handleResult) {
             handleResult({
               results: results,
               timeStamp: timeStamp
             });
           }
-
           _this.results.push({
             results: results,
             timeStamp: timeStamp
           });
         };
-
         this.instance.onnomatch = function (e) {
           return onNoMatch ? onNoMatch(e) : console.warn(e);
         };
-
         this.instance.onerror = function (e) {
           if (e.error === 'no-speech' || e.error === 'audio-capture') {
             _this.status = STATUS.inactive;
           } else if (e.error === 'not-allowed') {
             _this.status = STATUS.denied;
           }
-
           console.error(e);
-
           if (onError) {
             onError(e);
           }
         };
-        /* Below Two methods run when Continuous is False */
-
 
+        /* Below Two methods run when Continuous is False */
         this.instance.onspeechend = function () {
           _this.status = STATUS.inactive;
         };
-
         this.instance.onaudioend = function () {
           _this.status = STATUS.inactive;
         };
@@ -739,7 +721,6 @@ var Mic = {
       var h = this.$createElement;
       var status = this.$data.status;
       var className = this.$props.className;
-
       switch (status) {
         case STATUS.active:
           return h(ListenSvg, {
@@ -750,7 +731,6 @@ var Mic = {
               "click": this.handleClick
             }
           });
-
         case STATUS.stopped:
         case STATUS.denied:
           return h(MuteSvg, {
@@ -761,7 +741,6 @@ var Mic = {
               "click": this.handleClick
             }
           });
-
         default:
           return h(MicSvg, {
             "attrs": {
@@ -781,10 +760,8 @@ var Mic = {
   },
   created: function created() {
     this.results = [];
-
     if (typeof window !== 'undefined') {
       window.SpeechRecognition = window.webkitSpeechRecognition || window.SpeechRecognition || null;
-
       if (!window.SpeechRecognition) {
         console.error('SpeechRecognition is not supported in this browser. Please check the browser compatibility at https://developer.mozilla.org/en-US/docs/Web/API/SpeechRecognition#Browser_compatibility.');
       }
@@ -792,11 +769,9 @@ var Mic = {
   },
   render: function render() {
     var h = arguments[0];
-
     if (this.hasCustomRenderer) {
       return this.getComponent();
     }
-
     return h(CancelSvg.IconWrapper, [this.Icon]);
   }
 };
@@ -815,13 +790,11 @@ var CustomSvg = {
   },
   render: function render() {
     var h = arguments[0];
-
     if (this.customIcon) {
       return h("div", {
         "class": this.$props.className
       }, [this.customIcon]);
     }
-
     if (this.$props.type === 'recent-search-icon') {
       return h("svg", {
         "attrs": {
@@ -846,7 +819,6 @@ var CustomSvg = {
         }
       })]);
     }
-
     if (this.$props.type === 'promoted-search-icon') {
       return h("svg", {
         "attrs": {
@@ -866,7 +838,6 @@ var CustomSvg = {
         }
       })]);
     }
-
     if (this.$props.type === 'popular-search-icon') {
       return h("svg", {
         "attrs": {
@@ -891,7 +862,6 @@ var CustomSvg = {
         }
       })]);
     }
-
     return h(SearchSvg, {
       "attrs": {
         "styles": {
@@ -910,26 +880,26 @@ var TagsContainer = styled__default('div')(_templateObject$6 || (_templateObject
 var TagItem = styled__default('span')(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tcursor: default;\n\tbox-sizing: border-box;\n\tmargin: 0 4px 4px 0;\n\tcolor: #000000d9;\n\tfont-size: 14px;\n\tfont-variant: tabular-nums;\n\tline-height: 1.5715;\n\tlist-style: none;\n\tfont-feature-settings: 'tnum';\n\tdisplay: inline-block;\n\theight: auto;\n\tpadding: 0 2px 0 7px;\n\tfont-size: 12px;\n\tline-height: 22px;\n\twhite-space: nowrap;\n\tbackground: #fafafa;\n\tborder: 1px solid #d9d9d9;\n\tborder-radius: 2px;\n\topacity: 1;\n\ttransition: all 0.3s;\n\n\tspan.close-icon {\n\t\tsvg {\n\t\t\tcursor: pointer;\n\t\t\theight: 15px;\n\t\t\tposition: relative;\n\t\t\ttop: 4px;\n\t\t\tfill: #262626;\n\t\t}\n\t}\n"])));
 
 var updateQuery = configureStore.Actions.updateQuery,
-    setQueryOptions = configureStore.Actions.setQueryOptions,
-    setCustomQuery = configureStore.Actions.setCustomQuery,
-    setDefaultQuery = configureStore.Actions.setDefaultQuery,
-    setCustomHighlightOptions = configureStore.Actions.setCustomHighlightOptions,
-    recordSuggestionClick = configureStore.Actions.recordSuggestionClick,
-    loadPopularSuggestions = configureStore.Actions.loadPopularSuggestions,
-    getRecentSearches = configureStore.Actions.getRecentSearches,
-    resetStoreForComponent = configureStore.Actions.resetStoreForComponent;
+  setQueryOptions = configureStore.Actions.setQueryOptions,
+  setCustomQuery = configureStore.Actions.setCustomQuery,
+  setDefaultQuery = configureStore.Actions.setDefaultQuery,
+  setCustomHighlightOptions = configureStore.Actions.setCustomHighlightOptions,
+  recordSuggestionClick = configureStore.Actions.recordSuggestionClick,
+  loadPopularSuggestions = configureStore.Actions.loadPopularSuggestions,
+  getRecentSearches = configureStore.Actions.getRecentSearches,
+  resetStoreForComponent = configureStore.Actions.resetStoreForComponent;
 var debounce = configureStore.helper.debounce,
-    checkValueChange = configureStore.helper.checkValueChange,
-    getClassName$1 = configureStore.helper.getClassName,
-    extractQueryFromCustomQuery = configureStore.helper.extractQueryFromCustomQuery,
-    getOptionsForCustomQuery = configureStore.helper.getOptionsForCustomQuery,
-    isEqual = configureStore.helper.isEqual,
-    getCompositeAggsQuery = configureStore.helper.getCompositeAggsQuery,
-    withClickIds = configureStore.helper.withClickIds,
-    getResultStats = configureStore.helper.getResultStats,
-    handleOnSuggestions = configureStore.helper.handleOnSuggestions,
-    getTopSuggestions = configureStore.helper.getTopSuggestions,
-    normalizeDataField = configureStore.helper.normalizeDataField;
+  checkValueChange = configureStore.helper.checkValueChange,
+  getClassName$1 = configureStore.helper.getClassName,
+  extractQueryFromCustomQuery = configureStore.helper.extractQueryFromCustomQuery,
+  getOptionsForCustomQuery = configureStore.helper.getOptionsForCustomQuery,
+  isEqual = configureStore.helper.isEqual,
+  getCompositeAggsQuery = configureStore.helper.getCompositeAggsQuery,
+  withClickIds = configureStore.helper.withClickIds,
+  getResultStats = configureStore.helper.getResultStats,
+  handleOnSuggestions = configureStore.helper.handleOnSuggestions,
+  getTopSuggestions = configureStore.helper.getTopSuggestions,
+  normalizeDataField = configureStore.helper.normalizeDataField;
 var DataSearch = {
   name: 'DataSearch',
   isTagsMode: false,
@@ -952,83 +922,70 @@ var DataSearch = {
   },
   created: function created() {
     var _this$$props = this.$props,
-        enableRecentSearches = _this$$props.enableRecentSearches,
-        distinctField = _this$$props.distinctField,
-        distinctFieldConfig = _this$$props.distinctFieldConfig,
-        index$1 = _this$$props.index,
-        mode = _this$$props.mode;
-
+      enableRecentSearches = _this$$props.enableRecentSearches,
+      distinctField = _this$$props.distinctField,
+      distinctFieldConfig = _this$$props.distinctFieldConfig,
+      index$1 = _this$$props.index,
+      mode = _this$$props.mode;
     if (mode === constants.SEARCH_COMPONENTS_MODES.TAG) {
       this.$options.isTagsMode = true;
     }
-
     if (this.enableAppbase && this.aggregationField && this.aggregationField !== '') {
       console.warn('Warning(ReactiveSearch): The `aggregationField` prop has been marked as deprecated, please use the `distinctField` prop instead.');
     }
-
     if (!this.enableAppbase && (distinctField || distinctFieldConfig)) {
       console.warn('Warning(ReactiveSearch): In order to use the `distinctField` and `distinctFieldConfig` props, the `enableAppbase` prop must be set to true in `ReactiveBase`.');
     }
-
     if (!this.enableAppbase && index$1) {
       console.warn('Warning(ReactiveSearch): In order to use the `index` prop, the `enableAppbase` prop must be set to true in `ReactiveBase`.');
     }
-
     this.currentValue = '';
-
     if (this.$options.isTagsMode) {
       this.currentValue = '';
     }
-
     var shouldFetchInitialSuggestions = this.$props.enableDefaultSuggestions || this.currentValue;
-
     if (shouldFetchInitialSuggestions) {
       this.loadPopularSuggestions(this.$props.componentId);
-
       if (enableRecentSearches) {
         this.getRecentSearches();
       }
     }
-
-    this.handleTextChange = debounce(this.handleText, this.$props.debounce); // Set custom and default queries in store
-
+    this.handleTextChange = debounce(this.handleText, this.$props.debounce);
+    this.updateDefaultQueryHandlerDebounced = debounce(this.updateDefaultQueryHandler, this.$props.debounce);
+    // Set custom and default queries in store
     index.updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
     index.updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, this.currentValue);
-    this.updateDefaultQueryHandler(this.currentValue, this.$props, false);
+    this.updateDefaultQueryHandlerDebounced(this.currentValue, this.$props, false);
   },
   computed: {
     suggestionsList: function suggestionsList() {
       var suggestionsList = [];
-
       if (!this.$data.currentValue && this.$props.defaultSuggestions && this.$props.defaultSuggestions.length) {
         suggestionsList = this.$props.defaultSuggestions;
       } else if (this.$data.currentValue) {
         suggestionsList = this.normalizedSuggestions;
       }
-
       return withClickIds(suggestionsList);
     },
     topSuggestions: function topSuggestions() {
       if (!this.currentValue) {
         return [];
       }
-
       return this.enablePopularSuggestions ? this.normalizedPopularSuggestions : [];
     },
     normalizedRecentSearches: function normalizedRecentSearches() {
       return this.recentSearches || [];
     },
     normalizedPopularSuggestions: function normalizedPopularSuggestions() {
-      return getTopSuggestions( // use default popular suggestions if value is empty
+      return getTopSuggestions(
+      // use default popular suggestions if value is empty
       this.currentValue ? this.popularSuggestions : this.defaultPopularSuggestions || [], this.currentValue, this.showDistinctSuggestions);
     },
     defaultSearchSuggestions: function defaultSearchSuggestions() {
       var isPopularSuggestionsEnabled = this.enablePopularSuggestions;
-
       if (this.currentValue || !this.enableDefaultSuggestions) {
         return [];
       }
-
       var customDefaultPopularSuggestions = (this.defaultPopularSuggestions || []).map(function (suggestion) {
         return _rollupPluginBabelHelpers._extends({}, suggestion, {
           _popular_suggestion: true
@@ -1040,7 +997,8 @@ var DataSearch = {
         });
       });
       var defaultSuggestions = isPopularSuggestionsEnabled ? [].concat(customNormalizedRecentSearches, customDefaultPopularSuggestions || []) : customNormalizedRecentSearches;
-      return getTopSuggestions( // use default popular suggestions if value is empty
+      return getTopSuggestions(
+      // use default popular suggestions if value is empty
       defaultSuggestions, this.currentValue, this.showDistinctSuggestions);
     },
     hasCustomRenderer: function hasCustomRenderer() {
@@ -1131,7 +1089,6 @@ var DataSearch = {
       if (this.customHighlight && typeof this.customHighlight === 'function') {
         this.setCustomHighlightOptions(this.componentId, this.customHighlight(this.$props));
       }
-
       var queryOptions = DataSearch.highlightQuery(this.$props) || {};
       this.queryOptions = _rollupPluginBabelHelpers._extends({}, queryOptions, this.getBasicQueryOptions());
       this.setQueryOptions(this.$props.componentId, this.queryOptions);
@@ -1139,7 +1096,6 @@ var DataSearch = {
       this.queryOptions = this.getBasicQueryOptions();
       this.setQueryOptions(this.$props.componentId, this.queryOptions);
     }
-
     if (this.selectedValue) {
       this.setValue(this.selectedValue, true, this.$props, this.$options.isTagsMode ? configureStore.causes.SUGGESTION_SELECT : undefined);
     } else if (this.$props.value) {
@@ -1179,13 +1135,12 @@ var DataSearch = {
         if (this.isPending && this.$options.isTagsMode && Array.isArray(newVal)) {
           this.isPending = false;
         }
-
         this.setValue(newVal, true, this.$props, undefined, false, typeof newVal !== 'string' && this.$options.isTagsMode);
       }
     },
     defaultQuery: function defaultQuery(newVal, oldVal) {
       if (!index.isQueryIdentical(newVal, oldVal, this.$data.currentValue, this.$props)) {
-        this.updateDefaultQueryHandler(this.$data.currentValue, this.$props);
+        this.updateDefaultQueryHandlerDebounced(this.$data.currentValue, this.$props);
       }
     },
     customQuery: function customQuery(newVal, oldVal) {
@@ -1207,12 +1162,10 @@ var DataSearch = {
           // selected value is cleared, call onValueSelected
           this.onValueSelectedHandler('', configureStore.causes.CLEAR_VALUE);
         }
-
         if (this.$options.isTagsMode) {
           // handling reset of tags through SelectedFilters or URL
           this.selectedTags = [];
         }
-
         this.setValue(newVal || '', true, this.$props, this.$options.isTagsMode ? configureStore.causes.SUGGESTION_SELECT : undefined);
       }
     },
@@ -1223,9 +1176,9 @@ var DataSearch = {
   methods: {
     handleText: function handleText(value) {
       if (this.$props.autosuggest) {
-        this.updateDefaultQueryHandler(value, this.$props);
+        this.updateDefaultQueryHandlerDebounced(value, this.$props);
       } else {
-        this.updateQueryHandler(this.$props.componentId, value, this.$props);
+        this.updateDefaultQueryHandlerDebounced(this.$props.componentId, value, this.$props);
       }
     },
     validateDataField: function validateDataField() {
@@ -1234,18 +1187,15 @@ var DataSearch = {
       var props = this.$props;
       var requiredError = propName + " supplied to " + componentName + " is required. Validation failed.";
       var propValue = props[propName];
-
       if (!this.enableAppbase) {
         if (!propValue) {
           console.error(requiredError);
           return;
         }
-
         if (typeof propValue !== 'string' && typeof propValue !== 'object' && !Array.isArray(propValue)) {
           console.error("Invalid " + propName + " supplied to " + componentName + ". Validation failed.");
           return;
         }
-
         if (Array.isArray(propValue) && propValue.length === 0) {
           console.error(requiredError);
         }
@@ -1255,7 +1205,6 @@ var DataSearch = {
       if (this.customHighlight && typeof this.customHighlight === 'function') {
         this.setCustomHighlightOptions(this.componentId, this.customHighlight(this.$props));
       }
-
       var queryOptions = DataSearch.highlightQuery(this.$props) || {};
       this.queryOptions = _rollupPluginBabelHelpers._extends({}, queryOptions, this.getBasicQueryOptions());
       this.setQueryOptions(this.$props.componentId, this.queryOptions);
@@ -1264,11 +1213,9 @@ var DataSearch = {
       if (downshiftProps === void 0) {
         downshiftProps = {};
       }
-
       if (isQuerySuggestionsRender === void 0) {
         isQuerySuggestionsRender = false;
       }
-
       var currentValue = this.$data.currentValue;
       var data = {
         error: this.error,
@@ -1285,7 +1232,6 @@ var DataSearch = {
         querySuggestions: this.normalizedPopularSuggestions,
         popularSuggestions: this.normalizedPopularSuggestions
       };
-
       if (isQuerySuggestionsRender) {
         return index.getQuerySuggestionsComponent({
           downshiftProps: downshiftProps,
@@ -1295,21 +1241,18 @@ var DataSearch = {
           error: this.error
         }, this);
       }
-
       return index.getComponent(data, this);
     },
     // returns size and aggs property
     getBasicQueryOptions: function getBasicQueryOptions() {
       var aggregationField = this.$props.aggregationField;
       var queryOptions = helper.getQueryOptions(this.$props);
-
       if (aggregationField) {
         queryOptions.aggs = getCompositeAggsQuery({
           props: this.$props,
           showTopHits: true
         }).aggs;
       }
-
       return queryOptions;
     },
     onSuggestions: function onSuggestions(results) {
@@ -1317,7 +1260,6 @@ var DataSearch = {
     },
     handleSearchIconClick: function handleSearchIconClick() {
       var currentValue = this.currentValue;
-
       if (currentValue.trim()) {
         this.isPending = false;
         this.setValue(currentValue, true);
@@ -1326,35 +1268,28 @@ var DataSearch = {
     },
     setValue: function setValue(value, isDefaultValue, props, cause, toggleIsOpen, isTagsMode) {
       var _this = this;
-
       if (isDefaultValue === void 0) {
         isDefaultValue = false;
       }
-
       if (props === void 0) {
         props = this.$props;
       }
-
       if (toggleIsOpen === void 0) {
         toggleIsOpen = true;
       }
-
       if (isTagsMode === void 0) {
         isTagsMode = this.$options.isTagsMode;
       }
-
       var performUpdate = function performUpdate() {
         if (isTagsMode && isEqual(value, _this.selectedTags)) {
           return;
-        } // Refresh recent searches when value becomes empty
-
-
+        }
+        // Refresh recent searches when value becomes empty
         if (!value && props.enableDefaultSuggestions === false) {
           _this.resetStoreForComponent(props.componentId);
         } else if (!value && _this.currentValue && _this.enableRecentSearches) {
           _this.getRecentSearches();
         }
-
         if (isTagsMode) {
           if (Array.isArray(_this.selectedTags) && _this.selectedTags.length) {
             // check if value already present in selectedTags
@@ -1362,9 +1297,7 @@ var DataSearch = {
               _this.isOpen = false;
               return;
             }
-
             _this.selectedTags = [].concat(_this.selectedTags);
-
             if (typeof value === 'string' && !!value) {
               _this.selectedTags.push(value);
             } else if (Array.isArray(value) && !isEqual(_this.selectedTags, value)) {
@@ -1373,29 +1306,23 @@ var DataSearch = {
           } else if (value) {
             _this.selectedTags = typeof value !== 'string' ? value : [].concat(value);
           }
-
           _this.currentValue = '';
         } else {
           _this.currentValue = value;
         }
-
         var queryHandlerValue = value;
-
         if (isTagsMode) {
           queryHandlerValue = Array.isArray(_this.selectedTags) && _this.selectedTags.length ? _this.selectedTags : undefined;
         }
-
         if (isDefaultValue) {
           if (_this.$props.autosuggest) {
             if (toggleIsOpen) {
               _this.isOpen = false;
             }
-
-            if (typeof value === 'string') _this.updateDefaultQueryHandler(value, _this.$props);
+            if (typeof value === 'string') _this.updateDefaultQueryHandlerDebounced(value, _this.$props);
           } // in case of strict selection only SUGGESTION_SELECT should be able
           // to set the query otherwise the value should reset
 
-
           if (props.strictSelection) {
             if (cause === configureStore.causes.SUGGESTION_SELECT || (_this.$options.isTagsMode ? _this.selectedTags.length === 0 : value === '')) {
               _this.updateQueryHandler(props.componentId, queryHandlerValue, props);
@@ -1409,49 +1336,43 @@ var DataSearch = {
           // debounce for handling text while typing
           _this.handleTextChange(value);
         }
-
         _this.$emit('valueChange', value);
-
-        _this.$emit('value-change', value); // Set the already fetched suggestions if query is same as used last to fetch the hits
-
-
+        _this.$emit('value-change', value);
+        // Set the already fetched suggestions if query is same as used last to fetch the hits
         if (value === _this.lastUsedQuery) {
-          _this.suggestions = _this.onSuggestions(_this.suggestions); // invoke on suggestions
-
+          _this.suggestions = _this.onSuggestions(_this.suggestions);
+          // invoke on suggestions
           _this.$emit('suggestions', _this.suggestions);
         } else if (!value) {
           // reset suggestions
-          _this.suggestions = []; // invoke on suggestions
-
+          _this.suggestions = [];
+          // invoke on suggestions
           _this.$emit('suggestions', _this.suggestions);
         }
       };
-
       checkValueChange(props.componentId, value, props.beforeValueChange, performUpdate);
     },
     updateDefaultQueryHandler: function updateDefaultQueryHandler(value, props, execute) {
+      if (props === void 0) {
+        props = this.$props;
+      }
       if (!value && props.enableDefaultSuggestions === false) {
         // clear Component data from store
         this.resetStoreForComponent(props.componentId);
         return;
       }
-
       var defaultQueryOptions;
       var query = DataSearch.defaultQuery(value, props);
-
       if (this.defaultQuery) {
         var defaultQueryToBeSet = this.defaultQuery(value, props) || {};
         var defaultQueryObj = extractQueryFromCustomQuery(defaultQueryToBeSet);
-
         if (defaultQueryObj) {
           query = defaultQueryObj;
         }
-
-        defaultQueryOptions = getOptionsForCustomQuery(defaultQueryToBeSet); // Update calculated default query in store
-
+        defaultQueryOptions = getOptionsForCustomQuery(defaultQueryToBeSet);
+        // Update calculated default query in store
         index.updateDefaultQuery(props.componentId, this.setDefaultQuery, props, value);
       }
-
       this.setQueryOptions(this.internalComponent, _rollupPluginBabelHelpers._extends({}, this.queryOptions, defaultQueryOptions), execute);
       this.updateQuery({
         componentId: this.internalComponent,
@@ -1462,26 +1383,22 @@ var DataSearch = {
     },
     updateQueryHandler: function updateQueryHandler(componentId, value, props) {
       var customQuery = props.customQuery,
-          filterLabel = props.filterLabel,
-          showFilter = props.showFilter,
-          URLParams = props.URLParams;
+        filterLabel = props.filterLabel,
+        showFilter = props.showFilter,
+        URLParams = props.URLParams;
       var customQueryOptions;
       var defaultQueryTobeSet = DataSearch.defaultQuery(value, props);
       var query = defaultQueryTobeSet;
-
       if (customQuery) {
         var customQueryTobeSet = customQuery(value, props);
         var queryTobeSet = extractQueryFromCustomQuery(customQueryTobeSet);
-
         if (queryTobeSet) {
           query = queryTobeSet;
         }
-
         customQueryOptions = getOptionsForCustomQuery(customQueryTobeSet);
         index.updateCustomQuery(props.componentId, this.setCustomQuery, props, value);
         this.setQueryOptions(componentId, _rollupPluginBabelHelpers._extends({}, this.queryOptions, customQueryOptions), false);
       }
-
       if (!this.isPending) {
         this.updateQuery({
           componentId: componentId,
@@ -1501,7 +1418,6 @@ var DataSearch = {
     },
     handleVoiceResults: function handleVoiceResults(_ref) {
       var results = _ref.results;
-
       if (results && results[0] && results[0].isFinal && results[0][0] && results[0][0].transcript && results[0][0].transcript.trim()) {
         this.isPending = false;
         this.setValue(results[0][0].transcript.trim(), true);
@@ -1509,11 +1425,9 @@ var DataSearch = {
     },
     triggerQuery: function triggerQuery(_temp) {
       var _ref2 = _temp === void 0 ? false : _temp,
-          _ref2$isOpen = _ref2.isOpen,
-          isOpen = _ref2$isOpen === void 0 ? false : _ref2$isOpen;
-
+        _ref2$isOpen = _ref2.isOpen,
+        isOpen = _ref2$isOpen === void 0 ? false : _ref2$isOpen;
       var value = this.$props.value;
-
       if (value !== undefined) {
         this.isPending = false;
         this.setValue(this.$props.value, !isOpen);
@@ -1522,17 +1436,14 @@ var DataSearch = {
     triggerClickAnalytics: function triggerClickAnalytics(searchPosition, documentId) {
       // click analytics would only work client side and after javascript loads
       var docId = documentId;
-
       if (!docId) {
         var hitData = this.suggestionsList.find(function (hit) {
           return hit._click_id === searchPosition;
         });
-
         if (hitData && hitData.source && hitData.source._id) {
           docId = hitData.source._id;
         }
       }
-
       this.recordSuggestionClick(searchPosition, docId);
     },
     clearValue: function clearValue() {
@@ -1542,53 +1453,44 @@ var DataSearch = {
     },
     handleKeyDown: function handleKeyDown(event, highlightedIndex) {
       var value = this.$props.value;
-
       if (value !== undefined) {
         this.isPending = true;
-      } // if a suggestion was selected, delegate the handling to suggestion handler
-
+      }
 
+      // if a suggestion was selected, delegate the handling to suggestion handler
       if (event.key === 'Enter' && highlightedIndex === null) {
         this.setValue(event.target.value, true, this.$props, this.$options.isTagsMode ? configureStore.causes.SUGGESTION_SELECT : undefined // to handle tags
         );
-        this.onValueSelectedHandler(event.target.value, configureStore.causes.ENTER_PRESS);
-      } // Need to review
-
 
+        this.onValueSelectedHandler(event.target.value, configureStore.causes.ENTER_PRESS);
+      }
+      // Need to review
       this.$emit('keyDown', event, this.triggerQuery);
       this.$emit('key-down', event, this.triggerQuery);
     },
     onInputChange: function onInputChange(e) {
       var _this2 = this;
-
       var inputValue = e.target.value;
-
       if (!this.$data.isOpen) {
         this.isOpen = true;
       }
-
       var _this$$props2 = this.$props,
-          value = _this$$props2.value,
-          autosuggest = _this$$props2.autosuggest;
-
+        value = _this$$props2.value,
+        autosuggest = _this$$props2.autosuggest;
       if (value === undefined) {
         this.setValue(inputValue, false, this.$props, undefined, true, false);
       } else {
         this.isPending = true;
         this.$emit('change', inputValue, function (_temp2) {
           var _ref3 = _temp2 === void 0 ? {} : _temp2,
-              _ref3$isOpen = _ref3.isOpen,
-              isOpen = _ref3$isOpen === void 0 ? false : _ref3$isOpen;
-
+            _ref3$isOpen = _ref3.isOpen,
+            isOpen = _ref3$isOpen === void 0 ? false : _ref3$isOpen;
           if (_this2.$options.isTagsMode && autosuggest) {
             _this2.currentValue = value;
             _this2.isOpen = isOpen;
-
-            _this2.updateDefaultQueryHandler(_this2.currentValue, _this2.$props);
-
+            _this2.updateDefaultQueryHandlerDebounced(_this2.currentValue, _this2.$props);
             return;
           }
-
           _this2.triggerQuery({
             isOpen: isOpen
           });
@@ -1596,28 +1498,24 @@ var DataSearch = {
       }
     },
     onSuggestionSelected: function onSuggestionSelected(suggestion) {
-      var value = this.$props.value; // Record analytics for selected suggestions
-
+      var value = this.$props.value;
+      // Record analytics for selected suggestions
       this.triggerClickAnalytics(suggestion._click_id);
-
       if (value === undefined) {
         this.setValue(suggestion.value, true, this.$props, configureStore.causes.SUGGESTION_SELECT);
       } else if (this.$options.isTagsMode) {
         var emitValue = Array.isArray(this.selectedTags) ? [].concat(this.selectedTags) : [];
-
         if (this.selectedTags.includes(suggestion.value)) {
           // avoid duplicates in tags array
           this.isOpen = false;
           return;
         }
-
         emitValue.push(suggestion.value);
         this.setValue(emitValue, true, this.$props, configureStore.causes.SUGGESTION_SELECT, true);
         this.$emit('change', emitValue, this.triggerQuery);
       } else {
         this.$emit('change', suggestion.value, this.triggerQuery);
       }
-
       this.isPending = false;
       this.onValueSelectedHandler(suggestion.value, configureStore.causes.SUGGESTION_SELECT, suggestion.source);
     },
@@ -1625,11 +1523,9 @@ var DataSearch = {
       if (currentValue === void 0) {
         currentValue = this.$data.currentValue;
       }
-
       for (var _len = arguments.length, cause = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
         cause[_key - 1] = arguments[_key];
       }
-
       this.$emit.apply(this, ['valueSelected', currentValue].concat(cause));
       this.$emit.apply(this, ['value-selected', currentValue].concat(cause));
     },
@@ -1639,26 +1535,21 @@ var DataSearch = {
     },
     getBackgroundColor: function getBackgroundColor(highlightedIndex, index) {
       var isDark = this.themePreset === 'dark';
-
       if (isDark) {
         return highlightedIndex === index ? '#555' : '#424242';
       }
-
       return highlightedIndex === index ? '#eee' : '#fff';
     },
     renderIcon: function renderIcon() {
       var h = this.$createElement;
-
       if (this.$props.showIcon) {
         return this.$props.icon || h(SearchSvg);
       }
-
       return null;
     },
     renderErrorComponent: function renderErrorComponent() {
       var h = this.$createElement;
       var renderError = this.$scopedSlots.renderError || this.$props.renderError;
-
       if (this.error && renderError && this.$data.currentValue && !this.isLoading) {
         return h(SuggestionWrapper, {
           "attrs": {
@@ -1669,33 +1560,28 @@ var DataSearch = {
           }
         }, [index.isFunction(renderError) ? renderError(this.error) : renderError]);
       }
-
       return null;
     },
     renderCancelIcon: function renderCancelIcon() {
       var h = this.$createElement;
-
       if (this.$props.showClear) {
         return this.$props.clearIcon || h(CancelSvg.CancelSvg);
       }
-
       return null;
     },
     renderNoSuggestions: function renderNoSuggestions(finalSuggestionsList) {
       if (finalSuggestionsList === void 0) {
         finalSuggestionsList = [];
       }
-
       var h = this.$createElement;
       var _this$$props3 = this.$props,
-          theme = _this$$props3.theme,
-          innerClass = _this$$props3.innerClass;
+        theme = _this$$props3.theme,
+        innerClass = _this$$props3.innerClass;
       var renderNoSuggestion = this.$scopedSlots.renderNoSuggestion || this.$props.renderNoSuggestion;
       var renderError = this.$scopedSlots.renderError || this.$props.renderError;
       var _this$$data = this.$data,
-          isOpen = _this$$data.isOpen,
-          currentValue = _this$$data.currentValue;
-
+        isOpen = _this$$data.isOpen,
+        currentValue = _this$$data.currentValue;
       if (renderNoSuggestion && isOpen && !finalSuggestionsList.length && !this.isLoading && currentValue && !(renderError && this.error)) {
         return h(SuggestionWrapper, {
           "attrs": {
@@ -1711,22 +1597,18 @@ var DataSearch = {
           }
         });
       }
-
       return null;
     },
     renderInputAddonBefore: function renderInputAddonBefore() {
       var h = this.$createElement;
       var addonBefore = this.$scopedSlots.addonBefore;
-
       if (addonBefore) {
         return h(InputAddon, [addonBefore()]);
       }
-
       return null;
     },
     renderTag: function renderTag(item) {
       var _this3 = this;
-
       var h = this.$createElement;
       var innerClass = this.$props.innerClass;
       return h(TagItem, {
@@ -1747,7 +1629,6 @@ var DataSearch = {
     clearAllTags: function clearAllTags() {
       this.selectedTags = [];
       this.setValue('', true, this.$props, configureStore.causes.SUGGESTION_SELECT);
-
       if (this.$props.value !== undefined) {
         this.$emit('change', this.selectedTags, this.triggerQuery);
       }
@@ -1757,20 +1638,16 @@ var DataSearch = {
         return tag !== tagValue;
       }));
       this.setValue('', true, this.$props, configureStore.causes.SUGGESTION_SELECT);
-
       if (this.$props.value !== undefined) {
         this.$emit('change', this.selectedTags, this.triggerQuery);
       }
     },
     renderTags: function renderTags() {
       var _this4 = this;
-
       var h = this.$createElement;
-
       if (!Array.isArray(this.selectedTags)) {
         return null;
       }
-
       var tagsList = [].concat(this.selectedTags);
       var shouldRenderClearAllTag = tagsList.length > 1;
       var renderSelectedTags = this.$scopedSlots.renderSelectedTags || this.$props.renderSelectedTags;
@@ -1796,22 +1673,20 @@ var DataSearch = {
     renderInputAddonAfter: function renderInputAddonAfter() {
       var h = this.$createElement;
       var addonAfter = this.$scopedSlots.addonAfter;
-
       if (addonAfter) {
         return h(InputAddon, [addonAfter()]);
       }
-
       return null;
     },
     renderIcons: function renderIcons() {
       var h = this.$createElement;
       var _this$$props4 = this.$props,
-          iconPosition = _this$$props4.iconPosition,
-          showClear = _this$$props4.showClear,
-          innerClass = _this$$props4.innerClass,
-          getMicInstance = _this$$props4.getMicInstance,
-          showVoiceSearch = _this$$props4.showVoiceSearch,
-          showIcon = _this$$props4.showIcon;
+        iconPosition = _this$$props4.iconPosition,
+        showClear = _this$$props4.showClear,
+        innerClass = _this$$props4.innerClass,
+        getMicInstance = _this$$props4.getMicInstance,
+        showVoiceSearch = _this$$props4.showVoiceSearch,
+        showIcon = _this$$props4.showIcon;
       var renderMic = this.$scopedSlots.renderMic || this.$props.renderMic;
       var currentValue = this.$data.currentValue;
       return h("div", [h(CancelSvg.IconGroup, {
@@ -1851,49 +1726,41 @@ var DataSearch = {
     },
     focusSearchBox: function focusSearchBox(event) {
       var _this$$refs, _this$$refs$this$$pro;
-
       var elt = event.target || event.srcElement;
       var tagName = elt.tagName;
-
       if (elt.isContentEditable || tagName === 'INPUT' || tagName === 'SELECT' || tagName === 'TEXTAREA') {
         // already in an input
         return;
       }
-
       (_this$$refs = this.$refs) == null ? void 0 : (_this$$refs$this$$pro = _this$$refs[this.$props.innerRef]) == null ? void 0 : _this$$refs$this$$pro.focus(); // eslint-disable-line
     },
     listenForFocusShortcuts: function listenForFocusShortcuts() {
       var _this5 = this;
-
       var _this$$props$focusSho = this.$props.focusShortcuts,
-          focusShortcuts = _this$$props$focusSho === void 0 ? ['/'] : _this$$props$focusSho;
-
+        focusShortcuts = _this$$props$focusSho === void 0 ? ['/'] : _this$$props$focusSho;
       if (index.isEmpty(focusShortcuts)) {
         return;
       }
+      var shortcutsString = index.parseFocusShortcuts(focusShortcuts).join(',');
 
-      var shortcutsString = index.parseFocusShortcuts(focusShortcuts).join(','); // handler for alphabets and other key combinations
-
-      hotkeys(shortcutsString, // eslint-disable-next-line no-unused-vars
-
+      // handler for alphabets and other key combinations
+      hotkeys(shortcutsString,
+      // eslint-disable-next-line no-unused-vars
       /* eslint-disable no-shadow */
       function (event, handler) {
         // Prevent the default refresh event under WINDOWS system
         event.preventDefault();
-
         _this5.focusSearchBox(event);
-      }); // if one of modifier keys are used, they are handled below
+      });
 
+      // if one of modifier keys are used, they are handled below
       hotkeys('*', function (event) {
         var modifierKeys = index.extractModifierKeysFromFocusShortcuts(focusShortcuts);
         if (modifierKeys.length === 0) return;
-
         for (var index$1 = 0; index$1 < modifierKeys.length; index$1 += 1) {
           var element = modifierKeys[index$1];
-
           if (hotkeys[element]) {
             _this5.focusSearchBox(event);
-
             break;
           }
         }
@@ -1902,22 +1769,19 @@ var DataSearch = {
   },
   render: function render() {
     var _this6 = this;
-
     var h = arguments[0];
     var _this$$props5 = this.$props,
-        theme = _this$$props5.theme,
-        size = _this$$props5.size,
-        expandSuggestionsContainer = _this$$props5.expandSuggestionsContainer,
-        enableDefaultSuggestions = _this$$props5.enableDefaultSuggestions;
+      theme = _this$$props5.theme,
+      size = _this$$props5.size,
+      expandSuggestionsContainer = _this$$props5.expandSuggestionsContainer,
+      enableDefaultSuggestions = _this$$props5.enableDefaultSuggestions;
     var _this$$scopedSlots = this.$scopedSlots,
-        recentSearchesIcon = _this$$scopedSlots.recentSearchesIcon,
-        popularSearchesIcon = _this$$scopedSlots.popularSearchesIcon;
+      recentSearchesIcon = _this$$scopedSlots.recentSearchesIcon,
+      popularSearchesIcon = _this$$scopedSlots.popularSearchesIcon;
     var hasSuggestions = this.currentValue ? this.suggestionsList.length || this.topSuggestions.length : this.defaultSearchSuggestions.length;
-
     if (enableDefaultSuggestions === false && !this.currentValue) {
       hasSuggestions = false;
     }
-
     return h(Container.Container, {
       "class": this.$props.className
     }, [this.$props.title && h(Title.Title, {
@@ -1932,13 +1796,12 @@ var DataSearch = {
       "scopedSlots": {
         "default": function _default(_ref4) {
           var getInputEvents = _ref4.getInputEvents,
-              getInputProps = _ref4.getInputProps,
-              getItemProps = _ref4.getItemProps,
-              getItemEvents = _ref4.getItemEvents,
-              isOpen = _ref4.isOpen,
-              highlightedIndex = _ref4.highlightedIndex,
-              setHighlightedIndex = _ref4.setHighlightedIndex;
-
+            getInputProps = _ref4.getInputProps,
+            getItemProps = _ref4.getItemProps,
+            getItemEvents = _ref4.getItemEvents,
+            isOpen = _ref4.isOpen,
+            highlightedIndex = _ref4.highlightedIndex,
+            setHighlightedIndex = _ref4.setHighlightedIndex;
           var renderSuggestionsContainer = function renderSuggestionsContainer() {
             return h("div", [_this6.hasCustomRenderer && _this6.getComponent({
               isOpen: isOpen,
@@ -2036,7 +1899,6 @@ var DataSearch = {
               })]);
             })]) : _this6.renderNoSuggestions(_this6.suggestionsList)]);
           };
-
           return h("div", {
             "class": Input.suggestionsContainer
           }, [h(InputGroup, [_this6.renderInputAddonBefore(), h(CancelSvg.InputWrapper, [h(Input.Input, {
@@ -2060,7 +1922,6 @@ var DataSearch = {
               onFocus: _this6.handleFocus,
               onKeyPress: function onKeyPress(e) {
                 _this6.$emit('keyPress', e, _this6.triggerQuery);
-
                 _this6.$emit('key-press', e, _this6.triggerQuery);
               },
               onKeyDown: function onKeyDown(e) {
@@ -2068,7 +1929,6 @@ var DataSearch = {
               },
               onKeyUp: function onKeyUp(e) {
                 _this6.$emit('keyUp', e, _this6.triggerQuery);
-
                 _this6.$emit('key-up', e, _this6.triggerQuery);
               },
               onClick: function onClick() {
@@ -2098,7 +1958,6 @@ var DataSearch = {
         },
         keypress: function keypress(e) {
           _this6.$emit('keyPress', e, _this6.triggerQuery);
-
           _this6.$emit('key-press', e, _this6.triggerQuery);
         },
         input: this.onInputChange,
@@ -2107,12 +1966,10 @@ var DataSearch = {
         },
         keydown: function keydown(e) {
           _this6.$emit('keyDown', e, _this6.triggerQuery);
-
           _this6.$emit('key-down', e, _this6.triggerQuery);
         },
         keyup: function keyup(e) {
           _this6.$emit('keyUp', e, _this6.triggerQuery);
-
           _this6.$emit('key-up', e, _this6.triggerQuery);
         }
       }),
@@ -2127,10 +1984,8 @@ var DataSearch = {
     document.removeEventListener('keydown', this.onKeyDown);
   }
 };
-
 DataSearch.defaultQuery = function (value, props) {
   var finalQuery = null;
-
   if (value) {
     var fields = normalizeDataField(props.dataField, props.fieldWeights);
     finalQuery = {
@@ -2140,11 +1995,9 @@ DataSearch.defaultQuery = function (value, props) {
       }
     };
   }
-
   if (value === '') {
     finalQuery = null;
   }
-
   if (finalQuery && props.nestedField) {
     return {
       query: {
@@ -2155,23 +2008,18 @@ DataSearch.defaultQuery = function (value, props) {
       }
     };
   }
-
   return finalQuery;
 };
-
 DataSearch.shouldQuery = function (value, dataFields, props) {
   var finalQuery = [];
   var phrasePrefixFields = [];
   var fields = dataFields.map(function (dataField) {
     var queryField = "" + dataField.field + (dataField.weight ? "^" + dataField.weight : '');
-
     if (!(dataField.field.endsWith('.keyword') || dataField.field.endsWith('.autosuggest') || dataField.field.endsWith('.search'))) {
       phrasePrefixFields.push(queryField);
     }
-
     return queryField;
   });
-
   if (props.searchOperators || props.queryString) {
     return {
       query: value,
@@ -2179,7 +2027,6 @@ DataSearch.shouldQuery = function (value, dataFields, props) {
       default_operator: props.queryFormat
     };
   }
-
   if (props.queryFormat === 'and') {
     finalQuery.push({
       multi_match: {
@@ -2197,7 +2044,6 @@ DataSearch.shouldQuery = function (value, dataFields, props) {
         operator: 'and'
       }
     });
-
     if (phrasePrefixFields.length > 0) {
       finalQuery.push({
         multi_match: {
@@ -2208,10 +2054,8 @@ DataSearch.shouldQuery = function (value, dataFields, props) {
         }
       });
     }
-
     return finalQuery;
   }
-
   finalQuery.push({
     multi_match: {
       query: value,
@@ -2229,7 +2073,6 @@ DataSearch.shouldQuery = function (value, dataFields, props) {
       operator: 'or'
     }
   });
-
   if (phrasePrefixFields.length > 0) {
     finalQuery.push({
       multi_match: {
@@ -2240,22 +2083,17 @@ DataSearch.shouldQuery = function (value, dataFields, props) {
       }
     });
   }
-
   return finalQuery;
 };
-
 DataSearch.highlightQuery = function (props) {
   if (props.customHighlight) {
     return props.customHighlight(props);
   }
-
   if (!props.highlight) {
     return null;
   }
-
   var fields = {};
   var highlightField = props.highlightField ? props.highlightField : props.dataField;
-
   if (typeof highlightField === 'string') {
     fields[highlightField] = {};
   } else if (Array.isArray(highlightField)) {
@@ -2263,7 +2101,6 @@ DataSearch.highlightQuery = function (props) {
       fields[item] = {};
     });
   }
-
   return {
     highlight: _rollupPluginBabelHelpers._extends({
       pre_tags: ['<mark>'],
@@ -2274,11 +2111,9 @@ DataSearch.highlightQuery = function (props) {
     })
   };
 };
-
 DataSearch.hasInternalComponent = function () {
   return true;
 };
-
 var mapStateToProps = function mapStateToProps(state, props) {
   return {
     selectedValue: state.selectedValues[props.componentId] && state.selectedValues[props.componentId].value || null,
@@ -2303,7 +2138,6 @@ var mapStateToProps = function mapStateToProps(state, props) {
     recentSearches: state.recentSearches.data
   };
 };
-
 var mapDispatchToProps = {
   setQueryOptions: setQueryOptions,
   updateQuery: updateQuery,
@@ -2319,12 +2153,10 @@ var DSConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.Compo
   componentType: constants.componentTypes.dataSearch,
   internalComponent: DataSearch.hasInternalComponent()
 }));
-
 DataSearch.install = function (Vue) {
   Vue.component(DataSearch.name, DSConnected);
-}; // Add componentType for SSR
-
-
+};
+// Add componentType for SSR
 DataSearch.componentType = constants.componentTypes.dataSearch;
 
 exports.CustomSvg = CustomSvg;