@kiva/kv-components 8.20.0 → 8.21.0

package/dist/vue/KvLoanTag.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "8.20.0",
+  "version": "8.21.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -113,5 +113,5 @@
   "dependencies": {
     "fuse.js": "^7.1.0"
   },
-  "gitHead": "32daf0d9133bf15a96343d59440a637f69fdbf3c"
+  "gitHead": "13131d8cc45d84ab1bfe6b370feffb9d6c09a635"
 }