@appbaseio/reactivesearch-vue 3.0.0-alpha.4 → 3.0.0-alpha.6

package/dist/cjs/{Button-ad042719.js → Button-d4da7470.js}

@@ -2,17 +2,17 @@
 
 var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
 var vueEmotion = require('@appbaseio/vue-emotion');
-var emotion = require('emotion');
+var css = require('@emotion/css');
 var polished = require('polished');
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 var filters = function filters(_ref) {
   var borderColor = _ref.colors.borderColor;
-  return emotion.css(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmargin: 0 -3px;\n\tmax-width: 100%;\n\n\tbutton {\n\t\tmargin: 2px 3px;\n\t\tpadding: 5px 8px;\n\t\tfont-size: 0.85rem;\n\t\tposition: relative;\n\n\t\tspan:first-child {\n\t\t\tmax-width: 260px;\n\t\t\twhite-space: nowrap;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\tmargin-right: 26px;\n\t\t}\n\n\t\tspan:last-child {\n\t\t\tdisplay: flex;\n\t\t\theight: 100%;\n\t\t\ttop: 0;\n\t\t\tright: 8px;\n\t\t\tposition: absolute;\n\t\t\talign-items: center;\n\t\t\tborder-left: 1px solid ", ";\n\t\t\tpadding-left: 8px;\n\t\t\tmargin-left: 8px;\n\t\t}\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tspan:first-child {\n\t\t\t\ttext-decoration: line-through;\n\t\t\t}\n\t\t}\n\t}\n"])), borderColor || '#fff');
+  return css.css(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmargin: 0 -3px;\n\tmax-width: 100%;\n\n\tbutton {\n\t\tmargin: 2px 3px;\n\t\tpadding: 5px 8px;\n\t\tfont-size: 0.85rem;\n\t\tposition: relative;\n\n\t\tspan:first-child {\n\t\t\tmax-width: 260px;\n\t\t\twhite-space: nowrap;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\tmargin-right: 26px;\n\t\t}\n\n\t\tspan:last-child {\n\t\t\tdisplay: flex;\n\t\t\theight: 100%;\n\t\t\ttop: 0;\n\t\t\tright: 8px;\n\t\t\tposition: absolute;\n\t\t\talign-items: center;\n\t\t\tborder-left: 1px solid ", ";\n\t\t\tpadding-left: 8px;\n\t\t\tmargin-left: 8px;\n\t\t}\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tspan:first-child {\n\t\t\t\ttext-decoration: line-through;\n\t\t\t}\n\t\t}\n\t}\n"])), borderColor || '#fff');
 };
