@kiva/kv-components 8.13.0 → 8.13.2

package/dist/data/simpleMapCentroids.d.ts

@@ -3,6 +3,10 @@ export interface Centroid {
     cy: number;
     xMax: number;
     yMax: number;
+    popupCx?: number;
+    popupCy?: number;
+    popupXMax?: number;
+    popupYMax?: number;
 }
 declare const simpleMapCentroids: Record<string, Centroid>;
 export default simpleMapCentroids;

package/dist/data/simpleMapCentroids.js

@@ -39,7 +39,12 @@ const x = {
     cx: 1116.78,
     cy: 451.16,
     xMax: 1190.78,
-    yMax: 521.76
+    yMax: 521.76,
+    // Main continent — tighter than full bbox with remote islands
+    popupCx: 1120,
+    popupCy: 450,
+    popupXMax: 1170,
+    popupYMax: 500
   },
   AT: {
     cx: 682.12,
@@ -147,7 +152,12 @@ const x = {
     cx: 361.59,
     cy: 78.04,
     xMax: 502.28,
-    yMax: 154.65
+    yMax: 154.65,
+    // Southern populated mainland — excludes Arctic archipelago
+    popupCx: 330,
+    popupCy: 105,
+    popupXMax: 420,
+    popupYMax: 140
   },
   CH: {
     cx: 665.97,
@@ -159,7 +169,12 @@ const x = {
     cx: 406.26,
     cy: 490.74,
     xMax: 431.06,
-    yMax: 571.28
+    yMax: 571.28,
+    // Central Chile (Santiago region) — avoids extreme N-S elongation
+    popupCx: 410,
+    popupCy: 475,
+    popupXMax: 425,
+    popupYMax: 500
   },
   CN: {
     cx: 986.5,
@@ -387,13 +402,23 @@ const x = {
     cx: 1077.13,
     cy: 345.31,
     xMax: 1162.16,
-    yMax: 379.27
+    yMax: 379.27,
+    // Java/Bali region — most populated; avoids geometric center in open sea
+    popupCx: 1065,
+    popupCy: 360,
+    popupXMax: 1095,
+    popupYMax: 378
   },
   IN: {
     cx: 937.01,
     cy: 241.69,
     xMax: 988.21,
-    yMax: 300.71
+    yMax: 300.71,
+    // Indian peninsula — excludes Andaman/Nicobar and Lakshadweep
+    popupCx: 942,
+    popupCy: 240,
+    popupXMax: 975,
+    popupYMax: 280
   },
   IE: {
     cx: 613.51,
@@ -615,7 +640,12 @@ const x = {
     cx: 1045.2,
     cy: 318.33,
     xMax: 1080.71,
-    yMax: 331.5
+    yMax: 331.5,
+    // Peninsular Malaysia — avoids centroid falling in sea between halves
+    popupCx: 1018,
+    popupCy: 318,
+    popupXMax: 1027,
+    popupYMax: 330
   },
   NA: {
     cx: 706.27,
@@ -651,7 +681,12 @@ const x = {
     cx: 687.84,
     cy: 48.37,
     xMax: 722.29,
-    yMax: 88.49
+    yMax: 88.49,
+    // Southern mainland — excludes Svalbard/Arctic pulling centroid far north
+    popupCx: 680,
+    popupCy: 75,
+    popupXMax: 700,
+    popupYMax: 89
   },
   NP: {
     cx: 940.71,
@@ -663,7 +698,12 @@ const x = {
     cx: 1222.95,
     cy: 508.39,
     xMax: 1256.51,
-    yMax: 534.29
+    yMax: 534.29,
+    // North + South Island — excludes distant Chatham Islands inflating west
+    popupCx: 1242,
+    popupCy: 510,
+    popupXMax: 1257,
+    popupYMax: 535
   },
   OM: {
     cx: 842.43,
@@ -747,7 +787,12 @@ const x = {
     cx: 929.32,
     cy: 82.39,
     xMax: 1158.54,
-    yMax: 158.22
+    yMax: 158.22,
+    // Central Russia — avoids extreme east-west spread
+    popupCx: 900,
+    popupCy: 95,
+    popupXMax: 1e3,
+    popupYMax: 135
   },
   RW: {
     cx: 749.91,
@@ -921,7 +966,12 @@ const x = {
     cx: 237.09,
     cy: 146.09,
     xMax: 416.07,
-    yMax: 253.75
+    yMax: 253.75,
+    // Continental US mainland — excludes Alaska/Hawaii bbox inflation
+    popupCx: 275,
+    popupCy: 175,
+    popupXMax: 340,
+    popupYMax: 210
   },
   UZ: {
     cx: 856.34,

package/dist/vue/KvCompactLoanCard.css

@@ -1 +1 @@
-.loan-card-use[data-v-7b59a69b]:hover,.loan-card-use[data-v-7b59a69b]: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-7b59a69b]{text-decoration-line:underline}.loan-card-progress[data-v-7b59a69b]:hover,.loan-card-progress[data-v-7b59a69b]:focus{text-decoration-line:none}.loan-card-use-text[data-v-7b59a69b] 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-7b59a69b] form,.loan-card-cta[data-v-7b59a69b] fieldset,.loan-card-cta[data-v-7b59a69b] .tw-w-full,.loan-card-cta[data-v-7b59a69b] button{height:40px!important;max-height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important}.loan-card-cta[data-v-7b59a69b] .tw-inline-flex{height:40px!important;max-height:40px!important;min-height:40px!important}[data-v-7b59a69b] .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-7b59a69b] .goal-variant-callouts span{font-weight:500}.goal-variant-progress-group[data-v-7b59a69b] div[role=progressbar]{background-color:#d9d9d9}
+.loan-card-use[data-v-02c91111]:hover,.loan-card-use[data-v-02c91111]: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-02c91111]{text-decoration-line:underline}.loan-card-progress[data-v-02c91111]:hover,.loan-card-progress[data-v-02c91111]:focus{text-decoration-line:none}.loan-card-use-text[data-v-02c91111] 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-02c91111] form,.loan-card-cta[data-v-02c91111] fieldset,.loan-card-cta[data-v-02c91111] .tw-w-full,.loan-card-cta[data-v-02c91111] button{height:40px!important;max-height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important}.loan-card-cta[data-v-02c91111] .tw-inline-flex{height:40px!important;max-height:40px!important;min-height:40px!important}[data-v-02c91111] .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-02c91111] .goal-variant-callouts span{font-weight:500}.goal-variant-progress-group[data-v-02c91111] div[role=progressbar]{background-color:#d9d9d9}

package/dist/vue/KvCompactLoanCard.js

@@ -1,42 +1,42 @@
-import T from "./KvCompactLoanCard2.js";
-import { KV_COMPACT_LOAN_CARD_FRAGMENT as le, KV_COMPACT_LOAN_CARD_USER_FRAGMENT as re } from "./KvCompactLoanCard2.js";
-import { resolveComponent as w, openBlock as o, 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 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 k, withCtx as f, toDisplayString as c, withModifiers as R, Fragment as u, renderList as v } from "vue";
 import "./KvCompactLoanCard.css";
-import B from "../_virtual/_plugin-vue_export-helper.js";
-const G = ["aria-busy"], S = { class: "tw-flex tw-flex-col tw-items-start tw-w-full" }, D = {
+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 = {
   key: 1,
   class: "tw-flex-shrink-0 tw-overflow-hidden"
-}, U = {
+}, W = {
   key: 0,
   class: "tw-mb-0.5 tw-w-full"
-}, W = { class: "tw-text-primary !tw-font-medium tw-text-base tw-leading-normal tw-truncate" }, E = ["href"], F = { class: "tw-truncate" }, O = ["title"], j = { class: "tw-font-medium" }, I = {
+}, E = { class: "tw-text-primary !tw-font-medium tw-text-base tw-leading-normal tw-truncate" }, F = ["href"], I = { class: "tw-truncate" }, O = ["title"], j = { class: "tw-font-medium" }, K = {
   key: 0,
   class: "loan-card-use-text tw-w-full tw-overflow-hidden"
-}, K = { class: "tw-flex-1 tw-min-w-0 tw-mr-1" }, z = {
+}, z = { class: "tw-flex-1 tw-min-w-0 tw-mr-1" }, H = {
   class: "tw-flex-1 tw-min-w-0",
   style: { "max-width": "6.5rem" }
-}, H = { class: "tw-min-w-12" }, 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, n, t, e, X, Y) {
+}, 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(g, o, t, e, X, L) {
   var x;
-  const y = w("kv-material-icon"), h = w("kv-loading-placeholder"), L = w("kv-borrower-image"), P = w("kv-loan-tag"), C = w("kv-loan-use"), V = w("kv-loan-callouts"), _ = w("kv-loan-progress-group"), N = w("kv-select"), A = w("kv-lend-cta");
-  return o(), l("div", {
+  const y = w("kv-material-icon"), h = w("kv-loading-placeholder"), P = w("kv-borrower-image"), C = w("kv-loan-tag"), V = w("kv-loan-use"), N = w("kv-loan-callouts"), _ = w("kv-loan-progress-group"), A = w("kv-select"), M = w("kv-lend-cta");
+  return n(), 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
     }]),
     "aria-busy": e.isLoading ? "true" : "false"
   }, [
-    t.showRefreshButton ? (o(), l("button", {
+    t.showRefreshButton ? (n(), 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] = (...a) => e.handleRefreshButton && e.handleRefreshButton(...a))
+      onClick: o[0] || (o[0] = (...a) => e.handleRefreshButton && e.handleRefreshButton(...a))
     }, [
       i(y, {
         icon: e.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", S, [
+    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,
@@ -44,7 +44,7 @@ function Q(k, n, t, e, X, Y) {
         }]),
         style: b(e.customStyle)
       }, [
-        e.isLoading ? (o(), d(h, {
+        e.isLoading ? (n(), d(h, {
           key: 0,
           "aria-hidden": "true",
           class: s({
@@ -52,18 +52,18 @@ function Q(k, n, t, e, X, Y) {
             "!tw-w-7.5 !tw-h-7.5 md:!tw-w-12.5 md:!tw-h-12.5": e.isPostGoalVariant
           }),
           style: b(e.borrowerImageStyle)
-        }, null, 8, ["class", "style"])) : (o(), l("div", D, [
-          (o(), d(g(e.tag), {
+        }, null, 8, ["class", "style"])) : (n(), l("div", U, [
+          (n(), d(k(e.tag), {
             to: e.readMorePath,
             href: e.readMorePath,
             target: t.externalLinksNewTab ? "_blank" : void 0,
             rel: t.externalLinksNewTab ? "noopener noreferrer" : void 0,
             class: "tw-flex",
             "aria-label": "Borrower image",
-            onClick: n[1] || (n[1] = (a) => e.clickReadMore("Photo", a))
+            onClick: o[1] || (o[1] = (a) => e.clickReadMore("Photo", a))
           }, {
             default: f(() => [
-              i(L, {
+              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
@@ -83,36 +83,36 @@ function Q(k, n, t, e, X, Y) {
         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 }])
         }, [
-          t.businessName ? (o(), l("div", U, [
-            (o(), d(g(e.tag), {
+          t.businessName ? (n(), l("div", W, [
+            (n(), d(k(e.tag), {
               to: e.readMorePath,
               href: e.readMorePath,
               target: t.externalLinksNewTab ? "_blank" : void 0,
               rel: t.externalLinksNewTab ? "noopener noreferrer" : void 0,
               class: "tw-no-underline hover:tw-underline focus:tw-no-underline",
               "aria-label": "Business name",
-              onClick: n[2] || (n[2] = (a) => e.clickReadMore("Business", a))
+              onClick: o[2] || (o[2] = (a) => e.clickReadMore("Business", a))
             }, {
               default: f(() => [
-                r("h3", W, c(t.businessName), 1)
+                r("h3", E, c(t.businessName), 1)
               ]),
               _: 1
             }, 8, ["to", "href", "target", "rel"])),
-            t.website ? (o(), l("a", {
+            t.website ? (n(), l("a", {
               key: 0,
               href: e.formattedWebsite,
               target: "_blank",
               class: "tw-flex tw-items-center tw-gap-0.5 tw-text-secondary tw-text-small tw-font-light tw-leading-normal tw-no-underline hover:tw-underline",
-              onClick: n[3] || (n[3] = R((...a) => e.trackWebsiteClick && e.trackWebsiteClick(...a), ["stop"]))
+              onClick: o[3] || (o[3] = R((...a) => e.trackWebsiteClick && e.trackWebsiteClick(...a), ["stop"]))
             }, [
               i(y, {
                 icon: e.mdiLink,
                 class: "tw-w-2 tw-h-2"
               }, null, 8, ["icon"]),
-              r("span", F, c(t.website), 1)
-            ], 8, E)) : m("", !0)
+              r("span", I, c(t.website), 1)
+            ], 8, F)) : m("", !0)
           ])) : m("", !0),
-          e.isLoading ? m("", !0) : (o(), d(g(e.tag), {
+          e.isLoading ? m("", !0) : (n(), d(k(e.tag), {
             key: 1,
             to: e.readMorePath,
             href: e.readMorePath,
@@ -120,10 +120,10 @@ function Q(k, n, t, e, X, Y) {
             rel: t.externalLinksNewTab ? "noopener noreferrer" : void 0,
             class: "tw-flex tw-no-underline hover:tw-no-underline focus:tw-no-underline -tw-mt-1",
             "aria-label": "Loan tag",
-            onClick: n[4] || (n[4] = (a) => e.clickReadMore("Tag", a))
+            onClick: o[4] || (o[4] = (a) => e.clickReadMore("Tag", a))
           }, {
             default: f(() => [
-              t.showTags ? (o(), d(P, {
+              t.showTags ? (n(), d(C, {
                 key: 0,
                 class: s({
                   "tw-mb-1 !tw-font-medium": e.isPostGoalVariant
@@ -133,11 +133,11 @@ function Q(k, n, t, e, X, Y) {
             ]),
             _: 1
           }, 8, ["to", "href", "target", "rel"])),
-          e.isPostGoalVariant ? (o(), l(u, { key: 2 }, [
-            e.isLoading ? (o(), l(u, { key: 0 }, v(4, (a) => i(h, {
+          e.isPostGoalVariant ? (n(), l(u, { key: 2 }, [
+            e.isLoading ? (n(), l(u, { 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)) : (o(), l("p", {
+            })), 64)) : (n(), l("p", {
               key: 1,
               class: "tw-text-small tw-mb-0 tw-leading-normal",
               style: { "line-height": "150%" },
@@ -149,7 +149,7 @@ function Q(k, n, t, e, X, Y) {
               r("span", null, c(e.loanUsePrefixEnd), 1),
               r("span", null, c(e.visibleUseStatement), 1)
             ], 8, O))
-          ], 64)) : t.showLoanUse ? (o(), d(g(e.tag), {
+          ], 64)) : t.showLoanUse ? (n(), d(k(e.tag), {
             key: 3,
             to: e.readMorePath,
             href: e.readMorePath,
@@ -157,21 +157,21 @@ function Q(k, n, t, e, X, Y) {
             rel: t.externalLinksNewTab ? "noopener noreferrer" : void 0,
             class: "loan-card-use tw-no-underline tw-text-primary tw-block tw-w-full",
             "aria-label": "Loan use",
-            onClick: n[5] || (n[5] = (a) => e.clickReadMore("Use", a))
+            onClick: o[5] || (o[5] = (a) => e.clickReadMore("Use", a))
           }, {
             default: f(() => [
-              e.isLoading ? (o(), l("div", I, [
-                (o(!0), l(u, null, v([...Array(e.loanUseLoadingRows)], (a, M) => (o(), l("div", {
-                  key: M,
+              e.isLoading ? (n(), l("div", K, [
+                (n(!0), l(u, null, v([...Array(e.loanUseLoadingRows)], (a, T) => (n(), l("div", {
+                  key: T,
                   class: "tw-h-2 tw-mb-1"
                 }, [
                   i(h)
                 ]))), 128))
-              ])) : (o(), l("div", {
+              ])) : (n(), l("div", {
                 key: 1,
                 class: s(["loan-card-use-text tw-w-full tw-overflow-hidden", { "!tw--mt-1": t.showTags && t.loan.matchingText && t.showLightView }])
               }, [
-                i(C, {
+                i(V, {
                   use: e.loanUse,
                   "loan-amount": e.loanAmount,
                   status: e.loanStatus,
@@ -190,15 +190,15 @@ function Q(k, n, t, e, X, Y) {
           }, 8, ["to", "href", "target", "rel"])) : m("", !0)
         ], 2)
       ], 6),
-      e.isLoading || typeof e.loanCallouts > "u" ? (o(), d(h, {
+      e.isLoading || typeof e.loanCallouts > "u" ? (n(), d(h, {
         key: 0,
         class: "tw-mt-1.5 tw-mb-1 tw-rounded-full",
         style: { width: "60%", height: "1.5rem" }
-      })) : (o(), d(V, {
+      })) : (n(), d(N, {
         key: 1,
         callouts: e.loanCallouts,
         class: s(["tw-mt-1.5", { "goal-variant-callouts": e.isPostGoalVariant }]),
-        onClick: n[6] || (n[6] = (a) => k.$emit("jump-filter-page", a))
+        onClick: o[6] || (o[6] = (a) => g.$emit("jump-filter-page", a))
       }, null, 8, ["callouts", "class"]))
     ]),
     r("div", {
@@ -207,28 +207,28 @@ function Q(k, n, t, e, X, Y) {
         "!tw-items-end !tw-gap-2": e.isPostGoalVariant
       }])
     }, [
-      e.hasProgressData ? e.isPostGoalVariant ? (o(), l(u, { key: 1 }, [
-        r("div", z, [
+      e.hasProgressData ? e.isPostGoalVariant ? (n(), l(u, { key: 1 }, [
+        r("div", H, [
           i(_, {
             "money-left": e.unreservedAmount,
             "progress-percent": e.fundraisingPercent,
             class: "tw-text-black goal-variant-progress-group"
           }, null, 8, ["money-left", "progress-percent"])
         ]),
-        r("div", H, [
-          i(N, {
+        r("div", null, [
+          i(A, {
             id: `PostGoalAmountDropdown_${((x = t.loan) == null ? void 0 : x.id) ?? t.loanId}`,
             modelValue: e.selectedAmount,
             "onUpdate:modelValue": [
-              n[7] || (n[7] = (a) => e.selectedAmount = a),
+              o[7] || (o[7] = (a) => e.selectedAmount = a),
               e.handleSelectedAmount
             ],
             "aria-label": "Lend amount",
-            disabled: !e.amountOptions.length,
+            disabled: !e.amountOptions.length || L.isInBasket,
             class: "amount-dropdown"
           }, {
             default: f(() => [
-              (o(!0), l(u, null, v(e.amountOptions, (a) => (o(), l("option", {
+              (n(!0), l(u, null, v(e.amountOptions, (a) => (n(), l("option", {
                 key: a,
                 value: a
               }, " $" + c(a), 9, Z))), 128))
@@ -236,9 +236,9 @@ function Q(k, n, t, e, X, Y) {
             _: 1
           }, 8, ["id", "modelValue", "disabled", "onUpdate:modelValue"])
         ])
-      ], 64)) : (o(), l(u, { key: 2 }, [
+      ], 64)) : (n(), l(u, { key: 2 }, [
         r("div", q, [
-          e.sharesAvailable ? (o(), d(g(e.tag), {
+          e.sharesAvailable ? (n(), d(k(e.tag), {
             key: 0,
             to: e.readMorePath,
             href: e.readMorePath,
@@ -246,7 +246,7 @@ function Q(k, n, t, e, X, Y) {
             rel: t.externalLinksNewTab ? "noopener noreferrer" : void 0,
             class: "loan-card-progress tw-no-underline tw-block",
             "aria-label": "Loan progress",
-            onClick: n[8] || (n[8] = (a) => e.clickReadMore("Progress", a))
+            onClick: o[8] || (o[8] = (a) => e.clickReadMore("Progress", a))
           }, {
             default: f(() => [
               i(_, {
@@ -259,19 +259,19 @@ function Q(k, n, t, e, X, Y) {
             _: 1
           }, 8, ["to", "href", "target", "rel"])) : m("", !0)
         ]),
-        t.showLightView ? (o(), l("button", {
+        t.showLightView ? (n(), l("button", {
           key: 0,
           class: "tw-ml-2",
-          onClick: n[9] || (n[9] = (a) => e.clickReadMore("View", a))
+          onClick: o[9] || (o[9] = (a) => e.clickReadMore("View", a))
         }, [
           r("span", J, " $" + c(t.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", {
+          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", {
           key: 1,
           class: s(["tw-flex-shrink-0 loan-card-cta", { "tw-w-full": !e.sharesAvailable }]),
           style: { height: "40px" }
         }, [
-          i(A, {
+          i(M, {
             loan: t.loan,
             "unreserved-amount": e.unreservedAmount,
             "basket-items": t.basketItems,
@@ -291,13 +291,13 @@ function Q(k, n, t, e, X, Y) {
             "primary-button-text": t.primaryButtonText,
             "secondary-button-text": t.secondaryButtonText,
             "secondary-button-handler": t.secondaryButtonHandler,
-            onAddToBasket: n[10] || (n[10] = (a) => k.$emit("add-to-basket", a)),
-            onShowLoanDetails: n[11] || (n[11] = (a) => e.clickReadMore("ViewLoan", a)),
-            onRemoveFromBasket: n[12] || (n[12] = (a) => k.$emit("remove-from-basket", a))
+            onAddToBasket: o[10] || (o[10] = (a) => g.$emit("add-to-basket", a)),
+            onShowLoanDetails: o[11] || (o[11] = (a) => e.clickReadMore("ViewLoan", a)),
+            onRemoveFromBasket: o[12] || (o[12] = (a) => g.$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)) : (o(), l(u, { key: 0 }, [
-        r("div", K, [
+      ], 64)) : (n(), l(u, { key: 0 }, [
+        r("div", z, [
           i(h, {
             class: "tw-mb-0.5",
             style: { width: "100%", maxWidth: "11rem", height: "1rem" }
@@ -307,18 +307,18 @@ function Q(k, n, t, e, X, Y) {
             style: { width: "100%", maxWidth: "11rem", height: "0.5rem" }
           })
         ]),
-        e.allDataLoaded ? m("", !0) : (o(), d(h, {
+        e.allDataLoaded ? m("", !0) : (n(), d(h, {
           key: 0,
           class: "tw-rounded tw-flex-shrink-0",
           style: { width: "8rem", height: "2.5rem" }
         }))
       ], 64))
     ], 2)
-  ], 10, G);
+  ], 10, S);
 }
-const ae = /* @__PURE__ */ B(T, [["render", Q], ["__scopeId", "data-v-7b59a69b"]]);
+const te = /* @__PURE__ */ G(B, [["render", Q], ["__scopeId", "data-v-02c91111"]]);
 export {
-  le as KV_COMPACT_LOAN_CARD_FRAGMENT,
-  re as KV_COMPACT_LOAN_CARD_USER_FRAGMENT,
-  ae as default
+  oe as KV_COMPACT_LOAN_CARD_FRAGMENT,
+  le as KV_COMPACT_LOAN_CARD_USER_FRAGMENT,
+  te as default
 };

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

@@ -193,6 +193,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }, {}, {
     lendersNumber(): any;
     amountLent(): any;
+    isInBasket(): any;
 }, {}, 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<{
     variant: {
         type: StringConstructor;