@appbaseio/reactivesearch-vue 1.16.0-alpha.56 → 1.16.0-alpha.59

package/dist/es/DynamicRangeSlider.js

@@ -1,15 +1,15 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
-import { a as _extends } from './_rollupPluginBabelHelpers-ecf6c03c.js';
+import { a as _extends } from './_rollupPluginBabelHelpers-76660dab.js';
 import VueTypes from 'vue-types';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import '@appbaseio/vue-emotion';
 import { t as types } from './vueTypes-9326e0be.js';
 import 'redux';
-import { f as updateCustomQuery, d as getValidPropsKeys, i as isQueryIdentical, c as connect } from './index-5daa8276.js';
-import { T as Title } from './Title-579f8d6c.js';
-import { C as Container } from './Container-4383c6f0.js';
+import { f as updateCustomQuery, d as getValidPropsKeys, i as isQueryIdentical, c as connect } from './index-3d98f51b.js';
+import { T as Title } from './Title-3342664a.js';
+import { C as Container } from './Container-ba826e96.js';
 import NoSSR from 'vue-no-ssr';
-import { g as getComponents, S as Slider } from './ssr-e3196de1.js';
+import { g as getComponents, S as Slider } from './ssr-b2c0b401.js';
 
 var addComponent = Actions.addComponent,
     removeComponent = Actions.removeComponent,

package/dist/es/{Flex-aac91505.js → Flex-1f0795c3.js}

@@ -1,4 +1,4 @@
-import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-ecf6c03c.js';
+import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-76660dab.js';
 import { css } from 'emotion';
 import styled from '@appbaseio/vue-emotion';
 import { lighten } from 'polished';

package/dist/es/{FormControlList-fe389a2e.js → FormControlList-c22d64f6.js}

@@ -1,4 +1,4 @@
-import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-ecf6c03c.js';
+import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-76660dab.js';
 import { css } from 'emotion';
 import styled from '@appbaseio/vue-emotion';
 import { lighten } from 'polished';

package/dist/es/{Input-d1bb4868.js → Input-7a2a9fac.js}

@@ -1,4 +1,4 @@
-import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-ecf6c03c.js';
+import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-76660dab.js';
 import { css } from 'emotion';
 import styled from '@appbaseio/vue-emotion';
 

package/dist/es/{ListItem-bdb6d53d.js → ListItem-cad14c5e.js}

@@ -1,8 +1,8 @@
-import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-ecf6c03c.js';
+import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-76660dab.js';
 import { css } from 'emotion';
 import styled from '@appbaseio/vue-emotion';
 import { lighten } from 'polished';
-import './Title-579f8d6c.js';
+import './Title-3342664a.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-ecf6c03c.js';
+import { a as _extends, b as _objectWithoutPropertiesLoose, c as _toPropertyKey } from './_rollupPluginBabelHelpers-76660dab.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-8b211174.js';
+import { l as loadMoreContainer, B as Button } from './Button-d8bc15ea.js';
 import { t as types } from './vueTypes-9326e0be.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-5daa8276.js';
-import { C as ComponentWrapper } from './ComponentWrapper-bbb717bc.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-3d98f51b.js';
+import { C as ComponentWrapper } from './ComponentWrapper-6ad0997b.js';
 import '@vue/babel-helper-vue-jsx-merge-props';
-import { T as Title } from './Title-579f8d6c.js';
-import './CancelSvg-4d9e0857.js';
-import './Input-d1bb4868.js';
+import { T as Title } from './Title-3342664a.js';
+import './CancelSvg-4cfae5fd.js';
+import './Input-7a2a9fac.js';
 import 'compute-scroll-into-view';
-import { C as Container } from './Container-4383c6f0.js';
+import { C as Container } from './Container-ba826e96.js';
 import '@appbaseio/reactivecore/lib/utils/suggestions';
