@kiva/kv-components 10.5.1 → 10.6.1

package/dist/vue/KvLightbox2.js

@@ -1,117 +0,0 @@
-import { toRefs as h, ref as u, nextTick as k, computed as x, watch as S, onMounted as C, onBeforeUnmount as B } from "vue";
-import { mdiClose as E } from "@mdi/js";
-import { useFocusTrap as L } from "@vueuse/integrations/useFocusTrap";
-import { hideOthers as w } from "../vendor/aria-hidden/dist/es2015/index.js";
-import { lockScroll as P, unlockScroll as q } from "../utils/scrollLock.js";
-import { lockPrintSingleEl as I, unlockPrintSingleEl as K } from "../utils/printing.js";
-import M from "./KvMaterialIcon.js";
-const A = {
-  components: {
-    KvMaterialIcon: M
-  },
-  props: {
-    /**
-     * Whether to apply a blur to the background behind the lightbox
-     */
-    blurBackground: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Whether the dialog is open or not
-     * */
-    visible: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Appearance and role of the lightbox
-     * @values lightbox, alert
-     * */
-    variant: {
-      type: String,
-      default: "lightbox",
-      validator(v) {
-        return ["lightbox", "alert"].includes(v);
-      }
-    },
-    /**
-     * The title of the dialog which describes the dialog to screenreaders, and if no
-     * content is in the `header` slot, will be displayed at the top of the lightbox.
-     * */
-    title: {
-      type: String,
-      required: !0
-    },
-    /**
-     * The dialog has no close X button, clicking the screen does not close,
-     * pressing ESC does not close.
-     * */
-    preventClose: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: [
-    "lightbox-closed"
-  ],
-  setup(v, { emit: g }) {
-    const {
-      visible: o,
-      variant: d,
-      preventClose: p
-    } = h(v), n = u(null), t = u(null), m = u(null), a = u(null), i = u(null);
-    k(() => {
-      const {
-        activate: e,
-        deactivate: l
-      } = L([
-        n.value,
-        // This lightbox
-        '[role="alert"]'
-        // Any open toasts/alerts on the page
-      ], {
-        allowOutsideClick: !0
-        // allow clicking outside the lightbox to close it
-      });
-      a.value = e, i.value = l;
-    });
-    let c = null, s = null;
-    const b = x(() => d.value === "alert" ? "alertdialog" : "dialog"), r = (e = "") => {
-      var l;
-      n.value && t.value && ((l = i.value) == null || l.call(i), t.value.scrollTop = 0, K(t.value)), q(), c && (c(), c = null), document.removeEventListener("keyup", s), o.value && g("lightbox-closed", { type: e });
-    };
-    s = (e) => {
-      e && e.key === "Escape" && !p.value && r();
-    };
-    const y = () => {
-      p.value || r("background-click");
-    }, f = () => {
-      o.value && (document.addEventListener("keyup", s), k(() => {
-        var e;
-        if (n.value && t.value && ((e = a.value) == null || e.call(a), c = w(n.value), I(t.value)), P(), d.value === "alert") {
-          const l = m.value.querySelector("button");
-          l && l.focus();
-        }
-      }));
-    };
-    return S(o, () => {
-      o.value ? f() : r();
-    }), C(() => {
-      o.value && f();
-    }), B(() => r()), {
-      mdiClose: E,
-      role: b,
-      kvLightbox: n,
-      kvLightboxBody: t,
-      onKeyUp: s,
-      onScreenClick: y,
-      hide: r,
-      show: f,
-      controlsRef: m
-    };
-  }
-};
-export {
-  A as default
-};

package/dist/vue/KvLoanActivities2.js

@@ -1,77 +0,0 @@
-import g from "./KvLoanActivities.js";
-import { KV_LOAN_ACTIVITIES_FRAGMENT as H } from "./KvLoanActivities.js";
-import { resolveComponent as c, openBlock as n, createElementBlock as s, createElementVNode as i, createVNode as d, toDisplayString as l, createCommentVNode as r, withCtx as m, Fragment as w, renderList as _, createBlock as h } from "vue";
-import "./KvLoanActivities.css";
-import y from "../_virtual/_plugin-vue_export-helper.js";
-const A = {
-  key: 0,
-  class: "loan-activity"
-}, L = { class: "tw-flex tw-justify-center lg:tw-px-0" }, C = { class: "tw-flex tw-justify-center tw-mt-1 tw-text-small" }, K = { key: 0 }, N = { class: "tw-text-title tw-flex-1 data-hj-suppress" }, M = { class: "tw-overflow-x-hidden tw-px-2 tw-pb-1" }, T = { class: "tw-text-center tw-text-upper" }, V = { class: "tw-flex tw-flex-col tw-gap-y-1" }, B = {
-  key: 0,
-  class: "tw-mt-1 tw-text-small tw-text-danger"
-}, F = { class: "tw-flex tw-justify-end tw-mt-4 tw-pb-2.5 md:tw-pb-4" };
-function I(k, a, t, e, j, E) {
-  const v = c("KvActivityRow"), x = c("KvLendCta"), u = c("KvLightbox");
-  return t.combinedActivities.length > 0 ? (n(), s("div", A, [
-    i("div", L, [
-      d(v, { activity: e.singleActivity }, null, 8, ["activity"])
-    ]),
-    i("div", C, [
-      e.lendersNumber && e.amountLent ? (n(), s("span", K, l(e.lendersNumber) + " lenders lent " + l(e.amountLent) + ".   ", 1)) : r("", !0),
-      i("button", {
-        class: "tw-text-action hover:tw-underline",
-        onClick: a[0] || (a[0] = (...o) => e.showActivityModal && e.showActivityModal(...o))
-      }, " See all activity ")
-    ]),
-    d(u, {
-      title: "Activity Feed Modal",
-      visible: e.lightboxOpen,
-      onLightboxClosed: e.closeLightbox
-    }, {
-      header: m(() => [
-        i("h2", N, l(e.modalTitle), 1)
-      ]),
-      default: m(() => [
-        i("div", M, [
-          (n(!0), s(w, null, _(t.combinedActivities, (o) => (n(), s("div", {
-            key: o.key,
-            class: "md:tw-px-8 lg:tw-px-14 tw-mt-4"
-          }, [
-            i("p", T, l(e.formattedDate(o.key)), 1),
-            i("div", V, [
-              (n(!0), s(w, null, _(o.data, (b, f) => (n(), h(v, {
-                key: f,
-                activity: b
-              }, null, 8, ["activity"]))), 128))
-            ])
-          ]))), 128))
-        ]),
-        i("div", null, [
-          t.errorMsg ? (n(), s("p", B, l(t.errorMsg), 1)) : r("", !0),
-          i("div", F, [
-            d(x, {
-              loan: t.loan,
-              "is-loading": !1,
-              "kv-track-function": t.kvTrackFunction,
-              "get-cookie": t.getCookie,
-              "set-cookie": t.setCookie,
-              "user-balance": t.userBalance,
-              "basket-items": t.basketItems,
-              route: t.route,
-              "is-adding": t.isAdding,
-              "is-visitor": t.isVisitor,
-              "enable-five-dollars-notes": t.enableFiveDollarsNotes,
-              onAddToBasket: a[1] || (a[1] = (o) => k.$emit("add-to-basket", o))
-            }, null, 8, ["loan", "kv-track-function", "get-cookie", "set-cookie", "user-balance", "basket-items", "route", "is-adding", "is-visitor", "enable-five-dollars-notes"])
-          ])
-        ])
-      ]),
-      _: 1
-    }, 8, ["visible", "onLightboxClosed"])
-  ])) : r("", !0);
-}
-const G = /* @__PURE__ */ y(g, [["render", I], ["__scopeId", "data-v-c2b4aeda"]]);
-export {
-  H as KV_LOAN_ACTIVITIES_FRAGMENT,
-  G as default
-};

package/dist/vue/KvLoanBookmark2.js

@@ -1,24 +0,0 @@
-import i from "./KvLoanBookmark.js";
-import { KV_LOAN_BOOKMARK_FRAGMENT as K } from "./KvLoanBookmark.js";
-import { resolveComponent as m, openBlock as a, createElementBlock as l, createElementVNode as s, createVNode as c, normalizeClass as k } from "vue";
-import d from "../_virtual/_plugin-vue_export-helper.js";
-function f(r, e, o, u, t, _) {
-  const n = m("kv-material-icon");
-  return a(), l("div", null, [
-    s("button", {
-      style: { "border-radius": "8px", padding: "3px" },
-      class: "tw-cursor-pointer tw-font-medium tw-bg-white tw-flex tw-justify-center",
-      onClick: e[0] || (e[0] = (p) => r.$emit("toggle-bookmark"))
-    }, [
-      c(n, {
-        class: k(["tw-w-3", { "tw-text-black": !o.isBookmarked, "tw-text-marigold": o.isBookmarked }]),
-        icon: `${o.isBookmarked ? t.mdiBookmark : t.mdiBookmarkOutline}`
-      }, null, 8, ["class", "icon"])
-    ])
-  ]);
-}
-const v = /* @__PURE__ */ d(i, [["render", f]]);
-export {
-  K as KV_LOAN_BOOKMARK_FRAGMENT,
-  v as default
-};

package/dist/vue/KvLoanTag2.js

@@ -1,46 +0,0 @@
-import h from "./KvLoanTag.js";
-import { KV_LOAN_TAG_FRAGMENT as L } from "./KvLoanTag.js";
-import { resolveComponent as d, openBlock as e, createElementBlock as r, normalizeStyle as _, normalizeClass as w, Fragment as o, createTextVNode as m, toDisplayString as a, createElementVNode as l, createVNode as p, withCtx as y, renderList as k, createBlock as f, createCommentVNode as s } from "vue";
-import x from "../_virtual/_plugin-vue_export-helper.js";
-const v = ["id"], M = { class: "tw-whitespace-nowrap tw-pb-0.5" };
-function N(b, i, c, C, T, t) {
-  const u = d("kv-tooltip"), g = d("kv-countdown-timer");
-  return t.variation ? (e(), r("div", {
-    key: 0,
-    class: w(["tw-text-small tw-font-medium tw-pt-0.5", { "tw-line-clamp-1": !t.isMultipleMatch }]),
-    style: _({ color: t.tagColor })
-  }, [
-    t.isMultipleMatch ? (e(), r(o, { key: 0 }, [
-      m(a(t.totalMatchRatio) + "x match by ", 1),
-      l("span", {
-        id: `matching-orgs-${c.loan.id}`,
-        class: "tw-underline tw-decoration-dotted tw-cursor-pointer"
-      }, a(t.multiMatchingOrgs.length) + " organizations", 9, v),
-      p(u, {
-        controller: `matching-orgs-${c.loan.id}`,
-        "max-width": "320px"
-      }, {
-        default: y(() => [
-          l("p", M, " Your contribution is matched by " + a(t.multiMatchingOrgs.length) + " partners ", 1),
-          i[0] || (i[0] = l("hr", { class: "tw-border-caution-highlight tw-py-0.5" }, null, -1)),
-          (e(!0), r(o, null, k(t.multiMatchingOrgs, (n) => (e(), r("p", {
-            key: n.managedAccountId,
-            class: "tw-m-0"
-          }, a(n.ratio) + ":1 matching by " + a(t.orgDisplayName(n)), 1))), 128))
-        ]),
-        _: 1
-      }, 8, ["controller"])
-    ], 64)) : (e(), r(o, { key: 1 }, [
-      m(a(t.tagText) + " ", 1),
-      t.variation === "ending-soon" ? (e(), f(g, {
-        key: 0,
-        deadline: t.deadline
-      }, null, 8, ["deadline"])) : s("", !0)
-    ], 64))
-  ], 6)) : s("", !0);
-}
-const z = /* @__PURE__ */ x(h, [["render", N]]);
-export {
-  L as KV_LOAN_TAG_FRAGMENT,
-  z as default
-};

package/dist/vue/KvLoanUse2.js

@@ -1,16 +0,0 @@
-import o from "./KvLoanUse.js";
-import { KV_LOAN_USE_FRAGMENT as E } from "./KvLoanUse.js";
-import { openBlock as r, createElementBlock as n } from "vue";
-import t from "../_virtual/_plugin-vue_export-helper.js";
-const c = ["innerHTML"];
-function s(_, p, a, l, m, e) {
-  return r(), n("p", {
-    class: "tw-line-clamp-4",
-    innerHTML: e.loanUse
-  }, null, 8, c);
-}
-const u = /* @__PURE__ */ t(o, [["render", s]]);
-export {
-  E as KV_LOAN_USE_FRAGMENT,
-  u as default
-};

package/dist/vue/KvWideLoanCard2.js

@@ -1,209 +0,0 @@
-import D from "./KvWideLoanCard.js";
-import { KV_WIDE_LOAN_CARD_FRAGMENT as ee, KV_WIDE_LOAN_CARD_USER_FRAGMENT as te } from "./KvWideLoanCard.js";
-import { resolveComponent as i, openBlock as o, createElementBlock as r, normalizeClass as f, createElementVNode as s, createBlock as n, resolveDynamicComponent as k, withCtx as m, createVNode as d, toDisplayString as h, createTextVNode as N, createCommentVNode as w, Fragment as R, renderList as V } from "vue";
-import "./KvWideLoanCard.css";
-import B from "../_virtual/_plugin-vue_export-helper.js";
-const T = { class: "loan-card-active-hover tw-flex-1 tw-min-w-[275px] md:tw-min-w-[320px] md:tw-max-w-[320px]" }, E = {
-  key: 1,
-  class: "tw-relative tw-w-full"
-}, I = { key: 0 }, S = {
-  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)" }
-}, F = ["id"], W = { class: "tw-flex tw-flex-col tw-flex-1 tw-px-1" }, z = { class: "tw-hidden md:tw-inline-block tw-text-title" }, K = { class: "tw-pt-1" }, U = {
-  key: 0,
-  class: "tw-w-full",
-  style: { height: "5.5rem" }
-}, G = { key: 1 }, O = { class: "tw-flex tw-flex-row tw-justify-between tw-gap-1 md:tw-gap-3" }, j = {
-  key: 0,
-  class: "tw-w-full tw-pt-1 tw-pr-1"
-};
-function H(_, a, t, e, q, g) {
-  const c = i("kv-loading-placeholder"), v = i("kv-borrower-image"), u = i("kv-material-icon"), b = i("kv-tooltip"), x = i("kv-loan-bookmark"), y = i("kv-loan-tag"), L = i("kv-loan-use"), M = i("kv-loan-callouts"), C = i("kv-loan-progress-group"), A = i("kv-lend-cta");
-  return o(), r("div", {
-    class: f(["tw-flex tw-flex-row tw-flex-wrap tw-bg-white tw-rounded tw-w-full tw-pb-1 tw-p-1 tw-gap-1 tw-items-center", { "tw-pointer-events-none": e.isLoading }]),
-    "data-testid": "loan-card",
-    style: { "box-shadow": "0 4px 12px rgba(0, 0, 0, 0.08)" }
-  }, [
-    s("div", T, [
-      e.isLoading ? (o(), n(c, {
-        key: 0,
-        class: "tw-mb-1 tw-w-full tw-rounded",
-        style: { height: "15rem" }
-      })) : (o(), r("div", E, [
-        (o(), n(k(e.tag), {
-          to: e.readMorePath,
-          href: e.readMorePath,
-          class: "tw-flex",
-          "aria-label": "Borrower image",
-          onClick: a[0] || (a[0] = (l) => e.clickReadMore("Photo", l))
-        }, {
-          default: m(() => [
-            d(v, {
-              class: "tw-relative tw-w-full tw-bg-black tw-rounded-sm tw-bg-clip-content",
-              alt: `Photo of ${e.borrowerName}`,
-              "aspect-ratio": g.imageAspectRatio,
-              "default-image": { width: g.imageDefaultWidth },
-              hash: e.imageHash,
-              images: g.imageSizes,
-              "photo-path": t.photoPath
-            }, null, 8, ["alt", "aspect-ratio", "default-image", "hash", "images", "photo-path"]),
-            e.countryName ? (o(), r("div", I, [
-              s("p", S, [
-                d(u, {
-                  class: "tw-h-2 tw-w-2 tw-flex-shrink-0",
-                  icon: e.mdiMapMarker
-                }, null, 8, ["icon"]),
-                s("span", {
-                  id: `loan-location-${t.loanId}`,
-                  ref: "locationRef",
-                  class: "tw-truncate tw-min-w-0",
-                  style: { "margin-top": "0.125rem" }
-                }, h(e.formattedLocation), 9, F),
-                e.isLocationTruncated ? (o(), n(b, {
-                  key: 0,
-                  controller: `loan-location-${t.loanId}`,
-                  "max-width": "250px"
-                }, {
-                  default: m(() => [
-                    N(h(e.formattedLocation), 1)
-                  ]),
-                  _: 1
-                }, 8, ["controller"])) : w("", !0)
-              ])
-            ])) : w("", !0)
-          ]),
-          _: 1
-        }, 8, ["to", "href"])),
-        t.isVisitor ? w("", !0) : (o(), n(x, {
-          key: 0,
-          "loan-id": t.loanId,
-          "is-bookmarked": t.isBookmarked,
-          class: "tw-absolute tw-right-1",
-          style: { top: "-6px" },
-          "data-testid": "loan-card-bookmark",
-          onToggleBookmark: a[1] || (a[1] = (l) => _.$emit("toggle-bookmark"))
-        }, null, 8, ["loan-id", "is-bookmarked"]))
-      ]))
-    ]),
-    s("div", W, [
-      s("h3", z, h(e.borrowerName), 1),
-      (o(), n(k(e.tag), {
-        to: e.readMorePath,
-        href: e.readMorePath,
-        class: "tw-flex tw-no-underline hover:tw-no-underline focus:tw-no-underline",
-        "aria-label": "Loan tag",
-        onClick: a[2] || (a[2] = (l) => e.clickReadMore("Tag", l))
-      }, {
-        default: m(() => [
-          t.showTags && !e.isLoading ? (o(), n(y, {
-            key: 0,
-            loan: t.loan,
-            "enable-multi-matching": t.enableMultiMatching
-          }, null, 8, ["loan", "enable-multi-matching"])) : w("", !0)
-        ]),
-        _: 1
-      }, 8, ["to", "href"])),
-      (o(), n(k(e.tag), {
-        to: e.readMorePath,
-        href: e.readMorePath,
-        class: "loan-card-use tw-no-underline tw-text-primary",
-        "aria-label": "Loan use",
-        onClick: a[3] || (a[3] = (l) => e.clickReadMore("Use", l))
-      }, {
-        default: m(() => [
-          s("div", K, [
-            e.isLoading ? (o(), r("div", U, [
-              (o(!0), r(R, null, V([...Array(4)], (l, P) => (o(), r("div", {
-                key: P,
-                class: "tw-h-2 tw-mb-1"
-              }, [
-                d(c)
-              ]))), 128))
-            ])) : (o(), r("div", G, [
-              d(L, {
-                use: e.loanUse,
-                "loan-amount": e.loanAmount,
-                status: e.loanStatus,
-                "borrower-count": e.loanBorrowerCount,
-                name: e.borrowerName,
-                "distribution-model": e.distributionModel
-              }, null, 8, ["use", "loan-amount", "status", "borrower-count", "name", "distribution-model"])
-            ]))
-          ])
-        ]),
-        _: 1
-      }, 8, ["to", "href"])),
-      e.isLoading || typeof e.loanCallouts > "u" ? (o(), n(c, {
-        key: 0,
-        class: "tw-mt-1.5 tw-mb-1",
-        style: { width: "60%", height: "1.75rem", "border-radius": "500rem" }
-      })) : (o(), n(M, {
-        key: 1,
-        callouts: e.loanCallouts,
-        class: "loan-callouts tw-my-1.5"
-      }, null, 8, ["callouts"])),
-      s("div", O, [
-        e.hasProgressData ? w("", !0) : (o(), r("div", j, [
-          d(c, {
-            class: "tw-mb-0.5",
-            style: { width: "70%", height: "1.3rem" }
-          }),
-          d(c, {
-            class: "tw-rounded",
-            style: { width: "70%", height: "0.5rem" }
-          })
-        ])),
-        e.sharesAvailable ? (o(), n(k(e.tag), {
-          key: 1,
-          to: e.readMorePath,
-          href: e.readMorePath,
-          class: "loan-card-progress tw-mt-1 tw-flex-grow",
-          "aria-label": "Loan progress",
-          onClick: a[4] || (a[4] = (l) => e.clickReadMore("Progress", l))
-        }, {
-          default: m(() => [
-            d(C, {
-              id: "loanProgress",
-              "money-left": e.unreservedAmount,
-              "progress-percent": e.fundraisingPercent,
-              class: "tw-text-black"
-            }, null, 8, ["money-left", "progress-percent"])
-          ]),
-          _: 1
-        }, 8, ["to", "href"])) : w("", !0),
-        e.allDataLoaded ? (o(), n(A, {
-          key: 3,
-          loan: t.loan,
-          "unreserved-amount": e.unreservedAmount,
-          "basket-items": t.basketItems,
-          "is-loading": e.isLoading,
-          "is-adding": t.isAdding,
-          "enable-five-dollars-notes": t.enableFiveDollarsNotes,
-          "five-dollars-selected": t.fiveDollarsSelected,
-          "kv-track-function": t.kvTrackFunction,
-          "show-view-loan": t.showViewLoan,
-          "custom-loan-details": t.customLoanDetails,
-          "external-links": t.externalLinks,
-          route: t.route,
-          "user-balance": t.userBalance,
-          "get-cookie": t.getCookie,
-          "set-cookie": t.setCookie,
-          "is-visitor": t.isVisitor,
-          class: f(["tw-mt-auto tw-self-end", { "tw-flex-grow": !e.sharesAvailable, "tw-flex-shrink-0": e.sharesAvailable }]),
-          onAddToBasket: a[5] || (a[5] = (l) => _.$emit("add-to-basket", l)),
-          onShowLoanDetails: a[6] || (a[6] = (l) => e.clickReadMore("ViewLoan", 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", "class"])) : (o(), n(c, {
-          key: 2,
-          class: "tw-rounded tw-self-start",
-          style: { width: "9rem", height: "3rem" }
-        }))
-      ])
-    ])
-  ], 2);
-}
-const Z = /* @__PURE__ */ B(D, [["render", H], ["__scopeId", "data-v-de4628d8"]]);
-export {
-  ee as KV_WIDE_LOAN_CARD_FRAGMENT,
-  te as KV_WIDE_LOAN_CARD_USER_FRAGMENT,
-  Z as default
-};