@kiva/kv-components 6.49.1 → 6.49.2

package/dist/vue/KvWwwHeader/KvHeaderAboutMenu.js

@@ -5,7 +5,7 @@ const k = {
   components: {
     KvHeaderMenuLink: s
   }
-}, m = { class: "tw--mt-0.5 tw-pb-0.5 tw-flex tw-flex-col tw-items-start tw-font-medium" };
+}, m = { class: "tw--mt-0.5 tw-pb-0.5 tw-flex tw-flex-col tw-items-start tw-font-medium tw-px-2.5" };
 function v(w, e, c, b, N, T) {
   const o = l("kv-header-menu-link"), r = p("kv-track-event");
   return t(), f("nav", m, [

package/dist/vue/KvWwwHeader/KvHeaderDropdownLink.js

@@ -1,7 +1,7 @@
-import { getCurrentInstance as d, computed as u, resolveComponent as m, openBlock as c, createElementBlock as f, normalizeClass as l, renderSlot as w, createVNode as p } from "vue";
+import { getCurrentInstance as d, computed as u, resolveComponent as c, openBlock as m, createElementBlock as f, normalizeClass as l, renderSlot as p, createVNode as w } from "vue";
 import v from "../KvMaterialIcon.js";
 import h from "../../_virtual/_plugin-vue_export-helper.js";
-const x = {
+const C = {
   components: { KvMaterialIcon: v },
   props: {
     refName: {
@@ -60,23 +60,23 @@ const x = {
       }
     };
   }
-}, C = ["href"];
-function M(e, o, n, r, i, s) {
-  const a = m("KvMaterialIcon");
-  return c(), f("a", {
+}, M = ["href"];
+function x(e, o, n, r, i, s) {
+  const a = c("KvMaterialIcon");
+  return m(), f("a", {
     ref: n.refName,
-    class: l(["tw-px-1.5 tw-py-1 tw-mx-1 tw-no-underline hover:tw-no-underline tw-text-primary hover:tw-text-action tw-items-center tw-rounded tw-cursor-pointer", r.computedClass]),
+    class: l(["tw-no-underline hover:tw-no-underline tw-text-primary hover:tw-text-action tw-items-center tw-rounded tw-cursor-pointer", r.computedClass]),
     href: n.href,
     onMouseover: o[0] || (o[0] = (...t) => r.handleMouseOver && r.handleMouseOver(...t))
   }, [
-    w(e.$slots, "default"),
-    p(a, {
+    p(e.$slots, "default"),
+    w(a, {
       class: l(["tw-inline tw-w-3 tw-ml-0.5 tw-transition-transform tw-duration-300", { "tw-rotate-180": n.openMenuItem === n.menuComponent }]),
       icon: n.dropdownIcon
     }, null, 8, ["class", "icon"])
-  ], 42, C);
+  ], 42, M);
 }
-const O = /* @__PURE__ */ h(x, [["render", M]]);
+const O = /* @__PURE__ */ h(C, [["render", x]]);
 export {
   O as default
 };

package/dist/vue/KvWwwHeader/KvHeaderLinkBar.css

@@ -1 +1 @@
-.header-link[data-v-ae8c3f96]{cursor:pointer;padding:1rem .5rem;--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.header-link[data-v-ae8c3f96]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}@media (min-width: 64rem){.header-link[data-v-ae8c3f96]{padding-left:1.25rem;padding-right:1.25rem}}
+.header-link[data-v-be04b1f7]{cursor:pointer;padding-top:1rem;padding-bottom:1rem;--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.header-link[data-v-be04b1f7]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}

package/dist/vue/KvWwwHeader/KvHeaderLinkBar.js

@@ -1,4 +1,4 @@
-import { defineAsyncComponent as w, ref as l, computed as P, onMounted as z, onUnmounted as W, resolveComponent as g, resolveDirective as j, openBlock as i, createElementBlock as c, withDirectives as u, normalizeClass as b, createVNode as U, createBlock as h, withCtx as p, createTextVNode as M, createElementVNode as D, createCommentVNode as k, toDisplayString as F } from "vue";
+import { defineAsyncComponent as k, ref as l, computed as P, onMounted as z, onUnmounted as W, resolveComponent as b, resolveDirective as j, openBlock as i, createElementBlock as c, withDirectives as d, normalizeClass as g, createVNode as U, createBlock as h, withCtx as I, createTextVNode as w, createElementVNode as D, createCommentVNode as M, toDisplayString as F } from "vue";
 import { mdiAccountCircle as q, mdiChevronDown as G, mdiMagnify as J, mdiMenu as Q } from "@mdi/js";
 import X from "numeral";
 import Y from "../KvMaterialIcon.js";
@@ -8,7 +8,7 @@ import ee from "../KvUserAvatar.js";
 import { throttle as ne } from "../../utils/throttle.js";
 import "./KvHeaderLinkBar.css";
 import te from "../../_virtual/_plugin-vue_export-helper.js";
-const oe = w(() => import("./KvHeaderMobileMenu.js")), O = w(() => import("./KvHeaderMyKivaMenu.js")), re = w(() => import("./LendMenu/KvLendMenu.js")), le = w(() => import("./KvHeaderTakeActionMenu.js")), ie = w(() => import("./KvHeaderAboutMenu.js")), C = 118, T = "avatar-menu", ae = {
+const oe = k(() => import("./KvHeaderMobileMenu.js")), O = k(() => import("./KvHeaderMyKivaMenu.js")), re = k(() => import("./LendMenu/KvLendMenu.js")), le = k(() => import("./KvHeaderTakeActionMenu.js")), ie = k(() => import("./KvHeaderAboutMenu.js")), C = 118, T = "avatar-menu", ae = {
   components: {
     KvMaterialIcon: Y,
     KvIconBag: Z,
@@ -56,11 +56,11 @@ const oe = w(() => import("./KvHeaderMobileMenu.js")), O = w(() => import("./KvH
   emits: [
     "item-hover"
   ],
-  setup(d, { emit: e }) {
-    const t = l(null), n = l(null), K = l(null), x = l(null), A = l(null), f = l(null), H = l(null), y = l(null), a = l(null), o = l(null), m = (r, v, s = null) => {
+  setup(u, { emit: e }) {
+    const t = l(null), n = l(null), x = l(null), K = l(null), A = l(null), f = l(null), y = l(null), H = l(null), a = l(null), o = l(null), m = (r, v, s = null) => {
       e("item-hover", r, v, s);
     }, _ = (r, v, s = null) => {
-      d.isMobile || m(r, v, s);
+      u.isMobile || m(r, v, s);
     }, S = (r) => {
       o.value === r && (o.value = null, m());
     }, E = () => {
@@ -69,17 +69,17 @@ const oe = w(() => import("./KvHeaderMobileMenu.js")), O = w(() => import("./KvH
       if (!r) return null;
       const s = r.left + r.width / 2 - C / 2;
       return {
-        ...s + C > window.outerWidth ? { right: 0 } : { left: d.isMobile ? 0 : `${s}px` },
+        ...s + C > window.outerWidth ? { right: 0 } : { left: u.isMobile ? 0 : `${s}px` },
         borderRadius: "0px 0px 8px 8px",
-        width: d.isMobile ? "100%" : "auto"
+        width: u.isMobile ? "100%" : "auto"
       };
-    }, I = () => {
+    }, p = () => {
       o.value = T, m(t.value, O, E());
     }, V = (r, v) => {
-      !o.value || o.value !== r ? (o.value = r, r === T ? I() : m(r, v)) : (o.value = null, m());
+      !o.value || o.value !== r ? (o.value = r, r === T ? p() : m(r, v)) : (o.value = null, m());
     }, L = ne(() => {
-      d.openMenuItem && I();
-    }, 50), R = P(() => d.isMobile ? void 0 : "/lend-by-category");
+      u.openMenuItem && p();
+    }, 50), R = P(() => u.isMobile ? void 0 : "/lend-by-category");
     return z(() => {
       import("./KvHeaderMobileMenu.js"), import("./KvHeaderMyKivaMenu.js"), import("./LendMenu/KvLendMenu.js"), import("./KvHeaderTakeActionMenu.js"), import("./KvHeaderAboutMenu.js"), window.addEventListener("resize", L);
     }), W(() => {
@@ -95,18 +95,18 @@ const oe = w(() => import("./KvHeaderMobileMenu.js")), O = w(() => import("./KvH
       onHover: m,
       avatar: t,
       lendButton: n,
-      aboutUsLink: K,
-      partnerWithUsLink: x,
+      aboutUsLink: x,
+      partnerWithUsLink: K,
       borrowLink: A,
       supportKivaLink: f,
-      basketLink: H,
-      signInLink: y,
+      basketLink: y,
+      signInLink: H,
       menuButton: a,
       lendUrl: R,
       handleOnHover: _,
       handleTouchStart: V,
       handleMouseOut: S,
-      handleAvatarMenuPosition: I,
+      handleAvatarMenuPosition: p,
       KvHeaderMobileMenu: oe,
       KvHeaderMyKivaMenu: O,
       KvLendMenu: re,
@@ -114,16 +114,16 @@ const oe = w(() => import("./KvHeaderMobileMenu.js")), O = w(() => import("./KvH
       KvHeaderAboutMenu: ie
     };
   }
-}, ue = { class: "tw-h-full tw-flex tw-items-center" }, de = ["href"], me = {
+}, de = { class: "tw-h-full tw-flex tw-items-center tw-gap-2.5" }, ue = ["href"], me = {
   key: 0,
   class: "tw-bg-eco-green-1 tw-py-0.5 tw-px-1 tw-text-eco-green-4"
 }, ve = ["href"];
-function se(d, e, t, n, K, x) {
-  const A = g("kv-material-icon"), f = g("KvHeaderDropdownLink"), H = g("kv-icon-bag"), y = g("KvUserAvatar"), a = j("kv-track-event");
-  return i(), c("div", ue, [
-    u((i(), c("button", {
+function se(u, e, t, n, x, K) {
+  const A = b("kv-material-icon"), f = b("KvHeaderDropdownLink"), y = b("kv-icon-bag"), H = b("KvUserAvatar"), a = j("kv-track-event");
+  return i(), c("div", de, [
+    d((i(), c("button", {
       ref: "menuButton",
-      class: b(["header-link tw-inline-flex lg:tw-hidden", {
+      class: g(["header-link tw-inline-flex lg:tw-hidden", {
         "tw-text-tertiary": t.openMenuItem && t.openMenuItem !== n.KvHeaderMobileMenu
       }]),
       onMouseover: e[0] || (e[0] = (o) => n.handleOnHover(n.menuButton, n.KvHeaderMobileMenu)),
@@ -134,7 +134,8 @@ function se(d, e, t, n, K, x) {
     ], 34)), [
       [a, t.openMenuItem === n.KvHeaderMobileMenu ? ["TopNav", "click-Hamburger-menu"] : null]
     ]),
-    u((i(), h(f, {
+    d((i(), h(f, {
+      class: "tw-border tw-rounded-md tw-px-1.5 tw-py-1",
       "ref-name": "lendButton",
       href: n.lendUrl,
       "menu-component": n.KvLendMenu,
@@ -145,14 +146,14 @@ function se(d, e, t, n, K, x) {
       onMouseout: e[3] || (e[3] = (o) => n.handleMouseOut("lendButton")),
       onTouchstart: e[4] || (e[4] = (o) => n.handleTouchStart("lendButton", n.KvLendMenu))
     }, {
-      default: p(() => e[10] || (e[10] = [
-        M(" Lend ")
+      default: I(() => e[10] || (e[10] = [
+        w(" Lend ")
       ])),
       _: 1
     }, 8, ["href", "menu-component", "open-menu-item", "dropdown-icon", "onOnHover"])), [
       [a, ["TopNav", "click-Lend"]]
     ]),
-    u((i(), h(f, {
+    d((i(), h(f, {
       "ref-name": "takeActionButton",
       "base-class": "tw-hidden lg:tw-inline-flex",
       "menu-component": n.KvHeaderTakeActionMenu,
@@ -162,14 +163,14 @@ function se(d, e, t, n, K, x) {
       onOnHover: n.onHover,
       onMouseout: e[5] || (e[5] = (o) => n.onHover())
     }, {
-      default: p(() => e[11] || (e[11] = [
-        M(" Take action ")
+      default: I(() => e[11] || (e[11] = [
+        w(" Take action ")
       ])),
       _: 1
     }, 8, ["menu-component", "open-menu-item", "dropdown-icon", "onOnHover"])), [
       [a, ["TopNav", "click-TakeAction"]]
     ]),
-    u((i(), h(f, {
+    d((i(), h(f, {
       "ref-name": "aboutUsLink",
       "base-class": "tw-hidden lg:tw-inline-flex",
       "menu-component": n.KvHeaderAboutMenu,
@@ -179,65 +180,65 @@ function se(d, e, t, n, K, x) {
       onOnHover: n.onHover,
       onMouseout: e[6] || (e[6] = (o) => n.onHover())
     }, {
-      default: p(() => e[12] || (e[12] = [
-        M(" About ")
+      default: I(() => e[12] || (e[12] = [
+        w(" About ")
       ])),
       _: 1
     }, 8, ["menu-component", "open-menu-item", "dropdown-icon", "onOnHover"])), [
       [a, ["TopNav", "click-About"]]
     ]),
     e[15] || (e[15] = D("div", { class: "tw-flex-1 tw-h-full" }, null, -1)),
-    t.loggedIn ? u((i(), c("a", {
+    t.loggedIn ? d((i(), c("a", {
       key: 0,
       ref: "dashboardLink",
       href: t.myDashboardUrl,
-      class: b(["header-link tw-hidden lg:tw-block", { "tw-text-tertiary": !!t.openMenuItem }])
+      class: g(["header-link tw-hidden lg:tw-block", { "tw-text-tertiary": !!t.openMenuItem }])
     }, e[13] || (e[13] = [
-      M(" My dashboard ")
-    ]), 10, de)), [
+      w(" My dashboard ")
+    ]), 10, ue)), [
       [a, ["TopNav", "click-Dashboard"]]
-    ]) : k("", !0),
-    t.basketCount > 0 ? u((i(), c("a", {
+    ]) : M("", !0),
+    t.basketCount > 0 ? d((i(), c("a", {
       key: 1,
       ref: "basketLink",
       href: "/basket",
-      class: b(["header-link tw-relative", { "tw-text-tertiary": !!t.openMenuItem }])
+      class: g(["header-link tw-relative", { "tw-text-tertiary": !!t.openMenuItem }])
     }, [
-      U(H, {
+      U(y, {
         class: "tw-w-3 tw-h-3 tw-pointer-events-none",
         count: t.basketCount
       }, null, 8, ["count"])
     ], 2)), [
       [a, ["TopNav", "click-Basket"]]
-    ]) : k("", !0),
+    ]) : M("", !0),
     D("div", {
       class: "tw-cursor-pointer tw-flex tw-items-center tw-gap-1",
       onMouseover: e[7] || (e[7] = (...o) => n.handleAvatarMenuPosition && n.handleAvatarMenuPosition(...o)),
       onMouseout: e[8] || (e[8] = (o) => n.handleMouseOut(n.AVATAR_MENU_ID)),
       onTouchstart: e[9] || (e[9] = (o) => n.handleTouchStart(n.AVATAR_MENU_ID))
     }, [
-      t.loggedIn ? (i(), c("span", me, F(n.numeral(t.balance).format("$0")), 1)) : k("", !0),
-      t.loggedIn ? (i(), h(y, {
+      t.loggedIn ? (i(), c("span", me, F(n.numeral(t.balance).format("$0")), 1)) : M("", !0),
+      t.loggedIn ? (i(), h(H, {
         key: 1,
         ref: "avatar",
         "lender-name": t.lenderName,
         "lender-image-url": t.lenderImageUrl,
         "is-small": ""
-      }, null, 8, ["lender-name", "lender-image-url"])) : k("", !0)
+      }, null, 8, ["lender-name", "lender-image-url"])) : M("", !0)
     ], 32),
-    t.loggedIn ? k("", !0) : u((i(), c("a", {
+    t.loggedIn ? M("", !0) : d((i(), c("a", {
       key: 2,
       ref: "signInLink",
       href: t.loginUrl,
-      class: b(["header-link", { "tw-text-tertiary": !!t.openMenuItem }])
+      class: g(["header-link", { "tw-text-tertiary": !!t.openMenuItem }])
     }, e[14] || (e[14] = [
-      M(" Sign in ")
+      w(" Sign in ")
     ]), 10, ve)), [
       [a, ["TopNav", "click-Sign-in"]]
     ])
   ]);
 }
-const Ie = /* @__PURE__ */ te(ae, [["render", se], ["__scopeId", "data-v-ae8c3f96"]]);
+const pe = /* @__PURE__ */ te(ae, [["render", se], ["__scopeId", "data-v-be04b1f7"]]);
 export {
-  Ie as default
+  pe as default
 };

package/dist/vue/KvWwwHeader/KvHeaderMenuLink.js

@@ -1,6 +1,6 @@
 import { openBlock as t, createElementBlock as r, renderSlot as o } from "vue";
 import n from "../../_virtual/_plugin-vue_export-helper.js";
-const c = {}, s = { class: "tw-py-1.5 tw-cursor-pointer tw-no-underline hover:tw-no-underline tw-text-primary hover:tw-text-action" };
+const c = {}, s = { class: "tw-py-1.5 tw-cursor-pointer tw-no-underline hover:tw-underline tw-text-primary hover:tw-text-action" };
 function a(e, i) {
   return t(), r("a", s, [
     o(e.$slots, "default")

package/dist/vue/KvWwwHeader/KvHeaderMobileMenu.css

@@ -1 +1 @@
-.mobile-link[data-v-463ea821]{--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.mobile-link[data-v-463ea821]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}
+.mobile-link[data-v-58995423]{--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.mobile-link[data-v-58995423]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:underline}

package/dist/vue/KvWwwHeader/KvHeaderMobileMenu.js

@@ -1,5 +1,5 @@
 import m from "../KvAccordionItem.js";
-import { resolveComponent as k, resolveDirective as v, openBlock as t, createElementBlock as o, createVNode as d, withCtx as a, createElementVNode as l, Fragment as w, renderList as f, withDirectives as n, toDisplayString as u, createTextVNode as s } from "vue";
+import { resolveComponent as k, resolveDirective as v, openBlock as t, createElementBlock as o, createVNode as d, withCtx as a, createElementVNode as l, Fragment as w, renderList as f, withDirectives as n, toDisplayString as p, createTextVNode as s } from "vue";
 import "./KvHeaderMobileMenu.css";
 import h from "../../_virtual/_plugin-vue_export-helper.js";
 const b = {
@@ -46,7 +46,7 @@ const b = {
       ]
     };
   }
-}, _ = { class: "tw--mt-0.5 tw-pb-0.5 tw-gap-2 tw-flex tw-flex-col tw-items-end lg:tw-hidden tw-font-medium" }, g = { class: "tw-flex tw-flex-col tw-gap-2" }, x = ["href"], y = { class: "tw-text-secondary tw-font-book" }, N = { class: "tw-flex tw-flex-col tw-gap-2 tw-pt-1 tw-pb-2" }, T = {
+}, _ = { class: "tw--mt-0.5 tw-pb-0.5 tw-gap-2 tw-flex tw-flex-col tw-items-end lg:tw-hidden tw-font-medium tw-px-2.5" }, g = { class: "tw-flex tw-flex-col tw-gap-2" }, x = ["href"], y = { class: "tw-text-secondary tw-font-book" }, N = { class: "tw-flex tw-flex-col tw-gap-2 tw-pt-1 tw-pb-2" }, T = {
   href: "/about",
   class: "mobile-link"
 }, I = {
@@ -71,7 +71,7 @@ const b = {
   href: "/about/due-diligence",
   class: "mobile-link"
 };
-function $(H, e, M, S, p, V) {
+function $(H, e, M, S, u, V) {
   const c = k("KvAccordionItem"), i = v("kv-track-event");
   return t(), o("nav", _, [
     d(c, {
@@ -83,14 +83,14 @@ function $(H, e, M, S, p, V) {
       ])),
       default: a(() => [
         l("div", g, [
-          (t(!0), o(w, null, f(p.menuItems, (r) => n((t(), o("div", {
+          (t(!0), o(w, null, f(u.menuItems, (r) => n((t(), o("div", {
             key: r.title
           }, [
             l("a", {
               href: r.url,
               class: "mobile-link"
-            }, u(r.title), 9, x),
-            l("p", y, u(r.description), 1)
+            }, p(r.title), 9, x),
+            l("p", y, p(r.description), 1)
           ])), [
             [i, ["TopNav", `click-menu-${r.trackEvent}`]]
           ])), 128))
@@ -150,7 +150,7 @@ function $(H, e, M, S, p, V) {
     })
   ]);
 }
-const q = /* @__PURE__ */ h(b, [["render", $], ["__scopeId", "data-v-463ea821"]]);
+const q = /* @__PURE__ */ h(b, [["render", $], ["__scopeId", "data-v-58995423"]]);
 export {
   q as default
 };

package/dist/vue/KvWwwHeader/KvHeaderMyKivaMenu.js

@@ -23,8 +23,8 @@ const p = {
       default: "/mykiva"
     }
   }
-}, y = { class: "tw--mt-0.5 tw-pb-0.5 tw-flex tw-flex-col tw-items-start lg:tw-items-start tw-font-medium" };
-function w(k, e, n, b, v, B) {
+}, y = { class: "tw--mt-0.5 tw-pb-0.5 tw-flex tw-flex-col tw-items-start lg:tw-items-start tw-font-medium tw-px-2.5" };
+function w(k, e, n, b, v, x) {
   const t = i("kv-header-menu-link");
   return a(), u("nav", y, [
     s(t, {

package/dist/vue/KvWwwHeader/KvHeaderTakeActionMenu.js

@@ -1,14 +1,14 @@
 import i from "./KvHeaderMenuLink.js";
-import { resolveComponent as u, resolveDirective as c, openBlock as o, createElementBlock as d, withDirectives as a, createBlock as s, withCtx as r, createElementVNode as e } from "vue";
-import p from "../../_virtual/_plugin-vue_export-helper.js";
+import { resolveComponent as u, resolveDirective as c, openBlock as o, createElementBlock as p, withDirectives as a, createBlock as s, withCtx as r, createElementVNode as e } from "vue";
+import d from "../../_virtual/_plugin-vue_export-helper.js";
 const m = {
   components: {
     KvHeaderMenuLink: i
   }
-}, v = { class: "tw--mt-0.5 tw-pb-0.5 tw-flex tw-flex-col tw-items-start tw-font-medium" };
-function f(k, t, w, _, h, x) {
+}, v = { class: "tw--mt-0.5 tw-pb-0.5 tw-flex tw-flex-col tw-items-start tw-font-medium tw-px-2.5" };
+function f(k, t, w, x, _, h) {
   const n = u("kv-header-menu-link"), l = c("kv-track-event");
-  return o(), d("nav", v, [
+  return o(), p("nav", v, [
     a((o(), s(n, { href: "/lend-by-category" }, {
       default: r(() => t[0] || (t[0] = [
         e("div", null, [
@@ -55,7 +55,7 @@ function f(k, t, w, _, h, x) {
     ])
   ]);
 }
-const B = /* @__PURE__ */ p(m, [["render", f]]);
+const B = /* @__PURE__ */ d(m, [["render", f]]);
 export {
   B as default
 };

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

@@ -1,14 +1,16 @@
-import { gql as v } from "@apollo/client/core";
-import { toRefs as q, ref as a, computed as _, onMounted as S, resolveComponent as L, openBlock as x, createElementBlock as A, createVNode as k } from "vue";
-import B from "./KvLendListMenu.js";
-import F from "./KvLendMegaMenu.js";
-import { indexIn as N } from "../../../utils/comparators.js";
-import { groupBy as O, sortBy as w } from "../../../utils/arrayUtils.js";
-import R from "../../../_virtual/_plugin-vue_export-helper.js";
+import { gql as f } from "@apollo/client/core";
+import { toRefs as q, ref as i, computed as k, onMounted as S, resolveComponent as h, openBlock as x, createBlock as A, withCtx as B, createVNode as w } 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 = {
   components: {
-    KvLendListMenu: B,
-    KvLendMegaMenu: F
+    KvLendListMenu: F,
+    KvLendMegaMenu: N,
+    KvPageContainer: K
   },
   props: {
     userId: {
@@ -21,10 +23,10 @@ const E = {
     }
   },
   emits: ["load-lend-menu-data"],
-  setup(f, { emit: h }) {
+  setup(y, { emit: p }) {
     const {
       userId: s
-    } = q(f), e = a([]), d = a([]), m = a(0), u = a([]), g = [
+    } = q(y), e = i([]), g = i([]), m = i(0), u = i([]), v = [
       "North America",
       "Central America",
       "South America",
@@ -33,10 +35,10 @@ const E = {
       "Middle East",
       "Asia",
       "Oceania"
-    ], y = a(!0), p = a(!0), M = async (i) => {
-      var r, t, o, c;
-      if (i.watchQuery({
-        query: v`query countryFacets {
+    ], c = i(!0), C = i(!0), M = async (a) => {
+      var r, t, o, d;
+      if (a.watchQuery({
+        query: f`query countryFacets {
 					lend {
 						countryFacets {
 							count
@@ -52,10 +54,10 @@ const E = {
       }).subscribe({
         next: ({ data: n }) => {
           var l;
-          d.value = ((l = n == null ? void 0 : n.lend) == null ? void 0 : l.countryFacets) ?? [], y.value = !1;
+          g.value = ((l = n == null ? void 0 : n.lend) == null ? void 0 : l.countryFacets) ?? [], c.value = !1;
         }
-      }), i.watchQuery({
-        query: v`
+      }), a.watchQuery({
+        query: f`
 					query lendMenuData {
 						lend {
 							loanChannels(popular: true, applyMinLoanCount: true, limit: 50) {
@@ -70,12 +72,12 @@ const E = {
 				`
       }).subscribe({
         next: ({ data: n }) => {
-          var l, C;
-          e.value = ((C = (l = n == null ? void 0 : n.lend) == null ? void 0 : l.loanChannels) == null ? void 0 : C.values) ?? [], p.value = !1;
+          var l, _;
+          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 i.query({
-          query: v`
+        const { data: n } = await a.query({
+          query: f`
 						query lendMenuPrivateData($userId: Int!) {
 							lend {
 								loans(limit: 1, filters: {
@@ -100,69 +102,72 @@ 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, u.value = ((c = (o = n == null ? void 0 : n.my) == null ? void 0 : o.savedSearches) == null ? void 0 : c.values) ?? [];
+        m.value = ((t = (r = n == null ? void 0 : n.lend) == null ? void 0 : r.loans) == null ? void 0 : t.totalCount) ?? 0, u.value = ((d = (o = n == null ? void 0 : n.my) == null ? void 0 : o.savedSearches) == null ? void 0 : d.values) ?? [];
       }
-    }, b = _(() => {
-      const i = d.value.map((o) => ({
+    }, b = k(() => {
+      const a = g.value.map((o) => ({
         name: o.country.name,
         region: o.country.region,
         isoCode: o.country.isoCode.toLowerCase(),
         count: o.count || 0
-      })), r = O(i, "region"), t = [];
-      for (const [o, c] of Object.entries(r))
+      })), r = R(a, "region"), t = [];
+      for (const [o, d] of Object.entries(r))
         t.push({
           name: o,
-          countries: c.sort(w("name"))
+          countries: d.sort(L("name"))
         });
-      return t.sort(N(g, "name"));
-    }), I = _(() => {
+      return t.sort(O(v, "name"));
+    }), I = k(() => {
       var r;
       return ((r = e.value) == null ? void 0 : r.map((t) => {
         const o = JSON.parse(JSON.stringify(t));
         return o.url = o.url.replace("lend", "lend-by-category"), o;
-      })).sort(w("name"));
+      })).sort(L("name"));
     });
     return S(() => {
-      h("load-lend-menu-data");
+      p("load-lend-menu-data");
     }), {
       onLoad: M,
       regions: b,
       computedCategories: I,
-      isChannelsLoading: p,
-      isRegionsLoading: y,
+      isChannelsLoading: C,
+      isRegionsLoading: c,
       savedSearches: u,
       favoritesCount: m
     };
   }
 };
-function D(f, h, s, e, d, m) {
-  const u = L("kv-lend-list-menu"), g = L("kv-lend-mega-menu");
-  return x(), A("div", null, [
-    k(u, {
-      class: "lg:tw-hidden",
-      categories: e.computedCategories,
-      regions: e.regions,
-      "user-id": s.userId,
-      favorites: e.favoritesCount,
-      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(g, {
-      class: "tw-hidden lg:tw-block",
-      categories: e.computedCategories,
-      regions: e.regions,
-      "user-id": s.userId,
-      favorites: e.favoritesCount,
-      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"])
-  ]);
+function G(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 x(), A(c, null, {
+    default: B(() => [
+      w(u, {
+        class: "lg:tw-hidden",
+        categories: e.computedCategories,
+        regions: e.regions,
+        "user-id": s.userId,
+        favorites: e.favoritesCount,
+        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"]),
+      w(v, {
+        class: "tw-hidden lg:tw-block",
+        categories: e.computedCategories,
+        regions: e.regions,
+        "user-id": s.userId,
+        favorites: e.favoritesCount,
+        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"])
+    ]),
+    _: 1
+  });
 }
-const V = /* @__PURE__ */ R(E, [["render", D]]);
+const T = /* @__PURE__ */ D(E, [["render", G]]);
 export {
-  V as default
+  T as default
 };

package/dist/vue/KvWwwHeader.css

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

package/dist/vue/KvWwwHeader.js

@@ -1,14 +1,16 @@
-import { ref as i, shallowRef as L, resolveComponent as c, resolveDirective as M, openBlock as v, createBlock as y, withCtx as f, createElementVNode as m, createVNode as u, Transition as k, withDirectives as g, vShow as p, createElementBlock as C, normalizeStyle as H, resolveDynamicComponent as B } from "vue";
-import D from "./KvWwwHeader/KvHeaderLinkBar.js";
-import U from "./KvWwwHeader/KvHeaderLogo.js";
-import x from "./KvThemeProvider.js";
+import { ref as i, shallowRef as L, resolveComponent as u, resolveDirective as M, openBlock as v, createBlock as h, withCtx as c, createElementVNode as f, createVNode as s, Transition as p, withDirectives as g, vShow as I, createElementBlock as H, normalizeStyle as B, resolveDynamicComponent as D } from "vue";
+import U from "./KvWwwHeader/KvHeaderLinkBar.js";
+import N from "./KvWwwHeader/KvHeaderLogo.js";
+import T from "./KvThemeProvider.js";
+import x from "./KvPageContainer.js";
 import "./KvWwwHeader.css";
-import N from "../_virtual/_plugin-vue_export-helper.js";
-const T = {
+import S from "../_virtual/_plugin-vue_export-helper.js";
+const E = {
   components: {
-    KvHeaderLinkBar: D,
-    KvHeaderLogo: U,
-    KvThemeProvider: x
+    KvHeaderLinkBar: U,
+    KvHeaderLogo: N,
+    KvThemeProvider: T,
+    KvPageContainer: x
   },
   props: {
     loggedIn: {
@@ -63,98 +65,104 @@ const T = {
   emits: [
     "load-lend-menu-data"
   ],
-  setup(I, { emit: n }) {
-    const e = i(!0), t = i(null), l = i(!1), a = L(null), s = i(null), r = i({ left: 0, position: "relative" });
-    let d;
+  setup(C, { emit: t }) {
+    const e = i(!0), n = i(null), l = i(!1), a = L(null), d = i(null), r = i({ left: 0, position: "relative" });
+    let m;
     return {
       emitLendMenuEvent: () => {
-        n("load-lend-menu-data");
+        t("load-lend-menu-data");
       },
       linksVisible: e,
       menuOpen: l,
-      onHover: (_, o, h) => {
-        o ? (clearTimeout(d), a.value !== o && (r.value = { left: 0, position: "relative" }), a.value = o, l.value = !0, h && (r.value = {
-          ...h,
+      onHover: (k, o, y) => {
+        o ? (clearTimeout(m), a.value !== o && (r.value = { left: 0, position: "relative" }), a.value = o, l.value = !0, y && (r.value = {
+          ...y,
           position: "absolute"
-        })) : l.value && (d = setTimeout(() => {
+        })) : l.value && (m = setTimeout(() => {
           l.value = !1, a.value = null;
         }, 50));
       },
-      loadMenuData: (_) => {
+      loadMenuData: (k) => {
         var o;
-        (o = s.value) == null || o.onLoad(_);
+        (o = d.value) == null || o.onLoad(k);
       },
-      activeHeaderItem: t,
+      activeHeaderItem: n,
       menuComponent: a,
-      menuComponentInstance: s,
+      menuComponentInstance: d,
       menuPosition: r
     };
   }
-}, S = {
-  class: "header-margins tw-relative tw-py-1 tw-px-1.5 tw-font-medium",
+}, K = {
+  class: "tw-font-medium",
   style: { height: "3.75rem" }
-}, E = {
+}, V = {
   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"
-}, K = {
+}, P = {
   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: { top: "3.75rem" }
-}, V = { class: "header-margins tw-px-2.5" };
-function z(I, n, e, t, l, a) {
-  const s = c("kv-header-link-bar"), r = c("kv-header-logo"), d = c("kv-theme-provider"), b = M("kv-track-event");
-  return v(), y(d, { tag: "div" }, {
-    default: f(() => [
-      m("nav", S, [
-        u(k, { name: "header-fade" }, {
-          default: f(() => [
-            g(u(s, {
-              "logged-in": e.loggedIn,
-              "basket-count": e.basketCount,
-              "login-url": e.loginUrl,
-              "open-menu-item": t.menuComponent,
-              "my-dashboard-url": e.myDashboardUrl,
-              "lender-name": e.lenderName,
-              "lender-image-url": e.lenderImageUrl,
-              "is-mobile": e.isMobile,
-              balance: e.balance,
-              onItemHover: t.onHover
-            }, null, 8, ["logged-in", "basket-count", "login-url", "open-menu-item", "my-dashboard-url", "lender-name", "lender-image-url", "is-mobile", "balance", "onItemHover"]), [
-              [p, t.linksVisible]
+};
+function z(C, t, e, n, l, a) {
+  const d = u("kv-header-link-bar"), r = u("kv-header-logo"), m = u("kv-page-container"), _ = u("kv-theme-provider"), b = M("kv-track-event");
+  return v(), h(_, {
+    tag: "div",
+    class: "tw-bg-primary tw-relative"
+  }, {
+    default: c(() => [
+      f("nav", K, [
+        s(m, null, {
+          default: c(() => [
+            s(p, { name: "header-fade" }, {
+              default: c(() => [
+                g(s(d, {
+                  "logged-in": e.loggedIn,
+                  "basket-count": e.basketCount,
+                  "login-url": e.loginUrl,
+                  "open-menu-item": n.menuComponent,
+                  "my-dashboard-url": e.myDashboardUrl,
+                  "lender-name": e.lenderName,
+                  "lender-image-url": e.lenderImageUrl,
+                  "is-mobile": e.isMobile,
+                  balance: e.balance,
+                  onItemHover: n.onHover
+                }, null, 8, ["logged-in", "basket-count", "login-url", "open-menu-item", "my-dashboard-url", "lender-name", "lender-image-url", "is-mobile", "balance", "onItemHover"]), [
+                  [I, n.linksVisible]
+                ])
+              ]),
+              _: 1
+            }),
+            g((v(), H("a", V, [
+              s(r)
+            ])), [
+              [b, ["TopNav", "click-Logo"]]
             ])
           ]),
           _: 1
-        }),
-        g((v(), C("a", E, [
-          u(r)
-        ])), [
-          [b, ["TopNav", "click-Logo"]]
-        ])
+        })
       ]),
-      u(k, { name: "header-fade" }, {
-        default: f(() => [
-          g(m("div", K, [
-            m("div", {
+      s(p, { name: "header-fade" }, {
+        default: c(() => [
+          g(f("div", P, [
+            f("div", {
               class: "tw-bg-primary",
-              style: H(t.menuPosition),
-              onMouseover: n[0] || (n[0] = (w) => t.onHover(t.activeHeaderItem, t.menuComponent)),
-              onMouseout: n[1] || (n[1] = (w) => t.onHover())
+              style: B(n.menuPosition),
+              onMouseover: t[0] || (t[0] = (w) => n.onHover(n.activeHeaderItem, n.menuComponent)),
+              onMouseout: t[1] || (t[1] = (w) => n.onHover())
             }, [
-              m("div", V, [
-                (v(), y(B(t.menuComponent), {
-                  ref: "menuComponentInstance",
-                  "logged-in": e.loggedIn,
-                  "login-url": e.loginUrl,
-                  "user-id": e.userId,
-                  "is-borrower": e.isBorrower,
-                  "is-trustee": e.isTrustee,
-                  "my-dashboard-url": e.myDashboardUrl,
-                  "show-m-g-upsell-link": e.showMGUpsellLink,
-                  onLoadLendMenuData: t.emitLendMenuEvent
-                }, null, 40, ["logged-in", "login-url", "user-id", "is-borrower", "is-trustee", "my-dashboard-url", "show-m-g-upsell-link", "onLoadLendMenuData"]))
-              ])
+              (v(), h(D(n.menuComponent), {
+                ref: "menuComponentInstance",
+                "logged-in": e.loggedIn,
+                "login-url": e.loginUrl,
+                "user-id": e.userId,
+                "is-borrower": e.isBorrower,
+                "is-trustee": e.isTrustee,
+                "my-dashboard-url": e.myDashboardUrl,
+                "show-m-g-upsell-link": e.showMGUpsellLink,
+                onLoadLendMenuData: n.emitLendMenuEvent
+              }, null, 40, ["logged-in", "login-url", "user-id", "is-borrower", "is-trustee", "my-dashboard-url", "show-m-g-upsell-link", "onLoadLendMenuData"]))
             ], 36)
           ], 512), [
-            [p, t.menuOpen]
+            [I, n.menuOpen]
           ])
         ]),
         _: 1
@@ -163,7 +171,7 @@ function z(I, n, e, t, l, a) {
     _: 1
   });
 }
-const A = /* @__PURE__ */ N(T, [["render", z], ["__scopeId", "data-v-c4b7061b"]]);
+const F = /* @__PURE__ */ S(E, [["render", z], ["__scopeId", "data-v-07310dbf"]]);
 export {
-  A as default
+  F as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "6.49.1",
+  "version": "6.49.2",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -113,5 +113,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "f03ff523198dcc597eebe95a49a39847fb1d37e0"
+  "gitHead": "181ef54b20935aeaa481c558dc133c93a8d21e11"
 }