@appbaseio/reactivesearch-vue 1.33.4 → 1.33.6

package/dist/@appbaseio/reactivesearch-vue.umd.js

@@ -6386,7 +6386,8 @@
 	        searchboxId: props.searchboxId
 	      } : {}) : {}, {
 	        calendarInterval: props.calendarInterval,
-	        endpoint: endpoint
+	        endpoint: endpoint,
+	        range: props.range
 	      });
 	    }
 	    return null;
@@ -6417,6 +6418,7 @@
 	    var aggregations = componentProps.aggregations;
 	    var pagination = void 0;
 	    var from = componentProps.from;
+	    var range = void 0;
 	    if (queryType === constants$1.queryTypes.term) {
 	      if (componentProps.showLoadMore && hasPaginationSupport(componentProps.componentType)) {
 	        pagination = true;
@@ -6487,6 +6489,36 @@
 	            };
 	          }
 	        }
+	        var rangeValue = void 0;
+	        if (componentProps.componentType === constants$1.componentTypes.dynamicRangeSlider) {
+	          rangeValue = store.aggregations[component + '__range__internal'];
+	          if (componentProps.nestedField) {
+	            rangeValue = rangeValue && store.aggregations[component + '__range__internal'][componentProps.nestedField].min ? {
+	              start: store.aggregations[component + '__range__internal'][componentProps.nestedField].min.value,
+	              end: store.aggregations[component + '__range__internal'][componentProps.nestedField].max.value
+	            } : null;
+	          } else {
+	            rangeValue = rangeValue && store.aggregations[component + '__range__internal'].min ? {
+	              start: store.aggregations[component + '__range__internal'].min.value,
+	              end: store.aggregations[component + '__range__internal'].max.value
+	            } : null;
+	          }
+	        } else {
+	          rangeValue = componentProps.range;
+	        }
+	        if (rangeValue) {
+	          if ((0, helper.isValidDateRangeQueryFormat)(componentProps.queryFormat)) {
+	            range = {
+	              start: (0, helper.formatDate)(new _xdate2["default"](rangeValue.start), componentProps),
+	              end: (0, helper.formatDate)(new _xdate2["default"](rangeValue.end), componentProps)
+	            };
+	          } else {
+	            range = {
+	              start: parseFloat(rangeValue.start),
+	              end: parseFloat(rangeValue.end)
+	            };
+	          }
+	        }
 	      }
 	      if (dateRangeComponents.includes(componentProps.componentType)) {
 	        if (value) {
@@ -6625,7 +6657,8 @@
 	      categoryValue: store.internalValues[component] ? store.internalValues[component].category : undefined,
 	      value: queryValue,
 	      pagination: pagination,
-	      from: from
+	      from: from,
+	      range: range
 	    }, customOptions);
 	  };
 	  function flatReactProp(reactProp, componentID) {
@@ -8925,10 +8958,10 @@
 	      timestamp: timestamp
 	    };
 	  }
-	  function addComponent(component) {
+	  function addComponent(component, timestamp) {
 	    return function (dispatch) {
 	      dispatch(addComponentToList(component));
-	      dispatch(addComponentTimestamp(component, new Date().getTime()));
+	      dispatch(addComponentTimestamp(component, timestamp));
 	    };
 	  }
 	  function removeComponent(component) {
@@ -13234,7 +13267,7 @@
 	      // or component is not present in store
 	      if (this.destroyOnUnmount || components.indexOf(this.componentProps.componentId) === -1) {
 	        // Register  component
-	        this.addComponent(this.componentId);
+	        this.addComponent(this.componentId, this.$timestamp);
 	        var onQueryChange = function onQueryChange() {
 	          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
 	            args[_key] = arguments[_key];
@@ -13256,7 +13289,7 @@
 	      }
 	      // Register internal component
 	      if (this.internalComponent && (this.destroyOnUnmount || components.indexOf(this.internalComponent) === -1)) {
-	        this.addComponent(this.internalComponent);
+	        this.addComponent(this.internalComponent, this.$timestamp);
 	        this.setComponentProps(this.internalComponent, this.componentProps, options.componentType);
 	      }
 	    },
@@ -14465,13 +14498,14 @@
 	  componentType: constants_1$1.reactiveList,
 	  internalComponent: ReactiveList.hasInternalComponent()
 	}));
