@kiva/kv-components 8.1.0 → 8.2.0

package/dist/index.js

@@ -15,7 +15,7 @@ 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 h } from "./vue/KvCommentsList.js";
-import { default as D } from "./vue/KvCommentsListItem.js";
+import { default as B } from "./vue/KvCommentsListItem.js";
 import { default as y } from "./vue/KvCommentsReplyButton.js";
 import { default as k } from "./vue/KvContentfulImg.js";
 import { default as w } from "./vue/KvCountdownTimer.js";
@@ -24,108 +24,109 @@ 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 oo } from "./vue/KvImpactDashboardHeader.js";
-import { default as ro } from "./vue/KvImpactVerticalSelector.js";
-import { default as ao } from "./vue/KvInlineActivityCard.js";
-import { default as lo } from "./vue/KvInlineActivityFeed.js";
-import { default as so } from "./vue/KvIntroductionLoanCard.js";
-import { default as xo } from "./vue/KvLendAmountButton.js";
-import { default as no } from "./vue/KvLendCta.js";
-import { default as vo } from "./vue/KvLightbox.js";
-import { default as io } from "./vue/KvLineGraph.js";
-import { default as _o } from "./vue/KvLoanActivities.js";
-import { default as No } from "./vue/KvLoanBookmark.js";
-import { default as co } from "./vue/KvLoanCallouts.js";
-import { KV_LOAN_INFO_CARD_FRAGMENT as Ro, default as Oo } from "./vue/KvLoanInfoCard.js";
-import { default as Io } from "./vue/KvLoanProgressGroup.js";
-import { default as go } from "./vue/KvLoanTag.js";
-import { default as Go } from "./vue/KvLoanTeamPick.js";
-import { default as ho } from "./vue/KvLoanUse.js";
-import { default as Do } from "./vue/KvLoadingPlaceholder.js";
-import { default as yo } from "./vue/KvLoadingSpinner.js";
-import { default as ko } from "./vue/KvMap.js";
-import { default as wo } from "./vue/KvMaterialIcon.js";
-import { default as Ho } from "./vue/KvPageContainer.js";
-import { default as zo } from "./vue/KvPagination.js";
-import { default as qo } from "./vue/KvPieChart.js";
-import { default as Xo } from "./vue/KvPill.js";
-import { default as Zo } from "./vue/KvPopper.js";
-import { default as oe } from "./vue/KvProgressBar.js";
-import { default as re } from "./vue/KvPulsingDot.js";
-import { default as ae } from "./vue/KvRadio.js";
-import { default as le } from "./vue/KvSelect.js";
-import { default as se } from "./vue/KvSideSheet.js";
-import { default as pe } from "./vue/KvSwitch.js";
-import { default as ue } from "./vue/KvTab.js";
-import { default as Ke } from "./vue/KvTabPanel.js";
-import { default as Ae } from "./vue/KvTabs.js";
-import { default as Ce } from "./vue/KvTextInput.js";
-import { default as Le } from "./vue/KvTextLink.js";
-import { default as Te } from "./vue/KvThemeProvider.js";
-import { default as Ee } from "./vue/KvToast.js";
-import { default as Oe } from "./vue/KvTooltip.js";
-import { default as Ie } from "./vue/KvTreeMapChart.js";
-import { default as ge } from "./vue/KvUserAvatar.js";
-import { default as Ge } from "./vue/KvUtilityMenu.js";
-import { default as he } from "./vue/KvVerticalCarousel.js";
-import { default as De } from "./vue/KvVotingCard.js";
-import { default as ye } from "./vue/KvVotingCardV2.js";
-import { default as ke } from "./vue/KvWideLoanCard.js";
-import { default as we } from "./vue/KvAtbModal.js";
-import { default as He } from "./vue/KvSecondaryNav.js";
-import { default as ze } from "./vue/KvWwwHeader.js";
-import { default as qe, Mash as Je } from "./utils/Alea.js";
-import { groupBy as Ye, sortBy as Ze } from "./utils/arrayUtils.js";
-import { useAttrs as or } from "./utils/attrs.js";
-import { carouselUtil as rr } from "./utils/carousels.js";
-import { abc as ar, indexIn as fr, startsWith as lr } from "./utils/comparators.js";
-import { debounce as sr } from "./utils/debounce.js";
-import { useEventListener as pr } from "./utils/event.js";
-import { collapse as ur, expand as nr } from "./utils/expander.js";
-import { getKivaImageUrl as vr, isLegacyPlaceholderAvatar as Ar, randomizedUserAvatarClass as ir } from "./utils/imageUtils.js";
-import { LOAN_CALLOUTS_FRAGMENT as _r, LOAN_GEOCODE_FRAGMENT as Lr, LOAN_PROGRESS_FRAGMENT as Nr, loanCardComputedProperties as Tr, loanCardMethods as cr } from "./utils/loanCard.js";
-import { BALANCE_CAMPAIGN as Rr, BASE_CAMPAIGN as Or, ERL_COOKIE_NAME as Mr, NO_BALANCE_CAMPAIGN as Ir, TOP_UP_CAMPAIGN as Sr, getDropdownPriceArray as gr, getLendCtaSelectedOption as Pr, isBetween25And50 as Gr, isLessThan25 as Fr, truncateStringByWords as hr } from "./utils/loanUtils.js";
-import { animationCoordinator as Dr, generateMapMarkers as Br, getCoordinatesBetween as yr, getCountryColor as br, getLoansIntervals as kr } from "./utils/mapUtils.js";
-import { lockPrintSingleEl as wr, unlockPrintSingleEl as Wr } from "./utils/printing.js";
-import { lockScroll as jr, lockScrollSmallOnly as zr, unlockScroll as Qr, unlockScrollSmallOnly as qr } from "./utils/scrollLock.js";
-import { buildTailwindClassName as Xr, headerNumberCase as Yr, kebabCase as Zr, removeObjectProperty as $r } from "./utils/themeUtils.js";
-import { throttle as et } from "./utils/throttle.js";
-import { isTargetElement as tt, offBodyTouchstart as at, onBodyTouchstart as ft } from "./utils/touchEvents.js";
-import { getTreemap as mt } from "./utils/treemap.js";
-import { KvBlueskyIcon as dt } from "./assets/icons/bluesky.js";
-import { KV_CLASSIC_LOAN_CARD_FRAGMENT as xt, KV_CLASSIC_LOAN_CARD_USER_FRAGMET as ut } from "./vue/KvClassicLoanCard2.js";
-import { KV_COMPACT_LOAN_CARD_FRAGMENT as Kt, KV_COMPACT_LOAN_CARD_USER_FRAGMENT as vt } from "./vue/KvCompactLoanCard2.js";
-import { KV_INTRODUCTION_LOAN_CARD_FRAGMENT as it, KV_INTRODUCTION_LOAN_CARD_USER_FRAGMENT as Ct } from "./vue/KvIntroductionLoanCard2.js";
-import { KV_LEND_CTA_FRAGMENT as Lt, KV_LEND_CTA_USER_FRAGMENT as Nt } from "./vue/KvLendCta2.js";
-import { KV_LOAN_ACTIVITIES_FRAGMENT as ct } from "./vue/KvLoanActivities2.js";
-import { KV_LOAN_BOOKMARK_FRAGMENT as Rt } from "./vue/KvLoanBookmark2.js";
-import { KV_LOAN_TAG_FRAGMENT as Mt } from "./vue/KvLoanTag2.js";
-import { KV_LOAN_USE_FRAGMENT as St } from "./vue/KvLoanUse2.js";
-import { KV_WIDE_LOAN_CARD_FRAGMENT as Pt, KV_WIDE_LOAN_CARD_USER_FRAGMENT as Gt } from "./vue/KvWideLoanCard2.js";
+import { default as oo } from "./vue/KvIconButton.js";
+import { default as ro } from "./vue/KvImpactDashboardHeader.js";
+import { default as ao } from "./vue/KvImpactVerticalSelector.js";
+import { default as lo } from "./vue/KvInlineActivityCard.js";
+import { default as so } from "./vue/KvInlineActivityFeed.js";
+import { default as xo } from "./vue/KvIntroductionLoanCard.js";
+import { default as no } from "./vue/KvLendAmountButton.js";
+import { default as vo } from "./vue/KvLendCta.js";
+import { default as io } from "./vue/KvLightbox.js";
+import { default as _o } from "./vue/KvLineGraph.js";
+import { default as No } from "./vue/KvLoanActivities.js";
+import { default as co } from "./vue/KvLoanBookmark.js";
+import { default as Ro } from "./vue/KvLoanCallouts.js";
+import { KV_LOAN_INFO_CARD_FRAGMENT as Mo, default as Io } from "./vue/KvLoanInfoCard.js";
+import { default as go } from "./vue/KvLoanProgressGroup.js";
+import { default as Go } from "./vue/KvLoanTag.js";
+import { default as ho } from "./vue/KvLoanTeamPick.js";
+import { default as Bo } from "./vue/KvLoanUse.js";
+import { default as yo } from "./vue/KvLoadingPlaceholder.js";
+import { default as ko } from "./vue/KvLoadingSpinner.js";
+import { default as wo } from "./vue/KvMap.js";
+import { default as Ho } from "./vue/KvMaterialIcon.js";
+import { default as zo } from "./vue/KvPageContainer.js";
+import { default as qo } from "./vue/KvPagination.js";
+import { default as Xo } from "./vue/KvPieChart.js";
+import { default as Zo } from "./vue/KvPill.js";
+import { default as oe } from "./vue/KvPopper.js";
+import { default as re } from "./vue/KvProgressBar.js";
+import { default as ae } from "./vue/KvPulsingDot.js";
+import { default as le } from "./vue/KvRadio.js";
+import { default as se } from "./vue/KvSelect.js";
+import { default as pe } from "./vue/KvSideSheet.js";
+import { default as ue } from "./vue/KvSwitch.js";
+import { default as Ke } from "./vue/KvTab.js";
+import { default as Ae } from "./vue/KvTabPanel.js";
+import { default as Ce } from "./vue/KvTabs.js";
+import { default as Le } from "./vue/KvTextInput.js";
+import { default as Te } from "./vue/KvTextLink.js";
+import { default as Ee } from "./vue/KvThemeProvider.js";
+import { default as Oe } from "./vue/KvToast.js";
+import { default as Ie } from "./vue/KvTooltip.js";
+import { default as ge } from "./vue/KvTreeMapChart.js";
+import { default as Ge } from "./vue/KvUserAvatar.js";
+import { default as he } from "./vue/KvUtilityMenu.js";
+import { default as Be } from "./vue/KvVerticalCarousel.js";
+import { default as ye } from "./vue/KvVotingCard.js";
+import { default as ke } from "./vue/KvVotingCardV2.js";
+import { default as we } from "./vue/KvWideLoanCard.js";
+import { default as He } from "./vue/KvAtbModal.js";
+import { default as ze } from "./vue/KvSecondaryNav.js";
+import { default as qe } from "./vue/KvWwwHeader.js";
+import { default as Xe, Mash as Ye } from "./utils/Alea.js";
+import { groupBy as $e, sortBy as or } from "./utils/arrayUtils.js";
+import { useAttrs as rr } from "./utils/attrs.js";
+import { carouselUtil as ar } from "./utils/carousels.js";
+import { abc as lr, indexIn as mr, startsWith as sr } from "./utils/comparators.js";
+import { debounce as pr } from "./utils/debounce.js";
+import { useEventListener as ur } from "./utils/event.js";
+import { collapse as Kr, expand as vr } from "./utils/expander.js";
+import { getKivaImageUrl as ir, isLegacyPlaceholderAvatar as Cr, randomizedUserAvatarClass as _r } from "./utils/imageUtils.js";
+import { LOAN_CALLOUTS_FRAGMENT as Nr, LOAN_GEOCODE_FRAGMENT as Tr, LOAN_PROGRESS_FRAGMENT as cr, loanCardComputedProperties as Er, loanCardMethods as Rr } from "./utils/loanCard.js";
+import { BALANCE_CAMPAIGN as Mr, BASE_CAMPAIGN as Ir, ERL_COOKIE_NAME as Sr, NO_BALANCE_CAMPAIGN as gr, TOP_UP_CAMPAIGN as Pr, getDropdownPriceArray as Gr, getLendCtaSelectedOption as Fr, isBetween25And50 as hr, isLessThan25 as Vr, truncateStringByWords as Br } from "./utils/loanUtils.js";
+import { animationCoordinator as yr, generateMapMarkers as br, getCoordinatesBetween as kr, getCountryColor as Ur, getLoansIntervals as wr } from "./utils/mapUtils.js";
+import { lockPrintSingleEl as Hr, unlockPrintSingleEl as jr } from "./utils/printing.js";
+import { lockScroll as Qr, lockScrollSmallOnly as qr, unlockScroll as Jr, unlockScrollSmallOnly as Xr } from "./utils/scrollLock.js";
+import { buildTailwindClassName as Zr, headerNumberCase as $r, kebabCase as ot, removeObjectProperty as et } from "./utils/themeUtils.js";
+import { throttle as tt } from "./utils/throttle.js";
+import { isTargetElement as ft, offBodyTouchstart as lt, onBodyTouchstart as mt } from "./utils/touchEvents.js";
+import { getTreemap as dt } from "./utils/treemap.js";
+import { KvBlueskyIcon as xt } from "./assets/icons/bluesky.js";
+import { KV_CLASSIC_LOAN_CARD_FRAGMENT as nt, KV_CLASSIC_LOAN_CARD_USER_FRAGMET as Kt } from "./vue/KvClassicLoanCard2.js";
+import { KV_COMPACT_LOAN_CARD_FRAGMENT as At, KV_COMPACT_LOAN_CARD_USER_FRAGMENT as it } from "./vue/KvCompactLoanCard2.js";
+import { KV_INTRODUCTION_LOAN_CARD_FRAGMENT as _t, KV_INTRODUCTION_LOAN_CARD_USER_FRAGMENT as Lt } from "./vue/KvIntroductionLoanCard2.js";
+import { KV_LEND_CTA_FRAGMENT as Tt, KV_LEND_CTA_USER_FRAGMENT as ct } from "./vue/KvLendCta2.js";
+import { KV_LOAN_ACTIVITIES_FRAGMENT as Rt } from "./vue/KvLoanActivities2.js";
+import { KV_LOAN_BOOKMARK_FRAGMENT as Mt } from "./vue/KvLoanBookmark2.js";
+import { KV_LOAN_TAG_FRAGMENT as St } from "./vue/KvLoanTag2.js";
+import { KV_LOAN_USE_FRAGMENT as Pt } from "./vue/KvLoanUse2.js";
+import { KV_WIDE_LOAN_CARD_FRAGMENT as Ft, KV_WIDE_LOAN_CARD_USER_FRAGMENT as ht } from "./vue/KvWideLoanCard2.js";
 export {
-  qe as Alea,
-  Rr as BALANCE_CAMPAIGN,
-  Or as BASE_CAMPAIGN,
-  Mr as ERL_COOKIE_NAME,
-  xt as KV_CLASSIC_LOAN_CARD_FRAGMENT,
-  ut as KV_CLASSIC_LOAN_CARD_USER_FRAGMET,
-  Kt as KV_COMPACT_LOAN_CARD_FRAGMENT,
-  vt as KV_COMPACT_LOAN_CARD_USER_FRAGMENT,
-  it as KV_INTRODUCTION_LOAN_CARD_FRAGMENT,
-  Ct as KV_INTRODUCTION_LOAN_CARD_USER_FRAGMENT,
-  Lt as KV_LEND_CTA_FRAGMENT,
-  Nt as KV_LEND_CTA_USER_FRAGMENT,
-  ct as KV_LOAN_ACTIVITIES_FRAGMENT,
-  Rt as KV_LOAN_BOOKMARK_FRAGMENT,
-  Ro as KV_LOAN_INFO_CARD_FRAGMENT,
-  Mt as KV_LOAN_TAG_FRAGMENT,
-  St as KV_LOAN_USE_FRAGMENT,
-  Pt as KV_WIDE_LOAN_CARD_FRAGMENT,
-  Gt as KV_WIDE_LOAN_CARD_USER_FRAGMENT,
+  Xe as Alea,
+  Mr as BALANCE_CAMPAIGN,
+  Ir as BASE_CAMPAIGN,
+  Sr as ERL_COOKIE_NAME,
+  nt as KV_CLASSIC_LOAN_CARD_FRAGMENT,
+  Kt as KV_CLASSIC_LOAN_CARD_USER_FRAGMET,
+  At as KV_COMPACT_LOAN_CARD_FRAGMENT,
+  it as KV_COMPACT_LOAN_CARD_USER_FRAGMENT,
+  _t as KV_INTRODUCTION_LOAN_CARD_FRAGMENT,
+  Lt as KV_INTRODUCTION_LOAN_CARD_USER_FRAGMENT,
+  Tt as KV_LEND_CTA_FRAGMENT,
+  ct as KV_LEND_CTA_USER_FRAGMENT,
+  Rt as KV_LOAN_ACTIVITIES_FRAGMENT,
+  Mt as KV_LOAN_BOOKMARK_FRAGMENT,
+  Mo as KV_LOAN_INFO_CARD_FRAGMENT,
+  St as KV_LOAN_TAG_FRAGMENT,
+  Pt as KV_LOAN_USE_FRAGMENT,
+  Ft as KV_WIDE_LOAN_CARD_FRAGMENT,
+  ht as KV_WIDE_LOAN_CARD_USER_FRAGMENT,
   r as KvAccordionItem,
   a as KvActivityRow,
-  we as KvAtbModal,
-  dt as KvBlueskyIcon,
+  He as KvAtbModal,
+  xt as KvBlueskyIcon,
   l as KvBorrowerImage,
   s as KvButton,
   p as KvCardFrame,
@@ -140,7 +141,7 @@ export {
   g as KvCommentsContainer,
   G as KvCommentsHeartButton,
   h as KvCommentsList,
-  D as KvCommentsListItem,
+  B as KvCommentsListItem,
   y as KvCommentsReplyButton,
   O as KvCompactLoanCard,
   k as KvContentfulImg,
@@ -150,100 +151,101 @@ export {
   q as KvExpandableQuestion,
   X as KvFlag,
   Z as KvGrid,
-  oo as KvImpactDashboardHeader,
-  ro as KvImpactVerticalSelector,
-  ao as KvInlineActivityCard,
-  lo as KvInlineActivityFeed,
-  so as KvIntroductionLoanCard,
-  xo as KvLendAmountButton,
-  no as KvLendCta,
-  vo as KvLightbox,
-  io as KvLineGraph,
-  Do as KvLoadingPlaceholder,
-  yo as KvLoadingSpinner,
-  _o as KvLoanActivities,
-  No as KvLoanBookmark,
-  co as KvLoanCallouts,
-  Oo as KvLoanInfoCard,
-  Io as KvLoanProgressGroup,
-  go as KvLoanTag,
-  Go as KvLoanTeamPick,
-  ho as KvLoanUse,
-  ko as KvMap,
-  wo as KvMaterialIcon,
-  Ho as KvPageContainer,
-  zo as KvPagination,
-  qo as KvPieChart,
-  Xo as KvPill,
-  Zo as KvPopper,
-  oe as KvProgressBar,
-  re as KvPulsingDot,
-  ae as KvRadio,
-  He as KvSecondaryNav,
-  le as KvSelect,
-  se as KvSideSheet,
-  pe as KvSwitch,
-  ue as KvTab,
-  Ke as KvTabPanel,
-  Ae as KvTabs,
-  Ce as KvTextInput,
-  Le as KvTextLink,
-  Te as KvThemeProvider,
-  Ee as KvToast,
-  Oe as KvTooltip,
-  Ie as KvTreeMapChart,
-  ge as KvUserAvatar,
-  Ge as KvUtilityMenu,
-  he as KvVerticalCarousel,
-  De as KvVotingCard,
-  ye as KvVotingCardV2,
-  ke as KvWideLoanCard,
-  ze as KvWwwHeader,
-  _r as LOAN_CALLOUTS_FRAGMENT,
-  Lr as LOAN_GEOCODE_FRAGMENT,
-  Nr as LOAN_PROGRESS_FRAGMENT,
-  Je as Mash,
-  Ir as NO_BALANCE_CAMPAIGN,
-  Sr as TOP_UP_CAMPAIGN,
-  ar as abc,
-  Dr as animationCoordinator,
-  Xr as buildTailwindClassName,
-  rr as carouselUtil,
-  ur as collapse,
-  sr as debounce,
-  nr as expand,
-  Br as generateMapMarkers,
-  yr as getCoordinatesBetween,
-  br as getCountryColor,
-  gr as getDropdownPriceArray,
-  vr as getKivaImageUrl,
-  Pr as getLendCtaSelectedOption,
-  kr as getLoansIntervals,
-  mt as getTreemap,
-  Ye as groupBy,
-  Yr as headerNumberCase,
-  fr as indexIn,
-  Gr as isBetween25And50,
-  Ar as isLegacyPlaceholderAvatar,
-  Fr as isLessThan25,
-  tt as isTargetElement,
-  Zr as kebabCase,
-  Tr as loanCardComputedProperties,
-  cr as loanCardMethods,
-  wr as lockPrintSingleEl,
-  jr as lockScroll,
-  zr as lockScrollSmallOnly,
-  at as offBodyTouchstart,
-  ft as onBodyTouchstart,
-  ir as randomizedUserAvatarClass,
-  $r as removeObjectProperty,
-  Ze as sortBy,
-  lr as startsWith,
-  et as throttle,
-  hr as truncateStringByWords,
-  Wr as unlockPrintSingleEl,
-  Qr as unlockScroll,
-  qr as unlockScrollSmallOnly,
-  or as useAttrs,
-  pr as useEventListener
+  oo as KvIconButton,
+  ro as KvImpactDashboardHeader,
+  ao as KvImpactVerticalSelector,
+  lo as KvInlineActivityCard,
+  so as KvInlineActivityFeed,
+  xo as KvIntroductionLoanCard,
+  no as KvLendAmountButton,
+  vo as KvLendCta,
+  io as KvLightbox,
+  _o as KvLineGraph,
+  yo as KvLoadingPlaceholder,
+  ko as KvLoadingSpinner,
+  No as KvLoanActivities,
+  co as KvLoanBookmark,
+  Ro as KvLoanCallouts,
+  Io as KvLoanInfoCard,
+  go as KvLoanProgressGroup,
+  Go as KvLoanTag,
+  ho as KvLoanTeamPick,
+  Bo as KvLoanUse,
+  wo as KvMap,
+  Ho as KvMaterialIcon,
+  zo as KvPageContainer,
+  qo as KvPagination,
+  Xo as KvPieChart,
+  Zo as KvPill,
+  oe as KvPopper,
+  re as KvProgressBar,
+  ae as KvPulsingDot,
+  le as KvRadio,
+  ze as KvSecondaryNav,
+  se as KvSelect,
+  pe as KvSideSheet,
+  ue as KvSwitch,
+  Ke as KvTab,
+  Ae as KvTabPanel,
+  Ce as KvTabs,
+  Le as KvTextInput,
+  Te as KvTextLink,
+  Ee as KvThemeProvider,
+  Oe as KvToast,
+  Ie as KvTooltip,
+  ge as KvTreeMapChart,
+  Ge as KvUserAvatar,
+  he as KvUtilityMenu,
+  Be as KvVerticalCarousel,
+  ye as KvVotingCard,
+  ke as KvVotingCardV2,
+  we as KvWideLoanCard,
+  qe as KvWwwHeader,
+  Nr as LOAN_CALLOUTS_FRAGMENT,
+  Tr as LOAN_GEOCODE_FRAGMENT,
+  cr as LOAN_PROGRESS_FRAGMENT,
+  Ye as Mash,
+  gr as NO_BALANCE_CAMPAIGN,
+  Pr as TOP_UP_CAMPAIGN,
+  lr as abc,
+  yr as animationCoordinator,
+  Zr as buildTailwindClassName,
+  ar as carouselUtil,
+  Kr as collapse,
+  pr as debounce,
+  vr as expand,
+  br as generateMapMarkers,
+  kr as getCoordinatesBetween,
+  Ur as getCountryColor,
+  Gr as getDropdownPriceArray,
+  ir as getKivaImageUrl,
+  Fr as getLendCtaSelectedOption,
+  wr as getLoansIntervals,
+  dt as getTreemap,
+  $e as groupBy,
+  $r as headerNumberCase,
+  mr as indexIn,
+  hr as isBetween25And50,
+  Cr as isLegacyPlaceholderAvatar,
+  Vr as isLessThan25,
+  ft as isTargetElement,
+  ot as kebabCase,
+  Er as loanCardComputedProperties,
+  Rr as loanCardMethods,
+  Hr as lockPrintSingleEl,
+  Qr as lockScroll,
+  qr as lockScrollSmallOnly,
+  lt as offBodyTouchstart,
+  mt as onBodyTouchstart,
+  _r as randomizedUserAvatarClass,
+  et as removeObjectProperty,
+  or as sortBy,
+  sr as startsWith,
+  tt as throttle,
+  Br as truncateStringByWords,
+  jr as unlockPrintSingleEl,
+  Jr as unlockScroll,
+  Xr as unlockScrollSmallOnly,
+  rr as useAttrs,
+  ur as useEventListener
 };

package/dist/vue/KvCompactLoanCard.css

@@ -1 +1 @@
-.loan-card-use[data-v-12c364c9]:hover,.loan-card-use[data-v-12c364c9]: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-12c364c9]{text-decoration-line:underline}.loan-card-progress[data-v-12c364c9]:hover,.loan-card-progress[data-v-12c364c9]:focus{text-decoration-line:none}.loan-card-use-text[data-v-12c364c9] 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-12c364c9] form,.loan-card-cta[data-v-12c364c9] fieldset,.loan-card-cta[data-v-12c364c9] .tw-w-full,.loan-card-cta[data-v-12c364c9] button{height:40px!important;max-height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important}.loan-card-cta[data-v-12c364c9] .tw-inline-flex{height:40px!important;max-height:40px!important;min-height:40px!important}
+.loan-card-use[data-v-b4700d22]:hover,.loan-card-use[data-v-b4700d22]: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-b4700d22]{text-decoration-line:underline}.loan-card-progress[data-v-b4700d22]:hover,.loan-card-progress[data-v-b4700d22]:focus{text-decoration-line:none}.loan-card-use-text[data-v-b4700d22] 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-b4700d22] form,.loan-card-cta[data-v-b4700d22] fieldset,.loan-card-cta[data-v-b4700d22] .tw-w-full,.loan-card-cta[data-v-b4700d22] button{height:40px!important;max-height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important}.loan-card-cta[data-v-b4700d22] .tw-inline-flex{height:40px!important;max-height:40px!important;min-height:40px!important}

