@kiva/kv-components 6.60.0 → 6.61.0

package/dist/index.js

@@ -1,221 +1,225 @@
 import { default as t } from "./vue/KvAccordionItem.js";
-import { default as a } from "./vue/KvActivityRow.js";
+import { default as r } from "./vue/KvActivityRow.js";
 import { default as l } from "./vue/KvBorrowerImage.js";
 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 i } from "./vue/KvCartPill.js";
-import { default as C } from "./vue/KvCheckbox.js";
+import { default as A } from "./vue/KvCartPill.js";
+import { default as i } 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 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 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";
-import { default as q } from "./vue/KvExpandableQuestion.js";
-import { default as X } from "./vue/KvFlag.js";
-import { default as Z } from "./vue/KvGrid.js";
-import { default as ee } from "./vue/KvImpactDashboardHeader.js";
-import { default as te } from "./vue/KvImpactVerticalSelector.js";
-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 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 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 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";
-import { default as qe } from "./vue/KvPageContainer.js";
-import { default as Xe } from "./vue/KvPagination.js";
-import { default as Ze } from "./vue/KvPieChart.js";
-import { default as eo } from "./vue/KvPill.js";
-import { default as to } from "./vue/KvPopper.js";
-import { default as ao } from "./vue/KvProgressBar.js";
-import { default as lo } from "./vue/KvPulsingDot.js";
-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 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 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 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";
-import { default as Yo } from "./vue/KvSecondaryNav.js";
-import { default as $o } from "./vue/KvWwwHeader.js";
-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 { 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";
+import { KV_COMPACT_LOAN_CARD_FRAGMENT as S, KV_COMPACT_LOAN_CARD_USER_FRAGMENT as I, default as P } from "./vue/KvCompactLoanCard.js";
+import { default as G } from "./vue/KvCommentsAdd.js";
+import { default as F } from "./vue/KvCommentsContainer.js";
+import { default as D } from "./vue/KvCommentsHeartButton.js";
+import { default as B } from "./vue/KvCommentsList.js";
+import { default as y } from "./vue/KvCommentsListItem.js";
+import { default as w } from "./vue/KvCommentsReplyButton.js";
+import { default as H } from "./vue/KvContentfulImg.js";
+import { default as z } from "./vue/KvCountdownTimer.js";
+import { default as q } from "./vue/KvDatePicker.js";
+import { default as X } from "./vue/KvExpandable.js";
+import { default as Z } from "./vue/KvExpandableQuestion.js";
+import { default as ee } from "./vue/KvFlag.js";
+import { default as te } from "./vue/KvGrid.js";
+import { default as re } from "./vue/KvImpactDashboardHeader.js";
+import { default as le } from "./vue/KvImpactVerticalSelector.js";
+import { default as de } from "./vue/KvInlineActivityCard.js";
+import { default as pe } from "./vue/KvInlineActivityFeed.js";
+import { KV_INTRODUCTION_LOAN_CARD_FRAGMENT as xe, KV_INTRODUCTION_LOAN_CARD_USER_FRAGMENT as Ke, default as ne } from "./vue/KvIntroductionLoanCard.js";
+import { default as Ae } from "./vue/KvLendAmountButton.js";
+import { KV_LEND_CTA_FRAGMENT as ie, KV_LEND_CTA_USER_FRAGMENT as _e, default as Le } from "./vue/KvLendCta.js";
+import { default as Te } from "./vue/KvLightbox.js";
+import { default as Ee } from "./vue/KvLineGraph.js";
+import { KV_LOAN_ACTIVITIES_FRAGMENT as Me, default as Oe } from "./vue/KvLoanActivities.js";
+import { KV_LOAN_BOOKMARK_FRAGMENT as Ie, default as Pe } from "./vue/KvLoanBookmark.js";
+import { default as Ge } from "./vue/KvLoanCallouts.js";
+import { default as Fe } from "./vue/KvLoanProgressGroup.js";
+import { KV_LOAN_TAG_FRAGMENT as De, default as ke } from "./vue/KvLoanTag.js";
+import { default as Ue } from "./vue/KvLoanTeamPick.js";
+import { KV_LOAN_USE_FRAGMENT as be, default as we } from "./vue/KvLoanUse.js";
+import { default as He } from "./vue/KvLoadingPlaceholder.js";
+import { default as ze } from "./vue/KvLoadingSpinner.js";
+import { default as qe } from "./vue/KvMap.js";
+import { default as Xe } from "./vue/KvMaterialIcon.js";
+import { default as Ze } from "./vue/KvPageContainer.js";
+import { default as eo } from "./vue/KvPagination.js";
+import { default as to } from "./vue/KvPieChart.js";
+import { default as ro } from "./vue/KvPill.js";
+import { default as lo } from "./vue/KvPopper.js";
+import { default as mo } from "./vue/KvProgressBar.js";
+import { default as uo } from "./vue/KvPulsingDot.js";
+import { default as Ko } from "./vue/KvRadio.js";
+import { default as vo } from "./vue/KvSelect.js";
+import { default as Co } from "./vue/KvSideSheet.js";
+import { default as _o } from "./vue/KvSwitch.js";
+import { default as No } from "./vue/KvTab.js";
+import { default as co } from "./vue/KvTabPanel.js";
+import { default as Ro } from "./vue/KvTabs.js";
+import { default as Oo } from "./vue/KvTextInput.js";
+import { default as Io } from "./vue/KvTextLink.js";
+import { default as go } from "./vue/KvThemeProvider.js";
+import { default as ho } from "./vue/KvToast.js";
+import { default as Vo } from "./vue/KvTooltip.js";
+import { default as ko } from "./vue/KvTreeMapChart.js";
+import { default as Uo } from "./vue/KvUserAvatar.js";
+import { default as bo } from "./vue/KvUtilityMenu.js";
+import { default as Wo } from "./vue/KvVerticalCarousel.js";
+import { default as jo } from "./vue/KvVotingCard.js";
+import { default as Qo } from "./vue/KvVotingCardV2.js";
+import { KV_WIDE_LOAN_CARD_FRAGMENT as Jo, KV_WIDE_LOAN_CARD_USER_FRAGMENT as Xo, default as Yo } from "./vue/KvWideLoanCard.js";
+import { default as $o } from "./vue/KvAtbModal.js";
+import { default as ot } from "./vue/KvSecondaryNav.js";
+import { default as at } from "./vue/KvWwwHeader.js";
+import { default as ft, Mash as lt } from "./utils/Alea.js";
+import { useAttrs as dt } from "./utils/attrs.js";
+import { carouselUtil as pt } from "./utils/carousels.js";
+import { collapse as xt, expand as Kt } from "./utils/expander.js";
+import { getKivaImageUrl as vt, isLegacyPlaceholderAvatar as At, randomizedUserAvatarClass as Ct } from "./utils/imageUtils.js";
+import { LOAN_CALLOUTS_FRAGMENT as _t, LOAN_GEOCODE_FRAGMENT as Lt, LOAN_PROGRESS_FRAGMENT as Nt, loanCardComputedProperties as Tt, loanCardMethods as ct } from "./utils/loanCard.js";
+import { BALANCE_CAMPAIGN as Rt, BASE_CAMPAIGN as Mt, ERL_COOKIE_NAME as Ot, NO_BALANCE_CAMPAIGN as St, TOP_UP_CAMPAIGN as It, getDropdownPriceArray as Pt, getLendCtaSelectedOption as gt, isBetween25And50 as Gt, isLessThan25 as ht } from "./utils/loanUtils.js";
+import { animationCoordinator as Vt, generateMapMarkers as Dt, getCoordinatesBetween as kt, getCountryColor as Bt, getLoansIntervals as Ut } from "./utils/mapUtils.js";
+import { lockPrintSingleEl as bt, unlockPrintSingleEl as wt } from "./utils/printing.js";
+import { lockScroll as Ht, lockScrollSmallOnly as jt, unlockScroll as zt, unlockScrollSmallOnly as Qt } from "./utils/scrollLock.js";
+import { buildTailwindClassName as Jt, headerNumberCase as Xt, kebabCase as Yt, removeObjectProperty as Zt } from "./utils/themeUtils.js";
+import { throttle as ea } from "./utils/throttle.js";
+import { isTargetElement as ta, offBodyTouchstart as aa, onBodyTouchstart as ra } from "./utils/touchEvents.js";
+import { getTreemap as la } from "./utils/treemap.js";
+import { KvBlueskyIcon as da } from "./assets/icons/bluesky.js";
 export {
-  ot as Alea,
-  Nt as BALANCE_CAMPAIGN,
-  Tt as BASE_CAMPAIGN,
-  ct as ERL_COOKIE_NAME,
+  ft as Alea,
+  Rt as BALANCE_CAMPAIGN,
+  Mt as BASE_CAMPAIGN,
+  Ot 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,
-  me as KV_INTRODUCTION_LOAN_CARD_USER_FRAGMENT,
-  ne as KV_LEND_CTA_FRAGMENT,
-  ve as KV_LEND_CTA_USER_FRAGMENT,
-  Te as KV_LOAN_ACTIVITIES_FRAGMENT,
-  Re as KV_LOAN_BOOKMARK_FRAGMENT,
-  Ge as KV_LOAN_TAG_FRAGMENT,
-  ke as KV_LOAN_USE_FRAGMENT,
-  jo as KV_WIDE_LOAN_CARD_FRAGMENT,
-  zo as KV_WIDE_LOAN_CARD_USER_FRAGMENT,
+  S as KV_COMPACT_LOAN_CARD_FRAGMENT,
+  I as KV_COMPACT_LOAN_CARD_USER_FRAGMENT,
+  xe as KV_INTRODUCTION_LOAN_CARD_FRAGMENT,
+  Ke as KV_INTRODUCTION_LOAN_CARD_USER_FRAGMENT,
+  ie as KV_LEND_CTA_FRAGMENT,
+  _e as KV_LEND_CTA_USER_FRAGMENT,
+  Me as KV_LOAN_ACTIVITIES_FRAGMENT,
+  Ie as KV_LOAN_BOOKMARK_FRAGMENT,
+  De as KV_LOAN_TAG_FRAGMENT,
+  be as KV_LOAN_USE_FRAGMENT,
+  Jo as KV_WIDE_LOAN_CARD_FRAGMENT,
+  Xo as KV_WIDE_LOAN_CARD_USER_FRAGMENT,
   t as KvAccordionItem,
-  a as KvActivityRow,
-  Jo as KvAtbModal,
-  ar as KvBlueskyIcon,
+  r as KvActivityRow,
+  $o as KvAtbModal,
+  da as KvBlueskyIcon,
   l as KvBorrowerImage,
   d as KvButton,
   p as KvCardFrame,
   x as KvCarousel,
   n as KvCartModal,
-  i as KvCartPill,
-  C as KvCheckbox,
+  A as KvCartPill,
+  i as KvCheckbox,
   L as KvCheckoutReceipt,
   T as KvChip,
   M as KvClassicLoanCard,
-  I as KvCommentsAdd,
-  g as KvCommentsContainer,
-  G as KvCommentsHeartButton,
-  F as KvCommentsList,
-  D as KvCommentsListItem,
-  B as KvCommentsReplyButton,
-  U as KvContentfulImg,
-  w as KvCountdownTimer,
-  H as KvDatePicker,
-  z as KvExpandable,
-  q as KvExpandableQuestion,
-  X as KvFlag,
-  Z as KvGrid,
-  ee as KvImpactDashboardHeader,
-  te as KvImpactVerticalSelector,
-  ae as KvInlineActivityCard,
-  le as KvInlineActivityFeed,
-  pe as KvIntroductionLoanCard,
-  xe as KvLendAmountButton,
-  ie as KvLendCta,
-  Ce as KvLightbox,
-  Le as KvLineGraph,
-  Ue as KvLoadingPlaceholder,
-  we as KvLoadingSpinner,
-  ce as KvLoanActivities,
-  Me as KvLoanBookmark,
-  Ie as KvLoanCallouts,
-  ge as KvLoanProgressGroup,
-  he as KvLoanTag,
-  Ve as KvLoanTeamPick,
-  Be as KvLoanUse,
-  He as KvMap,
-  ze as KvMaterialIcon,
-  qe as KvPageContainer,
-  Xe as KvPagination,
-  Ze as KvPieChart,
-  eo as KvPill,
-  to as KvPopper,
-  ao as KvProgressBar,
-  lo as KvPulsingDot,
-  mo as KvRadio,
-  Yo as KvSecondaryNav,
-  uo as KvSelect,
-  Ko as KvSideSheet,
-  vo as KvSwitch,
-  Ao as KvTab,
-  _o as KvTabPanel,
-  No as KvTabs,
-  co as KvTextInput,
-  Ro as KvTextLink,
-  Oo as KvThemeProvider,
-  So as KvToast,
-  Po as KvTooltip,
-  ho as KvTreeMapChart,
-  Vo as KvUserAvatar,
-  ko as KvUtilityMenu,
-  yo as KvVerticalCarousel,
-  bo as KvVotingCard,
-  Wo as KvVotingCardV2,
-  Qo as KvWideLoanCard,
-  $o as KvWwwHeader,
-  vt as LOAN_CALLOUTS_FRAGMENT,
-  it as LOAN_GEOCODE_FRAGMENT,
-  At as LOAN_PROGRESS_FRAGMENT,
-  tt as Mash,
-  Et as NO_BALANCE_CAMPAIGN,
-  Rt as TOP_UP_CAMPAIGN,
-  Pt as animationCoordinator,
-  jt as buildTailwindClassName,
-  lt as carouselUtil,
-  dt as collapse,
-  mt as expand,
-  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,
-  Zt as isTargetElement,
-  Qt as kebabCase,
-  Ct as loanCardComputedProperties,
-  _t as loanCardMethods,
-  kt as lockPrintSingleEl,
-  Ut as lockScroll,
-  bt as lockScrollSmallOnly,
-  $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
+  G as KvCommentsAdd,
+  F as KvCommentsContainer,
+  D as KvCommentsHeartButton,
+  B as KvCommentsList,
+  y as KvCommentsListItem,
+  w as KvCommentsReplyButton,
+  P as KvCompactLoanCard,
+  H as KvContentfulImg,
+  z as KvCountdownTimer,
+  q as KvDatePicker,
+  X as KvExpandable,
+  Z as KvExpandableQuestion,
+  ee as KvFlag,
+  te as KvGrid,
+  re as KvImpactDashboardHeader,
+  le as KvImpactVerticalSelector,
+  de as KvInlineActivityCard,
+  pe as KvInlineActivityFeed,
+  ne as KvIntroductionLoanCard,
+  Ae as KvLendAmountButton,
+  Le as KvLendCta,
+  Te as KvLightbox,
+  Ee as KvLineGraph,
+  He as KvLoadingPlaceholder,
+  ze as KvLoadingSpinner,
+  Oe as KvLoanActivities,
+  Pe as KvLoanBookmark,
+  Ge as KvLoanCallouts,
+  Fe as KvLoanProgressGroup,
+  ke as KvLoanTag,
+  Ue as KvLoanTeamPick,
+  we as KvLoanUse,
+  qe as KvMap,
+  Xe as KvMaterialIcon,
+  Ze as KvPageContainer,
+  eo as KvPagination,
+  to as KvPieChart,
+  ro as KvPill,
+  lo as KvPopper,
+  mo as KvProgressBar,
+  uo as KvPulsingDot,
+  Ko as KvRadio,
+  ot as KvSecondaryNav,
+  vo as KvSelect,
+  Co as KvSideSheet,
+  _o as KvSwitch,
+  No as KvTab,
+  co as KvTabPanel,
+  Ro as KvTabs,
+  Oo as KvTextInput,
+  Io as KvTextLink,
+  go as KvThemeProvider,
+  ho as KvToast,
+  Vo as KvTooltip,
+  ko as KvTreeMapChart,
+  Uo as KvUserAvatar,
+  bo as KvUtilityMenu,
+  Wo as KvVerticalCarousel,
+  jo as KvVotingCard,
+  Qo as KvVotingCardV2,
+  Yo as KvWideLoanCard,
+  at as KvWwwHeader,
+  _t as LOAN_CALLOUTS_FRAGMENT,
+  Lt as LOAN_GEOCODE_FRAGMENT,
+  Nt as LOAN_PROGRESS_FRAGMENT,
+  lt as Mash,
+  St as NO_BALANCE_CAMPAIGN,
+  It as TOP_UP_CAMPAIGN,
+  Vt as animationCoordinator,
+  Jt as buildTailwindClassName,
+  pt as carouselUtil,
+  xt as collapse,
+  Kt as expand,
+  Dt as generateMapMarkers,
+  kt as getCoordinatesBetween,
+  Bt as getCountryColor,
+  Pt as getDropdownPriceArray,
+  vt as getKivaImageUrl,
+  gt as getLendCtaSelectedOption,
+  Ut as getLoansIntervals,
+  la as getTreemap,
+  Xt as headerNumberCase,
+  Gt as isBetween25And50,
+  At as isLegacyPlaceholderAvatar,
+  ht as isLessThan25,
+  ta as isTargetElement,
+  Yt as kebabCase,
+  Tt as loanCardComputedProperties,
+  ct as loanCardMethods,
+  bt as lockPrintSingleEl,
+  Ht as lockScroll,
+  jt as lockScrollSmallOnly,
+  aa as offBodyTouchstart,
+  ra as onBodyTouchstart,
+  Ct as randomizedUserAvatarClass,
+  Zt as removeObjectProperty,
+  ea as throttle,
+  wt as unlockPrintSingleEl,
+  zt as unlockScroll,
+  Qt as unlockScrollSmallOnly,
+  dt as useAttrs
 };

package/dist/vue/KvCompactLoanCard.css

@@ -0,0 +1 @@
+.loan-card-use[data-v-9340d33c]:hover,.loan-card-use[data-v-9340d33c]: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-9340d33c]{text-decoration-line:underline}.loan-card-progress[data-v-9340d33c]:hover,.loan-card-progress[data-v-9340d33c]:focus{text-decoration-line:none}.loan-card-use-text[data-v-9340d33c] p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden;text-overflow:ellipsis}.loan-card-cta[data-v-9340d33c] form,.loan-card-cta[data-v-9340d33c] fieldset,.loan-card-cta[data-v-9340d33c] .tw-w-full,.loan-card-cta[data-v-9340d33c] button{height:40px!important;max-height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important}.loan-card-cta[data-v-9340d33c] .tw-inline-flex{height:40px!important;max-height:40px!important;min-height:40px!important}

