@skalenetwork/metaport
Version:
SKALE Metaport Widget
1,188 lines • 134 kB
JavaScript
import { n as fe, s as Ke, T as O, o as Y, R as Ur, a as g, t as L, p as H, y as ae } from "./index-c7c8a103.mjs";
import { O as Hr } from "./index-4375ce67.mjs";
import "react";
import "react/jsx-runtime";
import "react-dom";
/**
* @license
* Copyright 2019 Google LLC
* SPDX-License-Identifier: BSD-3-Clause
*/
const Qe = window, Ht = Qe.ShadowRoot && (Qe.ShadyCSS === void 0 || Qe.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Bt = Symbol(), Ft = /* @__PURE__ */ new WeakMap();
let xr = class {
constructor(e, r, i) {
if (this._$cssResult$ = !0, i !== Bt)
throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
this.cssText = e, this.t = r;
}
get styleSheet() {
let e = this.o;
const r = this.t;
if (Ht && e === void 0) {
const i = r !== void 0 && r.length === 1;
i && (e = Ft.get(r)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), i && Ft.set(r, e));
}
return e;
}
toString() {
return this.cssText;
}
};
const Br = (t) => new xr(typeof t == "string" ? t : t + "", void 0, Bt), C = (t, ...e) => {
const r = t.length === 1 ? t[0] : e.reduce((i, o, n) => i + ((a) => {
if (a._$cssResult$ === !0)
return a.cssText;
if (typeof a == "number")
return a;
throw Error("Value passed to 'css' function must be a 'css' function result: " + a + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
})(o) + t[n + 1], t[0]);
return new xr(r, t, Bt);
}, Zr = (t, e) => {
Ht ? t.adoptedStyleSheets = e.map((r) => r instanceof CSSStyleSheet ? r : r.styleSheet) : e.forEach((r) => {
const i = document.createElement("style"), o = Qe.litNonce;
o !== void 0 && i.setAttribute("nonce", o), i.textContent = r.cssText, t.appendChild(i);
});
}, qt = Ht ? (t) => t : (t) => t instanceof CSSStyleSheet ? ((e) => {
let r = "";
for (const i of e.cssRules)
r += i.cssText;
return Br(r);
})(t) : t;
/**
* @license
* Copyright 2017 Google LLC
* SPDX-License-Identifier: BSD-3-Clause
*/
var rt;
const Ye = window, Kt = Ye.trustedTypes, zr = Kt ? Kt.emptyScript : "", Qt = Ye.reactiveElementPolyfillSupport, Rt = { toAttribute(t, e) {
switch (e) {
case Boolean:
t = t ? zr : null;
break;
case Object:
case Array:
t = t == null ? t : JSON.stringify(t);
}
return t;
}, fromAttribute(t, e) {
let r = t;
switch (e) {
case Boolean:
r = t !== null;
break;
case Number:
r = t === null ? null : Number(t);
break;
case Object:
case Array:
try {
r = JSON.parse(t);
} catch {
r = null;
}
}
return r;
} }, $r = (t, e) => e !== t && (e == e || t == t), ot = { attribute: !0, type: String, converter: Rt, reflect: !1, hasChanged: $r }, Lt = "finalized";
let ue = class extends HTMLElement {
constructor() {
super(), this._$Ei = /* @__PURE__ */ new Map(), this.isUpdatePending = !1, this.hasUpdated = !1, this._$El = null, this._$Eu();
}
static addInitializer(e) {
var r;
this.finalize(), ((r = this.h) !== null && r !== void 0 ? r : this.h = []).push(e);
}
static get observedAttributes() {
this.finalize();
const e = [];
return this.elementProperties.forEach((r, i) => {
const o = this._$Ep(i, r);
o !== void 0 && (this._$Ev.set(o, i), e.push(o));
}), e;
}
static createProperty(e, r = ot) {
if (r.state && (r.attribute = !1), this.finalize(), this.elementProperties.set(e, r), !r.noAccessor && !this.prototype.hasOwnProperty(e)) {
const i = typeof e == "symbol" ? Symbol() : "__" + e, o = this.getPropertyDescriptor(e, i, r);
o !== void 0 && Object.defineProperty(this.prototype, e, o);
}
}
static getPropertyDescriptor(e, r, i) {
return { get() {
return this[r];
}, set(o) {
const n = this[e];
this[r] = o, this.requestUpdate(e, n, i);
}, configurable: !0, enumerable: !0 };
}
static getPropertyOptions(e) {
return this.elementProperties.get(e) || ot;
}
static finalize() {
if (this.hasOwnProperty(Lt))
return !1;
this[Lt] = !0;
const e = Object.getPrototypeOf(this);
if (e.finalize(), e.h !== void 0 && (this.h = [...e.h]), this.elementProperties = new Map(e.elementProperties), this._$Ev = /* @__PURE__ */ new Map(), this.hasOwnProperty("properties")) {
const r = this.properties, i = [...Object.getOwnPropertyNames(r), ...Object.getOwnPropertySymbols(r)];
for (const o of i)
this.createProperty(o, r[o]);
}
return this.elementStyles = this.finalizeStyles(this.styles), !0;
}
static finalizeStyles(e) {
const r = [];
if (Array.isArray(e)) {
const i = new Set(e.flat(1 / 0).reverse());
for (const o of i)
r.unshift(qt(o));
} else
e !== void 0 && r.push(qt(e));
return r;
}
static _$Ep(e, r) {
const i = r.attribute;
return i === !1 ? void 0 : typeof i == "string" ? i : typeof e == "string" ? e.toLowerCase() : void 0;
}
_$Eu() {
var e;
this._$E_ = new Promise((r) => this.enableUpdating = r), this._$AL = /* @__PURE__ */ new Map(), this._$Eg(), this.requestUpdate(), (e = this.constructor.h) === null || e === void 0 || e.forEach((r) => r(this));
}
addController(e) {
var r, i;
((r = this._$ES) !== null && r !== void 0 ? r : this._$ES = []).push(e), this.renderRoot !== void 0 && this.isConnected && ((i = e.hostConnected) === null || i === void 0 || i.call(e));
}
removeController(e) {
var r;
(r = this._$ES) === null || r === void 0 || r.splice(this._$ES.indexOf(e) >>> 0, 1);
}
_$Eg() {
this.constructor.elementProperties.forEach((e, r) => {
this.hasOwnProperty(r) && (this._$Ei.set(r, this[r]), delete this[r]);
});
}
createRenderRoot() {
var e;
const r = (e = this.shadowRoot) !== null && e !== void 0 ? e : this.attachShadow(this.constructor.shadowRootOptions);
return Zr(r, this.constructor.elementStyles), r;
}
connectedCallback() {
var e;
this.renderRoot === void 0 && (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (e = this._$ES) === null || e === void 0 || e.forEach((r) => {
var i;
return (i = r.hostConnected) === null || i === void 0 ? void 0 : i.call(r);
});
}
enableUpdating(e) {
}
disconnectedCallback() {
var e;
(e = this._$ES) === null || e === void 0 || e.forEach((r) => {
var i;
return (i = r.hostDisconnected) === null || i === void 0 ? void 0 : i.call(r);
});
}
attributeChangedCallback(e, r, i) {
this._$AK(e, i);
}
_$EO(e, r, i = ot) {
var o;
const n = this.constructor._$Ep(e, i);
if (n !== void 0 && i.reflect === !0) {
const a = (((o = i.converter) === null || o === void 0 ? void 0 : o.toAttribute) !== void 0 ? i.converter : Rt).toAttribute(r, i.type);
this._$El = e, a == null ? this.removeAttribute(n) : this.setAttribute(n, a), this._$El = null;
}
}
_$AK(e, r) {
var i;
const o = this.constructor, n = o._$Ev.get(e);
if (n !== void 0 && this._$El !== n) {
const a = o.getPropertyOptions(n), s = typeof a.converter == "function" ? { fromAttribute: a.converter } : ((i = a.converter) === null || i === void 0 ? void 0 : i.fromAttribute) !== void 0 ? a.converter : Rt;
this._$El = n, this[n] = s.fromAttribute(r, a.type), this._$El = null;
}
}
requestUpdate(e, r, i) {
let o = !0;
e !== void 0 && (((i = i || this.constructor.getPropertyOptions(e)).hasChanged || $r)(this[e], r) ? (this._$AL.has(e) || this._$AL.set(e, r), i.reflect === !0 && this._$El !== e && (this._$EC === void 0 && (this._$EC = /* @__PURE__ */ new Map()), this._$EC.set(e, i))) : o = !1), !this.isUpdatePending && o && (this._$E_ = this._$Ej());
}
async _$Ej() {
this.isUpdatePending = !0;
try {
await this._$E_;
} catch (r) {
Promise.reject(r);
}
const e = this.scheduleUpdate();
return e != null && await e, !this.isUpdatePending;
}
scheduleUpdate() {
return this.performUpdate();
}
performUpdate() {
var e;
if (!this.isUpdatePending)
return;
this.hasUpdated, this._$Ei && (this._$Ei.forEach((o, n) => this[n] = o), this._$Ei = void 0);
let r = !1;
const i = this._$AL;
try {
r = this.shouldUpdate(i), r ? (this.willUpdate(i), (e = this._$ES) === null || e === void 0 || e.forEach((o) => {
var n;
return (n = o.hostUpdate) === null || n === void 0 ? void 0 : n.call(o);
}), this.update(i)) : this._$Ek();
} catch (o) {
throw r = !1, this._$Ek(), o;
}
r && this._$AE(i);
}
willUpdate(e) {
}
_$AE(e) {
var r;
(r = this._$ES) === null || r === void 0 || r.forEach((i) => {
var o;
return (o = i.hostUpdated) === null || o === void 0 ? void 0 : o.call(i);
}), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(e)), this.updated(e);
}
_$Ek() {
this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
}
get updateComplete() {
return this.getUpdateComplete();
}
getUpdateComplete() {
return this._$E_;
}
shouldUpdate(e) {
return !0;
}
update(e) {
this._$EC !== void 0 && (this._$EC.forEach((r, i) => this._$EO(i, this[i], r)), this._$EC = void 0), this._$Ek();
}
updated(e) {
}
firstUpdated(e) {
}
};
ue[Lt] = !0, ue.elementProperties = /* @__PURE__ */ new Map(), ue.elementStyles = [], ue.shadowRootOptions = { mode: "open" }, Qt == null || Qt({ ReactiveElement: ue }), ((rt = Ye.reactiveElementVersions) !== null && rt !== void 0 ? rt : Ye.reactiveElementVersions = []).push("1.6.3");
/**
* @license
* Copyright 2017 Google LLC
* SPDX-License-Identifier: BSD-3-Clause
*/
var it;
const Ge = window, be = Ge.trustedTypes, Yt = be ? be.createPolicy("lit-html", { createHTML: (t) => t }) : void 0, Wt = "$lit$", Q = `lit$${(Math.random() + "").slice(9)}$`, Cr = "?" + Q, Vr = `<${Cr}>`, se = document, Se = () => se.createComment(""), Re = (t) => t === null || typeof t != "object" && typeof t != "function", Ar = Array.isArray, Fr = (t) => Ar(t) || typeof (t == null ? void 0 : t[Symbol.iterator]) == "function", nt = `[
\f\r]`, Ce = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Gt = /-->/g, Xt = />/g, ee = RegExp(`>|${nt}(?:([^\\s"'>=/]+)(${nt}*=${nt}*(?:[^
\f\r"'\`<>=]|("|')|))|$)`, "g"), Jt = /'/g, er = /"/g, _r = /^(?:script|style|textarea|title)$/i, Er = (t) => (e, ...r) => ({ _$litType$: t, strings: e, values: r }), l = Er(1), E = Er(2), le = Symbol.for("lit-noChange"), P = Symbol.for("lit-nothing"), tr = /* @__PURE__ */ new WeakMap(), ie = se.createTreeWalker(se, 129, null, !1);
function Or(t, e) {
if (!Array.isArray(t) || !t.hasOwnProperty("raw"))
throw Error("invalid template strings array");
return Yt !== void 0 ? Yt.createHTML(e) : e;
}
const qr = (t, e) => {
const r = t.length - 1, i = [];
let o, n = e === 2 ? "<svg>" : "", a = Ce;
for (let s = 0; s < r; s++) {
const c = t[s];
let d, x, $ = -1, m = 0;
for (; m < c.length && (a.lastIndex = m, x = a.exec(c), x !== null); )
m = a.lastIndex, a === Ce ? x[1] === "!--" ? a = Gt : x[1] !== void 0 ? a = Xt : x[2] !== void 0 ? (_r.test(x[2]) && (o = RegExp("</" + x[2], "g")), a = ee) : x[3] !== void 0 && (a = ee) : a === ee ? x[0] === ">" ? (a = o ?? Ce, $ = -1) : x[1] === void 0 ? $ = -2 : ($ = a.lastIndex - x[2].length, d = x[1], a = x[3] === void 0 ? ee : x[3] === '"' ? er : Jt) : a === er || a === Jt ? a = ee : a === Gt || a === Xt ? a = Ce : (a = ee, o = void 0);
const _ = a === ee && t[s + 1].startsWith("/>") ? " " : "";
n += a === Ce ? c + Vr : $ >= 0 ? (i.push(d), c.slice(0, $) + Wt + c.slice($) + Q + _) : c + Q + ($ === -2 ? (i.push(void 0), s) : _);
}
return [Or(t, n + (t[r] || "<?>") + (e === 2 ? "</svg>" : "")), i];
};
class Le {
constructor({ strings: e, _$litType$: r }, i) {
let o;
this.parts = [];
let n = 0, a = 0;
const s = e.length - 1, c = this.parts, [d, x] = qr(e, r);
if (this.el = Le.createElement(d, i), ie.currentNode = this.el.content, r === 2) {
const $ = this.el.content, m = $.firstChild;
m.remove(), $.append(...m.childNodes);
}
for (; (o = ie.nextNode()) !== null && c.length < s; ) {
if (o.nodeType === 1) {
if (o.hasAttributes()) {
const $ = [];
for (const m of o.getAttributeNames())
if (m.endsWith(Wt) || m.startsWith(Q)) {
const _ = x[a++];
if ($.push(m), _ !== void 0) {
const f = o.getAttribute(_.toLowerCase() + Wt).split(Q), u = /([.?@])?(.*)/.exec(_);
c.push({ type: 1, index: n, name: u[2], strings: f, ctor: u[1] === "." ? Qr : u[1] === "?" ? Gr : u[1] === "@" ? Xr : tt });
} else
c.push({ type: 6, index: n });
}
for (const m of $)
o.removeAttribute(m);
}
if (_r.test(o.tagName)) {
const $ = o.textContent.split(Q), m = $.length - 1;
if (m > 0) {
o.textContent = be ? be.emptyScript : "";
for (let _ = 0; _ < m; _++)
o.append($[_], Se()), ie.nextNode(), c.push({ type: 2, index: ++n });
o.append($[m], Se());
}
}
} else if (o.nodeType === 8)
if (o.data === Cr)
c.push({ type: 2, index: n });
else {
let $ = -1;
for (; ($ = o.data.indexOf(Q, $ + 1)) !== -1; )
c.push({ type: 7, index: n }), $ += Q.length - 1;
}
n++;
}
}
static createElement(e, r) {
const i = se.createElement("template");
return i.innerHTML = e, i;
}
}
function ye(t, e, r = t, i) {
var o, n, a, s;
if (e === le)
return e;
let c = i !== void 0 ? (o = r._$Co) === null || o === void 0 ? void 0 : o[i] : r._$Cl;
const d = Re(e) ? void 0 : e._$litDirective$;
return (c == null ? void 0 : c.constructor) !== d && ((n = c == null ? void 0 : c._$AO) === null || n === void 0 || n.call(c, !1), d === void 0 ? c = void 0 : (c = new d(t), c._$AT(t, r, i)), i !== void 0 ? ((a = (s = r)._$Co) !== null && a !== void 0 ? a : s._$Co = [])[i] = c : r._$Cl = c), c !== void 0 && (e = ye(t, c._$AS(t, e.values), c, i)), e;
}
class Kr {
constructor(e, r) {
this._$AV = [], this._$AN = void 0, this._$AD = e, this._$AM = r;
}
get parentNode() {
return this._$AM.parentNode;
}
get _$AU() {
return this._$AM._$AU;
}
u(e) {
var r;
const { el: { content: i }, parts: o } = this._$AD, n = ((r = e == null ? void 0 : e.creationScope) !== null && r !== void 0 ? r : se).importNode(i, !0);
ie.currentNode = n;
let a = ie.nextNode(), s = 0, c = 0, d = o[0];
for (; d !== void 0; ) {
if (s === d.index) {
let x;
d.type === 2 ? x = new De(a, a.nextSibling, this, e) : d.type === 1 ? x = new d.ctor(a, d.name, d.strings, this, e) : d.type === 6 && (x = new Jr(a, this, e)), this._$AV.push(x), d = o[++c];
}
s !== (d == null ? void 0 : d.index) && (a = ie.nextNode(), s++);
}
return ie.currentNode = se, n;
}
v(e) {
let r = 0;
for (const i of this._$AV)
i !== void 0 && (i.strings !== void 0 ? (i._$AI(e, i, r), r += i.strings.length - 2) : i._$AI(e[r])), r++;
}
}
class De {
constructor(e, r, i, o) {
var n;
this.type = 2, this._$AH = P, this._$AN = void 0, this._$AA = e, this._$AB = r, this._$AM = i, this.options = o, this._$Cp = (n = o == null ? void 0 : o.isConnected) === null || n === void 0 || n;
}
get _$AU() {
var e, r;
return (r = (e = this._$AM) === null || e === void 0 ? void 0 : e._$AU) !== null && r !== void 0 ? r : this._$Cp;
}
get parentNode() {
let e = this._$AA.parentNode;
const r = this._$AM;
return r !== void 0 && (e == null ? void 0 : e.nodeType) === 11 && (e = r.parentNode), e;
}
get startNode() {
return this._$AA;
}
get endNode() {
return this._$AB;
}
_$AI(e, r = this) {
e = ye(this, e, r), Re(e) ? e === P || e == null || e === "" ? (this._$AH !== P && this._$AR(), this._$AH = P) : e !== this._$AH && e !== le && this._(e) : e._$litType$ !== void 0 ? this.g(e) : e.nodeType !== void 0 ? this.$(e) : Fr(e) ? this.T(e) : this._(e);
}
k(e) {
return this._$AA.parentNode.insertBefore(e, this._$AB);
}
$(e) {
this._$AH !== e && (this._$AR(), this._$AH = this.k(e));
}
_(e) {
this._$AH !== P && Re(this._$AH) ? this._$AA.nextSibling.data = e : this.$(se.createTextNode(e)), this._$AH = e;
}
g(e) {
var r;
const { values: i, _$litType$: o } = e, n = typeof o == "number" ? this._$AC(e) : (o.el === void 0 && (o.el = Le.createElement(Or(o.h, o.h[0]), this.options)), o);
if (((r = this._$AH) === null || r === void 0 ? void 0 : r._$AD) === n)
this._$AH.v(i);
else {
const a = new Kr(n, this), s = a.u(this.options);
a.v(i), this.$(s), this._$AH = a;
}
}
_$AC(e) {
let r = tr.get(e.strings);
return r === void 0 && tr.set(e.strings, r = new Le(e)), r;
}
T(e) {
Ar(this._$AH) || (this._$AH = [], this._$AR());
const r = this._$AH;
let i, o = 0;
for (const n of e)
o === r.length ? r.push(i = new De(this.k(Se()), this.k(Se()), this, this.options)) : i = r[o], i._$AI(n), o++;
o < r.length && (this._$AR(i && i._$AB.nextSibling, o), r.length = o);
}
_$AR(e = this._$AA.nextSibling, r) {
var i;
for ((i = this._$AP) === null || i === void 0 || i.call(this, !1, !0, r); e && e !== this._$AB; ) {
const o = e.nextSibling;
e.remove(), e = o;
}
}
setConnected(e) {
var r;
this._$AM === void 0 && (this._$Cp = e, (r = this._$AP) === null || r === void 0 || r.call(this, e));
}
}
class tt {
constructor(e, r, i, o, n) {
this.type = 1, this._$AH = P, this._$AN = void 0, this.element = e, this.name = r, this._$AM = o, this.options = n, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = P;
}
get tagName() {
return this.element.tagName;
}
get _$AU() {
return this._$AM._$AU;
}
_$AI(e, r = this, i, o) {
const n = this.strings;
let a = !1;
if (n === void 0)
e = ye(this, e, r, 0), a = !Re(e) || e !== this._$AH && e !== le, a && (this._$AH = e);
else {
const s = e;
let c, d;
for (e = n[0], c = 0; c < n.length - 1; c++)
d = ye(this, s[i + c], r, c), d === le && (d = this._$AH[c]), a || (a = !Re(d) || d !== this._$AH[c]), d === P ? e = P : e !== P && (e += (d ?? "") + n[c + 1]), this._$AH[c] = d;
}
a && !o && this.j(e);
}
j(e) {
e === P ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
}
}
class Qr extends tt {
constructor() {
super(...arguments), this.type = 3;
}
j(e) {
this.element[this.name] = e === P ? void 0 : e;
}
}
const Yr = be ? be.emptyScript : "";
let Gr = class extends tt {
constructor() {
super(...arguments), this.type = 4;
}
j(e) {
e && e !== P ? this.element.setAttribute(this.name, Yr) : this.element.removeAttribute(this.name);
}
};
class Xr extends tt {
constructor(e, r, i, o, n) {
super(e, r, i, o, n), this.type = 5;
}
_$AI(e, r = this) {
var i;
if ((e = (i = ye(this, e, r, 0)) !== null && i !== void 0 ? i : P) === le)
return;
const o = this._$AH, n = e === P && o !== P || e.capture !== o.capture || e.once !== o.once || e.passive !== o.passive, a = e !== P && (o === P || n);
n && this.element.removeEventListener(this.name, this, o), a && this.element.addEventListener(this.name, this, e), this._$AH = e;
}
handleEvent(e) {
var r, i;
typeof this._$AH == "function" ? this._$AH.call((i = (r = this.options) === null || r === void 0 ? void 0 : r.host) !== null && i !== void 0 ? i : this.element, e) : this._$AH.handleEvent(e);
}
}
let Jr = class {
constructor(e, r, i) {
this.element = e, this.type = 6, this._$AN = void 0, this._$AM = r, this.options = i;
}
get _$AU() {
return this._$AM._$AU;
}
_$AI(e) {
ye(this, e);
}
};
const rr = Ge.litHtmlPolyfillSupport;
rr == null || rr(Le, De), ((it = Ge.litHtmlVersions) !== null && it !== void 0 ? it : Ge.litHtmlVersions = []).push("2.8.0");
const eo = (t, e, r) => {
var i, o;
const n = (i = r == null ? void 0 : r.renderBefore) !== null && i !== void 0 ? i : e;
let a = n._$litPart$;
if (a === void 0) {
const s = (o = r == null ? void 0 : r.renderBefore) !== null && o !== void 0 ? o : null;
n._$litPart$ = a = new De(e.insertBefore(Se(), s), s, void 0, r ?? {});
}
return a._$AI(t), a;
};
/**
* @license
* Copyright 2017 Google LLC
* SPDX-License-Identifier: BSD-3-Clause
*/
var at, st;
class w extends ue {
constructor() {
super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
}
createRenderRoot() {
var e, r;
const i = super.createRenderRoot();
return (e = (r = this.renderOptions).renderBefore) !== null && e !== void 0 || (r.renderBefore = i.firstChild), i;
}
update(e) {
const r = this.render();
this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = eo(r, this.renderRoot, this.renderOptions);
}
connectedCallback() {
var e;
super.connectedCallback(), (e = this._$Do) === null || e === void 0 || e.setConnected(!0);
}
disconnectedCallback() {
var e;
super.disconnectedCallback(), (e = this._$Do) === null || e === void 0 || e.setConnected(!1);
}
render() {
return le;
}
}
w.finalized = !0, w._$litElement$ = !0, (at = globalThis.litElementHydrateSupport) === null || at === void 0 || at.call(globalThis, { LitElement: w });
const or = globalThis.litElementPolyfillSupport;
or == null || or({ LitElement: w });
((st = globalThis.litElementVersions) !== null && st !== void 0 ? st : globalThis.litElementVersions = []).push("3.3.3");
/**
* @license
* Copyright 2017 Google LLC
* SPDX-License-Identifier: BSD-3-Clause
*/
const y = (t) => (e) => typeof e == "function" ? ((r, i) => (customElements.define(r, i), i))(t, e) : ((r, i) => {
const { kind: o, elements: n } = i;
return { kind: o, elements: n, finisher(a) {
customElements.define(r, a);
} };
})(t, e);
/**
* @license
* Copyright 2017 Google LLC
* SPDX-License-Identifier: BSD-3-Clause
*/
const to = (t, e) => e.kind === "method" && e.descriptor && !("value" in e.descriptor) ? { ...e, finisher(r) {
r.createProperty(e.key, t);
} } : { kind: "field", key: Symbol(), placement: "own", descriptor: {}, originalKey: e.key, initializer() {
typeof e.initializer == "function" && (this[e.key] = e.initializer.call(this));
}, finisher(r) {
r.createProperty(e.key, t);
} }, ro = (t, e, r) => {
e.constructor.createProperty(r, t);
};
function p(t) {
return (e, r) => r !== void 0 ? ro(t, e, r) : to(t, e);
}
/**
* @license
* Copyright 2017 Google LLC
* SPDX-License-Identifier: BSD-3-Clause
*/
function W(t) {
return p({ ...t, state: !0 });
}
/**
* @license
* Copyright 2021 Google LLC
* SPDX-License-Identifier: BSD-3-Clause
*/
var lt;
((lt = window.HTMLSlotElement) === null || lt === void 0 ? void 0 : lt.prototype.assignedElements) != null;
/**
* @license
* Copyright 2017 Google LLC
* SPDX-License-Identifier: BSD-3-Clause
*/
const oo = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 }, io = (t) => (...e) => ({ _$litDirective$: t, values: e });
class no {
constructor(e) {
}
get _$AU() {
return this._$AM._$AU;
}
_$AT(e, r, i) {
this._$Ct = e, this._$AM = r, this._$Ci = i;
}
_$AS(e, r) {
return this.update(e, r);
}
update(e, r) {
return this.render(...r);
}
}
/**
* @license
* Copyright 2018 Google LLC
* SPDX-License-Identifier: BSD-3-Clause
*/
const Z = io(class extends no {
constructor(t) {
var e;
if (super(t), t.type !== oo.ATTRIBUTE || t.name !== "class" || ((e = t.strings) === null || e === void 0 ? void 0 : e.length) > 2)
throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
}
render(t) {
return " " + Object.keys(t).filter((e) => t[e]).join(" ") + " ";
}
update(t, [e]) {
var r, i;
if (this.it === void 0) {
this.it = /* @__PURE__ */ new Set(), t.strings !== void 0 && (this.nt = new Set(t.strings.join(" ").split(/\s/).filter((n) => n !== "")));
for (const n in e)
e[n] && !(!((r = this.nt) === null || r === void 0) && r.has(n)) && this.it.add(n);
return this.render(e);
}
const o = t.element.classList;
this.it.forEach((n) => {
n in e || (o.remove(n), this.it.delete(n));
});
for (const n in e) {
const a = !!e[n];
a === this.it.has(n) || !((i = this.nt) === null || i === void 0) && i.has(n) || (a ? (o.add(n), this.it.add(n)) : (o.remove(n), this.it.delete(n)));
}
return le;
}
});
function ao(t, e) {
t.indexOf(e) === -1 && t.push(e);
}
const kr = (t, e, r) => Math.min(Math.max(r, t), e), j = {
duration: 0.3,
delay: 0,
endDelay: 0,
repeat: 0,
easing: "ease"
}, Xe = (t) => typeof t == "number", we = (t) => Array.isArray(t) && !Xe(t[0]), so = (t, e, r) => {
const i = e - t;
return ((r - t) % i + i) % i + t;
};
function lo(t, e) {
return we(t) ? t[so(0, t.length, e)] : t;
}
const Ir = (t, e, r) => -r * t + r * e + t, Tr = () => {
}, G = (t) => t, Zt = (t, e, r) => e - t === 0 ? 1 : (r - t) / (e - t);
function Pr(t, e) {
const r = t[t.length - 1];
for (let i = 1; i <= e; i++) {
const o = Zt(0, e, i);
t.push(Ir(r, 1, o));
}
}
function co(t) {
const e = [0];
return Pr(e, t - 1), e;
}
function ho(t, e = co(t.length), r = G) {
const i = t.length, o = i - e.length;
return o > 0 && Pr(e, o), (n) => {
let a = 0;
for (; a < i - 2 && !(n < e[a + 1]); a++)
;
let s = kr(0, 1, Zt(e[a], e[a + 1], n));
return s = lo(r, a)(s), Ir(t[a], t[a + 1], s);
};
}
const Mr = (t) => Array.isArray(t) && Xe(t[0]), Dt = (t) => typeof t == "object" && !!t.createAnimation, xe = (t) => typeof t == "function", mo = (t) => typeof t == "string", Me = {
ms: (t) => t * 1e3,
s: (t) => t / 1e3
}, Sr = (t, e, r) => (((1 - 3 * r + 3 * e) * t + (3 * r - 6 * e)) * t + 3 * e) * t, po = 1e-7, uo = 12;
function go(t, e, r, i, o) {
let n, a, s = 0;
do
a = e + (r - e) / 2, n = Sr(a, i, o) - t, n > 0 ? r = a : e = a;
while (Math.abs(n) > po && ++s < uo);
return a;
}
function Pe(t, e, r, i) {
if (t === e && r === i)
return G;
const o = (n) => go(n, 0, 1, t, r);
return (n) => n === 0 || n === 1 ? n : Sr(o(n), e, i);
}
const wo = (t, e = "end") => (r) => {
r = e === "end" ? Math.min(r, 0.999) : Math.max(r, 1e-3);
const i = r * t, o = e === "end" ? Math.floor(i) : Math.ceil(i);
return kr(0, 1, o / t);
}, ir = {
ease: Pe(0.25, 0.1, 0.25, 1),
"ease-in": Pe(0.42, 0, 1, 1),
"ease-in-out": Pe(0.42, 0, 0.58, 1),
"ease-out": Pe(0, 0, 0.58, 1)
}, vo = /\((.*?)\)/;
function nr(t) {
if (xe(t))
return t;
if (Mr(t))
return Pe(...t);
if (ir[t])
return ir[t];
if (t.startsWith("steps")) {
const e = vo.exec(t);
if (e) {
const r = e[1].split(",");
return wo(parseFloat(r[0]), r[1].trim());
}
}
return G;
}
class Rr {
constructor(e, r = [0, 1], { easing: i, duration: o = j.duration, delay: n = j.delay, endDelay: a = j.endDelay, repeat: s = j.repeat, offset: c, direction: d = "normal", autoplay: x = !0 } = {}) {
if (this.startTime = null, this.rate = 1, this.t = 0, this.cancelTimestamp = null, this.easing = G, this.duration = 0, this.totalDuration = 0, this.repeat = 0, this.playState = "idle", this.finished = new Promise((m, _) => {
this.resolve = m, this.reject = _;
}), i = i || j.easing, Dt(i)) {
const m = i.createAnimation(r);
i = m.easing, r = m.keyframes || r, o = m.duration || o;
}
this.repeat = s, this.easing = we(i) ? G : nr(i), this.updateDuration(o);
const $ = ho(r, c, we(i) ? i.map(nr) : G);
this.tick = (m) => {
var _;
n = n;
let f = 0;
this.pauseTime !== void 0 ? f = this.pauseTime : f = (m - this.startTime) * this.rate, this.t = f, f /= 1e3, f = Math.max(f - n, 0), this.playState === "finished" && this.pauseTime === void 0 && (f = this.totalDuration);
const u = f / this.duration;
let I = Math.floor(u), b = u % 1;
!b && u >= 1 && (b = 1), b === 1 && I--;
const M = I % 2;
(d === "reverse" || d === "alternate" && M || d === "alternate-reverse" && !M) && (b = 1 - b);
const S = f >= this.totalDuration ? 1 : Math.min(b, 1), D = $(this.easing(S));
e(D), this.pauseTime === void 0 && (this.playState === "finished" || f >= this.totalDuration + a) ? (this.playState = "finished", (_ = this.resolve) === null || _ === void 0 || _.call(this, D)) : this.playState !== "idle" && (this.frameRequestId = requestAnimationFrame(this.tick));
}, x && this.play();
}
play() {
const e = performance.now();
this.playState = "running", this.pauseTime !== void 0 ? this.startTime = e - this.pauseTime : this.startTime || (this.startTime = e), this.cancelTimestamp = this.startTime, this.pauseTime = void 0, this.frameRequestId = requestAnimationFrame(this.tick);
}
pause() {
this.playState = "paused", this.pauseTime = this.t;
}
finish() {
this.playState = "finished", this.tick(0);
}
stop() {
var e;
this.playState = "idle", this.frameRequestId !== void 0 && cancelAnimationFrame(this.frameRequestId), (e = this.reject) === null || e === void 0 || e.call(this, !1);
}
cancel() {
this.stop(), this.tick(this.cancelTimestamp);
}
reverse() {
this.rate *= -1;
}
commitStyles() {
}
updateDuration(e) {
this.duration = e, this.totalDuration = e * (this.repeat + 1);
}
get currentTime() {
return this.t;
}
set currentTime(e) {
this.pauseTime !== void 0 || this.rate === 0 ? this.pauseTime = e : this.startTime = performance.now() - e / this.rate;
}
get playbackRate() {
return this.rate;
}
set playbackRate(e) {
this.rate = e;
}
}
var jt = function() {
};
process.env.NODE_ENV !== "production" && (jt = function(t, e) {
if (!t)
throw new Error(e);
});
class fo {
setAnimation(e) {
this.animation = e, e == null || e.finished.then(() => this.clearAnimation()).catch(() => {
});
}
clearAnimation() {
this.animation = this.generator = void 0;
}
}
const ct = /* @__PURE__ */ new WeakMap();
function Lr(t) {
return ct.has(t) || ct.set(t, {
transforms: [],
values: /* @__PURE__ */ new Map()
}), ct.get(t);
}
function bo(t, e) {
return t.has(e) || t.set(e, new fo()), t.get(e);
}
const yo = ["", "X", "Y", "Z"], xo = ["translate", "scale", "rotate", "skew"], Je = {
x: "translateX",
y: "translateY",
z: "translateZ"
}, ar = {
syntax: "<angle>",
initialValue: "0deg",
toDefaultUnit: (t) => t + "deg"
}, $o = {
translate: {
syntax: "<length-percentage>",
initialValue: "0px",
toDefaultUnit: (t) => t + "px"
},
rotate: ar,
scale: {
syntax: "<number>",
initialValue: 1,
toDefaultUnit: G
},
skew: ar
}, We = /* @__PURE__ */ new Map(), zt = (t) => `--motion-${t}`, et = ["x", "y", "z"];
xo.forEach((t) => {
yo.forEach((e) => {
et.push(t + e), We.set(zt(t + e), $o[t]);
});
});
const Co = (t, e) => et.indexOf(t) - et.indexOf(e), Ao = new Set(et), Wr = (t) => Ao.has(t), _o = (t, e) => {
Je[e] && (e = Je[e]);
const { transforms: r } = Lr(t);
ao(r, e), t.style.transform = Eo(r);
}, Eo = (t) => t.sort(Co).reduce(Oo, "").trim(), Oo = (t, e) => `${t} ${e}(var(${zt(e)}))`, Nt = (t) => t.startsWith("--"), sr = /* @__PURE__ */ new Set();
function ko(t) {
if (!sr.has(t)) {
sr.add(t);
try {
const { syntax: e, initialValue: r } = We.has(t) ? We.get(t) : {};
CSS.registerProperty({
name: t,
inherits: !1,
syntax: e,
initialValue: r
});
} catch {
}
}
}
const dt = (t, e) => document.createElement("div").animate(t, e), lr = {
cssRegisterProperty: () => typeof CSS < "u" && Object.hasOwnProperty.call(CSS, "registerProperty"),
waapi: () => Object.hasOwnProperty.call(Element.prototype, "animate"),
partialKeyframes: () => {
try {
dt({ opacity: [1] });
} catch {
return !1;
}
return !0;
},
finished: () => !!dt({ opacity: [0, 1] }, { duration: 1e-3 }).finished,
linearEasing: () => {
try {
dt({ opacity: 0 }, { easing: "linear(0, 1)" });
} catch {
return !1;
}
return !0;
}
}, ht = {}, ge = {};
for (const t in lr)
ge[t] = () => (ht[t] === void 0 && (ht[t] = lr[t]()), ht[t]);
const Io = 0.015, To = (t, e) => {
let r = "";
const i = Math.round(e / Io);
for (let o = 0; o < i; o++)
r += t(Zt(0, i - 1, o)) + ", ";
return r.substring(0, r.length - 2);
}, cr = (t, e) => xe(t) ? ge.linearEasing() ? `linear(${To(t, e)})` : j.easing : Mr(t) ? Po(t) : t, Po = ([t, e, r, i]) => `cubic-bezier(${t}, ${e}, ${r}, ${i})`;
function Mo(t, e) {
for (let r = 0; r < t.length; r++)
t[r] === null && (t[r] = r ? t[r - 1] : e());
return t;
}
const So = (t) => Array.isArray(t) ? t : [t];
function Ut(t) {
return Je[t] && (t = Je[t]), Wr(t) ? zt(t) : t;
}
const Ue = {
get: (t, e) => {
e = Ut(e);
let r = Nt(e) ? t.style.getPropertyValue(e) : getComputedStyle(t)[e];
if (!r && r !== 0) {
const i = We.get(e);
i && (r = i.initialValue);
}
return r;
},
set: (t, e, r) => {
e = Ut(e), Nt(e) ? t.style.setProperty(e, r) : t.style[e] = r;
}
};
function Dr(t, e = !0) {
if (!(!t || t.playState === "finished"))
try {
t.stop ? t.stop() : (e && t.commitStyles(), t.cancel());
} catch {
}
}
function Ro(t, e) {
var r;
let i = (e == null ? void 0 : e.toDefaultUnit) || G;
const o = t[t.length - 1];
if (mo(o)) {
const n = ((r = o.match(/(-?[\d.]+)([a-z%]*)/)) === null || r === void 0 ? void 0 : r[2]) || "";
n && (i = (a) => a + n);
}
return i;
}
function Lo() {
return window.__MOTION_DEV_TOOLS_RECORD;
}
function Wo(t, e, r, i = {}, o) {
const n = Lo(), a = i.record !== !1 && n;
let s, { duration: c = j.duration, delay: d = j.delay, endDelay: x = j.endDelay, repeat: $ = j.repeat, easing: m = j.easing, persist: _ = !1, direction: f, offset: u, allowWebkitAcceleration: I = !1, autoplay: b = !0 } = i;
const M = Lr(t), S = Wr(e);
let D = ge.waapi();
S && _o(t, e);
const N = Ut(e), je = bo(M.values, N), z = We.get(N);
return Dr(je.animation, !(Dt(m) && je.generator) && i.record !== !1), () => {
const Ne = () => {
var k, $e;
return ($e = (k = Ue.get(t, N)) !== null && k !== void 0 ? k : z == null ? void 0 : z.initialValue) !== null && $e !== void 0 ? $e : 0;
};
let T = Mo(So(r), Ne);
const Vt = Ro(T, z);
if (Dt(m)) {
const k = m.createAnimation(T, e !== "opacity", Ne, N, je);
m = k.easing, T = k.keyframes || T, c = k.duration || c;
}
if (Nt(N) && (ge.cssRegisterProperty() ? ko(N) : D = !1), S && !ge.linearEasing() && (xe(m) || we(m) && m.some(xe)) && (D = !1), D) {
z && (T = T.map((J) => Xe(J) ? z.toDefaultUnit(J) : J)), T.length === 1 && (!ge.partialKeyframes() || a) && T.unshift(Ne());
const k = {
delay: Me.ms(d),
duration: Me.ms(c),
endDelay: Me.ms(x),
easing: we(m) ? void 0 : cr(m, c),
direction: f,
iterations: $ + 1,
fill: "both"
};
s = t.animate({
[N]: T,
offset: u,
easing: we(m) ? m.map((J) => cr(J, c)) : void 0
}, k), s.finished || (s.finished = new Promise((J, Nr) => {
s.onfinish = J, s.oncancel = Nr;
}));
const $e = T[T.length - 1];
s.finished.then(() => {
_ || (Ue.set(t, N, $e), s.cancel());
}).catch(Tr), I || (s.playbackRate = 1.000001);
} else if (o && S)
T = T.map((k) => typeof k == "string" ? parseFloat(k) : k), T.length === 1 && T.unshift(parseFloat(Ne())), s = new o((k) => {
Ue.set(t, N, Vt ? Vt(k) : k);
}, T, Object.assign(Object.assign({}, i), {
duration: c,
easing: m
}));
else {
const k = T[T.length - 1];
Ue.set(t, N, z && Xe(k) ? z.toDefaultUnit(k) : k);
}
return a && n(t, e, T, {
duration: c,
delay: d,
easing: m,
repeat: $,
offset: u
}, "motion-one"), je.setAnimation(s), s && !b && s.pause(), s;
};
}
const Do = (t, e) => (
/**
* TODO: Make test for this
* Always return a new object otherwise delay is overwritten by results of stagger
* and this results in no stagger
*/
t[e] ? Object.assign(Object.assign({}, t), t[e]) : Object.assign({}, t)
);
function jo(t, e) {
var r;
return typeof t == "string" ? e ? ((r = e[t]) !== null && r !== void 0 || (e[t] = document.querySelectorAll(t)), t = e[t]) : t = document.querySelectorAll(t) : t instanceof Element && (t = [t]), Array.from(t || []);
}
const No = (t) => t(), jr = (t, e, r = j.duration) => new Proxy({
animations: t.map(No).filter(Boolean),
duration: r,
options: e
}, Ho), Uo = (t) => t.animations[0], Ho = {
get: (t, e) => {
const r = Uo(t);
switch (e) {
case "duration":
return t.duration;
case "currentTime":
return Me.s((r == null ? void 0 : r[e]) || 0);
case "playbackRate":
case "playState":
return r == null ? void 0 : r[e];
case "finished":
return t.finished || (t.finished = Promise.all(t.animations.map(Bo)).catch(Tr)), t.finished;
case "stop":
return () => {
t.animations.forEach((i) => Dr(i));
};
case "forEachNative":
return (i) => {
t.animations.forEach((o) => i(o, t));
};
default:
return typeof (r == null ? void 0 : r[e]) > "u" ? void 0 : () => t.animations.forEach((i) => i[e]());
}
},
set: (t, e, r) => {
switch (e) {
case "currentTime":
r = Me.ms(r);
case "playbackRate":
for (let i = 0; i < t.animations.length; i++)
t.animations[i][e] = r;
return !0;
}
return !1;
}
}, Bo = (t) => t.finished;
function Zo(t, e, r) {
return xe(t) ? t(e, r) : t;
}
function zo(t) {
return function(r, i, o = {}) {
r = jo(r);
const n = r.length;
jt(!!n, "No valid element provided."), jt(!!i, "No keyframes defined.");
const a = [];
for (let s = 0; s < n; s++) {
const c = r[s];
for (const d in i) {
const x = Do(o, d);
x.delay = Zo(x.delay, s, n);
const $ = Wo(c, d, i[d], x, t);
a.push($);
}
}
return jr(
a,
o,
/**
* TODO:
* If easing is set to spring or glide, duration will be dynamically
* generated. Ideally we would dynamically generate this from
* animation.effect.getComputedTiming().duration but this isn't
* supported in iOS13 or our number polyfill. Perhaps it's possible
* to Proxy animations returned from animateStyle that has duration
* as a getter.
*/
o.duration
);
};
}
const Vo = zo(Rr);
function Fo(t, e = {}) {
return jr([
() => {
const r = new Rr(t, [0, 1], e);
return r.finished.catch(() => {
}), r;
}
], e, e.duration);
}
function ne(t, e, r) {
return (xe(t) ? Fo : Vo)(t, e, r);
}
/**
* @license
* Copyright 2018 Google LLC
* SPDX-License-Identifier: BSD-3-Clause
*/
const R = (t) => t ?? P;
var qo = Object.defineProperty, dr = Object.getOwnPropertySymbols, Ko = Object.prototype.hasOwnProperty, Qo = Object.prototype.propertyIsEnumerable, hr = (t, e, r) => e in t ? qo(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, mt = (t, e) => {
for (var r in e || (e = {}))
Ko.call(e, r) && hr(t, r, e[r]);
if (dr)
for (var r of dr(e))
Qo.call(e, r) && hr(t, r, e[r]);
return t;
};
function Yo() {
var t;
const e = (t = fe.state.themeMode) != null ? t : "dark", r = { light: { foreground: { 1: "rgb(20,20,20)", 2: "rgb(121,134,134)", 3: "rgb(158,169,169)" }, background: { 1: "rgb(255,255,255)", 2: "rgb(241,243,243)", 3: "rgb(228,231,231)" }, overlay: "rgba(0,0,0,0.1)" }, dark: { foreground: { 1: "rgb(228,231,231)", 2: "rgb(148,158,158)", 3: "rgb(110,119,119)" }, background: { 1: "rgb(20,20,20)", 2: "rgb(39,42,42)", 3: "rgb(59,64,64)" }, overlay: "rgba(255,255,255,0.1)" } }[e];
return { "--wcm-color-fg-1": r.foreground[1], "--wcm-color-fg-2": r.foreground[2], "--wcm-color-fg-3": r.foreground[3], "--wcm-color-bg-1": r.background[1], "--wcm-color-bg-2": r.background[2], "--wcm-color-bg-3": r.background[3], "--wcm-color-overlay": r.overlay };
}
function mr() {
return { "--wcm-accent-color": "#3396FF", "--wcm-accent-fill-color": "#FFFFFF", "--wcm-z-index": "89", "--wcm-background-color": "#3396FF", "--wcm-background-border-radius": "8px", "--wcm-container-border-radius": "30px", "--wcm-wallet-icon-border-radius": "15px", "--wcm-wallet-icon-large-border-radius": "30px", "--wcm-wallet-icon-small-border-radius": "7px", "--wcm-input-border-radius": "28px", "--wcm-button-border-radius": "10px", "--wcm-notification-border-radius": "36px", "--wcm-secondary-button-border-radius": "28px", "--wcm-icon-button-border-radius": "50%", "--wcm-button-hover-highlight-border-radius": "10px", "--wcm-text-big-bold-size": "20px", "--wcm-text-big-bold-weight": "600", "--wcm-text-big-bold-line-height": "24px", "--wcm-text-big-bold-letter-spacing": "-0.03em", "--wcm-text-big-bold-text-transform": "none", "--wcm-text-xsmall-bold-size": "10px", "--wcm-text-xsmall-bold-weight": "700", "--wcm-text-xsmall-bold-line-height": "12px", "--wcm-text-xsmall-bold-letter-spacing": "0.02em", "--wcm-text-xsmall-bold-text-transform": "uppercase", "--wcm-text-xsmall-regular-size": "12px", "--wcm-text-xsmall-regular-weight": "600", "--wcm-text-xsmall-regular-line-height": "14px", "--wcm-text-xsmall-regular-letter-spacing": "-0.03em", "--wcm-text-xsmall-regular-text-transform": "none", "--wcm-text-small-thin-size": "14px", "--wcm-text-small-thin-weight": "500", "--wcm-text-small-thin-line-height": "16px", "--wcm-text-small-thin-letter-spacing": "-0.03em", "--wcm-text-small-thin-text-transform": "none", "--wcm-text-small-regular-size": "14px", "--wcm-text-small-regular-weight": "600", "--wcm-text-small-regular-line-height": "16px", "--wcm-text-small-regular-letter-spacing": "-0.03em", "--wcm-text-small-regular-text-transform": "none", "--wcm-text-medium-regular-size": "16px", "--wcm-text-medium-regular-weight": "600", "--wcm-text-medium-regular-line-height": "20px", "--wcm-text-medium-regular-letter-spacing": "-0.03em", "--wcm-text-medium-regular-text-transform": "none", "--wcm-font-family": "-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', sans-serif", "--wcm-font-feature-settings": "'tnum' on, 'lnum' on, 'case' on", "--wcm-success-color": "rgb(38,181,98)", "--wcm-error-color": "rgb(242, 90, 103)", "--wcm-overlay-background-color": "rgba(0, 0, 0, 0.3)", "--wcm-overlay-backdrop-filter": "none" };
}
const v = { getPreset(t) {
return mr()[t];
}, setTheme() {
const t = document.querySelector(":root"), { themeVariables: e } = fe.state;
if (t) {
const r = mt(mt(mt({}, Yo()), mr()), e);
Object.entries(r).forEach(([i, o]) => t.style.setProperty(i, o));
}
}, globalCss: C`*,::after,::before{margin:0;padding:0;box-sizing:border-box;font-style:normal;text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;backface-visibility:hidden}button{cursor:pointer;display:flex;justify-content:center;align-items:center;position:relative;border:none;background-color:transparent;transition:all .2s ease}@media (hover:hover) and (pointer:fine){button:active{transition:all .1s ease;transform:scale(.93)}}button::after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;transition:background-color,.2s ease}button:disabled{cursor:not-allowed}button svg,button wcm-text{position:relative;z-index:1}input{border:none;outline:0;appearance:none}img{display:block}::selection{color:var(--wcm-accent-fill-color);background:var(--wcm-accent-color)}` }, Go = C`button{border-radius:var(--wcm-secondary-button-border-radius);height:28px;padding:0 10px;background-color:var(--wcm-accent-color)}button path{fill:var(--wcm-accent-fill-color)}button::after{border-radius:inherit;border:1px solid var(--wcm-color-overlay)}button:disabled::after{background-color:transparent}.wcm-icon-left svg{margin-right:5px}.wcm-icon-right svg{margin-left:5px}button:active::after{background-color:var(--wcm-color-overlay)}.wcm-ghost,.wcm-ghost:active::after,.wcm-outline{background-color:transparent}.wcm-ghost:active{opacity:.5}@media(hover:hover){button:hover::after{background-color:var(--wcm-color-overlay)}.wcm-ghost:hover::after{background-color:transparent}.wcm-ghost:hover{opacity:.5}}button:disabled{background-color:var(--wcm-color-bg-3);pointer-events:none}.wcm-ghost::after{border-color:transparent}.wcm-ghost path{fill:var(--wcm-color-fg-2)}.wcm-outline path{fill:var(--wcm-accent-color)}.wcm-outline:disabled{background-color:transparent;opacity:.5}`;
var Xo = Object.defineProperty, Jo = Object.getOwnPropertyDescriptor, ce = (t, e, r, i) => {
for (var o = i > 1 ? void 0 : i ? Jo(e, r) : e, n = t.length - 1, a; n >= 0; n--)
(a = t[n]) && (o = (i ? a(e, r, o) : a(o)) || o);
return i && o && Xo(e, r, o), o;
};
let V = class extends w {
constructor() {
super(...arguments), this.disabled = !1, this.iconLeft = void 0, this.iconRight = void 0, this.onClick = () => null, this.variant = "default";
}
render() {
const t = { "wcm-icon-left": this.iconLeft !== void 0, "wcm-icon-right": this.iconRight !== void 0, "wcm-ghost": this.variant === "ghost", "wcm-outline": this.variant === "outline" };
let e = "inverse";
return this.variant === "ghost" && (e = "secondary"), this.variant === "outline" && (e = "accent"), l`<button class="${Z(t)}" ?disabled="${this.disabled}" @click="${this.onClick}">${this.iconLeft}<wcm-text variant="small-regular" color="${e}"><slot></slot></wcm-text>${this.iconRight}</button>`;
}
};
V.styles = [v.globalCss, Go], ce([p({ type: Boolean })], V.prototype, "disabled", 2), ce([p()], V.prototype, "iconLeft", 2), ce([p()], V.prototype, "iconRight", 2), ce([p()], V.prototype, "onClick", 2), ce([p()], V.prototype, "variant", 2), V = ce([y("wcm-button")], V);
const ei = C`:host{display:inline-block}button{padding:0 15px 1px;height:40px;border-radius:var(--wcm-button-border-radius);color:var(--wcm-accent-fill-color);background-color:var(--wcm-accent-color)}button::after{content:'';top:0;bottom:0;left:0;right:0;position:absolute;background-color:transparent;border-radius:inherit;transition:background-color .2s ease;border:1px solid var(--wcm-color-overlay)}button:active::after{background-color:var(--wcm-color-overlay)}button:disabled{padding-bottom:0;background-color:var(--wcm-color-bg-3);color:var(--wcm-color-fg-3)}.wcm-secondary{color:var(--wcm-accent-color);background-color:transparent}.wcm-secondary::after{display:none}@media(hover:hover){button:hover::after{background-color:var(--wcm-color-overlay)}}`;
var ti = Object.defineProperty, ri = Object.getOwnPropertyDescriptor, pt = (t, e, r, i) => {
for (var o = i > 1 ? void 0 : i ? ri(e, r) : e, n = t.length - 1, a; n >= 0; n--)
(a = t[n]) && (o = (i ? a(e, r, o) : a(o)) || o);
return i && o && ti(e, r, o), o;
};
let Ae = class extends w {
constructor() {
super(...arguments), this.disabled = !1, this.variant = "primary";
}
render() {
const t = { "wcm-secondary": this.variant === "secondary" };
return l`<button ?disabled="${this.disabled}" class="${Z(t)}"><slot></slot></button>`;
}
};
Ae.styles = [v.globalCss, ei], pt([p({ type: Boolean })], Ae.prototype, "disabled", 2), pt([p()], Ae.prototype, "variant", 2), Ae = pt([y("wcm-button-big")], Ae);
const oi = C`:host{background-color:var(--wcm-color-bg-2);border-top:1px solid var(--wcm-color-bg-3)}div{padding:10px 20px;display:inherit;flex-direction:inherit;align-items:inherit;width:inherit;justify-content:inherit}`;
var ii = Object.defineProperty, ni = Object.getOwnPropertyDescriptor, ai = (t, e, r, i) => {
for (var o = i > 1 ? void 0 : i ? ni(e, r) : e, n = t.length - 1, a; n >= 0; n--)
(a = t[n]) && (o = (i ? a(e, r, o) : a(o)) || o);
return i && o && ii(e, r, o), o;
};
let ut = class extends w {
render() {
return l`<div><slot></slot></div>`;
}
};
ut.styles = [v.globalCss, oi], ut = ai([y("wcm-info-footer")], ut);
const A = { CROSS_ICON: E`<svg width="12" height="12" viewBox="0 0 12 12"><path d="M9.94 11A.75.75 0 1 0 11 9.94L7.414 6.353a.5.5 0 0 1 0-.708L11 2.061A.75.75 0 1 0 9.94 1L6.353 4.586a.5.5 0 0 1-.708 0L2.061 1A.75.75 0 0 0 1 2.06l3.586 3.586a.5.5 0 0 1 0 .708L1 9.939A.75.75 0 1 0 2.06 11l3.586-3.586a.5.5 0 0 1 .708 0L9.939 11Z" fill="#fff"/></svg>`, WALLET_CONNECT_LOGO: E`<svg width="178" height="29" viewBox="0 0 178 29" id="wcm-wc-logo"><path d="M10.683 7.926c5.284-5.17 13.85-5.17 19.134 0l.636.623a.652.652 0 0 1 0 .936l-2.176 2.129a.343.343 0 0 1-.478 0l-.875-.857c-3.686-3.607-9.662-3.607-13.348 0l-.937.918a.343.343 0 0 1-.479 0l-2.175-2.13a.652.652 0 0 1 0-.936l.698-.683Zm23.633 4.403 1.935 1.895a.652.652 0 0 1 0 .936l-8.73 8.543a.687.687 0 0 1-.956 0L20.37 17.64a.172.172 0 0 0-.239 0l-6.195 6.063a.687.687 0 0 1-.957 0l-8.73-8.543a.652.652 0 0 1 0-.936l1.936-1.895a.687.687 0 0 1 .957 0l6.196 6.064a.172.172 0 0 0 .239 0l6.195-6.064a.687.687 0 0 1 .957 0l6.196 6.064a.172.172 0 0 0 .24 0l6.195-6.064a.687.687 0 0 1 .956 0ZM48.093 20.948l2.338-9.355c.139-.515.258-1.07.416-1.942.12.872.258 1.427.357 1.942l2.022 9.355h4.181l3.528-13.874h-3.21l-1.943 8.523a24.825 24.825 0 0 0-.456 2.457c-.158-.931-.317-1.625-.495-2.438l-1