@kiva/kv-components 6.69.3 → 7.1.0

package/dist/vue/KvWwwHeader.js

@@ -1,4 +1,4 @@
-import { ref as a, shallowRef as N, computed as S, onMounted as x, onBeforeUnmount as A, resolveComponent as w, resolveDirective as K, openBlock as g, createBlock as E, withCtx as b, createElementVNode as k, normalizeStyle as h, createVNode as v, Transition as I, withDirectives as y, vShow as C, createElementBlock as O, normalizeClass as G, resolveDynamicComponent as z, withModifiers as P } from "vue";
+import { ref as a, shallowRef as N, computed as S, onMounted as x, onBeforeUnmount as A, resolveComponent as g, resolveDirective as K, openBlock as b, createBlock as L, withCtx as w, createElementVNode as k, normalizeStyle as h, createVNode as v, Transition as E, withDirectives as y, vShow as I, createElementBlock as O, normalizeClass as G, resolveDynamicComponent as z, withModifiers as P } from "vue";
 import R from "@kiva/kv-tokens";
 import V from "./KvWwwHeader/KvHeaderLinkBar.js";
 import W from "./KvWwwHeader/KvHeaderLogo.js";
@@ -32,6 +32,10 @@ const Q = "4rem", X = ["lendMenu", "aboutUsLink", "takeActionButton"], Z = {
       type: Number,
       default: 0
     },
