@kiva/kv-components 8.19.2 → 8.20.0

package/dist/vue/KvCompactLoanCard2.js

@@ -1,7 +1,7 @@
 import A from "graphql-tag";
 import W from "numeral";
 import { ref as $, computed as o, watch as H } from "vue";
-import { mdiMapMarker as j, mdiHome as q, mdiLink as z, mdiCached as J } from "@mdi/js";
+import { mdiCached as j, mdiLink as q, mdiHome as z, mdiMapMarker as J } from "@mdi/js";
 import { LOAN_CALLOUTS_FRAGMENT as Q, LOAN_GEOCODE_FRAGMENT as X, LOAN_PROGRESS_FRAGMENT as Y, loanCardComputedProperties as Z, loanCardMethods as ee } from "../utils/loanCard.js";
 import { getDropdownPriceArray as te, getLendCtaSelectedOption as ae, isLessThan25 as oe } from "../utils/loanUtils.js";
 import { computePostGoalLoanCardStatement as ne } from "../utils/postGoalStatement.js";
@@ -14,8 +14,8 @@ import de from "./KvLoanTag.js";
 import me from "./KvMaterialIcon.js";
 import fe from "./KvLoadingPlaceholder.js";
 import ce from "./KvLoanTeamPick.js";
-import he from "./KvSelect.js";
-import { KV_LEND_CTA_FRAGMENT as ve, KV_LEND_CTA_USER_FRAGMENT as Le } from "./KvLendCta2.js";
+import ve from "./KvSelect.js";
+import { KV_LEND_CTA_FRAGMENT as he, KV_LEND_CTA_USER_FRAGMENT as Le } from "./KvLendCta2.js";
 import { KV_LOAN_TAG_FRAGMENT as ge } from "./KvLoanTag2.js";
 import { KV_LOAN_USE_FRAGMENT as ye } from "./KvLoanUse2.js";
 const d = {
@@ -43,7 +43,7 @@ const d = {
 		...LoanGeocode
 		...LoanProgress
 	}
-	${ve}
+	${he}
 	${ge}
 	${ye}
 	${Q}
@@ -67,7 +67,7 @@ const d = {
     KvLoanCallouts: ie,
     KvLoanTeamPick: ce,
     KvLoanProgressGroup: ue,
-    KvSelect: he
+    KvSelect: ve
   },
   props: {
     variant: {
@@ -234,8 +234,8 @@ const d = {
       hasProgressData: _,
       imageHash: w,
       isLoading: B,
-      loanAmount: h,
-      loanBorrowerCount: v,
+      loanAmount: v,
+      loanBorrowerCount: h,
       loanCallouts: T,
       loanStatus: L,
       loanUse: g,
@@ -260,8 +260,8 @@ const d = {
         borrowerName: m.value,
         distributionModel: f.value,
         formattedLocation: c.value,
-        loanAmount: h.value,
-        loanBorrowerCount: v.value,
+        loanAmount: v.value,
+        loanBorrowerCount: h.value,
         loanStatus: L.value,
         loanUse: g.value
       });
@@ -317,17 +317,17 @@ const d = {
       imageHash: w,
       isLoading: B,
       isPostGoalVariant: s,
-      loanAmount: h,
-      loanBorrowerCount: v,
+      loanAmount: v,
+      loanBorrowerCount: h,
       loanCallouts: T,
       loanStatus: L,
       loanUse: g,
       loanUsePrefixEnd: D,
       loanUsePrefixStart: U,
-      mdiMapMarker: j,
-      mdiHome: q,
-      mdiLink: z,
-      mdiCached: J,
+      mdiMapMarker: J,
+      mdiHome: z,
+      mdiLink: q,
+      mdiCached: j,
       readMorePath: k,
       state: M,
       tag: F,

package/dist/vue/KvContentfulImg.js

@@ -1,5 +1,5 @@
 import w from "./KvContentfulImg2.js";
-import { openBlock as e, createElementBlock as a, createElementVNode as h, Fragment as c, renderList as o, createCommentVNode as r, normalizeStyle as f, createTextVNode as m, toDisplayString as s } from "vue";
+import { openBlock as e, createElementBlock as a, createElementVNode as h, Fragment as c, renderList as o, createCommentVNode as r, normalizeStyle as m, createTextVNode as f, toDisplayString as s } from "vue";
 import u from "../_virtual/_plugin-vue_export-helper.js";
 const b = {
   key: 0,
@@ -69,7 +69,7 @@ function v(Q, n, i, t, U, S) {
     t.caption ? (e(), a("figcaption", {
       key: 0,
       class: "tw-italic tw-my-1.5 tw-break-words tw-max-w-full tw-font-book tw-text-action-highlight",
-      style: f({ maxWidth: i.width ? `${i.width}px` : void 0 })
+      style: m({ maxWidth: i.width ? `${i.width}px` : void 0 })
     }, [
       t.removeLeafIcon ? r("", !0) : (e(), a("span", P, n[0] || (n[0] = [
         h("svg", {
@@ -85,7 +85,7 @@ function v(Q, n, i, t, U, S) {
           })
         ], -1)
       ]))),
-      m(" " + s(t.caption), 1)
+      f(" " + s(t.caption), 1)
     ], 4)) : r("", !0)
   ])) : r("", !0);
 }

package/dist/vue/KvDatePicker.vue.d.ts

@@ -14,7 +14,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     selectedDate: any;
 }, {}, {
     handleDateChange(value: any): void;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("change" | "update:model-value")[], "change" | "update:model-value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     modelValue: {
         type: (StringConstructor | NumberConstructor | DateConstructor | ArrayConstructor)[];
         default: any;
@@ -24,7 +24,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: string;
         validator(value: string): boolean;
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    onChange?: (...args: any[]) => any;
+    "onUpdate:model-value"?: (...args: any[]) => any;
+}>, {
     theme: string;
     modelValue: string | number | Date | unknown[];
 }, {}, {

package/dist/vue/KvDatePicker2.js

@@ -1,9 +1,9 @@
 import { computed as r } from "vue";
 import a from "@vuepic/vue-datepicker";
 import "@vuepic/vue-datepicker/dist/main.css";
-import { defaultTheme as t, stoneDarkTheme as n, stoneLightTheme as i, marigoldLightTheme as m, greenLightTheme as h, greenDarkTheme as o } from "@kiva/kv-tokens";
+import { defaultTheme as t, stoneDarkTheme as n, stoneLightTheme as m, marigoldLightTheme as i, greenLightTheme as h, greenDarkTheme as o } from "@kiva/kv-tokens";
 import s from "./KvThemeProvider.js";
-const p = {
+const f = {
   name: "KvDatePicker",
   components: {
     KvThemeProvider: s,
@@ -30,6 +30,10 @@ const p = {
       }
     }
   },
+  emits: [
+    "update:model-value",
+    "change"
+  ],
   setup(e) {
     return { themeStyle: r(() => {
       switch (e.theme) {
@@ -40,9 +44,9 @@ const p = {
         case "greenLight":
           return h;
         case "marigoldLight":
-          return m;
-        case "stoneLight":
           return i;
+        case "stoneLight":
+          return m;
         case "stoneDark":
           return n;
         default:
@@ -70,5 +74,5 @@ const p = {
   }
 };
 export {
-  p as default
+  f as default
 };

package/dist/vue/KvExpandable2.js

@@ -1,5 +1,5 @@
 import { toRefs as s } from "vue";
-import { expand as o, collapse as i } from "../utils/expander.js";
+import { collapse as o, expand as i } from "../utils/expander.js";
 const g = {
   props: {
     property: {
@@ -32,13 +32,13 @@ const g = {
       skipLeave: n
     } = s(p);
     return {
-      enter: (t, e) => u.value ? e() : (o(t, {
+      enter: (t, e) => u.value ? e() : (i(t, {
         property: a.value,
         delay: r.value,
         easing: l.value,
         done: e
       }), !0),
-      leave: (t, e) => n.value ? e() : (i(t, {
+      leave: (t, e) => n.value ? e() : (o(t, {
         property: a.value,
         delay: r.value,
         easing: l.value,

package/dist/vue/KvExpandableQuestion2.js

@@ -1,5 +1,5 @@
 import { toRefs as r, ref as c, computed as f, watch as v, onMounted as p } from "vue";
-import { mdiChevronDown as m, mdiChevronUp as s } from "@mdi/js";
+import { mdiChevronUp as m, mdiChevronDown as s } from "@mdi/js";
 import { kebabCase as d } from "change-case";
 import g from "./KvExpandable.js";
 import h from "./KvMaterialIcon.js";
@@ -53,8 +53,8 @@ const x = {
       o.routeHash === `#${t.value}` && (e.value = !0);
     }), {
       open: e,
-      mdiChevronDown: m,
-      mdiChevronUp: s,
+      mdiChevronDown: s,
+      mdiChevronUp: m,
       titleSlugified: t,
       toggleFAQ: u
     };

package/dist/vue/KvFlag.js

@@ -1,5 +1,5 @@
 import d from "./KvFlag2.js";
-import { openBlock as a, createElementBlock as r, normalizeClass as l, normalizeStyle as s, createElementVNode as c, toDisplayString as o, createCommentVNode as n } from "vue";
+import { openBlock as a, createElementBlock as r, normalizeStyle as l, normalizeClass as s, createElementVNode as c, toDisplayString as o, createCommentVNode as n } from "vue";
 import "./KvFlag.css";
 import i from "../_virtual/_plugin-vue_export-helper.js";
 const m = { class: "tw-sr-only" }, _ = {
@@ -9,12 +9,12 @@ const m = { class: "tw-sr-only" }, _ = {
 function f(g, w, e, v, u, t) {
   return e.country ? (a(), r("div", {
     key: 0,
-    class: l(`kv-flag kv-flag--${e.aspectRatio}`),
-    style: s({ maxWidth: t.spriteWidth, minWidth: t.spriteWidth })
+    class: s(`kv-flag kv-flag--${e.aspectRatio}`),
+    style: l({ maxWidth: t.spriteWidth, minWidth: t.spriteWidth })
   }, [
     c("div", {
-      class: l(["kv-flag__wrapper kv-flag-svg tw-bg-gray-100 tw-relative tw-overflow-hidden tw-h-0 tw-w-full tw-border tw-border-gray-600 !tw-bg-cover", t.classes]),
-      style: s({ backgroundImage: `url(${t.svgUrl})` })
+      class: s(["kv-flag__wrapper kv-flag-svg tw-bg-gray-100 tw-relative tw-overflow-hidden tw-h-0 tw-w-full tw-border tw-border-gray-600 !tw-bg-cover", t.classes]),
+      style: l({ backgroundImage: `url(${t.svgUrl})` })
     }, [
       c("span", m, "Flag of " + o(e.name), 1)
     ], 6),

package/dist/vue/KvIconButton.js

@@ -78,11 +78,11 @@ const b = ["disabled", "aria-pressed"], V = /* @__PURE__ */ n({
     }
   },
   emits: ["click", "update:modelValue"],
-  setup(e, { emit: o }) {
-    const t = e, r = o, i = (l) => {
-      t.disabled || (t.toggleable && r("update:modelValue", !t.modelValue), r("click", l));
+  setup(e, { emit: l }) {
+    const t = e, r = l, i = (o) => {
+      t.disabled || (t.toggleable && r("update:modelValue", !t.modelValue), r("click", o));
     }, d = c(() => t.toggleable && t.modelValue && t.activeIcon ? t.activeIcon : t.icon);
-    return (l, g) => (s(), u("button", {
+    return (o, g) => (s(), u("button", {
       type: "button",
       disabled: e.disabled,
       "aria-pressed": e.toggleable ? e.modelValue : void 0,

package/dist/vue/KvImageUpload.js

@@ -1,5 +1,5 @@
 import p from "./KvImageUpload2.js";
-import { resolveComponent as f, openBlock as i, createElementBlock as n, createElementVNode as a, normalizeClass as l, normalizeStyle as g, renderSlot as b, createVNode as c, withModifiers as w, createCommentVNode as m } from "vue";
+import { resolveComponent as f, openBlock as i, createElementBlock as n, createElementVNode as a, normalizeStyle as g, normalizeClass as l, renderSlot as b, createVNode as c, withModifiers as w, createCommentVNode as m } from "vue";
 import "./KvImageUpload.css";
 import u from "../_virtual/_plugin-vue_export-helper.js";
 const v = { class: "tw-flex tw-flex-col" }, h = ["src", "alt"], C = ["accept", "aria-label"];

package/dist/vue/KvImageUpload2.js

@@ -1,5 +1,5 @@
 import { toRefs as S, ref as u, watch as x, computed as l } from "vue";
-import { mdiPencil as F, mdiClose as w, mdiCameraPlusOutline as I } from "@mdi/js";
+import { mdiCameraPlusOutline as F, mdiClose as w, mdiPencil as I } from "@mdi/js";
 import C from "./KvMaterialIcon.js";
 import { DEFAULT_ACCEPTED_IMAGE_TYPES as b, validateImageFile as R, cropResizeImageToDataUrl as T } from "../utils/imageUtils.js";
 const U = {
@@ -125,9 +125,9 @@ const U = {
       }
     };
     return {
-      mdiPencil: F,
+      mdiPencil: I,
       mdiClose: w,
-      mdiCameraPlusOutline: I,
+      mdiCameraPlusOutline: F,
       fileInput: s,
       previewImage: a,
       isCircle: m,

package/dist/vue/KvIntroductionLoanCard.css

@@ -1 +1 @@
-.loan-callouts[data-v-03fddb4a] span{background-color:transparent!important;--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1))}.loan-card-use[data-v-03fddb4a]:hover,.loan-card-use[data-v-03fddb4a]: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-03fddb4a],.loan-card-active-hover:hover .loan-card-name[data-v-03fddb4a]{text-decoration-line:underline}.loan-card-progress[data-v-03fddb4a],.loan-card-progress[data-v-03fddb4a]:hover,.loan-card-progress[data-v-03fddb4a]:focus{text-decoration-line:none}.loan-card-name[data-v-03fddb4a]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;cursor:pointer;overflow:hidden;text-overflow:ellipsis;padding-left:1.5rem;padding-right:1.5rem;padding-top:.5rem}.loan-bookmark[data-v-03fddb4a] button{border-top-left-radius:0!important;border-top-right-radius:0!important}
+.loan-callouts[data-v-4e9edc0f] span{background-color:transparent!important;--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1))}.loan-card-use[data-v-4e9edc0f]:hover,.loan-card-use[data-v-4e9edc0f]: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-4e9edc0f],.loan-card-active-hover:hover .loan-card-name[data-v-4e9edc0f]{text-decoration-line:underline}.loan-card-progress[data-v-4e9edc0f],.loan-card-progress[data-v-4e9edc0f]:hover,.loan-card-progress[data-v-4e9edc0f]:focus{text-decoration-line:none}.loan-card-name[data-v-4e9edc0f]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;cursor:pointer;overflow:hidden;text-overflow:ellipsis;padding-left:1.5rem;padding-right:1.5rem;padding-top:.5rem}.loan-bookmark[data-v-4e9edc0f] button{border-top-left-radius:0!important;border-top-right-radius:0!important}

package/dist/vue/KvIntroductionLoanCard.js

@@ -1,23 +1,23 @@
 import N from "./KvIntroductionLoanCard2.js";
 import { KV_INTRODUCTION_LOAN_CARD_FRAGMENT as tt, KV_INTRODUCTION_LOAN_CARD_USER_FRAGMENT as et } from "./KvIntroductionLoanCard2.js";
-import { resolveComponent as s, openBlock as e, createElementBlock as n, normalizeClass as _, normalizeStyle as P, createElementVNode as i, createBlock as o, resolveDynamicComponent as g, withCtx as w, createVNode as d, Suspense as R, toDisplayString as f, createCommentVNode as m, Fragment as p, renderList as A } from "vue";
+import { resolveComponent as s, openBlock as e, createElementBlock as n, normalizeStyle as P, normalizeClass as _, createElementVNode as i, createBlock as o, resolveDynamicComponent as g, withCtx as w, createVNode as d, Suspense as R, toDisplayString as f, createCommentVNode as m, Fragment as p, renderList as A } from "vue";
 import "./KvIntroductionLoanCard.css";
 import B from "../_virtual/_plugin-vue_export-helper.js";
 const D = { class: "tw-grow" }, T = { class: "loan-card-active-hover" }, z = {
   key: 1,
   style: { height: "11rem" },
   class: "tw-relative tw-overflow-hidden"
-}, I = { key: 0 }, F = {
+}, I = { key: 0 }, O = {
   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-label tw-flex tw-items-center tw-h-3 !tw-capitalize",
   style: { padding: "2px 6px" }
-}, O = { style: { "margin-top": "0.125rem" } }, S = {
+}, S = { style: { "margin-top": "0.125rem" } }, V = {
   key: 3,
   class: "tw-flex tw-justify-center tw-gap-2"
-}, V = {
+}, E = {
   key: 0,
   class: "tw-w-full",
   style: { height: "5.5rem" }
-}, E = { key: 1 }, U = { class: "tw-px-2" }, W = {
+}, F = { key: 1 }, U = { class: "tw-px-2" }, W = {
   key: 0,
   class: "tw-w-full tw-pr-1"
 }, j = { class: "tw-flex tw-justify-between" }, K = {
@@ -57,7 +57,7 @@ function G(k, a, c, t, H, h) {
                 "photo-path": c.photoPath
               }, null, 8, ["alt", "aspect-ratio", "default-image", "hash", "images", "photo-path"]),
               t.countryName ? (e(), n("div", I, [
-                i("p", F, [
+                i("p", O, [
                   (e(), o(R, null, {
                     default: w(() => [
                       d(y, {
@@ -70,7 +70,7 @@ function G(k, a, c, t, H, h) {
                     ]),
                     _: 1
                   })),
-                  i("span", O, f(t.formattedLocation), 1)
+                  i("span", S, f(t.formattedLocation), 1)
                 ])
               ])) : m("", !0)
             ]),
@@ -105,7 +105,7 @@ function G(k, a, c, t, H, h) {
           ]),
           _: 1
         }, 8, ["to", "href"])),
-        t.isLoading ? (e(), n("div", S, [
+        t.isLoading ? (e(), n("div", V, [
           t.isLoading || typeof t.loanCallouts > "u" ? (e(), o(l, {
             key: 0,
             class: "tw-mt-0.5 tw-mb-1",
@@ -149,14 +149,14 @@ function G(k, a, c, t, H, h) {
             i("div", {
               class: _(["tw-pt-0.5 tw-px-2", { "tw-mb-1.5": !t.isLoading }])
             }, [
-              t.isLoading ? (e(), n("div", V, [
+              t.isLoading ? (e(), n("div", E, [
                 (e(!0), n(p, null, A([...Array(3)], (r, L) => (e(), n("div", {
                   key: L,
                   class: "tw-h-2 tw-mb-1"
                 }, [
                   d(l)
                 ]))), 128))
-              ])) : (e(), n("div", E, [
+              ])) : (e(), n("div", F, [
                 d(x, {
                   use: t.loanUse,
                   "loan-amount": t.loanAmount,
@@ -227,7 +227,7 @@ function G(k, a, c, t, H, h) {
     ])
   ], 6);
 }
-const Y = /* @__PURE__ */ B(N, [["render", G], ["__scopeId", "data-v-03fddb4a"]]);
+const Y = /* @__PURE__ */ B(N, [["render", G], ["__scopeId", "data-v-4e9edc0f"]]);
 export {
   tt as KV_INTRODUCTION_LOAN_CARD_FRAGMENT,
   et as KV_INTRODUCTION_LOAN_CARD_USER_FRAGMENT,

package/dist/vue/KvIntroductionLoanCard.vue.d.ts

@@ -96,7 +96,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     lendersNumber(): any;
     amountLent(): any;
     isFunded(): boolean;
-}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "toggle-bookmark"[], "toggle-bookmark", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     loanId: {
         type: NumberConstructor;
         default: any;
@@ -157,7 +157,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    "onToggle-bookmark"?: (...args: any[]) => any;
+}>, {
     loan: Record<string, any>;
     externalLinks: boolean;
     customLoanDetails: boolean;
@@ -635,12 +637,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }>, {}, {
         mdiBookmarkOutline: string;
         mdiBookmark: string;
-    }, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    }, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "toggle-bookmark"[], "toggle-bookmark", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         isBookmarked: {
             type: BooleanConstructor;
             default: boolean;
         };
-    }>> & Readonly<{}>, {
+    }>> & Readonly<{
+        "onToggle-bookmark"?: (...args: any[]) => any;
+    }>, {
         isBookmarked: boolean;
     }, {}, {
         KvMaterialIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{

package/dist/vue/KvIntroductionLoanCard2.js

@@ -1,10 +1,10 @@
 import a from "graphql-tag";
 import R from "numeral";
-import { LOAN_CALLOUTS_FRAGMENT as F, LOAN_GEOCODE_FRAGMENT as T, LOAN_PROGRESS_FRAGMENT as B, loanCardComputedProperties as k, loanCardMethods as E } from "../utils/loanCard.js";
+import { LOAN_CALLOUTS_FRAGMENT as F, LOAN_GEOCODE_FRAGMENT as T, LOAN_PROGRESS_FRAGMENT as k, loanCardComputedProperties as B, loanCardMethods as E } from "../utils/loanCard.js";
 import G from "./KvLoanBookmark.js";
-import I from "./KvLoanUse.js";
-import S from "./KvBorrowerImage.js";
-import b from "./KvLoanProgressGroup.js";
+import b from "./KvLoanUse.js";
+import I from "./KvBorrowerImage.js";
+import S from "./KvLoanProgressGroup.js";
 import D from "./KvLoanCallouts.js";
 import P from "./KvLoanTag.js";
 import U from "./KvMaterialIcon.js";
@@ -41,20 +41,20 @@ const no = a`
 	${W}
 	${F}
 	${T}
-	${B}
+	${k}
 `, io = a`
 	fragment KvIntroductionLoanCardUser on LoanBasic {
 		id
 		...KvLoanBookmark
 	}
 	${r}
-`, uo = {
+`, so = {
   name: "KvIntroductionLoanCard",
   components: {
-    KvBorrowerImage: S,
+    KvBorrowerImage: I,
     KvLoadingPlaceholder: $,
-    KvLoanUse: I,
-    KvLoanProgressGroup: b,
+    KvLoanUse: b,
+    KvLoanProgressGroup: S,
     KvMaterialIcon: U,
     KvLoanTag: P,
     KvLoanCallouts: D,
@@ -123,16 +123,19 @@ const no = a`
       default: !1
     }
   },
-  setup(o, { emit: e }) {
+  emits: [
+    "toggle-bookmark"
+  ],
+  setup(o, { emit: t }) {
     const {
-      allDataLoaded: t,
+      allDataLoaded: e,
       borrowerName: n,
       city: i,
-      countryName: u,
-      countryCode: s,
+      countryName: s,
+      countryCode: u,
       distributionModel: l,
-      formattedLocation: d,
-      fundraisingPercent: m,
+      formattedLocation: m,
+      fundraisingPercent: d,
       hasProgressData: f,
       imageHash: p,
       isLoading: c,
@@ -142,23 +145,23 @@ const no = a`
       loanStatus: h,
       loanUse: N,
       mdiMapMarker: _,
-      readMorePath: K,
-      state: v,
+      readMorePath: v,
+      state: K,
       tag: y,
       unreservedAmount: C,
       sharesAvailable: O
-    } = k(o, !0), {
+    } = B(o, !0), {
       clickReadMore: M
-    } = E(o, e);
+    } = E(o, t);
     return {
-      allDataLoaded: t,
+      allDataLoaded: e,
       borrowerName: n,
       city: i,
-      countryName: u,
-      countryCode: s,
+      countryName: s,
+      countryCode: u,
       distributionModel: l,
-      formattedLocation: d,
-      fundraisingPercent: m,
+      formattedLocation: m,
+      fundraisingPercent: d,
       hasProgressData: f,
       imageHash: p,
       isLoading: c,
@@ -168,8 +171,8 @@ const no = a`
       loanStatus: h,
       loanUse: N,
       mdiMapMarker: _,
-      readMorePath: K,
-      state: v,
+      readMorePath: v,
+      state: K,
       tag: y,
       unreservedAmount: C,
       sharesAvailable: O,
@@ -192,12 +195,12 @@ const no = a`
       ];
     },
     lendersNumber() {
-      var o, e;
-      return ((e = (o = this.loan) == null ? void 0 : o.lenders) == null ? void 0 : e.totalCount) ?? 0;
+      var o, t;
+      return ((t = (o = this.loan) == null ? void 0 : o.lenders) == null ? void 0 : t.totalCount) ?? 0;
     },
     amountLent() {
-      var e, t;
-      const o = ((t = (e = this.loan) == null ? void 0 : e.loanFundraisingInfo) == null ? void 0 : t.fundedAmount) ?? 0;
+      var t, e;
+      const o = ((e = (t = this.loan) == null ? void 0 : t.loanFundraisingInfo) == null ? void 0 : e.fundedAmount) ?? 0;
       return R(o).format("$0,0");
     },
     isFunded() {
@@ -209,5 +212,5 @@ const no = a`
 export {
   no as KV_INTRODUCTION_LOAN_CARD_FRAGMENT,
   io as KV_INTRODUCTION_LOAN_CARD_USER_FRAGMENT,
-  uo as default
+  so as default
 };

package/dist/vue/KvLendAmountButton.vue.d.ts

@@ -20,7 +20,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     buttonText(): string;
 }, {
     addToBasket(event: any): void;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "add-to-basket"[], "add-to-basket", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     loanId: {
         type: NumberConstructor;
         default: any;
@@ -37,7 +37,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    "onAdd-to-basket"?: (...args: any[]) => any;
+}>, {
     loanId: number;
     showNow: boolean;
     amountLeft: string | number;

package/dist/vue/KvLendAmountButton2.js

@@ -22,6 +22,9 @@ const a = {
       default: !1
     }
   },
+  emits: [
+    "add-to-basket"
+  ],
   computed: {
     amountValue() {
       return parseFloat(this.amountLeft).toFixed();

package/dist/vue/KvLendCta.css

@@ -1 +1 @@
-.amountDropdownWrapper[data-v-fd7506ce] select{border-radius:14px 0 0 14px!important}.lend-again[data-v-fd7506ce] span{padding-left:.5rem;padding-right:.5rem}.lendButtonWrapper[data-v-fd7506ce] span:first-child{border-radius:0 14px 14px 0}.filtered-dropdown[data-v-fd7506ce] select{cursor:pointer;border-radius:1rem;border-width:2px;font-weight:500}.unselected-dropdown[data-v-fd7506ce] select{--tw-border-opacity: 1;border-color:rgb(158 158 158 / var(--tw-border-opacity, 1))}.preset-option[data-v-fd7506ce] span.tw-w-full:first-child{border-width:2px;--tw-border-opacity: 1;border-color:rgb(158 158 158 / var(--tw-border-opacity, 1))}.selected-dropdown[data-v-fd7506ce] select,.selected-option[data-v-fd7506ce] span.tw-w-full:first-child{--tw-border-opacity: 1;border-color:rgba(var(--border-action),var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgba(var(--bg-secondary),var(--tw-bg-opacity, 1))}.button-ellipsis[data-v-fd7506ce] span>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 410px){.mobile-dropdown-small[data-v-fd7506ce]{flex:0 0 40%}}
+.amountDropdownWrapper[data-v-da60f69c] select{border-radius:14px 0 0 14px!important}.lend-again[data-v-da60f69c] span{padding-left:.5rem;padding-right:.5rem}.lendButtonWrapper[data-v-da60f69c] span:first-child{border-radius:0 14px 14px 0}.filtered-dropdown[data-v-da60f69c] select{cursor:pointer;border-radius:1rem;border-width:2px;font-weight:500}.unselected-dropdown[data-v-da60f69c] select{--tw-border-opacity: 1;border-color:rgb(158 158 158 / var(--tw-border-opacity, 1))}.preset-option[data-v-da60f69c] span.tw-w-full:first-child{border-width:2px;--tw-border-opacity: 1;border-color:rgb(158 158 158 / var(--tw-border-opacity, 1))}.selected-dropdown[data-v-da60f69c] select,.selected-option[data-v-da60f69c] span.tw-w-full:first-child{--tw-border-opacity: 1;border-color:rgba(var(--border-action),var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgba(var(--bg-secondary),var(--tw-bg-opacity, 1))}.button-ellipsis[data-v-da60f69c] span>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:410px){.mobile-dropdown-small[data-v-da60f69c]{flex:0 0 40%}}

package/dist/vue/KvLendCta.js

@@ -13,15 +13,15 @@ const N = {
 }, T = { class: "tw-flex tw-items-center" }, V = ["disabled"], O = {
   key: 0,
   class: "md:tw-hidden tw-w-full"
-}, R = { class: "tw-flex tw-flex-col tw-gap-1 tw-w-full" }, C = { class: "tw-flex tw-gap-1 tw-w-full" }, I = ["value"], E = { class: "tw-flex tw-gap-1" }, p = ["value"], S = { class: "tw-flex tw-items-center tw-h-full tw-w-full" }, W = { class: "tw-min-w-0 tw-flex-1 tw-overflow-hidden tw-text-ellipsis tw-whitespace-nowrap" }, F = {
+}, R = { class: "tw-flex tw-flex-col tw-gap-1 tw-w-full" }, C = { class: "tw-flex tw-gap-1 tw-w-full" }, I = ["value"], E = { class: "tw-flex tw-gap-1" }, p = ["value"], S = { class: "tw-flex tw-items-center tw-h-full tw-w-full" }, W = { class: "tw-min-w-0 tw-flex-1 tw-overflow-hidden tw-text-ellipsis tw-whitespace-nowrap" }, U = {
   key: 1,
   class: "tw-w-full"
-}, U = { class: "tw-flex tw-flex-col tw-gap-1 tw-w-full" }, M = { class: "tw-flex tw-gap-1 tw-w-full" }, K = ["value"], H = { class: "tw-flex tw-gap-1" }, j = ["value"], G = { class: "tw-flex tw-items-center tw-h-full tw-w-full" }, z = { class: "tw-min-w-0 tw-flex-1 tw-overflow-hidden tw-text-ellipsis tw-whitespace-nowrap" }, q = ["value"], J = {
+}, F = { class: "tw-flex tw-flex-col tw-gap-1 tw-w-full" }, M = { class: "tw-flex tw-gap-1 tw-w-full" }, K = ["value"], H = { class: "tw-flex tw-gap-1" }, j = ["value"], G = { class: "tw-flex tw-items-center tw-h-full tw-w-full" }, z = { class: "tw-min-w-0 tw-flex-1 tw-overflow-hidden tw-text-ellipsis tw-whitespace-nowrap" }, q = ["value"], J = {
   key: 3,
   class: "amountDropdownWrapper"
 }, Q = ["value"];
-function X(B, o, n, Y, d, e) {
-  const m = A("kv-ui-button"), v = A("kv-material-icon"), h = A("kv-ui-select"), L = A("kv-lend-amount-button");
+function X(v, o, n, Y, d, e) {
+  const m = A("kv-ui-button"), B = A("kv-material-icon"), h = A("kv-ui-select"), L = A("kv-lend-amount-button");
   return l(), s("div", N, [
     e.isInBasket ? (l(), r(m, {
       key: 0,
@@ -50,12 +50,12 @@ function X(B, o, n, Y, d, e) {
       to: n.externalLinks ? void 0 : e.readMorePath,
       href: n.externalLinks ? e.readMorePath : void 0,
       class: "tw-mb-0 tw-cursor-pointer",
-      onClick: o[1] || (o[1] = (t) => B.$emit("show-loan-details", t))
+      onClick: o[1] || (o[1] = (t) => v.$emit("show-loan-details", t))
     }, {
       default: w(() => [
         c("span", T, [
           o[9] || (o[9] = f(" View loan ")),
-          b(v, {
+          b(B, {
             class: "tw-w-3 tw-h-3",
             icon: d.mdiChevronRight
           }, null, 8, ["icon"])
@@ -154,8 +154,8 @@ function X(B, o, n, Y, d, e) {
             ])
           ])
         ])) : i("", !0),
-        n.showPresetAmounts && !n.isAdding && !e.isLendAmountButton && e.presetButtonsPrices.length > 1 && e.isNarrowDesktop ? (l(), s("div", F, [
-          c("div", U, [
+        n.showPresetAmounts && !n.isAdding && !e.isLendAmountButton && e.presetButtonsPrices.length > 1 && e.isNarrowDesktop ? (l(), s("div", U, [
+          c("div", F, [
             c("div", M, [
               (l(!0), s(k, null, _(e.presetButtonsPrices, (t) => (l(), r(m, {
                 key: t,
@@ -349,7 +349,7 @@ function X(B, o, n, Y, d, e) {
     ], 32)) : i("", !0)
   ], 512);
 }
-const le = /* @__PURE__ */ y(P, [["render", X], ["__scopeId", "data-v-fd7506ce"]]);
+const le = /* @__PURE__ */ y(P, [["render", X], ["__scopeId", "data-v-da60f69c"]]);
 export {
   oe as KV_LEND_CTA_FRAGMENT,
   se as KV_LEND_CTA_USER_FRAGMENT,