@kiva/kv-components 6.57.4 → 6.57.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.
|
@@ -1 +1 @@
|
|
|
1
|
-
.header-link[data-v-
|
|
1
|
+
.header-link[data-v-aaf8f53d]{cursor:pointer;padding-top:1rem;padding-bottom:1rem;--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.header-link[data-v-aaf8f53d]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}[data-v-aaf8f53d] .avatar div:first-child{display:flex}
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { defineAsyncComponent as
|
|
2
|
-
import { mdiAccountCircle as
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import { throttle as
|
|
9
|
-
import { isLegacyPlaceholderAvatar as
|
|
1
|
+
import { defineAsyncComponent as g, ref as r, computed as x, watch as D, onMounted as Q, onUnmounted as X, resolveComponent as p, resolveDirective as Y, openBlock as i, createElementBlock as w, withDirectives as s, normalizeClass as y, withModifiers as H, createVNode as E, createBlock as f, withCtx as U, createTextVNode as M, createElementVNode as T, createCommentVNode as _, vShow as P, toDisplayString as Z } from "vue";
|
|
2
|
+
import { mdiAccountCircle as $, mdiChevronDown as ee, mdiMagnify as ne, mdiMenu as te } from "@mdi/js";
|
|
3
|
+
import oe from "numeral";
|
|
4
|
+
import ae from "../KvMaterialIcon.js";
|
|
5
|
+
import le from "../KvIconBag.js";
|
|
6
|
+
import re from "./KvHeaderDropdownLink.js";
|
|
7
|
+
import ie from "../KvUserAvatar.js";
|
|
8
|
+
import { throttle as de } from "../../utils/throttle.js";
|
|
9
|
+
import { isLegacyPlaceholderAvatar as ue } from "../../utils/imageUtils.js";
|
|
10
10
|
import "./KvHeaderLinkBar.css";
|
|
11
|
-
import
|
|
12
|
-
const
|
|
11
|
+
import me from "../../_virtual/_plugin-vue_export-helper.js";
|
|
12
|
+
const se = g(() => import("./KvHeaderMobileMenu.js")), V = g(() => import("./KvHeaderMyKivaMenu.js")), ve = g(() => import("./LendMenu/KvLendMenu.js")), ce = g(() => import("./KvHeaderTakeActionMenu.js")), we = g(() => import("./KvHeaderAboutMenu.js")), B = 120, k = "avatar-menu", L = "menuButton", R = { top: "-3.75rem", width: "100%" }, fe = {
|
|
13
13
|
components: {
|
|
14
|
-
KvMaterialIcon:
|
|
15
|
-
KvIconBag:
|
|
16
|
-
KvHeaderDropdownLink:
|
|
17
|
-
KvUserAvatar:
|
|
14
|
+
KvMaterialIcon: ae,
|
|
15
|
+
KvIconBag: le,
|
|
16
|
+
KvHeaderDropdownLink: re,
|
|
17
|
+
KvUserAvatar: ie
|
|
18
18
|
},
|
|
19
19
|
props: {
|
|
20
20
|
loggedIn: {
|
|
@@ -58,104 +58,110 @@ const ue = b(() => import("./KvHeaderMobileMenu.js")), P = b(() => import("./KvH
|
|
|
58
58
|
"item-hover"
|
|
59
59
|
],
|
|
60
60
|
setup(l, { emit: n }) {
|
|
61
|
-
const a = r(null), e = r(null),
|
|
62
|
-
n("item-hover", o, v,
|
|
63
|
-
},
|
|
64
|
-
navigator.maxTouchPoints || (t.value = o,
|
|
61
|
+
const a = r(null), e = r(null), K = r(null), O = r(null), h = r(null), c = r(null), A = r(null), I = r(null), d = r(null), t = r(null), u = (o, v, m = null) => {
|
|
62
|
+
n("item-hover", o, v, m);
|
|
63
|
+
}, F = (o, v, m = null) => {
|
|
64
|
+
navigator.maxTouchPoints || (t.value = o, u(
|
|
65
65
|
o,
|
|
66
66
|
v,
|
|
67
|
-
o ===
|
|
67
|
+
o === L && l.isMobile ? R : m
|
|
68
68
|
));
|
|
69
|
-
},
|
|
70
|
-
!navigator.maxTouchPoints && t.value === o && (t.value = null,
|
|
71
|
-
},
|
|
72
|
-
var
|
|
73
|
-
const o = (
|
|
69
|
+
}, z = (o) => {
|
|
70
|
+
!navigator.maxTouchPoints && t.value === o && (t.value = null, u());
|
|
71
|
+
}, N = () => {
|
|
72
|
+
var C;
|
|
73
|
+
const o = (C = a.value) == null ? void 0 : C.getBoundingClientRect();
|
|
74
74
|
if (!o) return null;
|
|
75
|
-
const
|
|
75
|
+
const m = o.left + o.width / 2 - B / 2;
|
|
76
76
|
return {
|
|
77
|
-
...
|
|
77
|
+
...m + B > window.innerWidth ? { right: 0 } : { left: l.isMobile ? 0 : `${m}px` },
|
|
78
78
|
marginTop: "-2px",
|
|
79
79
|
// Avoid closing avatar menu on header edge
|
|
80
80
|
borderRadius: l.isMobile ? "auto" : "0px 0px 8px 8px",
|
|
81
|
-
width: l.isMobile ? "100%" : `${
|
|
81
|
+
width: l.isMobile ? "100%" : `${B}px`
|
|
82
82
|
};
|
|
83
|
-
},
|
|
84
|
-
t.value = k,
|
|
85
|
-
},
|
|
86
|
-
t.value ===
|
|
87
|
-
},
|
|
88
|
-
t.value === k &&
|
|
89
|
-
}, 100),
|
|
83
|
+
}, b = () => {
|
|
84
|
+
t.value = k, u(a.value, V, N());
|
|
85
|
+
}, W = (o, v, m) => {
|
|
86
|
+
t.value === L && (t.value = null), !t.value || t.value !== o ? (t.value = o, o === k ? b() : o === L && l.isMobile ? u(o, v, R) : u(o, v, m)) : (t.value = null, u());
|
|
87
|
+
}, S = de(() => {
|
|
88
|
+
t.value === k && b();
|
|
89
|
+
}, 100), j = x(() => l.isMobile ? void 0 : "/lend-by-category"), q = x(() => {
|
|
90
90
|
var o;
|
|
91
91
|
return ((o = l.lenderImageUrl) == null ? void 0 : o.split("/").pop()) ?? "";
|
|
92
|
-
}),
|
|
93
|
-
|
|
92
|
+
}), G = x(() => Math.floor(l.balance)), J = (o) => {
|
|
93
|
+
o.target === o.currentTarget && u();
|
|
94
|
+
};
|
|
95
|
+
return D(
|
|
94
96
|
() => l.isMobile,
|
|
95
97
|
() => {
|
|
96
|
-
t.value === k &&
|
|
98
|
+
t.value === k && b();
|
|
97
99
|
}
|
|
98
|
-
),
|
|
100
|
+
), D(
|
|
99
101
|
() => l.openMenuItem,
|
|
100
102
|
(o) => {
|
|
101
103
|
o || (t.value = null);
|
|
102
104
|
}
|
|
103
|
-
),
|
|
104
|
-
import("./KvHeaderMobileMenu.js"), import("./KvHeaderMyKivaMenu.js"), import("./LendMenu/KvLendMenu.js"), import("./KvHeaderTakeActionMenu.js"), import("./KvHeaderAboutMenu.js"), window.addEventListener("resize",
|
|
105
|
-
}),
|
|
106
|
-
window.removeEventListener("resize",
|
|
105
|
+
), Q(() => {
|
|
106
|
+
import("./KvHeaderMobileMenu.js"), import("./KvHeaderMyKivaMenu.js"), import("./LendMenu/KvLendMenu.js"), import("./KvHeaderTakeActionMenu.js"), import("./KvHeaderAboutMenu.js"), window.addEventListener("resize", S);
|
|
107
|
+
}), X(() => {
|
|
108
|
+
window.removeEventListener("resize", S);
|
|
107
109
|
}), {
|
|
108
110
|
AVATAR_MENU_ID: k,
|
|
109
111
|
openMenuId: t,
|
|
110
|
-
numeral:
|
|
111
|
-
mdiAccountCircle:
|
|
112
|
-
mdiChevronDown:
|
|
113
|
-
mdiMagnify:
|
|
114
|
-
mdiMenu:
|
|
115
|
-
onHover:
|
|
112
|
+
numeral: oe,
|
|
113
|
+
mdiAccountCircle: $,
|
|
114
|
+
mdiChevronDown: ee,
|
|
115
|
+
mdiMagnify: ne,
|
|
116
|
+
mdiMenu: te,
|
|
117
|
+
onHover: u,
|
|
116
118
|
avatar: a,
|
|
117
119
|
lendButton: e,
|
|
118
|
-
aboutUsLink:
|
|
119
|
-
partnerWithUsLink:
|
|
120
|
-
borrowLink:
|
|
120
|
+
aboutUsLink: K,
|
|
121
|
+
partnerWithUsLink: O,
|
|
122
|
+
borrowLink: h,
|
|
121
123
|
supportKivaLink: c,
|
|
122
|
-
basketLink:
|
|
124
|
+
basketLink: A,
|
|
123
125
|
signInLink: I,
|
|
124
126
|
menuButton: d,
|
|
125
|
-
lendUrl:
|
|
126
|
-
avatarFilename:
|
|
127
|
-
handleOnHover:
|
|
128
|
-
handleTouchStart:
|
|
129
|
-
handleMouseOut:
|
|
130
|
-
handleAvatarMenuPosition:
|
|
131
|
-
KvHeaderMobileMenu:
|
|
132
|
-
KvHeaderMyKivaMenu:
|
|
133
|
-
KvLendMenu:
|
|
134
|
-
KvHeaderTakeActionMenu:
|
|
135
|
-
KvHeaderAboutMenu:
|
|
136
|
-
isLegacyPlaceholderAvatar:
|
|
137
|
-
getAvatarMenuPosition:
|
|
138
|
-
|
|
127
|
+
lendUrl: j,
|
|
128
|
+
avatarFilename: q,
|
|
129
|
+
handleOnHover: F,
|
|
130
|
+
handleTouchStart: W,
|
|
131
|
+
handleMouseOut: z,
|
|
132
|
+
handleAvatarMenuPosition: b,
|
|
133
|
+
KvHeaderMobileMenu: se,
|
|
134
|
+
KvHeaderMyKivaMenu: V,
|
|
135
|
+
KvLendMenu: ve,
|
|
136
|
+
KvHeaderTakeActionMenu: ce,
|
|
137
|
+
KvHeaderAboutMenu: we,
|
|
138
|
+
isLegacyPlaceholderAvatar: ue,
|
|
139
|
+
getAvatarMenuPosition: N,
|
|
140
|
+
handleEmptySpaceClick: J,
|
|
141
|
+
roundedBalance: G
|
|
139
142
|
};
|
|
140
143
|
}
|
|
141
|
-
},
|
|
142
|
-
function
|
|
143
|
-
const
|
|
144
|
-
return i(), w("div",
|
|
145
|
-
|
|
144
|
+
}, Me = ["href"], ke = { class: "tw-text-eco-green-4" }, ge = ["href"];
|
|
145
|
+
function he(l, n, a, e, K, O) {
|
|
146
|
+
const h = p("kv-material-icon"), c = p("KvHeaderDropdownLink"), A = p("kv-icon-bag"), I = p("KvUserAvatar"), d = Y("kv-track-event");
|
|
147
|
+
return i(), w("div", {
|
|
148
|
+
class: "tw-h-full tw-flex tw-items-center tw-gap-0.5 md:tw-gap-2 lg:tw-gap-2.5",
|
|
149
|
+
onTouchstart: n[10] || (n[10] = (...t) => e.handleEmptySpaceClick && e.handleEmptySpaceClick(...t))
|
|
150
|
+
}, [
|
|
151
|
+
s((i(), w("button", {
|
|
146
152
|
ref: "menuButton",
|
|
147
153
|
class: y(["header-link tw-inline-flex md:tw-hidden", {
|
|
148
154
|
"tw-text-tertiary": a.openMenuItem && a.openMenuItem !== e.KvHeaderMobileMenu
|
|
149
155
|
}]),
|
|
150
156
|
onMouseover: n[0] || (n[0] = (t) => e.handleOnHover("menuButton", e.KvHeaderMobileMenu)),
|
|
151
157
|
onMouseout: n[1] || (n[1] = (t) => e.handleMouseOut("menuButton")),
|
|
152
|
-
onTouchstart: n[2] || (n[2] = (t) => e.handleTouchStart("menuButton", e.KvHeaderMobileMenu))
|
|
158
|
+
onTouchstart: n[2] || (n[2] = H((t) => e.handleTouchStart("menuButton", e.KvHeaderMobileMenu), ["stop"]))
|
|
153
159
|
}, [
|
|
154
|
-
|
|
160
|
+
E(h, { icon: e.mdiMenu }, null, 8, ["icon"])
|
|
155
161
|
], 34)), [
|
|
156
162
|
[d, a.openMenuItem === e.KvHeaderMobileMenu ? ["TopNav", "click-Hamburger-menu"] : null]
|
|
157
163
|
]),
|
|
158
|
-
|
|
164
|
+
s((i(), f(c, {
|
|
159
165
|
class: "tw-py-1",
|
|
160
166
|
"ref-name": "lendButton",
|
|
161
167
|
href: e.lendUrl,
|
|
@@ -165,16 +171,16 @@ function be(l, n, a, e, L, K) {
|
|
|
165
171
|
"base-class": "tw-inline-flex md:tw-border md:tw-rounded-md tw-px-1.5 tw-py-1",
|
|
166
172
|
onOnHover: e.handleOnHover,
|
|
167
173
|
onMouseout: n[3] || (n[3] = (t) => e.handleMouseOut("lendButton")),
|
|
168
|
-
onTouchstart: n[4] || (n[4] = (t) => e.handleTouchStart("lendButton", e.KvLendMenu))
|
|
174
|
+
onTouchstart: n[4] || (n[4] = H((t) => e.handleTouchStart("lendButton", e.KvLendMenu), ["stop"]))
|
|
169
175
|
}, {
|
|
170
|
-
default:
|
|
176
|
+
default: U(() => n[11] || (n[11] = [
|
|
171
177
|
M(" Lend ")
|
|
172
178
|
])),
|
|
173
179
|
_: 1
|
|
174
180
|
}, 8, ["href", "menu-component", "open-menu-item", "dropdown-icon", "onOnHover"])), [
|
|
175
181
|
[d, ["TopNav", "click-Lend"]]
|
|
176
182
|
]),
|
|
177
|
-
|
|
183
|
+
s((i(), f(c, {
|
|
178
184
|
"ref-name": "takeActionButton",
|
|
179
185
|
"base-class": "tw-hidden md:tw-inline-flex tw-py-1",
|
|
180
186
|
"menu-component": e.KvHeaderTakeActionMenu,
|
|
@@ -185,14 +191,14 @@ function be(l, n, a, e, L, K) {
|
|
|
185
191
|
onMouseout: n[5] || (n[5] = (t) => e.handleMouseOut("takeActionButton")),
|
|
186
192
|
onUserTap: e.handleTouchStart
|
|
187
193
|
}, {
|
|
188
|
-
default:
|
|
194
|
+
default: U(() => n[12] || (n[12] = [
|
|
189
195
|
M(" Take action ")
|
|
190
196
|
])),
|
|
191
197
|
_: 1
|
|
192
198
|
}, 8, ["menu-component", "open-menu-item", "dropdown-icon", "onOnHover", "onUserTap"])), [
|
|
193
199
|
[d, ["TopNav", "click-TakeAction"]]
|
|
194
200
|
]),
|
|
195
|
-
|
|
201
|
+
s((i(), f(c, {
|
|
196
202
|
"ref-name": "aboutUsLink",
|
|
197
203
|
"data-testid": "header-about",
|
|
198
204
|
"base-class": "tw-hidden md:tw-inline-flex tw-py-1",
|
|
@@ -204,48 +210,48 @@ function be(l, n, a, e, L, K) {
|
|
|
204
210
|
onMouseout: n[6] || (n[6] = (t) => e.handleMouseOut("aboutUsLink")),
|
|
205
211
|
onUserTap: e.handleTouchStart
|
|
206
212
|
}, {
|
|
207
|
-
default:
|
|
213
|
+
default: U(() => n[13] || (n[13] = [
|
|
208
214
|
M(" About ")
|
|
209
215
|
])),
|
|
210
216
|
_: 1
|
|
211
217
|
}, 8, ["menu-component", "open-menu-item", "dropdown-icon", "onOnHover", "onUserTap"])), [
|
|
212
218
|
[d, ["TopNav", "click-About"]]
|
|
213
219
|
]),
|
|
214
|
-
n[
|
|
215
|
-
a.loggedIn ?
|
|
220
|
+
n[17] || (n[17] = T("div", { class: "tw-flex-1 tw-h-full" }, null, -1)),
|
|
221
|
+
a.loggedIn ? s((i(), w("a", {
|
|
216
222
|
key: 0,
|
|
217
223
|
ref: "dashboardLink",
|
|
218
224
|
href: a.myDashboardUrl,
|
|
219
225
|
class: y(["header-link tw-hidden md:tw-block", { "tw-text-tertiary": !!a.openMenuItem }])
|
|
220
|
-
}, n[
|
|
226
|
+
}, n[14] || (n[14] = [
|
|
221
227
|
M(" My dashboard ")
|
|
222
|
-
]), 10,
|
|
228
|
+
]), 10, Me)), [
|
|
223
229
|
[d, ["TopNav", "click-Dashboard"]]
|
|
224
|
-
]) :
|
|
225
|
-
|
|
230
|
+
]) : _("", !0),
|
|
231
|
+
s((i(), w("a", {
|
|
226
232
|
ref: "basketLink",
|
|
227
233
|
href: "/basket",
|
|
228
234
|
class: y(["header-link tw-relative md:!tw-mr-0 tw-flex tw-items-center tw-gap-0.5", { "tw-text-tertiary": !!a.openMenuItem }]),
|
|
229
235
|
style: { "margin-right": "2px" },
|
|
230
236
|
"data-testid": "header-basket"
|
|
231
237
|
}, [
|
|
232
|
-
|
|
238
|
+
E(A, {
|
|
233
239
|
class: "tw-w-3 tw-h-3 md:tw-w-3.5 md:tw-h-3.5 tw-pointer-events-none",
|
|
234
240
|
count: a.basketCount
|
|
235
241
|
}, null, 8, ["count"]),
|
|
236
|
-
n[
|
|
242
|
+
n[15] || (n[15] = T("span", { class: "tw-hidden md:tw-block" }, "Basket", -1))
|
|
237
243
|
], 2)), [
|
|
238
|
-
[
|
|
244
|
+
[P, a.basketCount > 0],
|
|
239
245
|
[d, ["TopNav", "click-Basket"]]
|
|
240
246
|
]),
|
|
241
|
-
|
|
247
|
+
s(T("div", {
|
|
242
248
|
ref: "avatar",
|
|
243
249
|
class: "tw-cursor-pointer tw-flex tw-items-center tw-gap-1 tw-bg-eco-green-1 tw-rounded-md tw-py-0.5 md:tw-py-1 tw-px-1 md:tw-px-2",
|
|
244
250
|
onMouseover: n[7] || (n[7] = (t) => e.handleOnHover(e.AVATAR_MENU_ID, e.KvHeaderMyKivaMenu, e.getAvatarMenuPosition())),
|
|
245
251
|
onMouseout: n[8] || (n[8] = (t) => e.handleMouseOut(e.AVATAR_MENU_ID)),
|
|
246
|
-
onTouchstart: n[9] || (n[9] = (t) => e.handleTouchStart(e.AVATAR_MENU_ID))
|
|
252
|
+
onTouchstart: n[9] || (n[9] = H((t) => e.handleTouchStart(e.AVATAR_MENU_ID), ["stop"]))
|
|
247
253
|
}, [
|
|
248
|
-
e.isLegacyPlaceholderAvatar(e.avatarFilename) || !e.avatarFilename ? (i(), f(
|
|
254
|
+
e.isLegacyPlaceholderAvatar(e.avatarFilename) || !e.avatarFilename ? (i(), f(h, {
|
|
249
255
|
key: 0,
|
|
250
256
|
icon: e.mdiAccountCircle,
|
|
251
257
|
class: "tw-w-3"
|
|
@@ -256,23 +262,23 @@ function be(l, n, a, e, L, K) {
|
|
|
256
262
|
"lender-image-url": a.lenderImageUrl,
|
|
257
263
|
"is-small": ""
|
|
258
264
|
}, null, 8, ["lender-name", "lender-image-url"])),
|
|
259
|
-
|
|
265
|
+
T("span", ke, Z(e.numeral(e.roundedBalance).format("$0")), 1)
|
|
260
266
|
], 544), [
|
|
261
|
-
[
|
|
267
|
+
[P, a.loggedIn]
|
|
262
268
|
]),
|
|
263
|
-
a.loggedIn ?
|
|
269
|
+
a.loggedIn ? _("", !0) : s((i(), w("a", {
|
|
264
270
|
key: 1,
|
|
265
271
|
ref: "signInLink",
|
|
266
272
|
href: a.loginUrl,
|
|
267
273
|
class: y(["header-link", { "tw-text-tertiary": !!a.openMenuItem }])
|
|
268
|
-
}, n[
|
|
274
|
+
}, n[16] || (n[16] = [
|
|
269
275
|
M(" Sign in ")
|
|
270
|
-
]), 10,
|
|
276
|
+
]), 10, ge)), [
|
|
271
277
|
[d, ["TopNav", "click-Sign-in"]]
|
|
272
278
|
])
|
|
273
|
-
]);
|
|
279
|
+
], 32);
|
|
274
280
|
}
|
|
275
|
-
const
|
|
281
|
+
const Oe = /* @__PURE__ */ me(fe, [["render", he], ["__scopeId", "data-v-aaf8f53d"]]);
|
|
276
282
|
export {
|
|
277
|
-
|
|
283
|
+
Oe as default
|
|
278
284
|
};
|
package/dist/vue/KvWwwHeader.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.header-fade-enter-active[data-v-
|
|
1
|
+
.header-fade-enter-active[data-v-9410d912]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.header-fade-leave-active[data-v-9410d912]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s}.header-fade-enter[data-v-9410d912],.header-fade-leave-to[data-v-9410d912]{opacity:0}.header-fade-leave[data-v-9410d912],.header-fade-enter-to[data-v-9410d912]{opacity:1}.bg-opacity-50[data-v-9410d912]{background-color:rgba(var(--bg-action-highlight),.5)}
|
package/dist/vue/KvWwwHeader.js
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { ref as
|
|
1
|
+
import { ref as a, shallowRef as N, computed as B, onMounted as S, onBeforeUnmount as x, resolveComponent as g, resolveDirective as A, openBlock as w, createBlock as E, withCtx as b, createElementVNode as k, normalizeStyle as h, createVNode as v, Transition as I, withDirectives as _, vShow as C, createElementBlock as K, normalizeClass as O, resolveDynamicComponent as G } from "vue";
|
|
2
2
|
import z from "@kiva/kv-tokens";
|
|
3
3
|
import P from "./KvWwwHeader/KvHeaderLinkBar.js";
|
|
4
4
|
import R from "./KvWwwHeader/KvHeaderLogo.js";
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import { throttle as
|
|
5
|
+
import V from "./KvThemeProvider.js";
|
|
6
|
+
import W from "./KvPageContainer.js";
|
|
7
|
+
import { throttle as Y } from "../utils/throttle.js";
|
|
8
8
|
import "./KvWwwHeader.css";
|
|
9
|
-
import
|
|
10
|
-
const
|
|
9
|
+
import j from "../_virtual/_plugin-vue_export-helper.js";
|
|
10
|
+
const q = "3.75rem", F = ["lendMenu", "aboutUsLink"], J = {
|
|
11
11
|
components: {
|
|
12
12
|
KvHeaderLinkBar: P,
|
|
13
13
|
KvHeaderLogo: R,
|
|
14
|
-
KvThemeProvider:
|
|
15
|
-
KvPageContainer:
|
|
14
|
+
KvThemeProvider: V,
|
|
15
|
+
KvPageContainer: W
|
|
16
16
|
},
|
|
17
17
|
props: {
|
|
18
18
|
loggedIn: {
|
|
@@ -68,65 +68,68 @@ const j = "3.75rem", q = ["lendMenu", "aboutUsLink"], F = {
|
|
|
68
68
|
"load-lend-menu-data"
|
|
69
69
|
],
|
|
70
70
|
setup(L, { emit: o }) {
|
|
71
|
-
const n =
|
|
71
|
+
const n = a(!0), e = a(null), r = a(!1), i = N(null), u = a(null), d = a({ left: 0, position: "relative" }), m = a(!1), c = a(null);
|
|
72
72
|
let f;
|
|
73
|
-
const
|
|
74
|
-
var
|
|
75
|
-
return ((t = (
|
|
76
|
-
}),
|
|
77
|
-
t ? (c.value =
|
|
78
|
-
...
|
|
73
|
+
const l = B(() => {
|
|
74
|
+
var s, t;
|
|
75
|
+
return ((t = (s = u.value) == null ? void 0 : s.$options) == null ? void 0 : t.name) === "KvHeaderMobileMenu";
|
|
76
|
+
}), y = (s, t, p) => {
|
|
77
|
+
t ? (c.value = s, clearTimeout(f), i.value !== t && (d.value = { left: 0, position: "relative" }), i.value = t, r.value = !0, p && (d.value = {
|
|
78
|
+
...p,
|
|
79
79
|
position: "absolute"
|
|
80
|
-
})) :
|
|
81
|
-
|
|
80
|
+
})) : r.value && (f = setTimeout(() => {
|
|
81
|
+
r.value = !1, i.value = null;
|
|
82
82
|
}, 100));
|
|
83
|
-
},
|
|
83
|
+
}, T = (s) => {
|
|
84
84
|
var t;
|
|
85
|
-
(t =
|
|
85
|
+
(t = u.value) == null || t.onLoad(s);
|
|
86
86
|
}, U = () => {
|
|
87
|
+
if (!l.value) return y();
|
|
88
|
+
}, D = () => {
|
|
87
89
|
o("load-lend-menu-data");
|
|
88
|
-
},
|
|
89
|
-
|
|
90
|
-
},
|
|
91
|
-
return
|
|
92
|
-
|
|
93
|
-
}),
|
|
94
|
-
window.removeEventListener("resize",
|
|
90
|
+
}, H = () => {
|
|
91
|
+
m.value = (window == null ? void 0 : window.innerWidth) < z.breakpoints.md, m.value && F.includes(c.value) && (i.value = null, r.value = !1);
|
|
92
|
+
}, M = Y(H, 100);
|
|
93
|
+
return S(() => {
|
|
94
|
+
H(), window.addEventListener("resize", M);
|
|
95
|
+
}), x(() => {
|
|
96
|
+
window.removeEventListener("resize", M);
|
|
95
97
|
}), {
|
|
96
|
-
HEADER_HEIGHT:
|
|
97
|
-
emitLendMenuEvent:
|
|
98
|
-
isMobile:
|
|
98
|
+
HEADER_HEIGHT: q,
|
|
99
|
+
emitLendMenuEvent: D,
|
|
100
|
+
isMobile: m,
|
|
99
101
|
linksVisible: n,
|
|
100
|
-
menuOpen:
|
|
101
|
-
isMobileMenuActive:
|
|
102
|
-
onHover:
|
|
103
|
-
loadMenuData:
|
|
102
|
+
menuOpen: r,
|
|
103
|
+
isMobileMenuActive: l,
|
|
104
|
+
onHover: y,
|
|
105
|
+
loadMenuData: T,
|
|
106
|
+
handleOverlayClick: U,
|
|
104
107
|
activeHeaderItem: e,
|
|
105
|
-
menuComponent:
|
|
106
|
-
menuComponentInstance:
|
|
107
|
-
menuPosition:
|
|
108
|
+
menuComponent: i,
|
|
109
|
+
menuComponentInstance: u,
|
|
110
|
+
menuPosition: d
|
|
108
111
|
};
|
|
109
112
|
}
|
|
110
|
-
},
|
|
113
|
+
}, Q = {
|
|
111
114
|
href: "/",
|
|
112
115
|
class: "tw-px-1 tw-py-2 tw-cursor-pointer tw-absolute tw-top-1/2 tw-left-1/2 tw--translate-y-1/2 tw--translate-x-1/2 tw-transition-all tw-duration-300"
|
|
113
116
|
};
|
|
114
|
-
function
|
|
115
|
-
const
|
|
116
|
-
return w(),
|
|
117
|
+
function X(L, o, n, e, r, i) {
|
|
118
|
+
const u = g("kv-header-link-bar"), d = g("kv-header-logo"), m = g("kv-page-container"), c = g("kv-theme-provider"), f = A("kv-track-event");
|
|
119
|
+
return w(), E(c, {
|
|
117
120
|
tag: "div",
|
|
118
121
|
class: "tw-bg-primary"
|
|
119
122
|
}, {
|
|
120
123
|
default: b(() => [
|
|
121
124
|
k("nav", {
|
|
122
125
|
class: "tw-font-medium tw-relative",
|
|
123
|
-
style:
|
|
126
|
+
style: h({ height: e.HEADER_HEIGHT })
|
|
124
127
|
}, [
|
|
125
|
-
v(
|
|
128
|
+
v(m, null, {
|
|
126
129
|
default: b(() => [
|
|
127
|
-
v(
|
|
130
|
+
v(I, { name: "header-fade" }, {
|
|
128
131
|
default: b(() => [
|
|
129
|
-
|
|
132
|
+
_(v(u, {
|
|
130
133
|
"logged-in": n.loggedIn,
|
|
131
134
|
"basket-count": n.basketCount,
|
|
132
135
|
"login-url": n.loginUrl,
|
|
@@ -138,13 +141,13 @@ function Q(L, o, n, e, a, r) {
|
|
|
138
141
|
balance: n.balance,
|
|
139
142
|
onItemHover: e.onHover
|
|
140
143
|
}, null, 8, ["logged-in", "basket-count", "login-url", "open-menu-item", "my-dashboard-url", "lender-name", "lender-image-url", "is-mobile", "balance", "onItemHover"]), [
|
|
141
|
-
[
|
|
144
|
+
[C, e.linksVisible]
|
|
142
145
|
])
|
|
143
146
|
]),
|
|
144
147
|
_: 1
|
|
145
148
|
}),
|
|
146
|
-
|
|
147
|
-
v(
|
|
149
|
+
_((w(), K("a", Q, [
|
|
150
|
+
v(d)
|
|
148
151
|
])), [
|
|
149
152
|
[f, ["TopNav", "click-Logo"]]
|
|
150
153
|
])
|
|
@@ -152,23 +155,23 @@ function Q(L, o, n, e, a, r) {
|
|
|
152
155
|
_: 1
|
|
153
156
|
})
|
|
154
157
|
], 4),
|
|
155
|
-
v(
|
|
158
|
+
v(I, { name: "header-fade" }, {
|
|
156
159
|
default: b(() => [
|
|
157
|
-
|
|
160
|
+
_(k("div", {
|
|
158
161
|
class: "tw-absolute tw-z-modal tw-h-full tw-inset-x-0 tw-bg-eco-green-4 bg-opacity-50 tw-min-h-screen",
|
|
159
|
-
style:
|
|
160
|
-
onTouchstart: o[3] || (o[3] = (
|
|
162
|
+
style: h({ top: e.HEADER_HEIGHT }),
|
|
163
|
+
onTouchstart: o[3] || (o[3] = (...l) => e.handleOverlayClick && e.handleOverlayClick(...l))
|
|
161
164
|
}, [
|
|
162
165
|
k("div", {
|
|
163
|
-
class:
|
|
164
|
-
style:
|
|
166
|
+
class: O(["tw-bg-primary tw-overflow-y-auto", { "tw-min-h-dvh": e.isMobileMenuActive }]),
|
|
167
|
+
style: h({
|
|
165
168
|
...e.menuPosition,
|
|
166
169
|
maxHeight: e.isMobileMenuActive ? "auto" : `calc(100dvh - ${e.HEADER_HEIGHT})`
|
|
167
170
|
}),
|
|
168
|
-
onMouseover: o[1] || (o[1] = (
|
|
169
|
-
onMouseout: o[2] || (o[2] = (
|
|
171
|
+
onMouseover: o[1] || (o[1] = (l) => e.onHover(e.activeHeaderItem, e.menuComponent)),
|
|
172
|
+
onMouseout: o[2] || (o[2] = (l) => e.onHover())
|
|
170
173
|
}, [
|
|
171
|
-
(w(),
|
|
174
|
+
(w(), E(G(e.menuComponent), {
|
|
172
175
|
ref: "menuComponentInstance",
|
|
173
176
|
"logged-in": n.loggedIn,
|
|
174
177
|
"login-url": n.loginUrl,
|
|
@@ -180,11 +183,11 @@ function Q(L, o, n, e, a, r) {
|
|
|
180
183
|
"is-mobile": e.isMobile,
|
|
181
184
|
"countries-not-lent-to-url": n.countriesNotLentToUrl,
|
|
182
185
|
onLoadLendMenuData: e.emitLendMenuEvent,
|
|
183
|
-
onClosingMenu: o[0] || (o[0] = (
|
|
186
|
+
onClosingMenu: o[0] || (o[0] = (l) => e.onHover())
|
|
184
187
|
}, null, 40, ["logged-in", "login-url", "user-id", "is-borrower", "is-trustee", "my-dashboard-url", "show-m-g-upsell-link", "is-mobile", "countries-not-lent-to-url", "onLoadLendMenuData"]))
|
|
185
188
|
], 38)
|
|
186
189
|
], 36), [
|
|
187
|
-
[
|
|
190
|
+
[C, e.menuOpen]
|
|
188
191
|
])
|
|
189
192
|
]),
|
|
190
193
|
_: 1
|
|
@@ -193,7 +196,7 @@ function Q(L, o, n, e, a, r) {
|
|
|
193
196
|
_: 1
|
|
194
197
|
});
|
|
195
198
|
}
|
|
196
|
-
const
|
|
199
|
+
const ie = /* @__PURE__ */ j(J, [["render", X], ["__scopeId", "data-v-9410d912"]]);
|
|
197
200
|
export {
|
|
198
|
-
|
|
201
|
+
ie as default
|
|
199
202
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kiva/kv-components",
|
|
3
|
-
"version": "6.57.
|
|
3
|
+
"version": "6.57.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": "3aed7624974658c7018a66ce28ccf6d0a3fe42e4"
|
|
118
118
|
}
|