@kiva/kv-components 6.57.5 → 6.57.7

package/dist/vue/KvAtbModal.css

@@ -1 +1 @@
-@media (min-width: 45.875rem){.cart-modal[data-v-2070d628] div.container{right:var(--modal-right)!important;top:var(--modal-top)!important}}
+@media (min-width: 45.875rem){.cart-modal[data-v-85b67e19] div.container{right:var(--modal-right)!important;top:var(--modal-top)!important}}

package/dist/vue/KvAtbModal.js

@@ -103,20 +103,20 @@ const Q = {
   ],
   setup(b, { emit: i }) {
     const {
-      modalVisible: a,
+      modalVisible: r,
       addedLoan: l,
       userData: m,
       hasEverLoggedIn: A,
       myKivaExperimentEnabled: p,
       oneLoanAwayCategory: w,
       oneLoanAwayFilteredUrl: v,
-      milestonesProgress: q
+      milestonesProgress: P
     } = N(b), f = E(0), k = E(0), Z = C(() => {
       var t;
       return ((t = l.value) == null ? void 0 : t.basketSize) ?? 0;
-    }), H = C(() => {
-      const t = `${window.innerWidth - k.value - 200}`, o = `${f.value}`;
-      return { right: t, top: o };
+    }), q = C(() => {
+      const t = window.innerWidth - k.value - 200, o = `${t > 0 ? t : 0}`, n = `${f.value}`;
+      return { right: o, top: n };
     }), u = C(() => {
       var t;
       return (t = l.value) == null ? void 0 : t.name;
@@ -124,13 +124,13 @@ const Q = {
       var t;
       return !((t = m.value) != null && t.my);
     }), g = C(() => {
-      var t, o, r;
-      return p.value && (_.value && !A.value || !_.value && !((r = (o = (t = m.value) == null ? void 0 : t.my) == null ? void 0 : o.loans) != null && r.totalCount)) && Z.value === 1;
-    }), x = C(() => w.value && v.value && !g.value), j = C(() => Object.values(q.value).reduce((t, o) => t + (o > 0 ? o : 0), 0)), P = C(() => {
-      var o, r, s;
+      var t, o, n;
+      return p.value && (_.value && !A.value || !_.value && !((n = (o = (t = m.value) == null ? void 0 : t.my) == null ? void 0 : o.loans) != null && n.totalCount)) && Z.value === 1;
+    }), x = C(() => w.value && v.value && !g.value), j = C(() => Object.values(P.value).reduce((t, o) => t + (o > 0 ? o : 0), 0)), H = C(() => {
+      var o, n, s;
       if (g.value) {
-        const n = `Supporting ${u.value} helps`;
-        return ((o = l.value) == null ? void 0 : o.borrowerCount) > 1 || (r = l.value) != null && r.themes.includes("Social Enterprise") ? `${n} them invest in themselves.` : ((s = l.value) == null ? void 0 : s.gender) === "male" ? `${n} him invest in himself.` : `${n} her invest in herself.`;
+        const a = `Supporting ${u.value} helps`;
+        return ((o = l.value) == null ? void 0 : o.borrowerCount) > 1 || (n = l.value) != null && n.themes.includes("Social Enterprise") ? `${a} them invest in themselves.` : ((s = l.value) == null ? void 0 : s.gender) === "male" ? `${a} him invest in himself.` : `${a} her invest in herself.`;
       }
       if (x.value)
         return "You’re close to your next achievement!";
@@ -143,24 +143,24 @@ const Q = {
       o && V(o), i("reset-modal");
     }, M = () => {
       const t = document.getElementsByTagName("header")[0], o = (t == null ? void 0 : t.getBoundingClientRect()) ?? null;
-      let r = [...document.querySelectorAll('[data-testid="header-basket"]')], s = r.find((L) => L == null ? void 0 : L.clientHeight);
-      s || (r = [...document.querySelectorAll('[data-testid="header-about"]')], s = r.find((L) => L == null ? void 0 : L.clientHeight));
-      const n = (s == null ? void 0 : s.getBoundingClientRect()) ?? null;
-      n && (n == null ? void 0 : n.right) !== k.value && (k.value = n == null ? void 0 : n.right), o && (o == null ? void 0 : o.bottom) !== f.value && (f.value = o == null ? void 0 : o.bottom);
+      let n = [...document.querySelectorAll('[data-testid="header-basket"]')], s = n.find((L) => L == null ? void 0 : L.clientHeight);
+      s || (n = [...document.querySelectorAll('[data-testid="header-about"]')], s = n.find((L) => L == null ? void 0 : L.clientHeight));
+      const a = (s == null ? void 0 : s.getBoundingClientRect()) ?? null;
+      a && (a == null ? void 0 : a.right) !== k.value && (k.value = a == null ? void 0 : a.right), o && (o == null ? void 0 : o.bottom) !== f.value && (f.value = o == null ? void 0 : o.bottom);
     }, c = G(M, 50);
-    return F(a, () => {
-      a.value && M();
+    return F(r, () => {
+      r.value && M();
     }, { immediate: !0 }), O(() => {
       M(), window.addEventListener("scroll", c), window.addEventListener("resize", c);
     }), z(() => {
       window.removeEventListener("scroll", c), window.removeEventListener("resize", c);
     }), {
-      modalPosition: H,
+      modalPosition: q,
       basketCount: Z,
       isFirstLoan: g,
       borrowerName: u,
       showOneAway: x,
-      pillMsg: P,
+      pillMsg: H,
       closeCartModal: K
     };
   }
@@ -187,27 +187,27 @@ const Q = {
   key: 2,
   class: "tw-text-h5"
 };
-function o1(b, i, a, l, m, A) {
+function o1(b, i, r, l, m, A) {
   const p = B("KvCartPill"), w = B("KvCartModal");
-  return a.modalVisible ? (d(), D(w, {
+  return r.modalVisible ? (d(), D(w, {
     key: 0,
     style: R({
       "--modal-right": `${l.modalPosition.right}px`,
       "--modal-top": `${l.modalPosition.top}px`
     }),
     class: "cart-modal !tw-top-0",
-    visible: a.modalVisible,
-    "photo-path": a.photoPath,
+    visible: r.modalVisible,
+    "photo-path": r.photoPath,
     "basket-count": l.basketCount,
-    "category-name": a.oneLoanAwayCategory,
+    "category-name": r.oneLoanAwayCategory,
     onCartModalClosed: l.closeCartModal
   }, {
     content: S(() => [
-      a.showModalContent || l.isFirstLoan ? (d(), h("div", X, [
+      r.showModalContent || l.isFirstLoan ? (d(), h("div", X, [
         T(p, {
           class: "!tw-w-full tw-justify-center",
           "borrower-name": l.borrowerName,
-          "milestones-number": a.milestonesNumber,
+          "milestones-number": r.milestonesNumber,
           "is-close-next-milestone": l.showOneAway,
           "custom-message": l.pillMsg
         }, {
@@ -380,7 +380,7 @@ function o1(b, i, a, l, m, A) {
                   fill: "#757575"
                 }, null, -1)
               ]))),
-              l.showOneAway ? (d(), h("div", t1, U(a.oneAwayText), 1)) : y("", !0)
+              l.showOneAway ? (d(), h("div", t1, U(r.oneAwayText), 1)) : y("", !0)
             ], 2)
           ]),
           _: 1
@@ -390,7 +390,7 @@ function o1(b, i, a, l, m, A) {
     _: 1
   }, 8, ["style", "visible", "photo-path", "basket-count", "category-name", "onCartModalClosed"])) : y("", !0);
 }
-const C1 = /* @__PURE__ */ J(Q, [["render", o1], ["__scopeId", "data-v-2070d628"]]);
+const C1 = /* @__PURE__ */ J(Q, [["render", o1], ["__scopeId", "data-v-85b67e19"]]);
 export {
   C1 as default
 };

package/dist/vue/KvClassicLoanCard.css

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

package/dist/vue/KvClassicLoanCard.js

@@ -12,12 +12,13 @@ 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 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 { resolveComponent as i, openBlock as o, createElementBlock as m, normalizeClass as s, normalizeStyle as le, createElementVNode as c, createBlock as r, resolveDynamicComponent as g, withCtx as k, 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`
 	fragment KvClassicLoanCard on LoanBasic {
 		id
+		gender
 		image {
 			id
 			hash # for imageHash
@@ -273,10 +274,10 @@ const Ge = K`
 }, ue = { class: "tw-grow" }, ce = { class: "loan-card-active-hover" }, we = {
   key: 1,
   class: "tw-relative"
-}, fe = { key: 0 }, ke = {
+}, fe = { key: 0 }, ge = {
   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" }
-}, ge = { class: "tw-mb-1.5 tw-pt-1" }, ve = { key: 1 }, he = {
+}, ke = { class: "tw-mb-1.5 tw-pt-1" }, ve = { key: 1 }, he = {
   key: 0,
   class: "tw-w-full tw-pt-1 tw-pr-1"
 }, be = {
@@ -300,14 +301,14 @@ function _e(l, a, e, t, T, d) {
           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(), r(k(t.tag), {
+          (o(), r(g(t.tag), {
             to: t.readMorePath,
             href: t.readMorePath,
             class: "tw-flex",
             "aria-label": "Borrower image",
             onClick: a[0] || (a[0] = (n) => t.clickReadMore("Photo", n))
           }, {
-            default: g(() => [
+            default: k(() => [
               w(v, {
                 class: s(["tw-relative tw-w-full tw-bg-black", { "tw-rounded-t": e.largeCard, "tw-rounded": !e.largeCard }]),
                 alt: `Photo of ${t.borrowerName}`,
@@ -318,7 +319,7 @@ function _e(l, a, e, t, T, d) {
                 "photo-path": e.photoPath
               }, null, 8, ["class", "alt", "aspect-ratio", "default-image", "hash", "images", "photo-path"]),
               t.countryName ? (o(), m("div", fe, [
-                c("p", ke, [
+                c("p", ge, [
                   w(h, {
                     class: "tw-h-2 tw-w-2",
                     icon: t.mdiMapMarker
@@ -345,14 +346,14 @@ 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(), r(k(t.tag), {
+        (o(), r(g(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 }]),
           "aria-label": "Loan tag",
           onClick: a[2] || (a[2] = (n) => t.clickReadMore("Tag", n))
         }, {
-          default: g(() => [
+          default: k(() => [
             e.showTags && !t.isLoading ? (o(), r(_, {
               key: 0,
               loan: e.loan
@@ -360,15 +361,15 @@ function _e(l, a, e, t, T, d) {
           ]),
           _: 1
         }, 8, ["to", "href", "class"])),
-        (o(), r(k(t.tag), {
+        (o(), r(g(t.tag), {
           to: t.readMorePath,
           href: t.readMorePath,
           class: "loan-card-use tw-no-underline tw-text-primary",
           "aria-label": "Loan use",
           onClick: a[3] || (a[3] = (n) => t.clickReadMore("Use", n))
         }, {
-          default: g(() => [
-            c("div", ge, [
+          default: k(() => [
+            c("div", ke, [
               t.isLoading ? (o(), m("div", {
                 key: 0,
                 class: s(["tw-w-full", { "tw-px-1": e.largeCard }]),
@@ -421,7 +422,7 @@ function _e(l, a, e, t, T, d) {
         })
       ])),
       c("div", null, [
-        t.sharesAvailable ? (o(), r(k(t.tag), {
+        t.sharesAvailable ? (o(), r(g(t.tag), {
           key: 0,
           to: t.readMorePath,
           href: t.readMorePath,
@@ -429,7 +430,7 @@ function _e(l, a, e, t, T, d) {
           "aria-label": "Loan progress",
           onClick: a[5] || (a[5] = (n) => t.clickReadMore("Progress", n))
         }, {
-          default: g(() => [
+          default: k(() => [
             w(A, {
               id: "loanProgress",
               "money-left": t.unreservedAmount,
@@ -498,7 +499,7 @@ function _e(l, a, e, t, T, d) {
     ])) : f("", !0)
   ], 6);
 }
-const Ue = /* @__PURE__ */ de(me, [["render", _e], ["__scopeId", "data-v-bdb91452"]]);
+const Ue = /* @__PURE__ */ de(me, [["render", _e], ["__scopeId", "data-v-9acb8553"]]);
 export {
   Ge as KV_CLASSIC_LOAN_CARD_FRAGMENT,
   Ie as KV_CLASSIC_LOAN_CARD_USER_FRAGMET,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "6.57.5",
+  "version": "6.57.7",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -114,5 +114,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "3aed7624974658c7018a66ce28ccf6d0a3fe42e4"
+  "gitHead": "59526ed2d6727f6ee60c0da4d5f40b9b264b29b9"
 }