@appbaseio/reactivesearch-vue 1.29.0 → 1.30.0

package/dist/es/DataSearch.js

@@ -1,5 +1,5 @@
 import '@appbaseio/reactivecore';
-import './_rollupPluginBabelHelpers-0f24d612.js';
+import './_rollupPluginBabelHelpers-51ce1182.js';
 import 'vue-types';
 import '@appbaseio/reactivecore/lib/utils/constants';
 import '@appbaseio/reactivecore/lib/utils/helper';
@@ -9,14 +9,14 @@ import 'polished';
 import './vueTypes-687b2304.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import './index-78920565.js';
-import './ComponentWrapper-0f3431d1.js';
-import './Title-3522ff56.js';
-import './Flex-8770345d.js';
+import './index-5371a13f.js';
+import './ComponentWrapper-dc92772a.js';
+import './Title-35edd732.js';
+import './Flex-09d40927.js';
 import 'hotkeys-js';
-export { D as default } from './DataSearch-42f547cd.js';
-import './CancelSvg-c2c03a35.js';
-import './Input-e339e63a.js';
+export { D as default } from './DataSearch-8e5d0972.js';
+import './CancelSvg-e3b33cdd.js';
+import './Input-c9d757bc.js';
 import 'compute-scroll-into-view';
-import './Container-18b03fde.js';
+import './Container-421450dc.js';
 import 'vue-highlight-words';

package/dist/es/{DropDown-ff6ad982.js → DropDown-565fad6f.js}

@@ -1,13 +1,13 @@
 import { helper } from '@appbaseio/reactivecore';
-import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-0f24d612.js';
+import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-51ce1182.js';
 import VueTypes from 'vue-types';
 import { css } from 'emotion';
 import styled from '@appbaseio/vue-emotion';
 import { t as types } from './vueTypes-687b2304.js';
-import { a as isFunction } from './index-78920565.js';
+import { a as isFunction } from './index-5371a13f.js';
 import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
-import { D as Downshift, b as InputWrapper, a as IconGroup, I as IconWrapper, C as CancelSvg } from './CancelSvg-c2c03a35.js';
-import { s as suggestionsContainer, a as suggestions, I as Input } from './Input-e339e63a.js';
+import { D as Downshift, b as InputWrapper, a as IconGroup, I as IconWrapper, C as CancelSvg } from './CancelSvg-e3b33cdd.js';
+import { s as suggestionsContainer, a as suggestions, I as Input } from './Input-c9d757bc.js';
 import { replaceDiacritics } from '@appbaseio/reactivecore/lib/utils/suggestions';
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;

package/dist/es/DynamicRangeSlider.js

@@ -1,15 +1,15 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
-import { a as _extends } from './_rollupPluginBabelHelpers-0f24d612.js';
+import { a as _extends } from './_rollupPluginBabelHelpers-51ce1182.js';
 import VueTypes from 'vue-types';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import '@appbaseio/vue-emotion';
 import { t as types } from './vueTypes-687b2304.js';
 import 'redux';
-import { f as updateCustomQuery, d as getValidPropsKeys, i as isQueryIdentical, c as connect } from './index-78920565.js';
-import { T as Title } from './Title-3522ff56.js';
-import { C as Container } from './Container-18b03fde.js';
+import { f as updateCustomQuery, d as getValidPropsKeys, i as isQueryIdentical, c as connect } from './index-5371a13f.js';
+import { T as Title } from './Title-35edd732.js';
+import { C as Container } from './Container-421450dc.js';
 import NoSSR from 'vue-no-ssr';
-import { g as getComponents, S as Slider } from './ssr-a41dfea9.js';
+import { g as getComponents, S as Slider } from './ssr-ad57b0ad.js';
 
 var addComponent = Actions.addComponent,
     removeComponent = Actions.removeComponent,

package/dist/es/{Flex-8770345d.js → Flex-09d40927.js}

@@ -1,4 +1,4 @@
-import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-0f24d612.js';
+import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-51ce1182.js';
 import { css } from 'emotion';
 import styled from '@appbaseio/vue-emotion';
 import { lighten } from 'polished';

