@kiva/kv-components 6.28.0 → 6.29.0

package/dist/utils/loanCard.js

@@ -1,9 +1,9 @@
 import R from "graphql-tag";
-import ae from "numeral";
-import { toRefs as se, computed as n } from "vue";
-import { mdiMapMarker as ye } from "@mdi/js";
-import Ee from "./Alea.js";
-const Ue = "N/A", oe = "ECO-FRIENDLY", ne = "SUSTAINABLE AG", le = "SINGLE PARENT", Ne = "REFUGEES/DISPLACED", P = (c, v) => (c == null ? void 0 : c.find((f) => f.name.replace("#", "").toUpperCase() === v.toUpperCase())) ?? {}, _e = R`
+import oe from "numeral";
+import { toRefs as re, computed as n } from "vue";
+import { mdiMapMarker as Ee } from "@mdi/js";
+import Ue from "./Alea.js";
+const Ne = "N/A", ne = "ECO-FRIENDLY", le = "SUSTAINABLE AG", se = "SINGLE PARENT", be = "REFUGEES/DISPLACED", P = (c, f) => (c == null ? void 0 : c.find((p) => p.name.replace("#", "").toUpperCase() === f.toUpperCase())) ?? {}, Se = R`
 	fragment LoanCallouts on LoanBasic {
 		id
 		activity {
@@ -20,7 +20,7 @@ const Ue = "N/A", oe = "ECO-FRIENDLY", ne = "SUSTAINABLE AG", le = "SINGLE PAREN
 			themes
 		}
 	}
-`, Se = R`
+`, De = R`
 	fragment LoanGeocode on LoanBasic {
 		id
 		geocode {
@@ -32,7 +32,7 @@ const Ue = "N/A", oe = "ECO-FRIENDLY", ne = "SUSTAINABLE AG", le = "SINGLE PAREN
 			}
 		}
 	}
