@kiva/kv-components 6.47.0 → 6.47.1
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 +16 -17
- package/dist/vue/KvWwwHeader/KvHeaderLinkBar.css +1 -1
- package/dist/vue/KvWwwHeader/KvHeaderLinkBar.js +52 -48
- package/dist/vue/KvWwwHeader.css +1 -1
- package/dist/vue/KvWwwHeader.js +4 -4
- package/package.json +2 -2
package/dist/vue/KvUserAvatar.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { toRefs as
|
|
2
|
-
import { isLegacyPlaceholderAvatar as
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
const
|
|
1
|
+
import { toRefs as F, ref as d, computed as u, onMounted as U, resolveComponent as p, openBlock as n, createElementBlock as o, normalizeClass as r, createElementVNode as s, createBlock as H, normalizeStyle as b, createCommentVNode as y, withDirectives as B, vShow as I, toDisplayString as P } from "vue";
|
|
2
|
+
import { isLegacyPlaceholderAvatar as D, randomizedUserAvatarClass as M } from "../utils/imageUtils.js";
|
|
3
|
+
import N from "./KvLoadingPlaceholder.js";
|
|
4
|
+
import V from "../_virtual/_plugin-vue_export-helper.js";
|
|
5
|
+
const j = {
|
|
6
6
|
name: "KvUserAvatar",
|
|
7
7
|
components: {
|
|
8
|
-
KvLoadingPlaceholder:
|
|
8
|
+
KvLoadingPlaceholder: N
|
|
9
9
|
},
|
|
10
10
|
props: {
|
|
11
11
|
/**
|
|
@@ -30,50 +30,52 @@ const V = {
|
|
|
30
30
|
default: !1
|
|
31
31
|
}
|
|
32
32
|
},
|
|
33
|
-
setup(
|
|
33
|
+
setup(f) {
|
|
34
34
|
const {
|
|
35
35
|
lenderName: a,
|
|
36
36
|
lenderImageUrl: t,
|
|
37
37
|
isSmall: e
|
|
38
|
-
} =
|
|
38
|
+
} = F(f), i = d(!0), m = d(null), c = d(null), v = u(() => a.value === "" && t.value === "" || a.value === "Anonymous"), S = () => {
|
|
39
39
|
const l = e != null && e.value ? "tw-w-3 tw-h-3 tw-text-h4" : "tw-w-6 tw-h-6 tw-text-h2";
|
|
40
|
-
return `${
|
|
41
|
-
},
|
|
40
|
+
return `${M(a.value)} ${l}`;
|
|
41
|
+
}, _ = u(() => {
|
|
42
42
|
var l;
|
|
43
43
|
return ((l = t == null ? void 0 : t.value) == null ? void 0 : l.split("/").pop()) ?? "";
|
|
44
|
-
}),
|
|
44
|
+
}), C = u(() => {
|
|
45
45
|
var l;
|
|
46
46
|
return (l = a == null ? void 0 : a.value) == null ? void 0 : l.substring(0, 1).toUpperCase();
|
|
47
47
|
}), g = () => {
|
|
48
48
|
i.value = !1;
|
|
49
|
-
},
|
|
50
|
-
const
|
|
51
|
-
!l || l.complete ?
|
|
49
|
+
}, L = (l, w = 1e4) => new Promise((k, x) => {
|
|
50
|
+
const A = Date.now() + w, h = () => {
|
|
51
|
+
!l || l.complete ? k(l) : Date.now() > A ? x(new Error(`Timeout: ${l.src}`)) : setTimeout(h, 50);
|
|
52
52
|
};
|
|
53
53
|
h();
|
|
54
54
|
});
|
|
55
|
-
return
|
|
55
|
+
return U(async () => {
|
|
56
56
|
const l = m.value;
|
|
57
57
|
try {
|
|
58
|
-
await
|
|
58
|
+
await L(l), g();
|
|
59
59
|
} catch (w) {
|
|
60
60
|
console.log(w.message);
|
|
61
61
|
}
|
|
62
62
|
}), {
|
|
63
|
-
isAnonymousUser:
|
|
64
|
-
avatarClass:
|
|
65
|
-
imageFilename:
|
|
66
|
-
lenderNameFirstLetter:
|
|
67
|
-
isLegacyPlaceholderAvatar:
|
|
63
|
+
isAnonymousUser: v,
|
|
64
|
+
avatarClass: S,
|
|
65
|
+
imageFilename: _,
|
|
66
|
+
lenderNameFirstLetter: C,
|
|
67
|
+
isLegacyPlaceholderAvatar: D,
|
|
68
68
|
isLoading: i,
|
|
69
69
|
onImgLoad: g,
|
|
70
|
-
imageRef: m
|
|
70
|
+
imageRef: m,
|
|
71
|
+
userAvatar: c
|
|
71
72
|
};
|
|
72
73
|
}
|
|
73
|
-
},
|
|
74
|
-
function
|
|
75
|
-
const c =
|
|
74
|
+
}, z = { key: 1 }, E = ["src"], K = { class: "tw-self-center" };
|
|
75
|
+
function R(f, a, t, e, i, m) {
|
|
76
|
+
const c = p("kv-loading-placeholder");
|
|
76
77
|
return n(), o("div", {
|
|
78
|
+
ref: "userAvatar",
|
|
77
79
|
class: r(["data-hj-suppress tw-flex", { "tw-w-3": t.isSmall, "tw-w-6": !t.isSmall }])
|
|
78
80
|
}, [
|
|
79
81
|
e.isAnonymousUser ? (n(), o("div", {
|
|
@@ -101,33 +103,33 @@ function K(u, a, t, e, i, m) {
|
|
|
101
103
|
fill: "white"
|
|
102
104
|
}, null, -1)
|
|
103
105
|
]), 2))
|
|
104
|
-
], 2)) : !e.isLegacyPlaceholderAvatar(e.imageFilename) && e.imageFilename ? (n(), o("div",
|
|
105
|
-
e.isLoading ? (n(),
|
|
106
|
+
], 2)) : !e.isLegacyPlaceholderAvatar(e.imageFilename) && e.imageFilename ? (n(), o("div", z, [
|
|
107
|
+
e.isLoading ? (n(), H(c, {
|
|
106
108
|
key: 0,
|
|
107
|
-
style:
|
|
109
|
+
style: b({
|
|
108
110
|
width: t.isSmall ? "1.5rem" : "3rem",
|
|
109
111
|
height: t.isSmall ? "1.5rem" : "3rem"
|
|
110
112
|
}),
|
|
111
113
|
class: "!tw-rounded-full"
|
|
112
114
|
}, null, 8, ["style"])) : y("", !0),
|
|
113
|
-
|
|
115
|
+
B(s("img", {
|
|
114
116
|
ref: "imageRef",
|
|
115
117
|
src: t.lenderImageUrl,
|
|
116
118
|
alt: "Image of lender",
|
|
117
119
|
class: r(["tw-rounded-full tw-inline-block", { "tw-w-3 tw-h-3": t.isSmall, "tw-w-6 tw-h-6": !t.isSmall }]),
|
|
118
|
-
onLoad: a[0] || (a[0] = (
|
|
119
|
-
}, null, 42,
|
|
120
|
-
[
|
|
120
|
+
onLoad: a[0] || (a[0] = (v) => e.onImgLoad())
|
|
121
|
+
}, null, 42, E), [
|
|
122
|
+
[I, !e.isLoading]
|
|
121
123
|
])
|
|
122
124
|
])) : e.isLegacyPlaceholderAvatar(e.imageFilename) || !e.imageFilename ? (n(), o("div", {
|
|
123
125
|
key: 2,
|
|
124
126
|
class: r(["tw-rounded-full tw-inline-flex tw-align-center tw-justify-center", e.avatarClass()])
|
|
125
127
|
}, [
|
|
126
|
-
s("span",
|
|
128
|
+
s("span", K, P(e.lenderNameFirstLetter), 1)
|
|
127
129
|
], 2)) : y("", !0)
|
|
128
130
|
], 2);
|
|
129
131
|
}
|
|
130
|
-
const
|
|
132
|
+
const J = /* @__PURE__ */ V(j, [["render", R]]);
|
|
131
133
|
export {
|
|
132
|
-
|
|
134
|
+
J as default
|
|
133
135
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { getCurrentInstance as i, computed as u, resolveComponent as m, openBlock as
|
|
2
|
-
import
|
|
3
|
-
import
|
|
1
|
+
import { getCurrentInstance as i, computed as u, resolveComponent as m, openBlock as c, createElementBlock as f, normalizeClass as l, renderSlot as w, createVNode as p } from "vue";
|
|
2
|
+
import v from "../KvMaterialIcon.js";
|
|
3
|
+
import M from "../../_virtual/_plugin-vue_export-helper.js";
|
|
4
4
|
const h = {
|
|
5
|
-
components: { KvMaterialIcon:
|
|
5
|
+
components: { KvMaterialIcon: v },
|
|
6
6
|
props: {
|
|
7
7
|
refName: {
|
|
8
8
|
type: String,
|
|
@@ -44,41 +44,40 @@ const h = {
|
|
|
44
44
|
{ "tw-text-tertiary": e.openMenuItem && e.openMenuItem !== e.menuComponent }
|
|
45
45
|
]),
|
|
46
46
|
handleMouseOver: () => {
|
|
47
|
-
let
|
|
47
|
+
let s = null;
|
|
48
48
|
if (e.sendLinkPosition) {
|
|
49
49
|
const a = n.$refs[e.refName];
|
|
50
50
|
if (a) {
|
|
51
51
|
const t = a.getBoundingClientRect();
|
|
52
|
-
|
|
52
|
+
s = {
|
|
53
53
|
left: `${(t == null ? void 0 : t.left) + (t == null ? void 0 : t.width) / 2}px`,
|
|
54
54
|
transform: "translateX(-50%)",
|
|
55
55
|
borderRadius: "0px 0px 8px 8px"
|
|
56
56
|
};
|
|
57
57
|
}
|
|
58
58
|
}
|
|
59
|
-
o("on-hover", e.refName, e.menuComponent,
|
|
59
|
+
o("on-hover", e.refName, e.menuComponent, s);
|
|
60
60
|
}
|
|
61
61
|
};
|
|
62
62
|
}
|
|
63
|
-
},
|
|
64
|
-
function
|
|
63
|
+
}, x = ["href"];
|
|
64
|
+
function C(e, o, n, r, d, s) {
|
|
65
65
|
const a = m("KvMaterialIcon");
|
|
66
|
-
return
|
|
66
|
+
return c(), f("a", {
|
|
67
67
|
ref: n.refName,
|
|
68
|
-
class:
|
|
68
|
+
class: l(["tw-px-1.5 tw-py-1 tw-mx-1 tw-no-underline hover:tw-no-underline tw-text-primary hover:tw-text-action tw-items-center tw-rounded tw-cursor-pointer", r.computedClass]),
|
|
69
69
|
href: n.href,
|
|
70
|
-
style: w(e.style),
|
|
71
70
|
onMouseover: o[0] || (o[0] = (...t) => r.handleMouseOver && r.handleMouseOver(...t)),
|
|
72
71
|
onMouseout: o[1] || (o[1] = (...t) => r.handleMouseOver && r.handleMouseOver(...t))
|
|
73
72
|
}, [
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
class:
|
|
73
|
+
w(e.$slots, "default"),
|
|
74
|
+
p(a, {
|
|
75
|
+
class: l(["tw-inline tw-w-3 tw-ml-0.5 tw-transition-transform tw-duration-300", { "tw-rotate-180": n.openMenuItem === n.menuComponent }]),
|
|
77
76
|
icon: n.dropdownIcon
|
|
78
77
|
}, null, 8, ["class", "icon"])
|
|
79
|
-
],
|
|
78
|
+
], 42, x);
|
|
80
79
|
}
|
|
81
|
-
const _ = /* @__PURE__ */
|
|
80
|
+
const _ = /* @__PURE__ */ M(h, [["render", C]]);
|
|
82
81
|
export {
|
|
83
82
|
_ as default
|
|
84
83
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.header-link[data-v-
|
|
1
|
+
.header-link[data-v-1ecf0a38]{cursor:pointer;padding:1rem .5rem;--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.header-link[data-v-1ecf0a38]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}@media (min-width: 64rem){.header-link[data-v-1ecf0a38]{padding-left:1.25rem;padding-right:1.25rem}}
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import { defineAsyncComponent as f, ref as l, computed as O, onMounted as S, onUnmounted as E, resolveComponent as M, resolveDirective as P, openBlock as t, createElementBlock as
|
|
1
|
+
import { defineAsyncComponent as f, ref as l, computed as O, onMounted as S, onUnmounted as E, resolveComponent as M, resolveDirective as P, openBlock as t, createElementBlock as m, withDirectives as d, normalizeClass as g, createVNode as U, createBlock as b, withCtx as H, createTextVNode as c, createElementVNode as B, createCommentVNode as v, toDisplayString as V } from "vue";
|
|
2
2
|
import { mdiAccountCircle as z, mdiChevronDown as W, mdiMagnify as j, mdiMenu as F } from "@mdi/js";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
3
|
+
import q from "numeral";
|
|
4
|
+
import G from "../KvMaterialIcon.js";
|
|
5
|
+
import J from "../KvIconBag.js";
|
|
6
|
+
import Q from "./KvHeaderDropdownLink.js";
|
|
7
|
+
import R from "../KvUserAvatar.js";
|
|
8
8
|
import { throttle as X } from "../../utils/throttle.js";
|
|
9
9
|
import "./KvHeaderLinkBar.css";
|
|
10
10
|
import Y from "../../_virtual/_plugin-vue_export-helper.js";
|
|
11
11
|
const Z = f(() => import("./KvHeaderMobileMenu.js")), T = f(() => import("./KvHeaderMyKivaMenu.js")), $ = f(() => import("./LendMenu/KvLendMenu.js")), ee = f(() => import("./KvHeaderTakeActionMenu.js")), ne = f(() => import("./KvHeaderAboutMenu.js")), C = 118, oe = {
|
|
12
12
|
components: {
|
|
13
|
-
KvMaterialIcon:
|
|
14
|
-
KvIconBag:
|
|
15
|
-
KvHeaderDropdownLink:
|
|
16
|
-
KvUserAvatar:
|
|
13
|
+
KvMaterialIcon: G,
|
|
14
|
+
KvIconBag: J,
|
|
15
|
+
KvHeaderDropdownLink: Q,
|
|
16
|
+
KvUserAvatar: R
|
|
17
17
|
},
|
|
18
18
|
props: {
|
|
19
19
|
loggedIn: {
|
|
@@ -47,36 +47,40 @@ const Z = f(() => import("./KvHeaderMobileMenu.js")), T = f(() => import("./KvHe
|
|
|
47
47
|
isMobile: {
|
|
48
48
|
type: Boolean,
|
|
49
49
|
default: !1
|
|
50
|
+
},
|
|
51
|
+
balance: {
|
|
52
|
+
type: Number,
|
|
53
|
+
default: 0
|
|
50
54
|
}
|
|
51
55
|
},
|
|
52
56
|
emits: [
|
|
53
57
|
"item-hover"
|
|
54
58
|
],
|
|
55
|
-
setup(
|
|
56
|
-
const e = l(null), n = l(null), I = l(null), x = l(null), p = l(null), s = l(null),
|
|
59
|
+
setup(u, { emit: o }) {
|
|
60
|
+
const e = l(null), n = l(null), I = l(null), x = l(null), p = l(null), s = l(null), y = l(null), h = l(null), i = l(null), a = (r, w, k = null) => {
|
|
57
61
|
o("item-hover", r, w, k);
|
|
58
62
|
}, K = () => {
|
|
59
|
-
var
|
|
60
|
-
const r = (_ = (
|
|
63
|
+
var L, _;
|
|
64
|
+
const r = (_ = (L = e.value) == null ? void 0 : L.userAvatar) == null ? void 0 : _.getBoundingClientRect();
|
|
61
65
|
let w = null, k = !1;
|
|
62
66
|
if (r) {
|
|
63
|
-
const
|
|
64
|
-
|
|
65
|
-
...k ? { right: 0 } : { left:
|
|
67
|
+
const N = (r == null ? void 0 : r.left) + (r == null ? void 0 : r.width) / 2 - C / 2;
|
|
68
|
+
N + C > window.outerWidth && (k = !0), w = {
|
|
69
|
+
...k ? { right: 0 } : { left: u.isMobile ? 0 : `${N}px` },
|
|
66
70
|
borderRadius: "0px 0px 8px 8px",
|
|
67
|
-
width: `${
|
|
71
|
+
width: `${u.isMobile ? "100%" : "auto"}`
|
|
68
72
|
};
|
|
69
73
|
}
|
|
70
74
|
a(e.value, T, w);
|
|
71
|
-
},
|
|
72
|
-
|
|
73
|
-
}, 50), D = O(() =>
|
|
75
|
+
}, A = X(() => {
|
|
76
|
+
u.openMenuItem && K();
|
|
77
|
+
}, 50), D = O(() => u.isMobile ? void 0 : "/lend-by-category");
|
|
74
78
|
return S(() => {
|
|
75
|
-
import("./KvHeaderMobileMenu.js"), import("./KvHeaderMyKivaMenu.js"), import("./LendMenu/KvLendMenu.js"), import("./KvHeaderTakeActionMenu.js"), import("./KvHeaderAboutMenu.js"), window.addEventListener("resize",
|
|
79
|
+
import("./KvHeaderMobileMenu.js"), import("./KvHeaderMyKivaMenu.js"), import("./LendMenu/KvLendMenu.js"), import("./KvHeaderTakeActionMenu.js"), import("./KvHeaderAboutMenu.js"), window.addEventListener("resize", A);
|
|
76
80
|
}), E(() => {
|
|
77
|
-
window.removeEventListener("resize",
|
|
81
|
+
window.removeEventListener("resize", A);
|
|
78
82
|
}), {
|
|
79
|
-
numeral:
|
|
83
|
+
numeral: q,
|
|
80
84
|
mdiAccountCircle: z,
|
|
81
85
|
mdiChevronDown: W,
|
|
82
86
|
mdiMagnify: j,
|
|
@@ -88,8 +92,8 @@ const Z = f(() => import("./KvHeaderMobileMenu.js")), T = f(() => import("./KvHe
|
|
|
88
92
|
partnerWithUsLink: x,
|
|
89
93
|
borrowLink: p,
|
|
90
94
|
supportKivaLink: s,
|
|
91
|
-
basketLink:
|
|
92
|
-
signInLink:
|
|
95
|
+
basketLink: y,
|
|
96
|
+
signInLink: h,
|
|
93
97
|
menuButton: i,
|
|
94
98
|
lendUrl: D,
|
|
95
99
|
handleAvatarMenuPosition: K,
|
|
@@ -104,10 +108,10 @@ const Z = f(() => import("./KvHeaderMobileMenu.js")), T = f(() => import("./KvHe
|
|
|
104
108
|
key: 0,
|
|
105
109
|
class: "tw-bg-eco-green-1 tw-py-0.5 tw-px-1 tw-text-eco-green-4"
|
|
106
110
|
}, le = ["href"];
|
|
107
|
-
function ae(
|
|
108
|
-
const p = M("kv-material-icon"), s = M("KvHeaderDropdownLink"),
|
|
109
|
-
return t(),
|
|
110
|
-
d((t(),
|
|
111
|
+
function ae(u, o, e, n, I, x) {
|
|
112
|
+
const p = M("kv-material-icon"), s = M("KvHeaderDropdownLink"), y = M("kv-icon-bag"), h = M("KvUserAvatar"), i = P("kv-track-event");
|
|
113
|
+
return t(), m("div", te, [
|
|
114
|
+
d((t(), m("button", {
|
|
111
115
|
ref: "menuButton",
|
|
112
116
|
class: g(["header-link tw-inline-flex lg:tw-hidden", {
|
|
113
117
|
"tw-text-tertiary": e.openMenuItem && e.openMenuItem !== n.KvHeaderMobileMenu
|
|
@@ -115,7 +119,7 @@ function ae(m, o, e, n, I, x) {
|
|
|
115
119
|
onMouseover: o[0] || (o[0] = (a) => n.onHover(n.menuButton, n.KvHeaderMobileMenu)),
|
|
116
120
|
onMouseout: o[1] || (o[1] = (a) => n.onHover())
|
|
117
121
|
}, [
|
|
118
|
-
|
|
122
|
+
U(p, { icon: n.mdiMenu }, null, 8, ["icon"])
|
|
119
123
|
], 34)), [
|
|
120
124
|
[i, e.openMenuItem === n.KvHeaderMobileMenu ? ["TopNav", "click-Hamburger-menu"] : null]
|
|
121
125
|
]),
|
|
@@ -129,7 +133,7 @@ function ae(m, o, e, n, I, x) {
|
|
|
129
133
|
onOnHover: n.onHover
|
|
130
134
|
}, {
|
|
131
135
|
default: H(() => o[4] || (o[4] = [
|
|
132
|
-
|
|
136
|
+
c(" Lend ")
|
|
133
137
|
])),
|
|
134
138
|
_: 1
|
|
135
139
|
}, 8, ["href", "menu-component", "open-menu-item", "dropdown-icon", "onOnHover"])), [
|
|
@@ -145,7 +149,7 @@ function ae(m, o, e, n, I, x) {
|
|
|
145
149
|
onOnHover: n.onHover
|
|
146
150
|
}, {
|
|
147
151
|
default: H(() => o[5] || (o[5] = [
|
|
148
|
-
|
|
152
|
+
c(" Take action ")
|
|
149
153
|
])),
|
|
150
154
|
_: 1
|
|
151
155
|
}, 8, ["menu-component", "open-menu-item", "dropdown-icon", "onOnHover"])), [
|
|
@@ -161,63 +165,63 @@ function ae(m, o, e, n, I, x) {
|
|
|
161
165
|
onOnHover: n.onHover
|
|
162
166
|
}, {
|
|
163
167
|
default: H(() => o[6] || (o[6] = [
|
|
164
|
-
|
|
168
|
+
c(" About ")
|
|
165
169
|
])),
|
|
166
170
|
_: 1
|
|
167
171
|
}, 8, ["menu-component", "open-menu-item", "dropdown-icon", "onOnHover"])), [
|
|
168
172
|
[i, ["TopNav", "click-About"]]
|
|
169
173
|
]),
|
|
170
|
-
o[9] || (o[9] =
|
|
171
|
-
e.loggedIn ? d((t(),
|
|
174
|
+
o[9] || (o[9] = B("div", { class: "tw-flex-1 tw-h-full" }, null, -1)),
|
|
175
|
+
e.loggedIn ? d((t(), m("a", {
|
|
172
176
|
key: 0,
|
|
173
177
|
ref: "dashboardLink",
|
|
174
178
|
href: e.myDashboardUrl,
|
|
175
179
|
class: g(["header-link tw-hidden lg:tw-block", { "tw-text-tertiary": !!e.openMenuItem }])
|
|
176
180
|
}, o[7] || (o[7] = [
|
|
177
|
-
|
|
181
|
+
c(" My dashboard ")
|
|
178
182
|
]), 10, ie)), [
|
|
179
183
|
[i, ["TopNav", "click-Dashboard"]]
|
|
180
|
-
]) :
|
|
181
|
-
e.basketCount > 0 ? d((t(),
|
|
184
|
+
]) : v("", !0),
|
|
185
|
+
e.basketCount > 0 ? d((t(), m("a", {
|
|
182
186
|
key: 1,
|
|
183
187
|
ref: "basketLink",
|
|
184
188
|
href: "/basket",
|
|
185
189
|
class: g(["header-link tw-relative", { "tw-text-tertiary": !!e.openMenuItem }])
|
|
186
190
|
}, [
|
|
187
|
-
|
|
191
|
+
U(y, {
|
|
188
192
|
class: "tw-w-3 tw-h-3 tw-pointer-events-none",
|
|
189
193
|
count: e.basketCount
|
|
190
194
|
}, null, 8, ["count"])
|
|
191
195
|
], 2)), [
|
|
192
196
|
[i, ["TopNav", "click-Basket"]]
|
|
193
|
-
]) :
|
|
194
|
-
|
|
197
|
+
]) : v("", !0),
|
|
198
|
+
B("div", {
|
|
195
199
|
class: "tw-cursor-pointer tw-flex tw-items-center tw-gap-1",
|
|
196
200
|
onMouseover: o[2] || (o[2] = (...a) => n.handleAvatarMenuPosition && n.handleAvatarMenuPosition(...a)),
|
|
197
201
|
onMouseout: o[3] || (o[3] = (a) => n.onHover())
|
|
198
202
|
}, [
|
|
199
|
-
e.loggedIn ? (t(),
|
|
200
|
-
e.loggedIn ? (t(), b(
|
|
203
|
+
e.loggedIn ? (t(), m("span", re, V(n.numeral(e.balance).format("$0")), 1)) : v("", !0),
|
|
204
|
+
e.loggedIn ? (t(), b(h, {
|
|
201
205
|
key: 1,
|
|
202
206
|
ref: "avatar",
|
|
203
207
|
"lender-name": e.lenderName,
|
|
204
208
|
"lender-image-url": e.lenderImageUrl,
|
|
205
209
|
"is-small": ""
|
|
206
|
-
}, null, 8, ["lender-name", "lender-image-url"])) :
|
|
210
|
+
}, null, 8, ["lender-name", "lender-image-url"])) : v("", !0)
|
|
207
211
|
], 32),
|
|
208
|
-
e.loggedIn ?
|
|
212
|
+
e.loggedIn ? v("", !0) : d((t(), m("a", {
|
|
209
213
|
key: 2,
|
|
210
214
|
ref: "signInLink",
|
|
211
215
|
href: e.loginUrl,
|
|
212
216
|
class: g(["header-link", { "tw-text-tertiary": !!e.openMenuItem }])
|
|
213
217
|
}, o[8] || (o[8] = [
|
|
214
|
-
|
|
218
|
+
c(" Sign in ")
|
|
215
219
|
]), 10, le)), [
|
|
216
220
|
[i, ["TopNav", "click-Sign-in"]]
|
|
217
221
|
])
|
|
218
222
|
]);
|
|
219
223
|
}
|
|
220
|
-
const pe = /* @__PURE__ */ Y(oe, [["render", ae], ["__scopeId", "data-v-
|
|
224
|
+
const pe = /* @__PURE__ */ Y(oe, [["render", ae], ["__scopeId", "data-v-1ecf0a38"]]);
|
|
221
225
|
export {
|
|
222
226
|
pe as default
|
|
223
227
|
};
|
package/dist/vue/KvWwwHeader.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.header-margins[data-v-
|
|
1
|
+
.header-margins[data-v-269f8c8b]{margin:0 auto;max-width:1400px}.header-fade-enter-active[data-v-269f8c8b]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.header-fade-leave-active[data-v-269f8c8b]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s}.header-fade-enter[data-v-269f8c8b],.header-fade-leave-to[data-v-269f8c8b]{opacity:0}.header-fade-leave[data-v-269f8c8b],.header-fade-enter-to[data-v-269f8c8b]{opacity:1}.bg-opacity-50[data-v-269f8c8b]{background-color:rgba(var(--bg-action-highlight),.5)}
|
package/dist/vue/KvWwwHeader.js
CHANGED
|
@@ -115,8 +115,9 @@ function z(I, n, e, t, a, l) {
|
|
|
115
115
|
"lender-name": e.lenderName,
|
|
116
116
|
"lender-image-url": e.lenderImageUrl,
|
|
117
117
|
"is-mobile": e.isMobile,
|
|
118
|
+
balance: e.balance,
|
|
118
119
|
onItemHover: t.onHover
|
|
119
|
-
}, null, 8, ["logged-in", "basket-count", "login-url", "open-menu-item", "my-dashboard-url", "lender-name", "lender-image-url", "is-mobile", "onItemHover"]), [
|
|
120
|
+
}, null, 8, ["logged-in", "basket-count", "login-url", "open-menu-item", "my-dashboard-url", "lender-name", "lender-image-url", "is-mobile", "balance", "onItemHover"]), [
|
|
120
121
|
[p, t.linksVisible]
|
|
121
122
|
])
|
|
122
123
|
]),
|
|
@@ -143,12 +144,11 @@ function z(I, n, e, t, a, l) {
|
|
|
143
144
|
"logged-in": e.loggedIn,
|
|
144
145
|
"login-url": e.loginUrl,
|
|
145
146
|
"user-id": e.userId,
|
|
146
|
-
balance: e.balance,
|
|
147
147
|
"is-borrower": e.isBorrower,
|
|
148
148
|
"is-trustee": e.isTrustee,
|
|
149
149
|
"my-dashboard-url": e.myDashboardUrl,
|
|
150
150
|
onLoadLendMenuData: t.emitLendMenuEvent
|
|
151
|
-
}, null, 40, ["logged-in", "login-url", "user-id", "
|
|
151
|
+
}, null, 40, ["logged-in", "login-url", "user-id", "is-borrower", "is-trustee", "my-dashboard-url", "onLoadLendMenuData"]))
|
|
152
152
|
])
|
|
153
153
|
], 36)
|
|
154
154
|
], 512), [
|
|
@@ -161,7 +161,7 @@ function z(I, n, e, t, a, l) {
|
|
|
161
161
|
_: 1
|
|
162
162
|
});
|
|
163
163
|
}
|
|
164
|
-
const F = /* @__PURE__ */ T(U, [["render", z], ["__scopeId", "data-v-
|
|
164
|
+
const F = /* @__PURE__ */ T(U, [["render", z], ["__scopeId", "data-v-269f8c8b"]]);
|
|
165
165
|
export {
|
|
166
166
|
F as default
|
|
167
167
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kiva/kv-components",
|
|
3
|
-
"version": "6.47.
|
|
3
|
+
"version": "6.47.1",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -113,5 +113,5 @@
|
|
|
113
113
|
"embla-carousel-fade",
|
|
114
114
|
"popper.js"
|
|
115
115
|
],
|
|
116
|
-
"gitHead": "
|
|
116
|
+
"gitHead": "6dc91354845444f1142f669900f71c313c0524a3"
|
|
117
117
|
}
|