@kiva/kv-components 6.59.3 → 6.59.4

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.59.4",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -114,5 +114,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "9d5197374578ee24fec879bfe63596c1a50e9ffc"
+  "gitHead": "0e86d06c371a8ddc1b13ec2532b0fbf69e26377f"
 }