@appbaseio/reactivesearch-vue 3.0.0-alpha.1 → 3.0.0-alpha.3

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

@@ -1010,7 +1010,7 @@
 	    return state;
 	  }
 	});
-	var dependencyTreeReducer = unwrapExports(dependencyTreeReducer_1);
+	unwrapExports(dependencyTreeReducer_1);
 
 	var queryReducer_1 = createCommonjsModule(function (module, exports) {
 	  Object.defineProperty(exports, "__esModule", {
@@ -1063,7 +1063,7 @@
 	    return state;
 	  }
 	});
-	var queryReducer = unwrapExports(queryReducer_1);
+	unwrapExports(queryReducer_1);
 
 	var appbaseQueryReducer_1 = createCommonjsModule(function (module, exports) {
 	  Object.defineProperty(exports, "__esModule", {
@@ -1143,7 +1143,7 @@
 	    return state;
 	  }
 	});
-	var queryOptionsReducer = unwrapExports(queryOptionsReducer_1);
+	unwrapExports(queryOptionsReducer_1);
 
 	var constants$1 = createCommonjsModule(function (module, exports) {
 	  Object.defineProperty(exports, "__esModule", {
@@ -1673,7 +1673,7 @@
 	    }
 	  }
 	});
-	var valueReducer = unwrapExports(valueReducer_1);
+	unwrapExports(valueReducer_1);
 
 	var internalValueReducer = createCommonjsModule(function (module, exports) {
 	  Object.defineProperty(exports, "__esModule", {
@@ -2544,7 +2544,7 @@
 	    return state;
 	  }
 	});
-	var compositeAggsReducer = unwrapExports(compositeAggsReducer_1);
+	unwrapExports(compositeAggsReducer_1);
 
 	var appliedSettingsReducer_1 = createCommonjsModule(function (module, exports) {
 	  Object.defineProperty(exports, "__esModule", {
@@ -5102,13 +5102,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
@@ -5121,6 +5123,7 @@
 	          terms: _extends({
 	            field: dataFieldItem,
 	            size: size,
+	            aggregationSize: aggregationSize,
 	            order: getAggsOrder(sortBy || 'count')
 	          }, showMissing ? {
 	            missing: missingLabel
@@ -5994,7 +5997,7 @@
 	        excludeFields: props.excludeFields,
 	        size: props.size,
 	        aggregationSize: props.aggregationSize,
-	        from: props.from,
+	        from: props.from || undefined,
 	        queryFormat: props.queryFormat,
 	        sortBy: props.sortBy,
 	        fieldWeights: getNormalizedField(props.fieldWeights),
@@ -7532,7 +7535,7 @@
 	        dependencyTree = _getState3.dependencyTree,
 	        queryList = _getState3.queryList,
 	        queryOptions = _getState3.queryOptions;
-	      var lockTime = config.initialQueriesSyncTime || 50;
+	      var lockTime = config.initialQueriesSyncTime || 100;
 	      var initialTimestamp = config.initialTimestamp;
 	      var queryId = requestId || new Date().getTime();
 	      if (config.queryLockConfig instanceof Object) {
@@ -7573,16 +7576,20 @@
 	          var queryToLog = _extends(_defineProperty({}, component, currentQuery), Object.keys(dependentQueries).reduce(function (acc, q) {
 	            return _extends({}, acc, _defineProperty({}, q, _extends({}, dependentQueries[q], {
 	              execute: false
-	            })));
+	            }, dependentQueries[q].type === constants$1.queryTypes.suggestion ? {
+	              type: 'search'
+	            } : {})));
 	          }, {}));
 	          var queryType = transform.componentToTypeMap[componentProps && componentProps.componentType];
 	          if ([constants$1.queryTypes.range, constants$1.queryTypes.term].includes(queryType)) {
 	            var _value = currentQuery.value,
 	              rest = _objectWithoutProperties(currentQuery, ['value']);
 	            queryToLog = _extends(_defineProperty({}, component, rest), Object.keys(dependentQueries).reduce(function (acc, q) {
-	              return _extends({}, acc, _defineProperty({}, q, [].concat(_toConsumableArray(dependentQueries[q]), _toConsumableArray({
+	              return _extends({}, acc, _defineProperty({}, q, _extends({}, dependentQueries[q], {
 	                execute: false
-	              }))));
+	              }, dependentQueries[q].type === constants$1.queryTypes.suggestion ? {
+	                type: 'search'
+	              } : {})));
 	            }, {}));
 	          }
 	          if (mustExecuteMapQuery || !(0, helper.compareQueries)(queryToLog, oldQuery, false)) {
@@ -8466,6 +8473,337 @@
 	};
 	var babelHelperVueTransformOn = transformOn;
 
+	function _regeneratorRuntime() {
+	  _regeneratorRuntime = function () {
+	    return exports;
+	  };
+	  var exports = {},
+	    Op = Object.prototype,
+	    hasOwn = Op.hasOwnProperty,
+	    defineProperty = Object.defineProperty || function (obj, key, desc) {
+	      obj[key] = desc.value;
+	    },
+	    $Symbol = "function" == typeof Symbol ? Symbol : {},
+	    iteratorSymbol = $Symbol.iterator || "@@iterator",
+	    asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator",
+	    toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
+	  function define(obj, key, value) {
+	    return Object.defineProperty(obj, key, {
+	      value: value,
+	      enumerable: !0,
+	      configurable: !0,
+	      writable: !0
+	    }), obj[key];
+	  }
+	  try {
+	    define({}, "");
+	  } catch (err) {
+	    define = function (obj, key, value) {
+	      return obj[key] = value;
+	    };
+	  }
+	  function wrap(innerFn, outerFn, self, tryLocsList) {
+	    var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator,
+	      generator = Object.create(protoGenerator.prototype),
+	      context = new Context(tryLocsList || []);
+	    return defineProperty(generator, "_invoke", {
+	      value: makeInvokeMethod(innerFn, self, context)
+	    }), generator;
+	  }
+	  function tryCatch(fn, obj, arg) {
+	    try {
+	      return {
+	        type: "normal",
+	        arg: fn.call(obj, arg)
+	      };
+	    } catch (err) {
+	      return {
+	        type: "throw",
+	        arg: err
+	      };
+	    }
+	  }
+	  exports.wrap = wrap;
+	  var ContinueSentinel = {};
+	  function Generator() {}
+	  function GeneratorFunction() {}
+	  function GeneratorFunctionPrototype() {}
+	  var IteratorPrototype = {};
+	  define(IteratorPrototype, iteratorSymbol, function () {
+	    return this;
+	  });
+	  var getProto = Object.getPrototypeOf,
+	    NativeIteratorPrototype = getProto && getProto(getProto(values([])));
+	  NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype);
+	  var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
+	  function defineIteratorMethods(prototype) {
+	    ["next", "throw", "return"].forEach(function (method) {
+	      define(prototype, method, function (arg) {
+	        return this._invoke(method, arg);
+	      });
+	    });
+	  }
+	  function AsyncIterator(generator, PromiseImpl) {
+	    function invoke(method, arg, resolve, reject) {
+	      var record = tryCatch(generator[method], generator, arg);
+	      if ("throw" !== record.type) {
+	        var result = record.arg,
+	          value = result.value;
+	        return value && "object" == typeof value && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) {
+	          invoke("next", value, resolve, reject);
+	        }, function (err) {
+	          invoke("throw", err, resolve, reject);
+	        }) : PromiseImpl.resolve(value).then(function (unwrapped) {
+	          result.value = unwrapped, resolve(result);
+	        }, function (error) {
+	          return invoke("throw", error, resolve, reject);
+	        });
+	      }
+	      reject(record.arg);
+	    }
+	    var previousPromise;
+	    defineProperty(this, "_invoke", {
+	      value: function (method, arg) {
+	        function callInvokeWithMethodAndArg() {
+	          return new PromiseImpl(function (resolve, reject) {
+	            invoke(method, arg, resolve, reject);
+	          });
+	        }
+	        return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
+	      }
+	    });
+	  }
+	  function makeInvokeMethod(innerFn, self, context) {
+	    var state = "suspendedStart";
+	    return function (method, arg) {
+	      if ("executing" === state) throw new Error("Generator is already running");
+	      if ("completed" === state) {
+	        if ("throw" === method) throw arg;
+	        return doneResult();
+	      }
+	      for (context.method = method, context.arg = arg;;) {
+	        var delegate = context.delegate;
+	        if (delegate) {
+	          var delegateResult = maybeInvokeDelegate(delegate, context);
+	          if (delegateResult) {
+	            if (delegateResult === ContinueSentinel) continue;
+	            return delegateResult;
+	          }
+	        }
+	        if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) {
+	          if ("suspendedStart" === state) throw state = "completed", context.arg;
+	          context.dispatchException(context.arg);
+	        } else "return" === context.method && context.abrupt("return", context.arg);
+	        state = "executing";
+	        var record = tryCatch(innerFn, self, context);
+	        if ("normal" === record.type) {
+	          if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue;
+	          return {
+	            value: record.arg,
+	            done: context.done
+	          };
+	        }
+	        "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg);
+	      }
+	    };
+	  }
+	  function maybeInvokeDelegate(delegate, context) {
+	    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;
+	    return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel);
+	  }
+	  function pushTryEntry(locs) {
+	    var entry = {
+	      tryLoc: locs[0]
+	    };
+	    1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry);
+	  }
+	  function resetTryEntry(entry) {
+	    var record = entry.completion || {};
+	    record.type = "normal", delete record.arg, entry.completion = record;
+	  }
+	  function Context(tryLocsList) {
+	    this.tryEntries = [{
+	      tryLoc: "root"
+	    }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0);
+	  }
+	  function values(iterable) {
+	    if (iterable) {
+	      var iteratorMethod = iterable[iteratorSymbol];
+	      if (iteratorMethod) return iteratorMethod.call(iterable);
+	      if ("function" == typeof iterable.next) return iterable;
+	      if (!isNaN(iterable.length)) {
+	        var i = -1,
+	          next = function next() {
+	            for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next;
+	            return next.value = undefined, next.done = !0, next;
+	          };
+	        return next.next = next;
+	      }
+	    }
+	    return {
+	      next: doneResult
+	    };
+	  }
+	  function doneResult() {
+	    return {
+	      value: undefined,
+	      done: !0
+	    };
+	  }
+	  return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", {
+	    value: GeneratorFunctionPrototype,
+	    configurable: !0
+	  }), defineProperty(GeneratorFunctionPrototype, "constructor", {
+	    value: GeneratorFunction,
+	    configurable: !0
+	  }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) {
+	    var ctor = "function" == typeof genFun && genFun.constructor;
+	    return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name));
+	  }, exports.mark = function (genFun) {
+	    return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun;
+	  }, exports.awrap = function (arg) {
+	    return {
+	      __await: arg
+	    };
+	  }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () {
+	    return this;
+	  }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) {
+	    void 0 === PromiseImpl && (PromiseImpl = Promise);
+	    var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl);
+	    return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) {
+	      return result.done ? result.value : iter.next();
+	    });
+	  }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () {
+	    return this;
+	  }), define(Gp, "toString", function () {
+	    return "[object Generator]";
+	  }), exports.keys = function (val) {
+	    var object = Object(val),
+	      keys = [];
+	    for (var key in object) keys.push(key);
+	    return keys.reverse(), function next() {
+	      for (; keys.length;) {
+	        var key = keys.pop();
+	        if (key in object) return next.value = key, next.done = !1, next;
+	      }
+	      return next.done = !0, next;
+	    };
+	  }, exports.values = values, Context.prototype = {
+	    constructor: Context,
+	    reset: function (skipTempReset) {
+	      if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined);
+	    },
+	    stop: function () {
+	      this.done = !0;
+	      var rootRecord = this.tryEntries[0].completion;
+	      if ("throw" === rootRecord.type) throw rootRecord.arg;
+	      return this.rval;
+	    },
+	    dispatchException: function (exception) {
+	      if (this.done) throw exception;
+	      var context = this;
+	      function handle(loc, caught) {
+	        return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught;
+	      }
+	      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+	        var entry = this.tryEntries[i],
+	          record = entry.completion;
+	        if ("root" === entry.tryLoc) return handle("end");
+	        if (entry.tryLoc <= this.prev) {
+	          var hasCatch = hasOwn.call(entry, "catchLoc"),
+	            hasFinally = hasOwn.call(entry, "finallyLoc");
+	          if (hasCatch && hasFinally) {
+	            if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
+	            if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
+	          } else if (hasCatch) {
+	            if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
+	          } else {
+	            if (!hasFinally) throw new Error("try statement without catch or finally");
+	            if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
+	          }
+	        }
+	      }
+	    },
+	    abrupt: function (type, arg) {
+	      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+	        var entry = this.tryEntries[i];
+	        if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) {
+	          var finallyEntry = entry;
+	          break;
+	        }
+	      }
+	      finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null);
+	      var record = finallyEntry ? finallyEntry.completion : {};
+	      return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record);
+	    },
+	    complete: function (record, afterLoc) {
+	      if ("throw" === record.type) throw record.arg;
+	      return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel;
+	    },
+	    finish: function (finallyLoc) {
+	      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+	        var entry = this.tryEntries[i];
+	        if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel;
+	      }
+	    },
+	    catch: function (tryLoc) {
+	      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+	        var entry = this.tryEntries[i];
+	        if (entry.tryLoc === tryLoc) {
+	          var record = entry.completion;
+	          if ("throw" === record.type) {
+	            var thrown = record.arg;
+	            resetTryEntry(entry);
+	          }
+	          return thrown;
+	        }
+	      }
+	      throw new Error("illegal catch attempt");
+	    },
+	    delegateYield: function (iterable, resultName, nextLoc) {
+	      return this.delegate = {
+	        iterator: values(iterable),
+	        resultName: resultName,
+	        nextLoc: nextLoc
+	      }, "next" === this.method && (this.arg = undefined), ContinueSentinel;
+	    }
+	  }, exports;
+	}
+	function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+	  try {
+	    var info = gen[key](arg);
+	    var value = info.value;
+	  } catch (error) {
+	    reject(error);
+	    return;
+	  }
+	  if (info.done) {
+	    resolve(value);
+	  } else {
+	    Promise.resolve(value).then(_next, _throw);
+	  }
+	}
+	function _asyncToGenerator(fn) {
+	  return function () {
+	    var self = this,
+	      args = arguments;
+	    return new Promise(function (resolve, reject) {
+	      var gen = fn.apply(self, args);
+	      function _next(value) {
+	        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+	      }
+	      function _throw(err) {
+	        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+	      }
+	      _next(undefined);
+	    });
+	  };
+	}
 	function _defineProperties(target, props) {
 	  for (var i = 0; i < props.length; i++) {
 	    var descriptor = props[i];
@@ -12752,6 +13090,7 @@
 	      destroyOnUnmount: Q.bool.def(true)
 	    },
 	    created: function created() {
+	      var _this = this;
 	      // clone the props for component it is needed because attrs gets changed on time
 	      var componentProps = _extends({}, this.$attrs);
 	      // handle kebab case for props
@@ -12763,9 +13102,6 @@
 	      this.componentId = this.componentProps.componentId;
 	      this.react = this.componentProps.react;
 	      this.$timestamp = new Date().getTime();
-	    },
-	    beforeMount: function beforeMount() {
-	      var _this = this;
 	      var components = [];
 	      if (this.$$store) {
 	        var _this$$$store$getStat = this.$$store.getState();
@@ -12800,11 +13136,15 @@
 	        this.addComponent(this.internalComponent, this.$timestamp);
 	        this.setComponentProps(this.internalComponent, this.componentProps, options.componentType);
 	      }
+	      if (this.internalComponent) {
+	        // Watch component after rendering the component to avoid the un-necessary calls
+	        this.setReact(this.componentProps, false);
+	      }
 	    },
 	    mounted: function mounted() {
 	      if (this.internalComponent) {
 	        // Watch component after rendering the component to avoid the un-necessary calls
-	        this.setReact(this.componentProps);
+	        this.setReact(this.componentProps, true);
 	      }
 	    },
 	    beforeDestroy: function beforeDestroy() {
@@ -12843,7 +13183,7 @@
 	      }
 	    },
 	    methods: {
-	      setReact: function setReact(props) {
+	      setReact: function setReact(props, shouldExecute) {
 	        var react = props.react,
 	          executeInitialQuery = props.executeInitialQuery;
 	        if (this.internalComponent) {
@@ -12853,10 +13193,10 @@
 	          } else {
 	            this.watchComponent(props.componentId, {
 	              and: this.internalComponent
-	            }, executeInitialQuery);
+	            }, shouldExecute || executeInitialQuery);
 	          }
 	        } else {
-	          this.watchComponent(props.componentId, react, executeInitialQuery);
+	          this.watchComponent(props.componentId, react, shouldExecute || executeInitialQuery);
 	        }
 	      }
 	    },
