@appbaseio/reactivesearch-vue 1.34.0-alpha.1 → 1.34.0

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

@@ -771,6 +771,8 @@
 	  var SET_GOOGLE_MAP_SCRIPT_LOADING = exports.SET_GOOGLE_MAP_SCRIPT_LOADING = 'SET_GOOGLE_MAP_SCRIPT_LOADING';
 	  var SET_GOOGLE_MAP_SCRIPT_LOADED = exports.SET_GOOGLE_MAP_SCRIPT_LOADED = 'SET_GOOGLE_MAP_SCRIPT_LOADED';
 	  var SET_GOOGLE_MAP_SCRIPT_ERROR = exports.SET_GOOGLE_MAP_SCRIPT_ERROR = 'SET_GOOGLE_MAP_SCRIPT_ERROR';
+	  var SET_REGISTERED_COMPONENT_TIMESTAMP = exports.SET_REGISTERED_COMPONENT_TIMESTAMP = 'SET_REGISTERED_COMPONENT_TIMESTAMP';
+	  var REMOVE_REGISTERED_COMPONENT_TIMESTAMP = exports.REMOVE_REGISTERED_COMPONENT_TIMESTAMP = 'REMOVE_REGISTERED_COMPONENT_TIMESTAMP';
 	});
 	unwrapExports(constants);
 	var constants_1 = constants.ADD_COMPONENT;
@@ -826,6 +828,8 @@
 	var constants_51 = constants.SET_GOOGLE_MAP_SCRIPT_LOADING;
 	var constants_52 = constants.SET_GOOGLE_MAP_SCRIPT_LOADED;
 	var constants_53 = constants.SET_GOOGLE_MAP_SCRIPT_ERROR;
+	var constants_54 = constants.SET_REGISTERED_COMPONENT_TIMESTAMP;
+	var constants_55 = constants.REMOVE_REGISTERED_COMPONENT_TIMESTAMP;
 
 	var componentsReducer_1 = createCommonjsModule(function (module, exports) {
 	  Object.defineProperty(exports, "__esModule", {
@@ -2881,6 +2885,59 @@
 	});
 	unwrapExports(analyticsRefReducer_1);
 
+	var registeredComponentReducer = createCommonjsModule(function (module, exports) {
+	  Object.defineProperty(exports, "__esModule", {
+	    value: true
+	  });
+	  var _extends = Object.assign || function (target) {
+	    for (var i = 1; i < arguments.length; i++) {
+	      var source = arguments[i];
+	      for (var key in source) {
+	        if (Object.prototype.hasOwnProperty.call(source, key)) {
+	          target[key] = source[key];
+	        }
+	      }
+	    }
+	    return target;
+	  };
+	  exports["default"] = timestampReducer;
+	  function _objectWithoutProperties(obj, keys) {
+	    var target = {};
+	    for (var i in obj) {
+	      if (keys.indexOf(i) >= 0) continue;
+	      if (!Object.prototype.hasOwnProperty.call(obj, i)) continue;
+	      target[i] = obj[i];
+	    }
+	    return target;
+	  }
+	  function _defineProperty(obj, key, value) {
+	    if (key in obj) {
+	      Object.defineProperty(obj, key, {
+	        value: value,
+	        enumerable: true,
+	        configurable: true,
+	        writable: true
+	      });
+	    } else {
+	      obj[key] = value;
+	    }
+	    return obj;
+	  }
+	  function timestampReducer() {
+	    var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+	    var action = arguments[1];
+	    if (action.type === constants.SET_REGISTERED_COMPONENT_TIMESTAMP) {
+	      return _extends({}, state, _defineProperty({}, action.component, action.timestamp));
+	    } else if (action.type === constants.REMOVE_REGISTERED_COMPONENT_TIMESTAMP) {
+	      var del = state[action.component],
+	        obj = _objectWithoutProperties(state, [action.component]);
+	      return obj;
+	    }
+	    return state;
+	  }
+	});
+	unwrapExports(registeredComponentReducer);
+
 	var reducers = createCommonjsModule(function (module, exports) {
 	  Object.defineProperty(exports, "__esModule", {
 	    value: true
@@ -2921,6 +2978,7 @@
 	  var _recentSearches2 = _interopRequireDefault(recentSearches);
 	  var _googleMapScriptReducer2 = _interopRequireDefault(googleMapScriptReducer_1);
 	  var _analyticsRefReducer2 = _interopRequireDefault(analyticsRefReducer_1);
+	  var _registeredComponentReducer2 = _interopRequireDefault(registeredComponentReducer);
 	  function _interopRequireDefault(obj) {
 	    return obj && obj.__esModule ? obj : {
 	      "default": obj
@@ -2966,7 +3024,8 @@
 	      return state;
 	    },
 	    googleMapScriptStatus: _googleMapScriptReducer2["default"],
-	    lastUsedAppbaseQuery: _appbaseQueryReducer2["default"]
+	    lastUsedAppbaseQuery: _appbaseQueryReducer2["default"],
+	    registeredComponentsTimestamps: _registeredComponentReducer2["default"]
 	  });
 	});
 	unwrapExports(reducers);
@@ -2976,13 +3035,13 @@
 	    value: true
 	  });
 	  var dateFormats = {
-	    date: 'yyyy-MM-dd',
-	    basic_date: 'yyyyMMdd',
-	    basic_date_time: "yyyyMMdd'T'HHmmss.fffzzz",
-	    basic_date_time_no_millis: "yyyyMMdd'T'HHmmsszzz",
-	    date_time_no_millis: "yyyy-MM-dd'T'HH:mm:sszzz",
-	    basic_time: 'HHmmss.fffzzz',
-	    basic_time_no_millis: 'HHmmsszzz',
+	    date: 'YYYY-MM-DD',
+	    basic_date: 'YYYYMMDD',
+	    basic_date_time: 'YYYYMMDD[T]HHmmss.SSSZ',
+	    basic_date_time_no_millis: 'YYYYMMDD[T]HHmmssZ',
+	    date_time_no_millis: 'YYYY-MM-DD[T]HH:mm:ssZ',
+	    basic_time: 'HHmmss.SSSZ',
+	    basic_time_no_millis: 'HHmmssZ',
 	    epoch_millis: 'epoch_millis',
 	    epoch_second: 'epoch_second'
 	  };
@@ -4512,6 +4571,7 @@
 	  exports.checkValueChange = checkValueChange;
 	  exports.getAggsOrder = getAggsOrder;
 	  exports.formatDate = formatDate;
+	  exports.unwrapToNativeDate = unwrapToNativeDate;
 	  exports.getResultStats = getResultStats;
 	  exports.extractFieldsFromSource = extractFieldsFromSource;
 	  exports.normalizeDataField = normalizeDataField;
@@ -4842,18 +4902,24 @@
 	    }
 	    switch (props.queryFormat) {
 	      case 'epoch_millis':
-	        return date.getTime();
+	        return date.valueOf();
 	      case 'epoch_second':
-	        return Math.floor(date.getTime() / 1000);
+	        return Math.floor(date.valueOf() / 1000);
 	      default:
 	        {
 	          if (_dateFormats2["default"][props.queryFormat]) {
-	            return date.toString(_dateFormats2["default"][props.queryFormat]);
+	            return date.format(_dateFormats2["default"][props.queryFormat]);
 	          }
-	          return date.getTime();
+	          return date.valueOf();
 	        }
 	    }
 	  }