-	ReactiveList.install = function (Vue) {
-	  Vue.component(ReactiveList.name, RLConnected);
+	RLConnected.name = ReactiveList.name;
+	RLConnected.install = function (Vue) {
+	  Vue.component(RLConnected.name, RLConnected);
 	  Vue.component(ResultListWrapper.name, ResultListWrapper);
 	  Vue.component(ResultCardsWrapper.name, ResultCardsWrapper);
 	};
 	// Add componentType for SSR
-	ReactiveList.componentType = constants_1$1.reactiveList;
+	RLConnected.componentType = constants_1$1.reactiveList;
 
 	function URL$1(url) {
 	  var pattern = RegExp("^(([^:/?#]*)?://)?(((.*)?@)?([^/?#]*)?)([^?#]*)(\\?([^#]*))?(#(.*))?");
@@ -18991,6 +19025,7 @@
 	    }
 	    this.handleTextChange = debounce$1(this.handleText, this.$props.debounce);
 	    this.updateDefaultQueryHandlerDebounced = debounce$1(this.updateDefaultQueryHandler, this.$props.debounce);
+	    this.updateQueryHandlerDebounced = debounce$1(this.updateQueryHandler, this.$props.debounce);
 	    // Set custom and default queries in store
 	    updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
 	    updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, this.currentValue);
@@ -19174,7 +19209,7 @@
 	        if (this.isPending && this.$options.isTagsMode && Array.isArray(newVal)) {
 	          this.isPending = false;
 	        }
