@appbaseio/reactivesearch-vue 3.0.0-rc.8 → 3.0.0-rc.9

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

@@ -8247,14 +8247,14 @@
 	        var chunk = decoder.decode(value, {
 	          stream: true
 	        });
-	        var regex = /\n\n(?=data:)/;
+	        var regex = /\n\n(?=data:|$)/;
 	        var lines = chunk.split(regex);
 	        var shouldStop = false;
 	        for (var i = 0; i < lines.length; i++) {
 	          var line = lines[i];
 	          if (line.startsWith('data: ')) {
 	            var content = line.slice(6);
-	            if (content === '[DONE]\n\n') {
+	            if (content === '[DONE]') {
 	              shouldStop = true;
 	              if (Promise.resolve(metaInfoPromise) === metaInfoPromise) {
 	                metaInfoPromise.then(function (resMeta) {
@@ -8800,7 +8800,27 @@
 	      analyticsInstance.saveSessionUsefulness(sessionId, _extends({}, otherInfo, {
 	        userID: userID
 	      }), function (err, res) {
-	        console.log('res', res);
+	        res._bodyBlob.text().then(function (textData) {
+	          try {
+	            var parsedErrorRes = JSON.parse(textData);
+	            if (parsedErrorRes.error) {
+	              var errorCode = parsedErrorRes.error.code;
+	              var errorMessage = parsedErrorRes.error.message;
+	              var finalErrorMessage = 'There was an error recording the usefulness of the session. \n\n';
+	              if (errorCode) {
+	                finalErrorMessage += errorCode;
+	              }
+	              if (errorMessage) {
+	                finalErrorMessage += '' + (errorCode ? ': ' : '') + errorMessage;
+	              }
+	              console.error(finalErrorMessage);
+	            }
+	          } catch (error) {
+	            console.error('There was an error recording the usefulness of the session. \n\n');
+	          }
+	        })["catch"](function (error) {
+	          console.error('Error reading  component error text data:', error);
+	        });
 	      });
 	    };
 	  }
@@ -23119,1799 +23139,196 @@
 	  return this.renderer.render(this.parseInline(str, env), this.options, env);
 	};
 
-	/**
-	 * 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
-	}
+	var _templateObject$8;
+	var InputGroup = styled('div')(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\talign-items: stretch;\n\twidth: 100%;\n"])));
+	InputGroup.defaultProps = {
+	  className: 'input-group'
+	};
 
-	/**
-	 * 匹配到不在白名单上的一个属性时
-	 *
-	 * @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;
+	var _templateObject$9;
+	var InputWrapper = styled('span')(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteralLoose(["\n\tflex: 1;\n\tposition: relative;\n\theight: 42px;\n"])));
 
-	/**
-	 * 过滤属性值
-	 *
-	 * @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 _templateObject$a;
+	var InputAddon = styled('span')(_templateObject$a || (_templateObject$a = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: #fafafa;\n  border: 1px solid #ccc;\n  border-radius: 2px;\n  color: rgba(0, 0, 0, 0.85);\n  font-size: 14px;\n  font-weight: 400;\n  padding: 0 11px;\n  position: relative;\n  transition: all 0.3s;\n  box-sizing: border-box;\n  overflow: hidden;\n\n  &:first-of-type {\n    border-right: none;\n  }\n  &:last-of-type {\n    border-left: none;\n  }\n"])));
+	InputAddon.defaultProps = {
+	  className: 'input-addon'
 	};
 
-	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, '');
-	  }
+	var _templateObject$b, _templateObject2$4, _templateObject3$3, _templateObject4$1, _templateObject5$1, _templateObject6;
+	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 dark$1 = function dark(theme) {
+	  return "\n\tborder-color: " + theme.colors.borderColor + ";\n";
+	};
+	var darkInput = function darkInput(_ref2) {
+	  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
+	  });
+	}, function (props) {
+	  return props.showIcon && props.iconPosition === 'left' && "\n\t\t\tpadding-left: 36px;\n\t\t";
+	}, function (props) {
+	  return props.showIcon && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 36px;\n\t\t";
+	}, function (props) {
+	  return (
+	    // for clear icon
+	    props.showClear && "\n\t\t\tpadding-right: 36px;\n\t\t"
+	  );
+	}, function (props) {
+	  return (
+	    // for voice search icon
+	    props.showVoiceSearch && "\n\t\t\tpadding-right: 36px;\n\t\t"
+	  );
+	}, function (props) {
+	  return (
+	    // for clear icon with search icon
+	    props.showClear && props.showIcon && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 66px;\n\t\t"
+	  );
+	}, 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"
+	  );
+	}, function (props) {
+	  return (
+	    // for voice search icon with clear icon
+	    props.showVoiceSearch && props.showIcon && "\n\t\t\tpadding-right: 66px;\n\t\t"
+	  );
+	}, function (props) {
+	  return (
+	    // for clear icon with search icon and voice search
+	    props.showClear && props.showIcon && props.showVoiceSearch && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 90px;\n\t\t"
+	  );
+	}, function (props) {
+	  return props.alert && alertBorder;
+	});
+	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 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));
+	};
+	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 themePreset = _ref4.themePreset,
+	    theme = _ref4.theme;
+	  return themePreset === 'dark' && darkInput({
+	    theme: theme
+	  });
+	}, function (props) {
+	  return props.showIcon && props.iconPosition === 'left' && "\n\t\t\tpadding-left: 36px;\n\t\t";
+	}, function (props) {
+	  return props.showIcon && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 36px;\n\t\t";
+	}, function (props) {
+	  return (
+	    // for clear icon
+	    props.showClear && "\n\t\t\tpadding-right: 36px;\n\t\t"
+	  );
+	}, function (props) {
+	  return (
+	    // for voice search icon
+	    props.showVoiceSearch && "\n\t\t\tpadding-right: 36px;\n\t\t"
+	  );
+	}, function (props) {
+	  return props.showFocusShortcutsIcon && "\n\t\t\tpadding-right: 20px;\n\t\t";
+	}, function (props) {
+	  return props.showIcon && props.showFocusShortcutsIcon && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 66px;\n\t\t";
+	}, function (props) {
+	  return (
+	    // for voice search icon with focusshortcut  icon
+	    props.showVoiceSearch && props.showFocusShortcutsIcon && "\n\t\t\tpadding-right: 50px;\n\t\t"
+	  );
+	}, function (props) {
+	  return (
+	    // for clear icon with search icon
+	    props.showClear && props.showIcon && props.iconPosition === 'right' && "\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"
+	  );
+	}, 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"
+	  );
+	}, function (props) {
+	  return (
+	    // for voice search icon with focusshortcut  icon and clear icon
+	    props.showVoiceSearch && props.showFocusShortcutsIcon && props.showClear && "\n\t\t\tpadding-right: 80px;\n\t\t"
+	  );
+	}, function (props) {
+	  return (
+	    // for search icon with focusshortcut  icon
+	    props.showIcon && props.showFocusShortcutsIcon && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 66px;\n\t\t"
+	  );
+	}, function (props) {
+	  return (
+	    // for clear icon with search icon and voice search
+	    props.showClear && props.showIcon && props.showVoiceSearch && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 90px;\n\t\t"
+	  );
+	}, function (props) {
+	  return (
+	    // for clear icon with search icon, focusshortcut icon and voice search
+	    props.showClear && props.showIcon && props.showVoiceSearch && props.iconPosition === 'right' && props.showFocusShortcutsIcon && "\n\t\t\tpadding-right: 106px;\n\t\t"
+	  );
+	}, 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"])));
+	});
 
-	/**
-	 * 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;
+	var _templateObject$c;
+	var IconGroup = styled('div')(_templateObject$c || (_templateObject$c = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tgrid-gap: 6px;\n\tmargin: 0 10px;\n\theight: 100%;\n\n\t", ";\n\n\t", ";\n\n\t", ";\n"])), function (_ref) {
+	  var positionType = _ref.positionType;
+	  if (positionType === 'absolute') {
+	    return "\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 50%;\n\t\t\t\ttransform: translateY(-50%);\n\t\t\t";
+	  }
+	  return null;
+	}, function (_ref2) {
+	  var groupPosition = _ref2.groupPosition;
+	  return groupPosition === 'right' ? "\n\t\t\t\t\tright: 0;\n\t\t\t  " : "\n\t\t\t\t\tleft: 0;\n\t\t\t  ";
+	}, function (_ref3) {
+	  var enableAI = _ref3.enableAI;
+	  return enableAI ? "\n\t\ttop: 0%;\n\t    transform: translateY(0);\n    \theight: 42px;\n\t" : '';
+	});
 
-	/**
-	 * cssfilter
-	 *
-	 * @author 老雷<leizongmin@gmail.com>
-	 */
+	var _templateObject$d;
+	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;
+	  return theme.colors ? theme.colors.primaryColor : 'unset';
+	}, function (_ref2) {
+	  var _ref2$theme = _ref2.theme,
+	    theme = _ref2$theme === void 0 ? {} : _ref2$theme;
+	  return theme.colors ? theme.colors.borderColor : '#000';
+	});
 
-	/**
-	 * 返回值是否为空
-	 *
-	 * @param {Object} obj
-	 * @return {Boolean}
-	 */
-	function isNull(obj) {
-	  return obj === undefined || obj === null;
-	}
+	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};
 
 	/**
-	 * 浅拷贝对象
-	 *
-	 * @param {Object} obj
-	 * @return {Object}
+	 * Scroll node into view if necessary
+	 * @param {HTMLElement} node the element that should scroll into view
+	 * @param {HTMLElement} rootNode the root element of the component
 	 */
-	function shallowCopyObject(obj) {
-	  var ret = {};
-	  for (var i in obj) {
-	    ret[i] = obj[i];
+	// eslint-disable-next-line
+	var scrollIntoView = function scrollIntoView(node, rootNode) {
+	  if (node === null) {
+	    return;
 	  }
-	  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$1(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$1(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$1;
-	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 _templateObject$8;
-	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\t", "\n\t};\n"])), function (_ref) {
-	  var theme = _ref.theme,
-	    searchBox = _ref.searchBox;
-	  return searchBox && "background-color: " + (theme.colors.backgroundColor || '#fafafa') + ";\n\t\tcolor: " + (theme.colors.textColor || '#fff') + ";\n\n\t\t&:focus-within {\n\t\t\tbackground-color: " + (theme.colors.backgroundColor || '#fff') + ";\n\t\t}";
-	}, function (props) {
-	  return props.isOpen && 'box-shadow: rgb(0 0 0 / 20%) 0px 0px 15px;';
-	});
-	InputGroup.defaultProps = {
-	  className: 'input-group'
-	};
-
-	var _templateObject$9;
-	var InputWrapper = styled('span')(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteralLoose(["\n\tflex: 1;\n\tposition: relative;\n\theight: 42px;\n"])));
-
-	var _templateObject$a;
-	var InputAddon = styled('span')(_templateObject$a || (_templateObject$a = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: #fafafa;\n  border: 1px solid #ccc;\n  border-radius: 2px;\n  color: rgba(0, 0, 0, 0.85);\n  font-size: 14px;\n  font-weight: 400;\n  padding: 0 11px;\n  position: relative;\n  transition: all 0.3s;\n  box-sizing: border-box;\n  overflow: hidden;\n\n  &:first-of-type {\n    border-right: none;\n  }\n  &:last-of-type {\n    border-left: none;\n  }\n"])));
-	InputAddon.defaultProps = {
-	  className: 'input-addon'
-	};
-
-	var _templateObject$b, _templateObject2$4, _templateObject3$3, _templateObject4$1, _templateObject5$1, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
-	var alertBorder = function alertBorder(_ref) {
-	  var theme = _ref.theme;
-	  return "\n\tborder: 1px solid " + theme.colors.alertColor + ";\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";
-	};
-	var darkInput = function darkInput(_ref2) {
-	  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\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) {
-	  return props.showIcon && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 36px;\n\t\t";
-	}, function (props) {
-	  return (
-	    // for clear icon
-	    props.showClear && "\n\t\t\tpadding-right: 36px;\n\t\t"
-	  );
-	}, function (props) {
-	  return (
-	    // for voice search icon
-	    props.showVoiceSearch && "\n\t\t\tpadding-right: 36px;\n\t\t"
-	  );
-	}, function (props) {
-	  return (
-	    // for clear icon with search icon
-	    props.showClear && props.showIcon && props.iconPosition === 'right' && "\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"
-	  );
-	}, 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"
-	  );
-	}, function (props) {
-	  return (
-	    // for clear icon with search icon and voice search
-	    props.showClear && props.showIcon && props.showVoiceSearch && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 90px;\n\t\t"
-	  );
-	}, 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 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(_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')(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\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\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\t", "\n"])), input, function (_ref4) {
-	  var themePreset = _ref4.themePreset,
-	    theme = _ref4.theme;
-	  return themePreset === 'dark' && darkInput({
-	    theme: theme
-	  });
-	}, function (props) {
-	  return props.showIcon && props.iconPosition === 'left' && "\n\t\t\tpadding-left: 36px;\n\t\t";
-	}, function (props) {
-	  return props.showIcon && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 36px;\n\t\t";
-	}, function (props) {
-	  return (
-	    // for clear icon
-	    props.showClear && "\n\t\t\tpadding-right: 36px;\n\t\t"
-	  );
-	}, function (props) {
-	  return (
-	    // for voice search icon
-	    props.showVoiceSearch && "\n\t\t\tpadding-right: 36px;\n\t\t"
-	  );
-	}, function (props) {
-	  return props.showFocusShortcutsIcon && "\n\t\t\tpadding-right: 20px;\n\t\t";
-	}, function (props) {
-	  return props.showIcon && props.showFocusShortcutsIcon && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 66px;\n\t\t";
-	}, function (props) {
-	  return (
-	    // for voice search icon with focusshortcut  icon
-	    props.showVoiceSearch && props.showFocusShortcutsIcon && "\n\t\t\tpadding-right: 50px;\n\t\t"
-	  );
-	}, function (props) {
-	  return (
-	    // for clear icon with search icon
-	    props.showClear && props.showIcon && props.iconPosition === 'right' && "\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"
-	  );
-	}, 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"
-	  );
-	}, function (props) {
-	  return (
-	    // for voice search icon with focusshortcut  icon and clear icon
-	    props.showVoiceSearch && props.showFocusShortcutsIcon && props.showClear && "\n\t\t\tpadding-right: 80px;\n\t\t"
-	  );
-	}, function (props) {
-	  return (
-	    // for search icon with focusshortcut  icon
-	    props.showIcon && props.showFocusShortcutsIcon && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 66px;\n\t\t"
-	  );
-	}, function (props) {
-	  return (
-	    // for clear icon with search icon and voice search
-	    props.showClear && props.showIcon && props.showVoiceSearch && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 90px;\n\t\t"
-	  );
-	}, function (props) {
-	  return (
-	    // for clear icon with search icon, focusshortcut icon and voice search
-	    props.showClear && props.showIcon && props.showVoiceSearch && props.iconPosition === 'right' && props.showFocusShortcutsIcon && "\n\t\t\tpadding-right: 106px;\n\t\t"
-	  );
-	}, function (props) {
-	  return props.alert && alertBorder;
-	}, function (props) {
-	  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"])));
-	}, function (_ref5) {
-	  var searchBox = _ref5.searchBox;
-	  return searchBox && "\n\t\tbackground: none;\n\t\tpadding:0px;\n\t\tpadding-top: 12px;\n\t\tborder: none;\n\t\tline-height: inherit;\n\t\twhite-space: nowrap;\n\t\t&:focus {\n\t\t\tbackground: none;\n\t\t}\n\t";
-	});
-	var Actions = styled('div')(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n"])));
-
-	var _templateObject$c;
-	var IconGroup = styled('div')(_templateObject$c || (_templateObject$c = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tgrid-gap: 6px;\n\tmargin: 0 10px;\n\theight: 100%;\n\n\t", ";\n\n\t", ";\n\n\t", ";\n"])), function (_ref) {
-	  var positionType = _ref.positionType;
-	  if (positionType === 'absolute') {
-	    return "\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 50%;\n\t\t\t\ttransform: translateY(-50%);\n\t\t\t";
-	  }
-	  return null;
-	}, function (_ref2) {
-	  var groupPosition = _ref2.groupPosition;
-	  return groupPosition === 'right' ? "\n\t\t\t\t\tright: 0;\n\t\t\t  " : "\n\t\t\t\t\tleft: 0;\n\t\t\t  ";
-	}, function (_ref3) {
-	  var enableAI = _ref3.enableAI;
-	  return enableAI ? "\n\t\ttop: 0%;\n\t    transform: translateY(0);\n    \theight: 42px;\n\t" : '';
-	});
-
-	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;
-	  return theme.colors ? theme.colors.primaryColor : 'unset';
-	}, function (_ref2) {
-	  var _ref2$theme = _ref2.theme,
-	    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};
-
-	/**
-	 * Scroll node into view if necessary
-	 * @param {HTMLElement} node the element that should scroll into view
-	 * @param {HTMLElement} rootNode the root element of the component
-	 */
-	// eslint-disable-next-line
-	var scrollIntoView = function scrollIntoView(node, rootNode) {
-	  if (node === null) {
-	    return;
-	  }
-	  var actions = i$3(node, {
-	    boundary: rootNode,
-	    block: 'nearest',
-	    scrollMode: 'if-needed'
+	  var actions = i$3(node, {
+	    boundary: rootNode,
+	    block: 'nearest',
+	    scrollMode: 'if-needed'
 	  });
 	  actions.forEach(function (_ref) {
 	    var el = _ref.el,
@@ -26377,16 +24794,13 @@
 	  }
 	};
 
-	var _templateObject$h, _templateObject2$6;
+	var _templateObject$h, _templateObject2$5;
 	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$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;
-	var AutosuggestFooterContainer = styled('div')(_templateObject$i || (_templateObject$i = _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 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 _templateObject$j, _templateObject2$7, _templateObject3$4;
-	var skeletonAnimation = keyframes(_templateObject$j || (_templateObject$j = _taggedTemplateLiteralLoose(["\n  0% {\n    background-position: 100% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n"])));
-	var SkeletonLoader = styled('div')(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 10px;\n"])));
+	var _templateObject$i, _templateObject2$6, _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 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',
@@ -26399,11 +24813,11 @@
 	  }
 	});
 
-	var _templateObject$k, _templateObject2$8, _templateObject3$5, _templateObject4$2, _templateObject5$2, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11;
-	var Chatbox = styled('div')(_templateObject$k || (_templateObject$k = _taggedTemplateLiteralLoose(["\n\tposition: relative;\n\tmargin: 0 auto;\n\tpadding: 10px;\n\tbackground-color: #fafafa;\n\twidth: 100%;\n\tbox-shadow: rgb(0 0 0 / 20%) 0px 0px 6px;\n\tborder-radius: 6px;\n\tmargin-bottom: 20px;\n\tbackground-color: ", ";\n"])), function (props) {
+	var _templateObject$j, _templateObject2$7, _templateObject3$5, _templateObject4$2, _templateObject5$2, _templateObject6$1, _templateObject7, _templateObject8, _templateObject9, _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$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) {
+	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) {
 	  return props.showInput ? 'bottom: 48px;' : '';
 	}, function (props) {
 	  return props.theme && props.theme.colors && props.theme.colors.backgroundColor ? props.theme.colors.backgroundColor : '#fff';
@@ -26440,7 +24854,7 @@
 	  }
 	  return finalBGColor;
 	};
-	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) {
+	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) {
 	  return messageBGColor(props);
 	}, function (props) {
 	  var finalColor;
@@ -26457,8 +24871,8 @@
 	}, function (props) {
 	  return resetCSS(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) {
+	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) {
 	  return props.themePreset === 'dark' ? props.theme.colors.borderColor : '#fff';
 	}, function (props) {
 	  return props.themePreset === 'dark' ? props.theme.colors.titleColor : props.theme.colors.textColor;
@@ -26472,12 +24886,12 @@
 	  var enterButton = _ref.enterButton;
 	  return enterButton && "\n\t\t    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n\t";
 	});
-	var SendButton = styled(Button)(_templateObject10$1 || (_templateObject10$1 = _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 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$l, _templateObject2$9, _templateObject3$6, _templateObject4$3, _templateObject5$3, _templateObject6$2, _templateObject7$2;
-	var fadeInFromBottom = keyframes(_templateObject$l || (_templateObject$l = _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 _templateObject$k, _templateObject2$8, _templateObject3$6, _templateObject4$3, _templateObject5$3, _templateObject6$2, _templateObject7$1;
+	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 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;
@@ -26498,7 +24912,7 @@
 	  var theme = _ref4.theme;
 	  return theme.colors.textColor;
 	});
-	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 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 ThumbsUpSvg = {
 	  name: 'ThumbsUpSvg',
@@ -26749,26 +25163,6 @@
 	    },
 	    stats: function stats() {
 	      return getResultStats$1(this);
-	    },
-	    parsedSuggestions: function parsedSuggestions() {
-	      var suggestionsArray = [];
-	      if (Array.isArray(this.suggestions) && this.suggestions.length) {
-	        suggestionsArray = [].concat(withClickIds(this.suggestions));
-	      }
-	      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: {
@@ -26835,20 +25229,12 @@
 	    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,
@@ -27294,52 +25680,12 @@
 	        }, 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;
 	      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) {
@@ -27495,13 +25841,6 @@
 	        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,
@@ -27529,98 +25868,71 @@
 	      }
 	      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 '/';
-	    },
-	    renderLeftIcons: function renderLeftIcons() {
+	    renderIcons: function renderIcons() {
 	      var _this7 = this;
-	      var _slot3;
+	      var _slot3, _slot4, _slot5;
 	      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;
-	      return vue.createVNode("div", null, [vue.createVNode(IconGroup, {
-	        "groupPosition": "left"
-	      }, {
-	        "default": function _default() {
-	          return [iconPosition === 'left' && showIcon && vue.createVNode(IconWrapper, {
-	            "onClick": _this7.handleSearchIconClick
-	          }, _isSlot$5(_slot3 = _this7.renderIcon()) ? _slot3 : {
-	            "default": function _default() {
-	              return [_slot3];
-	            }
-	          })];
-	        }
-	      })]);
-	    },
-	    renderRightIcons: function renderRightIcons() {
-	      var _this8 = this;
-	      var _slot4, _slot5, _slot6;
-	      var _this$$props4 = this.$props,
-	        iconPosition = _this$$props4.iconPosition,
-	        showClear = _this$$props4.showClear,
-	        innerClass = _this$$props4.innerClass,
-	        getMicInstance = _this$$props4.getMicInstance,
-	        showVoiceSearch = _this$$props4.showVoiceSearch,
-	        showIcon = _this$$props4.showIcon,
-	        showFocusShortcutsIcon = _this$$props4.showFocusShortcutsIcon;
 	      var renderMic = this.$slots.renderMic || this.$props.renderMic;
 	      var currentValue = this.$data.currentValue;
 	      return vue.createVNode("div", null, [vue.createVNode(IconGroup, {
-	        "groupPosition": "right"
+	        "groupPosition": "right",
+	        "positionType": "absolute"
 	      }, {
 	        "default": function _default() {
 	          return [currentValue && showClear && vue.createVNode(IconWrapper, {
-	            "onClick": _this8.clearValue,
+	            "onClick": _this7.clearValue,
 	            "showIcon": showIcon,
 	            "isClearIcon": true
-	          }, _isSlot$5(_slot4 = _this8.renderCancelIcon()) ? _slot4 : {
-	            "default": function _default() {
-	              return [_slot4];
-	            }
-	          }), showFocusShortcutsIcon && vue.createVNode(ButtonIconWrapper, {
-	            "onClick": function onClick(e) {
-	              return _this8.focusSearchBox(e);
-	            }
-	          }, _isSlot$5(_slot5 = _this8.renderShortcut()) ? _slot5 : {
+	          }, _isSlot$5(_slot3 = _this7.renderCancelIcon()) ? _slot3 : {
 	            "default": function _default() {
-	              return [_slot5];
+	              return [_slot3];
 	            }
 	          }), showVoiceSearch && vue.createVNode(Mic, {
 	            "getInstance": getMicInstance,
 	            "render": renderMic,
-	            "handleResult": _this8.handleVoiceResults,
+	            "handleResult": _this7.handleVoiceResults,
 	            "className": getClassName$3(innerClass, 'mic') || null
 	          }, null), iconPosition === 'right' && showIcon && vue.createVNode(IconWrapper, {
-	            "onClick": _this8.handleSearchIconClick
-	          }, _isSlot$5(_slot6 = _this8.renderIcon()) ? _slot6 : {
+	            "onClick": _this7.handleSearchIconClick
+	          }, _isSlot$5(_slot4 = _this7.renderIcon()) ? _slot4 : {
 	            "default": function _default() {
-	              return [_slot6];
+	              return [_slot4];
+	            }
+	          })];
+	        }
+	      }), vue.createVNode(IconGroup, {
+	        "groupPosition": "left",
+	        "positionType": "absolute"
+	      }, {
+	        "default": function _default() {
+	          return [iconPosition === 'left' && showIcon && vue.createVNode(IconWrapper, {
+	            "onClick": _this7.handleSearchIconClick
+	          }, _isSlot$5(_slot5 = _this7.renderIcon()) ? _slot5 : {
+	            "default": function _default() {
+	              return [_slot5];
 	            }
 	          })];
 	        }
 	      })]);
 	    },
 	    focusSearchBox: function focusSearchBox(event) {
-	      var _this$$refs3, _this$$refs3$this$$pr;
+	      var _this$$refs2, _this$$refs2$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$$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
+	      (_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
 	    },
 	    listenForFocusShortcuts: function listenForFocusShortcuts() {
-	      var _this9 = this;
+	      var _this8 = this;
 	      var _this$$props$focusSho = this.$props.focusShortcuts,
 	        focusShortcuts = _this$$props$focusSho === void 0 ? ['/'] : _this$$props$focusSho;
 	      if (isEmpty(focusShortcuts)) {
@@ -27635,7 +25947,7 @@
 	      function (event, handler) {
 	        // Prevent the default refresh event under WINDOWS system
 	        event.preventDefault();
-	        _this9.focusSearchBox(event);
+	        _this8.focusSearchBox(event);
 	      });
 
 	      // if one of modifier keys are used, they are handled below
@@ -27645,7 +25957,7 @@
 	        for (var index = 0; index < modifierKeys.length; index += 1) {
 	          var element = modifierKeys[index];
 	          if (hotkeys[element]) {
-	            _this9.focusSearchBox(event);
+	            _this8.focusSearchBox(event);
 	            break;
 	          }
 	        }
@@ -27657,34 +25969,19 @@
 	      this.currentValue = decodeHtml(value);
 	      this.triggerDefaultQuery(value);
 	    },
-	    renderActionIcon: function renderActionIcon(suggestion) {
-	      var _this10 = this;
+	    renderAutoFill: function renderAutoFill(suggestion) {
+	      var _this9 = this;
 	      var handleAutoFillClick = function handleAutoFillClick(e) {
 	        e.stopPropagation();
-	        _this10.onAutofillClick(suggestion);
+	        _this9.onAutofillClick(suggestion);
 	      };
-	      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;
+	      /* 👇 avoid showing autofill for category suggestions👇 */
+	      return suggestion._category ? null : vue.createVNode(AutoFillSvg, {
+	        "onClick": handleAutoFillClick
+	      }, null);
 	    },
 	    renderTag: function renderTag(item) {
-	      var _this11 = this;
+	      var _this10 = this;
 	      var innerClass = this.$props.innerClass;
 	      return vue.createVNode(TagItem, {
 	        "class": getClassName$3(innerClass, 'selected-tag') || ''
@@ -27695,7 +25992,7 @@
 	            "aria-label": "delete-tag",
 	            "class": "close-icon",
 	            "onClick": function onClick() {
-	              return _this11.clearTag(item);
+	              return _this10.clearTag(item);
 	            }
 	          }, [vue.createVNode(CancelSvg, null, null)])];
 	        }
@@ -27718,7 +26015,7 @@
 	      }
 	    },
 	    renderTags: function renderTags() {
-	      var _this12 = this;
+	      var _this11 = this;
 	      if (!Array.isArray(this.selectedTags)) {
 	        return null;
 	      }
@@ -27732,16 +26029,16 @@
 	      }) : vue.createVNode(TagsContainer, null, {
 	        "default": function _default() {
 	          return [tagsList.map(function (item) {
-	            return _this12.renderTag(item);
+	            return _this11.renderTag(item);
 	          }), shouldRenderClearAllTag && vue.createVNode(TagItem, {
-	            "class": getClassName$3(_this12.$props.innerClass, 'selected-tag') || ''
+	            "class": getClassName$3(_this11.$props.innerClass, 'selected-tag') || ''
 	          }, {
 	            "default": function _default() {
 	              return [vue.createVNode("span", null, [vue.createTextVNode("Clear All")]), vue.createVNode("span", {
 	                "role": "img",
 	                "aria-label": "delete-tag",
 	                "class": "close-icon",
-	                "onClick": _this12.clearAllTags
+	                "onClick": _this11.clearAllTags
 	              }, [vue.createVNode(CancelSvg, null, null)])];
 	            }
 	          })];
@@ -27788,8 +26085,8 @@
 	      return vue.createVNode(HorizontalSkeletonLoader, null, null);
 	    },
 	    renderAIScreenFooter: function renderAIScreenFooter() {
-	      var _slot7;
-	      var _this13 = this;
+	      var _slot6;
+	      var _this12 = this;
 	      var _this$$props$AIUIConf2 = this.$props.AIUIConfig,
 	        AIUIConfig = _this$$props$AIUIConf2 === void 0 ? {} : _this$$props$AIUIConf2;
 	      var _ref6 = AIUIConfig || {},
@@ -27803,9 +26100,9 @@
 	        "themePreset": this.$props.themePreset
 	      }, {
 	        "default": function _default() {
-	          return [vue.createTextVNode("Summary generated using the following sources:"), ' ', vue.createVNode(SourceTags, null, _isSlot$5(_slot7 = _this13.getAISourceObjects().map(function (el) {
+	          return [vue.createTextVNode("Summary generated using the following sources:"), ' ', vue.createVNode(SourceTags, null, _isSlot$5(_slot6 = _this12.getAISourceObjects().map(function (el) {
 	            return vue.createVNode(Button, {
-	              "class": "--ai-source-tag " + (getClassName$3(_this13.$props.innerClass, 'ai-source-tag') || ''),
+	              "class": "--ai-source-tag " + (getClassName$3(_this12.$props.innerClass, 'ai-source-tag') || ''),
 	              "title": el[sourceDocumentLabel],
 	              "info": true,
 	              "onClick": function onClick() {
@@ -27816,16 +26113,16 @@
 	                return [el[sourceDocumentLabel]];
 	              }
 	            });
-	          })) ? _slot7 : {
+	          })) ? _slot6 : {
 	            "default": function _default() {
-	              return [_slot7];
+	              return [_slot6];
 	            }
 	          })];
 	        }
 	      }) : null;
 	    },
 	    renderAIScreen: function renderAIScreen() {
-	      var _this14 = this;
+	      var _this13 = this;
 	      var customAIRenderer = this.$props.renderAIAnswer || this.$slots.renderAIAnswer;
 	      if (customAIRenderer) {
 	        return customAIRenderer({
@@ -27849,11 +26146,11 @@
 	        "hideUI": this.isAIResponseLoading || this.isLoading || !this.sessionIdFromStore,
 	        "key": this.sessionIdFromStore,
 	        "onFeedbackSubmit": function onFeedbackSubmit(useful, reason) {
-	          _this14.feedbackState = {
+	          _this13.feedbackState = {
 	            isRecorded: true,
 	            feedbackType: useful ? 'positive' : 'negative'
 	          };
-	          _this14.recordAISessionUsefulness(_this14.sessionIdFromStore, {
+	          _this13.recordAISessionUsefulness(_this13.sessionIdFromStore, {
 	            useful: useful,
 	            reason: reason
 	          });
@@ -27888,22 +26185,22 @@
 	      });
 	    },
 	    renderAskButtonElement: function renderAskButtonElement() {
-	      var _this15 = this;
-	      var _this$$props5 = this.$props,
-	        AIUIConfig = _this$$props5.AIUIConfig,
-	        innerClass = _this$$props5.innerClass;
+	      var _this14 = this;
+	      var _this$$props4 = this.$props,
+	        AIUIConfig = _this$$props4.AIUIConfig,
+	        innerClass = _this$$props4.innerClass;
 	      var _ref7 = AIUIConfig || {},
 	        askButton = _ref7.askButton;
 	      var renderAskButton = this.$slots.renderAskButton;
 	      if (askButton) {
 	        var getEnterButtonMarkup = function getEnterButtonMarkup() {
 	          if (renderAskButton) {
-	            return renderAskButton(_this15.askButtonOnClick);
+	            return renderAskButton(_this14.askButtonOnClick);
 	          }
 	          return vue.createVNode(Button, {
 	            "class": "enter-btn " + getClassName$3(innerClass, 'ask-button'),
 	            "info": true,
-	            "onClick": _this15.askButtonOnClick
+	            "onClick": _this14.askButtonOnClick
 	          }, {
 	            "default": function _default() {
 	              return [vue.createTextVNode("Ask")];
@@ -27918,7 +26215,7 @@
 	    }
 	  },
 	  render: function render() {
-	    var _this16 = this;
+	    var _this15 = this;
 	    var expandSuggestionsContainer = this.$props.expandSuggestionsContainer;
 	    var _this$$slots = this.$slots,
 	      recentSearchesIcon = _this$$slots.recentSearchesIcon,
@@ -27929,17 +26226,17 @@
 	      "class": this.$props.className
 	    }, {
 	      "default": function _default() {
-	        return [_this16.$props.title && vue.createVNode(Title, {
-	          "class": getClassName$3(_this16.$props.innerClass, 'title') || ''
+	        return [_this15.$props.title && vue.createVNode(Title, {
+	          "class": getClassName$3(_this15.$props.innerClass, 'title') || ''
 	        }, {
 	          "default": function _default() {
-	            return [_this16.$props.title];
+	            return [_this15.$props.title];
 	          }
-	        }), _this16.$props.autosuggest ? vue.createVNode(Downshift, {
-	          "id": _this16.$props.componentId + "-downshift",
-	          "handleChange": _this16.onSuggestionSelected,
-	          "handleMouseup": _this16.handleStateChange,
-	          "isOpen": _this16.$data.isOpen
+	        }), _this15.$props.autosuggest ? vue.createVNode(Downshift, {
+	          "id": _this15.$props.componentId + "-downshift",
+	          "handleChange": _this15.onSuggestionSelected,
+	          "handleMouseup": _this15.handleStateChange,
+	          "isOpen": _this15.$data.isOpen
 	        }, {
 	          "default": function _default(_ref8) {
 	            var getInputEvents = _ref8.getInputEvents,
@@ -27950,229 +26247,156 @@
 	              highlightedIndex = _ref8.highlightedIndex,
 	              setHighlightedIndex = _ref8.setHighlightedIndex;
 	            var renderSuggestionsDropdown = function renderSuggestionsDropdown() {
-	              var getIcon = function getIcon(iconType, item, leaveSpaceForIcon) {
+	              var getIcon = function getIcon(iconType) {
 	                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, [_this16.hasCustomRenderer && _this16.getComponent({
+	              return vue.createVNode("div", null, [_this15.hasCustomRenderer && _this15.getComponent({
 	                isOpen: isOpen,
 	                getItemProps: getItemProps,
 	                getItemEvents: getItemEvents,
 	                highlightedIndex: highlightedIndex
-	              }), _this16.renderErrorComponent(), !_this16.hasCustomRenderer && isOpen && hasSuggestions ? vue.createVNode("ul", {
-	                "class": suggestions$1(_this16.themePreset, _this16.theme) + " " + getClassName$3(_this16.$props.innerClass, 'list') + " " + searchboxSuggestions(_this16.themePreset, _this16.theme) + "\n\t\t\t\t\t\t\t\t\t\t\t\t\t",
+	              }), _this15.renderErrorComponent(), !_this15.hasCustomRenderer && isOpen && hasSuggestions ? vue.createVNode("ul", {
+	                "class": suggestions$1(_this15.themePreset, _this15.theme) + " " + getClassName$3(_this15.$props.innerClass, 'list'),
 	                "ref": _dropdownULRef
-	              }, [_this16.showAIScreen && vue.createVNode(SearchBoxAISection, {
-	                "themePreset": _this16.$props.themePreset
+	              }, [_this15.showAIScreen && vue.createVNode(SearchBoxAISection, {
+	                "themePreset": _this15.$props.themePreset
 	              }, {
 	                "default": function _default() {
-	                  return [_this16.renderAIScreen(), ' ', _this16.renderErrorComponent(true)];
-	                }
-	              }), !_this16.showAIScreen && _this16.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(_this16.$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(_this16.$props.innerClass, 'active-suggestion-item') : "li-item " + getClassName$3(_this16.$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(_this16.$props.innerClass, 'active-suggestion-item') : "li-item " + getClassName$3(_this16.$props.innerClass, 'suggestion-item'))
-	                    }), [vue.createVNode("div", {
-	                      "style": {
-	                        padding: '0 10px 0 0',
-	                        display: 'flex'
-	                      }
-	                    }, [vue.createVNode(CustomSvg, {
-	                      "className": getClassName$3(_this16.$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": _this16.currentValue,
-	                      "suggestion": sectionItem
-	                    }, null), _this16.renderActionIcon(sectionItem)]);
-	                  })])]);
+	                  return [_this15.renderAIScreen(), ' ', _this15.renderErrorComponent(true)];
 	                }
-	                return vue.createVNode("div", null, [vue.createTextVNode("No suggestions")]);
-	              }), _this16.$props.showSuggestionsFooter ? _this16.suggestionsFooter() : null]) : _this16.renderNoSuggestions(_this16.normalizedSuggestions)]);
+	              }), !_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)]);
 	            };
 	            return vue.createVNode("div", {
 	              "class": suggestionsContainer
 	            }, [vue.createVNode(InputGroup, {
-	              "searchBox": true,
 	              "ref": _inputGroupRef
 	            }, {
 	              "default": function _default() {
-	                return [vue.createVNode(Actions, null, {
-	                  "default": function _default() {
-	                    return [_this16.renderInputAddonBefore(), _this16.renderLeftIcons()];
-	                  }
-	                }), vue.createVNode(InputWrapper, null, {
+	                return [_this15.renderInputAddonBefore(), vue.createVNode(InputWrapper, null, {
 	                  "default": function _default() {
 	                    return [vue.createVNode(TextArea, vue.mergeProps(babelHelperVueTransformOn(getInputEvents({
-	                      onInput: _this16.onInputChange,
+	                      onInput: _this15.onInputChange,
 	                      onBlur: function onBlur(e) {
-	                        _this16.$emit('blur', e, _this16.triggerQuery);
+	                        _this15.$emit('blur', e, _this15.triggerQuery);
 	                      },
-	                      onFocus: _this16.handleFocus,
+	                      onFocus: _this15.handleFocus,
 	                      onKeyPress: function onKeyPress(e) {
-	                        _this16.$emit('keyPress', e, _this16.triggerQuery);
-	                        _this16.$emit('key-press', e, _this16.triggerQuery);
+	                        _this15.$emit('keyPress', e, _this15.triggerQuery);
+	                        _this15.$emit('key-press', e, _this15.triggerQuery);
 	                      },
 	                      onKeyDown: function onKeyDown(e) {
-	                        return _this16.handleKeyDown(e, highlightedIndex);
+	                        return _this15.handleKeyDown(e, highlightedIndex);
 	                      },
 	                      onKeyUp: function onKeyUp(e) {
-	                        _this16.$emit('keyUp', e, _this16.triggerQuery);
-	                        _this16.$emit('key-up', e, _this16.triggerQuery);
+	                        _this15.$emit('keyUp', e, _this15.triggerQuery);
+	                        _this15.$emit('key-up', e, _this15.triggerQuery);
 	                      },
 	                      onClick: function onClick() {
 	                        setHighlightedIndex(null);
 	                      }
 	                    })), {
-	                      "id": _this16.$props.componentId + "-input",
-	                      "showIcon": _this16.$props.showIcon,
-	                      "showClear": _this16.$props.showClear,
-	                      "iconPosition": _this16.$props.iconPosition,
-	                      "ref": _this16.$props.innerRef,
-	                      "class": getClassName$3(_this16.$props.innerClass, 'input'),
-	                      "placeholder": _this16.$props.placeholder,
-	                      "autoFocus": _this16.$props.autoFocus,
-	                      "searchBox": true,
-	                      "showFocusShortcutsIcon": _this16.$props.showFocusShortcutsIcon,
-	                      "showVoiceSearch": _this16.$props.showVoiceSearch
+	                      "id": _this15.$props.componentId + "-input",
+	                      "showIcon": _this15.$props.showIcon,
+	                      "showClear": _this15.$props.showClear,
+	                      "iconPosition": _this15.$props.iconPosition,
+	                      "ref": _this15.$props.innerRef,
+	                      "class": getClassName$3(_this15.$props.innerClass, 'input'),
+	                      "placeholder": _this15.$props.placeholder,
+	                      "autoFocus": _this15.$props.autoFocus,
+	                      "showFocusShortcutsIcon": _this15.$props.showFocusShortcutsIcon,
+	                      "showVoiceSearch": _this15.$props.showVoiceSearch
 	                    }, getInputProps({
-	                      value: _this16.$data.currentValue === null ? '' : _this16.$data.currentValue
+	                      value: _this15.$data.currentValue === null ? '' : _this15.$data.currentValue
 	                    }), {
-	                      "themePreset": _this16.themePreset,
+	                      "themePreset": _this15.themePreset,
 	                      "autocomplete": "off"
-	                    }), null), !expandSuggestionsContainer && renderSuggestionsDropdown()];
-	                  }
-	                }), vue.createVNode(Actions, null, {
-	                  "default": function _default() {
-	                    return [_this16.renderRightIcons(), _this16.renderInputAddonAfter(), _this16.renderAskButtonElement(), _this16.renderEnterButtonElement()];
+	                    }), null), _this15.renderIcons(), !expandSuggestionsContainer && renderSuggestionsDropdown()];
 	                  }
-	                })];
+	                }), _this15.renderInputAddonAfter(), _this15.renderAskButtonElement(), _this15.renderEnterButtonElement()];
 	              }
-	            }), expandSuggestionsContainer && renderSuggestionsDropdown(), _this16.renderTags()]);
+	            }), expandSuggestionsContainer && renderSuggestionsDropdown(), _this15.renderTags()]);
 	          }
 	        }) : vue.createVNode("div", {
 	          "class": suggestionsContainer
 	        }, [vue.createVNode(InputGroup, {
-	          "searchBox": true,
 	          "ref": _inputGroupRef
 	        }, {
 	          "default": function _default() {
-	            return [vue.createVNode(Actions, null, {
-	              "default": function _default() {
-	                return [_this16.renderInputAddonBefore(), _this16.renderLeftIcons()];
-	              }
-	            }), vue.createVNode(InputWrapper, null, {
+	            return [_this15.renderInputAddonBefore(), vue.createVNode(InputWrapper, null, {
 	              "default": function _default() {
 	                return [vue.createVNode(TextArea, vue.mergeProps(babelHelperVueTransformOn({
 	                  blur: function blur(e) {
-	                    _this16.$emit('blur', e, _this16.triggerQuery);
+	                    _this15.$emit('blur', e, _this15.triggerQuery);
 	                  },
 	                  keypress: function keypress(e) {
-	                    _this16.$emit('keyPress', e, _this16.triggerQuery);
-	                    _this16.$emit('key-press', e, _this16.triggerQuery);
+	                    _this15.$emit('keyPress', e, _this15.triggerQuery);
+	                    _this15.$emit('key-press', e, _this15.triggerQuery);
 	                  },
-	                  input: _this16.onInputChange,
+	                  input: _this15.onInputChange,
 	                  focus: function focus(e) {
-	                    _this16.$emit('focus', e, _this16.triggerQuery);
+	                    _this15.$emit('focus', e, _this15.triggerQuery);
 	                  },
-	                  keydown: _this16.handleKeyDown,
+	                  keydown: _this15.handleKeyDown,
 	                  keyup: function keyup(e) {
-	                    _this16.$emit('keyUp', e, _this16.triggerQuery);
-	                    _this16.$emit('key-up', e, _this16.triggerQuery);
+	                    _this15.$emit('keyUp', e, _this15.triggerQuery);
+	                    _this15.$emit('key-up', e, _this15.triggerQuery);
 	                  }
 	                }), {
-	                  "class": getClassName$3(_this16.$props.innerClass, 'input') || '',
-	                  "placeholder": _this16.$props.placeholder,
-	                  "autofocus": _this16.$props.autoFocus,
-	                  "value": _this16.$data.currentValue ? _this16.$data.currentValue : '',
-	                  "iconPosition": _this16.$props.iconPosition,
-	                  "showIcon": _this16.$props.showIcon,
-	                  "showClear": _this16.$props.showClear,
-	                  "ref": _this16.$props.innerRef,
-	                  "themePreset": _this16.themePreset
-	                }), null)];
-	              }
-	            }), vue.createVNode(Actions, null, {
-	              "default": function _default() {
-	                return [_this16.renderRightIcons(), _this16.renderInputAddonAfter(), _this16.renderEnterButtonElement()];
+	                  "class": getClassName$3(_this15.$props.innerClass, 'input') || '',
+	                  "placeholder": _this15.$props.placeholder,
+	                  "autofocus": _this15.$props.autoFocus,
+	                  "value": _this15.$data.currentValue ? _this15.$data.currentValue : '',
+	                  "iconPosition": _this15.$props.iconPosition,
+	                  "showIcon": _this15.$props.showIcon,
+	                  "showClear": _this15.$props.showClear,
+	                  "ref": _this15.$props.innerRef,
+	                  "themePreset": _this15.themePreset
+	                }), null), _this15.renderIcons()];
 	              }
-	            })];
+	            }), _this15.renderInputAddonAfter(), _this15.renderEnterButtonElement()];
 	          }
 	        })])];
 	      }