package/dist/vue/KvCompactLoanCard.js

@@ -0,0 +1,393 @@
+import p from "graphql-tag";
+import E from "numeral";
+import { mdiMapMarker as O, mdiHome as D } from "@mdi/js";
+import { LOAN_CALLOUTS_FRAGMENT as S, LOAN_GEOCODE_FRAGMENT as G, LOAN_PROGRESS_FRAGMENT as V, loanCardComputedProperties as U, loanCardMethods as I } from "../utils/loanCard.js";
+import H, { KV_LOAN_USE_FRAGMENT as j } from "./KvLoanUse.js";
+import q from "./KvBorrowerImage.js";
+import Z from "./KvLoanCallouts.js";
+import z, { KV_LEND_CTA_FRAGMENT as J, KV_LEND_CTA_USER_FRAGMENT as Q } from "./KvLendCta.js";
+import W, { KV_LOAN_BOOKMARK_FRAGMENT as X } from "./KvLoanBookmark.js";
+import Y from "./KvLoanProgressGroup.js";
+import $, { KV_LOAN_TAG_FRAGMENT as ee } from "./KvLoanTag.js";
+import te from "./KvMaterialIcon.js";
+import oe from "./KvLoadingPlaceholder.js";
+import ae from "./KvLoanTeamPick.js";
+import { resolveComponent as i, openBlock as n, createElementBlock as d, createElementVNode as r, createVNode as m, createBlock as u, resolveDynamicComponent as C, withCtx as A, createCommentVNode as k, Fragment as y, renderList as ne, normalizeClass as x } from "vue";
+import "./KvCompactLoanCard.css";
+import le from "../_virtual/_plugin-vue_export-helper.js";
+const Oe = p`
+	fragment KvCompactLoanCard on LoanBasic {
+		id
+		image {
+			id
+			hash
+		}
+		lenders(limit: 0) {
+			totalCount
+		}
+		loanFundraisingInfo {
+			id
+			fundedAmount
+		}
+		name
+		...KvLendCta
+		...KvLoanTag
+		...KvLoanUse
+		...LoanCallouts
+		...LoanGeocode
+		...LoanProgress
+	}
+	${J}
+	${ee}
+	${j}
+	${S}
+	${G}
+	${V}
+`, De = p`
+	fragment KvCompactLoanCardUser on LoanBasic {
+		id
+		...KvLendCtaUser
+		...KvLoanBookmark
+	}
+	${Q}
+	${X}
+`, re = {
+  name: "KvCompactLoanCard",
+  components: {
+    KvBorrowerImage: q,
+    KvLoadingPlaceholder: oe,
+    KvLoanUse: H,
+    KvMaterialIcon: te,
+    KvLendCta: z,
+    KvLoanTag: $,
+    KvLoanCallouts: Z,
+    KvLoanBookmark: W,
+    KvLoanTeamPick: ae,
+    KvLoanProgressGroup: Y
+  },
+  props: {
+    loanId: {
+      type: Number,
+      default: void 0
+    },
+    loan: {
+      type: Object,
+      default: null
+    },
+    customLoanDetails: {
+      type: Boolean,
+      default: !1
+    },
+    showTags: {
+      type: Boolean,
+      default: !0
+    },
+    categoryPageName: {
+      type: String,
+      default: ""
+    },
+    enableFiveDollarsNotes: {
+      type: Boolean,
+      default: !1
+    },
+    isAdding: {
+      type: Boolean,
+      default: !1
+    },
+    isVisitor: {
+      type: Boolean,
+      default: !0
+    },
+    basketItems: {
+      type: Array,
+      default: () => []
+    },
+    isBookmarked: {
+      type: Boolean,
+      default: !1
+    },
+    kvTrackFunction: {
+      type: Function,
+      required: !0
+    },
+    photoPath: {
+      type: String,
+      required: !0
+    },
+    showViewLoan: {
+      type: Boolean,
+      default: !1
+    },
+    externalLinks: {
+      type: Boolean,
+      default: !1
+    },
+    route: {
+      type: Object,
+      default: void 0
+    },
+    userBalance: {
+      type: String,
+      default: void 0
+    },
+    getCookie: {
+      type: Function,
+      default: void 0
+    },
+    setCookie: {
+      type: Function,
+      default: void 0
+    },
+    fiveDollarsSelected: {
+      type: Boolean,
+      default: !1
+    },
+    customCallouts: {
+      type: Array,
+      default: () => []
+    },
+    isTeamPick: {
+      type: Boolean,
+      default: !1
+    },
+    primaryButtonText: {
+      type: String,
+      default: "Lend"
+    },
+    secondaryButtonHandler: {
+      type: Function,
+      default: void 0
+    },
+    secondaryButtonText: {
+      type: String,
+      default: "Checkout now"
+    },
+    showContributors: {
+      type: Boolean,
+      default: !1
+    },
+    customHref: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(l, { emit: o }) {
+    const {
+      allDataLoaded: t,
+      borrowerName: e,
+      city: L,
+      countryName: b,
+      distributionModel: c,
+      formattedLocation: f,
+      fundraisingPercent: s,
+      hasProgressData: w,
+      imageHash: g,
+      isLoading: h,
+      loanAmount: v,
+      loanBorrowerCount: a,
+      loanCallouts: _,
+      loanStatus: B,
+      loanUse: N,
+      readMorePath: T,
+      state: K,
+      tag: M,
+      unreservedAmount: P,
+      sharesAvailable: F
+    } = U(l), {
+      clickReadMore: R
+    } = I(l, o);
+    return {
+      allDataLoaded: t,
+      borrowerName: e,
+      city: L,
+      countryName: b,
+      distributionModel: c,
+      formattedLocation: f,
+      fundraisingPercent: s,
+      hasProgressData: w,
+      imageHash: g,
+      isLoading: h,
+      loanAmount: v,
+      loanBorrowerCount: a,
+      loanCallouts: _,
+      loanStatus: B,
+      loanUse: N,
+      mdiMapMarker: O,
+      mdiHome: D,
+      readMorePath: T,
+      state: K,
+      tag: M,
+      unreservedAmount: P,
+      sharesAvailable: F,
+      clickReadMore: R
+    };
+  },
+  computed: {
+    lendersNumber() {
+      var l, o;
+      return ((o = (l = this.loan) == null ? void 0 : l.lenders) == null ? void 0 : o.totalCount) ?? 0;
+    },
+    amountLent() {
+      var o, t;
+      const l = ((t = (o = this.loan) == null ? void 0 : o.loanFundraisingInfo) == null ? void 0 : t.fundedAmount) ?? 0;
+      return E(l).format("$0,0");
+    }
+  }
+}, se = { class: "tw-flex tw-flex-col tw-items-start tw-gap-3 tw-w-full" }, ie = { class: "tw-flex tw-items-start tw-gap-3 tw-w-full" }, de = { class: "tw-flex tw-flex-col tw-items-start tw-justify-between tw-p-1 tw-bg-white tw-rounded-md tw-shadow-lg tw-w-80" }, me = { class: "tw-flex tw-flex-col tw-items-start tw-w-full" }, ue = { class: "tw-flex tw-items-start tw-gap-2 tw-w-full" }, ce = { class: "tw-flex-shrink-0 tw-overflow-hidden" }, fe = {
+  class: "tw-flex tw-flex-col tw-items-start tw-gap-1 tw-flex-1",
+  style: { height: "7.25rem" }
+}, we = {
+  key: 0,
+  class: "loan-card-use-text tw-w-full tw-overflow-hidden",
+  style: { width: "13rem" }
+}, ge = {
+  key: 1,
+  class: "loan-card-use-text tw-w-full tw-overflow-hidden"
+}, he = { class: "tw-flex-1" }, ve = { class: "tw-flex-1 tw-min-w-0" };
+function _e(l, o, t, e, L, b) {
+  const c = i("kv-borrower-image"), f = i("kv-loan-tag"), s = i("kv-loading-placeholder"), w = i("kv-loan-use"), g = i("kv-loan-callouts"), h = i("kv-loan-progress-group"), v = i("kv-lend-cta");
+  return n(), d("div", se, [
+    r("div", ie, [
+      r("div", de, [
+        r("div", me, [
+          r("div", ue, [
+            r("div", ce, [
+              m(c, {
+                class: "tw-bg-gray-300 tw-rounded-md tw-object-cover",
+                style: { width: "100px", height: "100px" },
+                alt: `Photo of ${e.borrowerName}`,
+                "aspect-ratio": 1,
+                "default-image": { width: 200, faceZoom: 50 },
+                hash: e.imageHash,
+                images: [{ width: 200, faceZoom: 50 }],
+                "photo-path": t.photoPath
+              }, null, 8, ["alt", "hash", "photo-path"])
+            ]),
+            r("div", fe, [
+              (n(), u(C(e.tag), {
+                to: e.readMorePath,
+                href: e.readMorePath,
+                class: "tw-flex tw-no-underline hover:tw-no-underline focus:tw-no-underline -tw-mt-1",
+                "aria-label": "Loan tag",
+                onClick: o[0] || (o[0] = (a) => e.clickReadMore("Tag", a))
+              }, {
+                default: A(() => [
+                  t.showTags && !e.isLoading ? (n(), u(f, {
+                    key: 0,
+                    loan: t.loan
+                  }, null, 8, ["loan"])) : k("", !0)
+                ]),
+                _: 1
+              }, 8, ["to", "href"])),
+              e.isLoading ? (n(), d("div", we, [
+                (n(!0), d(y, null, ne([...Array(4)], (a, _) => (n(), d("div", {
+                  key: _,
+                  class: "tw-h-2 tw-mb-1"
+                }, [
+                  m(s)
+                ]))), 128))
+              ])) : (n(), d("div", ge, [
+                m(w, {
+                  use: e.loanUse,
+                  "loan-amount": e.loanAmount,
+                  status: e.loanStatus,
+                  "borrower-count": e.loanBorrowerCount,
+                  name: e.borrowerName,
+                  "distribution-model": e.distributionModel,
+                  class: "tw-text-small tw-leading-tight"
+                }, null, 8, ["use", "loan-amount", "status", "borrower-count", "name", "distribution-model"])
+              ]))
+            ])
+          ]),
+          e.isLoading || typeof e.loanCallouts > "u" ? (n(), u(s, {
+            key: 0,
+            class: "tw-mt-1.5 tw-mb-1 tw-rounded-full",
+            style: { width: "60%", height: "1.5rem" }
+          })) : (n(), u(g, {
+            key: 1,
+            callouts: e.loanCallouts,
+            class: "tw-mt-1.5",
+            onClick: o[1] || (o[1] = (a) => l.$emit("jump-filter-page", a))
+          }, null, 8, ["callouts"]))
+        ]),
+        r("div", {
+          class: x(["tw-flex tw-items-end tw-w-full tw-mt-1", { "tw-gap-2": e.sharesAvailable }])
+        }, [
+          e.hasProgressData ? (n(), d(y, { key: 1 }, [
+            r("div", ve, [
+              e.sharesAvailable ? (n(), u(C(e.tag), {
+                key: 0,
+                to: e.readMorePath,
+                href: e.readMorePath,
+                class: "loan-card-progress tw-no-underline tw-block",
+                "aria-label": "Loan progress",
+                onClick: o[2] || (o[2] = (a) => e.clickReadMore("Progress", a))
+              }, {
+                default: A(() => [
+                  m(h, {
+                    id: "loanProgress",
+                    "money-left": e.unreservedAmount,
+                    "progress-percent": e.fundraisingPercent,
+                    class: "tw-text-black"
+                  }, null, 8, ["money-left", "progress-percent"])
+                ]),
+                _: 1
+              }, 8, ["to", "href"])) : k("", !0)
+            ]),
+            r("div", {
+              class: x(["tw-flex-shrink-0 loan-card-cta", { "tw-w-full": !e.sharesAvailable }]),
+              style: { height: "40px" }
+            }, [
+              m(v, {
+                loan: t.loan,
+                "unreserved-amount": e.unreservedAmount,
+                "basket-items": t.basketItems,
+                "is-loading": e.isLoading,
+                "is-adding": t.isAdding,
+                "enable-five-dollars-notes": t.enableFiveDollarsNotes,
+                "five-dollars-selected": t.fiveDollarsSelected,
+                "kv-track-function": t.kvTrackFunction,
+                "show-view-loan": t.showViewLoan,
+                "custom-loan-details": t.customLoanDetails,
+                "external-links": t.externalLinks,
+                route: t.route,
+                "user-balance": t.userBalance,
+                "get-cookie": t.getCookie,
+                "set-cookie": t.setCookie,
+                "is-visitor": t.isVisitor,
+                "primary-button-text": t.primaryButtonText,
+                "secondary-button-text": t.secondaryButtonText,
+                "secondary-button-handler": t.secondaryButtonHandler,
+                onAddToBasket: o[3] || (o[3] = (a) => l.$emit("add-to-basket", a)),
+                onShowLoanDetails: o[4] || (o[4] = (a) => e.clickReadMore("ViewLoan", a)),
+                onRemoveFromBasket: o[5] || (o[5] = (a) => l.$emit("remove-from-basket", a))
+              }, null, 8, ["loan", "unreserved-amount", "basket-items", "is-loading", "is-adding", "enable-five-dollars-notes", "five-dollars-selected", "kv-track-function", "show-view-loan", "custom-loan-details", "external-links", "route", "user-balance", "get-cookie", "set-cookie", "is-visitor", "primary-button-text", "secondary-button-text", "secondary-button-handler"])
+            ], 2)
+          ], 64)) : (n(), d(y, { key: 0 }, [
+            r("div", he, [
+              m(s, {
+                class: "tw-mb-0.5",
+                style: { width: "11rem", height: "1rem" }
+              }),
+              m(s, {
+                class: "tw-rounded",
+                style: { width: "11rem", height: "0.5rem" }
+              })
+            ]),
+            e.allDataLoaded ? k("", !0) : (n(), u(s, {
+              key: 0,
+              class: "tw-rounded tw-flex-shrink-0",
+              style: { width: "8rem", height: "2.5rem" }
+            }))
+          ], 64))
+        ], 2)
+      ])
+    ])
+  ]);
+}
+const Se = /* @__PURE__ */ le(re, [["render", _e], ["__scopeId", "data-v-9340d33c"]]);
+export {
+  Oe as KV_COMPACT_LOAN_CARD_FRAGMENT,
+  De as KV_COMPACT_LOAN_CARD_USER_FRAGMENT,
+  Se as default
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "6.60.0",
+  "version": "6.61.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -114,5 +114,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "336fb4dffcbc3937f8689665cd5400ab292c6df9"
+  "gitHead": "af604e490b9ad129ebc44f950c32b485ab413e18"
 }