@appbaseio/reactivesearch-vue 1.28.0 → 1.30.0

package/dist/cjs/{DropDown-7aa3d0d2.js → DropDown-fc59f1ee.js}

@@ -4,16 +4,16 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-91d4b5a6.js');
 var VueTypes = _interopDefault(require('vue-types'));
 var emotion = require('emotion');
 var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);
 var vueTypes = require('./vueTypes-57d01f18.js');
-var index = require('./index-4509aa45.js');
+var index = require('./index-2cd3650b.js');
 var _mergeJSXProps = _interopDefault(require('@vue/babel-helper-vue-jsx-merge-props'));
-var CancelSvg = require('./CancelSvg-4aa35935.js');
-var Input = require('./Input-3cc3fa59.js');
+var CancelSvg = require('./CancelSvg-c48c1085.js');
+var Input = require('./Input-43868594.js');
 var suggestions = require('@appbaseio/reactivecore/lib/utils/suggestions');
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;

package/dist/cjs/DynamicRangeSlider.js

@@ -6,17 +6,17 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-91d4b5a6.js');
 var VueTypes = _interopDefault(require('vue-types'));
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 require('@appbaseio/vue-emotion');
 var vueTypes = require('./vueTypes-57d01f18.js');
 require('redux');
-var index = require('./index-4509aa45.js');
-var Title = require('./Title-584a8cc8.js');
-var Container = require('./Container-526efa6a.js');
+var index = require('./index-2cd3650b.js');
+var Title = require('./Title-26661936.js');
+var Container = require('./Container-cfd69a34.js');
 var NoSSR = _interopDefault(require('vue-no-ssr'));
-var ssr = require('./ssr-0ee35a09.js');
+var ssr = require('./ssr-949cafb5.js');
 
 var addComponent = configureStore.Actions.addComponent,
     removeComponent = configureStore.Actions.removeComponent,

package/dist/cjs/{Flex-f146cdad.js → Flex-63774e4d.js}

@@ -2,7 +2,7 @@
 
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-91d4b5a6.js');
 var emotion = require('emotion');
 var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);

package/dist/cjs/{FormControlList-808dbcef.js → FormControlList-a9c64bb8.js}

@@ -2,7 +2,7 @@
 
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-91d4b5a6.js');
 var emotion = require('emotion');
 var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);

package/dist/cjs/{Input-3cc3fa59.js → Input-43868594.js}

@@ -2,7 +2,7 @@
 
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-91d4b5a6.js');
 var emotion = require('emotion');
 var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);
