@kiva/kv-components 6.59.2 → 6.59.3

package/dist/vue/KvWwwHeader/KvHeaderLinkBar.css

@@ -1 +1 @@
-.header-link[data-v-fe81269b]{cursor:pointer;padding-top:1rem;padding-bottom:1rem;--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.header-link[data-v-fe81269b]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}[data-v-fe81269b] .avatar div:first-child{display:flex}
+.header-link[data-v-c17d7459]{cursor:pointer;padding-top:1rem;padding-bottom:1rem;--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.header-link[data-v-c17d7459]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}[data-v-c17d7459] .avatar div:first-child{display:flex}

package/dist/vue/KvWwwHeader/KvHeaderLinkBar.js

@@ -1,20 +1,20 @@
-import { defineAsyncComponent as k, ref as r, computed as x, watch as E, onMounted as Q, onUnmounted as X, resolveComponent as b, resolveDirective as Y, openBlock as i, createElementBlock as w, withDirectives as v, normalizeClass as p, withModifiers as H, createVNode as U, createBlock as y, withCtx as B, createTextVNode as f, createElementVNode as T, createCommentVNode as _, vShow as P, toDisplayString as Z } from "vue";
-import { mdiAccountCircle as $, mdiChevronDown as ee, mdiMagnify as ne, mdiMenu as te } from "@mdi/js";
-import oe from "numeral";
-import ae from "../KvMaterialIcon.js";
-import le from "../KvIconBag.js";
-import re from "./KvHeaderDropdownLink.js";
-import ie from "../KvUserAvatar.js";
-import { throttle as de } from "../../utils/throttle.js";
-import { isLegacyPlaceholderAvatar as ue } from "../../utils/imageUtils.js";
+import { defineAsyncComponent as k, ref as r, computed as x, watch as C, onMounted as X, onUnmounted as Y, resolveComponent as b, resolveDirective as Z, openBlock as i, createElementBlock as w, withDirectives as v, normalizeClass as p, withModifiers as H, createVNode as L, createBlock as y, withCtx as U, createTextVNode as f, createElementVNode as T, createCommentVNode as _, vShow as P, toDisplayString as $ } from "vue";
+import { mdiAccountCircle as ee, mdiChevronDown as ne, mdiMagnify as te, mdiMenu as oe } from "@mdi/js";
+import ae from "numeral";
+import le from "../KvMaterialIcon.js";
+import re from "../KvIconBag.js";
+import ie from "./KvHeaderDropdownLink.js";
+import de from "../KvUserAvatar.js";
+import { throttle as ue } from "../../utils/throttle.js";
+import { isLegacyPlaceholderAvatar as me } from "../../utils/imageUtils.js";
 import "./KvHeaderLinkBar.css";