package/dist/es/{FormControlList-704f8dee.js → FormControlList-38ffe3d3.js}

@@ -1,4 +1,4 @@
-import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-0f24d612.js';
+import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-51ce1182.js';
 import { css } from 'emotion';
 import styled from '@appbaseio/vue-emotion';
 import { lighten } from 'polished';

package/dist/es/{Input-e339e63a.js → Input-c9d757bc.js}

@@ -1,4 +1,4 @@
-import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-0f24d612.js';
+import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-51ce1182.js';
 import { css } from 'emotion';
 import styled from '@appbaseio/vue-emotion';
 

package/dist/es/{ListItem-8e8fb535.js → ListItem-41d6ddd7.js}

@@ -1,8 +1,8 @@
-import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-0f24d612.js';
+import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-51ce1182.js';
 import { css } from 'emotion';
 import styled from '@appbaseio/vue-emotion';
 import { lighten } from 'polished';
-import './Title-3522ff56.js';
+import './Title-35edd732.js';
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 var container = css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin: 0;\n\tborder-radius: 0.25rem;\n\toverflow: hidden;\n"])));

package/dist/es/MultiDropdownList.js

@@ -1,25 +1,25 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
-import { a as _extends, b as _objectWithoutPropertiesLoose, c as _toPropertyKey } from './_rollupPluginBabelHelpers-0f24d612.js';
+import { a as _extends, b as _objectWithoutPropertiesLoose, c as _toPropertyKey } from './_rollupPluginBabelHelpers-51ce1182.js';
 import VueTypes from 'vue-types';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
-import { l as loadMoreContainer, B as Button } from './Button-33de88e6.js';
+import { l as loadMoreContainer, B as Button } from './Button-e18ad90f.js';
 import { t as types } from './vueTypes-687b2304.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, o as parseValueArray, g as getComponent, h as hasCustomRenderer, c as connect } from './index-78920565.js';
-import { C as ComponentWrapper } from './ComponentWrapper-0f3431d1.js';
+import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, o as parseValueArray, g as getComponent, h as hasCustomRenderer, c as connect } from './index-5371a13f.js';
+import { C as ComponentWrapper } from './ComponentWrapper-dc92772a.js';
 import '@vue/babel-helper-vue-jsx-merge-props';
-import { T as Title } from './Title-3522ff56.js';
-import './CancelSvg-c2c03a35.js';
-import './Input-e339e63a.js';
+import { T as Title } from './Title-35edd732.js';
+import './CancelSvg-e3b33cdd.js';
+import './Input-c9d757bc.js';
 import 'compute-scroll-into-view';
-import { C as Container } from './Container-18b03fde.js';
+import { C as Container } from './Container-421450dc.js';
 import '@appbaseio/reactivecore/lib/utils/suggestions';
-import { g as getAggsQuery } from './utils-64a2e5f0.js';
-import { D as Dropdown } from './DropDown-ff6ad982.js';
+import { g as getAggsQuery } from './utils-9b45e0ab.js';
+import { D as Dropdown } from './DropDown-565fad6f.js';
 
 var updateQuery = Actions.updateQuery,
     setQueryOptions = Actions.setQueryOptions,

package/dist/es/MultiList.js

@@ -1,5 +1,5 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
-import { a as _extends, b as _objectWithoutPropertiesLoose, c as _toPropertyKey } from './_rollupPluginBabelHelpers-0f24d612.js';
+import { a as _extends, b as _objectWithoutPropertiesLoose, c as _toPropertyKey } from './_rollupPluginBabelHelpers-51ce1182.js';
 import VueTypes from 'vue-types';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import 'emotion';
@@ -8,14 +8,14 @@ import 'polished';
 import { t as types } from './vueTypes-687b2304.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, n as isEvent, o as parseValueArray, g as getComponent, h as hasCustomRenderer, c as connect } from './index-78920565.js';
