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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (65) hide show
  1. package/dist/@appbaseio/reactivesearch-vue.umd.js +23301 -40095
  2. package/dist/@appbaseio/reactivesearch-vue.umd.js.map +1 -1
  3. package/dist/@appbaseio/reactivesearch-vue.umd.min.js +32 -32
  4. package/dist/@appbaseio/reactivesearch-vue.umd.min.js.map +1 -1
  5. package/dist/cjs/{Button-f96a0570.js → Button-d4da7470.js} +7 -14
  6. package/dist/cjs/{ComponentWrapper-0b9ffb1a.js → ComponentWrapper-b5c78446.js} +1 -4
  7. package/dist/cjs/{DropDown-aef75c14.js → DropDown-ec31bd3f.js} +5 -8
  8. package/dist/cjs/DynamicRangeSlider.js +3 -3
  9. package/dist/cjs/{Input-56eba499.js → Input-497be42a.js} +1 -71
  10. package/dist/cjs/MultiDropdownList.js +7 -8
  11. package/dist/cjs/MultiList.js +5 -5
  12. package/dist/cjs/MultiRange.js +4 -4
  13. package/dist/cjs/{Pagination-bcf8af5f.js → Pagination-b953a80a.js} +2 -2
  14. package/dist/cjs/{PreferencesConsumer-85dee673.js → PreferencesConsumer-7bee3c57.js} +1 -1
  15. package/dist/cjs/RangeInput.js +5 -5
  16. package/dist/cjs/RangeSlider.js +4 -4
  17. package/dist/cjs/ReactiveBase.js +23 -21
  18. package/dist/cjs/ReactiveComponent.js +4 -4
  19. package/dist/cjs/ReactiveGoogleMap.js +6 -7
  20. package/dist/cjs/ReactiveList.js +6 -6
  21. package/dist/cjs/ResultCard.js +1 -1
  22. package/dist/cjs/ResultList.js +1 -1
  23. package/dist/cjs/SelectedFilters.js +3 -4
  24. package/dist/cjs/SingleDropdownList.js +7 -8
  25. package/dist/cjs/SingleList.js +5 -5
  26. package/dist/cjs/SingleRange.js +4 -4
  27. package/dist/cjs/StateProvider.js +1 -1
  28. package/dist/cjs/ToggleButton.js +5 -6
  29. package/dist/cjs/{index-779ed366.js → index-1f41363f.js} +7 -3
  30. package/dist/cjs/index.js +9 -12
  31. package/dist/cjs/{install-e8141489.js → install-fd2155c7.js} +164 -1342
  32. package/dist/cjs/install.js +9 -11
  33. package/dist/cjs/version.js +1 -1
  34. package/dist/cjs/{vueTypes-a5f1745e.js → vueTypes-1bf00978.js} +0 -18
  35. package/dist/es/{Button-5c2cf399.js → Button-fd869491.js} +7 -14
  36. package/dist/es/{ComponentWrapper-a2635cfc.js → ComponentWrapper-e91c9d43.js} +1 -4
  37. package/dist/es/{DropDown-39fedff8.js → DropDown-74c20431.js} +5 -8
  38. package/dist/es/DynamicRangeSlider.js +3 -3
  39. package/dist/es/{Input-11d211d2.js → Input-f7499ef8.js} +2 -71
  40. package/dist/es/MultiDropdownList.js +7 -8
  41. package/dist/es/MultiList.js +5 -5
  42. package/dist/es/MultiRange.js +4 -4
  43. package/dist/es/{Pagination-50fc3ef5.js → Pagination-c2745bec.js} +2 -2
  44. package/dist/es/{PreferencesConsumer-b058d14e.js → PreferencesConsumer-0856ed43.js} +1 -1
  45. package/dist/es/RangeInput.js +5 -5
  46. package/dist/es/RangeSlider.js +4 -4
  47. package/dist/es/ReactiveBase.js +23 -21
  48. package/dist/es/ReactiveComponent.js +4 -4
  49. package/dist/es/ReactiveGoogleMap.js +6 -7
  50. package/dist/es/ReactiveList.js +6 -6
  51. package/dist/es/ResultCard.js +1 -1
  52. package/dist/es/ResultList.js +1 -1
  53. package/dist/es/SelectedFilters.js +3 -4
  54. package/dist/es/SingleDropdownList.js +7 -8
  55. package/dist/es/SingleList.js +5 -5
  56. package/dist/es/SingleRange.js +4 -4
  57. package/dist/es/StateProvider.js +1 -1
  58. package/dist/es/ToggleButton.js +5 -6
  59. package/dist/es/{index-882489e1.js → index-104f1dfb.js} +7 -3
  60. package/dist/es/index.js +10 -12
  61. package/dist/es/{install-b785dd55.js → install-db7d6387.js} +170 -1347
  62. package/dist/es/install.js +9 -11
  63. package/dist/es/version.js +1 -1
  64. package/dist/es/{vueTypes-09cab4d3.js → vueTypes-f1923c72.js} +0 -18
  65. package/package.json +4 -5