+	  function unwrapToNativeDate(wrappedDateInstance) {
+	    if (wrappedDateInstance) {
+	      return new Date(wrappedDateInstance.valueOf());
+	    }
+	    return wrappedDateInstance;
+	  }
 	  var getOptionsFromQuery = function getOptionsFromQuery() {
 	    var customQuery = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 	    if (customQuery) {
@@ -5011,13 +5077,15 @@
 	      size = props.size,
 	      sortBy = props.sortBy,
 	      showMissing = props.showMissing,
-	      missingLabel = props.missingLabel;
+	      missingLabel = props.missingLabel,
+	      aggregationSize = props.aggregationSize;
 	    clonedQuery.size = 0;
 	    if (typeof dataField === 'string') {
 	      clonedQuery.aggs = _defineProperty({}, dataField, {
 	        terms: _extends({
 	          field: dataField,
 	          size: size,
+	          aggregationSize: aggregationSize,
 	          order: getAggsOrder(sortBy || 'count')
 	        }, showMissing ? {
 	          missing: missingLabel
@@ -5030,6 +5098,7 @@
 	          terms: _extends({
 	            field: dataFieldItem,
 	            size: size,
+	            aggregationSize: aggregationSize,
 	            order: getAggsOrder(sortBy || 'count')
 	          }, showMissing ? {
 	            missing: missingLabel
@@ -5241,7 +5310,8 @@
 	  };
 	  var featuredSuggestionsActionTypes = exports.featuredSuggestionsActionTypes = {
 	    NAVIGATE: 'navigate',
-	    FUNCTION: 'function'
+	    FUNCTION: 'function',
+	    SELECT: 'select'
 	  };
 	  var queryFormatMillisecondsMap = exports.queryFormatMillisecondsMap = {
 	    minute: 60000,
@@ -5469,708 +5539,326 @@
 	var helper_39 = helper.checkValueChange;
 	var helper_40 = helper.getAggsOrder;
 	var helper_41 = helper.formatDate;
-	var helper_42 = helper.getResultStats;
-	var helper_43 = helper.extractFieldsFromSource;
-	var helper_44 = helper.normalizeDataField;
-	var helper_45 = helper.handleOnSuggestions;
-	var helper_46 = helper.isValidDateRangeQueryFormat;
-	var helper_47 = helper.setDeep;
-
-	var xdate = createCommonjsModule(function (module) {
-	  /**
-	   * @preserve XDate v@VERSION
-	   * Docs & Licensing: http://arshaw.com/xdate/
-	   */
-
-	  /*
-	   * Internal Architecture
-	   * ---------------------
-	   * An XDate wraps a native Date. The native Date is stored in the '0' property of the object.
-	   * UTC-mode is determined by whether the internal native Date's toString method is set to
-	   * Date.prototype.toUTCString (see getUTCMode).
-	   *
-	   */
-
-	  var XDate = function (Date, Math, Array, undefined$1) {
-	    /** @const */var FULLYEAR = 0;
-	    /** @const */
-	    var MONTH = 1;
-	    /** @const */
-	    var DATE = 2;
-	    /** @const */
-	    var HOURS = 3;
-	    /** @const */
-	    var MINUTES = 4;
-	    /** @const */
-	    var SECONDS = 5;
-	    /** @const */
-	    var MILLISECONDS = 6;
-	    /** @const */
-	    var DAY = 7;
-	    /** @const */
-	    var YEAR = 8;
-	    /** @const */
-	    var DAY_MS = 86400000;
-	    var ISO_FORMAT_STRING = "yyyy-MM-dd'T'HH:mm:ss(.fff)";
-	    var ISO_FORMAT_STRING_TZ = ISO_FORMAT_STRING + "zzz";
-	    var methodSubjects = ['FullYear',
-	    // 0
-	    'Month',
-	    // 1
-	    'Date',
-	    // 2
-	    'Hours',
-	    // 3
-	    'Minutes',
-	    // 4
-	    'Seconds',
-	    // 5
-	    'Milliseconds',
-	    // 6
-	    'Day',
-	    // 7
-	    'Year' // 8
-	    ];
-
-	    var subjectPlurals = ['Years',
-	    // 0
-	    'Months',
-	    // 1
-	    'Days' // 2
-	    ];
-
-	    var unitsWithin = [12,
-	    // months in year
-	    31,
-	    // days in month (sort of)
-	    24,
-	    // hours in day
-	    60,
-	    // minutes in hour
-	    60,
-	    // seconds in minute
-	    1000,
-	    // milliseconds in second
-	    1 //
-	    ];
-
-	    var formatStringRE = new RegExp("(([a-zA-Z])\\2*)|" +
-	    // 1, 2
-	    "(\\(" + "(('.*?'|\\(.*?\\)|.)*?)" + "\\))|" +
-	    // 3, 4, 5 (allows for 1 level of inner quotes or parens)
-	    "('(.*?)')" // 6, 7
-	    );
-
-	    var UTC = Date.UTC;
-	    var toUTCString = Date.prototype.toUTCString;
-	    var proto = XDate.prototype;
-
-	    // This makes an XDate look pretty in Firebug and Web Inspector.
-	    // It makes an XDate seem array-like, and displays [ <internal-date>.toString() ]
-	    proto.length = 1;
-	    proto.splice = Array.prototype.splice;
-
-	    /* Constructor
-	    ---------------------------------------------------------------------------------*/
-
-	    // TODO: in future, I'd change signature for the constructor regarding the `true` utc-mode param. ~ashaw
-	    //   I'd move the boolean to be the *first* argument. Still optional. Seems cleaner.
-	    //   I'd remove it from the `xdate`, `nativeDate`, and `milliseconds` constructors.
-	    //      (because you can simply call .setUTCMode(true) after)
-	    //   And I'd only leave it for the y/m/d/h/m/s/m and `dateString` constructors
-	    //      (because those are the only constructors that need it for DST-gap data-loss reasons)
-	    //   Should do this for 1.0
-
-	    function XDate() {
-	      return init(this instanceof XDate ? this : new XDate(), arguments);
-	    }
-	    function init(xdate, args) {
-	      var len = args.length;
-	      var utcMode;
-	      if (isBoolean(args[len - 1])) {
-	        utcMode = args[--len];
-	        args = slice(args, 0, len);
-	      }
-	      if (!len) {
-	        xdate[0] = new Date();
-	      } else if (len == 1) {
-	        var arg = args[0];
-	        if (arg instanceof Date) {
-	          xdate[0] = new Date(arg.getTime());
-	        } else if (isNumber(arg)) {
-	          xdate[0] = new Date(arg);
-	        } else if (arg instanceof XDate) {
-	          xdate[0] = _clone(arg);
-	        } else if (isString(arg)) {
-	          xdate[0] = new Date(0);
-	          xdate = parse(arg, utcMode || false, xdate);
-	        }
-	      } else {
-	        xdate[0] = new Date(UTC.apply(Date, args));
-	        if (!utcMode) {
-	          xdate[0] = coerceToLocal(xdate[0]);
+	var helper_42 = helper.unwrapToNativeDate;
+	var helper_43 = helper.getResultStats;
+	var helper_44 = helper.extractFieldsFromSource;
+	var helper_45 = helper.normalizeDataField;
+	var helper_46 = helper.handleOnSuggestions;
+	var helper_47 = helper.isValidDateRangeQueryFormat;
+	var helper_48 = helper.setDeep;
+
+	var dayjs_min = createCommonjsModule(function (module, exports) {
+	  !function (t, e) {
+	     module.exports = e() ;
+	  }(commonjsGlobal, function () {
+
+	    var t = 1e3,
+	      e = 6e4,
+	      n = 36e5,
+	      r = "millisecond",
+	      i = "second",
+	      s = "minute",
+	      u = "hour",
+	      a = "day",
+	      o = "week",
+	      f = "month",
+	      h = "quarter",
+	      c = "year",
+	      d = "date",
+	      l = "Invalid Date",
+	      $ = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,
+	      y = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,
+	      M = {
+	        name: "en",
+	        weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),
+	        months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"),
+	        ordinal: function ordinal(t) {
+	          var e = ["th", "st", "nd", "rd"],
+	            n = t % 100;
+	          return "[" + t + (e[(n - 20) % 10] || e[n] || e[0]) + "]";
 	        }
-	      }
-	      if (isBoolean(utcMode)) {
-	        setUTCMode(xdate, utcMode);
-	      }
-	      return xdate;
-	    }
-
-	    /* UTC Mode Methods
-	    ---------------------------------------------------------------------------------*/
-
-	    proto.getUTCMode = methodize(getUTCMode);
-	    function getUTCMode(xdate) {
-	      return xdate[0].toString === toUTCString;
-	    }
-	    proto.setUTCMode = methodize(setUTCMode);
-	    function setUTCMode(xdate, utcMode, doCoercion) {
-	      if (utcMode) {
-	        if (!getUTCMode(xdate)) {
-	          if (doCoercion) {
-	            xdate[0] = coerceToUTC(xdate[0]);
-	          }
-	          xdate[0].toString = toUTCString;
-	        }
-	      } else {
-	        if (getUTCMode(xdate)) {
-	          if (doCoercion) {
-	            xdate[0] = coerceToLocal(xdate[0]);
-	          } else {
-	            xdate[0] = new Date(xdate[0].getTime());
-	          }
-	          // toString will have been cleared
-	        }
-	      }
-
-	      return xdate; // for chaining
-	    }
-
-	    proto.getTimezoneOffset = function () {
-	      if (getUTCMode(this)) {
-	        return 0;
-	      } else {
-	        return this[0].getTimezoneOffset();
-	      }
-	    };
-
-	    /* get / set / add / diff Methods (except for week-related)
-	    ---------------------------------------------------------------------------------*/
-
-	    each(methodSubjects, function (subject, fieldIndex) {
-	      proto['get' + subject] = function () {
-	        return _getField(this[0], getUTCMode(this), fieldIndex);
-	      };
-	      if (fieldIndex != YEAR) {
-	        // because there is no getUTCYear
-
-	        proto['getUTC' + subject] = function () {
-	          return _getField(this[0], true, fieldIndex);
-	        };
-	      }
-	      if (fieldIndex != DAY) {
-	        // because there is no setDay or setUTCDay
-	        // and the add* and diff* methods use DATE instead
-
-	        proto['set' + subject] = function (value) {
-	          _set(this, fieldIndex, value, arguments, getUTCMode(this));
-	          return this; // for chaining
-	        };
-
-	        if (fieldIndex != YEAR) {
-	          // because there is no setUTCYear
-	          // and the add* and diff* methods use FULLYEAR instead
-
-	          proto['setUTC' + subject] = function (value) {
-	            _set(this, fieldIndex, value, arguments, true);
-	            return this; // for chaining
-	          };
-
-	          proto['add' + (subjectPlurals[fieldIndex] || subject)] = function (delta, preventOverflow) {
-	            _add(this, fieldIndex, delta, preventOverflow);
-	            return this; // for chaining
-	          };
-
-	          proto['diff' + (subjectPlurals[fieldIndex] || subject)] = function (otherDate) {
-	            return _diff(this, otherDate, fieldIndex);
-	          };
+	      },
+	      m = function m(t, e, n) {
+	        var r = String(t);
+	        return !r || r.length >= e ? t : "" + Array(e + 1 - r.length).join(n) + t;
+	      },
+	      v = {
+	        s: m,
+	        z: function z(t) {
+	          var e = -t.utcOffset(),
+	            n = Math.abs(e),
+	            r = Math.floor(n / 60),
+	            i = n % 60;
+	          return (e <= 0 ? "+" : "-") + m(r, 2, "0") + ":" + m(i, 2, "0");
+	        },
+	        m: function t(e, n) {
+	          if (e.date() < n.date()) return -t(n, e);
+	          var r = 12 * (n.year() - e.year()) + (n.month() - e.month()),
+	            i = e.clone().add(r, f),
+	            s = n - i < 0,
+	            u = e.clone().add(r + (s ? -1 : 1), f);
+	          return +(-(r + (n - i) / (s ? i - u : u - i)) || 0);
+	        },
+	        a: function a(t) {
+	          return t < 0 ? Math.ceil(t) || 0 : Math.floor(t);
+	        },
+	        p: function p(t) {
+	          return {
+	            M: f,
+	            y: c,
+	            w: o,
+	            d: a,
+	            D: d,
+	            h: u,
+	            m: s,
+	            s: i,
+	            ms: r,
+	            Q: h
+	          }[t] || String(t || "").toLowerCase().replace(/s$/, "");
+	        },
+	        u: function u(t) {
+	          return void 0 === t;
 	        }
-	      }
-	    });
-	    function _set(xdate, fieldIndex, value, args, useUTC) {
-	      var getField = curry(_getField, xdate[0], useUTC);
-	      var setField = curry(_setField, xdate[0], useUTC);
-	      var expectedMonth;
-	      var preventOverflow = false;
-	      if (args.length == 2 && isBoolean(args[1])) {
-	        preventOverflow = args[1];
-	        args = [value];
-	      }
-	      if (fieldIndex == MONTH) {
-	        expectedMonth = (value % 12 + 12) % 12;
-	      } else {
-	        expectedMonth = getField(MONTH);
-	      }
-	      setField(fieldIndex, args);
-	      if (preventOverflow && getField(MONTH) != expectedMonth) {
-	        setField(MONTH, [getField(MONTH) - 1]);
-	        setField(DATE, [getDaysInMonth(getField(FULLYEAR), getField(MONTH))]);
-	      }
-	    }
-	    function _add(xdate, fieldIndex, delta, preventOverflow) {
-	      delta = Number(delta);
-	      var intDelta = Math.floor(delta);
-	      xdate['set' + methodSubjects[fieldIndex]](xdate['get' + methodSubjects[fieldIndex]]() + intDelta, preventOverflow || false);
-	      if (intDelta != delta && fieldIndex < MILLISECONDS) {
-	        _add(xdate, fieldIndex + 1, (delta - intDelta) * unitsWithin[fieldIndex], preventOverflow);
-	      }
-	    }
-	    function _diff(xdate1, xdate2, fieldIndex) {
-	      // fieldIndex=FULLYEAR is for years, fieldIndex=DATE is for days
-	      xdate1 = xdate1.clone().setUTCMode(true, true);
-	      xdate2 = XDate(xdate2).setUTCMode(true, true);
-	      var v = 0;
-	      if (fieldIndex == FULLYEAR || fieldIndex == MONTH) {
-	        for (var i = MILLISECONDS; i >= fieldIndex; i--) {
-	          v /= unitsWithin[i];
-	          v += _getField(xdate2, false, i) - _getField(xdate1, false, i);
-	        }
-	        if (fieldIndex == MONTH) {
-	          v += (xdate2.getFullYear() - xdate1.getFullYear()) * 12;
-	        }
-	      } else if (fieldIndex == DATE) {
-	        var clear1 = xdate1.toDate().setUTCHours(0, 0, 0, 0); // returns an ms value
-	        var clear2 = xdate2.toDate().setUTCHours(0, 0, 0, 0); // returns an ms value
-	        v = Math.round((clear2 - clear1) / DAY_MS) + (xdate2 - clear2 - (xdate1 - clear1)) / DAY_MS;
-	      } else {
-	        v = (xdate2 - xdate1) / [3600000,
-	        // milliseconds in hour
-	        60000,
-	        // milliseconds in minute
-	        1000,
-	        // milliseconds in second
-	        1 //
-	        ][fieldIndex - 3];
-	      }
-	      return v;
-	    }
-
-	    /* Week Methods
-	    ---------------------------------------------------------------------------------*/
-
-	    proto.getWeek = function () {
-	      return _getWeek(curry(_getField, this, false));
-	    };
-	    proto.getUTCWeek = function () {
-	      return _getWeek(curry(_getField, this, true));
-	    };
-	    proto.setWeek = function (n, year) {
-	      _setWeek(this, n, year, false);
-	      return this; // for chaining
-	    };
-
-	    proto.setUTCWeek = function (n, year) {
-	      _setWeek(this, n, year, true);
-	      return this; // for chaining
-	    };
-
-	    proto.addWeeks = function (delta) {
-	      return this.addDays(Number(delta) * 7);
-	    };
-	    proto.diffWeeks = function (otherDate) {
-	      return _diff(this, otherDate, DATE) / 7;
-	    };
-	    function _getWeek(getField) {
-	      return getWeek(getField(FULLYEAR), getField(MONTH), getField(DATE));
-	    }
-	    function getWeek(year, month, date) {
-	      var d = new Date(UTC(year, month, date));
-	      var week1 = getWeek1(getWeekYear(year, month, date));
-	      return Math.floor(Math.round((d - week1) / DAY_MS) / 7) + 1;
-	    }
-	    function getWeekYear(year, month, date) {
-	      // get the year that the date's week # belongs to
-	      var d = new Date(UTC(year, month, date));
-	      if (d < getWeek1(year)) {
-	        return year - 1;
-	      } else if (d >= getWeek1(year + 1)) {
-	        return year + 1;
-	      }
-	      return year;
-	    }
-	    function getWeek1(year) {
-	      // returns Date of first week of year, in UTC
-	      var d = new Date(UTC(year, 0, 4));
-	      d.setUTCDate(d.getUTCDate() - (d.getUTCDay() + 6) % 7); // make it Monday of the week
-	      return d;
-	    }
-	    function _setWeek(xdate, n, year, useUTC) {
-	      var getField = curry(_getField, xdate, useUTC);
-	      var setField = curry(_setField, xdate, useUTC);
-	      if (year === undefined$1) {
-	        year = getWeekYear(getField(FULLYEAR), getField(MONTH), getField(DATE));
-	      }
-	      var week1 = getWeek1(year);
-	      if (!useUTC) {
-	        week1 = coerceToLocal(week1);
-	      }
-	      xdate.setTime(week1.getTime());
-	      setField(DATE, [getField(DATE) + (n - 1) * 7]); // would have used xdate.addUTCWeeks :(
-	      // n-1 because n is 1-based
-	    }
-
-	    /* Parsing
-	    ---------------------------------------------------------------------------------*/
-
-	    XDate.parsers = [parseISO];
-	    XDate.parse = function (str) {
-	      return +XDate('' + str);
-	    };
-	    function parse(str, utcMode, xdate) {
-	      var parsers = XDate.parsers;
-	      var i = 0;
-	      var res;
-	      for (; i < parsers.length; i++) {
-	        res = parsers[i](str, utcMode, xdate);
-	        if (res) {
-	          return res;
-	        }
-	      }
-	      xdate[0] = new Date(str);
-	      return xdate;
-	    }
-	    function parseISO(str, utcMode, xdate) {
-	      var m = str.match(/^(\d{4})(-(\d{2})(-(\d{2})([T ](\d{2}):(\d{2})(:(\d{2})(\.(\d+))?)?(Z|(([-+])(\d{2})(:?(\d{2}))?))?)?)?)?$/);
-	      if (m) {
-	        var d = new Date(UTC(m[1], m[3] ? m[3] - 1 : 0, m[5] || 1, m[7] || 0, m[8] || 0, m[10] || 0, m[12] ? Number('0.' + m[12]) * 1000 : 0));
-	        if (m[13]) {
-	          // has gmt offset or Z
-	          if (m[14]) {
-	            // has gmt offset
-	            d.setUTCMinutes(d.getUTCMinutes() + (m[15] == '-' ? 1 : -1) * (Number(m[16]) * 60 + (m[18] ? Number(m[18]) : 0)));
-	          }
+	      },
+	      g = "en",
+	      D = {};
+	    D[g] = M;
+	    var p = function p(t) {
+	        return t instanceof _;
+	      },
+	      S = function t(e, n, r) {
+	        var i;
+	        if (!e) return g;
+	        if ("string" == typeof e) {
+	          var s = e.toLowerCase();
+	          D[s] && (i = s), n && (D[s] = n, i = s);
+	          var u = e.split("-");
+	          if (!i && u.length > 1) return t(u[0]);
 	        } else {
-	          // no specified timezone
-	          if (!utcMode) {
-	            d = coerceToLocal(d);
-	          }
+	          var a = e.name;
+	          D[a] = e, i = a;
 	        }
-	        return xdate.setTime(d.getTime());
-	      }
-	    }
-
-	    /* Formatting
-	    ---------------------------------------------------------------------------------*/
-
-	    proto.toString = function (formatString, settings, uniqueness) {
-	      if (formatString === undefined$1 || !valid(this)) {
-	        return this[0].toString(); // already accounts for utc-mode (might be toUTCString)
-	      } else {
-	        return format(this, formatString, settings, uniqueness, getUTCMode(this));
-	      }
-	    };
-	    proto.toUTCString = proto.toGMTString = function (formatString, settings, uniqueness) {
-	      if (formatString === undefined$1 || !valid(this)) {
-	        return this[0].toUTCString();
-	      } else {
-	        return format(this, formatString, settings, uniqueness, true);
-	      }
-	    };
-	    proto.toISOString = function () {
-	      return this.toUTCString(ISO_FORMAT_STRING_TZ);
-	    };
-	    XDate.defaultLocale = '';
-	    XDate.locales = {
-	      '': {
-	        monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
-	        monthNamesShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
-	        dayNames: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
-	        dayNamesShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
-	        amDesignator: 'AM',
-	        pmDesignator: 'PM'
-	      }
-	    };
-	    XDate.formatters = {
-	      i: ISO_FORMAT_STRING,
-	      u: ISO_FORMAT_STRING_TZ
+	        return !r && i && (g = i), i || !r && g;
+	      },
+	      w = function w(t, e) {
+	        if (p(t)) return t.clone();
+	        var n = "object" == typeof e ? e : {};
+	        return n.date = t, n.args = arguments, new _(n);
+	      },
+	      O = v;
+	    O.l = S, O.i = p, O.w = function (t, e) {
+	      return w(t, {
+	        locale: e.$L,
+	        utc: e.$u,
+	        x: e.$x,
+	        $offset: e.$offset
+	      });
 	    };
-	    function format(xdate, formatString, settings, uniqueness, useUTC) {
-	      var locales = XDate.locales;
-	      var defaultLocaleSettings = locales[XDate.defaultLocale] || {};
-	      var getField = curry(_getField, xdate, useUTC);
-	      settings = (isString(settings) ? locales[settings] : settings) || {};
-	      function getSetting(name) {
-	        return settings[name] || defaultLocaleSettings[name];
-	      }
-	      function getFieldAndTrace(fieldIndex) {
-	        if (uniqueness) {
-	          var i = (fieldIndex == DAY ? DATE : fieldIndex) - 1;
-	          for (; i >= 0; i--) {
-	            uniqueness.push(getField(i));
-	          }
-	        }
-	        return getField(fieldIndex);
-	      }
-	      return _format(xdate, formatString, getFieldAndTrace, getSetting, useUTC);
-	    }
-	    function _format(xdate, formatString, getField, getSetting, useUTC) {
-	      var m;
-	      var subout;
-	      var out = '';
-	      while (m = formatString.match(formatStringRE)) {
-	        out += formatString.substr(0, m.index);
-	        if (m[1]) {
-	          // consecutive alphabetic characters
-	          out += processTokenString(xdate, m[1], getField, getSetting, useUTC);
-	        } else if (m[3]) {
-	          // parenthesis
-	          subout = _format(xdate, m[4], getField, getSetting, useUTC);
-	          if (parseInt(subout.replace(/\D/g, ''), 10)) {
-	            // if any of the numbers are non-zero. or no numbers at all
-	            out += subout;
+	    var _ = function () {
+	        function M(t) {
+	          this.$L = S(t.locale, null, !0), this.parse(t);
+	        }
+	        var m = M.prototype;
+	        return m.parse = function (t) {
+	          this.$d = function (t) {
+	            var e = t.date,
+	              n = t.utc;
+	            if (null === e) return new Date(NaN);
+	            if (O.u(e)) return new Date();
+	            if (e instanceof Date) return new Date(e);
+	            if ("string" == typeof e && !/Z$/i.test(e)) {
+	              var r = e.match($);
+	              if (r) {
+	                var i = r[2] - 1 || 0,
+	                  s = (r[7] || "0").substring(0, 3);
+	                return n ? new Date(Date.UTC(r[1], i, r[3] || 1, r[4] || 0, r[5] || 0, r[6] || 0, s)) : new Date(r[1], i, r[3] || 1, r[4] || 0, r[5] || 0, r[6] || 0, s);
+	              }
+	            }
+	            return new Date(e);
+	          }(t), this.$x = t.x || {}, this.init();
+	        }, m.init = function () {
+	          var t = this.$d;
+	          this.$y = t.getFullYear(), this.$M = t.getMonth(), this.$D = t.getDate(), this.$W = t.getDay(), this.$H = t.getHours(), this.$m = t.getMinutes(), this.$s = t.getSeconds(), this.$ms = t.getMilliseconds();
+	        }, m.$utils = function () {
+	          return O;
+	        }, m.isValid = function () {
+	          return !(this.$d.toString() === l);
+	        }, m.isSame = function (t, e) {
+	          var n = w(t);
+	          return this.startOf(e) <= n && n <= this.endOf(e);
+	        }, m.isAfter = function (t, e) {
+	          return w(t) < this.startOf(e);
+	        }, m.isBefore = function (t, e) {
+	          return this.endOf(e) < w(t);
+	        }, m.$g = function (t, e, n) {
+	          return O.u(t) ? this[e] : this.set(n, t);
+	        }, m.unix = function () {
+	          return Math.floor(this.valueOf() / 1e3);
+	        }, m.valueOf = function () {
+	          return this.$d.getTime();
+	        }, m.startOf = function (t, e) {
+	          var n = this,
+	            r = !!O.u(e) || e,
+	            h = O.p(t),
+	            l = function l(t, e) {
+	              var i = O.w(n.$u ? Date.UTC(n.$y, e, t) : new Date(n.$y, e, t), n);
+	              return r ? i : i.endOf(a);
+	            },
+	            $ = function $(t, e) {
+	              return O.w(n.toDate()[t].apply(n.toDate("s"), (r ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(e)), n);
+	            },
+	            y = this.$W,
+	            M = this.$M,
+	            m = this.$D,
+	            v = "set" + (this.$u ? "UTC" : "");
+	          switch (h) {
+	            case c:
+	              return r ? l(1, 0) : l(31, 11);
+	            case f:
+	              return r ? l(1, M) : l(0, M + 1);
+	            case o:
+	              var g = this.$locale().weekStart || 0,
+	                D = (y < g ? y + 7 : y) - g;
+	              return l(r ? m - D : m + (6 - D), M);
+	            case a:
+	            case d:
+	              return $(v + "Hours", 0);
+	            case u:
+	              return $(v + "Minutes", 1);
+	            case s:
+	              return $(v + "Seconds", 2);
+	            case i:
+	              return $(v + "Milliseconds", 3);
+	            default:
+	              return this.clone();
 	          }
-	        } else {
-	          // else if (m[6]) { // single quotes
-	          out += m[7] || "'"; // if inner is blank, meaning 2 consecutive quotes = literal single quote
-	        }
-
-	        formatString = formatString.substr(m.index + m[0].length);
-	      }
-	      return out + formatString;
-	    }
-	    function processTokenString(xdate, tokenString, getField, getSetting, useUTC) {
-	      var end = tokenString.length;
-	      var replacement;
-	      var out = '';
-	      while (end > 0) {
-	        replacement = getTokenReplacement(xdate, tokenString.substr(0, end), getField, getSetting, useUTC);
-	        if (replacement !== undefined$1) {
-	          out += replacement;
-	          tokenString = tokenString.substr(end);
-	          end = tokenString.length;
-	        } else {
-	          end--;
-	        }
-	      }
-	      return out + tokenString;
-	    }
-	    function getTokenReplacement(xdate, token, getField, getSetting, useUTC) {
-	      var formatter = XDate.formatters[token];
-	      if (isString(formatter)) {
-	        return _format(xdate, formatter, getField, getSetting, useUTC);
-	      } else if (isFunction(formatter)) {
-	        return formatter(xdate, useUTC || false, getSetting);
-	      }
-	      switch (token) {
-	        case 'fff':
-	          return zeroPad(getField(MILLISECONDS), 3);
-	        case 's':
-	          return getField(SECONDS);
-	        case 'ss':
-	          return zeroPad(getField(SECONDS));
-	        case 'm':
-	          return getField(MINUTES);
-	        case 'mm':
-	          return zeroPad(getField(MINUTES));
-	        case 'h':
-	          return getField(HOURS) % 12 || 12;
-	        case 'hh':
-	          return zeroPad(getField(HOURS) % 12 || 12);
-	        case 'H':
-	          return getField(HOURS);
-	        case 'HH':
-	          return zeroPad(getField(HOURS));
-	        case 'd':
-	          return getField(DATE);
-	        case 'dd':
-	          return zeroPad(getField(DATE));
-	        case 'ddd':
-	          return getSetting('dayNamesShort')[getField(DAY)] || '';
-	        case 'dddd':
-	          return getSetting('dayNames')[getField(DAY)] || '';
-	        case 'M':
-	          return getField(MONTH) + 1;
-	        case 'MM':
-	          return zeroPad(getField(MONTH) + 1);
-	        case 'MMM':
-	          return getSetting('monthNamesShort')[getField(MONTH)] || '';
-	        case 'MMMM':
-	          return getSetting('monthNames')[getField(MONTH)] || '';
-	        case 'yy':
-	          return (getField(FULLYEAR) + '').substring(2);
-	        case 'yyyy':
-	          return getField(FULLYEAR);
-	        case 't':
-	          return _getDesignator(getField, getSetting).substr(0, 1).toLowerCase();
-	        case 'tt':
-	          return _getDesignator(getField, getSetting).toLowerCase();
-	        case 'T':
-	          return _getDesignator(getField, getSetting).substr(0, 1);
-	        case 'TT':
-	          return _getDesignator(getField, getSetting);
-	        case 'z':
-	        case 'zz':
-	        case 'zzz':
-	          return useUTC ? 'Z' : _getTZString(xdate, token);
-	        case 'w':
-	          return _getWeek(getField);
-	        case 'ww':
-	          return zeroPad(_getWeek(getField));
-	        case 'S':
-	          var d = getField(DATE);
-	          if (d > 10 && d < 20) return 'th';
-	          return ['st', 'nd', 'rd'][d % 10 - 1] || 'th';
-	      }
-	    }
-	    function _getTZString(xdate, token) {
-	      var tzo = xdate.getTimezoneOffset();
-	      var sign = tzo < 0 ? '+' : '-';
-	      var hours = Math.floor(Math.abs(tzo) / 60);
-	      var minutes = Math.abs(tzo) % 60;
-	      var out = hours;
-	      if (token == 'zz') {
-	        out = zeroPad(hours);
-	      } else if (token == 'zzz') {
-	        out = zeroPad(hours) + ':' + zeroPad(minutes);
-	      }
-	      return sign + out;
-	    }
-	    function _getDesignator(getField, getSetting) {
-	      return getField(HOURS) < 12 ? getSetting('amDesignator') : getSetting('pmDesignator');
-	    }
-
-	    /* Misc Methods
-	    ---------------------------------------------------------------------------------*/
-
-	    each([
-	    // other getters
-	    'getTime', 'valueOf', 'toDateString', 'toTimeString', 'toLocaleString', 'toLocaleDateString', 'toLocaleTimeString', 'toJSON'], function (methodName) {
-	      proto[methodName] = function () {
-	        return this[0][methodName]();
-	      };
-	    });
-	    proto.setTime = function (t) {
-	      this[0].setTime(t);
-	      return this; // for chaining
-	    };
-
-	    proto.valid = methodize(valid);
-	    function valid(xdate) {
-	      return !isNaN(xdate[0].getTime());
-	    }
-	    proto.clone = function () {
-	      return new XDate(this);
-	    };
-	    proto.clearTime = function () {
-	      return this.setHours(0, 0, 0, 0); // will return an XDate for chaining
-	    };
-
-	    proto.toDate = function () {
-	      return new Date(this[0].getTime());
-	    };
-
-	    /* Misc Class Methods
-	    ---------------------------------------------------------------------------------*/
-
-	    XDate.now = function () {
-	      return new Date().getTime();
-	    };
-	    XDate.today = function () {
-	      return new XDate().clearTime();
-	    };
-	    XDate.UTC = UTC;
-	    XDate.getDaysInMonth = getDaysInMonth;
-
-	    /* Internal Utilities
-	    ---------------------------------------------------------------------------------*/
-
-	    function _clone(xdate) {
-	      // returns the internal Date object that should be used
-	      var d = new Date(xdate[0].getTime());
-	      if (getUTCMode(xdate)) {
-	        d.toString = toUTCString;
-	      }
-	      return d;
-	    }
-	    function _getField(d, useUTC, fieldIndex) {
-	      return d['get' + (useUTC ? 'UTC' : '') + methodSubjects[fieldIndex]]();
-	    }
-	    function _setField(d, useUTC, fieldIndex, args) {
-	      d['set' + (useUTC ? 'UTC' : '') + methodSubjects[fieldIndex]].apply(d, args);
-	    }
-
-	    /* Date Math Utilities
-	    ---------------------------------------------------------------------------------*/
-
-	    function coerceToUTC(date) {
-	      return new Date(UTC(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds()));
-	    }
-	    function coerceToLocal(date) {
-	      return new Date(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate(), date.getUTCHours(), date.getUTCMinutes(), date.getUTCSeconds(), date.getUTCMilliseconds());
-	    }
-	    function getDaysInMonth(year, month) {
-	      return 32 - new Date(UTC(year, month, 32)).getUTCDate();
-	    }
-
-	    /* General Utilities
-	    ---------------------------------------------------------------------------------*/
-
-	    function methodize(f) {
-	      return function () {
-	        return f.apply(undefined$1, [this].concat(slice(arguments)));
-	      };
-	    }
-	    function curry(f) {
-	      var firstArgs = slice(arguments, 1);
-	      return function () {
-	        return f.apply(undefined$1, firstArgs.concat(slice(arguments)));
+	        }, m.endOf = function (t) {
+	          return this.startOf(t, !1);
+	        }, m.$set = function (t, e) {
+	          var n,
+	            o = O.p(t),
+	            h = "set" + (this.$u ? "UTC" : ""),
+	            l = (n = {}, n[a] = h + "Date", n[d] = h + "Date", n[f] = h + "Month", n[c] = h + "FullYear", n[u] = h + "Hours", n[s] = h + "Minutes", n[i] = h + "Seconds", n[r] = h + "Milliseconds", n)[o],
+	            $ = o === a ? this.$D + (e - this.$W) : e;
+	          if (o === f || o === c) {
+	            var y = this.clone().set(d, 1);
+	            y.$d[l]($), y.init(), this.$d = y.set(d, Math.min(this.$D, y.daysInMonth())).$d;
+	          } else l && this.$d[l]($);
+	          return this.init(), this;
+	        }, m.set = function (t, e) {
+	          return this.clone().$set(t, e);
+	        }, m.get = function (t) {
+	          return this[O.p(t)]();
+	        }, m.add = function (r, h) {
+	          var d,
+	            l = this;
+	          r = Number(r);
+	          var $ = O.p(h),
+	            y = function y(t) {
+	              var e = w(l);
+	              return O.w(e.date(e.date() + Math.round(t * r)), l);
+	            };
+	          if ($ === f) return this.set(f, this.$M + r);
+	          if ($ === c) return this.set(c, this.$y + r);
+	          if ($ === a) return y(1);
+	          if ($ === o) return y(7);
+	          var M = (d = {}, d[s] = e, d[u] = n, d[i] = t, d)[$] || 1,
+	            m = this.$d.getTime() + r * M;
+	          return O.w(m, this);
+	        }, m.subtract = function (t, e) {
+	          return this.add(-1 * t, e);
+	        }, m.format = function (t) {
+	          var e = this,
+	            n = this.$locale();
+	          if (!this.isValid()) return n.invalidDate || l;
+	          var r = t || "YYYY-MM-DDTHH:mm:ssZ",
+	            i = O.z(this),
+	            s = this.$H,
+	            u = this.$m,
+	            a = this.$M,
+	            o = n.weekdays,
+	            f = n.months,
+	            h = function h(t, n, i, s) {
+	              return t && (t[n] || t(e, r)) || i[n].slice(0, s);
+	            },
+	            c = function c(t) {
+	              return O.s(s % 12 || 12, t, "0");
+	            },
+	            d = n.meridiem || function (t, e, n) {
+	              var r = t < 12 ? "AM" : "PM";
+	              return n ? r.toLowerCase() : r;
+	            },
+	            $ = {
+	              YY: String(this.$y).slice(-2),
+	              YYYY: this.$y,
+	              M: a + 1,
+	              MM: O.s(a + 1, 2, "0"),
+	              MMM: h(n.monthsShort, a, f, 3),
+	              MMMM: h(f, a),
+	              D: this.$D,
+	              DD: O.s(this.$D, 2, "0"),
+	              d: String(this.$W),
+	              dd: h(n.weekdaysMin, this.$W, o, 2),
+	              ddd: h(n.weekdaysShort, this.$W, o, 3),
+	              dddd: o[this.$W],
+	              H: String(s),
+	              HH: O.s(s, 2, "0"),
+	              h: c(1),
+	              hh: c(2),
+	              a: d(s, u, !0),
+	              A: d(s, u, !1),
+	              m: String(u),
+	              mm: O.s(u, 2, "0"),
+	              s: String(this.$s),
+	              ss: O.s(this.$s, 2, "0"),
+	              SSS: O.s(this.$ms, 3, "0"),
+	              Z: i
+	            };
+	          return r.replace(y, function (t, e) {
+	            return e || $[t] || i.replace(":", "");
+	          });
+	        }, m.utcOffset = function () {
+	          return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
+	        }, m.diff = function (r, d, l) {
+	          var $,
+	            y = O.p(d),
+	            M = w(r),
+	            m = (M.utcOffset() - this.utcOffset()) * e,
+	            v = this - M,
+	            g = O.m(this, M);
+	          return g = ($ = {}, $[c] = g / 12, $[f] = g, $[h] = g / 3, $[o] = (v - m) / 6048e5, $[a] = (v - m) / 864e5, $[u] = v / n, $[s] = v / e, $[i] = v / t, $)[y] || v, l ? g : O.a(g);
+	        }, m.daysInMonth = function () {
+	          return this.endOf(f).$D;
+	        }, m.$locale = function () {
+	          return D[this.$L];
+	        }, m.locale = function (t, e) {
+	          if (!t) return this.$L;
+	          var n = this.clone(),
+	            r = S(t, e, !0);
+	          return r && (n.$L = r), n;
+	        }, m.clone = function () {
+	          return O.w(this.$d, this);
+	        }, m.toDate = function () {
+	          return new Date(this.valueOf());
+	        }, m.toJSON = function () {
+	          return this.isValid() ? this.toISOString() : null;
+	        }, m.toISOString = function () {
+	          return this.$d.toISOString();
+	        }, m.toString = function () {
+	          return this.$d.toUTCString();
+	        }, M;
+	      }(),
+	      T = _.prototype;
+	    return w.prototype = T, [["$ms", r], ["$s", i], ["$m", s], ["$H", u], ["$W", a], ["$M", f], ["$y", c], ["$D", d]].forEach(function (t) {
+	      T[t[1]] = function (e) {
+	        return this.$g(e, t[0], t[1]);
 	      };
-	    }
-	    function slice(a, start, end) {
-	      return Array.prototype.slice.call(a, start || 0,
-	      // start and end cannot be undefined for IE
-	      end === undefined$1 ? a.length : end);
-	    }
-	    function each(a, f) {
-	      for (var i = 0; i < a.length; i++) {
-	        f(a[i], i);
-	      }
-	    }
-	    function isString(arg) {
-	      return typeof arg == 'string';
-	    }
-	    function isNumber(arg) {
-	      return typeof arg == 'number';
-	    }
-	    function isBoolean(arg) {
-	      return typeof arg == 'boolean';
-	    }
-	    function isFunction(arg) {
-	      return typeof arg == 'function';
-	    }
-	    function zeroPad(n, len) {
-	      len = len || 2;
-	      n += '';
-	      while (n.length < len) {
-	        n = '0' + n;
-	      }
-	      return n;
-	    }
-
-	    // Export for Node.js
-	    if ( module.exports) {
-	      module.exports = XDate;
-	    }
-
-	    // AMD
-	    if (typeof undefined$1 === 'function' && undefined$1.amd) {
-	      undefined$1([], function () {
-	        return XDate;
-	      });
-	    }
-	    return XDate;
-	  }(Date, Math, Array);
+	    }), w.extend = function (t, e) {
+	      return t.$i || (t(e, _, w), t.$i = !0), w;
+	    }, w.locale = S, w.isDayjs = p, w.unix = function (t) {
+	      return w(1e3 * t);
+	    }, w.en = D[g], w.Ls = D, w.p = {}, w;
+	  });
 	});
 
 	var transform = createCommonjsModule(function (module, exports) {
@@ -6191,7 +5879,7 @@
 	  };
 	  var _componentToTypeMap;
 	  exports.flatReactProp = flatReactProp;
-	  var _xdate2 = _interopRequireDefault(xdate);
+	  var _dayjs2 = _interopRequireDefault(dayjs_min);
 	  var _dateFormats2 = _interopRequireDefault(dateFormats_1);
 	  function _interopRequireDefault(obj) {
 	    return obj && obj.__esModule ? obj : {
@@ -6263,6 +5951,9 @@
 	  var getRSQuery = exports.getRSQuery = function getRSQuery(componentId, props) {
 	    var execute = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
 	    if (props && componentId) {
+	      if (props.defaultQuery === null) {
+	        return null;
+	      }
 	      var queryType = props.type ? props.type : componentToTypeMap[props.componentType];
 	      if (!isSearchComponent(props.componentType) && !props.dataField) {
 	        return null;
@@ -6327,7 +6018,8 @@
 	        searchboxId: props.searchboxId
 	      } : {}) : {}, {
 	        calendarInterval: props.calendarInterval,
-	        endpoint: endpoint
+	        endpoint: endpoint,
+	        range: props.range
 	      });
 	    }
 	    return null;
@@ -6358,6 +6050,7 @@
 	    var aggregations = componentProps.aggregations;
 	    var pagination = void 0;
 	    var from = componentProps.from;
+	    var range = void 0;
 	    if (queryType === constants$1.queryTypes.term) {
 	      if (componentProps.showLoadMore && hasPaginationSupport(componentProps.componentType)) {
 	        pagination = true;
@@ -6418,8 +6111,8 @@
 	        if (value) {
 	          if ((0, helper.isValidDateRangeQueryFormat)(componentProps.queryFormat)) {
 	            value = {
-	              start: (0, helper.formatDate)(new _xdate2["default"](value.start), componentProps),
-	              end: (0, helper.formatDate)(new _xdate2["default"](value.end), componentProps)
+	              start: (0, helper.formatDate)((0, _dayjs2["default"])(new Date(value.start)), componentProps),
+	              end: (0, helper.formatDate)((0, _dayjs2["default"])(new Date(value.end)), componentProps)
 	            };
 	          } else {
 	            value = {
@@ -6428,26 +6121,56 @@
 	            };
 	          }
 	        }
+	        var rangeValue = void 0;
+	        if (componentProps.componentType === constants$1.componentTypes.dynamicRangeSlider) {
+	          rangeValue = store.aggregations[component + '__range__internal'];
+	          if (componentProps.nestedField) {
+	            rangeValue = rangeValue && store.aggregations[component + '__range__internal'][componentProps.nestedField].min ? {
+	              start: store.aggregations[component + '__range__internal'][componentProps.nestedField].min.value,
+	              end: store.aggregations[component + '__range__internal'][componentProps.nestedField].max.value
+	            } : null;
+	          } else {
+	            rangeValue = rangeValue && store.aggregations[component + '__range__internal'].min && store.aggregations[component + '__range__internal'].min.value ? {
+	              start: store.aggregations[component + '__range__internal'].min.value,
+	              end: store.aggregations[component + '__range__internal'].max.value
+	            } : null;
+	          }
+	        } else {
+	          rangeValue = componentProps.range;
+	        }
+	        if (rangeValue) {
+	          if ((0, helper.isValidDateRangeQueryFormat)(componentProps.queryFormat)) {
+	            range = {
+	              start: (0, helper.formatDate)((0, _dayjs2["default"])(rangeValue.start), componentProps),
+	              end: (0, helper.formatDate)((0, _dayjs2["default"])(rangeValue.end), componentProps)
+	            };
+	          } else {
+	            range = {
+	              start: parseFloat(rangeValue.start),
+	              end: parseFloat(rangeValue.end)
+	            };
+	          }
+	        }
 	      }
 	      if (dateRangeComponents.includes(componentProps.componentType)) {
 	        if (value) {
 	          if ((0, helper.isValidDateRangeQueryFormat)(componentProps.queryFormat)) {
 	            if (typeof value === 'string') {
 	              value = {
-	                start: (0, helper.formatDate)(new _xdate2["default"](value).addHours(-24), componentProps),
-	                end: (0, helper.formatDate)(new _xdate2["default"](value), componentProps)
+	                start: (0, helper.formatDate)((0, _dayjs2["default"])(value).subtract(24, 'hour'), componentProps),
+	                end: (0, helper.formatDate)((0, _dayjs2["default"])(value), componentProps)
 	              };
 	            } else if (Array.isArray(value)) {
 	              value = value.map(function (val) {
 	                return {
-	                  start: (0, helper.formatDate)(new _xdate2["default"](val).addHours(-24), componentProps),
-	                  end: (0, helper.formatDate)(new _xdate2["default"](val), componentProps)
+	                  start: (0, helper.formatDate)((0, _dayjs2["default"])(val).subtract(24, 'hour'), componentProps),
+	                  end: (0, helper.formatDate)((0, _dayjs2["default"])(val), componentProps)
 	                };
 	              });
 	            } else {
 	              value = {
-	                start: (0, helper.formatDate)(new _xdate2["default"](value.start).addHours(-24), componentProps),
-	                end: (0, helper.formatDate)(new _xdate2["default"](value.end), componentProps)
+	                start: (0, helper.formatDate)((0, _dayjs2["default"])(value.start).subtract(24, 'hour'), componentProps),
+	                end: (0, helper.formatDate)((0, _dayjs2["default"])(value.end), componentProps)
 	              };
 	            }
 	          }
@@ -6538,6 +6261,8 @@
 	    if (componentProps.componentType === constants$1.componentTypes.reactiveList) {
 	      if (value > 0) {
 	        from = (value - 1) * (componentProps.size || 10);
+	      } else {
+	        from = 0;
 	      }
 	      value = undefined;
 	    }
@@ -6561,12 +6286,13 @@
 	      interval: interval,
 	      react: store.dependencyTree ? store.dependencyTree[component] : undefined,
 	      customQuery: store.customQueries ? store.customQueries[component] : undefined,
-	      defaultQuery: store.defaultQueries ? store.defaultQueries[component] : undefined,
+	      defaultQuery: store.defaultQueries[component],
 	      customHighlight: store.customHighlightOptions ? store.customHighlightOptions[component] : undefined,
 	      categoryValue: store.internalValues[component] ? store.internalValues[component].category : undefined,
 	      value: queryValue,
 	      pagination: pagination,
-	      from: from
+	      from: from,
+	      range: range
 	    }, customOptions);
 	  };
 	  function flatReactProp(reactProp, componentID) {
@@ -6728,10 +6454,10 @@
 	          if (queryFormat) {
 	            if (Array.isArray(value)) {
 	              transformedValue = value.map(function (item) {
-	                return (0, helper.formatDate)(new _xdate2["default"](item), componentProps);
+	                return (0, helper.formatDate)((0, _dayjs2["default"])(item), componentProps);
 	              });
 	            } else if (typeof value === 'object') {
-	              transformedValue = [(0, helper.formatDate)(new _xdate2["default"](value.start), componentProps), (0, helper.formatDate)(new _xdate2["default"](value.end), componentProps)];
+	              transformedValue = [(0, helper.formatDate)((0, _dayjs2["default"])(value.start), componentProps), (0, helper.formatDate)((0, _dayjs2["default"])(value.end), componentProps)];
 	            }
 	          } else if (Array.isArray(value)) {
 	            transformedValue = [].concat(_toConsumableArray(value));
@@ -6752,21 +6478,21 @@
 	        case constants$1.componentTypes.datePicker:
 	          transformedValue = '';
 	          if (typeof value !== 'object') {
-	            transformedValue = new _xdate2["default"](value).toString('yyyy-MM-dd');
+	            transformedValue = (0, _dayjs2["default"])(value).format('YYYY-MM-DD');
 	          } else if (value.end) {
-	            transformedValue = new _xdate2["default"](value.end).toString('yyyy-MM-dd');
+	            transformedValue = (0, _dayjs2["default"])(value.end).format('YYYY-MM-DD');
 	          } else if (value.start) {
-	            transformedValue = new _xdate2["default"](value.start).addHours(24).toString('yyyy-MM-dd');
+	            transformedValue = (0, _dayjs2["default"])(value.start).add(24, 'hour').format('YYYY-MM-DD');
 	          }
 	          break;
 	        case constants$1.componentTypes.dateRange:
 	          transformedValue = [];
 	          if (Array.isArray(value)) {
 	            transformedValue = value.map(function (t) {
-	              return new _xdate2["default"](t).toString('yyyy-MM-dd');
+	              return (0, _dayjs2["default"])(t).format('YYYY-MM-DD');
 	            });
 	          } else if (typeof value === 'object') {
-	            transformedValue = [new _xdate2["default"](value.start).toString('yyyy-MM-dd'), new _xdate2["default"](value.end).toString('yyyy-MM-dd')];
+	            transformedValue = [(0, _dayjs2["default"])(value.start).format('YYYY-MM-DD'), (0, _dayjs2["default"])(value.end).format('YYYY-MM-DD')];
 	          }
 	          break;
 	        case constants$1.componentTypes.categorySearch:
@@ -7534,7 +7260,7 @@
 	          var componentProps = props[comp];
 	          if (reference !== 'URL' && componentProps && [constants$1.componentTypes.reactiveList, constants$1.componentTypes.reactiveMap].includes(componentProps.componentType)) {
 	            if (selectedValues[comp] !== null) {
-	              componentsToReset[comp] = null;
+	              componentsToReset[comp] = 0;
 	            }
 	          }
 	        });
@@ -8452,7 +8178,8 @@
 	        settings.enableQueryRules = (0, utils.isPropertyDefined)(config.analyticsConfig.enableQueryRules) ? config.analyticsConfig.enableQueryRules : undefined;
 	        settings.customEvents = (0, utils.isPropertyDefined)(config.analyticsConfig.customEvents) ? config.analyticsConfig.customEvents : undefined;
 	        settings.emptyQuery = (0, utils.isPropertyDefined)(config.analyticsConfig.emptyQuery) ? config.analyticsConfig.emptyQuery : undefined;
-	        settings.enableSearchRelevancy = (0, utils.isPropertyDefined)(config.analyticsConfig.enableSearchRelevancy) ? config.analyticsConfig.enableSearchRelevancy : undefined;
+	        var searchRelevancy = config.analyticsConfig.enableSearchRelevancy;
+	        settings.enableSearchRelevancy = (0, utils.isPropertyDefined)(searchRelevancy) ? searchRelevancy : undefined;
 	        settings.suggestionAnalytics = (0, utils.isPropertyDefined)(config.analyticsConfig.suggestionAnalytics) ? config.analyticsConfig.suggestionAnalytics : undefined;
 	        settings.useCache = (0, utils.isPropertyDefined)(config.analyticsConfig.useCache) ? config.analyticsConfig.useCache : undefined;
 	        settings.queryParams = (0, utils.isPropertyDefined)(config.analyticsConfig.queryParams) ? config.analyticsConfig.queryParams : undefined;
@@ -8502,8 +8229,9 @@
 	        queryListener = _getState4.queryListener,
 	        props = _getState4.props,
 	        internalValues = _getState4.internalValues,
-	        lock = _getState4.lock;
-	      var lockTime = config.initialQueriesSyncTime;
+	        lock = _getState4.lock,
+	        selectedValues = _getState4.selectedValues;
+	      var lockTime = config.initialQueriesSyncTime || 50;
 	      var initialTimestamp = config.initialTimestamp;
 	      var queryId = requestId || new Date().getTime();
 	      if (config.queryLockConfig instanceof Object) {
@@ -8533,12 +8261,29 @@
 	          if (!queryObj || queryObj && !Object.keys(queryObj).length) {
 	            queryObj = _extends({}, matchAllQuery);
 	          }
+	          var from = void 0;
+	          var depComponentType = props[component] ? props[component].componentType : null;
+	          if (depComponentType === constants$1.componentTypes.reactiveList) {
+	            var componentValue = selectedValues[component] ? selectedValues[component].value : undefined;
+	            var componentProps = props[component];
+	            if (componentValue !== undefined && componentProps) {
+	              if (componentValue > 0) {
+	                from = (componentValue - 1) * (componentProps.size || 10);
+	              } else {
+	                from = 0;
+	              }
+	            }
+	          }
 	          var currentQuery = _extends({
 	            query: _extends({}, queryObj)
-	          }, options, queryOptions[component]);
+	          }, options, queryOptions[component], {
+	            from: from
+	          });
 	          var queryToLog = _extends({
 	            query: _extends({}, queryObj)
-	          }, options, queryOptions[component]);
+	          }, options, queryOptions[component], {
+	            from: from
+	          });
 	          var oldQuery = queryLog[component];
 	          if (mustExecuteMapQuery || !(0, helper.compareQueries)(currentQuery, oldQuery, false)) {
 	            orderOfQueries = [].concat(_toConsumableArray(orderOfQueries), [component]);
@@ -8853,12 +8598,25 @@
 	  exports.addComponent = addComponent;
 	  exports.removeComponent = removeComponent;
 	  exports.watchComponent = watchComponent;
-	  function addComponent(component) {
+	  function addComponentToList(component) {
 	    return {
 	      type: constants.ADD_COMPONENT,
 	      component: component
 	    };
 	  }
+	  function addComponentTimestamp(component, timestamp) {
+	    return {
+	      type: constants.SET_REGISTERED_COMPONENT_TIMESTAMP,
+	      component: component,
+	      timestamp: timestamp
+	    };
+	  }
+	  function addComponent(component, timestamp) {
+	    return function (dispatch) {
+	      dispatch(addComponentToList(component));
+	      dispatch(addComponentTimestamp(component, timestamp));
+	    };
+	  }
 	  function removeComponent(component) {
 	    return {
 	      type: constants.REMOVE_COMPONENT,
@@ -9569,14 +9327,9 @@
 	    };
 	  }
 	  function maybeInvokeDelegate(delegate, context) {
-	    var method = delegate.iterator[context.method];
-	    if (undefined === method) {
-	      if (context.delegate = null, "throw" === context.method) {
-	        if (delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel;
-	        context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method");
-	      }
-	      return ContinueSentinel;
-	    }
+	    var methodName = context.method,
+	      method = delegate.iterator[methodName];
+	    if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel;
 	    var record = tryCatch(method, delegate.iterator, context.arg);
 	    if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel;
 	    var info = record.arg;
@@ -9776,7 +9529,7 @@
 	    descriptor.enumerable = descriptor.enumerable || false;
 	    descriptor.configurable = true;
 	    if ("value" in descriptor) descriptor.writable = true;
-	    Object.defineProperty(target, descriptor.key, descriptor);
+	    Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
 	  }
 	}
 	function _createClass(Constructor, protoProps, staticProps) {
@@ -12587,7 +12340,8 @@
 	    userId: VueTypes.string,
 	    useCache: VueTypes.bool,
 	    customEvents: VueTypes.object,
-	    enableTelemetry: VueTypes.bool.def(true)
+	    enableTelemetry: VueTypes.bool.def(true),
+	    queryParams: VueTypes.object
 	  }).def({}),
 	  mongodb: VueTypes.shape({
 	    db: VueTypes.string,
@@ -13026,12 +12780,14 @@
 	  if (str === void 0) {
 	    str = '';
 	  }
+	  var propsWhichRequirePascalCase = ['u-r-l-params'];
 	  var arr = str.split('-');
 	  var capital = arr.map(function (item, index) {
 	    return index ? item.charAt(0).toUpperCase() + item.slice(1).toLowerCase() : item;
 	  });
 	  // ^-- change here.
 	  var capitalString = capital.join('');
+	  if (propsWhichRequirePascalCase.includes(str)) capitalString = capitalString[0].toUpperCase() + capitalString.substring(1);
 	  return capitalString || '';
 	};
 	var isEmpty = function isEmpty(val) {
@@ -13139,8 +12895,9 @@
 	  }
 	  return {
 	    name: 'ComponentWrapper',
+	    $timestamp: null,
 	    props: {
-	      destroyOnUnmount: VueTypes.bool.def(false)
+	      destroyOnUnmount: VueTypes.bool.def(true)
 	    },
 	    created: function created() {
 	      // clone the props for component it is needed because attrs gets changed on time
@@ -13153,6 +12910,7 @@
 	      this.componentProps = parsedProps;
 	      this.componentId = this.componentProps.componentId;
 	      this.react = this.componentProps.react;
+	      this.$timestamp = new Date().getTime();
 	    },
 	    beforeMount: function beforeMount() {
 	      var _this = this;
@@ -13165,7 +12923,7 @@
 	      // or component is not present in store
 	      if (this.destroyOnUnmount || components.indexOf(this.componentProps.componentId) === -1) {
 	        // Register  component
-	        this.addComponent(this.componentId);
+	        this.addComponent(this.componentId, this.$timestamp);
 	        var onQueryChange = function onQueryChange() {
 	          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
 	            args[_key] = arguments[_key];
@@ -13187,7 +12945,7 @@
 	      }
 	      // Register internal component
 	      if (this.internalComponent && (this.destroyOnUnmount || components.indexOf(this.internalComponent) === -1)) {
-	        this.addComponent(this.internalComponent);
+	        this.addComponent(this.internalComponent, this.$timestamp);
 	        this.setComponentProps(this.internalComponent, this.componentProps, options.componentType);
 	      }
 	    },
@@ -13199,10 +12957,17 @@
 	    },
 	    beforeDestroy: function beforeDestroy() {
 	      if (this.destroyOnUnmount) {
+	        var registeredComponentsTimestamps = {};
+	        if (this.$$store) {
+	          var _this$$$store$getStat2 = this.$$store.getState();
+	          registeredComponentsTimestamps = _this$$$store$getStat2.registeredComponentsTimestamps;
+	        }
 	        // Unregister components
-	        this.removeComponent(this.componentId);
-	        if (this.internalComponent) {
-	          this.removeComponent(this.internalComponent);
+	        if (registeredComponentsTimestamps[this.componentId] === this.$timestamp) {
+	          this.removeComponent(this.componentId);
+	          if (this.internalComponent) {
+	            this.removeComponent(this.internalComponent);
+	          }
 	        }
 	      }
 	    },
@@ -13939,7 +13704,16 @@
 	    },
 	    infiniteScroll: function infiniteScroll(newVal, oldVal) {
 	      if (newVal !== oldVal) {
-	        if (!newVal) {
+	        if (newVal && !this.pagination) {
+	          window.addEventListener('scroll', this.scrollHandler);
+	        } else {
+	          window.removeEventListener('scroll', this.scrollHandler);
+	        }
+	      }
+	    },
+	    pagination: function pagination(newVal, oldVal) {
+	      if (newVal !== oldVal) {
+	        if (!newVal && this.infiniteScroll) {
 	          window.addEventListener('scroll', this.scrollHandler);
 	        } else {
 	          window.removeEventListener('scroll', this.scrollHandler);
@@ -14390,6 +14164,8 @@
 	  internalComponent: ReactiveList.hasInternalComponent()
 	}));
 	RLConnected.name = ReactiveList.name;
+	RLConnected.generateQueryOptions = ReactiveList.generateQueryOptions;
+	RLConnected.hasInternalComponent = ReactiveList.hasInternalComponent;
 	RLConnected.install = function (Vue) {
 	  Vue.component(RLConnected.name, RLConnected);
 	  Vue.component(ResultListWrapper.name, ResultListWrapper);
@@ -14779,6 +14555,7 @@
 	 * @param {Boolean} config.enableTelemetry
 	 * @param {Object} config.mongodb
 	 * @param {Object} config.endpoint
+	 * @param {Object} config.httpRequestTimeout
 	 * A callback function which will be invoked before a fetch request made
 	 */
 	function AppBase(config) {
@@ -14839,6 +14616,9 @@
 	  if (config.mongodb) {
 	    this.mongodb = config.mongodb;
 	  }
+	  if (config.httpRequestTimeout) {
+	    this.httpRequestTimeout = config.httpRequestTimeout;
+	  }
 	  if (typeof config.enableTelemetry === 'boolean') {
 	    this.enableTelemetry = config.enableTelemetry;
 	  }
@@ -14853,6 +14633,7 @@
 	 * @param {Object} args.body
 	 * @param {Object} args.headers
 	 * @param {boolean} args.isSuggestionsAPI
+	 * @param {number} args.httpRequestTimeout - Timeout duration in milliseconds
 	 */
 	function fetchRequest(args) {
 	  var _this = this;
@@ -14866,7 +14647,9 @@
 	        isRSAPI = parsedArgs.isRSAPI,
 	        isSuggestionsAPI = parsedArgs.isSuggestionsAPI,
 	        _parsedArgs$isMongoRe = parsedArgs.isMongoRequest,
-	        isMongoRequest = _parsedArgs$isMongoRe === undefined ? false : _parsedArgs$isMongoRe;
+	        isMongoRequest = _parsedArgs$isMongoRe === undefined ? false : _parsedArgs$isMongoRe,
+	        _parsedArgs$httpReque = parsedArgs.httpRequestTimeout,
+	        httpRequestTimeout = _parsedArgs$httpReque === undefined ? 0 : _parsedArgs$httpReque;
 	      var app = isSuggestionsAPI ? '.suggestions' : _this.app;
 	      var bodyCopy = body;
 	      var contentType = path.endsWith('msearch') || path.endsWith('bulk') ? 'application/x-ndjson' : 'application/json';
@@ -14897,8 +14680,8 @@
 	      }
 	      var handleTransformRequest = function handleTransformRequest(res) {
 	        if (_this.transformRequest && typeof _this.transformRequest === 'function') {
-	          var tarnsformRequestPromise = _this.transformRequest(res);
-	          return tarnsformRequestPromise instanceof Promise ? tarnsformRequestPromise : Promise.resolve(tarnsformRequestPromise);
+	          var transformRequestPromise = _this.transformRequest(res);
+	          return transformRequestPromise instanceof Promise ? transformRequestPromise : Promise.resolve(transformRequestPromise);
 	        }
 	        return Promise.resolve(res);
 	      };
@@ -14914,12 +14697,20 @@
 	        var transformedRequest = Object.assign({}, ts);
 	        var url = transformedRequest.url;
 	        delete transformedRequest.url;
-	        return fetch$1(url || finalURL, Object.assign({}, transformedRequest, {
+	        var fetchPromise = fetch$1(url || finalURL, Object.assign({}, transformedRequest, {
 	          // apply timestamp header for RS API
 	          headers: isRSAPI && !isMongoRequest ? Object.assign({}, transformedRequest.headers, {
 	            'x-timestamp': new Date().getTime()
 	          }) : transformedRequest.headers
-	        })).then(function (res) {
+	        }));
+	        var timeoutPromise = new Promise(function (_, rejectTP) {
+	          if (httpRequestTimeout > 0) {
+	            setTimeout(function () {
+	              rejectTP(new Error('Request timeout'));
+	            }, httpRequestTimeout);
+	          }
+	        });
+	        return Promise.race([fetchPromise, timeoutPromise]).then(function (res) {
 	          if (res.status >= 500) {
 	            return reject(res);
 	          }
@@ -14945,7 +14736,7 @@
 	                    }
 	                  });
 	                }
-	                // reject only when all responses has error
+	                // reject only when all responses have an error
 	                if (errorResponses > 0 && allResponses === errorResponses) {
 	                  return reject(data);
 	                }
@@ -14958,7 +14749,7 @@
 	              var _errorResponses = data.responses.filter(function (entry) {
 	                return Object.prototype.hasOwnProperty.call(entry, 'error');
 	              }).length;
-	              // reject only when all responses has error
+	              // reject only when all responses have an error
 	              if (_allResponses === _errorResponses) {
 	                return reject(data);
 	              }
@@ -15252,7 +15043,8 @@
 	    headers: getTelemetryHeaders(this.enableTelemetry, !this.mongodb),
 	    isRSAPI: true,
 	    isMongoRequest: !!this.mongodb,
-	    params: params
+	    params: params,
+	    httpRequestTimeout: this.httpRequestTimeout || 0
 	  });
 	}
 
@@ -15289,7 +15081,8 @@
 	    headers: getTelemetryHeaders(this.enableTelemetry, !this.mongodb),
 	    isRSAPI: true,
 	    isMongoRequest: !!this.mongodb,
-	    params: params
+	    params: params,
+	    httpRequestTimeout: this.httpRequestTimeout || 0
 	  });
 	}
 
@@ -15959,7 +15752,7 @@
 	    },
 	    analyticsRef: {
 	      type: Object,
-	      required: true
+	      required: false
 	    }
 	  },
 	  provide: function provide() {
@@ -16274,7 +16067,6 @@
 	    enableAppbase: VueTypes.bool.def(false),
 	    credentials: types.string,
 	    headers: types.headers,
-	    queryParams: types.string,
 	    theme: VueTypes.object.def({}),
 	    themePreset: VueTypes.string.def('light'),
 	    type: types.string,
@@ -16290,7 +16082,8 @@
 	    setSearchParams: types.func,
 	    mongodb: types.mongodb,
 	    endpoint: types.endpointConfig,
-	    preferences: VueTypes.object
+	    preferences: VueTypes.object,
+	    httpRequestTimeout: VueTypes.number.def(30)
 	  },
 	  provide: function provide() {
 	    return {
@@ -16327,6 +16120,9 @@
 	    },
 	    mongodb: function mongodb() {
 	      this.updateState(this.$props);
+	    },
+	    httpRequestTimeout: function httpRequestTimeout() {
+	      this.updateState(this.$props);
 	    }
 	  },
 	  computed: {
@@ -16373,7 +16169,8 @@
 	        analytics: props.appbaseConfig ? props.appbaseConfig.recordAnalytics : props.analytics,
 	        analyticsConfig: props.appbaseConfig,
 	        mongodb: props.mongodb,
-	        endpoint: props.endpoint
+	        endpoint: props.endpoint,
+	        httpRequestTimeout: (props.httpRequestTimeout || 0) * 1000 || 30000
 	      };
 	      var queryParams = '';
 	      if (typeof window !== 'undefined') {
@@ -18916,6 +18713,7 @@
 	    }
 	    this.handleTextChange = debounce$1(this.handleText, this.$props.debounce);
 	    this.updateDefaultQueryHandlerDebounced = debounce$1(this.updateDefaultQueryHandler, this.$props.debounce);
+	    this.updateQueryHandlerDebounced = debounce$1(this.updateQueryHandler, this.$props.debounce);
 	    // Set custom and default queries in store
 	    updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
 	    updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, this.currentValue);
@@ -19099,7 +18897,7 @@
 	        if (this.isPending && this.$options.isTagsMode && Array.isArray(newVal)) {
 	          this.isPending = false;
 	        }
-	        this.setValue(newVal, true, this.$props, undefined, false, typeof newVal !== 'string' && this.$options.isTagsMode);
+	        this.setValue(newVal, true, this.$props, newVal === '' ? lib_7.CLEAR_VALUE : undefined, false, typeof newVal !== 'string' && this.$options.isTagsMode);
 	      }
 	    },
 	    defaultQuery: function defaultQuery(newVal, oldVal) {
@@ -19141,8 +18939,10 @@
 	    handleText: function handleText(value) {
 	      if (this.$props.autosuggest) {
 	        this.updateDefaultQueryHandlerDebounced(value, this.$props);
-	      } else {
-	        this.updateDefaultQueryHandlerDebounced(this.$props.componentId, value, this.$props);
+	      } else if (!this.$options.isTagsMode) {
+	        this.updateQueryHandlerDebounced(this.$props.componentId, value, this.$props);
+	      } else if (this.$options.isTagsMode) {
+	        this.$data.currentValue = value;
 	      }
 	    },
 	    validateDataField: function validateDataField() {
@@ -19287,10 +19087,10 @@
 	          } // 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 || (_this.$options.isTagsMode ? _this.selectedTags.length === 0 : value === '')) {
+	          if (props.strictSelection && props.autosuggest) {
+	            if (cause === lib_7.SUGGESTION_SELECT || props.value !== undefined) {
 	              _this.updateQueryHandler(props.componentId, queryHandlerValue, props);
-	            } else {
+	            } else if (_this.currentValue !== '') {
 	              _this.setValue('', true);
 	            }
 	          } else {
@@ -19416,17 +19216,20 @@
 	      this.onValueSelectedHandler('', lib_7.CLEAR_VALUE);
 	    },
 	    handleKeyDown: function handleKeyDown(event, highlightedIndex) {
-	      var value = this.$props.value;
+	      var targetValue = event.target.value;
+	      var _this$$props2 = this.$props,
+	        value = _this$$props2.value,
+	        strictSelection = _this$$props2.strictSelection,
+	        size = _this$$props2.size,
+	        autosuggest = _this$$props2.autosuggest;
 	      if (value !== undefined) {
 	        this.isPending = true;
 	      }
-
 	      // if a suggestion was selected, delegate the handling to suggestion handler
-	      if (event.key === 'Enter' && highlightedIndex === null) {
-	        this.setValue(event.target.value, true, this.$props, this.$options.isTagsMode ? lib_7.SUGGESTION_SELECT : undefined // to handle tags
-	        );
-
-	        this.onValueSelectedHandler(event.target.value, lib_7.ENTER_PRESS);
+	      if (event.key === 'Enter' && (highlightedIndex === null || highlightedIndex < 0 || highlightedIndex === [].concat([].concat(this.suggestionsList).slice(0, size || 10), this.defaultSearchSuggestions, this.topSuggestions).length)) {
+	        this.isPending = false;
+	        this.setValue(this.$options.isTagsMode && autosuggest && strictSelection ? '' : targetValue, true, this.$props, undefined, false);
+	        this.onValueSelectedHandler(targetValue, lib_7.ENTER_PRESS);
 	      }
 	      // Need to review
 	      this.$emit('keyDown', event, this.triggerQuery);
@@ -19438,19 +19241,19 @@
 	      if (!this.$data.isOpen) {
 	        this.isOpen = true;
 	      }
-	      var _this$$props2 = this.$props,
-	        value = _this$$props2.value,
-	        autosuggest = _this$$props2.autosuggest;
+	      var _this$$props3 = this.$props,
+	        value = _this$$props3.value,
+	        autosuggest = _this$$props3.autosuggest;
 	      if (value === undefined) {
 	        this.setValue(inputValue, false, this.$props, undefined, true, false);
 	      } else {
 	        this.isPending = true;
+	        this.currentValue = inputValue;
 	        this.$emit('change', inputValue, function (_temp2) {
 	          var _ref3 = _temp2 === void 0 ? {} : _temp2,
 	            _ref3$isOpen = _ref3.isOpen,
 	            isOpen = _ref3$isOpen === void 0 ? false : _ref3$isOpen;
 	          if (_this2.$options.isTagsMode && autosuggest) {
-	            _this2.currentValue = value;
 	            _this2.isOpen = isOpen;
 	            _this2.updateDefaultQueryHandlerDebounced(_this2.currentValue, _this2.$props);
 	            return;
@@ -19538,9 +19341,9 @@
 	        finalSuggestionsList = [];
 	      }
 	      var h = this.$createElement;
-	      var _this$$props3 = this.$props,
-	        theme = _this$$props3.theme,
-	        innerClass = _this$$props3.innerClass;
+	      var _this$$props4 = this.$props,
+	        theme = _this$$props4.theme,
+	        innerClass = _this$$props4.innerClass;
 	      var renderNoSuggestion = this.$scopedSlots.renderNoSuggestion || this.$props.renderNoSuggestion;
 	      var renderError = this.$scopedSlots.renderError || this.$props.renderError;
 	      var _this$$data = this.$data,
@@ -19644,13 +19447,13 @@
 	    },
 	    renderIcons: function renderIcons() {
 	      var h = this.$createElement;
-	      var _this$$props4 = this.$props,
-	        iconPosition = _this$$props4.iconPosition,
-	        showClear = _this$$props4.showClear,
-	        innerClass = _this$$props4.innerClass,
-	        getMicInstance = _this$$props4.getMicInstance,
-	        showVoiceSearch = _this$$props4.showVoiceSearch,
-	        showIcon = _this$$props4.showIcon;
+	      var _this$$props5 = this.$props,
+	        iconPosition = _this$$props5.iconPosition,
+	        showClear = _this$$props5.showClear,
+	        innerClass = _this$$props5.innerClass,
+	        getMicInstance = _this$$props5.getMicInstance,
+	        showVoiceSearch = _this$$props5.showVoiceSearch,
+	        showIcon = _this$$props5.showIcon;
 	      var renderMic = this.$scopedSlots.renderMic || this.$props.renderMic;
 	      var currentValue = this.$data.currentValue;
 	      return h("div", [h(IconGroup, {
@@ -19734,11 +19537,11 @@
 	  render: function render() {
 	    var _this6 = this;
 	    var h = arguments[0];
-	    var _this$$props5 = this.$props,
-	      theme = _this$$props5.theme,
-	      size = _this$$props5.size,
-	      expandSuggestionsContainer = _this$$props5.expandSuggestionsContainer,
-	      enableDefaultSuggestions = _this$$props5.enableDefaultSuggestions;
+	    var _this$$props6 = this.$props,
+	      theme = _this$$props6.theme,
+	      size = _this$$props6.size,
+	      expandSuggestionsContainer = _this$$props6.expandSuggestionsContainer,
+	      enableDefaultSuggestions = _this$$props6.enableDefaultSuggestions;
 	    var _this$$scopedSlots = this.$scopedSlots,
 	      recentSearchesIcon = _this$$scopedSlots.recentSearchesIcon,
 	      popularSearchesIcon = _this$$scopedSlots.popularSearchesIcon;
@@ -19900,7 +19703,7 @@
 	              }
 	            })),
 	            "domProps": _extends({}, getInputProps({
-	              value: _this6.$data.currentValue === null ? '' : _this6.$data.currentValue
+	              value: _this6.$data.currentValue === null || typeof _this6.$data.currentValue !== 'string' ? '' : _this6.$data.currentValue
 	            }))
 	          }), _this6.renderIcons(), !expandSuggestionsContainer && renderSuggestionsContainer()]), ' ', _this6.renderInputAddonAfter()]), expandSuggestionsContainer && renderSuggestionsContainer(), _this6.renderTags()]);
 	        }
@@ -19929,8 +19732,7 @@
 	          _this6.$emit('focus', e, _this6.triggerQuery);
 	        },
 	        keydown: function keydown(e) {
-	          _this6.$emit('keyDown', e, _this6.triggerQuery);
-	          _this6.$emit('key-down', e, _this6.triggerQuery);
+	          _this6.handleKeyDown(e, null);
 	        },
 	        keyup: function keyup(e) {
 	          _this6.$emit('keyUp', e, _this6.triggerQuery);
@@ -19942,7 +19744,7 @@
 	        value: this.$data.currentValue ? this.$data.currentValue : ''
 	      }),
 	      "ref": this.$props.innerRef
-	    }), this.renderIcons()]), this.renderInputAddonAfter()])])]);
+	    }), this.renderIcons()]), this.renderInputAddonAfter()]), this.renderTags()])]);
 	  },
 	  destroyed: function destroyed() {
 	    document.removeEventListener('keydown', this.onKeyDown);
@@ -20117,6 +19919,10 @@
 	  componentType: constants_1$1.dataSearch,
 	  internalComponent: DataSearch.hasInternalComponent()
 	}));
