@appbaseio/reactivesearch-vue 3.0.0-rc.6.4 → 3.0.0-rc.6.6

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

@@ -1189,7 +1189,7 @@
 	    geo: 'geo',
 	    suggestion: 'suggestion'
 	  };
-	  var validProps = exports.validProps = ['type', 'componentType', 'aggregationField', 'aggregationSize', 'distinctField', 'distinctFieldConfig', 'index', 'aggregations', 'dataField', 'includeFields', 'excludeFields', 'size', 'from', 'sortBy', 'sortOptions', 'pagination', 'autoFocus', 'autosuggest', 'debounce', 'defaultValue', 'defaultSuggestions', 'fieldWeights', 'filterLabel', 'fuzziness', 'highlight', 'highlightConfig', 'highlightField', 'nestedField', 'placeholder', 'queryFormat', 'searchOperators', 'enableSynonyms', 'enableQuerySuggestions', 'queryString', 'categoryField', 'strictSelection', 'selectAllLabel', 'showCheckbox', 'showFilter', 'showSearch', 'showCount', 'showLoadMore', 'loadMoreLabel', 'showMissing', 'missingLabel', 'data', 'showRadio', 'multiSelect', 'includeNullValues', 'interval', 'showHistogram', 'snap', 'stepValue', 'range', 'showSlider', 'parseDate', 'calendarInterval', 'unit', 'enablePopularSuggestions', 'enableRecentSuggestions', 'popularSuggestionsConfig', 'recentSuggestionsConfig', 'indexSuggestionsConfig', 'featuredSuggestionsConfig', 'enablePredictiveSuggestions', 'applyStopwords', 'customStopwords', 'enableIndexSuggestions', 'enableFeaturedSuggestions', 'searchboxId', 'endpoint', 'enableEndpointSuggestions', 'enableAI', 'AIConfig'];
+	  var validProps = exports.validProps = ['type', 'componentType', 'aggregationField', 'aggregationSize', 'distinctField', 'distinctFieldConfig', 'index', 'aggregations', 'dataField', 'includeFields', 'excludeFields', 'size', 'from', 'sortBy', 'sortOptions', 'pagination', 'autoFocus', 'autosuggest', 'debounce', 'defaultValue', 'defaultSuggestions', 'fieldWeights', 'filterLabel', 'fuzziness', 'highlight', 'highlightConfig', 'highlightField', 'nestedField', 'placeholder', 'queryFormat', 'searchOperators', 'enableSynonyms', 'enableQuerySuggestions', 'queryString', 'categoryField', 'strictSelection', 'selectAllLabel', 'showCheckbox', 'showFilter', 'showSearch', 'showCount', 'showLoadMore', 'loadMoreLabel', 'showMissing', 'missingLabel', 'data', 'showRadio', 'multiSelect', 'includeNullValues', 'interval', 'showHistogram', 'snap', 'stepValue', 'range', 'showSlider', 'parseDate', 'calendarInterval', 'unit', 'enablePopularSuggestions', 'enableRecentSuggestions', 'popularSuggestionsConfig', 'recentSuggestionsConfig', 'indexSuggestionsConfig', 'featuredSuggestionsConfig', 'FAQSuggestionsConfig', 'enablePredictiveSuggestions', 'applyStopwords', 'customStopwords', 'enableIndexSuggestions', 'enableFeaturedSuggestions', 'enableFAQSuggestions', 'searchboxId', 'endpoint', 'enableEndpointSuggestions', 'enableAI', 'AIConfig'];
 	  var CLEAR_ALL = exports.CLEAR_ALL = {
 	    NEVER: 'never',
 	    ALWAYS: 'always',
@@ -5249,7 +5249,8 @@
 	    Index: 'index',
 	    Recent: 'recent',
 	    Promoted: 'promoted',
-	    Featured: 'featured'
+	    Featured: 'featured',
+	    FAQ: 'faq'
 	  };
 	  var featuredSuggestionsActionTypes = exports.featuredSuggestionsActionTypes = {
 	    NAVIGATE: 'navigate',
@@ -6244,6 +6245,8 @@
 	        featuredSuggestionsConfig: props.featuredSuggestionsConfig,
 	        indexSuggestionsConfig: props.indexSuggestionsConfig,
 	        enableFeaturedSuggestions: props.enableFeaturedSuggestions,
+	        enableFAQSuggestions: props.enableFAQSuggestions,
+	        FAQSuggestionsConfig: props.FAQSuggestionsConfig,
 	        enableIndexSuggestions: props.enableIndexSuggestions
 	      }, props.searchboxId ? {
 	        searchboxId: props.searchboxId
@@ -7681,6 +7684,7 @@
 	  exports.loadMore = loadMore;
 	  exports.loadDataToExport = loadDataToExport;
 	  exports.fetchAIResponse = fetchAIResponse;
+	  exports.createAISession = createAISession;
 	  function _objectWithoutProperties(obj, keys) {
 	    var target = {};
 	    for (var i in obj) {
@@ -8372,6 +8376,46 @@
 	      doFetch();
 	    };
 	  }
+	  function createAISession() {
+	    var question = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'Reactivesearch';
+	    return function (dispatch, getState) {
+	      var _getState7 = getState(),
+	        _getState7$config = _getState7.config,
+	        url = _getState7$config.url,
+	        configCredentials = _getState7$config.credentials,
+	        endpoint = _getState7$config.endpoint;
+	      var regex = /https:\/\/[^/]+/;
+	      var urlObj = new URL(url.match(regex)[0]);
+	      var credentials = configCredentials;
+	      if (urlObj.username && urlObj.password) {
+	        credentials = urlObj.username + ':' + urlObj.password;
+	        urlObj.username = '';
+	        urlObj.password = '';
+	      }
+	      var fetchUrl = urlObj.toString() + '_ai';
+	      var headers = new Headers();
+	      if (credentials) {
+	        var encodedCredentials = btoa(credentials);
+	        headers.append('Authorization', 'Basic ' + encodedCredentials);
+	      } else if (endpoint && endpoint.headers && endpoint.headers.Authorization) {
+	        headers.append('Authorization', endpoint.headers.Authorization);
+	      }
+	      var requestOptions = {
+	        headers: headers,
+	        method: 'POST',
+	        body: JSON.stringify({
+	          question: question
+	        })
+	      };
+	      return fetch(fetchUrl, _extends({}, requestOptions)).then(function (res) {
+	        return res.json();
+	      }).then(function (parsedRes) {
+	        return parsedRes;
+	      })["catch"](function (e) {
+	        console.error('Error creating an AI session: ', e);
+	      });
+	    };
+	  }
 	});
 	unwrapExports(query);
 	var query_1 = query.loadPopularSuggestions;
@@ -8381,6 +8425,7 @@
 	var query_5 = query.loadMore;
 	var query_6 = query.loadDataToExport;
 	var query_7 = query.fetchAIResponse;