@@ -1,7 +1,6 @@
1
1
  'use strict';
2
2
 
3
3
  var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
4
- var helper = require('@appbaseio/reactivecore/lib/utils/helper');
5
4
  var vueEmotion = require('@appbaseio/vue-emotion');
6
5
  var css = require('@emotion/css');
7
6
  var polished = require('polished');
@@ -25,33 +24,27 @@ var disabled = function disabled(_ref3) {
25
24
  var theme = _ref3.theme;
26
25
  return "\n\tbackground-color: " + (theme.colors.backgroundColor ? polished.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 ? polished.lighten(0.2, theme.colors.backgroundColor) : '#fafafa') + ";\n\t}\n";
27
26
  };
28
- var info = function info(_ref4) {
27
+ var Button = vueEmotion.styled('button')(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers._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) {
29
28
  var theme = _ref4.theme;
30
- 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: " + polished.darken(0.1, helper.hexToRGBA(theme.colors.primaryTextColor)) + ";\n\t}\n";
31
- };
32
- var Button = vueEmotion.styled('button')(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers._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) {
33
- var theme = _ref5.theme;
34
29
  return theme.colors ? theme.colors.backgroundColor : '#eee';
30
+ }, function (_ref5) {
31
+ var theme = _ref5.theme;
32
+ return theme.colors ? theme.colors.textColor : '';
35
33
  }, function (_ref6) {
36
34
  var theme = _ref6.theme;
37
- return theme.colors ? theme.colors.textColor : '';
35
+ return theme.colors && theme.colors.backgroundColor ? polished.darken(0.1, theme.colors.backgroundColor) : '#ccc';
38
36
  }, function (_ref7) {
39
37
  var theme = _ref7.theme;
40
- return theme.colors && theme.colors.backgroundColor ? polished.darken(0.1, theme.colors.backgroundColor) : '#ccc';
38
+ return theme.colors && theme.colors.primaryColor ? polished.rgba(theme.colors.primaryColor, 0.6) : 'unset';
41
39
  }, function (_ref8) {
42
40
  var theme = _ref8.theme;
43
- return theme.colors && theme.colors.primaryColor ? polished.rgba(theme.colors.primaryColor, 0.6) : 'unset';
44
- }, function (_ref9) {
45
- var theme = _ref9.theme;
46
41
  return theme.colors && theme.colors.primaryColor ? "0 0 0 2px " + polished.rgba(theme.colors.primaryColor, 0.3) : '';
47
42
  }, function (props) {
48
- return props.info ? info : null;
43
+ return props.primary ? primary : null;
49
44
  }, function (props) {
50
45
  return props.disabled ? disabled : null;
51
46
  }, function (props) {
52
47
  return props.large && large;
53
- }, function (props) {
54
- return props.primary ? primary : null;
55
48
  });
