@kiva/kv-components 6.59.2 → 6.59.4

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-d33b2f4e]{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-d33b2f4e]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}[data-v-d33b2f4e] .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, inject as Y, computed as x, watch as C, onMounted as Z, onUnmounted as $, resolveComponent as b, resolveDirective as ee, openBlock as i, createElementBlock as w, withDirectives as s, 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 ne } from "vue";
+import { mdiAccountCircle as te, mdiChevronDown as oe, mdiMagnify as ae, mdiMenu as le } from "@mdi/js";
+import re from "numeral";
+import ie from "../KvMaterialIcon.js";
+import de from "../KvIconBag.js";
+import ue from "./KvHeaderDropdownLink.js";
+import me from "../KvUserAvatar.js";
+import { throttle as ve } from "../../utils/throttle.js";
+import { isLegacyPlaceholderAvatar as se } 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 ce from "../../_virtual/_plugin-vue_export-helper.js";
+const we = k(() => import("./KvHeaderMobileMenu.js")), V = k(() => import("./KvHeaderMyKivaMenu.js")), fe = k(() => import("./LendMenu/KvLendMenu.js")), Me = k(() => import("./KvHeaderTakeActionMenu.js")), ke = k(() => import("./KvHeaderAboutMenu.js")), B = 120, M = "avatar-menu", K = "menuButton", R = { top: "-3.75rem", width: "100%" }, F = "lendButton", ge = {
   components: {
-    KvMaterialIcon: ae,
-    KvIconBag: le,
-    KvHeaderDropdownLink: re,
-    KvUserAvatar: ie
+    KvMaterialIcon: ie,
+    KvIconBag: de,
+    KvHeaderDropdownLink: ue,
+    KvUserAvatar: me
   },
   props: {
     loggedIn: {
@@ -58,97 +58,101 @@ 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) => {
-      n("item-hover", o, s, m);
-    }, F = (o, s, m = null) => {
+    const a = r(null), e = r(null), N = r(null), O = r(null), g = r(null), c = r(null), A = r(null), I = r(null), d = r(null), t = r(null), z = Y("$kvTrackEvent"), u = (o, v, m = null) => {
+      n("item-hover", o, v, m);
+    }, W = (o, v, m = null) => {
       navigator.maxTouchPoints || (t.value = o, u(
         o,
-        s,
+        v,
         o === K && l.isMobile ? R : m
       ));
-    }, z = (o) => {
+    }, j = (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, u(a.value, V, E());
+    }, q = (o, v, m) => {
+      o === F && t.value !== F && z(
+        "TopNav",
+        "hover-Lend-menu",
+        "Lend"
+      ), t.value === K && (t.value = null), !t.value || t.value !== o ? (t.value = o, o === M ? h() : o === K && l.isMobile ? u(o, v, R) : u(o, v, m)) : (t.value = null, u());
+    }, D = ve(() => {
       t.value === M && h();
-    }, 100), j = x(() => l.isMobile ? void 0 : "/lend-by-category"), q = x(() => {
+    }, 100), G = x(() => l.isMobile ? void 0 : "/lend-by-category"), J = x(() => {
       var o;
       return ((o = l.lenderImageUrl) == null ? void 0 : o.split("/").pop()) ?? "";
-    }), G = x(() => Math.floor(l.balance)), J = (o) => {
+    }), Q = x(() => Math.floor(l.balance)), X = (o) => {
       o.target === o.currentTarget && u();
     };
-    return E(
+    return C(
       () => l.isMobile,
       () => {
         t.value === M && h();
       }
-    ), 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);
+    ), Z(() => {
+      import("./KvHeaderMobileMenu.js"), import("./KvHeaderMyKivaMenu.js"), import("./LendMenu/KvLendMenu.js"), import("./KvHeaderTakeActionMenu.js"), import("./KvHeaderAboutMenu.js"), window.addEventListener("resize", D);
+    }), $(() => {
+      window.removeEventListener("resize", D);
     }), {
       AVATAR_MENU_ID: M,
       openMenuId: t,
-      numeral: oe,
-      mdiAccountCircle: $,
-      mdiChevronDown: ee,
-      mdiMagnify: ne,
-      mdiMenu: te,
+      numeral: re,
+      mdiAccountCircle: te,
+      mdiChevronDown: oe,
+      mdiMagnify: ae,
+      mdiMenu: le,
       onHover: u,
       avatar: a,
       lendButton: e,
-      aboutUsLink: O,
-      partnerWithUsLink: N,
+      aboutUsLink: N,
+      partnerWithUsLink: O,
       borrowLink: g,
       supportKivaLink: c,
       basketLink: A,
       signInLink: I,
       menuButton: d,
-      lendUrl: j,
-      avatarFilename: q,
-      handleOnHover: F,
-      handleTouchStart: W,
-      handleMouseOut: z,
+      lendUrl: G,
+      avatarFilename: J,
+      handleOnHover: W,
+      handleTouchStart: q,
+      handleMouseOut: j,
       handleAvatarMenuPosition: h,
-      KvHeaderMobileMenu: se,
+      KvHeaderMobileMenu: we,
       KvHeaderMyKivaMenu: V,
-      KvLendMenu: ve,
-      KvHeaderTakeActionMenu: ce,
-      KvHeaderAboutMenu: we,
-      isLegacyPlaceholderAvatar: ue,
-      getAvatarMenuPosition: S,
-      handleEmptySpaceClick: J,
-      roundedBalance: G
+      KvLendMenu: fe,
+      KvHeaderTakeActionMenu: Me,
+      KvHeaderAboutMenu: ke,
+      isLegacyPlaceholderAvatar: se,
+      getAvatarMenuPosition: E,
+      handleEmptySpaceClick: X,
+      roundedBalance: Q
     };
   }
