@kiva/kv-components 8.3.1 → 8.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/vue/KvCompactLoanCard.css +1 -1
  2. package/dist/vue/KvCompactLoanCard.js +5 -5
  3. package/dist/vue/KvCompactLoanCard.vue.d.ts +1 -0
  4. package/dist/vue/KvCompactLoanCard2.js +49 -48
  5. package/package.json +2 -2
package/dist/vue/KvCompactLoanCard.css CHANGED
@@ -1 +1 @@
1
- .loan-card-use[data-v-b4700d22]:hover,.loan-card-use[data-v-b4700d22]: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-b4700d22]{text-decoration-line:underline}.loan-card-progress[data-v-b4700d22]:hover,.loan-card-progress[data-v-b4700d22]:focus{text-decoration-line:none}.loan-card-use-text[data-v-b4700d22] 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-b4700d22] form,.loan-card-cta[data-v-b4700d22] fieldset,.loan-card-cta[data-v-b4700d22] .tw-w-full,.loan-card-cta[data-v-b4700d22] button{height:40px!important;max-height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important}.loan-card-cta[data-v-b4700d22] .tw-inline-flex{height:40px!important;max-height:40px!important;min-height:40px!important}
1
+ .loan-card-use[data-v-1e5999ce]:hover,.loan-card-use[data-v-1e5999ce]: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-1e5999ce]{text-decoration-line:underline}.loan-card-progress[data-v-1e5999ce]:hover,.loan-card-progress[data-v-1e5999ce]:focus{text-decoration-line:none}.loan-card-use-text[data-v-1e5999ce] 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-1e5999ce] form,.loan-card-cta[data-v-1e5999ce] fieldset,.loan-card-cta[data-v-1e5999ce] .tw-w-full,.loan-card-cta[data-v-1e5999ce] button{height:40px!important;max-height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important}.loan-card-cta[data-v-1e5999ce] .tw-inline-flex{height:40px!important;max-height:40px!important;min-height:40px!important}
package/dist/vue/KvCompactLoanCard.js CHANGED
@@ -9,7 +9,7 @@ const V = { class: "tw-flex tw-flex-col tw-items-start tw-w-full" }, R = { class
9
9
  }, F = { class: "tw-text-primary !tw-font-medium tw-text-base tw-leading-normal tw-truncate" }, W = ["href"], j = { class: "tw-truncate" }, E = {
10
10
  key: 0,
11
11
  class: "loan-card-use-text tw-w-full tw-overflow-hidden"
12
- }, O = { class: "tw-flex-1 tw-min-w-0 tw-mr-1" }, U = { class: "tw-flex-1 tw-min-w-0" }, K = { class: "tw-p-1 tw-rounded-l-sm tw-border tw-border-gray-100 tw-border-r-0" };
12
+ }, U = { class: "tw-flex-1 tw-min-w-0 tw-mr-1" }, O = { class: "tw-flex-1 tw-min-w-0" }, K = { class: "tw-p-1 tw-rounded-l-sm tw-border tw-border-gray-100 tw-border-r-0" };
13
13
  function z(h, o, t, e, G, H) {
14
14
  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");
15
15
  return a(), l("div", {
@@ -114,7 +114,7 @@ function z(h, o, t, e, G, H) {
114
114
  }, {
115
115
  default: f(() => [
116
116
  e.isLoading ? (a(), l("div", E, [
117
- (a(!0), l(g, null, A([...Array(4)], (n, M) => (a(), l("div", {
117
+ (a(!0), l(g, null, A([...Array(e.loanUseLoadingRows)], (n, M) => (a(), l("div", {
118
118
  key: M,
119
119
  class: "tw-h-2 tw-mb-1"
120
120
  }, [
@@ -161,7 +161,7 @@ function z(h, o, t, e, G, H) {
161
161
  ])
162
162
  }, [
163
163
  e.hasProgressData ? (a(), l(g, { key: 1 }, [
164
- r("div", U, [
164
+ r("div", O, [
165
165
  e.sharesAvailable ? (a(), s(u(e.tag), {
166
166
  key: 0,
167
167
  to: e.readMorePath,
@@ -221,7 +221,7 @@ function z(h, o, t, e, G, H) {
221
221
  }, 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"])
222
222
  ], 2))
223
223
  ], 64)) : (a(), l(g, { key: 0 }, [
224
- r("div", O, [
224
+ r("div", U, [
225
225
  i(m, {
226
226
  class: "tw-mb-0.5",
227
227
  style: { width: "100%", maxWidth: "11rem", height: "1rem" }
@@ -240,7 +240,7 @@ function z(h, o, t, e, G, H) {
240
240
  ], 2)
241
241
  ], 2);
242
242
  }
243
- const Q = /* @__PURE__ */ B(N, [["render", z], ["__scopeId", "data-v-b4700d22"]]);
243
+ const Q = /* @__PURE__ */ B(N, [["render", z], ["__scopeId", "data-v-1e5999ce"]]);
244
244
  export {
245
245
  p as KV_COMPACT_LOAN_CARD_FRAGMENT,
246
246
  $ as KV_COMPACT_LOAN_CARD_USER_FRAGMENT,
package/dist/vue/KvCompactLoanCard.vue.d.ts CHANGED
@@ -165,6 +165,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
165
165
  height: string;
166
166
  maxHeight: string;
167
167
  }>;
168
+ loanUseLoadingRows: import('vue').ComputedRef<3 | 4>;
168
169
  clickReadMore: (target: string, event: Event) => void;
169
170
  trackWebsiteClick: () => void;
170
171
  handleCloseButton: (event: any) => void;
package/dist/vue/KvCompactLoanCard2.js CHANGED
@@ -1,20 +1,20 @@
1
1
  import r from "graphql-tag";
2
- import w from "numeral";
2
+ import F from "numeral";
3
3
  import { computed as n } from "vue";
4
- import { mdiMapMarker as F, mdiHome as M, mdiLink as S, mdiClose as E } from "@mdi/js";
5
- import { LOAN_CALLOUTS_FRAGMENT as R, LOAN_GEOCODE_FRAGMENT as O, LOAN_PROGRESS_FRAGMENT as G, loanCardComputedProperties as P, loanCardMethods as V } from "../utils/loanCard.js";
4
+ import { mdiMapMarker as M, mdiHome as S, mdiLink as E, mdiClose as R } from "@mdi/js";
5
+ 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";
6
6
  import D from "./KvLoanUse.js";
7
- import U from "./KvBorrowerImage.js";
8
- import $ from "./KvLoanCallouts.js";
9
- import W from "./KvLendCta.js";
10
- import I from "./KvLoanProgressGroup.js";
11
- import x from "./KvLoanTag.js";
12
- import H from "./KvMaterialIcon.js";
13
- import j from "./KvLoadingPlaceholder.js";
14
- import q from "./KvLoanTeamPick.js";
15
- import { KV_LEND_CTA_FRAGMENT as z, KV_LEND_CTA_USER_FRAGMENT as J } from "./KvLendCta2.js";
16
- import { KV_LOAN_TAG_FRAGMENT as Q } from "./KvLoanTag2.js";
17
- import { KV_LOAN_USE_FRAGMENT as X } from "./KvLoanUse2.js";
7
+ import $ from "./KvBorrowerImage.js";
8
+ import W from "./KvLoanCallouts.js";
9
+ import I from "./KvLendCta.js";
10
+ import x from "./KvLoanProgressGroup.js";
11
+ import H from "./KvLoanTag.js";
12
+ import j from "./KvMaterialIcon.js";
13
+ import q from "./KvLoadingPlaceholder.js";
14
+ import z from "./KvLoanTeamPick.js";
15
+ import { KV_LEND_CTA_FRAGMENT as J, KV_LEND_CTA_USER_FRAGMENT as Q } from "./KvLendCta2.js";
16
+ import { KV_LOAN_TAG_FRAGMENT as X } from "./KvLoanTag2.js";
17
+ import { KV_LOAN_USE_FRAGMENT as Y } from "./KvLoanUse2.js";
18
18
  const Ce = r`
19
19
  fragment KvCompactLoanCard on LoanBasic {
20
20
  id
@@ -37,30 +37,30 @@ const Ce = r`
37
37
  ...LoanGeocode
38
38
  ...LoanProgress
39
39
  }
40
- ${z}
41
- ${Q}
40
+ ${J}
42
41
  ${X}
43
- ${R}
42
+ ${Y}
44
43
  ${O}
45
44
  ${G}
46
- `, ge = r`
45
+ ${P}
46
+ `, he = r`
47
47
  fragment KvCompactLoanCardUser on LoanBasic {
48
48
  id
49
49
  ...KvLendCtaUser
50
50
  }
51
- ${J}
52
- `, he = {
51
+ ${Q}
52
+ `, Ae = {
53
53
  name: "KvCompactLoanCard",
54
54
  components: {
55
- KvBorrowerImage: U,
56
- KvLoadingPlaceholder: j,
55
+ KvBorrowerImage: $,
56
+ KvLoadingPlaceholder: q,
57
57
  KvLoanUse: D,
58
- KvMaterialIcon: H,
59
- KvLendCta: W,
60
- KvLoanTag: x,
61
- KvLoanCallouts: $,
62
- KvLoanTeamPick: q,
63
- KvLoanProgressGroup: I
58
+ KvMaterialIcon: j,
59
+ KvLendCta: I,
60
+ KvLoanTag: H,
61
+ KvLoanCallouts: W,
62
+ KvLoanTeamPick: z,
63
+ KvLoanProgressGroup: x
64
64
  },
65
65
  props: {
66
66
  loanId: {
@@ -205,8 +205,8 @@ const Ce = r`
205
205
  setup(e, { emit: t }) {
206
206
  const {
207
207
  allDataLoaded: a,
208
- borrowerName: l,
209
- city: i,
208
+ borrowerName: i,
209
+ city: l,
210
210
  countryName: s,
211
211
  distributionModel: u,
212
212
  formattedLocation: d,
@@ -216,29 +216,29 @@ const Ce = r`
216
216
  isLoading: p,
217
217
  loanAmount: L,
218
218
  loanBorrowerCount: y,
219
- loanCallouts: C,
220
- loanStatus: g,
219
+ loanCallouts: g,
220
+ loanStatus: C,
221
221
  loanUse: h,
222
222
  readMorePath: A,
223
223
  state: _,
224
224
  tag: N,
225
225
  unreservedAmount: b,
226
226
  sharesAvailable: B
227
- } = P(e), {
227
+ } = V(e), {
228
228
  clickReadMore: T
229
- } = V(e, t), v = n(() => {
229
+ } = U(e, t), v = n(() => {
230
230
  if (!e.website)
231
231
  return "";
232
232
  const o = e.website.trim();
233
233
  return o.startsWith("http://") || o.startsWith("https://") ? o : `https://${o}`;
234
- }), k = n(() => {
234
+ }), w = n(() => {
235
235
  const o = e.showLightView ? "auto" : "6.75rem", K = e.showLightView ? "none" : "6.75rem";
236
236
  return { height: o, maxHeight: K };
237
- });
237
+ }), k = n(() => e.showLightView ? 3 : 4);
238
238
  return {
239
239
  allDataLoaded: a,
240
- borrowerName: l,
241
- city: i,
240
+ borrowerName: i,
241
+ city: l,
242
242
  countryName: s,
243
243
  distributionModel: u,
244
244
  formattedLocation: d,
@@ -249,19 +249,20 @@ const Ce = r`
249
249
  isLoading: p,
250
250
  loanAmount: L,
251
251
  loanBorrowerCount: y,
252
- loanCallouts: C,
253
- loanStatus: g,
252
+ loanCallouts: g,
253
+ loanStatus: C,
254
254
  loanUse: h,
255
- mdiMapMarker: F,
256
- mdiHome: M,
257
- mdiLink: S,
258
- mdiClose: E,
255
+ mdiMapMarker: M,
256
+ mdiHome: S,
257
+ mdiLink: E,
258
+ mdiClose: R,
259
259
  readMorePath: A,
260
260
  state: _,
261
261
  tag: N,
262
262
  unreservedAmount: b,
263
263
  sharesAvailable: B,
264
- customStyle: k,
264
+ customStyle: w,
265
+ loanUseLoadingRows: k,
265
266
  clickReadMore: T,
266
267
  trackWebsiteClick: () => {
267
268
  e.kvTrackFunction("Lending", "click-Business Website", "Website", e.loanId);
@@ -279,12 +280,12 @@ const Ce = r`
279
280
  amountLent() {
280
281
  var t, a;
281
282
  const e = ((a = (t = this.loan) == null ? void 0 : t.loanFundraisingInfo) == null ? void 0 : a.fundedAmount) ?? 0;
282
- return w(e).format("$0,0");
283
+ return F(e).format("$0,0");
283
284
  }
284
285
  }
285
286
  };
286
287
  export {
287
288
  Ce as KV_COMPACT_LOAN_CARD_FRAGMENT,
288
- ge as KV_COMPACT_LOAN_CARD_USER_FRAGMENT,
289
- he as default
289
+ he as KV_COMPACT_LOAN_CARD_USER_FRAGMENT,
290
+ Ae as default
290
291
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kiva/kv-components",
3
- "version": "8.3.1",
3
+ "version": "8.4.0",
4
4
  "type": "module",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -125,5 +125,5 @@
125
125
  "embla-carousel-fade",
126
126
  "popper.js"
127
127
  ],
128
- "gitHead": "40a0cfe0a00d2f52b55a52317cf92f56c2f10dc0"
128
+ "gitHead": "7dd5e99d1d7ce329c023c0fe3a6e681995b6341d"
129
129
  }