-import { C as ComponentWrapper } from './ComponentWrapper-0f3431d1.js';
-import { T as Title } from './Title-3522ff56.js';
-import { I as Input } from './Input-e339e63a.js';
-import { C as Container } from './Container-18b03fde.js';
+import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, n as isEvent, o as parseValueArray, g as getComponent, h as hasCustomRenderer, c as connect } from './index-5371a13f.js';
+import { C as ComponentWrapper } from './ComponentWrapper-dc92772a.js';
+import { T as Title } from './Title-35edd732.js';
+import { I as Input } from './Input-c9d757bc.js';
+import { C as Container } from './Container-421450dc.js';
 import { replaceDiacritics } from '@appbaseio/reactivecore/lib/utils/suggestions';
-import { U as UL, C as Checkbox } from './FormControlList-704f8dee.js';
-import { g as getAggsQuery } from './utils-64a2e5f0.js';
+import { U as UL, C as Checkbox } from './FormControlList-38ffe3d3.js';
+import { g as getAggsQuery } from './utils-9b45e0ab.js';
 
 var updateQuery = Actions.updateQuery,
     setQueryOptions = Actions.setQueryOptions,

package/dist/es/MultiRange.js

@@ -1,5 +1,5 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
-import { a as _extends, b as _objectWithoutPropertiesLoose, c as _toPropertyKey } from './_rollupPluginBabelHelpers-0f24d612.js';
+import { a as _extends, b as _objectWithoutPropertiesLoose, c as _toPropertyKey } from './_rollupPluginBabelHelpers-51ce1182.js';
 import VueTypes from 'vue-types';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import 'emotion';
@@ -8,11 +8,11 @@ import 'polished';
 import { t as types } from './vueTypes-687b2304.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { o as parseValueArray, f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-78920565.js';
-import { C as ComponentWrapper } from './ComponentWrapper-0f3431d1.js';
-import { T as Title } from './Title-3522ff56.js';
-import { C as Container } from './Container-18b03fde.js';
-import { U as UL, C as Checkbox } from './FormControlList-704f8dee.js';
+import { o as parseValueArray, f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-5371a13f.js';
+import { C as ComponentWrapper } from './ComponentWrapper-dc92772a.js';
+import { T as Title } from './Title-35edd732.js';
+import { C as Container } from './Container-421450dc.js';
+import { U as UL, C as Checkbox } from './FormControlList-38ffe3d3.js';
 
 var updateQuery = Actions.updateQuery,
     setQueryOptions = Actions.setQueryOptions,

package/dist/es/RangeInput.js

@@ -1,5 +1,5 @@
 import { helper } from '@appbaseio/reactivecore';
-import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-0f24d612.js';
+import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-51ce1182.js';
 import VueTypes from 'vue-types';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import { css } from 'emotion';
@@ -8,14 +8,14 @@ import 'polished';
 import { t as types } from './vueTypes-687b2304.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { c as connect } from './index-78920565.js';
-import { C as ComponentWrapper } from './ComponentWrapper-0f3431d1.js';
-import './Title-3522ff56.js';
-import { F as Flex } from './Flex-8770345d.js';
-import { I as Input } from './Input-e339e63a.js';
-import { C as Container } from './Container-18b03fde.js';
+import { c as connect } from './index-5371a13f.js';
+import { C as ComponentWrapper } from './ComponentWrapper-dc92772a.js';
+import './Title-35edd732.js';
+import { F as Flex } from './Flex-09d40927.js';
+import { I as Input } from './Input-c9d757bc.js';
+import { C as Container } from './Container-421450dc.js';
 import 'vue-no-ssr';
-import './ssr-a41dfea9.js';
+import './ssr-ad57b0ad.js';
 import { RangeConnected as RangeConnected$1 } from './RangeSlider.js';
 
 var _templateObject, _templateObject2;

package/dist/es/RangeSlider.js

@@ -1,17 +1,17 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
-import { a as _extends } from './_rollupPluginBabelHelpers-0f24d612.js';
+import { a as _extends } from './_rollupPluginBabelHelpers-51ce1182.js';
 import VueTypes from 'vue-types';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import '@appbaseio/vue-emotion';
 import { t as types } from './vueTypes-687b2304.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-78920565.js';
-import { C as ComponentWrapper } from './ComponentWrapper-0f3431d1.js';
-import { T as Title } from './Title-3522ff56.js';
-import { C as Container } from './Container-18b03fde.js';
+import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-5371a13f.js';
+import { C as ComponentWrapper } from './ComponentWrapper-dc92772a.js';
+import { T as Title } from './Title-35edd732.js';
+import { C as Container } from './Container-421450dc.js';
 import NoSSR from 'vue-no-ssr';
-import { g as getComponents, S as Slider } from './ssr-a41dfea9.js';
+import { g as getComponents, S as Slider } from './ssr-ad57b0ad.js';
 
 var updateQuery = Actions.updateQuery,
     setQueryOptions = Actions.setQueryOptions,

package/dist/es/ReactiveBase.js

@@ -1,12 +1,12 @@
 import configureStore, { Actions, helper } from '@appbaseio/reactivecore';
-import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-0f24d612.js';
+import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-51ce1182.js';
 import VueTypes from 'vue-types';
 import '@appbaseio/reactivecore/lib/utils/constants';
 import { isEqual as isEqual$1 } from '@appbaseio/reactivecore/lib/utils/helper';
 import styled from '@appbaseio/vue-emotion';
 import { t as types } from './vueTypes-687b2304.js';
 import 'redux';
-import { c as connect, e as composeThemeObject, X as X_SEARCH_CLIENT } from './index-78920565.js';
+import { c as connect, e as composeThemeObject, X as X_SEARCH_CLIENT } from './index-5371a13f.js';
 import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
 import { updateAnalyticsConfig } from '@appbaseio/reactivecore/lib/actions/analytics';
 import Appbase from 'appbase-js';
@@ -92,7 +92,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) {
@@ -107,7 +107,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);
@@ -125,39 +125,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
 
