@kiva/kv-components 6.52.5 → 6.52.7

package/dist/vue/KvWwwHeader/KvHeaderLinkBar.css

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

package/dist/vue/KvWwwHeader/KvHeaderLinkBar.js

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

package/dist/vue/KvWwwHeader/KvHeaderMobileMenu.css

@@ -1 +1 @@
-.mobile-link[data-v-4faf4cb4]{--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.mobile-link[data-v-4faf4cb4]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:underline}
+.mobile-link[data-v-c5a33b4b]{--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.mobile-link[data-v-c5a33b4b]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:underline}

package/dist/vue/KvWwwHeader/KvHeaderMobileMenu.js

@@ -1,7 +1,7 @@
-import { mdiClose as w } from "@mdi/js";
+import { mdiClose as f } from "@mdi/js";
 import b from "../KvAccordionItem.js";
 import h from "../KvMaterialIcon.js";
-import { resolveComponent as u, resolveDirective as g, openBlock as t, createElementBlock as o, createBlock as _, createCommentVNode as y, createVNode as p, withCtx as a, createElementVNode as r, Fragment as N, renderList as x, withDirectives as n, toDisplayString as m, createTextVNode as s } from "vue";
+import { resolveComponent as p, resolveDirective as g, openBlock as t, createElementBlock as o, createBlock as _, createCommentVNode as y, createVNode as u, withCtx as a, createElementVNode as r, Fragment as N, renderList as x, withDirectives as n, toDisplayString as m, createTextVNode as s } from "vue";
 import "./KvHeaderMobileMenu.css";
 import I from "../../_virtual/_plugin-vue_export-helper.js";
 const K = {
@@ -26,7 +26,7 @@ const K = {
   emits: ["closing-menu"],
   data() {
     return {
-      mdiClose: w,
+      mdiClose: f,
       menuItems: [
         {
           title: "Choose someone to help",
@@ -55,7 +55,7 @@ const K = {
       ]
     };
   }
-}, T = { class: "tw--mt-0.5 tw-pb-0.5 tw-gap-2 tw-flex tw-flex-col tw-items-end md:tw-hidden tw-font-medium tw-p-2.5" }, C = { class: "tw-flex tw-flex-col tw-gap-2" }, M = ["href"], E = { class: "tw-text-secondary tw-font-book" }, B = { class: "tw-flex tw-flex-col tw-gap-2 tw-pt-1 tw-pb-2" }, D = {
+}, T = { class: "tw--mt-0.5 tw-pb-0.5 tw-gap-2 tw-flex tw-flex-col tw-items-end md:tw-hidden tw-font-medium tw-p-2.5" }, C = { class: "tw-flex tw-flex-col tw-gap-2 tw-pl-1" }, M = ["href"], E = { class: "tw-text-secondary tw-font-book" }, B = { class: "tw-flex tw-flex-col tw-gap-2 tw-pb-2 tw-pl-1" }, D = {
   href: "/about",
   class: "mobile-link"
 }, A = {
@@ -81,21 +81,21 @@ const K = {
   class: "mobile-link"
 };
 function S(k, e, v, q, c, z) {
-  const f = u("KvMaterialIcon"), d = u("KvAccordionItem"), i = g("kv-track-event");
+  const w = p("KvMaterialIcon"), d = p("KvAccordionItem"), i = g("kv-track-event");
   return t(), o("nav", T, [
-    v.isMobile ? (t(), _(f, {
+    v.isMobile ? (t(), _(w, {
       key: 0,
       icon: c.mdiClose,
       class: "tw-cursor-pointer",
       onClick: e[0] || (e[0] = (l) => k.$emit("closing-menu"))
     }, null, 8, ["icon"])) : y("", !0),
-    p(d, {
+    u(d, {
       id: "accordion-take-action-menu",
       open: "",
       class: "tw-w-full tw-border-b-0"
     }, {
       header: a(() => e[1] || (e[1] = [
-        r("h3", null, "Take action", -1)
+        r("h3", { class: "tw-pb-0.5" }, " Take action ", -1)
       ])),
       default: a(() => [
         r("div", C, [
@@ -114,12 +114,12 @@ function S(k, e, v, q, c, z) {
       ]),
       _: 1
     }),
-    p(d, {
+    u(d, {
       id: "accordion-about-menu",
-      class: "tw-w-full"
+      class: "tw-w-full tw-pb-1"
     }, {
       header: a(() => e[2] || (e[2] = [
-        r("h3", null, "About", -1)
+        r("h3", { class: "tw-pb-0.5" }, " About ", -1)
       ])),
       default: a(() => [
         r("div", B, [
@@ -169,7 +169,7 @@ function S(k, e, v, q, c, z) {
     })
   ]);
 }
-const Q = /* @__PURE__ */ I(K, [["render", S], ["__scopeId", "data-v-4faf4cb4"]]);
+const Q = /* @__PURE__ */ I(K, [["render", S], ["__scopeId", "data-v-c5a33b4b"]]);
 export {
   Q as default
 };

package/dist/vue/KvWwwHeader/KvHeaderMyKivaMenu.js

@@ -1,9 +1,9 @@
-import f from "./KvHeaderMenuLink.js";
-import { resolveComponent as m, openBlock as a, createElementBlock as u, createVNode as s, withCtx as r, createTextVNode as o, createBlock as l, createCommentVNode as d } from "vue";
-import i from "../../_virtual/_plugin-vue_export-helper.js";
-const w = {
+import d from "./KvHeaderMenuLink.js";
+import { resolveComponent as u, openBlock as a, createElementBlock as i, createVNode as s, withCtx as o, createTextVNode as r, createBlock as l, createCommentVNode as f } from "vue";
+import m from "../../_virtual/_plugin-vue_export-helper.js";
+const p = {
   components: {
-    KvHeaderMenuLink: f
+    KvHeaderMenuLink: d
   },
   props: {
     balance: {
@@ -23,40 +23,40 @@ const w = {
       default: "/mykiva"
     }
   }
-}, p = { class: "tw--mt-0.5 tw-pb-0.5 tw-flex tw-flex-col tw-items-start md:tw-items-start tw-font-medium tw-px-2.5" };
+}, w = { class: "tw--mt-0.5 tw-pb-0.5 tw-flex tw-flex-col tw-items-start tw-font-medium tw-px-2.5" };
 function y(b, e, n, k, v, x) {
-  const t = m("kv-header-menu-link");
-  return a(), u("nav", p, [
+  const t = u("kv-header-menu-link");
+  return a(), i("nav", w, [
     s(t, {
       href: n.myDashboardUrl,
       class: "md:tw-hidden"
     }, {
-      default: r(() => e[0] || (e[0] = [
-        o(" My Dashboard ")
+      default: o(() => e[0] || (e[0] = [
+        r(" My Dashboard ")
       ])),
       _: 1
     }, 8, ["href"]),
     s(t, { href: "/portfolio" }, {
-      default: r(() => e[1] || (e[1] = [
-        o(" Portfolio ")
+      default: o(() => e[1] || (e[1] = [
+        r(" Portfolio ")
       ])),
       _: 1
     }),
     s(t, { href: "/teams/my-teams" }, {
-      default: r(() => e[2] || (e[2] = [
-        o(" My Teams ")
+      default: o(() => e[2] || (e[2] = [
+        r(" My Teams ")
       ])),
       _: 1
     }),
     s(t, { href: "/portfolio/donations" }, {
-      default: r(() => e[3] || (e[3] = [
-        o(" Donations ")
+      default: o(() => e[3] || (e[3] = [
+        r(" Donations ")
       ])),
       _: 1
     }),
     s(t, { href: "/settings" }, {
-      default: r(() => e[4] || (e[4] = [
-        o(" Settings ")
+      default: o(() => e[4] || (e[4] = [
+        r(" Settings ")
       ])),
       _: 1
     }),
@@ -64,32 +64,32 @@ function y(b, e, n, k, v, x) {
       key: 0,
       href: "/my/borrower"
     }, {
-      default: r(() => e[5] || (e[5] = [
-        o(" Borrower Dashboard ")
+      default: o(() => e[5] || (e[5] = [
+        r(" Borrower Dashboard ")
       ])),
       _: 1
-    })) : d("", !0),
+    })) : f("", !0),
     n.isTrustee ? (a(), l(t, {
       key: 1,
       href: "/my/trustee"
     }, {
-      default: r(() => e[6] || (e[6] = [
-        o(" Trustee Dashboard ")
+      default: o(() => e[6] || (e[6] = [
+        r(" Trustee Dashboard ")
       ])),
       _: 1
-    })) : d("", !0),
+    })) : f("", !0),
     s(t, {
       href: "/ui-logout",
       class: "tw-border-t tw-border-secondary tw-w-full"
     }, {
-      default: r(() => e[7] || (e[7] = [
-        o(" Sign out ")
+      default: o(() => e[7] || (e[7] = [
+        r(" Sign out ")
       ])),
       _: 1
     })
   ]);
 }
-const g = /* @__PURE__ */ i(w, [["render", y]]);
+const g = /* @__PURE__ */ m(p, [["render", y]]);
 export {
   g as default
 };

package/dist/vue/KvWwwHeader.css

@@ -1 +1 @@
-.header-fade-enter-active[data-v-0892fc4e]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.header-fade-leave-active[data-v-0892fc4e]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s}.header-fade-enter[data-v-0892fc4e],.header-fade-leave-to[data-v-0892fc4e]{opacity:0}.header-fade-leave[data-v-0892fc4e],.header-fade-enter-to[data-v-0892fc4e]{opacity:1}.bg-opacity-50[data-v-0892fc4e]{background-color:rgba(var(--bg-action-highlight),.5)}
+.header-fade-enter-active[data-v-8196be34]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.header-fade-leave-active[data-v-8196be34]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s}.header-fade-enter[data-v-8196be34],.header-fade-leave-to[data-v-8196be34]{opacity:0}.header-fade-leave[data-v-8196be34],.header-fade-enter-to[data-v-8196be34]{opacity:1}.bg-opacity-50[data-v-8196be34]{background-color:rgba(var(--bg-action-highlight),.5)}

package/dist/vue/KvWwwHeader.js

@@ -1,4 +1,4 @@
-import { ref as l, shallowRef as T, onBeforeMount as D, onBeforeUnmount as B, resolveComponent as c, resolveDirective as U, openBlock as w, createBlock as I, withCtx as f, createElementVNode as b, normalizeStyle as k, createVNode as s, Transition as E, withDirectives as _, vShow as M, createElementBlock as x, resolveDynamicComponent as N } from "vue";
+import { ref as l, shallowRef as T, onMounted as D, onBeforeUnmount as B, resolveComponent as c, resolveDirective as U, openBlock as b, createBlock as I, withCtx as f, createElementVNode as w, normalizeStyle as k, createVNode as s, Transition as E, withDirectives as _, vShow as M, createElementBlock as x, resolveDynamicComponent as N } from "vue";
 import G from "@kiva/kv-tokens";
 import S from "./KvWwwHeader/KvHeaderLinkBar.js";
 import K from "./KvWwwHeader/KvHeaderLogo.js";
@@ -105,12 +105,12 @@ const V = "3.75rem", O = {
 };
 function j(C, n, o, e, a, r) {
   const m = c("kv-header-link-bar"), i = c("kv-header-logo"), d = c("kv-page-container"), u = c("kv-theme-provider"), g = U("kv-track-event");
-  return w(), I(u, {
+  return b(), I(u, {
     tag: "div",
     class: "tw-bg-primary"
   }, {
     default: f(() => [
-      b("nav", {
+      w("nav", {
         class: "tw-font-medium tw-relative",
         style: k({ height: e.HEADER_HEIGHT })
       }, [
@@ -135,7 +135,7 @@ function j(C, n, o, e, a, r) {
               ]),
               _: 1
             }),
-            _((w(), x("a", W, [
+            _((b(), x("a", W, [
               s(i)
             ])), [
               [g, ["TopNav", "click-Logo"]]
@@ -146,17 +146,17 @@ function j(C, n, o, e, a, r) {
       ], 4),
       s(E, { name: "header-fade" }, {
         default: f(() => [
-          _(b("div", {
+          _(w("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: k({ top: e.HEADER_HEIGHT })
           }, [
-            b("div", {
+            w("div", {
               class: "tw-bg-primary tw-overflow-y-auto",
               style: k({ ...e.menuPosition, maxHeight: `calc(100dvh - ${e.HEADER_HEIGHT})` }),
               onMouseover: n[1] || (n[1] = (v) => e.onHover(e.activeHeaderItem, e.menuComponent)),
               onMouseout: n[2] || (n[2] = (v) => e.onHover())
             }, [
-              (w(), I(N(e.menuComponent), {
+              (b(), I(N(e.menuComponent), {
                 ref: "menuComponentInstance",
                 "logged-in": o.loggedIn,
                 "login-url": o.loginUrl,
@@ -180,7 +180,7 @@ function j(C, n, o, e, a, r) {
     _: 1
   });
 }
-const oe = /* @__PURE__ */ P(O, [["render", j], ["__scopeId", "data-v-0892fc4e"]]);
+const oe = /* @__PURE__ */ P(O, [["render", j], ["__scopeId", "data-v-8196be34"]]);
 export {
   oe as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "6.52.5",
+  "version": "6.52.7",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -114,5 +114,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "9aad4bcdf5d250a7a138a22b087e35c48e1e6c4f"
+  "gitHead": "786200af075ab4a0c66f6da6317c686fa6501ff3"
 }