@kiva/kv-components 6.50.3 → 6.50.4

package/dist/vue/KvWwwHeader/KvHeaderLinkBar.css

@@ -1 +1 @@
-.header-link[data-v-80235e01]{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-80235e01]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}
+.header-link[data-v-a0d88ce7]{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-a0d88ce7]: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 k, ref as l, computed as P, onMounted as z, onUnmounted as W, resolveComponent as b, resolveDirective as j, openBlock as i, createElementBlock as c, withDirectives as d, normalizeClass as g, createVNode as U, createBlock as h, withCtx as T, createTextVNode as w, createElementVNode as N, createCommentVNode as M, toDisplayString as F } from "vue";
-import { mdiAccountCircle as q, mdiChevronDown as G, mdiMagnify as J, mdiMenu as Q } from "@mdi/js";
-import X from "numeral";
-import Y from "../KvMaterialIcon.js";
-import Z from "../KvIconBag.js";
-import $ from "./KvHeaderDropdownLink.js";
-import ee from "../KvUserAvatar.js";
-import { throttle as ne } from "../../utils/throttle.js";
+import { defineAsyncComponent as M, ref as l, computed as P, onMounted as z, onUnmounted as W, resolveComponent as k, resolveDirective as j, openBlock as i, createElementBlock as c, withDirectives as d, normalizeClass as b, createVNode as U, createBlock as g, withCtx as T, createTextVNode as w, createElementVNode as N, createCommentVNode as h, vShow as F, toDisplayString as q } from "vue";
+import { mdiAccountCircle as G, mdiChevronDown as J, mdiMagnify as Q, mdiMenu as X } from "@mdi/js";
+import Y from "numeral";
+import Z from "../KvMaterialIcon.js";
+import $ from "../KvIconBag.js";
+import ee from "./KvHeaderDropdownLink.js";
+import ne from "../KvUserAvatar.js";
+import { throttle as te } from "../../utils/throttle.js";
 import "./KvHeaderLinkBar.css";