-`, De = R`
+`, Me = R`
 	fragment LoanProgress on LoanBasic {
 		id
 		loanAmount
@@ -43,48 +43,49 @@ const Ue = "N/A", oe = "ECO-FRIENDLY", ne = "SUSTAINABLE AG", le = "SINGLE PAREN
 		}
 	}
 `;
-function Me(c, v = !1) {
+function Te(c, f = !1) {
   const {
-    externalLinks: f,
+    externalLinks: p,
     customLoanDetails: L,
     loanId: m,
     loan: t,
-    categoryPageName: p,
-    customCallouts: y
-  } = se(c), re = n(() => f.value ? "a" : "router-link"), ue = n(() => L.value ? "" : `/lend/${m.value}`), F = n(() => !m.value || !t.value), ie = n(() => {
+    categoryPageName: v,
+    customCallouts: y,
+    customHref: F
+  } = re(c), ue = n(() => p.value ? "a" : "router-link"), ie = n(() => p.value && F.value ? F.value : L.value ? "" : `/lend/${m.value}`), _ = n(() => !m.value || !t.value), ce = n(() => {
     var e;
     return ((e = t.value) == null ? void 0 : e.name) || "";
   }), g = n(() => {
     var e, a, l;
     return ((l = (a = (e = t.value) == null ? void 0 : e.geocode) == null ? void 0 : a.country) == null ? void 0 : l.name) || "";
-  }), ce = n(() => {
+  }), de = n(() => {
     var e, a, l;
     return ((l = (a = (e = t.value) == null ? void 0 : e.geocode) == null ? void 0 : a.country) == null ? void 0 : l.isoCode) || "";
   }), E = n(() => {
     var e, a;
     return ((a = (e = t.value) == null ? void 0 : e.geocode) == null ? void 0 : a.city) || "";
-  }), _ = n(() => {
+  }), S = n(() => {
     var e, a;
     return ((a = (e = t.value) == null ? void 0 : e.geocode) == null ? void 0 : a.state) || "";
-  }), S = n(() => {
+  }), D = n(() => {
     var e;
     return ((e = t.value) == null ? void 0 : e.distributionModel) || "";
-  }), de = n(() => {
+  }), pe = n(() => {
     var e, a;
     return ((a = (e = t.value) == null ? void 0 : e.image) == null ? void 0 : a.hash) ?? "";
   }), U = n(() => {
     var e, a, l, u, d;
     return typeof ((e = t.value) == null ? void 0 : e.loanAmount) < "u" && typeof ((l = (a = t.value) == null ? void 0 : a.loanFundraisingInfo) == null ? void 0 : l.fundedAmount) < "u" && typeof ((d = (u = t.value) == null ? void 0 : u.loanFundraisingInfo) == null ? void 0 : d.reservedAmount) < "u";
-  }), pe = n(() => !F.value && U.value), ve = n(() => {
-    if (S.value === "direct") {
-      const e = v && g.value.toLowerCase() === "united states" ? "" : `, ${g.value}`;
-      return `${E.value}, ${_.value}${e}`;
+  }), ve = n(() => !_.value && U.value), fe = n(() => {
+    if (D.value === "direct") {
+      const e = f && g.value.toLowerCase() === "united states" ? "" : `, ${g.value}`;
+      return `${E.value}, ${S.value}${e}`;
     }
     return g.value === "Puerto Rico" ? `${E.value}, PR` : g.value;
-  }), fe = n(() => {
+  }), me = n(() => {
     var e;
     return ((e = t.value) == null ? void 0 : e.use) ?? "";
-  }), me = n(() => {
+  }), ge = n(() => {
     var e;
     return ((e = t.value) == null ? void 0 : e.status) ?? "";
   }), C = n(() => {
@@ -92,75 +93,75 @@ function Me(c, v = !1) {
     return ((e = t.value) == null ? void 0 : e.loanAmount) ?? "0";
   }), N = n(() => {
     var e, a, l, u;
-    return ae(((a = (e = t.value) == null ? void 0 : e.loanFundraisingInfo) == null ? void 0 : a.reservedAmount) ?? "0").add(((u = (l = t.value) == null ? void 0 : l.loanFundraisingInfo) == null ? void 0 : u.fundedAmount) ?? "0");
-  }), D = n(() => N.value.clone().divide(C.value).value()), M = n(() => U.value && C.value - N.value.value() > 0), ge = n(() => M.value ? ae(C.value).subtract(N.value.value()).format("0.00") : "0"), he = n(() => {
+    return oe(((a = (e = t.value) == null ? void 0 : e.loanFundraisingInfo) == null ? void 0 : a.reservedAmount) ?? "0").add(((u = (l = t.value) == null ? void 0 : l.loanFundraisingInfo) == null ? void 0 : u.fundedAmount) ?? "0");
+  }), M = n(() => N.value.clone().divide(C.value).value()), T = n(() => U.value && C.value - N.value.value() > 0), he = n(() => T.value ? oe(C.value).subtract(N.value.value()).format("0.00") : "0"), Ce = n(() => {
     var e;
     return ((e = t.value) == null ? void 0 : e.borrowerCount) ?? 0;
-  }), Ce = n(() => {
-    var k, Y, w, B, $, K, x, q, H, j, z, J, Q, V, W, X, Z, ee, te;
-    const e = [], a = new Ee(m.value, D.value), l = ((Y = (k = t.value) == null ? void 0 : k.activity) == null ? void 0 : Y.name) ?? "", u = ((B = (w = t.value) == null ? void 0 : w.activity) == null ? void 0 : B.id) ?? null, d = ((K = ($ = t.value) == null ? void 0 : $.sector) == null ? void 0 : K.name) ?? "", T = ((q = (x = t.value) == null ? void 0 : x.sector) == null ? void 0 : q.id) ?? null, i = ((j = (H = t.value) == null ? void 0 : H.tags) == null ? void 0 : j.filter((o) => o.charAt(0) === "#").map((o) => o.substring(1))) ?? [], A = ((z = t.value) == null ? void 0 : z.themes) ?? [], b = {
-      ecoFriendly: !!i.filter((o) => o.toUpperCase() === oe || o.toUpperCase() === ne).length,
-      refugeesIdps: !!A.filter((o) => o.toUpperCase() === Ne).length,
-      singleParents: !!i.filter((o) => o.toUpperCase() === le).length
-    }, G = (Q = (J = t.value) == null ? void 0 : J.partnerName) == null ? void 0 : Q.toUpperCase().includes(Ue), O = ((V = t.value) == null ? void 0 : V.tagsData) ?? [], Ae = ((W = t.value) == null ? void 0 : W.themesData) ?? [];
-    if (G && i.length) {
-      const o = Math.floor(a() * i.length), s = i[o], r = P(O, s), h = (r == null ? void 0 : r.id) ?? null;
+  }), Ae = n(() => {
+    var Y, w, B, $, K, x, H, q, j, z, J, Q, V, W, X, Z, ee, te, ae;
+    const e = [], a = new Ue(m.value, M.value), l = ((w = (Y = t.value) == null ? void 0 : Y.activity) == null ? void 0 : w.name) ?? "", u = (($ = (B = t.value) == null ? void 0 : B.activity) == null ? void 0 : $.id) ?? null, d = ((x = (K = t.value) == null ? void 0 : K.sector) == null ? void 0 : x.name) ?? "", G = ((q = (H = t.value) == null ? void 0 : H.sector) == null ? void 0 : q.id) ?? null, i = ((z = (j = t.value) == null ? void 0 : j.tags) == null ? void 0 : z.filter((o) => o.charAt(0) === "#").map((o) => o.substring(1))) ?? [], A = ((J = t.value) == null ? void 0 : J.themes) ?? [], b = {
+      ecoFriendly: !!i.filter((o) => o.toUpperCase() === ne || o.toUpperCase() === le).length,
+      refugeesIdps: !!A.filter((o) => o.toUpperCase() === be).length,
+      singleParents: !!i.filter((o) => o.toUpperCase() === se).length
+    }, O = (V = (Q = t.value) == null ? void 0 : Q.partnerName) == null ? void 0 : V.toUpperCase().includes(Ne), k = ((W = t.value) == null ? void 0 : W.tagsData) ?? [], Le = ((X = t.value) == null ? void 0 : X.themesData) ?? [];
+    if (O && i.length) {
+      const o = Math.floor(a() * i.length), s = i[o], r = P(k, s), h = (r == null ? void 0 : r.id) ?? null;
       e.push({ label: s, type: "tag", id: h });
     }
-    if (p.value || (b.ecoFriendly && !e.find((o) => o.label.toUpperCase() === oe || o.label.toUpperCase() === ne) ? e.push({ label: "Eco-friendly", type: "tag", id: 9 }) : b.refugeesIdps ? e.push({ label: "Refugees and IDPs", type: "attribute", id: 28 }) : b.singleParents && !e.find((o) => o.label.toUpperCase() === le) && e.push({ label: "Single Parent", type: "tag", id: 17 })), l && u && ((X = p.value) == null ? void 0 : X.toUpperCase()) !== l.toUpperCase() && e.push({ id: u, label: l, type: "activity" }), d && T && l.toUpperCase() !== d.toUpperCase() && d.toUpperCase() !== ((Z = p.value) == null ? void 0 : Z.toUpperCase()) && e.length < 2 && e.push({ id: T, label: d, type: "sector" }), i.length && e.length < 2) {
-      const o = Math.floor(a() * i.length), s = i[o], r = P(O, s), h = (r == null ? void 0 : r.id) ?? null;
+    if (v.value || (b.ecoFriendly && !e.find((o) => o.label.toUpperCase() === ne || o.label.toUpperCase() === le) ? e.push({ label: "Eco-friendly", type: "tag", id: 9 }) : b.refugeesIdps ? e.push({ label: "Refugees and IDPs", type: "attribute", id: 28 }) : b.singleParents && !e.find((o) => o.label.toUpperCase() === se) && e.push({ label: "Single Parent", type: "tag", id: 17 })), l && u && ((Z = v.value) == null ? void 0 : Z.toUpperCase()) !== l.toUpperCase() && e.push({ id: u, label: l, type: "activity" }), d && G && l.toUpperCase() !== d.toUpperCase() && d.toUpperCase() !== ((ee = v.value) == null ? void 0 : ee.toUpperCase()) && e.length < 2 && e.push({ id: G, label: d, type: "sector" }), i.length && e.length < 2) {
+      const o = Math.floor(a() * i.length), s = i[o], r = P(k, s), h = (r == null ? void 0 : r.id) ?? null;
       e.filter((I) => I.label.toUpperCase() === s.toUpperCase()).length || e.push({ label: s, type: "tag", id: h });
     }
     if (A.length && e.length < 2) {
-      const o = Math.floor(a() * A.length), s = A[o], r = P(Ae, s), h = (r == null ? void 0 : r.id) ?? null;
-      !e.filter((I) => I.label.toUpperCase() === s.toUpperCase()).length && s.toUpperCase() !== ((ee = p.value) == null ? void 0 : ee.toUpperCase()) && e.push({ label: s, type: "attribute", id: h });
+      const o = Math.floor(a() * A.length), s = A[o], r = P(Le, s), h = (r == null ? void 0 : r.id) ?? null;
+      !e.filter((I) => I.label.toUpperCase() === s.toUpperCase()).length && s.toUpperCase() !== ((te = v.value) == null ? void 0 : te.toUpperCase()) && e.push({ label: s, type: "attribute", id: h });
     }
-    if (G && e.length > 1) return [e.shift()];
-    const Le = ((te = y.value) == null ? void 0 : te.map((o) => ({ label: o }))) ?? [];
-    return e.push(...Le), e;
+    if (O && e.length > 1) return [e.shift()];
+    const ye = ((ae = y.value) == null ? void 0 : ae.map((o) => ({ label: o }))) ?? [];
+    return e.push(...ye), e;
   });
   return {
-    tag: re,
-    readMorePath: ue,
-    isLoading: F,
-    borrowerName: ie,
+    tag: ue,
+    readMorePath: ie,
+    isLoading: _,
+    borrowerName: ce,
     countryName: g,
-    countryCode: ce,
+    countryCode: de,
     city: E,
-    state: _,
-    distributionModel: S,
-    imageHash: de,
+    state: S,
+    distributionModel: D,
+    imageHash: pe,
     hasProgressData: U,
-    allDataLoaded: pe,
-    fundraisingPercent: D,
-    unreservedAmount: ge,
-    sharesAvailable: M,
-    formattedLocation: ve,
-    loanUse: fe,
-    loanStatus: me,
+    allDataLoaded: ve,
+    fundraisingPercent: M,
+    unreservedAmount: he,
+    sharesAvailable: T,
+    formattedLocation: fe,
+    loanUse: me,
+    loanStatus: ge,
     loanAmount: C,
-    loanBorrowerCount: he,
-    mdiMapMarker: ye,
-    loanCallouts: Ce
+    loanBorrowerCount: Ce,
+    mdiMapMarker: Ee,
+    loanCallouts: Ae
   };
 }
-function Te(c, v) {
+function Ge(c, f) {
   const {
-    loanId: f,
+    loanId: p,
     customLoanDetails: L,
     kvTrackFunction: m
-  } = se(c);
-  function t(p, y) {
-    m.value("Lending", "click-Read more", p, f.value), L.value && (y.preventDefault(), v("show-loan-details"));
+  } = re(c);
+  function t(v, y) {
+    m.value("Lending", "click-Read more", v, p.value), L.value && (y.preventDefault(), f("show-loan-details"));
   }
   return {
     clickReadMore: t
   };
 }
 export {
-  _e as LOAN_CALLOUTS_FRAGMENT,
-  Se as LOAN_GEOCODE_FRAGMENT,
-  De as LOAN_PROGRESS_FRAGMENT,
-  Me as loanCardComputedProperties,
-  Te as loanCardMethods
+  Se as LOAN_CALLOUTS_FRAGMENT,
+  De as LOAN_GEOCODE_FRAGMENT,
+  Me as LOAN_PROGRESS_FRAGMENT,
+  Te as loanCardComputedProperties,
+  Ge as loanCardMethods
 };

package/dist/vue/KvClassicLoanCard.css

@@ -1 +1 @@
-.loan-card-use[data-v-b8376722]:hover,.loan-card-use[data-v-b8376722]: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-b8376722]{text-decoration-line:underline}.loan-card-progress[data-v-b8376722]:hover,.loan-card-progress[data-v-b8376722]:focus{text-decoration-line:none}
+.loan-card-use[data-v-bdb91452]:hover,.loan-card-use[data-v-bdb91452]: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-bdb91452]{text-decoration-line:underline}.loan-card-progress[data-v-bdb91452]:hover,.loan-card-progress[data-v-bdb91452]:focus{text-decoration-line:none}

package/dist/vue/KvClassicLoanCard.js

@@ -12,7 +12,7 @@ import ee from "./KvMaterialIcon.js";
 import te from "./KvLoadingPlaceholder.js";
 import ae from "./KvLoanTeamPick.js";
 import oe, { KV_LOAN_ACTIVITIES_FRAGMENT as ne } from "./KvLoanActivities.js";
-import { resolveComponent as r, openBlock as o, createElementBlock as m, normalizeClass as s, normalizeStyle as le, createElementVNode as c, createBlock as i, resolveDynamicComponent as k, withCtx as g, createVNode as w, createTextVNode as ie, toDisplayString as M, createCommentVNode as f, Fragment as re, renderList as se } from "vue";
+import { resolveComponent as i, openBlock as o, createElementBlock as m, normalizeClass as s, normalizeStyle as le, createElementVNode as c, createBlock as r, resolveDynamicComponent as k, withCtx as g, createVNode as w, createTextVNode as re, toDisplayString as M, createCommentVNode as f, Fragment as ie, renderList as se } from "vue";
 import "./KvClassicLoanCard.css";
 import de from "../_virtual/_plugin-vue_export-helper.js";
 const Ge = K`
