@kiva/kv-components 6.52.0 → 6.52.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.
|
@@ -1 +1 @@
|
|
|
1
|
-
.header-link[data-v-
|
|
1
|
+
.header-link[data-v-efd90aef]{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-efd90aef]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}
|
|
@@ -8,7 +8,7 @@ import le from "../KvUserAvatar.js";
|
|
|
8
8
|
import { throttle as ie } from "../../utils/throttle.js";
|
|
9
9
|
import "./KvHeaderLinkBar.css";
|
|
10
10
|
import re from "../../_virtual/_plugin-vue_export-helper.js";
|
|
11
|
-
const ae = w(() => import("./KvHeaderMobileMenu.js")), C = w(() => import("./KvHeaderMyKivaMenu.js")),
|
|
11
|
+
const ae = w(() => import("./KvHeaderMobileMenu.js")), C = w(() => import("./KvHeaderMyKivaMenu.js")), ue = w(() => import("./LendMenu/KvLendMenu.js")), de = w(() => import("./KvHeaderTakeActionMenu.js")), me = w(() => import("./KvHeaderAboutMenu.js")), E = 146, p = "avatar-menu", L = "menuButton", S = { top: "-3.75rem", width: "100%" }, se = {
|
|
12
12
|
components: {
|
|
13
13
|
KvMaterialIcon: ne,
|
|
14
14
|
KvIconBag: te,
|
|
@@ -56,15 +56,15 @@ const ae = w(() => import("./KvHeaderMobileMenu.js")), C = w(() => import("./KvH
|
|
|
56
56
|
emits: [
|
|
57
57
|
"item-hover"
|
|
58
58
|
],
|
|
59
|
-
setup(
|
|
60
|
-
const t = i(null), n = i(null), B = i(null), K = i(null), A = i(null), f = i(null), y = i(null), I = i(null),
|
|
59
|
+
setup(d, { emit: e }) {
|
|
60
|
+
const t = i(null), n = i(null), B = i(null), K = i(null), A = i(null), f = i(null), y = i(null), I = i(null), u = i(null), o = i(null), T = i(!1), m = (l, s, r = null) => {
|
|
61
61
|
e("item-hover", l, s, r);
|
|
62
62
|
}, V = (l, s, r = null) => {
|
|
63
|
-
|
|
63
|
+
d.isMobile || (o.value = l, m(
|
|
64
64
|
l,
|
|
65
65
|
s,
|
|
66
|
-
l === L &&
|
|
67
|
-
);
|
|
66
|
+
l === L && d.isMobile ? S : r
|
|
67
|
+
));
|
|
68
68
|
}, R = (l) => {
|
|
69
69
|
!T.value && o.value === l && (o.value = null, m());
|
|
70
70
|
}, P = () => {
|
|
@@ -73,22 +73,22 @@ const ae = w(() => import("./KvHeaderMobileMenu.js")), C = w(() => import("./KvH
|
|
|
73
73
|
if (!l) return null;
|
|
74
74
|
const r = l.left + l.width / 2 - E / 2;
|
|
75
75
|
return {
|
|
76
|
-
...r + E > window.innerWidth ? { right: 0 } : { left:
|
|
76
|
+
...r + E > window.innerWidth ? { right: 0 } : { left: d.isMobile ? 0 : `${r}px` },
|
|
77
77
|
marginTop: "-2px",
|
|
78
78
|
// Avoid closing avatar menu on header edge
|
|
79
|
-
borderRadius:
|
|
80
|
-
width:
|
|
79
|
+
borderRadius: d.isMobile ? "auto" : "0px 0px 8px 8px",
|
|
80
|
+
width: d.isMobile ? "100%" : "auto"
|
|
81
81
|
};
|
|
82
82
|
}, H = () => {
|
|
83
83
|
o.value = p, m(t.value, C, P());
|
|
84
84
|
}, z = (l, s) => {
|
|
85
85
|
let r = null;
|
|
86
|
-
T.value = !0, r && clearTimeout(r), o.value === L && (o.value = null), !o.value || o.value !== l ? (o.value = l, l === p ? H() : l === L &&
|
|
86
|
+
T.value = !0, r && clearTimeout(r), o.value === L && (o.value = null), !o.value || o.value !== l ? (o.value = l, l === p ? H() : l === L && d.isMobile ? m(l, s, S) : m(l, s)) : (o.value = null, m()), r = setTimeout(() => {
|
|
87
87
|
T.value = !1;
|
|
88
88
|
});
|
|
89
89
|
}, O = ie(() => {
|
|
90
90
|
o.value === p && H();
|
|
91
|
-
}, 50), W = j(() =>
|
|
91
|
+
}, 50), W = j(() => d.isMobile ? void 0 : "/lend-by-category");
|
|
92
92
|
return F(() => {
|
|
93
93
|
import("./KvHeaderMobileMenu.js"), import("./KvHeaderMyKivaMenu.js"), import("./LendMenu/KvLendMenu.js"), import("./KvHeaderTakeActionMenu.js"), import("./KvHeaderAboutMenu.js"), window.addEventListener("resize", O);
|
|
94
94
|
}), q(() => {
|
|
@@ -110,7 +110,7 @@ const ae = w(() => import("./KvHeaderMobileMenu.js")), C = w(() => import("./KvH
|
|
|
110
110
|
supportKivaLink: f,
|
|
111
111
|
basketLink: y,
|
|
112
112
|
signInLink: I,
|
|
113
|
-
menuButton:
|
|
113
|
+
menuButton: u,
|
|
114
114
|
lendUrl: W,
|
|
115
115
|
handleOnHover: V,
|
|
116
116
|
handleTouchStart: z,
|
|
@@ -118,8 +118,8 @@ const ae = w(() => import("./KvHeaderMobileMenu.js")), C = w(() => import("./KvH
|
|
|
118
118
|
handleAvatarMenuPosition: H,
|
|
119
119
|
KvHeaderMobileMenu: ae,
|
|
120
120
|
KvHeaderMyKivaMenu: C,
|
|
121
|
-
KvLendMenu:
|
|
122
|
-
KvHeaderTakeActionMenu:
|
|
121
|
+
KvLendMenu: ue,
|
|
122
|
+
KvHeaderTakeActionMenu: de,
|
|
123
123
|
KvHeaderAboutMenu: me
|
|
124
124
|
};
|
|
125
125
|
}
|
|
@@ -127,8 +127,8 @@ const ae = w(() => import("./KvHeaderMobileMenu.js")), C = w(() => import("./KvH
|
|
|
127
127
|
key: 0,
|
|
128
128
|
class: "tw-bg-eco-green-1 tw-py-0.5 tw-px-1 tw-text-eco-green-4"
|
|
129
129
|
}, Me = ["href"];
|
|
130
|
-
function we(
|
|
131
|
-
const A = k("kv-material-icon"), f = k("KvHeaderDropdownLink"), y = k("kv-icon-bag"), I = k("KvUserAvatar"),
|
|
130
|
+
function we(d, e, t, n, B, K) {
|
|
131
|
+
const A = k("kv-material-icon"), f = k("KvHeaderDropdownLink"), y = k("kv-icon-bag"), I = k("KvUserAvatar"), u = G("kv-track-event");
|
|
132
132
|
return a(), c("div", ve, [
|
|
133
133
|
v((a(), c("button", {
|
|
134
134
|
ref: "menuButton",
|
|
@@ -141,7 +141,7 @@ function we(u, e, t, n, B, K) {
|
|
|
141
141
|
}, [
|
|
142
142
|
_(A, { icon: n.mdiMenu }, null, 8, ["icon"])
|
|
143
143
|
], 34)), [
|
|
144
|
-
[
|
|
144
|
+
[u, t.openMenuItem === n.KvHeaderMobileMenu ? ["TopNav", "click-Hamburger-menu"] : null]
|
|
145
145
|
]),
|
|
146
146
|
v((a(), g(f, {
|
|
147
147
|
"ref-name": "lendButton",
|
|
@@ -159,7 +159,7 @@ function we(u, e, t, n, B, K) {
|
|
|
159
159
|
])),
|
|
160
160
|
_: 1
|
|
161
161
|
}, 8, ["href", "menu-component", "open-menu-item", "dropdown-icon", "onOnHover"])), [
|
|
162
|
-
[
|
|
162
|
+
[u, ["TopNav", "click-Lend"]]
|
|
163
163
|
]),
|
|
164
164
|
v((a(), g(f, {
|
|
165
165
|
"ref-name": "takeActionButton",
|
|
@@ -176,7 +176,7 @@ function we(u, e, t, n, B, K) {
|
|
|
176
176
|
])),
|
|
177
177
|
_: 1
|
|
178
178
|
}, 8, ["menu-component", "open-menu-item", "dropdown-icon", "onOnHover"])), [
|
|
179
|
-
[
|
|
179
|
+
[u, ["TopNav", "click-TakeAction"]]
|
|
180
180
|
]),
|
|
181
181
|
v((a(), g(f, {
|
|
182
182
|
"ref-name": "aboutUsLink",
|
|
@@ -194,7 +194,7 @@ function we(u, e, t, n, B, K) {
|
|
|
194
194
|
])),
|
|
195
195
|
_: 1
|
|
196
196
|
}, 8, ["menu-component", "open-menu-item", "dropdown-icon", "onOnHover"])), [
|
|
197
|
-
[
|
|
197
|
+
[u, ["TopNav", "click-About"]]
|
|
198
198
|
]),
|
|
199
199
|
e[15] || (e[15] = D("div", { class: "tw-flex-1 tw-h-full" }, null, -1)),
|
|
200
200
|
t.loggedIn ? v((a(), c("a", {
|
|
@@ -205,7 +205,7 @@ function we(u, e, t, n, B, K) {
|
|
|
205
205
|
}, e[13] || (e[13] = [
|
|
206
206
|
M(" My dashboard ")
|
|
207
207
|
]), 10, ce)), [
|
|
208
|
-
[
|
|
208
|
+
[u, ["TopNav", "click-Dashboard"]]
|
|
209
209
|
]) : h("", !0),
|
|
210
210
|
v((a(), c("a", {
|
|
211
211
|
ref: "basketLink",
|
|
@@ -219,7 +219,7 @@ function we(u, e, t, n, B, K) {
|
|
|
219
219
|
}, null, 8, ["count"])
|
|
220
220
|
], 2)), [
|
|
221
221
|
[J, t.basketCount > 0],
|
|
222
|
-
[
|
|
222
|
+
[u, ["TopNav", "click-Basket"]]
|
|
223
223
|
]),
|
|
224
224
|
D("div", {
|
|
225
225
|
class: "tw-cursor-pointer tw-flex tw-items-center tw-gap-1 tw-py-1.5",
|
|
@@ -244,11 +244,11 @@ function we(u, e, t, n, B, K) {
|
|
|
244
244
|
}, e[14] || (e[14] = [
|
|
245
245
|
M(" Sign in ")
|
|
246
246
|
]), 10, Me)), [
|
|
247
|
-
[
|
|
247
|
+
[u, ["TopNav", "click-Sign-in"]]
|
|
248
248
|
])
|
|
249
249
|
]);
|
|
250
250
|
}
|
|
251
|
-
const Le = /* @__PURE__ */ re(se, [["render", we], ["__scopeId", "data-v-
|
|
251
|
+
const Le = /* @__PURE__ */ re(se, [["render", we], ["__scopeId", "data-v-efd90aef"]]);
|
|
252
252
|
export {
|
|
253
253
|
Le as default
|
|
254
254
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kiva/kv-components",
|
|
3
|
-
"version": "6.52.
|
|
3
|
+
"version": "6.52.1",
|
|
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": "e6dd97b33769e82de59545b4732947db80fd1d6d"
|
|
118
118
|
}
|