package/dist/vue/KvCompactLoanCard.js

@@ -1,6 +1,6 @@
 import N from "./KvCompactLoanCard2.js";
-import { KV_COMPACT_LOAN_CARD_FRAGMENT as $, KV_COMPACT_LOAN_CARD_USER_FRAGMENT as ee } from "./KvCompactLoanCard2.js";
-import { resolveComponent as d, openBlock as a, createElementBlock as l, normalizeClass as m, createVNode as i, createCommentVNode as w, createElementVNode as r, normalizeStyle as T, createBlock as s, resolveDynamicComponent as u, withCtx as f, toDisplayString as h, withModifiers as P, Fragment as g, renderList as A } from "vue";
+import { KV_COMPACT_LOAN_CARD_FRAGMENT as p, KV_COMPACT_LOAN_CARD_USER_FRAGMENT as $ } from "./KvCompactLoanCard2.js";
+import { resolveComponent as w, openBlock as a, createElementBlock as l, normalizeClass as c, createVNode as i, createCommentVNode as d, createElementVNode as r, normalizeStyle as T, createBlock as s, resolveDynamicComponent as u, withCtx as f, toDisplayString as k, withModifiers as P, Fragment as g, renderList as A } from "vue";
 import "./KvCompactLoanCard.css";
 import B from "../_virtual/_plugin-vue_export-helper.js";
 const V = { class: "tw-flex tw-flex-col tw-items-start tw-w-full" }, R = { class: "tw-flex-shrink-0 tw-overflow-hidden" }, D = { class: "tw-flex tw-flex-col tw-items-start tw-gap-1 tw-flex-1 tw-min-w-0" }, S = {
@@ -9,14 +9,11 @@ const V = { class: "tw-flex tw-flex-col tw-items-start tw-w-full" }, R = { class
 }, F = { class: "tw-text-primary !tw-font-medium tw-text-base tw-leading-normal tw-truncate" }, W = ["href"], j = { class: "tw-truncate" }, E = {
   key: 0,
   class: "loan-card-use-text tw-w-full tw-overflow-hidden"
-}, O = {
-  key: 1,
-  class: "loan-card-use-text tw-w-full tw-overflow-hidden"
-}, U = { class: "tw-flex-1 tw-min-w-0 tw-mr-1" }, K = { class: "tw-flex-1 tw-min-w-0" }, z = { class: "tw-p-1 tw-rounded-l-sm tw-border tw-border-gray-100 tw-border-r-0" };
-function G(k, o, t, e, H, I) {
-  const b = d("kv-material-icon"), v = d("kv-borrower-image"), _ = d("kv-loan-tag"), c = d("kv-loading-placeholder"), x = d("kv-loan-use"), y = d("kv-loan-callouts"), L = d("kv-loan-progress-group"), C = d("kv-lend-cta");
+}, O = { class: "tw-flex-1 tw-min-w-0 tw-mr-1" }, U = { class: "tw-flex-1 tw-min-w-0" }, K = { class: "tw-p-1 tw-rounded-l-sm tw-border tw-border-gray-100 tw-border-r-0" };
+function z(h, o, t, e, G, H) {
+  const b = w("kv-material-icon"), v = w("kv-borrower-image"), x = w("kv-loan-tag"), m = w("kv-loading-placeholder"), _ = w("kv-loan-use"), y = w("kv-loan-callouts"), L = w("kv-loan-progress-group"), C = w("kv-lend-cta");
   return a(), l("div", {
-    class: m(["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-full", { "tw-relative": t.showCloseButton, "!tw-p-1.5": t.showLightView }])
+    class: c(["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-full", { "tw-relative": t.showCloseButton, "!tw-p-1.5": t.showLightView }])
   }, [
     t.showCloseButton ? (a(), l("button", {
       key: 0,
@@ -27,10 +24,10 @@ function G(k, o, t, e, H, I) {
         icon: e.mdiClose,
         class: "tw-w-1.5 tw-h-1.5"
       }, null, 8, ["icon"])
-    ])) : w("", !0),
+    ])) : d("", !0),
     r("div", V, [
       r("div", {
-        class: m(["tw-flex tw-items-start tw-gap-2 tw-w-full loan-card-active-hover", { "!tw-gap-1": t.showLightView }]),
+        class: c(["tw-flex tw-items-start tw-gap-2 tw-w-full loan-card-active-hover", { "!tw-gap-1": t.showLightView }]),
         style: T(e.customStyle)
       }, [
         r("div", R, [
@@ -45,7 +42,7 @@ function G(k, o, t, e, H, I) {
           }, {
             default: f(() => [
               i(v, {
-                class: m(["tw-bg-gray-300 tw-rounded-md tw-object-cover", { "!tw-w-7.5 !tw-h-7.5": t.showLightView }]),
+                class: c(["tw-bg-gray-300 tw-rounded-md tw-object-cover", { "!tw-w-7.5 !tw-h-7.5": t.showLightView }]),
                 style: { width: "100px", height: "100px" },
                 alt: `Photo of ${e.borrowerName}`,
                 "aspect-ratio": 1,
@@ -70,7 +67,7 @@ function G(k, o, t, e, H, I) {
               onClick: o[2] || (o[2] = (n) => e.clickReadMore("Business", n))
             }, {
               default: f(() => [
-                r("h3", F, h(t.businessName), 1)
+                r("h3", F, k(t.businessName), 1)
               ]),
               _: 1
             }, 8, ["to", "href", "target", "rel"])),
@@ -85,9 +82,9 @@ function G(k, o, t, e, H, I) {
                 icon: e.mdiLink,
                 class: "tw-w-2 tw-h-2"
               }, null, 8, ["icon"]),
-              r("span", j, h(t.website), 1)
-            ], 8, W)) : w("", !0)
-          ])) : w("", !0),
+              r("span", j, k(t.website), 1)
+            ], 8, W)) : d("", !0)
+          ])) : d("", !0),
           (a(), s(u(e.tag), {
             to: e.readMorePath,
             href: e.readMorePath,
@@ -98,10 +95,10 @@ function G(k, o, t, e, H, I) {
             onClick: o[4] || (o[4] = (n) => e.clickReadMore("Tag", n))
           }, {
             default: f(() => [
-              t.showTags && !e.isLoading ? (a(), s(_, {
+              t.showTags && !e.isLoading ? (a(), s(x, {
                 key: 0,
                 loan: t.loan
-              }, null, 8, ["loan"])) : w("", !0)
+              }, null, 8, ["loan"])) : d("", !0)
             ]),
             _: 1
           }, 8, ["to", "href", "target", "rel"])),
@@ -121,10 +118,13 @@ function G(k, o, t, e, H, I) {
                   key: M,
                   class: "tw-h-2 tw-mb-1"
                 }, [
-                  i(c)
+                  i(m)
                 ]))), 128))
