@rash2x/bridge-widget 0.6.32 → 0.6.34

package/dist/{index-BbLtc5UN.js → index-sU0Z-m5M.js}

@@ -1,21 +1,21 @@
-import { g as getDefaultExportFromCjs, M as ModalCtrl, R as RouterCtrl, T as ToastCtrl, a as ThemeCtrl, E as EventsCtrl, b as ExplorerCtrl, C as ConfigCtrl, c as CoreUtil, O as OptionsCtrl } from "./index-D0iCKCsz.js";
+import { g as getDefaultExportFromCjs, M as ModalCtrl, R as RouterCtrl, T as ToastCtrl, a as ThemeCtrl, E as EventsCtrl, b as ExplorerCtrl, C as ConfigCtrl, c as CoreUtil, O as OptionsCtrl } from "./index-CO2PQtBo.js";
 /**
  * @license
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const t$3 = window, e$5 = t$3.ShadowRoot && (void 0 === t$3.ShadyCSS || t$3.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, s$3 = Symbol(), n$5 = /* @__PURE__ */ new WeakMap();
-let o$4 = class o {
+const t$4 = window, e$6 = t$4.ShadowRoot && (void 0 === t$4.ShadyCSS || t$4.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, s$4 = Symbol(), n$6 = /* @__PURE__ */ new WeakMap();
+let o$5 = class o {
   constructor(t2, e2, n2) {
-    if (this._$cssResult$ = true, n2 !== s$3) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    if (this._$cssResult$ = true, n2 !== s$4) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = t2, this.t = e2;
   }
   get styleSheet() {
     let t2 = this.o;
-    const s2 = this.t;
-    if (e$5 && void 0 === t2) {
-      const e2 = void 0 !== s2 && 1 === s2.length;
-      e2 && (t2 = n$5.get(s2)), void 0 === t2 && ((this.o = t2 = new CSSStyleSheet()).replaceSync(this.cssText), e2 && n$5.set(s2, t2));
+    const s3 = this.t;
+    if (e$6 && void 0 === t2) {
+      const e2 = void 0 !== s3 && 1 === s3.length;
+      e2 && (t2 = n$6.get(s3)), void 0 === t2 && ((this.o = t2 = new CSSStyleSheet()).replaceSync(this.cssText), e2 && n$6.set(s3, t2));
     }
     return t2;
   }
@@ -23,140 +23,140 @@ let o$4 = class o {
     return this.cssText;
   }
 };
-const r$2 = (t2) => new o$4("string" == typeof t2 ? t2 : t2 + "", void 0, s$3), i$3 = (t2, ...e2) => {
-  const n2 = 1 === t2.length ? t2[0] : e2.reduce(((e3, s2, n3) => e3 + ((t3) => {
+const r$3 = (t2) => new o$5("string" == typeof t2 ? t2 : t2 + "", void 0, s$4), i$4 = (t2, ...e2) => {
+  const n2 = 1 === t2.length ? t2[0] : e2.reduce(((e3, s3, n3) => e3 + ((t3) => {
     if (true === t3._$cssResult$) return t3.cssText;
     if ("number" == typeof t3) return t3;
     throw Error("Value passed to 'css' function must be a 'css' function result: " + t3 + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
-  })(s2) + t2[n3 + 1]), t2[0]);
-  return new o$4(n2, t2, s$3);
-}, S$1 = (s2, n2) => {
-  e$5 ? s2.adoptedStyleSheets = n2.map(((t2) => t2 instanceof CSSStyleSheet ? t2 : t2.styleSheet)) : n2.forEach(((e2) => {
-    const n3 = document.createElement("style"), o3 = t$3.litNonce;
-    void 0 !== o3 && n3.setAttribute("nonce", o3), n3.textContent = e2.cssText, s2.appendChild(n3);
+  })(s3) + t2[n3 + 1]), t2[0]);
+  return new o$5(n2, t2, s$4);
+}, S$2 = (s3, n2) => {
+  e$6 ? s3.adoptedStyleSheets = n2.map(((t2) => t2 instanceof CSSStyleSheet ? t2 : t2.styleSheet)) : n2.forEach(((e2) => {
+    const n3 = document.createElement("style"), o3 = t$4.litNonce;
+    void 0 !== o3 && n3.setAttribute("nonce", o3), n3.textContent = e2.cssText, s3.appendChild(n3);
   }));
-}, c$1 = e$5 ? (t2) => t2 : (t2) => t2 instanceof CSSStyleSheet ? ((t3) => {
+}, c$2 = e$6 ? (t2) => t2 : (t2) => t2 instanceof CSSStyleSheet ? ((t3) => {
   let e2 = "";
-  for (const s2 of t3.cssRules) e2 += s2.cssText;
-  return r$2(e2);
+  for (const s3 of t3.cssRules) e2 += s3.cssText;
+  return r$3(e2);
 })(t2) : t2;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var s$2;
-const e$4 = window, r$1 = e$4.trustedTypes, h$1 = r$1 ? r$1.emptyScript : "", o$3 = e$4.reactiveElementPolyfillSupport, n$4 = { toAttribute(t2, i2) {
-  switch (i2) {
+var s$3;
+const e$5 = window, r$2 = e$5.trustedTypes, h$2 = r$2 ? r$2.emptyScript : "", o$4 = e$5.reactiveElementPolyfillSupport, n$5 = { toAttribute(t2, i3) {
+  switch (i3) {
     case Boolean:
-      t2 = t2 ? h$1 : null;
+      t2 = t2 ? h$2 : null;
       break;
     case Object:
     case Array:
       t2 = null == t2 ? t2 : JSON.stringify(t2);
   }
   return t2;
-}, fromAttribute(t2, i2) {
-  let s2 = t2;
-  switch (i2) {
+}, fromAttribute(t2, i3) {
+  let s3 = t2;
+  switch (i3) {
     case Boolean:
-      s2 = null !== t2;
+      s3 = null !== t2;
       break;
     case Number:
-      s2 = null === t2 ? null : Number(t2);
+      s3 = null === t2 ? null : Number(t2);
       break;
     case Object:
     case Array:
       try {
-        s2 = JSON.parse(t2);
+        s3 = JSON.parse(t2);
       } catch (t3) {
-        s2 = null;
+        s3 = null;
       }
   }
-  return s2;
-} }, a$1 = (t2, i2) => i2 !== t2 && (i2 == i2 || t2 == t2), l$3 = { attribute: true, type: String, converter: n$4, reflect: false, hasChanged: a$1 }, d$1 = "finalized";
-let u$1 = class u extends HTMLElement {
+  return s3;
+} }, a$2 = (t2, i3) => i3 !== t2 && (i3 == i3 || t2 == t2), l$4 = { attribute: true, type: String, converter: n$5, reflect: false, hasChanged: a$2 }, d$2 = "finalized";
+let u$2 = class u extends HTMLElement {
   constructor() {
     super(), this._$Ei = /* @__PURE__ */ new Map(), this.isUpdatePending = false, this.hasUpdated = false, this._$El = null, this._$Eu();
   }
   static addInitializer(t2) {
-    var i2;
-    this.finalize(), (null !== (i2 = this.h) && void 0 !== i2 ? i2 : this.h = []).push(t2);
+    var i3;
+    this.finalize(), (null !== (i3 = this.h) && void 0 !== i3 ? i3 : this.h = []).push(t2);
   }
   static get observedAttributes() {
     this.finalize();
     const t2 = [];
-    return this.elementProperties.forEach(((i2, s2) => {
-      const e2 = this._$Ep(s2, i2);
-      void 0 !== e2 && (this._$Ev.set(e2, s2), t2.push(e2));
+    return this.elementProperties.forEach(((i3, s3) => {
+      const e2 = this._$Ep(s3, i3);
+      void 0 !== e2 && (this._$Ev.set(e2, s3), t2.push(e2));
     })), t2;
   }
-  static createProperty(t2, i2 = l$3) {
-    if (i2.state && (i2.attribute = false), this.finalize(), this.elementProperties.set(t2, i2), !i2.noAccessor && !this.prototype.hasOwnProperty(t2)) {
-      const s2 = "symbol" == typeof t2 ? Symbol() : "__" + t2, e2 = this.getPropertyDescriptor(t2, s2, i2);
+  static createProperty(t2, i3 = l$4) {
+    if (i3.state && (i3.attribute = false), this.finalize(), this.elementProperties.set(t2, i3), !i3.noAccessor && !this.prototype.hasOwnProperty(t2)) {
+      const s3 = "symbol" == typeof t2 ? Symbol() : "__" + t2, e2 = this.getPropertyDescriptor(t2, s3, i3);
       void 0 !== e2 && Object.defineProperty(this.prototype, t2, e2);
     }
   }
-  static getPropertyDescriptor(t2, i2, s2) {
+  static getPropertyDescriptor(t2, i3, s3) {
     return { get() {
-      return this[i2];
+      return this[i3];
     }, set(e2) {
       const r2 = this[t2];
-      this[i2] = e2, this.requestUpdate(t2, r2, s2);
+      this[i3] = e2, this.requestUpdate(t2, r2, s3);
     }, configurable: true, enumerable: true };
   }
   static getPropertyOptions(t2) {
-    return this.elementProperties.get(t2) || l$3;
+    return this.elementProperties.get(t2) || l$4;
   }
   static finalize() {
-    if (this.hasOwnProperty(d$1)) return false;
-    this[d$1] = true;
+    if (this.hasOwnProperty(d$2)) return false;
+    this[d$2] = true;
     const t2 = Object.getPrototypeOf(this);
     if (t2.finalize(), void 0 !== t2.h && (this.h = [...t2.h]), this.elementProperties = new Map(t2.elementProperties), this._$Ev = /* @__PURE__ */ new Map(), this.hasOwnProperty("properties")) {
-      const t3 = this.properties, i2 = [...Object.getOwnPropertyNames(t3), ...Object.getOwnPropertySymbols(t3)];
-      for (const s2 of i2) this.createProperty(s2, t3[s2]);
+      const t3 = this.properties, i3 = [...Object.getOwnPropertyNames(t3), ...Object.getOwnPropertySymbols(t3)];
+      for (const s3 of i3) this.createProperty(s3, t3[s3]);
     }
     return this.elementStyles = this.finalizeStyles(this.styles), true;
   }
-  static finalizeStyles(i2) {
-    const s2 = [];
-    if (Array.isArray(i2)) {
-      const e2 = new Set(i2.flat(1 / 0).reverse());
-      for (const i3 of e2) s2.unshift(c$1(i3));
-    } else void 0 !== i2 && s2.push(c$1(i2));
-    return s2;
+  static finalizeStyles(i3) {
+    const s3 = [];
+    if (Array.isArray(i3)) {
+      const e2 = new Set(i3.flat(1 / 0).reverse());
+      for (const i4 of e2) s3.unshift(c$2(i4));
+    } else void 0 !== i3 && s3.push(c$2(i3));
+    return s3;
   }
-  static _$Ep(t2, i2) {
-    const s2 = i2.attribute;
-    return false === s2 ? void 0 : "string" == typeof s2 ? s2 : "string" == typeof t2 ? t2.toLowerCase() : void 0;
+  static _$Ep(t2, i3) {
+    const s3 = i3.attribute;
+    return false === s3 ? void 0 : "string" == typeof s3 ? s3 : "string" == typeof t2 ? t2.toLowerCase() : void 0;
   }
   _$Eu() {
     var t2;
     this._$E_ = new Promise(((t3) => this.enableUpdating = t3)), this._$AL = /* @__PURE__ */ new Map(), this._$Eg(), this.requestUpdate(), null === (t2 = this.constructor.h) || void 0 === t2 || t2.forEach(((t3) => t3(this)));
   }
   addController(t2) {
-    var i2, s2;
-    (null !== (i2 = this._$ES) && void 0 !== i2 ? i2 : this._$ES = []).push(t2), void 0 !== this.renderRoot && this.isConnected && (null === (s2 = t2.hostConnected) || void 0 === s2 || s2.call(t2));
+    var i3, s3;
+    (null !== (i3 = this._$ES) && void 0 !== i3 ? i3 : this._$ES = []).push(t2), void 0 !== this.renderRoot && this.isConnected && (null === (s3 = t2.hostConnected) || void 0 === s3 || s3.call(t2));
   }
   removeController(t2) {
-    var i2;
-    null === (i2 = this._$ES) || void 0 === i2 || i2.splice(this._$ES.indexOf(t2) >>> 0, 1);
+    var i3;
+    null === (i3 = this._$ES) || void 0 === i3 || i3.splice(this._$ES.indexOf(t2) >>> 0, 1);
   }
   _$Eg() {
-    this.constructor.elementProperties.forEach(((t2, i2) => {
-      this.hasOwnProperty(i2) && (this._$Ei.set(i2, this[i2]), delete this[i2]);
+    this.constructor.elementProperties.forEach(((t2, i3) => {
+      this.hasOwnProperty(i3) && (this._$Ei.set(i3, this[i3]), delete this[i3]);
     }));
   }
   createRenderRoot() {
     var t2;
-    const s2 = null !== (t2 = this.shadowRoot) && void 0 !== t2 ? t2 : this.attachShadow(this.constructor.shadowRootOptions);
-    return S$1(s2, this.constructor.elementStyles), s2;
+    const s3 = null !== (t2 = this.shadowRoot) && void 0 !== t2 ? t2 : this.attachShadow(this.constructor.shadowRootOptions);
+    return S$2(s3, this.constructor.elementStyles), s3;
   }
   connectedCallback() {
     var t2;
     void 0 === this.renderRoot && (this.renderRoot = this.createRenderRoot()), this.enableUpdating(true), null === (t2 = this._$ES) || void 0 === t2 || t2.forEach(((t3) => {
-      var i2;
-      return null === (i2 = t3.hostConnected) || void 0 === i2 ? void 0 : i2.call(t3);
+      var i3;
+      return null === (i3 = t3.hostConnected) || void 0 === i3 ? void 0 : i3.call(t3);
     }));
   }
   enableUpdating(t2) {
@@ -164,32 +164,32 @@ let u$1 = class u extends HTMLElement {
   disconnectedCallback() {
     var t2;
     null === (t2 = this._$ES) || void 0 === t2 || t2.forEach(((t3) => {
-      var i2;
-      return null === (i2 = t3.hostDisconnected) || void 0 === i2 ? void 0 : i2.call(t3);
+      var i3;
+      return null === (i3 = t3.hostDisconnected) || void 0 === i3 ? void 0 : i3.call(t3);
     }));
   }
-  attributeChangedCallback(t2, i2, s2) {
-    this._$AK(t2, s2);
+  attributeChangedCallback(t2, i3, s3) {
+    this._$AK(t2, s3);
   }
-  _$EO(t2, i2, s2 = l$3) {
+  _$EO(t2, i3, s3 = l$4) {
     var e2;
-    const r2 = this.constructor._$Ep(t2, s2);
-    if (void 0 !== r2 && true === s2.reflect) {
-      const h2 = (void 0 !== (null === (e2 = s2.converter) || void 0 === e2 ? void 0 : e2.toAttribute) ? s2.converter : n$4).toAttribute(i2, s2.type);
+    const r2 = this.constructor._$Ep(t2, s3);
+    if (void 0 !== r2 && true === s3.reflect) {
+      const h2 = (void 0 !== (null === (e2 = s3.converter) || void 0 === e2 ? void 0 : e2.toAttribute) ? s3.converter : n$5).toAttribute(i3, s3.type);
       this._$El = t2, null == h2 ? this.removeAttribute(r2) : this.setAttribute(r2, h2), this._$El = null;
     }
   }
-  _$AK(t2, i2) {
-    var s2;
+  _$AK(t2, i3) {
+    var s3;
     const e2 = this.constructor, r2 = e2._$Ev.get(t2);
     if (void 0 !== r2 && this._$El !== r2) {
-      const t3 = e2.getPropertyOptions(r2), h2 = "function" == typeof t3.converter ? { fromAttribute: t3.converter } : void 0 !== (null === (s2 = t3.converter) || void 0 === s2 ? void 0 : s2.fromAttribute) ? t3.converter : n$4;
-      this._$El = r2, this[r2] = h2.fromAttribute(i2, t3.type), this._$El = null;
+      const t3 = e2.getPropertyOptions(r2), h2 = "function" == typeof t3.converter ? { fromAttribute: t3.converter } : void 0 !== (null === (s3 = t3.converter) || void 0 === s3 ? void 0 : s3.fromAttribute) ? t3.converter : n$5;
+      this._$El = r2, this[r2] = h2.fromAttribute(i3, t3.type), this._$El = null;
     }
   }
-  requestUpdate(t2, i2, s2) {
+  requestUpdate(t2, i3, s3) {
     let e2 = true;
-    void 0 !== t2 && (((s2 = s2 || this.constructor.getPropertyOptions(t2)).hasChanged || a$1)(this[t2], i2) ? (this._$AL.has(t2) || this._$AL.set(t2, i2), true === s2.reflect && this._$El !== t2 && (void 0 === this._$EC && (this._$EC = /* @__PURE__ */ new Map()), this._$EC.set(t2, s2))) : e2 = false), !this.isUpdatePending && e2 && (this._$E_ = this._$Ej());
+    void 0 !== t2 && (((s3 = s3 || this.constructor.getPropertyOptions(t2)).hasChanged || a$2)(this[t2], i3) ? (this._$AL.has(t2) || this._$AL.set(t2, i3), true === s3.reflect && this._$El !== t2 && (void 0 === this._$EC && (this._$EC = /* @__PURE__ */ new Map()), this._$EC.set(t2, s3))) : e2 = false), !this.isUpdatePending && e2 && (this._$E_ = this._$Ej());
   }
   async _$Ej() {
     this.isUpdatePending = true;
@@ -207,26 +207,26 @@ let u$1 = class u extends HTMLElement {
   performUpdate() {
     var t2;
     if (!this.isUpdatePending) return;
-    this.hasUpdated, this._$Ei && (this._$Ei.forEach(((t3, i3) => this[i3] = t3)), this._$Ei = void 0);
-    let i2 = false;
-    const s2 = this._$AL;
+    this.hasUpdated, this._$Ei && (this._$Ei.forEach(((t3, i4) => this[i4] = t3)), this._$Ei = void 0);
+    let i3 = false;
+    const s3 = this._$AL;
     try {
-      i2 = this.shouldUpdate(s2), i2 ? (this.willUpdate(s2), null === (t2 = this._$ES) || void 0 === t2 || t2.forEach(((t3) => {
-        var i3;
-        return null === (i3 = t3.hostUpdate) || void 0 === i3 ? void 0 : i3.call(t3);
-      })), this.update(s2)) : this._$Ek();
+      i3 = this.shouldUpdate(s3), i3 ? (this.willUpdate(s3), null === (t2 = this._$ES) || void 0 === t2 || t2.forEach(((t3) => {
+        var i4;
+        return null === (i4 = t3.hostUpdate) || void 0 === i4 ? void 0 : i4.call(t3);
+      })), this.update(s3)) : this._$Ek();
     } catch (t3) {
-      throw i2 = false, this._$Ek(), t3;
+      throw i3 = false, this._$Ek(), t3;
     }
-    i2 && this._$AE(s2);
+    i3 && this._$AE(s3);
   }
   willUpdate(t2) {
   }
   _$AE(t2) {
-    var i2;
-    null === (i2 = this._$ES) || void 0 === i2 || i2.forEach(((t3) => {
-      var i3;
-      return null === (i3 = t3.hostUpdated) || void 0 === i3 ? void 0 : i3.call(t3);
+    var i3;
+    null === (i3 = this._$ES) || void 0 === i3 || i3.forEach(((t3) => {
+      var i4;
+      return null === (i4 = t3.hostUpdated) || void 0 === i4 ? void 0 : i4.call(t3);
     })), this.hasUpdated || (this.hasUpdated = true, this.firstUpdated(t2)), this.updated(t2);
   }
   _$Ek() {
@@ -242,92 +242,92 @@ let u$1 = class u extends HTMLElement {
     return true;
   }
   update(t2) {
-    void 0 !== this._$EC && (this._$EC.forEach(((t3, i2) => this._$EO(i2, this[i2], t3))), this._$EC = void 0), this._$Ek();
+    void 0 !== this._$EC && (this._$EC.forEach(((t3, i3) => this._$EO(i3, this[i3], t3))), this._$EC = void 0), this._$Ek();
   }
   updated(t2) {
   }
   firstUpdated(t2) {
   }
 };
-u$1[d$1] = true, u$1.elementProperties = /* @__PURE__ */ new Map(), u$1.elementStyles = [], u$1.shadowRootOptions = { mode: "open" }, null == o$3 || o$3({ ReactiveElement: u$1 }), (null !== (s$2 = e$4.reactiveElementVersions) && void 0 !== s$2 ? s$2 : e$4.reactiveElementVersions = []).push("1.6.3");
+u$2[d$2] = true, u$2.elementProperties = /* @__PURE__ */ new Map(), u$2.elementStyles = [], u$2.shadowRootOptions = { mode: "open" }, null == o$4 || o$4({ ReactiveElement: u$2 }), (null !== (s$3 = e$5.reactiveElementVersions) && void 0 !== s$3 ? s$3 : e$5.reactiveElementVersions = []).push("1.6.3");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var t$2;
-const i$2 = window, s$1 = i$2.trustedTypes, e$3 = s$1 ? s$1.createPolicy("lit-html", { createHTML: (t2) => t2 }) : void 0, o$2 = "$lit$", n$3 = `lit$${(Math.random() + "").slice(9)}$`, l$2 = "?" + n$3, h = `<${l$2}>`, r = document, u2 = () => r.createComment(""), d = (t2) => null === t2 || "object" != typeof t2 && "function" != typeof t2, c = Array.isArray, v = (t2) => c(t2) || "function" == typeof (null == t2 ? void 0 : t2[Symbol.iterator]), a = "[ 	\n\f\r]", f = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, _ = /-->/g, m = />/g, p = RegExp(`>|${a}(?:([^\\s"'>=/]+)(${a}*=${a}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), g = /'/g, $ = /"/g, y = /^(?:script|style|textarea|title)$/i, w = (t2) => (i2, ...s2) => ({ _$litType$: t2, strings: i2, values: s2 }), x = w(1), b = w(2), T = Symbol.for("lit-noChange"), A = Symbol.for("lit-nothing"), E = /* @__PURE__ */ new WeakMap(), C = r.createTreeWalker(r, 129, null, false);
-function P(t2, i2) {
+var t$3;
+const i$3 = window, s$2 = i$3.trustedTypes, e$4 = s$2 ? s$2.createPolicy("lit-html", { createHTML: (t2) => t2 }) : void 0, o$3 = "$lit$", n$4 = `lit$${(Math.random() + "").slice(9)}$`, l$3 = "?" + n$4, h$1 = `<${l$3}>`, r$1 = document, u$1 = () => r$1.createComment(""), d$1 = (t2) => null === t2 || "object" != typeof t2 && "function" != typeof t2, c$1 = Array.isArray, v$1 = (t2) => c$1(t2) || "function" == typeof (null == t2 ? void 0 : t2[Symbol.iterator]), a$1 = "[ 	\n\f\r]", f$1 = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, _$1 = /-->/g, m$1 = />/g, p$1 = RegExp(`>|${a$1}(?:([^\\s"'>=/]+)(${a$1}*=${a$1}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), g$1 = /'/g, $$1 = /"/g, y$1 = /^(?:script|style|textarea|title)$/i, w = (t2) => (i3, ...s3) => ({ _$litType$: t2, strings: i3, values: s3 }), x = w(1), b$1 = w(2), T$1 = Symbol.for("lit-noChange"), A$1 = Symbol.for("lit-nothing"), E$1 = /* @__PURE__ */ new WeakMap(), C$1 = r$1.createTreeWalker(r$1, 129, null, false);
+function P$1(t2, i3) {
   if (!Array.isArray(t2) || !t2.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return void 0 !== e$3 ? e$3.createHTML(i2) : i2;
+  return void 0 !== e$4 ? e$4.createHTML(i3) : i3;
 }
-const V = (t2, i2) => {
-  const s2 = t2.length - 1, e2 = [];
-  let l2, r2 = 2 === i2 ? "<svg>" : "", u3 = f;
-  for (let i3 = 0; i3 < s2; i3++) {
-    const s3 = t2[i3];
+const V$1 = (t2, i3) => {
+  const s3 = t2.length - 1, e2 = [];
+  let l2, r2 = 2 === i3 ? "<svg>" : "", u3 = f$1;
+  for (let i4 = 0; i4 < s3; i4++) {
+    const s4 = t2[i4];
     let d2, c2, v2 = -1, a2 = 0;
-    for (; a2 < s3.length && (u3.lastIndex = a2, c2 = u3.exec(s3), null !== c2); ) a2 = u3.lastIndex, u3 === f ? "!--" === c2[1] ? u3 = _ : void 0 !== c2[1] ? u3 = m : void 0 !== c2[2] ? (y.test(c2[2]) && (l2 = RegExp("</" + c2[2], "g")), u3 = p) : void 0 !== c2[3] && (u3 = p) : u3 === p ? ">" === c2[0] ? (u3 = null != l2 ? l2 : f, v2 = -1) : void 0 === c2[1] ? v2 = -2 : (v2 = u3.lastIndex - c2[2].length, d2 = c2[1], u3 = void 0 === c2[3] ? p : '"' === c2[3] ? $ : g) : u3 === $ || u3 === g ? u3 = p : u3 === _ || u3 === m ? u3 = f : (u3 = p, l2 = void 0);
-    const w2 = u3 === p && t2[i3 + 1].startsWith("/>") ? " " : "";
-    r2 += u3 === f ? s3 + h : v2 >= 0 ? (e2.push(d2), s3.slice(0, v2) + o$2 + s3.slice(v2) + n$3 + w2) : s3 + n$3 + (-2 === v2 ? (e2.push(void 0), i3) : w2);
+    for (; a2 < s4.length && (u3.lastIndex = a2, c2 = u3.exec(s4), null !== c2); ) a2 = u3.lastIndex, u3 === f$1 ? "!--" === c2[1] ? u3 = _$1 : void 0 !== c2[1] ? u3 = m$1 : void 0 !== c2[2] ? (y$1.test(c2[2]) && (l2 = RegExp("</" + c2[2], "g")), u3 = p$1) : void 0 !== c2[3] && (u3 = p$1) : u3 === p$1 ? ">" === c2[0] ? (u3 = null != l2 ? l2 : f$1, v2 = -1) : void 0 === c2[1] ? v2 = -2 : (v2 = u3.lastIndex - c2[2].length, d2 = c2[1], u3 = void 0 === c2[3] ? p$1 : '"' === c2[3] ? $$1 : g$1) : u3 === $$1 || u3 === g$1 ? u3 = p$1 : u3 === _$1 || u3 === m$1 ? u3 = f$1 : (u3 = p$1, l2 = void 0);
+    const w2 = u3 === p$1 && t2[i4 + 1].startsWith("/>") ? " " : "";
+    r2 += u3 === f$1 ? s4 + h$1 : v2 >= 0 ? (e2.push(d2), s4.slice(0, v2) + o$3 + s4.slice(v2) + n$4 + w2) : s4 + n$4 + (-2 === v2 ? (e2.push(void 0), i4) : w2);
   }
-  return [P(t2, r2 + (t2[s2] || "<?>") + (2 === i2 ? "</svg>" : "")), e2];
+  return [P$1(t2, r2 + (t2[s3] || "<?>") + (2 === i3 ? "</svg>" : "")), e2];
 };
-class N {
-  constructor({ strings: t2, _$litType$: i2 }, e2) {
+let N$1 = class N {
+  constructor({ strings: t2, _$litType$: i3 }, e2) {
     let h2;
     this.parts = [];
     let r2 = 0, d2 = 0;
-    const c2 = t2.length - 1, v2 = this.parts, [a2, f2] = V(t2, i2);
-    if (this.el = N.createElement(a2, e2), C.currentNode = this.el.content, 2 === i2) {
-      const t3 = this.el.content, i3 = t3.firstChild;
-      i3.remove(), t3.append(...i3.childNodes);
+    const c2 = t2.length - 1, v2 = this.parts, [a2, f2] = V$1(t2, i3);
+    if (this.el = N.createElement(a2, e2), C$1.currentNode = this.el.content, 2 === i3) {
+      const t3 = this.el.content, i4 = t3.firstChild;
+      i4.remove(), t3.append(...i4.childNodes);
     }
-    for (; null !== (h2 = C.nextNode()) && v2.length < c2; ) {
+    for (; null !== (h2 = C$1.nextNode()) && v2.length < c2; ) {
       if (1 === h2.nodeType) {
         if (h2.hasAttributes()) {
           const t3 = [];
-          for (const i3 of h2.getAttributeNames()) if (i3.endsWith(o$2) || i3.startsWith(n$3)) {
-            const s2 = f2[d2++];
-            if (t3.push(i3), void 0 !== s2) {
-              const t4 = h2.getAttribute(s2.toLowerCase() + o$2).split(n$3), i4 = /([.?@])?(.*)/.exec(s2);
-              v2.push({ type: 1, index: r2, name: i4[2], strings: t4, ctor: "." === i4[1] ? H : "?" === i4[1] ? L : "@" === i4[1] ? z : k });
+          for (const i4 of h2.getAttributeNames()) if (i4.endsWith(o$3) || i4.startsWith(n$4)) {
+            const s3 = f2[d2++];
+            if (t3.push(i4), void 0 !== s3) {
+              const t4 = h2.getAttribute(s3.toLowerCase() + o$3).split(n$4), i5 = /([.?@])?(.*)/.exec(s3);
+              v2.push({ type: 1, index: r2, name: i5[2], strings: t4, ctor: "." === i5[1] ? H$1 : "?" === i5[1] ? L$1 : "@" === i5[1] ? z$1 : k$1 });
             } else v2.push({ type: 6, index: r2 });
           }
-          for (const i3 of t3) h2.removeAttribute(i3);
+          for (const i4 of t3) h2.removeAttribute(i4);
         }
-        if (y.test(h2.tagName)) {
-          const t3 = h2.textContent.split(n$3), i3 = t3.length - 1;
-          if (i3 > 0) {
-            h2.textContent = s$1 ? s$1.emptyScript : "";
-            for (let s2 = 0; s2 < i3; s2++) h2.append(t3[s2], u2()), C.nextNode(), v2.push({ type: 2, index: ++r2 });
-            h2.append(t3[i3], u2());
+        if (y$1.test(h2.tagName)) {
+          const t3 = h2.textContent.split(n$4), i4 = t3.length - 1;
+          if (i4 > 0) {
+            h2.textContent = s$2 ? s$2.emptyScript : "";
+            for (let s3 = 0; s3 < i4; s3++) h2.append(t3[s3], u$1()), C$1.nextNode(), v2.push({ type: 2, index: ++r2 });
+            h2.append(t3[i4], u$1());
           }
         }
-      } else if (8 === h2.nodeType) if (h2.data === l$2) v2.push({ type: 2, index: r2 });
+      } else if (8 === h2.nodeType) if (h2.data === l$3) v2.push({ type: 2, index: r2 });
       else {
         let t3 = -1;
-        for (; -1 !== (t3 = h2.data.indexOf(n$3, t3 + 1)); ) v2.push({ type: 7, index: r2 }), t3 += n$3.length - 1;
+        for (; -1 !== (t3 = h2.data.indexOf(n$4, t3 + 1)); ) v2.push({ type: 7, index: r2 }), t3 += n$4.length - 1;
       }
       r2++;
     }
   }
-  static createElement(t2, i2) {
-    const s2 = r.createElement("template");
-    return s2.innerHTML = t2, s2;
+  static createElement(t2, i3) {
+    const s3 = r$1.createElement("template");
+    return s3.innerHTML = t2, s3;
   }
-}
-function S(t2, i2, s2 = t2, e2) {
+};
+function S$1(t2, i3, s3 = t2, e2) {
   var o3, n2, l2, h2;
-  if (i2 === T) return i2;
-  let r2 = void 0 !== e2 ? null === (o3 = s2._$Co) || void 0 === o3 ? void 0 : o3[e2] : s2._$Cl;
-  const u3 = d(i2) ? void 0 : i2._$litDirective$;
-  return (null == r2 ? void 0 : r2.constructor) !== u3 && (null === (n2 = null == r2 ? void 0 : r2._$AO) || void 0 === n2 || n2.call(r2, false), void 0 === u3 ? r2 = void 0 : (r2 = new u3(t2), r2._$AT(t2, s2, e2)), void 0 !== e2 ? (null !== (l2 = (h2 = s2)._$Co) && void 0 !== l2 ? l2 : h2._$Co = [])[e2] = r2 : s2._$Cl = r2), void 0 !== r2 && (i2 = S(t2, r2._$AS(t2, i2.values), r2, e2)), i2;
+  if (i3 === T$1) return i3;
+  let r2 = void 0 !== e2 ? null === (o3 = s3._$Co) || void 0 === o3 ? void 0 : o3[e2] : s3._$Cl;
+  const u3 = d$1(i3) ? void 0 : i3._$litDirective$;
+  return (null == r2 ? void 0 : r2.constructor) !== u3 && (null === (n2 = null == r2 ? void 0 : r2._$AO) || void 0 === n2 || n2.call(r2, false), void 0 === u3 ? r2 = void 0 : (r2 = new u3(t2), r2._$AT(t2, s3, e2)), void 0 !== e2 ? (null !== (l2 = (h2 = s3)._$Co) && void 0 !== l2 ? l2 : h2._$Co = [])[e2] = r2 : s3._$Cl = r2), void 0 !== r2 && (i3 = S$1(t2, r2._$AS(t2, i3.values), r2, e2)), i3;
 }
-class M {
-  constructor(t2, i2) {
-    this._$AV = [], this._$AN = void 0, this._$AD = t2, this._$AM = i2;
+let M$1 = class M {
+  constructor(t2, i3) {
+    this._$AV = [], this._$AN = void 0, this._$AD = t2, this._$AM = i3;
   }
   get parentNode() {
     return this._$AM.parentNode;
@@ -336,37 +336,37 @@ class M {
     return this._$AM._$AU;
   }
   u(t2) {
-    var i2;
-    const { el: { content: s2 }, parts: e2 } = this._$AD, o3 = (null !== (i2 = null == t2 ? void 0 : t2.creationScope) && void 0 !== i2 ? i2 : r).importNode(s2, true);
-    C.currentNode = o3;
-    let n2 = C.nextNode(), l2 = 0, h2 = 0, u3 = e2[0];
+    var i3;
+    const { el: { content: s3 }, parts: e2 } = this._$AD, o3 = (null !== (i3 = null == t2 ? void 0 : t2.creationScope) && void 0 !== i3 ? i3 : r$1).importNode(s3, true);
+    C$1.currentNode = o3;
+    let n2 = C$1.nextNode(), l2 = 0, h2 = 0, u3 = e2[0];
     for (; void 0 !== u3; ) {
       if (l2 === u3.index) {
-        let i3;
-        2 === u3.type ? i3 = new R(n2, n2.nextSibling, this, t2) : 1 === u3.type ? i3 = new u3.ctor(n2, u3.name, u3.strings, this, t2) : 6 === u3.type && (i3 = new Z(n2, this, t2)), this._$AV.push(i3), u3 = e2[++h2];
+        let i4;
+        2 === u3.type ? i4 = new R$1(n2, n2.nextSibling, this, t2) : 1 === u3.type ? i4 = new u3.ctor(n2, u3.name, u3.strings, this, t2) : 6 === u3.type && (i4 = new Z(n2, this, t2)), this._$AV.push(i4), u3 = e2[++h2];
       }
-      l2 !== (null == u3 ? void 0 : u3.index) && (n2 = C.nextNode(), l2++);
+      l2 !== (null == u3 ? void 0 : u3.index) && (n2 = C$1.nextNode(), l2++);
     }
-    return C.currentNode = r, o3;
+    return C$1.currentNode = r$1, o3;
   }
   v(t2) {
-    let i2 = 0;
-    for (const s2 of this._$AV) void 0 !== s2 && (void 0 !== s2.strings ? (s2._$AI(t2, s2, i2), i2 += s2.strings.length - 2) : s2._$AI(t2[i2])), i2++;
+    let i3 = 0;
+    for (const s3 of this._$AV) void 0 !== s3 && (void 0 !== s3.strings ? (s3._$AI(t2, s3, i3), i3 += s3.strings.length - 2) : s3._$AI(t2[i3])), i3++;
   }
-}
-class R {
-  constructor(t2, i2, s2, e2) {
+};
+let R$1 = class R {
+  constructor(t2, i3, s3, e2) {
     var o3;
-    this.type = 2, this._$AH = A, this._$AN = void 0, this._$AA = t2, this._$AB = i2, this._$AM = s2, this.options = e2, this._$Cp = null === (o3 = null == e2 ? void 0 : e2.isConnected) || void 0 === o3 || o3;
+    this.type = 2, this._$AH = A$1, this._$AN = void 0, this._$AA = t2, this._$AB = i3, this._$AM = s3, this.options = e2, this._$Cp = null === (o3 = null == e2 ? void 0 : e2.isConnected) || void 0 === o3 || o3;
   }
   get _$AU() {
-    var t2, i2;
-    return null !== (i2 = null === (t2 = this._$AM) || void 0 === t2 ? void 0 : t2._$AU) && void 0 !== i2 ? i2 : this._$Cp;
+    var t2, i3;
+    return null !== (i3 = null === (t2 = this._$AM) || void 0 === t2 ? void 0 : t2._$AU) && void 0 !== i3 ? i3 : this._$Cp;
   }
   get parentNode() {
     let t2 = this._$AA.parentNode;
-    const i2 = this._$AM;
-    return void 0 !== i2 && 11 === (null == t2 ? void 0 : t2.nodeType) && (t2 = i2.parentNode), t2;
+    const i3 = this._$AM;
+    return void 0 !== i3 && 11 === (null == t2 ? void 0 : t2.nodeType) && (t2 = i3.parentNode), t2;
   }
   get startNode() {
     return this._$AA;
@@ -374,8 +374,8 @@ class R {
   get endNode() {
     return this._$AB;
   }
-  _$AI(t2, i2 = this) {
-    t2 = S(this, t2, i2), d(t2) ? t2 === A || null == t2 || "" === t2 ? (this._$AH !== A && this._$AR(), this._$AH = A) : t2 !== this._$AH && t2 !== T && this._(t2) : void 0 !== t2._$litType$ ? this.g(t2) : void 0 !== t2.nodeType ? this.$(t2) : v(t2) ? this.T(t2) : this._(t2);
+  _$AI(t2, i3 = this) {
+    t2 = S$1(this, t2, i3), d$1(t2) ? t2 === A$1 || null == t2 || "" === t2 ? (this._$AH !== A$1 && this._$AR(), this._$AH = A$1) : t2 !== this._$AH && t2 !== T$1 && this._(t2) : void 0 !== t2._$litType$ ? this.g(t2) : void 0 !== t2.nodeType ? this.$(t2) : v$1(t2) ? this.T(t2) : this._(t2);
   }
   k(t2) {
     return this._$AA.parentNode.insertBefore(t2, this._$AB);
@@ -384,43 +384,43 @@ class R {
     this._$AH !== t2 && (this._$AR(), this._$AH = this.k(t2));
   }
   _(t2) {
-    this._$AH !== A && d(this._$AH) ? this._$AA.nextSibling.data = t2 : this.$(r.createTextNode(t2)), this._$AH = t2;
+    this._$AH !== A$1 && d$1(this._$AH) ? this._$AA.nextSibling.data = t2 : this.$(r$1.createTextNode(t2)), this._$AH = t2;
   }
   g(t2) {
-    var i2;
-    const { values: s2, _$litType$: e2 } = t2, o3 = "number" == typeof e2 ? this._$AC(t2) : (void 0 === e2.el && (e2.el = N.createElement(P(e2.h, e2.h[0]), this.options)), e2);
-    if ((null === (i2 = this._$AH) || void 0 === i2 ? void 0 : i2._$AD) === o3) this._$AH.v(s2);
+    var i3;
+    const { values: s3, _$litType$: e2 } = t2, o3 = "number" == typeof e2 ? this._$AC(t2) : (void 0 === e2.el && (e2.el = N$1.createElement(P$1(e2.h, e2.h[0]), this.options)), e2);
+    if ((null === (i3 = this._$AH) || void 0 === i3 ? void 0 : i3._$AD) === o3) this._$AH.v(s3);
     else {
-      const t3 = new M(o3, this), i3 = t3.u(this.options);
-      t3.v(s2), this.$(i3), this._$AH = t3;
+      const t3 = new M$1(o3, this), i4 = t3.u(this.options);
+      t3.v(s3), this.$(i4), this._$AH = t3;
     }
   }
   _$AC(t2) {
-    let i2 = E.get(t2.strings);
-    return void 0 === i2 && E.set(t2.strings, i2 = new N(t2)), i2;
+    let i3 = E$1.get(t2.strings);
+    return void 0 === i3 && E$1.set(t2.strings, i3 = new N$1(t2)), i3;
   }
   T(t2) {
-    c(this._$AH) || (this._$AH = [], this._$AR());
-    const i2 = this._$AH;
-    let s2, e2 = 0;
-    for (const o3 of t2) e2 === i2.length ? i2.push(s2 = new R(this.k(u2()), this.k(u2()), this, this.options)) : s2 = i2[e2], s2._$AI(o3), e2++;
-    e2 < i2.length && (this._$AR(s2 && s2._$AB.nextSibling, e2), i2.length = e2);
+    c$1(this._$AH) || (this._$AH = [], this._$AR());
+    const i3 = this._$AH;
+    let s3, e2 = 0;
+    for (const o3 of t2) e2 === i3.length ? i3.push(s3 = new R(this.k(u$1()), this.k(u$1()), this, this.options)) : s3 = i3[e2], s3._$AI(o3), e2++;
+    e2 < i3.length && (this._$AR(s3 && s3._$AB.nextSibling, e2), i3.length = e2);
   }
-  _$AR(t2 = this._$AA.nextSibling, i2) {
-    var s2;
-    for (null === (s2 = this._$AP) || void 0 === s2 || s2.call(this, false, true, i2); t2 && t2 !== this._$AB; ) {
-      const i3 = t2.nextSibling;
-      t2.remove(), t2 = i3;
+  _$AR(t2 = this._$AA.nextSibling, i3) {
+    var s3;
+    for (null === (s3 = this._$AP) || void 0 === s3 || s3.call(this, false, true, i3); t2 && t2 !== this._$AB; ) {
+      const i4 = t2.nextSibling;
+      t2.remove(), t2 = i4;
     }
   }
   setConnected(t2) {
-    var i2;
-    void 0 === this._$AM && (this._$Cp = t2, null === (i2 = this._$AP) || void 0 === i2 || i2.call(this, t2));
+    var i3;
+    void 0 === this._$AM && (this._$Cp = t2, null === (i3 = this._$AP) || void 0 === i3 || i3.call(this, t2));
   }
-}
-class k {
-  constructor(t2, i2, s2, e2, o3) {
-    this.type = 1, this._$AH = A, this._$AN = void 0, this.element = t2, this.name = i2, this._$AM = e2, this.options = o3, s2.length > 2 || "" !== s2[0] || "" !== s2[1] ? (this._$AH = Array(s2.length - 1).fill(new String()), this.strings = s2) : this._$AH = A;
+};
+let k$1 = class k {
+  constructor(t2, i3, s3, e2, o3) {
+    this.type = 1, this._$AH = A$1, this._$AN = void 0, this.element = t2, this.name = i3, this._$AM = e2, this.options = o3, s3.length > 2 || "" !== s3[0] || "" !== s3[1] ? (this._$AH = Array(s3.length - 1).fill(new String()), this.strings = s3) : this._$AH = A$1;
   }
   get tagName() {
     return this.element.tagName;
@@ -428,73 +428,73 @@ class k {
   get _$AU() {
     return this._$AM._$AU;
   }
-  _$AI(t2, i2 = this, s2, e2) {
+  _$AI(t2, i3 = this, s3, e2) {
     const o3 = this.strings;
     let n2 = false;
-    if (void 0 === o3) t2 = S(this, t2, i2, 0), n2 = !d(t2) || t2 !== this._$AH && t2 !== T, n2 && (this._$AH = t2);
+    if (void 0 === o3) t2 = S$1(this, t2, i3, 0), n2 = !d$1(t2) || t2 !== this._$AH && t2 !== T$1, n2 && (this._$AH = t2);
     else {
       const e3 = t2;
       let l2, h2;
-      for (t2 = o3[0], l2 = 0; l2 < o3.length - 1; l2++) h2 = S(this, e3[s2 + l2], i2, l2), h2 === T && (h2 = this._$AH[l2]), n2 || (n2 = !d(h2) || h2 !== this._$AH[l2]), h2 === A ? t2 = A : t2 !== A && (t2 += (null != h2 ? h2 : "") + o3[l2 + 1]), this._$AH[l2] = h2;
+      for (t2 = o3[0], l2 = 0; l2 < o3.length - 1; l2++) h2 = S$1(this, e3[s3 + l2], i3, l2), h2 === T$1 && (h2 = this._$AH[l2]), n2 || (n2 = !d$1(h2) || h2 !== this._$AH[l2]), h2 === A$1 ? t2 = A$1 : t2 !== A$1 && (t2 += (null != h2 ? h2 : "") + o3[l2 + 1]), this._$AH[l2] = h2;
     }
     n2 && !e2 && this.j(t2);
   }
   j(t2) {
-    t2 === A ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, null != t2 ? t2 : "");
+    t2 === A$1 ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, null != t2 ? t2 : "");
   }
-}
-class H extends k {
+};
+let H$1 = class H extends k$1 {
   constructor() {
     super(...arguments), this.type = 3;
   }
   j(t2) {
-    this.element[this.name] = t2 === A ? void 0 : t2;
+    this.element[this.name] = t2 === A$1 ? void 0 : t2;
   }
-}
-const I = s$1 ? s$1.emptyScript : "";
-class L extends k {
+};
+const I$1 = s$2 ? s$2.emptyScript : "";
+let L$1 = class L extends k$1 {
   constructor() {
     super(...arguments), this.type = 4;
   }
   j(t2) {
-    t2 && t2 !== A ? this.element.setAttribute(this.name, I) : this.element.removeAttribute(this.name);
+    t2 && t2 !== A$1 ? this.element.setAttribute(this.name, I$1) : this.element.removeAttribute(this.name);
   }
-}
-class z extends k {
-  constructor(t2, i2, s2, e2, o3) {
-    super(t2, i2, s2, e2, o3), this.type = 5;
-  }
-  _$AI(t2, i2 = this) {
-    var s2;
-    if ((t2 = null !== (s2 = S(this, t2, i2, 0)) && void 0 !== s2 ? s2 : A) === T) return;
-    const e2 = this._$AH, o3 = t2 === A && e2 !== A || t2.capture !== e2.capture || t2.once !== e2.once || t2.passive !== e2.passive, n2 = t2 !== A && (e2 === A || o3);
+};
+let z$1 = class z extends k$1 {
+  constructor(t2, i3, s3, e2, o3) {
+    super(t2, i3, s3, e2, o3), this.type = 5;
+  }
+  _$AI(t2, i3 = this) {
+    var s3;
+    if ((t2 = null !== (s3 = S$1(this, t2, i3, 0)) && void 0 !== s3 ? s3 : A$1) === T$1) return;
+    const e2 = this._$AH, o3 = t2 === A$1 && e2 !== A$1 || t2.capture !== e2.capture || t2.once !== e2.once || t2.passive !== e2.passive, n2 = t2 !== A$1 && (e2 === A$1 || o3);
     o3 && this.element.removeEventListener(this.name, this, e2), n2 && this.element.addEventListener(this.name, this, t2), this._$AH = t2;
   }
   handleEvent(t2) {
-    var i2, s2;
-    "function" == typeof this._$AH ? this._$AH.call(null !== (s2 = null === (i2 = this.options) || void 0 === i2 ? void 0 : i2.host) && void 0 !== s2 ? s2 : this.element, t2) : this._$AH.handleEvent(t2);
+    var i3, s3;
+    "function" == typeof this._$AH ? this._$AH.call(null !== (s3 = null === (i3 = this.options) || void 0 === i3 ? void 0 : i3.host) && void 0 !== s3 ? s3 : this.element, t2) : this._$AH.handleEvent(t2);
   }
-}
+};
 class Z {
-  constructor(t2, i2, s2) {
-    this.element = t2, this.type = 6, this._$AN = void 0, this._$AM = i2, this.options = s2;
+  constructor(t2, i3, s3) {
+    this.element = t2, this.type = 6, this._$AN = void 0, this._$AM = i3, this.options = s3;
   }
   get _$AU() {
     return this._$AM._$AU;
   }
   _$AI(t2) {
-    S(this, t2);
+    S$1(this, t2);
   }
 }
-const B = i$2.litHtmlPolyfillSupport;
-null == B || B(N, R), (null !== (t$2 = i$2.litHtmlVersions) && void 0 !== t$2 ? t$2 : i$2.litHtmlVersions = []).push("2.8.0");
-const D = (t2, i2, s2) => {
+const B = i$3.litHtmlPolyfillSupport;
+null == B || B(N$1, R$1), (null !== (t$3 = i$3.litHtmlVersions) && void 0 !== t$3 ? t$3 : i$3.litHtmlVersions = []).push("2.8.0");
+const D = (t2, i3, s3) => {
   var e2, o3;
-  const n2 = null !== (e2 = null == s2 ? void 0 : s2.renderBefore) && void 0 !== e2 ? e2 : i2;
+  const n2 = null !== (e2 = null == s3 ? void 0 : s3.renderBefore) && void 0 !== e2 ? e2 : i3;
   let l2 = n2._$litPart$;
   if (void 0 === l2) {
-    const t3 = null !== (o3 = null == s2 ? void 0 : s2.renderBefore) && void 0 !== o3 ? o3 : null;
-    n2._$litPart$ = l2 = new R(i2.insertBefore(u2(), t3), t3, void 0, null != s2 ? s2 : {});
+    const t3 = null !== (o3 = null == s3 ? void 0 : s3.renderBefore) && void 0 !== o3 ? o3 : null;
+    n2._$litPart$ = l2 = new R$1(i3.insertBefore(u$1(), t3), t3, void 0, null != s3 ? s3 : {});
   }
   return l2._$AI(t2), l2;
 };
@@ -503,19 +503,19 @@ const D = (t2, i2, s2) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var l$1, o$1;
-class s extends u$1 {
+var l$2, o$2;
+let s$1 = class s extends u$2 {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
   createRenderRoot() {
     var t2, e2;
-    const i2 = super.createRenderRoot();
-    return null !== (t2 = (e2 = this.renderOptions).renderBefore) && void 0 !== t2 || (e2.renderBefore = i2.firstChild), i2;
+    const i3 = super.createRenderRoot();
+    return null !== (t2 = (e2 = this.renderOptions).renderBefore) && void 0 !== t2 || (e2.renderBefore = i3.firstChild), i3;
   }
   update(t2) {
-    const i2 = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t2), this._$Do = D(i2, this.renderRoot, this.renderOptions);
+    const i3 = this.render();
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t2), this._$Do = D(i3, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     var t2;
@@ -526,21 +526,21 @@ class s extends u$1 {
     super.disconnectedCallback(), null === (t2 = this._$Do) || void 0 === t2 || t2.setConnected(false);
   }
   render() {
-    return T;
+    return T$1;
   }
-}
-s.finalized = true, s._$litElement$ = true, null === (l$1 = globalThis.litElementHydrateSupport) || void 0 === l$1 || l$1.call(globalThis, { LitElement: s });
-const n$2 = globalThis.litElementPolyfillSupport;
-null == n$2 || n$2({ LitElement: s });
-(null !== (o$1 = globalThis.litElementVersions) && void 0 !== o$1 ? o$1 : globalThis.litElementVersions = []).push("3.3.3");
+};
+s$1.finalized = true, s$1._$litElement$ = true, null === (l$2 = globalThis.litElementHydrateSupport) || void 0 === l$2 || l$2.call(globalThis, { LitElement: s$1 });
+const n$3 = globalThis.litElementPolyfillSupport;
+null == n$3 || n$3({ LitElement: s$1 });
+(null !== (o$2 = globalThis.litElementVersions) && void 0 !== o$2 ? o$2 : globalThis.litElementVersions = []).push("3.3.3");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const e$2 = (e2) => (n2) => "function" == typeof n2 ? ((e3, n3) => (customElements.define(e3, n3), n3))(e2, n2) : ((e3, n3) => {
-  const { kind: t2, elements: s2 } = n3;
-  return { kind: t2, elements: s2, finisher(n4) {
+const e$3 = (e2) => (n2) => "function" == typeof n2 ? ((e3, n3) => (customElements.define(e3, n3), n3))(e2, n2) : ((e3, n3) => {
+  const { kind: t2, elements: s3 } = n3;
+  return { kind: t2, elements: s3, finisher(n4) {
     customElements.define(e3, n4);
   } };
 })(e2, n2);
@@ -549,47 +549,47 @@ const e$2 = (e2) => (n2) => "function" == typeof n2 ? ((e3, n3) => (customElemen
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const i$1 = (i2, e2) => "method" === e2.kind && e2.descriptor && !("value" in e2.descriptor) ? { ...e2, finisher(n2) {
-  n2.createProperty(e2.key, i2);
+const i$2 = (i3, e2) => "method" === e2.kind && e2.descriptor && !("value" in e2.descriptor) ? { ...e2, finisher(n2) {
+  n2.createProperty(e2.key, i3);
 } } : { kind: "field", key: Symbol(), placement: "own", descriptor: {}, originalKey: e2.key, initializer() {
   "function" == typeof e2.initializer && (this[e2.key] = e2.initializer.call(this));
 }, finisher(n2) {
-  n2.createProperty(e2.key, i2);
-} }, e$1 = (i2, e2, n2) => {
-  e2.constructor.createProperty(n2, i2);
+  n2.createProperty(e2.key, i3);
+} }, e$2 = (i3, e2, n2) => {
+  e2.constructor.createProperty(n2, i3);
 };
-function n$1(n2) {
-  return (t2, o3) => void 0 !== o3 ? e$1(n2, t2, o3) : i$1(n2, t2);
+function n$2(n2) {
+  return (t2, o3) => void 0 !== o3 ? e$2(n2, t2, o3) : i$2(n2, t2);
 }
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function t$1(t2) {
-  return n$1({ ...t2, state: true });
+function t$2(t2) {
+  return n$2({ ...t2, state: true });
 }
 /**
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var n;
-null != (null === (n = window.HTMLSlotElement) || void 0 === n ? void 0 : n.prototype.assignedElements) ? (o3, n2) => o3.assignedElements(n2) : (o3, n2) => o3.assignedNodes(n2).filter(((o4) => o4.nodeType === Node.ELEMENT_NODE));
+var n$1;
+null != (null === (n$1 = window.HTMLSlotElement) || void 0 === n$1 ? void 0 : n$1.prototype.assignedElements) ? (o3, n2) => o3.assignedElements(n2) : (o3, n2) => o3.assignedNodes(n2).filter(((o4) => o4.nodeType === Node.ELEMENT_NODE));
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const t = { ATTRIBUTE: 1 }, e = (t2) => (...e2) => ({ _$litDirective$: t2, values: e2 });
-class i {
+const t$1 = { ATTRIBUTE: 1 }, e$1 = (t2) => (...e2) => ({ _$litDirective$: t2, values: e2 });
+let i$1 = class i {
   constructor(t2) {
   }
   get _$AU() {
     return this._$AM._$AU;
   }
-  _$AT(t2, e2, i2) {
-    this._$Ct = t2, this._$AM = e2, this._$Ci = i2;
+  _$AT(t2, e2, i3) {
+    this._$Ct = t2, this._$AM = e2, this._$Ci = i3;
   }
   _$AS(t2, e2) {
     return this.update(t2, e2);
@@ -597,38 +597,258 @@ class i {
   update(t2, e2) {
     return this.render(...e2);
   }
-}
+};
 /**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const o2 = e(class extends i {
-  constructor(t$12) {
-    var i2;
-    if (super(t$12), t$12.type !== t.ATTRIBUTE || "class" !== t$12.name || (null === (i2 = t$12.strings) || void 0 === i2 ? void 0 : i2.length) > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
+const o$1 = e$1(class extends i$1 {
+  constructor(t2) {
+    var i3;
+    if (super(t2), t2.type !== t$1.ATTRIBUTE || "class" !== t2.name || (null === (i3 = t2.strings) || void 0 === i3 ? void 0 : i3.length) > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
   }
   render(t2) {
-    return " " + Object.keys(t2).filter(((i2) => t2[i2])).join(" ") + " ";
+    return " " + Object.keys(t2).filter(((i3) => t2[i3])).join(" ") + " ";
   }
-  update(i2, [s2]) {
+  update(i3, [s3]) {
     var r2, o3;
     if (void 0 === this.it) {
-      this.it = /* @__PURE__ */ new Set(), void 0 !== i2.strings && (this.nt = new Set(i2.strings.join(" ").split(/\s/).filter(((t2) => "" !== t2))));
-      for (const t2 in s2) s2[t2] && !(null === (r2 = this.nt) || void 0 === r2 ? void 0 : r2.has(t2)) && this.it.add(t2);
-      return this.render(s2);
+      this.it = /* @__PURE__ */ new Set(), void 0 !== i3.strings && (this.nt = new Set(i3.strings.join(" ").split(/\s/).filter(((t2) => "" !== t2))));
+      for (const t2 in s3) s3[t2] && !(null === (r2 = this.nt) || void 0 === r2 ? void 0 : r2.has(t2)) && this.it.add(t2);
+      return this.render(s3);
     }
-    const e2 = i2.element.classList;
+    const e2 = i3.element.classList;
     this.it.forEach(((t2) => {
-      t2 in s2 || (e2.remove(t2), this.it.delete(t2));
+      t2 in s3 || (e2.remove(t2), this.it.delete(t2));
     }));
-    for (const t2 in s2) {
-      const i3 = !!s2[t2];
-      i3 === this.it.has(t2) || (null === (o3 = this.nt) || void 0 === o3 ? void 0 : o3.has(t2)) || (i3 ? (e2.add(t2), this.it.add(t2)) : (e2.remove(t2), this.it.delete(t2)));
+    for (const t2 in s3) {
+      const i4 = !!s3[t2];
+      i4 === this.it.has(t2) || (null === (o3 = this.nt) || void 0 === o3 ? void 0 : o3.has(t2)) || (i4 ? (e2.add(t2), this.it.add(t2)) : (e2.remove(t2), this.it.delete(t2)));
     }
-    return T;
+    return T$1;
   }
 });
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const t = globalThis, i2 = t.trustedTypes, s2 = i2 ? i2.createPolicy("lit-html", { createHTML: (t2) => t2 }) : void 0, e = "$lit$", h = `lit$${Math.random().toFixed(9).slice(2)}$`, o2 = "?" + h, n = `<${o2}>`, r = document, l$1 = () => r.createComment(""), c = (t2) => null === t2 || "object" != typeof t2 && "function" != typeof t2, a = Array.isArray, u2 = (t2) => a(t2) || "function" == typeof t2?.[Symbol.iterator], d = "[ 	\n\f\r]", f = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, v = /-->/g, _ = />/g, m = RegExp(`>|${d}(?:([^\\s"'>=/]+)(${d}*=${d}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), p = /'/g, g = /"/g, $ = /^(?:script|style|textarea|title)$/i, y = (t2) => (i3, ...s3) => ({ _$litType$: t2, strings: i3, values: s3 }), b = y(2), T = Symbol.for("lit-noChange"), E = Symbol.for("lit-nothing"), A = /* @__PURE__ */ new WeakMap(), C = r.createTreeWalker(r, 129);
+function P(t2, i3) {
+  if (!a(t2) || !t2.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return void 0 !== s2 ? s2.createHTML(i3) : i3;
+}
+const V = (t2, i3) => {
+  const s3 = t2.length - 1, o3 = [];
+  let r2, l2 = 2 === i3 ? "<svg>" : 3 === i3 ? "<math>" : "", c2 = f;
+  for (let i4 = 0; i4 < s3; i4++) {
+    const s4 = t2[i4];
+    let a2, u3, d2 = -1, y2 = 0;
+    for (; y2 < s4.length && (c2.lastIndex = y2, u3 = c2.exec(s4), null !== u3); ) y2 = c2.lastIndex, c2 === f ? "!--" === u3[1] ? c2 = v : void 0 !== u3[1] ? c2 = _ : void 0 !== u3[2] ? ($.test(u3[2]) && (r2 = RegExp("</" + u3[2], "g")), c2 = m) : void 0 !== u3[3] && (c2 = m) : c2 === m ? ">" === u3[0] ? (c2 = r2 ?? f, d2 = -1) : void 0 === u3[1] ? d2 = -2 : (d2 = c2.lastIndex - u3[2].length, a2 = u3[1], c2 = void 0 === u3[3] ? m : '"' === u3[3] ? g : p) : c2 === g || c2 === p ? c2 = m : c2 === v || c2 === _ ? c2 = f : (c2 = m, r2 = void 0);
+    const x2 = c2 === m && t2[i4 + 1].startsWith("/>") ? " " : "";
+    l2 += c2 === f ? s4 + n : d2 >= 0 ? (o3.push(a2), s4.slice(0, d2) + e + s4.slice(d2) + h + x2) : s4 + h + (-2 === d2 ? i4 : x2);
+  }
+  return [P(t2, l2 + (t2[s3] || "<?>") + (2 === i3 ? "</svg>" : 3 === i3 ? "</math>" : "")), o3];
+};
+class N2 {
+  constructor({ strings: t2, _$litType$: s3 }, n2) {
+    let r2;
+    this.parts = [];
+    let c2 = 0, a2 = 0;
+    const u3 = t2.length - 1, d2 = this.parts, [f2, v2] = V(t2, s3);
+    if (this.el = N2.createElement(f2, n2), C.currentNode = this.el.content, 2 === s3 || 3 === s3) {
+      const t3 = this.el.content.firstChild;
+      t3.replaceWith(...t3.childNodes);
+    }
+    for (; null !== (r2 = C.nextNode()) && d2.length < u3; ) {
+      if (1 === r2.nodeType) {
+        if (r2.hasAttributes()) for (const t3 of r2.getAttributeNames()) if (t3.endsWith(e)) {
+          const i3 = v2[a2++], s4 = r2.getAttribute(t3).split(h), e2 = /([.?@])?(.*)/.exec(i3);
+          d2.push({ type: 1, index: c2, name: e2[2], strings: s4, ctor: "." === e2[1] ? H2 : "?" === e2[1] ? I : "@" === e2[1] ? L2 : k2 }), r2.removeAttribute(t3);
+        } else t3.startsWith(h) && (d2.push({ type: 6, index: c2 }), r2.removeAttribute(t3));
+        if ($.test(r2.tagName)) {
+          const t3 = r2.textContent.split(h), s4 = t3.length - 1;
+          if (s4 > 0) {
+            r2.textContent = i2 ? i2.emptyScript : "";
+            for (let i3 = 0; i3 < s4; i3++) r2.append(t3[i3], l$1()), C.nextNode(), d2.push({ type: 2, index: ++c2 });
+            r2.append(t3[s4], l$1());
+          }
+        }
+      } else if (8 === r2.nodeType) if (r2.data === o2) d2.push({ type: 2, index: c2 });
+      else {
+        let t3 = -1;
+        for (; -1 !== (t3 = r2.data.indexOf(h, t3 + 1)); ) d2.push({ type: 7, index: c2 }), t3 += h.length - 1;
+      }
+      c2++;
+    }
+  }
+  static createElement(t2, i3) {
+    const s3 = r.createElement("template");
+    return s3.innerHTML = t2, s3;
+  }
+}
+function S(t2, i3, s3 = t2, e2) {
+  if (i3 === T) return i3;
+  let h2 = void 0 !== e2 ? s3._$Co?.[e2] : s3._$Cl;
+  const o3 = c(i3) ? void 0 : i3._$litDirective$;
+  return h2?.constructor !== o3 && (h2?._$AO?.(false), void 0 === o3 ? h2 = void 0 : (h2 = new o3(t2), h2._$AT(t2, s3, e2)), void 0 !== e2 ? (s3._$Co ?? (s3._$Co = []))[e2] = h2 : s3._$Cl = h2), void 0 !== h2 && (i3 = S(t2, h2._$AS(t2, i3.values), h2, e2)), i3;
+}
+class M2 {
+  constructor(t2, i3) {
+    this._$AV = [], this._$AN = void 0, this._$AD = t2, this._$AM = i3;
+  }
+  get parentNode() {
+    return this._$AM.parentNode;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  u(t2) {
+    const { el: { content: i3 }, parts: s3 } = this._$AD, e2 = (t2?.creationScope ?? r).importNode(i3, true);
+    C.currentNode = e2;
+    let h2 = C.nextNode(), o3 = 0, n2 = 0, l2 = s3[0];
+    for (; void 0 !== l2; ) {
+      if (o3 === l2.index) {
+        let i4;
+        2 === l2.type ? i4 = new R2(h2, h2.nextSibling, this, t2) : 1 === l2.type ? i4 = new l2.ctor(h2, l2.name, l2.strings, this, t2) : 6 === l2.type && (i4 = new z2(h2, this, t2)), this._$AV.push(i4), l2 = s3[++n2];
+      }
+      o3 !== l2?.index && (h2 = C.nextNode(), o3++);
+    }
+    return C.currentNode = r, e2;
+  }
+  p(t2) {
+    let i3 = 0;
+    for (const s3 of this._$AV) void 0 !== s3 && (void 0 !== s3.strings ? (s3._$AI(t2, s3, i3), i3 += s3.strings.length - 2) : s3._$AI(t2[i3])), i3++;
+  }
+}
+class R2 {
+  get _$AU() {
+    return this._$AM?._$AU ?? this._$Cv;
+  }
+  constructor(t2, i3, s3, e2) {
+    this.type = 2, this._$AH = E, this._$AN = void 0, this._$AA = t2, this._$AB = i3, this._$AM = s3, this.options = e2, this._$Cv = e2?.isConnected ?? true;
+  }
+  get parentNode() {
+    let t2 = this._$AA.parentNode;
+    const i3 = this._$AM;
+    return void 0 !== i3 && 11 === t2?.nodeType && (t2 = i3.parentNode), t2;
+  }
+  get startNode() {
+    return this._$AA;
+  }
+  get endNode() {
+    return this._$AB;
+  }
+  _$AI(t2, i3 = this) {
+    t2 = S(this, t2, i3), c(t2) ? t2 === E || null == t2 || "" === t2 ? (this._$AH !== E && this._$AR(), this._$AH = E) : t2 !== this._$AH && t2 !== T && this._(t2) : void 0 !== t2._$litType$ ? this.$(t2) : void 0 !== t2.nodeType ? this.T(t2) : u2(t2) ? this.k(t2) : this._(t2);
+  }
+  O(t2) {
+    return this._$AA.parentNode.insertBefore(t2, this._$AB);
+  }
+  T(t2) {
+    this._$AH !== t2 && (this._$AR(), this._$AH = this.O(t2));
+  }
+  _(t2) {
+    this._$AH !== E && c(this._$AH) ? this._$AA.nextSibling.data = t2 : this.T(r.createTextNode(t2)), this._$AH = t2;
+  }
+  $(t2) {
+    const { values: i3, _$litType$: s3 } = t2, e2 = "number" == typeof s3 ? this._$AC(t2) : (void 0 === s3.el && (s3.el = N2.createElement(P(s3.h, s3.h[0]), this.options)), s3);
+    if (this._$AH?._$AD === e2) this._$AH.p(i3);
+    else {
+      const t3 = new M2(e2, this), s4 = t3.u(this.options);
+      t3.p(i3), this.T(s4), this._$AH = t3;
+    }
+  }
+  _$AC(t2) {
+    let i3 = A.get(t2.strings);
+    return void 0 === i3 && A.set(t2.strings, i3 = new N2(t2)), i3;
+  }
+  k(t2) {
+    a(this._$AH) || (this._$AH = [], this._$AR());
+    const i3 = this._$AH;
+    let s3, e2 = 0;
+    for (const h2 of t2) e2 === i3.length ? i3.push(s3 = new R2(this.O(l$1()), this.O(l$1()), this, this.options)) : s3 = i3[e2], s3._$AI(h2), e2++;
+    e2 < i3.length && (this._$AR(s3 && s3._$AB.nextSibling, e2), i3.length = e2);
+  }
+  _$AR(t2 = this._$AA.nextSibling, i3) {
+    for (this._$AP?.(false, true, i3); t2 !== this._$AB; ) {
+      const i4 = t2.nextSibling;
+      t2.remove(), t2 = i4;
+    }
+  }
+  setConnected(t2) {
+    void 0 === this._$AM && (this._$Cv = t2, this._$AP?.(t2));
+  }
+}
+class k2 {
+  get tagName() {
+    return this.element.tagName;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  constructor(t2, i3, s3, e2, h2) {
+    this.type = 1, this._$AH = E, this._$AN = void 0, this.element = t2, this.name = i3, this._$AM = e2, this.options = h2, s3.length > 2 || "" !== s3[0] || "" !== s3[1] ? (this._$AH = Array(s3.length - 1).fill(new String()), this.strings = s3) : this._$AH = E;
+  }
+  _$AI(t2, i3 = this, s3, e2) {
+    const h2 = this.strings;
+    let o3 = false;
+    if (void 0 === h2) t2 = S(this, t2, i3, 0), o3 = !c(t2) || t2 !== this._$AH && t2 !== T, o3 && (this._$AH = t2);
+    else {
+      const e3 = t2;
+      let n2, r2;
+      for (t2 = h2[0], n2 = 0; n2 < h2.length - 1; n2++) r2 = S(this, e3[s3 + n2], i3, n2), r2 === T && (r2 = this._$AH[n2]), o3 || (o3 = !c(r2) || r2 !== this._$AH[n2]), r2 === E ? t2 = E : t2 !== E && (t2 += (r2 ?? "") + h2[n2 + 1]), this._$AH[n2] = r2;
+    }
+    o3 && !e2 && this.j(t2);
+  }
+  j(t2) {
+    t2 === E ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t2 ?? "");
+  }
+}
+class H2 extends k2 {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(t2) {
+    this.element[this.name] = t2 === E ? void 0 : t2;
+  }
+}
+class I extends k2 {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(t2) {
+    this.element.toggleAttribute(this.name, !!t2 && t2 !== E);
+  }
+}
+class L2 extends k2 {
+  constructor(t2, i3, s3, e2, h2) {
+    super(t2, i3, s3, e2, h2), this.type = 5;
+  }
+  _$AI(t2, i3 = this) {
+    if ((t2 = S(this, t2, i3, 0) ?? E) === T) return;
+    const s3 = this._$AH, e2 = t2 === E && s3 !== E || t2.capture !== s3.capture || t2.once !== s3.once || t2.passive !== s3.passive, h2 = t2 !== E && (s3 === E || e2);
+    e2 && this.element.removeEventListener(this.name, this, s3), h2 && this.element.addEventListener(this.name, this, t2), this._$AH = t2;
+  }
+  handleEvent(t2) {
+    "function" == typeof this._$AH ? this._$AH.call(this.options?.host ?? this.element, t2) : this._$AH.handleEvent(t2);
+  }
+}
+class z2 {
+  constructor(t2, i3, s3) {
+    this.element = t2, this.type = 6, this._$AN = void 0, this._$AM = i3, this.options = s3;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t2) {
+    S(this, t2);
+  }
+}
+const j = t.litHtmlPolyfillSupport;
+j?.(N2, R2), (t.litHtmlVersions ?? (t.litHtmlVersions = [])).push("3.3.1");
 function addUniqueItem(array, item) {
   array.indexOf(item) === -1 && array.push(item);
 }
@@ -646,8 +866,8 @@ const wrap = (min, max, v2) => {
   const rangeSize = max - min;
   return ((v2 - min) % rangeSize + rangeSize) % rangeSize + min;
 };
-function getEasingForSegment(easing, i2) {
-  return isEasingList(easing) ? easing[wrap(0, easing.length, i2)] : easing;
+function getEasingForSegment(easing, i3) {
+  return isEasingList(easing) ? easing[wrap(0, easing.length, i3)] : easing;
 }
 const mix = (min, max, progress2) => -progress2 * min + progress2 * max + min;
 const noop = () => {
@@ -656,8 +876,8 @@ const noopReturn = (v2) => v2;
 const progress = (min, max, value) => max - min === 0 ? 1 : (value - min) / (max - min);
 function fillOffset(offset, remaining) {
   const min = offset[offset.length - 1];
-  for (let i2 = 1; i2 <= remaining; i2++) {
-    const offsetProgress = progress(0, remaining, i2);
+  for (let i3 = 1; i3 <= remaining; i3++) {
+    const offsetProgress = progress(0, remaining, i3);
     offset.push(mix(min, 1, offsetProgress));
   }
 }
@@ -671,15 +891,15 @@ function interpolate(output, input = defaultOffset(output.length), easing = noop
   const remainder = length - input.length;
   remainder > 0 && fillOffset(input, remainder);
   return (t2) => {
-    let i2 = 0;
-    for (; i2 < length - 2; i2++) {
-      if (t2 < input[i2 + 1])
+    let i3 = 0;
+    for (; i3 < length - 2; i3++) {
+      if (t2 < input[i3 + 1])
         break;
     }
-    let progressInRange = clamp(0, 1, progress(input[i2], input[i2 + 1], t2));
-    const segmentEasing = getEasingForSegment(easing, i2);
+    let progressInRange = clamp(0, 1, progress(input[i3], input[i3 + 1], t2));
+    const segmentEasing = getEasingForSegment(easing, i3);
     progressInRange = segmentEasing(progressInRange);
-    return mix(output[i2], output[i2 + 1], progressInRange);
+    return mix(output[i3], output[i3 + 1], progressInRange);
   };
 }
 const isCubicBezier = (easing) => Array.isArray(easing) && isNumber(easing[0]);
@@ -696,7 +916,7 @@ const subdivisionMaxIterations = 12;
 function binarySubdivide(x2, lowerBound, upperBound, mX1, mX2) {
   let currentX;
   let currentT;
-  let i2 = 0;
+  let i3 = 0;
   do {
     currentT = lowerBound + (upperBound - lowerBound) / 2;
     currentX = calcBezier(currentT, mX1, mX2) - x2;
@@ -705,7 +925,7 @@ function binarySubdivide(x2, lowerBound, upperBound, mX1, mX2) {
     } else {
       lowerBound = currentT;
     }
-  } while (Math.abs(currentX) > subdivisionPrecision && ++i2 < subdivisionMaxIterations);
+  } while (Math.abs(currentX) > subdivisionPrecision && ++i3 < subdivisionMaxIterations);
   return currentT;
 }
 function cubicBezier(mX1, mY1, mX2, mY2) {
@@ -993,8 +1213,8 @@ const resolution = 0.015;
 const generateLinearEasingPoints = (easing, duration) => {
   let points = "";
   const numPoints = Math.round(duration / resolution);
-  for (let i2 = 0; i2 < numPoints; i2++) {
-    points += easing(progress(0, numPoints - 1, i2)) + ", ";
+  for (let i3 = 0; i3 < numPoints; i3++) {
+    points += easing(progress(0, numPoints - 1, i3)) + ", ";
   }
   return points.substring(0, points.length - 2);
 };
@@ -1007,9 +1227,9 @@ const convertEasing = (easing, duration) => {
 };
 const cubicBezierAsString = ([a2, b2, c2, d2]) => `cubic-bezier(${a2}, ${b2}, ${c2}, ${d2})`;
 function hydrateKeyframes(keyframes, readInitialValue) {
-  for (let i2 = 0; i2 < keyframes.length; i2++) {
-    if (keyframes[i2] === null) {
-      keyframes[i2] = i2 ? keyframes[i2 - 1] : readInitialValue();
+  for (let i3 = 0; i3 < keyframes.length; i3++) {
+    if (keyframes[i3] === null) {
+      keyframes[i3] = i3 ? keyframes[i3 - 1] : readInitialValue();
     }
   }
   return keyframes;
@@ -1230,8 +1450,8 @@ const controls = {
         value = time.ms(value);
       // Fall-through
       case "playbackRate":
-        for (let i2 = 0; i2 < target.animations.length; i2++) {
-          target.animations[i2][key] = value;
+        for (let i3 = 0; i3 < target.animations.length; i3++) {
+          target.animations[i3][key] = value;
         }
         return true;
     }
@@ -1239,19 +1459,19 @@ const controls = {
   }
 };
 const selectFinished = (animation) => animation.finished;
-function resolveOption(option, i2, total) {
-  return isFunction(option) ? option(i2, total) : option;
+function resolveOption(option, i3, total) {
+  return isFunction(option) ? option(i3, total) : option;
 }
 function createAnimate(AnimatePolyfill) {
   return function animate2(elements, keyframes, options = {}) {
     elements = resolveElements(elements);
     const numElements = elements.length;
     const animationFactories = [];
-    for (let i2 = 0; i2 < numElements; i2++) {
-      const element = elements[i2];
+    for (let i3 = 0; i3 < numElements; i3++) {
+      const element = elements[i3];
       for (const key in keyframes) {
         const valueOptions = getOptions(options, key);
-        valueOptions.delay = resolveOption(valueOptions.delay, i2, numElements);
+        valueOptions.delay = resolveOption(valueOptions.delay, i3, numElements);
         const animation = animateStyle(element, key, keyframes[key], valueOptions, AnimatePolyfill);
         animationFactories.push(animation);
       }
@@ -1292,7 +1512,7 @@ function animate(target, keyframesOrOptions, options) {
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const l = (l2) => null != l2 ? l2 : A;
+const l = (l2) => null != l2 ? l2 : A$1;
 var browser = {};
 var canPromise;
 var hasRequiredCanPromise;
@@ -1448,8 +1668,8 @@ function requireBitBuffer() {
       return (this.buffer[bufIndex] >>> 7 - index % 8 & 1) === 1;
     },
     put: function(num, length) {
-      for (let i2 = 0; i2 < length; i2++) {
-        this.putBit((num >>> length - i2 - 1 & 1) === 1);
+      for (let i3 = 0; i3 < length; i3++) {
+        this.putBit((num >>> length - i3 - 1 & 1) === 1);
       }
     },
     getLengthInBits: function() {
@@ -1512,8 +1732,8 @@ function requireAlignmentPattern() {
       const size = getSymbolSize(version2);
       const intervals = size === 145 ? 26 : Math.ceil((size - 13) / (2 * posCount - 2)) * 2;
       const positions = [size - 7];
-      for (let i2 = 1; i2 < posCount - 1; i2++) {
-        positions[i2] = positions[i2 - 1] - intervals;
+      for (let i3 = 1; i3 < posCount - 1; i3++) {
+        positions[i3] = positions[i3 - 1] - intervals;
       }
       positions.push(6);
       return positions.reverse();
@@ -1522,14 +1742,14 @@ function requireAlignmentPattern() {
       const coords = [];
       const pos = exports.getRowColCoords(version2);
       const posLength = pos.length;
-      for (let i2 = 0; i2 < posLength; i2++) {
-        for (let j = 0; j < posLength; j++) {
-          if (i2 === 0 && j === 0 || // top-left
-          i2 === 0 && j === posLength - 1 || // bottom-left
-          i2 === posLength - 1 && j === 0) {
+      for (let i3 = 0; i3 < posLength; i3++) {
+        for (let j2 = 0; j2 < posLength; j2++) {
+          if (i3 === 0 && j2 === 0 || // top-left
+          i3 === 0 && j2 === posLength - 1 || // bottom-left
+          i3 === posLength - 1 && j2 === 0) {
             continue;
           }
-          coords.push([pos[i2], pos[j]]);
+          coords.push([pos[i3], pos[j2]]);
         }
       }
       return coords;
@@ -1648,28 +1868,28 @@ function requireMaskPattern() {
     exports.getPenaltyN4 = function getPenaltyN4(data2) {
       let darkCount = 0;
       const modulesCount = data2.data.length;
-      for (let i2 = 0; i2 < modulesCount; i2++) darkCount += data2.data[i2];
-      const k2 = Math.abs(Math.ceil(darkCount * 100 / modulesCount / 5) - 10);
-      return k2 * PenaltyScores.N4;
+      for (let i3 = 0; i3 < modulesCount; i3++) darkCount += data2.data[i3];
+      const k3 = Math.abs(Math.ceil(darkCount * 100 / modulesCount / 5) - 10);
+      return k3 * PenaltyScores.N4;
     };
-    function getMaskAt(maskPattern2, i2, j) {
+    function getMaskAt(maskPattern2, i3, j2) {
       switch (maskPattern2) {
         case exports.Patterns.PATTERN000:
-          return (i2 + j) % 2 === 0;
+          return (i3 + j2) % 2 === 0;
         case exports.Patterns.PATTERN001:
-          return i2 % 2 === 0;
+          return i3 % 2 === 0;
         case exports.Patterns.PATTERN010:
-          return j % 3 === 0;
+          return j2 % 3 === 0;
         case exports.Patterns.PATTERN011:
-          return (i2 + j) % 3 === 0;
+          return (i3 + j2) % 3 === 0;
         case exports.Patterns.PATTERN100:
-          return (Math.floor(i2 / 2) + Math.floor(j / 3)) % 2 === 0;
+          return (Math.floor(i3 / 2) + Math.floor(j2 / 3)) % 2 === 0;
         case exports.Patterns.PATTERN101:
-          return i2 * j % 2 + i2 * j % 3 === 0;
+          return i3 * j2 % 2 + i3 * j2 % 3 === 0;
         case exports.Patterns.PATTERN110:
-          return (i2 * j % 2 + i2 * j % 3) % 2 === 0;
+          return (i3 * j2 % 2 + i3 * j2 % 3) % 2 === 0;
         case exports.Patterns.PATTERN111:
-          return (i2 * j % 3 + (i2 + j) % 2) % 2 === 0;
+          return (i3 * j2 % 3 + (i3 + j2) % 2) % 2 === 0;
         default:
           throw new Error("bad maskPattern:" + maskPattern2);
       }
@@ -2074,16 +2294,16 @@ function requireGaloisField() {
   const LOG_TABLE = new Uint8Array(256);
   (function initTables() {
     let x2 = 1;
-    for (let i2 = 0; i2 < 255; i2++) {
-      EXP_TABLE[i2] = x2;
-      LOG_TABLE[x2] = i2;
+    for (let i3 = 0; i3 < 255; i3++) {
+      EXP_TABLE[i3] = x2;
+      LOG_TABLE[x2] = i3;
       x2 <<= 1;
       if (x2 & 256) {
         x2 ^= 285;
       }
     }
-    for (let i2 = 255; i2 < 512; i2++) {
-      EXP_TABLE[i2] = EXP_TABLE[i2 - 255];
+    for (let i3 = 255; i3 < 512; i3++) {
+      EXP_TABLE[i3] = EXP_TABLE[i3 - 255];
     }
   })();
   galoisField.log = function log(n2) {
@@ -2107,9 +2327,9 @@ function requirePolynomial() {
     const GF = requireGaloisField();
     exports.mul = function mul(p1, p2) {
       const coeff = new Uint8Array(p1.length + p2.length - 1);
-      for (let i2 = 0; i2 < p1.length; i2++) {
-        for (let j = 0; j < p2.length; j++) {
-          coeff[i2 + j] ^= GF.mul(p1[i2], p2[j]);
+      for (let i3 = 0; i3 < p1.length; i3++) {
+        for (let j2 = 0; j2 < p2.length; j2++) {
+          coeff[i3 + j2] ^= GF.mul(p1[i3], p2[j2]);
         }
       }
       return coeff;
@@ -2118,8 +2338,8 @@ function requirePolynomial() {
       let result = new Uint8Array(divident);
       while (result.length - divisor.length >= 0) {
         const coeff = result[0];
-        for (let i2 = 0; i2 < divisor.length; i2++) {
-          result[i2] ^= GF.mul(divisor[i2], coeff);
+        for (let i3 = 0; i3 < divisor.length; i3++) {
+          result[i3] ^= GF.mul(divisor[i3], coeff);
         }
         let offset = 0;
         while (offset < result.length && result[offset] === 0) offset++;
@@ -2129,8 +2349,8 @@ function requirePolynomial() {
     };
     exports.generateECPolynomial = function generateECPolynomial(degree) {
       let poly = new Uint8Array([1]);
-      for (let i2 = 0; i2 < degree; i2++) {
-        poly = exports.mul(poly, new Uint8Array([1, GF.exp(i2)]));
+      for (let i3 = 0; i3 < degree; i3++) {
+        poly = exports.mul(poly, new Uint8Array([1, GF.exp(i3)]));
       }
       return poly;
     };
@@ -2431,15 +2651,15 @@ function requireNumericData() {
     return NumericData.getBitsLength(this.data.length);
   };
   NumericData.prototype.write = function write(bitBuffer2) {
-    let i2, group, value;
-    for (i2 = 0; i2 + 3 <= this.data.length; i2 += 3) {
-      group = this.data.substr(i2, 3);
+    let i3, group, value;
+    for (i3 = 0; i3 + 3 <= this.data.length; i3 += 3) {
+      group = this.data.substr(i3, 3);
       value = parseInt(group, 10);
       bitBuffer2.put(value, 10);
     }
-    const remainingNum = this.data.length - i2;
+    const remainingNum = this.data.length - i3;
     if (remainingNum > 0) {
-      group = this.data.substr(i2);
+      group = this.data.substr(i3);
       value = parseInt(group, 10);
       bitBuffer2.put(value, remainingNum * 3 + 1);
     }
@@ -2514,14 +2734,14 @@ function requireAlphanumericData() {
     return AlphanumericData.getBitsLength(this.data.length);
   };
   AlphanumericData.prototype.write = function write(bitBuffer2) {
-    let i2;
-    for (i2 = 0; i2 + 2 <= this.data.length; i2 += 2) {
-      let value = ALPHA_NUM_CHARS.indexOf(this.data[i2]) * 45;
-      value += ALPHA_NUM_CHARS.indexOf(this.data[i2 + 1]);
+    let i3;
+    for (i3 = 0; i3 + 2 <= this.data.length; i3 += 2) {
+      let value = ALPHA_NUM_CHARS.indexOf(this.data[i3]) * 45;
+      value += ALPHA_NUM_CHARS.indexOf(this.data[i3 + 1]);
       bitBuffer2.put(value, 11);
     }
     if (this.data.length % 2) {
-      bitBuffer2.put(ALPHA_NUM_CHARS.indexOf(this.data[i2]), 6);
+      bitBuffer2.put(ALPHA_NUM_CHARS.indexOf(this.data[i3]), 6);
     }
   };
   alphanumericData = AlphanumericData;
@@ -2596,8 +2816,8 @@ function requireByteData() {
     return ByteData.getBitsLength(this.data.length);
   };
   ByteData.prototype.write = function(bitBuffer2) {
-    for (let i2 = 0, l2 = this.data.length; i2 < l2; i2++) {
-      bitBuffer2.put(this.data[i2], 8);
+    for (let i3 = 0, l2 = this.data.length; i3 < l2; i3++) {
+      bitBuffer2.put(this.data[i3], 8);
     }
   };
   byteData = ByteData;
@@ -2624,16 +2844,16 @@ function requireKanjiData() {
     return KanjiData.getBitsLength(this.data.length);
   };
   KanjiData.prototype.write = function(bitBuffer2) {
-    let i2;
-    for (i2 = 0; i2 < this.data.length; i2++) {
-      let value = Utils.toSJIS(this.data[i2]);
+    let i3;
+    for (i3 = 0; i3 < this.data.length; i3++) {
+      let value = Utils.toSJIS(this.data[i3]);
       if (value >= 33088 && value <= 40956) {
         value -= 33088;
       } else if (value >= 57408 && value <= 60351) {
         value -= 49472;
       } else {
         throw new Error(
-          "Invalid SJIS character: " + this.data[i2] + "\nMake sure your charset is UTF-8"
+          "Invalid SJIS character: " + this.data[i3] + "\nMake sure your charset is UTF-8"
         );
       }
       value = (value >>> 8 & 255) * 192 + (value & 255);
@@ -2650,12 +2870,12 @@ function requireDijkstra() {
   hasRequiredDijkstra = 1;
   (function(module) {
     var dijkstra2 = {
-      single_source_shortest_paths: function(graph, s2, d2) {
+      single_source_shortest_paths: function(graph, s3, d2) {
         var predecessors = {};
         var costs = {};
-        costs[s2] = 0;
+        costs[s3] = 0;
         var open = dijkstra2.PriorityQueue.make();
-        open.push(s2, 0);
+        open.push(s3, 0);
         var closest, u3, v2, cost_of_s_to_u, adjacent_nodes, cost_of_e, cost_of_s_to_u_plus_cost_of_e, cost_of_s_to_v, first_visit;
         while (!open.empty()) {
           closest = open.pop();
@@ -2677,7 +2897,7 @@ function requireDijkstra() {
           }
         }
         if (typeof d2 !== "undefined" && typeof costs[d2] === "undefined") {
-          var msg = ["Could not find a path from ", s2, " to ", d2, "."].join("");
+          var msg = ["Could not find a path from ", s3, " to ", d2, "."].join("");
           throw new Error(msg);
         }
         return predecessors;
@@ -2693,8 +2913,8 @@ function requireDijkstra() {
         nodes.reverse();
         return nodes;
       },
-      find_path: function(graph, s2, d2) {
-        var predecessors = dijkstra2.single_source_shortest_paths(graph, s2, d2);
+      find_path: function(graph, s3, d2) {
+        var predecessors = dijkstra2.single_source_shortest_paths(graph, s3, d2);
         return dijkstra2.extract_shortest_path_from_predecessor_list(
           predecessors,
           d2
@@ -2787,8 +3007,8 @@ function requireSegments() {
         kanjiSegs = [];
       }
       const segs = numSegs.concat(alphaNumSegs, byteSegs, kanjiSegs);
-      return segs.sort(function(s1, s2) {
-        return s1.index - s2.index;
+      return segs.sort(function(s1, s22) {
+        return s1.index - s22.index;
       }).map(function(obj) {
         return {
           data: obj.data,
@@ -2822,8 +3042,8 @@ function requireSegments() {
     }
     function buildNodes(segs) {
       const nodes = [];
-      for (let i2 = 0; i2 < segs.length; i2++) {
-        const seg = segs[i2];
+      for (let i3 = 0; i3 < segs.length; i3++) {
+        const seg = segs[i3];
         switch (seg.mode) {
           case Mode.NUMERIC:
             nodes.push([
@@ -2856,12 +3076,12 @@ function requireSegments() {
       const table = {};
       const graph = { start: {} };
       let prevNodeIds = ["start"];
-      for (let i2 = 0; i2 < nodes.length; i2++) {
-        const nodeGroup = nodes[i2];
+      for (let i3 = 0; i3 < nodes.length; i3++) {
+        const nodeGroup = nodes[i3];
         const currentNodeIds = [];
-        for (let j = 0; j < nodeGroup.length; j++) {
-          const node = nodeGroup[j];
-          const key = "" + i2 + j;
+        for (let j2 = 0; j2 < nodeGroup.length; j2++) {
+          const node = nodeGroup[j2];
+          const key = "" + i3 + j2;
           currentNodeIds.push(key);
           table[key] = { node, lastCount: 0 };
           graph[key] = {};
@@ -2920,8 +3140,8 @@ function requireSegments() {
       const graph = buildGraph(nodes, version2);
       const path = dijkstra2.find_path(graph.map, "start", "end");
       const optimizedSegs = [];
-      for (let i2 = 1; i2 < path.length - 1; i2++) {
-        optimizedSegs.push(graph.table[path[i2]].node);
+      for (let i3 = 1; i3 < path.length - 1; i3++) {
+        optimizedSegs.push(graph.table[path[i3]].node);
       }
       return exports.fromArray(mergeSegments(optimizedSegs));
     };
@@ -2953,9 +3173,9 @@ function requireQrcode() {
   function setupFinderPattern(matrix, version2) {
     const size = matrix.size;
     const pos = FinderPattern.getPositions(version2);
-    for (let i2 = 0; i2 < pos.length; i2++) {
-      const row = pos[i2][0];
-      const col = pos[i2][1];
+    for (let i3 = 0; i3 < pos.length; i3++) {
+      const row = pos[i3][0];
+      const col = pos[i3][1];
       for (let r2 = -1; r2 <= 7; r2++) {
         if (row + r2 <= -1 || size <= row + r2) continue;
         for (let c2 = -1; c2 <= 7; c2++) {
@@ -2979,9 +3199,9 @@ function requireQrcode() {
   }
   function setupAlignmentPattern(matrix, version2) {
     const pos = AlignmentPattern.getPositions(version2);
-    for (let i2 = 0; i2 < pos.length; i2++) {
-      const row = pos[i2][0];
-      const col = pos[i2][1];
+    for (let i3 = 0; i3 < pos.length; i3++) {
+      const row = pos[i3][0];
+      const col = pos[i3][1];
       for (let r2 = -2; r2 <= 2; r2++) {
         for (let c2 = -2; c2 <= 2; c2++) {
           if (r2 === -2 || r2 === 2 || c2 === -2 || c2 === 2 || r2 === 0 && c2 === 0) {
@@ -2997,10 +3217,10 @@ function requireQrcode() {
     const size = matrix.size;
     const bits = Version.getEncodedBits(version2);
     let row, col, mod;
-    for (let i2 = 0; i2 < 18; i2++) {
-      row = Math.floor(i2 / 3);
-      col = i2 % 3 + size - 8 - 3;
-      mod = (bits >> i2 & 1) === 1;
+    for (let i3 = 0; i3 < 18; i3++) {
+      row = Math.floor(i3 / 3);
+      col = i3 % 3 + size - 8 - 3;
+      mod = (bits >> i3 & 1) === 1;
       matrix.set(row, col, mod, true);
       matrix.set(col, row, mod, true);
     }
@@ -3008,22 +3228,22 @@ function requireQrcode() {
   function setupFormatInfo(matrix, errorCorrectionLevel2, maskPattern2) {
     const size = matrix.size;
     const bits = FormatInfo.getEncodedBits(errorCorrectionLevel2, maskPattern2);
-    let i2, mod;
-    for (i2 = 0; i2 < 15; i2++) {
-      mod = (bits >> i2 & 1) === 1;
-      if (i2 < 6) {
-        matrix.set(i2, 8, mod, true);
-      } else if (i2 < 8) {
-        matrix.set(i2 + 1, 8, mod, true);
+    let i3, mod;
+    for (i3 = 0; i3 < 15; i3++) {
+      mod = (bits >> i3 & 1) === 1;
+      if (i3 < 6) {
+        matrix.set(i3, 8, mod, true);
+      } else if (i3 < 8) {
+        matrix.set(i3 + 1, 8, mod, true);
       } else {
-        matrix.set(size - 15 + i2, 8, mod, true);
+        matrix.set(size - 15 + i3, 8, mod, true);
       }
-      if (i2 < 8) {
-        matrix.set(8, size - i2 - 1, mod, true);
-      } else if (i2 < 9) {
-        matrix.set(8, 15 - i2 - 1 + 1, mod, true);
+      if (i3 < 8) {
+        matrix.set(8, size - i3 - 1, mod, true);
+      } else if (i3 < 9) {
+        matrix.set(8, 15 - i3 - 1 + 1, mod, true);
       } else {
-        matrix.set(8, 15 - i2 - 1, mod, true);
+        matrix.set(8, 15 - i3 - 1, mod, true);
       }
     }
     matrix.set(size - 8, 8, 1, true);
@@ -3077,8 +3297,8 @@ function requireQrcode() {
       buffer.putBit(0);
     }
     const remainingByte = (dataTotalCodewordsBits - buffer.getLengthInBits()) / 8;
-    for (let i2 = 0; i2 < remainingByte; i2++) {
-      buffer.put(i2 % 2 ? 17 : 236, 8);
+    for (let i3 = 0; i3 < remainingByte; i3++) {
+      buffer.put(i3 % 2 ? 17 : 236, 8);
     }
     return createCodewords(buffer, version2, errorCorrectionLevel2);
   }
@@ -3108,17 +3328,17 @@ function requireQrcode() {
     }
     const data2 = new Uint8Array(totalCodewords);
     let index = 0;
-    let i2, r2;
-    for (i2 = 0; i2 < maxDataSize; i2++) {
+    let i3, r2;
+    for (i3 = 0; i3 < maxDataSize; i3++) {
       for (r2 = 0; r2 < ecTotalBlocks; r2++) {
-        if (i2 < dcData[r2].length) {
-          data2[index++] = dcData[r2][i2];
+        if (i3 < dcData[r2].length) {
+          data2[index++] = dcData[r2][i3];
         }
       }
     }
-    for (i2 = 0; i2 < ecCount; i2++) {
+    for (i3 = 0; i3 < ecCount; i3++) {
       for (r2 = 0; r2 < ecTotalBlocks; r2++) {
-        data2[index++] = ecData[r2][i2];
+        data2[index++] = ecData[r2][i3];
       }
     }
     return data2;
@@ -3259,13 +3479,13 @@ function requireUtils() {
       const symbolSize = Math.floor((size + opts.margin * 2) * scale);
       const scaledMargin = opts.margin * scale;
       const palette = [opts.color.light, opts.color.dark];
-      for (let i2 = 0; i2 < symbolSize; i2++) {
-        for (let j = 0; j < symbolSize; j++) {
-          let posDst = (i2 * symbolSize + j) * 4;
+      for (let i3 = 0; i3 < symbolSize; i3++) {
+        for (let j2 = 0; j2 < symbolSize; j2++) {
+          let posDst = (i3 * symbolSize + j2) * 4;
           let pxColor = opts.color.light;
-          if (i2 >= scaledMargin && j >= scaledMargin && i2 < symbolSize - scaledMargin && j < symbolSize - scaledMargin) {
-            const iSrc = Math.floor((i2 - scaledMargin) / scale);
-            const jSrc = Math.floor((j - scaledMargin) / scale);
+          if (i3 >= scaledMargin && j2 >= scaledMargin && i3 < symbolSize - scaledMargin && j2 < symbolSize - scaledMargin) {
+            const iSrc = Math.floor((i3 - scaledMargin) / scale);
+            const jSrc = Math.floor((j2 - scaledMargin) / scale);
             pxColor = palette[data2[iSrc * size + jSrc] ? 1 : 0];
           }
           imgData[posDst++] = pxColor.r;
@@ -3354,18 +3574,18 @@ function requireSvgTag() {
     let moveBy = 0;
     let newRow = false;
     let lineLength = 0;
-    for (let i2 = 0; i2 < data2.length; i2++) {
-      const col = Math.floor(i2 % size);
-      const row = Math.floor(i2 / size);
+    for (let i3 = 0; i3 < data2.length; i3++) {
+      const col = Math.floor(i3 % size);
+      const row = Math.floor(i3 / size);
       if (!col && !newRow) newRow = true;
-      if (data2[i2]) {
+      if (data2[i3]) {
         lineLength++;
-        if (!(i2 > 0 && col > 0 && data2[i2 - 1])) {
+        if (!(i3 > 0 && col > 0 && data2[i3 - 1])) {
           path += newRow ? svgCmd("M", col + margin, 0.5 + row + margin) : svgCmd("m", moveBy, 0);
           moveBy = 0;
           newRow = false;
         }
-        if (!(col + 1 < size && data2[i2 + 1])) {
+        if (!(col + 1 < size && data2[i3 + 1])) {
           path += svgCmd("h", lineLength);
           lineLength = 0;
         }
@@ -3573,21 +3793,21 @@ const ThemeUtil = {
       Object.entries(variables).forEach(([key, val]) => root.style.setProperty(key, val));
     }
   },
-  globalCss: i$3`*,::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)}`
+  globalCss: i$4`*,::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)}`
 };
-const styles$t = i$3`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}`;
+const styles$t = i$4`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 __defProp$x = Object.defineProperty;
 var __getOwnPropDesc$x = Object.getOwnPropertyDescriptor;
 var __decorateClass$x = (decorators, target, key, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$x(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
+  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
+    if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
     __defProp$x(target, key, result);
   return result;
 };
-let WcmButton = class extends s {
+let WcmButton = class extends s$1 {
   constructor() {
     super(...arguments);
     this.disabled = false;
@@ -3611,41 +3831,41 @@ let WcmButton = class extends s {
     if (this.variant === "outline") {
       textColor = "accent";
     }
-    return x`<button class="${o2(classes)}" ?disabled="${this.disabled}" @click="${this.onClick}">${this.iconLeft}<wcm-text variant="small-regular" color="${textColor}"><slot></slot></wcm-text>${this.iconRight}</button>`;
+    return x`<button class="${o$1(classes)}" ?disabled="${this.disabled}" @click="${this.onClick}">${this.iconLeft}<wcm-text variant="small-regular" color="${textColor}"><slot></slot></wcm-text>${this.iconRight}</button>`;
   }
 };
 WcmButton.styles = [ThemeUtil.globalCss, styles$t];
 __decorateClass$x([
-  n$1({ type: Boolean })
+  n$2({ type: Boolean })
 ], WcmButton.prototype, "disabled", 2);
 __decorateClass$x([
-  n$1()
+  n$2()
 ], WcmButton.prototype, "iconLeft", 2);
 __decorateClass$x([
-  n$1()
+  n$2()
 ], WcmButton.prototype, "iconRight", 2);
 __decorateClass$x([
-  n$1()
+  n$2()
 ], WcmButton.prototype, "onClick", 2);
 __decorateClass$x([
-  n$1()
+  n$2()
 ], WcmButton.prototype, "variant", 2);
 WcmButton = __decorateClass$x([
-  e$2("wcm-button")
+  e$3("wcm-button")
 ], WcmButton);
-const styles$s = i$3`: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)}}`;
+const styles$s = i$4`: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 __defProp$w = Object.defineProperty;
 var __getOwnPropDesc$w = Object.getOwnPropertyDescriptor;
 var __decorateClass$w = (decorators, target, key, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$w(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
+  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
+    if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
     __defProp$w(target, key, result);
   return result;
 };
-let WcmButtonBig = class extends s {
+let WcmButtonBig = class extends s$1 {
   constructor() {
     super(...arguments);
     this.disabled = false;
@@ -3656,29 +3876,29 @@ let WcmButtonBig = class extends s {
     const classes = {
       "wcm-secondary": this.variant === "secondary"
     };
-    return x`<button ?disabled="${this.disabled}" class="${o2(classes)}"><slot></slot></button>`;
+    return x`<button ?disabled="${this.disabled}" class="${o$1(classes)}"><slot></slot></button>`;
   }
 };
 WcmButtonBig.styles = [ThemeUtil.globalCss, styles$s];
 __decorateClass$w([
-  n$1({ type: Boolean })
+  n$2({ type: Boolean })
 ], WcmButtonBig.prototype, "disabled", 2);
 __decorateClass$w([
-  n$1()
+  n$2()
 ], WcmButtonBig.prototype, "variant", 2);
 WcmButtonBig = __decorateClass$w([
-  e$2("wcm-button-big")
+  e$3("wcm-button-big")
 ], WcmButtonBig);
-const styles$r = i$3`: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}`;
+const styles$r = i$4`: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 __getOwnPropDesc$v = Object.getOwnPropertyDescriptor;
 var __decorateClass$v = (decorators, target, key, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$v(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
+  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
+    if (decorator = decorators[i3])
       result = decorator(result) || result;
   return result;
 };
-let WcmInfoFooter = class extends s {
+let WcmInfoFooter = class extends s$1 {
   // -- render ------------------------------------------------------- //
   render() {
     return x`<div><slot></slot></div>`;
@@ -3686,7 +3906,7 @@ let WcmInfoFooter = class extends s {
 };
 WcmInfoFooter.styles = [ThemeUtil.globalCss, styles$r];
 WcmInfoFooter = __decorateClass$v([
-  e$2("wcm-info-footer")
+  e$3("wcm-info-footer")
 ], WcmInfoFooter);
 const SvgUtil = {
   CROSS_ICON: b`<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>`,
@@ -3708,16 +3928,16 @@ const SvgUtil = {
   WALLET_PLACEHOLDER: b`<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: b`<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>`
 };
-const styles$q = i$3`.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)}}`;
+const styles$q = i$4`.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 __getOwnPropDesc$u = Object.getOwnPropertyDescriptor;
 var __decorateClass$u = (decorators, target, key, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$u(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
+  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
+    if (decorator = decorators[i3])
       result = decorator(result) || result;
   return result;
 };
-let WcmModalBackcard = class extends s {
+let WcmModalBackcard = class extends s$1 {
   // -- render ------------------------------------------------------- //
   render() {
     return x`<div class="wcm-toolbar-placeholder"></div><div class="wcm-toolbar">${SvgUtil.WALLET_CONNECT_LOGO} <button @click="${ModalCtrl.close}">${SvgUtil.CROSS_ICON}</button></div>`;
@@ -3725,18 +3945,18 @@ let WcmModalBackcard = class extends s {
 };
 WcmModalBackcard.styles = [ThemeUtil.globalCss, styles$q];
 WcmModalBackcard = __decorateClass$u([
-  e$2("wcm-modal-backcard")
+  e$3("wcm-modal-backcard")
 ], WcmModalBackcard);
-const styles$p = i$3`main{padding:20px;padding-top:0;width:100%}`;
+const styles$p = i$4`main{padding:20px;padding-top:0;width:100%}`;
 var __getOwnPropDesc$t = Object.getOwnPropertyDescriptor;
 var __decorateClass$t = (decorators, target, key, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$t(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
+  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
+    if (decorator = decorators[i3])
       result = decorator(result) || result;
   return result;
 };
-let WcmModalContent = class extends s {
+let WcmModalContent = class extends s$1 {
   // -- render ------------------------------------------------------- //
   render() {
     return x`<main><slot></slot></main>`;
@@ -3744,18 +3964,18 @@ let WcmModalContent = class extends s {
 };
 WcmModalContent.styles = [ThemeUtil.globalCss, styles$p];
 WcmModalContent = __decorateClass$t([
-  e$2("wcm-modal-content")
+  e$3("wcm-modal-content")
 ], WcmModalContent);
-const styles$o = i$3`footer{padding:10px;display:flex;flex-direction:column;align-items:inherit;justify-content:inherit;border-top:1px solid var(--wcm-color-bg-2)}`;
+const styles$o = i$4`footer{padding:10px;display:flex;flex-direction:column;align-items:inherit;justify-content:inherit;border-top:1px solid var(--wcm-color-bg-2)}`;
 var __getOwnPropDesc$s = Object.getOwnPropertyDescriptor;
 var __decorateClass$s = (decorators, target, key, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$s(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
+  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
+    if (decorator = decorators[i3])
       result = decorator(result) || result;
   return result;
 };
-let WcmModalFooter = class extends s {
+let WcmModalFooter = class extends s$1 {
   // -- render ------------------------------------------------------- //
   render() {
     return x`<footer><slot></slot></footer>`;
@@ -3763,21 +3983,21 @@ let WcmModalFooter = class extends s {
 };
 WcmModalFooter.styles = [ThemeUtil.globalCss, styles$o];
 WcmModalFooter = __decorateClass$s([
-  e$2("wcm-modal-footer")
+  e$3("wcm-modal-footer")
 ], WcmModalFooter);
-const styles$n = i$3`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)}`;
+const styles$n = i$4`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 __defProp$r = Object.defineProperty;
 var __getOwnPropDesc$r = Object.getOwnPropertyDescriptor;
 var __decorateClass$r = (decorators, target, key, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$r(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
+  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
+    if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
     __defProp$r(target, key, result);
   return result;
 };
-let WcmModalHeader = class extends s {
+let WcmModalHeader = class extends s$1 {
   constructor() {
     super(...arguments);
     this.title = "";
@@ -3799,24 +4019,24 @@ let WcmModalHeader = class extends s {
     };
     const backBtn = RouterCtrl.state.history.length > 1;
     const content = this.title ? x`<wcm-text variant="big-bold">${this.title}</wcm-text>` : x`<slot></slot>`;
-    return x`<header class="${o2(classes)}">${backBtn ? this.backBtnTemplate() : null} ${content} ${this.onAction ? this.actionBtnTemplate() : null}</header>`;
+    return x`<header class="${o$1(classes)}">${backBtn ? this.backBtnTemplate() : null} ${content} ${this.onAction ? this.actionBtnTemplate() : null}</header>`;
   }
 };
 WcmModalHeader.styles = [ThemeUtil.globalCss, styles$n];
 __decorateClass$r([
-  n$1()
+  n$2()
 ], WcmModalHeader.prototype, "title", 2);
 __decorateClass$r([
-  n$1()
+  n$2()
 ], WcmModalHeader.prototype, "onAction", 2);
 __decorateClass$r([
-  n$1()
+  n$2()
 ], WcmModalHeader.prototype, "actionIcon", 2);
 __decorateClass$r([
-  n$1({ type: Boolean })
+  n$2({ type: Boolean })
 ], WcmModalHeader.prototype, "border", 2);
 WcmModalHeader = __decorateClass$r([
-  e$2("wcm-modal-header")
+  e$3("wcm-modal-header")
 ], WcmModalHeader);
 const UiUtil = {
   MOBILE_BREAKPOINT: 600,
@@ -3977,19 +4197,19 @@ const UiUtil = {
     }
   }
 };
-const styles$m = i$3`.wcm-router{overflow:hidden;will-change:transform}.wcm-content{display:flex;flex-direction:column}`;
+const styles$m = i$4`.wcm-router{overflow:hidden;will-change:transform}.wcm-content{display:flex;flex-direction:column}`;
 var __defProp$q = Object.defineProperty;
 var __getOwnPropDesc$q = Object.getOwnPropertyDescriptor;
 var __decorateClass$q = (decorators, target, key, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$q(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
+  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
+    if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
     __defProp$q(target, key, result);
   return result;
 };
-let WcmModalRouter = class extends s {
+let WcmModalRouter = class extends s$1 {
   // -- lifecycle ---------------------------------------------------- //
   constructor() {
     super();
@@ -4063,27 +4283,27 @@ let WcmModalRouter = class extends s {
 };
 WcmModalRouter.styles = [ThemeUtil.globalCss, styles$m];
 __decorateClass$q([
-  t$1()
+  t$2()
 ], WcmModalRouter.prototype, "view", 2);
 __decorateClass$q([
-  t$1()
+  t$2()
 ], WcmModalRouter.prototype, "prevView", 2);
 WcmModalRouter = __decorateClass$q([
-  e$2("wcm-modal-router")
+  e$3("wcm-modal-router")
 ], WcmModalRouter);
-const styles$l = i$3`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)}`;
+const styles$l = i$4`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 __defProp$p = Object.defineProperty;
 var __getOwnPropDesc$p = Object.getOwnPropertyDescriptor;
 var __decorateClass$p = (decorators, target, key, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$p(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
+  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
+    if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
     __defProp$p(target, key, result);
   return result;
 };
-let WcmModalToast = class extends s {
+let WcmModalToast = class extends s$1 {
   constructor() {
     super();
     this.open = false;
@@ -4112,15 +4332,15 @@ let WcmModalToast = class extends s {
       "wcm-success": variant === "success",
       "wcm-error": variant === "error"
     };
-    return this.open ? x`<div class="${o2(classes)}">${variant === "success" ? SvgUtil.CHECKMARK_ICON : null} ${variant === "error" ? SvgUtil.CROSS_ICON : null}<wcm-text variant="small-regular">${message}</wcm-text></div>` : null;
+    return this.open ? x`<div class="${o$1(classes)}">${variant === "success" ? SvgUtil.CHECKMARK_ICON : null} ${variant === "error" ? SvgUtil.CROSS_ICON : null}<wcm-text variant="small-regular">${message}</wcm-text></div>` : null;
   }
 };
 WcmModalToast.styles = [ThemeUtil.globalCss, styles$l];
 __decorateClass$p([
-  t$1()
+  t$2()
 ], WcmModalToast.prototype, "open", 2);
 WcmModalToast = __decorateClass$p([
-  e$2("wcm-modal-toast")
+  e$3("wcm-modal-toast")
 ], WcmModalToast);
 const CONNECTING_ERROR_MARGIN = 0.1;
 const CIRCLE_SIZE_MODIFIER = 2.5;
@@ -4159,10 +4379,10 @@ const QrCodeUtil = {
       const x1 = (matrix.length - QRCODE_MATRIX_MARGIN) * cellSize * x2;
       const y1 = (matrix.length - QRCODE_MATRIX_MARGIN) * cellSize * y2;
       const borderRadius = 0.45;
-      for (let i2 = 0; i2 < qrList.length; i2 += 1) {
-        const dotSize = cellSize * (QRCODE_MATRIX_MARGIN - i2 * 2);
+      for (let i3 = 0; i3 < qrList.length; i3 += 1) {
+        const dotSize = cellSize * (QRCODE_MATRIX_MARGIN - i3 * 2);
         dots.push(
-          b`<rect fill="${i2 % 2 === 0 ? dotColor : edgeColor}" height="${dotSize}" rx="${dotSize * borderRadius}" ry="${dotSize * borderRadius}" width="${dotSize}" x="${x1 + cellSize * i2}" y="${y1 + cellSize * i2}">`
+          b$1`<rect fill="${i3 % 2 === 0 ? dotColor : edgeColor}" height="${dotSize}" rx="${dotSize * borderRadius}" ry="${dotSize * borderRadius}" width="${dotSize}" x="${x1 + cellSize * i3}" y="${y1 + cellSize * i3}">`
         );
       }
     });
@@ -4170,13 +4390,13 @@ const QrCodeUtil = {
     const matrixMiddleStart = matrix.length / 2 - clearArenaSize / 2;
     const matrixMiddleEnd = matrix.length / 2 + clearArenaSize / 2 - 1;
     const circles = [];
-    matrix.forEach((row, i2) => {
-      row.forEach((_2, j) => {
-        if (matrix[i2][j]) {
-          if (!(i2 < QRCODE_MATRIX_MARGIN && j < QRCODE_MATRIX_MARGIN || i2 > matrix.length - (QRCODE_MATRIX_MARGIN + 1) && j < QRCODE_MATRIX_MARGIN || i2 < QRCODE_MATRIX_MARGIN && j > matrix.length - (QRCODE_MATRIX_MARGIN + 1))) {
-            if (!(i2 > matrixMiddleStart && i2 < matrixMiddleEnd && j > matrixMiddleStart && j < matrixMiddleEnd)) {
-              const cx = i2 * cellSize + cellSize / 2;
-              const cy = j * cellSize + cellSize / 2;
+    matrix.forEach((row, i3) => {
+      row.forEach((_2, j2) => {
+        if (matrix[i3][j2]) {
+          if (!(i3 < QRCODE_MATRIX_MARGIN && j2 < QRCODE_MATRIX_MARGIN || i3 > matrix.length - (QRCODE_MATRIX_MARGIN + 1) && j2 < QRCODE_MATRIX_MARGIN || i3 < QRCODE_MATRIX_MARGIN && j2 > matrix.length - (QRCODE_MATRIX_MARGIN + 1))) {
+            if (!(i3 > matrixMiddleStart && i3 < matrixMiddleEnd && j2 > matrixMiddleStart && j2 < matrixMiddleEnd)) {
+              const cx = i3 * cellSize + cellSize / 2;
+              const cy = j2 * cellSize + cellSize / 2;
               circles.push([cx, cy]);
             }
           }
@@ -4199,7 +4419,7 @@ const QrCodeUtil = {
     }).forEach(([cx, cys]) => {
       cys.forEach((cy) => {
         dots.push(
-          b`<circle cx="${cx}" cy="${cy}" fill="${dotColor}" r="${cellSize / CIRCLE_SIZE_MODIFIER}">`
+          b$1`<circle cx="${cx}" cy="${cy}" fill="${dotColor}" r="${cellSize / CIRCLE_SIZE_MODIFIER}">`
         );
       });
     });
@@ -4223,26 +4443,26 @@ const QrCodeUtil = {
     }).forEach(([cx, groups]) => {
       groups.forEach(([y1, y2]) => {
         dots.push(
-          b`<line x1="${cx}" x2="${cx}" y1="${y1}" y2="${y2}" stroke="${dotColor}" stroke-width="${cellSize / (CIRCLE_SIZE_MODIFIER / 2)}" stroke-linecap="round">`
+          b$1`<line x1="${cx}" x2="${cx}" y1="${y1}" y2="${y2}" stroke="${dotColor}" stroke-width="${cellSize / (CIRCLE_SIZE_MODIFIER / 2)}" stroke-linecap="round">`
         );
       });
     });
     return dots;
   }
 };
-const styles$k = i$3`@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)}`;
+const styles$k = i$4`@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 __defProp$o = Object.defineProperty;
 var __getOwnPropDesc$o = Object.getOwnPropertyDescriptor;
 var __decorateClass$o = (decorators, target, key, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$o(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
+  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
+    if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
     __defProp$o(target, key, result);
   return result;
 };
-let WcmQrCode = class extends s {
+let WcmQrCode = class extends s$1 {
   constructor() {
     super(...arguments);
     this.uri = "";
@@ -4255,48 +4475,48 @@ let WcmQrCode = class extends s {
   svgTemplate() {
     const isLightMode = ThemeCtrl.state.themeMode === "light";
     const size = isLightMode ? this.size : this.size - 18 * 2;
-    return b`<svg height="${size}" width="${size}">${QrCodeUtil.generate(this.uri, size, size / 4)}</svg>`;
+    return b$1`<svg height="${size}" width="${size}">${QrCodeUtil.generate(this.uri, size, size / 4)}</svg>`;
   }
   // -- render ------------------------------------------------------- //
   render() {
     const classes = {
       "wcm-dark": ThemeCtrl.state.themeMode === "dark"
     };
-    return x`<div style="${`width: ${this.size}px`}" class="${o2(classes)}">${this.walletId || this.imageUrl ? x`<wcm-wallet-image walletId="${l(this.walletId)}" imageId="${l(this.imageId)}" imageUrl="${l(this.imageUrl)}"></wcm-wallet-image>` : SvgUtil.WALLET_CONNECT_ICON_COLORED} ${this.svgTemplate()}</div>`;
+    return x`<div style="${`width: ${this.size}px`}" class="${o$1(classes)}">${this.walletId || this.imageUrl ? x`<wcm-wallet-image walletId="${l(this.walletId)}" imageId="${l(this.imageId)}" imageUrl="${l(this.imageUrl)}"></wcm-wallet-image>` : SvgUtil.WALLET_CONNECT_ICON_COLORED} ${this.svgTemplate()}</div>`;
   }
 };
 WcmQrCode.styles = [ThemeUtil.globalCss, styles$k];
 __decorateClass$o([
-  n$1()
+  n$2()
 ], WcmQrCode.prototype, "uri", 2);
 __decorateClass$o([
-  n$1({ type: Number })
+  n$2({ type: Number })
 ], WcmQrCode.prototype, "size", 2);
 __decorateClass$o([
-  n$1()
+  n$2()
 ], WcmQrCode.prototype, "imageId", 2);
 __decorateClass$o([
-  n$1()
+  n$2()
 ], WcmQrCode.prototype, "walletId", 2);
 __decorateClass$o([
-  n$1()
+  n$2()
 ], WcmQrCode.prototype, "imageUrl", 2);
 WcmQrCode = __decorateClass$o([
-  e$2("wcm-qrcode")
+  e$3("wcm-qrcode")
 ], WcmQrCode);
-const styles$j = i$3`: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)}`;
+const styles$j = i$4`: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 __defProp$n = Object.defineProperty;
 var __getOwnPropDesc$n = Object.getOwnPropertyDescriptor;
 var __decorateClass$n = (decorators, target, key, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$n(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
+  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
+    if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
     __defProp$n(target, key, result);
   return result;
 };
-let WcmSearchInput = class extends s {
+let WcmSearchInput = class extends s$1 {
   constructor() {
     super(...arguments);
     this.onChange = () => null;
@@ -4308,21 +4528,21 @@ let WcmSearchInput = class extends s {
 };
 WcmSearchInput.styles = [ThemeUtil.globalCss, styles$j];
 __decorateClass$n([
-  n$1()
+  n$2()
 ], WcmSearchInput.prototype, "onChange", 2);
 WcmSearchInput = __decorateClass$n([
-  e$2("wcm-search-input")
+  e$3("wcm-search-input")
 ], WcmSearchInput);
-const styles$i = i$3`@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)}`;
+const styles$i = i$4`@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 __getOwnPropDesc$m = Object.getOwnPropertyDescriptor;
 var __decorateClass$m = (decorators, target, key, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$m(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
+  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
+    if (decorator = decorators[i3])
       result = decorator(result) || result;
   return result;
 };
-let WcmSpinner = class extends s {
+let WcmSpinner = class extends s$1 {
   // -- render ------------------------------------------------------- //
   render() {
     return x`<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>`;
@@ -4330,21 +4550,21 @@ let WcmSpinner = class extends s {
 };
 WcmSpinner.styles = [ThemeUtil.globalCss, styles$i];
 WcmSpinner = __decorateClass$m([
-  e$2("wcm-spinner")
+  e$3("wcm-spinner")
 ], WcmSpinner);
-const styles$h = i$3`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)}`;
+const styles$h = i$4`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 __defProp$l = Object.defineProperty;
 var __getOwnPropDesc$l = Object.getOwnPropertyDescriptor;
 var __decorateClass$l = (decorators, target, key, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$l(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
+  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
+    if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
     __defProp$l(target, key, result);
   return result;
 };
-let WcmText = class extends s {
+let WcmText = class extends s$1 {
   constructor() {
     super(...arguments);
     this.variant = "medium-regular";
@@ -4366,32 +4586,32 @@ let WcmText = class extends s {
       "wcm-color-accnt": this.color === "accent",
       "wcm-color-error": this.color === "error"
     };
-    return x`<span><slot class="${o2(classes)}"></slot></span>`;
+    return x`<span><slot class="${o$1(classes)}"></slot></span>`;
   }
 };
 WcmText.styles = [ThemeUtil.globalCss, styles$h];
 __decorateClass$l([
-  n$1()
+  n$2()
 ], WcmText.prototype, "variant", 2);
 __decorateClass$l([
-  n$1()
+  n$2()
 ], WcmText.prototype, "color", 2);
 WcmText = __decorateClass$l([
-  e$2("wcm-text")
+  e$3("wcm-text")
 ], WcmText);
-const styles$g = i$3`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}`;
+const styles$g = i$4`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 __defProp$k = Object.defineProperty;
 var __getOwnPropDesc$k = Object.getOwnPropertyDescriptor;
 var __decorateClass$k = (decorators, target, key, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$k(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
+  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
+    if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
     __defProp$k(target, key, result);
   return result;
 };
-let WcmWalletButton = class extends s {
+let WcmWalletButton = class extends s$1 {
   constructor() {
     super(...arguments);
     this.onClick = () => null;
@@ -4423,42 +4643,42 @@ let WcmWalletButton = class extends s {
 };
 WcmWalletButton.styles = [ThemeUtil.globalCss, styles$g];
 __decorateClass$k([
-  n$1()
+  n$2()
 ], WcmWalletButton.prototype, "onClick", 2);
 __decorateClass$k([
-  n$1()
+  n$2()
 ], WcmWalletButton.prototype, "name", 2);
 __decorateClass$k([
-  n$1()
+  n$2()
 ], WcmWalletButton.prototype, "walletId", 2);
 __decorateClass$k([
-  n$1()
+  n$2()
 ], WcmWalletButton.prototype, "label", 2);
 __decorateClass$k([
-  n$1()
+  n$2()
 ], WcmWalletButton.prototype, "imageId", 2);
 __decorateClass$k([
-  n$1({ type: Boolean })
+  n$2({ type: Boolean })
 ], WcmWalletButton.prototype, "installed", 2);
 __decorateClass$k([
-  n$1({ type: Boolean })
+  n$2({ type: Boolean })
 ], WcmWalletButton.prototype, "recent", 2);
 WcmWalletButton = __decorateClass$k([
-  e$2("wcm-wallet-button")
+  e$3("wcm-wallet-button")
 ], WcmWalletButton);
-const styles$f = i$3`: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)}`;
+const styles$f = i$4`: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 __defProp$j = Object.defineProperty;
 var __getOwnPropDesc$j = Object.getOwnPropertyDescriptor;
 var __decorateClass$j = (decorators, target, key, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$j(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
+  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
+    if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
     __defProp$j(target, key, result);
   return result;
 };
-let WcmWalletImage = class extends s {
+let WcmWalletImage = class extends s$1 {
   constructor() {
     super(...arguments);
     this.walletId = "";
@@ -4474,29 +4694,29 @@ let WcmWalletImage = class extends s {
 };
 WcmWalletImage.styles = [ThemeUtil.globalCss, styles$f];
 __decorateClass$j([
-  n$1()
+  n$2()
 ], WcmWalletImage.prototype, "walletId", 2);
 __decorateClass$j([
-  n$1()
+  n$2()
 ], WcmWalletImage.prototype, "imageId", 2);
 __decorateClass$j([
-  n$1()
+  n$2()
 ], WcmWalletImage.prototype, "imageUrl", 2);
 WcmWalletImage = __decorateClass$j([
-  e$2("wcm-wallet-image")
+  e$3("wcm-wallet-image")
 ], WcmWalletImage);
 var __defProp$i = Object.defineProperty;
 var __getOwnPropDesc$i = Object.getOwnPropertyDescriptor;
 var __decorateClass$i = (decorators, target, key, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$i(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
+  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
+    if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
     __defProp$i(target, key, result);
   return result;
 };
-let WcmExplorerContext = class extends s {
+let WcmExplorerContext = class extends s$1 {
   // -- lifecycle ---------------------------------------------------- //
   constructor() {
     super();
@@ -4541,20 +4761,20 @@ let WcmExplorerContext = class extends s {
   }
 };
 __decorateClass$i([
-  t$1()
+  t$2()
 ], WcmExplorerContext.prototype, "preload", 2);
 WcmExplorerContext = __decorateClass$i([
-  e$2("wcm-explorer-context")
+  e$3("wcm-explorer-context")
 ], WcmExplorerContext);
 var __getOwnPropDesc$h = Object.getOwnPropertyDescriptor;
 var __decorateClass$h = (decorators, target, key, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$h(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
+  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
+    if (decorator = decorators[i3])
       result = decorator(result) || result;
   return result;
 };
-let WcmThemeContext = class extends s {
+let WcmThemeContext = class extends s$1 {
   // -- lifecycle ---------------------------------------------------- //
   constructor() {
     super();
@@ -4568,18 +4788,18 @@ let WcmThemeContext = class extends s {
   }
 };
 WcmThemeContext = __decorateClass$h([
-  e$2("wcm-theme-context")
+  e$3("wcm-theme-context")
 ], WcmThemeContext);
-const styles$e = i$3`@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)}`;
+const styles$e = i$4`@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 __getOwnPropDesc$g = Object.getOwnPropertyDescriptor;
 var __decorateClass$g = (decorators, target, key, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$g(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
+  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
+    if (decorator = decorators[i3])
       result = decorator(result) || result;
   return result;
 };
-let WcmAndroidWalletSelection = class extends s {
+let WcmAndroidWalletSelection = class extends s$1 {
   // -- private ------------------------------------------------------ //
   onGoToQrcode() {
     RouterCtrl.push("Qrcode");
@@ -4597,21 +4817,21 @@ let WcmAndroidWalletSelection = class extends s {
 };
 WcmAndroidWalletSelection.styles = [ThemeUtil.globalCss, styles$e];
 WcmAndroidWalletSelection = __decorateClass$g([
-  e$2("wcm-android-wallet-selection")
+  e$3("wcm-android-wallet-selection")
 ], WcmAndroidWalletSelection);
-const styles$d = i$3`@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}`;
+const styles$d = i$4`@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 __defProp$f = Object.defineProperty;
 var __getOwnPropDesc$f = Object.getOwnPropertyDescriptor;
 var __decorateClass$f = (decorators, target, key, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$f(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
+  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
+    if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
     __defProp$f(target, key, result);
   return result;
 };
-let WcmConnectorWaiting = class extends s {
+let WcmConnectorWaiting = class extends s$1 {
   constructor() {
     super(...arguments);
     this.walletId = void 0;
@@ -4644,27 +4864,27 @@ let WcmConnectorWaiting = class extends s {
       "wcm-error": this.isError,
       "wcm-stale": this.isStale
     };
-    return x`<div class="${o2(classes)}">${this.svgLoaderTemplate()}<wcm-wallet-image walletId="${l(this.walletId)}" imageId="${l(this.imageId)}"></wcm-wallet-image></div><wcm-text variant="medium-regular" color="${this.isError ? "error" : "primary"}">${this.isError ? "Connection declined" : this.label}</wcm-text>`;
+    return x`<div class="${o$1(classes)}">${this.svgLoaderTemplate()}<wcm-wallet-image walletId="${l(this.walletId)}" imageId="${l(this.imageId)}"></wcm-wallet-image></div><wcm-text variant="medium-regular" color="${this.isError ? "error" : "primary"}">${this.isError ? "Connection declined" : this.label}</wcm-text>`;
   }
 };
 WcmConnectorWaiting.styles = [ThemeUtil.globalCss, styles$d];
 __decorateClass$f([
-  n$1()
+  n$2()
 ], WcmConnectorWaiting.prototype, "walletId", 2);
 __decorateClass$f([
-  n$1()
+  n$2()
 ], WcmConnectorWaiting.prototype, "imageId", 2);
 __decorateClass$f([
-  n$1({ type: Boolean })
+  n$2({ type: Boolean })
 ], WcmConnectorWaiting.prototype, "isError", 2);
 __decorateClass$f([
-  n$1({ type: Boolean })
+  n$2({ type: Boolean })
 ], WcmConnectorWaiting.prototype, "isStale", 2);
 __decorateClass$f([
-  n$1()
+  n$2()
 ], WcmConnectorWaiting.prototype, "label", 2);
 WcmConnectorWaiting = __decorateClass$f([
-  e$2("wcm-connector-waiting")
+  e$3("wcm-connector-waiting")
 ], WcmConnectorWaiting);
 const DataUtil = {
   manualWallets() {
@@ -4710,16 +4930,16 @@ const TemplateUtil = {
     return x`<wcm-wallet-button name="${wallet.name}" walletId="${wallet.id}" imageId="${l(wallet.image_id)}" .recent="${true}" .onClick="${() => this.onConnecting(wallet)}"></wcm-wallet-button>`;
   }
 };
-const styles$c = i$3`.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)}`;
+const styles$c = i$4`.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 __getOwnPropDesc$e = Object.getOwnPropertyDescriptor;
 var __decorateClass$e = (decorators, target, key, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$e(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
+  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
+    if (decorator = decorators[i3])
       result = decorator(result) || result;
   return result;
 };
-let WcmDesktopWalletSelection = class extends s {
+let WcmDesktopWalletSelection = class extends s$1 {
   // -- render ------------------------------------------------------- //
   render() {
     const { explorerExcludedWalletIds, enableExplorer } = ConfigCtrl.state;
@@ -4742,18 +4962,18 @@ let WcmDesktopWalletSelection = class extends s {
 };
 WcmDesktopWalletSelection.styles = [ThemeUtil.globalCss, styles$c];
 WcmDesktopWalletSelection = __decorateClass$e([
-  e$2("wcm-desktop-wallet-selection")
+  e$3("wcm-desktop-wallet-selection")
 ], WcmDesktopWalletSelection);
-const styles$b = i$3`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}}`;
+const styles$b = i$4`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 __getOwnPropDesc$d = Object.getOwnPropertyDescriptor;
 var __decorateClass$d = (decorators, target, key, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$d(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
+  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
+    if (decorator = decorators[i3])
       result = decorator(result) || result;
   return result;
 };
-let WcmLegalNotice = class extends s {
+let WcmLegalNotice = class extends s$1 {
   // -- render ------------------------------------------------------- //
   render() {
     const { termsOfServiceUrl, privacyPolicyUrl } = ConfigCtrl.state;
@@ -4766,18 +4986,18 @@ let WcmLegalNotice = class extends s {
 };
 WcmLegalNotice.styles = [ThemeUtil.globalCss, styles$b];
 WcmLegalNotice = __decorateClass$d([
-  e$2("wcm-legal-notice")
+  e$3("wcm-legal-notice")
 ], WcmLegalNotice);
-const styles$a = i$3`div{display:grid;grid-template-columns:repeat(4,80px);margin:0 -10px;justify-content:space-between;row-gap:10px}`;
+const styles$a = i$4`div{display:grid;grid-template-columns:repeat(4,80px);margin:0 -10px;justify-content:space-between;row-gap:10px}`;
 var __getOwnPropDesc$c = Object.getOwnPropertyDescriptor;
 var __decorateClass$c = (decorators, target, key, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$c(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
+  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
+    if (decorator = decorators[i3])
       result = decorator(result) || result;
   return result;
 };
-let WcmMobileWalletSelection = class extends s {
+let WcmMobileWalletSelection = class extends s$1 {
   // -- private ------------------------------------------------------ //
   onQrcode() {
     RouterCtrl.push("Qrcode");
@@ -4804,21 +5024,21 @@ let WcmMobileWalletSelection = class extends s {
 };
 WcmMobileWalletSelection.styles = [ThemeUtil.globalCss, styles$a];
 WcmMobileWalletSelection = __decorateClass$c([
-  e$2("wcm-mobile-wallet-selection")
+  e$3("wcm-mobile-wallet-selection")
 ], WcmMobileWalletSelection);
-const styles$9 = i$3`: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}}`;
+const styles$9 = i$4`: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 __defProp$b = Object.defineProperty;
 var __getOwnPropDesc$b = Object.getOwnPropertyDescriptor;
 var __decorateClass$b = (decorators, target, key, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$b(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
+  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
+    if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
     __defProp$b(target, key, result);
   return result;
 };
-let WcmModal = class extends s {
+let WcmModal = class extends s$1 {
   // -- lifecycle ---------------------------------------------------- //
   constructor() {
     super();
@@ -4920,32 +5140,32 @@ let WcmModal = class extends s {
       "wcm-overlay": true,
       "wcm-active": this.active
     };
-    return x`<wcm-explorer-context></wcm-explorer-context><wcm-theme-context></wcm-theme-context><div id="wcm-modal" class="${o2(classes)}" @click="${this.onCloseModal}" role="alertdialog" aria-modal="true"><div class="wcm-container" tabindex="0">${this.open ? x`<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>`;
+    return x`<wcm-explorer-context></wcm-explorer-context><wcm-theme-context></wcm-theme-context><div id="wcm-modal" class="${o$1(classes)}" @click="${this.onCloseModal}" role="alertdialog" aria-modal="true"><div class="wcm-container" tabindex="0">${this.open ? x`<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>`;
   }
 };
 WcmModal.styles = [ThemeUtil.globalCss, styles$9];
 __decorateClass$b([
-  t$1()
+  t$2()
 ], WcmModal.prototype, "open", 2);
 __decorateClass$b([
-  t$1()
+  t$2()
 ], WcmModal.prototype, "active", 2);
 WcmModal = __decorateClass$b([
-  e$2("wcm-modal")
+  e$3("wcm-modal")
 ], WcmModal);
-const styles$8 = i$3`div{display:flex;margin-top:15px}slot{display:inline-block;margin:0 5px}wcm-button{margin:0 5px}`;
+const styles$8 = i$4`div{display:flex;margin-top:15px}slot{display:inline-block;margin:0 5px}wcm-button{margin:0 5px}`;
 var __defProp$a = Object.defineProperty;
 var __getOwnPropDesc$a = Object.getOwnPropertyDescriptor;
 var __decorateClass$a = (decorators, target, key, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$a(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
+  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
+    if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
     __defProp$a(target, key, result);
   return result;
 };
-let WcmPlatformSelection = class extends s {
+let WcmPlatformSelection = class extends s$1 {
   constructor() {
     super(...arguments);
     this.isMobile = false;
@@ -4975,30 +5195,30 @@ let WcmPlatformSelection = class extends s {
 };
 WcmPlatformSelection.styles = [ThemeUtil.globalCss, styles$8];
 __decorateClass$a([
-  n$1({ type: Boolean })
+  n$2({ type: Boolean })
 ], WcmPlatformSelection.prototype, "isMobile", 2);
 __decorateClass$a([
-  n$1({ type: Boolean })
+  n$2({ type: Boolean })
 ], WcmPlatformSelection.prototype, "isDesktop", 2);
 __decorateClass$a([
-  n$1({ type: Boolean })
+  n$2({ type: Boolean })
 ], WcmPlatformSelection.prototype, "isWeb", 2);
 __decorateClass$a([
-  n$1({ type: Boolean })
+  n$2({ type: Boolean })
 ], WcmPlatformSelection.prototype, "isRetry", 2);
 WcmPlatformSelection = __decorateClass$a([
-  e$2("wcm-platform-selection")
+  e$3("wcm-platform-selection")
 ], WcmPlatformSelection);
-const styles$7 = i$3`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)}`;
+const styles$7 = i$4`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 __getOwnPropDesc$9 = Object.getOwnPropertyDescriptor;
 var __decorateClass$9 = (decorators, target, key, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$9(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
+  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
+    if (decorator = decorators[i3])
       result = decorator(result) || result;
   return result;
 };
-let WcmViewAllWalletsButton = class extends s {
+let WcmViewAllWalletsButton = class extends s$1 {
   // -- render ------------------------------------------------------- //
   onClick() {
     RouterCtrl.push("WalletExplorer");
@@ -5020,21 +5240,21 @@ let WcmViewAllWalletsButton = class extends s {
 };
 WcmViewAllWalletsButton.styles = [ThemeUtil.globalCss, styles$7];
 WcmViewAllWalletsButton = __decorateClass$9([
-  e$2("wcm-view-all-wallets-button")
+  e$3("wcm-view-all-wallets-button")
 ], WcmViewAllWalletsButton);
-const styles$6 = i$3`.wcm-qr-container{width:100%;display:flex;justify-content:center;align-items:center;aspect-ratio:1/1}`;
+const styles$6 = i$4`.wcm-qr-container{width:100%;display:flex;justify-content:center;align-items:center;aspect-ratio:1/1}`;
 var __defProp$8 = Object.defineProperty;
 var __getOwnPropDesc$8 = Object.getOwnPropertyDescriptor;
 var __decorateClass$8 = (decorators, target, key, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$8(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
+  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
+    if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
     __defProp$8(target, key, result);
   return result;
 };
-let WcmWalletConnectQr = class extends s {
+let WcmWalletConnectQr = class extends s$1 {
   // -- lifecycle ---------------------------------------------------- //
   constructor() {
     super();
@@ -5057,26 +5277,26 @@ let WcmWalletConnectQr = class extends s {
 };
 WcmWalletConnectQr.styles = [ThemeUtil.globalCss, styles$6];
 __decorateClass$8([
-  n$1()
+  n$2()
 ], WcmWalletConnectQr.prototype, "walletId", 2);
 __decorateClass$8([
-  n$1()
+  n$2()
 ], WcmWalletConnectQr.prototype, "imageId", 2);
 __decorateClass$8([
-  t$1()
+  t$2()
 ], WcmWalletConnectQr.prototype, "uri", 2);
 WcmWalletConnectQr = __decorateClass$8([
-  e$2("wcm-walletconnect-qr")
+  e$3("wcm-walletconnect-qr")
 ], WcmWalletConnectQr);
 var __getOwnPropDesc$7 = Object.getOwnPropertyDescriptor;
 var __decorateClass$7 = (decorators, target, key, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$7(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
+  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
+    if (decorator = decorators[i3])
       result = decorator(result) || result;
   return result;
 };
-let WcmConnectWalletView = class extends s {
+let WcmConnectWalletView = class extends s$1 {
   // -- private ------------------------------------------------------ //
   viewTemplate() {
     if (CoreUtil.isAndroid() && !CoreUtil.isTelegram()) {
@@ -5094,21 +5314,21 @@ let WcmConnectWalletView = class extends s {
 };
 WcmConnectWalletView.styles = [ThemeUtil.globalCss];
 WcmConnectWalletView = __decorateClass$7([
-  e$2("wcm-connect-wallet-view")
+  e$3("wcm-connect-wallet-view")
 ], WcmConnectWalletView);
-const styles$5 = i$3`wcm-info-footer{flex-direction:column;align-items:center;display:flex;width:100%;padding:5px 0}wcm-text{text-align:center}`;
+const styles$5 = i$4`wcm-info-footer{flex-direction:column;align-items:center;display:flex;width:100%;padding:5px 0}wcm-text{text-align:center}`;
 var __defProp$6 = Object.defineProperty;
 var __getOwnPropDesc$6 = Object.getOwnPropertyDescriptor;
 var __decorateClass$6 = (decorators, target, key, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$6(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
+  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
+    if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
     __defProp$6(target, key, result);
   return result;
 };
-let WcmDesktopConnectingView = class extends s {
+let WcmDesktopConnectingView = class extends s$1 {
   // -- lifecycle ---------------------------------------------------- //
   constructor() {
     super();
@@ -5145,21 +5365,21 @@ let WcmDesktopConnectingView = class extends s {
 };
 WcmDesktopConnectingView.styles = [ThemeUtil.globalCss, styles$5];
 __decorateClass$6([
-  t$1()
+  t$2()
 ], WcmDesktopConnectingView.prototype, "isError", 2);
 WcmDesktopConnectingView = __decorateClass$6([
-  e$2("wcm-desktop-connecting-view")
+  e$3("wcm-desktop-connecting-view")
 ], WcmDesktopConnectingView);
-const styles$4 = i$3`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}`;
+const styles$4 = i$4`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 __getOwnPropDesc$5 = Object.getOwnPropertyDescriptor;
 var __decorateClass$5 = (decorators, target, key, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$5(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
+  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
+    if (decorator = decorators[i3])
       result = decorator(result) || result;
   return result;
 };
-let WcmInstallWalletView = class extends s {
+let WcmInstallWalletView = class extends s$1 {
   // -- private ------------------------------------------------------ //
   onInstall(uri) {
     if (uri) {
@@ -5174,21 +5394,21 @@ let WcmInstallWalletView = class extends s {
 };
 WcmInstallWalletView.styles = [ThemeUtil.globalCss, styles$4];
 WcmInstallWalletView = __decorateClass$5([
-  e$2("wcm-install-wallet-view")
+  e$3("wcm-install-wallet-view")
 ], WcmInstallWalletView);
-const styles$3 = i$3`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)}`;
+const styles$3 = i$4`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 __defProp$4 = Object.defineProperty;
 var __getOwnPropDesc$4 = Object.getOwnPropertyDescriptor;
 var __decorateClass$4 = (decorators, target, key, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$4(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
+  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
+    if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
     __defProp$4(target, key, result);
   return result;
 };
-let WcmMobileConnectingView = class extends s {
+let WcmMobileConnectingView = class extends s$1 {
   // -- lifecycle ---------------------------------------------------- //
   constructor() {
     super();
@@ -5234,21 +5454,21 @@ let WcmMobileConnectingView = class extends s {
 };
 WcmMobileConnectingView.styles = [ThemeUtil.globalCss, styles$3];
 __decorateClass$4([
-  t$1()
+  t$2()
 ], WcmMobileConnectingView.prototype, "isError", 2);
 WcmMobileConnectingView = __decorateClass$4([
-  e$2("wcm-mobile-connecting-view")
+  e$3("wcm-mobile-connecting-view")
 ], WcmMobileConnectingView);
-const styles$2 = i$3`wcm-info-footer{flex-direction:column;align-items:center;display:flex;width:100%;padding:5px 0}wcm-text{text-align:center}`;
+const styles$2 = i$4`wcm-info-footer{flex-direction:column;align-items:center;display:flex;width:100%;padding:5px 0}wcm-text{text-align:center}`;
 var __getOwnPropDesc$3 = Object.getOwnPropertyDescriptor;
 var __decorateClass$3 = (decorators, target, key, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$3(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
+  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
+    if (decorator = decorators[i3])
       result = decorator(result) || result;
   return result;
 };
-let WcmMobileQrConnectingView = class extends s {
+let WcmMobileQrConnectingView = class extends s$1 {
   // -- render ------------------------------------------------------- //
   render() {
     const { name, id, image_id } = CoreUtil.getWalletRouterData();
@@ -5258,17 +5478,17 @@ let WcmMobileQrConnectingView = class extends s {
 };
 WcmMobileQrConnectingView.styles = [ThemeUtil.globalCss, styles$2];
 WcmMobileQrConnectingView = __decorateClass$3([
-  e$2("wcm-mobile-qr-connecting-view")
+  e$3("wcm-mobile-qr-connecting-view")
 ], WcmMobileQrConnectingView);
 var __getOwnPropDesc$2 = Object.getOwnPropertyDescriptor;
 var __decorateClass$2 = (decorators, target, key, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$2(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
+  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
+    if (decorator = decorators[i3])
       result = decorator(result) || result;
   return result;
 };
-let WcmQrcodeView = class extends s {
+let WcmQrcodeView = class extends s$1 {
   // -- render ------------------------------------------------------- //
   render() {
     return x`<wcm-modal-header title="Scan the code" .onAction="${UiUtil.handleUriCopy}" .actionIcon="${SvgUtil.COPY_ICON}"></wcm-modal-header><wcm-modal-content><wcm-walletconnect-qr></wcm-walletconnect-qr></wcm-modal-content>`;
@@ -5276,22 +5496,22 @@ let WcmQrcodeView = class extends s {
 };
 WcmQrcodeView.styles = [ThemeUtil.globalCss];
 WcmQrcodeView = __decorateClass$2([
-  e$2("wcm-qrcode-view")
+  e$3("wcm-qrcode-view")
 ], WcmQrcodeView);
-const styles$1 = i$3`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}`;
+const styles$1 = i$4`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 __defProp$1 = Object.defineProperty;
 var __getOwnPropDesc$1 = Object.getOwnPropertyDescriptor;
 var __decorateClass$1 = (decorators, target, key, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$1(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
+  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
+    if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
     __defProp$1(target, key, result);
   return result;
 };
 const PAGE_ENTRIES = 40;
-let WcmWalletExplorerView = class extends s {
+let WcmWalletExplorerView = class extends s$1 {
   constructor() {
     super(...arguments);
     this.loading = !ExplorerCtrl.state.wallets.listings.length;
@@ -5401,40 +5621,40 @@ let WcmWalletExplorerView = class extends s {
       "wcm-end-reached": this.endReached || !this.loading,
       "wcm-empty": isEmpty
     };
-    return x`<wcm-modal-header><wcm-search-input .onChange="${this.onSearchChange.bind(this)}"></wcm-search-input></wcm-modal-header><wcm-modal-content class="${o2(classes)}"><div class="wcm-grid">${isLoading ? null : manualWallets} ${isLoading ? null : recomendedWallets} ${isLoading ? null : listings.map(
+    return x`<wcm-modal-header><wcm-search-input .onChange="${this.onSearchChange.bind(this)}"></wcm-search-input></wcm-modal-header><wcm-modal-content class="${o$1(classes)}"><div class="wcm-grid">${isLoading ? null : manualWallets} ${isLoading ? null : recomendedWallets} ${isLoading ? null : listings.map(
       (listing) => x`${listing ? x`<wcm-wallet-button imageId="${listing.image_id}" name="${listing.name}" walletId="${listing.id}" .onClick="${() => this.onConnect(listing)}"></wcm-wallet-button>` : null}`
     )}</div><div class="wcm-placeholder-block">${isEmpty ? x`<wcm-text variant="big-bold" color="secondary">No results found</wcm-text>` : null} ${!isEmpty && this.loading ? x`<wcm-spinner></wcm-spinner>` : null}</div></wcm-modal-content>`;
   }
 };
 WcmWalletExplorerView.styles = [ThemeUtil.globalCss, styles$1];
 __decorateClass$1([
-  t$1()
+  t$2()
 ], WcmWalletExplorerView.prototype, "loading", 2);
 __decorateClass$1([
-  t$1()
+  t$2()
 ], WcmWalletExplorerView.prototype, "firstFetch", 2);
 __decorateClass$1([
-  t$1()
+  t$2()
 ], WcmWalletExplorerView.prototype, "search", 2);
 __decorateClass$1([
-  t$1()
+  t$2()
 ], WcmWalletExplorerView.prototype, "endReached", 2);
 WcmWalletExplorerView = __decorateClass$1([
-  e$2("wcm-wallet-explorer-view")
+  e$3("wcm-wallet-explorer-view")
 ], WcmWalletExplorerView);
-const styles = i$3`wcm-info-footer{flex-direction:column;align-items:center;display:flex;width:100%;padding:5px 0}wcm-text{text-align:center}`;
+const styles = i$4`wcm-info-footer{flex-direction:column;align-items:center;display:flex;width:100%;padding:5px 0}wcm-text{text-align:center}`;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
+  for (var i3 = decorators.length - 1, decorator; i3 >= 0; i3--)
+    if (decorator = decorators[i3])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
     __defProp(target, key, result);
   return result;
 };
-let WcmWebConnectingView = class extends s {
+let WcmWebConnectingView = class extends s$1 {
   // -- lifecycle ---------------------------------------------------- //
   constructor() {
     super();
@@ -5468,13 +5688,13 @@ let WcmWebConnectingView = class extends s {
 };
 WcmWebConnectingView.styles = [ThemeUtil.globalCss, styles];
 __decorateClass([
-  t$1()
+  t$2()
 ], WcmWebConnectingView.prototype, "isError", 2);
 WcmWebConnectingView = __decorateClass([
-  e$2("wcm-web-connecting-view")
+  e$3("wcm-web-connecting-view")
 ], WcmWebConnectingView);
 export {
   WcmModal,
   WcmQrCode
 };
-//# sourceMappingURL=index-BbLtc5UN.js.map
+//# sourceMappingURL=index-sU0Z-m5M.js.map