@kiva/kv-components 6.40.4 → 6.40.5

package/dist/vue/KvWwwHeader/LendMenu/KvLendListMenu.css

@@ -1 +1 @@
-.lend-link[data-v-e4e7d18f]{display:block;width:100%;padding-top:.5rem;padding-bottom:.5rem;--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.lend-link[data-v-e4e7d18f]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1))}
+.lend-link[data-v-4fed1891]{display:block;width:100%;padding-top:.5rem;padding-bottom:.5rem;--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.lend-link[data-v-4fed1891]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:underline}

package/dist/vue/KvWwwHeader/LendMenu/KvLendListMenu.js

@@ -251,7 +251,7 @@ function le(C, e, r, f, N, K) {
     }, 512)
   ]);
 }
-const fe = /* @__PURE__ */ z(G, [["render", le], ["__scopeId", "data-v-e4e7d18f"]]);
+const fe = /* @__PURE__ */ z(G, [["render", le], ["__scopeId", "data-v-4fed1891"]]);
 export {
   fe as default
 };

package/dist/vue/KvWwwHeader/LendMenu/KvLendMegaMenu.css

@@ -1 +1 @@
-.menu-heading[data-v-4e0a05e6]{font-weight:300;font-size:1rem;letter-spacing:0em;line-height:1.5}@media (min-width: 64rem){.menu-heading[data-v-4e0a05e6]{font-size:1.0625rem;letter-spacing:0em}}.menu-heading[data-v-4e0a05e6]{font-weight:400}.region-list[data-v-4e0a05e6],.search-list[data-v-4e0a05e6]{-moz-column-fill:auto;column-fill:auto;-moz-columns:3;columns:3;gap:2rem}.mega-menu-link[data-v-4e0a05e6]{display:inline-block;padding-top:.5rem;padding-bottom:.5rem;--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.mega-menu-link[data-v-4e0a05e6]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1))}.link-item[data-v-4e0a05e6]{width:11rem}
+.menu-heading[data-v-695e2428]{font-weight:300;font-size:1rem;letter-spacing:0em;line-height:1.5}@media (min-width: 64rem){.menu-heading[data-v-695e2428]{font-size:1.0625rem;letter-spacing:0em}}.menu-heading[data-v-695e2428]{font-weight:400}.region-list[data-v-695e2428],.search-list[data-v-695e2428]{-moz-column-fill:auto;column-fill:auto;-moz-columns:3;columns:3;gap:2rem}.mega-menu-link[data-v-695e2428]{display:inline-block;padding-top:.5rem;padding-bottom:.5rem;--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.mega-menu-link[data-v-695e2428]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:underline}.link-item[data-v-695e2428]{width:11rem;text-decoration-line:none}.link-item[data-v-695e2428]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:underline}

package/dist/vue/KvWwwHeader/LendMenu/KvLendMegaMenu.js

@@ -88,13 +88,13 @@ const z = {
   href: "/lend"
 }, Z = { key: 0 }, $ = { class: "tw-font-medium" }, ee = ["href"], te = {
   key: 1,
-  class: "tw-text-secondary tw-py-1 tw-inline-block"
+  class: "tw-text-secondary tw-py-1 tw-inline-block tw-no-underline hover:tw-underline"
 }, ne = ["aria-pressed"], se = {
   key: 1,
   class: "tw-text-secondary tw-py-1 tw-inline-block"
 }, oe = {
   href: "/lend/countries-not-lent",
-  class: "tw-text-primary tw-text-left hover:tw-text-action tw-py-1 tw-inline-block"
+  class: "tw-text-primary tw-text-left hover:tw-text-action tw-py-1 tw-inline-block tw-no-underline hover:tw-underline"
 }, le = { class: "tw-col-span-2" }, ie = { class: "tw-col-span-8 tw-flex tw-flex-col" }, ae = { class: "tw-flex tw-whitespace-nowrap tw-h-full" }, re = { class: "tw-font-medium" }, ce = ["aria-pressed", "onClick"];
 function de(p, e, i, l, y, S) {
   const h = u("kv-loading-placeholder"), f = u("kv-material-icon"), _ = u("kv-lend-menu-search-list"), b = u("kv-lend-menu-country-list"), a = u("kv-grid"), r = R("kv-track-event");
@@ -164,7 +164,7 @@ function de(p, e, i, l, y, S) {
                       i.favorites > 0 ? d((n(), s("a", {
                         key: 0,
                         href: `/lend?lenderFavorite=${i.userId}`,
-                        class: "tw-text-primary tw-text-left hover:tw-text-action tw-py-1 tw-inline-block"
+                        class: "tw-text-primary tw-text-left hover:tw-text-action tw-py-1 tw-inline-block tw-no-underline hover:tw-underline"
                       }, e[6] || (e[6] = [
                         m(" Saved loans ")
                       ]), 8, ee)), [
@@ -257,7 +257,7 @@ function de(p, e, i, l, y, S) {
     ], 4)
   ]);
 }
