@quantajs/react
Version:
React integration for QuantaJS - A compact, scalable, and developer-friendly state management library for React applications.
790 lines (786 loc) • 97.3 kB
JavaScript
/*! MIT License
Copyright (c) 2025 QuantaJS
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
*/
import yt, { useRef as fe, useCallback as I, useSyncExternalStore as Ae, createContext as gt, useContext as _t, useEffect as wt } from "react";
import { logger as R, createStore as mt } from "@quantajs/core";
import { computed as wr, createStore as mr, logger as br, reactive as vr, watch as kr } from "@quantajs/core";
const bt = (e, t) => {
try {
return e && typeof e == "object" && "value" in e ? e.value : typeof e == "function" ? e.bind(t) : e;
} catch {
return e;
}
};
function Re(e, t) {
if (!e.subscribe) {
const c = new Error(
"QuantaJS store missing `subscribe`—ensure core v0.1.0-beta.2+."
);
throw R.error(`useQuantaStore: ${c.message}`), c;
}
if (!t) {
const c = fe(null), p = I(() => {
if (c.current) return c.current;
const a = {};
return Object.keys(e.state || {}).forEach((u) => {
a[u] = e[u];
}), Object.keys(e.getters || {}).forEach((u) => {
const f = e.getters[u];
a[u] = bt(f, e);
}), Object.keys(e.actions || {}).forEach((u) => {
a[u] = e.actions[u].bind(e);
}), a.$reset = e.$reset, a.$persist = e.$persist, a.$destroy = e.$destroy, c.current = a, a;
}, [e]), d = I(
(a) => {
const u = (f) => {
c.current = null, a();
};
return e.subscribe(u);
},
[e]
), x = I(
() => p(),
[p]
);
return Ae(d, p, x);
}
const r = fe(null), i = I(() => {
const c = t(e);
return r.current = c, c;
}, [e, t]), l = I(
(c) => {
const p = (d) => {
try {
const x = t(e);
r.current !== x && (r.current = x, c());
} catch (x) {
R.warn(
`useQuantaStore: Selector update failed: ${String(x)}`
);
}
};
return e.subscribe(p);
},
[e, t]
), o = I(() => (r.current === null && i(), r.current), [i]), s = I(
() => i(),
[i]
);
return Ae(l, o, s);
}
const Xe = gt({ stores: {} });
function vt() {
try {
const e = _t(Xe);
if (!e) {
const t = "useQuantaContext must be used within a QuantaProvider";
throw R.error(`QuantaContext: ${t}`), new Error(t);
}
return e;
} catch (e) {
throw R.error(
`QuantaContext: Failed to access context: ${e instanceof Error ? e.message : String(e)}`
), e;
}
}
function pr(e, t) {
try {
const { stores: r } = vt(), i = r[e];
if (!i) {
const l = `Store with name "${e}" does not exist in the context.`;
throw R.error(`useStore: ${l}`), new Error(l);
}
return t ? Re(i, t) : Re(i);
} catch (r) {
throw R.error(
`useStore: Failed to access store "${e}": ${r instanceof Error ? r.message : String(r)}`
), r;
}
}
function ur(e, t, r, i) {
try {
const l = fe(
void 0
);
if (!l.current)
try {
l.current = mt(e, {
state: t,
getters: r,
actions: i
});
} catch (o) {
throw R.error(
`useCreateStore: Failed to create store "${e}": ${o instanceof Error ? o.message : String(o)}`
), o;
}
return l.current;
} catch (l) {
throw R.error(
`useCreateStore: Hook execution failed: ${l instanceof Error ? l.message : String(l)}`
), l;
}
}
var K = { exports: {} }, q = {};
var je;
function kt() {
if (je) return q;
je = 1;
var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
function r(i, l, o) {
var s = null;
if (o !== void 0 && (s = "" + o), l.key !== void 0 && (s = "" + l.key), "key" in l) {
o = {};
for (var c in l)
c !== "key" && (o[c] = l[c]);
} else o = l;
return l = o.ref, {
$$typeof: e,
type: i,
key: s,
ref: l !== void 0 ? l : null,
props: o
};
}
return q.Fragment = t, q.jsx = r, q.jsxs = r, q;
}
var Y = {};
var Pe;
function Nt() {
return Pe || (Pe = 1, process.env.NODE_ENV !== "production" && (function() {
function e(h) {
if (h == null) return null;
if (typeof h == "function")
return h.$$typeof === T ? null : h.displayName || h.name || null;
if (typeof h == "string") return h;
switch (h) {
case m:
return "Fragment";
case _:
return "Profiler";
case g:
return "StrictMode";
case F:
return "Suspense";
case X:
return "SuspenseList";
case Q:
return "Activity";
}
if (typeof h == "object")
switch (typeof h.tag == "number" && console.error(
"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
), h.$$typeof) {
case C:
return "Portal";
case P:
return h.displayName || "Context";
case j:
return (h._context.displayName || "Context") + ".Consumer";
case U:
var y = h.render;
return h = h.displayName, h || (h = y.displayName || y.name || "", h = h !== "" ? "ForwardRef(" + h + ")" : "ForwardRef"), h;
case H:
return y = h.displayName || null, y !== null ? y : e(h.type) || "Memo";
case M:
y = h._payload, h = h._init;
try {
return e(h(y));
} catch {
}
}
return null;
}
function t(h) {
return "" + h;
}
function r(h) {
try {
t(h);
var y = !1;
} catch {
y = !0;
}
if (y) {
y = console;
var b = y.error, S = typeof Symbol == "function" && Symbol.toStringTag && h[Symbol.toStringTag] || h.constructor.name || "Object";
return b.call(
y,
"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
S
), t(h);
}
}
function i(h) {
if (h === m) return "<>";
if (typeof h == "object" && h !== null && h.$$typeof === M)
return "<...>";
try {
var y = e(h);
return y ? "<" + y + ">" : "<...>";
} catch {
return "<...>";
}
}
function l() {
var h = O.A;
return h === null ? null : h.getOwner();
}
function o() {
return Error("react-stack-top-frame");
}
function s(h) {
if (ke.call(h, "key")) {
var y = Object.getOwnPropertyDescriptor(h, "key").get;
if (y && y.isReactWarning) return !1;
}
return h.key !== void 0;
}
function c(h, y) {
function b() {
Ne || (Ne = !0, console.error(
"%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
y
));
}
b.isReactWarning = !0, Object.defineProperty(h, "key", {
get: b,
configurable: !0
});
}
function p() {
var h = e(this.type);
return Se[h] || (Se[h] = !0, console.error(
"Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
)), h = this.props.ref, h !== void 0 ? h : null;
}
function d(h, y, b, S, Z, se) {
var E = b.ref;
return h = {
$$typeof: v,
type: h,
key: y,
props: b,
_owner: S
}, (E !== void 0 ? E : null) !== null ? Object.defineProperty(h, "ref", {
enumerable: !1,
get: p
}) : Object.defineProperty(h, "ref", { enumerable: !1, value: null }), h._store = {}, Object.defineProperty(h._store, "validated", {
configurable: !1,
enumerable: !1,
writable: !0,
value: 0
}), Object.defineProperty(h, "_debugInfo", {
configurable: !1,
enumerable: !1,
writable: !0,
value: null
}), Object.defineProperty(h, "_debugStack", {
configurable: !1,
enumerable: !1,
writable: !0,
value: Z
}), Object.defineProperty(h, "_debugTask", {
configurable: !1,
enumerable: !1,
writable: !0,
value: se
}), Object.freeze && (Object.freeze(h.props), Object.freeze(h)), h;
}
function x(h, y, b, S, Z, se) {
var E = y.children;
if (E !== void 0)
if (S)
if (ut(E)) {
for (S = 0; S < E.length; S++)
a(E[S]);
Object.freeze && Object.freeze(E);
} else
console.error(
"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
);
else a(E);
if (ke.call(y, "key")) {
E = e(h);
var B = Object.keys(y).filter(function(xt) {
return xt !== "key";
});
S = 0 < B.length ? "{key: someKey, " + B.join(": ..., ") + ": ...}" : "{key: someKey}", Te[E + S] || (B = 0 < B.length ? "{" + B.join(": ..., ") + ": ...}" : "{}", console.error(
`A props object containing a "key" prop is being spread into JSX:
let props = %s;
<%s {...props} />
React keys must be passed directly to JSX without using spread:
let props = %s;
<%s key={someKey} {...props} />`,
S,
E,
B,
E
), Te[E + S] = !0);
}
if (E = null, b !== void 0 && (r(b), E = "" + b), s(y) && (r(y.key), E = "" + y.key), "key" in y) {
b = {};
for (var he in y)
he !== "key" && (b[he] = y[he]);
} else b = y;
return E && c(
b,
typeof h == "function" ? h.displayName || h.name || "Unknown" : h
), d(
h,
E,
b,
l(),
Z,
se
);
}
function a(h) {
u(h) ? h._store && (h._store.validated = 1) : typeof h == "object" && h !== null && h.$$typeof === M && (h._payload.status === "fulfilled" ? u(h._payload.value) && h._payload.value._store && (h._payload.value._store.validated = 1) : h._store && (h._store.validated = 1));
}
function u(h) {
return typeof h == "object" && h !== null && h.$$typeof === v;
}
var f = yt, v = Symbol.for("react.transitional.element"), C = Symbol.for("react.portal"), m = Symbol.for("react.fragment"), g = Symbol.for("react.strict_mode"), _ = Symbol.for("react.profiler"), j = Symbol.for("react.consumer"), P = Symbol.for("react.context"), U = Symbol.for("react.forward_ref"), F = Symbol.for("react.suspense"), X = Symbol.for("react.suspense_list"), H = Symbol.for("react.memo"), M = Symbol.for("react.lazy"), Q = Symbol.for("react.activity"), T = Symbol.for("react.client.reference"), O = f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ke = Object.prototype.hasOwnProperty, ut = Array.isArray, ce = console.createTask ? console.createTask : function() {
return null;
};
f = {
react_stack_bottom_frame: function(h) {
return h();
}
};
var Ne, Se = {}, Ee = f.react_stack_bottom_frame.bind(
f,
o
)(), Ce = ce(i(o)), Te = {};
Y.Fragment = m, Y.jsx = function(h, y, b) {
var S = 1e4 > O.recentlyCreatedOwnerStacks++;
return x(
h,
y,
b,
!1,
S ? Error("react-stack-top-frame") : Ee,
S ? ce(i(h)) : Ce
);
}, Y.jsxs = function(h, y, b) {
var S = 1e4 > O.recentlyCreatedOwnerStacks++;
return x(
h,
y,
b,
!0,
S ? Error("react-stack-top-frame") : Ee,
S ? ce(i(h)) : Ce
);
};
})()), Y;
}
var Oe;
function St() {
return Oe || (Oe = 1, process.env.NODE_ENV === "production" ? K.exports = kt() : K.exports = Nt()), K.exports;
}
var Et = St();
function xr({ stores: e, children: t }) {
try {
if (!e || typeof e != "object") {
const r = "QuantaProvider: Invalid stores prop provided";
throw R.error(r), new Error(r);
}
for (const [r, i] of Object.entries(e))
if (!i || typeof i != "object") {
const l = `QuantaProvider: Invalid store "${r}" provided`;
throw R.error(l), new Error(l);
}
return /* @__PURE__ */ Et.jsx(Xe.Provider, { value: { stores: e }, children: t });
} catch (r) {
throw R.error(
`QuantaProvider: Failed to render provider: ${r instanceof Error ? r.message : String(r)}`
), r;
}
}
var ae, w, Ze, L, ze, Ke, et, tt, _e, pe, ue, V = {}, rt = [], Ct = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i, G = Array.isArray;
function $(e, t) {
for (var r in t) e[r] = t[r];
return e;
}
function we(e) {
e && e.parentNode && e.parentNode.removeChild(e);
}
function J(e, t, r) {
var i, l, o, s = {};
for (o in t) o == "key" ? i = t[o] : o == "ref" ? l = t[o] : s[o] = t[o];
if (arguments.length > 2 && (s.children = arguments.length > 3 ? ae.call(arguments, 2) : r), typeof e == "function" && e.defaultProps != null) for (o in e.defaultProps) s[o] === void 0 && (s[o] = e.defaultProps[o]);
return te(e, s, i, l, null);
}
function te(e, t, r, i, l) {
var o = { type: e, props: t, key: r, ref: i, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: l ?? ++Ze, __i: -1, __u: 0 };
return l == null && w.vnode != null && w.vnode(o), o;
}
function ne(e) {
return e.children;
}
function re(e, t) {
this.props = e, this.context = t;
}
function W(e, t) {
if (t == null) return e.__ ? W(e.__, e.__i + 1) : null;
for (var r; t < e.__k.length; t++) if ((r = e.__k[t]) != null && r.__e != null) return r.__e;
return typeof e.type == "function" ? W(e) : null;
}
function it(e) {
var t, r;
if ((e = e.__) != null && e.__c != null) {
for (e.__e = e.__c.base = null, t = 0; t < e.__k.length; t++) if ((r = e.__k[t]) != null && r.__e != null) {
e.__e = e.__c.base = r.__e;
break;
}
return it(e);
}
}
function Me(e) {
(!e.__d && (e.__d = !0) && L.push(e) && !oe.__r++ || ze != w.debounceRendering) && ((ze = w.debounceRendering) || Ke)(oe);
}
function oe() {
for (var e, t, r, i, l, o, s, c = 1; L.length; ) L.length > c && L.sort(et), e = L.shift(), c = L.length, e.__d && (r = void 0, i = void 0, l = (i = (t = e).__v).__e, o = [], s = [], t.__P && ((r = $({}, i)).__v = i.__v + 1, w.vnode && w.vnode(r), me(t.__P, r, i, t.__n, t.__P.namespaceURI, 32 & i.__u ? [l] : null, o, l ?? W(i), !!(32 & i.__u), s), r.__v = i.__v, r.__.__k[r.__i] = r, nt(o, r, s), i.__e = i.__ = null, r.__e != l && it(r)));
oe.__r = 0;
}
function ot(e, t, r, i, l, o, s, c, p, d, x) {
var a, u, f, v, C, m, g, _ = i && i.__k || rt, j = t.length;
for (p = Tt(r, t, _, p, j), a = 0; a < j; a++) (f = r.__k[a]) != null && (u = f.__i == -1 ? V : _[f.__i] || V, f.__i = a, m = me(e, f, u, l, o, s, c, p, d, x), v = f.__e, f.ref && u.ref != f.ref && (u.ref && be(u.ref, null, f), x.push(f.ref, f.__c || v, f)), C == null && v != null && (C = v), (g = !!(4 & f.__u)) || u.__k === f.__k ? p = lt(f, p, e, g) : typeof f.type == "function" && m !== void 0 ? p = m : v && (p = v.nextSibling), f.__u &= -7);
return r.__e = C, p;
}
function Tt(e, t, r, i, l) {
var o, s, c, p, d, x = r.length, a = x, u = 0;
for (e.__k = new Array(l), o = 0; o < l; o++) (s = t[o]) != null && typeof s != "boolean" && typeof s != "function" ? (p = o + u, (s = e.__k[o] = typeof s == "string" || typeof s == "number" || typeof s == "bigint" || s.constructor == String ? te(null, s, null, null, null) : G(s) ? te(ne, { children: s }, null, null, null) : s.constructor == null && s.__b > 0 ? te(s.type, s.props, s.key, s.ref ? s.ref : null, s.__v) : s).__ = e, s.__b = e.__b + 1, c = null, (d = s.__i = At(s, r, p, a)) != -1 && (a--, (c = r[d]) && (c.__u |= 2)), c == null || c.__v == null ? (d == -1 && (l > x ? u-- : l < x && u++), typeof s.type != "function" && (s.__u |= 4)) : d != p && (d == p - 1 ? u-- : d == p + 1 ? u++ : (d > p ? u-- : u++, s.__u |= 4))) : e.__k[o] = null;
if (a) for (o = 0; o < x; o++) (c = r[o]) != null && (2 & c.__u) == 0 && (c.__e == i && (i = W(c)), st(c, c));
return i;
}
function lt(e, t, r, i) {
var l, o;
if (typeof e.type == "function") {
for (l = e.__k, o = 0; l && o < l.length; o++) l[o] && (l[o].__ = e, t = lt(l[o], t, r, i));
return t;
}
e.__e != t && (i && (t && e.type && !t.parentNode && (t = W(e)), r.insertBefore(e.__e, t || null)), t = e.__e);
do
t = t && t.nextSibling;
while (t != null && t.nodeType == 8);
return t;
}
function at(e, t) {
return t = t || [], e == null || typeof e == "boolean" || (G(e) ? e.some(function(r) {
at(r, t);
}) : t.push(e)), t;
}
function At(e, t, r, i) {
var l, o, s, c = e.key, p = e.type, d = t[r], x = d != null && (2 & d.__u) == 0;
if (d === null && e.key == null || x && c == d.key && p == d.type) return r;
if (i > (x ? 1 : 0)) {
for (l = r - 1, o = r + 1; l >= 0 || o < t.length; ) if ((d = t[s = l >= 0 ? l-- : o++]) != null && (2 & d.__u) == 0 && c == d.key && p == d.type) return s;
}
return -1;
}
function $e(e, t, r) {
t[0] == "-" ? e.setProperty(t, r ?? "") : e[t] = r == null ? "" : typeof r != "number" || Ct.test(t) ? r : r + "px";
}
function ee(e, t, r, i, l) {
var o, s;
e: if (t == "style") if (typeof r == "string") e.style.cssText = r;
else {
if (typeof i == "string" && (e.style.cssText = i = ""), i) for (t in i) r && t in r || $e(e.style, t, "");
if (r) for (t in r) i && r[t] == i[t] || $e(e.style, t, r[t]);
}
else if (t[0] == "o" && t[1] == "n") o = t != (t = t.replace(tt, "$1")), s = t.toLowerCase(), t = s in e || t == "onFocusOut" || t == "onFocusIn" ? s.slice(2) : t.slice(2), e.l || (e.l = {}), e.l[t + o] = r, r ? i ? r.u = i.u : (r.u = _e, e.addEventListener(t, o ? ue : pe, o)) : e.removeEventListener(t, o ? ue : pe, o);
else {
if (l == "http://www.w3.org/2000/svg") t = t.replace(/xlink(H|:h)/, "h").replace(/sName$/, "s");
else if (t != "width" && t != "height" && t != "href" && t != "list" && t != "form" && t != "tabIndex" && t != "download" && t != "rowSpan" && t != "colSpan" && t != "role" && t != "popover" && t in e) try {
e[t] = r ?? "";
break e;
} catch {
}
typeof r == "function" || (r == null || r === !1 && t[4] != "-" ? e.removeAttribute(t) : e.setAttribute(t, t == "popover" && r == 1 ? "" : r));
}
}
function De(e) {
return function(t) {
if (this.l) {
var r = this.l[t.type + e];
if (t.t == null) t.t = _e++;
else if (t.t < r.u) return;
return r(w.event ? w.event(t) : t);
}
};
}
function me(e, t, r, i, l, o, s, c, p, d) {
var x, a, u, f, v, C, m, g, _, j, P, U, F, X, H, M, Q, T = t.type;
if (t.constructor != null) return null;
128 & r.__u && (p = !!(32 & r.__u), o = [c = t.__e = r.__e]), (x = w.__b) && x(t);
e: if (typeof T == "function") try {
if (g = t.props, _ = "prototype" in T && T.prototype.render, j = (x = T.contextType) && i[x.__c], P = x ? j ? j.props.value : x.__ : i, r.__c ? m = (a = t.__c = r.__c).__ = a.__E : (_ ? t.__c = a = new T(g, P) : (t.__c = a = new re(g, P), a.constructor = T, a.render = jt), j && j.sub(a), a.props = g, a.state || (a.state = {}), a.context = P, a.__n = i, u = a.__d = !0, a.__h = [], a._sb = []), _ && a.__s == null && (a.__s = a.state), _ && T.getDerivedStateFromProps != null && (a.__s == a.state && (a.__s = $({}, a.__s)), $(a.__s, T.getDerivedStateFromProps(g, a.__s))), f = a.props, v = a.state, a.__v = t, u) _ && T.getDerivedStateFromProps == null && a.componentWillMount != null && a.componentWillMount(), _ && a.componentDidMount != null && a.__h.push(a.componentDidMount);
else {
if (_ && T.getDerivedStateFromProps == null && g !== f && a.componentWillReceiveProps != null && a.componentWillReceiveProps(g, P), !a.__e && a.shouldComponentUpdate != null && a.shouldComponentUpdate(g, a.__s, P) === !1 || t.__v == r.__v) {
for (t.__v != r.__v && (a.props = g, a.state = a.__s, a.__d = !1), t.__e = r.__e, t.__k = r.__k, t.__k.some(function(O) {
O && (O.__ = t);
}), U = 0; U < a._sb.length; U++) a.__h.push(a._sb[U]);
a._sb = [], a.__h.length && s.push(a);
break e;
}
a.componentWillUpdate != null && a.componentWillUpdate(g, a.__s, P), _ && a.componentDidUpdate != null && a.__h.push(function() {
a.componentDidUpdate(f, v, C);
});
}
if (a.context = P, a.props = g, a.__P = e, a.__e = !1, F = w.__r, X = 0, _) {
for (a.state = a.__s, a.__d = !1, F && F(t), x = a.render(a.props, a.state, a.context), H = 0; H < a._sb.length; H++) a.__h.push(a._sb[H]);
a._sb = [];
} else do
a.__d = !1, F && F(t), x = a.render(a.props, a.state, a.context), a.state = a.__s;
while (a.__d && ++X < 25);
a.state = a.__s, a.getChildContext != null && (i = $($({}, i), a.getChildContext())), _ && !u && a.getSnapshotBeforeUpdate != null && (C = a.getSnapshotBeforeUpdate(f, v)), M = x, x != null && x.type === ne && x.key == null && (M = ct(x.props.children)), c = ot(e, G(M) ? M : [M], t, r, i, l, o, s, c, p, d), a.base = t.__e, t.__u &= -161, a.__h.length && s.push(a), m && (a.__E = a.__ = null);
} catch (O) {
if (t.__v = null, p || o != null) if (O.then) {
for (t.__u |= p ? 160 : 128; c && c.nodeType == 8 && c.nextSibling; ) c = c.nextSibling;
o[o.indexOf(c)] = null, t.__e = c;
} else {
for (Q = o.length; Q--; ) we(o[Q]);
xe(t);
}
else t.__e = r.__e, t.__k = r.__k, O.then || xe(t);
w.__e(O, t, r);
}
else o == null && t.__v == r.__v ? (t.__k = r.__k, t.__e = r.__e) : c = t.__e = Rt(r.__e, t, r, i, l, o, s, p, d);
return (x = w.diffed) && x(t), 128 & t.__u ? void 0 : c;
}
function xe(e) {
e && e.__c && (e.__c.__e = !0), e && e.__k && e.__k.forEach(xe);
}
function nt(e, t, r) {
for (var i = 0; i < r.length; i++) be(r[i], r[++i], r[++i]);
w.__c && w.__c(t, e), e.some(function(l) {
try {
e = l.__h, l.__h = [], e.some(function(o) {
o.call(l);
});
} catch (o) {
w.__e(o, l.__v);
}
});
}
function ct(e) {
return typeof e != "object" || e == null || e.__b && e.__b > 0 ? e : G(e) ? e.map(ct) : $({}, e);
}
function Rt(e, t, r, i, l, o, s, c, p) {
var d, x, a, u, f, v, C, m = r.props, g = t.props, _ = t.type;
if (_ == "svg" ? l = "http://www.w3.org/2000/svg" : _ == "math" ? l = "http://www.w3.org/1998/Math/MathML" : l || (l = "http://www.w3.org/1999/xhtml"), o != null) {
for (d = 0; d < o.length; d++) if ((f = o[d]) && "setAttribute" in f == !!_ && (_ ? f.localName == _ : f.nodeType == 3)) {
e = f, o[d] = null;
break;
}
}
if (e == null) {
if (_ == null) return document.createTextNode(g);
e = document.createElementNS(l, _, g.is && g), c && (w.__m && w.__m(t, o), c = !1), o = null;
}
if (_ == null) m === g || c && e.data == g || (e.data = g);
else {
if (o = o && ae.call(e.childNodes), m = r.props || V, !c && o != null) for (m = {}, d = 0; d < e.attributes.length; d++) m[(f = e.attributes[d]).name] = f.value;
for (d in m) if (f = m[d], d != "children") {
if (d == "dangerouslySetInnerHTML") a = f;
else if (!(d in g)) {
if (d == "value" && "defaultValue" in g || d == "checked" && "defaultChecked" in g) continue;
ee(e, d, null, f, l);
}
}
for (d in g) f = g[d], d == "children" ? u = f : d == "dangerouslySetInnerHTML" ? x = f : d == "value" ? v = f : d == "checked" ? C = f : c && typeof f != "function" || m[d] === f || ee(e, d, f, m[d], l);
if (x) c || a && (x.__html == a.__html || x.__html == e.innerHTML) || (e.innerHTML = x.__html), t.__k = [];
else if (a && (e.innerHTML = ""), ot(t.type == "template" ? e.content : e, G(u) ? u : [u], t, r, i, _ == "foreignObject" ? "http://www.w3.org/1999/xhtml" : l, o, s, o ? o[0] : r.__k && W(r, 0), c, p), o != null) for (d = o.length; d--; ) we(o[d]);
c || (d = "value", _ == "progress" && v == null ? e.removeAttribute("value") : v != null && (v !== e[d] || _ == "progress" && !v || _ == "option" && v != m[d]) && ee(e, d, v, m[d], l), d = "checked", C != null && C != e[d] && ee(e, d, C, m[d], l));
}
return e;
}
function be(e, t, r) {
try {
if (typeof e == "function") {
var i = typeof e.__u == "function";
i && e.__u(), i && t == null || (e.__u = e(t));
} else e.current = t;
} catch (l) {
w.__e(l, r);
}
}
function st(e, t, r) {
var i, l;
if (w.unmount && w.unmount(e), (i = e.ref) && (i.current && i.current != e.__e || be(i, null, t)), (i = e.__c) != null) {
if (i.componentWillUnmount) try {
i.componentWillUnmount();
} catch (o) {
w.__e(o, t);
}
i.base = i.__P = null;
}
if (i = e.__k) for (l = 0; l < i.length; l++) i[l] && st(i[l], t, r || typeof e.type != "function");
r || we(e.__e), e.__c = e.__ = e.__e = void 0;
}
function jt(e, t, r) {
return this.constructor(e, r);
}
function Fe(e, t, r) {
var i, l, o, s;
t == document && (t = document.documentElement), w.__ && w.__(e, t), l = (i = !1) ? null : t.__k, o = [], s = [], me(t, e = t.__k = J(ne, null, [e]), l || V, V, t.namespaceURI, l ? null : t.firstChild ? ae.call(t.childNodes) : null, o, l ? l.__e : t.firstChild, i, s), nt(o, e, s);
}
ae = rt.slice, w = { __e: function(e, t, r, i) {
for (var l, o, s; t = t.__; ) if ((l = t.__c) && !l.__) try {
if ((o = l.constructor) && o.getDerivedStateFromError != null && (l.setState(o.getDerivedStateFromError(e)), s = l.__d), l.componentDidCatch != null && (l.componentDidCatch(e, i || {}), s = l.__d), s) return l.__E = l;
} catch (c) {
e = c;
}
throw e;
} }, Ze = 0, re.prototype.setState = function(e, t) {
var r;
r = this.__s != null && this.__s != this.state ? this.__s : this.__s = $({}, this.state), typeof e == "function" && (e = e($({}, r), this.props)), e && $(r, e), e != null && this.__v && (t && this._sb.push(t), Me(this));
}, re.prototype.forceUpdate = function(e) {
this.__v && (this.__e = !0, e && this.__h.push(e), Me(this));
}, re.prototype.render = ne, L = [], Ke = typeof Promise == "function" ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, et = function(e, t) {
return e.__v.__b - t.__v.__b;
}, oe.__r = 0, tt = /(PointerCapture)$|Capture$/i, _e = 0, pe = De(!1), ue = De(!0);
var Pt = 0;
function n(e, t, r, i, l, o) {
t || (t = {});
var s, c, p = t;
if ("ref" in p) for (c in p = {}, t) c == "ref" ? s = t[c] : p[c] = t[c];
var d = { type: e, props: p, key: r, ref: s, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: --Pt, __i: -1, __u: 0, __source: l, __self: o };
if (typeof e == "function" && (s = e.defaultProps)) for (c in s) p[c] === void 0 && (p[c] = s[c]);
return w.vnode && w.vnode(d), d;
}
var le, k, de, Ie, ye = 0, ht = [], N = w, Le = N.__b, Ue = N.__r, He = N.diffed, Be = N.__c, We = N.unmount, Qe = N.__;
function dt(e, t) {
N.__h && N.__h(k, e, ye || t), ye = 0;
var r = k.__H || (k.__H = { __: [], __h: [] });
return e >= r.__.length && r.__.push({}), r.__[e];
}
function D(e) {
return ye = 1, Ot(ft, e);
}
function Ot(e, t, r) {
var i = dt(le++, 2);
if (i.t = e, !i.__c && (i.__ = [ft(void 0, t), function(c) {
var p = i.__N ? i.__N[0] : i.__[0], d = i.t(p, c);
p !== d && (i.__N = [d, i.__[1]], i.__c.setState({}));
}], i.__c = k, !k.__f)) {
var l = function(c, p, d) {
if (!i.__c.__H) return !0;
var x = i.__c.__H.__.filter(function(u) {
return !!u.__c;
});
if (x.every(function(u) {
return !u.__N;
})) return !o || o.call(this, c, p, d);
var a = i.__c.props !== c;
return x.forEach(function(u) {
if (u.__N) {
var f = u.__[0];
u.__ = u.__N, u.__N = void 0, f !== u.__[0] && (a = !0);
}
}), o && o.call(this, c, p, d) || a;
};
k.__f = !0;
var o = k.shouldComponentUpdate, s = k.componentWillUpdate;
k.componentWillUpdate = function(c, p, d) {
if (this.__e) {
var x = o;
o = void 0, l(c, p, d), o = x;
}
s && s.call(this, c, p, d);
}, k.shouldComponentUpdate = l;
}
return i.__N || i.__;
}
function zt(e, t) {
var r = dt(le++, 3);
!N.__s && Dt(r.__H, t) && (r.__ = e, r.u = t, k.__H.__h.push(r));
}
function Mt() {
for (var e; e = ht.shift(); ) if (e.__P && e.__H) try {
e.__H.__h.forEach(ie), e.__H.__h.forEach(ge), e.__H.__h = [];
} catch (t) {
e.__H.__h = [], N.__e(t, e.__v);
}
}
N.__b = function(e) {
k = null, Le && Le(e);
}, N.__ = function(e, t) {
e && t.__k && t.__k.__m && (e.__m = t.__k.__m), Qe && Qe(e, t);
}, N.__r = function(e) {
Ue && Ue(e), le = 0;
var t = (k = e.__c).__H;
t && (de === k ? (t.__h = [], k.__h = [], t.__.forEach(function(r) {
r.__N && (r.__ = r.__N), r.u = r.__N = void 0;
})) : (t.__h.forEach(ie), t.__h.forEach(ge), t.__h = [], le = 0)), de = k;
}, N.diffed = function(e) {
He && He(e);
var t = e.__c;
t && t.__H && (t.__H.__h.length && (ht.push(t) !== 1 && Ie === N.requestAnimationFrame || ((Ie = N.requestAnimationFrame) || $t)(Mt)), t.__H.__.forEach(function(r) {
r.u && (r.__H = r.u), r.u = void 0;
})), de = k = null;
}, N.__c = function(e, t) {
t.some(function(r) {
try {
r.__h.forEach(ie), r.__h = r.__h.filter(function(i) {
return !i.__ || ge(i);
});
} catch (i) {
t.some(function(l) {
l.__h && (l.__h = []);
}), t = [], N.__e(i, r.__v);
}
}), Be && Be(e, t);
}, N.unmount = function(e) {
We && We(e);
var t, r = e.__c;
r && r.__H && (r.__H.__.forEach(function(i) {
try {
ie(i);
} catch (l) {
t = l;
}
}), r.__H = void 0, t && N.__e(t, r.__v));
};
var qe = typeof requestAnimationFrame == "function";
function $t(e) {
var t, r = function() {
clearTimeout(i), qe && cancelAnimationFrame(t), setTimeout(e);
}, i = setTimeout(r, 35);
qe && (t = requestAnimationFrame(r));
}
function ie(e) {
var t = k, r = e.__c;
typeof r == "function" && (e.__c = void 0, r()), k = t;
}
function ge(e) {
var t = k;
e.__c = e.__(), k = t;
}
function Dt(e, t) {
return !e || e.length !== t.length || t.some(function(r, i) {
return r !== e[i];
});
}
function ft(e, t) {
return typeof t == "function" ? t(e) : t;
}
const Ye = "data:image/svg+xml,%3csvg%20width='1820'%20height='1820'%20viewBox='0%200%201820%201820'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='1820'%20height='1820'%20rx='20'%20fill='%23121212'/%3e%3crect%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.6'%20x='124'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='248'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='372'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.3'%20x='496'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='620'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='744'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='868'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='992'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.2'%20x='1116'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.7'%20x='1240'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1364'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1488'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.6'%20x='1612'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1736'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20y='124'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='124'%20y='124'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='248'%20y='124'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='372'%20y='124'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.3'%20x='496'%20y='124'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='620'%20y='124'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='744'%20y='124'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.2'%20x='868'%20y='124'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='992'%20y='124'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1116'%20y='124'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.8'%20x='1240'%20y='124'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1364'%20y='124'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1488'%20y='124'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1612'%20y='124'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.4'%20x='1736'%20y='124'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20y='248'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='124'%20y='248'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.5'%20x='248'%20y='248'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='372'%20y='248'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='496'%20y='248'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='620'%20y='248'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.5'%20x='744'%20y='248'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='868'%20y='248'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='992'%20y='248'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.7'%20x='1116'%20y='248'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1240'%20y='248'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.2'%20x='1364'%20y='248'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1488'%20y='248'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1612'%20y='248'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1736'%20y='248'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.7'%20y='372'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='124'%20y='372'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.7'%20x='248'%20y='372'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='372'%20y='372'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='496'%20y='372'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='620'%20y='372'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='744'%20y='372'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='868'%20y='372'%20width='84'%20height='84'%20rx='42'%20fill='%23848484'/%3e%3crect%20x='992'%20y='372'%20width='84'%20height='84'%20rx='42'%20fill='%23848484'/%3e%3crect%20x='1116'%20y='372'%20width='84'%20height='84'%20rx='42'%20fill='%23848484'/%3e%3crect%20x='1240'%20y='372'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1364'%20y='372'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1488'%20y='372'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1612'%20y='372'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1736'%20y='372'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.6'%20y='496'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.6'%20x='124'%20y='496'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='248'%20y='496'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='372'%20y='496'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='496'%20y='496'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='620'%20y='496'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='744'%20y='496'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='868'%20y='496'%20width='84'%20height='84'%20rx='42'%20fill='%23848484'/%3e%3crect%20x='992'%20y='496'%20width='84'%20height='84'%20rx='42'%20fill='%23848484'/%3e%3crect%20x='1116'%20y='496'%20width='84'%20height='84'%20rx='42'%20fill='%23848484'/%3e%3crect%20x='1240'%20y='496'%20width='84'%20height='84'%20rx='42'%20fill='%23848484'/%3e%3crect%20opacity='0.7'%20x='1364'%20y='496'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.2'%20x='1488'%20y='496'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1612'%20y='496'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.2'%20x='1736'%20y='496'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20y='620'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='124'%20y='620'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='248'%20y='620'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='372'%20y='620'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='496'%20y='620'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='1116'%20y='620'%20width='84'%20height='84'%20rx='42'%20fill='%23848484'/%3e%3crect%20x='1240'%20y='620'%20width='84'%20height='84'%20rx='42'%20fill='%23848484'/%3e%3crect%20opacity='0.99'%20x='1364'%20y='620'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.9'%20x='1488'%20y='620'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.9'%20x='1612'%20y='620'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.9'%20x='1736'%20y='620'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20y='744'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='124'%20y='744'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.4'%20x='248'%20y='744'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='372'%20y='744'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='496'%20y='744'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='1116'%20y='744'%20width='84'%20height='84'%20rx='42'%20fill='%23848484'/%3e%3crect%20x='1240'%20y='744'%20width='84'%20height='84'%20rx='42'%20fill='%23848484'/%3e%3crect%20x='1364'%20y='744'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.3'%20x='1488'%20y='744'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1612'%20y='744'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1736'%20y='744'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.4'%20y='868'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.4'%20x='124'%20y='868'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='248'%20y='868'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='372'%20y='868'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='496'%20y='868'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='1116'%20y='868'%20width='84'%20height='84'%20rx='42'%20fill='white'/%3e%3crect%20x='1240'%20y='868'%20width='84'%20height='84'%20rx='42'%20fill='white'/%3e%3crect%20opacity='0.5'%20x='1364'%20y='868'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1488'%20y='868'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1612'%20y='868'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.3'%20x='1736'%20y='868'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20y='992'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='124'%20y='992'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='248'%20y='992'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='372'%20y='992'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='496'%20y='992'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='992'%20y='992'%20width='84'%20height='84'%20rx='42'%20fill='white'/%3e%3crect%20x='1116'%20y='992'%20width='84'%20height='84'%20rx='42'%20fill='white'/%3e%3crect%20x='1240'%20y='992'%20width='84'%20height='84'%20rx='42'%20fill='white'/%3e%3crect%20x='1364'%20y='992'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.6'%20x='1488'%20y='992'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.6'%20x='1612'%20y='992'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.6'%20x='1736'%20y='992'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.1'%20y='1116'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.6'%20x='124'%20y='1116'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='248'%20y='1116'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='372'%20y='1116'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='496'%20y='1116'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='620'%20y='1116'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='744'%20y='1116'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='868'%20y='1116'%20width='84'%20height='84'%20rx='42'%20fill='white'/%3e%3crect%20x='992'%20y='1116'%20width='84'%20height='84'%20rx='42'%20fill='white'/%3e%3crect%20x='1116'%20y='1116'%20width='84'%20height='84'%20rx='42'%20fill='white'/%3e%3crect%20x='1240'%20y='1116'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1364'%20y='1116'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1488'%20y='1116'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1612'%20y='1116'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1736'%20y='1116'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20y='1240'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='124'%20y='1240'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='248'%20y='1240'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.5'%20x='372'%20y='1240'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='496'%20y='1240'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='620'%20y='1240'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='744'%20y='1240'%20width='84'%20height='84'%20rx='42'%20fill='%2338B2AC'/%3e%3crect%20x='868'%20y='1240'%20width='84'%20height='84'%20rx='42'%20fill='white'/%3e%3crect%20x='992'%20y='1240'%20width='84'%20height='84'%20rx='42'%20fill='white'/%3e%3crect%20x='1116'%20y='1240'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1240'%20y='1240'%20width='84'%20height='84'%20rx='42'%20fill='white'/%3e%3crect%20x='1364'%20y='1240'%20width='84'%20height='84'%20rx='42'%20fill='white'/%3e%3crect%20x='1488'%20y='1240'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.4'%20x='1612'%20y='1240'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1736'%20y='1240'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20y='1364'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='124'%20y='1364'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.3'%20x='248'%20y='1364'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='372'%20y='1364'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='496'%20y='1364'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='620'%20y='1364'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.98'%20x='744'%20y='1364'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='868'%20y='1364'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.5'%20x='992'%20y='1364'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1116'%20y='1364'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1240'%20y='1364'%20width='84'%20height='84'%20rx='42'%20fill='white'/%3e%3crect%20x='1364'%20y='1364'%20width='84'%20height='84'%20rx='42'%20fill='white'/%3e%3crect%20x='1488'%20y='1364'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1612'%20y='1364'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1736'%20y='1364'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.4'%20y='1488'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='124'%20y='1488'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='248'%20y='1488'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='372'%20y='1488'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='496'%20y='1488'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='620'%20y='1488'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.3'%20x='744'%20y='1488'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='868'%20y='1488'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='992'%20y='1488'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20x='1116'%20y='1488'%20width='84'%20height='84'%20rx='20'%20fill='%23999999'%20fill-opacity='0.2'/%3e%3crect%20opacity='0.5