@appbaseio/reactivesearch-vue 1.33.1 → 1.33.3

package/dist/es/{DataSearch-d56bf07a.js → DataSearch-5ddfba23.js}

@@ -1,19 +1,19 @@
 import { helper, Actions, causes } from '@appbaseio/reactivecore';
 import { SEARCH_COMPONENTS_MODES, componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
-import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-76660dab.js';
+import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-ded08042.js';
 import VueTypes from 'vue-types';
 import { getQueryOptions } from '@appbaseio/reactivecore/lib/utils/helper';
 import styled, { css, cx, injectGlobal } from '@appbaseio/vue-emotion';
-import { t as types } from './vueTypes-b8146772.js';
-import { g as getComponent, h as hasCustomRenderer, f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, j as getQuerySuggestionsComponent, a as isFunction, k as isEmpty, p as parseFocusShortcuts, l as extractModifierKeysFromFocusShortcuts, m as hasQuerySuggestionsRenderer, c as connect } from './index-99c5f9c9.js';
-import { C as ComponentWrapper } from './ComponentWrapper-d5e814a4.js';
-import { P as PreferencesConsumer } from './PreferencesConsumer-4169deb1.js';
-import { T as Title } from './Title-3342664a.js';
-import { F as Flex } from './Flex-1f0795c3.js';
+import { t as types } from './vueTypes-8986b709.js';
+import { g as getComponent, h as hasCustomRenderer, f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, j as getQuerySuggestionsComponent, a as isFunction, k as isEmpty, p as parseFocusShortcuts, l as extractModifierKeysFromFocusShortcuts, m as hasQuerySuggestionsRenderer, c as connect } from './index-0444a498.js';
+import { C as ComponentWrapper } from './ComponentWrapper-240450cc.js';
+import { P as PreferencesConsumer } from './PreferencesConsumer-bc097ebb.js';
+import { T as Title } from './Title-863dfa42.js';
+import { F as Flex } from './Flex-7c177a10.js';
 import hotkeys from 'hotkeys-js';
-import { I as IconWrapper, C as CancelSvg, a as IconGroup, D as Downshift, b as InputWrapper } from './CancelSvg-4cfae5fd.js';
-import { n as noSuggestions, s as suggestionsContainer, I as Input, a as suggestions } from './Input-7a2a9fac.js';
-import { C as Container } from './Container-ba826e96.js';
+import { I as IconWrapper, C as CancelSvg, a as IconGroup, D as Downshift, b as InputWrapper } from './CancelSvg-e40552a5.js';
+import { n as noSuggestions, s as suggestionsContainer, I as Input, a as suggestions } from './Input-c09c0b56.js';
+import { C as Container } from './Container-d00219f7.js';
 import Highlight from 'vue-highlight-words';
 
 var _templateObject;
@@ -39,9 +39,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": noSuggestions(themePreset) + " " + getClassName(innerClass, innerClassName || '')
     }, [h("li", [this.$scopedSlots["default"]()])]);
@@ -65,20 +65,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
@@ -92,7 +92,6 @@ var SuggestionItem = {
         }
       })]) : label;
     }
-
     if (title || image || description) {
       return h(Flex, {
         "attrs": {
@@ -148,7 +147,6 @@ var SuggestionItem = {
         }
       })])])]);
     }
-
     return value;
   }
 };
