@kiva/kv-components 8.0.2 → 8.1.0

package/dist/index.js

@@ -6,13 +6,13 @@ import { default as p } from "./vue/KvCardFrame.js";
 import { default as u } from "./vue/KvCarousel.js";
 import { default as K } from "./vue/KvCartModal.js";
 import { default as A } from "./vue/KvCartPill.js";
-import { default as i } from "./vue/KvCheckbox.js";
+import { default as C } from "./vue/KvCheckbox.js";
 import { default as L } from "./vue/KvCheckoutReceipt.js";
 import { default as T } from "./vue/KvChip.js";
 import { default as E } from "./vue/KvClassicLoanCard.js";
 import { default as O } from "./vue/KvCompactLoanCard.js";
 import { default as I } from "./vue/KvCommentsAdd.js";
-import { default as P } from "./vue/KvCommentsContainer.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";
@@ -32,13 +32,13 @@ 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 Co } from "./vue/KvLineGraph.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 Po } from "./vue/KvLoanTag.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";
@@ -59,13 +59,13 @@ 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 ie } from "./vue/KvTextInput.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 Pe } from "./vue/KvUserAvatar.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";
@@ -82,62 +82,62 @@ import { abc as ar, indexIn as fr, startsWith as lr } from "./utils/comparators.
 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 Cr } from "./utils/imageUtils.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 Pr, getLendCtaSelectedOption as gr, isBetween25And50 as Gr, isLessThan25 as Fr } from "./utils/loanUtils.js";