-	        this.setValue(newVal, true, this.$props, undefined, false, typeof newVal !== 'string' && this.$options.isTagsMode);
+	        this.setValue(newVal, true, this.$props, newVal === '' ? lib_7.CLEAR_VALUE : undefined, false, typeof newVal !== 'string' && this.$options.isTagsMode);
 	      }
 	    },
 	    defaultQuery: function defaultQuery(newVal, oldVal) {
@@ -19216,8 +19251,10 @@
 	    handleText: function handleText(value) {
 	      if (this.$props.autosuggest) {
 	        this.updateDefaultQueryHandlerDebounced(value, this.$props);
-	      } else {
-	        this.updateDefaultQueryHandlerDebounced(this.$props.componentId, value, this.$props);
+	      } else if (!this.$options.isTagsMode) {
+	        this.updateQueryHandlerDebounced(this.$props.componentId, value, this.$props);
+	      } else if (this.$options.isTagsMode) {
+	        this.$data.currentValue = value;
 	      }
 	    },
 	    validateDataField: function validateDataField() {
@@ -19362,10 +19399,10 @@
 	          } // in case of strict selection only SUGGESTION_SELECT should be able
 	          // to set the query otherwise the value should reset
 
-	          if (props.strictSelection) {
-	            if (cause === lib_7.SUGGESTION_SELECT || (_this.$options.isTagsMode ? _this.selectedTags.length === 0 : value === '')) {
+	          if (props.strictSelection && props.autosuggest) {
+	            if (cause === lib_7.SUGGESTION_SELECT || props.value !== undefined) {
 	              _this.updateQueryHandler(props.componentId, queryHandlerValue, props);
-	            } else {
+	            } else if (_this.currentValue !== '') {
 	              _this.setValue('', true);
 	            }
 	          } else {
@@ -19491,17 +19528,20 @@
 	      this.onValueSelectedHandler('', lib_7.CLEAR_VALUE);
 	    },
 	    handleKeyDown: function handleKeyDown(event, highlightedIndex) {
-	      var value = this.$props.value;
+	      var targetValue = event.target.value;
+	      var _this$$props2 = this.$props,
+	        value = _this$$props2.value,
+	        strictSelection = _this$$props2.strictSelection,
+	        size = _this$$props2.size,
+	        autosuggest = _this$$props2.autosuggest;
 	      if (value !== undefined) {
 	        this.isPending = true;
 	      }
-
 	      // if a suggestion was selected, delegate the handling to suggestion handler
-	      if (event.key === 'Enter' && highlightedIndex === null) {
-	        this.setValue(event.target.value, true, this.$props, this.$options.isTagsMode ? lib_7.SUGGESTION_SELECT : undefined // to handle tags
-	        );
-
-	        this.onValueSelectedHandler(event.target.value, lib_7.ENTER_PRESS);
+	      if (event.key === 'Enter' && (highlightedIndex === null || highlightedIndex < 0 || highlightedIndex === [].concat([].concat(this.suggestionsList).slice(0, size || 10), this.defaultSearchSuggestions, this.topSuggestions).length)) {
+	        this.isPending = false;
+	        this.setValue(this.$options.isTagsMode && autosuggest && strictSelection ? '' : targetValue, true, this.$props, undefined, false);
+	        this.onValueSelectedHandler(targetValue, lib_7.ENTER_PRESS);
 	      }
 	      // Need to review
 	      this.$emit('keyDown', event, this.triggerQuery);
@@ -19513,19 +19553,19 @@
 	      if (!this.$data.isOpen) {
 	        this.isOpen = true;
 	      }
-	      var _this$$props2 = this.$props,
-	        value = _this$$props2.value,
-	        autosuggest = _this$$props2.autosuggest;
+	      var _this$$props3 = this.$props,
+	        value = _this$$props3.value,
+	        autosuggest = _this$$props3.autosuggest;
 	      if (value === undefined) {
 	        this.setValue(inputValue, false, this.$props, undefined, true, false);
 	      } else {
 	        this.isPending = true;
+	        this.currentValue = inputValue;
 	        this.$emit('change', inputValue, function (_temp2) {
 	          var _ref3 = _temp2 === void 0 ? {} : _temp2,
 	            _ref3$isOpen = _ref3.isOpen,
 	            isOpen = _ref3$isOpen === void 0 ? false : _ref3$isOpen;
 	          if (_this2.$options.isTagsMode && autosuggest) {
-	            _this2.currentValue = value;
 	            _this2.isOpen = isOpen;
 	            _this2.updateDefaultQueryHandlerDebounced(_this2.currentValue, _this2.$props);
 	            return;
@@ -19613,9 +19653,9 @@
 	        finalSuggestionsList = [];
 	      }
 	      var h = this.$createElement;
-	      var _this$$props3 = this.$props,
-	        theme = _this$$props3.theme,
-	        innerClass = _this$$props3.innerClass;
+	      var _this$$props4 = this.$props,
+	        theme = _this$$props4.theme,
+	        innerClass = _this$$props4.innerClass;
 	      var renderNoSuggestion = this.$scopedSlots.renderNoSuggestion || this.$props.renderNoSuggestion;
 	      var renderError = this.$scopedSlots.renderError || this.$props.renderError;
 	      var _this$$data = this.$data,
@@ -19719,13 +19759,13 @@
 	    },
 	    renderIcons: function renderIcons() {
 	      var h = this.$createElement;
-	      var _this$$props4 = this.$props,
-	        iconPosition = _this$$props4.iconPosition,
-	        showClear = _this$$props4.showClear,
-	        innerClass = _this$$props4.innerClass,
-	        getMicInstance = _this$$props4.getMicInstance,
-	        showVoiceSearch = _this$$props4.showVoiceSearch,
-	        showIcon = _this$$props4.showIcon;
+	      var _this$$props5 = this.$props,
+	        iconPosition = _this$$props5.iconPosition,
+	        showClear = _this$$props5.showClear,
+	        innerClass = _this$$props5.innerClass,
+	        getMicInstance = _this$$props5.getMicInstance,
+	        showVoiceSearch = _this$$props5.showVoiceSearch,
+	        showIcon = _this$$props5.showIcon;
 	      var renderMic = this.$scopedSlots.renderMic || this.$props.renderMic;
 	      var currentValue = this.$data.currentValue;
 	      return h("div", [h(IconGroup, {
@@ -19809,11 +19849,11 @@
 	  render: function render() {
 	    var _this6 = this;
 	    var h = arguments[0];
-	    var _this$$props5 = this.$props,
-	      theme = _this$$props5.theme,
-	      size = _this$$props5.size,
-	      expandSuggestionsContainer = _this$$props5.expandSuggestionsContainer,
-	      enableDefaultSuggestions = _this$$props5.enableDefaultSuggestions;
+	    var _this$$props6 = this.$props,
+	      theme = _this$$props6.theme,
+	      size = _this$$props6.size,
+	      expandSuggestionsContainer = _this$$props6.expandSuggestionsContainer,
+	      enableDefaultSuggestions = _this$$props6.enableDefaultSuggestions;
 	    var _this$$scopedSlots = this.$scopedSlots,
 	      recentSearchesIcon = _this$$scopedSlots.recentSearchesIcon,
 	      popularSearchesIcon = _this$$scopedSlots.popularSearchesIcon;
@@ -19975,7 +20015,7 @@
 	              }
 	            })),
 	            "domProps": _extends({}, getInputProps({
-	              value: _this6.$data.currentValue === null ? '' : _this6.$data.currentValue
+	              value: _this6.$data.currentValue === null || typeof _this6.$data.currentValue !== 'string' ? '' : _this6.$data.currentValue
 	            }))
 	          }), _this6.renderIcons(), !expandSuggestionsContainer && renderSuggestionsContainer()]), ' ', _this6.renderInputAddonAfter()]), expandSuggestionsContainer && renderSuggestionsContainer(), _this6.renderTags()]);
 	        }