@@ -28857,7 +27081,7 @@
 	// Add componentType for SSR
 	AIConnected.componentType = constants_1$1.AIAnswer;
 
-	var _templateObject$m, _templateObject2$a, _templateObject3$7;
+	var _templateObject$l, _templateObject2$9, _templateObject3$7;
 	var item = {
 	  width: '15px',
 	  height: '15px',
@@ -28870,7 +27094,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$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) {
+	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) {
 	  return props.show ? null : hideInputControl;
 	}, function (_ref2) {
 	  var theme = _ref2.theme;
@@ -28879,7 +27103,7 @@
 	  var theme = _ref3.theme;
 	  return theme.colors.primaryColor;
 	});
-	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) {
+	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) {
 	  return props.show ? null : hideInputControl;
 	}, item.width, item.width, item.width, item.height, function (_ref4) {
 	  var theme = _ref4.theme;
@@ -30868,9 +29092,9 @@
 	});
 	var types$1 = unwrapExports(types_1);
 
-	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) {
+	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) {
 	  return !props.showLine && "\n\t\t\t\t\tdisplay: none;\n\t\t\t\t";
 	});
 
@@ -31631,26 +29855,26 @@
 	// Add componentType for SSR
 	TreeListConnected.componentType = constants_1$1.treeList;
 
