@kiva/kv-components 6.4.0 → 6.4.2

package/dist/vue/KvCartModal.css

@@ -1 +1 @@
-.screen[data-v-e2f3420c]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1400;background-color:#0003}.modal[data-v-e2f3420c]{width:100%;border-bottom-right-radius:.875rem;border-bottom-left-radius:.875rem;--tw-bg-opacity: 1;background-color:rgba(var(--bg-primary),var(--tw-bg-opacity, 1))}@media (min-width: 45.875rem){.modal[data-v-e2f3420c]{position:absolute;right:0}}.modal[data-v-e2f3420c]{max-height:90%}.modal__body[data-v-e2f3420c]{display:flex;gap:1rem;padding-left:1.25rem;padding-right:1.25rem}@media (min-width: 45.875rem){.modal__body[data-v-e2f3420c]{padding-left:2rem;padding-right:2rem}}.container[data-v-e2f3420c]{position:absolute;top:0;right:0;bottom:0;left:0}@media (min-width: 45.875rem){.modal[data-v-e2f3420c]{max-width:24.5rem}}
+.screen[data-v-c2a75743]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1400;background-color:#0003}.modal[data-v-c2a75743]{width:100%;border-bottom-right-radius:.875rem;border-bottom-left-radius:.875rem;--tw-bg-opacity: 1;background-color:rgba(var(--bg-primary),var(--tw-bg-opacity, 1))}@media (min-width: 45.875rem){.modal[data-v-c2a75743]{position:absolute;right:0}}.modal[data-v-c2a75743]{max-height:90%}.container[data-v-c2a75743]{position:absolute;top:0;right:0;bottom:0;left:0}@media (min-width: 45.875rem){.modal[data-v-c2a75743]{max-width:24.5rem}}

package/dist/vue/KvCartModal.js

@@ -1,4 +1,4 @@
-import { toRefs as T, ref as w, computed as E, watch as A, onMounted as N, onBeforeUnmount as V, resolveComponent as y, openBlock as b, createBlock as I, Transition as K, withCtx as x, withDirectives as F, createElementVNode as o, withModifiers as k, renderSlot as h, createVNode as C, createElementBlock as P, createCommentVNode as R, createTextVNode as j, toDisplayString as D, vShow as L, nextTick as O } from "vue";
+import { toRefs as T, ref as w, computed as E, watch as A, onMounted as N, onBeforeUnmount as V, resolveComponent as y, openBlock as b, createBlock as I, Transition as K, withCtx as x, withDirectives as F, createElementVNode as o, withModifiers as k, renderSlot as g, createVNode as C, createElementBlock as P, createCommentVNode as R, createTextVNode as j, toDisplayString as D, vShow as L, nextTick as O } from "vue";
 import { mdiClose as U, mdiCheckCircle as q } from "@mdi/js";
 import { useFocusTrap as z } from "@vueuse/integrations/useFocusTrap";
 import { hideOthers as G } from "../vendor/aria-hidden/dist/es2015/index.js";
@@ -48,24 +48,24 @@ const $ = {
       r.value
       // This cart modal
     ]), {
-      activate: _,
-      deactivate: g
+      activate: h,
+      deactivate: M
     } = z(n, {
       allowOutsideClick: !0
       // allow clicking outside the cart modal to close it
     });
     let v = null, m = null;
     const s = (i = "") => {
-      r.value && a.value && (g(), a.value.scrollTop = 0, Q(a.value)), H(), v && (v(), v = null), document.removeEventListener("keyup", m), t("cart-modal-closed", { type: i });
+      r.value && a.value && (M(), a.value.scrollTop = 0, Q(a.value)), H(), v && (v(), v = null), document.removeEventListener("keyup", m), t("cart-modal-closed", { type: i });
     };
     m = (i) => {
       i && i.key === "Escape" && !e.value && s();
     };