+	DSConnected.defaultQuery = DataSearch.defaultQuery;
+	DSConnected.shouldQuery = DataSearch.shouldQuery;
+	DSConnected.highlightQuery = DataSearch.highlightQuery;
+	DSConnected.hasInternalComponent = DataSearch.hasInternalComponent;
 	DSConnected.name = DataSearch.name;
 
 	// plugins usage
@@ -20366,7 +20172,6 @@
 	          // selected value is cleared, call onValueSelected
 	          this.onValueSelectedHandler('', lib_7.CLEAR_VALUE);
 	        }
-	        // if (this.$props.value === undefined) {
 	        if (this.$options.isTagsMode) {
 	          // handling reset of tags through SelectedFilters or URL
 	          this.selectedTags = [];
@@ -20376,7 +20181,6 @@
 	          cause = lib_7.SUGGESTION_SELECT;
 	        }
 	        this.setValue(newVal || '', true, this.$props, cause);
-	        // }
 	      }
 	    },
 	    focusShortcuts: function focusShortcuts() {
@@ -20519,8 +20323,7 @@
 	            if (typeof value === 'string' && !!value) {
 	              _this.selectedTags.push(value);
 	            } else if (Array.isArray(value) && !isEqual$5(_this.selectedTags, value)) {
-	              var mergedArray = Array.from(new Set([].concat(_this.selectedTags, value)));
-	              _this.selectedTags = mergedArray;
+	              _this.selectedTags = value;
 	            }
 	          } else if (value) {
 	            _this.selectedTags = typeof value !== 'string' ? value : [].concat(value);
@@ -21222,6 +21025,9 @@
 	    document.removeEventListener('keydown', this.onKeyDown);
 	  }
 	};