@@ -13301,7 +13641,7 @@
 	    }, constants_1$1.reactiveList);
 	  },
 	  props: {
-	    currentPage: Q.number.def(0),
+	    currentPage: Q.number,
 	    includeFields: types.includeFields,
 	    // component props
 	    className: types.string,
@@ -13486,7 +13826,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);
@@ -13768,8 +14117,8 @@
 	    triggerClickAnalytics: function triggerClickAnalytics(searchPosition, documentId) {
 	      var docId = documentId;
 	      if (!docId) {
-	        var _this$getData = this.getData(),
-	          data = _this$getData.data;
+	        var _this$getData2 = this.getData(),
+	          data = _this$getData2.data;
 	        var hitData = data.find(function (hit) {
 	          return hit._click_id === searchPosition;
 	        });
@@ -13927,6 +14276,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);
@@ -16057,12 +16408,12 @@
 	        try {
 	          var component = item[0],
 	            value = item[1];
-	          var _ref = _this.selectedValues[component] || {
+	          var _ref2 = _this.selectedValues[component] || {
 	              label: component
 	            },
-	            label = _ref.label,
-	            showFilter = _ref.showFilter,
-	            URLParams = _ref.URLParams;
+	            label = _ref2.label,
+	            showFilter = _ref2.showFilter,
+	            URLParams = _ref2.URLParams;
 	          _this.setValue(component, JSON.parse(value), label, showFilter, URLParams, undefined, undefined, undefined, 'URL');
 	        } catch (e) {
 	          // Do not set value if JSON parsing fails.
@@ -16279,6 +16630,7 @@
 	function _isSlot$4(s) {
 	  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
 	}
+	var setValues = lib_5.setValues;
 	var ReactiveBase = {
 	  name: 'ReactiveBase',
 	  data: function data() {
@@ -16305,6 +16657,7 @@
 	    initialQueriesSyncTime: types.number,
 	    className: types.string,
 	    initialState: Q.object.def({}),
+	    contextCollector: Q.func,
 	    transformRequest: types.func,
 	    transformResponse: types.func,
 	    as: Q.string.def('div'),
@@ -16315,11 +16668,15 @@
 	    preferences: Q.object
 	  },
 	  provide: function provide() {
+	    var createCacheFn = createCache;
+	    if (createCache["default"]) {
+	      createCacheFn = createCache["default"];
+	    }
 	    return {
 	      theme_reactivesearch: composeThemeObject(getTheme(this.$props.themePreset), this.$props.theme),
 	      store: this.store,
 	      $searchPreferences: this.preferences,
-	      $emotionCache: this.$parent && this.$parent.$emotionCache || createCache({
+	      $emotionCache: this.$parent && this.$parent.$emotionCache || createCacheFn({
 	        key: 'css'
 	      })
 	    };
@@ -16473,8 +16830,20 @@
 	        selectedValues: selectedValues,
 	        urlValues: urlValues,
 	        headers: this.getHeaders
-	      }, this.$props.initialState);
-	      this.store = configureStore(initialState);
+	      }, this.initialState);
+	      var storeFn = configureStore;
+	      if (configureStore["default"]) {
+	        storeFn = configureStore["default"];
+	      }
+	      this.store = storeFn(initialState);
+	      // server side rendered app to collect context
+	      if (typeof window === 'undefined' && props.contextCollector) {
+	        var res = props.contextCollector({
+	          ctx: this.store
+	        });
+	        // necessary for supporting SSR of queryParams
+	        this.store.dispatch(setValues(res.selectedValues));
+	      }
 	      this.analyticsRef = analyticsRef;
 	    }
 	  },
@@ -18413,14 +18782,14 @@
 	        if (status === STATUS.active) {
 	          this.status = STATUS.inactive;
 	        }
-	        var _this$$props = this.$props,
-	          handleResult = _this$$props.handleResult,
-	          onNoMatch = _this$$props.onNoMatch,
-	          onError = _this$$props.onError,
-	          lang = _this$$props.lang,
-	          getInstance = _this$$props.getInstance;
-	        var _window = window,
-	          SpeechRecognition = _window.SpeechRecognition;
+	        var _this$$props2 = this.$props,
+	          handleResult = _this$$props2.handleResult,
+	          onNoMatch = _this$$props2.onNoMatch,
+	          onError = _this$$props2.onError,
+	          lang = _this$$props2.lang,
+	          getInstance = _this$$props2.getInstance;
+	        var _window2 = window,
+	          SpeechRecognition = _window2.SpeechRecognition;
 	        if (this.instance && this.status !== STATUS.denied) {
 	          this.status = STATUS.inactive;
 	          this.instance.stop();
@@ -18691,6 +19060,13 @@
 	    // Set custom and default queries in store
 	    this.triggerCustomQuery(this.currentValue, this.selectedCategory);
 	    this.triggerDefaultQuery(this.currentValue);
+	    if (this.selectedValue) {
+	      this.setValue(this.selectedValue, true, this.$props, this.$options.isTagsMode ? lib_7.SUGGESTION_SELECT : undefined);
+	    } else if (this.$props.value) {
+	      this.setValue(this.$props.value, true, this.$props, this.$options.isTagsMode ? lib_7.SUGGESTION_SELECT : undefined);
+	    } else if (this.$props.defaultValue) {
+	      this.setValue(this.$props.defaultValue, true, this.$props, this.$options.isTagsMode ? lib_7.SUGGESTION_SELECT : undefined);
+	    }
 	  },
 	  computed: {
 	    hasCustomRenderer: function hasCustomRenderer$1() {
@@ -18781,15 +19157,6 @@
 	    searchboxId: Q.string,
 	    endpoint: types.endpointConfig
 	  },
-	  beforeMount: function beforeMount() {
-	    if (this.selectedValue) {
-	      this.setValue(this.selectedValue, true, this.$props, this.$options.isTagsMode ? lib_7.SUGGESTION_SELECT : undefined);
-	    } else if (this.$props.value) {
-	      this.setValue(this.$props.value, true, this.$props, this.$options.isTagsMode ? lib_7.SUGGESTION_SELECT : undefined);
-	    } else if (this.$props.defaultValue) {
-	      this.setValue(this.$props.defaultValue, true, this.$props, this.$options.isTagsMode ? lib_7.SUGGESTION_SELECT : undefined);
-	    }
-	  },
 	  mounted: function mounted() {
 	    this.listenForFocusShortcuts();
 	  },
@@ -19267,12 +19634,12 @@
 	    renderInputAddonBefore: function renderInputAddonBefore() {
 	      var addonBefore = this.$slots.addonBefore;
 	      if (addonBefore) {
-	        var _slot;
+	        var _slot2;
 	        return vue.createVNode(InputAddon, {
 	          "class": "addon-before"
-	        }, _isSlot$5(_slot = addonBefore()) ? _slot : {
+	        }, _isSlot$5(_slot2 = addonBefore()) ? _slot2 : {
 	          "default": function _default() {
-	            return [_slot];
+	            return [_slot2];
 	          }
 	        });
 	      }
@@ -19281,12 +19648,12 @@
 	    renderInputAddonAfter: function renderInputAddonAfter() {
 	      var addonAfter = this.$slots.addonAfter;
 	      if (addonAfter) {
-	        var _slot2;
+	        var _slot4;
 	        return vue.createVNode(InputAddon, {
 	          "class": "addon-after"
-	        }, _isSlot$5(_slot2 = addonAfter()) ? _slot2 : {
+	        }, _isSlot$5(_slot4 = addonAfter()) ? _slot4 : {
 	          "default": function _default() {
-	            return [_slot2];
+	            return [_slot4];
 	          }
 	        });
 	      }
@@ -19328,7 +19695,7 @@
 	    },
 	    renderIcons: function renderIcons() {
 	      var _this6 = this;
-	      var _slot3, _slot4, _slot5;
+	      var _slot5, _slot6, _slot7;
 	      var _this$$props3 = this.$props,
 	        iconPosition = _this$$props3.iconPosition,
 	        showClear = _this$$props3.showClear,
@@ -19347,9 +19714,9 @@
 	            "onClick": _this6.clearValue,
 	            "showIcon": showIcon,
 	            "isClearIcon": true
-	          }, _isSlot$5(_slot3 = _this6.renderCancelIcon()) ? _slot3 : {
+	          }, _isSlot$5(_slot5 = _this6.renderCancelIcon()) ? _slot5 : {
 	            "default": function _default() {
-	              return [_slot3];
+	              return [_slot5];
 	            }
 	          }), showVoiceSearch && vue.createVNode(Mic, {
 	            "getInstance": getMicInstance,
@@ -19358,9 +19725,9 @@
 	            "className": getClassName$3(innerClass, 'mic') || null
 	          }, null), iconPosition === 'right' && showIcon && vue.createVNode(IconWrapper, {
 	            "onClick": _this6.handleSearchIconClick
-	          }, _isSlot$5(_slot4 = _this6.renderIcon()) ? _slot4 : {
+	          }, _isSlot$5(_slot6 = _this6.renderIcon()) ? _slot6 : {
 	            "default": function _default() {
-	              return [_slot4];
+	              return [_slot6];
 	            }
 	          })];
 	        }
@@ -19371,9 +19738,9 @@
 	        "default": function _default() {
 	          return [iconPosition === 'left' && showIcon && vue.createVNode(IconWrapper, {
 	            "onClick": _this6.handleSearchIconClick
-	          }, _isSlot$5(_slot5 = _this6.renderIcon()) ? _slot5 : {
+	          }, _isSlot$5(_slot7 = _this6.renderIcon()) ? _slot7 : {
 	            "default": function _default() {
-	              return [_slot5];
+	              return [_slot7];
 	            }
 	          })];
 	        }
@@ -19683,6 +20050,9 @@
 	    document.removeEventListener('keydown', this.onKeyDown);
 	  }
 	});
+	SearchBox.hasInternalComponent = function () {
+	  return true;
+	};
 	SearchBox.defaultQuery = function (value, props) {
 	  var finalQuery = null;
 	  finalQuery = {
@@ -19741,6 +20111,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);
 	};
@@ -19889,8 +20262,6 @@
 	    // 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);
