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

package/dist/cjs/{ComponentWrapper-0b9ffb1a.js → ComponentWrapper-0334c14b.js}

@@ -8,7 +8,7 @@ var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js
 var vue = require('vue');
 var VueTypes = _interopDefault(require('vue-types'));
 var transform = require('@appbaseio/reactivecore/lib/utils/transform');
-var index = require('./index-779ed366.js');
+var index = require('./index-1f41363f.js');
 
 var addComponent = reactivecore.Actions.addComponent,
   removeComponent = reactivecore.Actions.removeComponent,

package/dist/cjs/{DropDown-82d92f8b.js → DropDown-26666911.js}

@@ -8,9 +8,9 @@ var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js
 var vue = require('vue');
 var VueTypes = _interopDefault(require('vue-types'));
 var vueEmotion = require('@appbaseio/vue-emotion');
-var vueTypes = require('./vueTypes-a5f1745e.js');
-var index = require('./index-779ed366.js');
-var Input = require('./Input-fcd780de.js');
+var vueTypes = require('./vueTypes-289a891a.js');
+var index = require('./index-1f41363f.js');
+var Input = require('./Input-3ecdb905.js');
 var computeScrollIntoView = _interopDefault(require('compute-scroll-into-view'));
 var suggestions = require('@appbaseio/reactivecore/lib/utils/suggestions');
 

package/dist/cjs/DynamicRangeSlider.js

@@ -10,12 +10,14 @@ require('./_rollupPluginBabelHelpers-f8b843f8.js');
 var vue = require('vue');
 var VueTypes = _interopDefault(require('vue-types'));
 require('@appbaseio/vue-emotion');
-var vueTypes = require('./vueTypes-a5f1745e.js');
+var vueTypes = require('./vueTypes-289a891a.js');
 require('redux');
-var index = require('./index-779ed366.js');
-var PreferencesConsumer = require('./PreferencesConsumer-85dee673.js');
+var index = require('./index-1f41363f.js');
+var PreferencesConsumer = require('./PreferencesConsumer-7bee3c57.js');
 var Title = require('./Title-8802a218.js');
 var Container = require('./Container-29f049b2.js');
+var VueSlider = _interopDefault(require('vue-slider-component'));
+require('vue-slider-component/theme/antd.css');
 var ssr = require('./ssr-8dd13d43.js');
 
 var addComponent = reactivecore.Actions.addComponent,
