@kiva/kv-components 6.40.2 → 6.40.4
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/KvWwwHeader/LendMenu/KvLendListMenu.css +1 -1
- package/dist/vue/KvWwwHeader/LendMenu/KvLendListMenu.js +8 -8
- package/dist/vue/KvWwwHeader/LendMenu/KvLendMegaMenu.css +1 -1
- package/dist/vue/KvWwwHeader/LendMenu/KvLendMegaMenu.js +23 -23
- package/dist/vue/KvWwwHeader/LendMenu/KvLendMenu.js +55 -50
- package/dist/vue/KvWwwHeader.css +1 -1
- package/dist/vue/KvWwwHeader.js +20 -21
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
.lend-link[data-v-
|
|
1
|
+
.lend-link[data-v-e4e7d18f]{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-e4e7d18f]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1))}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { mdiArrowRight as S } from "@mdi/js";
|
|
2
|
-
import { ref as w, computed as I, resolveComponent as u, resolveDirective as B, openBlock as t, createElementBlock as s, createVNode as i, withCtx as a, createTextVNode as d, createBlock as L, createCommentVNode as T, createElementVNode as l, Fragment as
|
|
2
|
+
import { ref as w, computed as I, resolveComponent as u, resolveDirective as B, openBlock as t, createElementBlock as s, createVNode as i, withCtx as a, createTextVNode as d, createBlock as L, createCommentVNode as T, createElementVNode as l, Fragment as g, renderList as b, withDirectives as v, toDisplayString as A } from "vue";
|
|
3
3
|
import M from "../../KvAccordionItem.js";
|
|
4
4
|
import V from "../../KvLoadingPlaceholder.js";
|
|
5
5
|
import D from "./KvLendMenuCountryList.js";
|
|
@@ -68,7 +68,7 @@ const G = {
|
|
|
68
68
|
paramCase: q
|
|
69
69
|
};
|
|
70
70
|
}
|
|
71
|
-
}, H = { class: "tw-pb-2" }, J = { class: "tw-font-
|
|
71
|
+
}, H = { class: "tw-pb-2" }, J = { class: "tw-font-medium" }, O = ["href"], Q = { class: "tw-border-t tw-border-tertiary" }, U = {
|
|
72
72
|
href: "/lend-by-category/recommended-by-lenders",
|
|
73
73
|
class: "lend-link tw-text-brand"
|
|
74
74
|
}, W = {
|
|
@@ -77,7 +77,7 @@ const G = {
|
|
|
77
77
|
}, X = {
|
|
78
78
|
href: "/categories",
|
|
79
79
|
class: "lend-link"
|
|
80
|
-
}, Y = { class: "tw-flex" }, Z = { class: "tw-text-h4" }, R = { class: "tw-font-
|
|
80
|
+
}, Y = { class: "tw-flex" }, Z = { class: "tw-text-h4" }, R = { class: "tw-font-medium" }, $ = ["href"], ee = {
|
|
81
81
|
key: 1,
|
|
82
82
|
class: "tw-block tw-py-1 tw-text-tertiary"
|
|
83
83
|
}, te = { key: 0 }, ne = { key: 1 }, se = {
|
|
@@ -115,7 +115,7 @@ function le(C, e, r, f, N, K) {
|
|
|
115
115
|
i(k, { id: "nav-lend-categories" }, {
|
|
116
116
|
default: a(() => [
|
|
117
117
|
l("ul", J, [
|
|
118
|
-
r.isChannelsLoading ? (t(), s(
|
|
118
|
+
r.isChannelsLoading ? (t(), s(g, { key: 0 }, b(14, (n) => l("li", {
|
|
119
119
|
key: n,
|
|
120
120
|
style: { width: "11rem" },
|
|
121
121
|
class: "tw-py-1 tw-flex"
|
|
@@ -125,7 +125,7 @@ function le(C, e, r, f, N, K) {
|
|
|
125
125
|
style: { height: "1rem" }
|
|
126
126
|
}),
|
|
127
127
|
e[3] || (e[3] = l("span", { class: "tw-inline-block" }, " ", -1))
|
|
128
|
-
])), 64)) : (t(!0), s(
|
|
128
|
+
])), 64)) : (t(!0), s(g, { key: 1 }, b(r.categories, (n, x) => (t(), s("li", { key: x }, [
|
|
129
129
|
v((t(), s("a", {
|
|
130
130
|
href: n.url,
|
|
131
131
|
class: "lend-link"
|
|
@@ -162,7 +162,7 @@ function le(C, e, r, f, N, K) {
|
|
|
162
162
|
}),
|
|
163
163
|
i(k, { id: "nav-lend-regions" }, {
|
|
164
164
|
default: a(() => [
|
|
165
|
-
r.isRegionsLoading ? (t(), s(
|
|
165
|
+
r.isRegionsLoading ? (t(), s(g, { key: 0 }, b(8, (n) => i(c, {
|
|
166
166
|
id: `placeholder-${n}-panel`,
|
|
167
167
|
key: n,
|
|
168
168
|
disabled: !0
|
|
@@ -177,7 +177,7 @@ function le(C, e, r, f, N, K) {
|
|
|
177
177
|
])
|
|
178
178
|
]),
|
|
179
179
|
_: 2
|
|
180
|
-
}, 1032, ["id"])), 64)) : (t(!0), s(
|
|
180
|
+
}, 1032, ["id"])), 64)) : (t(!0), s(g, { key: 1 }, b(r.regions, (n) => (t(), L(c, {
|
|
181
181
|
id: `lend-menu-${f.paramCase(n.name)}-panel`,
|
|
182
182
|
key: n.name,
|
|
183
183
|
ref_for: !0,
|
|
@@ -251,7 +251,7 @@ function le(C, e, r, f, N, K) {
|
|
|
251
251
|
}, 512)
|
|
252
252
|
]);
|
|
253
253
|
}
|
|
254
|
-
const fe = /* @__PURE__ */ z(G, [["render", le], ["__scopeId", "data-v-
|
|
254
|
+
const fe = /* @__PURE__ */ z(G, [["render", le], ["__scopeId", "data-v-e4e7d18f"]]);
|
|
255
255
|
export {
|
|
256
256
|
fe as default
|
|
257
257
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.menu-heading[data-v-
|
|
1
|
+
.menu-heading[data-v-4e0a05e6]{font-weight:300;font-size:1rem;letter-spacing:0em;line-height:1.5}@media (min-width: 64rem){.menu-heading[data-v-4e0a05e6]{font-size:1.0625rem;letter-spacing:0em}}.menu-heading[data-v-4e0a05e6]{font-weight:400}.region-list[data-v-4e0a05e6],.search-list[data-v-4e0a05e6]{-moz-column-fill:auto;column-fill:auto;-moz-columns:3;columns:3;gap:2rem}.mega-menu-link[data-v-4e0a05e6]{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-4e0a05e6]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1))}.link-item[data-v-4e0a05e6]{width:11rem}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { mdiArrowRight as N, mdiChevronLeft as T } from "@mdi/js";
|
|
2
|
-
import { ref as L, computed as k, resolveComponent as u, resolveDirective as R, openBlock as n, createElementBlock as s, createElementVNode as t, normalizeStyle as A, createVNode as w, withCtx as K, Fragment as c, renderList as
|
|
2
|
+
import { ref as L, computed as k, resolveComponent as u, resolveDirective as R, openBlock as n, createElementBlock as s, createElementVNode as t, normalizeStyle as A, createVNode as w, withCtx as K, Fragment as c, renderList as v, withDirectives as d, createTextVNode as m, toDisplayString as x, createCommentVNode as C, normalizeClass as O } from "vue";
|
|
3
3
|
import I from "../../KvLoadingPlaceholder.js";
|
|
4
4
|
import M from "../../KvGrid.js";
|
|
5
5
|
import B from "../../KvMaterialIcon.js";
|
|
@@ -46,9 +46,9 @@ const z = {
|
|
|
46
46
|
}
|
|
47
47
|
},
|
|
48
48
|
setup(p) {
|
|
49
|
-
const e = L(null), i = L(""), l = k(() => i.value !== ""), y = (a) => i.value === a,
|
|
49
|
+
const e = L(null), i = L(""), l = k(() => i.value !== ""), y = (a) => i.value === a, S = (a) => {
|
|
50
50
|
i.value = a;
|
|
51
|
-
},
|
|
51
|
+
}, h = k(() => {
|
|
52
52
|
var r;
|
|
53
53
|
const a = { width: "150%" };
|
|
54
54
|
if (l.value) {
|
|
@@ -64,12 +64,12 @@ const z = {
|
|
|
64
64
|
openedSection: i,
|
|
65
65
|
sectionOpen: l,
|
|
66
66
|
isOpenSection: y,
|
|
67
|
-
openSection:
|
|
67
|
+
openSection: S,
|
|
68
68
|
onClose: () => {
|
|
69
69
|
i.value = "";
|
|
70
70
|
},
|
|
71
71
|
openRegions: f,
|
|
72
|
-
computedStyle:
|
|
72
|
+
computedStyle: h,
|
|
73
73
|
hasSearches: _,
|
|
74
74
|
savedSearchesTitle: "Saved searches"
|
|
75
75
|
};
|
|
@@ -77,7 +77,7 @@ const z = {
|
|
|
77
77
|
}, E = { class: "lend-mega-menu tw-overflow-hidden tw-pb-3 lg:tw-pt-3" }, W = {
|
|
78
78
|
ref: "categoriesSection",
|
|
79
79
|
class: "tw-col-span-7"
|
|
80
|
-
}, G = { class: "tw-flex tw-gap-4 tw-whitespace-nowrap" }, P = { class: "tw-columns-2 tw-gap-4 tw-font-
|
|
80
|
+
}, G = { class: "tw-flex tw-gap-4 tw-whitespace-nowrap" }, P = { class: "tw-columns-2 tw-gap-4 tw-font-medium" }, X = ["href"], j = { class: "tw-font-medium" }, q = { class: "link-item" }, H = {
|
|
81
81
|
href: "/lend-by-category/recommended-by-lenders",
|
|
82
82
|
class: "mega-menu-link"
|
|
83
83
|
}, J = { class: "link-item" }, Q = {
|
|
@@ -86,7 +86,7 @@ const z = {
|
|
|
86
86
|
}, U = { class: "link-item" }, Y = {
|
|
87
87
|
class: "mega-menu-link",
|
|
88
88
|
href: "/lend"
|
|
89
|
-
}, Z = { key: 0 }, $ = { class: "tw-font-
|
|
89
|
+
}, Z = { key: 0 }, $ = { class: "tw-font-medium" }, ee = ["href"], te = {
|
|
90
90
|
key: 1,
|
|
91
91
|
class: "tw-text-secondary tw-py-1 tw-inline-block"
|
|
92
92
|
}, ne = ["aria-pressed"], se = {
|
|
@@ -94,10 +94,10 @@ const z = {
|
|
|
94
94
|
class: "tw-text-secondary tw-py-1 tw-inline-block"
|
|
95
95
|
}, oe = {
|
|
96
96
|
href: "/lend/countries-not-lent",
|
|
97
|
-
class: "tw-text-primary tw-text-left hover:tw-text-action
|
|
98
|
-
}, le = { class: "tw-col-span-2" }, ie = { class: "tw-col-span-8 tw-flex tw-flex-col" }, ae = { class: "tw-flex tw-whitespace-nowrap tw-h-full" }, re = { class: "tw-font-
|
|
99
|
-
function de(p, e, i, l, y,
|
|
100
|
-
const
|
|
97
|
+
class: "tw-text-primary tw-text-left hover:tw-text-action tw-py-1 tw-inline-block"
|
|
98
|
+
}, le = { class: "tw-col-span-2" }, ie = { class: "tw-col-span-8 tw-flex tw-flex-col" }, ae = { class: "tw-flex tw-whitespace-nowrap tw-h-full" }, re = { class: "tw-font-medium" }, ce = ["aria-pressed", "onClick"];
|
|
99
|
+
function de(p, e, i, l, y, S) {
|
|
100
|
+
const h = u("kv-loading-placeholder"), f = u("kv-material-icon"), _ = u("kv-lend-menu-search-list"), b = u("kv-lend-menu-country-list"), a = u("kv-grid"), r = R("kv-track-event");
|
|
101
101
|
return n(), s("div", E, [
|
|
102
102
|
t("div", {
|
|
103
103
|
style: A(l.computedStyle),
|
|
@@ -109,22 +109,22 @@ function de(p, e, i, l, y, b) {
|
|
|
109
109
|
e[10] || (e[10] = t("h2", { class: "menu-heading tw-mb-2" }, " Categories ", -1)),
|
|
110
110
|
t("div", G, [
|
|
111
111
|
t("ul", P, [
|
|
112
|
-
i.isChannelsLoading ? (n(), s(c, { key: 0 },
|
|
112
|
+
i.isChannelsLoading ? (n(), s(c, { key: 0 }, v(14, (o) => t("li", {
|
|
113
113
|
key: o,
|
|
114
114
|
class: "link-item"
|
|
115
115
|
}, [
|
|
116
|
-
w(
|
|
116
|
+
w(h, {
|
|
117
117
|
class: "tw-inline-block tw-align-middle",
|
|
118
118
|
style: { height: "1.25rem" }
|
|
119
119
|
}),
|
|
120
120
|
e[2] || (e[2] = t("span", { class: "tw-py-1 tw-inline-block" }, " ", -1))
|
|
121
|
-
])), 64)) : (n(!0), s(c, { key: 1 },
|
|
121
|
+
])), 64)) : (n(!0), s(c, { key: 1 }, v(i.categories, (o, g) => (n(), s("li", {
|
|
122
122
|
key: g,
|
|
123
123
|
class: "link-item"
|
|
124
124
|
}, [
|
|
125
125
|
d((n(), s("a", {
|
|
126
126
|
href: o.url,
|
|
127
|
-
class: "tw-text-primary tw-text-left hover:tw-text-action-
|
|
127
|
+
class: "tw-text-primary tw-text-left hover:tw-text-action tw-no-underline tw-my-1 tw-inline-block"
|
|
128
128
|
}, [
|
|
129
129
|
m(x(o.name), 1)
|
|
130
130
|
], 8, X)), [
|
|
@@ -164,7 +164,7 @@ function de(p, e, i, l, y, b) {
|
|
|
164
164
|
i.favorites > 0 ? d((n(), s("a", {
|
|
165
165
|
key: 0,
|
|
166
166
|
href: `/lend?lenderFavorite=${i.userId}`,
|
|
167
|
-
class: "tw-text-primary tw-text-left hover:tw-text-action
|
|
167
|
+
class: "tw-text-primary tw-text-left hover:tw-text-action tw-py-1 tw-inline-block"
|
|
168
168
|
}, e[6] || (e[6] = [
|
|
169
169
|
m(" Saved loans ")
|
|
170
170
|
]), 8, ee)), [
|
|
@@ -175,7 +175,7 @@ function de(p, e, i, l, y, b) {
|
|
|
175
175
|
l.hasSearches ? (n(), s("button", {
|
|
176
176
|
key: 0,
|
|
177
177
|
"aria-pressed": l.isOpenSection(l.savedSearchesTitle) ? "true" : "false",
|
|
178
|
-
class: "tw-text-primary tw-text-left tw-py-1 tw-inline-block hover:tw-text-action
|
|
178
|
+
class: "tw-text-primary tw-text-left tw-py-1 tw-inline-block hover:tw-text-action hover:tw-underline",
|
|
179
179
|
onClick: e[0] || (e[0] = (o) => l.openSection(l.savedSearchesTitle))
|
|
180
180
|
}, x(l.savedSearchesTitle), 9, ne)) : (n(), s("span", se, " Saved searches "))
|
|
181
181
|
]),
|
|
@@ -215,16 +215,16 @@ function de(p, e, i, l, y, b) {
|
|
|
215
215
|
e[14] || (e[14] = t("h2", { class: "menu-heading tw-mb-2" }, " Regions ", -1)),
|
|
216
216
|
t("div", ae, [
|
|
217
217
|
t("ul", re, [
|
|
218
|
-
i.isRegionsLoading ? (n(), s(c, { key: 0 },
|
|
218
|
+
i.isRegionsLoading ? (n(), s(c, { key: 0 }, v(8, (o) => t("li", {
|
|
219
219
|
key: o,
|
|
220
220
|
class: "link-item"
|
|
221
221
|
}, [
|
|
222
|
-
w(
|
|
222
|
+
w(h, {
|
|
223
223
|
class: "tw-inline-block tw-align-middle",
|
|
224
224
|
style: { height: "1.25rem" }
|
|
225
225
|
}),
|
|
226
226
|
e[13] || (e[13] = t("span", { class: "tw-py-1 tw-inline-block" }, " ", -1))
|
|
227
|
-
])), 64)) : (n(!0), s(c, { key: 1 },
|
|
227
|
+
])), 64)) : (n(!0), s(c, { key: 1 }, v(i.regions, (o) => (n(), s("li", {
|
|
228
228
|
key: o.name,
|
|
229
229
|
class: "link-item tw-mr-4"
|
|
230
230
|
}, [
|
|
@@ -239,11 +239,11 @@ function de(p, e, i, l, y, b) {
|
|
|
239
239
|
])
|
|
240
240
|
]))), 128))
|
|
241
241
|
]),
|
|
242
|
-
(n(!0), s(c, null,
|
|
242
|
+
(n(!0), s(c, null, v(l.openRegions, (o) => (n(), s("div", {
|
|
243
243
|
key: o.name,
|
|
244
244
|
class: "tw-h-full"
|
|
245
245
|
}, [
|
|
246
|
-
w(
|
|
246
|
+
w(b, {
|
|
247
247
|
countries: o.countries,
|
|
248
248
|
class: "region-list tw-h-full"
|
|
249
249
|
}, null, 8, ["countries"])
|
|
@@ -257,7 +257,7 @@ function de(p, e, i, l, y, b) {
|
|
|
257
257
|
], 4)
|
|
258
258
|
]);
|
|
259
259
|
}
|
|
260
|
-
const _e = /* @__PURE__ */ F(z, [["render", de], ["__scopeId", "data-v-
|
|
260
|
+
const _e = /* @__PURE__ */ F(z, [["render", de], ["__scopeId", "data-v-4e0a05e6"]]);
|
|
261
261
|
export {
|
|
262
262
|
_e as default
|
|
263
263
|
};
|
|
@@ -1,20 +1,26 @@
|
|
|
1
1
|
import { gql as v } from "@apollo/client/core";
|
|
2
|
-
import { toRefs as
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import { indexIn as
|
|
6
|
-
import { groupBy as
|
|
7
|
-
import
|
|
8
|
-
const
|
|
2
|
+
import { toRefs as w, ref as a, computed as _, onMounted as S, resolveComponent as L, openBlock as x, createElementBlock as A, createVNode as I } from "vue";
|
|
3
|
+
import N from "./KvLendListMenu.js";
|
|
4
|
+
import O from "./KvLendMegaMenu.js";
|
|
5
|
+
import { indexIn as R } from "../../../utils/comparators.js";
|
|
6
|
+
import { groupBy as B, sortBy as b } from "../../../utils/arrayUtils.js";
|
|
7
|
+
import E from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
8
|
+
const F = {
|
|
9
9
|
components: {
|
|
10
|
-
KvLendListMenu:
|
|
11
|
-
KvLendMegaMenu:
|
|
10
|
+
KvLendListMenu: N,
|
|
11
|
+
KvLendMegaMenu: O
|
|
12
|
+
},
|
|
13
|
+
props: {
|
|
14
|
+
userId: {
|
|
15
|
+
type: Number,
|
|
16
|
+
default: null
|
|
17
|
+
}
|
|
12
18
|
},
|
|
13
19
|
emits: ["load-lend-menu-data"],
|
|
14
|
-
setup(
|
|
20
|
+
setup(f, { emit: y }) {
|
|
15
21
|
const {
|
|
16
|
-
userId:
|
|
17
|
-
} =
|
|
22
|
+
userId: i
|
|
23
|
+
} = w(f), e = a([]), d = a([]), m = a(0), u = a([]), g = [
|
|
18
24
|
"North America",
|
|
19
25
|
"Central America",
|
|
20
26
|
"South America",
|
|
@@ -23,8 +29,8 @@ const D = {
|
|
|
23
29
|
"Middle East",
|
|
24
30
|
"Asia",
|
|
25
31
|
"Oceania"
|
|
26
|
-
],
|
|
27
|
-
var
|
|
32
|
+
], h = a(!0), C = a(!0), M = async (t) => {
|
|
33
|
+
var s, r, o, l;
|
|
28
34
|
if (t.watchQuery({
|
|
29
35
|
query: v`query countryFacets {
|
|
30
36
|
lend {
|
|
@@ -41,8 +47,8 @@ const D = {
|
|
|
41
47
|
}`
|
|
42
48
|
}).subscribe({
|
|
43
49
|
next: ({ data: n }) => {
|
|
44
|
-
var
|
|
45
|
-
d.value = ((
|
|
50
|
+
var c;
|
|
51
|
+
d.value = ((c = n == null ? void 0 : n.lend) == null ? void 0 : c.countryFacets) ?? [], h.value = !1;
|
|
46
52
|
}
|
|
47
53
|
}), t.watchQuery({
|
|
48
54
|
query: v`
|
|
@@ -60,10 +66,10 @@ const D = {
|
|
|
60
66
|
`
|
|
61
67
|
}).subscribe({
|
|
62
68
|
next: ({ data: n }) => {
|
|
63
|
-
var
|
|
64
|
-
e.value = ((
|
|
69
|
+
var c, p;
|
|
70
|
+
e.value = ((p = (c = n == null ? void 0 : n.lend) == null ? void 0 : c.loanChannels) == null ? void 0 : p.values) ?? [], C.value = !1;
|
|
65
71
|
}
|
|
66
|
-
}),
|
|
72
|
+
}), i.value) {
|
|
67
73
|
const { data: n } = await t.query({
|
|
68
74
|
query: v`
|
|
69
75
|
query lendMenuPrivateData($userId: Int!) {
|
|
@@ -84,64 +90,63 @@ const D = {
|
|
|
84
90
|
}
|
|
85
91
|
`,
|
|
86
92
|
variables: {
|
|
87
|
-
userId:
|
|
93
|
+
userId: i.value
|
|
88
94
|
},
|
|
89
95
|
fetchPolicy: "network-only"
|
|
90
96
|
});
|
|
91
|
-
|
|
97
|
+
m.value = ((r = (s = n == null ? void 0 : n.lend) == null ? void 0 : s.loans) == null ? void 0 : r.totalCount) ?? 0, u.value = ((l = (o = n == null ? void 0 : n.my) == null ? void 0 : o.savedSearches) == null ? void 0 : l.values) ?? [];
|
|
92
98
|
}
|
|
93
|
-
},
|
|
99
|
+
}, k = _(() => {
|
|
94
100
|
const t = d.value.map((o) => ({
|
|
95
101
|
name: o.country.name,
|
|
96
102
|
region: o.country.region,
|
|
97
103
|
isoCode: o.country.isoCode.toLowerCase(),
|
|
98
104
|
count: o.count || 0
|
|
99
|
-
})),
|
|
100
|
-
for (const [o,
|
|
101
|
-
|
|
105
|
+
})), s = B(t, "region"), r = [];
|
|
106
|
+
for (const [o, l] of Object.entries(s))
|
|
107
|
+
r.push({
|
|
102
108
|
name: o,
|
|
103
|
-
countries:
|
|
109
|
+
countries: l.sort(b("name"))
|
|
104
110
|
});
|
|
105
|
-
return
|
|
106
|
-
}),
|
|
107
|
-
var
|
|
108
|
-
return ((
|
|
109
|
-
const o = JSON.parse(JSON.stringify(
|
|
111
|
+
return r.sort(R(g, "name"));
|
|
112
|
+
}), q = _(() => {
|
|
113
|
+
var s;
|
|
114
|
+
return ((s = e.value) == null ? void 0 : s.map((r) => {
|
|
115
|
+
const o = JSON.parse(JSON.stringify(r));
|
|
110
116
|
return o.url = o.url.replace("lend", "lend-by-category"), o;
|
|
111
|
-
})).sort(
|
|
117
|
+
})).sort(b("name"));
|
|
112
118
|
});
|
|
113
|
-
return
|
|
114
|
-
|
|
119
|
+
return S(() => {
|
|
120
|
+
y("load-lend-menu-data");
|
|
115
121
|
}), {
|
|
116
|
-
onLoad:
|
|
117
|
-
regions:
|
|
118
|
-
computedCategories:
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
favoritesCount: g
|
|
122
|
+
onLoad: M,
|
|
123
|
+
regions: k,
|
|
124
|
+
computedCategories: q,
|
|
125
|
+
isChannelsLoading: C,
|
|
126
|
+
isRegionsLoading: h,
|
|
127
|
+
savedSearches: u,
|
|
128
|
+
favoritesCount: m
|
|
124
129
|
};
|
|
125
130
|
}
|
|
126
131
|
};
|
|
127
|
-
function
|
|
128
|
-
const
|
|
129
|
-
return
|
|
130
|
-
I(
|
|
132
|
+
function D(f, y, i, e, d, m) {
|
|
133
|
+
const u = L("kv-lend-list-menu"), g = L("kv-lend-mega-menu");
|
|
134
|
+
return x(), A("div", null, [
|
|
135
|
+
I(u, {
|
|
131
136
|
class: "lg:tw-hidden",
|
|
132
137
|
categories: e.computedCategories,
|
|
133
138
|
regions: e.regions,
|
|
134
|
-
"user-id":
|
|
139
|
+
"user-id": i.userId,
|
|
135
140
|
favorites: e.favoritesCount,
|
|
136
141
|
searches: e.savedSearches,
|
|
137
142
|
"is-regions-loading": e.isRegionsLoading,
|
|
138
143
|
"is-channels-loading": e.isChannelsLoading
|
|
139
144
|
}, null, 8, ["categories", "regions", "user-id", "favorites", "searches", "is-regions-loading", "is-channels-loading"]),
|
|
140
|
-
I(
|
|
145
|
+
I(g, {
|
|
141
146
|
class: "tw-hidden lg:tw-block",
|
|
142
147
|
categories: e.computedCategories,
|
|
143
148
|
regions: e.regions,
|
|
144
|
-
"user-id":
|
|
149
|
+
"user-id": i.userId,
|
|
145
150
|
favorites: e.favoritesCount,
|
|
146
151
|
searches: e.savedSearches,
|
|
147
152
|
"is-regions-loading": e.isRegionsLoading,
|
|
@@ -149,7 +154,7 @@ function K(y, h, c, e, d, g) {
|
|
|
149
154
|
}, null, 8, ["categories", "regions", "user-id", "favorites", "searches", "is-regions-loading", "is-channels-loading"])
|
|
150
155
|
]);
|
|
151
156
|
}
|
|
152
|
-
const G = /* @__PURE__ */
|
|
157
|
+
const G = /* @__PURE__ */ E(F, [["render", D]]);
|
|
153
158
|
export {
|
|
154
159
|
G as default
|
|
155
160
|
};
|
package/dist/vue/KvWwwHeader.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.header-margins[data-v-
|
|
1
|
+
.header-margins[data-v-31b1473c]{margin:0 auto;max-width:1400px}.header-fade-enter-active[data-v-31b1473c]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.header-fade-leave-active[data-v-31b1473c]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s}.header-fade-enter[data-v-31b1473c],.header-fade-leave-to[data-v-31b1473c]{opacity:0}.header-fade-leave[data-v-31b1473c],.header-fade-enter-to[data-v-31b1473c]{opacity:1}.bg-opacity-50[data-v-31b1473c]{background-color:rgba(var(--bg-action-highlight),.5)}
|
package/dist/vue/KvWwwHeader.js
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { ref as s, shallowRef as L, resolveComponent as c, resolveDirective as H, openBlock as h, createBlock as p, withCtx as d, createElementVNode as g, createVNode as r, Transition as w, withDirectives as _, vShow as k, createElementBlock as O, normalizeClass as x, createCommentVNode as B, resolveDynamicComponent as I } from "vue";
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
2
|
+
import N from "./KvWwwHeader/KvHeaderLinkBar.js";
|
|
3
|
+
import E from "./KvWwwHeader/KvHeaderLogo.js";
|
|
4
|
+
import M from "./KvWwwHeader/KvHeaderSearchBar.js";
|
|
5
|
+
import A from "./KvThemeProvider.js";
|
|
6
6
|
import T from "./KvWwwHeader/KvHeaderSearchSuggestions.js";
|
|
7
7
|
import "./KvWwwHeader.css";
|
|
8
8
|
import V from "../_virtual/_plugin-vue_export-helper.js";
|
|
9
9
|
const D = {
|
|
10
10
|
components: {
|
|
11
|
-
KvHeaderLinkBar:
|
|
12
|
-
KvHeaderLogo:
|
|
13
|
-
KvHeaderSearchBar:
|
|
14
|
-
KvThemeProvider:
|
|
11
|
+
KvHeaderLinkBar: N,
|
|
12
|
+
KvHeaderLogo: E,
|
|
13
|
+
KvHeaderSearchBar: M,
|
|
14
|
+
KvThemeProvider: A,
|
|
15
15
|
KvHeaderSearchSuggestions: T
|
|
16
16
|
},
|
|
17
17
|
props: {
|
|
@@ -48,11 +48,11 @@ const D = {
|
|
|
48
48
|
"load-lend-menu-data"
|
|
49
49
|
],
|
|
50
50
|
setup(C, { emit: n }) {
|
|
51
|
-
const t = s(!0), e = s(null),
|
|
51
|
+
const t = s(!0), e = s(null), u = s(!1), b = s(null), l = s(!1), i = L(null), m = s(null);
|
|
52
52
|
let f;
|
|
53
53
|
return {
|
|
54
54
|
afterLinksNotVisible: () => {
|
|
55
|
-
|
|
55
|
+
u.value = !0;
|
|
56
56
|
},
|
|
57
57
|
afterSearchClosed: () => {
|
|
58
58
|
t.value = !0;
|
|
@@ -65,7 +65,7 @@ const D = {
|
|
|
65
65
|
n("load-lend-menu-data");
|
|
66
66
|
},
|
|
67
67
|
linksVisible: t,
|
|
68
|
-
searchOpen:
|
|
68
|
+
searchOpen: u,
|
|
69
69
|
menuOpen: l,
|
|
70
70
|
onHover: (a, o) => {
|
|
71
71
|
o ? (clearTimeout(f), i.value = o, l.value = !0) : l.value && (f = setTimeout(() => {
|
|
@@ -76,7 +76,7 @@ const D = {
|
|
|
76
76
|
t.value = !1;
|
|
77
77
|
},
|
|
78
78
|
closeSearch: () => {
|
|
79
|
-
|
|
79
|
+
u.value = !1;
|
|
80
80
|
},
|
|
81
81
|
getSuggestions: (a) => {
|
|
82
82
|
var o;
|
|
@@ -84,20 +84,20 @@ const D = {
|
|
|
84
84
|
},
|
|
85
85
|
loadMenuData: (a) => {
|
|
86
86
|
var o;
|
|
87
|
-
(o =
|
|
87
|
+
(o = m.value) == null || o.onLoad(a);
|
|
88
88
|
},
|
|
89
89
|
activeHeaderItem: b,
|
|
90
90
|
searchBar: e,
|
|
91
91
|
menuComponent: i,
|
|
92
|
-
menuComponentInstance:
|
|
92
|
+
menuComponentInstance: m
|
|
93
93
|
};
|
|
94
94
|
}
|
|
95
95
|
}, K = {
|
|
96
96
|
class: "header-margins tw-relative tw-py-1 tw-px-1.5 tw-font-medium",
|
|
97
97
|
style: { height: "3.75rem" }
|
|
98
98
|
}, U = { class: "header-margins tw-px-2.5" };
|
|
99
|
-
function z(C, n, t, e,
|
|
100
|
-
const l = c("kv-header-link-bar"), i = c("kv-header-logo"),
|
|
99
|
+
function z(C, n, t, e, u, b) {
|
|
100
|
+
const l = c("kv-header-link-bar"), i = c("kv-header-logo"), m = c("kv-header-search-bar"), f = c("kv-header-search-suggestions"), S = c("kv-theme-provider"), y = H("kv-track-event");
|
|
101
101
|
return h(), p(S, {
|
|
102
102
|
tag: "header",
|
|
103
103
|
class: "tw-bg-secondary"
|
|
@@ -138,7 +138,7 @@ function z(C, n, t, e, m, b) {
|
|
|
138
138
|
onAfterLeave: e.afterSearchClosed
|
|
139
139
|
}, {
|
|
140
140
|
default: d(() => [
|
|
141
|
-
_(r(
|
|
141
|
+
_(r(m, {
|
|
142
142
|
ref: "searchBar",
|
|
143
143
|
class: "tw-absolute tw-left-1/2 tw--translate-x-1/2 tw-top-1/2 tw--translate-y-1/2 tw-h-full tw-w-full",
|
|
144
144
|
style: {
|
|
@@ -154,14 +154,13 @@ function z(C, n, t, e, m, b) {
|
|
|
154
154
|
]),
|
|
155
155
|
r(w, {
|
|
156
156
|
name: "header-fade",
|
|
157
|
-
onAfterEnter: e.afterSearchOpen
|
|
158
|
-
onAfterLeave: e.afterSearchClosed
|
|
157
|
+
onAfterEnter: e.afterSearchOpen
|
|
159
158
|
}, {
|
|
160
159
|
default: d(() => [
|
|
161
160
|
e.searchOpen ? (h(), p(f, { key: 0 })) : B("", !0)
|
|
162
161
|
]),
|
|
163
162
|
_: 1
|
|
164
|
-
}, 8, ["onAfterEnter"
|
|
163
|
+
}, 8, ["onAfterEnter"]),
|
|
165
164
|
r(w, { name: "header-fade" }, {
|
|
166
165
|
default: d(() => [
|
|
167
166
|
_(g("div", {
|
|
@@ -197,7 +196,7 @@ function z(C, n, t, e, m, b) {
|
|
|
197
196
|
_: 1
|
|
198
197
|
});
|
|
199
198
|
}
|
|
200
|
-
const te = /* @__PURE__ */ V(D, [["render", z], ["__scopeId", "data-v-
|
|
199
|
+
const te = /* @__PURE__ */ V(D, [["render", z], ["__scopeId", "data-v-31b1473c"]]);
|
|
201
200
|
export {
|
|
202
201
|
te as default
|
|
203
202
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kiva/kv-components",
|
|
3
|
-
"version": "6.40.
|
|
3
|
+
"version": "6.40.4",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -114,5 +114,5 @@
|
|
|
114
114
|
"embla-carousel-fade",
|
|
115
115
|
"popper.js"
|
|
116
116
|
],
|
|
117
|
-
"gitHead": "
|
|
117
|
+
"gitHead": "233682ee4d7f6947c0612ee982497cc97cf83487"
|
|
118
118
|
}
|