@kiva/kv-components 8.26.0 → 8.26.1

package/dist/vue/KvClassicLoanCard.js

@@ -1,121 +1,136 @@
-import D from "./KvClassicLoanCard2.js";
-import { KV_CLASSIC_LOAN_CARD_FRAGMENT as ee, KV_CLASSIC_LOAN_CARD_USER_FRAGMET as te } from "./KvClassicLoanCard2.js";
-import { resolveComponent as i, openBlock as o, createElementBlock as s, normalizeStyle as N, normalizeClass as r, createElementVNode as d, createBlock as n, resolveDynamicComponent as g, withCtx as v, createVNode as m, toDisplayString as b, createCommentVNode as w, Fragment as V, renderList as R } from "vue";
+import N from "./KvClassicLoanCard2.js";
+import { KV_CLASSIC_LOAN_CARD_FRAGMENT as ae, KV_CLASSIC_LOAN_CARD_USER_FRAGMET as oe } from "./KvClassicLoanCard2.js";
+import { resolveComponent as i, openBlock as a, createElementBlock as s, normalizeStyle as T, normalizeClass as r, createElementVNode as d, createBlock as n, resolveDynamicComponent as v, withCtx as g, createVNode as w, toDisplayString as b, createTextVNode as V, createCommentVNode as c, Fragment as R, renderList as S } from "vue";
 import "./KvClassicLoanCard.css";