@@ -166,15 +172,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();
         }
       }
@@ -237,20 +248,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/es/ReactiveComponent.js

@@ -1,12 +1,12 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
-import { a as _extends, b as _objectWithoutPropertiesLoose } from './_rollupPluginBabelHelpers-0f24d612.js';
+import { a as _extends, b as _objectWithoutPropertiesLoose } from './_rollupPluginBabelHelpers-51ce1182.js';
 import VueTypes from 'vue-types';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import { t as types } from './vueTypes-687b2304.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, c as connect } from './index-78920565.js';
-import { C as ComponentWrapper } from './ComponentWrapper-0f3431d1.js';
+import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, c as connect } from './index-5371a13f.js';
+import { C as ComponentWrapper } from './ComponentWrapper-dc92772a.js';
 
 var _excluded = ["options"];
 var updateQuery = Actions.updateQuery,

package/dist/es/ReactiveList.js

@@ -1,22 +1,22 @@
 import { helper, Actions } from '@appbaseio/reactivecore';
-import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-0f24d612.js';
+import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-51ce1182.js';
 import VueTypes from 'vue-types';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import { withClickIds } from '@appbaseio/reactivecore/lib/utils/helper';
 import { css } from 'emotion';
 import styled from '@appbaseio/vue-emotion';
 import 'polished';
-import { p as pagination, B as Button } from './Button-33de88e6.js';
+import { p as pagination, B as Button } from './Button-e18ad90f.js';
 import { t as types } from './vueTypes-687b2304.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { c as connect, h as hasCustomRenderer, i as isQueryIdentical, u as updateDefaultQuery, a as isFunction, g as getComponent } from './index-78920565.js';
-import { C as ComponentWrapper } from './ComponentWrapper-0f3431d1.js';
+import { c as connect, h as hasCustomRenderer, i as isQueryIdentical, u as updateDefaultQuery, a as isFunction, g as getComponent } from './index-5371a13f.js';
+import { C as ComponentWrapper } from './ComponentWrapper-dc92772a.js';
 import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
-import './Title-3522ff56.js';
-import { c as container } from './ListItem-8e8fb535.js';
-import { c as container$1 } from './Card-6446f1b7.js';
-import { F as Flex } from './Flex-8770345d.js';
+import './Title-35edd732.js';
+import { c as container } from './ListItem-41d6ddd7.js';
+import { c as container$1 } from './Card-ad6ba09f.js';
+import { F as Flex } from './Flex-09d40927.js';
 
 var getClassName = helper.getClassName,
     handleA11yAction = helper.handleA11yAction;
