@appbaseio/reactivesearch-vue 3.0.4 → 3.0.6

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

@@ -24969,7 +24969,7 @@
 	};
 	var suggestionsContainer = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n\tposition: relative;\n\t.cancel-icon {\n\t\tcursor: pointer;\n\t}\n"])));
 	var noSuggestions = function noSuggestions(themePreset, theme) {
-	  return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n\tdisplay: block;\n\twidth: 100%;\n\tborder: 1px solid #ccc;\n\tborder-top: none;\n\tbackground-color: #fff;\n\tfont-size: 0.9rem;\n\tz-index: 3;\n\tposition: absolute;\n\tmargin: 0;\n\tpadding: 0;\n\tlist-style: none;\n\tmax-height: 260px;\n\toverflow-y: auto;\n\n\t&.small {\n\t\ttop: 30px;\n\t}\n\n\tli {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\tpadding: 10px;\n\t\tuser-select: none;\n\n\t\t& > .trim {\n\t\t\tdisplay: -webkit-box;\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t\tmax-height: 2.3rem;\n\t\t\tline-height: 1.2rem;\n\t\t\t-webkit-line-clamp: 2;\n\t\t\t-webkit-box-orient: vertical;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t}\n\t}\n\n\t", "\n"])), themePreset === 'dark' && theme && dark$1(theme));
+	  return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n\tdisplay: block;\n\twidth: 100%;\n\tborder-top: none;\n\tbackground-color: #fff;\n\tfont-size: 0.9rem;\n\tz-index: 3;\n\tposition: absolute;\n\tmargin: 0;\n\tpadding: 0;\n\tlist-style: none;\n\tmax-height: 260px;\n\toverflow-y: auto;\n    border-radius: 6px;\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n    box-shadow: rgb(0 0 0 / 20%) 0px 10px 15px;\n    border-top: 1px solid #f2f0f0;\n\n\t&.small {\n\t\ttop: 30px;\n\t}\n\n\tli {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\tpadding: 10px;\n\t\tuser-select: none;\n\n\t\t& > .trim {\n\t\t\tdisplay: -webkit-box;\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t\tmax-height: 2.3rem;\n\t\t\tline-height: 1.2rem;\n\t\t\t-webkit-line-clamp: 2;\n\t\t\t-webkit-box-orient: vertical;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t}\n\t}\n\n\t", "\n"])), themePreset === 'dark' && theme && dark$1(theme));
 	};
 	var TextArea = styled('textarea')(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n\t", ";\n\t", ";\n\n\t", ";\n\t", ";\n\t&::-webkit-search-decoration,\n\t&::-webkit-search-cancel-button,\n\t&::-webkit-search-results-button,\n\t&::-webkit-search-results-decoration {\n\t\tdisplay: none;\n\t}\n\tresize: none;\n\toverflow: hidden;\n\theight: 42px;\n\tpadding-left: 0;\n\tpadding-right: 0;\n\tborder-color: transparent;\n\n"])), function (props) {
 	  return input(props.searchBox);
@@ -27020,7 +27020,23 @@
 	    AIUIConfig: types.AIUIConfig
 	  },
 	  mounted: function mounted() {
+	    var _this = 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) {
+	          // User is scrolling up
+	          clearInterval(_this.scrollTimerRef);
+	          _this.isUserScrolling = true;
+	        }
+	        // Update lastScrollTop with the current scroll position
+	        _this.lastScrollTop = scrollTop;
+	      };
+	      dropdownEle.addEventListener('scroll', handleScroll);
+	    }
 	  },
 	  updated: function updated() {
 	    if (this.$props.mode === constants_5$1.SELECT && this.$options.isTagsMode === true) {
@@ -27156,9 +27172,10 @@
 	      }
 	    },
 	    isAITyping: function isAITyping(newVal, oldVal) {
-	      var _this = this;
+	      var _this2 = this;
 	      var scrollAIContainer = function scrollAIContainer() {
-	        var dropdownEle = _this.$refs[_dropdownULRef];
+	        if (_this2.isUserScrolling) return;
+	        var dropdownEle = _this2.$refs[_dropdownULRef];
 	        if (dropdownEle) {
 	          dropdownEle.scrollTo({
 	            top: dropdownEle.scrollHeight,
@@ -27167,6 +27184,7 @@
 	        }
 	      };
 	      if (!newVal && oldVal) {
+	        clearInterval(this.scrollTimerRef);
 	        this.showAIScreenFooter = true;
 	        if (this.$props.AIUIConfig && typeof this.$props.AIUIConfig.showFeedback === 'boolean' ? this.$props.AIUIConfig.showFeedback : true) {
 	          this.showFeedbackComponent = true;
@@ -27175,7 +27193,7 @@
 	          scrollAIContainer();
 	        }, 500);
 	      } else if (newVal) {
-	        this.scrollTimerRef = setTimeout(function () {
+	        this.scrollTimerRef = setInterval(function () {
 	          scrollAIContainer();
 	        }, 2000);
 	      }
@@ -27267,7 +27285,7 @@
 	      }
 	    },
 	    setValue: function setValue(value, isDefaultValue, props, cause, toggleIsOpen, categoryValue, shouldExecuteQuery) {
-	      var _this2 = this;
+	      var _this3 = this;
 	      if (isDefaultValue === void 0) {
 	        isDefaultValue = false;
 	      }
@@ -27284,65 +27302,65 @@
 	        shouldExecuteQuery = true;
 	      }
 	      var performUpdate = function performUpdate() {
-	        if (_this2.$options.isTagsMode && isEqual$4(value, _this2.selectedTags)) {
+	        if (_this3.$options.isTagsMode && isEqual$4(value, _this3.selectedTags)) {
 	          return;
 	        }
-	        if (_this2.$options.isTagsMode && cause === lib_7.SUGGESTION_SELECT) {
-	          if (Array.isArray(_this2.selectedTags) && _this2.selectedTags.length) {
+	        if (_this3.$options.isTagsMode && cause === lib_7.SUGGESTION_SELECT) {
+	          if (Array.isArray(_this3.selectedTags) && _this3.selectedTags.length) {
 	            // check if value already present in selectedTags
-	            if (typeof value === 'string' && _this2.selectedTags.includes(value)) {
-	              _this2.isOpen = false;
+	            if (typeof value === 'string' && _this3.selectedTags.includes(value)) {
+	              _this3.isOpen = false;
 	              return;
 	            }
-	            _this2.selectedTags = [].concat(_this2.selectedTags);
+	            _this3.selectedTags = [].concat(_this3.selectedTags);
 	            if (typeof value === 'string' && !!value) {
-	              _this2.selectedTags.push(value);
-	            } else if (Array.isArray(value) && !isEqual$4(_this2.selectedTags, value)) {
-	              _this2.selectedTags = value;
+	              _this3.selectedTags.push(value);
+	            } else if (Array.isArray(value) && !isEqual$4(_this3.selectedTags, value)) {
+	              _this3.selectedTags = value;
 	            }
 	          } else if (value) {
-	            _this2.selectedTags = typeof value !== 'string' ? value : [].concat(value);
+	            _this3.selectedTags = typeof value !== 'string' ? value : [].concat(value);
 	          }
-	          _this2.currentValue = '';
+	          _this3.currentValue = '';
 	        } else {
-	          _this2.currentValue = decodeHtml(value);
+	          _this3.currentValue = decodeHtml(value);
 	        }
 	        var queryHandlerValue = value;
-	        if (_this2.$options.isTagsMode && cause === lib_7.SUGGESTION_SELECT) {
-	          queryHandlerValue = Array.isArray(_this2.selectedTags) && _this2.selectedTags.length ? _this2.selectedTags : undefined;
+	        if (_this3.$options.isTagsMode && cause === lib_7.SUGGESTION_SELECT) {
+	          queryHandlerValue = Array.isArray(_this3.selectedTags) && _this3.selectedTags.length ? _this3.selectedTags : undefined;
 	        }
-	        if ((_this2.faqAnswer || _this2.faqQuestion) && value === '') {
+	        if ((_this3.faqAnswer || _this3.faqQuestion) && value === '') {
 	          // Empty the previous state
-	          _this2.faqAnswer = '';
-	          _this2.faqQuestion = '';
-	          _this2.showAIScreen = false;
+	          _this3.faqAnswer = '';
+	          _this3.faqQuestion = '';
+	          _this3.showAIScreen = false;
 	        }
 	        if (isDefaultValue) {
-	          if (_this2.$props.autosuggest) {
+	          if (_this3.$props.autosuggest) {
 	            if (toggleIsOpen) {
-	              _this2.isOpen = false;
+	              _this3.isOpen = false;
 	            }
-	            if (typeof _this2.currentValue === 'string') _this2.triggerDefaultQuery(_this2.currentValue, props.enableAI && _this2.currentTriggerMode === constants_9$1.QUESTION && _this2.currentValue.endsWith('?') ? {
+	            if (typeof _this3.currentValue === 'string') _this3.triggerDefaultQuery(_this3.currentValue, props.enableAI && _this3.currentTriggerMode === constants_9$1.QUESTION && _this3.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 || (_this2.$options.isTagsMode ? _this2.selectedTags.length === 0 : value === '')) {
-	              _this2.triggerCustomQuery(queryHandlerValue, _this2.$options.isTagsMode ? undefined : categoryValue, shouldExecuteQuery);
+	            if (cause === lib_7.SUGGESTION_SELECT || (_this3.$options.isTagsMode ? _this3.selectedTags.length === 0 : value === '')) {
+	              _this3.triggerCustomQuery(queryHandlerValue, _this3.$options.isTagsMode ? undefined : categoryValue, shouldExecuteQuery);
 	            } else {
-	              _this2.setValue('', true);
+	              _this3.setValue('', true);
 	            }
 	          } else if (props.value === undefined || cause === lib_7.SUGGESTION_SELECT || cause === lib_7.CLEAR_VALUE) {
-	            _this2.showAIScreen = false;
-	            _this2.triggerCustomQuery(queryHandlerValue, _this2.$options.isTagsMode ? undefined : categoryValue, shouldExecuteQuery);
+	            _this3.showAIScreen = false;
+	            _this3.triggerCustomQuery(queryHandlerValue, _this3.$options.isTagsMode ? undefined : categoryValue, shouldExecuteQuery);
 	          }
 	        } else {
 	          // debounce for handling text while typing
-	          _this2.handleTextChange(value, cause);
+	          _this3.handleTextChange(value, cause);
 	        }
-	        _this2.$emit('valueChange', value);
-	        _this2.$emit('value-change', value);
+	        _this3.$emit('valueChange', value);
+	        _this3.$emit('value-change', value);
 	      };
 	      checkValueChange(props.componentId, value, props.beforeValueChange, performUpdate);
 	    },
@@ -27491,7 +27509,7 @@
 	      this.$emit('key-down', event, this.triggerQuery);
 	    },
 	    onInputChange: function onInputChange(e) {
-	      var _this3 = this;
+	      var _this4 = this;
 	      var inputValue = e.target.value;
 	      if (!this.$data.isOpen && this.$props.autosuggest) {
 	        this.isOpen = true;
@@ -27505,7 +27523,7 @@
 	      } else {
 	        this.$emit('change', inputValue, function (_ref3) {
 	          var isOpen = _ref3.isOpen;
-	          return _this3.triggerQuery({
+	          return _this4.triggerQuery({
 	            defaultQuery: true,
 	            customQuery: true,
 	            value: inputValue,
@@ -27549,7 +27567,7 @@
 	      }
 	    },
 	    onSuggestionSelected: function onSuggestionSelected(suggestion) {
-	      var _this4 = this;
+	      var _this5 = 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
@@ -27598,10 +27616,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 _this4.triggerQuery(_extends({
+	          return _this5.triggerQuery(_extends({
 	            isOpen: isOpen,
 	            value: emitValue
-	          }, !_this4.$options.isTagsMode && {
+	          }, !_this5.$options.isTagsMode && {
 	            categoryValue: suggestion._category
 	          }));
 	        });
@@ -27641,7 +27659,7 @@
 	      return null;
 	    },
 	    renderErrorComponent: function renderErrorComponent(isAIError) {
-	      var _this5 = this;
+	      var _this6 = this;
 	      if (isAIError === void 0) {
 	        isAIError = false;
 	      }
@@ -27668,7 +27686,7 @@
 	          "themePreset": this.themePreset
 	        }, {
 	          "default": function _default() {
-	            return [isFunction(renderError) ? renderError(_this5.error) : renderError];
+	            return [isFunction(renderError) ? renderError(_this6.error) : renderError];
 	          }
 	        });
 	      }
@@ -27748,7 +27766,7 @@
 	      });
 	    },
 	    renderEnterButtonElement: function renderEnterButtonElement() {
-	      var _this6 = this;
+	      var _this7 = this;
 	      var _this$$props2 = this.$props,
 	        enterButton = _this$$props2.enterButton,
 	        innerClass = _this$$props2.innerClass;
@@ -27756,12 +27774,12 @@
 	      if (enterButton) {
 	        var getEnterButtonMarkup = function getEnterButtonMarkup() {
 	          if (renderEnterButton) {
-	            return renderEnterButton(_this6.enterButtonOnClick);
+	            return renderEnterButton(_this7.enterButtonOnClick);
 	          }
 	          return vue.createVNode(Button, {
 	            "class": "enter-btn " + getClassName$3(innerClass, 'enter-button'),
 	            "primary": true,
-	            "onClick": _this6.enterButtonOnClick
+	            "onClick": _this7.enterButtonOnClick
 	          }, {
 	            "default": function _default() {
 	              return [vue.createTextVNode("Search")];
@@ -27787,7 +27805,7 @@
 	      return '/';
 	    },
 	    renderLeftIcons: function renderLeftIcons() {
-	      var _this7 = this;
+	      var _this8 = this;
 	      var _slot3;
 	      var _this$$props3 = this.$props,
 	        iconPosition = _this$$props3.iconPosition,
@@ -27797,8 +27815,8 @@
 	      }, {
 	        "default": function _default() {
 	          return [iconPosition === 'left' && showIcon && vue.createVNode(IconWrapper, {
-	            "onClick": _this7.handleSearchIconClick
-	          }, _isSlot$5(_slot3 = _this7.renderIcon()) ? _slot3 : {
+	            "onClick": _this8.handleSearchIconClick
+	          }, _isSlot$5(_slot3 = _this8.renderIcon()) ? _slot3 : {
 	            "default": function _default() {
 	              return [_slot3];
 	            }
@@ -27807,7 +27825,7 @@
 	      })]);
 	    },
 	    renderRightIcons: function renderRightIcons() {
-	      var _this8 = this;
+	      var _this9 = this;
 	      var _slot4, _slot5, _slot6;
 	      var _this$$props4 = this.$props,
 	        iconPosition = _this$$props4.iconPosition,
@@ -27824,29 +27842,29 @@
 	      }, {
 	        "default": function _default() {
 	          return [currentValue && showClear && vue.createVNode(IconWrapper, {
-	            "onClick": _this8.clearValue,
+	            "onClick": _this9.clearValue,
 	            "showIcon": showIcon,
 	            "isClearIcon": true
-	          }, _isSlot$5(_slot4 = _this8.renderCancelIcon()) ? _slot4 : {
+	          }, _isSlot$5(_slot4 = _this9.renderCancelIcon()) ? _slot4 : {
 	            "default": function _default() {
 	              return [_slot4];
 	            }
 	          }), showFocusShortcutsIcon && vue.createVNode(ButtonIconWrapper, {
 	            "onClick": function onClick(e) {
-	              return _this8.focusSearchBox(e);
+	              return _this9.focusSearchBox(e);
 	            }
-	          }, _isSlot$5(_slot5 = _this8.renderShortcut()) ? _slot5 : {
+	          }, _isSlot$5(_slot5 = _this9.renderShortcut()) ? _slot5 : {
 	            "default": function _default() {
 	              return [_slot5];
 	            }
 	          }), showVoiceSearch && vue.createVNode(Mic, {
 	            "getInstance": getMicInstance,
 	            "render": renderMic,
-	            "handleResult": _this8.handleVoiceResults,
+	            "handleResult": _this9.handleVoiceResults,
 	            "className": getClassName$3(innerClass, 'mic') || null
 	          }, null), iconPosition === 'right' && showIcon && vue.createVNode(IconWrapper, {
-	            "onClick": _this8.handleSearchIconClick
-	          }, _isSlot$5(_slot6 = _this8.renderIcon()) ? _slot6 : {
+	            "onClick": _this9.handleSearchIconClick
+	          }, _isSlot$5(_slot6 = _this9.renderIcon()) ? _slot6 : {
 	            "default": function _default() {
 	              return [_slot6];
 	            }
@@ -27865,7 +27883,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 _this9 = this;
+	      var _this10 = this;
 	      var _this$$props$focusSho = this.$props.focusShortcuts,
 	        focusShortcuts = _this$$props$focusSho === void 0 ? ['/'] : _this$$props$focusSho;
 	      if (isEmpty(focusShortcuts)) {
@@ -27880,7 +27898,7 @@
 	      function (event, handler) {
 	        // Prevent the default refresh event under WINDOWS system
 	        event.preventDefault();
-	        _this9.focusSearchBox(event);
+	        _this10.focusSearchBox(event);
 	      });
 
 	      // if one of modifier keys are used, they are handled below
@@ -27890,7 +27908,7 @@
 	        for (var index = 0; index < modifierKeys.length; index += 1) {
 	          var element = modifierKeys[index];
 	          if (hotkeys[element]) {
-	            _this9.focusSearchBox(event);
+	            _this10.focusSearchBox(event);
 	            break;
 	          }
 	        }
@@ -27903,10 +27921,10 @@
 	      this.triggerDefaultQuery(value);
 	    },
 	    renderActionIcon: function renderActionIcon(suggestion) {
-	      var _this10 = this;
+	      var _this11 = this;
 	      var handleAutoFillClick = function handleAutoFillClick(e) {
 	        e.stopPropagation();
-	        _this10.onAutofillClick(suggestion);
+	        _this11.onAutofillClick(suggestion);
 	      };
 	      if (suggestion._suggestion_type === helper_16.Featured) {
 	        if (suggestion.action === helper_15.FUNCTION) {
@@ -27929,7 +27947,7 @@
 	      return null;
 	    },
 	    renderTag: function renderTag(item) {
-	      var _this11 = this;
+	      var _this12 = this;
 	      var innerClass = this.$props.innerClass;
 	      return vue.createVNode(TagItem, {
 	        "class": getClassName$3(innerClass, 'selected-tag') || ''
@@ -27940,7 +27958,7 @@
 	            "aria-label": "delete-tag",
 	            "class": "close-icon",
 	            "onClick": function onClick() {
-	              return _this11.clearTag(item);
+	              return _this12.clearTag(item);
 	            }
 	          }, [vue.createVNode(CancelSvg, null, null)])];
 	        }
@@ -27963,7 +27981,7 @@
 	      }
 	    },
 	    renderTags: function renderTags() {
-	      var _this12 = this;
+	      var _this13 = this;
 	      if (!Array.isArray(this.selectedTags)) {
 	        return null;
 	      }
@@ -27977,16 +27995,16 @@
 	      }) : vue.createVNode(TagsContainer, null, {
 	        "default": function _default() {
 	          return [tagsList.map(function (item) {
-	            return _this12.renderTag(item);
+	            return _this13.renderTag(item);
 	          }), shouldRenderClearAllTag && vue.createVNode(TagItem, {
-	            "class": getClassName$3(_this12.$props.innerClass, 'selected-tag') || ''
+	            "class": getClassName$3(_this13.$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": _this12.clearAllTags
+	                "onClick": _this13.clearAllTags
 	              }, [vue.createVNode(CancelSvg, null, null)])];
 	            }
 	          })];
@@ -27994,13 +28012,13 @@
 	      });
 	    },
 	    getAISourceObjects: function getAISourceObjects() {
-	      var _this13 = this;
+	      var _this14 = 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 = _this13.initialHits.find(function (hit) {
+	          var foundSourceObj = _this14.initialHits.find(function (hit) {
 	            return hit._id === id;
 	          }) || {};
 	          if (foundSourceObj) {
@@ -28034,7 +28052,7 @@
 	    },
 	    renderAIScreenFooter: function renderAIScreenFooter() {
 	      var _slot8;
-	      var _this14 = this;
+	      var _this15 = this;
 	      var _this$$props$AIUIConf2 = this.$props.AIUIConfig,
 	        AIUIConfig = _this$$props$AIUIConf2 === void 0 ? {} : _this$$props$AIUIConf2;
 	      var _ref6 = AIUIConfig || {},
@@ -28043,22 +28061,22 @@
 	        _ref6$onSourceClick = _ref6.onSourceClick,
 	        onSourceClick = _ref6$onSourceClick === void 0 ? function () {} : _ref6$onSourceClick;
 	      var renderSourceDocumentLabel = function renderSourceDocumentLabel(sourceObj) {
-	        if (_this14.$props.AIUIConfig && _this14.$props.AIUIConfig.renderSourceDocument) {
-	          return _this14.$props.AIUIConfig.renderSourceDocument(sourceObj);
+	        if (_this15.$props.AIUIConfig && _this15.$props.AIUIConfig.renderSourceDocument) {
+	          return _this15.$props.AIUIConfig.renderSourceDocument(sourceObj);
 	        }
-	        if (_this14.$slots.renderSourceDocument) {
-	          return _this14.$slots.renderSourceDocument(sourceObj);
+	        if (_this15.$slots.renderSourceDocument) {
+	          return _this15.$slots.renderSourceDocument(sourceObj);
 	        }
 	        return sourceObj._id;
 	      };
-	      return showSourceDocuments && this.showAIScreenFooter && this.AIResponse && this.AIResponse.response && this.AIResponse.response.answer && this.AIResponse.response.answer.documentIds ? vue.createVNode(Footer, {
+	      return showSourceDocuments && this.showAIScreenFooter && this.AIResponse && this.AIResponse.response && this.AIResponse.response.answer && this.AIResponse.response.answer.documentIds && this.AIResponse.response.answer.documentIds.length ? vue.createVNode(Footer, {
 	        "themePreset": this.$props.themePreset
 	      }, {
 	        "default": function _default() {
-	          return [vue.createTextVNode("Summary generated using the following sources:"), ' ', vue.createVNode(SourceTags, null, _isSlot$5(_slot8 = _this14.getAISourceObjects().map(function (el) {
+	          return [vue.createTextVNode("Summary generated using the following sources:"), ' ', vue.createVNode(SourceTags, null, _isSlot$5(_slot8 = _this15.getAISourceObjects().map(function (el) {
 	            var _slot7;
 	            return vue.createVNode(Button, {
-	              "class": "--ai-source-tag " + (getClassName$3(_this14.$props.innerClass, 'ai-source-tag') || ''),
+	              "class": "--ai-source-tag " + (getClassName$3(_this15.$props.innerClass, 'ai-source-tag') || ''),
 	              "info": true,
 	              "onClick": function onClick() {
 	                return onSourceClick && onSourceClick(el);
@@ -28077,7 +28095,7 @@
 	      }) : null;
 	    },
 	    renderAIScreen: function renderAIScreen() {
-	      var _this15 = this;
+	      var _this16 = this;
 	      var customAIRenderer = this.$props.renderAIAnswer || this.$slots.renderAIAnswer;
 	      if (customAIRenderer) {
 	        return customAIRenderer({
@@ -28101,11 +28119,11 @@
 	        "hideUI": this.isAIResponseLoading || this.isLoading || !this.sessionIdFromStore,
 	        "key": this.sessionIdFromStore,
 	        "onFeedbackSubmit": function onFeedbackSubmit(useful, reason) {
-	          _this15.feedbackState = {
+	          _this16.feedbackState = {
 	            isRecorded: true,
 	            feedbackType: useful ? 'positive' : 'negative'
 	          };
-	          _this15.recordAISessionUsefulness(_this15.sessionIdFromStore, {
+	          _this16.recordAISessionUsefulness(_this16.sessionIdFromStore, {
 	            useful: useful,
 	            reason: reason
 	          });
@@ -28140,7 +28158,7 @@
 	      });
 	    },
 	    renderAskButtonElement: function renderAskButtonElement() {
-	      var _this16 = this;
+	      var _this17 = this;
 	      var _this$$props5 = this.$props,
 	        AIUIConfig = _this$$props5.AIUIConfig,
 	        innerClass = _this$$props5.innerClass;
@@ -28150,12 +28168,12 @@
 	      if (askButton) {
 	        var getEnterButtonMarkup = function getEnterButtonMarkup() {
 	          if (renderAskButton) {
-	            return renderAskButton(_this16.askButtonOnClick);
+	            return renderAskButton(_this17.askButtonOnClick);
 	          }
 	          return vue.createVNode(Button, {
 	            "class": "enter-btn " + getClassName$3(innerClass, 'ask-button'),
 	            "info": true,
-	            "onClick": _this16.askButtonOnClick
+	            "onClick": _this17.askButtonOnClick
 	          }, {
 	            "default": function _default() {
 	              return [vue.createTextVNode("Ask")];
@@ -28170,28 +28188,28 @@
 	    }
 	  },
 	  render: function render() {
-	    var _this17 = this;
+	    var _this18 = this;
 	    var expandSuggestionsContainer = this.$props.expandSuggestionsContainer;
 	    var _this$$slots = this.$slots,
 	      recentSearchesIcon = _this$$slots.recentSearchesIcon,
 	      popularSearchesIcon = _this$$slots.popularSearchesIcon;
-	    var hasSuggestions = Array.isArray(this.normalizedSuggestions) && this.normalizedSuggestions.length;
+	    var hasSuggestions = Array.isArray(this.parsedSuggestions) && this.parsedSuggestions.length;
 	    var renderItem = this.$slots.renderItem || this.$props.renderItem;
 	    return vue.createVNode(Container, {
 	      "class": this.$props.className
 	    }, {
 	      "default": function _default() {
-	        return [_this17.$props.title && vue.createVNode(Title, {
-	          "class": getClassName$3(_this17.$props.innerClass, 'title') || ''
+	        return [_this18.$props.title && vue.createVNode(Title, {
+	          "class": getClassName$3(_this18.$props.innerClass, 'title') || ''
 	        }, {
 	          "default": function _default() {
-	            return [_this17.$props.title];
+	            return [_this18.$props.title];
 	          }
-	        }), _this17.$props.autosuggest ? vue.createVNode(Downshift, {
-	          "id": _this17.$props.componentId + "-downshift",
-	          "handleChange": _this17.onSuggestionSelected,
-	          "handleMouseup": _this17.handleStateChange,
-	          "isOpen": _this17.$data.isOpen
+	        }), _this18.$props.autosuggest ? vue.createVNode(Downshift, {
+	          "id": _this18.$props.componentId + "-downshift",
+	          "handleChange": _this18.onSuggestionSelected,
+	          "handleMouseup": _this18.handleStateChange,
+	          "isOpen": _this18.$data.isOpen
 	        }, {
 	          "default": function _default(_ref8) {
 	            var getInputEvents = _ref8.getInputEvents,
@@ -28247,21 +28265,21 @@
 	                }
 	              };
 	              var indexOffset = 0;
-	              return vue.createVNode("div", null, [_this17.hasCustomRenderer && _this17.getComponent({
+	              return vue.createVNode("div", null, [_this18.hasCustomRenderer && _this18.getComponent({
 	                isOpen: isOpen,
 	                getItemProps: getItemProps,
 	                getItemEvents: getItemEvents,
 	                highlightedIndex: highlightedIndex
-	              }), _this17.renderErrorComponent(), !_this17.hasCustomRenderer && isOpen && hasSuggestions ? vue.createVNode("ul", {
-	                "class": suggestions$1(_this17.themePreset, _this17.theme) + " " + getClassName$3(_this17.$props.innerClass, 'list') + " " + searchboxSuggestions(_this17.themePreset, _this17.theme) + "\n\t\t\t\t\t\t\t\t\t\t\t\t\t",
+	              }), _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",
 	                "ref": _dropdownULRef
-	              }, [_this17.showAIScreen && vue.createVNode(SearchBoxAISection, {
-	                "themePreset": _this17.$props.themePreset
+	              }, [_this18.showAIScreen && vue.createVNode(SearchBoxAISection, {
+	                "themePreset": _this18.$props.themePreset
 	              }, {
 	                "default": function _default() {
-	                  return [_this17.renderAIScreen(), ' ', _this17.renderErrorComponent(true)];
+	                  return [_this18.renderAIScreen(), ' ', _this18.renderErrorComponent(true)];
 	                }
-	              }), !_this17.showAIScreen && _this17.parsedSuggestions.map(function (item, itemIndex) {
+	              }), !_this18.showAIScreen && _this18.parsedSuggestions.map(function (item, itemIndex) {
 	                var index = indexOffset + itemIndex;
 	                if (Array.isArray(item)) {
 	                  var sectionHtml = lib$2(item[0].sectionLabel);
@@ -28270,7 +28288,7 @@
 	                    "key": "section-" + itemIndex,
 	                    "class": "section-container"
 	                  }, [sectionHtml ? vue.createVNode("div", {
-	                    "class": "section-header " + getClassName$3(_this17.$props.innerClass, 'section-label'),
+	                    "class": "section-header " + getClassName$3(_this18.$props.innerClass, 'section-label'),
 	                    "key": "" + item[0].sectionId,
 	                    "innerHTML": sectionHtml
 	                  }, null) : null, vue.createVNode("ul", {
@@ -28290,7 +28308,7 @@
 	                          justifyContent: 'flex-start',
 	                          alignItems: 'center'
 	                        },
-	                        "class": "" + (highlightedIndex === index + sectionIndex ? "active-li-item " + getClassName$3(_this17.$props.innerClass, 'active-suggestion-item') : "li-item " + getClassName$3(_this17.$props.innerClass, 'suggestion-item'))
+	                        "class": "" + (highlightedIndex === index + sectionIndex ? "active-li-item " + getClassName$3(_this18.$props.innerClass, 'active-suggestion-item') : "li-item " + getClassName$3(_this18.$props.innerClass, 'suggestion-item'))
 	                      }), [renderItem(sectionItem)]);
 	                    }
 	                    if (sectionItem._suggestion_type === '_internal_a_i_trigger') {
@@ -28304,9 +28322,9 @@
 	                          justifyContent: 'flex-start',
 	                          alignItems: 'center'
 	                        },
-	                        "class": "" + (highlightedIndex === index + sectionIndex ? "active-li-item " + getClassName$3(_this17.$props.innerClass, 'active-suggestion-item') : "li-item " + getClassName$3(_this17.$props.innerClass, 'suggestion-item'))
+	                        "class": "" + (highlightedIndex === index + sectionIndex ? "active-li-item " + getClassName$3(_this18.$props.innerClass, 'active-suggestion-item') : "li-item " + getClassName$3(_this18.$props.innerClass, 'suggestion-item'))
 	                      }), [vue.createVNode(SuggestionItem, {
-	                        "currentValue": _this17.currentValue,
+	                        "currentValue": _this18.currentValue,
 	                        "suggestion": sectionItem
 	                      }, null)]);
 	                    }
@@ -28320,7 +28338,7 @@
 	                        justifyContent: 'flex-start',
 	                        alignItems: 'center'
 	                      },
-	                      "class": "" + (highlightedIndex === index + sectionIndex ? "active-li-item " + getClassName$3(_this17.$props.innerClass, 'active-suggestion-item') : "li-item " + getClassName$3(_this17.$props.innerClass, 'suggestion-item'))
+	                      "class": "" + (highlightedIndex === index + sectionIndex ? "active-li-item " + getClassName$3(_this18.$props.innerClass, 'active-suggestion-item') : "li-item " + getClassName$3(_this18.$props.innerClass, 'suggestion-item'))
 	                    }), [vue.createVNode("div", {
 	                      "style": {
 	                        padding: '0 10px 0 0',
@@ -28328,74 +28346,74 @@
 	                      }
 	                    }, [vue.createVNode(CustomSvg, {
 	                      "key": sectionItem._suggestion_type + "-" + sectionIndex,
-	                      "className": getClassName$3(_this17.$props.innerClass, sectionItem._suggestion_type + "-search-icon") || null,
+	                      "className": getClassName$3(_this18.$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": _this17.currentValue,
+	                      "currentValue": _this18.currentValue,
 	                      "suggestion": sectionItem
-	                    }, null), _this17.renderActionIcon(sectionItem)]);
+	                    }, null), _this18.renderActionIcon(sectionItem)]);
 	                  })])]);
 	                }
 	                return vue.createVNode("div", null, [vue.createTextVNode("No suggestions")]);
-	              }), !_this17.showAIScreen && _this17.parsedSuggestions.length && _this17.$props.showSuggestionsFooter ? _this17.suggestionsFooter() : null]) : _this17.renderNoSuggestions(_this17.normalizedSuggestions)]);
+	              }), !_this18.showAIScreen && _this18.parsedSuggestions.length && _this18.$props.showSuggestionsFooter ? _this18.suggestionsFooter() : null]) : _this18.renderNoSuggestions(_this18.normalizedSuggestions)]);
 	            };
 	            return vue.createVNode("div", {
 	              "class": suggestionsContainer
 	            }, [vue.createVNode(InputGroup, {
 	              "searchBox": true,
 	              "ref": _inputGroupRef,
-	              "isOpen": _this17.$data.isOpen
+	              "isOpen": _this18.$data.isOpen
 	            }, {
 	              "default": function _default() {
 	                return [vue.createVNode(Actions, null, {
 	                  "default": function _default() {
-	                    return [_this17.renderInputAddonBefore(), _this17.renderLeftIcons()];
+	                    return [_this18.renderInputAddonBefore(), _this18.renderLeftIcons()];
 	                  }
 	                }), vue.createVNode(InputWrapper, null, {
 	                  "default": function _default() {
 	                    return [vue.createVNode(TextArea, vue.mergeProps(babelHelperVueTransformOn(getInputEvents({
-	                      onInput: _this17.onInputChange,
+	                      onInput: _this18.onInputChange,
 	                      onBlur: function onBlur(e) {
-	                        _this17.$emit('blur', e, _this17.triggerQuery);
+	                        _this18.$emit('blur', e, _this18.triggerQuery);
 	                      },
-	                      onFocus: _this17.handleFocus,
+	                      onFocus: _this18.handleFocus,
 	                      onKeyPress: function onKeyPress(e) {
-	                        _this17.$emit('keyPress', e, _this17.triggerQuery);
-	                        _this17.$emit('key-press', e, _this17.triggerQuery);
+	                        _this18.$emit('keyPress', e, _this18.triggerQuery);
+	                        _this18.$emit('key-press', e, _this18.triggerQuery);
 	                      },
 	                      onKeyDown: function onKeyDown(e) {
-	                        return _this17.handleKeyDown(e, highlightedIndex);
+	                        return _this18.handleKeyDown(e, highlightedIndex);
 	                      },
 	                      onKeyUp: function onKeyUp(e) {
-	                        _this17.$emit('keyUp', e, _this17.triggerQuery);
-	                        _this17.$emit('key-up', e, _this17.triggerQuery);
+	                        _this18.$emit('keyUp', e, _this18.triggerQuery);
+	                        _this18.$emit('key-up', e, _this18.triggerQuery);
 	                      },
 	                      onClick: function onClick() {
 	                        setHighlightedIndex(null);
 	                      }
 	                    })), {
 	                      "searchBox": true,
-	                      "isOpen": _this17.$data.isOpen,
-	                      "id": _this17.$props.componentId + "-input",
-	                      "ref": _this17.$props.innerRef,
-	                      "class": getClassName$3(_this17.$props.innerClass, 'input'),
-	                      "placeholder": _this17.$props.placeholder,
-	                      "autoFocus": _this17.$props.autoFocus
+	                      "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
 	                    }, getInputProps({
-	                      value: _this17.$data.currentValue === null ? '' : _this17.$data.currentValue
+	                      value: _this18.$data.currentValue === null ? '' : _this18.$data.currentValue
 	                    }), {
-	                      "themePreset": _this17.themePreset,
+	                      "themePreset": _this18.themePreset,
 	                      "autocomplete": "off"
 	                    }), null), !expandSuggestionsContainer && renderSuggestionsDropdown()];
 	                  }
 	                }), vue.createVNode(Actions, null, {
 	                  "default": function _default() {
-	                    return [_this17.renderRightIcons(), _this17.renderInputAddonAfter(), _this17.renderAskButtonElement(), _this17.renderEnterButtonElement()];
+	                    return [_this18.renderRightIcons(), _this18.renderInputAddonAfter(), _this18.renderAskButtonElement(), _this18.renderEnterButtonElement()];
 	                  }
 	                })];
 	              }
-	            }), expandSuggestionsContainer && renderSuggestionsDropdown(), _this17.renderTags()]);
+	            }), expandSuggestionsContainer && renderSuggestionsDropdown(), _this18.renderTags()]);
 	          }
 	        }) : vue.createVNode("div", {
 	          "class": suggestionsContainer
@@ -28406,43 +28424,43 @@
 	          "default": function _default() {
 	            return [vue.createVNode(Actions, null, {
 	              "default": function _default() {
-	                return [_this17.renderInputAddonBefore(), _this17.renderLeftIcons()];
+	                return [_this18.renderInputAddonBefore(), _this18.renderLeftIcons()];
 	              }
 	            }), vue.createVNode(InputWrapper, null, {
 	              "default": function _default() {
 	                return [vue.createVNode(TextArea, vue.mergeProps(babelHelperVueTransformOn({
 	                  blur: function blur(e) {
-	                    _this17.$emit('blur', e, _this17.triggerQuery);
+	                    _this18.$emit('blur', e, _this18.triggerQuery);
 	                  },
 	                  keypress: function keypress(e) {
-	                    _this17.$emit('keyPress', e, _this17.triggerQuery);
-	                    _this17.$emit('key-press', e, _this17.triggerQuery);
+	                    _this18.$emit('keyPress', e, _this18.triggerQuery);
+	                    _this18.$emit('key-press', e, _this18.triggerQuery);
 	                  },
-	                  input: _this17.onInputChange,
+	                  input: _this18.onInputChange,
 	                  focus: function focus(e) {
-	                    _this17.$emit('focus', e, _this17.triggerQuery);
+	                    _this18.$emit('focus', e, _this18.triggerQuery);
 	                  },
-	                  keydown: _this17.handleKeyDown,
+	                  keydown: _this18.handleKeyDown,
 	                  keyup: function keyup(e) {
-	                    _this17.$emit('keyUp', e, _this17.triggerQuery);
-	                    _this17.$emit('key-up', e, _this17.triggerQuery);
+	                    _this18.$emit('keyUp', e, _this18.triggerQuery);
+	                    _this18.$emit('key-up', e, _this18.triggerQuery);
 	                  }
 	                }), {
 	                  "searchBox": true,
-	                  "class": getClassName$3(_this17.$props.innerClass, 'input') || '',
-	                  "placeholder": _this17.$props.placeholder,
-	                  "autofocus": _this17.$props.autoFocus,
-	                  "value": _this17.$data.currentValue ? _this17.$data.currentValue : '',
-	                  "iconPosition": _this17.$props.iconPosition,
-	                  "showIcon": _this17.$props.showIcon,
-	                  "showClear": _this17.$props.showClear,
-	                  "ref": _this17.$props.innerRef,
-	                  "themePreset": _this17.themePreset
+	                  "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
 	                }), null)];
 	              }
 	            }), vue.createVNode(Actions, null, {
 	              "default": function _default() {
-	                return [_this17.renderRightIcons(), _this17.renderInputAddonAfter(), _this17.renderEnterButtonElement()];
+	                return [_this18.renderRightIcons(), _this18.renderInputAddonAfter(), _this18.renderEnterButtonElement()];
 	              }
 	            })];
 	          }
@@ -44235,7 +44253,7 @@
 	  }, queryString, renderFunction);
 	}
 
-	var version = "3.0.4";
+	var version = "3.0.6";
 
 	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) {