@kiva/kv-components 8.26.0 → 8.26.1

package/dist/index.js

@@ -4,7 +4,7 @@ import { default as l } from "./vue/KvBorrowerImage.js";
 import { default as s } from "./vue/KvButton.js";
 import { default as d } from "./vue/KvCardFrame.js";
 import { default as x } from "./vue/KvCarousel.js";
-import { default as n } from "./vue/KvCartModal.js";
+import { default as K } from "./vue/KvCartModal.js";
 import { default as A } from "./vue/KvCartPill.js";
 import { default as C } from "./vue/KvCheckbox.js";
 import { default as c } from "./vue/KvCheckoutReceipt.js";
@@ -31,7 +31,7 @@ import { default as le } from "./vue/KvImpactDashboardHeader.js";
 import { default as se } from "./vue/KvImpactVerticalSelector.js";
 import { default as de } from "./vue/KvInlineActivityCard.js";
 import { default as xe } from "./vue/KvInlineActivityFeed.js";
-import { default as ne } from "./vue/KvIntroductionLoanCard.js";
+import { default as Ke } from "./vue/KvIntroductionLoanCard.js";
 import { default as Ae } from "./vue/KvLendAmountButton.js";
 import { default as Ce } from "./vue/KvLendCta.js";
 import { default as ce } from "./vue/KvLightbox.js";
@@ -57,7 +57,7 @@ import { default as fo } from "./vue/KvPieChartV2.js";
 import { default as mo } from "./vue/KvPill.js";
 import { default as po } from "./vue/KvPopper.js";
 import { default as xo } from "./vue/KvProgressBar.js";
-import { default as no } from "./vue/KvProgressCircle.js";
+import { default as Ko } from "./vue/KvProgressCircle.js";
 import { default as Ao } from "./vue/KvPulsingDot.js";
 import { default as Co } from "./vue/KvRadio.js";
 import { default as co } from "./vue/KvSelect.js";
@@ -83,7 +83,7 @@ import { default as ar } from "./vue/KvAtbModal.js";
 import { default as lr } from "./vue/KvSecondaryNav.js";
 import { default as sr } from "./vue/KvWwwHeader.js";
 import { default as dr } from "./vue/KvWwwHeaderBasic/KvWwwHeaderBasic.js";
-import { default as xr, Mash as Kr } from "./utils/Alea.js";
+import { default as xr, Mash as nr } from "./utils/Alea.js";
 import { groupBy as vr, sortBy as Ar } from "./utils/arrayUtils.js";
 import { useAttrs as Cr } from "./utils/attrs.js";
 import { carouselUtil as cr } from "./utils/carousels.js";
@@ -92,55 +92,55 @@ import { debounce as Mr } from "./utils/debounce.js";
 import { useEventListener as Or } from "./utils/event.js";
 import { collapse as gr, expand as Pr } from "./utils/expander.js";
 import { DEFAULT_ACCEPTED_IMAGE_TYPES as Fr, cropResizeImageToDataUrl as hr, getKivaImageUrl as Dr, isLegacyPlaceholderAvatar as Br, randomizedUserAvatarClass as Vr, validateImageFile as yr } from "./utils/imageUtils.js";
