@kiva/kv-components 6.47.0 → 6.48.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/KvUserAvatar.js +37 -35
- package/dist/vue/KvWwwHeader/KvHeaderDropdownLink.js +19 -21
- package/dist/vue/KvWwwHeader/KvHeaderLinkBar.css +1 -1
- package/dist/vue/KvWwwHeader/KvHeaderLinkBar.js +90 -83
- package/dist/vue/KvWwwHeader/LendMenu/KvLendListMenu.css +1 -1
- package/dist/vue/KvWwwHeader/LendMenu/KvLendListMenu.js +123 -103
- package/dist/vue/KvWwwHeader/LendMenu/KvLendMegaMenu.css +1 -1
- package/dist/vue/KvWwwHeader/LendMenu/KvLendMegaMenu.js +120 -102
- package/dist/vue/KvWwwHeader/LendMenu/KvLendMenu.js +57 -51
- package/dist/vue/KvWwwHeader.css +1 -1
- package/dist/vue/KvWwwHeader.js +38 -36
- package/package.json +2 -2
|
@@ -1,24 +1,26 @@
|
|
|
1
|
-
import { mdiArrowRight as
|
|
2
|
-
import { ref as
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
1
|
+
import { mdiArrowRight as I } from "@mdi/js";
|
|
2
|
+
import { ref as L, computed as S, resolveComponent as u, resolveDirective as B, openBlock as t, createElementBlock as n, withDirectives as _, createElementVNode as o, createTextVNode as d, createVNode as r, createCommentVNode as C, withCtx as a, createBlock as N, Fragment as b, renderList as g, toDisplayString as K } from "vue";
|
|
3
|
+
import V from "../../KvAccordionItem.js";
|
|
4
|
+
import D from "../../KvLoadingPlaceholder.js";
|
|
5
|
+
import E from "./KvLendMenuCountryList.js";
|
|
6
|
+
import F from "./KvLendMenuSearchList.js";
|
|
7
|
+
import G from "../../KvTab.js";
|
|
8
8
|
import P from "../../KvTabPanel.js";
|
|
9
|
-
import
|
|
10
|
-
import
|
|
9
|
+
import U from "../../KvTabs.js";
|
|
10
|
+
import j from "../../../utils/paramCase.js";
|
|
11
|
+
import q from "../../KvMaterialIcon.js";
|
|
11
12
|
import "./KvLendListMenu.css";
|
|
12
13
|
import z from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
13
|
-
const
|
|
14
|
+
const H = {
|
|
14
15
|
components: {
|
|
15
|
-
KvAccordionItem:
|
|
16
|
-
KvTab:
|
|
16
|
+
KvAccordionItem: V,
|
|
17
|
+
KvTab: G,
|
|
17
18
|
KvTabPanel: P,
|
|
18
|
-
KvTabs:
|
|
19
|
-
KvLendMenuCountryList:
|
|
20
|
-
KvLendMenuSearchList:
|
|
21
|
-
KvLoadingPlaceholder:
|
|
19
|
+
KvTabs: U,
|
|
20
|
+
KvLendMenuCountryList: E,
|
|
21
|
+
KvLendMenuSearchList: F,
|
|
22
|
+
KvLoadingPlaceholder: D,
|
|
23
|
+
KvMaterialIcon: q
|
|
22
24
|
},
|
|
23
25
|
props: {
|
|
24
26
|
categories: {
|
|
@@ -48,153 +50,171 @@ const G = {
|
|
|
48
50
|
isChannelsLoading: {
|
|
49
51
|
type: Boolean,
|
|
50
52
|
default: !0
|
|
53
|
+
},
|
|
54
|
+
showMGUpsellLink: {
|
|
55
|
+
type: Boolean,
|
|
56
|
+
default: !1
|
|
51
57
|
}
|
|
52
58
|
},
|
|
53
|
-
setup(
|
|
54
|
-
const e =
|
|
59
|
+
setup(x) {
|
|
60
|
+
const e = L(null), s = L([]), k = L(null), T = S(() => x.searches.length > 0);
|
|
55
61
|
return {
|
|
56
|
-
mdiArrowRight:
|
|
57
|
-
hasSearches:
|
|
62
|
+
mdiArrowRight: I,
|
|
63
|
+
hasSearches: T,
|
|
58
64
|
navLendCategories: e,
|
|
59
|
-
regionAccordions:
|
|
60
|
-
searchesLink:
|
|
65
|
+
regionAccordions: s,
|
|
66
|
+
searchesLink: k,
|
|
61
67
|
onClose: () => {
|
|
62
|
-
var
|
|
63
|
-
(
|
|
64
|
-
var
|
|
65
|
-
(
|
|
66
|
-
}), (
|
|
68
|
+
var h, c, y, m, p, f, w;
|
|
69
|
+
(y = (c = (h = e.value) == null ? void 0 : h.tabContext) == null ? void 0 : c.setTab) == null || y.call(c, 0), (p = (m = s.value) == null ? void 0 : m.forEach) == null || p.call(m, (v) => {
|
|
70
|
+
var i;
|
|
71
|
+
(i = v == null ? void 0 : v.collapse) == null || i.call(v);
|
|
72
|
+
}), (w = (f = k.value) == null ? void 0 : f.collapse) == null || w.call(f);
|
|
67
73
|
},
|
|
68
|
-
paramCase:
|
|
74
|
+
paramCase: j
|
|
69
75
|
};
|
|
70
76
|
}
|
|
71
|
-
},
|
|
77
|
+
}, J = { class: "tw-pb-2" }, O = {
|
|
78
|
+
key: 0,
|
|
79
|
+
href: "/monthlygood"
|
|
80
|
+
}, Q = { class: "tw-inline-flex tw-items-center tw-py-2 tw-mb-2 tw-gap-0.5 tw-border-b tw-border-tertiary tw-font-medium" }, R = { class: "tw-font-medium" }, W = ["href"], X = { class: "tw-border-t tw-border-tertiary" }, Y = {
|
|
72
81
|
href: "/lend-by-category/recommended-by-lenders",
|
|
73
82
|
class: "lend-link tw-text-brand"
|
|
74
|
-
},
|
|
83
|
+
}, Z = {
|
|
75
84
|
href: "/lend",
|
|
76
85
|
class: "lend-link"
|
|
77
|
-
},
|
|
86
|
+
}, $ = {
|
|
78
87
|
href: "/categories",
|
|
79
88
|
class: "lend-link"
|
|
80
|
-
},
|
|
89
|
+
}, ee = { class: "tw-flex" }, te = { class: "tw-text-h4" }, ne = { class: "tw-font-medium" }, oe = ["href"], le = {
|
|
81
90
|
key: 1,
|
|
82
91
|
class: "tw-block tw-py-1 tw-text-tertiary"
|
|
83
|
-
},
|
|
92
|
+
}, se = { key: 0 }, ae = { key: 1 }, re = {
|
|
84
93
|
href: "/lend/countries-not-lent",
|
|
85
94
|
class: "lend-link"
|
|
86
95
|
};
|
|
87
|
-
function
|
|
88
|
-
const
|
|
89
|
-
return t(),
|
|
90
|
-
|
|
96
|
+
function ie(x, e, s, k, T, M) {
|
|
97
|
+
const h = u("kv-material-icon"), c = u("kv-tab"), y = u("kv-loading-placeholder"), m = u("kv-tab-panel"), p = u("kv-accordion-item"), f = u("kv-lend-menu-country-list"), w = u("kv-lend-menu-search-list"), v = u("kv-tabs"), i = B("kv-track-event");
|
|
98
|
+
return t(), n("div", J, [
|
|
99
|
+
s.showMGUpsellLink ? _((t(), n("a", O, [
|
|
100
|
+
o("span", Q, [
|
|
101
|
+
e[0] || (e[0] = d(" Lend monthly ")),
|
|
102
|
+
r(h, {
|
|
103
|
+
icon: k.mdiArrowRight,
|
|
104
|
+
class: "tw-w-3 tw-h-3"
|
|
105
|
+
}, null, 8, ["icon"])
|
|
106
|
+
])
|
|
107
|
+
])), [
|
|
108
|
+
[i, ["TopNav", "click-Lend-Menu-Monthly-Good", "Lend-monthly"]]
|
|
109
|
+
]) : C("", !0),
|
|
110
|
+
r(v, { ref: "navLendCategories" }, {
|
|
91
111
|
tabNav: a(() => [
|
|
92
|
-
|
|
93
|
-
default: a(() => e[
|
|
112
|
+
r(c, { "for-panel": "nav-lend-categories" }, {
|
|
113
|
+
default: a(() => e[1] || (e[1] = [
|
|
94
114
|
d(" Categories ")
|
|
95
115
|
])),
|
|
96
116
|
_: 1
|
|
97
117
|
}),
|
|
98
|
-
|
|
99
|
-
default: a(() => e[
|
|
118
|
+
r(c, { "for-panel": "nav-lend-regions" }, {
|
|
119
|
+
default: a(() => e[2] || (e[2] = [
|
|
100
120
|
d(" Regions ")
|
|
101
121
|
])),
|
|
102
122
|
_: 1
|
|
103
123
|
}),
|
|
104
|
-
|
|
124
|
+
s.userId ? (t(), N(c, {
|
|
105
125
|
key: 0,
|
|
106
126
|
"for-panel": "nav-my-kiva"
|
|
107
127
|
}, {
|
|
108
|
-
default: a(() => e[
|
|
128
|
+
default: a(() => e[3] || (e[3] = [
|
|
109
129
|
d(" My Kiva ")
|
|
110
130
|
])),
|
|
111
131
|
_: 1
|
|
112
|
-
})) :
|
|
132
|
+
})) : C("", !0)
|
|
113
133
|
]),
|
|
114
134
|
tabPanels: a(() => [
|
|
115
|
-
|
|
135
|
+
r(m, { id: "nav-lend-categories" }, {
|
|
116
136
|
default: a(() => [
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
key:
|
|
137
|
+
o("ul", R, [
|
|
138
|
+
s.isChannelsLoading ? (t(), n(b, { key: 0 }, g(14, (l) => o("li", {
|
|
139
|
+
key: l,
|
|
120
140
|
style: { width: "11rem" },
|
|
121
141
|
class: "tw-py-1 tw-flex"
|
|
122
142
|
}, [
|
|
123
|
-
|
|
143
|
+
r(y, {
|
|
124
144
|
class: "tw-inline-block tw-align-middle",
|
|
125
145
|
style: { height: "1rem" }
|
|
126
146
|
}),
|
|
127
|
-
e[
|
|
128
|
-
])), 64)) : (t(!0),
|
|
129
|
-
|
|
130
|
-
href:
|
|
147
|
+
e[4] || (e[4] = o("span", { class: "tw-inline-block" }, " ", -1))
|
|
148
|
+
])), 64)) : (t(!0), n(b, { key: 1 }, g(s.categories, (l, A) => (t(), n("li", { key: A }, [
|
|
149
|
+
_((t(), n("a", {
|
|
150
|
+
href: l.url,
|
|
131
151
|
class: "lend-link"
|
|
132
152
|
}, [
|
|
133
|
-
d(
|
|
134
|
-
], 8,
|
|
135
|
-
[
|
|
153
|
+
d(K(l.name), 1)
|
|
154
|
+
], 8, W)), [
|
|
155
|
+
[i, ["TopNav", "click-Lend-Category", l.name, A + 1]]
|
|
136
156
|
])
|
|
137
157
|
]))), 128)),
|
|
138
|
-
|
|
139
|
-
|
|
158
|
+
o("li", X, [
|
|
159
|
+
_((t(), n("a", Y, e[5] || (e[5] = [
|
|
140
160
|
d(" Recommended by lenders ")
|
|
141
161
|
]))), [
|
|
142
|
-
[
|
|
162
|
+
[i, ["TopNav", "click-Lend-Recommended-by-lenders"]]
|
|
143
163
|
])
|
|
144
164
|
]),
|
|
145
|
-
|
|
146
|
-
|
|
165
|
+
o("li", null, [
|
|
166
|
+
_((t(), n("a", Z, e[6] || (e[6] = [
|
|
147
167
|
d(" All loans ")
|
|
148
168
|
]))), [
|
|
149
|
-
[
|
|
169
|
+
[i, ["TopNav", "click-Lend-All_Loans"]]
|
|
150
170
|
])
|
|
151
171
|
]),
|
|
152
|
-
|
|
153
|
-
|
|
172
|
+
o("li", null, [
|
|
173
|
+
_((t(), n("a", $, e[7] || (e[7] = [
|
|
154
174
|
d(" All categories ")
|
|
155
175
|
]))), [
|
|
156
|
-
[
|
|
176
|
+
[i, ["TopNav", "click-Lend-All_Categories"]]
|
|
157
177
|
])
|
|
158
178
|
])
|
|
159
179
|
])
|
|
160
180
|
]),
|
|
161
181
|
_: 1
|
|
162
182
|
}),
|
|
163
|
-
|
|
183
|
+
r(m, { id: "nav-lend-regions" }, {
|
|
164
184
|
default: a(() => [
|
|
165
|
-
|
|
166
|
-
id: `placeholder-${
|
|
167
|
-
key:
|
|
185
|
+
s.isRegionsLoading ? (t(), n(b, { key: 0 }, g(8, (l) => r(p, {
|
|
186
|
+
id: `placeholder-${l}-panel`,
|
|
187
|
+
key: l,
|
|
168
188
|
disabled: !0
|
|
169
189
|
}, {
|
|
170
190
|
header: a(() => [
|
|
171
|
-
|
|
172
|
-
|
|
191
|
+
o("div", ee, [
|
|
192
|
+
r(y, {
|
|
173
193
|
class: "tw-inline-block tw-align-middle",
|
|
174
194
|
style: { height: "1rem" }
|
|
175
195
|
}),
|
|
176
|
-
e[
|
|
196
|
+
e[8] || (e[8] = o("span", { class: "tw-inline-block tw-text-h4" }, " ", -1))
|
|
177
197
|
])
|
|
178
198
|
]),
|
|
179
199
|
_: 2
|
|
180
|
-
}, 1032, ["id"])), 64)) : (t(!0),
|
|
181
|
-
id: `lend-menu-${
|
|
182
|
-
key:
|
|
200
|
+
}, 1032, ["id"])), 64)) : (t(!0), n(b, { key: 1 }, g(s.regions, (l) => (t(), N(p, {
|
|
201
|
+
id: `lend-menu-${k.paramCase(l.name)}-panel`,
|
|
202
|
+
key: l.name,
|
|
183
203
|
ref_for: !0,
|
|
184
204
|
ref: "regionAccordions"
|
|
185
205
|
}, {
|
|
186
206
|
header: a(() => [
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
d(
|
|
207
|
+
o("h3", te, [
|
|
208
|
+
_((t(), n("span", null, [
|
|
209
|
+
d(K(l.name), 1)
|
|
190
210
|
])), [
|
|
191
|
-
[
|
|
211
|
+
[i, ["TopNav", "click-Lend-Region", l.name]]
|
|
192
212
|
])
|
|
193
213
|
])
|
|
194
214
|
]),
|
|
195
215
|
default: a(() => [
|
|
196
|
-
|
|
197
|
-
countries:
|
|
216
|
+
r(f, {
|
|
217
|
+
countries: l.countries
|
|
198
218
|
}, null, 8, ["countries"])
|
|
199
219
|
]),
|
|
200
220
|
_: 2
|
|
@@ -202,56 +222,56 @@ function le(C, e, r, f, N, K) {
|
|
|
202
222
|
]),
|
|
203
223
|
_: 1
|
|
204
224
|
}),
|
|
205
|
-
|
|
225
|
+
s.userId ? (t(), N(m, {
|
|
206
226
|
key: 0,
|
|
207
227
|
id: "nav-my-kiva"
|
|
208
228
|
}, {
|
|
209
229
|
default: a(() => [
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
230
|
+
o("ul", ne, [
|
|
231
|
+
o("li", null, [
|
|
232
|
+
s.favorites > 0 ? _((t(), n("a", {
|
|
213
233
|
key: 0,
|
|
214
|
-
href: `/lend?lenderFavorite=${
|
|
234
|
+
href: `/lend?lenderFavorite=${s.userId}`,
|
|
215
235
|
class: "lend-link"
|
|
216
|
-
}, e[
|
|
236
|
+
}, e[9] || (e[9] = [
|
|
217
237
|
d(" Saved loans ")
|
|
218
|
-
]), 8,
|
|
219
|
-
[
|
|
220
|
-
]) : (t(),
|
|
238
|
+
]), 8, oe)), [
|
|
239
|
+
[i, ["TopNav", "click-Lend-Favorites"]]
|
|
240
|
+
]) : (t(), n("span", le, "Saved loans"))
|
|
221
241
|
]),
|
|
222
|
-
|
|
223
|
-
|
|
242
|
+
k.hasSearches ? (t(), n("li", se, [
|
|
243
|
+
r(p, {
|
|
224
244
|
id: "lend-menu-saved-searches-panel",
|
|
225
245
|
ref: "searchesLink"
|
|
226
246
|
}, {
|
|
227
|
-
header: a(() => e[
|
|
228
|
-
|
|
247
|
+
header: a(() => e[10] || (e[10] = [
|
|
248
|
+
o("p", { class: "tw-font-medium" }, " Saved searches ", -1)
|
|
229
249
|
])),
|
|
230
250
|
default: a(() => [
|
|
231
|
-
|
|
251
|
+
r(w, { searches: s.searches }, null, 8, ["searches"])
|
|
232
252
|
]),
|
|
233
253
|
_: 1
|
|
234
254
|
}, 512)
|
|
235
|
-
])) : (t(),
|
|
236
|
-
|
|
255
|
+
])) : (t(), n("li", ae, e[11] || (e[11] = [
|
|
256
|
+
o("span", { class: "tw-block tw-py-1 tw-text-tertiary" }, "Saved searches", -1)
|
|
237
257
|
]))),
|
|
238
|
-
|
|
239
|
-
|
|
258
|
+
o("li", null, [
|
|
259
|
+
_((t(), n("a", re, e[12] || (e[12] = [
|
|
240
260
|
d(" Countries I haven't lent to ")
|
|
241
261
|
]))), [
|
|
242
|
-
[
|
|
262
|
+
[i, ["TopNav", "click-Lend-Countries_Not_Lent"]]
|
|
243
263
|
])
|
|
244
264
|
])
|
|
245
265
|
])
|
|
246
266
|
]),
|
|
247
267
|
_: 1
|
|
248
|
-
})) :
|
|
268
|
+
})) : C("", !0)
|
|
249
269
|
]),
|
|
250
270
|
_: 1
|
|
251
271
|
}, 512)
|
|
252
272
|
]);
|
|
253
273
|
}
|
|
254
|
-
const
|
|
274
|
+
const ge = /* @__PURE__ */ z(H, [["render", ie], ["__scopeId", "data-v-41849311"]]);
|
|
255
275
|
export {
|
|
256
|
-
|
|
276
|
+
ge as default
|
|
257
277
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.menu-heading[data-v-
|
|
1
|
+
.menu-heading[data-v-53c4e3f0]{font-weight:300;font-size:1rem;letter-spacing:0em;line-height:1.5}@media (min-width: 64rem){.menu-heading[data-v-53c4e3f0]{font-size:1.0625rem;letter-spacing:0em}}.menu-heading[data-v-53c4e3f0]{font-weight:400}.region-list[data-v-53c4e3f0],.search-list[data-v-53c4e3f0]{-moz-column-fill:auto;column-fill:auto;-moz-columns:3;columns:3;gap:2rem}.mega-menu-link[data-v-53c4e3f0]{display:inline-block;padding-top:.5rem;padding-bottom:.5rem;--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.mega-menu-link[data-v-53c4e3f0]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:underline}.link-item[data-v-53c4e3f0]{width:11rem;text-decoration-line:none}.link-item[data-v-53c4e3f0]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:underline}
|