+	SearchBox.hasInternalComponent = function () {
+	  return true;
+	};
 	SearchBox.defaultQuery = function (value, props) {
 	  var finalQuery = null;
 	  var fields = normalizeDataField$1(props.dataField, props.fieldWeights);
@@ -21345,6 +21151,9 @@
 	  internalComponent: true
 	}));
 	SBConnected.name = SearchBox.name;
+	SBConnected.defaultQuery = SearchBox.defaultQuery;
+	SBConnected.shouldQuery = SearchBox.shouldQuery;
+	SBConnected.hasInternalComponent = SearchBox.hasInternalComponent;
 	SBConnected.install = function (Vue) {
 	  Vue.component(SBConnected.name, SBConnected);
 	};
@@ -21559,7 +21368,7 @@
 	      return isFunction$1(renderErrorCalc) ? renderErrorCalc(this.error) : renderErrorCalc;
 	    }
 	    if (!this.hasCustomRenderer && this.modifiedOptions.length === 0 && !this.isLoading) {
-	      if (this.renderNoResult) {
+	      if (this.renderNoResults) {
 	        this.renderNoResult();
 	      } else {
 	        return null;
@@ -21864,13 +21673,15 @@
 	  internalComponent: SingleList.hasInternalComponent()
 	}));
 	ListConnected.name = SingleList.name;