56
49
  var loadMoreContainer = css.css({
57
50
  margin: '5px 0',
@@ -8,7 +8,7 @@ var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js
8
8
  var vue = require('vue');
9
9
  var VueTypes = _interopDefault(require('vue-types'));
10
10
  var transform = require('@appbaseio/reactivecore/lib/utils/transform');
11
- var index = require('./index-779ed366.js');
11
+ var index = require('./index-1f41363f.js');
12
12
 
13
13
  var addComponent = reactivecore.Actions.addComponent,
14
14
  removeComponent = reactivecore.Actions.removeComponent,
@@ -53,9 +53,6 @@ var ComponentWrapper = function ComponentWrapper(component, options) {
53
53
  Object.keys(componentProps).forEach(function (key) {
54
54
  parsedProps[index.getCamelCase(key)] = componentProps[key];
55
55
  });
56
- if (options.componentType === constants.componentTypes.AIAnswer) {
57
- parsedProps.enableAI = true;
58
- }
59
56
  this.componentProps = parsedProps;
60
57
  this.componentId = this.componentProps.componentId;
61
58
  this.react = this.componentProps.react;
@@ -8,17 +8,17 @@ var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js
8
8
  var vue = require('vue');
9
9
  var VueTypes = _interopDefault(require('vue-types'));
10
10
  var vueEmotion = require('@appbaseio/vue-emotion');
11
- var vueTypes = require('./vueTypes-a5f1745e.js');
12
- var index = require('./index-779ed366.js');
13
- var Input = require('./Input-56eba499.js');
11
+ var vueTypes = require('./vueTypes-1bf00978.js');
12
+ var index = require('./index-1f41363f.js');
13
+ var Input = require('./Input-497be42a.js');
14
14
  var computeScrollIntoView = _interopDefault(require('compute-scroll-into-view'));
15
15
  var suggestions = require('@appbaseio/reactivecore/lib/utils/suggestions');
16
16
 
17
17
  var _templateObject;
18
- var InputWrapper = vueEmotion.styled('span')(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tflex: 1;\n\tposition: relative;\n\theight: 42px;\n"])));
18
+ var InputWrapper = vueEmotion.styled('span')(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n flex: 1;\n position: relative;\n"])));
19
19
 
20
20
  var _templateObject$1;
21
- var IconGroup = vueEmotion.styled('div')(_templateObject$1 || (_templateObject$1 = _rollupPluginBabelHelpers._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) {
21
+ var IconGroup = vueEmotion.styled('div')(_templateObject$1 || (_templateObject$1 = _rollupPluginBabelHelpers._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) {
22
22
  var positionType = _ref.positionType;
23
23
  if (positionType === 'absolute') {
24
24
  return "\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 50%;\n\t\t\t\ttransform: translateY(-50%);\n\t\t\t";
@@ -27,9 +27,6 @@ var IconGroup = vueEmotion.styled('div')(_templateObject$1 || (_templateObject$1
27
27
  }, function (_ref2) {
28
28
  var groupPosition = _ref2.groupPosition;
29
29
  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 ";
30
- }, function (_ref3) {
31
- var enableAI = _ref3.enableAI;
32
- return enableAI ? "\n\t\ttop: 0%;\n\t transform: translateY(0);\n \theight: 42px;\n\t" : '';
33
30
  });
34
31
 
35
32
  var _templateObject$2;
@@ -10,10 +10,10 @@ require('./_rollupPluginBabelHelpers-f8b843f8.js');
10
10
  var vue = require('vue');
11
11
  var VueTypes = _interopDefault(require('vue-types'));
12
12
  require('@appbaseio/vue-emotion');
13
- var vueTypes = require('./vueTypes-a5f1745e.js');
13
+ var vueTypes = require('./vueTypes-1bf00978.js');
14
14
  require('redux');
15
- var index = require('./index-779ed366.js');
16
- var PreferencesConsumer = require('./PreferencesConsumer-85dee673.js');
15
+ var index = require('./index-1f41363f.js');
16
+ var PreferencesConsumer = require('./PreferencesConsumer-7bee3c57.js');
17
17
  var Title = require('./Title-8802a218.js');
18
18
  var Container = require('./Container-29f049b2.js');
19
19
  var ssr = require('./ssr-8dd13d43.js');
@@ -4,7 +4,7 @@ var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js
4
4
  var vueEmotion = require('@appbaseio/vue-emotion');
5
5
  var css = require('@emotion/css');
6
6
 
7
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
7
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4;
8
8
  var alertBorder = function alertBorder(_ref) {
9
9
  var theme = _ref.theme;
10
10
  return "\n\tborder: 1px solid " + theme.colors.alertColor + ";\n";
@@ -67,78 +67,8 @@ var suggestionsContainer = css.css(_templateObject3 || (_templateObject3 = _roll
67
67
  var noSuggestions = function noSuggestions(themePreset, theme) {
68
68
  return css.css(_templateObject4 || (_templateObject4 = _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));
69
69
  };
70
- var TextArea = vueEmotion.styled('textarea')(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers._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\t", ";\n\t", ";\n\n\t", ";\n\t", ";\n\t", ";\n\t", ";\n\t", ";\n\n\t", ";\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"])), input, function (_ref4) {
71
- var themePreset = _ref4.themePreset,
72
- theme = _ref4.theme;
73
- return themePreset === 'dark' && darkInput({
74
- theme: theme
75
- });
76
- }, function (props) {
77
- return props.showIcon && props.iconPosition === 'left' && "\n\t\t\tpadding-left: 36px;\n\t\t";
78
- }, function (props) {
79
- return props.showIcon && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 36px;\n\t\t";
80
- }, function (props) {
81
- return (
82
- // for clear icon
83
- props.showClear && "\n\t\t\tpadding-right: 36px;\n\t\t"
84
- );
85
- }, function (props) {
86
- return (
87
- // for voice search icon
88
- props.showVoiceSearch && "\n\t\t\tpadding-right: 36px;\n\t\t"
89
- );
90
- }, function (props) {
91
- return props.showFocusShortcutsIcon && "\n\t\t\tpadding-right: 20px;\n\t\t";
92
- }, function (props) {
93
- return props.showIcon && props.showFocusShortcutsIcon && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 66px;\n\t\t";
94
- }, function (props) {
95
- return (
96
- // for voice search icon with focusshortcut icon
97
- props.showVoiceSearch && props.showFocusShortcutsIcon && "\n\t\t\tpadding-right: 50px;\n\t\t"
98
- );
99
- }, function (props) {
100
- return (
101
- // for clear icon with search icon
102
- props.showClear && props.showIcon && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 66px;\n\t\t"
103
- );
104
- }, function (props) {
105
- return (
106
- // for voice search icon with clear icon
107
- props.showVoiceSearch && props.showIcon && "\n\t\t\tpadding-right: 66px;\n\t\t"
108
- );
109
- }, function (props) {
110
- return (
111
- // for voice search icon with search icon
112
- props.showVoiceSearch && props.showIcon && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 66px;\n\t\t"
113
- );
114
- }, function (props) {
115
- return (
116
- // for voice search icon with focusshortcut icon and clear icon
117
- props.showVoiceSearch && props.showFocusShortcutsIcon && props.showClear && "\n\t\t\tpadding-right: 80px;\n\t\t"
118
- );
119
- }, function (props) {
120
- return (
121
- // for search icon with focusshortcut icon
122
- props.showIcon && props.showFocusShortcutsIcon && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 66px;\n\t\t"
123
- );
124
- }, function (props) {
125
- return (
126
- // for clear icon with search icon and voice search
127
- props.showClear && props.showIcon && props.showVoiceSearch && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 90px;\n\t\t"
128
- );
129
- }, function (props) {
130
- return (
131
- // for clear icon with search icon, focusshortcut icon and voice search
132
- props.showClear && props.showIcon && props.showVoiceSearch && props.iconPosition === 'right' && props.showFocusShortcutsIcon && "\n\t\t\tpadding-right: 106px;\n\t\t"
133
- );
134
- }, function (props) {
135
- return props.alert && alertBorder;
136
- }, function (props) {
137
- return props.isOpen && css.css(_templateObject6 || (_templateObject6 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\tborder-bottom-left-radius: 0;\n\t\t\tborder-bottom-right-radius: 0;\n\t\t"])));
138
- });
139
70
 
140
71
  exports.Input = Input;
141
- exports.TextArea = TextArea;
142
72
  exports.noSuggestions = noSuggestions;
143
73
  exports.suggestions = suggestions;
144
74
  exports.suggestionsContainer = suggestionsContainer;
@@ -10,20 +10,19 @@ require('@vue/babel-helper-vue-transform-on');
10
10
  var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
11
11
  var vue = require('vue');
12
12
  var VueTypes = _interopDefault(require('vue-types'));
13
- require('@appbaseio/reactivecore/lib/utils/helper');
14
13
  require('@appbaseio/vue-emotion');
15
14
  require('@emotion/css');
16
15
  require('polished');
17
- var Button = require('./Button-f96a0570.js');
18
- var vueTypes = require('./vueTypes-a5f1745e.js');
16
+ var Button = require('./Button-d4da7470.js');
17
+ var vueTypes = require('./vueTypes-1bf00978.js');
19
18
  require('@appbaseio/reactivecore/lib/utils/transform');
20
19
  require('redux');
21
- var index = require('./index-779ed366.js');
22
- var ComponentWrapper = require('./ComponentWrapper-0b9ffb1a.js');
23
- var PreferencesConsumer = require('./PreferencesConsumer-85dee673.js');
20
+ var index = require('./index-1f41363f.js');
21
+ var ComponentWrapper = require('./ComponentWrapper-b5c78446.js');
22
+ var PreferencesConsumer = require('./PreferencesConsumer-7bee3c57.js');
24
23
  var Title = require('./Title-8802a218.js');
25
- var DropDown = require('./DropDown-aef75c14.js');
26
- require('./Input-56eba499.js');
24
+ var DropDown = require('./DropDown-ec31bd3f.js');
25
+ require('./Input-497be42a.js');
27
26
  require('compute-scroll-into-view');
28
27
  var Container = require('./Container-29f049b2.js');
29
28
  require('@appbaseio/reactivecore/lib/utils/suggestions');
@@ -12,14 +12,14 @@ var VueTypes = _interopDefault(require('vue-types'));
12
12
  require('@appbaseio/vue-emotion');
13
13
  require('@emotion/css');
14
14
  require('polished');
15
- var vueTypes = require('./vueTypes-a5f1745e.js');
15
+ var vueTypes = require('./vueTypes-1bf00978.js');
16
16
  require('@appbaseio/reactivecore/lib/utils/transform');
17
17
  require('redux');
18
- var index = require('./index-779ed366.js');
19
- var ComponentWrapper = require('./ComponentWrapper-0b9ffb1a.js');
20
- var PreferencesConsumer = require('./PreferencesConsumer-85dee673.js');
18
+ var index = require('./index-1f41363f.js');
19
+ var ComponentWrapper = require('./ComponentWrapper-b5c78446.js');
20
+ var PreferencesConsumer = require('./PreferencesConsumer-7bee3c57.js');
21
21
  var Title = require('./Title-8802a218.js');
22
- var Input = require('./Input-56eba499.js');
22
+ var Input = require('./Input-497be42a.js');
23
23
  var Container = require('./Container-29f049b2.js');
24
24
  var suggestions = require('@appbaseio/reactivecore/lib/utils/suggestions');
25
25
  var FormControlList = require('./FormControlList-fadd792f.js');
@@ -12,12 +12,12 @@ var vue = require('vue');
12
12
  var VueTypes = _interopDefault(require('vue-types'));
13
13
  require('@appbaseio/vue-emotion');
14
14
  require('polished');
15
- var vueTypes = require('./vueTypes-a5f1745e.js');
15
+ var vueTypes = require('./vueTypes-1bf00978.js');
16
16
  require('@appbaseio/reactivecore/lib/utils/transform');
17
17
  require('redux');
18
- var index = require('./index-779ed366.js');
19
- var ComponentWrapper = require('./ComponentWrapper-0b9ffb1a.js');
20
- var PreferencesConsumer = require('./PreferencesConsumer-85dee673.js');
18
+ var index = require('./index-1f41363f.js');
19
+ var ComponentWrapper = require('./ComponentWrapper-b5c78446.js');
20
+ var PreferencesConsumer = require('./PreferencesConsumer-7bee3c57.js');
21
21
  var Title = require('./Title-8802a218.js');
22
22
  var Container = require('./Container-29f049b2.js');
23
23
  var FormControlList = require('./FormControlList-fadd792f.js');
@@ -6,8 +6,8 @@ var reactivecore = require('@appbaseio/reactivecore');
6
6
  var _transformOn = _interopDefault(require('@vue/babel-helper-vue-transform-on'));
7
7
  var vue = require('vue');
8
8
  var VueTypes = _interopDefault(require('vue-types'));
9
- var Button = require('./Button-f96a0570.js');
10
- var vueTypes = require('./vueTypes-a5f1745e.js');
9
+ var Button = require('./Button-d4da7470.js');
10
+ var vueTypes = require('./vueTypes-1bf00978.js');
11
11
 
12
12
  function _isSlot(s) {
13
13
  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
@@ -2,7 +2,7 @@
2
2
 
3
3
  var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
4
4
  var vue = require('vue');
5
- var index = require('./index-779ed366.js');
5
+ var index = require('./index-1f41363f.js');
6
6
 
7
7
  var deepValue = function deepValue(o, p) {
8
8
  return p.split('.').reduce(function (a, v) {
@@ -13,15 +13,15 @@ var VueTypes = _interopDefault(require('vue-types'));
13
13
  var vueEmotion = require('@appbaseio/vue-emotion');
14
14
  require('@emotion/css');
15
15
  require('polished');
16
- var vueTypes = require('./vueTypes-a5f1745e.js');
16
+ var vueTypes = require('./vueTypes-1bf00978.js');
17
17
  require('@appbaseio/reactivecore/lib/utils/transform');
18
18
  require('redux');
19
- var index = require('./index-779ed366.js');
20
- var ComponentWrapper = require('./ComponentWrapper-0b9ffb1a.js');
21
- var PreferencesConsumer = require('./PreferencesConsumer-85dee673.js');
19
+ var index = require('./index-1f41363f.js');
20
+ var ComponentWrapper = require('./ComponentWrapper-b5c78446.js');
21
+ var PreferencesConsumer = require('./PreferencesConsumer-7bee3c57.js');
22
22
  require('./Title-8802a218.js');
23
23
  var Flex = require('./Flex-ddde6d26.js');
24
- var Input = require('./Input-56eba499.js');
24
+ var Input = require('./Input-497be42a.js');
25
25
  var Container = require('./Container-29f049b2.js');
26
26
  require('./ssr-8dd13d43.js');
27
27
  var RangeSlider = require('./RangeSlider.js');
@@ -10,12 +10,12 @@ require('./_rollupPluginBabelHelpers-f8b843f8.js');
10
10
  var vue = require('vue');
11
11
  var VueTypes = _interopDefault(require('vue-types'));
12
12
  require('@appbaseio/vue-emotion');
13
- var vueTypes = require('./vueTypes-a5f1745e.js');
13
+ var vueTypes = require('./vueTypes-1bf00978.js');
14
14
  require('@appbaseio/reactivecore/lib/utils/transform');
15
15
  require('redux');
16
- var index = require('./index-779ed366.js');
17
- var ComponentWrapper = require('./ComponentWrapper-0b9ffb1a.js');
18
- var PreferencesConsumer = require('./PreferencesConsumer-85dee673.js');
16
+ var index = require('./index-1f41363f.js');
17
+ var ComponentWrapper = require('./ComponentWrapper-b5c78446.js');
18
+ var PreferencesConsumer = require('./PreferencesConsumer-7bee3c57.js');
19
19
  var Title = require('./Title-8802a218.js');
20
20
  var Container = require('./Container-29f049b2.js');
21
21
  var ssr = require('./ssr-8dd13d43.js');
@@ -11,9 +11,9 @@ var vue = require('vue');
11
11
  var VueTypes = _interopDefault(require('vue-types'));
12
12
  var helper = require('@appbaseio/reactivecore/lib/utils/helper');
13
13
  var vueEmotion = require('@appbaseio/vue-emotion');
14
- var vueTypes = require('./vueTypes-a5f1745e.js');
14
+ var vueTypes = require('./vueTypes-1bf00978.js');
15
15
  require('redux');
16
- var index = require('./index-779ed366.js');
16
+ var index = require('./index-1f41363f.js');
17
17
  var configureStore = require('@appbaseio/reactivecore/lib');
18
18
  var configureStore__default = _interopDefault(configureStore);
19
19
  var analytics = require('@appbaseio/reactivecore/lib/actions/analytics');
@@ -70,17 +70,12 @@ var Base = function Base(_ref) {
70
70
  }
71
71
  });
72
72
  };
73
- 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) {
74
- var theme = _ref2.theme;
75
- return theme && theme.typography ? theme.typography.fontFamily : 'unset';
73
+ 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) {
74
+ var userThemeProp = _ref2.userThemeProp,
75
+ theme = _ref2.theme;
76
+ 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') + ";";
76
77
  }, function (_ref3) {
77
78
  var theme = _ref3.theme;
78
- return theme && theme.typography ? theme.typography.fontSize : 'unset';
79
- }, function (_ref4) {
80
- var theme = _ref4.theme;
81
- return theme && theme.colors ? theme.colors.textColor : 'unset';
82
- }, function (_ref5) {
83
- var theme = _ref5.theme;
84
79
  return theme && theme.typography ? theme.typography.fontFamily : 'unset';
85
80
  });
86
81
 
@@ -97,7 +92,8 @@ var URLParamsProvider = {
97
92
  headers: vueTypes.types.headers,
98
93
  getSearchParams: vueTypes.types.func,
99
94
  setSearchParams: vueTypes.types.func,
100
- as: VueTypes.string.def('div')
95
+ as: VueTypes.string.def('div'),
96
+ userThemeProp: VueTypes.oneOf([VueTypes.bool, VueTypes.object.def({})])
101
97
  },
102
98
  mounted: function mounted() {
103
99
  var _this = this;
@@ -125,7 +121,6 @@ var URLParamsProvider = {
125
121
  _this.setValue(component, JSON.parse(value), label, showFilter, URLParams, undefined, undefined, undefined, 'URL');
126
122
  } catch (e) {
127
123
  // Do not set value if JSON parsing fails.
128
- console.error(e);
129
124
  }
130
125
  });
131
126
  };
@@ -278,7 +273,8 @@ var URLParamsProvider = {
278
273
  var children = this.$slots["default"]();
279
274
  return vue.createVNode(Base$1, {
280
275
  "as": this.$props.as,
281
- "class": this.$props.className
276
+ "class": this.$props.className,
277
+ "userThemeProp": this.$props.userThemeProp
282
278
  }, _isSlot$1(children) ? children : {
283
279
  "default": function _default() {
284
280
  return [children];
@@ -319,11 +315,11 @@ var light = {
319
315
  var dark = {
320
316
  typography: typography,
321
317
  colors: {
322
- textColor: '#ffffffcf',
318
+ textColor: '#fff',
323
319
  backgroundColor: '#212121',
324
- primaryTextColor: '#ffffffcf',
320
+ primaryTextColor: '#fff',
325
321
  primaryColor: '#2196F3',
326
- titleColor: '#ffffffcf',
322
+ titleColor: '#fff',
327
323
  alertColor: '#d9534f',
328
324
  borderColor: '#666'
329
325
  }
@@ -357,7 +353,7 @@ var ReactiveBase = {
357
353
  credentials: vueTypes.types.string,
358
354
  headers: vueTypes.types.headers,
359
355
  queryParams: vueTypes.types.string,
360
- theme: VueTypes.object.def({}),
356
+ theme: VueTypes.oneOf([VueTypes.bool, VueTypes.object.def({})]),
361
357
  themePreset: VueTypes.string.def('light'),
362
358
  type: vueTypes.types.string,
363
359
  url: vueTypes.types.string,
@@ -373,7 +369,8 @@ var ReactiveBase = {
373
369
  setSearchParams: vueTypes.types.func,
374
370
  mongodb: vueTypes.types.mongodb,
375
371
  endpoint: vueTypes.types.endpointConfig,
376
- preferences: VueTypes.object
372
+ preferences: VueTypes.object,
373
+ httpRequestTimeout: VueTypes.number.def(30)
377
374
  },
378
375
  provide: function provide() {
379
376
  var createCacheFn = vueEmotion.createCache;
@@ -417,6 +414,9 @@ var ReactiveBase = {
417
414
  },
418
415
  mongodb: function mongodb() {
419
416
  this.updateState(this.$props);
417
+ },
418
+ httpRequestTimeout: function httpRequestTimeout() {
419
+ this.updateState(this.$props);
420
420
  }
421
421
  },
422
422
  computed: {
@@ -462,7 +462,8 @@ var ReactiveBase = {
462
462
  analytics: props.reactivesearchAPIConfig ? props.reactivesearchAPIConfig.recordAnalytics : props.analytics,
463
463
  analyticsConfig: props.reactivesearchAPIConfig,
464
464
  mongodb: props.mongodb,
465
- endpoint: props.endpoint
465
+ endpoint: props.endpoint,
466
+ httpRequestTimeout: (props.httpRequestTimeout || 0) * 1000 || 30000
466
467
  };
467
468
  var queryParams = '';
468
469
  if (typeof window !== 'undefined') {
@@ -573,7 +574,8 @@ var ReactiveBase = {
573
574
  "style": style,
574
575
  "className": className,
575
576
  "getSearchParams": _this.getSearchParams,
576
- "setSearchParams": _this.setSearchParams
577
+ "setSearchParams": _this.setSearchParams,
578
+ "userThemeProp": _this.$props.theme
577
579
  }, _isSlot$2(_slot = children()) ? _slot : {
578
580
  "default": function _default() {
579
581
  return [_slot];
@@ -9,12 +9,12 @@ var constants = require('@appbaseio/reactivecore/lib/utils/constants');
9
9
  var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
10
10
  var vue = require('vue');
11
11
  var VueTypes = _interopDefault(require('vue-types'));
12
- var vueTypes = require('./vueTypes-a5f1745e.js');
12
+ var vueTypes = require('./vueTypes-1bf00978.js');
13
13
  require('@appbaseio/reactivecore/lib/utils/transform');
14
14
  require('redux');
15
- var index = require('./index-779ed366.js');
16
- var ComponentWrapper = require('./ComponentWrapper-0b9ffb1a.js');
17
- var PreferencesConsumer = require('./PreferencesConsumer-85dee673.js');
15
+ var index = require('./index-1f41363f.js');
16
+ var ComponentWrapper = require('./ComponentWrapper-b5c78446.js');
17
+ var PreferencesConsumer = require('./PreferencesConsumer-7bee3c57.js');
18
18
 
19
19
  var _excluded = ["options"];
20
20
  var updateQuery = reactivecore.Actions.updateQuery,
@@ -10,18 +10,17 @@ var _transformOn = _interopDefault(require('@vue/babel-helper-vue-transform-on')
10
10
  var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
11
11
  var vue = require('vue');
12
12
  var VueTypes = _interopDefault(require('vue-types'));
13
- require('@appbaseio/reactivecore/lib/utils/helper');
14
13
  var vueEmotion = require('@appbaseio/vue-emotion');
15
14
  var css = require('@emotion/css');
16
15
  require('polished');
17
- require('./Button-f96a0570.js');
18
- var vueTypes = require('./vueTypes-a5f1745e.js');
19
- var Pagination = require('./Pagination-bcf8af5f.js');
16
+ require('./Button-d4da7470.js');
17
+ var vueTypes = require('./vueTypes-1bf00978.js');
18
+ var Pagination = require('./Pagination-b953a80a.js');
20
19
  require('@appbaseio/reactivecore/lib/utils/transform');
21
20
  require('redux');
22
- var index = require('./index-779ed366.js');
23
- var ComponentWrapper = require('./ComponentWrapper-0b9ffb1a.js');
24
- var PreferencesConsumer = require('./PreferencesConsumer-85dee673.js');
21
+ var index = require('./index-1f41363f.js');
22
+ var ComponentWrapper = require('./ComponentWrapper-b5c78446.js');
23
+ var PreferencesConsumer = require('./PreferencesConsumer-7bee3c57.js');
25
24
  var FormControlList = require('./FormControlList-fadd792f.js');
26
25
  var VueGoogleMaps = require('vue-google-maps-community-fork');
27
26
  var VueGoogleMaps__default = _interopDefault(VueGoogleMaps);
@@ -14,14 +14,14 @@ var helper = require('@appbaseio/reactivecore/lib/utils/helper');
14
14
  var vueEmotion = require('@appbaseio/vue-emotion');
15
15
  var css = require('@emotion/css');
16
16
  require('polished');
17
- require('./Button-f96a0570.js');
18
- var vueTypes = require('./vueTypes-a5f1745e.js');
19
- var Pagination = require('./Pagination-bcf8af5f.js');
17
+ require('./Button-d4da7470.js');
18
+ var vueTypes = require('./vueTypes-1bf00978.js');
19
+ var Pagination = require('./Pagination-b953a80a.js');
20
20
  require('@appbaseio/reactivecore/lib/utils/transform');
21
21
  require('redux');
22
- var index = require('./index-779ed366.js');
23
- var ComponentWrapper = require('./ComponentWrapper-0b9ffb1a.js');
24
- var PreferencesConsumer = require('./PreferencesConsumer-85dee673.js');
22
+ var index = require('./index-1f41363f.js');
23
+ var ComponentWrapper = require('./ComponentWrapper-b5c78446.js');
24
+ var PreferencesConsumer = require('./PreferencesConsumer-7bee3c57.js');
25
25
  require('./Title-8802a218.js');
26
26
  var ListItem = require('./ListItem-7a682970.js');
27
27
  var Card = require('./Card-63968d94.js');
@@ -10,7 +10,7 @@ var VueTypes = _interopDefault(require('vue-types'));
10
10
  require('@appbaseio/vue-emotion');
11
11
  require('@emotion/css');
12
12
  require('polished');
13
- var vueTypes = require('./vueTypes-a5f1745e.js');
13
+ var vueTypes = require('./vueTypes-1bf00978.js');
14
14
  var Title = require('./Title-8802a218.js');
15
15
  var Card = require('./Card-63968d94.js');
16
16
 
@@ -10,7 +10,7 @@ var VueTypes = _interopDefault(require('vue-types'));
10
10
  require('@appbaseio/vue-emotion');
11
11
  require('@emotion/css');
12
12
  require('polished');
13
- var vueTypes = require('./vueTypes-a5f1745e.js');
13
+ var vueTypes = require('./vueTypes-1bf00978.js');
14
14
  var Title = require('./Title-8802a218.js');
15
15
  var ListItem = require('./ListItem-7a682970.js');
16
16
 
@@ -10,14 +10,13 @@ var _transformOn = _interopDefault(require('@vue/babel-helper-vue-transform-on')
10
10
  require('./_rollupPluginBabelHelpers-f8b843f8.js');
11
11
  var vue = require('vue');
12
12
  var VueTypes = _interopDefault(require('vue-types'));
13
- require('@appbaseio/reactivecore/lib/utils/helper');
14
13
  require('@appbaseio/vue-emotion');
15
14
  require('@emotion/css');
16
15
  require('polished');
17
- var Button = require('./Button-f96a0570.js');
18
- var vueTypes = require('./vueTypes-a5f1745e.js');
16
+ var Button = require('./Button-d4da7470.js');
17
+ var vueTypes = require('./vueTypes-1bf00978.js');
19
18
  require('redux');
20
- var index = require('./index-779ed366.js');
19
+ var index = require('./index-1f41363f.js');
21
20
  var Title = require('./Title-8802a218.js');
22
21
  var Container = require('./Container-29f049b2.js');
23
22
 
@@ -10,20 +10,19 @@ require('@vue/babel-helper-vue-transform-on');
10
10
  var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
11
11
  var vue = require('vue');
12
12
  var VueTypes = _interopDefault(require('vue-types'));
13
- require('@appbaseio/reactivecore/lib/utils/helper');
14
13
  require('@appbaseio/vue-emotion');
15
14
  require('@emotion/css');
16
15
  require('polished');
17
- var Button = require('./Button-f96a0570.js');
18
- var vueTypes = require('./vueTypes-a5f1745e.js');
16
+ var Button = require('./Button-d4da7470.js');
17
+ var vueTypes = require('./vueTypes-1bf00978.js');
19
18
  require('@appbaseio/reactivecore/lib/utils/transform');
20
19
  require('redux');
21
- var index = require('./index-779ed366.js');
22
- var ComponentWrapper = require('./ComponentWrapper-0b9ffb1a.js');
23
- var PreferencesConsumer = require('./PreferencesConsumer-85dee673.js');
20
+ var index = require('./index-1f41363f.js');
21
+ var ComponentWrapper = require('./ComponentWrapper-b5c78446.js');
22
+ var PreferencesConsumer = require('./PreferencesConsumer-7bee3c57.js');
24
23
  var Title = require('./Title-8802a218.js');
25
- var DropDown = require('./DropDown-aef75c14.js');
26
- require('./Input-56eba499.js');
24
+ var DropDown = require('./DropDown-ec31bd3f.js');
25
+ require('./Input-497be42a.js');
27
26
  require('compute-scroll-into-view');
28
27
  var Container = require('./Container-29f049b2.js');
29
28
  require('@appbaseio/reactivecore/lib/utils/suggestions');
@@ -12,14 +12,14 @@ var VueTypes = _interopDefault(require('vue-types'));
12
12
  require('@appbaseio/vue-emotion');
13
13
  require('@emotion/css');
14
14
  require('polished');
15
- var vueTypes = require('./vueTypes-a5f1745e.js');
15
+ var vueTypes = require('./vueTypes-1bf00978.js');
16
16
  require('@appbaseio/reactivecore/lib/utils/transform');
17
17
  require('redux');
18
- var index = require('./index-779ed366.js');
19
- var ComponentWrapper = require('./ComponentWrapper-0b9ffb1a.js');
20
- var PreferencesConsumer = require('./PreferencesConsumer-85dee673.js');
18
+ var index = require('./index-1f41363f.js');
19
+ var ComponentWrapper = require('./ComponentWrapper-b5c78446.js');
20
+ var PreferencesConsumer = require('./PreferencesConsumer-7bee3c57.js');
21
21
  var Title = require('./Title-8802a218.js');
22
- var Input = require('./Input-56eba499.js');
22
+ var Input = require('./Input-497be42a.js');
23
23
  var Container = require('./Container-29f049b2.js');
24
24
  var suggestions = require('@appbaseio/reactivecore/lib/utils/suggestions');
25
25
  var FormControlList = require('./FormControlList-fadd792f.js');