@appbaseio/reactivesearch-vue 3.1.0-alpha.2 → 3.1.0-alpha.3

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

@@ -1191,7 +1191,7 @@
 	    geo: 'geo',
 	    suggestion: 'suggestion'
 	  };
-	  var validProps = exports.validProps = ['type', 'componentType', 'aggregationField', 'aggregationSize', 'distinctField', 'distinctFieldConfig', 'index', 'aggregations', 'compoundClause', 'dataField', 'includeFields', 'excludeFields', 'size', 'from', 'sortBy', 'sortOptions', 'pagination', 'autoFocus', 'autosuggest', 'debounce', 'defaultValue', 'defaultSuggestions', 'fieldWeights', 'filterLabel', 'fuzziness', 'highlight', 'highlightConfig', 'highlightField', 'nestedField', 'placeholder', 'queryFormat', 'searchOperators', 'enableSynonyms', 'enableQuerySuggestions', 'queryString', 'categoryField', 'strictSelection', 'selectAllLabel', 'showCheckbox', 'showFilter', 'showSearch', 'showCount', 'showLoadMore', 'loadMoreLabel', 'showMissing', 'missingLabel', 'data', 'showRadio', 'multiSelect', 'includeNullValues', 'interval', 'showHistogram', 'snap', 'stepValue', 'range', 'showSlider', 'parseDate', 'calendarInterval', 'unit', 'enablePopularSuggestions', 'enableRecentSuggestions', 'popularSuggestionsConfig', 'recentSuggestionsConfig', 'indexSuggestionsConfig', 'featuredSuggestionsConfig', 'FAQSuggestionsConfig', 'enablePredictiveSuggestions', 'applyStopwords', 'customStopwords', 'enableIndexSuggestions', 'enableFeaturedSuggestions', 'enableFAQSuggestions', 'searchboxId', 'endpoint', 'enableEndpointSuggestions', 'enableAI', 'AIConfig'];
+	  var validProps = exports.validProps = ['type', 'componentType', 'aggregationField', 'aggregationSize', 'distinctField', 'distinctFieldConfig', 'index', 'aggregations', 'compoundClause', 'dataField', 'includeFields', 'excludeFields', 'size', 'from', 'sortBy', 'sortOptions', 'pagination', 'autoFocus', 'autosuggest', 'debounce', 'defaultValue', 'defaultSuggestions', 'fieldWeights', 'filterLabel', 'fuzziness', 'highlight', 'highlightConfig', 'highlightField', 'nestedField', 'placeholder', 'queryFormat', 'searchOperators', 'enableSynonyms', 'enableQuerySuggestions', 'queryString', 'categoryField', 'strictSelection', 'selectAllLabel', 'showCheckbox', 'showFilter', 'showSearch', 'showCount', 'showLoadMore', 'loadMoreLabel', 'showMissing', 'missingLabel', 'data', 'showRadio', 'multiSelect', 'includeNullValues', 'interval', 'showHistogram', 'snap', 'stepValue', 'range', 'showSlider', 'parseDate', 'calendarInterval', 'unit', 'enablePopularSuggestions', 'enableRecentSuggestions', 'popularSuggestionsConfig', 'recentSuggestionsConfig', 'indexSuggestionsConfig', 'featuredSuggestionsConfig', 'FAQSuggestionsConfig', 'documentSuggestionsConfig', 'enablePredictiveSuggestions', 'applyStopwords', 'customStopwords', 'enableIndexSuggestions', 'enableFeaturedSuggestions', 'enableFAQSuggestions', 'enableDocumentSuggestions', 'enableEndpointSuggestions', 'searchboxId', 'endpoint', 'enableAI', 'AIConfig', 'showDistinctSuggestions'];
 	  var CLEAR_ALL = exports.CLEAR_ALL = {
 	    NEVER: 'never',
 	    ALWAYS: 'always',
@@ -5258,7 +5258,8 @@
 	    Recent: 'recent',
 	    Promoted: 'promoted',
 	    Featured: 'featured',
-	    FAQ: 'faq'
+	    FAQ: 'faq',
+	    Document: 'document'
 	  };
 	  var featuredSuggestionsActionTypes = exports.featuredSuggestionsActionTypes = {
 	    NAVIGATE: 'navigate',
@@ -5449,14 +5450,18 @@
 	  };
 	  exports.transformRequestUsingEndpoint = transformRequestUsingEndpoint;
 	  var setObjectInLocalStorage = exports.setObjectInLocalStorage = function setObjectInLocalStorage(key, value) {
-	    if (!key || !value) {
-	      throw new Error('Key and value are required for setObject');
-	    }
-	    try {
-	      var serializedValue = JSON.stringify(value);
-	      localStorage.setItem(key, serializedValue);
-	    } catch (error) {
-	      console.error('Error saving object to localStorage:', error);
+	    if (typeof localStorage !== 'undefined') {
+	      if (!key || !value) {
+	        throw new Error('Key and value are required for setObject');
+	      }
+	      try {
+	        var serializedValue = JSON.stringify(value);
+	        localStorage.setItem(key, serializedValue);
+	      } catch (error) {
+	        console.error('Error saving object to localStorage:', error);
+	      }
+	    } else {
+	      console.warn('localstorage not available');
 	    }
 	  };
 	  var getObjectFromLocalStorage = exports.getObjectFromLocalStorage = function getObjectFromLocalStorage(key) {
@@ -5613,7 +5618,7 @@
 	    if (action.type === constants.SET_AI_RESPONSE) {
 	      (0, helper.setObjectInLocalStorage)('AISessions', _extends({}, (0, helper.getObjectFromLocalStorage)(constants$1.AI_LOCAL_CACHE_KEY) || {}, _defineProperty({}, action.component, _extends({}, state[action.component] || {}, action.payload))));
 	      return _extends({}, state, _defineProperty({}, action.component, _extends({}, state[action.component] ? state[action.component] : {}, {
-	        response: _extends({}, state[action.component] ? state[action.component] && state[action.component].response : {}, action.payload),
+	        response: _extends({}, state[action.component] ? state[action.component].response : {}, action.payload),
 	        isLoading: false,
 	        error: null
 	      })));
@@ -6330,7 +6335,10 @@
 	        applyStopwords: props.applyStopwords,
 	        customStopwords: props.customStopwords,
 	        enablePredictiveSuggestions: props.enablePredictiveSuggestions,
-	        indexSuggestionsConfig: props.indexSuggestionsConfig
+	        indexSuggestionsConfig: props.indexSuggestionsConfig,
+	        enableDocumentSuggestions: props.enableDocumentSuggestions,
+	        showDistinctSuggestions: props.showDistinctSuggestions,
+	        documentSuggestionsConfig: props.enableDocumentSuggestions ? props.documentSuggestionsConfig : undefined
 	      }, featuredSuggestionsProps, faqSuggestionsProps, {
 	        enableIndexSuggestions: props.enableIndexSuggestions
 	      }, props.searchboxId ? {
@@ -6910,6 +6918,12 @@
 	      if (data.hasOwnProperty('hits')) {
 	        dispatch(updateHits(component, data, data.time || undefined));
 	      }
+	      if (data.hasOwnProperty('rawData')) {
+	        dispatch((0, misc.setRawData)(component, data.rawData));
+	      }
+	      if (data.hasOwnProperty('AI_RESPONSE')) {
+	        dispatch((0, misc.setAIResponse)(component, data.AI_RESPONSE));
+	      }
 	    };
 	  }
 	});
@@ -24913,7 +24927,7 @@
 	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"])));
+	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 transparent;\n  border-radius: 6px;\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'
 	};
@@ -24985,9 +24999,9 @@
 	};
 	var suggestionsContainer = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n\tposition: relative;\n\t.cancel-icon {\n\t\tcursor: pointer;\n\t}\n"])));
 	var noSuggestions = function noSuggestions(themePreset, theme) {
-	  return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n\tdisplay: block;\n\twidth: 100%;\n\tborder: 1px solid #ccc;\n\tborder-top: none;\n\tbackground-color: #fff;\n\tfont-size: 0.9rem;\n\tz-index: 3;\n\tposition: absolute;\n\tmargin: 0;\n\tpadding: 0;\n\tlist-style: none;\n\tmax-height: 260px;\n\toverflow-y: auto;\n\n\t&.small {\n\t\ttop: 30px;\n\t}\n\n\tli {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\tpadding: 10px;\n\t\tuser-select: none;\n\n\t\t& > .trim {\n\t\t\tdisplay: -webkit-box;\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t\tmax-height: 2.3rem;\n\t\t\tline-height: 1.2rem;\n\t\t\t-webkit-line-clamp: 2;\n\t\t\t-webkit-box-orient: vertical;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t}\n\t}\n\n\t", "\n"])), themePreset === 'dark' && theme && dark$1(theme));
+	  return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n\tdisplay: block;\n\twidth: 100%;\n\tborder-top: none;\n\tbackground-color: #fff;\n\tfont-size: 0.9rem;\n\tz-index: 3;\n\tposition: absolute;\n\tmargin: 0;\n\tpadding: 0;\n\tlist-style: none;\n\tmax-height: 260px;\n\toverflow-y: auto;\n    border-radius: 6px;\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n    box-shadow: rgb(0 0 0 / 20%) 0px 10px 15px;\n    border-top: 1px solid #f2f0f0;\n\n\t&.small {\n\t\ttop: 30px;\n\t}\n\n\tli {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\tpadding: 10px;\n\t\tuser-select: none;\n\n\t\t& > .trim {\n\t\t\tdisplay: -webkit-box;\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t\tmax-height: 2.3rem;\n\t\t\tline-height: 1.2rem;\n\t\t\t-webkit-line-clamp: 2;\n\t\t\t-webkit-box-orient: vertical;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t}\n\t}\n\n\t", "\n"])), themePreset === 'dark' && theme && dark$1(theme));
 	};
