@credenza3/passport-sui 0.3.21 → 0.3.23

package/dist/Nav-aK8I8WGd.js

@@ -0,0 +1,711 @@
+import { c as tt, m as Mt, p as E, f as O, k as Y, o as ct, b as p, d as et, u as nt, n as $t, h as ft, s as W, i as U, g as yt, e as Tt, a as _t, t as zt, r as jt, j as q, q as Ot } from "./AssetItem-ufNA-vj9.js";
+import { o as Wt } from "./index-client-DOkVNeOk.js";
+import { t as it, y as M, r as ot, Q as bt, l as N, n as V, o as xt, v as $, z as K, w as F, x as Q, E as t, m as j, D as k, T as J, p as dt, F as R, C as lt, R as at, S as pt, O as mt, I as At, V as kt, P as Lt, W as Bt, X as Ft, K as Qt, Y as qt, G as Xt } from "./index-DRgrWhNH.js";
+import { h as Yt } from "./html-C8LCprZP.js";
+import { S as Jt, Q as te, B as ee, A as ne } from "./assets-BxOq0o9B.js";
+import { A as ie } from "./account-BPB9Ucub.js";
+import { S as oe } from "./scanner-Bm3Pvpfs.js";
+var se = O("<div></div>");
+const re = {
+  hash: "svelte-1f4xgrf",
+  code: ".brand-credenza.svelte-1f4xgrf {top:8px;left:-1px;}.brand-nhl.svelte-1f4xgrf {top:2px;}.brand-mlb.full.svelte-1f4xgrf {top:initial;bottom:8px;left:7px;}"
+};
+function Et(g, e) {
+  if (new.target) return tt({ component: Et, ...g });
+  it(e, !1), Mt(g, re);
+  const l = () => ct(bt, "$isLoggedInStore", d), [d, r] = $t();
+  let a = E(e, "brandName", 12);
+  var m = {
+    get brandName() {
+      return a();
+    },
+    set brandName(v) {
+      a(v), N();
+    },
+    $set: nt,
+    $on: (v, I) => et(e, v, I)
+  }, o = se();
+  let f;
+  M(() => f = Y(o, 1, `crtw-w-1.5 crtw-h-1.5 crtw-rounded-[3px] crtw-absolute crtw-left-0 crtw-top-[8px] brand-${a()}`, "svelte-1f4xgrf", f, {
+    "crtw-bg-green-500": l(),
+    "crtw-bg-red-500": !l()
+  })), p(g, o);
+  var i = ot(m);
+  return r(), i;
+}
+var ae = O("<span><!></span>"), ce = O("<div><!></div> <!>", 1), le = O('<div role="button"><!> <div class="crtw-flex crtw-items-center crtw-relative crtw-h-full crtw-mx-1.5"><!> <!></div> <!></div>');
+function X(g, e) {
+  if (new.target) return tt({ component: X, ...g });
+  it(e, !1);
+  const l = () => ct(bt, "$isLoggedInStore", d), [d, r] = $t(), a = j();
+  let m = E(e, "options", 12), { title: o, onClick: f, isDisabled: i, theme: v, isMain: I } = m();
+  V(() => $(m()), () => {
+    k(a, m().isMinimized);
+  }), xt();
+  var C = {
+    get options() {
+      return m();
+    },
+    set options(n) {
+      m(n), N();
+    },
+    $set: nt,
+    $on: (n, s) => et(e, n, s)
+  };
+  ft();
+  var b = le();
+  let S;
+  W(b, "tabindex", 0);
+  var w = F(b);
+  {
+    var _ = (n) => {
+      var s = ae();
+      let P;
+      var Z = F(s);
+      {
+        var u = (D) => {
+          var G = _t(), st = dt(G);
+          yt(st, e, "default", {}), p(D, G);
+        }, A = (D) => {
+          var G = zt();
+          M(() => jt(G, o)), p(D, G);
+        };
+        U(Z, (D) => {
+          I ? D(u) : D(A, !1);
+        });
+      }
+      Q(s), M(() => P = Y(s, 1, `crtw-flex crtw-items-center crtw-justify-center crtw-invisible crtw-bg-white crtw-text-black crtw-text-center crtw-absolute crtw-z-10
+      crtw-top-0 crtw-bottom-0 crtw-left-0 crtw-right-0 crtw-text-[9px] crtw-rounded crtw-overflow-hidden group-hover:crtw-visible`, null, P, {
+        "crtw-bg-black": v === J.BLACK,
+        "crtw-text-white": v === J.BLACK
+      })), p(n, s);
+    };
+    U(w, (n) => {
+      t(a) && l() && n(_);
+    });
+  }
+  var y = K(w, 2), L = F(y);
+  {
+    var H = (n) => {
+      Et(n, {
+        get brandName() {
+          return o;
+        }
+      });
+    };
+    U(L, (n) => {
+      I && n(H);
+    });
+  }
+  var B = K(L, 2);
+  yt(B, e, "icon", {}), Q(y);
+  var c = K(y, 2);
+  {
+    var x = (n) => {
+      var s = ce(), P = dt(s);
+      let Z;
+      var u = F(P);
+      Yt(u, () => o), Q(P);
+      var A = K(P, 2);
+      yt(A, e, "default", {}), M(() => Z = Y(P, 1, "crtw-flex crtw-flex-col crtw-flex-1 crtw-w-full crtw-ml-1.5 crtw-justify-center", null, Z, { "crtw-text-white": i })), p(n, s);
+    };
+    U(c, (n) => {
+      t(a) || n(x);
+    });
+  }
+  Q(b), M(() => S = Y(b, 1, "crtw-w-full crtw-flex crtw-flex-row crtw-items-center crtw-justify-start crtw-h-11 crtw-relative crtw-box-border crtw-group", null, S, {
+    "crtw-justify-center": t(a),
+    "crtw-w-11": t(a)
+  })), Tt("click", b, f), p(g, b);
+  var z = ot(C);
+  return r(), z;
+}
+const de = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-chevron-up'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill-rule='evenodd'%20d='M7.646%204.646a.5.5%200%200%201%20.708%200l6%206a.5.5%200%200%201-.708.708L8%205.707l-5.646%205.647a.5.5%200%200%201-.708-.708l6-6z'/%3e%3c/svg%3e";
+var ve = O('<img alt=""/>'), ge = O('<div slot="icon"><img class="crtw-block crtw-max-w-[30px]" alt=""/></div>');
+function Nt(g, e) {
+  if (new.target) return tt({ component: Nt, ...g });
+  it(e, !1);
+  const l = () => ct(bt, "$isLoggedInStore", d), [d, r] = $t(), a = j(), m = j();
+  let o = E(e, "options", 12), { onClick: f, title: i, passIcon: v, theme: I } = o();
+  V(() => $(o()), () => {
+    k(a, o().chevronStyles);
+  }), V(() => $(o()), () => {
+    k(m, o().isMinimized);
+  }), xt();
+  var C = {
+    get options() {
+      return o();
+    },
+    set options(S) {
+      o(S), N();
+    },
+    $set: nt,
+    $on: (S, w) => et(e, S, w)
+  };
+  ft();
+  {
+    let S = R(() => ({
+      title: i,
+      onClick: f,
+      isDisabled: !1,
+      isMinimized: t(m),
+      theme: I,
+      isMain: !0
+    }));
+    X(g, {
+      get options() {
+        return t(S);
+      },
+      children: (w, _) => {
+        var y = _t(), L = dt(y);
+        {
+          var H = (B) => {
+            var c = ve();
+            M(() => {
+              W(c, "src", de), q(c, t(a));
+            }), p(B, c);
+          };
+          U(L, (B) => {
+            l() && B(H);
+          });
+        }
+        p(w, y);
+      },
+      $$slots: {
+        default: !0,
+        icon: (w, _) => {
+          var y = ge();
+          Y(y, 1, "crtw-flex crtw-justify-center crtw-items-center crtw-rounded-md");
+          var L = F(y);
+          Q(y), M(() => W(L, "src", v)), p(w, y);
+        }
+      }
+    });
+  }
+  var b = ot(C);
+  return r(), b;
+}
+var me = O('<div role="button"><!></div>');
+const fe = {
+  hash: "svelte-1w6drrl",
+  code: ".cpui-minimization-toggler-left.svelte-1w6drrl {left:0;border-right:1px solid;}.cpui-minimization-toggler-right.svelte-1w6drrl {right:0;border-left:1px solid;}"
+};
+function Ht(g, e) {
+  if (new.target) return tt({ component: Ht, ...g });
+  it(e, !1), Mt(g, fe);
+  let l = E(e, "theme", 12), d = E(e, "navConfig", 12), r = E(e, "isMinimized", 12);
+  var a = {
+    get theme() {
+      return l();
+    },
+    set theme(i) {
+      l(i), N();
+    },
+    get navConfig() {
+      return d();
+    },
+    set navConfig(i) {
+      d(i), N();
+    },
+    get isMinimized() {
+      return r();
+    },
+    set isMinimized(i) {
+      r(i), N();
+    },
+    $set: nt,
+    $on: (i, v) => et(e, i, v)
+  };
+  ft();
+  var m = _t(), o = dt(m);
+  {
+    var f = (i) => {
+      var v = me();
+      W(v, "tabindex", 0);
+      let I;
+      var C = F(v);
+      {
+        var b = (w) => {
+          var _ = zt();
+          _.nodeValue = ">", p(w, _);
+        }, S = (w) => {
+          var _ = zt();
+          _.nodeValue = "<", p(w, _);
+        };
+        U(C, (w) => {
+          $(r()), $(d()), $(at), lt(() => r() && d().minimization?.toggler?.position === at.RIGHT || !r() && d().minimization?.toggler?.position !== at.RIGHT) ? w(b) : w(S, !1);
+        });
+      }
+      Q(v), M((w) => I = Y(v, 1, w, "svelte-1w6drrl", I, { "border-white": l() === J.BLACK }), [
+        () => ($(d()), $(at), lt(() => `crtw-flex crtw-items-center crtw-justify-center crtw-w-4 crtw-absolute crtw-top-0 crtw-bottom-0 crtw-border-gray-700 cpui-minimization-toggler-${d().minimization?.toggler?.position?.toLowerCase() ?? at.LEFT.toLowerCase()}`))
+      ]), Tt("click", v, () => r(!r())), p(i, v);
+    };
+    U(o, (i) => {
+      $(d()), lt(() => d().minimization?.toggler?.enabled) && i(f);
+    });
+  }
+  return p(g, m), ot(a);
+}
+var ue = O('<div class="crdz-ui" id="cpnav"><div><!> <!> <!> <!></div></div>');
+function Rt(g, e) {
+  if (new.target) return tt({ component: Rt, ...g });
+  it(e, !1);
+  const l = j(), d = j(), r = j(), a = j();
+  let m = E(e, "options", 12), o = E(e, "navItemOptions", 12), f = E(e, "balanceOptions", 12), i = m(), v = i.theme, I = i.cssVarStyles, C = i.navConfig, b = i.navDirection, S = i.iconStyles, w = i.onItemClicked, _ = j(i.isMinimized), y = i.expandedNavComponent;
+  V(() => $(m()), () => {
+    k(l, m().isExpanded);
+  }), V(() => $(f()), () => {
+    k(d, f().balance);
+  }), V(() => $(f()), () => {
+    k(r, f().isShown);
+  }), V(() => $(o()), () => {
+    k(a, o().chevronStyles);
+  }), xt();
+  var L = {
+    get options() {
+      return m();
+    },
+    set options(u) {
+      m(u), N();
+    },
+    get navItemOptions() {
+      return o();
+    },
+    set navItemOptions(u) {
+      o(u), N();
+    },
+    get balanceOptions() {
+      return f();
+    },
+    set balanceOptions(u) {
+      f(u), N();
+    },
+    $set: nt,
+    $on: (u, A) => et(e, u, A)
+  };
+  ft();
+  var H = ue(), B = F(H);
+  let c;
+  var x = F(B);
+  Ht(x, {
+    get theme() {
+      return v;
+    },
+    get navConfig() {
+      return C;
+    },
+    get isMinimized() {
+      return t(_);
+    },
+    set isMinimized(u) {
+      k(_, u);
+    },
+    $$legacy: !0
+  });
+  var z = K(x, 2);
+  {
+    var n = (u) => {
+      var A = _t(), D = dt(A);
+      {
+        let G = R(() => ({
+          isMinimized: t(_),
+          theme: v,
+          iconStyles: S,
+          onClick: w,
+          isShownBalance: t(r),
+          balance: t(d)
+        }));
+        Ot(D, () => y, (st, ut) => {
+          ut(st, {
+            get options() {
+              return t(G);
+            }
+          });
+        });
+      }
+      p(u, A);
+    };
+    U(z, (u) => {
+      $(pt), t(l), lt(() => b === pt.TOP && t(l)) && u(n);
+    });
+  }
+  var s = K(z, 2);
+  {
+    let u = R(() => ($(o()), t(_), t(a), lt(() => ({
+      ...o(),
+      theme: v,
+      isMinimized: t(_),
+      chevronStyles: t(a)
+    }))));
+    Nt(s, {
+      get options() {
+        return t(u);
+      }
+    });
+  }
+  var P = K(s, 2);
+  {
+    var Z = (u) => {
+      var A = _t(), D = dt(A);
+      {
+        let G = R(() => ({
+          isMinimized: t(_),
+          theme: v,
+          iconStyles: S,
+          onClick: w,
+          isShownBalance: t(r),
+          balance: t(d)
+        }));
+        Ot(D, () => y, (st, ut) => {
+          ut(st, {
+            get options() {
+              return t(G);
+            }
+          });
+        });
+      }
+      p(u, A);
+    };
+    U(P, (u) => {
+      $(pt), t(l), lt(() => b === pt.BOTTOM && t(l)) && u(Z);
+    });
+  }
+  return Q(B), Q(H), M(() => {
+    c = Y(B, 1, `cpnav crtw-fixed crtw-z-50 crtw-w-56 crtw-flex crtw-flex-col crtw-items-center crtw-justify-center crtw-bg-white crtw-text-gray-800
+    crtw-font-[poppins] crtw-text-xs crtw-border crtw-border-gray-700 crtw-rounded crtw-cursor-pointer crtw-pr-1.5`, null, c, {
+      "crtw-bg-black": v === J.BLACK,
+      "crtw-text-white": v === J.BLACK,
+      "crtw-w-[70px]": t(_),
+      "crtw-pr-5": C.minimization?.toggler?.enabled && C.minimization?.toggler?.position === at.RIGHT,
+      "crtw-pl-5": C.minimization?.toggler?.enabled && C.minimization?.toggler?.position !== at.RIGHT
+    }), q(B, I);
+  }), p(g, H), ot(L);
+}
+var we = O('<img slot="icon" alt=""/>'), pe = O('<img slot="icon" alt=""/>'), _e = O('<img slot="icon" alt=""/>'), be = O("<span> </span>"), xe = O('<img slot="icon" alt=""/>'), he = O('<img slot="icon" alt=""/>'), $e = O('<img slot="icon" alt=""/>'), Se = O("<!> <!> <!> <!> <!> <!>", 1);
+function Dt(g, e) {
+  if (new.target) return tt({ component: Dt, ...g });
+  it(e, !1);
+  const l = j(), d = j(), r = j();
+  let a = E(e, "options", 12), m = E(e, "showAssets", 12, !1), { theme: o, iconStyles: f, onClick: i, buttonStyles: v } = a();
+  V(() => $(a()), () => {
+    k(l, a().balance);
+  }), V(() => $(a()), () => {
+    k(d, a().isShownBalance);
+  }), V(() => $(a()), () => {
+    k(r, a().isMinimized);
+  }), xt();
+  var I = {
+    get options() {
+      return a();
+    },
+    set options(c) {
+      a(c), N();
+    },
+    get showAssets() {
+      return m();
+    },
+    set showAssets(c) {
+      m(c), N();
+    },
+    $set: nt,
+    $on: (c, x) => et(e, c, x)
+  };
+  ft();
+  var C = Se(), b = dt(C);
+  {
+    let c = R(() => ({
+      isMinimized: t(r),
+      theme: o,
+      title: "Sign Out",
+      onClick: () => i(mt.LOGOUT)
+    }));
+    X(b, {
+      get options() {
+        return t(c);
+      },
+      $$slots: {
+        icon: (x, z) => {
+          var n = we();
+          M(() => {
+            W(n, "src", Jt), q(n, f);
+          }), p(x, n);
+        }
+      }
+    });
+  }
+  var S = K(b, 2);
+  {
+    let c = R(() => ({
+      isMinimized: t(r),
+      theme: o,
+      title: "Show ID",
+      onClick: () => i(mt.PASSPORT_ID)
+    }));
+    X(S, {
+      get options() {
+        return t(c);
+      },
+      $$slots: {
+        icon: (x, z) => {
+          var n = pe();
+          M(() => {
+            W(n, "src", te), q(n, f);
+          }), p(x, n);
+        }
+      }
+    });
+  }
+  var w = K(S, 2);
+  {
+    let c = R(() => ({
+      isMinimized: t(r),
+      theme: o,
+      title: "PassScan",
+      onClick: () => i(mt.SCANNER)
+    }));
+    X(w, {
+      get options() {
+        return t(c);
+      },
+      $$slots: {
+        icon: (x, z) => {
+          var n = _e();
+          M(() => {
+            W(n, "src", oe), q(n, f);
+          }), p(x, n);
+        }
+      }
+    });
+  }
+  var _ = K(w, 2);
+  {
+    var y = (c) => {
+      {
+        let x = R(() => ({
+          theme: o,
+          title: "Wallet",
+          onClick: () => i(mt.WALLET),
+          isMinimized: t(r)
+        }));
+        X(c, {
+          get options() {
+            return t(x);
+          },
+          children: (z, n) => {
+            var s = be();
+            let P;
+            var Z = F(s, !0);
+            Q(s), M(() => {
+              P = Y(s, 1, "cpnav-menu-item-balance crtw-text-[9px]", null, P, { "cpnav-menu-item-balance-white": o === J.BLACK }), jt(Z, t(l));
+            }), p(z, s);
+          },
+          $$slots: {
+            default: !0,
+            icon: (z, n) => {
+              var s = xe();
+              M(() => {
+                W(s, "src", ee), q(s, f);
+              }), p(z, s);
+            }
+          }
+        });
+      }
+    };
+    U(_, (c) => {
+      t(d) && c(y);
+    });
+  }
+  var L = K(_, 2);
+  {
+    var H = (c) => {
+      {
+        let x = R(() => ({
+          theme: o,
+          title: "Assets",
+          onClick: () => i(mt.ASSETS),
+          isMinimized: t(r)
+        }));
+        X(c, {
+          get options() {
+            return t(x);
+          },
+          $$slots: {
+            icon: (z, n) => {
+              var s = he();
+              M(() => {
+                W(s, "src", ne), q(s, f);
+              }), p(z, s);
+            }
+          }
+        });
+      }
+    };
+    U(L, (c) => {
+      m() && c(H);
+    });
+  }
+  var B = K(L, 2);
+  {
+    let c = R(() => ({
+      isMinimized: t(r),
+      theme: o,
+      title: "My Account",
+      onClick: () => i(mt.PROFILE)
+    }));
+    X(B, {
+      get options() {
+        return t(c);
+      },
+      $$slots: {
+        icon: (x, z) => {
+          var n = $e();
+          M(() => {
+            W(n, "src", ie), q(n, f);
+          }), p(x, n);
+        }
+      }
+    });
+  }
+  return p(g, C), ot(I);
+}
+const It = (g = null) => ({
+  width: "20px",
+  ...g === J.BLACK ? { filter: "brightness(0) invert(1)" } : {}
+  // brightness(0) invert(1) - makes WHITE
+}), Pt = "data:image/svg+xml,%3csvg%20width='18px'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20350.3%20550.12'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:%23010101;}.cls-2{fill:%23fff;}%3c/style%3e%3c/defs%3e%3cpath%20class='cls-1'%20d='M306.25,19.41A19.41,19.41,0,0,0,286.91,0a19.87,19.87,0,0,0-4.48.52L84.06,46.8H306.25Z'/%3e%3cpath%20class='cls-1'%20d='M330.86,68.67H16.41A16.43,16.43,0,0,0,0,85.08V533.52a16.43,16.43,0,0,0,16.41,16.41H330.86A19.15,19.15,0,0,0,350,530.79v-443a19.15,19.15,0,0,0-19.14-19.14Z'/%3e%3cpath%20class='cls-2'%20d='M335.18,324.34c-36.63,23.17-33.8,23-67-3,22.17,36.31,22.44,32-3,67,38.13-22.69,31.95-24.1,67,3C309.46,353.18,309.39,360.34,335.18,324.34Z'/%3e%3cpath%20class='cls-2'%20d='M182.86,437.36c-41.92,28.61-38.35,27.94-79.07-1.09,27.05,41.47,27.72,37.15-1.09,79.06,44-28,36.41-29.05,79.06,1.1C153.74,472.43,153.61,480.83,182.86,437.36Z'/%3e%3cpath%20class='cls-2'%20d='M350.3,542V487.21c-54.42-5.37-91.43-51.55-129.29-108.62-33.17-50-19.06-58,35.18-148.25C150.55,311,158.7,309.56,49.08,237.47c76.21,105.73,77,92.51,7.14,207.11,85.43-60.77,93.57-76.77,144-48.43,78.67,45.26,105.36,97.48,105.8,154h35Z'/%3e%3c/svg%3e";
+function Kt(g, e) {
+  if (new.target) return tt({ component: Kt, ...g });
+  it(e, !1);
+  let l = E(e, "options", 12);
+  var d = {
+    get options() {
+      return l();
+    },
+    set options(r) {
+      l(r), N();
+    },
+    $set: nt,
+    $on: (r, a) => et(e, r, a)
+  };
+  return Dt(g, {
+    get options() {
+      return l();
+    },
+    showAssets: !1
+  }), ot(d);
+}
+const Ce = {
+  hash: "svelte-19pc2my",
+  code: ".cpnav svg:focus {outline:0;}"
+};
+function ye(g, e) {
+  if (new.target) return tt({ component: ye, ...g });
+  it(e, !1), Mt(g, Ce);
+  const l = () => ct(Ft, "$clientPublicStore", m), d = () => ct(bt, "$isLoggedInStore", m), r = () => ct(Bt, "$configStore", m), a = () => ct(Xt, "$cloakStore", m), [m, o] = $t();
+  var f = this && this.__awaiter || function(h, T, vt, gt) {
+    function Gt(wt) {
+      return wt instanceof vt ? wt : new vt(function(ht) {
+        ht(wt);
+      });
+    }
+    return new (vt || (vt = Promise))(function(wt, ht) {
+      function Ut(rt) {
+        try {
+          St(gt.next(rt));
+        } catch (Ct) {
+          ht(Ct);
+        }
+      }
+      function Zt(rt) {
+        try {
+          St(gt.throw(rt));
+        } catch (Ct) {
+          ht(Ct);
+        }
+      }
+      function St(rt) {
+        rt.done ? wt(rt.value) : Gt(rt.value).then(Ut, Zt);
+      }
+      St((gt = gt.apply(h, T || [])).next());
+    });
+  }, i, v, I;
+  let C = E(e, "styles", 12), b = E(e, "navConfig", 12);
+  const S = At(Bt), { openUI: w, getBalance: _, login: y } = At(Qt);
+  let L = j("");
+  const H = () => f(void 0, void 0, void 0, function* () {
+    k(L, `${yield _()} ${(l() === null || l() === void 0 ? void 0 : l().ui_settings.cred_alias) || "cred"}`);
+  }), B = kt(Lt.RECHECK_BALANCE, () => f(void 0, void 0, void 0, function* () {
+    setTimeout(() => H(), 3e3);
+  })), c = kt(Lt.LOGIN, () => f(void 0, void 0, void 0, function* () {
+    yield H();
+  })), x = Object.entries(l().ui_settings).map(([h, T]) => h === "text_color" ? ["color", T] : [`${h.replace(/_/g, "-")}`, T]), z = Object.assign(Object.assign({}, C()), Object.fromEntries(x)), n = Object.entries(z).map(([h, T]) => `${h}:${T} !important`).join(";");
+  let s = j(!1), P = ((i = b().minimization) === null || i === void 0 ? void 0 : i.enabled) || !1;
+  const Z = ((v = S.nav) === null || v === void 0 ? void 0 : v.direction) || pt.TOP, u = ((I = S.nav) === null || I === void 0 ? void 0 : I.theme) || J.WHITE;
+  let A = j("");
+  const D = Object.entries(It(u)).map(([h, T]) => `${h}:${T}`).join(";"), G = bt.subscribe((h) => {
+    h || k(s, !1);
+  });
+  Wt(() => {
+    B(), c(), G();
+  });
+  const st = () => f(void 0, void 0, void 0, function* () {
+    a() ? w() : yield y(qt.OAUTH);
+  });
+  V(() => (d(), r()), () => {
+    d() && r().suiNetwork && H();
+  }), V(() => (t(s), It), () => {
+    k(A, Object.entries(Object.assign(Object.assign({}, t(s) ? { transform: "scale(1, -1)" } : {}), It(u))).map(([h, T]) => `${h}:${T}`).join(";"));
+  }), xt();
+  var ut = {
+    get styles() {
+      return C();
+    },
+    set styles(h) {
+      C(h), N();
+    },
+    get navConfig() {
+      return b();
+    },
+    set navConfig(h) {
+      b(h), N();
+    },
+    $set: nt,
+    $on: (h, T) => et(e, h, T)
+  };
+  ft();
+  {
+    let h = R(() => ({
+      isExpanded: t(s),
+      theme: u,
+      isMinimized: P,
+      cssVarStyles: n,
+      navConfig: b(),
+      navDirection: Z,
+      iconStyles: D,
+      onItemClicked: (gt) => w(gt),
+      expandedNavComponent: Kt
+    })), T = R(() => (d(), t(s), l(), $(Pt), t(A), lt(() => ({
+      onClick: () => d() ? k(s, !t(s)) : st(),
+      title: l().name,
+      passIcon: l().ui_settings.logo_url || Pt,
+      chevronStyles: t(A)
+    })))), vt = R(() => ({ isShown: !0, balance: t(L) }));
+    Rt(g, {
+      get options() {
+        return t(h);
+      },
+      get navItemOptions() {
+        return t(T);
+      },
+      get balanceOptions() {
+        return t(vt);
+      }
+    });
+  }
+  var Vt = ot(ut);
+  return o(), Vt;
+}
+export {
+  ye as default
+};
+//# sourceMappingURL=Nav-aK8I8WGd.js.map