-import me from "../../_virtual/_plugin-vue_export-helper.js";
-const se = k(() => import("./KvHeaderMobileMenu.js")), V = k(() => import("./KvHeaderMyKivaMenu.js")), ve = k(() => import("./LendMenu/KvLendMenu.js")), ce = k(() => import("./KvHeaderTakeActionMenu.js")), we = k(() => import("./KvHeaderAboutMenu.js")), L = 120, M = "avatar-menu", K = "menuButton", R = { top: "-3.75rem", width: "100%" }, fe = {
+import se from "../../_virtual/_plugin-vue_export-helper.js";
+const ve = k(() => import("./KvHeaderMobileMenu.js")), V = k(() => import("./KvHeaderMyKivaMenu.js")), ce = k(() => import("./LendMenu/KvLendMenu.js")), we = k(() => import("./KvHeaderTakeActionMenu.js")), fe = k(() => import("./KvHeaderAboutMenu.js")), B = 120, M = "avatar-menu", K = "menuButton", R = { top: "-3.75rem", width: "100%" }, F = "lendButton", Me = {
   components: {
-    KvMaterialIcon: ae,
-    KvIconBag: le,
-    KvHeaderDropdownLink: re,
-    KvUserAvatar: ie
+    KvMaterialIcon: le,
+    KvIconBag: re,
+    KvHeaderDropdownLink: ie,
+    KvUserAvatar: de
   },
   props: {
     loggedIn: {
@@ -58,92 +58,96 @@ const se = k(() => import("./KvHeaderMobileMenu.js")), V = k(() => import("./KvH
     "item-hover"
   ],
   setup(l, { emit: n }) {
-    const a = r(null), e = r(null), O = r(null), N = r(null), g = r(null), c = r(null), A = r(null), I = r(null), d = r(null), t = r(null), u = (o, s, m = null) => {
+    const a = r(null), e = r(null), N = r(null), O = r(null), h = r(null), c = r(null), A = r(null), I = r(null), d = r(null), t = r(null), u = (o, s, m = null) => {
       n("item-hover", o, s, m);
-    }, F = (o, s, m = null) => {
+    }, z = (o, s, m = null) => {
       navigator.maxTouchPoints || (t.value = o, u(
         o,
         s,
         o === K && l.isMobile ? R : m
       ));
-    }, z = (o) => {
+    }, W = (o) => {
       !navigator.maxTouchPoints && t.value === o && (t.value = null, u());
-    }, S = () => {
-      var D;
-      const o = (D = a.value) == null ? void 0 : D.getBoundingClientRect();
+    }, E = () => {
+      var S;
+      const o = (S = a.value) == null ? void 0 : S.getBoundingClientRect();
       if (!o) return null;
-      const m = o.left + o.width / 2 - L / 2;
+      const m = o.left + o.width / 2 - B / 2;
       return {
-        ...m + L > window.innerWidth ? { right: 0 } : { left: l.isMobile ? 0 : `${m}px` },
+        ...m + B > window.innerWidth ? { right: 0 } : { left: l.isMobile ? 0 : `${m}px` },
         marginTop: "-2px",
         // Avoid closing avatar menu on header edge
         borderRadius: l.isMobile ? "auto" : "0px 0px 8px 8px",
-        width: l.isMobile ? "100%" : `${L}px`
+        width: l.isMobile ? "100%" : `${B}px`
       };
-    }, h = () => {
-      t.value = M, u(a.value, V, S());
-    }, W = (o, s, m) => {
-      t.value === K && (t.value = null), !t.value || t.value !== o ? (t.value = o, o === M ? h() : o === K && l.isMobile ? u(o, s, R) : u(o, s, m)) : (t.value = null, u());
-    }, C = de(() => {
-      t.value === M && h();
-    }, 100), j = x(() => l.isMobile ? void 0 : "/lend-by-category"), q = x(() => {
+    }, g = () => {
+      t.value = M, u(a.value, V, E());
+    }, j = (o, s, m) => {
+      o === F && t.value !== F && this.$kvTrackEvent(
+        "TopNav",
+        "hover-Lend-menu",
+        "Lend"
+      ), t.value === K && (t.value = null), !t.value || t.value !== o ? (t.value = o, o === M ? g() : o === K && l.isMobile ? u(o, s, R) : u(o, s, m)) : (t.value = null, u());
+    }, D = ue(() => {
+      t.value === M && g();
+    }, 100), q = x(() => l.isMobile ? void 0 : "/lend-by-category"), G = x(() => {
       var o;
       return ((o = l.lenderImageUrl) == null ? void 0 : o.split("/").pop()) ?? "";
-    }), G = x(() => Math.floor(l.balance)), J = (o) => {
+    }), J = x(() => Math.floor(l.balance)), Q = (o) => {
       o.target === o.currentTarget && u();
     };
-    return E(
+    return C(
       () => l.isMobile,
       () => {
-        t.value === M && h();
+        t.value === M && g();
       }
-    ), E(
+    ), C(
       () => l.openMenuItem,
       (o) => {
         o || (t.value = null);
       }
-    ), Q(() => {
-      import("./KvHeaderMobileMenu.js"), import("./KvHeaderMyKivaMenu.js"), import("./LendMenu/KvLendMenu.js"), import("./KvHeaderTakeActionMenu.js"), import("./KvHeaderAboutMenu.js"), window.addEventListener("resize", C);
-    }), X(() => {
-      window.removeEventListener("resize", C);
+    ), X(() => {
+      import("./KvHeaderMobileMenu.js"), import("./KvHeaderMyKivaMenu.js"), import("./LendMenu/KvLendMenu.js"), import("./KvHeaderTakeActionMenu.js"), import("./KvHeaderAboutMenu.js"), window.addEventListener("resize", D);
+    }), Y(() => {
+      window.removeEventListener("resize", D);
     }), {
       AVATAR_MENU_ID: M,
       openMenuId: t,
-      numeral: oe,
-      mdiAccountCircle: $,
-      mdiChevronDown: ee,
-      mdiMagnify: ne,
-      mdiMenu: te,
+      numeral: ae,
+      mdiAccountCircle: ee,
+      mdiChevronDown: ne,
+      mdiMagnify: te,
+      mdiMenu: oe,
       onHover: u,
       avatar: a,
       lendButton: e,
-      aboutUsLink: O,
-      partnerWithUsLink: N,
-      borrowLink: g,
+      aboutUsLink: N,
+      partnerWithUsLink: O,
+      borrowLink: h,
       supportKivaLink: c,
       basketLink: A,
       signInLink: I,
       menuButton: d,
-      lendUrl: j,
-      avatarFilename: q,
-      handleOnHover: F,
-      handleTouchStart: W,
-      handleMouseOut: z,
-      handleAvatarMenuPosition: h,
-      KvHeaderMobileMenu: se,
+      lendUrl: q,
+      avatarFilename: G,
+      handleOnHover: z,
+      handleTouchStart: j,
+      handleMouseOut: W,
+      handleAvatarMenuPosition: g,
+      KvHeaderMobileMenu: ve,
       KvHeaderMyKivaMenu: V,
-      KvLendMenu: ve,
-      KvHeaderTakeActionMenu: ce,
-      KvHeaderAboutMenu: we,
-      isLegacyPlaceholderAvatar: ue,
-      getAvatarMenuPosition: S,
-      handleEmptySpaceClick: J,
-      roundedBalance: G
+      KvLendMenu: ce,
+      KvHeaderTakeActionMenu: we,
+      KvHeaderAboutMenu: fe,
+      isLegacyPlaceholderAvatar: me,
+      getAvatarMenuPosition: E,
+      handleEmptySpaceClick: Q,
+      roundedBalance: J
     };
   }
-}, Me = ["href"], ke = { class: "tw-text-eco-green-4" }, ge = ["href"];
-function he(l, n, a, e, O, N) {
-  const g = b("kv-material-icon"), c = b("KvHeaderDropdownLink"), A = b("kv-icon-bag"), I = b("KvUserAvatar"), d = Y("kv-track-event");
+}, ke = ["href"], he = { class: "tw-text-eco-green-4" }, ge = ["href"];
+function be(l, n, a, e, N, O) {
+  const h = b("kv-material-icon"), c = b("KvHeaderDropdownLink"), A = b("kv-icon-bag"), I = b("KvUserAvatar"), d = Z("kv-track-event");
   return i(), w("div", {
     class: "tw-h-full tw-flex tw-items-center tw-gap-0.5 md:tw-gap-2 lg:tw-gap-2.5",
     onTouchstart: n[10] || (n[10] = (...t) => e.handleEmptySpaceClick && e.handleEmptySpaceClick(...t))
@@ -157,7 +161,7 @@ function he(l, n, a, e, O, N) {
       onMouseout: n[1] || (n[1] = (t) => e.handleMouseOut("menuButton")),
       onTouchstart: n[2] || (n[2] = H((t) => e.handleTouchStart("menuButton", e.KvHeaderMobileMenu), ["stop"]))
     }, [
-      U(g, { icon: e.mdiMenu }, null, 8, ["icon"])
+      L(h, { icon: e.mdiMenu }, null, 8, ["icon"])
     ], 34)), [
       [d, a.openMenuItem === e.KvHeaderMobileMenu ? ["TopNav", "click-Hamburger-menu"] : null]
     ]),
@@ -173,7 +177,7 @@ function he(l, n, a, e, O, N) {
       onMouseout: n[3] || (n[3] = (t) => e.handleMouseOut("lendButton")),
       onTouchstart: n[4] || (n[4] = H((t) => e.handleTouchStart("lendButton", e.KvLendMenu), ["stop"]))
     }, {
-      default: B(() => n[11] || (n[11] = [
+      default: U(() => n[11] || (n[11] = [
         f(" Lend ")
       ])),
       _: 1
@@ -191,14 +195,14 @@ function he(l, n, a, e, O, N) {
       onMouseout: n[5] || (n[5] = (t) => e.handleMouseOut("takeActionButton")),
       onUserTap: e.handleTouchStart
     }, {
-      default: B(() => n[12] || (n[12] = [
+      default: U(() => n[12] || (n[12] = [
         f(" Take action ")
       ])),
       _: 1
     }, 8, ["menu-component", "open-menu-item", "dropdown-icon", "onOnHover", "onUserTap"])), [
       [d, ["TopNav", "click-take-action"]]
     ]),
-    U(c, {
+    L(c, {
       "ref-name": "aboutUsLink",
       "data-testid": "header-about",
       "base-class": "tw-hidden md:tw-inline-flex tw-py-1",
@@ -210,7 +214,7 @@ function he(l, n, a, e, O, N) {
       onMouseout: n[6] || (n[6] = (t) => e.handleMouseOut("aboutUsLink")),
       onUserTap: e.handleTouchStart
     }, {
-      default: B(() => n[13] || (n[13] = [
+      default: U(() => n[13] || (n[13] = [
         f(" About ")
       ])),
       _: 1
@@ -223,7 +227,7 @@ function he(l, n, a, e, O, N) {
       class: p(["header-link tw-hidden md:tw-block", { "tw-text-tertiary": !!a.openMenuItem }])
     }, n[14] || (n[14] = [
       f(" My dashboard ")
-    ]), 10, Me)), [
+    ]), 10, ke)), [
       [d, ["TopNav", "click-Dashboard"]]
     ]) : _("", !0),
     v((i(), w("a", {
@@ -233,7 +237,7 @@ function he(l, n, a, e, O, N) {
       style: { "margin-right": "2px" },
       "data-testid": "header-basket"
     }, [
-      U(A, {
+      L(A, {
         class: "tw-w-3 tw-h-3 md:tw-w-3.5 md:tw-h-3.5 tw-pointer-events-none",
         count: a.basketCount
       }, null, 8, ["count"]),
@@ -249,7 +253,7 @@ function he(l, n, a, e, O, N) {
       onMouseout: n[8] || (n[8] = (t) => e.handleMouseOut(e.AVATAR_MENU_ID)),
       onTouchstart: n[9] || (n[9] = H((t) => e.handleTouchStart(e.AVATAR_MENU_ID), ["stop"]))
     }, [
-      e.isLegacyPlaceholderAvatar(e.avatarFilename) || !e.avatarFilename ? (i(), y(g, {
+      e.isLegacyPlaceholderAvatar(e.avatarFilename) || !e.avatarFilename ? (i(), y(h, {
         key: 0,
         icon: e.mdiAccountCircle,
         class: "tw-w-3"
@@ -260,7 +264,7 @@ function he(l, n, a, e, O, N) {
         "lender-image-url": a.lenderImageUrl,
         "is-small": ""
       }, null, 8, ["lender-name", "lender-image-url"])),
-      T("span", ke, Z(e.numeral(e.roundedBalance).format("$0")), 1)
+      T("span", he, $(e.numeral(e.roundedBalance).format("$0")), 1)
     ], 544), [
       [P, a.loggedIn]
     ]),
@@ -276,7 +280,7 @@ function he(l, n, a, e, O, N) {
     ])
   ], 32);
 }
-const Oe = /* @__PURE__ */ me(fe, [["render", he], ["__scopeId", "data-v-fe81269b"]]);
+const Oe = /* @__PURE__ */ se(Me, [["render", be], ["__scopeId", "data-v-c17d7459"]]);
 export {
   Oe as default
 };

package/dist/vue/KvWwwHeader/KvHeaderMyKivaMenu.js

@@ -24,7 +24,7 @@ const k = {
     }
   }
 }, w = { class: "tw--mt-0.5 tw-pb-0.5 tw-flex tw-flex-col tw-items-start tw-font-medium tw-px-2.5" };
-function y(c, o, n, b, T, D) {
+function y(c, o, n, b, T, N) {
   const e = u("kv-header-menu-link"), r = m("kv-track-event");
   return t(), p("nav", w, [
     a((t(), i(e, {
@@ -52,7 +52,7 @@ function y(c, o, n, b, T, D) {
       ])),
       _: 1
     })), [
-      [r, ["TopNav", "click-Portfolio-My Teams"]]
+      [r, ["TopNav", "click-Portfolio-My teams"]]
     ]),
     a((t(), i(e, { href: "/portfolio/donations" }, {
       default: l(() => o[3] || (o[3] = [
@@ -79,7 +79,7 @@ function y(c, o, n, b, T, D) {
       ])),
       _: 1
     })), [
-      [r, ["TopNav", "click-Portfolio-My borrower Dashboard"]]
+      [r, ["TopNav", "click-Portfolio-My borrower dashboard"]]
     ]) : f("", !0),
     n.isTrustee ? a((t(), i(e, {
       key: 1,
@@ -90,7 +90,7 @@ function y(c, o, n, b, T, D) {
       ])),
       _: 1
     })), [
-      [r, ["TopNav", "click-Portfolio-My Trustee Dashboard"]]
+      [r, ["TopNav", "click-Portfolio-My Trustee dashboard"]]
     ]) : f("", !0),
     a((t(), i(e, {
       href: "/ui-logout",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "6.59.2",
+  "version": "6.59.3",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -114,5 +114,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "f18fb4d90181546a717f4ef9ca060be9ecc47651"
+  "gitHead": "9d5197374578ee24fec879bfe63596c1a50e9ffc"
 }