@kiva/kv-components 6.57.6 → 6.58.0

package/dist/vue/KvAtbModal.css

@@ -1 +1 @@
-@media (min-width: 45.875rem){.cart-modal[data-v-2070d628] div.container{right:var(--modal-right)!important;top:var(--modal-top)!important}}
+@media (min-width: 45.875rem){.cart-modal[data-v-85b67e19] div.container{right:var(--modal-right)!important;top:var(--modal-top)!important}}

package/dist/vue/KvAtbModal.js

@@ -103,20 +103,20 @@ const Q = {
   ],
   setup(b, { emit: i }) {
     const {
-      modalVisible: a,
+      modalVisible: r,
       addedLoan: l,
       userData: m,
       hasEverLoggedIn: A,
       myKivaExperimentEnabled: p,
       oneLoanAwayCategory: w,
       oneLoanAwayFilteredUrl: v,
-      milestonesProgress: q
+      milestonesProgress: P
     } = N(b), f = E(0), k = E(0), Z = C(() => {
       var t;
       return ((t = l.value) == null ? void 0 : t.basketSize) ?? 0;
-    }), H = C(() => {
-      const t = `${window.innerWidth - k.value - 200}`, o = `${f.value}`;
-      return { right: t, top: o };
+    }), q = C(() => {
+      const t = window.innerWidth - k.value - 200, o = `${t > 0 ? t : 0}`, n = `${f.value}`;
+      return { right: o, top: n };
     }), u = C(() => {
       var t;
       return (t = l.value) == null ? void 0 : t.name;
@@ -124,13 +124,13 @@ const Q = {
       var t;
       return !((t = m.value) != null && t.my);
     }), g = C(() => {
-      var t, o, r;
-      return p.value && (_.value && !A.value || !_.value && !((r = (o = (t = m.value) == null ? void 0 : t.my) == null ? void 0 : o.loans) != null && r.totalCount)) && Z.value === 1;
-    }), x = C(() => w.value && v.value && !g.value), j = C(() => Object.values(q.value).reduce((t, o) => t + (o > 0 ? o : 0), 0)), P = C(() => {
-      var o, r, s;
+      var t, o, n;
+      return p.value && (_.value && !A.value || !_.value && !((n = (o = (t = m.value) == null ? void 0 : t.my) == null ? void 0 : o.loans) != null && n.totalCount)) && Z.value === 1;
+    }), x = C(() => w.value && v.value && !g.value), j = C(() => Object.values(P.value).reduce((t, o) => t + (o > 0 ? o : 0), 0)), H = C(() => {
+      var o, n, s;
       if (g.value) {
-        const n = `Supporting ${u.value} helps`;
-        return ((o = l.value) == null ? void 0 : o.borrowerCount) > 1 || (r = l.value) != null && r.themes.includes("Social Enterprise") ? `${n} them invest in themselves.` : ((s = l.value) == null ? void 0 : s.gender) === "male" ? `${n} him invest in himself.` : `${n} her invest in herself.`;
+        const a = `Supporting ${u.value} helps`;
+        return ((o = l.value) == null ? void 0 : o.borrowerCount) > 1 || (n = l.value) != null && n.themes.includes("Social Enterprise") ? `${a} them invest in themselves.` : ((s = l.value) == null ? void 0 : s.gender) === "male" ? `${a} him invest in himself.` : `${a} her invest in herself.`;
       }
       if (x.value)
         return "You’re close to your next achievement!";
@@ -143,24 +143,24 @@ const Q = {
       o && V(o), i("reset-modal");
     }, M = () => {
       const t = document.getElementsByTagName("header")[0], o = (t == null ? void 0 : t.getBoundingClientRect()) ?? null;
-      let r = [...document.querySelectorAll('[data-testid="header-basket"]')], s = r.find((L) => L == null ? void 0 : L.clientHeight);
-      s || (r = [...document.querySelectorAll('[data-testid="header-about"]')], s = r.find((L) => L == null ? void 0 : L.clientHeight));
-      const n = (s == null ? void 0 : s.getBoundingClientRect()) ?? null;
-      n && (n == null ? void 0 : n.right) !== k.value && (k.value = n == null ? void 0 : n.right), o && (o == null ? void 0 : o.bottom) !== f.value && (f.value = o == null ? void 0 : o.bottom);
+      let n = [...document.querySelectorAll('[data-testid="header-basket"]')], s = n.find((L) => L == null ? void 0 : L.clientHeight);
+      s || (n = [...document.querySelectorAll('[data-testid="header-about"]')], s = n.find((L) => L == null ? void 0 : L.clientHeight));
+      const a = (s == null ? void 0 : s.getBoundingClientRect()) ?? null;
+      a && (a == null ? void 0 : a.right) !== k.value && (k.value = a == null ? void 0 : a.right), o && (o == null ? void 0 : o.bottom) !== f.value && (f.value = o == null ? void 0 : o.bottom);
     }, c = G(M, 50);
-    return F(a, () => {
-      a.value && M();
+    return F(r, () => {
+      r.value && M();
     }, { immediate: !0 }), O(() => {
       M(), window.addEventListener("scroll", c), window.addEventListener("resize", c);
     }), z(() => {
       window.removeEventListener("scroll", c), window.removeEventListener("resize", c);
     }), {
-      modalPosition: H,
+      modalPosition: q,
       basketCount: Z,
       isFirstLoan: g,
       borrowerName: u,
       showOneAway: x,
-      pillMsg: P,
+      pillMsg: H,
       closeCartModal: K
     };
   }
@@ -187,27 +187,27 @@ const Q = {
   key: 2,
   class: "tw-text-h5"
 };
-function o1(b, i, a, l, m, A) {
+function o1(b, i, r, l, m, A) {
   const p = B("KvCartPill"), w = B("KvCartModal");
-  return a.modalVisible ? (d(), D(w, {
+  return r.modalVisible ? (d(), D(w, {
     key: 0,
     style: R({
       "--modal-right": `${l.modalPosition.right}px`,
       "--modal-top": `${l.modalPosition.top}px`
     }),
     class: "cart-modal !tw-top-0",
-    visible: a.modalVisible,
-    "photo-path": a.photoPath,
+    visible: r.modalVisible,
+    "photo-path": r.photoPath,
     "basket-count": l.basketCount,
-    "category-name": a.oneLoanAwayCategory,
+    "category-name": r.oneLoanAwayCategory,
     onCartModalClosed: l.closeCartModal
   }, {
     content: S(() => [
-      a.showModalContent || l.isFirstLoan ? (d(), h("div", X, [
+      r.showModalContent || l.isFirstLoan ? (d(), h("div", X, [
         T(p, {
           class: "!tw-w-full tw-justify-center",
           "borrower-name": l.borrowerName,
-          "milestones-number": a.milestonesNumber,
+          "milestones-number": r.milestonesNumber,
           "is-close-next-milestone": l.showOneAway,
           "custom-message": l.pillMsg
         }, {
@@ -380,7 +380,7 @@ function o1(b, i, a, l, m, A) {
                   fill: "#757575"
                 }, null, -1)
               ]))),
-              l.showOneAway ? (d(), h("div", t1, U(a.oneAwayText), 1)) : y("", !0)
+              l.showOneAway ? (d(), h("div", t1, U(r.oneAwayText), 1)) : y("", !0)
             ], 2)
           ]),
           _: 1
@@ -390,7 +390,7 @@ function o1(b, i, a, l, m, A) {
     _: 1
   }, 8, ["style", "visible", "photo-path", "basket-count", "category-name", "onCartModalClosed"])) : y("", !0);
 }
-const C1 = /* @__PURE__ */ J(Q, [["render", o1], ["__scopeId", "data-v-2070d628"]]);
+const C1 = /* @__PURE__ */ J(Q, [["render", o1], ["__scopeId", "data-v-85b67e19"]]);
 export {
   C1 as default
 };

package/dist/vue/KvDatePicker.css

@@ -1 +1 @@
-.kv-datepicker__loading{padding:20px;text-align:center;color:var(--text-secondary)}.kv-datepicker .dp__input{font-family:inherit;font-weight:inherit;height:3rem;background-color:rgb(var(--bg-primary))}.kv-datepicker .dp__input:focus-within,.kv-datepicker .dp__input:focus-visible{border-color:rgb(var(--bg-action));border-width:2px;outline:none}.kv-datepicker .dp__theme_light{--dp-primary-color: rgb(var(--bg-primary-inverse));--dp-secondary-color: rgb(var(--bg-tertiary));--dp-icon-color: rgb(var(--bg-action));--dp-hover-icon-color: rgb(var(--bg-action));--dp-border-radius: .25rem;--dp-border-color-focus: rgb(var(--bg-action-highlight));--dp-font-family: inherit, "Postgrotesk", sans-serif;--dp-primary-text-color: rgb(var(--text-primary-inverse));--dp-border-color: rgb(var(--bg-tertiary));--dp-hover-color: rgb(var(--bg-tertiary));--dp-background-color: rgb(var(--bg-primary));--dp-text-color: rgb(var(--text-primary));--dp-menu-border-color: rgb(var(--bg-primary-inverse));--dp-disabled-color: rgb(var(--bg-primary));--dp-disabled-color-text: rgb(var(--text-secondary));--dp-success-color: rgb(var(--bg-action));--dp-danger-color: rgb(var(--bg-danger));--dp-highlight-color: rgb(var(--bg-action));--dp-cell-border-radius: .25rem;--dp-loader: rgb(var(--bg-action));--dp-range-between-dates-background-color: rgb(var(--bg-action));--dp-range-between-dates-text-color: rgb(var(--bg-primary));--dp-range-between-border-color: rgb(var(--bg-action))}
+.kv-datepicker__loading{padding:20px;text-align:center;color:var(--text-secondary)}.kv-datepicker .dp__input{font-family:inherit;font-weight:inherit;height:3rem}.kv-datepicker .dp__input:focus-within,.kv-datepicker .dp__input:focus-visible{border-color:rgb(var(--bg-action));border-width:2px;outline:none}.kv-datepicker .dp__disabled{color:rgb(var(--text-tertiary))}.kv-datepicker .dp__theme_light{--dp-primary-color: rgb(var(--bg-primary-inverse));--dp-secondary-color: rgb(var(--bg-tertiary));--dp-icon-color: rgb(var(--bg-action));--dp-hover-icon-color: rgb(var(--bg-action));--dp-border-radius: .25rem;--dp-border-color-focus: rgb(var(--bg-action-highlight));--dp-font-family: inherit, "Postgrotesk", sans-serif;--dp-primary-text-color: rgb(var(--text-primary-inverse));--dp-border-color: rgb(var(--bg-tertiary));--dp-hover-color: rgb(var(--bg-tertiary));--dp-background-color: rgb(var(--bg-primary));--dp-text-color: rgb(var(--text-primary));--dp-menu-border-color: rgb(var(--bg-primary-inverse));--dp-disabled-color: rgb(var(--bg-tertiary), 25%);--dp-disabled-color-text: rgb(var(--bg-tertiary));--dp-success-color: rgb(var(--bg-action));--dp-danger-color: rgb(var(--bg-danger));--dp-highlight-color: rgb(var(--bg-action));--dp-cell-border-radius: .25rem;--dp-loader: rgb(var(--bg-action));--dp-range-between-dates-background-color: rgb(var(--bg-action));--dp-range-between-dates-text-color: rgb(var(--bg-primary));--dp-range-between-border-color: rgb(var(--bg-action))}

package/dist/vue/KvLightbox.js

@@ -1,4 +1,4 @@
-import { toRefs as L, ref as u, nextTick as C, computed as E, watch as K, onMounted as M, onBeforeUnmount as N, resolveComponent as P, openBlock as b, createBlock as R, Transition as V, withCtx as j, withDirectives as q, createElementVNode as i, withModifiers as x, createElementBlock as g, createCommentVNode as y, normalizeClass as S, renderSlot as p, toDisplayString as z, createVNode as D, vShow as I } from "vue";
+import { toRefs as L, ref as u, nextTick as C, computed as E, watch as K, onMounted as M, onBeforeUnmount as N, resolveComponent as P, openBlock as b, createBlock as R, Transition as V, withCtx as j, withDirectives as q, createElementVNode as i, withModifiers as k, createElementBlock as g, createCommentVNode as y, normalizeClass as S, renderSlot as p, toDisplayString as z, createVNode as D, vShow as I } from "vue";
 import { mdiClose as O } from "@mdi/js";
 import { useFocusTrap as T } from "@vueuse/integrations/useFocusTrap";
 import { hideOthers as U } from "../vendor/aria-hidden/dist/es2015/index.js";
@@ -60,7 +60,7 @@ const X = {
     const {
       visible: t,
       variant: l,
-      preventClose: k
+      preventClose: x
     } = L(n), c = u(null), a = u(null), r = u(null), w = u(null), v = u(null);
     C(() => {
       const {
@@ -83,10 +83,10 @@ const X = {
       c.value && a.value && ((s = v.value) == null || s.call(v), a.value.scrollTop = 0, H(a.value)), A(), m && (m(), m = null), document.removeEventListener("keyup", f), e("lightbox-closed", { type: o });
     };
     f = (o) => {
-      o && o.key === "Escape" && !k.value && d();
+      o && o.key === "Escape" && !x.value && d();
     };
     const _ = () => {
-      k.value || d("background-click");
+      x.value || d("background-click");
     }, h = () => {
       t.value && (document.addEventListener("keyup", f), C(() => {
         var o;
@@ -112,7 +112,7 @@ const X = {
       controlsRef: r
     };
   }
-}, Y = ["aria-label", "aria-describedby", "role"], Z = { class: "tw-flex tw-p-2.5 md:tw-px-4 md:tw-pt-4 md:tw-pb-3.5" }, F = { class: "tw-flex-grow" }, $ = { class: "tw-text-h3 tw-flex-1" }, tt = {
+}, Y = ["aria-label", "aria-describedby", "role"], Z = { class: "tw-flex tw-p-2.5 md:tw-px-4 md:tw-pt-4 md:tw-pb-3.5" }, F = { class: "tw-flex-grow" }, $ = { class: "tw-flex-1" }, tt = {
   id: "kvLightboxBody",
   ref: "kvLightboxBody",
   class: "tw-flex-1 tw-px-2.5 md:tw-px-4 tw-pb-2.5 md:tw-pb-4 tw-overflow-auto"
@@ -121,7 +121,7 @@ const X = {
   ref: "controlsRef",
   class: "tw-flex-shrink-0 tw-flex tw-justify-end tw-gap-x-2.5 tw-p-2.5 md:tw-px-4 md:tw-pb-4 md:tw-pt-1"
 };
-function lt(n, e, t, l, k, c) {
+function lt(n, e, t, l, x, c) {
   const a = P("kv-material-icon");
   return b(), R(V, {
     "enter-active-class": "tw-transition-opacity tw-duration-300",
@@ -134,13 +134,13 @@ function lt(n, e, t, l, k, c) {
     default: j(() => [
       q(i("div", {
         class: "tw-z-modal tw-fixed tw-inset-0 tw-bg-black tw-bg-opacity-[75%]",
-        onClick: e[3] || (e[3] = x((...r) => l.onScreenClick && l.onScreenClick(...r), ["stop", "prevent"]))
+        onClick: e[3] || (e[3] = k((...r) => l.onScreenClick && l.onScreenClick(...r), ["stop", "prevent"]))
       }, [
         i("div", null, [
           t.blurBackground ? (b(), g("div", {
             key: 0,
             class: "tw-fixed tw-inset-0 tw-w-full tw-h-full tw-backdrop-blur-sm",
-            onClick: e[0] || (e[0] = x((...r) => l.onScreenClick && l.onScreenClick(...r), ["stop", "prevent"]))
+            onClick: e[0] || (e[0] = k((...r) => l.onScreenClick && l.onScreenClick(...r), ["stop", "prevent"]))
           })) : y("", !0),
           i("div", {
             class: S(["tw-flex tw-absolute tw-inset-0", {
@@ -164,7 +164,7 @@ function lt(n, e, t, l, k, c) {
               "aria-label": t.title ? t.title : null,
               "aria-describedby": t.variant === "alert" ? "kvLightboxBody" : null,
               role: l.role,
-              onClick: e[2] || (e[2] = x(() => {
+              onClick: e[2] || (e[2] = k(() => {
               }, ["stop"]))
             }, [
               i("div", Z, [
@@ -176,7 +176,7 @@ function lt(n, e, t, l, k, c) {
                 t.preventClose ? y("", !0) : (b(), g("button", {
                   key: 0,
                   class: "tw-grid tw-content-center tw-justify-center tw-ml-auto tw-w-6 tw-h-6 tw--m-2 hover:tw-text-action-highlight",
-                  onClick: e[1] || (e[1] = x((r) => l.hide("close-x"), ["stop"]))
+                  onClick: e[1] || (e[1] = k((r) => l.hide("close-x"), ["stop"]))
                 }, [
                   D(a, {
                     class: "tw-w-3 tw-h-3",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "6.57.6",
+  "version": "6.58.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -114,5 +114,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "24c9aa1fe01dc29c3aaccd0d1f9f16e3755d2094"
+  "gitHead": "3c67ddaea821beb6c6de444767ab3efe9a60ca3b"
 }