@kiva/kv-components 6.52.9 → 6.52.10

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

@@ -1 +1 @@
-.lend-link[data-v-41849311]{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-41849311]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:underline}
+.lend-link[data-v-23bfaeea]{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-23bfaeea]: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

@@ -1,25 +1,25 @@
-import { mdiArrowRight as I } from "@mdi/js";
-import { ref as L, computed as S, resolveComponent as u, resolveDirective as B, openBlock as t, createElementBlock as n, withDirectives as _, createElementVNode as o, createTextVNode as d, createVNode as r, createCommentVNode as C, withCtx as a, createBlock as N, Fragment as b, renderList as g, toDisplayString as K } from "vue";
-import V from "../../KvAccordionItem.js";
-import D from "../../KvLoadingPlaceholder.js";
-import E from "./KvLendMenuCountryList.js";
-import F from "./KvLendMenuSearchList.js";
-import G from "../../KvTab.js";
-import P from "../../KvTabPanel.js";
-import U from "../../KvTabs.js";
+import { mdiArrowRight as S } from "@mdi/js";
+import { ref as L, computed as I, resolveComponent as u, resolveDirective as B, openBlock as t, createElementBlock as n, withDirectives as _, createElementVNode as o, createTextVNode as d, createVNode as r, createCommentVNode as C, withCtx as a, createBlock as N, Fragment as b, renderList as g, toDisplayString as K } from "vue";
+import U from "../../KvAccordionItem.js";
+import V from "../../KvLoadingPlaceholder.js";
+import D from "./KvLendMenuCountryList.js";
+import E from "./KvLendMenuSearchList.js";
+import F from "../../KvTab.js";
+import G from "../../KvTabPanel.js";
+import P from "../../KvTabs.js";
 import j from "../../../utils/paramCase.js";
 import q from "../../KvMaterialIcon.js";
 import "./KvLendListMenu.css";
 import z from "../../../_virtual/_plugin-vue_export-helper.js";
 const H = {
   components: {
-    KvAccordionItem: V,
-    KvTab: G,
-    KvTabPanel: P,
-    KvTabs: U,
-    KvLendMenuCountryList: E,
-    KvLendMenuSearchList: F,
-    KvLoadingPlaceholder: D,
+    KvAccordionItem: U,
+    KvTab: F,
+    KvTabPanel: G,
+    KvTabs: P,
+    KvLendMenuCountryList: D,
+    KvLendMenuSearchList: E,
+    KvLoadingPlaceholder: V,
     KvMaterialIcon: q
   },
   props: {
@@ -54,19 +54,23 @@ const H = {
     showMGUpsellLink: {
       type: Boolean,
       default: !1
+    },
+    countriesNotLentToUrl: {
+      type: String,
+      default: "/lend/countries-not-lent"
     }
   },
-  setup(x) {
-    const e = L(null), s = L([]), k = L(null), T = S(() => x.searches.length > 0);
+  setup(T) {
+    const e = L(null), l = L([]), k = L(null), x = I(() => T.searches.length > 0);
     return {
-      mdiArrowRight: I,
-      hasSearches: T,
+      mdiArrowRight: S,
+      hasSearches: x,
       navLendCategories: e,
-      regionAccordions: s,
+      regionAccordions: l,
       searchesLink: k,
       onClose: () => {
         var h, c, y, m, p, f, w;
-        (y = (c = (h = e.value) == null ? void 0 : h.tabContext) == null ? void 0 : c.setTab) == null || y.call(c, 0), (p = (m = s.value) == null ? void 0 : m.forEach) == null || p.call(m, (v) => {
+        (y = (c = (h = e.value) == null ? void 0 : h.tabContext) == null ? void 0 : c.setTab) == null || y.call(c, 0), (p = (m = l.value) == null ? void 0 : m.forEach) == null || p.call(m, (v) => {
           var i;
           (i = v == null ? void 0 : v.collapse) == null || i.call(v);
         }), (w = (f = k.value) == null ? void 0 : f.collapse) == null || w.call(f);
@@ -89,14 +93,11 @@ const H = {
 }, ee = { class: "tw-flex" }, te = { class: "tw-text-h4" }, ne = { class: "tw-font-medium" }, oe = ["href"], le = {
   key: 1,
   class: "tw-block tw-py-1 tw-text-tertiary"
-}, se = { key: 0 }, ae = { key: 1 }, re = {
-  href: "/lend/countries-not-lent",
-  class: "lend-link"
-};
-function ie(x, e, s, k, T, M) {
+}, se = { key: 0 }, ae = { key: 1 }, re = ["href"];
+function ie(T, e, l, k, x, M) {
   const h = u("kv-material-icon"), c = u("kv-tab"), y = u("kv-loading-placeholder"), m = u("kv-tab-panel"), p = u("kv-accordion-item"), f = u("kv-lend-menu-country-list"), w = u("kv-lend-menu-search-list"), v = u("kv-tabs"), i = B("kv-track-event");
   return t(), n("div", J, [
-    s.showMGUpsellLink ? _((t(), n("a", O, [
+    l.showMGUpsellLink ? _((t(), n("a", O, [
       o("span", Q, [
         e[0] || (e[0] = d(" Lend monthly ")),
         r(h, {
@@ -121,7 +122,7 @@ function ie(x, e, s, k, T, M) {
           ])),
           _: 1
         }),
-        s.userId ? (t(), N(c, {
+        l.userId ? (t(), N(c, {
           key: 0,
           "for-panel": "nav-my-kiva"
         }, {
@@ -135,8 +136,8 @@ function ie(x, e, s, k, T, M) {
         r(m, { id: "nav-lend-categories" }, {
           default: a(() => [
             o("ul", R, [
-              s.isChannelsLoading ? (t(), n(b, { key: 0 }, g(14, (l) => o("li", {
-                key: l,
+              l.isChannelsLoading ? (t(), n(b, { key: 0 }, g(14, (s) => o("li", {
+                key: s,
                 style: { width: "11rem" },
                 class: "tw-py-1 tw-flex"
               }, [
@@ -145,14 +146,14 @@ function ie(x, e, s, k, T, M) {
                   style: { height: "1rem" }
                 }),
                 e[4] || (e[4] = o("span", { class: "tw-inline-block" }, " ", -1))
-              ])), 64)) : (t(!0), n(b, { key: 1 }, g(s.categories, (l, A) => (t(), n("li", { key: A }, [
+              ])), 64)) : (t(!0), n(b, { key: 1 }, g(l.categories, (s, A) => (t(), n("li", { key: A }, [
                 _((t(), n("a", {
-                  href: l.url,
+                  href: s.url,
                   class: "lend-link"
                 }, [
-                  d(K(l.name), 1)
+                  d(K(s.name), 1)
                 ], 8, W)), [
-                  [i, ["TopNav", "click-Lend-Category", l.name, A + 1]]
+                  [i, ["TopNav", "click-Lend-Category", s.name, A + 1]]
                 ])
               ]))), 128)),
               o("li", X, [
@@ -182,9 +183,9 @@ function ie(x, e, s, k, T, M) {
         }),
         r(m, { id: "nav-lend-regions" }, {
           default: a(() => [
-            s.isRegionsLoading ? (t(), n(b, { key: 0 }, g(8, (l) => r(p, {
-              id: `placeholder-${l}-panel`,
-              key: l,
+            l.isRegionsLoading ? (t(), n(b, { key: 0 }, g(8, (s) => r(p, {
+              id: `placeholder-${s}-panel`,
+              key: s,
               disabled: !0
             }, {
               header: a(() => [
@@ -197,24 +198,24 @@ function ie(x, e, s, k, T, M) {
                 ])
               ]),
               _: 2
-            }, 1032, ["id"])), 64)) : (t(!0), n(b, { key: 1 }, g(s.regions, (l) => (t(), N(p, {
-              id: `lend-menu-${k.paramCase(l.name)}-panel`,
-              key: l.name,
+            }, 1032, ["id"])), 64)) : (t(!0), n(b, { key: 1 }, g(l.regions, (s) => (t(), N(p, {
+              id: `lend-menu-${k.paramCase(s.name)}-panel`,
+              key: s.name,
               ref_for: !0,
               ref: "regionAccordions"
             }, {
               header: a(() => [
                 o("h3", te, [
                   _((t(), n("span", null, [
-                    d(K(l.name), 1)
+                    d(K(s.name), 1)
                   ])), [
-                    [i, ["TopNav", "click-Lend-Region", l.name]]
+                    [i, ["TopNav", "click-Lend-Region", s.name]]
                   ])
                 ])
               ]),
               default: a(() => [
                 r(f, {
-                  countries: l.countries
+                  countries: s.countries
                 }, null, 8, ["countries"])
               ]),
               _: 2
@@ -222,16 +223,16 @@ function ie(x, e, s, k, T, M) {
           ]),
           _: 1
         }),
-        s.userId ? (t(), N(m, {
+        l.userId ? (t(), N(m, {
           key: 0,
           id: "nav-my-kiva"
         }, {
           default: a(() => [
             o("ul", ne, [
               o("li", null, [
-                s.favorites > 0 ? _((t(), n("a", {
+                l.favorites > 0 ? _((t(), n("a", {
                   key: 0,
-                  href: `/lend?lenderFavorite=${s.userId}`,
+                  href: `/lend?lenderFavorite=${l.userId}`,
                   class: "lend-link"
                 }, e[9] || (e[9] = [
                   d(" Saved loans ")
@@ -248,7 +249,7 @@ function ie(x, e, s, k, T, M) {
                     o("p", { class: "tw-font-medium" }, " Saved searches ", -1)
                   ])),
                   default: a(() => [
-                    r(w, { searches: s.searches }, null, 8, ["searches"])
+                    r(w, { searches: l.searches }, null, 8, ["searches"])
                   ]),
                   _: 1
                 }, 512)
@@ -256,9 +257,12 @@ function ie(x, e, s, k, T, M) {
                 o("span", { class: "tw-block tw-py-1 tw-text-tertiary" }, "Saved searches", -1)
               ]))),
               o("li", null, [
-                _((t(), n("a", re, e[12] || (e[12] = [
+                _((t(), n("a", {
+                  href: l.countriesNotLentToUrl,
+                  class: "lend-link"
+                }, e[12] || (e[12] = [
                   d(" Countries I haven't lent to ")
-                ]))), [
+                ]), 8, re)), [
                   [i, ["TopNav", "click-Lend-Countries_Not_Lent"]]
                 ])
               ])
@@ -271,7 +275,7 @@ function ie(x, e, s, k, T, M) {
     }, 512)
   ]);
 }
-const ge = /* @__PURE__ */ z(H, [["render", ie], ["__scopeId", "data-v-41849311"]]);
+const ge = /* @__PURE__ */ z(H, [["render", ie], ["__scopeId", "data-v-23bfaeea"]]);
 export {
   ge as default
 };

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

@@ -1 +1 @@
-.menu-heading[data-v-53c4e3f0]{font-weight:300;font-size:1rem;letter-spacing:0em;line-height:1.5}@media (min-width: 64rem){.menu-heading[data-v-53c4e3f0]{font-size:1.0625rem;letter-spacing:0em}}.menu-heading[data-v-53c4e3f0]{font-weight:400}.region-list[data-v-53c4e3f0],.search-list[data-v-53c4e3f0]{-moz-column-fill:auto;column-fill:auto;-moz-columns:3;columns:3;gap:2rem}.mega-menu-link[data-v-53c4e3f0]{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-53c4e3f0]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:underline}.link-item[data-v-53c4e3f0]{width:11rem;text-decoration-line:none}.link-item[data-v-53c4e3f0]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:underline}
+.menu-heading[data-v-0c9de865]{font-weight:300;font-size:1rem;letter-spacing:0em;line-height:1.5}@media (min-width: 64rem){.menu-heading[data-v-0c9de865]{font-size:1.0625rem;letter-spacing:0em}}.menu-heading[data-v-0c9de865]{font-weight:400}.region-list[data-v-0c9de865],.search-list[data-v-0c9de865]{-moz-column-fill:auto;column-fill:auto;-moz-columns:3;columns:3;gap:2rem}.mega-menu-link[data-v-0c9de865]{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-0c9de865]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:underline}.link-item[data-v-0c9de865]{width:11rem;text-decoration-line:none}.link-item[data-v-0c9de865]: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

@@ -1,17 +1,17 @@
 import { mdiArrowRight as N, mdiChevronLeft as T } from "@mdi/js";
-import { ref as C, computed as y, resolveComponent as u, resolveDirective as M, openBlock as n, createElementBlock as s, createElementVNode as t, normalizeStyle as R, withDirectives as c, createTextVNode as d, createVNode as m, createCommentVNode as x, withCtx as A, Fragment as w, renderList as v, toDisplayString as S, normalizeClass as K } from "vue";
+import { ref as C, computed as y, resolveComponent as u, resolveDirective as M, openBlock as n, createElementBlock as o, createElementVNode as t, normalizeStyle as R, withDirectives as c, createTextVNode as d, createVNode as m, createCommentVNode as x, withCtx as A, Fragment as w, renderList as v, toDisplayString as S, normalizeClass as K } from "vue";
 import O from "../../KvLoadingPlaceholder.js";
 import B from "../../KvGrid.js";
 import I from "../../KvMaterialIcon.js";
 import G from "./KvLendMenuCountryList.js";
-import V from "./KvLendMenuSearchList.js";
+import U from "./KvLendMenuSearchList.js";
 import "./KvLendMegaMenu.css";
-import D from "../../../_virtual/_plugin-vue_export-helper.js";
-const F = {
+import V from "../../../_virtual/_plugin-vue_export-helper.js";
+const D = {
   components: {
     KvGrid: B,
     KvLendMenuCountryList: G,
-    KvLendMenuSearchList: V,
+    KvLendMenuSearchList: U,
     KvLoadingPlaceholder: O,
     KvMaterialIcon: I
   },
@@ -47,27 +47,31 @@ const F = {
     showMGUpsellLink: {
       type: Boolean,
       default: !1
+    },
+    countriesNotLentToUrl: {
+      type: String,
+      default: "/lend/countries-not-lent"
     }
   },
-  setup(p) {
-    const e = C(null), i = C(""), l = y(() => i.value !== ""), f = (r) => i.value === r, L = (r) => {
+  setup(f) {
+    const e = C(null), i = C(""), l = y(() => i.value !== ""), p = (r) => i.value === r, L = (r) => {
       i.value = r;
     }, h = y(() => {
       var a;
       const r = { width: "150%" };
       if (l.value) {
-        const o = ((a = e.value) == null ? void 0 : a.clientWidth) ?? 0;
-        r.transform = `translateX(${o * -1}px)`;
+        const s = ((a = e.value) == null ? void 0 : a.clientWidth) ?? 0;
+        r.transform = `translateX(${s * -1}px)`;
       }
       return r;
-    }), k = y(() => p.regions.filter((r) => f(r.name))), _ = y(() => p.searches.length > 0);
+    }), k = y(() => f.regions.filter((r) => p(r.name))), _ = y(() => f.searches.length > 0);
     return {
       mdiArrowRight: N,
       mdiChevronLeft: T,
       categoriesSection: e,
       openedSection: i,
       sectionOpen: l,
-      isOpenSection: f,
+      isOpenSection: p,
       openSection: L,
       onClose: () => {
         i.value = "";
@@ -78,10 +82,10 @@ const F = {
       savedSearchesTitle: "Saved searches"
     };
   }
-}, z = { class: "lend-mega-menu tw-overflow-hidden tw-pb-3 lg:tw-pt-3" }, E = {
+}, F = { class: "lend-mega-menu tw-overflow-hidden tw-pb-3 lg:tw-pt-3" }, z = {
   key: 0,
   href: "/monthlygood"
-}, U = { class: "tw-inline-flex tw-items-center tw-py-1 tw-mb-2 tw-gap-0.5 tw-font-medium tw-text-action" }, W = {
+}, E = { class: "tw-inline-flex tw-items-center tw-py-1 tw-mb-2 tw-gap-0.5 tw-font-medium tw-text-action" }, W = {
   ref: "categoriesSection",
   class: "tw-col-span-7"
 }, P = { class: "tw-flex tw-gap-4 tw-whitespace-nowrap" }, X = { class: "tw-columns-2 tw-gap-4 tw-font-medium" }, j = ["href"], q = { class: "tw-font-medium" }, H = { class: "link-item" }, J = {
@@ -93,25 +97,22 @@ const F = {
 }, Z = { class: "link-item" }, $ = {
   class: "mega-menu-link",
   href: "/lend"
-}, ee = { key: 0 }, te = { class: "tw-font-medium" }, ne = ["href"], se = {
+}, ee = { key: 0 }, te = { class: "tw-font-medium" }, ne = ["href"], oe = {
   key: 1,
   class: "tw-text-secondary tw-py-1 tw-inline-block tw-no-underline hover:tw-underline"
-}, oe = ["aria-pressed"], le = {
+}, se = ["aria-pressed"], le = {
   key: 1,
   class: "tw-text-secondary tw-py-1 tw-inline-block"
-}, ie = {
-  href: "/lend/countries-not-lent",
-  class: "tw-text-primary tw-text-left hover:tw-text-action tw-py-1 tw-inline-block tw-no-underline hover:tw-underline"
-}, ae = { class: "tw-col-span-2" }, re = { class: "tw-col-span-8 tw-flex tw-flex-col" }, ce = { class: "tw-flex tw-whitespace-nowrap tw-h-full" }, de = { class: "tw-font-medium" }, me = ["aria-pressed", "onClick"];
-function we(p, e, i, l, f, L) {
+}, ie = ["href"], ae = { class: "tw-col-span-2" }, re = { class: "tw-col-span-8 tw-flex tw-flex-col" }, ce = { class: "tw-flex tw-whitespace-nowrap tw-h-full" }, de = { class: "tw-font-medium" }, me = ["aria-pressed", "onClick"];
+function we(f, e, i, l, p, L) {
   const h = u("kv-material-icon"), k = u("kv-loading-placeholder"), _ = u("kv-lend-menu-search-list"), b = u("kv-lend-menu-country-list"), r = u("kv-grid"), a = M("kv-track-event");
-  return n(), s("div", z, [
+  return n(), o("div", F, [
     t("div", {
       style: R(l.computedStyle),
       class: "tw-transition tw-duration-1000 tw-ease-in-out"
     }, [
-      i.showMGUpsellLink ? c((n(), s("a", E, [
-        t("span", U, [
+      i.showMGUpsellLink ? c((n(), o("a", z, [
+        t("span", E, [
           e[2] || (e[2] = d(" Lend monthly ")),
           m(h, {
             icon: l.mdiArrowRight,
@@ -127,8 +128,8 @@ function we(p, e, i, l, f, L) {
             e[11] || (e[11] = t("h2", { class: "menu-heading tw-mb-2" }, " Categories ", -1)),
             t("div", P, [
               t("ul", X, [
-                i.isChannelsLoading ? (n(), s(w, { key: 0 }, v(14, (o) => t("li", {
-                  key: o,
+                i.isChannelsLoading ? (n(), o(w, { key: 0 }, v(14, (s) => t("li", {
+                  key: s,
                   class: "link-item"
                 }, [
                   m(k, {
@@ -136,50 +137,50 @@ function we(p, e, i, l, f, L) {
                     style: { height: "1.25rem" }
                   }),
                   e[3] || (e[3] = t("span", { class: "tw-py-1 tw-inline-block" }, " ", -1))
-                ])), 64)) : (n(!0), s(w, { key: 1 }, v(i.categories, (o, g) => (n(), s("li", {
+                ])), 64)) : (n(!0), o(w, { key: 1 }, v(i.categories, (s, g) => (n(), o("li", {
                   key: g,
                   class: "link-item"
                 }, [
-                  c((n(), s("a", {
-                    href: o.url,
+                  c((n(), o("a", {
+                    href: s.url,
                     class: "tw-text-primary tw-text-left hover:tw-text-action tw-no-underline tw-my-1 tw-inline-block"
                   }, [
-                    d(S(o.name), 1)
+                    d(S(s.name), 1)
                   ], 8, j)), [
-                    [a, ["TopNav", "click-Lend-Category", o.name, g + 1]]
+                    [a, ["TopNav", "click-Lend-Category", s.name, g + 1]]
                   ])
                 ]))), 128))
               ]),
               t("div", null, [
                 t("ul", q, [
                   t("li", H, [
-                    c((n(), s("a", J, e[4] || (e[4] = [
+                    c((n(), o("a", J, e[4] || (e[4] = [
                       d(" Recommended by lenders ")
                     ]))), [
                       [a, ["TopNav", "click-Lend-Recommended-by-lenders"]]
                     ])
                   ]),
                   t("li", Q, [
-                    c((n(), s("a", Y, e[5] || (e[5] = [
+                    c((n(), o("a", Y, e[5] || (e[5] = [
                       d(" All categories ")
                     ]))), [
                       [a, ["TopNav", "click-Lend-All_Categories"]]
                     ])
                   ]),
                   t("li", Z, [
-                    c((n(), s("a", $, e[6] || (e[6] = [
+                    c((n(), o("a", $, e[6] || (e[6] = [
                       d(" All loans ")
                     ]))), [
                       [a, ["TopNav", "click-Lend-All_Loans"]]
                     ])
                   ])
                 ]),
-                i.userId ? (n(), s("div", ee, [
+                i.userId ? (n(), o("div", ee, [
                   e[9] || (e[9] = t("span", { class: "tw-inline-block tw-py-1" }, " ", -1)),
                   e[10] || (e[10] = t("h2", { class: "menu-heading tw-my-1" }, " My Kiva ", -1)),
                   t("ul", te, [
                     t("li", null, [
-                      i.favorites > 0 ? c((n(), s("a", {
+                      i.favorites > 0 ? c((n(), o("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 tw-no-underline hover:tw-underline"
@@ -187,20 +188,23 @@ function we(p, e, i, l, f, L) {
                         d(" Saved loans ")
                       ]), 8, ne)), [
                         [a, ["TopNav", "click-Lend-Favorites"]]
-                      ]) : (n(), s("span", se, " Saved loans "))
+                      ]) : (n(), o("span", oe, " Saved loans "))
                     ]),
                     t("li", null, [
-                      l.hasSearches ? (n(), s("button", {
+                      l.hasSearches ? (n(), o("button", {
                         key: 0,
                         "aria-pressed": l.isOpenSection(l.savedSearchesTitle) ? "true" : "false",
                         class: "tw-text-primary tw-text-left tw-py-1 tw-inline-block hover:tw-text-action hover:tw-underline",
-                        onClick: e[0] || (e[0] = (o) => l.openSection(l.savedSearchesTitle))
-                      }, S(l.savedSearchesTitle), 9, oe)) : (n(), s("span", le, " Saved searches "))
+                        onClick: e[0] || (e[0] = (s) => l.openSection(l.savedSearchesTitle))
+                      }, S(l.savedSearchesTitle), 9, se)) : (n(), o("span", le, " Saved searches "))
                     ]),
                     t("li", null, [
-                      c((n(), s("a", ie, e[8] || (e[8] = [
+                      c((n(), o("a", {
+                        href: i.countriesNotLentToUrl,
+                        class: "tw-text-primary tw-text-left hover:tw-text-action tw-py-1 tw-inline-block tw-no-underline hover:tw-underline"
+                      }, e[8] || (e[8] = [
                         d(" Countries I haven't lent to ")
-                      ]))), [
+                      ]), 8, ie)), [
                         [a, ["TopNav", "click-Lend-Countries_Not_Lent"]]
                       ])
                     ])
@@ -210,10 +214,10 @@ function we(p, e, i, l, f, L) {
             ])
           ], 512),
           t("div", ae, [
-            l.sectionOpen ? (n(), s("button", {
+            l.sectionOpen ? (n(), o("button", {
               key: 0,
               class: "tw-flex",
-              onClick: e[1] || (e[1] = (o) => l.openedSection = "")
+              onClick: e[1] || (e[1] = (s) => l.openedSection = "")
             }, [
               m(h, {
                 class: "tw-flex-shrink-0 tw-w-3 tw-h-3",
@@ -223,18 +227,18 @@ function we(p, e, i, l, f, L) {
             ])) : x("", !0)
           ]),
           t("div", re, [
-            l.isOpenSection(l.savedSearchesTitle) ? (n(), s(w, { key: 0 }, [
+            l.isOpenSection(l.savedSearchesTitle) ? (n(), o(w, { key: 0 }, [
               e[13] || (e[13] = t("h2", { class: "menu-heading tw-mb-2" }, " Saved Searches ", -1)),
               m(_, {
                 class: "search-list tw-h-full",
                 searches: i.searches
               }, null, 8, ["searches"])
-            ], 64)) : (n(), s(w, { key: 1 }, [
+            ], 64)) : (n(), o(w, { key: 1 }, [
               e[15] || (e[15] = t("h2", { class: "menu-heading tw-mb-2" }, " Regions ", -1)),
               t("div", ce, [
                 t("ul", de, [
-                  i.isRegionsLoading ? (n(), s(w, { key: 0 }, v(8, (o) => t("li", {
-                    key: o,
+                  i.isRegionsLoading ? (n(), o(w, { key: 0 }, v(8, (s) => t("li", {
+                    key: s,
                     class: "link-item"
                   }, [
                     m(k, {
@@ -242,27 +246,27 @@ function we(p, e, i, l, f, L) {
                       style: { height: "1.25rem" }
                     }),
                     e[14] || (e[14] = t("span", { class: "tw-py-1 tw-inline-block" }, " ", -1))
-                  ])), 64)) : (n(!0), s(w, { key: 1 }, v(i.regions, (o) => (n(), s("li", {
-                    key: o.name,
+                  ])), 64)) : (n(!0), o(w, { key: 1 }, v(i.regions, (s) => (n(), o("li", {
+                    key: s.name,
                     class: "link-item tw-mr-4"
                   }, [
-                    c((n(), s("button", {
-                      "aria-pressed": l.isOpenSection(o.name) ? "true" : "false",
-                      class: K(["tw-text-primary tw-text-left tw-py-1 hover:tw-text-action hover:tw-underline", { "tw-text-action": l.isOpenSection(o.name) }]),
-                      onClick: (g) => l.openSection(o.name)
+                    c((n(), o("button", {
+                      "aria-pressed": l.isOpenSection(s.name) ? "true" : "false",
+                      class: K(["tw-text-primary tw-text-left tw-py-1 hover:tw-text-action hover:tw-underline", { "tw-text-action": l.isOpenSection(s.name) }]),
+                      onClick: (g) => l.openSection(s.name)
                     }, [
-                      d(S(o.name), 1)
+                      d(S(s.name), 1)
                     ], 10, me)), [
-                      [a, ["TopNav", "click-Lend-Region", o.name]]
+                      [a, ["TopNav", "click-Lend-Region", s.name]]
                     ])
                   ]))), 128))
                 ]),
-                (n(!0), s(w, null, v(l.openRegions, (o) => (n(), s("div", {
-                  key: o.name,
+                (n(!0), o(w, null, v(l.openRegions, (s) => (n(), o("div", {
+                  key: s.name,
                   class: "tw-h-full"
                 }, [
                   m(b, {
-                    countries: o.countries,
+                    countries: s.countries,
                     class: "region-list tw-h-full"
                   }, null, 8, ["countries"])
                 ]))), 128))
@@ -275,7 +279,7 @@ function we(p, e, i, l, f, L) {
     ], 4)
   ]);
 }
-const xe = /* @__PURE__ */ D(F, [["render", we], ["__scopeId", "data-v-53c4e3f0"]]);
+const xe = /* @__PURE__ */ V(D, [["render", we], ["__scopeId", "data-v-0c9de865"]]);
 export {
   xe as default
 };

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

@@ -1,16 +1,16 @@
 import { gql as f } from "@apollo/client/core";
-import { toRefs as q, ref as i, computed as w, onMounted as S, resolveComponent as h, openBlock as x, createBlock as A, withCtx as B, createVNode as k } 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 L } from "../../../utils/arrayUtils.js";
-import K from "../../KvPageContainer.js";
-import D from "../../../_virtual/_plugin-vue_export-helper.js";
-const E = {
+import { toRefs as S, ref as a, computed as L, onMounted as q, resolveComponent as h, openBlock as N, createBlock as x, withCtx as U, createVNode as w } from "vue";
+import A from "./KvLendListMenu.js";
+import B from "./KvLendMegaMenu.js";
+import { indexIn as F } from "../../../utils/comparators.js";
+import { groupBy as O, sortBy as k } from "../../../utils/arrayUtils.js";
+import R from "../../KvPageContainer.js";
+import K from "../../../_virtual/_plugin-vue_export-helper.js";
+const D = {
   components: {
-    KvLendListMenu: F,
-    KvLendMegaMenu: N,
-    KvPageContainer: K
+    KvLendListMenu: A,
+    KvLendMegaMenu: B,
+    KvPageContainer: R
   },
   props: {
     userId: {
@@ -20,13 +20,17 @@ const E = {
     showMGUpsellLink: {
       type: Boolean,
       default: !1
+    },
+    countriesNotLentToUrl: {
+      type: String,
+      default: "/lend/countries-not-lent"
     }
   },
   emits: ["load-lend-menu-data"],
-  setup(p, { emit: y }) {
+  setup(y, { emit: p }) {
     const {
       userId: s
-    } = q(p), e = i([]), g = i([]), m = i(0), c = i([]), v = [
+    } = S(y), e = a([]), g = a([]), m = a(0), u = a([]), v = [
       "North America",
       "Central America",
       "South America",
@@ -35,9 +39,9 @@ const E = {
       "Middle East",
       "Asia",
       "Oceania"
-    ], u = i(!0), C = i(!0), M = async (a) => {
-      var r, t, o, d;
-      if (a.watchQuery({
+    ], c = a(!0), C = a(!0), M = async (i) => {
+      var t, r, o, d;
+      if (i.watchQuery({
         query: f`query countryFacets {
 					lend {
 						countryFacets {
@@ -54,9 +58,9 @@ const E = {
       }).subscribe({
         next: ({ data: n }) => {
           var l;
-          g.value = ((l = n == null ? void 0 : n.lend) == null ? void 0 : l.countryFacets) ?? [], u.value = !1;
+          g.value = ((l = n == null ? void 0 : n.lend) == null ? void 0 : l.countryFacets) ?? [], c.value = !1;
         }
-      }), a.watchQuery({
+      }), i.watchQuery({
         query: f`
 					query lendMenuData {
 						lend {
@@ -76,7 +80,7 @@ const E = {
           e.value = ((_ = (l = n == null ? void 0 : n.lend) == null ? void 0 : l.loanChannels) == null ? void 0 : _.values) ?? [], C.value = !1;
         }
       }), s.value) {
-        const { data: n } = await a.query({
+        const { data: n } = await i.query({
           query: f`
 						query lendMenuPrivateData($userId: Int!) {
 							lend {
@@ -102,46 +106,46 @@ const E = {
           },
           fetchPolicy: "network-only"
         });
-        m.value = ((t = (r = n == null ? void 0 : n.lend) == null ? void 0 : r.loans) == null ? void 0 : t.totalCount) ?? 0, c.value = ((d = (o = n == null ? void 0 : n.my) == null ? void 0 : o.savedSearches) == null ? void 0 : d.values) ?? [];
+        m.value = ((r = (t = n == null ? void 0 : n.lend) == null ? void 0 : t.loans) == null ? void 0 : r.totalCount) ?? 0, u.value = ((d = (o = n == null ? void 0 : n.my) == null ? void 0 : o.savedSearches) == null ? void 0 : d.values) ?? [];
       }
-    }, b = w(() => {
-      const a = g.value.map((o) => ({
+    }, b = L(() => {
+      const i = g.value.map((o) => ({
         name: o.country.name,
         region: o.country.region,
         isoCode: o.country.isoCode.toLowerCase(),
         count: o.count || 0
-      })), r = R(a, "region"), t = [];
-      for (const [o, d] of Object.entries(r))
-        t.push({
+      })), t = O(i, "region"), r = [];
+      for (const [o, d] of Object.entries(t))
+        r.push({
           name: o,
-          countries: d.sort(L("name"))
+          countries: d.sort(k("name"))
         });
-      return t.sort(O(v, "name"));
-    }), I = w(() => {
-      var r;
-      return ((r = e.value) == null ? void 0 : r.map((t) => {
-        const o = JSON.parse(JSON.stringify(t));
+      return r.sort(F(v, "name"));
+    }), I = L(() => {
+      var t;
+      return ((t = e.value) == null ? void 0 : t.map((r) => {
+        const o = JSON.parse(JSON.stringify(r));
         return o.url = o.url.replace("lend", "lend-by-category"), o;
-      })).sort(L("name"));
+      })).sort(k("name"));
     });
-    return S(() => {
-      y("load-lend-menu-data");
+    return q(() => {
+      p("load-lend-menu-data");
     }), {
       onLoad: M,
       regions: b,
       computedCategories: I,
       isChannelsLoading: C,
-      isRegionsLoading: u,
-      savedSearches: c,
+      isRegionsLoading: c,
+      savedSearches: u,
       favoritesCount: m
     };
   }
 };
-function G(p, y, s, e, g, m) {
-  const c = h("kv-lend-list-menu"), v = h("kv-lend-mega-menu"), u = h("kv-page-container");
-  return x(), A(u, { class: "tw-pt-2 lg:tw-pt-0" }, {
-    default: B(() => [
-      k(c, {
+function E(y, p, s, e, g, m) {
+  const u = h("kv-lend-list-menu"), v = h("kv-lend-mega-menu"), c = h("kv-page-container");
+  return N(), x(c, { class: "tw-pt-2 lg:tw-pt-0" }, {
+    default: U(() => [
+      w(u, {
         class: "lg:tw-hidden",
         categories: e.computedCategories,
         regions: e.regions,
@@ -150,9 +154,10 @@ function G(p, y, s, e, g, m) {
         searches: e.savedSearches,
         "is-regions-loading": e.isRegionsLoading,
         "is-channels-loading": e.isChannelsLoading,
-        "show-m-g-upsell-link": s.showMGUpsellLink
-      }, null, 8, ["categories", "regions", "user-id", "favorites", "searches", "is-regions-loading", "is-channels-loading", "show-m-g-upsell-link"]),
-      k(v, {
+        "show-m-g-upsell-link": s.showMGUpsellLink,
+        "countries-not-lent-to-url": s.countriesNotLentToUrl
+      }, null, 8, ["categories", "regions", "user-id", "favorites", "searches", "is-regions-loading", "is-channels-loading", "show-m-g-upsell-link", "countries-not-lent-to-url"]),
+      w(v, {
         class: "tw-hidden lg:tw-block",
         categories: e.computedCategories,
         regions: e.regions,
@@ -161,13 +166,14 @@ function G(p, y, s, e, g, m) {
         searches: e.savedSearches,
         "is-regions-loading": e.isRegionsLoading,
         "is-channels-loading": e.isChannelsLoading,
-        "show-m-g-upsell-link": s.showMGUpsellLink
-      }, null, 8, ["categories", "regions", "user-id", "favorites", "searches", "is-regions-loading", "is-channels-loading", "show-m-g-upsell-link"])
+        "show-m-g-upsell-link": s.showMGUpsellLink,
+        "countries-not-lent-to-url": s.countriesNotLentToUrl
+      }, null, 8, ["categories", "regions", "user-id", "favorites", "searches", "is-regions-loading", "is-channels-loading", "show-m-g-upsell-link", "countries-not-lent-to-url"])
     ]),
     _: 1
   });
 }
-const T = /* @__PURE__ */ D(E, [["render", G]]);
+const H = /* @__PURE__ */ K(D, [["render", E]]);
 export {
-  T as default
+  H as default
 };

package/dist/vue/KvWwwHeader.css

@@ -1 +1 @@
-.header-fade-enter-active[data-v-87116c5e]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.header-fade-leave-active[data-v-87116c5e]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s}.header-fade-enter[data-v-87116c5e],.header-fade-leave-to[data-v-87116c5e]{opacity:0}.header-fade-leave[data-v-87116c5e],.header-fade-enter-to[data-v-87116c5e]{opacity:1}.bg-opacity-50[data-v-87116c5e]{background-color:rgba(var(--bg-action-highlight),.5)}
+.header-fade-enter-active[data-v-c1223ffa]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.header-fade-leave-active[data-v-c1223ffa]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s}.header-fade-enter[data-v-c1223ffa],.header-fade-leave-to[data-v-c1223ffa]{opacity:0}.header-fade-leave[data-v-c1223ffa],.header-fade-enter-to[data-v-c1223ffa]{opacity:1}.bg-opacity-50[data-v-c1223ffa]{background-color:rgba(var(--bg-action-highlight),.5)}

package/dist/vue/KvWwwHeader.js

@@ -1,5 +1,5 @@
-import { ref as l, shallowRef as D, computed as B, onMounted as U, onBeforeUnmount as x, resolveComponent as f, resolveDirective as N, openBlock as w, createBlock as M, withCtx as g, createElementVNode as k, normalizeStyle as _, createVNode as d, Transition as I, withDirectives as h, vShow as E, createElementBlock as A, normalizeClass as G, resolveDynamicComponent as K } from "vue";
-import S from "@kiva/kv-tokens";
+import { ref as l, shallowRef as D, computed as U, onMounted as B, onBeforeUnmount as N, resolveComponent as f, resolveDirective as x, openBlock as w, createBlock as M, withCtx as g, createElementVNode as k, normalizeStyle as _, createVNode as d, Transition as I, withDirectives as h, vShow as E, createElementBlock as A, normalizeClass as S, resolveDynamicComponent as G } from "vue";
+import K from "@kiva/kv-tokens";
 import z from "./KvWwwHeader/KvHeaderLinkBar.js";
 import R from "./KvWwwHeader/KvHeaderLogo.js";
 import P from "./KvThemeProvider.js";
@@ -58,48 +58,52 @@ const j = "3.75rem", q = {
     showMGUpsellLink: {
       type: Boolean,
       default: !1
+    },
+    countriesNotLentToUrl: {
+      type: String,
+      default: "/lend/countries-not-lent"
     }
   },
   emits: [
     "load-lend-menu-data"
   ],
-  setup(C, { emit: t }) {
-    const o = l(!0), e = l(null), a = l(!1), i = D(null), r = l(null), s = l({ left: 0, position: "relative" }), u = l(!1);
-    let v;
-    const b = B(() => {
+  setup(L, { emit: t }) {
+    const o = l(!0), e = l(null), r = l(!1), a = D(null), i = l(null), s = l({ left: 0, position: "relative" }), u = l(!1);
+    let c;
+    const b = U(() => {
       var m, n;
-      return ((n = (m = r.value) == null ? void 0 : m.$options) == null ? void 0 : n.name) === "KvHeaderMobileMenu";
-    }), c = (m, n, H) => {
-      n ? (clearTimeout(v), i.value !== n && (s.value = { left: 0, position: "relative" }), i.value = n, a.value = !0, H && (s.value = {
-        ...H,
+      return ((n = (m = i.value) == null ? void 0 : m.$options) == null ? void 0 : n.name) === "KvHeaderMobileMenu";
+    }), v = (m, n, p) => {
+      n ? (clearTimeout(c), a.value !== n && (s.value = { left: 0, position: "relative" }), a.value = n, r.value = !0, p && (s.value = {
+        ...p,
         position: "absolute"
-      })) : a.value && (v = setTimeout(() => {
-        a.value = !1, i.value = null;
+      })) : r.value && (c = setTimeout(() => {
+        r.value = !1, a.value = null;
       }, 100));
-    }, L = (m) => {
+    }, T = (m) => {
       var n;
-      (n = r.value) == null || n.onLoad(m);
-    }, T = () => {
+      (n = i.value) == null || n.onLoad(m);
+    }, C = () => {
       t("load-lend-menu-data");
     }, y = () => {
-      u.value = (window == null ? void 0 : window.innerWidth) < S.breakpoints.md;
-    }, p = O(y, 100);
-    return U(() => {
-      y(), window.addEventListener("resize", p);
-    }), x(() => {
-      window.removeEventListener("resize", p);
+      u.value = (window == null ? void 0 : window.innerWidth) < K.breakpoints.md;
+    }, H = O(y, 100);
+    return B(() => {
+      y(), window.addEventListener("resize", H);
+    }), N(() => {
+      window.removeEventListener("resize", H);
     }), {
       HEADER_HEIGHT: j,
-      emitLendMenuEvent: T,
+      emitLendMenuEvent: C,
       isMobile: u,
       linksVisible: o,
-      menuOpen: a,
+      menuOpen: r,
       isMobileMenuActive: b,
-      onHover: c,
-      loadMenuData: L,
+      onHover: v,
+      loadMenuData: T,
       activeHeaderItem: e,
-      menuComponent: i,
-      menuComponentInstance: r,
+      menuComponent: a,
+      menuComponentInstance: i,
       menuPosition: s
     };
   }
@@ -107,9 +111,9 @@ const j = "3.75rem", q = {
   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 J(C, t, o, e, a, i) {
-  const r = f("kv-header-link-bar"), s = f("kv-header-logo"), u = f("kv-page-container"), v = f("kv-theme-provider"), b = N("kv-track-event");
-  return w(), M(v, {
+function J(L, t, o, e, r, a) {
+  const i = f("kv-header-link-bar"), s = f("kv-header-logo"), u = f("kv-page-container"), c = f("kv-theme-provider"), b = x("kv-track-event");
+  return w(), M(c, {
     tag: "div",
     class: "tw-bg-primary"
   }, {
@@ -122,7 +126,7 @@ function J(C, t, o, e, a, i) {
           default: g(() => [
             d(I, { name: "header-fade" }, {
               default: g(() => [
-                h(d(r, {
+                h(d(i, {
                   "logged-in": o.loggedIn,
                   "basket-count": o.basketCount,
                   "login-url": o.loginUrl,
@@ -155,15 +159,15 @@ function J(C, t, o, e, a, i) {
             style: _({ top: e.HEADER_HEIGHT })
           }, [
             k("div", {
-              class: G(["tw-bg-primary tw-overflow-y-auto", { "tw-min-h-dvh": e.isMobileMenuActive }]),
+              class: S(["tw-bg-primary tw-overflow-y-auto", { "tw-min-h-dvh": e.isMobileMenuActive }]),
               style: _({
                 ...e.menuPosition,
                 maxHeight: e.isMobileMenuActive ? "auto" : `calc(100dvh - ${e.HEADER_HEIGHT})`
               }),
-              onMouseover: t[1] || (t[1] = (c) => e.onHover(e.activeHeaderItem, e.menuComponent)),
-              onMouseout: t[2] || (t[2] = (c) => e.onHover())
+              onMouseover: t[1] || (t[1] = (v) => e.onHover(e.activeHeaderItem, e.menuComponent)),
+              onMouseout: t[2] || (t[2] = (v) => e.onHover())
             }, [
-              (w(), M(K(e.menuComponent), {
+              (w(), M(G(e.menuComponent), {
                 ref: "menuComponentInstance",
                 "logged-in": o.loggedIn,
                 "login-url": o.loginUrl,
@@ -173,9 +177,10 @@ function J(C, t, o, e, a, i) {
                 "my-dashboard-url": o.myDashboardUrl,
                 "show-m-g-upsell-link": o.showMGUpsellLink,
                 "is-mobile": e.isMobile,
+                "countries-not-lent-to-url": o.countriesNotLentToUrl,
                 onLoadLendMenuData: e.emitLendMenuEvent,
-                onClosingMenu: t[0] || (t[0] = (c) => e.onHover())
-              }, null, 40, ["logged-in", "login-url", "user-id", "is-borrower", "is-trustee", "my-dashboard-url", "show-m-g-upsell-link", "is-mobile", "onLoadLendMenuData"]))
+                onClosingMenu: t[0] || (t[0] = (v) => e.onHover())
+              }, 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)
           ], 4), [
             [E, e.menuOpen]
@@ -187,7 +192,7 @@ function J(C, t, o, e, a, i) {
     _: 1
   });
 }
-const le = /* @__PURE__ */ W(q, [["render", J], ["__scopeId", "data-v-87116c5e"]]);
+const le = /* @__PURE__ */ W(q, [["render", J], ["__scopeId", "data-v-c1223ffa"]]);
 export {
   le as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "6.52.9",
+  "version": "6.52.10",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -114,5 +114,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "9e756dff4c6e81538864f06aa3753e13f01da956"
+  "gitHead": "f7509c21acb1a45b5556219f4fdfde85e0fc7c9d"
 }