@kiva/kv-components 8.26.0 → 8.27.0

package/dist/vue/KvWideLoanCard2.js

@@ -1,19 +1,20 @@
 import o from "graphql-tag";
-import { LOAN_CALLOUTS_FRAGMENT as E, LOAN_GEOCODE_FRAGMENT as M, LOAN_PROGRESS_FRAGMENT as B, loanCardComputedProperties as R, loanCardMethods as S } from "../utils/loanCard.js";
-import T from "./KvLoanUse.js";
-import k from "./KvBorrowerImage.js";
-import w from "./KvLoanProgressGroup.js";
-import O from "./KvLoanCallouts.js";
-import D from "./KvLendCta.js";
-import F from "./KvLoanBookmark.js";
-import G from "./KvLoanTag.js";
-import b from "./KvMaterialIcon.js";
-import P from "./KvLoadingPlaceholder.js";
-import { KV_LEND_CTA_FRAGMENT as U, KV_LEND_CTA_USER_FRAGMENT as V } from "./KvLendCta2.js";
-import { KV_LOAN_TAG_FRAGMENT as W } from "./KvLoanTag2.js";
-import { KV_LOAN_USE_FRAGMENT as $ } from "./KvLoanUse2.js";
-import { KV_LOAN_BOOKMARK_FRAGMENT as z } from "./KvLoanBookmark2.js";
-const ie = o`
+import { LOAN_CALLOUTS_FRAGMENT as M, LOAN_GEOCODE_FRAGMENT as R, LOAN_PROGRESS_FRAGMENT as B, loanCardComputedProperties as S, loanCardMethods as k, useLocationTruncation as w } from "../utils/loanCard.js";
+import O from "./KvLoanUse.js";
+import D from "./KvBorrowerImage.js";
+import F from "./KvLoanProgressGroup.js";
+import G from "./KvLoanCallouts.js";
+import b from "./KvLendCta.js";
+import P from "./KvLoanBookmark.js";
+import U from "./KvLoanTag.js";
+import V from "./KvMaterialIcon.js";
+import W from "./KvLoadingPlaceholder.js";
+import $ from "./KvTooltip.js";
+import { KV_LEND_CTA_FRAGMENT as z, KV_LEND_CTA_USER_FRAGMENT as I } from "./KvLendCta2.js";
+import { KV_LOAN_TAG_FRAGMENT as q } from "./KvLoanTag2.js";
+import { KV_LOAN_USE_FRAGMENT as x } from "./KvLoanUse2.js";
+import { KV_LOAN_BOOKMARK_FRAGMENT as H } from "./KvLoanBookmark2.js";
+const me = o`
 	fragment KvWideLoanCard on LoanBasic {
 		id
 		image {
@@ -28,32 +29,33 @@ const ie = o`
 		...LoanGeocode
 		...LoanProgress
 	}
-	${U}
-	${W}
-	${$}
-	${E}
+	${z}
+	${q}
+	${x}
 	${M}
+	${R}
 	${B}
-`, ne = o`
+`, ue = o`
 	fragment KvWideLoanCardUser on LoanBasic {
 		id
 		...KvLendCtaUser
 		...KvLoanBookmark
 	}
-	${V}
-	${z}
-`, le = {
+	${I}
+	${H}
+`, fe = {
   name: "KvWideLoanCard",
   components: {
-    KvBorrowerImage: k,
-    KvLoadingPlaceholder: P,
-    KvLoanUse: T,
-    KvLoanProgressGroup: w,
-    KvMaterialIcon: b,
-    KvLendCta: D,
-    KvLoanTag: G,
-    KvLoanCallouts: O,
-    KvLoanBookmark: F
+    KvBorrowerImage: D,
+    KvLoadingPlaceholder: W,
+    KvLoanUse: O,
+    KvLoanProgressGroup: F,
+    KvMaterialIcon: V,
+    KvLendCta: b,
+    KvLoanTag: U,
+    KvLoanCallouts: G,
+    KvLoanBookmark: P,
+    KvTooltip: $
   },
   props: {
     loanId: {
@@ -162,19 +164,22 @@ const ie = o`
       imageHash: u,
       isLoading: f,
       loanAmount: p,
-      loanBorrowerCount: L,
-      loanCallouts: c,
+      loanBorrowerCount: c,
+      loanCallouts: L,
       loanStatus: g,
-      loanUse: _,
-      mdiMapMarker: v,
+      loanUse: v,
+      mdiMapMarker: _,
       readMorePath: A,
       state: y,
       tag: K,
       unreservedAmount: N,
       sharesAvailable: h
-    } = R(e), {
+    } = S(e), {
       clickReadMore: C
-    } = S(e, a);
+    } = k(e, a), {
+      locationRef: T,
+      isLocationTruncated: E
+    } = w();
     return {
       allDataLoaded: t,
       borrowerName: r,
@@ -187,17 +192,19 @@ const ie = o`
       imageHash: u,
       isLoading: f,
       loanAmount: p,
-      loanBorrowerCount: L,
-      loanCallouts: c,
+      loanBorrowerCount: c,
+      loanCallouts: L,
       loanStatus: g,
-      loanUse: _,
-      mdiMapMarker: v,
+      loanUse: v,
+      mdiMapMarker: _,
       readMorePath: A,
       state: y,
       tag: K,
       unreservedAmount: N,
       sharesAvailable: h,
-      clickReadMore: C
+      clickReadMore: C,
+      locationRef: T,
+      isLocationTruncated: E
     };
   },
   computed: {
@@ -222,7 +229,7 @@ const ie = o`
   }
 };
 export {
-  ie as KV_WIDE_LOAN_CARD_FRAGMENT,
-  ne as KV_WIDE_LOAN_CARD_USER_FRAGMENT,
-  le as default
+  me as KV_WIDE_LOAN_CARD_FRAGMENT,
+  ue as KV_WIDE_LOAN_CARD_USER_FRAGMENT,
+  fe as default
 };

