@kiva/kv-components 6.40.3 → 6.40.5
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 +24 -24
- package/dist/vue/KvWwwHeader/LendMenu/KvLendMenu.js +52 -45
- package/dist/vue/KvWwwHeader.css +1 -1
- package/dist/vue/KvWwwHeader.js +18 -18
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
.lend-link[data-v-
|
|
1
|
+
.lend-link[data-v-4fed1891]{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-4fed1891]: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 { 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-4fed1891"]]);
|
|
255
255
|
export {
|
|
256
256
|
fe as default
|
|
257
257
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.menu-heading[data-v-
|
|
1
|
+
.menu-heading[data-v-695e2428]{font-weight:300;font-size:1rem;letter-spacing:0em;line-height:1.5}@media (min-width: 64rem){.menu-heading[data-v-695e2428]{font-size:1.0625rem;letter-spacing:0em}}.menu-heading[data-v-695e2428]{font-weight:400}.region-list[data-v-695e2428],.search-list[data-v-695e2428]{-moz-column-fill:auto;column-fill:auto;-moz-columns:3;columns:3;gap:2rem}.mega-menu-link[data-v-695e2428]{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-695e2428]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:underline}.link-item[data-v-695e2428]{width:11rem;text-decoration-line:none}.link-item[data-v-695e2428]: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 { 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,18 +86,18 @@ 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
|
-
class: "tw-text-secondary tw-py-1 tw-inline-block"
|
|
91
|
+
class: "tw-text-secondary tw-py-1 tw-inline-block tw-no-underline hover:tw-underline"
|
|
92
92
|
}, ne = ["aria-pressed"], se = {
|
|
93
93
|
key: 1,
|
|
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 tw-no-underline hover:tw-underline"
|
|
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 tw-no-underline hover:tw-underline"
|
|
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-695e2428"]]);
|
|
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 b } from "vue";
|
|
3
|
+
import F from "./KvLendListMenu.js";
|
|
4
|
+
import N from "./KvLendMegaMenu.js";
|
|
5
|
+
import { indexIn as O } from "../../../utils/comparators.js";
|
|
6
|
+
import { groupBy as R, sortBy as I } from "../../../utils/arrayUtils.js";
|
|
7
|
+
import B from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
8
|
+
const E = {
|
|
9
9
|
components: {
|
|
10
|
-
KvLendListMenu:
|
|
11
|
-
KvLendMegaMenu:
|
|
10
|
+
KvLendListMenu: F,
|
|
11
|
+
KvLendMegaMenu: N
|
|
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), c = a([]), g = [
|
|
18
24
|
"North America",
|
|
19
25
|
"Central America",
|
|
20
26
|
"South America",
|
|
@@ -23,7 +29,7 @@ const D = {
|
|
|
23
29
|
"Middle East",
|
|
24
30
|
"Asia",
|
|
25
31
|
"Oceania"
|
|
26
|
-
],
|
|
32
|
+
], h = a(!0), C = a(!0), M = async (t) => {
|
|
27
33
|
var r, s, o, u;
|
|
28
34
|
if (t.watchQuery({
|
|
29
35
|
query: v`query countryFacets {
|
|
@@ -41,8 +47,8 @@ const D = {
|
|
|
41
47
|
}`
|
|
42
48
|
}).subscribe({
|
|
43
49
|
next: ({ data: n }) => {
|
|
44
|
-
var
|
|
45
|
-
d.value = ((
|
|
50
|
+
var l;
|
|
51
|
+
d.value = ((l = n == null ? void 0 : n.lend) == null ? void 0 : l.countryFacets) ?? [], h.value = !1;
|
|
46
52
|
}
|
|
47
53
|
}), t.watchQuery({
|
|
48
54
|
query: v`
|
|
@@ -60,15 +66,17 @@ const D = {
|
|
|
60
66
|
`
|
|
61
67
|
}).subscribe({
|
|
62
68
|
next: ({ data: n }) => {
|
|
63
|
-
var
|
|
64
|
-
e.value = ((
|
|
69
|
+
var l, p;
|
|
70
|
+
e.value = ((p = (l = n == null ? void 0 : n.lend) == null ? void 0 : l.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!) {
|
|
70
76
|
lend {
|
|
71
|
-
loans(
|
|
77
|
+
loans(limit: 1, filters: {
|
|
78
|
+
lenderFavorite: $userId
|
|
79
|
+
}) {
|
|
72
80
|
totalCount
|
|
73
81
|
}
|
|
74
82
|
}
|
|
@@ -84,64 +92,63 @@ const D = {
|
|
|
84
92
|
}
|
|
85
93
|
`,
|
|
86
94
|
variables: {
|
|
87
|
-
userId:
|
|
95
|
+
userId: i.value
|
|
88
96
|
},
|
|
89
97
|
fetchPolicy: "network-only"
|
|
90
98
|
});
|
|
91
|
-
|
|
99
|
+
m.value = ((s = (r = n == null ? void 0 : n.lend) == null ? void 0 : r.loans) == null ? void 0 : s.totalCount) ?? 0, c.value = ((u = (o = n == null ? void 0 : n.my) == null ? void 0 : o.savedSearches) == null ? void 0 : u.values) ?? [];
|
|
92
100
|
}
|
|
93
|
-
},
|
|
101
|
+
}, k = _(() => {
|
|
94
102
|
const t = d.value.map((o) => ({
|
|
95
103
|
name: o.country.name,
|
|
96
104
|
region: o.country.region,
|
|
97
105
|
isoCode: o.country.isoCode.toLowerCase(),
|
|
98
106
|
count: o.count || 0
|
|
99
|
-
})), r =
|
|
107
|
+
})), r = R(t, "region"), s = [];
|
|
100
108
|
for (const [o, u] of Object.entries(r))
|
|
101
109
|
s.push({
|
|
102
110
|
name: o,
|
|
103
|
-
countries: u.sort(
|
|
111
|
+
countries: u.sort(I("name"))
|
|
104
112
|
});
|
|
105
|
-
return s.sort(
|
|
106
|
-
}),
|
|
113
|
+
return s.sort(O(g, "name"));
|
|
114
|
+
}), q = _(() => {
|
|
107
115
|
var r;
|
|
108
116
|
return ((r = e.value) == null ? void 0 : r.map((s) => {
|
|
109
117
|
const o = JSON.parse(JSON.stringify(s));
|
|
110
118
|
return o.url = o.url.replace("lend", "lend-by-category"), o;
|
|
111
|
-
})).sort(
|
|
119
|
+
})).sort(I("name"));
|
|
112
120
|
});
|
|
113
|
-
return
|
|
114
|
-
|
|
121
|
+
return S(() => {
|
|
122
|
+
y("load-lend-menu-data");
|
|
115
123
|
}), {
|
|
116
|
-
onLoad:
|
|
117
|
-
regions:
|
|
118
|
-
computedCategories:
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
favoritesCount: g
|
|
124
|
+
onLoad: M,
|
|
125
|
+
regions: k,
|
|
126
|
+
computedCategories: q,
|
|
127
|
+
isChannelsLoading: C,
|
|
128
|
+
isRegionsLoading: h,
|
|
129
|
+
savedSearches: c,
|
|
130
|
+
favoritesCount: m
|
|
124
131
|
};
|
|
125
132
|
}
|
|
126
133
|
};
|
|
127
|
-
function
|
|
128
|
-
const
|
|
129
|
-
return
|
|
130
|
-
|
|
134
|
+
function D(f, y, i, e, d, m) {
|
|
135
|
+
const c = L("kv-lend-list-menu"), g = L("kv-lend-mega-menu");
|
|
136
|
+
return x(), A("div", null, [
|
|
137
|
+
b(c, {
|
|
131
138
|
class: "lg:tw-hidden",
|
|
132
139
|
categories: e.computedCategories,
|
|
133
140
|
regions: e.regions,
|
|
134
|
-
"user-id":
|
|
141
|
+
"user-id": i.userId,
|
|
135
142
|
favorites: e.favoritesCount,
|
|
136
143
|
searches: e.savedSearches,
|
|
137
144
|
"is-regions-loading": e.isRegionsLoading,
|
|
138
145
|
"is-channels-loading": e.isChannelsLoading
|
|
139
146
|
}, null, 8, ["categories", "regions", "user-id", "favorites", "searches", "is-regions-loading", "is-channels-loading"]),
|
|
140
|
-
|
|
147
|
+
b(g, {
|
|
141
148
|
class: "tw-hidden lg:tw-block",
|
|
142
149
|
categories: e.computedCategories,
|
|
143
150
|
regions: e.regions,
|
|
144
|
-
"user-id":
|
|
151
|
+
"user-id": i.userId,
|
|
145
152
|
favorites: e.favoritesCount,
|
|
146
153
|
searches: e.savedSearches,
|
|
147
154
|
"is-regions-loading": e.isRegionsLoading,
|
|
@@ -149,7 +156,7 @@ function K(y, h, c, e, d, g) {
|
|
|
149
156
|
}, null, 8, ["categories", "regions", "user-id", "favorites", "searches", "is-regions-loading", "is-channels-loading"])
|
|
150
157
|
]);
|
|
151
158
|
}
|
|
152
|
-
const G = /* @__PURE__ */
|
|
159
|
+
const G = /* @__PURE__ */ B(E, [["render", D]]);
|
|
153
160
|
export {
|
|
154
161
|
G as default
|
|
155
162
|
};
|
package/dist/vue/KvWwwHeader.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.header-margins[data-v-
|
|
1
|
+
.header-margins[data-v-adc253f8]{margin:0 auto;max-width:1400px}.header-fade-enter-active[data-v-adc253f8]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.header-fade-leave-active[data-v-adc253f8]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s}.header-fade-enter[data-v-adc253f8],.header-fade-leave-to[data-v-adc253f8]{opacity:0}.header-fade-leave[data-v-adc253f8],.header-fade-enter-to[data-v-adc253f8]{opacity:1}.bg-opacity-50[data-v-adc253f8]{background-color:rgba(var(--bg-action-highlight),.5)}
|
package/dist/vue/KvWwwHeader.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
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
|
|
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 b, createElementBlock as O, normalizeClass as x, createCommentVNode as B, resolveDynamicComponent as I } from "vue";
|
|
2
2
|
import N from "./KvWwwHeader/KvHeaderLinkBar.js";
|
|
3
3
|
import E from "./KvWwwHeader/KvHeaderLogo.js";
|
|
4
4
|
import M from "./KvWwwHeader/KvHeaderSearchBar.js";
|
|
@@ -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), m = s(!1), k = s(null), l = s(!1), i = L(null), u = s(null);
|
|
52
52
|
let f;
|
|
53
53
|
return {
|
|
54
54
|
afterLinksNotVisible: () => {
|
|
55
|
-
|
|
55
|
+
m.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: m,
|
|
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
|
+
m.value = !1;
|
|
80
80
|
},
|
|
81
81
|
getSuggestions: (a) => {
|
|
82
82
|
var o;
|
|
@@ -84,23 +84,23 @@ const D = {
|
|
|
84
84
|
},
|
|
85
85
|
loadMenuData: (a) => {
|
|
86
86
|
var o;
|
|
87
|
-
(o =
|
|
87
|
+
(o = u.value) == null || o.onLoad(a);
|
|
88
88
|
},
|
|
89
|
-
activeHeaderItem:
|
|
89
|
+
activeHeaderItem: k,
|
|
90
90
|
searchBar: e,
|
|
91
91
|
menuComponent: i,
|
|
92
|
-
menuComponentInstance:
|
|
92
|
+
menuComponentInstance: u
|
|
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, m, k) {
|
|
100
|
+
const l = c("kv-header-link-bar"), i = c("kv-header-logo"), u = 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
|
-
tag: "
|
|
103
|
-
class: "tw-bg-secondary"
|
|
102
|
+
tag: "div",
|
|
103
|
+
class: "tw-bg-secondary tw-border-b tw-border-tertiary"
|
|
104
104
|
}, {
|
|
105
105
|
default: d(() => [
|
|
106
106
|
g("nav", K, [
|
|
@@ -117,7 +117,7 @@ function z(C, n, t, e, u, b) {
|
|
|
117
117
|
onItemHover: e.onHover,
|
|
118
118
|
onOpenSearch: e.openSearch
|
|
119
119
|
}, null, 8, ["logged-in", "basket-count", "login-url", "open-menu-item", "onItemHover", "onOpenSearch"]), [
|
|
120
|
-
[
|
|
120
|
+
[b, e.linksVisible]
|
|
121
121
|
])
|
|
122
122
|
]),
|
|
123
123
|
_: 1
|
|
@@ -138,15 +138,15 @@ function z(C, n, t, e, u, b) {
|
|
|
138
138
|
onAfterLeave: e.afterSearchClosed
|
|
139
139
|
}, {
|
|
140
140
|
default: d(() => [
|
|
141
|
-
_(r(
|
|
141
|
+
_(r(u, {
|
|
142
142
|
ref: "searchBar",
|
|
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",
|
|
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 tw-min-h-screen",
|
|
144
144
|
style: {
|
|
145
145
|
"max-width": "600px"
|
|
146
146
|
},
|
|
147
147
|
onCloseSearch: e.closeSearch
|
|
148
148
|
}, null, 8, ["onCloseSearch"]), [
|
|
149
|
-
[
|
|
149
|
+
[b, e.searchOpen]
|
|
150
150
|
])
|
|
151
151
|
]),
|
|
152
152
|
_: 1
|
|
@@ -187,7 +187,7 @@ function z(C, n, t, e, u, b) {
|
|
|
187
187
|
])
|
|
188
188
|
], 32)
|
|
189
189
|
], 512), [
|
|
190
|
-
[
|
|
190
|
+
[b, e.menuOpen || e.searchOpen]
|
|
191
191
|
])
|
|
192
192
|
]),
|
|
193
193
|
_: 1
|
|
@@ -196,7 +196,7 @@ function z(C, n, t, e, u, b) {
|
|
|
196
196
|
_: 1
|
|
197
197
|
});
|
|
198
198
|
}
|
|
199
|
-
const te = /* @__PURE__ */ V(D, [["render", z], ["__scopeId", "data-v-
|
|
199
|
+
const te = /* @__PURE__ */ V(D, [["render", z], ["__scopeId", "data-v-adc253f8"]]);
|
|
200
200
|
export {
|
|
201
201
|
te as default
|
|
202
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.5",
|
|
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": "7684d83b97745310b7d55001d3dab0878c9acd33"
|
|
118
118
|
}
|