@kiva/kv-components 8.11.2 → 8.11.3
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/KvClassicLoanCard.css +1 -1
- package/dist/vue/KvClassicLoanCard.js +24 -24
- package/dist/vue/KvFlag.css +1 -1
- package/dist/vue/KvFlag.js +6 -6
- package/dist/vue/KvIntroductionLoanCard.css +1 -1
- package/dist/vue/KvIntroductionLoanCard.js +49 -49
- package/dist/vue/KvLineGraph.js +14 -14
- package/dist/vue/KvLoanActivities.css +1 -1
- package/dist/vue/KvLoanActivities.js +9 -9
- package/dist/vue/KvLoanInfoCard.css +1 -1
- package/dist/vue/KvLoanInfoCard.js +34 -34
- package/dist/vue/KvLoanProgressGroup.css +1 -1
- package/dist/vue/KvLoanProgressGroup.js +11 -11
- package/dist/vue/KvTextLink.js +1 -1
- package/dist/vue/KvVotingCard.css +1 -1
- package/dist/vue/KvVotingCard.js +10 -10
- package/dist/vue/KvWideLoanCard.css +1 -1
- package/dist/vue/KvWideLoanCard.js +28 -28
- package/dist/vue/KvWwwHeader/LendMenu/KvLendListMenu.css +1 -1
- package/dist/vue/KvWwwHeader/LendMenu/KvLendListMenu.js +31 -31
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
.loan-card-use[data-v-
|
|
1
|
+
.loan-card-use[data-v-96a93997]:hover,.loan-card-use[data-v-96a93997]: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-96a93997]{text-decoration-line:underline}.loan-card-progress[data-v-96a93997]:hover,.loan-card-progress[data-v-96a93997]:focus{text-decoration-line:none}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import D from "./KvClassicLoanCard2.js";
|
|
2
2
|
import { KV_CLASSIC_LOAN_CARD_FRAGMENT as ee, KV_CLASSIC_LOAN_CARD_USER_FRAGMET as te } from "./KvClassicLoanCard2.js";
|
|
3
|
-
import { resolveComponent as i, openBlock as o, createElementBlock as s, normalizeClass as r, normalizeStyle as N, createElementVNode as
|
|
3
|
+
import { resolveComponent as i, openBlock as o, createElementBlock as s, normalizeClass as r, normalizeStyle as N, createElementVNode as d, createBlock as n, resolveDynamicComponent as g, withCtx as v, createVNode as m, toDisplayString as b, createCommentVNode as w, Fragment as V, renderList as R } from "vue";
|
|
4
4
|
import "./KvClassicLoanCard.css";
|
|
5
5
|
import S from "../_virtual/_plugin-vue_export-helper.js";
|
|
6
|
-
const
|
|
6
|
+
const T = { class: "tw-grow" }, F = { class: "loan-card-active-hover" }, I = {
|
|
7
7
|
key: 1,
|
|
8
8
|
class: "tw-relative"
|
|
9
|
-
},
|
|
10
|
-
class: "tw-absolute tw-bottom-1 tw-left-1 tw-text-primary tw-bg-white tw-rounded tw-p-1 tw-mb-0 tw-mr-2 tw-text-
|
|
9
|
+
}, E = { key: 0 }, K = {
|
|
10
|
+
class: "tw-absolute tw-bottom-1 tw-left-1 tw-text-primary tw-bg-white tw-rounded tw-p-1 tw-mb-0 tw-mr-2 tw-text-label tw-flex tw-items-center tw-h-3",
|
|
11
11
|
style: { padding: "2px 6px", "text-transform": "capitalize" }
|
|
12
|
-
}, W = { class: "tw-mb-1.5 tw-pt-1" }, U = { key: 1 }, j = {
|
|
12
|
+
}, z = { style: { "margin-top": "0.125rem" } }, W = { class: "tw-mb-1.5 tw-pt-1" }, U = { key: 1 }, j = {
|
|
13
13
|
key: 0,
|
|
14
14
|
class: "tw-w-full tw-pt-1 tw-pr-1"
|
|
15
15
|
}, G = {
|
|
@@ -19,20 +19,20 @@ const F = { class: "tw-grow" }, I = { class: "loan-card-active-hover" }, E = {
|
|
|
19
19
|
key: 1,
|
|
20
20
|
class: "tw-pt-1.5"
|
|
21
21
|
};
|
|
22
|
-
function O(u, a, e, t, q,
|
|
22
|
+
function O(u, a, e, t, q, c) {
|
|
23
23
|
const k = i("kv-loading-placeholder"), h = i("kv-borrower-image"), f = i("kv-material-icon"), _ = i("kv-loan-team-pick"), y = i("kv-loan-bookmark"), x = i("kv-loan-tag"), C = i("kv-loan-use"), L = i("kv-loan-callouts"), A = i("kv-loan-progress-group"), M = i("kv-lend-cta"), P = i("KvLoanActivities");
|
|
24
24
|
return o(), s("div", {
|
|
25
25
|
class: r(["tw-flex tw-flex-col tw-bg-white tw-rounded tw-w-full tw-pb-1", { "tw-p-1": !e.largeCard, "tw-pointer-events-none": t.isLoading }]),
|
|
26
26
|
"data-testid": "loan-card",
|
|
27
|
-
style: N([{ "box-shadow": "0 4px 12px rgba(0, 0, 0, 0.08)" }, { minWidth: "230px", maxWidth:
|
|
27
|
+
style: N([{ "box-shadow": "0 4px 12px rgba(0, 0, 0, 0.08)" }, { minWidth: "230px", maxWidth: c.cardWidth }])
|
|
28
28
|
}, [
|
|
29
|
-
|
|
30
|
-
|
|
29
|
+
d("div", T, [
|
|
30
|
+
d("div", F, [
|
|
31
31
|
t.isLoading ? (o(), n(k, {
|
|
32
32
|
key: 0,
|
|
33
33
|
class: r(["tw-mb-1 tw-w-full", { "tw-rounded-t tw-rounded-b-none": e.largeCard, "!tw-rounded-sm": !e.largeCard }]),
|
|
34
34
|
style: { height: "15rem" }
|
|
35
|
-
}, null, 8, ["class"])) : (o(), s("div",
|
|
35
|
+
}, null, 8, ["class"])) : (o(), s("div", I, [
|
|
36
36
|
(o(), n(g(t.tag), {
|
|
37
37
|
to: t.readMorePath,
|
|
38
38
|
href: t.readMorePath,
|
|
@@ -44,19 +44,19 @@ function O(u, a, e, t, q, d) {
|
|
|
44
44
|
m(h, {
|
|
45
45
|
class: r(["tw-relative tw-w-full tw-bg-black tw-bg-clip-content", { "tw-rounded-t": e.largeCard, "tw-rounded-sm": !e.largeCard }]),
|
|
46
46
|
alt: `Photo of ${t.borrowerName}`,
|
|
47
|
-
"aspect-ratio":
|
|
48
|
-
"default-image": { width:
|
|
47
|
+
"aspect-ratio": c.imageAspectRatio,
|
|
48
|
+
"default-image": { width: c.imageDefaultWidth },
|
|
49
49
|
hash: t.imageHash,
|
|
50
|
-
images:
|
|
50
|
+
images: c.imageSizes,
|
|
51
51
|
"photo-path": e.photoPath
|
|
52
52
|
}, null, 8, ["class", "alt", "aspect-ratio", "default-image", "hash", "images", "photo-path"]),
|
|
53
|
-
t.countryName ? (o(), s("div",
|
|
54
|
-
|
|
53
|
+
t.countryName ? (o(), s("div", E, [
|
|
54
|
+
d("p", K, [
|
|
55
55
|
m(f, {
|
|
56
56
|
class: "tw-h-2 tw-w-2",
|
|
57
57
|
icon: t.mdiMapMarker
|
|
58
58
|
}, null, 8, ["icon"]),
|
|
59
|
-
|
|
59
|
+
d("span", z, b(t.formattedLocation), 1)
|
|
60
60
|
])
|
|
61
61
|
])) : w("", !0)
|
|
62
62
|
]),
|
|
@@ -101,13 +101,13 @@ function O(u, a, e, t, q, d) {
|
|
|
101
101
|
onClick: a[3] || (a[3] = (l) => t.clickReadMore("Use", l))
|
|
102
102
|
}, {
|
|
103
103
|
default: v(() => [
|
|
104
|
-
|
|
104
|
+
d("div", W, [
|
|
105
105
|
t.isLoading ? (o(), s("div", {
|
|
106
106
|
key: 0,
|
|
107
107
|
class: r(["tw-w-full", { "tw-px-1": e.largeCard }]),
|
|
108
108
|
style: { height: "5.5rem" }
|
|
109
109
|
}, [
|
|
110
|
-
(o(!0), s(
|
|
110
|
+
(o(!0), s(V, null, R([...Array(4)], (l, B) => (o(), s("div", {
|
|
111
111
|
key: B,
|
|
112
112
|
class: "tw-h-2 tw-mb-1"
|
|
113
113
|
}, [
|
|
@@ -140,7 +140,7 @@ function O(u, a, e, t, q, d) {
|
|
|
140
140
|
onClick: a[4] || (a[4] = (l) => u.$emit("jump-filter-page", l))
|
|
141
141
|
}, null, 8, ["callouts", "class"]))
|
|
142
142
|
]),
|
|
143
|
-
|
|
143
|
+
d("div", {
|
|
144
144
|
class: r(["tw-flex tw-justify-between tw-mt-2", { "tw-px-1": e.largeCard }])
|
|
145
145
|
}, [
|
|
146
146
|
t.hasProgressData ? w("", !0) : (o(), s("div", j, [
|
|
@@ -153,7 +153,7 @@ function O(u, a, e, t, q, d) {
|
|
|
153
153
|
style: { width: "70%", height: "0.5rem" }
|
|
154
154
|
})
|
|
155
155
|
])),
|
|
156
|
-
|
|
156
|
+
d("div", null, [
|
|
157
157
|
t.sharesAvailable ? (o(), n(g(t.tag), {
|
|
158
158
|
key: 0,
|
|
159
159
|
to: t.readMorePath,
|
|
@@ -204,11 +204,11 @@ function O(u, a, e, t, q, d) {
|
|
|
204
204
|
style: { width: "9rem", height: "3rem" }
|
|
205
205
|
}))
|
|
206
206
|
], 2),
|
|
207
|
-
e.showContributors &&
|
|
208
|
-
|
|
207
|
+
e.showContributors && c.lendersNumber && c.amountLent ? (o(), s("div", G, [
|
|
208
|
+
d("p", null, b(c.lendersNumber) + " people contributed " + b(c.amountLent), 1)
|
|
209
209
|
])) : w("", !0),
|
|
210
210
|
e.combinedActivities.length > 0 ? (o(), s("div", H, [
|
|
211
|
-
a[10] || (a[10] =
|
|
211
|
+
a[10] || (a[10] = d("hr", { class: "tw-border-tertiary tw-mb-1 tw-w-5/6 tw-mx-auto" }, null, -1)),
|
|
212
212
|
m(P, {
|
|
213
213
|
loan: e.loan,
|
|
214
214
|
"combined-activities": e.combinedActivities,
|
|
@@ -231,7 +231,7 @@ function O(u, a, e, t, q, d) {
|
|
|
231
231
|
])) : w("", !0)
|
|
232
232
|
], 6);
|
|
233
233
|
}
|
|
234
|
-
const Z = /* @__PURE__ */ S(D, [["render", O], ["__scopeId", "data-v-
|
|
234
|
+
const Z = /* @__PURE__ */ S(D, [["render", O], ["__scopeId", "data-v-96a93997"]]);
|
|
235
235
|
export {
|
|
236
236
|
ee as KV_CLASSIC_LOAN_CARD_FRAGMENT,
|
|
237
237
|
te as KV_CLASSIC_LOAN_CARD_USER_FRAGMET,
|
package/dist/vue/KvFlag.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.kv-flag__wrapper[data-v-
|
|
1
|
+
.kv-flag__wrapper[data-v-503c1b66]{line-height:0;background-size:contain;background-position:50%;background-repeat:no-repeat}.kv-flag--4x3 .kv-flag__wrapper.kv-flag-svg[data-v-503c1b66]{padding-bottom:71%}.kv-flag--1x1 .kv-flag__wrapper.kv-flag-svg[data-v-503c1b66]{padding-bottom:96%}
|
package/dist/vue/KvFlag.js
CHANGED
|
@@ -2,11 +2,11 @@ import d from "./KvFlag2.js";
|
|
|
2
2
|
import { openBlock as a, createElementBlock as r, normalizeClass as l, normalizeStyle as s, createElementVNode as c, toDisplayString as o, createCommentVNode as n } from "vue";
|
|
3
3
|
import "./KvFlag.css";
|
|
4
4
|
import i from "../_virtual/_plugin-vue_export-helper.js";
|
|
5
|
-
const m = { class: "tw-sr-only" },
|
|
5
|
+
const m = { class: "tw-sr-only" }, _ = {
|
|
6
6
|
key: 0,
|
|
7
|
-
class: "tw-text-
|
|
7
|
+
class: "tw-text-upper tw-my-2"
|
|
8
8
|
};
|
|
9
|
-
function
|
|
9
|
+
function f(g, w, e, v, u, t) {
|
|
10
10
|
return e.country ? (a(), r("div", {
|
|
11
11
|
key: 0,
|
|
12
12
|
class: l(`kv-flag kv-flag--${e.aspectRatio}`),
|
|
@@ -18,10 +18,10 @@ function _(g, w, e, v, h, t) {
|
|
|
18
18
|
}, [
|
|
19
19
|
c("span", m, "Flag of " + o(e.name), 1)
|
|
20
20
|
], 6),
|
|
21
|
-
e.showName ? (a(), r("span",
|
|
21
|
+
e.showName ? (a(), r("span", _, o(e.name), 1)) : n("", !0)
|
|
22
22
|
], 6)) : n("", !0);
|
|
23
23
|
}
|
|
24
|
-
const
|
|
24
|
+
const b = /* @__PURE__ */ i(d, [["render", f], ["__scopeId", "data-v-503c1b66"]]);
|
|
25
25
|
export {
|
|
26
|
-
|
|
26
|
+
b as default
|
|
27
27
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.loan-callouts[data-v-
|
|
1
|
+
.loan-callouts[data-v-eb049e35] span{background-color:transparent!important;--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1))}.loan-card-use[data-v-eb049e35]:hover,.loan-card-use[data-v-eb049e35]: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-eb049e35],.loan-card-active-hover:hover .loan-card-name[data-v-eb049e35]{text-decoration-line:underline}.loan-card-progress[data-v-eb049e35],.loan-card-progress[data-v-eb049e35]:hover,.loan-card-progress[data-v-eb049e35]:focus{text-decoration-line:none}.loan-card-name[data-v-eb049e35]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;cursor:pointer;overflow:hidden;text-overflow:ellipsis;padding-left:1.5rem;padding-right:1.5rem;padding-top:.5rem}.loan-bookmark[data-v-eb049e35] button{border-top-left-radius:0!important;border-top-right-radius:0!important}
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import
|
|
1
|
+
import N from "./KvIntroductionLoanCard2.js";
|
|
2
2
|
import { KV_INTRODUCTION_LOAN_CARD_FRAGMENT as tt, KV_INTRODUCTION_LOAN_CARD_USER_FRAGMENT as et } from "./KvIntroductionLoanCard2.js";
|
|
3
|
-
import { resolveComponent as
|
|
3
|
+
import { resolveComponent as s, openBlock as e, createElementBlock as n, normalizeClass as _, normalizeStyle as P, createElementVNode as i, createBlock as o, resolveDynamicComponent as g, withCtx as c, createVNode as d, Suspense as p, toDisplayString as f, createCommentVNode as m, Fragment as R, renderList as A } from "vue";
|
|
4
4
|
import "./KvIntroductionLoanCard.css";
|
|
5
5
|
import B from "../_virtual/_plugin-vue_export-helper.js";
|
|
6
|
-
const D = { class: "tw-grow" },
|
|
6
|
+
const D = { class: "tw-grow" }, T = { class: "loan-card-active-hover" }, z = {
|
|
7
7
|
key: 1,
|
|
8
8
|
style: { height: "11rem" },
|
|
9
9
|
class: "tw-relative tw-overflow-hidden"
|
|
10
|
-
},
|
|
11
|
-
class: "tw-absolute tw-bottom-1 tw-left-1 tw-text-primary tw-bg-white tw-rounded tw-p-1 tw-mb-0 tw-mr-2 tw-text-
|
|
10
|
+
}, I = { key: 0 }, F = {
|
|
11
|
+
class: "tw-absolute tw-bottom-1 tw-left-1 tw-text-primary tw-bg-white tw-rounded tw-p-1 tw-mb-0 tw-mr-2 tw-text-label tw-flex tw-items-center tw-h-3 !tw-capitalize",
|
|
12
12
|
style: { padding: "2px 6px" }
|
|
13
|
-
}, O = {
|
|
13
|
+
}, O = { style: { "margin-top": "0.125rem" } }, S = {
|
|
14
14
|
key: 3,
|
|
15
15
|
class: "tw-flex tw-justify-center tw-gap-2"
|
|
16
|
-
},
|
|
16
|
+
}, V = {
|
|
17
17
|
key: 0,
|
|
18
18
|
class: "tw-w-full",
|
|
19
19
|
style: { height: "5.5rem" }
|
|
@@ -26,19 +26,19 @@ const D = { class: "tw-grow" }, z = { class: "loan-card-active-hover" }, I = {
|
|
|
26
26
|
style: { "font-weight": "bold", "font-size": "13px", "border-radius": "8px" }
|
|
27
27
|
};
|
|
28
28
|
function G(k, a, w, t, H, h) {
|
|
29
|
-
const l =
|
|
29
|
+
const l = s("kv-loading-placeholder"), u = s("kv-borrower-image"), y = s("kv-flag"), b = s("kv-loan-bookmark"), v = s("kv-loan-callouts"), x = s("kv-loan-use"), C = s("kv-loan-progress-group"), L = s("kv-loan-tag");
|
|
30
30
|
return e(), n("div", {
|
|
31
31
|
class: _(["tw-flex tw-flex-col tw-bg-white tw-rounded tw-w-full tw-pb-2", { "tw-pointer-events-none": t.isLoading }]),
|
|
32
32
|
"data-testid": "loan-card",
|
|
33
33
|
style: P([{ "box-shadow": "0px 4px 8px 0px rgba(0, 0, 0, 0.38)" }, { minWidth: "230px", maxWidth: h.cardWidth }])
|
|
34
34
|
}, [
|
|
35
|
-
|
|
36
|
-
|
|
35
|
+
i("div", D, [
|
|
36
|
+
i("div", T, [
|
|
37
37
|
t.isLoading ? (e(), o(l, {
|
|
38
38
|
key: 0,
|
|
39
39
|
class: "tw-w-full tw-rounded-t",
|
|
40
40
|
style: { height: "11rem" }
|
|
41
|
-
})) : (e(), n("div",
|
|
41
|
+
})) : (e(), n("div", z, [
|
|
42
42
|
(e(), o(g(t.tag), {
|
|
43
43
|
to: t.readMorePath,
|
|
44
44
|
href: t.readMorePath,
|
|
@@ -46,8 +46,8 @@ function G(k, a, w, t, H, h) {
|
|
|
46
46
|
"aria-label": "Borrower image",
|
|
47
47
|
onClick: a[0] || (a[0] = (r) => t.clickReadMore("Photo", r))
|
|
48
48
|
}, {
|
|
49
|
-
default:
|
|
50
|
-
|
|
49
|
+
default: c(() => [
|
|
50
|
+
d(u, {
|
|
51
51
|
class: "tw-relative tw-w-full tw-bg-black tw-rounded-t borrower-image tw-bg-clip-content",
|
|
52
52
|
alt: `Photo of ${t.borrowerName}`,
|
|
53
53
|
"aspect-ratio": h.imageAspectRatio,
|
|
@@ -56,11 +56,11 @@ function G(k, a, w, t, H, h) {
|
|
|
56
56
|
images: h.imageSizes,
|
|
57
57
|
"photo-path": w.photoPath
|
|
58
58
|
}, null, 8, ["alt", "aspect-ratio", "default-image", "hash", "images", "photo-path"]),
|
|
59
|
-
t.countryName ? (e(), n("div",
|
|
60
|
-
|
|
61
|
-
(e(), o(
|
|
62
|
-
default:
|
|
63
|
-
|
|
59
|
+
t.countryName ? (e(), n("div", I, [
|
|
60
|
+
i("p", F, [
|
|
61
|
+
(e(), o(p, null, {
|
|
62
|
+
default: c(() => [
|
|
63
|
+
d(y, {
|
|
64
64
|
class: "tw-ml-0.5 tw-mr-1",
|
|
65
65
|
country: t.countryCode,
|
|
66
66
|
name: t.countryName,
|
|
@@ -70,13 +70,13 @@ function G(k, a, w, t, H, h) {
|
|
|
70
70
|
]),
|
|
71
71
|
_: 1
|
|
72
72
|
})),
|
|
73
|
-
|
|
73
|
+
i("span", O, f(t.formattedLocation), 1)
|
|
74
74
|
])
|
|
75
|
-
])) :
|
|
75
|
+
])) : m("", !0)
|
|
76
76
|
]),
|
|
77
77
|
_: 1
|
|
78
78
|
}, 8, ["to", "href"])),
|
|
79
|
-
w.isVisitor ?
|
|
79
|
+
w.isVisitor ? m("", !0) : (e(), o(b, {
|
|
80
80
|
key: 0,
|
|
81
81
|
"loan-id": w.loanId,
|
|
82
82
|
"is-bookmarked": w.isBookmarked,
|
|
@@ -89,7 +89,7 @@ function G(k, a, w, t, H, h) {
|
|
|
89
89
|
key: 2,
|
|
90
90
|
class: "tw-mt-1 tw-mx-auto",
|
|
91
91
|
style: { width: "60%", height: "1.75rem", "border-radius": "500rem" }
|
|
92
|
-
})) :
|
|
92
|
+
})) : m("", !0),
|
|
93
93
|
(e(), o(g(t.tag), {
|
|
94
94
|
to: t.readMorePath,
|
|
95
95
|
href: t.readMorePath,
|
|
@@ -97,30 +97,30 @@ function G(k, a, w, t, H, h) {
|
|
|
97
97
|
class: "!tw-text-primary tw-no-underline",
|
|
98
98
|
onClick: a[2] || (a[2] = (r) => t.clickReadMore("Name", r))
|
|
99
99
|
}, {
|
|
100
|
-
default:
|
|
101
|
-
|
|
100
|
+
default: c(() => [
|
|
101
|
+
i("h3", {
|
|
102
102
|
class: _(["loan-card-name", { "tw-text-center": t.borrowerName.length < 20 }]),
|
|
103
103
|
style: { "font-size": "28px" }
|
|
104
104
|
}, f(t.borrowerName), 3)
|
|
105
105
|
]),
|
|
106
106
|
_: 1
|
|
107
107
|
}, 8, ["to", "href"])),
|
|
108
|
-
t.isLoading ? (e(), n("div",
|
|
108
|
+
t.isLoading ? (e(), n("div", S, [
|
|
109
109
|
t.isLoading || typeof t.loanCallouts > "u" ? (e(), o(l, {
|
|
110
110
|
key: 0,
|
|
111
111
|
class: "tw-mt-0.5 tw-mb-1",
|
|
112
112
|
style: { width: "20%", height: "1.65rem", "border-radius": "500rem" }
|
|
113
|
-
})) :
|
|
113
|
+
})) : m("", !0),
|
|
114
114
|
t.isLoading || typeof t.loanCallouts > "u" ? (e(), o(l, {
|
|
115
115
|
key: 1,
|
|
116
116
|
class: "tw-mt-0.5 tw-mb-1",
|
|
117
117
|
style: { width: "20%", height: "1.65rem", "border-radius": "500rem" }
|
|
118
|
-
})) :
|
|
118
|
+
})) : m("", !0),
|
|
119
119
|
t.isLoading || typeof t.loanCallouts > "u" ? (e(), o(l, {
|
|
120
120
|
key: 2,
|
|
121
121
|
class: "tw-mt-0.5 tw-mb-1",
|
|
122
122
|
style: { width: "20%", height: "1.65rem", "border-radius": "500rem" }
|
|
123
|
-
})) :
|
|
123
|
+
})) : m("", !0)
|
|
124
124
|
])) : (e(), o(g(t.tag), {
|
|
125
125
|
key: 4,
|
|
126
126
|
to: t.readMorePath,
|
|
@@ -129,8 +129,8 @@ function G(k, a, w, t, H, h) {
|
|
|
129
129
|
"aria-label": "Loan tag",
|
|
130
130
|
onClick: a[3] || (a[3] = (r) => t.clickReadMore("Tag", r))
|
|
131
131
|
}, {
|
|
132
|
-
default:
|
|
133
|
-
|
|
132
|
+
default: c(() => [
|
|
133
|
+
d(v, {
|
|
134
134
|
callouts: t.loanCallouts,
|
|
135
135
|
"add-bg-color": !1,
|
|
136
136
|
class: "loan-callouts"
|
|
@@ -145,19 +145,19 @@ function G(k, a, w, t, H, h) {
|
|
|
145
145
|
"aria-label": "Loan use",
|
|
146
146
|
onClick: a[4] || (a[4] = (r) => t.clickReadMore("Use", r))
|
|
147
147
|
}, {
|
|
148
|
-
default:
|
|
149
|
-
|
|
148
|
+
default: c(() => [
|
|
149
|
+
i("div", {
|
|
150
150
|
class: _(["tw-pt-0.5 tw-px-2", { "tw-mb-1.5": !t.isLoading }])
|
|
151
151
|
}, [
|
|
152
|
-
t.isLoading ? (e(), n("div",
|
|
153
|
-
(e(!0), n(
|
|
154
|
-
key:
|
|
152
|
+
t.isLoading ? (e(), n("div", V, [
|
|
153
|
+
(e(!0), n(R, null, A([...Array(3)], (r, M) => (e(), n("div", {
|
|
154
|
+
key: M,
|
|
155
155
|
class: "tw-h-2 tw-mb-1"
|
|
156
156
|
}, [
|
|
157
|
-
|
|
157
|
+
d(l)
|
|
158
158
|
]))), 128))
|
|
159
159
|
])) : (e(), n("div", E, [
|
|
160
|
-
|
|
160
|
+
d(x, {
|
|
161
161
|
use: t.loanUse,
|
|
162
162
|
"loan-amount": t.loanAmount,
|
|
163
163
|
status: t.loanStatus,
|
|
@@ -174,24 +174,24 @@ function G(k, a, w, t, H, h) {
|
|
|
174
174
|
}, 8, ["to", "href"]))
|
|
175
175
|
])
|
|
176
176
|
]),
|
|
177
|
-
|
|
178
|
-
t.hasProgressData ?
|
|
179
|
-
|
|
180
|
-
|
|
177
|
+
i("div", U, [
|
|
178
|
+
t.hasProgressData ? m("", !0) : (e(), n("div", W, [
|
|
179
|
+
i("div", j, [
|
|
180
|
+
d(l, {
|
|
181
181
|
class: "tw-mb-0.5",
|
|
182
182
|
style: { width: "20%", height: "1.3rem" }
|
|
183
183
|
}),
|
|
184
|
-
|
|
184
|
+
d(l, {
|
|
185
185
|
class: "tw-mb-0.5",
|
|
186
186
|
style: { width: "20%", height: "1.3rem" }
|
|
187
187
|
})
|
|
188
188
|
]),
|
|
189
|
-
|
|
189
|
+
d(l, {
|
|
190
190
|
class: "tw-rounded",
|
|
191
191
|
style: { width: "100%", height: "0.5rem" }
|
|
192
192
|
})
|
|
193
193
|
])),
|
|
194
|
-
|
|
194
|
+
i("div", null, [
|
|
195
195
|
t.sharesAvailable ? (e(), o(g(t.tag), {
|
|
196
196
|
key: 0,
|
|
197
197
|
to: t.readMorePath,
|
|
@@ -200,8 +200,8 @@ function G(k, a, w, t, H, h) {
|
|
|
200
200
|
"aria-label": "Loan progress",
|
|
201
201
|
onClick: a[5] || (a[5] = (r) => t.clickReadMore("Progress", r))
|
|
202
202
|
}, {
|
|
203
|
-
default:
|
|
204
|
-
|
|
203
|
+
default: c(() => [
|
|
204
|
+
d(C, {
|
|
205
205
|
id: "loanProgress",
|
|
206
206
|
"money-left": t.unreservedAmount,
|
|
207
207
|
"amount-goal": t.loanAmount,
|
|
@@ -210,13 +210,13 @@ function G(k, a, w, t, H, h) {
|
|
|
210
210
|
}, null, 8, ["money-left", "amount-goal", "progress-percent"])
|
|
211
211
|
]),
|
|
212
212
|
_: 1
|
|
213
|
-
}, 8, ["to", "href"])) :
|
|
213
|
+
}, 8, ["to", "href"])) : m("", !0)
|
|
214
214
|
]),
|
|
215
215
|
t.isLoading ? (e(), o(l, {
|
|
216
216
|
key: 1,
|
|
217
217
|
class: "tw-rounded tw-mx-auto tw-mt-2",
|
|
218
218
|
style: { width: "9rem", height: "1rem" }
|
|
219
|
-
})) : h.isFunded ? (e(), n("div", K, " 🎉 Fully funded! ")) : (e(), o(
|
|
219
|
+
})) : h.isFunded ? (e(), n("div", K, " 🎉 Fully funded! ")) : (e(), o(L, {
|
|
220
220
|
key: 3,
|
|
221
221
|
loan: w.loan,
|
|
222
222
|
"use-expanded-styles": !0,
|
|
@@ -226,7 +226,7 @@ function G(k, a, w, t, H, h) {
|
|
|
226
226
|
])
|
|
227
227
|
], 6);
|
|
228
228
|
}
|
|
229
|
-
const Y = /* @__PURE__ */ B(
|
|
229
|
+
const Y = /* @__PURE__ */ B(N, [["render", G], ["__scopeId", "data-v-eb049e35"]]);
|
|
230
230
|
export {
|
|
231
231
|
tt as KV_INTRODUCTION_LOAN_CARD_FRAGMENT,
|
|
232
232
|
et as KV_INTRODUCTION_LOAN_CARD_USER_FRAGMENT,
|
package/dist/vue/KvLineGraph.js
CHANGED
|
@@ -2,36 +2,36 @@ import u from "./KvLineGraph2.js";
|
|
|
2
2
|
import { openBlock as e, createElementBlock as a, createElementVNode as o, normalizeStyle as r, Fragment as s, renderList as w, toDisplayString as i, createCommentVNode as c, normalizeClass as m } from "vue";
|
|
3
3
|
import d from "../_virtual/_plugin-vue_export-helper.js";
|
|
4
4
|
const f = { class: "tw-h-full tw-w-full tw-p-2.5" };
|
|
5
|
-
function h(b, g, n,
|
|
5
|
+
function h(b, g, n, l, y, p) {
|
|
6
6
|
return e(), a("div", f, [
|
|
7
7
|
o("figure", {
|
|
8
8
|
class: "tw-w-full tw-relative",
|
|
9
|
-
style: r({ height:
|
|
9
|
+
style: r({ height: l.graphHeight })
|
|
10
10
|
}, [
|
|
11
11
|
o("div", {
|
|
12
12
|
class: "tw-w-full tw-h-full tw-bg-marigold-2 tw-opacity-low",
|
|
13
|
-
style: r({ clipPath: `polygon(${
|
|
13
|
+
style: r({ clipPath: `polygon(${l.shade}, 100% 100%, 0% 100%)` })
|
|
14
14
|
}, null, 4),
|
|
15
15
|
o("div", {
|
|
16
16
|
class: "tw-absolute tw-top-0 tw-w-full tw-h-full tw-bg-marigold-2",
|
|
17
|
-
style: r({ clipPath: `polygon(${
|
|
17
|
+
style: r({ clipPath: `polygon(${l.line})` })
|
|
18
18
|
}, null, 4),
|
|
19
|
-
(e(!0), a(s, null, w(
|
|
20
|
-
key:
|
|
19
|
+
(e(!0), a(s, null, w(l.normalizedPoints, (t) => (e(), a("span", {
|
|
20
|
+
key: t.x,
|
|
21
21
|
class: "tw-absolute tw-w-2 tw-h-2 tw-border tw-border-white tw-bg-marigold-2 tw-rounded-full",
|
|
22
|
-
style: r({ left: `${
|
|
22
|
+
style: r({ left: `${t.x}%`, top: `${t.y}%`, transform: "translate(-50%, -50%)" })
|
|
23
23
|
}, null, 4))), 128)),
|
|
24
|
-
(e(!0), a(s, null, w(
|
|
25
|
-
|
|
26
|
-
key:
|
|
24
|
+
(e(!0), a(s, null, w(l.normalizedPoints, (t) => (e(), a(s, null, [
|
|
25
|
+
t.label ? (e(), a("span", {
|
|
26
|
+
key: t.label,
|
|
27
27
|
class: "tw-absolute",
|
|
28
|
-
style: r({ left: `${
|
|
29
|
-
}, i(
|
|
28
|
+
style: r({ left: `${t.x}%`, bottom: "-3rem", transform: "translate(-50%, -50%)" })
|
|
29
|
+
}, i(t.label), 5)) : c("", !0)
|
|
30
30
|
], 64))), 256))
|
|
31
31
|
], 4),
|
|
32
|
-
n.axisLabel ? (e(), a("
|
|
32
|
+
n.axisLabel ? (e(), a("p", {
|
|
33
33
|
key: 0,
|
|
34
|
-
class: m(["tw-text-center", { "tw-pt-1": !
|
|
34
|
+
class: m(["tw-text-center tw-text-upper", { "tw-pt-1": !l.hasValueLabels, "tw-pt-6": l.hasValueLabels }])
|
|
35
35
|
}, i(n.axisLabel), 3)) : c("", !0)
|
|
36
36
|
]);
|
|
37
37
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.loan-activity[data-v-
|
|
1
|
+
.loan-activity[data-v-4a2d002d] #kvLightboxBody{display:flex;flex-direction:column;padding-left:0;padding-right:0;padding-bottom:0}.loan-activity[data-v-4a2d002d] div>div>div>div>div:first-child{box-shadow:var(--kiva-box-shadow)}.loan-activity[data-v-4a2d002d] div>div>div>div>div:first-child>div,.loan-activity[data-v-4a2d002d] #kvLightboxBody div{box-shadow:none}.loan-activity[data-v-4a2d002d] #kvLightboxBody>div:first-child{padding-left:2rem;padding-right:2rem}.loan-activity[data-v-4a2d002d] [role=dialog]{min-width:840px;max-width:840px!important}@media (max-width: calc(840px + 2rem)){.loan-activity[data-v-4a2d002d] [role=dialog]{min-width:100%;max-width:100%!important}}.loan-activity[data-v-4a2d002d] #kvLightboxBody>div:nth-child(2){padding-left:2rem;padding-right:2rem;box-shadow:var(--kiva-negative-box-shadow)}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import
|
|
1
|
+
import g from "./KvLoanActivities2.js";
|
|
2
2
|
import { KV_LOAN_ACTIVITIES_FRAGMENT as H } from "./KvLoanActivities2.js";
|
|
3
|
-
import { resolveComponent as c, openBlock as n, createElementBlock as s, createElementVNode as o, createVNode as d, toDisplayString as l, createCommentVNode as r, withCtx as m, Fragment as w, renderList as _, createBlock as
|
|
3
|
+
import { resolveComponent as c, openBlock as n, createElementBlock as s, createElementVNode as o, createVNode as d, toDisplayString as l, createCommentVNode as r, withCtx as m, Fragment as w, renderList as _, createBlock as h } from "vue";
|
|
4
4
|
import "./KvLoanActivities.css";
|
|
5
5
|
import y from "../_virtual/_plugin-vue_export-helper.js";
|
|
6
6
|
const A = {
|
|
7
7
|
key: 0,
|
|
8
8
|
class: "loan-activity"
|
|
9
|
-
}, L = { class: "tw-flex tw-justify-center lg:tw-px-0" }, C = { class: "tw-flex tw-justify-center tw-mt-1 tw-text-small" }, K = { key: 0 }, N = { class: "tw-text-h3 tw-flex-1 data-hj-suppress" }, M = { class: "tw-overflow-x-hidden tw-px-2 tw-pb-1" }, T = { class: "tw-text-center tw-text-
|
|
9
|
+
}, L = { class: "tw-flex tw-justify-center lg:tw-px-0" }, C = { class: "tw-flex tw-justify-center tw-mt-1 tw-text-small" }, K = { key: 0 }, N = { class: "tw-text-h3 tw-flex-1 data-hj-suppress" }, M = { class: "tw-overflow-x-hidden tw-px-2 tw-pb-1" }, T = { class: "tw-text-center tw-text-upper" }, V = { class: "tw-flex tw-flex-col tw-gap-y-1" }, B = {
|
|
10
10
|
key: 0,
|
|
11
11
|
class: "tw-mt-1 tw-text-small tw-text-danger"
|
|
12
12
|
}, F = { class: "tw-flex tw-justify-end tw-mt-4 tw-pb-2.5 md:tw-pb-4" };
|
|
13
13
|
function I(x, a, t, e, j, E) {
|
|
14
|
-
const v = c("KvActivityRow"), k = c("KvLendCta"),
|
|
14
|
+
const v = c("KvActivityRow"), k = c("KvLendCta"), u = c("KvLightbox");
|
|
15
15
|
return t.combinedActivities.length > 0 ? (n(), s("div", A, [
|
|
16
16
|
o("div", L, [
|
|
17
17
|
d(v, { activity: e.singleActivity }, null, 8, ["activity"])
|
|
@@ -23,7 +23,7 @@ function I(x, a, t, e, j, E) {
|
|
|
23
23
|
onClick: a[0] || (a[0] = (...i) => e.showActivityModal && e.showActivityModal(...i))
|
|
24
24
|
}, " See all activity ")
|
|
25
25
|
]),
|
|
26
|
-
d(
|
|
26
|
+
d(u, {
|
|
27
27
|
title: "Activity Feed Modal",
|
|
28
28
|
visible: e.lightboxOpen,
|
|
29
29
|
onLightboxClosed: e.closeLightbox
|
|
@@ -37,10 +37,10 @@ function I(x, a, t, e, j, E) {
|
|
|
37
37
|
key: i.key,
|
|
38
38
|
class: "md:tw-px-8 lg:tw-px-14 tw-mt-4"
|
|
39
39
|
}, [
|
|
40
|
-
o("
|
|
40
|
+
o("p", T, l(e.formattedDate(i.key)), 1),
|
|
41
41
|
o("div", V, [
|
|
42
|
-
(n(!0), s(w, null, _(i.data, (f,
|
|
43
|
-
key:
|
|
42
|
+
(n(!0), s(w, null, _(i.data, (f, b) => (n(), h(v, {
|
|
43
|
+
key: b,
|
|
44
44
|
activity: f
|
|
45
45
|
}, null, 8, ["activity"]))), 128))
|
|
46
46
|
])
|
|
@@ -70,7 +70,7 @@ function I(x, a, t, e, j, E) {
|
|
|
70
70
|
}, 8, ["visible", "onLightboxClosed"])
|
|
71
71
|
])) : r("", !0);
|
|
72
72
|
}
|
|
73
|
-
const G = /* @__PURE__ */ y(
|
|
73
|
+
const G = /* @__PURE__ */ y(g, [["render", I], ["__scopeId", "data-v-4a2d002d"]]);
|
|
74
74
|
export {
|
|
75
75
|
H as KV_LOAN_ACTIVITIES_FRAGMENT,
|
|
76
76
|
G as default
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.loan-card-active-hover[data-v-
|
|
1
|
+
.loan-card-active-hover[data-v-de35f998]:hover{cursor:pointer}.loan-card-use[data-v-de35f998]:hover,.loan-card-use[data-v-de35f998]: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-de35f998]{text-decoration-line:underline}.loan-card-progress[data-v-de35f998]:hover,.loan-card-progress[data-v-de35f998]:focus{text-decoration-line:none}
|
|
@@ -3,11 +3,11 @@ import { LOAN_GEOCODE_FRAGMENT as R, loanCardComputedProperties as z, loanCardMe
|
|
|
3
3
|
import K from "./KvLoanUse.js";
|
|
4
4
|
import W from "./KvBorrowerImage.js";
|
|
5
5
|
import F from "./KvMaterialIcon.js";
|
|
6
|
-
import
|
|
7
|
-
import { resolveComponent as m, openBlock as t, createElementBlock as i, normalizeClass as _, normalizeStyle as
|
|
6
|
+
import E from "./KvLoadingPlaceholder.js";
|
|
7
|
+
import { resolveComponent as m, openBlock as t, createElementBlock as i, normalizeClass as _, normalizeStyle as I, createElementVNode as l, createBlock as c, resolveDynamicComponent as v, withCtx as k, createVNode as s, toDisplayString as b, createCommentVNode as T, Fragment as O, renderList as U, withModifiers as V } from "vue";
|
|
8
8
|
import "./KvLoanInfoCard.css";
|
|
9
|
-
import
|
|
10
|
-
import { KV_LOAN_USE_FRAGMENT as
|
|
9
|
+
import G from "../_virtual/_plugin-vue_export-helper.js";
|
|
10
|
+
import { KV_LOAN_USE_FRAGMENT as H } from "./KvLoanUse2.js";
|
|
11
11
|
const fe = B`
|
|
12
12
|
fragment KvLoanInfoCard on LoanBasic {
|
|
13
13
|
id
|
|
@@ -20,13 +20,13 @@ const fe = B`
|
|
|
20
20
|
...KvLoanUse
|
|
21
21
|
...LoanGeocode
|
|
22
22
|
}
|
|
23
|
-
${
|
|
23
|
+
${H}
|
|
24
24
|
${R}
|
|
25
|
-
`,
|
|
25
|
+
`, q = {
|
|
26
26
|
name: "KvLoanInfoCard",
|
|
27
27
|
components: {
|
|
28
28
|
KvBorrowerImage: W,
|
|
29
|
-
KvLoadingPlaceholder:
|
|
29
|
+
KvLoadingPlaceholder: E,
|
|
30
30
|
KvLoanUse: K,
|
|
31
31
|
KvMaterialIcon: F
|
|
32
32
|
},
|
|
@@ -82,14 +82,14 @@ const fe = B`
|
|
|
82
82
|
borrowerName: e,
|
|
83
83
|
city: y,
|
|
84
84
|
countryName: n,
|
|
85
|
-
distributionModel:
|
|
85
|
+
distributionModel: d,
|
|
86
86
|
formattedLocation: h,
|
|
87
87
|
imageHash: u,
|
|
88
88
|
isLoading: f,
|
|
89
89
|
loanAmount: r,
|
|
90
90
|
loanBorrowerCount: g,
|
|
91
|
-
loanStatus:
|
|
92
|
-
loanUse:
|
|
91
|
+
loanStatus: p,
|
|
92
|
+
loanUse: x,
|
|
93
93
|
mdiMapMarker: L,
|
|
94
94
|
readMorePath: C,
|
|
95
95
|
state: M,
|
|
@@ -104,14 +104,14 @@ const fe = B`
|
|
|
104
104
|
borrowerName: e,
|
|
105
105
|
city: y,
|
|
106
106
|
countryName: n,
|
|
107
|
-
distributionModel:
|
|
107
|
+
distributionModel: d,
|
|
108
108
|
formattedLocation: h,
|
|
109
109
|
imageHash: u,
|
|
110
110
|
isLoading: f,
|
|
111
111
|
loanAmount: r,
|
|
112
112
|
loanBorrowerCount: g,
|
|
113
|
-
loanStatus:
|
|
114
|
-
loanUse:
|
|
113
|
+
loanStatus: p,
|
|
114
|
+
loanUse: x,
|
|
115
115
|
mdiMapMarker: L,
|
|
116
116
|
readMorePath: C,
|
|
117
117
|
state: M,
|
|
@@ -141,13 +141,13 @@ const fe = B`
|
|
|
141
141
|
];
|
|
142
142
|
}
|
|
143
143
|
}
|
|
144
|
-
},
|
|
144
|
+
}, j = { class: "tw-grow" }, J = { class: "loan-card-active-hover tw-h-full tw-flex tw-flex-col" }, Q = {
|
|
145
145
|
key: 1,
|
|
146
146
|
class: "tw-relative"
|
|
147
|
-
},
|
|
148
|
-
class: "tw-absolute tw-bottom-1 tw-left-1 tw-text-primary tw-bg-white tw-rounded tw-p-1 tw-mb-0 tw-mr-2 tw-text-
|
|
147
|
+
}, X = { key: 0 }, Y = {
|
|
148
|
+
class: "tw-absolute tw-bottom-1 tw-left-1 tw-text-primary tw-bg-white tw-rounded tw-p-1 tw-mb-0 tw-mr-2 tw-text-label tw-flex tw-items-center tw-h-3",
|
|
149
149
|
style: { padding: "2px 6px", "text-transform": "capitalize" }
|
|
150
|
-
}, $ = { class: "tw-mb-1.5 tw-pt-1" }, ee = {
|
|
150
|
+
}, Z = { style: { "margin-top": "0.125rem" } }, $ = { class: "tw-mb-1.5 tw-pt-1" }, ee = {
|
|
151
151
|
key: 0,
|
|
152
152
|
class: "tw-w-full",
|
|
153
153
|
style: { height: "5.5rem" }
|
|
@@ -157,19 +157,19 @@ const fe = B`
|
|
|
157
157
|
style: { height: "1rem" }
|
|
158
158
|
};
|
|
159
159
|
function re(w, a, o, e, y, n) {
|
|
160
|
-
const
|
|
160
|
+
const d = m("kv-loading-placeholder"), h = m("kv-borrower-image"), u = m("kv-material-icon"), f = m("kv-loan-use");
|
|
161
161
|
return t(), i("div", {
|
|
162
162
|
class: _(["tw-flex tw-flex-col tw-bg-white tw-rounded tw-h-full tw-w-full tw-pb-1 tw-p-1", { "tw-pointer-events-none": e.isLoading }]),
|
|
163
163
|
"data-testid": "loan-card",
|
|
164
|
-
style:
|
|
164
|
+
style: I([{ "box-shadow": "0 4px 12px rgba(0, 0, 0, 0.08)" }, { minWidth: "230px", maxWidth: n.cardWidth }])
|
|
165
165
|
}, [
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
e.isLoading ? (t(), c(
|
|
166
|
+
l("div", j, [
|
|
167
|
+
l("div", J, [
|
|
168
|
+
e.isLoading ? (t(), c(d, {
|
|
169
169
|
key: 0,
|
|
170
170
|
class: _(["tw-mb-1 tw-w-full", { "tw-rounded-t-sm tw-rounded-b-none": o.largeCard, "!tw-rounded-sm": !o.largeCard }]),
|
|
171
171
|
style: { height: "15rem" }
|
|
172
|
-
}, null, 8, ["class"])) : (t(), i("div",
|
|
172
|
+
}, null, 8, ["class"])) : (t(), i("div", Q, [
|
|
173
173
|
(t(), c(v(e.tag), {
|
|
174
174
|
to: e.readMorePath,
|
|
175
175
|
href: e.readMorePath,
|
|
@@ -187,15 +187,15 @@ function re(w, a, o, e, y, n) {
|
|
|
187
187
|
images: n.imageSizes,
|
|
188
188
|
"photo-path": o.photoPath
|
|
189
189
|
}, null, 8, ["class", "alt", "aspect-ratio", "default-image", "hash", "images", "photo-path"]),
|
|
190
|
-
e.countryName ? (t(), i("div",
|
|
191
|
-
|
|
190
|
+
e.countryName ? (t(), i("div", X, [
|
|
191
|
+
l("p", Y, [
|
|
192
192
|
s(u, {
|
|
193
193
|
class: "tw-h-2 tw-w-2",
|
|
194
194
|
icon: e.mdiMapMarker
|
|
195
195
|
}, null, 8, ["icon"]),
|
|
196
|
-
|
|
196
|
+
l("span", Z, b(e.formattedLocation), 1)
|
|
197
197
|
])
|
|
198
|
-
])) :
|
|
198
|
+
])) : T("", !0)
|
|
199
199
|
]),
|
|
200
200
|
_: 1
|
|
201
201
|
}, 8, ["to", "href"]))
|
|
@@ -208,13 +208,13 @@ function re(w, a, o, e, y, n) {
|
|
|
208
208
|
onClick: a[1] || (a[1] = (r) => e.clickReadMore("Use", r))
|
|
209
209
|
}, {
|
|
210
210
|
default: k(() => [
|
|
211
|
-
|
|
211
|
+
l("div", $, [
|
|
212
212
|
e.isLoading ? (t(), i("div", ee, [
|
|
213
|
-
(t(!0), i(
|
|
213
|
+
(t(!0), i(O, null, U([...Array(4)], (r, g) => (t(), i("div", {
|
|
214
214
|
key: g,
|
|
215
215
|
class: "tw-h-2 tw-mb-1"
|
|
216
216
|
}, [
|
|
217
|
-
s(
|
|
217
|
+
s(d)
|
|
218
218
|
]))), 128))
|
|
219
219
|
])) : (t(), i("div", te, [
|
|
220
220
|
s(f, {
|
|
@@ -240,12 +240,12 @@ function re(w, a, o, e, y, n) {
|
|
|
240
240
|
onClick: a[3] || (a[3] = (r) => e.clickReadMore(o.primaryLinkText, r))
|
|
241
241
|
}, {
|
|
242
242
|
default: k(() => [
|
|
243
|
-
|
|
243
|
+
l("div", ae, [
|
|
244
244
|
e.isLoading ? (t(), i("div", oe, [
|
|
245
|
-
s(
|
|
245
|
+
s(d)
|
|
246
246
|
])) : (t(), i("div", {
|
|
247
247
|
key: 1,
|
|
248
|
-
onClick: a[2] || (a[2] =
|
|
248
|
+
onClick: a[2] || (a[2] = V((r) => e.clickReadMore("ViewLoan", r), ["prevent"]))
|
|
249
249
|
}, b(o.primaryLinkText), 1))
|
|
250
250
|
])
|
|
251
251
|
]),
|
|
@@ -255,7 +255,7 @@ function re(w, a, o, e, y, n) {
|
|
|
255
255
|
])
|
|
256
256
|
], 6);
|
|
257
257
|
}
|
|
258
|
-
const ge = /* @__PURE__ */
|
|
258
|
+
const ge = /* @__PURE__ */ G(q, [["render", re], ["__scopeId", "data-v-de35f998"]]);
|
|
259
259
|
export {
|
|
260
260
|
fe as KV_LOAN_INFO_CARD_FRAGMENT,
|
|
261
261
|
ge as default
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.progress-group-amount-low[data-v-
|
|
1
|
+
.progress-group-amount-low[data-v-bb22840b]{color:#ce4a00}
|
|
@@ -1,29 +1,29 @@
|
|
|
1
1
|
import c from "./KvLoanProgressGroup2.js";
|
|
2
|
-
import { resolveComponent as m, openBlock as o, createElementBlock as r, createElementVNode as a, normalizeClass as n, toDisplayString as
|
|
2
|
+
import { resolveComponent as m, openBlock as o, createElementBlock as r, createElementVNode as a, normalizeClass as n, toDisplayString as l, createCommentVNode as u, createVNode as _ } from "vue";
|
|
3
3
|
import "./KvLoanProgressGroup.css";
|
|
4
4
|
import d from "../_virtual/_plugin-vue_export-helper.js";
|
|
5
|
-
const
|
|
5
|
+
const p = {
|
|
6
6
|
key: 0,
|
|
7
|
-
class: "tw-
|
|
7
|
+
class: "tw-text-label tw-mb-0.5"
|
|
8
8
|
};
|
|
9
|
-
function i
|
|
10
|
-
const
|
|
9
|
+
function f(i, b, e, g, w, t) {
|
|
10
|
+
const s = m("kv-progress-bar");
|
|
11
11
|
return o(), r("figure", null, [
|
|
12
12
|
a("div", {
|
|
13
13
|
class: n({ "tw-flex tw-justify-between": e.amountGoal })
|
|
14
14
|
}, [
|
|
15
|
-
a("
|
|
16
|
-
class: n(["tw-
|
|
17
|
-
},
|
|
18
|
-
e.amountGoal ? (o(), r("
|
|
15
|
+
a("p", {
|
|
16
|
+
class: n(["tw-text-label tw-mb-0.5", { "progress-group-amount-low": t.amountLow }])
|
|
17
|
+
}, l(t.fundingText), 3),
|
|
18
|
+
e.amountGoal ? (o(), r("p", p, l(t.goalText), 1)) : u("", !0)
|
|
19
19
|
], 2),
|
|
20
|
-
_(
|
|
20
|
+
_(s, {
|
|
21
21
|
label: "Percent the loan has funded",
|
|
22
22
|
value: e.progressPercent * 100
|
|
23
23
|
}, null, 8, ["value"])
|
|
24
24
|
]);
|
|
25
25
|
}
|
|
26
|
-
const y = /* @__PURE__ */ d(c, [["render",
|
|
26
|
+
const y = /* @__PURE__ */ d(c, [["render", f], ["__scopeId", "data-v-bb22840b"]]);
|
|
27
27
|
export {
|
|
28
28
|
y as default
|
|
29
29
|
};
|
package/dist/vue/KvTextLink.js
CHANGED
|
@@ -7,7 +7,7 @@ function u(a, _, t, e, k, x) {
|
|
|
7
7
|
ref: "buttonRef",
|
|
8
8
|
to: t.to,
|
|
9
9
|
disabled: t.state === "disabled",
|
|
10
|
-
class: s(["tw-text-
|
|
10
|
+
class: s(["tw-text-upper tw-text-link", {
|
|
11
11
|
"tw-opacity-low tw-pointer-events-none": t.state === "disabled",
|
|
12
12
|
"tw-group tw-inline-flex tw-items-center tw-gap-x-0.5": t.icon
|
|
13
13
|
}]),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.kv-voting-card[data-v-
|
|
1
|
+
.kv-voting-card[data-v-c60285c2]{max-width:300px}
|
package/dist/vue/KvVotingCard.js
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import u from "./KvVotingCard2.js";
|
|
2
|
-
import { resolveComponent as s, openBlock as o, createElementBlock as
|
|
2
|
+
import { resolveComponent as s, openBlock as o, createElementBlock as w, createElementVNode as t, renderSlot as v, toDisplayString as c, createBlock as i, createCommentVNode as l, withCtx as g, createTextVNode as x } from "vue";
|
|
3
3
|
import "./KvVotingCard.css";
|
|
4
|
-
import
|
|
4
|
+
import h from "../_virtual/_plugin-vue_export-helper.js";
|
|
5
5
|
const k = { class: "kv-voting-card tw-bg-white tw-rounded tw-shadow tw-p-1 tw-flex tw-flex-col tw-max-w-300" }, b = { class: "tw-relative tw-flex tw-w-full tw-bg-black tw-rounded tw-mb-1" }, p = {
|
|
6
|
-
class: "tw-absolute tw-bottom-1 tw-left-1 tw-text-primary tw-bg-white tw-rounded tw-text-
|
|
6
|
+
class: "tw-absolute tw-bottom-1 tw-left-1 tw-text-primary tw-bg-white tw-rounded tw-text-upper tw-inline-flex tw-items-center",
|
|
7
7
|
style: { padding: "2px 6px", "text-transform": "capitalize" }
|
|
8
8
|
}, C = { class: "tw-flex tw-flex-grow" }, y = { class: "tw-flex-grow" }, V = { class: "tw-font-medium" }, B = { class: "tw-flex-shrink" }, I = { class: "tw-flex tw-items-center tw-w-full tw-mb-1" }, N = {
|
|
9
9
|
key: 1,
|
|
10
10
|
class: "tw-ml-2 tw-font-medium"
|
|
11
11
|
};
|
|
12
|
-
function P(a, n, e, d, z,
|
|
12
|
+
function P(a, n, e, d, z, r) {
|
|
13
13
|
const m = s("kv-material-icon"), _ = s("kv-progress-bar"), f = s("kv-button");
|
|
14
|
-
return o(),
|
|
14
|
+
return o(), w("div", k, [
|
|
15
15
|
t("div", b, [
|
|
16
16
|
v(a.$slots, "image", {}, void 0, !0),
|
|
17
17
|
t("div", p, [
|
|
@@ -43,7 +43,7 @@ function P(a, n, e, d, z, w) {
|
|
|
43
43
|
key: 0,
|
|
44
44
|
icon: d.infoIcon,
|
|
45
45
|
class: "tw-h-3 tw-w-3",
|
|
46
|
-
onClick:
|
|
46
|
+
onClick: r.handleInfoClick
|
|
47
47
|
}, null, 8, ["icon", "onClick"])) : l("", !0)
|
|
48
48
|
])
|
|
49
49
|
]),
|
|
@@ -54,21 +54,21 @@ function P(a, n, e, d, z, w) {
|
|
|
54
54
|
label: "Percent of votes for " + e.category,
|
|
55
55
|
value: e.percentage
|
|
56
56
|
}, null, 8, ["label", "value"])) : l("", !0),
|
|
57
|
-
e.showPercentage ? (o(),
|
|
57
|
+
e.showPercentage ? (o(), w("div", N, c(e.percentage) + "% ", 1)) : l("", !0)
|
|
58
58
|
]),
|
|
59
59
|
e.showVoteButton ? (o(), i(f, {
|
|
60
60
|
key: 0,
|
|
61
61
|
class: "tw-w-full",
|
|
62
|
-
onClick:
|
|
62
|
+
onClick: r.castVote
|
|
63
63
|
}, {
|
|
64
64
|
default: g(() => n[1] || (n[1] = [
|
|
65
|
-
|
|
65
|
+
x(" Vote ")
|
|
66
66
|
])),
|
|
67
67
|
_: 1
|
|
68
68
|
}, 8, ["onClick"])) : l("", !0)
|
|
69
69
|
]);
|
|
70
70
|
}
|
|
71
|
-
const T = /* @__PURE__ */
|
|
71
|
+
const T = /* @__PURE__ */ h(u, [["render", P], ["__scopeId", "data-v-c60285c2"]]);
|
|
72
72
|
export {
|
|
73
73
|
T as default
|
|
74
74
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.loan-card-use[data-v-
|
|
1
|
+
.loan-card-use[data-v-6fba53db]:hover,.loan-card-use[data-v-6fba53db]: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-6fba53db]{text-decoration-line:underline}.loan-card-progress[data-v-6fba53db],.loan-card-progress[data-v-6fba53db]:hover,.loan-card-progress[data-v-6fba53db]:focus{text-decoration-line:none}.loan-callouts[data-v-6fba53db] div{height:auto;flex-wrap:wrap}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import P from "./KvWideLoanCard2.js";
|
|
2
2
|
import { KV_WIDE_LOAN_CARD_FRAGMENT as p, KV_WIDE_LOAN_CARD_USER_FRAGMENT as $ } from "./KvWideLoanCard2.js";
|
|
3
|
-
import { resolveComponent as r, openBlock as o, createElementBlock as i, normalizeClass as _, createElementVNode as
|
|
3
|
+
import { resolveComponent as r, openBlock as o, createElementBlock as i, normalizeClass as _, createElementVNode as s, createBlock as n, resolveDynamicComponent as m, withCtx as k, createVNode as d, toDisplayString as f, createCommentVNode as c, Fragment as D, renderList as N } from "vue";
|
|
4
4
|
import "./KvWideLoanCard.css";
|
|
5
|
-
import
|
|
6
|
-
const B = { class: "loan-card-active-hover tw-flex-1 tw-min-w-[275px] md:tw-min-w-[320px] md:tw-max-w-[320px]" },
|
|
5
|
+
import R from "../_virtual/_plugin-vue_export-helper.js";
|
|
6
|
+
const B = { class: "loan-card-active-hover tw-flex-1 tw-min-w-[275px] md:tw-min-w-[320px] md:tw-max-w-[320px]" }, V = {
|
|
7
7
|
key: 1,
|
|
8
8
|
class: "tw-relative tw-w-full"
|
|
9
|
-
}, E = { key: 0 },
|
|
10
|
-
class: "tw-absolute tw-bottom-1 tw-left-1 tw-text-primary tw-bg-white tw-rounded tw-p-1 tw-mb-0 tw-mr-2 tw-text-
|
|
9
|
+
}, E = { key: 0 }, T = {
|
|
10
|
+
class: "tw-absolute tw-bottom-1 tw-left-1 tw-text-primary tw-bg-white tw-rounded tw-p-1 tw-mb-0 tw-mr-2 tw-text-label tw-flex tw-items-center tw-h-3",
|
|
11
11
|
style: { padding: "2px 6px", "text-transform": "capitalize" }
|
|
12
|
-
}, F = { class: "tw-flex tw-flex-col tw-flex-1 tw-px-1" }, I = { class: "tw-hidden md:tw-inline-block" }, W = { class: "tw-pt-1" }, z = {
|
|
12
|
+
}, S = { style: { "margin-top": "0.125rem" } }, F = { class: "tw-flex tw-flex-col tw-flex-1 tw-px-1" }, I = { class: "tw-hidden md:tw-inline-block" }, W = { class: "tw-pt-1" }, z = {
|
|
13
13
|
key: 0,
|
|
14
14
|
class: "tw-w-full",
|
|
15
15
|
style: { height: "5.5rem" }
|
|
@@ -18,18 +18,18 @@ const B = { class: "loan-card-active-hover tw-flex-1 tw-min-w-[275px] md:tw-min-
|
|
|
18
18
|
class: "tw-w-full tw-pt-1 tw-pr-1"
|
|
19
19
|
};
|
|
20
20
|
function O(h, a, t, e, j, g) {
|
|
21
|
-
const
|
|
21
|
+
const w = r("kv-loading-placeholder"), v = r("kv-borrower-image"), b = r("kv-material-icon"), u = r("kv-loan-bookmark"), x = r("kv-loan-tag"), y = r("kv-loan-use"), L = r("kv-loan-callouts"), M = r("kv-loan-progress-group"), C = r("kv-lend-cta");
|
|
22
22
|
return o(), i("div", {
|
|
23
23
|
class: _(["tw-flex tw-flex-row tw-flex-wrap tw-bg-white tw-rounded tw-w-full tw-pb-1 tw-p-1 tw-gap-1 tw-items-center", { "tw-pointer-events-none": e.isLoading }]),
|
|
24
24
|
"data-testid": "loan-card",
|
|
25
25
|
style: { "box-shadow": "0 4px 12px rgba(0, 0, 0, 0.08)" }
|
|
26
26
|
}, [
|
|
27
|
-
|
|
28
|
-
e.isLoading ? (o(), n(
|
|
27
|
+
s("div", B, [
|
|
28
|
+
e.isLoading ? (o(), n(w, {
|
|
29
29
|
key: 0,
|
|
30
30
|
class: "tw-mb-1 tw-w-full tw-rounded",
|
|
31
31
|
style: { height: "15rem" }
|
|
32
|
-
})) : (o(), i("div",
|
|
32
|
+
})) : (o(), i("div", V, [
|
|
33
33
|
(o(), n(m(e.tag), {
|
|
34
34
|
to: e.readMorePath,
|
|
35
35
|
href: e.readMorePath,
|
|
@@ -38,7 +38,7 @@ function O(h, a, t, e, j, g) {
|
|
|
38
38
|
onClick: a[0] || (a[0] = (l) => e.clickReadMore("Photo", l))
|
|
39
39
|
}, {
|
|
40
40
|
default: k(() => [
|
|
41
|
-
|
|
41
|
+
d(v, {
|
|
42
42
|
class: "tw-relative tw-w-full tw-bg-black tw-rounded-sm tw-bg-clip-content",
|
|
43
43
|
alt: `Photo of ${e.borrowerName}`,
|
|
44
44
|
"aspect-ratio": g.imageAspectRatio,
|
|
@@ -48,18 +48,18 @@ function O(h, a, t, e, j, g) {
|
|
|
48
48
|
"photo-path": t.photoPath
|
|
49
49
|
}, null, 8, ["alt", "aspect-ratio", "default-image", "hash", "images", "photo-path"]),
|
|
50
50
|
e.countryName ? (o(), i("div", E, [
|
|
51
|
-
|
|
52
|
-
|
|
51
|
+
s("p", T, [
|
|
52
|
+
d(b, {
|
|
53
53
|
class: "tw-h-2 tw-w-2",
|
|
54
54
|
icon: e.mdiMapMarker
|
|
55
55
|
}, null, 8, ["icon"]),
|
|
56
|
-
|
|
56
|
+
s("span", S, f(e.formattedLocation), 1)
|
|
57
57
|
])
|
|
58
58
|
])) : c("", !0)
|
|
59
59
|
]),
|
|
60
60
|
_: 1
|
|
61
61
|
}, 8, ["to", "href"])),
|
|
62
|
-
t.isVisitor ? c("", !0) : (o(), n(
|
|
62
|
+
t.isVisitor ? c("", !0) : (o(), n(u, {
|
|
63
63
|
key: 0,
|
|
64
64
|
"loan-id": t.loanId,
|
|
65
65
|
"is-bookmarked": t.isBookmarked,
|
|
@@ -70,8 +70,8 @@ function O(h, a, t, e, j, g) {
|
|
|
70
70
|
}, null, 8, ["loan-id", "is-bookmarked"]))
|
|
71
71
|
]))
|
|
72
72
|
]),
|
|
73
|
-
|
|
74
|
-
|
|
73
|
+
s("div", F, [
|
|
74
|
+
s("h3", I, f(e.borrowerName), 1),
|
|
75
75
|
(o(), n(m(e.tag), {
|
|
76
76
|
to: e.readMorePath,
|
|
77
77
|
href: e.readMorePath,
|
|
@@ -95,16 +95,16 @@ function O(h, a, t, e, j, g) {
|
|
|
95
95
|
onClick: a[3] || (a[3] = (l) => e.clickReadMore("Use", l))
|
|
96
96
|
}, {
|
|
97
97
|
default: k(() => [
|
|
98
|
-
|
|
98
|
+
s("div", W, [
|
|
99
99
|
e.isLoading ? (o(), i("div", z, [
|
|
100
|
-
(o(!0), i(
|
|
100
|
+
(o(!0), i(D, null, N([...Array(4)], (l, A) => (o(), i("div", {
|
|
101
101
|
key: A,
|
|
102
102
|
class: "tw-h-2 tw-mb-1"
|
|
103
103
|
}, [
|
|
104
|
-
|
|
104
|
+
d(w)
|
|
105
105
|
]))), 128))
|
|
106
106
|
])) : (o(), i("div", K, [
|
|
107
|
-
|
|
107
|
+
d(y, {
|
|
108
108
|
use: e.loanUse,
|
|
109
109
|
"loan-amount": e.loanAmount,
|
|
110
110
|
status: e.loanStatus,
|
|
@@ -117,7 +117,7 @@ function O(h, a, t, e, j, g) {
|
|
|
117
117
|
]),
|
|
118
118
|
_: 1
|
|
119
119
|
}, 8, ["to", "href"])),
|
|
120
|
-
e.isLoading || typeof e.loanCallouts > "u" ? (o(), n(
|
|
120
|
+
e.isLoading || typeof e.loanCallouts > "u" ? (o(), n(w, {
|
|
121
121
|
key: 0,
|
|
122
122
|
class: "tw-mt-1.5 tw-mb-1",
|
|
123
123
|
style: { width: "60%", height: "1.75rem", "border-radius": "500rem" }
|
|
@@ -126,13 +126,13 @@ function O(h, a, t, e, j, g) {
|
|
|
126
126
|
callouts: e.loanCallouts,
|
|
127
127
|
class: "loan-callouts tw-my-1.5"
|
|
128
128
|
}, null, 8, ["callouts"])),
|
|
129
|
-
|
|
129
|
+
s("div", U, [
|
|
130
130
|
e.hasProgressData ? c("", !0) : (o(), i("div", G, [
|
|
131
|
-
|
|
131
|
+
d(w, {
|
|
132
132
|
class: "tw-mb-0.5",
|
|
133
133
|
style: { width: "70%", height: "1.3rem" }
|
|
134
134
|
}),
|
|
135
|
-
|
|
135
|
+
d(w, {
|
|
136
136
|
class: "tw-rounded",
|
|
137
137
|
style: { width: "70%", height: "0.5rem" }
|
|
138
138
|
})
|
|
@@ -146,7 +146,7 @@ function O(h, a, t, e, j, g) {
|
|
|
146
146
|
onClick: a[4] || (a[4] = (l) => e.clickReadMore("Progress", l))
|
|
147
147
|
}, {
|
|
148
148
|
default: k(() => [
|
|
149
|
-
|
|
149
|
+
d(M, {
|
|
150
150
|
id: "loanProgress",
|
|
151
151
|
"money-left": e.unreservedAmount,
|
|
152
152
|
"progress-percent": e.fundraisingPercent,
|
|
@@ -176,7 +176,7 @@ function O(h, a, t, e, j, g) {
|
|
|
176
176
|
class: _(["tw-mt-auto tw-self-end", { "tw-flex-grow": !e.sharesAvailable, "tw-flex-shrink-0": e.sharesAvailable }]),
|
|
177
177
|
onAddToBasket: a[5] || (a[5] = (l) => h.$emit("add-to-basket", l)),
|
|
178
178
|
onShowLoanDetails: a[6] || (a[6] = (l) => e.clickReadMore("ViewLoan", l))
|
|
179
|
-
}, 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", "class"])) : (o(), n(
|
|
179
|
+
}, 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", "class"])) : (o(), n(w, {
|
|
180
180
|
key: 2,
|
|
181
181
|
class: "tw-rounded tw-self-start",
|
|
182
182
|
style: { width: "9rem", height: "3rem" }
|
|
@@ -185,7 +185,7 @@ function O(h, a, t, e, j, g) {
|
|
|
185
185
|
])
|
|
186
186
|
], 2);
|
|
187
187
|
}
|
|
188
|
-
const X = /* @__PURE__ */
|
|
188
|
+
const X = /* @__PURE__ */ R(P, [["render", O], ["__scopeId", "data-v-6fba53db"]]);
|
|
189
189
|
export {
|
|
190
190
|
p as KV_WIDE_LOAN_CARD_FRAGMENT,
|
|
191
191
|
$ as KV_WIDE_LOAN_CARD_USER_FRAGMENT,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.lend-link[data-v-
|
|
1
|
+
.lend-link[data-v-e4a254c4]{display:block;width:100%;padding-top:.5rem;padding-bottom:.5rem;--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.lend-link[data-v-e4a254c4]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:underline}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import C from "./KvLendListMenu2.js";
|
|
2
|
-
import { resolveComponent as _, resolveDirective as A, openBlock as t, createElementBlock as n, withDirectives as
|
|
2
|
+
import { resolveComponent as _, resolveDirective as A, openBlock as t, createElementBlock as n, withDirectives as r, createElementVNode as l, createTextVNode as d, createVNode as c, createCommentVNode as p, withCtx as s, createBlock as m, Fragment as k, renderList as v, toDisplayString as g } from "vue";
|
|
3
3
|
import "./KvLendListMenu.css";
|
|
4
4
|
import R from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
5
5
|
const M = { class: "tw-pb-2" }, S = {
|
|
@@ -14,16 +14,16 @@ const M = { class: "tw-pb-2" }, S = {
|
|
|
14
14
|
}, E = {
|
|
15
15
|
href: "/categories",
|
|
16
16
|
class: "lend-link"
|
|
17
|
-
}, G = { class: "tw-flex" }, U = { class: "tw-text-
|
|
17
|
+
}, G = { class: "tw-flex" }, U = { class: "tw-text-upper" }, P = { class: "tw-font-medium" }, j = ["href"], q = {
|
|
18
18
|
key: 1,
|
|
19
19
|
class: "tw-block tw-py-1 tw-text-tertiary"
|
|
20
20
|
}, z = { key: 0 }, H = { key: 1 }, J = ["href"];
|
|
21
21
|
function O(Q, e, i, u, W, X) {
|
|
22
|
-
const L = _("kv-material-icon"), f = _("kv-tab"),
|
|
22
|
+
const L = _("kv-material-icon"), f = _("kv-tab"), h = _("kv-loading-placeholder"), y = _("kv-tab-panel"), w = _("kv-accordion-item"), N = _("kv-lend-menu-country-list"), T = _("kv-lend-menu-search-list"), x = _("kv-tabs"), a = A("kv-track-event");
|
|
23
23
|
return t(), n("div", M, [
|
|
24
|
-
i.showMGUpsellLink ?
|
|
24
|
+
i.showMGUpsellLink ? r((t(), n("a", S, [
|
|
25
25
|
l("span", I, [
|
|
26
|
-
e[0] || (e[0] =
|
|
26
|
+
e[0] || (e[0] = d(" Lend monthly ")),
|
|
27
27
|
c(L, {
|
|
28
28
|
icon: u.mdiArrowRight,
|
|
29
29
|
class: "tw-w-3 tw-h-3"
|
|
@@ -31,36 +31,36 @@ function O(Q, e, i, u, W, X) {
|
|
|
31
31
|
])
|
|
32
32
|
])), [
|
|
33
33
|
[a, ["TopNav", "click-Lend-Menu-Monthly-Good", "Lend-monthly"]]
|
|
34
|
-
]) :
|
|
34
|
+
]) : p("", !0),
|
|
35
35
|
c(x, { ref: "navLendCategories" }, {
|
|
36
36
|
tabNav: s(() => [
|
|
37
|
-
|
|
37
|
+
r((t(), m(f, { "for-panel": "nav-lend-categories" }, {
|
|
38
38
|
default: s(() => e[1] || (e[1] = [
|
|
39
|
-
|
|
39
|
+
d(" Categories ")
|
|
40
40
|
])),
|
|
41
41
|
_: 1
|
|
42
42
|
})), [
|
|
43
43
|
[a, ["TopNav", "click-Lend-Tab-Categories"]]
|
|
44
44
|
]),
|
|
45
|
-
|
|
45
|
+
r((t(), m(f, { "for-panel": "nav-lend-regions" }, {
|
|
46
46
|
default: s(() => e[2] || (e[2] = [
|
|
47
|
-
|
|
47
|
+
d(" Regions ")
|
|
48
48
|
])),
|
|
49
49
|
_: 1
|
|
50
50
|
})), [
|
|
51
51
|
[a, ["TopNav", "click-Lend-Tab-Regions"]]
|
|
52
52
|
]),
|
|
53
|
-
i.userId ?
|
|
53
|
+
i.userId ? r((t(), m(f, {
|
|
54
54
|
key: 0,
|
|
55
55
|
"for-panel": "nav-my-kiva"
|
|
56
56
|
}, {
|
|
57
57
|
default: s(() => e[3] || (e[3] = [
|
|
58
|
-
|
|
58
|
+
d(" My Kiva ")
|
|
59
59
|
])),
|
|
60
60
|
_: 1
|
|
61
61
|
})), [
|
|
62
62
|
[a, ["TopNav", "click-Lend-Tab-My-Kiva"]]
|
|
63
|
-
]) :
|
|
63
|
+
]) : p("", !0)
|
|
64
64
|
]),
|
|
65
65
|
tabPanels: s(() => [
|
|
66
66
|
c(y, { id: "nav-lend-categories" }, {
|
|
@@ -71,38 +71,38 @@ function O(Q, e, i, u, W, X) {
|
|
|
71
71
|
style: { width: "11rem" },
|
|
72
72
|
class: "tw-py-1 tw-flex"
|
|
73
73
|
}, [
|
|
74
|
-
c(
|
|
74
|
+
c(h, {
|
|
75
75
|
class: "tw-inline-block tw-align-middle",
|
|
76
76
|
style: { height: "1rem" }
|
|
77
77
|
}),
|
|
78
78
|
e[4] || (e[4] = l("span", { class: "tw-inline-block" }, " ", -1))
|
|
79
79
|
])), 64)) : (t(!0), n(k, { key: 1 }, v(i.categories, (o, b) => (t(), n("li", { key: b }, [
|
|
80
|
-
|
|
80
|
+
r((t(), n("a", {
|
|
81
81
|
href: o.url,
|
|
82
82
|
class: "lend-link"
|
|
83
83
|
}, [
|
|
84
|
-
|
|
84
|
+
d(g(o.name), 1)
|
|
85
85
|
], 8, B)), [
|
|
86
86
|
[a, ["TopNav", "click-Lend-Category", o.name, b + 1]]
|
|
87
87
|
])
|
|
88
88
|
]))), 128)),
|
|
89
89
|
l("li", D, [
|
|
90
|
-
|
|
91
|
-
|
|
90
|
+
r((t(), n("a", F, e[5] || (e[5] = [
|
|
91
|
+
d(" Recommended by lenders ")
|
|
92
92
|
]))), [
|
|
93
93
|
[a, ["TopNav", "click-Lend-Recommended-by-lenders"]]
|
|
94
94
|
])
|
|
95
95
|
]),
|
|
96
96
|
l("li", null, [
|
|
97
|
-
|
|
98
|
-
|
|
97
|
+
r((t(), n("a", K, e[6] || (e[6] = [
|
|
98
|
+
d(" All loans ")
|
|
99
99
|
]))), [
|
|
100
100
|
[a, ["TopNav", "click-Lend-All_Loans"]]
|
|
101
101
|
])
|
|
102
102
|
]),
|
|
103
103
|
l("li", null, [
|
|
104
|
-
|
|
105
|
-
|
|
104
|
+
r((t(), n("a", E, e[7] || (e[7] = [
|
|
105
|
+
d(" All categories ")
|
|
106
106
|
]))), [
|
|
107
107
|
[a, ["TopNav", "click-Lend-All_Categories"]]
|
|
108
108
|
])
|
|
@@ -120,15 +120,15 @@ function O(Q, e, i, u, W, X) {
|
|
|
120
120
|
}, {
|
|
121
121
|
header: s(() => [
|
|
122
122
|
l("div", G, [
|
|
123
|
-
c(
|
|
123
|
+
c(h, {
|
|
124
124
|
class: "tw-inline-block tw-align-middle",
|
|
125
125
|
style: { height: "1rem" }
|
|
126
126
|
}),
|
|
127
|
-
e[8] || (e[8] = l("span", { class: "tw-inline-block tw-text-
|
|
127
|
+
e[8] || (e[8] = l("span", { class: "tw-inline-block tw-text-upper" }, " ", -1))
|
|
128
128
|
])
|
|
129
129
|
]),
|
|
130
130
|
_: 2
|
|
131
|
-
}, 1032, ["id"])), 64)) : (t(!0), n(k, { key: 1 }, v(i.regions, (o) =>
|
|
131
|
+
}, 1032, ["id"])), 64)) : (t(!0), n(k, { key: 1 }, v(i.regions, (o) => r((t(), m(w, {
|
|
132
132
|
id: `lend-menu-${u.paramCase(o.name)}-panel`,
|
|
133
133
|
key: o.name,
|
|
134
134
|
ref_for: !0,
|
|
@@ -156,12 +156,12 @@ function O(Q, e, i, u, W, X) {
|
|
|
156
156
|
default: s(() => [
|
|
157
157
|
l("ul", P, [
|
|
158
158
|
l("li", null, [
|
|
159
|
-
i.favorites > 0 ?
|
|
159
|
+
i.favorites > 0 ? r((t(), n("a", {
|
|
160
160
|
key: 0,
|
|
161
161
|
href: `/lend?lenderFavorite=${i.userId}`,
|
|
162
162
|
class: "lend-link"
|
|
163
163
|
}, e[9] || (e[9] = [
|
|
164
|
-
|
|
164
|
+
d(" Saved loans ")
|
|
165
165
|
]), 8, j)), [
|
|
166
166
|
[a, ["TopNav", "click-Lend-Favorites"]]
|
|
167
167
|
]) : (t(), n("span", q, "Saved loans"))
|
|
@@ -183,11 +183,11 @@ function O(Q, e, i, u, W, X) {
|
|
|
183
183
|
l("span", { class: "tw-block tw-py-1 tw-text-tertiary" }, "Saved searches", -1)
|
|
184
184
|
]))),
|
|
185
185
|
l("li", null, [
|
|
186
|
-
|
|
186
|
+
r((t(), n("a", {
|
|
187
187
|
href: i.countriesNotLentToUrl,
|
|
188
188
|
class: "lend-link"
|
|
189
189
|
}, e[12] || (e[12] = [
|
|
190
|
-
|
|
190
|
+
d(" Countries I haven't lent to ")
|
|
191
191
|
]), 8, J)), [
|
|
192
192
|
[a, ["TopNav", "click-Lend-Countries_Not_Lent"]]
|
|
193
193
|
])
|
|
@@ -195,13 +195,13 @@ function O(Q, e, i, u, W, X) {
|
|
|
195
195
|
])
|
|
196
196
|
]),
|
|
197
197
|
_: 1
|
|
198
|
-
})) :
|
|
198
|
+
})) : p("", !0)
|
|
199
199
|
]),
|
|
200
200
|
_: 1
|
|
201
201
|
}, 512)
|
|
202
202
|
]);
|
|
203
203
|
}
|
|
204
|
-
const te = /* @__PURE__ */ R(C, [["render", O], ["__scopeId", "data-v-
|
|
204
|
+
const te = /* @__PURE__ */ R(C, [["render", O], ["__scopeId", "data-v-e4a254c4"]]);
|
|
205
205
|
export {
|
|
206
206
|
te as default
|
|
207
207
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kiva/kv-components",
|
|
3
|
-
"version": "8.11.
|
|
3
|
+
"version": "8.11.3",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
"@babel/preset-env": "^7.24.8",
|
|
35
35
|
"@babel/preset-react": "^7.24.7",
|
|
36
36
|
"@babel/preset-typescript": "^7.24.7",
|
|
37
|
-
"@kiva/kv-tokens": "^4.0.
|
|
37
|
+
"@kiva/kv-tokens": "^4.0.2",
|
|
38
38
|
"@kiva/vite-plugin-vue-lib-css": "^2.0.0",
|
|
39
39
|
"@laynezh/vite-plugin-lib-assets": "^0.6.1",
|
|
40
40
|
"@mdi/js": "^7.4.47",
|
|
@@ -125,5 +125,5 @@
|
|
|
125
125
|
"embla-carousel-fade",
|
|
126
126
|
"popper.js"
|
|
127
127
|
],
|
|
128
|
-
"gitHead": "
|
|
128
|
+
"gitHead": "c36f55448e2b6a170321908075aec0176d22ca57"
|
|
129
129
|
}
|