@kiva/kv-components 6.68.0 → 6.69.1

package/dist/vue/KvAtbModal.css

@@ -1 +1 @@
-@media (min-width: 45.875rem){.cart-modal[data-v-85b67e19] div.container{right:var(--modal-right)!important;top:var(--modal-top)!important}}
+@media (min-width: 45.875rem){.cart-modal[data-v-5233d12c] div.container{right:var(--modal-right)!important;top:var(--modal-top)!important}}

package/dist/vue/KvAtbModal.js

@@ -1,13 +1,13 @@
-import { toRefs as N, ref as E, computed as C, watch as F, onMounted as O, onUnmounted as z, resolveComponent as B, openBlock as d, createBlock as D, normalizeStyle as R, withCtx as S, createElementBlock as h, createVNode as T, createElementVNode as e, normalizeClass as I, toDisplayString as U, createCommentVNode as y } from "vue";
-import { throttle as G } from "../utils/throttle.js";
-import W from "./KvCartModal.js";
-import Y from "./KvCartPill.js";
+import { toRefs as N, ref as B, computed as C, watch as F, onMounted as O, onUnmounted as z, resolveComponent as E, openBlock as u, createBlock as D, normalizeStyle as G, withCtx as S, createElementBlock as m, createVNode as R, createElementVNode as e, normalizeClass as T, toDisplayString as I, createCommentVNode as b } from "vue";
+import { throttle as U } from "../utils/throttle.js";
+import Y from "./KvCartModal.js";
+import W from "./KvCartPill.js";
 import "./KvAtbModal.css";
 import J from "../_virtual/_plugin-vue_export-helper.js";
 const Q = {
   components: {
-    KvCartModal: W,
-    KvCartPill: Y
+    KvCartModal: Y,
+    KvCartPill: W
   },
   props: {
     /**
@@ -93,6 +93,20 @@ const Q = {
     milestonesProgress: {
       type: Object,
       default: () => ({})
+    },
+    /**
+     * is loan goal modal
+     * */
+    isLoanGoal: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * is completing goal modal
+     * */
+    isCompletingGoal: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: [
@@ -101,41 +115,45 @@ const Q = {
     "close-redirect"
     // close and redirect to another page on parent component
   ],
-  setup(b, { emit: i }) {
+  setup(c, { emit: i }) {
     const {
       modalVisible: r,
       addedLoan: l,
-      userData: m,
+      userData: p,
       hasEverLoggedIn: A,
-      myKivaExperimentEnabled: p,
-      oneLoanAwayCategory: w,
+      myKivaExperimentEnabled: w,
+      oneLoanAwayCategory: f,
       oneLoanAwayFilteredUrl: v,
       milestonesProgress: P
-    } = N(b), f = E(0), k = E(0), Z = C(() => {
+    } = N(c), g = B(0), k = B(0), Z = C(() => {
       var t;
       return ((t = l.value) == null ? void 0 : t.basketSize) ?? 0;
     }), q = C(() => {
-      const t = window.innerWidth - k.value - 200, o = `${t > 0 ? t : 0}`, n = `${f.value}`;
+      const t = window.innerWidth - k.value - 200, o = `${t > 0 ? t : 0}`, n = `${g.value}`;
       return { right: o, top: n };
-    }), u = C(() => {
+    }), d = C(() => {
       var t;
       return (t = l.value) == null ? void 0 : t.name;
     }), _ = C(() => {
       var t;
-      return !((t = m.value) != null && t.my);
-    }), g = C(() => {
+      return !((t = p.value) != null && t.my);
+    }), y = C(() => {
       var t, o, n;
-      return p.value && (_.value && !A.value || !_.value && !((n = (o = (t = m.value) == null ? void 0 : t.my) == null ? void 0 : o.loans) != null && n.totalCount)) && Z.value === 1;
-    }), x = C(() => w.value && v.value && !g.value), j = C(() => Object.values(P.value).reduce((t, o) => t + (o > 0 ? o : 0), 0)), H = C(() => {
+      return w.value && (_.value && !A.value || !_.value && !((n = (o = (t = p.value) == null ? void 0 : t.my) == null ? void 0 : o.loans) != null && n.totalCount)) && Z.value === 1;
+    }), x = C(() => f.value && v.value && !y.value), j = C(() => Object.values(P.value).reduce((t, o) => t + (o > 0 ? o : 0), 0)), H = C(() => {
       var o, n, s;
-      if (g.value) {
-        const a = `Supporting ${u.value} helps`;
+      if (c.isCompletingGoal)
+        return `Supporting ${d.value} meets your annual goal!`;
+      if (c.isLoanGoal)
+        return "You’re closer to reaching your annual goal!";
+      if (y.value) {
+        const a = `Supporting ${d.value} helps`;
         return ((o = l.value) == null ? void 0 : o.borrowerCount) > 1 || (n = l.value) != null && n.themes.includes("Social Enterprise") ? `${a} them invest in themselves.` : ((s = l.value) == null ? void 0 : s.gender) === "male" ? `${a} him invest in himself.` : `${a} her invest in herself.`;
       }
       if (x.value)
         return "You’re close to your next achievement!";
       const t = j.value > 1 ? `${j.value} achievements` : "your next achievement";
-      return u.value ? `Supporting ${u.value} will reach ${t}!` : "Supporting this loan reaches an achievement!";
+      return d.value ? `Supporting ${d.value} will reach ${t}!` : "Supporting this loan reaches an achievement!";
     }), V = (t) => {
       t === "view-basket" ? i("close-redirect", { type: t, path: "/basket" }) : t === "support-another" && v.value && i("close-redirect", { type: t, path: v.value });
     }, K = (t) => {
@@ -146,19 +164,19 @@ const Q = {
       let n = [...document.querySelectorAll('[data-testid="header-basket"]')], s = n.find((L) => L == null ? void 0 : L.clientHeight);
       s || (n = [...document.querySelectorAll('[data-testid="header-about"]')], s = n.find((L) => L == null ? void 0 : L.clientHeight));
       const a = (s == null ? void 0 : s.getBoundingClientRect()) ?? null;
-      a && (a == null ? void 0 : a.right) !== k.value && (k.value = a == null ? void 0 : a.right), o && (o == null ? void 0 : o.bottom) !== f.value && (f.value = o == null ? void 0 : o.bottom);
-    }, c = G(M, 50);
+      a && (a == null ? void 0 : a.right) !== k.value && (k.value = a == null ? void 0 : a.right), o && (o == null ? void 0 : o.bottom) !== g.value && (g.value = o == null ? void 0 : o.bottom);
+    }, h = U(M, 50);
     return F(r, () => {
       r.value && M();
     }, { immediate: !0 }), O(() => {
-      M(), window.addEventListener("scroll", c), window.addEventListener("resize", c);
+      M(), window.addEventListener("scroll", h), window.addEventListener("resize", h);
     }), z(() => {
-      window.removeEventListener("scroll", c), window.removeEventListener("resize", c);
+      window.removeEventListener("scroll", h), window.removeEventListener("resize", h);
     }), {
       modalPosition: q,
       basketCount: Z,
-      isFirstLoan: g,
-      borrowerName: u,
+      isFirstLoan: y,
+      borrowerName: d,
       showOneAway: x,
       pillMsg: H,
       closeCartModal: K
@@ -187,11 +205,11 @@ const Q = {
   key: 2,
   class: "tw-text-h5"
 };
-function o1(b, i, r, l, m, A) {
-  const p = B("KvCartPill"), w = B("KvCartModal");
-  return r.modalVisible ? (d(), D(w, {
+function o1(c, i, r, l, p, A) {
+  const w = E("KvCartPill"), f = E("KvCartModal");
+  return r.modalVisible ? (u(), D(f, {
     key: 0,
-    style: R({
+    style: G({
       "--modal-right": `${l.modalPosition.right}px`,
       "--modal-top": `${l.modalPosition.top}px`
     }),
@@ -203,8 +221,8 @@ function o1(b, i, r, l, m, A) {
     onCartModalClosed: l.closeCartModal
   }, {
     content: S(() => [
-      r.showModalContent || l.isFirstLoan ? (d(), h("div", X, [
-        T(p, {
+      r.showModalContent || l.isFirstLoan ? (u(), m("div", X, [
+        R(w, {
           class: "!tw-w-full tw-justify-center",
           "borrower-name": l.borrowerName,
           "milestones-number": r.milestonesNumber,
@@ -213,12 +231,12 @@ function o1(b, i, r, l, m, A) {
         }, {
           icon: S(() => [
             e("div", {
-              class: I({
+              class: T({
                 // eslint-disable-next-line max-len
                 "tw-flex tw-items-center tw-justify-center tw-bg-gray-100 tw-p-0.5 tw-rounded tw-whitespace-nowrap": l.showOneAway
               })
             }, [
-              l.isFirstLoan ? (d(), h("svg", $, i[0] || (i[0] = [
+              l.isFirstLoan ? (u(), m("svg", $, i[0] || (i[0] = [
                 e("path", {
                   d: "M36.2676 17.5025C34.6519 30.5945 24.9878 35.8229 20.1847 38.0889C20.1496 38.1055 20.1099 38.1043 20.075 38.0873C8.60201 32.516 4.24979 22.9018 3.62911 17.5025C3.34064 14.6558 3.18678 8.5719 3.14406 5.7867C3.14315 5.72754 3.1847 5.67723 3.24194 5.66227C11.6312 3.46948 14.2758 3.52186 20.0937 1.86776C20.1175 1.86099 20.1437 1.86113 20.1673 1.86833C26.6496 3.83905 31.8224 4.23356 36.8613 5.66108C36.9176 5.67702 36.9559 5.72959 36.9546 5.78805C36.8227 11.47 36.4423 15.9605 36.2676 17.5025Z",
                   fill: "#2AA967",
@@ -374,23 +392,23 @@ function o1(b, i, r, l, m, A) {
                     })
                   ])
                 ], -1)
-              ]))) : (d(), h("svg", e1, i[1] || (i[1] = [
+              ]))) : (u(), m("svg", e1, i[1] || (i[1] = [
                 e("path", {
                   d: "M9.0001 19L5.6251 20.125C5.50843 20.1583 5.4001 20.1833 5.3001 20.2C5.2001 20.2167 5.1001 20.225 5.0001 20.225C4.46676 20.225 4.0001 20.0375 3.6001 19.6625C3.2001 19.2875 3.0001 18.8083 3.0001 18.225V12.775L0.400098 8.55C0.300098 8.38333 0.225098 8.2125 0.175098 8.0375C0.125098 7.8625 0.100098 7.68333 0.100098 7.5C0.100098 7.31667 0.125098 7.1375 0.175098 6.9625C0.225098 6.7875 0.300098 6.61667 0.400098 6.45L3.8001 0.95C3.98343 0.65 4.2251 0.416667 4.5251 0.25C4.8251 0.0833333 5.1501 0 5.5001 0H12.5001C12.8501 0 13.1751 0.0833333 13.4751 0.25C13.7751 0.416667 14.0168 0.65 14.2001 0.95L17.6001 6.45C17.7001 6.61667 17.7751 6.7875 17.8251 6.9625C17.8751 7.1375 17.9001 7.31667 17.9001 7.5C17.9001 7.68333 17.8751 7.8625 17.8251 8.0375C17.7751 8.2125 17.7001 8.38333 17.6001 8.55L15.0001 12.775V18.225C15.0001 18.8083 14.8001 19.2875 14.4001 19.6625C14.0001 20.0375 13.5334 20.225 13.0001 20.225C12.9001 20.225 12.8001 20.2167 12.7001 20.2C12.6001 20.1833 12.4918 20.1583 12.3751 20.125L9.0001 19ZM5.5001 13H12.5001L15.9001 7.5L12.5001 2H5.5001L2.1001 7.5L5.5001 13ZM7.9501 8.75L11.4751 5.2C11.6584 5 11.8876 4.90417 12.1626 4.9125C12.4376 4.92083 12.6751 5.01667 12.8751 5.2C13.0751 5.4 13.1793 5.6375 13.1876 5.9125C13.1959 6.1875 13.1001 6.425 12.9001 6.625L8.6501 10.875C8.4501 11.075 8.21677 11.175 7.9501 11.175C7.68343 11.175 7.4501 11.075 7.2501 10.875L5.1251 8.75C4.9251 8.55 4.8251 8.3125 4.8251 8.0375C4.8251 7.7625 4.9251 7.525 5.1251 7.325C5.3251 7.125 5.5626 7.025 5.8376 7.025C6.1126 7.025 6.3501 7.125 6.5501 7.325L7.9501 8.75Z",
                   fill: "#757575"
                 }, null, -1)
               ]))),
-              l.showOneAway ? (d(), h("div", t1, U(r.oneAwayText), 1)) : y("", !0)
+              l.showOneAway ? (u(), m("div", t1, I(r.oneAwayText), 1)) : b("", !0)
             ], 2)
           ]),
           _: 1
         }, 8, ["borrower-name", "milestones-number", "is-close-next-milestone", "custom-message"])
-      ])) : y("", !0)
+      ])) : b("", !0)
     ]),
     _: 1
-  }, 8, ["style", "visible", "photo-path", "basket-count", "category-name", "onCartModalClosed"])) : y("", !0);
+  }, 8, ["style", "visible", "photo-path", "basket-count", "category-name", "onCartModalClosed"])) : b("", !0);
 }
-const C1 = /* @__PURE__ */ J(Q, [["render", o1], ["__scopeId", "data-v-85b67e19"]]);
+const C1 = /* @__PURE__ */ J(Q, [["render", o1], ["__scopeId", "data-v-5233d12c"]]);
 export {
   C1 as default
 };

package/dist/vue/KvWwwHeader/KvHeaderLinkBar.css

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

package/dist/vue/KvWwwHeader/KvHeaderLinkBar.js

@@ -1,4 +1,4 @@
-import { defineAsyncComponent as h, ref as l, inject as Z, computed as H, watch as _, onMounted as $, onUnmounted as ee, resolveComponent as p, resolveDirective as ne, openBlock as r, createElementBlock as w, withDirectives as v, normalizeClass as y, withModifiers as U, createVNode as B, createBlock as T, withCtx as x, createTextVNode as f, createElementVNode as M, createCommentVNode as P, vShow as V, toDisplayString as te } from "vue";
+import { defineAsyncComponent as h, ref as l, inject as Z, computed as L, watch as P, onMounted as $, onUnmounted as ee, resolveComponent as p, resolveDirective as ne, openBlock as i, createElementBlock as M, withDirectives as c, normalizeClass as A, withModifiers as B, createVNode as E, createBlock as y, withCtx as N, createTextVNode as k, createElementVNode as b, createCommentVNode as V, vShow as R, toDisplayString as te } from "vue";
 import { mdiAccountCircle as oe, mdiChevronDown as ae, mdiMagnify as le, mdiMenu as re } from "@mdi/js";
 import ie from "numeral";
 import de from "@kiva/kv-tokens";
@@ -10,7 +10,7 @@ import { throttle as ce } from "../../utils/throttle.js";
 import { isLegacyPlaceholderAvatar as we } from "../../utils/imageUtils.js";
 import "./KvHeaderLinkBar.css";
 import fe from "../../_virtual/_plugin-vue_export-helper.js";
-const Me = h(() => import("./KvHeaderMobileMenu.js")), R = h(() => import("./KvHeaderMyKivaMenu.js")), ke = h(() => import("./LendMenu/KvLendMenu.js")), he = h(() => import("./KvHeaderTakeActionMenu.js")), ge = h(() => import("./KvHeaderAboutMenu.js")), F = 150, k = "avatar-menu", K = "menuButton", W = { top: "-3.75rem", width: "100%" }, A = "lendButton", be = {
+const Me = h(() => import("./KvHeaderMobileMenu.js")), F = h(() => import("./KvHeaderMyKivaMenu.js")), ke = h(() => import("./LendMenu/KvLendMenu.js")), be = h(() => import("./KvHeaderTakeActionMenu.js")), he = h(() => import("./KvHeaderAboutMenu.js")), W = 150, w = "avatar-menu", I = "menuButton", z = { top: "-3.75rem", width: "100%" }, ge = "lendButton", Te = "takeActionButton", pe = "aboutUsLink", Ae = {
   components: {
     KvMaterialIcon: ue,
     KvIconBag: me,
@@ -58,118 +58,134 @@ const Me = h(() => import("./KvHeaderMobileMenu.js")), R = h(() => import("./KvH
   emits: [
     "item-hover"
   ],
-  setup(i, { emit: n }) {
-    const a = l(null), e = l(null), N = l(null), E = l(null), g = l(null), c = l(null), I = l(null), L = l(null), d = l(null), t = l(null), O = Z("$kvTrackEvent"), u = (o, m, s = null) => {
-      n("item-hover", o, m, s);
-    }, z = (o, m, s = null) => {
-      navigator.maxTouchPoints || (o === A && t.value !== A && O(
-        "TopNav",
-        "hover-Lend-menu",
-        "Lend"
-      ), t.value = o, u(
-        o,
-        m,
-        o === K && i.isMobile ? W : s
-      ));
-    }, j = (o) => {
-      !navigator.maxTouchPoints && t.value === o && (t.value = null, u());
-    }, D = () => {
-      var C;
-      const o = (C = a.value) == null ? void 0 : C.getBoundingClientRect();
-      if (!o) return null;
-      const s = o.left + o.width / 2 - F / 2, Y = `${window.innerWidth - s - F}px`;
+  setup(d, { emit: n }) {
+    const a = l(null), e = l(null), K = l(null), x = l(null), g = l(null), f = l(null), U = l(null), H = l(null), u = l(null), o = l(null), O = Z("$kvTrackEvent"), _ = {
+      [ge]: { action: "hover-Lend-menu", label: "Lend" },
+      [Te]: { action: "hover-Take-action-menu", label: "Take action" },
+      [pe]: { action: "hover-About-menu", label: "About" },
+      [I]: { action: "hover-Hamburger-menu", label: "Hamburger" },
+      [w]: { action: "hover-Avatar-menu", label: "Avatar" }
+    }, m = (t, s, v = null) => {
+      n("item-hover", t, s, v);
+    }, j = (t, s, v = null) => {
+      if (!navigator.maxTouchPoints) {
+        if (t && o.value !== t) {
+          const r = _[t];
+          r && O(
+            "TopNav",
+            r.action,
+            r.label
+          );
+        }
+        o.value = t, m(
+          t,
+          s,
+          t === I && d.isMobile ? z : v
+        );
+      }
+    }, q = (t) => {
+      !navigator.maxTouchPoints && o.value === t && (o.value = null, m());
+    }, C = () => {
+      var S;
+      const t = (S = a.value) == null ? void 0 : S.getBoundingClientRect();
+      if (!t) return null;
+      const v = t.left + t.width / 2 - W / 2, r = `${window.innerWidth - v - W}px`;
       return {
-        right: (window == null ? void 0 : window.innerWidth) < de.breakpoints.md ? 0 : Y
+        right: (window == null ? void 0 : window.innerWidth) < de.breakpoints.md ? 0 : r
       };
-    }, b = () => {
-      t.value = k, u(a.value, R, D());
-    }, q = (o, m, s) => {
-      o === A && t.value !== A && O(
-        "TopNav",
-        "hover-Lend-menu",
-        "Lend"
-      ), t.value === K && (t.value = null), !t.value || t.value !== o ? (t.value = o, o === k ? b() : o === K && i.isMobile ? u(o, m, W) : u(o, m, s)) : (t.value = null, u());
-    }, S = ce(() => {
-      t.value === k && b();
-    }, 100), G = H(() => i.isMobile ? void 0 : "/lend-by-category"), J = H(() => {
-      var o;
-      return ((o = i.lenderImageUrl) == null ? void 0 : o.split("/").pop()) ?? "";
-    }), Q = H(() => Math.floor(i.balance)), X = (o) => {
-      o.target === o.currentTarget && u();
+    }, T = () => {
+      o.value = w, m(a.value, F, C());
+    }, G = (t, s, v) => {
+      if (t && o.value !== t) {
+        const r = _[t];
+        r && O(
+          "TopNav",
+          r.action,
+          r.label
+        );
+      }
+      o.value === I && (o.value = null), !o.value || o.value !== t ? (o.value = t, t === w ? T() : t === I && d.isMobile ? m(t, s, z) : m(t, s, v)) : (o.value = null, m());
+    }, D = ce(() => {
+      o.value === w && T();
+    }, 100), J = L(() => d.isMobile ? void 0 : "/lend-by-category"), Q = L(() => {
+      var t;
+      return ((t = d.lenderImageUrl) == null ? void 0 : t.split("/").pop()) ?? "";
+    }), X = L(() => Math.floor(d.balance)), Y = (t) => {
+      t.target === t.currentTarget && m();
     };
-    return _(
-      () => i.isMobile,
+    return P(
+      () => d.isMobile,
       () => {
-        t.value === k && b();
+        o.value === w && T();
       }
-    ), _(
-      () => i.openMenuItem,
-      (o) => {
-        o || (t.value = null);
+    ), P(
+      () => d.openMenuItem,
+      (t) => {
+        t || (o.value = null);
       }
     ), $(() => {
-      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", D);
     }), ee(() => {
-      window.removeEventListener("resize", S);
+      window.removeEventListener("resize", D);
     }), {
-      AVATAR_MENU_ID: k,
-      openMenuId: t,
+      AVATAR_MENU_ID: w,
+      openMenuId: o,
       numeral: ie,
       mdiAccountCircle: oe,
       mdiChevronDown: ae,
       mdiMagnify: le,
       mdiMenu: re,
-      onHover: u,
+      onHover: m,
       avatar: a,
       lendButton: e,
-      aboutUsLink: N,
-      partnerWithUsLink: E,
+      aboutUsLink: K,
+      partnerWithUsLink: x,
       borrowLink: g,
-      supportKivaLink: c,
-      basketLink: I,
-      signInLink: L,
-      menuButton: d,
-      lendUrl: G,
-      avatarFilename: J,
-      handleOnHover: z,
-      handleTouchStart: q,
-      handleMouseOut: j,
-      handleAvatarMenuPosition: b,
+      supportKivaLink: f,
+      basketLink: U,
+      signInLink: H,
+      menuButton: u,
+      lendUrl: J,
+      avatarFilename: Q,
+      handleOnHover: j,
+      handleTouchStart: G,
+      handleMouseOut: q,
+      handleAvatarMenuPosition: T,
       KvHeaderMobileMenu: Me,
-      KvHeaderMyKivaMenu: R,
+      KvHeaderMyKivaMenu: F,
       KvLendMenu: ke,
-      KvHeaderTakeActionMenu: he,
-      KvHeaderAboutMenu: ge,
+      KvHeaderTakeActionMenu: be,
+      KvHeaderAboutMenu: he,
       isLegacyPlaceholderAvatar: we,
-      getAvatarMenuPosition: D,
-      handleEmptySpaceClick: X,
-      roundedBalance: Q
+      getAvatarMenuPosition: C,
+      handleEmptySpaceClick: Y,
+      roundedBalance: X
     };
   }
-}, pe = ["href"], ye = {
+}, ye = ["href"], Ie = {
   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"
-}, Te = { class: "tw-text-eco-green-4" }, Ae = ["href"];
-function Ie(i, n, a, e, N, E) {
-  const g = p("kv-material-icon"), c = p("KvHeaderDropdownLink"), I = p("kv-icon-bag"), L = p("KvUserAvatar"), d = ne("kv-track-event");
-  return r(), w("div", {
+}, Ue = { class: "tw-text-eco-green-4" }, He = ["href"];
+function Le(d, n, a, e, K, x) {
+  const g = p("kv-material-icon"), f = p("KvHeaderDropdownLink"), U = p("kv-icon-bag"), H = p("KvUserAvatar"), u = ne("kv-track-event");
+  return i(), M("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))
+    onTouchstart: n[10] || (n[10] = (...o) => e.handleEmptySpaceClick && e.handleEmptySpaceClick(...o))
   }, [
-    v((r(), w("button", {
+    c((i(), M("button", {
       ref: "menuButton",
-      class: y(["header-link tw-inline-flex md:tw-hidden", {
+      class: A(["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] = U((t) => e.handleTouchStart("menuButton", e.KvHeaderMobileMenu), ["stop"]))
+      onMouseover: n[0] || (n[0] = (o) => e.handleOnHover("menuButton", e.KvHeaderMobileMenu)),
+      onMouseout: n[1] || (n[1] = (o) => e.handleMouseOut("menuButton")),
+      onTouchstart: n[2] || (n[2] = B((o) => e.handleTouchStart("menuButton", e.KvHeaderMobileMenu), ["stop"]))
     }, [
-      B(g, { icon: e.mdiMenu }, null, 8, ["icon"])
+      E(g, { icon: e.mdiMenu }, null, 8, ["icon"])
     ], 34)), [
-      [d, a.openMenuItem === e.KvHeaderMobileMenu ? ["TopNav", "click-Hamburger-menu"] : null]
+      [u, a.openMenuItem === e.KvHeaderMobileMenu ? ["TopNav", "click-Hamburger-menu"] : null]
     ]),
-    v((r(), T(c, {
+    c((i(), y(f, {
       class: "tw-py-1",
       "ref-name": "lendButton",
       href: e.lendUrl,
@@ -178,17 +194,17 @@ function Ie(i, n, a, e, N, E) {
       "dropdown-icon": e.mdiChevronDown,
       "base-class": "tw-inline-flex md:tw-border md:tw-rounded-md tw-px-1.5 tw-py-0.5",
       onOnHover: e.handleOnHover,
-      onMouseleave: n[3] || (n[3] = (t) => e.handleMouseOut("lendButton")),
-      onTouchstart: n[4] || (n[4] = U((t) => e.handleTouchStart("lendButton", e.KvLendMenu), ["stop"]))
+      onMouseleave: n[3] || (n[3] = (o) => e.handleMouseOut("lendButton")),
+      onTouchstart: n[4] || (n[4] = B((o) => e.handleTouchStart("lendButton", e.KvLendMenu), ["stop"]))
     }, {
-      default: x(() => n[11] || (n[11] = [
-        f(" Lend ")
+      default: N(() => n[11] || (n[11] = [
+        k(" Lend ")
       ])),
       _: 1
     }, 8, ["href", "menu-component", "open-menu-item", "dropdown-icon", "onOnHover"])), [
-      [d, ["TopNav", "click-Lend"]]
+      [u, ["TopNav", "click-Lend"]]
     ]),
-    v((r(), T(c, {
+    c((i(), y(f, {
       "ref-name": "takeActionButton",
       "base-class": "tw-hidden md:tw-inline-flex tw-py-1",
       "menu-component": e.KvHeaderTakeActionMenu,
@@ -196,17 +212,17 @@ function Ie(i, n, a, e, N, E) {
       "dropdown-icon": e.mdiChevronDown,
       "send-link-position": "",
       onOnHover: e.handleOnHover,
-      onMouseleave: n[5] || (n[5] = (t) => e.handleMouseOut("takeActionButton")),
+      onMouseleave: n[5] || (n[5] = (o) => e.handleMouseOut("takeActionButton")),
       onUserTap: e.handleTouchStart
     }, {
-      default: x(() => n[12] || (n[12] = [
-        f(" Take action ")
+      default: N(() => n[12] || (n[12] = [
+        k(" Take action ")
       ])),
       _: 1
     }, 8, ["menu-component", "open-menu-item", "dropdown-icon", "onOnHover", "onUserTap"])), [
-      [d, ["TopNav", "click-take-action"]]
+      [u, ["TopNav", "click-take-action"]]
     ]),
-    B(c, {
+    E(f, {
       "ref-name": "aboutUsLink",
       "data-testid": "header-about",
       "base-class": "tw-hidden md:tw-inline-flex tw-py-1",
@@ -215,77 +231,77 @@ function Ie(i, n, a, e, N, E) {
       "dropdown-icon": e.mdiChevronDown,
       "send-link-position": "",
       onOnHover: e.handleOnHover,
-      onMouseleave: n[6] || (n[6] = (t) => e.handleMouseOut("aboutUsLink")),
+      onMouseleave: n[6] || (n[6] = (o) => e.handleMouseOut("aboutUsLink")),
       onUserTap: e.handleTouchStart
     }, {
-      default: x(() => n[13] || (n[13] = [
-        f(" About ")
+      default: N(() => n[13] || (n[13] = [
+        k(" About ")
       ])),
       _: 1
     }, 8, ["menu-component", "open-menu-item", "dropdown-icon", "onOnHover", "onUserTap"]),
-    n[17] || (n[17] = M("div", { class: "tw-flex-1 tw-h-full" }, null, -1)),
-    a.loggedIn ? v((r(), w("a", {
+    n[17] || (n[17] = b("div", { class: "tw-flex-1 tw-h-full" }, null, -1)),
+    a.loggedIn ? c((i(), M("a", {
       key: 0,
       ref: "dashboardLink",
       href: a.myDashboardUrl,
-      class: y(["header-link tw-hidden md:tw-block", { "tw-text-tertiary": !!a.openMenuItem }])
+      class: A(["header-link tw-hidden md:tw-block", { "tw-text-tertiary": !!a.openMenuItem }])
     }, n[14] || (n[14] = [
-      f(" My dashboard ")
-    ]), 10, pe)), [
-      [d, ["TopNav", "click-Dashboard"]]
-    ]) : P("", !0),
-    v((r(), w("a", {
+      k(" My dashboard ")
+    ]), 10, ye)), [
+      [u, ["TopNav", "click-Dashboard"]]
+    ]) : V("", !0),
+    c((i(), M("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: A(["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"
     }, [
-      B(I, {
+      E(U, {
         class: "tw-w-3 tw-h-3 md:tw-w-3.5 md:tw-h-3.5 tw-pointer-events-none tw-text-action",
         count: a.basketCount
       }, null, 8, ["count"]),
-      n[15] || (n[15] = M("span", { class: "tw-hidden md:tw-block" }, "Basket", -1))
+      n[15] || (n[15] = b("span", { class: "tw-hidden md:tw-block" }, "Basket", -1))
     ], 2)), [
-      [V, a.basketCount > 0],
-      [d, ["TopNav", "click-Basket"]]
+      [R, a.basketCount > 0],
+      [u, ["TopNav", "click-Basket"]]
     ]),
-    M("div", {
+    b("div", {
       class: "md:tw-py-1",
-      onMouseenter: n[7] || (n[7] = (t) => e.handleOnHover(e.AVATAR_MENU_ID, e.KvHeaderMyKivaMenu, e.getAvatarMenuPosition())),
-      onMouseleave: n[8] || (n[8] = (t) => e.handleMouseOut(e.AVATAR_MENU_ID)),
-      onTouchstart: n[9] || (n[9] = U((t) => e.handleTouchStart(e.AVATAR_MENU_ID), ["stop"]))
+      onMouseenter: n[7] || (n[7] = (o) => e.handleOnHover(e.AVATAR_MENU_ID, e.KvHeaderMyKivaMenu, e.getAvatarMenuPosition())),
+      onMouseleave: n[8] || (n[8] = (o) => e.handleMouseOut(e.AVATAR_MENU_ID)),
+      onTouchstart: n[9] || (n[9] = B((o) => e.handleTouchStart(e.AVATAR_MENU_ID), ["stop"]))
     }, [
-      v(M("div", ye, [
-        e.isLegacyPlaceholderAvatar(e.avatarFilename) || !e.avatarFilename ? (r(), T(g, {
+      c(b("div", Ie, [
+        e.isLegacyPlaceholderAvatar(e.avatarFilename) || !e.avatarFilename ? (i(), y(g, {
           key: 0,
           icon: e.mdiAccountCircle,
           class: "tw-w-3"
-        }, null, 8, ["icon"])) : (r(), T(L, {
+        }, null, 8, ["icon"])) : (i(), y(H, {
           key: 1,
           class: "avatar",
           "lender-name": a.lenderName,
           "lender-image-url": a.lenderImageUrl,
           "is-small": ""
         }, null, 8, ["lender-name", "lender-image-url"])),
-        M("span", Te, te(e.numeral(e.roundedBalance).format("$0")), 1)
+        b("span", Ue, te(e.numeral(e.roundedBalance).format("$0")), 1)
       ], 512), [
-        [V, a.loggedIn]
+        [R, a.loggedIn]
       ])
     ], 32),
-    a.loggedIn ? P("", !0) : v((r(), w("a", {
+    a.loggedIn ? V("", !0) : c((i(), M("a", {
       key: 1,
       ref: "signInLink",
       href: a.loginUrl,
-      class: y(["header-link", { "tw-text-tertiary": !!a.openMenuItem }])
+      class: A(["header-link", { "tw-text-tertiary": !!a.openMenuItem }])
     }, n[16] || (n[16] = [
-      f(" Sign in ")
-    ]), 10, Ae)), [
-      [d, ["TopNav", "click-Sign-in"]]
+      k(" Sign in ")
+    ]), 10, He)), [
+      [u, ["TopNav", "click-Sign-in"]]
     ])
   ], 32);
 }
-const Pe = /* @__PURE__ */ fe(be, [["render", Ie], ["__scopeId", "data-v-11e40cc0"]]);
+const Fe = /* @__PURE__ */ fe(Ae, [["render", Le], ["__scopeId", "data-v-d30fd983"]]);
 export {
-  Pe as default
+  Fe as default
 };

package/dist/vue/KvWwwHeader/KvHeaderMobileMenu.css

@@ -1 +1 @@
-.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}
+.mobile-link[data-v-4bba67dd]{--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.mobile-link[data-v-4bba67dd]: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,10 +1,10 @@
 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 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 { resolveComponent as p, resolveDirective as g, openBlock as t, createElementBlock as n, withDirectives as i, createBlock as c, createCommentVNode as _, withCtx as a, createElementVNode as r, Fragment as A, renderList as K, toDisplayString as m, createTextVNode as s } from "vue";
 import "./KvHeaderMobileMenu.css";
 import N from "../../_virtual/_plugin-vue_export-helper.js";
-const I = {
+const T = {
   name: "KvHeaderMobileMenu",
   components: {
     KvAccordionItem: f,
@@ -56,19 +56,19 @@ const I = {
       ]
     };
   }
-}, 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 = {
+}, y = { 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" }, I = { class: "tw-flex tw-flex-col tw-gap-2 tw-pl-1" }, x = ["href"], M = { class: "tw-text-secondary tw-font-book" }, C = { class: "tw-flex tw-flex-col tw-gap-2 tw-pb-2 tw-pl-1" }, H = {
   href: "/about",
   class: "mobile-link"
-}, B = {
+}, D = {
   href: "/about/how",
   class: "mobile-link"
-}, H = {
+}, E = {
   href: "/about/where-kiva-works",
   class: "mobile-link"
-}, P = {
+}, B = {
   href: "/impact",
   class: "mobile-link"
-}, V = {
+}, P = {
   href: "/about/leadership",
   class: "mobile-link"
 }, $ = {
@@ -81,16 +81,18 @@ const I = {
   href: "/about/due-diligence",
   class: "mobile-link"
 };
-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, {
+function S(v, e, b, V, d, W) {
+  const k = p("KvMaterialIcon"), u = p("KvAccordionItem"), o = g("kv-track-event");
+  return t(), n("nav", y, [
+    b.isMobile ? i((t(), c(k, {
       key: 0,
-      icon: c.mdiClose,
+      icon: d.mdiClose,
       class: "tw-cursor-pointer",
       onClick: e[0] || (e[0] = (l) => v.$emit("closing-menu"))
-    }, null, 8, ["icon"])) : A("", !0),
-    p(d, {
+    }, null, 8, ["icon"])), [
+      [o, ["TopNav", "click-Hamburger-close"]]
+    ]) : _("", !0),
+    i((t(), c(u, {
       id: "accordion-take-action-menu",
       open: "",
       class: "tw-w-full tw-border-b-0"
@@ -99,23 +101,24 @@ function S(v, e, k, W, c, q) {
         r("h3", { class: "tw-pb-0.5" }, " Take action ", -1)
       ])),
       default: a(() => [
-        r("div", T, [
-          (t(!0), o(K, null, y(c.menuItems, (l) => n((t(), o("div", {
-            key: l.title
+        r("div", I, [
+          (t(!0), n(A, null, K(d.menuItems, (l) => i((t(), n("a", {
+            key: l.title,
+            href: l.url,
+            class: "mobile-link"
           }, [
-            r("a", {
-              href: l.url,
-              class: "mobile-link"
-            }, m(l.title), 9, M),
-            r("p", C, m(l.description), 1)
-          ])), [
-            [i, ["TopNav", `click-${l.trackEvent}`]]
+            r("div", null, m(l.title), 1),
+            r("p", M, m(l.description), 1)
+          ], 8, x)), [
+            [o, ["TopNav", `click-${l.trackEvent}`]]
           ])), 128))
         ])
       ]),
       _: 1
-    }),
-    p(d, {
+    })), [
+      [o, ["TopNav", "click-Hamburger-Take-action-accordion"]]
+    ]),
+    i((t(), c(u, {
       id: "accordion-about-menu",
       class: "tw-w-full tw-pb-1"
     }, {
@@ -123,54 +126,56 @@ function S(v, e, k, W, c, q) {
         r("h3", { class: "tw-pb-0.5" }, " About ", -1)
       ])),
       default: a(() => [
-        r("div", D, [
-          n((t(), o("a", E, e[3] || (e[3] = [
+        r("div", C, [
+          i((t(), n("a", H, e[3] || (e[3] = [
             s("About us")
           ]))), [
-            [i, ["TopNav", "click-About-About us"]]
+            [o, ["TopNav", "click-About-About us"]]
           ]),
-          n((t(), o("a", B, e[4] || (e[4] = [
+          i((t(), n("a", D, e[4] || (e[4] = [
             s("How Kiva works")
           ]))), [
-            [i, ["TopNav", "click-About-How Kiva works"]]
+            [o, ["TopNav", "click-About-How Kiva works"]]
           ]),
-          n((t(), o("a", H, e[5] || (e[5] = [
+          i((t(), n("a", E, e[5] || (e[5] = [
             s("Where Kiva works")
           ]))), [
-            [i, ["TopNav", "click-About-Where Kiva works"]]
+            [o, ["TopNav", "click-About-Where Kiva works"]]
           ]),
-          n((t(), o("a", P, e[6] || (e[6] = [
+          i((t(), n("a", B, e[6] || (e[6] = [
             s("Impact")
           ]))), [
-            [i, ["TopNav", "click-About-Impact"]]
+            [o, ["TopNav", "click-About-Impact"]]
           ]),
-          n((t(), o("a", V, e[7] || (e[7] = [
+          i((t(), n("a", P, e[7] || (e[7] = [
             s("Leadership")
           ]))), [
-            [i, ["TopNav", "click-About-Leadership"]]
+            [o, ["TopNav", "click-About-Leadership"]]
           ]),
-          n((t(), o("a", $, e[8] || (e[8] = [
+          i((t(), n("a", $, e[8] || (e[8] = [
             s("Finances")
           ]))), [
-            [i, ["TopNav", "click-About-Finances"]]
+            [o, ["TopNav", "click-About-Finances"]]
           ]),
-          n((t(), o("a", F, e[9] || (e[9] = [
+          i((t(), n("a", F, e[9] || (e[9] = [
             s("Press")
           ]))), [
-            [i, ["TopNav", "click-About-Press"]]
+            [o, ["TopNav", "click-About-Press"]]
           ]),
-          n((t(), o("a", L, e[10] || (e[10] = [
+          i((t(), n("a", L, e[10] || (e[10] = [
             s("Due diligence")
           ]))), [
-            [i, ["TopNav", "click-About-Due diligence"]]
+            [o, ["TopNav", "click-About-Due diligence"]]
           ])
         ])
       ]),
       _: 1
-    })
+    })), [
+      [o, ["TopNav", "click-Hamburger-About-accordion"]]
+    ])
   ]);
 }
-const Q = /* @__PURE__ */ N(I, [["render", S], ["__scopeId", "data-v-2265193a"]]);
+const O = /* @__PURE__ */ N(T, [["render", S], ["__scopeId", "data-v-4bba67dd"]]);
 export {
-  Q as default
+  O as default
 };

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

@@ -1 +1 @@
-.lend-link[data-v-23bfaeea]{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-23bfaeea]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:underline}
+.lend-link[data-v-5b7745cc]{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-5b7745cc]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:underline}

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

@@ -198,20 +198,14 @@ function ie(T, e, l, k, x, M) {
                 ])
               ]),
               _: 2
-            }, 1032, ["id"])), 64)) : (t(!0), n(b, { key: 1 }, g(l.regions, (s) => (t(), N(p, {
+            }, 1032, ["id"])), 64)) : (t(!0), n(b, { key: 1 }, g(l.regions, (s) => _((t(), N(p, {
               id: `lend-menu-${k.paramCase(s.name)}-panel`,
               key: s.name,
               ref_for: !0,
               ref: "regionAccordions"
             }, {
               header: a(() => [
-                o("h3", te, [
-                  _((t(), n("span", null, [
-                    d(K(s.name), 1)
-                  ])), [
-                    [i, ["TopNav", "click-Lend-Region", s.name]]
-                  ])
-                ])
+                o("h3", te, K(s.name), 1)
               ]),
               default: a(() => [
                 r(f, {
@@ -219,7 +213,9 @@ function ie(T, e, l, k, x, M) {
                 }, null, 8, ["countries"])
               ]),
               _: 2
-            }, 1032, ["id"]))), 128))
+            }, 1032, ["id"])), [
+              [i, ["TopNav", "click-Lend-Region", s.name]]
+            ])), 128))
           ]),
           _: 1
         }),
@@ -275,7 +271,7 @@ function ie(T, e, l, k, x, M) {
     }, 512)
   ]);
 }
-const ge = /* @__PURE__ */ z(H, [["render", ie], ["__scopeId", "data-v-23bfaeea"]]);
+const ge = /* @__PURE__ */ z(H, [["render", ie], ["__scopeId", "data-v-5b7745cc"]]);
 export {
   ge as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "6.68.0",
+  "version": "6.69.1",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -114,5 +114,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "97959b8f544b02ef01dbf1a9b7b6d909da2d5cd1"
+  "gitHead": "d022a741fc1f690033335ee6f38a7ab5e3bbddf8"
 }