@kiva/kv-components 6.47.0 → 6.48.0

package/dist/vue/KvUserAvatar.js

@@ -1,11 +1,11 @@
-import { toRefs as A, ref as v, computed as d, onMounted as F, resolveComponent as U, openBlock as n, createElementBlock as o, normalizeClass as r, createElementVNode as s, createBlock as p, normalizeStyle as H, createCommentVNode as y, withDirectives as b, vShow as B, toDisplayString as I } from "vue";
-import { isLegacyPlaceholderAvatar as P, randomizedUserAvatarClass as D } from "../utils/imageUtils.js";
-import M from "./KvLoadingPlaceholder.js";
-import N from "../_virtual/_plugin-vue_export-helper.js";
-const V = {
+import { toRefs as F, ref as d, computed as u, onMounted as U, resolveComponent as p, openBlock as n, createElementBlock as o, normalizeClass as r, createElementVNode as s, createBlock as H, normalizeStyle as b, createCommentVNode as y, withDirectives as B, vShow as I, toDisplayString as P } from "vue";
+import { isLegacyPlaceholderAvatar as D, randomizedUserAvatarClass as M } from "../utils/imageUtils.js";
+import N from "./KvLoadingPlaceholder.js";
+import V from "../_virtual/_plugin-vue_export-helper.js";
+const j = {
   name: "KvUserAvatar",
   components: {
-    KvLoadingPlaceholder: M
+    KvLoadingPlaceholder: N
   },
   props: {
     /**
@@ -30,50 +30,52 @@ const V = {
       default: !1
     }
   },
-  setup(u) {
+  setup(f) {
     const {
       lenderName: a,
       lenderImageUrl: t,
       isSmall: e
-    } = A(u), i = v(!0), m = v(null), c = d(() => a.value === "" && t.value === "" || a.value === "Anonymous"), f = () => {
+    } = F(f), i = d(!0), m = d(null), c = d(null), v = u(() => a.value === "" && t.value === "" || a.value === "Anonymous"), S = () => {
       const l = e != null && e.value ? "tw-w-3 tw-h-3 tw-text-h4" : "tw-w-6 tw-h-6 tw-text-h2";
-      return `${D(a.value)} ${l}`;
-    }, S = d(() => {
+      return `${M(a.value)} ${l}`;
+    }, _ = u(() => {
       var l;
       return ((l = t == null ? void 0 : t.value) == null ? void 0 : l.split("/").pop()) ?? "";
-    }), _ = d(() => {
+    }), C = u(() => {
       var l;
       return (l = a == null ? void 0 : a.value) == null ? void 0 : l.substring(0, 1).toUpperCase();
     }), g = () => {
       i.value = !1;
-    }, C = (l, w = 1e4) => new Promise((L, k) => {
-      const x = Date.now() + w, h = () => {
-        !l || l.complete ? L(l) : Date.now() > x ? k(new Error(`Timeout: ${l.src}`)) : setTimeout(h, 50);
+    }, L = (l, w = 1e4) => new Promise((k, x) => {
+      const A = Date.now() + w, h = () => {
+        !l || l.complete ? k(l) : Date.now() > A ? x(new Error(`Timeout: ${l.src}`)) : setTimeout(h, 50);
       };
       h();
     });
-    return F(async () => {
+    return U(async () => {
       const l = m.value;
       try {
-        await C(l), g();
+        await L(l), g();
       } catch (w) {
         console.log(w.message);
       }
     }), {
-      isAnonymousUser: c,
-      avatarClass: f,
-      imageFilename: S,
-      lenderNameFirstLetter: _,
-      isLegacyPlaceholderAvatar: P,
+      isAnonymousUser: v,
+      avatarClass: S,
+      imageFilename: _,
+      lenderNameFirstLetter: C,
+      isLegacyPlaceholderAvatar: D,
       isLoading: i,
       onImgLoad: g,
-      imageRef: m
+      imageRef: m,
+      userAvatar: c
     };
   }
-}, j = { key: 1 }, z = ["src"], E = { class: "tw-self-center" };
-function K(u, a, t, e, i, m) {
-  const c = U("kv-loading-placeholder");
+}, z = { key: 1 }, E = ["src"], K = { class: "tw-self-center" };
+function R(f, a, t, e, i, m) {
+  const c = p("kv-loading-placeholder");
   return n(), o("div", {
+    ref: "userAvatar",
     class: r(["data-hj-suppress tw-flex", { "tw-w-3": t.isSmall, "tw-w-6": !t.isSmall }])
   }, [
     e.isAnonymousUser ? (n(), o("div", {
@@ -101,33 +103,33 @@ function K(u, a, t, e, i, m) {
           fill: "white"
         }, null, -1)
       ]), 2))
-    ], 2)) : !e.isLegacyPlaceholderAvatar(e.imageFilename) && e.imageFilename ? (n(), o("div", j, [
-      e.isLoading ? (n(), p(c, {
+    ], 2)) : !e.isLegacyPlaceholderAvatar(e.imageFilename) && e.imageFilename ? (n(), o("div", z, [
+      e.isLoading ? (n(), H(c, {
         key: 0,
-        style: H({
+        style: b({
           width: t.isSmall ? "1.5rem" : "3rem",
           height: t.isSmall ? "1.5rem" : "3rem"
         }),
         class: "!tw-rounded-full"
       }, null, 8, ["style"])) : y("", !0),
-      b(s("img", {
+      B(s("img", {
         ref: "imageRef",
         src: t.lenderImageUrl,
         alt: "Image of lender",
         class: r(["tw-rounded-full tw-inline-block", { "tw-w-3 tw-h-3": t.isSmall, "tw-w-6 tw-h-6": !t.isSmall }]),
-        onLoad: a[0] || (a[0] = (f) => e.onImgLoad())
-      }, null, 42, z), [
-        [B, !e.isLoading]
+        onLoad: a[0] || (a[0] = (v) => e.onImgLoad())
+      }, null, 42, E), [
+        [I, !e.isLoading]
       ])
     ])) : e.isLegacyPlaceholderAvatar(e.imageFilename) || !e.imageFilename ? (n(), o("div", {
       key: 2,
       class: r(["tw-rounded-full tw-inline-flex tw-align-center tw-justify-center", e.avatarClass()])
     }, [
-      s("span", E, I(e.lenderNameFirstLetter), 1)
+      s("span", K, P(e.lenderNameFirstLetter), 1)
     ], 2)) : y("", !0)
   ], 2);
 }
-const G = /* @__PURE__ */ N(V, [["render", K]]);
+const J = /* @__PURE__ */ V(j, [["render", R]]);
 export {
-  G as default
+  J as default
 };

package/dist/vue/KvWwwHeader/KvHeaderDropdownLink.js

@@ -1,8 +1,8 @@
-import { getCurrentInstance as i, computed as u, resolveComponent as m, openBlock as f, createElementBlock as c, normalizeClass as s, normalizeStyle as w, renderSlot as p, createVNode as v } from "vue";
-import M from "../KvMaterialIcon.js";
-import y from "../../_virtual/_plugin-vue_export-helper.js";
-const h = {
-  components: { KvMaterialIcon: M },
+import { getCurrentInstance as d, computed as u, resolveComponent as m, openBlock as c, createElementBlock as f, normalizeClass as l, renderSlot as w, createVNode as p } from "vue";
+import v from "../KvMaterialIcon.js";
+import h from "../../_virtual/_plugin-vue_export-helper.js";
+const x = {
+  components: { KvMaterialIcon: v },
   props: {
     refName: {
       type: String,
@@ -37,48 +37,46 @@ const h = {
     "on-hover"
   ],
   setup(e, { emit: o }) {
-    const { proxy: n } = i();
+    const { proxy: n } = d();
     return {
       computedClass: u(() => [
         e.baseClass,
         { "tw-text-tertiary": e.openMenuItem && e.openMenuItem !== e.menuComponent }
       ]),
       handleMouseOver: () => {
-        let l = null;
+        let s = null;
         if (e.sendLinkPosition) {
           const a = n.$refs[e.refName];
           if (a) {
             const t = a.getBoundingClientRect();
-            l = {
+            s = {
               left: `${(t == null ? void 0 : t.left) + (t == null ? void 0 : t.width) / 2}px`,
               transform: "translateX(-50%)",
               borderRadius: "0px 0px 8px 8px"
             };
           }
         }
-        o("on-hover", e.refName, e.menuComponent, l);
+        o("on-hover", e.refName, e.menuComponent, s);
       }
     };
   }
 }, C = ["href"];
-function x(e, o, n, r, d, l) {
+function M(e, o, n, r, i, s) {
   const a = m("KvMaterialIcon");
-  return f(), c("a", {
+  return c(), f("a", {
     ref: n.refName,
-    class: s(["tw-px-1.5 tw-py-1 tw-mx-1 tw-no-underline hover:tw-no-underline tw-text-primary hover:tw-text-action tw-items-center tw-rounded tw-cursor-pointer", r.computedClass]),
+    class: l(["tw-px-1.5 tw-py-1 tw-mx-1 tw-no-underline hover:tw-no-underline tw-text-primary hover:tw-text-action tw-items-center tw-rounded tw-cursor-pointer", r.computedClass]),
     href: n.href,
-    style: w(e.style),
-    onMouseover: o[0] || (o[0] = (...t) => r.handleMouseOver && r.handleMouseOver(...t)),
-    onMouseout: o[1] || (o[1] = (...t) => r.handleMouseOver && r.handleMouseOver(...t))
+    onMouseover: o[0] || (o[0] = (...t) => r.handleMouseOver && r.handleMouseOver(...t))
   }, [
-    p(e.$slots, "default"),
-    v(a, {
-      class: s(["tw-inline tw-w-3 tw-ml-0.5 tw-transition-transform tw-duration-300", { "tw-rotate-180": n.openMenuItem === n.menuComponent }]),
+    w(e.$slots, "default"),
+    p(a, {
+      class: l(["tw-inline tw-w-3 tw-ml-0.5 tw-transition-transform tw-duration-300", { "tw-rotate-180": n.openMenuItem === n.menuComponent }]),
       icon: n.dropdownIcon
     }, null, 8, ["class", "icon"])
-  ], 46, C);
+  ], 42, C);
 }
-const _ = /* @__PURE__ */ y(h, [["render", x]]);
+const O = /* @__PURE__ */ h(x, [["render", M]]);
 export {
-  _ as default
+  O as default
 };

package/dist/vue/KvWwwHeader/KvHeaderLinkBar.css

@@ -1 +1 @@
-.header-link[data-v-9da32973]{cursor:pointer;padding:1rem .5rem;--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.header-link[data-v-9da32973]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}@media (min-width: 64rem){.header-link[data-v-9da32973]{padding-left:1.25rem;padding-right:1.25rem}}
+.header-link[data-v-c569a6b0]{cursor:pointer;padding:1rem .5rem;--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.header-link[data-v-c569a6b0]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}@media (min-width: 64rem){.header-link[data-v-c569a6b0]{padding-left:1.25rem;padding-right:1.25rem}}

package/dist/vue/KvWwwHeader/KvHeaderLinkBar.js

@@ -1,19 +1,19 @@
-import { defineAsyncComponent as f, ref as l, computed as O, onMounted as S, onUnmounted as E, resolveComponent as M, resolveDirective as P, openBlock as t, createElementBlock as u, withDirectives as d, normalizeClass as g, createVNode as B, createBlock as b, withCtx as H, createTextVNode as v, createElementVNode as N, createCommentVNode as c, toDisplayString as V } from "vue";
+import { defineAsyncComponent as f, ref as a, computed as O, onMounted as S, onUnmounted as E, resolveComponent as M, resolveDirective as P, openBlock as i, createElementBlock as m, withDirectives as d, normalizeClass as g, createVNode as B, createBlock as b, withCtx as I, createTextVNode as v, createElementVNode as T, createCommentVNode as c, toDisplayString as V } from "vue";
 import { mdiAccountCircle as z, mdiChevronDown as W, mdiMagnify as j, mdiMenu as F } from "@mdi/js";
-import R from "numeral";
-import q from "../KvMaterialIcon.js";
-import G from "../KvIconBag.js";
-import J from "./KvHeaderDropdownLink.js";
-import Q from "../KvUserAvatar.js";
+import q from "numeral";
+import G from "../KvMaterialIcon.js";
+import J from "../KvIconBag.js";
+import Q from "./KvHeaderDropdownLink.js";
+import R from "../KvUserAvatar.js";
 import { throttle as X } from "../../utils/throttle.js";
 import "./KvHeaderLinkBar.css";
 import Y from "../../_virtual/_plugin-vue_export-helper.js";
-const Z = f(() => import("./KvHeaderMobileMenu.js")), T = f(() => import("./KvHeaderMyKivaMenu.js")), $ = f(() => import("./LendMenu/KvLendMenu.js")), ee = f(() => import("./KvHeaderTakeActionMenu.js")), ne = f(() => import("./KvHeaderAboutMenu.js")), C = 118, oe = {
+const Z = f(() => import("./KvHeaderMobileMenu.js")), C = f(() => import("./KvHeaderMyKivaMenu.js")), $ = f(() => import("./LendMenu/KvLendMenu.js")), ee = f(() => import("./KvHeaderTakeActionMenu.js")), ne = f(() => import("./KvHeaderAboutMenu.js")), D = 118, oe = {
   components: {
-    KvMaterialIcon: q,
-    KvIconBag: G,
-    KvHeaderDropdownLink: J,
-    KvUserAvatar: Q
+    KvMaterialIcon: G,
+    KvIconBag: J,
+    KvHeaderDropdownLink: Q,
+    KvUserAvatar: R
   },
   props: {
     loggedIn: {
@@ -47,54 +47,58 @@ const Z = f(() => import("./KvHeaderMobileMenu.js")), T = f(() => import("./KvHe
     isMobile: {
       type: Boolean,
       default: !1
+    },
+    balance: {
+      type: Number,
+      default: 0
     }
   },
   emits: [
     "item-hover"
   ],
-  setup(m, { emit: o }) {
-    const e = l(null), n = l(null), I = l(null), x = l(null), p = l(null), s = l(null), h = l(null), y = l(null), i = l(null), a = (r, w, k = null) => {
-      o("item-hover", r, w, k);
+  setup(u, { emit: e }) {
+    const o = a(null), n = a(null), x = a(null), h = a(null), p = a(null), s = a(null), H = a(null), y = a(null), r = a(null), t = (l, w, k = null) => {
+      e("item-hover", l, w, k);
     }, K = () => {
-      var A, _;
-      const r = (_ = (A = e.value) == null ? void 0 : A.imageRef) == null ? void 0 : _.getBoundingClientRect();
+      var L, N;
+      const l = (N = (L = o.value) == null ? void 0 : L.userAvatar) == null ? void 0 : N.getBoundingClientRect();
       let w = null, k = !1;
-      if (r) {
-        const U = (r == null ? void 0 : r.left) + (r == null ? void 0 : r.width) / 2 - C / 2;
-        U + C > window.outerWidth && (k = !0), w = {
-          ...k ? { right: 0 } : { left: m.isMobile ? 0 : `${U}px` },
+      if (l) {
+        const U = (l == null ? void 0 : l.left) + (l == null ? void 0 : l.width) / 2 - D / 2;
+        U + D > window.outerWidth && (k = !0), w = {
+          ...k ? { right: 0 } : { left: u.isMobile ? 0 : `${U}px` },
           borderRadius: "0px 0px 8px 8px",
-          width: `${m.isMobile ? "100%" : "auto"}`
+          width: `${u.isMobile ? "100%" : "auto"}`
         };
       }
-      a(e.value, T, w);
-    }, L = X(() => {
-      m.openMenuItem && K();
-    }, 50), D = O(() => m.isMobile ? void 0 : "/lend-by-category");
+      t(o.value, C, w);
+    }, A = X(() => {
+      u.openMenuItem && K();
+    }, 50), _ = O(() => u.isMobile ? void 0 : "/lend-by-category");
     return S(() => {
-      import("./KvHeaderMobileMenu.js"), import("./KvHeaderMyKivaMenu.js"), import("./LendMenu/KvLendMenu.js"), import("./KvHeaderTakeActionMenu.js"), import("./KvHeaderAboutMenu.js"), window.addEventListener("resize", L);
+      import("./KvHeaderMobileMenu.js"), import("./KvHeaderMyKivaMenu.js"), import("./LendMenu/KvLendMenu.js"), import("./KvHeaderTakeActionMenu.js"), import("./KvHeaderAboutMenu.js"), window.addEventListener("resize", A);
     }), E(() => {
-      window.removeEventListener("resize", L);
+      window.removeEventListener("resize", A);
     }), {
-      numeral: R,
+      numeral: q,
       mdiAccountCircle: z,
       mdiChevronDown: W,
       mdiMagnify: j,
       mdiMenu: F,
-      onHover: a,
-      avatar: e,
+      onHover: t,
+      avatar: o,
       lendButton: n,
-      aboutUsLink: I,
-      partnerWithUsLink: x,
+      aboutUsLink: x,
+      partnerWithUsLink: h,
       borrowLink: p,
       supportKivaLink: s,
-      basketLink: h,
+      basketLink: H,
       signInLink: y,
-      menuButton: i,
-      lendUrl: D,
+      menuButton: r,
+      lendUrl: _,
       handleAvatarMenuPosition: K,
       KvHeaderMobileMenu: Z,
-      KvHeaderMyKivaMenu: T,
+      KvHeaderMyKivaMenu: C,
       KvLendMenu: $,
       KvHeaderTakeActionMenu: ee,
       KvHeaderAboutMenu: ne
@@ -104,120 +108,123 @@ const Z = f(() => import("./KvHeaderMobileMenu.js")), T = f(() => import("./KvHe
   key: 0,
   class: "tw-bg-eco-green-1 tw-py-0.5 tw-px-1 tw-text-eco-green-4"
 }, le = ["href"];
-function ae(m, o, e, n, I, x) {
-  const p = M("kv-material-icon"), s = M("KvHeaderDropdownLink"), h = M("kv-icon-bag"), y = M("KvUserAvatar"), i = P("kv-track-event");
-  return t(), u("div", te, [
-    d((t(), u("button", {
+function ae(u, e, o, n, x, h) {
+  const p = M("kv-material-icon"), s = M("KvHeaderDropdownLink"), H = M("kv-icon-bag"), y = M("KvUserAvatar"), r = P("kv-track-event");
+  return i(), m("div", te, [
+    d((i(), m("button", {
       ref: "menuButton",
       class: g(["header-link tw-inline-flex lg:tw-hidden", {
-        "tw-text-tertiary": e.openMenuItem && e.openMenuItem !== n.KvHeaderMobileMenu
+        "tw-text-tertiary": o.openMenuItem && o.openMenuItem !== n.KvHeaderMobileMenu
       }]),
-      onMouseover: o[0] || (o[0] = (a) => n.onHover(n.menuButton, n.KvHeaderMobileMenu)),
-      onMouseout: o[1] || (o[1] = (a) => n.onHover())
+      onMouseover: e[0] || (e[0] = (t) => n.onHover(n.menuButton, n.KvHeaderMobileMenu)),
+      onMouseout: e[1] || (e[1] = (t) => n.onHover())
     }, [
       B(p, { icon: n.mdiMenu }, null, 8, ["icon"])
     ], 34)), [
-      [i, e.openMenuItem === n.KvHeaderMobileMenu ? ["TopNav", "click-Hamburger-menu"] : null]
+      [r, o.openMenuItem === n.KvHeaderMobileMenu ? ["TopNav", "click-Hamburger-menu"] : null]
     ]),
-    d((t(), b(s, {
+    d((i(), b(s, {
       "ref-name": "lendButton",
       href: n.lendUrl,
       "menu-component": n.KvLendMenu,
-      "open-menu-item": e.openMenuItem,
+      "open-menu-item": o.openMenuItem,
       "dropdown-icon": n.mdiChevronDown,
       "base-class": "tw-inline-flex",
-      onOnHover: n.onHover
+      onOnHover: n.onHover,
+      onMouseout: e[2] || (e[2] = (t) => n.onHover())
     }, {
-      default: H(() => o[4] || (o[4] = [
+      default: I(() => e[7] || (e[7] = [
         v(" Lend ")
       ])),
       _: 1
     }, 8, ["href", "menu-component", "open-menu-item", "dropdown-icon", "onOnHover"])), [
-      [i, ["TopNav", "click-Lend"]]
+      [r, ["TopNav", "click-Lend"]]
     ]),
-    d((t(), b(s, {
+    d((i(), b(s, {
       "ref-name": "takeActionButton",
       "base-class": "tw-hidden lg:tw-inline-flex",
       "menu-component": n.KvHeaderTakeActionMenu,
-      "open-menu-item": e.openMenuItem,
+      "open-menu-item": o.openMenuItem,
       "dropdown-icon": n.mdiChevronDown,
       "send-link-position": "",
-      onOnHover: n.onHover
+      onOnHover: n.onHover,
+      onMouseout: e[3] || (e[3] = (t) => n.onHover())
     }, {
-      default: H(() => o[5] || (o[5] = [
+      default: I(() => e[8] || (e[8] = [
         v(" Take action ")
       ])),
       _: 1
     }, 8, ["menu-component", "open-menu-item", "dropdown-icon", "onOnHover"])), [
-      [i, ["TopNav", "click-TakeAction"]]
+      [r, ["TopNav", "click-TakeAction"]]
     ]),
-    d((t(), b(s, {
+    d((i(), b(s, {
       "ref-name": "aboutUsLink",
       "base-class": "tw-hidden lg:tw-inline-flex",
       "menu-component": n.KvHeaderAboutMenu,
-      "open-menu-item": e.openMenuItem,
+      "open-menu-item": o.openMenuItem,
       "dropdown-icon": n.mdiChevronDown,
       "send-link-position": "",
-      onOnHover: n.onHover
+      onOnHover: n.onHover,
+      onMouseout: e[4] || (e[4] = (t) => n.onHover())
     }, {
-      default: H(() => o[6] || (o[6] = [
+      default: I(() => e[9] || (e[9] = [
         v(" About ")
       ])),
       _: 1
     }, 8, ["menu-component", "open-menu-item", "dropdown-icon", "onOnHover"])), [
-      [i, ["TopNav", "click-About"]]
+      [r, ["TopNav", "click-About"]]
     ]),
-    o[9] || (o[9] = N("div", { class: "tw-flex-1 tw-h-full" }, null, -1)),
-    e.loggedIn ? d((t(), u("a", {
+    e[12] || (e[12] = T("div", { class: "tw-flex-1 tw-h-full" }, null, -1)),
+    o.loggedIn ? d((i(), m("a", {
       key: 0,
       ref: "dashboardLink",
-      href: e.myDashboardUrl,
-      class: g(["header-link tw-hidden lg:tw-block", { "tw-text-tertiary": !!e.openMenuItem }])
-    }, o[7] || (o[7] = [
+      href: o.myDashboardUrl,
+      class: g(["header-link tw-hidden lg:tw-block", { "tw-text-tertiary": !!o.openMenuItem }])
+    }, e[10] || (e[10] = [
       v(" My dashboard ")
     ]), 10, ie)), [
-      [i, ["TopNav", "click-Dashboard"]]
+      [r, ["TopNav", "click-Dashboard"]]
     ]) : c("", !0),
-    e.basketCount > 0 ? d((t(), u("a", {
+    o.basketCount > 0 ? d((i(), m("a", {
       key: 1,
       ref: "basketLink",
       href: "/basket",
-      class: g(["header-link tw-relative", { "tw-text-tertiary": !!e.openMenuItem }])
+      class: g(["header-link tw-relative", { "tw-text-tertiary": !!o.openMenuItem }])
     }, [
-      B(h, {
+      B(H, {
         class: "tw-w-3 tw-h-3 tw-pointer-events-none",
-        count: e.basketCount
+        count: o.basketCount
       }, null, 8, ["count"])
     ], 2)), [
-      [i, ["TopNav", "click-Basket"]]
+      [r, ["TopNav", "click-Basket"]]
     ]) : c("", !0),
-    N("div", {
+    T("div", {
       class: "tw-cursor-pointer tw-flex tw-items-center tw-gap-1",
-      onMouseover: o[2] || (o[2] = (...a) => n.handleAvatarMenuPosition && n.handleAvatarMenuPosition(...a)),
-      onMouseout: o[3] || (o[3] = (a) => n.onHover())
+      onMouseover: e[5] || (e[5] = (...t) => n.handleAvatarMenuPosition && n.handleAvatarMenuPosition(...t)),
+      onMouseout: e[6] || (e[6] = (t) => n.onHover())
     }, [
-      e.loggedIn ? (t(), u("span", re, V(n.numeral(m.balance).format("$0")), 1)) : c("", !0),
-      e.loggedIn ? (t(), b(y, {
+      o.loggedIn ? (i(), m("span", re, V(n.numeral(o.balance).format("$0")), 1)) : c("", !0),
+      o.loggedIn ? (i(), b(y, {
         key: 1,
         ref: "avatar",
-        "lender-name": e.lenderName,
-        "lender-image-url": e.lenderImageUrl,
+        "lender-name": o.lenderName,
+        "lender-image-url": o.lenderImageUrl,
         "is-small": ""
       }, null, 8, ["lender-name", "lender-image-url"])) : c("", !0)
     ], 32),
-    e.loggedIn ? c("", !0) : d((t(), u("a", {
+    o.loggedIn ? c("", !0) : d((i(), m("a", {
       key: 2,
       ref: "signInLink",
-      href: e.loginUrl,
-      class: g(["header-link", { "tw-text-tertiary": !!e.openMenuItem }])
-    }, o[8] || (o[8] = [
+      href: o.loginUrl,
+      class: g(["header-link", { "tw-text-tertiary": !!o.openMenuItem }])
+    }, e[11] || (e[11] = [
       v(" Sign in ")
     ]), 10, le)), [
-      [i, ["TopNav", "click-Sign-in"]]
+      [r, ["TopNav", "click-Sign-in"]]
     ])
   ]);
 }
-const pe = /* @__PURE__ */ Y(oe, [["render", ae], ["__scopeId", "data-v-9da32973"]]);
+const pe = /* @__PURE__ */ Y(oe, [["render", ae], ["__scopeId", "data-v-c569a6b0"]]);
 export {
   pe as default
 };

package/dist/vue/KvWwwHeader/LendMenu/KvLendListMenu.css

@@ -1 +1 @@
-.lend-link[data-v-4fed1891]{display:block;width:100%;padding-top:.5rem;padding-bottom:.5rem;--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.lend-link[data-v-4fed1891]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:underline}
+.lend-link[data-v-41849311]{display:block;width:100%;padding-top:.5rem;padding-bottom:.5rem;--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.lend-link[data-v-41849311]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:underline}