@kiva/kv-components 6.57.3 → 6.57.4

package/dist/vue/KvWwwHeader/KvHeaderLinkBar.css

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

package/dist/vue/KvWwwHeader/KvHeaderLinkBar.js

@@ -1,4 +1,4 @@
-import { defineAsyncComponent as g, ref as r, computed as I, watch as q, onMounted as G, onUnmounted as J, resolveComponent as p, resolveDirective as Q, openBlock as i, createElementBlock as w, withDirectives as m, normalizeClass as y, createVNode as _, createBlock as f, withCtx as H, createTextVNode as M, createElementVNode as A, createCommentVNode as S, vShow as C, toDisplayString as X } from "vue";
+import { defineAsyncComponent as b, ref as r, computed as x, watch as _, onMounted as G, onUnmounted as J, resolveComponent as p, resolveDirective as Q, openBlock as i, createElementBlock as w, withDirectives as m, normalizeClass as y, createVNode as S, createBlock as f, withCtx as H, createTextVNode as M, createElementVNode as A, createCommentVNode as C, vShow as E, toDisplayString as X } from "vue";
 import { mdiAccountCircle as Y, mdiChevronDown as Z, mdiMagnify as $, mdiMenu as ee } from "@mdi/js";
 import ne from "numeral";
 import te from "../KvMaterialIcon.js";
@@ -9,7 +9,7 @@ import { throttle as re } from "../../utils/throttle.js";
 import { isLegacyPlaceholderAvatar as ie } from "../../utils/imageUtils.js";
 import "./KvHeaderLinkBar.css";
 import de from "../../_virtual/_plugin-vue_export-helper.js";
