@kiva/kv-components 6.58.0 → 6.59.1

package/dist/vue/KvWwwHeader/KvHeaderAboutMenu.js

@@ -1,89 +1,89 @@
 import s from "./KvHeaderMenuLink.js";
-import { resolveComponent as l, resolveDirective as p, openBlock as t, createElementBlock as f, withDirectives as n, createBlock as i, withCtx as u, createTextVNode as a } from "vue";
+import { resolveComponent as l, resolveDirective as p, openBlock as t, createElementBlock as f, withDirectives as i, createBlock as u, withCtx as n, createTextVNode as a } from "vue";
 import d from "../../_virtual/_plugin-vue_export-helper.js";
-const k = {
+const v = {
   components: {
     KvHeaderMenuLink: s
   }
-}, m = { 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 v(w, e, c, b, N, T) {
+}, k = { 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 b(w, e, m, c, A, N) {
   const o = l("kv-header-menu-link"), r = p("kv-track-event");
-  return t(), f("nav", m, [
-    n((t(), i(o, { href: "/about" }, {
-      default: u(() => e[0] || (e[0] = [
+  return t(), f("nav", k, [
+    i((t(), u(o, { href: "/about" }, {
+      default: n(() => e[0] || (e[0] = [
         a(" About us ")
       ])),
       _: 1
     })), [
-      [r, ["TopNav", "click-menu-about-us"]]
+      [r, ["TopNav", "click-About-About us"]]
     ]),
-    n((t(), i(o, { href: "/about/partner-with-us" }, {
-      default: u(() => e[1] || (e[1] = [
+    i((t(), u(o, { href: "/about/partner-with-us" }, {
+      default: n(() => e[1] || (e[1] = [
         a(" Partner with us ")
       ])),
       _: 1
     })), [
-      [r, ["TopNav", "click-menu-partner-with-us"]]
+      [r, ["TopNav", "click-About-Partner with us"]]
     ]),
-    n((t(), i(o, { href: "/about/how" }, {
-      default: u(() => e[2] || (e[2] = [
+    i((t(), u(o, { href: "/about/how" }, {
+      default: n(() => e[2] || (e[2] = [
         a(" How Kiva works ")
       ])),
       _: 1
     })), [
-      [r, ["TopNav", "click-menu-how-kiva-works"]]
+      [r, ["TopNav", "click-About-How Kiva works"]]
     ]),
-    n((t(), i(o, { href: "/about/where-kiva-works" }, {
-      default: u(() => e[3] || (e[3] = [
+    i((t(), u(o, { href: "/about/where-kiva-works" }, {
+      default: n(() => e[3] || (e[3] = [
         a(" Where Kiva works ")
       ])),
       _: 1
     })), [
-      [r, ["TopNav", "click-menu-where-kiva-works"]]
+      [r, ["TopNav", "click-About-Where Kiva works"]]
     ]),
-    n((t(), i(o, { href: "/impact" }, {
-      default: u(() => e[4] || (e[4] = [
+    i((t(), u(o, { href: "/impact" }, {
+      default: n(() => e[4] || (e[4] = [
         a(" Impact ")
       ])),
       _: 1
     })), [
-      [r, ["TopNav", "click-menu-impact"]]
+      [r, ["TopNav", "click-About-Impact"]]
     ]),
-    n((t(), i(o, { href: "/about/leadership" }, {
-      default: u(() => e[5] || (e[5] = [
+    i((t(), u(o, { href: "/about/leadership" }, {
+      default: n(() => e[5] || (e[5] = [
         a(" Leadership ")
       ])),
       _: 1
     })), [
-      [r, ["TopNav", "click-menu-leadership"]]
+      [r, ["TopNav", "click-About-Leadership"]]
     ]),
-    n((t(), i(o, { href: "/about/finances" }, {
-      default: u(() => e[6] || (e[6] = [
+    i((t(), u(o, { href: "/about/finances" }, {
+      default: n(() => e[6] || (e[6] = [
         a(" Finances ")
       ])),
       _: 1
     })), [
-      [r, ["TopNav", "click-menu-finances"]]
+      [r, ["TopNav", "click-About-Finances"]]
     ]),
-    n((t(), i(o, { href: "/about/press-center" }, {
-      default: u(() => e[7] || (e[7] = [
+    i((t(), u(o, { href: "/about/press-center" }, {
+      default: n(() => e[7] || (e[7] = [
         a(" Press ")
       ])),
       _: 1
     })), [
-      [r, ["TopNav", "click-menu-press"]]
+      [r, ["TopNav", "click-About-Press"]]
     ]),
-    n((t(), i(o, { href: "/about/due-diligence" }, {
-      default: u(() => e[8] || (e[8] = [
+    i((t(), u(o, { href: "/about/due-diligence" }, {
+      default: n(() => e[8] || (e[8] = [
         a(" Due diligence ")
       ])),
       _: 1
     })), [
-      [r, ["TopNav", "click-menu-due-diligence"]]
+      [r, ["TopNav", "click-About-Due diligence"]]
     ])
   ]);
 }
-const K = /* @__PURE__ */ d(k, [["render", v]]);
+const h = /* @__PURE__ */ d(v, [["render", b]]);
 export {
-  K as default
+  h as default
 };

package/dist/vue/KvWwwHeader/KvHeaderLinkBar.css

@@ -1 +1 @@
-.header-link[data-v-aaf8f53d]{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-aaf8f53d]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}[data-v-aaf8f53d] .avatar div:first-child{display:flex}
+.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}

package/dist/vue/KvWwwHeader/KvHeaderLinkBar.js

@@ -1,4 +1,4 @@
-import { defineAsyncComponent as g, ref as r, computed as x, watch as D, onMounted as Q, onUnmounted as X, resolveComponent as p, resolveDirective as Y, openBlock as i, createElementBlock as w, withDirectives as s, normalizeClass as y, withModifiers as H, createVNode as E, createBlock as f, withCtx as U, createTextVNode as M, createElementVNode as T, createCommentVNode as _, vShow as P, toDisplayString as Z } from "vue";
+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";
@@ -9,7 +9,7 @@ import { throttle as de } from "../../utils/throttle.js";
 import { isLegacyPlaceholderAvatar as ue } from "../../utils/imageUtils.js";
 import "./KvHeaderLinkBar.css";
 import me from "../../_virtual/_plugin-vue_export-helper.js";
-const se = g(() => import("./KvHeaderMobileMenu.js")), V = g(() => import("./KvHeaderMyKivaMenu.js")), ve = g(() => import("./LendMenu/KvLendMenu.js")), ce = g(() => import("./KvHeaderTakeActionMenu.js")), we = g(() => import("./KvHeaderAboutMenu.js")), B = 120, k = "avatar-menu", L = "menuButton", R = { top: "-3.75rem", width: "100%" }, fe = {
+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 = {
   components: {
     KvMaterialIcon: ae,
     KvIconBag: le,
@@ -58,56 +58,56 @@ const se = g(() => import("./KvHeaderMobileMenu.js")), V = g(() => import("./KvH
     "item-hover"
   ],
   setup(l, { emit: n }) {
-    const a = r(null), e = r(null), K = 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, v, m = null) => {
-      n("item-hover", o, v, m);
-    }, F = (o, v, m = null) => {
+    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) => {
       navigator.maxTouchPoints || (t.value = o, u(
         o,
-        v,
-        o === L && l.isMobile ? R : m
+        s,
+        o === K && l.isMobile ? R : m
       ));
     }, z = (o) => {
       !navigator.maxTouchPoints && t.value === o && (t.value = null, u());
-    }, N = () => {
-      var C;
-      const o = (C = a.value) == null ? void 0 : C.getBoundingClientRect();
+    }, S = () => {
+      var D;
+      const o = (D = a.value) == null ? void 0 : D.getBoundingClientRect();
       if (!o) return null;
-      const m = o.left + o.width / 2 - B / 2;
+      const m = o.left + o.width / 2 - L / 2;
       return {
-        ...m + B > window.innerWidth ? { right: 0 } : { left: l.isMobile ? 0 : `${m}px` },
+        ...m + L > 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%" : `${B}px`
+        width: l.isMobile ? "100%" : `${L}px`
       };
-    }, b = () => {
-      t.value = k, u(a.value, V, N());
-    }, W = (o, v, m) => {
-      t.value === L && (t.value = null), !t.value || t.value !== o ? (t.value = o, o === k ? b() : o === L && l.isMobile ? u(o, v, R) : u(o, v, m)) : (t.value = null, u());
-    }, S = de(() => {
-      t.value === k && b();
+    }, 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(() => {
       var o;
       return ((o = l.lenderImageUrl) == null ? void 0 : o.split("/").pop()) ?? "";
     }), G = x(() => Math.floor(l.balance)), J = (o) => {
       o.target === o.currentTarget && u();
     };
-    return D(
+    return E(
       () => l.isMobile,
       () => {
-        t.value === k && b();
+        t.value === M && h();
       }
-    ), D(
+    ), E(
       () => 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", S);
+      import("./KvHeaderMobileMenu.js"), import("./KvHeaderMyKivaMenu.js"), import("./LendMenu/KvLendMenu.js"), import("./KvHeaderTakeActionMenu.js"), import("./KvHeaderAboutMenu.js"), window.addEventListener("resize", C);
     }), X(() => {
-      window.removeEventListener("resize", S);
+      window.removeEventListener("resize", C);
     }), {
-      AVATAR_MENU_ID: k,
+      AVATAR_MENU_ID: M,
       openMenuId: t,
       numeral: oe,
       mdiAccountCircle: $,
@@ -117,9 +117,9 @@ const se = g(() => import("./KvHeaderMobileMenu.js")), V = g(() => import("./KvH
       onHover: u,
       avatar: a,
       lendButton: e,
-      aboutUsLink: K,
-      partnerWithUsLink: O,
-      borrowLink: h,
+      aboutUsLink: O,
+      partnerWithUsLink: N,
+      borrowLink: g,
       supportKivaLink: c,
       basketLink: A,
       signInLink: I,
@@ -129,39 +129,39 @@ const se = g(() => import("./KvHeaderMobileMenu.js")), V = g(() => import("./KvH
       handleOnHover: F,
       handleTouchStart: W,
       handleMouseOut: z,
-      handleAvatarMenuPosition: b,
+      handleAvatarMenuPosition: h,
       KvHeaderMobileMenu: se,
       KvHeaderMyKivaMenu: V,
       KvLendMenu: ve,
       KvHeaderTakeActionMenu: ce,
       KvHeaderAboutMenu: we,
       isLegacyPlaceholderAvatar: ue,
-      getAvatarMenuPosition: N,
+      getAvatarMenuPosition: S,
       handleEmptySpaceClick: J,
       roundedBalance: G
     };
   }
 }, Me = ["href"], ke = { class: "tw-text-eco-green-4" }, ge = ["href"];
-function he(l, n, a, e, K, O) {
-  const h = p("kv-material-icon"), c = p("KvHeaderDropdownLink"), A = p("kv-icon-bag"), I = p("KvUserAvatar"), d = Y("kv-track-event");
+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");
   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))
   }, [
-    s((i(), w("button", {
+    v((i(), w("button", {
       ref: "menuButton",
-      class: y(["header-link tw-inline-flex md:tw-hidden", {
+      class: p(["header-link tw-inline-flex md:tw-hidden", {
         "tw-text-tertiary": a.openMenuItem && a.openMenuItem !== e.KvHeaderMobileMenu
       }]),
       onMouseover: n[0] || (n[0] = (t) => e.handleOnHover("menuButton", e.KvHeaderMobileMenu)),
       onMouseout: n[1] || (n[1] = (t) => e.handleMouseOut("menuButton")),
       onTouchstart: n[2] || (n[2] = H((t) => e.handleTouchStart("menuButton", e.KvHeaderMobileMenu), ["stop"]))
     }, [
-      E(h, { icon: e.mdiMenu }, null, 8, ["icon"])
+      U(g, { icon: e.mdiMenu }, null, 8, ["icon"])
     ], 34)), [
       [d, a.openMenuItem === e.KvHeaderMobileMenu ? ["TopNav", "click-Hamburger-menu"] : null]
     ]),
-    s((i(), f(c, {
+    v((i(), y(c, {
       class: "tw-py-1",
       "ref-name": "lendButton",
       href: e.lendUrl,
@@ -173,14 +173,14 @@ function he(l, n, a, e, K, O) {
       onMouseout: n[3] || (n[3] = (t) => e.handleMouseOut("lendButton")),
       onTouchstart: n[4] || (n[4] = H((t) => e.handleTouchStart("lendButton", e.KvLendMenu), ["stop"]))
     }, {
-      default: U(() => n[11] || (n[11] = [
-        M(" Lend ")
+      default: B(() => n[11] || (n[11] = [
+        f(" Lend ")
       ])),
       _: 1
     }, 8, ["href", "menu-component", "open-menu-item", "dropdown-icon", "onOnHover"])), [
       [d, ["TopNav", "click-Lend"]]
     ]),
-    s((i(), f(c, {
+    v((i(), y(c, {
       "ref-name": "takeActionButton",
       "base-class": "tw-hidden md:tw-inline-flex tw-py-1",
       "menu-component": e.KvHeaderTakeActionMenu,
@@ -191,14 +191,14 @@ function he(l, n, a, e, K, O) {
       onMouseout: n[5] || (n[5] = (t) => e.handleMouseOut("takeActionButton")),
       onUserTap: e.handleTouchStart
     }, {
-      default: U(() => n[12] || (n[12] = [
-        M(" Take action ")
+      default: B(() => n[12] || (n[12] = [
+        f(" Take action ")
       ])),
       _: 1
     }, 8, ["menu-component", "open-menu-item", "dropdown-icon", "onOnHover", "onUserTap"])), [
-      [d, ["TopNav", "click-TakeAction"]]
+      [d, ["TopNav", "click-take-action"]]
     ]),
-    s((i(), f(c, {
+    U(c, {
       "ref-name": "aboutUsLink",
       "data-testid": "header-about",
       "base-class": "tw-hidden md:tw-inline-flex tw-py-1",
@@ -210,32 +210,30 @@ function he(l, n, a, e, K, O) {
       onMouseout: n[6] || (n[6] = (t) => e.handleMouseOut("aboutUsLink")),
       onUserTap: e.handleTouchStart
     }, {
-      default: U(() => n[13] || (n[13] = [
-        M(" About ")
+      default: B(() => n[13] || (n[13] = [
+        f(" About ")
       ])),
       _: 1
-    }, 8, ["menu-component", "open-menu-item", "dropdown-icon", "onOnHover", "onUserTap"])), [
-      [d, ["TopNav", "click-About"]]
-    ]),
+    }, 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 ? s((i(), w("a", {
+    a.loggedIn ? v((i(), w("a", {
       key: 0,
       ref: "dashboardLink",
       href: a.myDashboardUrl,
-      class: y(["header-link tw-hidden md:tw-block", { "tw-text-tertiary": !!a.openMenuItem }])
+      class: p(["header-link tw-hidden md:tw-block", { "tw-text-tertiary": !!a.openMenuItem }])
     }, n[14] || (n[14] = [
-      M(" My dashboard ")
+      f(" My dashboard ")
     ]), 10, Me)), [
       [d, ["TopNav", "click-Dashboard"]]
     ]) : _("", !0),
-    s((i(), w("a", {
+    v((i(), w("a", {
       ref: "basketLink",
       href: "/basket",
-      class: y(["header-link tw-relative md:!tw-mr-0 tw-flex tw-items-center tw-gap-0.5", { "tw-text-tertiary": !!a.openMenuItem }]),
+      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"
     }, [
-      E(A, {
+      U(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"]),
@@ -244,18 +242,18 @@ function he(l, n, a, e, K, O) {
       [P, a.basketCount > 0],
       [d, ["TopNav", "click-Basket"]]
     ]),
-    s(T("div", {
+    v(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())),
       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(), f(h, {
+      e.isLegacyPlaceholderAvatar(e.avatarFilename) || !e.avatarFilename ? (i(), y(g, {
         key: 0,
         icon: e.mdiAccountCircle,
         class: "tw-w-3"
-      }, null, 8, ["icon"])) : (i(), f(I, {
+      }, null, 8, ["icon"])) : (i(), y(I, {
         key: 1,
         class: "avatar",
         "lender-name": a.lenderName,
@@ -266,19 +264,19 @@ function he(l, n, a, e, K, O) {
     ], 544), [
       [P, a.loggedIn]
     ]),
-    a.loggedIn ? _("", !0) : s((i(), w("a", {
+    a.loggedIn ? _("", !0) : v((i(), w("a", {
       key: 1,
       ref: "signInLink",
       href: a.loginUrl,
-      class: y(["header-link", { "tw-text-tertiary": !!a.openMenuItem }])
+      class: p(["header-link", { "tw-text-tertiary": !!a.openMenuItem }])
     }, n[16] || (n[16] = [
-      M(" Sign in ")
+      f(" Sign in ")
     ]), 10, ge)), [
       [d, ["TopNav", "click-Sign-in"]]
     ])
   ], 32);
 }
-const Oe = /* @__PURE__ */ me(fe, [["render", he], ["__scopeId", "data-v-aaf8f53d"]]);
+const Oe = /* @__PURE__ */ me(fe, [["render", he], ["__scopeId", "data-v-fe81269b"]]);
 export {
   Oe as default
 };

package/dist/vue/KvWwwHeader/KvHeaderMobileMenu.css

@@ -1 +1 @@
-.mobile-link[data-v-dc4a2676]{--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.mobile-link[data-v-dc4a2676]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:underline}
+.mobile-link[data-v-2265193a]{--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.mobile-link[data-v-2265193a]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:underline}

package/dist/vue/KvWwwHeader/KvHeaderMobileMenu.js

@@ -1,13 +1,13 @@
-import { mdiClose as f } from "@mdi/js";
-import b from "../KvAccordionItem.js";
+import { mdiClose as w } from "@mdi/js";
+import f from "../KvAccordionItem.js";
 import h from "../KvMaterialIcon.js";
-import { resolveComponent as u, resolveDirective as g, openBlock as t, createElementBlock as o, createBlock as _, createCommentVNode as y, createVNode as p, withCtx as r, createElementVNode as a, Fragment as N, renderList as K, withDirectives as n, toDisplayString as m, createTextVNode as s } from "vue";
+import { resolveComponent as u, resolveDirective as g, openBlock as t, createElementBlock as o, createBlock as _, createCommentVNode as A, createVNode as p, withCtx as a, createElementVNode as r, Fragment as K, renderList as y, withDirectives as n, toDisplayString as m, createTextVNode as s } from "vue";
 import "./KvHeaderMobileMenu.css";
-import x from "../../_virtual/_plugin-vue_export-helper.js";
+import N from "../../_virtual/_plugin-vue_export-helper.js";
 const I = {
   name: "KvHeaderMobileMenu",
   components: {
-    KvAccordionItem: b,
+    KvAccordionItem: f,
     KvMaterialIcon: h
   },
   props: {
@@ -27,89 +27,89 @@ const I = {
   emits: ["closing-menu"],
   data() {
     return {
-      mdiClose: f,
+      mdiClose: w,
       menuItems: [
         {
           title: "Choose someone to help",
           description: "Make a direct impact for someone in need",
           url: "/lend-by-category",
-          trackEvent: "choose-someone-to-help"
+          trackEvent: "menu-choose-someone-to-help"
         },
         {
           title: "Donate to Kiva",
           description: "Help us change lives and tackle inequality",
           url: "/donate/supportus",
-          trackEvent: "donate-to-kiva"
+          trackEvent: "Support-Kiva"
         },
         {
           title: "Partner with us",
           description: "Drive global impact aligned with your organization’s goals",
           url: "/about/partner-with-us",
-          trackEvent: "partner-with-us"
+          trackEvent: "About-Partner with us"
         },
         {
           title: "Buy a Kiva Card",
           description: "Give the gift of lending to others",
           url: "/portfolio/kiva-card",
-          trackEvent: "buy-a-kiva-card"
+          trackEvent: "menu-buy-kiva-card"
         }
       ]
     };
   }
-}, T = { class: "tw--mt-0.5 tw-pb-0.5 tw-gap-2 tw-flex tw-flex-col tw-items-end md:tw-hidden tw-font-medium tw-p-2.5" }, M = { class: "tw-flex tw-flex-col tw-gap-2 tw-pl-1" }, C = ["href"], E = { class: "tw-text-secondary tw-font-book" }, B = { class: "tw-flex tw-flex-col tw-gap-2 tw-pb-2 tw-pl-1" }, D = {
+}, x = { class: "tw--mt-0.5 tw-pb-0.5 tw-gap-2 tw-flex tw-flex-col tw-items-end md:tw-hidden tw-font-medium tw-p-2.5" }, T = { class: "tw-flex tw-flex-col tw-gap-2 tw-pl-1" }, M = ["href"], C = { class: "tw-text-secondary tw-font-book" }, D = { class: "tw-flex tw-flex-col tw-gap-2 tw-pb-2 tw-pl-1" }, E = {
   href: "/about",
   class: "mobile-link"
-}, A = {
+}, B = {
   href: "/about/how",
   class: "mobile-link"
 }, H = {
   href: "/about/where-kiva-works",
   class: "mobile-link"
-}, V = {
+}, P = {
   href: "/impact",
   class: "mobile-link"
-}, $ = {
+}, V = {
   href: "/about/leadership",
   class: "mobile-link"
-}, F = {
+}, $ = {
   href: "/about/finances",
   class: "mobile-link"
-}, L = {
+}, F = {
   href: "/about/press-center",
   class: "mobile-link"
-}, P = {
+}, L = {
   href: "/about/due-diligence",
   class: "mobile-link"
 };
-function S(v, e, k, q, c, z) {
-  const w = u("KvMaterialIcon"), d = u("KvAccordionItem"), i = g("kv-track-event");
-  return t(), o("nav", T, [
-    k.isMobile ? (t(), _(w, {
+function S(v, e, k, W, c, q) {
+  const b = u("KvMaterialIcon"), d = u("KvAccordionItem"), i = g("kv-track-event");
+  return t(), o("nav", x, [
+    k.isMobile ? (t(), _(b, {
       key: 0,
       icon: c.mdiClose,
       class: "tw-cursor-pointer",
       onClick: e[0] || (e[0] = (l) => v.$emit("closing-menu"))
-    }, null, 8, ["icon"])) : y("", !0),
+    }, null, 8, ["icon"])) : A("", !0),
     p(d, {
       id: "accordion-take-action-menu",
       open: "",
       class: "tw-w-full tw-border-b-0"
     }, {
-      header: r(() => e[1] || (e[1] = [
-        a("h3", { class: "tw-pb-0.5" }, " Take action ", -1)
+      header: a(() => e[1] || (e[1] = [
+        r("h3", { class: "tw-pb-0.5" }, " Take action ", -1)
       ])),
-      default: r(() => [
-        a("div", M, [
-          (t(!0), o(N, null, K(c.menuItems, (l) => n((t(), o("div", {
+      default: a(() => [
+        r("div", T, [
+          (t(!0), o(K, null, y(c.menuItems, (l) => n((t(), o("div", {
             key: l.title
           }, [
-            a("a", {
+            r("a", {
               href: l.url,
               class: "mobile-link"
-            }, m(l.title), 9, C),
-            a("p", E, m(l.description), 1)
+            }, m(l.title), 9, M),
+            r("p", C, m(l.description), 1)
           ])), [
-            [i, ["TopNav", `click-menu-${l.trackEvent}`]]
+            [i, ["TopNav", `click-${l.trackEvent}`]]
           ])), 128))
         ])
       ]),
@@ -119,50 +119,50 @@ function S(v, e, k, q, c, z) {
       id: "accordion-about-menu",
       class: "tw-w-full tw-pb-1"
     }, {
-      header: r(() => e[2] || (e[2] = [
-        a("h3", { class: "tw-pb-0.5" }, " About ", -1)
+      header: a(() => e[2] || (e[2] = [
+        r("h3", { class: "tw-pb-0.5" }, " About ", -1)
       ])),
-      default: r(() => [
-        a("div", B, [
-          n((t(), o("a", D, e[3] || (e[3] = [
+      default: a(() => [
+        r("div", D, [
+          n((t(), o("a", E, e[3] || (e[3] = [
             s("About us")
           ]))), [
-            [i, ["TopNav", "click-menu-about-us"]]
+            [i, ["TopNav", "click-About-About us"]]
           ]),
-          n((t(), o("a", A, e[4] || (e[4] = [
+          n((t(), o("a", B, e[4] || (e[4] = [
             s("How Kiva works")
           ]))), [
-            [i, ["TopNav", "click-menu-how-kiva-works"]]
+            [i, ["TopNav", "click-About-How Kiva works"]]
           ]),
           n((t(), o("a", H, e[5] || (e[5] = [
             s("Where Kiva works")
           ]))), [
-            [i, ["TopNav", "click-menu-where-kiva-works"]]
+            [i, ["TopNav", "click-About-Where Kiva works"]]
           ]),
-          n((t(), o("a", V, e[6] || (e[6] = [
+          n((t(), o("a", P, e[6] || (e[6] = [
             s("Impact")
           ]))), [
-            [i, ["TopNav", "click-menu-impact"]]
+            [i, ["TopNav", "click-About-Impact"]]
           ]),
-          n((t(), o("a", $, e[7] || (e[7] = [
+          n((t(), o("a", V, e[7] || (e[7] = [
             s("Leadership")
           ]))), [
-            [i, ["TopNav", "click-menu-leadership"]]
+            [i, ["TopNav", "click-About-Leadership"]]
           ]),
-          n((t(), o("a", F, e[8] || (e[8] = [
+          n((t(), o("a", $, e[8] || (e[8] = [
             s("Finances")
           ]))), [
-            [i, ["TopNav", "click-menu-finances"]]
+            [i, ["TopNav", "click-About-Finances"]]
           ]),
-          n((t(), o("a", L, e[9] || (e[9] = [
+          n((t(), o("a", F, e[9] || (e[9] = [
             s("Press")
           ]))), [
-            [i, ["TopNav", "click-menu-press"]]
+            [i, ["TopNav", "click-About-Press"]]
           ]),
-          n((t(), o("a", P, e[10] || (e[10] = [
+          n((t(), o("a", L, e[10] || (e[10] = [
             s("Due diligence")
           ]))), [
-            [i, ["TopNav", "click-menu-due-diligence"]]
+            [i, ["TopNav", "click-About-Due diligence"]]
           ])
         ])
       ]),
@@ -170,7 +170,7 @@ function S(v, e, k, q, c, z) {
     })
   ]);
 }
-const Q = /* @__PURE__ */ x(I, [["render", S], ["__scopeId", "data-v-dc4a2676"]]);
+const Q = /* @__PURE__ */ N(I, [["render", S], ["__scopeId", "data-v-2265193a"]]);
 export {
   Q as default
 };

package/dist/vue/KvWwwHeader/KvHeaderTakeActionMenu.js

@@ -1,61 +1,61 @@
 import i from "./KvHeaderMenuLink.js";
-import { resolveComponent as c, resolveDirective as u, openBlock as o, createElementBlock as p, withDirectives as a, createBlock as r, withCtx as s, createElementVNode as e } from "vue";
+import { resolveComponent as c, resolveDirective as p, openBlock as o, createElementBlock as u, withDirectives as a, createBlock as r, withCtx as s, createElementVNode as t } from "vue";
 import d from "../../_virtual/_plugin-vue_export-helper.js";
-const m = {
+const v = {
   components: {
     KvHeaderMenuLink: i
   }
-}, v = { 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 f(k, t, w, x, _, h) {
-  const n = c("kv-header-menu-link"), l = u("kv-track-event");
-  return o(), p("nav", v, [
+}, m = { 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 f(k, e, w, x, _, h) {
+  const n = c("kv-header-menu-link"), l = p("kv-track-event");
+  return o(), u("nav", m, [
     a((o(), r(n, { href: "/lend-by-category" }, {
-      default: s(() => t[0] || (t[0] = [
-        e("div", null, [
-          e("p", null, "Choose someone to help"),
-          e("p", { class: "tw-text-small tw-text-secondary" }, " Make a direct impact for someone in need ")
+      default: s(() => e[0] || (e[0] = [
+        t("div", null, [
+          t("p", null, "Choose someone to help"),
+          t("p", { class: "tw-text-small tw-text-secondary" }, " Make a direct impact for someone in need ")
         ], -1)
       ])),
       _: 1
     })), [
-      [l, ["TopNav", "click-menu-Choose-someone-to-help"]]
+      [l, ["TopNav", "click-menu-choose-someone-to-help"]]
     ]),
     a((o(), r(n, { href: "/donate/supportus" }, {
-      default: s(() => t[1] || (t[1] = [
-        e("div", null, [
-          e("p", null, "Donate to Kiva"),
-          e("p", { class: "tw-text-small tw-text-secondary" }, " Help us change lives and tackle inequality ")
+      default: s(() => e[1] || (e[1] = [
+        t("div", null, [
+          t("p", null, "Donate to Kiva"),
+          t("p", { class: "tw-text-small tw-text-secondary" }, " Help us change lives and tackle inequality ")
         ], -1)
       ])),
       _: 1
     })), [
-      [l, ["TopNav", "click-menu-Donate-to-Kiva"]]
+      [l, ["TopNav", "click-Support-Kiva"]]
     ]),
     a((o(), r(n, { href: "/about/partner-with-us" }, {
-      default: s(() => t[2] || (t[2] = [
-        e("div", null, [
-          e("p", null, "Partner with us"),
-          e("p", { class: "tw-text-small tw-text-secondary" }, " Drive global impact aligned with your organization’s goals ")
+      default: s(() => e[2] || (e[2] = [
+        t("div", null, [
+          t("p", null, "Partner with us"),
+          t("p", { class: "tw-text-small tw-text-secondary" }, " Drive global impact aligned with your organization’s goals ")
         ], -1)
       ])),
       _: 1
     })), [
-      [l, ["TopNav", "click-menu-Partner-with-us"]]
+      [l, ["TopNav", "click-About-Partner with us"]]
     ]),
     a((o(), r(n, { href: "/gifts/kiva-cards" }, {
-      default: s(() => t[3] || (t[3] = [
-        e("div", null, [
-          e("p", null, "Buy a Kiva Card"),
-          e("p", { class: "tw-text-small tw-text-secondary" }, " Give the gift of lending to others ")
+      default: s(() => e[3] || (e[3] = [
+        t("div", null, [
+          t("p", null, "Buy a Kiva Card"),
+          t("p", { class: "tw-text-small tw-text-secondary" }, " Give the gift of lending to others ")
         ], -1)
       ])),
       _: 1
     })), [
-      [l, ["TopNav", "click-menu-Buy-kiva-card"]]
+      [l, ["TopNav", "click-menu-buy-kiva-card"]]
     ])
   ]);
 }
-const C = /* @__PURE__ */ d(m, [["render", f]]);
+const K = /* @__PURE__ */ d(v, [["render", f]]);
 export {
-  C as default
+  K as default
 };

package/dist/vue/KvWwwHeader.css

@@ -1 +1 @@
-.header-fade-enter-active[data-v-9410d912]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.header-fade-leave-active[data-v-9410d912]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s}.header-fade-enter[data-v-9410d912],.header-fade-leave-to[data-v-9410d912]{opacity:0}.header-fade-leave[data-v-9410d912],.header-fade-enter-to[data-v-9410d912]{opacity:1}.bg-opacity-50[data-v-9410d912]{background-color:rgba(var(--bg-action-highlight),.5)}
+.header-fade-enter-active[data-v-8d56e82f]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.header-fade-leave-active[data-v-8d56e82f]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s}.header-fade-enter[data-v-8d56e82f],.header-fade-leave-to[data-v-8d56e82f]{opacity:0}.header-fade-leave[data-v-8d56e82f],.header-fade-enter-to[data-v-8d56e82f]{opacity:1}.bg-opacity-50[data-v-8d56e82f]{background-color:rgba(var(--bg-action-highlight),.5)}

package/dist/vue/KvWwwHeader.js

@@ -1,18 +1,18 @@
-import { ref as a, shallowRef as N, computed as B, onMounted as S, onBeforeUnmount as x, resolveComponent as g, resolveDirective as A, openBlock as w, createBlock as E, withCtx as b, createElementVNode as k, normalizeStyle as h, createVNode as v, Transition as I, withDirectives as _, vShow as C, createElementBlock as K, normalizeClass as O, resolveDynamicComponent as G } from "vue";
-import z from "@kiva/kv-tokens";
-import P from "./KvWwwHeader/KvHeaderLinkBar.js";
-import R from "./KvWwwHeader/KvHeaderLogo.js";
-import V from "./KvThemeProvider.js";
-import W from "./KvPageContainer.js";
-import { throttle as Y } from "../utils/throttle.js";
+import { ref as a, shallowRef as N, computed as B, onMounted as S, onBeforeUnmount as x, resolveComponent as g, resolveDirective as A, openBlock as w, createBlock as E, withCtx as b, createElementVNode as k, normalizeStyle as h, createVNode as v, Transition as I, withDirectives as y, vShow as T, createElementBlock as K, normalizeClass as O, resolveDynamicComponent as G, withModifiers as z } from "vue";
+import P from "@kiva/kv-tokens";
+import R from "./KvWwwHeader/KvHeaderLinkBar.js";
+import V from "./KvWwwHeader/KvHeaderLogo.js";
+import W from "./KvThemeProvider.js";
+import Y from "./KvPageContainer.js";
+import { throttle as j } from "../utils/throttle.js";
 import "./KvWwwHeader.css";
-import j from "../_virtual/_plugin-vue_export-helper.js";
-const q = "3.75rem", F = ["lendMenu", "aboutUsLink"], J = {
+import q from "../_virtual/_plugin-vue_export-helper.js";
+const F = "3.75rem", J = ["lendMenu", "aboutUsLink"], Q = {
   components: {
-    KvHeaderLinkBar: P,
-    KvHeaderLogo: R,
-    KvThemeProvider: V,
-    KvPageContainer: W
+    KvHeaderLinkBar: R,
+    KvHeaderLogo: V,
+    KvThemeProvider: W,
+    KvPageContainer: Y
   },
   props: {
     loggedIn: {
@@ -67,42 +67,42 @@ const q = "3.75rem", F = ["lendMenu", "aboutUsLink"], J = {
   emits: [
     "load-lend-menu-data"
   ],
-  setup(L, { emit: o }) {
+  setup(C, { emit: o }) {
     const n = a(!0), e = a(null), r = a(!1), i = N(null), u = a(null), d = a({ left: 0, position: "relative" }), m = a(!1), c = a(null);
     let f;
     const l = B(() => {
       var s, t;
       return ((t = (s = u.value) == null ? void 0 : s.$options) == null ? void 0 : t.name) === "KvHeaderMobileMenu";
-    }), y = (s, t, p) => {
+    }), _ = (s, t, p) => {
       t ? (c.value = s, clearTimeout(f), i.value !== t && (d.value = { left: 0, position: "relative" }), i.value = t, r.value = !0, p && (d.value = {
         ...p,
         position: "absolute"
       })) : r.value && (f = setTimeout(() => {
         r.value = !1, i.value = null;
       }, 100));
-    }, T = (s) => {
+    }, L = (s) => {
       var t;
       (t = u.value) == null || t.onLoad(s);
     }, U = () => {
-      if (!l.value) return y();
+      if (!l.value) return _();
     }, D = () => {
       o("load-lend-menu-data");
-    }, H = () => {
-      m.value = (window == null ? void 0 : window.innerWidth) < z.breakpoints.md, m.value && F.includes(c.value) && (i.value = null, r.value = !1);
-    }, M = Y(H, 100);
+    }, M = () => {
+      m.value = (window == null ? void 0 : window.innerWidth) < P.breakpoints.md, m.value && J.includes(c.value) && (i.value = null, r.value = !1);
+    }, H = j(M, 100);
     return S(() => {
-      H(), window.addEventListener("resize", M);
+      M(), window.addEventListener("resize", H);
     }), x(() => {
-      window.removeEventListener("resize", M);
+      window.removeEventListener("resize", H);
     }), {
-      HEADER_HEIGHT: q,
+      HEADER_HEIGHT: F,
       emitLendMenuEvent: D,
       isMobile: m,
       linksVisible: n,
       menuOpen: r,
       isMobileMenuActive: l,
-      onHover: y,
-      loadMenuData: T,
+      onHover: _,
+      loadMenuData: L,
       handleOverlayClick: U,
       activeHeaderItem: e,
       menuComponent: i,
@@ -110,11 +110,11 @@ const q = "3.75rem", F = ["lendMenu", "aboutUsLink"], J = {
       menuPosition: d
     };
   }
-}, Q = {
+}, X = {
   href: "/",
   class: "tw-px-1 tw-py-2 tw-cursor-pointer tw-absolute tw-top-1/2 tw-left-1/2 tw--translate-y-1/2 tw--translate-x-1/2 tw-transition-all tw-duration-300"
 };
-function X(L, o, n, e, r, i) {
+function Z(C, o, n, e, r, i) {
   const u = g("kv-header-link-bar"), d = g("kv-header-logo"), m = g("kv-page-container"), c = g("kv-theme-provider"), f = A("kv-track-event");
   return w(), E(c, {
     tag: "div",
@@ -129,7 +129,7 @@ function X(L, o, n, e, r, i) {
           default: b(() => [
             v(I, { name: "header-fade" }, {
               default: b(() => [
-                _(v(u, {
+                y(v(u, {
                   "logged-in": n.loggedIn,
                   "basket-count": n.basketCount,
                   "login-url": n.loginUrl,
@@ -141,12 +141,12 @@ function X(L, o, n, e, r, i) {
                   balance: n.balance,
                   onItemHover: e.onHover
                 }, null, 8, ["logged-in", "basket-count", "login-url", "open-menu-item", "my-dashboard-url", "lender-name", "lender-image-url", "is-mobile", "balance", "onItemHover"]), [
-                  [C, e.linksVisible]
+                  [T, e.linksVisible]
                 ])
               ]),
               _: 1
             }),
-            _((w(), K("a", Q, [
+            y((w(), K("a", X, [
               v(d)
             ])), [
               [f, ["TopNav", "click-Logo"]]
@@ -157,10 +157,10 @@ function X(L, o, n, e, r, i) {
       ], 4),
       v(I, { name: "header-fade" }, {
         default: b(() => [
-          _(k("div", {
+          y(k("div", {
             class: "tw-absolute tw-z-modal tw-h-full tw-inset-x-0 tw-bg-eco-green-4 bg-opacity-50 tw-min-h-screen",
             style: h({ top: e.HEADER_HEIGHT }),
-            onTouchstart: o[3] || (o[3] = (...l) => e.handleOverlayClick && e.handleOverlayClick(...l))
+            onTouchstart: o[4] || (o[4] = (...l) => e.handleOverlayClick && e.handleOverlayClick(...l))
           }, [
             k("div", {
               class: O(["tw-bg-primary tw-overflow-y-auto", { "tw-min-h-dvh": e.isMobileMenuActive }]),
@@ -168,8 +168,8 @@ function X(L, o, n, e, r, i) {
                 ...e.menuPosition,
                 maxHeight: e.isMobileMenuActive ? "auto" : `calc(100dvh - ${e.HEADER_HEIGHT})`
               }),
-              onMouseover: o[1] || (o[1] = (l) => e.onHover(e.activeHeaderItem, e.menuComponent)),
-              onMouseout: o[2] || (o[2] = (l) => e.onHover())
+              onMouseover: o[2] || (o[2] = (l) => e.onHover(e.activeHeaderItem, e.menuComponent)),
+              onMouseout: o[3] || (o[3] = (l) => e.onHover())
             }, [
               (w(), E(G(e.menuComponent), {
                 ref: "menuComponentInstance",
@@ -183,11 +183,13 @@ function X(L, o, n, e, r, i) {
                 "is-mobile": e.isMobile,
                 "countries-not-lent-to-url": n.countriesNotLentToUrl,
                 onLoadLendMenuData: e.emitLendMenuEvent,
-                onClosingMenu: o[0] || (o[0] = (l) => e.onHover())
+                onClosingMenu: o[0] || (o[0] = (l) => e.onHover()),
+                onTouchstart: o[1] || (o[1] = z(() => {
+                }, ["stop"]))
               }, null, 40, ["logged-in", "login-url", "user-id", "is-borrower", "is-trustee", "my-dashboard-url", "show-m-g-upsell-link", "is-mobile", "countries-not-lent-to-url", "onLoadLendMenuData"]))
             ], 38)
           ], 36), [
-            [C, e.menuOpen]
+            [T, e.menuOpen]
           ])
         ]),
         _: 1
@@ -196,7 +198,7 @@ function X(L, o, n, e, r, i) {
     _: 1
   });
 }
-const ie = /* @__PURE__ */ j(J, [["render", X], ["__scopeId", "data-v-9410d912"]]);
+const se = /* @__PURE__ */ q(Q, [["render", Z], ["__scopeId", "data-v-8d56e82f"]]);
 export {
-  ie as default
+  se as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "6.58.0",
+  "version": "6.59.1",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -114,5 +114,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "3c67ddaea821beb6c6de444767ab3efe9a60ca3b"
+  "gitHead": "5e81fd793bb59057127a7ce5aa7729b5a8fdd879"
 }