@appbaseio/reactivesearch-vue 3.0.6 → 3.1.0-alpha.1

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

@@ -1191,7 +1191,7 @@
 	    geo: 'geo',
 	    suggestion: 'suggestion'
 	  };
-	  var validProps = exports.validProps = ['type', 'componentType', 'aggregationField', 'aggregationSize', 'distinctField', 'distinctFieldConfig', 'index', 'aggregations', 'compoundClause', 'dataField', 'includeFields', 'excludeFields', 'size', 'from', 'sortBy', 'sortOptions', 'pagination', 'autoFocus', 'autosuggest', 'debounce', 'defaultValue', 'defaultSuggestions', 'fieldWeights', 'filterLabel', 'fuzziness', 'highlight', 'highlightConfig', 'highlightField', 'nestedField', 'placeholder', 'queryFormat', 'searchOperators', 'enableSynonyms', 'enableQuerySuggestions', 'queryString', 'categoryField', 'strictSelection', 'selectAllLabel', 'showCheckbox', 'showFilter', 'showSearch', 'showCount', 'showLoadMore', 'loadMoreLabel', 'showMissing', 'missingLabel', 'data', 'showRadio', 'multiSelect', 'includeNullValues', 'interval', 'showHistogram', 'snap', 'stepValue', 'range', 'showSlider', 'parseDate', 'calendarInterval', 'unit', 'enablePopularSuggestions', 'enableRecentSuggestions', 'popularSuggestionsConfig', 'recentSuggestionsConfig', 'indexSuggestionsConfig', 'featuredSuggestionsConfig', 'FAQSuggestionsConfig', 'enablePredictiveSuggestions', 'applyStopwords', 'customStopwords', 'enableIndexSuggestions', 'enableFeaturedSuggestions', 'enableFAQSuggestions', 'searchboxId', 'endpoint', 'enableEndpointSuggestions', 'enableAI', 'AIConfig'];
+	  var validProps = exports.validProps = ['type', 'componentType', 'aggregationField', 'aggregationSize', 'distinctField', 'distinctFieldConfig', 'index', 'aggregations', 'compoundClause', 'dataField', 'includeFields', 'excludeFields', 'size', 'from', 'sortBy', 'sortOptions', 'pagination', 'autoFocus', 'autosuggest', 'debounce', 'defaultValue', 'defaultSuggestions', 'fieldWeights', 'filterLabel', 'fuzziness', 'highlight', 'highlightConfig', 'highlightField', 'nestedField', 'placeholder', 'queryFormat', 'searchOperators', 'enableSynonyms', 'enableQuerySuggestions', 'queryString', 'categoryField', 'strictSelection', 'selectAllLabel', 'showCheckbox', 'showFilter', 'showSearch', 'showCount', 'showLoadMore', 'loadMoreLabel', 'showMissing', 'missingLabel', 'data', 'showRadio', 'multiSelect', 'includeNullValues', 'interval', 'showHistogram', 'snap', 'stepValue', 'range', 'showSlider', 'parseDate', 'calendarInterval', 'unit', 'enablePopularSuggestions', 'enableRecentSuggestions', 'popularSuggestionsConfig', 'recentSuggestionsConfig', 'indexSuggestionsConfig', 'featuredSuggestionsConfig', 'FAQSuggestionsConfig', 'documentSuggestionsConfig', 'enablePredictiveSuggestions', 'applyStopwords', 'customStopwords', 'enableIndexSuggestions', 'enableFeaturedSuggestions', 'enableFAQSuggestions', 'enableDocumentSuggestions', 'enableEndpointSuggestions', 'searchboxId', 'endpoint', 'enableAI', 'AIConfig', 'showDistinctSuggestions'];
 	  var CLEAR_ALL = exports.CLEAR_ALL = {
 	    NEVER: 'never',
 	    ALWAYS: 'always',
@@ -5449,14 +5449,18 @@
 	  };
 	  exports.transformRequestUsingEndpoint = transformRequestUsingEndpoint;
 	  var setObjectInLocalStorage = exports.setObjectInLocalStorage = function setObjectInLocalStorage(key, value) {
-	    if (!key || !value) {
-	      throw new Error('Key and value are required for setObject');
-	    }
-	    try {
-	      var serializedValue = JSON.stringify(value);
-	      localStorage.setItem(key, serializedValue);
-	    } catch (error) {
-	      console.error('Error saving object to localStorage:', error);
+	    if (typeof localStorage !== 'undefined') {
+	      if (!key || !value) {
+	        throw new Error('Key and value are required for setObject');
+	      }
+	      try {
+	        var serializedValue = JSON.stringify(value);
+	        localStorage.setItem(key, serializedValue);
+	      } catch (error) {
+	        console.error('Error saving object to localStorage:', error);
+	      }
+	    } else {
+	      console.warn('localstorage not available');
 	    }
 	  };
 	  var getObjectFromLocalStorage = exports.getObjectFromLocalStorage = function getObjectFromLocalStorage(key) {
@@ -5613,7 +5617,7 @@
 	    if (action.type === constants.SET_AI_RESPONSE) {
 	      (0, helper.setObjectInLocalStorage)('AISessions', _extends({}, (0, helper.getObjectFromLocalStorage)(constants$1.AI_LOCAL_CACHE_KEY) || {}, _defineProperty({}, action.component, _extends({}, state[action.component] || {}, action.payload))));
 	      return _extends({}, state, _defineProperty({}, action.component, _extends({}, state[action.component] ? state[action.component] : {}, {
-	        response: _extends({}, state[action.component] ? state[action.component] && state[action.component].response : {}, action.payload),
+	        response: _extends({}, state[action.component] ? state[action.component].response : {}, action.payload),
 	        isLoading: false,
 	        error: null
 	      })));
@@ -6330,7 +6334,9 @@
 	        applyStopwords: props.applyStopwords,
 	        customStopwords: props.customStopwords,
 	        enablePredictiveSuggestions: props.enablePredictiveSuggestions,
-	        indexSuggestionsConfig: props.indexSuggestionsConfig
+	        indexSuggestionsConfig: props.indexSuggestionsConfig,
+	        enableDocumentSuggestions: props.enableDocumentSuggestions,
+	        documentSuggestionsConfig: props.enableDocumentSuggestions ? props.documentSuggestionsConfig : undefined
 	      }, featuredSuggestionsProps, faqSuggestionsProps, {
 	        enableIndexSuggestions: props.enableIndexSuggestions
 	      }, props.searchboxId ? {
@@ -6910,6 +6916,12 @@
 	      if (data.hasOwnProperty('hits')) {
 	        dispatch(updateHits(component, data, data.time || undefined));
 	      }
+	      if (data.hasOwnProperty('rawData')) {
+	        dispatch((0, misc.setRawData)(component, data.rawData));
+	      }
+	      if (data.hasOwnProperty('AI_RESPONSE')) {
+	        dispatch((0, misc.setAIResponse)(component, data.AI_RESPONSE));
+	      }
 	    };
 	  }
 	});
