@appbaseio/reactivesearch-vue 3.0.0-rc.6 → 3.0.0-rc.6.2

package/dist/es/{install-8296e8da.js → install-25b06215.js}

@@ -5,10 +5,10 @@ import { _ as _taggedTemplateLiteralLoose, a as _extends, b as _objectWithoutPro
 import { createVNode, createTextVNode, defineComponent, ref, watch, isVNode, mergeProps, h } from 'vue';
 import VueTypes from 'vue-types';
 import { getQueryOptions, getObjectFromLocalStorage, suggestionTypes, getClassName as getClassName$2, setObjectInLocalStorage, recLookup, updateCustomQuery as updateCustomQuery$1, updateDefaultQuery as updateDefaultQuery$1, transformTreeListLocalStateIntoQueryComptaibleFormat, isEqual as isEqual$1, transformRawTreeListData, setDeep, getComponent as getComponent$1, getOptionsFromQuery, checkValueChange as checkValueChange$1, getAggsQuery, updateInternalQuery, isFunction as isFunction$1 } from '@appbaseio/reactivecore/lib/utils/helper';
-import { styled, createGlobalStyle } from '@appbaseio/vue-emotion';
+import { styled } from '@appbaseio/vue-emotion';
 import { css, keyframes } from '@emotion/css';
 import { lighten } from 'polished';
-import { B as Button } from './Button-c2ff5178.js';
+import { B as Button } from './Button-5c2cf399.js';
 import { t as types } from './vueTypes-09cab4d3.js';
 import { RLConnected as ReactiveList } from './ReactiveList.js';
 import { getInternalComponentID } from '@appbaseio/reactivecore/lib/utils/transform';
@@ -193,10 +193,34 @@ var SearchSvg = {
   }
 };
 