+    isBasketDataLoading: {
+      type: Boolean,
+      default: !1
+    },
     isBorrower: {
       type: Boolean,
       default: !1
@@ -40,6 +44,10 @@ const Q = "4rem", X = ["lendMenu", "aboutUsLink", "takeActionButton"], Z = {
       type: Boolean,
       default: !1
     },
+    isUserDataLoading: {
+      type: Boolean,
+      default: !1
+    },
     userId: {
       type: Number,
       default: null
@@ -68,42 +76,42 @@ const Q = "4rem", X = ["lendMenu", "aboutUsLink", "takeActionButton"], Z = {
   emits: [
     "load-lend-menu-data"
   ],
-  setup(L, { emit: o }) {
-    const n = a(!0), e = a(null), r = a(!1), i = N(null), d = a(null), m = a({ left: 0, position: "relative" }), s = a(!1), c = a(null), f = a(!1), l = S(() => {
-      var u, t;
-      return ((t = (u = d.value) == null ? void 0 : u.$options) == null ? void 0 : t.name) === "KvHeaderMobileMenu";
-    }), _ = F((u, t, H) => {
-      f.value && (t ? (c.value = u, i.value !== t && (m.value = { left: 0, position: "relative" }), i.value = t, r.value = !0, H && (m.value = {
-        ...H,
+  setup(C, { emit: o }) {
+    const n = a(!0), e = a(null), i = a(!1), r = N(null), u = a(null), m = a({ left: 0, position: "relative" }), s = a(!1), c = a(null), f = a(!1), l = S(() => {
+      var d, t;
+      return ((t = (d = u.value) == null ? void 0 : d.$options) == null ? void 0 : t.name) === "KvHeaderMobileMenu";
+    }), _ = F((d, t, p) => {
+      f.value && (t ? (c.value = d, r.value !== t && (m.value = { left: 0, position: "relative" }), r.value = t, i.value = !0, p && (m.value = {
+        ...p,
         position: "absolute"
-      })) : r.value && (r.value = !1, i.value = null));
-    }, 100), T = (u) => {
+      })) : i.value && (i.value = !1, r.value = null));
+    }, 100), D = (d) => {
       var t;
-      (t = d.value) == null || t.onLoad(u);
+      (t = u.value) == null || t.onLoad(d);
     }, U = () => {
       if (!l.value) return _();
-    }, D = () => {
+    }, B = () => {
       o("load-lend-menu-data");
-    }, B = () => s.value && X.includes(c.value) || !s.value && l.value, M = () => {
-      s.value = (window == null ? void 0 : window.innerWidth) < R.breakpoints.md, B() && (i.value = null, r.value = !1);
-    }, p = q(M, 100);
+    }, T = () => s.value && X.includes(c.value) || !s.value && l.value, M = () => {
+      s.value = (window == null ? void 0 : window.innerWidth) < R.breakpoints.md, T() && (r.value = null, i.value = !1);
+    }, H = q(M, 100);
     return x(() => {
-      M(), window.addEventListener("resize", p), f.value = !0;
+      M(), window.addEventListener("resize", H), f.value = !0;
     }), A(() => {
-      window.removeEventListener("resize", p);
+      window.removeEventListener("resize", H);
     }), {
       HEADER_HEIGHT: Q,
-      emitLendMenuEvent: D,
+      emitLendMenuEvent: B,
       isMobile: s,
       linksVisible: n,
-      menuOpen: r,
+      menuOpen: i,
       isMobileMenuActive: l,
       onHover: _,
-      loadMenuData: T,
+      loadMenuData: D,
       handleOverlayClick: U,
       activeHeaderItem: e,
-      menuComponent: i,
-      menuComponentInstance: d,
+      menuComponent: r,
+      menuComponentInstance: u,
       menuPosition: m
     };
   }
@@ -111,22 +119,24 @@ const Q = "4rem", X = ["lendMenu", "aboutUsLink", "takeActionButton"], Z = {
   href: "/",
   class: "tw-px-1 tw-py-2 tw-cursor-pointer tw-absolute tw-top-1/2 tw-left-1/2 tw--translate-y-1/2 tw--translate-x-1/2 tw-transition-all tw-duration-300"
 };
-function ee(L, o, n, e, r, i) {
-  const d = w("kv-header-link-bar"), m = w("kv-header-logo"), s = w("kv-page-container"), c = w("kv-theme-provider"), f = K("kv-track-event");
-  return g(), E(c, {
+function ee(C, o, n, e, i, r) {
+  const u = g("kv-header-link-bar"), m = g("kv-header-logo"), s = g("kv-page-container"), c = g("kv-theme-provider"), f = K("kv-track-event");
+  return b(), L(c, {
     tag: "div",
     class: "tw-bg-primary"
   }, {
-    default: b(() => [
+    default: w(() => [
       k("nav", {
         class: "tw-font-medium tw-relative",
         style: h({ height: e.HEADER_HEIGHT })
       }, [
         v(s, { class: "tw-h-full" }, {
-          default: b(() => [
-            v(I, { name: "header-fade" }, {
-              default: b(() => [
-                y(v(d, {
+          default: w(() => [
+            v(E, { name: "header-fade" }, {
+              default: w(() => [
+                y(v(u, {
+                  "is-basket-data-loading": n.isBasketDataLoading,
+                  "is-user-data-loading": n.isUserDataLoading,
                   "logged-in": n.loggedIn,
                   "basket-count": n.basketCount,
                   "login-url": n.loginUrl,
@@ -137,13 +147,13 @@ function ee(L, o, n, e, r, i) {
                   "is-mobile": e.isMobile,
                   balance: n.balance,
                   onItemHover: e.onHover
-                }, null, 8, ["logged-in", "basket-count", "login-url", "open-menu-item", "my-dashboard-url", "lender-name", "lender-image-url", "is-mobile", "balance", "onItemHover"]), [
-                  [C, e.linksVisible]
+                }, null, 8, ["is-basket-data-loading", "is-user-data-loading", "logged-in", "basket-count", "login-url", "open-menu-item", "my-dashboard-url", "lender-name", "lender-image-url", "is-mobile", "balance", "onItemHover"]), [
+                  [I, e.linksVisible]
                 ])
               ]),
               _: 1
             }),
-            y((g(), O("a", $, [
+            y((b(), O("a", $, [
               v(m)
             ])), [
               [f, ["TopNav", "click-Logo"]]
@@ -152,8 +162,8 @@ function ee(L, o, n, e, r, i) {
           _: 1
         })
       ], 4),
-      v(I, { name: "header-fade" }, {
-        default: b(() => [
+      v(E, { name: "header-fade" }, {
+        default: w(() => [
           y(k("div", {
             class: "tw-absolute tw-z-modal tw-h-full tw-inset-x-0 tw-bg-eco-green-4 bg-opacity-50 tw-min-h-screen",
             style: h({ top: e.HEADER_HEIGHT }),
@@ -168,7 +178,7 @@ function ee(L, o, n, e, r, i) {
               onMouseenter: o[2] || (o[2] = (l) => e.onHover(e.activeHeaderItem, e.menuComponent)),
               onMouseleave: o[3] || (o[3] = (l) => e.onHover())
             }, [
-              (g(), E(z(e.menuComponent), {
+              (b(), L(z(e.menuComponent), {
                 ref: "menuComponentInstance",
                 "logged-in": n.loggedIn,
                 "login-url": n.loginUrl,
@@ -186,7 +196,7 @@ function ee(L, o, n, e, r, i) {
               }, null, 40, ["logged-in", "login-url", "user-id", "is-borrower", "is-trustee", "my-dashboard-url", "show-m-g-upsell-link", "is-mobile", "countries-not-lent-to-url", "onLoadLendMenuData"]))
             ], 38)
           ], 36), [
-            [C, e.menuOpen]
+            [I, e.menuOpen]
           ])
         ]),
         _: 1
@@ -195,7 +205,7 @@ function ee(L, o, n, e, r, i) {
     _: 1
   });
 }
-const me = /* @__PURE__ */ J(Z, [["render", ee], ["__scopeId", "data-v-7732c044"]]);
+const me = /* @__PURE__ */ J(Z, [["render", ee], ["__scopeId", "data-v-137228da"]]);
 export {
   me as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "6.69.3",
+  "version": "7.1.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -114,5 +114,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "f6ec5ff169304eff0c80651237eadcf8e79505d6"
+  "gitHead": "e89d40ce0dda4f00cdfb43b62d7d6e3938ca621b"
 }

package/dist/vue/KvInlineActivityCard.css

@@ -1 +0,0 @@
-.activity-avatar[data-v-84a9404c],.activity-avatar[data-v-84a9404c] img,.activity-avatar[data-v-84a9404c] div{height:2rem;width:2rem}

package/dist/vue/KvUserAvatar.css

@@ -1 +0,0 @@
-.adjust-vertical-spacing[data-v-c9339e78]{top:-.1rem;position:relative}