@kiva/kv-components 6.54.0 → 6.55.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.
Files changed (5) hide show
  1. package/dist/vue/KvBorrowerImage.js +11 -9
  2. package/dist/vue/KvMap.js +3 -3
  3. package/dist/vue/KvWwwHeader/KvHeaderLinkBar.css +1 -1
  4. package/dist/vue/KvWwwHeader/KvHeaderLinkBar.js +119 -121
  5. package/package.json +2 -2
package/dist/vue/KvBorrowerImage.js CHANGED
@@ -1,5 +1,5 @@
1
- import { getKivaImageUrl as n } from "../utils/imageUtils.js";
2
- import { openBlock as h, createElementBlock as l, normalizeStyle as o, createElementVNode as c, createCommentVNode as u } from "vue";
1
+ import { getKivaImageUrl as l } from "../utils/imageUtils.js";
2
+ import { openBlock as h, createElementBlock as o, normalizeStyle as n, createElementVNode as c, createCommentVNode as u } from "vue";
3
3
  import m from "../_virtual/_plugin-vue_export-helper.js";
4
4
  const g = {
5
5
  name: "KvBorrowerImage",
@@ -63,7 +63,8 @@ const g = {
63
63
  defaultUrl() {
64
64
  return this.hash ? this.getImgUrl({
65
65
  ...this.defaultImage,
66
- height: this.defaultImage.width * this.aspectRatio
66
+ height: this.defaultImage.width * this.aspectRatio,
67
+ format: "jpg"
67
68
  }) : "";
68
69
  },
69
70
  // Get the 'sizes' string for the source element
@@ -89,10 +90,11 @@ const g = {
89
90
  methods: {
90
91
  // Get the url for the loan image sized width by height
91
92
  getImgUrl(t) {
92
- return n({
93
- ...t,
93
+ return l({
94
94
  base: this.photoPath,
95
- hash: this.hash
95
+ format: "webp",
96
+ hash: this.hash,
97
+ ...t
96
98
  });
97
99
  },
98
100
  // Get a string to use in the srcset attribute as the definition for a single image size
@@ -102,15 +104,15 @@ const g = {
102
104
  }
103
105
  }, d = ["srcset", "sizes"], f = ["src", "alt"];
104
106
  function p(t, e, r, a, i, s) {
105
- return h(), l("picture", {
107
+ return h(), o("picture", {
106
108
  class: "tw-inline-block tw-relative tw-overflow-hidden tw-w-full tw-bg-black",
107
- style: o(`padding-bottom: ${r.aspectRatio * 100}%;`)
109
+ style: n(`padding-bottom: ${r.aspectRatio * 100}%;`)
108
110
  }, [
109
111
  c("source", {
110
112
  srcset: s.srcset,
111
113
  sizes: s.sizes
112
114
  }, null, 8, d),
113
- r.hash ? (h(), l("img", {
115
+ r.hash ? (h(), o("img", {
114
116
  key: 0,
115
117
  class: "tw-absolute tw-w-full tw-h-full tw-object-contain",
116
118
  src: s.defaultUrl,
package/dist/vue/KvMap.js CHANGED
@@ -84,15 +84,15 @@ const f = {
84
84
  * {
85
85
  borrowerPoints: [
86
86
  {
87
- image: 'https://www-kiva-org.freetls.fastly.net/img/w80h80fz50/e60a3d61ff052d60991c5d6bbf4a45d3.jpg',
87
+ image: 'https://www.kiva.org/img/w80h80fz50/e60a3d61ff052d60991c5d6bbf4a45d3.webp',
88
88
  location: [-77.032, 38.913],
89
89
  },
90
90
  {
91
- image: 'https://www-kiva-org.freetls.fastly.net/img/w80h80fz50/6101929097c6e5de48232a4d1ae3b71c.jpg',
91
+ image: 'https://www.kiva.org/img/w80h80fz50/6101929097c6e5de48232a4d1ae3b71c.webp',
92
92
  location: [41.402, 7.160],
93
93
  },
94
94
  {
95
- image: 'https://www-kiva-org.freetls.fastly.net/img/w80h80fz50/11e018ee3d8b9c5adee459c16a29d264.jpg',
95
+ image: 'https://www.kiva.org/img/w80h80fz50/11e018ee3d8b9c5adee459c16a29d264.webp',
96
96
  location: [-73.356596, 3.501],
97
97
  },
98
98
  ],
package/dist/vue/KvWwwHeader/KvHeaderLinkBar.css CHANGED
@@ -1 +1 @@
1
- .header-link[data-v-69cf3729]{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-69cf3729]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}
1
+ .header-link[data-v-290d8315]{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-290d8315]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}[data-v-290d8315] .avatar div:first-child{display:flex}
package/dist/vue/KvWwwHeader/KvHeaderLinkBar.js CHANGED
@@ -1,20 +1,20 @@
1
- import { defineAsyncComponent as k, ref as a, computed as D, onMounted as G, onUnmounted as J, resolveComponent as h, resolveDirective as Q, openBlock as r, createElementBlock as s, withDirectives as v, normalizeClass as p, createVNode as C, createBlock as w, withCtx as L, createTextVNode as M, createElementVNode as E, createCommentVNode as y, vShow as X, toDisplayString as Y, Fragment 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 le from "../KvMaterialIcon.js";
5
- import ae from "../KvIconBag.js";
6
- import re from "./KvHeaderDropdownLink.js";
7
- import ie from "../KvUserAvatar.js";
8
- import { throttle as ue } from "../../utils/throttle.js";
1
+ import { defineAsyncComponent as k, ref as a, computed as C, onMounted as G, onUnmounted as J, resolveComponent as h, resolveDirective as Q, openBlock as r, createElementBlock as c, withDirectives as s, normalizeClass as p, createVNode as E, createBlock as f, withCtx as H, createTextVNode as M, createElementVNode as L, createCommentVNode as B, vShow as X, toDisplayString as Y } from "vue";
2
+ import { mdiAccountCircle as Z, mdiChevronDown as $, mdiMagnify as ee, mdiMenu as ne } from "@mdi/js";
3
+ import te from "numeral";
4
+ import oe from "../KvMaterialIcon.js";
5
+ import le from "../KvIconBag.js";
6
+ import ae from "./KvHeaderDropdownLink.js";
7
+ import re from "../KvUserAvatar.js";
8
+ import { throttle as ie } from "../../utils/throttle.js";
9
9
  import { isLegacyPlaceholderAvatar as de } from "../../utils/imageUtils.js";
10
10
  import "./KvHeaderLinkBar.css";
11
- import me from "../../_virtual/_plugin-vue_export-helper.js";
12
- const se = k(() => import("./KvHeaderMobileMenu.js")), S = k(() => import("./KvHeaderMyKivaMenu.js")), ve = k(() => import("./LendMenu/KvLendMenu.js")), ce = k(() => import("./KvHeaderTakeActionMenu.js")), fe = k(() => import("./KvHeaderAboutMenu.js")), P = 146, A = "avatar-menu", B = "menuButton", V = { top: "-3.75rem", width: "100%" }, we = {
11
+ import ue from "../../_virtual/_plugin-vue_export-helper.js";
12
+ const me = k(() => import("./KvHeaderMobileMenu.js")), S = k(() => import("./KvHeaderMyKivaMenu.js")), se = k(() => import("./LendMenu/KvLendMenu.js")), ve = k(() => import("./KvHeaderTakeActionMenu.js")), ce = k(() => import("./KvHeaderAboutMenu.js")), P = 146, y = "avatar-menu", K = "menuButton", V = { top: "-3.75rem", width: "100%" }, we = {
13
13
  components: {
14
- KvMaterialIcon: le,
15
- KvIconBag: ae,
16
- KvHeaderDropdownLink: re,
17
- KvUserAvatar: ie
14
+ KvMaterialIcon: oe,
15
+ KvIconBag: le,
16
+ KvHeaderDropdownLink: ae,
17
+ KvUserAvatar: re
18
18
  },
19
19
  props: {
20
20
  loggedIn: {
@@ -57,60 +57,60 @@ const se = k(() => import("./KvHeaderMobileMenu.js")), S = k(() => import("./KvH
57
57
  emits: [
58
58
  "item-hover"
59
59
  ],
60
- setup(u, { emit: n }) {
61
- const t = a(null), e = a(null), K = a(null), O = a(null), g = a(null), f = a(null), I = a(null), T = a(null), i = a(null), o = a(null), H = a(!1), b = a(), d = (l, m, c = null) => {
62
- n("item-hover", l, m, c);
63
- }, R = (l, m, c = null) => {
64
- navigator.maxTouchPoints || (o.value = l, d(
60
+ setup(d, { emit: e }) {
61
+ const t = a(null), n = a(null), O = a(null), U = a(null), g = a(null), w = a(null), A = a(null), T = a(null), i = a(null), o = a(null), I = a(!1), b = a(), u = (l, m, v = null) => {
62
+ e("item-hover", l, m, v);
63
+ }, R = (l, m, v = null) => {
64
+ navigator.maxTouchPoints || (o.value = l, u(
65
65
  l,
66
66
  m,
67
- l === B && u.isMobile ? V : c
67
+ l === K && d.isMobile ? V : v
68
68
  ));
69
69
  }, F = (l) => {
70
- !H.value && o.value === l && (o.value = null, d());
70
+ !I.value && o.value === l && (o.value = null, u());
71
71
  }, z = () => {
72
- var N, _;
73
- const l = (_ = (N = t.value) == null ? void 0 : N.userAvatar) == null ? void 0 : _.getBoundingClientRect();
72
+ var D, _;
73
+ const l = (_ = (D = t.value) == null ? void 0 : D.userAvatar) == null ? void 0 : _.getBoundingClientRect();
74
74
  if (!l) return null;
75
- const c = l.left + l.width / 2 - P / 2;
75
+ const v = l.left + l.width / 2 - P / 2;
76
76
  return {
77
- ...c + P > window.innerWidth ? { right: 0 } : { left: u.isMobile ? 0 : `${c}px` },
77
+ ...v + P > window.innerWidth ? { right: 0 } : { left: d.isMobile ? 0 : `${v}px` },
78
78
  marginTop: "-2px",
79
79
  // Avoid closing avatar menu on header edge
80
- borderRadius: u.isMobile ? "auto" : "0px 0px 8px 8px"
80
+ borderRadius: d.isMobile ? "auto" : "0px 0px 8px 8px"
81
81
  };
82
82
  }, x = () => {
83
- o.value = A, d(t.value, S, z());
83
+ o.value = y, u(t.value, S, z());
84
84
  }, W = (l, m) => {
85
- b.value = null, H.value = !0, b.value && clearTimeout(b.value), o.value === B && (o.value = null), !o.value || o.value !== l ? (o.value = l, l === A ? x() : l === B && u.isMobile ? d(l, m, V) : d(l, m)) : (o.value = null, d()), b.value = setTimeout(() => {
86
- H.value = !1;
85
+ b.value = null, I.value = !0, b.value && clearTimeout(b.value), o.value === K && (o.value = null), !o.value || o.value !== l ? (o.value = l, l === y ? x() : l === K && d.isMobile ? u(l, m, V) : u(l, m)) : (o.value = null, u()), b.value = setTimeout(() => {
86
+ I.value = !1;
87
87
  }, 500);
88
- }, U = ue(() => {
89
- o.value === A && x();
90
- }, 100), j = D(() => u.isMobile ? void 0 : "/lend-by-category"), q = D(() => {
88
+ }, N = ie(() => {
89
+ o.value === y && x();
90
+ }, 100), j = C(() => d.isMobile ? void 0 : "/lend-by-category"), q = C(() => {
91
91
  var l;
92
- return ((l = u.lenderImageUrl) == null ? void 0 : l.split("/").pop()) ?? "";
92
+ return ((l = d.lenderImageUrl) == null ? void 0 : l.split("/").pop()) ?? "";
93
93
  });
94
94
  return G(() => {
95
- import("./KvHeaderMobileMenu.js"), import("./KvHeaderMyKivaMenu.js"), import("./LendMenu/KvLendMenu.js"), import("./KvHeaderTakeActionMenu.js"), import("./KvHeaderAboutMenu.js"), window.addEventListener("resize", U);
95
+ import("./KvHeaderMobileMenu.js"), import("./KvHeaderMyKivaMenu.js"), import("./LendMenu/KvLendMenu.js"), import("./KvHeaderTakeActionMenu.js"), import("./KvHeaderAboutMenu.js"), window.addEventListener("resize", N);
96
96
  }), J(() => {
97
- window.removeEventListener("resize", U);
97
+ window.removeEventListener("resize", N);
98
98
  }), {
99
- AVATAR_MENU_ID: A,
99
+ AVATAR_MENU_ID: y,
100
100
  openMenuId: o,
101
- numeral: oe,
102
- mdiAccountCircle: $,
103
- mdiChevronDown: ee,
104
- mdiMagnify: ne,
105
- mdiMenu: te,
106
- onHover: d,
101
+ numeral: te,
102
+ mdiAccountCircle: Z,
103
+ mdiChevronDown: $,
104
+ mdiMagnify: ee,
105
+ mdiMenu: ne,
106
+ onHover: u,
107
107
  avatar: t,
108
- lendButton: e,
109
- aboutUsLink: K,
110
- partnerWithUsLink: O,
108
+ lendButton: n,
109
+ aboutUsLink: O,
110
+ partnerWithUsLink: U,
111
111
  borrowLink: g,
112
- supportKivaLink: f,
113
- basketLink: I,
112
+ supportKivaLink: w,
113
+ basketLink: A,
114
114
  signInLink: T,
115
115
  menuButton: i,
116
116
  lendUrl: j,
@@ -119,148 +119,146 @@ const se = k(() => import("./KvHeaderMobileMenu.js")), S = k(() => import("./KvH
119
119
  handleTouchStart: W,
120
120
  handleMouseOut: F,
121
121
  handleAvatarMenuPosition: x,
122
- KvHeaderMobileMenu: se,
122
+ KvHeaderMobileMenu: me,
123
123
  KvHeaderMyKivaMenu: S,
124
- KvLendMenu: ve,
125
- KvHeaderTakeActionMenu: ce,
126
- KvHeaderAboutMenu: fe,
124
+ KvLendMenu: se,
125
+ KvHeaderTakeActionMenu: ve,
126
+ KvHeaderAboutMenu: ce,
127
127
  isLegacyPlaceholderAvatar: de
128
128
  };
129
129
  }
130
- }, Me = { class: "tw-h-full tw-flex tw-items-center tw-gap-0.5 md:tw-gap-1.5 lg:tw-gap-2.5" }, ke = ["href"], ge = {
131
- key: 0,
132
- class: "tw-bg-eco-green-1 tw-py-0.5 tw-px-1 tw-text-eco-green-4"
133
- }, be = ["href"];
134
- function he(u, n, t, e, K, O) {
135
- const g = h("kv-material-icon"), f = h("KvHeaderDropdownLink"), I = h("kv-icon-bag"), T = h("KvUserAvatar"), i = Q("kv-track-event");
136
- return r(), s("div", Me, [
137
- v((r(), s("button", {
130
+ }, fe = { class: "tw-h-full tw-flex tw-items-center tw-gap-0.5 md:tw-gap-2 lg:tw-gap-2.5" }, Me = ["href"], ke = { class: "tw-text-eco-green-4" }, ge = ["href"];
131
+ function be(d, e, t, n, O, U) {
132
+ const g = h("kv-material-icon"), w = h("KvHeaderDropdownLink"), A = h("kv-icon-bag"), T = h("KvUserAvatar"), i = Q("kv-track-event");
133
+ return r(), c("div", fe, [
134
+ s((r(), c("button", {
138
135
  ref: "menuButton",
139
136
  class: p(["header-link tw-inline-flex md:tw-hidden", {
140
- "tw-text-tertiary": t.openMenuItem && t.openMenuItem !== e.KvHeaderMobileMenu
137
+ "tw-text-tertiary": t.openMenuItem && t.openMenuItem !== n.KvHeaderMobileMenu
141
138
  }]),
142
- onMouseover: n[0] || (n[0] = (o) => e.handleOnHover("menuButton", e.KvHeaderMobileMenu)),
143
- onMouseout: n[1] || (n[1] = (o) => e.handleMouseOut("menuButton")),
144
- onTouchstart: n[2] || (n[2] = (o) => e.handleTouchStart("menuButton", e.KvHeaderMobileMenu))
139
+ onMouseover: e[0] || (e[0] = (o) => n.handleOnHover("menuButton", n.KvHeaderMobileMenu)),
140
+ onMouseout: e[1] || (e[1] = (o) => n.handleMouseOut("menuButton")),
141
+ onTouchstart: e[2] || (e[2] = (o) => n.handleTouchStart("menuButton", n.KvHeaderMobileMenu))
145
142
  }, [
146
- C(g, { icon: e.mdiMenu }, null, 8, ["icon"])
143
+ E(g, { icon: n.mdiMenu }, null, 8, ["icon"])
147
144
  ], 34)), [
148
- [i, t.openMenuItem === e.KvHeaderMobileMenu ? ["TopNav", "click-Hamburger-menu"] : null]
145
+ [i, t.openMenuItem === n.KvHeaderMobileMenu ? ["TopNav", "click-Hamburger-menu"] : null]
149
146
  ]),
150
- v((r(), w(f, {
147
+ s((r(), f(w, {
151
148
  class: "tw-py-1",
152
149
  "ref-name": "lendButton",
153
- href: e.lendUrl,
154
- "menu-component": e.KvLendMenu,
150
+ href: n.lendUrl,
151
+ "menu-component": n.KvLendMenu,
155
152
  "open-menu-item": t.openMenuItem,
156
- "dropdown-icon": e.mdiChevronDown,
153
+ "dropdown-icon": n.mdiChevronDown,
157
154
  "base-class": "tw-inline-flex md:tw-border md:tw-rounded-md tw-px-1.5 tw-py-1",
158
- onOnHover: e.handleOnHover,
159
- onMouseout: n[3] || (n[3] = (o) => e.handleMouseOut("lendButton")),
160
- onTouchstart: n[4] || (n[4] = (o) => e.handleTouchStart("lendButton", e.KvLendMenu))
155
+ onOnHover: n.handleOnHover,
156
+ onMouseout: e[3] || (e[3] = (o) => n.handleMouseOut("lendButton")),
157
+ onTouchstart: e[4] || (e[4] = (o) => n.handleTouchStart("lendButton", n.KvLendMenu))
161
158
  }, {
162
- default: L(() => n[10] || (n[10] = [
159
+ default: H(() => e[10] || (e[10] = [
163
160
  M(" Lend ")
164
161
  ])),
165
162
  _: 1
166
163
  }, 8, ["href", "menu-component", "open-menu-item", "dropdown-icon", "onOnHover"])), [
167
164
  [i, ["TopNav", "click-Lend"]]
168
165
  ]),
169
- v((r(), w(f, {
166
+ s((r(), f(w, {
170
167
  "ref-name": "takeActionButton",
171
168
  "base-class": "tw-hidden md:tw-inline-flex tw-py-1",
172
- "menu-component": e.KvHeaderTakeActionMenu,
169
+ "menu-component": n.KvHeaderTakeActionMenu,
173
170
  "open-menu-item": t.openMenuItem,
174
- "dropdown-icon": e.mdiChevronDown,
171
+ "dropdown-icon": n.mdiChevronDown,
175
172
  "send-link-position": "",
176
- onOnHover: e.handleOnHover,
177
- onMouseout: n[5] || (n[5] = (o) => e.handleMouseOut("takeActionButton"))
173
+ onOnHover: n.handleOnHover,
174
+ onMouseout: e[5] || (e[5] = (o) => n.handleMouseOut("takeActionButton"))
178
175
  }, {
179
- default: L(() => n[11] || (n[11] = [
176
+ default: H(() => e[11] || (e[11] = [
180
177
  M(" Take action ")
181
178
  ])),
182
179
  _: 1
183
180
  }, 8, ["menu-component", "open-menu-item", "dropdown-icon", "onOnHover"])), [
184
181
  [i, ["TopNav", "click-TakeAction"]]
185
182
  ]),
186
- v((r(), w(f, {
183
+ s((r(), f(w, {
187
184
  "ref-name": "aboutUsLink",
188
185
  "data-testid": "header-about",
189
186
  "base-class": "tw-hidden md:tw-inline-flex tw-py-1",
190
- "menu-component": e.KvHeaderAboutMenu,
187
+ "menu-component": n.KvHeaderAboutMenu,
191
188
  "open-menu-item": t.openMenuItem,
192
- "dropdown-icon": e.mdiChevronDown,
189
+ "dropdown-icon": n.mdiChevronDown,
193
190
  "send-link-position": "",
194
- onOnHover: e.handleOnHover,
195
- onMouseout: n[6] || (n[6] = (o) => e.handleMouseOut("aboutUsLink"))
191
+ onOnHover: n.handleOnHover,
192
+ onMouseout: e[6] || (e[6] = (o) => n.handleMouseOut("aboutUsLink"))
196
193
  }, {
197
- default: L(() => n[12] || (n[12] = [
194
+ default: H(() => e[12] || (e[12] = [
198
195
  M(" About ")
199
196
  ])),
200
197
  _: 1
201
198
  }, 8, ["menu-component", "open-menu-item", "dropdown-icon", "onOnHover"])), [
202
199
  [i, ["TopNav", "click-About"]]
203
200
  ]),
204
- n[15] || (n[15] = E("div", { class: "tw-flex-1 tw-h-full" }, null, -1)),
205
- t.loggedIn ? v((r(), s("a", {
201
+ e[16] || (e[16] = L("div", { class: "tw-flex-1 tw-h-full" }, null, -1)),
202
+ t.loggedIn ? s((r(), c("a", {
206
203
  key: 0,
207
204
  ref: "dashboardLink",
208
205
  href: t.myDashboardUrl,
209
206
  class: p(["header-link tw-hidden md:tw-block", { "tw-text-tertiary": !!t.openMenuItem }])
210
- }, n[13] || (n[13] = [
207
+ }, e[13] || (e[13] = [
211
208
  M(" My dashboard ")
212
- ]), 10, ke)), [
209
+ ]), 10, Me)), [
213
210
  [i, ["TopNav", "click-Dashboard"]]
214
- ]) : y("", !0),
215
- v((r(), s("a", {
211
+ ]) : B("", !0),
212
+ s((r(), c("a", {
216
213
  ref: "basketLink",
217
214
  href: "/basket",
218
- class: p(["header-link tw-relative md:!tw-mr-0", { "tw-text-tertiary": !!t.openMenuItem }]),
215
+ class: p(["header-link tw-relative md:!tw-mr-0 tw-flex tw-items-center tw-gap-0.5", { "tw-text-tertiary": !!t.openMenuItem }]),
219
216
  style: { "margin-right": "2px" },
220
217
  "data-testid": "header-basket"
221
218
  }, [
222
- C(I, {
223
- class: "tw-w-3 tw-h-3 tw-pointer-events-none",
219
+ E(A, {
220
+ class: "tw-w-3 tw-h-3 md:tw-w-3.5 md:tw-h-3.5 tw-pointer-events-none",
224
221
  count: t.basketCount
225
- }, null, 8, ["count"])
222
+ }, null, 8, ["count"]),
223
+ e[14] || (e[14] = L("span", { class: "tw-hidden md:tw-block" }, "Basket", -1))
226
224
  ], 2)), [
227
225
  [X, t.basketCount > 0],
228
226
  [i, ["TopNav", "click-Basket"]]
229
227
  ]),
230
- E("div", {
231
- class: "tw-cursor-pointer tw-flex tw-items-center tw-gap-1 tw-py-1.5",
232
- onMouseover: n[7] || (n[7] = (...o) => e.handleAvatarMenuPosition && e.handleAvatarMenuPosition(...o)),
233
- onMouseout: n[8] || (n[8] = (o) => e.handleMouseOut(e.AVATAR_MENU_ID)),
234
- onTouchstart: n[9] || (n[9] = (o) => e.handleTouchStart(e.AVATAR_MENU_ID))
235
- }, [
236
- t.loggedIn ? (r(), s("span", ge, Y(e.numeral(t.balance).format("$0")), 1)) : y("", !0),
237
- t.loggedIn ? (r(), s(Z, { key: 1 }, [
238
- e.isLegacyPlaceholderAvatar(e.avatarFilename) || !e.avatarFilename ? (r(), w(g, {
239
- key: 0,
240
- icon: e.mdiAccountCircle,
241
- class: "tw-w-3"
242
- }, null, 8, ["icon"])) : (r(), w(T, {
243
- key: 1,
244
- ref: "avatar",
245
- "lender-name": t.lenderName,
246
- "lender-image-url": t.lenderImageUrl,
247
- "is-small": ""
248
- }, null, 8, ["lender-name", "lender-image-url"]))
249
- ], 64)) : y("", !0)
250
- ], 32),
251
- t.loggedIn ? y("", !0) : v((r(), s("a", {
228
+ t.loggedIn ? (r(), c("div", {
252
229
  key: 1,
230
+ 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",
231
+ onMouseover: e[7] || (e[7] = (...o) => n.handleAvatarMenuPosition && n.handleAvatarMenuPosition(...o)),
232
+ onMouseout: e[8] || (e[8] = (o) => n.handleMouseOut(n.AVATAR_MENU_ID)),
233
+ onTouchstart: e[9] || (e[9] = (o) => n.handleTouchStart(n.AVATAR_MENU_ID))
234
+ }, [
235
+ n.isLegacyPlaceholderAvatar(n.avatarFilename) || !n.avatarFilename ? (r(), f(g, {
236
+ key: 0,
237
+ icon: n.mdiAccountCircle,
238
+ class: "tw-w-3"
239
+ }, null, 8, ["icon"])) : (r(), f(T, {
240
+ key: 1,
241
+ ref: "avatar",
242
+ class: "avatar",
243
+ "lender-name": t.lenderName,
244
+ "lender-image-url": t.lenderImageUrl,
245
+ "is-small": ""
246
+ }, null, 8, ["lender-name", "lender-image-url"])),
247
+ L("span", ke, Y(n.numeral(t.balance).format("$0")), 1)
248
+ ], 32)) : B("", !0),
249
+ t.loggedIn ? B("", !0) : s((r(), c("a", {
250
+ key: 2,
253
251
  ref: "signInLink",
254
252
  href: t.loginUrl,
255
253
  class: p(["header-link", { "tw-text-tertiary": !!t.openMenuItem }])
256
- }, n[14] || (n[14] = [
254
+ }, e[15] || (e[15] = [
257
255
  M(" Sign in ")
258
- ]), 10, be)), [
256
+ ]), 10, ge)), [
259
257
  [i, ["TopNav", "click-Sign-in"]]
260
258
  ])
261
259
  ]);
262
260
  }
263
- const Ne = /* @__PURE__ */ me(we, [["render", he], ["__scopeId", "data-v-69cf3729"]]);
261
+ const Ue = /* @__PURE__ */ ue(we, [["render", be], ["__scopeId", "data-v-290d8315"]]);
264
262
  export {
265
- Ne as default
263
+ Ue as default
266
264
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kiva/kv-components",
3
- "version": "6.54.0",
3
+ "version": "6.55.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": "001bbdce60101ebc7c1891606c8011f2822f0753"
117
+ "gitHead": "26b3da94fada3375cd0859e3c2fb0b2d622e73ca"
118
118
  }