@kiva/kv-components 6.52.10 → 6.53.0

package/dist/vue/KvWwwHeader/KvHeaderLinkBar.css

@@ -1 +1 @@
-.header-link[data-v-e35e8b60]{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-e35e8b60]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}
+.header-link[data-v-6728d6d1]{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-6728d6d1]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}

package/dist/vue/KvWwwHeader/KvHeaderLinkBar.js

@@ -1,19 +1,19 @@
-import { defineAsyncComponent as M, ref as r, computed as F, onMounted as q, onUnmounted as G, resolveComponent as g, resolveDirective as J, openBlock as i, createElementBlock as c, withDirectives as m, normalizeClass as b, createVNode as D, createBlock as h, withCtx as L, createTextVNode as w, createElementVNode as C, createCommentVNode as p, vShow as Q, 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";
-import oe from "../KvIconBag.js";
-import le from "./KvHeaderDropdownLink.js";
-import re from "../KvUserAvatar.js";
-import { throttle as ie } from "../../utils/throttle.js";
+import { defineAsyncComponent as k, ref as r, computed as j, onMounted as q, onUnmounted as G, resolveComponent as h, resolveDirective as J, openBlock as i, createElementBlock as m, withDirectives as s, normalizeClass as p, createVNode as D, createBlock as w, withCtx as L, createTextVNode as M, createElementVNode as C, createCommentVNode as y, vShow as Q, toDisplayString as X, Fragment as Y } from "vue";
+import { mdiAccountCircle as Z, mdiChevronDown as $, mdiMagnify as ee, mdiMenu as ne } from "@mdi/js";
+import te from "numeral";
+import oe from "../KvMaterialIcon.js";
+import le from "../KvIconBag.js";
+import re from "./KvHeaderDropdownLink.js";
+import ie from "../KvUserAvatar.js";
+import { throttle as ae } from "../../utils/throttle.js";
 import "./KvHeaderLinkBar.css";
-import ae from "../../_virtual/_plugin-vue_export-helper.js";
-const ue = M(() => import("./KvHeaderMobileMenu.js")), E = M(() => import("./KvHeaderMyKivaMenu.js")), de = M(() => import("./LendMenu/KvLendMenu.js")), me = M(() => import("./KvHeaderTakeActionMenu.js")), se = M(() => import("./KvHeaderAboutMenu.js")), S = 146, y = "avatar-menu", B = "menuButton", V = { top: "-3.75rem", width: "100%" }, ve = {
+import ue from "../../_virtual/_plugin-vue_export-helper.js";
+const de = k(() => import("./KvHeaderMobileMenu.js")), E = k(() => import("./KvHeaderMyKivaMenu.js")), me = k(() => import("./LendMenu/KvLendMenu.js")), se = k(() => import("./KvHeaderTakeActionMenu.js")), ve = k(() => import("./KvHeaderAboutMenu.js")), S = 146, A = "avatar-menu", B = "menuButton", V = { top: "-3.75rem", width: "100%" }, ce = {
   components: {
-    KvMaterialIcon: te,
-    KvIconBag: oe,
-    KvHeaderDropdownLink: le,
-    KvUserAvatar: re
+    KvMaterialIcon: oe,
+    KvIconBag: le,
+    KvHeaderDropdownLink: re,
+    KvUserAvatar: ie
   },
   props: {
     loggedIn: {
@@ -56,14 +56,14 @@ const ue = M(() => import("./KvHeaderMobileMenu.js")), E = M(() => import("./KvH
   emits: [
     "item-hover"
   ],
-  setup(s, { emit: e }) {
-    const t = r(null), n = r(null), K = r(null), O = r(null), A = r(null), f = r(null), T = r(null), I = r(null), a = r(null), o = r(null), H = r(!1), k = r(), u = (l, d, v = null) => {
-      e("item-hover", l, d, v);
-    }, P = (l, d, v = null) => {
+  setup(v, { emit: e }) {
+    const t = r(null), n = r(null), K = r(null), O = r(null), g = r(null), f = r(null), I = r(null), T = r(null), a = r(null), o = r(null), H = r(!1), b = r(), u = (l, d, c = null) => {
+      e("item-hover", l, d, c);
+    }, P = (l, d, c = null) => {
       navigator.maxTouchPoints || (o.value = l, u(
         l,
         d,
-        l === B && s.isMobile ? V : v
+        l === B && v.isMobile ? V : c
       ));
     }, R = (l) => {
       !H.value && o.value === l && (o.value = null, u());
@@ -71,77 +71,77 @@ const ue = M(() => import("./KvHeaderMobileMenu.js")), E = M(() => import("./KvH
       var N, _;
       const l = (_ = (N = t.value) == null ? void 0 : N.userAvatar) == null ? void 0 : _.getBoundingClientRect();
       if (!l) return null;
-      const v = l.left + l.width / 2 - S / 2;
+      const c = l.left + l.width / 2 - S / 2;
       return {
-        ...v + S > window.innerWidth ? { right: 0 } : { left: s.isMobile ? 0 : `${v}px` },
+        ...c + S > window.innerWidth ? { right: 0 } : { left: v.isMobile ? 0 : `${c}px` },
         marginTop: "-2px",
         // Avoid closing avatar menu on header edge
-        borderRadius: s.isMobile ? "auto" : "0px 0px 8px 8px"
+        borderRadius: v.isMobile ? "auto" : "0px 0px 8px 8px"
       };
     }, x = () => {
-      o.value = y, u(t.value, E, z());
+      o.value = A, u(t.value, E, z());
     }, W = (l, d) => {
-      k.value = null, H.value = !0, k.value && clearTimeout(k.value), o.value === B && (o.value = null), !o.value || o.value !== l ? (o.value = l, l === y ? x() : l === B && s.isMobile ? u(l, d, V) : u(l, d)) : (o.value = null, u()), k.value = setTimeout(() => {
+      b.value = null, H.value = !0, b.value && clearTimeout(b.value), o.value === B && (o.value = null), !o.value || o.value !== l ? (o.value = l, l === A ? x() : l === B && v.isMobile ? u(l, d, V) : u(l, d)) : (o.value = null, u()), b.value = setTimeout(() => {
         H.value = !1;
       }, 500);
-    }, U = ie(() => {
-      o.value === y && x();
-    }, 100), j = F(() => s.isMobile ? void 0 : "/lend-by-category");
+    }, U = ae(() => {
+      o.value === A && x();
+    }, 100), F = j(() => v.isMobile ? void 0 : "/lend-by-category");
     return q(() => {
       import("./KvHeaderMobileMenu.js"), import("./KvHeaderMyKivaMenu.js"), import("./LendMenu/KvLendMenu.js"), import("./KvHeaderTakeActionMenu.js"), import("./KvHeaderAboutMenu.js"), window.addEventListener("resize", U);
     }), G(() => {
       window.removeEventListener("resize", U);
     }), {
-      AVATAR_MENU_ID: y,
+      AVATAR_MENU_ID: A,
       openMenuId: o,
-      numeral: ne,
-      mdiAccountCircle: Y,
-      mdiChevronDown: Z,
-      mdiMagnify: $,
-      mdiMenu: ee,
+      numeral: te,
+      mdiAccountCircle: Z,
+      mdiChevronDown: $,
+      mdiMagnify: ee,
+      mdiMenu: ne,
       onHover: u,
       avatar: t,
       lendButton: n,
       aboutUsLink: K,
       partnerWithUsLink: O,
-      borrowLink: A,
+      borrowLink: g,
       supportKivaLink: f,
-      basketLink: T,
-      signInLink: I,
+      basketLink: I,
+      signInLink: T,
       menuButton: a,
-      lendUrl: j,
+      lendUrl: F,
       handleOnHover: P,
       handleTouchStart: W,
       handleMouseOut: R,
       handleAvatarMenuPosition: x,
-      KvHeaderMobileMenu: ue,
+      KvHeaderMobileMenu: de,
       KvHeaderMyKivaMenu: E,
-      KvLendMenu: de,
-      KvHeaderTakeActionMenu: me,
-      KvHeaderAboutMenu: se
+      KvLendMenu: me,
+      KvHeaderTakeActionMenu: se,
+      KvHeaderAboutMenu: ve
     };
   }
-}, ce = { class: "tw-h-full tw-flex tw-items-center tw-gap-0.5 md:tw-gap-1.5 lg:tw-gap-2.5" }, fe = ["href"], we = {
+}, fe = { class: "tw-h-full tw-flex tw-items-center tw-gap-0.5 md:tw-gap-1.5 lg:tw-gap-2.5" }, we = ["href"], Me = {
   key: 0,
   class: "tw-bg-eco-green-1 tw-py-0.5 tw-px-1 tw-text-eco-green-4"
-}, Me = ["href"];
-function ke(s, e, t, n, K, O) {
-  const A = g("kv-material-icon"), f = g("KvHeaderDropdownLink"), T = g("kv-icon-bag"), I = g("KvUserAvatar"), a = J("kv-track-event");
-  return i(), c("div", ce, [
-    m((i(), c("button", {
+}, ke = ["href"];
+function ge(v, e, t, n, K, O) {
+  const g = h("kv-material-icon"), f = h("KvHeaderDropdownLink"), I = h("kv-icon-bag"), T = h("KvUserAvatar"), a = J("kv-track-event");
+  return i(), m("div", fe, [
+    s((i(), m("button", {
       ref: "menuButton",
-      class: b(["header-link tw-inline-flex md:tw-hidden", {
+      class: p(["header-link tw-inline-flex md:tw-hidden", {
         "tw-text-tertiary": t.openMenuItem && t.openMenuItem !== n.KvHeaderMobileMenu
       }]),
       onMouseover: e[0] || (e[0] = (o) => n.handleOnHover("menuButton", n.KvHeaderMobileMenu)),
       onMouseout: e[1] || (e[1] = (o) => n.handleMouseOut("menuButton")),
       onTouchstart: e[2] || (e[2] = (o) => n.handleTouchStart("menuButton", n.KvHeaderMobileMenu))
     }, [
-      D(A, { icon: n.mdiMenu }, null, 8, ["icon"])
+      D(g, { icon: n.mdiMenu }, null, 8, ["icon"])
     ], 34)), [
       [a, t.openMenuItem === n.KvHeaderMobileMenu ? ["TopNav", "click-Hamburger-menu"] : null]
     ]),
-    m((i(), h(f, {
+    s((i(), w(f, {
       class: "tw-py-1",
       "ref-name": "lendButton",
       href: n.lendUrl,
@@ -154,13 +154,13 @@ function ke(s, e, t, n, K, O) {
       onTouchstart: e[4] || (e[4] = (o) => n.handleTouchStart("lendButton", n.KvLendMenu))
     }, {
       default: L(() => e[10] || (e[10] = [
-        w(" Lend ")
+        M(" Lend ")
       ])),
       _: 1
     }, 8, ["href", "menu-component", "open-menu-item", "dropdown-icon", "onOnHover"])), [
       [a, ["TopNav", "click-Lend"]]
     ]),
-    m((i(), h(f, {
+    s((i(), w(f, {
       "ref-name": "takeActionButton",
       "base-class": "tw-hidden md:tw-inline-flex tw-py-1",
       "menu-component": n.KvHeaderTakeActionMenu,
@@ -171,13 +171,13 @@ function ke(s, e, t, n, K, O) {
       onMouseout: e[5] || (e[5] = (o) => n.handleMouseOut("takeActionButton"))
     }, {
       default: L(() => e[11] || (e[11] = [
-        w(" Take action ")
+        M(" Take action ")
       ])),
       _: 1
     }, 8, ["menu-component", "open-menu-item", "dropdown-icon", "onOnHover"])), [
       [a, ["TopNav", "click-TakeAction"]]
     ]),
-    m((i(), h(f, {
+    s((i(), w(f, {
       "ref-name": "aboutUsLink",
       "data-testid": "header-about",
       "base-class": "tw-hidden md:tw-inline-flex tw-py-1",
@@ -189,31 +189,31 @@ function ke(s, e, t, n, K, O) {
       onMouseout: e[6] || (e[6] = (o) => n.handleMouseOut("aboutUsLink"))
     }, {
       default: L(() => e[12] || (e[12] = [
-        w(" About ")
+        M(" About ")
       ])),
       _: 1
     }, 8, ["menu-component", "open-menu-item", "dropdown-icon", "onOnHover"])), [
       [a, ["TopNav", "click-About"]]
     ]),
     e[15] || (e[15] = C("div", { class: "tw-flex-1 tw-h-full" }, null, -1)),
-    t.loggedIn ? m((i(), c("a", {
+    t.loggedIn ? s((i(), m("a", {
       key: 0,
       ref: "dashboardLink",
       href: t.myDashboardUrl,
-      class: b(["header-link tw-hidden md:tw-block", { "tw-text-tertiary": !!t.openMenuItem }])
+      class: p(["header-link tw-hidden md:tw-block", { "tw-text-tertiary": !!t.openMenuItem }])
     }, e[13] || (e[13] = [
-      w(" My dashboard ")
-    ]), 10, fe)), [
+      M(" My dashboard ")
+    ]), 10, we)), [
       [a, ["TopNav", "click-Dashboard"]]
-    ]) : p("", !0),
-    m((i(), c("a", {
+    ]) : y("", !0),
+    s((i(), m("a", {
       ref: "basketLink",
       href: "/basket",
-      class: b(["header-link tw-relative md:!tw-mr-0", { "tw-text-tertiary": !!t.openMenuItem }]),
+      class: p(["header-link tw-relative md:!tw-mr-0", { "tw-text-tertiary": !!t.openMenuItem }]),
       style: { "margin-right": "2px" },
       "data-testid": "header-basket"
     }, [
-      D(T, {
+      D(I, {
         class: "tw-w-3 tw-h-3 tw-pointer-events-none",
         count: t.basketCount
       }, null, 8, ["count"])
@@ -227,28 +227,34 @@ function ke(s, e, t, n, K, O) {
       onMouseout: e[8] || (e[8] = (o) => n.handleMouseOut(n.AVATAR_MENU_ID)),
       onTouchstart: e[9] || (e[9] = (o) => n.handleTouchStart(n.AVATAR_MENU_ID))
     }, [
-      t.loggedIn ? (i(), c("span", we, X(n.numeral(t.balance).format("$0")), 1)) : p("", !0),
-      t.loggedIn ? (i(), h(I, {
-        key: 1,
-        ref: "avatar",
-        "lender-name": t.lenderName,
-        "lender-image-url": t.lenderImageUrl,
-        "is-small": ""
-      }, null, 8, ["lender-name", "lender-image-url"])) : p("", !0)
+      t.loggedIn ? (i(), m("span", Me, X(n.numeral(t.balance).format("$0")), 1)) : y("", !0),
+      t.loggedIn ? (i(), m(Y, { key: 1 }, [
+        t.lenderImageUrl ? (i(), w(T, {
+          key: 0,
+          ref: "avatar",
+          "lender-name": t.lenderName,
+          "lender-image-url": t.lenderImageUrl,
+          "is-small": ""
+        }, null, 8, ["lender-name", "lender-image-url"])) : (i(), w(g, {
+          key: 1,
+          icon: n.mdiAccountCircle,
+          class: "tw-w-3"
+        }, null, 8, ["icon"]))
+      ], 64)) : y("", !0)
     ], 32),
-    t.loggedIn ? p("", !0) : m((i(), c("a", {
+    t.loggedIn ? y("", !0) : s((i(), m("a", {
       key: 1,
       ref: "signInLink",
       href: t.loginUrl,
-      class: b(["header-link", { "tw-text-tertiary": !!t.openMenuItem }])
+      class: p(["header-link", { "tw-text-tertiary": !!t.openMenuItem }])
     }, e[14] || (e[14] = [
-      w(" Sign in ")
-    ]), 10, Me)), [
+      M(" Sign in ")
+    ]), 10, ke)), [
       [a, ["TopNav", "click-Sign-in"]]
     ])
   ]);
 }
-const Be = /* @__PURE__ */ ae(ve, [["render", ke], ["__scopeId", "data-v-e35e8b60"]]);
+const Ke = /* @__PURE__ */ ue(ce, [["render", ge], ["__scopeId", "data-v-6728d6d1"]]);
 export {
-  Be as default
+  Ke as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "6.52.10",
+  "version": "6.53.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -114,5 +114,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "f7509c21acb1a45b5556219f4fdfde85e0fc7c9d"
+  "gitHead": "2b9e0fbf9f13fbb0a104e9176adaf18765af5c43"
 }