-	  },
-	  beforeMount: function beforeMount() {
 	    this.updateQueryHandlerOptions(this.$props);
 	    if (this.selectedValue) {
 	      this.setValue(this.selectedValue);
@@ -20215,13 +20586,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$3 = lib_5.updateQuery,
 	  setQueryOptions$2 = lib_5.setQueryOptions,
 	  setCustomQuery$2 = lib_5.setCustomQuery,
@@ -20284,8 +20657,6 @@
 	    // 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);
-	  },
-	  beforeMount: function beforeMount() {
 	    this.updateQueryHandlerOptions(this.$props);
 	    var value = this.selectedValue || this.$props.value || this.$props.defaultValue;
 	    this.setValue(value, !this.selectedValue);
@@ -20473,16 +20844,16 @@
 	          });
 	        }
 	        if (selectAllLabel && selectAllLabel in currentValue) {
-	          var _currentValue = currentValue,
-	            del = _currentValue[selectAllLabel],
-	            obj = _objectWithoutPropertiesLoose(_currentValue, [selectAllLabel].map(_toPropertyKey$1));
+	          var _currentValue2 = currentValue,
+	            del = _currentValue2[selectAllLabel],
+	            obj = _objectWithoutPropertiesLoose(_currentValue2, [selectAllLabel].map(_toPropertyKey$1));
 	          currentValue = _extends({}, obj);
 	        }
 	      } else {
 	        if (currentValue[value]) {
-	          var _currentValue2 = currentValue,
-	            _del = _currentValue2[value],
-	            rest = _objectWithoutPropertiesLoose(_currentValue2, [value].map(_toPropertyKey$1));
+	          var _currentValue4 = currentValue,
+	            _del = _currentValue4[value],
+	            rest = _objectWithoutPropertiesLoose(_currentValue4, [value].map(_toPropertyKey$1));
 	          currentValue = _extends({}, rest);
 	        } else if (Array.isArray(value)) {
 	          value.forEach(function (val) {
@@ -20492,9 +20863,9 @@
 	          currentValue[value] = true;
 	        }
 	        if (selectAllLabel && selectAllLabel in currentValue) {
-	          var _currentValue3 = currentValue,
-	            _del2 = _currentValue3[selectAllLabel],
-	            _obj = _objectWithoutPropertiesLoose(_currentValue3, [selectAllLabel].map(_toPropertyKey$1));
+	          var _currentValue6 = currentValue,
+	            _del2 = _currentValue6[selectAllLabel],
+	            _obj = _objectWithoutPropertiesLoose(_currentValue6, [selectAllLabel].map(_toPropertyKey$1));
 	          currentValue = _extends({}, _obj);
 	        }
 	        finalValues = Object.keys(currentValue);
@@ -20668,13 +21039,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$7;
 	var small = "\n\tmin-height: 0;\n\theight: 30px;\n\tborder: 0;\n\tbox-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;\n\tborder-radius: 2px;\n";
 	var dark$2 = function dark(_ref) {
@@ -21029,8 +21402,6 @@
 	    // 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);
-	  },
-	  beforeMount: function beforeMount() {
 	    this.updateQueryOptions(this.$props);
 	    if (this.selectedValue) {
 	      this.setValue(this.selectedValue);
@@ -21343,14 +21714,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;
-
 	function _isSlot$7(s) {
 	  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
 	}
@@ -21424,8 +21797,6 @@
 	    // 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);
-	  },
-	  beforeMount: function beforeMount() {
 	    this.updateQueryOptions(this.$props);
 	    if (this.selectedValue) {
 	      this.setValue(this.selectedValue, true);
@@ -21631,24 +22002,24 @@
 	          });
 	        }
 	        if (selectAllLabel && selectAllLabel in currentValue) {
-	          var _currentValue = currentValue,
-	            del = _currentValue[selectAllLabel],
-	            obj = _objectWithoutPropertiesLoose(_currentValue, [selectAllLabel].map(_toPropertyKey$1));
+	          var _currentValue2 = currentValue,
+	            del = _currentValue2[selectAllLabel],
+	            obj = _objectWithoutPropertiesLoose(_currentValue2, [selectAllLabel].map(_toPropertyKey$1));
 	          currentValue = _extends({}, obj);
 	        }
 	      } else {
 	        if (currentValue[value]) {
-	          var _currentValue2 = currentValue,
-	            _del = _currentValue2[value],
-	            rest = _objectWithoutPropertiesLoose(_currentValue2, [value].map(_toPropertyKey$1));
+	          var _currentValue4 = currentValue,
+	            _del = _currentValue4[value],
+	            rest = _objectWithoutPropertiesLoose(_currentValue4, [value].map(_toPropertyKey$1));
 	          currentValue = _extends({}, rest);
 	        } else {
 	          currentValue[value] = true;
 	        }
 	        if (selectAllLabel && selectAllLabel in currentValue) {
-	          var _currentValue3 = currentValue,
-	            _del2 = _currentValue3[selectAllLabel],
-	            _obj = _objectWithoutPropertiesLoose(_currentValue3, [selectAllLabel].map(_toPropertyKey$1));
+	          var _currentValue6 = currentValue,
+	            _del2 = _currentValue6[selectAllLabel],
+	            _obj = _objectWithoutPropertiesLoose(_currentValue6, [selectAllLabel].map(_toPropertyKey$1));
 	          currentValue = _extends({}, _obj);
 	        }
 	        finalValues = Object.keys(currentValue);
@@ -21799,12 +22170,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$6 = lib_5.updateQuery,
 	  setQueryOptions$5 = lib_5.setQueryOptions,
@@ -21842,7 +22216,9 @@
 	    };
 	    return this.__state;
 	  },
-	  beforeMount: function beforeMount() {
+	  created: function created() {
+	    // Set custom query in store
+	    updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
 	    var props = this.$props;
 	    var hasMounted = false;
 	    var value = this.selectedValue || props.value || props.defaultValue || [];
@@ -21852,10 +22228,6 @@
 	      this.handleToggle(this.$data.currentValue, true, props, hasMounted);
 	    }
 	  },
-	  created: function created() {
-	    // Set custom query in store
-	    updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
-	  },
 	  watch: {
 	    defaultValue: function defaultValue(newVal) {
 	      this.setValue(ToggleButton.parseValue(newVal, this.$props));
@@ -22081,6 +22453,8 @@
 	var TBConnected = PreferencesConsumer(ComponentWrapper$1(connect(mapStateToProps$8, 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);
@@ -22123,216 +22497,6 @@
 	var _templateObject$o;
 	var Slider = styled('div')(_templateObject$o || (_templateObject$o = _taggedTemplateLiteralLoose(["\n\tmargin-top: 30px;\n\tpadding: 10px;\n\n\t/* component style */\n\t.vue-slider-disabled {\n\t\topacity: 0.5;\n\t\tcursor: not-allowed;\n\t}\n\n\t/* rail style */\n\t.vue-slider-rail {\n\t\tbackground-color: #ccc;\n\t\tborder-radius: 15px;\n\t\theight: 4px;\n\t}\n\n\t/* process style */\n\t.vue-slider-process {\n\t\tbackground-color: #0b6aff;\n\t\tborder-radius: 15px;\n\t}\n\n\t/* mark style */\n\t.vue-slider-mark {\n\t\tz-index: 4;\n\t}\n\n\t.vue-slider-mark:first-child .vue-slider-mark-step,\n\t.vue-slider-mark:last-child .vue-slider-mark-step {\n\t\tdisplay: none;\n\t}\n\n\t.vue-slider-mark-step {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tborder-radius: 50%;\n\t\tbackground-color: rgba(0, 0, 0, 0.16);\n\t}\n\n\t.vue-slider-mark-label {\n\t\tfont-size: 14px;\n\t\twhite-space: nowrap;\n\t}\n\n\t/* dot style */\n\t.vue-slider-dot {\n\t\tz-index: 2;\n\t}\n\n\t.vue-slider-dot-handle {\n\t\tcursor: pointer;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tborder-radius: 50%;\n\t\tbackground-color: #fff;\n\t\tbox-sizing: border-box;\n\t\tborder: 1px solid #9a9a9a;\n\t\tz-index: 2;\n\t\tbox-shadow: 0.5px 0.5px 2px 1px rgb(0 0 0 / 32%);\n\t}\n\n\t.vue-slider-dot-handle-disabled {\n\t\tcursor: not-allowed;\n\t\tbackground-color: #ccc;\n\t}\n\n\t.vue-slider-dot-tooltip-inner {\n\t\tfont-size: 14px;\n\t\twhite-space: nowrap;\n\t\tpadding: 2px 5px;\n\t\tmin-width: 20px;\n\t\ttext-align: center;\n\t\tcolor: #fff;\n\t\tborder-radius: 5px;\n\t\tborder: 1px solid #3498db;\n\t\tbackground-color: #3498db;\n\t\tbox-sizing: content-box;\n\t}\n\n\t.vue-slider-dot-tooltip-inner::after {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-top::after {\n\t\ttop: 100%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, 0);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-top-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-bottom::after {\n\t\tbottom: 100%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, 0);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-bottom-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-left::after {\n\t\tleft: 100%;\n\t\ttop: 50%;\n\t\ttransform: translate(0, -50%);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-left-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-right::after {\n\t\tright: 100%;\n\t\ttop: 50%;\n\t\ttransform: translate(0, -50%);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-right-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-wrapper {\n\t\topacity: 0;\n\t\ttransition: all 0.3s;\n\t}\n\t.vue-slider-dot-tooltip-wrapper-show {\n\t\topacity: 1;\n\t}\n\n\t.label-container {\n\t\tmargin: 10px 0;\n\t\twidth: 100%;\n\t}\n\n\t.range-label-right {\n\t\tfloat: right;\n\t}\n"])));
 
-	// shim for using process in browser
-	// based off https://github.com/defunctzombie/node-process/blob/master/browser.js
-
-	function defaultSetTimout() {
-	  throw new Error('setTimeout has not been defined');
-	}
-	function defaultClearTimeout() {
-	  throw new Error('clearTimeout has not been defined');
-	}
-	var cachedSetTimeout = defaultSetTimout;
-	var cachedClearTimeout = defaultClearTimeout;
-	if (typeof global$1.setTimeout === 'function') {
-	  cachedSetTimeout = setTimeout;
-	}
-	if (typeof global$1.clearTimeout === 'function') {
-	  cachedClearTimeout = clearTimeout;
-	}
-	function runTimeout(fun) {
-	  if (cachedSetTimeout === setTimeout) {
-	    //normal enviroments in sane situations
-	    return setTimeout(fun, 0);
-	  }
-	  // if setTimeout wasn't available but was latter defined
-	  if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {
-	    cachedSetTimeout = setTimeout;
-	    return setTimeout(fun, 0);
-	  }
-	  try {
-	    // when when somebody has screwed with setTimeout but no I.E. maddness
-	    return cachedSetTimeout(fun, 0);
-	  } catch (e) {
-	    try {
-	      // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally
-	      return cachedSetTimeout.call(null, fun, 0);
-	    } catch (e) {
-	      // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error
-	      return cachedSetTimeout.call(this, fun, 0);
-	    }
-	  }
-	}
-	function runClearTimeout(marker) {
-	  if (cachedClearTimeout === clearTimeout) {
-	    //normal enviroments in sane situations
-	    return clearTimeout(marker);
-	  }
-	  // if clearTimeout wasn't available but was latter defined
-	  if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {
-	    cachedClearTimeout = clearTimeout;
-	    return clearTimeout(marker);
-	  }
-	  try {
-	    // when when somebody has screwed with setTimeout but no I.E. maddness
-	    return cachedClearTimeout(marker);
-	  } catch (e) {
-	    try {
-	      // When we are in I.E. but the script has been evaled so I.E. doesn't  trust the global object when called normally
-	      return cachedClearTimeout.call(null, marker);
-	    } catch (e) {
-	      // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.
-	      // Some versions of I.E. have different rules for clearTimeout vs setTimeout
-	      return cachedClearTimeout.call(this, marker);
-	    }
-	  }
-	}
-	var queue = [];
-	var draining = false;
-	var currentQueue;
-	var queueIndex = -1;
-	function cleanUpNextTick() {
-	  if (!draining || !currentQueue) {
-	    return;
-	  }
-	  draining = false;
-	  if (currentQueue.length) {
-	    queue = currentQueue.concat(queue);
-	  } else {
-	    queueIndex = -1;
-	  }
-	  if (queue.length) {
-	    drainQueue();
-	  }
-	}
-	function drainQueue() {
-	  if (draining) {
-	    return;
-	  }
-	  var timeout = runTimeout(cleanUpNextTick);
-	  draining = true;
-	  var len = queue.length;
-	  while (len) {
-	    currentQueue = queue;
-	    queue = [];
-	    while (++queueIndex < len) {
-	      if (currentQueue) {
-	        currentQueue[queueIndex].run();
-	      }
-	    }
-	    queueIndex = -1;
-	    len = queue.length;
-	  }
-	  currentQueue = null;
-	  draining = false;
-	  runClearTimeout(timeout);
-	}
-	function nextTick(fun) {
-	  var args = new Array(arguments.length - 1);
-	  if (arguments.length > 1) {
-	    for (var i = 1; i < arguments.length; i++) {
-	      args[i - 1] = arguments[i];
-	    }
-	  }
-	  queue.push(new Item(fun, args));
-	  if (queue.length === 1 && !draining) {
-	    runTimeout(drainQueue);
-	  }
-	}
-	// v8 likes predictible objects
-	function Item(fun, array) {
-	  this.fun = fun;
-	  this.array = array;
-	}
-	Item.prototype.run = function () {
-	  this.fun.apply(null, this.array);
-	};
-	var title = 'browser';
-	var platform = 'browser';
-	var browser = true;
-	var env = {};
-	var argv = [];
-	var version = ''; // empty string to avoid regexp issues
-	var versions = {};
-	var release = {};
-	var config = {};
-	function noop() {}
-	var on = noop;
-	var addListener = noop;
-	var once = noop;
-	var off = noop;
-	var removeListener = noop;
-	var removeAllListeners = noop;
-	var emit = noop;
-	function binding(name) {
-	  throw new Error('process.binding is not supported');
-	}
-	function cwd() {
-	  return '/';
-	}
-	function chdir(dir) {
-	  throw new Error('process.chdir is not supported');
-	}
-	function umask() {
-	  return 0;
-	}
-
-	// from https://github.com/kumavis/browser-process-hrtime/blob/master/index.js
-	var performance = global$1.performance || {};
-	var performanceNow = performance.now || performance.mozNow || performance.msNow || performance.oNow || performance.webkitNow || function () {
-	  return new Date().getTime();
-	};
-
-	// generate timestamp or delta
-	// see http://nodejs.org/api/process.html#process_process_hrtime
-	function hrtime(previousTimestamp) {
-	  var clocktime = performanceNow.call(performance) * 1e-3;
-	  var seconds = Math.floor(clocktime);
-	  var nanoseconds = Math.floor(clocktime % 1 * 1e9);
-	  if (previousTimestamp) {
-	    seconds = seconds - previousTimestamp[0];
-	    nanoseconds = nanoseconds - previousTimestamp[1];
-	    if (nanoseconds < 0) {
-	      seconds--;
-	      nanoseconds += 1e9;
-	    }
-	  }
-	  return [seconds, nanoseconds];
-	}
-	var startTime = new Date();
-	function uptime() {
-	  var currentTime = new Date();
-	  var dif = currentTime - startTime;
-	  return dif / 1000;
-	}
-	var process = {
-	  nextTick: nextTick,
-	  title: title,
-	  browser: browser,
-	  env: env,
-	  argv: argv,
-	  version: version,
-	  versions: versions,
-	  on: on,
-	  addListener: addListener,
-	  once: once,
-	  off: off,
-	  removeListener: removeListener,
-	  removeAllListeners: removeAllListeners,
-	  emit: emit,
-	  binding: binding,
-	  cwd: cwd,
-	  chdir: chdir,
-	  umask: umask,
-	  hrtime: hrtime,
-	  platform: platform,
-	  release: release,
-	  config: config,
-	  uptime: uptime
-	};
-
-	var browser$1 = true;
-
 	/**
 	 * Caution: Please do not change this file without having a discussion with the Team.
 	 * Any change may break the umd build, we're directly replacing the line no: 14
@@ -22351,8 +22515,8 @@
 	  var components = {
 	    NoSSR: NoSSR
 	  };
-	  if (process && browser$1) {
-	    try {
+	  try {
+	    if (typeof window !== 'undefined') {
 	      // in older versions of nuxt, it's process.BROWSER_BUILD
 	      // eslint-disable-next-line
 	      
@@ -22364,9 +22528,9 @@
 						};
 						document.head.appendChild(s);
 					
-	    } catch (e) {
-	      console.error('Unable to load vue-slider', e);
 	    }
+	  } catch (e) {
+	    console.error('Unable to load vue-slider', e);
 	  }
 	  return components;
 	};
@@ -22422,25 +22586,6 @@
 	  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];
-	      }
-	      _this.$emit.apply(_this, ['queryChange'].concat(args));
-	      _this.$emit.apply(_this, ['query-change'].concat(args));
-	    };
-	    this.setQueryListener(this.$props.componentId, onQueryChange, null);
-	    // Update props in store
-	    this.setComponentProps(this.componentId, this.$props, constants_1$1.dynamicRangeSlider);
-	    this.setComponentProps(this.internalRangeComponent, this.$props, constants_1$1.dynamicRangeSlider);
-
-	    // Set custom query in store
-	    updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
-	  },
-	  mounted: function mounted() {
-	    this.setReact();
-	  },
-	  beforeMount: function beforeMount() {
 	    var components = [];
 	    if (this.$$store) {
 	      var _this$$$store$getStat = this.$$store.getState();
@@ -22461,6 +22606,24 @@
 	      // get range before executing other queries
 	      this.updateRangeQueryOptions();
 	    }
+	    var onQueryChange = function onQueryChange() {
+	      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+	        args[_key] = arguments[_key];
+	      }
+	      _this.$emit.apply(_this, ['queryChange'].concat(args));
+	      _this.$emit.apply(_this, ['query-change'].concat(args));
+	    };
+	    this.setQueryListener(this.$props.componentId, onQueryChange, null);
+	    // Update props in store
+	    this.setComponentProps(this.componentId, this.$props, constants_1$1.dynamicRangeSlider);
+	    this.setComponentProps(this.internalRangeComponent, this.$props, constants_1$1.dynamicRangeSlider);
+
+	    // Set custom query in store
+	    updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
+	    this.setReact(false);
+	  },
+	  mounted: function mounted() {
+	    this.setReact(true);
 	  },
 	  beforeUpdate: function beforeUpdate() {
 	    if (!this.currentValue) {
@@ -22484,9 +22647,9 @@
 	      var start = _ref.start,
 	        end = _ref.end;
 	      if (this.$props.defaultValue) {
-	        var _this$$props$defaultV = this.$props.defaultValue(start, end),
-	          defaultStart = _this$$props$defaultV.start,
-	          defaultEnd = _this$$props$defaultV.end;
+	        var _this$$props$defaultV2 = this.$props.defaultValue(start, end),
+	          defaultStart = _this$$props$defaultV2.start,
+	          defaultEnd = _this$$props$defaultV2.end;
 	        this.handleChange([defaultStart, defaultEnd]);
 	      } else if (this.isControlled()) {
 	        this.handleChange(DynamicRangeSlider.parseValue(this.$props.value), 'change');
@@ -22494,13 +22657,13 @@
 	        this.currentValue = [start, end];
 	      }
 	    },
-	    setReact: function setReact() {
+	    setReact: function setReact(shouldExecute) {
 	      if (this.$props.react) {
-	        this.watchComponent(this.internalRangeComponent, this.$props.react);
-	        this.watchComponent(this.$props.componentId, this.$props.react);
+	        this.watchComponent(this.internalRangeComponent, this.$props.react, shouldExecute);
+	        this.watchComponent(this.$props.componentId, this.$props.react, shouldExecute);
 	      } else {
-	        this.watchComponent(this.internalRangeComponent, {});
-	        this.watchComponent(this.$props.componentId, {});
+	        this.watchComponent(this.internalRangeComponent, {}, shouldExecute);
+	        this.watchComponent(this.$props.componentId, {}, shouldExecute);
 	      }
 	    },
 	    rangeQuery: function rangeQuery() {
@@ -22758,13 +22921,16 @@
 	  updateComponentProps: updateComponentProps$2
 	};
 	var RangeConnected = PreferencesConsumer(connect(mapStateToProps$9, mapDispatchtoProps$7)(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);
+	};
 
 	function _isSlot$8(s) {
 	  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
@@ -22808,8 +22974,6 @@
 	  created: function created() {
 	    // Set custom query in store
 	    updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
-	  },
-	  beforeMount: function beforeMount() {
 	    if (this.selectedValue) {
 	      this.setValue(this.selectedValue);
 	    } else if (this.$props.value) {
@@ -22958,6 +23122,9 @@
 	  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);
 	};
@@ -23046,9 +23213,9 @@
 	        currentValue = currentValue.filter(function (value) {
 	          return value.label !== item;
 	        });
-	        var _selectedValues = selectedValues,
-	          del = _selectedValues[item],
-	          selected = _objectWithoutPropertiesLoose(_selectedValues, [item].map(_toPropertyKey$1));
+	        var _selectedValues2 = selectedValues,
+	          del = _selectedValues2[item],
+	          selected = _objectWithoutPropertiesLoose(_selectedValues2, [item].map(_toPropertyKey$1));
 	        selectedValues = selected;
 	      } else {
 	        var _extends2;
@@ -23120,8 +23287,6 @@
 	  created: function created() {
 	    // Set custom query in store
 	    updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
-	  },
-	  beforeMount: function beforeMount() {
 	    if (this.selectedValue) {
 	      this.selectItem(this.selectedValue, true);
 	    } else if (this.$props.value) {
@@ -23203,6 +23368,9 @@
 	  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);
 	};
@@ -23352,8 +23520,6 @@
 
 	    // Set custom query in store
 	    updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
-	  },
-	  beforeMount: function beforeMount() {
 	    var _this$$props = this.$props,
 	      value = _this$$props.value,
 	      defaultValue = _this$$props.defaultValue;
@@ -23449,6 +23615,9 @@
 	  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);
 	};
@@ -24086,13 +24255,13 @@
 	  }
 	});
 	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);
 	};
 
-	// Add componentType for SSR
-	RcConnected.componentType = constants_1$1.reactiveComponent;
-
 	var setValue$2 = lib_5.setValue,
 	  clearValues = lib_5.clearValues,
 	  resetValuesToDefault = lib_5.resetValuesToDefault;
@@ -26528,13 +26697,13 @@
 	    var map = this.getMap();
 	    if (map instanceof google.maps.Map && this.getProjection()) {
 	      google.maps.event.trigger(this, MarkerClustererEvents.CLUSTERING_BEGIN, this);
-	      var _this$algorithm$calcu = this.algorithm.calculate({
+	      var _this$algorithm$calcu2 = this.algorithm.calculate({
 	          markers: this.markers,
 	          map: map,
 	          mapCanvasProjection: this.getProjection()
 	        }),
-	        clusters = _this$algorithm$calcu.clusters,
-	        changed = _this$algorithm$calcu.changed;
+	        clusters = _this$algorithm$calcu2.clusters,
+	        changed = _this$algorithm$calcu2.changed;
 	      // allow algorithms to return flag on whether the clusters/markers have changed
 	      if (changed || changed == undefined) {
 	        // reset visibility of markers and clusters
@@ -27892,9 +28061,9 @@
 	        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;
+	        var _ref2 = this.$defaultQuery || {},
+	          sort = _ref2.sort,
+	          query = _ref2.query;
 	        if (sort) {
 	          options.sort = this.$defaultQuery.sort;
 	        }
@@ -28277,8 +28446,8 @@
 	          geo_bounding_box: (_geo_bounding_box = {}, _geo_bounding_box[this.dataField] = boundingBoxCoordinates, _geo_bounding_box)
 	        };
 	        if (this.$defaultQuery) {
-	          var _ref2 = this.$defaultQuery || {},
-	            query = _ref2.query;
+	          var _ref4 = this.$defaultQuery || {},
+	            query = _ref4.query;
 	          if (query) {
 	            // adds defaultQuery's query to geo-query
 	            // to generate a map query
@@ -28321,8 +28490,8 @@
 	    triggerClickAnalytics: function triggerClickAnalytics(searchPosition, documentId) {
 	      var docId = documentId;
 	      if (!docId) {
-	        var _this$getData2 = this.getData(),
-	          data = _this$getData2.data;
+	        var _this$getData3 = this.getData(),
+	          data = _this$getData3.data;
 	        var hitData = data.find(function (hit) {
 	          return hit._click_id === searchPosition;
 	        });
@@ -28413,10 +28582,10 @@
 	    var options = getQueryOptions$5(this.$props);
 	    options.from = this.$data.from;
 	    if (this.$props.sortBy) {
-	      var _ref3;
-	      options.sort = [(_ref3 = {}, _ref3[this.$props.dataField] = {
+	      var _ref5;
+	      options.sort = [(_ref5 = {}, _ref5[this.$props.dataField] = {
 	        order: this.$props.sortBy
-	      }, _ref3)];
+	      }, _ref5)];
 	    }
 	    this.$defaultQuery = null;
 	    if (this.$props.defaultQuery) {
@@ -29856,506 +30025,1837 @@
 	// Add componentType for SSR
 	ReactiveGoogleMap.componentType = constants_1$1.reactiveMap;
 
-	var graphQL = 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];
+	var _PatchFlagNames, _slotFlagsText;
+	/**
+	 * Make a map and return a function for checking if a key
+	 * is in that map.
+	 * IMPORTANT: all calls of this function must be prefixed with
+	 * \/\*#\_\_PURE\_\_\*\/
+	 * So that rollup can tree-shake them if necessary.
+	 */
+	function makeMap(str, expectsLowerCase) {
+	  var map = Object.create(null);
+	  var list = str.split(',');
+	  for (var i = 0; i < list.length; i++) {
+	    map[list[i]] = true;
+	  }
+	  return expectsLowerCase ? function (val) {
+	    return !!map[val.toLowerCase()];
+	  } : function (val) {
+	    return !!map[val];
+	  };
+	}
+
+	/**
+	 * dev only flag -> name mapping
+	 */
+	var PatchFlagNames = (_PatchFlagNames = {}, _PatchFlagNames[1 /* PatchFlags.TEXT */] = "TEXT", _PatchFlagNames[2 /* PatchFlags.CLASS */] = "CLASS", _PatchFlagNames[4 /* PatchFlags.STYLE */] = "STYLE", _PatchFlagNames[8 /* PatchFlags.PROPS */] = "PROPS", _PatchFlagNames[16 /* PatchFlags.FULL_PROPS */] = "FULL_PROPS", _PatchFlagNames[32 /* PatchFlags.HYDRATE_EVENTS */] = "HYDRATE_EVENTS", _PatchFlagNames[64 /* PatchFlags.STABLE_FRAGMENT */] = "STABLE_FRAGMENT", _PatchFlagNames[128 /* PatchFlags.KEYED_FRAGMENT */] = "KEYED_FRAGMENT", _PatchFlagNames[256 /* PatchFlags.UNKEYED_FRAGMENT */] = "UNKEYED_FRAGMENT", _PatchFlagNames[512 /* PatchFlags.NEED_PATCH */] = "NEED_PATCH", _PatchFlagNames[1024 /* PatchFlags.DYNAMIC_SLOTS */] = "DYNAMIC_SLOTS", _PatchFlagNames[2048 /* PatchFlags.DEV_ROOT_FRAGMENT */] = "DEV_ROOT_FRAGMENT", _PatchFlagNames[-1 /* PatchFlags.HOISTED */] = "HOISTED", _PatchFlagNames[-2 /* PatchFlags.BAIL */] = "BAIL", _PatchFlagNames);
+
+	/**
+	 * Dev only
+	 */
+	var slotFlagsText = (_slotFlagsText = {}, _slotFlagsText[1 /* SlotFlags.STABLE */] = 'STABLE', _slotFlagsText[2 /* SlotFlags.DYNAMIC */] = 'DYNAMIC', _slotFlagsText[3 /* SlotFlags.FORWARDED */] = 'FORWARDED', _slotFlagsText);
+	function normalizeStyle(value) {
+	  if (isArray(value)) {
+	    var res = {};
+	    for (var i = 0; i < value.length; i++) {
+	      var item = value[i];
+	      var normalized = isString(item) ? parseStringStyle(item) : normalizeStyle(item);
+	      if (normalized) {
+	        for (var key in normalized) {
+	          res[key] = normalized[key];
 	        }
 	      }
 	    }
-	    return target;
-	  };
-	  var _crossFetch2 = _interopRequireDefault(browserPonyfill);
-	  function _interopRequireDefault(obj) {
-	    return obj && obj.__esModule ? obj : {
-	      "default": obj
-	    };
+	    return res;
+	  } else if (isString(value)) {
+	    return value;
+	  } else if (isObject$1(value)) {
+	    return value;
 	  }
-	  var fetchGraphQL = function fetchGraphQL(requestOptions) {
-	    var graphQLUrl = requestOptions.graphQLUrl,
-	      url = requestOptions.url,
-	      credentials = requestOptions.credentials,
-	      app = requestOptions.app,
-	      query = requestOptions.query,
-	      headers = requestOptions.headers;
-	    var fetchUrl = credentials ? url.replace('//', '//' + credentials + '@') : url;
-	    return (0, _crossFetch2["default"])(graphQLUrl, {
-	      method: 'POST',
-	      body: '\n\t\t\tquery{\n\t\t\t\telastic77(host: "' + fetchUrl + '"){\n\t\t\t\t\tmsearch(\n\t\t\t\t\t\tindex: "' + app + '"\n\t\t\t\t\t\tbody: ' + JSON.stringify(query.map(function (item) {
-	        return JSON.stringify(item);
-	      })) + '\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t}\n\t\t',
-	      headers: _extends({}, headers, {
-	        'Content-Type': 'application/graphql'
-	      })
-	    }).then(function (res) {
-	      return res.json();
-	    }).then(function (jsonRes) {
-	      return jsonRes.data.elastic77.msearch;
-	    })["catch"](function (error) {
-	      console.error(error);
-	    });
+	}
+	var listDelimiterRE = /;(?![^(]*\))/g;
+	var propertyDelimiterRE = /:([^]+)/;
+	var styleCommentRE = /\/\*[\s\S]*?\*\//g;
+	function parseStringStyle(cssText) {
+	  var ret = {};
+	  cssText.replace(styleCommentRE, '').split(listDelimiterRE).forEach(function (item) {
+	    if (item) {
+	      var tmp = item.split(propertyDelimiterRE);
+	      tmp.length > 1 && (ret[tmp[0].trim()] = tmp[1].trim());
+	    }
+	  });
+	  return ret;
+	}
+	function stringifyStyle(styles) {
+	  var ret = '';
+	  if (!styles || isString(styles)) {
+	    return ret;
+	  }
+	  for (var key in styles) {
+	    var value = styles[key];
+	    var normalizedKey = key.startsWith("--") ? key : hyphenate(key);
+	    if (isString(value) || typeof value === 'number') {
+	      // only render valid values
+	      ret += normalizedKey + ":" + value + ";";
+	    }
+	  }
+	  return ret;
+	}
+	function normalizeClass(value) {
+	  var res = '';
+	  if (isString(value)) {
+	    res = value;
+	  } else if (isArray(value)) {
+	    for (var i = 0; i < value.length; i++) {
+	      var normalized = normalizeClass(value[i]);
+	      if (normalized) {
+	        res += normalized + ' ';
+	      }
+	    }
+	  } else if (isObject$1(value)) {
+	    for (var name in value) {
+	      if (value[name]) {
+	        res += name + ' ';
+	      }
+	    }
+	  }
+	  return res.trim();
+	}
+	// https://developer.mozilla.org/en-US/docs/Web/SVG/Element
+	var SVG_TAGS = 'svg,animate,animateMotion,animateTransform,circle,clipPath,color-profile,' + 'defs,desc,discard,ellipse,feBlend,feColorMatrix,feComponentTransfer,' + 'feComposite,feConvolveMatrix,feDiffuseLighting,feDisplacementMap,' + 'feDistanceLight,feDropShadow,feFlood,feFuncA,feFuncB,feFuncG,feFuncR,' + 'feGaussianBlur,feImage,feMerge,feMergeNode,feMorphology,feOffset,' + 'fePointLight,feSpecularLighting,feSpotLight,feTile,feTurbulence,filter,' + 'foreignObject,g,hatch,hatchpath,image,line,linearGradient,marker,mask,' + 'mesh,meshgradient,meshpatch,meshrow,metadata,mpath,path,pattern,' + 'polygon,polyline,radialGradient,rect,set,solidcolor,stop,switch,symbol,' + 'text,textPath,title,tspan,unknown,use,view';
+	var VOID_TAGS = 'area,base,br,col,embed,hr,img,input,link,meta,param,source,track,wbr';
+	/**
+	 * Compiler only.
+	 * Do NOT use in runtime code paths unless behind `("development" !== 'production')` flag.
+	 */
+	var isSVGTag = /*#__PURE__*/makeMap(SVG_TAGS);
+	/**
+	 * Compiler only.
+	 * Do NOT use in runtime code paths unless behind `("development" !== 'production')` flag.
+	 */
+	var isVoidTag = /*#__PURE__*/makeMap(VOID_TAGS);
+
+	/**
+	 * On the client we only need to offer special cases for boolean attributes that
+	 * have different names from their corresponding dom properties:
+	 * - itemscope -> N/A
+	 * - allowfullscreen -> allowFullscreen
+	 * - formnovalidate -> formNoValidate
+	 * - ismap -> isMap
+	 * - nomodule -> noModule
+	 * - novalidate -> noValidate
+	 * - readonly -> readOnly
+	 */
+	var specialBooleanAttrs = "itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly";
+	/**
+	 * The full list is needed during SSR to produce the correct initial markup.
+	 */
+	var isBooleanAttr = /*#__PURE__*/makeMap(specialBooleanAttrs + ",async,autofocus,autoplay,controls,default,defer,disabled,hidden," + "loop,open,required,reversed,scoped,seamless," + "checked,muted,multiple,selected");
+	/**
+	 * Boolean attributes should be included if the value is truthy or ''.
+	 * e.g. `<select multiple>` compiles to `{ multiple: '' }`
+	 */
+	function includeBooleanAttr(value) {
+	  return !!value || value === '';
+	}
+	var unsafeAttrCharRE = /[>/="'\u0009\u000a\u000c\u0020]/;
+	var attrValidationCache = {};
+	function isSSRSafeAttrName(name) {
+	  if (attrValidationCache.hasOwnProperty(name)) {
+	    return attrValidationCache[name];
+	  }
+	  var isUnsafe = unsafeAttrCharRE.test(name);
+	  if (isUnsafe) {
+	    console.error("unsafe attribute name: " + name);
+	  }
+	  return attrValidationCache[name] = !isUnsafe;
+	}
+	var propsToAttrMap = {
+	  acceptCharset: 'accept-charset',
+	  className: 'class',
+	  htmlFor: 'for',
+	  httpEquiv: 'http-equiv'
+	};
+	var escapeRE = /["'&<>]/;
+	function escapeHtml(string) {
+	  var str = '' + string;
+	  var match = escapeRE.exec(str);
+	  if (!match) {
+	    return str;
+	  }
+	  var html = '';
+	  var escaped;
+	  var index;
+	  var lastIndex = 0;
+	  for (index = match.index; index < str.length; index++) {
+	    switch (str.charCodeAt(index)) {
+	      case 34:
+	        // "
+	        escaped = '&quot;';
+	        break;
+	      case 38:
+	        // &
+	        escaped = '&amp;';
+	        break;
+	      case 39:
+	        // '
+	        escaped = '&#39;';
+	        break;
+	      case 60:
+	        // <
+	        escaped = '&lt;';
+	        break;
+	      case 62:
+	        // >
+	        escaped = '&gt;';
+	        break;
+	      default:
+	        continue;
+	    }
+	    if (lastIndex !== index) {
+	      html += str.slice(lastIndex, index);
+	    }
+	    lastIndex = index + 1;
+	    html += escaped;
+	  }
+	  return lastIndex !== index ? html + str.slice(lastIndex, index) : html;
+	}
+	// https://www.w3.org/TR/html52/syntax.html#comments
+	var commentStripRE = /^-?>|<!--|-->|--!>|<!-$/g;
+	function escapeHtmlComment(src) {
+	  return src.replace(commentStripRE, '');
+	}
+	var EMPTY_OBJ =  Object.freeze({}) ;
+	var EMPTY_ARR =  Object.freeze([]) ;
+	var NOOP = function NOOP() {};
+	var onRE = /^on[^a-z]/;
+	var isOn = function isOn(key) {
+	  return onRE.test(key);
+	};
+	var isArray = Array.isArray;
+	var isFunction$1 = function isFunction(val) {
+	  return typeof val === 'function';
+	};
+	var isString = function isString(val) {
+	  return typeof val === 'string';
+	};
+	var isObject$1 = function isObject(val) {
+	  return val !== null && typeof val === 'object';
+	};
+	var isPromise = function isPromise(val) {
+	  return isObject$1(val) && isFunction$1(val.then) && isFunction$1(val["catch"]);
+	};
+	var cacheStringFunction = function cacheStringFunction(fn) {
+	  var cache = Object.create(null);
+	  return function (str) {
+	    var hit = cache[str];
+	    return hit || (cache[str] = fn(str));
 	  };
-	  exports["default"] = fetchGraphQL;
+	};
+	var hyphenateRE = /\B([A-Z])/g;
+	/**
+	 * @private
+	 */
+	var hyphenate = cacheStringFunction(function (str) {
+	  return str.replace(hyphenateRE, '-$1').toLowerCase();
 	});
-	var fetchGraphQL = unwrapExports(graphQL);
 
-	var _excluded$a = ["aggs", "size"],
-	  _excluded2 = ["query"],
-	  _excluded3 = ["query"];
-	var _componentTypeToDefau;
-	var X_SEARCH_CLIENT$1 = 'ReactiveSearch Vue';
-	var componentsWithoutFilters = [constants_1$1.numberBox, constants_1$1.ratingsFilter];
-	var resultComponents = [constants_1$1.reactiveList, constants_1$1.reactiveMap];
-	var componentTypeToDefaultValue = (_componentTypeToDefau = {}, _componentTypeToDefau[constants_1$1.singleList] = '', _componentTypeToDefau[constants_1$1.multiList] = [], _componentTypeToDefau[constants_1$1.singleDataList] = '', _componentTypeToDefau[constants_1$1.singleDropdownList] = '', _componentTypeToDefau[constants_1$1.multiDataList] = [], _componentTypeToDefau[constants_1$1.multiDropdownList] = [], _componentTypeToDefau[constants_1$1.tagCloud] = '', _componentTypeToDefau[constants_1$1.toggleButton] = '', _componentTypeToDefau[constants_1$1.singleDropdownRange] = '', _componentTypeToDefau[constants_1$1.multiDropdownRange] = [], _componentTypeToDefau[constants_1$1.singleRange] = '', _componentTypeToDefau[constants_1$1.multiRange] = [], _componentTypeToDefau);
-	function getValue(state, id, defaultValue, componentType) {
-	  if (state && state[id]) {
-	    try {
-	      // parsing for next.js - since it uses extra set of quotes to wrap params
-	      var parsedValue = JSON.parse(state[id]);
-	      return {
-	        value: parsedValue,
-	        reference: 'URL'
-	      };
-	    } catch (error) {
-	      // using react-dom-server for ssr
-	      return {
-	        value: state[id],
-	        reference: 'URL'
-	      };
+	var _ErrorTypeStrings;
+
+	// leading comma for empty string ""
+	var shouldIgnoreProp = makeMap(",key,ref,innerHTML,textContent,ref_key,ref_for");
+	function ssrRenderAttrs(props, tag) {
+	  var ret = '';
+	  for (var key in props) {
+	    if (shouldIgnoreProp(key) || isOn(key) || tag === 'textarea' && key === 'value') {
+	      continue;
+	    }
+	    var value = props[key];
+	    if (key === 'class') {
+	      ret += " class=\"" + ssrRenderClass(value) + "\"";
+	    } else if (key === 'style') {
+	      ret += " style=\"" + ssrRenderStyle(value) + "\"";
+	    } else {
+	      ret += ssrRenderDynamicAttr(key, value, tag);
 	    }
 	  }
-	  return {
-	    value: defaultValue || componentTypeToDefaultValue[componentType] || null,
-	    reference: 'DEFAULT'
-	  };
+	  return ret;
 	}
-	function parseValue(value, component) {
-	  if (component.source && component.source.parseValue) {
-	    return component.source.parseValue(value, component);
+	// render an attr with dynamic (unknown) key.
+	function ssrRenderDynamicAttr(key, value, tag) {
+	  if (!isRenderableValue(value)) {
+	    return "";
+	  }
+	  var attrKey = tag && (tag.indexOf('-') > 0 || isSVGTag(tag)) ? key // preserve raw name on custom elements and svg
+	  : propsToAttrMap[key] || key.toLowerCase();
+	  if (isBooleanAttr(attrKey)) {
+	    return includeBooleanAttr(value) ? " " + attrKey : "";
+	  } else if (isSSRSafeAttrName(attrKey)) {
+	    return value === '' ? " " + attrKey : " " + attrKey + "=\"" + escapeHtml(value) + "\"";
+	  } else {
+	    console.warn("[@vue/server-renderer] Skipped rendering unsafe attribute name: " + attrKey);
+	    return "";
 	  }
-	  return value;
 	}
-
-	// Returns query DSL with query property and other options
-	function getDefaultQuery(component, value) {
-	  // get custom or default query of sensor components
-	  var currentValue = parseValue(value, component);
-	  // get default query of result components
-	  if (component.defaultQuery) {
-	    var defaultQuery = component.defaultQuery(currentValue, component);
-	    return _extends({
-	      query: helper_22(defaultQuery)
-	    }, helper_23(defaultQuery));
-	  }
-	  return component.source.defaultQuery ? {
-	    query: component.source.defaultQuery(currentValue, component)
-	  } : {};
-	}
-	// Only results the query part
-	function getCustomQuery(component, value) {
-	  // get custom or default query of sensor components
-	  var currentValue = parseValue(value, component);
-	  if (component.customQuery) {
-	    var customQuery = component.customQuery(currentValue, component);
-	    return _extends({
-	      query: helper_22(customQuery)
-	    }, helper_23(customQuery));
+	function isRenderableValue(value) {
+	  if (value == null) {
+	    return false;
 	  }
-	  return component.source.defaultQuery ? {
-	    query: component.source.defaultQuery(currentValue, component)
-	  } : null;
+	  var type = typeof value;
+	  return type === 'string' || type === 'number' || type === 'boolean';
 	}
-	function initReactivesearch(componentCollection, searchState, settings) {
-	  return new Promise(function (resolve, reject) {
-	    var credentials = settings.url && settings.url.trim() !== '' && !settings.credentials ? null : settings.credentials;
-	    var enableTelemetry = settings.reactivesearchAPIConfig && settings.reactivesearchAPIConfig.enableTelemetry !== undefined ? settings.reactivesearchAPIConfig.enableTelemetry : true;
-	    var headers = _extends({}, _extends({
-	      'X-Search-Client': X_SEARCH_CLIENT$1
-	    }, enableTelemetry === false && {
-	      'X-Enable-Telemetry': false
-	    }), settings.headers, settings.endpoint && settings.endpoint.headers ? settings.endpoint.headers : {});
-	    var url = settings.url && settings.url.trim() !== '' ? settings.url : 'https://scalr.api.appbase.io';
-	    var transformRequest = settings.transformRequest || null;
-	    if (settings.endpoint) {
-	      if (settings.endpoint.url) {
-	        // eslint-disable-next-line prefer-destructuring
-	        url = settings.endpoint.url;
-	      }
-	      transformRequest = function transformRequest(request) {
-	        var modifiedRequest = helper_1(request, settings.endpoint);
-	        if (settings.transformRequest) {
-	          return settings.transformRequest(modifiedRequest);
-	        }
-	        return modifiedRequest;
-	      };
-	    }
-	    var config = {
-	      url: url,
-	      app: settings.app,
-	      credentials: credentials,
-	      transformRequest: transformRequest,
-	      type: settings.type ? settings.type : '*',
-	      transformResponse: settings.transformResponse || null,
-	      graphQLUrl: settings.graphQLUrl || '',
-	      headers: headers,
-	      analyticsConfig: settings.reactivesearchAPIConfig || null,
-	      enableAppbase: true,
-	      endpoint: settings.endpoint
-	    };
-	    var appbaseRef = appbasejs(config);
-	    if (config.transformRequest) {
-	      appbaseRef.transformRequest = config.transformRequest;
+	function ssrRenderClass(raw) {
+	  return escapeHtml(normalizeClass(raw));
+	}
+	function ssrRenderStyle(raw) {
+	  if (!raw) {
+	    return '';
+	  }
+	  if (isString(raw)) {
+	    return escapeHtml(raw);
+	  }
+	  var styles = normalizeStyle(raw);
+	  return escapeHtml(stringifyStyle(styles));
+	}
+	function ssrCompile(template, instance) {
+	  {
+	    throw new Error("On-the-fly template compilation is not supported in the ESM build of " + "@vue/server-renderer. All templates must be pre-compiled into " + "render functions.");
+	  }
+	}
+	function ssrRenderTeleport(parentPush, contentRenderFn, target, disabled, parentComponent) {
+	  parentPush('<!--teleport start-->');
+	  var context = parentComponent.appContext.provides[vue.ssrContextKey];
+	  var teleportBuffers = context.__teleportBuffers || (context.__teleportBuffers = {});
+	  var targetBuffer = teleportBuffers[target] || (teleportBuffers[target] = []);
+	  // record current index of the target buffer to handle nested teleports
+	  // since the parent needs to be rendered before the child
+	  var bufferIndex = targetBuffer.length;
+	  var teleportContent;
+	  if (disabled) {
+	    contentRenderFn(parentPush);
+	    teleportContent = "<!--teleport anchor-->";
+	  } else {
+	    var _createBuffer2 = createBuffer(),
+	      getBuffer = _createBuffer2.getBuffer,
+	      push = _createBuffer2.push;
+	    contentRenderFn(push);
+	    push("<!--teleport anchor-->");
+	    teleportContent = getBuffer();
+	  }
+	  targetBuffer.splice(bufferIndex, 0, teleportContent);
+	  parentPush('<!--teleport end-->');
+	}
+	var createComponentInstance = vue.ssrUtils.createComponentInstance,
+	  setCurrentRenderingInstance = vue.ssrUtils.setCurrentRenderingInstance,
+	  setupComponent = vue.ssrUtils.setupComponent,
+	  renderComponentRoot = vue.ssrUtils.renderComponentRoot,
+	  normalizeVNode = vue.ssrUtils.normalizeVNode;
+	// Each component has a buffer array.
+	// A buffer array can contain one of the following:
+	// - plain string
+	// - A resolved buffer (recursive arrays of strings that can be unrolled
+	//   synchronously)
+	// - An async buffer (a Promise that resolves to a resolved buffer)
+	function createBuffer() {
+	  var appendable = false;
+	  var buffer = [];
+	  return {
+	    getBuffer: function getBuffer() {
+	      // Return static buffer and await on items during unroll stage
+	      return buffer;
+	    },
+	    push: function push(item) {
+	      var isStringItem = isString(item);
+	      if (appendable && isStringItem) {
+	        buffer[buffer.length - 1] += item;
+	      } else {
+	        buffer.push(item);
+	      }
+	      appendable = isStringItem;
+	      if (isPromise(item) || isArray(item) && item.hasAsync) {
+	        // promise, or child buffer with async, mark as async.
+	        // this allows skipping unnecessary await ticks during unroll stage
+	        buffer.hasAsync = true;
+	      }
 	    }
-	    if (config.transformResponse) {
-	      appbaseRef.transformResponse = config.transformResponse;
+	  };
+	}
+	function renderComponentVNode(vnode, parentComponent, slotScopeId) {
+	  if (parentComponent === void 0) {
+	    parentComponent = null;
+	  }
+	  var instance = createComponentInstance(vnode, parentComponent, null);
+	  var res = setupComponent(instance, true /* isSSR */);
+	  var hasAsyncSetup = isPromise(res);
+	  var prefetches = instance.sp; /* LifecycleHooks.SERVER_PREFETCH */
+	  if (hasAsyncSetup || prefetches) {
+	    var p = hasAsyncSetup ? res : Promise.resolve();
+	    if (prefetches) {
+	      p = p.then(function () {
+	        return Promise.all(prefetches.map(function (prefetch) {
+	          return prefetch.call(instance.proxy);
+	        }));
+	      })
+	      // Note: error display is already done by the wrapped lifecycle hook function.
+	      ["catch"](function () {});
 	    }
-	    var components = [];
-	    var selectedValues = {};
-	    var internalValues = {};
-	    var queryList = {};
-	    var queryLog = {};
-	    var queryOptions = {};
-	    var dependencyTree = {};
-	    var finalQuery = [];
-	    var appbaseQuery = {}; // Use object to prevent duplicate query added by react prop
-	    var orderOfQueries = [];
-	    var hits = {};
-	    var aggregations = {};
-	    var compositeAggregations = {};
-	    var state = {};
-	    var customQueries = {};
-	    var defaultQueries = {};
-	    var componentProps = {};
-	    componentCollection.forEach(function (component) {
-	      var componentType = component.source.componentType;
-	      components = [].concat(components, [component.componentId]);
-	      // Set component props
-	      var compProps = {};
-	      Object.keys(component).forEach(function (key) {
-	        if (constants_3$1.includes(key)) {
-	          compProps[key] = component[key];
+	    return p.then(function () {
+	      return renderComponentSubTree(instance, slotScopeId);
+	    });
+	  } else {
+	    return renderComponentSubTree(instance, slotScopeId);
+	  }
+	}
+	function renderComponentSubTree(instance, slotScopeId) {
+	  var comp = instance.type;
+	  var _createBuffer = createBuffer(),
+	    getBuffer = _createBuffer.getBuffer,
+	    push = _createBuffer.push;
+	  if (isFunction$1(comp)) {
+	    var root = renderComponentRoot(instance);
+	    // #5817 scope ID attrs not falling through if functional component doesn't
+	    // have props
+	    if (!comp.props) {
+	      for (var key in instance.attrs) {
+	        if (key.startsWith("data-v-")) {
+	          (root.props || (root.props = {}))[key] = "";
+	        }
+	      }
+	    }
+	    renderVNode(push, instance.subTree = root, instance, slotScopeId);
+	  } else {
+	    if ((!instance.render || instance.render === NOOP) && !instance.ssrRender && !comp.ssrRender && isString(comp.template)) {
+	      comp.ssrRender = ssrCompile(comp.template);
+	    }
+	    // perf: enable caching of computed getters during render
+	    // since there cannot be state mutations during render.
+	    for (var _iterator = _createForOfIteratorHelperLoose(instance.scope.effects), _step; !(_step = _iterator()).done;) {
+	      var e = _step.value;
+	      if (e.computed) e.computed._cacheable = true;
+	    }
+	    var ssrRender = instance.ssrRender || comp.ssrRender;
+	    if (ssrRender) {
+	      // optimized
+	      // resolve fallthrough attrs
+	      var attrs = instance.inheritAttrs !== false ? instance.attrs : undefined;
+	      var hasCloned = false;
+	      var cur = instance;
+	      while (true) {
+	        var scopeId = cur.vnode.scopeId;
+	        if (scopeId) {
+	          if (!hasCloned) {
+	            attrs = _extends({}, attrs);
+	            hasCloned = true;
+	          }
+	          attrs[scopeId] = '';
 	        }
-	      });
-	      var isInternalComponentPresent = false;
-	      if (component.source.hasInternalComponent) {
-	        isInternalComponentPresent = component.source.hasInternalComponent(component);
-	      }
-	      var isResultComponent = resultComponents.includes(componentType);
-	      var internalComponent = component.componentId + "__internal";
-	      var label = component.filterLabel || component.componentId;
-	      var _getValue = getValue(searchState, component.componentId, component.value || component.defaultValue, componentType),
-	        value = _getValue.value,
-	        reference = _getValue.reference;
-	      // [1] set selected values
-	      var showFilter = component.showFilter !== undefined ? component.showFilter : true;
-	      if (componentsWithoutFilters.includes(componentType)) {
-	        showFilter = false;
-	      }
-	      selectedValues = valueReducer(selectedValues, {
-	        type: 'SET_VALUE',
-	        component: component.componentId,
-	        label: label,
-	        value: value,
-	        reference: reference,
-	        showFilter: showFilter,
-	        URLParams: component.URLParams || false
-	      });
-	      // Set custom and default queries
-	      if (component.customQuery && typeof component.customQuery === 'function') {
-	        customQueries[component.componentId] = component.customQuery(value, compProps);
+	        var parent = cur.parent;
+	        if (parent && parent.subTree && parent.subTree === cur.vnode) {
+	          // parent is a non-SSR compiled component and is rendering this
+	          // component as root. inherit its scopeId if present.
+	          cur = parent;
+	        } else {
+	          break;
+	        }
+	      }
+	      if (slotScopeId) {
+	        if (!hasCloned) attrs = _extends({}, attrs);
+	        attrs[slotScopeId.trim()] = '';
 	      }
-	      if (component.defaultQuery && typeof component.defaultQuery === 'function') {
-	        defaultQueries[component.componentId] = component.defaultQuery(value, compProps);
+	      // set current rendering instance for asset resolution
+	      var prev = setCurrentRenderingInstance(instance);
+	      try {
+	        ssrRender(instance.proxy, push, instance, attrs,
+	        // compiler-optimized bindings
+	        instance.props, instance.setupState, instance.data, instance.ctx);
+	      } finally {
+	        setCurrentRenderingInstance(prev);
 	      }
-	      var componentQueryOptions = {};
-	      // [2] set query options - main component query (valid for result components)
-	      if (component && component.source.generateQueryOptions) {
-	        componentQueryOptions = _extends({}, componentQueryOptions, component.source.generateQueryOptions(component));
+	    } else if (instance.render && instance.render !== NOOP) {
+	      renderVNode(push, instance.subTree = renderComponentRoot(instance), instance, slotScopeId);
+	    } else {
+	      var componentName = comp.name || comp.__file || "<Anonymous>";
+	      vue.warn("Component " + componentName + " is missing template or render function.");
+	      push("<!---->");
+	    }
+	  }
+	  return getBuffer();
+	}
+	function renderVNode(push, vnode, parentComponent, slotScopeId) {
+	  var type = vnode.type,
+	    shapeFlag = vnode.shapeFlag,
+	    children = vnode.children;
+	  switch (type) {
+	    case vue.Text:
+	      push(escapeHtml(children));
+	      break;
+	    case vue.Comment:
+	      push(children ? "<!--" + escapeHtmlComment(children) + "-->" : "<!---->");
+	      break;
+	    case vue.Static:
+	      push(children);
+	      break;
+	    case vue.Fragment:
+	      if (vnode.slotScopeIds) {
+	        slotScopeId = (slotScopeId ? slotScopeId + ' ' : '') + vnode.slotScopeIds.join(' ');
 	      }
-	      var highlightQuery = {};
-	      if (component.source.highlightQuery) {
-	        highlightQuery = component.source.highlightQuery(component);
+	      push("<!--[-->"); // open
+	      renderVNodeChildren(push, children, parentComponent, slotScopeId);
+	      push("<!--]-->"); // close
+	      break;
+	    default:
+	      if (shapeFlag & 1 /* ShapeFlags.ELEMENT */) {
+	        renderElementVNode(push, vnode, parentComponent, slotScopeId);
+	      } else if (shapeFlag & 6 /* ShapeFlags.COMPONENT */) {
+	        push(renderComponentVNode(vnode, parentComponent, slotScopeId));
+	      } else if (shapeFlag & 64 /* ShapeFlags.TELEPORT */) {
+	        renderTeleportVNode(push, vnode, parentComponent, slotScopeId);
+	      } else if (shapeFlag & 128 /* ShapeFlags.SUSPENSE */) {
+	        renderVNode(push, vnode.ssContent, parentComponent, slotScopeId);
+	      } else {
+	        vue.warn('[@vue/server-renderer] Invalid VNode type:', type, "(" + typeof type + ")");
 	      }
-	      if (componentQueryOptions && Object.keys(componentQueryOptions).length || highlightQuery && Object.keys(highlightQuery).length) {
-	        // eslint-disable-next-line
-	        var _ref = componentQueryOptions || {},
-	          aggs = _ref.aggs,
-	          size = _ref.size,
-	          otherQueryOptions = _objectWithoutPropertiesLoose(_ref, _excluded$a);
-	        if (aggs && Object.keys(aggs).length) {
-	          isInternalComponentPresent = true;
-	          componentQueryOptions = _extends({}, componentQueryOptions, {
-	            aggs: aggs,
-	            size: typeof size === 'undefined' ? 100 : size
-	          });
-	        }
-
-	        // sort, highlight, size, from - query should be applied on the main component
-	        if (otherQueryOptions && Object.keys(otherQueryOptions).length || highlightQuery && Object.keys(highlightQuery).length) {
-	          if (!otherQueryOptions) otherQueryOptions = {};
-	          if (!highlightQuery) highlightQuery = {};
-	          var mainQueryOptions = _extends({}, otherQueryOptions, highlightQuery, {
-	            size: size
-	          });
-	          if (isInternalComponentPresent) {
-	            mainQueryOptions = _extends({}, otherQueryOptions, highlightQuery);
+	  }
+	}
+	function renderVNodeChildren(push, children, parentComponent, slotScopeId) {
+	  for (var i = 0; i < children.length; i++) {
+	    renderVNode(push, normalizeVNode(children[i]), parentComponent, slotScopeId);
+	  }
+	}
+	function renderElementVNode(push, vnode, parentComponent, slotScopeId) {
+	  var tag = vnode.type;
+	  var props = vnode.props,
+	    children = vnode.children,
+	    shapeFlag = vnode.shapeFlag,
+	    scopeId = vnode.scopeId,
+	    dirs = vnode.dirs;
+	  var openTag = "<" + tag;
+	  if (dirs) {
+	    props = applySSRDirectives(vnode, props, dirs);
+	  }
+	  if (props) {
+	    openTag += ssrRenderAttrs(props, tag);
+	  }
+	  if (scopeId) {
+	    openTag += " " + scopeId;
+	  }
+	  // inherit parent chain scope id if this is the root node
+	  var curParent = parentComponent;
+	  var curVnode = vnode;
+	  while (curParent && curVnode === curParent.subTree) {
+	    curVnode = curParent.vnode;
+	    if (curVnode.scopeId) {
+	      openTag += " " + curVnode.scopeId;
+	    }
+	    curParent = curParent.parent;
+	  }
+	  if (slotScopeId) {
+	    openTag += " " + slotScopeId;
+	  }
+	  push(openTag + ">");
+	  if (!isVoidTag(tag)) {
+	    var hasChildrenOverride = false;
+	    if (props) {
+	      if (props.innerHTML) {
+	        hasChildrenOverride = true;
+	        push(props.innerHTML);
+	      } else if (props.textContent) {
+	        hasChildrenOverride = true;
+	        push(escapeHtml(props.textContent));
+	      } else if (tag === 'textarea' && props.value) {
+	        hasChildrenOverride = true;
+	        push(escapeHtml(props.value));
+	      }
+	    }
+	    if (!hasChildrenOverride) {
+	      if (shapeFlag & 8 /* ShapeFlags.TEXT_CHILDREN */) {
+	        push(escapeHtml(children));
+	      } else if (shapeFlag & 16 /* ShapeFlags.ARRAY_CHILDREN */) {
+	        renderVNodeChildren(push, children, parentComponent, slotScopeId);
+	      }
+	    }
+	    push("</" + tag + ">");
+	  }
+	}
+	function applySSRDirectives(vnode, rawProps, dirs) {
+	  var toMerge = [];
+	  for (var i = 0; i < dirs.length; i++) {
+	    var binding = dirs[i];
+	    var getSSRProps = binding.dir.getSSRProps;
+	    if (getSSRProps) {
+	      var props = getSSRProps(binding, vnode);
+	      if (props) toMerge.push(props);
+	    }
+	  }
+	  return vue.mergeProps.apply(void 0, [rawProps || {}].concat(toMerge));
+	}
+	function renderTeleportVNode(push, vnode, parentComponent, slotScopeId) {
+	  var target = vnode.props && vnode.props.to;
+	  var disabled = vnode.props && vnode.props.disabled;
+	  if (!target) {
+	    if (!disabled) {
+	      vue.warn("[@vue/server-renderer] Teleport is missing target prop.");
+	    }
+	    return [];
+	  }
+	  if (!isString(target)) {
+	    vue.warn("[@vue/server-renderer] Teleport target must be a query selector string.");
+	    return [];
+	  }
+	  ssrRenderTeleport(push, function (push) {
+	    renderVNodeChildren(push, vnode.children, parentComponent, slotScopeId);
+	  }, target, disabled || disabled === '', parentComponent);
+	}
+	var isVNode = vue.ssrUtils.isVNode;
+	function unrollBuffer(_x) {
+	  return _unrollBuffer.apply(this, arguments);
+	}
+	function _unrollBuffer() {
+	  _unrollBuffer = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(buffer) {
+	    var ret, i, item;
+	    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+	      while (1) switch (_context2.prev = _context2.next) {
+	        case 0:
+	          if (!buffer.hasAsync) {
+	            _context2.next = 23;
+	            break;
+	          }
+	          ret = '';
+	          i = 0;
+	        case 3:
+	          if (!(i < buffer.length)) {
+	            _context2.next = 20;
+	            break;
+	          }
+	          item = buffer[i];
+	          if (!isPromise(item)) {
+	            _context2.next = 9;
+	            break;
+	          }
+	          _context2.next = 8;
+	          return item;
+	        case 8:
+	          item = _context2.sent;
+	        case 9:
+	          if (!isString(item)) {
+	            _context2.next = 13;
+	            break;
+	          }
+	          ret += item;
+	          _context2.next = 17;
+	          break;
+	        case 13:
+	          _context2.t0 = ret;
+	          _context2.next = 16;
+	          return unrollBuffer(item);
+	        case 16:
+	          ret = _context2.t0 += _context2.sent;
+	        case 17:
+	          i++;
+	          _context2.next = 3;
+	          break;
+	        case 20:
+	          return _context2.abrupt("return", ret);
+	        case 23:
+	          return _context2.abrupt("return", unrollBufferSync(buffer));
+	        case 24:
+	        case "end":
+	          return _context2.stop();
+	      }
+	    }, _callee2);
+	  }));
+	  return _unrollBuffer.apply(this, arguments);
+	}
+	function unrollBufferSync(buffer) {
+	  var ret = '';
+	  for (var i = 0; i < buffer.length; i++) {
+	    var item = buffer[i];
+	    if (isString(item)) {
+	      ret += item;
+	    } else {
+	      // since this is a sync buffer, child buffers are never promises
+	      ret += unrollBufferSync(item);
+	    }
+	  }
+	  return ret;
+	}
+	function renderToString(_x2, _x3) {
+	  return _renderToString.apply(this, arguments);
+	}
+	function _renderToString() {
+	  _renderToString = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(input, context) {
+	    var vnode, buffer, result, _iterator3, _step3, unwatch;
+	    return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+	      while (1) switch (_context3.prev = _context3.next) {
+	        case 0:
+	          if (context === void 0) {
+	            context = {};
+	          }
+	          if (!isVNode(input)) {
+	            _context3.next = 3;
+	            break;
 	          }
-	          if (isResultComponent) {
-	            var currentPage = component.currentPage ? component.currentPage - 1 : 0;
-	            if (selectedValues[component.componentId] && selectedValues[component.componentId].value) {
-	              currentPage = selectedValues[component.componentId].value - 1 || 0;
+	          return _context3.abrupt("return", renderToString(vue.createApp({
+	            render: function render() {
+	              return input;
+	            }
+	          }), context));
+	        case 3:
+	          // rendering an app
+	          vnode = vue.createVNode(input._component, input._props);
+	          vnode.appContext = input._context;
+	          // provide the ssr context to the tree
+	          input.provide(vue.ssrContextKey, context);
+	          _context3.next = 8;
+	          return renderComponentVNode(vnode);
+	        case 8:
+	          buffer = _context3.sent;
+	          _context3.next = 11;
+	          return unrollBuffer(buffer);
+	        case 11:
+	          result = _context3.sent;
+	          _context3.next = 14;
+	          return resolveTeleports(context);
+	        case 14:
+	          if (context.__watcherHandles) {
+	            for (_iterator3 = _createForOfIteratorHelperLoose(context.__watcherHandles); !(_step3 = _iterator3()).done;) {
+	              unwatch = _step3.value;
+	              unwatch();
 	            }
-	            var resultSize = component.size || 10;
-	            var from = currentPage * resultSize;
-	            // Update props for RS API
-	            compProps.from = from;
-	            mainQueryOptions = _extends({}, mainQueryOptions, highlightQuery, {
-	              size: resultSize,
-	              from: from
-	            });
 	          }
-	          componentQueryOptions = _extends({}, componentQueryOptions, mainQueryOptions);
-	        }
-	      }
-	      // [3] set dependency tree
-	      if (component.react || isInternalComponentPresent || isResultComponent) {
-	        var react = component.react;
-	        if (isInternalComponentPresent || isResultComponent) {
-	          react = helper_38(react, internalComponent);
-	        }
-	        dependencyTree = dependencyTreeReducer(dependencyTree, {
-	          type: 'WATCH_COMPONENT',
-	          component: component.componentId,
-	          react: react
-	        });
+	          return _context3.abrupt("return", result);
+	        case 16:
+	        case "end":
+	          return _context3.stop();
 	      }
-	      // [4] set query list
-	      // Do not set default query for suggestions
-	      if (isInternalComponentPresent && !transform_8(component.componentType)) {
-	        var _ref2 = getDefaultQuery(component, value) || {},
-	          defaultQuery = _ref2.query,
-	          defaultQueryOptions = _objectWithoutPropertiesLoose(_ref2, _excluded2);
-	        queryList = queryReducer(queryList, {
-	          type: 'SET_QUERY',
-	          component: internalComponent,
-	          query: defaultQuery
-	        });
-	        queryOptions = queryOptionsReducer(queryOptions, {
-	          type: 'SET_QUERY_OPTIONS',
-	          component: internalComponent,
-	          options: _extends({}, componentQueryOptions, defaultQueryOptions)
-	        });
+	    }, _callee3);
+	  }));
+	  return _renderToString.apply(this, arguments);
+	}
+	function resolveTeleports(_x4) {
+	  return _resolveTeleports.apply(this, arguments);
+	}
+	function _resolveTeleports() {
+	  _resolveTeleports = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(context) {
+	    var key;
+	    return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+	      while (1) switch (_context4.prev = _context4.next) {
+	        case 0:
+	          if (!context.__teleportBuffers) {
+	            _context4.next = 14;
+	            break;
+	          }
+	          context.teleports = context.teleports || {};
+	          _context4.t0 = _regeneratorRuntime().keys(context.__teleportBuffers);
+	        case 3:
+	          if ((_context4.t1 = _context4.t0()).done) {
+	            _context4.next = 14;
+	            break;
+	          }
+	          key = _context4.t1.value;
+	          _context4.t2 = unrollBuffer;
+	          _context4.next = 8;
+	          return Promise.all([context.__teleportBuffers[key]]);
+	        case 8:
+	          _context4.t3 = _context4.sent;
+	          _context4.next = 11;
+	          return (0, _context4.t2)(_context4.t3);
+	        case 11:
+	          context.teleports[key] = _context4.sent;
+	          _context4.next = 3;
+	          break;
+	        case 14:
+	        case "end":
+	          return _context4.stop();
 	      }
-	      var _ref3 = getCustomQuery(component, value) || {},
-	        query = _ref3.query,
-	        options = _objectWithoutPropertiesLoose(_ref3, _excluded3);
-	      var customQuery = query;
-	      // set custom query for main component
-	      queryList = queryReducer(queryList, {
-	        type: 'SET_QUERY',
-	        component: component.componentId,
-	        query: customQuery
-	      });
-	      queryOptions = queryOptionsReducer(queryOptions, {
-	        type: 'SET_QUERY_OPTIONS',
-	        component: component.componentId,
-	        options: _extends({}, options)
-	      });
-	      // Set component type in component props
-	      compProps.componentType = componentType;
-	      componentProps[component.componentId] = compProps;
-	    });
-	    state = {
-	      components: components,
-	      dependencyTree: dependencyTree,
-	      queryList: queryList,
-	      queryOptions: queryOptions,
-	      selectedValues: selectedValues,
-	      internalValues: internalValues,
-	      props: componentProps,
-	      customQueries: customQueries,
-	      defaultQueries: defaultQueries
+	    }, _callee4);
+	  }));
+	  return _resolveTeleports.apply(this, arguments);
+	}
+	var isVNode$1 = vue.ssrUtils.isVNode;
+	var ErrorTypeStrings = (_ErrorTypeStrings = {}, _ErrorTypeStrings["sp" /* LifecycleHooks.SERVER_PREFETCH */] = 'serverPrefetch hook', _ErrorTypeStrings["bc" /* LifecycleHooks.BEFORE_CREATE */] = 'beforeCreate hook', _ErrorTypeStrings["c" /* LifecycleHooks.CREATED */] = 'created hook', _ErrorTypeStrings["bm" /* LifecycleHooks.BEFORE_MOUNT */] = 'beforeMount hook', _ErrorTypeStrings["m" /* LifecycleHooks.MOUNTED */] = 'mounted hook', _ErrorTypeStrings["bu" /* LifecycleHooks.BEFORE_UPDATE */] = 'beforeUpdate hook', _ErrorTypeStrings["u" /* LifecycleHooks.UPDATED */] = 'updated', _ErrorTypeStrings["bum" /* LifecycleHooks.BEFORE_UNMOUNT */] = 'beforeUnmount hook', _ErrorTypeStrings["um" /* LifecycleHooks.UNMOUNTED */] = 'unmounted hook', _ErrorTypeStrings["a" /* LifecycleHooks.ACTIVATED */] = 'activated hook', _ErrorTypeStrings["da" /* LifecycleHooks.DEACTIVATED */] = 'deactivated hook', _ErrorTypeStrings["ec" /* LifecycleHooks.ERROR_CAPTURED */] = 'errorCaptured hook', _ErrorTypeStrings["rtc" /* LifecycleHooks.RENDER_TRACKED */] = 'renderTracked hook', _ErrorTypeStrings["rtg" /* LifecycleHooks.RENDER_TRIGGERED */] = 'renderTriggered hook', _ErrorTypeStrings[0 /* ErrorCodes.SETUP_FUNCTION */] = 'setup function', _ErrorTypeStrings[1 /* ErrorCodes.RENDER_FUNCTION */] = 'render function', _ErrorTypeStrings[2 /* ErrorCodes.WATCH_GETTER */] = 'watcher getter', _ErrorTypeStrings[3 /* ErrorCodes.WATCH_CALLBACK */] = 'watcher callback', _ErrorTypeStrings[4 /* ErrorCodes.WATCH_CLEANUP */] = 'watcher cleanup function', _ErrorTypeStrings[5 /* ErrorCodes.NATIVE_EVENT_HANDLER */] = 'native event handler', _ErrorTypeStrings[6 /* ErrorCodes.COMPONENT_EVENT_HANDLER */] = 'component event handler', _ErrorTypeStrings[7 /* ErrorCodes.VNODE_HOOK */] = 'vnode hook', _ErrorTypeStrings[8 /* ErrorCodes.DIRECTIVE_HOOK */] = 'directive hook', _ErrorTypeStrings[9 /* ErrorCodes.TRANSITION_HOOK */] = 'transition hook', _ErrorTypeStrings[10 /* ErrorCodes.APP_ERROR_HANDLER */] = 'app errorHandler', _ErrorTypeStrings[11 /* ErrorCodes.APP_WARN_HANDLER */] = 'app warnHandler', _ErrorTypeStrings[12 /* ErrorCodes.FUNCTION_REF */] = 'ref function', _ErrorTypeStrings[13 /* ErrorCodes.ASYNC_COMPONENT_LOADER */] = 'async component loader', _ErrorTypeStrings[14 /* ErrorCodes.SCHEDULER */] = 'scheduler flush. This is likely a Vue internals bug. ' + 'Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/core', _ErrorTypeStrings);
+	vue.initDirectivesForSSR();
+
+	var componentTypes = {
+	  reactiveList: 'REACTIVELIST',
+	  // search components
+	  dataSearch: 'DATASEARCH',
+	  categorySearch: 'CATEGORYSEARCH',
+	  searchBox: 'SEARCHBOX',
+	  // list components
+	  singleList: 'SINGLELIST',
+	  multiList: 'MULTILIST',
+	  singleDataList: 'SINGLEDATALIST',
+	  tabDataList: 'TABDATALIST',
+	  singleDropdownList: 'SINGLEDROPDOWNLIST',
+	  multiDataList: 'MULTIDATALIST',
+	  multiDropdownList: 'MULTIDROPDOWNLIST',
+	  singleDropdownRange: 'SINGLEDROPDOWNRANGE',
+	  treeList: 'TREELIST',
+	  // basic components
+	  numberBox: 'NUMBERBOX',
+	  tagCloud: 'TAGCLOUD',
+	  toggleButton: 'TOGGLEBUTTON',
+	  reactiveComponent: 'REACTIVECOMPONENT',
+	  // range components
+	  datePicker: 'DATEPICKER',
+	  dateRange: 'DATERANGE',
+	  dynamicRangeSlider: 'DYNAMICRANGESLIDER',
+	  multiDropdownRange: 'MULTIDROPDOWNRANGE',
+	  singleRange: 'SINGLERANGE',
+	  multiRange: 'MULTIRANGE',
+	  rangeSlider: 'RANGESLIDER',
+	  ratingsFilter: 'RATINGSFILTER',
+	  rangeInput: 'RANGEINPUT',
+	  // map components
+	  geoDistanceDropdown: 'GEO_DISTANCE_DROPDOWN',
+	  geoDistanceSlider: 'GEO_DISTANCE_SLIDER',
+	  reactiveMap: 'REACTIVE_MAP',
+	  // chart components
+	  reactiveChart: 'REACTIVE_CHART'
+	};
+	var queryTypes = {
+	  search: 'search',
+	  term: 'term',
+	  range: 'range',
+	  geo: 'geo',
+	  suggestion: 'suggestion'
+	};
+
+	var REMOVE_COMPONENT = 'REMOVE_COMPONENT';
+	var PATCH_VALUE = 'PATCH_VALUE';
+	var CLEAR_VALUES = 'CLEAR_VALUES';
+	var SET_VALUE = 'SET_VALUE';
+	var SET_VALUES = 'SET_VALUES';
+	var RESET_TO_DEFAULT = 'RESET_TO_DEFAULT';
+
+	var dateFormats = {
+	  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'
+	};
+
+	var _componentTypeToDefau;
+	function getOperation(conjunction) {
+	  if (conjunction === 'and') {
+	    return 'must';
+	  }
+	  if (conjunction === 'or') {
+	    return 'should';
+	  }
+	  return 'must_not';
+	}
+	function createBoolQuery(operation, query) {
+	  var resultQuery = null;
+	  if (Array.isArray(query) && query.length || !Array.isArray(query) && query) {
+	    var _bool;
+	    resultQuery = {
+	      bool: (_bool = {}, _bool[operation] = query, _bool)
 	    };
-	    // [5] Generate finalQuery for search
-	    componentCollection.forEach(function (component) {
-	      // eslint-disable-next-line
-	      var _buildQuery = helper_37(component.componentId, dependencyTree, queryList, queryOptions),
-	        queryObj = _buildQuery.queryObj,
-	        options = _buildQuery.options;
-	      var componentQueryOptions = options;
-	      var validOptions = ['aggs', 'from', 'sort'];
-	      // check if query or componentQueryOptions are valid - non-empty
-	      if (queryObj && !!Object.keys(queryObj).length || componentQueryOptions && Object.keys(componentQueryOptions).some(function (item) {
-	        return validOptions.includes(item);
-	      })) {
-	        var _extends2;
-	        if (!queryObj || queryObj && !Object.keys(queryObj).length) {
-	          queryObj = {
-	            match_all: {}
-	          };
-	        }
-	        orderOfQueries = [].concat(orderOfQueries, [component.componentId]);
-	        var currentQuery = _extends({
-	          query: _extends({}, queryObj)
-	        }, componentQueryOptions, queryOptions[component.componentId]);
-	        queryLog = _extends({}, queryLog, (_extends2 = {}, _extends2[component.componentId] = currentQuery, _extends2));
-	        var query = transform_5(component.componentId, transform_3(state, component.componentId, queryOptions && Object.keys(queryOptions[component.componentId]).length ? {
-	          from: queryOptions[component.componentId].from
-	        } : null));
-	        if (query) {
-	          var _extends3;
-	          // Apply dependent queries
-	          appbaseQuery = _extends({}, appbaseQuery, (_extends3 = {}, _extends3[component.componentId] = query, _extends3), transform_2(state, component.componentId, orderOfQueries));
+	  }
+	  if (operation === 'should' && resultQuery) {
+	    resultQuery = {
+	      bool: _extends({}, resultQuery.bool, {
+	        minimum_should_match: 1
+	      })
+	    };
+	  }
+	  return resultQuery;
+	}
+	function getQuery(react, queryList) {
+	  var query = [];
+	  Object.keys(react).forEach(function (conjunction) {
+	    if (Array.isArray(react[conjunction])) {
+	      var operation = getOperation(conjunction);
+	      var queryArr = react[conjunction].map(function (comp) {
+	        if (typeof comp !== 'string') {
+	          // in this case, we have { <conjunction>: <> } objects inside the array
+	          return getQuery(comp, queryList);
+	        } else if (comp in queryList) {
+	          if (queryList[comp] && Object.keys(queryList[comp]).length) {
+	            return queryList[comp];
+	          }
 	        }
+	        return null;
+	      }).filter(function (item) {
+	        return !!item;
+	      });
+	      var boolQuery = createBoolQuery(operation, queryArr);
+	      if (boolQuery && Object.keys(boolQuery).length) {
+	        query = [].concat(query, [boolQuery]);
 	      }
-	    });
-	    state.queryLog = queryLog;
-	    var handleTransformResponse = function handleTransformResponse(res, component) {
-	      if (config.transformResponse && typeof config.transformResponse === 'function') {
-	        return config.transformResponse(res, component);
+	    } else if (typeof react[conjunction] === 'string') {
+	      var _operation = getOperation(conjunction);
+	      var _boolQuery = createBoolQuery(_operation, queryList[react[conjunction]]);
+	      if (_boolQuery && Object.keys(_boolQuery).length) {
+	        query = [].concat(query, [_boolQuery]);
 	      }
-	      return new Promise(function (resolveTransformResponse) {
-	        return resolveTransformResponse(res);
-	      });
-	    };
-	    var handleResponse = function handleResponse(res) {
-	      var allPromises = orderOfQueries.map(function (component, index) {
-	        return new Promise(function (responseResolve, responseReject) {
-	          handleTransformResponse(res.responses[index], component).then(function (response) {
-	            var _extends5;
-	            if (response.aggregations) {
-	              var _extends4;
-	              aggregations = _extends({}, aggregations, (_extends4 = {}, _extends4[component] = response.aggregations, _extends4));
-	              compositeAggregations = compositeAggsReducer(compositeAggregations, {
-	                type: constants_10,
-	                aggregations: response.aggregations,
-	                append: false
-	              });
-	            }
-	            hits = _extends({}, hits, (_extends5 = {}, _extends5[component] = {
-	              hits: response.hits.hits,
-	              total: typeof response.hits.total === 'object' ? response.hits.total.value : response.hits.total,
-	              time: response.took
-	            }, _extends5));
-	            responseResolve();
-	          })["catch"](function (err) {
-	            return responseReject(err);
+	    } else if (typeof react[conjunction] === 'object' && react[conjunction] !== null) {
+	      var _boolQuery2 = getQuery(react[conjunction], queryList);
+	      if (_boolQuery2 && Object.keys(_boolQuery2).length) {
+	        query = [].concat(query, [_boolQuery2]);
+	      }
+	    }
+	  });
+	  if (Array.isArray(query) && query.length) {
+	    return {
+	      bool: {
+	        must: query
+	      }
+	    };
+	  }
+	  if (query && Object.keys(query).length) {
+	    return query;
+	  }
+	  return null;
+	}
+	function getExternalQueryOptions(react, options, component) {
+	  var queryOptions = {};
+	  Object.keys(react).forEach(function (conjunction) {
+	    if (Array.isArray(react[conjunction])) {
+	      react[conjunction].forEach(function (comp) {
+	        if (options[comp]) {
+	          queryOptions = _extends({}, queryOptions, options[comp]);
+	        }
+	      });
+	    } else if (typeof react[conjunction] === 'string') {
+	      if (options[react[conjunction]]) {
+	        queryOptions = _extends({}, queryOptions, options[react[conjunction]]);
+	      }
+	    } else if (typeof react[conjunction] === 'object' && react[conjunction] !== null && !Array.isArray(react[conjunction])) {
+	      queryOptions = _extends({}, queryOptions, getExternalQueryOptions(react[conjunction], options));
+	    }
+	  });
+	  if (options[component]) {
+	    queryOptions = _extends({}, queryOptions, options[component]);
+	  }
+	  return queryOptions;
+	}
+	function buildQuery(component, dependencyTree, queryList, queryOptions) {
+	  var queryObj = null;
+	  var options = null;
+	  if (component in dependencyTree) {
+	    queryObj = getQuery(dependencyTree[component], queryList);
+	    options = getExternalQueryOptions(dependencyTree[component], queryOptions, component);
+	  }
+	  return {
+	    queryObj: queryObj,
+	    options: options
+	  };
+	}
+	function formatDate(date, props) {
+	  if (props.parseDate) {
+	    // We would be passing an instance of dayjs instead of xdate below. Users need to know.
+	    return props.parseDate(date, props);
+	  }
+	  switch (props.queryFormat) {
+	    case 'epoch_millis':
+	      return date.valueOf();
+	    case 'epoch_second':
+	      return Math.floor(date.valueOf() / 1000);
+	    default:
+	      {
+	        if (dateFormats[props.queryFormat]) {
+	          return date.format(dateFormats[props.queryFormat]);
+	        }
+	        return date.valueOf();
+	      }
+	  }
+	}
+	var componentTypeToDefaultValue = (_componentTypeToDefau = {}, _componentTypeToDefau[componentTypes.singleList] = '', _componentTypeToDefau[componentTypes.multiList] = [], _componentTypeToDefau[componentTypes.singleDataList] = '', _componentTypeToDefau[componentTypes.singleDropdownList] = '', _componentTypeToDefau[componentTypes.multiDataList] = [], _componentTypeToDefau[componentTypes.multiDropdownList] = [], _componentTypeToDefau[componentTypes.tagCloud] = '', _componentTypeToDefau[componentTypes.toggleButton] = '', _componentTypeToDefau[componentTypes.singleDropdownRange] = '', _componentTypeToDefau[componentTypes.multiDropdownRange] = [], _componentTypeToDefau[componentTypes.singleRange] = '', _componentTypeToDefau[componentTypes.multiRange] = [], _componentTypeToDefau);
+
+	/* isValidDateRangeQueryFormat() checks if the queryFormat is one of the dateFormats
+		accepted by the elasticsearch or not. */
+	function isValidDateRangeQueryFormat(queryFormat) {
+	  return Object.keys(dateFormats).includes(queryFormat);
+	}
+
+	var _componentToTypeMap;
+	var componentToTypeMap = (_componentToTypeMap = {}, _componentToTypeMap[componentTypes.reactiveList] = queryTypes.search, _componentToTypeMap[componentTypes.dataSearch] = queryTypes.search, _componentToTypeMap[componentTypes.categorySearch] = queryTypes.search, _componentToTypeMap[componentTypes.searchBox] = queryTypes.suggestion, _componentToTypeMap[componentTypes.singleList] = queryTypes.term, _componentToTypeMap[componentTypes.multiList] = queryTypes.term, _componentToTypeMap[componentTypes.singleDataList] = queryTypes.term, _componentToTypeMap[componentTypes.singleDropdownList] = queryTypes.term, _componentToTypeMap[componentTypes.multiDataList] = queryTypes.term, _componentToTypeMap[componentTypes.multiDropdownList] = queryTypes.term, _componentToTypeMap[componentTypes.tagCloud] = queryTypes.term, _componentToTypeMap[componentTypes.toggleButton] = queryTypes.term, _componentToTypeMap[componentTypes.reactiveChart] = queryTypes.term, _componentToTypeMap[componentTypes.treeList] = queryTypes.term, _componentToTypeMap[componentTypes.numberBox] = queryTypes.term, _componentToTypeMap[componentTypes.datePicker] = queryTypes.range, _componentToTypeMap[componentTypes.dateRange] = queryTypes.range, _componentToTypeMap[componentTypes.dynamicRangeSlider] = queryTypes.range, _componentToTypeMap[componentTypes.singleDropdownRange] = queryTypes.range, _componentToTypeMap[componentTypes.multiDropdownRange] = queryTypes.range, _componentToTypeMap[componentTypes.singleRange] = queryTypes.range, _componentToTypeMap[componentTypes.multiRange] = queryTypes.range, _componentToTypeMap[componentTypes.rangeSlider] = queryTypes.range, _componentToTypeMap[componentTypes.ratingsFilter] = queryTypes.range, _componentToTypeMap[componentTypes.rangeInput] = queryTypes.range, _componentToTypeMap[componentTypes.geoDistanceDropdown] = queryTypes.geo, _componentToTypeMap[componentTypes.geoDistanceSlider] = queryTypes.geo, _componentToTypeMap[componentTypes.reactiveMap] = queryTypes.geo, _componentToTypeMap);
+	var multiRangeComponents = [componentTypes.multiRange, componentTypes.multiDropdownRange];
+	var dateRangeComponents = [componentTypes.dateRange, componentTypes.datePicker];
+	var searchComponents = [componentTypes.categorySearch, componentTypes.dataSearch, componentTypes.searchBox];
+	var listComponentsWithPagination = [componentTypes.singleList, componentTypes.multiList, componentTypes.singleDropdownList, componentTypes.multiDropdownList];
+	var getNormalizedField = function getNormalizedField(field) {
+	  if (field && !Array.isArray(field)) {
+	    return [field];
+	  }
+	  return field;
+	};
+	var isInternalComponent = function isInternalComponent(componentID) {
+	  if (componentID === void 0) {
+	    componentID = '';
+	  }
+	  return componentID.endsWith('__internal');
+	};
+	var getInternalComponentID = function getInternalComponentID(componentID) {
+	  if (componentID === void 0) {
+	    componentID = '';
+	  }
+	  return componentID + "__internal";
+	};
+	var getHistogramComponentID = function getHistogramComponentID(componentID) {
+	  if (componentID === void 0) {
+	    componentID = '';
+	  }
+	  return componentID + "__histogram__internal";
+	};
+	var isDRSRangeComponent = function isDRSRangeComponent(componentID) {
+	  if (componentID === void 0) {
+	    componentID = '';
+	  }
+	  return componentID.endsWith('__range__internal');
+	};
+	var isSearchComponent = function isSearchComponent(componentType) {
+	  if (componentType === void 0) {
+	    componentType = '';
+	  }
+	  return searchComponents.includes(componentType);
+	};
+	var isComponentUsesLabelAsValue = function isComponentUsesLabelAsValue(componentType) {
+	  if (componentType === void 0) {
+	    componentType = '';
+	  }
+	  return componentType === componentTypes.multiDataList || componentType === componentTypes.singleDataList || componentType === componentTypes.tabDataList;
+	};
+	var hasPaginationSupport = function hasPaginationSupport(componentType) {
+	  if (componentType === void 0) {
+	    componentType = '';
+	  }
+	  return listComponentsWithPagination.includes(componentType);
+	};
+	var getRSQuery = function getRSQuery(componentId, props, execute) {
+	  if (execute === void 0) {
+	    execute = true;
+	  }
+	  if (props && componentId) {
+	    var queryType = props.type ? props.type : componentToTypeMap[props.componentType];
+	    // dataField is a required field for components other than search
+	    // TODO: Revisit this logic based on the Appbase version
+	    // dataField is no longer a required field in RS API
+	    if (!isSearchComponent(props.componentType) && !props.dataField) {
+	      return null;
+	    }
+	    var endpoint;
+	    if (props.endpoint instanceof Object) {
+	      endpoint = props.endpoint;
+	    }
+	    return _extends({
+	      id: componentId,
+	      type: queryType || queryTypes.search,
+	      dataField: getNormalizedField(props.dataField),
+	      execute: execute,
+	      react: props.react,
+	      highlight: props.highlight,
+	      highlightField: getNormalizedField(props.highlightField),
+	      fuzziness: props.fuzziness,
+	      searchOperators: props.searchOperators,
+	      includeFields: props.includeFields,
+	      excludeFields: props.excludeFields,
+	      size: props.size,
+	      aggregationSize: props.aggregationSize,
+	      from: props.from || undefined,
+	      // Need to maintain for RL
+	      queryFormat: props.queryFormat,
+	      sortBy: props.sortBy,
+	      fieldWeights: getNormalizedField(props.fieldWeights),
+	      includeNullValues: props.includeNullValues,
+	      aggregationField: props.aggregationField || undefined,
+	      categoryField: props.categoryField || undefined,
+	      missingLabel: props.missingLabel || undefined,
+	      showMissing: props.showMissing,
+	      nestedField: props.nestedField || undefined,
+	      interval: props.interval,
+	      highlightConfig: props.customHighlight || props.highlightConfig,
+	      customQuery: props.customQuery,
+	      defaultQuery: props.defaultQuery,
+	      value: props.value,
+	      categoryValue: props.categoryValue || undefined,
+	      after: props.after || undefined,
+	      aggregations: props.aggregations || undefined,
+	      enableSynonyms: props.enableSynonyms,
+	      selectAllLabel: props.selectAllLabel,
+	      pagination: props.pagination,
+	      queryString: props.queryString,
+	      distinctField: props.distinctField,
+	      distinctFieldConfig: props.distinctFieldConfig,
+	      index: props.index
+	    }, queryType === queryTypes.suggestion ? _extends({
+	      enablePopularSuggestions: props.enablePopularSuggestions,
+	      enableEndpointSuggestions: props.enableEndpointSuggestions,
+	      enableRecentSuggestions: props.enableRecentSuggestions,
+	      popularSuggestionsConfig: props.popularSuggestionsConfig,
+	      recentSuggestionsConfig: props.recentSuggestionsConfig,
+	      applyStopwords: props.applyStopwords,
+	      customStopwords: props.customStopwords,
+	      enablePredictiveSuggestions: props.enablePredictiveSuggestions,
+	      featuredSuggestionsConfig: props.featuredSuggestionsConfig,
+	      indexSuggestionsConfig: props.indexSuggestionsConfig,
+	      enableFeaturedSuggestions: props.enableFeaturedSuggestions,
+	      enableIndexSuggestions: props.enableIndexSuggestions
+	    }, props.searchboxId ? {
+	      searchboxId: props.searchboxId
+	    } : {}) : {}, {
+	      calendarInterval: props.calendarInterval,
+	      endpoint: endpoint,
+	      range: props.range
+	    });
+	  }
+	  return null;
+	};
+	var extractPropsFromState = function extractPropsFromState(store, component, customOptions) {
+	  var componentProps = store.props[component];
+	  if (!componentProps) {
+	    return null;
+	  }
+	  var queryType = componentProps.type ? componentProps.type : componentToTypeMap[componentProps.componentType];
+	  var calcValues = store.selectedValues[component];
+	  var value = calcValues !== undefined && calcValues !== null ? calcValues.value : undefined;
+	  var queryFormat = componentProps.queryFormat;
+	  // calendarInterval only supported when using date types
+	  var calendarInterval;
+	  var interval = componentProps.interval;
+	  var type = queryType;
+	  var dataField = componentProps.dataField;
+	  var aggregations = componentProps.aggregations;
+	  var pagination; // pagination for `term` type of queries
+	  var from = componentProps.from; // offset for RL
+	  var range; // applicable for range components supporting histogram
+
+	  // For term queries i.e list component `dataField` will be treated as aggregationField
+	  if (queryType === queryTypes.term) {
+	    // Only apply pagination prop for the components which supports it otherwise it can break the UI
+	    if (componentProps.showLoadMore && hasPaginationSupport(componentProps.componentType)) {
+	      pagination = true;
+	    }
+	    // Extract values from components that are type of objects
+	    // This code handles the controlled behavior in list components for e.g ToggleButton
+	    if (value != null && typeof value === 'object' && value.value) {
+	      value = value.value;
+	    } else if (Array.isArray(value)) {
+	      var parsedValue = [];
+	      value.forEach(function (val) {
+	        if (val != null && typeof val === 'object' && val.value) {
+	          parsedValue.push(val.value);
+	        } else {
+	          parsedValue.push(val);
+	        }
+	      });
+	      value = parsedValue;
+	    }
+	  }
+	  if (queryType === queryTypes.range) {
+	    if (Array.isArray(value)) {
+	      if (multiRangeComponents.includes(componentProps.componentType)) {
+	        value = value.map(function (_ref) {
+	          var start = _ref.start,
+	            end = _ref.end;
+	          return {
+	            start: start,
+	            end: end
+	          };
+	        });
+	      } else {
+	        value = {
+	          start: value[0],
+	          end: value[1]
+	        };
+	      }
+	    } else if (componentProps.showHistogram) {
+	      var internalComponentID = getInternalComponentID(component);
+	      var internalComponentValue = store.internalValues[internalComponentID];
+	      if (!internalComponentValue) {
+	        // Handle dynamic range slider
+	        var histogramComponentID = getHistogramComponentID(component);
+	        internalComponentValue = store.internalValues[histogramComponentID];
+	      }
+	      if (internalComponentValue && Array.isArray(internalComponentValue.value)) {
+	        value = {
+	          start: internalComponentValue.value[0],
+	          end: internalComponentValue.value[1]
+	        };
+	      }
+	    }
+	    if (isDRSRangeComponent(component)) {
+	      aggregations = ['min', 'max'];
+	    } else if (componentProps.showHistogram) {
+	      aggregations = ['histogram'];
+	    }
+
+	    // handle number box, number box query changes based on the `queryFormat` value
+	    if (componentProps.componentType === componentTypes.dynamicRangeSlider || componentProps.componentType === componentTypes.rangeSlider) {
+	      calendarInterval = Object.keys(dateFormats).includes(queryFormat) ? componentProps.calendarInterval : undefined;
+
+	      // Set value
+	      if (value) {
+	        if (isValidDateRangeQueryFormat(componentProps.queryFormat)) {
+	          // check if date types are dealt with
+	          value = {
+	            start: formatDate(dayjs_min(new Date(value.start)), componentProps),
+	            end: formatDate(dayjs_min(new Date(value.end)), componentProps)
+	          };
+	        } else {
+	          value = {
+	            start: parseFloat(value.start),
+	            end: parseFloat(value.end)
+	          };
+	        }
+	      }
+	      var rangeValue;
+	      if (componentProps.componentType === 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
+	          } // prettier-ignore
+	          : null;
+	        } else {
+	          rangeValue = rangeValue && store.aggregations[component + "__range__internal"].min ? {
+	            start: store.aggregations[component + "__range__internal"].min.value,
+	            end: store.aggregations[component + "__range__internal"].max.value
+	          } // prettier-ignore
+	          : null;
+	        }
+	      } else {
+	        rangeValue = componentProps.range;
+	      }
+	      if (rangeValue) {
+	        if (isValidDateRangeQueryFormat(componentProps.queryFormat)) {
+	          // check if date types are dealt with
+	          range = {
+	            start: formatDate(dayjs_min(rangeValue.start), componentProps),
+	            end: formatDate(dayjs_min(rangeValue.end), componentProps)
+	          };
+	        } else {
+	          range = {
+	            start: parseFloat(rangeValue.start),
+	            end: parseFloat(rangeValue.end)
+	          };
+	        }
+	      }
+	    }
+
+	    // handle date components
+	    if (dateRangeComponents.includes(componentProps.componentType)) {
+	      // Set value
+	      if (value) {
+	        if (isValidDateRangeQueryFormat(componentProps.queryFormat)) {
+	          if (typeof value === 'string') {
+	            value = {
+	              // value would be an ISO Date string
+	              start: formatDate(dayjs_min(value).subtract(24, 'hour'), componentProps),
+	              end: formatDate(dayjs_min(value), componentProps)
+	            };
+	          } else if (Array.isArray(value)) {
+	            value = value.map(function (val) {
+	              return {
+	                // value would be one of ISO Date string, number, native date
+	                start: formatDate(dayjs_min(val).subtract(24, 'hour'), componentProps),
+	                end: formatDate(dayjs_min(val), componentProps)
+	              };
+	            });
+	          } else {
+	            value = {
+	              start: formatDate(dayjs_min(value.start).subtract(24, 'hour'), componentProps),
+	              end: formatDate(dayjs_min(value.end), componentProps)
+	            };
+	          }
+	        }
+	      }
+	    }
+	  }
+	  if (queryType === queryTypes.geo) {
+	    // override the value extracted from selectedValues reducer
+	    value = undefined;
+	    var geoCalcValues = store.selectedValues[component] || store.internalValues[component] || store.internalValues[getInternalComponentID(component)];
+	    if (geoCalcValues && geoCalcValues.meta) {
+	      if (geoCalcValues.meta.distance && geoCalcValues.meta.coordinates) {
+	        value = {
+	          distance: geoCalcValues.meta.distance,
+	          location: geoCalcValues.meta.coordinates
+	        };
+	        if (componentProps.unit) {
+	          value.unit = componentProps.unit;
+	        }
+	      }
+	      if (geoCalcValues.meta.mapBoxBounds && geoCalcValues.meta.mapBoxBounds.top_left && geoCalcValues.meta.mapBoxBounds.bottom_right) {
+	        value = {
+	          // Note: format will be reverse of what we're using now
+	          geoBoundingBox: {
+	            topLeft: geoCalcValues.meta.mapBoxBounds.top_left[1] + ", " + geoCalcValues.meta.mapBoxBounds.top_left[0],
+	            bottomRight: geoCalcValues.meta.mapBoxBounds.bottom_right[1] + ", " + geoCalcValues.meta.mapBoxBounds.bottom_right[0]
+	          }
+	        };
+	      }
+	    }
+	  }
+	  // handle number box, number box query changes based on the `queryFormat` value
+	  if (componentProps.componentType === componentTypes.numberBox) {
+	    if (queryFormat === 'exact') {
+	      type = 'term';
+	    } else {
+	      type = 'range';
+	      if (queryFormat === 'lte') {
+	        value = {
+	          end: value,
+	          boost: 2.0
+	        };
+	      } else {
+	        value = {
+	          start: value,
+	          boost: 2.0
+	        };
+	      }
+	    }
+	    // Remove query format
+	    queryFormat = 'or';
+	  }
+	  // Fake dataField for ReactiveComponent
+	  // TODO: Remove it after some time. The `dataField` is no longer required
+	  if (componentProps.componentType === componentTypes.reactiveComponent) {
+	    // Set the type to `term`
+	    type = 'term';
+	    dataField = 'reactive_component_field';
+	    // Don't set value property for ReactiveComponent
+	    // since it is driven by `defaultQuery` and `customQuery`
+	    value = undefined;
+	  }
+	  // Assign default value as an empty string for search components so search relevancy can work
+	  if (isSearchComponent(componentProps.componentType) && !value) {
+	    value = '';
+	  }
+
+	  // Handle components which uses label instead of value as the selected value
+	  if (isComponentUsesLabelAsValue(componentProps.componentType)) {
+	    var data = componentProps.data,
+	      selectAllLabel = componentProps.selectAllLabel;
+	    var absValue = [];
+	    if (value && Array.isArray(value)) {
+	      absValue = value;
+	    } else if (value && typeof value === 'string') {
+	      absValue = [value];
+	    }
+	    var normalizedValue = [];
+	    if (absValue.length) {
+	      if (data && Array.isArray(data)) {
+	        absValue.forEach(function (val) {
+	          var dataItem = data.find(function (o) {
+	            return o.label === val;
 	          });
+	          if (dataItem && dataItem.value) {
+	            normalizedValue.push(dataItem.value);
+	          }
 	        });
+	      }
+	    }
+	    if (selectAllLabel && absValue.length && absValue.includes(selectAllLabel)) {
+	      normalizedValue = absValue;
+	    }
+	    if (normalizedValue.length) {
+	      value = normalizedValue;
+	    } else {
+	      value = undefined;
+	    }
+	  }
+	  if (componentProps.componentType === componentTypes.reactiveList) {
+	    // We set selected page as the value in the redux store for RL.
+	    // It's complex to change this logic in the component so changed it here.
+	    if (value > 0) {
+	      from = (value - 1) * (componentProps.size || 10);
+	    }
+	    value = undefined;
+	  }
+	  var queryValue = value || undefined;
+	  if (componentProps.componentType === componentTypes.searchBox) {
+	    if (Array.isArray(queryValue)) {
+	      queryValue = undefined;
+	    }
+	  }
+	  var endpoint;
+	  if (componentProps.endpoint instanceof Object) {
+	    endpoint = _extends({}, endpoint || {}, componentProps.endpoint);
+	  }
+	  return _extends({}, componentProps, {
+	    endpoint: endpoint,
+	    calendarInterval: calendarInterval,
+	    dataField: dataField,
+	    queryFormat: queryFormat,
+	    type: type,
+	    aggregations: aggregations,
+	    interval: interval,
+	    react: store.dependencyTree ? store.dependencyTree[component] : undefined,
+	    customQuery: store.customQueries ? store.customQueries[component] : undefined,
+	    defaultQuery: store.defaultQueries ? store.defaultQueries[component] : undefined,
+	    customHighlight: store.customHighlightOptions ? store.customHighlightOptions[component] : undefined,
+	    categoryValue: store.internalValues[component] ? store.internalValues[component].category : undefined,
+	    value: queryValue,
+	    pagination: pagination,
+	    from: from,
+	    range: range
+	  }, customOptions);
+	};
+	function flatReactProp(reactProp, componentID) {
+	  var flattenReact = [];
+	  var flatReact = function flatReact(react) {
+	    if (react && Object.keys(react)) {
+	      Object.keys(react).forEach(function (r) {
+	        if (react[r]) {
+	          if (typeof react[r] === 'string') {
+	            flattenReact = [].concat(flattenReact, [react[r]]);
+	          } else if (Array.isArray(react[r])) {
+	            flattenReact = [].concat(flattenReact, react[r]);
+	          } else if (typeof react[r] === 'object') {
+	            flatReact(react[r]);
+	          }
+	        }
 	      });
-	      Promise.all(allPromises).then(function () {
-	        state = _extends({}, state, {
-	          hits: hits,
-	          aggregations: aggregations
+	    }
+	  };
+	  flatReact(reactProp);
+	  // Remove cyclic dependencies
+	  flattenReact = flattenReact.filter(function (react) {
+	    return react !== componentID;
+	  });
+	  return flattenReact;
+	}
+	var getDependentQueries = function getDependentQueries(store, componentID, orderOfQueries) {
+	  if (orderOfQueries === void 0) {
+	    orderOfQueries = [];
+	  }
+	  var finalQuery = {};
+	  var react = flatReactProp(store.dependencyTree[componentID], componentID);
+	  react.forEach(function (componentObject) {
+	    var component = componentObject;
+	    var customQuery = store.customQueries[component];
+	    if (!isInternalComponent(component)) {
+	      var calcValues = store.selectedValues[component] || store.internalValues[component];
+	      // Only include queries for that component that has `customQuery` or `value` defined
+	      if ((calcValues && calcValues.value || customQuery) && !finalQuery[component]) {
+	        var execute = false;
+	        if (Array.isArray(orderOfQueries) && orderOfQueries.includes(component)) {
+	          execute = true;
+	        }
+	        var componentProps = store.props[component];
+	        // build query
+	        var dependentQuery = getRSQuery(component, extractPropsFromState(store, component, _extends({}, componentProps && _extends({}, componentProps.componentType === componentTypes.searchBox ? _extends({}, execute === false ? {
+	          type: queryTypes.search
+	        } : {}, calcValues.category ? {
+	          categoryValue: calcValues.category
+	        } : {
+	          categoryValue: undefined
+	        }, calcValues.value ? {
+	          value: calcValues.value
+	        } : {}) : {}, componentProps.componentType === componentTypes.categorySearch ? _extends({}, calcValues.category ? {
+	          categoryValue: calcValues.category
+	        } : {
+	          categoryValue: undefined
+	        }) : {}))), execute);
+	        if (dependentQuery) {
+	          finalQuery[component] = dependentQuery;
+	        }
+	      }
+	    }
+	  });
+	  return finalQuery;
+	};
+
+	var handleTransformResponse = function handleTransformResponse(res, config, component) {
+	  if (res === void 0) {
+	    res = null;
+	  }
+	  if (config === void 0) {
+	    config = {};
+	  }
+	  if (component === void 0) {
+	    component = '';
+	  }
+	  if (config.transformResponse && typeof config.transformResponse === 'function') {
+	    return config.transformResponse(res, component);
+	  }
+	  return new Promise(function (resolve) {
+	    return resolve(res);
+	  });
+	};
+
+	var isPropertyDefined = function isPropertyDefined(property) {
+	  return property !== undefined && property !== null;
+	};
+
+	var _excluded$a = ["value"];
+	function valueReducer(state, action) {
+	  var _extends3;
+	  if (state === void 0) {
+	    state = {};
+	  }
+	  switch (action.type) {
+	    case SET_VALUE:
+	      {
+	        var _extends2;
+	        var newState = {};
+	        Object.keys(action.componentsToReset || {}).forEach(function (id) {
+	          newState[id] = _extends({}, state[id], {
+	            value: action.componentsToReset[id]
+	          });
 	        });
-	        resolve(state);
+	        return _extends({}, state, newState, (_extends2 = {}, _extends2[action.component] = {
+	          value: action.value,
+	          label: action.label || action.component,
+	          showFilter: action.showFilter,
+	          URLParams: action.URLParams,
+	          componentType: action.componentType,
+	          category: action.category,
+	          meta: action.meta,
+	          reference: action.reference
+	        }, _extends2));
+	      }
+	    case SET_VALUES:
+	      {
+	        var componentKeys = action.componentsValues ? Object.keys(action.componentsValues) : [];
+	        if (componentKeys.length) {
+	          var _newState = {};
+	          componentKeys.forEach(function (component) {
+	            var _action$componentsVal = action.componentsValues[component],
+	              value = _action$componentsVal.value,
+	              rest = _objectWithoutPropertiesLoose(_action$componentsVal, _excluded$a);
+	            _newState[component] = _extends({}, state[component], {
+	              value: value
+	            }, rest);
+	          });
+	          return _extends({}, state, _newState);
+	        }
+	        return state;
+	      }
+	    case PATCH_VALUE:
+	      return _extends({}, state, (_extends3 = {}, _extends3[action.component] = _extends({}, state[action.component], action.payload), _extends3));
+	    case CLEAR_VALUES:
+	      {
+	        var nextState = {};
+	        if (action.resetValues) {
+	          Object.keys(action.resetValues).forEach(function (componentId) {
+	            nextState[componentId] = _extends({}, state[componentId], {
+	              value: action.resetValues[componentId]
+	            });
+	          });
+	        }
+	        // clearAllBlacklistComponents has more priority over reset values
+	        if (Array.isArray(action.clearAllBlacklistComponents)) {
+	          Object.keys(state).forEach(function (componentId) {
+	            if (action.clearAllBlacklistComponents.includes(componentId)) {
+	              nextState[componentId] = state[componentId];
+	            }
+	          });
+	        }
+	        return nextState;
+	      }
+	    case REMOVE_COMPONENT:
+	      {
+	        var _state2 = state,
+	          _action$component2 = action.component,
+	          del = _state2[_action$component2],
+	          obj = _objectWithoutPropertiesLoose(_state2, [_action$component2].map(_toPropertyKey$1));
+	        return obj;
+	      }
+	    case RESET_TO_DEFAULT:
+	      return _extends({}, state, action.defaultValues);
+	    default:
+	      return state;
+	  }
+	}
+
+	var _excluded$b = ["value"];
+	function getValue(state, id, defaultValue) {
+	  if (state && state[id]) {
+	    try {
+	      // parsing for next.js - since it uses extra set of quotes to wrap params
+	      var parsedValue = JSON.parse(state[id]);
+	      return _extends({}, typeof parsedValue === 'object' && parsedValue.value ? _extends({
+	        value: parsedValue.value
+	      }, parsedValue.category ? {
+	        category: parsedValue.category
+	      } : {}) : {
+	        value: parsedValue
+	      }, {
+	        reference: 'URL'
 	      });
-	    };
-	    var handleRSResponse = function handleRSResponse(res) {
-	      var promotedResults = {};
-	      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) {
-	            if (response) {
-	              var _extends7;
-	              if (response.promoted) {
-	                promotedResults[component] = response.promoted.map(function (promoted) {
-	                  return _extends({}, promoted.doc, {
-	                    _position: promoted.position
-	                  });
+	    } catch (error) {
+	      // using react-dom-server for ssr
+	      return {
+	        value: state[id],
+	        reference: 'URL'
+	      };
+	    }
+	  }
+	  return {
+	    value: defaultValue,
+	    reference: 'DEFAULT'
+	  };
+	}
+
+	// parse query string
+	// ref: https://stackoverflow.com/a/13896633/10822996
+	function parseQuery(str) {
+	  if (str instanceof Object) {
+	    return str;
+	  }
+	  if (typeof str !== 'string' || str.length === 0) return {};
+	  var s;
+	  if (str.split('/?')[1]) {
+	    s = str.split('/?')[1].split('&');
+	  }
+	  if (str.split('?')[1]) {
+	    s = str.split('?')[1].split('&');
+	  }
+	  if (!s) return {};
+	  var sLength = s.length;
+	  var bit;
+	  var query = {};
+	  var first;
+	  var second;
+	  for (var i = 0; i < sLength; i += 1) {
+	    bit = s[i].split('=');
+	    first = decodeURIComponent(bit[0]);
+	    // eslint-disable-next-line no-continue
+	    if (first.length === 0) continue;
+	    second = decodeURIComponent(bit[1]);
+	    if (typeof query[first] === 'undefined') query[first] = second;else if (query[first] instanceof Array) query[first].push(second);else query[first] = [query[first], second];
+	  }
+	  return query;
+	}
+	var getServerResults = function getServerResults() {
+	  var storeReference = null;
+	  return function (App, queryString, ssrRenderFunc) {
+	    if (queryString === void 0) {
+	      queryString = '';
+	    }
+	    try {
+	      // parse the query String to respect url params in SSR
+	      var parsedQueryString = parseQuery(queryString);
+	      if (!storeReference) {
+	        var newSelectedValues = {};
+	        // callback function to collect SearchBase context
+	        var contextCollector = function contextCollector(params) {
+	          if (params.ctx) {
+	            // store collected
+	            storeReference = params.ctx;
+
+	            // collect selected values from the URL query string
+	            Object.keys(parsedQueryString).forEach(function (componentId) {
+	              var _getValue = getValue(parsedQueryString, componentId, null),
+	                value = _getValue.value,
+	                reference = _getValue.reference;
+	              if (value) {
+	                newSelectedValues = valueReducer(newSelectedValues, {
+	                  type: 'PATCH_VALUE',
+	                  component: componentId,
+	                  payload: {
+	                    value: value,
+	                    reference: reference
+	                  }
 	                });
 	              }
-	              rawData[component] = response;
-	              // Update custom data
-	              if (response.customData) {
-	                customData[component] = response.customData;
+	            });
+	          }
+	          return {
+	            // send back to ReactiveBase to hydrate the store with values from queryParams(if present)
+	            selectedValues: newSelectedValues
+	          };
+	        };
+
+	        // render the app server-side to collect context and build initial state
+	        // for hydration on client side
+	        // in case of React, ssrRenderFunc === renderToString || renderToStaticMarkup
+	        // in case of Vue, ssrRenderFunc === renderToString (import { renderToString } from 'vue/server-renderer')
+	        var output = ssrRenderFunc(App({
+	          contextCollector: contextCollector
+	        }));
+	        var promiseFunc;
+	        if (!output.then) {
+	          promiseFunc = Promise.resolve(promiseFunc);
+	        } else {
+	          promiseFunc = output;
+	        }
+	        return promiseFunc.then(function () {
+	          if (storeReference) {
+	            var extractedState = storeReference.getState();
+	            var components = extractedState.components,
+	              config = extractedState.config,
+	              appbaseRef = extractedState.appbaseRef,
+	              queryOptions = extractedState.queryOptions,
+	              internalValues = extractedState.internalValues,
+	              props = extractedState.props,
+	              queryList = extractedState.queryList,
+	              dependencyTree = extractedState.dependencyTree;
+	            var queryLog = extractedState.queryLog;
+	            var finalQuery = [];
+	            var appbaseQuery = {}; // Use object to prevent duplicate query added by react prop
+	            var orderOfQueries = [];
+	            var hits = {};
+	            var aggregations = {};
+	            var state = _extends({}, extractedState);
+
+	            // Generate finalQuery for search
+	            components.filter(function (t) {
+	              return !t.endsWith('__internal');
+	            }).forEach(function (componentId) {
+	              // eslint-disable-next-line
+	              var _buildQuery = buildQuery(componentId, dependencyTree, queryList, queryOptions),
+	                queryObj = _buildQuery.queryObj,
+	                options = _buildQuery.options;
+	              if (!queryObj && !options) {
+	                return;
 	              }
+	              var query = getRSQuery(componentId, extractPropsFromState(state, componentId, queryOptions && queryOptions[componentId] ? {
+	                from: queryOptions[componentId].from
+	              } : null));
 
-	              // Update settings
-	              if (response.settings) {
-	                settingsResponse[component] = response.settings;
+	              // check if query or options are valid - non-empty
+	              if (query && !!Object.keys(query).length) {
+	                var _extends2, _extends6;
+	                var currentQuery = query;
+	                var dependentQueries = getDependentQueries(state, componentId, orderOfQueries);
+	                var queryToLog = _extends({}, (_extends2 = {}, _extends2[componentId] = currentQuery, _extends2), Object.keys(dependentQueries).reduce(function (acc, q) {
+	                  var _extends3;
+	                  return _extends({}, acc, (_extends3 = {}, _extends3[q] = _extends({}, dependentQueries[q], {
+	                    execute: false
+	                  }, dependentQueries[q].type === queryTypes.suggestion ? {
+	                    type: 'search'
+	                  } : {}), _extends3));
+	                }, {}));
+	                if ([queryTypes.range, queryTypes.term].includes(componentToTypeMap[props[componentId].componentType])) {
+	                  var _extends4;
+	                  // Avoid logging `value` for term type of components
+	                  // eslint-disable-next-line
+	                  var value = currentQuery.value,
+	                    rest = _objectWithoutPropertiesLoose(currentQuery, _excluded$b);
+	                  queryToLog = _extends({}, (_extends4 = {}, _extends4[componentId] = rest, _extends4), Object.keys(dependentQueries).reduce(function (acc, q) {
+	                    var _extends5;
+	                    return _extends({}, acc, (_extends5 = {}, _extends5[q] = _extends({}, dependentQueries[q], {
+	                      execute: false
+	                    }, dependentQueries[q].type === queryTypes.suggestion ? {
+	                      type: 'search'
+	                    } : {}), _extends5));
+	                  }, {}));
+	                }
+	                // if (!compareQueries(queryToLog, currentQuery, false)) {
+	                orderOfQueries = [].concat(orderOfQueries, [componentId]);
+	                queryLog = _extends({}, queryLog, (_extends6 = {}, _extends6[componentId] = queryToLog, _extends6));
+	                // }
+
+	                if (query) {
+	                  var _extends7;
+	                  // Apply dependent queries
+	                  var dependentQueriesToAppend = getDependentQueries(state, componentId, orderOfQueries);
+	                  appbaseQuery = _extends({}, appbaseQuery, (_extends7 = {}, _extends7[componentId] = query, _extends7));
+	                  Object.keys(dependentQueriesToAppend).forEach(function (cId) {
+	                    if (appbaseQuery[cId]) {
+	                      appbaseQuery[cId + Math.random()] = dependentQueriesToAppend[cId];
+	                    } else {
+	                      appbaseQuery[cId] = dependentQueriesToAppend[cId];
+	                    }
+	                  });
+	                }
 	              }
-	              if (response.aggregations) {
-	                var _extends6;
-	                aggregations = _extends({}, aggregations, (_extends6 = {}, _extends6[component] = response.aggregations, _extends6));
+	            });
+	            var handleRSResponse = function handleRSResponse(res) {
+	              var promotedResults = {};
+	              var rawData = {};
+	              var customData = {};
+	              var allPromises = orderOfQueries.map(function (component) {
+	                return new Promise(function (responseResolve, responseReject) {
+	                  handleTransformResponse(res[component], config, component).then(function (response) {
+	                    if (response) {
+	                      var _extends9;
+	                      if (response.promoted) {
+	                        promotedResults[component] = response.promoted.map(function (promoted) {
+	                          return _extends({}, promoted.doc, {
+	                            _position: promoted.position
+	                          });
+	                        });
+	                      }
+	                      rawData[component] = response;
+	                      // Update custom data
+	                      if (response.customData) {
+	                        customData[component] = response.customData;
+	                      }
+	                      if (response.aggregations) {
+	                        var _extends8;
+	                        aggregations = _extends({}, aggregations, (_extends8 = {}, _extends8[component] = response.aggregations, _extends8));
+	                      }
+	                      var hitsObj = response.hits || {};
+	                      hits = _extends({}, hits, (_extends9 = {}, _extends9[component] = {
+	                        hits: hitsObj.hits,
+	                        total: typeof hitsObj.total === 'object' ? hitsObj.total.value : hitsObj.total,
+	                        time: response.took
+	                      }, _extends9));
+	                      responseResolve();
+	                    }
+	                  })["catch"](function (err) {
+	                    responseReject(err);
+	                  });
+	                });
+	              });
+	              return Promise.all(allPromises).then(function () {
+	                state = {
+	                  queryList: queryList,
+	                  queryOptions: queryOptions,
+	                  selectedValues: newSelectedValues,
+	                  internalValues: internalValues,
+	                  queryLog: queryLog,
+	                  hits: hits,
+	                  aggregations: aggregations,
+	                  promotedResults: promotedResults,
+	                  customData: customData,
+	                  rawData: rawData,
+	                  dependencyTree: dependencyTree
+	                };
+	                return Promise.resolve(JSON.parse(JSON.stringify(state)));
+	              });
+	            };
+	            if (Object.keys(appbaseQuery).length) {
+	              finalQuery = Object.values(appbaseQuery);
+	              // Call RS API
+	              var rsAPISettings = {};
+	              if (config.analyticsConfig) {
+	                rsAPISettings.recordAnalytics = isPropertyDefined(config.analyticsConfig.recordAnalytics) ? config.analyticsConfig.recordAnalytics : undefined;
+	                rsAPISettings.userId = isPropertyDefined(config.analyticsConfig.userId) ? config.analyticsConfig.userId : undefined;
+	                rsAPISettings.enableQueryRules = isPropertyDefined(config.analyticsConfig.enableQueryRules) ? config.analyticsConfig.enableQueryRules : undefined;
+	                rsAPISettings.customEvents = isPropertyDefined(config.analyticsConfig.customEvents) ? config.analyticsConfig.customEvents : undefined;
 	              }
-	              timestamp[component] = res._timestamp;
-	              var hitsObj = response.hits ? response.hits : response[component].hits;
-	              hits = _extends({}, hits, (_extends7 = {}, _extends7[component] = {
-	                hits: hitsObj.hits,
-	                total: typeof hitsObj.total === 'object' ? hitsObj.total.value : hitsObj.total,
-	                time: response.took
-	              }, _extends7));
-	              responseResolve();
+	              return appbaseRef.reactiveSearchv3(finalQuery, rsAPISettings).then(function (res) {
+	                return handleRSResponse(res);
+	              })["catch"](function (err) {
+	                return Promise.reject(err);
+	              });
 	            }
-	          })["catch"](function (err) {
-	            return responseReject(err);
-	          });
-	        });
-	      });
-	      Promise.all(allPromises).then(function () {
-	        state = _extends({}, state, {
-	          hits: hits,
-	          timestamp: timestamp,
-	          aggregations: aggregations,
-	          compositeAggregations: compositeAggregations,
-	          promotedResults: promotedResults,
-	          settings: settingsResponse,
-	          customData: customData,
-	          rawData: rawData
-	        });
-	        resolve(state);
-	      });
-	    };
-	    if (config.graphQLUrl) {
-	      var handleTransformRequest = function handleTransformRequest(res) {
-	        if (config.transformRequest && typeof config.transformRequest === 'function') {
-	          var transformRequestPromise = config.transformRequest(res);
-	          return transformRequestPromise instanceof Promise ? transformRequestPromise : Promise.resolve(transformRequestPromise);
-	        }
-	        return Promise.resolve(res);
-	      };
-	      handleTransformRequest(finalQuery).then(function (requestQuery) {
-	        fetchGraphQL(config.graphQLUrl, config.url, config.credentials, config.app, requestQuery).then(function (res) {
-	          handleResponse(res);
-	        })["catch"](function (err) {
-	          return reject(err);
+	            throw new Error('Could not compute server-side initial state of the app!');
+	          } else {
+	            return null;
+	          }
 	        });
-	      })["catch"](function (err) {
-	        return reject(err);
-	      });
-	    } else if (Object.keys(appbaseQuery).length) {
-	      finalQuery = Object.keys(appbaseQuery).map(function (c) {
-	        return appbaseQuery[c];
-	      });
-	      // Call RS API
-	      var rsAPISettings = {};
-	      if (config.analyticsConfig) {
-	        rsAPISettings.recordAnalytics = utils_2(config.analyticsConfig.recordAnalytics) ? config.analyticsConfig.recordAnalytics : undefined;
-	        rsAPISettings.userId = utils_2(config.analyticsConfig.userId) ? config.analyticsConfig.userId : undefined;
-	        rsAPISettings.enableQueryRules = utils_2(config.analyticsConfig.enableQueryRules) ? config.analyticsConfig.enableQueryRules : undefined;
-	        rsAPISettings.customEvents = utils_2(config.analyticsConfig.customEvents) ? config.analyticsConfig.customEvents : undefined;
 	      }
-	      appbaseRef.reactiveSearchv3(finalQuery, rsAPISettings).then(function (res) {
-	        handleRSResponse(res);
-	      })["catch"](function (err) {
-	        return reject(err);
-	      });
+	      return null;
+	    } catch (error) {
+	      return Promise.reject(error);
 	    }
-	  });
+	  };
+	};
+
+	function getServerState(App, queryString) {
+	  var renderFunction = renderToString;
+	  return getServerResults()(function (props) {
+	    return vue.createSSRApp(App, props);
+	  }, queryString, renderFunction);
 	}
 
-	var version$1 = "3.0.0-alpha.1";
+	var version = "3.0.0-alpha.3";
 
 	var components = [RLConnected, ResultCard, ResultList, ReactiveBase, SBConnected, ListConnected, ListConnected$1, RangeConnected$1, RangeConnected$2, RangeConnected$3, RangeConnected, RcConnected, RcConnected$1, TBConnected, ListConnected$2, ListConnected$3, StateProviderConnected, RangeConnected$4];
 	function install$1 (Vue) {
@@ -30370,7 +31870,7 @@
 	  install$1(window.Vue);
 	}
 	var index$1 = {
-	  version: version$1,
+	  version: version,
 	  install: install$1
 	};
 
@@ -30395,9 +31895,9 @@
 	exports.ToggleButton = TBConnected;
 	exports.componentTypes = constants_1$1;
 	exports.default = index$1;
-	exports.initReactivesearch = initReactivesearch;
+	exports.getServerState = getServerState;
 	exports.install = install$1;
-	exports.version = version$1;
+	exports.version = version;
 
 	Object.defineProperty(exports, '__esModule', { value: true });