@@ -180,6 +178,7 @@ var SearchSvg = {
 
 var _templateObject$3;
 
+// eslint-disable-next-line
 injectGlobal(_templateObject$3 || (_templateObject$3 = _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',
@@ -227,6 +226,7 @@ var MicSvg = {
 
 var _templateObject$4;
 
+// eslint-disable-next-line
 injectGlobal(_templateObject$4 || (_templateObject$4 = _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',
@@ -285,6 +285,7 @@ var MuteSvg = {
 
 var _templateObject$5;
 
+// eslint-disable-next-line
 injectGlobal(_templateObject$5 || (_templateObject$5 = _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',
@@ -635,90 +636,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;
         };
@@ -733,7 +715,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, {
@@ -744,7 +725,6 @@ var Mic = {
               "click": this.handleClick
             }
           });
-
         case STATUS.stopped:
         case STATUS.denied:
           return h(MuteSvg, {
@@ -755,7 +735,6 @@ var Mic = {
               "click": this.handleClick
             }
           });
-
         default:
           return h(MicSvg, {
             "attrs": {
@@ -775,10 +754,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.');
       }
@@ -786,11 +763,9 @@ var Mic = {
   },
   render: function render() {
     var h = arguments[0];
-
     if (this.hasCustomRenderer) {
       return this.getComponent();
     }
-
     return h(IconWrapper, [this.Icon]);
   }
 };
@@ -809,13 +784,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": {
@@ -840,7 +813,6 @@ var CustomSvg = {
         }
       })]);
     }
-
     if (this.$props.type === 'promoted-search-icon') {
       return h("svg", {
         "attrs": {
@@ -860,7 +832,6 @@ var CustomSvg = {
         }
       })]);
     }
-
     if (this.$props.type === 'popular-search-icon') {
       return h("svg", {
         "attrs": {
@@ -885,7 +856,6 @@ var CustomSvg = {
         }
       })]);
     }
-
     return h(SearchSvg, {
       "attrs": {
         "styles": {
@@ -904,26 +874,26 @@ var TagsContainer = styled('div')(_templateObject$6 || (_templateObject$6 = _tag
 var TagItem = styled('span')(_templateObject2 || (_templateObject2 = _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 = Actions.updateQuery,
-    setQueryOptions = Actions.setQueryOptions,
-    setCustomQuery = Actions.setCustomQuery,
-    setDefaultQuery = Actions.setDefaultQuery,
-    setCustomHighlightOptions = Actions.setCustomHighlightOptions,
-    recordSuggestionClick = Actions.recordSuggestionClick,
-    loadPopularSuggestions = Actions.loadPopularSuggestions,
-    getRecentSearches = Actions.getRecentSearches,
-    resetStoreForComponent = Actions.resetStoreForComponent;
+  setQueryOptions = Actions.setQueryOptions,
+  setCustomQuery = Actions.setCustomQuery,
+  setDefaultQuery = Actions.setDefaultQuery,
+  setCustomHighlightOptions = Actions.setCustomHighlightOptions,
+  recordSuggestionClick = Actions.recordSuggestionClick,
+  loadPopularSuggestions = Actions.loadPopularSuggestions,
+  getRecentSearches = Actions.getRecentSearches,
+  resetStoreForComponent = Actions.resetStoreForComponent;
 var debounce = helper.debounce,
-    checkValueChange = helper.checkValueChange,
-    getClassName$1 = helper.getClassName,
-    extractQueryFromCustomQuery = helper.extractQueryFromCustomQuery,
-    getOptionsForCustomQuery = helper.getOptionsForCustomQuery,
-    isEqual = helper.isEqual,
-    getCompositeAggsQuery = helper.getCompositeAggsQuery,
-    withClickIds = helper.withClickIds,
-    getResultStats = helper.getResultStats,
-    handleOnSuggestions = helper.handleOnSuggestions,
-    getTopSuggestions = helper.getTopSuggestions,
-    normalizeDataField = helper.normalizeDataField;
+  checkValueChange = helper.checkValueChange,
+  getClassName$1 = helper.getClassName,
+  extractQueryFromCustomQuery = helper.extractQueryFromCustomQuery,
+  getOptionsForCustomQuery = helper.getOptionsForCustomQuery,
+  isEqual = helper.isEqual,
+  getCompositeAggsQuery = helper.getCompositeAggsQuery,
+  withClickIds = helper.withClickIds,
+  getResultStats = helper.getResultStats,
+  handleOnSuggestions = helper.handleOnSuggestions,
+  getTopSuggestions = helper.getTopSuggestions,
+  normalizeDataField = helper.normalizeDataField;
 var DataSearch = {
   name: 'DataSearch',
   isTagsMode: false,
@@ -946,83 +916,70 @@ var DataSearch = {
   },
   created: function created() {
     var _this$$props = this.$props,
-        enableRecentSearches = _this$$props.enableRecentSearches,
-        distinctField = _this$$props.distinctField,
-        distinctFieldConfig = _this$$props.distinctFieldConfig,
-        index = _this$$props.index,
-        mode = _this$$props.mode;
-
+      enableRecentSearches = _this$$props.enableRecentSearches,
+      distinctField = _this$$props.distinctField,
+      distinctFieldConfig = _this$$props.distinctFieldConfig,
+      index = _this$$props.index,
+      mode = _this$$props.mode;
     if (mode === 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) {
       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
     updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
     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 _extends({}, suggestion, {
           _popular_suggestion: true
@@ -1034,7 +991,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$1() {
@@ -1125,7 +1083,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 = _extends({}, queryOptions, this.getBasicQueryOptions());
       this.setQueryOptions(this.$props.componentId, this.queryOptions);
@@ -1133,7 +1090,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 ? causes.SUGGESTION_SELECT : undefined);
     } else if (this.$props.value) {
@@ -1173,13 +1129,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 (!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) {
@@ -1201,12 +1156,10 @@ var DataSearch = {
           // selected value is cleared, call onValueSelected
           this.onValueSelectedHandler('', 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 ? causes.SUGGESTION_SELECT : undefined);
       }
     },
@@ -1217,9 +1170,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() {
@@ -1228,18 +1181,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);
         }
@@ -1249,7 +1199,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 = _extends({}, queryOptions, this.getBasicQueryOptions());
       this.setQueryOptions(this.$props.componentId, this.queryOptions);
@@ -1258,11 +1207,9 @@ var DataSearch = {
       if (downshiftProps === void 0) {
         downshiftProps = {};
       }
-
       if (isQuerySuggestionsRender === void 0) {
         isQuerySuggestionsRender = false;
       }
-
       var currentValue = this.$data.currentValue;
       var data = {
         error: this.error,
@@ -1279,7 +1226,6 @@ var DataSearch = {
         querySuggestions: this.normalizedPopularSuggestions,
         popularSuggestions: this.normalizedPopularSuggestions
       };
-
       if (isQuerySuggestionsRender) {
         return getQuerySuggestionsComponent({
           downshiftProps: downshiftProps,
@@ -1289,21 +1235,18 @@ var DataSearch = {
           error: this.error
         }, this);
       }
-
       return getComponent(data, this);
     },
     // returns size and aggs property
     getBasicQueryOptions: function getBasicQueryOptions() {
       var aggregationField = this.$props.aggregationField;
       var queryOptions = getQueryOptions(this.$props);
-
       if (aggregationField) {
         queryOptions.aggs = getCompositeAggsQuery({
           props: this.$props,
           showTopHits: true
         }).aggs;
       }
-
       return queryOptions;
     },
     onSuggestions: function onSuggestions(results) {
@@ -1311,7 +1254,6 @@ var DataSearch = {
     },
     handleSearchIconClick: function handleSearchIconClick() {
       var currentValue = this.currentValue;
-
       if (currentValue.trim()) {
         this.isPending = false;
         this.setValue(currentValue, true);
@@ -1320,35 +1262,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
@@ -1356,9 +1291,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)) {
@@ -1367,29 +1300,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 === causes.SUGGESTION_SELECT || (_this.$options.isTagsMode ? _this.selectedTags.length === 0 : value === '')) {
               _this.updateQueryHandler(props.componentId, queryHandlerValue, props);
@@ -1403,49 +1330,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
         updateDefaultQuery(props.componentId, this.setDefaultQuery, props, value);
       }
-
       this.setQueryOptions(this.internalComponent, _extends({}, this.queryOptions, defaultQueryOptions), execute);
       this.updateQuery({
         componentId: this.internalComponent,
@@ -1456,26 +1377,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);
         updateCustomQuery(props.componentId, this.setCustomQuery, props, value);
         this.setQueryOptions(componentId, _extends({}, this.queryOptions, customQueryOptions), false);
       }
-
       if (!this.isPending) {
         this.updateQuery({
           componentId: componentId,
@@ -1495,7 +1412,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);
@@ -1503,11 +1419,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);
@@ -1516,17 +1430,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() {
@@ -1536,53 +1447,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 ? causes.SUGGESTION_SELECT : undefined // to handle tags
         );
-        this.onValueSelectedHandler(event.target.value, causes.ENTER_PRESS);
-      } // Need to review
-
 
+        this.onValueSelectedHandler(event.target.value, 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
           });
@@ -1590,28 +1492,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, 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, 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, causes.SUGGESTION_SELECT, suggestion.source);
     },
@@ -1619,11 +1517,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));
     },
@@ -1633,26 +1529,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": {
@@ -1663,33 +1554,28 @@ var DataSearch = {
           }
         }, [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);
       }
-
       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": {
@@ -1705,22 +1591,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, {
@@ -1741,7 +1623,6 @@ var DataSearch = {
     clearAllTags: function clearAllTags() {
       this.selectedTags = [];
       this.setValue('', true, this.$props, causes.SUGGESTION_SELECT);
-
       if (this.$props.value !== undefined) {
         this.$emit('change', this.selectedTags, this.triggerQuery);
       }
@@ -1751,20 +1632,16 @@ var DataSearch = {
         return tag !== tagValue;
       }));
       this.setValue('', true, this.$props, 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;
@@ -1790,22 +1667,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(IconGroup, {
@@ -1845,49 +1720,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 (isEmpty(focusShortcuts)) {
         return;
       }
+      var shortcutsString = parseFocusShortcuts(focusShortcuts).join(',');
 
-      var shortcutsString = 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 = extractModifierKeysFromFocusShortcuts(focusShortcuts);
         if (modifierKeys.length === 0) return;
-
         for (var index = 0; index < modifierKeys.length; index += 1) {
           var element = modifierKeys[index];
-
           if (hotkeys[element]) {
             _this5.focusSearchBox(event);
-
             break;
           }
         }
@@ -1896,22 +1763,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, {
       "class": this.$props.className
     }, [this.$props.title && h(Title, {
@@ -1926,13 +1790,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,
@@ -2030,7 +1893,6 @@ var DataSearch = {
               })]);
             })]) : _this6.renderNoSuggestions(_this6.suggestionsList)]);
           };
-
           return h("div", {
             "class": suggestionsContainer
           }, [h(InputGroup, [_this6.renderInputAddonBefore(), h(InputWrapper, [h(Input, {
@@ -2054,7 +1916,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) {
@@ -2062,7 +1923,6 @@ var DataSearch = {
               },
               onKeyUp: function onKeyUp(e) {
                 _this6.$emit('keyUp', e, _this6.triggerQuery);
-
                 _this6.$emit('key-up', e, _this6.triggerQuery);
               },
               onClick: function onClick() {
@@ -2092,7 +1952,6 @@ var DataSearch = {
         },
         keypress: function keypress(e) {
           _this6.$emit('keyPress', e, _this6.triggerQuery);
-
           _this6.$emit('key-press', e, _this6.triggerQuery);
         },
         input: this.onInputChange,
@@ -2101,12 +1960,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);
         }
       }),
@@ -2121,10 +1978,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 = {
@@ -2134,11 +1989,9 @@ DataSearch.defaultQuery = function (value, props) {
       }
     };
   }
-
   if (value === '') {
     finalQuery = null;
   }
-
   if (finalQuery && props.nestedField) {
     return {
       query: {
@@ -2149,23 +2002,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,
@@ -2173,7 +2021,6 @@ DataSearch.shouldQuery = function (value, dataFields, props) {
       default_operator: props.queryFormat
     };
   }
-
   if (props.queryFormat === 'and') {
     finalQuery.push({
       multi_match: {
@@ -2191,7 +2038,6 @@ DataSearch.shouldQuery = function (value, dataFields, props) {
         operator: 'and'
       }
     });
-
     if (phrasePrefixFields.length > 0) {
       finalQuery.push({
         multi_match: {
@@ -2202,10 +2048,8 @@ DataSearch.shouldQuery = function (value, dataFields, props) {
         }
       });
     }
-
     return finalQuery;
   }
-
   finalQuery.push({
     multi_match: {
       query: value,
@@ -2223,7 +2067,6 @@ DataSearch.shouldQuery = function (value, dataFields, props) {
       operator: 'or'
     }
   });
-
   if (phrasePrefixFields.length > 0) {
     finalQuery.push({
       multi_match: {
@@ -2234,22 +2077,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)) {
@@ -2257,7 +2095,6 @@ DataSearch.highlightQuery = function (props) {
       fields[item] = {};
     });
   }
-
   return {
     highlight: _extends({
       pre_tags: ['<mark>'],
@@ -2268,11 +2105,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,
@@ -2297,7 +2132,6 @@ var mapStateToProps = function mapStateToProps(state, props) {
     recentSearches: state.recentSearches.data
   };
 };
-
 var mapDispatchToProps = {
   setQueryOptions: setQueryOptions,
   updateQuery: updateQuery,
@@ -2313,12 +2147,10 @@ var DSConnected = PreferencesConsumer(ComponentWrapper(connect(mapStateToProps,
   componentType: componentTypes.dataSearch,
   internalComponent: DataSearch.hasInternalComponent()
 }));
-
 DataSearch.install = function (Vue) {
   Vue.component(DataSearch.name, DSConnected);
-}; // Add componentType for SSR
-
-
+};
+// Add componentType for SSR
 DataSearch.componentType = componentTypes.dataSearch;
 
 export { CustomSvg as C, DSConnected as D, InputAddon as I, Mic as M, SearchSvg as S, TagItem as T, DataSearch as a, SuggestionWrapper as b, TagsContainer as c, InputGroup as d, SuggestionItem as e };