@kiva/kv-components 7.4.1 → 7.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- .loan-card-use[data-v-8ea6bf26]:hover,.loan-card-use[data-v-8ea6bf26]: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-8ea6bf26]{text-decoration-line:underline}.loan-card-progress[data-v-8ea6bf26]:hover,.loan-card-progress[data-v-8ea6bf26]:focus{text-decoration-line:none}.loan-card-use-text[data-v-8ea6bf26] 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-8ea6bf26] form,.loan-card-cta[data-v-8ea6bf26] fieldset,.loan-card-cta[data-v-8ea6bf26] .tw-w-full,.loan-card-cta[data-v-8ea6bf26] button{height:40px!important;max-height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important}.loan-card-cta[data-v-8ea6bf26] .tw-inline-flex{height:40px!important;max-height:40px!important;min-height:40px!important}
1
+ .loan-card-use[data-v-df6cbfd6]:hover,.loan-card-use[data-v-df6cbfd6]: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-df6cbfd6]{text-decoration-line:underline}.loan-card-progress[data-v-df6cbfd6]:hover,.loan-card-progress[data-v-df6cbfd6]:focus{text-decoration-line:none}.loan-card-use-text[data-v-df6cbfd6] 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-df6cbfd6] form,.loan-card-cta[data-v-df6cbfd6] fieldset,.loan-card-cta[data-v-df6cbfd6] .tw-w-full,.loan-card-cta[data-v-df6cbfd6] button{height:40px!important;max-height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important}.loan-card-cta[data-v-df6cbfd6] .tw-inline-flex{height:40px!important;max-height:40px!important;min-height:40px!important}
@@ -1,21 +1,21 @@
1
- import N from "graphql-tag";
2
- import D from "numeral";
3
- import { mdiMapMarker as O, mdiHome as p, mdiLink as G } from "@mdi/js";
4
- import { LOAN_CALLOUTS_FRAGMENT as V, LOAN_GEOCODE_FRAGMENT as U, LOAN_PROGRESS_FRAGMENT as I, loanCardComputedProperties as W, loanCardMethods as H } from "../utils/loanCard.js";
5
- import j, { KV_LOAN_USE_FRAGMENT as q } from "./KvLoanUse.js";
6
- import Z from "./KvBorrowerImage.js";
7
- import z from "./KvLoanCallouts.js";
8
- import J, { KV_LEND_CTA_FRAGMENT as Q, KV_LEND_CTA_USER_FRAGMENT as X } from "./KvLendCta.js";
9
- import Y, { KV_LOAN_BOOKMARK_FRAGMENT as $ } from "./KvLoanBookmark.js";
10
- import ee from "./KvLoanProgressGroup.js";
11
- import te, { KV_LOAN_TAG_FRAGMENT as oe } from "./KvLoanTag.js";
12
- import ae from "./KvMaterialIcon.js";
13
- import ne from "./KvLoadingPlaceholder.js";
14
- import le from "./KvLoanTeamPick.js";
15
- import { resolveComponent as s, openBlock as n, createElementBlock as i, createElementVNode as r, createBlock as d, resolveDynamicComponent as w, withCtx as f, createVNode as m, toDisplayString as B, withModifiers as re, createCommentVNode as u, Fragment as C, renderList as ie, normalizeClass as M } from "vue";
1
+ import M from "graphql-tag";
2
+ import V from "numeral";
3
+ import { computed as U, resolveComponent as d, openBlock as n, createElementBlock as i, createElementVNode as l, createBlock as s, resolveDynamicComponent as f, withCtx as w, createVNode as m, toDisplayString as T, withModifiers as W, createCommentVNode as c, Fragment as C, renderList as I, normalizeClass as B } from "vue";
4
+ import { mdiMapMarker as H, mdiHome as j, mdiLink as q } from "@mdi/js";
5
+ import { LOAN_CALLOUTS_FRAGMENT as Z, LOAN_GEOCODE_FRAGMENT as z, LOAN_PROGRESS_FRAGMENT as J, loanCardComputedProperties as Q, loanCardMethods as X } from "../utils/loanCard.js";
6
+ import Y, { KV_LOAN_USE_FRAGMENT as p } from "./KvLoanUse.js";
7
+ import $ from "./KvBorrowerImage.js";
8
+ import ee from "./KvLoanCallouts.js";
9
+ import te, { KV_LEND_CTA_FRAGMENT as oe, KV_LEND_CTA_USER_FRAGMENT as ae } from "./KvLendCta.js";
10
+ import ne, { KV_LOAN_BOOKMARK_FRAGMENT as re } from "./KvLoanBookmark.js";
11
+ import le from "./KvLoanProgressGroup.js";
12
+ import ie, { KV_LOAN_TAG_FRAGMENT as se } from "./KvLoanTag.js";
13
+ import de from "./KvMaterialIcon.js";
14
+ import me from "./KvLoadingPlaceholder.js";
15
+ import ue from "./KvLoanTeamPick.js";
16
16
  import "./KvCompactLoanCard.css";
