@kiva/kv-components 6.13.1 → 6.14.0

package/dist/index.js

@@ -4,182 +4,197 @@ import { default as l } from "./vue/KvBorrowerImage.js";
 import { default as d } from "./vue/KvButton.js";
 import { default as p } from "./vue/KvCarousel.js";
 import { default as n } from "./vue/KvCartModal.js";
-import { default as v } from "./vue/KvCartPill.js";
-import { default as i } from "./vue/KvCheckbox.js";
-import { default as c } from "./vue/KvChip.js";
-import { default as L } from "./vue/KvClassicLoanCard.js";
-import { default as P } from "./vue/KvCommentsAdd.js";
-import { default as T } from "./vue/KvCommentsContainer.js";
-import { default as B } from "./vue/KvCommentsHeartButton.js";
-import { default as k } from "./vue/KvCommentsList.js";
-import { default as y } from "./vue/KvCommentsListItem.js";
-import { default as E } from "./vue/KvCommentsReplyButton.js";
-import { default as w } from "./vue/KvContentfulImg.js";
-import { default as _ } from "./vue/KvCountdownTimer.js";
-import { default as U } from "./vue/KvExpandable.js";
-import { default as V } from "./vue/KvExpandableQuestion.js";
-import { default as F } from "./vue/KvFlag.js";
-import { default as j } from "./vue/KvGrid.js";
-import { default as Q } from "./vue/KvImpactDashboardHeader.js";
-import { default as q } from "./vue/KvInlineActivityCard.js";
-import { default as X } from "./vue/KvInlineActivityFeed.js";
-import { default as Z } from "./vue/KvIntroductionLoanCard.js";
-import { default as ee } from "./vue/KvLendAmountButton.js";
-import { default as re } from "./vue/KvLendCta.js";
-import { default as ae } from "./vue/KvLightbox.js";
-import { default as le } from "./vue/KvLineGraph.js";
-import { default as de } from "./vue/KvLoanActivities.js";
-import { default as pe } from "./vue/KvLoanBookmark.js";
-import { default as ne } from "./vue/KvLoanCallouts.js";
-import { default as ve } from "./vue/KvLoanProgressGroup.js";
-import { default as ie } from "./vue/KvLoanTag.js";
-import { default as ce } from "./vue/KvLoanTeamPick.js";
-import { default as Le } from "./vue/KvLoanUse.js";
+import { default as K } from "./vue/KvCartPill.js";
+import { default as A } from "./vue/KvCheckbox.js";
+import { default as C } from "./vue/KvChip.js";
+import { KV_CLASSIC_LOAN_CARD_FRAGMENT as L, KV_CLASSIC_LOAN_CARD_USER_FRAGMET as T, default as N } from "./vue/KvClassicLoanCard.js";
+import { default as c } from "./vue/KvCommentsAdd.js";
+import { default as O } from "./vue/KvCommentsContainer.js";
+import { default as I } from "./vue/KvCommentsHeartButton.js";
+import { default as G } from "./vue/KvCommentsList.js";
+import { default as P } from "./vue/KvCommentsListItem.js";
+import { default as F } from "./vue/KvCommentsReplyButton.js";
+import { default as B } from "./vue/KvContentfulImg.js";
+import { default as k } from "./vue/KvCountdownTimer.js";
+import { default as y } from "./vue/KvExpandable.js";
+import { default as w } from "./vue/KvExpandableQuestion.js";
+import { default as H } from "./vue/KvFlag.js";
+import { default as z } from "./vue/KvGrid.js";
+import { default as q } from "./vue/KvImpactDashboardHeader.js";
+import { default as X } from "./vue/KvInlineActivityCard.js";
+import { default as Z } from "./vue/KvInlineActivityFeed.js";
+import { KV_INTRODUCTION_LOAN_CARD_FRAGMENT as ee, KV_INTRODUCTION_LOAN_CARD_USER_FRAGMENT as oe, default as re } from "./vue/KvIntroductionLoanCard.js";
+import { default as ae } from "./vue/KvLendAmountButton.js";
+import { KV_LEND_CTA_FRAGMENT as le, KV_LEND_CTA_USER_FRAGMENT as se, default as de } from "./vue/KvLendCta.js";
+import { default as pe } from "./vue/KvLightbox.js";
+import { default as ne } from "./vue/KvLineGraph.js";
+import { KV_LOAN_ACTIVITIES_FRAGMENT as Ke, default as ve } from "./vue/KvLoanActivities.js";
+import { KV_LOAN_BOOKMARK_FRAGMENT as ie, default as Ce } from "./vue/KvLoanBookmark.js";
+import { default as Le } from "./vue/KvLoanCallouts.js";
+import { default as Ne } from "./vue/KvLoanProgressGroup.js";
+import { KV_LOAN_TAG_FRAGMENT as ce, default as Re } from "./vue/KvLoanTag.js";
+import { default as Me } from "./vue/KvLoanTeamPick.js";
+import { KV_LOAN_USE_FRAGMENT as Se, default as Ge } from "./vue/KvLoanUse.js";
 import { default as Pe } from "./vue/KvLoadingPlaceholder.js";
