@appbaseio/reactivesearch-vue 3.0.0-rc.17 → 3.0.0-rc.18

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

@@ -16141,16 +16141,21 @@
 	        var transformedRequest = Object.assign({}, ts);
 	        var url = transformedRequest.url;
 	        delete transformedRequest.url;
+	        var controller = new AbortController();
+	        var signal = controller.signal;
 	        var fetchPromise = fetch$1(url || finalURL, Object.assign({}, transformedRequest, {
 	          // apply timestamp header for RS API
 	          headers: isRSAPI && !isMongoRequest ? Object.assign({}, transformedRequest.headers, {
 	            'x-timestamp': new Date().getTime()
-	          }) : transformedRequest.headers
+	          }) : transformedRequest.headers,
+	          signal: signal // Attach the abort signal to the fetch request
 	        }));
+
 	        var timeoutPromise = new Promise(function (_, rejectTP) {
 	          if (httpRequestTimeout > 0) {
 	            setTimeout(function () {
 	              rejectTP(new Error('Request timeout'));
+	              controller.abort();
 	            }, httpRequestTimeout);
 	          }
 	        });
@@ -26512,7 +26517,7 @@
 	});
 
 	var _templateObject$k, _templateObject2$8, _templateObject3$5, _templateObject4$2, _templateObject5$2, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10, _templateObject11;
