@kiva/kv-components 6.62.1 → 6.62.2

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-0420196f]{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-0420196f]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}[data-v-0420196f] .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 P, 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 U, createBlock as T, withCtx as B, createTextVNode as f, createElementVNode as y, createCommentVNode as V, vShow as R, 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")), F = k(() => import("./KvHeaderMyKivaMenu.js")), fe = k(() => import("./LendMenu/KvLendMenu.js")), Me = k(() => import("./KvHeaderTakeActionMenu.js")), ke = k(() => import("./KvHeaderAboutMenu.js")), K = 120, M = "avatar-menu", N = "menuButton", z = { top: "-3.75rem", width: "100%" }, A = "lendButton", he = {
+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,7 +58,7 @@ const we = k(() => import("./KvHeaderMobileMenu.js")), F = k(() => import("./KvH
     "item-hover"
   ],
   setup(l, { emit: n }) {
-    const a = r(null), e = r(null), O = r(null), E = r(null), h = 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) => {
+    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 || (o === A && t.value !== A && D(
@@ -84,16 +84,16 @@ const we = k(() => import("./KvHeaderMobileMenu.js")), F = k(() => import("./KvH
         borderRadius: l.isMobile ? "auto" : "0px 0px 8px 8px",
         width: l.isMobile ? "100%" : `${K}px`
       };
-    }, g = () => {
-      t.value = M, u(a.value, F, S());
+    }, b = () => {
+      t.value = k, u(a.value, F, S());
     }, q = (o, v, m) => {
       o === A && t.value !== A && D(
         "TopNav",
         "hover-Lend-menu",
         "Lend"
-      ), t.value === N && (t.value = null), !t.value || t.value !== o ? (t.value = o, o === M ? g() : o === N && l.isMobile ? u(o, v, z) : u(o, v, m)) : (t.value = null, u());
+      ), 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 === M && g();
+      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()) ?? "";
@@ -103,7 +103,7 @@ const we = k(() => import("./KvHeaderMobileMenu.js")), F = k(() => import("./KvH
     return P(
       () => l.isMobile,
       () => {
-        t.value === M && g();
+        t.value === k && b();
       }
     ), P(
       () => l.openMenuItem,
@@ -115,7 +115,7 @@ const we = k(() => import("./KvHeaderMobileMenu.js")), F = k(() => import("./KvH
     }), $(() => {
       window.removeEventListener("resize", C);
     }), {
-      AVATAR_MENU_ID: M,
+      AVATAR_MENU_ID: k,
       openMenuId: t,
       numeral: re,
       mdiAccountCircle: te,
@@ -127,7 +127,7 @@ const we = k(() => import("./KvHeaderMobileMenu.js")), F = k(() => import("./KvH
       lendButton: e,
       aboutUsLink: O,
       partnerWithUsLink: E,
-      borrowLink: h,
+      borrowLink: g,
       supportKivaLink: c,
       basketLink: I,
       signInLink: L,
@@ -137,7 +137,7 @@ const we = k(() => import("./KvHeaderMobileMenu.js")), F = k(() => import("./KvH
       handleOnHover: W,
       handleTouchStart: q,
       handleMouseOut: j,
-      handleAvatarMenuPosition: g,
+      handleAvatarMenuPosition: b,
       KvHeaderMobileMenu: we,
       KvHeaderMyKivaMenu: F,
       KvLendMenu: fe,
@@ -149,23 +149,26 @@ const we = k(() => import("./KvHeaderMobileMenu.js")), F = k(() => import("./KvH
       roundedBalance: Q
     };
   }
-}, ge = ["href"], be = { class: "tw-text-eco-green-4" }, pe = ["href"];
+}, 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 h = b("kv-material-icon"), c = b("KvHeaderDropdownLink"), I = b("kv-icon-bag"), L = b("KvUserAvatar"), d = ee("kv-track-event");
+  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"]))
     }, [
-      U(h, { 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]
     ]),
@@ -223,12 +226,12 @@ function Te(l, n, a, e, O, E) {
       ])),
       _: 1
     }, 8, ["menu-component", "open-menu-item", "dropdown-icon", "onOnHover", "onUserTap"]),
-    n[17] || (n[17] = y("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, ge)), [
@@ -237,7 +240,7 @@ function Te(l, n, a, e, O, E) {
     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"
     }, [
@@ -245,46 +248,47 @@ function Te(l, n, a, e, O, E) {
         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] = y("span", { class: "tw-hidden md:tw-block" }, "Basket", -1))
+      n[15] || (n[15] = M("span", { class: "tw-hidden md:tw-block" }, "Basket", -1))
     ], 2)), [
       [R, a.basketCount > 0],
       [d, ["TopNav", "click-Basket"]]
     ]),
-    s(y("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(), T(h, {
-        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"])),
-      y("span", be, ne(e.numeral(e.roundedBalance).format("$0")), 1)
-    ], 544), [
-      [R, a.loggedIn]
-    ]),
+      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(he, [["render", Te], ["__scopeId", "data-v-0420196f"]]);
+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-57d0ee01]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.header-fade-leave-active[data-v-57d0ee01]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s}.header-fade-enter[data-v-57d0ee01],.header-fade-leave-to[data-v-57d0ee01]{opacity:0}.header-fade-leave[data-v-57d0ee01],.header-fade-enter-to[data-v-57d0ee01]{opacity:1}.bg-opacity-50[data-v-57d0ee01]{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

@@ -8,7 +8,7 @@ import { throttle as q } from "../utils/throttle.js";
 import { debounce as F } from "../utils/debounce.js";
 import "./KvWwwHeader.css";
 import J from "../_virtual/_plugin-vue_export-helper.js";
-const Q = "3.75rem", X = ["lendMenu", "aboutUsLink"], Z = {
+const Q = "3.7rem", X = ["lendMenu", "aboutUsLink"], Z = {
   components: {
     KvHeaderLinkBar: V,
     KvHeaderLogo: W,
@@ -69,19 +69,19 @@ const Q = "3.75rem", X = ["lendMenu", "aboutUsLink"], Z = {
     "load-lend-menu-data"
   ],
   setup(L, { emit: o }) {
-    const n = l(!0), e = l(null), a = l(!1), i = B(null), u = l(null), d = l({ left: 0, position: "relative" }), m = l(!1), c = l(null), f = l(!1);
-    let r;
+    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";
     }), M = F((s, t, E) => {
-      f.value && (t ? (c.value = s, clearTimeout(r), i.value !== t && (d.value = { left: 0, position: "relative" }), i.value = t, a.value = !0, E && (d.value = {
+      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"
-      })) : a.value && (r = setTimeout(() => {
-        a.value = !1, i.value = null;
-      }, 100)));
-    }, 50), U = (s) => {
+      })) : r.value && (a = setTimeout(() => {
+        r.value = !1, i.value = null;
+      }, 50)));
+    }, 100), U = (s) => {
       var t;
       (t = u.value) == null || t.onLoad(s);
     }, D = () => {
@@ -89,7 +89,7 @@ const Q = "3.75rem", X = ["lendMenu", "aboutUsLink"], Z = {
     }, N = () => {
       o("load-lend-menu-data");
     }, p = () => {
-      m.value = (window == null ? void 0 : window.innerWidth) < R.breakpoints.md, m.value && X.includes(c.value) && (i.value = null, a.value = !1);
+      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;
@@ -100,7 +100,7 @@ const Q = "3.75rem", X = ["lendMenu", "aboutUsLink"], Z = {
       emitLendMenuEvent: N,
       isMobile: m,
       linksVisible: n,
-      menuOpen: a,
+      menuOpen: r,
       isMobileMenuActive: _,
       onHover: M,
       loadMenuData: U,
@@ -115,7 +115,7 @@ const Q = "3.75rem", X = ["lendMenu", "aboutUsLink"], Z = {
   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 ee(L, o, n, e, a, i) {
+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",
@@ -161,7 +161,7 @@ function ee(L, o, n, e, a, i) {
           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] = (...r) => e.handleOverlayClick && e.handleOverlayClick(...r))
+            onTouchstart: o[4] || (o[4] = (...a) => e.handleOverlayClick && e.handleOverlayClick(...a))
           }, [
             k("div", {
               class: G(["tw-bg-primary tw-overflow-y-auto", { "tw-min-h-dvh": e.isMobileMenuActive }]),
@@ -169,8 +169,8 @@ function ee(L, o, n, e, a, i) {
                 ...e.menuPosition,
                 maxHeight: e.isMobileMenuActive ? "auto" : `calc(100dvh - ${e.HEADER_HEIGHT})`
               }),
-              onMouseover: o[2] || (o[2] = (r) => e.onHover(e.activeHeaderItem, e.menuComponent)),
-              onMouseout: o[3] || (o[3] = (r) => e.onHover())
+              onMouseenter: o[2] || (o[2] = (a) => e.onHover(e.activeHeaderItem, e.menuComponent)),
+              onMouseleave: o[3] || (o[3] = (a) => e.onHover())
             }, [
               (w(), I(z(e.menuComponent), {
                 ref: "menuComponentInstance",
@@ -184,7 +184,7 @@ function ee(L, o, n, e, a, i) {
                 "is-mobile": e.isMobile,
                 "countries-not-lent-to-url": n.countriesNotLentToUrl,
                 onLoadLendMenuData: e.emitLendMenuEvent,
-                onClosingMenu: o[0] || (o[0] = (r) => e.onHover()),
+                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"]))
@@ -199,7 +199,7 @@ function ee(L, o, n, e, a, i) {
     _: 1
   });
 }
-const me = /* @__PURE__ */ J(Z, [["render", ee], ["__scopeId", "data-v-57d0ee01"]]);
+const me = /* @__PURE__ */ J(Z, [["render", ee], ["__scopeId", "data-v-7fe52aee"]]);
 export {
   me as default
 };

package/package.json

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