-}, 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");
+}, he = ["href"], be = { class: "tw-text-eco-green-4" }, pe = ["href"];
+function ye(l, n, a, e, N, O) {
+  const g = b("kv-material-icon"), c = b("KvHeaderDropdownLink"), A = b("kv-icon-bag"), I = b("KvUserAvatar"), d = ee("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))
   }, [
-    v((i(), w("button", {
+    s((i(), w("button", {
       ref: "menuButton",
       class: p(["header-link tw-inline-flex md:tw-hidden", {
         "tw-text-tertiary": a.openMenuItem && a.openMenuItem !== e.KvHeaderMobileMenu
@@ -157,11 +161,11 @@ 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(g, { icon: e.mdiMenu }, null, 8, ["icon"])
     ], 34)), [
       [d, a.openMenuItem === e.KvHeaderMobileMenu ? ["TopNav", "click-Hamburger-menu"] : null]
     ]),
-    v((i(), y(c, {
+    s((i(), y(c, {
       class: "tw-py-1",
       "ref-name": "lendButton",
       href: e.lendUrl,
@@ -173,14 +177,14 @@ 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
     }, 8, ["href", "menu-component", "open-menu-item", "dropdown-icon", "onOnHover"])), [
       [d, ["TopNav", "click-Lend"]]
     ]),
-    v((i(), y(c, {
+    s((i(), y(c, {
       "ref-name": "takeActionButton",
       "base-class": "tw-hidden md:tw-inline-flex tw-py-1",
       "menu-component": e.KvHeaderTakeActionMenu,
@@ -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,30 +214,30 @@ 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
     }, 8, ["menu-component", "open-menu-item", "dropdown-icon", "onOnHover", "onUserTap"]),
     n[17] || (n[17] = T("div", { class: "tw-flex-1 tw-h-full" }, null, -1)),
-    a.loggedIn ? v((i(), w("a", {
+    a.loggedIn ? s((i(), w("a", {
       key: 0,
       ref: "dashboardLink",
       href: a.myDashboardUrl,
       class: p(["header-link tw-hidden md:tw-block", { "tw-text-tertiary": !!a.openMenuItem }])
     }, n[14] || (n[14] = [
       f(" My dashboard ")
-    ]), 10, Me)), [
+    ]), 10, he)), [
       [d, ["TopNav", "click-Dashboard"]]
     ]) : _("", !0),
-    v((i(), w("a", {
+    s((i(), w("a", {
       ref: "basketLink",
       href: "/basket",
       class: p(["header-link tw-relative md:!tw-mr-0 tw-flex tw-items-center tw-gap-0.5", { "tw-text-tertiary": !!a.openMenuItem }]),
       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"]),
@@ -242,7 +246,7 @@ function he(l, n, a, e, O, N) {
       [P, a.basketCount > 0],
       [d, ["TopNav", "click-Basket"]]
     ]),
-    v(T("div", {
+    s(T("div", {
       ref: "avatar",
       class: "tw-cursor-pointer tw-flex tw-items-center tw-gap-1 tw-bg-eco-green-1 tw-rounded-md tw-py-0.5 md:tw-py-1 tw-px-1 md:tw-px-2",
       onMouseover: n[7] || (n[7] = (t) => e.handleOnHover(e.AVATAR_MENU_ID, e.KvHeaderMyKivaMenu, e.getAvatarMenuPosition())),
@@ -260,23 +264,23 @@ 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", be, ne(e.numeral(e.roundedBalance).format("$0")), 1)
     ], 544), [
       [P, a.loggedIn]
     ]),
-    a.loggedIn ? _("", !0) : v((i(), w("a", {
+    a.loggedIn ? _("", !0) : s((i(), w("a", {
       key: 1,
       ref: "signInLink",
       href: a.loginUrl,
       class: p(["header-link", { "tw-text-tertiary": !!a.openMenuItem }])
     }, n[16] || (n[16] = [
       f(" Sign in ")
-    ]), 10, ge)), [
+    ]), 10, pe)), [
       [d, ["TopNav", "click-Sign-in"]]
     ])
   ], 32);
 }
-const Oe = /* @__PURE__ */ me(fe, [["render", he], ["__scopeId", "data-v-fe81269b"]]);
+const De = /* @__PURE__ */ ce(ge, [["render", ye], ["__scopeId", "data-v-d33b2f4e"]]);
 export {
-  Oe as default
+  De 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.4",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -114,5 +114,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "f18fb4d90181546a717f4ef9ca060be9ecc47651"
+  "gitHead": "0e86d06c371a8ddc1b13ec2532b0fbf69e26377f"
 }