@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.
- package/dist/vue/KvCompactLoanCard.css +1 -1
- package/dist/vue/KvCompactLoanCard.js +176 -145
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
.loan-card-use[data-v-
|
|
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
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
import
|
|
15
|
-
import
|
|
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
|
|
18
|
-
const
|
|
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
|
-
${
|
|
43
|
-
${
|
|
44
|
-
${
|
|
45
|
-
${
|
|
46
|
-
|
|
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
|
-
${
|
|
53
|
-
${
|
|
54
|
-
`,
|
|
52
|
+
${ae}
|
|
53
|
+
${re}
|
|
54
|
+
`, fe = {
|
|
55
55
|
name: "KvCompactLoanCard",
|
|
56
56
|
components: {
|
|
57
|
-
KvBorrowerImage:
|
|
58
|
-
KvLoadingPlaceholder:
|
|
59
|
-
KvLoanUse:
|
|
60
|
-
KvMaterialIcon:
|
|
61
|
-
KvLendCta:
|
|
62
|
-
KvLoanTag:
|
|
63
|
-
KvLoanCallouts:
|
|
64
|
-
KvLoanBookmark:
|
|
65
|
-
KvLoanTeamPick:
|
|
66
|
-
KvLoanProgressGroup:
|
|
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(
|
|
190
|
+
setup(r, { emit: o }) {
|
|
187
191
|
const {
|
|
188
192
|
allDataLoaded: t,
|
|
189
193
|
borrowerName: e,
|
|
190
|
-
city:
|
|
194
|
+
city: N,
|
|
191
195
|
countryName: A,
|
|
192
|
-
distributionModel:
|
|
193
|
-
formattedLocation:
|
|
194
|
-
fundraisingPercent:
|
|
195
|
-
hasProgressData:
|
|
196
|
-
imageHash:
|
|
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:
|
|
203
|
+
loanBorrowerCount: L,
|
|
200
204
|
loanCallouts: a,
|
|
201
|
-
loanStatus:
|
|
202
|
-
loanUse:
|
|
203
|
-
readMorePath:
|
|
204
|
-
state:
|
|
205
|
-
tag:
|
|
206
|
-
unreservedAmount:
|
|
207
|
-
sharesAvailable:
|
|
208
|
-
} =
|
|
209
|
-
clickReadMore:
|
|
210
|
-
} =
|
|
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:
|
|
225
|
+
city: N,
|
|
215
226
|
countryName: A,
|
|
216
|
-
distributionModel:
|
|
217
|
-
formattedLocation:
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
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:
|
|
235
|
+
loanBorrowerCount: L,
|
|
224
236
|
loanCallouts: a,
|
|
225
|
-
loanStatus:
|
|
226
|
-
loanUse:
|
|
227
|
-
mdiMapMarker:
|
|
228
|
-
mdiHome:
|
|
229
|
-
mdiLink:
|
|
230
|
-
readMorePath:
|
|
231
|
-
state:
|
|
232
|
-
tag:
|
|
233
|
-
unreservedAmount:
|
|
234
|
-
sharesAvailable:
|
|
235
|
-
clickReadMore:
|
|
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
|
|
244
|
-
return ((o = (
|
|
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
|
|
249
|
-
return
|
|
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
|
-
},
|
|
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
|
-
},
|
|
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
|
-
},
|
|
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
|
-
},
|
|
271
|
+
}, Ce = {
|
|
262
272
|
key: 1,
|
|
263
273
|
class: "loan-card-use-text tw-w-full tw-overflow-hidden"
|
|
264
|
-
},
|
|
265
|
-
function
|
|
266
|
-
const
|
|
267
|
-
return n(), i("div",
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
(n(),
|
|
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:
|
|
279
|
-
m(
|
|
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
|
-
|
|
294
|
-
t.businessName ? (n(), i("div",
|
|
295
|
-
|
|
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:
|
|
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[
|
|
326
|
+
onClick: o[2] || (o[2] = W((...a) => e.trackWebsiteClick && e.trackWebsiteClick(...a), ["stop"]))
|
|
302
327
|
}, [
|
|
303
|
-
m(
|
|
328
|
+
m(g, {
|
|
304
329
|
icon: e.mdiLink,
|
|
305
330
|
class: "tw-w-2 tw-h-2"
|
|
306
331
|
}, null, 8, ["icon"]),
|
|
307
|
-
|
|
308
|
-
], 8,
|
|
309
|
-
])) :
|
|
310
|
-
(n(),
|
|
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[
|
|
342
|
+
onClick: o[3] || (o[3] = (a) => e.clickReadMore("Tag", a))
|
|
316
343
|
}, {
|
|
317
|
-
default:
|
|
318
|
-
t.showTags && !e.isLoading ? (n(),
|
|
344
|
+
default: w(() => [
|
|
345
|
+
t.showTags && !e.isLoading ? (n(), s(b, {
|
|
319
346
|
key: 0,
|
|
320
347
|
loan: t.loan
|
|
321
|
-
}, null, 8, ["loan"])) :
|
|
348
|
+
}, null, 8, ["loan"])) : c("", !0)
|
|
322
349
|
]),
|
|
323
350
|
_: 1
|
|
324
|
-
}, 8, ["to", "href"])),
|
|
325
|
-
t.showLoanUse ? (n(),
|
|
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[
|
|
360
|
+
onClick: o[4] || (o[4] = (a) => e.clickReadMore("Use", a))
|
|
332
361
|
}, {
|
|
333
|
-
default:
|
|
334
|
-
e.isLoading ? (n(), i("div",
|
|
335
|
-
(n(!0), i(C, null,
|
|
336
|
-
key:
|
|
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(
|
|
368
|
+
m(u)
|
|
340
369
|
]))), 128))
|
|
341
|
-
])) : (n(), i("div",
|
|
342
|
-
m(
|
|
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"])) :
|
|
385
|
+
}, 8, ["to", "href", "target", "rel"])) : c("", !0)
|
|
357
386
|
])
|
|
358
387
|
]),
|
|
359
|
-
e.isLoading || typeof e.loanCallouts > "u" ? (n(),
|
|
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(),
|
|
392
|
+
})) : (n(), s(v, {
|
|
364
393
|
key: 1,
|
|
365
394
|
callouts: e.loanCallouts,
|
|
366
395
|
class: "tw-mt-1.5",
|
|
367
|
-
onClick: o[
|
|
396
|
+
onClick: o[5] || (o[5] = (a) => r.$emit("jump-filter-page", a))
|
|
368
397
|
}, null, 8, ["callouts"]))
|
|
369
398
|
]),
|
|
370
|
-
|
|
371
|
-
class:
|
|
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
|
-
|
|
375
|
-
e.sharesAvailable ? (n(),
|
|
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[
|
|
412
|
+
onClick: o[6] || (o[6] = (a) => e.clickReadMore("Progress", a))
|
|
382
413
|
}, {
|
|
383
|
-
default:
|
|
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"])) :
|
|
423
|
+
}, 8, ["to", "href", "target", "rel"])) : c("", !0)
|
|
393
424
|
]),
|
|
394
|
-
|
|
395
|
-
class:
|
|
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(
|
|
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[
|
|
419
|
-
onShowLoanDetails: o[
|
|
420
|
-
onRemoveFromBasket: o[
|
|
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
|
-
|
|
425
|
-
m(
|
|
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(
|
|
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 ?
|
|
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
|
|
474
|
+
const ze = /* @__PURE__ */ ce(fe, [["render", Te], ["__scopeId", "data-v-df6cbfd6"]]);
|
|
444
475
|
export {
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
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.
|
|
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": "
|
|
118
|
+
"gitHead": "76df0f5473e78a4d36bba8e19c3388cc8a055921"
|
|
119
119
|
}
|