-const ue = g(() => import("./KvHeaderMobileMenu.js")), E = g(() => import("./KvHeaderMyKivaMenu.js")), me = g(() => import("./LendMenu/KvLendMenu.js")), se = g(() => import("./KvHeaderTakeActionMenu.js")), ve = g(() => import("./KvHeaderAboutMenu.js")), U = 120, k = "avatar-menu", B = "menuButton", P = { top: "-3.75rem", width: "100%" }, ce = {
+const ue = b(() => import("./KvHeaderMobileMenu.js")), P = b(() => import("./KvHeaderMyKivaMenu.js")), me = b(() => import("./LendMenu/KvLendMenu.js")), se = b(() => import("./KvHeaderTakeActionMenu.js")), ve = b(() => import("./KvHeaderAboutMenu.js")), U = 120, k = "avatar-menu", B = "menuButton", V = { top: "-3.75rem", width: "100%" }, ce = {
   components: {
     KvMaterialIcon: te,
     KvIconBag: oe,
@@ -58,21 +58,21 @@ const ue = g(() => import("./KvHeaderMobileMenu.js")), E = g(() => import("./KvH
     "item-hover"
   ],
   setup(l, { emit: n }) {
-    const o = r(null), e = r(null), L = r(null), K = r(null), b = r(null), c = r(null), T = r(null), x = r(null), d = r(null), t = r(null), s = (a, v, u = null) => {
-      n("item-hover", a, v, u);
-    }, V = (a, v, u = null) => {
-      navigator.maxTouchPoints || (t.value = a, s(
-        a,
+    const a = r(null), e = r(null), L = r(null), K = r(null), g = r(null), c = r(null), T = r(null), I = r(null), d = r(null), t = r(null), s = (o, v, u = null) => {
+      n("item-hover", o, v, u);
+    }, R = (o, v, u = null) => {
+      navigator.maxTouchPoints || (t.value = o, s(
+        o,
         v,
-        a === B && l.isMobile ? P : u
+        o === B && l.isMobile ? V : u
       ));
-    }, R = (a) => {
-      !navigator.maxTouchPoints && t.value === a && (t.value = null, s());
+    }, F = (o) => {
+      !navigator.maxTouchPoints && t.value === o && (t.value = null, s());
     }, O = () => {
       var D;
-      const a = (D = o.value) == null ? void 0 : D.getBoundingClientRect();
-      if (!a) return null;
-      const u = a.left + a.width / 2 - U / 2;
+      const o = (D = a.value) == null ? void 0 : D.getBoundingClientRect();
+      if (!o) return null;
+      const u = o.left + o.width / 2 - U / 2;
       return {
         ...u + U > window.innerWidth ? { right: 0 } : { left: l.isMobile ? 0 : `${u}px` },
         marginTop: "-2px",
@@ -81,20 +81,25 @@ const ue = g(() => import("./KvHeaderMobileMenu.js")), E = g(() => import("./KvH
         width: l.isMobile ? "100%" : `${U}px`
       };
     }, h = () => {
-      t.value = k, s(o.value, E, O());
-    }, F = (a, v, u) => {
-      t.value === B && (t.value = null), !t.value || t.value !== a ? (t.value = a, a === k ? h() : a === B && l.isMobile ? s(a, v, P) : s(a, v, u)) : (t.value = null, s());
+      t.value = k, s(a.value, P, O());
+    }, z = (o, v, u) => {
+      t.value === B && (t.value = null), !t.value || t.value !== o ? (t.value = o, o === k ? h() : o === B && l.isMobile ? s(o, v, V) : s(o, v, u)) : (t.value = null, s());
     }, N = re(() => {
       t.value === k && h();
-    }, 100), z = I(() => l.isMobile ? void 0 : "/lend-by-category"), W = I(() => {
-      var a;
-      return ((a = l.lenderImageUrl) == null ? void 0 : a.split("/").pop()) ?? "";
-    }), j = I(() => Math.floor(l.balance));
-    return q(
+    }, 100), W = 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));
+    return _(
       () => l.isMobile,
       () => {
         t.value === k && h();
       }
+    ), _(
+      () => l.openMenuItem,
+      (o) => {
+        o || (t.value = null);
+      }
     ), G(() => {
       import("./KvHeaderMobileMenu.js"), import("./KvHeaderMyKivaMenu.js"), import("./LendMenu/KvLendMenu.js"), import("./KvHeaderTakeActionMenu.js"), import("./KvHeaderAboutMenu.js"), window.addEventListener("resize", N);
     }), J(() => {
@@ -108,54 +113,54 @@ const ue = g(() => import("./KvHeaderMobileMenu.js")), E = g(() => import("./KvH
       mdiMagnify: $,
       mdiMenu: ee,
       onHover: s,
-      avatar: o,
+      avatar: a,
       lendButton: e,
       aboutUsLink: L,
       partnerWithUsLink: K,
-      borrowLink: b,
+      borrowLink: g,
       supportKivaLink: c,
       basketLink: T,
-      signInLink: x,
+      signInLink: I,
       menuButton: d,
-      lendUrl: z,
-      avatarFilename: W,
-      handleOnHover: V,
-      handleTouchStart: F,
-      handleMouseOut: R,
+      lendUrl: W,
+      avatarFilename: j,
+      handleOnHover: R,
+      handleTouchStart: z,
+      handleMouseOut: F,
       handleAvatarMenuPosition: h,
       KvHeaderMobileMenu: ue,
-      KvHeaderMyKivaMenu: E,
+      KvHeaderMyKivaMenu: P,
       KvLendMenu: me,
       KvHeaderTakeActionMenu: se,
       KvHeaderAboutMenu: ve,
       isLegacyPlaceholderAvatar: ie,
       getAvatarMenuPosition: O,
-      roundedBalance: j
+      roundedBalance: q
     };
   }
 }, we = { class: "tw-h-full tw-flex tw-items-center tw-gap-0.5 md:tw-gap-2 lg:tw-gap-2.5" }, fe = ["href"], Me = { class: "tw-text-eco-green-4" }, ke = ["href"];
-function ge(l, n, o, e, L, K) {
-  const b = p("kv-material-icon"), c = p("KvHeaderDropdownLink"), T = p("kv-icon-bag"), x = p("KvUserAvatar"), d = Q("kv-track-event");
+function be(l, n, a, e, L, K) {
+  const g = p("kv-material-icon"), c = p("KvHeaderDropdownLink"), T = p("kv-icon-bag"), I = p("KvUserAvatar"), d = Q("kv-track-event");
   return i(), w("div", we, [
     m((i(), w("button", {
       ref: "menuButton",
       class: y(["header-link tw-inline-flex md:tw-hidden", {
-        "tw-text-tertiary": o.openMenuItem && o.openMenuItem !== e.KvHeaderMobileMenu
+        "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] = (t) => e.handleTouchStart("menuButton", e.KvHeaderMobileMenu))
     }, [
-      _(b, { icon: e.mdiMenu }, null, 8, ["icon"])
+      S(g, { icon: e.mdiMenu }, null, 8, ["icon"])
     ], 34)), [
-      [d, o.openMenuItem === e.KvHeaderMobileMenu ? ["TopNav", "click-Hamburger-menu"] : null]
+      [d, a.openMenuItem === e.KvHeaderMobileMenu ? ["TopNav", "click-Hamburger-menu"] : null]
     ]),
     m((i(), f(c, {
       class: "tw-py-1",
       "ref-name": "lendButton",
       href: e.lendUrl,
       "menu-component": e.KvLendMenu,
-      "open-menu-item": o.openMenuItem,
+      "open-menu-item": a.openMenuItem,
       "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,
@@ -173,7 +178,7 @@ function ge(l, n, o, e, L, K) {
       "ref-name": "takeActionButton",
       "base-class": "tw-hidden md:tw-inline-flex tw-py-1",
       "menu-component": e.KvHeaderTakeActionMenu,
-      "open-menu-item": o.openMenuItem,
+      "open-menu-item": a.openMenuItem,
       "dropdown-icon": e.mdiChevronDown,
       "send-link-position": "",
       onOnHover: e.handleOnHover,
@@ -192,7 +197,7 @@ function ge(l, n, o, e, L, K) {
       "data-testid": "header-about",
       "base-class": "tw-hidden md:tw-inline-flex tw-py-1",
       "menu-component": e.KvHeaderAboutMenu,
-      "open-menu-item": o.openMenuItem,
+      "open-menu-item": a.openMenuItem,
       "dropdown-icon": e.mdiChevronDown,
       "send-link-position": "",
       onOnHover: e.handleOnHover,
@@ -207,30 +212,30 @@ function ge(l, n, o, e, L, K) {
       [d, ["TopNav", "click-About"]]
     ]),
     n[16] || (n[16] = A("div", { class: "tw-flex-1 tw-h-full" }, null, -1)),
-    o.loggedIn ? m((i(), w("a", {
+    a.loggedIn ? m((i(), w("a", {
       key: 0,
       ref: "dashboardLink",
-      href: o.myDashboardUrl,
-      class: y(["header-link tw-hidden md:tw-block", { "tw-text-tertiary": !!o.openMenuItem }])
+      href: a.myDashboardUrl,
+      class: y(["header-link tw-hidden md:tw-block", { "tw-text-tertiary": !!a.openMenuItem }])
     }, n[13] || (n[13] = [
       M(" My dashboard ")
     ]), 10, fe)), [
       [d, ["TopNav", "click-Dashboard"]]
-    ]) : S("", !0),
+    ]) : C("", !0),
     m((i(), w("a", {
       ref: "basketLink",
       href: "/basket",
-      class: y(["header-link tw-relative md:!tw-mr-0 tw-flex tw-items-center tw-gap-0.5", { "tw-text-tertiary": !!o.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"
     }, [
-      _(T, {
+      S(T, {
         class: "tw-w-3 tw-h-3 md:tw-w-3.5 md:tw-h-3.5 tw-pointer-events-none",
-        count: o.basketCount
+        count: a.basketCount
       }, null, 8, ["count"]),
       n[14] || (n[14] = A("span", { class: "tw-hidden md:tw-block" }, "Basket", -1))
     ], 2)), [
-      [C, o.basketCount > 0],
+      [E, a.basketCount > 0],
       [d, ["TopNav", "click-Basket"]]
     ]),
     m(A("div", {
@@ -240,26 +245,26 @@ function ge(l, n, o, e, L, K) {
       onMouseout: n[8] || (n[8] = (t) => e.handleMouseOut(e.AVATAR_MENU_ID)),
       onTouchstart: n[9] || (n[9] = (t) => e.handleTouchStart(e.AVATAR_MENU_ID))
     }, [
-      e.isLegacyPlaceholderAvatar(e.avatarFilename) || !e.avatarFilename ? (i(), f(b, {
+      e.isLegacyPlaceholderAvatar(e.avatarFilename) || !e.avatarFilename ? (i(), f(g, {
         key: 0,
         icon: e.mdiAccountCircle,
         class: "tw-w-3"
-      }, null, 8, ["icon"])) : (i(), f(x, {
+      }, null, 8, ["icon"])) : (i(), f(I, {
         key: 1,
         class: "avatar",
-        "lender-name": o.lenderName,
-        "lender-image-url": o.lenderImageUrl,
+        "lender-name": a.lenderName,
+        "lender-image-url": a.lenderImageUrl,
         "is-small": ""
       }, null, 8, ["lender-name", "lender-image-url"])),
       A("span", Me, X(e.numeral(e.roundedBalance).format("$0")), 1)
     ], 544), [
-      [C, o.loggedIn]
+      [E, a.loggedIn]
     ]),
-    o.loggedIn ? S("", !0) : m((i(), w("a", {
+    a.loggedIn ? C("", !0) : m((i(), w("a", {
       key: 1,
       ref: "signInLink",
-      href: o.loginUrl,
-      class: y(["header-link", { "tw-text-tertiary": !!o.openMenuItem }])
+      href: a.loginUrl,
+      class: y(["header-link", { "tw-text-tertiary": !!a.openMenuItem }])
     }, n[15] || (n[15] = [
       M(" Sign in ")
     ]), 10, ke)), [
@@ -267,7 +272,7 @@ function ge(l, n, o, e, L, K) {
     ])
   ]);
 }
-const Ke = /* @__PURE__ */ de(ce, [["render", ge], ["__scopeId", "data-v-b071331e"]]);
+const Ke = /* @__PURE__ */ de(ce, [["render", be], ["__scopeId", "data-v-a0bb7bc8"]]);
 export {
   Ke as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "6.57.3",
+  "version": "6.57.4",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -114,5 +114,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "773c99e26b05b13cba25a94d5d07639510107c8c"
+  "gitHead": "499920c6313443f9e9c885f962bff394457fc4ef"
 }