@appbaseio/reactivesearch-vue 3.0.0-rc.8 → 3.1.0-rc.1

package/dist/cjs/install.js

@@ -12,15 +12,15 @@ require('@appbaseio/reactivecore/lib/utils/helper');
 require('@appbaseio/vue-emotion');
 require('@emotion/css');
 require('polished');
-require('./Button-f96a0570.js');
-require('./vueTypes-a5f1745e.js');
-require('./Pagination-bcf8af5f.js');
+require('./Button-d4da7470.js');
+require('./vueTypes-1bf00978.js');
+require('./Pagination-b953a80a.js');
 require('./ReactiveList.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-require('./index-779ed366.js');
-require('./ComponentWrapper-0b9ffb1a.js');
-require('./PreferencesConsumer-85dee673.js');
+require('./index-1f41363f.js');
+require('./ComponentWrapper-b5c78446.js');
+require('./PreferencesConsumer-7bee3c57.js');
 require('./Title-8802a218.js');
 require('./ListItem-7a682970.js');
 require('./Card-63968d94.js');
@@ -32,15 +32,12 @@ require('@appbaseio/analytics');
 require('url-search-params-polyfill');
 require('./ReactiveBase.js');
 require('hotkeys-js');
-require('remarkable');
-require('xss');
-var install = require('./install-2a1c953d.js');
-require('./DropDown-82d92f8b.js');
-require('./Input-fcd780de.js');
+var install = require('./install-fd2155c7.js');
+require('./DropDown-ec31bd3f.js');
+require('./Input-497be42a.js');
 require('compute-scroll-into-view');
 require('./Container-29f049b2.js');
 require('vue-highlight-words');
-require('@appbaseio/reactivecore/lib/actions/query');
 require('@appbaseio/reactivecore/lib/utils/suggestions');
 require('./FormControlList-fadd792f.js');
 require('./utils-c9bd5628.js');

package/dist/cjs/version.js

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "3.0.0-rc.8";
+var version = "3.1.0-rc.1";
 
 exports.default = version;

package/dist/cjs/{vueTypes-a5f1745e.js → vueTypes-1bf00978.js}

@@ -124,24 +124,6 @@ var types = {
     method: VueTypes.string,
     headers: VueTypes.object,
     body: VueTypes.object
-  }),
-  AIConfig: VueTypes.shape({
-    systemPrompt: VueTypes.string,
-    topDocsForContext: VueTypes.number,
-    maxTokens: VueTypes.number,
-    docTemplate: VueTypes.string,
-    queryTemplate: VueTypes.string,
-    temperature: VueTypes.number
-  }),
-  AIUIConfig: VueTypes.shape({
-    loaderMessage: VueTypes.string,
-    // slot #loaderMessage should also be supported
-    showSourceDocuments: VueTypes.bool,
-    sourceDocumentLabel: VueTypes.string,
-    onSourceClick: VueTypes.func,
-    // renderAskButton: VueTypes.func,has to be a slot
-    askButton: VueTypes.bool,
-    showFeedback: VueTypes.bool
   })
 };
 

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

@@ -1,5 +1,4 @@
 import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-ded08042.js';
-import { hexToRGBA } from '@appbaseio/reactivecore/lib/utils/helper';
 import { styled } from '@appbaseio/vue-emotion';
 import { css } from '@emotion/css';
 import { darken, rgba, lighten } from 'polished';
@@ -23,33 +22,27 @@ var disabled = function disabled(_ref3) {
   var theme = _ref3.theme;
   return "\n\tbackground-color: " + (theme.colors.backgroundColor ? lighten(0.1, theme.colors.backgroundColor) : '#fafafa') + ";\n\tcolor: #ccc;\n\tcursor: not-allowed;\n\n\t&:hover,\n\t&:focus {\n\t\tbackground-color: " + (theme.colors.backgroundColor ? lighten(0.2, theme.colors.backgroundColor) : '#fafafa') + ";\n\t}\n";
 };