@@ -9301,7 +9313,10 @@
 	      if ("executing" === state) throw new Error("Generator is already running");
 	      if ("completed" === state) {
 	        if ("throw" === method) throw arg;
-	        return doneResult();
+	        return {
+	          value: void 0,
+	          done: !0
+	        };
 	      }
 	      for (context.method = method, context.arg = arg;;) {
 	        var delegate = context.delegate;
@@ -9354,7 +9369,7 @@
 	    }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0);
 	  }
 	  function values(iterable) {
-	    if (iterable) {
+	    if (iterable || "" === iterable) {
 	      var iteratorMethod = iterable[iteratorSymbol];
 	      if (iteratorMethod) return iteratorMethod.call(iterable);
 	      if ("function" == typeof iterable.next) return iterable;
@@ -9367,15 +9382,7 @@
 	        return next.next = next;
 	      }
 	    }
-	    return {
-	      next: doneResult
-	    };
-	  }
-	  function doneResult() {
-	    return {
-	      value: undefined,
-	      done: !0
-	    };
+	    throw new TypeError(typeof iterable + " is not iterable");
 	  }
 	  return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", {
 	    value: GeneratorFunctionPrototype,
@@ -17773,7 +17780,7 @@
 	};
 
 	/**! 
-	 * hotkeys-js v3.11.2 
+	 * hotkeys-js v3.12.0 
 	 * A simple micro-library for defining and dispatching keyboard shortcuts. It has no dependencies. 
 	 * 
 	 * Copyright (c) 2023 kenny wong <wowohoo@qq.com> 
@@ -17960,6 +17967,26 @@
 	    return getKey(c) || getModifier(c) || String.fromCharCode(c);
 	  });
 	}
+	function getAllKeyCodes() {
+	  var result = [];
+	  Object.keys(_handlers).forEach(function (k) {
+	    _handlers[k].forEach(function (_ref) {
+	      var key = _ref.key,
+	        scope = _ref.scope,
+	        mods = _ref.mods,
+	        shortcut = _ref.shortcut;
+	      result.push({
+	        scope: scope,
+	        shortcut: shortcut,
+	        mods: mods,
+	        keys: key.split('+').map(function (v) {
+	          return code(v);
+	        })
+	      });
+	    });
+	  });
+	  return result;
+	}
 
 	// 表单控件控件判断 返回 Boolean
 	// hotkey is effective only when filter return true
@@ -18062,12 +18089,12 @@
 	}
 
 	// 解除绑定某个范围的快捷键
-	var eachUnbind = function eachUnbind(_ref) {
-	  var key = _ref.key,
-	    scope = _ref.scope,
-	    method = _ref.method,
-	    _ref$splitKey = _ref.splitKey,
-	    splitKey = _ref$splitKey === void 0 ? '+' : _ref$splitKey;
+	var eachUnbind = function eachUnbind(_ref2) {
+	  var key = _ref2.key,
+	    scope = _ref2.scope,
+	    method = _ref2.method,
+	    _ref2$splitKey = _ref2.splitKey,
+	    splitKey = _ref2$splitKey === void 0 ? '+' : _ref2$splitKey;
 	  var multipleKeys = getKeys(key);
 	  multipleKeys.forEach(function (originKey) {
 	    var unbindKeys = originKey.split(splitKey);
@@ -18319,6 +18346,7 @@
 	  getScope: getScope,
 	  deleteScope: deleteScope,
 	  getPressedKeyCodes: getPressedKeyCodes,
+	  getAllKeyCodes: getAllKeyCodes,
 	  isPressed: isPressed,
 	  filter: filter,
 	  trigger: trigger,
@@ -25809,7 +25837,30 @@
 	  name: 'SuggestionItem',
 	  props: {
 	    currentValue: types.string,
-	    suggestion: types.any
+	    suggestion: types.any,
+	    innerHTML: types.string.isRequired
+	  },
+	  data: function data() {
+	    return {
+	      isOverflowing: false
+	    };
+	  },
+	  methods: {
+	    updateOverflowing: function updateOverflowing() {
+	      if (this.$refs.container && this.$refs.content) {
+	        var _this$$refs = this.$refs,
+	          container = _this$$refs.container,
+	          content = _this$$refs.content;
+	        var containerWidth = container.offsetWidth;
+	        var contentWidth = content.scrollWidth;
+	        this.isOverflowing = contentWidth > containerWidth;
+	      } else {
+	        this.isOverflowing = false;
+	      }
+	    }
+	  },
+	  mounted: function mounted() {
+	    this.updateOverflowing();
 	  },
 	  render: function render() {
 	    var _this = this;
@@ -25825,7 +25876,11 @@
 	    if (label) {
 	      // label has highest precedence
 	      return typeof label === 'string' ? vue.createVNode("div", {
-	        "class": "trim"
+	        "ref": "container",
+	        "class": "trim",
+	        "title": this.isOverflowing ? label : ''
+	      }, [vue.createVNode("div", {
+	        "ref": "content"
 	      }, [(_category ? false : isPredictiveSuggestion
 	      // eslint-disable-next-line
 	      || !!_suggestion_type) ? vue.createVNode(PredictiveSuggestion, {
@@ -25835,7 +25890,7 @@
 	        "textToHighlight": label,
 	        "autoEscape": true,
 	        "highlightStyle": highlightStyle
-	      }, null)]) : label;
+	      }, null)])]) : label;
 	    }
 	    if (title || image || description) {
 	      return vue.createVNode(Flex, {
@@ -26793,6 +26848,42 @@
 	  }
 	});
 
+	// eslint-disable-next-line import/prefer-default-export
+	var innerText = function innerText(jsx) {
+	  // Empty
+	  if (jsx === null || typeof jsx === 'boolean' || typeof jsx === 'undefined') {
+	    return '';
+	  }
+
+	  // Numeric children.
+	  if (typeof jsx === 'number') {
+	    return jsx.toString();
+	  }
+
+	  // String literals.
+	  if (typeof jsx === 'string') {
+	    return jsx;
+	  }
+
+	  // Array of JSX.
+	  if (Array.isArray(jsx)) {
+	    // eslint-disable-next-line no-use-before-define
+	    return jsx.reduce(reduceJsxToString, '');
+	  }
+
+	  // Children prop.
+	  if (Object.prototype.hasOwnProperty.call(jsx, 'children')) {
+	    return innerText(jsx.children);
+	  }
+
+	  // Default
+	  return '';
+	};
+	innerText["default"] = innerText;
+	function reduceJsxToString(previous, current) {
+	  return previous + innerText(current);
+	}
+
 	var _excluded$1 = ["_source"];
 	function _isSlot$5(s) {
 	  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
@@ -26886,6 +26977,7 @@
 	      return this.faqAnswer || this.AIResponse && this.AIResponse.response && this.AIResponse.response.answer && this.AIResponse.response.answer.text;
 	    },
 	    parsedSuggestions: function parsedSuggestions() {
+	      var _this = this;
 	      var suggestionsArray = [];
 	      if (Array.isArray(this.suggestions) && this.suggestions.length) {
 	        suggestionsArray = [].concat(withClickIds(this.suggestions));
@@ -26904,6 +26996,20 @@
 	        return _extends({}, s, {
 	          sectionId: s._suggestion_type
 	        });
+	      }).map(function (suggestion) {
+	        if (suggestion._suggestion_type === 'document') {
+	          // Document suggestions don't have a meaningful label and value
+	          var newSuggestion = _extends({}, suggestion);
+	          newSuggestion.label = 'For recent document suggestion, please implement a renderItem method to display label.';
+	          var renderItem = _this.$slots.renderItem || _this.$props.renderItem;
+	          if (typeof renderItem === 'function') {
+	            var jsxEl = renderItem(newSuggestion);
+	            var innerValue = innerText(jsxEl);
+	            newSuggestion.value = lib$2(innerValue);
+	          }
+	          return newSuggestion;
+	        }
+	        return suggestion;
 	      });
 	      var sectionsAccumulated = [];
 	      var sectionisedSuggestions = suggestionsArray.reduce(function (acc, d, currentIndex) {
@@ -26952,6 +27058,12 @@
 	    enablePopularSuggestions: Q.bool.def(false),
 	    enableRecentSuggestions: Q.bool.def(false),
 	    enableFAQSuggestions: Q.bool.def(false),
+	    enableDocumentSuggestions: Q.bool.def(false),
+	    documentSuggestionsConfig: Q.shape({
+	      size: Q.number,
+	      from: Q.number,
+	      maxChars: Q.number
+	    }),
 	    FAQSuggestionsConfig: Q.shape({
 	      sectionLabel: Q.string,
 	      size: Q.number
@@ -27020,20 +27132,20 @@
 	    AIUIConfig: types.AIUIConfig
 	  },
 	  mounted: function mounted() {
-	    var _this = this;
+	    var _this2 = this;
 	    this.listenForFocusShortcuts();
 	    var dropdownEle = this.$refs[_dropdownULRef];
 	    if (dropdownEle) {
 	      var handleScroll = function handleScroll() {
 	        var scrollTop = dropdownEle.scrollTop;
-	        _this.lastScrollTop = scrollTop;
-	        if (scrollTop < _this.lastScrollTop) {
+	        _this2.lastScrollTop = scrollTop;
+	        if (scrollTop < _this2.lastScrollTop) {
 	          // User is scrolling up
-	          clearInterval(_this.scrollTimerRef);
-	          _this.isUserScrolling = true;
+	          clearInterval(_this2.scrollTimerRef);
+	          _this2.isUserScrolling = true;
 	        }
 	        // Update lastScrollTop with the current scroll position
-	        _this.lastScrollTop = scrollTop;
+	        _this2.lastScrollTop = scrollTop;
 	      };
 	      dropdownEle.addEventListener('scroll', handleScroll);
 	    }
@@ -27172,10 +27284,10 @@
 	      }
 	    },
 	    isAITyping: function isAITyping(newVal, oldVal) {
-	      var _this2 = this;
+	      var _this3 = this;
 	      var scrollAIContainer = function scrollAIContainer() {
-	        if (_this2.isUserScrolling) return;
-	        var dropdownEle = _this2.$refs[_dropdownULRef];
+	        if (_this3.isUserScrolling) return;
+	        var dropdownEle = _this3.$refs[_dropdownULRef];
 	        if (dropdownEle) {
 	          dropdownEle.scrollTo({
 	            top: dropdownEle.scrollHeight,
@@ -27285,7 +27397,7 @@
 	      }
 	    },
 	    setValue: function setValue(value, isDefaultValue, props, cause, toggleIsOpen, categoryValue, shouldExecuteQuery) {
-	      var _this3 = this;
+	      var _this4 = this;
 	      if (isDefaultValue === void 0) {
 	        isDefaultValue = false;
 	      }
@@ -27302,65 +27414,65 @@
 	        shouldExecuteQuery = true;
 	      }
 	      var performUpdate = function performUpdate() {
-	        if (_this3.$options.isTagsMode && isEqual$4(value, _this3.selectedTags)) {
+	        if (_this4.$options.isTagsMode && isEqual$4(value, _this4.selectedTags)) {
 	          return;
 	        }
-	        if (_this3.$options.isTagsMode && cause === lib_7.SUGGESTION_SELECT) {
-	          if (Array.isArray(_this3.selectedTags) && _this3.selectedTags.length) {
+	        if (_this4.$options.isTagsMode && cause === lib_7.SUGGESTION_SELECT) {
+	          if (Array.isArray(_this4.selectedTags) && _this4.selectedTags.length) {
 	            // check if value already present in selectedTags
-	            if (typeof value === 'string' && _this3.selectedTags.includes(value)) {
-	              _this3.isOpen = false;
+	            if (typeof value === 'string' && _this4.selectedTags.includes(value)) {
+	              _this4.isOpen = false;
 	              return;
 	            }
-	            _this3.selectedTags = [].concat(_this3.selectedTags);
+	            _this4.selectedTags = [].concat(_this4.selectedTags);
 	            if (typeof value === 'string' && !!value) {
-	              _this3.selectedTags.push(value);
-	            } else if (Array.isArray(value) && !isEqual$4(_this3.selectedTags, value)) {
-	              _this3.selectedTags = value;
+	              _this4.selectedTags.push(value);
+	            } else if (Array.isArray(value) && !isEqual$4(_this4.selectedTags, value)) {
+	              _this4.selectedTags = value;
 	            }
 	          } else if (value) {
-	            _this3.selectedTags = typeof value !== 'string' ? value : [].concat(value);
+	            _this4.selectedTags = typeof value !== 'string' ? value : [].concat(value);
 	          }
-	          _this3.currentValue = '';
+	          _this4.currentValue = '';
 	        } else {
-	          _this3.currentValue = decodeHtml(value);
+	          _this4.currentValue = decodeHtml(value);
 	        }
 	        var queryHandlerValue = value;
-	        if (_this3.$options.isTagsMode && cause === lib_7.SUGGESTION_SELECT) {
-	          queryHandlerValue = Array.isArray(_this3.selectedTags) && _this3.selectedTags.length ? _this3.selectedTags : undefined;
+	        if (_this4.$options.isTagsMode && cause === lib_7.SUGGESTION_SELECT) {
+	          queryHandlerValue = Array.isArray(_this4.selectedTags) && _this4.selectedTags.length ? _this4.selectedTags : undefined;
 	        }
-	        if ((_this3.faqAnswer || _this3.faqQuestion) && value === '') {
+	        if ((_this4.faqAnswer || _this4.faqQuestion) && value === '') {
 	          // Empty the previous state
-	          _this3.faqAnswer = '';
-	          _this3.faqQuestion = '';
-	          _this3.showAIScreen = false;
+	          _this4.faqAnswer = '';
+	          _this4.faqQuestion = '';
+	          _this4.showAIScreen = false;
 	        }
 	        if (isDefaultValue) {
-	          if (_this3.$props.autosuggest) {
+	          if (_this4.$props.autosuggest) {
 	            if (toggleIsOpen) {
-	              _this3.isOpen = false;
+	              _this4.isOpen = false;
 	            }
-	            if (typeof _this3.currentValue === 'string') _this3.triggerDefaultQuery(_this3.currentValue, props.enableAI && _this3.currentTriggerMode === constants_9$1.QUESTION && _this3.currentValue.endsWith('?') ? {
+	            if (typeof _this4.currentValue === 'string') _this4.triggerDefaultQuery(_this4.currentValue, props.enableAI && _this4.currentTriggerMode === constants_9$1.QUESTION && _this4.currentValue.endsWith('?') ? {
 	              enableAI: true
 	            } : {}, shouldExecuteQuery);
 	          } // 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 || (_this3.$options.isTagsMode ? _this3.selectedTags.length === 0 : value === '')) {
-	              _this3.triggerCustomQuery(queryHandlerValue, _this3.$options.isTagsMode ? undefined : categoryValue, shouldExecuteQuery);
+	            if (cause === lib_7.SUGGESTION_SELECT || (_this4.$options.isTagsMode ? _this4.selectedTags.length === 0 : value === '')) {
+	              _this4.triggerCustomQuery(queryHandlerValue, _this4.$options.isTagsMode ? undefined : categoryValue, shouldExecuteQuery);
 	            } else {
-	              _this3.setValue('', true);
+	              _this4.setValue('', true);
 	            }
 	          } else if (props.value === undefined || cause === lib_7.SUGGESTION_SELECT || cause === lib_7.CLEAR_VALUE) {
-	            _this3.showAIScreen = false;
-	            _this3.triggerCustomQuery(queryHandlerValue, _this3.$options.isTagsMode ? undefined : categoryValue, shouldExecuteQuery);
+	            _this4.showAIScreen = false;
+	            _this4.triggerCustomQuery(queryHandlerValue, _this4.$options.isTagsMode ? undefined : categoryValue, shouldExecuteQuery);
 	          }
 	        } else {
 	          // debounce for handling text while typing
-	          _this3.handleTextChange(value, cause);
+	          _this4.handleTextChange(value, cause);
 	        }
-	        _this3.$emit('valueChange', value);
-	        _this3.$emit('value-change', value);
+	        _this4.$emit('valueChange', value);
+	        _this4.$emit('value-change', value);
 	      };
 	      checkValueChange(props.componentId, value, props.beforeValueChange, performUpdate);
 	    },
@@ -27509,7 +27621,7 @@
 	      this.$emit('key-down', event, this.triggerQuery);
 	    },
 	    onInputChange: function onInputChange(e) {
-	      var _this4 = this;
+	      var _this5 = this;
 	      var inputValue = e.target.value;
 	      if (!this.$data.isOpen && this.$props.autosuggest) {
 	        this.isOpen = true;
@@ -27523,7 +27635,7 @@
 	      } else {
 	        this.$emit('change', inputValue, function (_ref3) {
 	          var isOpen = _ref3.isOpen;
-	          return _this4.triggerQuery({
+	          return _this5.triggerQuery({
 	            defaultQuery: true,
 	            customQuery: true,
 	            value: inputValue,
@@ -27567,7 +27679,7 @@
 	      }
 	    },
 	    onSuggestionSelected: function onSuggestionSelected(suggestion) {
-	      var _this5 = this;
+	      var _this6 = this;
 	      var value = this.$props.value;
 	      // The state of the suggestion is open by the time it reaches here. i.e. isOpen = true
 	      // handle when FAQ suggestion is clicked
@@ -27616,10 +27728,10 @@
 	        this.setValue(emitValue, true, this.$props, lib_7.SUGGESTION_SELECT, false, suggestion._category);
 	        this.$emit('change', emitValue, function (_ref4) {
 	          var isOpen = _ref4.isOpen;
-	          return _this5.triggerQuery(_extends({
+	          return _this6.triggerQuery(_extends({
 	            isOpen: isOpen,
 	            value: emitValue
-	          }, !_this5.$options.isTagsMode && {
+	          }, !_this6.$options.isTagsMode && {
 	            categoryValue: suggestion._category
 	          }));
 	        });
@@ -27659,7 +27771,7 @@
 	      return null;
 	    },
 	    renderErrorComponent: function renderErrorComponent(isAIError) {
-	      var _this6 = this;
+	      var _this7 = this;
 	      if (isAIError === void 0) {
 	        isAIError = false;
 	      }
@@ -27686,7 +27798,7 @@
 	          "themePreset": this.themePreset
 	        }, {
 	          "default": function _default() {
-	            return [isFunction(renderError) ? renderError(_this6.error) : renderError];
+	            return [isFunction(renderError) ? renderError(_this7.error) : renderError];
 	          }
 	        });
 	      }
@@ -27766,7 +27878,7 @@
 	      });
 	    },
 	    renderEnterButtonElement: function renderEnterButtonElement() {
-	      var _this7 = this;
+	      var _this8 = this;
 	      var _this$$props2 = this.$props,
 	        enterButton = _this$$props2.enterButton,
 	        innerClass = _this$$props2.innerClass;
@@ -27774,12 +27886,12 @@
 	      if (enterButton) {
 	        var getEnterButtonMarkup = function getEnterButtonMarkup() {
 	          if (renderEnterButton) {
-	            return renderEnterButton(_this7.enterButtonOnClick);
+	            return renderEnterButton(_this8.enterButtonOnClick);
 	          }
 	          return vue.createVNode(Button, {
 	            "class": "enter-btn " + getClassName$3(innerClass, 'enter-button'),
 	            "primary": true,
-	            "onClick": _this7.enterButtonOnClick
+	            "onClick": _this8.enterButtonOnClick
 	          }, {
 	            "default": function _default() {
 	              return [vue.createTextVNode("Search")];
@@ -27805,7 +27917,7 @@
 	      return '/';
 	    },
 	    renderLeftIcons: function renderLeftIcons() {
-	      var _this8 = this;
+	      var _this9 = this;
 	      var _slot3;
 	      var _this$$props3 = this.$props,
 	        iconPosition = _this$$props3.iconPosition,
@@ -27815,8 +27927,8 @@
 	      }, {
 	        "default": function _default() {
 	          return [iconPosition === 'left' && showIcon && vue.createVNode(IconWrapper, {
-	            "onClick": _this8.handleSearchIconClick
-	          }, _isSlot$5(_slot3 = _this8.renderIcon()) ? _slot3 : {
+	            "onClick": _this9.handleSearchIconClick
+	          }, _isSlot$5(_slot3 = _this9.renderIcon()) ? _slot3 : {
 	            "default": function _default() {
 	              return [_slot3];
 	            }
@@ -27825,7 +27937,7 @@
 	      })]);
 	    },
 	    renderRightIcons: function renderRightIcons() {
-	      var _this9 = this;
+	      var _this10 = this;
 	      var _slot4, _slot5, _slot6;
 	      var _this$$props4 = this.$props,
 	        iconPosition = _this$$props4.iconPosition,
@@ -27842,29 +27954,29 @@
 	      }, {
 	        "default": function _default() {
 	          return [currentValue && showClear && vue.createVNode(IconWrapper, {
-	            "onClick": _this9.clearValue,
+	            "onClick": _this10.clearValue,
 	            "showIcon": showIcon,
 	            "isClearIcon": true
-	          }, _isSlot$5(_slot4 = _this9.renderCancelIcon()) ? _slot4 : {
+	          }, _isSlot$5(_slot4 = _this10.renderCancelIcon()) ? _slot4 : {
 	            "default": function _default() {
 	              return [_slot4];
 	            }
 	          }), showFocusShortcutsIcon && vue.createVNode(ButtonIconWrapper, {
 	            "onClick": function onClick(e) {
-	              return _this9.focusSearchBox(e);
+	              return _this10.focusSearchBox(e);
 	            }
-	          }, _isSlot$5(_slot5 = _this9.renderShortcut()) ? _slot5 : {
+	          }, _isSlot$5(_slot5 = _this10.renderShortcut()) ? _slot5 : {
 	            "default": function _default() {
 	              return [_slot5];
 	            }
 	          }), showVoiceSearch && vue.createVNode(Mic, {
 	            "getInstance": getMicInstance,
 	            "render": renderMic,
-	            "handleResult": _this9.handleVoiceResults,
+	            "handleResult": _this10.handleVoiceResults,
 	            "className": getClassName$3(innerClass, 'mic') || null
 	          }, null), iconPosition === 'right' && showIcon && vue.createVNode(IconWrapper, {
-	            "onClick": _this9.handleSearchIconClick
-	          }, _isSlot$5(_slot6 = _this9.renderIcon()) ? _slot6 : {
+	            "onClick": _this10.handleSearchIconClick
+	          }, _isSlot$5(_slot6 = _this10.renderIcon()) ? _slot6 : {
 	            "default": function _default() {
 	              return [_slot6];
 	            }
@@ -27883,7 +27995,7 @@
 	      (_this$$refs4 = this.$refs) == null || (_this$$refs4 = _this$$refs4[this.$props.innerRef]) == null || (_this$$refs4 = _this$$refs4.$el) == null ? void 0 : _this$$refs4.focus(); // eslint-disable-line
 	    },
 	    listenForFocusShortcuts: function listenForFocusShortcuts() {
-	      var _this10 = this;
+	      var _this11 = this;
 	      var _this$$props$focusSho = this.$props.focusShortcuts,
 	        focusShortcuts = _this$$props$focusSho === void 0 ? ['/'] : _this$$props$focusSho;
 	      if (isEmpty(focusShortcuts)) {
@@ -27898,7 +28010,7 @@
 	      function (event, handler) {
 	        // Prevent the default refresh event under WINDOWS system
 	        event.preventDefault();
-	        _this10.focusSearchBox(event);
+	        _this11.focusSearchBox(event);
 	      });
 
 	      // if one of modifier keys are used, they are handled below
@@ -27908,7 +28020,7 @@
 	        for (var index = 0; index < modifierKeys.length; index += 1) {
 	          var element = modifierKeys[index];
 	          if (hotkeys[element]) {
-	            _this10.focusSearchBox(event);
+	            _this11.focusSearchBox(event);
 	            break;
 	          }
 	        }
@@ -27921,10 +28033,10 @@
 	      this.triggerDefaultQuery(value);
 	    },
 	    renderActionIcon: function renderActionIcon(suggestion) {
-	      var _this11 = this;
+	      var _this12 = this;
 	      var handleAutoFillClick = function handleAutoFillClick(e) {
 	        e.stopPropagation();
-	        _this11.onAutofillClick(suggestion);
+	        _this12.onAutofillClick(suggestion);
 	      };
 	      if (suggestion._suggestion_type === helper_16.Featured) {
 	        if (suggestion.action === helper_15.FUNCTION) {
@@ -27947,7 +28059,7 @@
 	      return null;
 	    },
 	    renderTag: function renderTag(item) {
-	      var _this12 = this;
+	      var _this13 = this;
 	      var innerClass = this.$props.innerClass;
 	      return vue.createVNode(TagItem, {
 	        "class": getClassName$3(innerClass, 'selected-tag') || ''
@@ -27958,7 +28070,7 @@
 	            "aria-label": "delete-tag",
 	            "class": "close-icon",
 	            "onClick": function onClick() {
-	              return _this12.clearTag(item);
+	              return _this13.clearTag(item);
 	            }
 	          }, [vue.createVNode(CancelSvg, null, null)])];
 	        }
@@ -27981,7 +28093,7 @@
 	      }
 	    },
 	    renderTags: function renderTags() {
-	      var _this13 = this;
+	      var _this14 = this;
 	      if (!Array.isArray(this.selectedTags)) {
 	        return null;
 	      }
@@ -27995,16 +28107,16 @@
 	      }) : vue.createVNode(TagsContainer, null, {
 	        "default": function _default() {
 	          return [tagsList.map(function (item) {
-	            return _this13.renderTag(item);
+	            return _this14.renderTag(item);
 	          }), shouldRenderClearAllTag && vue.createVNode(TagItem, {
-	            "class": getClassName$3(_this13.$props.innerClass, 'selected-tag') || ''
+	            "class": getClassName$3(_this14.$props.innerClass, 'selected-tag') || ''
 	          }, {
 	            "default": function _default() {
 	              return [vue.createVNode("span", null, [vue.createTextVNode("Clear All")]), vue.createVNode("span", {
 	                "role": "img",
 	                "aria-label": "delete-tag",
 	                "class": "close-icon",
-	                "onClick": _this13.clearAllTags
+	                "onClick": _this14.clearAllTags
 	              }, [vue.createVNode(CancelSvg, null, null)])];
 	            }
 	          })];
@@ -28012,13 +28124,13 @@
 	      });
 	    },
 	    getAISourceObjects: function getAISourceObjects() {
-	      var _this14 = this;
+	      var _this15 = this;
 	      var sourceObjects = [];
 	      if (!this.AIResponse) return sourceObjects;
 	      var docIds = this.AIResponse && this.AIResponse.response && this.AIResponse.response.answer && this.AIResponse.response.answer.documentIds || [];
 	      if (this.initialHits) {
 	        docIds.forEach(function (id) {
-	          var foundSourceObj = _this14.initialHits.find(function (hit) {
+	          var foundSourceObj = _this15.initialHits.find(function (hit) {
 	            return hit._id === id;
 	          }) || {};
 	          if (foundSourceObj) {
@@ -28052,7 +28164,7 @@
 	    },
 	    renderAIScreenFooter: function renderAIScreenFooter() {
 	      var _slot8;
-	      var _this15 = this;
+	      var _this16 = this;
 	      var _this$$props$AIUIConf2 = this.$props.AIUIConfig,
 	        AIUIConfig = _this$$props$AIUIConf2 === void 0 ? {} : _this$$props$AIUIConf2;
 	      var _ref6 = AIUIConfig || {},
@@ -28061,11 +28173,11 @@
 	        _ref6$onSourceClick = _ref6.onSourceClick,
 	        onSourceClick = _ref6$onSourceClick === void 0 ? function () {} : _ref6$onSourceClick;
 	      var renderSourceDocumentLabel = function renderSourceDocumentLabel(sourceObj) {
-	        if (_this15.$props.AIUIConfig && _this15.$props.AIUIConfig.renderSourceDocument) {
-	          return _this15.$props.AIUIConfig.renderSourceDocument(sourceObj);
+	        if (_this16.$props.AIUIConfig && _this16.$props.AIUIConfig.renderSourceDocument) {
+	          return _this16.$props.AIUIConfig.renderSourceDocument(sourceObj);
 	        }
-	        if (_this15.$slots.renderSourceDocument) {
-	          return _this15.$slots.renderSourceDocument(sourceObj);
+	        if (_this16.$slots.renderSourceDocument) {
+	          return _this16.$slots.renderSourceDocument(sourceObj);
 	        }
 	        return sourceObj._id;
 	      };
@@ -28073,10 +28185,10 @@
 	        "themePreset": this.$props.themePreset
 	      }, {
 	        "default": function _default() {
-	          return [vue.createTextVNode("Summary generated using the following sources:"), ' ', vue.createVNode(SourceTags, null, _isSlot$5(_slot8 = _this15.getAISourceObjects().map(function (el) {
+	          return [vue.createTextVNode("Summary generated using the following sources:"), ' ', vue.createVNode(SourceTags, null, _isSlot$5(_slot8 = _this16.getAISourceObjects().map(function (el) {
 	            var _slot7;
 	            return vue.createVNode(Button, {
-	              "class": "--ai-source-tag " + (getClassName$3(_this15.$props.innerClass, 'ai-source-tag') || ''),
+	              "class": "--ai-source-tag " + (getClassName$3(_this16.$props.innerClass, 'ai-source-tag') || ''),
 	              "info": true,
 	              "onClick": function onClick() {
 	                return onSourceClick && onSourceClick(el);
@@ -28095,7 +28207,7 @@
 	      }) : null;
 	    },
 	    renderAIScreen: function renderAIScreen() {
-	      var _this16 = this;
+	      var _this17 = this;
 	      var customAIRenderer = this.$props.renderAIAnswer || this.$slots.renderAIAnswer;
 	      if (customAIRenderer) {
 	        return customAIRenderer({
@@ -28119,11 +28231,11 @@
 	        "hideUI": this.isAIResponseLoading || this.isLoading || !this.sessionIdFromStore,
 	        "key": this.sessionIdFromStore,
 	        "onFeedbackSubmit": function onFeedbackSubmit(useful, reason) {
-	          _this16.feedbackState = {
+	          _this17.feedbackState = {
 	            isRecorded: true,
 	            feedbackType: useful ? 'positive' : 'negative'
 	          };
-	          _this16.recordAISessionUsefulness(_this16.sessionIdFromStore, {
+	          _this17.recordAISessionUsefulness(_this17.sessionIdFromStore, {
 	            useful: useful,
 	            reason: reason
 	          });
@@ -28158,7 +28270,7 @@
 	      });
 	    },
 	    renderAskButtonElement: function renderAskButtonElement() {
-	      var _this17 = this;
+	      var _this18 = this;
 	      var _this$$props5 = this.$props,
 	        AIUIConfig = _this$$props5.AIUIConfig,
 	        innerClass = _this$$props5.innerClass;
@@ -28168,12 +28280,12 @@
 	      if (askButton) {
 	        var getEnterButtonMarkup = function getEnterButtonMarkup() {
 	          if (renderAskButton) {
-	            return renderAskButton(_this17.askButtonOnClick);
+	            return renderAskButton(_this18.askButtonOnClick);
 	          }
 	          return vue.createVNode(Button, {
 	            "class": "enter-btn " + getClassName$3(innerClass, 'ask-button'),
 	            "info": true,
-	            "onClick": _this17.askButtonOnClick
+	            "onClick": _this18.askButtonOnClick
 	          }, {
 	            "default": function _default() {
 	              return [vue.createTextVNode("Ask")];
@@ -28188,7 +28300,7 @@
 	    }
 	  },
 	  render: function render() {
-	    var _this18 = this;
+	    var _this19 = this;
 	    var expandSuggestionsContainer = this.$props.expandSuggestionsContainer;
 	    var _this$$slots = this.$slots,
 	      recentSearchesIcon = _this$$slots.recentSearchesIcon,
@@ -28199,17 +28311,17 @@
 	      "class": this.$props.className
 	    }, {
 	      "default": function _default() {
-	        return [_this18.$props.title && vue.createVNode(Title, {
-	          "class": getClassName$3(_this18.$props.innerClass, 'title') || ''
+	        return [_this19.$props.title && vue.createVNode(Title, {
+	          "class": getClassName$3(_this19.$props.innerClass, 'title') || ''
 	        }, {
 	          "default": function _default() {
-	            return [_this18.$props.title];
+	            return [_this19.$props.title];
 	          }
-	        }), _this18.$props.autosuggest ? vue.createVNode(Downshift, {
-	          "id": _this18.$props.componentId + "-downshift",
-	          "handleChange": _this18.onSuggestionSelected,
-	          "handleMouseup": _this18.handleStateChange,
-	          "isOpen": _this18.$data.isOpen
+	        }), _this19.$props.autosuggest ? vue.createVNode(Downshift, {
+	          "id": _this19.$props.componentId + "-downshift",
+	          "handleChange": _this19.onSuggestionSelected,
+	          "handleMouseup": _this19.handleStateChange,
+	          "isOpen": _this19.$data.isOpen
 	        }, {
 	          "default": function _default(_ref8) {
 	            var getInputEvents = _ref8.getInputEvents,
@@ -28265,21 +28377,21 @@
 	                }
 	              };
 	              var indexOffset = 0;
-	              return vue.createVNode("div", null, [_this18.hasCustomRenderer && _this18.getComponent({
+	              return vue.createVNode("div", null, [_this19.hasCustomRenderer && _this19.getComponent({
 	                isOpen: isOpen,
 	                getItemProps: getItemProps,
 	                getItemEvents: getItemEvents,
 	                highlightedIndex: highlightedIndex
-	              }), _this18.renderErrorComponent(), !_this18.hasCustomRenderer && isOpen && hasSuggestions ? vue.createVNode("ul", {
-	                "class": suggestions$1(_this18.themePreset, _this18.theme) + " " + getClassName$3(_this18.$props.innerClass, 'list') + " " + searchboxSuggestions(_this18.themePreset, _this18.theme) + "\n\t\t\t\t\t\t\t\t\t\t\t\t\t",
+	              }), _this19.renderErrorComponent(), !_this19.hasCustomRenderer && isOpen && hasSuggestions ? vue.createVNode("ul", {
+	                "class": suggestions$1(_this19.themePreset, _this19.theme) + " " + getClassName$3(_this19.$props.innerClass, 'list') + " " + searchboxSuggestions(_this19.themePreset, _this19.theme) + "\n\t\t\t\t\t\t\t\t\t\t\t\t\t",
 	                "ref": _dropdownULRef
-	              }, [_this18.showAIScreen && vue.createVNode(SearchBoxAISection, {
-	                "themePreset": _this18.$props.themePreset
+	              }, [_this19.showAIScreen && vue.createVNode(SearchBoxAISection, {
+	                "themePreset": _this19.$props.themePreset
 	              }, {
 	                "default": function _default() {
-	                  return [_this18.renderAIScreen(), ' ', _this18.renderErrorComponent(true)];
+	                  return [_this19.renderAIScreen(), ' ', _this19.renderErrorComponent(true)];
 	                }
-	              }), !_this18.showAIScreen && _this18.parsedSuggestions.map(function (item, itemIndex) {
+	              }), !_this19.showAIScreen && _this19.parsedSuggestions.map(function (item, itemIndex) {
 	                var index = indexOffset + itemIndex;
 	                if (Array.isArray(item)) {
 	                  var sectionHtml = lib$2(item[0].sectionLabel);
@@ -28288,7 +28400,7 @@
 	                    "key": "section-" + itemIndex,
 	                    "class": "section-container"
 	                  }, [sectionHtml ? vue.createVNode("div", {
-	                    "class": "section-header " + getClassName$3(_this18.$props.innerClass, 'section-label'),
+	                    "class": "section-header " + getClassName$3(_this19.$props.innerClass, 'section-label'),
 	                    "key": "" + item[0].sectionId,
 	                    "innerHTML": sectionHtml
 	                  }, null) : null, vue.createVNode("ul", {
@@ -28308,7 +28420,7 @@
 	                          justifyContent: 'flex-start',
 	                          alignItems: 'center'
 	                        },
-	                        "class": "" + (highlightedIndex === index + sectionIndex ? "active-li-item " + getClassName$3(_this18.$props.innerClass, 'active-suggestion-item') : "li-item " + getClassName$3(_this18.$props.innerClass, 'suggestion-item'))
+	                        "class": "" + (highlightedIndex === index + sectionIndex ? "active-li-item " + getClassName$3(_this19.$props.innerClass, 'active-suggestion-item') : "li-item " + getClassName$3(_this19.$props.innerClass, 'suggestion-item'))
 	                      }), [renderItem(sectionItem)]);
 	                    }
 	                    if (sectionItem._suggestion_type === '_internal_a_i_trigger') {
@@ -28322,9 +28434,9 @@
 	                          justifyContent: 'flex-start',
 	                          alignItems: 'center'
 	                        },
-	                        "class": "" + (highlightedIndex === index + sectionIndex ? "active-li-item " + getClassName$3(_this18.$props.innerClass, 'active-suggestion-item') : "li-item " + getClassName$3(_this18.$props.innerClass, 'suggestion-item'))
+	                        "class": "" + (highlightedIndex === index + sectionIndex ? "active-li-item " + getClassName$3(_this19.$props.innerClass, 'active-suggestion-item') : "li-item " + getClassName$3(_this19.$props.innerClass, 'suggestion-item'))
 	                      }), [vue.createVNode(SuggestionItem, {
-	                        "currentValue": _this18.currentValue,
+	                        "currentValue": _this19.currentValue,
 	                        "suggestion": sectionItem
 	                      }, null)]);
 	                    }
@@ -28338,7 +28450,7 @@
 	                        justifyContent: 'flex-start',
 	                        alignItems: 'center'
 	                      },
-	                      "class": "" + (highlightedIndex === index + sectionIndex ? "active-li-item " + getClassName$3(_this18.$props.innerClass, 'active-suggestion-item') : "li-item " + getClassName$3(_this18.$props.innerClass, 'suggestion-item'))
+	                      "class": "" + (highlightedIndex === index + sectionIndex ? "active-li-item " + getClassName$3(_this19.$props.innerClass, 'active-suggestion-item') : "li-item " + getClassName$3(_this19.$props.innerClass, 'suggestion-item'))
 	                    }), [vue.createVNode("div", {
 	                      "style": {
 	                        padding: '0 10px 0 0',
@@ -28346,74 +28458,74 @@
 	                      }
 	                    }, [vue.createVNode(CustomSvg, {
 	                      "key": sectionItem._suggestion_type + "-" + sectionIndex,
-	                      "className": getClassName$3(_this18.$props.innerClass, sectionItem._suggestion_type + "-search-icon") || null,
+	                      "className": getClassName$3(_this19.$props.innerClass, sectionItem._suggestion_type + "-search-icon") || null,
 	                      "icon": getIcon(sectionItem._suggestion_type, sectionItem, suggestionsHaveIcon),
 	                      "type": sectionItem._suggestion_type + "-search-icon"
 	                    }, null)]), vue.createVNode(SuggestionItem, {
-	                      "currentValue": _this18.currentValue,
+	                      "currentValue": _this19.currentValue,
 	                      "suggestion": sectionItem
-	                    }, null), _this18.renderActionIcon(sectionItem)]);
+	                    }, null), _this19.renderActionIcon(sectionItem)]);
 	                  })])]);
 	                }
 	                return vue.createVNode("div", null, [vue.createTextVNode("No suggestions")]);
-	              }), !_this18.showAIScreen && _this18.parsedSuggestions.length && _this18.$props.showSuggestionsFooter ? _this18.suggestionsFooter() : null]) : _this18.renderNoSuggestions(_this18.normalizedSuggestions)]);
+	              }), !_this19.showAIScreen && _this19.parsedSuggestions.length && _this19.$props.showSuggestionsFooter ? _this19.suggestionsFooter() : null]) : _this19.renderNoSuggestions(_this19.normalizedSuggestions)]);
 	            };
 	            return vue.createVNode("div", {
 	              "class": suggestionsContainer
 	            }, [vue.createVNode(InputGroup, {
 	              "searchBox": true,
 	              "ref": _inputGroupRef,
-	              "isOpen": _this18.$data.isOpen
+	              "isOpen": _this19.$data.isOpen
 	            }, {
 	              "default": function _default() {
 	                return [vue.createVNode(Actions, null, {
 	                  "default": function _default() {
-	                    return [_this18.renderInputAddonBefore(), _this18.renderLeftIcons()];
+	                    return [_this19.renderInputAddonBefore(), _this19.renderLeftIcons()];
 	                  }
 	                }), vue.createVNode(InputWrapper, null, {
 	                  "default": function _default() {
 	                    return [vue.createVNode(TextArea, vue.mergeProps(babelHelperVueTransformOn(getInputEvents({
-	                      onInput: _this18.onInputChange,
+	                      onInput: _this19.onInputChange,
 	                      onBlur: function onBlur(e) {
-	                        _this18.$emit('blur', e, _this18.triggerQuery);
+	                        _this19.$emit('blur', e, _this19.triggerQuery);
 	                      },
-	                      onFocus: _this18.handleFocus,
+	                      onFocus: _this19.handleFocus,
 	                      onKeyPress: function onKeyPress(e) {
-	                        _this18.$emit('keyPress', e, _this18.triggerQuery);
-	                        _this18.$emit('key-press', e, _this18.triggerQuery);
+	                        _this19.$emit('keyPress', e, _this19.triggerQuery);
+	                        _this19.$emit('key-press', e, _this19.triggerQuery);
 	                      },
 	                      onKeyDown: function onKeyDown(e) {
-	                        return _this18.handleKeyDown(e, highlightedIndex);
+	                        return _this19.handleKeyDown(e, highlightedIndex);
 	                      },
 	                      onKeyUp: function onKeyUp(e) {
-	                        _this18.$emit('keyUp', e, _this18.triggerQuery);
-	                        _this18.$emit('key-up', e, _this18.triggerQuery);
+	                        _this19.$emit('keyUp', e, _this19.triggerQuery);
+	                        _this19.$emit('key-up', e, _this19.triggerQuery);
 	                      },
 	                      onClick: function onClick() {
 	                        setHighlightedIndex(null);
 	                      }
 	                    })), {
 	                      "searchBox": true,
-	                      "isOpen": _this18.$data.isOpen,
-	                      "id": _this18.$props.componentId + "-input",
-	                      "ref": _this18.$props.innerRef,
-	                      "class": getClassName$3(_this18.$props.innerClass, 'input'),
-	                      "placeholder": _this18.$props.placeholder,
-	                      "autoFocus": _this18.$props.autoFocus
+	                      "isOpen": _this19.$data.isOpen,
+	                      "id": _this19.$props.componentId + "-input",
+	                      "ref": _this19.$props.innerRef,
+	                      "class": getClassName$3(_this19.$props.innerClass, 'input'),
+	                      "placeholder": _this19.$props.placeholder,
+	                      "autoFocus": _this19.$props.autoFocus
 	                    }, getInputProps({
-	                      value: _this18.$data.currentValue === null ? '' : _this18.$data.currentValue
+	                      value: _this19.$data.currentValue === null ? '' : _this19.$data.currentValue
 	                    }), {
-	                      "themePreset": _this18.themePreset,
+	                      "themePreset": _this19.themePreset,
 	                      "autocomplete": "off"
 	                    }), null), !expandSuggestionsContainer && renderSuggestionsDropdown()];
 	                  }
 	                }), vue.createVNode(Actions, null, {
 	                  "default": function _default() {
-	                    return [_this18.renderRightIcons(), _this18.renderInputAddonAfter(), _this18.renderAskButtonElement(), _this18.renderEnterButtonElement()];
+	                    return [_this19.renderRightIcons(), _this19.renderInputAddonAfter(), _this19.renderAskButtonElement(), _this19.renderEnterButtonElement()];
 	                  }
 	                })];
 	              }
-	            }), expandSuggestionsContainer && renderSuggestionsDropdown(), _this18.renderTags()]);
+	            }), expandSuggestionsContainer && renderSuggestionsDropdown(), _this19.renderTags()]);
 	          }
 	        }) : vue.createVNode("div", {
 	          "class": suggestionsContainer
@@ -28424,43 +28536,43 @@
 	          "default": function _default() {
 	            return [vue.createVNode(Actions, null, {
 	              "default": function _default() {
-	                return [_this18.renderInputAddonBefore(), _this18.renderLeftIcons()];
+	                return [_this19.renderInputAddonBefore(), _this19.renderLeftIcons()];
 	              }
 	            }), vue.createVNode(InputWrapper, null, {
 	              "default": function _default() {
 	                return [vue.createVNode(TextArea, vue.mergeProps(babelHelperVueTransformOn({
 	                  blur: function blur(e) {
-	                    _this18.$emit('blur', e, _this18.triggerQuery);
+	                    _this19.$emit('blur', e, _this19.triggerQuery);
 	                  },
 	                  keypress: function keypress(e) {
-	                    _this18.$emit('keyPress', e, _this18.triggerQuery);
-	                    _this18.$emit('key-press', e, _this18.triggerQuery);
+	                    _this19.$emit('keyPress', e, _this19.triggerQuery);
+	                    _this19.$emit('key-press', e, _this19.triggerQuery);
 	                  },
-	                  input: _this18.onInputChange,
+	                  input: _this19.onInputChange,
 	                  focus: function focus(e) {
-	                    _this18.$emit('focus', e, _this18.triggerQuery);
+	                    _this19.$emit('focus', e, _this19.triggerQuery);
 	                  },
-	                  keydown: _this18.handleKeyDown,
+	                  keydown: _this19.handleKeyDown,
 	                  keyup: function keyup(e) {
-	                    _this18.$emit('keyUp', e, _this18.triggerQuery);
-	                    _this18.$emit('key-up', e, _this18.triggerQuery);
+	                    _this19.$emit('keyUp', e, _this19.triggerQuery);
+	                    _this19.$emit('key-up', e, _this19.triggerQuery);
 	                  }
 	                }), {
 	                  "searchBox": true,
-	                  "class": getClassName$3(_this18.$props.innerClass, 'input') || '',
-	                  "placeholder": _this18.$props.placeholder,
-	                  "autofocus": _this18.$props.autoFocus,
-	                  "value": _this18.$data.currentValue ? _this18.$data.currentValue : '',
-	                  "iconPosition": _this18.$props.iconPosition,
-	                  "showIcon": _this18.$props.showIcon,
-	                  "showClear": _this18.$props.showClear,
-	                  "ref": _this18.$props.innerRef,
-	                  "themePreset": _this18.themePreset
+	                  "class": getClassName$3(_this19.$props.innerClass, 'input') || '',
+	                  "placeholder": _this19.$props.placeholder,
+	                  "autofocus": _this19.$props.autoFocus,
+	                  "value": _this19.$data.currentValue ? _this19.$data.currentValue : '',
+	                  "iconPosition": _this19.$props.iconPosition,
+	                  "showIcon": _this19.$props.showIcon,
+	                  "showClear": _this19.$props.showClear,
+	                  "ref": _this19.$props.innerRef,
+	                  "themePreset": _this19.themePreset
 	                }), null)];
 	              }
 	            }), vue.createVNode(Actions, null, {
 	              "default": function _default() {
-	                return [_this18.renderRightIcons(), _this18.renderInputAddonAfter(), _this18.renderEnterButtonElement()];
+	                return [_this19.renderRightIcons(), _this19.renderInputAddonAfter(), _this19.renderEnterButtonElement()];
 	              }
 	            })];
 	          }
@@ -38024,7 +38136,7 @@
 	      type = _props$attribute.type,
 	      trackProperties = _props$attribute.trackProperties,
 	      noBind = _props$attribute.noBind;
-	    if (noBind) return "continue";
+	    if (noBind) return 1; // continue
 	    var setMethodName = 'set' + Str.capitalizeFirstLetter(attribute);
 	    var getMethodName = 'get' + Str.capitalizeFirstLetter(attribute);
 	    var eventName = attribute.toLowerCase() + '_changed';
@@ -38060,8 +38172,7 @@
 	    }
 	  };
 	  for (var attribute in props) {
-	    var _ret = _loop(attribute);
-	    if (_ret === "continue") continue;
+	    if (_loop(attribute)) continue;
 	  }
 	}
 
@@ -44253,7 +44364,7 @@
 	  }, queryString, renderFunction);
 	}
 
-	var version = "3.0.6";
+	var version = "3.1.0-alpha.1";
 
 	var components = [RLConnected, ResultCard, ResultList, ReactiveBase, SBConnected, ListConnected, ListConnected$1, RangeConnected$1, RangeConnected$2, RangeConnected$3, RangeConnected, RcConnected, RcConnected$1, RcConnected$2, TBConnected, ListConnected$2, ListConnected$3, StateProviderConnected, RangeConnected$4, TreeListConnected, AIConnected];
 	function install$1 (Vue) {