@kiva/kv-components 10.7.0 → 10.9.0

package/dist/vue/KvCheckoutLightbox.vue.d.ts

@@ -0,0 +1,573 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    preventClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    isLoggedIn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    totalsLoaded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    depositRequired: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    paymentReady: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    paying: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    submitLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    appUri: {
+        type: StringConstructor;
+        default: string;
+    };
+    kvTrackFunction: {
+        type: FunctionConstructor;
+        default: () => void;
+    };
+    category: {
+        type: StringConstructor;
+        default: string;
+    };
+    idPrefix: {
+        type: StringConstructor;
+        default: string;
+    };
+    email: {
+        type: StringConstructor;
+        default: string;
+    };
+    termsAgreement: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    emailUpdates: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    emailTouched: import('vue').Ref<boolean, boolean>;
+    emailUpdatesCopy: string;
+    onEmailUpdatesChange: (value: boolean) => void;
+    onSubmit: () => void;
+    onTermsChange: (value: boolean) => void;
+    showEmailError: import('vue').ComputedRef<boolean>;
+    showTermsError: import('vue').ComputedRef<boolean>;
+    submitState: import('vue').ComputedRef<"" | "disabled" | "loading">;
+    track: (action: string, label?: string, property?: string, value?: number) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("submit" | "lightbox-closed" | "update:email" | "update:termsAgreement" | "update:emailUpdates")[], "submit" | "lightbox-closed" | "update:email" | "update:termsAgreement" | "update:emailUpdates", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    preventClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    isLoggedIn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    totalsLoaded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    depositRequired: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    paymentReady: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    paying: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    submitLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    appUri: {
+        type: StringConstructor;
+        default: string;
+    };
+    kvTrackFunction: {
+        type: FunctionConstructor;
+        default: () => void;
+    };
+    category: {
+        type: StringConstructor;
+        default: string;
+    };
+    idPrefix: {
+        type: StringConstructor;
+        default: string;
+    };
+    email: {
+        type: StringConstructor;
+        default: string;
+    };
+    termsAgreement: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    emailUpdates: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onSubmit?: (...args: any[]) => any;
+    "onLightbox-closed"?: (...args: any[]) => any;
+    "onUpdate:email"?: (...args: any[]) => any;
+    "onUpdate:termsAgreement"?: (...args: any[]) => any;
+    "onUpdate:emailUpdates"?: (...args: any[]) => any;
+}>, {
+    title: string;
+    loading: boolean;
+    visible: boolean;
+    preventClose: boolean;
+    email: string;
+    isLoggedIn: boolean;
+    totalsLoaded: boolean;
+    depositRequired: boolean;
+    paymentReady: boolean;
+    paying: boolean;
+    submitLabel: string;
+    appUri: string;
+    kvTrackFunction: Function;
+    category: string;
+    idPrefix: string;
+    termsAgreement: boolean;
+    emailUpdates: boolean;
+}, {}, {
+    KvButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        to: {
+            type: (StringConstructor | ObjectConstructor)[];
+            default: any;
+        };
+        href: {
+            type: StringConstructor;
+            default: any;
+        };
+        type: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+        variant: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+        state: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+        size: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+    }>, {
+        buttonRef: import('vue').Ref<any, any>;
+        buttonInnerRef: import('vue').Ref<any, any>;
+        computedClass: import('vue').ComputedRef<string>;
+        computedType: import('vue').ComputedRef<string>;
+        heightClass: import('vue').ComputedRef<"tw-min-h-4" | "tw-min-h-6">;
+        isDisabled: import('vue').ComputedRef<boolean>;
+        loadingColor: import('vue').ComputedRef<"brand" | "white" | "black">;
+        onClick: (event: any) => void;
+        paddingClass: import('vue').ComputedRef<"tw-py-0.5 tw-px-2" | "tw-py-1 tw-px-3">;
+        roundedClass: import('vue').ComputedRef<"tw-rounded-sm" | "tw-rounded">;
+        tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
+        textClass: import('vue').ComputedRef<"" | "tw-text-label">;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        to: {
+            type: (StringConstructor | ObjectConstructor)[];
+            default: any;
+        };
+        href: {
+            type: StringConstructor;
+            default: any;
+        };
+        type: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+        variant: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+        state: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+        size: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+    }>> & Readonly<{
+        onClick?: (...args: any[]) => any;
+    }>, {
+        to: string | Record<string, any>;
+        type: string;
+        size: string;
+        href: string;
+        variant: string;
+        state: string;
+    }, {}, {
+        KvLoadingSpinner: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
+            color: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
+            color: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
+        }>> & Readonly<{}>, {
+            size: string;
+            color: string;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    KvCheckbox: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        modelValue: {
+            type: (BooleanConstructor | ArrayConstructor)[];
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        value: {
+            type: (StringConstructor | BooleanConstructor)[];
+            default: string;
+        };
+        valid: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        variant: {
+            type: StringConstructor;
+            default: string;
+            validator: (val: string) => boolean;
+        };
+        blurOnDisabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        uuid: import('vue').Ref<string, string>;
+        isChecked: import('vue').Ref<boolean, boolean>;
+        checkboxRef: import('vue').Ref<any, any>;
+        onChange: (event: any) => void;
+        setChecked: () => void;
+        focus: () => void;
+        blur: () => void;
+        classes: any[];
+        styles: any[];
+        inputAttrs: any;
+        inputListeners: any;
+        iconCheckCircle: string;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, string[], string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        modelValue: {
+            type: (BooleanConstructor | ArrayConstructor)[];
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        value: {
+            type: (StringConstructor | BooleanConstructor)[];
+            default: string;
+        };
+        valid: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        variant: {
+            type: StringConstructor;
+            default: string;
+            validator: (val: string) => boolean;
+        };
+        blurOnDisabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        [x: `on${Capitalize<string>}`]: (...args: any[]) => any;
+    }>, {
+        value: string | boolean;
+        disabled: boolean;
+        variant: string;
+        modelValue: boolean | unknown[];
+        valid: boolean;
+        blurOnDisabled: boolean;
+    }, {}, {
+        KvMaterialIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            icon: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            icon: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>> & Readonly<{}>, {
+            icon: string;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    KvLightbox: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        blurBackground: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        visible: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        variant: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+        title: {
+            type: StringConstructor;
+            required: true;
+        };
+        preventClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        preventBackgroundClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        closeButtonShowDelay: {
+            type: NumberConstructor;
+            default: number;
+        };
+    }>, {
+        mdiClose: string;
+        role: import('vue').ComputedRef<"alertdialog" | "dialog">;
+        kvLightbox: import('vue').Ref<any, any>;
+        kvLightboxBody: import('vue').Ref<any, any>;
+        onKeyUp: any;
+        onScreenClick: () => void;
+        hide: (closedBy?: string) => void;
+        show: () => void;
+        controlsRef: import('vue').Ref<any, any>;
+        closeButtonClasses: import('vue').ComputedRef<(string | {
+            'tw-invisible tw-opacity-0': boolean;
+        })[]>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "lightbox-closed"[], "lightbox-closed", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        blurBackground: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        visible: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        variant: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+        title: {
+            type: StringConstructor;
+            required: true;
+        };
+        preventClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        preventBackgroundClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        closeButtonShowDelay: {
+            type: NumberConstructor;
+            default: number;
+        };
+    }>> & Readonly<{
+        "onLightbox-closed"?: (...args: any[]) => any;
+    }>, {
+        variant: string;
+        visible: boolean;
+        preventClose: boolean;
+        blurBackground: boolean;
+        preventBackgroundClose: boolean;
+        closeButtonShowDelay: number;
+    }, {}, {
+        KvMaterialIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            icon: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            icon: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>> & Readonly<{}>, {
+            icon: string;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    KvTextInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        id: {
+            type: StringConstructor;
+            required: true;
+        };
+        modelValue: {
+            type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+            default: string;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: any;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        valid: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        icon: {
+            type: StringConstructor;
+            default: any;
+        };
+        type: {
+            type: StringConstructor;
+            default: string;
+        };
+        canClear: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        mdiAlertCircleOutline: string;
+        mdiClose: string;
+        onInput: (event: any) => void;
+        focus: () => void;
+        blur: () => void;
+        clearInput: () => void;
+        inputText: import('vue').Ref<string | number | boolean, string | number | boolean>;
+        classes: any[];
+        styles: any[];
+        inputAttrs: any;
+        inputListeners: any;
+        textInputRef: import('vue').Ref<any, any>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, string[], string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        id: {
+            type: StringConstructor;
+            required: true;
+        };
+        modelValue: {
+            type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+            default: string;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: any;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        valid: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        icon: {
+            type: StringConstructor;
+            default: any;
+        };
+        type: {
+            type: StringConstructor;
+            default: string;
+        };
+        canClear: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        [x: `on${Capitalize<string>}`]: (...args: any[]) => any;
+    }>, {
+        type: string;
+        icon: string;
+        disabled: boolean;
+        modelValue: string | number | boolean;
+        valid: boolean;
+        placeholder: string;
+        canClear: boolean;
+    }, {}, {
+        KvMaterialIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            icon: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            icon: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>> & Readonly<{}>, {
+            icon: string;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/vue/KvCompactLoanCard.css

@@ -1 +1 @@
-.loan-card-use[data-v-330ff302]:hover,.loan-card-use[data-v-330ff302]: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-330ff302]{text-decoration-line:underline}.loan-card-progress[data-v-330ff302]:hover,.loan-card-progress[data-v-330ff302]:focus{text-decoration-line:none}.loan-card-use-text-light-detailed[data-v-330ff302] p{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.loan-card-cta[data-v-330ff302] form,.loan-card-cta[data-v-330ff302] fieldset,.loan-card-cta[data-v-330ff302] .tw-w-full,.loan-card-cta[data-v-330ff302] button{display:flex!important;height:2.5rem!important;max-height:2.5rem!important;align-items:center!important;justify-content:center!important}.loan-card-cta[data-v-330ff302] .tw-inline-flex{height:2.5rem!important;max-height:2.5rem!important;min-height:2.5rem!important}[data-v-330ff302] .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-330ff302] .goal-variant-callouts span{font-weight:500}.goal-variant-progress-group[data-v-330ff302] div[role=progressbar]{background-color:#d9d9d9}.light-detailed-progress-group[data-v-330ff302] p:first-of-type{margin-bottom:.5rem}
+.loan-card-use[data-v-6313c6b8]:hover,.loan-card-use[data-v-6313c6b8]: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-6313c6b8]{text-decoration-line:underline}.loan-card-progress[data-v-6313c6b8]:hover,.loan-card-progress[data-v-6313c6b8]:focus{text-decoration-line:none}.loan-card-use-text-light-detailed[data-v-6313c6b8] p{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.loan-card-cta[data-v-6313c6b8] form,.loan-card-cta[data-v-6313c6b8] fieldset,.loan-card-cta[data-v-6313c6b8] .tw-w-full,.loan-card-cta[data-v-6313c6b8] button{display:flex!important;height:2.5rem!important;max-height:2.5rem!important;align-items:center!important;justify-content:center!important}.loan-card-cta[data-v-6313c6b8] .tw-inline-flex{height:2.5rem!important;max-height:2.5rem!important;min-height:2.5rem!important}[data-v-6313c6b8] .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-6313c6b8] .goal-variant-callouts span{font-weight:500}.goal-variant-progress-group[data-v-6313c6b8] div[role=progressbar]{background-color:#d9d9d9}.light-detailed-progress-group[data-v-6313c6b8] p:first-of-type{margin-bottom:.5rem}

package/dist/vue/KvCompactLoanCard.js

@@ -1,6 +1,6 @@
 import D from "./KvCompactLoanCard.script.js";
 import { KV_COMPACT_LOAN_CARD_FRAGMENT as gt, KV_COMPACT_LOAN_CARD_USER_FRAGMENT as ft } from "./KvCompactLoanCard.script.js";
-import { resolveComponent as h, openBlock as a, createElementBlock as l, normalizeClass as c, createVNode as i, createCommentVNode as g, createElementVNode as r, normalizeStyle as _, createBlock as d, resolveDynamicComponent as k, withCtx as f, Fragment as s, toDisplayString as w, withModifiers as R, renderList as u } from "vue";
+import { resolveComponent as h, openBlock as a, createElementBlock as l, normalizeClass as c, createVNode as i, createCommentVNode as g, createElementVNode as r, normalizeStyle as x, createBlock as d, resolveDynamicComponent as k, withCtx as f, Fragment as s, toDisplayString as w, withModifiers as R, renderList as u } from "vue";
 import "./KvCompactLoanCard.css";
 import B from "../_virtual/_plugin-vue_export-helper.js";
 const S = ["aria-busy"], G = { class: "tw-flex tw-flex-col tw-items-start tw-w-full" }, U = {
@@ -32,7 +32,7 @@ const S = ["aria-busy"], G = { class: "tw-flex tw-flex-col tw-items-start tw-w-f
   class: "tw-flex-1 tw-min-w-0",
   style: { "max-width": "6.5rem" }
 }, at = ["value"], ot = { class: "tw-flex-1 tw-min-w-0" }, nt = { class: "tw-p-1 tw-rounded-l-sm tw-border tw-border-gray-100 tw-border-r-0" };
-function lt(b, n, e, t, rt, x) {
+function lt(b, n, e, t, rt, _) {
   var V;
   const v = h("kv-material-icon"), m = h("kv-loading-placeholder"), P = h("kv-borrower-image"), C = h("kv-loan-tag"), L = h("kv-loan-use"), M = h("kv-loan-callouts"), y = h("kv-loan-progress-group"), N = h("kv-select"), A = h("kv-lend-cta");
   return a(), l("div", {
@@ -60,7 +60,7 @@ function lt(b, n, e, t, rt, x) {
           "!tw-gap-1": e.showLightView || t.isLightDetailedVariant,
           "!tw-gap-1.5 md:!tw-gap-2.5": t.isPostGoalVariant
         }]),
-        style: _(t.customStyle)
+        style: x(t.customStyle)
       }, [
         t.isLoading ? (a(), d(m, {
           key: 0,
@@ -70,7 +70,7 @@ function lt(b, n, e, t, rt, x) {
             "!tw-w-7.5 !tw-h-7.5 md:!tw-w-12.5 md:!tw-h-12.5": t.isPostGoalVariant,
             "!tw-w-9.5 !tw-h-9.5": t.isLightDetailedVariant
           }),
-          style: _(t.borrowerImageStyle)
+          style: x(t.borrowerImageStyle)
         }, null, 8, ["class", "style"])) : (a(), l("div", U, [
           (a(), d(k(t.tag), {
             to: t.readMorePath,
@@ -88,7 +88,7 @@ function lt(b, n, e, t, rt, x) {
                   "!tw-w-7.5 !tw-h-7.5 md:!tw-w-12.5 md:!tw-h-12.5": t.isPostGoalVariant,
                   "!tw-w-9.5 !tw-h-9.5": t.isLightDetailedVariant
                 }]),
-                style: _(t.borrowerImageStyle),
+                style: x(t.borrowerImageStyle),
                 alt: `Photo of ${t.borrowerName}`,
                 "aspect-ratio": 1,
                 "default-image": { width: 200, faceZoom: 50 },
@@ -234,7 +234,7 @@ function lt(b, n, e, t, rt, x) {
                 ]))), 128))
               ])) : (a(), l("div", {
                 key: 1,
-                class: c(["tw-w-full tw-overflow-hidden", { "!tw--mt-1": e.showTags && x.hasMatchingInfo && e.showLightView }])
+                class: c(["tw-w-full tw-overflow-hidden", { "!tw--mt-1": e.showTags && _.hasMatchingInfo && e.showLightView }])
               }, [
                 i(L, {
                   use: t.loanUse,
@@ -247,8 +247,9 @@ function lt(b, n, e, t, rt, x) {
                   country: t.formattedLocation,
                   "show-read-more": e.showLightView,
                   "truncate-words-number": e.truncateWordsNumber,
+                  "max-lines": e.loanUseMaxLines,
                   class: "tw-text-small tw-leading-tight"
-                }, null, 8, ["use", "loan-amount", "status", "borrower-count", "name", "distribution-model", "country", "show-read-more", "truncate-words-number"])
+                }, null, 8, ["use", "loan-amount", "status", "borrower-count", "name", "distribution-model", "country", "show-read-more", "truncate-words-number", "max-lines"])
               ], 2))
             ]),
             _: 1
@@ -318,7 +319,7 @@ function lt(b, n, e, t, rt, x) {
               t.handleSelectedAmount
             ],
             "aria-label": "Lend amount",
-            disabled: !t.amountOptions.length || x.isInBasket,
+            disabled: !t.amountOptions.length || _.isInBasket,
             class: "amount-dropdown"
           }, {
             default: f(() => [
@@ -410,7 +411,7 @@ function lt(b, n, e, t, rt, x) {
     ], 2)
   ], 10, S);
 }
-const mt = /* @__PURE__ */ B(D, [["render", lt], ["__scopeId", "data-v-330ff302"]]);
+const mt = /* @__PURE__ */ B(D, [["render", lt], ["__scopeId", "data-v-6313c6b8"]]);
 export {
   gt as KV_COMPACT_LOAN_CARD_FRAGMENT,
   ft as KV_COMPACT_LOAN_CARD_USER_FRAGMENT,