-const _e = /* @__PURE__ */ F(z, [["render", de], ["__scopeId", "data-v-4e0a05e6"]]);
+const _e = /* @__PURE__ */ F(z, [["render", de], ["__scopeId", "data-v-695e2428"]]);
 export {
   _e as default
 };

package/dist/vue/KvWwwHeader/LendMenu/KvLendMenu.js

@@ -1,14 +1,14 @@
 import { gql as v } from "@apollo/client/core";
-import { toRefs as w, ref as a, computed as _, onMounted as S, resolveComponent as L, openBlock as x, createElementBlock as A, createVNode as I } from "vue";
-import N from "./KvLendListMenu.js";
-import O from "./KvLendMegaMenu.js";
-import { indexIn as R } from "../../../utils/comparators.js";
-import { groupBy as B, sortBy as b } from "../../../utils/arrayUtils.js";
-import E from "../../../_virtual/_plugin-vue_export-helper.js";
-const F = {
+import { toRefs as w, ref as a, computed as _, onMounted as S, resolveComponent as L, openBlock as x, createElementBlock as A, createVNode as b } from "vue";
+import F from "./KvLendListMenu.js";
+import N from "./KvLendMegaMenu.js";
+import { indexIn as O } from "../../../utils/comparators.js";
+import { groupBy as R, sortBy as I } from "../../../utils/arrayUtils.js";
+import B from "../../../_virtual/_plugin-vue_export-helper.js";
+const E = {
   components: {
-    KvLendListMenu: N,
-    KvLendMegaMenu: O
+    KvLendListMenu: F,
+    KvLendMegaMenu: N
   },
   props: {
     userId: {
@@ -20,7 +20,7 @@ const F = {
   setup(f, { emit: y }) {
     const {
       userId: i
-    } = w(f), e = a([]), d = a([]), m = a(0), u = a([]), g = [
+    } = w(f), e = a([]), d = a([]), m = a(0), c = a([]), g = [
       "North America",
       "Central America",
       "South America",
@@ -30,7 +30,7 @@ const F = {
       "Asia",
       "Oceania"
     ], h = a(!0), C = a(!0), M = async (t) => {
-      var s, r, o, l;
+      var r, s, o, u;
       if (t.watchQuery({
         query: v`query countryFacets {
 					lend {
@@ -47,8 +47,8 @@ const F = {
 				}`
       }).subscribe({
         next: ({ data: n }) => {
-          var c;
-          d.value = ((c = n == null ? void 0 : n.lend) == null ? void 0 : c.countryFacets) ?? [], h.value = !1;
+          var l;
+          d.value = ((l = n == null ? void 0 : n.lend) == null ? void 0 : l.countryFacets) ?? [], h.value = !1;
         }
       }), t.watchQuery({
         query: v`
@@ -66,15 +66,17 @@ const F = {
 				`
       }).subscribe({
         next: ({ data: n }) => {
-          var c, p;
-          e.value = ((p = (c = n == null ? void 0 : n.lend) == null ? void 0 : c.loanChannels) == null ? void 0 : p.values) ?? [], C.value = !1;
+          var l, p;
+          e.value = ((p = (l = n == null ? void 0 : n.lend) == null ? void 0 : l.loanChannels) == null ? void 0 : p.values) ?? [], C.value = !1;
         }
       }), i.value) {
         const { data: n } = await t.query({
           query: v`
 						query lendMenuPrivateData($userId: Int!) {
 							lend {
-								loans(userId: $userId, limit: 0) {
+								loans(limit: 1, filters: {
+									lenderFavorite: $userId
+								}) {
 									totalCount
 								}
 							}
@@ -94,7 +96,7 @@ const F = {
           },
           fetchPolicy: "network-only"
         });
-        m.value = ((r = (s = n == null ? void 0 : n.lend) == null ? void 0 : s.loans) == null ? void 0 : r.totalCount) ?? 0, u.value = ((l = (o = n == null ? void 0 : n.my) == null ? void 0 : o.savedSearches) == null ? void 0 : l.values) ?? [];
+        m.value = ((s = (r = n == null ? void 0 : n.lend) == null ? void 0 : r.loans) == null ? void 0 : s.totalCount) ?? 0, c.value = ((u = (o = n == null ? void 0 : n.my) == null ? void 0 : o.savedSearches) == null ? void 0 : u.values) ?? [];
       }
     }, k = _(() => {
       const t = d.value.map((o) => ({
@@ -102,19 +104,19 @@ const F = {
         region: o.country.region,
         isoCode: o.country.isoCode.toLowerCase(),
         count: o.count || 0
-      })), s = B(t, "region"), r = [];
-      for (const [o, l] of Object.entries(s))
-        r.push({
+      })), r = R(t, "region"), s = [];
+      for (const [o, u] of Object.entries(r))
+        s.push({
           name: o,
-          countries: l.sort(b("name"))
+          countries: u.sort(I("name"))
         });
-      return r.sort(R(g, "name"));
+      return s.sort(O(g, "name"));
     }), q = _(() => {
-      var s;
-      return ((s = e.value) == null ? void 0 : s.map((r) => {
-        const o = JSON.parse(JSON.stringify(r));
+      var r;
+      return ((r = e.value) == null ? void 0 : r.map((s) => {
+        const o = JSON.parse(JSON.stringify(s));
         return o.url = o.url.replace("lend", "lend-by-category"), o;
-      })).sort(b("name"));
+      })).sort(I("name"));
     });
     return S(() => {
       y("load-lend-menu-data");
@@ -124,15 +126,15 @@ const F = {
       computedCategories: q,
       isChannelsLoading: C,
       isRegionsLoading: h,
-      savedSearches: u,
+      savedSearches: c,
       favoritesCount: m
     };
   }
 };
 function D(f, y, i, e, d, m) {
-  const u = L("kv-lend-list-menu"), g = L("kv-lend-mega-menu");
+  const c = L("kv-lend-list-menu"), g = L("kv-lend-mega-menu");
   return x(), A("div", null, [
-    I(u, {
+    b(c, {
       class: "lg:tw-hidden",
       categories: e.computedCategories,
       regions: e.regions,
@@ -142,7 +144,7 @@ function D(f, y, i, e, d, m) {
       "is-regions-loading": e.isRegionsLoading,
       "is-channels-loading": e.isChannelsLoading
     }, null, 8, ["categories", "regions", "user-id", "favorites", "searches", "is-regions-loading", "is-channels-loading"]),
-    I(g, {
+    b(g, {
       class: "tw-hidden lg:tw-block",
       categories: e.computedCategories,
       regions: e.regions,
@@ -154,7 +156,7 @@ function D(f, y, i, e, d, m) {
     }, null, 8, ["categories", "regions", "user-id", "favorites", "searches", "is-regions-loading", "is-channels-loading"])
   ]);
 }
-const G = /* @__PURE__ */ E(F, [["render", D]]);
+const G = /* @__PURE__ */ B(E, [["render", D]]);
 export {
   G as default
 };

package/dist/vue/KvWwwHeader.css

@@ -1 +1 @@
-.header-margins[data-v-31b1473c]{margin:0 auto;max-width:1400px}.header-fade-enter-active[data-v-31b1473c]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.header-fade-leave-active[data-v-31b1473c]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s}.header-fade-enter[data-v-31b1473c],.header-fade-leave-to[data-v-31b1473c]{opacity:0}.header-fade-leave[data-v-31b1473c],.header-fade-enter-to[data-v-31b1473c]{opacity:1}.bg-opacity-50[data-v-31b1473c]{background-color:rgba(var(--bg-action-highlight),.5)}
+.header-margins[data-v-adc253f8]{margin:0 auto;max-width:1400px}.header-fade-enter-active[data-v-adc253f8]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.header-fade-leave-active[data-v-adc253f8]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s}.header-fade-enter[data-v-adc253f8],.header-fade-leave-to[data-v-adc253f8]{opacity:0}.header-fade-leave[data-v-adc253f8],.header-fade-enter-to[data-v-adc253f8]{opacity:1}.bg-opacity-50[data-v-adc253f8]{background-color:rgba(var(--bg-action-highlight),.5)}

package/dist/vue/KvWwwHeader.js

@@ -1,4 +1,4 @@
-import { ref as s, shallowRef as L, resolveComponent as c, resolveDirective as H, openBlock as h, createBlock as p, withCtx as d, createElementVNode as g, createVNode as r, Transition as w, withDirectives as _, vShow as k, createElementBlock as O, normalizeClass as x, createCommentVNode as B, resolveDynamicComponent as I } from "vue";
+import { ref as s, shallowRef as L, resolveComponent as c, resolveDirective as H, openBlock as h, createBlock as p, withCtx as d, createElementVNode as g, createVNode as r, Transition as w, withDirectives as _, vShow as b, createElementBlock as O, normalizeClass as x, createCommentVNode as B, resolveDynamicComponent as I } from "vue";
 import N from "./KvWwwHeader/KvHeaderLinkBar.js";
 import E from "./KvWwwHeader/KvHeaderLogo.js";
 import M from "./KvWwwHeader/KvHeaderSearchBar.js";
@@ -48,11 +48,11 @@ const D = {
     "load-lend-menu-data"
   ],
   setup(C, { emit: n }) {
-    const t = s(!0), e = s(null), u = s(!1), b = s(null), l = s(!1), i = L(null), m = s(null);
+    const t = s(!0), e = s(null), m = s(!1), k = s(null), l = s(!1), i = L(null), u = s(null);
     let f;
     return {
       afterLinksNotVisible: () => {
-        u.value = !0;
+        m.value = !0;
       },
       afterSearchClosed: () => {
         t.value = !0;
@@ -65,7 +65,7 @@ const D = {
         n("load-lend-menu-data");
       },
       linksVisible: t,
-      searchOpen: u,
+      searchOpen: m,
       menuOpen: l,
       onHover: (a, o) => {
         o ? (clearTimeout(f), i.value = o, l.value = !0) : l.value && (f = setTimeout(() => {
@@ -76,7 +76,7 @@ const D = {
         t.value = !1;
       },
       closeSearch: () => {
-        u.value = !1;
+        m.value = !1;
       },
       getSuggestions: (a) => {
         var o;
@@ -84,23 +84,23 @@ const D = {
       },
       loadMenuData: (a) => {
         var o;
-        (o = m.value) == null || o.onLoad(a);
+        (o = u.value) == null || o.onLoad(a);
       },
-      activeHeaderItem: b,
+      activeHeaderItem: k,
       searchBar: e,
       menuComponent: i,
-      menuComponentInstance: m
+      menuComponentInstance: u
     };
   }
 }, K = {
   class: "header-margins tw-relative tw-py-1 tw-px-1.5 tw-font-medium",
   style: { height: "3.75rem" }
 }, U = { class: "header-margins tw-px-2.5" };
-function z(C, n, t, e, u, b) {
-  const l = c("kv-header-link-bar"), i = c("kv-header-logo"), m = c("kv-header-search-bar"), f = c("kv-header-search-suggestions"), S = c("kv-theme-provider"), y = H("kv-track-event");
+function z(C, n, t, e, m, k) {
+  const l = c("kv-header-link-bar"), i = c("kv-header-logo"), u = c("kv-header-search-bar"), f = c("kv-header-search-suggestions"), S = c("kv-theme-provider"), y = H("kv-track-event");
   return h(), p(S, {
-    tag: "header",
-    class: "tw-bg-secondary"
+    tag: "div",
+    class: "tw-bg-secondary tw-border-b tw-border-tertiary"
   }, {
     default: d(() => [
       g("nav", K, [
@@ -117,7 +117,7 @@ function z(C, n, t, e, u, b) {
               onItemHover: e.onHover,
               onOpenSearch: e.openSearch
             }, null, 8, ["logged-in", "basket-count", "login-url", "open-menu-item", "onItemHover", "onOpenSearch"]), [
-              [k, e.linksVisible]
+              [b, e.linksVisible]
             ])
           ]),
           _: 1
@@ -138,15 +138,15 @@ function z(C, n, t, e, u, b) {
           onAfterLeave: e.afterSearchClosed
         }, {
           default: d(() => [
-            _(r(m, {
+            _(r(u, {
               ref: "searchBar",
-              class: "tw-absolute tw-left-1/2 tw--translate-x-1/2 tw-top-1/2 tw--translate-y-1/2 tw-h-full tw-w-full",
+              class: "tw-absolute tw-left-1/2 tw--translate-x-1/2 tw-top-1/2 tw--translate-y-1/2 tw-h-full tw-w-full tw-min-h-screen",
               style: {
                 "max-width": "600px"
               },
               onCloseSearch: e.closeSearch
             }, null, 8, ["onCloseSearch"]), [
-              [k, e.searchOpen]
+              [b, e.searchOpen]
             ])
           ]),
           _: 1
@@ -187,7 +187,7 @@ function z(C, n, t, e, u, b) {
               ])
             ], 32)
           ], 512), [
-            [k, e.menuOpen || e.searchOpen]
+            [b, e.menuOpen || e.searchOpen]
           ])
         ]),
         _: 1
@@ -196,7 +196,7 @@ function z(C, n, t, e, u, b) {
     _: 1
   });
 }
-const te = /* @__PURE__ */ V(D, [["render", z], ["__scopeId", "data-v-31b1473c"]]);
+const te = /* @__PURE__ */ V(D, [["render", z], ["__scopeId", "data-v-adc253f8"]]);
 export {
   te as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "6.40.4",
+  "version": "6.40.5",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -114,5 +114,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "233682ee4d7f6947c0612ee982497cc97cf83487"
+  "gitHead": "7684d83b97745310b7d55001d3dab0878c9acd33"
 }