@appbaseio/reactivesearch-vue 1.31.0 → 1.32.1

package/dist/es/{DataSearch-da9347f7.js → DataSearch-c40e26c7.js}

@@ -1,18 +1,18 @@
 import { helper, Actions, causes } from '@appbaseio/reactivecore';
-import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-51ce1182.js';
+import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-76660dab.js';
 import VueTypes from 'vue-types';
 import { SEARCH_COMPONENTS_MODES, componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import { getQueryOptions } from '@appbaseio/reactivecore/lib/utils/helper';
 import styled, { css, cx, injectGlobal } from '@appbaseio/vue-emotion';
-import { t as types } from './vueTypes-c0d8b875.js';
-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-4715798c.js';
-import { C as ComponentWrapper } from './ComponentWrapper-ca0354ea.js';
-import { T as Title } from './Title-35edd732.js';
-import { F as Flex } from './Flex-09d40927.js';
+import { t as types } from './vueTypes-b8146772.js';
+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-7788a843.js';
+import { C as ComponentWrapper } from './ComponentWrapper-424e86fd.js';
+import { T as Title } from './Title-3342664a.js';
+import { F as Flex } from './Flex-1f0795c3.js';
 import hotkeys from 'hotkeys-js';
-import { I as IconWrapper, C as CancelSvg, a as IconGroup, D as Downshift, b as InputWrapper } from './CancelSvg-e3b33cdd.js';
-import { n as noSuggestions, s as suggestionsContainer, I as Input, a as suggestions } from './Input-c9d757bc.js';
-import { C as Container } from './Container-421450dc.js';
+import { I as IconWrapper, C as CancelSvg, a as IconGroup, D as Downshift, b as InputWrapper } from './CancelSvg-4cfae5fd.js';
+import { n as noSuggestions, s as suggestionsContainer, I as Input, a as suggestions } from './Input-7a2a9fac.js';
+import { C as Container } from './Container-ba826e96.js';
 import Highlight from 'vue-highlight-words';
 
 var _templateObject;
@@ -945,8 +945,6 @@ var DataSearch = {
   },
   created: function created() {
     var _this$$props = this.$props,
-        enableQuerySuggestions = _this$$props.enableQuerySuggestions,
-        renderQuerySuggestions = _this$$props.renderQuerySuggestions,
         enableRecentSearches = _this$$props.enableRecentSearches,
         distinctField = _this$$props.distinctField,
         distinctFieldConfig = _this$$props.distinctFieldConfig,
@@ -955,16 +953,6 @@ var DataSearch = {
 
     if (mode === SEARCH_COMPONENTS_MODES.TAG) {
       this.$options.isTagsMode = true;
-    } // TODO: Remove in 2.0
-
-
-    if (enableQuerySuggestions) {
-      console.warn('Warning(ReactiveSearch): The `enableQuerySuggestions` prop has been marked as deprecated, please use the `enablePopularSuggestions` prop instead.');
-    } // TODO: Remove in 2.0
-
-
-    if (renderQuerySuggestions) {
-      console.warn('Warning(ReactiveSearch): The `renderQuerySuggestions` prop has been marked as deprecated, please use the `renderPopularSuggestions` prop instead.');
     }
 
     if (this.enableAppbase && this.aggregationField && this.aggregationField !== '') {
@@ -1017,7 +1005,7 @@ var DataSearch = {
         return [];
       }
 
-      return this.enableQuerySuggestions || this.enablePopularSuggestions ? this.normalizedPopularSuggestions : [];
+      return this.enablePopularSuggestions ? this.normalizedPopularSuggestions : [];
     },
     normalizedRecentSearches: function normalizedRecentSearches() {
       return this.recentSearches || [];
@@ -1027,7 +1015,7 @@ var DataSearch = {
       this.currentValue ? this.popularSuggestions : this.defaultPopularSuggestions || [], this.currentValue, this.showDistinctSuggestions);
     },
     defaultSearchSuggestions: function defaultSearchSuggestions() {
-      var isPopularSuggestionsEnabled = this.enableQuerySuggestions || this.enablePopularSuggestions;
+      var isPopularSuggestionsEnabled = this.enablePopularSuggestions;
 
       if (this.currentValue || !this.enableDefaultSuggestions) {
         return [];
@@ -1081,7 +1069,6 @@ var DataSearch = {
     value: VueTypes.oneOfType([VueTypes.arrayOf(VueTypes.string), types.value]),
     defaultSuggestions: types.suggestions,
     enableSynonyms: VueTypes.bool.def(true),
-    enableQuerySuggestions: VueTypes.bool.def(false),
     enablePopularSuggestions: VueTypes.bool.def(false),
     enableRecentSearches: VueTypes.bool.def(false),
     fieldWeights: types.fieldWeights,
@@ -1095,7 +1082,6 @@ var DataSearch = {
     innerClass: types.style,
     innerRef: VueTypes.string.def('searchInputField'),
     render: types.func,
-    renderQuerySuggestions: types.func,
     renderPopularSuggestions: types.func,
     parseSuggestion: types.func,
     renderNoSuggestion: types.title,
@@ -1181,8 +1167,12 @@ var DataSearch = {
       this.setValue(newVal, true, this.$props);
     },
     value: function value(newVal, oldVal) {
-      if (!isEqual(newVal, oldVal)) {
-        this.setValue(newVal, true, this.$props, undefined, false);
+      if (!isEqual(newVal, oldVal) || this.$options.isTagsMode && !isEqual(newVal, this.selectedTags)) {
+        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);
       }
     },
     defaultQuery: function defaultQuery(newVal, oldVal) {
@@ -1326,7 +1316,7 @@ var DataSearch = {
         this.onValueSelectedHandler(currentValue, causes.SEARCH_ICON_CLICK);
       }
     },
-    setValue: function setValue(value, isDefaultValue, props, cause, toggleIsOpen) {
+    setValue: function setValue(value, isDefaultValue, props, cause, toggleIsOpen, isTagsMode) {
       var _this = this;
 
       if (isDefaultValue === void 0) {
@@ -1341,8 +1331,12 @@ var DataSearch = {
         toggleIsOpen = true;
       }
 
+      if (isTagsMode === void 0) {
+        isTagsMode = this.$options.isTagsMode;
+      }
+
       var performUpdate = function performUpdate() {
-        if (_this.$options.isTagsMode && isEqual(value, _this.selectedTags)) {
+        if (isTagsMode && isEqual(value, _this.selectedTags)) {
           return;
         } // Refresh recent searches when value becomes empty
 
@@ -1353,7 +1347,7 @@ var DataSearch = {
           _this.getRecentSearches();
         }
 
-        if (_this.$options.isTagsMode && cause === causes.SUGGESTION_SELECT) {
+        if (isTagsMode) {
           if (Array.isArray(_this.selectedTags) && _this.selectedTags.length) {
             // check if value already present in selectedTags
             if (typeof value === 'string' && _this.selectedTags.includes(value)) {
@@ -1366,8 +1360,7 @@ var DataSearch = {
             if (typeof value === 'string' && !!value) {
               _this.selectedTags.push(value);
             } else if (Array.isArray(value) && !isEqual(_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);
@@ -1380,7 +1373,7 @@ var DataSearch = {
 
         var queryHandlerValue = value;
 
-        if (_this.$options.isTagsMode && cause === causes.SUGGESTION_SELECT) {
+        if (isTagsMode) {
           queryHandlerValue = Array.isArray(_this.selectedTags) && _this.selectedTags.length ? _this.selectedTags : undefined;
         }
 
@@ -1558,19 +1551,40 @@ var DataSearch = {
       this.$emit('key-down', event, this.triggerQuery);
     },
     onInputChange: function onInputChange(e) {
+      var _this2 = this;
+
       var inputValue = e.target.value;
 
       if (!this.$data.isOpen) {
         this.isOpen = true;
       }
 
-      var value = this.$props.value;
+      var _this$$props2 = this.$props,
+          value = _this$$props2.value,
+          autosuggest = _this$$props2.autosuggest;
 
       if (value === undefined) {
-        this.setValue(inputValue);
+        this.setValue(inputValue, false, this.$props, undefined, true, false);
       } else {
         this.isPending = true;
-        this.$emit('change', inputValue, this.triggerQuery, e);
+        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.updateDefaultQueryHandler(_this2.currentValue, _this2.$props);
+
+            return;
+          }
+
+          _this2.triggerQuery({
+            isOpen: isOpen
+          });
+        }, e);
       }
     },
     onSuggestionSelected: function onSuggestionSelected(suggestion) {
@@ -1665,9 +1679,9 @@ var DataSearch = {
       }
 
       var h = this.$createElement;
-      var _this$$props2 = this.$props,
-          theme = _this$$props2.theme,
-          innerClass = _this$$props2.innerClass;
+      var _this$$props3 = this.$props,
+          theme = _this$$props3.theme,
+          innerClass = _this$$props3.innerClass;
       var renderNoSuggestion = this.$scopedSlots.renderNoSuggestion || this.$props.renderNoSuggestion;
       var renderError = this.$scopedSlots.renderError || this.$props.renderError;
       var _this$$data = this.$data,
@@ -1703,7 +1717,7 @@ var DataSearch = {
       return null;
     },
     renderTag: function renderTag(item) {
-      var _this2 = this;
+      var _this3 = this;
 
       var h = this.$createElement;
       var innerClass = this.$props.innerClass;
@@ -1717,7 +1731,7 @@ var DataSearch = {
         "class": "close-icon",
         "on": {
           "click": function click() {
-            return _this2.clearTag(item);
+            return _this3.clearTag(item);
           }
         }
       }, [h(CancelSvg)])]);
@@ -1741,7 +1755,7 @@ var DataSearch = {
       }
     },
     renderTags: function renderTags() {
-      var _this3 = this;
+      var _this4 = this;
 
       var h = this.$createElement;
 
@@ -1757,7 +1771,7 @@ var DataSearch = {
         handleClear: this.clearTag,
         handleClearAll: this.clearAllTags
       }) : h(TagsContainer, [tagsList.map(function (item) {
-        return _this3.renderTag(item);
+        return _this4.renderTag(item);
       }), shouldRenderClearAllTag && h(TagItem, {
         "class": getClassName$1(this.$props.innerClass, 'selected-tag') || ''
       }, [h("span", ["Clear All"]), h("span", {
@@ -1783,13 +1797,13 @@ var DataSearch = {
     },
     renderIcons: function renderIcons() {
       var h = this.$createElement;
-      var _this$$props3 = this.$props,
-          iconPosition = _this$$props3.iconPosition,
-          showClear = _this$$props3.showClear,
-          innerClass = _this$$props3.innerClass,
-          getMicInstance = _this$$props3.getMicInstance,
-          showVoiceSearch = _this$$props3.showVoiceSearch,
-          showIcon = _this$$props3.showIcon;
+      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 renderMic = this.$scopedSlots.renderMic || this.$props.renderMic;
       var currentValue = this.$data.currentValue;
       return h("div", [h(IconGroup, {
@@ -1841,7 +1855,7 @@ var DataSearch = {
       (_this$$refs = this.$refs) == null ? void 0 : (_this$$refs$this$$pro = _this$$refs[this.$props.innerRef]) == null ? void 0 : _this$$refs$this$$pro.focus(); // eslint-disable-line
     },
     listenForFocusShortcuts: function listenForFocusShortcuts() {
-      var _this4 = this;
+      var _this5 = this;
 
       var _this$$props$focusSho = this.$props.focusShortcuts,
           focusShortcuts = _this$$props$focusSho === void 0 ? ['/'] : _this$$props$focusSho;
@@ -1859,7 +1873,7 @@ var DataSearch = {
         // Prevent the default refresh event under WINDOWS system
         event.preventDefault();
 
-        _this4.focusSearchBox(event);
+        _this5.focusSearchBox(event);
       }); // if one of modifier keys are used, they are handled below
 
       hotkeys('*', function (event) {
@@ -1870,7 +1884,7 @@ var DataSearch = {
           var element = modifierKeys[index];
 
           if (hotkeys[element]) {
-            _this4.focusSearchBox(event);
+            _this5.focusSearchBox(event);
 
             break;
           }
@@ -1879,14 +1893,14 @@ var DataSearch = {
     }
   },
   render: function render() {
-    var _this5 = this;
+    var _this6 = this;
 
     var h = arguments[0];
-    var _this$$props4 = this.$props,
-        theme = _this$$props4.theme,
-        size = _this$$props4.size,
-        expandSuggestionsContainer = _this$$props4.expandSuggestionsContainer,
-        enableDefaultSuggestions = _this$$props4.enableDefaultSuggestions;
+    var _this$$props5 = this.$props,
+        theme = _this$$props5.theme,
+        size = _this$$props5.size,
+        expandSuggestionsContainer = _this$$props5.expandSuggestionsContainer,
+        enableDefaultSuggestions = _this$$props5.enableDefaultSuggestions;
     var _this$$scopedSlots = this.$scopedSlots,
         recentSearchesIcon = _this$$scopedSlots.recentSearchesIcon,
         popularSearchesIcon = _this$$scopedSlots.popularSearchesIcon;
@@ -1908,24 +1922,24 @@ var DataSearch = {
         "isOpen": this.$data.isOpen
       },
       "scopedSlots": {
-        "default": function _default(_ref3) {
-          var getInputEvents = _ref3.getInputEvents,
-              getInputProps = _ref3.getInputProps,
-              getItemProps = _ref3.getItemProps,
-              getItemEvents = _ref3.getItemEvents,
-              isOpen = _ref3.isOpen,
-              highlightedIndex = _ref3.highlightedIndex,
-              setHighlightedIndex = _ref3.setHighlightedIndex;
+        "default": function _default(_ref4) {
+          var getInputEvents = _ref4.getInputEvents,
+              getInputProps = _ref4.getInputProps,
+              getItemProps = _ref4.getItemProps,
+              getItemEvents = _ref4.getItemEvents,
+              isOpen = _ref4.isOpen,
+              highlightedIndex = _ref4.highlightedIndex,
+              setHighlightedIndex = _ref4.setHighlightedIndex;
 
           var renderSuggestionsContainer = function renderSuggestionsContainer() {
-            return h("div", [_this5.hasCustomRenderer && _this5.getComponent({
+            return h("div", [_this6.hasCustomRenderer && _this6.getComponent({
               isOpen: isOpen,
               getItemProps: getItemProps,
               getItemEvents: getItemEvents,
               highlightedIndex: highlightedIndex
-            }), _this5.renderErrorComponent(), !_this5.hasCustomRenderer && isOpen && hasSuggestions ? h("ul", {
-              "class": suggestions(_this5.themePreset, theme) + " " + getClassName$1(_this5.$props.innerClass, 'list')
-            }, [_this5.suggestionsList.slice(0, size || 10).map(function (item, index) {
+            }), _this6.renderErrorComponent(), !_this6.hasCustomRenderer && isOpen && hasSuggestions ? h("ul", {
+              "class": suggestions(_this6.themePreset, theme) + " " + getClassName$1(_this6.$props.innerClass, 'list')
+            }, [_this6.suggestionsList.slice(0, size || 10).map(function (item, index) {
               return h("li", {
                 "domProps": _extends({}, getItemProps({
                   item: item
@@ -1935,15 +1949,15 @@ var DataSearch = {
                 })),
                 "key": index + 1 + "-" + item.value,
                 "style": {
-                  backgroundColor: _this5.getBackgroundColor(highlightedIndex, index)
+                  backgroundColor: _this6.getBackgroundColor(highlightedIndex, index)
                 }
               }, [h(SuggestionItem, {
                 "attrs": {
-                  "currentValue": _this5.currentValue,
+                  "currentValue": _this6.currentValue,
                   "suggestion": item
                 }
               })]);
-            }), _this5.defaultSearchSuggestions.map(function (sugg, index) {
+            }), _this6.defaultSearchSuggestions.map(function (sugg, index) {
               return h("li", {
                 "domProps": _extends({}, getItemProps({
                   item: sugg
@@ -1951,9 +1965,9 @@ var DataSearch = {
                 "on": _extends({}, getItemEvents({
                   item: sugg
                 })),
-                "key": _this5.suggestionsList.length + index + 1 + "-" + sugg.value,
+                "key": _this6.suggestionsList.length + index + 1 + "-" + sugg.value,
                 "style": {
-                  backgroundColor: _this5.getBackgroundColor(highlightedIndex, _this5.suggestionsList.length + index),
+                  backgroundColor: _this6.getBackgroundColor(highlightedIndex, _this6.suggestionsList.length + index),
                   justifyContent: 'flex-start'
                 }
               }, [h("div", {
@@ -1962,28 +1976,28 @@ var DataSearch = {
                 }
               }, [sugg.source && sugg.source._recent_search && h(CustomSvg, {
                 "attrs": {
-                  "className": getClassName$1(_this5.$props.innerClass, 'recent-search-icon') || null,
+                  "className": getClassName$1(_this6.$props.innerClass, 'recent-search-icon') || null,
                   "icon": recentSearchesIcon,
                   "type": "recent-search-icon"
                 }
               }), sugg.source && sugg.source._popular_suggestion && h(CustomSvg, {
                 "attrs": {
-                  "className": getClassName$1(_this5.$props.innerClass, 'popular-search-icon') || null,
+                  "className": getClassName$1(_this6.$props.innerClass, 'popular-search-icon') || null,
                   "icon": popularSearchesIcon,
                   "type": "popular-search-icon"
                 }
               })]), h(SuggestionItem, {
                 "attrs": {
-                  "currentValue": _this5.currentValue,
+                  "currentValue": _this6.currentValue,
                   "suggestion": sugg
                 }
               })]);
-            }), hasQuerySuggestionsRenderer(_this5) ? _this5.getComponent({
+            }), hasQuerySuggestionsRenderer(_this6) ? _this6.getComponent({
               isOpen: isOpen,
               getItemProps: getItemProps,
               getItemEvents: getItemEvents,
               highlightedIndex: highlightedIndex
-            }, true) : _this5.topSuggestions.map(function (sugg, index) {
+            }, true) : _this6.topSuggestions.map(function (sugg, index) {
               return h("li", {
                 "domProps": _extends({}, getItemProps({
                   item: sugg
@@ -1991,9 +2005,9 @@ var DataSearch = {
                 "on": _extends({}, getItemEvents({
                   item: sugg
                 })),
-                "key": _this5.suggestionsList.length + index + 1 + "-" + sugg.value,
+                "key": _this6.suggestionsList.length + index + 1 + "-" + sugg.value,
                 "style": {
-                  backgroundColor: _this5.getBackgroundColor(highlightedIndex, _this5.suggestionsList.length + index),
+                  backgroundColor: _this6.getBackgroundColor(highlightedIndex, _this6.suggestionsList.length + index),
                   justifyContent: 'flex-start'
                 }
               }, [h("div", {
@@ -2002,61 +2016,61 @@ var DataSearch = {
                 }
               }, [h(CustomSvg, {
                 "attrs": {
-                  "className": getClassName$1(_this5.$props.innerClass, 'popular-search-icon') || null,
+                  "className": getClassName$1(_this6.$props.innerClass, 'popular-search-icon') || null,
                   "icon": popularSearchesIcon,
                   "type": "popular-search-icon"
                 }
               })]), h(SuggestionItem, {
                 "attrs": {
-                  "currentValue": _this5.currentValue,
+                  "currentValue": _this6.currentValue,
                   "suggestion": sugg
                 }
               })]);
-            })]) : _this5.renderNoSuggestions(_this5.suggestionsList)]);
+            })]) : _this6.renderNoSuggestions(_this6.suggestionsList)]);
           };
 
           return h("div", {
             "class": suggestionsContainer
-          }, [h(InputGroup, [_this5.renderInputAddonBefore(), h(InputWrapper, [h(Input, {
+          }, [h(InputGroup, [_this6.renderInputAddonBefore(), h(InputWrapper, [h(Input, {
             "attrs": {
-              "id": _this5.$props.componentId + "-input",
-              "showIcon": _this5.$props.showIcon,
-              "showClear": _this5.$props.showClear,
-              "iconPosition": _this5.$props.iconPosition,
-              "placeholder": _this5.$props.placeholder,
-              "autoFocus": _this5.$props.autoFocus,
-              "themePreset": _this5.themePreset,
+              "id": _this6.$props.componentId + "-input",
+              "showIcon": _this6.$props.showIcon,
+              "showClear": _this6.$props.showClear,
+              "iconPosition": _this6.$props.iconPosition,
+              "placeholder": _this6.$props.placeholder,
+              "autoFocus": _this6.$props.autoFocus,
+              "themePreset": _this6.themePreset,
               "autocomplete": "off"
             },
-            "ref": _this5.$props.innerRef,
-            "class": getClassName$1(_this5.$props.innerClass, 'input'),
+            "ref": _this6.$props.innerRef,
+            "class": getClassName$1(_this6.$props.innerClass, 'input'),
             "on": _extends({}, getInputEvents({
-              onInput: _this5.onInputChange,
+              onInput: _this6.onInputChange,
               onBlur: function onBlur(e) {
-                _this5.$emit('blur', e, _this5.triggerQuery);
+                _this6.$emit('blur', e, _this6.triggerQuery);
               },
-              onFocus: _this5.handleFocus,
+              onFocus: _this6.handleFocus,
               onKeyPress: function onKeyPress(e) {
-                _this5.$emit('keyPress', e, _this5.triggerQuery);
+                _this6.$emit('keyPress', e, _this6.triggerQuery);
 
-                _this5.$emit('key-press', e, _this5.triggerQuery);
+                _this6.$emit('key-press', e, _this6.triggerQuery);
               },
               onKeyDown: function onKeyDown(e) {
-                return _this5.handleKeyDown(e, highlightedIndex);
+                return _this6.handleKeyDown(e, highlightedIndex);
               },
               onKeyUp: function onKeyUp(e) {
-                _this5.$emit('keyUp', e, _this5.triggerQuery);
+                _this6.$emit('keyUp', e, _this6.triggerQuery);
 
-                _this5.$emit('key-up', e, _this5.triggerQuery);
+                _this6.$emit('key-up', e, _this6.triggerQuery);
               },
               onClick: function onClick() {
                 setHighlightedIndex(null);
               }
             })),
             "domProps": _extends({}, getInputProps({
-              value: _this5.$data.currentValue === null ? '' : _this5.$data.currentValue
+              value: _this6.$data.currentValue === null ? '' : _this6.$data.currentValue
             }))
-          }), _this5.renderIcons(), !expandSuggestionsContainer && renderSuggestionsContainer()]), ' ', _this5.renderInputAddonAfter()]), expandSuggestionsContainer && renderSuggestionsContainer(), _this5.renderTags()]);
+          }), _this6.renderIcons(), !expandSuggestionsContainer && renderSuggestionsContainer()]), ' ', _this6.renderInputAddonAfter()]), expandSuggestionsContainer && renderSuggestionsContainer(), _this6.renderTags()]);
         }
       }
     }) : h("div", {
@@ -2072,26 +2086,26 @@ var DataSearch = {
       },
       "on": _extends({}, {
         blur: function blur(e) {
-          _this5.$emit('blur', e, _this5.triggerQuery);
+          _this6.$emit('blur', e, _this6.triggerQuery);
         },
         keypress: function keypress(e) {
-          _this5.$emit('keyPress', e, _this5.triggerQuery);
+          _this6.$emit('keyPress', e, _this6.triggerQuery);
 
-          _this5.$emit('key-press', e, _this5.triggerQuery);
+          _this6.$emit('key-press', e, _this6.triggerQuery);
         },
         input: this.onInputChange,
         focus: function focus(e) {
-          _this5.$emit('focus', e, _this5.triggerQuery);
+          _this6.$emit('focus', e, _this6.triggerQuery);
         },
         keydown: function keydown(e) {
-          _this5.$emit('keyDown', e, _this5.triggerQuery);
+          _this6.$emit('keyDown', e, _this6.triggerQuery);
 
-          _this5.$emit('key-down', e, _this5.triggerQuery);
+          _this6.$emit('key-down', e, _this6.triggerQuery);
         },
         keyup: function keyup(e) {
-          _this5.$emit('keyUp', e, _this5.triggerQuery);
+          _this6.$emit('keyUp', e, _this6.triggerQuery);
 
-          _this5.$emit('key-up', e, _this5.triggerQuery);
+          _this6.$emit('key-up', e, _this6.triggerQuery);
         }
       }),
       "domProps": _extends({}, {

package/dist/es/DataSearch.js

@@ -1,22 +1,22 @@
 import '@appbaseio/reactivecore';
-import './_rollupPluginBabelHelpers-51ce1182.js';
+import './_rollupPluginBabelHelpers-76660dab.js';
 import 'vue-types';
 import '@appbaseio/reactivecore/lib/utils/constants';
 import '@appbaseio/reactivecore/lib/utils/helper';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
-import './vueTypes-c0d8b875.js';
+import './vueTypes-b8146772.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import './index-4715798c.js';
-import './ComponentWrapper-ca0354ea.js';
-import './Title-35edd732.js';
-import './Flex-09d40927.js';
+import './index-7788a843.js';
+import './ComponentWrapper-424e86fd.js';
+import './Title-3342664a.js';
+import './Flex-1f0795c3.js';
 import 'hotkeys-js';
-export { D as default } from './DataSearch-da9347f7.js';
-import './CancelSvg-e3b33cdd.js';
-import './Input-c9d757bc.js';
+export { D as default } from './DataSearch-c40e26c7.js';
+import './CancelSvg-4cfae5fd.js';
+import './Input-7a2a9fac.js';
 import 'compute-scroll-into-view';
-import './Container-421450dc.js';
+import './Container-ba826e96.js';
 import 'vue-highlight-words';

package/dist/es/{DropDown-604374d2.js → DropDown-05a644a5.js}

@@ -1,13 +1,13 @@
 import { helper } from '@appbaseio/reactivecore';
-import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-51ce1182.js';
+import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-76660dab.js';
 import VueTypes from 'vue-types';
 import { css } from 'emotion';
 import styled from '@appbaseio/vue-emotion';
-import { t as types } from './vueTypes-c0d8b875.js';
-import { a as isFunction } from './index-4715798c.js';
+import { t as types } from './vueTypes-b8146772.js';
+import { a as isFunction } from './index-7788a843.js';
 import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
-import { D as Downshift, b as InputWrapper, a as IconGroup, I as IconWrapper, C as CancelSvg } from './CancelSvg-e3b33cdd.js';
-import { s as suggestionsContainer, a as suggestions, I as Input } from './Input-c9d757bc.js';
+import { D as Downshift, b as InputWrapper, a as IconGroup, I as IconWrapper, C as CancelSvg } from './CancelSvg-4cfae5fd.js';
+import { s as suggestionsContainer, a as suggestions, I as Input } from './Input-7a2a9fac.js';
 import { replaceDiacritics } from '@appbaseio/reactivecore/lib/utils/suggestions';
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;

package/dist/es/DynamicRangeSlider.js

@@ -1,15 +1,15 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
-import { a as _extends } from './_rollupPluginBabelHelpers-51ce1182.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-c0d8b875.js';
+import { t as types } from './vueTypes-b8146772.js';
 import 'redux';
-import { f as updateCustomQuery, d as getValidPropsKeys, i as isQueryIdentical, c as connect } from './index-4715798c.js';
-import { T as Title } from './Title-35edd732.js';
-import { C as Container } from './Container-421450dc.js';
+import { f as updateCustomQuery, d as getValidPropsKeys, i as isQueryIdentical, c as connect } from './index-7788a843.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-ad57b0ad.js';
+import { g as getComponents, S as Slider } from './ssr-b2c0b401.js';
 
 var addComponent = Actions.addComponent,
     removeComponent = Actions.removeComponent,

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

@@ -1,4 +1,4 @@
-import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-51ce1182.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-38ffe3d3.js → FormControlList-c22d64f6.js}

@@ -1,4 +1,4 @@
-import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-51ce1182.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-c9d757bc.js → Input-7a2a9fac.js}

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

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

@@ -1,8 +1,8 @@
-import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-51ce1182.js';
+import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-76660dab.js';
 import { css } from 'emotion';
 import styled from '@appbaseio/vue-emotion';
 import { lighten } from 'polished';
-import './Title-35edd732.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"])));