17
- import se from "../_virtual/_plugin-vue_export-helper.js";
18
- const Ie = N`
17
+ import ce from "../_virtual/_plugin-vue_export-helper.js";
18
+ const qe = M`
19
19
  fragment KvCompactLoanCard on LoanBasic {
20
20
  id
21
21
  image {
@@ -37,33 +37,33 @@ const Ie = N`
37
37
  ...LoanGeocode
38
38
  ...LoanProgress
39
39
  }
40
- ${Q}
41
40
  ${oe}
42
- ${q}
43
- ${V}
44
- ${U}
45
- ${I}
46
- `, We = N`
41
+ ${se}
42
+ ${p}
43
+ ${Z}
44
+ ${z}
45
+ ${J}
46
+ `, Ze = M`
47
47
  fragment KvCompactLoanCardUser on LoanBasic {
48
48
  id
49
49
  ...KvLendCtaUser
50
50
  ...KvLoanBookmark
51
51
  }
52
- ${X}
53
- ${$}
54
- `, de = {
52
+ ${ae}
53
+ ${re}
54
+ `, fe = {
55
55
  name: "KvCompactLoanCard",
56
56
  components: {
57
- KvBorrowerImage: Z,
58
- KvLoadingPlaceholder: ne,
59
- KvLoanUse: j,
60
- KvMaterialIcon: ae,
61
- KvLendCta: J,
62
- KvLoanTag: te,
63
- KvLoanCallouts: z,
64
- KvLoanBookmark: Y,
65
- KvLoanTeamPick: le,
66
- KvLoanProgressGroup: ee
57
+ KvBorrowerImage: $,
58
+ KvLoadingPlaceholder: me,
59
+ KvLoanUse: Y,
60
+ KvMaterialIcon: de,
61
+ KvLendCta: te,
62
+ KvLoanTag: ie,
63
+ KvLoanCallouts: ee,
64
+ KvLoanBookmark: ne,
65
+ KvLoanTeamPick: ue,
66
+ KvLoanProgressGroup: le
67
67
  },
68
68
  props: {
69
69
  loanId: {
@@ -122,6 +122,10 @@ const Ie = N`
122
122
  type: Boolean,
123
123
  default: !1
124
124
  },
125
+ externalLinksNewTab: {
126
+ type: Boolean,
127
+ default: !1
128
+ },
125
129
  route: {
126
130
  type: Object,
127
131
  default: void 0
@@ -183,100 +187,108 @@ const Ie = N`
183
187
  default: !0
184
188
  }
185
189
  },
186
- setup(l, { emit: o }) {
190
+ setup(r, { emit: o }) {
187
191
  const {
188
192
  allDataLoaded: t,
189
193
  borrowerName: e,
190
- city: x,
194
+ city: N,
191
195
  countryName: A,
192
- distributionModel: k,
193
- formattedLocation: h,
194
- fundraisingPercent: g,
195
- hasProgressData: c,
196
- imageHash: v,
197
- isLoading: _,
196
+ distributionModel: h,
197
+ formattedLocation: g,
198
+ fundraisingPercent: b,
199
+ hasProgressData: u,
200
+ imageHash: _,
201
+ isLoading: v,
198
202
  loanAmount: y,
199
- loanBorrowerCount: b,
203
+ loanBorrowerCount: L,
200
204
  loanCallouts: a,
201
- loanStatus: L,
202
- loanUse: T,
203
- readMorePath: P,
204
- state: K,
205
- tag: R,
206
- unreservedAmount: F,
207
- sharesAvailable: E
208
- } = W(l), {
209
- clickReadMore: S
210
- } = H(l, o);
205
+ loanStatus: x,
206
+ loanUse: P,
207
+ readMorePath: K,
208
+ state: R,
209
+ tag: F,
210
+ unreservedAmount: E,
211
+ sharesAvailable: S
212
+ } = Q(r), {
213
+ clickReadMore: D
214
+ } = X(r, o), O = () => {
215
+ r.kvTrackFunction("Lending", "click-Business Website", "Website", r.loanId);
216
+ }, G = U(() => {
217
+ if (!r.website)
218
+ return "";
219
+ const k = r.website.trim();
220
+ return k.startsWith("http://") || k.startsWith("https://") ? k : `https://${k}`;
221
+ });
211
222
  return {
212
223
  allDataLoaded: t,
213
224
  borrowerName: e,
214
- city: x,
225
+ city: N,
215
226
  countryName: A,
216
- distributionModel: k,
217
- formattedLocation: h,
218
- fundraisingPercent: g,
219
- hasProgressData: c,
220
- imageHash: v,
221
- isLoading: _,
227
+ distributionModel: h,
228
+ formattedLocation: g,
229
+ formattedWebsite: G,
230
+ fundraisingPercent: b,
231
+ hasProgressData: u,
232
+ imageHash: _,
233
+ isLoading: v,
222
234
  loanAmount: y,
223
- loanBorrowerCount: b,
235
+ loanBorrowerCount: L,
224
236
  loanCallouts: a,
225
- loanStatus: L,
226
- loanUse: T,
227
- mdiMapMarker: O,
228
- mdiHome: p,
229
- mdiLink: G,
230
- readMorePath: P,
231
- state: K,
232
- tag: R,
233
- unreservedAmount: F,
234
- sharesAvailable: E,
235
- clickReadMore: S,
236
- trackWebsiteClick: () => {
237
- l.kvTrackFunction("Lending", "click-Business Website", "Website", l.loanId);
238
- }
237
+ loanStatus: x,
238
+ loanUse: P,
239
+ mdiMapMarker: H,
240
+ mdiHome: j,
241
+ mdiLink: q,
242
+ readMorePath: K,
243
+ state: R,
244
+ tag: F,
245
+ unreservedAmount: E,
246
+ sharesAvailable: S,
247
+ clickReadMore: D,
248
+ trackWebsiteClick: O
239
249
  };
240
250
  },
