@kiva/kv-components 8.7.5 → 8.8.0

package/dist/vue/KvCompactLoanCard.css

@@ -1 +1 @@
-.loan-card-use[data-v-c9a32dfb]:hover,.loan-card-use[data-v-c9a32dfb]: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-c9a32dfb]{text-decoration-line:underline}.loan-card-progress[data-v-c9a32dfb]:hover,.loan-card-progress[data-v-c9a32dfb]:focus{text-decoration-line:none}.loan-card-use-text[data-v-c9a32dfb] 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-c9a32dfb] form,.loan-card-cta[data-v-c9a32dfb] fieldset,.loan-card-cta[data-v-c9a32dfb] .tw-w-full,.loan-card-cta[data-v-c9a32dfb] button{height:40px!important;max-height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important}.loan-card-cta[data-v-c9a32dfb] .tw-inline-flex{height:40px!important;max-height:40px!important;min-height:40px!important}
+.loan-card-use[data-v-b1272f83]:hover,.loan-card-use[data-v-b1272f83]: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-b1272f83]{text-decoration-line:underline}.loan-card-progress[data-v-b1272f83]:hover,.loan-card-progress[data-v-b1272f83]:focus{text-decoration-line:none}.loan-card-use-text[data-v-b1272f83] 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-b1272f83] form,.loan-card-cta[data-v-b1272f83] fieldset,.loan-card-cta[data-v-b1272f83] .tw-w-full,.loan-card-cta[data-v-b1272f83] button{height:40px!important;max-height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important}.loan-card-cta[data-v-b1272f83] .tw-inline-flex{height:40px!important;max-height:40px!important;min-height:40px!important}

package/dist/vue/KvCompactLoanCard.js

@@ -2,8 +2,8 @@ import N from "./KvCompactLoanCard2.js";
 import { KV_COMPACT_LOAN_CARD_FRAGMENT as p, KV_COMPACT_LOAN_CARD_USER_FRAGMENT as $ } from "./KvCompactLoanCard2.js";
 import { resolveComponent as w, openBlock as a, createElementBlock as l, normalizeClass as c, createVNode as i, createCommentVNode as d, createElementVNode as r, normalizeStyle as T, createBlock as s, resolveDynamicComponent as u, withCtx as f, toDisplayString as k, withModifiers as P, Fragment as g, renderList as A } from "vue";
 import "./KvCompactLoanCard.css";