@@ -20004,8 +20044,7 @@
 	          _this6.$emit('focus', e, _this6.triggerQuery);
 	        },
 	        keydown: function keydown(e) {
-	          _this6.$emit('keyDown', e, _this6.triggerQuery);
-	          _this6.$emit('key-down', e, _this6.triggerQuery);
+	          _this6.handleKeyDown(e, null);
 	        },
 	        keyup: function keyup(e) {
 	          _this6.$emit('keyUp', e, _this6.triggerQuery);
@@ -20017,7 +20056,7 @@
 	        value: this.$data.currentValue ? this.$data.currentValue : ''
 	      }),
 	      "ref": this.$props.innerRef
-	    }), this.renderIcons()]), this.renderInputAddonAfter()])])]);
+	    }), this.renderIcons()]), this.renderInputAddonAfter()]), this.renderTags()])]);
 	  },
 	  destroyed: function destroyed() {
 	    document.removeEventListener('keydown', this.onKeyDown);
@@ -20192,11 +20231,14 @@
 	  componentType: constants_1$1.dataSearch,
 	  internalComponent: DataSearch.hasInternalComponent()
 	}));
-	DataSearch.install = function (Vue) {
-	  Vue.component(DataSearch.name, DSConnected);
+	DSConnected.name = DataSearch.name;
+
+	// plugins usage
+	DSConnected.install = function (Vue) {
+	  Vue.component(DSConnected.name, DSConnected);
 	};
 	// Add componentType for SSR
-	DataSearch.componentType = constants_1$1.dataSearch;
+	DSConnected.componentType = constants_1$1.dataSearch;
 
 	var _templateObject$k;
 	var AutofillSvgIcon = index$1('button')(_templateObject$k || (_templateObject$k = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tmargin-left: auto;\n\tposition: relative;\n\tright: -3px;\n\tborder: none;\n\toutline: none;\n\tbackground: transparent;\n\tpadding: 0;\n\tz-index: 111000;\n\n\tsvg {\n\t\tcursor: pointer;\n\t\tfill: #707070;\n\t\theight: 20px;\n\t}\n\n\t&:hover {\n\t\tsvg {\n\t\t\tfill: #1c1a1a;\n\t\t}\n\t}\n"])));
@@ -20438,7 +20480,6 @@
 	          // selected value is cleared, call onValueSelected
 	          this.onValueSelectedHandler('', lib_7.CLEAR_VALUE);
 	        }
-	        // if (this.$props.value === undefined) {
 	        if (this.$options.isTagsMode) {
 	          // handling reset of tags through SelectedFilters or URL
 	          this.selectedTags = [];
@@ -20448,7 +20489,6 @@
 	          cause = lib_7.SUGGESTION_SELECT;
 	        }
 	        this.setValue(newVal || '', true, this.$props, cause);
-	        // }
 	      }
 	    },
 	    focusShortcuts: function focusShortcuts() {
@@ -20591,8 +20631,7 @@
 	            if (typeof value === 'string' && !!value) {
 	              _this.selectedTags.push(value);
 	            } else if (Array.isArray(value) && !isEqual$5(_this.selectedTags, value)) {
-	              var mergedArray = Array.from(new Set([].concat(_this.selectedTags, value)));
-	              _this.selectedTags = mergedArray;
+	              _this.selectedTags = value;
 	            }
 	          } else if (value) {
 	            _this.selectedTags = typeof value !== 'string' ? value : [].concat(value);
@@ -21416,11 +21455,12 @@
 	  componentType: constants_1$1.searchBox,
 	  internalComponent: true
 	}));