+	var query_8 = query.createAISession;
 
 	var component = createCommonjsModule(function (module, exports) {
 	  Object.defineProperty(exports, "__esModule", {
@@ -18119,6 +18164,1586 @@
 	  window.hotkeys = hotkeys;
 	}
 
+	/**
+	 * cssfilter
+	 *
+	 * @author 老雷<leizongmin@gmail.com>
+	 */
+
+	function getDefaultWhiteList() {
+	  // 白名单值说明：
+	  // true: 允许该属性
+	  // Function: function (val) { } 返回true表示允许该属性，其他值均表示不允许
+	  // RegExp: regexp.test(val) 返回true表示允许该属性，其他值均表示不允许
+	  // 除上面列出的值外均表示不允许
+	  var whiteList = {};
+	  whiteList['align-content'] = false; // default: auto
+	  whiteList['align-items'] = false; // default: auto
+	  whiteList['align-self'] = false; // default: auto
+	  whiteList['alignment-adjust'] = false; // default: auto
+	  whiteList['alignment-baseline'] = false; // default: baseline
+	  whiteList['all'] = false; // default: depending on individual properties
+	  whiteList['anchor-point'] = false; // default: none
+	  whiteList['animation'] = false; // default: depending on individual properties
+	  whiteList['animation-delay'] = false; // default: 0
+	  whiteList['animation-direction'] = false; // default: normal
+	  whiteList['animation-duration'] = false; // default: 0
+	  whiteList['animation-fill-mode'] = false; // default: none
+	  whiteList['animation-iteration-count'] = false; // default: 1
+	  whiteList['animation-name'] = false; // default: none
+	  whiteList['animation-play-state'] = false; // default: running
+	  whiteList['animation-timing-function'] = false; // default: ease
+	  whiteList['azimuth'] = false; // default: center
+	  whiteList['backface-visibility'] = false; // default: visible
+	  whiteList['background'] = true; // default: depending on individual properties
+	  whiteList['background-attachment'] = true; // default: scroll
+	  whiteList['background-clip'] = true; // default: border-box
+	  whiteList['background-color'] = true; // default: transparent
+	  whiteList['background-image'] = true; // default: none
+	  whiteList['background-origin'] = true; // default: padding-box
+	  whiteList['background-position'] = true; // default: 0% 0%
+	  whiteList['background-repeat'] = true; // default: repeat
+	  whiteList['background-size'] = true; // default: auto
+	  whiteList['baseline-shift'] = false; // default: baseline
+	  whiteList['binding'] = false; // default: none
+	  whiteList['bleed'] = false; // default: 6pt
+	  whiteList['bookmark-label'] = false; // default: content()
+	  whiteList['bookmark-level'] = false; // default: none
+	  whiteList['bookmark-state'] = false; // default: open
+	  whiteList['border'] = true; // default: depending on individual properties
+	  whiteList['border-bottom'] = true; // default: depending on individual properties
+	  whiteList['border-bottom-color'] = true; // default: current color
+	  whiteList['border-bottom-left-radius'] = true; // default: 0
+	  whiteList['border-bottom-right-radius'] = true; // default: 0
+	  whiteList['border-bottom-style'] = true; // default: none
+	  whiteList['border-bottom-width'] = true; // default: medium
+	  whiteList['border-collapse'] = true; // default: separate
+	  whiteList['border-color'] = true; // default: depending on individual properties
+	  whiteList['border-image'] = true; // default: none
+	  whiteList['border-image-outset'] = true; // default: 0
+	  whiteList['border-image-repeat'] = true; // default: stretch
+	  whiteList['border-image-slice'] = true; // default: 100%
+	  whiteList['border-image-source'] = true; // default: none
+	  whiteList['border-image-width'] = true; // default: 1
+	  whiteList['border-left'] = true; // default: depending on individual properties
+	  whiteList['border-left-color'] = true; // default: current color
+	  whiteList['border-left-style'] = true; // default: none
+	  whiteList['border-left-width'] = true; // default: medium
+	  whiteList['border-radius'] = true; // default: 0
+	  whiteList['border-right'] = true; // default: depending on individual properties
+	  whiteList['border-right-color'] = true; // default: current color
+	  whiteList['border-right-style'] = true; // default: none
+	  whiteList['border-right-width'] = true; // default: medium
+	  whiteList['border-spacing'] = true; // default: 0
+	  whiteList['border-style'] = true; // default: depending on individual properties
+	  whiteList['border-top'] = true; // default: depending on individual properties
+	  whiteList['border-top-color'] = true; // default: current color
+	  whiteList['border-top-left-radius'] = true; // default: 0
+	  whiteList['border-top-right-radius'] = true; // default: 0
+	  whiteList['border-top-style'] = true; // default: none
+	  whiteList['border-top-width'] = true; // default: medium
+	  whiteList['border-width'] = true; // default: depending on individual properties
+	  whiteList['bottom'] = false; // default: auto
+	  whiteList['box-decoration-break'] = true; // default: slice
+	  whiteList['box-shadow'] = true; // default: none
+	  whiteList['box-sizing'] = true; // default: content-box
+	  whiteList['box-snap'] = true; // default: none
+	  whiteList['box-suppress'] = true; // default: show
+	  whiteList['break-after'] = true; // default: auto
+	  whiteList['break-before'] = true; // default: auto
+	  whiteList['break-inside'] = true; // default: auto
+	  whiteList['caption-side'] = false; // default: top
+	  whiteList['chains'] = false; // default: none
+	  whiteList['clear'] = true; // default: none
+	  whiteList['clip'] = false; // default: auto
+	  whiteList['clip-path'] = false; // default: none
+	  whiteList['clip-rule'] = false; // default: nonzero
+	  whiteList['color'] = true; // default: implementation dependent
+	  whiteList['color-interpolation-filters'] = true; // default: auto
+	  whiteList['column-count'] = false; // default: auto
+	  whiteList['column-fill'] = false; // default: balance
+	  whiteList['column-gap'] = false; // default: normal
+	  whiteList['column-rule'] = false; // default: depending on individual properties
+	  whiteList['column-rule-color'] = false; // default: current color
+	  whiteList['column-rule-style'] = false; // default: medium
+	  whiteList['column-rule-width'] = false; // default: medium
+	  whiteList['column-span'] = false; // default: none
+	  whiteList['column-width'] = false; // default: auto
+	  whiteList['columns'] = false; // default: depending on individual properties
+	  whiteList['contain'] = false; // default: none
+	  whiteList['content'] = false; // default: normal
+	  whiteList['counter-increment'] = false; // default: none
+	  whiteList['counter-reset'] = false; // default: none
+	  whiteList['counter-set'] = false; // default: none
+	  whiteList['crop'] = false; // default: auto
+	  whiteList['cue'] = false; // default: depending on individual properties
+	  whiteList['cue-after'] = false; // default: none
+	  whiteList['cue-before'] = false; // default: none
+	  whiteList['cursor'] = false; // default: auto
+	  whiteList['direction'] = false; // default: ltr
+	  whiteList['display'] = true; // default: depending on individual properties
+	  whiteList['display-inside'] = true; // default: auto
+	  whiteList['display-list'] = true; // default: none
+	  whiteList['display-outside'] = true; // default: inline-level
+	  whiteList['dominant-baseline'] = false; // default: auto
+	  whiteList['elevation'] = false; // default: level
+	  whiteList['empty-cells'] = false; // default: show
+	  whiteList['filter'] = false; // default: none
+	  whiteList['flex'] = false; // default: depending on individual properties
+	  whiteList['flex-basis'] = false; // default: auto
+	  whiteList['flex-direction'] = false; // default: row
+	  whiteList['flex-flow'] = false; // default: depending on individual properties
+	  whiteList['flex-grow'] = false; // default: 0
+	  whiteList['flex-shrink'] = false; // default: 1
+	  whiteList['flex-wrap'] = false; // default: nowrap
+	  whiteList['float'] = false; // default: none
+	  whiteList['float-offset'] = false; // default: 0 0
+	  whiteList['flood-color'] = false; // default: black
+	  whiteList['flood-opacity'] = false; // default: 1
+	  whiteList['flow-from'] = false; // default: none
+	  whiteList['flow-into'] = false; // default: none
+	  whiteList['font'] = true; // default: depending on individual properties
+	  whiteList['font-family'] = true; // default: implementation dependent
+	  whiteList['font-feature-settings'] = true; // default: normal
+	  whiteList['font-kerning'] = true; // default: auto
+	  whiteList['font-language-override'] = true; // default: normal
+	  whiteList['font-size'] = true; // default: medium
+	  whiteList['font-size-adjust'] = true; // default: none
+	  whiteList['font-stretch'] = true; // default: normal
+	  whiteList['font-style'] = true; // default: normal
+	  whiteList['font-synthesis'] = true; // default: weight style
+	  whiteList['font-variant'] = true; // default: normal
+	  whiteList['font-variant-alternates'] = true; // default: normal
+	  whiteList['font-variant-caps'] = true; // default: normal
+	  whiteList['font-variant-east-asian'] = true; // default: normal
+	  whiteList['font-variant-ligatures'] = true; // default: normal
+	  whiteList['font-variant-numeric'] = true; // default: normal
+	  whiteList['font-variant-position'] = true; // default: normal
+	  whiteList['font-weight'] = true; // default: normal
+	  whiteList['grid'] = false; // default: depending on individual properties
+	  whiteList['grid-area'] = false; // default: depending on individual properties
+	  whiteList['grid-auto-columns'] = false; // default: auto
+	  whiteList['grid-auto-flow'] = false; // default: none
+	  whiteList['grid-auto-rows'] = false; // default: auto
+	  whiteList['grid-column'] = false; // default: depending on individual properties
+	  whiteList['grid-column-end'] = false; // default: auto
+	  whiteList['grid-column-start'] = false; // default: auto
+	  whiteList['grid-row'] = false; // default: depending on individual properties
+	  whiteList['grid-row-end'] = false; // default: auto
+	  whiteList['grid-row-start'] = false; // default: auto
+	  whiteList['grid-template'] = false; // default: depending on individual properties
+	  whiteList['grid-template-areas'] = false; // default: none
+	  whiteList['grid-template-columns'] = false; // default: none
+	  whiteList['grid-template-rows'] = false; // default: none
+	  whiteList['hanging-punctuation'] = false; // default: none
+	  whiteList['height'] = true; // default: auto
+	  whiteList['hyphens'] = false; // default: manual
+	  whiteList['icon'] = false; // default: auto
+	  whiteList['image-orientation'] = false; // default: auto
+	  whiteList['image-resolution'] = false; // default: normal
+	  whiteList['ime-mode'] = false; // default: auto
+	  whiteList['initial-letters'] = false; // default: normal
+	  whiteList['inline-box-align'] = false; // default: last
+	  whiteList['justify-content'] = false; // default: auto
+	  whiteList['justify-items'] = false; // default: auto
+	  whiteList['justify-self'] = false; // default: auto
+	  whiteList['left'] = false; // default: auto
+	  whiteList['letter-spacing'] = true; // default: normal
+	  whiteList['lighting-color'] = true; // default: white
+	  whiteList['line-box-contain'] = false; // default: block inline replaced
+	  whiteList['line-break'] = false; // default: auto
+	  whiteList['line-grid'] = false; // default: match-parent
+	  whiteList['line-height'] = false; // default: normal
+	  whiteList['line-snap'] = false; // default: none
+	  whiteList['line-stacking'] = false; // default: depending on individual properties
+	  whiteList['line-stacking-ruby'] = false; // default: exclude-ruby
+	  whiteList['line-stacking-shift'] = false; // default: consider-shifts
+	  whiteList['line-stacking-strategy'] = false; // default: inline-line-height
+	  whiteList['list-style'] = true; // default: depending on individual properties
+	  whiteList['list-style-image'] = true; // default: none
+	  whiteList['list-style-position'] = true; // default: outside
+	  whiteList['list-style-type'] = true; // default: disc
+	  whiteList['margin'] = true; // default: depending on individual properties
+	  whiteList['margin-bottom'] = true; // default: 0
+	  whiteList['margin-left'] = true; // default: 0
+	  whiteList['margin-right'] = true; // default: 0
+	  whiteList['margin-top'] = true; // default: 0
+	  whiteList['marker-offset'] = false; // default: auto
+	  whiteList['marker-side'] = false; // default: list-item
+	  whiteList['marks'] = false; // default: none
+	  whiteList['mask'] = false; // default: border-box
+	  whiteList['mask-box'] = false; // default: see individual properties
+	  whiteList['mask-box-outset'] = false; // default: 0
+	  whiteList['mask-box-repeat'] = false; // default: stretch
+	  whiteList['mask-box-slice'] = false; // default: 0 fill
+	  whiteList['mask-box-source'] = false; // default: none
+	  whiteList['mask-box-width'] = false; // default: auto
+	  whiteList['mask-clip'] = false; // default: border-box
+	  whiteList['mask-image'] = false; // default: none
+	  whiteList['mask-origin'] = false; // default: border-box
+	  whiteList['mask-position'] = false; // default: center
+	  whiteList['mask-repeat'] = false; // default: no-repeat
+	  whiteList['mask-size'] = false; // default: border-box
+	  whiteList['mask-source-type'] = false; // default: auto
+	  whiteList['mask-type'] = false; // default: luminance
+	  whiteList['max-height'] = true; // default: none
+	  whiteList['max-lines'] = false; // default: none
+	  whiteList['max-width'] = true; // default: none
+	  whiteList['min-height'] = true; // default: 0
+	  whiteList['min-width'] = true; // default: 0
+	  whiteList['move-to'] = false; // default: normal
+	  whiteList['nav-down'] = false; // default: auto
+	  whiteList['nav-index'] = false; // default: auto
+	  whiteList['nav-left'] = false; // default: auto
+	  whiteList['nav-right'] = false; // default: auto
+	  whiteList['nav-up'] = false; // default: auto
+	  whiteList['object-fit'] = false; // default: fill
+	  whiteList['object-position'] = false; // default: 50% 50%
+	  whiteList['opacity'] = false; // default: 1
+	  whiteList['order'] = false; // default: 0
+	  whiteList['orphans'] = false; // default: 2
+	  whiteList['outline'] = false; // default: depending on individual properties
+	  whiteList['outline-color'] = false; // default: invert
+	  whiteList['outline-offset'] = false; // default: 0
+	  whiteList['outline-style'] = false; // default: none
+	  whiteList['outline-width'] = false; // default: medium
+	  whiteList['overflow'] = false; // default: depending on individual properties
+	  whiteList['overflow-wrap'] = false; // default: normal
+	  whiteList['overflow-x'] = false; // default: visible
+	  whiteList['overflow-y'] = false; // default: visible
+	  whiteList['padding'] = true; // default: depending on individual properties
+	  whiteList['padding-bottom'] = true; // default: 0
+	  whiteList['padding-left'] = true; // default: 0
+	  whiteList['padding-right'] = true; // default: 0
+	  whiteList['padding-top'] = true; // default: 0
+	  whiteList['page'] = false; // default: auto
+	  whiteList['page-break-after'] = false; // default: auto
+	  whiteList['page-break-before'] = false; // default: auto
+	  whiteList['page-break-inside'] = false; // default: auto
+	  whiteList['page-policy'] = false; // default: start
+	  whiteList['pause'] = false; // default: implementation dependent
+	  whiteList['pause-after'] = false; // default: implementation dependent
+	  whiteList['pause-before'] = false; // default: implementation dependent
+	  whiteList['perspective'] = false; // default: none
+	  whiteList['perspective-origin'] = false; // default: 50% 50%
+	  whiteList['pitch'] = false; // default: medium
+	  whiteList['pitch-range'] = false; // default: 50
+	  whiteList['play-during'] = false; // default: auto
+	  whiteList['position'] = false; // default: static
+	  whiteList['presentation-level'] = false; // default: 0
+	  whiteList['quotes'] = false; // default: text
+	  whiteList['region-fragment'] = false; // default: auto
+	  whiteList['resize'] = false; // default: none
+	  whiteList['rest'] = false; // default: depending on individual properties
+	  whiteList['rest-after'] = false; // default: none
+	  whiteList['rest-before'] = false; // default: none
+	  whiteList['richness'] = false; // default: 50
+	  whiteList['right'] = false; // default: auto
+	  whiteList['rotation'] = false; // default: 0
+	  whiteList['rotation-point'] = false; // default: 50% 50%
+	  whiteList['ruby-align'] = false; // default: auto
+	  whiteList['ruby-merge'] = false; // default: separate
+	  whiteList['ruby-position'] = false; // default: before
+	  whiteList['shape-image-threshold'] = false; // default: 0.0
+	  whiteList['shape-outside'] = false; // default: none
+	  whiteList['shape-margin'] = false; // default: 0
+	  whiteList['size'] = false; // default: auto
+	  whiteList['speak'] = false; // default: auto
+	  whiteList['speak-as'] = false; // default: normal
+	  whiteList['speak-header'] = false; // default: once
+	  whiteList['speak-numeral'] = false; // default: continuous
+	  whiteList['speak-punctuation'] = false; // default: none
+	  whiteList['speech-rate'] = false; // default: medium
+	  whiteList['stress'] = false; // default: 50
+	  whiteList['string-set'] = false; // default: none
+	  whiteList['tab-size'] = false; // default: 8
+	  whiteList['table-layout'] = false; // default: auto
+	  whiteList['text-align'] = true; // default: start
+	  whiteList['text-align-last'] = true; // default: auto
+	  whiteList['text-combine-upright'] = true; // default: none
+	  whiteList['text-decoration'] = true; // default: none
+	  whiteList['text-decoration-color'] = true; // default: currentColor
+	  whiteList['text-decoration-line'] = true; // default: none
+	  whiteList['text-decoration-skip'] = true; // default: objects
+	  whiteList['text-decoration-style'] = true; // default: solid
+	  whiteList['text-emphasis'] = true; // default: depending on individual properties
+	  whiteList['text-emphasis-color'] = true; // default: currentColor
+	  whiteList['text-emphasis-position'] = true; // default: over right
+	  whiteList['text-emphasis-style'] = true; // default: none
+	  whiteList['text-height'] = true; // default: auto
+	  whiteList['text-indent'] = true; // default: 0
+	  whiteList['text-justify'] = true; // default: auto
+	  whiteList['text-orientation'] = true; // default: mixed
+	  whiteList['text-overflow'] = true; // default: clip
+	  whiteList['text-shadow'] = true; // default: none
+	  whiteList['text-space-collapse'] = true; // default: collapse
+	  whiteList['text-transform'] = true; // default: none
+	  whiteList['text-underline-position'] = true; // default: auto
+	  whiteList['text-wrap'] = true; // default: normal
+	  whiteList['top'] = false; // default: auto
+	  whiteList['transform'] = false; // default: none
+	  whiteList['transform-origin'] = false; // default: 50% 50% 0
+	  whiteList['transform-style'] = false; // default: flat
+	  whiteList['transition'] = false; // default: depending on individual properties
+	  whiteList['transition-delay'] = false; // default: 0s
+	  whiteList['transition-duration'] = false; // default: 0s
+	  whiteList['transition-property'] = false; // default: all
+	  whiteList['transition-timing-function'] = false; // default: ease
+	  whiteList['unicode-bidi'] = false; // default: normal
+	  whiteList['vertical-align'] = false; // default: baseline
+	  whiteList['visibility'] = false; // default: visible
+	  whiteList['voice-balance'] = false; // default: center
+	  whiteList['voice-duration'] = false; // default: auto
+	  whiteList['voice-family'] = false; // default: implementation dependent
+	  whiteList['voice-pitch'] = false; // default: medium
+	  whiteList['voice-range'] = false; // default: medium
+	  whiteList['voice-rate'] = false; // default: normal
+	  whiteList['voice-stress'] = false; // default: normal
+	  whiteList['voice-volume'] = false; // default: medium
+	  whiteList['volume'] = false; // default: medium
+	  whiteList['white-space'] = false; // default: normal
+	  whiteList['widows'] = false; // default: 2
+	  whiteList['width'] = true; // default: auto
+	  whiteList['will-change'] = false; // default: auto
+	  whiteList['word-break'] = true; // default: normal
+	  whiteList['word-spacing'] = true; // default: normal
+	  whiteList['word-wrap'] = true; // default: normal
+	  whiteList['wrap-flow'] = false; // default: auto
+	  whiteList['wrap-through'] = false; // default: wrap
+	  whiteList['writing-mode'] = false; // default: horizontal-tb
+	  whiteList['z-index'] = false; // default: auto
+
+	  return whiteList;
+	}
+
+	/**
+	 * 匹配到白名单上的一个属性时
+	 *
+	 * @param {String} name
+	 * @param {String} value
+	 * @param {Object} options
+	 * @return {String}
+	 */
+	function onAttr(name, value, options) {
+	  // do nothing
+	}
+
+	/**
+	 * 匹配到不在白名单上的一个属性时
+	 *
+	 * @param {String} name
+	 * @param {String} value
+	 * @param {Object} options
+	 * @return {String}
+	 */
+	function onIgnoreAttr(name, value, options) {
+	  // do nothing
+	}
+	var REGEXP_URL_JAVASCRIPT = /javascript\s*\:/img;
+
+	/**
+	 * 过滤属性值
+	 *
+	 * @param {String} name
+	 * @param {String} value
+	 * @return {String}
+	 */
+	function safeAttrValue(name, value) {
+	  if (REGEXP_URL_JAVASCRIPT.test(value)) return '';
+	  return value;
+	}
+	var whiteList = getDefaultWhiteList();
+	var getDefaultWhiteList_1 = getDefaultWhiteList;
+	var onAttr_1 = onAttr;
+	var onIgnoreAttr_1 = onIgnoreAttr;
+	var safeAttrValue_1 = safeAttrValue;
+	var _default = {
+	  whiteList: whiteList,
+	  getDefaultWhiteList: getDefaultWhiteList_1,
+	  onAttr: onAttr_1,
+	  onIgnoreAttr: onIgnoreAttr_1,
+	  safeAttrValue: safeAttrValue_1
+	};
+
+	var util = {
+	  indexOf: function indexOf(arr, item) {
+	    var i, j;
+	    if (Array.prototype.indexOf) {
+	      return arr.indexOf(item);
+	    }
+	    for (i = 0, j = arr.length; i < j; i++) {
+	      if (arr[i] === item) {
+	        return i;
+	      }
+	    }
+	    return -1;
+	  },
+	  forEach: function forEach(arr, fn, scope) {
+	    var i, j;
+	    if (Array.prototype.forEach) {
+	      return arr.forEach(fn, scope);
+	    }
+	    for (i = 0, j = arr.length; i < j; i++) {
+	      fn.call(scope, arr[i], i, arr);
+	    }
+	  },
+	  trim: function trim(str) {
+	    if (String.prototype.trim) {
+	      return str.trim();
+	    }
+	    return str.replace(/(^\s*)|(\s*$)/g, '');
+	  },
+	  trimRight: function trimRight(str) {
+	    if (String.prototype.trimRight) {
+	      return str.trimRight();
+	    }
+	    return str.replace(/(\s*$)/g, '');
+	  }
+	};
+
+	/**
+	 * cssfilter
+	 *
+	 * @author 老雷<leizongmin@gmail.com>
+	 */
+
+	/**
+	 * 解析style
+	 *
+	 * @param {String} css
+	 * @param {Function} onAttr 处理属性的函数
+	 *   参数格式： function (sourcePosition, position, name, value, source)
+	 * @return {String}
+	 */
+	function parseStyle(css, onAttr) {
+	  css = util.trimRight(css);
+	  if (css[css.length - 1] !== ';') css += ';';
+	  var cssLength = css.length;
+	  var isParenthesisOpen = false;
+	  var lastPos = 0;
+	  var i = 0;
+	  var retCSS = '';
+	  function addNewAttr() {
+	    // 如果没有正常的闭合圆括号，则直接忽略当前属性
+	    if (!isParenthesisOpen) {
+	      var source = util.trim(css.slice(lastPos, i));
+	      var j = source.indexOf(':');
+	      if (j !== -1) {
+	        var name = util.trim(source.slice(0, j));
+	        var value = util.trim(source.slice(j + 1));
+	        // 必须有属性名称
+	        if (name) {
+	          var ret = onAttr(lastPos, retCSS.length, name, value, source);
+	          if (ret) retCSS += ret + '; ';
+	        }
+	      }
+	    }
+	    lastPos = i + 1;
+	  }
+	  for (; i < cssLength; i++) {
+	    var c = css[i];
+	    if (c === '/' && css[i + 1] === '*') {
+	      // 备注开始
+	      var j = css.indexOf('*/', i + 2);
+	      // 如果没有正常的备注结束，则后面的部分全部跳过
+	      if (j === -1) break;
+	      // 直接将当前位置调到备注结尾，并且初始化状态
+	      i = j + 1;
+	      lastPos = i + 1;
+	      isParenthesisOpen = false;
+	    } else if (c === '(') {
+	      isParenthesisOpen = true;
+	    } else if (c === ')') {
+	      isParenthesisOpen = false;
+	    } else if (c === ';') {
+	      if (isParenthesisOpen) ; else {
+	        addNewAttr();
+	      }
+	    } else if (c === '\n') {
+	      addNewAttr();
+	    }
+	  }
+	  return util.trim(retCSS);
+	}
+	var parser = parseStyle;
+
+	/**
+	 * cssfilter
+	 *
+	 * @author 老雷<leizongmin@gmail.com>
+	 */
+
+	/**
+	 * 返回值是否为空
+	 *
+	 * @param {Object} obj
+	 * @return {Boolean}
+	 */
+	function isNull(obj) {
+	  return obj === undefined || obj === null;
+	}
+
+	/**
+	 * 浅拷贝对象
+	 *
+	 * @param {Object} obj
+	 * @return {Object}
+	 */
+	function shallowCopyObject(obj) {
+	  var ret = {};
+	  for (var i in obj) {
+	    ret[i] = obj[i];
+	  }
+	  return ret;
+	}
+
+	/**
+	 * 创建CSS过滤器
+	 *
+	 * @param {Object} options
+	 *   - {Object} whiteList
+	 *   - {Function} onAttr
+	 *   - {Function} onIgnoreAttr
+	 *   - {Function} safeAttrValue
+	 */
+	function FilterCSS(options) {
+	  options = shallowCopyObject(options || {});
+	  options.whiteList = options.whiteList || _default.whiteList;
+	  options.onAttr = options.onAttr || _default.onAttr;
+	  options.onIgnoreAttr = options.onIgnoreAttr || _default.onIgnoreAttr;
+	  options.safeAttrValue = options.safeAttrValue || _default.safeAttrValue;
+	  this.options = options;
+	}
+	FilterCSS.prototype.process = function (css) {
+	  // 兼容各种奇葩输入
+	  css = css || '';
+	  css = css.toString();
+	  if (!css) return '';
+	  var me = this;
+	  var options = me.options;
+	  var whiteList = options.whiteList;
+	  var onAttr = options.onAttr;
+	  var onIgnoreAttr = options.onIgnoreAttr;
+	  var safeAttrValue = options.safeAttrValue;
+	  var retCSS = parser(css, function (sourcePosition, position, name, value, source) {
+	    var check = whiteList[name];
+	    var isWhite = false;
+	    if (check === true) isWhite = check;else if (typeof check === 'function') isWhite = check(value);else if (check instanceof RegExp) isWhite = check.test(value);
+	    if (isWhite !== true) isWhite = false;
+
+	    // 如果过滤后 value 为空则直接忽略
+	    value = safeAttrValue(name, value);
+	    if (!value) return;
+	    var opts = {
+	      position: position,
+	      sourcePosition: sourcePosition,
+	      source: source,
+	      isWhite: isWhite
+	    };
+	    if (isWhite) {
+	      var ret = onAttr(name, value, opts);
+	      if (isNull(ret)) {
+	        return name + ':' + value;
+	      } else {
+	        return ret;
+	      }
+	    } else {
+	      var ret = onIgnoreAttr(name, value, opts);
+	      if (!isNull(ret)) {
+	        return ret;
+	      }
+	    }
+	  });
+	  return retCSS;
+	};
+	var css$1 = FilterCSS;
+
+	var lib$1 = createCommonjsModule(function (module, exports) {
+	  /**
+	   * cssfilter
+	   *
+	   * @author 老雷<leizongmin@gmail.com>
+	   */
+
+	  /**
+	   * XSS过滤
+	   *
+	   * @param {String} css 要过滤的CSS代码
+	   * @param {Object} options 选项：whiteList, onAttr, onIgnoreAttr
+	   * @return {String}
+	   */
+	  function filterCSS(html, options) {
+	    var xss = new css$1(options);
+	    return xss.process(html);
+	  }
+
+	  // 输出
+	  exports = module.exports = filterCSS;
+	  exports.FilterCSS = css$1;
+	  for (var i in _default) exports[i] = _default[i];
+
+	  // 在浏览器端使用
+	  if (typeof window !== 'undefined') {
+	    window.filterCSS = module.exports;
+	  }
+	});
+	var lib_1$1 = lib$1.FilterCSS;
+
+	var util$1 = {
+	  indexOf: function indexOf(arr, item) {
+	    var i, j;
+	    if (Array.prototype.indexOf) {
+	      return arr.indexOf(item);
+	    }
+	    for (i = 0, j = arr.length; i < j; i++) {
+	      if (arr[i] === item) {
+	        return i;
+	      }
+	    }
+	    return -1;
+	  },
+	  forEach: function forEach(arr, fn, scope) {
+	    var i, j;
+	    if (Array.prototype.forEach) {
+	      return arr.forEach(fn, scope);
+	    }
+	    for (i = 0, j = arr.length; i < j; i++) {
+	      fn.call(scope, arr[i], i, arr);
+	    }
+	  },
+	  trim: function trim(str) {
+	    if (String.prototype.trim) {
+	      return str.trim();
+	    }
+	    return str.replace(/(^\s*)|(\s*$)/g, "");
+	  },
+	  spaceIndex: function spaceIndex(str) {
+	    var reg = /\s|\n|\t/;
+	    var match = reg.exec(str);
+	    return match ? match.index : -1;
+	  }
+	};
+
+	/**
+	 * default settings
+	 *
+	 * @author Zongmin Lei<leizongmin@gmail.com>
+	 */
+
+	var FilterCSS$1 = lib$1.FilterCSS;
+	var getDefaultCSSWhiteList = lib$1.getDefaultWhiteList;
+	function getDefaultWhiteList$1() {
+	  return {
+	    a: ["target", "href", "title"],
+	    abbr: ["title"],
+	    address: [],
+	    area: ["shape", "coords", "href", "alt"],
+	    article: [],
+	    aside: [],
+	    audio: ["autoplay", "controls", "crossorigin", "loop", "muted", "preload", "src"],
+	    b: [],
+	    bdi: ["dir"],
+	    bdo: ["dir"],
+	    big: [],
+	    blockquote: ["cite"],
+	    br: [],
+	    caption: [],
+	    center: [],
+	    cite: [],
+	    code: [],
+	    col: ["align", "valign", "span", "width"],
+	    colgroup: ["align", "valign", "span", "width"],
+	    dd: [],
+	    del: ["datetime"],
+	    details: ["open"],
+	    div: [],
+	    dl: [],
+	    dt: [],
+	    em: [],
+	    figcaption: [],
+	    figure: [],
+	    font: ["color", "size", "face"],
+	    footer: [],
+	    h1: [],
+	    h2: [],
+	    h3: [],
+	    h4: [],
+	    h5: [],
+	    h6: [],
+	    header: [],
+	    hr: [],
+	    i: [],
+	    img: ["src", "alt", "title", "width", "height"],
+	    ins: ["datetime"],
+	    li: [],
+	    mark: [],
+	    nav: [],
+	    ol: [],
+	    p: [],
+	    pre: [],
+	    s: [],
+	    section: [],
+	    small: [],
+	    span: [],
+	    sub: [],
+	    summary: [],
+	    sup: [],
+	    strong: [],
+	    strike: [],
+	    table: ["width", "border", "align", "valign"],
+	    tbody: ["align", "valign"],
+	    td: ["width", "rowspan", "colspan", "align", "valign"],
+	    tfoot: ["align", "valign"],
+	    th: ["width", "rowspan", "colspan", "align", "valign"],
+	    thead: ["align", "valign"],
+	    tr: ["rowspan", "align", "valign"],
+	    tt: [],
+	    u: [],
+	    ul: [],
+	    video: ["autoplay", "controls", "crossorigin", "loop", "muted", "playsinline", "poster", "preload", "src", "height", "width"]
+	  };
+	}
+	var defaultCSSFilter = new FilterCSS$1();
+
+	/**
+	 * default onTag function
+	 *
+	 * @param {String} tag
+	 * @param {String} html
+	 * @param {Object} options
+	 * @return {String}
+	 */
+	function onTag(tag, html, options) {
+	  // do nothing
+	}
+
+	/**
+	 * default onIgnoreTag function
+	 *
+	 * @param {String} tag
+	 * @param {String} html
+	 * @param {Object} options
+	 * @return {String}
+	 */
+	function onIgnoreTag(tag, html, options) {
+	  // do nothing
+	}
+
+	/**
+	 * default onTagAttr function
+	 *
+	 * @param {String} tag
+	 * @param {String} name
+	 * @param {String} value
+	 * @return {String}
+	 */
+	function onTagAttr(tag, name, value) {
+	  // do nothing
+	}
+
+	/**
+	 * default onIgnoreTagAttr function
+	 *
+	 * @param {String} tag
+	 * @param {String} name
+	 * @param {String} value
+	 * @return {String}
+	 */
+	function onIgnoreTagAttr(tag, name, value) {
+	  // do nothing
+	}
+
+	/**
+	 * default escapeHtml function
+	 *
+	 * @param {String} html
+	 */
+	function escapeHtml(html) {
+	  return html.replace(REGEXP_LT, "&lt;").replace(REGEXP_GT, "&gt;");
+	}
+
+	/**
+	 * default safeAttrValue function
+	 *
+	 * @param {String} tag
+	 * @param {String} name
+	 * @param {String} value
+	 * @param {Object} cssFilter
+	 * @return {String}
+	 */
+	function safeAttrValue$1(tag, name, value, cssFilter) {
+	  // unescape attribute value firstly
+	  value = friendlyAttrValue(value);
+	  if (name === "href" || name === "src") {
+	    // filter `href` and `src` attribute
+	    // only allow the value that starts with `http://` | `https://` | `mailto:` | `/` | `#`
+	    value = util$1.trim(value);
+	    if (value === "#") return "#";
+	    if (!(value.substr(0, 7) === "http://" || value.substr(0, 8) === "https://" || value.substr(0, 7) === "mailto:" || value.substr(0, 4) === "tel:" || value.substr(0, 11) === "data:image/" || value.substr(0, 6) === "ftp://" || value.substr(0, 2) === "./" || value.substr(0, 3) === "../" || value[0] === "#" || value[0] === "/")) {
+	      return "";
+	    }
+	  } else if (name === "background") {
+	    // filter `background` attribute (maybe no use)
+	    // `javascript:`
+	    REGEXP_DEFAULT_ON_TAG_ATTR_4.lastIndex = 0;
+	    if (REGEXP_DEFAULT_ON_TAG_ATTR_4.test(value)) {
+	      return "";
+	    }
+	  } else if (name === "style") {
+	    // `expression()`
+	    REGEXP_DEFAULT_ON_TAG_ATTR_7.lastIndex = 0;
+	    if (REGEXP_DEFAULT_ON_TAG_ATTR_7.test(value)) {
+	      return "";
+	    }
+	    // `url()`
+	    REGEXP_DEFAULT_ON_TAG_ATTR_8.lastIndex = 0;
+	    if (REGEXP_DEFAULT_ON_TAG_ATTR_8.test(value)) {
+	      REGEXP_DEFAULT_ON_TAG_ATTR_4.lastIndex = 0;
+	      if (REGEXP_DEFAULT_ON_TAG_ATTR_4.test(value)) {
+	        return "";
+	      }
+	    }
+	    if (cssFilter !== false) {
+	      cssFilter = cssFilter || defaultCSSFilter;
+	      value = cssFilter.process(value);
+	    }
+	  }
+
+	  // escape `<>"` before returns
+	  value = escapeAttrValue(value);
+	  return value;
+	}
+
+	// RegExp list
+	var REGEXP_LT = /</g;
+	var REGEXP_GT = />/g;
+	var REGEXP_QUOTE = /"/g;
+	var REGEXP_QUOTE_2 = /&quot;/g;
+	var REGEXP_ATTR_VALUE_1 = /&#([a-zA-Z0-9]*);?/gim;
+	var REGEXP_ATTR_VALUE_COLON = /&colon;?/gim;
+	var REGEXP_ATTR_VALUE_NEWLINE = /&newline;?/gim;
+	// var REGEXP_DEFAULT_ON_TAG_ATTR_3 = /\/\*|\*\//gm;
+	var REGEXP_DEFAULT_ON_TAG_ATTR_4 = /((j\s*a\s*v\s*a|v\s*b|l\s*i\s*v\s*e)\s*s\s*c\s*r\s*i\s*p\s*t\s*|m\s*o\s*c\s*h\s*a):/gi;
+	// var REGEXP_DEFAULT_ON_TAG_ATTR_5 = /^[\s"'`]*(d\s*a\s*t\s*a\s*)\:/gi;
+	// var REGEXP_DEFAULT_ON_TAG_ATTR_6 = /^[\s"'`]*(d\s*a\s*t\s*a\s*)\:\s*image\//gi;
+	var REGEXP_DEFAULT_ON_TAG_ATTR_7 = /e\s*x\s*p\s*r\s*e\s*s\s*s\s*i\s*o\s*n\s*\(.*/gi;
+	var REGEXP_DEFAULT_ON_TAG_ATTR_8 = /u\s*r\s*l\s*\(.*/gi;
+
+	/**
+	 * escape double quote
+	 *
+	 * @param {String} str
+	 * @return {String} str
+	 */
+	function escapeQuote(str) {
+	  return str.replace(REGEXP_QUOTE, "&quot;");
+	}
+
+	/**
+	 * unescape double quote
+	 *
+	 * @param {String} str
+	 * @return {String} str
+	 */
+	function unescapeQuote(str) {
+	  return str.replace(REGEXP_QUOTE_2, '"');
+	}
+
+	/**
+	 * escape html entities
+	 *
+	 * @param {String} str
+	 * @return {String}
+	 */
+	function escapeHtmlEntities(str) {
+	  return str.replace(REGEXP_ATTR_VALUE_1, function replaceUnicode(str, code) {
+	    return code[0] === "x" || code[0] === "X" ? String.fromCharCode(parseInt(code.substr(1), 16)) : String.fromCharCode(parseInt(code, 10));
+	  });
+	}
+
+	/**
+	 * escape html5 new danger entities
+	 *
+	 * @param {String} str
+	 * @return {String}
+	 */
+	function escapeDangerHtml5Entities(str) {
+	  return str.replace(REGEXP_ATTR_VALUE_COLON, ":").replace(REGEXP_ATTR_VALUE_NEWLINE, " ");
+	}
+
+	/**
+	 * clear nonprintable characters
+	 *
+	 * @param {String} str
+	 * @return {String}
+	 */
+	function clearNonPrintableCharacter(str) {
+	  var str2 = "";
+	  for (var i = 0, len = str.length; i < len; i++) {
+	    str2 += str.charCodeAt(i) < 32 ? " " : str.charAt(i);
+	  }
+	  return util$1.trim(str2);
+	}
+
+	/**
+	 * get friendly attribute value
+	 *
+	 * @param {String} str
+	 * @return {String}
+	 */
+	function friendlyAttrValue(str) {
+	  str = unescapeQuote(str);
+	  str = escapeHtmlEntities(str);
+	  str = escapeDangerHtml5Entities(str);
+	  str = clearNonPrintableCharacter(str);
+	  return str;
+	}
+
+	/**
+	 * unescape attribute value
+	 *
+	 * @param {String} str
+	 * @return {String}
+	 */
+	function escapeAttrValue(str) {
+	  str = escapeQuote(str);
+	  str = escapeHtml(str);
+	  return str;
+	}
+
+	/**
+	 * `onIgnoreTag` function for removing all the tags that are not in whitelist
+	 */
+	function onIgnoreTagStripAll() {
+	  return "";
+	}
+
+	/**
+	 * remove tag body
+	 * specify a `tags` list, if the tag is not in the `tags` list then process by the specify function (optional)
+	 *
+	 * @param {array} tags
+	 * @param {function} next
+	 */
+	function StripTagBody(tags, next) {
+	  if (typeof next !== "function") {
+	    next = function next() {};
+	  }
+	  var isRemoveAllTag = !Array.isArray(tags);
+	  function isRemoveTag(tag) {
+	    if (isRemoveAllTag) return true;
+	    return util$1.indexOf(tags, tag) !== -1;
+	  }
+	  var removeList = [];
+	  var posStart = false;
+	  return {
+	    onIgnoreTag: function onIgnoreTag(tag, html, options) {
+	      if (isRemoveTag(tag)) {
+	        if (options.isClosing) {
+	          var ret = "[/removed]";
+	          var end = options.position + ret.length;
+	          removeList.push([posStart !== false ? posStart : options.position, end]);
+	          posStart = false;
+	          return ret;
+	        } else {
+	          if (!posStart) {
+	            posStart = options.position;
+	          }
+	          return "[removed]";
+	        }
+	      } else {
+	        return next(tag, html, options);
+	      }
+	    },
+	    remove: function remove(html) {
+	      var rethtml = "";
+	      var lastPos = 0;
+	      util$1.forEach(removeList, function (pos) {
+	        rethtml += html.slice(lastPos, pos[0]);
+	        lastPos = pos[1];
+	      });
+	      rethtml += html.slice(lastPos);
+	      return rethtml;
+	    }
+	  };
+	}
+
+	/**
+	 * remove html comments
+	 *
+	 * @param {String} html
+	 * @return {String}
+	 */
+	function stripCommentTag(html) {
+	  var retHtml = "";
+	  var lastPos = 0;
+	  while (lastPos < html.length) {
+	    var i = html.indexOf("<!--", lastPos);
+	    if (i === -1) {
+	      retHtml += html.slice(lastPos);
+	      break;
+	    }
+	    retHtml += html.slice(lastPos, i);
+	    var j = html.indexOf("-->", i);
+	    if (j === -1) {
+	      break;
+	    }
+	    lastPos = j + 3;
+	  }
+	  return retHtml;
+	}
+
+	/**
+	 * remove invisible characters
+	 *
+	 * @param {String} html
+	 * @return {String}
+	 */
+	function stripBlankChar(html) {
+	  var chars = html.split("");
+	  chars = chars.filter(function (_char) {
+	    var c = _char.charCodeAt(0);
+	    if (c === 127) return false;
+	    if (c <= 31) {
+	      if (c === 10 || c === 13) return true;
+	      return false;
+	    }
+	    return true;
+	  });
+	  return chars.join("");
+	}
+	var whiteList$1 = getDefaultWhiteList$1();
+	var getDefaultWhiteList_1$1 = getDefaultWhiteList$1;
+	var onTag_1 = onTag;
+	var onIgnoreTag_1 = onIgnoreTag;
+	var onTagAttr_1 = onTagAttr;
+	var onIgnoreTagAttr_1 = onIgnoreTagAttr;
+	var safeAttrValue_1$1 = safeAttrValue$1;
+	var escapeHtml_1 = escapeHtml;
+	var escapeQuote_1 = escapeQuote;
+	var unescapeQuote_1 = unescapeQuote;
+	var escapeHtmlEntities_1 = escapeHtmlEntities;
+	var escapeDangerHtml5Entities_1 = escapeDangerHtml5Entities;
+	var clearNonPrintableCharacter_1 = clearNonPrintableCharacter;
+	var friendlyAttrValue_1 = friendlyAttrValue;
+	var escapeAttrValue_1 = escapeAttrValue;
+	var onIgnoreTagStripAll_1 = onIgnoreTagStripAll;
+	var StripTagBody_1 = StripTagBody;
+	var stripCommentTag_1 = stripCommentTag;
+	var stripBlankChar_1 = stripBlankChar;
+	var cssFilter = defaultCSSFilter;
+	var getDefaultCSSWhiteList_1 = getDefaultCSSWhiteList;
+	var _default$1 = {
+	  whiteList: whiteList$1,
+	  getDefaultWhiteList: getDefaultWhiteList_1$1,
+	  onTag: onTag_1,
+	  onIgnoreTag: onIgnoreTag_1,
+	  onTagAttr: onTagAttr_1,
+	  onIgnoreTagAttr: onIgnoreTagAttr_1,
+	  safeAttrValue: safeAttrValue_1$1,
+	  escapeHtml: escapeHtml_1,
+	  escapeQuote: escapeQuote_1,
+	  unescapeQuote: unescapeQuote_1,
+	  escapeHtmlEntities: escapeHtmlEntities_1,
+	  escapeDangerHtml5Entities: escapeDangerHtml5Entities_1,
+	  clearNonPrintableCharacter: clearNonPrintableCharacter_1,
+	  friendlyAttrValue: friendlyAttrValue_1,
+	  escapeAttrValue: escapeAttrValue_1,
+	  onIgnoreTagStripAll: onIgnoreTagStripAll_1,
+	  StripTagBody: StripTagBody_1,
+	  stripCommentTag: stripCommentTag_1,
+	  stripBlankChar: stripBlankChar_1,
+	  cssFilter: cssFilter,
+	  getDefaultCSSWhiteList: getDefaultCSSWhiteList_1
+	};
+
+	/**
+	 * Simple HTML Parser
+	 *
+	 * @author Zongmin Lei<leizongmin@gmail.com>
+	 */
+
+	/**
+	 * get tag name
+	 *
+	 * @param {String} html e.g. '<a hef="#">'
+	 * @return {String}
+	 */
+	function getTagName(html) {
+	  var i = util$1.spaceIndex(html);
+	  var tagName;
+	  if (i === -1) {
+	    tagName = html.slice(1, -1);
+	  } else {
+	    tagName = html.slice(1, i + 1);
+	  }
+	  tagName = util$1.trim(tagName).toLowerCase();
+	  if (tagName.slice(0, 1) === "/") tagName = tagName.slice(1);
+	  if (tagName.slice(-1) === "/") tagName = tagName.slice(0, -1);
+	  return tagName;
+	}
+
+	/**
+	 * is close tag?
+	 *
+	 * @param {String} html 如：'<a hef="#">'
+	 * @return {Boolean}
+	 */
+	function isClosing(html) {
+	  return html.slice(0, 2) === "</";
+	}
+
+	/**
+	 * parse input html and returns processed html
+	 *
+	 * @param {String} html
+	 * @param {Function} onTag e.g. function (sourcePosition, position, tag, html, isClosing)
+	 * @param {Function} escapeHtml
+	 * @return {String}
+	 */
+	function parseTag(html, onTag, escapeHtml) {
+
+	  var rethtml = "";
+	  var lastPos = 0;
+	  var tagStart = false;
+	  var quoteStart = false;
+	  var currentPos = 0;
+	  var len = html.length;
+	  var currentTagName = "";
+	  var currentHtml = "";
+	  chariterator: for (currentPos = 0; currentPos < len; currentPos++) {
+	    var c = html.charAt(currentPos);
+	    if (tagStart === false) {
+	      if (c === "<") {
+	        tagStart = currentPos;
+	        continue;
+	      }
+	    } else {
+	      if (quoteStart === false) {
+	        if (c === "<") {
+	          rethtml += escapeHtml(html.slice(lastPos, currentPos));
+	          tagStart = currentPos;
+	          lastPos = currentPos;
+	          continue;
+	        }
+	        if (c === ">" || currentPos === len - 1) {
+	          rethtml += escapeHtml(html.slice(lastPos, tagStart));
+	          currentHtml = html.slice(tagStart, currentPos + 1);
+	          currentTagName = getTagName(currentHtml);
+	          rethtml += onTag(tagStart, rethtml.length, currentTagName, currentHtml, isClosing(currentHtml));
+	          lastPos = currentPos + 1;
+	          tagStart = false;
+	          continue;
+	        }
+	        if (c === '"' || c === "'") {
+	          var i = 1;
+	          var ic = html.charAt(currentPos - i);
+	          while (ic.trim() === "" || ic === "=") {
+	            if (ic === "=") {
+	              quoteStart = c;
+	              continue chariterator;
+	            }
+	            ic = html.charAt(currentPos - ++i);
+	          }
+	        }
+	      } else {
+	        if (c === quoteStart) {
+	          quoteStart = false;
+	          continue;
+	        }
+	      }
+	    }
+	  }
+	  if (lastPos < len) {
+	    rethtml += escapeHtml(html.substr(lastPos));
+	  }
+	  return rethtml;
+	}
+	var REGEXP_ILLEGAL_ATTR_NAME = /[^a-zA-Z0-9\\_:.-]/gim;
+
+	/**
+	 * parse input attributes and returns processed attributes
+	 *
+	 * @param {String} html e.g. `href="#" target="_blank"`
+	 * @param {Function} onAttr e.g. `function (name, value)`
+	 * @return {String}
+	 */
+	function parseAttr(html, onAttr) {
+
+	  var lastPos = 0;
+	  var lastMarkPos = 0;
+	  var retAttrs = [];
+	  var tmpName = false;
+	  var len = html.length;
+	  function addAttr(name, value) {
+	    name = util$1.trim(name);
+	    name = name.replace(REGEXP_ILLEGAL_ATTR_NAME, "").toLowerCase();
+	    if (name.length < 1) return;
+	    var ret = onAttr(name, value || "");
+	    if (ret) retAttrs.push(ret);
+	  }
+
+	  // 逐个分析字符
+	  for (var i = 0; i < len; i++) {
+	    var c = html.charAt(i);
+	    var v, j;
+	    if (tmpName === false && c === "=") {
+	      tmpName = html.slice(lastPos, i);
+	      lastPos = i + 1;
+	      lastMarkPos = html.charAt(lastPos) === '"' || html.charAt(lastPos) === "'" ? lastPos : findNextQuotationMark(html, i + 1);
+	      continue;
+	    }
+	    if (tmpName !== false) {
+	      if (i === lastMarkPos) {
+	        j = html.indexOf(c, i + 1);
+	        if (j === -1) {
+	          break;
+	        } else {
+	          v = util$1.trim(html.slice(lastMarkPos + 1, j));
+	          addAttr(tmpName, v);
+	          tmpName = false;
+	          i = j;
+	          lastPos = i + 1;
+	          continue;
+	        }
+	      }
+	    }
+	    if (/\s|\n|\t/.test(c)) {
+	      html = html.replace(/\s|\n|\t/g, " ");
+	      if (tmpName === false) {
+	        j = findNextEqual(html, i);
+	        if (j === -1) {
+	          v = util$1.trim(html.slice(lastPos, i));
+	          addAttr(v);
+	          tmpName = false;
+	          lastPos = i + 1;
+	          continue;
+	        } else {
+	          i = j - 1;
+	          continue;
+	        }
+	      } else {
+	        j = findBeforeEqual(html, i - 1);
+	        if (j === -1) {
+	          v = util$1.trim(html.slice(lastPos, i));
+	          v = stripQuoteWrap(v);
+	          addAttr(tmpName, v);
+	          tmpName = false;
+	          lastPos = i + 1;
+	          continue;
+	        } else {
+	          continue;
+	        }
+	      }
+	    }
+	  }
+	  if (lastPos < html.length) {
+	    if (tmpName === false) {
+	      addAttr(html.slice(lastPos));
+	    } else {
+	      addAttr(tmpName, stripQuoteWrap(util$1.trim(html.slice(lastPos))));
+	    }
+	  }
+	  return util$1.trim(retAttrs.join(" "));
+	}
+	function findNextEqual(str, i) {
+	  for (; i < str.length; i++) {
+	    var c = str[i];
+	    if (c === " ") continue;
+	    if (c === "=") return i;
+	    return -1;
+	  }
+	}
+	function findNextQuotationMark(str, i) {
+	  for (; i < str.length; i++) {
+	    var c = str[i];
+	    if (c === " ") continue;
+	    if (c === "'" || c === '"') return i;
+	    return -1;
+	  }
+	}
+	function findBeforeEqual(str, i) {
+	  for (; i > 0; i--) {
+	    var c = str[i];
+	    if (c === " ") continue;
+	    if (c === "=") return i;
+	    return -1;
+	  }
+	}
+	function isQuoteWrapString(text) {
+	  if (text[0] === '"' && text[text.length - 1] === '"' || text[0] === "'" && text[text.length - 1] === "'") {
+	    return true;
+	  } else {
+	    return false;
+	  }
+	}
+	function stripQuoteWrap(text) {
+	  if (isQuoteWrapString(text)) {
+	    return text.substr(1, text.length - 2);
+	  } else {
+	    return text;
+	  }
+	}
+	var parseTag_1 = parseTag;
+	var parseAttr_1 = parseAttr;
+	var parser$1 = {
+	  parseTag: parseTag_1,
+	  parseAttr: parseAttr_1
+	};
+
+	/**
+	 * filter xss
+	 *
+	 * @author Zongmin Lei<leizongmin@gmail.com>
+	 */
+
+	var FilterCSS$2 = lib$1.FilterCSS;
+	var parseTag$1 = parser$1.parseTag;
+	var parseAttr$1 = parser$1.parseAttr;
+
+	/**
+	 * returns `true` if the input value is `undefined` or `null`
+	 *
+	 * @param {Object} obj
+	 * @return {Boolean}
+	 */
+	function isNull$1(obj) {
+	  return obj === undefined || obj === null;
+	}
+
+	/**
+	 * get attributes for a tag
+	 *
+	 * @param {String} html
+	 * @return {Object}
+	 *   - {String} html
+	 *   - {Boolean} closing
+	 */
+	function getAttrs(html) {
+	  var i = util$1.spaceIndex(html);
+	  if (i === -1) {
+	    return {
+	      html: "",
+	      closing: html[html.length - 2] === "/"
+	    };
+	  }
+	  html = util$1.trim(html.slice(i + 1, -1));
+	  var isClosing = html[html.length - 1] === "/";
+	  if (isClosing) html = util$1.trim(html.slice(0, -1));
+	  return {
+	    html: html,
+	    closing: isClosing
+	  };
+	}
+
+	/**
+	 * shallow copy
+	 *
+	 * @param {Object} obj
+	 * @return {Object}
+	 */
+	function shallowCopyObject$1(obj) {
+	  var ret = {};
+	  for (var i in obj) {
+	    ret[i] = obj[i];
+	  }
+	  return ret;
+	}
+	function keysToLowerCase(obj) {
+	  var ret = {};
+	  for (var i in obj) {
+	    if (Array.isArray(obj[i])) {
+	      ret[i.toLowerCase()] = obj[i].map(function (item) {
+	        return item.toLowerCase();
+	      });
+	    } else {
+	      ret[i.toLowerCase()] = obj[i];
+	    }
+	  }
+	  return ret;
+	}
+
+	/**
+	 * FilterXSS class
+	 *
+	 * @param {Object} options
+	 *        whiteList (or allowList), onTag, onTagAttr, onIgnoreTag,
+	 *        onIgnoreTagAttr, safeAttrValue, escapeHtml
+	 *        stripIgnoreTagBody, allowCommentTag, stripBlankChar
+	 *        css{whiteList, onAttr, onIgnoreAttr} `css=false` means don't use `cssfilter`
+	 */
+	function FilterXSS(options) {
+	  options = shallowCopyObject$1(options || {});
+	  if (options.stripIgnoreTag) {
+	    if (options.onIgnoreTag) {
+	      console.error('Notes: cannot use these two options "stripIgnoreTag" and "onIgnoreTag" at the same time');
+	    }
+	    options.onIgnoreTag = _default$1.onIgnoreTagStripAll;
+	  }
+	  if (options.whiteList || options.allowList) {
+	    options.whiteList = keysToLowerCase(options.whiteList || options.allowList);
+	  } else {
+	    options.whiteList = _default$1.whiteList;
+	  }
+	  options.onTag = options.onTag || _default$1.onTag;
+	  options.onTagAttr = options.onTagAttr || _default$1.onTagAttr;
+	  options.onIgnoreTag = options.onIgnoreTag || _default$1.onIgnoreTag;
+	  options.onIgnoreTagAttr = options.onIgnoreTagAttr || _default$1.onIgnoreTagAttr;
+	  options.safeAttrValue = options.safeAttrValue || _default$1.safeAttrValue;
+	  options.escapeHtml = options.escapeHtml || _default$1.escapeHtml;
+	  this.options = options;
+	  if (options.css === false) {
+	    this.cssFilter = false;
+	  } else {
+	    options.css = options.css || {};
+	    this.cssFilter = new FilterCSS$2(options.css);
+	  }
+	}
+
+	/**
+	 * start process and returns result
+	 *
+	 * @param {String} html
+	 * @return {String}
+	 */
+	FilterXSS.prototype.process = function (html) {
+	  // compatible with the input
+	  html = html || "";
+	  html = html.toString();
+	  if (!html) return "";
+	  var me = this;
+	  var options = me.options;
+	  var whiteList = options.whiteList;
+	  var onTag = options.onTag;
+	  var onIgnoreTag = options.onIgnoreTag;
+	  var onTagAttr = options.onTagAttr;
+	  var onIgnoreTagAttr = options.onIgnoreTagAttr;
+	  var safeAttrValue = options.safeAttrValue;
+	  var escapeHtml = options.escapeHtml;
+	  var cssFilter = me.cssFilter;
+
+	  // remove invisible characters
+	  if (options.stripBlankChar) {
+	    html = _default$1.stripBlankChar(html);
+	  }
+
+	  // remove html comments
+	  if (!options.allowCommentTag) {
+	    html = _default$1.stripCommentTag(html);
+	  }
+
+	  // if enable stripIgnoreTagBody
+	  var stripIgnoreTagBody = false;
+	  if (options.stripIgnoreTagBody) {
+	    stripIgnoreTagBody = _default$1.StripTagBody(options.stripIgnoreTagBody, onIgnoreTag);
+	    onIgnoreTag = stripIgnoreTagBody.onIgnoreTag;
+	  }
+	  var retHtml = parseTag$1(html, function (sourcePosition, position, tag, html, isClosing) {
+	    var info = {
+	      sourcePosition: sourcePosition,
+	      position: position,
+	      isClosing: isClosing,
+	      isWhite: Object.prototype.hasOwnProperty.call(whiteList, tag)
+	    };
+
+	    // call `onTag()`
+	    var ret = onTag(tag, html, info);
+	    if (!isNull$1(ret)) return ret;
+	    if (info.isWhite) {
+	      if (info.isClosing) {
+	        return "</" + tag + ">";
+	      }
+	      var attrs = getAttrs(html);
+	      var whiteAttrList = whiteList[tag];
+	      var attrsHtml = parseAttr$1(attrs.html, function (name, value) {
+	        // call `onTagAttr()`
+	        var isWhiteAttr = util$1.indexOf(whiteAttrList, name) !== -1;
+	        var ret = onTagAttr(tag, name, value, isWhiteAttr);
+	        if (!isNull$1(ret)) return ret;
+	        if (isWhiteAttr) {
+	          // call `safeAttrValue()`
+	          value = safeAttrValue(tag, name, value, cssFilter);
+	          if (value) {
+	            return name + '="' + value + '"';
+	          } else {
+	            return name;
+	          }
+	        } else {
+	          // call `onIgnoreTagAttr()`
+	          ret = onIgnoreTagAttr(tag, name, value, isWhiteAttr);
+	          if (!isNull$1(ret)) return ret;
+	          return;
+	        }
+	      });
+
+	      // build new tag html
+	      html = "<" + tag;
+	      if (attrsHtml) html += " " + attrsHtml;
+	      if (attrs.closing) html += " /";
+	      html += ">";
+	      return html;
+	    } else {
+	      // call `onIgnoreTag()`
+	      ret = onIgnoreTag(tag, html, info);
+	      if (!isNull$1(ret)) return ret;
+	      return escapeHtml(html);
+	    }
+	  }, escapeHtml);
+
+	  // if enable stripIgnoreTagBody
+	  if (stripIgnoreTagBody) {
+	    retHtml = stripIgnoreTagBody.remove(retHtml);
+	  }
+	  return retHtml;
+	};
+	var xss = FilterXSS;
+
+	var lib$2 = createCommonjsModule(function (module, exports) {
+	  /**
+	   * xss
+	   *
+	   * @author Zongmin Lei<leizongmin@gmail.com>
+	   */
+
+	  /**
+	   * filter xss function
+	   *
+	   * @param {String} html
+	   * @param {Object} options { whiteList, onTag, onTagAttr, onIgnoreTag, onIgnoreTagAttr, safeAttrValue, escapeHtml }
+	   * @return {String}
+	   */
+	  function filterXSS(html, options) {
+	    var xss$1 = new xss(options);
+	    return xss$1.process(html);
+	  }
+	  exports = module.exports = filterXSS;
+	  exports.filterXSS = filterXSS;
+	  exports.FilterXSS = xss;
+	  (function () {
+	    for (var i in _default$1) {
+	      exports[i] = _default$1[i];
+	    }
+	    for (var j in parser$1) {
+	      exports[j] = parser$1[j];
+	    }
+	  })();
+
+	  // using `xss` on the browser, output `filterXSS` to the globals
+	  if (typeof window !== "undefined") {
+	    window.filterXSS = module.exports;
+	  }
+
+	  // using `xss` on the WebWorker, output `filterXSS` to the globals
+	  function isWorkerEnv() {
+	    return typeof self !== "undefined" && typeof DedicatedWorkerGlobalScope !== "undefined" && self instanceof DedicatedWorkerGlobalScope;
+	  }
+	  if (isWorkerEnv()) {
+	    self.filterXSS = module.exports;
+	  }
+	});
+	var lib_1$2 = lib$2.filterXSS;
+	var lib_2$1 = lib$2.FilterXSS;
+
 	var textarea;
 	function decodeEntity(name) {
 	  textarea = textarea || document.createElement('textarea');
@@ -18237,7 +19862,7 @@
 	function replaceUnsafeChar(ch) {
 	  return HTML_REPLACEMENTS[ch];
 	}
-	function escapeHtml(str) {
+	function escapeHtml$1(str) {
 	  if (HTML_ESCAPE_TEST_RE.test(str)) {
 	    return str.replace(HTML_ESCAPE_REPLACE_RE, replaceUnsafeChar);
 	  }
@@ -18268,9 +19893,9 @@
 
 	rules.code = function (tokens, idx /*, options, env */) {
 	  if (tokens[idx].block) {
-	    return '<pre><code>' + escapeHtml(tokens[idx].content) + '</code></pre>' + getBreak(tokens, idx);
+	    return '<pre><code>' + escapeHtml$1(tokens[idx].content) + '</code></pre>' + getBreak(tokens, idx);
 	  }
-	  return '<code>' + escapeHtml(tokens[idx].content) + '</code>';
+	  return '<code>' + escapeHtml$1(tokens[idx].content) + '</code>';
 	};
 
 	/**
@@ -18298,13 +19923,13 @@
 	    if (has(instance.rules.fence_custom, fences[0])) {
 	      return instance.rules.fence_custom[fences[0]](tokens, idx, options, env, instance);
 	    }
-	    langName = escapeHtml(replaceEntities(unescapeMd(fenceName)));
+	    langName = escapeHtml$1(replaceEntities(unescapeMd(fenceName)));
 	    langClass = ' class="' + langPrefix + langName + '"';
 	  }
 	  if (options.highlight) {
-	    highlighted = options.highlight.apply(options.highlight, [token.content].concat(fences)) || escapeHtml(token.content);
+	    highlighted = options.highlight.apply(options.highlight, [token.content].concat(fences)) || escapeHtml$1(token.content);
 	  } else {
-	    highlighted = escapeHtml(token.content);
+	    highlighted = escapeHtml$1(token.content);
 	  }
 	  return '<pre><code' + langClass + '>' + highlighted + '</code></pre>' + getBreak(tokens, idx);
 	};
@@ -18384,9 +20009,9 @@
 	 */
 
 	rules.link_open = function (tokens, idx, options /* env */) {
-	  var title = tokens[idx].title ? ' title="' + escapeHtml(replaceEntities(tokens[idx].title)) + '"' : '';
+	  var title = tokens[idx].title ? ' title="' + escapeHtml$1(replaceEntities(tokens[idx].title)) + '"' : '';
 	  var target = options.linkTarget ? ' target="' + options.linkTarget + '"' : '';
-	  return '<a href="' + escapeHtml(tokens[idx].href) + '"' + title + target + '>';
+	  return '<a href="' + escapeHtml$1(tokens[idx].href) + '"' + title + target + '>';
 	};
 	rules.link_close = function /* tokens, idx, options, env */
 	() {
@@ -18398,9 +20023,9 @@
 	 */
 
 	rules.image = function (tokens, idx, options /*, env */) {
-	  var src = ' src="' + escapeHtml(tokens[idx].src) + '"';
-	  var title = tokens[idx].title ? ' title="' + escapeHtml(replaceEntities(tokens[idx].title)) + '"' : '';
-	  var alt = ' alt="' + (tokens[idx].alt ? escapeHtml(replaceEntities(unescapeMd(tokens[idx].alt))) : '') + '"';
+	  var src = ' src="' + escapeHtml$1(tokens[idx].src) + '"';
+	  var title = tokens[idx].title ? ' title="' + escapeHtml$1(replaceEntities(tokens[idx].title)) + '"' : '';
+	  var alt = ' alt="' + (tokens[idx].alt ? escapeHtml$1(replaceEntities(unescapeMd(tokens[idx].alt))) : '') + '"';
 	  var suffix = options.xhtmlOut ? ' /' : '';
 	  return '<img' + src + alt + title + suffix + '>';
 	};
@@ -18528,10 +20153,10 @@
 	 */
 
 	rules.sub = function (tokens, idx /*, options, env */) {
-	  return '<sub>' + escapeHtml(tokens[idx].content) + '</sub>';
+	  return '<sub>' + escapeHtml$1(tokens[idx].content) + '</sub>';
 	};
 	rules.sup = function (tokens, idx /*, options, env */) {
-	  return '<sup>' + escapeHtml(tokens[idx].content) + '</sup>';
+	  return '<sup>' + escapeHtml$1(tokens[idx].content) + '</sup>';
 	};
 
 	/**
@@ -18550,7 +20175,7 @@
 	 */
 
 	rules.text = function (tokens, idx /*, options, env */) {
-	  return escapeHtml(tokens[idx].content);
+	  return escapeHtml$1(tokens[idx].content);
 	};
 
 	/**
@@ -18569,7 +20194,7 @@
 	 */
 
 	rules.abbr_open = function (tokens, idx /*, options, env */) {
-	  return '<abbr title="' + escapeHtml(replaceEntities(tokens[idx].title)) + '">';
+	  return '<abbr title="' + escapeHtml$1(replaceEntities(tokens[idx].title)) + '">';
 	};
 	rules.abbr_close = function /* tokens, idx, options, env */
 	() {
@@ -23078,7 +24703,9 @@
 	};
 
 	var _templateObject$8;
-	var InputGroup = styled('div')(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\talign-items: stretch;\n\twidth: 100%;\n"])));
+	var InputGroup = styled('div')(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\talign-items: stretch;\n\twidth: 100%;\n\tbox-shadow: rgb(0 0 0 / 20%) 0px 0px 6px;\n\tborder-radius: 6px;\n\n\t", "\n};\n"])), function (props) {
+	  return props.isOpen && 'box-shadow: rgb(0 0 0 / 20%) 0px 0px 15px;';
+	});
 	InputGroup.defaultProps = {
 	  className: 'input-group'
 	};
@@ -23092,12 +24719,14 @@
 	  className: 'input-addon'
 	};
 
-	var _templateObject$b, _templateObject2$4, _templateObject3$3, _templateObject4$1, _templateObject5$1, _templateObject6;
+	var _templateObject$b, _templateObject2$4, _templateObject3$3, _templateObject4$1, _templateObject5$1, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
 	var alertBorder = function alertBorder(_ref) {
 	  var theme = _ref.theme;
 	  return "\n\tborder: 1px solid " + theme.colors.alertColor + ";\n";
 	};
-	var input = "\n\twidth: 100%;\n\tline-height: 1.5;\n\tmin-height: 42px;\n\tpadding: 8px 12px;\n\tborder: 1px solid #ccc;\n\tbackground-color: #fafafa;\n\tfont-size: 0.9rem;\n\toutline: none;\n\theight: 100%;\n\n\t&:focus {\n\t\tbackground-color: #fff;\n\t}\n";
+	var input = function input(searchBox) {
+	  return "\nwidth: 100%;\nline-height: 1.5;\nmin-height: 42px;\npadding: 8px 12px;\nborder: 1px solid #ccc;\nbackground-color: #fafafa;\nfont-size: 0.9rem;\noutline: none;\n&:focus {\n\tbackground-color: #fff;\n}\n" + (searchBox && "\n\tpadding: 8px 12px 9px;\n\tborder: 1px solid transparent;\n\tborder-radius: 6px;\n") + ";\n";
+	};
 	var dark$1 = function dark(theme) {
 	  return "\n\tborder-color: " + theme.colors.borderColor + ";\n";
 	};
@@ -23105,12 +24734,11 @@
 	  var theme = _ref2.theme;
 	  return "\n\tbackground-color: " + theme.colors.backgroundColor + ";\n\tcolor: " + theme.colors.textColor + ";\n\t" + dark$1(theme) + ";\n\n\t&:focus {\n\t\tbackground-color: " + theme.colors.backgroundColor + ";\n\t}\n";
 	};
-	var Input = styled('input')(_templateObject$b || (_templateObject$b = _taggedTemplateLiteralLoose(["\n\t", ";\n\n\t&:focus {\n\t\tbackground-color: #fff;\n\t}\n\t", ";\n\n\t", ";\n\n\t", ";\n\n\t", ";\n\t", ";\n\n\t", ";\n\n\t", ";\n\t", ";\n\t", ";\n\n\t", ";\n"])), input, function (_ref3) {
-	  var themePreset = _ref3.themePreset,
-	    theme = _ref3.theme;
-	  return themePreset === 'dark' && darkInput({
-	    theme: theme
-	  });
+	var Input = styled('input')(_templateObject$b || (_templateObject$b = _taggedTemplateLiteralLoose(["\n\t", ";\n\t", ";\n\n\t", ";\n\n\t", ";\n\n\t", ";\n\t", ";\n\t", ";\n\t", ";\n\t", ";\n\t", ";\n\n\t", ";\n\n\t", ";\n\n\t&[type='search']::-webkit-search-decoration,\n\t&[type='search']::-webkit-search-cancel-button,\n\t&[type='search']::-webkit-search-results-button,\n\t&[type='search']::-webkit-search-results-decoration {\n\t\tdisplay: none;\n\t}\n"])), function (props) {
+	  return input(props.searchBox);
+	}, function (_ref3) {
+	  var themePreset = _ref3.themePreset;
+	  return themePreset === 'dark' && darkInput;
 	}, function (props) {
 	  return props.showIcon && props.iconPosition === 'left' && "\n\t\t\tpadding-left: 36px;\n\t\t";
 	}, function (props) {
@@ -23132,13 +24760,13 @@
 	  );
 	}, function (props) {
 	  return (
-	    // for voice search icon with search icon
-	    props.showVoiceSearch && props.showIcon && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 66px;\n\t\t"
+	    // for voice search icon with clear icon
+	    props.showVoiceSearch && props.showIcon && "\n\t\t\tpadding-right: 66px;\n\t\t"
 	  );
 	}, function (props) {
 	  return (
-	    // for voice search icon with clear icon
-	    props.showVoiceSearch && props.showIcon && "\n\t\t\tpadding-right: 66px;\n\t\t"
+	    // for voice search icon with search icon
+	    props.showVoiceSearch && props.showIcon && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 66px;\n\t\t"
 	  );
 	}, function (props) {
 	  return (
@@ -23147,15 +24775,20 @@
 	  );
 	}, function (props) {
 	  return props.alert && alertBorder;
+	}, function (props) {
+	  return props.isOpen && "\n\t\t\tborder-bottom-left-radius: 0;\n\t\t\tborder-bottom-right-radius: 0;\n\t\t";
 	});
 	var suggestions$1 = function suggestions(themePreset, theme) {
 	  return css(_templateObject2$4 || (_templateObject2$4 = _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: min(100vh, 402px);\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\tcursor: pointer;\n\t\tpadding: 10px;\n\t\tuser-select: none;\n\n\t\t& > .trim {\n\t\t\tdisplay: -webkit-box;\n\t\t\tdisplay: flex;\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\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbackground-color: #eee;\n\t\t}\n\t}\n\n\t", ";\n"])), themePreset === 'dark' && theme && dark$1(theme));
 	};
-	var suggestionsContainer = css(_templateObject3$3 || (_templateObject3$3 = _taggedTemplateLiteralLoose(["\n\tposition: relative;\n\t.cancel-icon {\n\t\tcursor: pointer;\n\t}\n"])));
+	var searchboxSuggestions = function searchboxSuggestions(themePreset, theme) {
+	  return css(_templateObject3$3 || (_templateObject3$3 = _taggedTemplateLiteralLoose(["\n\t", ";\n\n\tmax-height: min(100vh, 401px);\n\tborder: none;\n\tborder-radius: 6px;\n\tborder-top-left-radius: 0;\n\tborder-top-right-radius: 0;\n\tbox-shadow: rgb(0 0 0 / 20%) 0px 10px 15px;\n\tborder-top: 1px solid #f2f0f0;\n\tli {\n\t\ttransition: all 0.3s ease-in;\n\t\tposition: relative;\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbackground-color: unset;\n\t\t}\n\t\t.trim {\n\t\t\tline-height: 20px;\n\t\t}\n\t\t&.li-item {\n\t\t\tbackground-color: ", ";\n\n\t\t\t", "\n\t\t}\n\t\t&.active-li-item {\n\t\t\tbackground-color: ", ";\n\t\t\tcolor: #fff;\n\t\t\tsvg {\n\t\t\t\ttransition: fill 0.3s ease-in;\n\t\t\t\tfill: #fff !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t.section-container {\n\t\tpadding-bottom: 5px;\n\t\tborder-bottom: 1px solid #f2f0f0;\n\t\t", ";\n\t\t.section-header {\n\t\t\tpadding: 10px;\n\t\t\tfont-size: 12px;\n\t\t\tcolor: #7f7c7c;\n\t\t\tbackground: #f9f9f9;\n\t\t\t", ";\n\t\t}\n\n\t\t.section-list {\n\t\t\tpadding-left: 0;\n\t\t}\n\t\t.section-list-item {\n\t\t\t&__label,\n\t\t\t&__description {\n\t\t\t\toverflow: hidden;\n\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\twhite-space: nowrap;\n\n\t\t\t\t* {\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&__label {\n\t\t\t}\n\t\t\t&__description {\n\t\t\t\tmargin-top: 5px;\n\t\t\t\topacity: 0.7;\n\t\t\t\tfont-size: 12px;\n\t\t\t}\n\t\t}\n\t}\n"])), suggestions$1(themePreset, theme), themePreset === 'dark' ? '#424242' : '#fff', themePreset && theme && "svg {\n\t\t\t\tfill: " + (theme.colors ? theme.colors.primaryColor : '#707070') + ";\n\t\t\t}", themePreset === 'dark' ? '#555' : '#2d84f6', themePreset === 'dark' && css(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteralLoose(["\n\t\t\tbackground: #161616;\n\t\t"]))), themePreset === 'dark' && css(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteralLoose(["\n\t\t\t\tcolor: #218fe7;\n\t\t\t\tbackground: #161616;\n\t\t\t"]))));
+	};
+	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(_templateObject4$1 || (_templateObject4$1 = _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: 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));
 	};
-	var TextArea = styled('textarea')(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteralLoose(["\n\t", ";\n\n\t&:focus {\n\t\tbackground-color: #fff;\n\t}\n\t", ";\n\n\t", ";\n\n\t", ";\n\n\t", ";\n\t", ";\n\t", ";\n\t", ";\n\n\t", ";\n\t", ";\n\t", ";\n\t", ";\n\t", ";\n\n\t", ";\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"])), input, function (_ref4) {
+	var TextArea = styled('textarea')(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n\t", ";\n\n\t&:focus {\n\t\tbackground-color: #fff;\n\t}\n\t", ";\n\n\t", ";\n\n\t", ";\n\n\t", ";\n\t", ";\n\t", ";\n\t", ";\n\n\t", ";\n\t", ";\n\t", ";\n\t", ";\n\t", ";\n\n\t", ";\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"])), input, function (_ref4) {
 	  var themePreset = _ref4.themePreset,
 	    theme = _ref4.theme;
 	  return themePreset === 'dark' && darkInput({
@@ -23222,7 +24855,7 @@
 	}, function (props) {
 	  return props.alert && alertBorder;
 	}, function (props) {
-	  return props.isOpen && css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n\t\t\tborder-bottom-left-radius: 0;\n\t\t\tborder-bottom-right-radius: 0;\n\t\t"])));
+	  return props.isOpen && css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n\t\t\tborder-bottom-left-radius: 0;\n\t\t\tborder-bottom-right-radius: 0;\n\t\t"])));
 	});
 
 	var _templateObject$c;
@@ -23240,7 +24873,7 @@
 	  return enableAI ? "\n\t\ttop: 0%;\n\t    transform: translateY(0);\n    \theight: 42px;\n\t" : '';
 	});
 
-	var _templateObject$d;
+	var _templateObject$d, _templateObject2$5;
 	var IconWrapper = styled('div')(_templateObject$d || (_templateObject$d = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tmax-width: 23px;\n\twidth: max-content;\n\tcursor: pointer;\n\theight: 100%;\n\tmin-width: 20px;\n\n\tsvg.search-icon {\n\t\tfill: ", ";\n\t\ttransform: scale(1.5);\n\t}\n\n\tsvg.cancel-icon {\n\t\tfill: ", ";\n\t}\n"])), function (_ref) {
 	  var _ref$theme = _ref.theme,
 	    theme = _ref$theme === void 0 ? {} : _ref$theme;
@@ -23250,6 +24883,13 @@
 	    theme = _ref2$theme === void 0 ? {} : _ref2$theme;
 	  return theme.colors ? theme.colors.borderColor : '#000';
 	});
+	var ButtonIconWrapper = styled(IconWrapper)(_templateObject2$5 || (_templateObject2$5 = _taggedTemplateLiteralLoose(["\n\tborder-radius: 4px;\n\tvertical-align: middle;\n\theight: 25px;\n\tfont-size: 12px;\n\tborder: 1px solid ", ";\n\tcolor: ", ";\n\tmax-width: unset;\n\tpadding: 5px;\n"])), function (_ref3) {
+	  var theme = _ref3.theme;
+	  return theme.colors ? theme.colors.primaryColor : '#000';
+	}, function (_ref4) {
+	  var theme = _ref4.theme;
+	  return theme.colors ? theme.colors.primaryColor : '#000';
+	});
 
 	function t$1(t){return "object"==typeof t&&null!=t&&1===t.nodeType}function e$1(t,e){return (!e||"hidden"!==t)&&"visible"!==t&&"clip"!==t}function n$2(t,n){if(t.clientHeight<t.scrollHeight||t.clientWidth<t.scrollWidth){var r=getComputedStyle(t,null);return e$1(r.overflowY,n)||e$1(r.overflowX,n)||function(t){var e=function(t){if(!t.ownerDocument||!t.ownerDocument.defaultView)return null;try{return t.ownerDocument.defaultView.frameElement}catch(t){return null}}(t);return !!e&&(e.clientHeight<t.scrollHeight||e.clientWidth<t.scrollWidth)}(t)}return !1}function r$2(t,e,n,r,i,o,l,d){return o<t&&l>e||o>t&&l<e?0:o<=t&&d<=n||l>=e&&d>=n?o-t-r:l>e&&d<n||o<t&&d>n?l-e+i:0}var i$3=function(e,i){var o=window,l=i.scrollMode,d=i.block,f=i.inline,h=i.boundary,u=i.skipOverflowHiddenElements,s="function"==typeof h?h:function(t){return t!==h};if(!t$1(e))throw new TypeError("Invalid target");for(var a,c,g=document.scrollingElement||document.documentElement,p=[],m=e;t$1(m)&&s(m);){if((m=null==(c=(a=m).parentElement)?a.getRootNode().host||null:c)===g){p.push(m);break}null!=m&&m===document.body&&n$2(m)&&!n$2(document.documentElement)||null!=m&&n$2(m,u)&&p.push(m);}for(var w=o.visualViewport?o.visualViewport.width:innerWidth,v=o.visualViewport?o.visualViewport.height:innerHeight,W=window.scrollX||pageXOffset,H=window.scrollY||pageYOffset,b=e.getBoundingClientRect(),y=b.height,E=b.width,M=b.top,V=b.right,x=b.bottom,I=b.left,C="start"===d||"nearest"===d?M:"end"===d?x:M+y/2,R="center"===f?I+E/2:"end"===f?V:I,T=[],k=0;k<p.length;k++){var B=p[k],D=B.getBoundingClientRect(),O=D.height,X=D.width,Y=D.top,L=D.right,S=D.bottom,j=D.left;if("if-needed"===l&&M>=0&&I>=0&&x<=v&&V<=w&&M>=Y&&x<=S&&I>=j&&V<=L)return T;var N=getComputedStyle(B),q=parseInt(N.borderLeftWidth,10),z=parseInt(N.borderTopWidth,10),A=parseInt(N.borderRightWidth,10),F=parseInt(N.borderBottomWidth,10),G=0,J=0,K="offsetWidth"in B?B.offsetWidth-B.clientWidth-q-A:0,P="offsetHeight"in B?B.offsetHeight-B.clientHeight-z-F:0,Q="offsetWidth"in B?0===B.offsetWidth?0:X/B.offsetWidth:0,U="offsetHeight"in B?0===B.offsetHeight?0:O/B.offsetHeight:0;if(g===B)G="start"===d?C:"end"===d?C-v:"nearest"===d?r$2(H,H+v,v,z,F,H+C,H+C+y,y):C-v/2,J="start"===f?R:"center"===f?R-w/2:"end"===f?R-w:r$2(W,W+w,w,q,A,W+R,W+R+E,E),G=Math.max(0,G+H),J=Math.max(0,J+W);else {G="start"===d?C-Y-z:"end"===d?C-S+F+P:"nearest"===d?r$2(Y,S,O,z,F+P,C,C+y,y):C-(Y+O/2)+P/2,J="start"===f?R-j-q:"center"===f?R-(j+X/2)+K/2:"end"===f?R-L+A+K:r$2(j,L,X,q,A+K,R,R+E,E);var Z=B.scrollLeft,$=B.scrollTop;C+=$-(G=Math.max(0,Math.min($+G/U,B.scrollHeight-O/U+P))),R+=Z-(J=Math.max(0,Math.min(Z+J/Q,B.scrollWidth-X/Q+K)));}T.push({el:B,top:G,left:J});}return T};
 
@@ -24732,13 +26372,13 @@
 	  }
 	};
 
-	var _templateObject$h, _templateObject2$5;
+	var _templateObject$h, _templateObject2$6;
 	var TagsContainer = styled('div')(_templateObject$h || (_templateObject$h = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tmargin-top: 10px;\n\twidth: 100%;\n"])));
-	var TagItem = styled('span')(_templateObject2$5 || (_templateObject2$5 = _taggedTemplateLiteralLoose(["\n\tcursor: default;\n\tbox-sizing: border-box;\n\tmargin: 0 4px 4px 0;\n\tcolor: #000000d9;\n\tfont-size: 14px;\n\tfont-variant: tabular-nums;\n\tline-height: 1.5715;\n\tlist-style: none;\n\tfont-feature-settings: 'tnum';\n\tdisplay: inline-block;\n\theight: auto;\n\tpadding: 0 2px 0 7px;\n\tfont-size: 12px;\n\tline-height: 22px;\n\twhite-space: nowrap;\n\tbackground: #fafafa;\n\tborder: 1px solid #d9d9d9;\n\tborder-radius: 2px;\n\topacity: 1;\n\ttransition: all 0.3s;\n\n\tspan.close-icon {\n\t\tsvg {\n\t\t\tcursor: pointer;\n\t\t\theight: 15px;\n\t\t\tposition: relative;\n\t\t\ttop: 4px;\n\t\t\tfill: #262626;\n\t\t}\n\t}\n"])));
+	var TagItem = styled('span')(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteralLoose(["\n\tcursor: default;\n\tbox-sizing: border-box;\n\tmargin: 0 4px 4px 0;\n\tcolor: #000000d9;\n\tfont-size: 14px;\n\tfont-variant: tabular-nums;\n\tline-height: 1.5715;\n\tlist-style: none;\n\tfont-feature-settings: 'tnum';\n\tdisplay: inline-block;\n\theight: auto;\n\tpadding: 0 2px 0 7px;\n\tfont-size: 12px;\n\tline-height: 22px;\n\twhite-space: nowrap;\n\tbackground: #fafafa;\n\tborder: 1px solid #d9d9d9;\n\tborder-radius: 2px;\n\topacity: 1;\n\ttransition: all 0.3s;\n\n\tspan.close-icon {\n\t\tsvg {\n\t\t\tcursor: pointer;\n\t\t\theight: 15px;\n\t\t\tposition: relative;\n\t\t\ttop: 4px;\n\t\t\tfill: #262626;\n\t\t}\n\t}\n"])));
 
-	var _templateObject$i, _templateObject2$6, _templateObject3$4;
+	var _templateObject$i, _templateObject2$7, _templateObject3$4;
 	var skeletonAnimation = keyframes(_templateObject$i || (_templateObject$i = _taggedTemplateLiteralLoose(["\n  0% {\n    background-position: 100% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n"])));
-	var SkeletonLoader = styled('div')(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 10px;\n"])));
+	var SkeletonLoader = styled('div')(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 10px;\n"])));
 	var SkeletonLine = styled('div')(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteralLoose(["\n\twidth: 100%;\n\theight: 20px;\n\tbackground: linear-gradient(\n\t\t90deg,\n\t\trgba(220, 220, 220, 0.5) 25%,\n\t\trgba(240, 240, 240, 0.9) 50%,\n\t\trgba(220, 220, 220, 0.5) 75%\n\t);\n\tbackground-size: 200% 100%;\n\tanimation: ", " 1.5s infinite;\n"])), skeletonAnimation);
 	var HorizontalSkeletonLoader = vue.defineComponent({
 	  name: 'HorizontalSkeletonLoader',
@@ -24751,11 +26391,11 @@
 	  }
 	});
 
-	var _templateObject$j, _templateObject2$7, _templateObject3$5, _templateObject4$2, _templateObject5$2, _templateObject6$1, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
+	var _templateObject$j, _templateObject2$8, _templateObject3$5, _templateObject4$2, _templateObject5$2, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10, _templateObject11;
 	var Chatbox = styled('div')(_templateObject$j || (_templateObject$j = _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) {
 	  return props.theme && props.theme.colors ? props.theme.colors.backgroundColor : '#fff';
 	});
-	var ChatContainer = styled('div')(_templateObject2$7 || (_templateObject2$7 = _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) {
+	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) {
 	  return props.showInput ? 'bottom: 48px;' : '';
 	}, function (props) {
 	  return props.theme && props.theme.colors && props.theme.colors.backgroundColor ? props.theme.colors.backgroundColor : '#fff';
@@ -24792,7 +26432,7 @@
 	  }
 	  return finalBGColor;
 	};
-	var Message = styled('div')(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n\tbackground-color: ", ";\n\tcolor: ", ";\n\tborder: 1px solid\n\t\t", ";\n\tpadding: 10px;\n\tborder-radius: 7px;\n\tmargin-bottom: 10px;\n\tmax-width: 80%;\n\talign-self: ", ";\n\tdisplay: inline-block;\n\tposition: relative;\n\toverflow-wrap: anywhere;\n\t", "\n"])), function (props) {
+	var Message = styled('div')(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteralLoose(["\n\tbackground-color: ", ";\n\tcolor: ", ";\n\tborder: 1px solid\n\t\t", ";\n\tpadding: 10px;\n\tborder-radius: 7px;\n\tmargin-bottom: 10px;\n\tmax-width: 80%;\n\talign-self: ", ";\n\tdisplay: inline-block;\n\tposition: relative;\n\toverflow-wrap: anywhere;\n\t", "\n"])), function (props) {
 	  return messageBGColor(props);
 	}, function (props) {
 	  var finalColor;
@@ -24809,8 +26449,8 @@
 	}, function (props) {
 	  return resetCSS(props);
 	});
-	var MessageInputContainer = styled('form')(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tpadding-top: 12px;\n\talign-items: stretch;\n\tmargin-top: 10px;\n\t.ai-enter-button-wrapper {\n\t\talign-self: baseline;\n\t\theight: 41px;\n\t}\n"])));
-	var MessageInput = styled(TextArea)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n\twidth: 100%;\n\tborder-radius: 5px;\n\tborder: 1px solid #ccc;\n\tbackground-color: ", ";\n\tcolor: ", ";\n\n\t::placeholder {\n\t\tcolor: ", ";\n\t}\n\n\t:-ms-input-placeholder {\n\t\tcolor: ", ";\n\t}\n\n\t::-ms-input-placeholder {\n\t\tcolor: ", ";\n\t}\n\t", "\n"])), function (props) {
+	var MessageInputContainer = styled('form')(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tpadding-top: 12px;\n\talign-items: stretch;\n\tmargin-top: 10px;\n\t.ai-enter-button-wrapper {\n\t\talign-self: baseline;\n\t\theight: 41px;\n\t}\n"])));
+	var MessageInput = styled(TextArea)(_templateObject9$1 || (_templateObject9$1 = _taggedTemplateLiteralLoose(["\n\twidth: 100%;\n\tborder-radius: 5px;\n\tborder: 1px solid #ccc;\n\tbackground-color: ", ";\n\tcolor: ", ";\n\n\t::placeholder {\n\t\tcolor: ", ";\n\t}\n\n\t:-ms-input-placeholder {\n\t\tcolor: ", ";\n\t}\n\n\t::-ms-input-placeholder {\n\t\tcolor: ", ";\n\t}\n\t", "\n"])), function (props) {
 	  return props.themePreset === 'dark' ? props.theme.colors.borderColor : '#fff';
 	}, function (props) {
 	  return props.themePreset === 'dark' ? props.theme.colors.titleColor : props.theme.colors.textColor;
@@ -24827,9 +26467,9 @@
 	var SendButton = styled(Button)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n\tborder: none;\n\tcolor: #ffffff;\n\tcursor: pointer;\n\tfont-size: 16px;\n\tmargin-left: 8px;\n\toutline: none;\n\tpadding: 10px;\n\ttext-align: center;\n\n\t&:disabled {\n\t\tcursor: not-allowed;\n\t}\n"])));
 	var AIFeedbackContainer = styled('div')(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n\t.--feedback-svgs-wrapper {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: flex-end;\n\t\tgap: 5px;\n\n\t\tsvg {\n\t\t\tcursor: pointer;\n\t\t\ttransition: all ease-in 0.1s;\n\t\t\t&.selected {\n\t\t\t\ttransform: scale(1.1);\n\t\t\t\tcursor: default;\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\ttransform: scale(1.1);\n\t\t\t}\n\t\t}\n\t}\n\n\t.--feedback-input-wrapper {\n\t\tdisplay: flex;\n\t\tgap: 7px;\n\t}\n"])));
 
-	var _templateObject$k, _templateObject2$8, _templateObject3$6, _templateObject4$3, _templateObject5$3, _templateObject6$2, _templateObject7$1;
+	var _templateObject$k, _templateObject2$9, _templateObject3$6, _templateObject4$3, _templateObject5$3, _templateObject6$2, _templateObject7$2;
 	var fadeInFromBottom = keyframes(_templateObject$k || (_templateObject$k = _taggedTemplateLiteralLoose(["\n  0% {\n    opacity: 0;\n    transform: translateY(20px);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n"])));
-	var fadeInFromTop = keyframes(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteralLoose(["\n  0% {\n    opacity: 0;\n    transform: translateY(-20px);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n"])));
+	var fadeInFromTop = keyframes(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteralLoose(["\n  0% {\n    opacity: 0;\n    transform: translateY(-20px);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n"])));
 	var SearchBoxAISection = styled('div')(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteralLoose(["\n\tpadding: 10px;\n\tborder-radius: 4px;\n\tmin-height: 200px;\n\tpadding-top: 20px;\n\tposition: relative;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\tbackground-color: ", ";\n\tcolor: ", ";\n\t.--ai-answer-error-container {\n\t\tposition: absolute;\n\t\ttop: 50%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, -50%);\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\tgap: 10px;\n\t\t}\n\t}\n"])), function (_ref) {
 	  var themePreset = _ref.themePreset,
 	    theme = _ref.theme;
@@ -24850,7 +26490,7 @@
 	  var theme = _ref4.theme;
 	  return theme.colors.textColor;
 	});
-	var SourceTags = styled('div')(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tgap: 8px;\n\tflex-wrap: wrap;\n\t.--ai-source-tag {\n\t\tdisplay: inline-block;\n\t\tmax-width: 200px;\n\t\twhite-space: nowrap;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t}\n"])));
+	var SourceTags = styled('div')(_templateObject7$2 || (_templateObject7$2 = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tgap: 8px;\n\tflex-wrap: wrap;\n\t.--ai-source-tag {\n\t\tdisplay: inline-block;\n\t\tmax-width: 200px;\n\t\twhite-space: nowrap;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t}\n"])));
 
 	var ThumbsUpSvg = {
 	  name: 'ThumbsUpSvg',
@@ -25024,6 +26664,9 @@
 	  }
 	});
 
+	var _templateObject$l;
+	var AutosuggestFooterContainer = styled('div')(_templateObject$l || (_templateObject$l = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tcolor: #8792a2;\n\tbackground: #f7fafc;\n\tpadding: 10px;\n\theight: 40px;\n"])));
+
 	var _excluded$1 = ["_source"];
 	function _isSlot$5(s) {
 	  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
@@ -25060,7 +26703,8 @@
 	      showAIScreen: false,
 	      showAIScreenFooter: false,
 	      showFeedbackComponent: false,
-	      feedbackState: null
+	      feedbackState: null,
+	      prefilledAIAnswer: ''
 	    };
 	    this.internalComponent = props.componentId + "__internal";
 	    return this.__state;
@@ -25101,6 +26745,37 @@
 	    },
 	    stats: function stats() {
 	      return getResultStats$1(this);
+	    },
+	    mergedAIAnswer: function mergedAIAnswer() {
+	      return this.prefilledAIAnswer || this.AIResponse && this.AIResponse.response && this.AIResponse.response.answer && this.AIResponse.response.answer.text;
+	    },
+	    parsedSuggestions: function parsedSuggestions() {
+	      var suggestionsArray = [];
+	      if (Array.isArray(this.suggestions) && this.suggestions.length) {
+	        suggestionsArray = [].concat(withClickIds(this.suggestions));
+	      }
+	      suggestionsArray = suggestionsArray.map(function (s) {
+	        if (s.sectionId) {
+	          return s;
+	        }
+	        return _extends({}, s, {
+	          sectionId: s._suggestion_type
+	        });
+	      });
+	      var sectionsAccumulated = [];
+	      var sectionisedSuggestions = suggestionsArray.reduce(function (acc, d, currentIndex) {
+	        if (sectionsAccumulated.includes(d.sectionId)) return acc;
+	        if (d.sectionId) {
+	          acc[currentIndex] = suggestionsArray.filter(function (g) {
+	            return g.sectionId === d.sectionId;
+	          });
+	          sectionsAccumulated.push(d.sectionId);
+	        } else {
+	          acc[currentIndex] = d;
+	        }
+	        return acc;
+	      }, {});
+	      return Object.values(sectionisedSuggestions);
 	    }
 	  },
 	  props: {
@@ -25132,6 +26807,11 @@
 	    enableQuerySuggestions: Q.bool.def(false),
 	    enablePopularSuggestions: Q.bool.def(false),
 	    enableRecentSuggestions: Q.bool.def(false),
+	    enableFAQSuggestions: Q.bool.def(false),
+	    FAQSuggestionsConfig: Q.shape({
+	      sectionLabel: Q.string,
+	      size: Q.number
+	    }),
 	    fieldWeights: types.fieldWeights,
 	    filterLabel: types.string,
 	    fuzziness: types.fuzziness,
@@ -25167,12 +26847,20 @@
 	    distinctFieldConfig: types.props,
 	    //
 	    focusShortcuts: Q.arrayOf(Q.oneOfType([Q.string, Q.number])).def(['/']),
+	    showFocusShortcutsIcon: Q.bool.def(true),
 	    addonBefore: Q.any,
 	    addonAfter: Q.any,
+	    showSuggestionsFooter: Q.bool.def(true),
 	    expandSuggestionsContainer: Q.bool.def(true),
+	    renderSuggestionsFooter: Q.func,
 	    index: Q.string,
 	    popularSuggestionsConfig: Q.object,
 	    recentSuggestionsConfig: Q.object,
+	    featuredSuggestionsConfig: Q.shape({
+	      maxSuggestionsPerSection: Q.number,
+	      sectionsOrder: Q.arrayOf(Q.string)
+	    }),
+	    customEvents: Q.object,
 	    applyStopwords: Q.bool,
 	    customStopwords: types.stringArray,
 	    onData: types.func,
@@ -25360,7 +27048,7 @@
 	        resultStats: this.stats,
 	        AIData: {
 	          question: this.AIResponse && this.AIResponse.response && this.AIResponse.response.question,
-	          answer: this.AIResponse && this.AIResponse.response && this.AIResponse.response.answer && this.AIResponse.response.answer.text,
+	          answer: this.mergedAIAnswerc,
 	          documentIds: this.AIResponse && this.AIResponse.response && this.AIResponse.response.answer && this.AIResponse.response.answer.documentIds || [],
 	          showAIScreen: this.showAIScreen,
 	          sources: this.getAISourceObjects(),
@@ -25391,7 +27079,7 @@
 	        this.onValueSelectedHandler(currentValue, lib_7.SEARCH_ICON_CLICK);
 	      }
 	    },
-	    setValue: function setValue(value, isDefaultValue, props, cause, toggleIsOpen, categoryValue) {
+	    setValue: function setValue(value, isDefaultValue, props, cause, toggleIsOpen, categoryValue, shouldExecuteQuery) {
 	      var _this2 = this;
 	      if (isDefaultValue === void 0) {
 	        isDefaultValue = false;
@@ -25405,6 +27093,9 @@
 	      if (categoryValue === void 0) {
 	        categoryValue = undefined;
 	      }
+	      if (shouldExecuteQuery === void 0) {
+	        shouldExecuteQuery = true;
+	      }
 	      var performUpdate = function performUpdate() {
 	        if (_this2.$options.isTagsMode && isEqual$4(value, _this2.selectedTags)) {
 	          return;
@@ -25440,17 +27131,18 @@
 	            }
 	            if (typeof _this2.currentValue === 'string') _this2.triggerDefaultQuery(_this2.currentValue, props.enableAI ? {
 	              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);
+	              _this2.triggerCustomQuery(queryHandlerValue, _this2.$options.isTagsMode ? undefined : categoryValue, shouldExecuteQuery);
 	            } else {
 	              _this2.setValue('', true);
 	            }
 	          } else if (props.value === undefined || cause === lib_7.SUGGESTION_SELECT || cause === lib_7.CLEAR_VALUE) {
-	            _this2.triggerCustomQuery(queryHandlerValue, _this2.$options.isTagsMode ? undefined : categoryValue);
+	            _this2.showAIScreen = false;
+	            _this2.triggerCustomQuery(queryHandlerValue, _this2.$options.isTagsMode ? undefined : categoryValue, shouldExecuteQuery);
 	          }
 	        } else {
 	          // debounce for handling text while typing
@@ -25461,10 +27153,13 @@
 	      };
 	      checkValueChange(props.componentId, value, props.beforeValueChange, performUpdate);
 	    },
-	    triggerDefaultQuery: function triggerDefaultQuery(paramValue, meta) {
+	    triggerDefaultQuery: function triggerDefaultQuery(paramValue, meta, shouldExecuteQuery) {
 	      if (meta === void 0) {
 	        meta = {};
 	      }
+	      if (shouldExecuteQuery === void 0) {
+	        shouldExecuteQuery = true;
+	      }
 	      if (!this.$props.autosuggest) {
 	        return;
 	      }
@@ -25485,12 +27180,15 @@
 	        value: value,
 	        componentType: constants_1$1.searchBox,
 	        meta: meta
-	      });
+	      }, shouldExecuteQuery);
 	    },
-	    triggerCustomQuery: function triggerCustomQuery(paramValue, categoryValue) {
+	    triggerCustomQuery: function triggerCustomQuery(paramValue, categoryValue, shouldExecuteQuery) {
 	      if (categoryValue === void 0) {
 	        categoryValue = undefined;
 	      }
+	      if (shouldExecuteQuery === void 0) {
+	        shouldExecuteQuery = true;
+	      }
 	      var _this$$props = this.$props,
 	        customQuery = _this$$props.customQuery,
 	        filterLabel = _this$$props.filterLabel,
@@ -25519,7 +27217,7 @@
 	        URLParams: URLParams,
 	        componentType: constants_1$1.searchBox,
 	        category: categoryValue
-	      });
+	      }, shouldExecuteQuery);
 	    },
 	    handleFocus: function handleFocus(event) {
 	      if (this.$props.autosuggest) {
@@ -25618,12 +27316,60 @@
 	        }, e);
 	      }
 	    },
+	    handleFeaturedSuggestionClicked: function handleFeaturedSuggestionClicked(suggestion) {
+	      try {
+	        var _this$$refs2, _this$$refs2$this$$pr;
+	        if (suggestion.action === helper_15.NAVIGATE) {
+	          var _JSON$parse = JSON.parse(suggestion.subAction),
+	            _JSON$parse$target = _JSON$parse.target,
+	            target = _JSON$parse$target === void 0 ? '_self' : _JSON$parse$target,
+	            _JSON$parse$link = _JSON$parse.link,
+	            link = _JSON$parse$link === void 0 ? '/' : _JSON$parse$link;
+	          if (typeof window !== 'undefined') {
+	            window.open(link, target);
+	          }
+	        }
+	        if (suggestion.action === helper_15.FUNCTION) {
+	          var matchedValues = suggestion.subAction.match(/function\s*\(.*\)(.|\n)*/);
+	          var functionStr = matchedValues && matchedValues[0];
+	          // eslint-disable-next-line no-new-func
+	          var func = new Function("return " + functionStr)();
+	          func(suggestion, this.$data.currentValue, this.$props.customEvents);
+	        }
+	        if (suggestion.action === helper_15.SELECT) {
+	          this.setValue(suggestion.value, true, this.$props, this.$options.isTagsMode.current ? lib_7.SUGGESTION_SELECT : lib_7.ENTER_PRESS);
+	          this.onValueSelectedHandler(suggestion.value, lib_7.SUGGESTION_SELECT);
+	        }
+	        // blur is important to close the dropdown
+	        // on selecting one of featured suggestions
+	        // else Downshift probably is focusing the dropdown
+	        // and not letting it close
+	        // eslint-disable-next-line no-unused-expressions
+	        (_this$$refs2 = this.$refs) == null ? void 0 : (_this$$refs2$this$$pr = _this$$refs2[this.$props.innerRef]) == null ? void 0 : _this$$refs2$this$$pr.blur();
+	      } catch (e) {
+	        console.error("Error: There was an error parsing the subAction for the featured suggestion with label, \"" + suggestion.label + "\"", e);
+	      }
+	    },
 	    onSuggestionSelected: function onSuggestionSelected(suggestion) {
 	      var _this4 = this;
+	      // handle when FAQ suggestion is clicked
+	      if (suggestion && suggestion._suggestion_type === helper_16.FAQ) {
+	        this.prefilledAIAnswer = suggestion._answer;
+	        this.setValue(suggestion.value, true, this.$props, lib_7.SUGGESTION_SELECT, true, false, suggestion._category, false);
+	        this.isOpen = true;
+	        this.showAIScreen = true;
+	        return;
+	      }
 	      if (!this.$props.enableAI) this.isOpen = false;else {
 	        this.showAIScreen = true;
 	      }
 	      var value = this.$props.value;
+
+	      // handle featured suggestions click event
+	      if (suggestion._suggestion_type === helper_16.Featured) {
+	        this.handleFeaturedSuggestionClicked(suggestion);
+	        return;
+	      }
 	      // Record analytics for selected suggestions
 	      this.triggerClickAnalytics(suggestion._click_id);
 	      if (value === undefined) {
@@ -25779,6 +27525,13 @@
 	        customQuery: true
 	      });
 	    },
+	    suggestionsFooter: function suggestionsFooter() {
+	      return typeof renderSuggestionsFooter === 'function' ? this.$props.renderSuggestionsFooter() : vue.createVNode(AutosuggestFooterContainer, null, {
+	        "default": function _default() {
+	          return [vue.createVNode("div", null, [vue.createTextVNode("\u2191\u2193 Navigate")]), vue.createVNode("div", null, [vue.createTextVNode("\u21A9 Go")])];
+	        }
+	      });
+	    },
 	    renderEnterButtonElement: function renderEnterButtonElement() {
 	      var _this6 = this;
 	      var _this$$props2 = this.$props,
@@ -25806,16 +27559,29 @@
 	      }
 	      return null;
 	    },
+	    renderShortcut: function renderShortcut() {
+	      if (this.$props.focusShortcuts && this.$props.focusShortcuts.length) {
+	        var shortcut = this.$props.focusShortcuts[0];
+	        shortcut = shortcut.toLowerCase();
+	        shortcut = shortcut.replace('shift', '⬆️');
+	        shortcut = shortcut.replace('command', 'cmd');
+	        shortcut = shortcut.replace('control', 'ctrl');
+	        shortcut = shortcut.replace('option', 'alt');
+	        return shortcut.toUpperCase();
+	      }
+	      return '/';
+	    },
 	    renderIcons: function renderIcons() {
 	      var _this7 = this;
-	      var _slot3, _slot4, _slot5;
+	      var _slot3, _slot4, _slot5, _slot6;
 	      var _this$$props3 = this.$props,
 	        iconPosition = _this$$props3.iconPosition,
 	        showClear = _this$$props3.showClear,
 	        innerClass = _this$$props3.innerClass,
 	        getMicInstance = _this$$props3.getMicInstance,
 	        showVoiceSearch = _this$$props3.showVoiceSearch,
-	        showIcon = _this$$props3.showIcon;
+	        showIcon = _this$$props3.showIcon,
+	        showFocusShortcutsIcon = _this$$props3.showFocusShortcutsIcon;
 	      var renderMic = this.$slots.renderMic || this.$props.renderMic;
 	      var currentValue = this.$data.currentValue;
 	      return vue.createVNode("div", null, [vue.createVNode(IconGroup, {
@@ -25831,6 +27597,14 @@
 	            "default": function _default() {
 	              return [_slot3];
 	            }
+	          }), showFocusShortcutsIcon && vue.createVNode(ButtonIconWrapper, {
+	            "onClick": function onClick(e) {
+	              return _this7.focusSearchBox(e);
+	            }
+	          }, _isSlot$5(_slot4 = _this7.renderShortcut()) ? _slot4 : {
+	            "default": function _default() {
+	              return [_slot4];
+	            }
 	          }), showVoiceSearch && vue.createVNode(Mic, {
 	            "getInstance": getMicInstance,
 	            "render": renderMic,
@@ -25838,9 +27612,9 @@
 	            "className": getClassName$3(innerClass, 'mic') || null
 	          }, null), iconPosition === 'right' && showIcon && vue.createVNode(IconWrapper, {
 	            "onClick": _this7.handleSearchIconClick
-	          }, _isSlot$5(_slot4 = _this7.renderIcon()) ? _slot4 : {
+	          }, _isSlot$5(_slot5 = _this7.renderIcon()) ? _slot5 : {
 	            "default": function _default() {
-	              return [_slot4];
+	              return [_slot5];
 	            }
 	          })];
 	        }
@@ -25851,23 +27625,23 @@
 	        "default": function _default() {
 	          return [iconPosition === 'left' && showIcon && vue.createVNode(IconWrapper, {
 	            "onClick": _this7.handleSearchIconClick
-	          }, _isSlot$5(_slot5 = _this7.renderIcon()) ? _slot5 : {
+	          }, _isSlot$5(_slot6 = _this7.renderIcon()) ? _slot6 : {
 	            "default": function _default() {
-	              return [_slot5];
+	              return [_slot6];
 	            }
 	          })];
 	        }
 	      })]);
 	    },
 	    focusSearchBox: function focusSearchBox(event) {
-	      var _this$$refs2, _this$$refs2$this$$pr;
+	      var _this$$refs3, _this$$refs3$this$$pr;
 	      var elt = event.target || event.srcElement;
 	      var tagName = elt.tagName;
 	      if (elt.isContentEditable || tagName === 'INPUT' || tagName === 'SELECT' || tagName === 'TEXTAREA') {
 	        // already in an input
 	        return;
 	      }
-	      (_this$$refs2 = this.$refs) == null ? void 0 : (_this$$refs2$this$$pr = _this$$refs2[this.$props.innerRef]) == null ? void 0 : _this$$refs2$this$$pr.focus(); // eslint-disable-line
+	      (_this$$refs3 = this.$refs) == null ? void 0 : (_this$$refs3$this$$pr = _this$$refs3[this.$props.innerRef]) == null ? void 0 : _this$$refs3$this$$pr.focus(); // eslint-disable-line
 	    },
 	    listenForFocusShortcuts: function listenForFocusShortcuts() {
 	      var _this8 = this;
@@ -25907,16 +27681,31 @@
 	      this.currentValue = decodeHtml(value);
 	      this.triggerDefaultQuery(value);
 	    },