-var pagination = emotion.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmargin: 10px -3px;\n\tmax-width: 100%;\n\ttext-align: center;\n\n\tbutton {\n\t\tmargin: 0 3px;\n\t}\n"])));
-var toggleButtons = emotion.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmargin: 0 -3px;\n\tmax-width: 100%;\n\n\tbutton {\n\t\tmargin: 3px 3px;\n\t}\n"])));
-var numberBoxContainer = emotion.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmargin: 0 -5px;\n\tbutton {\n\t\tmargin: 5px;\n\t}\n\tspan {\n\t\tmargin: 0 5px;\n\t}\n"])));
+var pagination = css.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmargin: 10px -3px;\n\tmax-width: 100%;\n\ttext-align: center;\n\n\tbutton {\n\t\tmargin: 0 3px;\n\t}\n"])));
+var toggleButtons = css.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmargin: 0 -3px;\n\tmax-width: 100%;\n\n\tbutton {\n\t\tmargin: 3px 3px;\n\t}\n"])));
+var numberBoxContainer = css.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmargin: 0 -5px;\n\tbutton {\n\t\tmargin: 5px;\n\t}\n\tspan {\n\t\tmargin: 0 5px;\n\t}\n"])));
 var primary = function primary(_ref2) {
   var theme = _ref2.theme;
   return "\n\tbackground-color: " + theme.colors.primaryColor + ";\n\tcolor: " + theme.colors.primaryTextColor + ";\n\n\t&:hover,\n\t&:focus {\n\t\tbackground-color: " + polished.darken(0.1, theme.colors.primaryColor) + ";\n\t}\n";
@@ -46,7 +46,7 @@ var Button = vueEmotion.styled('button')(_templateObject5 || (_templateObject5 =
 }, function (props) {
   return props.large && large;
 });
-var loadMoreContainer = emotion.css({
+var loadMoreContainer = css.css({
   margin: '5px 0',
   display: 'flex',
   justifyContent: 'center'

package/dist/cjs/{Card-f5ab024a.js → Card-63968d94.js}

@@ -2,12 +2,12 @@
 
 var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
 var vueEmotion = require('@appbaseio/vue-emotion');
-var emotion = require('emotion');
+var css = require('@emotion/css');
 var polished = require('polished');
 require('./Title-8802a218.js');
 
 var _templateObject, _templateObject2, _templateObject3;
-var container = emotion.css(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: center;\n\tflex-wrap: wrap;\n\tmargin: 0 -8px;\n\n\t@media (max-width: 420px) {\n\t\tmargin: 0;\n\t}\n"])));
+var container = css.css(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: center;\n\tflex-wrap: wrap;\n\tmargin: 0 -8px;\n\n\t@media (max-width: 420px) {\n\t\tmargin: 0;\n\t}\n"])));
 var Image = vueEmotion.styled('div')(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\twidth: calc(100% + 20px);\n\theight: 220px;\n\tmargin: -10px -10px 0;\n\tbackground-color: ", ";\n\tbackground-size: contain;\n\tbackground-position: center center;\n\tbackground-repeat: no-repeat;\n"])), function (_ref) {
   var colors = _ref.theme.colors;
   return colors.backgroundColor || '#fcfcfc';

package/dist/cjs/{DropDown-7bd56543.js → DropDown-f48bea16.js}

@@ -10,7 +10,7 @@ var VueTypes = _interopDefault(require('vue-types'));
 var vueEmotion = require('@appbaseio/vue-emotion');
 var vueTypes = require('./vueTypes-1bf00978.js');
 var index = require('./index-1481798c.js');
-var Input = require('./Input-088dfcb4.js');
+var Input = require('./Input-497be42a.js');
 var computeScrollIntoView = _interopDefault(require('compute-scroll-into-view'));
 var suggestions = require('@appbaseio/reactivecore/lib/utils/suggestions');
 

package/dist/cjs/DynamicRangeSlider.js

@@ -16,7 +16,7 @@ var index = require('./index-1481798c.js');
 var PreferencesConsumer = require('./PreferencesConsumer-2c69ac61.js');
 var Title = require('./Title-8802a218.js');
 var Container = require('./Container-29f049b2.js');
-var ssr = require('./ssr-c58b64c4.js');
+var ssr = require('./ssr-8dd13d43.js');
 
 var addComponent = reactivecore.Actions.addComponent,
   removeComponent = reactivecore.Actions.removeComponent,
@@ -130,9 +130,9 @@ var DynamicRangeSlider = {
       var start = _ref.start,
         end = _ref.end;
       if (this.$props.defaultValue) {
-        var _this$$props$defaultV2 = this.$props.defaultValue(start, end),
-          defaultStart = _this$$props$defaultV2.start,
-          defaultEnd = _this$$props$defaultV2.end;
+        var _this$$props$defaultV = this.$props.defaultValue(start, end),
+          defaultStart = _this$$props$defaultV.start,
+          defaultEnd = _this$$props$defaultV.end;
         this.handleChange([defaultStart, defaultEnd]);
       } else if (this.isControlled()) {
         this.handleChange(DynamicRangeSlider.parseValue(this.$props.value), 'change');

package/dist/cjs/{Input-088dfcb4.js → Input-497be42a.js}

@@ -2,7 +2,7 @@
 
 var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
 var vueEmotion = require('@appbaseio/vue-emotion');
-var emotion = require('emotion');
+var css = require('@emotion/css');
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 var alertBorder = function alertBorder(_ref) {
@@ -61,11 +61,11 @@ var Input = vueEmotion.styled('input')(_templateObject || (_templateObject = _ro
   return props.alert && alertBorder;
 });
 var suggestions = function suggestions(themePreset, theme) {
-  return emotion.css(_templateObject2 || (_templateObject2 = _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: 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));
+  return css.css(_templateObject2 || (_templateObject2 = _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: 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 = emotion.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tposition: relative;\n\t.cancel-icon {\n\t\tcursor: pointer;\n\t}\n"])));
+var suggestionsContainer = css.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tposition: relative;\n\t.cancel-icon {\n\t\tcursor: pointer;\n\t}\n"])));
 var noSuggestions = function noSuggestions(themePreset, theme) {
-  return emotion.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));
+  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));
 };
 
 exports.Input = Input;

package/dist/cjs/{ListItem-d57d648d.js → ListItem-23af8974.js}

@@ -2,12 +2,12 @@
 
 var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
 var vueEmotion = require('@appbaseio/vue-emotion');
-var emotion = require('emotion');
+var css = require('@emotion/css');
 var polished = require('polished');
 require('./Title-8802a218.js');
 
 var _templateObject, _templateObject2, _templateObject3;
-var container = emotion.css(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin: 0;\n\tborder-radius: 0.25rem;\n\toverflow: hidden;\n"])));
+var container = css.css(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin: 0;\n\tborder-radius: 0.25rem;\n\toverflow: hidden;\n"])));
 var smallImage = "\n\twidth: 100px;\n\theight: 100px;\n";
 var Image = vueEmotion.styled('div')(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\twidth: 160px;\n\theight: 160px;\n\t", ";\n\tmargin: 0;\n\tbackground-size: contain;\n\tbackground-position: center center;\n\tbackground-repeat: no-repeat;\n\tbackground-image: ", ";\n"])), function (props) {
   return props.small ? smallImage : null;

package/dist/cjs/MultiDropdownList.js

@@ -11,9 +11,9 @@ var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js
 var vue = require('vue');
 var VueTypes = _interopDefault(require('vue-types'));
 require('@appbaseio/vue-emotion');
-require('emotion');
+require('@emotion/css');
 require('polished');
-var Button = require('./Button-ad042719.js');
+var Button = require('./Button-d4da7470.js');
 var vueTypes = require('./vueTypes-1bf00978.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
@@ -21,8 +21,8 @@ var index = require('./index-1481798c.js');
 var ComponentWrapper = require('./ComponentWrapper-2dc930e1.js');
 var PreferencesConsumer = require('./PreferencesConsumer-2c69ac61.js');
 var Title = require('./Title-8802a218.js');
-var DropDown = require('./DropDown-7bd56543.js');
-require('./Input-088dfcb4.js');
+var DropDown = require('./DropDown-f48bea16.js');
+require('./Input-497be42a.js');
 require('compute-scroll-into-view');
 var Container = require('./Container-29f049b2.js');
 require('@appbaseio/reactivecore/lib/utils/suggestions');
@@ -306,24 +306,24 @@ var MultiDropdownList = {
           });
         }
         if (selectAllLabel && selectAllLabel in currentValue) {
-          var _currentValue2 = currentValue,
-            del = _currentValue2[selectAllLabel],
-            obj = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_currentValue2, [selectAllLabel].map(_rollupPluginBabelHelpers._toPropertyKey));
+          var _currentValue = currentValue,
+            del = _currentValue[selectAllLabel],
+            obj = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_currentValue, [selectAllLabel].map(_rollupPluginBabelHelpers._toPropertyKey));
           currentValue = _rollupPluginBabelHelpers._extends({}, obj);
         }
       } else {
         if (currentValue[value]) {
-          var _currentValue4 = currentValue,
-            _del = _currentValue4[value],
-            rest = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_currentValue4, [value].map(_rollupPluginBabelHelpers._toPropertyKey));
+          var _currentValue2 = currentValue,
+            _del = _currentValue2[value],
+            rest = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_currentValue2, [value].map(_rollupPluginBabelHelpers._toPropertyKey));
           currentValue = _rollupPluginBabelHelpers._extends({}, rest);
         } else {
           currentValue[value] = true;
         }
         if (selectAllLabel && selectAllLabel in currentValue) {
-          var _currentValue6 = currentValue,
-            _del2 = _currentValue6[selectAllLabel],
-            _obj = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_currentValue6, [selectAllLabel].map(_rollupPluginBabelHelpers._toPropertyKey));
+          var _currentValue3 = currentValue,
+            _del2 = _currentValue3[selectAllLabel],
+            _obj = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_currentValue3, [selectAllLabel].map(_rollupPluginBabelHelpers._toPropertyKey));
           currentValue = _rollupPluginBabelHelpers._extends({}, _obj);
         }
         finalValues = Object.keys(currentValue);

package/dist/cjs/MultiList.js

@@ -10,7 +10,7 @@ var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js
 var vue = require('vue');
 var VueTypes = _interopDefault(require('vue-types'));
 require('@appbaseio/vue-emotion');
-require('emotion');
+require('@emotion/css');
 require('polished');
 var vueTypes = require('./vueTypes-1bf00978.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
@@ -19,7 +19,7 @@ var index = require('./index-1481798c.js');
 var ComponentWrapper = require('./ComponentWrapper-2dc930e1.js');
 var PreferencesConsumer = require('./PreferencesConsumer-2c69ac61.js');
 var Title = require('./Title-8802a218.js');
-var Input = require('./Input-088dfcb4.js');
+var Input = require('./Input-497be42a.js');
 var Container = require('./Container-29f049b2.js');
 var suggestions = require('@appbaseio/reactivecore/lib/utils/suggestions');
 var FormControlList = require('./FormControlList-fadd792f.js');
@@ -274,16 +274,16 @@ var MultiList = {
           });
         }
         if (selectAllLabel && selectAllLabel in currentValue) {
-          var _currentValue2 = currentValue,
-            del = _currentValue2[selectAllLabel],
-            obj = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_currentValue2, [selectAllLabel].map(_rollupPluginBabelHelpers._toPropertyKey));
+          var _currentValue = currentValue,
+            del = _currentValue[selectAllLabel],
+            obj = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_currentValue, [selectAllLabel].map(_rollupPluginBabelHelpers._toPropertyKey));
           currentValue = _rollupPluginBabelHelpers._extends({}, obj);
         }
       } else {
         if (currentValue[value]) {
-          var _currentValue4 = currentValue,
-            _del = _currentValue4[value],
-            rest = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_currentValue4, [value].map(_rollupPluginBabelHelpers._toPropertyKey));
+          var _currentValue2 = currentValue,
+            _del = _currentValue2[value],
+            rest = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_currentValue2, [value].map(_rollupPluginBabelHelpers._toPropertyKey));
           currentValue = _rollupPluginBabelHelpers._extends({}, rest);
         } else if (Array.isArray(value)) {
           value.forEach(function (val) {
@@ -293,9 +293,9 @@ var MultiList = {
           currentValue[value] = true;
         }
         if (selectAllLabel && selectAllLabel in currentValue) {
-          var _currentValue6 = currentValue,
-            _del2 = _currentValue6[selectAllLabel],
-            _obj = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_currentValue6, [selectAllLabel].map(_rollupPluginBabelHelpers._toPropertyKey));
+          var _currentValue3 = currentValue,
+            _del2 = _currentValue3[selectAllLabel],
+            _obj = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_currentValue3, [selectAllLabel].map(_rollupPluginBabelHelpers._toPropertyKey));
           currentValue = _rollupPluginBabelHelpers._extends({}, _obj);
         }
         finalValues = Object.keys(currentValue);

package/dist/cjs/MultiRange.js

@@ -104,9 +104,9 @@ var MultiRange = {
         currentValue = currentValue.filter(function (value) {
           return value.label !== item;
         });
-        var _selectedValues2 = selectedValues,
-          del = _selectedValues2[item],
-          selected = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_selectedValues2, [item].map(_rollupPluginBabelHelpers._toPropertyKey));
+        var _selectedValues = selectedValues,
+          del = _selectedValues[item],
+          selected = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_selectedValues, [item].map(_rollupPluginBabelHelpers._toPropertyKey));
         selectedValues = selected;
       } else {
         var _extends2;

package/dist/cjs/{Pagination-4ffc67cd.js → Pagination-b953a80a.js}

@@ -6,7 +6,7 @@ var reactivecore = require('@appbaseio/reactivecore');
 var _transformOn = _interopDefault(require('@vue/babel-helper-vue-transform-on'));
 var vue = require('vue');
 var VueTypes = _interopDefault(require('vue-types'));
-var Button = require('./Button-ad042719.js');
+var Button = require('./Button-d4da7470.js');
 var vueTypes = require('./vueTypes-1bf00978.js');
 
 function _isSlot(s) {

package/dist/cjs/RangeInput.js

@@ -11,7 +11,7 @@ var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js
 var vue = require('vue');
 var VueTypes = _interopDefault(require('vue-types'));
 var vueEmotion = require('@appbaseio/vue-emotion');
-require('emotion');
+require('@emotion/css');
 require('polished');
 var vueTypes = require('./vueTypes-1bf00978.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
@@ -21,9 +21,9 @@ var ComponentWrapper = require('./ComponentWrapper-2dc930e1.js');
 var PreferencesConsumer = require('./PreferencesConsumer-2c69ac61.js');
 require('./Title-8802a218.js');
 var Flex = require('./Flex-d5675ea6.js');
-var Input = require('./Input-088dfcb4.js');
+var Input = require('./Input-497be42a.js');
 var Container = require('./Container-29f049b2.js');
-require('./ssr-c58b64c4.js');
+require('./ssr-8dd13d43.js');
 var RangeSlider = require('./RangeSlider.js');
 
 var _templateObject;

package/dist/cjs/RangeSlider.js

@@ -18,7 +18,7 @@ var ComponentWrapper = require('./ComponentWrapper-2dc930e1.js');
 var PreferencesConsumer = require('./PreferencesConsumer-2c69ac61.js');
 var Title = require('./Title-8802a218.js');
 var Container = require('./Container-29f049b2.js');
-var ssr = require('./ssr-c58b64c4.js');
+var ssr = require('./ssr-8dd13d43.js');
 
 var updateQuery = reactivecore.Actions.updateQuery,
   setQueryOptions = reactivecore.Actions.setQueryOptions,

package/dist/cjs/ReactiveBase.js

@@ -116,12 +116,12 @@ var URLParamsProvider = {
         try {
           var component = item[0],
             value = item[1];
-          var _ref2 = _this.selectedValues[component] || {
+          var _ref = _this.selectedValues[component] || {
               label: component
             },
-            label = _ref2.label,
-            showFilter = _ref2.showFilter,
-            URLParams = _ref2.URLParams;
+            label = _ref.label,
+            showFilter = _ref.showFilter,
+            URLParams = _ref.URLParams;
           _this.setValue(component, JSON.parse(value), label, showFilter, URLParams, undefined, undefined, undefined, 'URL');
         } catch (e) {
           // Do not set value if JSON parsing fails.

package/dist/cjs/{ReactiveComponent-4435adfa.js → ReactiveComponent-8180c806.js}

@@ -10,8 +10,8 @@ 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 emotion = require('emotion');
-var Button = require('./Button-ad042719.js');
+var css = require('@emotion/css');
+var Button = require('./Button-d4da7470.js');
 var vueTypes = require('./vueTypes-1bf00978.js');
 var ReactiveList = require('./ReactiveList.js');
 var index = require('./index-1481798c.js');
@@ -20,8 +20,8 @@ var PreferencesConsumer = require('./PreferencesConsumer-2c69ac61.js');
 var Title = require('./Title-8802a218.js');
 var Flex = require('./Flex-d5675ea6.js');
 var hotkeys = _interopDefault(require('hotkeys-js'));
-var DropDown = require('./DropDown-7bd56543.js');
-var Input = require('./Input-088dfcb4.js');
+var DropDown = require('./DropDown-f48bea16.js');
+var Input = require('./Input-497be42a.js');
 var Container = require('./Container-29f049b2.js');
 var Highlight = _interopDefault(require('vue-highlight-words'));
 var SingleList = require('./SingleList.js');
@@ -140,13 +140,13 @@ var SuggestionItem = {
                 "searchWords": _this.currentValue.split(' '),
                 "textToHighlight": title,
                 "highlightStyle": highlightStyle,
-                "class": emotion.css({
+                "class": css.css({
                   fontSize: '1rem'
                 })
               }, null)]), description && vue.createVNode("div", {
-                "class": emotion.cx('trim', emotion.css({
+                "class": ['trim', css.css({
                   marginTop: 3
-                }))
+                })]
               }, [vue.createVNode(Highlight, {
                 "searchWords": _this.currentValue.split(' '),
                 "textToHighlight": description,
@@ -516,14 +516,14 @@ var Mic = {
         if (status === STATUS.active) {
           this.status = STATUS.inactive;
         }
-        var _this$$props2 = this.$props,
-          handleResult = _this$$props2.handleResult,
-          onNoMatch = _this$$props2.onNoMatch,
-          onError = _this$$props2.onError,
-          lang = _this$$props2.lang,
-          getInstance = _this$$props2.getInstance;
-        var _window2 = window,
-          SpeechRecognition = _window2.SpeechRecognition;
+        var _this$$props = this.$props,
+          handleResult = _this$$props.handleResult,
+          onNoMatch = _this$$props.onNoMatch,
+          onError = _this$$props.onError,
+          lang = _this$$props.lang,
+          getInstance = _this$$props.getInstance;
+        var _window = window,
+          SpeechRecognition = _window.SpeechRecognition;
         if (this.instance && this.status !== STATUS.denied) {
           this.status = STATUS.inactive;
           this.instance.stop();
@@ -1368,12 +1368,12 @@ var SearchBox = vue.defineComponent({
     renderInputAddonBefore: function renderInputAddonBefore() {
       var addonBefore = this.$slots.addonBefore;
       if (addonBefore) {
-        var _slot2;
+        var _slot;
         return vue.createVNode(InputAddon, {
           "class": "addon-before"
-        }, _isSlot(_slot2 = addonBefore()) ? _slot2 : {
+        }, _isSlot(_slot = addonBefore()) ? _slot : {
           "default": function _default() {
-            return [_slot2];
+            return [_slot];
           }
         });
       }
@@ -1382,12 +1382,12 @@ var SearchBox = vue.defineComponent({
     renderInputAddonAfter: function renderInputAddonAfter() {
       var addonAfter = this.$slots.addonAfter;
       if (addonAfter) {
-        var _slot4;
+        var _slot2;
         return vue.createVNode(InputAddon, {
           "class": "addon-after"
-        }, _isSlot(_slot4 = addonAfter()) ? _slot4 : {
+        }, _isSlot(_slot2 = addonAfter()) ? _slot2 : {
           "default": function _default() {
-            return [_slot4];
+            return [_slot2];
           }
         });
       }
@@ -1429,7 +1429,7 @@ var SearchBox = vue.defineComponent({
     },
     renderIcons: function renderIcons() {
       var _this6 = this;
-      var _slot5, _slot6, _slot7;
+      var _slot3, _slot4, _slot5;
       var _this$$props3 = this.$props,
         iconPosition = _this$$props3.iconPosition,
         showClear = _this$$props3.showClear,
@@ -1448,9 +1448,9 @@ var SearchBox = vue.defineComponent({
             "onClick": _this6.clearValue,
             "showIcon": showIcon,
             "isClearIcon": true
-          }, _isSlot(_slot5 = _this6.renderCancelIcon()) ? _slot5 : {
+          }, _isSlot(_slot3 = _this6.renderCancelIcon()) ? _slot3 : {
             "default": function _default() {
-              return [_slot5];
+              return [_slot3];
             }
           }), showVoiceSearch && vue.createVNode(Mic, {
             "getInstance": getMicInstance,
@@ -1459,9 +1459,9 @@ var SearchBox = vue.defineComponent({
             "className": getClassName$1(innerClass, 'mic') || null
           }, null), iconPosition === 'right' && showIcon && vue.createVNode(DropDown.IconWrapper, {
             "onClick": _this6.handleSearchIconClick
-          }, _isSlot(_slot6 = _this6.renderIcon()) ? _slot6 : {
+          }, _isSlot(_slot4 = _this6.renderIcon()) ? _slot4 : {
             "default": function _default() {
-              return [_slot6];
+              return [_slot4];
             }
           })];
         }
@@ -1472,9 +1472,9 @@ var SearchBox = vue.defineComponent({
         "default": function _default() {
           return [iconPosition === 'left' && showIcon && vue.createVNode(DropDown.IconWrapper, {
             "onClick": _this6.handleSearchIconClick
-          }, _isSlot(_slot7 = _this6.renderIcon()) ? _slot7 : {
+          }, _isSlot(_slot5 = _this6.renderIcon()) ? _slot5 : {
             "default": function _default() {
-              return [_slot7];
+              return [_slot5];
             }
           })];
         }

package/dist/cjs/ReactiveComponent.js

@@ -10,11 +10,11 @@ require('vue');
 require('vue-types');
 require('@appbaseio/reactivecore/lib/utils/helper');
 require('@appbaseio/vue-emotion');
-require('emotion');
+require('@emotion/css');
 require('polished');
-require('./Button-ad042719.js');
+require('./Button-d4da7470.js');
 require('./vueTypes-1bf00978.js');
-require('./Pagination-4ffc67cd.js');
+require('./Pagination-b953a80a.js');
 require('./ReactiveList.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
@@ -22,13 +22,13 @@ require('./index-1481798c.js');
 require('./ComponentWrapper-2dc930e1.js');
 require('./PreferencesConsumer-2c69ac61.js');
 require('./Title-8802a218.js');
-require('./ListItem-d57d648d.js');
-require('./Card-f5ab024a.js');
+require('./ListItem-23af8974.js');
+require('./Card-63968d94.js');
 require('./Flex-d5675ea6.js');
 require('hotkeys-js');
-var ReactiveComponent = require('./ReactiveComponent-4435adfa.js');
-require('./DropDown-7bd56543.js');
-require('./Input-088dfcb4.js');
+var ReactiveComponent = require('./ReactiveComponent-8180c806.js');
+require('./DropDown-f48bea16.js');
+require('./Input-497be42a.js');
 require('compute-scroll-into-view');
 require('./Container-29f049b2.js');
 require('vue-highlight-words');
@@ -40,7 +40,7 @@ require('./MultiList.js');
 require('./SingleDropdownList.js');
 require('./MultiDropdownList.js');
 require('./ToggleButton.js');
-require('./ssr-c58b64c4.js');
+require('./ssr-8dd13d43.js');
 require('./DynamicRangeSlider.js');
 require('./SingleRange.js');
 require('./MultiRange.js');

package/dist/cjs/ReactiveGoogleMap.js

@@ -11,11 +11,11 @@ var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js
 var vue = require('vue');
 var VueTypes = _interopDefault(require('vue-types'));
 var vueEmotion = require('@appbaseio/vue-emotion');
-var emotion = require('emotion');
+var css = require('@emotion/css');
 require('polished');
-require('./Button-ad042719.js');
+require('./Button-d4da7470.js');
 var vueTypes = require('./vueTypes-1bf00978.js');
-var Pagination = require('./Pagination-4ffc67cd.js');
+var Pagination = require('./Pagination-b953a80a.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 var index = require('./index-1481798c.js');
@@ -186,9 +186,9 @@ var ReactiveMap = {
         var options = getQueryOptions(this.$props);
         options.from = 0;
         this.$defaultQuery = newVal(null, this.$props);
-        var _ref2 = this.$defaultQuery || {},
-          sort = _ref2.sort,
-          query = _ref2.query;
+        var _ref = this.$defaultQuery || {},
+          sort = _ref.sort,
+          query = _ref.query;
         if (sort) {
           options.sort = this.$defaultQuery.sort;
         }
@@ -571,8 +571,8 @@ var ReactiveMap = {
           geo_bounding_box: (_geo_bounding_box = {}, _geo_bounding_box[this.dataField] = boundingBoxCoordinates, _geo_bounding_box)
         };
         if (this.$defaultQuery) {
-          var _ref4 = this.$defaultQuery || {},
-            query = _ref4.query;
+          var _ref2 = this.$defaultQuery || {},
+            query = _ref2.query;
           if (query) {
             // adds defaultQuery's query to geo-query
             // to generate a map query
@@ -615,8 +615,8 @@ var ReactiveMap = {
     triggerClickAnalytics: function triggerClickAnalytics(searchPosition, documentId) {
       var docId = documentId;
       if (!docId) {
-        var _this$getData3 = this.getData(),
-          data = _this$getData3.data;
+        var _this$getData2 = this.getData(),
+          data = _this$getData2.data;
         var hitData = data.find(function (hit) {
           return hit._click_id === searchPosition;
         });
@@ -707,10 +707,10 @@ var ReactiveMap = {
     var options = getQueryOptions(this.$props);
     options.from = this.$data.from;
     if (this.$props.sortBy) {
-      var _ref5;
-      options.sort = [(_ref5 = {}, _ref5[this.$props.dataField] = {
+      var _ref3;
+      options.sort = [(_ref3 = {}, _ref3[this.$props.dataField] = {
         order: this.$props.sortBy
-      }, _ref5)];
+      }, _ref3)];
     }
     this.$defaultQuery = null;
     if (this.$props.defaultQuery) {
@@ -1632,7 +1632,7 @@ var MarkerWithLabel = {
 var _templateObject, _templateObject2, _templateObject3;
 var MapPin = vueEmotion.styled('div')(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\theight: 24px;\n\twidth: auto;\n\tbackground-color: #fff;\n\tborder-radius: 2px;\n\tcolor: #222;\n\tbox-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);\n\tpadding: 3px 6px;\n\tfont-size: 15px;\n"])));
 var MapPinArrow = vueEmotion.styled('div')(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tborder-color: rgba(0, 0, 0, 0.2);\n\tborder-style: solid;\n\tborder-width: 0 1px 1px 0;\n\tmargin-left: -6px;\n\tbackground-color: #fff;\n\tmargin-top: -6px;\n\twidth: 12px;\n\theight: 12px;\n\t-webkit-transform: rotate(45deg);\n\t-ms-transform: rotate(45deg);\n\ttransform: rotate(45deg);\n"])));
-var mapPinWrapper = emotion.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t&:hover,\n\t&:focus {\n\t\tz-index: 200;\n\t}\n"])));
+var mapPinWrapper = css.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t&:hover,\n\t&:focus {\n\t\tz-index: 200;\n\t}\n"])));
 
 var recordResultClick$2 = reactivecore.Actions.recordResultClick;
 var GoogleMapMarker = {
@@ -2035,7 +2035,7 @@ var ReactiveGoogleMap = {
         "style": {
           height: '100%'
         },
-        "class": emotion.css(_templateObject$1 || (_templateObject$1 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\t\t\t\t\theight: 100%;\n\t\t\t\t\t\t"]))),
+        "class": css.css(_templateObject$1 || (_templateObject$1 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\t\t\t\t\theight: 100%;\n\t\t\t\t\t\t"]))),
         "options": {
           zoomControl: true
         },

package/dist/cjs/ReactiveList.js

@@ -12,19 +12,19 @@ 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 emotion = require('emotion');
+var css = require('@emotion/css');
 require('polished');
-require('./Button-ad042719.js');
+require('./Button-d4da7470.js');
 var vueTypes = require('./vueTypes-1bf00978.js');
-var Pagination = require('./Pagination-4ffc67cd.js');
+var Pagination = require('./Pagination-b953a80a.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 var index = require('./index-1481798c.js');
 var ComponentWrapper = require('./ComponentWrapper-2dc930e1.js');
 var PreferencesConsumer = require('./PreferencesConsumer-2c69ac61.js');
 require('./Title-8802a218.js');
-var ListItem = require('./ListItem-d57d648d.js');
-var Card = require('./Card-f5ab024a.js');
+var ListItem = require('./ListItem-23af8974.js');
+var Card = require('./Card-63968d94.js');
 var Flex = require('./Flex-d5675ea6.js');
 
 var _templateObject;
@@ -67,8 +67,8 @@ ResultCardsWrapper.install = function (Vue) {
 };
 
 var _templateObject$1, _templateObject2;
-var resultStats = emotion.css(_templateObject$1 || (_templateObject$1 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tflex-grow: 1;\n\tfont-size: 0.82rem;\n"])));
-var sortOptions = emotion.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tcolor: #424242;\n\theight: 32px;\n\tfont-size: 0.82rem;\n\tpadding: 0 25px 0 10px;\n\tbackground: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+)\n\t\tno-repeat 95% 50%;\n\tbackground-color: #fff;\n\t-moz-appearance: none;\n\t-webkit-appearance: none;\n\tappearance: none;\n\t-webkit-border-radius: 0;\n\tborder-radius: 0;\n\tborder: 0;\n\toutline: 1px solid #ddd;\n\toutline-offset: -1px;\n"])));
+var resultStats = css.css(_templateObject$1 || (_templateObject$1 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tflex-grow: 1;\n\tfont-size: 0.82rem;\n"])));
+var sortOptions = css.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tcolor: #424242;\n\theight: 32px;\n\tfont-size: 0.82rem;\n\tpadding: 0 25px 0 10px;\n\tbackground: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+)\n\t\tno-repeat 95% 50%;\n\tbackground-color: #fff;\n\t-moz-appearance: none;\n\t-webkit-appearance: none;\n\tappearance: none;\n\t-webkit-border-radius: 0;\n\tborder-radius: 0;\n\tborder: 0;\n\toutline: 1px solid #ddd;\n\toutline-offset: -1px;\n"])));
 
 var recordImpressions = reactivecore.Actions.recordImpressions;
 var isEqual = reactivecore.helper.isEqual;
@@ -772,8 +772,8 @@ var ReactiveList = {
     triggerClickAnalytics: function triggerClickAnalytics(searchPosition, documentId) {
       var docId = documentId;
       if (!docId) {
-        var _this$getData2 = this.getData(),
-          data = _this$getData2.data;
+        var _this$getData = this.getData(),
+          data = _this$getData.data;
         var hitData = data.find(function (hit) {
           return hit._click_id === searchPosition;
         });