-	var Chatbox = styled('div')(_templateObject$k || (_templateObject$k = _taggedTemplateLiteralLoose(["\n\tposition: relative;\n\tmargin: 0 auto;\n\tpadding: 10px;\n\tbackground-color: #fafafa;\n\twidth: 100%;\n\tbox-shadow: rgb(0 0 0 / 20%) 0px 0px 6px;\n\tborder-radius: 6px;\n\tmargin-bottom: 20px;\n\tbackground-color: ", ";\n"])), function (props) {
+	var Chatbox = styled('div')(_templateObject$k || (_templateObject$k = _taggedTemplateLiteralLoose(["\n\tposition: relative;\n\tmargin: 0 auto;\n\tpadding: 10px;\n\tbackground-color: #fafafa;\n\twidth: 100%;\n\tbox-shadow: rgb(0 0 0 / 20%) 0px 0px 6px;\n\tborder-radius: 6px;\n\tmargin-bottom: 20px;\n\tbackground-color: ", ";\n\n\t.--trigger-message-wrapper {\n\t\tcursor: pointer;\n\t}\n"])), function (props) {
 	  return props.theme && props.theme.colors ? props.theme.colors.backgroundColor : '#fff';
 	});
 	var ChatContainer = styled('div')(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tflex-direction: column;\n\theight: 100%;\n\tposition: relative;\n\t.--ai-answer-error-container {\n\t\ttext-align: center;\n\t\tposition: absolute;\n\t\tbottom: 0px;\n\t\t", ";\n\t\tz-index: 1;\n\t\tleft: 50%;\n\t\ttransform: translateX(-50%);\n\t\twidth: 100%;\n\n\t\t.--default-error-element {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\talign-items: center;\n\t\t\tpadding: 10px;\n\t\t\tbackground-color: ", ";\n\t\t\tbox-shadow: 0 -5px 5px -2px\n\t\t\t\t", ";\n\n\t\t\tspan {\n\t\t\t\tmargin-bottom: 5px;\n\t\t\t}\n\n\t\t\tbutton {\n\t\t\t}\n\t\t}\n\t}\n\n\t", ";\n"])), function (props) {
@@ -26537,11 +26542,15 @@
 	  return finalColor;
 	}, typingDots);
 	var resetCSS = function resetCSS(props) {
-	  return "\n\thtml,\n\tbody,\n\tdiv,\n\tspan,\n\tapplet,\n\tobject,\n\tiframe,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tp,\n\tblockquote,\n\tpre,\n\ta,\n\tabbr,\n\tacronym,\n\taddress,\n\tbig,\n\tcite,\n\tcode,\n\tdel,\n\tdfn,\n\tem,\n\timg,\n\tins,\n\tkbd,\n\tq,\n\ts,\n\tsamp,\n\tsmall,\n\tstrike,\n\tstrong,\n\tsub,\n\tsup,\n\ttt,\n\tvar,\n\tb,\n\tu,\n\ti,\n\tcenter,\n\tdl,\n\tdt,\n\tdd,\n\tol,\n\tul,\n\tli,\n\tfieldset,\n\tform,\n\tlabel,\n\tlegend,\n\ttable,\n\tcaption,\n\ttbody,\n\ttfoot,\n\tthead,\n\ttr,\n\tth,\n\ttd,\n\tarticle,\n\taside,\n\tcanvas,\n\tdetails,\n\tembed,\n\tfigure,\n\tfigcaption,\n\tfooter,\n\theader,\n\thgroup,\n\tmenu,\n\tnav,\n\toutput,\n\truby,\n\tsection,\n\tsummary,\n\ttime,\n\tmark,\n\taudio,\n\tvideo {\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tborder: 0;\n\t\tfont-size: 100%;\n\t\tfont: inherit;\n\t\tvertical-align: baseline;\n\t\toverflow-wrap: anywhere;\n\t}\n\tpre {\n\t\tmargin: 10px auto;\n\t}\n\ttable {\n\t\tmargin: 10px auto;\n\t\tborder-collapse: collapse;\n\t\tborder-spacing: 0;\n\t}\n\ttr {\n\t\tborder-bottom: 1px solid #ccc;\n\t}\n\tth,\n\ttd {\n\t\ttext-align: left;\n\t\tpadding: 4px;\n\t\tborder: 1px solid;\n\t\tborder-collapse: collapse;\n\t}\n\tpre,\n\tcode {\n\t\tpadding: 0.6em 0.4em;\n\t\tbackground: " + (
+	  return "\n\thtml,\n\tbody,\n\tdiv,\n\tspan,\n\tapplet,\n\tobject,\n\tiframe,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tp,\n\tblockquote,\n\tpre,\n\ta,\n\tabbr,\n\tacronym,\n\taddress,\n\tbig,\n\tcite,\n\tcode,\n\tdel,\n\tdfn,\n\tem,\n\timg,\n\tins,\n\tkbd,\n\tq,\n\ts,\n\tsamp,\n\tsmall,\n\tstrike,\n\tstrong,\n\tsub,\n\tsup,\n\ttt,\n\tvar,\n\tb,\n\tu,\n\ti,\n\tcenter,\n\tdl,\n\tdt,\n\tdd,\n\tol,\n\tul,\n\tli,\n\tfieldset,\n\tform,\n\tlabel,\n\tlegend,\n\ttable,\n\tcaption,\n\ttbody,\n\ttfoot,\n\tthead,\n\ttr,\n\tth,\n\ttd,\n\tarticle,\n\taside,\n\tcanvas,\n\tdetails,\n\tembed,\n\tfigure,\n\tfigcaption,\n\tfooter,\n\theader,\n\thgroup,\n\tmenu,\n\tnav,\n\toutput,\n\truby,\n\tsection,\n\tsummary,\n\ttime,\n\tmark,\n\taudio,\n\tvideo {\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tborder: 0;\n\t\tfont-size: 100%;\n\t\tfont: inherit;\n\t\tvertical-align: baseline;\n\t\toverflow-wrap: anywhere;\n\t}\n\tpre {\n\t\tmargin: 10px auto;\n\t\twhite-space: pre-wrap;\n\n\t}\n\ttable {\n\t\tmargin: 10px auto;\n\t\tborder-collapse: collapse;\n\t\tborder-spacing: 0;\n\t}\n\ttr {\n\t\tborder-bottom: 1px solid #ccc;\n\t}\n\tth,\n\ttd {\n\t\ttext-align: left;\n\t\tpadding: 4px;\n\t\tborder: 1px solid;\n\t\tborder-collapse: collapse;\n\t}\n\tpre,\n\tcode {\n\t\tpadding: 0.6em 0.4em;\n\t\tbackground: " + (
+	  // eslint-disable-next-line no-nested-ternary
+	  props.isSender ? props.themePreset !== 'dark' ? props.theme.colors.primaryColor : props.theme.colors.borderColor : props.theme.colors.borderColor) + ";\n\n\t}\n\n\tpre{\n\t\tcolor: " + (
 	  // eslint-disable-next-line no-nested-ternary
-	  props.isSender ? props.themePreset !== 'dark' ? props.theme.colors.primaryColor : props.theme.colors.borderColor : props.theme.colors.borderColor) + ";\n\t}\n\n\tcode {\n\t\tline-height: normal;\n\n\t\tcolor: " + (
+	  props.isSender ? props.themePreset !== 'dark' ? props.theme.colors.primaryTextColor : props.theme.colors.textColor : props.theme.colors.primaryTextColor) + ";}\n\n\tcode {\n\t\tline-height: normal;\n\n\t\tcolor: " + (
 	  // eslint-disable-next-line no-nested-ternary
-	  props.isSender ? props.themePreset !== 'dark' ? props.theme.colors.primaryTextColor : props.theme.colors.textColor : props.theme.colors.primaryTextColor) + ";\n\t\tborder-radius: 3px;\n\t\tfont-size: 85%;\n\t\tpadding: 0.2em 0.4em;\n\t\tmargin-top: 5px;\n\t\tdisplay: inline-block;\n\t\toverflow: auto;\n\t\twidth: fit-content;\n\t\tmax-width: 100%;\n\t}\n\tul,\n\tol {\n\t\tlist-style-position: inside;\n\t\tpadding-left: 10px;\n\n\t}\n\n\tli{\n\t\tdisplay: list-item;\n\t\tcursor: default;\n\t\tpadding: initial;\n\n\t\t&:hover{\n\t\t\tbackground-color: initial;\n\t\t}\n\t}\n\tp {\n\t\tmargin: inherit;\n\t}\n";
+	  props.isSender ? props.themePreset !== 'dark' ? props.theme.colors.primaryTextColor : props.theme.colors.textColor : props.theme.colors.primaryTextColor) + ";\n\t\tborder-radius: 3px;\n\t\tfont-size: 85%;\n\t\tpadding: 0.2em 0.4em;\n\t\tmargin-top: 5px;\n\t\tdisplay: inline-block;\n\t\toverflow: auto;\n\t\twidth: fit-content;\n\t\tmax-width: 100%;\n\t}\n\ncode[class*='language-'],\n\tpre[class*='language-'] {\n\t\tcolor: " + (
+	  // eslint-disable-next-line no-nested-ternary
+	  props.isSender ? props.themePreset !== 'dark' ? props.theme.colors.primaryTextColor : props.theme.colors.textColor : props.theme.colors.primaryTextColor) + ";\n\t\ttext-shadow: none;\n\t}\n\n\tul,\n\tol {\n\t\tlist-style-position: inside;\n\t\tpadding-left: 10px;\n\n\t}\n\n\tli{\n\t\tdisplay: list-item;\n\t\tcursor: default;\n\t\tpadding: initial;\n\n\t\t&:hover{\n\t\t\tbackground-color: initial;\n\t\t}\n\t}\n\tp {\n\t\tmargin: inherit;\n\t}\n";
 	};
 	var messageBGColor = function messageBGColor(props) {
 	  var finalBGColor;
@@ -26860,6 +26869,9 @@
 	    }
 	  },
 	  computed: {
+	    currentTriggerMode: function currentTriggerMode() {
+	      return this.$props.AIUIConfig && this.$props.AIUIConfig.triggerOn || constants_9$1.MANUAL;
+	    },
 	    hasCustomRenderer: function hasCustomRenderer$1() {
 	      return hasCustomRenderer(this);
 	    },
@@ -26877,6 +26889,13 @@
 	      if (Array.isArray(this.suggestions) && this.suggestions.length) {
 	        suggestionsArray = [].concat(withClickIds(this.suggestions));
 	      }
+	      if (this.renderTriggerMessage() && this.currentValue && !this.isLoading) {
+	        suggestionsArray.unshift({
+	          label: this.renderTriggerMessage(),
+	          value: 'AI_TRIGGER_MESSAGE',
+	          _suggestion_type: '_internal_a_i_trigger'
+	        });
+	      }
 	      suggestionsArray = suggestionsArray.map(function (s) {
 	        if (s.sectionId) {
 	          return s;
@@ -27150,6 +27169,20 @@
 	    }
 	  },
 	  methods: {
+	    renderTriggerMessage: function renderTriggerMessage() {
+	      if (this.$props.enableAI) {
+	        if (this.$props.AIUIConfig && this.$props.AIUIConfig.renderTriggerMessage) {
+	          return this.$props.AIUIConfig.renderTriggerMessage;
+	        }
+	        if (this.$slots.renderTriggerMessage) {
+	          return this.$slots.renderTriggerMessage();
+	        }
+	        if (this.currentTriggerMode === constants_9$1.MANUAL && (this.$props.AIUIConfig ? !this.$props.AIUIConfig.askButton : true)) {
+	          return 'Click to trigger AIAnswer';
+	        }
+	      }
+	      return null;
+	    },
 	    handleText: function handleText(value, cause) {
 	      if (cause === lib_7.CLEAR_VALUE) {
 	        this.triggerCustomQuery(value);
@@ -27262,7 +27295,7 @@
 	            if (toggleIsOpen) {
 	              _this2.isOpen = false;
 	            }
-	            if (typeof _this2.currentValue === 'string') _this2.triggerDefaultQuery(_this2.currentValue, props.enableAI ? {
+	            if (typeof _this2.currentValue === 'string') _this2.triggerDefaultQuery(_this2.currentValue, props.enableAI && _this2.currentTriggerMode === constants_9$1.QUESTION && _this2.currentValue.endsWith('?') ? {
 	              enableAI: true
 	            } : {}, shouldExecuteQuery);
 	          } // in case of strict selection only SUGGESTION_SELECT should be able
@@ -27417,9 +27450,10 @@
 	        } else if (highlightedIndex === null) {
 	          this.setValue(event.target.value, true, this.$props, this.$options.isTagsMode ? lib_7.SUGGESTION_SELECT : undefined,
 	          // to handle tags
-	          !this.$props.enableAI);
-	          if (this.$props.enableAI && !this.showAIScreen) {
+	          !(this.$props.enableAI && this.currentTriggerMode === constants_9$1.QUESTION && event.target.value.endsWith('?')));
+	          if (this.$props.enableAI && !this.showAIScreen && this.currentTriggerMode === constants_9$1.QUESTION && event.target.value.endsWith('?')) {
 	            this.showAIScreen = true;
+	            this.isOpen = true;
 	          }
 	          this.onValueSelectedHandler(event.target.value, lib_7.ENTER_PRESS);
 	        }
@@ -27504,6 +27538,11 @@
 	        this.onValueSelectedHandler(suggestion.value);
 	        return;
 	      }
+	      if (suggestion && suggestion._suggestion_type === '_internal_a_i_trigger') {
+	        this.showAIScreen = true;
+	        this.askButtonOnClick();
+	        return;
+	      }
 
 	      // handle featured suggestions click event
 	      if (suggestion._suggestion_type === helper_16.Featured) {
@@ -27543,7 +27582,7 @@
 	      this.onValueSelectedHandler(suggestion.value, lib_7.SUGGESTION_SELECT, suggestion.source);
 
 	      // Handle AI
-	      if (!this.$props.enableAI) this.isOpen = false;else {
+	      if (!this.$props.enableAI) this.isOpen = false;else if (this.currentTriggerMode === constants_9$1.QUESTION && suggestion.value.endsWith('?')) {
 	        this.showAIScreen = true;
 	      }
 	    },
@@ -28213,18 +28252,38 @@
 	                    var suggestionsHaveIcon = item.some(function (s) {
 	                      return s.icon || s.iconURL;
 	                    });
-	                    return renderItem ? vue.createVNode("li", vue.mergeProps(getItemProps({
-	                      item: sectionItem
-	                    }), babelHelperVueTransformOn(getItemEvents({
-	                      item: sectionItem
-	                    })), {
-	                      "key": sectionItem._id + "_" + index + "_" + sectionIndex,
-	                      "style": {
-	                        justifyContent: 'flex-start',
-	                        alignItems: 'center'
-	                      },
-	                      "class": "" + (highlightedIndex === index + sectionIndex ? "active-li-item " + getClassName$3(_this16.$props.innerClass, 'active-suggestion-item') : "li-item " + getClassName$3(_this16.$props.innerClass, 'suggestion-item'))
-	                    }), [renderItem(sectionItem)]) : vue.createVNode("li", vue.mergeProps(getItemProps({
+	                    if (renderItem) {
+	                      return vue.createVNode("li", vue.mergeProps(getItemProps({
+	                        item: sectionItem
+	                      }), babelHelperVueTransformOn(getItemEvents({
+	                        item: sectionItem
+	                      })), {
+	                        "key": sectionItem._id + "_" + index + "_" + sectionIndex,
+	                        "style": {
+	                          justifyContent: 'flex-start',
+	                          alignItems: 'center'
+	                        },
+	                        "class": "" + (highlightedIndex === index + sectionIndex ? "active-li-item " + getClassName$3(_this16.$props.innerClass, 'active-suggestion-item') : "li-item " + getClassName$3(_this16.$props.innerClass, 'suggestion-item'))
+	                      }), [renderItem(sectionItem)]);
+	                    }
+	                    if (sectionItem._suggestion_type === '_internal_a_i_trigger') {
+	                      return vue.createVNode("li", vue.mergeProps(getItemProps({
+	                        item: sectionItem
+	                      }), babelHelperVueTransformOn(getItemEvents({
+	                        item: sectionItem
+	                      })), {
+	                        "key": sectionItem._id + "_" + index + "_" + sectionIndex,
+	                        "style": {
+	                          justifyContent: 'flex-start',
+	                          alignItems: 'center'
+	                        },
+	                        "class": "" + (highlightedIndex === index + sectionIndex ? "active-li-item " + getClassName$3(_this16.$props.innerClass, 'active-suggestion-item') : "li-item " + getClassName$3(_this16.$props.innerClass, 'suggestion-item'))
+	                      }), [vue.createVNode(SuggestionItem, {
+	                        "currentValue": _this16.currentValue,
+	                        "suggestion": sectionItem
+	                      }, null)]);
+	                    }
+	                    return vue.createVNode("li", vue.mergeProps(getItemProps({
 	                      item: sectionItem
 	                    }), babelHelperVueTransformOn(getItemEvents({
 	                      item: sectionItem
@@ -28444,6 +28503,7 @@
 	// Add componentType for SSR
 	SBConnected.componentType = constants_1$1.searchBox;
 
+	var _excluded$2 = ["_source"];
 	function _isSlot$6(s) {
 	  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
 	}
@@ -28466,7 +28526,10 @@
 	      messages: [],
 	      inputMessage: '',
 	      AISessionId: '',
-	      error: null
+	      error: null,
+	      sourceDocIds: null,
+	      initialHits: null,
+	      isTriggered: false
 	    };
 	    this.internalComponent = props.componentId + "__internal";
 	    return this.__state;
@@ -28476,7 +28539,16 @@
 	      from: 'theme_reactivesearch'
 	    }
 	  },
-	  created: function created() {},
+	  created: function created() {
+	    if (this.$props.triggerOn === constants_9$1.ALWAYS) {
+	      this.isTriggered = true;
+	    } else if (this.$props.triggerOn === constants_9$1.QUESTION && this.dependentComponentValue && this.dependentComponentValue.endsWith('?')) {
+	      this.isTriggered = true;
+	      if (this.AISessionId) {
+	        this.handleSendMessage(null, false, '', true);
+	      }
+	    }
+	  },
 	  computed: {
 	    hasCustomRenderer: function hasCustomRenderer$1() {
 	      return hasCustomRenderer(this);
@@ -28489,6 +28561,9 @@
 	    },
 	    errorMessageForMissingSessionId: function errorMessageForMissingSessionId() {
 	      return "AISessionId for " + this.$props.componentId + " is missing! AIAnswer component requires an AISessionId to function. Try reloading the App.";
+	    },
+	    hasTriggered: function hasTriggered() {
+	      return this.isTriggered;
 	    }
 	  },
 	  props: {
@@ -28527,13 +28602,26 @@
 	    sessionIdFromStore: Q.string,
 	    showComponent: types.boolRequired,
 	    componentError: types.componentObject,
-	    style: types.style
+	    style: types.style,
+	    showSourceDocuments: Q.bool.def(false),
+	    renderSourceDocument: types.func,
+	    onSourceClick: types.func,
+	    isAITyping: types.boolRequired,
+	    triggerOn: Q.string.def(constants_9$1.ALWAYS),
+	    renderTriggerMessage: types.func
 	  },
 	  mounted: function mounted() {},
 	  watch: {
 	    AIResponse: function AIResponse(newVal) {
 	      if (newVal) {
-	        this.AISessionId = ((helper_2(constants_8$1) || {})[this.$props.componentId] || {}).sessionId || null;
+	        if (this.$props.showSourceDocuments && newVal.response && newVal.response.answer && Array.isArray(newVal.response.answer.documentIds)) {
+	          this.sourceDocIds = newVal.response.answer.documentIds;
+	          var localCache = helper_2(constants_8$1) && helper_2(constants_8$1)[this.$props.componentId];
+	          if (localCache && localCache.meta && localCache.meta.hits) {
+	            this.initialHits = localCache.meta.hits;
+	          }
+	        }
+	        this.AISessionId = ((helper_2(constants_8$1) || {})[this.$props.componentId] || {}).sessionId || (((helper_2(constants_8$1) || {})[this.$props.componentId] || {}).response || {}).sessionId;
 	        var messagesHistory = newVal.messages,
 	          response = newVal.response;
 	        var finalMessages = [];
@@ -28544,7 +28632,7 @@
 	        }
 
 	        // pushing message history so far
-	        if (messagesHistory && messagesHistory && Array.isArray(messagesHistory)) {
+	        if (messagesHistory && Array.isArray(messagesHistory)) {
 	          finalMessages.push.apply(finalMessages, messagesHistory.filter(function (msg) {
 	            return msg.role !== constants_7$1.SYSTEM;
 	          }));
@@ -28569,6 +28657,9 @@
 	        loading: this.$props.isAIResponseLoading || this.$props.isLoading,
 	        error: this.$props.AIResponseError
 	      });
+	      if (newVal && newVal.hits && newVal.hits.hits) {
+	        this.initialHits = newVal.hits.hits;
+	      }
 	    },
 	    isAIResponseLoading: function isAIResponseLoading(newVal) {
 	      this.$emit('on-data', {
@@ -28593,7 +28684,7 @@
 	    },
 	    AIResponseError: function AIResponseError(newVal) {
 	      this.error = newVal;
-	      this.AISessionId = ((helper_2(constants_8$1) || {})[this.$props.componentId] || {}).sessionId || null;
+	      this.AISessionId = ((helper_2(constants_8$1) || {})[this.$props.componentId] || {}).sessionId || (((helper_2(constants_8$1) || {})[this.$props.componentId] || {}).response || {}).sessionId;
 	      if (this.error && !this.AISessionId) {
 	        var errorMessage = this.errorMessageForMissingSessionId;
 	        this.error = {
@@ -28614,7 +28705,7 @@
 	    componentError: function componentError(newVal) {
 	      var _this = this;
 	      if (newVal && newVal._bodyBlob) {
-	        this.AISessionId = ((helper_2(constants_8$1) || {})[this.$props.componentId] || {}).sessionId || null;
+	        this.AISessionId = ((helper_2(constants_8$1) || {})[this.$props.componentId] || {}).sessionId || (((helper_2(constants_8$1) || {})[this.$props.componentId] || {}).response || {}).sessionId;
 	        if (!this.AISessionId) {
 	          this.generateNewSessionId();
 	        }
@@ -28637,23 +28728,154 @@
 	          console.error('Error reading  component error text data:', error);
 	        });
 	      }
+	    },
+	    showComponent: function showComponent() {
+	      if (this.$props.triggerOn === constants_9$1.QUESTION && this.$props.dependentComponentValue.endsWith('?')) {
+	        this.isTriggered = true;
+	      }
+	    },
+	    dependentComponentValue: function dependentComponentValue(newVal) {
+	      if (this.$props.triggerOn === constants_9$1.QUESTION && newVal && newVal.endsWith('?')) {
+	        this.isTriggered = true;
+	        if (this.AISessionId) {
+	          this.handleSendMessage(null, false, '', true);
+	        }
+	      } else if (this.hasTriggered && this.$props.triggerOn !== constants_9$1.ALWAYS) {
+	        this.isTriggered = false;
+	      }
+	    },
+	    AISessionId: function AISessionId(newVal) {
+	      if (newVal) {
+	        if (this.$props.triggerOn === constants_9$1.QUESTION && this.dependentComponentValue && this.dependentComponentValue.endsWith('?') || this.$props.triggerOn === constants_9$1.ALWAYS) {
+	          this.handleSendMessage(null, false, '', true);
+	        }
+	      }
+	    },
+	    triggerOn: function triggerOn(newVal) {
+	      if (newVal === constants_9$1.ALWAYS) {
+	        this.isTriggered = true;
+	      }
 	    }
 	  },
 	  methods: {
-	    generateNewSessionId: function generateNewSessionId() {
+	    renderTriggerMessageFunc: function renderTriggerMessageFunc() {
+	      var triggerOn = this.$props.triggerOn;
+	      if (this.$props.renderTriggerMessage) {
+	        return this.$props.renderTriggerMessage;
+	      }
+	      if (this.$slots.renderTriggerMessage) {
+	        return this.$slots.renderTriggerMessage();
+	      }
+	      if (triggerOn === constants_9$1.QUESTION) {
+	        if (!this.dependentComponentValue.endsWith('?')) {
+	          return vue.createVNode("span", null, [vue.createVNode("span", {
+	            "role": "img",
+	            "aria-label": "bulb"
+	          }, [vue.createTextVNode("\uD83D\uDCA1")]), vue.createTextVNode("End your question with a question mark (?)")]);
+	        }
+	      } else if (triggerOn === constants_9$1.MANUAL) {
+	        return vue.createVNode("span", null, [vue.createTextVNode("Click here to ask AI"), ' ', vue.createVNode("span", {
+	          "role": "img",
+	          "aria-label": "bulb"
+	        }, [vue.createTextVNode("\uD83E\uDD16")])]);
+	      }
+	      return null;
+	    },
+	    handleTriggerClick: function handleTriggerClick() {
+	      if (this.$props.triggerOn === constants_9$1.MANUAL) {
+	        this.handleSendMessage(null, false, '', true);
+	        this.isTriggered = true;
+	      }
+	    },
+	    getAISourceObjects: function getAISourceObjects() {
 	      var _this2 = this;
+	      var sourceObjects = [];
+	      if (!this.AIResponse) return sourceObjects;
+	      var docIds = this.sourceDocIds || [];
+	      if (this.initialHits) {
+	        docIds.forEach(function (id) {
+	          var foundSourceObj = _this2.initialHits.find(function (hit) {
+	            return hit._id === id;
+	          }) || {};
+	          if (foundSourceObj) {
+	            var _foundSourceObj$_sour = foundSourceObj._source,
+	              _source = _foundSourceObj$_sour === void 0 ? {} : _foundSourceObj$_sour,
+	              rest = _objectWithoutPropertiesLoose(foundSourceObj, _excluded$2);
+	            sourceObjects.push(_extends({}, rest, _source));
+	          }
+	        });
+	      } else {
+	        sourceObjects.push.apply(sourceObjects, docIds.map(function (id) {
+	          return {
+	            _id: id
+	          };
+	        }));
+	      }
+	      return sourceObjects;
+	    },
+	    renderAIScreenFooter: function renderAIScreenFooter() {
+	      var _slot2;
+	      var _this3 = this;
+	      var _ref = this.$props || {},
+	        _ref$showSourceDocume = _ref.showSourceDocuments,
+	        showSourceDocuments = _ref$showSourceDocume === void 0 ? true : _ref$showSourceDocume,
+	        _ref$onSourceClick = _ref.onSourceClick,
+	        onSourceClick = _ref$onSourceClick === void 0 ? function () {} : _ref$onSourceClick,
+	        renderSourceDocument = _ref.renderSourceDocument;
+	      var customRenderSourceDoc = renderSourceDocument || this.$slots.renderSourceDocument;
+	      if (this.isLoadingState || this.isAITyping) {
+	        return null;
+	      }
+	      var renderSourceDocumentLabel = function renderSourceDocumentLabel(sourceObj) {
+	        if (customRenderSourceDoc) {
+	          return customRenderSourceDoc(sourceObj);
+	        }
+	        return sourceObj._id;
+	      };
+	      return showSourceDocuments && Array.isArray(this.sourceDocIds) && this.sourceDocIds.length ? vue.createVNode(Footer, {
+	        "themePreset": this.$props.themePreset,
+	        "style": {
+	          marginTop: '1.5rem',
+	          background: 'inherit'
+	        }
+	      }, {
+	        "default": function _default() {
+	          return [vue.createTextVNode("Summary generated using the following sources:"), ' ', vue.createVNode(SourceTags, null, _isSlot$6(_slot2 = _this3.getAISourceObjects().map(function (el) {
+	            var _slot;
+	            return vue.createVNode(Button, {
+	              "class": "--ai-source-tag " + (helper_31(_this3.$props.innerClass, 'ai-source-tag') || ''),
+	              "info": true,
+	              "onClick": function onClick() {
+	                return onSourceClick && onSourceClick(el);
+	              },
+	              "key": el._id
+	            }, _isSlot$6(_slot = renderSourceDocumentLabel(el)) ? _slot : {
+	              "default": function _default() {
+	                return [_slot];
+	              }
+	            });
+	          })) ? _slot2 : {
+	            "default": function _default() {
+	              return [_slot2];
+	            }
+	          })];
+	        }
+	      }) : null;
+	    },
+	    generateNewSessionId: function generateNewSessionId() {
+	      var _this4 = this;
 	      var newSessionPromise = this.createAISession();
 	      newSessionPromise.then(function (res) {
-	        _this2.AISessionId = res.AIsessionId;
+	        _this4.AISessionId = res.AIsessionId;
 	      })["catch"](function (e) {
 	        console.error(e);
 	      });
 	    },
 	    scrollToBottom: function scrollToBottom() {
-	      var _this3 = this;
+	      var _this5 = this;
 	      this.$nextTick(function () {
-	        var _this3$$refs;
-	        var messageContainer = (_this3$$refs = _this3.$refs) == null ? void 0 : _this3$$refs[_this3.$props.innerRef];
+	        var _this5$$refs;
+	        var messageContainer = (_this5$$refs = _this5.$refs) == null ? void 0 : _this5$$refs[_this5.$props.innerRef];
 	        if (messageContainer && messageContainer.$el) {
 	          messageContainer.$el.scrollTo({
 	            top: messageContainer.$el.scrollHeight,
@@ -28666,24 +28888,33 @@
 	      this.inputMessage = e.target.value;
 	      this.handleTextAreaHeightChange();
 	    },
-	    handleSendMessage: function handleSendMessage(e, isRetry, text) {
+	    handleSendMessage: function handleSendMessage(e, isRetry, text, fetchMeta) {
 	      if (isRetry === void 0) {
 	        isRetry = false;
 	      }
 	      if (text === void 0) {
 	        text = this.inputMessage;
 	      }
+	      if (fetchMeta === void 0) {
+	        fetchMeta = false;
+	      }
 	      if (typeof e === 'object' && e !== null) e.preventDefault();
-	      if (text.trim()) {
+	      if (text.trim() || !text && !e) {
 	        if (this.isLoadingState) {
 	          return;
 	        }
 	        if (this.AISessionId) {
-	          if (!isRetry) this.messages = [].concat(this.messages, [{
-	            content: text,
-	            role: constants_7$1.USER
-	          }]);
-	          this.getAIResponse(this.AISessionId, this.componentId, text);
+	          if (!isRetry) {
+	            var finalMessages = [].concat(this.messages);
+	            if (text) {
+	              finalMessages.push({
+	                content: text,
+	                role: constants_7$1.USER
+	              });
+	            }
+	            this.messages = [].concat(finalMessages);
+	          }
+	          this.getAIResponse(this.AISessionId, this.componentId, text, fetchMeta);
 	        } else {
 	          console.error(this.errorMessageForMissingSessionId);
 	          this.error = {
@@ -28732,7 +28963,6 @@
 	      return null;
 	    },
 	    handleKeyPress: function handleKeyPress(e) {
-	      window.console.log('e', e);
 	      if (e.key === 'Enter') {
 	        this.handleSendMessage(e);
 	        this.inputMessage = '';
@@ -28764,15 +28994,15 @@
 	      if (typeof window === 'undefined') return false;
 	      return showVoiceSearch && (window.webkitSpeechRecognition || window.SpeechRecognition);
 	    },
-	    handleVoiceResults: function handleVoiceResults(_ref) {
-	      var results = _ref.results;
+	    handleVoiceResults: function handleVoiceResults(_ref2) {
+	      var results = _ref2.results;
 	      if (results && results[0] && results[0].isFinal && results[0][0] && results[0][0].transcript && results[0][0].transcript.trim()) {
 	        this.handleSendMessage(null, false, results[0][0].transcript.trim());
 	      }
 	    },
 	    renderIcons: function renderIcons() {
-	      var _this4 = this;
-	      var _slot, _slot2;
+	      var _this6 = this;
+	      var _slot3, _slot4;
 	      var _this$$props = this.$props,
 	        getMicInstance = _this$$props.getMicInstance,
 	        showVoiceInput = _this$$props.showVoiceInput,
@@ -28785,14 +29015,14 @@
 	        "positionType": "absolute"
 	      }, {
 	        "default": function _default() {
-	          return [!_this4.isLoadingState && _this4.AISessionId && _this4.shouldMicRender(showVoiceInput) && vue.createVNode(Mic, {
+	          return [!_this6.isLoadingState && _this6.AISessionId && _this6.shouldMicRender(showVoiceInput) && vue.createVNode(Mic, {
 	            "getInstance": getMicInstance,
 	            "render": renderMic,
-	            "handleResult": _this4.handleVoiceResults,
+	            "handleResult": _this6.handleVoiceResults,
 	            "class": helper_31(innerClass, 'ai-search-mic') || null
-	          }, null), iconPosition === 'right' && vue.createVNode(IconWrapper, null, _isSlot$6(_slot = _this4.renderIcon()) ? _slot : {
+	          }, null), iconPosition === 'right' && vue.createVNode(IconWrapper, null, _isSlot$6(_slot3 = _this6.renderIcon()) ? _slot3 : {
 	            "default": function _default() {
-	              return [_slot];
+	              return [_slot3];
 	            }
 	          })];
 	        }
@@ -28802,9 +29032,9 @@
 	        "positionType": "absolute"
 	      }, {
 	        "default": function _default() {
-	          return [iconPosition === 'left' && vue.createVNode(IconWrapper, null, _isSlot$6(_slot2 = _this4.renderIcon()) ? _slot2 : {
+	          return [iconPosition === 'left' && vue.createVNode(IconWrapper, null, _isSlot$6(_slot4 = _this6.renderIcon()) ? _slot4 : {
 	            "default": function _default() {
-	              return [_slot2];
+	              return [_slot4];
 	            }
 	          })];
 	        }
@@ -28814,7 +29044,7 @@
 	      this.handleSendMessage(e);
 	    },
 	    renderEnterButtonElement: function renderEnterButtonElement() {
-	      var _this5 = this;
+	      var _this7 = this;
 	      var _this$$props2 = this.$props,
 	        enterButton = _this$$props2.enterButton,
 	        innerClass = _this$$props2.innerClass;
@@ -28822,16 +29052,16 @@
 	      if (enterButton) {
 	        var getEnterButtonMarkup = function getEnterButtonMarkup() {
 	          if (renderEnterButton) {
-	            return renderEnterButton(_this5.enterButtonOnClick);
+	            return renderEnterButton(_this7.enterButtonOnClick);
 	          }
 	          return vue.createVNode(SendButton, {
 	            "primary": true,
 	            "type": "submit",
 	            "tabIndex": 0,
-	            "onClick": _this5.handleSendMessage,
-	            "onKeyPress": _this5.handleKeyPress,
+	            "onClick": _this7.handleSendMessage,
+	            "onKeyPress": _this7.handleKeyPress,
 	            "class": "ask-btn " + helper_31(innerClass, 'ai-enter-button'),
-	            "disabled": _this5.isLoadingState || !_this5.AISessionId
+	            "disabled": _this7.isLoadingState || !_this7.AISessionId
 	          }, {
 	            "default": function _default() {
 	              return [vue.createTextVNode("Send")];
@@ -28874,6 +29104,20 @@
 	        }
 	        this.$forceUpdate();
 	      }
+	    },
+	    getTitle: function getTitle() {
+	      var _this8 = this;
+	      var hasTitle = this.$props.title || this.$slots.title || null;
+	      if (hasTitle) {
+	        return vue.createVNode(Title, {
+	          "class": helper_31(this.$props.innerClass, 'ai-title') || null
+	        }, {
+	          "default": function _default() {
+	            return [_this8.$props.title || _this8.$slots.title()];
+	          }
+	        });
+	      }
+	      return null;
 	    }
 	  },
 	  beforeUnmount: function beforeUnmount() {
@@ -28888,55 +29132,62 @@
 	    }
 	  },
 	  render: function render() {
-	    var _slot3;
-	    var _this6 = this;
+	    var _slot5;
+	    var _this9 = this;
 	    var props = this.$props;
 	    if (!this.shouldShowComponent) {
 	      return null;
 	    }
+	    if (!this.isTriggered) {
+	      return vue.createVNode(Chatbox, {
+	        "style": props.style || {}
+	      }, {
+	        "default": function _default() {
+	          return [_this9.getTitle(), vue.createVNode("div", {
+	            "class": "--trigger-message-wrapper",
+	            "onClick": _this9.handleTriggerClick,
+	            "aria-hidden": "true"
+	          }, [_this9.renderTriggerMessageFunc()])];
+	        }
+	      });
+	    }
 	    return vue.createVNode(Chatbox, {
 	      "style": props.style || {}
 	    }, {
 	      "default": function _default() {
-	        return [_this6.$props.title && vue.createVNode(Title, {
-	          "class": helper_31(_this6.$props.innerClass, 'title') || ''
-	        }, {
-	          "default": function _default() {
-	            return [_this6.$props.title];
-	          }
-	        }), vue.createVNode(ChatContainer, {
+	        return [_this9.getTitle(), vue.createVNode(ChatContainer, {
 	          "class": "--ai-chat-container",
 	          "theme": props.theme,
 	          "showInput": props.showInput
 	        }, {
 	          "default": function _default() {
-	            return [_this6.hasCustomRenderer && vue.createVNode(MessagesContainer, {
-	              "themePreset": _this6.themePreset,
+	            return [_this9.hasCustomRenderer && vue.createVNode(MessagesContainer, {
+	              "themePreset": _this9.themePreset,
 	              "theme": props.theme,
-	              "ref": _this6.$props.innerRef,
+	              "ref": _this9.$props.innerRef,
 	              "class": "--ai-message-container " + (helper_31(props.innerClass, 'ai-message-container') || '')
-	            }, _isSlot$6(_slot3 = _this6.getComponent()) ? _slot3 : {
+	            }, _isSlot$6(_slot5 = _this9.getComponent()) ? _slot5 : {
 	              "default": function _default() {
-	                return [_slot3];
+	                return [_slot5];
 	              }
-	            }), !_this6.hasCustomRenderer && vue.createVNode(MessagesContainer, {
-	              "themePreset": _this6.themePreset,
+	            }), !_this9.hasCustomRenderer && vue.createVNode(MessagesContainer, {
+	              "themePreset": _this9.themePreset,
 	              "theme": props.theme,
-	              "ref": _this6.$props.innerRef,
+	              "ref": _this9.$props.innerRef,
 	              "class": "--ai-message-container " + (helper_31(props.innerClass, 'ai-message-container') || '')
 	            }, {
 	              "default": function _default() {
-	                return [_this6.messages.map(function (message, index) {
+	                return [_this9.messages.map(function (message, index) {
 	                  return vue.createVNode(Message, {
 	                    "key": index,
 	                    "isSender": message.role === constants_7$1.USER,
 	                    "innerHTML": md$1.render(message.content),
-	                    "themePreset": _this6.themePreset,
+	                    "themePreset": _this9.themePreset,
 	                    "theme": props.theme,
 	                    "class": "--ai-answer-message " + (helper_31(props.innerClass, 'ai-message') || '')
 	                  }, null);
-	                }), _this6.isLoadingState && vue.createVNode(Message, {
-	                  "themePreset": _this6.themePreset,
+	                }), _this9.isLoadingState && vue.createVNode(Message, {
+	                  "themePreset": _this9.themePreset,
 	                  "theme": props.theme,
 	                  "isSender": false,
 	                  "class": "--ai-answer-message " + (helper_31(props.innerClass, 'ai-message') || null)
@@ -28945,31 +29196,31 @@
 	                    return [vue.createVNode(TypingIndicator, null, {
 	                      "default": function _default() {
 	                        return [vue.createVNode(TypingDot, {
-	                          "themePreset": _this6.themePreset
+	                          "themePreset": _this9.themePreset
 	                        }, null), vue.createVNode(TypingDot, {
-	                          "themePreset": _this6.themePreset
+	                          "themePreset": _this9.themePreset
 	                        }, null), vue.createVNode(TypingDot, {
-	                          "themePreset": _this6.themePreset
+	                          "themePreset": _this9.themePreset
 	                        }, null)];
 	                      }
 	                    })];
 	                  }
 	                })];
 	              }
-	            }), _this6.renderErrorComponent(), ' ', props.showFeedback && vue.createVNode("div", {
+	            }), _this9.renderErrorComponent(), ' ', props.showFeedback && !_this9.isLoadingState && !_this9.isAITyping && vue.createVNode("div", {
 	              "class": "--ai-answer-feedback-container " + (helper_31(props.innerClass, 'ai-feedback') || '')
 	            }, [vue.createVNode(AIFeedback, {
-	              "hideUI": _this6.isLoadingState || !_this6.sessionId,
-	              "key": _this6.sessionId,
+	              "hideUI": _this9.isLoadingState || !_this9.sessionId,
+	              "key": _this9.sessionId,
 	              "onFeedbackSubmit": function onFeedbackSubmit(useful, reason) {
-	                _this6.trackUsefullness(_this6.sessionId, {
+	                _this9.trackUsefullness(_this9.sessionId, {
 	                  useful: useful,
 	                  reason: reason
 	                });
 	              }
-	            }, null)]), props.showInput && vue.createVNode(MessageInputContainer, {
+	            }, null)]), ' ', _this9.renderAIScreenFooter(), props.showInput && !_this9.isLoadingState && !_this9.isAITyping && vue.createVNode(MessageInputContainer, {
 	              "class": "--ai-input-container",
-	              "onSubmit": _this6.handleSendMessage
+	              "onSubmit": _this9.handleSendMessage
 	            }, {
 	              "default": function _default() {
 	                return [vue.createVNode(InputGroup, {
@@ -28985,19 +29236,19 @@
 	                          "ref": _inputRef,
 	                          "placeholder": props.placeholder,
 	                          "enterButton": props.enterButton,
-	                          "value": _this6.inputMessage,
-	                          "onInput": _this6.handleMessageInputChange,
+	                          "value": _this9.inputMessage,
+	                          "onInput": _this9.handleMessageInputChange,
 	                          "id": props.componentId + "-ai-input",
 	                          "showIcon": props.showIcon,
 	                          "iconPosition": props.iconPosition,
-	                          "themePreset": _this6.themePreset,
-	                          "disabled": _this6.isLoadingState || !_this6.AISessionId,
+	                          "themePreset": _this9.themePreset,
+	                          "disabled": _this9.isLoadingState || !_this9.AISessionId,
 	                          "class": helper_31(props.innerClass, 'ai-input') || null
-	                        }, null), ' ', _this6.renderIcons()];
+	                        }, null), ' ', _this9.renderIcons()];
 	                      }
 	                    })];
 	                  }
-	                }), _this6.renderEnterButtonElement()];
+	                }), _this9.renderEnterButtonElement()];
 	              }
 	            }), ' '];
 	          }
@@ -29015,9 +29266,11 @@
 	    // eslint-disable-next-line prefer-destructuring
 	    dependencyComponent = dependencyComponent[0];
 	  }
-	  var showComponent = state.selectedValues[dependencyComponent] && state.selectedValues[dependencyComponent].value;
+	  var showComponent = !!(state.selectedValues[dependencyComponent] && state.selectedValues[dependencyComponent].value);
+	  var dependentComponentValue = state.selectedValues[dependencyComponent] && state.selectedValues[dependencyComponent].value || '';
 	  return {
 	    showComponent: showComponent,
+	    dependentComponentValue: dependentComponentValue,
 	    AIResponse: state.AIResponses[props.componentId] && state.AIResponses[props.componentId].response,
 	    isAIResponseLoading: state.AIResponses[props.componentId] && state.AIResponses[props.componentId].isLoading,
 	    AIResponseError: state.AIResponses[props.componentId] && state.AIResponses[props.componentId].error,
@@ -29025,11 +29278,17 @@
 	    themePreset: state.config.themePreset,
 	    isLoading: state.isLoading[props.componentId] || false,
 	    sessionIdFromStore: state.AIResponses[props.componentId] && state.AIResponses[props.componentId].response && state.AIResponses[props.componentId].response.sessionId || '',
-	    componentError: state.error[props.componentId]
+	    componentError: state.error[props.componentId] || null,
+	    isAITyping: state.AIResponses[props.componentId] && state.AIResponses[props.componentId].response && state.AIResponses[props.componentId].response.isTyping || false
 	  };
 	};
 	var mapDispatchToProps$3 = {
-	  getAIResponse: query_7,
+	  getAIResponse: function getAIResponse(sessionId, componentId, message, shouldFetchMeta) {
+	    if (shouldFetchMeta === void 0) {
+	      shouldFetchMeta = false;
+	    }
+	    return query_7(sessionId, componentId, message, null, shouldFetchMeta);
+	  },
 	  trackUsefullness: analytics_8,
 	  createAISession: query_8
 	};
@@ -33234,7 +33493,7 @@
 	// Add componentType for SSR
 	TBConnected.componentType = constants_1$1.toggleButton;
 
-	var _excluded$2 = ["options"];
+	var _excluded$3 = ["options"];
 	var updateQuery$7 = lib_5.updateQuery,
 	  setQueryOptions$7 = lib_5.setQueryOptions,
 	  setCustomQuery$6 = lib_5.setCustomQuery,
@@ -33293,7 +33552,7 @@
 	    }
 	    this.setQuery = function (_ref) {
 	      var options = _ref.options,
-	        obj = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+	        obj = _objectWithoutPropertiesLoose(_ref, _excluded$3);
 	      var queryToBeSet = obj.query;
 
 	      // when enableAppbase is true, Backend throws error because of repeated query in request body
@@ -37128,7 +37387,7 @@
 	  Vue.component(ResultCardTitle.name, ResultCardTitle);
 	};
 
-	var _excluded$3 = ["src"];
+	var _excluded$4 = ["src"];
 	var ResultCardImage = {
 	  name: 'ResultCardImage',
 	  props: {
@@ -37137,7 +37396,7 @@
 	  render: function render() {
 	    var _this$$props = this.$props,
 	      src = _this$$props.src,
-	      props = _objectWithoutPropertiesLoose(_this$$props, _excluded$3);
+	      props = _objectWithoutPropertiesLoose(_this$$props, _excluded$4);
 	    return vue.createVNode(Image$1, vue.mergeProps({
 	      "style": {
 	        backgroundImage: "url(" + src + ")"
@@ -37160,7 +37419,7 @@
 	  Vue.component(ResultCardDescription.name, ResultCardDescription);
 	};
 
-	var _excluded$4 = ["href", "target"];
+	var _excluded$5 = ["href", "target"];
 	function _isSlot$e(s) {
 	  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
 	}
@@ -37181,7 +37440,7 @@
 	    var _this$$props = this.$props,
 	      href = _this$$props.href,
 	      target = _this$$props.target,
-	      rest = _objectWithoutPropertiesLoose(_this$$props, _excluded$4);
+	      rest = _objectWithoutPropertiesLoose(_this$$props, _excluded$5);
 	    return vue.createVNode(Card, vue.mergeProps({
 	      "href": href,
 	      "target": target,
@@ -37222,7 +37481,7 @@
 	  Vue.component(ResultListDescription.name, ResultListDescription);
 	};
 
-	var _excluded$5 = ["src", "small"];
+	var _excluded$6 = ["src", "small"];
 	var ResultListImage = {
 	  name: 'ResultListImage',
 	  props: {
@@ -37233,7 +37492,7 @@
 	    var _this$$props = this.$props,
 	      src = _this$$props.src,
 	      small = _this$$props.small,
-	      props = _objectWithoutPropertiesLoose(_this$$props, _excluded$5);
+	      props = _objectWithoutPropertiesLoose(_this$$props, _excluded$6);
 	    return vue.createVNode(Image, vue.mergeProps({
 	      "src": src,
 	      "small": small
@@ -37263,7 +37522,7 @@
 	  Vue.component(ResultListTitle.name, ResultListTitle);
 	};
 
-	var _excluded$6 = ["href", "target"];
+	var _excluded$7 = ["href", "target"];
 	function _isSlot$g(s) {
 	  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
 	}
@@ -37303,7 +37562,7 @@
 	    var _this$$props = this.$props,
 	      href = _this$$props.href,
 	      target = _this$$props.target,
-	      props = _objectWithoutPropertiesLoose(_this$$props, _excluded$6);
+	      props = _objectWithoutPropertiesLoose(_this$$props, _excluded$7);
 	    var hasImage = this.hasImage,
 	      isSmall = this.isSmall;
 	    var children = this.$slots["default"];
@@ -37781,7 +38040,7 @@
 	  }
 	};
 
-	var _excluded$7 = ["mappedProps", "name", "ctr", "ctrArgs", "events", "beforeCreate", "afterCreate", "props"];
+	var _excluded$8 = ["mappedProps", "name", "ctr", "ctrArgs", "events", "beforeCreate", "afterCreate", "props"];
 
 	/**
 	 *
@@ -37833,7 +38092,7 @@
 	    beforeCreate = options.beforeCreate,
 	    afterCreate = options.afterCreate,
 	    props = options.props,
-	    rest = _objectWithoutPropertiesLoose(options, _excluded$7);
+	    rest = _objectWithoutPropertiesLoose(options, _excluded$8);
 	  var promiseName = "$" + name + "Promise";
 	  var instanceName = "$" + name + "Object";
 	  assert(!(rest.props instanceof Array), '`props` should be an object, not Array');
@@ -39700,7 +39959,7 @@
 	  return MarkerClusterer;
 	}(OverlayViewSafe);
 
-	var _excluded$8 = ["map"];
+	var _excluded$9 = ["map"];
 	var props$6 = {
 	  algorithm: {
 	    type: Object,
@@ -39728,7 +39987,7 @@
 	  },
 	  ctrArgs: function ctrArgs(_ref) {
 	    var map = _ref.map,
-	      otherOptions = _objectWithoutPropertiesLoose(_ref, _excluded$8);
+	      otherOptions = _objectWithoutPropertiesLoose(_ref, _excluded$9);
 	    return [_extends({
 	      map: map
 	    }, otherOptions)];
@@ -41761,7 +42020,7 @@
 	  });
 	}
 
-	var _excluded$9 = ["options", "position"];
+	var _excluded$a = ["options", "position"];
 	var InfoWindowClusterManager = {
 	  name: 'InfoWindowClusterManager',
 	  inject: {
@@ -41782,7 +42041,7 @@
 	      }, getPropsValues$1(_this, infoWindowMappedProps));
 	      var extraOptions = initialOptions.options,
 	        position = initialOptions.position,
-	        finalOptions = _objectWithoutPropertiesLoose(initialOptions, _excluded$9);
+	        finalOptions = _objectWithoutPropertiesLoose(initialOptions, _excluded$a);
 	      finalOptions.content = _this.$refs.flyaway;
 	      if (_this.$markerPromise) {
 	        _this.$markerPromise.then(function (markerObject) {
@@ -41937,7 +42196,7 @@
 	  }
 	};
 
-	var _excluded$a = ["options"];
+	var _excluded$b = ["options"];
 	var isEqual$h = lib_8.isEqual;
 	var recordResultClick$2 = lib_5.recordResultClick;
 	var ClusterMarkers = {
@@ -42060,7 +42319,7 @@
 	                  };
 	                }
 	                var extraOptions = initialOptions.options,
-	                  finalOptions = _objectWithoutPropertiesLoose(initialOptions, _excluded$a);
+	                  finalOptions = _objectWithoutPropertiesLoose(initialOptions, _excluded$b);
 	                if (_this.$clusterPromise) {
 	                  finalOptions.map = null;
 	                }
@@ -43933,7 +44192,7 @@
 	  }, queryString, renderFunction);
 	}
 
-	var version = "3.0.0-rc.17";
+	var version = "3.0.0-rc.18";
 
 	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) {