@kiva/kv-components 6.53.0 → 6.54.0

package/dist/index.js

@@ -5,18 +5,18 @@ import { default as d } from "./vue/KvButton.js";
 import { default as p } from "./vue/KvCardFrame.js";
 import { default as x } from "./vue/KvCarousel.js";
 import { default as n } from "./vue/KvCartModal.js";
-import { default as A } from "./vue/KvCartPill.js";
+import { default as i } from "./vue/KvCartPill.js";
 import { default as C } from "./vue/KvCheckbox.js";
 import { default as L } from "./vue/KvCheckoutReceipt.js";
 import { default as T } from "./vue/KvChip.js";
 import { KV_CLASSIC_LOAN_CARD_FRAGMENT as E, KV_CLASSIC_LOAN_CARD_USER_FRAGMET as R, default as M } from "./vue/KvClassicLoanCard.js";
-import { default as S } from "./vue/KvCommentsAdd.js";
-import { default as P } from "./vue/KvCommentsContainer.js";
+import { default as I } from "./vue/KvCommentsAdd.js";
+import { default as g } from "./vue/KvCommentsContainer.js";
 import { default as G } from "./vue/KvCommentsHeartButton.js";
 import { default as F } from "./vue/KvCommentsList.js";
 import { default as D } from "./vue/KvCommentsListItem.js";
 import { default as B } from "./vue/KvCommentsReplyButton.js";
-import { default as b } from "./vue/KvContentfulImg.js";
+import { default as U } from "./vue/KvContentfulImg.js";
 import { default as w } from "./vue/KvCountdownTimer.js";
 import { default as H } from "./vue/KvDatePicker.js";
 import { default as z } from "./vue/KvExpandable.js";
@@ -29,17 +29,17 @@ import { default as ae } from "./vue/KvInlineActivityCard.js";
 import { default as le } from "./vue/KvInlineActivityFeed.js";
 import { KV_INTRODUCTION_LOAN_CARD_FRAGMENT as de, KV_INTRODUCTION_LOAN_CARD_USER_FRAGMENT as me, default as pe } from "./vue/KvIntroductionLoanCard.js";
 import { default as xe } from "./vue/KvLendAmountButton.js";
-import { KV_LEND_CTA_FRAGMENT as ne, KV_LEND_CTA_USER_FRAGMENT as ve, default as Ae } from "./vue/KvLendCta.js";
+import { KV_LEND_CTA_FRAGMENT as ne, KV_LEND_CTA_USER_FRAGMENT as ve, default as ie } from "./vue/KvLendCta.js";
 import { default as Ce } from "./vue/KvLightbox.js";
 import { default as Le } from "./vue/KvLineGraph.js";
 import { KV_LOAN_ACTIVITIES_FRAGMENT as Te, default as ce } from "./vue/KvLoanActivities.js";
 import { KV_LOAN_BOOKMARK_FRAGMENT as Re, default as Me } from "./vue/KvLoanBookmark.js";
-import { default as Se } from "./vue/KvLoanCallouts.js";
-import { default as Pe } from "./vue/KvLoanProgressGroup.js";
+import { default as Ie } from "./vue/KvLoanCallouts.js";
+import { default as ge } from "./vue/KvLoanProgressGroup.js";
 import { KV_LOAN_TAG_FRAGMENT as Ge, default as he } from "./vue/KvLoanTag.js";
 import { default as Ve } from "./vue/KvLoanTeamPick.js";
 import { KV_LOAN_USE_FRAGMENT as ke, default as Be } from "./vue/KvLoanUse.js";
-import { default as be } from "./vue/KvLoadingPlaceholder.js";
+import { default as Ue } from "./vue/KvLoadingPlaceholder.js";
 import { default as we } from "./vue/KvLoadingSpinner.js";
 import { default as He } from "./vue/KvMap.js";
 import { default as ze } from "./vue/KvMaterialIcon.js";
@@ -54,19 +54,19 @@ import { default as mo } from "./vue/KvRadio.js";
 import { default as uo } from "./vue/KvSelect.js";
 import { default as Ko } from "./vue/KvSideSheet.js";
 import { default as vo } from "./vue/KvSwitch.js";
-import { default as io } from "./vue/KvTab.js";
+import { default as Ao } from "./vue/KvTab.js";
 import { default as _o } from "./vue/KvTabPanel.js";
 import { default as No } from "./vue/KvTabs.js";
 import { default as co } from "./vue/KvTextInput.js";
 import { default as Ro } from "./vue/KvTextLink.js";
 import { default as Oo } from "./vue/KvThemeProvider.js";
-import { default as Io } from "./vue/KvToast.js";
-import { default as go } from "./vue/KvTooltip.js";
+import { default as So } from "./vue/KvToast.js";
+import { default as Po } from "./vue/KvTooltip.js";
 import { default as ho } from "./vue/KvTreeMapChart.js";
 import { default as Vo } from "./vue/KvUserAvatar.js";
 import { default as ko } from "./vue/KvUtilityMenu.js";
 import { default as yo } from "./vue/KvVerticalCarousel.js";
