@kiva/kv-components 6.46.0 → 6.47.1

package/dist/utils/comparators.js

@@ -1,28 +1,11 @@
-function a(o) {
-  return (t, r) => {
-    if (typeof t == "object" && typeof r == "object" && o)
-      return t[o].localeCompare(r[o]);
-    if (typeof t == "string" && typeof r == "string")
-      return t.localeCompare(r);
-  };
-}
-function b(o, t) {
-  const r = o.toLowerCase();
-  return (e, n) => {
-    const s = typeof e == "object", u = typeof n == "object", c = (s && t ? e[t] : e).toLowerCase(), i = (u && t ? n[t] : n).toLowerCase(), p = c.indexOf(r), f = i.indexOf(r);
-    return p === 0 ? f === 0 ? a()(c, i) : -1 : f === 0 ? 1 : a()(c, i);
-  };
-}
-function j(o, t) {
-  if (!Array.isArray(o))
+function i(r, n) {
+  if (!Array.isArray(r))
     throw new TypeError("list must be an array");
-  return (r, e) => {
-    const n = r[t], s = e[t];
-    return o.indexOf(n) < o.indexOf(s) ? -1 : 1;
+  return (e, t) => {
+    const a = e[n], o = t[n];
+    return r.indexOf(a) < r.indexOf(o) ? -1 : 1;
   };
 }
 export {
-  a as abc,
-  j as indexIn,
-  b as startsWith
+  i as indexIn
 };

package/dist/vue/KvUserAvatar.js

@@ -1,11 +1,11 @@
-import { toRefs as A, ref as v, computed as d, onMounted as F, resolveComponent as U, openBlock as n, createElementBlock as o, normalizeClass as r, createElementVNode as s, createBlock as p, normalizeStyle as H, createCommentVNode as y, withDirectives as b, vShow as B, toDisplayString as I } from "vue";
-import { isLegacyPlaceholderAvatar as P, randomizedUserAvatarClass as D } from "../utils/imageUtils.js";
-import M from "./KvLoadingPlaceholder.js";
-import N from "../_virtual/_plugin-vue_export-helper.js";
-const V = {
+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 = {
   name: "KvUserAvatar",
   components: {
-    KvLoadingPlaceholder: M
+    KvLoadingPlaceholder: N
   },
   props: {
     /**
@@ -30,50 +30,52 @@ const V = {
       default: !1
     }
   },
-  setup(u) {
+  setup(f) {
     const {
       lenderName: a,
       lenderImageUrl: t,
       isSmall: e
-    } = A(u), i = v(!0), m = v(null), c = d(() => a.value === "" && t.value === "" || a.value === "Anonymous"), f = () => {
+    } = 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 `${D(a.value)} ${l}`;
-    }, S = d(() => {
+      return `${M(a.value)} ${l}`;
+    }, _ = u(() => {
       var l;
       return ((l = t == null ? void 0 : t.value) == null ? void 0 : l.split("/").pop()) ?? "";
-    }), _ = d(() => {
+    }), C = u(() => {
       var l;
       return (l = a == null ? void 0 : a.value) == null ? void 0 : l.substring(0, 1).toUpperCase();
     }), g = () => {
       i.value = !1;
-    }, C = (l, w = 1e4) => new Promise((L, k) => {
-      const x = Date.now() + w, h = () => {
-        !l || l.complete ? L(l) : Date.now() > x ? k(new Error(`Timeout: ${l.src}`)) : setTimeout(h, 50);
+    }, L = (l, w = 1e4) => new Promise((k, x) => {
+      const A = Date.now() + w, h = () => {
+        !l || l.complete ? k(l) : Date.now() > A ? x(new Error(`Timeout: ${l.src}`)) : setTimeout(h, 50);
       };
       h();
     });
-    return F(async () => {
+    return U(async () => {
       const l = m.value;
       try {
-        await C(l), g();
+        await L(l), g();
       } catch (w) {
         console.log(w.message);
       }
     }), {
-      isAnonymousUser: c,
-      avatarClass: f,
-      imageFilename: S,
-      lenderNameFirstLetter: _,
-      isLegacyPlaceholderAvatar: P,
+      isAnonymousUser: v,
+      avatarClass: S,
+      imageFilename: _,
+      lenderNameFirstLetter: C,
+      isLegacyPlaceholderAvatar: D,
       isLoading: i,
       onImgLoad: g,
-      imageRef: m
+      imageRef: m,
+      userAvatar: c
     };
   }
-}, j = { key: 1 }, z = ["src"], E = { class: "tw-self-center" };
-function K(u, a, t, e, i, m) {
-  const c = U("kv-loading-placeholder");
+}, z = { key: 1 }, E = ["src"], K = { class: "tw-self-center" };
+function R(f, a, t, e, i, m) {
+  const c = p("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 }])
   }, [
     e.isAnonymousUser ? (n(), o("div", {
@@ -101,33 +103,33 @@ function K(u, a, t, e, i, m) {
           fill: "white"
         }, null, -1)
       ]), 2))
-    ], 2)) : !e.isLegacyPlaceholderAvatar(e.imageFilename) && e.imageFilename ? (n(), o("div", j, [
-      e.isLoading ? (n(), p(c, {
+    ], 2)) : !e.isLegacyPlaceholderAvatar(e.imageFilename) && e.imageFilename ? (n(), o("div", z, [
+      e.isLoading ? (n(), H(c, {
         key: 0,
-        style: H({
+        style: b({
           width: t.isSmall ? "1.5rem" : "3rem",
           height: t.isSmall ? "1.5rem" : "3rem"
         }),
         class: "!tw-rounded-full"
       }, null, 8, ["style"])) : y("", !0),
-      b(s("img", {
+      B(s("img", {
         ref: "imageRef",
         src: t.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] = (f) => e.onImgLoad())
-      }, null, 42, z), [
-        [B, !e.isLoading]
+        onLoad: a[0] || (a[0] = (v) => e.onImgLoad())
+      }, null, 42, E), [
+        [I, !e.isLoading]
       ])
     ])) : e.isLegacyPlaceholderAvatar(e.imageFilename) || !e.imageFilename ? (n(), o("div", {
       key: 2,
       class: r(["tw-rounded-full tw-inline-flex tw-align-center tw-justify-center", e.avatarClass()])
     }, [
-      s("span", E, I(e.lenderNameFirstLetter), 1)
+      s("span", K, P(e.lenderNameFirstLetter), 1)
     ], 2)) : y("", !0)
   ], 2);
 }
-const G = /* @__PURE__ */ N(V, [["render", K]]);
+const J = /* @__PURE__ */ V(j, [["render", R]]);
 export {
-  G as default
+  J as default
 };

package/dist/vue/KvWwwHeader/KvHeaderAboutMenu.js

@@ -0,0 +1,89 @@
+import s from "./KvHeaderMenuLink.js";
+import { resolveComponent as l, resolveDirective as p, openBlock as t, createElementBlock as f, withDirectives as n, createBlock as i, withCtx as u, createTextVNode as a } from "vue";
+import d from "../../_virtual/_plugin-vue_export-helper.js";
+const k = {
+  components: {
+    KvHeaderMenuLink: s
+  }
+}, m = { class: "tw--mt-0.5 tw-pb-0.5 tw-flex tw-flex-col tw-items-start tw-font-medium" };
+function v(w, e, c, b, N, T) {
+  const o = l("kv-header-menu-link"), r = p("kv-track-event");
+  return t(), f("nav", m, [
+    n((t(), i(o, { href: "/about" }, {
+      default: u(() => e[0] || (e[0] = [
+        a(" About us ")
+      ])),
+      _: 1
+    })), [
+      [r, ["TopNav", "click-menu-about-us"]]
+    ]),
+    n((t(), i(o, { href: "/about/partner-with-us" }, {
+      default: u(() => e[1] || (e[1] = [
+        a(" Partner with us ")
+      ])),
+      _: 1
+    })), [
+      [r, ["TopNav", "click-menu-partner-with-us"]]
+    ]),
+    n((t(), i(o, { href: "/about/how" }, {
+      default: u(() => e[2] || (e[2] = [
+        a(" How Kiva works ")
+      ])),
+      _: 1
+    })), [
+      [r, ["TopNav", "click-menu-how-kiva-works"]]
+    ]),
+    n((t(), i(o, { href: "/about/where-kiva-works" }, {
+      default: u(() => e[3] || (e[3] = [
+        a(" Where Kiva works ")
+      ])),
+      _: 1
+    })), [
+      [r, ["TopNav", "click-menu-where-kiva-works"]]
+    ]),
+    n((t(), i(o, { href: "/impact" }, {
+      default: u(() => e[4] || (e[4] = [
+        a(" Impact ")
+      ])),
+      _: 1
+    })), [
+      [r, ["TopNav", "click-menu-impact"]]
+    ]),
+    n((t(), i(o, { href: "/about/leadership" }, {
+      default: u(() => e[5] || (e[5] = [
+        a(" Leadership ")
+      ])),
+      _: 1
+    })), [
+      [r, ["TopNav", "click-menu-leadership"]]
+    ]),
+    n((t(), i(o, { href: "/about/finances" }, {
+      default: u(() => e[6] || (e[6] = [
+        a(" Finances ")
+      ])),
+      _: 1
+    })), [
+      [r, ["TopNav", "click-menu-finances"]]
+    ]),
+    n((t(), i(o, { href: "/about/press-center" }, {
+      default: u(() => e[7] || (e[7] = [
+        a(" Press ")
+      ])),
+      _: 1
+    })), [
+      [r, ["TopNav", "click-menu-press"]]
+    ]),
+    n((t(), i(o, { href: "/about/due-diligence" }, {
+      default: u(() => e[8] || (e[8] = [
+        a(" Due diligence ")
+      ])),
+      _: 1
+    })), [
+      [r, ["TopNav", "click-menu-due-diligence"]]
+    ])
+  ]);
+}
+const K = /* @__PURE__ */ d(k, [["render", v]]);
+export {
+  K as default
+};

package/dist/vue/KvWwwHeader/KvHeaderDropdownLink.js

@@ -0,0 +1,83 @@
+import { getCurrentInstance as i, computed as u, resolveComponent as m, openBlock as c, createElementBlock as f, normalizeClass as l, renderSlot as w, createVNode as p } from "vue";
+import v from "../KvMaterialIcon.js";
+import M from "../../_virtual/_plugin-vue_export-helper.js";
+const h = {
+  components: { KvMaterialIcon: v },
+  props: {
+    refName: {
+      type: String,
+      default: ""
+    },
+    href: {
+      type: String,
+      default: void 0
+    },
+    menuComponent: {
+      type: Object,
+      default: () => ({})
+    },
+    openMenuItem: {
+      type: Object,
+      default: () => ({})
+    },
+    dropdownIcon: {
+      type: String,
+      default: ""
+    },
+    baseClass: {
+      type: String,
+      default: ""
+    },
+    sendLinkPosition: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: [
+    "on-hover"
+  ],
+  setup(e, { emit: o }) {
+    const { proxy: n } = i();
+    return {
+      computedClass: u(() => [
+        e.baseClass,
+        { "tw-text-tertiary": e.openMenuItem && e.openMenuItem !== e.menuComponent }
+      ]),
+      handleMouseOver: () => {
+        let s = null;
+        if (e.sendLinkPosition) {
+          const a = n.$refs[e.refName];
+          if (a) {
+            const t = a.getBoundingClientRect();
+            s = {
+              left: `${(t == null ? void 0 : t.left) + (t == null ? void 0 : t.width) / 2}px`,
+              transform: "translateX(-50%)",
+              borderRadius: "0px 0px 8px 8px"
+            };
+          }
+        }
+        o("on-hover", e.refName, e.menuComponent, s);
+      }
+    };
+  }
+}, x = ["href"];
+function C(e, o, n, r, d, s) {
+  const a = m("KvMaterialIcon");
+  return c(), f("a", {
+    ref: n.refName,
+    class: l(["tw-px-1.5 tw-py-1 tw-mx-1 tw-no-underline hover:tw-no-underline tw-text-primary hover:tw-text-action tw-items-center tw-rounded tw-cursor-pointer", r.computedClass]),
+    href: n.href,
+    onMouseover: o[0] || (o[0] = (...t) => r.handleMouseOver && r.handleMouseOver(...t)),
+    onMouseout: o[1] || (o[1] = (...t) => r.handleMouseOver && r.handleMouseOver(...t))
+  }, [
+    w(e.$slots, "default"),
+    p(a, {
+      class: l(["tw-inline tw-w-3 tw-ml-0.5 tw-transition-transform tw-duration-300", { "tw-rotate-180": n.openMenuItem === n.menuComponent }]),
+      icon: n.dropdownIcon
+    }, null, 8, ["class", "icon"])
+  ], 42, x);
+}
+const _ = /* @__PURE__ */ M(h, [["render", C]]);
+export {
+  _ as default
+};

package/dist/vue/KvWwwHeader/KvHeaderLinkBar.css

@@ -1 +1 @@
-.header-link[data-v-ed7c52d8]{cursor:pointer;padding:1rem .5rem;--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.header-link[data-v-ed7c52d8]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}@media (min-width: 64rem){.header-link[data-v-ed7c52d8]{padding-left:1.25rem;padding-right:1.25rem}}
+.header-link[data-v-1ecf0a38]{cursor:pointer;padding:1rem .5rem;--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.header-link[data-v-1ecf0a38]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}@media (min-width: 64rem){.header-link[data-v-1ecf0a38]{padding-left:1.25rem;padding-right:1.25rem}}