@kiva/kv-components 8.19.2 → 8.20.0

package/dist/vue/KvCommentsListItem2.js

@@ -58,7 +58,7 @@ const B = "reply-comment", U = "like-comment", r = "add-reaction", J = {
     const {
       comment: t,
       userPublicId: h
-    } = M(f), o = u(!1), c = u(null), s = u(), i = u(!1), I = n(() => {
+    } = M(f), a = u(!1), c = u(null), s = u(), i = u(!1), I = n(() => {
       var e;
       return ((e = t == null ? void 0 : t.value) == null ? void 0 : e.text) ?? "";
     }), d = n(() => {
@@ -77,26 +77,26 @@ const B = "reply-comment", U = "like-comment", r = "add-reaction", J = {
       var e, l;
       return ((l = (e = t == null ? void 0 : t.value) == null ? void 0 : e.children) == null ? void 0 : l.like) ?? [];
     }), g = n(() => L.value.find((e) => e.publicLenderId === h.value)), b = n(() => g.value !== void 0), k = () => {
-      o.value = !o.value, x(() => {
-        o.value && c.value.$refs.input.focus();
+      a.value = !a.value, x(() => {
+        a.value && c.value.$refs.input.focus();
       });
     }, N = (e, l) => {
       var v;
-      const a = {
+      const o = {
         reaction: e,
         id: ((v = t == null ? void 0 : t.value) == null ? void 0 : v.id) ?? null,
         isChild: !0,
         value: l
       };
-      m(r, a);
+      m(r, o);
     }, O = () => {
-      o.value = !1;
+      a.value = !1;
     }, R = n(() => {
-      var e, l, a;
-      return ((a = (l = (e = t == null ? void 0 : t.value) == null ? void 0 : e.children) == null ? void 0 : l.like) == null ? void 0 : a.length) ?? 0;
+      var e, l, o;
+      return ((o = (l = (e = t == null ? void 0 : t.value) == null ? void 0 : e.children) == null ? void 0 : l.like) == null ? void 0 : o.length) ?? 0;
     }), T = n(() => {
-      var e, l, a;
-      return ((a = (l = (e = t == null ? void 0 : t.value) == null ? void 0 : e.children) == null ? void 0 : l.comment) == null ? void 0 : a.length) ?? 0;
+      var e, l, o;
+      return ((o = (l = (e = t == null ? void 0 : t.value) == null ? void 0 : e.children) == null ? void 0 : l.comment) == null ? void 0 : o.length) ?? 0;
     }), _ = () => {
       i.value = !i.value;
     }, p = A("fetchLenderInfo");
@@ -107,7 +107,7 @@ const B = "reply-comment", U = "like-comment", r = "add-reaction", J = {
       }
     }), {
       hideInput: O,
-      showInput: o,
+      showInput: a,
       commentsAddRef: c,
       replyClick: k,
       addReaction: N,

package/dist/vue/KvCompactLoanCard.css

@@ -1 +1 @@
-.loan-card-use[data-v-daea2e7e]:hover,.loan-card-use[data-v-daea2e7e]:focus{--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1))}.loan-card-active-hover:hover .loan-card-use[data-v-daea2e7e]{text-decoration-line:underline}.loan-card-progress[data-v-daea2e7e]:hover,.loan-card-progress[data-v-daea2e7e]:focus{text-decoration-line:none}.loan-card-use-text[data-v-daea2e7e] p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden;text-overflow:ellipsis}.loan-card-cta[data-v-daea2e7e] form,.loan-card-cta[data-v-daea2e7e] fieldset,.loan-card-cta[data-v-daea2e7e] .tw-w-full,.loan-card-cta[data-v-daea2e7e] button{height:40px!important;max-height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important}.loan-card-cta[data-v-daea2e7e] .tw-inline-flex{height:40px!important;max-height:40px!important;min-height:40px!important}[data-v-daea2e7e] .amount-dropdown select{height:2.25rem;--tw-border-opacity: 1;border-color:rgb(245 245 245 / var(--tw-border-opacity, 1));padding-left:.5rem}[data-v-daea2e7e] .goal-variant-callouts span{font-weight:500}.goal-variant-progress-group[data-v-daea2e7e] div[role=progressbar]{background-color:#d9d9d9}
+.loan-card-use[data-v-02aa45c6]:hover,.loan-card-use[data-v-02aa45c6]:focus{--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1))}.loan-card-active-hover:hover .loan-card-use[data-v-02aa45c6]{text-decoration-line:underline}.loan-card-progress[data-v-02aa45c6]:hover,.loan-card-progress[data-v-02aa45c6]:focus{text-decoration-line:none}.loan-card-use-text[data-v-02aa45c6] p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden;text-overflow:ellipsis}.loan-card-cta[data-v-02aa45c6] form,.loan-card-cta[data-v-02aa45c6] fieldset,.loan-card-cta[data-v-02aa45c6] .tw-w-full,.loan-card-cta[data-v-02aa45c6] button{height:40px!important;max-height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important}.loan-card-cta[data-v-02aa45c6] .tw-inline-flex{height:40px!important;max-height:40px!important;min-height:40px!important}[data-v-02aa45c6] .amount-dropdown select{height:2.25rem;--tw-border-opacity: 1;border-color:rgb(245 245 245 / var(--tw-border-opacity, 1));padding-left:.5rem}[data-v-02aa45c6] .goal-variant-callouts span{font-weight:500}.goal-variant-progress-group[data-v-02aa45c6] div[role=progressbar]{background-color:#d9d9d9}

package/dist/vue/KvCompactLoanCard.js

@@ -1,6 +1,6 @@
 import B from "./KvCompactLoanCard2.js";
-import { KV_COMPACT_LOAN_CARD_FRAGMENT as oe, KV_COMPACT_LOAN_CARD_USER_FRAGMENT as le } from "./KvCompactLoanCard2.js";
-import { resolveComponent as w, openBlock as n, createElementBlock as l, normalizeClass as s, createVNode as i, createCommentVNode as m, createElementVNode as r, normalizeStyle as b, createBlock as d, resolveDynamicComponent as g, withCtx as f, toDisplayString as c, withModifiers as R, Fragment as u, renderList as v } from "vue";
+import { KV_COMPACT_LOAN_CARD_FRAGMENT as nt, KV_COMPACT_LOAN_CARD_USER_FRAGMENT as lt } from "./KvCompactLoanCard2.js";
+import { resolveComponent as d, openBlock as o, createElementBlock as l, normalizeClass as s, createVNode as i, createCommentVNode as m, createElementVNode as r, normalizeStyle as b, createBlock as w, resolveDynamicComponent as u, withCtx as k, toDisplayString as c, withModifiers as R, Fragment as g, renderList as v } from "vue";
 import "./KvCompactLoanCard.css";
 import G from "../_virtual/_plugin-vue_export-helper.js";
 const S = ["aria-busy"], D = { class: "tw-flex tw-flex-col tw-items-start tw-w-full" }, U = {
@@ -16,173 +16,173 @@ const S = ["aria-busy"], D = { class: "tw-flex tw-flex-col tw-items-start tw-w-f
   class: "tw-flex-1 tw-min-w-0",
   style: { "max-width": "6.5rem" }
 }, Z = ["value"], q = { class: "tw-flex-1 tw-min-w-0" }, J = { class: "tw-p-1 tw-rounded-l-sm tw-border tw-border-gray-100 tw-border-r-0" };
-function Q(k, o, t, e, X, y) {
+function Q(f, n, e, t, X, y) {
   var L;
-  const _ = w("kv-material-icon"), h = w("kv-loading-placeholder"), P = w("kv-borrower-image"), C = w("kv-loan-tag"), V = w("kv-loan-use"), M = w("kv-loan-callouts"), x = w("kv-loan-progress-group"), N = w("kv-select"), A = w("kv-lend-cta");
-  return n(), l("div", {
+  const _ = d("kv-material-icon"), h = d("kv-loading-placeholder"), P = d("kv-borrower-image"), C = d("kv-loan-tag"), V = d("kv-loan-use"), M = d("kv-loan-callouts"), x = d("kv-loan-progress-group"), N = d("kv-select"), A = d("kv-lend-cta");
+  return o(), l("div", {
     class: s(["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.showRefreshButton,
-      "!tw-p-1.5": t.showLightView || e.isPostGoalVariant
+      "tw-relative": e.showRefreshButton,
+      "!tw-p-1.5": e.showLightView || t.isPostGoalVariant
     }]),
-    "aria-busy": e.isLoading ? "true" : "false"
+    "aria-busy": t.isLoading ? "true" : "false"
   }, [
-    t.showRefreshButton ? (n(), l("button", {
+    e.showRefreshButton ? (o(), l("button", {
       key: 0,
       class: "tw-absolute tw--top-1 tw--right-1 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] = (...a) => e.handleRefreshButton && e.handleRefreshButton(...a))
+      onClick: n[0] || (n[0] = (...a) => t.handleRefreshButton && t.handleRefreshButton(...a))
     }, [
       i(_, {
-        icon: e.mdiCached,
+        icon: t.mdiCached,
         class: "tw-w-2.5 tw-h-2.5 tw--scale-x-100 tw-text-gray-500"
       }, null, 8, ["icon"])
     ])) : m("", !0),
     r("div", D, [
       r("div", {
         class: s(["tw-flex tw-items-start tw-gap-2 tw-w-full loan-card-active-hover", {
-          "!tw-gap-1": t.showLightView,
-          "!tw-gap-1.5 md:!tw-gap-2.5": e.isPostGoalVariant
+          "!tw-gap-1": e.showLightView,
+          "!tw-gap-1.5 md:!tw-gap-2.5": t.isPostGoalVariant
         }]),
-        style: b(e.customStyle)
+        style: b(t.customStyle)
       }, [
-        e.isLoading ? (n(), d(h, {
+        t.isLoading ? (o(), w(h, {
           key: 0,
           "aria-hidden": "true",
           class: s({
-            "!tw-w-7.5 !tw-h-7.5": t.showLightView,
-            "!tw-w-7.5 !tw-h-7.5 md:!tw-w-12.5 md:!tw-h-12.5": e.isPostGoalVariant
+            "!tw-w-7.5 !tw-h-7.5": e.showLightView,
+            "!tw-w-7.5 !tw-h-7.5 md:!tw-w-12.5 md:!tw-h-12.5": t.isPostGoalVariant
           }),
-          style: b(e.borrowerImageStyle)
-        }, null, 8, ["class", "style"])) : (n(), l("div", U, [
-          (n(), d(g(e.tag), {
-            to: e.readMorePath,
-            href: e.readMorePath,
-            target: t.externalLinksNewTab ? "_blank" : void 0,
-            rel: t.externalLinksNewTab ? "noopener noreferrer" : void 0,
+          style: b(t.borrowerImageStyle)
+        }, null, 8, ["class", "style"])) : (o(), l("div", U, [
+          (o(), w(u(t.tag), {
+            to: t.readMorePath,
+            href: t.readMorePath,
+            target: e.externalLinksNewTab ? "_blank" : void 0,
+            rel: e.externalLinksNewTab ? "noopener noreferrer" : void 0,
             class: "tw-flex",
             "aria-label": "Borrower image",
-            onClick: o[1] || (o[1] = (a) => e.clickReadMore("Photo", a))
+            onClick: n[1] || (n[1] = (a) => t.clickReadMore("Photo", a))
           }, {
-            default: f(() => [
+            default: k(() => [
               i(P, {
                 class: s(["tw-bg-gray-300 tw-rounded-sm tw-object-cover tw-bg-clip-content", {
-                  "!tw-w-7.5 !tw-h-7.5": t.showLightView,
-                  "!tw-w-7.5 !tw-h-7.5 md:!tw-w-12.5 md:!tw-h-12.5": e.isPostGoalVariant
+                  "!tw-w-7.5 !tw-h-7.5": e.showLightView,
+                  "!tw-w-7.5 !tw-h-7.5 md:!tw-w-12.5 md:!tw-h-12.5": t.isPostGoalVariant
                 }]),
-                style: b(e.borrowerImageStyle),
-                alt: `Photo of ${e.borrowerName}`,
+                style: b(t.borrowerImageStyle),
+                alt: `Photo of ${t.borrowerName}`,
                 "aspect-ratio": 1,
                 "default-image": { width: 200, faceZoom: 50 },
-                hash: e.imageHash,
+                hash: t.imageHash,
                 images: [{ width: 200, faceZoom: 50 }],
-                "photo-path": t.photoPath
+                "photo-path": e.photoPath
               }, null, 8, ["class", "style", "alt", "hash", "photo-path"])
             ]),
             _: 1
           }, 8, ["to", "href", "target", "rel"]))
         ])),
         r("div", {
-          class: s(["tw-flex tw-flex-col tw-items-start tw-gap-1 tw-flex-1 tw-min-w-0", { "!tw-gap-0": e.isPostGoalVariant }])
+          class: s(["tw-flex tw-flex-col tw-items-start tw-gap-1 tw-flex-1 tw-min-w-0", { "!tw-gap-0": t.isPostGoalVariant }])
         }, [
-          t.businessName ? (n(), l("div", I, [
-            (n(), d(g(e.tag), {
-              to: e.readMorePath,
-              href: e.readMorePath,
-              target: t.externalLinksNewTab ? "_blank" : void 0,
-              rel: t.externalLinksNewTab ? "noopener noreferrer" : void 0,
+          e.businessName ? (o(), l("div", I, [
+            (o(), w(u(t.tag), {
+              to: t.readMorePath,
+              href: t.readMorePath,
+              target: e.externalLinksNewTab ? "_blank" : void 0,
+              rel: e.externalLinksNewTab ? "noopener noreferrer" : void 0,
               class: "tw-no-underline hover:tw-underline focus:tw-no-underline",
               "aria-label": "Business name",
-              onClick: o[2] || (o[2] = (a) => e.clickReadMore("Business", a))
+              onClick: n[2] || (n[2] = (a) => t.clickReadMore("Business", a))
             }, {
-              default: f(() => [
-                r("h3", W, c(t.businessName), 1)
+              default: k(() => [
+                r("h3", W, c(e.businessName), 1)
               ]),
               _: 1
             }, 8, ["to", "href", "target", "rel"])),
-            t.website ? (n(), l("a", {
+            e.website ? (o(), l("a", {
               key: 0,
-              href: e.formattedWebsite,
+              href: t.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[3] || (o[3] = R((...a) => e.trackWebsiteClick && e.trackWebsiteClick(...a), ["stop"]))
+              onClick: n[3] || (n[3] = R((...a) => t.trackWebsiteClick && t.trackWebsiteClick(...a), ["stop"]))
             }, [
               i(_, {
-                icon: e.mdiLink,
+                icon: t.mdiLink,
                 class: "tw-w-2 tw-h-2"
               }, null, 8, ["icon"]),
-              r("span", F, c(t.website), 1)
+              r("span", F, c(e.website), 1)
             ], 8, E)) : m("", !0)
           ])) : m("", !0),
-          e.isLoading ? m("", !0) : (n(), d(g(e.tag), {
+          t.isLoading ? m("", !0) : (o(), w(u(t.tag), {
             key: 1,
-            to: e.readMorePath,
-            href: e.readMorePath,
-            target: t.externalLinksNewTab ? "_blank" : void 0,
-            rel: t.externalLinksNewTab ? "noopener noreferrer" : void 0,
+            to: t.readMorePath,
+            href: t.readMorePath,
+            target: e.externalLinksNewTab ? "_blank" : void 0,
+            rel: e.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[4] || (o[4] = (a) => e.clickReadMore("Tag", a))
+            onClick: n[4] || (n[4] = (a) => t.clickReadMore("Tag", a))
           }, {
-            default: f(() => [
-              t.showTags ? (n(), d(C, {
+            default: k(() => [
+              e.showTags ? (o(), w(C, {
                 key: 0,
                 class: s({
-                  "tw-mb-1 !tw-font-medium": e.isPostGoalVariant
+                  "tw-mb-1 !tw-font-medium": t.isPostGoalVariant
                 }),
-                loan: t.loan,
-                "enable-multi-matching": t.enableMultiMatching
+                loan: e.loan,
+                "enable-multi-matching": e.enableMultiMatching
               }, null, 8, ["class", "loan", "enable-multi-matching"])) : m("", !0)
             ]),
             _: 1
           }, 8, ["to", "href", "target", "rel"])),
-          e.isPostGoalVariant ? (n(), l(u, { key: 2 }, [
-            e.isLoading ? (n(), l(u, { key: 0 }, v(4, (a) => i(h, {
+          t.isPostGoalVariant ? (o(), l(g, { key: 2 }, [
+            t.isLoading ? (o(), l(g, { key: 0 }, v(4, (a) => i(h, {
               key: a,
               class: "tw-mb-0.5 md:!tw-mb-1.5 !tw-w-full !tw-h-1.5 md:!tw-h-2"
-            })), 64)) : (n(), l("p", {
+            })), 64)) : (o(), l("p", {
               key: 1,
               class: "tw-text-small tw-mb-0 tw-leading-normal",
               style: { "line-height": "150%" },
-              title: e.statementTitle,
+              title: t.statementTitle,
               "data-testid": "loan-use-statement"
             }, [
-              r("span", null, c(e.loanUsePrefixStart), 1),
-              r("span", j, c(e.borrowerNameWithCountry), 1),
-              r("span", null, c(e.loanUsePrefixEnd), 1),
-              r("span", null, c(e.visibleUseStatement), 1)
+              r("span", null, c(t.loanUsePrefixStart), 1),
+              r("span", j, c(t.borrowerNameWithCountry), 1),
+              r("span", null, c(t.loanUsePrefixEnd), 1),
+              r("span", null, c(t.visibleUseStatement), 1)
             ], 8, O))
-          ], 64)) : t.showLoanUse ? (n(), d(g(e.tag), {
+          ], 64)) : e.showLoanUse ? (o(), w(u(t.tag), {
             key: 3,
-            to: e.readMorePath,
-            href: e.readMorePath,
-            target: t.externalLinksNewTab ? "_blank" : void 0,
-            rel: t.externalLinksNewTab ? "noopener noreferrer" : void 0,
+            to: t.readMorePath,
+            href: t.readMorePath,
+            target: e.externalLinksNewTab ? "_blank" : void 0,
+            rel: e.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[5] || (o[5] = (a) => e.clickReadMore("Use", a))
+            onClick: n[5] || (n[5] = (a) => t.clickReadMore("Use", a))
           }, {
-            default: f(() => [
-              e.isLoading ? (n(), l("div", K, [
-                (n(!0), l(u, null, v([...Array(e.loanUseLoadingRows)], (a, T) => (n(), l("div", {
+            default: k(() => [
+              t.isLoading ? (o(), l("div", K, [
+                (o(!0), l(g, null, v([...Array(t.loanUseLoadingRows)], (a, T) => (o(), l("div", {
                   key: T,
                   class: "tw-h-2 tw-mb-1"
                 }, [
                   i(h)
                 ]))), 128))
-              ])) : (n(), l("div", {
+              ])) : (o(), l("div", {
                 key: 1,
-                class: s(["loan-card-use-text tw-w-full tw-overflow-hidden", { "!tw--mt-1": t.showTags && y.hasMatchingInfo && t.showLightView }])
+                class: s(["loan-card-use-text tw-w-full tw-overflow-hidden", { "!tw--mt-1": e.showTags && y.hasMatchingInfo && e.showLightView }])
               }, [
                 i(V, {
-                  use: e.loanUse,
-                  "loan-amount": e.loanAmount,
-                  status: e.loanStatus,
-                  "borrower-count": e.loanBorrowerCount,
-                  name: e.borrowerName,
-                  "distribution-model": e.distributionModel,
+                  use: t.loanUse,
+                  "loan-amount": t.loanAmount,
+                  status: t.loanStatus,
+                  "borrower-count": t.loanBorrowerCount,
+                  name: t.borrowerName,
+                  "distribution-model": t.distributionModel,
                   "bold-name": !0,
-                  country: e.formattedLocation,
-                  "show-read-more": t.showLightView,
-                  "truncate-words-number": t.truncateWordsNumber,
+                  country: t.formattedLocation,
+                  "show-read-more": e.showLightView,
+                  "truncate-words-number": e.truncateWordsNumber,
                   class: "tw-text-small tw-leading-tight"
                 }, null, 8, ["use", "loan-amount", "status", "borrower-count", "name", "distribution-model", "country", "show-read-more", "truncate-words-number"])
               ], 2))
@@ -191,45 +191,45 @@ function Q(k, o, t, e, X, y) {
           }, 8, ["to", "href", "target", "rel"])) : m("", !0)
         ], 2)
       ], 6),
-      e.isLoading || typeof e.loanCallouts > "u" ? (n(), d(h, {
+      t.isLoading || typeof t.loanCallouts > "u" ? (o(), w(h, {
         key: 0,
         class: "tw-mt-1.5 tw-mb-1 tw-rounded-full",
         style: { width: "60%", height: "1.5rem" }
-      })) : (n(), d(M, {
+      })) : (o(), w(M, {
         key: 1,
-        callouts: e.loanCallouts,
-        class: s(["tw-mt-1.5", { "goal-variant-callouts": e.isPostGoalVariant }]),
-        onClick: o[6] || (o[6] = (a) => k.$emit("jump-filter-page", a))
+        callouts: t.loanCallouts,
+        class: s(["tw-mt-1.5", { "goal-variant-callouts": t.isPostGoalVariant }]),
+        onClick: n[6] || (n[6] = (a) => f.$emit("jump-filter-page", a))
       }, null, 8, ["callouts", "class"]))
     ]),
     r("div", {
       class: s(["tw-flex tw-items-center tw-justify-between tw-w-full tw-mt-1", {
-        "tw-gap-1": e.sharesAvailable,
-        "!tw-items-end !tw-gap-2": e.isPostGoalVariant
+        "tw-gap-1": t.sharesAvailable,
+        "!tw-items-end !tw-gap-2": t.isPostGoalVariant
       }])
     }, [
-      e.hasProgressData ? e.isPostGoalVariant ? (n(), l(u, { key: 1 }, [
+      t.hasProgressData ? t.isPostGoalVariant ? (o(), l(g, { key: 1 }, [
         r("div", H, [
           i(x, {
-            "money-left": e.unreservedAmount,
-            "progress-percent": e.fundraisingPercent,
+            "money-left": t.unreservedAmount,
+            "progress-percent": t.fundraisingPercent,
             class: "tw-text-black goal-variant-progress-group"
           }, null, 8, ["money-left", "progress-percent"])
         ]),
         r("div", null, [
           i(N, {
-            id: `PostGoalAmountDropdown_${((L = t.loan) == null ? void 0 : L.id) ?? t.loanId}`,
-            modelValue: e.selectedAmount,
+            id: `PostGoalAmountDropdown_${((L = e.loan) == null ? void 0 : L.id) ?? e.loanId}`,
+            modelValue: t.selectedAmount,
             "onUpdate:modelValue": [
-              o[7] || (o[7] = (a) => e.selectedAmount = a),
-              e.handleSelectedAmount
+              n[7] || (n[7] = (a) => t.selectedAmount = a),
+              t.handleSelectedAmount
             ],
             "aria-label": "Lend amount",
-            disabled: !e.amountOptions.length || y.isInBasket,
+            disabled: !t.amountOptions.length || y.isInBasket,
             class: "amount-dropdown"
           }, {
-            default: f(() => [
-              (n(!0), l(u, null, v(e.amountOptions, (a) => (n(), l("option", {
+            default: k(() => [
+              (o(!0), l(g, null, v(t.amountOptions, (a) => (o(), l("option", {
                 key: a,
                 value: a
               }, " $" + c(a), 9, Z))), 128))
@@ -237,67 +237,67 @@ function Q(k, o, t, e, X, y) {
             _: 1
           }, 8, ["id", "modelValue", "disabled", "onUpdate:modelValue"])
         ])
-      ], 64)) : (n(), l(u, { key: 2 }, [
+      ], 64)) : (o(), l(g, { key: 2 }, [
         r("div", q, [
-          e.sharesAvailable ? (n(), d(g(e.tag), {
+          t.sharesAvailable ? (o(), w(u(t.tag), {
             key: 0,
-            to: e.readMorePath,
-            href: e.readMorePath,
-            target: t.externalLinksNewTab ? "_blank" : void 0,
-            rel: t.externalLinksNewTab ? "noopener noreferrer" : void 0,
+            to: t.readMorePath,
+            href: t.readMorePath,
+            target: e.externalLinksNewTab ? "_blank" : void 0,
+            rel: e.externalLinksNewTab ? "noopener noreferrer" : void 0,
             class: "loan-card-progress tw-no-underline tw-block",
             "aria-label": "Loan progress",
-            onClick: o[8] || (o[8] = (a) => e.clickReadMore("Progress", a))
+            onClick: n[8] || (n[8] = (a) => t.clickReadMore("Progress", a))
           }, {
-            default: f(() => [
+            default: k(() => [
               i(x, {
                 id: "loanProgress",
-                "money-left": e.unreservedAmount,
-                "progress-percent": e.fundraisingPercent,
+                "money-left": t.unreservedAmount,
+                "progress-percent": t.fundraisingPercent,
                 class: "tw-text-black"
               }, null, 8, ["money-left", "progress-percent"])
             ]),
             _: 1
           }, 8, ["to", "href", "target", "rel"])) : m("", !0)
         ]),
-        t.showLightView ? (n(), l("button", {
+        e.showLightView ? (o(), l("button", {
           key: 0,
           class: "tw-ml-2",
-          onClick: o[9] || (o[9] = (a) => e.clickReadMore("View", a))
+          onClick: n[9] || (n[9] = (a) => t.clickReadMore("View", a))
         }, [
-          r("span", J, " $" + c(t.customAmountLent), 1),
-          o[13] || (o[13] = 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))
-        ])) : (n(), l("div", {
+          r("span", J, " $" + c(e.customAmountLent), 1),
+          n[13] || (n[13] = 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))
+        ])) : (o(), l("div", {
           key: 1,
-          class: s(["tw-flex-shrink-0 loan-card-cta", { "tw-w-full": !e.sharesAvailable }]),
+          class: s(["tw-flex-shrink-0 loan-card-cta", { "tw-w-full": !t.sharesAvailable }]),
           style: { height: "40px" }
         }, [
           i(A, {
-            loan: t.loan,
-            "unreserved-amount": e.unreservedAmount,
-            "basket-items": t.basketItems,
-            "is-loading": e.isLoading,
-            "is-adding": t.isAdding,
-            "enable-five-dollars-notes": t.enableFiveDollarsNotes,
-            "five-dollars-selected": t.fiveDollarsSelected,
-            "kv-track-function": t.kvTrackFunction,
-            "show-view-loan": t.showViewLoan,
-            "custom-loan-details": t.customLoanDetails,
-            "external-links": t.externalLinks,
-            route: t.route,
-            "user-balance": t.userBalance,
-            "get-cookie": t.getCookie,
-            "set-cookie": t.setCookie,
-            "is-visitor": t.isVisitor,
-            "primary-button-text": t.primaryButtonText,
-            "secondary-button-text": t.secondaryButtonText,
-            "secondary-button-handler": t.secondaryButtonHandler,
-            onAddToBasket: o[10] || (o[10] = (a) => k.$emit("add-to-basket", a)),
-            onShowLoanDetails: o[11] || (o[11] = (a) => e.clickReadMore("ViewLoan", a)),
-            onRemoveFromBasket: o[12] || (o[12] = (a) => k.$emit("remove-from-basket", a))
+            loan: e.loan,
+            "unreserved-amount": t.unreservedAmount,
+            "basket-items": e.basketItems,
+            "is-loading": t.isLoading,
+            "is-adding": e.isAdding,
+            "enable-five-dollars-notes": e.enableFiveDollarsNotes,
+            "five-dollars-selected": e.fiveDollarsSelected,
+            "kv-track-function": e.kvTrackFunction,
+            "show-view-loan": e.showViewLoan,
+            "custom-loan-details": e.customLoanDetails,
+            "external-links": e.externalLinks,
+            route: e.route,
+            "user-balance": e.userBalance,
+            "get-cookie": e.getCookie,
+            "set-cookie": e.setCookie,
+            "is-visitor": e.isVisitor,
+            "primary-button-text": e.primaryButtonText,
+            "secondary-button-text": e.secondaryButtonText,
+            "secondary-button-handler": e.secondaryButtonHandler,
+            onAddToBasket: n[10] || (n[10] = (a) => f.$emit("add-to-basket", a)),
+            onShowLoanDetails: n[11] || (n[11] = (a) => t.clickReadMore("ViewLoan", a)),
+            onRemoveFromBasket: n[12] || (n[12] = (a) => f.$emit("remove-from-basket", a))
           }, 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)) : (n(), l(u, { key: 0 }, [
+      ], 64)) : (o(), l(g, { key: 0 }, [
         r("div", z, [
           i(h, {
             class: "tw-mb-0.5",
@@ -308,7 +308,7 @@ function Q(k, o, t, e, X, y) {
             style: { width: "100%", maxWidth: "11rem", height: "0.5rem" }
           })
         ]),
-        e.allDataLoaded ? m("", !0) : (n(), d(h, {
+        t.allDataLoaded ? m("", !0) : (o(), w(h, {
           key: 0,
           class: "tw-rounded tw-flex-shrink-0",
           style: { width: "8rem", height: "2.5rem" }
@@ -317,9 +317,9 @@ function Q(k, o, t, e, X, y) {
     ], 2)
   ], 10, S);
 }
-const te = /* @__PURE__ */ G(B, [["render", Q], ["__scopeId", "data-v-daea2e7e"]]);
+const et = /* @__PURE__ */ G(B, [["render", Q], ["__scopeId", "data-v-02aa45c6"]]);
 export {
-  oe as KV_COMPACT_LOAN_CARD_FRAGMENT,
-  le as KV_COMPACT_LOAN_CARD_USER_FRAGMENT,
-  te as default
+  nt as KV_COMPACT_LOAN_CARD_FRAGMENT,
+  lt as KV_COMPACT_LOAN_CARD_USER_FRAGMENT,
+  et as default
 };

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

@@ -199,7 +199,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     amountLent(): any;
     isInBasket(): any;
     hasMatchingInfo(): boolean;
-}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("show-loan-details" | "add-to-basket" | "remove-from-basket" | "jump-filter-page" | "refresh-button" | "update:selected-amount")[], "show-loan-details" | "add-to-basket" | "remove-from-basket" | "jump-filter-page" | "refresh-button" | "update:selected-amount", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("show-loan-details" | "add-to-basket" | "jump-filter-page" | "remove-from-basket" | "refresh-button" | "update:selected-amount")[], "show-loan-details" | "add-to-basket" | "jump-filter-page" | "remove-from-basket" | "refresh-button" | "update:selected-amount", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     variant: {
         type: StringConstructor;
         default: "default";
@@ -344,8 +344,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>> & Readonly<{
     "onAdd-to-basket"?: (...args: any[]) => any;
     "onShow-loan-details"?: (...args: any[]) => any;
-    "onRemove-from-basket"?: (...args: any[]) => any;
     "onJump-filter-page"?: (...args: any[]) => any;
+    "onRemove-from-basket"?: (...args: any[]) => any;
     "onRefresh-button"?: (...args: any[]) => any;
     "onUpdate:selected-amount"?: (...args: any[]) => any;
 }>, {
@@ -747,7 +747,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         clickPresetButton(selectedDollarAmount: any): void;
         handleCheckout(): void;
         isNarrowComponent(): boolean;
-    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("show-loan-details" | "add-to-basket")[], "show-loan-details" | "add-to-basket", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         loan: {
             type: ObjectConstructor;
             default: () => {};
@@ -844,7 +844,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: NumberConstructor;
             default: number;
         };
-    }>> & Readonly<{}>, {
+    }>> & Readonly<{
+        "onAdd-to-basket"?: (...args: any[]) => any;
+        "onShow-loan-details"?: (...args: any[]) => any;
+    }>, {
         loan: Record<string, any>;
         externalLinks: boolean;
         customLoanDetails: boolean;
@@ -891,7 +894,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             buttonText(): string;
         }, {
             addToBasket(event: any): void;
-        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "add-to-basket"[], "add-to-basket", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
             loanId: {
                 type: NumberConstructor;
                 default: any;
@@ -908,7 +911,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
-        }>> & Readonly<{}>, {
+        }>> & Readonly<{
+            "onAdd-to-basket"?: (...args: any[]) => any;
+        }>, {
             loanId: number;
             showNow: boolean;
             amountLeft: string | number;