@kiva/kv-components 6.62.3 → 6.62.5

package/dist/vue/KvUserAvatar.css

@@ -0,0 +1 @@
+.adjust-vertical-spacing[data-v-c9339e78]{top:-.1rem;position:relative}

package/dist/vue/KvUserAvatar.js

@@ -1,11 +1,12 @@
-import { toRefs as F, ref as d, computed as u, onMounted as U, resolveComponent as p, openBlock as n, createElementBlock as o, normalizeClass as r, createElementVNode as s, createBlock as H, normalizeStyle as b, createCommentVNode as y, withDirectives as B, vShow as I, toDisplayString as P } from "vue";
-import { isLegacyPlaceholderAvatar as D, randomizedUserAvatarClass as M } from "../utils/imageUtils.js";
-import N from "./KvLoadingPlaceholder.js";
-import V from "../_virtual/_plugin-vue_export-helper.js";
-const j = {
+import { toRefs as F, ref as d, computed as u, onMounted as p, resolveComponent as U, openBlock as n, createElementBlock as o, normalizeClass as r, createElementVNode as s, createBlock as H, normalizeStyle as I, createCommentVNode as y, withDirectives as b, vShow as B, toDisplayString as P } from "vue";
+import { isLegacyPlaceholderAvatar as j, randomizedUserAvatarClass as D } from "../utils/imageUtils.js";
+import M from "./KvLoadingPlaceholder.js";
+import "./KvUserAvatar.css";
+import N from "../_virtual/_plugin-vue_export-helper.js";
+const V = {
   name: "KvUserAvatar",
   components: {
-    KvLoadingPlaceholder: N
+    KvLoadingPlaceholder: M
   },
   props: {
     /**
@@ -33,14 +34,14 @@ const j = {
   setup(f) {
     const {
       lenderName: a,
-      lenderImageUrl: t,
-      isSmall: e
-    } = F(f), i = d(!0), m = d(null), c = d(null), v = u(() => a.value === "" && t.value === "" || a.value === "Anonymous"), S = () => {
-      const l = e != null && e.value ? "tw-w-3 tw-h-3 tw-text-h4" : "tw-w-6 tw-h-6 tw-text-h2";
-      return `${M(a.value)} ${l}`;
+      lenderImageUrl: e,
+      isSmall: t
+    } = F(f), i = d(!0), c = d(null), m = d(null), v = u(() => a.value === "" && e.value === "" || a.value === "Anonymous"), S = () => {
+      const l = t != null && t.value ? "tw-w-3 tw-h-3 tw-text-h4" : "tw-w-6 tw-h-6 tw-text-h2";
+      return `${D(a.value)} ${l}`;
     }, _ = u(() => {
       var l;
-      return ((l = t == null ? void 0 : t.value) == null ? void 0 : l.split("/").pop()) ?? "";
+      return ((l = e == null ? void 0 : e.value) == null ? void 0 : l.split("/").pop()) ?? "";
     }), C = u(() => {
       var l;
       return (l = a == null ? void 0 : a.value) == null ? void 0 : l.substring(0, 1).toUpperCase();
@@ -52,8 +53,8 @@ const j = {
       };
       h();
     });
-    return U(async () => {
-      const l = m.value;
+    return p(async () => {
+      const l = c.value;
       try {
         await L(l), g();
       } catch (w) {
@@ -64,26 +65,26 @@ const j = {
       avatarClass: S,
       imageFilename: _,
       lenderNameFirstLetter: C,
-      isLegacyPlaceholderAvatar: D,
+      isLegacyPlaceholderAvatar: j,
       isLoading: i,
       onImgLoad: g,
-      imageRef: m,
-      userAvatar: c
+      imageRef: c,
+      userAvatar: m
     };
   }
-}, z = { key: 1 }, E = ["src"], K = { class: "tw-self-center" };
-function R(f, a, t, e, i, m) {
-  const c = p("kv-loading-placeholder");
+}, z = { key: 1 }, E = ["src"];
+function K(f, a, e, t, i, c) {
+  const m = U("kv-loading-placeholder");
   return n(), o("div", {
     ref: "userAvatar",
-    class: r(["data-hj-suppress tw-flex", { "tw-w-3": t.isSmall, "tw-w-6": !t.isSmall }])
+    class: r(["data-hj-suppress tw-flex", { "tw-w-3": e.isSmall, "tw-w-6": !e.isSmall }])
   }, [
-    e.isAnonymousUser ? (n(), o("div", {
+    t.isAnonymousUser ? (n(), o("div", {
       key: 0,
-      class: r(["tw-rounded-full tw-bg-brand tw-inline-flex tw-align-center tw-justify-center", { "tw-w-3 tw-h-3": t.isSmall, "tw-w-6 tw-h-6": !t.isSmall }])
+      class: r(["tw-rounded-full tw-bg-brand tw-inline-flex tw-align-center tw-justify-center", { "tw-w-3 tw-h-3": e.isSmall, "tw-w-6 tw-h-6": !e.isSmall }])
     }, [
       (n(), o("svg", {
-        class: r(["tw-h-full tw-text-brand", { "tw-w-3 tw-h-3": t.isSmall }]),
+        class: r(["tw-h-full tw-text-brand", { "tw-w-3 tw-h-3": e.isSmall }]),
         width: "25",
         height: "37",
         viewBox: "0 0 25 37",
@@ -103,33 +104,35 @@ function R(f, a, t, e, i, m) {
           fill: "white"
         }, null, -1)
       ]), 2))
-    ], 2)) : !e.isLegacyPlaceholderAvatar(e.imageFilename) && e.imageFilename ? (n(), o("div", z, [
-      e.isLoading ? (n(), H(c, {
+    ], 2)) : !t.isLegacyPlaceholderAvatar(t.imageFilename) && t.imageFilename ? (n(), o("div", z, [
+      t.isLoading ? (n(), H(m, {
         key: 0,
-        style: b({
-          width: t.isSmall ? "1.5rem" : "3rem",
-          height: t.isSmall ? "1.5rem" : "3rem"
+        style: I({
+          width: e.isSmall ? "1.5rem" : "3rem",
+          height: e.isSmall ? "1.5rem" : "3rem"
         }),
         class: "!tw-rounded-full"
       }, null, 8, ["style"])) : y("", !0),
-      B(s("img", {
+      b(s("img", {
         ref: "imageRef",
-        src: t.lenderImageUrl,
+        src: e.lenderImageUrl,
         alt: "Image of lender",
-        class: r(["tw-rounded-full tw-inline-block", { "tw-w-3 tw-h-3": t.isSmall, "tw-w-6 tw-h-6": !t.isSmall }]),
-        onLoad: a[0] || (a[0] = (v) => e.onImgLoad())
+        class: r(["tw-rounded-full tw-inline-block", { "tw-w-3 tw-h-3": e.isSmall, "tw-w-6 tw-h-6": !e.isSmall }]),
+        onLoad: a[0] || (a[0] = (v) => t.onImgLoad())
       }, null, 42, E), [
-        [I, !e.isLoading]
+        [B, !t.isLoading]
       ])
-    ])) : e.isLegacyPlaceholderAvatar(e.imageFilename) || !e.imageFilename ? (n(), o("div", {
+    ])) : t.isLegacyPlaceholderAvatar(t.imageFilename) || !t.imageFilename ? (n(), o("div", {
       key: 2,
-      class: r(["tw-rounded-full tw-inline-flex tw-align-center tw-justify-center", e.avatarClass()])
+      class: r(["tw-rounded-full tw-inline-flex tw-align-center tw-justify-center", t.avatarClass()])
     }, [
-      s("span", K, P(e.lenderNameFirstLetter), 1)
+      s("span", {
+        class: r(["tw-self-center", { "adjust-vertical-spacing": !e.isSmall }])
+      }, P(t.lenderNameFirstLetter), 3)
     ], 2)) : y("", !0)
   ], 2);
 }
-const J = /* @__PURE__ */ V(j, [["render", R]]);
+const J = /* @__PURE__ */ N(V, [["render", K], ["__scopeId", "data-v-c9339e78"]]);
 export {
   J as default
 };

package/dist/vue/KvWwwHeader.css

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

package/dist/vue/KvWwwHeader.js

@@ -1,4 +1,4 @@
-import { ref as r, shallowRef as B, computed as S, onMounted as x, onBeforeUnmount as A, resolveComponent as w, resolveDirective as K, openBlock as g, createBlock as E, withCtx as b, createElementVNode as k, normalizeStyle as h, createVNode as v, Transition as I, withDirectives as y, vShow as C, createElementBlock as O, normalizeClass as G, resolveDynamicComponent as z, withModifiers as P } from "vue";
+import { ref as a, shallowRef as N, computed as S, onMounted as x, onBeforeUnmount as A, resolveComponent as w, resolveDirective as K, openBlock as g, createBlock as E, withCtx as b, createElementVNode as k, normalizeStyle as h, createVNode as v, Transition as I, withDirectives as y, vShow as C, createElementBlock as O, normalizeClass as G, resolveDynamicComponent as z, withModifiers as P } from "vue";
 import R from "@kiva/kv-tokens";
 import V from "./KvWwwHeader/KvHeaderLinkBar.js";
 import W from "./KvWwwHeader/KvHeaderLogo.js";
@@ -8,7 +8,7 @@ import { throttle as q } from "../utils/throttle.js";
 import { debounce as F } from "../utils/debounce.js";
 import "./KvWwwHeader.css";
 import J from "../_virtual/_plugin-vue_export-helper.js";
-const Q = "3.7rem", X = ["lendMenu", "aboutUsLink"], Z = {
+const Q = "3.7rem", X = ["lendMenu", "aboutUsLink", "takeActionButton"], Z = {
   components: {
     KvHeaderLinkBar: V,
     KvHeaderLogo: W,
@@ -69,14 +69,14 @@ const Q = "3.7rem", X = ["lendMenu", "aboutUsLink"], Z = {
     "load-lend-menu-data"
   ],
   setup(L, { emit: o }) {
-    const n = r(!0), e = r(null), a = r(!1), i = B(null), d = r(null), m = r({ left: 0, position: "relative" }), s = r(!1), c = r(null), f = r(!1), l = S(() => {
+    const n = a(!0), e = a(null), r = a(!1), i = N(null), d = a(null), m = a({ left: 0, position: "relative" }), s = a(!1), c = a(null), f = a(!1), l = S(() => {
       var u, t;
       return ((t = (u = d.value) == null ? void 0 : u.$options) == null ? void 0 : t.name) === "KvHeaderMobileMenu";
     }), _ = F((u, t, H) => {
-      f.value && (t ? (c.value = u, i.value !== t && (m.value = { left: 0, position: "relative" }), i.value = t, a.value = !0, H && (m.value = {
+      f.value && (t ? (c.value = u, i.value !== t && (m.value = { left: 0, position: "relative" }), i.value = t, r.value = !0, H && (m.value = {
         ...H,
         position: "absolute"
-      })) : a.value && (a.value = !1, i.value = null));
+      })) : r.value && (r.value = !1, i.value = null));
     }, 100), T = (u) => {
       var t;
       (t = d.value) == null || t.onLoad(u);
@@ -84,8 +84,8 @@ const Q = "3.7rem", X = ["lendMenu", "aboutUsLink"], Z = {
       if (!l.value) return _();
     }, D = () => {
       o("load-lend-menu-data");
-    }, N = () => s.value && X.includes(c.value) || !s.value && l.value, M = () => {
-      s.value = (window == null ? void 0 : window.innerWidth) < R.breakpoints.md, N() && (i.value = null, a.value = !1);
+    }, B = () => s.value && X.includes(c.value) || !s.value && l.value, M = () => {
+      s.value = (window == null ? void 0 : window.innerWidth) < R.breakpoints.md, B() && (i.value = null, r.value = !1);
     }, p = q(M, 100);
     return x(() => {
       M(), window.addEventListener("resize", p), f.value = !0;
@@ -96,7 +96,7 @@ const Q = "3.7rem", X = ["lendMenu", "aboutUsLink"], Z = {
       emitLendMenuEvent: D,
       isMobile: s,
       linksVisible: n,
-      menuOpen: a,
+      menuOpen: r,
       isMobileMenuActive: l,
       onHover: _,
       loadMenuData: T,
@@ -111,7 +111,7 @@ const Q = "3.7rem", X = ["lendMenu", "aboutUsLink"], Z = {
   href: "/",
   class: "tw-px-1 tw-py-2 tw-cursor-pointer tw-absolute tw-top-1/2 tw-left-1/2 tw--translate-y-1/2 tw--translate-x-1/2 tw-transition-all tw-duration-300"
 };
-function ee(L, o, n, e, a, i) {
+function ee(L, o, n, e, r, i) {
   const d = w("kv-header-link-bar"), m = w("kv-header-logo"), s = w("kv-page-container"), c = w("kv-theme-provider"), f = K("kv-track-event");
   return g(), E(c, {
     tag: "div",
@@ -155,7 +155,7 @@ function ee(L, o, n, e, a, i) {
       v(I, { name: "header-fade" }, {
         default: b(() => [
           y(k("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 tw-overflow-auto",
+            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: h({ top: e.HEADER_HEIGHT }),
             onTouchstart: o[4] || (o[4] = (...l) => e.handleOverlayClick && e.handleOverlayClick(...l))
           }, [
@@ -195,7 +195,7 @@ function ee(L, o, n, e, a, i) {
     _: 1
   });
 }
-const me = /* @__PURE__ */ J(Z, [["render", ee], ["__scopeId", "data-v-f1e45d4f"]]);
+const me = /* @__PURE__ */ J(Z, [["render", ee], ["__scopeId", "data-v-36eec819"]]);
 export {
   me as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "6.62.3",
+  "version": "6.62.5",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -114,5 +114,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "15c0df5f2206377bafb9f34d44c72d1649b145cf"
+  "gitHead": "d08a667dc9daf95910021aeac2b3f90666edd13e"
 }