@kiva/kv-components 10.5.1 → 10.6.1

package/dist/vue/KvClassicLoanCard2.js

@@ -1,255 +0,0 @@
-import N from "./KvClassicLoanCard.js";
-import { KV_CLASSIC_LOAN_CARD_FRAGMENT as ae, KV_CLASSIC_LOAN_CARD_USER_FRAGMET as oe } from "./KvClassicLoanCard.js";
-import { resolveComponent as i, openBlock as a, createElementBlock as s, normalizeStyle as T, normalizeClass as r, createElementVNode as d, createBlock as n, resolveDynamicComponent as v, withCtx as g, createVNode as w, toDisplayString as b, createTextVNode as V, createCommentVNode as c, Fragment as R, renderList as S } from "vue";
-import "./KvClassicLoanCard.css";
-import F from "../_virtual/_plugin-vue_export-helper.js";
-const I = { class: "tw-grow" }, E = { class: "loan-card-active-hover" }, K = {
-  key: 1,
-  class: "tw-relative"
-}, z = { key: 0 }, W = {
-  class: "tw-absolute tw-bottom-1 tw-left-1 tw-text-primary tw-bg-white tw-rounded tw-p-1 tw-mb-0 tw-text-label tw-flex tw-items-center tw-h-3",
-  style: { padding: "2px 6px", "text-transform": "capitalize", "max-width": "calc(100% - 1rem)" }
-}, U = ["id"], j = { class: "tw-mb-1.5 tw-pt-1" }, G = { key: 1 }, H = {
-  key: 0,
-  class: "tw-w-full tw-pt-1 tw-pr-1"
-}, O = {
-  key: 0,
-  class: "tw-text-center tw-w-full tw-mt-1 tw-font-medium"
-}, q = {
-  key: 1,
-  class: "tw-pt-1.5"
-};
-function J(u, o, e, t, Q, m) {
-  const k = i("kv-loading-placeholder"), h = i("kv-borrower-image"), f = i("kv-material-icon"), _ = i("kv-tooltip"), y = i("kv-loan-team-pick"), x = i("kv-loan-bookmark"), C = i("kv-loan-tag"), L = i("kv-loan-use"), A = i("kv-loan-callouts"), M = i("kv-loan-progress-group"), P = i("kv-lend-cta"), B = i("KvLoanActivities");
-  return a(), s("div", {
-    class: r(["tw-flex tw-flex-col tw-bg-white tw-rounded tw-w-full tw-pb-1", { "tw-p-1": !e.largeCard, "tw-pointer-events-none": t.isLoading }]),
-    "data-testid": "loan-card",
-    style: T([{ "box-shadow": "0 4px 12px rgba(0, 0, 0, 0.08)" }, { minWidth: "230px", maxWidth: m.cardWidth }])
-  }, [
-    d("div", I, [
-      d("div", E, [
-        t.isLoading ? (a(), n(k, {
-          key: 0,
-          class: r(["tw-mb-1 tw-w-full", { "tw-rounded-t tw-rounded-b-none": e.largeCard, "!tw-rounded-sm": !e.largeCard }]),
-          style: { height: "15rem" }
-        }, null, 8, ["class"])) : (a(), s("div", K, [
-          (a(), n(v(t.tag), {
-            to: t.readMorePath,
-            href: t.readMorePath,
-            class: "tw-flex",
-            "aria-label": "Borrower image",
-            onClick: o[0] || (o[0] = (l) => t.clickReadMore("Photo", l))
-          }, {
-            default: g(() => [
-              w(h, {
-                class: r(["tw-relative tw-w-full tw-bg-black tw-bg-clip-content", { "tw-rounded-t": e.largeCard, "tw-rounded-sm": !e.largeCard }]),
-                alt: `Photo of ${t.borrowerName}`,
-                "aspect-ratio": m.imageAspectRatio,
-                "default-image": { width: m.imageDefaultWidth },
-                hash: t.imageHash,
-                images: m.imageSizes,
-                "photo-path": e.photoPath
-              }, null, 8, ["class", "alt", "aspect-ratio", "default-image", "hash", "images", "photo-path"]),
-              t.countryName ? (a(), s("div", z, [
-                d("p", W, [
-                  w(f, {
-                    class: "tw-h-2 tw-w-2 tw-flex-shrink-0",
-                    icon: t.mdiMapMarker
-                  }, null, 8, ["icon"]),
-                  d("span", {
-                    id: `loan-location-${e.loanId}`,
-                    ref: "locationRef",
-                    class: "tw-truncate tw-min-w-0",
-                    style: { "margin-top": "0.125rem" }
-                  }, b(t.formattedLocation), 9, U),
-                  t.isLocationTruncated ? (a(), n(_, {
-                    key: 0,
-                    controller: `loan-location-${e.loanId}`,
-                    "max-width": "250px"
-                  }, {
-                    default: g(() => [
-                      V(b(t.formattedLocation), 1)
-                    ]),
-                    _: 1
-                  }, 8, ["controller"])) : c("", !0)
-                ])
-              ])) : c("", !0)
-            ]),
-            _: 1
-          }, 8, ["to", "href"])),
-          e.isTeamPick ? (a(), n(y, {
-            key: 0,
-            class: r(["tw-absolute", { "tw-right-6": !e.isVisitor, "tw-right-0": e.isVisitor }]),
-            style: { top: "-6px" },
-            "data-testid": "loan-card-teampick"
-          }, null, 8, ["class"])) : c("", !0),
-          e.isVisitor ? c("", !0) : (a(), n(x, {
-            key: 1,
-            "loan-id": e.loanId,
-            "is-bookmarked": e.isBookmarked,
-            class: "tw-absolute tw-right-1",
-            style: { top: "-6px" },
-            "data-testid": "loan-card-bookmark",
-            onToggleBookmark: o[1] || (o[1] = (l) => u.$emit("toggle-bookmark"))
-          }, null, 8, ["loan-id", "is-bookmarked"]))
-        ])),
-        (a(), n(v(t.tag), {
-          to: t.readMorePath,
-          href: t.readMorePath,
-          class: r(["tw-flex tw-no-underline hover:tw-no-underline focus:tw-no-underline", { "tw-px-1": e.largeCard }]),
-          "aria-label": "Loan tag",
-          onClick: o[2] || (o[2] = (l) => t.clickReadMore("Tag", l))
-        }, {
-          default: g(() => [
-            e.showTags && !t.isLoading ? (a(), n(C, {
-              key: 0,
-              loan: e.loan,
-              "enable-multi-matching": e.enableMultiMatching
-            }, null, 8, ["loan", "enable-multi-matching"])) : c("", !0)
-          ]),
-          _: 1
-        }, 8, ["to", "href", "class"])),
-        (a(), n(v(t.tag), {
-          to: t.readMorePath,
-          href: t.readMorePath,
-          class: "loan-card-use tw-no-underline tw-text-primary",
-          "aria-label": "Loan use",
-          onClick: o[3] || (o[3] = (l) => t.clickReadMore("Use", l))
-        }, {
-          default: g(() => [
-            d("div", j, [
-              t.isLoading ? (a(), s("div", {
-                key: 0,
-                class: r(["tw-w-full", { "tw-px-1": e.largeCard }]),
-                style: { height: "5.5rem" }
-              }, [
-                (a(!0), s(R, null, S([...Array(4)], (l, D) => (a(), s("div", {
-                  key: D,
-                  class: "tw-h-2 tw-mb-1"
-                }, [
-                  w(k)
-                ]))), 128))
-              ], 2)) : (a(), s("div", G, [
-                w(L, {
-                  use: t.loanUse,
-                  "loan-amount": t.loanAmount,
-                  status: t.loanStatus,
-                  "borrower-count": t.loanBorrowerCount,
-                  name: t.borrowerName,
-                  "distribution-model": t.distributionModel,
-                  class: r({ "tw-px-1": e.largeCard })
-                }, null, 8, ["use", "loan-amount", "status", "borrower-count", "name", "distribution-model", "class"])
-              ]))
-            ])
-          ]),
-          _: 1
-        }, 8, ["to", "href"]))
-      ]),
-      t.isLoading || typeof t.loanCallouts > "u" ? (a(), n(k, {
-        key: 0,
-        class: r(["tw-mt-1.5 tw-mb-1", { "tw-mx-1": e.largeCard }]),
-        style: { width: "60%", height: "1.75rem", "border-radius": "500rem" }
-      }, null, 8, ["class"])) : (a(), n(A, {
-        key: 1,
-        callouts: t.loanCallouts,
-        class: r(["tw-mt-1.5", { "tw-px-1": e.largeCard }]),
-        onClick: o[4] || (o[4] = (l) => u.$emit("jump-filter-page", l))
-      }, null, 8, ["callouts", "class"]))
-    ]),
-    d("div", {
-      class: r(["tw-flex tw-justify-between tw-mt-2", { "tw-px-1": e.largeCard }])
-    }, [
-      t.hasProgressData ? c("", !0) : (a(), s("div", H, [
-        w(k, {
-          class: "tw-mb-0.5",
-          style: { width: "70%", height: "1.3rem" }
-        }),
-        w(k, {
-          class: "tw-rounded",
-          style: { width: "70%", height: "0.5rem" }
-        })
-      ])),
-      d("div", null, [
-        t.sharesAvailable ? (a(), n(v(t.tag), {
-          key: 0,
-          to: t.readMorePath,
-          href: t.readMorePath,
-          class: "loan-card-progress tw-no-underline tw-mt-1",
-          "aria-label": "Loan progress",
-          onClick: o[5] || (o[5] = (l) => t.clickReadMore("Progress", l))
-        }, {
-          default: g(() => [
-            w(M, {
-              id: "loanProgress",
-              "money-left": t.unreservedAmount,
-              "progress-percent": t.fundraisingPercent,
-              class: "tw-text-black"
-            }, null, 8, ["money-left", "progress-percent"])
-          ]),
-          _: 1
-        }, 8, ["to", "href"])) : c("", !0)
-      ]),
-      t.allDataLoaded ? (a(), n(P, {
-        key: 2,
-        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,
-        class: r(["tw-mt-auto", { "tw-w-full": !t.sharesAvailable }]),
-        onAddToBasket: o[6] || (o[6] = (l) => u.$emit("add-to-basket", l)),
-        onShowLoanDetails: o[7] || (o[7] = (l) => t.clickReadMore("ViewLoan", l)),
-        onRemoveFromBasket: o[8] || (o[8] = (l) => u.$emit("remove-from-basket", l))
-      }, 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", "class"])) : (a(), n(k, {
-        key: 1,
-        class: "tw-rounded tw-self-start",
-        style: { width: "9rem", height: "3rem" }
-      }))
-    ], 2),
-    e.showContributors && m.lendersNumber && m.amountLent ? (a(), s("div", O, [
-      d("p", null, b(m.lendersNumber) + " people contributed " + b(m.amountLent), 1)
-    ])) : c("", !0),
-    e.combinedActivities.length > 0 ? (a(), s("div", q, [
-      o[10] || (o[10] = d("hr", { class: "tw-border-tertiary tw-mb-1 tw-w-5/6 tw-mx-auto" }, null, -1)),
-      w(B, {
-        loan: e.loan,
-        "combined-activities": e.combinedActivities,
-        "kv-track-function": e.kvTrackFunction,
-        "basket-items": e.basketItems,
-        "is-adding": e.isAdding,
-        "enable-five-dollars-notes": e.enableFiveDollarsNotes,
-        "five-dollars-selected": e.fiveDollarsSelected,
-        "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,
-        "error-msg": e.errorMsg,
-        "is-visitor": e.isVisitor,
-        onAddToBasket: o[9] || (o[9] = (l) => u.$emit("add-to-basket", l))
-      }, null, 8, ["loan", "combined-activities", "kv-track-function", "basket-items", "is-adding", "enable-five-dollars-notes", "five-dollars-selected", "show-view-loan", "custom-loan-details", "external-links", "route", "user-balance", "get-cookie", "set-cookie", "error-msg", "is-visitor"])
-    ])) : c("", !0)
-  ], 6);
-}
-const $ = /* @__PURE__ */ F(N, [["render", J], ["__scopeId", "data-v-44561e04"]]);
-export {
-  ae as KV_CLASSIC_LOAN_CARD_FRAGMENT,
-  oe as KV_CLASSIC_LOAN_CARD_USER_FRAGMET,
-  $ as default
-};