+	ListConnected.defaultQuery = SingleList.defaultQuery;
+	ListConnected.generateQueryOptions = SingleList.generateQueryOptions;
+	ListConnected.hasInternalComponent = SingleList.hasInternalComponent;
+	// Add componentType for SSR
+	ListConnected.componentType = constants_1$1.singleList;
 	ListConnected.install = function (Vue) {
 	  Vue.component(ListConnected.name, ListConnected);
 	};
 
-	// Add componentType for SSR
-	ListConnected.componentType = constants_1$1.singleList;
-
 	var updateQuery$4 = lib_5.updateQuery,
 	  setQueryOptions$3 = lib_5.setQueryOptions,
 	  setCustomQuery$3 = lib_5.setCustomQuery,
@@ -22017,7 +21828,7 @@
 	      return isFunction$1(renderErrorCalc) ? renderErrorCalc(this.error) : renderErrorCalc;
 	    }
 	    if (!this.hasCustomRenderer && this.modifiedOptions.length === 0 && !this.isLoading) {
-	      if (this.renderNoResult) {
+	      if (this.renderNoResults) {
 	        this.renderNoResult();
 	      } else {
 	        return null;
@@ -22399,13 +22210,15 @@
 	  internalComponent: MultiList.hasInternalComponent()
 	}));
 	ListConnected$1.name = MultiList.name;
+	ListConnected$1.defaultQuery = MultiList.defaultQuery;
+	ListConnected$1.generateQueryOptions = MultiList.generateQueryOptions;
+	ListConnected$1.hasInternalComponent = MultiList.hasInternalComponent;
+	// Add componentType for SSR
+	ListConnected$1.componentType = constants_1$1.multiList;
 	ListConnected$1.install = function (Vue) {
 	  Vue.component(ListConnected$1.name, ListConnected$1);
 	};
 
-	// Add componentType for SSR
-	ListConnected$1.componentType = constants_1$1.multiList;
-
 	var _templateObject$m, _templateObject2$9, _templateObject3$7, _templateObject4$6;
 	var small = css(_templateObject$m || (_templateObject$m = _taggedTemplateLiteralLoose(["\n\tmin-height: 0;\n\theight: 30px;\n\tborder: 0;\n\tbox-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;\n\tborder-radius: 2px;\n"])));
 	var dark$2 = function dark(_ref) {
@@ -23105,14 +22918,16 @@
 	  componentType: constants_1$1.singleDropdownList,
 	  internalComponent: SingleDropdownList.hasInternalComponent()
 	}));
+	ListConnected$2.defaultQuery = SingleDropdownList.defaultQuery;
+	ListConnected$2.generateQueryOptions = SingleDropdownList.generateQueryOptions;
+	ListConnected$2.hasInternalComponent = SingleDropdownList.hasInternalComponent;
 	ListConnected$2.name = SingleDropdownList.name;
+	// Add componentType for SSR
+	ListConnected$2.componentType = constants_1$1.singleDropdownList;
 	ListConnected$2.install = function (Vue) {
 	  Vue.component(ListConnected$2.name, ListConnected$2);
 	};
 
-	// Add componentType for SSR
-	ListConnected$2.componentType = constants_1$1.singleDropdownList;
-
 	var updateQuery$6 = lib_5.updateQuery,
 	  setQueryOptions$5 = lib_5.setQueryOptions,
 	  setCustomQuery$5 = lib_5.setCustomQuery,
@@ -23621,12 +23436,15 @@
 	  internalComponent: MultiDropdownList.hasInternalComponent()
 	}));
 	ListConnected$3.name = MultiDropdownList.name;
-	ListConnected$3.install = function (Vue) {
-	  Vue.component(ListConnected$3.name, ListConnected$3);
-	};
 
 	// Add componentType for SSR
 	ListConnected$3.componentType = constants_1$1.multiDropdownList;
+	ListConnected$3.defaultQuery = MultiDropdownList.defaultQuery;
+	ListConnected$3.generateQueryOptions = MultiDropdownList.generateQueryOptions;
+	ListConnected$3.hasInternalComponent = MultiDropdownList.hasInternalComponent;
+	ListConnected$3.install = function (Vue) {
+	  Vue.component(ListConnected$3.name, ListConnected$3);
+	};
 
 	var updateQuery$7 = lib_5.updateQuery,
 	  setQueryOptions$6 = lib_5.setQueryOptions,
@@ -23916,6 +23734,8 @@
 	var TBConnected = PreferencesConsumer(ComponentWrapper$1(connect(mapStateToProps$9, mapDispatchtoProps$6)(ToggleButton), {
 	  componentType: constants_1$1.toggleButton
 	}));