-import { default as Te } from "./vue/KvLoadingSpinner.js";
+import { default as Fe } from "./vue/KvLoadingSpinner.js";
 import { default as Be } from "./vue/KvMap.js";
 import { default as ke } from "./vue/KvMaterialIcon.js";
 import { default as ye } from "./vue/KvPageContainer.js";
-import { default as Ee } from "./vue/KvPagination.js";
-import { default as we } from "./vue/KvPieChart.js";
-import { default as _e } from "./vue/KvPopper.js";
-import { default as Ue } from "./vue/KvProgressBar.js";
-import { default as Ve } from "./vue/KvRadio.js";
-import { default as Fe } from "./vue/KvSelect.js";
-import { default as je } from "./vue/KvSideSheet.js";
-import { default as Qe } from "./vue/KvSwitch.js";
-import { default as qe } from "./vue/KvTab.js";
-import { default as Xe } from "./vue/KvTabPanel.js";
-import { default as Ze } from "./vue/KvTabs.js";
-import { default as eo } from "./vue/KvTextInput.js";
-import { default as ro } from "./vue/KvTextLink.js";
-import { default as ao } from "./vue/KvThemeProvider.js";
-import { default as lo } from "./vue/KvToast.js";
-import { default as mo } from "./vue/KvTooltip.js";
-import { default as uo } from "./vue/KvTreeMapChart.js";
-import { default as xo } from "./vue/KvUserAvatar.js";
-import { default as Ko } from "./vue/KvVerticalCarousel.js";
-import { default as Co } from "./vue/KvVotingCard.js";
-import { default as Ao } from "./vue/KvVotingCardV2.js";
-import { default as go } from "./vue/KvWideLoanCard.js";
-import { default as ho, Mash as To } from "./utils/Alea.js";
-import { useAttrs as Bo } from "./utils/attrs.js";
-import { carouselUtil as ko } from "./utils/carousels.js";
-import { collapse as yo, expand as Mo } from "./utils/expander.js";
-import { isLegacyPlaceholderAvatar as No, randomizedUserAvatarClass as wo } from "./utils/imageUtils.js";
-import { loanCardComputedProperties as _o, loanCardMethods as Go } from "./utils/loanCard.js";
-import { BALANCE_CAMPAIGN as Ro, BASE_CAMPAIGN as Vo, ERL_COOKIE_NAME as Do, NO_BALANCE_CAMPAIGN as Fo, TOP_UP_CAMPAIGN as Ho, getDropdownPriceArray as jo, getLendCtaSelectedOption as zo, isBetween25And50 as Qo, isLessThan25 as Wo } from "./utils/loanUtils.js";
-import { animationCoordinator as Jo, generateMapMarkers as Xo, getCoordinatesBetween as Yo, getCountryColor as Zo, getLoansIntervals as $o } from "./utils/mapUtils.js";
-import { lockPrintSingleEl as or, unlockPrintSingleEl as rr } from "./utils/printing.js";
-import { lockScroll as ar, lockScrollSmallOnly as fr, unlockScroll as lr, unlockScrollSmallOnly as sr } from "./utils/scrollLock.js";
-import { buildTailwindClassName as mr, headerNumberCase as pr, kebabCase as ur, removeObjectProperty as nr } from "./utils/themeUtils.js";
-import { throttle as vr } from "./utils/throttle.js";
-import { isTargetElement as ir, offBodyTouchstart as Cr, onBodyTouchstart as cr } from "./utils/touchEvents.js";
-import { getTreemap as Lr } from "./utils/treemap.js";
-import { KvBlueskyIcon as Pr } from "./assets/icons/bluesky.js";
+import { default as we } from "./vue/KvPagination.js";
+import { default as He } from "./vue/KvPieChart.js";
+import { default as ze } from "./vue/KvPopper.js";
+import { default as qe } from "./vue/KvProgressBar.js";
+import { default as Xe } from "./vue/KvRadio.js";
+import { default as Ze } from "./vue/KvSelect.js";
+import { default as eo } from "./vue/KvSideSheet.js";
+import { default as ro } from "./vue/KvSwitch.js";
+import { default as ao } from "./vue/KvTab.js";
+import { default as lo } from "./vue/KvTabPanel.js";
+import { default as mo } from "./vue/KvTabs.js";
+import { default as uo } from "./vue/KvTextInput.js";
+import { default as xo } from "./vue/KvTextLink.js";
+import { default as vo } from "./vue/KvThemeProvider.js";
+import { default as io } from "./vue/KvToast.js";
+import { default as _o } from "./vue/KvTooltip.js";
+import { default as To } from "./vue/KvTreeMapChart.js";
+import { default as Eo } from "./vue/KvUserAvatar.js";
+import { default as Ro } from "./vue/KvVerticalCarousel.js";
+import { default as Mo } from "./vue/KvVotingCard.js";
+import { default as So } from "./vue/KvVotingCardV2.js";
+import { KV_WIDE_LOAN_CARD_FRAGMENT as go, KV_WIDE_LOAN_CARD_USER_FRAGMENT as Po, default as ho } from "./vue/KvWideLoanCard.js";
+import { default as Vo, Mash as Bo } from "./utils/Alea.js";
+import { useAttrs as ko } from "./utils/attrs.js";
+import { carouselUtil as yo } from "./utils/carousels.js";
+import { collapse as wo, expand as Wo } from "./utils/expander.js";
+import { isLegacyPlaceholderAvatar as jo, randomizedUserAvatarClass as zo } from "./utils/imageUtils.js";
+import { LOAN_CALLOUTS_FRAGMENT as qo, LOAN_GEOCODE_FRAGMENT as Jo, LOAN_PROGRESS_FRAGMENT as Xo, loanCardComputedProperties as Yo, loanCardMethods as Zo } from "./utils/loanCard.js";
+import { BALANCE_CAMPAIGN as er, BASE_CAMPAIGN as or, ERL_COOKIE_NAME as rr, NO_BALANCE_CAMPAIGN as tr, TOP_UP_CAMPAIGN as ar, getDropdownPriceArray as fr, getLendCtaSelectedOption as lr, isBetween25And50 as sr, isLessThan25 as dr } from "./utils/loanUtils.js";
+import { animationCoordinator as pr, generateMapMarkers as ur, getCoordinatesBetween as nr, getCountryColor as xr, getLoansIntervals as Kr } from "./utils/mapUtils.js";
+import { lockPrintSingleEl as Ar, unlockPrintSingleEl as ir } from "./utils/printing.js";
+import { lockScroll as _r, lockScrollSmallOnly as Lr, unlockScroll as Tr, unlockScrollSmallOnly as Nr } from "./utils/scrollLock.js";
+import { buildTailwindClassName as cr, headerNumberCase as Rr, kebabCase as Or, removeObjectProperty as Mr } from "./utils/themeUtils.js";
+import { throttle as Sr } from "./utils/throttle.js";
+import { isTargetElement as gr, offBodyTouchstart as Pr, onBodyTouchstart as hr } from "./utils/touchEvents.js";
+import { getTreemap as Vr } from "./utils/treemap.js";
+import { KvBlueskyIcon as Dr } from "./assets/icons/bluesky.js";
 export {
-  ho as Alea,
-  Ro as BALANCE_CAMPAIGN,
-  Vo as BASE_CAMPAIGN,
-  Do as ERL_COOKIE_NAME,
+  Vo as Alea,
+  er as BALANCE_CAMPAIGN,
+  or as BASE_CAMPAIGN,
+  rr as ERL_COOKIE_NAME,
+  L as KV_CLASSIC_LOAN_CARD_FRAGMENT,
+  T as KV_CLASSIC_LOAN_CARD_USER_FRAGMET,
+  ee as KV_INTRODUCTION_LOAN_CARD_FRAGMENT,
+  oe as KV_INTRODUCTION_LOAN_CARD_USER_FRAGMENT,
+  le as KV_LEND_CTA_FRAGMENT,
+  se as KV_LEND_CTA_USER_FRAGMENT,
+  Ke as KV_LOAN_ACTIVITIES_FRAGMENT,
+  ie as KV_LOAN_BOOKMARK_FRAGMENT,
+  ce as KV_LOAN_TAG_FRAGMENT,
+  Se as KV_LOAN_USE_FRAGMENT,
+  go as KV_WIDE_LOAN_CARD_FRAGMENT,
+  Po as KV_WIDE_LOAN_CARD_USER_FRAGMENT,
   r as KvAccordionItem,
   a as KvActivityRow,
-  Pr as KvBlueskyIcon,
+  Dr as KvBlueskyIcon,
   l as KvBorrowerImage,
   d as KvButton,
   p as KvCarousel,
   n as KvCartModal,
-  v as KvCartPill,
-  i as KvCheckbox,
-  c as KvChip,
-  L as KvClassicLoanCard,
-  P as KvCommentsAdd,
-  T as KvCommentsContainer,
-  B as KvCommentsHeartButton,
-  k as KvCommentsList,
-  y as KvCommentsListItem,
-  E as KvCommentsReplyButton,
-  w as KvContentfulImg,
-  _ as KvCountdownTimer,
-  U as KvExpandable,
-  V as KvExpandableQuestion,
-  F as KvFlag,
-  j as KvGrid,
-  Q as KvImpactDashboardHeader,
-  q as KvInlineActivityCard,
-  X as KvInlineActivityFeed,
-  Z as KvIntroductionLoanCard,
-  ee as KvLendAmountButton,
-  re as KvLendCta,
-  ae as KvLightbox,
-  le as KvLineGraph,
+  K as KvCartPill,
+  A as KvCheckbox,
+  C as KvChip,
+  N as KvClassicLoanCard,
+  c as KvCommentsAdd,
+  O as KvCommentsContainer,
+  I as KvCommentsHeartButton,
+  G as KvCommentsList,
+  P as KvCommentsListItem,
+  F as KvCommentsReplyButton,
+  B as KvContentfulImg,
+  k as KvCountdownTimer,
+  y as KvExpandable,
+  w as KvExpandableQuestion,
+  H as KvFlag,
+  z as KvGrid,
+  q as KvImpactDashboardHeader,
+  X as KvInlineActivityCard,
+  Z as KvInlineActivityFeed,
+  re as KvIntroductionLoanCard,
+  ae as KvLendAmountButton,
+  de as KvLendCta,
+  pe as KvLightbox,
+  ne as KvLineGraph,
   Pe as KvLoadingPlaceholder,
-  Te as KvLoadingSpinner,
-  de as KvLoanActivities,
-  pe as KvLoanBookmark,
-  ne as KvLoanCallouts,
-  ve as KvLoanProgressGroup,
-  ie as KvLoanTag,
-  ce as KvLoanTeamPick,
-  Le as KvLoanUse,
+  Fe as KvLoadingSpinner,
+  ve as KvLoanActivities,
+  Ce as KvLoanBookmark,
+  Le as KvLoanCallouts,
+  Ne as KvLoanProgressGroup,
+  Re as KvLoanTag,
+  Me as KvLoanTeamPick,
+  Ge as KvLoanUse,
   Be as KvMap,
   ke as KvMaterialIcon,
   ye as KvPageContainer,
-  Ee as KvPagination,
-  we as KvPieChart,
-  _e as KvPopper,
-  Ue as KvProgressBar,
-  Ve as KvRadio,
-  Fe as KvSelect,
-  je as KvSideSheet,
-  Qe as KvSwitch,
-  qe as KvTab,
-  Xe as KvTabPanel,
-  Ze as KvTabs,
-  eo as KvTextInput,
-  ro as KvTextLink,
-  ao as KvThemeProvider,
-  lo as KvToast,
-  mo as KvTooltip,
-  uo as KvTreeMapChart,
-  xo as KvUserAvatar,
-  Ko as KvVerticalCarousel,
-  Co as KvVotingCard,
-  Ao as KvVotingCardV2,
-  go as KvWideLoanCard,
-  To as Mash,
-  Fo as NO_BALANCE_CAMPAIGN,
-  Ho as TOP_UP_CAMPAIGN,
-  Jo as animationCoordinator,
-  mr as buildTailwindClassName,
-  ko as carouselUtil,
-  yo as collapse,
-  Mo as expand,
-  Xo as generateMapMarkers,
-  Yo as getCoordinatesBetween,
-  Zo as getCountryColor,
-  jo as getDropdownPriceArray,
-  zo as getLendCtaSelectedOption,
-  $o as getLoansIntervals,
-  Lr as getTreemap,
-  pr as headerNumberCase,
-  Qo as isBetween25And50,
-  No as isLegacyPlaceholderAvatar,
-  Wo as isLessThan25,
-  ir as isTargetElement,
-  ur as kebabCase,
-  _o as loanCardComputedProperties,
-  Go as loanCardMethods,
-  or as lockPrintSingleEl,
-  ar as lockScroll,
-  fr as lockScrollSmallOnly,
-  Cr as offBodyTouchstart,
-  cr as onBodyTouchstart,
-  wo as randomizedUserAvatarClass,
-  nr as removeObjectProperty,
-  vr as throttle,
-  rr as unlockPrintSingleEl,
-  lr as unlockScroll,
-  sr as unlockScrollSmallOnly,
-  Bo as useAttrs
+  we as KvPagination,
+  He as KvPieChart,
+  ze as KvPopper,
+  qe as KvProgressBar,
+  Xe as KvRadio,
+  Ze as KvSelect,
+  eo as KvSideSheet,
+  ro as KvSwitch,
+  ao as KvTab,
+  lo as KvTabPanel,
+  mo as KvTabs,
+  uo as KvTextInput,
+  xo as KvTextLink,
+  vo as KvThemeProvider,
+  io as KvToast,
+  _o as KvTooltip,
+  To as KvTreeMapChart,
+  Eo as KvUserAvatar,
+  Ro as KvVerticalCarousel,
+  Mo as KvVotingCard,
+  So as KvVotingCardV2,
+  ho as KvWideLoanCard,
+  qo as LOAN_CALLOUTS_FRAGMENT,
+  Jo as LOAN_GEOCODE_FRAGMENT,
+  Xo as LOAN_PROGRESS_FRAGMENT,
+  Bo as Mash,
+  tr as NO_BALANCE_CAMPAIGN,
+  ar as TOP_UP_CAMPAIGN,
+  pr as animationCoordinator,
+  cr as buildTailwindClassName,
+  yo as carouselUtil,
+  wo as collapse,
+  Wo as expand,
+  ur as generateMapMarkers,
+  nr as getCoordinatesBetween,
+  xr as getCountryColor,
+  fr as getDropdownPriceArray,
+  lr as getLendCtaSelectedOption,
+  Kr as getLoansIntervals,
+  Vr as getTreemap,
+  Rr as headerNumberCase,
+  sr as isBetween25And50,
+  jo as isLegacyPlaceholderAvatar,
+  dr as isLessThan25,
+  gr as isTargetElement,
+  Or as kebabCase,
+  Yo as loanCardComputedProperties,
+  Zo as loanCardMethods,
+  Ar as lockPrintSingleEl,
+  _r as lockScroll,
+  Lr as lockScrollSmallOnly,
+  Pr as offBodyTouchstart,
+  hr as onBodyTouchstart,
+  zo as randomizedUserAvatarClass,
+  Mr as removeObjectProperty,
+  Sr as throttle,
+  ir as unlockPrintSingleEl,
+  Tr as unlockScroll,
+  Nr as unlockScrollSmallOnly,
+  ko as useAttrs
 };

package/dist/utils/loanCard.js

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

package/dist/vue/KvClassicLoanCard.css

@@ -1 +1 @@
-.loan-card-use[data-v-d014fd7b]:hover,.loan-card-use[data-v-d014fd7b]: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-d014fd7b]{text-decoration-line:underline}.loan-card-progress[data-v-d014fd7b]:hover,.loan-card-progress[data-v-d014fd7b]:focus{text-decoration-line:none}
+.loan-card-use[data-v-fcb027fa]:hover,.loan-card-use[data-v-fcb027fa]: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-fcb027fa]{text-decoration-line:underline}.loan-card-progress[data-v-fcb027fa]:hover,.loan-card-progress[data-v-fcb027fa]:focus{text-decoration-line:none}