package/dist/vue/KvCompactLoanCard2.js

@@ -1,418 +0,0 @@
-import D from "./KvCompactLoanCard.js";
-import { KV_COMPACT_LOAN_CARD_FRAGMENT as gt, KV_COMPACT_LOAN_CARD_USER_FRAGMENT as ft } from "./KvCompactLoanCard.js";
-import { resolveComponent as h, openBlock as a, createElementBlock as l, normalizeClass as c, createVNode as i, createCommentVNode as g, createElementVNode as r, normalizeStyle as _, createBlock as d, resolveDynamicComponent as k, withCtx as f, Fragment as s, toDisplayString as w, withModifiers as R, renderList as u } from "vue";
-import "./KvCompactLoanCard.css";
-import B from "../_virtual/_plugin-vue_export-helper.js";
-const S = ["aria-busy"], G = { class: "tw-flex tw-flex-col tw-items-start tw-w-full" }, U = {
-  key: 1,
-  class: "tw-flex-shrink-0 tw-overflow-hidden"
-}, I = {
-  key: 0,
-  class: "tw-w-full"
-}, W = ["title"], j = { class: "tw-flex tw-items-center tw-gap-0.5 tw-w-full tw-min-w-0" }, E = { class: "tw-text-gray-600 !tw-font-medium tw-text-small tw-leading-normal tw-flex-shrink-0" }, F = ["title"], O = {
-  key: 1,
-  class: "tw-mb-0.5 tw-w-full"
-}, K = { class: "tw-text-primary !tw-font-medium tw-text-base tw-leading-normal tw-truncate" }, z = ["href"], H = { class: "tw-truncate" }, Z = ["title"], q = { class: "tw-font-medium" }, J = {
-  key: 0,
-  "data-testid": "loan-use-loading",
-  class: "tw-w-full tw-overflow-hidden"
-}, Q = {
-  key: 1,
-  class: "loan-card-use-text-light-detailed tw-w-full tw-overflow-hidden"
-}, X = {
-  key: 0,
-  class: "tw-w-full tw-overflow-hidden"
-}, Y = { class: "tw-flex-1 tw-min-w-0 tw-mr-1" }, p = {
-  class: "tw-flex-1 tw-min-w-0 tw-px-0.5",
-  style: { "max-width": "9.75rem" }
-}, $ = { class: "tw-flex tw-items-center tw-gap-2 tw-flex-shrink-0" }, tt = {
-  "data-testid": "light-detailed-amount-pill",
-  class: "tw-border tw-border-gray-100 tw-rounded-sm tw-px-1 tw-py-0.5 tw-text-label tw-text-primary"
-}, et = {
-  class: "tw-flex-1 tw-min-w-0",
-  style: { "max-width": "6.5rem" }
-}, at = ["value"], ot = { class: "tw-flex-1 tw-min-w-0" }, nt = { class: "tw-p-1 tw-rounded-l-sm tw-border tw-border-gray-100 tw-border-r-0" };
-function lt(b, n, e, t, rt, x) {
-  var V;
-  const v = h("kv-material-icon"), m = h("kv-loading-placeholder"), P = h("kv-borrower-image"), C = h("kv-loan-tag"), L = h("kv-loan-use"), M = h("kv-loan-callouts"), y = h("kv-loan-progress-group"), N = h("kv-select"), A = h("kv-lend-cta");
-  return a(), l("div", {
-    class: c(["tw-flex tw-flex-col tw-items-start tw-justify-between tw-p-1 tw-bg-white tw-shadow-lg tw-w-full", {
-      "tw-relative": t.shouldShowRefreshButton,
-      "!tw-p-1.5": e.showLightView || t.isPostGoalVariant,
-      "tw-rounded-md": !t.isLightDetailedVariant,
-      "tw-rounded": t.isLightDetailedVariant
-    }]),
-    "aria-busy": t.isLoading ? "true" : "false"
-  }, [
-    t.shouldShowRefreshButton ? (a(), 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: n[0] || (n[0] = (...o) => t.handleRefreshButton && t.handleRefreshButton(...o))
-    }, [
-      i(v, {
-        icon: t.mdiCached,
-        class: "tw-w-2.5 tw-h-2.5 tw--scale-x-100 tw-text-gray-500"
-      }, null, 8, ["icon"])
-    ])) : g("", !0),
-    r("div", G, [
-      r("div", {
-        class: c(["tw-flex tw-items-start tw-gap-2 tw-w-full loan-card-active-hover", {
-          "!tw-gap-1": e.showLightView || t.isLightDetailedVariant,
-          "!tw-gap-1.5 md:!tw-gap-2.5": t.isPostGoalVariant
-        }]),
-        style: _(t.customStyle)
-      }, [
-        t.isLoading ? (a(), d(m, {
-          key: 0,
-          "aria-hidden": "true",
-          class: c({
-            "!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,
-            "!tw-w-9.5 !tw-h-9.5": t.isLightDetailedVariant
-          }),
-          style: _(t.borrowerImageStyle)
-        }, null, 8, ["class", "style"])) : (a(), l("div", U, [
-          (a(), d(k(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: n[1] || (n[1] = (o) => t.clickReadMore("Photo", o))
-          }, {
-            default: f(() => [
-              i(P, {
-                class: c(["tw-bg-gray-300 tw-rounded-sm tw-object-cover tw-bg-clip-content", {
-                  "!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,
-                  "!tw-w-9.5 !tw-h-9.5": t.isLightDetailedVariant
-                }]),
-                style: _(t.borrowerImageStyle),
-                alt: `Photo of ${t.borrowerName}`,
-                "aspect-ratio": 1,
-                "default-image": { width: 200, faceZoom: 50 },
-                hash: t.imageHash,
-                images: [{ width: 200, faceZoom: 50 }],
-                "photo-path": e.photoPath
-              }, null, 8, ["class", "style", "alt", "hash", "photo-path"])
-            ]),
-            _: 1
-          }, 8, ["to", "href", "target", "rel"]))
-        ])),
-        r("div", {
-          class: c(["tw-flex tw-flex-col tw-items-start tw-gap-1 tw-flex-1 tw-min-w-0", { "!tw-gap-0": t.isPostGoalVariant }])
-        }, [
-          t.isLightDetailedVariant ? (a(), l("div", I, [
-            t.isLoading ? (a(), l(s, { key: 0 }, [
-              i(m, { class: "tw-mb-0.5 !tw-w-full !tw-h-2" }),
-              i(m, { class: "!tw-w-9 !tw-h-2" })
-            ], 64)) : (a(), l(s, { key: 1 }, [
-              r("p", {
-                title: t.borrowerName,
-                class: "tw-text-primary !tw-font-medium tw-text-small tw-leading-normal tw-truncate tw-w-full"
-              }, w(t.borrowerName), 9, W),
-              r("div", j, [
-                r("span", E, w(t.lightDetailedAmount), 1),
-                t.formattedLocation ? (a(), l(s, { key: 0 }, [
-                  n[14] || (n[14] = r("span", {
-                    "aria-hidden": "true",
-                    class: "tw-w-0.5 tw-h-0.5 tw-rounded-full tw-bg-gray-600 tw-flex-shrink-0"
-                  }, null, -1)),
-                  r("span", {
-                    title: t.formattedLocation,
-                    class: "tw-text-gray-600 !tw-font-medium tw-text-small tw-leading-normal tw-truncate tw-min-w-0"
-                  }, w(t.formattedLocation), 9, F)
-                ], 64)) : g("", !0)
-              ])
-            ], 64))
-          ])) : e.businessName ? (a(), l("div", O, [
-            (a(), d(k(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: n[2] || (n[2] = (o) => t.clickReadMore("Business", o))
-            }, {
-              default: f(() => [
-                r("h3", K, w(e.businessName), 1)
-              ]),
-              _: 1
-            }, 8, ["to", "href", "target", "rel"])),
-            e.website ? (a(), l("a", {
-              key: 0,
-              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: n[3] || (n[3] = R((...o) => t.trackWebsiteClick && t.trackWebsiteClick(...o), ["stop"]))
-            }, [
-              i(v, {
-                icon: t.mdiLink,
-                class: "tw-w-2 tw-h-2"
-              }, null, 8, ["icon"]),
-              r("span", H, w(e.website), 1)
-            ], 8, z)) : g("", !0)
-          ])) : g("", !0),
-          !t.isLoading && !t.isLightDetailedVariant ? (a(), d(k(t.tag), {
-            key: 2,
-            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: n[4] || (n[4] = (o) => t.clickReadMore("Tag", o))
-          }, {
-            default: f(() => [
-              e.showTags ? (a(), d(C, {
-                key: 0,
-                class: c({
-                  "tw-mb-1 !tw-font-medium": t.isPostGoalVariant
-                }),
-                loan: e.loan,
-                "enable-multi-matching": e.enableMultiMatching
-              }, null, 8, ["class", "loan", "enable-multi-matching"])) : g("", !0)
-            ]),
-            _: 1
-          }, 8, ["to", "href", "target", "rel"])) : g("", !0),
-          t.isPostGoalVariant ? (a(), l(s, { key: 3 }, [
-            t.isLoading ? (a(), l(s, { key: 0 }, u(4, (o) => i(m, {
-              key: o,
-              class: "tw-mb-0.5 md:!tw-mb-1.5 !tw-w-full !tw-h-1.5 md:!tw-h-2"
-            })), 64)) : (a(), l("p", {
-              key: 1,
-              class: "tw-text-small tw-mb-0 tw-leading-normal",
-              style: { "line-height": "150%" },
-              title: t.statementTitle,
-              "data-testid": "loan-use-statement"
-            }, [
-              r("span", null, w(t.loanUsePrefixStart), 1),
-              r("span", q, w(t.borrowerNameWithCountry), 1),
-              r("span", null, w(t.loanUsePrefixEnd), 1),
-              r("span", null, w(t.visibleUseStatement), 1)
-            ], 8, Z))
-          ], 64)) : t.isLightDetailedVariant ? (a(), l(s, { key: 4 }, [
-            t.isLoading ? (a(), l("div", J, [
-              (a(!0), l(s, null, u(t.loanUseLoadingRows, (o) => (a(), l("div", {
-                key: o,
-                class: "tw-h-2 tw-mb-1"
-              }, [
-                i(m)
-              ]))), 128))
-            ])) : (a(), l("div", Q, [
-              i(L, {
-                use: t.loanUse,
-                "loan-amount": t.loanAmount,
-                status: t.loanStatus,
-                "borrower-count": t.loanBorrowerCount,
-                name: t.borrowerName,
-                "distribution-model": t.distributionModel,
-                "hide-borrower-details": !0,
-                "data-testid": "loan-use-statement",
-                class: "tw-text-small tw-leading-normal tw-text-primary"
-              }, null, 8, ["use", "loan-amount", "status", "borrower-count", "name", "distribution-model"])
-            ]))
-          ], 64)) : e.showLoanUse ? (a(), d(k(t.tag), {
-            key: 5,
-            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: n[5] || (n[5] = (o) => t.clickReadMore("Use", o))
-          }, {
-            default: f(() => [
-              t.isLoading ? (a(), l("div", X, [
-                (a(!0), l(s, null, u([...Array(t.loanUseLoadingRows)], (o, T) => (a(), l("div", {
-                  key: T,
-                  class: "tw-h-2 tw-mb-1"
-                }, [
-                  i(m)
-                ]))), 128))
-              ])) : (a(), l("div", {
-                key: 1,
-                class: c(["tw-w-full tw-overflow-hidden", { "!tw--mt-1": e.showTags && x.hasMatchingInfo && e.showLightView }])
-              }, [
-                i(L, {
-                  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: 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))
-            ]),
-            _: 1
-          }, 8, ["to", "href", "target", "rel"])) : g("", !0)
-        ], 2)
-      ], 6),
-      t.isLoading || typeof t.loanCallouts > "u" ? (a(), d(m, {
-        key: 0,
-        class: "tw-mt-1.5 tw-mb-1 tw-rounded-full",
-        style: { width: "60%", height: "1.5rem" }
-      })) : (a(), d(M, {
-        key: 1,
-        callouts: t.loanCallouts,
-        class: c(["tw-mt-1.5", { "goal-variant-callouts": t.isPostGoalVariant }]),
-        onClick: n[6] || (n[6] = (o) => b.$emit("jump-filter-page", o))
-      }, null, 8, ["callouts", "class"]))
-    ]),
-    r("div", {
-      class: c(["tw-flex tw-items-center tw-justify-between tw-w-full tw-mt-1", {
-        "tw-gap-1": t.sharesAvailable,
-        "!tw-items-end !tw-gap-2": t.isPostGoalVariant,
-        "!tw-mt-1.5": t.isLightDetailedVariant
-      }])
-    }, [
-      t.hasProgressData ? t.isLightDetailedVariant ? (a(), l(s, { key: 1 }, [
-        r("div", p, [
-          i(y, {
-            "money-left": t.unreservedAmount,
-            "progress-percent": t.fundraisingPercent,
-            class: "tw-text-black light-detailed-progress-group"
-          }, null, 8, ["money-left", "progress-percent"])
-        ]),
-        r("div", $, [
-          r("span", tt, " $" + w(e.customAmountLent), 1),
-          (a(), d(k(t.tag), {
-            to: t.readMorePath,
-            href: t.readMorePath,
-            target: e.externalLinksNewTab ? "_blank" : void 0,
-            rel: e.externalLinksNewTab ? "noopener noreferrer" : void 0,
-            class: "tw-flex tw-items-center tw-justify-center",
-            "aria-label": `View ${t.borrowerName || "this borrower"}'s loan details`,
-            onClick: n[7] || (n[7] = (o) => t.clickReadMore("Arrow", o))
-          }, {
-            default: f(() => [
-              i(v, {
-                icon: t.mdiArrowRight,
-                class: "tw-w-2.5 tw-h-2.5 tw-text-action"
-              }, null, 8, ["icon"])
-            ]),
-            _: 1
-          }, 8, ["to", "href", "target", "rel", "aria-label"]))
-        ])
-      ], 64)) : t.isPostGoalVariant ? (a(), l(s, { key: 2 }, [
-        r("div", et, [
-          i(y, {
-            "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_${((V = e.loan) == null ? void 0 : V.id) ?? e.loanId}`,
-            modelValue: t.selectedAmount,
-            "onUpdate:modelValue": [
-              n[8] || (n[8] = (o) => t.selectedAmount = o),
-              t.handleSelectedAmount
-            ],
-            "aria-label": "Lend amount",
-            disabled: !t.amountOptions.length || x.isInBasket,
-            class: "amount-dropdown"
-          }, {
-            default: f(() => [
-              (a(!0), l(s, null, u(t.amountOptions, (o) => (a(), l("option", {
-                key: o,
-                value: o
-              }, " $" + w(o), 9, at))), 128))
-            ]),
-            _: 1
-          }, 8, ["id", "modelValue", "disabled", "onUpdate:modelValue"])
-        ])
-      ], 64)) : (a(), l(s, { key: 3 }, [
-        r("div", ot, [
-          t.sharesAvailable ? (a(), d(k(t.tag), {
-            key: 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: n[9] || (n[9] = (o) => t.clickReadMore("Progress", o))
-          }, {
-            default: f(() => [
-              i(y, {
-                id: "loanProgress",
-                "money-left": t.unreservedAmount,
-                "progress-percent": t.fundraisingPercent,
-                class: "tw-text-black"
-              }, null, 8, ["money-left", "progress-percent"])
-            ]),
-            _: 1
-          }, 8, ["to", "href", "target", "rel"])) : g("", !0)
-        ]),
-        e.showLightView ? (a(), l("button", {
-          key: 0,
-          class: "tw-ml-2",
-          onClick: n[10] || (n[10] = (o) => t.clickReadMore("View", o))
-        }, [
-          r("span", nt, " $" + w(e.customAmountLent), 1),
-          n[15] || (n[15] = 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: c(["tw-flex-shrink-0 loan-card-cta", { "tw-w-full": !t.sharesAvailable }]),
-          style: { height: "40px" }
-        }, [
-          i(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[11] || (n[11] = (o) => b.$emit("add-to-basket", o)),
-            onShowLoanDetails: n[12] || (n[12] = (o) => t.clickReadMore("ViewLoan", o)),
-            onRemoveFromBasket: n[13] || (n[13] = (o) => b.$emit("remove-from-basket", o))
-          }, 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(), l(s, { key: 0 }, [
-        r("div", Y, [
-          i(m, {
-            class: "tw-mb-0.5",
-            style: { width: "100%", maxWidth: "11rem", height: "1rem" }
-          }),
-          i(m, {
-            class: "tw-rounded",
-            style: { width: "100%", maxWidth: "11rem", height: "0.5rem" }
-          })
-        ]),
-        t.allDataLoaded ? g("", !0) : (a(), d(m, {
-          key: 0,
-          class: "tw-rounded tw-flex-shrink-0",
-          style: { width: "8rem", height: "2.5rem" }
-        }))
-      ], 64))
-    ], 2)
-  ], 10, S);
-}
-const mt = /* @__PURE__ */ B(D, [["render", lt], ["__scopeId", "data-v-330ff302"]]);
-export {
-  gt as KV_COMPACT_LOAN_CARD_FRAGMENT,
-  ft as KV_COMPACT_LOAN_CARD_USER_FRAGMENT,
-  mt as default
-};