-import { default as Uo } from "./vue/KvVotingCard.js";
+import { default as bo } from "./vue/KvVotingCard.js";
 import { default as Wo } from "./vue/KvVotingCardV2.js";
 import { KV_WIDE_LOAN_CARD_FRAGMENT as jo, KV_WIDE_LOAN_CARD_USER_FRAGMENT as zo, default as Qo } from "./vue/KvWideLoanCard.js";
 import { default as Jo } from "./vue/KvAtbModal.js";
@@ -76,22 +76,22 @@ import { default as ot, Mash as tt } from "./utils/Alea.js";
 import { useAttrs as at } from "./utils/attrs.js";
 import { carouselUtil as lt } from "./utils/carousels.js";
 import { collapse as dt, expand as mt } from "./utils/expander.js";
-import { isLegacyPlaceholderAvatar as ut, randomizedUserAvatarClass as xt } from "./utils/imageUtils.js";
-import { LOAN_CALLOUTS_FRAGMENT as nt, LOAN_GEOCODE_FRAGMENT as vt, LOAN_PROGRESS_FRAGMENT as At, loanCardComputedProperties as it, loanCardMethods as Ct } from "./utils/loanCard.js";
-import { BALANCE_CAMPAIGN as Lt, BASE_CAMPAIGN as Nt, ERL_COOKIE_NAME as Tt, NO_BALANCE_CAMPAIGN as ct, TOP_UP_CAMPAIGN as Et, getDropdownPriceArray as Rt, getLendCtaSelectedOption as Mt, isBetween25And50 as Ot, isLessThan25 as St } from "./utils/loanUtils.js";
-import { animationCoordinator as Pt, generateMapMarkers as gt, getCoordinatesBetween as Gt, getCountryColor as ht, getLoansIntervals as Ft } from "./utils/mapUtils.js";
-import { lockPrintSingleEl as Dt, unlockPrintSingleEl as kt } from "./utils/printing.js";
-import { lockScroll as yt, lockScrollSmallOnly as bt, unlockScroll as Ut, unlockScrollSmallOnly as wt } from "./utils/scrollLock.js";
-import { buildTailwindClassName as Ht, headerNumberCase as jt, kebabCase as zt, removeObjectProperty as Qt } from "./utils/themeUtils.js";
-import { throttle as Jt } from "./utils/throttle.js";
-import { isTargetElement as Yt, offBodyTouchstart as Zt, onBodyTouchstart as $t } from "./utils/touchEvents.js";
-import { getTreemap as or } from "./utils/treemap.js";
-import { KvBlueskyIcon as rr } from "./assets/icons/bluesky.js";
+import { getKivaImageUrl as ut, isLegacyPlaceholderAvatar as xt, randomizedUserAvatarClass as Kt } from "./utils/imageUtils.js";
+import { LOAN_CALLOUTS_FRAGMENT as vt, LOAN_GEOCODE_FRAGMENT as it, LOAN_PROGRESS_FRAGMENT as At, loanCardComputedProperties as Ct, loanCardMethods as _t } from "./utils/loanCard.js";
+import { BALANCE_CAMPAIGN as Nt, BASE_CAMPAIGN as Tt, ERL_COOKIE_NAME as ct, NO_BALANCE_CAMPAIGN as Et, TOP_UP_CAMPAIGN as Rt, getDropdownPriceArray as Mt, getLendCtaSelectedOption as Ot, isBetween25And50 as It, isLessThan25 as St } from "./utils/loanUtils.js";
+import { animationCoordinator as Pt, generateMapMarkers as Gt, getCoordinatesBetween as ht, getCountryColor as Ft, getLoansIntervals as Vt } from "./utils/mapUtils.js";
+import { lockPrintSingleEl as kt, unlockPrintSingleEl as Bt } from "./utils/printing.js";
+import { lockScroll as Ut, lockScrollSmallOnly as bt, unlockScroll as wt, unlockScrollSmallOnly as Wt } from "./utils/scrollLock.js";
+import { buildTailwindClassName as jt, headerNumberCase as zt, kebabCase as Qt, removeObjectProperty as qt } from "./utils/themeUtils.js";
+import { throttle as Xt } from "./utils/throttle.js";
+import { isTargetElement as Zt, offBodyTouchstart as $t, onBodyTouchstart as er } from "./utils/touchEvents.js";
+import { getTreemap as tr } from "./utils/treemap.js";
+import { KvBlueskyIcon as ar } from "./assets/icons/bluesky.js";
 export {
   ot as Alea,
-  Lt as BALANCE_CAMPAIGN,
-  Nt as BASE_CAMPAIGN,
-  Tt as ERL_COOKIE_NAME,
+  Nt as BALANCE_CAMPAIGN,
+  Tt as BASE_CAMPAIGN,
+  ct as ERL_COOKIE_NAME,
   E as KV_CLASSIC_LOAN_CARD_FRAGMENT,
   R as KV_CLASSIC_LOAN_CARD_USER_FRAGMET,
   de as KV_INTRODUCTION_LOAN_CARD_FRAGMENT,
@@ -107,24 +107,24 @@ export {
   t as KvAccordionItem,
   a as KvActivityRow,
   Jo as KvAtbModal,
-  rr as KvBlueskyIcon,
+  ar as KvBlueskyIcon,
   l as KvBorrowerImage,
   d as KvButton,
   p as KvCardFrame,
   x as KvCarousel,
   n as KvCartModal,
-  A as KvCartPill,
+  i as KvCartPill,
   C as KvCheckbox,
   L as KvCheckoutReceipt,
   T as KvChip,
   M as KvClassicLoanCard,
-  S as KvCommentsAdd,
-  P as KvCommentsContainer,
+  I as KvCommentsAdd,
+  g as KvCommentsContainer,
   G as KvCommentsHeartButton,
   F as KvCommentsList,
   D as KvCommentsListItem,
   B as KvCommentsReplyButton,
-  b as KvContentfulImg,
+  U as KvContentfulImg,
   w as KvCountdownTimer,
   H as KvDatePicker,
   z as KvExpandable,
@@ -137,15 +137,15 @@ export {
   le as KvInlineActivityFeed,
   pe as KvIntroductionLoanCard,
   xe as KvLendAmountButton,
-  Ae as KvLendCta,
+  ie as KvLendCta,
   Ce as KvLightbox,
   Le as KvLineGraph,
-  be as KvLoadingPlaceholder,
+  Ue as KvLoadingPlaceholder,
   we as KvLoadingSpinner,
   ce as KvLoanActivities,
   Me as KvLoanBookmark,
-  Se as KvLoanCallouts,
-  Pe as KvLoanProgressGroup,
+  Ie as KvLoanCallouts,
+  ge as KvLoanProgressGroup,
   he as KvLoanTag,
   Ve as KvLoanTeamPick,
   Be as KvLoanUse,
@@ -163,58 +163,59 @@ export {
   uo as KvSelect,
   Ko as KvSideSheet,
   vo as KvSwitch,
-  io as KvTab,
+  Ao as KvTab,
   _o as KvTabPanel,
   No as KvTabs,
   co as KvTextInput,
   Ro as KvTextLink,
   Oo as KvThemeProvider,
-  Io as KvToast,
-  go as KvTooltip,
+  So as KvToast,
+  Po as KvTooltip,
   ho as KvTreeMapChart,
   Vo as KvUserAvatar,
   ko as KvUtilityMenu,
   yo as KvVerticalCarousel,
-  Uo as KvVotingCard,
+  bo as KvVotingCard,
   Wo as KvVotingCardV2,
   Qo as KvWideLoanCard,
   $o as KvWwwHeader,
-  nt as LOAN_CALLOUTS_FRAGMENT,
-  vt as LOAN_GEOCODE_FRAGMENT,
+  vt as LOAN_CALLOUTS_FRAGMENT,
+  it as LOAN_GEOCODE_FRAGMENT,
   At as LOAN_PROGRESS_FRAGMENT,
   tt as Mash,
-  ct as NO_BALANCE_CAMPAIGN,
-  Et as TOP_UP_CAMPAIGN,
+  Et as NO_BALANCE_CAMPAIGN,
+  Rt as TOP_UP_CAMPAIGN,
   Pt as animationCoordinator,
-  Ht as buildTailwindClassName,
+  jt as buildTailwindClassName,
   lt as carouselUtil,
   dt as collapse,
   mt as expand,
-  gt as generateMapMarkers,
-  Gt as getCoordinatesBetween,
-  ht as getCountryColor,
-  Rt as getDropdownPriceArray,
-  Mt as getLendCtaSelectedOption,
-  Ft as getLoansIntervals,
-  or as getTreemap,
-  jt as headerNumberCase,
-  Ot as isBetween25And50,
-  ut as isLegacyPlaceholderAvatar,
+  Gt as generateMapMarkers,
+  ht as getCoordinatesBetween,
+  Ft as getCountryColor,
+  Mt as getDropdownPriceArray,
+  ut as getKivaImageUrl,
+  Ot as getLendCtaSelectedOption,
+  Vt as getLoansIntervals,
+  tr as getTreemap,
+  zt as headerNumberCase,
+  It as isBetween25And50,
+  xt as isLegacyPlaceholderAvatar,
   St as isLessThan25,
-  Yt as isTargetElement,
-  zt as kebabCase,
-  it as loanCardComputedProperties,
-  Ct as loanCardMethods,
-  Dt as lockPrintSingleEl,
-  yt as lockScroll,
+  Zt as isTargetElement,
+  Qt as kebabCase,
+  Ct as loanCardComputedProperties,
+  _t as loanCardMethods,
+  kt as lockPrintSingleEl,
+  Ut as lockScroll,
   bt as lockScrollSmallOnly,
-  Zt as offBodyTouchstart,
-  $t as onBodyTouchstart,
-  xt as randomizedUserAvatarClass,
-  Qt as removeObjectProperty,
-  Jt as throttle,
-  kt as unlockPrintSingleEl,
-  Ut as unlockScroll,
-  wt as unlockScrollSmallOnly,
+  $t as offBodyTouchstart,
+  er as onBodyTouchstart,
+  Kt as randomizedUserAvatarClass,
+  qt as removeObjectProperty,
+  Xt as throttle,
+  Bt as unlockPrintSingleEl,
+  wt as unlockScroll,
+  Wt as unlockScrollSmallOnly,
   at as useAttrs
 };

package/dist/utils/imageUtils.js

@@ -1,12 +1,12 @@
-import a from "./Alea.js";
-function c(o) {
+import s from "./Alea.js";
+function w(o) {
   if (!o)
     return !1;
   let t = o.toString();
   return t.includes(".") && ([t] = t.split(".")), ["726677", "315726", "4d844ac2c0b77a8a522741b908ea5c32"].includes(t);
 }
-function l(o = "") {
-  const t = new a(o), e = [
+function $(o = "") {
+  const t = new s(o), e = [
     { color: "tw-text-action", bg: "tw-bg-brand-100" },
     { color: "tw-text-black", bg: "tw-bg-brand-100" },
     { color: "tw-text-white", bg: "tw-bg-action" },
@@ -17,7 +17,24 @@ function l(o = "") {
   ], r = e[Math.floor(t() * e.length)];
   return `${r.color} ${r.bg}`;
 }
+function d({
+  base: o = "/img/",
+  width: t,
+  height: e,
+  square: r,
+  faceZoom: l,
+  hash: n,
+  format: b = "jpg"
+}) {
+  if (!n || !t && !e && !r && !l)
+    return "";
+  let c = "", a = "";
+  t && e && t === e ? r = t : (c = t ? `w${Math.ceil(t)}` : "", a = e ? `h${Math.ceil(e)}` : "");
+  const i = r ? `s${Math.ceil(r)}` : "", g = l && (t || e || r) ? `fz${Math.ceil(l)}` : "";
+  return `${o}${c}${a}${i}${g}/${n}.${b}`;
+}
 export {
-  c as isLegacyPlaceholderAvatar,
-  l as randomizedUserAvatarClass
+  d as getKivaImageUrl,
+  w as isLegacyPlaceholderAvatar,
+  $ as randomizedUserAvatarClass
 };

package/dist/vue/KvBorrowerImage.js

@@ -1,6 +1,7 @@
-import { openBlock as c, createElementBlock as h, normalizeStyle as m, createElementVNode as f, createCommentVNode as d } from "vue";
-import p from "../_virtual/_plugin-vue_export-helper.js";
-const $ = {
+import { getKivaImageUrl as n } from "../utils/imageUtils.js";
+import { openBlock as h, createElementBlock as l, normalizeStyle as o, createElementVNode as c, createCommentVNode as u } from "vue";
+import m from "../_virtual/_plugin-vue_export-helper.js";
+const g = {
   name: "KvBorrowerImage",
   props: {
     /**
@@ -72,39 +73,23 @@ const $ = {
     // Get the 'srcset' string for the source element
     srcset() {
       return this.hash ? this.images.map(({ width: t, faceZoom: e }) => {
-        const r = t * this.aspectRatio, s = {
+        const r = t * this.aspectRatio, a = {
           width: t,
           height: r,
           faceZoom: e
-        }, a = {
+        }, i = {
           width: t * 2,
           height: r * 2,
           faceZoom: e
         };
-        return `${this.getSrcsetDef(s)}, ${this.getSrcsetDef(a)}`;
+        return `${this.getSrcsetDef(a)}, ${this.getSrcsetDef(i)}`;
       }).join(", ") : "";
     }
   },
   methods: {
-    getKivaImageUrl({
-      base: t = "/",
-      width: e,
-      height: r,
-      square: s,
-      faceZoom: a,
-      hash: i,
-      format: u = "jpg"
-    } = {}) {
-      if (!i || !e && !r && !s && !a)
-        return "";
-      let l = "", n = "";
-      e === r ? s = e : (l = e ? `w${Math.ceil(e)}` : "", n = r ? `h${Math.ceil(r)}` : "");
-      const o = s ? `s${Math.ceil(s)}` : "", g = a ? `fz${Math.ceil(a)}` : "";
-      return `${t}${l}${n}${o}${g}/${i}.${u}`;
-    },
     // Get the url for the loan image sized width by height
     getImgUrl(t) {
-      return this.getKivaImageUrl({
+      return n({
         ...t,
         base: this.photoPath,
         hash: this.hash
@@ -115,26 +100,26 @@ const $ = {
       return `${this.getImgUrl(t)} ${t.width}w`;
     }
   }
-}, w = ["srcset", "sizes"], _ = ["src", "alt"];
-function y(t, e, r, s, a, i) {
-  return c(), h("picture", {
+}, d = ["srcset", "sizes"], f = ["src", "alt"];
+function p(t, e, r, a, i, s) {
+  return h(), l("picture", {
     class: "tw-inline-block tw-relative tw-overflow-hidden tw-w-full tw-bg-black",
-    style: m(`padding-bottom: ${r.aspectRatio * 100}%;`)
+    style: o(`padding-bottom: ${r.aspectRatio * 100}%;`)
   }, [
-    f("source", {
-      srcset: i.srcset,
-      sizes: i.sizes
-    }, null, 8, w),
-    r.hash ? (c(), h("img", {
+    c("source", {
+      srcset: s.srcset,
+      sizes: s.sizes
+    }, null, 8, d),
+    r.hash ? (h(), l("img", {
       key: 0,
       class: "tw-absolute tw-w-full tw-h-full tw-object-contain",
-      src: i.defaultUrl,
+      src: s.defaultUrl,
       alt: r.alt,
       loading: "lazy"
-    }, null, 8, _)) : d("", !0)
+    }, null, 8, f)) : u("", !0)
   ], 4);
 }
-const z = /* @__PURE__ */ p($, [["render", y]]);
+const b = /* @__PURE__ */ m(g, [["render", p]]);
 export {
-  z as default
+  b as default
 };

package/dist/vue/KvWwwHeader/KvHeaderLinkBar.css

@@ -1 +1 @@
-.header-link[data-v-6728d6d1]{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-6728d6d1]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}
+.header-link[data-v-69cf3729]{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-69cf3729]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}

package/dist/vue/KvWwwHeader/KvHeaderLinkBar.js

@@ -1,17 +1,18 @@
-import { defineAsyncComponent as k, ref as r, computed as j, onMounted as q, onUnmounted as G, resolveComponent as h, resolveDirective as J, openBlock as i, createElementBlock as m, withDirectives as s, normalizeClass as p, createVNode as D, createBlock as w, withCtx as L, createTextVNode as M, createElementVNode as C, createCommentVNode as y, vShow as Q, toDisplayString as X, Fragment as Y } from "vue";
-import { mdiAccountCircle as Z, mdiChevronDown as $, mdiMagnify as ee, mdiMenu as ne } from "@mdi/js";
-import te from "numeral";
-import oe from "../KvMaterialIcon.js";
-import le from "../KvIconBag.js";
+import { defineAsyncComponent as k, ref as a, computed as D, onMounted as G, onUnmounted as J, resolveComponent as h, resolveDirective as Q, openBlock as r, createElementBlock as s, withDirectives as v, normalizeClass as p, createVNode as C, createBlock as w, withCtx as L, createTextVNode as M, createElementVNode as E, createCommentVNode as y, vShow as X, toDisplayString as Y, Fragment as Z } from "vue";
+import { mdiAccountCircle as $, mdiChevronDown as ee, mdiMagnify as ne, mdiMenu as te } from "@mdi/js";
+import oe from "numeral";
+import le from "../KvMaterialIcon.js";
+import ae from "../KvIconBag.js";
 import re from "./KvHeaderDropdownLink.js";
 import ie from "../KvUserAvatar.js";
-import { throttle as ae } from "../../utils/throttle.js";
+import { throttle as ue } from "../../utils/throttle.js";
+import { isLegacyPlaceholderAvatar as de } from "../../utils/imageUtils.js";
 import "./KvHeaderLinkBar.css";
-import ue from "../../_virtual/_plugin-vue_export-helper.js";
-const de = k(() => import("./KvHeaderMobileMenu.js")), E = k(() => import("./KvHeaderMyKivaMenu.js")), me = k(() => import("./LendMenu/KvLendMenu.js")), se = k(() => import("./KvHeaderTakeActionMenu.js")), ve = k(() => import("./KvHeaderAboutMenu.js")), S = 146, A = "avatar-menu", B = "menuButton", V = { top: "-3.75rem", width: "100%" }, ce = {
+import me from "../../_virtual/_plugin-vue_export-helper.js";
+const se = k(() => import("./KvHeaderMobileMenu.js")), S = k(() => import("./KvHeaderMyKivaMenu.js")), ve = k(() => import("./LendMenu/KvLendMenu.js")), ce = k(() => import("./KvHeaderTakeActionMenu.js")), fe = k(() => import("./KvHeaderAboutMenu.js")), P = 146, A = "avatar-menu", B = "menuButton", V = { top: "-3.75rem", width: "100%" }, we = {
   components: {
-    KvMaterialIcon: oe,
-    KvIconBag: le,
+    KvMaterialIcon: le,
+    KvIconBag: ae,
     KvHeaderDropdownLink: re,
     KvUserAvatar: ie
   },
@@ -56,205 +57,210 @@ const de = k(() => import("./KvHeaderMobileMenu.js")), E = k(() => import("./KvH
   emits: [
     "item-hover"
   ],
-  setup(v, { emit: e }) {
-    const t = r(null), n = r(null), K = r(null), O = r(null), g = r(null), f = r(null), I = r(null), T = r(null), a = r(null), o = r(null), H = r(!1), b = r(), u = (l, d, c = null) => {
-      e("item-hover", l, d, c);
-    }, P = (l, d, c = null) => {
-      navigator.maxTouchPoints || (o.value = l, u(
+  setup(u, { emit: n }) {
+    const t = a(null), e = a(null), K = a(null), O = a(null), g = a(null), f = a(null), I = a(null), T = a(null), i = a(null), o = a(null), H = a(!1), b = a(), d = (l, m, c = null) => {
+      n("item-hover", l, m, c);
+    }, R = (l, m, c = null) => {
+      navigator.maxTouchPoints || (o.value = l, d(
         l,
-        d,
-        l === B && v.isMobile ? V : c
+        m,
+        l === B && u.isMobile ? V : c
       ));
-    }, R = (l) => {
-      !H.value && o.value === l && (o.value = null, u());
+    }, F = (l) => {
+      !H.value && o.value === l && (o.value = null, d());
     }, z = () => {
       var N, _;
       const l = (_ = (N = t.value) == null ? void 0 : N.userAvatar) == null ? void 0 : _.getBoundingClientRect();
       if (!l) return null;
-      const c = l.left + l.width / 2 - S / 2;
+      const c = l.left + l.width / 2 - P / 2;
       return {
-        ...c + S > window.innerWidth ? { right: 0 } : { left: v.isMobile ? 0 : `${c}px` },
+        ...c + P > window.innerWidth ? { right: 0 } : { left: u.isMobile ? 0 : `${c}px` },
         marginTop: "-2px",
         // Avoid closing avatar menu on header edge
-        borderRadius: v.isMobile ? "auto" : "0px 0px 8px 8px"
+        borderRadius: u.isMobile ? "auto" : "0px 0px 8px 8px"
       };
     }, x = () => {
-      o.value = A, u(t.value, E, z());
-    }, W = (l, d) => {
-      b.value = null, H.value = !0, b.value && clearTimeout(b.value), o.value === B && (o.value = null), !o.value || o.value !== l ? (o.value = l, l === A ? x() : l === B && v.isMobile ? u(l, d, V) : u(l, d)) : (o.value = null, u()), b.value = setTimeout(() => {
+      o.value = A, d(t.value, S, z());
+    }, W = (l, m) => {
+      b.value = null, H.value = !0, b.value && clearTimeout(b.value), o.value === B && (o.value = null), !o.value || o.value !== l ? (o.value = l, l === A ? x() : l === B && u.isMobile ? d(l, m, V) : d(l, m)) : (o.value = null, d()), b.value = setTimeout(() => {
         H.value = !1;
       }, 500);
-    }, U = ae(() => {
+    }, U = ue(() => {
       o.value === A && x();
-    }, 100), F = j(() => v.isMobile ? void 0 : "/lend-by-category");
-    return q(() => {
+    }, 100), j = D(() => u.isMobile ? void 0 : "/lend-by-category"), q = D(() => {
+      var l;
+      return ((l = u.lenderImageUrl) == null ? void 0 : l.split("/").pop()) ?? "";
+    });
+    return G(() => {
       import("./KvHeaderMobileMenu.js"), import("./KvHeaderMyKivaMenu.js"), import("./LendMenu/KvLendMenu.js"), import("./KvHeaderTakeActionMenu.js"), import("./KvHeaderAboutMenu.js"), window.addEventListener("resize", U);
-    }), G(() => {
+    }), J(() => {
       window.removeEventListener("resize", U);
     }), {
       AVATAR_MENU_ID: A,
       openMenuId: o,
-      numeral: te,
-      mdiAccountCircle: Z,
-      mdiChevronDown: $,
-      mdiMagnify: ee,
-      mdiMenu: ne,
-      onHover: u,
+      numeral: oe,
+      mdiAccountCircle: $,
+      mdiChevronDown: ee,
+      mdiMagnify: ne,
+      mdiMenu: te,
+      onHover: d,
       avatar: t,
-      lendButton: n,
+      lendButton: e,
       aboutUsLink: K,
       partnerWithUsLink: O,
       borrowLink: g,
       supportKivaLink: f,
       basketLink: I,
       signInLink: T,
-      menuButton: a,
-      lendUrl: F,
-      handleOnHover: P,
+      menuButton: i,
+      lendUrl: j,
+      avatarFilename: q,
+      handleOnHover: R,
       handleTouchStart: W,
-      handleMouseOut: R,
+      handleMouseOut: F,
       handleAvatarMenuPosition: x,
-      KvHeaderMobileMenu: de,
-      KvHeaderMyKivaMenu: E,
-      KvLendMenu: me,
-      KvHeaderTakeActionMenu: se,
-      KvHeaderAboutMenu: ve
+      KvHeaderMobileMenu: se,
+      KvHeaderMyKivaMenu: S,
+      KvLendMenu: ve,
+      KvHeaderTakeActionMenu: ce,
+      KvHeaderAboutMenu: fe,
+      isLegacyPlaceholderAvatar: de
     };
   }
-}, fe = { class: "tw-h-full tw-flex tw-items-center tw-gap-0.5 md:tw-gap-1.5 lg:tw-gap-2.5" }, we = ["href"], Me = {
+}, Me = { class: "tw-h-full tw-flex tw-items-center tw-gap-0.5 md:tw-gap-1.5 lg:tw-gap-2.5" }, ke = ["href"], ge = {
   key: 0,
   class: "tw-bg-eco-green-1 tw-py-0.5 tw-px-1 tw-text-eco-green-4"
-}, ke = ["href"];
-function ge(v, e, t, n, K, O) {
-  const g = h("kv-material-icon"), f = h("KvHeaderDropdownLink"), I = h("kv-icon-bag"), T = h("KvUserAvatar"), a = J("kv-track-event");
-  return i(), m("div", fe, [
-    s((i(), m("button", {
+}, be = ["href"];
+function he(u, n, t, e, K, O) {
+  const g = h("kv-material-icon"), f = h("KvHeaderDropdownLink"), I = h("kv-icon-bag"), T = h("KvUserAvatar"), i = Q("kv-track-event");
+  return r(), s("div", Me, [
+    v((r(), s("button", {
       ref: "menuButton",
       class: p(["header-link tw-inline-flex md:tw-hidden", {
-        "tw-text-tertiary": t.openMenuItem && t.openMenuItem !== n.KvHeaderMobileMenu
+        "tw-text-tertiary": t.openMenuItem && t.openMenuItem !== e.KvHeaderMobileMenu
       }]),
-      onMouseover: e[0] || (e[0] = (o) => n.handleOnHover("menuButton", n.KvHeaderMobileMenu)),
-      onMouseout: e[1] || (e[1] = (o) => n.handleMouseOut("menuButton")),
-      onTouchstart: e[2] || (e[2] = (o) => n.handleTouchStart("menuButton", n.KvHeaderMobileMenu))
+      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] = (o) => e.handleTouchStart("menuButton", e.KvHeaderMobileMenu))
     }, [
-      D(g, { icon: n.mdiMenu }, null, 8, ["icon"])
+      C(g, { icon: e.mdiMenu }, null, 8, ["icon"])
     ], 34)), [
-      [a, t.openMenuItem === n.KvHeaderMobileMenu ? ["TopNav", "click-Hamburger-menu"] : null]
+      [i, t.openMenuItem === e.KvHeaderMobileMenu ? ["TopNav", "click-Hamburger-menu"] : null]
     ]),
-    s((i(), w(f, {
+    v((r(), w(f, {
       class: "tw-py-1",
       "ref-name": "lendButton",
-      href: n.lendUrl,
-      "menu-component": n.KvLendMenu,
+      href: e.lendUrl,
+      "menu-component": e.KvLendMenu,
       "open-menu-item": t.openMenuItem,
-      "dropdown-icon": n.mdiChevronDown,
+      "dropdown-icon": e.mdiChevronDown,
       "base-class": "tw-inline-flex md:tw-border md:tw-rounded-md tw-px-1.5 tw-py-1",
-      onOnHover: n.handleOnHover,
-      onMouseout: e[3] || (e[3] = (o) => n.handleMouseOut("lendButton")),
-      onTouchstart: e[4] || (e[4] = (o) => n.handleTouchStart("lendButton", n.KvLendMenu))
+      onOnHover: e.handleOnHover,
+      onMouseout: n[3] || (n[3] = (o) => e.handleMouseOut("lendButton")),
+      onTouchstart: n[4] || (n[4] = (o) => e.handleTouchStart("lendButton", e.KvLendMenu))
     }, {
-      default: L(() => e[10] || (e[10] = [
+      default: L(() => n[10] || (n[10] = [
         M(" Lend ")
       ])),
       _: 1
     }, 8, ["href", "menu-component", "open-menu-item", "dropdown-icon", "onOnHover"])), [
-      [a, ["TopNav", "click-Lend"]]
+      [i, ["TopNav", "click-Lend"]]
     ]),
-    s((i(), w(f, {
+    v((r(), w(f, {
       "ref-name": "takeActionButton",
       "base-class": "tw-hidden md:tw-inline-flex tw-py-1",
-      "menu-component": n.KvHeaderTakeActionMenu,
+      "menu-component": e.KvHeaderTakeActionMenu,
       "open-menu-item": t.openMenuItem,
-      "dropdown-icon": n.mdiChevronDown,
+      "dropdown-icon": e.mdiChevronDown,
       "send-link-position": "",
-      onOnHover: n.handleOnHover,
-      onMouseout: e[5] || (e[5] = (o) => n.handleMouseOut("takeActionButton"))
+      onOnHover: e.handleOnHover,
+      onMouseout: n[5] || (n[5] = (o) => e.handleMouseOut("takeActionButton"))
     }, {
-      default: L(() => e[11] || (e[11] = [
+      default: L(() => n[11] || (n[11] = [
         M(" Take action ")
       ])),
       _: 1
     }, 8, ["menu-component", "open-menu-item", "dropdown-icon", "onOnHover"])), [
-      [a, ["TopNav", "click-TakeAction"]]
+      [i, ["TopNav", "click-TakeAction"]]
     ]),
-    s((i(), w(f, {
+    v((r(), w(f, {
       "ref-name": "aboutUsLink",
       "data-testid": "header-about",
       "base-class": "tw-hidden md:tw-inline-flex tw-py-1",
-      "menu-component": n.KvHeaderAboutMenu,
+      "menu-component": e.KvHeaderAboutMenu,
       "open-menu-item": t.openMenuItem,
-      "dropdown-icon": n.mdiChevronDown,
+      "dropdown-icon": e.mdiChevronDown,
       "send-link-position": "",
-      onOnHover: n.handleOnHover,
-      onMouseout: e[6] || (e[6] = (o) => n.handleMouseOut("aboutUsLink"))
+      onOnHover: e.handleOnHover,
+      onMouseout: n[6] || (n[6] = (o) => e.handleMouseOut("aboutUsLink"))
     }, {
-      default: L(() => e[12] || (e[12] = [
+      default: L(() => n[12] || (n[12] = [
         M(" About ")
       ])),
       _: 1
     }, 8, ["menu-component", "open-menu-item", "dropdown-icon", "onOnHover"])), [
-      [a, ["TopNav", "click-About"]]
+      [i, ["TopNav", "click-About"]]
     ]),
-    e[15] || (e[15] = C("div", { class: "tw-flex-1 tw-h-full" }, null, -1)),
-    t.loggedIn ? s((i(), m("a", {
+    n[15] || (n[15] = E("div", { class: "tw-flex-1 tw-h-full" }, null, -1)),
+    t.loggedIn ? v((r(), s("a", {
       key: 0,
       ref: "dashboardLink",
       href: t.myDashboardUrl,
       class: p(["header-link tw-hidden md:tw-block", { "tw-text-tertiary": !!t.openMenuItem }])
-    }, e[13] || (e[13] = [
+    }, n[13] || (n[13] = [
       M(" My dashboard ")
-    ]), 10, we)), [
-      [a, ["TopNav", "click-Dashboard"]]
+    ]), 10, ke)), [
+      [i, ["TopNav", "click-Dashboard"]]
     ]) : y("", !0),
-    s((i(), m("a", {
+    v((r(), s("a", {
       ref: "basketLink",
       href: "/basket",
       class: p(["header-link tw-relative md:!tw-mr-0", { "tw-text-tertiary": !!t.openMenuItem }]),
       style: { "margin-right": "2px" },
       "data-testid": "header-basket"
     }, [
-      D(I, {
+      C(I, {
         class: "tw-w-3 tw-h-3 tw-pointer-events-none",
         count: t.basketCount
       }, null, 8, ["count"])
     ], 2)), [
-      [Q, t.basketCount > 0],
-      [a, ["TopNav", "click-Basket"]]
+      [X, t.basketCount > 0],
+      [i, ["TopNav", "click-Basket"]]
     ]),
-    C("div", {
+    E("div", {
       class: "tw-cursor-pointer tw-flex tw-items-center tw-gap-1 tw-py-1.5",
-      onMouseover: e[7] || (e[7] = (...o) => n.handleAvatarMenuPosition && n.handleAvatarMenuPosition(...o)),
-      onMouseout: e[8] || (e[8] = (o) => n.handleMouseOut(n.AVATAR_MENU_ID)),
-      onTouchstart: e[9] || (e[9] = (o) => n.handleTouchStart(n.AVATAR_MENU_ID))
+      onMouseover: n[7] || (n[7] = (...o) => e.handleAvatarMenuPosition && e.handleAvatarMenuPosition(...o)),
+      onMouseout: n[8] || (n[8] = (o) => e.handleMouseOut(e.AVATAR_MENU_ID)),
+      onTouchstart: n[9] || (n[9] = (o) => e.handleTouchStart(e.AVATAR_MENU_ID))
     }, [
-      t.loggedIn ? (i(), m("span", Me, X(n.numeral(t.balance).format("$0")), 1)) : y("", !0),
-      t.loggedIn ? (i(), m(Y, { key: 1 }, [
-        t.lenderImageUrl ? (i(), w(T, {
+      t.loggedIn ? (r(), s("span", ge, Y(e.numeral(t.balance).format("$0")), 1)) : y("", !0),
+      t.loggedIn ? (r(), s(Z, { key: 1 }, [
+        e.isLegacyPlaceholderAvatar(e.avatarFilename) || !e.avatarFilename ? (r(), w(g, {
           key: 0,
+          icon: e.mdiAccountCircle,
+          class: "tw-w-3"
+        }, null, 8, ["icon"])) : (r(), w(T, {
+          key: 1,
           ref: "avatar",
           "lender-name": t.lenderName,
           "lender-image-url": t.lenderImageUrl,
           "is-small": ""
-        }, null, 8, ["lender-name", "lender-image-url"])) : (i(), w(g, {
-          key: 1,
-          icon: n.mdiAccountCircle,
-          class: "tw-w-3"
-        }, null, 8, ["icon"]))
+        }, null, 8, ["lender-name", "lender-image-url"]))
       ], 64)) : y("", !0)
     ], 32),
-    t.loggedIn ? y("", !0) : s((i(), m("a", {
+    t.loggedIn ? y("", !0) : v((r(), s("a", {
       key: 1,
       ref: "signInLink",
       href: t.loginUrl,
       class: p(["header-link", { "tw-text-tertiary": !!t.openMenuItem }])
-    }, e[14] || (e[14] = [
+    }, n[14] || (n[14] = [
       M(" Sign in ")
-    ]), 10, ke)), [
-      [a, ["TopNav", "click-Sign-in"]]
+    ]), 10, be)), [
+      [i, ["TopNav", "click-Sign-in"]]
     ])
   ]);
 }
-const Ke = /* @__PURE__ */ ue(ce, [["render", ge], ["__scopeId", "data-v-6728d6d1"]]);
+const Ne = /* @__PURE__ */ me(we, [["render", he], ["__scopeId", "data-v-69cf3729"]]);
 export {
-  Ke as default
+  Ne as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "6.53.0",
+  "version": "6.54.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -114,5 +114,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "2b9e0fbf9f13fbb0a104e9176adaf18765af5c43"
+  "gitHead": "001bbdce60101ebc7c1891606c8011f2822f0753"
 }