-import { animationCoordinator as Vr, generateMapMarkers as Dr, getCoordinatesBetween as Br, getCountryColor as yr, getLoansIntervals as br } from "./utils/mapUtils.js";
-import { lockPrintSingleEl as Ur, unlockPrintSingleEl as wr } from "./utils/printing.js";
-import { lockScroll as Hr, lockScrollSmallOnly as jr, unlockScroll as zr, unlockScrollSmallOnly as Qr } from "./utils/scrollLock.js";
-import { buildTailwindClassName as Jr, headerNumberCase as Xr, kebabCase as Yr, removeObjectProperty as Zr } from "./utils/themeUtils.js";
-import { throttle as ot } from "./utils/throttle.js";
-import { isTargetElement as rt, offBodyTouchstart as tt, onBodyTouchstart as at } from "./utils/touchEvents.js";
-import { getTreemap as lt } from "./utils/treemap.js";
-import { KvBlueskyIcon as st } from "./assets/icons/bluesky.js";
-import { KV_CLASSIC_LOAN_CARD_FRAGMENT as pt, KV_CLASSIC_LOAN_CARD_USER_FRAGMET as xt } from "./vue/KvClassicLoanCard2.js";
-import { KV_COMPACT_LOAN_CARD_FRAGMENT as nt, KV_COMPACT_LOAN_CARD_USER_FRAGMENT as Kt } from "./vue/KvCompactLoanCard2.js";
-import { KV_INTRODUCTION_LOAN_CARD_FRAGMENT as At, KV_INTRODUCTION_LOAN_CARD_USER_FRAGMENT as Ct } from "./vue/KvIntroductionLoanCard2.js";
-import { KV_LEND_CTA_FRAGMENT as _t, KV_LEND_CTA_USER_FRAGMENT as Lt } from "./vue/KvLendCta2.js";
-import { KV_LOAN_ACTIVITIES_FRAGMENT as Tt } from "./vue/KvLoanActivities2.js";
-import { KV_LOAN_BOOKMARK_FRAGMENT as Et } from "./vue/KvLoanBookmark2.js";
-import { KV_LOAN_TAG_FRAGMENT as Ot } from "./vue/KvLoanTag2.js";
-import { KV_LOAN_USE_FRAGMENT as It } 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 { 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";
 export {
   qe as Alea,
   Rr as BALANCE_CAMPAIGN,
   Or as BASE_CAMPAIGN,
   Mr as ERL_COOKIE_NAME,
-  pt as KV_CLASSIC_LOAN_CARD_FRAGMENT,
-  xt as KV_CLASSIC_LOAN_CARD_USER_FRAGMET,
-  nt as KV_COMPACT_LOAN_CARD_FRAGMENT,
-  Kt as KV_COMPACT_LOAN_CARD_USER_FRAGMENT,
-  At as KV_INTRODUCTION_LOAN_CARD_FRAGMENT,
+  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,
-  _t as KV_LEND_CTA_FRAGMENT,
-  Lt as KV_LEND_CTA_USER_FRAGMENT,
-  Tt as KV_LOAN_ACTIVITIES_FRAGMENT,
-  Et as KV_LOAN_BOOKMARK_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,
-  Ot as KV_LOAN_TAG_FRAGMENT,
-  It as KV_LOAN_USE_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,
+  Gt as KV_WIDE_LOAN_CARD_USER_FRAGMENT,
   r as KvAccordionItem,
   a as KvActivityRow,
   we as KvAtbModal,
-  st as KvBlueskyIcon,
+  dt as KvBlueskyIcon,
   l as KvBorrowerImage,
   s as KvButton,
   p as KvCardFrame,
   u as KvCarousel,
   K as KvCartModal,
   A as KvCartPill,
-  i as KvCheckbox,
+  C as KvCheckbox,
   L as KvCheckoutReceipt,
   T as KvChip,
   E as KvClassicLoanCard,
   I as KvCommentsAdd,
-  P as KvCommentsContainer,
+  g as KvCommentsContainer,
   G as KvCommentsHeartButton,
   h as KvCommentsList,
   D as KvCommentsListItem,
@@ -158,7 +158,7 @@ export {
   xo as KvLendAmountButton,
   no as KvLendCta,
   vo as KvLightbox,
-  Co as KvLineGraph,
+  io as KvLineGraph,
   Do as KvLoadingPlaceholder,
   yo as KvLoadingSpinner,
   _o as KvLoanActivities,
@@ -166,7 +166,7 @@ export {
   co as KvLoanCallouts,
   Oo as KvLoanInfoCard,
   Io as KvLoanProgressGroup,
-  Po as KvLoanTag,
+  go as KvLoanTag,
   Go as KvLoanTeamPick,
   ho as KvLoanUse,
   ko as KvMap,
@@ -186,13 +186,13 @@ export {
   ue as KvTab,
   Ke as KvTabPanel,
   Ae as KvTabs,
-  ie as KvTextInput,
+  Ce as KvTextInput,
   Le as KvTextLink,
   Te as KvThemeProvider,
   Ee as KvToast,
   Oe as KvTooltip,
   Ie as KvTreeMapChart,
-  Pe as KvUserAvatar,
+  ge as KvUserAvatar,
   Ge as KvUtilityMenu,
   he as KvVerticalCarousel,
   De as KvVotingCard,
@@ -206,43 +206,44 @@ export {
   Ir as NO_BALANCE_CAMPAIGN,
   Sr as TOP_UP_CAMPAIGN,
   ar as abc,
-  Vr as animationCoordinator,
-  Jr as buildTailwindClassName,
+  Dr as animationCoordinator,
+  Xr as buildTailwindClassName,
   rr as carouselUtil,
   ur as collapse,
   sr as debounce,
   nr as expand,
-  Dr as generateMapMarkers,
-  Br as getCoordinatesBetween,
-  yr as getCountryColor,
-  Pr as getDropdownPriceArray,
+  Br as generateMapMarkers,
+  yr as getCoordinatesBetween,
+  br as getCountryColor,
+  gr as getDropdownPriceArray,
   vr as getKivaImageUrl,
-  gr as getLendCtaSelectedOption,
-  br as getLoansIntervals,
-  lt as getTreemap,
+  Pr as getLendCtaSelectedOption,
+  kr as getLoansIntervals,
+  mt as getTreemap,
   Ye as groupBy,
-  Xr as headerNumberCase,
+  Yr as headerNumberCase,
   fr as indexIn,
   Gr as isBetween25And50,
   Ar as isLegacyPlaceholderAvatar,
   Fr as isLessThan25,
-  rt as isTargetElement,
-  Yr as kebabCase,
+  tt as isTargetElement,
+  Zr as kebabCase,
   Tr as loanCardComputedProperties,
   cr as loanCardMethods,
-  Ur as lockPrintSingleEl,
-  Hr as lockScroll,
-  jr as lockScrollSmallOnly,
-  tt as offBodyTouchstart,
-  at as onBodyTouchstart,
-  Cr as randomizedUserAvatarClass,
-  Zr as removeObjectProperty,
+  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,
-  ot as throttle,
-  wr as unlockPrintSingleEl,
-  zr as unlockScroll,
-  Qr as unlockScrollSmallOnly,
+  et as throttle,
+  hr as truncateStringByWords,
+  Wr as unlockPrintSingleEl,
+  Qr as unlockScroll,
+  qr as unlockScrollSmallOnly,
   or as useAttrs,
   pr as useEventListener
 };

package/dist/utils/loanUtils.d.ts

@@ -9,3 +9,4 @@ export type GetCookieFn = (name: string) => string | undefined;
 export type SetCookieFn = (name: string, value: string, options?: any) => void;
 export declare function getLendCtaSelectedOption(getCookie: GetCookieFn | undefined, setCookie: SetCookieFn | undefined, enableFiveDollarsNotes: boolean, campaign: string, unreservedAmount: string | number, userBalance: number | undefined, fiveDollarsSelected: boolean): string;
 export declare function getDropdownPriceArray(unreservedAmount: string | number, isCompleteLoanActive?: boolean, minAmount?: number, enableFiveDollarsNotes?: boolean, isVisitor?: boolean, inPfp?: boolean): string[];
+export declare function truncateStringByWords(str: string, truncateWordsNumber: number): string;

package/dist/utils/loanUtils.js

@@ -1,83 +1,91 @@
 import l from "numeral";
-const N = "kverlfivedollarnotes", P = "TOPUP-VB-BALANCE-MPV1", a = "BASE-VB_BALANCE_MPV1", A = "REPAYMENT-NOTIFICATION_BALANCE_MPV1", y = "REPAYMENT-NOTIFICATION_NO-BALANCE_MPV1";
-function C(r) {
-  return r > 20 ? 25 : r > 15 ? 20 : r > 10 ? 15 : r > 5 ? 10 : 5;
+const N = "kverlfivedollarnotes", P = "TOPUP-VB-BALANCE-MPV1", a = "BASE-VB_BALANCE_MPV1", A = "REPAYMENT-NOTIFICATION_BALANCE_MPV1", d = "REPAYMENT-NOTIFICATION_NO-BALANCE_MPV1";
+function y(t) {
+  return t > 20 ? 25 : t > 15 ? 20 : t > 10 ? 15 : t > 5 ? 10 : 5;
 }
-function E(r) {
-  const t = typeof r == "string" ? parseFloat(r) : r;
-  return t <= 50 && t > 25;
+function C(t) {
+  const r = typeof t == "string" ? parseFloat(t) : t;
+  return r <= 50 && r > 25;
 }
-function b(r) {
-  const t = typeof r == "string" ? parseFloat(r) : r;
-  return t < 25 && t > 0;
+function E(t) {
+  const r = typeof t == "string" ? parseFloat(t) : t;
+  return r < 25 && r > 0;
 }
-function h(r, t, o, e, n, i, s) {
-  const c = typeof n == "string" ? parseFloat(n) : n;
-  if (o && s)
+function b(t, r, o, e, i, n, f) {
+  const c = typeof i == "string" ? parseFloat(i) : i;
+  if (o && f)
     return "5";
-  if (o && typeof i < "u") {
-    let u = r == null ? void 0 : r(N);
+  if (o && typeof n < "u") {
+    let u = t == null ? void 0 : t(N);
     if (e && typeof e == "string" && !u) {
-      const f = /* @__PURE__ */ new Date();
-      f.setHours(f.getHours() + 24);
+      const s = /* @__PURE__ */ new Date();
+      s.setHours(s.getHours() + 24);
       const p = e.toUpperCase();
-      u = p.includes(P) ? P : p.includes(a) ? a : p.includes(A) ? A : p.includes(y) ? y : "", u && t && t(N, u, { expires: f });
+      u = p.includes(P) ? P : p.includes(a) ? a : p.includes(A) ? A : p.includes(d) ? d : "", u && r && r(N, u, { expires: s });
     }
     if (u) {
-      let f = Math.floor(i / 5) * 5;
-      return u === a ? (f = f === 0 ? 5 : f > 25 ? 25 : f, Number(f <= c ? f : c).toFixed()) : u === A ? (f = C(f), Number(f).toFixed()) : Number(c > 5 ? 5 : c).toFixed();
+      let s = Math.floor(n / 5) * 5;
+      return u === a ? (s = s === 0 ? 5 : s > 25 ? 25 : s, Number(s <= c ? s : c).toFixed()) : u === A ? (s = y(s), Number(s).toFixed()) : Number(c > 5 ? 5 : c).toFixed();
     }
   }
-  return E(c) || b(c) ? Number(c).toFixed() : "25";
+  return C(c) || E(c) ? Number(c).toFixed() : "25";
 }
-function d(r) {
-  const t = [];
-  let o = 100, e = r > 1e3 ? 1e3 : r, n = e / o;
-  for (let i = 1; i <= n; i += 1) {
-    const s = o * i + 500;
-    if (s > e) break;
-    t.push(l(s).format("0,0"));
+function O(t) {
+  const r = [];
+  let o = 100, e = t > 1e3 ? 1e3 : t, i = e / o;
+  for (let n = 1; n <= i; n += 1) {
+    const f = o * n + 500;
+    if (f > e) break;
+    r.push(l(f).format("0,0"));
   }
-  o = 1e3, e = r > 1e4 ? 1e4 : r, n = e / o;
-  for (let i = 1; i <= n; i += 1) {
-    const s = o * i + 1e3;
-    if (s > e) break;
-    t.push(l(s).format("0,0"));
+  o = 1e3, e = t > 1e4 ? 1e4 : t, i = e / o;
+  for (let n = 1; n <= i; n += 1) {
+    const f = o * n + 1e3;
+    if (f > e) break;
+    r.push(l(f).format("0,0"));
   }
-  return t.includes(l(e).format("0,0")) || t.push(l(e).format("0,0")), t;
+  return r.includes(l(e).format("0,0")) || r.push(l(e).format("0,0")), r;
 }
-function O(r) {
-  const t = r < 50 ? r : 50, o = t / 5, e = Math.ceil((r - t) / 25) + 1, n = [];
-  for (let i = 1; i <= o; i += 1)
-    n.push(l(5 * i).format("0,0"));
-  if (r > t)
-    for (let i = 3; i <= e; i += 1)
-      n.push(l(25 * i).format("0,0"));
-  return n;
-}
-function _(r, t) {
-  const o = r / t, e = [];
+function _(t) {
+  const r = t < 50 ? t : 50, o = r / 5, e = Math.ceil((t - r) / 25) + 1, i = [];
   for (let n = 1; n <= o; n += 1)
-    e.push(l(t * n).format("0,0"));
+    i.push(l(5 * n).format("0,0"));
+  if (t > r)
+    for (let n = 3; n <= e; n += 1)
+      i.push(l(25 * n).format("0,0"));
+  return i;
+}
+function h(t, r) {
+  const o = t / r, e = [];
+  for (let i = 1; i <= o; i += 1)
+    e.push(l(r * i).format("0,0"));
   return e;
 }
-function m(r, t = !1, o = 25, e = !1, n = !0, i = !1) {
-  const s = typeof r == "number" ? r : parseFloat(r);
-  let c = e && !i ? O(s).slice(0, 28) : _(s, o).slice(0, 20);
-  if (s > 500 && !n) {
-    const u = d(s);
+function m(t, r = !1, o = 25, e = !1, i = !0, n = !1) {
+  const f = typeof t == "number" ? t : parseFloat(t);
+  let c = e && !n ? _(f).slice(0, 28) : h(f, o).slice(0, 20);
+  if (f > 500 && !i) {
+    const u = O(f);
     c = c.concat(u);
   }
-  return t && !c.includes(Number(r).toFixed()) && c.push(Number(r).toFixed()), c;
+  return r && !c.includes(Number(t).toFixed()) && c.push(Number(t).toFixed()), c;
+}
+function B(t, r) {
+  if (!t) return;
+  if (r <= 0) return t;
+  const o = t.trim().split(" ");
+  let i = o.slice(0, r).join(" ");
+  return o.length > r && (i += "..."), i;
 }
 export {
   A as BALANCE_CAMPAIGN,
   a as BASE_CAMPAIGN,
   N as ERL_COOKIE_NAME,
-  y as NO_BALANCE_CAMPAIGN,
+  d as NO_BALANCE_CAMPAIGN,
   P as TOP_UP_CAMPAIGN,
   m as getDropdownPriceArray,
-  h as getLendCtaSelectedOption,
-  E as isBetween25And50,
-  b as isLessThan25
+  b as getLendCtaSelectedOption,
+  C as isBetween25And50,
+  E as isLessThan25,
+  B as truncateStringByWords
 };

package/dist/vue/KvClassicLoanCard.vue.d.ts

@@ -421,6 +421,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        showReadMore: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        truncateWordsNumber: {
+            type: NumberConstructor;
+            default: number;
+        };
     }>, {}, {}, {
         helpLanguage(): "helps" | "helped";
         isDirect(): boolean;
@@ -476,6 +484,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        showReadMore: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        truncateWordsNumber: {
+            type: NumberConstructor;
+            default: number;
+        };
     }>> & Readonly<{}>, {
         name: string;
         use: string;
@@ -489,6 +505,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         boldName: boolean;
         country: string;
         useIndicativeHelpText: boolean;
+        showReadMore: boolean;
+        truncateWordsNumber: number;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     KvLoanProgressGroup: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         moneyLeft: {

package/dist/vue/KvCompactLoanCard.css

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