@appbaseio/reactivesearch-vue 1.25.0 → 1.26.0

package/dist/cjs/ssr-0ee35a09.js

@@ -0,0 +1,39 @@
+'use strict';
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js');
+var styled = require('@appbaseio/vue-emotion');
+var styled__default = _interopDefault(styled);
+var NoSSR = _interopDefault(require('vue-no-ssr'));
+
+var _templateObject;
+var Slider = styled__default('div')(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmargin-top: 30px;\n\tpadding: 10px;\n\n\t/* component style */\n\t.vue-slider-disabled {\n\t\topacity: 0.5;\n\t\tcursor: not-allowed;\n\t}\n\n\t/* rail style */\n\t.vue-slider-rail {\n\t\tbackground-color: #ccc;\n\t\tborder-radius: 15px;\n\t\theight: 4px;\n\t}\n\n\t/* process style */\n\t.vue-slider-process {\n\t\tbackground-color: #0b6aff;\n\t\tborder-radius: 15px;\n\t}\n\n\t/* mark style */\n\t.vue-slider-mark {\n\t\tz-index: 4;\n\t}\n\n\t.vue-slider-mark:first-child .vue-slider-mark-step,\n\t.vue-slider-mark:last-child .vue-slider-mark-step {\n\t\tdisplay: none;\n\t}\n\n\t.vue-slider-mark-step {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tborder-radius: 50%;\n\t\tbackground-color: rgba(0, 0, 0, 0.16);\n\t}\n\n\t.vue-slider-mark-label {\n\t\tfont-size: 14px;\n\t\twhite-space: nowrap;\n\t}\n\n\t/* dot style */\n\t.vue-slider-dot {\n\t\tz-index: 2;\n\t}\n\n\t.vue-slider-dot-handle {\n\t\tcursor: pointer;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tborder-radius: 50%;\n\t\tbackground-color: #fff;\n\t\tbox-sizing: border-box;\n\t\tborder: 1px solid #9a9a9a;\n\t\tz-index: 2;\n\t\tbox-shadow: 0.5px 0.5px 2px 1px rgb(0 0 0 / 32%);\n\t}\n\n\t.vue-slider-dot-handle-disabled {\n\t\tcursor: not-allowed;\n\t\tbackground-color: #ccc;\n\t}\n\n\t.vue-slider-dot-tooltip-inner {\n\t\tfont-size: 14px;\n\t\twhite-space: nowrap;\n\t\tpadding: 2px 5px;\n\t\tmin-width: 20px;\n\t\ttext-align: center;\n\t\tcolor: #fff;\n\t\tborder-radius: 5px;\n\t\tborder: 1px solid #3498db;\n\t\tbackground-color: #3498db;\n\t\tbox-sizing: content-box;\n\t}\n\n\t.vue-slider-dot-tooltip-inner::after {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-top::after {\n\t\ttop: 100%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, 0);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-top-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-bottom::after {\n\t\tbottom: 100%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, 0);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-bottom-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-left::after {\n\t\tleft: 100%;\n\t\ttop: 50%;\n\t\ttransform: translate(0, -50%);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-left-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-right::after {\n\t\tright: 100%;\n\t\ttop: 50%;\n\t\ttransform: translate(0, -50%);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-right-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-wrapper {\n\t\topacity: 0;\n\t\ttransition: all 0.3s;\n\t}\n\t.vue-slider-dot-tooltip-wrapper-show {\n\t\topacity: 1;\n\t}\n\n\t.label-container {\n\t\tmargin: 10px 0;\n\t\twidth: 100%;\n\t}\n\n\t.range-label-right {\n\t\tfloat: right;\n\t}\n"])));
+
+/**
+ * Caution: Please do not change this file without having a discussion with the Team.
+ * Any change may break the umd build, we're directly replacing the line no: 14
+ * `components['vue-slider-component'] = require('vue-slider-component');` in rollup umd build process with some script.
+ */
+// eslint-disable-next-line
+
+var getComponents = function getComponents() {
+  var components = {
+    NoSSR: NoSSR
+  };
+
+  if (process.browser) {
+    try {
+      // in older versions of nuxt, it's process.BROWSER_BUILD
+      // eslint-disable-next-line
+      components['vue-slider-component'] = require('vue-slider-component');
+    } catch (e) {
+      console.error('Unable to load vue-slider', e);
+    }
+  }
+
+  return components;
+};
+
+exports.Slider = Slider;
+exports.getComponents = getComponents;

package/dist/cjs/version.js

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "1.25.0";
+var version = "1.26.0";
 
 exports.default = version;

package/dist/cjs/{vueTypes-4c19b4c8.js → vueTypes-57d01f18.js}

@@ -99,19 +99,19 @@ var types = {
   unit: VueTypes.oneOf(['mi', 'miles', 'yd', 'yards', 'ft', 'feet', 'in', 'inch', 'km', 'kilometers', 'm', 'meters', 'cm', 'centimeters', 'mm', 'millimeters', 'NM', 'nmi', 'nauticalmiles']),
   value: VueTypes.string.def(undefined),
   analyticsConfig: VueTypes.shape({
-    searchStateHeader: VueTypes.bool,
     emptyQuery: VueTypes.bool,
     suggestionAnalytics: VueTypes.bool,
     userId: VueTypes.string,
     customEvents: VueTypes.object
   }),
   appbaseConfig: VueTypes.shape({
-    enableQueryRules: VueTypes.bool,
     recordAnalytics: VueTypes.bool,
-    searchStateHeader: VueTypes.bool,
     emptyQuery: VueTypes.bool,
     suggestionAnalytics: VueTypes.bool,
+    enableQueryRules: VueTypes.bool,
+    enableSearchRelevancy: VueTypes.bool,
     userId: VueTypes.string,
+    useCache: VueTypes.bool,
     customEvents: VueTypes.object,
     enableTelemetry: VueTypes.bool.def(true)
   }).def({}),

package/dist/es/{CancelSvg-e0cace2d.js → CancelSvg-c2c03a35.js}

@@ -63,8 +63,7 @@ var Downshift = {
       internal_isOpen: false,
       internal_inputValue: '',
       internal_selectedItem: null,
-      internal_highlightedIndex: null,
-      internal_eventsCalled: {}
+      internal_highlightedIndex: null
     };
   },
   computed: {
@@ -249,23 +248,11 @@ var Downshift = {
       }
 
       var vm = this;
-      setTimeout(function () {
-        vm.internal_eventsCalled[index] = false;
-      }, 0);
       return {
         mouseenter: function mouseenter() {
           vm.setHighlightedIndex(newIndex);
         },
-        // for browsers not supporting click event (e.g. firefox android)
-        mousedown: function mousedown(event) {
-          if (vm.internal_eventsCalled[index]) return;
-          vm.internal_eventsCalled[index] = true;
-          event.stopPropagation();
-          vm.selectItemAtIndex(newIndex);
-        },
         click: function click(event) {
-          if (vm.internal_eventsCalled[index]) return;
-          vm.internal_eventsCalled[index] = true;
           event.stopPropagation();
           vm.selectItemAtIndex(newIndex);
         }

package/dist/es/DataSearch.js

@@ -6,7 +6,7 @@ import { getQueryOptions } from '@appbaseio/reactivecore/lib/utils/helper';
 import 'emotion';
 import styled, { css, cx, injectGlobal } from '@appbaseio/vue-emotion';
 import 'polished';
-import { t as types } from './vueTypes-fb61bb7b.js';
+import { t as types } from './vueTypes-687b2304.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
 import { g as getComponent, h as hasCustomRenderer, f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, j as getQuerySuggestionsComponent, a as isFunction, k as isEmpty, p as parseFocusShortcuts, l as extractModifierKeysFromFocusShortcuts, m as hasQuerySuggestionsRenderer, c as connect } from './index-cb1950b6.js';
@@ -14,7 +14,7 @@ import { C as ComponentWrapper } from './ComponentWrapper-4f85a67e.js';
 import { T as Title } from './Title-3522ff56.js';
 import { F as Flex } from './Flex-8770345d.js';
 import hotkeys from 'hotkeys-js';
-import { I as IconWrapper, C as CancelSvg, a as IconGroup, D as Downshift, b as InputWrapper } from './CancelSvg-e0cace2d.js';
+import { I as IconWrapper, C as CancelSvg, a as IconGroup, D as Downshift, b as InputWrapper } from './CancelSvg-c2c03a35.js';
 import { n as noSuggestions, s as suggestionsContainer, I as Input, a as suggestions } from './Input-08bb1bcf.js';
 import 'compute-scroll-into-view';
 import { C as Container } from './Container-18b03fde.js';
@@ -1341,7 +1341,7 @@ var DataSearch = {
         updateDefaultQuery(props.componentId, this.setDefaultQuery, props, value);
       }
 
-      this.setQueryOptions(this.internalComponent, _extends({}, this.queryOptions, defaultQueryOptions));
+      this.setQueryOptions(this.internalComponent, _extends({}, this.queryOptions, defaultQueryOptions), false);
       this.updateQuery({
         componentId: this.internalComponent,
         query: query,
@@ -1368,7 +1368,7 @@ var DataSearch = {
 
         customQueryOptions = getOptionsFromQuery(customQueryTobeSet);
         updateCustomQuery(props.componentId, this.setCustomQuery, props, value);
-        this.setQueryOptions(componentId, _extends({}, this.queryOptions, customQueryOptions));
+        this.setQueryOptions(componentId, _extends({}, this.queryOptions, customQueryOptions), false);
       }
 
       if (!this.isPending) {

package/dist/es/{DropDown-1ee01031.js → DropDown-c8da0a2c.js}

@@ -3,9 +3,9 @@ import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPlugin
 import VueTypes from 'vue-types';
 import { css } from 'emotion';
 import styled from '@appbaseio/vue-emotion';
-import { t as types } from './vueTypes-fb61bb7b.js';
+import { t as types } from './vueTypes-687b2304.js';
 import { a as isFunction } from './index-cb1950b6.js';
-import { D as Downshift, b as InputWrapper, a as IconGroup, I as IconWrapper, C as CancelSvg } from './CancelSvg-e0cace2d.js';
+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-08bb1bcf.js';
 import { replaceDiacritics } from '@appbaseio/reactivecore/lib/utils/suggestions';
 

package/dist/es/DynamicRangeSlider.js

@@ -3,13 +3,13 @@ import { a as _extends } from './_rollupPluginBabelHelpers-0f24d612.js';
 import VueTypes from 'vue-types';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import '@appbaseio/vue-emotion';
-import { t as types } from './vueTypes-fb61bb7b.js';
+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-cb1950b6.js';
 import { T as Title } from './Title-3522ff56.js';
 import { C as Container } from './Container-18b03fde.js';
 import NoSSR from 'vue-no-ssr';
-import { g as getComponents, S as Slider } from './ssr-5d255b08.js';
+import { g as getComponents, S as Slider } from './ssr-a41dfea9.js';
 
 var addComponent = Actions.addComponent,
     removeComponent = Actions.removeComponent,
@@ -176,8 +176,9 @@ var DynamicRangeSlider = {
         aggs: aggs
       });
     },
-    handleSlider: function handleSlider(values) {
-      this.handleChange(values.currentValue);
+    handleSlider: function handleSlider() {
+      var sliderValues = this.$refs.slider.getValue();
+      this.handleChange(sliderValues);
     },
     handleChange: function handleChange(currentValue) {
       var _this2 = this;
@@ -229,7 +230,7 @@ var DynamicRangeSlider = {
           currentEnd = value[1]; // check if the slider is at its initial position
 
       var isInitialValue = currentStart === start && currentEnd === end;
-      this.setQueryOptions(this.$props.componentId, customQueryOptions);
+      this.setQueryOptions(this.$props.componentId, customQueryOptions, false);
       this.updateQuery({
         componentId: this.$props.componentId,
         query: query,
@@ -310,13 +311,15 @@ var DynamicRangeSlider = {
     }, [this.$props.title]), h(NoSSR, [h(Slider, {
       "class": getClassName(this.$props.innerClass, 'slider')
     }, [h("vue-slider-component", {
+      "ref": "slider",
       "attrs": {
         "value": [Math.max(start, this.currentValue[0]), Math.min(end, this.currentValue[1])],
         "min": Math.min(start, this.currentValue[0]),
         "max": Math.max(end, this.currentValue[1]),
         "dotSize": 20,
         "height": 4,
-        "enable-cross": false
+        "enable-cross": false,
+        "tooltip": "always"
       },
       "on": {
         "drag-end": this.handleSlider

package/dist/es/MultiDropdownList.js

@@ -6,19 +6,19 @@ import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
 import { l as loadMoreContainer, B as Button } from './Button-91561391.js';
-import { t as types } from './vueTypes-fb61bb7b.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-cb1950b6.js';
 import { C as ComponentWrapper } from './ComponentWrapper-4f85a67e.js';
 import { T as Title } from './Title-3522ff56.js';
-import './CancelSvg-e0cace2d.js';
+import './CancelSvg-c2c03a35.js';
 import './Input-08bb1bcf.js';
 import 'compute-scroll-into-view';
 import { C as Container } from './Container-18b03fde.js';
 import '@appbaseio/reactivecore/lib/utils/suggestions';
 import { g as getAggsQuery } from './utils-64a2e5f0.js';
-import { D as Dropdown } from './DropDown-1ee01031.js';
+import { D as Dropdown } from './DropDown-c8da0a2c.js';
 
 var updateQuery = Actions.updateQuery,
     setQueryOptions = Actions.setQueryOptions,
@@ -369,7 +369,7 @@ var MultiDropdownList = {
         updateDefaultQuery(props.componentId, this.setDefaultQuery, props, value);
       }
 
-      this.setQueryOptions(this.internalComponent, defaultQueryOptions);
+      this.setQueryOptions(this.internalComponent, defaultQueryOptions, false);
       this.updateQuery({
         componentId: this.internalComponent,
         query: query,
@@ -390,7 +390,7 @@ var MultiDropdownList = {
         updateCustomQuery(props.componentId, this.setCustomQuery, props, value);
       }
 
-      this.setQueryOptions(props.componentId, customQueryOptions);
+      this.setQueryOptions(props.componentId, customQueryOptions, false);
       this.updateQuery({
         componentId: props.componentId,
         query: query,

package/dist/es/MultiList.js

@@ -5,7 +5,7 @@ import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
-import { t as types } from './vueTypes-fb61bb7b.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, n as isEvent, o as parseValueArray, g as getComponent, h as hasCustomRenderer, c as connect } from './index-cb1950b6.js';
@@ -349,7 +349,7 @@ var MultiList = {
         updateDefaultQuery(props.componentId, this.setDefaultQuery, props, value);
       }
 
-      this.setQueryOptions(this.internalComponent, defaultQueryOptions);
+      this.setQueryOptions(this.internalComponent, defaultQueryOptions, false);
       this.updateQuery({
         componentId: this.internalComponent,
         query: query,
@@ -370,7 +370,7 @@ var MultiList = {
         updateCustomQuery(props.componentId, this.setCustomQuery, props, value);
       }
 
-      this.setQueryOptions(props.componentId, customQueryOptions);
+      this.setQueryOptions(props.componentId, customQueryOptions, false);
       this.updateQuery({
         componentId: props.componentId,
         query: query,

package/dist/es/MultiRange.js

@@ -5,7 +5,7 @@ import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
-import { t as types } from './vueTypes-fb61bb7b.js';
+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-cb1950b6.js';
@@ -141,7 +141,7 @@ var MultiRange = {
         updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
       }
 
-      this.setQueryOptions(props.componentId, customQueryOptions);
+      this.setQueryOptions(props.componentId, customQueryOptions, false);
       this.updateQuery({
         componentId: props.componentId,
         query: query,

package/dist/es/RangeInput.js

@@ -5,7 +5,7 @@ import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import { css } from 'emotion';
 import styled from '@appbaseio/vue-emotion';
 import 'polished';
-import { t as types } from './vueTypes-fb61bb7b.js';
+import { t as types } from './vueTypes-687b2304.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
 import { c as connect } from './index-cb1950b6.js';
@@ -15,7 +15,7 @@ import { F as Flex } from './Flex-8770345d.js';
 import { I as Input } from './Input-08bb1bcf.js';
 import { C as Container } from './Container-18b03fde.js';
 import 'vue-no-ssr';
-import './ssr-5d255b08.js';
+import './ssr-a41dfea9.js';
 import { RangeConnected as RangeConnected$1 } from './RangeSlider.js';
 
 var _templateObject, _templateObject2;
@@ -138,7 +138,7 @@ var RangeInput = {
       }
     },
     handleOnChange: function handleOnChange(value) {
-      this.handleChange(value, 'change');
+      this.handleChange(value || this.$props.range, 'change');
     },
     handleValueChange: function handleValueChange(value) {
       this.handleChange(value, 'value-change');

package/dist/es/RangeSlider.js

@@ -3,7 +3,7 @@ import { a as _extends } from './_rollupPluginBabelHelpers-0f24d612.js';
 import VueTypes from 'vue-types';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import '@appbaseio/vue-emotion';
-import { t as types } from './vueTypes-fb61bb7b.js';
+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-cb1950b6.js';
@@ -11,7 +11,7 @@ import { C as ComponentWrapper } from './ComponentWrapper-4f85a67e.js';
 import { T as Title } from './Title-3522ff56.js';
 import { C as Container } from './Container-18b03fde.js';
 import NoSSR from 'vue-no-ssr';
-import { g as getComponents, S as Slider } from './ssr-5d255b08.js';
+import { g as getComponents, S as Slider } from './ssr-a41dfea9.js';
 
 var updateQuery = Actions.updateQuery,
     setQueryOptions = Actions.setQueryOptions,
@@ -73,32 +73,28 @@ var RangeSlider = {
         });
       }
     },
-    handleSlider: function handleSlider(values) {
-      var _this = this;
-
-      clearTimeout(this.handleSliderChange._tId);
-      this.handleSliderChange._tId = setTimeout(function () {
-        _this.handleSliderChange(values);
-      }, 100);
+    handleSlider: function handleSlider() {
+      var sliderValues = this.$refs.slider.getValue();
+      this.handleSliderChange(sliderValues);
     },
     handleChange: function handleChange(currentValue, props) {
-      var _this2 = this;
+      var _this = this;
 
       if (props === void 0) {
         props = this.$props;
       }
 
       var performUpdate = function performUpdate() {
-        _this2.currentValue = currentValue;
+        _this.currentValue = currentValue;
 
-        _this2.updateQueryHandler([currentValue[0], currentValue[1]], props);
+        _this.updateQueryHandler([currentValue[0], currentValue[1]], props);
 
-        _this2.$emit('valueChange', {
+        _this.$emit('valueChange', {
           start: currentValue[0],
           end: currentValue[1]
         });
 
-        _this2.$emit('value-change', {
+        _this.$emit('value-change', {
           start: currentValue[0],
           end: currentValue[1]
         });
@@ -130,7 +126,7 @@ var RangeSlider = {
           currentEnd = value[1]; // check if the slider is at its initial position
 
       var isInitialValue = currentStart === start && currentEnd === end;
-      this.setQueryOptions(props.componentId, customQueryOptions);
+      this.setQueryOptions(props.componentId, customQueryOptions, false);
       this.updateQuery({
         componentId: props.componentId,
         query: query,
@@ -209,12 +205,13 @@ var RangeSlider = {
         "max": this.$props.range.end,
         "dotSize": 20,
         "height": 4,
-        "enable-cross": false
+        "enable-cross": false,
+        "tooltip": "always"
+      },
+      "on": {
+        "drag-end": this.handleSlider
       },
-      "props": _extends({}, this.$props.sliderOptions),
-      "on": _extends({}, {
-        input: this.handleSlider
-      })
+      "props": _extends({}, this.$props.sliderOptions)
     }), this.$props.rangeLabels && h("div", {
       "class": "label-container"
     }, [h("label", {

package/dist/es/ReactiveBase.js

@@ -4,7 +4,7 @@ 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-fb61bb7b.js';
+import { t as types } from './vueTypes-687b2304.js';
 import 'redux';
 import { c as connect, e as composeThemeObject, X as X_SEARCH_CLIENT } from './index-cb1950b6.js';
 import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';

package/dist/es/ReactiveComponent.js

@@ -2,7 +2,7 @@ import { Actions, helper } from '@appbaseio/reactivecore';
 import { a as _extends, b as _objectWithoutPropertiesLoose } from './_rollupPluginBabelHelpers-0f24d612.js';
 import VueTypes from 'vue-types';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
-import { t as types } from './vueTypes-fb61bb7b.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, c as connect } from './index-cb1950b6.js';

package/dist/es/ReactiveList.js

@@ -7,7 +7,7 @@ import { css } from 'emotion';
 import styled from '@appbaseio/vue-emotion';
 import 'polished';
 import { p as pagination, B as Button } from './Button-91561391.js';
-import { t as types } from './vueTypes-fb61bb7b.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-cb1950b6.js';

package/dist/es/ResultCard.js

@@ -3,7 +3,7 @@ import VueTypes from 'vue-types';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
-import { t as types } from './vueTypes-fb61bb7b.js';
+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';

package/dist/es/ResultList.js

@@ -3,7 +3,7 @@ import VueTypes from 'vue-types';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
-import { t as types } from './vueTypes-fb61bb7b.js';
+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';

package/dist/es/SelectedFilters.js

@@ -6,7 +6,7 @@ import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
 import { f as filters, B as Button } from './Button-91561391.js';
-import { t as types } from './vueTypes-fb61bb7b.js';
+import { t as types } from './vueTypes-687b2304.js';
 import 'redux';
 import { c as connect } from './index-cb1950b6.js';
 import { T as Title } from './Title-3522ff56.js';
@@ -25,7 +25,8 @@ var SelectedFilters = {
     innerClass: types.style,
     showClearAll: VueTypes.bool.def(true),
     title: types.title,
-    resetToDefault: VueTypes.bool.def(false)
+    resetToDefault: VueTypes.bool.def(false),
+    resetToValues: VueTypes.object
   },
   inject: {
     theme: {
@@ -78,15 +79,16 @@ var SelectedFilters = {
       this.$emit('clear', component, value);
     },
     clearValues: function clearValues() {
-      var resetToDefault = this.resetToDefault;
+      var resetToDefault = this.resetToDefault,
+          resetToValues = this.resetToValues;
 
       if (resetToDefault) {
         this.resetValuesToDefault();
       } else {
-        this.clearValuesAction();
+        this.clearValuesAction(resetToValues);
       }
 
-      this.$emit('clear', null);
+      this.$emit('clear', resetToValues);
     },
     renderValue: function renderValue(value, isArray) {
       var _this2 = this;

package/dist/es/SingleDropdownList.js

@@ -6,19 +6,19 @@ import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
 import { l as loadMoreContainer, B as Button } from './Button-91561391.js';
-import { t as types } from './vueTypes-fb61bb7b.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, g as getComponent, h as hasCustomRenderer, c as connect } from './index-cb1950b6.js';
 import { C as ComponentWrapper } from './ComponentWrapper-4f85a67e.js';
 import { T as Title } from './Title-3522ff56.js';
-import './CancelSvg-e0cace2d.js';
+import './CancelSvg-c2c03a35.js';
 import './Input-08bb1bcf.js';
 import 'compute-scroll-into-view';
 import { C as Container } from './Container-18b03fde.js';
 import '@appbaseio/reactivecore/lib/utils/suggestions';
 import { g as getAggsQuery } from './utils-64a2e5f0.js';
-import { D as Dropdown } from './DropDown-1ee01031.js';
+import { D as Dropdown } from './DropDown-c8da0a2c.js';
 
 var updateQuery = Actions.updateQuery,
     setQueryOptions = Actions.setQueryOptions,
@@ -294,7 +294,7 @@ var SingleDropdownList = {
         updateDefaultQuery(props.componentId, this.setDefaultQuery, props, value);
       }
 
-      this.setQueryOptions(this.internalComponent, defaultQueryOptions);
+      this.setQueryOptions(this.internalComponent, defaultQueryOptions, false);
       this.updateQuery({
         componentId: this.internalComponent,
         query: query,
@@ -315,7 +315,7 @@ var SingleDropdownList = {
         updateCustomQuery(props.componentId, this.setCustomQuery, props, value);
       }
 
-      this.setQueryOptions(props.componentId, customQueryOptions);
+      this.setQueryOptions(props.componentId, customQueryOptions, false);
       this.updateQuery({
         componentId: props.componentId,
         query: query,

package/dist/es/SingleList.js

@@ -5,7 +5,7 @@ import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
-import { t as types } from './vueTypes-fb61bb7b.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, g as getComponent, n as isEvent, h as hasCustomRenderer, c as connect } from './index-cb1950b6.js';
@@ -277,7 +277,7 @@ var SingleList = {
         updateDefaultQuery(props.componentId, this.setDefaultQuery, props, value);
       }
 
-      this.setQueryOptions(this.internalComponent, defaultQueryOptions);
+      this.setQueryOptions(this.internalComponent, defaultQueryOptions, false);
       this.updateQuery({
         componentId: this.internalComponent,
         query: query,
@@ -298,7 +298,7 @@ var SingleList = {
         updateCustomQuery(props.componentId, this.setCustomQuery, props, value);
       }
 
-      this.setQueryOptions(props.componentId, customQueryOptions);
+      this.setQueryOptions(props.componentId, customQueryOptions, false);
       this.updateQuery({
         componentId: props.componentId,
         query: query,

package/dist/es/SingleRange.js

@@ -5,7 +5,7 @@ import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
-import { t as types } from './vueTypes-fb61bb7b.js';
+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-cb1950b6.js';
@@ -160,7 +160,7 @@ var SingleRange = {
         updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
       }
 
-      this.setQueryOptions(props.componentId, customQueryOptions);
+      this.setQueryOptions(props.componentId, customQueryOptions, false);
       this.updateQuery({
         componentId: props.componentId,
         query: query,

package/dist/es/StateProvider.js

@@ -9,6 +9,10 @@ var getSearchState = helper.getSearchState;
 var defaultKeys = ['hits', 'value', 'aggregations', 'error'];
 
 var filterProps = function filterProps(props) {
+  if (props === void 0) {
+    props = {};
+  }
+
   return _extends({}, props, {
     props: props.componentProps
   });
@@ -28,7 +32,7 @@ var filterByComponentIds = function filterByComponentIds(state, props) {
     return _ref = {}, _ref[componentIds] = state[componentIds], _ref;
   }
 
-  if (componentIds instanceof Array) {
+  if (Array.isArray(componentIds)) {
     var filteredState = {};
     componentIds.forEach(function (componentId) {
       filteredState[componentId] = state[componentId];
@@ -67,7 +71,7 @@ var StateProvider = {
     };
     return this.__state;
   },
-  mounted: function mounted() {
+  created: function created() {
     this.searchState = filterByKeys(getSearchState(filterProps(this.searchStateProps)), this.includeKeys);
   },
   computed: {

package/dist/es/ToggleButton.js

@@ -6,7 +6,7 @@ import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
 import { B as Button, t as toggleButtons } from './Button-91561391.js';
-import { t as types } from './vueTypes-fb61bb7b.js';
+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-cb1950b6.js';
@@ -186,7 +186,7 @@ var ToggleButton = {
         var _ref = customQuery(value, props) || {};
 
         query = _ref.query;
-        this.setQueryOptions(props.componentId, getOptionsFromQuery(customQuery(value, props)));
+        this.setQueryOptions(props.componentId, getOptionsFromQuery(customQuery(value, props)), false);
         updateCustomQuery(props.componentId, this.setCustomQuery, props, value);
       }