@kiva/kv-components 6.69.0 → 6.69.1

package/dist/vue/KvWwwHeader/KvHeaderLinkBar.css

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

package/dist/vue/KvWwwHeader/KvHeaderLinkBar.js

@@ -1,4 +1,4 @@
-import { defineAsyncComponent as h, ref as l, inject as Z, computed as H, watch as _, onMounted as $, onUnmounted as ee, resolveComponent as p, resolveDirective as ne, openBlock as r, createElementBlock as w, withDirectives as v, normalizeClass as y, withModifiers as U, createVNode as B, createBlock as T, withCtx as x, createTextVNode as f, createElementVNode as M, createCommentVNode as P, vShow as V, toDisplayString as te } from "vue";
+import { defineAsyncComponent as h, ref as l, inject as Z, computed as L, watch as P, onMounted as $, onUnmounted as ee, resolveComponent as p, resolveDirective as ne, openBlock as i, createElementBlock as M, withDirectives as c, normalizeClass as A, withModifiers as B, createVNode as E, createBlock as y, withCtx as N, createTextVNode as k, createElementVNode as b, createCommentVNode as V, vShow as R, toDisplayString as te } from "vue";
 import { mdiAccountCircle as oe, mdiChevronDown as ae, mdiMagnify as le, mdiMenu as re } from "@mdi/js";
 import ie from "numeral";
 import de from "@kiva/kv-tokens";
@@ -10,7 +10,7 @@ import { throttle as ce } from "../../utils/throttle.js";
 import { isLegacyPlaceholderAvatar as we } from "../../utils/imageUtils.js";
 import "./KvHeaderLinkBar.css";
 import fe from "../../_virtual/_plugin-vue_export-helper.js";