-	var _templateObject$o, _templateObject2$c;
+	var _templateObject$n, _templateObject2$b;
 	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$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) {
+	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) {
 	  return props.small ? small : null;
 	}, function (_ref2) {
 	  var themePreset = _ref2.themePreset;
 	  return themePreset === 'dark' && dark$2;
 	});
-	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 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 theme = _ref3.theme;
 	  return theme.colors.primaryColor;
 	});
 
-	var _templateObject$p;
+	var _templateObject$o;
 	var open = "\n\ttop: 0.55em;\n\ttransform: rotate(-45deg);\n";
-	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) {
+	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) {
 	  return props.open ? open : null;
 	});
 
@@ -33364,8 +31588,8 @@
 	  }
 	});
 
-	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 _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 global$1 = typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {};
 
@@ -34485,12 +32709,12 @@
 	// Add componentType for SSR
 	RangeConnected$3.componentType = constants_1$1.rangeSlider;
 
-	var _templateObject$r;
+	var _templateObject$q;
 	var alert = function alert(_ref) {
 	  var theme = _ref.theme;
 	  return "\n\tcolor: " + theme.colors.alertColor + ";\n";
 	};
-	var Content = styled('div')(_templateObject$r || (_templateObject$r = _taggedTemplateLiteralLoose(["\n\t", ";\n\tfont-size: 13px;\n\tmargin: 8px;\n"])), function (props) {
+	var Content = styled('div')(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose(["\n\t", ";\n\tfont-size: 13px;\n\tmargin: 8px;\n"])), function (props) {
 	  return props.alert && alert;
 	});
 
@@ -40314,9 +38538,9 @@
 	  }
 	};
 