-import B from "../_virtual/_plugin-vue_export-helper.js";
-const V = { class: "tw-flex tw-flex-col tw-items-start tw-w-full" }, R = { class: "tw-flex-shrink-0 tw-overflow-hidden" }, D = { class: "tw-flex tw-flex-col tw-items-start tw-gap-1 tw-flex-1 tw-min-w-0" }, S = {
+import R from "../_virtual/_plugin-vue_export-helper.js";
+const B = { class: "tw-flex tw-flex-col tw-items-start tw-w-full" }, V = { class: "tw-flex-shrink-0 tw-overflow-hidden" }, D = { class: "tw-flex tw-flex-col tw-items-start tw-gap-1 tw-flex-1 tw-min-w-0" }, S = {
   key: 0,
   class: "tw-mb-0.5 tw-w-full"
 }, F = { class: "tw-text-primary !tw-font-medium tw-text-base tw-leading-normal tw-truncate" }, W = ["href"], j = { class: "tw-truncate" }, E = {
@@ -13,24 +13,24 @@ const V = { class: "tw-flex tw-flex-col tw-items-start tw-w-full" }, R = { class
 function z(h, o, t, e, G, H) {
   const b = w("kv-material-icon"), v = w("kv-borrower-image"), x = w("kv-loan-tag"), m = w("kv-loading-placeholder"), _ = w("kv-loan-use"), y = w("kv-loan-callouts"), L = w("kv-loan-progress-group"), C = w("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-rounded-md tw-shadow-lg tw-w-full", { "tw-relative": t.showCloseButton, "!tw-p-1.5": t.showLightView }])
+    class: c(["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 }])
   }, [
-    t.showCloseButton ? (a(), l("button", {
+    t.showRefreshButton ? (a(), l("button", {
       key: 0,
-      class: "tw-absolute tw--top-1 tw--right-1 tw-p-0.5 tw-bg-white tw-rounded-full tw-w-2.5 tw-h-2.5 tw-flex tw-items-center tw-justify-center tw-cursor-pointer tw-drop-shadow-sm",
-      onClick: o[0] || (o[0] = (...n) => e.handleCloseButton && e.handleCloseButton(...n))
+      class: "tw-absolute tw--top-1 tw--right-1 tw-bg-white tw-rounded-full tw-w-2.5 tw-h-2.5 tw-flex tw-items-center tw-justify-center tw-cursor-pointer tw-drop-shadow-sm",
+      onClick: o[0] || (o[0] = (...n) => e.handleRefreshButton && e.handleRefreshButton(...n))
     }, [
       i(b, {
-        icon: e.mdiClose,
-        class: "tw-w-1.5 tw-h-1.5"
+        icon: e.mdiCached,
+        class: "tw-w-2.5 tw-h-2.5 tw--scale-x-100 tw-text-gray-500"
       }, null, 8, ["icon"])
     ])) : d("", !0),
-    r("div", V, [
+    r("div", B, [
       r("div", {
         class: c(["tw-flex tw-items-start tw-gap-2 tw-w-full loan-card-active-hover", { "!tw-gap-1": t.showLightView }]),
         style: T(e.customStyle)
       }, [
-        r("div", R, [
+        r("div", V, [
           (a(), s(u(e.tag), {
             to: e.readMorePath,
             href: e.readMorePath,
@@ -240,7 +240,7 @@ function z(h, o, t, e, G, H) {
     ], 2)
   ], 2);
 }
-const Q = /* @__PURE__ */ B(N, [["render", z], ["__scopeId", "data-v-c9a32dfb"]]);
+const Q = /* @__PURE__ */ R(N, [["render", z], ["__scopeId", "data-v-b1272f83"]]);
 export {
   p as KV_COMPACT_LOAN_CARD_FRAGMENT,
   $ as KV_COMPACT_LOAN_CARD_USER_FRAGMENT,

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

@@ -127,7 +127,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: NumberConstructor;
         default: number;
     };
-    showCloseButton: {
+    showRefreshButton: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -155,7 +155,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     mdiMapMarker: string;
     mdiHome: string;
     mdiLink: string;
-    mdiClose: string;
+    mdiCached: string;
     readMorePath: import('vue').ComputedRef<any>;
     state: import('vue').ComputedRef<any>;
     tag: import('vue').ComputedRef<"router-link" | "a">;
@@ -168,11 +168,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     loanUseLoadingRows: import('vue').ComputedRef<3 | 4>;
     clickReadMore: (target: string, event: Event) => void;
     trackWebsiteClick: () => void;
-    handleCloseButton: (event: any) => void;
+    handleRefreshButton: (event: any) => void;
 }, {}, {
     lendersNumber(): any;
     amountLent(): any;
-}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("add-to-basket" | "remove-from-basket" | "jump-filter-page" | "close-button")[], "add-to-basket" | "remove-from-basket" | "jump-filter-page" | "close-button", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("add-to-basket" | "remove-from-basket" | "jump-filter-page" | "refresh-button")[], "add-to-basket" | "remove-from-basket" | "jump-filter-page" | "refresh-button", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     loanId: {
         type: NumberConstructor;
         default: any;
@@ -297,7 +297,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: NumberConstructor;
         default: number;
     };
-    showCloseButton: {
+    showRefreshButton: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -309,7 +309,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     "onAdd-to-basket"?: (...args: any[]) => any;
     "onRemove-from-basket"?: (...args: any[]) => any;
     "onJump-filter-page"?: (...args: any[]) => any;
-    "onClose-button"?: (...args: any[]) => any;
+    "onRefresh-button"?: (...args: any[]) => any;
 }>, {
     loan: Record<string, any>;
     externalLinks: boolean;
@@ -340,7 +340,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     website: string;
     showLoanUse: boolean;
     showLightView: boolean;
-    showCloseButton: boolean;
+    showRefreshButton: boolean;
     customAmountLent: string;
 }, {}, {
     KvBorrowerImage: import('vue').DefineComponent<import('vue').ExtractPropTypes<{

package/dist/vue/KvCompactLoanCard2.js

@@ -1,7 +1,7 @@
 import r from "graphql-tag";
-import F from "numeral";
+import R from "numeral";
 import { computed as n } from "vue";
-import { mdiMapMarker as M, mdiHome as S, mdiLink as E, mdiClose as R } from "@mdi/js";
+import { mdiMapMarker as F, mdiHome as M, mdiLink as S, mdiCached as E } from "@mdi/js";
 import { LOAN_CALLOUTS_FRAGMENT as O, LOAN_GEOCODE_FRAGMENT as G, LOAN_PROGRESS_FRAGMENT as P, loanCardComputedProperties as V, loanCardMethods as U } from "../utils/loanCard.js";
 import D from "./KvLoanUse.js";
 import $ from "./KvBorrowerImage.js";
@@ -15,7 +15,7 @@ import z from "./KvLoanTeamPick.js";
 import { KV_LEND_CTA_FRAGMENT as J, KV_LEND_CTA_USER_FRAGMENT as Q } from "./KvLendCta2.js";
 import { KV_LOAN_TAG_FRAGMENT as X } from "./KvLoanTag2.js";
 import { KV_LOAN_USE_FRAGMENT as Y } from "./KvLoanUse2.js";
-const Ce = r`
+const ge = r`
 	fragment KvCompactLoanCard on LoanBasic {
 		id
 		image {
@@ -43,7 +43,7 @@ const Ce = r`
 	${O}
 	${G}
 	${P}
-`, he = r`
+`, Ce = r`
 	fragment KvCompactLoanCardUser on LoanBasic {
 		id
 		...KvLendCtaUser
@@ -187,7 +187,7 @@ const Ce = r`
       type: Number,
       default: 0
     },
-    showCloseButton: {
+    showRefreshButton: {
       type: Boolean,
       default: !1
     },
@@ -197,7 +197,7 @@ const Ce = r`
     }
   },
   emits: [
-    "close-button",
+    "refresh-button",
     "jump-filter-page",
     "add-to-basket",
     "remove-from-basket"
@@ -206,8 +206,8 @@ const Ce = r`
     const {
       allDataLoaded: a,
       borrowerName: i,
-      city: l,
-      countryName: s,
+      city: s,
+      countryName: l,
       distributionModel: u,
       formattedLocation: d,
       fundraisingPercent: m,
@@ -215,10 +215,10 @@ const Ce = r`
       imageHash: c,
       isLoading: p,
       loanAmount: L,
-      loanBorrowerCount: y,
-      loanCallouts: g,
-      loanStatus: C,
-      loanUse: h,
+      loanBorrowerCount: h,
+      loanCallouts: y,
+      loanStatus: g,
+      loanUse: C,
       readMorePath: A,
       state: _,
       tag: N,
@@ -238,8 +238,8 @@ const Ce = r`
     return {
       allDataLoaded: a,
       borrowerName: i,
-      city: l,
-      countryName: s,
+      city: s,
+      countryName: l,
       distributionModel: u,
       formattedLocation: d,
       formattedWebsite: v,
@@ -248,14 +248,14 @@ const Ce = r`
       imageHash: c,
       isLoading: p,
       loanAmount: L,
-      loanBorrowerCount: y,
-      loanCallouts: g,
-      loanStatus: C,
-      loanUse: h,
-      mdiMapMarker: M,
-      mdiHome: S,
-      mdiLink: E,
-      mdiClose: R,
+      loanBorrowerCount: h,
+      loanCallouts: y,
+      loanStatus: g,
+      loanUse: C,
+      mdiMapMarker: F,
+      mdiHome: M,
+      mdiLink: S,
+      mdiCached: E,
       readMorePath: A,
       state: _,
       tag: N,
@@ -267,8 +267,8 @@ const Ce = r`
       trackWebsiteClick: () => {
         e.kvTrackFunction("Lending", "click-Business Website", "Website", e.loanId);
       },
-      handleCloseButton: (o) => {
-        t("close-button", o);
+      handleRefreshButton: (o) => {
+        t("refresh-button", o);
       }
     };
   },
@@ -280,12 +280,12 @@ const Ce = r`
     amountLent() {
       var t, a;
       const e = ((a = (t = this.loan) == null ? void 0 : t.loanFundraisingInfo) == null ? void 0 : a.fundedAmount) ?? 0;
-      return F(e).format("$0,0");
+      return R(e).format("$0,0");
     }
   }
 };
 export {
-  Ce as KV_COMPACT_LOAN_CARD_FRAGMENT,
-  he as KV_COMPACT_LOAN_CARD_USER_FRAGMENT,
+  ge as KV_COMPACT_LOAN_CARD_FRAGMENT,
+  Ce as KV_COMPACT_LOAN_CARD_USER_FRAGMENT,
   Ae as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "8.7.5",
+  "version": "8.8.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -125,5 +125,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "205b6ec176cf4cbf5d8028e9ded54a67c56cb767"
+  "gitHead": "ad3a7e8530e8f47ad2a93e41c3307173755dbcde"
 }