-import { LOAN_CALLOUTS_FRAGMENT as br, LOAN_GEOCODE_FRAGMENT as kr, LOAN_PROGRESS_FRAGMENT as wr, loanCardComputedProperties as Wr, loanCardMethods as Hr } from "./utils/loanCard.js";
-import { BALANCE_CAMPAIGN as jr, BASE_CAMPAIGN as Qr, ERL_COOKIE_NAME as Yr, NO_BALANCE_CAMPAIGN as Zr, TOP_UP_CAMPAIGN as qr, getDropdownPriceArray as Jr, getLendCtaSelectedOption as Xr, isBetween25And50 as $r, isLessThan25 as et, truncateStringByWords as ot } from "./utils/loanUtils.js";
-import { animationCoordinator as tt, computeMapCenter as at, computeMapZoom as ft, generateMapMarkers as lt, getCoordinatesBetween as mt, getCountryColor as st, getLoansIntervals as pt } from "./utils/mapUtils.js";
-import { lockPrintSingleEl as ut, unlockPrintSingleEl as xt } from "./utils/printing.js";
-import { lockScroll as nt, lockScrollSmallOnly as vt, unlockScroll as At, unlockScrollSmallOnly as it } from "./utils/scrollLock.js";
-import { buildTailwindClassName as _t, headerNumberCase as ct, kebabCase as Tt, removeObjectProperty as Lt } from "./utils/themeUtils.js";
-import { throttle as Et } from "./utils/throttle.js";
-import { isTargetElement as Mt, offBodyTouchstart as It, onBodyTouchstart as Ot } from "./utils/touchEvents.js";
-import { getTreemap as gt } from "./utils/treemap.js";
-import { KvBlueskyIcon as Gt } from "./assets/icons/bluesky.js";
-import { KV_CLASSIC_LOAN_CARD_FRAGMENT as ht, KV_CLASSIC_LOAN_CARD_USER_FRAGMET as Dt } from "./vue/KvClassicLoanCard2.js";
-import { KV_COMPACT_LOAN_CARD_FRAGMENT as Vt, KV_COMPACT_LOAN_CARD_USER_FRAGMENT as yt } from "./vue/KvCompactLoanCard2.js";
-import { KV_INTRODUCTION_LOAN_CARD_FRAGMENT as bt, KV_INTRODUCTION_LOAN_CARD_USER_FRAGMENT as kt } from "./vue/KvIntroductionLoanCard2.js";
-import { KV_LEND_CTA_FRAGMENT as Wt, KV_LEND_CTA_USER_FRAGMENT as Ht } from "./vue/KvLendCta2.js";
-import { KV_LOAN_ACTIVITIES_FRAGMENT as jt } from "./vue/KvLoanActivities2.js";
-import { KV_LOAN_BOOKMARK_FRAGMENT as Yt } from "./vue/KvLoanBookmark2.js";
-import { KV_LOAN_TAG_FRAGMENT as qt } from "./vue/KvLoanTag2.js";
-import { KV_LOAN_USE_FRAGMENT as Xt } from "./vue/KvLoanUse2.js";
-import { KV_WIDE_LOAN_CARD_FRAGMENT as ea, KV_WIDE_LOAN_CARD_USER_FRAGMENT as oa } from "./vue/KvWideLoanCard2.js";
+import { LOAN_CALLOUTS_FRAGMENT as br, LOAN_GEOCODE_FRAGMENT as kr, LOAN_PROGRESS_FRAGMENT as wr, loanCardComputedProperties as Wr, loanCardMethods as Hr, useLocationTruncation as zr } from "./utils/loanCard.js";
+import { BALANCE_CAMPAIGN as Qr, BASE_CAMPAIGN as Yr, ERL_COOKIE_NAME as Zr, NO_BALANCE_CAMPAIGN as qr, TOP_UP_CAMPAIGN as Jr, getDropdownPriceArray as Xr, getLendCtaSelectedOption as $r, isBetween25And50 as et, isLessThan25 as ot, truncateStringByWords as rt } from "./utils/loanUtils.js";
+import { animationCoordinator as at, computeMapCenter as ft, computeMapZoom as lt, generateMapMarkers as mt, getCoordinatesBetween as st, getCountryColor as pt, getLoansIntervals as dt } from "./utils/mapUtils.js";
+import { lockPrintSingleEl as xt, unlockPrintSingleEl as nt } from "./utils/printing.js";
+import { lockScroll as vt, lockScrollSmallOnly as At, unlockScroll as it, unlockScrollSmallOnly as Ct } from "./utils/scrollLock.js";
+import { buildTailwindClassName as ct, headerNumberCase as Tt, kebabCase as Lt, removeObjectProperty as Nt } from "./utils/themeUtils.js";
+import { throttle as Rt } from "./utils/throttle.js";
+import { isTargetElement as It, offBodyTouchstart as Ot, onBodyTouchstart as St } from "./utils/touchEvents.js";
+import { getTreemap as Pt } from "./utils/treemap.js";
+import { KvBlueskyIcon as Ft } from "./assets/icons/bluesky.js";
+import { KV_CLASSIC_LOAN_CARD_FRAGMENT as Dt, KV_CLASSIC_LOAN_CARD_USER_FRAGMET as Bt } from "./vue/KvClassicLoanCard2.js";
+import { KV_COMPACT_LOAN_CARD_FRAGMENT as yt, KV_COMPACT_LOAN_CARD_USER_FRAGMENT as Ut } from "./vue/KvCompactLoanCard2.js";
+import { KV_INTRODUCTION_LOAN_CARD_FRAGMENT as kt, KV_INTRODUCTION_LOAN_CARD_USER_FRAGMENT as wt } from "./vue/KvIntroductionLoanCard2.js";
+import { KV_LEND_CTA_FRAGMENT as Ht, KV_LEND_CTA_USER_FRAGMENT as zt } from "./vue/KvLendCta2.js";
+import { KV_LOAN_ACTIVITIES_FRAGMENT as Qt } from "./vue/KvLoanActivities2.js";
+import { KV_LOAN_BOOKMARK_FRAGMENT as Zt } from "./vue/KvLoanBookmark2.js";
+import { KV_LOAN_TAG_FRAGMENT as Jt } from "./vue/KvLoanTag2.js";
+import { KV_LOAN_USE_FRAGMENT as $t } from "./vue/KvLoanUse2.js";
+import { KV_WIDE_LOAN_CARD_FRAGMENT as oa, KV_WIDE_LOAN_CARD_USER_FRAGMENT as ra } from "./vue/KvWideLoanCard2.js";
 export {
   xr as Alea,
-  jr as BALANCE_CAMPAIGN,
-  Qr as BASE_CAMPAIGN,
+  Qr as BALANCE_CAMPAIGN,
+  Yr as BASE_CAMPAIGN,
   Fr as DEFAULT_ACCEPTED_IMAGE_TYPES,
-  Yr as ERL_COOKIE_NAME,
-  ht as KV_CLASSIC_LOAN_CARD_FRAGMENT,
-  Dt as KV_CLASSIC_LOAN_CARD_USER_FRAGMET,
-  Vt as KV_COMPACT_LOAN_CARD_FRAGMENT,
-  yt as KV_COMPACT_LOAN_CARD_USER_FRAGMENT,
-  bt as KV_INTRODUCTION_LOAN_CARD_FRAGMENT,
-  kt as KV_INTRODUCTION_LOAN_CARD_USER_FRAGMENT,
-  Wt as KV_LEND_CTA_FRAGMENT,
-  Ht as KV_LEND_CTA_USER_FRAGMENT,
-  jt as KV_LOAN_ACTIVITIES_FRAGMENT,
-  Yt as KV_LOAN_BOOKMARK_FRAGMENT,
+  Zr as ERL_COOKIE_NAME,
+  Dt as KV_CLASSIC_LOAN_CARD_FRAGMENT,
+  Bt as KV_CLASSIC_LOAN_CARD_USER_FRAGMET,
+  yt as KV_COMPACT_LOAN_CARD_FRAGMENT,
+  Ut as KV_COMPACT_LOAN_CARD_USER_FRAGMENT,
+  kt as KV_INTRODUCTION_LOAN_CARD_FRAGMENT,
+  wt as KV_INTRODUCTION_LOAN_CARD_USER_FRAGMENT,
+  Ht as KV_LEND_CTA_FRAGMENT,
+  zt as KV_LEND_CTA_USER_FRAGMENT,
+  Qt as KV_LOAN_ACTIVITIES_FRAGMENT,
+  Zt as KV_LOAN_BOOKMARK_FRAGMENT,
   ge as KV_LOAN_INFO_CARD_FRAGMENT,
-  qt as KV_LOAN_TAG_FRAGMENT,
-  Xt as KV_LOAN_USE_FRAGMENT,
-  ea as KV_WIDE_LOAN_CARD_FRAGMENT,
-  oa as KV_WIDE_LOAN_CARD_USER_FRAGMENT,
+  Jt as KV_LOAN_TAG_FRAGMENT,
+  $t as KV_LOAN_USE_FRAGMENT,
+  oa as KV_WIDE_LOAN_CARD_FRAGMENT,
+  ra as KV_WIDE_LOAN_CARD_USER_FRAGMENT,
   r as KvAccordionItem,
   a as KvActivityRow,
   ar as KvAtbModal,
-  Gt as KvBlueskyIcon,
+  Ft as KvBlueskyIcon,
   l as KvBorrowerImage,
   s as KvButton,
   d as KvCardFrame,
   x as KvCarousel,
-  n as KvCartModal,
+  K as KvCartModal,
   A as KvCartPill,
   C as KvCheckbox,
   c as KvCheckoutReceipt,
@@ -167,7 +167,7 @@ export {
   se as KvImpactVerticalSelector,
   de as KvInlineActivityCard,
   xe as KvInlineActivityFeed,
-  ne as KvIntroductionLoanCard,
+  Ke as KvIntroductionLoanCard,
   Ae as KvLendAmountButton,
   Ce as KvLendCta,
   ce as KvLightbox,
@@ -192,7 +192,7 @@ export {
   mo as KvPill,
   po as KvPopper,
   xo as KvProgressBar,
-  no as KvProgressCircle,
+  Ko as KvProgressCircle,
   Ao as KvPulsingDot,
   Co as KvRadio,
   lr as KvSecondaryNav,
@@ -221,52 +221,53 @@ export {
   br as LOAN_CALLOUTS_FRAGMENT,
   kr as LOAN_GEOCODE_FRAGMENT,
   wr as LOAN_PROGRESS_FRAGMENT,
-  Kr as Mash,
-  Zr as NO_BALANCE_CAMPAIGN,
-  qr as TOP_UP_CAMPAIGN,
+  nr as Mash,
+  qr as NO_BALANCE_CAMPAIGN,
+  Jr as TOP_UP_CAMPAIGN,
   Lr as abc,
-  tt as animationCoordinator,
-  _t as buildTailwindClassName,
+  at as animationCoordinator,
+  ct as buildTailwindClassName,
   cr as carouselUtil,
   gr as collapse,
-  at as computeMapCenter,
-  ft as computeMapZoom,
+  ft as computeMapCenter,
+  lt as computeMapZoom,
   hr as cropResizeImageToDataUrl,
   Mr as debounce,
   Pr as expand,
-  lt as generateMapMarkers,
-  mt as getCoordinatesBetween,
-  st as getCountryColor,
-  Jr as getDropdownPriceArray,
+  mt as generateMapMarkers,
+  st as getCoordinatesBetween,
+  pt as getCountryColor,
+  Xr as getDropdownPriceArray,
   Dr as getKivaImageUrl,
-  Xr as getLendCtaSelectedOption,
-  pt as getLoansIntervals,
-  gt as getTreemap,
+  $r as getLendCtaSelectedOption,
+  dt as getLoansIntervals,
+  Pt as getTreemap,
   vr as groupBy,
-  ct as headerNumberCase,
+  Tt as headerNumberCase,
   Nr as indexIn,
-  $r as isBetween25And50,
+  et as isBetween25And50,
   Br as isLegacyPlaceholderAvatar,
-  et as isLessThan25,
-  Mt as isTargetElement,
-  Tt as kebabCase,
+  ot as isLessThan25,
+  It as isTargetElement,
+  Lt as kebabCase,
   Wr as loanCardComputedProperties,
   Hr as loanCardMethods,
-  ut as lockPrintSingleEl,
-  nt as lockScroll,
-  vt as lockScrollSmallOnly,
-  It as offBodyTouchstart,
-  Ot as onBodyTouchstart,
+  xt as lockPrintSingleEl,
+  vt as lockScroll,
+  At as lockScrollSmallOnly,
+  Ot as offBodyTouchstart,
+  St as onBodyTouchstart,
   Vr as randomizedUserAvatarClass,
-  Lt as removeObjectProperty,
+  Nt as removeObjectProperty,
   Ar as sortBy,
   Er as startsWith,
-  Et as throttle,
-  ot as truncateStringByWords,
-  xt as unlockPrintSingleEl,
-  At as unlockScroll,
-  it as unlockScrollSmallOnly,
+  Rt as throttle,
+  rt as truncateStringByWords,
+  nt as unlockPrintSingleEl,
+  it as unlockScroll,
+  Ct as unlockScrollSmallOnly,
   Cr as useAttrs,
   Or as useEventListener,
+  zr as useLocationTruncation,
   yr as validateImageFile
 };

package/dist/utils/loanCard.js

@@ -1,9 +1,9 @@
-import R from "graphql-tag";
-import oe from "numeral";
-import { toRefs as re, computed as n } from "vue";
-import { mdiMapMarker as Le } from "@mdi/js";
-import Ue from "./Alea.js";
-const Ne = "N/A", ne = "ECO-FRIENDLY", le = "SUSTAINABLE AG", se = "SINGLE PARENT", be = "REFUGEES/DISPLACED", P = (c, f) => (c == null ? void 0 : c.find((p) => p.name.replace("#", "").toUpperCase() === f.toUpperCase())) ?? {}, Se = R`
+import P from "graphql-tag";
+import ne from "numeral";
+import { toRefs as ue, computed as a, ref as ae, onMounted as Ue, nextTick as Ne, onBeforeUnmount as be } from "vue";
+import { mdiMapMarker as Ie } from "@mdi/js";
+import Re from "./Alea.js";
+const Pe = "N/A", le = "ECO-FRIENDLY", se = "SUSTAINABLE AG", re = "SINGLE PARENT", Te = "REFUGEES/DISPLACED", R = (i, d) => (i == null ? void 0 : i.find((s) => s.name.replace("#", "").toUpperCase() === d.toUpperCase())) ?? {}, De = P`
 	fragment LoanCallouts on LoanBasic {
 		id
 		activity {
@@ -20,7 +20,7 @@ const Ne = "N/A", ne = "ECO-FRIENDLY", le = "SUSTAINABLE AG", se = "SINGLE PAREN
 			themes
 		}
 	}
-`, Me = R`
+`, Oe = P`
 	fragment LoanGeocode on LoanBasic {
 		id
 		geocode {
@@ -32,7 +32,7 @@ const Ne = "N/A", ne = "ECO-FRIENDLY", le = "SUSTAINABLE AG", se = "SINGLE PAREN
 			}
 		}
 	}
-`, Te = R`
+`, ke = P`
 	fragment LoanProgress on LoanBasic {
 		id
 		loanAmount
@@ -43,125 +43,141 @@ const Ne = "N/A", ne = "ECO-FRIENDLY", le = "SUSTAINABLE AG", se = "SINGLE PAREN
 		}
 	}
 `;
-function Ge(c, f = !1) {
+function we(i, d = !1) {
   const {
-    externalLinks: p,
-    customLoanDetails: m,
+    externalLinks: s,
+    customLoanDetails: c,
     loanId: g,
     loan: t,
-    categoryPageName: v,
+    categoryPageName: m,
     customCallouts: E,
-    customHref: F
-  } = re(c), ue = n(() => p.value ? "a" : "router-link"), ie = n(() => p.value && F.value ? F.value : m != null && m.value ? "" : `/lend/${g.value}`), _ = n(() => !g.value || !t.value), ce = n(() => {
+    customHref: T
+  } = ue(i), ie = a(() => s.value ? "a" : "router-link"), ce = a(() => s.value && T.value ? T.value : c != null && c.value ? "" : `/lend/${g.value}`), F = a(() => !g.value || !t.value), de = a(() => {
     var e;
     return ((e = t.value) == null ? void 0 : e.name) || "";
-  }), h = n(() => {
-    var e, a, l;
-    return ((l = (a = (e = t.value) == null ? void 0 : e.geocode) == null ? void 0 : a.country) == null ? void 0 : l.name) || "";
-  }), de = n(() => {
-    var e, a, l;
-    return ((l = (a = (e = t.value) == null ? void 0 : e.geocode) == null ? void 0 : a.country) == null ? void 0 : l.isoCode) || "";
-  }), L = n(() => {
-    var e, a;
-    return ((a = (e = t.value) == null ? void 0 : e.geocode) == null ? void 0 : a.city) || "";
-  }), S = n(() => {
-    var e, a;
-    return ((a = (e = t.value) == null ? void 0 : e.geocode) == null ? void 0 : a.state) || "";
-  }), M = n(() => {
+  }), h = a(() => {
+    var e, o, l;
+    return ((l = (o = (e = t.value) == null ? void 0 : e.geocode) == null ? void 0 : o.country) == null ? void 0 : l.name) || "";
+  }), pe = a(() => {
+    var e, o, l;
+    return ((l = (o = (e = t.value) == null ? void 0 : e.geocode) == null ? void 0 : o.country) == null ? void 0 : l.isoCode) || "";
+  }), y = a(() => {
+    var e, o;
+    return ((o = (e = t.value) == null ? void 0 : e.geocode) == null ? void 0 : o.city) || "";
+  }), _ = a(() => {
+    var e, o;
+    return ((o = (e = t.value) == null ? void 0 : e.geocode) == null ? void 0 : o.state) || "";
+  }), M = a(() => {
     var e;
     return ((e = t.value) == null ? void 0 : e.distributionModel) || "";
-  }), pe = n(() => {
-    var e, a;
-    return ((a = (e = t.value) == null ? void 0 : e.image) == null ? void 0 : a.hash) ?? "";
-  }), U = n(() => {
-    var e, a, l, u, d;
-    return typeof ((e = t.value) == null ? void 0 : e.loanAmount) < "u" && typeof ((l = (a = t.value) == null ? void 0 : a.loanFundraisingInfo) == null ? void 0 : l.fundedAmount) < "u" && typeof ((d = (u = t.value) == null ? void 0 : u.loanFundraisingInfo) == null ? void 0 : d.reservedAmount) < "u";
-  }), ve = n(() => !_.value && U.value), fe = n(() => {
+  }), ve = a(() => {
+    var e, o;
+    return ((o = (e = t.value) == null ? void 0 : e.image) == null ? void 0 : o.hash) ?? "";
+  }), U = a(() => {
+    var e, o, l, p, f;
+    return typeof ((e = t.value) == null ? void 0 : e.loanAmount) < "u" && typeof ((l = (o = t.value) == null ? void 0 : o.loanFundraisingInfo) == null ? void 0 : l.fundedAmount) < "u" && typeof ((f = (p = t.value) == null ? void 0 : p.loanFundraisingInfo) == null ? void 0 : f.reservedAmount) < "u";
+  }), fe = a(() => !F.value && U.value), me = a(() => {
     if (M.value === "direct") {
-      const e = f && h.value.toLowerCase() === "united states" ? "" : `, ${h.value}`;
-      return `${L.value}, ${S.value}${e}`;
+      const e = d && h.value.toLowerCase() === "united states" ? "" : `, ${h.value}`;
+      return `${y.value}, ${_.value}${e}`;
     }
-    return h.value === "Puerto Rico" ? `${L.value}, PR` : h.value;
-  }), me = n(() => {
+    return h.value === "Puerto Rico" ? `${y.value}, PR` : h.value;
+  }), ge = a(() => {
     var e;
     return ((e = t.value) == null ? void 0 : e.use) ?? "";
-  }), ge = n(() => {
+  }), he = a(() => {
     var e;
     return ((e = t.value) == null ? void 0 : e.status) ?? "";
-  }), A = n(() => {
+  }), L = a(() => {
     var e;
     return ((e = t.value) == null ? void 0 : e.loanAmount) ?? "0";
-  }), N = n(() => {
-    var e, a, l, u;
-    return oe(((a = (e = t.value) == null ? void 0 : e.loanFundraisingInfo) == null ? void 0 : a.reservedAmount) ?? "0").add(((u = (l = t.value) == null ? void 0 : l.loanFundraisingInfo) == null ? void 0 : u.fundedAmount) ?? "0");
-  }), T = n(() => N.value.clone().divide(A.value).value()), G = n(() => U.value && A.value - N.value.value() > 0), he = n(() => G.value ? oe(A.value).subtract(N.value.value()).format("0.00") : "0"), Ce = n(() => {
+  }), N = a(() => {
+    var e, o, l, p;
+    return ne(((o = (e = t.value) == null ? void 0 : e.loanFundraisingInfo) == null ? void 0 : o.reservedAmount) ?? "0").add(((p = (l = t.value) == null ? void 0 : l.loanFundraisingInfo) == null ? void 0 : p.fundedAmount) ?? "0");
+  }), S = a(() => N.value.clone().divide(L.value).value()), G = a(() => U.value && L.value - N.value.value() > 0), Ce = a(() => G.value ? ne(L.value).subtract(N.value.value()).format("0.00") : "0"), Le = a(() => {
     var e;
     return ((e = t.value) == null ? void 0 : e.borrowerCount) ?? 0;
-  }), Ae = n(() => {
-    var Y, B, $, w, K, x, H, q, j, z, J, Q, V, W, X, Z, ee, te, ae;
-    const e = [], a = Ue(g.value, T.value), l = ((B = (Y = t.value) == null ? void 0 : Y.activity) == null ? void 0 : B.name) ?? "", u = ((w = ($ = t.value) == null ? void 0 : $.activity) == null ? void 0 : w.id) ?? null, d = ((x = (K = t.value) == null ? void 0 : K.sector) == null ? void 0 : x.name) ?? "", D = ((q = (H = t.value) == null ? void 0 : H.sector) == null ? void 0 : q.id) ?? null, i = ((z = (j = t.value) == null ? void 0 : j.tags) == null ? void 0 : z.filter((o) => o.charAt(0) === "#").map((o) => o.substring(1))) ?? [], y = ((J = t.value) == null ? void 0 : J.themes) ?? [], b = {
-      ecoFriendly: !!i.filter((o) => o.toUpperCase() === ne || o.toUpperCase() === le).length,
-      refugeesIdps: !!y.filter((o) => o.toUpperCase() === be).length,
-      singleParents: !!i.filter((o) => o.toUpperCase() === se).length
-    }, O = (V = (Q = t.value) == null ? void 0 : Q.partnerName) == null ? void 0 : V.toUpperCase().includes(Ne), k = ((W = t.value) == null ? void 0 : W.tagsData) ?? [], ye = ((X = t.value) == null ? void 0 : X.themesData) ?? [];
-    if (O && i.length) {
-      const o = Math.floor(a() * i.length), s = i[o], r = P(k, s), C = (r == null ? void 0 : r.id) ?? null;
-      e.push({ label: s, type: "tag", id: C });
+  }), Ae = a(() => {
+    var w, B, Y, $, K, x, z, H, W, q, j, J, Q, V, X, Z, ee, te, oe;
+    const e = [], o = Re(g.value, S.value), l = ((B = (w = t.value) == null ? void 0 : w.activity) == null ? void 0 : B.name) ?? "", p = (($ = (Y = t.value) == null ? void 0 : Y.activity) == null ? void 0 : $.id) ?? null, f = ((x = (K = t.value) == null ? void 0 : K.sector) == null ? void 0 : x.name) ?? "", D = ((H = (z = t.value) == null ? void 0 : z.sector) == null ? void 0 : H.id) ?? null, v = ((q = (W = t.value) == null ? void 0 : W.tags) == null ? void 0 : q.filter((n) => n.charAt(0) === "#").map((n) => n.substring(1))) ?? [], A = ((j = t.value) == null ? void 0 : j.themes) ?? [], b = {
+      ecoFriendly: !!v.filter((n) => n.toUpperCase() === le || n.toUpperCase() === se).length,
+      refugeesIdps: !!A.filter((n) => n.toUpperCase() === Te).length,
+      singleParents: !!v.filter((n) => n.toUpperCase() === re).length
+    }, O = (Q = (J = t.value) == null ? void 0 : J.partnerName) == null ? void 0 : Q.toUpperCase().includes(Pe), k = ((V = t.value) == null ? void 0 : V.tagsData) ?? [], Ee = ((X = t.value) == null ? void 0 : X.themesData) ?? [];
+    if (O && v.length) {
+      const n = Math.floor(o() * v.length), r = v[n], u = R(k, r), C = (u == null ? void 0 : u.id) ?? null;
+      e.push({ label: r, type: "tag", id: C });
     }
-    if (v.value || (b.ecoFriendly && !e.find((o) => o.label.toUpperCase() === ne || o.label.toUpperCase() === le) ? e.push({ label: "Eco-friendly", type: "tag", id: 9 }) : b.refugeesIdps ? e.push({ label: "Refugees and IDPs", type: "attribute", id: 28 }) : b.singleParents && !e.find((o) => o.label.toUpperCase() === se) && e.push({ label: "Single Parent", type: "tag", id: 17 })), l && u && ((Z = v.value) == null ? void 0 : Z.toUpperCase()) !== l.toUpperCase() && e.push({ id: u, label: l, type: "activity" }), d && D && l.toUpperCase() !== d.toUpperCase() && d.toUpperCase() !== ((ee = v.value) == null ? void 0 : ee.toUpperCase()) && e.length < 2 && e.push({ id: D, label: d, type: "sector" }), i.length && e.length < 2) {
-      const o = Math.floor(a() * i.length), s = i[o], r = P(k, s), C = (r == null ? void 0 : r.id) ?? null;
-      e.filter((I) => I.label.toUpperCase() === s.toUpperCase()).length || e.push({ label: s, type: "tag", id: C });
+    if (m.value || (b.ecoFriendly && !e.find((n) => n.label.toUpperCase() === le || n.label.toUpperCase() === se) ? e.push({ label: "Eco-friendly", type: "tag", id: 9 }) : b.refugeesIdps ? e.push({ label: "Refugees and IDPs", type: "attribute", id: 28 }) : b.singleParents && !e.find((n) => n.label.toUpperCase() === re) && e.push({ label: "Single Parent", type: "tag", id: 17 })), l && p && ((Z = m.value) == null ? void 0 : Z.toUpperCase()) !== l.toUpperCase() && e.push({ id: p, label: l, type: "activity" }), f && D && l.toUpperCase() !== f.toUpperCase() && f.toUpperCase() !== ((ee = m.value) == null ? void 0 : ee.toUpperCase()) && e.length < 2 && e.push({ id: D, label: f, type: "sector" }), v.length && e.length < 2) {
+      const n = Math.floor(o() * v.length), r = v[n], u = R(k, r), C = (u == null ? void 0 : u.id) ?? null;
+      e.filter((I) => I.label.toUpperCase() === r.toUpperCase()).length || e.push({ label: r, type: "tag", id: C });
     }
-    if (y.length && e.length < 2) {
-      const o = Math.floor(a() * y.length), s = y[o], r = P(ye, s), C = (r == null ? void 0 : r.id) ?? null;
-      !e.filter((I) => I.label.toUpperCase() === s.toUpperCase()).length && s.toUpperCase() !== ((te = v.value) == null ? void 0 : te.toUpperCase()) && e.push({ label: s, type: "attribute", id: C });
+    if (A.length && e.length < 2) {
+      const n = Math.floor(o() * A.length), r = A[n], u = R(Ee, r), C = (u == null ? void 0 : u.id) ?? null;
+      !e.filter((I) => I.label.toUpperCase() === r.toUpperCase()).length && r.toUpperCase() !== ((te = m.value) == null ? void 0 : te.toUpperCase()) && e.push({ label: r, type: "attribute", id: C });
     }
     if (O && e.length > 1) return [e.shift()];
-    const Ee = ((ae = E.value) == null ? void 0 : ae.map((o) => ({ label: o }))) ?? [];
-    return e.push(...Ee), e;
+    const ye = ((oe = E.value) == null ? void 0 : oe.map((n) => ({ label: n }))) ?? [];
+    return e.push(...ye), e;
   });
   return {
-    tag: ue,
-    readMorePath: ie,
-    isLoading: _,
-    borrowerName: ce,
+    tag: ie,
+    readMorePath: ce,
+    isLoading: F,
+    borrowerName: de,
     countryName: h,
-    countryCode: de,
-    city: L,
-    state: S,
+    countryCode: pe,
+    city: y,
+    state: _,
     distributionModel: M,
-    imageHash: pe,
+    imageHash: ve,
     hasProgressData: U,
-    allDataLoaded: ve,
-    fundraisingPercent: T,
-    unreservedAmount: he,
+    allDataLoaded: fe,
+    fundraisingPercent: S,
+    unreservedAmount: Ce,
     sharesAvailable: G,
-    formattedLocation: fe,
-    loanUse: me,
-    loanStatus: ge,
-    loanAmount: A,
-    loanBorrowerCount: Ce,
-    mdiMapMarker: Le,
+    formattedLocation: me,
+    loanUse: ge,
+    loanStatus: he,
+    loanAmount: L,
+    loanBorrowerCount: Le,
+    mdiMapMarker: Ie,
     loanCallouts: Ae
   };
 }
-function De(c, f) {
+function Be() {
+  const i = ae(null), d = ae(!1), s = () => {
+    const c = i.value;
+    d.value = !!c && c.scrollWidth > c.clientWidth;
+  };
+  return Ue(() => {
+    Ne(s), window.addEventListener("resize", s);
+  }), be(() => {
+    window.removeEventListener("resize", s);
+  }), {
+    locationRef: i,
+    isLocationTruncated: d,
+    checkLocationTruncation: s
+  };
+}
+function Ye(i, d) {
   const {
-    loanId: p,
-    customLoanDetails: m,
+    loanId: s,
+    customLoanDetails: c,
     kvTrackFunction: g
-  } = re(c);
-  function t(v, E) {
-    g.value("Lending", "click-Read more", v, p.value), m.value && (E.preventDefault(), f("show-loan-details"));
+  } = ue(i);
+  function t(m, E) {
+    g.value("Lending", "click-Read more", m, s.value), c.value && (E.preventDefault(), d("show-loan-details"));
   }
   return {
     clickReadMore: t
   };
 }
 export {
-  Se as LOAN_CALLOUTS_FRAGMENT,
-  Me as LOAN_GEOCODE_FRAGMENT,
-  Te as LOAN_PROGRESS_FRAGMENT,
-  Ge as loanCardComputedProperties,
-  De as loanCardMethods
+  De as LOAN_CALLOUTS_FRAGMENT,
+  Oe as LOAN_GEOCODE_FRAGMENT,
+  ke as LOAN_PROGRESS_FRAGMENT,
+  we as loanCardComputedProperties,
+  Ye as loanCardMethods,
+  Be as useLocationTruncation
 };

package/dist/vue/KvClassicLoanCard.css

@@ -1 +1 @@
-.loan-card-use[data-v-907918f9]:hover,.loan-card-use[data-v-907918f9]:focus{--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1))}.loan-card-active-hover:hover .loan-card-use[data-v-907918f9]{text-decoration-line:underline}.loan-card-progress[data-v-907918f9]:hover,.loan-card-progress[data-v-907918f9]:focus{text-decoration-line:none}
+.loan-card-use[data-v-44561e04]:hover,.loan-card-use[data-v-44561e04]:focus{--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1))}.loan-card-active-hover:hover .loan-card-use[data-v-44561e04]{text-decoration-line:underline}.loan-card-progress[data-v-44561e04]:hover,.loan-card-progress[data-v-44561e04]:focus{text-decoration-line:none}