@credenza3/passport-sui 0.1.5 → 0.1.6

package/dist/Nav-DGxksgRd.js

@@ -0,0 +1,669 @@
+import { c as at, m as Ot, p as D, f as O, o as dt, k as X, b as z, d as rt, u as ct, n as Ct, h as mt, s as U, i as G, g as It, e as Tt, a as ut, t as Lt, r as Et, j as et, q as kt } from "./legacy-BgObIK2n.js";
+import { o as Ut } from "./index-client-BARQdFBp.js";
+import { v as lt, D as $, I as y, A as vt, u as H, W as pt, w as Z, y as ft, B as W, E as V, C as F, L as t, m as T, K as L, x as S, X as Y, z as ot, F as st, Y as nt, Z as wt, P as ht, N as Mt, _ as Pt, V as Bt, J as At, $ as jt, O as Wt } from "./index-DmO4Bf6j.js";
+import { h as Ft } from "./html-DTfBoa9t.js";
+import { A as Jt } from "./account-BPB9Ucub.js";
+import { S as Qt } from "./scanner-Bm3Pvpfs.js";
+var Xt = O("<div></div>");
+const Yt = {
+  hash: "svelte-wttqlc",
+  code: ".brand-credenza.svelte-wttqlc {top:8px;left:-1px;}.brand-nhl.svelte-wttqlc {top:2px;}.brand-mlb.full.svelte-wttqlc {top:initial;bottom:8px;left:7px;}"
+};
+function Zt(u, n) {
+  if (new.target) return at({ component: Zt, ...u });
+  lt(n, !1), Ot(u, Yt);
+  const [C, p] = Ct(), r = () => dt(pt, "$isLoggedInStore", C);
+  let o = D(n, "brandName", 12);
+  var c = Xt();
+  let s;
+  $(
+    (e) => s = X(c, 1, `crtw-w-1.5 crtw-h-1.5 crtw-rounded-[3px] crtw-absolute crtw-left-0 crtw-top-[8px] brand-${o()}`, "svelte-wttqlc", s, e),
+    [
+      () => ({
+        "crtw-bg-green-500": r(),
+        "crtw-bg-red-500": !r()
+      })
+    ],
+    y
+  ), z(u, c);
+  var i = vt({
+    get brandName() {
+      return o();
+    },
+    set brandName(e) {
+      o(e), H();
+    },
+    $set: ct,
+    $on: (e, g) => rt(n, e, g)
+  });
+  return p(), i;
+}
+var te = O("<span><!></span>"), ee = O("<div><!></div> <!>", 1), ne = O('<div role="button"><!> <div class="crtw-flex crtw-items-center crtw-relative crtw-h-full crtw-mx-1.5"><!> <!></div> <!></div>');
+function it(u, n) {
+  if (new.target) return at({ component: it, ...u });
+  lt(n, !1);
+  const [C, p] = Ct(), r = () => dt(pt, "$isLoggedInStore", C), o = T();
+  let c = D(n, "options", 12), { title: s, onClick: i, isDisabled: e, theme: g, isMain: k } = c();
+  Z(() => S(c()), () => {
+    L(o, c().isMinimized);
+  }), ft(), mt();
+  var f = ne();
+  let P;
+  U(f, "tabindex", 0);
+  var a = W(f);
+  {
+    var m = (_) => {
+      var d = te();
+      let j;
+      var q = W(d);
+      {
+        var R = (b) => {
+          var N = ut(), K = ot(N);
+          It(K, n, "default", {}), z(b, N);
+        }, v = (b) => {
+          var N = Lt();
+          $(() => Et(N, s)), z(b, N);
+        };
+        G(q, (b) => {
+          k ? b(R) : b(v, !1);
+        });
+      }
+      F(d), $(
+        (b) => j = X(d, 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, j, b),
+        [
+          () => ({
+            "crtw-bg-black": g === Y.BLACK,
+            "crtw-text-white": g === Y.BLACK
+          })
+        ],
+        y
+      ), z(_, d);
+    };
+    G(a, (_) => {
+      t(o) && r() && _(m);
+    });
+  }
+  var l = V(a, 2), I = W(l);
+  {
+    var M = (_) => {
+      Zt(_, {
+        get brandName() {
+          return s;
+        }
+      });
+    };
+    G(I, (_) => {
+      k && _(M);
+    });
+  }
+  var B = V(I, 2);
+  It(B, n, "icon", {}), F(l);
+  var h = V(l, 2);
+  {
+    var A = (_) => {
+      var d = ee(), j = ot(d);
+      let q;
+      var R = W(j);
+      Ft(R, () => s), F(j);
+      var v = V(j, 2);
+      It(v, n, "default", {}), $((b) => q = X(j, 1, "crtw-flex crtw-flex-col crtw-flex-1 crtw-w-full crtw-ml-1.5 crtw-justify-center", null, q, b), [() => ({ "crtw-text-white": e })], y), z(_, d);
+    };
+    G(h, (_) => {
+      t(o) || _(A);
+    });
+  }
+  F(f), $(
+    (_) => P = X(f, 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, P, _),
+    [
+      () => ({
+        "crtw-justify-center": t(o),
+        "crtw-w-11": t(o)
+      })
+    ],
+    y
+  ), Tt("click", f, i), z(u, f);
+  var w = vt({
+    get options() {
+      return c();
+    },
+    set options(_) {
+      c(_), H();
+    },
+    $set: ct,
+    $on: (_, d) => rt(n, _, d)
+  });
+  return p(), w;
+}
+const ie = "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 se = O('<img alt=""/>'), oe = O('<div slot="icon"><img class="crtw-block crtw-max-w-[30px]" alt=""/></div>');
+function Dt(u, n) {
+  if (new.target) return at({ component: Dt, ...u });
+  lt(n, !1);
+  const [C, p] = Ct(), r = () => dt(pt, "$isLoggedInStore", C), o = T(), c = T();
+  let s = D(n, "options", 12), { onClick: i, title: e, passIcon: g, theme: k } = s();
+  Z(() => S(s()), () => {
+    L(o, s().chevronStyles);
+  }), Z(() => S(s()), () => {
+    L(c, s().isMinimized);
+  }), ft(), mt();
+  const f = y(() => ({
+    title: e,
+    onClick: i,
+    isDisabled: !1,
+    isMinimized: t(c),
+    theme: k,
+    isMain: !0
+  }));
+  it(u, {
+    get options() {
+      return t(f);
+    },
+    children: (a, m) => {
+      var l = ut(), I = ot(l);
+      {
+        var M = (B) => {
+          var h = se();
+          $(() => {
+            U(h, "src", ie), et(h, t(o));
+          }), z(B, h);
+        };
+        G(I, (B) => {
+          r() && B(M);
+        });
+      }
+      z(a, l);
+    },
+    $$slots: {
+      default: !0,
+      icon: (a, m) => {
+        var l = oe();
+        X(l, 1, "crtw-flex crtw-justify-center crtw-items-center crtw-rounded-md");
+        var I = W(l);
+        F(l), $(() => U(I, "src", g)), z(a, l);
+      }
+    }
+  });
+  var P = vt({
+    get options() {
+      return s();
+    },
+    set options(a) {
+      s(a), H();
+    },
+    $set: ct,
+    $on: (a, m) => rt(n, a, m)
+  });
+  return p(), P;
+}
+var ae = O('<div role="button"><!></div>');
+const re = {
+  hash: "svelte-16c70gs",
+  code: ".cpui-minimization-toggler-left.svelte-16c70gs {left:0;border-right:1px solid;}.cpui-minimization-toggler-right.svelte-16c70gs {right:0;border-left:1px solid;}"
+};
+function Ht(u, n) {
+  if (new.target) return at({ component: Ht, ...u });
+  lt(n, !1), Ot(u, re);
+  let C = D(n, "theme", 12), p = D(n, "navConfig", 12), r = D(n, "isMinimized", 12);
+  mt();
+  var o = ut(), c = ot(o);
+  {
+    var s = (i) => {
+      var e = ae();
+      U(e, "tabindex", 0);
+      let g;
+      var k = W(e);
+      {
+        var f = (a) => {
+          var m = Lt();
+          m.nodeValue = ">", z(a, m);
+        }, P = (a) => {
+          var m = Lt();
+          m.nodeValue = "<", z(a, m);
+        };
+        G(k, (a) => {
+          S(r()), S(p()), S(nt), st(() => {
+            var m, l, I, M;
+            return r() && ((l = (m = p().minimization) == null ? void 0 : m.toggler) == null ? void 0 : l.position) === nt.RIGHT || !r() && ((M = (I = p().minimization) == null ? void 0 : I.toggler) == null ? void 0 : M.position) !== nt.RIGHT;
+          }) ? a(f) : a(P, !1);
+        });
+      }
+      F(e), $(
+        (a, m) => g = X(e, 1, a, "svelte-16c70gs", g, m),
+        [
+          () => (S(p()), S(nt), st(() => {
+            var a, m, l;
+            return `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-${((l = (m = (a = p().minimization) == null ? void 0 : a.toggler) == null ? void 0 : m.position) == null ? void 0 : l.toLowerCase()) ?? nt.LEFT.toLowerCase()}`;
+          })),
+          () => ({ "border-white": C() === Y.BLACK })
+        ],
+        y
+      ), Tt("click", e, () => r(!r())), z(i, e);
+    };
+    G(c, (i) => {
+      S(p()), st(() => {
+        var e, g;
+        return (g = (e = p().minimization) == null ? void 0 : e.toggler) == null ? void 0 : g.enabled;
+      }) && i(s);
+    });
+  }
+  return z(u, o), vt({
+    get theme() {
+      return C();
+    },
+    set theme(i) {
+      C(i), H();
+    },
+    get navConfig() {
+      return p();
+    },
+    set navConfig(i) {
+      p(i), H();
+    },
+    get isMinimized() {
+      return r();
+    },
+    set isMinimized(i) {
+      r(i), H();
+    },
+    $set: ct,
+    $on: (i, e) => rt(n, i, e)
+  });
+}
+var ce = O('<div class="crdz-ui" id="cpnav"><div><!> <!> <!> <!></div></div>');
+function Rt(u, n) {
+  if (new.target) return at({ component: Rt, ...u });
+  lt(n, !1);
+  const C = T(), p = T(), r = T(), o = T();
+  let c = D(n, "options", 12), s = D(n, "navItemOptions", 12), i = D(n, "balanceOptions", 12), e = c(), g = e.theme, k = e.cssVarStyles, f = e.navConfig, P = e.navDirection, a = e.iconStyles, m = e.onItemClicked, l = T(e.isMinimized), I = e.expandedNavComponent;
+  Z(() => S(c()), () => {
+    L(C, c().isExpanded);
+  }), Z(() => S(i()), () => {
+    L(p, i().balance);
+  }), Z(() => S(i()), () => {
+    L(r, i().isShown);
+  }), Z(() => S(s()), () => {
+    L(o, s().chevronStyles);
+  }), ft(), mt();
+  var M = ce(), B = W(M);
+  let h;
+  var A = W(B);
+  Ht(A, {
+    get theme() {
+      return g;
+    },
+    get navConfig() {
+      return f;
+    },
+    get isMinimized() {
+      return t(l);
+    },
+    set isMinimized(v) {
+      L(l, v);
+    },
+    $$legacy: !0
+  });
+  var w = V(A, 2);
+  {
+    var _ = (v) => {
+      var b = ut(), N = ot(b);
+      const K = y(() => ({
+        isMinimized: t(l),
+        theme: g,
+        iconStyles: a,
+        onClick: m,
+        isShownBalance: t(r),
+        balance: t(p)
+      }));
+      kt(N, () => I, (J, Q) => {
+        Q(J, {
+          get options() {
+            return t(K);
+          }
+        });
+      }), z(v, b);
+    };
+    G(w, (v) => {
+      S(wt), t(C), st(() => P === wt.TOP && t(C)) && v(_);
+    });
+  }
+  var d = V(w, 2);
+  const j = y(() => (S(s()), t(l), t(o), st(() => ({
+    ...s(),
+    theme: g,
+    isMinimized: t(l),
+    chevronStyles: t(o)
+  }))));
+  Dt(d, {
+    get options() {
+      return t(j);
+    }
+  });
+  var q = V(d, 2);
+  {
+    var R = (v) => {
+      var b = ut(), N = ot(b);
+      const K = y(() => ({
+        isMinimized: t(l),
+        theme: g,
+        iconStyles: a,
+        onClick: m,
+        isShownBalance: t(r),
+        balance: t(p)
+      }));
+      kt(N, () => I, (J, Q) => {
+        Q(J, {
+          get options() {
+            return t(K);
+          }
+        });
+      }), z(v, b);
+    };
+    G(q, (v) => {
+      S(wt), t(C), st(() => P === wt.BOTTOM && t(C)) && v(R);
+    });
+  }
+  return F(B), F(M), $(
+    (v) => {
+      h = X(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, h, v), et(B, k);
+    },
+    [
+      () => {
+        var v, b, N, K, J, Q, _t, x;
+        return {
+          "crtw-bg-black": g === Y.BLACK,
+          "crtw-text-white": g === Y.BLACK,
+          "crtw-w-[70px]": t(l),
+          "crtw-pr-5": ((b = (v = f.minimization) == null ? void 0 : v.toggler) == null ? void 0 : b.enabled) && ((K = (N = f.minimization) == null ? void 0 : N.toggler) == null ? void 0 : K.position) === nt.RIGHT,
+          "crtw-pl-5": ((Q = (J = f.minimization) == null ? void 0 : J.toggler) == null ? void 0 : Q.enabled) && ((x = (_t = f.minimization) == null ? void 0 : _t.toggler) == null ? void 0 : x.position) !== nt.RIGHT
+        };
+      }
+    ],
+    y
+  ), z(u, M), vt({
+    get options() {
+      return c();
+    },
+    set options(v) {
+      c(v), H();
+    },
+    get navItemOptions() {
+      return s();
+    },
+    set navItemOptions(v) {
+      s(v), H();
+    },
+    get balanceOptions() {
+      return i();
+    },
+    set balanceOptions(v) {
+      i(v), H();
+    },
+    $set: ct,
+    $on: (v, b) => rt(n, v, b)
+  });
+}
+const $t = (u = null) => ({
+  width: "20px",
+  ...u === Y.BLACK ? { filter: "brightness(0) invert(1)" } : {}
+  // brightness(0) invert(1) - makes WHITE
+}), Nt = "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", le = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16.934'%20height='16.936'%3e%3cpath%20d='M12.766%2013.903v1.46c0%20.87-.726%201.573-1.613%201.573h-9.54c-.887%200-1.613-.71-1.613-1.573V1.573C0%20.702.726%200%201.613%200h9.54c.887%200%201.613.71%201.613%201.573v1.46a.809.809%200%200%201-.806.806.809.809%200%200%201-.807-.807v-1.46l-9.54.04v13.751l9.532-.04v-1.42c0-.443.363-.806.807-.806.443%200%20.806.363.806.806h.008Zm3.968-5.967-2.387-2.734a.805.805%200%201%200-1.218%201.056l1.218%201.403h-6.29a.809.809%200%200%200-.807.807c0%20.443.363.806.807.806h6.29l-1.218%201.404a.805.805%200%200%200%20.08%201.137.803.803%200%200%200%201.137-.073l2.388-2.734a.799.799%200%200%200%200-1.056v-.016Z'%20fill-rule='evenodd'%20data-name='Path%2031'/%3e%3c/svg%3e", ve = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='17'%20height='17'%20viewBox='258%20216%2017%2017'%3e%3cg%20data-name='Group%2016'%20transform='translate(258%20216)'%20clip-path='url(&quot;%23a&quot;)'%3e%3cpath%20d='M8.5%200C3.812%200%200%203.812%200%208.5%200%2013.188%203.812%2017%208.5%2017c4.688%200%208.5-3.812%208.5-8.5C17%203.812%2013.188%200%208.5%200m3.221%203.507.519-.715c.054-.072.143-.09.215-.036l.411.304c.412.34.805.716%201.128%201.11l.268.34a.163.163%200%200%201-.018.214l-.698.555a.163.163%200%200%201-.214-.018l-.251-.34a6.928%206.928%200%200%200-.966-.948l-.358-.25c-.072-.055-.072-.144-.036-.216ZM7.23%201.628l.52-.071a5.935%205.935%200%200%201%201.592%200l.447.054c.09.017.144.089.144.179l-.09.876a.174.174%200%200%201-.179.144l-.447-.072a4.822%204.822%200%200%200-1.342.018l-.448.053c-.09.018-.16-.053-.179-.125l-.143-.877c-.018-.09.054-.16.125-.179Zm-4.473%202.9.304-.412c.34-.412.716-.805%201.127-1.128l.34-.268a.163.163%200%200%201%20.215.018l.555.698a.163.163%200%200%201-.018.214l-.358.269c-.34.286-.662.608-.948.966l-.25.358c-.055.072-.144.09-.216.036l-.715-.519a.17.17%200%200%201-.036-.233Zm-.949%205.368c-.09.018-.16-.054-.179-.126l-.071-.518a5.938%205.938%200%200%201%200-1.593l.054-.447a.174.174%200%200%201%20.179-.144l.876.09c.09.018.144.09.144.179l-.072.447a4.82%204.82%200%200%200%20.018%201.342l.071.43c.018.09-.053.16-.125.179l-.895.16Zm3.472%203.597-.519.715c-.054.072-.143.09-.215.036l-.411-.304a7.463%207.463%200%200%201-1.128-1.127l-.268-.34a.163.163%200%200%201%20.018-.215l.698-.555a.163.163%200%200%201%20.214.018l.269.34c.286.34.608.662.966.948l.358.25a.22.22%200%200%201%20.018.234Zm4.492%201.879-.52.071a5.935%205.935%200%200%201-1.592%200l-.447-.054a.174.174%200%200%201-.144-.179l.09-.876a.174.174%200%200%201%20.179-.144l.447.054a4.82%204.82%200%200%200%201.342-.018l.43-.071c.09-.018.161.053.179.125l.143.877c.036.125-.036.197-.107.215Zm.393-3.991-1.575-.895a.163.163%200%200%200-.179%200l-1.574.895c-.269.143-.591-.09-.52-.376l.359-1.771a.144.144%200%200%200-.054-.161L5.279%207.838c-.233-.215-.107-.59.197-.608l1.807-.197a.156.156%200%200%200%20.143-.108l.752-1.646a.349.349%200%200%201%20.644%200l.752%201.646c.017.054.09.09.143.108l1.807.197c.304.035.43.411.197.608l-1.342%201.217a.144.144%200%200%200-.054.16l.358%201.772c.072.322-.25.537-.519.394Zm4.08%201.092-.304.411c-.34.412-.716.805-1.127%201.128l-.34.268a.163.163%200%200%201-.215-.018l-.555-.698a.163.163%200%200%201%20.018-.215l.34-.268c.34-.286.662-.608.948-.966l.25-.358c.055-.072.144-.09.216-.036l.715.52c.09.053.108.16.054.232Zm1.163-2.685a.174.174%200%200%201-.179.144l-.877-.09a.174.174%200%200%201-.143-.179l.054-.447a4.822%204.822%200%200%200-.018-1.342l-.054-.448c-.018-.09.054-.16.126-.179l.876-.143c.09-.018.161.054.18.125l.071.52a5.938%205.938%200%200%201%200%201.592l-.036.447Z'%20fill-rule='evenodd'%20data-name='Path%2033'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='a'%3e%3cpath%20d='M0%200h17v17H0V0z'%20data-name='Rectangle%2022'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", de = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M24%2013h-24v-3h24v3zm-14-5h1v-2h-2v1h1v1zm2-3h1v-1h-1v-1h-3v1h2v2h1v-1zm2%201h1v-5h-1v1h-1v-1h-4v1h3v1h2v3zm-1%201h1v-1h-1v1zm-10-1h3v-3h-3v3zm15%200h3v-3h-3v3zm-2%202v-7h7v7h-7zm1-1h5v-5h-5v5zm-2%201v-1h-1v1h1zm-3%200h1v-1h-1v1zm-11%200v-7h7v7h-7zm1-1h5v-5h-5v5zm11%2013v1h1v-1h-1zm3-4h1v-1h-1v1zm2%203h2v1h-1v2h-1v1h-1v-1h-1v1h-1v-1h-1v-1h1v-2h-2v1h-3v1h1v1h-1v1h-1v-5h1v-1h2v-1h1v-1h1v1h2v1h-1v1h1v1h1v-1h1v1zm-1%201h-1v1h1v-1zm2-5v1h1v-1h-1zm2%200v1h1v-1h-1zm-3%202v-1h-1v1h1zm3%200v-1h-1v1h-1v1h1v1h1v-1h2v-2h-1v1h-1zm-9%206h1v-2h-1v2zm9-2v2h1v-1h1v-2h-1v1h-1zm-20-5h7v7h-7v-7zm1%206h5v-5h-5v5zm18%201v-1h-1v1h1zm-17-2h3v-3h-3v3zm19-1v-1h-1v1h1zm-13-5v2h1v-2h-1z'/%3e%3c/svg%3e";
+var me = O('<img slot="icon" alt=""/>'), ge = O('<img slot="icon" alt=""/>'), he = O('<img slot="icon" alt=""/>'), we = O("<span> </span>"), ue = O('<img slot="icon" alt=""/>'), pe = O('<img slot="icon" alt=""/>'), fe = O("<!> <!> <!> <!> <!>", 1);
+function Vt(u, n) {
+  if (new.target) return at({ component: Vt, ...u });
+  lt(n, !1);
+  const C = T(), p = T(), r = T();
+  let o = D(n, "options", 12), { theme: c, iconStyles: s, onClick: i } = o();
+  Z(() => S(o()), () => {
+    L(C, o().balance);
+  }), Z(() => S(o()), () => {
+    L(p, o().isShownBalance);
+  }), Z(() => S(o()), () => {
+    L(r, o().isMinimized);
+  }), ft(), mt();
+  var e = fe(), g = ot(e);
+  const k = y(() => ({
+    isMinimized: t(r),
+    theme: c,
+    title: "Sign Out",
+    onClick: () => i(ht.LOGOUT)
+  }));
+  it(g, {
+    get options() {
+      return t(k);
+    },
+    $$slots: {
+      icon: (h, A) => {
+        var w = me();
+        $(() => {
+          U(w, "src", le), et(w, s);
+        }), z(h, w);
+      }
+    }
+  });
+  var f = V(g, 2);
+  const P = y(() => ({
+    isMinimized: t(r),
+    theme: c,
+    title: "Show ID",
+    onClick: () => i(ht.PASSPORT_ID)
+  }));
+  it(f, {
+    get options() {
+      return t(P);
+    },
+    $$slots: {
+      icon: (h, A) => {
+        var w = ge();
+        $(() => {
+          U(w, "src", de), et(w, s);
+        }), z(h, w);
+      }
+    }
+  });
+  var a = V(f, 2);
+  const m = y(() => ({
+    isMinimized: t(r),
+    theme: c,
+    title: "PassScan",
+    onClick: () => i(ht.SCANNER)
+  }));
+  it(a, {
+    get options() {
+      return t(m);
+    },
+    $$slots: {
+      icon: (h, A) => {
+        var w = he();
+        $(() => {
+          U(w, "src", Qt), et(w, s);
+        }), z(h, w);
+      }
+    }
+  });
+  var l = V(a, 2);
+  {
+    var I = (h) => {
+      const A = y(() => ({
+        theme: c,
+        title: "Wallet",
+        onClick: () => i(ht.WALLET),
+        isMinimized: t(r)
+      }));
+      it(h, {
+        get options() {
+          return t(A);
+        },
+        children: (w, _) => {
+          var d = we();
+          let j;
+          var q = W(d, !0);
+          F(d), $(
+            (R) => {
+              j = X(d, 1, "cpnav-menu-item-balance crtw-text-[9px]", null, j, R), Et(q, t(C));
+            },
+            [
+              () => ({
+                "cpnav-menu-item-balance-white": c === Y.BLACK
+              })
+            ],
+            y
+          ), z(w, d);
+        },
+        $$slots: {
+          default: !0,
+          icon: (w, _) => {
+            var d = ue();
+            $(() => {
+              U(d, "src", ve), et(d, s);
+            }), z(w, d);
+          }
+        }
+      });
+    };
+    G(l, (h) => {
+      t(p) && h(I);
+    });
+  }
+  var M = V(l, 2);
+  const B = y(() => ({
+    isMinimized: t(r),
+    theme: c,
+    title: "My Account",
+    onClick: () => i(ht.PROFILE)
+  }));
+  return it(M, {
+    get options() {
+      return t(B);
+    },
+    $$slots: {
+      icon: (h, A) => {
+        var w = pe();
+        $(() => {
+          U(w, "src", Jt), et(w, s);
+        }), z(h, w);
+      }
+    }
+  }), z(u, e), vt({
+    get options() {
+      return o();
+    },
+    set options(h) {
+      o(h), H();
+    },
+    $set: ct,
+    $on: (h, A) => rt(n, h, A)
+  });
+}
+const _e = {
+  hash: "svelte-f74vpm",
+  code: ".cpnav svg:focus {outline:0;}"
+};
+function be(u, n) {
+  if (new.target) return at({ component: be, ...u });
+  lt(n, !1), Ot(u, _e);
+  const [C, p] = Ct(), r = () => dt(pt, "$isLoggedInStore", C), o = () => dt(jt, "$configStore", C), c = () => dt(At, "$clientPublicStore", C);
+  var s = this && this.__awaiter || function(x, E, bt, xt) {
+    function qt(gt) {
+      return gt instanceof bt ? gt : new bt(function(zt) {
+        zt(gt);
+      });
+    }
+    return new (bt || (bt = Promise))(function(gt, zt) {
+      function Kt(tt) {
+        try {
+          St(xt.next(tt));
+        } catch (yt) {
+          zt(yt);
+        }
+      }
+      function Gt(tt) {
+        try {
+          St(xt.throw(tt));
+        } catch (yt) {
+          zt(yt);
+        }
+      }
+      function St(tt) {
+        tt.done ? gt(tt.value) : qt(tt.value).then(Kt, Gt);
+      }
+      St((xt = xt.apply(x, E || [])).next());
+    });
+  }, i, e, g;
+  let k = D(n, "styles", 12), f = D(n, "navConfig", 12);
+  const P = Mt(jt), a = Mt(At), { openUI: m, getBalance: l } = Mt(Wt);
+  let I = T("");
+  const M = () => s(void 0, void 0, void 0, function* () {
+    L(I, `${yield l()} ${a.ui_settings.cred_alias || "cred"}`);
+  }), B = Pt(Bt.RECHECK_BALANCE, () => s(void 0, void 0, void 0, function* () {
+    setTimeout(() => M(), 2e3);
+  })), h = Pt(Bt.LOGIN, () => s(void 0, void 0, void 0, function* () {
+    yield M();
+  })), A = Object.entries(a.ui_settings).map(([x, E]) => x === "text_color" ? ["color", E] : [`${x.replace(/_/g, "-")}`, E]), w = Object.assign(Object.assign({}, k()), Object.fromEntries(A)), _ = Object.entries(w).map(([x, E]) => `${x}:${E} !important`).join(";");
+  let d = T(!1), j = ((i = f().minimization) === null || i === void 0 ? void 0 : i.enabled) || !1;
+  const q = ((e = P.nav) === null || e === void 0 ? void 0 : e.direction) || wt.TOP, R = ((g = P.nav) === null || g === void 0 ? void 0 : g.theme) || Y.WHITE;
+  let v = T("");
+  const b = Object.entries($t(R)).map(([x, E]) => `${x}:${E}`).join(";"), N = pt.subscribe((x) => {
+    x || L(d, !1);
+  });
+  Ut(() => {
+    B(), h(), N();
+  }), Z(() => (r(), o()), () => {
+    r() && o().suiNetwork && M();
+  }), Z(() => (t(d), $t), () => {
+    L(v, Object.entries(Object.assign(Object.assign({}, t(d) ? { transform: "scale(1, -1)" } : {}), $t(R))).map(([x, E]) => `${x}:${E}`).join(";"));
+  }), ft(), mt();
+  const K = y(() => ({
+    isExpanded: t(d),
+    theme: R,
+    isMinimized: j,
+    cssVarStyles: _,
+    navConfig: f(),
+    navDirection: q,
+    iconStyles: b,
+    onItemClicked: (x) => m(x),
+    expandedNavComponent: Vt
+  })), J = y(() => (r(), t(d), c(), S(Nt), t(v), st(() => ({
+    onClick: () => r() ? L(d, !t(d)) : m(),
+    title: c().name,
+    passIcon: c().ui_settings.logo_url || Nt,
+    chevronStyles: t(v)
+  })))), Q = y(() => ({
+    isShown: !0,
+    //config.buyTokens !== false && !!erc20CredTokens[config.chainId]?.address,
+    balance: t(I)
+  }));
+  Rt(u, {
+    get options() {
+      return t(K);
+    },
+    get navItemOptions() {
+      return t(J);
+    },
+    get balanceOptions() {
+      return t(Q);
+    }
+  });
+  var _t = vt({
+    get styles() {
+      return k();
+    },
+    set styles(x) {
+      k(x), H();
+    },
+    get navConfig() {
+      return f();
+    },
+    set navConfig(x) {
+      f(x), H();
+    },
+    $set: ct,
+    $on: (x, E) => rt(n, x, E)
+  });
+  return p(), _t;
+}
+export {
+  be as default
+};
+//# sourceMappingURL=Nav-DGxksgRd.js.map