-import S from "../_virtual/_plugin-vue_export-helper.js";
-const T = { class: "tw-grow" }, F = { class: "loan-card-active-hover" }, I = {
+import F from "../_virtual/_plugin-vue_export-helper.js";
+const I = { class: "tw-grow" }, E = { class: "loan-card-active-hover" }, K = {
   key: 1,
   class: "tw-relative"
-}, E = { key: 0 }, K = {
-  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",
-  style: { padding: "2px 6px", "text-transform": "capitalize" }
-}, z = { style: { "margin-top": "0.125rem" } }, W = { class: "tw-mb-1.5 tw-pt-1" }, U = { key: 1 }, j = {
+}, z = { key: 0 }, W = {
+  class: "tw-absolute tw-bottom-1 tw-left-1 tw-text-primary tw-bg-white tw-rounded tw-p-1 tw-mb-0 tw-text-label tw-flex tw-items-center tw-h-3",
+  style: { padding: "2px 6px", "text-transform": "capitalize", "max-width": "calc(100% - 1rem)" }
+}, U = ["id"], j = { class: "tw-mb-1.5 tw-pt-1" }, G = { key: 1 }, H = {
   key: 0,
   class: "tw-w-full tw-pt-1 tw-pr-1"
-}, G = {
+}, O = {
   key: 0,
   class: "tw-text-center tw-w-full tw-mt-1 tw-font-medium"
-}, H = {
+}, q = {
   key: 1,
   class: "tw-pt-1.5"
 };
-function O(u, a, e, t, q, c) {
-  const k = i("kv-loading-placeholder"), h = i("kv-borrower-image"), f = i("kv-material-icon"), _ = i("kv-loan-team-pick"), y = i("kv-loan-bookmark"), x = i("kv-loan-tag"), C = i("kv-loan-use"), L = i("kv-loan-callouts"), A = i("kv-loan-progress-group"), M = i("kv-lend-cta"), P = i("KvLoanActivities");
-  return o(), s("div", {
+function J(u, o, e, t, Q, m) {
+  const k = i("kv-loading-placeholder"), h = i("kv-borrower-image"), f = i("kv-material-icon"), _ = i("kv-tooltip"), y = i("kv-loan-team-pick"), x = i("kv-loan-bookmark"), C = i("kv-loan-tag"), L = i("kv-loan-use"), A = i("kv-loan-callouts"), M = i("kv-loan-progress-group"), P = i("kv-lend-cta"), B = i("KvLoanActivities");
+  return a(), s("div", {
     class: r(["tw-flex tw-flex-col tw-bg-white tw-rounded tw-w-full tw-pb-1", { "tw-p-1": !e.largeCard, "tw-pointer-events-none": t.isLoading }]),
     "data-testid": "loan-card",
-    style: N([{ "box-shadow": "0 4px 12px rgba(0, 0, 0, 0.08)" }, { minWidth: "230px", maxWidth: c.cardWidth }])
+    style: T([{ "box-shadow": "0 4px 12px rgba(0, 0, 0, 0.08)" }, { minWidth: "230px", maxWidth: m.cardWidth }])
   }, [
-    d("div", T, [
-      d("div", F, [
-        t.isLoading ? (o(), n(k, {
+    d("div", I, [
+      d("div", E, [
+        t.isLoading ? (a(), n(k, {
           key: 0,
           class: r(["tw-mb-1 tw-w-full", { "tw-rounded-t tw-rounded-b-none": e.largeCard, "!tw-rounded-sm": !e.largeCard }]),
           style: { height: "15rem" }
-        }, null, 8, ["class"])) : (o(), s("div", I, [
-          (o(), n(g(t.tag), {
+        }, null, 8, ["class"])) : (a(), s("div", K, [
+          (a(), n(v(t.tag), {
             to: t.readMorePath,
             href: t.readMorePath,
             class: "tw-flex",
             "aria-label": "Borrower image",
-            onClick: a[0] || (a[0] = (l) => t.clickReadMore("Photo", l))
+            onClick: o[0] || (o[0] = (l) => t.clickReadMore("Photo", l))
           }, {
-            default: v(() => [
-              m(h, {
+            default: g(() => [
+              w(h, {
                 class: r(["tw-relative tw-w-full tw-bg-black tw-bg-clip-content", { "tw-rounded-t": e.largeCard, "tw-rounded-sm": !e.largeCard }]),
                 alt: `Photo of ${t.borrowerName}`,
-                "aspect-ratio": c.imageAspectRatio,
-                "default-image": { width: c.imageDefaultWidth },
+                "aspect-ratio": m.imageAspectRatio,
+                "default-image": { width: m.imageDefaultWidth },
                 hash: t.imageHash,
-                images: c.imageSizes,
+                images: m.imageSizes,
                 "photo-path": e.photoPath
               }, null, 8, ["class", "alt", "aspect-ratio", "default-image", "hash", "images", "photo-path"]),
-              t.countryName ? (o(), s("div", E, [
-                d("p", K, [
-                  m(f, {
-                    class: "tw-h-2 tw-w-2",
+              t.countryName ? (a(), s("div", z, [
+                d("p", W, [
+                  w(f, {
+                    class: "tw-h-2 tw-w-2 tw-flex-shrink-0",
                     icon: t.mdiMapMarker
                   }, null, 8, ["icon"]),
-                  d("span", z, b(t.formattedLocation), 1)
+                  d("span", {
+                    id: `loan-location-${e.loanId}`,
+                    ref: "locationRef",
+                    class: "tw-truncate tw-min-w-0",
+                    style: { "margin-top": "0.125rem" }
+                  }, b(t.formattedLocation), 9, U),
+                  t.isLocationTruncated ? (a(), n(_, {
+                    key: 0,
+                    controller: `loan-location-${e.loanId}`,
+                    "max-width": "250px"
+                  }, {
+                    default: g(() => [
+                      V(b(t.formattedLocation), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["controller"])) : c("", !0)
                 ])
-              ])) : w("", !0)
+              ])) : c("", !0)
             ]),
             _: 1
           }, 8, ["to", "href"])),
-          e.isTeamPick ? (o(), n(_, {
+          e.isTeamPick ? (a(), n(y, {
             key: 0,
             class: r(["tw-absolute", { "tw-right-6": !e.isVisitor, "tw-right-0": e.isVisitor }]),
             style: { top: "-6px" },
             "data-testid": "loan-card-teampick"
-          }, null, 8, ["class"])) : w("", !0),
-          e.isVisitor ? w("", !0) : (o(), n(y, {
+          }, null, 8, ["class"])) : c("", !0),
+          e.isVisitor ? c("", !0) : (a(), n(x, {
             key: 1,
             "loan-id": e.loanId,
             "is-bookmarked": e.isBookmarked,
             class: "tw-absolute tw-right-1",
             style: { top: "-6px" },
             "data-testid": "loan-card-bookmark",
-            onToggleBookmark: a[1] || (a[1] = (l) => u.$emit("toggle-bookmark"))
+            onToggleBookmark: o[1] || (o[1] = (l) => u.$emit("toggle-bookmark"))
           }, null, 8, ["loan-id", "is-bookmarked"]))
         ])),
-        (o(), n(g(t.tag), {
+        (a(), n(v(t.tag), {
           to: t.readMorePath,
           href: t.readMorePath,
           class: r(["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] = (l) => t.clickReadMore("Tag", l))
+          onClick: o[2] || (o[2] = (l) => t.clickReadMore("Tag", l))
         }, {
-          default: v(() => [
-            e.showTags && !t.isLoading ? (o(), n(x, {
+          default: g(() => [
+            e.showTags && !t.isLoading ? (a(), n(C, {
               key: 0,
               loan: e.loan,
               "enable-multi-matching": e.enableMultiMatching
-            }, null, 8, ["loan", "enable-multi-matching"])) : w("", !0)
+            }, null, 8, ["loan", "enable-multi-matching"])) : c("", !0)
           ]),
           _: 1
         }, 8, ["to", "href", "class"])),
-        (o(), n(g(t.tag), {
+        (a(), n(v(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] = (l) => t.clickReadMore("Use", l))
+          onClick: o[3] || (o[3] = (l) => t.clickReadMore("Use", l))
         }, {
-          default: v(() => [
-            d("div", W, [
-              t.isLoading ? (o(), s("div", {
+          default: g(() => [
+            d("div", j, [
+              t.isLoading ? (a(), s("div", {
                 key: 0,
                 class: r(["tw-w-full", { "tw-px-1": e.largeCard }]),
                 style: { height: "5.5rem" }
               }, [
-                (o(!0), s(V, null, R([...Array(4)], (l, B) => (o(), s("div", {
-                  key: B,
+                (a(!0), s(R, null, S([...Array(4)], (l, D) => (a(), s("div", {
+                  key: D,
                   class: "tw-h-2 tw-mb-1"
                 }, [
-                  m(k)
+                  w(k)
                 ]))), 128))
-              ], 2)) : (o(), s("div", U, [
-                m(C, {
+              ], 2)) : (a(), s("div", G, [
+                w(L, {
                   use: t.loanUse,
                   "loan-amount": t.loanAmount,
                   status: t.loanStatus,
@@ -130,41 +145,41 @@ function O(u, a, e, t, q, c) {
           _: 1
         }, 8, ["to", "href"]))
       ]),
-      t.isLoading || typeof t.loanCallouts > "u" ? (o(), n(k, {
+      t.isLoading || typeof t.loanCallouts > "u" ? (a(), n(k, {
         key: 0,
         class: r(["tw-mt-1.5 tw-mb-1", { "tw-mx-1": e.largeCard }]),
         style: { width: "60%", height: "1.75rem", "border-radius": "500rem" }
-      }, null, 8, ["class"])) : (o(), n(L, {
+      }, null, 8, ["class"])) : (a(), n(A, {
         key: 1,
         callouts: t.loanCallouts,
         class: r(["tw-mt-1.5", { "tw-px-1": e.largeCard }]),
-        onClick: a[4] || (a[4] = (l) => u.$emit("jump-filter-page", l))
+        onClick: o[4] || (o[4] = (l) => u.$emit("jump-filter-page", l))
       }, null, 8, ["callouts", "class"]))
     ]),
     d("div", {
       class: r(["tw-flex tw-justify-between tw-mt-2", { "tw-px-1": e.largeCard }])
     }, [
-      t.hasProgressData ? w("", !0) : (o(), s("div", j, [
-        m(k, {
+      t.hasProgressData ? c("", !0) : (a(), s("div", H, [
+        w(k, {
           class: "tw-mb-0.5",
           style: { width: "70%", height: "1.3rem" }
         }),
-        m(k, {
+        w(k, {
           class: "tw-rounded",
           style: { width: "70%", height: "0.5rem" }
         })
       ])),
       d("div", null, [
-        t.sharesAvailable ? (o(), n(g(t.tag), {
+        t.sharesAvailable ? (a(), n(v(t.tag), {
           key: 0,
           to: t.readMorePath,
           href: t.readMorePath,
           class: "loan-card-progress tw-no-underline tw-mt-1",
           "aria-label": "Loan progress",
-          onClick: a[5] || (a[5] = (l) => t.clickReadMore("Progress", l))
+          onClick: o[5] || (o[5] = (l) => t.clickReadMore("Progress", l))
         }, {
-          default: v(() => [
-            m(A, {
+          default: g(() => [
+            w(M, {
               id: "loanProgress",
               "money-left": t.unreservedAmount,
               "progress-percent": t.fundraisingPercent,
@@ -172,9 +187,9 @@ function O(u, a, e, t, q, c) {
             }, null, 8, ["money-left", "progress-percent"])
           ]),
           _: 1
-        }, 8, ["to", "href"])) : w("", !0)
+        }, 8, ["to", "href"])) : c("", !0)
       ]),
-      t.allDataLoaded ? (o(), n(M, {
+      t.allDataLoaded ? (a(), n(P, {
         key: 2,
         loan: e.loan,
         "unreserved-amount": t.unreservedAmount,
@@ -196,21 +211,21 @@ function O(u, a, e, t, q, c) {
         "secondary-button-text": e.secondaryButtonText,
         "secondary-button-handler": e.secondaryButtonHandler,
         class: r(["tw-mt-auto", { "tw-w-full": !t.sharesAvailable }]),
-        onAddToBasket: a[6] || (a[6] = (l) => u.$emit("add-to-basket", l)),
-        onShowLoanDetails: a[7] || (a[7] = (l) => t.clickReadMore("ViewLoan", l)),
-        onRemoveFromBasket: a[8] || (a[8] = (l) => u.$emit("remove-from-basket", l))
-      }, 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", "class"])) : (o(), n(k, {
+        onAddToBasket: o[6] || (o[6] = (l) => u.$emit("add-to-basket", l)),
+        onShowLoanDetails: o[7] || (o[7] = (l) => t.clickReadMore("ViewLoan", l)),
+        onRemoveFromBasket: o[8] || (o[8] = (l) => u.$emit("remove-from-basket", l))
+      }, 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", "class"])) : (a(), n(k, {
         key: 1,
         class: "tw-rounded tw-self-start",
         style: { width: "9rem", height: "3rem" }
       }))
     ], 2),
-    e.showContributors && c.lendersNumber && c.amountLent ? (o(), s("div", G, [
-      d("p", null, b(c.lendersNumber) + " people contributed " + b(c.amountLent), 1)
-    ])) : w("", !0),
-    e.combinedActivities.length > 0 ? (o(), s("div", H, [
-      a[10] || (a[10] = d("hr", { class: "tw-border-tertiary tw-mb-1 tw-w-5/6 tw-mx-auto" }, null, -1)),
-      m(P, {
+    e.showContributors && m.lendersNumber && m.amountLent ? (a(), s("div", O, [
+      d("p", null, b(m.lendersNumber) + " people contributed " + b(m.amountLent), 1)
+    ])) : c("", !0),
+    e.combinedActivities.length > 0 ? (a(), s("div", q, [
+      o[10] || (o[10] = d("hr", { class: "tw-border-tertiary tw-mb-1 tw-w-5/6 tw-mx-auto" }, null, -1)),
+      w(B, {
         loan: e.loan,
         "combined-activities": e.combinedActivities,
         "kv-track-function": e.kvTrackFunction,
@@ -227,14 +242,14 @@ function O(u, a, e, t, q, c) {
         "set-cookie": e.setCookie,
         "error-msg": e.errorMsg,
         "is-visitor": e.isVisitor,
-        onAddToBasket: a[9] || (a[9] = (l) => u.$emit("add-to-basket", l))
+        onAddToBasket: o[9] || (o[9] = (l) => u.$emit("add-to-basket", l))
       }, null, 8, ["loan", "combined-activities", "kv-track-function", "basket-items", "is-adding", "enable-five-dollars-notes", "five-dollars-selected", "show-view-loan", "custom-loan-details", "external-links", "route", "user-balance", "get-cookie", "set-cookie", "error-msg", "is-visitor"])
-    ])) : w("", !0)
+    ])) : c("", !0)
   ], 6);
 }
-const Z = /* @__PURE__ */ S(D, [["render", O], ["__scopeId", "data-v-907918f9"]]);
+const $ = /* @__PURE__ */ F(N, [["render", J], ["__scopeId", "data-v-44561e04"]]);
 export {
-  ee as KV_CLASSIC_LOAN_CARD_FRAGMENT,
-  te as KV_CLASSIC_LOAN_CARD_USER_FRAGMET,
-  Z as default
+  ae as KV_CLASSIC_LOAN_CARD_FRAGMENT,
+  oe as KV_CLASSIC_LOAN_CARD_USER_FRAGMET,
+  $ as default
 };

package/dist/vue/KvClassicLoanCard2.js

@@ -1,23 +1,24 @@
 import a from "graphql-tag";
-import B from "numeral";
-import { LOAN_CALLOUTS_FRAGMENT as S, LOAN_GEOCODE_FRAGMENT as T, LOAN_PROGRESS_FRAGMENT as M, loanCardComputedProperties as k, loanCardMethods as F } from "../utils/loanCard.js";
-import w from "./KvLoanUse.js";
-import E from "./KvBorrowerImage.js";
-import R from "./KvLoanProgressGroup.js";
-import b from "./KvLoanCallouts.js";
-import O from "./KvLendCta.js";
-import G from "./KvLoanBookmark.js";
-import D from "./KvLoanTag.js";
-import P from "./KvMaterialIcon.js";
-import I from "./KvLoadingPlaceholder.js";
-import V from "./KvLoanTeamPick.js";
-import $ from "./KvLoanActivities.js";
-import { KV_LEND_CTA_FRAGMENT as U, KV_LEND_CTA_USER_FRAGMENT as z } from "./KvLendCta2.js";
-import { KV_LOAN_ACTIVITIES_FRAGMENT as W } from "./KvLoanActivities2.js";
-import { KV_LOAN_TAG_FRAGMENT as x } from "./KvLoanTag2.js";
-import { KV_LOAN_USE_FRAGMENT as H } from "./KvLoanUse2.js";
-import { KV_LOAN_BOOKMARK_FRAGMENT as j } from "./KvLoanBookmark2.js";
-const pe = a`
+import S from "numeral";
+import { LOAN_CALLOUTS_FRAGMENT as M, LOAN_GEOCODE_FRAGMENT as k, LOAN_PROGRESS_FRAGMENT as F, loanCardComputedProperties as R, loanCardMethods as w, useLocationTruncation as E } from "../utils/loanCard.js";
+import b from "./KvLoanUse.js";
+import O from "./KvBorrowerImage.js";
+import G from "./KvLoanProgressGroup.js";
+import D from "./KvLoanCallouts.js";
+import P from "./KvLendCta.js";
+import I from "./KvLoanBookmark.js";
+import V from "./KvLoanTag.js";
+import $ from "./KvMaterialIcon.js";
+import U from "./KvLoadingPlaceholder.js";
+import z from "./KvLoanTeamPick.js";
+import W from "./KvLoanActivities.js";
+import x from "./KvTooltip.js";
+import { KV_LEND_CTA_FRAGMENT as H, KV_LEND_CTA_USER_FRAGMENT as j } from "./KvLendCta2.js";
+import { KV_LOAN_ACTIVITIES_FRAGMENT as q } from "./KvLoanActivities2.js";
+import { KV_LOAN_TAG_FRAGMENT as J } from "./KvLoanTag2.js";
+import { KV_LOAN_USE_FRAGMENT as Q } from "./KvLoanUse2.js";
+import { KV_LOAN_BOOKMARK_FRAGMENT as X } from "./KvLoanBookmark2.js";
+const ve = a`
 	fragment KvClassicLoanCard on LoanBasic {
 		id
 		gender
@@ -41,35 +42,36 @@ const pe = a`
 		...LoanGeocode
 		...LoanProgress
 	}
-	${U}
-	${W}
-	${x}
 	${H}
-	${S}
-	${T}
+	${q}
+	${J}
+	${Q}
 	${M}
-`, ce = a`
+	${k}
+	${F}
+`, ye = a`
 	fragment KvClassicLoanCardUser on LoanBasic {
 		id
 		...KvLendCtaUser
 		...KvLoanBookmark
 	}
-	${z}
 	${j}
-`, Le = {
+	${X}
+`, Ce = {
   name: "KvClassicLoanCard",
   components: {
-    KvBorrowerImage: E,
-    KvLoadingPlaceholder: I,
-    KvLoanUse: w,
-    KvLoanProgressGroup: R,
-    KvMaterialIcon: P,
-    KvLendCta: O,
-    KvLoanTag: D,
-    KvLoanCallouts: b,
-    KvLoanBookmark: G,
-    KvLoanTeamPick: V,
-    KvLoanActivities: $
+    KvBorrowerImage: O,
+    KvLoadingPlaceholder: U,
+    KvLoanUse: b,
+    KvLoanProgressGroup: G,
+    KvMaterialIcon: $,
+    KvLendCta: P,
+    KvLoanTag: V,
+    KvLoanCallouts: D,
+    KvLoanBookmark: I,
+    KvLoanTeamPick: z,
+    KvLoanActivities: W,
+    KvTooltip: x
   },
   props: {
     loanId: {
@@ -226,9 +228,12 @@ const pe = a`
       tag: h,
       unreservedAmount: _,
       sharesAvailable: K
-    } = k(e), {
+    } = R(e), {
       clickReadMore: N
-    } = F(e, t);
+    } = w(e, t), {
+      locationRef: T,
+      isLocationTruncated: B
+    } = E();
     return {
       allDataLoaded: o,
       borrowerName: r,
@@ -251,7 +256,9 @@ const pe = a`
       tag: h,
       unreservedAmount: _,
       sharesAvailable: K,
-      clickReadMore: N
+      clickReadMore: N,
+      locationRef: T,
+      isLocationTruncated: B
     };
   },
   computed: {
@@ -280,12 +287,12 @@ const pe = a`
     amountLent() {
       var t, o;
       const e = ((o = (t = this.loan) == null ? void 0 : t.loanFundraisingInfo) == null ? void 0 : o.fundedAmount) ?? 0;
-      return B(e).format("$0,0");
+      return S(e).format("$0,0");
     }
   }
 };
 export {
-  pe as KV_CLASSIC_LOAN_CARD_FRAGMENT,
-  ce as KV_CLASSIC_LOAN_CARD_USER_FRAGMET,
-  Le as default
+  ve as KV_CLASSIC_LOAN_CARD_FRAGMENT,
+  ye as KV_CLASSIC_LOAN_CARD_USER_FRAGMET,
+  Ce as default
 };

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

@@ -58,10 +58,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             onFocus?: (...args: any[]) => any;
             onBlur?: (...args: any[]) => any;
             onOpen?: (...args: any[]) => any;
+            onClosed?: (...args: any[]) => any;
             "onUpdate:model-value"?: (...args: any[]) => any;
             "onUpdate:model-timezone-value"?: (...args: any[]) => any;
             "onText-submit"?: (...args: any[]) => any;
-            onClosed?: (...args: any[]) => any;
             onCleared?: (...args: any[]) => any;
             "onInternal-model-change"?: (...args: any[]) => any;
             "onRecalculate-position"?: (...args: any[]) => any;
@@ -93,10 +93,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             onFocus?: (...args: any[]) => any;
             onBlur?: (...args: any[]) => any;
             onOpen?: (...args: any[]) => any;
+            onClosed?: (...args: any[]) => any;
             "onUpdate:model-value"?: (...args: any[]) => any;
             "onUpdate:model-timezone-value"?: (...args: any[]) => any;
             "onText-submit"?: (...args: any[]) => any;
-            onClosed?: (...args: any[]) => any;
             onCleared?: (...args: any[]) => any;
             "onInternal-model-change"?: (...args: any[]) => any;
             "onRecalculate-position"?: (...args: any[]) => any;
@@ -125,10 +125,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         onFocus?: (...args: any[]) => any;
         onBlur?: (...args: any[]) => any;
         onOpen?: (...args: any[]) => any;
+        onClosed?: (...args: any[]) => any;
         "onUpdate:model-value"?: (...args: any[]) => any;
         "onUpdate:model-timezone-value"?: (...args: any[]) => any;
         "onText-submit"?: (...args: any[]) => any;
-        onClosed?: (...args: any[]) => any;
         onCleared?: (...args: any[]) => any;
         "onInternal-model-change"?: (...args: any[]) => any;
         "onRecalculate-position"?: (...args: any[]) => any;

package/dist/vue/KvIntroductionLoanCard.css

@@ -1 +1 @@
-.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}
+.loan-callouts[data-v-2e03cf82] span{background-color:transparent!important;--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1))}.loan-card-use[data-v-2e03cf82]:hover,.loan-card-use[data-v-2e03cf82]: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-2e03cf82],.loan-card-active-hover:hover .loan-card-name[data-v-2e03cf82]{text-decoration-line:underline}.loan-card-progress[data-v-2e03cf82],.loan-card-progress[data-v-2e03cf82]:hover,.loan-card-progress[data-v-2e03cf82]:focus{text-decoration-line:none}.loan-card-name[data-v-2e03cf82]{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-2e03cf82] button{border-top-left-radius:0!important;border-top-right-radius:0!important}