-    const M = () => {
+    const _ = () => {
       e.value || s("background");
     }, f = () => {
       l.value && (document.addEventListener("keyup", m), O(() => {
-        r.value && a.value && (_(), v = G(r.value), W(a.value)), J();
+        r.value && a.value && (h(), v = G(r.value), W(a.value)), J();
       }));
     }, B = (i) => {
       s(i);
@@ -84,7 +84,7 @@ const $ = {
       mdiClose: U,
       mdiCheckCircle: q,
       onKeyUp: m,
-      onScreenClick: M,
+      onScreenClick: _,
       hide: s,
       show: f,
       controlsRef: d,
@@ -96,7 +96,7 @@ const $ = {
 }, tt = { class: "container" }, et = { class: "tw-flex tw-pt-2 tw-px-2.5" }, ot = { class: "tw-flex tw-flex-grow tw-gap-1 tw-items-center tw-pb-2" }, lt = {
   id: "kvCartModalBody",
   ref: "kvCartModalBody",
-  class: "modal__body"
+  class: "tw-flex tw-gap-2"
 }, nt = {
   ref: "controlsRef",
   class: "tw-flex-shrink-0 tw-flex tw-justify-end tw-gap-x-2.5 tw-px-2.5 tw-pb-2 tw-flex-col tw-gap-1"
@@ -132,7 +132,7 @@ function at(c, t, l, e, r, a) {
             }, [
               o("div", et, [
                 o("div", ot, [
-                  h(c.$slots, "header", {}, () => [
+                  g(c.$slots, "header", {}, () => [
                     C(d, {
                       class: "tw-w-3.5 tw-h-3.5 tw-text-brand",
                       icon: e.mdiCheckCircle
@@ -153,7 +153,7 @@ function at(c, t, l, e, r, a) {
                 ])
               ]),
               o("div", lt, [
-                h(c.$slots, "content", {}, void 0, !0)
+                g(c.$slots, "content", {}, void 0, !0)
               ], 512),
               o("div", nt, [
                 C(u, {
@@ -176,7 +176,7 @@ function at(c, t, l, e, r, a) {
     _: 3
   });
 }
-const pt = /* @__PURE__ */ Z($, [["render", at], ["__scopeId", "data-v-e2f3420c"]]);
+const pt = /* @__PURE__ */ Z($, [["render", at], ["__scopeId", "data-v-c2a75743"]]);
 export {
   pt as default
 };

package/dist/vue/KvCartPill.js

@@ -1,6 +1,6 @@
-import { toRefs as l, computed as s, openBlock as n, createElementBlock as a, normalizeClass as p, renderSlot as i, createElementVNode as c, toDisplayString as w } from "vue";
-import m from "../_virtual/_plugin-vue_export-helper.js";
-const u = {
+import { toRefs as n, computed as a, openBlock as i, createElementBlock as p, normalizeClass as u, renderSlot as c, createElementVNode as m, toDisplayString as f } from "vue";
+import w from "../_virtual/_plugin-vue_export-helper.js";
+const d = {
   props: {
     borrowerName: {
       type: String,
@@ -9,28 +9,43 @@ const u = {
     showBg: {
       type: Boolean,
       default: !1
+    },
+    milestonesNumber: {
+      type: Number,
+      default: 1
+    },
+    isCloseNextMilestone: {
+      type: Boolean,
+      default: !1
     }
   },
   setup(t) {
     const {
-      borrowerName: e
-    } = l(t);
+      borrowerName: o,
+      milestonesNumber: e,
+      isCloseNextMilestone: l
+    } = n(t);
     return {
-      pillCopy: s(() => e.value ? `Supporting ${e.value} will hit your next milestone!` : "Supporting this loan achieves a milestone!")
+      pillCopy: a(() => {
+        if (l.value)
+          return "You’re close to your next milestone!";
+        const s = e.value > 1 ? `${e.value} of your milestones` : "your next milestone";
+        return o.value ? `Supporting ${o.value} will hit ${s}!` : "Supporting this loan achieves a milestone!";
+      })
     };
   }
-}, d = { class: "tw-text-wrap" };
-function f(t, e, o, r, y, _) {
-  return n(), a("div", {
-    class: p(["tw-w-max tw-flex tw-items-center tw-gap-1 tw-px-1 tw-py-0.5 tw-rounded", {
-      "tw-text-small tw-bg-secondary": o.showBg
+}, y = { class: "tw-text-wrap" };
+function x(t, o, e, l, r, s) {
+  return i(), p("div", {
+    class: u(["tw-w-max tw-flex tw-items-center tw-gap-1 tw-px-1 tw-py-0.5 tw-rounded", {
+      "tw-text-small tw-bg-secondary": e.showBg
     }])
   }, [
-    i(t.$slots, "icon"),
-    c("p", d, w(r.pillCopy), 1)
+    c(t.$slots, "icon"),
+    m("p", y, f(l.pillCopy), 1)
   ], 2);
 }
-const h = /* @__PURE__ */ m(u, [["render", f]]);
+const v = /* @__PURE__ */ w(d, [["render", x]]);
 export {
-  h as default
+  v as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "6.4.0",
+  "version": "6.4.2",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -107,5 +107,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "ea292b1f86088ab2087a728a334693bd0dbf1add"
+  "gitHead": "ad451289b0e7c6a607efce658156f9240576a5ea"
 }