@appbaseio/reactivesearch-vue 3.0.0-rc.6 → 3.0.0-rc.6.2

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

@@ -7305,6 +7305,13 @@
 	                  }, props[component].componentType === constants$1.componentTypes.searchBox));
 	                }
 	              } else if (response.AIAnswer) {
+	                if (response.AIAnswer.error) {
+	                  dispatch((0, misc.setAIResponseError)(component, {
+	                    message: response.AIAnswer.error
+	                  }));
+	                  dispatch((0, misc.setLoading)(component, false));
+	                  return;
+	                }
 	                var input = response.AIAnswer;
 	                var finalResponse = {
 	                  answer: {
@@ -9478,8 +9485,18 @@
 	function t(e, t) {
 	  for (var n = 0; n < t.length; n++) {
 	    var r = t[n];
-	    r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), Object.defineProperty(e, r.key, r);
+	    r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), Object.defineProperty(e, "symbol" == typeof (i = function (e, t) {
+	      if ("object" != typeof e || null === e) return e;
+	      var n = e[Symbol.toPrimitive];
+	      if (void 0 !== n) {
+	        var r = n.call(e, "string");
+	        if ("object" != typeof r) return r;
+	        throw new TypeError("@@toPrimitive must return a primitive value.");
+	      }
+	      return String(e);
+	    }(r.key)) ? i : String(i), r);
 	  }
+	  var i;
 	}
 	function n(e, n, r) {
 	  return n && t(e.prototype, n), r && t(e, r), Object.defineProperty(e, "prototype", {
@@ -9520,26 +9537,26 @@
 	  l = Object.prototype,
 	  c = l.toString,
 	  s = l.hasOwnProperty,
-	  d = /^\s*function (\w+)/;
-	function v(e) {
+	  v = /^\s*function (\w+)/;
+	function d(e) {
 	  var t,
 	    n = null !== (t = null == e ? void 0 : e.type) && void 0 !== t ? t : e;
 	  if (n) {
-	    var r = n.toString().match(d);
+	    var r = n.toString().match(v);
 	    return r ? r[1] : "";
 	  }
 	  return "";
 	}
-	var p = isPlainObject$1,
-	  y = function y(e) {
+	var y = isPlainObject$1,
+	  p = function p(e) {
 	    return e;
 	  },
-	  h = y;
+	  h = p;
 	{
 	  var b = "undefined" != typeof console;
 	  h = b ? function (e, t) {
 	    void 0 === t && (t = a.logLevel), !1 === a.silent && console[t]("[VueTypes warn]: " + e);
-	  } : y;
+	  } : p;
 	}
 	var g = function g(e, t) {
 	    return s.call(e, t);
@@ -9554,10 +9571,10 @@
 	    return "[object Function]" === c.call(e);
 	  },
 	  _ = function _(e, t) {
-	    return p(e) && g(e, "_vueTypes_name") && (!t || e._vueTypes_name === t);
+	    return y(e) && g(e, "_vueTypes_name") && (!t || e._vueTypes_name === t);
 	  },
 	  T = function T(e) {
-	    return p(e) && (g(e, "type") || ["_vueTypes_name", "validator", "default", "required"].some(function (t) {
+	    return y(e) && (g(e, "type") || ["_vueTypes_name", "validator", "default", "required"].some(function (t) {
 	      return g(e, t);
 	    }));
 	  };
@@ -9566,25 +9583,25 @@
 	    value: e
 	  });
 	}
-	function k(e, t, n) {
+	function P(e, t, n) {
 	  var r;
 	  void 0 === n && (n = !1);
 	  var i = !0,
 	    o = "";
-	  r = p(e) ? e : {
+	  r = y(e) ? e : {
 	    type: e
 	  };
 	  var u = _(r) ? r._vueTypes_name + " - " : "";
 	  if (T(r) && null !== r.type) {
 	    if (void 0 === r.type || !0 === r.type) return i;
-	    if (!r.required && void 0 === t) return i;
+	    if (!r.required && null == t) return i;
 	    m(r.type) ? (i = r.type.some(function (e) {
-	      return !0 === k(e, t, !0);
+	      return !0 === P(e, t, !0);
 	    }), o = r.type.map(function (e) {
-	      return v(e);
-	    }).join(" or ")) : i = "Array" === (o = v(r)) ? m(t) : "Object" === o ? p(t) : "String" === o || "Number" === o || "Boolean" === o || "Function" === o ? function (e) {
+	      return d(e);
+	    }).join(" or ")) : i = "Array" === (o = d(r)) ? m(t) : "Object" === o ? y(t) : "String" === o || "Number" === o || "Boolean" === o || "Function" === o ? function (e) {
 	      if (null == e) return "";
-	      var t = e.constructor.toString().match(d);
+	      var t = e.constructor.toString().match(v);
 	      return t ? t[1] : "";
 	    }(t) === o : t instanceof r.type;
 	  }
@@ -9604,7 +9621,7 @@
 	  }
 	  return i;
 	}
-	function P(e, t) {
+	function k(e, t) {
 	  var n = Object.defineProperties(t, {
 	      _vueTypes_name: {
 	        value: e,
@@ -9617,9 +9634,9 @@
 	      },
 	      def: {
 	        value: function value(e) {
-	          return void 0 === e ? this.type === Boolean || Array.isArray(this.type) && this.type.includes(Boolean) ? void (this["default"] = void 0) : (g(this, "default") && delete this["default"], this) : j(e) || !0 === k(this, e, !0) ? (this["default"] = m(e) ? function () {
+	          return void 0 === e ? this.type === Boolean || Array.isArray(this.type) && this.type.includes(Boolean) ? void (this["default"] = void 0) : (g(this, "default") && delete this["default"], this) : j(e) || !0 === P(this, e, !0) ? (this["default"] = m(e) ? function () {
 	            return [].concat(e);
-	          } : p(e) ? function () {
+	          } : y(e) ? function () {
 	            return Object.assign({}, e);
 	          } : e, this) : (h(this._vueTypes_name + ' - invalid default value: "' + e + '"'), this);
 	        }
@@ -9629,28 +9646,28 @@
 	  return j(r) && (n.validator = w(r, n)), n;
 	}
 	function x(e, t) {
-	  var n = P(e, t);
+	  var n = k(e, t);
 	  return Object.defineProperty(n, "validate", {
 	    value: function value(e) {
 	      return j(this.validator) && h(this._vueTypes_name + " - calling .validate() will overwrite the current custom validator function. Validator info:\n" + JSON.stringify(this)), this.validator = w(e, this), this;
 	    }
 	  });
 	}
-	function A(e, t, n) {
+	function S(e, t, n) {
 	  var r,
 	    i,
 	    o = (r = t, i = {}, Object.getOwnPropertyNames(r).forEach(function (e) {
 	      i[e] = Object.getOwnPropertyDescriptor(r, e);
 	    }), Object.defineProperties({}, i));
-	  if (o._vueTypes_name = e, !p(n)) return o;
+	  if (o._vueTypes_name = e, !y(n)) return o;
 	  var a,
 	    l,
 	    c = n.validator,
 	    s = u(n, f);
 	  if (j(c)) {
-	    var d = o.validator;
-	    d && (d = null !== (l = (a = d).__original) && void 0 !== l ? l : a), o.validator = w(d ? function (e) {
-	      return d.call(this, e) && c.call(this, e);
+	    var v = o.validator;
+	    v && (v = null !== (l = (a = v).__original) && void 0 !== l ? l : a), o.validator = w(v ? function (e) {
+	      return v.call(this, e) && c.call(this, e);
 	    } : c, o);
 	  }
 	  return Object.assign(o, s);
@@ -9658,7 +9675,7 @@
 	function E(e) {
 	  return e.replace(/^(?!\s*$)/gm, "  ");
 	}
-	var S = function S() {
+	var A = function A() {
 	    return x("any", {});
 	  },
 	  N = function N() {
@@ -9692,7 +9709,7 @@
 	    });
 	  },
 	  F = function F() {
-	    return P("integer", {
+	    return k("integer", {
 	      type: Number,
 	      validator: function validator(e) {
 	        var t = O(e);
@@ -9701,7 +9718,7 @@
 	    });
 	  },
 	  Y = function Y() {
-	    return P("symbol", {
+	    return k("symbol", {
 	      validator: function validator(e) {
 	        var t = "symbol" == typeof e;
 	        return !1 === t && h('symbol - invalid value "' + e + '"'), t;
@@ -9721,7 +9738,7 @@
 	  };
 	function J(e, t) {
 	  if (void 0 === t && (t = "custom validation failed"), "function" != typeof e) throw new TypeError("[VueTypes error]: You must provide a function as argument");
-	  return P(e.name || "<<anonymous function>>", {
+	  return k(e.name || "<<anonymous function>>", {
 	    type: null,
 	    validator: function validator(n) {
 	      var r = e(n);
@@ -9750,7 +9767,7 @@
 	    }, []);
 	    r.length > 0 && (n.type = r);
 	  }
-	  return P("oneOf", n);
+	  return k("oneOf", n);
 	}
 	function R(e) {
 	  if (!m(e)) throw new TypeError("[VueTypes error]: You must provide an array as argument");
@@ -9776,12 +9793,12 @@
 	    return r.indexOf(e) === t;
 	  });
 	  var u = !1 === n && r.length > 0 ? r : null;
-	  return P("oneOfType", t ? {
+	  return k("oneOfType", t ? {
 	    type: u,
 	    validator: function validator(t) {
 	      var n = [],
 	        r = e.some(function (e) {
-	          var r = k(e, t, !0);
+	          var r = P(e, t, !0);
 	          return "string" == typeof r && n.push(r), !0 === r;
 	        });
 	      return r || h("oneOfType - provided value does not match any of the " + n.length + " passed-in validators:\n" + E(n.join("\n"))), r;
@@ -9791,29 +9808,29 @@
 	  });
 	}
 	function U(e) {
-	  return P("arrayOf", {
+	  return k("arrayOf", {
 	    type: Array,
 	    validator: function validator(t) {
 	      var n = "",
 	        r = t.every(function (t) {
-	          return !0 === (n = k(e, t, !0));
+	          return !0 === (n = P(e, t, !0));
 	        });
 	      return r || h("arrayOf - value validation error:\n" + E(n)), r;
 	    }
 	  });
 	}
 	function $(e) {
-	  return P("instanceOf", {
+	  return k("instanceOf", {
 	    type: e
 	  });
 	}
 	function z(e) {
-	  return P("objectOf", {
+	  return k("objectOf", {
 	    type: Object,
 	    validator: function validator(t) {
 	      var n = "",
 	        r = Object.keys(t).every(function (r) {
-	          return !0 === (n = k(e, t[r], !0));
+	          return !0 === (n = P(e, t[r], !0));
 	        });
 	      return r || h("objectOf - value validation error:\n" + E(n)), r;
 	    }
@@ -9825,11 +9842,11 @@
 	      var n;
 	      return !(null === (n = e[t]) || void 0 === n || !n.required);
 	    }),
-	    r = P("shape", {
+	    r = k("shape", {
 	      type: Object,
 	      validator: function validator(r) {
 	        var i = this;
-	        if (!p(r)) return !1;
+	        if (!y(r)) return !1;
 	        var o = Object.keys(r);
 	        if (n.length > 0 && n.some(function (e) {
 	          return -1 === o.indexOf(e);
@@ -9841,7 +9858,7 @@
 	        }
 	        return o.every(function (n) {
 	          if (-1 === t.indexOf(n)) return !0 === i._vueTypes_isLoose || (h('shape - shape definition does not include a "' + n + '" property. Allowed keys: "' + t.join('", "') + '".'), !1);
-	          var o = k(e[n], r[n], !0);
+	          var o = P(e[n], r[n], !0);
 	          return "string" == typeof o && h('shape - "' + n + '" property validation error:\n ' + E(o)), !0 === o;
 	        });
 	      }
@@ -9876,18 +9893,18 @@
 	          c = f.type;
 	        return _(c) ? (delete f.type, Object.defineProperty(this, n, a ? {
 	          get: function get() {
-	            return A(n, c, f);
+	            return S(n, c, f);
 	          }
 	        } : {
 	          value: function value() {
 	            var e,
-	              t = A(n, c, f);
+	              t = S(n, c, f);
 	            return t.validator && (t.validator = (e = t.validator).bind.apply(e, [t].concat([].slice.call(arguments)))), t;
 	          }
 	        })) : (l = a ? {
 	          get: function get() {
 	            var e = Object.assign({}, f);
-	            return i ? x(n, e) : P(n, e);
+	            return i ? x(n, e) : k(n, e);
 	          },
 	          enumerable: !0
 	        } : {
@@ -9895,14 +9912,14 @@
 	            var e,
 	              t,
 	              r = Object.assign({}, f);
-	            return e = i ? x(n, r) : P(n, r), r.validator && (e.validator = (t = r.validator).bind.apply(t, [e].concat([].slice.call(arguments)))), e;
+	            return e = i ? x(n, r) : k(n, r), r.validator && (e.validator = (t = r.validator).bind.apply(t, [e].concat([].slice.call(arguments)))), e;
 	          },
 	          enumerable: !0
 	        }, Object.defineProperty(this, n, l));
 	      }, n(e, null, [{
 	        key: "any",
 	        get: function get() {
-	          return S();
+	          return A();
 	        }
 	      }, {
 	        key: "func",
@@ -9952,10 +9969,10 @@
 	      }]), e;
 	    }(), e.defaults = {}, e.sensibleDefaults = void 0, e.config = a, e.custom = J, e.oneOf = M, e.instanceOf = $, e.oneOfType = R, e.arrayOf = U, e.objectOf = z, e.shape = C, e.utils = {
 	      validate: function validate(e, t) {
-	        return !0 === k(t, e, !0);
+	        return !0 === P(t, e, !0);
 	      },
 	      toType: function toType(e, t, n) {
-	        return void 0 === n && (n = !1), n ? x(e, t) : P(e, t);
+	        return void 0 === n && (n = !1), n ? x(e, t) : k(e, t);
 	      }
 	    }, e;
 	  }();
@@ -10126,7 +10143,7 @@
 	  return StyleSheet;
 	}();
 
-	var e="-ms-";var r$1="-moz-";var a$1="-webkit-";var n$1="comm";var c$1="rule";var s$1="decl";var i$1="@import";var h$1="@keyframes";var $$1=Math.abs;var k$1=String.fromCharCode;var g$1=Object.assign;function m$1(e,r){return C$1(e,0)^45?(((r<<2^C$1(e,0))<<2^C$1(e,1))<<2^C$1(e,2))<<2^C$1(e,3):0}function x$1(e){return e.trim()}function y$1(e,r){return (e=r.exec(e))?e[0]:e}function j$1(e,r,a){return e.replace(r,a)}function z$1(e,r){return e.indexOf(r)}function C$1(e,r){return e.charCodeAt(r)|0}function O$1(e,r,a){return e.slice(r,a)}function A$1(e){return e.length}function M$1(e){return e.length}function S$1(e,r){return r.push(e),e}function q$1(e,r){return e.map(r).join("")}var B$1=1;var D$1=1;var E$1=0;var F$1=0;var G$1=0;var H$1="";function I$1(e,r,a,n,c,s,t){return {value:e,root:r,parent:a,type:n,props:c,children:s,line:B$1,column:D$1,length:t,return:""}}function J$1(e,r){return g$1(I$1("",null,null,"",null,null,0),e,{length:-e.length},r)}function K$1(){return G$1}function L$1(){G$1=F$1>0?C$1(H$1,--F$1):0;if(D$1--,G$1===10)D$1=1,B$1--;return G$1}function N$1(){G$1=F$1<E$1?C$1(H$1,F$1++):0;if(D$1++,G$1===10)D$1=1,B$1++;return G$1}function P$1(){return C$1(H$1,F$1)}function Q$1(){return F$1}function R$1(e,r){return O$1(H$1,e,r)}function T$1(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function U$1(e){return B$1=D$1=1,E$1=A$1(H$1=e),F$1=0,[]}function V$1(e){return H$1="",e}function W(e){return x$1(R$1(F$1-1,ee(e===91?e+2:e===40?e+1:e)))}function Y$1(e){while(G$1=P$1())if(G$1<33)N$1();else break;return T$1(e)>2||T$1(G$1)>3?"":" "}function _$1(e,r){while(--r&&N$1())if(G$1<48||G$1>102||G$1>57&&G$1<65||G$1>70&&G$1<97)break;return R$1(e,Q$1()+(r<6&&P$1()==32&&N$1()==32))}function ee(e){while(N$1())switch(G$1){case e:return F$1;case 34:case 39:if(e!==34&&e!==39)ee(G$1);break;case 40:if(e===41)ee(e);break;case 92:N$1();break}return F$1}function re(e,r){while(N$1())if(e+G$1===47+10)break;else if(e+G$1===42+42&&P$1()===47)break;return "/*"+R$1(r,F$1-1)+"*"+k$1(e===47?e:N$1())}function ae(e){while(!T$1(P$1()))N$1();return R$1(e,F$1)}function ne(e){return V$1(ce("",null,null,null,[""],e=U$1(e),0,[0],e))}function ce(e,r,a,n,c,s,t,u,i){var f=0;var o=0;var l=t;var v=0;var p=0;var h=0;var b=1;var w=1;var d=1;var $=0;var g="";var m=c;var x=s;var y=n;var O=g;while(w)switch(h=$,$=N$1()){case 40:if(h!=108&&C$1(O,l-1)==58){if(z$1(O+=j$1(W($),"&","&\f"),"&\f")!=-1)d=-1;break}case 34:case 39:case 91:O+=W($);break;case 9:case 10:case 13:case 32:O+=Y$1(h);break;case 92:O+=_$1(Q$1()-1,7);continue;case 47:switch(P$1()){case 42:case 47:S$1(te(re(N$1(),Q$1()),r,a),i);break;default:O+="/";}break;case 123*b:u[f++]=A$1(O)*d;case 125*b:case 59:case 0:switch($){case 0:case 125:w=0;case 59+o:if(p>0&&A$1(O)-l)S$1(p>32?ue(O+";",n,a,l-1):ue(j$1(O," ","")+";",n,a,l-2),i);break;case 59:O+=";";default:S$1(y=se(O,r,a,f,o,c,u,g,m=[],x=[],l),s);if($===123)if(o===0)ce(O,r,y,y,m,s,l,u,x);else switch(v===99&&C$1(O,3)===110?100:v){case 100:case 109:case 115:ce(e,y,y,n&&S$1(se(e,y,y,0,0,c,u,g,c,m=[],l),x),c,x,l,u,n?m:x);break;default:ce(O,y,y,y,[""],x,0,u,x);}}f=o=p=0,b=d=1,g=O="",l=t;break;case 58:l=1+A$1(O),p=h;default:if(b<1)if($==123)--b;else if($==125&&b++==0&&L$1()==125)continue;switch(O+=k$1($),$*b){case 38:d=o>0?1:(O+="\f",-1);break;case 44:u[f++]=(A$1(O)-1)*d,d=1;break;case 64:if(P$1()===45)O+=W(N$1());v=P$1(),o=l=A$1(g=O+=ae(Q$1())),$++;break;case 45:if(h===45&&A$1(O)==2)b=0;}}return s}function se(e,r,a,n,s,t,u,i,f,o,l){var v=s-1;var p=s===0?t:[""];var h=M$1(p);for(var b=0,w=0,d=0;b<n;++b)for(var k=0,g=O$1(e,v+1,v=$$1(w=u[b])),m=e;k<h;++k)if(m=x$1(w>0?p[k]+" "+g:j$1(g,/&\f/g,p[k])))f[d++]=m;return I$1(e,r,a,s===0?c$1:i,f,o,l)}function te(e,r,a){return I$1(e,r,a,n$1,k$1(K$1()),O$1(e,2,-2),0)}function ue(e,r,a,n){return I$1(e,r,a,s$1,O$1(e,0,n),O$1(e,n+1,-1),n)}function fe(e,r){var a="";var n=M$1(e);for(var c=0;c<n;c++)a+=r(e[c],c,e,r)||"";return a}function oe(e,r,a,t){switch(e.type){case i$1:case s$1:return e.return=e.return||e.value;case n$1:return "";case h$1:return e.return=e.value+"{"+fe(e.children,t)+"}";case c$1:e.value=e.props.join(",");}return A$1(a=fe(e.children,t))?e.return=e.value+"{"+a+"}":""}function le(e){var r=M$1(e);return function(a,n,c,s){var t="";for(var u=0;u<r;u++)t+=e[u](a,n,c,s)||"";return t}}
+	var e="-ms-";var r$1="-moz-";var a$1="-webkit-";var n$1="comm";var c$1="rule";var s$1="decl";var i$1="@import";var h$1="@keyframes";var $$1="@layer";var g$1=Math.abs;var k$1=String.fromCharCode;var m$1=Object.assign;function x$1(e,r){return O$1(e,0)^45?(((r<<2^O$1(e,0))<<2^O$1(e,1))<<2^O$1(e,2))<<2^O$1(e,3):0}function y$1(e){return e.trim()}function j$1(e,r){return (e=r.exec(e))?e[0]:e}function z$1(e,r,a){return e.replace(r,a)}function C$1(e,r){return e.indexOf(r)}function O$1(e,r){return e.charCodeAt(r)|0}function A$1(e,r,a){return e.slice(r,a)}function M$1(e){return e.length}function S$1(e){return e.length}function q$1(e,r){return r.push(e),e}function B$1(e,r){return e.map(r).join("")}var D$1=1;var E$1=1;var F$1=0;var G$1=0;var H$1=0;var I$1="";function J$1(e,r,a,n,c,s,t){return {value:e,root:r,parent:a,type:n,props:c,children:s,line:D$1,column:E$1,length:t,return:""}}function K$1(e,r){return m$1(J$1("",null,null,"",null,null,0),e,{length:-e.length},r)}function L$1(){return H$1}function N$1(){H$1=G$1>0?O$1(I$1,--G$1):0;if(E$1--,H$1===10)E$1=1,D$1--;return H$1}function P$1(){H$1=G$1<F$1?O$1(I$1,G$1++):0;if(E$1++,H$1===10)E$1=1,D$1++;return H$1}function Q$1(){return O$1(I$1,G$1)}function R$1(){return G$1}function T$1(e,r){return A$1(I$1,e,r)}function U$1(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function V$1(e){return D$1=E$1=1,F$1=M$1(I$1=e),G$1=0,[]}function W(e){return I$1="",e}function X(e){return y$1(T$1(G$1-1,re(e===91?e+2:e===40?e+1:e)))}function Z(e){while(H$1=Q$1())if(H$1<33)P$1();else break;return U$1(e)>2||U$1(H$1)>3?"":" "}function ee(e,r){while(--r&&P$1())if(H$1<48||H$1>102||H$1>57&&H$1<65||H$1>70&&H$1<97)break;return T$1(e,R$1()+(r<6&&Q$1()==32&&P$1()==32))}function re(e){while(P$1())switch(H$1){case e:return G$1;case 34:case 39:if(e!==34&&e!==39)re(H$1);break;case 40:if(e===41)re(e);break;case 92:P$1();break}return G$1}function ae(e,r){while(P$1())if(e+H$1===47+10)break;else if(e+H$1===42+42&&Q$1()===47)break;return "/*"+T$1(r,G$1-1)+"*"+k$1(e===47?e:P$1())}function ne(e){while(!U$1(Q$1()))P$1();return T$1(e,G$1)}function ce(e){return W(se("",null,null,null,[""],e=V$1(e),0,[0],e))}function se(e,r,a,n,c,s,t,u,i){var f=0;var o=0;var l=t;var v=0;var p=0;var h=0;var b=1;var w=1;var d=1;var $=0;var g="";var m=c;var x=s;var y=n;var j=g;while(w)switch(h=$,$=P$1()){case 40:if(h!=108&&O$1(j,l-1)==58){if(C$1(j+=z$1(X($),"&","&\f"),"&\f")!=-1)d=-1;break}case 34:case 39:case 91:j+=X($);break;case 9:case 10:case 13:case 32:j+=Z(h);break;case 92:j+=ee(R$1()-1,7);continue;case 47:switch(Q$1()){case 42:case 47:q$1(ue(ae(P$1(),R$1()),r,a),i);break;default:j+="/";}break;case 123*b:u[f++]=M$1(j)*d;case 125*b:case 59:case 0:switch($){case 0:case 125:w=0;case 59+o:if(d==-1)j=z$1(j,/\f/g,"");if(p>0&&M$1(j)-l)q$1(p>32?ie(j+";",n,a,l-1):ie(z$1(j," ","")+";",n,a,l-2),i);break;case 59:j+=";";default:q$1(y=te(j,r,a,f,o,c,u,g,m=[],x=[],l),s);if($===123)if(o===0)se(j,r,y,y,m,s,l,u,x);else switch(v===99&&O$1(j,3)===110?100:v){case 100:case 108:case 109:case 115:se(e,y,y,n&&q$1(te(e,y,y,0,0,c,u,g,c,m=[],l),x),c,x,l,u,n?m:x);break;default:se(j,y,y,y,[""],x,0,u,x);}}f=o=p=0,b=d=1,g=j="",l=t;break;case 58:l=1+M$1(j),p=h;default:if(b<1)if($==123)--b;else if($==125&&b++==0&&N$1()==125)continue;switch(j+=k$1($),$*b){case 38:d=o>0?1:(j+="\f",-1);break;case 44:u[f++]=(M$1(j)-1)*d,d=1;break;case 64:if(Q$1()===45)j+=X(P$1());v=Q$1(),o=l=M$1(g=j+=ne(R$1())),$++;break;case 45:if(h===45&&M$1(j)==2)b=0;}}return s}function te(e,r,a,n,s,t,u,i,f,o,l){var v=s-1;var p=s===0?t:[""];var h=S$1(p);for(var b=0,w=0,d=0;b<n;++b)for(var $=0,k=A$1(e,v+1,v=g$1(w=u[b])),m=e;$<h;++$)if(m=y$1(w>0?p[$]+" "+k:z$1(k,/&\f/g,p[$])))f[d++]=m;return J$1(e,r,a,s===0?c$1:i,f,o,l)}function ue(e,r,a){return J$1(e,r,a,n$1,k$1(L$1()),A$1(e,2,-2),0)}function ie(e,r,a,n){return J$1(e,r,a,s$1,A$1(e,0,n),A$1(e,n+1,-1),n)}function oe(e,r){var a="";var n=S$1(e);for(var c=0;c<n;c++)a+=r(e[c],c,e,r)||"";return a}function le(e,r,a,t){switch(e.type){case $$1:if(e.children.length)break;case i$1:case s$1:return e.return=e.return||e.value;case n$1:return "";case h$1:return e.return=e.value+"{"+oe(e.children,t)+"}";case c$1:e.value=e.props.join(",");}return M$1(a=oe(e.children,t))?e.return=e.value+"{"+a+"}":""}function ve(e){var r=S$1(e);return function(a,n,c,s){var t="";for(var u=0;u<r;u++)t+=e[u](a,n,c,s)||"";return t}}
 
 	function memoize(fn) {
 	  var cache = Object.create(null);
@@ -10141,43 +10158,43 @@
 	  var character = 0;
 	  while (true) {
 	    previous = character;
-	    character = P$1(); // &\f
+	    character = Q$1(); // &\f
 
 	    if (previous === 38 && character === 12) {
 	      points[index] = 1;
 	    }
-	    if (T$1(character)) {
+	    if (U$1(character)) {
 	      break;
 	    }
-	    N$1();
+	    P$1();
 	  }
-	  return R$1(begin, F$1);
+	  return T$1(begin, G$1);
 	};
 	var toRules = function toRules(parsed, points) {
 	  // pretend we've started with a comma
 	  var index = -1;
 	  var character = 44;
 	  do {
-	    switch (T$1(character)) {
+	    switch (U$1(character)) {
 	      case 0:
 	        // &\f
-	        if (character === 38 && P$1() === 12) {
+	        if (character === 38 && Q$1() === 12) {
 	          // this is not 100% correct, we don't account for literal sequences here - like for example quoted strings
 	          // stylis inserts \f after & to know when & where it should replace this sequence with the context selector
 	          // and when it should just concatenate the outer and inner selectors
 	          // it's very unlikely for this sequence to actually appear in a different context, so we just leverage this fact here
 	          points[index] = 1;
 	        }
-	        parsed[index] += identifierWithPointTracking(F$1 - 1, points, index);
+	        parsed[index] += identifierWithPointTracking(G$1 - 1, points, index);
 	        break;
 	      case 2:
-	        parsed[index] += W(character);
+	        parsed[index] += X(character);
 	        break;
 	      case 4:
 	        // comma
 	        if (character === 44) {
 	          // colon
-	          parsed[++index] = P$1() === 58 ? '&\f' : '';
+	          parsed[++index] = Q$1() === 58 ? '&\f' : '';
 	          points[index] = parsed[index].length;
 	          break;
 	        }
@@ -10187,11 +10204,11 @@
 	      default:
 	        parsed[index] += k$1(character);
 	    }
-	  } while (character = N$1());
+	  } while (character = P$1());
 	  return parsed;
 	};
 	var getRules = function getRules(value, points) {
-	  return V$1(toRules(U$1(value), points));
+	  return W(toRules(V$1(value), points));
 	}; // WeakSet would be more appropriate, but only WeakMap is supported in IE11
 
 	var fixedElements = /* #__PURE__ */new WeakMap();
@@ -10252,7 +10269,7 @@
 	    if (element.type !== 'rule' || cache.compat) return;
 	    var unsafePseudoClasses = element.value.match(/(:first|:nth|:nth-last)-child/g);
 	    if (unsafePseudoClasses) {
-	      var isNested = element.parent === children[0]; // in nested rules comments become children of the "auto-inserted" rule
+	      var isNested = !!element.parent; // in nested rules comments become children of the "auto-inserted" rule and that's always the `element.parent`
 	      //
 	      // considering this input:
 	      // .a {
@@ -10268,7 +10285,7 @@
 	      //   .b {}
 	      // }
 
-	      var commentContainer = isNested ? children[0].children :
+	      var commentContainer = isNested ? element.parent.children :
 	      // global rule at the root level
 	      children;
 	      for (var i = commentContainer.length - 1; i >= 0; i--) {
@@ -10342,7 +10359,7 @@
 	/* eslint-disable no-fallthrough */
 
 	function prefix(value, length) {
-	  switch (m$1(value, length)) {
+	  switch (x$1(value, length)) {
 	    // color-adjust
 	    case 5103:
 	      return a$1 + 'print-' + value + value;
@@ -10397,51 +10414,51 @@
 	    // align-items
 
 	    case 5187:
-	      return a$1 + value + j$1(value, /(\w+).+(:[^]+)/, a$1 + 'box-$1$2' + e + 'flex-$1$2') + value;
+	      return a$1 + value + z$1(value, /(\w+).+(:[^]+)/, a$1 + 'box-$1$2' + e + 'flex-$1$2') + value;
 	    // align-self
 
 	    case 5443:
-	      return a$1 + value + e + 'flex-item-' + j$1(value, /flex-|-self/, '') + value;
+	      return a$1 + value + e + 'flex-item-' + z$1(value, /flex-|-self/, '') + value;
 	    // align-content
 
 	    case 4675:
-	      return a$1 + value + e + 'flex-line-pack' + j$1(value, /align-content|flex-|-self/, '') + value;
+	      return a$1 + value + e + 'flex-line-pack' + z$1(value, /align-content|flex-|-self/, '') + value;
 	    // flex-shrink
 
 	    case 5548:
-	      return a$1 + value + e + j$1(value, 'shrink', 'negative') + value;
+	      return a$1 + value + e + z$1(value, 'shrink', 'negative') + value;
 	    // flex-basis
 
 	    case 5292:
-	      return a$1 + value + e + j$1(value, 'basis', 'preferred-size') + value;
+	      return a$1 + value + e + z$1(value, 'basis', 'preferred-size') + value;
 	    // flex-grow
 
 	    case 6060:
-	      return a$1 + 'box-' + j$1(value, '-grow', '') + a$1 + value + e + j$1(value, 'grow', 'positive') + value;
+	      return a$1 + 'box-' + z$1(value, '-grow', '') + a$1 + value + e + z$1(value, 'grow', 'positive') + value;
 	    // transition
 
 	    case 4554:
-	      return a$1 + j$1(value, /([^-])(transform)/g, '$1' + a$1 + '$2') + value;
+	      return a$1 + z$1(value, /([^-])(transform)/g, '$1' + a$1 + '$2') + value;
 	    // cursor
 
 	    case 6187:
-	      return j$1(j$1(j$1(value, /(zoom-|grab)/, a$1 + '$1'), /(image-set)/, a$1 + '$1'), value, '') + value;
+	      return z$1(z$1(z$1(value, /(zoom-|grab)/, a$1 + '$1'), /(image-set)/, a$1 + '$1'), value, '') + value;
 	    // background, background-image
 
 	    case 5495:
 	    case 3959:
-	      return j$1(value, /(image-set\([^]*)/, a$1 + '$1' + '$`$1');
+	      return z$1(value, /(image-set\([^]*)/, a$1 + '$1' + '$`$1');
 	    // justify-content
 
 	    case 4968:
-	      return j$1(j$1(value, /(.+:)(flex-)?(.*)/, a$1 + 'box-pack:$3' + e + 'flex-pack:$3'), /s.+-b[^;]+/, 'justify') + a$1 + value + value;
+	      return z$1(z$1(value, /(.+:)(flex-)?(.*)/, a$1 + 'box-pack:$3' + e + 'flex-pack:$3'), /s.+-b[^;]+/, 'justify') + a$1 + value + value;
 	    // (margin|padding)-inline-(start|end)
 
 	    case 4095:
 	    case 3583:
 	    case 4068:
 	    case 2532:
-	      return j$1(value, /(.+)-inline(.+)/, a$1 + '$1$2') + value;
+	      return z$1(value, /(.+)-inline(.+)/, a$1 + '$1$2') + value;
 	    // (min|max)?(width|height|inline-size|block-size)
 
 	    case 8116:
@@ -10457,54 +10474,54 @@
 	    case 5021:
 	    case 4765:
 	      // stretch, max-content, min-content, fill-available
-	      if (A$1(value) - 1 - length > 6) switch (C$1(value, length + 1)) {
+	      if (M$1(value) - 1 - length > 6) switch (O$1(value, length + 1)) {
 	        // (m)ax-content, (m)in-content
 	        case 109:
 	          // -
-	          if (C$1(value, length + 4) !== 45) break;
+	          if (O$1(value, length + 4) !== 45) break;
 	        // (f)ill-available, (f)it-content
 
 	        case 102:
-	          return j$1(value, /(.+:)(.+)-([^]+)/, '$1' + a$1 + '$2-$3' + '$1' + r$1 + (C$1(value, length + 3) == 108 ? '$3' : '$2-$3')) + value;
+	          return z$1(value, /(.+:)(.+)-([^]+)/, '$1' + a$1 + '$2-$3' + '$1' + r$1 + (O$1(value, length + 3) == 108 ? '$3' : '$2-$3')) + value;
 	        // (s)tretch
 
 	        case 115:
-	          return ~z$1(value, 'stretch') ? prefix(j$1(value, 'stretch', 'fill-available'), length) + value : value;
+	          return ~C$1(value, 'stretch') ? prefix(z$1(value, 'stretch', 'fill-available'), length) + value : value;
 	      }
 	      break;
 	    // position: sticky
 
 	    case 4949:
 	      // (s)ticky?
-	      if (C$1(value, length + 1) !== 115) break;
+	      if (O$1(value, length + 1) !== 115) break;
 	    // display: (flex|inline-flex)
 
 	    case 6444:
-	      switch (C$1(value, A$1(value) - 3 - (~z$1(value, '!important') && 10))) {
+	      switch (O$1(value, M$1(value) - 3 - (~C$1(value, '!important') && 10))) {
 	        // stic(k)y
 	        case 107:
-	          return j$1(value, ':', ':' + a$1) + value;
+	          return z$1(value, ':', ':' + a$1) + value;
 	        // (inline-)?fl(e)x
 
 	        case 101:
-	          return j$1(value, /(.+:)([^;!]+)(;|!.+)?/, '$1' + a$1 + (C$1(value, 14) === 45 ? 'inline-' : '') + 'box$3' + '$1' + a$1 + '$2$3' + '$1' + e + '$2box$3') + value;
+	          return z$1(value, /(.+:)([^;!]+)(;|!.+)?/, '$1' + a$1 + (O$1(value, 14) === 45 ? 'inline-' : '') + 'box$3' + '$1' + a$1 + '$2$3' + '$1' + e + '$2box$3') + value;
 	      }
 	      break;
 	    // writing-mode
 
 	    case 5936:
-	      switch (C$1(value, length + 11)) {
+	      switch (O$1(value, length + 11)) {
 	        // vertical-l(r)
 	        case 114:
-	          return a$1 + value + e + j$1(value, /[svh]\w+-[tblr]{2}/, 'tb') + value;
+	          return a$1 + value + e + z$1(value, /[svh]\w+-[tblr]{2}/, 'tb') + value;
 	        // vertical-r(l)
 
 	        case 108:
-	          return a$1 + value + e + j$1(value, /[svh]\w+-[tblr]{2}/, 'tb-rl') + value;
+	          return a$1 + value + e + z$1(value, /[svh]\w+-[tblr]{2}/, 'tb-rl') + value;
 	        // horizontal(-)tb
 
 	        case 45:
-	          return a$1 + value + e + j$1(value, /[svh]\w+-[tblr]{2}/, 'lr') + value;
+	          return a$1 + value + e + z$1(value, /[svh]\w+-[tblr]{2}/, 'lr') + value;
 	      }
 	      return a$1 + value + e + value + value;
 	  }
@@ -10516,27 +10533,27 @@
 	      element["return"] = prefix(element.value, element.length);
 	      break;
 	    case h$1:
-	      return fe([J$1(element, {
-	        value: j$1(element.value, '@', '@' + a$1)
+	      return oe([K$1(element, {
+	        value: z$1(element.value, '@', '@' + a$1)
 	      })], callback);
 	    case c$1:
-	      if (element.length) return q$1(element.props, function (value) {
-	        switch (y$1(value, /(::plac\w+|:read-\w+)/)) {
+	      if (element.length) return B$1(element.props, function (value) {
+	        switch (j$1(value, /(::plac\w+|:read-\w+)/)) {
 	          // :read-(only|write)
 	          case ':read-only':
 	          case ':read-write':
-	            return fe([J$1(element, {
-	              props: [j$1(value, /:(read-\w+)/, ':' + r$1 + '$1')]
+	            return oe([K$1(element, {
+	              props: [z$1(value, /:(read-\w+)/, ':' + r$1 + '$1')]
 	            })], callback);
 	          // :placeholder
 
 	          case '::placeholder':
-	            return fe([J$1(element, {
-	              props: [j$1(value, /:(plac\w+)/, ':' + a$1 + 'input-$1')]
-	            }), J$1(element, {
-	              props: [j$1(value, /:(plac\w+)/, ':' + r$1 + '$1')]
-	            }), J$1(element, {
-	              props: [j$1(value, /:(plac\w+)/, e + 'input-$1')]
+	            return oe([K$1(element, {
+	              props: [z$1(value, /:(plac\w+)/, ':' + a$1 + 'input-$1')]
+	            }), K$1(element, {
+	              props: [z$1(value, /:(plac\w+)/, ':' + r$1 + '$1')]
+	            }), K$1(element, {
+	              props: [z$1(value, /:(plac\w+)/, e + 'input-$1')]
 	            })], callback);
 	        }
 	        return '';
@@ -10605,7 +10622,7 @@
 	  }
 	  {
 	    var currentSheet;
-	    var finalizingPlugins = [oe,  function (element) {
+	    var finalizingPlugins = [le,  function (element) {
 	      if (!element.root) {
 	        if (element["return"]) {
 	          currentSheet.insert(element["return"]);
@@ -10616,9 +10633,9 @@
 	        }
 	      }
 	    } ];
-	    var serializer = le(omnipresentPlugins.concat(stylisPlugins, finalizingPlugins));
+	    var serializer = ve(omnipresentPlugins.concat(stylisPlugins, finalizingPlugins));
 	    var stylis = function stylis(styles) {
-	      return fe(ne(styles), serializer);
+	      return oe(ce(styles), serializer);
 	    };
 	    _insert = function insert(selector, serialized, sheet, shouldCache) {
 	      currentSheet = sheet;
@@ -10689,7 +10706,7 @@
 	  if (cache.inserted[serialized.name] === undefined) {
 	    var current = serialized;
 	    do {
-	      var maybeStyles = cache.insert(serialized === current ? "." + className : '', current, cache.sheet, true);
+	      cache.insert(serialized === current ? "." + className : '', current, cache.sheet, true);
 	      current = current.next;
 	    } while (current !== undefined);
 	  }
@@ -10740,6 +10757,7 @@
 
 	var unitlessKeys = {
 	  animationIterationCount: 1,
+	  aspectRatio: 1,
 	  borderImageOutset: 1,
 	  borderImageSlice: 1,
 	  borderImageWidth: 1,
@@ -11142,28 +11160,6 @@
 	  };
 	};
 	var styled = createStyled;
-	function insertWithoutScoping(cache, serialized) {
-	  if (cache.inserted[serialized.name] === undefined) {
-	    return cache.insert("", serialized, cache.sheet, true);
-	  }
-	}
-	var createGlobalStyle = function createGlobalStyle() {
-	  for (var _len2 = arguments.length, styles = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-	    styles[_key2] = arguments[_key2];
-	  }
-	  return {
-	    inheritAttrs: false,
-	    render: function render(_ref2) {
-	      var $parent = _ref2.$parent,
-	        $attrs = _ref2.$attrs,
-	        $props = _ref2.$props;
-	      var cache = $parent.$emotionCache;
-	      var mergedProps = _extends({}, $props, $attrs);
-	      var serialized = serializeStyles(styles, cache.registered, mergedProps);
-	      insertWithoutScoping(cache, serialized);
-	    }
-	  };
-	};
 
 	/*
 
@@ -11309,43 +11305,43 @@
 	  var character = 0;
 	  while (true) {
 	    previous = character;
-	    character = P$1(); // &\f
+	    character = Q$1(); // &\f
 
 	    if (previous === 38 && character === 12) {
 	      points[index] = 1;
 	    }
-	    if (T$1(character)) {
+	    if (U$1(character)) {
 	      break;
 	    }
-	    N$1();
+	    P$1();
 	  }
-	  return R$1(begin, F$1);
+	  return T$1(begin, G$1);
 	};
 	var toRules$1 = function toRules(parsed, points) {
 	  // pretend we've started with a comma
 	  var index = -1;
 	  var character = 44;
 	  do {
-	    switch (T$1(character)) {
+	    switch (U$1(character)) {
 	      case 0:
 	        // &\f
-	        if (character === 38 && P$1() === 12) {
+	        if (character === 38 && Q$1() === 12) {
 	          // this is not 100% correct, we don't account for literal sequences here - like for example quoted strings
 	          // stylis inserts \f after & to know when & where it should replace this sequence with the context selector
 	          // and when it should just concatenate the outer and inner selectors
 	          // it's very unlikely for this sequence to actually appear in a different context, so we just leverage this fact here
 	          points[index] = 1;
 	        }
-	        parsed[index] += identifierWithPointTracking$1(F$1 - 1, points, index);
+	        parsed[index] += identifierWithPointTracking$1(G$1 - 1, points, index);
 	        break;
 	      case 2:
-	        parsed[index] += W(character);
+	        parsed[index] += X(character);
 	        break;
 	      case 4:
 	        // comma
 	        if (character === 44) {
 	          // colon
-	          parsed[++index] = P$1() === 58 ? '&\f' : '';
+	          parsed[++index] = Q$1() === 58 ? '&\f' : '';
 	          points[index] = parsed[index].length;
 	          break;
 	        }
@@ -11355,11 +11351,11 @@
 	      default:
 	        parsed[index] += k$1(character);
 	    }
-	  } while (character = N$1());
+	  } while (character = P$1());
 	  return parsed;
 	};
 	var getRules$1 = function getRules(value, points) {
-	  return V$1(toRules$1(U$1(value), points));
+	  return W(toRules$1(V$1(value), points));
 	}; // WeakSet would be more appropriate, but only WeakMap is supported in IE11
 
 	var fixedElements$1 = /* #__PURE__ */new WeakMap();
@@ -11420,7 +11416,7 @@
 	    if (element.type !== 'rule' || cache.compat) return;
 	    var unsafePseudoClasses = element.value.match(/(:first|:nth|:nth-last)-child/g);
 	    if (unsafePseudoClasses) {
-	      var isNested = element.parent === children[0]; // in nested rules comments become children of the "auto-inserted" rule
+	      var isNested = !!element.parent; // in nested rules comments become children of the "auto-inserted" rule and that's always the `element.parent`
 	      //
 	      // considering this input:
 	      // .a {
@@ -11436,7 +11432,7 @@
 	      //   .b {}
 	      // }
 
-	      var commentContainer = isNested ? children[0].children :
+	      var commentContainer = isNested ? element.parent.children :
 	      // global rule at the root level
 	      children;
 	      for (var i = commentContainer.length - 1; i >= 0; i--) {
@@ -11510,7 +11506,7 @@
 	/* eslint-disable no-fallthrough */
 
 	function prefix$1(value, length) {
-	  switch (m$1(value, length)) {
+	  switch (x$1(value, length)) {
 	    // color-adjust
 	    case 5103:
 	      return a$1 + 'print-' + value + value;
@@ -11565,51 +11561,51 @@
 	    // align-items
 
 	    case 5187:
-	      return a$1 + value + j$1(value, /(\w+).+(:[^]+)/, a$1 + 'box-$1$2' + e + 'flex-$1$2') + value;
+	      return a$1 + value + z$1(value, /(\w+).+(:[^]+)/, a$1 + 'box-$1$2' + e + 'flex-$1$2') + value;
 	    // align-self
 
 	    case 5443:
-	      return a$1 + value + e + 'flex-item-' + j$1(value, /flex-|-self/, '') + value;
+	      return a$1 + value + e + 'flex-item-' + z$1(value, /flex-|-self/, '') + value;
 	    // align-content
 
 	    case 4675:
-	      return a$1 + value + e + 'flex-line-pack' + j$1(value, /align-content|flex-|-self/, '') + value;
+	      return a$1 + value + e + 'flex-line-pack' + z$1(value, /align-content|flex-|-self/, '') + value;
 	    // flex-shrink
 
 	    case 5548:
-	      return a$1 + value + e + j$1(value, 'shrink', 'negative') + value;
+	      return a$1 + value + e + z$1(value, 'shrink', 'negative') + value;
 	    // flex-basis
 
 	    case 5292:
-	      return a$1 + value + e + j$1(value, 'basis', 'preferred-size') + value;
+	      return a$1 + value + e + z$1(value, 'basis', 'preferred-size') + value;
 	    // flex-grow
 
 	    case 6060:
-	      return a$1 + 'box-' + j$1(value, '-grow', '') + a$1 + value + e + j$1(value, 'grow', 'positive') + value;
+	      return a$1 + 'box-' + z$1(value, '-grow', '') + a$1 + value + e + z$1(value, 'grow', 'positive') + value;
 	    // transition
 
 	    case 4554:
-	      return a$1 + j$1(value, /([^-])(transform)/g, '$1' + a$1 + '$2') + value;
+	      return a$1 + z$1(value, /([^-])(transform)/g, '$1' + a$1 + '$2') + value;
 	    // cursor
 
 	    case 6187:
-	      return j$1(j$1(j$1(value, /(zoom-|grab)/, a$1 + '$1'), /(image-set)/, a$1 + '$1'), value, '') + value;
+	      return z$1(z$1(z$1(value, /(zoom-|grab)/, a$1 + '$1'), /(image-set)/, a$1 + '$1'), value, '') + value;
 	    // background, background-image
 
 	    case 5495:
 	    case 3959:
-	      return j$1(value, /(image-set\([^]*)/, a$1 + '$1' + '$`$1');
+	      return z$1(value, /(image-set\([^]*)/, a$1 + '$1' + '$`$1');
 	    // justify-content
 
 	    case 4968:
-	      return j$1(j$1(value, /(.+:)(flex-)?(.*)/, a$1 + 'box-pack:$3' + e + 'flex-pack:$3'), /s.+-b[^;]+/, 'justify') + a$1 + value + value;
+	      return z$1(z$1(value, /(.+:)(flex-)?(.*)/, a$1 + 'box-pack:$3' + e + 'flex-pack:$3'), /s.+-b[^;]+/, 'justify') + a$1 + value + value;
 	    // (margin|padding)-inline-(start|end)
 
 	    case 4095:
 	    case 3583:
 	    case 4068:
 	    case 2532:
-	      return j$1(value, /(.+)-inline(.+)/, a$1 + '$1$2') + value;
+	      return z$1(value, /(.+)-inline(.+)/, a$1 + '$1$2') + value;
 	    // (min|max)?(width|height|inline-size|block-size)
 
 	    case 8116:
@@ -11625,54 +11621,54 @@
 	    case 5021:
 	    case 4765:
 	      // stretch, max-content, min-content, fill-available
-	      if (A$1(value) - 1 - length > 6) switch (C$1(value, length + 1)) {
+	      if (M$1(value) - 1 - length > 6) switch (O$1(value, length + 1)) {
 	        // (m)ax-content, (m)in-content
 	        case 109:
 	          // -
-	          if (C$1(value, length + 4) !== 45) break;
+	          if (O$1(value, length + 4) !== 45) break;
 	        // (f)ill-available, (f)it-content
 
 	        case 102:
-	          return j$1(value, /(.+:)(.+)-([^]+)/, '$1' + a$1 + '$2-$3' + '$1' + r$1 + (C$1(value, length + 3) == 108 ? '$3' : '$2-$3')) + value;
+	          return z$1(value, /(.+:)(.+)-([^]+)/, '$1' + a$1 + '$2-$3' + '$1' + r$1 + (O$1(value, length + 3) == 108 ? '$3' : '$2-$3')) + value;
 	        // (s)tretch
 
 	        case 115:
-	          return ~z$1(value, 'stretch') ? prefix$1(j$1(value, 'stretch', 'fill-available'), length) + value : value;
+	          return ~C$1(value, 'stretch') ? prefix$1(z$1(value, 'stretch', 'fill-available'), length) + value : value;
 	      }
 	      break;
 	    // position: sticky
 
 	    case 4949:
 	      // (s)ticky?
-	      if (C$1(value, length + 1) !== 115) break;
+	      if (O$1(value, length + 1) !== 115) break;
 	    // display: (flex|inline-flex)
 
 	    case 6444:
-	      switch (C$1(value, A$1(value) - 3 - (~z$1(value, '!important') && 10))) {
+	      switch (O$1(value, M$1(value) - 3 - (~C$1(value, '!important') && 10))) {
 	        // stic(k)y
 	        case 107:
-	          return j$1(value, ':', ':' + a$1) + value;
+	          return z$1(value, ':', ':' + a$1) + value;
 	        // (inline-)?fl(e)x
 
 	        case 101:
-	          return j$1(value, /(.+:)([^;!]+)(;|!.+)?/, '$1' + a$1 + (C$1(value, 14) === 45 ? 'inline-' : '') + 'box$3' + '$1' + a$1 + '$2$3' + '$1' + e + '$2box$3') + value;
+	          return z$1(value, /(.+:)([^;!]+)(;|!.+)?/, '$1' + a$1 + (O$1(value, 14) === 45 ? 'inline-' : '') + 'box$3' + '$1' + a$1 + '$2$3' + '$1' + e + '$2box$3') + value;
 	      }
 	      break;
 	    // writing-mode
 
 	    case 5936:
-	      switch (C$1(value, length + 11)) {
+	      switch (O$1(value, length + 11)) {
 	        // vertical-l(r)
 	        case 114:
-	          return a$1 + value + e + j$1(value, /[svh]\w+-[tblr]{2}/, 'tb') + value;
+	          return a$1 + value + e + z$1(value, /[svh]\w+-[tblr]{2}/, 'tb') + value;
 	        // vertical-r(l)
 
 	        case 108:
-	          return a$1 + value + e + j$1(value, /[svh]\w+-[tblr]{2}/, 'tb-rl') + value;
+	          return a$1 + value + e + z$1(value, /[svh]\w+-[tblr]{2}/, 'tb-rl') + value;
 	        // horizontal(-)tb
 
 	        case 45:
-	          return a$1 + value + e + j$1(value, /[svh]\w+-[tblr]{2}/, 'lr') + value;
+	          return a$1 + value + e + z$1(value, /[svh]\w+-[tblr]{2}/, 'lr') + value;
 	      }
 	      return a$1 + value + e + value + value;
 	  }
@@ -11684,27 +11680,27 @@
 	      element["return"] = prefix$1(element.value, element.length);
 	      break;
 	    case h$1:
-	      return fe([J$1(element, {
-	        value: j$1(element.value, '@', '@' + a$1)
+	      return oe([K$1(element, {
+	        value: z$1(element.value, '@', '@' + a$1)
 	      })], callback);
 	    case c$1:
-	      if (element.length) return q$1(element.props, function (value) {
-	        switch (y$1(value, /(::plac\w+|:read-\w+)/)) {
+	      if (element.length) return B$1(element.props, function (value) {
+	        switch (j$1(value, /(::plac\w+|:read-\w+)/)) {
 	          // :read-(only|write)
 	          case ':read-only':
 	          case ':read-write':
-	            return fe([J$1(element, {
-	              props: [j$1(value, /:(read-\w+)/, ':' + r$1 + '$1')]
+	            return oe([K$1(element, {
+	              props: [z$1(value, /:(read-\w+)/, ':' + r$1 + '$1')]
 	            })], callback);
 	          // :placeholder
 
 	          case '::placeholder':
-	            return fe([J$1(element, {
-	              props: [j$1(value, /:(plac\w+)/, ':' + a$1 + 'input-$1')]
-	            }), J$1(element, {
-	              props: [j$1(value, /:(plac\w+)/, ':' + r$1 + '$1')]
-	            }), J$1(element, {
-	              props: [j$1(value, /:(plac\w+)/, e + 'input-$1')]
+	            return oe([K$1(element, {
+	              props: [z$1(value, /:(plac\w+)/, ':' + a$1 + 'input-$1')]
+	            }), K$1(element, {
+	              props: [z$1(value, /:(plac\w+)/, ':' + r$1 + '$1')]
+	            }), K$1(element, {
+	              props: [z$1(value, /:(plac\w+)/, e + 'input-$1')]
 	            })], callback);
 	        }
 	        return '';
@@ -11773,7 +11769,7 @@
 	  }
 	  {
 	    var currentSheet;
-	    var finalizingPlugins = [oe,  function (element) {
+	    var finalizingPlugins = [le,  function (element) {
 	      if (!element.root) {
 	        if (element["return"]) {
 	          currentSheet.insert(element["return"]);
@@ -11784,9 +11780,9 @@
 	        }
 	      }
 	    } ];
-	    var serializer = le(omnipresentPlugins.concat(stylisPlugins, finalizingPlugins));
+	    var serializer = ve(omnipresentPlugins.concat(stylisPlugins, finalizingPlugins));
 	    var stylis = function stylis(styles) {
-	      return fe(ne(styles), serializer);
+	      return oe(ce(styles), serializer);
 	    };
 	    _insert = function insert(selector, serialized, sheet, shouldCache) {
 	      currentSheet = sheet;
@@ -11867,6 +11863,7 @@
 
 	var unitlessKeys$1 = {
 	  animationIterationCount: 1,
+	  aspectRatio: 1,
 	  borderImageOutset: 1,
 	  borderImageSlice: 1,
 	  borderImageWidth: 1,
@@ -12203,13 +12200,13 @@
 	  if (cache.inserted[serialized.name] === undefined) {
 	    var current = serialized;
 	    do {
-	      var maybeStyles = cache.insert(serialized === current ? "." + className : '', current, cache.sheet, true);
+	      cache.insert(serialized === current ? "." + className : '', current, cache.sheet, true);
 	      current = current.next;
 	    } while (current !== undefined);
 	  }
 	};
 
-	function insertWithoutScoping$1(cache, serialized) {
+	function insertWithoutScoping(cache, serialized) {
 	  if (cache.inserted[serialized.name] === undefined) {
 	    return cache.insert('', serialized, cache.sheet, true);
 	  }
@@ -12246,7 +12243,7 @@
 	    }
 	    var serialized = serializeStyles$1(args, cache.registered);
 	    var animation = "animation-" + serialized.name;
-	    insertWithoutScoping$1(cache, {
+	    insertWithoutScoping(cache, {
 	      name: serialized.name,
 	      styles: "@keyframes " + animation + "{" + serialized.styles + "}"
 	    });
@@ -12257,7 +12254,7 @@
 	      args[_key3] = arguments[_key3];
 	    }
 	    var serialized = serializeStyles$1(args, cache.registered);
-	    insertWithoutScoping$1(cache, serialized);
+	    insertWithoutScoping(cache, serialized);
 	  };
 	  var cx = function cx() {
 	    for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
@@ -13084,12 +13081,12 @@
 	  return theme.colors && theme.colors.primaryColor ? "0 0 0 2px " + rgba(theme.colors.primaryColor, 0.3) : '';
 	}, function (props) {
 	  return props.info ? info : null;
-	}, function (props) {
-	  return props.primary ? primary : null;
 	}, function (props) {
 	  return props.disabled ? disabled : null;
 	}, function (props) {
 	  return props.large && large;
+	}, function (props) {
+	  return props.primary ? primary : null;
 	});
 	var loadMoreContainer = css({
 	  margin: '5px 0',
@@ -17561,10 +17558,10 @@
 	};
 
 	/**! 
-	 * hotkeys-js v3.10.1 
+	 * hotkeys-js v3.10.2 
 	 * A simple micro-library for defining and dispatching keyboard shortcuts. It has no dependencies. 
 	 * 
-	 * Copyright (c) 2022 kenny wong <wowohoo@qq.com> 
+	 * Copyright (c) 2023 kenny wong <wowohoo@qq.com> 
 	 * http://jaywcjlove.github.io/hotkeys 
 	 * Licensed under the MIT license 
 	 */
@@ -24158,10 +24155,31 @@
 	  }, null)]);
 	});
 
-	var _templateObject$g;
+	function styleInject(css, ref) {
+	  if (ref === void 0) ref = {};
+	  var insertAt = ref.insertAt;
+	  if (!css || typeof document === 'undefined') {
+	    return;
+	  }
+	  var head = document.head || document.getElementsByTagName('head')[0];
+	  var style = document.createElement('style');
+	  style.type = 'text/css';
+	  if (insertAt === 'top') {
+	    if (head.firstChild) {
+	      head.insertBefore(style, head.firstChild);
+	    } else {
+	      head.appendChild(style);
+	    }
+	  } else {
+	    head.appendChild(style);
+	  }
+	  if (style.styleSheet) {
+	    style.styleSheet.cssText = css;
+	  } else {
+	    style.appendChild(document.createTextNode(css));
+	  }
+	}
 
-	// eslint-disable-next-line
-	createGlobalStyle(_templateObject$g || (_templateObject$g = _taggedTemplateLiteralLoose(["\n\t#el_TvxDfTAtKp {\n\t\tstroke: none;\n\t\tstroke-width: 1;\n\t\tfill: none;\n\t}\n\t#el_D93PK3GbmJ {\n\t\t-webkit-transform: translate(163px, 131px);\n\t\ttransform: translate(163px, 131px);\n\t\tfill: #d8d8d8;\n\t}\n"])));
 	var MicSvg = {
 	  name: 'MicSvg',
 	  props: ['className'],
@@ -24195,10 +24213,6 @@
 	  }
 	};
 
-	var _templateObject$h;
-
-	// eslint-disable-next-line
-	createGlobalStyle(_templateObject$h || (_templateObject$h = _taggedTemplateLiteralLoose(["\n\t#el_X81iT9kZYo {\n\t\tstroke: none;\n\t\tstroke-width: 1;\n\t\tfill: none;\n\t}\n\t#el_gMpyalCphp {\n\t\t-webkit-transform: translate(163px, 131px);\n\t\ttransform: translate(163px, 131px);\n\t}\n\t#el_c7H-3u-D4l {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_qhFcdAAFwo {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_M8X8g37WOI {\n\t\tstroke: #e83137;\n\t\tstroke-width: 21;\n\t}\n"])));
 	var MuteSvg = {
 	  name: 'MuteSvg',
 	  props: ['className'],
@@ -24241,10 +24255,6 @@
 	  }
 	};
 
-	var _templateObject$i;
-
-	// eslint-disable-next-line
-	createGlobalStyle(_templateObject$i || (_templateObject$i = _taggedTemplateLiteralLoose(["\n\t@-webkit-keyframes kf_el_6WKby7wXqV_an_qqO-rxbNc {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t13.89% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@keyframes kf_el_6WKby7wXqV_an_qqO-rxbNc {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t13.89% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@-webkit-keyframes kf_el_Wi-my975tM_an_XhXP1epXB {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t27.78% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@keyframes kf_el_Wi-my975tM_an_XhXP1epXB {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t27.78% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@-webkit-keyframes kf_el_DkfFFTaFxy8_an_T2XxzvIaA {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t41.67% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@keyframes kf_el_DkfFFTaFxy8_an_T2XxzvIaA {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t41.67% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@-webkit-keyframes kf_el_34IgwiMB5rf_an_TPom3H2LI {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t55.56% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@keyframes kf_el_34IgwiMB5rf_an_TPom3H2LI {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t55.56% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@-webkit-keyframes kf_el_DeebuCsPTGA_an_aYTRBE7Na {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t69.44% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@keyframes kf_el_DeebuCsPTGA_an_aYTRBE7Na {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t69.44% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@-webkit-keyframes kf_el_ZOjjrPTvyrv_an_l_BjBNzXw {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t83.33% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@keyframes kf_el_ZOjjrPTvyrv_an_l_BjBNzXw {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t83.33% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@-webkit-keyframes kf_el_2FATegVmf0K_an_wLg4ofuFx {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t97.22% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t@keyframes kf_el_2FATegVmf0K_an_wLg4ofuFx {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t}\n\t\t97.22% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t#el_hiibMG0x- * {\n\t\t-webkit-animation-duration: 1.2s;\n\t\tanimation-duration: 1.2s;\n\t\t-webkit-animation-iteration-count: infinite;\n\t\tanimation-iteration-count: infinite;\n\t\t-webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);\n\t\tanimation-timing-function: cubic-bezier(0, 0, 1, 1);\n\t}\n\t#el_QJeJ_2CDw5 {\n\t\tstroke: none;\n\t\tstroke-width: 1;\n\t\tfill: none;\n\t}\n\t#el_UYYCfubTRf {\n\t\t-webkit-transform: translate(163px, 123px);\n\t\ttransform: translate(163px, 123px);\n\t}\n\t#el_uzZNtK32Zi {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_EYKQ2N9Kgy {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_6SDP2LAgKC {\n\t\t-webkit-transform: translate(37.846924px, 0px);\n\t\ttransform: translate(37.846924px, 0px);\n\t}\n\t#el_-Vm65Ltfy7 {\n\t\tfill: #0B6AFF;\n\t}\n\t#el_q04iZcSim4 {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_6WKby7wXqV {\n\t\t-webkit-transform: translate(37.846924px, 0px);\n\t\ttransform: translate(37.846924px, 0px);\n\t\t-webkit-animation-fill-mode: backwards;\n\t\tanimation-fill-mode: backwards;\n\t\topacity: 0;\n\t\t-webkit-animation-name: kf_el_6WKby7wXqV_an_qqO-rxbNc;\n\t\tanimation-name: kf_el_6WKby7wXqV_an_qqO-rxbNc;\n\t\t-webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t\tanimation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t}\n\t#el_9bggsfQOtU {\n\t\tfill: #0B6AFF;\n\t}\n\t#el_NKxqi9eIym {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_Wi-my975tM {\n\t\t-webkit-transform: translate(37.846924px, 0px);\n\t\ttransform: translate(37.846924px, 0px);\n\t\t-webkit-animation-fill-mode: backwards;\n\t\tanimation-fill-mode: backwards;\n\t\topacity: 0;\n\t\t-webkit-animation-name: kf_el_Wi-my975tM_an_XhXP1epXB;\n\t\tanimation-name: kf_el_Wi-my975tM_an_XhXP1epXB;\n\t\t-webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t\tanimation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t}\n\t#el_zclQ34fvf7 {\n\t\tfill: #0B6AFF;\n\t}\n\t#el_1OsvRT8HkeZ {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_DkfFFTaFxy8 {\n\t\t-webkit-transform: translate(37.846924px, 0px);\n\t\ttransform: translate(37.846924px, 0px);\n\t\t-webkit-animation-fill-mode: backwards;\n\t\tanimation-fill-mode: backwards;\n\t\topacity: 0;\n\t\t-webkit-animation-name: kf_el_DkfFFTaFxy8_an_T2XxzvIaA;\n\t\tanimation-name: kf_el_DkfFFTaFxy8_an_T2XxzvIaA;\n\t\t-webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t\tanimation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t}\n\t#el_aa9sjx4H0vA {\n\t\tfill: #0B6AFF;\n\t}\n\t#el_tea114vWg0J {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_34IgwiMB5rf {\n\t\t-webkit-transform: translate(37.846924px, 0px);\n\t\ttransform: translate(37.846924px, 0px);\n\t\t-webkit-animation-fill-mode: backwards;\n\t\tanimation-fill-mode: backwards;\n\t\topacity: 0;\n\t\t-webkit-animation-name: kf_el_34IgwiMB5rf_an_TPom3H2LI;\n\t\tanimation-name: kf_el_34IgwiMB5rf_an_TPom3H2LI;\n\t\t-webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t\tanimation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t}\n\t#el_z5u6RAFhx7d {\n\t\tfill: #0B6AFF;\n\t}\n\t#el_7nfuWmA5Uhy {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_DeebuCsPTGA {\n\t\t-webkit-transform: translate(37.846924px, 0px);\n\t\ttransform: translate(37.846924px, 0px);\n\t\t-webkit-animation-fill-mode: backwards;\n\t\tanimation-fill-mode: backwards;\n\t\topacity: 0;\n\t\t-webkit-animation-name: kf_el_DeebuCsPTGA_an_aYTRBE7Na;\n\t\tanimation-name: kf_el_DeebuCsPTGA_an_aYTRBE7Na;\n\t\t-webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t\tanimation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t}\n\t#el__ZcqlS20zcw {\n\t\tfill: #0B6AFF;\n\t}\n\t#el_8DnEQnD7VWV {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_ZOjjrPTvyrv {\n\t\t-webkit-transform: translate(37.846924px, 0px);\n\t\ttransform: translate(37.846924px, 0px);\n\t\t-webkit-animation-fill-mode: backwards;\n\t\tanimation-fill-mode: backwards;\n\t\topacity: 0;\n\t\t-webkit-animation-name: kf_el_ZOjjrPTvyrv_an_l_BjBNzXw;\n\t\tanimation-name: kf_el_ZOjjrPTvyrv_an_l_BjBNzXw;\n\t\t-webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t\tanimation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t}\n\t#el_FYYKCI_u24e {\n\t\tfill: #0B6AFF;\n\t}\n\t#el_XZty4MnTp5Y {\n\t\tfill: #d8d8d8;\n\t}\n\t#el_2FATegVmf0K {\n\t\t-webkit-transform: translate(37.846924px, 0px);\n\t\ttransform: translate(37.846924px, 0px);\n\t\t-webkit-animation-fill-mode: backwards;\n\t\tanimation-fill-mode: backwards;\n\t\topacity: 0;\n\t\t-webkit-animation-name: kf_el_2FATegVmf0K_an_wLg4ofuFx;\n\t\tanimation-name: kf_el_2FATegVmf0K_an_wLg4ofuFx;\n\t\t-webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t\tanimation-timing-function: cubic-bezier(0.42, 0, 1, 1);\n\t}\n\t#el_RMT1KUfbdF8 {\n\t\tfill: #0B6AFF;\n\t}\n\t#el_RgLcovvFiO1 {\n\t\tfill: #d8d8d8;\n\t}\n"])));
 	var ListenSvg = {
 	  name: 'ListenSvg',
 	  props: ['className'],
@@ -24509,7 +24519,7 @@
 	        }
 	        this.instance = new SpeechRecognition();
 	        this.instance.continuous = true;
-	        this.instance.interimResults = true;
+	        this.instance.interimResults = false;
 	        this.instance.lang = lang;
 	        if (getInstance) {
 	          getInstance(this.instance);
@@ -24569,18 +24579,18 @@
 	        case STATUS.active:
 	          return vue.createVNode(ListenSvg, {
 	            "className": className,
-	            "nativeOnClick": this.handleClick
+	            "onClick": this.handleClick
 	          }, null);
 	        case STATUS.stopped:
 	        case STATUS.denied:
 	          return vue.createVNode(MuteSvg, {
 	            "className": className,
-	            "nativeOnClick": this.handleClick
+	            "onClick": this.handleClick
 	          }, null);
 	        default:
 	          return vue.createVNode(MicSvg, {
 	            "className": className,
-	            "nativeOnClick": this.handleClick
+	            "onClick": this.handleClick
 	          }, null);
 	      }
 	    }
@@ -24692,8 +24702,8 @@
 	  }
 	};
 
-	var _templateObject$j;
-	var AutofillSvgIcon = styled('button')(_templateObject$j || (_templateObject$j = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tmargin-left: auto;\n\tposition: relative;\n\tright: -3px;\n\tborder: none;\n\toutline: none;\n\tbackground: transparent;\n\tpadding: 0;\n\tz-index: 111000;\n\n\tsvg {\n\t\tcursor: pointer;\n\t\tfill: #707070;\n\t\theight: 20px;\n\t}\n\n\t&:hover {\n\t\tsvg {\n\t\t\tfill: #1c1a1a;\n\t\t}\n\t}\n"])));
+	var _templateObject$g;
+	var AutofillSvgIcon = styled('button')(_templateObject$g || (_templateObject$g = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tmargin-left: auto;\n\tposition: relative;\n\tright: -3px;\n\tborder: none;\n\toutline: none;\n\tbackground: transparent;\n\tpadding: 0;\n\tz-index: 111000;\n\n\tsvg {\n\t\tcursor: pointer;\n\t\tfill: #707070;\n\t\theight: 20px;\n\t}\n\n\t&:hover {\n\t\tsvg {\n\t\t\tfill: #1c1a1a;\n\t\t}\n\t}\n"])));
 	var AutoFillSvg = {
 	  name: 'AutoFillSvg',
 	  render: function render() {
@@ -24717,12 +24727,12 @@
 	  }
 	};
 
-	var _templateObject$k, _templateObject2$5;
-	var TagsContainer = styled('div')(_templateObject$k || (_templateObject$k = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tmargin-top: 10px;\n\twidth: 100%;\n"])));
+	var _templateObject$h, _templateObject2$5;
+	var TagsContainer = styled('div')(_templateObject$h || (_templateObject$h = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tmargin-top: 10px;\n\twidth: 100%;\n"])));
 	var TagItem = styled('span')(_templateObject2$5 || (_templateObject2$5 = _taggedTemplateLiteralLoose(["\n\tcursor: default;\n\tbox-sizing: border-box;\n\tmargin: 0 4px 4px 0;\n\tcolor: #000000d9;\n\tfont-size: 14px;\n\tfont-variant: tabular-nums;\n\tline-height: 1.5715;\n\tlist-style: none;\n\tfont-feature-settings: 'tnum';\n\tdisplay: inline-block;\n\theight: auto;\n\tpadding: 0 2px 0 7px;\n\tfont-size: 12px;\n\tline-height: 22px;\n\twhite-space: nowrap;\n\tbackground: #fafafa;\n\tborder: 1px solid #d9d9d9;\n\tborder-radius: 2px;\n\topacity: 1;\n\ttransition: all 0.3s;\n\n\tspan.close-icon {\n\t\tsvg {\n\t\t\tcursor: pointer;\n\t\t\theight: 15px;\n\t\t\tposition: relative;\n\t\t\ttop: 4px;\n\t\t\tfill: #262626;\n\t\t}\n\t}\n"])));
 
-	var _templateObject$l, _templateObject2$6, _templateObject3$4;
-	var skeletonAnimation = keyframes(_templateObject$l || (_templateObject$l = _taggedTemplateLiteralLoose(["\n  0% {\n    background-position: 100% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n"])));
+	var _templateObject$i, _templateObject2$6, _templateObject3$4;
+	var skeletonAnimation = keyframes(_templateObject$i || (_templateObject$i = _taggedTemplateLiteralLoose(["\n  0% {\n    background-position: 100% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n"])));
 	var SkeletonLoader = styled('div')(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 10px;\n"])));
 	var SkeletonLine = styled('div')(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteralLoose(["\n\twidth: 100%;\n\theight: 20px;\n\tbackground: linear-gradient(\n\t\t90deg,\n\t\trgba(220, 220, 220, 0.5) 25%,\n\t\trgba(240, 240, 240, 0.9) 50%,\n\t\trgba(220, 220, 220, 0.5) 75%\n\t);\n\tbackground-size: 200% 100%;\n\tanimation: ", " 1.5s infinite;\n"])), skeletonAnimation);
 	var HorizontalSkeletonLoader = vue.defineComponent({
@@ -24736,8 +24746,8 @@
 	  }
 	});
 
-	var _templateObject$m, _templateObject2$7, _templateObject3$5, _templateObject4$2, _templateObject5$2, _templateObject6$1, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
-	var Chatbox = styled('div')(_templateObject$m || (_templateObject$m = _taggedTemplateLiteralLoose(["\n\tposition: relative;\n\tmargin: 0 auto;\n\tpadding: 10px;\n\tbackground-color: #fafafa;\n\twidth: 100%;\n\tbox-shadow: rgb(0 0 0 / 20%) 0px 0px 6px;\n\tborder-radius: 6px;\n\tmargin-bottom: 20px;\n\tbackground-color: ", ";\n"])), function (props) {
+	var _templateObject$j, _templateObject2$7, _templateObject3$5, _templateObject4$2, _templateObject5$2, _templateObject6$1, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
+	var Chatbox = styled('div')(_templateObject$j || (_templateObject$j = _taggedTemplateLiteralLoose(["\n\tposition: relative;\n\tmargin: 0 auto;\n\tpadding: 10px;\n\tbackground-color: #fafafa;\n\twidth: 100%;\n\tbox-shadow: rgb(0 0 0 / 20%) 0px 0px 6px;\n\tborder-radius: 6px;\n\tmargin-bottom: 20px;\n\tbackground-color: ", ";\n"])), function (props) {
 	  return props.theme && props.theme.colors ? props.theme.colors.backgroundColor : '#fff';
 	});
 	var ChatContainer = styled('div')(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tflex-direction: column;\n\theight: 100%;\n\tposition: relative;\n\t.--ai-answer-error-container {\n\t\ttext-align: center;\n\t\tposition: absolute;\n\t\tbottom: 0px;\n\t\t", ";\n\t\tz-index: 1;\n\t\tleft: 50%;\n\t\ttransform: translateX(-50%);\n\t\twidth: 100%;\n\n\t\t.--default-error-element {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\talign-items: center;\n\t\t\tpadding: 10px;\n\t\t\tbackground-color: ", ";\n\t\t\tbox-shadow: 0 -5px 5px -2px\n\t\t\t\t", ";\n\n\t\t\tspan {\n\t\t\t\tmargin-bottom: 5px;\n\t\t\t}\n\n\t\t\tbutton {\n\t\t\t}\n\t\t}\n\t}\n\n\t", ";\n"])), function (props) {
@@ -24809,11 +24819,11 @@
 	  var enterButton = _ref.enterButton;
 	  return enterButton && "\n\t\t    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n\t";
 	});
-	var SendButton = styled(Button)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n\tborder: none;\n\tcolor: #ffffff;\n\tcursor: pointer;\n\tfont-size: 16px;\n\tmargin-left: 8px;\n\toutline: none;\n\tpadding: 10px;\n\ttext-align: center;\n"])));
+	var SendButton = styled(Button)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n\tborder: none;\n\tcolor: #ffffff;\n\tcursor: pointer;\n\tfont-size: 16px;\n\tmargin-left: 8px;\n\toutline: none;\n\tpadding: 10px;\n\ttext-align: center;\n\n\t&:disabled {\n\t\tcursor: not-allowed;\n\t}\n"])));
 	var AIFeedbackContainer = styled('div')(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n\t.--feedback-svgs-wrapper {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: flex-end;\n\t\tgap: 5px;\n\n\t\tsvg {\n\t\t\tcursor: pointer;\n\t\t\ttransition: all ease-in 0.1s;\n\t\t\t&.selected {\n\t\t\t\ttransform: scale(1.1);\n\t\t\t\tcursor: default;\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\ttransform: scale(1.1);\n\t\t\t}\n\t\t}\n\t}\n\n\t.--feedback-input-wrapper {\n\t\tdisplay: flex;\n\t\tgap: 7px;\n\t}\n"])));
 
-	var _templateObject$n, _templateObject2$8, _templateObject3$6, _templateObject4$3, _templateObject5$3, _templateObject6$2, _templateObject7$1;
-	var fadeInFromBottom = keyframes(_templateObject$n || (_templateObject$n = _taggedTemplateLiteralLoose(["\n  0% {\n    opacity: 0;\n    transform: translateY(20px);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n"])));
+	var _templateObject$k, _templateObject2$8, _templateObject3$6, _templateObject4$3, _templateObject5$3, _templateObject6$2, _templateObject7$1;
+	var fadeInFromBottom = keyframes(_templateObject$k || (_templateObject$k = _taggedTemplateLiteralLoose(["\n  0% {\n    opacity: 0;\n    transform: translateY(20px);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n"])));
 	var fadeInFromTop = keyframes(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteralLoose(["\n  0% {\n    opacity: 0;\n    transform: translateY(-20px);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n"])));
 	var SearchBoxAISection = styled('div')(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteralLoose(["\n\tpadding: 10px;\n\tborder-radius: 4px;\n\tmin-height: 200px;\n\tpadding-top: 20px;\n\tposition: relative;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\tbackground-color: ", ";\n\tcolor: ", ";\n\t.--ai-answer-error-container {\n\t\tposition: absolute;\n\t\ttop: 50%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, -50%);\n\t\t.--default-error-element {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\talign-items: center;\n\t\t\tgap: 10px;\n\t\t}\n\t}\n"])), function (_ref) {
 	  var themePreset = _ref.themePreset,
@@ -26445,6 +26455,9 @@
 	    },
 	    shouldShowComponent: function shouldShowComponent() {
 	      return this.showComponent;
+	    },
+	    errorMessageForMissingSessionId: function errorMessageForMissingSessionId() {
+	      return "AISessionId for " + this.$props.componentId + " is missing! AIAnswer component requires an AISessionId to function. Try reloading the App.";
 	    }
 	  },
 	  props: {
@@ -26502,9 +26515,15 @@
 	          finalMessages.push.apply(finalMessages, messagesHistory.filter(function (msg) {
 	            return msg.role !== constants_7$1.SYSTEM;
 	          }));
+	        } else if (response && response.answer && response.answer.text) {
+	          finalMessages.push({
+	            role: constants_7$1.ASSISTANT,
+	            content: response.answer.text
+	          });
+	          this.error = {
+	            message: this.errorMessageForMissingSessionId
+	          };
 	        }
-	        //  fresh response
-	        if (response && response.answer) ;
 	        this.messages = finalMessages;
 	      } else if (!newVal && !this.error) {
 	        this.messages = [];
@@ -26523,7 +26542,7 @@
 	      this.$emit('on-data', {
 	        data: this.messages,
 	        rawData: this.$props.rawData,
-	        loading: newVal || this.$props.isLoading,
+	        loading: newVal || this.isLoading,
 	        error: this.$props.AIResponseError
 	      });
 	    },
@@ -26532,7 +26551,7 @@
 	      this.$emit('on-data', {
 	        data: this.messages,
 	        rawData: this.$props.rawData,
-	        loading: newVal || this.$props.isLoading,
+	        loading: newVal || this.isAIResponseLoading,
 	        error: this.$props.AIResponseError
 	      });
 	    },
@@ -26544,10 +26563,17 @@
 	    AIResponseError: function AIResponseError(newVal) {
 	      this.error = newVal;
 	      this.AISessionId = ((helper_2(constants_8$1) || {})[this.$props.componentId] || {}).sessionId || null;
+	      if (this.error && !this.AISessionId) {
+	        var errorMessage = this.errorMessageForMissingSessionId;
+	        this.error = {
+	          message: errorMessage
+	        };
+	        console.error(errorMessage);
+	      }
 	      this.$emit('on-data', {
 	        data: this.messages,
 	        rawData: this.$props.rawData,
-	        loading: this.$props.isAIResponseLoading || this.$props.isLoading,
+	        loading: this.isAIResponseLoading || this.isLoading,
 	        error: newVal
 	      });
 	    },
@@ -26580,7 +26606,7 @@
 	      if (text === void 0) {
 	        text = this.inputMessage;
 	      }
-	      if (typeof e === 'object') e.preventDefault();
+	      if (typeof e === 'object' && e !== null) e.preventDefault();
 	      if (text.trim()) {
 	        if (this.isLoadingState) {
 	          return;
@@ -26592,9 +26618,9 @@
 	          }]);
 	          this.getAIResponse(this.AISessionId, this.componentId, text);
 	        } else {
-	          console.error("AISessionId for " + this.$props.componentId + " is missing! AIAnswer component requires an AISession to function. Try reloading the App.");
+	          console.error(this.errorMessageForMissingSessionId);
 	          this.error = {
-	            message: "AISessionId for " + this.$props.componentId + " is missing! AIAnswer component requires an AISession to function. Trying reloading the App."
+	            message: "AISessionId for " + this.$props.componentId + " is missing! AIAnswer component requires an AISessionId to function. Trying reloading the App."
 	          };
 	        }
 	        this.inputMessage = '';
@@ -26608,7 +26634,7 @@
 	          this.getAIResponse(this.AISessionId, this.componentId, lastUserRequestMessage);
 	          this.inputMessage = '';
 	        } else {
-	          console.error("AISessionId for " + this.componentId + " is missing! AIAnswer component requires an AISession to function. Try reloading the App.");
+	          console.error("AISessionId for " + this.componentId + " is missing! AIAnswer component requires an AISessionId to function. Try reloading the App.");
 	        }
 	      }
 	    },
@@ -26691,10 +26717,10 @@
 	        "positionType": "absolute"
 	      }, {
 	        "default": function _default() {
-	          return [_this2.shouldMicRender(showVoiceInput) && vue.createVNode(Mic, {
+	          return [!_this2.isLoadingState && _this2.AISessionId && _this2.shouldMicRender(showVoiceInput) && vue.createVNode(Mic, {
 	            "getInstance": getMicInstance,
 	            "render": renderMic,
-	            "onResult": _this2.handleVoiceResults,
+	            "handleResult": _this2.handleVoiceResults,
 	            "class": helper_31(innerClass, 'ai-search-mic') || null
 	          }, null), iconPosition === 'right' && vue.createVNode(IconWrapper, null, _isSlot$6(_slot = _this2.renderIcon()) ? _slot : {
 	            "default": function _default() {
@@ -26736,7 +26762,8 @@
 	            "tabIndex": 0,
 	            "onClick": _this3.handleSendMessage,
 	            "onKeyPress": _this3.handleKeyPress,
-	            "class": "enter-btn " + helper_31(innerClass, 'ai-enter-button')
+	            "class": "enter-btn " + helper_31(innerClass, 'ai-enter-button'),
+	            "disabled": _this3.isLoadingState || !_this3.AISessionId
 	          }, {
 	            "default": function _default() {
 	              return [vue.createTextVNode("Send")];
@@ -26895,7 +26922,7 @@
 	                          "showIcon": props.showIcon,
 	                          "iconPosition": props.iconPosition,
 	                          "themePreset": _this4.themePreset,
-	                          "disabled": _this4.isLoadingState,
+	                          "disabled": _this4.isLoadingState || !_this4.AISessionId,
 	                          "class": helper_31(props.innerClass, 'ai-input') || null
 	                        }, null), ' ', _this4.renderIcons()];
 	                      }
@@ -26947,7 +26974,7 @@
 	// Add componentType for SSR
 	AIConnected.componentType = constants_1$1.AIAnswer;
 
-	var _templateObject$o, _templateObject2$9, _templateObject3$7;
+	var _templateObject$l, _templateObject2$9, _templateObject3$7;
 	var item = {
 	  width: '15px',
 	  height: '15px',
@@ -26960,7 +26987,7 @@
 	    theme = _ref$theme === void 0 ? {} : _ref$theme;
 	  return "\n\t" + vh + ";\n\n\t&:focus {\n\t\t+ label {\n\t\t\t&::before {\n\t\t\t\tbox-shadow: 0 0 0 2px " + curriedLighten(0.4, theme.colors.primaryColor) + ";\n\t\t\t}\n\t\t}\n\t}\n\n\t&:hover {\n\t\t+ label {\n\t\t\t&::before {\n\t\t\t\tborder-color: " + theme.colors.primaryColor + ";\n\t\t\t}\n\t\t}\n\t}\n\n\t&:active {\n\t\t+ label {\n\t\t\t&::before {\n\t\t\t\ttransition-duration: 0;\n\t\t\t}\n\t\t}\n\t}\n\n\t+ label {\n\t\tposition: relative;\n\t\tuser-select: none;\n\t\tdisplay: flex;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\talign-items: center;\n\t\tcursor: pointer;\n\n\t\t&::before {\n\t\t\tbackground-color: #fff;\n\t\t\tborder: 1px solid " + (theme.colors.borderColor || curriedLighten(0.1, theme.colors.textColor)) + ";\n\t\t\tbox-sizing: content-box;\n\t\t\tcontent: '';\n\t\t\tcolor: " + theme.colors.primaryColor + ";\n\t\t\tmargin-right: calc(" + item.width + " * 0.5);\n\t\t\ttop: 50%;\n\t\t\tleft: 0;\n\t\t\twidth: " + item.width + ";\n\t\t\theight: " + item.height + ";\n\t\t\tdisplay: inline-block;\n\t\t\tvertical-align: middle;\n\t\t}\n\n\t\t&::after {\n\t\t\tbox-sizing: content-box;\n\t\t\tcontent: '';\n\t\t\tbackground-color: " + theme.colors.primaryColor + ";\n\t\t\tposition: absolute;\n\t\t\ttop: 50%;\n\t\t\tleft: calc(1px + " + item.scale + " / 2);\n\t\t\twidth: calc(" + item.width + " - " + item.scale + ");\n\t\t\theight: calc(" + item.height + " - " + item.scale + ");\n\t\t\tmargin-top: calc(" + item.height + " / -2 - " + item.scale + " / -2);\n\t\t\ttransform: scale(0);\n\t\t\ttransform-origin: 50%;\n\t\t\ttransition: transform 200ms ease-out;\n\t\t}\n\t}\n";
 	};
-	var Radio = styled('input')(_templateObject$o || (_templateObject$o = _taggedTemplateLiteralLoose(["\n\t", ";\n\t", ";\n\n\t+ label {\n\t\t&::before,\n\t\t&::after {\n\t\t\tborder-radius: 50%;\n\t\t}\n\t}\n\n\t&:checked {\n\t\t&:active,\n\t\t&:focus {\n\t\t\t+ label {\n\t\t\t\tcolor: ", ";\n\n\t\t\t\t&::before {\n\t\t\t\t\tanimation: none;\n\t\t\t\t\tfilter: none;\n\t\t\t\t\ttransition: none;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t+ label {\n\t\t\t&::before {\n\t\t\t\tanimation: none;\n\t\t\t\tbackground-color: #fff;\n\t\t\t\tborder-color: ", ";\n\t\t}\n\n\t\t&::after {\n\t\t\ttransform: scale(1);\n\t\t}\n\t}\n"])), formItem, function (props) {
+	var Radio = styled('input')(_templateObject$l || (_templateObject$l = _taggedTemplateLiteralLoose(["\n\t", ";\n\t", ";\n\n\t+ label {\n\t\t&::before,\n\t\t&::after {\n\t\t\tborder-radius: 50%;\n\t\t}\n\t}\n\n\t&:checked {\n\t\t&:active,\n\t\t&:focus {\n\t\t\t+ label {\n\t\t\t\tcolor: ", ";\n\n\t\t\t\t&::before {\n\t\t\t\t\tanimation: none;\n\t\t\t\t\tfilter: none;\n\t\t\t\t\ttransition: none;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t+ label {\n\t\t\t&::before {\n\t\t\t\tanimation: none;\n\t\t\t\tbackground-color: #fff;\n\t\t\t\tborder-color: ", ";\n\t\t}\n\n\t\t&::after {\n\t\t\ttransform: scale(1);\n\t\t}\n\t}\n"])), formItem, function (props) {
 	  return props.show ? null : hideInputControl;
 	}, function (_ref2) {
 	  var theme = _ref2.theme;
@@ -28958,8 +28985,8 @@
 	});
 	var types$1 = unwrapExports(types_1);
 
-	var _templateObject$p, _templateObject2$a;
-	var HierarchicalMenuList = styled('ul')(_templateObject$p || (_templateObject$p = _taggedTemplateLiteralLoose(["\n\tlist-style: none;\n\tpadding: 0;\n\tmargin: 0;\n\tmax-height: 0;\n\toverflow: hidden;\n\n\t&.--open {\n\t\tmax-height: 100%;\n\t}\n"])));
+	var _templateObject$m, _templateObject2$a;
+	var HierarchicalMenuList = styled('ul')(_templateObject$m || (_templateObject$m = _taggedTemplateLiteralLoose(["\n\tlist-style: none;\n\tpadding: 0;\n\tmargin: 0;\n\tmax-height: 0;\n\toverflow: hidden;\n\n\t&.--open {\n\t\tmax-height: 100%;\n\t}\n"])));
 	var HierarchicalMenuListItem = styled('li')(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteralLoose(["\n\tfont-weight: 400;\n\tline-height: 1.5;\n\tbox-sizing: border-box;\n\n\ta {\n\t\tcolor: #424242;\n\t\ttext-decoration: none;\n\t\tgap: 5px;\n\t\t.--leaf-icon,\n\t\t.--folder-icon {\n\t\t\tline-height: 15px;\n\t\t\tsvg {\n\t\t\t\theight: 15px;\n\t\t\t}\n\t\t}\n\n\t\tinput {\n\t\t\tmargin: 0;\n\t\t\tcursor: pointer;\n\t\t}\n\t}\n\n\t.--switcher-icon {\n\t\ttransition: all 0.2s ease-in;\n\t\tmargin-right: 2px;\n\t}\n\t.--list-child {\n\t\tpadding-left: 1rem;\n\t\tposition: relative;\n\t\t&:before {\n\t\t\theight: 100%;\n\t\t\tcontent: '';\n\t\t\tposition: absolute;\n\t\t\tborder-left: 1px solid #787878;\n\t\t\twidth: 0;\n\t\t\tleft: 19px;\n\t\t\t", ";\n\t\t}\n\n\t\t&.--show-switcher-icon {\n\t\t\tpadding-left: 36px;\n\t\t}\n\t}\n\t.--list-item-label {\n\t\tline-height: 100%;\n\t}\n\t.--list-item-count {\n\t\tmargin-left: 10px;\n\t\tpadding: 0.1rem 0.4rem;\n\t\tfont-size: 0.8rem;\n\t\tcolor: #424242;\n\t\tbackground-color: #dee1e6;\n\t\tborder-radius: 8px;\n\t}\n\t&.-selected-item {\n\t\tfont-weight: 700 !important;\n\t}\n\t&.-expanded-item {\n\t\t& > a {\n\t\t\t& div > .--switcher-icon {\n\t\t\t\ttransform: rotate(90deg);\n\t\t\t}\n\t\t}\n\t}\n\t.--list-item-label-count-wrapper {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\t&:hover {\n\t\t\t.--list-item-count,\n\t\t\t.--list-item-label {\n\t\t\t\tfont-weight: 700;\n\t\t\t}\n\t\t}\n\t}\n"])), function (props) {
 	  return !props.showLine && "\n\t\t\t\t\tdisplay: none;\n\t\t\t\t";
 	});
@@ -29721,13 +29748,13 @@
 	// Add componentType for SSR
 	TreeListConnected.componentType = constants_1$1.treeList;
 
-	var _templateObject$q, _templateObject2$b;
+	var _templateObject$n, _templateObject2$b;
 	var small = "\n\tmin-height: 0;\n\theight: 30px;\n\tborder: 0;\n\tbox-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;\n\tborder-radius: 2px;\n";
 	var dark$2 = function dark(_ref) {
 	  var theme = _ref.theme;
 	  return "\n\tbackground-color: " + (theme.colors ? theme.colors.backgroundColor : '') + ";\n\tborder-color: " + (theme.colors ? theme.colors.borderColor : '') + ";\n\tcolor: " + (theme.colors ? theme.colors.textColor : '') + ";\n\n\t&:hover,\n\t&:focus {\n\t\tbackground-color: " + (theme.colors ? theme.colors.backgroundColor : '') + ";\n\t}\n";
 	};
-	var Select = styled('button')(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose(["\n\twidth: 100%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tmin-height: 42px;\n\tborder-radius: 0;\n\toutline: none;\n\tpadding: 5px 12px;\n\tfont-size: 0.9rem;\n\tline-height: 1.2rem;\n\tbackground-color: #fff;\n\tborder: 1px solid #ccc;\n\tcolor: #424242;\n\tcursor: pointer;\n\tuser-select: none;\n\ttransition: all 0.3s ease;\n\n\t", ";\n\n\t& > div {\n\t\twidth: calc(100% - 24px);\n\t\twhite-space: nowrap;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\ttext-align: left;\n\t}\n\n\t&:hover,\n\t&:focus {\n\t\tbackground-color: #fcfcfc;\n\t}\n\n\t", ";\n"])), function (props) {
+	var Select = styled('button')(_templateObject$n || (_templateObject$n = _taggedTemplateLiteralLoose(["\n\twidth: 100%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tmin-height: 42px;\n\tborder-radius: 0;\n\toutline: none;\n\tpadding: 5px 12px;\n\tfont-size: 0.9rem;\n\tline-height: 1.2rem;\n\tbackground-color: #fff;\n\tborder: 1px solid #ccc;\n\tcolor: #424242;\n\tcursor: pointer;\n\tuser-select: none;\n\ttransition: all 0.3s ease;\n\n\t", ";\n\n\t& > div {\n\t\twidth: calc(100% - 24px);\n\t\twhite-space: nowrap;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\ttext-align: left;\n\t}\n\n\t&:hover,\n\t&:focus {\n\t\tbackground-color: #fcfcfc;\n\t}\n\n\t", ";\n"])), function (props) {
 	  return props.small ? small : null;
 	}, function (_ref2) {
 	  var themePreset = _ref2.themePreset;
@@ -29738,9 +29765,9 @@
 	  return theme.colors.primaryColor;
 	});
 
-	var _templateObject$r;
+	var _templateObject$o;
 	var open = "\n\ttop: 0.55em;\n\ttransform: rotate(-45deg);\n";
-	var Chevron = styled('span')(_templateObject$r || (_templateObject$r = _taggedTemplateLiteralLoose(["\n\t&::before {\n\t\tcontent: '';\n\t\tborder-style: solid;\n\t\tborder-width: 0.15em 0.15em 0 0;\n\t\tdisplay: inline-block;\n\t\theight: 0.45em;\n\t\tposition: relative;\n\t\ttop: 0.35em;\n\t\tleft: 0;\n\t\ttransform: rotate(135deg);\n\t\tvertical-align: top;\n\t\twidth: 0.45em;\n\n\t\t", ";\n\t}\n"])), function (props) {
+	var Chevron = styled('span')(_templateObject$o || (_templateObject$o = _taggedTemplateLiteralLoose(["\n\t&::before {\n\t\tcontent: '';\n\t\tborder-style: solid;\n\t\tborder-width: 0.15em 0.15em 0 0;\n\t\tdisplay: inline-block;\n\t\theight: 0.45em;\n\t\tposition: relative;\n\t\ttop: 0.35em;\n\t\tleft: 0;\n\t\ttransform: rotate(135deg);\n\t\tvertical-align: top;\n\t\twidth: 0.45em;\n\n\t\t", ";\n\t}\n"])), function (props) {
 	  return props.open ? open : null;
 	});
 
@@ -31454,8 +31481,8 @@
 	  }
 	});
 
-	var _templateObject$s;
-	var Slider = styled('div')(_templateObject$s || (_templateObject$s = _taggedTemplateLiteralLoose(["\n\tmargin-top: 30px;\n\tpadding: 10px;\n\n\t/* component style */\n\t.vue-slider-disabled {\n\t\topacity: 0.5;\n\t\tcursor: not-allowed;\n\t}\n\n\t/* rail style */\n\t.vue-slider-rail {\n\t\tbackground-color: #ccc;\n\t\tborder-radius: 15px;\n\t\theight: 4px;\n\t}\n\n\t/* process style */\n\t.vue-slider-process {\n\t\tbackground-color: #0b6aff;\n\t\tborder-radius: 15px;\n\t}\n\n\t/* mark style */\n\t.vue-slider-mark {\n\t\tz-index: 4;\n\t}\n\n\t.vue-slider-mark:first-child .vue-slider-mark-step,\n\t.vue-slider-mark:last-child .vue-slider-mark-step {\n\t\tdisplay: none;\n\t}\n\n\t.vue-slider-mark-step {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tborder-radius: 50%;\n\t\tbackground-color: rgba(0, 0, 0, 0.16);\n\t}\n\n\t.vue-slider-mark-label {\n\t\tfont-size: 14px;\n\t\twhite-space: nowrap;\n\t}\n\n\t/* dot style */\n\t.vue-slider-dot {\n\t\tz-index: 2;\n\t}\n\n\t.vue-slider-dot-handle {\n\t\tcursor: pointer;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tborder-radius: 50%;\n\t\tbackground-color: #fff;\n\t\tbox-sizing: border-box;\n\t\tborder: 1px solid #9a9a9a;\n\t\tz-index: 2;\n\t\tbox-shadow: 0.5px 0.5px 2px 1px rgb(0 0 0 / 32%);\n\t}\n\n\t.vue-slider-dot-handle-disabled {\n\t\tcursor: not-allowed;\n\t\tbackground-color: #ccc;\n\t}\n\n\t.vue-slider-dot-tooltip-inner {\n\t\tfont-size: 14px;\n\t\twhite-space: nowrap;\n\t\tpadding: 2px 5px;\n\t\tmin-width: 20px;\n\t\ttext-align: center;\n\t\tcolor: #fff;\n\t\tborder-radius: 5px;\n\t\tborder: 1px solid #3498db;\n\t\tbackground-color: #3498db;\n\t\tbox-sizing: content-box;\n\t}\n\n\t.vue-slider-dot-tooltip-inner::after {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-top::after {\n\t\ttop: 100%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, 0);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-top-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-bottom::after {\n\t\tbottom: 100%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, 0);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-bottom-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-left::after {\n\t\tleft: 100%;\n\t\ttop: 50%;\n\t\ttransform: translate(0, -50%);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-left-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-right::after {\n\t\tright: 100%;\n\t\ttop: 50%;\n\t\ttransform: translate(0, -50%);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-right-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-wrapper {\n\t\topacity: 0;\n\t\ttransition: all 0.3s;\n\t}\n\t.vue-slider-dot-tooltip-wrapper-show {\n\t\topacity: 1;\n\t}\n\n\t.label-container {\n\t\tmargin: 10px 0;\n\t\twidth: 100%;\n\t}\n\n\t.range-label-right {\n\t\tfloat: right;\n\t}\n"])));
+	var _templateObject$p;
+	var Slider = styled('div')(_templateObject$p || (_templateObject$p = _taggedTemplateLiteralLoose(["\n\tmargin-top: 30px;\n\tpadding: 10px;\n\n\t/* component style */\n\t.vue-slider-disabled {\n\t\topacity: 0.5;\n\t\tcursor: not-allowed;\n\t}\n\n\t/* rail style */\n\t.vue-slider-rail {\n\t\tbackground-color: #ccc;\n\t\tborder-radius: 15px;\n\t\theight: 4px;\n\t}\n\n\t/* process style */\n\t.vue-slider-process {\n\t\tbackground-color: #0b6aff;\n\t\tborder-radius: 15px;\n\t}\n\n\t/* mark style */\n\t.vue-slider-mark {\n\t\tz-index: 4;\n\t}\n\n\t.vue-slider-mark:first-child .vue-slider-mark-step,\n\t.vue-slider-mark:last-child .vue-slider-mark-step {\n\t\tdisplay: none;\n\t}\n\n\t.vue-slider-mark-step {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tborder-radius: 50%;\n\t\tbackground-color: rgba(0, 0, 0, 0.16);\n\t}\n\n\t.vue-slider-mark-label {\n\t\tfont-size: 14px;\n\t\twhite-space: nowrap;\n\t}\n\n\t/* dot style */\n\t.vue-slider-dot {\n\t\tz-index: 2;\n\t}\n\n\t.vue-slider-dot-handle {\n\t\tcursor: pointer;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tborder-radius: 50%;\n\t\tbackground-color: #fff;\n\t\tbox-sizing: border-box;\n\t\tborder: 1px solid #9a9a9a;\n\t\tz-index: 2;\n\t\tbox-shadow: 0.5px 0.5px 2px 1px rgb(0 0 0 / 32%);\n\t}\n\n\t.vue-slider-dot-handle-disabled {\n\t\tcursor: not-allowed;\n\t\tbackground-color: #ccc;\n\t}\n\n\t.vue-slider-dot-tooltip-inner {\n\t\tfont-size: 14px;\n\t\twhite-space: nowrap;\n\t\tpadding: 2px 5px;\n\t\tmin-width: 20px;\n\t\ttext-align: center;\n\t\tcolor: #fff;\n\t\tborder-radius: 5px;\n\t\tborder: 1px solid #3498db;\n\t\tbackground-color: #3498db;\n\t\tbox-sizing: content-box;\n\t}\n\n\t.vue-slider-dot-tooltip-inner::after {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-top::after {\n\t\ttop: 100%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, 0);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-top-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-bottom::after {\n\t\tbottom: 100%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, 0);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-bottom-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-left::after {\n\t\tleft: 100%;\n\t\ttop: 50%;\n\t\ttransform: translate(0, -50%);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-left-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-right::after {\n\t\tright: 100%;\n\t\ttop: 50%;\n\t\ttransform: translate(0, -50%);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-right-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-wrapper {\n\t\topacity: 0;\n\t\ttransition: all 0.3s;\n\t}\n\t.vue-slider-dot-tooltip-wrapper-show {\n\t\topacity: 1;\n\t}\n\n\t.label-container {\n\t\tmargin: 10px 0;\n\t\twidth: 100%;\n\t}\n\n\t.range-label-right {\n\t\tfloat: right;\n\t}\n"])));
 
 	var global$1 = typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {};
 
@@ -32575,12 +32602,12 @@
 	// Add componentType for SSR
 	RangeConnected$3.componentType = constants_1$1.rangeSlider;
 
-	var _templateObject$t;
+	var _templateObject$q;
 	var alert = function alert(_ref) {
 	  var theme = _ref.theme;
 	  return "\n\tcolor: " + theme.colors.alertColor + ";\n";
 	};
-	var Content = styled('div')(_templateObject$t || (_templateObject$t = _taggedTemplateLiteralLoose(["\n\t", ";\n\tfont-size: 13px;\n\tmargin: 8px;\n"])), function (props) {
+	var Content = styled('div')(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose(["\n\t", ";\n\tfont-size: 13px;\n\tmargin: 8px;\n"])), function (props) {
 	  return props.alert && alert;
 	});
 
@@ -34259,7 +34286,7 @@
 	function render(_ctx, _cache, $props, $setup, $data, $options) {
 	  return vue.openBlock(), vue.createElementBlock("div", {
 	    onClick: _cache[0] || (_cache[0] = function () {
-	      _ctx.console.log('sdfsd');
+	      console.log('sdfsd');
 	    })
 	  }, [vue.renderSlot(_ctx.$slots, "default")]);
 	}
@@ -34297,14 +34324,252 @@
 	  return a !== a && b !== b;
 	};
 
-	function sortKD(ids, coords, nodeSize, left, right, depth) {
+	var ARRAY_TYPES = [Int8Array, Uint8Array, Uint8ClampedArray, Int16Array, Uint16Array, Int32Array, Uint32Array, Float32Array, Float64Array];
+
+	/** @typedef {Int8ArrayConstructor | Uint8ArrayConstructor | Uint8ClampedArrayConstructor | Int16ArrayConstructor | Uint16ArrayConstructor | Int32ArrayConstructor | Uint32ArrayConstructor | Float32ArrayConstructor | Float64ArrayConstructor} TypedArrayConstructor */
+
+	var VERSION = 1; // serialized format version
+	var HEADER_SIZE = 8;
+	var KDBush = /*#__PURE__*/function () {
+	  /**
+	   * Creates an index from raw `ArrayBuffer` data.
+	   * @param {ArrayBuffer} data
+	   */
+	  KDBush.from = function from(data) {
+	    if (!(data instanceof ArrayBuffer)) {
+	      throw new Error('Data must be an instance of ArrayBuffer.');
+	    }
+	    var _Uint8Array = new Uint8Array(data, 0, 2),
+	      magic = _Uint8Array[0],
+	      versionAndType = _Uint8Array[1];
+	    if (magic !== 0xdb) {
+	      throw new Error('Data does not appear to be in a KDBush format.');
+	    }
+	    var version = versionAndType >> 4;
+	    if (version !== VERSION) {
+	      throw new Error("Got v" + version + " data when expected v" + VERSION + ".");
+	    }
+	    var ArrayType = ARRAY_TYPES[versionAndType & 0x0f];
+	    if (!ArrayType) {
+	      throw new Error('Unrecognized array type.');
+	    }
+	    var _Uint16Array = new Uint16Array(data, 2, 1),
+	      nodeSize = _Uint16Array[0];
+	    var _Uint32Array = new Uint32Array(data, 4, 1),
+	      numItems = _Uint32Array[0];
+	    return new KDBush(numItems, nodeSize, ArrayType, data);
+	  }
+
+	  /**
+	   * Creates an index that will hold a given number of items.
+	   * @param {number} numItems
+	   * @param {number} [nodeSize=64] Size of the KD-tree node (64 by default).
+	   * @param {TypedArrayConstructor} [ArrayType=Float64Array] The array type used for coordinates storage (`Float64Array` by default).
+	   * @param {ArrayBuffer} [data] (For internal use only)
+	   */;
+	  function KDBush(numItems, nodeSize, ArrayType, data) {
+	    if (nodeSize === void 0) {
+	      nodeSize = 64;
+	    }
+	    if (ArrayType === void 0) {
+	      ArrayType = Float64Array;
+	    }
+	    if (isNaN(numItems) || numItems < 0) throw new Error("Unpexpected numItems value: " + numItems + ".");
+	    this.numItems = +numItems;
+	    this.nodeSize = Math.min(Math.max(+nodeSize, 2), 65535);
+	    this.ArrayType = ArrayType;
+	    this.IndexArrayType = numItems < 65536 ? Uint16Array : Uint32Array;
+	    var arrayTypeIndex = ARRAY_TYPES.indexOf(this.ArrayType);
+	    var coordsByteSize = numItems * 2 * this.ArrayType.BYTES_PER_ELEMENT;
+	    var idsByteSize = numItems * this.IndexArrayType.BYTES_PER_ELEMENT;
+	    var padCoords = (8 - idsByteSize % 8) % 8;
+	    if (arrayTypeIndex < 0) {
+	      throw new Error("Unexpected typed array class: " + ArrayType + ".");
+	    }
+	    if (data && data instanceof ArrayBuffer) {
+	      // reconstruct an index from a buffer
+	      this.data = data;
+	      this.ids = new this.IndexArrayType(this.data, HEADER_SIZE, numItems);
+	      this.coords = new this.ArrayType(this.data, HEADER_SIZE + idsByteSize + padCoords, numItems * 2);
+	      this._pos = numItems * 2;
+	      this._finished = true;
+	    } else {
+	      // initialize a new index
+	      this.data = new ArrayBuffer(HEADER_SIZE + coordsByteSize + idsByteSize + padCoords);
+	      this.ids = new this.IndexArrayType(this.data, HEADER_SIZE, numItems);
+	      this.coords = new this.ArrayType(this.data, HEADER_SIZE + idsByteSize + padCoords, numItems * 2);
+	      this._pos = 0;
+	      this._finished = false;
+
+	      // set header
+	      new Uint8Array(this.data, 0, 2).set([0xdb, (VERSION << 4) + arrayTypeIndex]);
+	      new Uint16Array(this.data, 2, 1)[0] = nodeSize;
+	      new Uint32Array(this.data, 4, 1)[0] = numItems;
+	    }
+	  }
+
+	  /**
+	   * Add a point to the index.
+	   * @param {number} x
+	   * @param {number} y
+	   * @returns {number} An incremental index associated with the added item (starting from `0`).
+	   */
+	  var _proto = KDBush.prototype;
+	  _proto.add = function add(x, y) {
+	    var index = this._pos >> 1;
+	    this.ids[index] = index;
+	    this.coords[this._pos++] = x;
+	    this.coords[this._pos++] = y;
+	    return index;
+	  }
+
+	  /**
+	   * Perform indexing of the added points.
+	   */;
+	  _proto.finish = function finish() {
+	    var numAdded = this._pos >> 1;
+	    if (numAdded !== this.numItems) {
+	      throw new Error("Added " + numAdded + " items when expected " + this.numItems + ".");
+	    }
+	    // kd-sort both arrays for efficient search
+	    sort(this.ids, this.coords, this.nodeSize, 0, this.numItems - 1, 0);
+	    this._finished = true;
+	    return this;
+	  }
+
+	  /**
+	   * Search the index for items within a given bounding box.
+	   * @param {number} minX
+	   * @param {number} minY
+	   * @param {number} maxX
+	   * @param {number} maxY
+	   * @returns {number[]} An array of indices correponding to the found items.
+	   */;
+	  _proto.range = function range(minX, minY, maxX, maxY) {
+	    if (!this._finished) throw new Error('Data not yet indexed - call index.finish().');
+	    var ids = this.ids,
+	      coords = this.coords,
+	      nodeSize = this.nodeSize;
+	    var stack = [0, ids.length - 1, 0];
+	    var result = [];
+
+	    // recursively search for items in range in the kd-sorted arrays
+	    while (stack.length) {
+	      var axis = stack.pop() || 0;
+	      var right = stack.pop() || 0;
+	      var left = stack.pop() || 0;
+
+	      // if we reached "tree node", search linearly
+	      if (right - left <= nodeSize) {
+	        for (var i = left; i <= right; i++) {
+	          var _x = coords[2 * i];
+	          var _y = coords[2 * i + 1];
+	          if (_x >= minX && _x <= maxX && _y >= minY && _y <= maxY) result.push(ids[i]);
+	        }
+	        continue;
+	      }
+
+	      // otherwise find the middle index
+	      var m = left + right >> 1;
+
+	      // include the middle item if it's in range
+	      var x = coords[2 * m];
+	      var y = coords[2 * m + 1];
+	      if (x >= minX && x <= maxX && y >= minY && y <= maxY) result.push(ids[m]);
+
+	      // queue search in halves that intersect the query
+	      if (axis === 0 ? minX <= x : minY <= y) {
+	        stack.push(left);
+	        stack.push(m - 1);
+	        stack.push(1 - axis);
+	      }
+	      if (axis === 0 ? maxX >= x : maxY >= y) {
+	        stack.push(m + 1);
+	        stack.push(right);
+	        stack.push(1 - axis);
+	      }
+	    }
+	    return result;
+	  }
+
+	  /**
+	   * Search the index for items within a given radius.
+	   * @param {number} qx
+	   * @param {number} qy
+	   * @param {number} r Query radius.
+	   * @returns {number[]} An array of indices correponding to the found items.
+	   */;
+	  _proto.within = function within(qx, qy, r) {
+	    if (!this._finished) throw new Error('Data not yet indexed - call index.finish().');
+	    var ids = this.ids,
+	      coords = this.coords,
+	      nodeSize = this.nodeSize;
+	    var stack = [0, ids.length - 1, 0];
+	    var result = [];
+	    var r2 = r * r;
+
+	    // recursively search for items within radius in the kd-sorted arrays
+	    while (stack.length) {
+	      var axis = stack.pop() || 0;
+	      var right = stack.pop() || 0;
+	      var left = stack.pop() || 0;
+
+	      // if we reached "tree node", search linearly
+	      if (right - left <= nodeSize) {
+	        for (var i = left; i <= right; i++) {
+	          if (sqDist(coords[2 * i], coords[2 * i + 1], qx, qy) <= r2) result.push(ids[i]);
+	        }
+	        continue;
+	      }
+
+	      // otherwise find the middle index
+	      var m = left + right >> 1;
+
+	      // include the middle item if it's in range
+	      var x = coords[2 * m];
+	      var y = coords[2 * m + 1];
+	      if (sqDist(x, y, qx, qy) <= r2) result.push(ids[m]);
+
+	      // queue search in halves that intersect the query
+	      if (axis === 0 ? qx - r <= x : qy - r <= y) {
+	        stack.push(left);
+	        stack.push(m - 1);
+	        stack.push(1 - axis);
+	      }
+	      if (axis === 0 ? qx + r >= x : qy + r >= y) {
+	        stack.push(m + 1);
+	        stack.push(right);
+	        stack.push(1 - axis);
+	      }
+	    }
+	    return result;
+	  };
+	  return KDBush;
+	}();
+	function sort(ids, coords, nodeSize, left, right, axis) {
 	  if (right - left <= nodeSize) return;
-	  var m = left + right >> 1;
-	  select(ids, coords, m, left, right, depth % 2);
-	  sortKD(ids, coords, nodeSize, left, m - 1, depth + 1);
-	  sortKD(ids, coords, nodeSize, m + 1, right, depth + 1);
+	  var m = left + right >> 1; // middle index
+
+	  // sort ids and coords around the middle index so that the halves lie
+	  // either left/right or top/bottom correspondingly (taking turns)
+	  select(ids, coords, m, left, right, axis);
+
+	  // recursively kd-sort first half and second half on the opposite axis
+	  sort(ids, coords, nodeSize, left, m - 1, 1 - axis);
+	  sort(ids, coords, nodeSize, m + 1, right, 1 - axis);
 	}
-	function select(ids, coords, k, left, right, inc) {
+
+	/**
+	 * Custom Floyd-Rivest selection algorithm: sort ids and coords so that
+	 * [left..k-1] items are smaller than k-th item (on either x or y axis)
+	 * @param {Uint16Array | Uint32Array} ids
+	 * @param {InstanceType<TypedArrayConstructor>} coords
+	 * @param {number} k
+	 * @param {number} left
+	 * @param {number} right
+	 * @param {number} axis
+	 */
+	function select(ids, coords, k, left, right, axis) {
 	  while (right > left) {
 	    if (right - left > 600) {
 	      var n = right - left + 1;
@@ -34314,21 +34579,21 @@
 	      var sd = 0.5 * Math.sqrt(z * s * (n - s) / n) * (m - n / 2 < 0 ? -1 : 1);
 	      var newLeft = Math.max(left, Math.floor(k - m * s / n + sd));
 	      var newRight = Math.min(right, Math.floor(k + (n - m) * s / n + sd));
-	      select(ids, coords, k, newLeft, newRight, inc);
+	      select(ids, coords, k, newLeft, newRight, axis);
 	    }
-	    var t = coords[2 * k + inc];
+	    var t = coords[2 * k + axis];
 	    var i = left;
 	    var j = right;
 	    swapItem(ids, coords, left, k);
-	    if (coords[2 * right + inc] > t) swapItem(ids, coords, left, right);
+	    if (coords[2 * right + axis] > t) swapItem(ids, coords, left, right);
 	    while (i < j) {
 	      swapItem(ids, coords, i, j);
 	      i++;
 	      j--;
-	      while (coords[2 * i + inc] < t) i++;
-	      while (coords[2 * j + inc] > t) j--;
+	      while (coords[2 * i + axis] < t) i++;
+	      while (coords[2 * j + axis] > t) j--;
 	    }
-	    if (coords[2 * left + inc] === t) swapItem(ids, coords, left, j);else {
+	    if (coords[2 * left + axis] === t) swapItem(ids, coords, left, j);else {
 	      j++;
 	      swapItem(ids, coords, j, right);
 	    }
@@ -34336,132 +34601,42 @@
 	    if (k <= j) right = j - 1;
 	  }
 	}
+
+	/**
+	 * @param {Uint16Array | Uint32Array} ids
+	 * @param {InstanceType<TypedArrayConstructor>} coords
+	 * @param {number} i
+	 * @param {number} j
+	 */
 	function swapItem(ids, coords, i, j) {
 	  swap(ids, i, j);
 	  swap(coords, 2 * i, 2 * j);
 	  swap(coords, 2 * i + 1, 2 * j + 1);
 	}
+
+	/**
+	 * @param {InstanceType<TypedArrayConstructor>} arr
+	 * @param {number} i
+	 * @param {number} j
+	 */
 	function swap(arr, i, j) {
 	  var tmp = arr[i];
 	  arr[i] = arr[j];
 	  arr[j] = tmp;
 	}
 
-	function range(ids, coords, minX, minY, maxX, maxY, nodeSize) {
-	  var stack = [0, ids.length - 1, 0];
-	  var result = [];
-	  var x, y;
-	  while (stack.length) {
-	    var axis = stack.pop();
-	    var right = stack.pop();
-	    var left = stack.pop();
-	    if (right - left <= nodeSize) {
-	      for (var i = left; i <= right; i++) {
-	        x = coords[2 * i];
-	        y = coords[2 * i + 1];
-	        if (x >= minX && x <= maxX && y >= minY && y <= maxY) result.push(ids[i]);
-	      }
-	      continue;
-	    }
-	    var m = Math.floor((left + right) / 2);
-	    x = coords[2 * m];
-	    y = coords[2 * m + 1];
-	    if (x >= minX && x <= maxX && y >= minY && y <= maxY) result.push(ids[m]);
-	    var nextAxis = (axis + 1) % 2;
-	    if (axis === 0 ? minX <= x : minY <= y) {
-	      stack.push(left);
-	      stack.push(m - 1);
-	      stack.push(nextAxis);
-	    }
-	    if (axis === 0 ? maxX >= x : maxY >= y) {
-	      stack.push(m + 1);
-	      stack.push(right);
-	      stack.push(nextAxis);
-	    }
-	  }
-	  return result;
-	}
-
-	function within(ids, coords, qx, qy, r, nodeSize) {
-	  var stack = [0, ids.length - 1, 0];
-	  var result = [];
-	  var r2 = r * r;
-	  while (stack.length) {
-	    var axis = stack.pop();
-	    var right = stack.pop();
-	    var left = stack.pop();
-	    if (right - left <= nodeSize) {
-	      for (var i = left; i <= right; i++) {
-	        if (sqDist(coords[2 * i], coords[2 * i + 1], qx, qy) <= r2) result.push(ids[i]);
-	      }
-	      continue;
-	    }
-	    var m = Math.floor((left + right) / 2);
-	    var x = coords[2 * m];
-	    var y = coords[2 * m + 1];
-	    if (sqDist(x, y, qx, qy) <= r2) result.push(ids[m]);
-	    var nextAxis = (axis + 1) % 2;
-	    if (axis === 0 ? qx - r <= x : qy - r <= y) {
-	      stack.push(left);
-	      stack.push(m - 1);
-	      stack.push(nextAxis);
-	    }
-	    if (axis === 0 ? qx + r >= x : qy + r >= y) {
-	      stack.push(m + 1);
-	      stack.push(right);
-	      stack.push(nextAxis);
-	    }
-	  }
-	  return result;
-	}
+	/**
+	 * @param {number} ax
+	 * @param {number} ay
+	 * @param {number} bx
+	 * @param {number} by
+	 */
 	function sqDist(ax, ay, bx, by) {
 	  var dx = ax - bx;
 	  var dy = ay - by;
 	  return dx * dx + dy * dy;
 	}
 
-	var defaultGetX = function defaultGetX(p) {
-	  return p[0];
-	};
-	var defaultGetY = function defaultGetY(p) {
-	  return p[1];
-	};
-	var KDBush = /*#__PURE__*/function () {
-	  function KDBush(points, getX, getY, nodeSize, ArrayType) {
-	    if (getX === void 0) {
-	      getX = defaultGetX;
-	    }
-	    if (getY === void 0) {
-	      getY = defaultGetY;
-	    }
-	    if (nodeSize === void 0) {
-	      nodeSize = 64;
-	    }
-	    if (ArrayType === void 0) {
-	      ArrayType = Float64Array;
-	    }
-	    this.nodeSize = nodeSize;
-	    this.points = points;
-	    var IndexArrayType = points.length < 65536 ? Uint16Array : Uint32Array;
-	    var ids = this.ids = new IndexArrayType(points.length);
-	    var coords = this.coords = new ArrayType(points.length * 2);
-	    for (var i = 0; i < points.length; i++) {
-	      ids[i] = i;
-	      coords[2 * i] = getX(points[i]);
-	      coords[2 * i + 1] = getY(points[i]);
-	    }
-	    sortKD(ids, coords, nodeSize, 0, ids.length - 1, 0);
-	  }
-	  var _proto = KDBush.prototype;
-	  _proto.range = function range$1(minX, minY, maxX, maxY) {
-	    return range(this.ids, this.coords, minX, minY, maxX, maxY, this.nodeSize);
-	  };
-	  _proto.within = function within$1(x, y, r) {
-	    return within(this.ids, this.coords, x, y, r, this.nodeSize);
-	  };
-	  return KDBush;
-	}();
-
 	var defaultOptions = {
 	  minZoom: 0,
 	  // min zoom to generate clusters on
@@ -34496,30 +34671,55 @@
 	    return tmp[0];
 	  };
 	}(new Float32Array(1));
+	var OFFSET_ZOOM = 2;
+	var OFFSET_ID = 3;
+	var OFFSET_PARENT = 4;
+	var OFFSET_NUM = 5;
+	var OFFSET_PROP = 6;
 	var Supercluster = /*#__PURE__*/function () {
 	  function Supercluster(options) {
-	    this.options = extend(Object.create(defaultOptions), options);
+	    this.options = Object.assign(Object.create(defaultOptions), options);
 	    this.trees = new Array(this.options.maxZoom + 1);
+	    this.stride = this.options.reduce ? 7 : 6;
+	    this.clusterProps = [];
 	  }
 	  var _proto = Supercluster.prototype;
 	  _proto.load = function load(points) {
 	    var _this$options = this.options,
 	      log = _this$options.log,
 	      minZoom = _this$options.minZoom,
-	      maxZoom = _this$options.maxZoom,
-	      nodeSize = _this$options.nodeSize;
+	      maxZoom = _this$options.maxZoom;
 	    if (log) console.time('total time');
 	    var timerId = "prepare " + points.length + " points";
 	    if (log) console.time(timerId);
 	    this.points = points;
 
 	    // generate a cluster object for each point and index input points into a KD-tree
-	    var clusters = [];
+	    var data = [];
 	    for (var i = 0; i < points.length; i++) {
-	      if (!points[i].geometry) continue;
-	      clusters.push(createPointCluster(points[i], i));
+	      var p = points[i];
+	      if (!p.geometry) continue;
+	      var _p$geometry$coordinat = p.geometry.coordinates,
+	        lng = _p$geometry$coordinat[0],
+	        lat = _p$geometry$coordinat[1];
+	      var x = fround(lngX(lng));
+	      var y = fround(latY(lat));
+	      // store internal point/cluster data in flat numeric arrays for performance
+	      data.push(x, y,
+	      // projected point coordinates
+	      Infinity,
+	      // the last zoom the point was processed at
+	      i,
+	      // index of the source feature in the original input array
+	      -1,
+	      // parent cluster id
+	      1 // number of points in a cluster
+	      );
+
+	      if (this.options.reduce) data.push(0); // noop
 	    }
-	    this.trees[maxZoom + 1] = new KDBush(clusters, getX, getY, nodeSize, Float32Array);
+
+	    var tree = this.trees[maxZoom + 1] = this._createTree(data);
 	    if (log) console.timeEnd(timerId);
 
 	    // cluster points on max zoom, then cluster the results on previous zoom, etc.;
@@ -34528,9 +34728,8 @@
 	      var now = +Date.now();
 
 	      // create a new set of clusters for the zoom and index them with a KD-tree
-	      clusters = this._cluster(clusters, z);
-	      this.trees[z] = new KDBush(clusters, getX, getY, nodeSize, Float32Array);
-	      if (log) console.log('z%d: %d clusters in %dms', z, clusters.length, +Date.now() - now);
+	      tree = this.trees[z] = this._createTree(this._cluster(tree, z));
+	      if (log) console.log('z%d: %d clusters in %dms', z, tree.numItems, +Date.now() - now);
 	    }
 	    if (log) console.timeEnd('total time');
 	    return this;
@@ -34550,11 +34749,12 @@
 	    }
 	    var tree = this.trees[this._limitZoom(zoom)];
 	    var ids = tree.range(lngX(minLng), latY(maxLat), lngX(maxLng), latY(minLat));
+	    var data = tree.data;
 	    var clusters = [];
 	    for (var _iterator = _createForOfIteratorHelperLoose(ids), _step; !(_step = _iterator()).done;) {
 	      var id = _step.value;
-	      var c = tree.points[id];
-	      clusters.push(c.numPoints ? getClusterJSON(c) : this.points[c.index]);
+	      var k = this.stride * id;
+	      clusters.push(data[k + OFFSET_NUM] > 1 ? getClusterJSON(data, k, this.clusterProps) : this.points[data[k + OFFSET_ID]]);
 	    }
 	    return clusters;
 	  };
@@ -34562,18 +34762,20 @@
 	    var originId = this._getOriginId(clusterId);
 	    var originZoom = this._getOriginZoom(clusterId);
 	    var errorMsg = 'No cluster with the specified id.';
-	    var index = this.trees[originZoom];
-	    if (!index) throw new Error(errorMsg);
-	    var origin = index.points[originId];
-	    if (!origin) throw new Error(errorMsg);
+	    var tree = this.trees[originZoom];
+	    if (!tree) throw new Error(errorMsg);
+	    var data = tree.data;
+	    if (originId * this.stride >= data.length) throw new Error(errorMsg);
 	    var r = this.options.radius / (this.options.extent * Math.pow(2, originZoom - 1));
-	    var ids = index.within(origin.x, origin.y, r);
+	    var x = data[originId * this.stride];
+	    var y = data[originId * this.stride + 1];
+	    var ids = tree.within(x, y, r);
 	    var children = [];
 	    for (var _iterator2 = _createForOfIteratorHelperLoose(ids), _step2; !(_step2 = _iterator2()).done;) {
 	      var id = _step2.value;
-	      var c = index.points[id];
-	      if (c.parentId === clusterId) {
-	        children.push(c.numPoints ? getClusterJSON(c) : this.points[c.index]);
+	      var k = id * this.stride;
+	      if (data[k + OFFSET_PARENT] === clusterId) {
+	        children.push(data[k + OFFSET_NUM] > 1 ? getClusterJSON(data, k, this.clusterProps) : this.points[data[k + OFFSET_ID]]);
 	      }
 	    }
 	    if (children.length === 0) throw new Error(errorMsg);
@@ -34598,12 +34800,12 @@
 	    var tile = {
 	      features: []
 	    };
-	    this._addTileFeatures(tree.range((x - p) / z2, top, (x + 1 + p) / z2, bottom), tree.points, x, y, z2, tile);
+	    this._addTileFeatures(tree.range((x - p) / z2, top, (x + 1 + p) / z2, bottom), tree.data, x, y, z2, tile);
 	    if (x === 0) {
-	      this._addTileFeatures(tree.range(1 - p / z2, top, 1, bottom), tree.points, z2, y, z2, tile);
+	      this._addTileFeatures(tree.range(1 - p / z2, top, 1, bottom), tree.data, z2, y, z2, tile);
 	    }
 	    if (x === z2 - 1) {
-	      this._addTileFeatures(tree.range(0, top, p / z2, bottom), tree.points, -1, y, z2, tile);
+	      this._addTileFeatures(tree.range(0, top, p / z2, bottom), tree.data, -1, y, z2, tile);
 	    }
 	    return tile.features.length ? tile : null;
 	  };
@@ -34642,23 +34844,33 @@
 	    }
 	    return skipped;
 	  };
-	  _proto._addTileFeatures = function _addTileFeatures(ids, points, x, y, z2, tile) {
+	  _proto._createTree = function _createTree(data) {
+	    var tree = new KDBush(data.length / this.stride | 0, this.options.nodeSize, Float32Array);
+	    for (var i = 0; i < data.length; i += this.stride) tree.add(data[i], data[i + 1]);
+	    tree.finish();
+	    tree.data = data;
+	    return tree;
+	  };
+	  _proto._addTileFeatures = function _addTileFeatures(ids, data, x, y, z2, tile) {
 	    for (var _iterator4 = _createForOfIteratorHelperLoose(ids), _step4; !(_step4 = _iterator4()).done;) {
 	      var i = _step4.value;
-	      var c = points[i];
-	      var isCluster = c.numPoints;
+	      var k = i * this.stride;
+	      var isCluster = data[k + OFFSET_NUM] > 1;
 	      var tags = void 0,
 	        px = void 0,
 	        py = void 0;
 	      if (isCluster) {
-	        tags = getClusterProperties(c);
-	        px = c.x;
-	        py = c.y;
+	        tags = getClusterProperties(data, k, this.clusterProps);
+	        px = data[k];
+	        py = data[k + 1];
 	      } else {
-	        var p = this.points[c.index];
+	        var p = this.points[data[k + OFFSET_ID]];
 	        tags = p.properties;
-	        px = lngX(p.geometry.coordinates[0]);
-	        py = latY(p.geometry.coordinates[1]);
+	        var _p$geometry$coordinat2 = p.geometry.coordinates,
+	          lng = _p$geometry$coordinat2[0],
+	          lat = _p$geometry$coordinat2[1];
+	        px = lngX(lng);
+	        py = latY(lat);
 	      }
 	      var f = {
 	        type: 1,
@@ -34668,14 +34880,12 @@
 
 	      // assign id
 	      var id = void 0;
-	      if (isCluster) {
-	        id = c.id;
-	      } else if (this.options.generateId) {
-	        // optionally generate id
-	        id = c.index;
-	      } else if (this.points[c.index].id) {
+	      if (isCluster || this.options.generateId) {
+	        // optionally generate id for points
+	        id = data[k + OFFSET_ID];
+	      } else {
 	        // keep id if already assigned
-	        id = this.points[c.index].id;
+	        id = this.points[data[k + OFFSET_ID]].id;
 	      }
 	      if (id !== undefined) f.id = id;
 	      tile.features.push(f);
@@ -34684,76 +34894,84 @@
 	  _proto._limitZoom = function _limitZoom(z) {
 	    return Math.max(this.options.minZoom, Math.min(Math.floor(+z), this.options.maxZoom + 1));
 	  };
-	  _proto._cluster = function _cluster(points, zoom) {
-	    var clusters = [];
+	  _proto._cluster = function _cluster(tree, zoom) {
 	    var _this$options3 = this.options,
 	      radius = _this$options3.radius,
 	      extent = _this$options3.extent,
 	      reduce = _this$options3.reduce,
 	      minPoints = _this$options3.minPoints;
 	    var r = radius / (extent * Math.pow(2, zoom));
+	    var data = tree.data;
+	    var nextData = [];
+	    var stride = this.stride;
 
 	    // loop through each point
-	    for (var i = 0; i < points.length; i++) {
-	      var p = points[i];
+	    for (var i = 0; i < data.length; i += stride) {
 	      // if we've already visited the point at this zoom level, skip it
-	      if (p.zoom <= zoom) continue;
-	      p.zoom = zoom;
+	      if (data[i + OFFSET_ZOOM] <= zoom) continue;
+	      data[i + OFFSET_ZOOM] = zoom;
 
 	      // find all nearby points
-	      var tree = this.trees[zoom + 1];
-	      var neighborIds = tree.within(p.x, p.y, r);
-	      var numPointsOrigin = p.numPoints || 1;
+	      var x = data[i];
+	      var y = data[i + 1];
+	      var neighborIds = tree.within(data[i], data[i + 1], r);
+	      var numPointsOrigin = data[i + OFFSET_NUM];
 	      var numPoints = numPointsOrigin;
 
 	      // count the number of points in a potential cluster
 	      for (var _iterator5 = _createForOfIteratorHelperLoose(neighborIds), _step5; !(_step5 = _iterator5()).done;) {
 	        var _neighborId2 = _step5.value;
-	        var _b2 = tree.points[_neighborId2];
+	        var _k2 = _neighborId2 * stride;
 	        // filter out neighbors that are already processed
-	        if (_b2.zoom > zoom) numPoints += _b2.numPoints || 1;
+	        if (data[_k2 + OFFSET_ZOOM] > zoom) numPoints += data[_k2 + OFFSET_NUM];
 	      }
 
 	      // if there were neighbors to merge, and there are enough points to form a cluster
 	      if (numPoints > numPointsOrigin && numPoints >= minPoints) {
-	        var wx = p.x * numPointsOrigin;
-	        var wy = p.y * numPointsOrigin;
-	        var clusterProperties = reduce && numPointsOrigin > 1 ? this._map(p, true) : null;
+	        var wx = x * numPointsOrigin;
+	        var wy = y * numPointsOrigin;
+	        var clusterProperties = void 0;
+	        var clusterPropIndex = -1;
 
 	        // encode both zoom and point index on which the cluster originated -- offset by total length of features
-	        var id = (i << 5) + (zoom + 1) + this.points.length;
+	        var id = ((i / stride | 0) << 5) + (zoom + 1) + this.points.length;
 	        for (var _iterator6 = _createForOfIteratorHelperLoose(neighborIds), _step6; !(_step6 = _iterator6()).done;) {
 	          var neighborId = _step6.value;
-	          var b = tree.points[neighborId];
-	          if (b.zoom <= zoom) continue;
-	          b.zoom = zoom; // save the zoom (so it doesn't get processed twice)
-
-	          var numPoints2 = b.numPoints || 1;
-	          wx += b.x * numPoints2; // accumulate coordinates for calculating weighted center
-	          wy += b.y * numPoints2;
-	          b.parentId = id;
+	          var k = neighborId * stride;
+	          if (data[k + OFFSET_ZOOM] <= zoom) continue;
+	          data[k + OFFSET_ZOOM] = zoom; // save the zoom (so it doesn't get processed twice)
+
+	          var numPoints2 = data[k + OFFSET_NUM];
+	          wx += data[k] * numPoints2; // accumulate coordinates for calculating weighted center
+	          wy += data[k + 1] * numPoints2;
+	          data[k + OFFSET_PARENT] = id;
 	          if (reduce) {
-	            if (!clusterProperties) clusterProperties = this._map(p, true);
-	            reduce(clusterProperties, this._map(b));
+	            if (!clusterProperties) {
+	              clusterProperties = this._map(data, i, true);
+	              clusterPropIndex = this.clusterProps.length;
+	              this.clusterProps.push(clusterProperties);
+	            }
+	            reduce(clusterProperties, this._map(data, k));
 	          }
 	        }
-	        p.parentId = id;
-	        clusters.push(createCluster(wx / numPoints, wy / numPoints, id, numPoints, clusterProperties));
+	        data[i + OFFSET_PARENT] = id;
+	        nextData.push(wx / numPoints, wy / numPoints, Infinity, id, -1, numPoints);
+	        if (reduce) nextData.push(clusterPropIndex);
 	      } else {
 	        // left points as unclustered
-	        clusters.push(p);
+	        for (var j = 0; j < stride; j++) nextData.push(data[i + j]);
 	        if (numPoints > 1) {
 	          for (var _iterator7 = _createForOfIteratorHelperLoose(neighborIds), _step7; !(_step7 = _iterator7()).done;) {
 	            var _neighborId = _step7.value;
-	            var _b = tree.points[_neighborId];
-	            if (_b.zoom <= zoom) continue;
-	            _b.zoom = zoom;
-	            clusters.push(_b);
+	            var _k = _neighborId * stride;
+	            if (data[_k + OFFSET_ZOOM] <= zoom) continue;
+	            data[_k + OFFSET_ZOOM] = zoom;
+	            for (var _j = 0; _j < stride; _j++) nextData.push(data[_k + _j]);
 	          }
 	        }
 	      }
 	    }
-	    return clusters;
+	    return nextData;
 	  }
 
 	  // get index of the point from which the cluster originated
@@ -34767,64 +34985,36 @@
 	  _proto._getOriginZoom = function _getOriginZoom(clusterId) {
 	    return (clusterId - this.points.length) % 32;
 	  };
-	  _proto._map = function _map(point, clone) {
-	    if (point.numPoints) {
-	      return clone ? extend({}, point.properties) : point.properties;
+	  _proto._map = function _map(data, i, clone) {
+	    if (data[i + OFFSET_NUM] > 1) {
+	      var props = this.clusterProps[data[i + OFFSET_PROP]];
+	      return clone ? Object.assign({}, props) : props;
 	    }
-	    var original = this.points[point.index].properties;
+	    var original = this.points[data[i + OFFSET_ID]].properties;
 	    var result = this.options.map(original);
-	    return clone && result === original ? extend({}, result) : result;
+	    return clone && result === original ? Object.assign({}, result) : result;
 	  };
 	  return Supercluster;
 	}();
-	function createCluster(x, y, id, numPoints, properties) {
-	  return {
-	    x: fround(x),
-	    // weighted cluster center; round for consistency with Float32Array index
-	    y: fround(y),
-	    zoom: Infinity,
-	    // the last zoom the cluster was processed at
-	    id: id,
-	    // encodes index of the first child of the cluster and its zoom level
-	    parentId: -1,
-	    // parent cluster id
-	    numPoints: numPoints,
-	    properties: properties
-	  };
-	}
-	function createPointCluster(p, id) {
-	  var _p$geometry$coordinat = p.geometry.coordinates,
-	    x = _p$geometry$coordinat[0],
-	    y = _p$geometry$coordinat[1];
-	  return {
-	    x: fround(lngX(x)),
-	    // projected point coordinates
-	    y: fround(latY(y)),
-	    zoom: Infinity,
-	    // the last zoom the point was processed at
-	    index: id,
-	    // index of the source feature in the original input array,
-	    parentId: -1 // parent cluster id
-	  };
-	}
-
-	function getClusterJSON(cluster) {
+	function getClusterJSON(data, i, clusterProps) {
 	  return {
 	    type: 'Feature',
-	    id: cluster.id,
-	    properties: getClusterProperties(cluster),
+	    id: data[i + OFFSET_ID],
+	    properties: getClusterProperties(data, i, clusterProps),
 	    geometry: {
 	      type: 'Point',
-	      coordinates: [xLng(cluster.x), yLat(cluster.y)]
+	      coordinates: [xLng(data[i]), yLat(data[i + 1])]
 	    }
 	  };
 	}
-	function getClusterProperties(cluster) {
-	  var count = cluster.numPoints;
+	function getClusterProperties(data, i, clusterProps) {
+	  var count = data[i + OFFSET_NUM];
 	  var abbrev = count >= 10000 ? Math.round(count / 1000) + "k" : count >= 1000 ? Math.round(count / 100) / 10 + "k" : count;
-	  return extend(extend({}, cluster.properties), {
+	  var propIndex = data[i + OFFSET_PROP];
+	  var properties = propIndex === -1 ? {} : Object.assign({}, clusterProps[propIndex]);
+	  return Object.assign(properties, {
 	    cluster: true,
-	    cluster_id: cluster.id,
+	    cluster_id: data[i + OFFSET_ID],
 	    point_count: count,
 	    point_count_abbreviated: abbrev
 	  });
@@ -34848,16 +35038,6 @@
 	  var y2 = (180 - y * 360) * Math.PI / 180;
 	  return 360 * Math.atan(Math.exp(y2)) / Math.PI - 90;
 	}
-	function extend(dest, src) {
-	  for (var id in src) dest[id] = src[id];
-	  return dest;
-	}
-	function getX(p) {
-	  return p.x;
-	}
-	function getY(p) {
-	  return p.y;
-	}
 
 	/*! *****************************************************************************
 	Copyright (c) Microsoft Corporation.
@@ -34883,6 +35063,64 @@
 	  return t;
 	}
 
+	/**
+	 * Copyright 2023 Google LLC
+	 *
+	 * Licensed under the Apache License, Version 2.0 (the "License");
+	 * you may not use this file except in compliance with the License.
+	 * You may obtain a copy of the License at
+	 *
+	 *      http://www.apache.org/licenses/LICENSE-2.0
+	 *
+	 * Unless required by applicable law or agreed to in writing, software
+	 * distributed under the License is distributed on an "AS IS" BASIS,
+	 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+	 * See the License for the specific language governing permissions and
+	 * limitations under the License.
+	 */
+	var MarkerUtils = /*#__PURE__*/function () {
+	  function MarkerUtils() {}
+	  MarkerUtils.isAdvancedMarker = function isAdvancedMarker(marker) {
+	    return google.maps.marker && marker instanceof google.maps.marker.AdvancedMarkerElement;
+	  };
+	  MarkerUtils.setMap = function setMap(marker, map) {
+	    if (this.isAdvancedMarker(marker)) {
+	      marker.map = map;
+	    } else {
+	      marker.setMap(map);
+	    }
+	  };
+	  MarkerUtils.getPosition = function getPosition(marker) {
+	    // SuperClusterAlgorithm.calculate expects a LatLng instance so we fake it for Adv Markers
+	    if (this.isAdvancedMarker(marker)) {
+	      if (marker.position) {
+	        if (marker.position instanceof google.maps.LatLng) {
+	          return marker.position;
+	        }
+	        // since we can't cast to LatLngLiteral for reasons =(
+	        if (marker.position.lat && marker.position.lng) {
+	          return new google.maps.LatLng(marker.position.lat, marker.position.lng);
+	        }
+	      }
+	      return new google.maps.LatLng(null);
+	    }
+	    return marker.getPosition();
+	  };
+	  MarkerUtils.getVisible = function getVisible(marker) {
+	    if (this.isAdvancedMarker(marker)) {
+	      /**
+	       * Always return true for Advanced Markers because the clusterer
+	       * uses getVisible as a way to count legacy markers not as an actual
+	       * indicator of visibility for some reason. Even when markers are hidden
+	       * Marker.getVisible returns `true` and this is used to set the marker count
+	       * on the cluster. See the behavior of Cluster.count
+	       */
+	      return true;
+	    }
+	    return marker.getVisible();
+	  };
+	  return MarkerUtils;
+	}();
 	/**
 	 * Copyright 2021 Google LLC
 	 *
@@ -34923,8 +35161,8 @@
 	   */;
 	  _proto["delete"] = function _delete() {
 	    if (this.marker) {
-	      this.marker.setMap(null);
-	      delete this.marker;
+	      MarkerUtils.setMap(this.marker, null);
+	      this.marker = undefined;
 	    }
 	    this.markers.length = 0;
 	  };
@@ -34932,11 +35170,14 @@
 	    key: "bounds",
 	    get: function get() {
 	      if (this.markers.length === 0 && !this._position) {
-	        return undefined;
+	        return;
+	      }
+	      var bounds = new google.maps.LatLngBounds(this._position, this._position);
+	      for (var _iterator = _createForOfIteratorHelperLoose(this.markers), _step; !(_step = _iterator()).done;) {
+	        var marker = _step.value;
+	        bounds.extend(MarkerUtils.getPosition(marker));
 	      }
-	      return this.markers.reduce(function (bounds, marker) {
-	        return bounds.extend(marker.getPosition());
-	      }, new google.maps.LatLngBounds(this._position, this._position));
+	      return bounds;
 	    }
 	  }, {
 	    key: "position",
@@ -34950,7 +35191,7 @@
 	    key: "count",
 	    get: function get() {
 	      return this.markers.filter(function (m) {
-	        return m.getVisible();
+	        return MarkerUtils.getVisible(m);
 	      }).length;
 	    }
 	  }]);
@@ -34988,7 +35229,7 @@
 	   * ```typescript
 	   *  cluster({markers, map}: AlgorithmInput): Cluster[] {
 	   *    if (shouldBypassClustering(map)) {
-	   *      return this.noop({markers, map})
+	   *      return this.noop({markers})
 	   *    }
 	   * }
 	   * ```
@@ -35006,7 +35247,7 @@
 	var _noop = function _noop(markers) {
 	  var clusters = markers.map(function (marker) {
 	    return new Cluster({
-	      position: marker.getPosition(),
+	      position: MarkerUtils.getPosition(marker),
 	      markers: [marker]
 	    });
 	  });
@@ -35055,16 +35296,21 @@
 	  var _proto6 = SuperClusterAlgorithm.prototype;
 	  _proto6.calculate = function calculate(input) {
 	    var changed = false;
+	    var state = {
+	      zoom: input.map.getZoom()
+	    };
 	    if (!fastDeepEqual(input.markers, this.markers)) {
 	      changed = true;
 	      // TODO use proxy to avoid copy?
 	      this.markers = [].concat(input.markers);
 	      var points = this.markers.map(function (marker) {
+	        var position = MarkerUtils.getPosition(marker);
+	        var coordinates = [position.lng(), position.lat()];
 	        return {
 	          type: "Feature",
 	          geometry: {
 	            type: "Point",
-	            coordinates: [marker.getPosition().lng(), marker.getPosition().lat()]
+	            coordinates: coordinates
 	          },
 	          properties: {
 	            marker: marker
@@ -35073,12 +35319,9 @@
 	      });
 	      this.superCluster.load(points);
 	    }
-	    var state = {
-	      zoom: input.map.getZoom()
-	    };
 	    if (!changed) {
-	      if (this.state.zoom > this.maxZoom && state.zoom > this.maxZoom) ;else {
-	        changed = changed || !fastDeepEqual(this.state, state);
+	      if (this.state.zoom <= this.maxZoom || state.zoom <= this.maxZoom) {
+	        changed = !fastDeepEqual(this.state, state);
 	      }
 	    }
 	    this.state = state;
@@ -35091,8 +35334,11 @@
 	    };
 	  };
 	  _proto6.cluster = function cluster(_ref10) {
+	    var _this5 = this;
 	    var map = _ref10.map;
-	    return this.superCluster.getClusters([-180, -90, 180, 90], Math.round(map.getZoom())).map(this.transformCluster.bind(this));
+	    return this.superCluster.getClusters([-180, -90, 180, 90], Math.round(map.getZoom())).map(function (feature) {
+	      return _this5.transformCluster(feature);
+	    });
 	  };
 	  _proto6.transformCluster = function transformCluster(_ref11) {
 	    var _ref11$geometry$coord = _ref11.geometry.coordinates,
@@ -35104,18 +35350,17 @@
 	        markers: this.superCluster.getLeaves(properties.cluster_id, Infinity).map(function (leaf) {
 	          return leaf.properties.marker;
 	        }),
-	        position: new google.maps.LatLng({
+	        position: {
 	          lat: lat,
 	          lng: lng
-	        })
-	      });
-	    } else {
-	      var marker = properties.marker;
-	      return new Cluster({
-	        markers: [marker],
-	        position: marker.getPosition()
+	        }
 	      });
 	    }
+	    var marker = properties.marker;
+	    return new Cluster({
+	      markers: [marker],
+	      position: MarkerUtils.getPosition(marker)
+	    });
 	  };
 	  return SuperClusterAlgorithm;
 	}(AbstractAlgorithm);
@@ -35198,29 +35443,57 @@
 	   * });
 	   * ```
 	   */
-	  _proto7.render = function render(_ref12, stats) {
+	  _proto7.render = function render(_ref12, stats, map) {
 	    var count = _ref12.count,
 	      position = _ref12.position;
 	    // change color if this cluster has more markers than the mean cluster
 	    var color = count > Math.max(10, stats.clusters.markers.mean) ? "#ff0000" : "#0000ff";
 	    // create svg url with fill color
-	    var svg = window.btoa("\n  <svg fill=\"" + color + "\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 240 240\">\n    <circle cx=\"120\" cy=\"120\" opacity=\".6\" r=\"70\" />\n    <circle cx=\"120\" cy=\"120\" opacity=\".3\" r=\"90\" />\n    <circle cx=\"120\" cy=\"120\" opacity=\".2\" r=\"110\" />\n  </svg>");
-	    // create marker using svg icon
-	    return new google.maps.Marker({
+	    var svg = "<svg fill=\"" + color + "\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 240 240\">\n                  <circle cx=\"120\" cy=\"120\" opacity=\".6\" r=\"70\" />\n                  <circle cx=\"120\" cy=\"120\" opacity=\".3\" r=\"90\" />\n                  <circle cx=\"120\" cy=\"120\" opacity=\".2\" r=\"110\" />\n                </svg>";
+	    var title = "Cluster of " + count + " markers",
+	      // adjust zIndex to be above other markers
+	      zIndex = Number(google.maps.Marker.MAX_ZINDEX) + count;
+	    if (google.maps.marker && map.getMapCapabilities().isAdvancedMarkersAvailable) {
+	      // create cluster SVG element
+	      var div = document.createElement("div");
+	      div.innerHTML = svg;
+	      var svgEl = div.firstElementChild;
+	      svgEl.setAttribute("width", "50");
+	      svgEl.setAttribute("height", "50");
+	      // create and append marker label to SVG
+	      var label = document.createElementNS("http://www.w3.org/2000/svg", "text");
+	      label.setAttribute("x", "50%");
+	      label.setAttribute("y", "50%");
+	      label.setAttribute("style", "fill: #FFF");
+	      label.setAttribute("text-anchor", "middle");
+	      label.setAttribute("font-size", "50");
+	      label.setAttribute("dominant-baseline", "middle");
+	      label.appendChild(document.createTextNode("" + count));
+	      svgEl.appendChild(label);
+	      var _clusterOptions = {
+	        map: map,
+	        position: position,
+	        zIndex: zIndex,
+	        title: title,
+	        content: div.firstElementChild
+	      };
+	      return new google.maps.marker.AdvancedMarkerElement(_clusterOptions);
+	    }
+	    var clusterOptions = {
 	      position: position,
+	      zIndex: zIndex,
+	      title: title,
 	      icon: {
-	        url: "data:image/svg+xml;base64," + svg,
+	        url: "data:image/svg+xml;base64," + window.btoa(svg),
 	        scaledSize: new google.maps.Size(45, 45)
 	      },
 	      label: {
 	        text: String(count),
 	        color: "rgba(255,255,255,0.9)",
 	        fontSize: "12px"
-	      },
-	      title: "Cluster of " + count + " markers",
-	      // adjust zIndex to be above other markers
-	      zIndex: Number(google.maps.Marker.MAX_ZINDEX) + count
-	    });
+	      }
+	    };
+	    return new google.maps.Marker(clusterOptions);
 	  };
 	  return DefaultRenderer;
 	}();
@@ -35247,7 +35520,7 @@
 	 * @ignore
 	 */
 	// eslint-disable-next-line @typescript-eslint/no-explicit-any
-	function extend$1(type1, type2) {
+	function extend(type1, type2) {
 	  /* istanbul ignore next */
 	  // eslint-disable-next-line prefer-const
 	  for (var property in type2.prototype) {
@@ -35263,7 +35536,7 @@
 	  // because it might not always be available when the code is defined so we
 	  // look for it at the last possible moment. If it doesn't exist now then
 	  // there is no point going ahead :)
-	  extend$1(OverlayViewSafe, google.maps.OverlayView);
+	  extend(OverlayViewSafe, google.maps.OverlayView);
 	};
 	/**
 	 * Copyright 2021 Google LLC
@@ -35297,26 +35570,28 @@
 	var MarkerClusterer = /*#__PURE__*/function (_OverlayViewSafe) {
 	  _inheritsLoose(MarkerClusterer, _OverlayViewSafe);
 	  function MarkerClusterer(_ref13) {
-	    var _this5;
+	    var _this6;
 	    var map = _ref13.map,
 	      _ref13$markers = _ref13.markers,
 	      markers = _ref13$markers === void 0 ? [] : _ref13$markers,
+	      _ref13$algorithmOptio = _ref13.algorithmOptions,
+	      algorithmOptions = _ref13$algorithmOptio === void 0 ? {} : _ref13$algorithmOptio,
 	      _ref13$algorithm = _ref13.algorithm,
-	      algorithm = _ref13$algorithm === void 0 ? new SuperClusterAlgorithm({}) : _ref13$algorithm,
+	      algorithm = _ref13$algorithm === void 0 ? new SuperClusterAlgorithm(algorithmOptions) : _ref13$algorithm,
 	      _ref13$renderer = _ref13.renderer,
 	      renderer = _ref13$renderer === void 0 ? new DefaultRenderer() : _ref13$renderer,
 	      _ref13$onClusterClick = _ref13.onClusterClick,
 	      onClusterClick = _ref13$onClusterClick === void 0 ? defaultOnClusterClickHandler : _ref13$onClusterClick;
-	    _this5 = _OverlayViewSafe.call(this) || this;
-	    _this5.markers = [].concat(markers);
-	    _this5.clusters = [];
-	    _this5.algorithm = algorithm;
-	    _this5.renderer = renderer;
-	    _this5.onClusterClick = onClusterClick;
+	    _this6 = _OverlayViewSafe.call(this) || this;
+	    _this6.markers = [].concat(markers);
+	    _this6.clusters = [];
+	    _this6.algorithm = algorithm;
+	    _this6.renderer = renderer;
+	    _this6.onClusterClick = onClusterClick;
 	    if (map) {
-	      _this5.setMap(map);
+	      _this6.setMap(map);
 	    }
-	    return _this5;
+	    return _this6;
 	  }
 	  var _proto8 = MarkerClusterer.prototype;
 	  _proto8.addMarker = function addMarker(marker, noDraw) {
@@ -35329,9 +35604,9 @@
 	    }
 	  };
 	  _proto8.addMarkers = function addMarkers(markers, noDraw) {
-	    var _this6 = this;
+	    var _this7 = this;
 	    markers.forEach(function (marker) {
-	      _this6.addMarker(marker, true);
+	      _this7.addMarker(marker, true);
 	    });
 	    if (!noDraw) {
 	      this.render();
@@ -35343,7 +35618,7 @@
 	      // Marker is not in our list of markers, so do nothing:
 	      return false;
 	    }
-	    marker.setMap(null);
+	    MarkerUtils.setMap(marker, null);
 	    this.markers.splice(index, 1); // Remove the marker from the list of managed markers
 	    if (!noDraw) {
 	      this.render();
@@ -35351,10 +35626,10 @@
 	    return true;
 	  };
 	  _proto8.removeMarkers = function removeMarkers(markers, noDraw) {
-	    var _this7 = this;
+	    var _this8 = this;
 	    var removed = false;
 	    markers.forEach(function (marker) {
-	      removed = _this7.removeMarker(marker, true) || removed;
+	      removed = _this8.removeMarker(marker, true) || removed;
 	    });
 	    if (removed && !noDraw) {
 	      this.render();
@@ -35372,7 +35647,7 @@
 	   */;
 	  _proto8.render = function render() {
 	    var map = this.getMap();
-	    if (map instanceof google.maps.Map && this.getProjection()) {
+	    if (map instanceof google.maps.Map && map.getProjection()) {
 	      google.maps.event.trigger(this, MarkerClustererEvents.CLUSTERING_BEGIN, this);
 	      var _this$algorithm$calcu = this.algorithm.calculate({
 	          markers: this.markers,
@@ -35402,7 +35677,7 @@
 	  };
 	  _proto8.reset = function reset() {
 	    this.markers.forEach(function (marker) {
-	      return marker.setMap(null);
+	      return MarkerUtils.setMap(marker, null);
 	    });
 	    this.clusters.forEach(function (cluster) {
 	      return cluster["delete"]();
@@ -35410,7 +35685,7 @@
 	    this.clusters = [];
 	  };
 	  _proto8.renderClusters = function renderClusters() {
-	    var _this8 = this;
+	    var _this9 = this;
 	    // generate stats to pass to renderers
 	    var stats = new ClusterStats(this.markers, this.clusters);
 	    var map = this.getMap();
@@ -35418,16 +35693,16 @@
 	      if (cluster.markers.length === 1) {
 	        cluster.marker = cluster.markers[0];
 	      } else {
-	        cluster.marker = _this8.renderer.render(cluster, stats);
-	        if (_this8.onClusterClick) {
+	        cluster.marker = _this9.renderer.render(cluster, stats, map);
+	        if (_this9.onClusterClick) {
 	          cluster.marker.addListener("click", /* istanbul ignore next */
 	          function (event) {
-	            google.maps.event.trigger(_this8, MarkerClustererEvents.CLUSTER_CLICK, cluster);
-	            _this8.onClusterClick(event, cluster, map);
+	            google.maps.event.trigger(_this9, MarkerClustererEvents.CLUSTER_CLICK, cluster);
+	            _this9.onClusterClick(event, cluster, map);
 	          });
 	        }
 	      }
-	      cluster.marker.setMap(map);
+	      MarkerUtils.setMap(cluster.marker, map);
 	    });
 	  };
 	  return MarkerClusterer;
@@ -35862,31 +36137,6 @@
 	  }, null, 4 /* STYLE */), vue.createElementVNode("div", _hoisted_1$1, [vue.renderSlot(_ctx.$slots, "default")]), vue.renderSlot(_ctx.$slots, "visible")], 2 /* CLASS */);
 	}
 
-	function styleInject(css, ref) {
-	  if (ref === void 0) ref = {};
-	  var insertAt = ref.insertAt;
-	  if (!css || typeof document === 'undefined') {
-	    return;
-	  }
-	  var head = document.head || document.getElementsByTagName('head')[0];
-	  var style = document.createElement('style');
-	  style.type = 'text/css';
-	  if (insertAt === 'top') {
-	    if (head.firstChild) {
-	      head.insertBefore(style, head.firstChild);
-	    } else {
-	      head.appendChild(style);
-	    }
-	  } else {
-	    head.appendChild(style);
-	  }
-	  if (style.styleSheet) {
-	    style.styleSheet.cssText = css;
-	  } else {
-	    style.appendChild(document.createTextNode(css));
-	  }
-	}
-
 	var css_248z = "\n.vue-map {\n  width: 100%;\n  height: 100%;\n  min-height: 2rem;\n}\n";
 	styleInject(css_248z);
 
@@ -38181,8 +38431,8 @@
 	  }
 	};
 
-	var _templateObject$u, _templateObject2$c, _templateObject3$8;
-	var MapPin = styled('div')(_templateObject$u || (_templateObject$u = _taggedTemplateLiteralLoose(["\n\theight: 24px;\n\twidth: auto;\n\tbackground-color: #fff;\n\tborder-radius: 2px;\n\tcolor: #222;\n\tbox-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);\n\tpadding: 3px 6px;\n\tfont-size: 15px;\n"])));
+	var _templateObject$r, _templateObject2$c, _templateObject3$8;
+	var MapPin = styled('div')(_templateObject$r || (_templateObject$r = _taggedTemplateLiteralLoose(["\n\theight: 24px;\n\twidth: auto;\n\tbackground-color: #fff;\n\tborder-radius: 2px;\n\tcolor: #222;\n\tbox-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);\n\tpadding: 3px 6px;\n\tfont-size: 15px;\n"])));
 	var MapPinArrow = styled('div')(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteralLoose(["\n\tborder-color: rgba(0, 0, 0, 0.2);\n\tborder-style: solid;\n\tborder-width: 0 1px 1px 0;\n\tmargin-left: -6px;\n\tbackground-color: #fff;\n\tmargin-top: -6px;\n\twidth: 12px;\n\theight: 12px;\n\t-webkit-transform: rotate(45deg);\n\t-ms-transform: rotate(45deg);\n\ttransform: rotate(45deg);\n"])));
 	var mapPinWrapper = css(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteralLoose(["\n\t&:hover,\n\t&:focus {\n\t\tz-index: 200;\n\t}\n"])));
 
@@ -38512,7 +38762,7 @@
 	  }
 	};
 
-	var _templateObject$v;
+	var _templateObject$s;
 	var ReactiveGoogleMap = {
 	  name: 'ReactiveGoogleMap',
 	  props: {
@@ -38587,7 +38837,7 @@
 	        "style": {
 	          height: '100%'
 	        },
-	        "class": css(_templateObject$v || (_templateObject$v = _taggedTemplateLiteralLoose(["\n\t\t\t\t\t\t\theight: 100%;\n\t\t\t\t\t\t"]))),
+	        "class": css(_templateObject$s || (_templateObject$s = _taggedTemplateLiteralLoose(["\n\t\t\t\t\t\t\theight: 100%;\n\t\t\t\t\t\t"]))),
 	        "options": {
 	          zoomControl: true
 	        },
@@ -38703,16 +38953,9 @@
 	ReactiveGoogleMap.componentType = constants_1$1.reactiveMap;
 
 	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(',');
+	  var map = /* @__PURE__ */Object.create(null);
+	  var list = str.split(",");
 	  for (var i = 0; i < list.length; i++) {
 	    map[list[i]] = true;
 	  }
@@ -38722,16 +38965,43 @@
 	    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);
+	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 = /* @__PURE__ */Object.create(null);
+	  return function (str) {
+	    var hit = cache[str];
+	    return hit || (cache[str] = fn(str));
+	  };
+	};
+	var hyphenateRE = /\B([A-Z])/g;
+	var hyphenate = cacheStringFunction(function (str) {
+	  return str.replace(hyphenateRE, "-$1").toLowerCase();
+	});
+	var _globalThis;
+	var getGlobalThis = function getGlobalThis() {
+	  return _globalThis || (_globalThis = typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : typeof global$1 !== "undefined" ? global$1 : {});
+	};
+	var PatchFlagNames = (_PatchFlagNames = {}, _PatchFlagNames[1] = "TEXT", _PatchFlagNames[2] = "CLASS", _PatchFlagNames[4] = "STYLE", _PatchFlagNames[8] = "PROPS", _PatchFlagNames[16] = "FULL_PROPS", _PatchFlagNames[32] = "HYDRATE_EVENTS", _PatchFlagNames[64] = "STABLE_FRAGMENT", _PatchFlagNames[128] = "KEYED_FRAGMENT", _PatchFlagNames[256] = "UNKEYED_FRAGMENT", _PatchFlagNames[512] = "NEED_PATCH", _PatchFlagNames[1024] = "DYNAMIC_SLOTS", _PatchFlagNames[2048] = "DEV_ROOT_FRAGMENT", _PatchFlagNames[-1] = "HOISTED", _PatchFlagNames[-2] = "BAIL", _PatchFlagNames);
+	var slotFlagsText = (_slotFlagsText = {}, _slotFlagsText[1] = "STABLE", _slotFlagsText[2] = "DYNAMIC", _slotFlagsText[3] = "FORWARDED", _slotFlagsText);
 	function normalizeStyle(value) {
 	  if (isArray(value)) {
 	    var res = {};
@@ -38753,10 +39023,10 @@
 	}
 	var listDelimiterRE = /;(?![^(]*\))/g;
 	var propertyDelimiterRE = /:([^]+)/;
-	var styleCommentRE = /\/\*[\s\S]*?\*\//g;
+	var styleCommentRE = /\/\*[^]*?\*\//g;
 	function parseStringStyle(cssText) {
 	  var ret = {};
-	  cssText.replace(styleCommentRE, '').split(listDelimiterRE).forEach(function (item) {
+	  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());
@@ -38765,76 +39035,47 @@
 	  return ret;
 	}
 	function stringifyStyle(styles) {
-	  var ret = '';
+	  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
+	    if (isString(value) || typeof value === "number") {
 	      ret += normalizedKey + ":" + value + ";";
 	    }
 	  }
 	  return ret;
 	}
 	function normalizeClass(value) {
-	  var res = '';
+	  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 + ' ';
+	        res += normalized + " ";
 	      }
 	    }
 	  } else if (isObject$1(value)) {
 	    for (var name in value) {
 	      if (value[name]) {
-	        res += 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 SVG_TAGS = "svg,animate,animateMotion,animateTransform,circle,clipPath,color-profile,defs,desc,discard,ellipse,feBlend,feColorMatrix,feComponentTransfer,feComposite,feConvolveMatrix,feDiffuseLighting,feDisplacementMap,feDistantLight,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";
+	var isSVGTag = /* @__PURE__ */makeMap(SVG_TAGS);
+	var isVoidTag = /* @__PURE__ */makeMap(VOID_TAGS);
 	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: '' }`
-	 */
+	var isBooleanAttr = /* @__PURE__ */makeMap(specialBooleanAttrs + ",async,autofocus,autoplay,controls,default,defer,disabled,hidden,inert,loop,open,required,reversed,scoped,seamless,checked,muted,multiple,selected");
 	function includeBooleanAttr(value) {
-	  return !!value || value === '';
+	  return !!value || value === "";
 	}
 	var unsafeAttrCharRE = /[>/="'\u0009\u000a\u000c\u0020]/;
 	var attrValidationCache = {};
@@ -38849,43 +39090,38 @@
 	  return attrValidationCache[name] = !isUnsafe;
 	}
 	var propsToAttrMap = {
-	  acceptCharset: 'accept-charset',
-	  className: 'class',
-	  htmlFor: 'for',
-	  httpEquiv: 'http-equiv'
+	  acceptCharset: "accept-charset",
+	  className: "class",
+	  htmlFor: "for",
+	  httpEquiv: "http-equiv"
 	};
 	var escapeRE = /["'&<>]/;
 	function escapeHtml$1(string) {
-	  var str = '' + string;
+	  var str = "" + string;
 	  var match = escapeRE.exec(str);
 	  if (!match) {
 	    return str;
 	  }
-	  var html = '';
+	  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;';
+	        escaped = "&quot;";
 	        break;
 	      case 38:
-	        // &
-	        escaped = '&amp;';
+	        escaped = "&amp;";
 	        break;
 	      case 39:
-	        // '
-	        escaped = '&#39;';
+	        escaped = "&#39;";
 	        break;
 	      case 60:
-	        // <
-	        escaped = '&lt;';
+	        escaped = "&lt;";
 	        break;
 	      case 62:
-	        // >
-	        escaped = '&gt;';
+	        escaped = "&gt;";
 	        break;
 	      default:
 	        continue;
@@ -38898,60 +39134,23 @@
 	  }
 	  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, '');
+	  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));
-	  };
-	};
-	var hyphenateRE = /\B([A-Z])/g;
-	/**
-	 * @private
-	 */
-	var hyphenate = cacheStringFunction(function (str) {
-	  return str.replace(hyphenateRE, '-$1').toLowerCase();
-	});
 
 	var _ErrorTypeStrings;
-
-	// leading comma for empty string ""
 	var shouldIgnoreProp = makeMap(",key,ref,innerHTML,textContent,ref_key,ref_for");
 	function ssrRenderAttrs(props, tag) {
-	  var ret = '';
+	  var ret = "";
 	  for (var key in props) {
-	    if (shouldIgnoreProp(key) || isOn(key) || tag === 'textarea' && key === 'value') {
+	    if (shouldIgnoreProp(key) || isOn(key) || tag === "textarea" && key === "value") {
 	      continue;
 	    }
 	    var value = props[key];
-	    if (key === 'class') {
+	    if (key === "class") {
 	      ret += " class=\"" + ssrRenderClass(value) + "\"";
-	    } else if (key === 'style') {
+	    } else if (key === "style") {
 	      ret += " style=\"" + ssrRenderStyle(value) + "\"";
 	    } else {
 	      ret += ssrRenderDynamicAttr(key, value, tag);
@@ -38959,17 +39158,15 @@
 	  }
 	  return ret;
 	}
-	// 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();
+	  var attrKey = tag && (tag.indexOf("-") > 0 || isSVGTag(tag)) ? key : propsToAttrMap[key] || key.toLowerCase();
 	  if (isBooleanAttr(attrKey)) {
 	    return includeBooleanAttr(value) ? " " + attrKey : "";
 	  } else if (isSSRSafeAttrName(attrKey)) {
-	    return value === '' ? " " + attrKey : " " + attrKey + "=\"" + escapeHtml$1(value) + "\"";
+	    return value === "" ? " " + attrKey : " " + attrKey + "=\"" + escapeHtml$1(value) + "\"";
 	  } else {
 	    console.warn("[@vue/server-renderer] Skipped rendering unsafe attribute name: " + attrKey);
 	    return "";
@@ -38980,14 +39177,14 @@
 	    return false;
 	  }
 	  var type = typeof value;
-	  return type === 'string' || type === 'number' || type === 'boolean';
+	  return type === "string" || type === "number" || type === "boolean";
 	}
 	function ssrRenderClass(raw) {
 	  return escapeHtml$1(normalizeClass(raw));
 	}
 	function ssrRenderStyle(raw) {
 	  if (!raw) {
-	    return '';
+	    return "";
 	  }
 	  if (isString(raw)) {
 	    return escapeHtml$1(raw);
@@ -38995,18 +39192,11 @@
 	  var styles = normalizeStyle(raw);
 	  return escapeHtml$1(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-->');
+	  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) {
@@ -39021,25 +39211,34 @@
 	    teleportContent = getBuffer();
 	  }
 	  targetBuffer.splice(bufferIndex, 0, teleportContent);
-	  parentPush('<!--teleport end-->');
+	  parentPush("<!--teleport end-->");
+	}
+	var ErrorTypeStrings = (_ErrorTypeStrings = {}, _ErrorTypeStrings["sp"] = "serverPrefetch hook", _ErrorTypeStrings["bc"] = "beforeCreate hook", _ErrorTypeStrings["c"] = "created hook", _ErrorTypeStrings["bm"] = "beforeMount hook", _ErrorTypeStrings["m"] = "mounted hook", _ErrorTypeStrings["bu"] = "beforeUpdate hook", _ErrorTypeStrings["u"] = "updated", _ErrorTypeStrings["bum"] = "beforeUnmount hook", _ErrorTypeStrings["um"] = "unmounted hook", _ErrorTypeStrings["a"] = "activated hook", _ErrorTypeStrings["da"] = "deactivated hook", _ErrorTypeStrings["ec"] = "errorCaptured hook", _ErrorTypeStrings["rtc"] = "renderTracked hook", _ErrorTypeStrings["rtg"] = "renderTriggered hook", _ErrorTypeStrings[0] = "setup function", _ErrorTypeStrings[1] = "render function", _ErrorTypeStrings[2] = "watcher getter", _ErrorTypeStrings[3] = "watcher callback", _ErrorTypeStrings[4] = "watcher cleanup function", _ErrorTypeStrings[5] = "native event handler", _ErrorTypeStrings[6] = "component event handler", _ErrorTypeStrings[7] = "vnode hook", _ErrorTypeStrings[8] = "directive hook", _ErrorTypeStrings[9] = "transition hook", _ErrorTypeStrings[10] = "app errorHandler", _ErrorTypeStrings[11] = "app warnHandler", _ErrorTypeStrings[12] = "ref function", _ErrorTypeStrings[13] = "async component loader", _ErrorTypeStrings[14] = "scheduler flush. This is likely a Vue internals bug. Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/core", _ErrorTypeStrings);
+	var globalCurrentInstanceSetters;
+	var settersKey = "__VUE_INSTANCE_SETTERS__";
+	{
+	  if (!(globalCurrentInstanceSetters = getGlobalThis()[settersKey])) {
+	    globalCurrentInstanceSetters = getGlobalThis()[settersKey] = [];
+	  }
+	  globalCurrentInstanceSetters.push(function (i) {
+	    return i;
+	  });
+	}
+	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.");
+	  }
 	}
 	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) {
@@ -39051,8 +39250,6 @@
 	      }
 	      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;
 	      }
 	    }
@@ -39063,9 +39260,11 @@
 	    parentComponent = null;
 	  }
 	  var instance = createComponentInstance(vnode, parentComponent, null);
-	  var res = setupComponent(instance, true /* isSSR */);
+	  var res = setupComponent(instance, true
+	  /* isSSR */);
+
 	  var hasAsyncSetup = isPromise(res);
-	  var prefetches = instance.sp; /* LifecycleHooks.SERVER_PREFETCH */
+	  var prefetches = instance.sp;
 	  if (hasAsyncSetup || prefetches) {
 	    var p = hasAsyncSetup ? res : Promise.resolve();
 	    if (prefetches) {
@@ -39073,9 +39272,7 @@
 	        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 () {});
+	      })["catch"](function () {});
 	    }
 	    return p.then(function () {
 	      return renderComponentSubTree(instance, slotScopeId);
@@ -39091,8 +39288,6 @@
 	    push = _createBuffer2.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-")) {
@@ -39105,17 +39300,13 @@
 	    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 attrs = instance.inheritAttrs !== false ? instance.attrs : void 0;
 	      var hasCloned = false;
 	      var cur = instance;
 	      while (true) {
@@ -39125,12 +39316,10 @@
 	            attrs = _extends({}, attrs);
 	            hasCloned = true;
 	          }
-	          attrs[scopeId] = '';
+	          attrs[scopeId] = "";
 	        }
 	        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;
@@ -39138,9 +39327,8 @@
 	      }
 	      if (slotScopeId) {
 	        if (!hasCloned) attrs = _extends({}, attrs);
-	        attrs[slotScopeId.trim()] = '';
+	        attrs[slotScopeId.trim()] = "";
 	      }
-	      // set current rendering instance for asset resolution
 	      var prev = setCurrentRenderingInstance(instance);
 	      try {
 	        ssrRender(instance.proxy, push, instance, attrs,
@@ -39175,23 +39363,23 @@
 	      break;
 	    case vue.Fragment:
 	      if (vnode.slotScopeIds) {
-	        slotScopeId = (slotScopeId ? slotScopeId + ' ' : '') + vnode.slotScopeIds.join(' ');
+	        slotScopeId = (slotScopeId ? slotScopeId + " " : "") + vnode.slotScopeIds.join(" ");
 	      }
-	      push("<!--[-->"); // open
+	      push("<!--[-->");
 	      renderVNodeChildren(push, children, parentComponent, slotScopeId);
-	      push("<!--]-->"); // close
+	      push("<!--]-->");
 	      break;
 	    default:
-	      if (shapeFlag & 1 /* ShapeFlags.ELEMENT */) {
+	      if (shapeFlag & 1) {
 	        renderElementVNode(push, vnode, parentComponent, slotScopeId);
-	      } else if (shapeFlag & 6 /* ShapeFlags.COMPONENT */) {
+	      } else if (shapeFlag & 6) {
 	        push(renderComponentVNode(vnode, parentComponent, slotScopeId));
-	      } else if (shapeFlag & 64 /* ShapeFlags.TELEPORT */) {
+	      } else if (shapeFlag & 64) {
 	        renderTeleportVNode(push, vnode, parentComponent, slotScopeId);
-	      } else if (shapeFlag & 128 /* ShapeFlags.SUSPENSE */) {
+	      } else if (shapeFlag & 128) {
 	        renderVNode(push, vnode.ssContent, parentComponent, slotScopeId);
 	      } else {
-	        vue.warn('[@vue/server-renderer] Invalid VNode type:', type, "(" + typeof type + ")");
+	        vue.warn("[@vue/server-renderer] Invalid VNode type:", type, "(" + typeof type + ")");
 	      }
 	  }
 	}
@@ -39217,7 +39405,6 @@
 	  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) {
@@ -39240,15 +39427,15 @@
 	      } else if (props.textContent) {
 	        hasChildrenOverride = true;
 	        push(escapeHtml$1(props.textContent));
-	      } else if (tag === 'textarea' && props.value) {
+	      } else if (tag === "textarea" && props.value) {
 	        hasChildrenOverride = true;
 	        push(escapeHtml$1(props.value));
 	      }
 	    }
 	    if (!hasChildrenOverride) {
-	      if (shapeFlag & 8 /* ShapeFlags.TEXT_CHILDREN */) {
+	      if (shapeFlag & 8) {
 	        push(escapeHtml$1(children));
-	      } else if (shapeFlag & 16 /* ShapeFlags.ARRAY_CHILDREN */) {
+	      } else if (shapeFlag & 16) {
 	        renderVNodeChildren(push, children, parentComponent, slotScopeId);
 	      }
 	    }
@@ -39280,119 +39467,116 @@
 	    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);
+	  ssrRenderTeleport(push, function (push2) {
+	    renderVNodeChildren(push2, vnode.children, parentComponent, slotScopeId);
+	  }, target, disabled || disabled === "", parentComponent);
 	}
-	var isVNode = vue.ssrUtils.isVNode;
-	function unrollBuffer(_x) {
-	  return _unrollBuffer.apply(this, arguments);
+	var isVNode$1 = vue.ssrUtils.isVNode;
+	function unrollBuffer$1(_x3) {
+	  return _unrollBuffer$.apply(this, arguments);
 	}
-	function _unrollBuffer() {
-	  _unrollBuffer = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(buffer) {
+	function _unrollBuffer$() {
+	  _unrollBuffer$ = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(buffer) {
 	    var ret, i, item;
-	    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-	      while (1) switch (_context2.prev = _context2.next) {
+	    return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+	      while (1) switch (_context3.prev = _context3.next) {
 	        case 0:
 	          if (!buffer.hasAsync) {
-	            _context2.next = 23;
+	            _context3.next = 23;
 	            break;
 	          }
-	          ret = '';
+	          ret = "";
 	          i = 0;
 	        case 3:
 	          if (!(i < buffer.length)) {
-	            _context2.next = 20;
+	            _context3.next = 20;
 	            break;
 	          }
 	          item = buffer[i];
 	          if (!isPromise(item)) {
-	            _context2.next = 9;
+	            _context3.next = 9;
 	            break;
 	          }
-	          _context2.next = 8;
+	          _context3.next = 8;
 	          return item;
 	        case 8:
-	          item = _context2.sent;
+	          item = _context3.sent;
 	        case 9:
 	          if (!isString(item)) {
-	            _context2.next = 13;
+	            _context3.next = 13;
 	            break;
 	          }
 	          ret += item;
-	          _context2.next = 17;
+	          _context3.next = 17;
 	          break;
 	        case 13:
-	          _context2.t0 = ret;
-	          _context2.next = 16;
-	          return unrollBuffer(item);
+	          _context3.t0 = ret;
+	          _context3.next = 16;
+	          return unrollBuffer$1(item);
 	        case 16:
-	          ret = _context2.t0 += _context2.sent;
+	          ret = _context3.t0 += _context3.sent;
 	        case 17:
 	          i++;
-	          _context2.next = 3;
+	          _context3.next = 3;
 	          break;
 	        case 20:
-	          return _context2.abrupt("return", ret);
+	          return _context3.abrupt("return", ret);
 	        case 23:
-	          return _context2.abrupt("return", unrollBufferSync(buffer));
+	          return _context3.abrupt("return", unrollBufferSync$1(buffer));
 	        case 24:
 	        case "end":
-	          return _context2.stop();
+	          return _context3.stop();
 	      }
-	    }, _callee2);
+	    }, _callee3);
 	  }));
-	  return _unrollBuffer.apply(this, arguments);
+	  return _unrollBuffer$.apply(this, arguments);
 	}
-	function unrollBufferSync(buffer) {
-	  var ret = '';
+	function unrollBufferSync$1(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);
+	      ret += unrollBufferSync$1(item);
 	    }
 	  }
 	  return ret;
 	}
-	function renderToString(_x2, _x3) {
+	function renderToString(_x4, _x5) {
 	  return _renderToString.apply(this, arguments);
 	}
 	function _renderToString() {
-	  _renderToString = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(input, context) {
+	  _renderToString = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(input, context) {
 	    var vnode, buffer, result, _iterator3, _step3, unwatch;
-	    return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-	      while (1) switch (_context3.prev = _context3.next) {
+	    return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+	      while (1) switch (_context4.prev = _context4.next) {
 	        case 0:
 	          if (context === void 0) {
 	            context = {};
 	          }
-	          if (!isVNode(input)) {
-	            _context3.next = 3;
+	          if (!isVNode$1(input)) {
+	            _context4.next = 3;
 	            break;
 	          }
-	          return _context3.abrupt("return", renderToString(vue.createApp({
+	          return _context4.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;
+	          _context4.next = 8;
 	          return renderComponentVNode(vnode);
 	        case 8:
-	          buffer = _context3.sent;
-	          _context3.next = 11;
-	          return unrollBuffer(buffer);
+	          buffer = _context4.sent;
+	          _context4.next = 11;
+	          return unrollBuffer$1(buffer);
 	        case 11:
-	          result = _context3.sent;
-	          _context3.next = 14;
+	          result = _context4.sent;
+	          _context4.next = 14;
 	          return resolveTeleports(context);
 	        case 14:
 	          if (context.__watcherHandles) {
@@ -39401,57 +39585,56 @@
 	              unwatch();
 	            }
 	          }
-	          return _context3.abrupt("return", result);
+	          return _context4.abrupt("return", result);
 	        case 16:
 	        case "end":
-	          return _context3.stop();
+	          return _context4.stop();
 	      }
-	    }, _callee3);
+	    }, _callee4);
 	  }));
 	  return _renderToString.apply(this, arguments);
 	}
-	function resolveTeleports(_x4) {
+	function resolveTeleports(_x6) {
 	  return _resolveTeleports.apply(this, arguments);
 	}
 	function _resolveTeleports() {
-	  _resolveTeleports = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(context) {
+	  _resolveTeleports = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(context) {
 	    var key;
-	    return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-	      while (1) switch (_context4.prev = _context4.next) {
+	    return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+	      while (1) switch (_context5.prev = _context5.next) {
 	        case 0:
 	          if (!context.__teleportBuffers) {
-	            _context4.next = 14;
+	            _context5.next = 14;
 	            break;
 	          }
 	          context.teleports = context.teleports || {};
-	          _context4.t0 = _regeneratorRuntime().keys(context.__teleportBuffers);
+	          _context5.t0 = _regeneratorRuntime().keys(context.__teleportBuffers);
 	        case 3:
-	          if ((_context4.t1 = _context4.t0()).done) {
-	            _context4.next = 14;
+	          if ((_context5.t1 = _context5.t0()).done) {
+	            _context5.next = 14;
 	            break;
 	          }
-	          key = _context4.t1.value;
-	          _context4.t2 = unrollBuffer;
-	          _context4.next = 8;
+	          key = _context5.t1.value;
+	          _context5.t2 = unrollBuffer$1;
+	          _context5.next = 8;
 	          return Promise.all([context.__teleportBuffers[key]]);
 	        case 8:
-	          _context4.t3 = _context4.sent;
-	          _context4.next = 11;
-	          return (0, _context4.t2)(_context4.t3);
+	          _context5.t3 = _context5.sent;
+	          _context5.next = 11;
+	          return (0, _context5.t2)(_context5.t3);
 	        case 11:
-	          context.teleports[key] = _context4.sent;
-	          _context4.next = 3;
+	          context.teleports[key] = _context5.sent;
+	          _context5.next = 3;
 	          break;
 	        case 14:
 	        case "end":
-	          return _context4.stop();
+	          return _context5.stop();
 	      }
-	    }, _callee4);
+	    }, _callee5);
 	  }));
 	  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);
+	var isVNode = vue.ssrUtils.isVNode;
 	vue.initDirectivesForSSR();
 
 	var server = createCommonjsModule(function (module, exports) {
@@ -39758,7 +39941,7 @@
 	  }, queryString, renderFunction);
 	}
 
-	var version = "3.0.0-rc.6";
+	var version = "3.0.0-rc.6.2";
 
 	var components = [RLConnected, ResultCard, ResultList, ReactiveBase, SBConnected, ListConnected, ListConnected$1, RangeConnected$1, RangeConnected$2, RangeConnected$3, RangeConnected, RcConnected, RcConnected$1, RcConnected$2, TBConnected, ListConnected$2, ListConnected$3, StateProviderConnected, RangeConnected$4, TreeListConnected, AIConnected];
 	function install$1 (Vue) {