-	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 _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 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;
@@ -40645,7 +38869,7 @@
 	  }
 	};
 
-	var _templateObject$t;
+	var _templateObject$s;
 	var ReactiveGoogleMap = {
 	  name: 'ReactiveGoogleMap',
 	  props: {
@@ -40720,7 +38944,7 @@
 	        "style": {
 	          height: '100%'
 	        },
-	        "class": css(_templateObject$t || (_templateObject$t = _taggedTemplateLiteralLoose(["\n\t\t\t\t\t\t\theight: 100%;\n\t\t\t\t\t\t"]))),
+	        "class": css(_templateObject$s || (_templateObject$s = _taggedTemplateLiteralLoose(["\n\t\t\t\t\t\t\theight: 100%;\n\t\t\t\t\t\t"]))),
 	        "options": {
 	          zoomControl: true
 	        },
@@ -40979,7 +39203,7 @@
 	  httpEquiv: "http-equiv"
 	};
 	var escapeRE = /["'&<>]/;
-	function escapeHtml$2(string) {
+	function escapeHtml$1(string) {
 	  var str = "" + string;
 	  var match = escapeRE.exec(str);
 	  if (!match) {
@@ -41049,7 +39273,7 @@
 	  if (isBooleanAttr(attrKey)) {
 	    return includeBooleanAttr(value) ? " " + attrKey : "";
 	  } else if (isSSRSafeAttrName(attrKey)) {
-	    return value === "" ? " " + attrKey : " " + attrKey + "=\"" + escapeHtml$2(value) + "\"";
+	    return value === "" ? " " + attrKey : " " + attrKey + "=\"" + escapeHtml$1(value) + "\"";
 	  } else {
 	    console.warn("[@vue/server-renderer] Skipped rendering unsafe attribute name: " + attrKey);
 	    return "";
@@ -41063,17 +39287,17 @@
 	  return type === "string" || type === "number" || type === "boolean";
 	}
 	function ssrRenderClass(raw) {
-	  return escapeHtml$2(normalizeClass(raw));
+	  return escapeHtml$1(normalizeClass(raw));
 	}
 	function ssrRenderStyle(raw) {
 	  if (!raw) {
 	    return "";
 	  }
 	  if (isString(raw)) {
-	    return escapeHtml$2(raw);
+	    return escapeHtml$1(raw);
 	  }
 	  var styles = normalizeStyle(raw);
-	  return escapeHtml$2(stringifyStyle(styles));
+	  return escapeHtml$1(stringifyStyle(styles));
 	}
 	function ssrRenderTeleport(parentPush, contentRenderFn, target, disabled, parentComponent) {
 	  parentPush("<!--teleport start-->");
@@ -41236,7 +39460,7 @@
 	    children = vnode.children;
 	  switch (type) {
 	    case vue.Text:
-	      push(escapeHtml$2(children));
+	      push(escapeHtml$1(children));
 	      break;
 	    case vue.Comment:
 	      push(children ? "<!--" + escapeHtmlComment(children) + "-->" : "<!---->");
@@ -41309,15 +39533,15 @@
 	        push(props.innerHTML);
 	      } else if (props.textContent) {
 	        hasChildrenOverride = true;
-	        push(escapeHtml$2(props.textContent));
+	        push(escapeHtml$1(props.textContent));
 	      } else if (tag === "textarea" && props.value) {
 	        hasChildrenOverride = true;
-	        push(escapeHtml$2(props.value));
+	        push(escapeHtml$1(props.value));
 	      }
 	    }
 	    if (!hasChildrenOverride) {
 	      if (shapeFlag & 8) {
-	        push(escapeHtml$2(children));
+	        push(escapeHtml$1(children));
 	      } else if (shapeFlag & 16) {
 	        renderVNodeChildren(push, children, parentComponent, slotScopeId);
 	      }
@@ -41824,7 +40048,7 @@
 	  }, queryString, renderFunction);
 	}
 
-	var version = "3.0.0-rc.8";
+	var version = "3.0.0-rc.9";
 
 	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) {