@kiva/kv-components 8.29.0 → 8.29.2
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
|
-
.link-bar[data-v-
|
|
1
|
+
.link-bar[data-v-2e7def04]{display:flex;align-items:center;gap:.5rem}.link-bar__logo[data-v-2e7def04]{position:absolute;top:50%;left:50%;--tw-translate-x: -50%;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}@media(min-width:45.875rem){.link-bar[data-v-2e7def04]{display:grid;-moz-column-gap:1rem;column-gap:1rem;grid-template-areas:"logo lend right" "search search search";grid-template-columns:1fr auto auto;grid-template-rows:4rem auto;row-gap:.5rem}.link-bar__logo[data-v-2e7def04]{position:static;--tw-translate-x: 0;--tw-translate-y: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));grid-area:logo;justify-self:start}.link-bar__lend[data-v-2e7def04]{grid-area:lend}.link-bar__search[data-v-2e7def04]{grid-area:search;margin-bottom:.5rem}.link-bar__right[data-v-2e7def04]{grid-area:right}}@media(min-width:64rem){.link-bar[data-v-2e7def04]{-moz-column-gap:1.25rem;column-gap:1.25rem;grid-template-areas:"logo lend search right";grid-template-columns:auto auto 1fr auto;grid-template-rows:4rem}.link-bar__search[data-v-2e7def04]{margin-bottom:0}}.header-link[data-v-2e7def04]{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-2e7def04]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}.link-bar__basket-count-loader[data-v-2e7def04]{width:1.5ch;height:1.375em;height:1lh}
|
|
@@ -1,45 +1,49 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { resolveComponent as d, openBlock as o, createElementBlock as i, createElementVNode as
|
|
1
|
+
import x from "./LinkBar2.js";
|
|
2
|
+
import { resolveComponent as d, openBlock as o, createElementBlock as i, createElementVNode as l, withModifiers as b, createVNode as r, withCtx as k, createTextVNode as w, Fragment as f, renderList as L, toDisplayString as m, createCommentVNode as s, withDirectives as B, normalizeStyle as h, vShow as O, createBlock as y } from "vue";
|
|
3
3
|
import "./LinkBar.css";
|
|
4
4
|
import S from "../../_virtual/_plugin-vue_export-helper.js";
|
|
5
|
-
const T = { class: "link-bar__right tw-flex tw-items-center tw-justify-end tw-ml-auto md:tw-ml-0 tw-gap-1 md:tw-gap-2 lg:tw-gap-2.5" }, D = ["href", "data-testid", "onClick"], U = ["href"], H = { class: "tw-hidden md:tw-flex tw-items-center" }, A = { class: "tw-bg-secondary tw-rounded-xs tw-py-0.5 tw-px-1 tw-mr-1 tw-leading-none
|
|
5
|
+
const T = { class: "link-bar__right tw-flex tw-items-center tw-justify-end tw-ml-auto md:tw-ml-0 tw-gap-1 md:tw-gap-2 lg:tw-gap-2.5" }, D = ["href", "data-testid", "onClick"], U = ["href"], H = { class: "tw-hidden md:tw-flex tw-items-center" }, A = { class: "tw-bg-secondary tw-rounded-xs tw-py-0.5 tw-px-1 tw-mr-1 tw-leading-none tw-flex tw-items-center tw-justify-center" }, I = {
|
|
6
|
+
key: 0,
|
|
7
|
+
class: "link-bar__basket-count-loader",
|
|
8
|
+
"data-testid": "header-basket-skeleton"
|
|
9
|
+
}, K = { class: "tw-relative tw-flex md:tw-hidden tw-items-center tw-text-eco-green-4" }, N = {
|
|
6
10
|
key: 0,
|
|
7
11
|
class: "tw-absolute tw-w-4 tw-h-4 tw-pt-0.5 tw-flex tw-items-center tw-justify-center tw-text-white tw-text-small tw-font-medium tw-pointer-events-none"
|
|
8
|
-
},
|
|
12
|
+
}, E = { class: "tw-hidden md:tw-block" }, P = {
|
|
9
13
|
key: 0,
|
|
10
14
|
class: "tw-w-4 tw-h-3"
|
|
11
|
-
},
|
|
15
|
+
}, V = {
|
|
12
16
|
key: 1,
|
|
13
17
|
class: "tw-text-eco-green-4"
|
|
14
|
-
},
|
|
18
|
+
}, j = {
|
|
15
19
|
key: 3,
|
|
16
20
|
class: "tw-w-3 tw-h-3 tw-rounded-full tw-overflow-hidden",
|
|
17
21
|
"data-testid": "header-avatar-skeleton"
|
|
18
22
|
};
|
|
19
|
-
function
|
|
20
|
-
const v = d("kv-material-icon"),
|
|
23
|
+
function X(u, t, a, e, z, F) {
|
|
24
|
+
const v = d("kv-material-icon"), _ = d("kv-header-logo"), g = d("kv-header-dropdown-link"), M = d("search-bar"), c = d("kv-loading-placeholder"), C = d("kv-button"), p = d("kv-user-avatar");
|
|
21
25
|
return o(), i("div", {
|
|
22
26
|
class: "link-bar tw-min-h-[4rem] tw-font-medium tw-relative",
|
|
23
27
|
onTouchstart: t[12] || (t[12] = (...n) => e.handleEmptySpaceClick && e.handleEmptySpaceClick(...n))
|
|
24
28
|
}, [
|
|
25
|
-
|
|
29
|
+
l("button", {
|
|
26
30
|
type: "button",
|
|
27
31
|
"aria-label": "Open menu",
|
|
28
32
|
class: "header-link link-bar__hamburger tw-inline-flex md:tw-hidden",
|
|
29
33
|
onMouseover: t[0] || (t[0] = (n) => e.handleOnHover("menuButton", e.MobileMenu)),
|
|
30
34
|
onTouchstart: t[1] || (t[1] = b((n) => e.handleTouchStart("menuButton", e.MobileMenu), ["stop", "prevent"]))
|
|
31
35
|
}, [
|
|
32
|
-
|
|
36
|
+
r(v, { icon: e.mdiMenu }, null, 8, ["icon"])
|
|
33
37
|
], 32),
|
|
34
|
-
|
|
38
|
+
l("a", {
|
|
35
39
|
href: "/",
|
|
36
40
|
"aria-label": "Kiva home",
|
|
37
41
|
class: "link-bar__logo tw-px-1 tw-py-2 tw-cursor-pointer",
|
|
38
42
|
onClick: t[2] || (t[2] = (...n) => e.onLogoClick && e.onLogoClick(...n))
|
|
39
43
|
}, [
|
|
40
|
-
|
|
44
|
+
r(_)
|
|
41
45
|
]),
|
|
42
|
-
|
|
46
|
+
r(g, {
|
|
43
47
|
class: "link-bar__lend",
|
|
44
48
|
"ref-name": "lendButton",
|
|
45
49
|
href: e.lendUrl,
|
|
@@ -51,28 +55,28 @@ function j(h, t, a, e, X, z) {
|
|
|
51
55
|
onMouseleave: t[3] || (t[3] = (n) => e.handleMouseOut("lendButton")),
|
|
52
56
|
onUserTap: e.handleTouchStart
|
|
53
57
|
}, {
|
|
54
|
-
default:
|
|
58
|
+
default: k(() => t[13] || (t[13] = [
|
|
55
59
|
w(" Lend ")
|
|
56
60
|
])),
|
|
57
61
|
_: 1
|
|
58
62
|
}, 8, ["href", "menu-component", "open-menu-item", "dropdown-icon", "onOnHover", "onUserTap"]),
|
|
59
|
-
|
|
63
|
+
r(M, {
|
|
60
64
|
class: "link-bar__search tw-min-w-0 tw-hidden md:tw-block",
|
|
61
65
|
"search-suggestions": a.searchSuggestions,
|
|
62
66
|
"app-origin": a.appOrigin,
|
|
63
67
|
"is-mobile": a.isMobile,
|
|
64
|
-
onLoadSearchData: t[4] || (t[4] = (n) =>
|
|
65
|
-
onSearchSubmit: t[5] || (t[5] = (n) =>
|
|
68
|
+
onLoadSearchData: t[4] || (t[4] = (n) => u.$emit("load-search-data")),
|
|
69
|
+
onSearchSubmit: t[5] || (t[5] = (n) => u.$emit("search-submit", n))
|
|
66
70
|
}, null, 8, ["search-suggestions", "app-origin", "is-mobile"]),
|
|
67
|
-
|
|
68
|
-
(o(!0), i(
|
|
71
|
+
l("div", T, [
|
|
72
|
+
(o(!0), i(f, null, L(e.visiblePrimaryLinks, (n) => (o(), i("a", {
|
|
69
73
|
key: n.id,
|
|
70
74
|
href: n.href,
|
|
71
75
|
class: "header-link tw-hidden md:tw-block",
|
|
72
76
|
"data-testid": `header-link-${n.id}`,
|
|
73
|
-
onClick: (
|
|
77
|
+
onClick: (q) => e.onPrimaryClick(n)
|
|
74
78
|
}, m(n.label), 9, D))), 128)),
|
|
75
|
-
|
|
79
|
+
r(g, {
|
|
76
80
|
"ref-name": "aboutLink",
|
|
77
81
|
class: "tw-hidden md:tw-block",
|
|
78
82
|
"menu-component": e.AboutMenu,
|
|
@@ -84,7 +88,7 @@ function j(h, t, a, e, X, z) {
|
|
|
84
88
|
onMouseleave: t[6] || (t[6] = (n) => e.handleMouseOut("aboutLink")),
|
|
85
89
|
onUserTap: e.handleTouchStart
|
|
86
90
|
}, {
|
|
87
|
-
default:
|
|
91
|
+
default: k(() => t[14] || (t[14] = [
|
|
88
92
|
w(" About ")
|
|
89
93
|
])),
|
|
90
94
|
_: 1
|
|
@@ -96,37 +100,43 @@ function j(h, t, a, e, X, z) {
|
|
|
96
100
|
"data-testid": "header-login",
|
|
97
101
|
onClick: t[7] || (t[7] = (...n) => e.onLoginClick && e.onLoginClick(...n))
|
|
98
102
|
}, "Log in", 8, U)),
|
|
99
|
-
B(
|
|
100
|
-
style:
|
|
103
|
+
B(l("a", {
|
|
104
|
+
style: h(a.isBasketDataLoading ? { display: "var(--basket-display, flex)" } : void 0),
|
|
101
105
|
href: "/basket",
|
|
102
106
|
class: "header-link tw-flex tw-items-center",
|
|
103
107
|
"data-testid": "header-basket",
|
|
104
108
|
onClick: t[8] || (t[8] = (...n) => e.onBasketClick && e.onBasketClick(...n))
|
|
105
109
|
}, [
|
|
106
|
-
|
|
107
|
-
|
|
110
|
+
l("span", H, [
|
|
111
|
+
l("span", A, [
|
|
112
|
+
a.isBasketDataLoading ? (o(), i("span", I, [
|
|
113
|
+
r(c)
|
|
114
|
+
])) : (o(), i(f, { key: 1 }, [
|
|
115
|
+
w(m(a.basketCount), 1)
|
|
116
|
+
], 64))
|
|
117
|
+
]),
|
|
108
118
|
t[15] || (t[15] = w(" Basket "))
|
|
109
119
|
]),
|
|
110
|
-
|
|
111
|
-
a.isBasketDataLoading ? s("", !0) : (o(), i("span",
|
|
112
|
-
|
|
120
|
+
l("span", K, [
|
|
121
|
+
a.isBasketDataLoading ? s("", !0) : (o(), i("span", N, m(a.basketCount), 1)),
|
|
122
|
+
r(v, {
|
|
113
123
|
icon: e.mdiBriefcase,
|
|
114
124
|
class: "tw-w-4 tw-h-4 tw-pointer-events-none"
|
|
115
125
|
}, null, 8, ["icon"]),
|
|
116
|
-
t[16] || (t[16] =
|
|
126
|
+
t[16] || (t[16] = l("span", { class: "tw-sr-only" }, "Basket", -1))
|
|
117
127
|
])
|
|
118
128
|
], 4), [
|
|
119
129
|
[O, a.basketCount > 0 || a.isBasketDataLoading]
|
|
120
130
|
]),
|
|
121
|
-
|
|
122
|
-
|
|
131
|
+
l("div", E, [
|
|
132
|
+
r(C, {
|
|
123
133
|
variant: "secondary",
|
|
124
134
|
href: "/donate/supportus",
|
|
125
135
|
class: "tw-whitespace-nowrap",
|
|
126
136
|
"data-testid": "header-support-kiva",
|
|
127
137
|
onClick: e.onSupportKivaClick
|
|
128
138
|
}, {
|
|
129
|
-
default:
|
|
139
|
+
default: k(() => t[17] || (t[17] = [
|
|
130
140
|
w(" Support Kiva ")
|
|
131
141
|
])),
|
|
132
142
|
_: 1
|
|
@@ -137,29 +147,29 @@ function j(h, t, a, e, X, z) {
|
|
|
137
147
|
ref: "avatarMenu",
|
|
138
148
|
"data-testid": "header-avatar-menu",
|
|
139
149
|
class: "tw-flex tw-items-center tw-gap-1 tw-cursor-pointer tw-py-1",
|
|
140
|
-
style:
|
|
150
|
+
style: h(a.isUserDataLoading ? { display: "var(--user-loading-display, flex)" } : void 0),
|
|
141
151
|
onMouseenter: t[9] || (t[9] = (n) => e.handleOnHover("avatarMenu", e.MyKivaMenu, e.getAvatarMenuPosition(), e.getAvatarTriggerCenterX())),
|
|
142
152
|
onMouseleave: t[10] || (t[10] = (n) => e.handleMouseOut("avatarMenu")),
|
|
143
153
|
onTouchstart: t[11] || (t[11] = b((n) => e.handleTouchStart("avatarMenu", e.MyKivaMenu, e.getAvatarMenuPosition(), e.getAvatarTriggerCenterX()), ["stop"]))
|
|
144
154
|
}, [
|
|
145
|
-
a.isUserDataLoading ? (o(), i("div",
|
|
146
|
-
|
|
147
|
-
])) : (o(), i("span",
|
|
148
|
-
e.avatarMode === "esi" ? (o(),
|
|
155
|
+
a.isUserDataLoading ? (o(), i("div", P, [
|
|
156
|
+
r(c)
|
|
157
|
+
])) : (o(), i("span", V, m(e.formattedBalance), 1)),
|
|
158
|
+
e.avatarMode === "esi" ? (o(), y(v, {
|
|
149
159
|
key: 2,
|
|
150
160
|
icon: e.mdiAccountCircle,
|
|
151
161
|
class: "tw-w-3 tw-h-3",
|
|
152
162
|
"data-testid": "header-avatar-icon",
|
|
153
163
|
style: { display: "var(--user-avatar-legacy-display, inline-block)" }
|
|
154
164
|
}, null, 8, ["icon"])) : s("", !0),
|
|
155
|
-
e.avatarMode === "skeleton" ? (o(), i("div",
|
|
156
|
-
|
|
165
|
+
e.avatarMode === "skeleton" ? (o(), i("div", j, [
|
|
166
|
+
r(c)
|
|
157
167
|
])) : s("", !0),
|
|
158
|
-
e.avatarMode !== "skeleton" ? (o(),
|
|
168
|
+
e.avatarMode !== "skeleton" ? (o(), y(p, {
|
|
159
169
|
key: 4,
|
|
160
170
|
class: "tw-w-3 tw-h-3",
|
|
161
171
|
"data-testid": e.avatarMode === "esi" ? "header-avatar-esi" : null,
|
|
162
|
-
style:
|
|
172
|
+
style: h(e.avatarMode === "esi" ? { display: "var(--user-avatar-display, block)" } : void 0),
|
|
163
173
|
"lender-name": a.lenderName,
|
|
164
174
|
"lender-image-url": a.lenderImageUrl,
|
|
165
175
|
"show-css-placeholder": e.avatarMode === "esi",
|
|
@@ -169,7 +179,7 @@ function j(h, t, a, e, X, z) {
|
|
|
169
179
|
])
|
|
170
180
|
], 32);
|
|
171
181
|
}
|
|
172
|
-
const
|
|
182
|
+
const W = /* @__PURE__ */ S(x, [["render", X], ["__scopeId", "data-v-2e7def04"]]);
|
|
173
183
|
export {
|
|
174
|
-
|
|
184
|
+
W as default
|
|
175
185
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kiva/kv-components",
|
|
3
|
-
"version": "8.29.
|
|
3
|
+
"version": "8.29.2",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -113,5 +113,5 @@
|
|
|
113
113
|
"dependencies": {
|
|
114
114
|
"fuse.js": "^7.1.0"
|
|
115
115
|
},
|
|
116
|
-
"gitHead": "
|
|
116
|
+
"gitHead": "f66324e85b8e2c3265606c8aecd3bc2b5e0b74a8"
|
|
117
117
|
}
|