@@ -64,7 +64,7 @@ var Input = styled__default('input')(_templateObject5 || (_templateObject5 = _ro
 });
 
 var suggestions = function suggestions(themePreset, theme) {
-  return emotion.css(_templateObject14 || (_templateObject14 = _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: 395px;\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: 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\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 emotion.css(_templateObject14 || (_templateObject14 = _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: 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\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(_templateObject15 || (_templateObject15 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tposition: relative;\n\t.cancel-icon {\n\t\tcursor: pointer;\n\t}\n"])));

package/dist/cjs/{ListItem-b40adb04.js → ListItem-38962297.js}

@@ -2,12 +2,12 @@
 
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-91d4b5a6.js');
 var emotion = require('emotion');
 var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);
 var polished = require('polished');
-require('./Title-584a8cc8.js');
+require('./Title-26661936.js');
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 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"])));

package/dist/cjs/MultiDropdownList.js

@@ -6,27 +6,27 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-91d4b5a6.js');
 var VueTypes = _interopDefault(require('vue-types'));
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
-var Button = require('./Button-11307285.js');
+var Button = require('./Button-0e2e2c02.js');
 var vueTypes = require('./vueTypes-57d01f18.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-4509aa45.js');
-var ComponentWrapper = require('./ComponentWrapper-10bad289.js');
+var index = require('./index-2cd3650b.js');
+var ComponentWrapper = require('./ComponentWrapper-5cb08414.js');
 require('@vue/babel-helper-vue-jsx-merge-props');
-var Title = require('./Title-584a8cc8.js');
-require('./CancelSvg-4aa35935.js');
-require('./Input-3cc3fa59.js');
+var Title = require('./Title-26661936.js');
+require('./CancelSvg-c48c1085.js');
+require('./Input-43868594.js');
 require('compute-scroll-into-view');
-var Container = require('./Container-526efa6a.js');
+var Container = require('./Container-cfd69a34.js');
 require('@appbaseio/reactivecore/lib/utils/suggestions');
-var utils = require('./utils-1219e1fe.js');
-var DropDown = require('./DropDown-7aa3d0d2.js');
+var utils = require('./utils-0df3cb93.js');
+var DropDown = require('./DropDown-fc59f1ee.js');
 
 var updateQuery = configureStore.Actions.updateQuery,
     setQueryOptions = configureStore.Actions.setQueryOptions,

package/dist/cjs/MultiList.js

@@ -6,7 +6,7 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-91d4b5a6.js');
 var VueTypes = _interopDefault(require('vue-types'));
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 require('emotion');
@@ -15,14 +15,14 @@ require('polished');
 var vueTypes = require('./vueTypes-57d01f18.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-4509aa45.js');
-var ComponentWrapper = require('./ComponentWrapper-10bad289.js');
-var Title = require('./Title-584a8cc8.js');
-var Input = require('./Input-3cc3fa59.js');
-var Container = require('./Container-526efa6a.js');
+var index = require('./index-2cd3650b.js');
+var ComponentWrapper = require('./ComponentWrapper-5cb08414.js');
+var Title = require('./Title-26661936.js');
+var Input = require('./Input-43868594.js');
+var Container = require('./Container-cfd69a34.js');
 var suggestions = require('@appbaseio/reactivecore/lib/utils/suggestions');
-var FormControlList = require('./FormControlList-808dbcef.js');
-var utils = require('./utils-1219e1fe.js');
+var FormControlList = require('./FormControlList-a9c64bb8.js');
+var utils = require('./utils-0df3cb93.js');
 
 var updateQuery = configureStore.Actions.updateQuery,
     setQueryOptions = configureStore.Actions.setQueryOptions,

package/dist/cjs/MultiRange.js

@@ -6,7 +6,7 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-91d4b5a6.js');
 var VueTypes = _interopDefault(require('vue-types'));
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 require('emotion');
@@ -15,11 +15,11 @@ require('polished');
 var vueTypes = require('./vueTypes-57d01f18.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-4509aa45.js');
-var ComponentWrapper = require('./ComponentWrapper-10bad289.js');
-var Title = require('./Title-584a8cc8.js');
-var Container = require('./Container-526efa6a.js');
-var FormControlList = require('./FormControlList-808dbcef.js');
+var index = require('./index-2cd3650b.js');
+var ComponentWrapper = require('./ComponentWrapper-5cb08414.js');
+var Title = require('./Title-26661936.js');
+var Container = require('./Container-cfd69a34.js');
+var FormControlList = require('./FormControlList-a9c64bb8.js');
 
 var updateQuery = configureStore.Actions.updateQuery,
     setQueryOptions = configureStore.Actions.setQueryOptions,

package/dist/cjs/RangeInput.js

@@ -6,7 +6,7 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-91d4b5a6.js');
 var VueTypes = _interopDefault(require('vue-types'));
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 var emotion = require('emotion');
@@ -16,14 +16,14 @@ require('polished');
 var vueTypes = require('./vueTypes-57d01f18.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-4509aa45.js');
-var ComponentWrapper = require('./ComponentWrapper-10bad289.js');
-require('./Title-584a8cc8.js');
-var Flex = require('./Flex-f146cdad.js');
-var Input = require('./Input-3cc3fa59.js');
-var Container = require('./Container-526efa6a.js');
+var index = require('./index-2cd3650b.js');
+var ComponentWrapper = require('./ComponentWrapper-5cb08414.js');
+require('./Title-26661936.js');
+var Flex = require('./Flex-63774e4d.js');
+var Input = require('./Input-43868594.js');
+var Container = require('./Container-cfd69a34.js');
 require('vue-no-ssr');
-require('./ssr-0ee35a09.js');
+require('./ssr-949cafb5.js');
 var RangeSlider = require('./RangeSlider.js');
 
 var _templateObject, _templateObject2;

package/dist/cjs/RangeSlider.js

@@ -6,19 +6,19 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-91d4b5a6.js');
 var VueTypes = _interopDefault(require('vue-types'));
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 require('@appbaseio/vue-emotion');
 var vueTypes = require('./vueTypes-57d01f18.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-4509aa45.js');
-var ComponentWrapper = require('./ComponentWrapper-10bad289.js');
-var Title = require('./Title-584a8cc8.js');
-var Container = require('./Container-526efa6a.js');
+var index = require('./index-2cd3650b.js');
+var ComponentWrapper = require('./ComponentWrapper-5cb08414.js');
+var Title = require('./Title-26661936.js');
+var Container = require('./Container-cfd69a34.js');
 var NoSSR = _interopDefault(require('vue-no-ssr'));
-var ssr = require('./ssr-0ee35a09.js');
+var ssr = require('./ssr-949cafb5.js');
 
 var updateQuery = configureStore.Actions.updateQuery,
     setQueryOptions = configureStore.Actions.setQueryOptions,

package/dist/cjs/ReactiveBase.js

@@ -6,7 +6,7 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-91d4b5a6.js');
 var VueTypes = _interopDefault(require('vue-types'));
 require('@appbaseio/reactivecore/lib/utils/constants');
 var helper = require('@appbaseio/reactivecore/lib/utils/helper');
@@ -14,7 +14,7 @@ var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);
 var vueTypes = require('./vueTypes-57d01f18.js');
 require('redux');
-var index = require('./index-4509aa45.js');
+var index = require('./index-2cd3650b.js');
 var _mergeJSXProps = _interopDefault(require('@vue/babel-helper-vue-jsx-merge-props'));
 var analytics = require('@appbaseio/reactivecore/lib/actions/analytics');
 var Appbase = _interopDefault(require('appbase-js'));
@@ -100,7 +100,7 @@ var URLParamsProvider = {
       Object.keys(_this.currentSelectedState).filter(function (item) {
         return !activeComponents.includes(item);
       }).forEach(function (component) {
-        _this.setValue(component, null);
+        _this.setValue(component, null, undefined, undefined, undefined, undefined, undefined, undefined, 'URL');
       }); // update active components in selectedValues
 
       Array.from(_this.params.entries()).forEach(function (item) {
@@ -115,7 +115,7 @@ var URLParamsProvider = {
               showFilter = _ref.showFilter,
               URLParams = _ref.URLParams;
 
-          _this.setValue(component, JSON.parse(value), label, showFilter, URLParams);
+          _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);
@@ -133,39 +133,45 @@ var URLParamsProvider = {
     selectedValues: function selectedValues(newVal, oldVal) {
       var _this2 = this;
 
-      this.currentSelectedState = newVal;
-
       if (!isEqual(newVal, oldVal)) {
         this.searchString = this.$props.getSearchParams ? this.$props.getSearchParams() : window.location.search;
         this.params = new URLSearchParams(this.searchString);
         var currentComponents = Object.keys(newVal);
         var urlComponents = Array.from(this.params.keys());
+        var shouldPushHistory = false;
         currentComponents.filter(function (component) {
           return newVal[component].URLParams;
         }).forEach(function (component) {
-          // prevents empty history pollution on initial load
-          if (_this2.hasValidValue(newVal[component]) || _this2.hasValidValue(oldVal[component])) {
-            var selectedValues = newVal[component];
+          var selectedValues = newVal[component]; // prevents empty history pollution on initial load
 
+          if (_this2.hasValidValue(newVal[component]) || _this2.hasValidValue(oldVal[component])) {
             if (selectedValues.URLParams) {
               if (selectedValues.category) {
-                _this2.setURL(component, _this2.getValue({
+                var shouldUpdateHistory = _this2.setURL(component, _this2.getValue({
                   category: selectedValues.category,
                   value: selectedValues.value
                 }));
+
+                if (shouldUpdateHistory) {
+                  shouldPushHistory = true;
+                }
               } else {
-                _this2.setURL(component, _this2.getValue(selectedValues.value));
+                var _shouldUpdateHistory = _this2.setURL(component, _this2.getValue(selectedValues.value));
+
+                if (_shouldUpdateHistory) {
+                  shouldPushHistory = true;
+                }
               }
             } else {
               _this2.params["delete"](component);
 
-              _this2.pushToHistory();
+              shouldPushHistory = true;
             }
           } else if (!_this2.hasValidValue(newVal[component]) && urlComponents.includes(component)) {
             // doesn't have a valid value, but the url has a (stale) valid value set
             _this2.params["delete"](component);
 
-            _this2.pushToHistory();
+            shouldPushHistory = true;
           }
         }); // remove unmounted components
 
@@ -174,15 +180,20 @@ var URLParamsProvider = {
         }).forEach(function (component) {
           _this2.params["delete"](component);
 
-          _this2.pushToHistory();
+          shouldPushHistory = true;
         });
 
         if (!currentComponents.length) {
           Array.from(this.params.keys()).forEach(function (item) {
             if (_this2.searchComponents && _this2.searchComponents.includes(item)) {
               _this2.params["delete"](item);
+
+              shouldPushHistory = true;
             }
           });
+        }
+
+        if (shouldPushHistory) {
           this.pushToHistory();
         }
       }
@@ -245,20 +256,19 @@ var URLParamsProvider = {
       return value;
     },
     setURL: function setURL(component, value) {
-      this.searchString = this.$props.getSearchParams ? this.$props.getSearchParams() : window.location.search;
-      this.params = new URLSearchParams(this.searchString);
-
       if (!value || typeof value === 'string' && value.trim() === '' || Array.isArray(value) && value.length === 0) {
         this.params["delete"](component);
-        this.pushToHistory();
-      } else {
-        var data = JSON.stringify(this.getValue(value));
+        return true;
+      }
 
-        if (data !== this.params.get(component)) {
-          this.params.set(component, data);
-          this.pushToHistory();
-        }
+      var data = JSON.stringify(value);
+
+      if (data !== this.params.get(component)) {
+        this.params.set(component, data);
+        return true;
       }
+
+      return false;
     },
     pushToHistory: function pushToHistory() {
       var paramsSting = this.params.toString() ? "?" + this.params.toString() : '';

package/dist/cjs/ReactiveComponent.js

@@ -6,14 +6,14 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-91d4b5a6.js');
 var VueTypes = _interopDefault(require('vue-types'));
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 var vueTypes = require('./vueTypes-57d01f18.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-4509aa45.js');
-var ComponentWrapper = require('./ComponentWrapper-10bad289.js');
+var index = require('./index-2cd3650b.js');
+var ComponentWrapper = require('./ComponentWrapper-5cb08414.js');
 
 var _excluded = ["options"];
 var updateQuery = configureStore.Actions.updateQuery,

package/dist/cjs/ReactiveList.js

@@ -6,7 +6,7 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-91d4b5a6.js');
 var VueTypes = _interopDefault(require('vue-types'));
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 var helper = require('@appbaseio/reactivecore/lib/utils/helper');
@@ -14,17 +14,17 @@ var emotion = require('emotion');
 var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);
 require('polished');
-var Button = require('./Button-11307285.js');
+var Button = require('./Button-0e2e2c02.js');
 var vueTypes = require('./vueTypes-57d01f18.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-4509aa45.js');
-var ComponentWrapper = require('./ComponentWrapper-10bad289.js');
+var index = require('./index-2cd3650b.js');
+var ComponentWrapper = require('./ComponentWrapper-5cb08414.js');
 var _mergeJSXProps = _interopDefault(require('@vue/babel-helper-vue-jsx-merge-props'));
-require('./Title-584a8cc8.js');
-var ListItem = require('./ListItem-b40adb04.js');
-var Card = require('./Card-fd94ef07.js');
-var Flex = require('./Flex-f146cdad.js');
+require('./Title-26661936.js');
+var ListItem = require('./ListItem-38962297.js');
+var Card = require('./Card-4fa0f769.js');
+var Flex = require('./Flex-63774e4d.js');
 
 var getClassName = configureStore.helper.getClassName,
     handleA11yAction = configureStore.helper.handleA11yAction;
@@ -857,6 +857,7 @@ var ReactiveList = {
       }, [this.data.map(function (item, index) {
         return renderItem({
           item: item,
+          count: _this2.currentPageState * size + index + 1,
           triggerClickAnalytics: function triggerClickAnalytics() {
             return _this2.triggerClickAnalytics(_this2.currentPageState * size + index);
           }

package/dist/cjs/ResultCard.js

@@ -4,15 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-91d4b5a6.js');
 var VueTypes = _interopDefault(require('vue-types'));
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
 var vueTypes = require('./vueTypes-57d01f18.js');
 var _mergeJSXProps = _interopDefault(require('@vue/babel-helper-vue-jsx-merge-props'));
-var Title = require('./Title-584a8cc8.js');
-var Card = require('./Card-fd94ef07.js');
+var Title = require('./Title-26661936.js');
+var Card = require('./Card-4fa0f769.js');
 
 var ResultCardTitle = {
   name: 'ResultCardTitle',

package/dist/cjs/ResultList.js

@@ -4,15 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-91d4b5a6.js');
 var VueTypes = _interopDefault(require('vue-types'));
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
 var vueTypes = require('./vueTypes-57d01f18.js');
 var _mergeJSXProps = _interopDefault(require('@vue/babel-helper-vue-jsx-merge-props'));
-var Title = require('./Title-584a8cc8.js');
-var ListItem = require('./ListItem-b40adb04.js');
+var Title = require('./Title-26661936.js');
+var ListItem = require('./ListItem-38962297.js');
 
 var ResultListContent = {
   name: 'ResultListContent',

package/dist/cjs/SelectedFilters.js

@@ -6,18 +6,18 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-91d4b5a6.js');
 var VueTypes = _interopDefault(require('vue-types'));
 require('@appbaseio/reactivecore/lib/utils/constants');
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
-var Button = require('./Button-11307285.js');
+var Button = require('./Button-0e2e2c02.js');
 var vueTypes = require('./vueTypes-57d01f18.js');
 require('redux');
-var index = require('./index-4509aa45.js');
-var Title = require('./Title-584a8cc8.js');
-var Container = require('./Container-526efa6a.js');
+var index = require('./index-2cd3650b.js');
+var Title = require('./Title-26661936.js');
+var Container = require('./Container-cfd69a34.js');
 
 var setValue = configureStore.Actions.setValue,
     clearValues = configureStore.Actions.clearValues,
@@ -51,6 +51,7 @@ var SelectedFilters = {
         components: this.components,
         selectedValues: this.selectedValues,
         clearValues: this.clearValues,
+        clearValue: this.clearValue,
         setValue: this.setValue,
         resetValuesToDefault: this.resetValuesToDefault
       });
@@ -62,7 +63,7 @@ var SelectedFilters = {
       "class": Button.filters(this.theme) + " " + (this.$props.className || '')
     }, [this.$props.title && hasValues && h(Title.Title, {
       "class": getClassName(this.$props.innerClass, 'title') || ''
-    }, [this.$props.title]), filtersToRender, this.$props.showClearAll && hasValues ? h(Button.Button, {
+    }, [this.$props.title]), filtersToRender, this.$props.showClearAll && hasValues && filtersToRender.length > 1 ? h(Button.Button, {
       "class": getClassName(this.$props.innerClass, 'button') || '',
       "on": _rollupPluginBabelHelpers._extends({}, {
         click: this.clearValues,
@@ -99,6 +100,20 @@ var SelectedFilters = {
 
       this.$emit('clear', resetToValues);
     },
+    clearValue: function clearValue(componentId) {
+      var resetToDefault = this.resetToDefault,
+          resetToValues = this.resetToValues;
+
+      if (resetToDefault) {
+        this.resetValuesToDefault(this.components.filter(function (component) {
+          return component !== componentId;
+        }));
+      } else {
+        this.setValue(componentId, (resetToValues == null ? void 0 : resetToValues[componentId]) || null);
+      }
+
+      this.$emit('clear', resetToValues == null ? void 0 : resetToValues[componentId]);
+    },
     renderValue: function renderValue(value, isArray) {
       var _this2 = this;
 
@@ -122,39 +137,41 @@ var SelectedFilters = {
 
       return value;
     },
+    renderFilterButton: function renderFilterButton(component, keyProp, handleRemove, label) {
+      var h = this.$createElement;
+      return h(Button.Button, {
+        "class": getClassName(this.$props.innerClass, 'button') || '',
+        "key": keyProp,
+        "on": _rollupPluginBabelHelpers._extends({}, {
+          click: handleRemove,
+          keypress: function keypress(event) {
+            return handleA11yAction(event, handleRemove);
+          }
+        }),
+        "attrs": {
+          "tabIndex": "0"
+        }
+      }, [h("span", [label]), h("span", ["\u2715"])]);
+    },
     renderFilters: function renderFilters() {
       var _this3 = this;
 
-      var h = this.$createElement;
       var selectedValues = this.selectedValues;
-      return Object.keys(selectedValues).filter(function (id) {
+      var filterComponents = Object.keys(selectedValues).filter(function (id) {
         return _this3.components.includes(id) && selectedValues[id].showFilter;
-      }).map(function (component, index) {
+      });
+      return filterComponents.map(function (component, index) {
         var _selectedValues$compo = selectedValues[component],
             label = _selectedValues$compo.label,
             value = _selectedValues$compo.value;
-        var isArray = Array.isArray(value);
+        var isArray = Array.isArray(value); // default behaviour
 
         if (label && (isArray && value.length || !isArray && value)) {
           var valueToRender = _this3.renderValue(value, isArray);
 
-          return h(Button.Button, {
-            "class": getClassName(_this3.$props.innerClass, 'button') || '',
-            "key": component + "-" + (index + 1),
-            "on": _rollupPluginBabelHelpers._extends({}, {
-              click: function click() {
-                return _this3.remove(component, value);
-              },
-              keypress: function keypress(event) {
-                return handleA11yAction(event, function () {
-                  return _this3.remove(component, value);
-                });
-              }
-            }),
-            "attrs": {
-              "tabIndex": "0"
-            }
-          }, [h("span", [selectedValues[component].label, ": ", valueToRender]), h("span", ["\u2715"])]);
+          return _this3.renderFilterButton(component, component + "-" + (index + 1), function () {
+            return _this3.remove(component, value);
+          }, selectedValues[component].label + ": " + valueToRender);
         }
 
         return null;