@@ -849,6 +849,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/es/ResultCard.js

@@ -1,12 +1,12 @@
-import { b as _objectWithoutPropertiesLoose } from './_rollupPluginBabelHelpers-0f24d612.js';
+import { b as _objectWithoutPropertiesLoose } from './_rollupPluginBabelHelpers-51ce1182.js';
 import VueTypes from 'vue-types';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
 import { t as types } from './vueTypes-687b2304.js';
 import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
-import { T as Title } from './Title-3522ff56.js';
-import { I as Image, C as Card } from './Card-6446f1b7.js';
+import { T as Title } from './Title-35edd732.js';
+import { I as Image, C as Card } from './Card-ad6ba09f.js';
 
 var ResultCardTitle = {
   name: 'ResultCardTitle',

package/dist/es/ResultList.js

@@ -1,12 +1,12 @@
-import { b as _objectWithoutPropertiesLoose } from './_rollupPluginBabelHelpers-0f24d612.js';
+import { b as _objectWithoutPropertiesLoose } from './_rollupPluginBabelHelpers-51ce1182.js';
 import VueTypes from 'vue-types';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
 import { t as types } from './vueTypes-687b2304.js';
 import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
-import { T as Title } from './Title-3522ff56.js';
-import { I as Image, L as ListItem } from './ListItem-8e8fb535.js';
+import { T as Title } from './Title-35edd732.js';
+import { I as Image, L as ListItem } from './ListItem-41d6ddd7.js';
 
 var ResultListContent = {
   name: 'ResultListContent',

package/dist/es/SelectedFilters.js

@@ -1,16 +1,16 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
-import { a as _extends } from './_rollupPluginBabelHelpers-0f24d612.js';
+import { a as _extends } from './_rollupPluginBabelHelpers-51ce1182.js';
 import VueTypes from 'vue-types';
 import '@appbaseio/reactivecore/lib/utils/constants';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
-import { f as filters, B as Button } from './Button-33de88e6.js';
+import { f as filters, B as Button } from './Button-e18ad90f.js';
 import { t as types } from './vueTypes-687b2304.js';
 import 'redux';
-import { c as connect } from './index-78920565.js';
-import { T as Title } from './Title-3522ff56.js';
-import { C as Container } from './Container-18b03fde.js';
+import { c as connect } from './index-5371a13f.js';
+import { T as Title } from './Title-35edd732.js';
+import { C as Container } from './Container-421450dc.js';
 
 var setValue = Actions.setValue,
     clearValues = Actions.clearValues,
@@ -44,6 +44,7 @@ var SelectedFilters = {
         components: this.components,
         selectedValues: this.selectedValues,
         clearValues: this.clearValues,
+        clearValue: this.clearValue,
         setValue: this.setValue,
         resetValuesToDefault: this.resetValuesToDefault
       });
@@ -55,7 +56,7 @@ var SelectedFilters = {
       "class": filters(this.theme) + " " + (this.$props.className || '')
     }, [this.$props.title && hasValues && h(Title, {
       "class": getClassName(this.$props.innerClass, 'title') || ''
-    }, [this.$props.title]), filtersToRender, this.$props.showClearAll && hasValues ? h(Button, {
+    }, [this.$props.title]), filtersToRender, this.$props.showClearAll && hasValues && filtersToRender.length > 1 ? h(Button, {
       "class": getClassName(this.$props.innerClass, 'button') || '',
       "on": _extends({}, {
         click: this.clearValues,
@@ -92,6 +93,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;
 
@@ -115,39 +130,41 @@ var SelectedFilters = {
 
       return value;
     },
+    renderFilterButton: function renderFilterButton(component, keyProp, handleRemove, label) {
+      var h = this.$createElement;
+      return h(Button, {
+        "class": getClassName(this.$props.innerClass, 'button') || '',
+        "key": keyProp,
+        "on": _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, {
-            "class": getClassName(_this3.$props.innerClass, 'button') || '',
-            "key": component + "-" + (index + 1),
-            "on": _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;