@kiva/kv-components 6.62.4 → 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/package.json

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