-	SearchBox.install = function (Vue) {
-	  Vue.component(SearchBox.name, SBConnected);
+	SBConnected.name = SearchBox.name;
+	SBConnected.install = function (Vue) {
+	  Vue.component(SBConnected.name, SBConnected);
 	};
 	// Add componentType for SSR
-	SearchBox.componentType = constants_1$1.searchBox;
+	SBConnected.componentType = constants_1$1.searchBox;
 
 	var _templateObject$l, _templateObject2$8, _templateObject3$6, _templateObject4$5, _templateObject5$3, _templateObject6$3;
 	var item = {
@@ -21934,12 +21974,13 @@
 	  componentType: constants_1$1.singleList,
 	  internalComponent: SingleList.hasInternalComponent()
 	}));
-	SingleList.install = function (Vue) {
-	  Vue.component(SingleList.name, ListConnected);
+	ListConnected.name = SingleList.name;
+	ListConnected.install = function (Vue) {
+	  Vue.component(ListConnected.name, ListConnected);
 	};
 
 	// Add componentType for SSR
-	SingleList.componentType = constants_1$1.singleList;
+	ListConnected.componentType = constants_1$1.singleList;
 
 	var updateQuery$4 = lib_5.updateQuery,
 	  setQueryOptions$3 = lib_5.setQueryOptions,
@@ -22468,12 +22509,13 @@
 	  componentType: constants_1$1.multiList,
 	  internalComponent: MultiList.hasInternalComponent()
 	}));
-	MultiList.install = function (Vue) {
-	  Vue.component(MultiList.name, ListConnected$1);
+	ListConnected$1.name = MultiList.name;
+	ListConnected$1.install = function (Vue) {
+	  Vue.component(ListConnected$1.name, ListConnected$1);
 	};
 
 	// Add componentType for SSR
-	MultiList.componentType = constants_1$1.multiList;
+	ListConnected$1.componentType = constants_1$1.multiList;
 
 	var _templateObject$m, _templateObject2$9, _templateObject3$7, _templateObject4$6;
 	var small = css(_templateObject$m || (_templateObject$m = _taggedTemplateLiteralLoose(["\n\tmin-height: 0;\n\theight: 30px;\n\tborder: 0;\n\tbox-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;\n\tborder-radius: 2px;\n"])));
@@ -23174,12 +23216,13 @@
 	  componentType: constants_1$1.singleDropdownList,
 	  internalComponent: SingleDropdownList.hasInternalComponent()
 	}));
-	SingleDropdownList.install = function (Vue) {
-	  Vue.component(SingleDropdownList.name, ListConnected$2);
+	ListConnected$2.name = SingleDropdownList.name;
+	ListConnected$2.install = function (Vue) {
+	  Vue.component(ListConnected$2.name, ListConnected$2);
 	};
 
 	// Add componentType for SSR
-	SingleDropdownList.componentType = constants_1$1.singleDropdownList;
+	ListConnected$2.componentType = constants_1$1.singleDropdownList;
 
 	var updateQuery$6 = lib_5.updateQuery,
 	  setQueryOptions$5 = lib_5.setQueryOptions,
@@ -23688,12 +23731,13 @@
 	  componentType: constants_1$1.multiDropdownList,
 	  internalComponent: MultiDropdownList.hasInternalComponent()
 	}));
-	MultiDropdownList.install = function (Vue) {
-	  Vue.component(MultiDropdownList.name, ListConnected$3);
+	ListConnected$3.name = MultiDropdownList.name;
+	ListConnected$3.install = function (Vue) {
+	  Vue.component(ListConnected$3.name, ListConnected$3);
 	};
 
 	// Add componentType for SSR
-	MultiDropdownList.componentType = constants_1$1.multiDropdownList;
+	ListConnected$3.componentType = constants_1$1.multiDropdownList;
 
 	var updateQuery$7 = lib_5.updateQuery,
 	  setQueryOptions$6 = lib_5.setQueryOptions,
@@ -23980,14 +24024,15 @@
 	  setQueryOptions: setQueryOptions$6,
 	  setCustomQuery: setCustomQuery$6
 	};