-import { g as getAggsQuery } from './utils-3a32e13f.js';
-import { D as Dropdown } from './DropDown-7639f223.js';
+import { g as getAggsQuery } from './utils-9e68acee.js';
+import { D as Dropdown } from './DropDown-2ddad7ae.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-ecf6c03c.js';
+import { a as _extends, b as _objectWithoutPropertiesLoose, c as _toPropertyKey } from './_rollupPluginBabelHelpers-76660dab.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-9326e0be.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-5daa8276.js';
-import { C as ComponentWrapper } from './ComponentWrapper-bbb717bc.js';
-import { T as Title } from './Title-579f8d6c.js';
-import { I as Input } from './Input-d1bb4868.js';
-import { C as Container } from './Container-4383c6f0.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-3d98f51b.js';
+import { C as ComponentWrapper } from './ComponentWrapper-6ad0997b.js';
+import { T as Title } from './Title-3342664a.js';
+import { I as Input } from './Input-7a2a9fac.js';
+import { C as Container } from './Container-ba826e96.js';
 import { replaceDiacritics } from '@appbaseio/reactivecore/lib/utils/suggestions';
-import { U as UL, C as Checkbox } from './FormControlList-fe389a2e.js';
-import { g as getAggsQuery } from './utils-3a32e13f.js';
+import { U as UL, C as Checkbox } from './FormControlList-c22d64f6.js';
+import { g as getAggsQuery } from './utils-9e68acee.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-ecf6c03c.js';
+import { a as _extends, b as _objectWithoutPropertiesLoose, c as _toPropertyKey } from './_rollupPluginBabelHelpers-76660dab.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-9326e0be.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { o as parseValueArray, f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-5daa8276.js';
-import { C as ComponentWrapper } from './ComponentWrapper-bbb717bc.js';
-import { T as Title } from './Title-579f8d6c.js';
-import { C as Container } from './Container-4383c6f0.js';
-import { U as UL, C as Checkbox } from './FormControlList-fe389a2e.js';
+import { o as parseValueArray, f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-3d98f51b.js';
+import { C as ComponentWrapper } from './ComponentWrapper-6ad0997b.js';
+import { T as Title } from './Title-3342664a.js';
+import { C as Container } from './Container-ba826e96.js';
+import { U as UL, C as Checkbox } from './FormControlList-c22d64f6.js';
 
 var updateQuery = Actions.updateQuery,
     setQueryOptions = Actions.setQueryOptions,

package/dist/es/{Pagination-3c50d4ba.js → Pagination-491c44ee.js}

@@ -1,6 +1,6 @@
 import { helper } from '@appbaseio/reactivecore';
 import VueTypes from 'vue-types';
-import { p as pagination, B as Button } from './Button-8b211174.js';
+import { p as pagination, B as Button } from './Button-d8bc15ea.js';
 import { t as types } from './vueTypes-9326e0be.js';
 
 var getClassName = helper.getClassName,

package/dist/es/RangeInput.js

@@ -1,5 +1,5 @@
 import { helper } from '@appbaseio/reactivecore';
-import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-ecf6c03c.js';
+import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-76660dab.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-9326e0be.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { c as connect } from './index-5daa8276.js';
-import { C as ComponentWrapper } from './ComponentWrapper-bbb717bc.js';
-import './Title-579f8d6c.js';
-import { F as Flex } from './Flex-aac91505.js';
-import { I as Input } from './Input-d1bb4868.js';
-import { C as Container } from './Container-4383c6f0.js';
+import { c as connect } from './index-3d98f51b.js';
+import { C as ComponentWrapper } from './ComponentWrapper-6ad0997b.js';
+import './Title-3342664a.js';
+import { F as Flex } from './Flex-1f0795c3.js';
+import { I as Input } from './Input-7a2a9fac.js';
+import { C as Container } from './Container-ba826e96.js';
 import 'vue-no-ssr';
-import './ssr-e3196de1.js';
+import './ssr-b2c0b401.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-ecf6c03c.js';
+import { a as _extends } from './_rollupPluginBabelHelpers-76660dab.js';
 import VueTypes from 'vue-types';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import '@appbaseio/vue-emotion';
 import { t as types } from './vueTypes-9326e0be.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-5daa8276.js';
-import { C as ComponentWrapper } from './ComponentWrapper-bbb717bc.js';
-import { T as Title } from './Title-579f8d6c.js';
-import { C as Container } from './Container-4383c6f0.js';
+import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-3d98f51b.js';
+import { C as ComponentWrapper } from './ComponentWrapper-6ad0997b.js';
+import { T as Title } from './Title-3342664a.js';
+import { C as Container } from './Container-ba826e96.js';
 import NoSSR from 'vue-no-ssr';
-import { g as getComponents, S as Slider } from './ssr-e3196de1.js';
+import { g as getComponents, S as Slider } from './ssr-b2c0b401.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-ecf6c03c.js';
+import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-76660dab.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-9326e0be.js';
 import 'redux';
-import { c as connect, e as composeThemeObject, X as X_SEARCH_CLIENT } from './index-5daa8276.js';
+import { c as connect, e as composeThemeObject, X as X_SEARCH_CLIENT } from './index-3d98f51b.js';
 import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
 import { updateAnalyticsConfig } from '@appbaseio/reactivecore/lib/actions/analytics';
 import Appbase from 'appbase-js';

package/dist/es/ReactiveComponent.js

@@ -1,12 +1,12 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
-import { a as _extends, b as _objectWithoutPropertiesLoose } from './_rollupPluginBabelHelpers-ecf6c03c.js';
+import { a as _extends, b as _objectWithoutPropertiesLoose } from './_rollupPluginBabelHelpers-76660dab.js';
 import VueTypes from 'vue-types';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import { t as types } from './vueTypes-9326e0be.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, c as connect } from './index-5daa8276.js';
-import { C as ComponentWrapper } from './ComponentWrapper-bbb717bc.js';
+import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, c as connect } from './index-3d98f51b.js';
+import { C as ComponentWrapper } from './ComponentWrapper-6ad0997b.js';
 
 var _excluded = ["options"];
 var updateQuery = Actions.updateQuery,