-const Me = h(() => import("./KvHeaderMobileMenu.js")), R = h(() => import("./KvHeaderMyKivaMenu.js")), ke = h(() => import("./LendMenu/KvLendMenu.js")), he = h(() => import("./KvHeaderTakeActionMenu.js")), ge = h(() => import("./KvHeaderAboutMenu.js")), F = 150, k = "avatar-menu", K = "menuButton", W = { top: "-3.75rem", width: "100%" }, A = "lendButton", be = {
+const Me = h(() => import("./KvHeaderMobileMenu.js")), F = h(() => import("./KvHeaderMyKivaMenu.js")), ke = h(() => import("./LendMenu/KvLendMenu.js")), be = h(() => import("./KvHeaderTakeActionMenu.js")), he = h(() => import("./KvHeaderAboutMenu.js")), W = 150, w = "avatar-menu", I = "menuButton", z = { top: "-3.75rem", width: "100%" }, ge = "lendButton", Te = "takeActionButton", pe = "aboutUsLink", Ae = {
   components: {
     KvMaterialIcon: ue,
     KvIconBag: me,
@@ -58,118 +58,134 @@ const Me = h(() => import("./KvHeaderMobileMenu.js")), R = h(() => import("./KvH
   emits: [
     "item-hover"
   ],
-  setup(i, { emit: n }) {
-    const a = l(null), e = l(null), N = l(null), E = l(null), g = l(null), c = l(null), I = l(null), L = l(null), d = l(null), t = l(null), O = Z("$kvTrackEvent"), u = (o, m, s = null) => {
-      n("item-hover", o, m, s);
-    }, z = (o, m, s = null) => {
-      navigator.maxTouchPoints || (o === A && t.value !== A && O(
-        "TopNav",
-        "hover-Lend-menu",
-        "Lend"
-      ), t.value = o, u(
-        o,
-        m,
-        o === K && i.isMobile ? W : s
-      ));
-    }, j = (o) => {
-      !navigator.maxTouchPoints && t.value === o && (t.value = null, u());
-    }, D = () => {
-      var C;
-      const o = (C = a.value) == null ? void 0 : C.getBoundingClientRect();
-      if (!o) return null;
-      const s = o.left + o.width / 2 - F / 2, Y = `${window.innerWidth - s - F}px`;
+  setup(d, { emit: n }) {
+    const a = l(null), e = l(null), K = l(null), x = l(null), g = l(null), f = l(null), U = l(null), H = l(null), u = l(null), o = l(null), O = Z("$kvTrackEvent"), _ = {
+      [ge]: { action: "hover-Lend-menu", label: "Lend" },
+      [Te]: { action: "hover-Take-action-menu", label: "Take action" },
+      [pe]: { action: "hover-About-menu", label: "About" },
+      [I]: { action: "hover-Hamburger-menu", label: "Hamburger" },
+      [w]: { action: "hover-Avatar-menu", label: "Avatar" }
+    }, m = (t, s, v = null) => {
+      n("item-hover", t, s, v);
+    }, j = (t, s, v = null) => {
+      if (!navigator.maxTouchPoints) {
+        if (t && o.value !== t) {
+          const r = _[t];
+          r && O(
+            "TopNav",
+            r.action,
+            r.label
+          );
+        }
+        o.value = t, m(
+          t,
+          s,
+          t === I && d.isMobile ? z : v
+        );
+      }
+    }, q = (t) => {
+      !navigator.maxTouchPoints && o.value === t && (o.value = null, m());
+    }, C = () => {
+      var S;
+      const t = (S = a.value) == null ? void 0 : S.getBoundingClientRect();
+      if (!t) return null;
+      const v = t.left + t.width / 2 - W / 2, r = `${window.innerWidth - v - W}px`;
       return {
-        right: (window == null ? void 0 : window.innerWidth) < de.breakpoints.md ? 0 : Y
+        right: (window == null ? void 0 : window.innerWidth) < de.breakpoints.md ? 0 : r
       };
-    }, b = () => {
-      t.value = k, u(a.value, R, D());
-    }, q = (o, m, s) => {
-      o === A && t.value !== A && O(
-        "TopNav",
-        "hover-Lend-menu",
-        "Lend"
-      ), t.value === K && (t.value = null), !t.value || t.value !== o ? (t.value = o, o === k ? b() : o === K && i.isMobile ? u(o, m, W) : u(o, m, s)) : (t.value = null, u());
-    }, S = ce(() => {
-      t.value === k && b();
-    }, 100), G = H(() => i.isMobile ? void 0 : "/lend-by-category"), J = H(() => {
-      var o;
-      return ((o = i.lenderImageUrl) == null ? void 0 : o.split("/").pop()) ?? "";
-    }), Q = H(() => Math.floor(i.balance)), X = (o) => {
-      o.target === o.currentTarget && u();
+    }, T = () => {
+      o.value = w, m(a.value, F, C());
+    }, G = (t, s, v) => {
+      if (t && o.value !== t) {
+        const r = _[t];
+        r && O(
+          "TopNav",
+          r.action,
+          r.label
+        );
+      }
+      o.value === I && (o.value = null), !o.value || o.value !== t ? (o.value = t, t === w ? T() : t === I && d.isMobile ? m(t, s, z) : m(t, s, v)) : (o.value = null, m());
+    }, D = ce(() => {
+      o.value === w && T();
+    }, 100), J = L(() => d.isMobile ? void 0 : "/lend-by-category"), Q = L(() => {
+      var t;
+      return ((t = d.lenderImageUrl) == null ? void 0 : t.split("/").pop()) ?? "";
+    }), X = L(() => Math.floor(d.balance)), Y = (t) => {
+      t.target === t.currentTarget && m();
     };
-    return _(
-      () => i.isMobile,
+    return P(
+      () => d.isMobile,
       () => {
-        t.value === k && b();
+        o.value === w && T();
       }
-    ), _(
-      () => i.openMenuItem,
-      (o) => {
-        o || (t.value = null);
+    ), P(
+      () => d.openMenuItem,
+      (t) => {
+        t || (o.value = null);
       }
     ), $(() => {
-      import("./KvHeaderMobileMenu.js"), import("./KvHeaderMyKivaMenu.js"), import("./LendMenu/KvLendMenu.js"), import("./KvHeaderTakeActionMenu.js"), import("./KvHeaderAboutMenu.js"), window.addEventListener("resize", S);
+      import("./KvHeaderMobileMenu.js"), import("./KvHeaderMyKivaMenu.js"), import("./LendMenu/KvLendMenu.js"), import("./KvHeaderTakeActionMenu.js"), import("./KvHeaderAboutMenu.js"), window.addEventListener("resize", D);
     }), ee(() => {
-      window.removeEventListener("resize", S);
+      window.removeEventListener("resize", D);
     }), {
-      AVATAR_MENU_ID: k,
-      openMenuId: t,
+      AVATAR_MENU_ID: w,
+      openMenuId: o,
       numeral: ie,
       mdiAccountCircle: oe,
       mdiChevronDown: ae,
       mdiMagnify: le,
       mdiMenu: re,
-      onHover: u,
+      onHover: m,
       avatar: a,
       lendButton: e,
-      aboutUsLink: N,
-      partnerWithUsLink: E,
+      aboutUsLink: K,
+      partnerWithUsLink: x,
       borrowLink: g,
-      supportKivaLink: c,
-      basketLink: I,
-      signInLink: L,
-      menuButton: d,
-      lendUrl: G,
-      avatarFilename: J,
-      handleOnHover: z,
-      handleTouchStart: q,
-      handleMouseOut: j,
-      handleAvatarMenuPosition: b,
+      supportKivaLink: f,
+      basketLink: U,
+      signInLink: H,
+      menuButton: u,
+      lendUrl: J,
+      avatarFilename: Q,
+      handleOnHover: j,
+      handleTouchStart: G,
+      handleMouseOut: q,
+      handleAvatarMenuPosition: T,
       KvHeaderMobileMenu: Me,
-      KvHeaderMyKivaMenu: R,
+      KvHeaderMyKivaMenu: F,
       KvLendMenu: ke,
-      KvHeaderTakeActionMenu: he,
-      KvHeaderAboutMenu: ge,
+      KvHeaderTakeActionMenu: be,
+      KvHeaderAboutMenu: he,
       isLegacyPlaceholderAvatar: we,
-      getAvatarMenuPosition: D,
-      handleEmptySpaceClick: X,
-      roundedBalance: Q
+      getAvatarMenuPosition: C,
+      handleEmptySpaceClick: Y,
+      roundedBalance: X
     };
   }
-}, pe = ["href"], ye = {
+}, ye = ["href"], Ie = {
   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"
-}, Te = { class: "tw-text-eco-green-4" }, Ae = ["href"];
-function Ie(i, n, a, e, N, E) {
-  const g = p("kv-material-icon"), c = p("KvHeaderDropdownLink"), I = p("kv-icon-bag"), L = p("KvUserAvatar"), d = ne("kv-track-event");
-  return r(), w("div", {
+}, Ue = { class: "tw-text-eco-green-4" }, He = ["href"];
+function Le(d, n, a, e, K, x) {
+  const g = p("kv-material-icon"), f = p("KvHeaderDropdownLink"), U = p("kv-icon-bag"), H = p("KvUserAvatar"), u = ne("kv-track-event");
+  return i(), M("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))
+    onTouchstart: n[10] || (n[10] = (...o) => e.handleEmptySpaceClick && e.handleEmptySpaceClick(...o))
   }, [
-    v((r(), w("button", {
+    c((i(), M("button", {
       ref: "menuButton",
-      class: y(["header-link tw-inline-flex md:tw-hidden", {
+      class: A(["header-link tw-inline-flex md:tw-hidden", {
         "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] = U((t) => e.handleTouchStart("menuButton", e.KvHeaderMobileMenu), ["stop"]))
+      onMouseover: n[0] || (n[0] = (o) => e.handleOnHover("menuButton", e.KvHeaderMobileMenu)),
+      onMouseout: n[1] || (n[1] = (o) => e.handleMouseOut("menuButton")),
+      onTouchstart: n[2] || (n[2] = B((o) => e.handleTouchStart("menuButton", e.KvHeaderMobileMenu), ["stop"]))
     }, [
-      B(g, { icon: e.mdiMenu }, null, 8, ["icon"])
+      E(g, { icon: e.mdiMenu }, null, 8, ["icon"])
     ], 34)), [
-      [d, a.openMenuItem === e.KvHeaderMobileMenu ? ["TopNav", "click-Hamburger-menu"] : null]
+      [u, a.openMenuItem === e.KvHeaderMobileMenu ? ["TopNav", "click-Hamburger-menu"] : null]
     ]),
-    v((r(), T(c, {
+    c((i(), y(f, {
       class: "tw-py-1",
       "ref-name": "lendButton",
       href: e.lendUrl,
@@ -178,17 +194,17 @@ function Ie(i, n, a, e, N, E) {
       "dropdown-icon": e.mdiChevronDown,
       "base-class": "tw-inline-flex md:tw-border md:tw-rounded-md tw-px-1.5 tw-py-0.5",
       onOnHover: e.handleOnHover,
-      onMouseleave: n[3] || (n[3] = (t) => e.handleMouseOut("lendButton")),
-      onTouchstart: n[4] || (n[4] = U((t) => e.handleTouchStart("lendButton", e.KvLendMenu), ["stop"]))
+      onMouseleave: n[3] || (n[3] = (o) => e.handleMouseOut("lendButton")),
+      onTouchstart: n[4] || (n[4] = B((o) => e.handleTouchStart("lendButton", e.KvLendMenu), ["stop"]))
     }, {
-      default: x(() => n[11] || (n[11] = [
-        f(" Lend ")
+      default: N(() => n[11] || (n[11] = [
+        k(" Lend ")
       ])),
       _: 1
     }, 8, ["href", "menu-component", "open-menu-item", "dropdown-icon", "onOnHover"])), [
-      [d, ["TopNav", "click-Lend"]]
+      [u, ["TopNav", "click-Lend"]]
     ]),
-    v((r(), T(c, {
+    c((i(), y(f, {
       "ref-name": "takeActionButton",
       "base-class": "tw-hidden md:tw-inline-flex tw-py-1",
       "menu-component": e.KvHeaderTakeActionMenu,
@@ -196,17 +212,17 @@ function Ie(i, n, a, e, N, E) {
       "dropdown-icon": e.mdiChevronDown,
       "send-link-position": "",
       onOnHover: e.handleOnHover,
-      onMouseleave: n[5] || (n[5] = (t) => e.handleMouseOut("takeActionButton")),
+      onMouseleave: n[5] || (n[5] = (o) => e.handleMouseOut("takeActionButton")),
       onUserTap: e.handleTouchStart
     }, {
-      default: x(() => n[12] || (n[12] = [
-        f(" Take action ")
+      default: N(() => n[12] || (n[12] = [
+        k(" Take action ")
       ])),
       _: 1
     }, 8, ["menu-component", "open-menu-item", "dropdown-icon", "onOnHover", "onUserTap"])), [
-      [d, ["TopNav", "click-take-action"]]
+      [u, ["TopNav", "click-take-action"]]
     ]),
-    B(c, {
+    E(f, {
       "ref-name": "aboutUsLink",
       "data-testid": "header-about",
       "base-class": "tw-hidden md:tw-inline-flex tw-py-1",
@@ -215,77 +231,77 @@ function Ie(i, n, a, e, N, E) {
       "dropdown-icon": e.mdiChevronDown,
       "send-link-position": "",
       onOnHover: e.handleOnHover,
-      onMouseleave: n[6] || (n[6] = (t) => e.handleMouseOut("aboutUsLink")),
+      onMouseleave: n[6] || (n[6] = (o) => e.handleMouseOut("aboutUsLink")),
       onUserTap: e.handleTouchStart
     }, {
-      default: x(() => n[13] || (n[13] = [
-        f(" About ")
+      default: N(() => n[13] || (n[13] = [
+        k(" About ")
       ])),
       _: 1
     }, 8, ["menu-component", "open-menu-item", "dropdown-icon", "onOnHover", "onUserTap"]),
-    n[17] || (n[17] = M("div", { class: "tw-flex-1 tw-h-full" }, null, -1)),
-    a.loggedIn ? v((r(), w("a", {
+    n[17] || (n[17] = b("div", { class: "tw-flex-1 tw-h-full" }, null, -1)),
+    a.loggedIn ? c((i(), M("a", {
       key: 0,
       ref: "dashboardLink",
       href: a.myDashboardUrl,
-      class: y(["header-link tw-hidden md:tw-block", { "tw-text-tertiary": !!a.openMenuItem }])
+      class: A(["header-link tw-hidden md:tw-block", { "tw-text-tertiary": !!a.openMenuItem }])
     }, n[14] || (n[14] = [
-      f(" My dashboard ")
-    ]), 10, pe)), [
-      [d, ["TopNav", "click-Dashboard"]]
-    ]) : P("", !0),
-    v((r(), w("a", {
+      k(" My dashboard ")
+    ]), 10, ye)), [
+      [u, ["TopNav", "click-Dashboard"]]
+    ]) : V("", !0),
+    c((i(), M("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": !!a.openMenuItem }]),
+      class: A(["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"
     }, [
-      B(I, {
+      E(U, {
         class: "tw-w-3 tw-h-3 md:tw-w-3.5 md:tw-h-3.5 tw-pointer-events-none tw-text-action",
         count: a.basketCount
       }, null, 8, ["count"]),
-      n[15] || (n[15] = M("span", { class: "tw-hidden md:tw-block" }, "Basket", -1))
+      n[15] || (n[15] = b("span", { class: "tw-hidden md:tw-block" }, "Basket", -1))
     ], 2)), [
-      [V, a.basketCount > 0],
-      [d, ["TopNav", "click-Basket"]]
+      [R, a.basketCount > 0],
+      [u, ["TopNav", "click-Basket"]]
     ]),
-    M("div", {
+    b("div", {
       class: "md:tw-py-1",
-      onMouseenter: n[7] || (n[7] = (t) => e.handleOnHover(e.AVATAR_MENU_ID, e.KvHeaderMyKivaMenu, e.getAvatarMenuPosition())),
-      onMouseleave: n[8] || (n[8] = (t) => e.handleMouseOut(e.AVATAR_MENU_ID)),
-      onTouchstart: n[9] || (n[9] = U((t) => e.handleTouchStart(e.AVATAR_MENU_ID), ["stop"]))
+      onMouseenter: n[7] || (n[7] = (o) => e.handleOnHover(e.AVATAR_MENU_ID, e.KvHeaderMyKivaMenu, e.getAvatarMenuPosition())),
+      onMouseleave: n[8] || (n[8] = (o) => e.handleMouseOut(e.AVATAR_MENU_ID)),
+      onTouchstart: n[9] || (n[9] = B((o) => e.handleTouchStart(e.AVATAR_MENU_ID), ["stop"]))
     }, [
-      v(M("div", ye, [
-        e.isLegacyPlaceholderAvatar(e.avatarFilename) || !e.avatarFilename ? (r(), T(g, {
+      c(b("div", Ie, [
+        e.isLegacyPlaceholderAvatar(e.avatarFilename) || !e.avatarFilename ? (i(), y(g, {
           key: 0,
           icon: e.mdiAccountCircle,
           class: "tw-w-3"
-        }, null, 8, ["icon"])) : (r(), T(L, {
+        }, null, 8, ["icon"])) : (i(), y(H, {
           key: 1,
           class: "avatar",
           "lender-name": a.lenderName,
           "lender-image-url": a.lenderImageUrl,
           "is-small": ""
         }, null, 8, ["lender-name", "lender-image-url"])),
-        M("span", Te, te(e.numeral(e.roundedBalance).format("$0")), 1)
+        b("span", Ue, te(e.numeral(e.roundedBalance).format("$0")), 1)
       ], 512), [
-        [V, a.loggedIn]
+        [R, a.loggedIn]
       ])
     ], 32),
-    a.loggedIn ? P("", !0) : v((r(), w("a", {
+    a.loggedIn ? V("", !0) : c((i(), M("a", {
       key: 1,
       ref: "signInLink",
       href: a.loginUrl,
-      class: y(["header-link", { "tw-text-tertiary": !!a.openMenuItem }])
+      class: A(["header-link", { "tw-text-tertiary": !!a.openMenuItem }])
     }, n[16] || (n[16] = [
-      f(" Sign in ")
-    ]), 10, Ae)), [
-      [d, ["TopNav", "click-Sign-in"]]
+      k(" Sign in ")
+    ]), 10, He)), [
+      [u, ["TopNav", "click-Sign-in"]]
     ])
   ], 32);
 }
-const Pe = /* @__PURE__ */ fe(be, [["render", Ie], ["__scopeId", "data-v-11e40cc0"]]);
+const Fe = /* @__PURE__ */ fe(Ae, [["render", Le], ["__scopeId", "data-v-d30fd983"]]);
 export {
-  Pe as default
+  Fe as default
 };

package/dist/vue/KvWwwHeader/KvHeaderMobileMenu.css

@@ -1 +1 @@
-.mobile-link[data-v-2265193a]{--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.mobile-link[data-v-2265193a]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:underline}
+.mobile-link[data-v-4bba67dd]{--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.mobile-link[data-v-4bba67dd]: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,10 +1,10 @@
 import { mdiClose as w } from "@mdi/js";
 import f 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 A, createVNode as p, withCtx as a, createElementVNode as r, Fragment as K, renderList as y, withDirectives as n, toDisplayString as m, createTextVNode as s } from "vue";
+import { resolveComponent as p, resolveDirective as g, openBlock as t, createElementBlock as n, withDirectives as i, createBlock as c, createCommentVNode as _, withCtx as a, createElementVNode as r, Fragment as A, renderList as K, toDisplayString as m, createTextVNode as s } from "vue";
 import "./KvHeaderMobileMenu.css";
 import N from "../../_virtual/_plugin-vue_export-helper.js";
-const I = {
+const T = {
   name: "KvHeaderMobileMenu",
   components: {
     KvAccordionItem: f,
@@ -56,19 +56,19 @@ const I = {
       ]
     };
   }
-}, x = { 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" }, T = { class: "tw-flex tw-flex-col tw-gap-2 tw-pl-1" }, M = ["href"], C = { class: "tw-text-secondary tw-font-book" }, D = { class: "tw-flex tw-flex-col tw-gap-2 tw-pb-2 tw-pl-1" }, E = {
+}, y = { 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" }, I = { class: "tw-flex tw-flex-col tw-gap-2 tw-pl-1" }, x = ["href"], M = { class: "tw-text-secondary tw-font-book" }, C = { class: "tw-flex tw-flex-col tw-gap-2 tw-pb-2 tw-pl-1" }, H = {
   href: "/about",
   class: "mobile-link"
-}, B = {
+}, D = {
   href: "/about/how",
   class: "mobile-link"
-}, H = {
+}, E = {
   href: "/about/where-kiva-works",
   class: "mobile-link"
-}, P = {
+}, B = {
   href: "/impact",
   class: "mobile-link"
-}, V = {
+}, P = {
   href: "/about/leadership",
   class: "mobile-link"
 }, $ = {
@@ -81,16 +81,18 @@ const I = {
   href: "/about/due-diligence",
   class: "mobile-link"
 };
-function S(v, e, k, W, c, q) {
-  const b = u("KvMaterialIcon"), d = u("KvAccordionItem"), i = g("kv-track-event");
-  return t(), o("nav", x, [
-    k.isMobile ? (t(), _(b, {
+function S(v, e, b, V, d, W) {
+  const k = p("KvMaterialIcon"), u = p("KvAccordionItem"), o = g("kv-track-event");
+  return t(), n("nav", y, [
+    b.isMobile ? i((t(), c(k, {
       key: 0,
-      icon: c.mdiClose,
+      icon: d.mdiClose,
       class: "tw-cursor-pointer",
       onClick: e[0] || (e[0] = (l) => v.$emit("closing-menu"))
-    }, null, 8, ["icon"])) : A("", !0),
-    p(d, {
+    }, null, 8, ["icon"])), [
+      [o, ["TopNav", "click-Hamburger-close"]]
+    ]) : _("", !0),
+    i((t(), c(u, {
       id: "accordion-take-action-menu",
       open: "",
       class: "tw-w-full tw-border-b-0"
@@ -99,23 +101,24 @@ function S(v, e, k, W, c, q) {
         r("h3", { class: "tw-pb-0.5" }, " Take action ", -1)
       ])),
       default: a(() => [
-        r("div", T, [
-          (t(!0), o(K, null, y(c.menuItems, (l) => n((t(), o("div", {
-            key: l.title
+        r("div", I, [
+          (t(!0), n(A, null, K(d.menuItems, (l) => i((t(), n("a", {
+            key: l.title,
+            href: l.url,
+            class: "mobile-link"
           }, [
-            r("a", {
-              href: l.url,
-              class: "mobile-link"
-            }, m(l.title), 9, M),
-            r("p", C, m(l.description), 1)
-          ])), [
-            [i, ["TopNav", `click-${l.trackEvent}`]]
+            r("div", null, m(l.title), 1),
+            r("p", M, m(l.description), 1)
+          ], 8, x)), [
+            [o, ["TopNav", `click-${l.trackEvent}`]]
           ])), 128))
         ])
       ]),
       _: 1
-    }),
-    p(d, {
+    })), [
+      [o, ["TopNav", "click-Hamburger-Take-action-accordion"]]
+    ]),
+    i((t(), c(u, {
       id: "accordion-about-menu",
       class: "tw-w-full tw-pb-1"
     }, {
@@ -123,54 +126,56 @@ function S(v, e, k, W, c, q) {
         r("h3", { class: "tw-pb-0.5" }, " About ", -1)
       ])),
       default: a(() => [
-        r("div", D, [
-          n((t(), o("a", E, e[3] || (e[3] = [
+        r("div", C, [
+          i((t(), n("a", H, e[3] || (e[3] = [
             s("About us")
           ]))), [
-            [i, ["TopNav", "click-About-About us"]]
+            [o, ["TopNav", "click-About-About us"]]
           ]),
-          n((t(), o("a", B, e[4] || (e[4] = [
+          i((t(), n("a", D, e[4] || (e[4] = [
             s("How Kiva works")
           ]))), [
-            [i, ["TopNav", "click-About-How Kiva works"]]
+            [o, ["TopNav", "click-About-How Kiva works"]]
           ]),
-          n((t(), o("a", H, e[5] || (e[5] = [
+          i((t(), n("a", E, e[5] || (e[5] = [
             s("Where Kiva works")
           ]))), [
-            [i, ["TopNav", "click-About-Where Kiva works"]]
+            [o, ["TopNav", "click-About-Where Kiva works"]]
           ]),
-          n((t(), o("a", P, e[6] || (e[6] = [
+          i((t(), n("a", B, e[6] || (e[6] = [
             s("Impact")
           ]))), [
-            [i, ["TopNav", "click-About-Impact"]]
+            [o, ["TopNav", "click-About-Impact"]]
           ]),
-          n((t(), o("a", V, e[7] || (e[7] = [
+          i((t(), n("a", P, e[7] || (e[7] = [
             s("Leadership")
           ]))), [
-            [i, ["TopNav", "click-About-Leadership"]]
+            [o, ["TopNav", "click-About-Leadership"]]
           ]),
-          n((t(), o("a", $, e[8] || (e[8] = [
+          i((t(), n("a", $, e[8] || (e[8] = [
             s("Finances")
           ]))), [
-            [i, ["TopNav", "click-About-Finances"]]
+            [o, ["TopNav", "click-About-Finances"]]
           ]),
-          n((t(), o("a", F, e[9] || (e[9] = [
+          i((t(), n("a", F, e[9] || (e[9] = [
             s("Press")
           ]))), [
-            [i, ["TopNav", "click-About-Press"]]
+            [o, ["TopNav", "click-About-Press"]]
           ]),
-          n((t(), o("a", L, e[10] || (e[10] = [
+          i((t(), n("a", L, e[10] || (e[10] = [
             s("Due diligence")
           ]))), [
-            [i, ["TopNav", "click-About-Due diligence"]]
+            [o, ["TopNav", "click-About-Due diligence"]]
           ])
         ])
       ]),
       _: 1
-    })
+    })), [
+      [o, ["TopNav", "click-Hamburger-About-accordion"]]
+    ])
   ]);
 }
-const Q = /* @__PURE__ */ N(I, [["render", S], ["__scopeId", "data-v-2265193a"]]);
+const O = /* @__PURE__ */ N(T, [["render", S], ["__scopeId", "data-v-4bba67dd"]]);
 export {
-  Q as default
+  O as default
 };

package/dist/vue/KvWwwHeader/LendMenu/KvLendListMenu.css

@@ -1 +1 @@
-.lend-link[data-v-23bfaeea]{display:block;width:100%;padding-top:.5rem;padding-bottom:.5rem;--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.lend-link[data-v-23bfaeea]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:underline}
+.lend-link[data-v-5b7745cc]{display:block;width:100%;padding-top:.5rem;padding-bottom:.5rem;--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.lend-link[data-v-5b7745cc]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:underline}

package/dist/vue/KvWwwHeader/LendMenu/KvLendListMenu.js

@@ -198,20 +198,14 @@ function ie(T, e, l, k, x, M) {
                 ])
               ]),
               _: 2
-            }, 1032, ["id"])), 64)) : (t(!0), n(b, { key: 1 }, g(l.regions, (s) => (t(), N(p, {
+            }, 1032, ["id"])), 64)) : (t(!0), n(b, { key: 1 }, g(l.regions, (s) => _((t(), N(p, {
               id: `lend-menu-${k.paramCase(s.name)}-panel`,
               key: s.name,
               ref_for: !0,
               ref: "regionAccordions"
             }, {
               header: a(() => [
-                o("h3", te, [
-                  _((t(), n("span", null, [
-                    d(K(s.name), 1)
-                  ])), [
-                    [i, ["TopNav", "click-Lend-Region", s.name]]
-                  ])
-                ])
+                o("h3", te, K(s.name), 1)
               ]),
               default: a(() => [
                 r(f, {
@@ -219,7 +213,9 @@ function ie(T, e, l, k, x, M) {
                 }, null, 8, ["countries"])
               ]),
               _: 2
-            }, 1032, ["id"]))), 128))
+            }, 1032, ["id"])), [
+              [i, ["TopNav", "click-Lend-Region", s.name]]
+            ])), 128))
           ]),
           _: 1
         }),
@@ -275,7 +271,7 @@ function ie(T, e, l, k, x, M) {
     }, 512)
   ]);
 }
-const ge = /* @__PURE__ */ z(H, [["render", ie], ["__scopeId", "data-v-23bfaeea"]]);
+const ge = /* @__PURE__ */ z(H, [["render", ie], ["__scopeId", "data-v-5b7745cc"]]);
 export {
   ge as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "6.69.0",
+  "version": "6.69.1",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -114,5 +114,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "222472dc213788d44e4f02686c4478ba70ec0b13"
+  "gitHead": "d022a741fc1f690033335ee6f38a7ab5e3bbddf8"
 }