@@ -41,6 +43,7 @@ var DynamicRangeSlider = {
     className: VueTypes.string.def(''),
     rangeLabels: vueTypes.types.func,
     componentId: vueTypes.types.stringRequired,
+    compoundClause: vueTypes.types.compoundClause,
     customQuery: vueTypes.types.func,
     data: vueTypes.types.data,
     dataField: vueTypes.types.stringRequired,
@@ -323,7 +326,7 @@ var DynamicRangeSlider = {
               "class": getClassName(_this4.$props.innerClass, 'slider')
             }, {
               "default": function _default() {
-                return [vue.createVNode(vue.resolveComponent("vue-slider-component"), vue.mergeProps({
+                return [vue.createVNode(VueSlider, vue.mergeProps({
                   "ref": "slider",
                   "modelValue": [Math.floor(Math.max(start, _this4.currentValue[0])), Math.ceil(Math.min(end, _this4.currentValue[1]))],
                   "min": Math.floor(Math.min(start, _this4.currentValue[0])),

package/dist/cjs/{Input-fcd780de.js → Input-3ecdb905.js}

@@ -4,13 +4,13 @@ var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js
 var vueEmotion = require('@appbaseio/vue-emotion');
 var css = require('@emotion/css');
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
 var alertBorder = function alertBorder(_ref) {
   var theme = _ref.theme;
   return "\n\tborder: 1px solid " + theme.colors.alertColor + ";\n";
 };
 var input = function input(searchBox) {
-  return "\nwidth: 100%;\nline-height: 1.5;\nmin-height: 42px;\npadding: 8px 12px;\nborder: 1px solid #ccc;\nbackground-color: #fafafa;\nfont-size: 0.9rem;\noutline: none;\n&:focus {\n\tbackground-color: #fff;\n}\n" + (searchBox && "\n\tpadding: 8px 12px 9px;\n\tborder: 1px solid transparent;\n\tborder-radius: 6px;\n") + ";\n";
+  return "\nwidth: 100%;\nline-height: 1.5;\nmin-height: 42px;\npadding: 8px 12px;\nborder: 1px solid #ccc;\nbackground-color: #fafafa;\nfont-size: 0.9rem;\noutline: none;\n&:focus {\n\tbackground-color: #fff;\n}\n" + (searchBox && "\n\tpadding: 8px 12px 9px;\n\tborder: 1px solid transparent;\n\tborder-radius: 6px;\n\tmin-height: unset;\n") + ";\n";
 };
 var dark = function dark(theme) {
   return "\n\tborder-color: " + theme.colors.borderColor + ";\n";
@@ -73,79 +73,20 @@ var suggestionsContainer = css.css(_templateObject6 || (_templateObject6 = _roll
 var noSuggestions = function noSuggestions(themePreset, theme) {
   return css.css(_templateObject7 || (_templateObject7 = _rollupPluginBabelHelpers._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));
 };
-var TextArea = vueEmotion.styled('textarea')(_templateObject8 || (_templateObject8 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t", ";\n\t", ";\n\n\t", ";\n\n\t", ";\n\n\t", ";\n\t", ";\n\t", ";\n\t", ";\n\n\t", ";\n\t", ";\n\t", ";\n\t", ";\n\t", ";\n\n\t", ";\n\t", ";\n\t", ";\n\t", ";\n\t", ";\n\t&::-webkit-search-decoration,\n\t&::-webkit-search-cancel-button,\n\t&::-webkit-search-results-button,\n\t&::-webkit-search-results-decoration {\n\t\tdisplay: none;\n\t}\n\tresize: none;\n\toverflow: hidden;\n\theight: 42px;\n\t", "\n"])), input, function (_ref4) {
+var TextArea = vueEmotion.styled('textarea')(_templateObject8 || (_templateObject8 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t", ";\n\t", ";\n\n\t", ";\n\t", ";\n\t&::-webkit-search-decoration,\n\t&::-webkit-search-cancel-button,\n\t&::-webkit-search-results-button,\n\t&::-webkit-search-results-decoration {\n\t\tdisplay: none;\n\t}\n\tresize: none;\n\toverflow: hidden;\n\theight: 42px;\n\tpadding-left: 0;\n\tpadding-right: 0;\n"])), function (props) {
+  return input(props.searchBox);
+}, function (_ref4) {
   var themePreset = _ref4.themePreset,
     theme = _ref4.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 props.showFocusShortcutsIcon && "\n\t\t\tpadding-right: 20px;\n\t\t";
-}, function (props) {
-  return props.showIcon && props.showFocusShortcutsIcon && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 66px;\n\t\t";
-}, function (props) {
-  return (
-    // for voice search icon with focusshortcut  icon
-    props.showVoiceSearch && props.showFocusShortcutsIcon && "\n\t\t\tpadding-right: 50px;\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 clear icon
-    props.showVoiceSearch && props.showIcon && "\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 focusshortcut  icon and clear icon
-    props.showVoiceSearch && props.showFocusShortcutsIcon && props.showClear && "\n\t\t\tpadding-right: 80px;\n\t\t"
-  );
-}, function (props) {
-  return (
-    // for search icon with focusshortcut  icon
-    props.showIcon && props.showFocusShortcutsIcon && props.iconPosition === 'right' && "\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 (
-    // for clear icon with search icon, focusshortcut icon and voice search
-    props.showClear && props.showIcon && props.showVoiceSearch && props.iconPosition === 'right' && props.showFocusShortcutsIcon && "\n\t\t\tpadding-right: 106px;\n\t\t"
-  );
 }, function (props) {
   return props.alert && alertBorder;
 }, function (props) {
-  return props.isOpen && css.css(_templateObject9 || (_templateObject9 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\tborder-bottom-left-radius: 0;\n\t\t\tborder-bottom-right-radius: 0;\n\t\t"])));
-}, function (_ref5) {
-  var searchBox = _ref5.searchBox;
-  return searchBox && "\n\t\tbackground: none;\n\t\tpadding:0px;\n\t\tpadding-top: 12px;\n\t\tborder: none;\n\t\tline-height: inherit;\n\t\twhite-space: nowrap;\n\t\t&:focus {\n\t\t\tbackground: none;\n\t\t}\n\t";
+  return props.isOpen && "\n\t\t\tborder-bottom-left-radius: 0;\n\t\t\tborder-bottom-right-radius: 0;\n\t\t";
 });
-var Actions = vueEmotion.styled('div')(_templateObject10 || (_templateObject10 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n"])));
+var Actions = vueEmotion.styled('div')(_templateObject9 || (_templateObject9 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n"])));
 
 exports.Actions = Actions;
 exports.Input = Input;

package/dist/cjs/MultiDropdownList.js

@@ -15,15 +15,15 @@ require('@appbaseio/vue-emotion');
 require('@emotion/css');
 require('polished');
 var Button = require('./Button-f96a0570.js');
-var vueTypes = require('./vueTypes-a5f1745e.js');
+var vueTypes = require('./vueTypes-289a891a.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-779ed366.js');
-var ComponentWrapper = require('./ComponentWrapper-0b9ffb1a.js');
-var PreferencesConsumer = require('./PreferencesConsumer-85dee673.js');
+var index = require('./index-1f41363f.js');
+var ComponentWrapper = require('./ComponentWrapper-0334c14b.js');
+var PreferencesConsumer = require('./PreferencesConsumer-7bee3c57.js');
 var Title = require('./Title-8802a218.js');
-var DropDown = require('./DropDown-82d92f8b.js');
-require('./Input-fcd780de.js');
+var DropDown = require('./DropDown-26666911.js');
+require('./Input-3ecdb905.js');
 require('compute-scroll-into-view');
 var Container = require('./Container-29f049b2.js');
 require('@appbaseio/reactivecore/lib/utils/suggestions');
@@ -62,6 +62,7 @@ var MultiDropdownList = {
     beforeValueChange: vueTypes.types.func,
     className: VueTypes.string.def(''),
     componentId: vueTypes.types.stringRequired,
+    compoundClause: vueTypes.types.compoundClause,
     customQuery: vueTypes.types.func,
     dataField: vueTypes.types.stringRequired,
     defaultValue: vueTypes.types.stringArray,

package/dist/cjs/MultiList.js

@@ -12,14 +12,14 @@ var VueTypes = _interopDefault(require('vue-types'));
 require('@appbaseio/vue-emotion');
 require('@emotion/css');
 require('polished');
-var vueTypes = require('./vueTypes-a5f1745e.js');
+var vueTypes = require('./vueTypes-289a891a.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-779ed366.js');
-var ComponentWrapper = require('./ComponentWrapper-0b9ffb1a.js');
-var PreferencesConsumer = require('./PreferencesConsumer-85dee673.js');
+var index = require('./index-1f41363f.js');
+var ComponentWrapper = require('./ComponentWrapper-0334c14b.js');
+var PreferencesConsumer = require('./PreferencesConsumer-7bee3c57.js');
 var Title = require('./Title-8802a218.js');
-var Input = require('./Input-fcd780de.js');
+var Input = require('./Input-3ecdb905.js');
 var Container = require('./Container-29f049b2.js');
 var suggestions = require('@appbaseio/reactivecore/lib/utils/suggestions');
 var FormControlList = require('./FormControlList-fadd792f.js');
@@ -45,6 +45,7 @@ var MultiList = {
     beforeValueChange: vueTypes.types.func,
     className: VueTypes.string.def(''),
     componentId: vueTypes.types.stringRequired,
+    compoundClause: vueTypes.types.compoundClause,
     customQuery: vueTypes.types.func,
     dataField: vueTypes.types.stringRequired,
     defaultQuery: vueTypes.types.func,

package/dist/cjs/MultiRange.js

@@ -12,12 +12,12 @@ var vue = require('vue');
 var VueTypes = _interopDefault(require('vue-types'));
 require('@appbaseio/vue-emotion');
 require('polished');
-var vueTypes = require('./vueTypes-a5f1745e.js');
+var vueTypes = require('./vueTypes-289a891a.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-779ed366.js');
-var ComponentWrapper = require('./ComponentWrapper-0b9ffb1a.js');
-var PreferencesConsumer = require('./PreferencesConsumer-85dee673.js');
+var index = require('./index-1f41363f.js');
+var ComponentWrapper = require('./ComponentWrapper-0334c14b.js');
+var PreferencesConsumer = require('./PreferencesConsumer-7bee3c57.js');
 var Title = require('./Title-8802a218.js');
 var Container = require('./Container-29f049b2.js');
 var FormControlList = require('./FormControlList-fadd792f.js');
@@ -47,6 +47,7 @@ var MultiRange = {
     beforeValueChange: vueTypes.types.func,
     className: VueTypes.string.def(''),
     componentId: vueTypes.types.stringRequired,
+    compoundClause: vueTypes.types.compoundClause,
     customQuery: vueTypes.types.func,
     data: vueTypes.types.data,
     dataField: vueTypes.types.stringRequired,

package/dist/cjs/{Pagination-bcf8af5f.js → Pagination-c53a18ab.js}

@@ -7,7 +7,7 @@ var _transformOn = _interopDefault(require('@vue/babel-helper-vue-transform-on')
 var vue = require('vue');
 var VueTypes = _interopDefault(require('vue-types'));
 var Button = require('./Button-f96a0570.js');
-var vueTypes = require('./vueTypes-a5f1745e.js');
+var vueTypes = require('./vueTypes-289a891a.js');
 
 function _isSlot(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);

package/dist/cjs/{PreferencesConsumer-85dee673.js → PreferencesConsumer-7bee3c57.js}

@@ -2,7 +2,7 @@
 
 var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
 var vue = require('vue');
-var index = require('./index-779ed366.js');
+var index = require('./index-1f41363f.js');
 
 var deepValue = function deepValue(o, p) {
   return p.split('.').reduce(function (a, v) {

package/dist/cjs/RangeInput.js

@@ -13,16 +13,18 @@ var VueTypes = _interopDefault(require('vue-types'));
 var vueEmotion = require('@appbaseio/vue-emotion');
 require('@emotion/css');
 require('polished');
-var vueTypes = require('./vueTypes-a5f1745e.js');
+var vueTypes = require('./vueTypes-289a891a.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-779ed366.js');
-var ComponentWrapper = require('./ComponentWrapper-0b9ffb1a.js');
-var PreferencesConsumer = require('./PreferencesConsumer-85dee673.js');
+var index = require('./index-1f41363f.js');
+var ComponentWrapper = require('./ComponentWrapper-0334c14b.js');
+var PreferencesConsumer = require('./PreferencesConsumer-7bee3c57.js');
 require('./Title-8802a218.js');
 var Flex = require('./Flex-ddde6d26.js');
-var Input = require('./Input-fcd780de.js');
+var Input = require('./Input-3ecdb905.js');
 var Container = require('./Container-29f049b2.js');
+require('vue-slider-component');
+require('vue-slider-component/theme/antd.css');
 require('./ssr-8dd13d43.js');
 var RangeSlider = require('./RangeSlider.js');
 
@@ -81,6 +83,7 @@ var RangeInput = {
     stepValue: vueTypes.types.number,
     componentStyle: vueTypes.types.style,
     componentId: vueTypes.types.stringRequired,
+    compoundClause: vueTypes.types.compoundClause,
     includeNullValues: VueTypes.bool,
     beforeValueChange: vueTypes.types.func,
     customQuery: vueTypes.types.func,

package/dist/cjs/RangeSlider.js

@@ -10,14 +10,16 @@ require('./_rollupPluginBabelHelpers-f8b843f8.js');
 var vue = require('vue');
 var VueTypes = _interopDefault(require('vue-types'));
 require('@appbaseio/vue-emotion');
-var vueTypes = require('./vueTypes-a5f1745e.js');
+var vueTypes = require('./vueTypes-289a891a.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-779ed366.js');
-var ComponentWrapper = require('./ComponentWrapper-0b9ffb1a.js');
-var PreferencesConsumer = require('./PreferencesConsumer-85dee673.js');
+var index = require('./index-1f41363f.js');
+var ComponentWrapper = require('./ComponentWrapper-0334c14b.js');
+var PreferencesConsumer = require('./PreferencesConsumer-7bee3c57.js');
 var Title = require('./Title-8802a218.js');
 var Container = require('./Container-29f049b2.js');
+var VueSlider = _interopDefault(require('vue-slider-component'));
+require('vue-slider-component/theme/antd.css');
 var ssr = require('./ssr-8dd13d43.js');
 
 var updateQuery = reactivecore.Actions.updateQuery,
@@ -51,6 +53,7 @@ var RangeSlider = {
     }),
     rangeLabels: vueTypes.types.rangeLabels,
     componentId: vueTypes.types.stringRequired,
+    compoundClause: vueTypes.types.compoundClause,
     customQuery: vueTypes.types.func,
     data: vueTypes.types.data,
     dataField: vueTypes.types.stringRequired,
@@ -197,7 +200,7 @@ var RangeSlider = {
               "class": getClassName(_this2.$props.innerClass, 'slider')
             }, {
               "default": function _default() {
-                return [vue.createVNode(vue.resolveComponent("vue-slider-component"), vue.mergeProps({
+                return [vue.createVNode(VueSlider, vue.mergeProps({
                   "ref": "slider",
                   "modelValue": _this2.currentValue,
                   "min": _this2.$props.range.start,

package/dist/cjs/ReactiveBase.js

@@ -11,9 +11,9 @@ var vue = require('vue');
 var VueTypes = _interopDefault(require('vue-types'));
 var helper = require('@appbaseio/reactivecore/lib/utils/helper');
 var vueEmotion = require('@appbaseio/vue-emotion');
-var vueTypes = require('./vueTypes-a5f1745e.js');
+var vueTypes = require('./vueTypes-289a891a.js');
 require('redux');
-var index = require('./index-779ed366.js');
+var index = require('./index-1f41363f.js');
 var configureStore = require('@appbaseio/reactivecore/lib');
 var configureStore__default = _interopDefault(configureStore);
 var analytics = require('@appbaseio/reactivecore/lib/actions/analytics');
@@ -70,17 +70,12 @@ var Base = function Base(_ref) {
     }
   });
 };
-var Base$1 = vueEmotion.styled(Base)(_templateObject || (_templateObject = _rollupPluginBabelHelpers._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 = vueEmotion.styled(Base)(_templateObject || (_templateObject = _rollupPluginBabelHelpers._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';
 });
 
@@ -97,7 +92,8 @@ var URLParamsProvider = {
     headers: vueTypes.types.headers,
     getSearchParams: vueTypes.types.func,
     setSearchParams: vueTypes.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;
@@ -125,7 +121,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);
         }
       });
     };
@@ -278,7 +273,8 @@ var URLParamsProvider = {
     var children = this.$slots["default"]();
     return vue.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];
@@ -357,7 +353,7 @@ var ReactiveBase = {
     credentials: vueTypes.types.string,
     headers: vueTypes.types.headers,
     queryParams: vueTypes.types.string,
-    theme: VueTypes.object.def({}),
+    theme: VueTypes.oneOf([VueTypes.bool, VueTypes.object.def({})]),
     themePreset: VueTypes.string.def('light'),
     type: vueTypes.types.string,
     url: vueTypes.types.string,
@@ -373,7 +369,8 @@ var ReactiveBase = {
     setSearchParams: vueTypes.types.func,
     mongodb: vueTypes.types.mongodb,
     endpoint: vueTypes.types.endpointConfig,
-    preferences: VueTypes.object
+    preferences: VueTypes.object,
+    httpRequestTimeout: VueTypes.number.def(30)
   },
   provide: function provide() {
     var createCacheFn = vueEmotion.createCache;
@@ -417,6 +414,9 @@ var ReactiveBase = {
     },
     mongodb: function mongodb() {
       this.updateState(this.$props);
+    },
+    httpRequestTimeout: function httpRequestTimeout() {
+      this.updateState(this.$props);
     }
   },
   computed: {
@@ -462,7 +462,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') {
@@ -573,7 +574,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/cjs/ReactiveComponent.js

@@ -9,12 +9,12 @@ var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
 var vue = require('vue');
 var VueTypes = _interopDefault(require('vue-types'));
-var vueTypes = require('./vueTypes-a5f1745e.js');
+var vueTypes = require('./vueTypes-289a891a.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-779ed366.js');
-var ComponentWrapper = require('./ComponentWrapper-0b9ffb1a.js');
-var PreferencesConsumer = require('./PreferencesConsumer-85dee673.js');
+var index = require('./index-1f41363f.js');
+var ComponentWrapper = require('./ComponentWrapper-0334c14b.js');
+var PreferencesConsumer = require('./PreferencesConsumer-7bee3c57.js');
 
 var _excluded = ["options"];
 var updateQuery = reactivecore.Actions.updateQuery,
@@ -31,6 +31,7 @@ var ReactiveComponent = {
   name: 'ReactiveComponent',
   props: {
     componentId: vueTypes.types.stringRequired,
+    compoundClause: vueTypes.types.compoundClause,
     aggregationField: vueTypes.types.string,
     aggregationSize: VueTypes.number,
     size: VueTypes.number,

package/dist/cjs/ReactiveGoogleMap.js

@@ -15,13 +15,13 @@ var vueEmotion = require('@appbaseio/vue-emotion');
 var css = require('@emotion/css');
 require('polished');
 require('./Button-f96a0570.js');
-var vueTypes = require('./vueTypes-a5f1745e.js');
-var Pagination = require('./Pagination-bcf8af5f.js');
+var vueTypes = require('./vueTypes-289a891a.js');
+var Pagination = require('./Pagination-c53a18ab.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-779ed366.js');
-var ComponentWrapper = require('./ComponentWrapper-0b9ffb1a.js');
-var PreferencesConsumer = require('./PreferencesConsumer-85dee673.js');
+var index = require('./index-1f41363f.js');
+var ComponentWrapper = require('./ComponentWrapper-0334c14b.js');
+var PreferencesConsumer = require('./PreferencesConsumer-7bee3c57.js');
 var FormControlList = require('./FormControlList-fadd792f.js');
 var VueGoogleMaps = require('vue-google-maps-community-fork');
 var VueGoogleMaps__default = _interopDefault(VueGoogleMaps);
@@ -109,6 +109,7 @@ var ReactiveMap = {
   props: {
     className: vueTypes.types.string,
     componentId: vueTypes.types.stringRequired,
+    compoundClause: vueTypes.types.compoundClause,
     dataField: vueTypes.types.stringRequired,
     react: vueTypes.types.react,
     size: vueTypes.types.number,
@@ -1967,6 +1968,7 @@ var ReactiveGoogleMap = {
   props: {
     className: vueTypes.types.string,
     componentId: vueTypes.types.stringRequired,
+    compoundClause: vueTypes.types.compoundClause,
     dataField: vueTypes.types.stringRequired,
     defaultQuery: VueTypes.func,
     loader: vueTypes.types.title,
@@ -2105,6 +2107,7 @@ var ReactiveGoogleMap = {
       "getMapRef": this.getMapRef,
       "renderMap": this.renderMap,
       "componentId": this.componentId,
+      "compoundClause": this.compoundClause,
       "className": this.className,
       "dataField": this.dataField,
       "defaultZoom": this.defaultZoom,

package/dist/cjs/ReactiveList.js

@@ -15,13 +15,13 @@ var vueEmotion = require('@appbaseio/vue-emotion');
 var css = require('@emotion/css');
 require('polished');
 require('./Button-f96a0570.js');
-var vueTypes = require('./vueTypes-a5f1745e.js');
-var Pagination = require('./Pagination-bcf8af5f.js');
+var vueTypes = require('./vueTypes-289a891a.js');
+var Pagination = require('./Pagination-c53a18ab.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-779ed366.js');
-var ComponentWrapper = require('./ComponentWrapper-0b9ffb1a.js');
-var PreferencesConsumer = require('./PreferencesConsumer-85dee673.js');
+var index = require('./index-1f41363f.js');
+var ComponentWrapper = require('./ComponentWrapper-0334c14b.js');
+var PreferencesConsumer = require('./PreferencesConsumer-7bee3c57.js');
 require('./Title-8802a218.js');
 var ListItem = require('./ListItem-7a682970.js');
 var Card = require('./Card-63968d94.js');
@@ -301,6 +301,7 @@ var ReactiveList = {
     // component props
     className: vueTypes.types.string,
     componentId: vueTypes.types.stringRequired,
+    compoundClause: vueTypes.types.compoundClause,
     dataField: vueTypes.types.stringRequired,
     aggregationField: vueTypes.types.string,
     aggregationSize: VueTypes.number,

package/dist/cjs/ResultCard.js

@@ -10,7 +10,7 @@ var VueTypes = _interopDefault(require('vue-types'));
 require('@appbaseio/vue-emotion');
 require('@emotion/css');
 require('polished');
-var vueTypes = require('./vueTypes-a5f1745e.js');
+var vueTypes = require('./vueTypes-289a891a.js');
 var Title = require('./Title-8802a218.js');
 var Card = require('./Card-63968d94.js');
 

package/dist/cjs/ResultList.js

@@ -10,7 +10,7 @@ var VueTypes = _interopDefault(require('vue-types'));
 require('@appbaseio/vue-emotion');
 require('@emotion/css');
 require('polished');
-var vueTypes = require('./vueTypes-a5f1745e.js');
+var vueTypes = require('./vueTypes-289a891a.js');
 var Title = require('./Title-8802a218.js');
 var ListItem = require('./ListItem-7a682970.js');
 

package/dist/cjs/SelectedFilters.js

@@ -15,9 +15,9 @@ require('@appbaseio/vue-emotion');
 require('@emotion/css');
 require('polished');
 var Button = require('./Button-f96a0570.js');
-var vueTypes = require('./vueTypes-a5f1745e.js');
+var vueTypes = require('./vueTypes-289a891a.js');
 require('redux');
-var index = require('./index-779ed366.js');
+var index = require('./index-1f41363f.js');
 var Title = require('./Title-8802a218.js');
 var Container = require('./Container-29f049b2.js');
 

package/dist/cjs/SingleDropdownList.js

@@ -15,15 +15,15 @@ require('@appbaseio/vue-emotion');
 require('@emotion/css');
 require('polished');
 var Button = require('./Button-f96a0570.js');
-var vueTypes = require('./vueTypes-a5f1745e.js');
+var vueTypes = require('./vueTypes-289a891a.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-779ed366.js');
-var ComponentWrapper = require('./ComponentWrapper-0b9ffb1a.js');
-var PreferencesConsumer = require('./PreferencesConsumer-85dee673.js');
+var index = require('./index-1f41363f.js');
+var ComponentWrapper = require('./ComponentWrapper-0334c14b.js');
+var PreferencesConsumer = require('./PreferencesConsumer-7bee3c57.js');
 var Title = require('./Title-8802a218.js');
-var DropDown = require('./DropDown-82d92f8b.js');
-require('./Input-fcd780de.js');
+var DropDown = require('./DropDown-26666911.js');
+require('./Input-3ecdb905.js');
 require('compute-scroll-into-view');
 var Container = require('./Container-29f049b2.js');
 require('@appbaseio/reactivecore/lib/utils/suggestions');
@@ -62,6 +62,7 @@ var SingleDropdownList = {
     beforeValueChange: vueTypes.types.func,
     className: VueTypes.string.def(''),
     componentId: vueTypes.types.stringRequired,
+    compoundClause: vueTypes.types.compoundClause,
     customQuery: vueTypes.types.func,
     dataField: vueTypes.types.stringRequired,
     defaultQuery: vueTypes.types.func,

package/dist/cjs/SingleList.js

@@ -12,14 +12,14 @@ var VueTypes = _interopDefault(require('vue-types'));
 require('@appbaseio/vue-emotion');
 require('@emotion/css');
 require('polished');
-var vueTypes = require('./vueTypes-a5f1745e.js');
+var vueTypes = require('./vueTypes-289a891a.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-779ed366.js');
-var ComponentWrapper = require('./ComponentWrapper-0b9ffb1a.js');
-var PreferencesConsumer = require('./PreferencesConsumer-85dee673.js');
+var index = require('./index-1f41363f.js');
+var ComponentWrapper = require('./ComponentWrapper-0334c14b.js');
+var PreferencesConsumer = require('./PreferencesConsumer-7bee3c57.js');
 var Title = require('./Title-8802a218.js');
-var Input = require('./Input-fcd780de.js');
+var Input = require('./Input-3ecdb905.js');
 var Container = require('./Container-29f049b2.js');
 var suggestions = require('@appbaseio/reactivecore/lib/utils/suggestions');
 var FormControlList = require('./FormControlList-fadd792f.js');
@@ -41,6 +41,7 @@ var SingleList = {
     beforeValueChange: vueTypes.types.func,
     className: VueTypes.string.def(''),
     componentId: vueTypes.types.stringRequired,
+    compoundClause: vueTypes.types.compoundClause,
     customQuery: vueTypes.types.func,
     dataField: vueTypes.types.stringRequired,
     defaultValue: vueTypes.types.string,