package/dist/es/ReactiveGoogleMap.js

@@ -1,19 +1,19 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
-import { a as _extends, d as _inheritsLoose, _ as _taggedTemplateLiteralLoose, b as _objectWithoutPropertiesLoose, c as _toPropertyKey } from './_rollupPluginBabelHelpers-ecf6c03c.js';
+import { a as _extends, d as _inheritsLoose, _ as _taggedTemplateLiteralLoose, b as _objectWithoutPropertiesLoose, c as _toPropertyKey } from './_rollupPluginBabelHelpers-76660dab.js';
 import VueTypes from 'vue-types';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import 'emotion';
 import styled, { css } from '@appbaseio/vue-emotion';
 import 'polished';
-import './Button-8b211174.js';
+import './Button-d8bc15ea.js';
 import { t as types } from './vueTypes-9326e0be.js';
-import { P as Pagination } from './Pagination-3c50d4ba.js';
+import { P as Pagination } from './Pagination-491c44ee.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { h as hasCustomRenderer, i as isQueryIdentical, g as getComponent, a as isFunction, c as connect } from './index-5daa8276.js';
-import { C as ComponentWrapper } from './ComponentWrapper-bbb717bc.js';
+import { h as hasCustomRenderer, i as isQueryIdentical, g as getComponent, a as isFunction, c as connect } from './index-3d98f51b.js';
+import { C as ComponentWrapper } from './ComponentWrapper-6ad0997b.js';
 import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
-import { C as Checkbox } from './FormControlList-fe389a2e.js';
+import { C as Checkbox } from './FormControlList-c22d64f6.js';
 import GmapVue, { components } from 'gmap-vue';
 import geohash from 'ngeohash';
 
