0xtrails 0.0.1 → 0.0.2

package/dist/widget/index-CsMV8-em.js

@@ -0,0 +1,2577 @@
+import { M as He, R as A, T as F, a as pe, E as jr, b as D, C as oe, c as h, O as j } from "./index-RtKXrB6I.js";
+import { b as W } from "./lit-html-BRjl1r6K.js";
+import { b as Hr } from "./browser-DyOl4_8m.js";
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const Be = window, Nt = Be.ShadowRoot && (Be.ShadyCSS === void 0 || Be.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Ut = Symbol(), qt = /* @__PURE__ */ new WeakMap();
+let wr = class {
+  constructor(e, r, i) {
+    if (this._$cssResult$ = !0, i !== Ut) 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 (Nt && e === void 0) {
+      const i = r !== void 0 && r.length === 1;
+      i && (e = qt.get(r)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), i && qt.set(r, e));
+    }
+    return e;
+  }
+  toString() {
+    return this.cssText;
+  }
+};
+const Br = (t) => new wr(typeof t == "string" ? t : t + "", void 0, Ut), _ = (t, ...e) => {
+  const r = t.length === 1 ? t[0] : e.reduce((i, o, s) => i + ((l) => {
+    if (l._$cssResult$ === !0) return l.cssText;
+    if (typeof l == "number") return l;
+    throw Error("Value passed to 'css' function must be a 'css' function result: " + l + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
+  })(o) + t[s + 1], t[0]);
+  return new wr(r, t, Ut);
+}, Zr = (t, e) => {
+  Nt ? t.adoptedStyleSheets = e.map((r) => r instanceof CSSStyleSheet ? r : r.styleSheet) : e.forEach((r) => {
+    const i = document.createElement("style"), o = Be.litNonce;
+    o !== void 0 && i.setAttribute("nonce", o), i.textContent = r.cssText, t.appendChild(i);
+  });
+}, Kt = Nt ? (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 ot;
+const ze = window, Qt = ze.trustedTypes, zr = Qt ? Qt.emptyScript : "", Gt = ze.reactiveElementPolyfillSupport, ft = { 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;
+} }, fr = (t, e) => e !== t && (e == e || t == t), it = { attribute: !0, type: String, converter: ft, reflect: !1, hasChanged: fr }, vt = "finalized";
+let ce = 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 = it) {
+    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 s = this[e];
+      this[r] = o, this.requestUpdate(e, s, i);
+    }, configurable: !0, enumerable: !0 };
+  }
+  static getPropertyOptions(e) {
+    return this.elementProperties.get(e) || it;
+  }
+  static finalize() {
+    if (this.hasOwnProperty(vt)) return !1;
+    this[vt] = !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(Kt(o));
+    } else e !== void 0 && r.push(Kt(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 = it) {
+    var o;
+    const s = this.constructor._$Ep(e, i);
+    if (s !== void 0 && i.reflect === !0) {
+      const l = (((o = i.converter) === null || o === void 0 ? void 0 : o.toAttribute) !== void 0 ? i.converter : ft).toAttribute(r, i.type);
+      this._$El = e, l == null ? this.removeAttribute(s) : this.setAttribute(s, l), this._$El = null;
+    }
+  }
+  _$AK(e, r) {
+    var i;
+    const o = this.constructor, s = o._$Ev.get(e);
+    if (s !== void 0 && this._$El !== s) {
+      const l = o.getPropertyOptions(s), n = typeof l.converter == "function" ? { fromAttribute: l.converter } : ((i = l.converter) === null || i === void 0 ? void 0 : i.fromAttribute) !== void 0 ? l.converter : ft;
+      this._$El = s, this[s] = n.fromAttribute(r, l.type), this._$El = null;
+    }
+  }
+  requestUpdate(e, r, i) {
+    let o = !0;
+    e !== void 0 && (((i = i || this.constructor.getPropertyOptions(e)).hasChanged || fr)(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, s) => this[s] = 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 s;
+        return (s = o.hostUpdate) === null || s === void 0 ? void 0 : s.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) {
+  }
+};
+ce[vt] = !0, ce.elementProperties = /* @__PURE__ */ new Map(), ce.elementStyles = [], ce.shadowRootOptions = { mode: "open" }, Gt == null || Gt({ ReactiveElement: ce }), ((ot = ze.reactiveElementVersions) !== null && ot !== void 0 ? ot : ze.reactiveElementVersions = []).push("1.6.3");
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+var st;
+const Ve = window, ue = Ve.trustedTypes, Yt = ue ? ue.createPolicy("lit-html", { createHTML: (t) => t }) : void 0, gt = "$lit$", V = `lit$${(Math.random() + "").slice(9)}$`, vr = "?" + V, Vr = `<${vr}>`, ie = document, Ae = () => ie.createComment(""), Ee = (t) => t === null || typeof t != "object" && typeof t != "function", gr = Array.isArray, Fr = (t) => gr(t) || typeof (t == null ? void 0 : t[Symbol.iterator]) == "function", lt = `[ 	
+\f\r]`, _e = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Xt = /-->/g, Jt = />/g, ee = RegExp(`>|${lt}(?:([^\\s"'>=/]+)(${lt}*=${lt}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), er = /'/g, tr = /"/g, br = /^(?:script|style|textarea|title)$/i, yr = (t) => (e, ...r) => ({ _$litType$: t, strings: e, values: r }), c = yr(1), Ze = yr(2), se = Symbol.for("lit-noChange"), T = Symbol.for("lit-nothing"), rr = /* @__PURE__ */ new WeakMap(), te = ie.createTreeWalker(ie, 129, null, !1);
+function xr(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, s = e === 2 ? "<svg>" : "", l = _e;
+  for (let n = 0; n < r; n++) {
+    const a = t[n];
+    let d, x, $ = -1, p = 0;
+    for (; p < a.length && (l.lastIndex = p, x = l.exec(a), x !== null); ) p = l.lastIndex, l === _e ? x[1] === "!--" ? l = Xt : x[1] !== void 0 ? l = Jt : x[2] !== void 0 ? (br.test(x[2]) && (o = RegExp("</" + x[2], "g")), l = ee) : x[3] !== void 0 && (l = ee) : l === ee ? x[0] === ">" ? (l = o ?? _e, $ = -1) : x[1] === void 0 ? $ = -2 : ($ = l.lastIndex - x[2].length, d = x[1], l = x[3] === void 0 ? ee : x[3] === '"' ? tr : er) : l === tr || l === er ? l = ee : l === Xt || l === Jt ? l = _e : (l = ee, o = void 0);
+    const O = l === ee && t[n + 1].startsWith("/>") ? " " : "";
+    s += l === _e ? a + Vr : $ >= 0 ? (i.push(d), a.slice(0, $) + gt + a.slice($) + V + O) : a + V + ($ === -2 ? (i.push(void 0), n) : O);
+  }
+  return [xr(t, s + (t[r] || "<?>") + (e === 2 ? "</svg>" : "")), i];
+};
+class Pe {
+  constructor({ strings: e, _$litType$: r }, i) {
+    let o;
+    this.parts = [];
+    let s = 0, l = 0;
+    const n = e.length - 1, a = this.parts, [d, x] = qr(e, r);
+    if (this.el = Pe.createElement(d, i), te.currentNode = this.el.content, r === 2) {
+      const $ = this.el.content, p = $.firstChild;
+      p.remove(), $.append(...p.childNodes);
+    }
+    for (; (o = te.nextNode()) !== null && a.length < n; ) {
+      if (o.nodeType === 1) {
+        if (o.hasAttributes()) {
+          const $ = [];
+          for (const p of o.getAttributeNames()) if (p.endsWith(gt) || p.startsWith(V)) {
+            const O = x[l++];
+            if ($.push(p), O !== void 0) {
+              const g = o.getAttribute(O.toLowerCase() + gt).split(V), w = /([.?@])?(.*)/.exec(O);
+              a.push({ type: 1, index: s, name: w[2], strings: g, ctor: w[1] === "." ? Qr : w[1] === "?" ? Yr : w[1] === "@" ? Xr : et });
+            } else a.push({ type: 6, index: s });
+          }
+          for (const p of $) o.removeAttribute(p);
+        }
+        if (br.test(o.tagName)) {
+          const $ = o.textContent.split(V), p = $.length - 1;
+          if (p > 0) {
+            o.textContent = ue ? ue.emptyScript : "";
+            for (let O = 0; O < p; O++) o.append($[O], Ae()), te.nextNode(), a.push({ type: 2, index: ++s });
+            o.append($[p], Ae());
+          }
+        }
+      } else if (o.nodeType === 8) if (o.data === vr) a.push({ type: 2, index: s });
+      else {
+        let $ = -1;
+        for (; ($ = o.data.indexOf(V, $ + 1)) !== -1; ) a.push({ type: 7, index: s }), $ += V.length - 1;
+      }
+      s++;
+    }
+  }
+  static createElement(e, r) {
+    const i = ie.createElement("template");
+    return i.innerHTML = e, i;
+  }
+}
+function we(t, e, r = t, i) {
+  var o, s, l, n;
+  if (e === se) return e;
+  let a = i !== void 0 ? (o = r._$Co) === null || o === void 0 ? void 0 : o[i] : r._$Cl;
+  const d = Ee(e) ? void 0 : e._$litDirective$;
+  return (a == null ? void 0 : a.constructor) !== d && ((s = a == null ? void 0 : a._$AO) === null || s === void 0 || s.call(a, !1), d === void 0 ? a = void 0 : (a = new d(t), a._$AT(t, r, i)), i !== void 0 ? ((l = (n = r)._$Co) !== null && l !== void 0 ? l : n._$Co = [])[i] = a : r._$Cl = a), a !== void 0 && (e = we(t, a._$AS(t, e.values), a, 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, s = ((r = e == null ? void 0 : e.creationScope) !== null && r !== void 0 ? r : ie).importNode(i, !0);
+    te.currentNode = s;
+    let l = te.nextNode(), n = 0, a = 0, d = o[0];
+    for (; d !== void 0; ) {
+      if (n === d.index) {
+        let x;
+        d.type === 2 ? x = new Re(l, l.nextSibling, this, e) : d.type === 1 ? x = new d.ctor(l, d.name, d.strings, this, e) : d.type === 6 && (x = new Jr(l, this, e)), this._$AV.push(x), d = o[++a];
+      }
+      n !== (d == null ? void 0 : d.index) && (l = te.nextNode(), n++);
+    }
+    return te.currentNode = ie, s;
+  }
+  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 Re {
+  constructor(e, r, i, o) {
+    var s;
+    this.type = 2, this._$AH = T, this._$AN = void 0, this._$AA = e, this._$AB = r, this._$AM = i, this.options = o, this._$Cp = (s = o == null ? void 0 : o.isConnected) === null || s === void 0 || s;
+  }
+  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 = we(this, e, r), Ee(e) ? e === T || e == null || e === "" ? (this._$AH !== T && this._$AR(), this._$AH = T) : e !== this._$AH && e !== se && 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 !== T && Ee(this._$AH) ? this._$AA.nextSibling.data = e : this.$(ie.createTextNode(e)), this._$AH = e;
+  }
+  g(e) {
+    var r;
+    const { values: i, _$litType$: o } = e, s = typeof o == "number" ? this._$AC(e) : (o.el === void 0 && (o.el = Pe.createElement(xr(o.h, o.h[0]), this.options)), o);
+    if (((r = this._$AH) === null || r === void 0 ? void 0 : r._$AD) === s) this._$AH.v(i);
+    else {
+      const l = new Kr(s, this), n = l.u(this.options);
+      l.v(i), this.$(n), this._$AH = l;
+    }
+  }
+  _$AC(e) {
+    let r = rr.get(e.strings);
+    return r === void 0 && rr.set(e.strings, r = new Pe(e)), r;
+  }
+  T(e) {
+    gr(this._$AH) || (this._$AH = [], this._$AR());
+    const r = this._$AH;
+    let i, o = 0;
+    for (const s of e) o === r.length ? r.push(i = new Re(this.k(Ae()), this.k(Ae()), this, this.options)) : i = r[o], i._$AI(s), 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 et {
+  constructor(e, r, i, o, s) {
+    this.type = 1, this._$AH = T, this._$AN = void 0, this.element = e, this.name = r, this._$AM = o, this.options = s, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = T;
+  }
+  get tagName() {
+    return this.element.tagName;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(e, r = this, i, o) {
+    const s = this.strings;
+    let l = !1;
+    if (s === void 0) e = we(this, e, r, 0), l = !Ee(e) || e !== this._$AH && e !== se, l && (this._$AH = e);
+    else {
+      const n = e;
+      let a, d;
+      for (e = s[0], a = 0; a < s.length - 1; a++) d = we(this, n[i + a], r, a), d === se && (d = this._$AH[a]), l || (l = !Ee(d) || d !== this._$AH[a]), d === T ? e = T : e !== T && (e += (d ?? "") + s[a + 1]), this._$AH[a] = d;
+    }
+    l && !o && this.j(e);
+  }
+  j(e) {
+    e === T ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
+  }
+}
+class Qr extends et {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(e) {
+    this.element[this.name] = e === T ? void 0 : e;
+  }
+}
+const Gr = ue ? ue.emptyScript : "";
+class Yr extends et {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(e) {
+    e && e !== T ? this.element.setAttribute(this.name, Gr) : this.element.removeAttribute(this.name);
+  }
+}
+class Xr extends et {
+  constructor(e, r, i, o, s) {
+    super(e, r, i, o, s), this.type = 5;
+  }
+  _$AI(e, r = this) {
+    var i;
+    if ((e = (i = we(this, e, r, 0)) !== null && i !== void 0 ? i : T) === se) return;
+    const o = this._$AH, s = e === T && o !== T || e.capture !== o.capture || e.once !== o.once || e.passive !== o.passive, l = e !== T && (o === T || s);
+    s && this.element.removeEventListener(this.name, this, o), l && 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);
+  }
+}
+class Jr {
+  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) {
+    we(this, e);
+  }
+}
+const or = Ve.litHtmlPolyfillSupport;
+or == null || or(Pe, Re), ((st = Ve.litHtmlVersions) !== null && st !== void 0 ? st : Ve.litHtmlVersions = []).push("2.8.0");
+const eo = (t, e, r) => {
+  var i, o;
+  const s = (i = r == null ? void 0 : r.renderBefore) !== null && i !== void 0 ? i : e;
+  let l = s._$litPart$;
+  if (l === void 0) {
+    const n = (o = r == null ? void 0 : r.renderBefore) !== null && o !== void 0 ? o : null;
+    s._$litPart$ = l = new Re(e.insertBefore(Ae(), n), n, void 0, r ?? {});
+  }
+  return l._$AI(t), l;
+};
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+var nt, at;
+class f extends ce {
+  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 se;
+  }
+}
+f.finalized = !0, f._$litElement$ = !0, (nt = globalThis.litElementHydrateSupport) === null || nt === void 0 || nt.call(globalThis, { LitElement: f });
+const ir = globalThis.litElementPolyfillSupport;
+ir == null || ir({ LitElement: f });
+((at = globalThis.litElementVersions) !== null && at !== void 0 ? at : 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: s } = i;
+  return { kind: o, elements: s, finisher(l) {
+    customElements.define(r, l);
+  } };
+})(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 u(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 L(t) {
+  return u({ ...t, state: !0 });
+}
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+var ct;
+((ct = window.HTMLSlotElement) === null || ct === void 0 ? void 0 : ct.prototype.assignedElements) != null;
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const oo = { ATTRIBUTE: 1 }, io = (t) => (...e) => ({ _$litDirective$: t, values: e });
+class so {
+  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 so {
+  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((s) => s !== "")));
+      for (const s in e) e[s] && !(!((r = this.nt) === null || r === void 0) && r.has(s)) && this.it.add(s);
+      return this.render(e);
+    }
+    const o = t.element.classList;
+    this.it.forEach((s) => {
+      s in e || (o.remove(s), this.it.delete(s));
+    });
+    for (const s in e) {
+      const l = !!e[s];
+      l === this.it.has(s) || !((i = this.nt) === null || i === void 0) && i.has(s) || (l ? (o.add(s), this.it.add(s)) : (o.remove(s), this.it.delete(s)));
+    }
+    return se;
+  }
+});
+function lo(t, e) {
+  t.indexOf(e) === -1 && t.push(e);
+}
+const $r = (t, e, r) => Math.min(Math.max(r, t), e), N = {
+  duration: 0.3,
+  delay: 0,
+  endDelay: 0,
+  repeat: 0,
+  easing: "ease"
+}, Fe = (t) => typeof t == "number", he = (t) => Array.isArray(t) && !Fe(t[0]), no = (t, e, r) => {
+  const i = e - t;
+  return ((r - t) % i + i) % i + t;
+};
+function ao(t, e) {
+  return he(t) ? t[no(0, t.length, e)] : t;
+}
+const _r = (t, e, r) => -r * t + r * e + t, Cr = () => {
+}, q = (t) => t, jt = (t, e, r) => e - t === 0 ? 1 : (r - t) / (e - t);
+function Or(t, e) {
+  const r = t[t.length - 1];
+  for (let i = 1; i <= e; i++) {
+    const o = jt(0, e, i);
+    t.push(_r(r, 1, o));
+  }
+}
+function co(t) {
+  const e = [0];
+  return Or(e, t - 1), e;
+}
+function ho(t, e = co(t.length), r = q) {
+  const i = t.length, o = i - e.length;
+  return o > 0 && Or(e, o), (s) => {
+    let l = 0;
+    for (; l < i - 2 && !(s < e[l + 1]); l++)
+      ;
+    let n = $r(0, 1, jt(e[l], e[l + 1], s));
+    return n = ao(r, l)(n), _r(t[l], t[l + 1], n);
+  };
+}
+const Ar = (t) => Array.isArray(t) && Fe(t[0]), bt = (t) => typeof t == "object" && !!t.createAnimation, fe = (t) => typeof t == "function", mo = (t) => typeof t == "string", Oe = {
+  ms: (t) => t * 1e3,
+  s: (t) => t / 1e3
+}, Er = (t, e, r) => (((1 - 3 * r + 3 * e) * t + (3 * r - 6 * e)) * t + 3 * e) * t, po = 1e-7, uo = 12;
+function wo(t, e, r, i, o) {
+  let s, l, n = 0;
+  do
+    l = e + (r - e) / 2, s = Er(l, i, o) - t, s > 0 ? r = l : e = l;
+  while (Math.abs(s) > po && ++n < uo);
+  return l;
+}
+function Ce(t, e, r, i) {
+  if (t === e && r === i)
+    return q;
+  const o = (s) => wo(s, 0, 1, t, r);
+  return (s) => s === 0 || s === 1 ? s : Er(o(s), e, i);
+}
+const fo = (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 $r(0, 1, o / t);
+}, vo = {
+  ease: Ce(0.25, 0.1, 0.25, 1),
+  "ease-in": Ce(0.42, 0, 1, 1),
+  "ease-in-out": Ce(0.42, 0, 0.58, 1),
+  "ease-out": Ce(0, 0, 0.58, 1)
+}, go = /\((.*?)\)/;
+function sr(t) {
+  if (fe(t))
+    return t;
+  if (Ar(t))
+    return Ce(...t);
+  const e = vo[t];
+  if (e)
+    return e;
+  if (t.startsWith("steps")) {
+    const r = go.exec(t);
+    if (r) {
+      const i = r[1].split(",");
+      return fo(parseFloat(i[0]), i[1].trim());
+    }
+  }
+  return q;
+}
+class Pr {
+  constructor(e, r = [0, 1], { easing: i, duration: o = N.duration, delay: s = N.delay, endDelay: l = N.endDelay, repeat: n = N.repeat, offset: a, direction: d = "normal", autoplay: x = !0 } = {}) {
+    if (this.startTime = null, this.rate = 1, this.t = 0, this.cancelTimestamp = null, this.easing = q, this.duration = 0, this.totalDuration = 0, this.repeat = 0, this.playState = "idle", this.finished = new Promise((p, O) => {
+      this.resolve = p, this.reject = O;
+    }), i = i || N.easing, bt(i)) {
+      const p = i.createAnimation(r);
+      i = p.easing, r = p.keyframes || r, o = p.duration || o;
+    }
+    this.repeat = n, this.easing = he(i) ? q : sr(i), this.updateDuration(o);
+    const $ = ho(r, a, he(i) ? i.map(sr) : q);
+    this.tick = (p) => {
+      var O;
+      s = s;
+      let g = 0;
+      this.pauseTime !== void 0 ? g = this.pauseTime : g = (p - this.startTime) * this.rate, this.t = g, g /= 1e3, g = Math.max(g - s, 0), this.playState === "finished" && this.pauseTime === void 0 && (g = this.totalDuration);
+      const w = g / this.duration;
+      let P = Math.floor(w), b = w % 1;
+      !b && w >= 1 && (b = 1), b === 1 && P--;
+      const M = P % 2;
+      (d === "reverse" || d === "alternate" && M || d === "alternate-reverse" && !M) && (b = 1 - b);
+      const S = g >= this.totalDuration ? 1 : Math.min(b, 1), k = $(this.easing(S));
+      e(k), this.pauseTime === void 0 && (this.playState === "finished" || g >= this.totalDuration + l) ? (this.playState = "finished", (O = this.resolve) === null || O === void 0 || O.call(this, k)) : 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 yt = function() {
+};
+process.env.NODE_ENV !== "production" && (yt = function(t, e) {
+  if (!t)
+    throw new Error(e);
+});
+class bo {
+  setAnimation(e) {
+    this.animation = e, e == null || e.finished.then(() => this.clearAnimation()).catch(() => {
+    });
+  }
+  clearAnimation() {
+    this.animation = this.generator = void 0;
+  }
+}
+const dt = /* @__PURE__ */ new WeakMap();
+function Ir(t) {
+  return dt.has(t) || dt.set(t, {
+    transforms: [],
+    values: /* @__PURE__ */ new Map()
+  }), dt.get(t);
+}
+function yo(t, e) {
+  return t.has(e) || t.set(e, new bo()), t.get(e);
+}
+const xo = ["", "X", "Y", "Z"], $o = ["translate", "scale", "rotate", "skew"], qe = {
+  x: "translateX",
+  y: "translateY",
+  z: "translateZ"
+}, lr = {
+  syntax: "<angle>",
+  initialValue: "0deg",
+  toDefaultUnit: (t) => t + "deg"
+}, _o = {
+  translate: {
+    syntax: "<length-percentage>",
+    initialValue: "0px",
+    toDefaultUnit: (t) => t + "px"
+  },
+  rotate: lr,
+  scale: {
+    syntax: "<number>",
+    initialValue: 1,
+    toDefaultUnit: q
+  },
+  skew: lr
+}, Ie = /* @__PURE__ */ new Map(), Ht = (t) => `--motion-${t}`, Ke = ["x", "y", "z"];
+$o.forEach((t) => {
+  xo.forEach((e) => {
+    Ke.push(t + e), Ie.set(Ht(t + e), _o[t]);
+  });
+});
+const Co = (t, e) => Ke.indexOf(t) - Ke.indexOf(e), Oo = new Set(Ke), Tr = (t) => Oo.has(t), Ao = (t, e) => {
+  qe[e] && (e = qe[e]);
+  const { transforms: r } = Ir(t);
+  lo(r, e), t.style.transform = Eo(r);
+}, Eo = (t) => t.sort(Co).reduce(Po, "").trim(), Po = (t, e) => `${t} ${e}(var(${Ht(e)}))`, xt = (t) => t.startsWith("--"), nr = /* @__PURE__ */ new Set();
+function Io(t) {
+  if (!nr.has(t)) {
+    nr.add(t);
+    try {
+      const { syntax: e, initialValue: r } = Ie.has(t) ? Ie.get(t) : {};
+      CSS.registerProperty({
+        name: t,
+        inherits: !1,
+        syntax: e,
+        initialValue: r
+      });
+    } catch {
+    }
+  }
+}
+const ht = (t, e) => document.createElement("div").animate(t, e), ar = {
+  cssRegisterProperty: () => typeof CSS < "u" && Object.hasOwnProperty.call(CSS, "registerProperty"),
+  waapi: () => Object.hasOwnProperty.call(Element.prototype, "animate"),
+  partialKeyframes: () => {
+    try {
+      ht({ opacity: [1] });
+    } catch {
+      return !1;
+    }
+    return !0;
+  },
+  finished: () => !!ht({ opacity: [0, 1] }, { duration: 1e-3 }).finished,
+  linearEasing: () => {
+    try {
+      ht({ opacity: 0 }, { easing: "linear(0, 1)" });
+    } catch {
+      return !1;
+    }
+    return !0;
+  }
+}, mt = {}, de = {};
+for (const t in ar)
+  de[t] = () => (mt[t] === void 0 && (mt[t] = ar[t]()), mt[t]);
+const To = 0.015, Mo = (t, e) => {
+  let r = "";
+  const i = Math.round(e / To);
+  for (let o = 0; o < i; o++)
+    r += t(jt(0, i - 1, o)) + ", ";
+  return r.substring(0, r.length - 2);
+}, cr = (t, e) => fe(t) ? de.linearEasing() ? `linear(${Mo(t, e)})` : N.easing : Ar(t) ? Wo(t) : t, Wo = ([t, e, r, i]) => `cubic-bezier(${t}, ${e}, ${r}, ${i})`;
+function So(t, e) {
+  for (let r = 0; r < t.length; r++)
+    t[r] === null && (t[r] = r ? t[r - 1] : e());
+  return t;
+}
+const Ro = (t) => Array.isArray(t) ? t : [t];
+function $t(t) {
+  return qe[t] && (t = qe[t]), Tr(t) ? Ht(t) : t;
+}
+const je = {
+  get: (t, e) => {
+    e = $t(e);
+    let r = xt(e) ? t.style.getPropertyValue(e) : getComputedStyle(t)[e];
+    if (!r && r !== 0) {
+      const i = Ie.get(e);
+      i && (r = i.initialValue);
+    }
+    return r;
+  },
+  set: (t, e, r) => {
+    e = $t(e), xt(e) ? t.style.setProperty(e, r) : t.style[e] = r;
+  }
+};
+function Mr(t, e = !0) {
+  if (!(!t || t.playState === "finished"))
+    try {
+      t.stop ? t.stop() : (e && t.commitStyles(), t.cancel());
+    } catch {
+    }
+}
+function Do(t, e) {
+  var r;
+  let i = (e == null ? void 0 : e.toDefaultUnit) || q;
+  const o = t[t.length - 1];
+  if (mo(o)) {
+    const s = ((r = o.match(/(-?[\d.]+)([a-z%]*)/)) === null || r === void 0 ? void 0 : r[2]) || "";
+    s && (i = (l) => l + s);
+  }
+  return i;
+}
+function Lo() {
+  return window.__MOTION_DEV_TOOLS_RECORD;
+}
+function ko(t, e, r, i = {}, o) {
+  const s = Lo(), l = i.record !== !1 && s;
+  let n, { duration: a = N.duration, delay: d = N.delay, endDelay: x = N.endDelay, repeat: $ = N.repeat, easing: p = N.easing, persist: O = !1, direction: g, offset: w, allowWebkitAcceleration: P = !1, autoplay: b = !0 } = i;
+  const M = Ir(t), S = Tr(e);
+  let k = de.waapi();
+  S && Ao(t, e);
+  const U = $t(e), Ne = yo(M.values, U), z = Ie.get(U);
+  return Mr(Ne.animation, !(bt(p) && Ne.generator) && i.record !== !1), () => {
+    const Ue = () => {
+      var E, $e;
+      return ($e = (E = je.get(t, U)) !== null && E !== void 0 ? E : z == null ? void 0 : z.initialValue) !== null && $e !== void 0 ? $e : 0;
+    };
+    let I = So(Ro(r), Ue);
+    const Ft = Do(I, z);
+    if (bt(p)) {
+      const E = p.createAnimation(I, e !== "opacity", Ue, U, Ne);
+      p = E.easing, I = E.keyframes || I, a = E.duration || a;
+    }
+    if (xt(U) && (de.cssRegisterProperty() ? Io(U) : k = !1), S && !de.linearEasing() && (fe(p) || he(p) && p.some(fe)) && (k = !1), k) {
+      z && (I = I.map((J) => Fe(J) ? z.toDefaultUnit(J) : J)), I.length === 1 && (!de.partialKeyframes() || l) && I.unshift(Ue());
+      const E = {
+        delay: Oe.ms(d),
+        duration: Oe.ms(a),
+        endDelay: Oe.ms(x),
+        easing: he(p) ? void 0 : cr(p, a),
+        direction: g,
+        iterations: $ + 1,
+        fill: "both"
+      };
+      n = t.animate({
+        [U]: I,
+        offset: w,
+        easing: he(p) ? p.map((J) => cr(J, a)) : void 0
+      }, E), n.finished || (n.finished = new Promise((J, Ur) => {
+        n.onfinish = J, n.oncancel = Ur;
+      }));
+      const $e = I[I.length - 1];
+      n.finished.then(() => {
+        O || (je.set(t, U, $e), n.cancel());
+      }).catch(Cr), P || (n.playbackRate = 1.000001);
+    } else if (o && S)
+      I = I.map((E) => typeof E == "string" ? parseFloat(E) : E), I.length === 1 && I.unshift(parseFloat(Ue())), n = new o((E) => {
+        je.set(t, U, Ft ? Ft(E) : E);
+      }, I, Object.assign(Object.assign({}, i), {
+        duration: a,
+        easing: p
+      }));
+    else {
+      const E = I[I.length - 1];
+      je.set(t, U, z && Fe(E) ? z.toDefaultUnit(E) : E);
+    }
+    return l && s(t, e, I, {
+      duration: a,
+      delay: d,
+      easing: p,
+      repeat: $,
+      offset: w
+    }, "motion-one"), Ne.setAnimation(n), n && !b && n.pause(), n;
+  };
+}
+const No = (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 Uo(t, e) {
+  return typeof t == "string" ? t = document.querySelectorAll(t) : t instanceof Element && (t = [t]), Array.from(t || []);
+}
+const jo = (t) => t(), Wr = (t, e, r = N.duration) => new Proxy({
+  animations: t.map(jo).filter(Boolean),
+  duration: r,
+  options: e
+}, Bo), Ho = (t) => t.animations[0], Bo = {
+  get: (t, e) => {
+    const r = Ho(t);
+    switch (e) {
+      case "duration":
+        return t.duration;
+      case "currentTime":
+        return Oe.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(Zo)).catch(Cr)), t.finished;
+      case "stop":
+        return () => {
+          t.animations.forEach((i) => Mr(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 = Oe.ms(r);
+      case "playbackRate":
+        for (let i = 0; i < t.animations.length; i++)
+          t.animations[i][e] = r;
+        return !0;
+    }
+    return !1;
+  }
+}, Zo = (t) => t.finished;
+function zo(t, e, r) {
+  return fe(t) ? t(e, r) : t;
+}
+function Vo(t) {
+  return function(r, i, o = {}) {
+    r = Uo(r);
+    const s = r.length;
+    yt(!!s, "No valid element provided."), yt(!!i, "No keyframes defined.");
+    const l = [];
+    for (let n = 0; n < s; n++) {
+      const a = r[n];
+      for (const d in i) {
+        const x = No(o, d);
+        x.delay = zo(x.delay, n, s);
+        const $ = ko(a, d, i[d], x, t);
+        l.push($);
+      }
+    }
+    return Wr(
+      l,
+      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 Fo = Vo(Pr);
+function qo(t, e = {}) {
+  return Wr([
+    () => {
+      const r = new Pr(t, [0, 1], e);
+      return r.finished.catch(() => {
+      }), r;
+    }
+  ], e, e.duration);
+}
+function re(t, e, r) {
+  return (fe(t) ? qo : Fo)(t, e, r);
+}
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const R = (t) => t ?? T;
+var Ko = Object.defineProperty, dr = Object.getOwnPropertySymbols, Qo = Object.prototype.hasOwnProperty, Go = Object.prototype.propertyIsEnumerable, hr = (t, e, r) => e in t ? Ko(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, pt = (t, e) => {
+  for (var r in e || (e = {}))
+    Qo.call(e, r) && hr(t, r, e[r]);
+  if (dr)
+    for (var r of dr(e))
+      Go.call(e, r) && hr(t, r, e[r]);
+  return t;
+};
+function Yo() {
+  var t;
+  const e = (t = pe.state.themeMode) != null ? t : "dark", i = {
+    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": i.foreground[1],
+    "--wcm-color-fg-2": i.foreground[2],
+    "--wcm-color-fg-3": i.foreground[3],
+    "--wcm-color-bg-1": i.background[1],
+    "--wcm-color-bg-2": i.background[2],
+    "--wcm-color-bg-3": i.background[3],
+    "--wcm-color-overlay": i.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 } = pe.state;
+    if (t) {
+      const r = pt(pt(pt({}, Yo()), mr()), e);
+      Object.entries(r).forEach(([i, o]) => t.style.setProperty(i, o));
+    }
+  },
+  globalCss: _`*,::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)}`
+}, Xo = _`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 Jo = Object.defineProperty, ei = Object.getOwnPropertyDescriptor, be = (t, e, r, i) => {
+  for (var o = i > 1 ? void 0 : i ? ei(e, r) : e, s = t.length - 1, l; s >= 0; s--)
+    (l = t[s]) && (o = (i ? l(e, r, o) : l(o)) || o);
+  return i && o && Jo(e, r, o), o;
+};
+let Q = class extends f {
+  constructor() {
+    super(...arguments), this.disabled = !1, this.iconLeft = void 0, this.iconRight = void 0, this.onClick = () => null, this.variant = "default";
+  }
+  // -- render ------------------------------------------------------- //
+  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"), c`<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>`;
+  }
+};
+Q.styles = [v.globalCss, Xo];
+be([
+  u({ type: Boolean })
+], Q.prototype, "disabled", 2);
+be([
+  u()
+], Q.prototype, "iconLeft", 2);
+be([
+  u()
+], Q.prototype, "iconRight", 2);
+be([
+  u()
+], Q.prototype, "onClick", 2);
+be([
+  u()
+], Q.prototype, "variant", 2);
+Q = be([
+  y("wcm-button")
+], Q);
+const ti = _`: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 ri = Object.defineProperty, oi = Object.getOwnPropertyDescriptor, Bt = (t, e, r, i) => {
+  for (var o = i > 1 ? void 0 : i ? oi(e, r) : e, s = t.length - 1, l; s >= 0; s--)
+    (l = t[s]) && (o = (i ? l(e, r, o) : l(o)) || o);
+  return i && o && ri(e, r, o), o;
+};
+let Te = class extends f {
+  constructor() {
+    super(...arguments), this.disabled = !1, this.variant = "primary";
+  }
+  // -- render ------------------------------------------------------- //
+  render() {
+    const t = {
+      "wcm-secondary": this.variant === "secondary"
+    };
+    return c`<button ?disabled="${this.disabled}" class="${Z(t)}"><slot></slot></button>`;
+  }
+};
+Te.styles = [v.globalCss, ti];
+Bt([
+  u({ type: Boolean })
+], Te.prototype, "disabled", 2);
+Bt([
+  u()
+], Te.prototype, "variant", 2);
+Te = Bt([
+  y("wcm-button-big")
+], Te);
+const ii = _`: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 si = Object.getOwnPropertyDescriptor, li = (t, e, r, i) => {
+  for (var o = i > 1 ? void 0 : i ? si(e, r) : e, s = t.length - 1, l; s >= 0; s--)
+    (l = t[s]) && (o = l(o) || o);
+  return o;
+};
+let _t = class extends f {
+  // -- render ------------------------------------------------------- //
+  render() {
+    return c`<div><slot></slot></div>`;
+  }
+};
+_t.styles = [v.globalCss, ii];
+_t = li([
+  y("wcm-info-footer")
+], _t);
+const C = {
+  CROSS_ICON: W`<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: W`<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.883-8.542h-4.201l-2.042 8.542a41.204 41.204 0 0 0-.475 2.438 41.208 41.208 0 0 0-.476-2.438l-1.903-8.542h-3.349l3.508 13.874h4.083ZM63.33 21.304c1.585 0 2.596-.654 3.11-1.605-.059.297-.078.595-.078.892v.357h2.655V15.22c0-2.735-1.248-4.32-4.3-4.32-2.636 0-4.36 1.466-4.52 3.487h2.914c.1-.891.734-1.426 1.705-1.426.911 0 1.407.515 1.407 1.11 0 .435-.258.693-1.03.792l-1.388.159c-2.061.257-3.825 1.01-3.825 3.19 0 1.982 1.645 3.092 3.35 3.092Zm.891-2.041c-.773 0-1.348-.436-1.348-1.19 0-.733.655-1.09 1.645-1.268l.674-.119c.575-.118.892-.218 1.09-.396v.912c0 1.228-.892 2.06-2.06 2.06ZM70.398 7.074v13.874h2.874V7.074h-2.874ZM74.934 7.074v13.874h2.874V7.074h-2.874ZM84.08 21.304c2.735 0 4.5-1.546 4.697-3.567h-2.893c-.139.892-.892 1.387-1.804 1.387-1.228 0-2.12-.99-2.14-2.358h6.897v-.555c0-3.21-1.764-5.312-4.816-5.312-2.933 0-4.994 2.062-4.994 5.173 0 3.37 2.12 5.232 5.053 5.232Zm-2.16-6.421c.119-1.11.932-1.922 2.081-1.922 1.11 0 1.883.772 1.903 1.922H81.92ZM94.92 21.146c.633 0 1.248-.1 1.525-.179v-2.18c-.218.04-.475.06-.693.06-1.05 0-1.427-.595-1.427-1.566v-3.805h2.338v-2.24h-2.338V7.788H91.47v3.448H89.37v2.24h2.1v4.201c0 2.3 1.15 3.469 3.45 3.469ZM104.62 21.304c3.924 0 6.302-2.299 6.599-5.608h-3.111c-.238 1.803-1.506 3.032-3.369 3.032-2.2 0-3.746-1.784-3.746-4.796 0-2.953 1.605-4.638 3.805-4.638 1.883 0 2.953 1.15 3.171 2.834h3.191c-.317-3.448-2.854-5.41-6.342-5.41-3.984 0-7.036 2.695-7.036 7.214 0 4.677 2.676 7.372 6.838 7.372ZM117.449 21.304c2.993 0 5.114-1.882 5.114-5.172 0-3.23-2.121-5.233-5.114-5.233-2.972 0-5.093 2.002-5.093 5.233 0 3.29 2.101 5.172 5.093 5.172Zm0-2.22c-1.327 0-2.18-1.09-2.18-2.952 0-1.903.892-2.973 2.18-2.973 1.308 0 2.2 1.07 2.2 2.973 0 1.862-.872 2.953-2.2 2.953ZM126.569 20.948v-5.689c0-1.208.753-2.1 1.823-2.1 1.011 0 1.606.773 1.606 2.06v5.729h2.873v-6.144c0-2.339-1.229-3.905-3.428-3.905-1.526 0-2.458.734-2.953 1.606a5.31 5.31 0 0 0 .079-.892v-.377h-2.874v9.712h2.874ZM137.464 20.948v-5.689c0-1.208.753-2.1 1.823-2.1 1.011 0 1.606.773 1.606 2.06v5.729h2.873v-6.144c0-2.339-1.228-3.905-3.428-3.905-1.526 0-2.458.734-2.953 1.606a5.31 5.31 0 0 0 .079-.892v-.377h-2.874v9.712h2.874ZM149.949 21.304c2.735 0 4.499-1.546 4.697-3.567h-2.893c-.139.892-.892 1.387-1.804 1.387-1.228 0-2.12-.99-2.14-2.358h6.897v-.555c0-3.21-1.764-5.312-4.816-5.312-2.933 0-4.994 2.062-4.994 5.173 0 3.37 2.12 5.232 5.053 5.232Zm-2.16-6.421c.119-1.11.932-1.922 2.081-1.922 1.11 0 1.883.772 1.903 1.922h-3.984ZM160.876 21.304c3.013 0 4.658-1.645 4.975-4.201h-2.874c-.099 1.07-.713 1.982-2.001 1.982-1.309 0-2.2-1.21-2.2-2.993 0-1.942 1.03-2.933 2.259-2.933 1.209 0 1.803.872 1.883 1.882h2.873c-.218-2.358-1.823-4.142-4.776-4.142-2.874 0-5.153 1.903-5.153 5.193 0 3.25 1.923 5.212 5.014 5.212ZM172.067 21.146c.634 0 1.248-.1 1.526-.179v-2.18c-.218.04-.476.06-.694.06-1.05 0-1.427-.595-1.427-1.566v-3.805h2.339v-2.24h-2.339V7.788h-2.854v3.448h-2.1v2.24h2.1v4.201c0 2.3 1.15 3.469 3.449 3.469Z" fill="#fff"/></svg>`,
+  WALLET_CONNECT_ICON: W`<svg width="28" height="20" viewBox="0 0 28 20"><g clip-path="url(#a)"><path d="M7.386 6.482c3.653-3.576 9.575-3.576 13.228 0l.44.43a.451.451 0 0 1 0 .648L19.55 9.033a.237.237 0 0 1-.33 0l-.606-.592c-2.548-2.496-6.68-2.496-9.228 0l-.648.634a.237.237 0 0 1-.33 0L6.902 7.602a.451.451 0 0 1 0-.647l.483-.473Zm16.338 3.046 1.339 1.31a.451.451 0 0 1 0 .648l-6.035 5.909a.475.475 0 0 1-.662 0L14.083 13.2a.119.119 0 0 0-.166 0l-4.283 4.194a.475.475 0 0 1-.662 0l-6.035-5.91a.451.451 0 0 1 0-.647l1.338-1.31a.475.475 0 0 1 .662 0l4.283 4.194c.046.044.12.044.166 0l4.283-4.194a.475.475 0 0 1 .662 0l4.283 4.194c.046.044.12.044.166 0l4.283-4.194a.475.475 0 0 1 .662 0Z" fill="#000000"/></g><defs><clipPath id="a"><path fill="#ffffff" d="M0 0h28v20H0z"/></clipPath></defs></svg>`,
+  WALLET_CONNECT_ICON_COLORED: W`<svg width="96" height="96" fill="none"><path fill="#fff" d="M25.322 33.597c12.525-12.263 32.83-12.263 45.355 0l1.507 1.476a1.547 1.547 0 0 1 0 2.22l-5.156 5.048a.814.814 0 0 1-1.134 0l-2.074-2.03c-8.737-8.555-22.903-8.555-31.64 0l-2.222 2.175a.814.814 0 0 1-1.134 0l-5.156-5.049a1.547 1.547 0 0 1 0-2.22l1.654-1.62Zm56.019 10.44 4.589 4.494a1.547 1.547 0 0 1 0 2.22l-20.693 20.26a1.628 1.628 0 0 1-2.267 0L48.283 56.632a.407.407 0 0 0-.567 0L33.03 71.012a1.628 1.628 0 0 1-2.268 0L10.07 50.75a1.547 1.547 0 0 1 0-2.22l4.59-4.494a1.628 1.628 0 0 1 2.267 0l14.687 14.38c.156.153.41.153.567 0l14.685-14.38a1.628 1.628 0 0 1 2.268 0l14.687 14.38c.156.153.41.153.567 0l14.686-14.38a1.628 1.628 0 0 1 2.268 0Z"/><path stroke="#000" d="M25.672 33.954c12.33-12.072 32.325-12.072 44.655 0l1.508 1.476a1.047 1.047 0 0 1 0 1.506l-5.157 5.048a.314.314 0 0 1-.434 0l-2.074-2.03c-8.932-8.746-23.409-8.746-32.34 0l-2.222 2.174a.314.314 0 0 1-.434 0l-5.157-5.048a1.047 1.047 0 0 1 0-1.506l1.655-1.62Zm55.319 10.44 4.59 4.494a1.047 1.047 0 0 1 0 1.506l-20.694 20.26a1.128 1.128 0 0 1-1.568 0l-14.686-14.38a.907.907 0 0 0-1.267 0L32.68 70.655a1.128 1.128 0 0 1-1.568 0L10.42 50.394a1.047 1.047 0 0 1 0-1.506l4.59-4.493a1.128 1.128 0 0 1 1.567 0l14.687 14.379a.907.907 0 0 0 1.266 0l-.35-.357.35.357 14.686-14.38a1.128 1.128 0 0 1 1.568 0l14.687 14.38a.907.907 0 0 0 1.267 0l14.686-14.38a1.128 1.128 0 0 1 1.568 0Z"/></svg>`,
+  BACK_ICON: W`<svg width="10" height="18" viewBox="0 0 10 18"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.735.179a.75.75 0 0 1 .087 1.057L2.92 8.192a1.25 1.25 0 0 0 0 1.617l5.902 6.956a.75.75 0 1 1-1.144.97L1.776 10.78a2.75 2.75 0 0 1 0-3.559L7.678.265A.75.75 0 0 1 8.735.18Z" fill="#fff"/></svg>`,
+  COPY_ICON: W`<svg width="24" height="24" fill="none"><path fill="#fff" fill-rule="evenodd" d="M7.01 7.01c.03-1.545.138-2.5.535-3.28A5 5 0 0 1 9.73 1.545C10.8 1 12.2 1 15 1c2.8 0 4.2 0 5.27.545a5 5 0 0 1 2.185 2.185C23 4.8 23 6.2 23 9c0 2.8 0 4.2-.545 5.27a5 5 0 0 1-2.185 2.185c-.78.397-1.735.505-3.28.534l-.001.01c-.03 1.54-.138 2.493-.534 3.27a5 5 0 0 1-2.185 2.186C13.2 23 11.8 23 9 23c-2.8 0-4.2 0-5.27-.545a5 5 0 0 1-2.185-2.185C1 19.2 1 17.8 1 15c0-2.8 0-4.2.545-5.27A5 5 0 0 1 3.73 7.545C4.508 7.149 5.46 7.04 7 7.01h.01ZM15 15.5c-1.425 0-2.403-.001-3.162-.063-.74-.06-1.139-.172-1.427-.319a3.5 3.5 0 0 1-1.53-1.529c-.146-.288-.257-.686-.318-1.427C8.501 11.403 8.5 10.425 8.5 9c0-1.425.001-2.403.063-3.162.06-.74.172-1.139.318-1.427a3.5 3.5 0 0 1 1.53-1.53c.288-.146.686-.257 1.427-.318.759-.062 1.737-.063 3.162-.063 1.425 0 2.403.001 3.162.063.74.06 1.139.172 1.427.318a3.5 3.5 0 0 1 1.53 1.53c.146.288.257.686.318 1.427.062.759.063 1.737.063 3.162 0 1.425-.001 2.403-.063 3.162-.06.74-.172 1.139-.319 1.427a3.5 3.5 0 0 1-1.529 1.53c-.288.146-.686.257-1.427.318-.759.062-1.737.063-3.162.063ZM7 8.511c-.444.009-.825.025-1.162.052-.74.06-1.139.172-1.427.318a3.5 3.5 0 0 0-1.53 1.53c-.146.288-.257.686-.318 1.427-.062.759-.063 1.737-.063 3.162 0 1.425.001 2.403.063 3.162.06.74.172 1.139.318 1.427a3.5 3.5 0 0 0 1.53 1.53c.288.146.686.257 1.427.318.759.062 1.737.063 3.162.063 1.425 0 2.403-.001 3.162-.063.74-.06 1.139-.172 1.427-.319a3.5 3.5 0 0 0 1.53-1.53c.146-.287.257-.685.318-1.426.027-.337.043-.718.052-1.162H15c-2.8 0-4.2 0-5.27-.545a5 5 0 0 1-2.185-2.185C7 13.2 7 11.8 7 9v-.489Z" clip-rule="evenodd"/></svg>`,
+  RETRY_ICON: W`<svg width="15" height="16" viewBox="0 0 15 16"><path d="M6.464 2.03A.75.75 0 0 0 5.403.97L2.08 4.293a1 1 0 0 0 0 1.414L5.403 9.03a.75.75 0 0 0 1.06-1.06L4.672 6.177a.25.25 0 0 1 .177-.427h2.085a4 4 0 1 1-3.93 4.746c-.077-.407-.405-.746-.82-.746-.414 0-.755.338-.7.748a5.501 5.501 0 1 0 5.45-6.248H4.848a.25.25 0 0 1-.177-.427L6.464 2.03Z" fill="#fff"/></svg>`,
+  DESKTOP_ICON: W`<svg width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 5.98c0-1.85 0-2.775.394-3.466a3 3 0 0 1 1.12-1.12C2.204 1 3.13 1 4.98 1h6.04c1.85 0 2.775 0 3.466.394a3 3 0 0 1 1.12 1.12C16 3.204 16 4.13 16 5.98v1.04c0 1.85 0 2.775-.394 3.466a3 3 0 0 1-1.12 1.12C13.796 12 12.87 12 11.02 12H4.98c-1.85 0-2.775 0-3.466-.394a3 3 0 0 1-1.12-1.12C0 9.796 0 8.87 0 7.02V5.98ZM4.98 2.5h6.04c.953 0 1.568.001 2.034.043.446.04.608.108.69.154a1.5 1.5 0 0 1 .559.56c.046.08.114.243.154.69.042.465.043 1.08.043 2.033v1.04c0 .952-.001 1.568-.043 2.034-.04.446-.108.608-.154.69a1.499 1.499 0 0 1-.56.559c-.08.046-.243.114-.69.154-.466.042-1.08.043-2.033.043H4.98c-.952 0-1.568-.001-2.034-.043-.446-.04-.608-.108-.69-.154a1.5 1.5 0 0 1-.559-.56c-.046-.08-.114-.243-.154-.69-.042-.465-.043-1.08-.043-2.033V5.98c0-.952.001-1.568.043-2.034.04-.446.108-.608.154-.69a1.5 1.5 0 0 1 .56-.559c.08-.046.243-.114.69-.154.465-.042 1.08-.043 2.033-.043Z" fill="#fff"/><path d="M4 14.25a.75.75 0 0 1 .75-.75h6.5a.75.75 0 0 1 0 1.5h-6.5a.75.75 0 0 1-.75-.75Z" fill="#fff"/></svg>`,
+  MOBILE_ICON: W`<svg width="16" height="16" viewBox="0 0 16 16"><path d="M6.75 5a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Z" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3 4.98c0-1.85 0-2.775.394-3.466a3 3 0 0 1 1.12-1.12C5.204 0 6.136 0 8 0s2.795 0 3.486.394a3 3 0 0 1 1.12 1.12C13 2.204 13 3.13 13 4.98v6.04c0 1.85 0 2.775-.394 3.466a3 3 0 0 1-1.12 1.12C10.796 16 9.864 16 8 16s-2.795 0-3.486-.394a3 3 0 0 1-1.12-1.12C3 13.796 3 12.87 3 11.02V4.98Zm8.5 0v6.04c0 .953-.001 1.568-.043 2.034-.04.446-.108.608-.154.69a1.499 1.499 0 0 1-.56.559c-.08.045-.242.113-.693.154-.47.042-1.091.043-2.05.043-.959 0-1.58-.001-2.05-.043-.45-.04-.613-.109-.693-.154a1.5 1.5 0 0 1-.56-.56c-.046-.08-.114-.243-.154-.69-.042-.466-.043-1.08-.043-2.033V4.98c0-.952.001-1.568.043-2.034.04-.446.108-.608.154-.69a1.5 1.5 0 0 1 .56-.559c.08-.045.243-.113.693-.154C6.42 1.501 7.041 1.5 8 1.5c.959 0 1.58.001 2.05.043.45.04.613.109.693.154a1.5 1.5 0 0 1 .56.56c.046.08.114.243.154.69.042.465.043 1.08.043 2.033Z" fill="#fff"/></svg>`,
+  ARROW_DOWN_ICON: W`<svg width="14" height="14" viewBox="0 0 14 14"><path d="M2.28 7.47a.75.75 0 0 0-1.06 1.06l5.25 5.25a.75.75 0 0 0 1.06 0l5.25-5.25a.75.75 0 0 0-1.06-1.06l-3.544 3.543a.25.25 0 0 1-.426-.177V.75a.75.75 0 0 0-1.5 0v10.086a.25.25 0 0 1-.427.176L2.28 7.47Z" fill="#fff"/></svg>`,
+  ARROW_UP_RIGHT_ICON: W`<svg width="15" height="14" fill="none"><path d="M4.5 1.75A.75.75 0 0 1 5.25 1H12a1.5 1.5 0 0 1 1.5 1.5v6.75a.75.75 0 0 1-1.5 0V4.164a.25.25 0 0 0-.427-.176L4.061 11.5A.75.75 0 0 1 3 10.44l7.513-7.513a.25.25 0 0 0-.177-.427H5.25a.75.75 0 0 1-.75-.75Z" fill="#fff"/></svg>`,
+  ARROW_RIGHT_ICON: W`<svg width="6" height="14" viewBox="0 0 6 14"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.181 1.099a.75.75 0 0 1 1.024.279l2.433 4.258a2.75 2.75 0 0 1 0 2.729l-2.433 4.257a.75.75 0 1 1-1.303-.744L4.335 7.62a1.25 1.25 0 0 0 0-1.24L1.902 2.122a.75.75 0 0 1 .28-1.023Z" fill="#fff"/></svg>`,
+  QRCODE_ICON: W`<svg width="25" height="24" viewBox="0 0 25 24"><path d="M23.748 9a.748.748 0 0 0 .748-.752c-.018-2.596-.128-4.07-.784-5.22a6 6 0 0 0-2.24-2.24c-1.15-.656-2.624-.766-5.22-.784a.748.748 0 0 0-.752.748c0 .414.335.749.748.752 1.015.007 1.82.028 2.494.088.995.09 1.561.256 1.988.5.7.398 1.28.978 1.679 1.678.243.427.41.993.498 1.988.061.675.082 1.479.09 2.493a.753.753 0 0 0 .75.749ZM3.527.788C4.677.132 6.152.022 8.747.004A.748.748 0 0 1 9.5.752a.753.753 0 0 1-.749.752c-1.014.007-1.818.028-2.493.088-.995.09-1.561.256-1.988.5-.7.398-1.28.978-1.679 1.678-.243.427-.41.993-.499 1.988-.06.675-.081 1.479-.088 2.493A.753.753 0 0 1 1.252 9a.748.748 0 0 1-.748-.752c.018-2.596.128-4.07.784-5.22a6 6 0 0 1 2.24-2.24ZM1.252 15a.748.748 0 0 0-.748.752c.018 2.596.128 4.07.784 5.22a6 6 0 0 0 2.24 2.24c1.15.656 2.624.766 5.22.784a.748.748 0 0 0 .752-.748.753.753 0 0 0-.749-.752c-1.014-.007-1.818-.028-2.493-.089-.995-.089-1.561-.255-1.988-.498a4.5 4.5 0 0 1-1.679-1.68c-.243-.426-.41-.992-.499-1.987-.06-.675-.081-1.479-.088-2.493A.753.753 0 0 0 1.252 15ZM22.996 15.749a.753.753 0 0 1 .752-.749c.415 0 .751.338.748.752-.018 2.596-.128 4.07-.784 5.22a6 6 0 0 1-2.24 2.24c-1.15.656-2.624.766-5.22.784a.748.748 0 0 1-.752-.748c0-.414.335-.749.748-.752 1.015-.007 1.82-.028 2.494-.089.995-.089 1.561-.255 1.988-.498a4.5 4.5 0 0 0 1.679-1.68c.243-.426.41-.992.498-1.987.061-.675.082-1.479.09-2.493Z" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7 4a2.5 2.5 0 0 0-2.5 2.5v2A2.5 2.5 0 0 0 7 11h2a2.5 2.5 0 0 0 2.5-2.5v-2A2.5 2.5 0 0 0 9 4H7Zm2 1.5H7a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1ZM13.5 6.5A2.5 2.5 0 0 1 16 4h2a2.5 2.5 0 0 1 2.5 2.5v2A2.5 2.5 0 0 1 18 11h-2a2.5 2.5 0 0 1-2.5-2.5v-2Zm2.5-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1ZM7 13a2.5 2.5 0 0 0-2.5 2.5v2A2.5 2.5 0 0 0 7 20h2a2.5 2.5 0 0 0 2.5-2.5v-2A2.5 2.5 0 0 0 9 13H7Zm2 1.5H7a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1Z" fill="#fff"/><path d="M13.5 15.5c0-.465 0-.697.038-.89a2 2 0 0 1 1.572-1.572C15.303 13 15.535 13 16 13v2.5h-2.5ZM18 13c.465 0 .697 0 .89.038a2 2 0 0 1 1.572 1.572c.038.193.038.425.038.89H18V13ZM18 17.5h2.5c0 .465 0 .697-.038.89a2 2 0 0 1-1.572 1.572C18.697 20 18.465 20 18 20v-2.5ZM13.5 17.5H16V20c-.465 0-.697 0-.89-.038a2 2 0 0 1-1.572-1.572c-.038-.193-.038-.425-.038-.89Z" fill="#fff"/></svg>`,
+  SCAN_ICON: W`<svg width="16" height="16" fill="none"><path fill="#fff" d="M10 15.216c0 .422.347.763.768.74 1.202-.064 2.025-.222 2.71-.613a5.001 5.001 0 0 0 1.865-1.866c.39-.684.549-1.507.613-2.709a.735.735 0 0 0-.74-.768.768.768 0 0 0-.76.732c-.009.157-.02.306-.032.447-.073.812-.206 1.244-.384 1.555-.31.545-.761.996-1.306 1.306-.311.178-.743.311-1.555.384-.141.013-.29.023-.447.032a.768.768 0 0 0-.732.76ZM10 .784c0 .407.325.737.732.76.157.009.306.02.447.032.812.073 1.244.206 1.555.384a3.5 3.5 0 0 1 1.306 1.306c.178.311.311.743.384 1.555.013.142.023.29.032.447a.768.768 0 0 0 .76.732.734.734 0 0 0 .74-.768c-.064-1.202-.222-2.025-.613-2.71A5 5 0 0 0 13.477.658c-.684-.39-1.507-.549-2.709-.613a.735.735 0 0 0-.768.74ZM5.232.044A.735.735 0 0 1 6 .784a.768.768 0 0 1-.732.76c-.157.009-.305.02-.447.032-.812.073-1.244.206-1.555.384A3.5 3.5 0 0 0 1.96 3.266c-.178.311-.311.743-.384 1.555-.013.142-.023.29-.032.447A.768.768 0 0 1 .784 6a.735.735 0 0 1-.74-.768c.064-1.202.222-2.025.613-2.71A5 5 0 0 1 2.523.658C3.207.267 4.03.108 5.233.044ZM5.268 14.456a.768.768 0 0 1 .732.76.734.734 0 0 1-.768.74c-1.202-.064-2.025-.222-2.71-.613a5 5 0 0 1-1.865-1.866c-.39-.684-.549-1.507-.613-2.709A.735.735 0 0 1 .784 10c.407 0 .737.325.76.732.009.157.02.306.032.447.073.812.206 1.244.384 1.555a3.5 3.5 0 0 0 1.306 1.306c.311.178.743.311 1.555.384.142.013.29.023.447.032Z"/></svg>`,
+  CHECKMARK_ICON: W`<svg width="13" height="12" viewBox="0 0 13 12"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.155.132a.75.75 0 0 1 .232 1.035L5.821 11.535a1 1 0 0 1-1.626.09L.665 7.21a.75.75 0 1 1 1.17-.937L4.71 9.867a.25.25 0 0 0 .406-.023L11.12.364a.75.75 0 0 1 1.035-.232Z" fill="#fff"/></svg>`,
+  SEARCH_ICON: W`<svg width="20" height="21"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.432 13.992c-.354-.353-.91-.382-1.35-.146a5.5 5.5 0 1 1 2.265-2.265c-.237.441-.208.997.145 1.35l3.296 3.296a.75.75 0 1 1-1.06 1.061l-3.296-3.296Zm.06-5a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z" fill="#949E9E"/></svg>`,
+  WALLET_PLACEHOLDER: W`<svg width="60" height="60" fill="none" viewBox="0 0 60 60"><g clip-path="url(#q)"><path id="wallet-placeholder-fill" fill="#fff" d="M0 24.9c0-9.251 0-13.877 1.97-17.332a15 15 0 0 1 5.598-5.597C11.023 0 15.648 0 24.9 0h10.2c9.252 0 13.877 0 17.332 1.97a15 15 0 0 1 5.597 5.598C60 11.023 60 15.648 60 24.9v10.2c0 9.252 0 13.877-1.97 17.332a15.001 15.001 0 0 1-5.598 5.597C48.977 60 44.352 60 35.1 60H24.9c-9.251 0-13.877 0-17.332-1.97a15 15 0 0 1-5.597-5.598C0 48.977 0 44.352 0 35.1V24.9Z"/><path id="wallet-placeholder-dash" stroke="#000" stroke-dasharray="4 4" stroke-width="1.5" d="M.04 41.708a231.598 231.598 0 0 1-.039-4.403l.75-.001L.75 35.1v-2.55H0v-5.1h.75V24.9l.001-2.204h-.75c.003-1.617.011-3.077.039-4.404l.75.016c.034-1.65.099-3.08.218-4.343l-.746-.07c.158-1.678.412-3.083.82-4.316l.713.236c.224-.679.497-1.296.827-1.875a14.25 14.25 0 0 1 1.05-1.585L3.076 5.9A15 15 0 0 1 5.9 3.076l.455.596a14.25 14.25 0 0 1 1.585-1.05c.579-.33 1.196-.603 1.875-.827l-.236-.712C10.812.674 12.217.42 13.895.262l.07.746C15.23.89 16.66.824 18.308.79l-.016-.75C19.62.012 21.08.004 22.695.001l.001.75L24.9.75h2.55V0h5.1v.75h2.55l2.204.001v-.75c1.617.003 3.077.011 4.404.039l-.016.75c1.65.034 3.08.099 4.343.218l.07-.746c1.678.158 3.083.412 4.316.82l-.236.713c.679.224 1.296.497 1.875.827a14.24 14.24 0 0 1 1.585 1.05l.455-.596A14.999 14.999 0 0 1 56.924 5.9l-.596.455c.384.502.735 1.032 1.05 1.585.33.579.602 1.196.827 1.875l.712-.236c.409 1.233.663 2.638.822 4.316l-.747.07c.119 1.264.184 2.694.218 4.343l.75-.016c.028 1.327.036 2.787.039 4.403l-.75.001.001 2.204v2.55H60v5.1h-.75v2.55l-.001 2.204h.75a231.431 231.431 0 0 1-.039 4.404l-.75-.016c-.034 1.65-.099 3.08-.218 4.343l.747.07c-.159 1.678-.413 3.083-.822 4.316l-.712-.236a10.255 10.255 0 0 1-.827 1.875 14.242 14.242 0 0 1-1.05 1.585l.596.455a14.997 14.997 0 0 1-2.824 2.824l-.455-.596c-.502.384-1.032.735-1.585 1.05-.579.33-1.196.602-1.875.827l.236.712c-1.233.409-2.638.663-4.316.822l-.07-.747c-1.264.119-2.694.184-4.343.218l.016.75c-1.327.028-2.787.036-4.403.039l-.001-.75-2.204.001h-2.55V60h-5.1v-.75H24.9l-2.204-.001v.75a231.431 231.431 0 0 1-4.404-.039l.016-.75c-1.65-.034-3.08-.099-4.343-.218l-.07.747c-1.678-.159-3.083-.413-4.316-.822l.236-.712a10.258 10.258 0 0 1-1.875-.827 14.252 14.252 0 0 1-1.585-1.05l-.455.596A14.999 14.999 0 0 1 3.076 54.1l.596-.455a14.24 14.24 0 0 1-1.05-1.585 10.259 10.259 0 0 1-.827-1.875l-.712.236C.674 49.188.42 47.783.262 46.105l.746-.07C.89 44.77.824 43.34.79 41.692l-.75.016Z"/><path fill="#fff" fill-rule="evenodd" d="M35.643 32.145c-.297-.743-.445-1.114-.401-1.275a.42.42 0 0 1 .182-.27c.134-.1.463-.1 1.123-.1.742 0 1.499.046 2.236-.05a6 6 0 0 0 5.166-5.166c.051-.39.051-.855.051-1.784 0-.928 0-1.393-.051-1.783a6 6 0 0 0-5.166-5.165c-.39-.052-.854-.052-1.783-.052h-7.72c-4.934 0-7.401 0-9.244 1.051a8 8 0 0 0-2.985 2.986C16.057 22.28 16.003 24.58 16 29 15.998 31.075 16 33.15 16 35.224A7.778 7.778 0 0 0 23.778 43H28.5c1.394 0 2.09 0 2.67-.116a6 6 0 0 0 4.715-4.714c.115-.58.115-1.301.115-2.744 0-1.31 0-1.964-.114-2.49a4.998 4.998 0 0 0-.243-.792Z" clip-rule="evenodd"/><path fill="#9EA9A9" fill-rule="evenodd" d="M37 18h-7.72c-2.494 0-4.266.002-5.647.126-1.361.122-2.197.354-2.854.728a6.5 6.5 0 0 0-2.425 2.426c-.375.657-.607 1.492-.729 2.853-.11 1.233-.123 2.777-.125 4.867 0 .7 0 1.05.097 1.181.096.13.182.181.343.2.163.02.518-.18 1.229-.581a6.195 6.195 0 0 1 3.053-.8H37c.977 0 1.32-.003 1.587-.038a4.5 4.5 0 0 0 3.874-3.874c.036-.268.039-.611.039-1.588 0-.976-.003-1.319-.038-1.587a4.5 4.5 0 0 0-3.875-3.874C38.32 18.004 37.977 18 37 18Zm-7.364 12.5h-7.414a4.722 4.722 0 0 0-4.722 4.723 6.278 6.278 0 0 0 6.278 6.278H28.5c1.466 0 1.98-.008 2.378-.087a4.5 4.5 0 0 0 3.535-3.536c.08-.397.087-.933.087-2.451 0-1.391-.009-1.843-.08-2.17a3.5 3.5 0 0 0-2.676-2.676c-.328-.072-.762-.08-2.108-.08Z" clip-rule="evenodd"/></g><defs><clipPath id="q"><path fill="#fff" d="M0 0h60v60H0z"/></clipPath></defs></svg>`,
+  GLOBE_ICON: W`<svg width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" fill-rule="evenodd" d="M15.5 8a7.5 7.5 0 1 1-15 0 7.5 7.5 0 0 1 15 0Zm-2.113.75c.301 0 .535.264.47.558a6.01 6.01 0 0 1-2.867 3.896c-.203.116-.42-.103-.334-.32.409-1.018.691-2.274.797-3.657a.512.512 0 0 1 .507-.477h1.427Zm.47-2.058c.065.294-.169.558-.47.558H11.96a.512.512 0 0 1-.507-.477c-.106-1.383-.389-2.638-.797-3.656-.087-.217.13-.437.333-.32a6.01 6.01 0 0 1 2.868 3.895Zm-4.402.558c.286 0 .515-.24.49-.525-.121-1.361-.429-2.534-.83-3.393-.279-.6-.549-.93-.753-1.112a.535.535 0 0 0-.724 0c-.204.182-.474.513-.754 1.112-.4.859-.708 2.032-.828 3.393a.486.486 0 0 0 .49.525h2.909Zm-5.415 0c.267 0 .486-.21.507-.477.106-1.383.389-2.638.797-3.656.087-.217-.13-.437-.333-.32a6.01 6.01 0 0 0-2.868 3.895c-.065.294.169.558.47.558H4.04ZM2.143 9.308c-.065-.294.169-.558.47-.558H4.04c.267 0 .486.21.507.477.106 1.383.389 2.639.797 3.657.087.217-.13.436-.333.32a6.01 6.01 0 0 1-2.868-3.896Zm3.913-.033a.486.486 0 0 1 .49-.525h2.909c.286 0 .515.24.49.525-.121 1.361-.428 2.535-.83 3.394-.279.6-.549.93-.753 1.112a.535.535 0 0 1-.724 0c-.204-.182-.474-.513-.754-1.112-.4-.859-.708-2.033-.828-3.394Z" clip-rule="evenodd"/></svg>`
+}, ni = _`.wcm-toolbar-placeholder{top:0;bottom:0;left:0;right:0;width:100%;position:absolute;display:block;pointer-events:none;height:100px;border-radius:calc(var(--wcm-background-border-radius) * .9);background-color:var(--wcm-background-color);background-position:center;background-size:cover}.wcm-toolbar{height:38px;display:flex;position:relative;margin:5px 15px 5px 5px;justify-content:space-between;align-items:center}.wcm-toolbar img,.wcm-toolbar svg{height:28px;object-position:left center;object-fit:contain}#wcm-wc-logo path{fill:var(--wcm-accent-fill-color)}button{width:28px;height:28px;border-radius:var(--wcm-icon-button-border-radius);border:0;display:flex;justify-content:center;align-items:center;cursor:pointer;background-color:var(--wcm-color-bg-1);box-shadow:0 0 0 1px var(--wcm-color-overlay)}button:active{background-color:var(--wcm-color-bg-2)}button svg{display:block;object-position:center}button path{fill:var(--wcm-color-fg-1)}.wcm-toolbar div{display:flex}@media(hover:hover){button:hover{background-color:var(--wcm-color-bg-2)}}`;
+var ai = Object.getOwnPropertyDescriptor, ci = (t, e, r, i) => {
+  for (var o = i > 1 ? void 0 : i ? ai(e, r) : e, s = t.length - 1, l; s >= 0; s--)
+    (l = t[s]) && (o = l(o) || o);
+  return o;
+};
+let Ct = class extends f {
+  // -- render ------------------------------------------------------- //
+  render() {
+    return c`<div class="wcm-toolbar-placeholder"></div><div class="wcm-toolbar">${C.WALLET_CONNECT_LOGO} <button @click="${He.close}">${C.CROSS_ICON}</button></div>`;
+  }
+};
+Ct.styles = [v.globalCss, ni];
+Ct = ci([
+  y("wcm-modal-backcard")
+], Ct);
+const di = _`main{padding:20px;padding-top:0;width:100%}`;
+var hi = Object.getOwnPropertyDescriptor, mi = (t, e, r, i) => {
+  for (var o = i > 1 ? void 0 : i ? hi(e, r) : e, s = t.length - 1, l; s >= 0; s--)
+    (l = t[s]) && (o = l(o) || o);
+  return o;
+};
+let Ot = class extends f {
+  // -- render ------------------------------------------------------- //
+  render() {
+    return c`<main><slot></slot></main>`;
+  }
+};
+Ot.styles = [v.globalCss, di];
+Ot = mi([
+  y("wcm-modal-content")
+], Ot);
+const pi = _`footer{padding:10px;display:flex;flex-direction:column;align-items:inherit;justify-content:inherit;border-top:1px solid var(--wcm-color-bg-2)}`;
+var ui = Object.getOwnPropertyDescriptor, wi = (t, e, r, i) => {
+  for (var o = i > 1 ? void 0 : i ? ui(e, r) : e, s = t.length - 1, l; s >= 0; s--)
+    (l = t[s]) && (o = l(o) || o);
+  return o;
+};
+let At = class extends f {
+  // -- render ------------------------------------------------------- //
+  render() {
+    return c`<footer><slot></slot></footer>`;
+  }
+};
+At.styles = [v.globalCss, pi];
+At = wi([
+  y("wcm-modal-footer")
+], At);
+const fi = _`header{display:flex;justify-content:center;align-items:center;padding:20px;position:relative}.wcm-border{border-bottom:1px solid var(--wcm-color-bg-2);margin-bottom:20px}header button{padding:15px 20px}header button:active{opacity:.5}@media(hover:hover){header button:hover{opacity:.5}}.wcm-back-btn{position:absolute;left:0}.wcm-action-btn{position:absolute;right:0}path{fill:var(--wcm-accent-color)}`;
+var vi = Object.defineProperty, gi = Object.getOwnPropertyDescriptor, De = (t, e, r, i) => {
+  for (var o = i > 1 ? void 0 : i ? gi(e, r) : e, s = t.length - 1, l; s >= 0; s--)
+    (l = t[s]) && (o = (i ? l(e, r, o) : l(o)) || o);
+  return i && o && vi(e, r, o), o;
+};
+let le = class extends f {
+  constructor() {
+    super(...arguments), this.title = "", this.onAction = void 0, this.actionIcon = void 0, this.border = !1;
+  }
+  // -- private ------------------------------------------------------ //
+  backBtnTemplate() {
+    return c`<button class="wcm-back-btn" @click="${A.goBack}">${C.BACK_ICON}</button>`;
+  }
+  actionBtnTemplate() {
+    return c`<button class="wcm-action-btn" @click="${this.onAction}">${this.actionIcon}</button>`;
+  }
+  // -- render ------------------------------------------------------- //
+  render() {
+    const t = {
+      "wcm-border": this.border
+    }, e = A.state.history.length > 1, r = this.title ? c`<wcm-text variant="big-bold">${this.title}</wcm-text>` : c`<slot></slot>`;
+    return c`<header class="${Z(t)}">${e ? this.backBtnTemplate() : null} ${r} ${this.onAction ? this.actionBtnTemplate() : null}</header>`;
+  }
+};
+le.styles = [v.globalCss, fi];
+De([
+  u()
+], le.prototype, "title", 2);
+De([
+  u()
+], le.prototype, "onAction", 2);
+De([
+  u()
+], le.prototype, "actionIcon", 2);
+De([
+  u({ type: Boolean })
+], le.prototype, "border", 2);
+le = De([
+  y("wcm-modal-header")
+], le);
+const m = {
+  MOBILE_BREAKPOINT: 600,
+  WCM_RECENT_WALLET_DATA: "WCM_RECENT_WALLET_DATA",
+  EXPLORER_WALLET_URL: "https://explorer.walletconnect.com/?type=wallet",
+  getShadowRootElement(t, e) {
+    const r = t.renderRoot.querySelector(e);
+    if (!r)
+      throw new Error(`${e} not found`);
+    return r;
+  },
+  getWalletIcon({ id: t, image_id: e }) {
+    const { walletImages: r } = oe.state;
+    return r != null && r[t] ? r[t] : e ? D.getWalletImageUrl(e) : "";
+  },
+  getWalletName(t, e = !1) {
+    return e && t.length > 8 ? `${t.substring(0, 8)}..` : t;
+  },
+  isMobileAnimation() {
+    return window.innerWidth <= m.MOBILE_BREAKPOINT;
+  },
+  async preloadImage(t) {
+    const e = new Promise((r, i) => {
+      const o = new Image();
+      o.onload = r, o.onerror = i, o.crossOrigin = "anonymous", o.src = t;
+    });
+    return Promise.race([e, h.wait(3e3)]);
+  },
+  getErrorMessage(t) {
+    return t instanceof Error ? t.message : "Unknown Error";
+  },
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  debounce(t, e = 500) {
+    let r;
+    return (...i) => {
+      function o() {
+        t(...i);
+      }
+      r && clearTimeout(r), r = setTimeout(o, e);
+    };
+  },
+  handleMobileLinking(t, e = "_self") {
+    const { walletConnectUri: r } = j.state, { mobile: i, name: o } = t, s = i == null ? void 0 : i.native, l = i == null ? void 0 : i.universal;
+    m.setRecentWallet(t);
+    function n(a) {
+      if (s) {
+        const d = h.formatNativeUrl(s, a, o);
+        h.openHref(d, e);
+      } else if (l) {
+        const d = h.formatUniversalUrl(l, a, o);
+        h.openHref(d, e);
+      }
+    }
+    r && n(r);
+  },
+  handleAndroidLinking() {
+    const { walletConnectUri: t } = j.state;
+    t && (h.setWalletConnectAndroidDeepLink(t), h.openHref(t, h.isTelegram() ? "_blank" : "_self"));
+  },
+  async handleUriCopy() {
+    const { walletConnectUri: t } = j.state;
+    if (t)
+      try {
+        await navigator.clipboard.writeText(t), F.openToast("Link copied", "success");
+      } catch {
+        F.openToast("Failed to copy", "error");
+      }
+  },
+  getCustomImageUrls() {
+    const { walletImages: t } = oe.state, e = Object.values(t ?? {});
+    return Object.values(e);
+  },
+  truncate(t, e = 8) {
+    return t.length <= e ? t : `${t.substring(0, 4)}...${t.substring(t.length - 4)}`;
+  },
+  setRecentWallet(t) {
+    try {
+      localStorage.setItem(m.WCM_RECENT_WALLET_DATA, JSON.stringify(t));
+    } catch {
+      console.info("Unable to set recent wallet");
+    }
+  },
+  getRecentWallet() {
+    try {
+      const t = localStorage.getItem(m.WCM_RECENT_WALLET_DATA);
+      return t ? JSON.parse(t) : void 0;
+    } catch {
+      console.info("Unable to get recent wallet");
+    }
+  },
+  caseSafeIncludes(t, e) {
+    return t.toUpperCase().includes(e.toUpperCase());
+  },
+  openWalletExplorerUrl() {
+    h.openHref(m.EXPLORER_WALLET_URL, "_blank");
+  },
+  getCachedRouterWalletPlatforms() {
+    const { desktop: t, mobile: e } = h.getWalletRouterData(), r = !!(t != null && t.native), i = !!(t != null && t.universal), o = !!(e != null && e.native) || !!(e != null && e.universal);
+    return { isDesktop: r, isMobile: o, isWeb: i };
+  },
+  goToConnectingView(t) {
+    A.setData({ Wallet: t });
+    const e = h.isMobile(), { isDesktop: r, isWeb: i, isMobile: o } = m.getCachedRouterWalletPlatforms();
+    e ? o ? (A.push("MobileConnecting"), !h.isAndroid() && h.isTelegram() && this.handleMobileLinking(t, "_blank")) : i ? A.push("WebConnecting") : A.push("InstallWallet") : r ? A.push("DesktopConnecting") : i ? A.push("WebConnecting") : o ? A.push("MobileQrcodeConnecting") : A.push("InstallWallet");
+  }
+}, bi = _`.wcm-router{overflow:hidden;will-change:transform}.wcm-content{display:flex;flex-direction:column}`;
+var yi = Object.defineProperty, xi = Object.getOwnPropertyDescriptor, Zt = (t, e, r, i) => {
+  for (var o = i > 1 ? void 0 : i ? xi(e, r) : e, s = t.length - 1, l; s >= 0; s--)
+    (l = t[s]) && (o = (i ? l(e, r, o) : l(o)) || o);
+  return i && o && yi(e, r, o), o;
+};
+let Me = class extends f {
+  // -- lifecycle ---------------------------------------------------- //
+  constructor() {
+    super(), this.view = A.state.view, this.prevView = A.state.view, this.unsubscribe = void 0, this.oldHeight = "0px", this.resizeObserver = void 0, this.unsubscribe = A.subscribe((t) => {
+      this.view !== t.view && this.onChangeRoute();
+    });
+  }
+  firstUpdated() {
+    this.resizeObserver = new ResizeObserver(([t]) => {
+      const e = `${t.contentRect.height}px`;
+      this.oldHeight !== "0px" && re(this.routerEl, { height: [this.oldHeight, e] }, { duration: 0.2 }), this.oldHeight = e;
+    }), this.resizeObserver.observe(this.contentEl);
+  }
+  disconnectedCallback() {
+    var t, e;
+    (t = this.unsubscribe) == null || t.call(this), (e = this.resizeObserver) == null || e.disconnect();
+  }
+  get routerEl() {
+    return m.getShadowRootElement(this, ".wcm-router");
+  }
+  get contentEl() {
+    return m.getShadowRootElement(this, ".wcm-content");
+  }
+  viewTemplate() {
+    switch (this.view) {
+      case "ConnectWallet":
+        return c`<wcm-connect-wallet-view></wcm-connect-wallet-view>`;
+      case "DesktopConnecting":
+        return c`<wcm-desktop-connecting-view></wcm-desktop-connecting-view>`;
+      case "MobileConnecting":
+        return c`<wcm-mobile-connecting-view></wcm-mobile-connecting-view>`;
+      case "WebConnecting":
+        return c`<wcm-web-connecting-view></wcm-web-connecting-view>`;
+      case "MobileQrcodeConnecting":
+        return c`<wcm-mobile-qr-connecting-view></wcm-mobile-qr-connecting-view>`;
+      case "WalletExplorer":
+        return c`<wcm-wallet-explorer-view></wcm-wallet-explorer-view>`;
+      case "Qrcode":
+        return c`<wcm-qrcode-view></wcm-qrcode-view>`;
+      case "InstallWallet":
+        return c`<wcm-install-wallet-view></wcm-install-wallet-view>`;
+      default:
+        return c`<div>Not Found</div>`;
+    }
+  }
+  async onChangeRoute() {
+    await re(
+      this.routerEl,
+      { opacity: [1, 0], scale: [1, 1.02] },
+      { duration: 0.15, delay: 0.1 }
+    ).finished, this.view = A.state.view, re(this.routerEl, { opacity: [0, 1], scale: [0.99, 1] }, { duration: 0.37, delay: 0.05 });
+  }
+  // -- render ------------------------------------------------------- //
+  render() {
+    return c`<div class="wcm-router"><div class="wcm-content">${this.viewTemplate()}</div></div>`;
+  }
+};
+Me.styles = [v.globalCss, bi];
+Zt([
+  L()
+], Me.prototype, "view", 2);
+Zt([
+  L()
+], Me.prototype, "prevView", 2);
+Me = Zt([
+  y("wcm-modal-router")
+], Me);
+const $i = _`div{height:36px;width:max-content;display:flex;justify-content:center;align-items:center;padding:9px 15px 11px;position:absolute;top:12px;box-shadow:0 6px 14px -6px rgba(10,16,31,.3),0 10px 32px -4px rgba(10,16,31,.15);z-index:2;left:50%;transform:translateX(-50%);pointer-events:none;backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);border-radius:var(--wcm-notification-border-radius);border:1px solid var(--wcm-color-overlay);background-color:var(--wcm-color-overlay)}svg{margin-right:5px}@-moz-document url-prefix(){div{background-color:var(--wcm-color-bg-3)}}.wcm-success path{fill:var(--wcm-accent-color)}.wcm-error path{fill:var(--wcm-error-color)}`;
+var _i = Object.defineProperty, Ci = Object.getOwnPropertyDescriptor, Sr = (t, e, r, i) => {
+  for (var o = i > 1 ? void 0 : i ? Ci(e, r) : e, s = t.length - 1, l; s >= 0; s--)
+    (l = t[s]) && (o = (i ? l(e, r, o) : l(o)) || o);
+  return i && o && _i(e, r, o), o;
+};
+let Qe = class extends f {
+  constructor() {
+    super(), this.open = !1, this.unsubscribe = void 0, this.timeout = void 0, this.unsubscribe = F.subscribe((t) => {
+      t.open ? (this.open = !0, this.timeout = setTimeout(() => F.closeToast(), 2200)) : (this.open = !1, clearTimeout(this.timeout));
+    });
+  }
+  disconnectedCallback() {
+    var t;
+    (t = this.unsubscribe) == null || t.call(this), clearTimeout(this.timeout), F.closeToast();
+  }
+  // -- render ------------------------------------------------------- //
+  render() {
+    const { message: t, variant: e } = F.state, r = {
+      "wcm-success": e === "success",
+      "wcm-error": e === "error"
+    };
+    return this.open ? c`<div class="${Z(r)}">${e === "success" ? C.CHECKMARK_ICON : null} ${e === "error" ? C.CROSS_ICON : null}<wcm-text variant="small-regular">${t}</wcm-text></div>` : null;
+  }
+};
+Qe.styles = [v.globalCss, $i];
+Sr([
+  L()
+], Qe.prototype, "open", 2);
+Qe = Sr([
+  y("wcm-modal-toast")
+], Qe);
+const Oi = 0.1, pr = 2.5, B = 7;
+function ut(t, e, r) {
+  return t === e ? !1 : (t - e < 0 ? e - t : t - e) <= r + Oi;
+}
+function Ai(t, e) {
+  const r = Array.prototype.slice.call(
+    Hr.create(t, { errorCorrectionLevel: e }).modules.data,
+    0
+  ), i = Math.sqrt(r.length);
+  return r.reduce(
+    (o, s, l) => (l % i === 0 ? o.push([s]) : o[o.length - 1].push(s)) && o,
+    []
+  );
+}
+const Ei = {
+  generate(t, e, r) {
+    const i = "#141414", o = "#ffffff", s = [], l = Ai(t, "Q"), n = e / l.length, a = [
+      { x: 0, y: 0 },
+      { x: 1, y: 0 },
+      { x: 0, y: 1 }
+    ];
+    a.forEach(({ x: g, y: w }) => {
+      const P = (l.length - B) * n * g, b = (l.length - B) * n * w, M = 0.45;
+      for (let S = 0; S < a.length; S += 1) {
+        const k = n * (B - S * 2);
+        s.push(
+          Ze`<rect fill="${S % 2 === 0 ? i : o}" height="${k}" rx="${k * M}" ry="${k * M}" width="${k}" x="${P + n * S}" y="${b + n * S}">`
+        );
+      }
+    });
+    const d = Math.floor((r + 25) / n), x = l.length / 2 - d / 2, $ = l.length / 2 + d / 2 - 1, p = [];
+    l.forEach((g, w) => {
+      g.forEach((P, b) => {
+        if (l[w][b] && !(w < B && b < B || w > l.length - (B + 1) && b < B || w < B && b > l.length - (B + 1)) && !(w > x && w < $ && b > x && b < $)) {
+          const M = w * n + n / 2, S = b * n + n / 2;
+          p.push([M, S]);
+        }
+      });
+    });
+    const O = {};
+    return p.forEach(([g, w]) => {
+      O[g] ? O[g].push(w) : O[g] = [w];
+    }), Object.entries(O).map(([g, w]) => {
+      const P = w.filter(
+        (b) => w.every((M) => !ut(b, M, n))
+      );
+      return [Number(g), P];
+    }).forEach(([g, w]) => {
+      w.forEach((P) => {
+        s.push(
+          Ze`<circle cx="${g}" cy="${P}" fill="${i}" r="${n / pr}">`
+        );
+      });
+    }), Object.entries(O).filter(([g, w]) => w.length > 1).map(([g, w]) => {
+      const P = w.filter((b) => w.some((M) => ut(b, M, n)));
+      return [Number(g), P];
+    }).map(([g, w]) => {
+      w.sort((b, M) => b < M ? -1 : 1);
+      const P = [];
+      for (const b of w) {
+        const M = P.find(
+          (S) => S.some((k) => ut(b, k, n))
+        );
+        M ? M.push(b) : P.push([b]);
+      }
+      return [g, P.map((b) => [b[0], b[b.length - 1]])];
+    }).forEach(([g, w]) => {
+      w.forEach(([P, b]) => {
+        s.push(
+          Ze`<line x1="${g}" x2="${g}" y1="${P}" y2="${b}" stroke="${i}" stroke-width="${n / (pr / 2)}" stroke-linecap="round">`
+        );
+      });
+    }), s;
+  }
+}, Pi = _`@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}div{position:relative;user-select:none;display:block;overflow:hidden;aspect-ratio:1/1;animation:fadeIn ease .2s}.wcm-dark{background-color:#fff;border-radius:var(--wcm-container-border-radius);padding:18px;box-shadow:0 2px 5px #000}svg:first-child,wcm-wallet-image{position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%)}wcm-wallet-image{transform:translateY(-50%) translateX(-50%)}wcm-wallet-image{width:25%;height:25%;border-radius:var(--wcm-wallet-icon-border-radius)}svg:first-child{transform:translateY(-50%) translateX(-50%) scale(.9)}svg:first-child path:first-child{fill:var(--wcm-accent-color)}svg:first-child path:last-child{stroke:var(--wcm-color-overlay)}`;
+var Ii = Object.defineProperty, Ti = Object.getOwnPropertyDescriptor, ye = (t, e, r, i) => {
+  for (var o = i > 1 ? void 0 : i ? Ti(e, r) : e, s = t.length - 1, l; s >= 0; s--)
+    (l = t[s]) && (o = (i ? l(e, r, o) : l(o)) || o);
+  return i && o && Ii(e, r, o), o;
+};
+let G = class extends f {
+  constructor() {
+    super(...arguments), this.uri = "", this.size = 0, this.imageId = void 0, this.walletId = void 0, this.imageUrl = void 0;
+  }
+  // -- private ------------------------------------------------------ //
+  svgTemplate() {
+    const e = pe.state.themeMode === "light" ? this.size : this.size - 18 * 2;
+    return Ze`<svg height="${e}" width="${e}">${Ei.generate(this.uri, e, e / 4)}</svg>`;
+  }
+  // -- render ------------------------------------------------------- //
+  render() {
+    const t = {
+      "wcm-dark": pe.state.themeMode === "dark"
+    };
+    return c`<div style="${`width: ${this.size}px`}" class="${Z(t)}">${this.walletId || this.imageUrl ? c`<wcm-wallet-image walletId="${R(this.walletId)}" imageId="${R(this.imageId)}" imageUrl="${R(this.imageUrl)}"></wcm-wallet-image>` : C.WALLET_CONNECT_ICON_COLORED} ${this.svgTemplate()}</div>`;
+  }
+};
+G.styles = [v.globalCss, Pi];
+ye([
+  u()
+], G.prototype, "uri", 2);
+ye([
+  u({ type: Number })
+], G.prototype, "size", 2);
+ye([
+  u()
+], G.prototype, "imageId", 2);
+ye([
+  u()
+], G.prototype, "walletId", 2);
+ye([
+  u()
+], G.prototype, "imageUrl", 2);
+G = ye([
+  y("wcm-qrcode")
+], G);
+const Mi = _`:host{position:relative;height:28px;width:80%}input{width:100%;height:100%;line-height:28px!important;border-radius:var(--wcm-input-border-radius);font-style:normal;font-family:-apple-system,system-ui,BlinkMacSystemFont,'Segoe UI',Roboto,Ubuntu,'Helvetica Neue',sans-serif;font-feature-settings:'case' on;font-weight:500;font-size:16px;letter-spacing:-.03em;padding:0 10px 0 34px;transition:.2s all ease;color:var(--wcm-color-fg-1);background-color:var(--wcm-color-bg-3);box-shadow:inset 0 0 0 1px var(--wcm-color-overlay);caret-color:var(--wcm-accent-color)}input::placeholder{color:var(--wcm-color-fg-2)}svg{left:10px;top:4px;pointer-events:none;position:absolute;width:20px;height:20px}input:focus-within{box-shadow:inset 0 0 0 1px var(--wcm-accent-color)}path{fill:var(--wcm-color-fg-2)}`;
+var Wi = Object.defineProperty, Si = Object.getOwnPropertyDescriptor, Rr = (t, e, r, i) => {
+  for (var o = i > 1 ? void 0 : i ? Si(e, r) : e, s = t.length - 1, l; s >= 0; s--)
+    (l = t[s]) && (o = (i ? l(e, r, o) : l(o)) || o);
+  return i && o && Wi(e, r, o), o;
+};
+let Ge = class extends f {
+  constructor() {
+    super(...arguments), this.onChange = () => null;
+  }
+  // -- render ------------------------------------------------------- //
+  render() {
+    return c`<input type="text" @input="${this.onChange}" placeholder="Search wallets"> ${C.SEARCH_ICON}`;
+  }
+};
+Ge.styles = [v.globalCss, Mi];
+Rr([
+  u()
+], Ge.prototype, "onChange", 2);
+Ge = Rr([
+  y("wcm-search-input")
+], Ge);
+const Ri = _`@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}svg{animation:rotate 2s linear infinite;display:flex;justify-content:center;align-items:center}svg circle{stroke-linecap:round;animation:dash 1.5s ease infinite;stroke:var(--wcm-accent-color)}`;
+var Di = Object.getOwnPropertyDescriptor, Li = (t, e, r, i) => {
+  for (var o = i > 1 ? void 0 : i ? Di(e, r) : e, s = t.length - 1, l; s >= 0; s--)
+    (l = t[s]) && (o = l(o) || o);
+  return o;
+};
+let Et = class extends f {
+  // -- render ------------------------------------------------------- //
+  render() {
+    return c`<svg viewBox="0 0 50 50" width="24" height="24"><circle cx="25" cy="25" r="20" fill="none" stroke-width="4" stroke="#fff"/></svg>`;
+  }
+};
+Et.styles = [v.globalCss, Ri];
+Et = Li([
+  y("wcm-spinner")
+], Et);
+const ki = _`span{font-style:normal;font-family:var(--wcm-font-family);font-feature-settings:var(--wcm-font-feature-settings)}.wcm-xsmall-bold{font-family:var(--wcm-text-xsmall-bold-font-family);font-weight:var(--wcm-text-xsmall-bold-weight);font-size:var(--wcm-text-xsmall-bold-size);line-height:var(--wcm-text-xsmall-bold-line-height);letter-spacing:var(--wcm-text-xsmall-bold-letter-spacing);text-transform:var(--wcm-text-xsmall-bold-text-transform)}.wcm-xsmall-regular{font-family:var(--wcm-text-xsmall-regular-font-family);font-weight:var(--wcm-text-xsmall-regular-weight);font-size:var(--wcm-text-xsmall-regular-size);line-height:var(--wcm-text-xsmall-regular-line-height);letter-spacing:var(--wcm-text-xsmall-regular-letter-spacing);text-transform:var(--wcm-text-xsmall-regular-text-transform)}.wcm-small-thin{font-family:var(--wcm-text-small-thin-font-family);font-weight:var(--wcm-text-small-thin-weight);font-size:var(--wcm-text-small-thin-size);line-height:var(--wcm-text-small-thin-line-height);letter-spacing:var(--wcm-text-small-thin-letter-spacing);text-transform:var(--wcm-text-small-thin-text-transform)}.wcm-small-regular{font-family:var(--wcm-text-small-regular-font-family);font-weight:var(--wcm-text-small-regular-weight);font-size:var(--wcm-text-small-regular-size);line-height:var(--wcm-text-small-regular-line-height);letter-spacing:var(--wcm-text-small-regular-letter-spacing);text-transform:var(--wcm-text-small-regular-text-transform)}.wcm-medium-regular{font-family:var(--wcm-text-medium-regular-font-family);font-weight:var(--wcm-text-medium-regular-weight);font-size:var(--wcm-text-medium-regular-size);line-height:var(--wcm-text-medium-regular-line-height);letter-spacing:var(--wcm-text-medium-regular-letter-spacing);text-transform:var(--wcm-text-medium-regular-text-transform)}.wcm-big-bold{font-family:var(--wcm-text-big-bold-font-family);font-weight:var(--wcm-text-big-bold-weight);font-size:var(--wcm-text-big-bold-size);line-height:var(--wcm-text-big-bold-line-height);letter-spacing:var(--wcm-text-big-bold-letter-spacing);text-transform:var(--wcm-text-big-bold-text-transform)}:host(*){color:var(--wcm-color-fg-1)}.wcm-color-primary{color:var(--wcm-color-fg-1)}.wcm-color-secondary{color:var(--wcm-color-fg-2)}.wcm-color-tertiary{color:var(--wcm-color-fg-3)}.wcm-color-inverse{color:var(--wcm-accent-fill-color)}.wcm-color-accnt{color:var(--wcm-accent-color)}.wcm-color-error{color:var(--wcm-error-color)}`;
+var Ni = Object.defineProperty, Ui = Object.getOwnPropertyDescriptor, zt = (t, e, r, i) => {
+  for (var o = i > 1 ? void 0 : i ? Ui(e, r) : e, s = t.length - 1, l; s >= 0; s--)
+    (l = t[s]) && (o = (i ? l(e, r, o) : l(o)) || o);
+  return i && o && Ni(e, r, o), o;
+};
+let We = class extends f {
+  constructor() {
+    super(...arguments), this.variant = "medium-regular", this.color = "primary";
+  }
+  // -- render ------------------------------------------------------- //
+  render() {
+    const t = {
+      "wcm-big-bold": this.variant === "big-bold",
+      "wcm-medium-regular": this.variant === "medium-regular",
+      "wcm-small-regular": this.variant === "small-regular",
+      "wcm-small-thin": this.variant === "small-thin",
+      "wcm-xsmall-regular": this.variant === "xsmall-regular",
+      "wcm-xsmall-bold": this.variant === "xsmall-bold",
+      "wcm-color-primary": this.color === "primary",
+      "wcm-color-secondary": this.color === "secondary",
+      "wcm-color-tertiary": this.color === "tertiary",
+      "wcm-color-inverse": this.color === "inverse",
+      "wcm-color-accnt": this.color === "accent",
+      "wcm-color-error": this.color === "error"
+    };
+    return c`<span><slot class="${Z(t)}"></slot></span>`;
+  }
+};
+We.styles = [v.globalCss, ki];
+zt([
+  u()
+], We.prototype, "variant", 2);
+zt([
+  u()
+], We.prototype, "color", 2);
+We = zt([
+  y("wcm-text")
+], We);
+const ji = _`button{width:100%;height:100%;border-radius:var(--wcm-button-hover-highlight-border-radius);display:flex;align-items:flex-start}button:active{background-color:var(--wcm-color-overlay)}@media(hover:hover){button:hover{background-color:var(--wcm-color-overlay)}}button>div{width:80px;padding:5px 0;display:flex;flex-direction:column;align-items:center}wcm-text{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}wcm-wallet-image{height:60px;width:60px;transition:all .2s ease;border-radius:var(--wcm-wallet-icon-border-radius);margin-bottom:5px}.wcm-sublabel{margin-top:2px}`;
+var Hi = Object.defineProperty, Bi = Object.getOwnPropertyDescriptor, X = (t, e, r, i) => {
+  for (var o = i > 1 ? void 0 : i ? Bi(e, r) : e, s = t.length - 1, l; s >= 0; s--)
+    (l = t[s]) && (o = (i ? l(e, r, o) : l(o)) || o);
+  return i && o && Hi(e, r, o), o;
+};
+let H = class extends f {
+  constructor() {
+    super(...arguments), this.onClick = () => null, this.name = "", this.walletId = "", this.label = void 0, this.imageId = void 0, this.installed = !1, this.recent = !1;
+  }
+  // -- private ------------------------------------------------------ //
+  sublabelTemplate() {
+    return this.recent ? c`<wcm-text class="wcm-sublabel" variant="xsmall-bold" color="tertiary">RECENT</wcm-text>` : this.installed ? c`<wcm-text class="wcm-sublabel" variant="xsmall-bold" color="tertiary">INSTALLED</wcm-text>` : null;
+  }
+  handleClick() {
+    jr.click({ name: "WALLET_BUTTON", walletId: this.walletId }), this.onClick();
+  }
+  // -- render ------------------------------------------------------- //
+  render() {
+    var t;
+    return c`<button @click="${this.handleClick.bind(this)}"><div><wcm-wallet-image walletId="${this.walletId}" imageId="${R(this.imageId)}"></wcm-wallet-image><wcm-text variant="xsmall-regular">${(t = this.label) != null ? t : m.getWalletName(this.name, !0)}</wcm-text>${this.sublabelTemplate()}</div></button>`;
+  }
+};
+H.styles = [v.globalCss, ji];
+X([
+  u()
+], H.prototype, "onClick", 2);
+X([
+  u()
+], H.prototype, "name", 2);
+X([
+  u()
+], H.prototype, "walletId", 2);
+X([
+  u()
+], H.prototype, "label", 2);
+X([
+  u()
+], H.prototype, "imageId", 2);
+X([
+  u({ type: Boolean })
+], H.prototype, "installed", 2);
+X([
+  u({ type: Boolean })
+], H.prototype, "recent", 2);
+H = X([
+  y("wcm-wallet-button")
+], H);
+const Zi = _`:host{display:block}div{overflow:hidden;position:relative;border-radius:inherit;width:100%;height:100%;background-color:var(--wcm-color-overlay)}svg{position:relative;width:100%;height:100%}div::after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;border-radius:inherit;border:1px solid var(--wcm-color-overlay)}div img{width:100%;height:100%;object-fit:cover;object-position:center}#wallet-placeholder-fill{fill:var(--wcm-color-bg-3)}#wallet-placeholder-dash{stroke:var(--wcm-color-overlay)}`;
+var zi = Object.defineProperty, Vi = Object.getOwnPropertyDescriptor, tt = (t, e, r, i) => {
+  for (var o = i > 1 ? void 0 : i ? Vi(e, r) : e, s = t.length - 1, l; s >= 0; s--)
+    (l = t[s]) && (o = (i ? l(e, r, o) : l(o)) || o);
+  return i && o && zi(e, r, o), o;
+};
+let ve = class extends f {
+  constructor() {
+    super(...arguments), this.walletId = "", this.imageId = void 0, this.imageUrl = void 0;
+  }
+  // -- render ------------------------------------------------------- //
+  render() {
+    var t;
+    const e = (t = this.imageUrl) != null && t.length ? this.imageUrl : m.getWalletIcon({ id: this.walletId, image_id: this.imageId });
+    return c`${e.length ? c`<div><img crossorigin="anonymous" src="${e}" alt="${this.id}"></div>` : C.WALLET_PLACEHOLDER}`;
+  }
+};
+ve.styles = [v.globalCss, Zi];
+tt([
+  u()
+], ve.prototype, "walletId", 2);
+tt([
+  u()
+], ve.prototype, "imageId", 2);
+tt([
+  u()
+], ve.prototype, "imageUrl", 2);
+ve = tt([
+  y("wcm-wallet-image")
+], ve);
+var Fi = Object.defineProperty, qi = Object.getOwnPropertyDescriptor, Dr = (t, e, r, i) => {
+  for (var o = i > 1 ? void 0 : i ? qi(e, r) : e, s = t.length - 1, l; s >= 0; s--)
+    (l = t[s]) && (o = (i ? l(e, r, o) : l(o)) || o);
+  return i && o && Fi(e, r, o), o;
+};
+let Pt = class extends f {
+  // -- lifecycle ---------------------------------------------------- //
+  constructor() {
+    super(), this.preload = !0, this.preloadData();
+  }
+  // -- private ------------------------------------------------------ //
+  async loadImages(t) {
+    try {
+      t != null && t.length && await Promise.all(t.map(async (e) => m.preloadImage(e)));
+    } catch {
+      console.info("Unsuccessful attempt at preloading some images", t);
+    }
+  }
+  async preloadListings() {
+    if (oe.state.enableExplorer) {
+      await D.getRecomendedWallets(), j.setIsDataLoaded(!0);
+      const { recomendedWallets: t } = D.state, e = t.map((r) => m.getWalletIcon(r));
+      await this.loadImages(e);
+    } else
+      j.setIsDataLoaded(!0);
+  }
+  async preloadCustomImages() {
+    const t = m.getCustomImageUrls();
+    await this.loadImages(t);
+  }
+  async preloadData() {
+    try {
+      this.preload && (this.preload = !1, await Promise.all([this.preloadListings(), this.preloadCustomImages()]));
+    } catch (t) {
+      console.error(t), F.openToast("Failed preloading", "error");
+    }
+  }
+};
+Dr([
+  L()
+], Pt.prototype, "preload", 2);
+Pt = Dr([
+  y("wcm-explorer-context")
+], Pt);
+var Ki = Object.getOwnPropertyDescriptor, Qi = (t, e, r, i) => {
+  for (var o = i > 1 ? void 0 : i ? Ki(e, r) : e, s = t.length - 1, l; s >= 0; s--)
+    (l = t[s]) && (o = l(o) || o);
+  return o;
+};
+let ur = class extends f {
+  // -- lifecycle ---------------------------------------------------- //
+  constructor() {
+    super(), this.unsubscribeTheme = void 0, v.setTheme(), this.unsubscribeTheme = pe.subscribe(v.setTheme);
+  }
+  disconnectedCallback() {
+    var t;
+    (t = this.unsubscribeTheme) == null || t.call(this);
+  }
+};
+ur = Qi([
+  y("wcm-theme-context")
+], ur);
+const Gi = _`@keyframes scroll{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(calc(-70px * 9),0,0)}}.wcm-slider{position:relative;overflow-x:hidden;padding:10px 0;margin:0 -20px;width:calc(100% + 40px)}.wcm-track{display:flex;width:calc(70px * 18);animation:scroll 20s linear infinite;opacity:.7}.wcm-track svg{margin:0 5px}wcm-wallet-image{width:60px;height:60px;margin:0 5px;border-radius:var(--wcm-wallet-icon-border-radius)}.wcm-grid{display:grid;grid-template-columns:repeat(4,80px);justify-content:space-between}.wcm-title{display:flex;align-items:center;margin-bottom:10px}.wcm-title svg{margin-right:6px}.wcm-title path{fill:var(--wcm-accent-color)}wcm-modal-footer .wcm-title{padding:0 10px}wcm-button-big{position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);filter:drop-shadow(0 0 17px var(--wcm-color-bg-1))}wcm-info-footer{flex-direction:column;align-items:center;display:flex;width:100%;padding:5px 0}wcm-info-footer wcm-text{text-align:center;margin-bottom:15px}#wallet-placeholder-fill{fill:var(--wcm-color-bg-3)}#wallet-placeholder-dash{stroke:var(--wcm-color-overlay)}`;
+var Yi = Object.getOwnPropertyDescriptor, Xi = (t, e, r, i) => {
+  for (var o = i > 1 ? void 0 : i ? Yi(e, r) : e, s = t.length - 1, l; s >= 0; s--)
+    (l = t[s]) && (o = l(o) || o);
+  return o;
+};
+let It = class extends f {
+  // -- private ------------------------------------------------------ //
+  onGoToQrcode() {
+    A.push("Qrcode");
+  }
+  // -- render ------------------------------------------------------- //
+  render() {
+    const { recomendedWallets: t } = D.state, e = [...t, ...t], r = h.RECOMMENDED_WALLET_AMOUNT * 2;
+    return c`<wcm-modal-header title="Connect your wallet" .onAction="${this.onGoToQrcode}" .actionIcon="${C.QRCODE_ICON}"></wcm-modal-header><wcm-modal-content><div class="wcm-title">${C.MOBILE_ICON}<wcm-text variant="small-regular" color="accent">WalletConnect</wcm-text></div><div class="wcm-slider"><div class="wcm-track">${[...Array(r)].map((i, o) => {
+      const s = e[o % e.length];
+      return s ? c`<wcm-wallet-image walletId="${s.id}" imageId="${s.image_id}"></wcm-wallet-image>` : C.WALLET_PLACEHOLDER;
+    })}</div><wcm-button-big @click="${m.handleAndroidLinking}"><wcm-text variant="medium-regular" color="inverse">Select Wallet</wcm-text></wcm-button-big></div></wcm-modal-content><wcm-info-footer><wcm-text color="secondary" variant="small-thin">Choose WalletConnect to see supported apps on your device</wcm-text></wcm-info-footer>`;
+  }
+};
+It.styles = [v.globalCss, Gi];
+It = Xi([
+  y("wcm-android-wallet-selection")
+], It);
+const Ji = _`@keyframes loading{to{stroke-dashoffset:0}}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(1px,0,0)}30%,50%,70%{transform:translate3d(-2px,0,0)}40%,60%{transform:translate3d(2px,0,0)}}:host{display:flex;flex-direction:column;align-items:center}div{position:relative;width:110px;height:110px;display:flex;justify-content:center;align-items:center;margin:40px 0 20px 0;transform:translate3d(0,0,0)}svg{position:absolute;width:110px;height:110px;fill:none;stroke:transparent;stroke-linecap:round;stroke-width:2px;top:0;left:0}use{stroke:var(--wcm-accent-color);animation:loading 1s linear infinite}wcm-wallet-image{border-radius:var(--wcm-wallet-icon-large-border-radius);width:90px;height:90px}wcm-text{margin-bottom:40px}.wcm-error svg{stroke:var(--wcm-error-color)}.wcm-error use{display:none}.wcm-error{animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}.wcm-stale svg,.wcm-stale use{display:none}`;
+var es = Object.defineProperty, ts = Object.getOwnPropertyDescriptor, xe = (t, e, r, i) => {
+  for (var o = i > 1 ? void 0 : i ? ts(e, r) : e, s = t.length - 1, l; s >= 0; s--)
+    (l = t[s]) && (o = (i ? l(e, r, o) : l(o)) || o);
+  return i && o && es(e, r, o), o;
+};
+let Y = class extends f {
+  constructor() {
+    super(...arguments), this.walletId = void 0, this.imageId = void 0, this.isError = !1, this.isStale = !1, this.label = "";
+  }
+  // -- private ------------------------------------------------------ //
+  svgLoaderTemplate() {
+    var t, e;
+    const s = (e = (t = pe.state.themeVariables) == null ? void 0 : t["--wcm-wallet-icon-large-border-radius"]) != null ? e : v.getPreset("--wcm-wallet-icon-large-border-radius");
+    let l = 0;
+    s.includes("%") ? l = 88 / 100 * parseInt(s, 10) : l = parseInt(s, 10), l *= 1.17;
+    const n = 317 - l * 1.57, a = 425 - l * 1.8;
+    return c`<svg viewBox="0 0 110 110" width="110" height="110"><rect id="wcm-loader" x="2" y="2" width="106" height="106" rx="${l}"/><use xlink:href="#wcm-loader" stroke-dasharray="106 ${n}" stroke-dashoffset="${a}"></use></svg>`;
+  }
+  // -- render ------------------------------------------------------- //
+  render() {
+    const t = {
+      "wcm-error": this.isError,
+      "wcm-stale": this.isStale
+    };
+    return c`<div class="${Z(t)}">${this.svgLoaderTemplate()}<wcm-wallet-image walletId="${R(this.walletId)}" imageId="${R(this.imageId)}"></wcm-wallet-image></div><wcm-text variant="medium-regular" color="${this.isError ? "error" : "primary"}">${this.isError ? "Connection declined" : this.label}</wcm-text>`;
+  }
+};
+Y.styles = [v.globalCss, Ji];
+xe([
+  u()
+], Y.prototype, "walletId", 2);
+xe([
+  u()
+], Y.prototype, "imageId", 2);
+xe([
+  u({ type: Boolean })
+], Y.prototype, "isError", 2);
+xe([
+  u({ type: Boolean })
+], Y.prototype, "isStale", 2);
+xe([
+  u()
+], Y.prototype, "label", 2);
+Y = xe([
+  y("wcm-connector-waiting")
+], Y);
+const me = {
+  manualWallets() {
+    var t, e;
+    const { mobileWallets: r, desktopWallets: i } = oe.state, o = (t = me.recentWallet()) == null ? void 0 : t.id, s = h.isMobile() ? r : i, l = s == null ? void 0 : s.filter((n) => o !== n.id);
+    return (e = h.isMobile() ? l == null ? void 0 : l.map(({ id: n, name: a, links: d }) => ({ id: n, name: a, mobile: d, links: d })) : l == null ? void 0 : l.map(({ id: n, name: a, links: d }) => ({ id: n, name: a, desktop: d, links: d }))) != null ? e : [];
+  },
+  recentWallet() {
+    return m.getRecentWallet();
+  },
+  recomendedWallets(t = !1) {
+    var e;
+    const r = t || (e = me.recentWallet()) == null ? void 0 : e.id, { recomendedWallets: i } = D.state;
+    return i.filter((s) => r !== s.id);
+  }
+}, K = {
+  onConnecting(t) {
+    m.goToConnectingView(t);
+  },
+  manualWalletsTemplate() {
+    return me.manualWallets().map(
+      (e) => c`<wcm-wallet-button walletId="${e.id}" name="${e.name}" .onClick="${() => this.onConnecting(e)}"></wcm-wallet-button>`
+    );
+  },
+  recomendedWalletsTemplate(t = !1) {
+    return me.recomendedWallets(t).map(
+      (r) => c`<wcm-wallet-button name="${r.name}" walletId="${r.id}" imageId="${r.image_id}" .onClick="${() => this.onConnecting(r)}"></wcm-wallet-button>`
+    );
+  },
+  recentWalletTemplate() {
+    const t = me.recentWallet();
+    if (t)
+      return c`<wcm-wallet-button name="${t.name}" walletId="${t.id}" imageId="${R(t.image_id)}" .recent="${!0}" .onClick="${() => this.onConnecting(t)}"></wcm-wallet-button>`;
+  }
+}, rs = _`.wcm-grid{display:grid;grid-template-columns:repeat(4,80px);justify-content:space-between}.wcm-desktop-title,.wcm-mobile-title{display:flex;align-items:center}.wcm-mobile-title{justify-content:space-between;margin-bottom:20px;margin-top:-10px}.wcm-desktop-title{margin-bottom:10px;padding:0 10px}.wcm-subtitle{display:flex;align-items:center}.wcm-subtitle:last-child path{fill:var(--wcm-color-fg-3)}.wcm-desktop-title svg,.wcm-mobile-title svg{margin-right:6px}.wcm-desktop-title path,.wcm-mobile-title path{fill:var(--wcm-accent-color)}`;
+var os = Object.getOwnPropertyDescriptor, is = (t, e, r, i) => {
+  for (var o = i > 1 ? void 0 : i ? os(e, r) : e, s = t.length - 1, l; s >= 0; s--)
+    (l = t[s]) && (o = l(o) || o);
+  return o;
+};
+let Tt = class extends f {
+  // -- render ------------------------------------------------------- //
+  render() {
+    const { explorerExcludedWalletIds: t, enableExplorer: e } = oe.state, r = t !== "ALL" && e, i = K.manualWalletsTemplate(), o = K.recomendedWalletsTemplate();
+    let l = [K.recentWalletTemplate(), ...i, ...o];
+    l = l.filter(Boolean);
+    const n = l.length > 4 || r;
+    let a = [];
+    n ? a = l.slice(0, 3) : a = l;
+    const d = !!a.length;
+    return c`<wcm-modal-header .border="${!0}" title="Connect your wallet" .onAction="${m.handleUriCopy}" .actionIcon="${C.COPY_ICON}"></wcm-modal-header><wcm-modal-content><div class="wcm-mobile-title"><div class="wcm-subtitle">${C.MOBILE_ICON}<wcm-text variant="small-regular" color="accent">Mobile</wcm-text></div><div class="wcm-subtitle">${C.SCAN_ICON}<wcm-text variant="small-regular" color="secondary">Scan with your wallet</wcm-text></div></div><wcm-walletconnect-qr></wcm-walletconnect-qr></wcm-modal-content>${d ? c`<wcm-modal-footer><div class="wcm-desktop-title">${C.DESKTOP_ICON}<wcm-text variant="small-regular" color="accent">Desktop</wcm-text></div><div class="wcm-grid">${a} ${n ? c`<wcm-view-all-wallets-button></wcm-view-all-wallets-button>` : null}</div></wcm-modal-footer>` : null}`;
+  }
+};
+Tt.styles = [v.globalCss, rs];
+Tt = is([
+  y("wcm-desktop-wallet-selection")
+], Tt);
+const ss = _`div{background-color:var(--wcm-color-bg-2);padding:10px 20px 15px 20px;border-top:1px solid var(--wcm-color-bg-3);text-align:center}a{color:var(--wcm-accent-color);text-decoration:none;transition:opacity .2s ease-in-out;display:inline}a:active{opacity:.8}@media(hover:hover){a:hover{opacity:.8}}`;
+var ls = Object.getOwnPropertyDescriptor, ns = (t, e, r, i) => {
+  for (var o = i > 1 ? void 0 : i ? ls(e, r) : e, s = t.length - 1, l; s >= 0; s--)
+    (l = t[s]) && (o = l(o) || o);
+  return o;
+};
+let Mt = class extends f {
+  // -- render ------------------------------------------------------- //
+  render() {
+    const { termsOfServiceUrl: t, privacyPolicyUrl: e } = oe.state;
+    return t ?? e ? c`<div><wcm-text variant="small-regular" color="secondary">By connecting your wallet to this app, you agree to the app's ${t ? c`<a href="${t}" target="_blank" rel="noopener noreferrer">Terms of Service</a>` : null} ${t && e ? "and" : null} ${e ? c`<a href="${e}" target="_blank" rel="noopener noreferrer">Privacy Policy</a>` : null}</wcm-text></div>` : null;
+  }
+};
+Mt.styles = [v.globalCss, ss];
+Mt = ns([
+  y("wcm-legal-notice")
+], Mt);
+const as = _`div{display:grid;grid-template-columns:repeat(4,80px);margin:0 -10px;justify-content:space-between;row-gap:10px}`;
+var cs = Object.getOwnPropertyDescriptor, ds = (t, e, r, i) => {
+  for (var o = i > 1 ? void 0 : i ? cs(e, r) : e, s = t.length - 1, l; s >= 0; s--)
+    (l = t[s]) && (o = l(o) || o);
+  return o;
+};
+let Wt = class extends f {
+  // -- private ------------------------------------------------------ //
+  onQrcode() {
+    A.push("Qrcode");
+  }
+  // -- render ------------------------------------------------------- //
+  render() {
+    const { explorerExcludedWalletIds: t, enableExplorer: e } = oe.state, r = t !== "ALL" && e, i = K.manualWalletsTemplate(), o = K.recomendedWalletsTemplate();
+    let l = [K.recentWalletTemplate(), ...i, ...o];
+    l = l.filter(Boolean);
+    const n = l.length > 8 || r;
+    let a = [];
+    n ? a = l.slice(0, 7) : a = l;
+    const d = !!a.length;
+    return c`<wcm-modal-header title="Connect your wallet" .onAction="${this.onQrcode}" .actionIcon="${C.QRCODE_ICON}"></wcm-modal-header>${d ? c`<wcm-modal-content><div>${a} ${n ? c`<wcm-view-all-wallets-button></wcm-view-all-wallets-button>` : null}</div></wcm-modal-content>` : null}`;
+  }
+};
+Wt.styles = [v.globalCss, as];
+Wt = ds([
+  y("wcm-mobile-wallet-selection")
+], Wt);
+const hs = _`:host{all:initial}.wcm-overlay{top:0;bottom:0;left:0;right:0;position:fixed;z-index:var(--wcm-z-index);overflow:hidden;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;background-color:var(--wcm-overlay-background-color);backdrop-filter:var(--wcm-overlay-backdrop-filter)}@media(max-height:720px) and (orientation:landscape){.wcm-overlay{overflow:scroll;align-items:flex-start;padding:20px 0}}.wcm-active{pointer-events:auto}.wcm-container{position:relative;max-width:360px;width:100%;outline:0;border-radius:var(--wcm-background-border-radius) var(--wcm-background-border-radius) var(--wcm-container-border-radius) var(--wcm-container-border-radius);border:1px solid var(--wcm-color-overlay);overflow:hidden}.wcm-card{width:100%;position:relative;border-radius:var(--wcm-container-border-radius);overflow:hidden;box-shadow:0 6px 14px -6px rgba(10,16,31,.12),0 10px 32px -4px rgba(10,16,31,.1),0 0 0 1px var(--wcm-color-overlay);background-color:var(--wcm-color-bg-1);color:var(--wcm-color-fg-1)}@media(max-width:600px){.wcm-container{max-width:440px;border-radius:var(--wcm-background-border-radius) var(--wcm-background-border-radius) 0 0}.wcm-card{border-radius:var(--wcm-container-border-radius) var(--wcm-container-border-radius) 0 0}.wcm-overlay{align-items:flex-end}}@media(max-width:440px){.wcm-container{border:0}}`;
+var ms = Object.defineProperty, ps = Object.getOwnPropertyDescriptor, Vt = (t, e, r, i) => {
+  for (var o = i > 1 ? void 0 : i ? ps(e, r) : e, s = t.length - 1, l; s >= 0; s--)
+    (l = t[s]) && (o = (i ? l(e, r, o) : l(o)) || o);
+  return i && o && ms(e, r, o), o;
+};
+let Se = class extends f {
+  // -- lifecycle ---------------------------------------------------- //
+  constructor() {
+    super(), this.open = !1, this.active = !1, this.unsubscribeModal = void 0, this.abortController = void 0, this.unsubscribeModal = He.subscribe((t) => {
+      t.open ? this.onOpenModalEvent() : this.onCloseModalEvent();
+    });
+  }
+  disconnectedCallback() {
+    var t;
+    (t = this.unsubscribeModal) == null || t.call(this);
+  }
+  get overlayEl() {
+    return m.getShadowRootElement(this, ".wcm-overlay");
+  }
+  get containerEl() {
+    return m.getShadowRootElement(this, ".wcm-container");
+  }
+  toggleBodyScroll(t) {
+    if (document.querySelector("body"))
+      if (t) {
+        const r = document.getElementById("wcm-styles");
+        r == null || r.remove();
+      } else
+        document.head.insertAdjacentHTML(
+          "beforeend",
+          '<style id="wcm-styles">html,body{touch-action:none;overflow:hidden;overscroll-behavior:contain;}</style>'
+        );
+  }
+  onCloseModal(t) {
+    t.target === t.currentTarget && He.close();
+  }
+  onOpenModalEvent() {
+    this.toggleBodyScroll(!1), this.addKeyboardEvents(), this.open = !0, setTimeout(async () => {
+      const t = m.isMobileAnimation() ? { y: ["50vh", "0vh"] } : { scale: [0.98, 1] }, e = 0.1, r = 0.2;
+      await Promise.all([
+        re(this.overlayEl, { opacity: [0, 1] }, { delay: e, duration: r }).finished,
+        re(this.containerEl, t, { delay: e, duration: r }).finished
+      ]), this.active = !0;
+    }, 0);
+  }
+  async onCloseModalEvent() {
+    this.toggleBodyScroll(!0), this.removeKeyboardEvents();
+    const t = m.isMobileAnimation() ? { y: ["0vh", "50vh"] } : { scale: [1, 0.98] }, e = 0.2;
+    await Promise.all([
+      re(this.overlayEl, { opacity: [1, 0] }, { duration: e }).finished,
+      re(this.containerEl, t, { duration: e }).finished
+    ]), this.containerEl.removeAttribute("style"), this.active = !1, this.open = !1;
+  }
+  addKeyboardEvents() {
+    this.abortController = new AbortController(), window.addEventListener(
+      "keydown",
+      (t) => {
+        var e;
+        t.key === "Escape" ? He.close() : t.key === "Tab" && ((e = t.target) != null && e.tagName.includes("wcm-") || this.containerEl.focus());
+      },
+      this.abortController
+    ), this.containerEl.focus();
+  }
+  removeKeyboardEvents() {
+    var t;
+    (t = this.abortController) == null || t.abort(), this.abortController = void 0;
+  }
+  // -- render ------------------------------------------------------- //
+  render() {
+    const t = {
+      "wcm-overlay": !0,
+      "wcm-active": this.active
+    };
+    return c`<wcm-explorer-context></wcm-explorer-context><wcm-theme-context></wcm-theme-context><div id="wcm-modal" class="${Z(t)}" @click="${this.onCloseModal}" role="alertdialog" aria-modal="true"><div class="wcm-container" tabindex="0">${this.open ? c`<wcm-modal-backcard></wcm-modal-backcard><div class="wcm-card"><wcm-modal-router></wcm-modal-router><wcm-modal-toast></wcm-modal-toast></div>` : null}</div></div>`;
+  }
+};
+Se.styles = [v.globalCss, hs];
+Vt([
+  L()
+], Se.prototype, "open", 2);
+Vt([
+  L()
+], Se.prototype, "active", 2);
+Se = Vt([
+  y("wcm-modal")
+], Se);
+const us = _`div{display:flex;margin-top:15px}slot{display:inline-block;margin:0 5px}wcm-button{margin:0 5px}`;
+var ws = Object.defineProperty, fs = Object.getOwnPropertyDescriptor, Le = (t, e, r, i) => {
+  for (var o = i > 1 ? void 0 : i ? fs(e, r) : e, s = t.length - 1, l; s >= 0; s--)
+    (l = t[s]) && (o = (i ? l(e, r, o) : l(o)) || o);
+  return i && o && ws(e, r, o), o;
+};
+let ne = class extends f {
+  constructor() {
+    super(...arguments), this.isMobile = !1, this.isDesktop = !1, this.isWeb = !1, this.isRetry = !1;
+  }
+  // -- private ------------------------------------------------------ //
+  onMobile() {
+    h.isMobile() ? A.replace("MobileConnecting") : A.replace("MobileQrcodeConnecting");
+  }
+  onDesktop() {
+    A.replace("DesktopConnecting");
+  }
+  onWeb() {
+    A.replace("WebConnecting");
+  }
+  // -- render ------------------------------------------------------- //
+  render() {
+    return c`<div>${this.isRetry ? c`<slot></slot>` : null} ${this.isMobile ? c`<wcm-button .onClick="${this.onMobile}" .iconLeft="${C.MOBILE_ICON}" variant="outline">Mobile</wcm-button>` : null} ${this.isDesktop ? c`<wcm-button .onClick="${this.onDesktop}" .iconLeft="${C.DESKTOP_ICON}" variant="outline">Desktop</wcm-button>` : null} ${this.isWeb ? c`<wcm-button .onClick="${this.onWeb}" .iconLeft="${C.GLOBE_ICON}" variant="outline">Web</wcm-button>` : null}</div>`;
+  }
+};
+ne.styles = [v.globalCss, us];
+Le([
+  u({ type: Boolean })
+], ne.prototype, "isMobile", 2);
+Le([
+  u({ type: Boolean })
+], ne.prototype, "isDesktop", 2);
+Le([
+  u({ type: Boolean })
+], ne.prototype, "isWeb", 2);
+Le([
+  u({ type: Boolean })
+], ne.prototype, "isRetry", 2);
+ne = Le([
+  y("wcm-platform-selection")
+], ne);
+const vs = _`button{display:flex;flex-direction:column;padding:5px 10px;border-radius:var(--wcm-button-hover-highlight-border-radius);height:100%;justify-content:flex-start}.wcm-icons{width:60px;height:60px;display:flex;flex-wrap:wrap;padding:7px;border-radius:var(--wcm-wallet-icon-border-radius);justify-content:space-between;align-items:center;margin-bottom:5px;background-color:var(--wcm-color-bg-2);box-shadow:inset 0 0 0 1px var(--wcm-color-overlay)}button:active{background-color:var(--wcm-color-overlay)}@media(hover:hover){button:hover{background-color:var(--wcm-color-overlay)}}.wcm-icons img{width:21px;height:21px;object-fit:cover;object-position:center;border-radius:calc(var(--wcm-wallet-icon-border-radius)/ 2);border:1px solid var(--wcm-color-overlay)}.wcm-icons svg{width:21px;height:21px}.wcm-icons img:nth-child(1),.wcm-icons img:nth-child(2),.wcm-icons svg:nth-child(1),.wcm-icons svg:nth-child(2){margin-bottom:4px}wcm-text{width:100%;text-align:center}#wallet-placeholder-fill{fill:var(--wcm-color-bg-3)}#wallet-placeholder-dash{stroke:var(--wcm-color-overlay)}`;
+var gs = Object.getOwnPropertyDescriptor, bs = (t, e, r, i) => {
+  for (var o = i > 1 ? void 0 : i ? gs(e, r) : e, s = t.length - 1, l; s >= 0; s--)
+    (l = t[s]) && (o = l(o) || o);
+  return o;
+};
+let St = class extends f {
+  // -- render ------------------------------------------------------- //
+  onClick() {
+    A.push("WalletExplorer");
+  }
+  // -- render ------------------------------------------------------- //
+  render() {
+    const { recomendedWallets: t } = D.state, e = me.manualWallets(), r = [...t, ...e].reverse().slice(0, 4);
+    return c`<button @click="${this.onClick}"><div class="wcm-icons">${r.map((i) => {
+      const o = m.getWalletIcon(i);
+      if (o)
+        return c`<img crossorigin="anonymous" src="${o}">`;
+      const s = m.getWalletIcon({ id: i.id });
+      return s ? c`<img crossorigin="anonymous" src="${s}">` : C.WALLET_PLACEHOLDER;
+    })} ${[...Array(4 - r.length)].map(() => C.WALLET_PLACEHOLDER)}</div><wcm-text variant="xsmall-regular">View All</wcm-text></button>`;
+  }
+};
+St.styles = [v.globalCss, vs];
+St = bs([
+  y("wcm-view-all-wallets-button")
+], St);
+const ys = _`.wcm-qr-container{width:100%;display:flex;justify-content:center;align-items:center;aspect-ratio:1/1}`;
+var xs = Object.defineProperty, $s = Object.getOwnPropertyDescriptor, rt = (t, e, r, i) => {
+  for (var o = i > 1 ? void 0 : i ? $s(e, r) : e, s = t.length - 1, l; s >= 0; s--)
+    (l = t[s]) && (o = (i ? l(e, r, o) : l(o)) || o);
+  return i && o && xs(e, r, o), o;
+};
+let ge = class extends f {
+  // -- lifecycle ---------------------------------------------------- //
+  constructor() {
+    super(), this.walletId = "", this.imageId = "", this.uri = "", setTimeout(() => {
+      const { walletConnectUri: t } = j.state;
+      this.uri = t;
+    }, 0);
+  }
+  // -- private ------------------------------------------------------ //
+  get overlayEl() {
+    return m.getShadowRootElement(this, ".wcm-qr-container");
+  }
+  // -- render ------------------------------------------------------- //
+  render() {
+    return c`<div class="wcm-qr-container">${this.uri ? c`<wcm-qrcode size="${this.overlayEl.offsetWidth}" uri="${this.uri}" walletId="${R(this.walletId)}" imageId="${R(this.imageId)}"></wcm-qrcode>` : c`<wcm-spinner></wcm-spinner>`}</div>`;
+  }
+};
+ge.styles = [v.globalCss, ys];
+rt([
+  u()
+], ge.prototype, "walletId", 2);
+rt([
+  u()
+], ge.prototype, "imageId", 2);
+rt([
+  L()
+], ge.prototype, "uri", 2);
+ge = rt([
+  y("wcm-walletconnect-qr")
+], ge);
+var _s = Object.getOwnPropertyDescriptor, Cs = (t, e, r, i) => {
+  for (var o = i > 1 ? void 0 : i ? _s(e, r) : e, s = t.length - 1, l; s >= 0; s--)
+    (l = t[s]) && (o = l(o) || o);
+  return o;
+};
+let Rt = class extends f {
+  // -- private ------------------------------------------------------ //
+  viewTemplate() {
+    return h.isAndroid() && !h.isTelegram() ? c`<wcm-android-wallet-selection></wcm-android-wallet-selection>` : h.isMobile() ? c`<wcm-mobile-wallet-selection></wcm-mobile-wallet-selection>` : c`<wcm-desktop-wallet-selection></wcm-desktop-wallet-selection>`;
+  }
+  // -- render ------------------------------------------------------- //
+  render() {
+    return c`${this.viewTemplate()}<wcm-legal-notice></wcm-legal-notice>`;
+  }
+};
+Rt.styles = [v.globalCss];
+Rt = Cs([
+  y("wcm-connect-wallet-view")
+], Rt);
+const Os = _`wcm-info-footer{flex-direction:column;align-items:center;display:flex;width:100%;padding:5px 0}wcm-text{text-align:center}`;
+var As = Object.defineProperty, Es = Object.getOwnPropertyDescriptor, Lr = (t, e, r, i) => {
+  for (var o = i > 1 ? void 0 : i ? Es(e, r) : e, s = t.length - 1, l; s >= 0; s--)
+    (l = t[s]) && (o = (i ? l(e, r, o) : l(o)) || o);
+  return i && o && As(e, r, o), o;
+};
+let Ye = class extends f {
+  // -- lifecycle ---------------------------------------------------- //
+  constructor() {
+    super(), this.isError = !1, this.openDesktopApp();
+  }
+  // -- private ------------------------------------------------------ //
+  onFormatAndRedirect(t) {
+    const { desktop: e, name: r } = h.getWalletRouterData(), i = e == null ? void 0 : e.native, o = e == null ? void 0 : e.universal;
+    if (i) {
+      const s = h.formatNativeUrl(i, t, r);
+      h.openHref(s, "_self");
+    } else if (o) {
+      const s = h.formatUniversalUrl(o, t, r);
+      h.openHref(s, "_blank");
+    }
+  }
+  openDesktopApp() {
+    const { walletConnectUri: t } = j.state, e = h.getWalletRouterData();
+    m.setRecentWallet(e), t && this.onFormatAndRedirect(t);
+  }
+  // -- render ------------------------------------------------------- //
+  render() {
+    const { name: t, id: e, image_id: r } = h.getWalletRouterData(), { isMobile: i, isWeb: o } = m.getCachedRouterWalletPlatforms();
+    return c`<wcm-modal-header title="${t}" .onAction="${m.handleUriCopy}" .actionIcon="${C.COPY_ICON}"></wcm-modal-header><wcm-modal-content><wcm-connector-waiting walletId="${e}" imageId="${R(r)}" label="${`Continue in ${t}...`}" .isError="${this.isError}"></wcm-connector-waiting></wcm-modal-content><wcm-info-footer><wcm-text color="secondary" variant="small-thin">${`Connection can continue loading if ${t} is not installed on your device`}</wcm-text><wcm-platform-selection .isMobile="${i}" .isWeb="${o}" .isRetry="${!0}"><wcm-button .onClick="${this.openDesktopApp.bind(this)}" .iconRight="${C.RETRY_ICON}">Retry</wcm-button></wcm-platform-selection></wcm-info-footer>`;
+  }
+};
+Ye.styles = [v.globalCss, Os];
+Lr([
+  L()
+], Ye.prototype, "isError", 2);
+Ye = Lr([
+  y("wcm-desktop-connecting-view")
+], Ye);
+const Ps = _`wcm-info-footer{flex-direction:column;align-items:center;display:flex;width:100%;padding:5px 0}wcm-text{text-align:center}wcm-button{margin-top:15px}`;
+var Is = Object.getOwnPropertyDescriptor, Ts = (t, e, r, i) => {
+  for (var o = i > 1 ? void 0 : i ? Is(e, r) : e, s = t.length - 1, l; s >= 0; s--)
+    (l = t[s]) && (o = l(o) || o);
+  return o;
+};
+let Dt = class extends f {
+  // -- private ------------------------------------------------------ //
+  onInstall(t) {
+    t && h.openHref(t, "_blank");
+  }
+  // -- render ------------------------------------------------------- //
+  render() {
+    const { name: t, id: e, image_id: r, homepage: i } = h.getWalletRouterData();
+    return c`<wcm-modal-header title="${t}"></wcm-modal-header><wcm-modal-content><wcm-connector-waiting walletId="${e}" imageId="${R(r)}" label="Not Detected" .isStale="${!0}"></wcm-connector-waiting></wcm-modal-content><wcm-info-footer><wcm-text color="secondary" variant="small-thin">${`Download ${t} to continue. If multiple browser extensions are installed, disable non ${t} ones and try again`}</wcm-text><wcm-button .onClick="${() => this.onInstall(i)}" .iconLeft="${C.ARROW_DOWN_ICON}">Download</wcm-button></wcm-info-footer>`;
+  }
+};
+Dt.styles = [v.globalCss, Ps];
+Dt = Ts([
+  y("wcm-install-wallet-view")
+], Dt);
+const Ms = _`wcm-wallet-image{border-radius:var(--wcm-wallet-icon-large-border-radius);width:96px;height:96px;margin-bottom:20px}wcm-info-footer{display:flex;width:100%}.wcm-app-store{justify-content:space-between}.wcm-app-store wcm-wallet-image{margin-right:10px;margin-bottom:0;width:28px;height:28px;border-radius:var(--wcm-wallet-icon-small-border-radius)}.wcm-app-store div{display:flex;align-items:center}.wcm-app-store wcm-button{margin-right:-10px}.wcm-note{flex-direction:column;align-items:center;padding:5px 0}.wcm-note wcm-text{text-align:center}wcm-platform-selection{margin-top:-15px}.wcm-note wcm-text{margin-top:15px}.wcm-note wcm-text span{color:var(--wcm-accent-color)}`;
+var Ws = Object.defineProperty, Ss = Object.getOwnPropertyDescriptor, kr = (t, e, r, i) => {
+  for (var o = i > 1 ? void 0 : i ? Ss(e, r) : e, s = t.length - 1, l; s >= 0; s--)
+    (l = t[s]) && (o = (i ? l(e, r, o) : l(o)) || o);
+  return i && o && Ws(e, r, o), o;
+};
+let Xe = class extends f {
+  // -- lifecycle ---------------------------------------------------- //
+  constructor() {
+    super(), this.isError = !1, this.openMobileApp();
+  }
+  // -- private ------------------------------------------------------ //
+  onFormatAndRedirect(t, e = !1) {
+    const { mobile: r, name: i } = h.getWalletRouterData(), o = r == null ? void 0 : r.native, s = r == null ? void 0 : r.universal, l = h.isTelegram() ? "_blank" : "_self";
+    if (t = h.isTelegram() && h.isAndroid() ? encodeURIComponent(t) : t, o && !e) {
+      const n = h.formatNativeUrl(o, t, i);
+      h.openHref(n, l);
+    } else if (s) {
+      const n = h.formatUniversalUrl(s, t, i);
+      h.openHref(n, l);
+    }
+  }
+  openMobileApp(t = !1) {
+    const { walletConnectUri: e } = j.state, r = h.getWalletRouterData();
+    e && this.onFormatAndRedirect(e, t), m.setRecentWallet(r);
+  }
+  onGoToAppStore(t) {
+    t && h.openHref(t, "_blank");
+  }
+  // -- render ------------------------------------------------------- //
+  render() {
+    const { name: t, id: e, image_id: r, app: i, mobile: o } = h.getWalletRouterData(), { isWeb: s } = m.getCachedRouterWalletPlatforms(), l = i == null ? void 0 : i.ios, n = o == null ? void 0 : o.universal;
+    return c`<wcm-modal-header title="${t}"></wcm-modal-header><wcm-modal-content><wcm-connector-waiting walletId="${e}" imageId="${R(r)}" label="Tap 'Open' to continue…" .isError="${this.isError}"></wcm-connector-waiting></wcm-modal-content><wcm-info-footer class="wcm-note"><wcm-platform-selection .isWeb="${s}" .isRetry="${!0}"><wcm-button .onClick="${() => this.openMobileApp(!1)}" .iconRight="${C.RETRY_ICON}">Retry</wcm-button></wcm-platform-selection>${n ? c`<wcm-text color="secondary" variant="small-thin">Still doesn't work? <span tabindex="0" @click="${() => this.openMobileApp(!0)}">Try this alternate link</span></wcm-text>` : null}</wcm-info-footer><wcm-info-footer class="wcm-app-store"><div><wcm-wallet-image walletId="${e}" imageId="${R(r)}"></wcm-wallet-image><wcm-text>${`Get ${t}`}</wcm-text></div><wcm-button .iconRight="${C.ARROW_RIGHT_ICON}" .onClick="${() => this.onGoToAppStore(l)}" variant="ghost">App Store</wcm-button></wcm-info-footer>`;
+  }
+};
+Xe.styles = [v.globalCss, Ms];
+kr([
+  L()
+], Xe.prototype, "isError", 2);
+Xe = kr([
+  y("wcm-mobile-connecting-view")
+], Xe);
+const Rs = _`wcm-info-footer{flex-direction:column;align-items:center;display:flex;width:100%;padding:5px 0}wcm-text{text-align:center}`;
+var Ds = Object.getOwnPropertyDescriptor, Ls = (t, e, r, i) => {
+  for (var o = i > 1 ? void 0 : i ? Ds(e, r) : e, s = t.length - 1, l; s >= 0; s--)
+    (l = t[s]) && (o = l(o) || o);
+  return o;
+};
+let Lt = class extends f {
+  // -- render ------------------------------------------------------- //
+  render() {
+    const { name: t, id: e, image_id: r } = h.getWalletRouterData(), { isDesktop: i, isWeb: o } = m.getCachedRouterWalletPlatforms();
+    return c`<wcm-modal-header title="${t}" .onAction="${m.handleUriCopy}" .actionIcon="${C.COPY_ICON}"></wcm-modal-header><wcm-modal-content><wcm-walletconnect-qr walletId="${e}" imageId="${R(r)}"></wcm-walletconnect-qr></wcm-modal-content><wcm-info-footer><wcm-text color="secondary" variant="small-thin">${`Scan this QR Code with your phone's camera or inside ${t} app`}</wcm-text><wcm-platform-selection .isDesktop="${i}" .isWeb="${o}"></wcm-platform-selection></wcm-info-footer>`;
+  }
+};
+Lt.styles = [v.globalCss, Rs];
+Lt = Ls([
+  y("wcm-mobile-qr-connecting-view")
+], Lt);
+var ks = Object.getOwnPropertyDescriptor, Ns = (t, e, r, i) => {
+  for (var o = i > 1 ? void 0 : i ? ks(e, r) : e, s = t.length - 1, l; s >= 0; s--)
+    (l = t[s]) && (o = l(o) || o);
+  return o;
+};
+let kt = class extends f {
+  // -- render ------------------------------------------------------- //
+  render() {
+    return c`<wcm-modal-header title="Scan the code" .onAction="${m.handleUriCopy}" .actionIcon="${C.COPY_ICON}"></wcm-modal-header><wcm-modal-content><wcm-walletconnect-qr></wcm-walletconnect-qr></wcm-modal-content>`;
+  }
+};
+kt.styles = [v.globalCss];
+kt = Ns([
+  y("wcm-qrcode-view")
+], kt);
+const Us = _`wcm-modal-content{height:clamp(200px,60vh,600px);display:block;overflow:scroll;scrollbar-width:none;position:relative;margin-top:1px}.wcm-grid{display:grid;grid-template-columns:repeat(4,80px);justify-content:space-between;margin:-15px -10px;padding-top:20px}wcm-modal-content::after,wcm-modal-content::before{content:'';position:fixed;pointer-events:none;z-index:1;width:100%;height:20px;opacity:1}wcm-modal-content::before{box-shadow:0 -1px 0 0 var(--wcm-color-bg-1);background:linear-gradient(var(--wcm-color-bg-1),rgba(255,255,255,0))}wcm-modal-content::after{box-shadow:0 1px 0 0 var(--wcm-color-bg-1);background:linear-gradient(rgba(255,255,255,0),var(--wcm-color-bg-1));top:calc(100% - 20px)}wcm-modal-content::-webkit-scrollbar{display:none}.wcm-placeholder-block{display:flex;justify-content:center;align-items:center;height:100px;overflow:hidden}.wcm-empty,.wcm-loading{display:flex}.wcm-loading .wcm-placeholder-block{height:100%}.wcm-end-reached .wcm-placeholder-block{height:0;opacity:0}.wcm-empty .wcm-placeholder-block{opacity:1;height:100%}wcm-wallet-button{margin:calc((100% - 60px)/ 3) 0}`;
+var js = Object.defineProperty, Hs = Object.getOwnPropertyDescriptor, ke = (t, e, r, i) => {
+  for (var o = i > 1 ? void 0 : i ? Hs(e, r) : e, s = t.length - 1, l; s >= 0; s--)
+    (l = t[s]) && (o = (i ? l(e, r, o) : l(o)) || o);
+  return i && o && js(e, r, o), o;
+};
+const wt = 40;
+let ae = class extends f {
+  constructor() {
+    super(...arguments), this.loading = !D.state.wallets.listings.length, this.firstFetch = !D.state.wallets.listings.length, this.search = "", this.endReached = !1, this.intersectionObserver = void 0, this.searchDebounce = m.debounce((t) => {
+      t.length >= 1 ? (this.firstFetch = !0, this.endReached = !1, this.search = t, D.resetSearch(), this.fetchWallets()) : this.search && (this.search = "", this.endReached = this.isLastPage(), D.resetSearch());
+    });
+  }
+  // -- lifecycle ---------------------------------------------------- //
+  firstUpdated() {
+    this.createPaginationObserver();
+  }
+  disconnectedCallback() {
+    var t;
+    (t = this.intersectionObserver) == null || t.disconnect();
+  }
+  // -- private ------------------------------------------------------ //
+  get placeholderEl() {
+    return m.getShadowRootElement(this, ".wcm-placeholder-block");
+  }
+  createPaginationObserver() {
+    this.intersectionObserver = new IntersectionObserver(([t]) => {
+      t.isIntersecting && !(this.search && this.firstFetch) && this.fetchWallets();
+    }), this.intersectionObserver.observe(this.placeholderEl);
+  }
+  isLastPage() {
+    const { wallets: t, search: e } = D.state, { listings: r, total: i } = this.search ? e : t;
+    return i <= wt || r.length >= i;
+  }
+  async fetchWallets() {
+    var t;
+    const { wallets: e, search: r } = D.state, { listings: i, total: o, page: s } = this.search ? r : e;
+    if (!this.endReached && (this.firstFetch || o > wt && i.length < o))
+      try {
+        this.loading = !0;
+        const l = (t = j.state.chains) == null ? void 0 : t.join(","), { listings: n } = await D.getWallets({
+          page: this.firstFetch ? 1 : s + 1,
+          entries: wt,
+          search: this.search,
+          version: 2,
+          chains: l
+        }), a = n.map((d) => m.getWalletIcon(d));
+        await Promise.all([
+          ...a.map(async (d) => m.preloadImage(d)),
+          h.wait(300)
+        ]), this.endReached = this.isLastPage();
+      } catch (l) {
+        console.error(l), F.openToast(m.getErrorMessage(l), "error");
+      } finally {
+        this.loading = !1, this.firstFetch = !1;
+      }
+  }
+  onConnect(t) {
+    h.isAndroid() ? m.handleMobileLinking(t) : m.goToConnectingView(t);
+  }
+  onSearchChange(t) {
+    const { value: e } = t.target;
+    this.searchDebounce(e);
+  }
+  // -- render ------------------------------------------------------- //
+  render() {
+    const { wallets: t, search: e } = D.state, { listings: r } = this.search ? e : t, i = this.loading && !r.length, o = this.search.length >= 3;
+    let s = K.manualWalletsTemplate(), l = K.recomendedWalletsTemplate(!0);
+    o && (s = s.filter(
+      ({ values: d }) => m.caseSafeIncludes(d[0], this.search)
+    ), l = l.filter(
+      ({ values: d }) => m.caseSafeIncludes(d[0], this.search)
+    ));
+    const n = !this.loading && !r.length && !l.length, a = {
+      "wcm-loading": i,
+      "wcm-end-reached": this.endReached || !this.loading,
+      "wcm-empty": n
+    };
+    return c`<wcm-modal-header><wcm-search-input .onChange="${this.onSearchChange.bind(this)}"></wcm-search-input></wcm-modal-header><wcm-modal-content class="${Z(a)}"><div class="wcm-grid">${i ? null : s} ${i ? null : l} ${i ? null : r.map(
+      (d) => c`${d ? c`<wcm-wallet-button imageId="${d.image_id}" name="${d.name}" walletId="${d.id}" .onClick="${() => this.onConnect(d)}"></wcm-wallet-button>` : null}`
+    )}</div><div class="wcm-placeholder-block">${n ? c`<wcm-text variant="big-bold" color="secondary">No results found</wcm-text>` : null} ${!n && this.loading ? c`<wcm-spinner></wcm-spinner>` : null}</div></wcm-modal-content>`;
+  }
+};
+ae.styles = [v.globalCss, Us];
+ke([
+  L()
+], ae.prototype, "loading", 2);
+ke([
+  L()
+], ae.prototype, "firstFetch", 2);
+ke([
+  L()
+], ae.prototype, "search", 2);
+ke([
+  L()
+], ae.prototype, "endReached", 2);
+ae = ke([
+  y("wcm-wallet-explorer-view")
+], ae);
+const Bs = _`wcm-info-footer{flex-direction:column;align-items:center;display:flex;width:100%;padding:5px 0}wcm-text{text-align:center}`;
+var Zs = Object.defineProperty, zs = Object.getOwnPropertyDescriptor, Nr = (t, e, r, i) => {
+  for (var o = i > 1 ? void 0 : i ? zs(e, r) : e, s = t.length - 1, l; s >= 0; s--)
+    (l = t[s]) && (o = (i ? l(e, r, o) : l(o)) || o);
+  return i && o && Zs(e, r, o), o;
+};
+let Je = class extends f {
+  // -- lifecycle ---------------------------------------------------- //
+  constructor() {
+    super(), this.isError = !1, this.openWebWallet();
+  }
+  // -- private ------------------------------------------------------ //
+  onFormatAndRedirect(t) {
+    const { desktop: e, name: r } = h.getWalletRouterData(), i = e == null ? void 0 : e.universal;
+    if (i) {
+      const o = h.formatUniversalUrl(i, t, r);
+      h.openHref(o, "_blank");
+    }
+  }
+  openWebWallet() {
+    const { walletConnectUri: t } = j.state, e = h.getWalletRouterData();
+    m.setRecentWallet(e), t && this.onFormatAndRedirect(t);
+  }
+  // -- render ------------------------------------------------------- //
+  render() {
+    const { name: t, id: e, image_id: r } = h.getWalletRouterData(), { isMobile: i, isDesktop: o } = m.getCachedRouterWalletPlatforms(), s = h.isMobile();
+    return c`<wcm-modal-header title="${t}" .onAction="${m.handleUriCopy}" .actionIcon="${C.COPY_ICON}"></wcm-modal-header><wcm-modal-content><wcm-connector-waiting walletId="${e}" imageId="${R(r)}" label="${`Continue in ${t}...`}" .isError="${this.isError}"></wcm-connector-waiting></wcm-modal-content><wcm-info-footer><wcm-text color="secondary" variant="small-thin">${`${t} web app has opened in a new tab. Go there, accept the connection, and come back`}</wcm-text><wcm-platform-selection .isMobile="${i}" .isDesktop="${s ? !1 : o}" .isRetry="${!0}"><wcm-button .onClick="${this.openWebWallet.bind(this)}" .iconRight="${C.RETRY_ICON}">Retry</wcm-button></wcm-platform-selection></wcm-info-footer>`;
+  }
+};
+Je.styles = [v.globalCss, Bs];
+Nr([
+  L()
+], Je.prototype, "isError", 2);
+Je = Nr([
+  y("wcm-web-connecting-view")
+], Je);
+export {
+  Se as WcmModal,
+  G as WcmQrCode
+};