-	    renderAutoFill: function renderAutoFill(suggestion) {
+	    renderActionIcon: function renderActionIcon(suggestion) {
 	      var _this9 = this;
 	      var handleAutoFillClick = function handleAutoFillClick(e) {
 	        e.stopPropagation();
 	        _this9.onAutofillClick(suggestion);
 	      };
-	      /* 👇 avoid showing autofill for category suggestions👇 */
-	      return suggestion._category ? null : vue.createVNode(AutoFillSvg, {
-	        "onClick": handleAutoFillClick
-	      }, null);
+	      if (suggestion._suggestion_type === helper_16.Featured) {
+	        if (suggestion.action === helper_15.FUNCTION) {
+	          return vue.createVNode(AutoFillSvg, {
+	            "style": {
+	              transform: 'rotate(135deg)',
+	              pointerEvents: 'none'
+	            }
+	          }, null);
+	        }
+	        return null;
+	      }
+	      if (!suggestion._category) {
+	        /* 👇 avoid showing autofill for category suggestions👇 */
+
+	        return vue.createVNode(AutoFillSvg, {
+	          "onClick": handleAutoFillClick
+	        }, null);
+	      }
+	      return null;
 	    },
 	    renderTag: function renderTag(item) {
 	      var _this10 = this;
@@ -26023,7 +27812,7 @@
 	      return vue.createVNode(HorizontalSkeletonLoader, null, null);
 	    },
 	    renderAIScreenFooter: function renderAIScreenFooter() {
-	      var _slot6;
+	      var _slot7;
 	      var _this12 = this;
 	      var _this$$props$AIUIConf2 = this.$props.AIUIConfig,
 	        AIUIConfig = _this$$props$AIUIConf2 === void 0 ? {} : _this$$props$AIUIConf2;
@@ -26038,7 +27827,7 @@
 	        "themePreset": this.$props.themePreset
 	      }, {
 	        "default": function _default() {
-	          return [vue.createTextVNode("Summary generated using the following sources:"), ' ', vue.createVNode(SourceTags, null, _isSlot$5(_slot6 = _this12.getAISourceObjects().map(function (el) {
+	          return [vue.createTextVNode("Summary generated using the following sources:"), ' ', vue.createVNode(SourceTags, null, _isSlot$5(_slot7 = _this12.getAISourceObjects().map(function (el) {
 	            return vue.createVNode(Button, {
 	              "class": "--ai-source-tag " + (getClassName$3(_this12.$props.innerClass, 'ai-source-tag') || ''),
 	              "title": el[sourceDocumentLabel],
@@ -26051,9 +27840,9 @@
 	                return [el[sourceDocumentLabel]];
 	              }
 	            });
-	          })) ? _slot6 : {
+	          })) ? _slot7 : {
 	            "default": function _default() {
-	              return [_slot6];
+	              return [_slot7];
 	            }
 	          })];
 	        }
@@ -26065,7 +27854,7 @@
 	      if (customAIRenderer) {
 	        return customAIRenderer({
 	          question: this.AIResponse && this.AIResponse.response && this.AIResponse.response.question,
-	          answer: this.AIResponse && this.AIResponse.response && this.AIResponse.response.answer && this.AIResponse.response.answer.text,
+	          answer: this.mergedAIAnswer,
 	          documentIds: this.AIResponse && this.AIResponse.response && this.AIResponse.response.answer && this.AIResponse.response.answer.documentIds || [],
 	          loading: this.isAIResponseLoading || this.isLoading,
 	          sources: this.getAISourceObjects(),
@@ -26076,7 +27865,7 @@
 	        return this.renderAIScreenLoader();
 	      }
 	      return vue.createVNode("div", null, [vue.createVNode(Answer, {
-	        "innerHTML": md.render(this.AIResponse && this.AIResponse.response && this.AIResponse.response.answer && this.AIResponse.response.answer.text)
+	        "innerHTML": md.render(this.mergedAIAnswer)
 	      }, null), this.renderAIScreenFooter(), this.showFeedbackComponent && vue.createVNode("div", {
 	        "class": "" + (getClassName$3(this.$props.innerClass, 'ai-feedback') || '')
 	      }, [vue.createVNode(AIFeedback, {
@@ -26185,23 +27974,58 @@
 	              highlightedIndex = _ref8.highlightedIndex,
 	              setHighlightedIndex = _ref8.setHighlightedIndex;
 	            var renderSuggestionsDropdown = function renderSuggestionsDropdown() {
-	              var getIcon = function getIcon(iconType) {
+	              var getIcon = function getIcon(iconType, item, leaveSpaceForIcon) {
 	                switch (iconType) {
 	                  case helper_16.Recent:
 	                    return recentSearchesIcon;
 	                  case helper_16.Popular:
 	                    return popularSearchesIcon;
+	                  case helper_16.Featured:
+	                    if (item.icon) {
+	                      return function () {
+	                        return vue.createVNode("div", {
+	                          "style": {
+	                            display: 'flex'
+	                          },
+	                          "innerHTML": lib$2(item.icon)
+	                        }, null);
+	                      };
+	                    }
+	                    if (item.iconURL) {
+	                      return function () {
+	                        return (// When you change below also change the empty icon below
+	                          vue.createVNode("img", {
+	                            "style": {
+	                              maxHeight: '25px'
+	                            },
+	                            "src": lib$2(item.iconURL),
+	                            "alt": item.value
+	                          }, null)
+	                        );
+	                      };
+	                    }
+	                    // Render an empty icon when no icon is provided from the dashboard
+	                    return function () {
+	                      return vue.createVNode("span", {
+	                        "style": {
+	                          display: 'inline-block',
+	                          height: '25px',
+	                          width: leaveSpaceForIcon ? '25px' : 0
+	                        }
+	                      }, null);
+	                    };
 	                  default:
 	                    return null;
 	                }
 	              };
+	              var indexOffset = 0;
 	              return vue.createVNode("div", null, [_this15.hasCustomRenderer && _this15.getComponent({
 	                isOpen: isOpen,
 	                getItemProps: getItemProps,
 	                getItemEvents: getItemEvents,
 	                highlightedIndex: highlightedIndex
 	              }), _this15.renderErrorComponent(), !_this15.hasCustomRenderer && isOpen && hasSuggestions ? vue.createVNode("ul", {
-	                "class": suggestions$1(_this15.themePreset, _this15.theme) + " " + getClassName$3(_this15.$props.innerClass, 'list'),
+	                "class": suggestions$1(_this15.themePreset, _this15.theme) + " " + getClassName$3(_this15.$props.innerClass, 'list') + " " + searchboxSuggestions(_this15.themePreset, _this15.theme) + "\n\t\t\t\t\t\t\t\t\t\t\t\t\t",
 	                "ref": _dropdownULRef
 	              }, [_this15.showAIScreen && vue.createVNode(SearchBoxAISection, {
 	                "themePreset": _this15.$props.themePreset
@@ -26209,43 +28033,63 @@
 	                "default": function _default() {
 	                  return [_this15.renderAIScreen(), ' ', _this15.renderErrorComponent(true)];
 	                }
-	              }), !_this15.showAIScreen && _this15.normalizedSuggestions.map(function (item, index) {
-	                return renderItem ? vue.createVNode("li", vue.mergeProps(getItemProps({
-	                  item: item
-	                }), getItemEvents({
-	                  item: item
-	                }), {
-	                  "key": index + 1 + "-" + item.value,
-	                  "style": {
-	                    backgroundColor: _this15.getBackgroundColor(highlightedIndex, index),
-	                    justifyContent: 'flex-start',
-	                    alignItems: 'center'
-	                  }
-	                }), [renderItem(item)]) : vue.createVNode("li", vue.mergeProps(getItemProps({
-	                  item: item
-	                }), babelHelperVueTransformOn(getItemEvents({
-	                  item: item
-	                })), {
-	                  "key": index + 1 + "-" + item.value,
-	                  "style": {
-	                    backgroundColor: _this15.getBackgroundColor(highlightedIndex, index),
-	                    justifyContent: 'flex-start',
-	                    alignItems: 'center'
-	                  }
-	                }), [vue.createVNode("div", {
-	                  "style": {
-	                    padding: '0 10px 0 0',
-	                    display: 'flex'
-	                  }
-	                }, [vue.createVNode(CustomSvg, {
-	                  "className": getClassName$3(_this15.$props.innerClass, item._suggestion_type + "-search-icon") || null,
-	                  "icon": getIcon(item._suggestion_type),
-	                  "type": item._suggestion_type + "-search-icon"
-	                }, null)]), vue.createVNode(SuggestionItem, {
-	                  "currentValue": _this15.currentValue,
-	                  "suggestion": item
-	                }, null), _this15.renderAutoFill(item)]);
-	              })]) : _this15.renderNoSuggestions(_this15.normalizedSuggestions)]);
+	              }), !_this15.showAIScreen && _this15.parsedSuggestions.map(function (item, itemIndex) {
+	                var index = indexOffset + itemIndex;
+	                if (Array.isArray(item)) {
+	                  var sectionHtml = lib$2(item[0].sectionLabel);
+	                  indexOffset += item.length - 1;
+	                  return vue.createVNode("div", {
+	                    "class": "section-container"
+	                  }, [sectionHtml ? vue.createVNode("div", {
+	                    "class": "section-header " + getClassName$3(_this15.$props.innerClass, 'section-label'),
+	                    "key": "" + item[0].sectionId,
+	                    "innerHTML": sectionHtml
+	                  }, null) : null, vue.createVNode("ul", {
+	                    "class": "section-list"
+	                  }, [item.map(function (sectionItem, sectionIndex) {
+	                    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": index + sectionIndex,
+	                      "style": {
+	                        justifyContent: 'flex-start',
+	                        alignItems: 'center'
+	                      },
+	                      "class": "" + (highlightedIndex === index + sectionIndex ? "active-li-item " + getClassName$3(_this15.$props.innerClass, 'active-suggestion-item') : "li-item " + getClassName$3(_this15.$props.innerClass, 'suggestion-item'))
+	                    }), [renderItem(sectionItem)]) : vue.createVNode("li", vue.mergeProps(getItemProps({
+	                      item: sectionItem
+	                    }), babelHelperVueTransformOn(getItemEvents({
+	                      item: sectionItem
+	                    })), {
+	                      "key": index + sectionIndex,
+	                      "style": {
+	                        justifyContent: 'flex-start',
+	                        alignItems: 'center'
+	                      },
+	                      "class": "" + (highlightedIndex === index + sectionIndex ? "active-li-item " + getClassName$3(_this15.$props.innerClass, 'active-suggestion-item') : "li-item " + getClassName$3(_this15.$props.innerClass, 'suggestion-item'))
+	                    }), [vue.createVNode("div", {
+	                      "style": {
+	                        padding: '0 10px 0 0',
+	                        display: 'flex'
+	                      }
+	                    }, [vue.createVNode(CustomSvg, {
+	                      "key": sectionItem._suggestion_type + "-" + sectionIndex,
+	                      "className": getClassName$3(_this15.$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": _this15.currentValue,
+	                      "suggestion": sectionItem
+	                    }, null), _this15.renderActionIcon(sectionItem)]);
+	                  })])]);
+	                }
+	                return vue.createVNode("div", null, [vue.createTextVNode("No suggestions")]);
+	              }), _this15.$props.showSuggestionsFooter ? _this15.suggestionsFooter() : null]) : _this15.renderNoSuggestions(_this15.normalizedSuggestions)]);
 	            };
 	            return vue.createVNode("div", {
 	              "class": suggestionsContainer
@@ -26285,7 +28129,8 @@
 	                      "placeholder": _this15.$props.placeholder,
 	                      "autoFocus": _this15.$props.autoFocus,
 	                      "showFocusShortcutsIcon": _this15.$props.showFocusShortcutsIcon,
-	                      "showVoiceSearch": _this15.$props.showVoiceSearch
+	                      "showVoiceSearch": _this15.$props.showVoiceSearch,
+	                      "searchBox": true
 	                    }, getInputProps({
 	                      value: _this15.$data.currentValue === null ? '' : _this15.$data.currentValue
 	                    }), {
@@ -26500,6 +28345,7 @@
 	    isLoading: types.boolRequired,
 	    sessionIdFromStore: Q.string,
 	    showComponent: types.boolRequired,
+	    componentError: types.componentObject,
 	    style: types.style
 	  },
 	  mounted: function mounted() {},
@@ -26583,14 +28429,50 @@
 	    },
 	    messages: function messages() {
 	      this.scrollToBottom();
+	    },
+	    componentError: function componentError(newVal) {
+	      var _this = this;
+	      if (newVal && newVal._bodyBlob) {
+	        this.AISessionId = ((helper_2(constants_8$1) || {})[this.$props.componentId] || {}).sessionId || null;
+	        if (!this.AISessionId) {
+	          this.generateNewSessionId();
+	        }
+	        newVal._bodyBlob.text().then(function (textData) {
+	          try {
+	            var parsedErrorRes = JSON.parse(textData);
+	            if (parsedErrorRes.error) {
+	              _this.error = parsedErrorRes.error;
+	              _this.$emit('on-data', {
+	                data: _this.messages,
+	                rawData: _this.$props.rawData,
+	                loading: _this.$props.isAIResponseLoading || _this.$props.isLoading,
+	                error: parsedErrorRes.error
+	              });
+	            }
+	          } catch (error) {
+	            console.error('Error parsing component error JSON:', error);
+	          }
+	        })["catch"](function (error) {
+	          console.error('Error reading  component error text data:', error);
+	        });
+	      }
 	    }
 	  },
 	  methods: {
+	    generateNewSessionId: function generateNewSessionId() {
+	      var _this2 = this;
+	      var newSessionPromise = this.createAISession();
+	      newSessionPromise.then(function (res) {
+	        _this2.AISessionId = res.AIsessionId;
+	      })["catch"](function (e) {
+	        console.error(e);
+	      });
+	    },
 	    scrollToBottom: function scrollToBottom() {
-	      var _this = this;
+	      var _this3 = this;
 	      this.$nextTick(function () {
-	        var _this$$refs;
-	        var messageContainer = (_this$$refs = _this.$refs) == null ? void 0 : _this$$refs[_this.$props.innerRef];
+	        var _this3$$refs;
+	        var messageContainer = (_this3$$refs = _this3.$refs) == null ? void 0 : _this3$$refs[_this3.$props.innerRef];
 	        if (messageContainer && messageContainer.$el) {
 	          messageContainer.$el.scrollTo({
 	            top: messageContainer.$el.scrollHeight,
@@ -26657,7 +28539,7 @@
 	          "class": "--ai-answer-error-container " + (helper_31(this.$props.innerClass, 'ai-error') || '')
 	        }, [vue.createVNode("div", {
 	          "class": "--default-error-element"
-	        }, [vue.createVNode("span", null, [(_this$error = this.error) != null && _this$error.message ? this.error.message : 'There was an error in generating the response.', ' ', (_this$error2 = this.error) != null && _this$error2.code ? "Code:\n\t\t\t\t\t\t\t" + this.error.code : '']), this.AISessionId && vue.createVNode(Button, {
+	        }, [vue.createVNode("span", null, [(_this$error = this.error) != null && _this$error.message ? this.error.message : 'There was an error in generating the response.', ' ', (_this$error2 = this.error) != null && _this$error2.code ? ", Code:\n\t\t\t\t\t\t\t" + this.error.code : '']), this.AISessionId && vue.createVNode(Button, {
 	          "primary": true,
 	          "onClick": this.handleRetryRequest
 	        }, {
@@ -26708,7 +28590,7 @@
 	      }
 	    },
 	    renderIcons: function renderIcons() {
-	      var _this2 = this;
+	      var _this4 = this;
 	      var _slot, _slot2;
 	      var _this$$props = this.$props,
 	        getMicInstance = _this$$props.getMicInstance,
@@ -26722,12 +28604,12 @@
 	        "positionType": "absolute"
 	      }, {
 	        "default": function _default() {
-	          return [!_this2.isLoadingState && _this2.AISessionId && _this2.shouldMicRender(showVoiceInput) && vue.createVNode(Mic, {
+	          return [!_this4.isLoadingState && _this4.AISessionId && _this4.shouldMicRender(showVoiceInput) && vue.createVNode(Mic, {
 	            "getInstance": getMicInstance,
 	            "render": renderMic,
-	            "handleResult": _this2.handleVoiceResults,
+	            "handleResult": _this4.handleVoiceResults,
 	            "class": helper_31(innerClass, 'ai-search-mic') || null
-	          }, null), iconPosition === 'right' && vue.createVNode(IconWrapper, null, _isSlot$6(_slot = _this2.renderIcon()) ? _slot : {
+	          }, null), iconPosition === 'right' && vue.createVNode(IconWrapper, null, _isSlot$6(_slot = _this4.renderIcon()) ? _slot : {
 	            "default": function _default() {
 	              return [_slot];
 	            }
@@ -26739,7 +28621,7 @@
 	        "positionType": "absolute"
 	      }, {
 	        "default": function _default() {
-	          return [iconPosition === 'left' && vue.createVNode(IconWrapper, null, _isSlot$6(_slot2 = _this2.renderIcon()) ? _slot2 : {
+	          return [iconPosition === 'left' && vue.createVNode(IconWrapper, null, _isSlot$6(_slot2 = _this4.renderIcon()) ? _slot2 : {
 	            "default": function _default() {
 	              return [_slot2];
 	            }
@@ -26751,7 +28633,7 @@
 	      this.handleSendMessage(e);
 	    },
 	    renderEnterButtonElement: function renderEnterButtonElement() {
-	      var _this3 = this;
+	      var _this5 = this;
 	      var _this$$props2 = this.$props,
 	        enterButton = _this$$props2.enterButton,
 	        innerClass = _this$$props2.innerClass;
@@ -26759,16 +28641,16 @@
 	      if (enterButton) {
 	        var getEnterButtonMarkup = function getEnterButtonMarkup() {
 	          if (renderEnterButton) {
-	            return renderEnterButton(_this3.enterButtonOnClick);
+	            return renderEnterButton(_this5.enterButtonOnClick);
 	          }
 	          return vue.createVNode(SendButton, {
 	            "primary": true,
 	            "type": "submit",
 	            "tabIndex": 0,
-	            "onClick": _this3.handleSendMessage,
-	            "onKeyPress": _this3.handleKeyPress,
+	            "onClick": _this5.handleSendMessage,
+	            "onKeyPress": _this5.handleKeyPress,
 	            "class": "ask-btn " + helper_31(innerClass, 'ai-enter-button'),
-	            "disabled": _this3.isLoadingState || !_this3.AISessionId
+	            "disabled": _this5.isLoadingState || !_this5.AISessionId
 	          }, {
 	            "default": function _default() {
 	              return [vue.createTextVNode("Send")];
@@ -26791,10 +28673,10 @@
 	      return getComponent(data, this);
 	    },
 	    handleTextAreaHeightChange: function handleTextAreaHeightChange() {
-	      var _this$$refs2, _this$$refs2$_inputRe, _this$$refs3, _this$$refs3$_inputWr, _this$$refs4;
-	      var textArea = (_this$$refs2 = this.$refs) == null ? void 0 : (_this$$refs2$_inputRe = _this$$refs2[_inputRef]) == null ? void 0 : _this$$refs2$_inputRe.$el;
-	      var inputWrapper = (_this$$refs3 = this.$refs) == null ? void 0 : (_this$$refs3$_inputWr = _this$$refs3[_inputWrapperRef]) == null ? void 0 : _this$$refs3$_inputWr.$el;
-	      var errorContainer = (_this$$refs4 = this.$refs) == null ? void 0 : _this$$refs4[_errorContainerRef];
+	      var _this$$refs, _this$$refs$_inputRef, _this$$refs2, _this$$refs2$_inputWr, _this$$refs3;
+	      var textArea = (_this$$refs = this.$refs) == null ? void 0 : (_this$$refs$_inputRef = _this$$refs[_inputRef]) == null ? void 0 : _this$$refs$_inputRef.$el;
+	      var inputWrapper = (_this$$refs2 = this.$refs) == null ? void 0 : (_this$$refs2$_inputWr = _this$$refs2[_inputWrapperRef]) == null ? void 0 : _this$$refs2$_inputWr.$el;
+	      var errorContainer = (_this$$refs3 = this.$refs) == null ? void 0 : _this$$refs3[_errorContainerRef];
 	      if (textArea) {
 	        textArea.style.height = '42px';
 	        var lineHeight = parseInt(getComputedStyle(textArea).lineHeight, 10);
@@ -26826,21 +28708,20 @@
 	  },
 	  render: function render() {
 	    var _slot3;
-	    var _this4 = this;
+	    var _this6 = this;
 	    var props = this.$props;
 	    if (!this.shouldShowComponent) {
 	      return null;
 	    }
 	    return vue.createVNode(Chatbox, {
-	      "style": props.style,
-	      "class": "--ai-chat-box-wrapper"
+	      "style": props.style || {}
 	    }, {
 	      "default": function _default() {
-	        return [_this4.$props.title && vue.createVNode(Title, {
-	          "class": helper_31(_this4.$props.innerClass, 'title') || ''
+	        return [_this6.$props.title && vue.createVNode(Title, {
+	          "class": helper_31(_this6.$props.innerClass, 'title') || ''
 	        }, {
 	          "default": function _default() {
-	            return [_this4.$props.title];
+	            return [_this6.$props.title];
 	          }
 	        }), vue.createVNode(ChatContainer, {
 	          "class": "--ai-chat-container",
@@ -26848,33 +28729,33 @@
 	          "showInput": props.showInput
 	        }, {
 	          "default": function _default() {
-	            return [_this4.hasCustomRenderer && vue.createVNode(MessagesContainer, {
-	              "themePreset": _this4.themePreset,
+	            return [_this6.hasCustomRenderer && vue.createVNode(MessagesContainer, {
+	              "themePreset": _this6.themePreset,
 	              "theme": props.theme,
-	              "ref": _this4.$props.innerRef,
+	              "ref": _this6.$props.innerRef,
 	              "class": "--ai-message-container " + (helper_31(props.innerClass, 'ai-message-container') || '')
-	            }, _isSlot$6(_slot3 = _this4.getComponent()) ? _slot3 : {
+	            }, _isSlot$6(_slot3 = _this6.getComponent()) ? _slot3 : {
 	              "default": function _default() {
 	                return [_slot3];
 	              }
-	            }), !_this4.hasCustomRenderer && vue.createVNode(MessagesContainer, {
-	              "themePreset": _this4.themePreset,
+	            }), !_this6.hasCustomRenderer && vue.createVNode(MessagesContainer, {
+	              "themePreset": _this6.themePreset,
 	              "theme": props.theme,
-	              "ref": _this4.$props.innerRef,
+	              "ref": _this6.$props.innerRef,
 	              "class": "--ai-message-container " + (helper_31(props.innerClass, 'ai-message-container') || '')
 	            }, {
 	              "default": function _default() {
-	                return [_this4.messages.map(function (message, index) {
+	                return [_this6.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": _this4.themePreset,
+	                    "themePreset": _this6.themePreset,
 	                    "theme": props.theme,
 	                    "class": "--ai-answer-message " + (helper_31(props.innerClass, 'ai-message') || '')
 	                  }, null);
-	                }), _this4.isLoadingState && vue.createVNode(Message, {
-	                  "themePreset": _this4.themePreset,
+	                }), _this6.isLoadingState && vue.createVNode(Message, {
+	                  "themePreset": _this6.themePreset,
 	                  "theme": props.theme,
 	                  "isSender": false,
 	                  "class": "--ai-answer-message " + (helper_31(props.innerClass, 'ai-message') || null)
@@ -26883,31 +28764,31 @@
 	                    return [vue.createVNode(TypingIndicator, null, {
 	                      "default": function _default() {
 	                        return [vue.createVNode(TypingDot, {
-	                          "themePreset": _this4.themePreset
+	                          "themePreset": _this6.themePreset
 	                        }, null), vue.createVNode(TypingDot, {
-	                          "themePreset": _this4.themePreset
+	                          "themePreset": _this6.themePreset
 	                        }, null), vue.createVNode(TypingDot, {
-	                          "themePreset": _this4.themePreset
+	                          "themePreset": _this6.themePreset
 	                        }, null)];
 	                      }
 	                    })];
 	                  }
 	                })];
 	              }
-	            }), _this4.renderErrorComponent(), ' ', props.showFeedback && vue.createVNode("div", {
+	            }), _this6.renderErrorComponent(), ' ', props.showFeedback && vue.createVNode("div", {
 	              "class": "--ai-answer-feedback-container " + (helper_31(props.innerClass, 'ai-feedback') || '')
 	            }, [vue.createVNode(AIFeedback, {
-	              "hideUI": _this4.isLoadingState || !_this4.sessionId,
-	              "key": _this4.sessionId,
+	              "hideUI": _this6.isLoadingState || !_this6.sessionId,
+	              "key": _this6.sessionId,
 	              "onFeedbackSubmit": function onFeedbackSubmit(useful, reason) {
-	                _this4.trackUsefullness(_this4.sessionId, {
+	                _this6.trackUsefullness(_this6.sessionId, {
 	                  useful: useful,
 	                  reason: reason
 	                });
 	              }
 	            }, null)]), props.showInput && vue.createVNode(MessageInputContainer, {
 	              "class": "--ai-input-container",
-	              "onSubmit": _this4.handleSendMessage
+	              "onSubmit": _this6.handleSendMessage
 	            }, {
 	              "default": function _default() {
 	                return [vue.createVNode(InputGroup, {
@@ -26923,19 +28804,19 @@
 	                          "ref": _inputRef,
 	                          "placeholder": props.placeholder,
 	                          "enterButton": props.enterButton,
-	                          "value": _this4.inputMessage,
-	                          "onInput": _this4.handleMessageInputChange,
+	                          "value": _this6.inputMessage,
+	                          "onInput": _this6.handleMessageInputChange,
 	                          "id": props.componentId + "-ai-input",
 	                          "showIcon": props.showIcon,
 	                          "iconPosition": props.iconPosition,
-	                          "themePreset": _this4.themePreset,
-	                          "disabled": _this4.isLoadingState || !_this4.AISessionId,
+	                          "themePreset": _this6.themePreset,
+	                          "disabled": _this6.isLoadingState || !_this6.AISessionId,
 	                          "class": helper_31(props.innerClass, 'ai-input') || null
-	                        }, null), ' ', _this4.renderIcons()];
+	                        }, null), ' ', _this6.renderIcons()];
 	                      }
 	                    })];
 	                  }
-	                }), _this4.renderEnterButtonElement()];
+	                }), _this6.renderEnterButtonElement()];
 	              }
 	            }), ' '];
 	          }
@@ -26962,12 +28843,14 @@
 	    rawData: state.rawData[props.componentId],
 	    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 || ''
+	    sessionIdFromStore: state.AIResponses[props.componentId] && state.AIResponses[props.componentId].response && state.AIResponses[props.componentId].response.sessionId || '',
+	    componentError: state.error[props.componentId]
 	  };
 	};
 	var mapDispatchToProps$3 = {
 	  getAIResponse: query_7,
-	  trackUsefullness: analytics_8
+	  trackUsefullness: analytics_8,
+	  createAISession: query_8
 	};
 	var AIConnected = PreferencesConsumer(ComponentWrapper$1(connect(mapStateToProps$4, mapDispatchToProps$3)(AIAnswer), {
 	  componentType: constants_1$1.AIAnswer,
@@ -26981,7 +28864,7 @@
 	// Add componentType for SSR
 	AIConnected.componentType = constants_1$1.AIAnswer;
 
-	var _templateObject$l, _templateObject2$9, _templateObject3$7;
+	var _templateObject$m, _templateObject2$a, _templateObject3$7;
 	var item = {
 	  width: '15px',
 	  height: '15px',
@@ -26994,7 +28877,7 @@
 	    theme = _ref$theme === void 0 ? {} : _ref$theme;
 	  return "\n\t" + vh + ";\n\n\t&:focus {\n\t\t+ label {\n\t\t\t&::before {\n\t\t\t\tbox-shadow: 0 0 0 2px " + curriedLighten(0.4, theme.colors.primaryColor) + ";\n\t\t\t}\n\t\t}\n\t}\n\n\t&:hover {\n\t\t+ label {\n\t\t\t&::before {\n\t\t\t\tborder-color: " + theme.colors.primaryColor + ";\n\t\t\t}\n\t\t}\n\t}\n\n\t&:active {\n\t\t+ label {\n\t\t\t&::before {\n\t\t\t\ttransition-duration: 0;\n\t\t\t}\n\t\t}\n\t}\n\n\t+ label {\n\t\tposition: relative;\n\t\tuser-select: none;\n\t\tdisplay: flex;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\talign-items: center;\n\t\tcursor: pointer;\n\n\t\t&::before {\n\t\t\tbackground-color: #fff;\n\t\t\tborder: 1px solid " + (theme.colors.borderColor || curriedLighten(0.1, theme.colors.textColor)) + ";\n\t\t\tbox-sizing: content-box;\n\t\t\tcontent: '';\n\t\t\tcolor: " + theme.colors.primaryColor + ";\n\t\t\tmargin-right: calc(" + item.width + " * 0.5);\n\t\t\ttop: 50%;\n\t\t\tleft: 0;\n\t\t\twidth: " + item.width + ";\n\t\t\theight: " + item.height + ";\n\t\t\tdisplay: inline-block;\n\t\t\tvertical-align: middle;\n\t\t}\n\n\t\t&::after {\n\t\t\tbox-sizing: content-box;\n\t\t\tcontent: '';\n\t\t\tbackground-color: " + theme.colors.primaryColor + ";\n\t\t\tposition: absolute;\n\t\t\ttop: 50%;\n\t\t\tleft: calc(1px + " + item.scale + " / 2);\n\t\t\twidth: calc(" + item.width + " - " + item.scale + ");\n\t\t\theight: calc(" + item.height + " - " + item.scale + ");\n\t\t\tmargin-top: calc(" + item.height + " / -2 - " + item.scale + " / -2);\n\t\t\ttransform: scale(0);\n\t\t\ttransform-origin: 50%;\n\t\t\ttransition: transform 200ms ease-out;\n\t\t}\n\t}\n";
 	};
-	var Radio = styled('input')(_templateObject$l || (_templateObject$l = _taggedTemplateLiteralLoose(["\n\t", ";\n\t", ";\n\n\t+ label {\n\t\t&::before,\n\t\t&::after {\n\t\t\tborder-radius: 50%;\n\t\t}\n\t}\n\n\t&:checked {\n\t\t&:active,\n\t\t&:focus {\n\t\t\t+ label {\n\t\t\t\tcolor: ", ";\n\n\t\t\t\t&::before {\n\t\t\t\t\tanimation: none;\n\t\t\t\t\tfilter: none;\n\t\t\t\t\ttransition: none;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t+ label {\n\t\t\t&::before {\n\t\t\t\tanimation: none;\n\t\t\t\tbackground-color: #fff;\n\t\t\t\tborder-color: ", ";\n\t\t}\n\n\t\t&::after {\n\t\t\ttransform: scale(1);\n\t\t}\n\t}\n"])), formItem, function (props) {
+	var Radio = styled('input')(_templateObject$m || (_templateObject$m = _taggedTemplateLiteralLoose(["\n\t", ";\n\t", ";\n\n\t+ label {\n\t\t&::before,\n\t\t&::after {\n\t\t\tborder-radius: 50%;\n\t\t}\n\t}\n\n\t&:checked {\n\t\t&:active,\n\t\t&:focus {\n\t\t\t+ label {\n\t\t\t\tcolor: ", ";\n\n\t\t\t\t&::before {\n\t\t\t\t\tanimation: none;\n\t\t\t\t\tfilter: none;\n\t\t\t\t\ttransition: none;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t+ label {\n\t\t\t&::before {\n\t\t\t\tanimation: none;\n\t\t\t\tbackground-color: #fff;\n\t\t\t\tborder-color: ", ";\n\t\t}\n\n\t\t&::after {\n\t\t\ttransform: scale(1);\n\t\t}\n\t}\n"])), formItem, function (props) {
 	  return props.show ? null : hideInputControl;
 	}, function (_ref2) {
 	  var theme = _ref2.theme;
@@ -27003,7 +28886,7 @@
 	  var theme = _ref3.theme;
 	  return theme.colors.primaryColor;
 	});
-	var Checkbox = styled('input')(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteralLoose(["\n\t", ";\n\t", ";\n\n\t+ label {\n\t\t&::before,\n\t\t&::after {\n\t\t\tborder-radius: 0;\n\t\t}\n\n\t\t&::after {\n\t\t\tbackground-color: transparent;\n\t\t\ttop: 50%;\n\t\t\tleft: calc(1px + ", " / 5);\n\t\t\twidth: calc(", " / 2);\n\t\t\theight: calc(", " / 5);\n\t\t\tmargin-top: calc(", " / -2 / 2 * 0.8);\n\t\t\tborder-style: solid;\n\t\t\tborder-color: ", ";\n\t\t\tborder-width: 0 0 2px 2px;\n\t\t\tborder-radius: 0;\n\t\t\tborder-image: none;\n\t\t\ttransform: rotate(-45deg) scale(0);\n\t\t\ttransition: none;\n\t\t}\n\t}\n\n\t&:checked {\n\t\t+ label {\n\t\t\t&::before {\n\t\t\t\tborder-color: ", ";\n\t\t\t}\n\n\t\t\t&::after {\n\t\t\t\tcontent: '';\n\t\t\t\ttransform: rotate(-45deg) scale(1);\n\t\t\t\ttransition: transform 200ms ease-out;\n\t\t\t}\n\t\t}\n\t}\n"])), formItem, function (props) {
+	var Checkbox = styled('input')(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteralLoose(["\n\t", ";\n\t", ";\n\n\t+ label {\n\t\t&::before,\n\t\t&::after {\n\t\t\tborder-radius: 0;\n\t\t}\n\n\t\t&::after {\n\t\t\tbackground-color: transparent;\n\t\t\ttop: 50%;\n\t\t\tleft: calc(1px + ", " / 5);\n\t\t\twidth: calc(", " / 2);\n\t\t\theight: calc(", " / 5);\n\t\t\tmargin-top: calc(", " / -2 / 2 * 0.8);\n\t\t\tborder-style: solid;\n\t\t\tborder-color: ", ";\n\t\t\tborder-width: 0 0 2px 2px;\n\t\t\tborder-radius: 0;\n\t\t\tborder-image: none;\n\t\t\ttransform: rotate(-45deg) scale(0);\n\t\t\ttransition: none;\n\t\t}\n\t}\n\n\t&:checked {\n\t\t+ label {\n\t\t\t&::before {\n\t\t\t\tborder-color: ", ";\n\t\t\t}\n\n\t\t\t&::after {\n\t\t\t\tcontent: '';\n\t\t\t\ttransform: rotate(-45deg) scale(1);\n\t\t\t\ttransition: transform 200ms ease-out;\n\t\t\t}\n\t\t}\n\t}\n"])), formItem, function (props) {
 	  return props.show ? null : hideInputControl;
 	}, item.width, item.width, item.width, item.height, function (_ref4) {
 	  var theme = _ref4.theme;
@@ -28992,9 +30875,9 @@
 	});
 	var types$1 = unwrapExports(types_1);
 
-	var _templateObject$m, _templateObject2$a;
-	var HierarchicalMenuList = styled('ul')(_templateObject$m || (_templateObject$m = _taggedTemplateLiteralLoose(["\n\tlist-style: none;\n\tpadding: 0;\n\tmargin: 0;\n\tmax-height: 0;\n\toverflow: hidden;\n\n\t&.--open {\n\t\tmax-height: 100%;\n\t}\n"])));
-	var HierarchicalMenuListItem = styled('li')(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteralLoose(["\n\tfont-weight: 400;\n\tline-height: 1.5;\n\tbox-sizing: border-box;\n\n\ta {\n\t\tcolor: #424242;\n\t\ttext-decoration: none;\n\t\tgap: 5px;\n\t\t.--leaf-icon,\n\t\t.--folder-icon {\n\t\t\tline-height: 15px;\n\t\t\tsvg {\n\t\t\t\theight: 15px;\n\t\t\t}\n\t\t}\n\n\t\tinput {\n\t\t\tmargin: 0;\n\t\t\tcursor: pointer;\n\t\t}\n\t}\n\n\t.--switcher-icon {\n\t\ttransition: all 0.2s ease-in;\n\t\tmargin-right: 2px;\n\t}\n\t.--list-child {\n\t\tpadding-left: 1rem;\n\t\tposition: relative;\n\t\t&:before {\n\t\t\theight: 100%;\n\t\t\tcontent: '';\n\t\t\tposition: absolute;\n\t\t\tborder-left: 1px solid #787878;\n\t\t\twidth: 0;\n\t\t\tleft: 19px;\n\t\t\t", ";\n\t\t}\n\n\t\t&.--show-switcher-icon {\n\t\t\tpadding-left: 36px;\n\t\t}\n\t}\n\t.--list-item-label {\n\t\tline-height: 100%;\n\t}\n\t.--list-item-count {\n\t\tmargin-left: 10px;\n\t\tpadding: 0.1rem 0.4rem;\n\t\tfont-size: 0.8rem;\n\t\tcolor: #424242;\n\t\tbackground-color: #dee1e6;\n\t\tborder-radius: 8px;\n\t}\n\t&.-selected-item {\n\t\tfont-weight: 700 !important;\n\t}\n\t&.-expanded-item {\n\t\t& > a {\n\t\t\t& div > .--switcher-icon {\n\t\t\t\ttransform: rotate(90deg);\n\t\t\t}\n\t\t}\n\t}\n\t.--list-item-label-count-wrapper {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\t&:hover {\n\t\t\t.--list-item-count,\n\t\t\t.--list-item-label {\n\t\t\t\tfont-weight: 700;\n\t\t\t}\n\t\t}\n\t}\n"])), function (props) {
+	var _templateObject$n, _templateObject2$b;
+	var HierarchicalMenuList = styled('ul')(_templateObject$n || (_templateObject$n = _taggedTemplateLiteralLoose(["\n\tlist-style: none;\n\tpadding: 0;\n\tmargin: 0;\n\tmax-height: 0;\n\toverflow: hidden;\n\n\t&.--open {\n\t\tmax-height: 100%;\n\t}\n"])));
+	var HierarchicalMenuListItem = styled('li')(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteralLoose(["\n\tfont-weight: 400;\n\tline-height: 1.5;\n\tbox-sizing: border-box;\n\n\ta {\n\t\tcolor: #424242;\n\t\ttext-decoration: none;\n\t\tgap: 5px;\n\t\t.--leaf-icon,\n\t\t.--folder-icon {\n\t\t\tline-height: 15px;\n\t\t\tsvg {\n\t\t\t\theight: 15px;\n\t\t\t}\n\t\t}\n\n\t\tinput {\n\t\t\tmargin: 0;\n\t\t\tcursor: pointer;\n\t\t}\n\t}\n\n\t.--switcher-icon {\n\t\ttransition: all 0.2s ease-in;\n\t\tmargin-right: 2px;\n\t}\n\t.--list-child {\n\t\tpadding-left: 1rem;\n\t\tposition: relative;\n\t\t&:before {\n\t\t\theight: 100%;\n\t\t\tcontent: '';\n\t\t\tposition: absolute;\n\t\t\tborder-left: 1px solid #787878;\n\t\t\twidth: 0;\n\t\t\tleft: 19px;\n\t\t\t", ";\n\t\t}\n\n\t\t&.--show-switcher-icon {\n\t\t\tpadding-left: 36px;\n\t\t}\n\t}\n\t.--list-item-label {\n\t\tline-height: 100%;\n\t}\n\t.--list-item-count {\n\t\tmargin-left: 10px;\n\t\tpadding: 0.1rem 0.4rem;\n\t\tfont-size: 0.8rem;\n\t\tcolor: #424242;\n\t\tbackground-color: #dee1e6;\n\t\tborder-radius: 8px;\n\t}\n\t&.-selected-item {\n\t\tfont-weight: 700 !important;\n\t}\n\t&.-expanded-item {\n\t\t& > a {\n\t\t\t& div > .--switcher-icon {\n\t\t\t\ttransform: rotate(90deg);\n\t\t\t}\n\t\t}\n\t}\n\t.--list-item-label-count-wrapper {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\t&:hover {\n\t\t\t.--list-item-count,\n\t\t\t.--list-item-label {\n\t\t\t\tfont-weight: 700;\n\t\t\t}\n\t\t}\n\t}\n"])), function (props) {
 	  return !props.showLine && "\n\t\t\t\t\tdisplay: none;\n\t\t\t\t";
 	});
 
@@ -29755,26 +31638,26 @@
 	// Add componentType for SSR
 	TreeListConnected.componentType = constants_1$1.treeList;
 
-	var _templateObject$n, _templateObject2$b;
+	var _templateObject$o, _templateObject2$c;
 	var small = "\n\tmin-height: 0;\n\theight: 30px;\n\tborder: 0;\n\tbox-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;\n\tborder-radius: 2px;\n";
 	var dark$2 = function dark(_ref) {
 	  var theme = _ref.theme;
 	  return "\n\tbackground-color: " + (theme.colors ? theme.colors.backgroundColor : '') + ";\n\tborder-color: " + (theme.colors ? theme.colors.borderColor : '') + ";\n\tcolor: " + (theme.colors ? theme.colors.textColor : '') + ";\n\n\t&:hover,\n\t&:focus {\n\t\tbackground-color: " + (theme.colors ? theme.colors.backgroundColor : '') + ";\n\t}\n";
 	};
-	var Select = styled('button')(_templateObject$n || (_templateObject$n = _taggedTemplateLiteralLoose(["\n\twidth: 100%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tmin-height: 42px;\n\tborder-radius: 0;\n\toutline: none;\n\tpadding: 5px 12px;\n\tfont-size: 0.9rem;\n\tline-height: 1.2rem;\n\tbackground-color: #fff;\n\tborder: 1px solid #ccc;\n\tcolor: #424242;\n\tcursor: pointer;\n\tuser-select: none;\n\ttransition: all 0.3s ease;\n\n\t", ";\n\n\t& > div {\n\t\twidth: calc(100% - 24px);\n\t\twhite-space: nowrap;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\ttext-align: left;\n\t}\n\n\t&:hover,\n\t&:focus {\n\t\tbackground-color: #fcfcfc;\n\t}\n\n\t", ";\n"])), function (props) {
+	var Select = styled('button')(_templateObject$o || (_templateObject$o = _taggedTemplateLiteralLoose(["\n\twidth: 100%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tmin-height: 42px;\n\tborder-radius: 0;\n\toutline: none;\n\tpadding: 5px 12px;\n\tfont-size: 0.9rem;\n\tline-height: 1.2rem;\n\tbackground-color: #fff;\n\tborder: 1px solid #ccc;\n\tcolor: #424242;\n\tcursor: pointer;\n\tuser-select: none;\n\ttransition: all 0.3s ease;\n\n\t", ";\n\n\t& > div {\n\t\twidth: calc(100% - 24px);\n\t\twhite-space: nowrap;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\ttext-align: left;\n\t}\n\n\t&:hover,\n\t&:focus {\n\t\tbackground-color: #fcfcfc;\n\t}\n\n\t", ";\n"])), function (props) {
 	  return props.small ? small : null;
 	}, function (_ref2) {
 	  var themePreset = _ref2.themePreset;
 	  return themePreset === 'dark' && dark$2;
 	});
-	var Tick = styled('span')(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteralLoose(["\n\twidth: 16px;\n\theight: 16px;\n\tdisplay: inline-block;\n\tposition: relative;\n\tuser-select: none;\n\talign-items: center;\n\n\t&::after {\n\t\tbox-sizing: content-box;\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tbackground-color: transparent;\n\t\ttop: 50%;\n\t\tleft: 0;\n\t\twidth: 8px;\n\t\theight: 4px;\n\t\tmargin-top: -4px;\n\t\tborder-style: solid;\n\t\tborder-color: ", ";\n\t\tborder-width: 0 0 2px 2px;\n\t\tborder-radius: 0;\n\t\tborder-image: none;\n\t\ttransform: rotate(-45deg) scale(1);\n\t\ttransition: all 200ms ease-out;\n\t}\n"])), function (_ref3) {
+	var Tick = styled('span')(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteralLoose(["\n\twidth: 16px;\n\theight: 16px;\n\tdisplay: inline-block;\n\tposition: relative;\n\tuser-select: none;\n\talign-items: center;\n\n\t&::after {\n\t\tbox-sizing: content-box;\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tbackground-color: transparent;\n\t\ttop: 50%;\n\t\tleft: 0;\n\t\twidth: 8px;\n\t\theight: 4px;\n\t\tmargin-top: -4px;\n\t\tborder-style: solid;\n\t\tborder-color: ", ";\n\t\tborder-width: 0 0 2px 2px;\n\t\tborder-radius: 0;\n\t\tborder-image: none;\n\t\ttransform: rotate(-45deg) scale(1);\n\t\ttransition: all 200ms ease-out;\n\t}\n"])), function (_ref3) {
 	  var theme = _ref3.theme;
 	  return theme.colors.primaryColor;
 	});
 
-	var _templateObject$o;
+	var _templateObject$p;
 	var open = "\n\ttop: 0.55em;\n\ttransform: rotate(-45deg);\n";
-	var Chevron = styled('span')(_templateObject$o || (_templateObject$o = _taggedTemplateLiteralLoose(["\n\t&::before {\n\t\tcontent: '';\n\t\tborder-style: solid;\n\t\tborder-width: 0.15em 0.15em 0 0;\n\t\tdisplay: inline-block;\n\t\theight: 0.45em;\n\t\tposition: relative;\n\t\ttop: 0.35em;\n\t\tleft: 0;\n\t\ttransform: rotate(135deg);\n\t\tvertical-align: top;\n\t\twidth: 0.45em;\n\n\t\t", ";\n\t}\n"])), function (props) {
+	var Chevron = styled('span')(_templateObject$p || (_templateObject$p = _taggedTemplateLiteralLoose(["\n\t&::before {\n\t\tcontent: '';\n\t\tborder-style: solid;\n\t\tborder-width: 0.15em 0.15em 0 0;\n\t\tdisplay: inline-block;\n\t\theight: 0.45em;\n\t\tposition: relative;\n\t\ttop: 0.35em;\n\t\tleft: 0;\n\t\ttransform: rotate(135deg);\n\t\tvertical-align: top;\n\t\twidth: 0.45em;\n\n\t\t", ";\n\t}\n"])), function (props) {
 	  return props.open ? open : null;
 	});
 
@@ -31488,8 +33371,8 @@
 	  }
 	});
 
-	var _templateObject$p;
-	var Slider = styled('div')(_templateObject$p || (_templateObject$p = _taggedTemplateLiteralLoose(["\n\tmargin-top: 30px;\n\tpadding: 10px;\n\n\t/* component style */\n\t.vue-slider-disabled {\n\t\topacity: 0.5;\n\t\tcursor: not-allowed;\n\t}\n\n\t/* rail style */\n\t.vue-slider-rail {\n\t\tbackground-color: #ccc;\n\t\tborder-radius: 15px;\n\t\theight: 4px;\n\t}\n\n\t/* process style */\n\t.vue-slider-process {\n\t\tbackground-color: #0b6aff;\n\t\tborder-radius: 15px;\n\t}\n\n\t/* mark style */\n\t.vue-slider-mark {\n\t\tz-index: 4;\n\t}\n\n\t.vue-slider-mark:first-child .vue-slider-mark-step,\n\t.vue-slider-mark:last-child .vue-slider-mark-step {\n\t\tdisplay: none;\n\t}\n\n\t.vue-slider-mark-step {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tborder-radius: 50%;\n\t\tbackground-color: rgba(0, 0, 0, 0.16);\n\t}\n\n\t.vue-slider-mark-label {\n\t\tfont-size: 14px;\n\t\twhite-space: nowrap;\n\t}\n\n\t/* dot style */\n\t.vue-slider-dot {\n\t\tz-index: 2;\n\t}\n\n\t.vue-slider-dot-handle {\n\t\tcursor: pointer;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tborder-radius: 50%;\n\t\tbackground-color: #fff;\n\t\tbox-sizing: border-box;\n\t\tborder: 1px solid #9a9a9a;\n\t\tz-index: 2;\n\t\tbox-shadow: 0.5px 0.5px 2px 1px rgb(0 0 0 / 32%);\n\t}\n\n\t.vue-slider-dot-handle-disabled {\n\t\tcursor: not-allowed;\n\t\tbackground-color: #ccc;\n\t}\n\n\t.vue-slider-dot-tooltip-inner {\n\t\tfont-size: 14px;\n\t\twhite-space: nowrap;\n\t\tpadding: 2px 5px;\n\t\tmin-width: 20px;\n\t\ttext-align: center;\n\t\tcolor: #fff;\n\t\tborder-radius: 5px;\n\t\tborder: 1px solid #3498db;\n\t\tbackground-color: #3498db;\n\t\tbox-sizing: content-box;\n\t}\n\n\t.vue-slider-dot-tooltip-inner::after {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-top::after {\n\t\ttop: 100%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, 0);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-top-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-bottom::after {\n\t\tbottom: 100%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, 0);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-bottom-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-left::after {\n\t\tleft: 100%;\n\t\ttop: 50%;\n\t\ttransform: translate(0, -50%);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-left-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-right::after {\n\t\tright: 100%;\n\t\ttop: 50%;\n\t\ttransform: translate(0, -50%);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-right-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-wrapper {\n\t\topacity: 0;\n\t\ttransition: all 0.3s;\n\t}\n\t.vue-slider-dot-tooltip-wrapper-show {\n\t\topacity: 1;\n\t}\n\n\t.label-container {\n\t\tmargin: 10px 0;\n\t\twidth: 100%;\n\t}\n\n\t.range-label-right {\n\t\tfloat: right;\n\t}\n"])));
+	var _templateObject$q;
+	var Slider = styled('div')(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose(["\n\tmargin-top: 30px;\n\tpadding: 10px;\n\n\t/* component style */\n\t.vue-slider-disabled {\n\t\topacity: 0.5;\n\t\tcursor: not-allowed;\n\t}\n\n\t/* rail style */\n\t.vue-slider-rail {\n\t\tbackground-color: #ccc;\n\t\tborder-radius: 15px;\n\t\theight: 4px;\n\t}\n\n\t/* process style */\n\t.vue-slider-process {\n\t\tbackground-color: #0b6aff;\n\t\tborder-radius: 15px;\n\t}\n\n\t/* mark style */\n\t.vue-slider-mark {\n\t\tz-index: 4;\n\t}\n\n\t.vue-slider-mark:first-child .vue-slider-mark-step,\n\t.vue-slider-mark:last-child .vue-slider-mark-step {\n\t\tdisplay: none;\n\t}\n\n\t.vue-slider-mark-step {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tborder-radius: 50%;\n\t\tbackground-color: rgba(0, 0, 0, 0.16);\n\t}\n\n\t.vue-slider-mark-label {\n\t\tfont-size: 14px;\n\t\twhite-space: nowrap;\n\t}\n\n\t/* dot style */\n\t.vue-slider-dot {\n\t\tz-index: 2;\n\t}\n\n\t.vue-slider-dot-handle {\n\t\tcursor: pointer;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tborder-radius: 50%;\n\t\tbackground-color: #fff;\n\t\tbox-sizing: border-box;\n\t\tborder: 1px solid #9a9a9a;\n\t\tz-index: 2;\n\t\tbox-shadow: 0.5px 0.5px 2px 1px rgb(0 0 0 / 32%);\n\t}\n\n\t.vue-slider-dot-handle-disabled {\n\t\tcursor: not-allowed;\n\t\tbackground-color: #ccc;\n\t}\n\n\t.vue-slider-dot-tooltip-inner {\n\t\tfont-size: 14px;\n\t\twhite-space: nowrap;\n\t\tpadding: 2px 5px;\n\t\tmin-width: 20px;\n\t\ttext-align: center;\n\t\tcolor: #fff;\n\t\tborder-radius: 5px;\n\t\tborder: 1px solid #3498db;\n\t\tbackground-color: #3498db;\n\t\tbox-sizing: content-box;\n\t}\n\n\t.vue-slider-dot-tooltip-inner::after {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-top::after {\n\t\ttop: 100%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, 0);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-top-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-bottom::after {\n\t\tbottom: 100%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, 0);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-bottom-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-left::after {\n\t\tleft: 100%;\n\t\ttop: 50%;\n\t\ttransform: translate(0, -50%);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-left-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-right::after {\n\t\tright: 100%;\n\t\ttop: 50%;\n\t\ttransform: translate(0, -50%);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-right-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-wrapper {\n\t\topacity: 0;\n\t\ttransition: all 0.3s;\n\t}\n\t.vue-slider-dot-tooltip-wrapper-show {\n\t\topacity: 1;\n\t}\n\n\t.label-container {\n\t\tmargin: 10px 0;\n\t\twidth: 100%;\n\t}\n\n\t.range-label-right {\n\t\tfloat: right;\n\t}\n"])));
 
 	var global$1 = typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {};
 
@@ -32609,12 +34492,12 @@
 	// Add componentType for SSR
 	RangeConnected$3.componentType = constants_1$1.rangeSlider;
 
-	var _templateObject$q;
+	var _templateObject$r;
 	var alert = function alert(_ref) {
 	  var theme = _ref.theme;
 	  return "\n\tcolor: " + theme.colors.alertColor + ";\n";
 	};
-	var Content = styled('div')(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose(["\n\t", ";\n\tfont-size: 13px;\n\tmargin: 8px;\n"])), function (props) {
+	var Content = styled('div')(_templateObject$r || (_templateObject$r = _taggedTemplateLiteralLoose(["\n\t", ";\n\tfont-size: 13px;\n\tmargin: 8px;\n"])), function (props) {
 	  return props.alert && alert;
 	});
 
@@ -38438,9 +40321,9 @@
 	  }
 	};
 
-	var _templateObject$r, _templateObject2$c, _templateObject3$8;
-	var MapPin = styled('div')(_templateObject$r || (_templateObject$r = _taggedTemplateLiteralLoose(["\n\theight: 24px;\n\twidth: auto;\n\tbackground-color: #fff;\n\tborder-radius: 2px;\n\tcolor: #222;\n\tbox-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);\n\tpadding: 3px 6px;\n\tfont-size: 15px;\n"])));
-	var MapPinArrow = styled('div')(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteralLoose(["\n\tborder-color: rgba(0, 0, 0, 0.2);\n\tborder-style: solid;\n\tborder-width: 0 1px 1px 0;\n\tmargin-left: -6px;\n\tbackground-color: #fff;\n\tmargin-top: -6px;\n\twidth: 12px;\n\theight: 12px;\n\t-webkit-transform: rotate(45deg);\n\t-ms-transform: rotate(45deg);\n\ttransform: rotate(45deg);\n"])));
+	var _templateObject$s, _templateObject2$d, _templateObject3$8;
+	var MapPin = styled('div')(_templateObject$s || (_templateObject$s = _taggedTemplateLiteralLoose(["\n\theight: 24px;\n\twidth: auto;\n\tbackground-color: #fff;\n\tborder-radius: 2px;\n\tcolor: #222;\n\tbox-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);\n\tpadding: 3px 6px;\n\tfont-size: 15px;\n"])));
+	var MapPinArrow = styled('div')(_templateObject2$d || (_templateObject2$d = _taggedTemplateLiteralLoose(["\n\tborder-color: rgba(0, 0, 0, 0.2);\n\tborder-style: solid;\n\tborder-width: 0 1px 1px 0;\n\tmargin-left: -6px;\n\tbackground-color: #fff;\n\tmargin-top: -6px;\n\twidth: 12px;\n\theight: 12px;\n\t-webkit-transform: rotate(45deg);\n\t-ms-transform: rotate(45deg);\n\ttransform: rotate(45deg);\n"])));
 	var mapPinWrapper = css(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteralLoose(["\n\t&:hover,\n\t&:focus {\n\t\tz-index: 200;\n\t}\n"])));
 
 	var recordResultClick$3 = lib_5.recordResultClick;
@@ -38769,7 +40652,7 @@
 	  }
 	};
 
-	var _templateObject$s;
+	var _templateObject$t;
 	var ReactiveGoogleMap = {
 	  name: 'ReactiveGoogleMap',
 	  props: {
@@ -38844,7 +40727,7 @@
 	        "style": {
 	          height: '100%'
 	        },
-	        "class": css(_templateObject$s || (_templateObject$s = _taggedTemplateLiteralLoose(["\n\t\t\t\t\t\t\theight: 100%;\n\t\t\t\t\t\t"]))),
+	        "class": css(_templateObject$t || (_templateObject$t = _taggedTemplateLiteralLoose(["\n\t\t\t\t\t\t\theight: 100%;\n\t\t\t\t\t\t"]))),
 	        "options": {
 	          zoomControl: true
 	        },
@@ -39103,7 +40986,7 @@
 	  httpEquiv: "http-equiv"
 	};
 	var escapeRE = /["'&<>]/;
-	function escapeHtml$1(string) {
+	function escapeHtml$2(string) {
 	  var str = "" + string;
 	  var match = escapeRE.exec(str);
 	  if (!match) {
@@ -39173,7 +41056,7 @@
 	  if (isBooleanAttr(attrKey)) {
 	    return includeBooleanAttr(value) ? " " + attrKey : "";
 	  } else if (isSSRSafeAttrName(attrKey)) {
-	    return value === "" ? " " + attrKey : " " + attrKey + "=\"" + escapeHtml$1(value) + "\"";
+	    return value === "" ? " " + attrKey : " " + attrKey + "=\"" + escapeHtml$2(value) + "\"";
 	  } else {
 	    console.warn("[@vue/server-renderer] Skipped rendering unsafe attribute name: " + attrKey);
 	    return "";
@@ -39187,17 +41070,17 @@
 	  return type === "string" || type === "number" || type === "boolean";
 	}
 	function ssrRenderClass(raw) {
-	  return escapeHtml$1(normalizeClass(raw));
+	  return escapeHtml$2(normalizeClass(raw));
 	}
 	function ssrRenderStyle(raw) {
 	  if (!raw) {
 	    return "";
 	  }
 	  if (isString(raw)) {
-	    return escapeHtml$1(raw);
+	    return escapeHtml$2(raw);
 	  }
 	  var styles = normalizeStyle(raw);
-	  return escapeHtml$1(stringifyStyle(styles));
+	  return escapeHtml$2(stringifyStyle(styles));
 	}
 	function ssrRenderTeleport(parentPush, contentRenderFn, target, disabled, parentComponent) {
 	  parentPush("<!--teleport start-->");
@@ -39360,7 +41243,7 @@
 	    children = vnode.children;
 	  switch (type) {
 	    case vue.Text:
-	      push(escapeHtml$1(children));
+	      push(escapeHtml$2(children));
 	      break;
 	    case vue.Comment:
 	      push(children ? "<!--" + escapeHtmlComment(children) + "-->" : "<!---->");
@@ -39433,15 +41316,15 @@
 	        push(props.innerHTML);
 	      } else if (props.textContent) {
 	        hasChildrenOverride = true;
-	        push(escapeHtml$1(props.textContent));
+	        push(escapeHtml$2(props.textContent));
 	      } else if (tag === "textarea" && props.value) {
 	        hasChildrenOverride = true;
-	        push(escapeHtml$1(props.value));
+	        push(escapeHtml$2(props.value));
 	      }
 	    }
 	    if (!hasChildrenOverride) {
 	      if (shapeFlag & 8) {
-	        push(escapeHtml$1(children));
+	        push(escapeHtml$2(children));
 	      } else if (shapeFlag & 16) {
 	        renderVNodeChildren(push, children, parentComponent, slotScopeId);
 	      }
@@ -39948,7 +41831,7 @@
 	  }, queryString, renderFunction);
 	}
 
-	var version = "3.0.0-rc.6.4";
+	var version = "3.0.0-rc.6.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) {