package/dist/vue/KvWwwHeaderBasic/KvWwwHeaderBasic.css

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

package/dist/vue/KvWwwHeaderBasic/KvWwwHeaderBasic.js

@@ -1,10 +1,10 @@
-import h from "./KvWwwHeaderBasic2.js";
-import { resolveComponent as l, openBlock as m, createBlock as u, withCtx as r, createElementVNode as s, normalizeStyle as d, createVNode as a, Transition as g, withDirectives as b, vShow as v, normalizeClass as k, resolveDynamicComponent as y, withModifiers as M } from "vue";
+import k from "./KvWwwHeaderBasic2.js";
+import { resolveComponent as a, openBlock as m, createBlock as u, withCtx as r, createElementVNode as s, normalizeStyle as d, createVNode as l, Transition as g, withDirectives as b, vShow as v, normalizeClass as h, resolveDynamicComponent as y, withModifiers as M } from "vue";
 import "./KvWwwHeaderBasic.css";
 import I from "../../_virtual/_plugin-vue_export-helper.js";
 function L(t, o, n, e, C, D) {
-  const w = l("link-bar"), c = l("kv-page-container"), f = l("kv-theme-provider");
-  return m(), u(f, {
+  const w = a("link-bar"), f = a("kv-page-container"), c = a("kv-theme-provider");
+  return m(), u(c, {
     tag: "div",
     class: "tw-bg-primary"
   }, {
@@ -14,11 +14,11 @@ function L(t, o, n, e, C, D) {
         class: "tw-font-medium tw-relative",
         style: d({ minHeight: e.MIN_HEADER_HEIGHT })
       }, [
-        a(c, null, {
+        l(f, null, {
           default: r(() => [
-            a(g, { name: "header-fade" }, {
+            l(g, { name: "header-fade" }, {
               default: r(() => [
-                b(a(w, {
+                b(l(w, {
                   "logged-in": n.loggedIn,
                   "basket-count": n.basketCount,
                   balance: n.balance,
@@ -39,7 +39,8 @@ function L(t, o, n, e, C, D) {
                   "open-menu-item": e.menuComponent,
                   onItemHover: e.onItemHover,
                   onLoadSearchData: o[0] || (o[0] = (i) => t.$emit("load-search-data")),
-                  onSearchSubmit: o[1] || (o[1] = (i) => t.$emit("search-submit", i))
+                  onSearchSubmit: o[1] || (o[1] = (i) => t.$emit("search-submit", i)),
+                  onLoginClick: o[2] || (o[2] = (i) => t.$emit("login-click", i))
                 }, null, 8, ["logged-in", "basket-count", "balance", "user-id", "is-borrower", "is-trustee", "lender-name", "lender-image-url", "is-user-data-loading", "is-basket-data-loading", "show-m-g-upsell-link", "login-url", "my-dashboard-url", "countries-not-lent-to-url", "app-origin", "search-suggestions", "is-mobile", "open-menu-item", "onItemHover"]), [
                   [v, e.linksVisible]
                 ])
@@ -50,22 +51,22 @@ function L(t, o, n, e, C, D) {
           _: 1
         })
       ], 4),
-      a(g, { name: "header-fade" }, {
+      l(g, { name: "header-fade" }, {
         default: r(() => [
           b(s("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: d({ top: e.navHeight }),
-            onTouchstart: o[8] || (o[8] = (...i) => e.handleOverlayClick && e.handleOverlayClick(...i))
+            onTouchstart: o[9] || (o[9] = (...i) => e.handleOverlayClick && e.handleOverlayClick(...i))
           }, [
             s("div", {
               ref: "menuPanelRef",
-              class: k(["tw-bg-primary tw-overflow-y-auto", e.menuPanelClass]),
+              class: h(["tw-bg-primary tw-overflow-y-auto", e.menuPanelClass]),
               style: d({
                 ...e.menuPosition,
                 maxHeight: e.isMobileMenuActive ? "auto" : `calc(100dvh - ${e.navHeight})`
               }),
-              onMouseenter: o[6] || (o[6] = (i) => e.setMenu(e.menuItem, e.menuComponent)),
-              onMouseleave: o[7] || (o[7] = (i) => e.setMenu())
+              onMouseenter: o[7] || (o[7] = (i) => e.setMenu(e.menuItem, e.menuComponent)),
+              onMouseleave: o[8] || (o[8] = (i) => e.setMenu())
             }, [
               (m(), u(y(e.menuComponent), {
                 ref: "menuComponentInstance",
@@ -84,10 +85,10 @@ function L(t, o, n, e, C, D) {
                 "app-origin": e.resolvedAppOrigin,
                 "search-suggestions": e.effectiveSuggestions,
                 onLoadLendMenuData: e.emitLendMenuEvent,
-                onLoadSearchData: o[2] || (o[2] = (i) => t.$emit("load-search-data")),
-                onSearchSubmit: o[3] || (o[3] = (i) => t.$emit("search-submit", i)),
-                onClosingMenu: o[4] || (o[4] = (i) => e.setMenu()),
-                onTouchstart: o[5] || (o[5] = M(() => {
+                onLoadSearchData: o[3] || (o[3] = (i) => t.$emit("load-search-data")),
+                onSearchSubmit: o[4] || (o[4] = (i) => t.$emit("search-submit", i)),
+                onClosingMenu: o[5] || (o[5] = (i) => e.setMenu()),
+                onTouchstart: o[6] || (o[6] = M(() => {
                 }, ["stop"]))
               }, null, 40, ["logged-in", "login-url", "user-id", "is-borrower", "is-trustee", "trustee-id", "most-recent-borrowed-loan-id", "my-dashboard-url", "show-m-g-upsell-link", "is-mobile", "countries-not-lent-to-url", "app-origin", "search-suggestions", "onLoadLendMenuData"]))
             ], 38)
@@ -101,7 +102,7 @@ function L(t, o, n, e, C, D) {
     _: 1
   });
 }
-const B = /* @__PURE__ */ I(h, [["render", L], ["__scopeId", "data-v-0d2a85d2"]]);
+const B = /* @__PURE__ */ I(k, [["render", L], ["__scopeId", "data-v-5fc51700"]]);
 export {
   B as default
 };

package/dist/vue/KvWwwHeaderBasic/KvWwwHeaderBasic2.js

@@ -42,10 +42,10 @@ const S = "4rem", Y = G`
     trusteeId: { type: Number, default: null },
     mostRecentBorrowedLoanId: { type: Number, default: null }
   },
-  emits: ["load-lend-menu-data", "load-search-data", "search-submit"],
+  emits: ["load-lend-menu-data", "load-search-data", "search-submit", "login-click"],
   setup(d, { emit: M }) {
-    const { isMobile: B, checkIsMobile: I } = Q(), {
-      menuOpen: k,
+    const { isMobile: B, checkIsMobile: k } = Q(), {
+      menuOpen: I,
       menuComponent: A,
       menuItem: N,
       menuPosition: v,
@@ -102,7 +102,7 @@ const S = "4rem", Y = G`
       g.value || f();
     }
     return K(() => {
-      !d.appOrigin && typeof window < "u" && (b.value = window.location.origin), I(), O(), r.value && typeof ResizeObserver < "u" && (u = new ResizeObserver(() => {
+      !d.appOrigin && typeof window < "u" && (b.value = window.location.origin), k(), O(), r.value && typeof ResizeObserver < "u" && (u = new ResizeObserver(() => {
         r.value && (y.value = `${r.value.offsetHeight}px`);
       }), u.observe(r.value));
     }), $(() => {
@@ -115,7 +115,7 @@ const S = "4rem", Y = G`
       resolvedAppOrigin: b,
       effectiveSuggestions: U,
       isMobile: B,
-      menuOpen: k,
+      menuOpen: I,
       menuComponent: A,
       menuItem: N,
       menuPosition: v,

package/dist/vue/KvWwwHeaderBasic/LinkBar.css

@@ -1 +1 @@
-.link-bar[data-v-d90acda7]{display:flex;align-items:center;gap:.5rem}.link-bar__logo[data-v-d90acda7]{position:absolute;top:50%;left:50%;--tw-translate-x: -50%;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}@media(min-width:45.875rem){.link-bar[data-v-d90acda7]{display:grid;-moz-column-gap:1rem;column-gap:1rem;grid-template-areas:"logo lend right" "search search search";grid-template-columns:1fr auto auto;grid-template-rows:4rem auto;row-gap:.5rem}.link-bar__logo[data-v-d90acda7]{position:static;--tw-translate-x: 0;--tw-translate-y: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));grid-area:logo;justify-self:start}.link-bar__lend[data-v-d90acda7]{grid-area:lend}.link-bar__search[data-v-d90acda7]{grid-area:search;margin-bottom:.5rem}.link-bar__right[data-v-d90acda7]{grid-area:right}}@media(min-width:64rem){.link-bar[data-v-d90acda7]{-moz-column-gap:1.25rem;column-gap:1.25rem;grid-template-areas:"logo lend search right";grid-template-columns:auto auto 1fr auto;grid-template-rows:4rem}.link-bar__search[data-v-d90acda7]{margin-bottom:0}}.header-link[data-v-d90acda7]{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-d90acda7]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}
+.link-bar[data-v-2fd75227]{display:flex;align-items:center;gap:.5rem}.link-bar__logo[data-v-2fd75227]{position:absolute;top:50%;left:50%;--tw-translate-x: -50%;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}@media(min-width:45.875rem){.link-bar[data-v-2fd75227]{display:grid;-moz-column-gap:1rem;column-gap:1rem;grid-template-areas:"logo lend right" "search search search";grid-template-columns:1fr auto auto;grid-template-rows:4rem auto;row-gap:.5rem}.link-bar__logo[data-v-2fd75227]{position:static;--tw-translate-x: 0;--tw-translate-y: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));grid-area:logo;justify-self:start}.link-bar__lend[data-v-2fd75227]{grid-area:lend}.link-bar__search[data-v-2fd75227]{grid-area:search;margin-bottom:.5rem}.link-bar__right[data-v-2fd75227]{grid-area:right}}@media(min-width:64rem){.link-bar[data-v-2fd75227]{-moz-column-gap:1.25rem;column-gap:1.25rem;grid-template-areas:"logo lend search right";grid-template-columns:auto auto 1fr auto;grid-template-rows:4rem}.link-bar__search[data-v-2fd75227]{margin-bottom:0}}.header-link[data-v-2fd75227]{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-2fd75227]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}

package/dist/vue/KvWwwHeaderBasic/LinkBar.js

@@ -155,7 +155,7 @@ function V(k, n, o, e, j, X) {
     ])
   ], 32);
 }
-const Q = /* @__PURE__ */ O(M, [["render", V], ["__scopeId", "data-v-d90acda7"]]);
+const Q = /* @__PURE__ */ O(M, [["render", V], ["__scopeId", "data-v-2fd75227"]]);
 export {
   Q as default
 };

package/dist/vue/KvWwwHeaderBasic/LinkBar.vue.d.ts

@@ -257,11 +257,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     handleTouchStart: (item: string, menu: unknown, position?: unknown, triggerCenterX?: number | null) => void;
     handleEmptySpaceClick: (event: Event) => void;
     onPrimaryClick: (link: NavLink) => void;
-    onLoginClick: () => void;
+    onLoginClick: (event: MouseEvent) => void;
     onBasketClick: () => void;
     onSupportKivaClick: () => void;
     onLogoClick: () => void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("load-search-data" | "search-submit" | "item-hover")[], "load-search-data" | "search-submit" | "item-hover", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("load-search-data" | "search-submit" | "item-hover" | "login-click")[], "load-search-data" | "search-submit" | "item-hover" | "login-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     loggedIn: {
         type: BooleanConstructor;
         default: boolean;
@@ -338,6 +338,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     "onLoad-search-data"?: (...args: any[]) => any;
     "onSearch-submit"?: (...args: any[]) => any;
     "onItem-hover"?: (...args: any[]) => any;
+    "onLogin-click"?: (...args: any[]) => any;
 }>, {
     lenderName: string;
     lenderImageUrl: string;

package/dist/vue/KvWwwHeaderBasic/LinkBar2.js

@@ -9,7 +9,7 @@ import F from "../KvWwwHeader/KvHeaderLogo.js";
 import G from "../KvWwwHeader/KvHeaderDropdownLink.js";
 import { PRIMARY_LINKS as W } from "../../utils/headerNavLinks.js";
 import X from "./SearchBar.js";
-const v = r(() => import("../KvWwwHeader/LendMenu/KvLendMenu.js")), p = r(() => import("./AboutMenu.js")), Y = r(() => import("./MyKivaMenu.js")), q = r(() => import("./MobileMenu.js")), ie = {
+const v = r(() => import("../KvWwwHeader/LendMenu/KvLendMenu.js")), g = r(() => import("./AboutMenu.js")), Y = r(() => import("./MyKivaMenu.js")), q = r(() => import("./MobileMenu.js")), ie = {
   name: "LinkBar",
   components: {
     KvMaterialIcon: E,
@@ -40,11 +40,11 @@ const v = r(() => import("../KvWwwHeader/LendMenu/KvLendMenu.js")), p = r(() =>
     isMobile: { type: Boolean, default: !1 },
     openMenuItem: { type: [Object, Function], default: null }
   },
-  emits: ["item-hover", "load-search-data", "search-submit"],
+  emits: ["item-hover", "load-search-data", "search-submit", "login-click"],
   setup(t, { emit: l }) {
     const o = P("$kvTrackEvent", () => {
     }), a = d(null), u = d(null);
-    function g() {
+    function p() {
       const e = u.value, n = e == null ? void 0 : e.getBoundingClientRect();
       return n ? t.isMobile ? { right: "0" } : { right: `${window.innerWidth - n.right}px` } : null;
     }
@@ -53,7 +53,7 @@ const v = r(() => import("../KvWwwHeader/LendMenu/KvLendMenu.js")), p = r(() =>
       const e = u.value, n = e == null ? void 0 : e.getBoundingClientRect();
       return n ? n.left + n.width / 2 : null;
     }
-    const h = i(() => W.filter((e) => e.visibility === "visitor" ? !t.loggedIn : e.visibility === "loggedIn" ? t.loggedIn : !0)), k = i(() => t.isMobile ? void 0 : "/lend-by-category"), y = i(() => $(Math.floor(t.balance)).format("$0")), M = i(() => t.openMenuItem === v ? t.openMenuItem : null), B = i(() => t.openMenuItem === p ? t.openMenuItem : null), L = {
+    const k = i(() => W.filter((e) => e.visibility === "visitor" ? !t.loggedIn : e.visibility === "loggedIn" ? t.loggedIn : !0)), h = i(() => t.isMobile ? void 0 : "/lend-by-category"), y = i(() => $(Math.floor(t.balance)).format("$0")), M = i(() => t.openMenuItem === v ? t.openMenuItem : null), B = i(() => t.openMenuItem === g ? t.openMenuItem : null), L = {
       menuButton: { action: "hover-Mobile-menu", label: "Mobile" },
       lendButton: { action: "hover-Lend-menu", label: "Lend" },
       aboutLink: { action: "hover-About-menu", label: "About" },
@@ -84,8 +84,8 @@ const v = r(() => import("../KvWwwHeader/LendMenu/KvLendMenu.js")), p = r(() =>
     function K(e) {
       o(e.track[0], e.track[1]);
     }
-    function U() {
-      o("TopNav", "click-Log-in");
+    function U(e) {
+      o("TopNav", "click-Log-in"), l("login-click", e);
     }
     function A() {
       o("TopNav", "click-Basket");
@@ -101,14 +101,14 @@ const v = r(() => import("../KvWwwHeader/LendMenu/KvLendMenu.js")), p = r(() =>
       mdiChevronDown: x,
       mdiBriefcase: D,
       KvLendMenu: v,
-      AboutMenu: p,
+      AboutMenu: g,
       MyKivaMenu: Y,
       MobileMenu: q,
       avatarMenu: u,
-      getAvatarMenuPosition: g,
+      getAvatarMenuPosition: p,
       getAvatarTriggerCenterX: b,
-      visiblePrimaryLinks: h,
-      lendUrl: k,
+      visiblePrimaryLinks: k,
+      lendUrl: h,
       formattedBalance: y,
       lendOpenItem: M,
       aboutOpenItem: B,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "8.26.0",
+  "version": "8.27.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -113,5 +113,5 @@
   "dependencies": {
     "fuse.js": "^7.1.0"
   },
-  "gitHead": "f3970572fbabe8fae5595bb82808acdd42deea9f"
+  "gitHead": "bb636116de28fdd44916765d3f498617f473ed22"
 }

package/dist/utils/loanCard.d.ts

@@ -1,35 +0,0 @@
-export interface Callout {
-    id: number | null;
-    label: string;
-    type: 'tag' | 'attribute' | 'activity' | 'sector';
-}
-export declare const LOAN_CALLOUTS_FRAGMENT: import('graphql').DocumentNode;
-export declare const LOAN_GEOCODE_FRAGMENT: import('graphql').DocumentNode;
-export declare const LOAN_PROGRESS_FRAGMENT: import('graphql').DocumentNode;
-export declare function loanCardComputedProperties(props: any, hideUnitedStatesText?: boolean): {
-    tag: import('vue').ComputedRef<"router-link" | "a">;
-    readMorePath: import('vue').ComputedRef<any>;
-    isLoading: import('vue').ComputedRef<boolean>;
-    borrowerName: import('vue').ComputedRef<any>;
-    countryName: import('vue').ComputedRef<any>;
-    countryCode: import('vue').ComputedRef<any>;
-    city: import('vue').ComputedRef<any>;
-    state: import('vue').ComputedRef<any>;
-    distributionModel: import('vue').ComputedRef<any>;
-    imageHash: import('vue').ComputedRef<any>;
-    hasProgressData: import('vue').ComputedRef<boolean>;
-    allDataLoaded: import('vue').ComputedRef<boolean>;
-    fundraisingPercent: import('vue').ComputedRef<any>;
-    unreservedAmount: import('vue').ComputedRef<any>;
-    sharesAvailable: import('vue').ComputedRef<boolean>;
-    formattedLocation: import('vue').ComputedRef<any>;
-    loanUse: import('vue').ComputedRef<any>;
-    loanStatus: import('vue').ComputedRef<any>;
-    loanAmount: import('vue').ComputedRef<any>;
-    loanBorrowerCount: import('vue').ComputedRef<any>;
-    mdiMapMarker: string;
-    loanCallouts: import('vue').ComputedRef<Callout[]>;
-};
-export declare function loanCardMethods(props: any, emit: any): {
-    clickReadMore: (target: string, event: Event) => void;
-};