@@ -184,6 +184,10 @@ const Ge = K`
     showContributors: {
       type: Boolean,
       default: !1
+    },
+    customHref: {
+      type: String,
+      default: ""
     }
   },
   setup(l, { emit: a }) {
@@ -283,7 +287,7 @@ const Ge = K`
   class: "tw-pt-1.5"
 };
 function _e(l, a, e, t, T, d) {
-  const u = r("kv-loading-placeholder"), v = r("kv-borrower-image"), h = r("kv-material-icon"), b = r("kv-loan-team-pick"), y = r("kv-loan-bookmark"), _ = r("kv-loan-tag"), L = r("kv-loan-use"), C = r("kv-loan-callouts"), A = r("kv-loan-progress-group"), x = r("kv-lend-cta"), B = r("KvLoanActivities");
+  const u = i("kv-loading-placeholder"), v = i("kv-borrower-image"), h = i("kv-material-icon"), b = i("kv-loan-team-pick"), y = i("kv-loan-bookmark"), _ = i("kv-loan-tag"), L = i("kv-loan-use"), C = i("kv-loan-callouts"), A = i("kv-loan-progress-group"), x = i("kv-lend-cta"), B = i("KvLoanActivities");
   return o(), m("div", {
     class: s(["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",
@@ -291,12 +295,12 @@ function _e(l, a, e, t, T, d) {
   }, [
     c("div", ue, [
       c("div", ce, [
-        t.isLoading ? (o(), i(u, {
+        t.isLoading ? (o(), r(u, {
           key: 0,
           class: s(["tw-mb-1 tw-w-full", { "tw-rounded-t tw-rounded-b-none": e.largeCard, "tw-rounded": !e.largeCard }]),
           style: { height: "15rem" }
         }, null, 8, ["class"])) : (o(), m("div", we, [
-          (o(), i(k(t.tag), {
+          (o(), r(k(t.tag), {
             to: t.readMorePath,
             href: t.readMorePath,
             class: "tw-flex",
@@ -319,19 +323,19 @@ function _e(l, a, e, t, T, d) {
                     class: "tw-h-2 tw-w-2",
                     icon: t.mdiMapMarker
                   }, null, 8, ["icon"]),
-                  ie(" " + M(t.formattedLocation), 1)
+                  re(" " + M(t.formattedLocation), 1)
                 ])
               ])) : f("", !0)
             ]),
             _: 1
           }, 8, ["to", "href"])),
-          e.isTeamPick ? (o(), i(b, {
+          e.isTeamPick ? (o(), r(b, {
             key: 0,
             class: s(["tw-absolute", { "tw-right-6": !e.isVisitor, "tw-right-0": e.isVisitor }]),
             style: { top: "-6px" },
             "data-testid": "loan-card-teampick"
           }, null, 8, ["class"])) : f("", !0),
-          e.isVisitor ? f("", !0) : (o(), i(y, {
+          e.isVisitor ? f("", !0) : (o(), r(y, {
             key: 1,
             "loan-id": e.loanId,
             "is-bookmarked": e.isBookmarked,
@@ -341,7 +345,7 @@ function _e(l, a, e, t, T, d) {
             onToggleBookmark: a[1] || (a[1] = (n) => l.$emit("toggle-bookmark"))
           }, null, 8, ["loan-id", "is-bookmarked"]))
         ])),
-        (o(), i(k(t.tag), {
+        (o(), r(k(t.tag), {
           to: t.readMorePath,
           href: t.readMorePath,
           class: s(["tw-flex tw-no-underline hover:tw-no-underline focus:tw-no-underline", { "tw-px-1": e.largeCard }]),
@@ -349,14 +353,14 @@ function _e(l, a, e, t, T, d) {
           onClick: a[2] || (a[2] = (n) => t.clickReadMore("Tag", n))
         }, {
           default: g(() => [
-            e.showTags && !t.isLoading ? (o(), i(_, {
+            e.showTags && !t.isLoading ? (o(), r(_, {
               key: 0,
               loan: e.loan
             }, null, 8, ["loan"])) : f("", !0)
           ]),
           _: 1
         }, 8, ["to", "href", "class"])),
-        (o(), i(k(t.tag), {
+        (o(), r(k(t.tag), {
           to: t.readMorePath,
           href: t.readMorePath,
           class: "loan-card-use tw-no-underline tw-text-primary",
@@ -370,7 +374,7 @@ function _e(l, a, e, t, T, d) {
                 class: s(["tw-w-full", { "tw-px-1": e.largeCard }]),
                 style: { height: "5.5rem" }
               }, [
-                (o(!0), m(re, null, se([...Array(4)], (n, N) => (o(), m("div", {
+                (o(!0), m(ie, null, se([...Array(4)], (n, N) => (o(), m("div", {
                   key: N,
                   class: "tw-h-2 tw-mb-1"
                 }, [
@@ -392,11 +396,11 @@ function _e(l, a, e, t, T, d) {
           _: 1
         }, 8, ["to", "href"]))
       ]),
-      t.isLoading || typeof t.loanCallouts > "u" ? (o(), i(u, {
+      t.isLoading || typeof t.loanCallouts > "u" ? (o(), r(u, {
         key: 0,
         class: s(["tw-mt-1.5 tw-mb-1", { "tw-mx-1": e.largeCard }]),
         style: { width: "60%", height: "1.75rem", "border-radius": "500rem" }
-      }, null, 8, ["class"])) : (o(), i(C, {
+      }, null, 8, ["class"])) : (o(), r(C, {
         key: 1,
         callouts: t.loanCallouts,
         class: s(["tw-mt-1.5", { "tw-px-1": e.largeCard }]),
@@ -417,7 +421,7 @@ function _e(l, a, e, t, T, d) {
         })
       ])),
       c("div", null, [
-        t.sharesAvailable ? (o(), i(k(t.tag), {
+        t.sharesAvailable ? (o(), r(k(t.tag), {
           key: 0,
           to: t.readMorePath,
           href: t.readMorePath,
@@ -436,7 +440,7 @@ function _e(l, a, e, t, T, d) {
           _: 1
         }, 8, ["to", "href"])) : f("", !0)
       ]),
-      t.allDataLoaded ? (o(), i(x, {
+      t.allDataLoaded ? (o(), r(x, {
         key: 2,
         loan: e.loan,
         "unreserved-amount": t.unreservedAmount,
@@ -461,7 +465,7 @@ function _e(l, a, e, t, T, d) {
         onAddToBasket: a[6] || (a[6] = (n) => l.$emit("add-to-basket", n)),
         onShowLoanDetails: a[7] || (a[7] = (n) => t.clickReadMore("ViewLoan", n)),
         onRemoveFromBasket: a[8] || (a[8] = (n) => l.$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", "class"])) : (o(), i(u, {
+      }, 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"])) : (o(), r(u, {
         key: 1,
         class: "tw-rounded tw-self-start",
         style: { width: "9rem", height: "3rem" }
@@ -494,7 +498,7 @@ function _e(l, a, e, t, T, d) {
     ])) : f("", !0)
   ], 6);
 }
-const Ue = /* @__PURE__ */ de(me, [["render", _e], ["__scopeId", "data-v-b8376722"]]);
+const Ue = /* @__PURE__ */ de(me, [["render", _e], ["__scopeId", "data-v-bdb91452"]]);
 export {
   Ge as KV_CLASSIC_LOAN_CARD_FRAGMENT,
   Ie as KV_CLASSIC_LOAN_CARD_USER_FRAGMET,

package/dist/vue/KvSideSheet.js

@@ -157,10 +157,10 @@ const le = {
       width: W.value
     }));
     g(t, (e) => {
-      e ? (document.addEventListener("keyup", R), a.value = {}, setTimeout(() => {
+      typeof window < "u" && (e ? (document.addEventListener("keyup", R), a.value = {}, setTimeout(() => {
         d.value = !0, T(), S();
-      }, 10)) : (d.value = !1, T(), document.removeEventListener("keyup", R), a.value = {});
-    }), g(W, (e) => {
+      }, 10)) : (d.value = !1, T(), document.removeEventListener("keyup", R), a.value = {}));
+    }, { immediate: !0 }), g(W, (e) => {
       d.value && t.value && a.value && Object.keys(a.value).length > 0 && (a.value = {
         ...a.value,
         width: e,

package/dist/vue/KvWideLoanCard.css

@@ -1 +1 @@
-.loan-card-use[data-v-39f9535f]:hover,.loan-card-use[data-v-39f9535f]: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-39f9535f]{text-decoration-line:underline}.loan-card-progress[data-v-39f9535f],.loan-card-progress[data-v-39f9535f]:hover,.loan-card-progress[data-v-39f9535f]:focus{text-decoration-line:none}.loan-callouts[data-v-39f9535f] div{height:auto;flex-wrap:wrap}
+.loan-card-use[data-v-6ac3e4be]:hover,.loan-card-use[data-v-6ac3e4be]: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-6ac3e4be]{text-decoration-line:underline}.loan-card-progress[data-v-6ac3e4be],.loan-card-progress[data-v-6ac3e4be]:hover,.loan-card-progress[data-v-6ac3e4be]:focus{text-decoration-line:none}.loan-callouts[data-v-6ac3e4be] div{height:auto;flex-wrap:wrap}

package/dist/vue/KvWideLoanCard.js

@@ -1,18 +1,18 @@
 import B from "graphql-tag";
-import { LOAN_CALLOUTS_FRAGMENT as S, LOAN_GEOCODE_FRAGMENT as F, LOAN_PROGRESS_FRAGMENT as V, loanCardComputedProperties as O, loanCardMethods as G } from "../utils/loanCard.js";
+import { LOAN_CALLOUTS_FRAGMENT as E, LOAN_GEOCODE_FRAGMENT as F, LOAN_PROGRESS_FRAGMENT as V, loanCardComputedProperties as O, loanCardMethods as G } from "../utils/loanCard.js";
 import U, { KV_LOAN_USE_FRAGMENT as W } from "./KvLoanUse.js";
 import z from "./KvBorrowerImage.js";
 import I from "./KvLoanProgressGroup.js";
-import j from "./KvLoanCallouts.js";
-import q, { KV_LEND_CTA_FRAGMENT as H, KV_LEND_CTA_USER_FRAGMENT as J } from "./KvLendCta.js";
+import H from "./KvLoanCallouts.js";
+import j, { KV_LEND_CTA_FRAGMENT as q, KV_LEND_CTA_USER_FRAGMENT as J } from "./KvLendCta.js";
 import Q, { KV_LOAN_BOOKMARK_FRAGMENT as X } from "./KvLoanBookmark.js";
 import Y, { KV_LOAN_TAG_FRAGMENT as Z } from "./KvLoanTag.js";
 import $ from "./KvMaterialIcon.js";
 import ee from "./KvLoadingPlaceholder.js";
-import { resolveComponent as r, openBlock as o, createElementBlock as s, normalizeClass as N, createElementVNode as m, createBlock as l, resolveDynamicComponent as u, withCtx as g, createVNode as d, createTextVNode as te, toDisplayString as M, createCommentVNode as f, Fragment as oe, renderList as ae } from "vue";
+import { resolveComponent as r, openBlock as o, createElementBlock as s, normalizeClass as N, createElementVNode as m, createBlock as l, resolveDynamicComponent as f, withCtx as g, createVNode as d, createTextVNode as te, toDisplayString as M, createCommentVNode as u, Fragment as oe, renderList as ae } from "vue";
 import "./KvWideLoanCard.css";
 import ne from "../_virtual/_plugin-vue_export-helper.js";
-const pe = B`
+const Re = B`
 	fragment KvWideLoanCard on LoanBasic {
 		id
 		image {
@@ -27,10 +27,10 @@ const pe = B`
 		...LoanGeocode
 		...LoanProgress
 	}
-	${H}
+	${q}
 	${Z}
 	${W}
-	${S}
+	${E}
 	${F}
 	${V}
 `, De = B`
@@ -49,9 +49,9 @@ const pe = B`
     KvLoanUse: U,
     KvLoanProgressGroup: I,
     KvMaterialIcon: $,
-    KvLendCta: q,
+    KvLendCta: j,
     KvLoanTag: Y,
-    KvLoanCallouts: j,
+    KvLoanCallouts: H,
     KvLoanBookmark: Q
   },
   props: {
@@ -134,6 +134,10 @@ const pe = B`
     customCallouts: {
       type: Array,
       default: () => []
+    },
+    customHref: {
+      type: String,
+      default: ""
     }
   },
   setup(c, { emit: a }) {
@@ -154,13 +158,13 @@ const pe = B`
       loanStatus: n,
       loanUse: x,
       mdiMapMarker: K,
-      readMorePath: P,
-      state: R,
-      tag: p,
+      readMorePath: p,
+      state: P,
+      tag: R,
       unreservedAmount: D,
       sharesAvailable: T
     } = O(c), {
-      clickReadMore: E
+      clickReadMore: S
     } = G(c, a);
     return {
       allDataLoaded: t,
@@ -179,12 +183,12 @@ const pe = B`
       loanStatus: n,
       loanUse: x,
       mdiMapMarker: K,
-      readMorePath: P,
-      state: R,
-      tag: p,
+      readMorePath: p,
+      state: P,
+      tag: R,
       unreservedAmount: D,
       sharesAvailable: T,
-      clickReadMore: E
+      clickReadMore: S
     };
   },
   computed: {
@@ -213,11 +217,11 @@ const pe = B`
 }, se = { key: 0 }, de = {
   class: "tw-absolute tw-bottom-1 tw-left-1 tw-text-primary tw-bg-white tw-rounded tw-p-1 tw-mb-0 tw-mr-2 tw-text-h4 tw-inline-flex tw-items-center",
   style: { padding: "2px 6px", "text-transform": "capitalize" }
-}, me = { class: "tw-flex tw-flex-col tw-flex-1 tw-px-1" }, ce = { class: "tw-hidden md:tw-inline-block" }, we = { class: "tw-pt-1" }, fe = {
+}, me = { class: "tw-flex tw-flex-col tw-flex-1 tw-px-1" }, ce = { class: "tw-hidden md:tw-inline-block" }, we = { class: "tw-pt-1" }, ue = {
   key: 0,
   class: "tw-w-full",
   style: { height: "5.5rem" }
-}, ue = { key: 1 }, ge = { class: "tw-flex tw-flex-row tw-justify-between tw-gap-1 md:tw-gap-3" }, ke = {
+}, fe = { key: 1 }, ge = { class: "tw-flex tw-flex-row tw-justify-between tw-gap-1 md:tw-gap-3" }, ke = {
   key: 0,
   class: "tw-w-full tw-pt-1 tw-pr-1"
 };
@@ -234,7 +238,7 @@ function he(c, a, t, e, C, w) {
         class: "tw-mb-1 tw-w-full tw-rounded",
         style: { height: "15rem" }
       })) : (o(), s("div", ie, [
-        (o(), l(u(e.tag), {
+        (o(), l(f(e.tag), {
           to: e.readMorePath,
           href: e.readMorePath,
           class: "tw-flex",
@@ -259,11 +263,11 @@ function he(c, a, t, e, C, w) {
                 }, null, 8, ["icon"]),
                 te(" " + M(e.formattedLocation), 1)
               ])
-            ])) : f("", !0)
+            ])) : u("", !0)
           ]),
           _: 1
         }, 8, ["to", "href"])),
-        t.isVisitor ? f("", !0) : (o(), l(_, {
+        t.isVisitor ? u("", !0) : (o(), l(_, {
           key: 0,
           "loan-id": t.loanId,
           "is-bookmarked": t.isBookmarked,
@@ -276,7 +280,7 @@ function he(c, a, t, e, C, w) {
     ]),
     m("div", me, [
       m("h3", ce, M(e.borrowerName), 1),
-      (o(), l(u(e.tag), {
+      (o(), l(f(e.tag), {
         to: e.readMorePath,
         href: e.readMorePath,
         class: "tw-flex tw-no-underline hover:tw-no-underline focus:tw-no-underline",
@@ -287,11 +291,11 @@ function he(c, a, t, e, C, w) {
           t.showTags && !e.isLoading ? (o(), l(v, {
             key: 0,
             loan: t.loan
-          }, null, 8, ["loan"])) : f("", !0)
+          }, null, 8, ["loan"])) : u("", !0)
         ]),
         _: 1
       }, 8, ["to", "href"])),
-      (o(), l(u(e.tag), {
+      (o(), l(f(e.tag), {
         to: e.readMorePath,
         href: e.readMorePath,
         class: "loan-card-use tw-no-underline tw-text-primary",
@@ -300,14 +304,14 @@ function he(c, a, t, e, C, w) {
       }, {
         default: g(() => [
           m("div", we, [
-            e.isLoading ? (o(), s("div", fe, [
+            e.isLoading ? (o(), s("div", ue, [
               (o(!0), s(oe, null, ae([...Array(4)], (n, x) => (o(), s("div", {
                 key: x,
                 class: "tw-h-2 tw-mb-1"
               }, [
                 d(i)
               ]))), 128))
-            ])) : (o(), s("div", ue, [
+            ])) : (o(), s("div", fe, [
               d(b, {
                 use: e.loanUse,
                 "loan-amount": e.loanAmount,
@@ -331,7 +335,7 @@ function he(c, a, t, e, C, w) {
         class: "loan-callouts tw-my-1.5"
       }, null, 8, ["callouts"])),
       m("div", ge, [
-        e.hasProgressData ? f("", !0) : (o(), s("div", ke, [
+        e.hasProgressData ? u("", !0) : (o(), s("div", ke, [
           d(i, {
             class: "tw-mb-0.5",
             style: { width: "70%", height: "1.3rem" }
@@ -341,7 +345,7 @@ function he(c, a, t, e, C, w) {
             style: { width: "70%", height: "0.5rem" }
           })
         ])),
-        e.sharesAvailable ? (o(), l(u(e.tag), {
+        e.sharesAvailable ? (o(), l(f(e.tag), {
           key: 1,
           to: e.readMorePath,
           href: e.readMorePath,
@@ -358,7 +362,7 @@ function he(c, a, t, e, C, w) {
             }, null, 8, ["money-left", "progress-percent"])
           ]),
           _: 1
-        }, 8, ["to", "href"])) : f("", !0),
+        }, 8, ["to", "href"])) : u("", !0),
         e.allDataLoaded ? (o(), l(A, {
           key: 3,
           loan: t.loan,
@@ -389,9 +393,9 @@ function he(c, a, t, e, C, w) {
     ])
   ], 2);
 }
-const Te = /* @__PURE__ */ ne(le, [["render", he], ["__scopeId", "data-v-39f9535f"]]);
+const Te = /* @__PURE__ */ ne(le, [["render", he], ["__scopeId", "data-v-6ac3e4be"]]);
 export {
-  pe as KV_WIDE_LOAN_CARD_FRAGMENT,
+  Re as KV_WIDE_LOAN_CARD_FRAGMENT,
   De as KV_WIDE_LOAN_CARD_USER_FRAGMENT,
   Te as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "6.28.0",
+  "version": "6.29.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -111,5 +111,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "c9b643ac0c783e760e3992eba6ce3323f6413703"
+  "gitHead": "7c7ce1e484373f0db5b0a587d9dd971958f9124a"
 }