-              ])) : (a(), l("div", O, [
-                i(x, {
+              ])) : (a(), l("div", {
+                key: 1,
+                class: c(["loan-card-use-text tw-w-full tw-overflow-hidden", { "!tw--mt-1": t.showTags && t.loan.matchingText && t.showLightView }])
+              }, [
+                i(_, {
                   use: e.loanUse,
                   "loan-amount": e.loanAmount,
                   status: e.loanStatus,
@@ -137,13 +137,13 @@ function G(k, o, t, e, H, I) {
                   "truncate-words-number": t.truncateWordsNumber,
                   class: "tw-text-small tw-leading-tight"
                 }, null, 8, ["use", "loan-amount", "status", "borrower-count", "name", "distribution-model", "country", "show-read-more", "truncate-words-number"])
-              ]))
+              ], 2))
             ]),
             _: 1
-          }, 8, ["to", "href", "target", "rel"])) : w("", !0)
+          }, 8, ["to", "href", "target", "rel"])) : d("", !0)
         ])
       ], 6),
-      e.isLoading || typeof e.loanCallouts > "u" ? (a(), s(c, {
+      e.isLoading || typeof e.loanCallouts > "u" ? (a(), s(m, {
         key: 0,
         class: "tw-mt-1.5 tw-mb-1 tw-rounded-full",
         style: { width: "60%", height: "1.5rem" }
@@ -151,17 +151,17 @@ function G(k, o, t, e, H, I) {
         key: 1,
         callouts: e.loanCallouts,
         class: "tw-mt-1.5",
-        onClick: o[6] || (o[6] = (n) => k.$emit("jump-filter-page", n))
+        onClick: o[6] || (o[6] = (n) => h.$emit("jump-filter-page", n))
       }, null, 8, ["callouts"]))
     ]),
     r("div", {
-      class: m([
+      class: c([
         "tw-flex tw-items-center tw-justify-between tw-w-full tw-mt-1",
         { "tw-gap-1": e.sharesAvailable }
       ])
     }, [
       e.hasProgressData ? (a(), l(g, { key: 1 }, [
-        r("div", K, [
+        r("div", U, [
           e.sharesAvailable ? (a(), s(u(e.tag), {
             key: 0,
             to: e.readMorePath,
@@ -181,18 +181,18 @@ function G(k, o, t, e, H, I) {
               }, null, 8, ["money-left", "progress-percent"])
             ]),
             _: 1
-          }, 8, ["to", "href", "target", "rel"])) : w("", !0)
+          }, 8, ["to", "href", "target", "rel"])) : d("", !0)
         ]),
         t.showLightView ? (a(), l("button", {
           key: 0,
           class: "tw-ml-2",
           onClick: o[8] || (o[8] = (n) => e.clickReadMore("View", n))
         }, [
-          r("span", z, " $" + h(t.customAmountLent), 1),
+          r("span", K, " $" + k(t.customAmountLent), 1),
           o[12] || (o[12] = r("span", { class: "tw-bg-gray-100 tw-px-1.5 tw-py-1 tw-rounded-r-sm tw-border tw-border-gray-100 tw-text-action tw-font-medium hover:tw-underline tw-text-center tw-cursor-pointer" }, " View ", -1))
         ])) : (a(), l("div", {
           key: 1,
-          class: m(["tw-flex-shrink-0 loan-card-cta", { "tw-w-full": !e.sharesAvailable }]),
+          class: c(["tw-flex-shrink-0 loan-card-cta", { "tw-w-full": !e.sharesAvailable }]),
           style: { height: "40px" }
         }, [
           i(C, {
@@ -215,23 +215,23 @@ function G(k, o, t, e, H, I) {
             "primary-button-text": t.primaryButtonText,
             "secondary-button-text": t.secondaryButtonText,
             "secondary-button-handler": t.secondaryButtonHandler,
-            onAddToBasket: o[9] || (o[9] = (n) => k.$emit("add-to-basket", n)),
+            onAddToBasket: o[9] || (o[9] = (n) => h.$emit("add-to-basket", n)),
             onShowLoanDetails: o[10] || (o[10] = (n) => e.clickReadMore("ViewLoan", n)),
-            onRemoveFromBasket: o[11] || (o[11] = (n) => k.$emit("remove-from-basket", n))
+            onRemoveFromBasket: o[11] || (o[11] = (n) => h.$emit("remove-from-basket", n))
           }, 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)) : (a(), l(g, { key: 0 }, [
-        r("div", U, [
-          i(c, {
+        r("div", O, [
+          i(m, {
             class: "tw-mb-0.5",
             style: { width: "100%", maxWidth: "11rem", height: "1rem" }
           }),
-          i(c, {
+          i(m, {
             class: "tw-rounded",
             style: { width: "100%", maxWidth: "11rem", height: "0.5rem" }
           })
         ]),
-        e.allDataLoaded ? w("", !0) : (a(), s(c, {
+        e.allDataLoaded ? d("", !0) : (a(), s(m, {
           key: 0,
           class: "tw-rounded tw-flex-shrink-0",
           style: { width: "8rem", height: "2.5rem" }
@@ -240,9 +240,9 @@ function G(k, o, t, e, H, I) {
     ], 2)
   ], 2);
 }
-const X = /* @__PURE__ */ B(N, [["render", G], ["__scopeId", "data-v-12c364c9"]]);
+const Q = /* @__PURE__ */ B(N, [["render", z], ["__scopeId", "data-v-b4700d22"]]);
 export {
-  $ as KV_COMPACT_LOAN_CARD_FRAGMENT,
-  ee as KV_COMPACT_LOAN_CARD_USER_FRAGMENT,
-  X as default
+  p as KV_COMPACT_LOAN_CARD_FRAGMENT,
+  $ as KV_COMPACT_LOAN_CARD_USER_FRAGMENT,
+  Q as default
 };

package/dist/vue/KvIconButton.js

@@ -0,0 +1,118 @@
+import { defineComponent as n, computed as c, openBlock as s, createElementBlock as u, normalizeClass as a, createElementVNode as w, createVNode as m } from "vue";
+import { mdiDotsVertical as f } from "@mdi/js";
+import y from "./KvMaterialIcon.js";
+const b = ["disabled", "aria-pressed"], V = /* @__PURE__ */ n({
+  __name: "KvIconButton",
+  props: {
+    /**
+     * The Material Design Icon path from @mdi/js
+     */
+    icon: {
+      type: String,
+      default: f
+    },
+    /**
+     * Size of the visual button element (touch target is always 44px minimum)
+     * `small (16px), medium (20px), large (24px - default)`
+     */
+    size: {
+      type: String,
+      default: "large",
+      validator(e) {
+        return ["small", "medium", "large"].includes(e);
+      }
+    },
+    /**
+     * Whether to show a border on the button
+     */
+    showBorder: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Border color variant. Only applies when showBorder is true.
+     * `primary, secondary, tertiary`
+     */
+    borderColor: {
+      type: String,
+      default: "tertiary",
+      validator(e) {
+        return ["primary", "secondary", "tertiary"].includes(e);
+      }
+    },
+    /**
+     * Whether to show background on the button
+     * Applies white background with hover and active states
+     */
+    showBackground: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Whether the button is disabled
+     */
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Whether the button acts as a toggle (on/off switch)
+     */
+    toggleable: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * The toggle state (for v-model support). Only used when toggleable is true.
+     */
+    modelValue: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Icon to display when toggle is active/on. Only used when toggleable is true.
+     */
+    activeIcon: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["click", "update:modelValue"],
+  setup(e, { emit: o }) {
+    const t = e, r = o, i = (l) => {
+      t.disabled || (t.toggleable && r("update:modelValue", !t.modelValue), r("click", l));
+    }, d = c(() => t.toggleable && t.modelValue && t.activeIcon ? t.activeIcon : t.icon);
+    return (l, g) => (s(), u("button", {
+      type: "button",
+      disabled: e.disabled,
+      "aria-pressed": e.toggleable ? e.modelValue : void 0,
+      class: a(["tw-flex tw-items-center tw-justify-center tw-min-w-5.5 tw-min-h-5.5 tw-bg-transparent", {
+        "tw-opacity-low tw-cursor-default": e.disabled
+      }]),
+      onClick: i
+    }, [
+      w("span", {
+        class: a(["tw-flex tw-items-center tw-justify-center tw-transition-colors tw-duration-200 tw-rounded-full", {
+          "tw-w-4 tw-h-4": e.size === "small",
+          "tw-w-5 tw-h-5": e.size === "medium",
+          "tw-w-6 tw-h-6": e.size === "large",
+          "tw-bg-white hover:tw-bg-gray-100 active:tw-bg-gray-200": e.showBackground,
+          "tw-border": e.showBorder,
+          "tw-border-primary": e.showBorder && e.borderColor === "primary",
+          "tw-border-secondary": e.showBorder && e.borderColor === "secondary",
+          "tw-border-tertiary": e.showBorder && e.borderColor === "tertiary"
+        }])
+      }, [
+        m(y, {
+          icon: d.value,
+          class: a({
+            "tw-w-2.5 tw-h-2.5": e.size === "small"
+          })
+        }, null, 8, ["icon", "class"])
+      ], 2)
+    ], 10, b));
+  }
+});
+export {
+  V as default
+};

package/dist/vue/KvIconButton.vue.d.ts

@@ -0,0 +1,99 @@
+import { PropType } from 'vue';
+type ButtonSize = 'small' | 'medium' | 'large';
+type BorderColor = 'primary' | 'secondary' | 'tertiary';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: PropType<ButtonSize>;
+        default: string;
+        validator(value: ButtonSize): boolean;
+    };
+    showBorder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    borderColor: {
+        type: PropType<BorderColor>;
+        default: string;
+        validator(value: BorderColor): boolean;
+    };
+    showBackground: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    toggleable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    activeIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: PropType<ButtonSize>;
+        default: string;
+        validator(value: ButtonSize): boolean;
+    };
+    showBorder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    borderColor: {
+        type: PropType<BorderColor>;
+        default: string;
+        validator(value: BorderColor): boolean;
+    };
+    showBackground: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    toggleable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    activeIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    onClick?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}>, {
+    icon: string;
+    disabled: boolean;
+    size: ButtonSize;
+    modelValue: boolean;
+    showBorder: boolean;
+    borderColor: BorderColor;
+    showBackground: boolean;
+    toggleable: boolean;
+    activeIcon: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLButtonElement>;
+export default _default;

package/dist/vue/KvIconButton2.js

@@ -0,0 +1,4 @@
+import f from "./KvIconButton.js";
+export {
+  f as default
+};

package/dist/vue/index.d.ts

@@ -26,6 +26,7 @@ export { default as KvExpandable } from './KvExpandable.vue';
 export { default as KvExpandableQuestion } from './KvExpandableQuestion.vue';
 export { default as KvFlag } from './KvFlag.vue';
 export { default as KvGrid } from './KvGrid.vue';
+export { default as KvIconButton } from './KvIconButton.vue';
 export { default as KvImpactDashboardHeader } from './KvImpactDashboardHeader.vue';
 export { default as KvImpactVerticalSelector } from './KvImpactVerticalSelector.vue';
 export { default as KvInlineActivityCard } from './KvInlineActivityCard.vue';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "8.1.0",
+  "version": "8.2.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -125,5 +125,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "75f4f4a2021b1484059f86d7d76eaa6322f25d5c"
+  "gitHead": "9368a78f6e3cf82333c6dd52c3c0d9c52c304963"
 }