+	TBConnected.parseValue = ToggleButton.parseValue;
+	TBConnected.defaultQuery = ToggleButton.defaultQuery;
 	TBConnected.name = ToggleButton.name;
 	TBConnected.install = function (Vue) {
 	  Vue.component(TBConnected.name, TBConnected);
@@ -23923,6 +23743,312 @@
 	// Add componentType for SSR
 	TBConnected.componentType = constants_1$1.toggleButton;
 
+	var _excluded = ["options"];
+	var updateQuery$8 = lib_5.updateQuery,
+	  setQueryOptions$7 = lib_5.setQueryOptions,
+	  setCustomQuery$7 = lib_5.setCustomQuery,
+	  setDefaultQuery$7 = lib_5.setDefaultQuery;
+	var parseHits$1 = lib_8.parseHits,
+	  isEqual$b = lib_8.isEqual,
+	  getCompositeAggsQuery$5 = lib_8.getCompositeAggsQuery,
+	  getResultStats$3 = lib_8.getResultStats,
+	  extractQueryFromCustomQuery$6 = lib_8.extractQueryFromCustomQuery,
+	  getOptionsForCustomQuery$6 = lib_8.getOptionsForCustomQuery;
+	var ReactiveComponent = {
+	  name: 'ReactiveComponent',
+	  props: {
+	    componentId: types.stringRequired,
+	    aggregationField: types.string,
+	    aggregationSize: VueTypes.number,
+	    size: VueTypes.number,
+	    defaultQuery: types.func,
+	    customQuery: types.func,
+	    filterLabel: types.string,
+	    react: types.react,
+	    showFilter: VueTypes.bool.def(true),
+	    URLParams: VueTypes.bool.def(false),
+	    distinctField: types.string,
+	    distinctFieldConfig: types.props,
+	    index: VueTypes.string,
+	    endpoint: types.endpointConfig
+	  },
+	  created: function created() {
+	    var _this = this;
+	    var props = this.$props;
+	    this.internalComponent = null;
+	    this.$defaultQuery = null;
+	    // Set custom query in store
+	    updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.selectedValue);
+	    var customQuery = props.customQuery,
+	      componentId = props.componentId,
+	      filterLabel = props.filterLabel,
+	      showFilter = props.showFilter,
+	      URLParams = props.URLParams,
+	      distinctField = props.distinctField,
+	      distinctFieldConfig = props.distinctFieldConfig,
+	      index = props.index;
+	    if (this.enableAppbase && this.aggregationField && this.aggregationField !== '') {
+	      console.warn('Warning(ReactiveSearch): The `aggregationField` prop has been marked as deprecated, please use the `distinctField` prop instead.');
+	    }
+	    if (!this.enableAppbase && (distinctField || distinctFieldConfig)) {
+	      console.warn('Warning(ReactiveSearch): In order to use the `distinctField` and `distinctFieldConfig` props, the `enableAppbase` prop must be set to true in `ReactiveBase`.');
+	    }
+	    if (!this.enableAppbase && index) {
+	      console.warn('Warning(ReactiveSearch): In order to use the `index` prop, the `enableAppbase` prop must be set to true in `ReactiveBase`.');
+	    }
+	    if (customQuery) {
+	      var calcCustomQuery = customQuery(this.selectedValue, props);
+	      var query = extractQueryFromCustomQuery$6(calcCustomQuery);
+	      var customQueryOptions = calcCustomQuery ? getOptionsForCustomQuery$6(calcCustomQuery) : null;
+	      if (customQueryOptions) {
+	        this.setQueryOptions(componentId, _extends({}, customQueryOptions, this.getAggsQuery()), false);
+	      } else this.setQueryOptions(componentId, this.getAggsQuery(), false);
+	      this.updateQuery({
+	        componentId: componentId,
+	        query: query,
+	        value: this.selectedValue || null,
+	        label: filterLabel,
+	        showFilter: showFilter,
+	        URLParams: URLParams
+	      });
+	    }
+	    this.setQuery = function (_ref) {
+	      var options = _ref.options,
+	        obj = _objectWithoutPropertiesLoose(_ref, _excluded);
+	      var queryToBeSet = obj.query;
+
+	      // when enableAppbase is true, Backend throws error because of repeated query in request body
+	      if (queryToBeSet && queryToBeSet.query) {
+	        queryToBeSet = queryToBeSet.query;
+	      }
+	      var customQueryCalc = _extends({}, options, {
+	        query: queryToBeSet
+	      });
+	      var rsAPIQuery = customQueryCalc;
+	      // handle stored queries
+	      if (queryToBeSet && queryToBeSet.id) {
+	        rsAPIQuery = queryToBeSet;
+	      }
+	      // Update customQuery field for RS API
+	      _this.setCustomQuery(props.componentId, rsAPIQuery);
+	      if (options) {
+	        _this.setQueryOptions(props.componentId, _extends({}, _this.getAggsQuery(), options), false);
+	      }
+	      _this.updateQuery(_extends({}, obj, {
+	        query: customQueryCalc.query,
+	        componentId: props.componentId,
+	        label: props.filterLabel,
+	        showFilter: props.showFilter,
+	        URLParams: props.URLParams
+	      }));
+	    };
+	    if (props.defaultQuery) {
+	      this.internalComponent = props.componentId + "__internal";
+	    }
+	    if (this.internalComponent && this.$props.defaultQuery) {
+	      updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, this.selectedValue);
+	      this.$defaultQuery = this.$props.defaultQuery(this.selectedValue, this.$props);
+	      var _query = extractQueryFromCustomQuery$6(this.$defaultQuery);
+	      var queryOptions = getOptionsForCustomQuery$6(this.$defaultQuery);
+	      if (queryOptions) {
+	        this.setQueryOptions(this.internalComponent, _extends({}, queryOptions, this.getAggsQuery()), false);
+	      } else this.setQueryOptions(this.internalComponent, this.getAggsQuery(), false);
+	      this.updateQuery({
+	        componentId: this.internalComponent,
+	        query: _query
+	      });
+	    }
+	  },
+	  watch: {
+	    hits: function hits(newVal, oldVal) {
+	      if (!isEqual$b(newVal, oldVal)) {
+	        this.$emit('data', this.getData());
+	      }
+	    },
+	    rawData: function rawData(newVal, oldVal) {
+	      if (!isEqual$b(newVal, oldVal)) {
+	        this.$emit('data', this.getData());
+	      }
+	    },
+	    aggregations: function aggregations(newVal, oldVal) {
+	      if (!isEqual$b(newVal, oldVal)) {
+	        this.$emit('data', this.getData());
+	      }
+	    },
+	    aggregationData: function aggregationData(newVal, oldVal) {
+	      if (!isEqual$b(newVal, oldVal)) {
+	        this.$emit('data', this.getData());
+	      }
+	    },
+	    promotedResults: function promotedResults(newVal, oldVal) {
+	      if (!isEqual$b(newVal, oldVal)) {
+	        this.$emit('data', this.getData());
+	      }
+	    },
+	    hidden: function hidden(newVal, oldVal) {
+	      if (!isEqual$b(newVal, oldVal)) {
+	        this.$emit('data', this.getData());
+	      }
+	    },
+	    total: function total(newVal, oldVal) {
+	      if (!isEqual$b(newVal, oldVal)) {
+	        this.$emit('data', this.getData());
+	      }
+	    },
+	    time: function time(newVal, oldVal) {
+	      if (!isEqual$b(newVal, oldVal)) {
+	        this.$emit('data', this.getData());
+	      }
+	    },
+	    defaultQuery: function defaultQuery(newVal, oldVal) {
+	      if (newVal && !isQueryIdentical(newVal, oldVal, this.selectedValue, this.$props)) {
+	        this.$defaultQuery = newVal(this.selectedValue, this.$props);
+	        var query = extractQueryFromCustomQuery$6(this.$defaultQuery);
+	        var queryOptions = getOptionsForCustomQuery$6(this.$defaultQuery);
+	        if (queryOptions) {
+	          this.setQueryOptions(this.internalComponent, _extends({}, queryOptions, this.getAggsQuery()), false);
+	        } else this.setQueryOptions(this.internalComponent, this.getAggsQuery(), false);
+	        // Update default query for RS API
+	        updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, this.selectedValue);
+	        this.updateQuery({
+	          componentId: this.internalComponent,
+	          query: query
+	        });
+	      }
+	    },
+	    customQuery: function customQuery(newVal, oldVal) {
+	      if (newVal && !isQueryIdentical(newVal, oldVal, this.selectedValue, this.$props)) {
+	        var componentId = this.$props.componentId;
+	        this.$customQuery = newVal(this.selectedValue, this.$props);
+	        var query = extractQueryFromCustomQuery$6(this.$customQuery);
+	        var queryOptions = getOptionsForCustomQuery$6(this.$customQuery);
+	        if (queryOptions) {
+	          this.setQueryOptions(componentId, _extends({}, queryOptions, this.getAggsQuery()), false);
+	        } else this.setQueryOptions(componentId, this.getAggsQuery(), false);
+
+	        // Update custom query for RS API
+	        updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.selectedValue);
+	        this.updateQuery({
+	          componentId: componentId,
+	          query: query
+	        });
+	      }
+	    }
+	  },
+	  render: function render() {
+	    var h = arguments[0];
+	    try {
+	      var dom = this.$scopedSlots["default"];
+	      var error = this.error,
+	        isLoading = this.isLoading,
+	        selectedValue = this.selectedValue;
+	      var propsToBePassed = _extends({
+	        error: error,
+	        loading: isLoading
+	      }, this.getData(), {
+	        value: selectedValue,
+	        setQuery: this.setQuery
+	      });
+	      return h("div", [dom(propsToBePassed)]);
+	    } catch (e) {
+	      return null;
+	    }
+	  },
+	  methods: {
+	    getAggsQuery: function getAggsQuery() {
+	      if (this.aggregationField) {
+	        return {
+	          aggs: getCompositeAggsQuery$5({
+	            props: this.$props,
+	            showTopHits: true,
+	            value: this.selectedValue
+	          }).aggs
+	        };
+	      }
+	      return {};
+	    },
+	    getData: function getData() {
+	      var hits = this.hits,
+	        aggregations = this.aggregations,
+	        aggregationData = this.aggregationData,
+	        promotedResults = this.promotedResults,
+	        rawData = this.rawData;
+	      var filteredResults = parseHits$1(hits);
+	      if (promotedResults.length) {
+	        var ids = promotedResults.map(function (item) {
+	          return item._id;
+	        }).filter(Boolean);
+	        if (ids) {
+	          filteredResults = filteredResults.filter(function (item) {
+	            return !ids.includes(item._id);
+	          });
+	        }
+	        filteredResults = [].concat(promotedResults, filteredResults);
+	      }
+	      return {
+	        data: filteredResults,
+	        aggregationData: aggregationData,
+	        rawData: rawData,
+	        aggregations: aggregations,
+	        promotedData: promotedResults,
+	        resultStats: this.stats
+	      };
+	    }
+	  },
+	  computed: {
+	    stats: function stats() {
+	      return getResultStats$3(this);
+	    }
+	  }
+	};
+	ReactiveComponent.hasInternalComponent = function (props) {
+	  return !!props.defaultQuery;
+	};
+	var mapStateToProps$a = function mapStateToProps(state, props) {
+	  return {
+	    aggregations: state.aggregations[props.componentId] && state.aggregations[props.componentId] || null,
+	    aggregationData: state.compositeAggregations[props.componentId] || [],
+	    hits: state.hits[props.componentId] && state.hits[props.componentId].hits || [],
+	    rawData: state.rawData[props.componentId],
+	    error: state.error[props.componentId],
+	    isLoading: state.isLoading[props.componentId],
+	    selectedValue: state.selectedValues[props.componentId] && state.selectedValues[props.componentId].value || null,
+	    promotedResults: state.promotedResults[props.componentId] || [],
+	    time: state.hits[props.componentId] && state.hits[props.componentId].time || 0,
+	    total: state.hits[props.componentId] && state.hits[props.componentId].total,
+	    hidden: state.hits[props.componentId] && state.hits[props.componentId].hidden,
+	    componentProps: state.props[props.componentId],
+	    enableAppbase: state.config.enableAppbase
+	  };
+	};
+	var mapDispatchtoProps$7 = {
+	  setQueryOptions: setQueryOptions$7,
+	  updateQuery: updateQuery$8,
+	  setCustomQuery: setCustomQuery$7,
+	  setDefaultQuery: setDefaultQuery$7
+	};
+	var ConnectedComponent = ComponentWrapper$1(connect(mapStateToProps$a, mapDispatchtoProps$7)(ReactiveComponent), {
+	  componentType: constants_1$1.reactiveComponent
+	});
+	var RcConnected = PreferencesConsumer({
+	  name: 'RcConnected',
+	  render: function render(h) {
+	    return h(ConnectedComponent, {
+	      attrs: this.$attrs,
+	      on: this.$listeners,
+	      scopedSlots: this.$scopedSlots,
+	      slots: this.$slots
+	    });
+	  }
+	});
+	RcConnected.name = ReactiveComponent.name;
+	RcConnected.hasInternalComponent = ReactiveComponent.hasInternalComponent;
+	// Add componentType for SSR
+	RcConnected.componentType = constants_1$1.reactiveComponent;
+	RcConnected.install = function (Vue) {
+	  Vue.component(RcConnected.name, RcConnected);
+	};
+
 	/*!
 	 * vue-no-ssr v1.1.1
 	 * (c) 2018-present egoist <0x142857@gmail.com>
@@ -24012,18 +24138,18 @@
 	var addComponent$1 = lib_5.addComponent,
 	  removeComponent$1 = lib_5.removeComponent,
 	  watchComponent$1 = lib_5.watchComponent,
-	  updateQuery$8 = lib_5.updateQuery,
+	  updateQuery$9 = lib_5.updateQuery,
 	  setQueryListener$1 = lib_5.setQueryListener,
-	  setQueryOptions$7 = lib_5.setQueryOptions,
+	  setQueryOptions$8 = lib_5.setQueryOptions,
 	  setComponentProps$1 = lib_5.setComponentProps,
-	  setCustomQuery$7 = lib_5.setCustomQuery,
+	  setCustomQuery$8 = lib_5.setCustomQuery,
 	  updateComponentProps$2 = lib_5.updateComponentProps;
 	var checkValueChange$7 = lib_8.checkValueChange,
 	  getClassName$b = lib_8.getClassName,
-	  isEqual$b = lib_8.isEqual,
+	  isEqual$c = lib_8.isEqual,
 	  checkSomePropChange$1 = lib_8.checkSomePropChange,
-	  extractQueryFromCustomQuery$6 = lib_8.extractQueryFromCustomQuery,
-	  getOptionsForCustomQuery$6 = lib_8.getOptionsForCustomQuery;
+	  extractQueryFromCustomQuery$7 = lib_8.extractQueryFromCustomQuery,
+	  getOptionsForCustomQuery$7 = lib_8.getOptionsForCustomQuery;
 	var DynamicRangeSlider = {
 	  name: 'DynamicRangeSlider',
 	  components: getComponents(),
@@ -24059,6 +24185,7 @@
 	  },
 	  created: function created() {
 	    var _this = this;
+	    this.$timestamp = new Date().getTime();
 	    var onQueryChange = function onQueryChange() {
 	      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
 	        args[_key] = arguments[_key];
@@ -24087,8 +24214,8 @@
 	    }
 	    var value = this.$props.value;
 	    if (this.destroyOnUnmount || components.indexOf(this.componentId) === -1) {
-	      this.addComponent(this.componentId);
-	      this.addComponent(this.internalRangeComponent);
+	      this.addComponent(this.componentId, this.$timestamp);
+	      this.addComponent(this.internalRangeComponent, this.$timestamp);
 	      if (Array.isArray(this.selectedValue)) {
 	        this.handleChange(this.selectedValue);
 	      } else if (this.selectedValue) {
@@ -24210,11 +24337,11 @@
 	      var query = DynamicRangeSlider.defaultQuery(value, this.$props);
 	      if (this.$props.customQuery) {
 	        var customQueryTobeSet = this.$props.customQuery(value, this.$props);
-	        var queryTobeSet = extractQueryFromCustomQuery$6(customQueryTobeSet);
+	        var queryTobeSet = extractQueryFromCustomQuery$7(customQueryTobeSet);
 	        if (queryTobeSet) {
 	          query = queryTobeSet;
 	        }
-	        var customQueryOptions = getOptionsForCustomQuery$6(customQueryTobeSet);
+	        var customQueryOptions = getOptionsForCustomQuery$7(customQueryTobeSet);
 	        updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, value);
 	        this.setQueryOptions(this.$props.componentId, customQueryOptions, false);
 	      }
@@ -24261,7 +24388,7 @@
 	      this.setReact();
 	    },
 	    selectedValue: function selectedValue(newValue) {
-	      if (isEqual$b(newValue, this.currentValue)) return;
+	      if (isEqual$c(newValue, this.currentValue)) return;
 	      var value = newValue || {
 	        start: this.range.start,
 	        end: this.range.end
@@ -24270,7 +24397,7 @@
 	      this.handleChange(DynamicRangeSlider.parseValue(value, this.$props));
 	    },
 	    range: function range(newValue, oldValue) {
-	      if (isEqual$b(newValue, oldValue) || !this.currentValue) return;
+	      if (isEqual$c(newValue, oldValue) || !this.currentValue) return;
 	      var _ref3 = this.currentValue || [],
 	        currentStart = _ref3[0],
 	        currentEnd = _ref3[1];
@@ -24287,7 +24414,7 @@
 	      }
 	    },
 	    value: function value(newVal, oldVal) {
-	      if (!isEqual$b(newVal, oldVal)) {
+	      if (!isEqual$c(newVal, oldVal)) {
 	        this.handleChange(DynamicRangeSlider.parseValue(newVal, this.$props));
 	      }
 	    }
@@ -24363,7 +24490,7 @@
 	DynamicRangeSlider.hasInternalComponent = function () {
 	  return true;
 	};
-	var mapStateToProps$a = function mapStateToProps(state, props) {
+	var mapStateToProps$b = function mapStateToProps(state, props) {
 	  var componentId = state.aggregations[props.componentId];
 	  var internalRange = state.aggregations[props.componentId + "__range__internal"];
 	  var options = componentId && componentId[props.dataField];
@@ -24389,30 +24516,33 @@
 	    enableAppbase: state.config.enableAppbase
 	  };
 	};
-	var mapDispatchtoProps$7 = {
+	var mapDispatchtoProps$8 = {
 	  addComponent: addComponent$1,
 	  removeComponent: removeComponent$1,
-	  updateQuery: updateQuery$8,
+	  updateQuery: updateQuery$9,
 	  watchComponent: watchComponent$1,
 	  setQueryListener: setQueryListener$1,
-	  setQueryOptions: setQueryOptions$7,
+	  setQueryOptions: setQueryOptions$8,
 	  setComponentProps: setComponentProps$1,
-	  setCustomQuery: setCustomQuery$7,
+	  setCustomQuery: setCustomQuery$8,
 	  updateComponentProps: updateComponentProps$2
 	};
-	var RangeConnected = PreferencesConsumer(connect(mapStateToProps$a, mapDispatchtoProps$7)(DynamicRangeSlider));
+	var RangeConnected = PreferencesConsumer(connect(mapStateToProps$b, mapDispatchtoProps$8)(DynamicRangeSlider));
+	RangeConnected.defaultQuery = DynamicRangeSlider.defaultQuery;
+	RangeConnected.parseValue = DynamicRangeSlider.parseValue;
+	RangeConnected.hasInternalComponent = DynamicRangeSlider.hasInternalComponent;
 	RangeConnected.name = DynamicRangeSlider.name;
-	RangeConnected.install = function (Vue) {
-	  Vue.component(RangeConnected.name, RangeConnected);
-	};
 
 	// Add componentType for SSR
 	RangeConnected.componentType = constants_1$1.dynamicRangeSlider;
+	RangeConnected.install = function (Vue) {
+	  Vue.component(RangeConnected.name, RangeConnected);
+	};
 
-	var updateQuery$9 = lib_5.updateQuery,
-	  setQueryOptions$8 = lib_5.setQueryOptions,
-	  setCustomQuery$8 = lib_5.setCustomQuery;
-	var isEqual$c = lib_8.isEqual,
+	var updateQuery$a = lib_5.updateQuery,
+	  setQueryOptions$9 = lib_5.setQueryOptions,
+	  setCustomQuery$9 = lib_5.setCustomQuery;
+	var isEqual$d = lib_8.isEqual,
 	  checkValueChange$8 = lib_8.checkValueChange,
 	  getClassName$c = lib_8.getClassName,
 	  getOptionsFromQuery$1 = lib_8.getOptionsFromQuery;
@@ -24469,12 +24599,12 @@
 	      this.setValue(newVal);
 	    },
 	    value: function value(newVal, oldVal) {
-	      if (!isEqual$c(newVal, oldVal)) {
+	      if (!isEqual$d(newVal, oldVal)) {
 	        this.setValue(newVal);
 	      }
 	    },
 	    selectedValue: function selectedValue(newVal) {
-	      if (!isEqual$c(this.$data.currentValue, newVal)) {
+	      if (!isEqual$d(this.$data.currentValue, newVal)) {
 	        this.setValue(newVal);
 	      }
 	    },
@@ -24593,32 +24723,35 @@
 	  }
 	  return query;
 	};
-	var mapStateToProps$b = function mapStateToProps(state, props) {
+	var mapStateToProps$c = function mapStateToProps(state, props) {
 	  return {
 	    selectedValue: state.selectedValues[props.componentId] && state.selectedValues[props.componentId].value || null,
 	    componentProps: state.props[props.componentId],
 	    enableAppbase: state.config.enableAppbase
 	  };
 	};
-	var mapDispatchtoProps$8 = {
-	  updateQuery: updateQuery$9,
-	  setQueryOptions: setQueryOptions$8,
-	  setCustomQuery: setCustomQuery$8
+	var mapDispatchtoProps$9 = {
+	  updateQuery: updateQuery$a,
+	  setQueryOptions: setQueryOptions$9,
+	  setCustomQuery: setCustomQuery$9
 	};
-	var RangeConnected$1 = PreferencesConsumer(ComponentWrapper$1(connect(mapStateToProps$b, mapDispatchtoProps$8)(SingleRange), {
+	var RangeConnected$1 = PreferencesConsumer(ComponentWrapper$1(connect(mapStateToProps$c, mapDispatchtoProps$9)(SingleRange), {
 	  componentType: constants_1$1.singleRange
 	}));
 	RangeConnected$1.name = SingleRange.name;
+	RangeConnected$1.defaultQuery = SingleRange.defaultQuery;
+	RangeConnected$1.parseValue = SingleRange.parseValue;
+	RangeConnected$1.hasInternalComponent = SingleRange.hasInternalComponent;
 	RangeConnected$1.install = function (Vue) {
 	  Vue.component(RangeConnected$1.name, RangeConnected$1);
 	};
 	// Add componentType for SSR
 	RangeConnected$1.componentType = constants_1$1.singleRange;
 
-	var updateQuery$a = lib_5.updateQuery,
-	  setQueryOptions$9 = lib_5.setQueryOptions,
-	  setCustomQuery$9 = lib_5.setCustomQuery;
-	var isEqual$d = lib_8.isEqual,
+	var updateQuery$b = lib_5.updateQuery,
+	  setQueryOptions$a = lib_5.setQueryOptions,
+	  setCustomQuery$a = lib_5.setCustomQuery;
+	var isEqual$e = lib_8.isEqual,
 	  checkValueChange$9 = lib_8.checkValueChange,
 	  getClassName$d = lib_8.getClassName,
 	  getOptionsFromQuery$2 = lib_8.getOptionsFromQuery;
@@ -24744,12 +24877,12 @@
 	      this.selectItem(newVal, true, undefined, true);
 	    },
 	    value: function value(newVal, oldVal) {
-	      if (!isEqual$d(newVal, oldVal)) {
+	      if (!isEqual$e(newVal, oldVal)) {
 	        this.selectItem(newVal, true, undefined, true);
 	      }
 	    },
 	    selectedValue: function selectedValue(newVal) {
-	      if (!isEqual$d(this.$data.currentValue, newVal)) {
+	      if (!isEqual$e(this.$data.currentValue, newVal)) {
 	        var processSelectedValues = newVal ? newVal.map(function (item) {
 	          if (typeof item === 'object' && 'label' in item) {
 	            return item.label;
@@ -24862,35 +24995,38 @@
 	  }
 	  return query;
 	};
-	var mapStateToProps$c = function mapStateToProps(state, props) {
+	var mapStateToProps$d = function mapStateToProps(state, props) {
 	  return {
 	    selectedValue: state.selectedValues[props.componentId] && state.selectedValues[props.componentId].value || null,
 	    componentProps: state.props[props.componentId],
 	    enableAppbase: state.config.enableAppbase
 	  };
 	};
-	var mapDispatchtoProps$9 = {
-	  updateQuery: updateQuery$a,
-	  setQueryOptions: setQueryOptions$9,
-	  setCustomQuery: setCustomQuery$9
+	var mapDispatchtoProps$a = {
+	  updateQuery: updateQuery$b,
+	  setQueryOptions: setQueryOptions$a,
+	  setCustomQuery: setCustomQuery$a
 	};
-	var RangeConnected$2 = PreferencesConsumer(ComponentWrapper$1(connect(mapStateToProps$c, mapDispatchtoProps$9)(MultiRange), {
+	var RangeConnected$2 = PreferencesConsumer(ComponentWrapper$1(connect(mapStateToProps$d, mapDispatchtoProps$a)(MultiRange), {
 	  componentType: constants_1$1.multiRange
 	}));
 	RangeConnected$2.name = MultiRange.name;
+	RangeConnected$2.defaultQuery = MultiRange.defaultQuery;
+	RangeConnected$2.parseValue = MultiRange.parseValue;
+	RangeConnected$2.hasInternalComponent = MultiRange.hasInternalComponent;
 	RangeConnected$2.install = function (Vue) {
 	  Vue.component(RangeConnected$2.name, RangeConnected$2);
 	};
 	// Add componentType for SSR
 	RangeConnected$2.componentType = constants_1$1.multiRange;
 
-	var updateQuery$b = lib_5.updateQuery,
-	  setQueryOptions$a = lib_5.setQueryOptions,
-	  setCustomQuery$a = lib_5.setCustomQuery;
+	var updateQuery$c = lib_5.updateQuery,
+	  setQueryOptions$b = lib_5.setQueryOptions,
+	  setCustomQuery$b = lib_5.setCustomQuery;
 	var checkValueChange$a = lib_8.checkValueChange,
 	  getClassName$e = lib_8.getClassName,
 	  getOptionsFromQuery$3 = lib_8.getOptionsFromQuery,
-	  isEqual$e = lib_8.isEqual;
+	  isEqual$f = lib_8.isEqual;
 	var RangeSlider = {
 	  name: 'RangeSlider',
 	  components: getComponents(),
@@ -25004,12 +25140,12 @@
 	      this.handleChange(RangeSlider.parseValue(newVal, this.$props));
 	    },
 	    value: function value(newVal, oldVal) {
-	      if (!isEqual$e(newVal, oldVal)) {
+	      if (!isEqual$f(newVal, oldVal)) {
 	        this.handleChange(RangeSlider.parseValue(newVal, this.$props));
 	      }
 	    },
 	    selectedValue: function selectedValue(newVal) {
-	      if (!isEqual$e(this.$data.currentValue, newVal)) {
+	      if (!isEqual$f(this.$data.currentValue, newVal)) {
 	        this.handleChange(RangeSlider.parseValue(newVal, this.$props));
 	        this.$emit('change', newVal);
 	      }
@@ -25112,7 +25248,7 @@
 	  }
 	  return [];
 	};
-	var mapStateToProps$d = function mapStateToProps(state, props) {
+	var mapStateToProps$e = function mapStateToProps(state, props) {
 	  return {
 	    options: state.aggregations[props.componentId] ? state.aggregations[props.componentId][props.dataField] && state.aggregations[props.componentId][props.dataField].buckets // eslint-disable-line
 	    : [],
@@ -25121,15 +25257,18 @@
 	    enableAppbase: state.config.enableAppbase
 	  };
 	};
-	var mapDispatchtoProps$a = {
-	  updateQuery: updateQuery$b,
-	  setQueryOptions: setQueryOptions$a,
-	  setCustomQuery: setCustomQuery$a
+	var mapDispatchtoProps$b = {
+	  updateQuery: updateQuery$c,
+	  setQueryOptions: setQueryOptions$b,
+	  setCustomQuery: setCustomQuery$b
 	};
-	var RangeConnected$3 = PreferencesConsumer(ComponentWrapper$1(connect(mapStateToProps$d, mapDispatchtoProps$a)(RangeSlider), {
+	var RangeConnected$3 = PreferencesConsumer(ComponentWrapper$1(connect(mapStateToProps$e, mapDispatchtoProps$b)(RangeSlider), {
 	  componentType: constants_1$1.rangeSlider
 	}));
 	RangeConnected$3.name = RangeSlider.name;
+	RangeConnected$3.defaultQuery = RangeSlider.defaultQuery;
+	RangeConnected$3.parseValue = RangeSlider.parseValue;
+	RangeConnected$3.hasInternalComponent = RangeSlider.hasInternalComponent;
 	RangeConnected$3.install = function (Vue) {
 	  Vue.component(RangeConnected$3.name, RangeConnected$3);
 	};
@@ -25147,7 +25286,7 @@
 	});
 
 	var getClassName$f = lib_8.getClassName,
-	  isEqual$f = lib_8.isEqual;
+	  isEqual$g = lib_8.isEqual;
 	var RangeInput = {
 	  name: 'RangeInput',
 	  components: {
@@ -25225,7 +25364,7 @@
 	    },
 	    handleChange: function handleChange(value, event) {
 	      var currentValue = value;
-	      if (this.shouldUpdate(value) && !isEqual$f(value, this.currentValue)) {
+	      if (this.shouldUpdate(value) && !isEqual$g(value, this.currentValue)) {
 	        switch (event) {
 	          case 'change':
 	            if (!value) {
@@ -25290,7 +25429,7 @@
 	      }
 	    },
 	    value: function value(newVal, oldVal) {
-	      if (!isEqual$f(newVal, oldVal)) {
+	      if (!isEqual$g(newVal, oldVal)) {
 	        if (this.isControlled()) {
 	          this.handleChange(newVal, 'change');
 	        }
@@ -25424,12 +25563,12 @@
 	    }, ["Input range is invalid"])])])]);
 	  }
 	};
-	var mapStateToProps$e = function mapStateToProps(state) {
+	var mapStateToProps$f = function mapStateToProps(state) {
 	  return {
 	    themePreset: state.config.themePreset
 	  };
 	};
-	var RangeConnected$4 = PreferencesConsumer(ComponentWrapper$1(connect(mapStateToProps$e, {})(RangeInput), {
+	var RangeConnected$4 = PreferencesConsumer(ComponentWrapper$1(connect(mapStateToProps$f, {})(RangeInput), {
 	  componentType: constants_1$1.rangeInput
 	}));
 	RangeConnected$4.name = RangeInput.name;
@@ -25440,304 +25579,14 @@
 	// Add componentType for SSR
 	RangeConnected$4.componentType = constants_1$1.rangeInput;
 
-	var _excluded = ["options"];
-	var updateQuery$c = lib_5.updateQuery,
-	  setQueryOptions$b = lib_5.setQueryOptions,
-	  setCustomQuery$b = lib_5.setCustomQuery,
-	  setDefaultQuery$7 = lib_5.setDefaultQuery;
-	var parseHits$1 = lib_8.parseHits,
-	  isEqual$g = lib_8.isEqual,
-	  getCompositeAggsQuery$5 = lib_8.getCompositeAggsQuery,
-	  getResultStats$3 = lib_8.getResultStats,
-	  extractQueryFromCustomQuery$7 = lib_8.extractQueryFromCustomQuery,
-	  getOptionsForCustomQuery$7 = lib_8.getOptionsForCustomQuery;
-	var ReactiveComponent = {
-	  name: 'ReactiveComponent',
-	  props: {
-	    componentId: types.stringRequired,
-	    aggregationField: types.string,
-	    aggregationSize: VueTypes.number,
-	    size: VueTypes.number,
-	    defaultQuery: types.func,
-	    customQuery: types.func,
-	    filterLabel: types.string,
-	    react: types.react,
-	    showFilter: VueTypes.bool.def(true),
-	    URLParams: VueTypes.bool.def(false),
-	    distinctField: types.string,
-	    distinctFieldConfig: types.props,
-	    index: VueTypes.string,
-	    endpoint: types.endpointConfig
-	  },
-	  created: function created() {
-	    var _this = this;
-	    var props = this.$props;
-	    this.internalComponent = null;
-	    this.$defaultQuery = null;
-	    // Set custom query in store
-	    updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.selectedValue);
-	    var customQuery = props.customQuery,
-	      componentId = props.componentId,
-	      filterLabel = props.filterLabel,
-	      showFilter = props.showFilter,
-	      URLParams = props.URLParams,
-	      distinctField = props.distinctField,
-	      distinctFieldConfig = props.distinctFieldConfig,
-	      index = props.index;
-	    if (this.enableAppbase && this.aggregationField && this.aggregationField !== '') {
-	      console.warn('Warning(ReactiveSearch): The `aggregationField` prop has been marked as deprecated, please use the `distinctField` prop instead.');
-	    }
-	    if (!this.enableAppbase && (distinctField || distinctFieldConfig)) {
-	      console.warn('Warning(ReactiveSearch): In order to use the `distinctField` and `distinctFieldConfig` props, the `enableAppbase` prop must be set to true in `ReactiveBase`.');
-	    }
-	    if (!this.enableAppbase && index) {
-	      console.warn('Warning(ReactiveSearch): In order to use the `index` prop, the `enableAppbase` prop must be set to true in `ReactiveBase`.');
-	    }
-	    if (customQuery) {
-	      var calcCustomQuery = customQuery(this.selectedValue, props);
-	      var query = extractQueryFromCustomQuery$7(calcCustomQuery);
-	      var customQueryOptions = calcCustomQuery ? getOptionsForCustomQuery$7(calcCustomQuery) : null;
-	      if (customQueryOptions) {
-	        this.setQueryOptions(componentId, _extends({}, customQueryOptions, this.getAggsQuery()), false);
-	      } else this.setQueryOptions(componentId, this.getAggsQuery(), false);
-	      this.updateQuery({
-	        componentId: componentId,
-	        query: query,
-	        value: this.selectedValue || null,
-	        label: filterLabel,
-	        showFilter: showFilter,
-	        URLParams: URLParams
-	      });
-	    }
-	    this.setQuery = function (_ref) {
-	      var options = _ref.options,
-	        obj = _objectWithoutPropertiesLoose(_ref, _excluded);
-	      var queryToBeSet = obj.query;
-
-	      // when enableAppbase is true, Backend throws error because of repeated query in request body
-	      if (queryToBeSet && queryToBeSet.query) {
-	        queryToBeSet = queryToBeSet.query;
-	      }
-	      var customQueryCalc = _extends({}, options, {
-	        query: queryToBeSet
-	      });
-	      var rsAPIQuery = customQueryCalc;
-	      // handle stored queries
-	      if (queryToBeSet && queryToBeSet.id) {
-	        rsAPIQuery = queryToBeSet;
-	      }
-	      // Update customQuery field for RS API
-	      _this.setCustomQuery(props.componentId, rsAPIQuery);
-	      if (options) {
-	        _this.setQueryOptions(props.componentId, _extends({}, _this.getAggsQuery(), options), false);
-	      }
-	      _this.updateQuery(_extends({}, obj, {
-	        query: customQueryCalc.query,
-	        componentId: props.componentId,
-	        label: props.filterLabel,
-	        showFilter: props.showFilter,
-	        URLParams: props.URLParams
-	      }));
-	    };
-	    if (props.defaultQuery) {
-	      this.internalComponent = props.componentId + "__internal";
-	    }
-	    if (this.internalComponent && this.$props.defaultQuery) {
-	      updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, this.selectedValue);
-	      this.$defaultQuery = this.$props.defaultQuery(this.selectedValue, this.$props);
-	      var _query = extractQueryFromCustomQuery$7(this.$defaultQuery);
-	      var queryOptions = getOptionsForCustomQuery$7(this.$defaultQuery);
-	      if (queryOptions) {
-	        this.setQueryOptions(this.internalComponent, _extends({}, queryOptions, this.getAggsQuery()), false);
-	      } else this.setQueryOptions(this.internalComponent, this.getAggsQuery(), false);
-	      this.updateQuery({
-	        componentId: this.internalComponent,
-	        query: _query
-	      });
-	    }
-	  },
-	  watch: {
-	    hits: function hits(newVal, oldVal) {
-	      if (!isEqual$g(newVal, oldVal)) {
-	        this.$emit('data', this.getData());
-	      }
-	    },
-	    rawData: function rawData(newVal, oldVal) {
-	      if (!isEqual$g(newVal, oldVal)) {
-	        this.$emit('data', this.getData());
-	      }
-	    },
-	    aggregations: function aggregations(newVal, oldVal) {
-	      if (!isEqual$g(newVal, oldVal)) {
-	        this.$emit('data', this.getData());
-	      }
-	    },
-	    aggregationData: function aggregationData(newVal, oldVal) {
-	      if (!isEqual$g(newVal, oldVal)) {
-	        this.$emit('data', this.getData());
-	      }
-	    },
-	    promotedResults: function promotedResults(newVal, oldVal) {
-	      if (!isEqual$g(newVal, oldVal)) {
-	        this.$emit('data', this.getData());
-	      }
-	    },
-	    hidden: function hidden(newVal, oldVal) {
-	      if (!isEqual$g(newVal, oldVal)) {
-	        this.$emit('data', this.getData());
-	      }
-	    },
-	    total: function total(newVal, oldVal) {
-	      if (!isEqual$g(newVal, oldVal)) {
-	        this.$emit('data', this.getData());
-	      }
-	    },
-	    time: function time(newVal, oldVal) {
-	      if (!isEqual$g(newVal, oldVal)) {
-	        this.$emit('data', this.getData());
-	      }
-	    },
-	    defaultQuery: function defaultQuery(newVal, oldVal) {
-	      if (newVal && !isQueryIdentical(newVal, oldVal, this.selectedValue, this.$props)) {
-	        this.$defaultQuery = newVal(this.selectedValue, this.$props);
-	        var query = extractQueryFromCustomQuery$7(this.$defaultQuery);
-	        var queryOptions = getOptionsForCustomQuery$7(this.$defaultQuery);
-	        if (queryOptions) {
-	          this.setQueryOptions(this.internalComponent, _extends({}, queryOptions, this.getAggsQuery()), false);
-	        } else this.setQueryOptions(this.internalComponent, this.getAggsQuery(), false);
-	        // Update default query for RS API
-	        updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, this.selectedValue);
-	        this.updateQuery({
-	          componentId: this.internalComponent,
-	          query: query
-	        });
-	      }
-	    },
-	    customQuery: function customQuery(newVal, oldVal) {
-	      if (newVal && !isQueryIdentical(newVal, oldVal, this.selectedValue, this.$props)) {
-	        var componentId = this.$props.componentId;
-	        this.$customQuery = newVal(this.selectedValue, this.$props);
-	        var query = extractQueryFromCustomQuery$7(this.$customQuery);
-	        var queryOptions = getOptionsForCustomQuery$7(this.$customQuery);
-	        if (queryOptions) {
-	          this.setQueryOptions(componentId, _extends({}, queryOptions, this.getAggsQuery()), false);
-	        } else this.setQueryOptions(componentId, this.getAggsQuery(), false);
-
-	        // Update custom query for RS API
-	        updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.selectedValue);
-	        this.updateQuery({
-	          componentId: componentId,
-	          query: query
-	        });
-	      }
-	    }
-	  },
-	  render: function render() {
-	    var h = arguments[0];
-	    try {
-	      var dom = this.$scopedSlots["default"];
-	      var error = this.error,
-	        isLoading = this.isLoading,
-	        selectedValue = this.selectedValue;
-	      var propsToBePassed = _extends({
-	        error: error,
-	        loading: isLoading
-	      }, this.getData(), {
-	        value: selectedValue,
-	        setQuery: this.setQuery
-	      });
-	      return h("div", [dom(propsToBePassed)]);
-	    } catch (e) {
-	      return null;
-	    }
-	  },
-	  methods: {
-	    getAggsQuery: function getAggsQuery() {
-	      if (this.aggregationField) {
-	        return {
-	          aggs: getCompositeAggsQuery$5({
-	            props: this.$props,
-	            showTopHits: true,
-	            value: this.selectedValue
-	          }).aggs
-	        };
-	      }
-	      return {};
-	    },
-	    getData: function getData() {
-	      var hits = this.hits,
-	        aggregations = this.aggregations,
-	        aggregationData = this.aggregationData,
-	        promotedResults = this.promotedResults,
-	        rawData = this.rawData;
-	      var filteredResults = parseHits$1(hits);
-	      if (promotedResults.length) {
-	        var ids = promotedResults.map(function (item) {
-	          return item._id;
-	        }).filter(Boolean);
-	        if (ids) {
-	          filteredResults = filteredResults.filter(function (item) {
-	            return !ids.includes(item._id);
-	          });
-	        }
-	        filteredResults = [].concat(promotedResults, filteredResults);
-	      }
-	      return {
-	        data: filteredResults,
-	        aggregationData: aggregationData,
-	        rawData: rawData,
-	        aggregations: aggregations,
-	        promotedData: promotedResults,
-	        resultStats: this.stats
-	      };
-	    }
-	  },
-	  computed: {
-	    stats: function stats() {
-	      return getResultStats$3(this);
-	    }
-	  }
-	};
-	ReactiveComponent.hasInternalComponent = function (props) {
-	  return !!props.defaultQuery;
-	};
-	var mapStateToProps$f = function mapStateToProps(state, props) {
-	  return {
-	    aggregations: state.aggregations[props.componentId] && state.aggregations[props.componentId] || null,
-	    aggregationData: state.compositeAggregations[props.componentId] || [],
-	    hits: state.hits[props.componentId] && state.hits[props.componentId].hits || [],
-	    rawData: state.rawData[props.componentId],
-	    error: state.error[props.componentId],
-	    isLoading: state.isLoading[props.componentId],
-	    selectedValue: state.selectedValues[props.componentId] && state.selectedValues[props.componentId].value || null,
-	    promotedResults: state.promotedResults[props.componentId] || [],
-	    time: state.hits[props.componentId] && state.hits[props.componentId].time || 0,
-	    total: state.hits[props.componentId] && state.hits[props.componentId].total,
-	    hidden: state.hits[props.componentId] && state.hits[props.componentId].hidden,
-	    componentProps: state.props[props.componentId],
-	    enableAppbase: state.config.enableAppbase
-	  };
-	};
-	var mapDispatchtoProps$b = {
-	  setQueryOptions: setQueryOptions$b,
-	  updateQuery: updateQuery$c,
-	  setCustomQuery: setCustomQuery$b,
-	  setDefaultQuery: setDefaultQuery$7
-	};
-	var ConnectedComponent = ComponentWrapper$1(connect(mapStateToProps$f, mapDispatchtoProps$b)(ReactiveComponent), {
-	  componentType: constants_1$1.reactiveComponent
-	});
-	var RcConnected = PreferencesConsumer({
+	var RcConnected$1 = PreferencesConsumer({
 	  name: 'RcConnected',
 	  render: function render(h) {
-	    var component = ConnectedComponent;
+	    var component = RcConnected;
 	    switch (this.$attrs.componentType) {
 	      case constants_1$1.reactiveList:
 	        component = RLConnected;
 	        break;
-	      case constants_1$1.dataSearch:
-	        component = DSConnected;
-	        break;
 	      case constants_1$1.searchBox:
 	        component = SBConnected;
 	        break;
@@ -25783,13 +25632,13 @@
 	    });
 	  }
 	});
-	RcConnected.name = ReactiveComponent.name;
-	RcConnected.install = function (Vue) {
-	  Vue.component(RcConnected.name, RcConnected);
-	};
-
+	RcConnected$1.name = 'ReactiveComponentPrivate';
+	RcConnected$1.hasInternalComponent = RcConnected.hasInternalComponent;
 	// Add componentType for SSR
-	RcConnected.componentType = constants_1$1.reactiveComponent;
+	RcConnected$1.componentType = constants_1$1.reactiveComponent;
+	RcConnected$1.install = function (Vue) {
+	  Vue.component(RcConnected$1.name, RcConnected$1);
+	};
 
 	var setValue$2 = lib_5.setValue,
 	  clearValues = lib_5.clearValues,
@@ -25952,10 +25801,10 @@
 	  setValue: setValue$2,
 	  resetValuesToDefault: resetValuesToDefault
 	};
-	var RcConnected$1 = connect(mapStateToProps$g, mapDispatchtoProps$c)(SelectedFilters);
-	RcConnected$1.name = SelectedFilters.name;
-	RcConnected$1.install = function (Vue) {
-	  Vue.component(RcConnected$1.name, RcConnected$1);
+	var RcConnected$2 = connect(mapStateToProps$g, mapDispatchtoProps$c)(SelectedFilters);
+	RcConnected$2.name = SelectedFilters.name;
+	RcConnected$2.install = function (Vue) {
+	  Vue.component(RcConnected$2.name, RcConnected$2);
 	};
 
 	var ResultCardTitle = {
@@ -32460,6 +32309,7 @@
 	    URLParams: VueTypes.bool,
 	    autoCenter: VueTypes.bool,
 	    getMapRef: VueTypes.func.isRequired,
+	    getMapPromise: VueTypes.func,
 	    center: types.location,
 	    defaultCenter: types.location,
 	    defaultPin: types.string,
@@ -32527,32 +32377,37 @@
 	      }
 	    },
 	    defaultQuery: function defaultQuery(newVal, oldVal) {
+	      var _this = this;
 	      if (!isQueryIdentical(newVal, oldVal, null, this.$props)) {
-	        var options = getQueryOptions$5(this.$props);
-	        options.from = 0;
-	        this.$defaultQuery = newVal(null, this.$props);
-	        var _ref = this.$defaultQuery || {},
-	          sort = _ref.sort,
-	          query = _ref.query;
-	        if (sort) {
-	          options.sort = this.$defaultQuery.sort;
-	        }
-	        var queryOptions = getOptionsFromQuery$4(this.$defaultQuery);
-	        if (queryOptions) {
-	          options = _extends({}, options, getOptionsFromQuery$4(this.$defaultQuery));
-	        }
-	        // Update calculated default query in store
-	        this.setQueryOptions(this.$props.componentId, options, false);
-	        var persistMapQuery = true;
-	        var forceExecute = true;
-	        // Update default query to include the geo bounding box query
-	        this.setDefaultQueryForRSAPI();
-	        var meta = {
-	          mapBoxBounds: this.mapBoxBounds
-	        };
-	        this.setMapData(this.componentId, query, persistMapQuery, forceExecute, meta);
-	        this.currentPageState = 0;
-	        this.from = 0;
+	        this.getMapPromise().then(function () {
+	          var options = getQueryOptions$5(_this.$props);
+	          options.from = 0;
+	          _this.$defaultQuery = newVal(null, _this.$props);
+	          // Update default query to include the geo bounding box query
+	          _this.setDefaultQueryForRSAPI();
+	          if (_this.$defaultQuery) {
+	            var _ref = _this.$defaultQuery || {},
+	              sort = _ref.sort,
+	              query = _ref.query;
+	            if (sort) {
+	              options.sort = _this.$defaultQuery.sort;
+	            }
+	            var queryOptions = getOptionsFromQuery$4(_this.$defaultQuery);
+	            if (queryOptions) {
+	              options = _extends({}, options, getOptionsFromQuery$4(_this.$defaultQuery));
+	            }
+	            // Update calculated default query in store
+	            _this.setQueryOptions(_this.$props.componentId, options, false);
+	            var persistMapQuery = true;
+	            var forceExecute = true;
+	            var meta = {
+	              mapBoxBounds: _this.mapBoxBounds
+	            };
+	            _this.setMapData(_this.componentId, query, persistMapQuery, forceExecute, meta);
+	            _this.currentPageState = 0;
+	            _this.from = 0;
+	          }
+	        });
 	      }
 	    },
 	    promotedResults: function promotedResults(newVal, oldVal) {
@@ -32580,7 +32435,7 @@
 	      }
 	    },
 	    rawData: function rawData(newVal, oldVal) {
-	      var _this = this;
+	      var _this2 = this;
 	      if (!isEqual$h(newVal, oldVal)) {
 	        var promotedResults = this.promotedResults,
 	          hits = this.hits;
@@ -32599,10 +32454,10 @@
 	          filteredResults = [].concat(parsedPromotedResults, filteredResults);
 	        }
 	        filteredResults = filteredResults.filter(function (item) {
-	          return !!item[_this.dataField];
+	          return !!item[_this2.dataField];
 	        }).map(function (item) {
 	          var _extends2;
-	          return _extends({}, item, (_extends2 = {}, _extends2[_this.dataField] = getLocationObject(item[_this.dataField]), _extends2));
+	          return _extends({}, item, (_extends2 = {}, _extends2[_this2.dataField] = getLocationObject(item[_this2.dataField]), _extends2));
 	        });
 	        this.filteredResults = this.addNoise(filteredResults);
 	        if (this.calculateMarkers) {
@@ -32647,15 +32502,15 @@
 	      return this.parseLocation(MAP_CENTER);
 	    },
 	    addNoise: function addNoise(hits) {
-	      var _this2 = this;
+	      var _this3 = this;
 	      var hitMap = {};
 	      var updatedHits = [];
 	      hits.forEach(function (item) {
 	        var updatedItem = _extends({}, item);
-	        var location = _this2.parseLocation(item[_this2.dataField]);
+	        var location = _this3.parseLocation(item[_this3.dataField]);
 	        var key = JSON.stringify(location);
 	        var count = hitMap[key] || 0;
-	        updatedItem[_this2.dataField] = count ? withDistinctLat(location, count) : location;
+	        updatedItem[_this3.dataField] = count ? withDistinctLat(location, count) : location;
 	        updatedHits = [].concat(updatedHits, [updatedItem]);
 	        hitMap[key] = count + 1;
 	      });
@@ -32668,9 +32523,9 @@
 	      return null;
 	    },
 	    getHitsCenter: function getHitsCenter(hits) {
-	      var _this3 = this;
+	      var _this4 = this;
 	      var data = hits.map(function (hit) {
-	        return hit[_this3.dataField];
+	        return hit[_this4.dataField];
 	      });
 	      if (data.length) {
 	        var numCoords = data.length;
@@ -32709,7 +32564,7 @@
 	      return false;
 	    },
 	    getCenter: function getCenter(hits) {
-	      var _this4 = this;
+	      var _this5 = this;
 	      if (this.center) {
 	        return this.parseLocation(this.center);
 	      }
@@ -32717,7 +32572,7 @@
 	      if (mapRef && typeof mapRef.getCenter === 'function' && this.$options.preserveCenter) {
 	        var currentCenter = mapRef.getCenter();
 	        setTimeout(function () {
-	          _this4.$options.preserveCenter = false;
+	          _this5.$options.preserveCenter = false;
 	        }, 100);
 	        return this.parseLocation({
 	          lat: currentCenter.lat(),
@@ -32775,12 +32630,14 @@
 	      // or whenever searchAsMove is true and the map is dragged
 	      if (executeUpdate || !this.skipBoundingBox && !this.mapBoxBounds) {
 	        this.$defaultQuery = this.getGeoQuery();
-	        var persistMapQuery = !!this.center;
-	        var forceExecute = this.searchAsMove;
-	        var meta = {
-	          mapBoxBounds: this.mapBoxBounds
-	        };
-	        this.setMapData(this.componentId, this.$defaultQuery, persistMapQuery, forceExecute, meta);
+	        if (this.$defaultQuery) {
+	          var persistMapQuery = !!this.center;
+	          var forceExecute = this.searchAsMove;
+	          var meta = {
+	            mapBoxBounds: this.mapBoxBounds
+	          };
+	          this.setMapData(this.componentId, this.$defaultQuery, persistMapQuery, forceExecute, meta);
+	        }
 	      }
 	      this.skipBoundingBox = false;
 	    },
@@ -32916,7 +32773,8 @@
 	          geo_bounding_box: (_geo_bounding_box = {}, _geo_bounding_box[this.dataField] = boundingBoxCoordinates, _geo_bounding_box)
 	        };
 	        if (this.$defaultQuery) {
-	          var query = this.$defaultQuery.query;
+	          var _ref2 = this.$defaultQuery || {},
+	            query = _ref2.query;
 	          if (query) {
 	            // adds defaultQuery's query to geo-query
 	            // to generate a map query
@@ -33053,69 +32911,77 @@
 	    this.updateComponentProps(this.internalComponent, {
 	      from: this.from
 	    }, constants_1$1.reactiveMap);
+	    this.setDefaultQueryForRSAPI();
 	  },
 	  mounted: function mounted() {
-	    if (this.defaultPage < 0 && this.currentPage > 0) {
-	      if (this.$props.URLParams) {
-	        this.setPageURL(this.$props.componentId, this.currentPage, this.$props.componentId, false, true);
-	      }
-	    }
-	    var options = getQueryOptions$5(this.$props);
-	    options.from = this.$data.from;
-	    if (this.$props.sortBy) {
-	      var _ref2;
-	      options.sort = [(_ref2 = {}, _ref2[this.$props.dataField] = {
-	        order: this.$props.sortBy
-	      }, _ref2)];
-	    }
-	    this.$defaultQuery = null;
-	    if (this.$props.defaultQuery) {
-	      this.$defaultQuery = this.$props.defaultQuery();
-	      options = _extends({}, options, getOptionsFromQuery$4(this.$defaultQuery));
-
-	      // Override sort query with defaultQuery's sort if defined
-	      if (this.$defaultQuery.sort) {
-	        options.sort = this.$defaultQuery.sort;
-	      }
-	      // since we want defaultQuery to be executed anytime
-	      // map component's query is being executed
-	      var persistMapQuery = true;
-	      // no need to forceExecute because setReact() will capture the main query
-	      // and execute the defaultQuery along with it
-	      var forceExecute = false;
-
-	      // Update default query for RS API
-	      this.setDefaultQueryForRSAPI();
-	      var meta = {
-	        mapBoxBounds: this.mapBoxBounds
-	      };
-	      this.setMapData(this.componentId, this.$defaultQuery.query, persistMapQuery, forceExecute, meta);
-	    } else {
-	      // only apply geo-distance when defaultQuery prop is not set
-	      var query = this.getGeoDistanceQuery();
-	      if (query) {
-	        // - only persist the map query if center prop is set
-	        // - ideally, persist the map query if you want to keep executing it
-	        //   whenever there is a change (due to subscription) in the component query
-	        var _persistMapQuery = !!this.center;
-
-	        // - forceExecute will make sure that the component query + Map query gets executed
-	        //   irrespective of the changes in the component query
-	        // - forceExecute will only come into play when searchAsMove is true
-	        // - kindly note that forceExecute may result in one additional network request
-	        //   since it bypasses the gatekeeping
-	        var _forceExecute = this.searchAsMove;
-	        // Set meta for `distance` and `coordinates` in selected value
-	        var center = this.center || this.defaultCenter;
-	        var coordinatesObject = this.getArrPosition(center);
-	        var _meta = {
-	          distance: this.defaultRadius,
-	          coordinates: coordinatesObject.lat + ", " + coordinatesObject.lon
-	        };
-	        this.setMapData(this.componentId, query, _persistMapQuery, _forceExecute, _meta);
+	    var _this6 = this;
+	    this.getMapPromise().then(function () {
+	      if (_this6.defaultPage < 0 && _this6.currentPage > 0) {
+	        if (_this6.$props.URLParams) {
+	          _this6.setPageURL(_this6.$props.componentId, _this6.currentPage, _this6.$props.componentId, false, true);
+	        }
+	      }
+	      var options = getQueryOptions$5(_this6.$props);
+	      options.from = _this6.$data.from;
+	      if (_this6.$props.sortBy) {
+	        var _ref3;
+	        options.sort = [(_ref3 = {}, _ref3[_this6.$props.dataField] = {
+	          order: _this6.$props.sortBy
+	        }, _ref3)];
+	      }
+	      _this6.$defaultQuery = null;
+	      if (_this6.$props.defaultQuery) {
+	        _this6.$defaultQuery = _this6.$props.defaultQuery();
+	        // Update default query for RS API
+	        _this6.setDefaultQueryForRSAPI();
+	        if (_this6.$defaultQuery) {
+	          options = _extends({}, options, getOptionsFromQuery$4(_this6.$defaultQuery));
+
+	          // Override sort query with defaultQuery's sort if defined
+	          if (_this6.$defaultQuery.sort) {
+	            options.sort = _this6.$defaultQuery.sort;
+	          }
+	          // since we want defaultQuery to be executed anytime
+	          // map component's query is being executed
+	          var persistMapQuery = true;
+	          // no need to forceExecute because setReact() will capture the main query
+	          // and execute the defaultQuery along with it
+	          var forceExecute = false;
+	          var meta = {
+	            mapBoxBounds: _this6.mapBoxBounds
+	          };
+	          if (_this6.$defaultQuery) {
+	            _this6.setMapData(_this6.componentId, _this6.$defaultQuery.query, persistMapQuery, forceExecute, meta);
+	            _this6.setQueryOptions(_this6.componentId, options);
+	          }
+	        }
+	      } else {
+	        // only apply geo-distance when defaultQuery prop is not set
+	        var query = _this6.getGeoDistanceQuery();
+	        if (query) {
+	          // - only persist the map query if center prop is set
+	          // - ideally, persist the map query if you want to keep executing it
+	          //   whenever there is a change (due to subscription) in the component query
+	          var _persistMapQuery = !!_this6.center;
+
+	          // - forceExecute will make sure that the component query + Map query gets executed
+	          //   irrespective of the changes in the component query
+	          // - forceExecute will only come into play when searchAsMove is true
+	          // - kindly note that forceExecute may result in one additional network request
+	          //   since it bypasses the gatekeeping
+	          var _forceExecute = _this6.searchAsMove;
+	          // Set meta for `distance` and `coordinates` in selected value
+	          var center = _this6.center || _this6.defaultCenter;
+	          var coordinatesObject = _this6.getArrPosition(center);
+	          var _meta = {
+	            distance: _this6.defaultRadius,
+	            coordinates: coordinatesObject.lat + ", " + coordinatesObject.lon
+	          };
+	          _this6.setMapData(_this6.componentId, query, _persistMapQuery, _forceExecute, _meta);
+	        }
+	        _this6.setQueryOptions(_this6.componentId, options);
 	      }
-	    }
-	    this.setQueryOptions(this.componentId, options, !(this.$defaultQuery && this.$defaultQuery.query));
+	    });
 	  },
 	  render: function render() {
 	    var h = arguments[0];
@@ -34371,9 +34237,18 @@
 	    calculateMarkers: VueTypes.func,
 	    highlightMarkerOnHover: VueTypes.bool.def(true)
 	  },
+	  created: function created() {
+	    var _this = this;
+	    this.mapRefPromiseResolve = null;
+	    this.mapRefPromiseRejecter = null;
+	    this.mapRefPromise = new Promise(function (resolve, reject) {
+	      _this.mapRefPromiseResolver = resolve;
+	      _this.mapRefPromiseRejecter = reject;
+	    });
+	  },
 	  methods: {
 	    renderMap: function renderMap(_ref) {
-	      var _this = this;
+	      var _this2 = this;
 	      var resultsToRender = _ref.resultsToRender,
 	        center = _ref.center,
 	        zoom = _ref.zoom,
@@ -34422,7 +34297,7 @@
 	          "highlightMarkerOnHover": this.highlightMarkerOnHover,
 	          "renderItem": this.$scopedSlots.renderItem ? function () {
 	            return {
-	              custom: _this.$scopedSlots.renderItem
+	              custom: _this2.$scopedSlots.renderItem
 	            };
 	          } : this.renderItem,
 	          "defaultPin": defaultPin,
@@ -34437,6 +34312,9 @@
 	    getMapRef: function getMapRef() {
 	      return this.mapRef;
 	    },
+	    getMapRefPromise: function getMapRefPromise() {
+	      return this.mapRefPromise;
+	    },
 	    removeMarkers: function removeMarkers() {
 	      var clusterManagerInstance;
 	      var currentInstance = this;
@@ -34457,11 +34335,12 @@
 	    }
 	  },
 	  mounted: function mounted() {
-	    var _this2 = this;
+	    var _this3 = this;
 	    if (this.$refs.mapRef) {
 	      this.$refs.mapRef.$mapPromise.then(function (map) {
-	        _this2.mapRef = map;
-	      });
+	        _this3.mapRef = map;
+	        _this3.mapRefPromiseResolver(_this3.mapRef);
+	      })["catch"](this.mapRefPromiseRejecter);
 	    }
 	  },
 	  render: function render() {
@@ -34469,6 +34348,7 @@
 	    return h(RMConnected, helper$1([{
 	      "attrs": {
 	        "getMapRef": this.getMapRef,
+	        "getMapPromise": this.getMapRefPromise,
 	        "renderMap": this.renderMap,
 	        "componentId": this.componentId,
 	        "className": this.className,
@@ -34883,7 +34763,6 @@
 	      var rawData = {};
 	      var customData = {};
 	      var settingsResponse = {};
-	      var timestamp = {};
 	      var allPromises = orderOfQueries.map(function (component) {
 	        return new Promise(function (responseResolve, responseReject) {
 	          handleTransformResponse(res[component], component).then(function (response) {
@@ -34910,7 +34789,6 @@
 	                var _extends6;
 	                aggregations = _extends({}, aggregations, (_extends6 = {}, _extends6[component] = response.aggregations, _extends6));
 	              }
-	              timestamp[component] = res._timestamp;
 	              var hitsObj = response.hits ? response.hits : response[component].hits;
 	              hits = _extends({}, hits, (_extends7 = {}, _extends7[component] = {
 	                hits: hitsObj.hits,
@@ -34927,7 +34805,6 @@
 	      Promise.all(allPromises).then(function () {
 	        state = _extends({}, state, {
 	          hits: hits,
-	          timestamp: timestamp,
 	          aggregations: aggregations,
 	          compositeAggregations: compositeAggregations,
 	          promotedResults: promotedResults,
@@ -34985,9 +34862,9 @@
 	  });
 	}
 
-	var version = "1.34.0-alpha.1";
+	var version = "1.34.0";
 
-	var components$1 = [RLConnected, ResultCard, ResultList, ReactiveBase, DSConnected, SBConnected, ListConnected, ListConnected$1, RangeConnected$1, RangeConnected$2, RangeConnected$3, RangeConnected, RcConnected, RcConnected$1, TBConnected, ListConnected$2, ListConnected$3, StateProviderConnected, RangeConnected$4];
+	var components$1 = [RLConnected, ResultCard, ResultList, ReactiveBase, DSConnected, SBConnected, ListConnected, ListConnected$1, RangeConnected$1, RangeConnected$2, RangeConnected$3, RangeConnected, RcConnected, RcConnected$1, RcConnected$2, TBConnected, ListConnected$2, ListConnected$3, StateProviderConnected, RangeConnected$4];
 	function install (Vue) {
 	  components$1.map(function (component) {
 	    Vue.use(component);
@@ -35013,12 +34890,13 @@
 	exports.RangeSlider = RangeConnected$3;
 	exports.ReactiveBase = ReactiveBase;
 	exports.ReactiveComponent = RcConnected;
+	exports.ReactiveComponentPrivate = RcConnected$1;
 	exports.ReactiveGoogleMap = ReactiveGoogleMap;
 	exports.ReactiveList = RLConnected;
 	exports.ResultCard = ResultCard;
 	exports.ResultList = ResultList;
 	exports.SearchBox = SBConnected;
-	exports.SelectedFilters = RcConnected$1;
+	exports.SelectedFilters = RcConnected$2;
 	exports.SingleDropdownList = ListConnected$2;
 	exports.SingleList = ListConnected;
 	exports.SingleRange = RangeConnected$1;