-var _templateObject$3;
+function styleInject(css, ref) {
+  if (ref === void 0) ref = {};
+  var insertAt = ref.insertAt;
+  if (!css || typeof document === 'undefined') {
+    return;
+  }
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z = "#el_TvxDfTAtKp {\n    stroke: none;\n    stroke-width: 1;\n    fill: none;\n}\n#el_D93PK3GbmJ {\n    -webkit-transform: translate(163px, 131px);\n    transform: translate(163px, 131px);\n    fill: #d8d8d8;\n}\n";
+styleInject(css_248z);
 
-// eslint-disable-next-line
-createGlobalStyle(_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',
   props: ['className'],
@@ -230,10 +254,9 @@ var MicSvg = {
   }
 };
 
-var _templateObject$4;
+var css_248z$1 = "#el_X81iT9kZYo {\n    stroke: none;\n    stroke-width: 1;\n    fill: none;\n}\n#el_gMpyalCphp {\n    -webkit-transform: translate(163px, 131px);\n    transform: translate(163px, 131px);\n}\n#el_c7H-3u-D4l {\n    fill: #d8d8d8;\n}\n#el_qhFcdAAFwo {\n    fill: #d8d8d8;\n}\n#el_M8X8g37WOI {\n    stroke: #e83137;\n    stroke-width: 21;\n}\n";
+styleInject(css_248z$1);
 
-// eslint-disable-next-line
-createGlobalStyle(_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',
   props: ['className'],
@@ -276,10 +299,9 @@ var MuteSvg = {
   }
 };
 
-var _templateObject$5;
+var css_248z$2 = "@-webkit-keyframes kf_el_6WKby7wXqV_an_qqO-rxbNc {\n    0% {\n        opacity: 0;\n    }\n    13.89% {\n        opacity: 1;\n    }\n    100% {\n        opacity: 1;\n    }\n}\n@keyframes kf_el_6WKby7wXqV_an_qqO-rxbNc {\n    0% {\n        opacity: 0;\n    }\n    13.89% {\n        opacity: 1;\n    }\n    100% {\n        opacity: 1;\n    }\n}\n@-webkit-keyframes kf_el_Wi-my975tM_an_XhXP1epXB {\n    0% {\n        opacity: 0;\n    }\n    27.78% {\n        opacity: 1;\n    }\n    100% {\n        opacity: 1;\n    }\n}\n@keyframes kf_el_Wi-my975tM_an_XhXP1epXB {\n    0% {\n        opacity: 0;\n    }\n    27.78% {\n        opacity: 1;\n    }\n    100% {\n        opacity: 1;\n    }\n}\n@-webkit-keyframes kf_el_DkfFFTaFxy8_an_T2XxzvIaA {\n    0% {\n        opacity: 0;\n    }\n    41.67% {\n        opacity: 1;\n    }\n    100% {\n        opacity: 1;\n    }\n}\n@keyframes kf_el_DkfFFTaFxy8_an_T2XxzvIaA {\n    0% {\n        opacity: 0;\n    }\n    41.67% {\n        opacity: 1;\n    }\n    100% {\n        opacity: 1;\n    }\n}\n@-webkit-keyframes kf_el_34IgwiMB5rf_an_TPom3H2LI {\n    0% {\n        opacity: 0;\n    }\n    55.56% {\n        opacity: 1;\n    }\n    100% {\n        opacity: 1;\n    }\n}\n@keyframes kf_el_34IgwiMB5rf_an_TPom3H2LI {\n    0% {\n        opacity: 0;\n    }\n    55.56% {\n        opacity: 1;\n    }\n    100% {\n        opacity: 1;\n    }\n}\n@-webkit-keyframes kf_el_DeebuCsPTGA_an_aYTRBE7Na {\n    0% {\n        opacity: 0;\n    }\n    69.44% {\n        opacity: 1;\n    }\n    100% {\n        opacity: 1;\n    }\n}\n@keyframes kf_el_DeebuCsPTGA_an_aYTRBE7Na {\n    0% {\n        opacity: 0;\n    }\n    69.44% {\n        opacity: 1;\n    }\n    100% {\n        opacity: 1;\n    }\n}\n@-webkit-keyframes kf_el_ZOjjrPTvyrv_an_l_BjBNzXw {\n    0% {\n        opacity: 0;\n    }\n    83.33% {\n        opacity: 1;\n    }\n    100% {\n        opacity: 1;\n    }\n}\n@keyframes kf_el_ZOjjrPTvyrv_an_l_BjBNzXw {\n    0% {\n        opacity: 0;\n    }\n    83.33% {\n        opacity: 1;\n    }\n    100% {\n        opacity: 1;\n    }\n}\n@-webkit-keyframes kf_el_2FATegVmf0K_an_wLg4ofuFx {\n    0% {\n        opacity: 0;\n    }\n    97.22% {\n        opacity: 1;\n    }\n    100% {\n        opacity: 1;\n    }\n}\n@keyframes kf_el_2FATegVmf0K_an_wLg4ofuFx {\n    0% {\n        opacity: 0;\n    }\n    97.22% {\n        opacity: 1;\n    }\n    100% {\n        opacity: 1;\n    }\n}\n#el_hiibMG0x- * {\n    -webkit-animation-duration: 1.2s;\n    animation-duration: 1.2s;\n    -webkit-animation-iteration-count: infinite;\n    animation-iteration-count: infinite;\n    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);\n    animation-timing-function: cubic-bezier(0, 0, 1, 1);\n}\n#el_QJeJ_2CDw5 {\n    stroke: none;\n    stroke-width: 1;\n    fill: none;\n}\n#el_UYYCfubTRf {\n    -webkit-transform: translate(163px, 123px);\n    transform: translate(163px, 123px);\n}\n#el_uzZNtK32Zi {\n    fill: #d8d8d8;\n}\n#el_EYKQ2N9Kgy {\n    fill: #d8d8d8;\n}\n#el_6SDP2LAgKC {\n    -webkit-transform: translate(37.846924px, 0px);\n    transform: translate(37.846924px, 0px);\n}\n#el_-Vm65Ltfy7 {\n    fill: #0B6AFF;\n}\n#el_q04iZcSim4 {\n    fill: #d8d8d8;\n}\n#el_6WKby7wXqV {\n    -webkit-transform: translate(37.846924px, 0px);\n    transform: translate(37.846924px, 0px);\n    -webkit-animation-fill-mode: backwards;\n    animation-fill-mode: backwards;\n    opacity: 0;\n    -webkit-animation-name: kf_el_6WKby7wXqV_an_qqO-rxbNc;\n    animation-name: kf_el_6WKby7wXqV_an_qqO-rxbNc;\n    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n    animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n}\n#el_9bggsfQOtU {\n    fill: #0B6AFF;\n}\n#el_NKxqi9eIym {\n    fill: #d8d8d8;\n}\n#el_Wi-my975tM {\n    -webkit-transform: translate(37.846924px, 0px);\n    transform: translate(37.846924px, 0px);\n    -webkit-animation-fill-mode: backwards;\n    animation-fill-mode: backwards;\n    opacity: 0;\n    -webkit-animation-name: kf_el_Wi-my975tM_an_XhXP1epXB;\n    animation-name: kf_el_Wi-my975tM_an_XhXP1epXB;\n    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n    animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n}\n#el_zclQ34fvf7 {\n    fill: #0B6AFF;\n}\n#el_1OsvRT8HkeZ {\n    fill: #d8d8d8;\n}\n#el_DkfFFTaFxy8 {\n    -webkit-transform: translate(37.846924px, 0px);\n    transform: translate(37.846924px, 0px);\n    -webkit-animation-fill-mode: backwards;\n    animation-fill-mode: backwards;\n    opacity: 0;\n    -webkit-animation-name: kf_el_DkfFFTaFxy8_an_T2XxzvIaA;\n    animation-name: kf_el_DkfFFTaFxy8_an_T2XxzvIaA;\n    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n    animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n}\n#el_aa9sjx4H0vA {\n    fill: #0B6AFF;\n}\n#el_tea114vWg0J {\n    fill: #d8d8d8;\n}\n#el_34IgwiMB5rf {\n    -webkit-transform: translate(37.846924px, 0px);\n    transform: translate(37.846924px, 0px);\n    -webkit-animation-fill-mode: backwards;\n    animation-fill-mode: backwards;\n    opacity: 0;\n    -webkit-animation-name: kf_el_34IgwiMB5rf_an_TPom3H2LI;\n    animation-name: kf_el_34IgwiMB5rf_an_TPom3H2LI;\n    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n    animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n}\n#el_z5u6RAFhx7d {\n    fill: #0B6AFF;\n}\n#el_7nfuWmA5Uhy {\n    fill: #d8d8d8;\n}\n#el_DeebuCsPTGA {\n    -webkit-transform: translate(37.846924px, 0px);\n    transform: translate(37.846924px, 0px);\n    -webkit-animation-fill-mode: backwards;\n    animation-fill-mode: backwards;\n    opacity: 0;\n    -webkit-animation-name: kf_el_DeebuCsPTGA_an_aYTRBE7Na;\n    animation-name: kf_el_DeebuCsPTGA_an_aYTRBE7Na;\n    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n    animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n}\n#el__ZcqlS20zcw {\n    fill: #0B6AFF;\n}\n#el_8DnEQnD7VWV {\n    fill: #d8d8d8;\n}\n#el_ZOjjrPTvyrv {\n    -webkit-transform: translate(37.846924px, 0px);\n    transform: translate(37.846924px, 0px);\n    -webkit-animation-fill-mode: backwards;\n    animation-fill-mode: backwards;\n    opacity: 0;\n    -webkit-animation-name: kf_el_ZOjjrPTvyrv_an_l_BjBNzXw;\n    animation-name: kf_el_ZOjjrPTvyrv_an_l_BjBNzXw;\n    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n    animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n}\n#el_FYYKCI_u24e {\n    fill: #0B6AFF;\n}\n#el_XZty4MnTp5Y {\n    fill: #d8d8d8;\n}\n#el_2FATegVmf0K {\n    -webkit-transform: translate(37.846924px, 0px);\n    transform: translate(37.846924px, 0px);\n    -webkit-animation-fill-mode: backwards;\n    animation-fill-mode: backwards;\n    opacity: 0;\n    -webkit-animation-name: kf_el_2FATegVmf0K_an_wLg4ofuFx;\n    animation-name: kf_el_2FATegVmf0K_an_wLg4ofuFx;\n    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n    animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n}\n#el_RMT1KUfbdF8 {\n    fill: #0B6AFF;\n}\n#el_RgLcovvFiO1 {\n    fill: #d8d8d8;\n}\n";
+styleInject(css_248z$2);
 
-// eslint-disable-next-line
-createGlobalStyle(_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',
   props: ['className'],
@@ -544,7 +566,7 @@ var Mic = {
         }
         this.instance = new SpeechRecognition();
         this.instance.continuous = true;
-        this.instance.interimResults = true;
+        this.instance.interimResults = false;
         this.instance.lang = lang;
         if (getInstance) {
           getInstance(this.instance);
@@ -604,18 +626,18 @@ var Mic = {
         case STATUS.active:
           return createVNode(ListenSvg, {
             "className": className,
-            "nativeOnClick": this.handleClick
+            "onClick": this.handleClick
           }, null);
         case STATUS.stopped:
         case STATUS.denied:
           return createVNode(MuteSvg, {
             "className": className,
-            "nativeOnClick": this.handleClick
+            "onClick": this.handleClick
           }, null);
         default:
           return createVNode(MicSvg, {
             "className": className,
-            "nativeOnClick": this.handleClick
+            "onClick": this.handleClick
           }, null);
       }
     }
@@ -727,8 +749,8 @@ var CustomSvg = {
   }
 };
 
-var _templateObject$6;
-var AutofillSvgIcon = styled('button')(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tmargin-left: auto;\n\tposition: relative;\n\tright: -3px;\n\tborder: none;\n\toutline: none;\n\tbackground: transparent;\n\tpadding: 0;\n\tz-index: 111000;\n\n\tsvg {\n\t\tcursor: pointer;\n\t\tfill: #707070;\n\t\theight: 20px;\n\t}\n\n\t&:hover {\n\t\tsvg {\n\t\t\tfill: #1c1a1a;\n\t\t}\n\t}\n"])));
+var _templateObject$3;
+var AutofillSvgIcon = styled('button')(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tmargin-left: auto;\n\tposition: relative;\n\tright: -3px;\n\tborder: none;\n\toutline: none;\n\tbackground: transparent;\n\tpadding: 0;\n\tz-index: 111000;\n\n\tsvg {\n\t\tcursor: pointer;\n\t\tfill: #707070;\n\t\theight: 20px;\n\t}\n\n\t&:hover {\n\t\tsvg {\n\t\t\tfill: #1c1a1a;\n\t\t}\n\t}\n"])));
 var AutoFillSvg = {
   name: 'AutoFillSvg',
   render: function render() {
@@ -752,12 +774,12 @@ var AutoFillSvg = {
   }
 };
 
-var _templateObject$7, _templateObject2;
-var TagsContainer = styled('div')(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tmargin-top: 10px;\n\twidth: 100%;\n"])));
+var _templateObject$4, _templateObject2;
+var TagsContainer = styled('div')(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tmargin-top: 10px;\n\twidth: 100%;\n"])));
 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 _templateObject$8, _templateObject2$1, _templateObject3;
-var skeletonAnimation = keyframes(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteralLoose(["\n  0% {\n    background-position: 100% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n"])));
+var _templateObject$5, _templateObject2$1, _templateObject3;
+var skeletonAnimation = keyframes(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteralLoose(["\n  0% {\n    background-position: 100% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n"])));
 var SkeletonLoader = styled('div')(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 10px;\n"])));
 var SkeletonLine = styled('div')(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n\twidth: 100%;\n\theight: 20px;\n\tbackground: linear-gradient(\n\t\t90deg,\n\t\trgba(220, 220, 220, 0.5) 25%,\n\t\trgba(240, 240, 240, 0.9) 50%,\n\t\trgba(220, 220, 220, 0.5) 75%\n\t);\n\tbackground-size: 200% 100%;\n\tanimation: ", " 1.5s infinite;\n"])), skeletonAnimation);
 var HorizontalSkeletonLoader = defineComponent({
@@ -771,8 +793,8 @@ var HorizontalSkeletonLoader = defineComponent({
   }
 });
 
-var _templateObject$9, _templateObject2$2, _templateObject3$1, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
-var Chatbox = styled('div')(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteralLoose(["\n\tposition: relative;\n\tmargin: 0 auto;\n\tpadding: 10px;\n\tbackground-color: #fafafa;\n\twidth: 100%;\n\tbox-shadow: rgb(0 0 0 / 20%) 0px 0px 6px;\n\tborder-radius: 6px;\n\tmargin-bottom: 20px;\n\tbackground-color: ", ";\n"])), function (props) {
+var _templateObject$6, _templateObject2$2, _templateObject3$1, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
+var Chatbox = styled('div')(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteralLoose(["\n\tposition: relative;\n\tmargin: 0 auto;\n\tpadding: 10px;\n\tbackground-color: #fafafa;\n\twidth: 100%;\n\tbox-shadow: rgb(0 0 0 / 20%) 0px 0px 6px;\n\tborder-radius: 6px;\n\tmargin-bottom: 20px;\n\tbackground-color: ", ";\n"])), function (props) {
   return props.theme && props.theme.colors ? props.theme.colors.backgroundColor : '#fff';
 });
 var ChatContainer = styled('div')(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tflex-direction: column;\n\theight: 100%;\n\tposition: relative;\n\t.--ai-answer-error-container {\n\t\ttext-align: center;\n\t\tposition: absolute;\n\t\tbottom: 0px;\n\t\t", ";\n\t\tz-index: 1;\n\t\tleft: 50%;\n\t\ttransform: translateX(-50%);\n\t\twidth: 100%;\n\n\t\t.--default-error-element {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\talign-items: center;\n\t\t\tpadding: 10px;\n\t\t\tbackground-color: ", ";\n\t\t\tbox-shadow: 0 -5px 5px -2px\n\t\t\t\t", ";\n\n\t\t\tspan {\n\t\t\t\tmargin-bottom: 5px;\n\t\t\t}\n\n\t\t\tbutton {\n\t\t\t}\n\t\t}\n\t}\n\n\t", ";\n"])), function (props) {
@@ -844,11 +866,11 @@ var MessageInput = styled(TextArea)(_templateObject9 || (_templateObject9 = _tag
   var enterButton = _ref.enterButton;
   return enterButton && "\n\t\t    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n\t";
 });
-var SendButton = styled(Button)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n\tborder: none;\n\tcolor: #ffffff;\n\tcursor: pointer;\n\tfont-size: 16px;\n\tmargin-left: 8px;\n\toutline: none;\n\tpadding: 10px;\n\ttext-align: center;\n"])));
+var SendButton = styled(Button)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n\tborder: none;\n\tcolor: #ffffff;\n\tcursor: pointer;\n\tfont-size: 16px;\n\tmargin-left: 8px;\n\toutline: none;\n\tpadding: 10px;\n\ttext-align: center;\n\n\t&:disabled {\n\t\tcursor: not-allowed;\n\t}\n"])));
 var AIFeedbackContainer = styled('div')(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n\t.--feedback-svgs-wrapper {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: flex-end;\n\t\tgap: 5px;\n\n\t\tsvg {\n\t\t\tcursor: pointer;\n\t\t\ttransition: all ease-in 0.1s;\n\t\t\t&.selected {\n\t\t\t\ttransform: scale(1.1);\n\t\t\t\tcursor: default;\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\ttransform: scale(1.1);\n\t\t\t}\n\t\t}\n\t}\n\n\t.--feedback-input-wrapper {\n\t\tdisplay: flex;\n\t\tgap: 7px;\n\t}\n"])));
 
-var _templateObject$a, _templateObject2$3, _templateObject3$2, _templateObject4$1, _templateObject5$1, _templateObject6$1, _templateObject7$1;
-var fadeInFromBottom = keyframes(_templateObject$a || (_templateObject$a = _taggedTemplateLiteralLoose(["\n  0% {\n    opacity: 0;\n    transform: translateY(20px);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n"])));
+var _templateObject$7, _templateObject2$3, _templateObject3$2, _templateObject4$1, _templateObject5$1, _templateObject6$1, _templateObject7$1;
+var fadeInFromBottom = keyframes(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteralLoose(["\n  0% {\n    opacity: 0;\n    transform: translateY(20px);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n"])));
 var fadeInFromTop = keyframes(_templateObject2$3 || (_templateObject2$3 = _taggedTemplateLiteralLoose(["\n  0% {\n    opacity: 0;\n    transform: translateY(-20px);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n"])));
 var SearchBoxAISection = styled('div')(_templateObject3$2 || (_templateObject3$2 = _taggedTemplateLiteralLoose(["\n\tpadding: 10px;\n\tborder-radius: 4px;\n\tmin-height: 200px;\n\tpadding-top: 20px;\n\tposition: relative;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\tbackground-color: ", ";\n\tcolor: ", ";\n\t.--ai-answer-error-container {\n\t\tposition: absolute;\n\t\ttop: 50%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, -50%);\n\t\t.--default-error-element {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\talign-items: center;\n\t\t\tgap: 10px;\n\t\t}\n\t}\n"])), function (_ref) {
   var themePreset = _ref.themePreset,
@@ -2480,6 +2502,9 @@ var AIAnswer = defineComponent({
     },
     shouldShowComponent: function shouldShowComponent() {
       return this.showComponent;
+    },
+    errorMessageForMissingSessionId: function errorMessageForMissingSessionId() {
+      return "AISessionId for " + this.$props.componentId + " is missing! AIAnswer component requires an AISessionId to function. Try reloading the App.";
     }
   },
   props: {
@@ -2537,9 +2562,15 @@ var AIAnswer = defineComponent({
           finalMessages.push.apply(finalMessages, messagesHistory.filter(function (msg) {
             return msg.role !== AI_ROLES.SYSTEM;
           }));
+        } else if (response && response.answer && response.answer.text) {
+          finalMessages.push({
+            role: AI_ROLES.ASSISTANT,
+            content: response.answer.text
+          });
+          this.error = {
+            message: this.errorMessageForMissingSessionId
+          };
         }
-        //  fresh response
-        if (response && response.answer) ;
         this.messages = finalMessages;
       } else if (!newVal && !this.error) {
         this.messages = [];
@@ -2558,7 +2589,7 @@ var AIAnswer = defineComponent({
       this.$emit('on-data', {
         data: this.messages,
         rawData: this.$props.rawData,
-        loading: newVal || this.$props.isLoading,
+        loading: newVal || this.isLoading,
         error: this.$props.AIResponseError
       });
     },
@@ -2567,7 +2598,7 @@ var AIAnswer = defineComponent({
       this.$emit('on-data', {
         data: this.messages,
         rawData: this.$props.rawData,
-        loading: newVal || this.$props.isLoading,
+        loading: newVal || this.isAIResponseLoading,
         error: this.$props.AIResponseError
       });
     },
@@ -2579,10 +2610,17 @@ var AIAnswer = defineComponent({
     AIResponseError: function AIResponseError(newVal) {
       this.error = newVal;
       this.AISessionId = ((getObjectFromLocalStorage(AI_LOCAL_CACHE_KEY) || {})[this.$props.componentId] || {}).sessionId || null;
+      if (this.error && !this.AISessionId) {
+        var errorMessage = this.errorMessageForMissingSessionId;
+        this.error = {
+          message: errorMessage
+        };
+        console.error(errorMessage);
+      }
       this.$emit('on-data', {
         data: this.messages,
         rawData: this.$props.rawData,
-        loading: this.$props.isAIResponseLoading || this.$props.isLoading,
+        loading: this.isAIResponseLoading || this.isLoading,
         error: newVal
       });
     },
@@ -2615,7 +2653,7 @@ var AIAnswer = defineComponent({
       if (text === void 0) {
         text = this.inputMessage;
       }
-      if (typeof e === 'object') e.preventDefault();
+      if (typeof e === 'object' && e !== null) e.preventDefault();
       if (text.trim()) {
         if (this.isLoadingState) {
           return;
@@ -2627,9 +2665,9 @@ var AIAnswer = defineComponent({
           }]);
           this.getAIResponse(this.AISessionId, this.componentId, text);
         } else {
-          console.error("AISessionId for " + this.$props.componentId + " is missing! AIAnswer component requires an AISession to function. Try reloading the App.");
+          console.error(this.errorMessageForMissingSessionId);
           this.error = {
-            message: "AISessionId for " + this.$props.componentId + " is missing! AIAnswer component requires an AISession to function. Trying reloading the App."
+            message: "AISessionId for " + this.$props.componentId + " is missing! AIAnswer component requires an AISessionId to function. Trying reloading the App."
           };
         }
         this.inputMessage = '';
@@ -2643,7 +2681,7 @@ var AIAnswer = defineComponent({
           this.getAIResponse(this.AISessionId, this.componentId, lastUserRequestMessage);
           this.inputMessage = '';
         } else {
-          console.error("AISessionId for " + this.componentId + " is missing! AIAnswer component requires an AISession to function. Try reloading the App.");
+          console.error("AISessionId for " + this.componentId + " is missing! AIAnswer component requires an AISessionId to function. Try reloading the App.");
         }
       }
     },
@@ -2726,10 +2764,10 @@ var AIAnswer = defineComponent({
         "positionType": "absolute"
       }, {
         "default": function _default() {
-          return [_this2.shouldMicRender(showVoiceInput) && createVNode(Mic, {
+          return [!_this2.isLoadingState && _this2.AISessionId && _this2.shouldMicRender(showVoiceInput) && createVNode(Mic, {
             "getInstance": getMicInstance,
             "render": renderMic,
-            "onResult": _this2.handleVoiceResults,
+            "handleResult": _this2.handleVoiceResults,
             "class": getClassName$2(innerClass, 'ai-search-mic') || null
           }, null), iconPosition === 'right' && createVNode(IconWrapper, null, _isSlot$1(_slot = _this2.renderIcon()) ? _slot : {
             "default": function _default() {
@@ -2771,7 +2809,8 @@ var AIAnswer = defineComponent({
             "tabIndex": 0,
             "onClick": _this3.handleSendMessage,
             "onKeyPress": _this3.handleKeyPress,
-            "class": "enter-btn " + getClassName$2(innerClass, 'ai-enter-button')
+            "class": "enter-btn " + getClassName$2(innerClass, 'ai-enter-button'),
+            "disabled": _this3.isLoadingState || !_this3.AISessionId
           }, {
             "default": function _default() {
               return [createTextVNode("Send")];
@@ -2930,7 +2969,7 @@ var AIAnswer = defineComponent({
                           "showIcon": props.showIcon,
                           "iconPosition": props.iconPosition,
                           "themePreset": _this4.themePreset,
-                          "disabled": _this4.isLoadingState,
+                          "disabled": _this4.isLoadingState || !_this4.AISessionId,
                           "class": getClassName$2(props.innerClass, 'ai-input') || null
                         }, null), ' ', _this4.renderIcons()];
                       }
@@ -2982,8 +3021,8 @@ AIConnected.install = function (Vue) {
 // Add componentType for SSR
 AIConnected.componentType = componentTypes.AIAnswer;
 
-var _templateObject$b, _templateObject2$4;
-var HierarchicalMenuList = styled('ul')(_templateObject$b || (_templateObject$b = _taggedTemplateLiteralLoose(["\n\tlist-style: none;\n\tpadding: 0;\n\tmargin: 0;\n\tmax-height: 0;\n\toverflow: hidden;\n\n\t&.--open {\n\t\tmax-height: 100%;\n\t}\n"])));
+var _templateObject$8, _templateObject2$4;
+var HierarchicalMenuList = styled('ul')(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteralLoose(["\n\tlist-style: none;\n\tpadding: 0;\n\tmargin: 0;\n\tmax-height: 0;\n\toverflow: hidden;\n\n\t&.--open {\n\t\tmax-height: 100%;\n\t}\n"])));
 var HierarchicalMenuListItem = styled('li')(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteralLoose(["\n\tfont-weight: 400;\n\tline-height: 1.5;\n\tbox-sizing: border-box;\n\n\ta {\n\t\tcolor: #424242;\n\t\ttext-decoration: none;\n\t\tgap: 5px;\n\t\t.--leaf-icon,\n\t\t.--folder-icon {\n\t\t\tline-height: 15px;\n\t\t\tsvg {\n\t\t\t\theight: 15px;\n\t\t\t}\n\t\t}\n\n\t\tinput {\n\t\t\tmargin: 0;\n\t\t\tcursor: pointer;\n\t\t}\n\t}\n\n\t.--switcher-icon {\n\t\ttransition: all 0.2s ease-in;\n\t\tmargin-right: 2px;\n\t}\n\t.--list-child {\n\t\tpadding-left: 1rem;\n\t\tposition: relative;\n\t\t&:before {\n\t\t\theight: 100%;\n\t\t\tcontent: '';\n\t\t\tposition: absolute;\n\t\t\tborder-left: 1px solid #787878;\n\t\t\twidth: 0;\n\t\t\tleft: 19px;\n\t\t\t", ";\n\t\t}\n\n\t\t&.--show-switcher-icon {\n\t\t\tpadding-left: 36px;\n\t\t}\n\t}\n\t.--list-item-label {\n\t\tline-height: 100%;\n\t}\n\t.--list-item-count {\n\t\tmargin-left: 10px;\n\t\tpadding: 0.1rem 0.4rem;\n\t\tfont-size: 0.8rem;\n\t\tcolor: #424242;\n\t\tbackground-color: #dee1e6;\n\t\tborder-radius: 8px;\n\t}\n\t&.-selected-item {\n\t\tfont-weight: 700 !important;\n\t}\n\t&.-expanded-item {\n\t\t& > a {\n\t\t\t& div > .--switcher-icon {\n\t\t\t\ttransform: rotate(90deg);\n\t\t\t}\n\t\t}\n\t}\n\t.--list-item-label-count-wrapper {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\t&:hover {\n\t\t\t.--list-item-count,\n\t\t\t.--list-item-label {\n\t\t\t\tfont-weight: 700;\n\t\t\t}\n\t\t}\n\t}\n"])), function (props) {
   return !props.showLine && "\n\t\t\t\t\tdisplay: none;\n\t\t\t\t";
 });

package/dist/es/install.js

@@ -8,9 +8,9 @@ import '@appbaseio/reactivecore/lib/utils/helper';
 import '@appbaseio/vue-emotion';
 import '@emotion/css';
 import 'polished';
-import './Button-c2ff5178.js';
+import './Button-5c2cf399.js';
 import './vueTypes-09cab4d3.js';
-import './Pagination-ae401c33.js';
+import './Pagination-50fc3ef5.js';
 import './ReactiveList.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
@@ -29,7 +29,7 @@ import 'url-search-params-polyfill';
 import './ReactiveBase.js';
 import 'hotkeys-js';
 import 'remarkable';
-export { i as default } from './install-8296e8da.js';
+export { i as default } from './install-25b06215.js';
 import './DropDown-39fedff8.js';
 import './Input-11d211d2.js';
 import 'compute-scroll-into-view';

package/dist/es/version.js

@@ -1,3 +1,3 @@
-var version = "3.0.0-rc.6";
+var version = "3.0.0-rc.6.2";
 
 export default version;

package/package.json

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

package/dist/cjs/{Button-9e179864.js → Button-f96a0570.js}

@@ -46,12 +46,12 @@ var Button = vueEmotion.styled('button')(_templateObject5 || (_templateObject5 =
   return theme.colors && theme.colors.primaryColor ? "0 0 0 2px " + polished.rgba(theme.colors.primaryColor, 0.3) : '';
 }, function (props) {
   return props.info ? info : null;
-}, function (props) {
-  return props.primary ? primary : null;
 }, function (props) {
   return props.disabled ? disabled : null;
 }, function (props) {
   return props.large && large;
+}, function (props) {
+  return props.primary ? primary : null;
 });
 var loadMoreContainer = css.css({
   margin: '5px 0',

package/dist/es/{Button-c2ff5178.js → Button-5c2cf399.js}

@@ -44,12 +44,12 @@ var Button = styled('button')(_templateObject5 || (_templateObject5 = _taggedTem
   return theme.colors && theme.colors.primaryColor ? "0 0 0 2px " + rgba(theme.colors.primaryColor, 0.3) : '';
 }, function (props) {
   return props.info ? info : null;
-}, function (props) {
-  return props.primary ? primary : null;
 }, function (props) {
   return props.disabled ? disabled : null;
 }, function (props) {
   return props.large && large;
+}, function (props) {
+  return props.primary ? primary : null;
 });
 var loadMoreContainer = css({
   margin: '5px 0',