@kiva/kv-components 8.0.1 → 8.1.0

package/dist/vue/KvCompactLoanCard.js

@@ -1,39 +1,51 @@
 import N from "./KvCompactLoanCard2.js";
 import { KV_COMPACT_LOAN_CARD_FRAGMENT as $, KV_COMPACT_LOAN_CARD_USER_FRAGMENT as ee } from "./KvCompactLoanCard2.js";
-import { resolveComponent as s, openBlock as a, createElementBlock as r, createElementVNode as l, createBlock as i, resolveDynamicComponent as m, withCtx as f, createVNode as d, toDisplayString as u, withModifiers as T, createCommentVNode as w, Fragment as h, renderList as P, normalizeClass as g } from "vue";
+import { resolveComponent as d, openBlock as a, createElementBlock as l, normalizeClass as m, createVNode as i, createCommentVNode as w, createElementVNode as r, normalizeStyle as T, createBlock as s, resolveDynamicComponent as u, withCtx as f, toDisplayString as h, withModifiers as P, Fragment as g, renderList as A } from "vue";
 import "./KvCompactLoanCard.css";
-import A from "../_virtual/_plugin-vue_export-helper.js";
-const B = { class: "tw-flex tw-flex-col tw-items-start tw-justify-between tw-p-1 tw-bg-white tw-rounded-md tw-shadow-lg tw-w-full" }, R = { class: "tw-flex tw-flex-col tw-items-start tw-w-full" }, D = {
-  class: "tw-flex tw-items-start tw-gap-2 tw-w-full loan-card-active-hover",
-  style: { height: "6.75rem", "max-height": "6.75rem" }
-}, V = { class: "tw-flex-shrink-0 tw-overflow-hidden" }, F = { class: "tw-flex tw-flex-col tw-items-start tw-gap-1 tw-flex-1 tw-min-w-0" }, E = {
+import B from "../_virtual/_plugin-vue_export-helper.js";
+const V = { class: "tw-flex tw-flex-col tw-items-start tw-w-full" }, R = { class: "tw-flex-shrink-0 tw-overflow-hidden" }, D = { class: "tw-flex tw-flex-col tw-items-start tw-gap-1 tw-flex-1 tw-min-w-0" }, S = {
   key: 0,
   class: "tw-mb-0.5 tw-w-full"
-}, S = { class: "tw-text-primary !tw-font-medium tw-text-base tw-leading-normal tw-truncate" }, W = ["href"], O = { class: "tw-truncate" }, U = {
+}, F = { class: "tw-text-primary !tw-font-medium tw-text-base tw-leading-normal tw-truncate" }, W = ["href"], j = { class: "tw-truncate" }, E = {
   key: 0,
   class: "loan-card-use-text tw-w-full tw-overflow-hidden"
-}, j = {
+}, O = {
   key: 1,
   class: "loan-card-use-text tw-w-full tw-overflow-hidden"
-}, K = { class: "tw-flex-1 tw-min-w-0 tw-mr-1" }, G = { class: "tw-flex-1 tw-min-w-0" };
-function H(k, o, t, e, I, Z) {
-  const b = s("kv-borrower-image"), _ = s("kv-material-icon"), v = s("kv-loan-tag"), c = s("kv-loading-placeholder"), x = s("kv-loan-use"), y = s("kv-loan-callouts"), L = s("kv-loan-progress-group"), C = s("kv-lend-cta");
-  return a(), r("div", B, [
-    l("div", R, [
-      l("div", D, [
-        l("div", V, [
-          (a(), i(m(e.tag), {
+}, U = { class: "tw-flex-1 tw-min-w-0 tw-mr-1" }, K = { class: "tw-flex-1 tw-min-w-0" }, z = { class: "tw-p-1 tw-rounded-l-sm tw-border tw-border-gray-100 tw-border-r-0" };
+function G(k, o, t, e, H, I) {
+  const b = d("kv-material-icon"), v = d("kv-borrower-image"), _ = d("kv-loan-tag"), c = d("kv-loading-placeholder"), x = d("kv-loan-use"), y = d("kv-loan-callouts"), L = d("kv-loan-progress-group"), C = d("kv-lend-cta");
+  return a(), l("div", {
+    class: m(["tw-flex tw-flex-col tw-items-start tw-justify-between tw-p-1 tw-bg-white tw-rounded-md tw-shadow-lg tw-w-full", { "tw-relative": t.showCloseButton, "!tw-p-1.5": t.showLightView }])
+  }, [
+    t.showCloseButton ? (a(), l("button", {
+      key: 0,
+      class: "tw-absolute tw--top-1 tw--right-1 tw-p-0.5 tw-bg-white tw-rounded-full tw-w-2.5 tw-h-2.5 tw-flex tw-items-center tw-justify-center tw-cursor-pointer tw-drop-shadow-sm",
+      onClick: o[0] || (o[0] = (...n) => e.handleCloseButton && e.handleCloseButton(...n))
+    }, [
+      i(b, {
+        icon: e.mdiClose,
+        class: "tw-w-1.5 tw-h-1.5"
+      }, null, 8, ["icon"])
+    ])) : w("", !0),
+    r("div", V, [
+      r("div", {
+        class: m(["tw-flex tw-items-start tw-gap-2 tw-w-full loan-card-active-hover", { "!tw-gap-1": t.showLightView }]),
+        style: T(e.customStyle)
+      }, [
+        r("div", R, [
+          (a(), s(u(e.tag), {
             to: e.readMorePath,
             href: e.readMorePath,
             target: t.externalLinksNewTab ? "_blank" : void 0,
             rel: t.externalLinksNewTab ? "noopener noreferrer" : void 0,
             class: "tw-flex",
             "aria-label": "Borrower image",
-            onClick: o[0] || (o[0] = (n) => e.clickReadMore("Photo", n))
+            onClick: o[1] || (o[1] = (n) => e.clickReadMore("Photo", n))
           }, {
             default: f(() => [
-              d(b, {
-                class: "tw-bg-gray-300 tw-rounded-md tw-object-cover",
+              i(v, {
+                class: m(["tw-bg-gray-300 tw-rounded-md tw-object-cover", { "!tw-w-7.5 !tw-h-7.5": t.showLightView }]),
                 style: { width: "100px", height: "100px" },
                 alt: `Photo of ${e.borrowerName}`,
                 "aspect-ratio": 1,
@@ -41,59 +53,59 @@ function H(k, o, t, e, I, Z) {
                 hash: e.imageHash,
                 images: [{ width: 200, faceZoom: 50 }],
                 "photo-path": t.photoPath
-              }, null, 8, ["alt", "hash", "photo-path"])
+              }, null, 8, ["class", "alt", "hash", "photo-path"])
             ]),
             _: 1
           }, 8, ["to", "href", "target", "rel"]))
         ]),
-        l("div", F, [
-          t.businessName ? (a(), r("div", E, [
-            (a(), i(m(e.tag), {
+        r("div", D, [
+          t.businessName ? (a(), l("div", S, [
+            (a(), s(u(e.tag), {
               to: e.readMorePath,
               href: e.readMorePath,
               target: t.externalLinksNewTab ? "_blank" : void 0,
               rel: t.externalLinksNewTab ? "noopener noreferrer" : void 0,
               class: "tw-no-underline hover:tw-underline focus:tw-no-underline",
               "aria-label": "Business name",
-              onClick: o[1] || (o[1] = (n) => e.clickReadMore("Business", n))
+              onClick: o[2] || (o[2] = (n) => e.clickReadMore("Business", n))
             }, {
               default: f(() => [
-                l("h3", S, u(t.businessName), 1)
+                r("h3", F, h(t.businessName), 1)
               ]),
               _: 1
             }, 8, ["to", "href", "target", "rel"])),
-            t.website ? (a(), r("a", {
+            t.website ? (a(), l("a", {
               key: 0,
               href: e.formattedWebsite,
               target: "_blank",
               class: "tw-flex tw-items-center tw-gap-0.5 tw-text-secondary tw-text-small tw-font-light tw-leading-normal tw-no-underline hover:tw-underline",
-              onClick: o[2] || (o[2] = T((...n) => e.trackWebsiteClick && e.trackWebsiteClick(...n), ["stop"]))
+              onClick: o[3] || (o[3] = P((...n) => e.trackWebsiteClick && e.trackWebsiteClick(...n), ["stop"]))
             }, [
-              d(_, {
+              i(b, {
                 icon: e.mdiLink,
                 class: "tw-w-2 tw-h-2"
               }, null, 8, ["icon"]),
-              l("span", O, u(t.website), 1)
+              r("span", j, h(t.website), 1)
             ], 8, W)) : w("", !0)
           ])) : w("", !0),
-          (a(), i(m(e.tag), {
+          (a(), s(u(e.tag), {
             to: e.readMorePath,
             href: e.readMorePath,
             target: t.externalLinksNewTab ? "_blank" : void 0,
             rel: t.externalLinksNewTab ? "noopener noreferrer" : void 0,
             class: "tw-flex tw-no-underline hover:tw-no-underline focus:tw-no-underline -tw-mt-1",
             "aria-label": "Loan tag",
-            onClick: o[3] || (o[3] = (n) => e.clickReadMore("Tag", n))
+            onClick: o[4] || (o[4] = (n) => e.clickReadMore("Tag", n))
           }, {
             default: f(() => [
-              t.showTags && !e.isLoading ? (a(), i(v, {
+              t.showTags && !e.isLoading ? (a(), s(_, {
                 key: 0,
                 loan: t.loan
               }, null, 8, ["loan"])) : w("", !0)
             ]),
             _: 1
           }, 8, ["to", "href", "target", "rel"])),
-          t.showLoanUse ? (a(), i(m(e.tag), {
+          t.showLoanUse ? (a(), s(u(e.tag), {
             key: 1,
             to: e.readMorePath,
             href: e.readMorePath,
@@ -101,18 +113,18 @@ function H(k, o, t, e, I, Z) {
             rel: t.externalLinksNewTab ? "noopener noreferrer" : void 0,
             class: "loan-card-use tw-no-underline tw-text-primary tw-block tw-w-full",
             "aria-label": "Loan use",
-            onClick: o[4] || (o[4] = (n) => e.clickReadMore("Use", n))
+            onClick: o[5] || (o[5] = (n) => e.clickReadMore("Use", n))
           }, {
             default: f(() => [
-              e.isLoading ? (a(), r("div", U, [
-                (a(!0), r(h, null, P([...Array(4)], (n, M) => (a(), r("div", {
+              e.isLoading ? (a(), l("div", E, [
+                (a(!0), l(g, null, A([...Array(4)], (n, M) => (a(), l("div", {
                   key: M,
                   class: "tw-h-2 tw-mb-1"
                 }, [
-                  d(c)
+                  i(c)
                 ]))), 128))
-              ])) : (a(), r("div", j, [
-                d(x, {
+              ])) : (a(), l("div", O, [
+                i(x, {
                   use: e.loanUse,
                   "loan-amount": e.loanAmount,
                   status: e.loanStatus,
@@ -121,31 +133,36 @@ function H(k, o, t, e, I, Z) {
                   "distribution-model": e.distributionModel,
                   "bold-name": !0,
                   country: e.formattedLocation,
+                  "show-read-more": t.showLightView,
+                  "truncate-words-number": t.truncateWordsNumber,
                   class: "tw-text-small tw-leading-tight"
-                }, null, 8, ["use", "loan-amount", "status", "borrower-count", "name", "distribution-model", "country"])
+                }, null, 8, ["use", "loan-amount", "status", "borrower-count", "name", "distribution-model", "country", "show-read-more", "truncate-words-number"])
               ]))
             ]),
             _: 1
           }, 8, ["to", "href", "target", "rel"])) : w("", !0)
         ])
-      ]),
-      e.isLoading || typeof e.loanCallouts > "u" ? (a(), i(c, {
+      ], 6),
+      e.isLoading || typeof e.loanCallouts > "u" ? (a(), s(c, {
         key: 0,
         class: "tw-mt-1.5 tw-mb-1 tw-rounded-full",
         style: { width: "60%", height: "1.5rem" }
-      })) : (a(), i(y, {
+      })) : (a(), s(y, {
         key: 1,
         callouts: e.loanCallouts,
         class: "tw-mt-1.5",
-        onClick: o[5] || (o[5] = (n) => k.$emit("jump-filter-page", n))
+        onClick: o[6] || (o[6] = (n) => k.$emit("jump-filter-page", n))
       }, null, 8, ["callouts"]))
     ]),
-    l("div", {
-      class: g(["tw-flex tw-items-end tw-w-full tw-mt-1", { "tw-gap-1": e.sharesAvailable }])
+    r("div", {
+      class: m([
+        "tw-flex tw-items-center tw-justify-between tw-w-full tw-mt-1",
+        { "tw-gap-1": e.sharesAvailable }
+      ])
     }, [
-      e.hasProgressData ? (a(), r(h, { key: 1 }, [
-        l("div", G, [
-          e.sharesAvailable ? (a(), i(m(e.tag), {
+      e.hasProgressData ? (a(), l(g, { key: 1 }, [
+        r("div", K, [
+          e.sharesAvailable ? (a(), s(u(e.tag), {
             key: 0,
             to: e.readMorePath,
             href: e.readMorePath,
@@ -153,10 +170,10 @@ function H(k, o, t, e, I, Z) {
             rel: t.externalLinksNewTab ? "noopener noreferrer" : void 0,
             class: "loan-card-progress tw-no-underline tw-block",
             "aria-label": "Loan progress",
-            onClick: o[6] || (o[6] = (n) => e.clickReadMore("Progress", n))
+            onClick: o[7] || (o[7] = (n) => e.clickReadMore("Progress", n))
           }, {
             default: f(() => [
-              d(L, {
+              i(L, {
                 id: "loanProgress",
                 "money-left": e.unreservedAmount,
                 "progress-percent": e.fundraisingPercent,
@@ -166,11 +183,19 @@ function H(k, o, t, e, I, Z) {
             _: 1
           }, 8, ["to", "href", "target", "rel"])) : w("", !0)
         ]),
-        l("div", {
-          class: g(["tw-flex-shrink-0 loan-card-cta", { "tw-w-full": !e.sharesAvailable }]),
+        t.showLightView ? (a(), l("button", {
+          key: 0,
+          class: "tw-ml-2",
+          onClick: o[8] || (o[8] = (n) => e.clickReadMore("View", n))
+        }, [
+          r("span", z, " $" + h(t.customAmountLent), 1),
+          o[12] || (o[12] = r("span", { class: "tw-bg-gray-100 tw-px-1.5 tw-py-1 tw-rounded-r-sm tw-border tw-border-gray-100 tw-text-action tw-font-medium hover:tw-underline tw-text-center tw-cursor-pointer" }, " View ", -1))
+        ])) : (a(), l("div", {
+          key: 1,
+          class: m(["tw-flex-shrink-0 loan-card-cta", { "tw-w-full": !e.sharesAvailable }]),
           style: { height: "40px" }
         }, [
-          d(C, {
+          i(C, {
             loan: t.loan,
             "unreserved-amount": e.unreservedAmount,
             "basket-items": t.basketItems,
@@ -190,32 +215,32 @@ function H(k, o, t, e, I, Z) {
             "primary-button-text": t.primaryButtonText,
             "secondary-button-text": t.secondaryButtonText,
             "secondary-button-handler": t.secondaryButtonHandler,
-            onAddToBasket: o[7] || (o[7] = (n) => k.$emit("add-to-basket", n)),
-            onShowLoanDetails: o[8] || (o[8] = (n) => e.clickReadMore("ViewLoan", n)),
-            onRemoveFromBasket: o[9] || (o[9] = (n) => k.$emit("remove-from-basket", n))
+            onAddToBasket: o[9] || (o[9] = (n) => k.$emit("add-to-basket", n)),
+            onShowLoanDetails: o[10] || (o[10] = (n) => e.clickReadMore("ViewLoan", n)),
+            onRemoveFromBasket: o[11] || (o[11] = (n) => k.$emit("remove-from-basket", n))
           }, null, 8, ["loan", "unreserved-amount", "basket-items", "is-loading", "is-adding", "enable-five-dollars-notes", "five-dollars-selected", "kv-track-function", "show-view-loan", "custom-loan-details", "external-links", "route", "user-balance", "get-cookie", "set-cookie", "is-visitor", "primary-button-text", "secondary-button-text", "secondary-button-handler"])
-        ], 2)
-      ], 64)) : (a(), r(h, { key: 0 }, [
-        l("div", K, [
-          d(c, {
+        ], 2))
+      ], 64)) : (a(), l(g, { key: 0 }, [
+        r("div", U, [
+          i(c, {
             class: "tw-mb-0.5",
             style: { width: "100%", maxWidth: "11rem", height: "1rem" }
           }),
-          d(c, {
+          i(c, {
             class: "tw-rounded",
             style: { width: "100%", maxWidth: "11rem", height: "0.5rem" }
           })
         ]),
-        e.allDataLoaded ? w("", !0) : (a(), i(c, {
+        e.allDataLoaded ? w("", !0) : (a(), s(c, {
           key: 0,
           class: "tw-rounded tw-flex-shrink-0",
           style: { width: "8rem", height: "2.5rem" }
         }))
       ], 64))
     ], 2)
-  ]);
+  ], 2);
 }
-const X = /* @__PURE__ */ A(N, [["render", H], ["__scopeId", "data-v-ff288fb9"]]);
+const X = /* @__PURE__ */ B(N, [["render", G], ["__scopeId", "data-v-12c364c9"]]);
 export {
   $ as KV_COMPACT_LOAN_CARD_FRAGMENT,
   ee as KV_COMPACT_LOAN_CARD_USER_FRAGMENT,

package/dist/vue/KvCompactLoanCard.vue.d.ts

@@ -39,10 +39,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: ArrayConstructor;
         default: () => any[];
     };
-    isBookmarked: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     kvTrackFunction: {
         type: FunctionConstructor;
         required: true;
@@ -123,6 +119,22 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    showLightView: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    truncateWordsNumber: {
+        type: NumberConstructor;
+        default: number;
+    };
+    showCloseButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    customAmountLent: {
+        type: StringConstructor;
+        default: string;
+    };
 }>, {
     allDataLoaded: import('vue').ComputedRef<boolean>;
     borrowerName: import('vue').ComputedRef<any>;
@@ -143,17 +155,23 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     mdiMapMarker: string;
     mdiHome: string;
     mdiLink: string;
+    mdiClose: string;
     readMorePath: import('vue').ComputedRef<any>;
     state: import('vue').ComputedRef<any>;
     tag: import('vue').ComputedRef<"router-link" | "a">;
     unreservedAmount: import('vue').ComputedRef<any>;
     sharesAvailable: import('vue').ComputedRef<boolean>;
+    customStyle: import('vue').ComputedRef<{
+        height: string;
+        maxHeight: string;
+    }>;
     clickReadMore: (target: string, event: Event) => void;
     trackWebsiteClick: () => void;
+    handleCloseButton: (event: any) => void;
 }, {}, {
     lendersNumber(): any;
     amountLent(): any;
-}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("add-to-basket" | "remove-from-basket" | "jump-filter-page" | "close-button")[], "add-to-basket" | "remove-from-basket" | "jump-filter-page" | "close-button", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     loanId: {
         type: NumberConstructor;
         default: any;
@@ -190,10 +208,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: ArrayConstructor;
         default: () => any[];
     };
-    isBookmarked: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     kvTrackFunction: {
         type: FunctionConstructor;
         required: true;
@@ -274,7 +288,28 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & Readonly<{}>, {
+    showLightView: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    truncateWordsNumber: {
+        type: NumberConstructor;
+        default: number;
+    };
+    showCloseButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    customAmountLent: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    "onAdd-to-basket"?: (...args: any[]) => any;
+    "onRemove-from-basket"?: (...args: any[]) => any;
+    "onJump-filter-page"?: (...args: any[]) => any;
+    "onClose-button"?: (...args: any[]) => any;
+}>, {
     loan: Record<string, any>;
     externalLinks: boolean;
     customLoanDetails: boolean;
@@ -282,6 +317,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     categoryPageName: string;
     customCallouts: unknown[];
     customHref: string;
+    truncateWordsNumber: number;
     basketItems: unknown[];
     isAdding: boolean;
     enableFiveDollarsNotes: boolean;
@@ -295,7 +331,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     primaryButtonText: string;
     secondaryButtonText: string;
     secondaryButtonHandler: Function;
-    isBookmarked: boolean;
     showTags: boolean;
     isTeamPick: boolean;
     showContributors: boolean;
@@ -303,6 +338,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     businessName: string;
     website: string;
     showLoanUse: boolean;
+    showLightView: boolean;
+    showCloseButton: boolean;
+    customAmountLent: string;
 }, {}, {
     KvBorrowerImage: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         alt: {
@@ -415,6 +453,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        showReadMore: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        truncateWordsNumber: {
+            type: NumberConstructor;
+            default: number;
+        };
     }>, {}, {}, {
         helpLanguage(): "helps" | "helped";
         isDirect(): boolean;
@@ -470,6 +516,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        showReadMore: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        truncateWordsNumber: {
+            type: NumberConstructor;
+            default: number;
+        };
     }>> & Readonly<{}>, {
         name: string;
         use: string;
@@ -483,6 +537,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         boldName: boolean;
         country: string;
         useIndicativeHelpText: boolean;
+        showReadMore: boolean;
+        truncateWordsNumber: number;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     KvMaterialIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         icon: {
@@ -1130,36 +1186,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             required: true;
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    KvLoanBookmark: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        isBookmarked: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>, {}, {
-        mdiBookmarkOutline: string;
-        mdiBookmark: string;
-    }, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        isBookmarked: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & Readonly<{}>, {
-        isBookmarked: boolean;
-    }, {}, {
-        KvMaterialIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            icon: {
-                type: StringConstructor;
-                default: string;
-            };
-        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            icon: {
-                type: StringConstructor;
-                default: string;
-            };
-        }>> & Readonly<{}>, {
-            icon: string;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     KvLoanTeamPick: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
     KvLoanProgressGroup: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         moneyLeft: {