@@ -1481,15 +1481,6 @@ var GoogleMapMarkers = {
     setOpenMarkers: function setOpenMarkers(openMarkers) {
       this.openMarkers = openMarkers;
     },
-    getClusterMarkers: function getClusterMarkers() {
-      if (this.clickedCluster && Array.isArray(this.clickedCluster.getMarkers())) {
-        return this.clickedCluster.getMarkers().map(function (marker) {
-          return marker.metaData;
-        });
-      }
-
-      return [];
-    },
     getAdditionalProps: function getAdditionalProps() {
       return {
         position: {
@@ -1533,8 +1524,11 @@ var GoogleMapMarkers = {
         "props": _extends({}, this.clusterProps),
         "on": {
           "click": function click(cluster) {
+            var markers = cluster.markers.map(function (i) {
+              return i.metaData;
+            });
             _this.clickedCluster = cluster;
-            _this.clusterMarkers = _this.getClusterMarkers();
+            _this.clusterMarkers = markers;
 
             _this.$emit('open-cluster-popover', _this.clusterMarkers);
           }

package/dist/es/ReactiveList.js

@@ -1,23 +1,23 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
-import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-ecf6c03c.js';
+import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-76660dab.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 './Button-8b211174.js';
+import './Button-d8bc15ea.js';
 import { t as types } from './vueTypes-9326e0be.js';
-import { P as Pagination } from './Pagination-3c50d4ba.js';
+import { P as Pagination } from './Pagination-491c44ee.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-5daa8276.js';
-import { C as ComponentWrapper } from './ComponentWrapper-bbb717bc.js';
+import { c as connect, h as hasCustomRenderer, i as isQueryIdentical, u as updateDefaultQuery, a as isFunction, g as getComponent } from './index-3d98f51b.js';
+import { C as ComponentWrapper } from './ComponentWrapper-6ad0997b.js';
 import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
-import './Title-579f8d6c.js';
-import { c as container } from './ListItem-bdb6d53d.js';
-import { c as container$1 } from './Card-04b3c33e.js';
-import { F as Flex } from './Flex-aac91505.js';
+import './Title-3342664a.js';
+import { c as container } from './ListItem-cad14c5e.js';
+import { c as container$1 } from './Card-450683f1.js';
+import { F as Flex } from './Flex-1f0795c3.js';
 
 var _templateObject;
 var PoweredByImage = styled('img')(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n\twidth: 110px;\n"])));

package/dist/es/ResultCard.js

@@ -1,12 +1,12 @@
-import { b as _objectWithoutPropertiesLoose } from './_rollupPluginBabelHelpers-ecf6c03c.js';
+import { b as _objectWithoutPropertiesLoose } from './_rollupPluginBabelHelpers-76660dab.js';
 import VueTypes from 'vue-types';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
 import { t as types } from './vueTypes-9326e0be.js';
 import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
-import { T as Title } from './Title-579f8d6c.js';
-import { I as Image, C as Card } from './Card-04b3c33e.js';
+import { T as Title } from './Title-3342664a.js';
+import { I as Image, C as Card } from './Card-450683f1.js';
 
 var ResultCardTitle = {
   name: 'ResultCardTitle',

package/dist/es/ResultList.js

@@ -1,12 +1,12 @@
-import { b as _objectWithoutPropertiesLoose } from './_rollupPluginBabelHelpers-ecf6c03c.js';
+import { b as _objectWithoutPropertiesLoose } from './_rollupPluginBabelHelpers-76660dab.js';
 import VueTypes from 'vue-types';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
 import { t as types } from './vueTypes-9326e0be.js';
 import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
-import { T as Title } from './Title-579f8d6c.js';
-import { I as Image, L as ListItem } from './ListItem-bdb6d53d.js';
+import { T as Title } from './Title-3342664a.js';
+import { I as Image, L as ListItem } from './ListItem-cad14c5e.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-ecf6c03c.js';
+import { a as _extends } from './_rollupPluginBabelHelpers-76660dab.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-8b211174.js';
+import { f as filters, B as Button } from './Button-d8bc15ea.js';
 import { t as types } from './vueTypes-9326e0be.js';
 import 'redux';
-import { c as connect } from './index-5daa8276.js';
-import { T as Title } from './Title-579f8d6c.js';
-import { C as Container } from './Container-4383c6f0.js';
+import { c as connect } from './index-3d98f51b.js';
+import { T as Title } from './Title-3342664a.js';
+import { C as Container } from './Container-ba826e96.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;

package/dist/es/SingleDropdownList.js

@@ -1,25 +1,25 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
-import { a as _extends } from './_rollupPluginBabelHelpers-ecf6c03c.js';
+import { a as _extends } from './_rollupPluginBabelHelpers-76660dab.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-8b211174.js';
+import { l as loadMoreContainer, B as Button } from './Button-d8bc15ea.js';
 import { t as types } from './vueTypes-9326e0be.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, g as getComponent, h as hasCustomRenderer, c as connect } from './index-5daa8276.js';
-import { C as ComponentWrapper } from './ComponentWrapper-bbb717bc.js';
+import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, g as getComponent, h as hasCustomRenderer, c as connect } from './index-3d98f51b.js';
+import { C as ComponentWrapper } from './ComponentWrapper-6ad0997b.js';
 import '@vue/babel-helper-vue-jsx-merge-props';
-import { T as Title } from './Title-579f8d6c.js';
-import './CancelSvg-4d9e0857.js';
-import './Input-d1bb4868.js';
+import { T as Title } from './Title-3342664a.js';
+import './CancelSvg-4cfae5fd.js';
+import './Input-7a2a9fac.js';
 import 'compute-scroll-into-view';
-import { C as Container } from './Container-4383c6f0.js';
+import { C as Container } from './Container-ba826e96.js';
 import '@appbaseio/reactivecore/lib/utils/suggestions';
-import { g as getAggsQuery } from './utils-3a32e13f.js';
-import { D as Dropdown } from './DropDown-7639f223.js';
+import { g as getAggsQuery } from './utils-9e68acee.js';
+import { D as Dropdown } from './DropDown-2ddad7ae.js';
 
 var updateQuery = Actions.updateQuery,
     setQueryOptions = Actions.setQueryOptions,

package/dist/es/SingleList.js

@@ -1,5 +1,5 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
-import { a as _extends } from './_rollupPluginBabelHelpers-ecf6c03c.js';
+import { a as _extends } from './_rollupPluginBabelHelpers-76660dab.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-9326e0be.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, g as getComponent, n as isEvent, h as hasCustomRenderer, c as connect } from './index-5daa8276.js';
-import { C as ComponentWrapper } from './ComponentWrapper-bbb717bc.js';
-import { T as Title } from './Title-579f8d6c.js';
-import { I as Input } from './Input-d1bb4868.js';
-import { C as Container } from './Container-4383c6f0.js';
+import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, g as getComponent, n as isEvent, h as hasCustomRenderer, c as connect } from './index-3d98f51b.js';
+import { C as ComponentWrapper } from './ComponentWrapper-6ad0997b.js';
+import { T as Title } from './Title-3342664a.js';
+import { I as Input } from './Input-7a2a9fac.js';
+import { C as Container } from './Container-ba826e96.js';
 import { replaceDiacritics } from '@appbaseio/reactivecore/lib/utils/suggestions';
-import { U as UL, R as Radio } from './FormControlList-fe389a2e.js';
-import { g as getAggsQuery } from './utils-3a32e13f.js';
+import { U as UL, R as Radio } from './FormControlList-c22d64f6.js';
+import { g as getAggsQuery } from './utils-9e68acee.js';
 
 var updateQuery = Actions.updateQuery,
     setQueryOptions = Actions.setQueryOptions,

package/dist/es/SingleRange.js

@@ -1,5 +1,5 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
-import './_rollupPluginBabelHelpers-ecf6c03c.js';
+import './_rollupPluginBabelHelpers-76660dab.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-9326e0be.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-5daa8276.js';
-import { C as ComponentWrapper } from './ComponentWrapper-bbb717bc.js';
-import { T as Title } from './Title-579f8d6c.js';
-import { C as Container } from './Container-4383c6f0.js';
-import { U as UL, R as Radio } from './FormControlList-fe389a2e.js';
+import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-3d98f51b.js';
+import { C as ComponentWrapper } from './ComponentWrapper-6ad0997b.js';
+import { T as Title } from './Title-3342664a.js';
+import { C as Container } from './Container-ba826e96.js';
+import { U as UL, R as Radio } from './FormControlList-c22d64f6.js';
 
 var updateQuery = Actions.updateQuery,
     setQueryOptions = Actions.setQueryOptions,
@@ -133,7 +133,7 @@ var SingleRange = {
         props = this.$props;
       }
 
-      var currentValue = SingleRange.parseValue(value, props);
+      var currentValue = typeof value === 'string' ? SingleRange.parseValue(value, props) : value;
 
       var performUpdate = function performUpdate() {
         _this2.currentValue = currentValue;