241
251
  computed: {
242
252
  lendersNumber() {
243
- var l, o;
244
- return ((o = (l = this.loan) == null ? void 0 : l.lenders) == null ? void 0 : o.totalCount) ?? 0;
253
+ var r, o;
254
+ return ((o = (r = this.loan) == null ? void 0 : r.lenders) == null ? void 0 : o.totalCount) ?? 0;
245
255
  },
246
256
  amountLent() {
247
257
  var o, t;
248
- const l = ((t = (o = this.loan) == null ? void 0 : o.loanFundraisingInfo) == null ? void 0 : t.fundedAmount) ?? 0;
249
- return D(l).format("$0,0");
258
+ const r = ((t = (o = this.loan) == null ? void 0 : o.loanFundraisingInfo) == null ? void 0 : t.fundedAmount) ?? 0;
259
+ return V(r).format("$0,0");
250
260
  }
251
261
  }
252
- }, me = { 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-full" }, ce = { class: "tw-flex tw-flex-col tw-items-start tw-w-full" }, ue = {
262
+ }, we = { 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-full" }, ke = { class: "tw-flex tw-flex-col tw-items-start tw-w-full" }, he = {
253
263
  class: "tw-flex tw-items-start tw-gap-2 tw-w-full loan-card-active-hover",
254
264
  style: { height: "6.75rem", "max-height": "6.75rem" }
255
- }, we = { class: "tw-flex-shrink-0 tw-overflow-hidden" }, fe = { class: "tw-flex tw-flex-col tw-items-start tw-gap-1 tw-flex-1 tw-min-w-0" }, ke = {
265
+ }, ge = { class: "tw-flex-shrink-0 tw-overflow-hidden" }, be = { class: "tw-flex tw-flex-col tw-items-start tw-gap-1 tw-flex-1 tw-min-w-0" }, _e = {
256
266
  key: 0,
257
267
  class: "tw-mb-0.5 tw-w-full"
258
- }, he = { class: "tw-text-primary !tw-font-medium tw-text-base tw-leading-normal tw-truncate" }, ge = ["href"], ve = { class: "tw-truncate" }, _e = {
268
+ }, ve = { class: "tw-text-primary !tw-font-medium tw-text-base tw-leading-normal tw-truncate" }, ye = ["href"], Le = { class: "tw-truncate" }, xe = {
259
269
  key: 0,
260
270
  class: "loan-card-use-text tw-w-full tw-overflow-hidden"
261
- }, ye = {
271
+ }, Ce = {
262
272
  key: 1,
263
273
  class: "loan-card-use-text tw-w-full tw-overflow-hidden"
264
- }, be = { class: "tw-flex-1 tw-min-w-0 tw-mr-1" }, Le = { class: "tw-flex-1 tw-min-w-0" };
265
- function Ce(l, o, t, e, x, A) {
266
- const k = s("kv-borrower-image"), h = s("kv-material-icon"), g = s("kv-loan-tag"), c = s("kv-loading-placeholder"), v = s("kv-loan-use"), _ = s("kv-loan-callouts"), y = s("kv-loan-progress-group"), b = s("kv-lend-cta");
267
- return n(), i("div", me, [
268
- r("div", ce, [
269
- r("div", ue, [
270
- r("div", we, [
271
- (n(), d(w(e.tag), {
274
+ }, Ne = { class: "tw-flex-1 tw-min-w-0 tw-mr-1" }, Ae = { class: "tw-flex-1 tw-min-w-0" };
275
+ function Te(r, o, t, e, N, A) {
276
+ const h = d("kv-borrower-image"), g = d("kv-material-icon"), b = d("kv-loan-tag"), u = d("kv-loading-placeholder"), _ = d("kv-loan-use"), v = d("kv-loan-callouts"), y = d("kv-loan-progress-group"), L = d("kv-lend-cta");
277
+ return n(), i("div", we, [
278
+ l("div", ke, [
279
+ l("div", he, [
280
+ l("div", ge, [
281
+ (n(), s(f(e.tag), {
272
282
  to: e.readMorePath,
273
283
  href: e.readMorePath,
284
+ target: t.externalLinksNewTab ? "_blank" : void 0,
285
+ rel: t.externalLinksNewTab ? "noopener noreferrer" : void 0,
274
286
  class: "tw-flex",
275
287
  "aria-label": "Borrower image",
276
288
  onClick: o[0] || (o[0] = (a) => e.clickReadMore("Photo", a))
277
289
  }, {
278
- default: f(() => [
279
- m(k, {
290
+ default: w(() => [
291
+ m(h, {
280
292
  class: "tw-bg-gray-300 tw-rounded-md tw-object-cover",
281
293
  style: { width: "100px", height: "100px" },
282
294
  alt: `Photo of ${e.borrowerName}`,
@@ -288,58 +300,75 @@ function Ce(l, o, t, e, x, A) {
288
300
  }, null, 8, ["alt", "hash", "photo-path"])
289
301
  ]),
290
302
  _: 1
291
- }, 8, ["to", "href"]))
303
+ }, 8, ["to", "href", "target", "rel"]))
292
304
  ]),
293
- r("div", fe, [
294
- t.businessName ? (n(), i("div", ke, [
295
- r("h3", he, B(t.businessName), 1),
305
+ l("div", be, [
306
+ t.businessName ? (n(), i("div", _e, [
307
+ (n(), s(f(e.tag), {
308
+ to: e.readMorePath,
309
+ href: e.readMorePath,
310
+ target: t.externalLinksNewTab ? "_blank" : void 0,
311
+ rel: t.externalLinksNewTab ? "noopener noreferrer" : void 0,
312
+ class: "tw-no-underline hover:tw-underline focus:tw-no-underline",
313
+ "aria-label": "Business name",
314
+ onClick: o[1] || (o[1] = (a) => e.clickReadMore("Business", a))
315
+ }, {
316
+ default: w(() => [
317
+ l("h3", ve, T(t.businessName), 1)
318
+ ]),
319
+ _: 1
320
+ }, 8, ["to", "href", "target", "rel"])),
296
321
  t.website ? (n(), i("a", {
297
322
  key: 0,
298
- href: t.website,
323
+ href: e.formattedWebsite,
299
324
  target: "_blank",
300
325
  class: "tw-flex tw-items-center tw-gap-0.5 tw-text-secondary tw-text-small tw-font-light tw-leading-normal tw-no-underline hover:tw-underline",
301
- onClick: o[1] || (o[1] = re((...a) => e.trackWebsiteClick && e.trackWebsiteClick(...a), ["stop"]))
326
+ onClick: o[2] || (o[2] = W((...a) => e.trackWebsiteClick && e.trackWebsiteClick(...a), ["stop"]))
302
327
  }, [
303
- m(h, {
328
+ m(g, {
304
329
  icon: e.mdiLink,
305
330
  class: "tw-w-2 tw-h-2"
306
331
  }, null, 8, ["icon"]),
307
- r("span", ve, B(t.website), 1)
308
- ], 8, ge)) : u("", !0)
309
- ])) : u("", !0),
310
- (n(), d(w(e.tag), {
332
+ l("span", Le, T(t.website), 1)
333
+ ], 8, ye)) : c("", !0)
334
+ ])) : c("", !0),
335
+ (n(), s(f(e.tag), {
311
336
  to: e.readMorePath,
312
337
  href: e.readMorePath,
338
+ target: t.externalLinksNewTab ? "_blank" : void 0,
339
+ rel: t.externalLinksNewTab ? "noopener noreferrer" : void 0,
313
340
  class: "tw-flex tw-no-underline hover:tw-no-underline focus:tw-no-underline -tw-mt-1",
314
341
  "aria-label": "Loan tag",
315
- onClick: o[2] || (o[2] = (a) => e.clickReadMore("Tag", a))
342
+ onClick: o[3] || (o[3] = (a) => e.clickReadMore("Tag", a))
316
343
  }, {
317
- default: f(() => [
318
- t.showTags && !e.isLoading ? (n(), d(g, {
344
+ default: w(() => [
345
+ t.showTags && !e.isLoading ? (n(), s(b, {
319
346
  key: 0,
320
347
  loan: t.loan
321
- }, null, 8, ["loan"])) : u("", !0)
348
+ }, null, 8, ["loan"])) : c("", !0)
322
349
  ]),
323
350
  _: 1
324
- }, 8, ["to", "href"])),
325
- t.showLoanUse ? (n(), d(w(e.tag), {
351
+ }, 8, ["to", "href", "target", "rel"])),
352
+ t.showLoanUse ? (n(), s(f(e.tag), {
326
353
  key: 1,
327
354
  to: e.readMorePath,
328
355
  href: e.readMorePath,
356
+ target: t.externalLinksNewTab ? "_blank" : void 0,
357
+ rel: t.externalLinksNewTab ? "noopener noreferrer" : void 0,
329
358
  class: "loan-card-use tw-no-underline tw-text-primary tw-block tw-w-full",
330
359
  "aria-label": "Loan use",
331
- onClick: o[3] || (o[3] = (a) => e.clickReadMore("Use", a))
360
+ onClick: o[4] || (o[4] = (a) => e.clickReadMore("Use", a))
332
361
  }, {
333
- default: f(() => [
334
- e.isLoading ? (n(), i("div", _e, [
335
- (n(!0), i(C, null, ie([...Array(4)], (a, L) => (n(), i("div", {
336
- key: L,
362
+ default: w(() => [
363
+ e.isLoading ? (n(), i("div", xe, [
364
+ (n(!0), i(C, null, I([...Array(4)], (a, x) => (n(), i("div", {
365
+ key: x,
337
366
  class: "tw-h-2 tw-mb-1"
338
367
  }, [
339
- m(c)
368
+ m(u)
340
369
  ]))), 128))
341
- ])) : (n(), i("div", ye, [
342
- m(v, {
370
+ ])) : (n(), i("div", Ce, [
371
+ m(_, {
343
372
  use: e.loanUse,
344
373
  "loan-amount": e.loanAmount,
345
374
  status: e.loanStatus,
@@ -353,34 +382,36 @@ function Ce(l, o, t, e, x, A) {
353
382
  ]))
354
383
  ]),
355
384
  _: 1
356
- }, 8, ["to", "href"])) : u("", !0)
385
+ }, 8, ["to", "href", "target", "rel"])) : c("", !0)
357
386
  ])
358
387
  ]),
359
- e.isLoading || typeof e.loanCallouts > "u" ? (n(), d(c, {
388
+ e.isLoading || typeof e.loanCallouts > "u" ? (n(), s(u, {
360
389
  key: 0,
361
390
  class: "tw-mt-1.5 tw-mb-1 tw-rounded-full",
362
391
  style: { width: "60%", height: "1.5rem" }
363
- })) : (n(), d(_, {
392
+ })) : (n(), s(v, {
364
393
  key: 1,
365
394
  callouts: e.loanCallouts,
366
395
  class: "tw-mt-1.5",
367
- onClick: o[4] || (o[4] = (a) => l.$emit("jump-filter-page", a))
396
+ onClick: o[5] || (o[5] = (a) => r.$emit("jump-filter-page", a))
368
397
  }, null, 8, ["callouts"]))
369
398
  ]),
370
- r("div", {
371
- class: M(["tw-flex tw-items-end tw-w-full tw-mt-1", { "tw-gap-1": e.sharesAvailable }])
399
+ l("div", {
400
+ class: B(["tw-flex tw-items-end tw-w-full tw-mt-1", { "tw-gap-1": e.sharesAvailable }])
372
401
  }, [
373
402
  e.hasProgressData ? (n(), i(C, { key: 1 }, [
374
- r("div", Le, [
375
- e.sharesAvailable ? (n(), d(w(e.tag), {
403
+ l("div", Ae, [
404
+ e.sharesAvailable ? (n(), s(f(e.tag), {
376
405
  key: 0,
377
406
  to: e.readMorePath,
378
407
  href: e.readMorePath,
408
+ target: t.externalLinksNewTab ? "_blank" : void 0,
409
+ rel: t.externalLinksNewTab ? "noopener noreferrer" : void 0,
379
410
  class: "loan-card-progress tw-no-underline tw-block",
380
411
  "aria-label": "Loan progress",
381
- onClick: o[5] || (o[5] = (a) => e.clickReadMore("Progress", a))
412
+ onClick: o[6] || (o[6] = (a) => e.clickReadMore("Progress", a))
382
413
  }, {
383
- default: f(() => [
414
+ default: w(() => [
384
415
  m(y, {
385
416
  id: "loanProgress",
386
417
  "money-left": e.unreservedAmount,
@@ -389,13 +420,13 @@ function Ce(l, o, t, e, x, A) {
389
420
  }, null, 8, ["money-left", "progress-percent"])
390
421
  ]),
391
422
  _: 1
392
- }, 8, ["to", "href"])) : u("", !0)
423
+ }, 8, ["to", "href", "target", "rel"])) : c("", !0)
393
424
  ]),
394
- r("div", {
395
- class: M(["tw-flex-shrink-0 loan-card-cta", { "tw-w-full": !e.sharesAvailable }]),
425
+ l("div", {
426
+ class: B(["tw-flex-shrink-0 loan-card-cta", { "tw-w-full": !e.sharesAvailable }]),
396
427
  style: { height: "40px" }
397
428
  }, [
398
- m(b, {
429
+ m(L, {
399
430
  loan: t.loan,
400
431
  "unreserved-amount": e.unreservedAmount,
401
432
  "basket-items": t.basketItems,
@@ -415,23 +446,23 @@ function Ce(l, o, t, e, x, A) {
415
446
  "primary-button-text": t.primaryButtonText,
416
447
  "secondary-button-text": t.secondaryButtonText,
417
448
  "secondary-button-handler": t.secondaryButtonHandler,
418
- onAddToBasket: o[6] || (o[6] = (a) => l.$emit("add-to-basket", a)),
419
- onShowLoanDetails: o[7] || (o[7] = (a) => e.clickReadMore("ViewLoan", a)),
420
- onRemoveFromBasket: o[8] || (o[8] = (a) => l.$emit("remove-from-basket", a))
449
+ onAddToBasket: o[7] || (o[7] = (a) => r.$emit("add-to-basket", a)),
450
+ onShowLoanDetails: o[8] || (o[8] = (a) => e.clickReadMore("ViewLoan", a)),
451
+ onRemoveFromBasket: o[9] || (o[9] = (a) => r.$emit("remove-from-basket", a))
421
452
  }, 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"])
422
453
  ], 2)
423
454
  ], 64)) : (n(), i(C, { key: 0 }, [
424
- r("div", be, [
425
- m(c, {
455
+ l("div", Ne, [
456
+ m(u, {
426
457
  class: "tw-mb-0.5",
427
458
  style: { width: "100%", maxWidth: "11rem", height: "1rem" }
428
459
  }),
429
- m(c, {
460
+ m(u, {
430
461
  class: "tw-rounded",
431
462
  style: { width: "100%", maxWidth: "11rem", height: "0.5rem" }
432
463
  })
433
464
  ]),
434
- e.allDataLoaded ? u("", !0) : (n(), d(c, {
465
+ e.allDataLoaded ? c("", !0) : (n(), s(u, {
435
466
  key: 0,
436
467
  class: "tw-rounded tw-flex-shrink-0",
437
468
  style: { width: "8rem", height: "2.5rem" }
@@ -440,9 +471,9 @@ function Ce(l, o, t, e, x, A) {
440
471
  ], 2)
441
472
  ]);
442
473
  }
443
- const He = /* @__PURE__ */ se(de, [["render", Ce], ["__scopeId", "data-v-8ea6bf26"]]);
474
+ const ze = /* @__PURE__ */ ce(fe, [["render", Te], ["__scopeId", "data-v-df6cbfd6"]]);
444
475
  export {
445
- Ie as KV_COMPACT_LOAN_CARD_FRAGMENT,
446
- We as KV_COMPACT_LOAN_CARD_USER_FRAGMENT,
447
- He as default
476
+ qe as KV_COMPACT_LOAN_CARD_FRAGMENT,
477
+ Ze as KV_COMPACT_LOAN_CARD_USER_FRAGMENT,
478
+ ze as default
448
479
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kiva/kv-components",
3
- "version": "7.4.1",
3
+ "version": "7.6.0",
4
4
  "type": "module",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -115,5 +115,5 @@
115
115
  "embla-carousel-fade",
116
116
  "popper.js"
117
117
  ],
118
- "gitHead": "6ad3de2c0ffbd8d1ac2272ee5f6bc4d2274ab6f5"
118
+ "gitHead": "76df0f5473e78a4d36bba8e19c3388cc8a055921"
119
119
  }