-import te from "../../_virtual/_plugin-vue_export-helper.js";
-const oe = k(() => import("./KvHeaderMobileMenu.js")), D = k(() => import("./KvHeaderMyKivaMenu.js")), re = k(() => import("./LendMenu/KvLendMenu.js")), le = k(() => import("./KvHeaderTakeActionMenu.js")), ie = k(() => import("./KvHeaderAboutMenu.js")), C = 118, p = "avatar-menu", ae = {
+import oe from "../../_virtual/_plugin-vue_export-helper.js";
+const re = M(() => import("./KvHeaderMobileMenu.js")), D = M(() => import("./KvHeaderMyKivaMenu.js")), le = M(() => import("./LendMenu/KvLendMenu.js")), ie = M(() => import("./KvHeaderTakeActionMenu.js")), ae = M(() => import("./KvHeaderAboutMenu.js")), C = 118, p = "avatar-menu", de = {
   components: {
-    KvMaterialIcon: Y,
-    KvIconBag: Z,
-    KvHeaderDropdownLink: $,
-    KvUserAvatar: ee
+    KvMaterialIcon: Z,
+    KvIconBag: $,
+    KvHeaderDropdownLink: ee,
+    KvUserAvatar: ne
   },
   props: {
     loggedIn: {
@@ -79,7 +79,7 @@ const oe = k(() => import("./KvHeaderMobileMenu.js")), D = k(() => import("./KvH
       o.value = p, m(t.value, D, E());
     }, V = (r, s) => {
       !o.value || o.value !== r ? (o.value = r, r === p ? I() : m(r, s)) : (o.value = null, m());
-    }, L = ne(() => {
+    }, L = te(() => {
       o.value === p && I();
     }, 50), R = P(() => u.isMobile ? void 0 : "/lend-by-category");
     return z(() => {
@@ -89,11 +89,11 @@ const oe = k(() => import("./KvHeaderMobileMenu.js")), D = k(() => import("./KvH
     }), {
       AVATAR_MENU_ID: p,
       openMenuId: o,
-      numeral: X,
-      mdiAccountCircle: q,
-      mdiChevronDown: G,
-      mdiMagnify: J,
-      mdiMenu: Q,
+      numeral: Y,
+      mdiAccountCircle: G,
+      mdiChevronDown: J,
+      mdiMagnify: Q,
+      mdiMenu: X,
       onHover: m,
       avatar: t,
       lendButton: n,
@@ -109,23 +109,23 @@ const oe = k(() => import("./KvHeaderMobileMenu.js")), D = k(() => import("./KvH
       handleTouchStart: V,
       handleMouseOut: S,
       handleAvatarMenuPosition: I,
-      KvHeaderMobileMenu: oe,
+      KvHeaderMobileMenu: re,
       KvHeaderMyKivaMenu: D,
-      KvLendMenu: re,
-      KvHeaderTakeActionMenu: le,
-      KvHeaderAboutMenu: ie
+      KvLendMenu: le,
+      KvHeaderTakeActionMenu: ie,
+      KvHeaderAboutMenu: ae
     };
   }
-}, de = { class: "tw-h-full tw-flex tw-items-center tw-gap-2.5" }, ue = ["href"], me = {
+}, ue = { class: "tw-h-full tw-flex tw-items-center tw-gap-2.5" }, me = ["href"], se = {
   key: 0,
   class: "tw-bg-eco-green-1 tw-py-0.5 tw-px-1 tw-text-eco-green-4"
-}, se = ["href"];
-function ve(u, e, t, n, x, K) {
-  const y = b("kv-material-icon"), f = b("KvHeaderDropdownLink"), A = b("kv-icon-bag"), H = b("KvUserAvatar"), a = j("kv-track-event");
-  return i(), c("div", de, [
+}, ve = ["href"];
+function ce(u, e, t, n, x, K) {
+  const y = k("kv-material-icon"), f = k("KvHeaderDropdownLink"), A = k("kv-icon-bag"), H = k("KvUserAvatar"), a = j("kv-track-event");
+  return i(), c("div", ue, [
     d((i(), c("button", {
       ref: "menuButton",
-      class: g(["header-link tw-inline-flex lg:tw-hidden", {
+      class: b(["header-link tw-inline-flex lg:tw-hidden", {
         "tw-text-tertiary": t.openMenuItem && t.openMenuItem !== n.KvHeaderMobileMenu
       }]),
       onMouseover: e[0] || (e[0] = (o) => n.handleOnHover(n.menuButton, n.KvHeaderMobileMenu)),
@@ -136,7 +136,7 @@ function ve(u, e, t, n, x, K) {
     ], 34)), [
       [a, t.openMenuItem === n.KvHeaderMobileMenu ? ["TopNav", "click-Hamburger-menu"] : null]
     ]),
-    d((i(), h(f, {
+    d((i(), g(f, {
       "ref-name": "lendButton",
       href: n.lendUrl,
       "menu-component": n.KvLendMenu,
@@ -154,7 +154,7 @@ function ve(u, e, t, n, x, K) {
     }, 8, ["href", "menu-component", "open-menu-item", "dropdown-icon", "onOnHover"])), [
       [a, ["TopNav", "click-Lend"]]
     ]),
-    d((i(), h(f, {
+    d((i(), g(f, {
       "ref-name": "takeActionButton",
       "base-class": "tw-hidden lg:tw-inline-flex tw-py-2",
       "menu-component": n.KvHeaderTakeActionMenu,
@@ -171,9 +171,9 @@ function ve(u, e, t, n, x, K) {
     }, 8, ["menu-component", "open-menu-item", "dropdown-icon", "onOnHover"])), [
       [a, ["TopNav", "click-TakeAction"]]
     ]),
-    d((i(), h(f, {
+    d((i(), g(f, {
       "ref-name": "aboutUsLink",
-      "test-id": "header-about",
+      "data-testid": "header-about",
       "base-class": "tw-hidden lg:tw-inline-flex tw-py-2",
       "menu-component": n.KvHeaderAboutMenu,
       "open-menu-item": t.openMenuItem,
@@ -194,54 +194,54 @@ function ve(u, e, t, n, x, K) {
       key: 0,
       ref: "dashboardLink",
       href: t.myDashboardUrl,
-      class: g(["header-link tw-hidden lg:tw-block", { "tw-text-tertiary": !!t.openMenuItem }])
+      class: b(["header-link tw-hidden lg:tw-block", { "tw-text-tertiary": !!t.openMenuItem }])
     }, e[13] || (e[13] = [
       w(" My dashboard ")
-    ]), 10, ue)), [
+    ]), 10, me)), [
       [a, ["TopNav", "click-Dashboard"]]
-    ]) : M("", !0),
-    t.basketCount > 0 ? d((i(), c("a", {
-      key: 1,
+    ]) : h("", !0),
+    d((i(), c("a", {
       ref: "basketLink",
       href: "/basket",
-      class: g(["header-link tw-relative", { "tw-text-tertiary": !!t.openMenuItem }]),
-      "test-id": "header-basket"
+      class: b(["header-link tw-relative", { "tw-text-tertiary": !!t.openMenuItem }]),
+      "data-testid": "header-basket"
     }, [
       U(A, {
         class: "tw-w-3 tw-h-3 tw-pointer-events-none",
         count: t.basketCount
       }, null, 8, ["count"])
     ], 2)), [
+      [F, t.basketCount > 0],
       [a, ["TopNav", "click-Basket"]]
-    ]) : M("", !0),
+    ]),
     N("div", {
       class: "tw-cursor-pointer tw-flex tw-items-center tw-gap-1 tw-py-1.5",
       onMouseover: e[7] || (e[7] = (...o) => n.handleAvatarMenuPosition && n.handleAvatarMenuPosition(...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", me, F(n.numeral(t.balance).format("$0")), 1)) : M("", !0),
-      t.loggedIn ? (i(), h(H, {
+      t.loggedIn ? (i(), c("span", se, q(n.numeral(t.balance).format("$0")), 1)) : h("", !0),
+      t.loggedIn ? (i(), g(H, {
         key: 1,
         ref: "avatar",
         "lender-name": t.lenderName,
         "lender-image-url": t.lenderImageUrl,
         "is-small": ""
-      }, null, 8, ["lender-name", "lender-image-url"])) : M("", !0)
+      }, null, 8, ["lender-name", "lender-image-url"])) : h("", !0)
     ], 32),
-    t.loggedIn ? M("", !0) : d((i(), c("a", {
-      key: 2,
+    t.loggedIn ? h("", !0) : d((i(), c("a", {
+      key: 1,
       ref: "signInLink",
       href: t.loginUrl,
-      class: g(["header-link", { "tw-text-tertiary": !!t.openMenuItem }])
+      class: b(["header-link", { "tw-text-tertiary": !!t.openMenuItem }])
     }, e[14] || (e[14] = [
       w(" Sign in ")
-    ]), 10, se)), [
+    ]), 10, ve)), [
       [a, ["TopNav", "click-Sign-in"]]
     ])
   ]);
 }
-const He = /* @__PURE__ */ te(ae, [["render", ve], ["__scopeId", "data-v-80235e01"]]);
+const Ie = /* @__PURE__ */ oe(de, [["render", ce], ["__scopeId", "data-v-a0d88ce7"]]);
 export {
-  He as default
+  Ie as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "6.50.3",
+  "version": "6.50.4",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -113,5 +113,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "0b369f28a444966749668a69bfb2f1aab97a4824"
+  "gitHead": "64df72dd120838ee9d06387587c5e130d66d4009"
 }