@kiva/kv-components 6.59.3 → 6.60.0

package/dist/vue/KvLendCta.css

@@ -1 +1 @@
-.amountDropdownWrapper[data-v-629f4bdf] select{border-radius:14px 0 0 14px}.lend-again[data-v-629f4bdf] span{padding-left:.5rem;padding-right:.5rem}.lendButtonWrapper[data-v-629f4bdf] span:first-child{border-radius:0 14px 14px 0}.filtered-dropdown[data-v-629f4bdf] select{cursor:pointer;border-radius:1rem;border-width:2px;font-weight:500}.unselected-dropdown[data-v-629f4bdf] select{--tw-border-opacity: 1;border-color:rgb(158 158 158 / var(--tw-border-opacity, 1))}.preset-option[data-v-629f4bdf] span.tw-w-full:first-child{border-width:2px;--tw-border-opacity: 1;border-color:rgb(158 158 158 / var(--tw-border-opacity, 1))}.selected-dropdown[data-v-629f4bdf] select,.selected-option[data-v-629f4bdf] span.tw-w-full:first-child{--tw-border-opacity: 1;border-color:rgba(var(--border-action),var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgba(var(--bg-secondary),var(--tw-bg-opacity, 1))}.button-ellipsis[data-v-629f4bdf] span>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 410px){.mobile-dropdown-small[data-v-629f4bdf]{flex:0 0 40%}}
+.amountDropdownWrapper[data-v-ee9d40cc] select{border-radius:14px 0 0 14px}.lend-again[data-v-ee9d40cc] span{padding-left:.5rem;padding-right:.5rem}.lendButtonWrapper[data-v-ee9d40cc] span:first-child{border-radius:0 14px 14px 0}.filtered-dropdown[data-v-ee9d40cc] select{cursor:pointer;border-radius:1rem;border-width:2px;font-weight:500}.unselected-dropdown[data-v-ee9d40cc] select{--tw-border-opacity: 1;border-color:rgb(158 158 158 / var(--tw-border-opacity, 1))}.preset-option[data-v-ee9d40cc] span.tw-w-full:first-child{border-width:2px;--tw-border-opacity: 1;border-color:rgb(158 158 158 / var(--tw-border-opacity, 1))}.selected-dropdown[data-v-ee9d40cc] select,.selected-option[data-v-ee9d40cc] span.tw-w-full:first-child{--tw-border-opacity: 1;border-color:rgba(var(--border-action),var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgba(var(--bg-secondary),var(--tw-bg-opacity, 1))}.button-ellipsis[data-v-ee9d40cc] span>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 410px){.mobile-dropdown-small[data-v-ee9d40cc]{flex:0 0 40%}}

package/dist/vue/KvLendCta.js

@@ -6,7 +6,7 @@ import R from "./KvLendAmountButton.js";
 import S from "./KvSelect.js";
 import F from "./KvButton.js";
 import V from "./KvMaterialIcon.js";
-import { resolveComponent as v, openBlock as o, createElementBlock as i, createBlock as a, withCtx as r, createTextVNode as f, toDisplayString as u, createElementVNode as h, createVNode as y, withModifiers as A, normalizeClass as w, Fragment as k, renderList as p, createCommentVNode as c } from "vue";
+import { resolveComponent as v, openBlock as o, createElementBlock as r, createBlock as a, withCtx as i, createTextVNode as f, toDisplayString as u, createElementVNode as h, createVNode as y, withModifiers as A, normalizeClass as w, Fragment as k, renderList as p, createCommentVNode as c } from "vue";
 import "./KvLendCta.css";
 import W from "../_virtual/_plugin-vue_export-helper.js";
 const _ = "Other", E = 430, g = 480, x = 380, De = T`
@@ -390,19 +390,19 @@ const _ = "Other", E = 430, g = 480, x = 380, De = T`
   key: 2,
   class: "tw-w-full tw-text-center tw-rounded tw-p-2",
   style: { background: "#f1f1f1" }