-	var ListConnected$4 = PreferencesConsumer(ComponentWrapper$1(connect(mapStateToProps$9, mapDispatchtoProps$6)(ToggleButton), {
+	var TBConnected = PreferencesConsumer(ComponentWrapper$1(connect(mapStateToProps$9, mapDispatchtoProps$6)(ToggleButton), {
 	  componentType: constants_1$1.toggleButton
 	}));
-	ToggleButton.install = function (Vue) {
-	  Vue.component(ToggleButton.name, ListConnected$4);
+	TBConnected.name = ToggleButton.name;
+	TBConnected.install = function (Vue) {
+	  Vue.component(TBConnected.name, TBConnected);
 	};
 	// Add componentType for SSR
-	ToggleButton.componentType = constants_1$1.toggleButton;
+	TBConnected.componentType = constants_1$1.toggleButton;
 
 	/*!
 	 * vue-no-ssr v1.1.1
@@ -24125,6 +24170,7 @@
 	  },
 	  created: function created() {
 	    var _this = this;
+	    this.$timestamp = new Date().getTime();
 	    var onQueryChange = function onQueryChange() {
 	      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
 	        args[_key] = arguments[_key];
@@ -24153,8 +24199,8 @@
 	    }
 	    var value = this.$props.value;
 	    if (this.destroyOnUnmount || components.indexOf(this.componentId) === -1) {
-	      this.addComponent(this.componentId);
-	      this.addComponent(this.internalRangeComponent);
+	      this.addComponent(this.componentId, this.$timestamp);
+	      this.addComponent(this.internalRangeComponent, this.$timestamp);
 	      if (Array.isArray(this.selectedValue)) {
 	        this.handleChange(this.selectedValue);
 	      } else if (this.selectedValue) {
@@ -24467,12 +24513,13 @@
 	  updateComponentProps: updateComponentProps$2
 	};
 	var RangeConnected = PreferencesConsumer(connect(mapStateToProps$a, mapDispatchtoProps$7)(DynamicRangeSlider));
-	DynamicRangeSlider.install = function (Vue) {
-	  Vue.component(DynamicRangeSlider.name, RangeConnected);
+	RangeConnected.name = DynamicRangeSlider.name;
+	RangeConnected.install = function (Vue) {
+	  Vue.component(RangeConnected.name, RangeConnected);
 	};
 
 	// Add componentType for SSR
-	DynamicRangeSlider.componentType = constants_1$1.dynamicRangeSlider;
+	RangeConnected.componentType = constants_1$1.dynamicRangeSlider;
 
 	var updateQuery$9 = lib_5.updateQuery,
 	  setQueryOptions$8 = lib_5.setQueryOptions,
@@ -24673,11 +24720,12 @@
 	var RangeConnected$1 = PreferencesConsumer(ComponentWrapper$1(connect(mapStateToProps$b, mapDispatchtoProps$8)(SingleRange), {
 	  componentType: constants_1$1.singleRange
 	}));
-	SingleRange.install = function (Vue) {
-	  Vue.component(SingleRange.name, RangeConnected$1);
+	RangeConnected$1.name = SingleRange.name;
+	RangeConnected$1.install = function (Vue) {
+	  Vue.component(RangeConnected$1.name, RangeConnected$1);
 	};
 	// Add componentType for SSR
-	SingleRange.componentType = constants_1$1.singleRange;
+	RangeConnected$1.componentType = constants_1$1.singleRange;
 
 	var updateQuery$a = lib_5.updateQuery,
 	  setQueryOptions$9 = lib_5.setQueryOptions,
@@ -24941,11 +24989,12 @@
 	var RangeConnected$2 = PreferencesConsumer(ComponentWrapper$1(connect(mapStateToProps$c, mapDispatchtoProps$9)(MultiRange), {
 	  componentType: constants_1$1.multiRange
 	}));
-	MultiRange.install = function (Vue) {
-	  Vue.component(MultiRange.name, RangeConnected$2);
+	RangeConnected$2.name = MultiRange.name;
+	RangeConnected$2.install = function (Vue) {
+	  Vue.component(RangeConnected$2.name, RangeConnected$2);
 	};
 	// Add componentType for SSR
-	MultiRange.componentType = constants_1$1.multiRange;
+	RangeConnected$2.componentType = constants_1$1.multiRange;
 
 	var updateQuery$b = lib_5.updateQuery,
 	  setQueryOptions$a = lib_5.setQueryOptions,
@@ -25192,12 +25241,13 @@
 	var RangeConnected$3 = PreferencesConsumer(ComponentWrapper$1(connect(mapStateToProps$d, mapDispatchtoProps$a)(RangeSlider), {
 	  componentType: constants_1$1.rangeSlider
 	}));
-	RangeSlider.install = function (Vue) {
-	  Vue.component(RangeSlider.name, RangeConnected$3);
+	RangeConnected$3.name = RangeSlider.name;
+	RangeConnected$3.install = function (Vue) {
+	  Vue.component(RangeConnected$3.name, RangeConnected$3);
 	};
 
 	// Add componentType for SSR
-	RangeSlider.componentType = constants_1$1.rangeSlider;
+	RangeConnected$3.componentType = constants_1$1.rangeSlider;
 
 	var _templateObject$p, _templateObject2$b;
 	var alert = function alert(_ref) {
@@ -25494,12 +25544,13 @@
 	var RangeConnected$4 = PreferencesConsumer(ComponentWrapper$1(connect(mapStateToProps$e, {})(RangeInput), {
 	  componentType: constants_1$1.rangeInput
 	}));
-	RangeInput.install = function (Vue) {
-	  Vue.component(RangeInput.name, RangeConnected$4);
+	RangeConnected$4.name = RangeInput.name;
+	RangeConnected$4.install = function (Vue) {
+	  Vue.component(RangeConnected$4.name, RangeConnected$4);
 	};
 
 	// Add componentType for SSR
-	RangeInput.componentType = constants_1$1.rangeInput;
+	RangeConnected$4.componentType = constants_1$1.rangeInput;
 
 	var _excluded = ["options"];
 	var updateQuery$c = lib_5.updateQuery,
@@ -25817,7 +25868,7 @@
 	        break;
 	      // basic components
 	      case constants_1$1.toggleButton:
-	        component = ListConnected$4;
+	        component = TBConnected;
 	        break;
 	      // range components
 	      case constants_1$1.dynamicRangeSlider:
@@ -25844,12 +25895,13 @@
 	    });
 	  }
 	});
-	ReactiveComponent.install = function (Vue) {
-	  Vue.component(ReactiveComponent.name, RcConnected);
+	RcConnected.name = ReactiveComponent.name;
+	RcConnected.install = function (Vue) {
+	  Vue.component(RcConnected.name, RcConnected);
 	};
 
 	// Add componentType for SSR
-	ReactiveComponent.componentType = constants_1$1.reactiveComponent;
+	RcConnected.componentType = constants_1$1.reactiveComponent;
 
 	var setValue$2 = lib_5.setValue,
 	  clearValues = lib_5.clearValues,
@@ -26013,8 +26065,9 @@
 	  resetValuesToDefault: resetValuesToDefault
 	};
 	var RcConnected$1 = connect(mapStateToProps$g, mapDispatchtoProps$c)(SelectedFilters);
-	SelectedFilters.install = function (Vue) {
-	  Vue.component(SelectedFilters.name, RcConnected$1);
+	RcConnected$1.name = SelectedFilters.name;
+	RcConnected$1.install = function (Vue) {
+	  Vue.component(RcConnected$1.name, RcConnected$1);
 	};
 
 	var ResultCardTitle = {
@@ -26460,8 +26513,9 @@
 	  setSearchStateFn: setSearchState
 	};
 	var StateProviderConnected = connect(mapStateToProps$h, mapDispatchtoProps$d)(StateProvider);
-	StateProvider.install = function (Vue) {
-	  Vue.component(StateProvider.name, StateProviderConnected);
+	StateProviderConnected.name = StateProvider.name;
+	StateProviderConnected.install = function (Vue) {
+	  Vue.component(StateProviderConnected.name, StateProviderConnected);
 	};
 
 	function ownKeys$1(object, enumerableOnly) {
@@ -32974,7 +33028,8 @@
 	          geo_bounding_box: (_geo_bounding_box = {}, _geo_bounding_box[this.dataField] = boundingBoxCoordinates, _geo_bounding_box)
 	        };
 	        if (this.$defaultQuery) {
-	          var query = this.$defaultQuery.query;
+	          var _ref2 = this.$defaultQuery || {},
+	            query = _ref2.query;
 	          if (query) {
 	            // adds defaultQuery's query to geo-query
 	            // to generate a map query
@@ -33121,14 +33176,14 @@
 	    var options = getQueryOptions$5(this.$props);
 	    options.from = this.$data.from;
 	    if (this.$props.sortBy) {
-	      var _ref2;
-	      options.sort = [(_ref2 = {}, _ref2[this.$props.dataField] = {
+	      var _ref3;
+	      options.sort = [(_ref3 = {}, _ref3[this.$props.dataField] = {
 	        order: this.$props.sortBy
-	      }, _ref2)];
+	      }, _ref3)];
 	    }
 	    this.$defaultQuery = null;
 	    if (this.$props.defaultQuery) {
-	      this.$defaultQuery = this.$props.defaultQuery();
+	      this.$defaultQuery = this.$props.defaultQuery() || {};
 	      options = _extends({}, options, getOptionsFromQuery$4(this.$defaultQuery));
 
 	      // Override sort query with defaultQuery's sort if defined
@@ -35043,9 +35098,9 @@
 	  });
 	}
 
-	var version = "1.33.4";
+	var version = "1.33.6";
 
-	var components$1 = [ReactiveList, ResultCard, ResultList, ReactiveBase, DataSearch, SearchBox, SingleList, MultiList, SingleRange, MultiRange, RangeSlider, DynamicRangeSlider, ReactiveComponent, SelectedFilters, ToggleButton, SingleDropdownList, MultiDropdownList, StateProvider, RangeInput];
+	var components$1 = [RLConnected, ResultCard, ResultList, ReactiveBase, DSConnected, SBConnected, ListConnected, ListConnected$1, RangeConnected$1, RangeConnected$2, RangeConnected$3, RangeConnected, RcConnected, RcConnected$1, TBConnected, ListConnected$2, ListConnected$3, StateProviderConnected, RangeConnected$4];
 	function install (Vue) {
 	  components$1.map(function (component) {
 	    Vue.use(component);
@@ -35062,26 +35117,26 @@
 	  install: install
 	};
 
-	exports.DataSearch = DataSearch;
-	exports.DynamicRangeSlider = DynamicRangeSlider;
-	exports.MultiDropdownList = MultiDropdownList;
-	exports.MultiList = MultiList;
-	exports.MultiRange = MultiRange;
-	exports.RangeInput = RangeInput;
-	exports.RangeSlider = RangeSlider;
+	exports.DataSearch = DSConnected;
+	exports.DynamicRangeSlider = RangeConnected;
+	exports.MultiDropdownList = ListConnected$3;
+	exports.MultiList = ListConnected$1;
+	exports.MultiRange = RangeConnected$2;
+	exports.RangeInput = RangeConnected$4;
+	exports.RangeSlider = RangeConnected$3;
 	exports.ReactiveBase = ReactiveBase;
-	exports.ReactiveComponent = ReactiveComponent;
+	exports.ReactiveComponent = RcConnected;
 	exports.ReactiveGoogleMap = ReactiveGoogleMap;
-	exports.ReactiveList = ReactiveList;
+	exports.ReactiveList = RLConnected;
 	exports.ResultCard = ResultCard;
 	exports.ResultList = ResultList;
-	exports.SearchBox = SearchBox;
-	exports.SelectedFilters = SelectedFilters;
-	exports.SingleDropdownList = SingleDropdownList;
-	exports.SingleList = SingleList;
-	exports.SingleRange = SingleRange;
-	exports.StateProvider = StateProvider;
-	exports.ToggleButton = ToggleButton;
+	exports.SearchBox = SBConnected;
+	exports.SelectedFilters = RcConnected$1;
+	exports.SingleDropdownList = ListConnected$2;
+	exports.SingleList = ListConnected;
+	exports.SingleRange = RangeConnected$1;
+	exports.StateProvider = StateProviderConnected;
+	exports.ToggleButton = TBConnected;
 	exports.componentTypes = constants_1$1;
 	exports.default = index$4;
 	exports.initReactivesearch = initReactivesearch;