-	var TextArea = styled('textarea')(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n\t", ";\n\t", ";\n\n\t", ";\n\t", ";\n\t&::-webkit-search-decoration,\n\t&::-webkit-search-cancel-button,\n\t&::-webkit-search-results-button,\n\t&::-webkit-search-results-decoration {\n\t\tdisplay: none;\n\t}\n\tresize: none;\n\toverflow: hidden;\n\theight: 42px;\n\tpadding-left: 0;\n\tpadding-right: 0;\n"])), function (props) {
+	var TextArea = styled('textarea')(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n\t", ";\n\t", ";\n\n\t", ";\n\t", ";\n\t&::-webkit-search-decoration,\n\t&::-webkit-search-cancel-button,\n\t&::-webkit-search-results-button,\n\t&::-webkit-search-results-decoration {\n\t\tdisplay: none;\n\t}\n\tresize: none;\n\toverflow: hidden;\n\theight: 42px;\n\tpadding-left: 0;\n\tpadding-right: 0;\n\tborder-color: transparent;\n\n"])), function (props) {
 	  return input(props.searchBox);
 	}, function (_ref4) {
 	  var themePreset = _ref4.themePreset,
@@ -25825,7 +25839,30 @@
 	  name: 'SuggestionItem',
 	  props: {
 	    currentValue: types.string,
-	    suggestion: types.any
+	    suggestion: types.any,
+	    innerHTML: types.string.isRequired
+	  },
+	  data: function data() {
+	    return {
+	      isOverflowing: false
+	    };
+	  },
+	  methods: {
+	    updateOverflowing: function updateOverflowing() {
+	      if (this.$refs.container && this.$refs.content) {
+	        var _this$$refs = this.$refs,
+	          container = _this$$refs.container,
+	          content = _this$$refs.content;
+	        var containerWidth = container.offsetWidth;
+	        var contentWidth = content.scrollWidth;
+	        this.isOverflowing = contentWidth > containerWidth;
+	      } else {
+	        this.isOverflowing = false;
+	      }
+	    }
+	  },
+	  mounted: function mounted() {
+	    this.updateOverflowing();
 	  },
 	  render: function render() {
 	    var _this = this;
@@ -25841,7 +25878,11 @@
 	    if (label) {
 	      // label has highest precedence
 	      return typeof label === 'string' ? vue.createVNode("div", {
-	        "class": "trim"
+	        "ref": "container",
+	        "class": "trim",
+	        "title": this.isOverflowing ? label : ''
+	      }, [vue.createVNode("div", {
+	        "ref": "content"
 	      }, [(_category ? false : isPredictiveSuggestion
 	      // eslint-disable-next-line
 	      || !!_suggestion_type) ? vue.createVNode(PredictiveSuggestion, {
@@ -25851,7 +25892,7 @@
 	        "textToHighlight": label,
 	        "autoEscape": true,
 	        "highlightStyle": highlightStyle
-	      }, null)]) : label;
+	      }, null)])]) : label;
 	    }
 	    if (title || image || description) {
 	      return vue.createVNode(Flex, {
@@ -26540,7 +26581,7 @@
 
 	var _templateObject$k, _templateObject2$8, _templateObject3$5, _templateObject4$2, _templateObject5$2, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10, _templateObject11;
 	var Chatbox = styled('div')(_templateObject$k || (_templateObject$k = _taggedTemplateLiteralLoose(["\n\tposition: relative;\n\tmargin: 0 auto;\n\tpadding: 10px;\n\tbackground-color: #fafafa;\n\twidth: 100%;\n\tbox-shadow: rgb(0 0 0 / 20%) 0px 0px 6px;\n\tborder-radius: 6px;\n\tmargin-bottom: 20px;\n\tbackground-color: ", ";\n\n\t.--trigger-message-wrapper {\n\t\tcursor: pointer;\n\t}\n"])), function (props) {
-	  return props.theme && props.theme.colors ? props.theme.colors.backgroundColor : '#fff';
+	  return props.theme && props.theme.colors && props.theme.colors.backgroundColor ? curriedLighten(0.1, 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) {
 	  return props.showInput ? 'bottom: 48px;' : '';
@@ -26572,7 +26613,7 @@
 	  // eslint-disable-next-line no-nested-ternary
 	  props.isSender ? props.themePreset !== 'dark' ? props.theme.colors.primaryTextColor : props.theme.colors.textColor : props.theme.colors.primaryTextColor) + ";\n\t\tborder-radius: 3px;\n\t\tfont-size: 85%;\n\t\tpadding: 0.2em 0.4em;\n\t\tmargin-top: 5px;\n\t\tdisplay: inline-block;\n\t\toverflow: auto;\n\t\twidth: fit-content;\n\t\tmax-width: 100%;\n\t}\n\ncode[class*='language-'],\n\tpre[class*='language-'] {\n\t\tcolor: " + (
 	  // eslint-disable-next-line no-nested-ternary
-	  props.isSender ? props.themePreset !== 'dark' ? props.theme.colors.primaryTextColor : props.theme.colors.textColor : props.theme.colors.primaryTextColor) + ";\n\t\ttext-shadow: none;\n\t}\n\n\tul,\n\tol {\n\t\tlist-style-position: inside;\n\t\tpadding-left: 10px;\n\n\t}\n\n\tli{\n\t\tdisplay: list-item;\n\t\tcursor: default;\n\t\tpadding: initial;\n\n\t\t&:hover{\n\t\t\tbackground-color: initial;\n\t\t}\n\t}\n\tp {\n\t\tmargin: inherit;\n\t}\n";
+	  props.isSender ? props.themePreset !== 'dark' ? props.theme.colors.primaryTextColor : props.theme.colors.textColor : props.theme.colors.primaryTextColor) + ";\n\t\ttext-shadow: none;\n\t}\n\n\tul,\n\tol {\n\t\tlist-style-position: inside;\n\t\tpadding-left: 10px;\n\n\t}\n\n\tli{\n\t\tdisplay: list-item;\n\t\tcursor: default;\n\t\tpadding: initial;\n\n\t\t&:hover{\n\t\t\tbackground-color: initial;\n\t\t}\n\t}\n\tp {\n\t\tmargin: inherit;\n\t}\n\n\t" + (props.themePreset === 'dark' && "a{\n\t\tcolor: cornflowerblue\n\t\t}") + ";\n";
 	};
 	var messageBGColor = function messageBGColor(props) {
 	  var finalBGColor;
@@ -26601,16 +26642,10 @@
 	  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\tpadding-left: 35px;\n"])), function (props) {
+	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", "\n\tpadding-left: 35px;\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;
-	}, function (props) {
-	  return props.theme.colors.textColor;
-	}, function (props) {
-	  return props.theme.colors.textColor;
-	}, function (props) {
-	  return props.theme.colors.textColor;
 	}, function (_ref) {
 	  var enterButton = _ref.enterButton;
 	  return enterButton && "\n\t\t    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n\t";
@@ -26815,6 +26850,42 @@
 	  }
 	});
 
+	// eslint-disable-next-line import/prefer-default-export
+	var innerText = function innerText(jsx) {
+	  // Empty
+	  if (jsx === null || typeof jsx === 'boolean' || typeof jsx === 'undefined') {
+	    return '';
+	  }
+
+	  // Numeric children.
+	  if (typeof jsx === 'number') {
+	    return jsx.toString();
+	  }
+
+	  // String literals.
+	  if (typeof jsx === 'string') {
+	    return jsx;
+	  }
+
+	  // Array of JSX.
+	  if (Array.isArray(jsx)) {
+	    // eslint-disable-next-line no-use-before-define
+	    return jsx.reduce(reduceJsxToString, '');
+	  }
+
+	  // Children prop.
+	  if (Object.prototype.hasOwnProperty.call(jsx, 'children')) {
+	    return innerText(jsx.children);
+	  }
+
+	  // Default
+	  return '';
+	};
+	innerText["default"] = innerText;
+	function reduceJsxToString(previous, current) {
+	  return previous + innerText(current);
+	}
+
 	var _excluded$1 = ["_source"];
 	function _isSlot$5(s) {
 	  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
@@ -26855,7 +26926,8 @@
 	      showFeedbackComponent: false,
 	      feedbackState: null,
 	      faqAnswer: '',
-	      faqQuestion: ''
+	      faqQuestion: '',
+	      initialHits: null
 	    };
 	    this.internalComponent = props.componentId + "__internal";
 	    return this.__state;
@@ -26907,11 +26979,12 @@
 	      return this.faqAnswer || this.AIResponse && this.AIResponse.response && this.AIResponse.response.answer && this.AIResponse.response.answer.text;
 	    },
 	    parsedSuggestions: function parsedSuggestions() {
+	      var _this = this;
 	      var suggestionsArray = [];
 	      if (Array.isArray(this.suggestions) && this.suggestions.length) {
 	        suggestionsArray = [].concat(withClickIds(this.suggestions));
 	      }
-	      if (this.renderTriggerMessage() && this.currentValue && !this.isLoading) {
+	      if (this.renderTriggerMessage() && this.currentValue) {
 	        suggestionsArray.unshift({
 	          label: this.renderTriggerMessage(),
 	          value: 'AI_TRIGGER_MESSAGE',
@@ -26925,6 +26998,20 @@
 	        return _extends({}, s, {
 	          sectionId: s._suggestion_type
 	        });
+	      }).map(function (suggestion) {
+	        if (suggestion._suggestion_type === helper_16.Document) {
+	          // Document suggestions don't have a meaningful label and value
+	          var newSuggestion = _extends({}, suggestion);
+	          newSuggestion.label = 'For document suggestions, please implement a renderItem method to display label.';
+	          var renderItem = _this.$slots.renderItem || _this.$props.renderItem;
+	          if (typeof renderItem === 'function') {
+	            var jsxEl = renderItem(newSuggestion);
+	            var innerValue = innerText(jsxEl);
+	            newSuggestion.value = lib$2(innerValue);
+	          }
+	          return newSuggestion;
+	        }
+	        return suggestion;
 	      });
 	      var sectionsAccumulated = [];
 	      var sectionisedSuggestions = suggestionsArray.reduce(function (acc, d, currentIndex) {
@@ -26973,6 +27060,12 @@
 	    enablePopularSuggestions: Q.bool.def(false),
 	    enableRecentSuggestions: Q.bool.def(false),
 	    enableFAQSuggestions: Q.bool.def(false),
+	    enableDocumentSuggestions: Q.bool.def(false),
+	    documentSuggestionsConfig: Q.shape({
+	      size: Q.number,
+	      from: Q.number,
+	      maxChars: Q.number
+	    }),
 	    FAQSuggestionsConfig: Q.shape({
 	      sectionLabel: Q.string,
 	      size: Q.number
@@ -27041,9 +27134,47 @@
 	    AIUIConfig: types.AIUIConfig
 	  },
 	  mounted: function mounted() {
+	    var _this2 = this;
 	    this.listenForFocusShortcuts();
+	    var dropdownEle = this.$refs[_dropdownULRef];
+	    if (dropdownEle) {
+	      var handleScroll = function handleScroll() {
+	        var scrollTop = dropdownEle.scrollTop;
+	        _this2.lastScrollTop = scrollTop;
+	        if (scrollTop < _this2.lastScrollTop) {
+	          // User is scrolling up
+	          clearInterval(_this2.scrollTimerRef);
+	          _this2.isUserScrolling = true;
+	        }
+	        // Update lastScrollTop with the current scroll position
+	        _this2.lastScrollTop = scrollTop;
+	      };
+	      dropdownEle.addEventListener('scroll', handleScroll);
+	    }
+	  },
+	  updated: function updated() {
+	    if (this.$props.mode === constants_5$1.SELECT && this.$options.isTagsMode === true) {
+	      this.$options.isTagsMode = false;
+	      this.selectedTags = [];
+	    } else if (this.$props.mode === constants_5$1.TAG && this.$options.isTagsMode === false) {
+	      this.$options.isTagsMode = true;
+	    }
 	  },
 	  watch: {
+	    AIResponse: function AIResponse(newVal) {
+	      if (newVal) {
+	        if (this.$props.AIUIConfig && this.$props.AIUIConfig.showSourceDocuments && newVal.response && newVal.response.answer && Array.isArray(newVal.response.answer.documentIds)) {
+	          this.sourceDocIds = newVal.response.answer.documentIds;
+	          var localCache = helper_2(constants_8$1) && helper_2(constants_8$1)[this.$props.componentId];
+	          if (localCache && localCache.meta && localCache.meta.hits && localCache.meta.hits.hits) {
+	            this.initialHits = localCache.meta.hits.hits;
+	          }
+	          if (!this.showAIScreenFooter) {
+	            this.showAIScreenFooter = true;
+	          }
+	        }
+	      }
+	    },
 	    dataField: function dataField(newVal, oldVal) {
 	      if (!isEqual$4(newVal, oldVal)) {
 	        this.triggerCustomQuery(this.$data.currentValue);
@@ -27118,6 +27249,9 @@
 	        loading: this.isLoading,
 	        error: this.isError
 	      });
+	      if (newVal && newVal.hits && newVal.hits.hits) {
+	        this.initialHits = newVal.hits.hits;
+	      }
 	    },
 	    aggregationData: function aggregationData(newVal) {
 	      this.$emit('on-data', {
@@ -27152,9 +27286,10 @@
 	      }
 	    },
 	    isAITyping: function isAITyping(newVal, oldVal) {
-	      var _this = this;
+	      var _this3 = this;
 	      var scrollAIContainer = function scrollAIContainer() {
-	        var dropdownEle = _this.$refs[_dropdownULRef];
+	        if (_this3.isUserScrolling) return;
+	        var dropdownEle = _this3.$refs[_dropdownULRef];
 	        if (dropdownEle) {
 	          dropdownEle.scrollTo({
 	            top: dropdownEle.scrollHeight,
@@ -27163,6 +27298,7 @@
 	        }
 	      };
 	      if (!newVal && oldVal) {
+	        clearInterval(this.scrollTimerRef);
 	        this.showAIScreenFooter = true;
 	        if (this.$props.AIUIConfig && typeof this.$props.AIUIConfig.showFeedback === 'boolean' ? this.$props.AIUIConfig.showFeedback : true) {
 	          this.showFeedbackComponent = true;
@@ -27171,7 +27307,7 @@
 	          scrollAIContainer();
 	        }, 500);
 	      } else if (newVal) {
-	        this.scrollTimerRef = setTimeout(function () {
+	        this.scrollTimerRef = setInterval(function () {
 	          scrollAIContainer();
 	        }, 2000);
 	      }
@@ -27188,7 +27324,7 @@
 	      }
 	    },
 	    currentValue: function currentValue() {
-	      this.handleTextAreaHeightChange();
+	      this.$nextTick(this.handleTextAreaHeightChange);
 	    }
 	  },
 	  methods: {
@@ -27263,7 +27399,7 @@
 	      }
 	    },
 	    setValue: function setValue(value, isDefaultValue, props, cause, toggleIsOpen, categoryValue, shouldExecuteQuery) {
-	      var _this2 = this;
+	      var _this4 = this;
 	      if (isDefaultValue === void 0) {
 	        isDefaultValue = false;
 	      }
@@ -27280,65 +27416,65 @@
 	        shouldExecuteQuery = true;
 	      }
 	      var performUpdate = function performUpdate() {
-	        if (_this2.$options.isTagsMode && isEqual$4(value, _this2.selectedTags)) {
+	        if (_this4.$options.isTagsMode && isEqual$4(value, _this4.selectedTags)) {
 	          return;
 	        }
-	        if (_this2.$options.isTagsMode && cause === lib_7.SUGGESTION_SELECT) {
-	          if (Array.isArray(_this2.selectedTags) && _this2.selectedTags.length) {
+	        if (_this4.$options.isTagsMode && cause === lib_7.SUGGESTION_SELECT) {
+	          if (Array.isArray(_this4.selectedTags) && _this4.selectedTags.length) {
 	            // check if value already present in selectedTags
-	            if (typeof value === 'string' && _this2.selectedTags.includes(value)) {
-	              _this2.isOpen = false;
+	            if (typeof value === 'string' && _this4.selectedTags.includes(value)) {
+	              _this4.isOpen = false;
 	              return;
 	            }
-	            _this2.selectedTags = [].concat(_this2.selectedTags);
+	            _this4.selectedTags = [].concat(_this4.selectedTags);
 	            if (typeof value === 'string' && !!value) {
-	              _this2.selectedTags.push(value);
-	            } else if (Array.isArray(value) && !isEqual$4(_this2.selectedTags, value)) {
-	              _this2.selectedTags = value;
+	              _this4.selectedTags.push(value);
+	            } else if (Array.isArray(value) && !isEqual$4(_this4.selectedTags, value)) {
+	              _this4.selectedTags = value;
 	            }
 	          } else if (value) {
-	            _this2.selectedTags = typeof value !== 'string' ? value : [].concat(value);
+	            _this4.selectedTags = typeof value !== 'string' ? value : [].concat(value);
 	          }
-	          _this2.currentValue = '';
+	          _this4.currentValue = '';
 	        } else {
-	          _this2.currentValue = decodeHtml(value);
+	          _this4.currentValue = decodeHtml(value);
 	        }
 	        var queryHandlerValue = value;
-	        if (_this2.$options.isTagsMode && cause === lib_7.SUGGESTION_SELECT) {
-	          queryHandlerValue = Array.isArray(_this2.selectedTags) && _this2.selectedTags.length ? _this2.selectedTags : undefined;
+	        if (_this4.$options.isTagsMode && cause === lib_7.SUGGESTION_SELECT) {
+	          queryHandlerValue = Array.isArray(_this4.selectedTags) && _this4.selectedTags.length ? _this4.selectedTags : undefined;
 	        }
-	        if ((_this2.faqAnswer || _this2.faqQuestion) && value === '') {
+	        if ((_this4.faqAnswer || _this4.faqQuestion) && value === '') {
 	          // Empty the previous state
-	          _this2.faqAnswer = '';
-	          _this2.faqQuestion = '';
-	          _this2.showAIScreen = false;
+	          _this4.faqAnswer = '';
+	          _this4.faqQuestion = '';
+	          _this4.showAIScreen = false;
 	        }
 	        if (isDefaultValue) {
-	          if (_this2.$props.autosuggest) {
+	          if (_this4.$props.autosuggest) {
 	            if (toggleIsOpen) {
-	              _this2.isOpen = false;
+	              _this4.isOpen = false;
 	            }
-	            if (typeof _this2.currentValue === 'string') _this2.triggerDefaultQuery(_this2.currentValue, props.enableAI && _this2.currentTriggerMode === constants_9$1.QUESTION && _this2.currentValue.endsWith('?') ? {
+	            if (typeof _this4.currentValue === 'string') _this4.triggerDefaultQuery(_this4.currentValue, props.enableAI && _this4.currentTriggerMode === constants_9$1.QUESTION && _this4.currentValue.endsWith('?') ? {
 	              enableAI: true
 	            } : {}, shouldExecuteQuery);
 	          } // in case of strict selection only SUGGESTION_SELECT should be able
 	          // to set the query otherwise the value should reset
 	          if (props.strictSelection) {
-	            if (cause === lib_7.SUGGESTION_SELECT || (_this2.$options.isTagsMode ? _this2.selectedTags.length === 0 : value === '')) {
-	              _this2.triggerCustomQuery(queryHandlerValue, _this2.$options.isTagsMode ? undefined : categoryValue, shouldExecuteQuery);
+	            if (cause === lib_7.SUGGESTION_SELECT || (_this4.$options.isTagsMode ? _this4.selectedTags.length === 0 : value === '')) {
+	              _this4.triggerCustomQuery(queryHandlerValue, _this4.$options.isTagsMode ? undefined : categoryValue, shouldExecuteQuery);
 	            } else {
-	              _this2.setValue('', true);
+	              _this4.setValue('', true);
 	            }
 	          } else if (props.value === undefined || cause === lib_7.SUGGESTION_SELECT || cause === lib_7.CLEAR_VALUE) {
-	            _this2.showAIScreen = false;
-	            _this2.triggerCustomQuery(queryHandlerValue, _this2.$options.isTagsMode ? undefined : categoryValue, shouldExecuteQuery);
+	            _this4.showAIScreen = false;
+	            _this4.triggerCustomQuery(queryHandlerValue, _this4.$options.isTagsMode ? undefined : categoryValue, shouldExecuteQuery);
 	          }
 	        } else {
 	          // debounce for handling text while typing
-	          _this2.handleTextChange(value, cause);
+	          _this4.handleTextChange(value, cause);
 	        }
-	        _this2.$emit('valueChange', value);
-	        _this2.$emit('value-change', value);
+	        _this4.$emit('valueChange', value);
+	        _this4.$emit('value-change', value);
 	      };
 	      checkValueChange(props.componentId, value, props.beforeValueChange, performUpdate);
 	    },
@@ -27487,7 +27623,7 @@
 	      this.$emit('key-down', event, this.triggerQuery);
 	    },
 	    onInputChange: function onInputChange(e) {
-	      var _this3 = this;
+	      var _this5 = this;
 	      var inputValue = e.target.value;
 	      if (!this.$data.isOpen && this.$props.autosuggest) {
 	        this.isOpen = true;
@@ -27501,7 +27637,7 @@
 	      } else {
 	        this.$emit('change', inputValue, function (_ref3) {
 	          var isOpen = _ref3.isOpen;
-	          return _this3.triggerQuery({
+	          return _this5.triggerQuery({
 	            defaultQuery: true,
 	            customQuery: true,
 	            value: inputValue,
@@ -27545,7 +27681,7 @@
 	      }
 	    },
 	    onSuggestionSelected: function onSuggestionSelected(suggestion) {
-	      var _this4 = this;
+	      var _this6 = this;
 	      var value = this.$props.value;
 	      // The state of the suggestion is open by the time it reaches here. i.e. isOpen = true
 	      // handle when FAQ suggestion is clicked
@@ -27594,10 +27730,10 @@
 	        this.setValue(emitValue, true, this.$props, lib_7.SUGGESTION_SELECT, false, suggestion._category);
 	        this.$emit('change', emitValue, function (_ref4) {
 	          var isOpen = _ref4.isOpen;
-	          return _this4.triggerQuery(_extends({
+	          return _this6.triggerQuery(_extends({
 	            isOpen: isOpen,
 	            value: emitValue
-	          }, !_this4.$options.isTagsMode && {
+	          }, !_this6.$options.isTagsMode && {
 	            categoryValue: suggestion._category
 	          }));
 	        });
@@ -27637,7 +27773,7 @@
 	      return null;
 	    },
 	    renderErrorComponent: function renderErrorComponent(isAIError) {
-	      var _this5 = this;
+	      var _this7 = this;
 	      if (isAIError === void 0) {
 	        isAIError = false;
 	      }
@@ -27664,7 +27800,7 @@
 	          "themePreset": this.themePreset
 	        }, {
 	          "default": function _default() {
-	            return [isFunction(renderError) ? renderError(_this5.error) : renderError];
+	            return [isFunction(renderError) ? renderError(_this7.error) : renderError];
 	          }
 	        });
 	      }
@@ -27744,7 +27880,7 @@
 	      });
 	    },
 	    renderEnterButtonElement: function renderEnterButtonElement() {
-	      var _this6 = this;
+	      var _this8 = this;
 	      var _this$$props2 = this.$props,
 	        enterButton = _this$$props2.enterButton,
 	        innerClass = _this$$props2.innerClass;
@@ -27752,12 +27888,12 @@
 	      if (enterButton) {
 	        var getEnterButtonMarkup = function getEnterButtonMarkup() {
 	          if (renderEnterButton) {
-	            return renderEnterButton(_this6.enterButtonOnClick);
+	            return renderEnterButton(_this8.enterButtonOnClick);
 	          }
 	          return vue.createVNode(Button, {
 	            "class": "enter-btn " + getClassName$3(innerClass, 'enter-button'),
 	            "primary": true,
-	            "onClick": _this6.enterButtonOnClick
+	            "onClick": _this8.enterButtonOnClick
 	          }, {
 	            "default": function _default() {
 	              return [vue.createTextVNode("Search")];
@@ -27783,7 +27919,7 @@
 	      return '/';
 	    },
 	    renderLeftIcons: function renderLeftIcons() {
-	      var _this7 = this;
+	      var _this9 = this;
 	      var _slot3;
 	      var _this$$props3 = this.$props,
 	        iconPosition = _this$$props3.iconPosition,
@@ -27793,8 +27929,8 @@
 	      }, {
 	        "default": function _default() {
 	          return [iconPosition === 'left' && showIcon && vue.createVNode(IconWrapper, {
-	            "onClick": _this7.handleSearchIconClick
-	          }, _isSlot$5(_slot3 = _this7.renderIcon()) ? _slot3 : {
+	            "onClick": _this9.handleSearchIconClick
+	          }, _isSlot$5(_slot3 = _this9.renderIcon()) ? _slot3 : {
 	            "default": function _default() {
 	              return [_slot3];
 	            }
@@ -27803,7 +27939,7 @@
 	      })]);
 	    },
 	    renderRightIcons: function renderRightIcons() {
-	      var _this8 = this;
+	      var _this10 = this;
 	      var _slot4, _slot5, _slot6;
 	      var _this$$props4 = this.$props,
 	        iconPosition = _this$$props4.iconPosition,
@@ -27820,29 +27956,29 @@
 	      }, {
 	        "default": function _default() {
 	          return [currentValue && showClear && vue.createVNode(IconWrapper, {
-	            "onClick": _this8.clearValue,
+	            "onClick": _this10.clearValue,
 	            "showIcon": showIcon,
 	            "isClearIcon": true
-	          }, _isSlot$5(_slot4 = _this8.renderCancelIcon()) ? _slot4 : {
+	          }, _isSlot$5(_slot4 = _this10.renderCancelIcon()) ? _slot4 : {
 	            "default": function _default() {
 	              return [_slot4];
 	            }
 	          }), showFocusShortcutsIcon && vue.createVNode(ButtonIconWrapper, {
 	            "onClick": function onClick(e) {
-	              return _this8.focusSearchBox(e);
+	              return _this10.focusSearchBox(e);
 	            }
-	          }, _isSlot$5(_slot5 = _this8.renderShortcut()) ? _slot5 : {
+	          }, _isSlot$5(_slot5 = _this10.renderShortcut()) ? _slot5 : {
 	            "default": function _default() {
 	              return [_slot5];
 	            }
 	          }), showVoiceSearch && vue.createVNode(Mic, {
 	            "getInstance": getMicInstance,
 	            "render": renderMic,
-	            "handleResult": _this8.handleVoiceResults,
+	            "handleResult": _this10.handleVoiceResults,
 	            "className": getClassName$3(innerClass, 'mic') || null
 	          }, null), iconPosition === 'right' && showIcon && vue.createVNode(IconWrapper, {
-	            "onClick": _this8.handleSearchIconClick
-	          }, _isSlot$5(_slot6 = _this8.renderIcon()) ? _slot6 : {
+	            "onClick": _this10.handleSearchIconClick
+	          }, _isSlot$5(_slot6 = _this10.renderIcon()) ? _slot6 : {
 	            "default": function _default() {
 	              return [_slot6];
 	            }
@@ -27861,7 +27997,7 @@
 	      (_this$$refs4 = this.$refs) == null || (_this$$refs4 = _this$$refs4[this.$props.innerRef]) == null || (_this$$refs4 = _this$$refs4.$el) == null ? void 0 : _this$$refs4.focus(); // eslint-disable-line
 	    },
 	    listenForFocusShortcuts: function listenForFocusShortcuts() {
-	      var _this9 = this;
+	      var _this11 = this;
 	      var _this$$props$focusSho = this.$props.focusShortcuts,
 	        focusShortcuts = _this$$props$focusSho === void 0 ? ['/'] : _this$$props$focusSho;
 	      if (isEmpty(focusShortcuts)) {
@@ -27876,7 +28012,7 @@
 	      function (event, handler) {
 	        // Prevent the default refresh event under WINDOWS system
 	        event.preventDefault();
-	        _this9.focusSearchBox(event);
+	        _this11.focusSearchBox(event);
 	      });
 
 	      // if one of modifier keys are used, they are handled below
@@ -27886,7 +28022,7 @@
 	        for (var index = 0; index < modifierKeys.length; index += 1) {
 	          var element = modifierKeys[index];
 	          if (hotkeys[element]) {
-	            _this9.focusSearchBox(event);
+	            _this11.focusSearchBox(event);
 	            break;
 	          }
 	        }
@@ -27899,10 +28035,10 @@
 	      this.triggerDefaultQuery(value);
 	    },
 	    renderActionIcon: function renderActionIcon(suggestion) {
-	      var _this10 = this;
+	      var _this12 = this;
 	      var handleAutoFillClick = function handleAutoFillClick(e) {
 	        e.stopPropagation();
-	        _this10.onAutofillClick(suggestion);
+	        _this12.onAutofillClick(suggestion);
 	      };
 	      if (suggestion._suggestion_type === helper_16.Featured) {
 	        if (suggestion.action === helper_15.FUNCTION) {
@@ -27925,7 +28061,7 @@
 	      return null;
 	    },
 	    renderTag: function renderTag(item) {
-	      var _this11 = this;
+	      var _this13 = this;
 	      var innerClass = this.$props.innerClass;
 	      return vue.createVNode(TagItem, {
 	        "class": getClassName$3(innerClass, 'selected-tag') || ''
@@ -27936,7 +28072,7 @@
 	            "aria-label": "delete-tag",
 	            "class": "close-icon",
 	            "onClick": function onClick() {
-	              return _this11.clearTag(item);
+	              return _this13.clearTag(item);
 	            }
 	          }, [vue.createVNode(CancelSvg, null, null)])];
 	        }
@@ -27959,7 +28095,7 @@
 	      }
 	    },
 	    renderTags: function renderTags() {
-	      var _this12 = this;
+	      var _this14 = this;
 	      if (!Array.isArray(this.selectedTags)) {
 	        return null;
 	      }
@@ -27973,16 +28109,16 @@
 	      }) : vue.createVNode(TagsContainer, null, {
 	        "default": function _default() {
 	          return [tagsList.map(function (item) {
-	            return _this12.renderTag(item);
+	            return _this14.renderTag(item);
 	          }), shouldRenderClearAllTag && vue.createVNode(TagItem, {
-	            "class": getClassName$3(_this12.$props.innerClass, 'selected-tag') || ''
+	            "class": getClassName$3(_this14.$props.innerClass, 'selected-tag') || ''
 	          }, {
 	            "default": function _default() {
 	              return [vue.createVNode("span", null, [vue.createTextVNode("Clear All")]), vue.createVNode("span", {
 	                "role": "img",
 	                "aria-label": "delete-tag",
 	                "class": "close-icon",
-	                "onClick": _this12.clearAllTags
+	                "onClick": _this14.clearAllTags
 	              }, [vue.createVNode(CancelSvg, null, null)])];
 	            }
 	          })];
@@ -27990,13 +28126,13 @@
 	      });
 	    },
 	    getAISourceObjects: function getAISourceObjects() {
-	      var localCache = helper_2(constants_8$1) && helper_2(constants_8$1)[this.componentId];
+	      var _this15 = this;
 	      var sourceObjects = [];
 	      if (!this.AIResponse) return sourceObjects;
 	      var docIds = this.AIResponse && this.AIResponse.response && this.AIResponse.response.answer && this.AIResponse.response.answer.documentIds || [];
-	      if (localCache && localCache.meta && localCache.meta.hits && localCache.meta.hits.hits) {
+	      if (this.initialHits) {
 	        docIds.forEach(function (id) {
-	          var foundSourceObj = localCache.meta.hits.hits.find(function (hit) {
+	          var foundSourceObj = _this15.initialHits.find(function (hit) {
 	            return hit._id === id;
 	          }) || {};
 	          if (foundSourceObj) {
@@ -28030,31 +28166,31 @@
 	    },
 	    renderAIScreenFooter: function renderAIScreenFooter() {
 	      var _slot8;
-	      var _this13 = this;
+	      var _this16 = this;
 	      var _this$$props$AIUIConf2 = this.$props.AIUIConfig,
 	        AIUIConfig = _this$$props$AIUIConf2 === void 0 ? {} : _this$$props$AIUIConf2;
 	      var _ref6 = AIUIConfig || {},
 	        _ref6$showSourceDocum = _ref6.showSourceDocuments,
-	        showSourceDocuments = _ref6$showSourceDocum === void 0 ? true : _ref6$showSourceDocum,
+	        showSourceDocuments = _ref6$showSourceDocum === void 0 ? false : _ref6$showSourceDocum,
 	        _ref6$onSourceClick = _ref6.onSourceClick,
 	        onSourceClick = _ref6$onSourceClick === void 0 ? function () {} : _ref6$onSourceClick;
 	      var renderSourceDocumentLabel = function renderSourceDocumentLabel(sourceObj) {
-	        if (_this13.$props.AIUIConfig && _this13.$props.AIUIConfig.renderSourceDocument) {
-	          return _this13.$props.AIUIConfig.renderSourceDocument(sourceObj);
+	        if (_this16.$props.AIUIConfig && _this16.$props.AIUIConfig.renderSourceDocument) {
+	          return _this16.$props.AIUIConfig.renderSourceDocument(sourceObj);
 	        }
-	        if (_this13.$slots.renderSourceDocument) {
-	          return _this13.$slots.renderSourceDocument(sourceObj);
+	        if (_this16.$slots.renderSourceDocument) {
+	          return _this16.$slots.renderSourceDocument(sourceObj);
 	        }
 	        return sourceObj._id;
 	      };
-	      return showSourceDocuments && this.showAIScreenFooter && this.AIResponse && this.AIResponse.response && this.AIResponse.response.answer && this.AIResponse.response.answer.documentIds ? vue.createVNode(Footer, {
+	      return showSourceDocuments && this.showAIScreenFooter && this.AIResponse && this.AIResponse.response && this.AIResponse.response.answer && this.AIResponse.response.answer.documentIds && this.AIResponse.response.answer.documentIds.length ? vue.createVNode(Footer, {
 	        "themePreset": this.$props.themePreset
 	      }, {
 	        "default": function _default() {
-	          return [vue.createTextVNode("Summary generated using the following sources:"), ' ', vue.createVNode(SourceTags, null, _isSlot$5(_slot8 = _this13.getAISourceObjects().map(function (el) {
+	          return [vue.createTextVNode("Summary generated using the following sources:"), ' ', vue.createVNode(SourceTags, null, _isSlot$5(_slot8 = _this16.getAISourceObjects().map(function (el) {
 	            var _slot7;
 	            return vue.createVNode(Button, {
-	              "class": "--ai-source-tag " + (getClassName$3(_this13.$props.innerClass, 'ai-source-tag') || ''),
+	              "class": "--ai-source-tag " + (getClassName$3(_this16.$props.innerClass, 'ai-source-tag') || ''),
 	              "info": true,
 	              "onClick": function onClick() {
 	                return onSourceClick && onSourceClick(el);
@@ -28073,7 +28209,7 @@
 	      }) : null;
 	    },
 	    renderAIScreen: function renderAIScreen() {
-	      var _this14 = this;
+	      var _this17 = this;
 	      var customAIRenderer = this.$props.renderAIAnswer || this.$slots.renderAIAnswer;
 	      if (customAIRenderer) {
 	        return customAIRenderer({
@@ -28097,11 +28233,11 @@
 	        "hideUI": this.isAIResponseLoading || this.isLoading || !this.sessionIdFromStore,
 	        "key": this.sessionIdFromStore,
 	        "onFeedbackSubmit": function onFeedbackSubmit(useful, reason) {
-	          _this14.feedbackState = {
+	          _this17.feedbackState = {
 	            isRecorded: true,
 	            feedbackType: useful ? 'positive' : 'negative'
 	          };
-	          _this14.recordAISessionUsefulness(_this14.sessionIdFromStore, {
+	          _this17.recordAISessionUsefulness(_this17.sessionIdFromStore, {
 	            useful: useful,
 	            reason: reason
 	          });
@@ -28136,7 +28272,7 @@
 	      });
 	    },
 	    renderAskButtonElement: function renderAskButtonElement() {
-	      var _this15 = this;
+	      var _this18 = this;
 	      var _this$$props5 = this.$props,
 	        AIUIConfig = _this$$props5.AIUIConfig,
 	        innerClass = _this$$props5.innerClass;
@@ -28146,12 +28282,12 @@
 	      if (askButton) {
 	        var getEnterButtonMarkup = function getEnterButtonMarkup() {
 	          if (renderAskButton) {
-	            return renderAskButton(_this15.askButtonOnClick);
+	            return renderAskButton(_this18.askButtonOnClick);
 	          }
 	          return vue.createVNode(Button, {
 	            "class": "enter-btn " + getClassName$3(innerClass, 'ask-button'),
 	            "info": true,
-	            "onClick": _this15.askButtonOnClick
+	            "onClick": _this18.askButtonOnClick
 	          }, {
 	            "default": function _default() {
 	              return [vue.createTextVNode("Ask")];
@@ -28166,28 +28302,28 @@
 	    }
 	  },
 	  render: function render() {
-	    var _this16 = this;
+	    var _this19 = this;
 	    var expandSuggestionsContainer = this.$props.expandSuggestionsContainer;
 	    var _this$$slots = this.$slots,
 	      recentSearchesIcon = _this$$slots.recentSearchesIcon,
 	      popularSearchesIcon = _this$$slots.popularSearchesIcon;
-	    var hasSuggestions = Array.isArray(this.normalizedSuggestions) && this.normalizedSuggestions.length;
+	    var hasSuggestions = Array.isArray(this.parsedSuggestions) && this.parsedSuggestions.length;
 	    var renderItem = this.$slots.renderItem || this.$props.renderItem;
 	    return vue.createVNode(Container, {
 	      "class": this.$props.className
 	    }, {
 	      "default": function _default() {
-	        return [_this16.$props.title && vue.createVNode(Title, {
-	          "class": getClassName$3(_this16.$props.innerClass, 'title') || ''
+	        return [_this19.$props.title && vue.createVNode(Title, {
+	          "class": getClassName$3(_this19.$props.innerClass, 'title') || ''
 	        }, {
 	          "default": function _default() {
-	            return [_this16.$props.title];
+	            return [_this19.$props.title];
 	          }
-	        }), _this16.$props.autosuggest ? vue.createVNode(Downshift, {
-	          "id": _this16.$props.componentId + "-downshift",
-	          "handleChange": _this16.onSuggestionSelected,
-	          "handleMouseup": _this16.handleStateChange,
-	          "isOpen": _this16.$data.isOpen
+	        }), _this19.$props.autosuggest ? vue.createVNode(Downshift, {
+	          "id": _this19.$props.componentId + "-downshift",
+	          "handleChange": _this19.onSuggestionSelected,
+	          "handleMouseup": _this19.handleStateChange,
+	          "isOpen": _this19.$data.isOpen
 	        }, {
 	          "default": function _default(_ref8) {
 	            var getInputEvents = _ref8.getInputEvents,
@@ -28243,21 +28379,21 @@
 	                }
 	              };
 	              var indexOffset = 0;
-	              return vue.createVNode("div", null, [_this16.hasCustomRenderer && _this16.getComponent({
+	              return vue.createVNode("div", null, [_this19.hasCustomRenderer && _this19.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",
+	              }), _this19.renderErrorComponent(), !_this19.hasCustomRenderer && isOpen && hasSuggestions ? vue.createVNode("ul", {
+	                "class": suggestions$1(_this19.themePreset, _this19.theme) + " " + getClassName$3(_this19.$props.innerClass, 'list') + " " + searchboxSuggestions(_this19.themePreset, _this19.theme) + "\n\t\t\t\t\t\t\t\t\t\t\t\t\t",
 	                "ref": _dropdownULRef
-	              }, [_this16.showAIScreen && vue.createVNode(SearchBoxAISection, {
-	                "themePreset": _this16.$props.themePreset
+	              }, [_this19.showAIScreen && vue.createVNode(SearchBoxAISection, {
+	                "themePreset": _this19.$props.themePreset
 	              }, {
 	                "default": function _default() {
-	                  return [_this16.renderAIScreen(), ' ', _this16.renderErrorComponent(true)];
+	                  return [_this19.renderAIScreen(), ' ', _this19.renderErrorComponent(true)];
 	                }
-	              }), !_this16.showAIScreen && _this16.parsedSuggestions.map(function (item, itemIndex) {
+	              }), !_this19.showAIScreen && _this19.parsedSuggestions.map(function (item, itemIndex) {
 	                var index = indexOffset + itemIndex;
 	                if (Array.isArray(item)) {
 	                  var sectionHtml = lib$2(item[0].sectionLabel);
@@ -28266,7 +28402,7 @@
 	                    "key": "section-" + itemIndex,
 	                    "class": "section-container"
 	                  }, [sectionHtml ? vue.createVNode("div", {
-	                    "class": "section-header " + getClassName$3(_this16.$props.innerClass, 'section-label'),
+	                    "class": "section-header " + getClassName$3(_this19.$props.innerClass, 'section-label'),
 	                    "key": "" + item[0].sectionId,
 	                    "innerHTML": sectionHtml
 	                  }, null) : null, vue.createVNode("ul", {
@@ -28286,7 +28422,7 @@
 	                          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'))
+	                        "class": "" + (highlightedIndex === index + sectionIndex ? "active-li-item " + getClassName$3(_this19.$props.innerClass, 'active-suggestion-item') : "li-item " + getClassName$3(_this19.$props.innerClass, 'suggestion-item'))
 	                      }), [renderItem(sectionItem)]);
 	                    }
 	                    if (sectionItem._suggestion_type === '_internal_a_i_trigger') {
@@ -28300,9 +28436,9 @@
 	                          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'))
+	                        "class": "" + (highlightedIndex === index + sectionIndex ? "active-li-item " + getClassName$3(_this19.$props.innerClass, 'active-suggestion-item') : "li-item " + getClassName$3(_this19.$props.innerClass, 'suggestion-item'))
 	                      }), [vue.createVNode(SuggestionItem, {
-	                        "currentValue": _this16.currentValue,
+	                        "currentValue": _this19.currentValue,
 	                        "suggestion": sectionItem
 	                      }, null)]);
 	                    }
@@ -28316,7 +28452,7 @@
 	                        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'))
+	                      "class": "" + (highlightedIndex === index + sectionIndex ? "active-li-item " + getClassName$3(_this19.$props.innerClass, 'active-suggestion-item') : "li-item " + getClassName$3(_this19.$props.innerClass, 'suggestion-item'))
 	                    }), [vue.createVNode("div", {
 	                      "style": {
 	                        padding: '0 10px 0 0',
@@ -28324,74 +28460,74 @@
 	                      }
 	                    }, [vue.createVNode(CustomSvg, {
 	                      "key": sectionItem._suggestion_type + "-" + sectionIndex,
-	                      "className": getClassName$3(_this16.$props.innerClass, sectionItem._suggestion_type + "-search-icon") || null,
+	                      "className": getClassName$3(_this19.$props.innerClass, sectionItem._suggestion_type + "-search-icon") || null,
 	                      "icon": getIcon(sectionItem._suggestion_type, sectionItem, suggestionsHaveIcon),
 	                      "type": sectionItem._suggestion_type + "-search-icon"
 	                    }, null)]), vue.createVNode(SuggestionItem, {
-	                      "currentValue": _this16.currentValue,
+	                      "currentValue": _this19.currentValue,
 	                      "suggestion": sectionItem
-	                    }, null), _this16.renderActionIcon(sectionItem)]);
+	                    }, null), _this19.renderActionIcon(sectionItem)]);
 	                  })])]);
 	                }
 	                return vue.createVNode("div", null, [vue.createTextVNode("No suggestions")]);
-	              }), !_this16.showAIScreen && _this16.parsedSuggestions.length && _this16.$props.showSuggestionsFooter ? _this16.suggestionsFooter() : null]) : _this16.renderNoSuggestions(_this16.normalizedSuggestions)]);
+	              }), !_this19.showAIScreen && _this19.parsedSuggestions.length && _this19.$props.showSuggestionsFooter ? _this19.suggestionsFooter() : null]) : _this19.renderNoSuggestions(_this19.normalizedSuggestions)]);
 	            };
 	            return vue.createVNode("div", {
 	              "class": suggestionsContainer
 	            }, [vue.createVNode(InputGroup, {
 	              "searchBox": true,
 	              "ref": _inputGroupRef,
-	              "isOpen": _this16.$data.isOpen
+	              "isOpen": _this19.$data.isOpen
 	            }, {
 	              "default": function _default() {
 	                return [vue.createVNode(Actions, null, {
 	                  "default": function _default() {
-	                    return [_this16.renderInputAddonBefore(), _this16.renderLeftIcons()];
+	                    return [_this19.renderInputAddonBefore(), _this19.renderLeftIcons()];
 	                  }
 	                }), vue.createVNode(InputWrapper, null, {
 	                  "default": function _default() {
 	                    return [vue.createVNode(TextArea, vue.mergeProps(babelHelperVueTransformOn(getInputEvents({
-	                      onInput: _this16.onInputChange,
+	                      onInput: _this19.onInputChange,
 	                      onBlur: function onBlur(e) {
-	                        _this16.$emit('blur', e, _this16.triggerQuery);
+	                        _this19.$emit('blur', e, _this19.triggerQuery);
 	                      },
-	                      onFocus: _this16.handleFocus,
+	                      onFocus: _this19.handleFocus,
 	                      onKeyPress: function onKeyPress(e) {
-	                        _this16.$emit('keyPress', e, _this16.triggerQuery);
-	                        _this16.$emit('key-press', e, _this16.triggerQuery);
+	                        _this19.$emit('keyPress', e, _this19.triggerQuery);
+	                        _this19.$emit('key-press', e, _this19.triggerQuery);
 	                      },
 	                      onKeyDown: function onKeyDown(e) {
-	                        return _this16.handleKeyDown(e, highlightedIndex);
+	                        return _this19.handleKeyDown(e, highlightedIndex);
 	                      },
 	                      onKeyUp: function onKeyUp(e) {
-	                        _this16.$emit('keyUp', e, _this16.triggerQuery);
-	                        _this16.$emit('key-up', e, _this16.triggerQuery);
+	                        _this19.$emit('keyUp', e, _this19.triggerQuery);
+	                        _this19.$emit('key-up', e, _this19.triggerQuery);
 	                      },
 	                      onClick: function onClick() {
 	                        setHighlightedIndex(null);
 	                      }
 	                    })), {
 	                      "searchBox": true,
-	                      "isOpen": _this16.$data.isOpen,
-	                      "id": _this16.$props.componentId + "-input",
-	                      "ref": _this16.$props.innerRef,
-	                      "class": getClassName$3(_this16.$props.innerClass, 'input'),
-	                      "placeholder": _this16.$props.placeholder,
-	                      "autoFocus": _this16.$props.autoFocus
+	                      "isOpen": _this19.$data.isOpen,
+	                      "id": _this19.$props.componentId + "-input",
+	                      "ref": _this19.$props.innerRef,
+	                      "class": getClassName$3(_this19.$props.innerClass, 'input'),
+	                      "placeholder": _this19.$props.placeholder,
+	                      "autoFocus": _this19.$props.autoFocus
 	                    }, getInputProps({
-	                      value: _this16.$data.currentValue === null ? '' : _this16.$data.currentValue
+	                      value: _this19.$data.currentValue === null ? '' : _this19.$data.currentValue
 	                    }), {
-	                      "themePreset": _this16.themePreset,
+	                      "themePreset": _this19.themePreset,
 	                      "autocomplete": "off"
 	                    }), null), !expandSuggestionsContainer && renderSuggestionsDropdown()];
 	                  }
 	                }), vue.createVNode(Actions, null, {
 	                  "default": function _default() {
-	                    return [_this16.renderRightIcons(), _this16.renderInputAddonAfter(), _this16.renderAskButtonElement(), _this16.renderEnterButtonElement()];
+	                    return [_this19.renderRightIcons(), _this19.renderInputAddonAfter(), _this19.renderAskButtonElement(), _this19.renderEnterButtonElement()];
 	                  }
 	                })];
 	              }
-	            }), expandSuggestionsContainer && renderSuggestionsDropdown(), _this16.renderTags()]);
+	            }), expandSuggestionsContainer && renderSuggestionsDropdown(), _this19.renderTags()]);
 	          }
 	        }) : vue.createVNode("div", {
 	          "class": suggestionsContainer
@@ -28402,43 +28538,43 @@
 	          "default": function _default() {
 	            return [vue.createVNode(Actions, null, {
 	              "default": function _default() {
-	                return [_this16.renderInputAddonBefore(), _this16.renderLeftIcons()];
+	                return [_this19.renderInputAddonBefore(), _this19.renderLeftIcons()];
 	              }
 	            }), vue.createVNode(InputWrapper, null, {
 	              "default": function _default() {
 	                return [vue.createVNode(TextArea, vue.mergeProps(babelHelperVueTransformOn({
 	                  blur: function blur(e) {
-	                    _this16.$emit('blur', e, _this16.triggerQuery);
+	                    _this19.$emit('blur', e, _this19.triggerQuery);
 	                  },
 	                  keypress: function keypress(e) {
-	                    _this16.$emit('keyPress', e, _this16.triggerQuery);
-	                    _this16.$emit('key-press', e, _this16.triggerQuery);
+	                    _this19.$emit('keyPress', e, _this19.triggerQuery);
+	                    _this19.$emit('key-press', e, _this19.triggerQuery);
 	                  },
-	                  input: _this16.onInputChange,
+	                  input: _this19.onInputChange,
 	                  focus: function focus(e) {
-	                    _this16.$emit('focus', e, _this16.triggerQuery);
+	                    _this19.$emit('focus', e, _this19.triggerQuery);
 	                  },
-	                  keydown: _this16.handleKeyDown,
+	                  keydown: _this19.handleKeyDown,
 	                  keyup: function keyup(e) {
-	                    _this16.$emit('keyUp', e, _this16.triggerQuery);
-	                    _this16.$emit('key-up', e, _this16.triggerQuery);
+	                    _this19.$emit('keyUp', e, _this19.triggerQuery);
+	                    _this19.$emit('key-up', e, _this19.triggerQuery);
 	                  }
 	                }), {
 	                  "searchBox": true,
-	                  "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
+	                  "class": getClassName$3(_this19.$props.innerClass, 'input') || '',
+	                  "placeholder": _this19.$props.placeholder,
+	                  "autofocus": _this19.$props.autoFocus,
+	                  "value": _this19.$data.currentValue ? _this19.$data.currentValue : '',
+	                  "iconPosition": _this19.$props.iconPosition,
+	                  "showIcon": _this19.$props.showIcon,
+	                  "showClear": _this19.$props.showClear,
+	                  "ref": _this19.$props.innerRef,
+	                  "themePreset": _this19.themePreset
 	                }), null)];
 	              }
 	            }), vue.createVNode(Actions, null, {
 	              "default": function _default() {
-	                return [_this16.renderRightIcons(), _this16.renderInputAddonAfter(), _this16.renderEnterButtonElement()];
+	                return [_this19.renderRightIcons(), _this19.renderInputAddonAfter(), _this19.renderEnterButtonElement()];
 	              }
 	            })];
 	          }
@@ -28653,12 +28789,14 @@
 	            message: response.error
 	          };
 	        }
-
 	        // pushing message history so far
 	        if (messagesHistory && Array.isArray(messagesHistory)) {
 	          finalMessages.push.apply(finalMessages, messagesHistory.filter(function (msg) {
 	            return msg.role !== constants_7$1.SYSTEM;
 	          }));
+	          if (finalMessages[0].role === constants_7$1.USER) {
+	            finalMessages.shift();
+	          }
 	        } else if (response && response.answer && response.answer.text) {
 	          finalMessages.push({
 	            role: constants_7$1.ASSISTANT,
@@ -33816,9 +33954,9 @@
 	    return function () {
 	      var e = {
 	          388: function _(t, e) {
-	            var n, r, i;
+	            var r, n, i;
 	            (function (o, a) {
-	              r = [], n = a, i = "function" === typeof n ? n.apply(e, r) : n, void 0 === i || (t.exports = i);
+	              n = [], r = a, i = "function" === typeof r ? r.apply(e, n) : r, void 0 === i || (t.exports = i);
 	            })("undefined" !== typeof self && self, function () {
 	              function t() {
 	                var e = Object.getOwnPropertyDescriptor(document, "currentScript");
@@ -33827,8 +33965,8 @@
 	                try {
 	                  throw new Error();
 	                } catch (f) {
-	                  var n,
-	                    r,
+	                  var r,
+	                    n,
 	                    i,
 	                    o = /.*at [^(]*\((.*):(.+):(.+)\)$/gi,
 	                    a = /@([^@]*):(\d+):(\d+)\s*$/gi,
@@ -33837,7 +33975,7 @@
 	                    u = s && s[2] || !1,
 	                    c = document.location.href.replace(document.location.hash, ""),
 	                    d = document.getElementsByTagName("script");
-	                  l === c && (n = document.documentElement.outerHTML, r = new RegExp("(?:[^\\n]+?\\n){0," + (u - 2) + "}[^<]*<script>([\\d\\D]*?)<\\/script>[\\d\\D]*", "i"), i = n.replace(r, "$1").trim());
+	                  l === c && (r = document.documentElement.outerHTML, n = new RegExp("(?:[^\\n]+?\\n){0," + (u - 2) + "}[^<]*<script>([\\d\\D]*?)<\\/script>[\\d\\D]*", "i"), i = r.replace(n, "$1").trim());
 	                  for (var h = 0; h < d.length; h++) {
 	                    if ("interactive" === d[h].readyState) return d[h];
 	                    if (d[h].src === l) return d[h];
@@ -33849,77 +33987,310 @@
 	              return t;
 	            });
 	          },
+	          905: function _(t, e, r) {
+
+	            r.r(e);
+	            var n = r(117),
+	              i = r.n(n),
+	              o = r(488),
+	              a = r.n(o),
+	              s = a()(i());
+	            s.push([t.id, ".vue-slider-dot{position:absolute;-webkit-transition:all 0s;transition:all 0s;z-index:5}.vue-slider-dot:focus{outline:none}.vue-slider-dot-tooltip{position:absolute;visibility:hidden}.vue-slider-dot-hover:hover .vue-slider-dot-tooltip,.vue-slider-dot-tooltip-show{visibility:visible}.vue-slider-dot-tooltip-top{top:-10px;left:50%;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}.vue-slider-dot-tooltip-bottom{bottom:-10px;left:50%;-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%)}.vue-slider-dot-tooltip-left{left:-10px;top:50%;-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%)}.vue-slider-dot-tooltip-right{right:-10px;top:50%;-webkit-transform:translate(100%,-50%);transform:translate(100%,-50%)}", ""]), e["default"] = s;
+	          },
+	          121: function _(t, e, r) {
+
+	            r.r(e);
+	            var n = r(117),
+	              i = r.n(n),
+	              o = r(488),
+	              a = r.n(o),
+	              s = a()(i());
+	            s.push([t.id, ".vue-slider-marks{position:relative;width:100%;height:100%}.vue-slider-mark{position:absolute;z-index:1}.vue-slider-ltr .vue-slider-mark,.vue-slider-rtl .vue-slider-mark{width:0;height:100%;top:50%}.vue-slider-ltr .vue-slider-mark-step,.vue-slider-rtl .vue-slider-mark-step{top:0}.vue-slider-ltr .vue-slider-mark-label,.vue-slider-rtl .vue-slider-mark-label{top:100%;margin-top:10px}.vue-slider-ltr .vue-slider-mark{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.vue-slider-ltr .vue-slider-mark-step{left:0}.vue-slider-ltr .vue-slider-mark-label{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.vue-slider-rtl .vue-slider-mark{-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.vue-slider-rtl .vue-slider-mark-step{right:0}.vue-slider-rtl .vue-slider-mark-label{right:50%;-webkit-transform:translateX(50%);transform:translateX(50%)}.vue-slider-btt .vue-slider-mark,.vue-slider-ttb .vue-slider-mark{width:100%;height:0;left:50%}.vue-slider-btt .vue-slider-mark-step,.vue-slider-ttb .vue-slider-mark-step{left:0}.vue-slider-btt .vue-slider-mark-label,.vue-slider-ttb .vue-slider-mark-label{left:100%;margin-left:10px}.vue-slider-btt .vue-slider-mark{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.vue-slider-btt .vue-slider-mark-step{top:0}.vue-slider-btt .vue-slider-mark-label{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.vue-slider-ttb .vue-slider-mark{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.vue-slider-ttb .vue-slider-mark-step{bottom:0}.vue-slider-ttb .vue-slider-mark-label{bottom:50%;-webkit-transform:translateY(50%);transform:translateY(50%)}.vue-slider-mark-label,.vue-slider-mark-step{position:absolute}", ""]), e["default"] = s;
+	          },
+	          207: function _(t, e, r) {
+
+	            r.r(e);
+	            var n = r(117),
+	              i = r.n(n),
+	              o = r(488),
+	              a = r.n(o),
+	              s = a()(i());
+	            s.push([t.id, ".vue-slider{position:relative;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;-webkit-tap-highlight-color:rgba(0,0,0,0)}.vue-slider-rail{position:relative;width:100%;height:100%;-webkit-transition-property:width,height,left,right,top,bottom;transition-property:width,height,left,right,top,bottom}.vue-slider-process{position:absolute;z-index:1}", ""]), e["default"] = s;
+	          },
+	          488: function _(t) {
+
+	            t.exports = function (t) {
+	              var e = [];
+	              return e.toString = function () {
+	                return this.map(function (e) {
+	                  var r = "",
+	                    n = "undefined" !== typeof e[5];
+	                  return e[4] && (r += "@supports (".concat(e[4], ") {")), e[2] && (r += "@media ".concat(e[2], " {")), n && (r += "@layer".concat(e[5].length > 0 ? " ".concat(e[5]) : "", " {")), r += t(e), n && (r += "}"), e[2] && (r += "}"), e[4] && (r += "}"), r;
+	                }).join("");
+	              }, e.i = function (t, r, n, i, o) {
+	                "string" === typeof t && (t = [[null, t, void 0]]);
+	                var a = {};
+	                if (n) for (var s = 0; s < this.length; s++) {
+	                  var l = this[s][0];
+	                  null != l && (a[l] = !0);
+	                }
+	                for (var u = 0; u < t.length; u++) {
+	                  var c = [].concat(t[u]);
+	                  n && a[c[0]] || ("undefined" !== typeof o && ("undefined" === typeof c[5] || (c[1] = "@layer".concat(c[5].length > 0 ? " ".concat(c[5]) : "", " {").concat(c[1], "}")), c[5] = o), r && (c[2] ? (c[1] = "@media ".concat(c[2], " {").concat(c[1], "}"), c[2] = r) : c[2] = r), i && (c[4] ? (c[1] = "@supports (".concat(c[4], ") {").concat(c[1], "}"), c[4] = i) : c[4] = "".concat(i)), e.push(c));
+	                }
+	              }, e;
+	            };
+	          },
+	          117: function _(t) {
+
+	            t.exports = function (t) {
+	              return t[1];
+	            };
+	          },
 	          831: function _(t, e) {
 
 	            e.Z = function (t, e) {
-	              var n = t.__vccOpts || t;
+	              var r = t.__vccOpts || t;
 	              for (var _iterator = _createForOfIteratorHelperLoose(e), _step; !(_step = _iterator()).done;) {
 	                var _step$value = _step.value,
-	                  _r = _step$value[0],
+	                  _n = _step$value[0],
 	                  _i = _step$value[1];
-	                n[_r] = _i;
+	                r[_n] = _i;
 	              }
-	              return n;
+	              return r;
 	            };
 	          },
+	          466: function _(t, e, r) {
+	            var n = r(905);
+	            n.__esModule && (n = n["default"]), "string" === typeof n && (n = [[t.id, n, ""]]), n.locals && (t.exports = n.locals);
+	            var i = r(959).Z;
+	            i("50bc1720", n, !0, {
+	              sourceMap: !1,
+	              shadowMode: !1
+	            });
+	          },
+	          18: function _(t, e, r) {
+	            var n = r(121);
+	            n.__esModule && (n = n["default"]), "string" === typeof n && (n = [[t.id, n, ""]]), n.locals && (t.exports = n.locals);
+	            var i = r(959).Z;
+	            i("10aa5f36", n, !0, {
+	              sourceMap: !1,
+	              shadowMode: !1
+	            });
+	          },
+	          631: function _(t, e, r) {
+	            var n = r(207);
+	            n.__esModule && (n = n["default"]), "string" === typeof n && (n = [[t.id, n, ""]]), n.locals && (t.exports = n.locals);
+	            var i = r(959).Z;
+	            i("1772934e", n, !0, {
+	              sourceMap: !1,
+	              shadowMode: !1
+	            });
+	          },
+	          959: function _(t, e, r) {
+
+	            function n(t, e) {
+	              for (var r = [], n = {}, i = 0; i < e.length; i++) {
+	                var o = e[i],
+	                  a = o[0],
+	                  s = o[1],
+	                  l = o[2],
+	                  u = o[3],
+	                  c = {
+	                    id: t + ":" + i,
+	                    css: s,
+	                    media: l,
+	                    sourceMap: u
+	                  };
+	                n[a] ? n[a].parts.push(c) : r.push(n[a] = {
+	                  id: a,
+	                  parts: [c]
+	                });
+	              }
+	              return r;
+	            }
+	            r.d(e, {
+	              Z: function Z() {
+	                return p;
+	              }
+	            });
+	            var i = "undefined" !== typeof document;
+	            if ("undefined" !== typeof DEBUG && DEBUG && !i) throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");
+	            var o = {},
+	              a = i && (document.head || document.getElementsByTagName("head")[0]),
+	              s = null,
+	              l = 0,
+	              u = !1,
+	              c = function c() {},
+	              d = null,
+	              h = "data-vue-ssr-id",
+	              f = "undefined" !== typeof navigator && /msie [6-9]\b/.test(navigator.userAgent.toLowerCase());
+	            function p(t, e, r, i) {
+	              u = r, d = i || {};
+	              var a = n(t, e);
+	              return m(a), function (e) {
+	                for (var r = [], i = 0; i < a.length; i++) {
+	                  var s = a[i],
+	                    l = o[s.id];
+	                  l.refs--, r.push(l);
+	                }
+	                e ? (a = n(t, e), m(a)) : a = [];
+	                for (i = 0; i < r.length; i++) {
+	                  l = r[i];
+	                  if (0 === l.refs) {
+	                    for (var u = 0; u < l.parts.length; u++) l.parts[u]();
+	                    delete o[l.id];
+	                  }
+	                }
+	              };
+	            }
+	            function m(t) {
+	              for (var e = 0; e < t.length; e++) {
+	                var r = t[e],
+	                  n = o[r.id];
+	                if (n) {
+	                  n.refs++;
+	                  for (var i = 0; i < n.parts.length; i++) n.parts[i](r.parts[i]);
+	                  for (; i < r.parts.length; i++) n.parts.push(y(r.parts[i]));
+	                  n.parts.length > r.parts.length && (n.parts.length = r.parts.length);
+	                } else {
+	                  var a = [];
+	                  for (i = 0; i < r.parts.length; i++) a.push(y(r.parts[i]));
+	                  o[r.id] = {
+	                    id: r.id,
+	                    refs: 1,
+	                    parts: a
+	                  };
+	                }
+	              }
+	            }
+	            function v() {
+	              var t = document.createElement("style");
+	              return t.type = "text/css", a.appendChild(t), t;
+	            }
+	            function y(t) {
+	              var e,
+	                r,
+	                n = document.querySelector("style[" + h + '~="' + t.id + '"]');
+	              if (n) {
+	                if (u) return c;
+	                n.parentNode.removeChild(n);
+	              }
+	              if (f) {
+	                var i = l++;
+	                n = s || (s = v()), e = g.bind(null, n, i, !1), r = g.bind(null, n, i, !0);
+	              } else n = v(), e = k.bind(null, n), r = function r() {
+	                n.parentNode.removeChild(n);
+	              };
+	              return e(t), function (n) {
+	                if (n) {
+	                  if (n.css === t.css && n.media === t.media && n.sourceMap === t.sourceMap) return;
+	                  e(t = n);
+	                } else r();
+	              };
+	            }
+	            var b = function () {
+	              var t = [];
+	              return function (e, r) {
+	                return t[e] = r, t.filter(Boolean).join("\n");
+	              };
+	            }();
+	            function g(t, e, r, n) {
+	              var i = r ? "" : n.css;
+	              if (t.styleSheet) t.styleSheet.cssText = b(e, i);else {
+	                var o = document.createTextNode(i),
+	                  a = t.childNodes;
+	                a[e] && t.removeChild(a[e]), a.length ? t.insertBefore(o, a[e]) : t.appendChild(o);
+	              }
+	            }
+	            function k(t, e) {
+	              var r = e.css,
+	                n = e.media,
+	                i = e.sourceMap;
+	              if (n && t.setAttribute("media", n), d.ssrId && t.setAttribute(h, e.id), i && (r += "\n/*# sourceURL=" + i.sources[0] + " */", r += "\n/*# sourceMappingURL=data:application/json;base64," + btoa(unescape(encodeURIComponent(JSON.stringify(i)))) + " */"), t.styleSheet) t.styleSheet.cssText = r;else {
+	                while (t.firstChild) t.removeChild(t.firstChild);
+	                t.appendChild(document.createTextNode(r));
+	              }
+	            }
+	          },
 	          927: function _(e) {
 
 	            e.exports = t;
 	          }
 	        },
-	        n = {};
-	      function r(t) {
-	        var i = n[t];
+	        r = {};
+	      function n(t) {
+	        var i = r[t];
 	        if (void 0 !== i) return i.exports;
-	        var o = n[t] = {
+	        var o = r[t] = {
+	          id: t,
 	          exports: {}
 	        };
-	        return e[t].call(o.exports, o, o.exports, r), o.exports;
+	        return e[t].call(o.exports, o, o.exports, n), o.exports;
 	      }
 	      !function () {
-	        r.d = function (t, e) {
-	          for (var n in e) r.o(e, n) && !r.o(t, n) && Object.defineProperty(t, n, {
+	        n.n = function (t) {
+	          var e = t && t.__esModule ? function () {
+	            return t["default"];
+	          } : function () {
+	            return t;
+	          };
+	          return n.d(e, {
+	            a: e
+	          }), e;
+	        };
+	      }(), function () {
+	        n.d = function (t, e) {
+	          for (var r in e) n.o(e, r) && !n.o(t, r) && Object.defineProperty(t, r, {
 	            enumerable: !0,
-	            get: e[n]
+	            get: e[r]
 	          });
 	        };
 	      }(), function () {
-	        r.o = function (t, e) {
+	        n.o = function (t, e) {
 	          return Object.prototype.hasOwnProperty.call(t, e);
 	        };
 	      }(), function () {
-	        r.p = "";
+	        n.r = function (t) {
+	          "undefined" !== typeof Symbol && Symbol.toStringTag && Object.defineProperty(t, Symbol.toStringTag, {
+	            value: "Module"
+	          }), Object.defineProperty(t, "__esModule", {
+	            value: !0
+	          });
+	        };
+	      }(), function () {
+	        n.p = "";
 	      }();
 	      var i = {};
 	      return function () {
 
-	        if (r.d(i, {
+	        if (n.d(i, {
 	          "default": function _default() {
 	            return St;
 	          }
 	        }), "undefined" !== typeof window) {
 	          var t = window.document.currentScript,
-	            e = r(388);
+	            e = n(388);
 	          t = e(), "currentScript" in document || Object.defineProperty(document, "currentScript", {
 	            get: e
 	          });
-	          var n = t && t.src.match(/(.+\/)[^/]+\.js(\?.*)?$/);
-	          n && (r.p = n[1]);
+	          var r = t && t.src.match(/(.+\/)[^/]+\.js(\?.*)?$/);
+	          r && (n.p = r[1]);
 	        }
-	        var o = r(927);
-	        function a(t, e, n) {
+	        var o = n(927);
+	        function a(t, e, r) {
 	          return e in t ? Object.defineProperty(t, e, {
-	            value: n,
+	            value: r,
 	            enumerable: !0,
 	            configurable: !0,
 	            writable: !0
-	          }) : t[e] = n, t;
+	          }) : t[e] = r, t;
 	        }
 	        var s = {
 	          key: 0,
 	          "class": "vue-slider-marks"
 	        };
-	        function l(t, e, n, r, i, l) {
+	        function l(t, e, r, n, i, l) {
 	          var u = (0, o.resolveComponent)("vue-slider-mark"),
 	            c = (0, o.resolveComponent)("vue-slider-dot");
 	          return (0, o.openBlock)(), (0, o.createElementBlock)("div", (0, o.mergeProps)({
@@ -33938,22 +34309,22 @@
 	          }, t.$attrs), [(0, o.createElementVNode)("div", {
 	            "class": "vue-slider-rail",
 	            style: (0, o.normalizeStyle)(t.railStyle)
-	          }, [((0, o.openBlock)(!0), (0, o.createElementBlock)(o.Fragment, null, (0, o.renderList)(t.processArray, function (e, n) {
+	          }, [((0, o.openBlock)(!0), (0, o.createElementBlock)(o.Fragment, null, (0, o.renderList)(t.processArray, function (e, r) {
 	            return (0, o.renderSlot)(t.$slots, "process", (0, o.normalizeProps)((0, o.guardReactiveProps)(e)), function () {
 	              return [((0, o.openBlock)(), (0, o.createElementBlock)("div", {
 	                "class": "vue-slider-process",
-	                key: "process-".concat(n),
+	                key: "process-".concat(r),
 	                style: (0, o.normalizeStyle)(e.style)
 	              }, null, 4))];
 	            });
-	          }), 256)), t.sliderMarks && t.control ? ((0, o.openBlock)(), (0, o.createElementBlock)("div", s, [((0, o.openBlock)(!0), (0, o.createElementBlock)(o.Fragment, null, (0, o.renderList)(t.control.markList, function (n, r) {
-	            return (0, o.renderSlot)(t.$slots, "mark", (0, o.normalizeProps)((0, o.guardReactiveProps)(n)), function () {
+	          }), 256)), t.sliderMarks && t.control ? ((0, o.openBlock)(), (0, o.createElementBlock)("div", s, [((0, o.openBlock)(!0), (0, o.createElementBlock)(o.Fragment, null, (0, o.renderList)(t.control.markList, function (r, n) {
+	            return (0, o.renderSlot)(t.$slots, "mark", (0, o.normalizeProps)((0, o.guardReactiveProps)(r)), function () {
 	              var i;
 	              return [((0, o.openBlock)(), (0, o.createBlock)(u, {
-	                key: "mark-".concat(r),
-	                mark: n,
+	                key: "mark-".concat(n),
+	                mark: r,
 	                hideLabel: t.hideLabel,
-	                style: (0, o.normalizeStyle)((i = {}, a(i, t.isHorizontal ? "height" : "width", "100%"), a(i, t.isHorizontal ? "width" : "height", t.tailSize), a(i, t.mainDirection, "".concat(n.pos, "%")), i)),
+	                style: (0, o.normalizeStyle)((i = {}, a(i, t.isHorizontal ? "height" : "width", "100%"), a(i, t.isHorizontal ? "width" : "height", t.tailSize), a(i, t.mainDirection, "".concat(r.pos, "%")), i)),
 	                stepStyle: t.stepStyle,
 	                stepActiveStyle: t.stepActiveStyle,
 	                labelStyle: t.labelStyle,
@@ -33963,50 +34334,50 @@
 	                })
 	              }, {
 	                step: (0, o.withCtx)(function () {
-	                  return [(0, o.renderSlot)(t.$slots, "step", (0, o.normalizeProps)((0, o.guardReactiveProps)(n)))];
+	                  return [(0, o.renderSlot)(t.$slots, "step", (0, o.normalizeProps)((0, o.guardReactiveProps)(r)))];
 	                }),
 	                label: (0, o.withCtx)(function () {
-	                  return [(0, o.renderSlot)(t.$slots, "label", (0, o.normalizeProps)((0, o.guardReactiveProps)(n)))];
+	                  return [(0, o.renderSlot)(t.$slots, "label", (0, o.normalizeProps)((0, o.guardReactiveProps)(r)))];
 	                }),
 	                _: 2
 	              }, 1032, ["mark", "hideLabel", "style", "stepStyle", "stepActiveStyle", "labelStyle", "labelActiveStyle"]))];
 	            });
-	          }), 256))])) : (0, o.createCommentVNode)("", !0), ((0, o.openBlock)(!0), (0, o.createElementBlock)(o.Fragment, null, (0, o.renderList)(t.dots, function (n, r) {
+	          }), 256))])) : (0, o.createCommentVNode)("", !0), ((0, o.openBlock)(!0), (0, o.createElementBlock)(o.Fragment, null, (0, o.renderList)(t.dots, function (r, n) {
 	            var i;
 	            return (0, o.openBlock)(), (0, o.createBlock)(c, (0, o.mergeProps)({
 	              ref_for: !0,
-	              ref: "dot-".concat(r),
-	              key: "dot-".concat(r),
-	              value: n.value,
-	              disabled: n.disabled,
-	              focus: n.focus,
-	              "dot-style": [n.style, n.disabled ? n.disabledStyle : null, n.focus ? n.focusStyle : null],
-	              tooltip: n.tooltip || t.tooltip,
-	              "tooltip-style": [t.tooltipStyle, n.tooltipStyle, n.disabled ? n.tooltipDisabledStyle : null, n.focus ? n.tooltipFocusStyle : null],
-	              "tooltip-formatter": Array.isArray(t.sliderTooltipFormatter) ? t.sliderTooltipFormatter[r] : t.sliderTooltipFormatter,
-	              "tooltip-placement": t.tooltipDirections[r],
-	              style: [t.dotBaseStyle, (i = {}, a(i, t.mainDirection, "".concat(n.pos, "%")), a(i, "transition", "".concat(t.mainDirection, " ").concat(t.animateTime, "s")), i)],
+	              ref: "dot-".concat(n),
+	              key: "dot-".concat(n),
+	              value: r.value,
+	              disabled: r.disabled,
+	              focus: r.focus,
+	              "dot-style": [r.style, r.disabled ? r.disabledStyle : null, r.focus ? r.focusStyle : null],
+	              tooltip: r.tooltip || t.tooltip,
+	              "tooltip-style": [t.tooltipStyle, r.tooltipStyle, r.disabled ? r.tooltipDisabledStyle : null, r.focus ? r.tooltipFocusStyle : null],
+	              "tooltip-formatter": Array.isArray(t.sliderTooltipFormatter) ? t.sliderTooltipFormatter[n] : t.sliderTooltipFormatter,
+	              "tooltip-placement": t.tooltipDirections[n],
+	              style: [t.dotBaseStyle, (i = {}, a(i, t.mainDirection, "".concat(r.pos, "%")), a(i, "transition", "".concat(t.mainDirection, " ").concat(t.animateTime, "s")), i)],
 	              onDragStart: function onDragStart() {
-	                return t.dragStart(r);
+	                return t.dragStart(n);
 	              },
 	              role: "slider",
-	              "aria-valuenow": n.value,
+	              "aria-valuenow": r.value,
 	              "aria-valuemin": t.min,
 	              "aria-valuemax": t.max,
 	              "aria-orientation": t.isHorizontal ? "horizontal" : "vertical",
 	              tabindex: "0",
 	              onFocus: function onFocus() {
-	                return t.focus(n, r);
+	                return t.focus(r, n);
 	              },
 	              onBlur: e[1] || (e[1] = function () {
 	                return t.blur();
 	              })
 	            }, t.dotAttrs), {
 	              dot: (0, o.withCtx)(function () {
-	                return [(0, o.renderSlot)(t.$slots, "dot", (0, o.normalizeProps)((0, o.guardReactiveProps)(n)))];
+	                return [(0, o.renderSlot)(t.$slots, "dot", (0, o.normalizeProps)((0, o.guardReactiveProps)(r)))];
 	              }),
 	              tooltip: (0, o.withCtx)(function () {
-	                return [(0, o.renderSlot)(t.$slots, "tooltip", (0, o.normalizeProps)((0, o.guardReactiveProps)(n)))];
+	                return [(0, o.renderSlot)(t.$slots, "tooltip", (0, o.normalizeProps)((0, o.guardReactiveProps)(r)))];
 	              }),
 	              _: 2
 	            }, 1040, ["value", "disabled", "focus", "dot-style", "tooltip", "tooltip-style", "tooltip-formatter", "tooltip-placement", "style", "onDragStart", "aria-valuenow", "aria-valuemin", "aria-valuemax", "aria-orientation", "onFocus"]);
@@ -34018,7 +34389,7 @@
 	          c = {
 	            "class": "vue-slider-dot-tooltip-text"
 	          };
-	        function d(t, e, n, r, i, a) {
+	        function d(t, e, r, n, i, a) {
 	          var s;
 	          return (0, o.openBlock)(), (0, o.createElementBlock)("div", {
 	            ref: "dot",
@@ -34045,6 +34416,7 @@
 	            }, [(0, o.createElementVNode)("span", c, (0, o.toDisplayString)(t.tooltipValue), 1)], 6)];
 	          })], 2)) : (0, o.createCommentVNode)("", !0)], 42, u);
 	        }
+	        n(466);
 	        var h = (0, o.defineComponent)({
 	            name: "VueSliderDot",
 	            emits: ["drag-start"],
@@ -34131,10 +34503,10 @@
 	              }
 	            }
 	          }),
-	          f = r(831);
+	          f = n(831);
 	        var p = (0, f.Z)(h, [["render", d]]);
 	        var m = p;
-	        function y(t, e, n, r, i, a) {
+	        function v(t, e, r, n, i, a) {
 	          return (0, o.openBlock)(), (0, o.createElementBlock)("div", {
 	            "class": (0, o.normalizeClass)(t.marksClasses)
 	          }, [(0, o.renderSlot)(t.$slots, "step", {}, function () {
@@ -34154,7 +34526,8 @@
 	            }, (0, o.toDisplayString)(t.mark.label), 7)];
 	          })], 2);
 	        }
-	        var v = (0, o.defineComponent)({
+	        n(18);
+	        var y = (0, o.defineComponent)({
 	          name: "VueSliderMark",
 	          emits: ["press-label"],
 	          props: {
@@ -34213,24 +34586,24 @@
 	            }
 	          }
 	        });
-	        var g = (0, f.Z)(v, [["render", y]]);
-	        var b,
-	          k = g,
+	        var b = (0, f.Z)(y, [["render", v]]);
+	        var g,
+	          k = b,
 	          S = function S(t) {
 	            return "number" === typeof t ? "".concat(t, "px") : t;
 	          },
 	          x = function x(t) {
 	            var e = document.documentElement,
-	              n = document.body,
-	              r = t.getBoundingClientRect(),
+	              r = document.body,
+	              n = t.getBoundingClientRect(),
 	              i = {
-	                y: r.top + (window.pageYOffset || e.scrollTop) - (e.clientTop || n.clientTop || 0),
-	                x: r.left + (window.pageXOffset || e.scrollLeft) - (e.clientLeft || n.clientLeft || 0)
+	                y: n.top + (window.pageYOffset || e.scrollTop) - (e.clientTop || r.clientTop || 0),
+	                x: n.left + (window.pageXOffset || e.scrollLeft) - (e.clientLeft || r.clientLeft || 0)
 	              };
 	            return i;
 	          },
-	          P = function P(t, e, n) {
-	            var r = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : 1,
+	          P = function P(t, e, r) {
+	            var n = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : 1,
 	              i = "targetTouches" in t ? t.targetTouches[0] : t,
 	              o = x(e),
 	              a = {
@@ -34238,49 +34611,49 @@
 	                y: i.pageY - o.y
 	              };
 	            return {
-	              x: n ? e.offsetWidth * r - a.x : a.x,
-	              y: n ? e.offsetHeight * r - a.y : a.y
+	              x: r ? e.offsetWidth * n - a.x : a.x,
+	              y: r ? e.offsetHeight * n - a.y : a.y
 	            };
 	          };
 	        (function (t) {
 	          t[t["PAGE_UP"] = 33] = "PAGE_UP", t[t["PAGE_DOWN"] = 34] = "PAGE_DOWN", t[t["END"] = 35] = "END", t[t["HOME"] = 36] = "HOME", t[t["LEFT"] = 37] = "LEFT", t[t["UP"] = 38] = "UP", t[t["RIGHT"] = 39] = "RIGHT", t[t["DOWN"] = 40] = "DOWN";
-	        })(b || (b = {}));
-	        var O = function O(t, e) {
+	        })(g || (g = {}));
+	        var w = function w(t, e) {
 	          if (e.hook) {
-	            var n = e.hook(t);
-	            if ("function" === typeof n) return n;
-	            if (!n) return null;
+	            var r = e.hook(t);
+	            if ("function" === typeof r) return r;
+	            if (!r) return null;
 	          }
 	          switch (t.keyCode) {
-	            case b.UP:
+	            case g.UP:
 	              return function (t) {
 	                return "ttb" === e.direction ? t - 1 : t + 1;
 	              };
-	            case b.RIGHT:
+	            case g.RIGHT:
 	              return function (t) {
 	                return "rtl" === e.direction ? t - 1 : t + 1;
 	              };
-	            case b.DOWN:
+	            case g.DOWN:
 	              return function (t) {
 	                return "ttb" === e.direction ? t + 1 : t - 1;
 	              };
-	            case b.LEFT:
+	            case g.LEFT:
 	              return function (t) {
 	                return "rtl" === e.direction ? t + 1 : t - 1;
 	              };
-	            case b.END:
+	            case g.END:
 	              return function () {
 	                return e.max;
 	              };
-	            case b.HOME:
+	            case g.HOME:
 	              return function () {
 	                return e.min;
 	              };
-	            case b.PAGE_UP:
+	            case g.PAGE_UP:
 	              return function (t) {
 	                return t + 10;
 	              };
-	            case b.PAGE_DOWN:
+	            case g.PAGE_DOWN:
 	              return function (t) {
 	                return t - 10;
 	              };
@@ -34288,56 +34661,56 @@
 	              return null;
 	          }
 	        };
-	        function D(t, e) {
+	        function O(t, e) {
 	          if (!(t instanceof e)) throw new TypeError("Cannot call a class as a function");
 	        }
-	        function E(t, e) {
-	          for (var n = 0; n < e.length; n++) {
-	            var r = e[n];
-	            r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), Object.defineProperty(t, r.key, r);
+	        function D(t, e) {
+	          for (var r = 0; r < e.length; r++) {
+	            var n = e[r];
+	            n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), Object.defineProperty(t, n.key, n);
 	          }
 	        }
-	        function R(t, e, n) {
-	          return e && E(t.prototype, e), n && E(t, n), Object.defineProperty(t, "prototype", {
+	        function E(t, e, r) {
+	          return e && D(t.prototype, e), r && D(t, r), Object.defineProperty(t, "prototype", {
 	            writable: !1
 	          }), t;
 	        }
-	        function A(t, e, n) {
+	        function R(t, e, r) {
 	          return e in t ? Object.defineProperty(t, e, {
-	            value: n,
+	            value: r,
 	            enumerable: !0,
 	            configurable: !0,
 	            writable: !0
-	          }) : t[e] = n, t;
+	          }) : t[e] = r, t;
 	        }
-	        var w,
+	        var A,
 	          V,
 	          j = function () {
 	            function t(e) {
-	              D(this, t), A(this, "num", void 0), this.num = e;
+	              O(this, t), R(this, "num", void 0), this.num = e;
 	            }
-	            return R(t, [{
+	            return E(t, [{
 	              key: "decimal",
 	              value: function value(t, e) {
-	                var n = this.num,
-	                  r = this.getDecimalLen(n),
+	                var r = this.num,
+	                  n = this.getDecimalLen(r),
 	                  i = this.getDecimalLen(t),
 	                  o = 0;
 	                switch (e) {
 	                  case "+":
-	                    o = this.getExponent(r, i), this.num = (this.safeRoundUp(n, o) + this.safeRoundUp(t, o)) / o;
+	                    o = this.getExponent(n, i), this.num = (this.safeRoundUp(r, o) + this.safeRoundUp(t, o)) / o;
 	                    break;
 	                  case "-":
-	                    o = this.getExponent(r, i), this.num = (this.safeRoundUp(n, o) - this.safeRoundUp(t, o)) / o;
+	                    o = this.getExponent(n, i), this.num = (this.safeRoundUp(r, o) - this.safeRoundUp(t, o)) / o;
 	                    break;
 	                  case "*":
-	                    this.num = this.safeRoundUp(this.safeRoundUp(n, this.getExponent(r)), this.safeRoundUp(t, this.getExponent(i))) / this.getExponent(r + i);
+	                    this.num = this.safeRoundUp(this.safeRoundUp(r, this.getExponent(n)), this.safeRoundUp(t, this.getExponent(i))) / this.getExponent(n + i);
 	                    break;
 	                  case "/":
-	                    o = this.getExponent(r, i), this.num = this.safeRoundUp(n, o) / this.safeRoundUp(t, o);
+	                    o = this.getExponent(n, i), this.num = this.safeRoundUp(r, o) / this.safeRoundUp(t, o);
 	                    break;
 	                  case "%":
-	                    o = this.getExponent(r, i), this.num = this.safeRoundUp(n, o) % this.safeRoundUp(t, o) / o;
+	                    o = this.getExponent(n, i), this.num = this.safeRoundUp(r, o) % this.safeRoundUp(t, o) / o;
 	                    break;
 	                }
 	                return this;
@@ -34390,27 +34763,27 @@
 	              }
 	            }]), t;
 	          }();
-	        function B(t, e) {
-	          return I(t) || L(t, e) || H(t, e) || C();
+	        function C(t, e) {
+	          return L(t) || M(t, e) || H(t, e) || B();
 	        }
-	        function C() {
+	        function B() {
 	          throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 	        }
-	        function L(t, e) {
-	          var n = null == t ? null : "undefined" !== typeof Symbol && t[Symbol.iterator] || t["@@iterator"];
-	          if (null != n) {
-	            var r,
+	        function M(t, e) {
+	          var r = null == t ? null : "undefined" !== typeof Symbol && t[Symbol.iterator] || t["@@iterator"];
+	          if (null != r) {
+	            var n,
 	              i,
 	              o = [],
 	              a = !0,
 	              s = !1;
 	            try {
-	              for (n = n.call(t); !(a = (r = n.next()).done); a = !0) if (o.push(r.value), e && o.length === e) break;
+	              for (r = r.call(t); !(a = (n = r.next()).done); a = !0) if (o.push(n.value), e && o.length === e) break;
 	            } catch (l) {
 	              s = !0, i = l;
 	            } finally {
 	              try {
-	                a || null == n["return"] || n["return"]();
+	                a || null == r["return"] || r["return"]();
 	              } finally {
 	                if (s) throw i;
 	              }
@@ -34418,31 +34791,31 @@
 	            return o;
 	          }
 	        }
-	        function I(t) {
+	        function L(t) {
 	          if (Array.isArray(t)) return t;
 	        }
-	        function z(t, e) {
-	          var n = Object.keys(t);
+	        function N(t, e) {
+	          var r = Object.keys(t);
 	          if (Object.getOwnPropertySymbols) {
-	            var r = Object.getOwnPropertySymbols(t);
-	            e && (r = r.filter(function (e) {
+	            var n = Object.getOwnPropertySymbols(t);
+	            e && (n = n.filter(function (e) {
 	              return Object.getOwnPropertyDescriptor(t, e).enumerable;
-	            })), n.push.apply(n, r);
+	            })), r.push.apply(r, n);
 	          }
-	          return n;
+	          return r;
 	        }
-	        function N(t) {
+	        function z(t) {
 	          for (var e = 1; e < arguments.length; e++) {
-	            var n = null != arguments[e] ? arguments[e] : {};
-	            e % 2 ? z(Object(n), !0).forEach(function (e) {
-	              q(t, e, n[e]);
-	            }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(n)) : z(Object(n)).forEach(function (e) {
-	              Object.defineProperty(t, e, Object.getOwnPropertyDescriptor(n, e));
+	            var r = null != arguments[e] ? arguments[e] : {};
+	            e % 2 ? N(Object(r), !0).forEach(function (e) {
+	              X(t, e, r[e]);
+	            }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(r)) : N(Object(r)).forEach(function (e) {
+	              Object.defineProperty(t, e, Object.getOwnPropertyDescriptor(r, e));
 	            });
 	          }
 	          return t;
 	        }
-	        function M(t) {
+	        function I(t) {
 	          return $(t) || F(t) || H(t) || T();
 	        }
 	        function T() {
@@ -34451,8 +34824,8 @@
 	        function H(t, e) {
 	          if (t) {
 	            if ("string" === typeof t) return U(t, e);
-	            var n = Object.prototype.toString.call(t).slice(8, -1);
-	            return "Object" === n && t.constructor && (n = t.constructor.name), "Map" === n || "Set" === n ? Array.from(t) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? U(t, e) : void 0;
+	            var r = Object.prototype.toString.call(t).slice(8, -1);
+	            return "Object" === r && t.constructor && (r = t.constructor.name), "Map" === r || "Set" === r ? Array.from(t) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? U(t, e) : void 0;
 	          }
 	        }
 	        function F(t) {
@@ -34463,43 +34836,43 @@
 	        }
 	        function U(t, e) {
 	          (null == e || e > t.length) && (e = t.length);
-	          for (var n = 0, r = new Array(e); n < e; n++) r[n] = t[n];
-	          return r;
+	          for (var r = 0, n = new Array(e); r < e; r++) n[r] = t[r];
+	          return n;
 	        }
-	        function W(t, e) {
+	        function _(t, e) {
 	          if (!(t instanceof e)) throw new TypeError("Cannot call a class as a function");
 	        }
-	        function _(t, e) {
-	          for (var n = 0; n < e.length; n++) {
-	            var r = e[n];
-	            r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), Object.defineProperty(t, r.key, r);
+	        function W(t, e) {
+	          for (var r = 0; r < e.length; r++) {
+	            var n = e[r];
+	            n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), Object.defineProperty(t, n.key, n);
 	          }
 	        }
-	        function G(t, e, n) {
-	          return e && _(t.prototype, e), n && _(t, n), Object.defineProperty(t, "prototype", {
+	        function G(t, e, r) {
+	          return e && W(t.prototype, e), r && W(t, r), Object.defineProperty(t, "prototype", {
 	            writable: !1
 	          }), t;
 	        }
-	        function q(t, e, n) {
+	        function X(t, e, r) {
 	          return e in t ? Object.defineProperty(t, e, {
-	            value: n,
+	            value: r,
 	            enumerable: !0,
 	            configurable: !0,
 	            writable: !0
-	          }) : t[e] = n, t;
+	          }) : t[e] = r, t;
 	        }
 	        (function (t) {
 	          t[t["VALUE"] = 1] = "VALUE", t[t["INTERVAL"] = 2] = "INTERVAL", t[t["MIN"] = 3] = "MIN", t[t["MAX"] = 4] = "MAX", t[t["ORDER"] = 5] = "ORDER";
 	        })(V || (V = {}));
-	        var X = (w = {}, q(w, V.VALUE, 'The type of the "value" is illegal'), q(w, V.INTERVAL, 'The prop "interval" is invalid, "(max - min)" must be divisible by "interval"'), q(w, V.MIN, 'The "value" must be greater than or equal to the "min".'), q(w, V.MAX, 'The "value" must be less than or equal to the "max".'), q(w, V.ORDER, 'When "order" is false, the parameters "minRange", "maxRange", "fixed", "enabled" are invalid.'), w),
-	          K = function () {
+	        var q = (A = {}, X(A, V.VALUE, 'The type of the "value" is illegal'), X(A, V.INTERVAL, 'The prop "interval" is invalid, "(max - min)" must be divisible by "interval"'), X(A, V.MIN, 'The "value" must be greater than or equal to the "min".'), X(A, V.MAX, 'The "value" must be less than or equal to the "max".'), X(A, V.ORDER, 'When "order" is false, the parameters "minRange", "maxRange", "fixed", "enabled" are invalid.'), A),
+	          Z = function () {
 	            function t(e) {
-	              W(this, t), q(this, "dotsPos", []), q(this, "dotsValue", []), q(this, "data", void 0), q(this, "enableCross", void 0), q(this, "fixed", void 0), q(this, "max", void 0), q(this, "min", void 0), q(this, "interval", void 0), q(this, "minRange", void 0), q(this, "maxRange", void 0), q(this, "order", void 0), q(this, "marks", void 0), q(this, "included", void 0), q(this, "process", void 0), q(this, "adsorb", void 0), q(this, "dotOptions", void 0), q(this, "onError", void 0), q(this, "cacheRangeDir", {}), this.data = e.data, this.max = e.max, this.min = e.min, this.interval = e.interval, this.order = e.order, this.marks = e.marks, this.included = e.included, this.process = e.process, this.adsorb = e.adsorb, this.dotOptions = e.dotOptions, this.onError = e.onError, this.order ? (this.minRange = e.minRange || 0, this.maxRange = e.maxRange || 0, this.enableCross = e.enableCross, this.fixed = e.fixed) : ((e.minRange || e.maxRange || !e.enableCross || e.fixed) && this.emitError(V.ORDER), this.minRange = 0, this.maxRange = 0, this.enableCross = !0, this.fixed = !1), this.setValue(e.value);
+	              _(this, t), X(this, "dotsPos", []), X(this, "dotsValue", []), X(this, "data", void 0), X(this, "enableCross", void 0), X(this, "fixed", void 0), X(this, "max", void 0), X(this, "min", void 0), X(this, "interval", void 0), X(this, "minRange", void 0), X(this, "maxRange", void 0), X(this, "order", void 0), X(this, "marks", void 0), X(this, "included", void 0), X(this, "process", void 0), X(this, "adsorb", void 0), X(this, "dotOptions", void 0), X(this, "onError", void 0), X(this, "cacheRangeDir", {}), this.data = e.data, this.max = e.max, this.min = e.min, this.interval = e.interval, this.order = e.order, this.marks = e.marks, this.included = e.included, this.process = e.process, this.adsorb = e.adsorb, this.dotOptions = e.dotOptions, this.onError = e.onError, this.order ? (this.minRange = e.minRange || 0, this.maxRange = e.maxRange || 0, this.enableCross = e.enableCross, this.fixed = e.fixed) : ((e.minRange || e.maxRange || !e.enableCross || e.fixed) && this.emitError(V.ORDER), this.minRange = 0, this.maxRange = 0, this.enableCross = !0, this.fixed = !1), this.setValue(e.value);
 	            }
 	            return G(t, [{
 	              key: "setValue",
 	              value: function value(t) {
-	                this.setDotsValue(Array.isArray(t) ? M(t) : [t], !0);
+	                this.setDotsValue(Array.isArray(t) ? I(t) : [t], !0);
 	              }
 	            }, {
 	              key: "setDotsValue",
@@ -34510,10 +34883,10 @@
 	              key: "setDotsPos",
 	              value: function value(t) {
 	                var e = this,
-	                  n = this.order ? M(t).sort(function (t, e) {
+	                  r = this.order ? I(t).sort(function (t, e) {
 	                    return t - e;
 	                  }) : t;
-	                this.dotsPos = n, this.setDotsValue(n.map(function (t) {
+	                this.dotsPos = r, this.setDotsValue(r.map(function (t) {
 	                  return e.getValueByPos(t);
 	                }), this.adsorb);
 	              }
@@ -34522,10 +34895,10 @@
 	              value: function value(t) {
 	                var e = this.parsePos(t);
 	                if (this.included) {
-	                  var n = 100;
-	                  this.markList.forEach(function (r) {
-	                    var i = Math.abs(r.pos - t);
-	                    i < n && (n = i, e = r.value);
+	                  var r = 100;
+	                  this.markList.forEach(function (n) {
+	                    var i = Math.abs(n.pos - t);
+	                    i < r && (r = i, e = n.value);
 	                  });
 	                }
 	                return e;
@@ -34543,23 +34916,23 @@
 	              get: function get() {
 	                var t = this;
 	                if (!this.marks) return [];
-	                var e = function e(_e, n) {
-	                  var r = t.parseValue(_e);
-	                  return N({
-	                    pos: r,
+	                var e = function e(_e, r) {
+	                  var n = t.parseValue(_e);
+	                  return z({
+	                    pos: n,
 	                    value: _e,
 	                    label: _e,
-	                    active: t.isActiveByPos(r)
-	                  }, n);
+	                    active: t.isActiveByPos(n)
+	                  }, r);
 	                };
 	                return !0 === this.marks ? this.getValues().map(function (t) {
 	                  return e(t);
 	                }) : "[object Object]" === Object.prototype.toString.call(this.marks) ? Object.keys(this.marks).sort(function (t, e) {
 	                  return +t - +e;
-	                }).map(function (n) {
-	                  var r = t.marks[n];
-	                  return e(n, "string" !== typeof r ? r : {
-	                    label: r
+	                }).map(function (r) {
+	                  var n = t.marks[r];
+	                  return e(r, "string" !== typeof n ? n : {
+	                    label: n
 	                  });
 	                }) : Array.isArray(this.marks) ? this.marks.map(function (t) {
 	                  return e(t);
@@ -34572,9 +34945,9 @@
 	                  var e = t.result;
 	                  return !!e;
 	                }).map(function (t) {
-	                  var n = t.value,
-	                    r = t.result;
-	                  return e(n, r);
+	                  var r = t.value,
+	                    n = t.result;
+	                  return e(r, n);
 	                }) : [];
 	              }
 	            }, {
@@ -34583,7 +34956,7 @@
 	                var e = this.dotsPos.map(function (e) {
 	                  return Math.abs(e - t);
 	                });
-	                return e.indexOf(Math.min.apply(Math, M(e)));
+	                return e.indexOf(Math.min.apply(Math, I(e)));
 	              }
 	            }, {
 	              key: "getIndexByValue",
@@ -34599,24 +34972,24 @@
 	              key: "setDotPos",
 	              value: function value(t, e) {
 	                t = this.getValidPos(t, e).pos;
-	                var n = t - this.dotsPos[e];
-	                if (n) {
-	                  var r = new Array(this.dotsPos.length);
-	                  this.fixed ? r = this.getFixedChangePosArr(n, e) : this.minRange || this.maxRange ? r = this.getLimitRangeChangePosArr(t, n, e) : r[e] = n, this.setDotsPos(this.dotsPos.map(function (t, e) {
-	                    return t + (r[e] || 0);
+	                var r = t - this.dotsPos[e];
+	                if (r) {
+	                  var n = new Array(this.dotsPos.length);
+	                  this.fixed ? n = this.getFixedChangePosArr(r, e) : this.minRange || this.maxRange ? n = this.getLimitRangeChangePosArr(t, r, e) : n[e] = r, this.setDotsPos(this.dotsPos.map(function (t, e) {
+	                    return t + (n[e] || 0);
 	                  }));
 	                }
 	              }
 	            }, {
 	              key: "getFixedChangePosArr",
 	              value: function value(t, e) {
-	                var n = this;
-	                return this.dotsPos.forEach(function (r, i) {
+	                var r = this;
+	                return this.dotsPos.forEach(function (n, i) {
 	                  if (i !== e) {
-	                    var o = n.getValidPos(r + t, i),
+	                    var o = r.getValidPos(n + t, i),
 	                      a = o.pos,
 	                      s = o.inRange;
-	                    s || (t = Math.min(Math.abs(a - r), Math.abs(t)) * (t < 0 ? -1 : 1));
+	                    s || (t = Math.min(Math.abs(a - n), Math.abs(t)) * (t < 0 ? -1 : 1));
 	                  }
 	                }), this.dotsPos.map(function (e) {
 	                  return t;
@@ -34624,10 +34997,10 @@
 	              }
 	            }, {
 	              key: "getLimitRangeChangePosArr",
-	              value: function value(t, e, n) {
-	                var r = this,
+	              value: function value(t, e, r) {
+	                var n = this,
 	                  i = [{
-	                    index: n,
+	                    index: r,
 	                    changePos: e
 	                  }],
 	                  o = e;
@@ -34638,25 +35011,25 @@
 	                    c = 0;
 	                  c = l ? u ? 1 : -1 : u ? -1 : 1;
 	                  var d = function d(t, e) {
-	                      var n = Math.abs(t - e);
-	                      return l ? n < r.minRangeDir : n > r.maxRangeDir;
+	                      var r = Math.abs(t - e);
+	                      return l ? r < n.minRangeDir : r > n.maxRangeDir;
 	                    },
-	                    h = n + c,
-	                    f = r.dotsPos[h],
+	                    h = r + c,
+	                    f = n.dotsPos[h],
 	                    p = t;
-	                  while (r.isPos(f) && d(f, p)) {
-	                    var m = r.getValidPos(f + o, h),
-	                      y = m.pos;
+	                  while (n.isPos(f) && d(f, p)) {
+	                    var m = n.getValidPos(f + o, h),
+	                      v = m.pos;
 	                    i.push({
 	                      index: h,
-	                      changePos: y - f
-	                    }), h += c, p = y, f = r.dotsPos[h];
+	                      changePos: v - f
+	                    }), h += c, p = v, f = n.dotsPos[h];
 	                  }
 	                }), this.dotsPos.map(function (t, e) {
-	                  var n = i.filter(function (t) {
+	                  var r = i.filter(function (t) {
 	                    return t.index === e;
 	                  });
-	                  return n.length ? n[0].changePos : 0;
+	                  return r.length ? r[0].changePos : 0;
 	                });
 	              }
 	            }, {
@@ -34667,11 +35040,11 @@
 	            }, {
 	              key: "getValidPos",
 	              value: function value(t, e) {
-	                var n = this.valuePosRange[e],
-	                  r = !0;
-	                return t < n[0] ? (t = n[0], r = !1) : t > n[1] && (t = n[1], r = !1), {
+	                var r = this.valuePosRange[e],
+	                  n = !0;
+	                return t < r[0] ? (t = r[0], n = !1) : t > r[1] && (t = r[1], n = !1), {
 	                  pos: t,
-	                  inRange: r
+	                  inRange: n
 	                };
 	              }
 	            }, {
@@ -34696,10 +35069,10 @@
 	              key: "isActiveByPos",
 	              value: function value(t) {
 	                return this.processArray.some(function (e) {
-	                  var n = B(e, 2),
-	                    r = n[0],
-	                    i = n[1];
-	                  return t >= r && t <= i;
+	                  var r = C(e, 2),
+	                    n = r[0],
+	                    i = r[1];
+	                  return t >= n && t <= i;
 	                });
 	              }
 	            }, {
@@ -34717,7 +35090,7 @@
 	            }, {
 	              key: "emitError",
 	              value: function value(t) {
-	                this.onError && this.onError(t, X[t]);
+	                this.onError && this.onError(t, q[t]);
 	              }
 	            }, {
 	              key: "processArray",
@@ -34725,7 +35098,7 @@
 	                if (this.process) {
 	                  if ("function" === typeof this.process) return this.process(this.dotsPos);
 	                  if (1 === this.dotsPos.length) return [[0, this.dotsPos[0]]];
-	                  if (this.dotsPos.length > 1) return [[Math.min.apply(Math, M(this.dotsPos)), Math.max.apply(Math, M(this.dotsPos))]];
+	                  if (this.dotsPos.length > 1) return [[Math.min.apply(Math, I(this.dotsPos)), Math.max.apply(Math, I(this.dotsPos))]];
 	                }
 	                return [];
 	              }
@@ -34752,20 +35125,20 @@
 	              }
 	            }, {
 	              key: "getDotRange",
-	              value: function value(t, e, n) {
-	                if (!this.dotOptions) return n;
-	                var r = Array.isArray(this.dotOptions) ? this.dotOptions[t] : this.dotOptions;
-	                return r && void 0 !== r[e] ? this.parseValue(r[e]) : n;
+	              value: function value(t, e, r) {
+	                if (!this.dotOptions) return r;
+	                var n = Array.isArray(this.dotOptions) ? this.dotOptions[t] : this.dotOptions;
+	                return n && void 0 !== n[e] ? this.parseValue(n[e]) : r;
 	              }
 	            }, {
 	              key: "valuePosRange",
 	              get: function get() {
 	                var t = this,
 	                  e = this.dotsPos,
-	                  n = [];
-	                return e.forEach(function (r, i) {
-	                  n.push([Math.max(t.minRange ? t.minRangeDir * i : 0, t.enableCross ? 0 : e[i - 1] || 0, t.getDotRange(i, "min", 0)), Math.min(t.minRange ? 100 - t.minRangeDir * (e.length - 1 - i) : 100, t.enableCross ? 100 : e[i + 1] || 100, t.getDotRange(i, "max", 100))]);
-	                }), n;
+	                  r = [];
+	                return e.forEach(function (n, i) {
+	                  r.push([Math.max(t.minRange ? t.minRangeDir * i : 0, t.enableCross ? 0 : e[i - 1] || 0, t.getDotRange(i, "min", 0)), Math.min(t.minRange ? 100 - t.minRangeDir * (e.length - 1 - i) : 100, t.enableCross ? 100 : e[i + 1] || 100, t.getDotRange(i, "max", 100))]);
+	                }), r;
 	              }
 	            }, {
 	              key: "dotsIndex",
@@ -34777,31 +35150,31 @@
 	              }
 	            }]), t;
 	          }();
-	        function Z(t, e) {
+	        function Y(t, e) {
 	          if (!(t instanceof e)) throw new TypeError("Cannot call a class as a function");
 	        }
-	        function Y(t, e) {
-	          for (var n = 0; n < e.length; n++) {
-	            var r = e[n];
-	            r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), Object.defineProperty(t, r.key, r);
+	        function K(t, e) {
+	          for (var r = 0; r < e.length; r++) {
+	            var n = e[r];
+	            n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), Object.defineProperty(t, n.key, n);
 	          }
 	        }
-	        function J(t, e, n) {
-	          return e && Y(t.prototype, e), n && Y(t, n), Object.defineProperty(t, "prototype", {
+	        function J(t, e, r) {
+	          return e && K(t.prototype, e), r && K(t, r), Object.defineProperty(t, "prototype", {
 	            writable: !1
 	          }), t;
 	        }
-	        function Q(t, e, n) {
+	        function Q(t, e, r) {
 	          return e in t ? Object.defineProperty(t, e, {
-	            value: n,
+	            value: r,
 	            enumerable: !0,
 	            configurable: !0,
 	            writable: !0
-	          }) : t[e] = n, t;
+	          }) : t[e] = r, t;
 	        }
 	        var tt = function () {
 	          function t(e) {
-	            Z(this, t), Q(this, "map", void 0), Q(this, "states", 0), this.map = e;
+	            Y(this, t), Q(this, "map", void 0), Q(this, "states", 0), this.map = e;
 	          }
 	          return J(t, [{
 	            key: "add",
@@ -34825,13 +35198,14 @@
 	            }
 	          }]), t;
 	        }();
+	        n(631);
 	        function et(t) {
-	          return it(t) || rt(t) || dt(t) || nt();
+	          return it(t) || nt(t) || dt(t) || rt();
 	        }
-	        function nt() {
+	        function rt() {
 	          throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 	        }
-	        function rt(t) {
+	        function nt(t) {
 	          if ("undefined" !== typeof Symbol && null != t[Symbol.iterator] || null != t["@@iterator"]) return Array.from(t);
 	        }
 	        function it(t) {
@@ -34845,33 +35219,33 @@
 	          }, ot(t);
 	        }
 	        function at(t, e) {
-	          var n = Object.keys(t);
+	          var r = Object.keys(t);
 	          if (Object.getOwnPropertySymbols) {
-	            var r = Object.getOwnPropertySymbols(t);
-	            e && (r = r.filter(function (e) {
+	            var n = Object.getOwnPropertySymbols(t);
+	            e && (n = n.filter(function (e) {
 	              return Object.getOwnPropertyDescriptor(t, e).enumerable;
-	            })), n.push.apply(n, r);
+	            })), r.push.apply(r, n);
 	          }
-	          return n;
+	          return r;
 	        }
 	        function st(t) {
 	          for (var e = 1; e < arguments.length; e++) {
-	            var n = null != arguments[e] ? arguments[e] : {};
-	            e % 2 ? at(Object(n), !0).forEach(function (e) {
-	              lt(t, e, n[e]);
-	            }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(n)) : at(Object(n)).forEach(function (e) {
-	              Object.defineProperty(t, e, Object.getOwnPropertyDescriptor(n, e));
+	            var r = null != arguments[e] ? arguments[e] : {};
+	            e % 2 ? at(Object(r), !0).forEach(function (e) {
+	              lt(t, e, r[e]);
+	            }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(r)) : at(Object(r)).forEach(function (e) {
+	              Object.defineProperty(t, e, Object.getOwnPropertyDescriptor(r, e));
 	            });
 	          }
 	          return t;
 	        }
-	        function lt(t, e, n) {
+	        function lt(t, e, r) {
 	          return e in t ? Object.defineProperty(t, e, {
-	            value: n,
+	            value: r,
 	            enumerable: !0,
 	            configurable: !0,
 	            writable: !0
-	          }) : t[e] = n, t;
+	          }) : t[e] = r, t;
 	        }
 	        function ut(t, e) {
 	          return pt(t) || ft(t, e) || dt(t, e) || ct();
@@ -34882,30 +35256,30 @@
 	        function dt(t, e) {
 	          if (t) {
 	            if ("string" === typeof t) return ht(t, e);
-	            var n = Object.prototype.toString.call(t).slice(8, -1);
-	            return "Object" === n && t.constructor && (n = t.constructor.name), "Map" === n || "Set" === n ? Array.from(t) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? ht(t, e) : void 0;
+	            var r = Object.prototype.toString.call(t).slice(8, -1);
+	            return "Object" === r && t.constructor && (r = t.constructor.name), "Map" === r || "Set" === r ? Array.from(t) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? ht(t, e) : void 0;
 	          }
 	        }
 	        function ht(t, e) {
 	          (null == e || e > t.length) && (e = t.length);
-	          for (var n = 0, r = new Array(e); n < e; n++) r[n] = t[n];
-	          return r;
+	          for (var r = 0, n = new Array(e); r < e; r++) n[r] = t[r];
+	          return n;
 	        }
 	        function ft(t, e) {
-	          var n = null == t ? null : "undefined" !== typeof Symbol && t[Symbol.iterator] || t["@@iterator"];
-	          if (null != n) {
-	            var r,
+	          var r = null == t ? null : "undefined" !== typeof Symbol && t[Symbol.iterator] || t["@@iterator"];
+	          if (null != r) {
+	            var n,
 	              i,
 	              o = [],
 	              a = !0,
 	              s = !1;
 	            try {
-	              for (n = n.call(t); !(a = (r = n.next()).done); a = !0) if (o.push(r.value), e && o.length === e) break;
+	              for (r = r.call(t); !(a = (n = r.next()).done); a = !0) if (o.push(n.value), e && o.length === e) break;
 	            } catch (l) {
 	              s = !0, i = l;
 	            } finally {
 	              try {
-	                a || null == n["return"] || n["return"]();
+	                a || null == r["return"] || r["return"]();
 	              } finally {
 	                if (s) throw i;
 	              }
@@ -34921,8 +35295,8 @@
 	            Drag: 2,
 	            Focus: 4
 	          },
-	          yt = 4,
-	          vt = (0, o.defineComponent)({
+	          vt = 4,
+	          yt = (0, o.defineComponent)({
 	            name: "VueSlider",
 	            components: {
 	              VueSliderDot: m,
@@ -35112,7 +35486,7 @@
 	                return "rtl" === this.direction || "btt" === this.direction;
 	              },
 	              tailSize: function tailSize() {
-	                return S((this.isHorizontal ? this.height : this.width) || yt);
+	                return S((this.isHorizontal ? this.height : this.width) || vt);
 	              },
 	              containerClasses: function containerClasses() {
 	                return ["vue-slider", ["vue-slider-".concat(this.direction)], {
@@ -35122,20 +35496,20 @@
 	              containerStyles: function containerStyles() {
 	                var t = Array.isArray(this.dotSize) ? this.dotSize : [this.dotSize, this.dotSize],
 	                  e = ut(t, 2),
-	                  n = e[0],
-	                  r = e[1],
-	                  i = this.width ? S(this.width) : this.isHorizontal ? "auto" : S(yt),
-	                  o = this.height ? S(this.height) : this.isHorizontal ? S(yt) : "auto";
+	                  r = e[0],
+	                  n = e[1],
+	                  i = this.width ? S(this.width) : this.isHorizontal ? "auto" : S(vt),
+	                  o = this.height ? S(this.height) : this.isHorizontal ? S(vt) : "auto";
 	                return {
-	                  padding: this.contained ? "".concat(r / 2, "px ").concat(n / 2, "px") : this.isHorizontal ? "".concat(r / 2, "px 0") : "0 ".concat(n / 2, "px"),
+	                  padding: this.contained ? "".concat(n / 2, "px ").concat(r / 2, "px") : this.isHorizontal ? "".concat(n / 2, "px 0") : "0 ".concat(r / 2, "px"),
 	                  width: i,
 	                  height: o
 	                };
 	              },
 	              processArray: function processArray() {
 	                var t = this;
-	                return this.control.processArray.map(function (e, n) {
-	                  var r,
+	                return this.control.processArray.map(function (e, r) {
+	                  var n,
 	                    i = ut(e, 3),
 	                    o = i[0],
 	                    a = i[1],
@@ -35148,17 +35522,17 @@
 	                  return {
 	                    start: o,
 	                    end: a,
-	                    index: n,
-	                    style: st(st((r = {}, lt(r, t.isHorizontal ? "height" : "width", "100%"), lt(r, t.isHorizontal ? "top" : "left", 0), lt(r, t.mainDirection, "".concat(o, "%")), lt(r, u, "".concat(a - o, "%")), lt(r, "transitionProperty", "".concat(u, ",").concat(t.mainDirection)), lt(r, "transitionDuration", "".concat(t.animateTime, "s")), r), t.processStyle), s)
+	                    index: r,
+	                    style: st(st((n = {}, lt(n, t.isHorizontal ? "height" : "width", "100%"), lt(n, t.isHorizontal ? "top" : "left", 0), lt(n, t.mainDirection, "".concat(o, "%")), lt(n, u, "".concat(a - o, "%")), lt(n, "transitionProperty", "".concat(u, ",").concat(t.mainDirection)), lt(n, "transitionDuration", "".concat(t.animateTime, "s")), n), t.processStyle), s)
 	                  };
 	                });
 	              },
 	              dotBaseStyle: function dotBaseStyle() {
 	                var t,
 	                  e = Array.isArray(this.dotSize) ? this.dotSize : [this.dotSize, this.dotSize],
-	                  n = ut(e, 2),
-	                  r = n[0],
-	                  i = n[1];
+	                  r = ut(e, 2),
+	                  n = r[0],
+	                  i = r[1];
 	                return t = this.isHorizontal ? lt({
 	                  transform: "translate(".concat(this.isReverse ? "50%" : "-50%", ", -50%)"),
 	                  WebkitTransform: "translate(".concat(this.isReverse ? "50%" : "-50%", ", -50%)"),
@@ -35168,7 +35542,7 @@
 	                  WebkitTransform: "translate(-50%, ".concat(this.isReverse ? "50%" : "-50%", ")"),
 	                  left: "50%"
 	                }, "btt" === this.direction ? "bottom" : "top", "0"), st({
-	                  width: "".concat(r, "px"),
+	                  width: "".concat(n, "px"),
 	                  height: "".concat(i, "px")
 	                }, t);
 	              },
@@ -35194,15 +35568,15 @@
 	              },
 	              dots: function dots() {
 	                var t = this;
-	                return this.control.dotsPos.map(function (e, n) {
+	                return this.control.dotsPos.map(function (e, r) {
 	                  return st({
 	                    pos: e,
-	                    index: n,
-	                    value: t.control.dotsValue[n],
-	                    focus: t.states.has(mt.Focus) && t.focusDotIndex === n,
+	                    index: r,
+	                    value: t.control.dotsValue[r],
+	                    focus: t.states.has(mt.Focus) && t.focusDotIndex === r,
 	                    disabled: t.disabled,
 	                    style: t.dotStyle
-	                  }, (Array.isArray(t.dotOptions) ? t.dotOptions[n] : t.dotOptions) || {});
+	                  }, (Array.isArray(t.dotOptions) ? t.dotOptions[r] : t.dotOptions) || {});
 	                });
 	              },
 	              animateTime: function animateTime() {
@@ -35220,22 +35594,22 @@
 	              sliderMarks: function sliderMarks() {
 	                var t = this;
 	                return this.marks ? this.marks : this.isObjectArrayData(this.data) ? function (e) {
-	                  var n = {
+	                  var r = {
 	                    label: e
 	                  };
-	                  return t.data.some(function (r) {
-	                    return r[t.dataValue] === e && (n.label = r[t.dataLabel], !0);
-	                  }), n;
+	                  return t.data.some(function (n) {
+	                    return n[t.dataValue] === e && (r.label = n[t.dataLabel], !0);
+	                  }), r;
 	                } : this.isObjectData(this.data) ? this.data : void 0;
 	              },
 	              sliderTooltipFormatter: function sliderTooltipFormatter() {
 	                var t = this;
 	                if (this.tooltipFormatter) return this.tooltipFormatter;
 	                if (this.isObjectArrayData(this.data)) return function (e) {
-	                  var n = "" + e;
-	                  return t.data.some(function (r) {
-	                    return r[t.dataValue] === e && (n = r[t.dataLabel], !0);
-	                  }), n;
+	                  var r = "" + e;
+	                  return t.data.some(function (n) {
+	                    return n[t.dataValue] === e && (r = n[t.dataLabel], !0);
+	                  }), r;
 	                };
 	                if (this.isObjectData(this.data)) {
 	                  var e = this.data;
@@ -35246,8 +35620,8 @@
 	              },
 	              isNotSync: function isNotSync() {
 	                var t = this.control.dotsValue;
-	                return Array.isArray(this.modelValue) ? this.modelValue.length !== t.length || this.modelValue.some(function (e, n) {
-	                  return e !== t[n];
+	                return Array.isArray(this.modelValue) ? this.modelValue.length !== t.length || this.modelValue.some(function (e, r) {
+	                  return e !== t[r];
 	                }) : this.modelValue !== t[0];
 	              },
 	              dragRange: function dragRange() {
@@ -35283,7 +35657,7 @@
 	              },
 	              initControl: function initControl() {
 	                var t = this;
-	                this.control = new K({
+	                this.control = new Z({
 	                  value: this.modelValue,
 	                  data: this.sliderData,
 	                  enableCross: this.enableCross,
@@ -35301,9 +35675,9 @@
 	                  dotOptions: this.dotOptions,
 	                  onError: this.emitError
 	                }), ["data", "enableCross", "fixed", "max", "min", "interval", "minRange", "maxRange", "order", "marks", "process", "adsorb", "included", "dotOptions"].forEach(function (e) {
-	                  t.$watch(e, function (n) {
-	                    if ("data" === e && Array.isArray(t.control.data) && Array.isArray(n) && t.control.data.length === n.length && n.every(function (e, n) {
-	                      return e === t.control.data[n];
+	                  t.$watch(e, function (r) {
+	                    if ("data" === e && Array.isArray(t.control.data) && Array.isArray(r) && t.control.data.length === r.length && r.every(function (e, r) {
+	                      return e === t.control.data[r];
 	                    })) return !1;
 	                    switch (e) {
 	                      case "data":
@@ -35315,7 +35689,7 @@
 	                        t.control.marks = t.sliderMarks;
 	                        break;
 	                      default:
-	                        t.control[e] = n;
+	                        t.control[e] = r;
 	                    }
 	                    ["data", "max", "min", "interval"].indexOf(e) > -1 && t.control.syncDotsPos();
 	                  });
@@ -35329,8 +35703,8 @@
 	                }
 	              },
 	              isDiff: function isDiff(t, e) {
-	                return t.length !== e.length || t.some(function (t, n) {
-	                  return t !== e[n];
+	                return t.length !== e.length || t.some(function (t, r) {
+	                  return t !== e[r];
 	                });
 	              },
 	              emitError: function emitError(t, e) {
@@ -35340,9 +35714,9 @@
 	                if (this.dragOnClick) {
 	                  this.setScale();
 	                  var e = this.getPosByEvent(t),
-	                    n = this.control.getRecentDot(e);
-	                  if (this.dots[n].disabled) return;
-	                  this.dragStart(n), this.control.setDotPos(e, this.focusDotIndex), this.lazy || this.syncValueByPos();
+	                    r = this.control.getRecentDot(e);
+	                  if (this.dots[r].disabled) return;
+	                  this.dragStart(r), this.control.setDotPos(e, this.focusDotIndex), this.lazy || this.syncValueByPos();
 	                }
 	              },
 	              dragStart: function dragStart(t) {
@@ -35353,16 +35727,16 @@
 	                t.preventDefault();
 	                var e = this.getPosByEvent(t);
 	                this.isCrossDot(e), this.control.setDotPos(e, this.focusDotIndex), this.lazy || this.syncValueByPos();
-	                var n = this.control.dotsValue;
-	                this.$emit("dragging", 1 === n.length ? n[0] : et(n), this.focusDotIndex);
+	                var r = this.control.dotsValue;
+	                this.$emit("dragging", 1 === r.length ? r[0] : et(r), this.focusDotIndex);
 	              },
 	              isCrossDot: function isCrossDot(t) {
 	                if (this.canSort) {
 	                  var e = this.focusDotIndex,
-	                    n = t;
-	                  if (n > this.dragRange[1] ? (n = this.dragRange[1], this.focusDotIndex++) : n < this.dragRange[0] && (n = this.dragRange[0], this.focusDotIndex--), e !== this.focusDotIndex) {
-	                    var r = this.$refs["dot-".concat(this.focusDotIndex)];
-	                    r && r.$el && r.$el.focus(), this.control.setDotPos(n, e);
+	                    r = t;
+	                  if (r > this.dragRange[1] ? (r = this.dragRange[1], this.focusDotIndex++) : r < this.dragRange[0] && (r = this.dragRange[0], this.focusDotIndex--), e !== this.focusDotIndex) {
+	                    var n = this.$refs["dot-".concat(this.focusDotIndex)];
+	                    n && n.$el && n.$el.focus(), this.control.setDotPos(r, e);
 	                  }
 	                }
 	              },
@@ -35405,44 +35779,44 @@
 	              },
 	              setIndex: function setIndex(t) {
 	                var e = this,
-	                  n = Array.isArray(t) ? t.map(function (t) {
+	                  r = Array.isArray(t) ? t.map(function (t) {
 	                    return e.control.getValueByIndex(t);
 	                  }) : this.control.getValueByIndex(t);
-	                this.setValue(n);
+	                this.setValue(r);
 	              },
 	              setValueByPos: function setValueByPos(t) {
 	                var e = this,
-	                  n = this.control.getRecentDot(t);
-	                if (this.disabled || this.dots[n].disabled) return !1;
-	                this.focusDotIndex = n, this.control.setDotPos(t, n), this.syncValueByPos(), this.useKeyboard && this.states.add(mt.Focus), setTimeout(function () {
+	                  r = this.control.getRecentDot(t);
+	                if (this.disabled || this.dots[r].disabled) return !1;
+	                this.focusDotIndex = r, this.control.setDotPos(t, r), this.syncValueByPos(), this.useKeyboard && this.states.add(mt.Focus), setTimeout(function () {
 	                  e.included && e.isNotSync ? e.control.setValue(e.modelValue) : e.control.syncDotsPos();
 	                });
 	              },
 	              keydownHandle: function keydownHandle(t) {
 	                var e = this;
 	                if (!this.useKeyboard || !this.states.has(mt.Focus)) return !1;
-	                var n = this.included && this.marks,
-	                  r = O(t, {
+	                var r = this.included && this.marks,
+	                  n = w(t, {
 	                    direction: this.direction,
-	                    max: n ? this.control.markList.length - 1 : this.control.total,
+	                    max: r ? this.control.markList.length - 1 : this.control.total,
 	                    min: 0,
 	                    hook: this.keydownHook
 	                  });
-	                if (r) {
+	                if (n) {
 	                  t.preventDefault();
 	                  var i = -1,
 	                    o = 0;
-	                  n ? (this.control.markList.some(function (t, n) {
-	                    return t.value === e.control.dotsValue[e.focusDotIndex] && (i = r(n), !0);
-	                  }), i < 0 ? i = 0 : i > this.control.markList.length - 1 && (i = this.control.markList.length - 1), o = this.control.markList[i].pos) : (i = r(this.control.getIndexByValue(this.control.dotsValue[this.focusDotIndex])), o = this.control.parseValue(this.control.getValueByIndex(i))), this.isCrossDot(o), this.control.setDotPos(o, this.focusDotIndex), this.syncValueByPos();
+	                  r ? (this.control.markList.some(function (t, r) {
+	                    return t.value === e.control.dotsValue[e.focusDotIndex] && (i = n(r), !0);
+	                  }), i < 0 ? i = 0 : i > this.control.markList.length - 1 && (i = this.control.markList.length - 1), o = this.control.markList[i].pos) : (i = n(this.control.getIndexByValue(this.control.dotsValue[this.focusDotIndex])), o = this.control.parseValue(this.control.getValueByIndex(i))), this.isCrossDot(o), this.control.setDotPos(o, this.focusDotIndex), this.syncValueByPos();
 	                }
 	              },
 	              getPosByEvent: function getPosByEvent(t) {
 	                return P(t, this.$el, this.isReverse, this.zoom)[this.isHorizontal ? "x" : "y"] / this.scale;
 	              },
-	              renderSlot: function renderSlot(t, e, n) {
-	                var r = this.$slots[t];
-	                return r ? r(e) : n;
+	              renderSlot: function renderSlot(t, e, r) {
+	                var n = this.$slots[t];
+	                return n ? n(e) : r;
 	              }
 	            },
 	            created: function created() {
@@ -35455,22 +35829,20 @@
 	              this.unbindEvent();
 	            }
 	          });
-	        var gt = (0, f.Z)(vt, [["render", l]]);
-	        var bt = gt;
-	        bt.VueSliderMark = k, bt.VueSliderDot = m;
-	        var kt = bt,
+	        var bt = (0, f.Z)(yt, [["render", l]]);
+	        var gt = bt;
+	        gt.VueSliderMark = k, gt.VueSliderDot = m;
+	        var kt = gt,
 	          St = kt;
 	      }(), i = i["default"], i;
 	    }();
 	  });
 	});
+	var VueSlider = unwrapExports(vueSliderComponent_umd_min);
 
-	var css_248z = ".vue-slider-dot{position:absolute;-webkit-transition:all 0s;transition:all 0s;z-index:5}.vue-slider-dot:focus{outline:none}.vue-slider-dot-tooltip{position:absolute;visibility:hidden}.vue-slider-dot-hover:hover .vue-slider-dot-tooltip{visibility:visible}.vue-slider-dot-tooltip-show{visibility:visible}.vue-slider-dot-tooltip-top{top:-10px;left:50%;-webkit-transform:translate(-50%, -100%);transform:translate(-50%, -100%)}.vue-slider-dot-tooltip-bottom{bottom:-10px;left:50%;-webkit-transform:translate(-50%, 100%);transform:translate(-50%, 100%)}.vue-slider-dot-tooltip-left{left:-10px;top:50%;-webkit-transform:translate(-100%, -50%);transform:translate(-100%, -50%)}.vue-slider-dot-tooltip-right{right:-10px;top:50%;-webkit-transform:translate(100%, -50%);transform:translate(100%, -50%)}\n.vue-slider-marks{position:relative;width:100%;height:100%}.vue-slider-mark{position:absolute;z-index:1}.vue-slider-ltr .vue-slider-mark,.vue-slider-rtl .vue-slider-mark{width:0;height:100%;top:50%}.vue-slider-ltr .vue-slider-mark-step,.vue-slider-rtl .vue-slider-mark-step{top:0}.vue-slider-ltr .vue-slider-mark-label,.vue-slider-rtl .vue-slider-mark-label{top:100%;margin-top:10px}.vue-slider-ltr .vue-slider-mark{-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.vue-slider-ltr .vue-slider-mark-step{left:0}.vue-slider-ltr .vue-slider-mark-label{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.vue-slider-rtl .vue-slider-mark{-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}.vue-slider-rtl .vue-slider-mark-step{right:0}.vue-slider-rtl .vue-slider-mark-label{right:50%;-webkit-transform:translateX(50%);transform:translateX(50%)}.vue-slider-ttb .vue-slider-mark,.vue-slider-btt .vue-slider-mark{width:100%;height:0;left:50%}.vue-slider-ttb .vue-slider-mark-step,.vue-slider-btt .vue-slider-mark-step{left:0}.vue-slider-ttb .vue-slider-mark-label,.vue-slider-btt .vue-slider-mark-label{left:100%;margin-left:10px}.vue-slider-btt .vue-slider-mark{-webkit-transform:translate(-50%, 50%);transform:translate(-50%, 50%)}.vue-slider-btt .vue-slider-mark-step{top:0}.vue-slider-btt .vue-slider-mark-label{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.vue-slider-ttb .vue-slider-mark{-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.vue-slider-ttb .vue-slider-mark-step{bottom:0}.vue-slider-ttb .vue-slider-mark-label{bottom:50%;-webkit-transform:translateY(50%);transform:translateY(50%)}.vue-slider-mark-step,.vue-slider-mark-label{position:absolute}\n.vue-slider{position:relative;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;-webkit-tap-highlight-color:rgba(0,0,0,0)}.vue-slider-rail{position:relative;width:100%;height:100%;-webkit-transition-property:width,height,left,right,top,bottom;transition-property:width,height,left,right,top,bottom}.vue-slider-process{position:absolute;z-index:1}\n";
+	var css_248z = "/* component style */\n.vue-slider-disabled .vue-slider-process {\n  background-color: #a7a7a7;\n}\n.vue-slider-disabled .vue-slider-dot-handle {\n  border-color: #a7a7a7;\n}\n.vue-slider-disabled .vue-slider-mark-step-active {\n  box-shadow: 0 0 0 2px #a7a7a7;\n}\n\n/* rail style */\n.vue-slider-rail {\n  background-color: whitesmoke;\n  border-radius: 15px;\n  transition: background-color 0.3s;\n}\n.vue-slider:hover .vue-slider-rail {\n  background-color: #e1e1e1;\n}\n\n/* process style */\n.vue-slider-process {\n  background-color: #9cd5ff;\n  border-radius: 15px;\n  transition: background-color 0.3s;\n}\n.vue-slider:hover .vue-slider-process {\n  background-color: #69c0ff;\n}\n\n/* mark style */\n.vue-slider-mark-step {\n  width: 100%;\n  height: 100%;\n  border-radius: 50%;\n  box-shadow: 0 0 0 2px #e8e8e8;\n  background-color: #fff;\n}\n.vue-slider-mark-step-active {\n  box-shadow: 0 0 0 2px #9cd5ff;\n}\n.vue-slider:hover .vue-slider-mark-step-active {\n  box-shadow: 0 0 0 2px #69c0ff;\n}\n\n.vue-slider-mark-label {\n  font-size: 12px;\n  white-space: nowrap;\n}\n/* dot style */\n.vue-slider-dot-handle {\n  cursor: pointer;\n  width: 100%;\n  height: 100%;\n  border-radius: 50%;\n  background-color: #fff;\n  border: 2px solid #9cd5ff;\n  box-sizing: border-box;\n  transition: box-shadow 0.3s, border-color 0.3s;\n}\n.vue-slider:hover .vue-slider-dot-handle {\n  border-color: #69c0ff;\n}\n\n.vue-slider-dot-handle-focus {\n  border-color: #36abff;\n  box-shadow: 0 0 0 5px rgba(54, 171, 255, 0.2);\n}\n.vue-slider:hover .vue-slider-dot-handle-focus {\n  border-color: #36abff;\n}\n\n.vue-slider-dot-handle:hover {\n  border-color: #36abff;\n}\n.vue-slider:hover .vue-slider-dot-handle:hover {\n  border-color: #36abff;\n}\n\n.vue-slider-dot-handle-disabled {\n  cursor: not-allowed;\n  border-color: #ddd !important;\n}\n\n.vue-slider-dot-tooltip {\n  opacity: 0;\n  visibility: hidden;\n  transition: all 0.3s;\n}\n.vue-slider-dot-tooltip-inner {\n  font-size: 14px;\n  white-space: nowrap;\n  padding: 6px 8px;\n  color: #fff;\n  border-radius: 5px;\n  border-color: rgba(0, 0, 0, 0.75);\n  background-color: rgba(0, 0, 0, 0.75);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n  transform: scale(0.9);\n  transition: transform 0.3s;\n}\n.vue-slider-dot-tooltip-inner::after {\n  content: \"\";\n  position: absolute;\n}\n.vue-slider-dot-tooltip-inner-top::after {\n  top: 100%;\n  left: 50%;\n  transform: translate(-50%, 0);\n  height: 0;\n  width: 0;\n  border-color: transparent;\n  border-style: solid;\n  border-width: 5px;\n  border-top-color: inherit;\n}\n.vue-slider-dot-tooltip-inner-bottom::after {\n  bottom: 100%;\n  left: 50%;\n  transform: translate(-50%, 0);\n  height: 0;\n  width: 0;\n  border-color: transparent;\n  border-style: solid;\n  border-width: 5px;\n  border-bottom-color: inherit;\n}\n.vue-slider-dot-tooltip-inner-left::after {\n  left: 100%;\n  top: 50%;\n  transform: translate(0, -50%);\n  height: 0;\n  width: 0;\n  border-color: transparent;\n  border-style: solid;\n  border-width: 5px;\n  border-left-color: inherit;\n}\n.vue-slider-dot-tooltip-inner-right::after {\n  right: 100%;\n  top: 50%;\n  transform: translate(0, -50%);\n  height: 0;\n  width: 0;\n  border-color: transparent;\n  border-style: solid;\n  border-width: 5px;\n  border-right-color: inherit;\n}\n.vue-slider-dot-tooltip-inner-top {\n  transform-origin: 50% 100%;\n}\n.vue-slider-dot-tooltip-inner-bottom {\n  transform-origin: 50% 0;\n}\n.vue-slider-dot-tooltip-inner-left {\n  transform-origin: 100% 50%;\n}\n.vue-slider-dot-tooltip-inner-right {\n  transform-origin: 0% 50%;\n}\n\n.vue-slider-dot:hover .vue-slider-dot-tooltip, .vue-slider-dot-tooltip-show {\n  opacity: 1;\n  visibility: visible;\n}\n.vue-slider-dot:hover .vue-slider-dot-tooltip .vue-slider-dot-tooltip-inner, .vue-slider-dot-tooltip-show .vue-slider-dot-tooltip-inner {\n  transform: scale(1);\n}\n";
 	styleInject(css_248z);
 
-	var css_248z$1 = "/* component style */\n.vue-slider-disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n/* rail style */\n.vue-slider-rail {\n  background-color: #ccc;\n  border-radius: 15px;\n}\n\n/* process style */\n.vue-slider-process {\n  background-color: #3498db;\n  border-radius: 15px;\n}\n\n/* mark style */\n.vue-slider-mark {\n  z-index: 4;\n}\n.vue-slider-mark:first-child .vue-slider-mark-step, .vue-slider-mark:last-child .vue-slider-mark-step {\n  display: none;\n}\n.vue-slider-mark-step {\n  width: 100%;\n  height: 100%;\n  border-radius: 50%;\n  background-color: rgba(0, 0, 0, 0.16);\n}\n.vue-slider-mark-label {\n  font-size: 14px;\n  white-space: nowrap;\n}\n/* dot style */\n.vue-slider-dot-handle {\n  cursor: pointer;\n  width: 100%;\n  height: 100%;\n  border-radius: 50%;\n  background-color: #fff;\n  box-sizing: border-box;\n  box-shadow: 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.32);\n}\n.vue-slider-dot-handle-focus {\n  box-shadow: 0px 0px 1px 2px rgba(52, 152, 219, 0.36);\n}\n\n.vue-slider-dot-handle-disabled {\n  cursor: not-allowed;\n  background-color: #ccc;\n}\n\n.vue-slider-dot-tooltip-inner {\n  font-size: 14px;\n  white-space: nowrap;\n  padding: 2px 5px;\n  min-width: 20px;\n  text-align: center;\n  color: #fff;\n  border-radius: 5px;\n  border-color: #3498db;\n  background-color: #3498db;\n  box-sizing: content-box;\n}\n.vue-slider-dot-tooltip-inner::after {\n  content: \"\";\n  position: absolute;\n}\n.vue-slider-dot-tooltip-inner-top::after {\n  top: 100%;\n  left: 50%;\n  transform: translate(-50%, 0);\n  height: 0;\n  width: 0;\n  border-color: transparent;\n  border-style: solid;\n  border-width: 5px;\n  border-top-color: inherit;\n}\n.vue-slider-dot-tooltip-inner-bottom::after {\n  bottom: 100%;\n  left: 50%;\n  transform: translate(-50%, 0);\n  height: 0;\n  width: 0;\n  border-color: transparent;\n  border-style: solid;\n  border-width: 5px;\n  border-bottom-color: inherit;\n}\n.vue-slider-dot-tooltip-inner-left::after {\n  left: 100%;\n  top: 50%;\n  transform: translate(0, -50%);\n  height: 0;\n  width: 0;\n  border-color: transparent;\n  border-style: solid;\n  border-width: 5px;\n  border-left-color: inherit;\n}\n.vue-slider-dot-tooltip-inner-right::after {\n  right: 100%;\n  top: 50%;\n  transform: translate(0, -50%);\n  height: 0;\n  width: 0;\n  border-color: transparent;\n  border-style: solid;\n  border-width: 5px;\n  border-right-color: inherit;\n}\n\n.vue-slider-dot-tooltip-wrapper {\n  opacity: 0;\n  transition: all 0.3s;\n}\n.vue-slider-dot-tooltip-wrapper-show {\n  opacity: 1;\n}\n";
-	styleInject(css_248z$1);
-
 	// client only component
 	// render the placeholder slot on SSR
 	// you can manually control exactly when to show the component by the isShow prop
@@ -35840,7 +36212,7 @@
 	              "class": getClassName$a(_this4.$props.innerClass, 'slider')
 	            }, {
 	              "default": function _default() {
-	                return [vue.createVNode(vueSliderComponent_umd_min, vue.mergeProps({
+	                return [vue.createVNode(VueSlider, vue.mergeProps({
 	                  "ref": "slider",
 	                  "modelValue": [Math.floor(Math.max(start, _this4.currentValue[0])), Math.ceil(Math.min(end, _this4.currentValue[1]))],
 	                  "min": Math.floor(Math.min(start, _this4.currentValue[0])),
@@ -36557,7 +36929,7 @@
 	              "class": getClassName$d(_this2.$props.innerClass, 'slider')
 	            }, {
 	              "default": function _default() {
-	                return [vue.createVNode(vueSliderComponent_umd_min, vue.mergeProps({
+	                return [vue.createVNode(VueSlider, vue.mergeProps({
 	                  "ref": "slider",
 	                  "modelValue": _this2.currentValue,
 	                  "min": _this2.$props.range.start,
@@ -40187,8 +40559,8 @@
 	  }, null, 4 /* STYLE */), vue.createElementVNode("div", _hoisted_1$1, [vue.renderSlot(_ctx.$slots, "default")]), vue.renderSlot(_ctx.$slots, "visible")], 2 /* CLASS */);
 	}
 
-	var css_248z$2 = "\n.vue-map {\n  width: 100%;\n  height: 100%;\n  min-height: 2rem;\n}\n";
-	styleInject(css_248z$2);
+	var css_248z$1 = "\n.vue-map {\n  width: 100%;\n  height: 100%;\n  min-height: 2rem;\n}\n";
+	styleInject(css_248z$1);
 
 	script$3.render = render$3;
 	script$3.__file = "node_modules/vue-google-maps-community-fork/src/components/map.vue";
@@ -43994,7 +44366,7 @@
 	  }, queryString, renderFunction);
 	}
 
-	var version = "3.1.0-alpha.2";
+	var version = "3.1.0-alpha.3";
 
 	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) {