-var info = function info(_ref4) {
+var Button = styled('button')(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n\tdisplay: inline-flex;\n\tjustify-content: center;\n\talign-items: center;\n\tborder-radius: 3px;\n\tborder: 1px solid transparent;\n\tmin-height: 30px;\n\tword-wrap: break-word;\n\tpadding: 5px 12px;\n\tline-height: 1.2rem;\n\tbackground-color: ", ";\n\tcolor: ", ";\n\tcursor: pointer;\n\tuser-select: none;\n\ttransition: all 0.3s ease;\n\n\t&:hover,\n\t&:focus {\n\t\tbackground-color: ", ";\n\t}\n\n\t&:focus {\n\t\toutline: 0;\n\t\tborder-color: ", ";\n\t\tbox-shadow: ", ";\n\t}\n\n\t", ";\n\t", ";\n\t", ";\n\n\t&.enter-btn {\n\t\tborder-top-left-radius: 0px;\n\t\tborder-bottom-left-radius: 0px;\n\t\theight: 100%;\n\t}\n"])), function (_ref4) {
   var theme = _ref4.theme;
-  return "\n\tborder: 1px solid " + theme.colors.primaryColor + ";\n\tcolor: " + theme.colors.primaryColor + ";\n\tbackground-color: " + theme.colors.primaryTextColor + ";\n\t&:hover,\n\t&:focus {\n\t\tbackground-color: " + darken(0.1, hexToRGBA(theme.colors.primaryTextColor)) + ";\n\t}\n";
-};
-var Button = styled('button')(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n\tdisplay: inline-flex;\n\tjustify-content: center;\n\talign-items: center;\n\tborder-radius: 3px;\n\tborder: 1px solid transparent;\n\tmin-height: 30px;\n\tword-wrap: break-word;\n\tpadding: 5px 12px;\n\tline-height: 1.2rem;\n\tbackground-color: ", ";\n\tcolor: ", ";\n\tcursor: pointer;\n\tuser-select: none;\n\ttransition: all 0.3s ease;\n\n\t&:hover,\n\t&:focus {\n\t\tbackground-color: ", ";\n\t}\n\n\t&:focus {\n\t\toutline: 0;\n\t\tborder-color: ", ";\n\t\tbox-shadow: ", ";\n\t}\n\t", ";\n\t", ";\n\t", ";\n\t", ";\n\n\t&.enter-btn {\n\t\tborder-top-left-radius: 0px;\n\t\tborder-bottom-left-radius: 0px;\n\t\theight: 100%;\n\t}\n"])), function (_ref5) {
-  var theme = _ref5.theme;
   return theme.colors ? theme.colors.backgroundColor : '#eee';
+}, function (_ref5) {
+  var theme = _ref5.theme;
+  return theme.colors ? theme.colors.textColor : '';
 }, function (_ref6) {
   var theme = _ref6.theme;
-  return theme.colors ? theme.colors.textColor : '';
+  return theme.colors && theme.colors.backgroundColor ? darken(0.1, theme.colors.backgroundColor) : '#ccc';
 }, function (_ref7) {
   var theme = _ref7.theme;
-  return theme.colors && theme.colors.backgroundColor ? darken(0.1, theme.colors.backgroundColor) : '#ccc';
+  return theme.colors && theme.colors.primaryColor ? rgba(theme.colors.primaryColor, 0.6) : 'unset';
 }, function (_ref8) {
   var theme = _ref8.theme;
-  return theme.colors && theme.colors.primaryColor ? rgba(theme.colors.primaryColor, 0.6) : 'unset';
-}, function (_ref9) {
-  var theme = _ref9.theme;
   return theme.colors && theme.colors.primaryColor ? "0 0 0 2px " + rgba(theme.colors.primaryColor, 0.3) : '';
 }, function (props) {
-  return props.info ? info : null;
+  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',

package/dist/es/{ComponentWrapper-a2635cfc.js → ComponentWrapper-e91c9d43.js}

@@ -4,7 +4,7 @@ import { a as _extends } from './_rollupPluginBabelHelpers-ded08042.js';
 import { h } from 'vue';
 import VueTypes from 'vue-types';
 import { getInternalComponentID } from '@appbaseio/reactivecore/lib/utils/transform';
-import { c as connect, b as getCamelCase, d as getValidPropsKeys } from './index-882489e1.js';
+import { c as connect, b as getCamelCase, d as getValidPropsKeys } from './index-104f1dfb.js';
 
 var addComponent = Actions.addComponent,
   removeComponent = Actions.removeComponent,
@@ -49,9 +49,6 @@ var ComponentWrapper = function ComponentWrapper(component, options) {
       Object.keys(componentProps).forEach(function (key) {
         parsedProps[getCamelCase(key)] = componentProps[key];
       });
-      if (options.componentType === componentTypes.AIAnswer) {
-        parsedProps.enableAI = true;
-      }
       this.componentProps = parsedProps;
       this.componentId = this.componentProps.componentId;
       this.react = this.componentProps.react;

package/dist/es/{DropDown-8075451b.js → DropDown-74c20431.js}

@@ -4,17 +4,17 @@ import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPlugin
 import { createVNode, createTextVNode, mergeProps } from 'vue';
 import VueTypes from 'vue-types';
 import { styled } from '@appbaseio/vue-emotion';
-import { t as types } from './vueTypes-09cab4d3.js';
-import { a as isFunction } from './index-882489e1.js';
-import { s as suggestionsContainer, a as suggestions, I as Input } from './Input-4cd74b38.js';
+import { t as types } from './vueTypes-f1923c72.js';
+import { a as isFunction } from './index-104f1dfb.js';
+import { s as suggestionsContainer, a as suggestions, I as Input } from './Input-f7499ef8.js';
 import computeScrollIntoView from 'compute-scroll-into-view';
 import { replaceDiacritics } from '@appbaseio/reactivecore/lib/utils/suggestions';
 
 var _templateObject;
-var InputWrapper = styled('span')(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n\tflex: 1;\n\tposition: relative;\n\theight: 42px;\n"])));
+var InputWrapper = styled('span')(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  flex: 1;\n  position: relative;\n"])));
 
 var _templateObject$1;
-var IconGroup = styled('div')(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tgrid-gap: 6px;\n\tmargin: 0 10px;\n\theight: 100%;\n\n\t", ";\n\n\t", ";\n\n\t", ";\n"])), function (_ref) {
+var IconGroup = styled('div')(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tgrid-gap: 6px;\n\tmargin: 0 10px;\n\theight: 100%;\n\n\t", ";\n\n\t", ";\n"])), function (_ref) {
   var positionType = _ref.positionType;
   if (positionType === 'absolute') {
     return "\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 50%;\n\t\t\t\ttransform: translateY(-50%);\n\t\t\t";
@@ -23,12 +23,9 @@ var IconGroup = styled('div')(_templateObject$1 || (_templateObject$1 = _taggedT
 }, function (_ref2) {
   var groupPosition = _ref2.groupPosition;
   return groupPosition === 'right' ? "\n\t\t\t\t\tright: 0;\n\t\t\t  " : "\n\t\t\t\t\tleft: 0;\n\t\t\t  ";
-}, function (_ref3) {
-  var enableAI = _ref3.enableAI;
-  return enableAI ? "\n\t\ttop: 0%;\n\t    transform: translateY(0);\n    \theight: 42px;\n\t" : '';
 });
 
-var _templateObject$2, _templateObject2;
+var _templateObject$2;
 var IconWrapper = styled('div')(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tmax-width: 23px;\n\twidth: max-content;\n\tcursor: pointer;\n\theight: 100%;\n\tmin-width: 20px;\n\n\tsvg.search-icon {\n\t\tfill: ", ";\n\t\ttransform: scale(1.5);\n\t}\n\n\tsvg.cancel-icon {\n\t\tfill: ", ";\n\t}\n"])), function (_ref) {
   var _ref$theme = _ref.theme,
     theme = _ref$theme === void 0 ? {} : _ref$theme;
@@ -38,13 +35,6 @@ var IconWrapper = styled('div')(_templateObject$2 || (_templateObject$2 = _tagge
     theme = _ref2$theme === void 0 ? {} : _ref2$theme;
   return theme.colors ? theme.colors.borderColor : '#000';
 });
-var ButtonIconWrapper = styled(IconWrapper)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n\tborder-radius: 4px;\n\tvertical-align: middle;\n\theight: 25px;\n\tfont-size: 12px;\n\tborder: 1px solid ", ";\n\tcolor: ", ";\n\tmax-width: unset;\n\tpadding: 5px;\n"])), function (_ref3) {
-  var theme = _ref3.theme;
-  return theme.colors ? theme.colors.primaryColor : '#000';
-}, function (_ref4) {
-  var theme = _ref4.theme;
-  return theme.colors ? theme.colors.primaryColor : '#000';
-});
 
 /**
  * Scroll node into view if necessary
@@ -415,7 +405,7 @@ var CancelSvg = (function () {
   }, null)]);
 });
 
-var _templateObject$3, _templateObject2$1;
+var _templateObject$3, _templateObject2;
 var small = "\n\tmin-height: 0;\n\theight: 30px;\n\tborder: 0;\n\tbox-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;\n\tborder-radius: 2px;\n";
 var dark = function dark(_ref) {
   var theme = _ref.theme;
@@ -427,7 +417,7 @@ var Select = styled('button')(_templateObject$3 || (_templateObject$3 = _taggedT
   var themePreset = _ref2.themePreset;
   return themePreset === 'dark' && dark;
 });
-var Tick = styled('span')(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteralLoose(["\n\twidth: 16px;\n\theight: 16px;\n\tdisplay: inline-block;\n\tposition: relative;\n\tuser-select: none;\n\talign-items: center;\n\n\t&::after {\n\t\tbox-sizing: content-box;\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tbackground-color: transparent;\n\t\ttop: 50%;\n\t\tleft: 0;\n\t\twidth: 8px;\n\t\theight: 4px;\n\t\tmargin-top: -4px;\n\t\tborder-style: solid;\n\t\tborder-color: ", ";\n\t\tborder-width: 0 0 2px 2px;\n\t\tborder-radius: 0;\n\t\tborder-image: none;\n\t\ttransform: rotate(-45deg) scale(1);\n\t\ttransition: all 200ms ease-out;\n\t}\n"])), function (_ref3) {
+var Tick = styled('span')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n\twidth: 16px;\n\theight: 16px;\n\tdisplay: inline-block;\n\tposition: relative;\n\tuser-select: none;\n\talign-items: center;\n\n\t&::after {\n\t\tbox-sizing: content-box;\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tbackground-color: transparent;\n\t\ttop: 50%;\n\t\tleft: 0;\n\t\twidth: 8px;\n\t\theight: 4px;\n\t\tmargin-top: -4px;\n\t\tborder-style: solid;\n\t\tborder-color: ", ";\n\t\tborder-width: 0 0 2px 2px;\n\t\tborder-radius: 0;\n\t\tborder-image: none;\n\t\ttransform: rotate(-45deg) scale(1);\n\t\ttransition: all 200ms ease-out;\n\t}\n"])), function (_ref3) {
   var theme = _ref3.theme;
   return theme.colors.primaryColor;
 });
@@ -697,4 +687,4 @@ var Dropdown = {
   }
 };
 
-export { ButtonIconWrapper as B, CancelSvg as C, Downshift as D, IconWrapper as I, IconGroup as a, InputWrapper as b, Dropdown as c };
+export { CancelSvg as C, Downshift as D, IconWrapper as I, IconGroup as a, InputWrapper as b, Dropdown as c };

package/dist/es/DynamicRangeSlider.js

@@ -4,10 +4,10 @@ import './_rollupPluginBabelHelpers-ded08042.js';
 import { createVNode, resolveComponent, mergeProps } from 'vue';
 import VueTypes from 'vue-types';
 import '@appbaseio/vue-emotion';
-import { t as types } from './vueTypes-09cab4d3.js';
+import { t as types } from './vueTypes-f1923c72.js';
 import 'redux';
-import { j as updateCustomQuery, d as getValidPropsKeys, i as isQueryIdentical, c as connect } from './index-882489e1.js';
-import { P as PreferencesConsumer } from './PreferencesConsumer-b058d14e.js';
+import { j as updateCustomQuery, d as getValidPropsKeys, i as isQueryIdentical, c as connect } from './index-104f1dfb.js';
+import { P as PreferencesConsumer } from './PreferencesConsumer-0856ed43.js';
 import { T as Title } from './Title-863dfa42.js';
 import { C as Container } from './Container-d00219f7.js';
 import { g as getComponents, N as NoSSR, S as Slider } from './ssr-c630ccb9.js';

package/dist/es/Input-f7499ef8.js

@@ -0,0 +1,69 @@
+import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-ded08042.js';
+import { styled } from '@appbaseio/vue-emotion';
+import { css } from '@emotion/css';
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var alertBorder = function alertBorder(_ref) {
+  var theme = _ref.theme;
+  return "\n\tborder: 1px solid " + theme.colors.alertColor + ";\n";
+};
+var input = "\n\twidth: 100%;\n\tline-height: 1.5;\n\tmin-height: 42px;\n\tpadding: 8px 12px;\n\tborder: 1px solid #ccc;\n\tbackground-color: #fafafa;\n\tfont-size: 0.9rem;\n\toutline: none;\n\theight: 100%;\n\n\t&:focus {\n\t\tbackground-color: #fff;\n\t}\n";
+var dark = function dark(theme) {
+  return "\n\tborder-color: " + theme.colors.borderColor + ";\n";
+};
+var darkInput = function darkInput(_ref2) {
+  var theme = _ref2.theme;
+  return "\n\tbackground-color: " + theme.colors.backgroundColor + ";\n\tcolor: " + theme.colors.textColor + ";\n\t" + dark(theme) + ";\n\n\t&:focus {\n\t\tbackground-color: " + theme.colors.backgroundColor + ";\n\t}\n";
+};
+var Input = styled('input')(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n\t", ";\n\n\t&:focus {\n\t\tbackground-color: #fff;\n\t}\n\t", ";\n\n\t", ";\n\n\t", ";\n\n\t", ";\n\t", ";\n\n\t", ";\n\n\t", ";\n\t", ";\n\t", ";\n\n\t", ";\n"])), input, function (_ref3) {
+  var themePreset = _ref3.themePreset,
+    theme = _ref3.theme;
+  return themePreset === 'dark' && darkInput({
+    theme: theme
+  });
+}, function (props) {
+  return props.showIcon && props.iconPosition === 'left' && "\n\t\t\tpadding-left: 36px;\n\t\t";
+}, function (props) {
+  return props.showIcon && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 36px;\n\t\t";
+}, function (props) {
+  return (
+    // for clear icon
+    props.showClear && "\n\t\t\tpadding-right: 36px;\n\t\t"
+  );
+}, function (props) {
+  return (
+    // for voice search icon
+    props.showVoiceSearch && "\n\t\t\tpadding-right: 36px;\n\t\t"
+  );
+}, function (props) {
+  return (
+    // for clear icon with search icon
+    props.showClear && props.showIcon && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 66px;\n\t\t"
+  );
+}, function (props) {
+  return (
+    // for voice search icon with search icon
+    props.showVoiceSearch && props.showIcon && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 66px;\n\t\t"
+  );
+}, function (props) {
+  return (
+    // for voice search icon with clear icon
+    props.showVoiceSearch && props.showIcon && "\n\t\t\tpadding-right: 66px;\n\t\t"
+  );
+}, function (props) {
+  return (
+    // for clear icon with search icon and voice search
+    props.showClear && props.showIcon && props.showVoiceSearch && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 90px;\n\t\t"
+  );
+}, function (props) {
+  return props.alert && alertBorder;
+});
+var suggestions = function suggestions(themePreset, theme) {
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n\tdisplay: block;\n\twidth: 100%;\n\tborder: 1px solid #ccc;\n\tborder-top: none;\n\tbackground-color: #fff;\n\tfont-size: 0.9rem;\n\tz-index: 3;\n\tposition: absolute;\n\tmargin: 0;\n\tpadding: 0;\n\tlist-style: none;\n\tmax-height: min(100vh, 402px);\n\toverflow-y: auto;\n\n\t&.small {\n\t\ttop: 30px;\n\t}\n\n\tli {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\tcursor: pointer;\n\t\tpadding: 10px;\n\t\tuser-select: none;\n\n\t\t& > .trim {\n\t\t\tdisplay: -webkit-box;\n\t\t\tdisplay: flex;\n\t\t\twidth: 100%;\n\t\t\tmax-height: 2.3rem;\n\t\t\tline-height: 1.2rem;\n\t\t\t-webkit-line-clamp: 2;\n\t\t\t-webkit-box-orient: vertical;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t}\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbackground-color: #eee;\n\t\t}\n\t}\n\n\t", ";\n"])), themePreset === 'dark' && theme && dark(theme));
+};
+var suggestionsContainer = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n\tposition: relative;\n\t.cancel-icon {\n\t\tcursor: pointer;\n\t}\n"])));
+var noSuggestions = function noSuggestions(themePreset, theme) {
+  return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n\tdisplay: block;\n\twidth: 100%;\n\tborder: 1px solid #ccc;\n\tborder-top: none;\n\tbackground-color: #fff;\n\tfont-size: 0.9rem;\n\tz-index: 3;\n\tposition: absolute;\n\tmargin: 0;\n\tpadding: 0;\n\tlist-style: none;\n\tmax-height: 260px;\n\toverflow-y: auto;\n\n\t&.small {\n\t\ttop: 30px;\n\t}\n\n\tli {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\tpadding: 10px;\n\t\tuser-select: none;\n\n\t\t& > .trim {\n\t\t\tdisplay: -webkit-box;\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t\tmax-height: 2.3rem;\n\t\t\tline-height: 1.2rem;\n\t\t\t-webkit-line-clamp: 2;\n\t\t\t-webkit-box-orient: vertical;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t}\n\t}\n\n\t", "\n"])), themePreset === 'dark' && theme && dark(theme));
+};
+
+export { Input as I, suggestions as a, noSuggestions as n, suggestionsContainer as s };

package/dist/es/MultiDropdownList.js

@@ -4,20 +4,19 @@ import '@vue/babel-helper-vue-transform-on';
 import { a as _extends, b as _objectWithoutPropertiesLoose, c as _toPropertyKey } from './_rollupPluginBabelHelpers-ded08042.js';
 import { createVNode, isVNode } from 'vue';
 import VueTypes from 'vue-types';
-import '@appbaseio/reactivecore/lib/utils/helper';
 import '@appbaseio/vue-emotion';
 import '@emotion/css';
 import 'polished';
-import { l as loadMoreContainer, B as Button } from './Button-5c2cf399.js';
-import { t as types } from './vueTypes-09cab4d3.js';
+import { l as loadMoreContainer, B as Button } from './Button-fd869491.js';
+import { t as types } from './vueTypes-f1923c72.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { j as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, n as parseValueArray, g as getComponent, h as hasCustomRenderer, c as connect } from './index-882489e1.js';
-import { C as ComponentWrapper } from './ComponentWrapper-a2635cfc.js';
-import { P as PreferencesConsumer } from './PreferencesConsumer-b058d14e.js';
+import { j as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, n as parseValueArray, g as getComponent, h as hasCustomRenderer, c as connect } from './index-104f1dfb.js';
+import { C as ComponentWrapper } from './ComponentWrapper-e91c9d43.js';
+import { P as PreferencesConsumer } from './PreferencesConsumer-0856ed43.js';
 import { T as Title } from './Title-863dfa42.js';
-import { c as Dropdown } from './DropDown-8075451b.js';
-import './Input-4cd74b38.js';
+import { c as Dropdown } from './DropDown-74c20431.js';
+import './Input-f7499ef8.js';
 import 'compute-scroll-into-view';
 import { C as Container } from './Container-d00219f7.js';
 import '@appbaseio/reactivecore/lib/utils/suggestions';

package/dist/es/MultiList.js

@@ -6,14 +6,14 @@ import VueTypes from 'vue-types';
 import '@appbaseio/vue-emotion';
 import '@emotion/css';
 import 'polished';
-import { t as types } from './vueTypes-09cab4d3.js';
+import { t as types } from './vueTypes-f1923c72.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { j as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, m as isEvent, n as parseValueArray, g as getComponent, h as hasCustomRenderer, c as connect } from './index-882489e1.js';
-import { C as ComponentWrapper } from './ComponentWrapper-a2635cfc.js';
-import { P as PreferencesConsumer } from './PreferencesConsumer-b058d14e.js';
+import { j as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, m as isEvent, n as parseValueArray, g as getComponent, h as hasCustomRenderer, c as connect } from './index-104f1dfb.js';
+import { C as ComponentWrapper } from './ComponentWrapper-e91c9d43.js';
+import { P as PreferencesConsumer } from './PreferencesConsumer-0856ed43.js';
 import { T as Title } from './Title-863dfa42.js';
-import { I as Input } from './Input-4cd74b38.js';
+import { I as Input } from './Input-f7499ef8.js';
 import { C as Container } from './Container-d00219f7.js';
 import { replaceDiacritics } from '@appbaseio/reactivecore/lib/utils/suggestions';
 import { U as UL, C as Checkbox } from './FormControlList-fe6eaee4.js';

package/dist/es/MultiRange.js

@@ -6,12 +6,12 @@ import { createVNode, mergeProps, isVNode } from 'vue';
 import VueTypes from 'vue-types';
 import '@appbaseio/vue-emotion';
 import 'polished';
-import { t as types } from './vueTypes-09cab4d3.js';
+import { t as types } from './vueTypes-f1923c72.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { n as parseValueArray, j as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-882489e1.js';
-import { C as ComponentWrapper } from './ComponentWrapper-a2635cfc.js';
-import { P as PreferencesConsumer } from './PreferencesConsumer-b058d14e.js';
+import { n as parseValueArray, j as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-104f1dfb.js';
+import { C as ComponentWrapper } from './ComponentWrapper-e91c9d43.js';
+import { P as PreferencesConsumer } from './PreferencesConsumer-0856ed43.js';
 import { T as Title } from './Title-863dfa42.js';
 import { C as Container } from './Container-d00219f7.js';
 import { U as UL, C as Checkbox } from './FormControlList-fe6eaee4.js';

package/dist/es/{Pagination-50fc3ef5.js → Pagination-c2745bec.js}

@@ -2,8 +2,8 @@ import { helper } from '@appbaseio/reactivecore';
 import _transformOn from '@vue/babel-helper-vue-transform-on';
 import { createVNode, mergeProps, createTextVNode, isVNode } from 'vue';
 import VueTypes from 'vue-types';
-import { p as pagination, B as Button } from './Button-5c2cf399.js';
-import { t as types } from './vueTypes-09cab4d3.js';
+import { p as pagination, B as Button } from './Button-fd869491.js';
+import { t as types } from './vueTypes-f1923c72.js';
 
 function _isSlot(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);

package/dist/es/{PreferencesConsumer-b058d14e.js → PreferencesConsumer-0856ed43.js}

@@ -1,6 +1,6 @@
 import { a as _extends } from './_rollupPluginBabelHelpers-ded08042.js';
 import { h } from 'vue';
-import { b as getCamelCase } from './index-882489e1.js';
+import { b as getCamelCase } from './index-104f1dfb.js';
 
 var deepValue = function deepValue(o, p) {
   return p.split('.').reduce(function (a, v) {

package/dist/es/RangeInput.js

@@ -7,15 +7,15 @@ import VueTypes from 'vue-types';
 import { styled } from '@appbaseio/vue-emotion';
 import '@emotion/css';
 import 'polished';
-import { t as types } from './vueTypes-09cab4d3.js';
+import { t as types } from './vueTypes-f1923c72.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { c as connect } from './index-882489e1.js';
-import { C as ComponentWrapper } from './ComponentWrapper-a2635cfc.js';
-import { P as PreferencesConsumer } from './PreferencesConsumer-b058d14e.js';
+import { c as connect } from './index-104f1dfb.js';
+import { C as ComponentWrapper } from './ComponentWrapper-e91c9d43.js';
+import { P as PreferencesConsumer } from './PreferencesConsumer-0856ed43.js';
 import './Title-863dfa42.js';
 import { F as Flex } from './Flex-25792bc3.js';
-import { I as Input } from './Input-4cd74b38.js';
+import { I as Input } from './Input-f7499ef8.js';
 import { C as Container } from './Container-d00219f7.js';
 import './ssr-c630ccb9.js';
 import { RangeConnected as RangeConnected$1 } from './RangeSlider.js';

package/dist/es/RangeSlider.js

@@ -4,12 +4,12 @@ import './_rollupPluginBabelHelpers-ded08042.js';
 import { createVNode, resolveComponent, mergeProps } from 'vue';
 import VueTypes from 'vue-types';
 import '@appbaseio/vue-emotion';
-import { t as types } from './vueTypes-09cab4d3.js';
+import { t as types } from './vueTypes-f1923c72.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { j as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-882489e1.js';
-import { C as ComponentWrapper } from './ComponentWrapper-a2635cfc.js';
-import { P as PreferencesConsumer } from './PreferencesConsumer-b058d14e.js';
+import { j as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-104f1dfb.js';
+import { C as ComponentWrapper } from './ComponentWrapper-e91c9d43.js';
+import { P as PreferencesConsumer } from './PreferencesConsumer-0856ed43.js';
 import { T as Title } from './Title-863dfa42.js';
 import { C as Container } from './Container-d00219f7.js';
 import { g as getComponents, N as NoSSR, S as Slider } from './ssr-c630ccb9.js';

package/dist/es/ReactiveBase.js

@@ -5,9 +5,9 @@ import { h, createVNode, isVNode } from 'vue';
 import VueTypes from 'vue-types';
 import { isEqual as isEqual$1, transformRequestUsingEndpoint } from '@appbaseio/reactivecore/lib/utils/helper';
 import { styled, createCache } from '@appbaseio/vue-emotion';
-import { t as types } from './vueTypes-09cab4d3.js';
+import { t as types } from './vueTypes-f1923c72.js';
 import 'redux';
-import { c as connect, e as composeThemeObject, X as X_SEARCH_CLIENT } from './index-882489e1.js';
+import { c as connect, e as composeThemeObject, X as X_SEARCH_CLIENT } from './index-104f1dfb.js';
 import configureStore, { Actions as Actions$1 } from '@appbaseio/reactivecore/lib';
 import { updateAnalyticsConfig } from '@appbaseio/reactivecore/lib/actions/analytics';
 import Appbase from 'appbase-js';
@@ -63,17 +63,12 @@ var Base = function Base(_ref) {
     }
   });
 };
-var Base$1 = styled(Base)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n\tfont-family: ", ";\n\tfont-size: ", ";\n\tcolor: ", ";\n\twidth: 100%;\n\n\tinput,\n\tbutton,\n\ttextarea,\n\tselect {\n\t\tfont-family: ", ";\n\t}\n\n\t*,\n\t*:before,\n\t*:after {\n\t\tbox-sizing: border-box;\n\t}\n"])), function (_ref2) {
-  var theme = _ref2.theme;
-  return theme && theme.typography ? theme.typography.fontFamily : 'unset';
+var Base$1 = styled(Base)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n\t", "\n\twidth: 100%;\n\n\tinput,\n\tbutton,\n\ttextarea,\n\tselect {\n\t\tfont-family: ", ";\n\t}\n\n\t*,\n\t*:before,\n\t*:after {\n\t\tbox-sizing: border-box;\n\t}\n"])), function (_ref2) {
+  var userThemeProp = _ref2.userThemeProp,
+    theme = _ref2.theme;
+  return userThemeProp === false ? '' : "font-family: " + (theme && theme.typography ? theme.typography.fontFamily : 'unset') + ";\n\tfont-size: " + (theme && theme.typography ? theme.typography.fontSize : 'unset') + ";\n\tcolor: " + (theme && theme.colors ? theme.colors.textColor : 'unset') + ";";
 }, function (_ref3) {
   var theme = _ref3.theme;
-  return theme && theme.typography ? theme.typography.fontSize : 'unset';
-}, function (_ref4) {
-  var theme = _ref4.theme;
-  return theme && theme.colors ? theme.colors.textColor : 'unset';
-}, function (_ref5) {
-  var theme = _ref5.theme;
   return theme && theme.typography ? theme.typography.fontFamily : 'unset';
 });
 
@@ -90,7 +85,8 @@ var URLParamsProvider = {
     headers: types.headers,
     getSearchParams: types.func,
     setSearchParams: types.func,
-    as: VueTypes.string.def('div')
+    as: VueTypes.string.def('div'),
+    userThemeProp: VueTypes.oneOf([VueTypes.bool, VueTypes.object.def({})])
   },
   mounted: function mounted() {
     var _this = this;
@@ -118,7 +114,6 @@ var URLParamsProvider = {
           _this.setValue(component, JSON.parse(value), label, showFilter, URLParams, undefined, undefined, undefined, 'URL');
         } catch (e) {
           // Do not set value if JSON parsing fails.
-          console.error(e);
         }
       });
     };
@@ -271,7 +266,8 @@ var URLParamsProvider = {
     var children = this.$slots["default"]();
     return createVNode(Base$1, {
       "as": this.$props.as,
-      "class": this.$props.className
+      "class": this.$props.className,
+      "userThemeProp": this.$props.userThemeProp
     }, _isSlot$1(children) ? children : {
       "default": function _default() {
         return [children];
@@ -312,11 +308,11 @@ var light = {
 var dark = {
   typography: typography,
   colors: {
-    textColor: '#ffffffcf',
+    textColor: '#fff',
     backgroundColor: '#212121',
-    primaryTextColor: '#ffffffcf',
+    primaryTextColor: '#fff',
     primaryColor: '#2196F3',
-    titleColor: '#ffffffcf',
+    titleColor: '#fff',
     alertColor: '#d9534f',
     borderColor: '#666'
   }
@@ -350,7 +346,7 @@ var ReactiveBase = {
     credentials: types.string,
     headers: types.headers,
     queryParams: types.string,
-    theme: VueTypes.object.def({}),
+    theme: VueTypes.oneOf([VueTypes.bool, VueTypes.object.def({})]),
     themePreset: VueTypes.string.def('light'),
     type: types.string,
     url: types.string,
@@ -366,7 +362,8 @@ var ReactiveBase = {
     setSearchParams: types.func,
     mongodb: types.mongodb,
     endpoint: types.endpointConfig,
-    preferences: VueTypes.object
+    preferences: VueTypes.object,
+    httpRequestTimeout: VueTypes.number.def(30)
   },
   provide: function provide() {
     var createCacheFn = createCache;
@@ -410,6 +407,9 @@ var ReactiveBase = {
     },
     mongodb: function mongodb() {
       this.updateState(this.$props);
+    },
+    httpRequestTimeout: function httpRequestTimeout() {
+      this.updateState(this.$props);
     }
   },
   computed: {
@@ -455,7 +455,8 @@ var ReactiveBase = {
         analytics: props.reactivesearchAPIConfig ? props.reactivesearchAPIConfig.recordAnalytics : props.analytics,
         analyticsConfig: props.reactivesearchAPIConfig,
         mongodb: props.mongodb,
-        endpoint: props.endpoint
+        endpoint: props.endpoint,
+        httpRequestTimeout: (props.httpRequestTimeout || 0) * 1000 || 30000
       };
       var queryParams = '';
       if (typeof window !== 'undefined') {
@@ -566,7 +567,8 @@ var ReactiveBase = {
           "style": style,
           "className": className,
           "getSearchParams": _this.getSearchParams,
-          "setSearchParams": _this.setSearchParams
+          "setSearchParams": _this.setSearchParams,
+          "userThemeProp": _this.$props.theme
         }, _isSlot$2(_slot = children()) ? _slot : {
           "default": function _default() {
             return [_slot];

package/dist/es/ReactiveComponent.js

@@ -3,12 +3,12 @@ import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import { a as _extends, b as _objectWithoutPropertiesLoose } from './_rollupPluginBabelHelpers-ded08042.js';
 import { createVNode, h } from 'vue';
 import VueTypes from 'vue-types';
-import { t as types } from './vueTypes-09cab4d3.js';
+import { t as types } from './vueTypes-f1923c72.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { j as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, c as connect } from './index-882489e1.js';
-import { C as ComponentWrapper } from './ComponentWrapper-a2635cfc.js';
-import { P as PreferencesConsumer } from './PreferencesConsumer-b058d14e.js';
+import { j as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, c as connect } from './index-104f1dfb.js';
+import { C as ComponentWrapper } from './ComponentWrapper-e91c9d43.js';
+import { P as PreferencesConsumer } from './PreferencesConsumer-0856ed43.js';
 
 var _excluded = ["options"];
 var updateQuery = Actions.updateQuery,

package/dist/es/ReactiveGoogleMap.js

@@ -4,18 +4,17 @@ import _transformOn from '@vue/babel-helper-vue-transform-on';
 import { a as _extends, b as _objectWithoutPropertiesLoose, c as _toPropertyKey, d as _inheritsLoose, _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-ded08042.js';
 import { createVNode, mergeProps } from 'vue';
 import VueTypes from 'vue-types';
-import '@appbaseio/reactivecore/lib/utils/helper';
 import { styled } from '@appbaseio/vue-emotion';
 import { css } from '@emotion/css';
 import 'polished';
-import './Button-5c2cf399.js';
-import { t as types } from './vueTypes-09cab4d3.js';
-import { P as Pagination } from './Pagination-50fc3ef5.js';
+import './Button-fd869491.js';
+import { t as types } from './vueTypes-f1923c72.js';
+import { P as Pagination } from './Pagination-c2745bec.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { h as hasCustomRenderer, i as isQueryIdentical, g as getComponent, a as isFunction, c as connect } from './index-882489e1.js';
-import { C as ComponentWrapper } from './ComponentWrapper-a2635cfc.js';
-import { P as PreferencesConsumer } from './PreferencesConsumer-b058d14e.js';
+import { h as hasCustomRenderer, i as isQueryIdentical, g as getComponent, a as isFunction, c as connect } from './index-104f1dfb.js';
+import { C as ComponentWrapper } from './ComponentWrapper-e91c9d43.js';
+import { P as PreferencesConsumer } from './PreferencesConsumer-0856ed43.js';
 import { C as Checkbox } from './FormControlList-fe6eaee4.js';
 import VueGoogleMaps, { InfoWindow, MapElementMixin, Marker, GMapCluster, Map } from 'vue-google-maps-community-fork';
 import geohash from 'ngeohash';

package/dist/es/ReactiveList.js

@@ -8,14 +8,14 @@ import { withClickIds } from '@appbaseio/reactivecore/lib/utils/helper';
 import { styled } from '@appbaseio/vue-emotion';
 import { css } from '@emotion/css';
 import 'polished';
-import './Button-5c2cf399.js';
-import { t as types } from './vueTypes-09cab4d3.js';
-import { P as Pagination } from './Pagination-50fc3ef5.js';
+import './Button-fd869491.js';
+import { t as types } from './vueTypes-f1923c72.js';
+import { P as Pagination } from './Pagination-c2745bec.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { c as connect, h as hasCustomRenderer, i as isQueryIdentical, u as updateDefaultQuery, a as isFunction, g as getComponent } from './index-882489e1.js';
-import { C as ComponentWrapper } from './ComponentWrapper-a2635cfc.js';
-import { P as PreferencesConsumer } from './PreferencesConsumer-b058d14e.js';
+import { c as connect, h as hasCustomRenderer, i as isQueryIdentical, u as updateDefaultQuery, a as isFunction, g as getComponent } from './index-104f1dfb.js';
+import { C as ComponentWrapper } from './ComponentWrapper-e91c9d43.js';
+import { P as PreferencesConsumer } from './PreferencesConsumer-0856ed43.js';
 import './Title-863dfa42.js';
 import { c as container } from './ListItem-e3c6acf4.js';
 import { c as container$1 } from './Card-54b9e7a0.js';