@kiva/kv-components 6.62.0 → 6.62.2

package/dist/utils/debounce.js

@@ -0,0 +1,9 @@
+const r = (t, o) => {
+  let e;
+  return (...u) => {
+    clearTimeout(e), e = setTimeout(() => t(...u), o);
+  };
+};
+export {
+  r as debounce
+};

package/dist/vue/KvWwwHeader/KvHeaderDropdownLink.js

@@ -71,7 +71,7 @@ function I(e, n, o, r, a, c) {
     ref: o.refName,
     class: "tw-py-1 tw-no-underline hover:tw-no-underline tw-text-primary hover:tw-text-action tw-items-center tw-cursor-pointer",
     href: o.href,
-    onMouseover: n[0] || (n[0] = (...t) => r.handleMouseOver && r.handleMouseOver(...t)),
+    onMouseenter: n[0] || (n[0] = (...t) => r.handleMouseOver && r.handleMouseOver(...t)),
     onTouchstart: n[1] || (n[1] = h((...t) => r.handleTouchStart && r.handleTouchStart(...t), ["prevent"]))
   }, [
     p("div", {

package/dist/vue/KvWwwHeader/KvHeaderLinkBar.css

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

package/dist/vue/KvWwwHeader/KvHeaderLinkBar.js

@@ -1,4 +1,4 @@
-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 { defineAsyncComponent as h, ref as r, inject as Y, computed as x, watch as P, onMounted as Z, onUnmounted as $, resolveComponent as p, resolveDirective as ee, openBlock as i, createElementBlock as w, withDirectives as s, normalizeClass as y, withModifiers as H, createVNode as U, createBlock as T, withCtx as B, createTextVNode as f, createElementVNode as M, createCommentVNode as V, vShow as R, 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";
@@ -9,7 +9,7 @@ import { throttle as ve } from "../../utils/throttle.js";
 import { isLegacyPlaceholderAvatar as se } from "../../utils/imageUtils.js";
 import "./KvHeaderLinkBar.css";
 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 = {
+const we = h(() => import("./KvHeaderMobileMenu.js")), F = h(() => import("./KvHeaderMyKivaMenu.js")), fe = h(() => import("./LendMenu/KvLendMenu.js")), Me = h(() => import("./KvHeaderTakeActionMenu.js")), ke = h(() => import("./KvHeaderAboutMenu.js")), K = 120, k = "avatar-menu", N = "menuButton", z = { top: "-3.75rem", width: "100%" }, A = "lendButton", he = {
   components: {
     KvMaterialIcon: ie,
     KvIconBag: de,
@@ -58,60 +58,64 @@ const we = 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), 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) => {
+    const a = r(null), e = r(null), O = r(null), E = r(null), g = r(null), c = r(null), I = r(null), L = r(null), d = r(null), t = r(null), D = Y("$kvTrackEvent"), u = (o, v, m = null) => {
       n("item-hover", o, v, m);
     }, W = (o, v, m = null) => {
-      navigator.maxTouchPoints || (t.value = o, u(
+      navigator.maxTouchPoints || (o === A && t.value !== A && D(
+        "TopNav",
+        "hover-Lend-menu",
+        "Lend"
+      ), t.value = o, u(
         o,
         v,
-        o === K && l.isMobile ? R : m
+        o === N && l.isMobile ? z : m
       ));
     }, j = (o) => {
       !navigator.maxTouchPoints && t.value === o && (t.value = null, u());
-    }, E = () => {
-      var S;
-      const o = (S = a.value) == null ? void 0 : S.getBoundingClientRect();
+    }, S = () => {
+      var _;
+      const o = (_ = a.value) == null ? void 0 : _.getBoundingClientRect();
       if (!o) return null;
-      const m = o.left + o.width / 2 - B / 2;
+      const m = o.left + o.width / 2 - K / 2;
       return {
-        ...m + B > window.innerWidth ? { right: 0 } : { left: l.isMobile ? 0 : `${m}px` },
+        ...m + K > window.innerWidth ? { right: 0 } : { left: l.isMobile ? 0 : `${m}px` },
         marginTop: "-2px",
         // Avoid closing avatar menu on header edge
         borderRadius: l.isMobile ? "auto" : "0px 0px 8px 8px",
-        width: l.isMobile ? "100%" : `${B}px`
+        width: l.isMobile ? "100%" : `${K}px`
       };
-    }, h = () => {
-      t.value = M, u(a.value, V, E());
+    }, b = () => {
+      t.value = k, u(a.value, F, S());
     }, q = (o, v, m) => {
-      o === F && t.value !== F && z(
+      o === A && t.value !== A && D(
         "TopNav",
         "hover-Lend-menu",
         "Lend"
-      ), 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();
+      ), t.value === N && (t.value = null), !t.value || t.value !== o ? (t.value = o, o === k ? b() : o === N && l.isMobile ? u(o, v, z) : u(o, v, m)) : (t.value = null, u());
+    }, C = ve(() => {
+      t.value === k && b();
     }, 100), G = x(() => l.isMobile ? void 0 : "/lend-by-category"), J = x(() => {
       var o;
       return ((o = l.lenderImageUrl) == null ? void 0 : o.split("/").pop()) ?? "";
     }), Q = x(() => Math.floor(l.balance)), X = (o) => {
       o.target === o.currentTarget && u();
     };
-    return C(
+    return P(
       () => l.isMobile,
       () => {
-        t.value === M && h();
+        t.value === k && b();
       }
-    ), C(
+    ), P(
       () => l.openMenuItem,
       (o) => {
         o || (t.value = null);
       }
     ), Z(() => {
-      import("./KvHeaderMobileMenu.js"), import("./KvHeaderMyKivaMenu.js"), import("./LendMenu/KvLendMenu.js"), import("./KvHeaderTakeActionMenu.js"), import("./KvHeaderAboutMenu.js"), window.addEventListener("resize", D);
+      import("./KvHeaderMobileMenu.js"), import("./KvHeaderMyKivaMenu.js"), import("./LendMenu/KvLendMenu.js"), import("./KvHeaderTakeActionMenu.js"), import("./KvHeaderAboutMenu.js"), window.addEventListener("resize", C);
     }), $(() => {
-      window.removeEventListener("resize", D);
+      window.removeEventListener("resize", C);
     }), {
-      AVATAR_MENU_ID: M,
+      AVATAR_MENU_ID: k,
       openMenuId: t,
       numeral: re,
       mdiAccountCircle: te,
@@ -121,51 +125,54 @@ const we = k(() => import("./KvHeaderMobileMenu.js")), V = k(() => import("./KvH
       onHover: u,
       avatar: a,
       lendButton: e,
-      aboutUsLink: N,
-      partnerWithUsLink: O,
+      aboutUsLink: O,
+      partnerWithUsLink: E,
       borrowLink: g,
       supportKivaLink: c,
-      basketLink: A,
-      signInLink: I,
+      basketLink: I,
+      signInLink: L,
       menuButton: d,
       lendUrl: G,
       avatarFilename: J,
       handleOnHover: W,
       handleTouchStart: q,
       handleMouseOut: j,
-      handleAvatarMenuPosition: h,
+      handleAvatarMenuPosition: b,
       KvHeaderMobileMenu: we,
-      KvHeaderMyKivaMenu: V,
+      KvHeaderMyKivaMenu: F,
       KvLendMenu: fe,
       KvHeaderTakeActionMenu: Me,
       KvHeaderAboutMenu: ke,
       isLegacyPlaceholderAvatar: se,
-      getAvatarMenuPosition: E,
+      getAvatarMenuPosition: S,
       handleEmptySpaceClick: X,
       roundedBalance: Q
     };
   }
-}, 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");
+}, ge = ["href"], be = {
+  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"
+}, pe = { class: "tw-text-eco-green-4" }, ye = ["href"];
+function Te(l, n, a, e, O, E) {
+  const g = p("kv-material-icon"), c = p("KvHeaderDropdownLink"), I = p("kv-icon-bag"), L = p("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))
   }, [
     s((i(), w("button", {
       ref: "menuButton",
-      class: p(["header-link tw-inline-flex md:tw-hidden", {
+      class: y(["header-link tw-inline-flex md:tw-hidden", {
         "tw-text-tertiary": a.openMenuItem && a.openMenuItem !== e.KvHeaderMobileMenu
       }]),
       onMouseover: n[0] || (n[0] = (t) => e.handleOnHover("menuButton", e.KvHeaderMobileMenu)),
       onMouseout: n[1] || (n[1] = (t) => e.handleMouseOut("menuButton")),
       onTouchstart: n[2] || (n[2] = H((t) => e.handleTouchStart("menuButton", e.KvHeaderMobileMenu), ["stop"]))
     }, [
-      L(g, { icon: e.mdiMenu }, null, 8, ["icon"])
+      U(g, { icon: e.mdiMenu }, null, 8, ["icon"])
     ], 34)), [
       [d, a.openMenuItem === e.KvHeaderMobileMenu ? ["TopNav", "click-Hamburger-menu"] : null]
     ]),
-    s((i(), y(c, {
+    s((i(), T(c, {
       class: "tw-py-1",
       "ref-name": "lendButton",
       href: e.lendUrl,
@@ -174,17 +181,17 @@ function ye(l, n, a, e, N, O) {
       "dropdown-icon": e.mdiChevronDown,
       "base-class": "tw-inline-flex md:tw-border md:tw-rounded-md tw-px-1.5 tw-py-1",
       onOnHover: e.handleOnHover,
-      onMouseout: n[3] || (n[3] = (t) => e.handleMouseOut("lendButton")),
+      onMouseleave: n[3] || (n[3] = (t) => e.handleMouseOut("lendButton")),
       onTouchstart: n[4] || (n[4] = H((t) => e.handleTouchStart("lendButton", e.KvLendMenu), ["stop"]))
     }, {
-      default: U(() => n[11] || (n[11] = [
+      default: B(() => n[11] || (n[11] = [
         f(" Lend ")
       ])),
       _: 1
     }, 8, ["href", "menu-component", "open-menu-item", "dropdown-icon", "onOnHover"])), [
       [d, ["TopNav", "click-Lend"]]
     ]),
-    s((i(), y(c, {
+    s((i(), T(c, {
       "ref-name": "takeActionButton",
       "base-class": "tw-hidden md:tw-inline-flex tw-py-1",
       "menu-component": e.KvHeaderTakeActionMenu,
@@ -192,17 +199,17 @@ function ye(l, n, a, e, N, O) {
       "dropdown-icon": e.mdiChevronDown,
       "send-link-position": "",
       onOnHover: e.handleOnHover,
-      onMouseout: n[5] || (n[5] = (t) => e.handleMouseOut("takeActionButton")),
+      onMouseleave: n[5] || (n[5] = (t) => e.handleMouseOut("takeActionButton")),
       onUserTap: e.handleTouchStart
     }, {
-      default: U(() => n[12] || (n[12] = [
+      default: B(() => n[12] || (n[12] = [
         f(" Take action ")
       ])),
       _: 1
     }, 8, ["menu-component", "open-menu-item", "dropdown-icon", "onOnHover", "onUserTap"])), [
       [d, ["TopNav", "click-take-action"]]
     ]),
-    L(c, {
+    U(c, {
       "ref-name": "aboutUsLink",
       "data-testid": "header-about",
       "base-class": "tw-hidden md:tw-inline-flex tw-py-1",
@@ -211,76 +218,77 @@ function ye(l, n, a, e, N, O) {
       "dropdown-icon": e.mdiChevronDown,
       "send-link-position": "",
       onOnHover: e.handleOnHover,
-      onMouseout: n[6] || (n[6] = (t) => e.handleMouseOut("aboutUsLink")),
+      onMouseleave: n[6] || (n[6] = (t) => e.handleMouseOut("aboutUsLink")),
       onUserTap: e.handleTouchStart
     }, {
-      default: U(() => n[13] || (n[13] = [
+      default: B(() => n[13] || (n[13] = [
         f(" About ")
       ])),
       _: 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)),
+    n[17] || (n[17] = M("div", { class: "tw-flex-1 tw-h-full" }, null, -1)),
     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 }])
+      class: y(["header-link tw-hidden md:tw-block", { "tw-text-tertiary": !!a.openMenuItem }])
     }, n[14] || (n[14] = [
       f(" My dashboard ")
-    ]), 10, he)), [
+    ]), 10, ge)), [
       [d, ["TopNav", "click-Dashboard"]]
-    ]) : _("", !0),
+    ]) : V("", !0),
     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 }]),
+      class: y(["header-link tw-relative md:!tw-mr-0 tw-flex tw-items-center tw-gap-0.5", { "tw-text-tertiary": !!a.openMenuItem }]),
       style: { "margin-right": "2px" },
       "data-testid": "header-basket"
     }, [
-      L(A, {
+      U(I, {
         class: "tw-w-3 tw-h-3 md:tw-w-3.5 md:tw-h-3.5 tw-pointer-events-none",
         count: a.basketCount
       }, null, 8, ["count"]),
-      n[15] || (n[15] = T("span", { class: "tw-hidden md:tw-block" }, "Basket", -1))
+      n[15] || (n[15] = M("span", { class: "tw-hidden md:tw-block" }, "Basket", -1))
     ], 2)), [
-      [P, a.basketCount > 0],
+      [R, a.basketCount > 0],
       [d, ["TopNav", "click-Basket"]]
     ]),
-    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)),
+    M("div", {
+      class: "md:tw-py-1",
+      onMouseenter: n[7] || (n[7] = (t) => e.handleOnHover(e.AVATAR_MENU_ID, e.KvHeaderMyKivaMenu, e.getAvatarMenuPosition())),
+      onMouseleave: 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(g, {
-        key: 0,
-        icon: e.mdiAccountCircle,
-        class: "tw-w-3"
-      }, null, 8, ["icon"])) : (i(), y(I, {
-        key: 1,
-        class: "avatar",
-        "lender-name": a.lenderName,
-        "lender-image-url": a.lenderImageUrl,
-        "is-small": ""
-      }, null, 8, ["lender-name", "lender-image-url"])),
-      T("span", be, ne(e.numeral(e.roundedBalance).format("$0")), 1)
-    ], 544), [
-      [P, a.loggedIn]
-    ]),
-    a.loggedIn ? _("", !0) : s((i(), w("a", {
+      s(M("div", be, [
+        e.isLegacyPlaceholderAvatar(e.avatarFilename) || !e.avatarFilename ? (i(), T(g, {
+          key: 0,
+          icon: e.mdiAccountCircle,
+          class: "tw-w-3"
+        }, null, 8, ["icon"])) : (i(), T(L, {
+          key: 1,
+          class: "avatar",
+          "lender-name": a.lenderName,
+          "lender-image-url": a.lenderImageUrl,
+          "is-small": ""
+        }, null, 8, ["lender-name", "lender-image-url"])),
+        M("span", pe, ne(e.numeral(e.roundedBalance).format("$0")), 1)
+      ], 512), [
+        [R, a.loggedIn]
+      ])
+    ], 32),
+    a.loggedIn ? V("", !0) : s((i(), w("a", {
       key: 1,
       ref: "signInLink",
       href: a.loginUrl,
-      class: p(["header-link", { "tw-text-tertiary": !!a.openMenuItem }])
+      class: y(["header-link", { "tw-text-tertiary": !!a.openMenuItem }])
     }, n[16] || (n[16] = [
       f(" Sign in ")
-    ]), 10, pe)), [
+    ]), 10, ye)), [
       [d, ["TopNav", "click-Sign-in"]]
     ])
   ], 32);
 }
-const De = /* @__PURE__ */ ce(ge, [["render", ye], ["__scopeId", "data-v-d33b2f4e"]]);
+const Se = /* @__PURE__ */ ce(he, [["render", Te], ["__scopeId", "data-v-1f562db1"]]);
 export {
-  De as default
+  Se as default
 };

package/dist/vue/KvWwwHeader.css

@@ -1 +1 @@
-.header-fade-enter-active[data-v-8d56e82f]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.header-fade-leave-active[data-v-8d56e82f]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s}.header-fade-enter[data-v-8d56e82f],.header-fade-leave-to[data-v-8d56e82f]{opacity:0}.header-fade-leave[data-v-8d56e82f],.header-fade-enter-to[data-v-8d56e82f]{opacity:1}.bg-opacity-50[data-v-8d56e82f]{background-color:rgba(var(--bg-action-highlight),.5)}
+.header-fade-enter-active[data-v-7fe52aee]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.header-fade-leave-active[data-v-7fe52aee]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s}.header-fade-enter[data-v-7fe52aee],.header-fade-leave-to[data-v-7fe52aee]{opacity:0}.header-fade-leave[data-v-7fe52aee],.header-fade-enter-to[data-v-7fe52aee]{opacity:1}.bg-opacity-50[data-v-7fe52aee]{background-color:rgba(var(--bg-action-highlight),.5)}

package/dist/vue/KvWwwHeader.js

@@ -1,18 +1,19 @@
-import { ref as a, shallowRef as N, computed as B, onMounted as S, onBeforeUnmount as x, resolveComponent as g, resolveDirective as A, openBlock as w, createBlock as E, withCtx as b, createElementVNode as k, normalizeStyle as h, createVNode as v, Transition as I, withDirectives as y, vShow as T, createElementBlock as K, normalizeClass as O, resolveDynamicComponent as G, withModifiers as z } from "vue";
-import P from "@kiva/kv-tokens";
-import R from "./KvWwwHeader/KvHeaderLinkBar.js";
-import V from "./KvWwwHeader/KvHeaderLogo.js";
-import W from "./KvThemeProvider.js";
-import Y from "./KvPageContainer.js";
-import { throttle as j } from "../utils/throttle.js";
+import { ref as l, shallowRef as B, computed as S, onMounted as x, onBeforeUnmount as A, resolveComponent as g, resolveDirective as K, openBlock as w, createBlock as I, withCtx as b, createElementVNode as k, normalizeStyle as h, createVNode as v, Transition as C, withDirectives as y, vShow as T, createElementBlock as O, normalizeClass as G, resolveDynamicComponent as z, withModifiers as P } from "vue";
+import R from "@kiva/kv-tokens";
+import V from "./KvWwwHeader/KvHeaderLinkBar.js";
+import W from "./KvWwwHeader/KvHeaderLogo.js";
+import Y from "./KvThemeProvider.js";
+import j from "./KvPageContainer.js";
+import { throttle as q } from "../utils/throttle.js";
+import { debounce as F } from "../utils/debounce.js";
 import "./KvWwwHeader.css";
-import q from "../_virtual/_plugin-vue_export-helper.js";
-const F = "3.75rem", J = ["lendMenu", "aboutUsLink"], Q = {
+import J from "../_virtual/_plugin-vue_export-helper.js";
+const Q = "3.7rem", X = ["lendMenu", "aboutUsLink"], Z = {
   components: {
-    KvHeaderLinkBar: R,
-    KvHeaderLogo: V,
-    KvThemeProvider: W,
-    KvPageContainer: Y
+    KvHeaderLinkBar: V,
+    KvHeaderLogo: W,
+    KvThemeProvider: Y,
+    KvPageContainer: j
   },
   props: {
     loggedIn: {
@@ -67,56 +68,56 @@ const F = "3.75rem", J = ["lendMenu", "aboutUsLink"], Q = {
   emits: [
     "load-lend-menu-data"
   ],
-  setup(C, { emit: o }) {
-    const n = a(!0), e = a(null), r = a(!1), i = N(null), u = a(null), d = a({ left: 0, position: "relative" }), m = a(!1), c = a(null);
-    let f;
-    const l = B(() => {
+  setup(L, { emit: o }) {
+    const n = l(!0), e = l(null), r = l(!1), i = B(null), u = l(null), d = l({ left: 0, position: "relative" }), m = l(!1), c = l(null), f = l(!1);
+    let a;
+    const _ = S(() => {
       var s, t;
       return ((t = (s = u.value) == null ? void 0 : s.$options) == null ? void 0 : t.name) === "KvHeaderMobileMenu";
-    }), _ = (s, t, p) => {
-      t ? (c.value = s, clearTimeout(f), i.value !== t && (d.value = { left: 0, position: "relative" }), i.value = t, r.value = !0, p && (d.value = {
-        ...p,
+    }), M = F((s, t, E) => {
+      f.value && (t ? (c.value = s, clearTimeout(a), i.value !== t && (d.value = { left: 0, position: "relative" }), i.value = t, r.value = !0, E && (d.value = {
+        ...E,
         position: "absolute"
-      })) : r.value && (f = setTimeout(() => {
+      })) : r.value && (a = setTimeout(() => {
         r.value = !1, i.value = null;
-      }, 100));
-    }, L = (s) => {
+      }, 50)));
+    }, 100), U = (s) => {
       var t;
       (t = u.value) == null || t.onLoad(s);
-    }, U = () => {
-      if (!l.value) return _();
     }, D = () => {
+      if (!_.value) return M();
+    }, N = () => {
       o("load-lend-menu-data");
-    }, M = () => {
-      m.value = (window == null ? void 0 : window.innerWidth) < P.breakpoints.md, m.value && J.includes(c.value) && (i.value = null, r.value = !1);
-    }, H = j(M, 100);
-    return S(() => {
-      M(), window.addEventListener("resize", H);
-    }), x(() => {
+    }, p = () => {
+      m.value = (window == null ? void 0 : window.innerWidth) < R.breakpoints.md, m.value && X.includes(c.value) && (i.value = null, r.value = !1);
+    }, H = q(p, 100);
+    return x(() => {
+      p(), window.addEventListener("resize", H), f.value = !0;
+    }), A(() => {
       window.removeEventListener("resize", H);
     }), {
-      HEADER_HEIGHT: F,
-      emitLendMenuEvent: D,
+      HEADER_HEIGHT: Q,
+      emitLendMenuEvent: N,
       isMobile: m,
       linksVisible: n,
       menuOpen: r,
-      isMobileMenuActive: l,
-      onHover: _,
-      loadMenuData: L,
-      handleOverlayClick: U,
+      isMobileMenuActive: _,
+      onHover: M,
+      loadMenuData: U,
+      handleOverlayClick: D,
       activeHeaderItem: e,
       menuComponent: i,
       menuComponentInstance: u,
       menuPosition: d
     };
   }
-}, X = {
+}, $ = {
   href: "/",
   class: "tw-px-1 tw-py-2 tw-cursor-pointer tw-absolute tw-top-1/2 tw-left-1/2 tw--translate-y-1/2 tw--translate-x-1/2 tw-transition-all tw-duration-300"
 };
-function Z(C, o, n, e, r, i) {
-  const u = g("kv-header-link-bar"), d = g("kv-header-logo"), m = g("kv-page-container"), c = g("kv-theme-provider"), f = A("kv-track-event");
-  return w(), E(c, {
+function ee(L, o, n, e, r, i) {
+  const u = g("kv-header-link-bar"), d = g("kv-header-logo"), m = g("kv-page-container"), c = g("kv-theme-provider"), f = K("kv-track-event");
+  return w(), I(c, {
     tag: "div",
     class: "tw-bg-primary"
   }, {
@@ -127,7 +128,7 @@ function Z(C, o, n, e, r, i) {
       }, [
         v(m, null, {
           default: b(() => [
-            v(I, { name: "header-fade" }, {
+            v(C, { name: "header-fade" }, {
               default: b(() => [
                 y(v(u, {
                   "logged-in": n.loggedIn,
@@ -146,7 +147,7 @@ function Z(C, o, n, e, r, i) {
               ]),
               _: 1
             }),
-            y((w(), K("a", X, [
+            y((w(), O("a", $, [
               v(d)
             ])), [
               [f, ["TopNav", "click-Logo"]]
@@ -155,23 +156,23 @@ function Z(C, o, n, e, r, i) {
           _: 1
         })
       ], 4),
-      v(I, { name: "header-fade" }, {
+      v(C, { name: "header-fade" }, {
         default: b(() => [
           y(k("div", {
             class: "tw-absolute tw-z-modal tw-h-full tw-inset-x-0 tw-bg-eco-green-4 bg-opacity-50 tw-min-h-screen",
             style: h({ top: e.HEADER_HEIGHT }),
-            onTouchstart: o[4] || (o[4] = (...l) => e.handleOverlayClick && e.handleOverlayClick(...l))
+            onTouchstart: o[4] || (o[4] = (...a) => e.handleOverlayClick && e.handleOverlayClick(...a))
           }, [
             k("div", {
-              class: O(["tw-bg-primary tw-overflow-y-auto", { "tw-min-h-dvh": e.isMobileMenuActive }]),
+              class: G(["tw-bg-primary tw-overflow-y-auto", { "tw-min-h-dvh": e.isMobileMenuActive }]),
               style: h({
                 ...e.menuPosition,
                 maxHeight: e.isMobileMenuActive ? "auto" : `calc(100dvh - ${e.HEADER_HEIGHT})`
               }),
-              onMouseover: o[2] || (o[2] = (l) => e.onHover(e.activeHeaderItem, e.menuComponent)),
-              onMouseout: o[3] || (o[3] = (l) => e.onHover())
+              onMouseenter: o[2] || (o[2] = (a) => e.onHover(e.activeHeaderItem, e.menuComponent)),
+              onMouseleave: o[3] || (o[3] = (a) => e.onHover())
             }, [
-              (w(), E(G(e.menuComponent), {
+              (w(), I(z(e.menuComponent), {
                 ref: "menuComponentInstance",
                 "logged-in": n.loggedIn,
                 "login-url": n.loginUrl,
@@ -183,8 +184,8 @@ function Z(C, o, n, e, r, i) {
                 "is-mobile": e.isMobile,
                 "countries-not-lent-to-url": n.countriesNotLentToUrl,
                 onLoadLendMenuData: e.emitLendMenuEvent,
-                onClosingMenu: o[0] || (o[0] = (l) => e.onHover()),
-                onTouchstart: o[1] || (o[1] = z(() => {
+                onClosingMenu: o[0] || (o[0] = (a) => e.onHover()),
+                onTouchstart: o[1] || (o[1] = P(() => {
                 }, ["stop"]))
               }, null, 40, ["logged-in", "login-url", "user-id", "is-borrower", "is-trustee", "my-dashboard-url", "show-m-g-upsell-link", "is-mobile", "countries-not-lent-to-url", "onLoadLendMenuData"]))
             ], 38)
@@ -198,7 +199,7 @@ function Z(C, o, n, e, r, i) {
     _: 1
   });
 }
-const se = /* @__PURE__ */ q(Q, [["render", Z], ["__scopeId", "data-v-8d56e82f"]]);
+const me = /* @__PURE__ */ J(Z, [["render", ee], ["__scopeId", "data-v-7fe52aee"]]);
 export {
-  se as default
+  me as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "6.62.0",
+  "version": "6.62.2",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -114,5 +114,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "e0ac2f7a901efa25536b185c77d9371e41c21dcd"
+  "gitHead": "f508a0add91e8d46355db11db0890eb45a6df070"
 }