-}, z = { class: "tw-flex" }, H = ["disabled"], j = {
+}, z = { class: "tw-flex tw-items-center" }, H = ["disabled"], j = {
   key: 0,
   class: "md:tw-hidden tw-w-full"
 }, q = { class: "tw-flex tw-flex-col tw-gap-1 tw-w-full" }, G = { class: "tw-flex tw-gap-1 tw-w-full" }, J = ["value"], Q = { class: "tw-flex tw-gap-1" }, X = ["value"], Y = { class: "tw-flex tw-items-center tw-h-full tw-w-full" }, Z = { class: "tw-min-w-0 tw-flex-1 tw-overflow-hidden tw-text-ellipsis tw-whitespace-nowrap" }, $ = {
   key: 1,
   class: "tw-w-full"
-}, ee = { class: "tw-flex tw-flex-col tw-gap-1 tw-w-full" }, te = { class: "tw-flex tw-gap-1 tw-w-full" }, ne = ["value"], se = { class: "tw-flex tw-gap-1" }, oe = ["value"], le = { class: "tw-flex tw-items-center tw-h-full tw-w-full" }, de = { class: "tw-min-w-0 tw-flex-1 tw-overflow-hidden tw-text-ellipsis tw-whitespace-nowrap" }, ie = ["value"], re = {
+}, ee = { class: "tw-flex tw-flex-col tw-gap-1 tw-w-full" }, te = { class: "tw-flex tw-gap-1 tw-w-full" }, ne = ["value"], se = { class: "tw-flex tw-gap-1" }, oe = ["value"], le = { class: "tw-flex tw-items-center tw-h-full tw-w-full" }, de = { class: "tw-min-w-0 tw-flex-1 tw-overflow-hidden tw-text-ellipsis tw-whitespace-nowrap" }, re = ["value"], ie = {
   key: 3,
   class: "amountDropdownWrapper"
 }, ae = ["value"];
 function ue(n, s, l, D, d, e) {
   const m = v("kv-ui-button"), P = v("kv-material-icon"), B = v("kv-ui-select"), O = v("kv-lend-amount-button");
-  return o(), i("div", M, [
+  return o(), r("div", M, [
     e.isInBasket ? (o(), a(m, {
       key: 0,
       variant: "secondary",
@@ -412,7 +412,7 @@ function ue(n, s, l, D, d, e) {
       href: l.externalLinks ? "/basket" : void 0,
       onClick: s[0] || (s[0] = (t) => e.clickSecondaryButton(t))
     }, {
-      default: r(() => [
+      default: i(() => [
         f(u(e.loanInBasketButtonText), 1)
       ]),
       _: 1
@@ -420,11 +420,11 @@ function ue(n, s, l, D, d, e) {
       key: 1,
       class: "tw-inline-flex tw-flex-1"
     }, {
-      default: r(() => [
+      default: i(() => [
         f(u(e.ctaButtonText), 1)
       ]),
       _: 1
-    })) : e.isFunded ? (o(), i("div", U, " This loan was just funded! 🎉 ")) : l.showViewLoan ? (o(), a(m, {
+    })) : e.isFunded ? (o(), r("div", U, " This loan was just funded! 🎉 ")) : l.showViewLoan ? (o(), a(m, {
       key: 3,
       state: `${e.allSharesReserved ? "disabled" : ""}`,
       to: l.externalLinks ? void 0 : e.readMorePath,
@@ -432,17 +432,17 @@ function ue(n, s, l, D, d, e) {
       class: "tw-mb-0",
       onClick: s[1] || (s[1] = (t) => n.$emit("show-loan-details", t))
     }, {
-      default: r(() => [
+      default: i(() => [
         h("span", z, [
           s[9] || (s[9] = f(" View loan ")),
           y(P, {
-            class: "tw-w-3 tw-h-3 tw-align-middle",
+            class: "tw-w-3 tw-h-3",
             icon: d.mdiChevronRight
           }, null, 8, ["icon"])
         ])
       ]),
       _: 1
-    }, 8, ["state", "to", "href"])) : e.useFormSubmit ? (o(), i("form", {
+    }, 8, ["state", "to", "href"])) : e.useFormSubmit ? (o(), r("form", {
       key: 4,
       class: "tw-w-full tw-flex",
       onSubmit: s[8] || (s[8] = A((...t) => e.addToBasket && e.addToBasket(...t), ["prevent"]))
@@ -456,17 +456,17 @@ function ue(n, s, l, D, d, e) {
         disabled: l.isAdding,
         "data-testid": "bp-lend-cta-select-and-button"
       }, [
-        l.showPresetAmounts && !l.isAdding && !e.isLendAmountButton && e.presetButtonsPrices.length > 1 && !e.isNarrowDesktop ? (o(), i("div", j, [
+        l.showPresetAmounts && !l.isAdding && !e.isLendAmountButton && e.presetButtonsPrices.length > 1 && !e.isNarrowDesktop ? (o(), r("div", j, [
           h("div", q, [
             h("div", G, [
-              (o(!0), i(k, null, p(e.presetButtonsPrices, (t) => (o(), a(m, {
+              (o(!0), r(k, null, p(e.presetButtonsPrices, (t) => (o(), a(m, {
                 key: t,
                 variant: "secondary",
                 class: w(["preset-option tw-flex-1 tw-min-w-0", { "selected-option": d.selectedOption == t }]),
                 "data-testid": "bp-lend-cta-lend-button-mobile",
                 onClick: (b) => e.clickPresetButton(t)
               }, {
-                default: r(() => [
+                default: i(() => [
                   f(" $ " + u(t), 1)
                 ]),
                 _: 2
@@ -486,8 +486,8 @@ function ue(n, s, l, D, d, e) {
                 "aria-label": "Lend amount",
                 onClick: A(e.clickDropdown, ["stop"])
               }, {
-                default: r(() => [
-                  (o(!0), i(k, null, p(e.presetDropdownPrices, (t) => (o(), i("option", {
+                default: i(() => [
+                  (o(!0), r(k, null, p(e.presetDropdownPrices, (t) => (o(), r("option", {
                     key: t,
                     value: t
                   }, u(t !== d.OTHER_OPTION ? `$${t}` : t), 9, J))), 128))
@@ -511,8 +511,8 @@ function ue(n, s, l, D, d, e) {
                 "aria-label": "Lend amount",
                 onClick: A(e.clickDropdown, ["stop"])
               }, {
-                default: r(() => [
-                  (o(!0), i(k, null, p(e.presetDropdownPrices, (t) => (o(), i("option", {
+                default: i(() => [
+                  (o(!0), r(k, null, p(e.presetDropdownPrices, (t) => (o(), r("option", {
                     key: "small-" + t,
                     value: t
                   }, u(t !== d.OTHER_OPTION ? `$${t}` : t), 9, X))), 128))
@@ -524,7 +524,7 @@ function ue(n, s, l, D, d, e) {
                 "data-testid": "bp-lend-cta-mobile-lend-button",
                 type: "submit"
               }, {
-                default: r(() => [
+                default: i(() => [
                   h("span", Y, [
                     h("span", Z, u(e.ctaButtonText), 1)
                   ])
@@ -534,17 +534,17 @@ function ue(n, s, l, D, d, e) {
             ])
           ])
         ])) : c("", !0),
-        l.showPresetAmounts && !l.isAdding && !e.isLendAmountButton && e.presetButtonsPrices.length > 1 && e.isNarrowDesktop ? (o(), i("div", $, [
+        l.showPresetAmounts && !l.isAdding && !e.isLendAmountButton && e.presetButtonsPrices.length > 1 && e.isNarrowDesktop ? (o(), r("div", $, [
           h("div", ee, [
             h("div", te, [
-              (o(!0), i(k, null, p(e.presetButtonsPrices, (t) => (o(), a(m, {
+              (o(!0), r(k, null, p(e.presetButtonsPrices, (t) => (o(), a(m, {
                 key: t,
                 variant: "secondary",
                 class: w(["preset-option tw-flex-1 tw-min-w-0", { "selected-option": d.selectedOption == t }]),
                 "data-testid": "bp-lend-cta-lend-button-narrow-desktop",
                 onClick: (b) => e.clickPresetButton(t)
               }, {
-                default: r(() => [
+                default: i(() => [
                   f(" $ " + u(t), 1)
                 ]),
                 _: 2
@@ -564,8 +564,8 @@ function ue(n, s, l, D, d, e) {
                 "aria-label": "Lend amount",
                 onClick: A(e.clickDropdown, ["stop"])
               }, {
-                default: r(() => [
-                  (o(!0), i(k, null, p(e.presetDropdownPrices, (t) => (o(), i("option", {
+                default: i(() => [
+                  (o(!0), r(k, null, p(e.presetDropdownPrices, (t) => (o(), r("option", {
                     key: t,
                     value: t
                   }, u(t !== d.OTHER_OPTION ? `${t}` : t), 9, ne))), 128))
@@ -589,8 +589,8 @@ function ue(n, s, l, D, d, e) {
                 "aria-label": "Lend amount",
                 onClick: A(e.clickDropdown, ["stop"])
               }, {
-                default: r(() => [
-                  (o(!0), i(k, null, p(e.presetDropdownPrices, (t) => (o(), i("option", {
+                default: i(() => [
+                  (o(!0), r(k, null, p(e.presetDropdownPrices, (t) => (o(), r("option", {
                     key: "narrow-small-" + t,
                     value: t
                   }, u(t !== d.OTHER_OPTION ? `${t}` : t), 9, oe))), 128))
@@ -602,7 +602,7 @@ function ue(n, s, l, D, d, e) {
                 "data-testid": "bp-lend-cta-narrow-desktop-lend-button",
                 type: "submit"
               }, {
-                default: r(() => [
+                default: i(() => [
                   h("span", le, [
                     h("span", de, u(e.ctaButtonText), 1)
                   ])
@@ -612,21 +612,21 @@ function ue(n, s, l, D, d, e) {
             ])
           ])
         ])) : c("", !0),
-        l.showPresetAmounts && !l.isAdding && !e.isNarrowDesktop ? (o(), i("div", {
+        l.showPresetAmounts && !l.isAdding && !e.isNarrowDesktop ? (o(), r("div", {
           key: 2,
           class: w({
             "tw-flex tw-gap-0.5 md:tw-gap-1 lg:tw-gap-1 tw-flex-wrap md:tw-flex-nowrap": !0,
             "tw-hidden md:tw-flex": !e.isLendAmountButton && e.presetButtonsPrices.length > 1
           })
         }, [
-          e.isLendAmountButton ? c("", !0) : (o(!0), i(k, { key: 0 }, p(e.presetButtonsPrices, (t) => (o(), a(m, {
+          e.isLendAmountButton ? c("", !0) : (o(!0), r(k, { key: 0 }, p(e.presetButtonsPrices, (t) => (o(), a(m, {
             key: t,
             variant: "secondary",
             class: w(["tw-inline-flex tw-flex-1 preset-option tw-w-8", { "selected-option": d.selectedOption == t }]),
             "data-testid": "bp-lend-cta-lend-button",
             onClick: (b) => e.clickPresetButton(t)
           }, {
-            default: r(() => [
+            default: i(() => [
               f(" $" + u(t), 1)
             ]),
             _: 2
@@ -646,15 +646,15 @@ function ue(n, s, l, D, d, e) {
             "aria-label": "Lend amount",
             onClick: A(e.clickDropdown, ["stop"])
           }, {
-            default: r(() => [
-              (o(!0), i(k, null, p(e.presetDropdownPrices, (t) => (o(), i("option", {
+            default: i(() => [
+              (o(!0), r(k, null, p(e.presetDropdownPrices, (t) => (o(), r("option", {
                 key: t,
                 value: t
-              }, u(t !== d.OTHER_OPTION ? `$${t}` : t), 9, ie))), 128))
+              }, u(t !== d.OTHER_OPTION ? `$${t}` : t), 9, re))), 128))
             ]),
             _: 1
           }, 8, ["id", "modelValue", "class", "onUpdate:modelValue", "onClick"])) : c("", !0)
-        ], 2)) : l.showPresetAmounts ? c("", !0) : (o(), i("div", re, [
+        ], 2)) : l.showPresetAmounts ? c("", !0) : (o(), r("div", ie, [
           e.hideShowLendDropdown && !e.isLessThan25 ? (o(), a(B, {
             key: 0,
             id: `LoanAmountDropdown_${e.loanId}`,
@@ -668,8 +668,8 @@ function ue(n, s, l, D, d, e) {
             "aria-label": "Lend amount",
             onClick: A(e.clickDropdown, ["stop"])
           }, {
-            default: r(() => [
-              (o(!0), i(k, null, p(e.prices, (t) => (o(), i("option", {
+            default: i(() => [
+              (o(!0), r(k, null, p(e.prices, (t) => (o(), r("option", {
                 key: t,
                 value: t
               }, " $" + u(t), 9, ae))), 128))
@@ -691,7 +691,7 @@ function ue(n, s, l, D, d, e) {
             "data-testid": "bp-lend-cta-lend-button",
             type: "submit"
           }, {
-            default: r(() => [
+            default: i(() => [
               f(u(e.ctaButtonText), 1)
             ]),
             _: 1
@@ -701,7 +701,7 @@ function ue(n, s, l, D, d, e) {
             "data-testid": "bp-lend-cta-lend-again-button",
             type: "submit"
           }, {
-            default: r(() => [
+            default: i(() => [
               f(u(l.primaryButtonText || "Lend") + " again ", 1)
             ]),
             _: 1
@@ -720,7 +720,7 @@ function ue(n, s, l, D, d, e) {
           key: 5,
           class: "tw-inline-flex tw-flex-1"
         }, {
-          default: r(() => s[10] || (s[10] = [
+          default: i(() => s[10] || (s[10] = [
             f(" Adding to basket ")
           ])),
           _: 1
@@ -729,7 +729,7 @@ function ue(n, s, l, D, d, e) {
     ], 32)) : c("", !0)
   ], 512);
 }
-const be = /* @__PURE__ */ W(K, [["render", ue], ["__scopeId", "data-v-629f4bdf"]]);
+const be = /* @__PURE__ */ W(K, [["render", ue], ["__scopeId", "data-v-ee9d40cc"]]);
 export {
   De as KV_LEND_CTA_FRAGMENT,
   ye as KV_LEND_CTA_USER_FRAGMENT,

package/dist/vue/KvWwwHeader/KvHeaderLinkBar.css

@@ -1 +1 @@
-.header-link[data-v-c17d7459]{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-c17d7459]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}[data-v-c17d7459] .avatar div:first-child{display:flex}
+.header-link[data-v-d33b2f4e]{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-d33b2f4e]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}[data-v-d33b2f4e] .avatar div:first-child{display:flex}

package/dist/vue/KvWwwHeader/KvHeaderLinkBar.js

@@ -1,20 +1,20 @@
-import { defineAsyncComponent as k, ref as r, computed as x, watch as C, onMounted as X, onUnmounted as Y, resolveComponent as b, resolveDirective as Z, openBlock as i, createElementBlock as w, withDirectives as v, normalizeClass as p, withModifiers as H, createVNode as L, createBlock as y, withCtx as U, createTextVNode as f, createElementVNode as T, createCommentVNode as _, vShow as P, toDisplayString as $ } from "vue";
-import { mdiAccountCircle as ee, mdiChevronDown as ne, mdiMagnify as te, mdiMenu as oe } from "@mdi/js";
-import ae from "numeral";
-import le from "../KvMaterialIcon.js";
-import re from "../KvIconBag.js";
-import ie from "./KvHeaderDropdownLink.js";
-import de from "../KvUserAvatar.js";
-import { throttle as ue } from "../../utils/throttle.js";
-import { isLegacyPlaceholderAvatar as me } from "../../utils/imageUtils.js";
+import { defineAsyncComponent as k, ref as r, inject as Y, computed as x, watch as C, onMounted as Z, onUnmounted as $, resolveComponent as b, resolveDirective as ee, openBlock as i, createElementBlock as w, withDirectives as s, normalizeClass as p, withModifiers as H, createVNode as L, createBlock as y, withCtx as U, createTextVNode as f, createElementVNode as T, createCommentVNode as _, vShow as P, toDisplayString as ne } from "vue";
+import { mdiAccountCircle as te, mdiChevronDown as oe, mdiMagnify as ae, mdiMenu as le } from "@mdi/js";
+import re from "numeral";
+import ie from "../KvMaterialIcon.js";
+import de from "../KvIconBag.js";
+import ue from "./KvHeaderDropdownLink.js";
+import me from "../KvUserAvatar.js";
+import { throttle as ve } from "../../utils/throttle.js";
+import { isLegacyPlaceholderAvatar as se } from "../../utils/imageUtils.js";
 import "./KvHeaderLinkBar.css";
-import se from "../../_virtual/_plugin-vue_export-helper.js";
-const ve = k(() => import("./KvHeaderMobileMenu.js")), V = k(() => import("./KvHeaderMyKivaMenu.js")), ce = k(() => import("./LendMenu/KvLendMenu.js")), we = k(() => import("./KvHeaderTakeActionMenu.js")), fe = k(() => import("./KvHeaderAboutMenu.js")), B = 120, M = "avatar-menu", K = "menuButton", R = { top: "-3.75rem", width: "100%" }, F = "lendButton", Me = {
+import ce from "../../_virtual/_plugin-vue_export-helper.js";
+const we = k(() => import("./KvHeaderMobileMenu.js")), V = k(() => import("./KvHeaderMyKivaMenu.js")), fe = k(() => import("./LendMenu/KvLendMenu.js")), Me = k(() => import("./KvHeaderTakeActionMenu.js")), ke = k(() => import("./KvHeaderAboutMenu.js")), B = 120, M = "avatar-menu", K = "menuButton", R = { top: "-3.75rem", width: "100%" }, F = "lendButton", ge = {
   components: {
-    KvMaterialIcon: le,
-    KvIconBag: re,
-    KvHeaderDropdownLink: ie,
-    KvUserAvatar: de
+    KvMaterialIcon: ie,
+    KvIconBag: de,
+    KvHeaderDropdownLink: ue,
+    KvUserAvatar: me
   },
   props: {
     loggedIn: {
@@ -58,15 +58,15 @@ const ve = k(() => import("./KvHeaderMobileMenu.js")), V = k(() => import("./KvH
     "item-hover"
   ],
   setup(l, { emit: n }) {
-    const a = r(null), e = r(null), N = 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, s, m = null) => {
-      n("item-hover", o, s, m);
-    }, z = (o, s, m = null) => {
+    const a = r(null), e = r(null), N = r(null), O = r(null), g = r(null), c = r(null), A = r(null), I = r(null), d = r(null), t = r(null), z = Y("$kvTrackEvent"), u = (o, v, m = null) => {
+      n("item-hover", o, v, m);
+    }, W = (o, v, m = null) => {
       navigator.maxTouchPoints || (t.value = o, u(
         o,
-        s,
+        v,
         o === K && l.isMobile ? R : m
       ));
-    }, W = (o) => {
+    }, j = (o) => {
       !navigator.maxTouchPoints && t.value === o && (t.value = null, u());
     }, E = () => {
       var S;
@@ -80,79 +80,79 @@ const ve = k(() => import("./KvHeaderMobileMenu.js")), V = k(() => import("./KvH
         borderRadius: l.isMobile ? "auto" : "0px 0px 8px 8px",
         width: l.isMobile ? "100%" : `${B}px`
       };
-    }, g = () => {
+    }, h = () => {
       t.value = M, u(a.value, V, E());
-    }, j = (o, s, m) => {
-      o === F && t.value !== F && this.$kvTrackEvent(
+    }, q = (o, v, m) => {
+      o === F && t.value !== F && z(
         "TopNav",
         "hover-Lend-menu",
         "Lend"
-      ), t.value === K && (t.value = null), !t.value || t.value !== o ? (t.value = o, o === M ? g() : o === K && l.isMobile ? u(o, s, R) : u(o, s, m)) : (t.value = null, u());
-    }, D = ue(() => {
-      t.value === M && g();
-    }, 100), q = x(() => l.isMobile ? void 0 : "/lend-by-category"), G = x(() => {
+      ), t.value === K && (t.value = null), !t.value || t.value !== o ? (t.value = o, o === M ? h() : o === K && l.isMobile ? u(o, v, R) : u(o, v, m)) : (t.value = null, u());
+    }, D = ve(() => {
+      t.value === M && h();
+    }, 100), G = x(() => l.isMobile ? void 0 : "/lend-by-category"), J = x(() => {
       var o;
       return ((o = l.lenderImageUrl) == null ? void 0 : o.split("/").pop()) ?? "";
-    }), J = x(() => Math.floor(l.balance)), Q = (o) => {
+    }), Q = x(() => Math.floor(l.balance)), X = (o) => {
       o.target === o.currentTarget && u();
     };
     return C(
       () => l.isMobile,
       () => {
-        t.value === M && g();
+        t.value === M && h();
       }
     ), C(
       () => l.openMenuItem,
       (o) => {
         o || (t.value = null);
       }
-    ), X(() => {
+    ), Z(() => {
       import("./KvHeaderMobileMenu.js"), import("./KvHeaderMyKivaMenu.js"), import("./LendMenu/KvLendMenu.js"), import("./KvHeaderTakeActionMenu.js"), import("./KvHeaderAboutMenu.js"), window.addEventListener("resize", D);
-    }), Y(() => {
+    }), $(() => {
       window.removeEventListener("resize", D);
     }), {
       AVATAR_MENU_ID: M,
       openMenuId: t,
-      numeral: ae,
-      mdiAccountCircle: ee,
-      mdiChevronDown: ne,
-      mdiMagnify: te,
-      mdiMenu: oe,
+      numeral: re,
+      mdiAccountCircle: te,
+      mdiChevronDown: oe,
+      mdiMagnify: ae,
+      mdiMenu: le,
       onHover: u,
       avatar: a,
       lendButton: e,
       aboutUsLink: N,
       partnerWithUsLink: O,
-      borrowLink: h,
+      borrowLink: g,
       supportKivaLink: c,
       basketLink: A,
       signInLink: I,
       menuButton: d,
-      lendUrl: q,
-      avatarFilename: G,
-      handleOnHover: z,
-      handleTouchStart: j,
-      handleMouseOut: W,
-      handleAvatarMenuPosition: g,
-      KvHeaderMobileMenu: ve,
+      lendUrl: G,
+      avatarFilename: J,
+      handleOnHover: W,
+      handleTouchStart: q,
+      handleMouseOut: j,
+      handleAvatarMenuPosition: h,
+      KvHeaderMobileMenu: we,
       KvHeaderMyKivaMenu: V,
-      KvLendMenu: ce,
-      KvHeaderTakeActionMenu: we,
-      KvHeaderAboutMenu: fe,
-      isLegacyPlaceholderAvatar: me,
+      KvLendMenu: fe,
+      KvHeaderTakeActionMenu: Me,
+      KvHeaderAboutMenu: ke,
+      isLegacyPlaceholderAvatar: se,
       getAvatarMenuPosition: E,
-      handleEmptySpaceClick: Q,
-      roundedBalance: J
+      handleEmptySpaceClick: X,
+      roundedBalance: Q
     };
   }
-}, ke = ["href"], he = { class: "tw-text-eco-green-4" }, ge = ["href"];
-function be(l, n, a, e, N, O) {
-  const h = b("kv-material-icon"), c = b("KvHeaderDropdownLink"), A = b("kv-icon-bag"), I = b("KvUserAvatar"), d = Z("kv-track-event");
+}, he = ["href"], be = { class: "tw-text-eco-green-4" }, pe = ["href"];
+function ye(l, n, a, e, N, O) {
+  const g = b("kv-material-icon"), c = b("KvHeaderDropdownLink"), A = b("kv-icon-bag"), I = b("KvUserAvatar"), d = ee("kv-track-event");
   return i(), w("div", {
     class: "tw-h-full tw-flex tw-items-center tw-gap-0.5 md:tw-gap-2 lg:tw-gap-2.5",
     onTouchstart: n[10] || (n[10] = (...t) => e.handleEmptySpaceClick && e.handleEmptySpaceClick(...t))
   }, [
-    v((i(), w("button", {
+    s((i(), w("button", {
       ref: "menuButton",
       class: p(["header-link tw-inline-flex md:tw-hidden", {
         "tw-text-tertiary": a.openMenuItem && a.openMenuItem !== e.KvHeaderMobileMenu
@@ -161,11 +161,11 @@ function be(l, n, a, e, N, O) {
       onMouseout: n[1] || (n[1] = (t) => e.handleMouseOut("menuButton")),
       onTouchstart: n[2] || (n[2] = H((t) => e.handleTouchStart("menuButton", e.KvHeaderMobileMenu), ["stop"]))
     }, [
-      L(h, { icon: e.mdiMenu }, null, 8, ["icon"])
+      L(g, { icon: e.mdiMenu }, null, 8, ["icon"])
     ], 34)), [
       [d, a.openMenuItem === e.KvHeaderMobileMenu ? ["TopNav", "click-Hamburger-menu"] : null]
     ]),
-    v((i(), y(c, {
+    s((i(), y(c, {
       class: "tw-py-1",
       "ref-name": "lendButton",
       href: e.lendUrl,
@@ -184,7 +184,7 @@ function be(l, n, a, e, N, O) {
     }, 8, ["href", "menu-component", "open-menu-item", "dropdown-icon", "onOnHover"])), [
       [d, ["TopNav", "click-Lend"]]
     ]),
-    v((i(), y(c, {
+    s((i(), y(c, {
       "ref-name": "takeActionButton",
       "base-class": "tw-hidden md:tw-inline-flex tw-py-1",
       "menu-component": e.KvHeaderTakeActionMenu,
@@ -220,17 +220,17 @@ function be(l, n, a, e, N, O) {
       _: 1
     }, 8, ["menu-component", "open-menu-item", "dropdown-icon", "onOnHover", "onUserTap"]),
     n[17] || (n[17] = T("div", { class: "tw-flex-1 tw-h-full" }, null, -1)),
-    a.loggedIn ? v((i(), w("a", {
+    a.loggedIn ? s((i(), w("a", {
       key: 0,
       ref: "dashboardLink",
       href: a.myDashboardUrl,
       class: p(["header-link tw-hidden md:tw-block", { "tw-text-tertiary": !!a.openMenuItem }])
     }, n[14] || (n[14] = [
       f(" My dashboard ")
-    ]), 10, ke)), [
+    ]), 10, he)), [
       [d, ["TopNav", "click-Dashboard"]]
     ]) : _("", !0),
-    v((i(), w("a", {
+    s((i(), w("a", {
       ref: "basketLink",
       href: "/basket",
       class: p(["header-link tw-relative md:!tw-mr-0 tw-flex tw-items-center tw-gap-0.5", { "tw-text-tertiary": !!a.openMenuItem }]),
@@ -246,14 +246,14 @@ function be(l, n, a, e, N, O) {
       [P, a.basketCount > 0],
       [d, ["TopNav", "click-Basket"]]
     ]),
-    v(T("div", {
+    s(T("div", {
       ref: "avatar",
       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",
       onMouseover: n[7] || (n[7] = (t) => e.handleOnHover(e.AVATAR_MENU_ID, e.KvHeaderMyKivaMenu, e.getAvatarMenuPosition())),
       onMouseout: n[8] || (n[8] = (t) => e.handleMouseOut(e.AVATAR_MENU_ID)),
       onTouchstart: n[9] || (n[9] = H((t) => e.handleTouchStart(e.AVATAR_MENU_ID), ["stop"]))
     }, [
-      e.isLegacyPlaceholderAvatar(e.avatarFilename) || !e.avatarFilename ? (i(), y(h, {
+      e.isLegacyPlaceholderAvatar(e.avatarFilename) || !e.avatarFilename ? (i(), y(g, {
         key: 0,
         icon: e.mdiAccountCircle,
         class: "tw-w-3"
@@ -264,23 +264,23 @@ function be(l, n, a, e, N, O) {
         "lender-image-url": a.lenderImageUrl,
         "is-small": ""
       }, null, 8, ["lender-name", "lender-image-url"])),
-      T("span", he, $(e.numeral(e.roundedBalance).format("$0")), 1)
+      T("span", be, ne(e.numeral(e.roundedBalance).format("$0")), 1)
     ], 544), [
       [P, a.loggedIn]
     ]),
-    a.loggedIn ? _("", !0) : v((i(), w("a", {
+    a.loggedIn ? _("", !0) : s((i(), w("a", {
       key: 1,
       ref: "signInLink",
       href: a.loginUrl,
       class: p(["header-link", { "tw-text-tertiary": !!a.openMenuItem }])
     }, n[16] || (n[16] = [
       f(" Sign in ")
-    ]), 10, ge)), [
+    ]), 10, pe)), [
       [d, ["TopNav", "click-Sign-in"]]
     ])
   ], 32);
 }
-const Oe = /* @__PURE__ */ se(Me, [["render", be], ["__scopeId", "data-v-c17d7459"]]);
+const De = /* @__PURE__ */ ce(ge, [["render", ye], ["__scopeId", "data-v-d33b2f4e"]]);
 export {
-  Oe as default
+  De as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "6.59.3",
+  "version": "6.60.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -114,5 +114,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "9d5197374578ee24fec879bfe63596c1a50e9ffc"
+  "gitHead": "336fb4dffcbc3937f8689665cd5400ab292c6df9"
 }