@kiva/kv-components 8.17.0 → 8.18.0

package/dist/vue/KvWwwHeaderBasic/KvWwwHeaderBasic2.js

@@ -1,15 +1,26 @@
-import { ref as a, computed as r, watch as P, nextTick as T, onMounted as D, onBeforeUnmount as K } from "vue";
-import O from "../KvThemeProvider.js";
-import _ from "../KvPageContainer.js";
-import { useBreakpoints as $ } from "../../utils/useBreakpoints.js";
-import { useHeaderBasicMenuState as E } from "../../utils/useHeaderBasicMenuState.js";
-import R from "./LinkBar.js";
-const w = "4rem", F = {
+import { ref as o, computed as s, watch as D, nextTick as P, onMounted as K, onBeforeUnmount as $ } from "vue";
+import { gql as G } from "@apollo/client/core";
+import W from "../KvThemeProvider.js";
+import z from "../KvPageContainer.js";
+import { useBreakpoints as Q } from "../../utils/useBreakpoints.js";
+import { useHeaderBasicMenuState as V } from "../../utils/useHeaderBasicMenuState.js";
+import X from "./LinkBar.js";
+const S = "4rem", Y = G`
+	query loanSearchSuggestions {
+		lend {
+			loanSearchSuggestions {
+				group
+				label
+				query
+			}
+		}
+	}
+`, oe = {
   name: "KvWwwHeaderBasic",
   components: {
-    KvThemeProvider: O,
-    KvPageContainer: _,
-    LinkBar: R
+    KvThemeProvider: W,
+    KvPageContainer: z,
+    LinkBar: X
   },
   props: {
     loggedIn: { type: Boolean, default: !1 },
@@ -27,80 +38,101 @@ const w = "4rem", F = {
     myDashboardUrl: { type: String, default: "/mykiva" },
     countriesNotLentToUrl: { type: String, default: "/lend/countries-not-lent" },
     appOrigin: { type: String, default: "" },
-    searchSuggestions: { type: Array, default: () => [] }
+    searchSuggestions: { type: Array, default: () => [] },
+    trusteeId: { type: Number, default: null },
+    mostRecentBorrowedLoanId: { type: Number, default: null }
   },
   emits: ["load-lend-menu-data", "load-search-data", "search-submit"],
-  setup(W, { emit: b }) {
-    const { isMobile: y, checkIsMobile: g } = $(), {
-      menuOpen: M,
-      menuComponent: h,
-      menuItem: B,
-      menuPosition: m,
-      setMenu: i,
-      markMounted: k,
-      pinMenuOpen: I
-    } = E(), u = a(null), p = a(null), l = a(null), c = a(w), s = a(null), H = a(!0);
-    let n = null;
-    const d = r(() => {
+  setup(d, { emit: M }) {
+    const { isMobile: B, checkIsMobile: I } = Q(), {
+      menuOpen: k,
+      menuComponent: A,
+      menuItem: N,
+      menuPosition: v,
+      setMenu: f,
+      markMounted: O,
+      pinMenuOpen: H
+    } = V(), l = o(null), w = o(null), r = o(null), y = o(S), c = o(null), L = o(!0), b = o(d.appOrigin);
+    let u = null;
+    const m = o([]);
+    let p = !1;
+    const U = s(
+      () => m.value.length ? m.value : d.searchSuggestions
+    ), g = s(() => {
       var t, e;
-      return ((e = (t = u.value) == null ? void 0 : t.$options) == null ? void 0 : e.name) === "MobileMenu";
-    }), v = r(() => {
+      return ((e = (t = l.value) == null ? void 0 : t.$options) == null ? void 0 : e.name) === "MobileMenu";
+    }), h = s(() => {
       var t, e;
-      return ((e = (t = u.value) == null ? void 0 : t.$options) == null ? void 0 : e.name) === "MyKivaMenu";
-    }), S = r(() => {
+      return ((e = (t = l.value) == null ? void 0 : t.$options) == null ? void 0 : e.name) === "MyKivaMenu";
+    }), q = s(() => {
       var t, e;
-      return ((e = (t = u.value) == null ? void 0 : t.$options) == null ? void 0 : e.name) === "AboutMenu";
-    }), A = r(() => d.value ? "tw-w-full tw-min-h-dvh tw-rounded-none" : v.value ? "tw-w-auto tw-rounded-b tw-border tw-border-t-0 tw-border-tertiary" : S.value ? "tw-w-full md:tw-w-auto tw-rounded-none !tw-rounded-b md:tw-border md:tw-border-t-0 md:tw-border-tertiary" : "tw-w-full md:tw-w-auto tw-rounded-none !md:tw-rounded-b");
-    function C(t, e, o, f = null) {
-      s.value = f, i(t, e, o);
+      return ((e = (t = l.value) == null ? void 0 : t.$options) == null ? void 0 : e.name) === "AboutMenu";
+    }), C = s(() => g.value ? "tw-w-full tw-min-h-dvh tw-rounded-none" : h.value ? "tw-w-auto tw-rounded-b tw-border tw-border-t-0 tw-border-tertiary" : q.value ? "tw-w-full md:tw-w-auto tw-rounded-none !tw-rounded-b md:tw-border md:tw-border-t-0 md:tw-border-tertiary" : "tw-w-full md:tw-w-auto tw-rounded-none !md:tw-rounded-b");
+    function R(t, e, n, i = null) {
+      c.value = i, f(t, e, n);
     }
-    P(v, async (t) => {
-      if (!t || s.value == null) return;
-      await T();
-      const e = p.value;
+    D(h, async (t) => {
+      if (!t || c.value == null) return;
+      await P();
+      const e = w.value;
       if (!e) return;
-      const o = e.offsetWidth, f = s.value, N = Math.max(0, window.innerWidth - (f + o / 2));
-      m.value = { right: `${N}px`, position: "absolute" };
+      const n = e.offsetWidth, i = c.value, a = Math.max(0, window.innerWidth - (i + n / 2));
+      v.value = { right: `${a}px`, position: "absolute" };
     });
-    function L() {
-      b("load-lend-menu-data");
+    function E() {
+      M("load-lend-menu-data");
     }
-    function U(t) {
-      var e, o;
-      (o = (e = u.value) == null ? void 0 : e.onLoad) == null || o.call(e, t);
+    function T(t) {
+      var e, n;
+      (n = (e = l.value) == null ? void 0 : e.onLoad) == null || n.call(e, t);
+    }
+    async function _(t) {
+      var e;
+      if (!p) {
+        p = !0;
+        try {
+          const { data: n } = await t.query({ query: Y }), i = ((e = n == null ? void 0 : n.lend) == null ? void 0 : e.loanSearchSuggestions) ?? [];
+          m.value = i.filter((a) => !!a).map((a) => ({ group: a.group ?? "", label: a.label ?? "", query: a.query ?? void 0 }));
+        } catch {
+          p = !1;
+        }
+      }
     }
     function x() {
-      d.value || i();
+      g.value || f();
     }
-    return D(() => {
-      g(), k(), l.value && typeof ResizeObserver < "u" && (n = new ResizeObserver(() => {
-        l.value && (c.value = `${l.value.offsetHeight}px`);
-      }), n.observe(l.value));
-    }), K(() => {
-      n == null || n.disconnect(), n = null;
+    return K(() => {
+      !d.appOrigin && typeof window < "u" && (b.value = window.location.origin), I(), O(), r.value && typeof ResizeObserver < "u" && (u = new ResizeObserver(() => {
+        r.value && (y.value = `${r.value.offsetHeight}px`);
+      }), u.observe(r.value));
+    }), $(() => {
+      u == null || u.disconnect(), u = null;
     }), {
-      MIN_HEADER_HEIGHT: w,
-      navHeight: c,
-      navRef: l,
-      linksVisible: H,
-      isMobile: y,
-      menuOpen: M,
-      menuComponent: h,
-      menuItem: B,
-      menuPosition: m,
-      isMobileMenuActive: d,
-      menuPanelClass: A,
-      menuComponentInstance: u,
-      menuPanelRef: p,
-      pinMenuOpen: I,
-      setMenu: i,
-      onItemHover: C,
+      MIN_HEADER_HEIGHT: S,
+      navHeight: y,
+      navRef: r,
+      linksVisible: L,
+      resolvedAppOrigin: b,
+      effectiveSuggestions: U,
+      isMobile: B,
+      menuOpen: k,
+      menuComponent: A,
+      menuItem: N,
+      menuPosition: v,
+      isMobileMenuActive: g,
+      menuPanelClass: C,
+      menuComponentInstance: l,
+      menuPanelRef: w,
+      pinMenuOpen: H,
+      setMenu: f,
+      onItemHover: R,
       handleOverlayClick: x,
-      emitLendMenuEvent: L,
-      loadMenuData: U
+      emitLendMenuEvent: E,
+      loadMenuData: T,
+      loadSearchSuggestions: _
     };
   }
 };
 export {
-  F as default
+  oe as default
 };

package/dist/vue/KvWwwHeaderBasic/LinkBar.vue.d.ts

@@ -115,6 +115,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        trusteeId: {
+            type: NumberConstructor;
+            default: any;
+        };
+        mostRecentBorrowedLoanId: {
+            type: NumberConstructor;
+            default: any;
+        };
         myDashboardUrl: {
             type: StringConstructor;
             default: string;
@@ -124,6 +132,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: boolean;
         };
     }>, {
+        trusteeLoansUrl: import('vue').ComputedRef<string>;
         onLinkClick: (action: string) => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "closing-menu"[], "closing-menu", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         loggedIn: {
@@ -142,6 +151,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        trusteeId: {
+            type: NumberConstructor;
+            default: any;
+        };
+        mostRecentBorrowedLoanId: {
+            type: NumberConstructor;
+            default: any;
+        };
         myDashboardUrl: {
             type: StringConstructor;
             default: string;
@@ -159,6 +176,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         isTrustee: boolean;
         myDashboardUrl: string;
         userId: number;
+        trusteeId: number;
+        mostRecentBorrowedLoanId: number;
     }, {}, {
         KvHeaderMenuLink: any;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/vue/KvWwwHeaderBasic/MyKivaMenu.css

@@ -1 +1 @@
-[data-v-8dbf5f0b] a{padding-top:.5rem;padding-bottom:.5rem}
+[data-v-7b004666] a{padding-top:.5rem;padding-bottom:.5rem}

package/dist/vue/KvWwwHeaderBasic/MyKivaMenu.js

@@ -1,90 +1,132 @@
-import m from "./MyKivaMenu2.js";
-import { resolveComponent as a, openBlock as k, createElementBlock as u, createVNode as l, withCtx as i, createTextVNode as n, createBlock as d, createCommentVNode as s } from "vue";
+import u from "./MyKivaMenu2.js";
+import { resolveComponent as C, openBlock as f, createElementBlock as d, createVNode as r, withCtx as e, createTextVNode as i, Fragment as s, createCommentVNode as m } from "vue";
 import "./MyKivaMenu.css";
-import C from "../../_virtual/_plugin-vue_export-helper.js";
-const w = { class: "tw-flex tw-flex-col tw-items-start tw-font-medium tw-mt-0.5 tw-pb-1 tw-px-2" };
-function b(v, o, f, t, y, P) {
-  const r = a("kv-header-menu-link");
-  return k(), u("nav", w, [
-    l(r, {
-      href: f.myDashboardUrl,
+import y from "../../_virtual/_plugin-vue_export-helper.js";
+const a = { class: "tw-flex tw-flex-col tw-items-start tw-font-medium tw-mt-0.5 tw-pb-1 tw-px-2" };
+function w(v, o, k, t, M, b) {
+  const n = C("kv-header-menu-link");
+  return f(), d("nav", a, [
+    r(n, {
+      href: k.myDashboardUrl,
       class: "md:tw-hidden",
-      onClick: o[0] || (o[0] = (e) => t.onLinkClick("click-Dashboard"))
+      onClick: o[0] || (o[0] = (l) => t.onLinkClick("click-Dashboard"))
     }, {
-      default: i(() => o[8] || (o[8] = [
-        n(" My Dashboard ")
+      default: e(() => o[12] || (o[12] = [
+        i(" My Dashboard ")
       ])),
       _: 1
     }, 8, ["href"]),
-    l(r, {
+    k.isBorrower ? (f(), d(s, { key: 0 }, [
+      r(n, {
+        href: "/my/borrower",
+        onClick: o[1] || (o[1] = (l) => t.onLinkClick("click-Portfolio-My borrower dashboard"))
+      }, {
+        default: e(() => o[13] || (o[13] = [
+          i(" My borrower dashboard ")
+        ])),
+        _: 1
+      }),
+      k.mostRecentBorrowedLoanId !== null ? (f(), d(s, { key: 0 }, [
+        r(n, {
+          href: `/lend/${k.mostRecentBorrowedLoanId}`,
+          onClick: o[2] || (o[2] = (l) => t.onLinkClick("click-Portfolio-My loan page"))
+        }, {
+          default: e(() => o[14] || (o[14] = [
+            i(" My loan page ")
+          ])),
+          _: 1
+        }, 8, ["href"]),
+        r(n, {
+          href: `/lend-classic/${k.mostRecentBorrowedLoanId}#loanComments`,
+          onClick: o[3] || (o[3] = (l) => t.onLinkClick("click-Portfolio-My Conversations"))
+        }, {
+          default: e(() => o[15] || (o[15] = [
+            i(" My conversations ")
+          ])),
+          _: 1
+        }, 8, ["href"])
+      ], 64)) : m("", !0)
+    ], 64)) : m("", !0),
+    k.isTrustee ? (f(), d(s, { key: 1 }, [
+      k.isBorrower ? m("", !0) : (f(), d(s, { key: 0 }, [
+        r(n, {
+          href: t.trusteeLoansUrl,
+          onClick: o[4] || (o[4] = (l) => t.onLinkClick("click-Portfolio-My Trustee loans"))
+        }, {
+          default: e(() => o[16] || (o[16] = [
+            i(" My Trustee loans ")
+          ])),
+          _: 1
+        }, 8, ["href"]),
+        r(n, {
+          href: `/trustees/${k.trusteeId}`,
+          onClick: o[5] || (o[5] = (l) => t.onLinkClick("click-Portfolio-My public Trustee page"))
+        }, {
+          default: e(() => o[17] || (o[17] = [
+            i(" My public Trustee page ")
+          ])),
+          _: 1
+        }, 8, ["href"])
+      ], 64)),
+      r(n, {
+        href: "/my/trustee",
+        onClick: o[6] || (o[6] = (l) => t.onLinkClick("click-Portfolio-My Trustee dashboard"))
+      }, {
+        default: e(() => o[18] || (o[18] = [
+          i(" My Trustee dashboard ")
+        ])),
+        _: 1
+      })
+    ], 64)) : m("", !0),
+    r(n, {
       href: "/portfolio",
-      onClick: o[1] || (o[1] = (e) => t.onLinkClick("click-Portfolio-Portfolio"))
+      onClick: o[7] || (o[7] = (l) => t.onLinkClick("click-Portfolio-Portfolio"))
     }, {
-      default: i(() => o[9] || (o[9] = [
-        n(" Portfolio ")
+      default: e(() => o[19] || (o[19] = [
+        i(" Portfolio ")
       ])),
       _: 1
     }),
-    l(r, {
+    r(n, {
       href: "/teams/my-teams",
-      onClick: o[2] || (o[2] = (e) => t.onLinkClick("click-Portfolio-My teams"))
+      onClick: o[8] || (o[8] = (l) => t.onLinkClick("click-Portfolio-My teams"))
     }, {
-      default: i(() => o[10] || (o[10] = [
-        n(" My Teams ")
+      default: e(() => o[20] || (o[20] = [
+        i(" My Teams ")
       ])),
       _: 1
     }),
-    l(r, {
+    r(n, {
       href: "/portfolio/donations",
-      onClick: o[3] || (o[3] = (e) => t.onLinkClick("click-Portfolio-Donations"))
+      onClick: o[9] || (o[9] = (l) => t.onLinkClick("click-Portfolio-Donations"))
     }, {
-      default: i(() => o[11] || (o[11] = [
-        n(" Donations ")
+      default: e(() => o[21] || (o[21] = [
+        i(" Donations ")
       ])),
       _: 1
     }),
-    l(r, {
+    r(n, {
       href: "/settings",
-      onClick: o[4] || (o[4] = (e) => t.onLinkClick("click-Portfolio-Settings"))
+      onClick: o[10] || (o[10] = (l) => t.onLinkClick("click-Portfolio-Settings"))
     }, {
-      default: i(() => o[12] || (o[12] = [
-        n(" Settings ")
+      default: e(() => o[22] || (o[22] = [
+        i(" Settings ")
       ])),
       _: 1
     }),
-    f.isBorrower ? (k(), d(r, {
-      key: 0,
-      href: "/my/borrower",
-      onClick: o[5] || (o[5] = (e) => t.onLinkClick("click-Portfolio-My borrower dashboard"))
-    }, {
-      default: i(() => o[13] || (o[13] = [
-        n(" Borrower Dashboard ")
-      ])),
-      _: 1
-    })) : s("", !0),
-    f.isTrustee ? (k(), d(r, {
-      key: 1,
-      href: "/my/trustee",
-      onClick: o[6] || (o[6] = (e) => t.onLinkClick("click-Portfolio-My Trustee dashboard"))
-    }, {
-      default: i(() => o[14] || (o[14] = [
-        n(" Trustee Dashboard ")
-      ])),
-      _: 1
-    })) : s("", !0),
-    l(r, {
+    r(n, {
       href: "/ui-logout",
       class: "tw-border-t tw-border-secondary tw-w-full",
-      onClick: o[7] || (o[7] = (e) => t.onLinkClick("click-Portfolio-Sign out"))
+      onClick: o[11] || (o[11] = (l) => t.onLinkClick("click-Portfolio-Sign out"))
     }, {
-      default: i(() => o[15] || (o[15] = [
-        n(" Sign out ")
+      default: e(() => o[23] || (o[23] = [
+        i(" Sign out ")
       ])),
       _: 1
     })
   ]);
 }
-const g = /* @__PURE__ */ C(m, [["render", b], ["__scopeId", "data-v-8dbf5f0b"]]);
+const x = /* @__PURE__ */ y(u, [["render", w], ["__scopeId", "data-v-7b004666"]]);
 export {
-  g as default
+  x as default
 };

package/dist/vue/KvWwwHeaderBasic/MyKivaMenu.vue.d.ts

@@ -15,6 +15,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    trusteeId: {
+        type: NumberConstructor;
+        default: any;
+    };
+    mostRecentBorrowedLoanId: {
+        type: NumberConstructor;
+        default: any;
+    };
     myDashboardUrl: {
         type: StringConstructor;
         default: string;
@@ -24,6 +32,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
 }>, {
+    trusteeLoansUrl: import('vue').ComputedRef<string>;
     onLinkClick: (action: string) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "closing-menu"[], "closing-menu", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     loggedIn: {
@@ -42,6 +51,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    trusteeId: {
+        type: NumberConstructor;
+        default: any;
+    };
+    mostRecentBorrowedLoanId: {
+        type: NumberConstructor;
+        default: any;
+    };
     myDashboardUrl: {
         type: StringConstructor;
         default: string;
@@ -59,6 +76,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     isTrustee: boolean;
     myDashboardUrl: string;
     userId: number;
+    trusteeId: number;
+    mostRecentBorrowedLoanId: number;
 }, {}, {
     KvHeaderMenuLink: any;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/vue/KvWwwHeaderBasic/MyKivaMenu2.js

@@ -1,8 +1,8 @@
-import { inject as a } from "vue";
-import l from "../KvWwwHeader/KvHeaderMenuLink.js";
-const u = {
+import { inject as l, computed as r } from "vue";
+import u from "../KvWwwHeader/KvHeaderMenuLink.js";
+const f = {
   name: "MyKivaMenu",
-  components: { KvHeaderMenuLink: l },
+  components: { KvHeaderMenuLink: u },
   props: {
     // Accepts the orchestrator's user props; loggedIn/userId are part of the shared menu contract.
     loggedIn: {
@@ -21,6 +21,14 @@ const u = {
       type: Boolean,
       default: !1
     },
+    trusteeId: {
+      type: Number,
+      default: null
+    },
+    mostRecentBorrowedLoanId: {
+      type: Number,
+      default: null
+    },
     myDashboardUrl: {
       type: String,
       default: "/mykiva"
@@ -31,15 +39,17 @@ const u = {
     }
   },
   emits: ["closing-menu"],
-  setup(r, { emit: e }) {
-    const o = a("$kvTrackEvent", () => {
-    });
-    function n(t) {
-      o("TopNav", t), e("closing-menu");
+  setup(e, { emit: t }) {
+    const n = l("$kvTrackEvent", () => {
+    }), o = r(
+      () => `/lend?trustee=${e.trusteeId}&status=fundraising&sortBy=newest`
+    );
+    function a(s) {
+      n("TopNav", s), t("closing-menu");
     }
-    return { onLinkClick: n };
+    return { trusteeLoansUrl: o, onLinkClick: a };
   }
 };
 export {
-  u as default
+  f as default
 };

package/dist/vue/KvWwwHeaderBasic/SearchBar2.js

@@ -1,4 +1,4 @@
-import { inject as x, ref as m, toRef as B, computed as s } from "vue";
+import { inject as B, ref as m, toRef as p, computed as s } from "vue";
 import { mdiMagnify as E } from "@mdi/js";
 import F from "../KvTextInput.js";
 import O from "../../utils/markMatches.js";
@@ -22,60 +22,60 @@ const K = {
   },
   emits: ["load-search-data", "search-submit"],
   setup(r, { emit: i }) {
-    const f = x("$kvTrackEvent", () => {
-    }), p = "kv-www-header-basic-search", n = m(!1), v = m(!1), {
+    const f = B("$kvTrackEvent", () => {
+    }), d = "kv-www-header-basic-search", n = m(!1), v = m(!1), {
       term: t,
       groupedResults: l,
       activeIndex: a,
-      resolveSubmit: d
-    } = _(B(r, "searchSuggestions"), r.appOrigin), o = s(() => l.value.flatMap((e) => e.items)), u = s(() => a.value > -1 ? o.value[a.value] : void 0), g = s(() => {
+      resolveSubmit: g
+    } = _(p(r, "searchSuggestions"), p(r, "appOrigin")), o = s(() => l.value.flatMap((e) => e.items)), u = s(() => a.value > -1 ? o.value[a.value] : void 0), b = s(() => {
       var e;
       return ((e = u.value) == null ? void 0 : e.label) ?? t.value;
-    }), b = s(() => l.value.length > 0 && n.value);
-    function y(e) {
+    }), y = s(() => l.value.length > 0 && n.value);
+    function S(e) {
       t.value = e;
     }
-    function S() {
+    function k() {
       n.value = !0, v.value || (i("load-search-data"), v.value = !0), f("search", "focus");
     }
-    function k() {
+    function w() {
       n.value = !1, a.value = -1;
     }
     function c(e) {
-      const h = d(e);
+      const h = g(e);
       f("search", "click", h.suggestion ? "type-ahead-search" : "custom-search-option"), i("search-submit", h);
     }
-    function w(e) {
+    function I(e) {
       c(e);
     }
-    function I() {
+    function R() {
       u.value ? c(u.value) : c(t.value);
     }
-    function R() {
+    function T() {
       a.value += 1, a.value >= o.value.length && (a.value = -1);
     }
-    function T() {
+    function M() {
       a.value === -1 && (a.value = o.value.length), a.value -= 1;
     }
-    function M(e) {
+    function x(e) {
       return O(e.label, e.matches);
     }
     return {
       mdiMagnify: E,
-      inputId: p,
+      inputId: d,
       term: t,
-      displayTerm: g,
+      displayTerm: b,
       groupedResults: l,
       highlighted: u,
-      showResults: b,
-      onInput: y,
-      onFocus: S,
-      onBlur: k,
-      onSubmit: I,
-      runSearch: w,
-      listUp: T,
-      listDown: R,
-      formatResult: M
+      showResults: y,
+      onInput: S,
+      onFocus: k,
+      onBlur: w,
+      onSubmit: R,
+      runSearch: I,
+      listUp: M,
+      listDown: T,
+      formatResult: x
     };
   }
 };

package/dist/vue/index.d.ts

@@ -27,6 +27,7 @@ export { default as KvExpandableQuestion } from './KvExpandableQuestion.vue';
 export { default as KvFlag } from './KvFlag.vue';
 export { default as KvGrid } from './KvGrid.vue';
 export { default as KvIconButton } from './KvIconButton.vue';
+export { default as KvImageUpload } from './KvImageUpload.vue';
 export { default as KvImpactDashboardHeader } from './KvImpactDashboardHeader.vue';
 export { default as KvImpactVerticalSelector } from './KvImpactVerticalSelector.vue';
 export { default as KvInlineActivityCard } from './KvInlineActivityCard.vue';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "8.17.0",
+  "version": "8.18.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -128,5 +128,5 @@
   "dependencies": {
     "fuse.js": "^7.1.0"
   },
-  "gitHead": "c00bb6f8ab55a188247b085df65b8b7bbe79c3e4"
+  "gitHead": "34c0c8109e5d079a5d08fedda139c2ecee8fdc8e"
 }