@kiva/kv-components 6.52.1 → 6.52.3

package/dist/vue/KvWwwHeader/KvHeaderDropdownLink.js

@@ -1,8 +1,8 @@
-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 C = {
-  components: { KvMaterialIcon: v },
+import { getCurrentInstance as d, computed as c, resolveComponent as m, openBlock as u, createElementBlock as f, createElementVNode as w, normalizeClass as l, renderSlot as p, createVNode as v } from "vue";
+import h from "../KvMaterialIcon.js";
+import C from "../../_virtual/_plugin-vue_export-helper.js";
+const x = {
+  components: { KvMaterialIcon: h },
   props: {
     refName: {
       type: String,
@@ -39,7 +39,7 @@ const C = {
   setup(e, { emit: o }) {
     const { proxy: n } = d();
     return {
-      computedClass: u(() => [
+      computedClass: c(() => [
         e.baseClass,
         { "tw-text-tertiary": e.openMenuItem && e.openMenuItem !== e.menuComponent }
       ]),
@@ -61,22 +61,26 @@ const C = {
     };
   }
 }, M = ["href"];
-function x(e, o, n, r, i, s) {
-  const a = c("KvMaterialIcon");
-  return m(), f("a", {
+function y(e, o, n, r, i, s) {
+  const a = m("KvMaterialIcon");
+  return u(), f("a", {
     ref: n.refName,
-    class: l(["tw-py-1 tw-no-underline hover:tw-no-underline tw-text-primary hover:tw-text-action tw-items-center tw-cursor-pointer", r.computedClass]),
+    class: "tw-py-1 tw-no-underline hover:tw-no-underline tw-text-primary hover:tw-text-action tw-items-center tw-cursor-pointer",
     href: n.href,
     onMouseover: o[0] || (o[0] = (...t) => r.handleMouseOver && r.handleMouseOver(...t))
   }, [
-    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, M);
+    w("div", {
+      class: l(["tw-flex tw-items-center", r.computedClass])
+    }, [
+      p(e.$slots, "default"),
+      v(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"])
+    ], 2)
+  ], 40, M);
 }
-const O = /* @__PURE__ */ h(C, [["render", x]]);
+const O = /* @__PURE__ */ C(x, [["render", y]]);
 export {
   O as default
 };

package/dist/vue/KvWwwHeader/KvHeaderLinkBar.css

@@ -1 +1 @@
-.header-link[data-v-efd90aef]{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-efd90aef]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}
+.header-link[data-v-479de318]{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-479de318]: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 i, computed as j, onMounted as F, onUnmounted as q, resolveComponent as k, resolveDirective as G, openBlock as a, createElementBlock as c, withDirectives as v, normalizeClass as b, createVNode as _, createBlock as g, withCtx as x, createTextVNode as M, createElementVNode as D, createCommentVNode as h, vShow as J, toDisplayString as Q } from "vue";
+import { defineAsyncComponent as M, ref as i, computed as j, onMounted as F, onUnmounted as q, resolveComponent as k, resolveDirective as G, openBlock as a, createElementBlock as c, withDirectives as v, normalizeClass as b, createVNode as _, createBlock as g, withCtx as x, createTextVNode as w, createElementVNode as D, createCommentVNode as h, vShow as J, toDisplayString as Q } from "vue";
 import { mdiAccountCircle as X, mdiChevronDown as Y, mdiMagnify as Z, mdiMenu as $ } from "@mdi/js";
 import ee from "numeral";
 import ne from "../KvMaterialIcon.js";
@@ -8,7 +8,7 @@ import le from "../KvUserAvatar.js";
 import { throttle as ie } from "../../utils/throttle.js";
 import "./KvHeaderLinkBar.css";
 import re from "../../_virtual/_plugin-vue_export-helper.js";
-const ae = w(() => import("./KvHeaderMobileMenu.js")), C = w(() => import("./KvHeaderMyKivaMenu.js")), ue = w(() => import("./LendMenu/KvLendMenu.js")), de = w(() => import("./KvHeaderTakeActionMenu.js")), me = w(() => import("./KvHeaderAboutMenu.js")), E = 146, p = "avatar-menu", L = "menuButton", S = { top: "-3.75rem", width: "100%" }, se = {
+const ae = M(() => import("./KvHeaderMobileMenu.js")), C = M(() => import("./KvHeaderMyKivaMenu.js")), ue = M(() => import("./LendMenu/KvLendMenu.js")), de = M(() => import("./KvHeaderTakeActionMenu.js")), me = M(() => import("./KvHeaderAboutMenu.js")), E = 146, p = "avatar-menu", L = "menuButton", S = { top: "-3.75rem", width: "100%" }, se = {
   components: {
     KvMaterialIcon: ne,
     KvIconBag: te,
@@ -57,17 +57,17 @@ const ae = w(() => import("./KvHeaderMobileMenu.js")), C = w(() => import("./KvH
     "item-hover"
   ],
   setup(d, { emit: e }) {
-    const t = i(null), n = i(null), B = i(null), K = i(null), A = i(null), f = i(null), y = i(null), I = i(null), u = i(null), o = i(null), T = i(!1), m = (l, s, r = null) => {
+    const t = i(null), n = i(null), B = i(null), K = i(null), y = i(null), f = i(null), A = i(null), T = i(null), u = i(null), o = i(null), I = i(!1), m = (l, s, r = null) => {
       e("item-hover", l, s, r);
     }, V = (l, s, r = null) => {
-      d.isMobile || (o.value = l, m(
+      navigator.maxTouchPoints || (o.value = l, m(
         l,
         s,
         l === L && d.isMobile ? S : r
       ));
-    }, R = (l) => {
-      !T.value && o.value === l && (o.value = null, m());
-    }, P = () => {
+    }, P = (l) => {
+      !I.value && o.value === l && (o.value = null, m());
+    }, R = () => {
       var U, N;
       const l = (N = (U = t.value) == null ? void 0 : U.userAvatar) == null ? void 0 : N.getBoundingClientRect();
       if (!l) return null;
@@ -80,15 +80,15 @@ const ae = w(() => import("./KvHeaderMobileMenu.js")), C = w(() => import("./KvH
         width: d.isMobile ? "100%" : "auto"
       };
     }, H = () => {
-      o.value = p, m(t.value, C, P());
+      o.value = p, m(t.value, C, R());
     }, z = (l, s) => {
       let r = null;
-      T.value = !0, r && clearTimeout(r), o.value === L && (o.value = null), !o.value || o.value !== l ? (o.value = l, l === p ? H() : l === L && d.isMobile ? m(l, s, S) : m(l, s)) : (o.value = null, m()), r = setTimeout(() => {
-        T.value = !1;
-      });
+      I.value = !0, r && clearTimeout(r), o.value === L && (o.value = null), !o.value || o.value !== l ? (o.value = l, l === p ? H() : l === L && d.isMobile ? m(l, s, S) : m(l, s)) : (o.value = null, m()), r = setTimeout(() => {
+        I.value = !1;
+      }, 100);
     }, O = ie(() => {
       o.value === p && H();
-    }, 50), W = j(() => d.isMobile ? void 0 : "/lend-by-category");
+    }, 100), W = j(() => d.isMobile ? void 0 : "/lend-by-category");
     return F(() => {
       import("./KvHeaderMobileMenu.js"), import("./KvHeaderMyKivaMenu.js"), import("./LendMenu/KvLendMenu.js"), import("./KvHeaderTakeActionMenu.js"), import("./KvHeaderAboutMenu.js"), window.addEventListener("resize", O);
     }), q(() => {
@@ -106,15 +106,15 @@ const ae = w(() => import("./KvHeaderMobileMenu.js")), C = w(() => import("./KvH
       lendButton: n,
       aboutUsLink: B,
       partnerWithUsLink: K,
-      borrowLink: A,
+      borrowLink: y,
       supportKivaLink: f,
-      basketLink: y,
-      signInLink: I,
+      basketLink: A,
+      signInLink: T,
       menuButton: u,
       lendUrl: W,
       handleOnHover: V,
       handleTouchStart: z,
-      handleMouseOut: R,
+      handleMouseOut: P,
       handleAvatarMenuPosition: H,
       KvHeaderMobileMenu: ae,
       KvHeaderMyKivaMenu: C,
@@ -126,9 +126,9 @@ const ae = w(() => import("./KvHeaderMobileMenu.js")), C = w(() => import("./KvH
 }, ve = { class: "tw-h-full tw-flex tw-items-center tw-gap-0.5 md:tw-gap-1.5 lg:tw-gap-2.5" }, ce = ["href"], fe = {
   key: 0,
   class: "tw-bg-eco-green-1 tw-py-0.5 tw-px-1 tw-text-eco-green-4"
-}, Me = ["href"];
-function we(d, e, t, n, B, K) {
-  const A = k("kv-material-icon"), f = k("KvHeaderDropdownLink"), y = k("kv-icon-bag"), I = k("KvUserAvatar"), u = G("kv-track-event");
+}, we = ["href"];
+function Me(d, e, t, n, B, K) {
+  const y = k("kv-material-icon"), f = k("KvHeaderDropdownLink"), A = k("kv-icon-bag"), T = k("KvUserAvatar"), u = G("kv-track-event");
   return a(), c("div", ve, [
     v((a(), c("button", {
       ref: "menuButton",
@@ -139,11 +139,12 @@ function we(d, e, t, n, B, K) {
       onMouseout: e[1] || (e[1] = (o) => n.handleMouseOut("menuButton")),
       onTouchstart: e[2] || (e[2] = (o) => n.handleTouchStart("menuButton", n.KvHeaderMobileMenu))
     }, [
-      _(A, { icon: n.mdiMenu }, null, 8, ["icon"])
+      _(y, { icon: n.mdiMenu }, null, 8, ["icon"])
     ], 34)), [
       [u, t.openMenuItem === n.KvHeaderMobileMenu ? ["TopNav", "click-Hamburger-menu"] : null]
     ]),
     v((a(), g(f, {
+      class: "tw-py-1",
       "ref-name": "lendButton",
       href: n.lendUrl,
       "menu-component": n.KvLendMenu,
@@ -155,7 +156,7 @@ function we(d, e, t, n, B, K) {
       onTouchstart: e[4] || (e[4] = (o) => n.handleTouchStart("lendButton", n.KvLendMenu))
     }, {
       default: x(() => e[10] || (e[10] = [
-        M(" Lend ")
+        w(" Lend ")
       ])),
       _: 1
     }, 8, ["href", "menu-component", "open-menu-item", "dropdown-icon", "onOnHover"])), [
@@ -163,7 +164,7 @@ function we(d, e, t, n, B, K) {
     ]),
     v((a(), g(f, {
       "ref-name": "takeActionButton",
-      "base-class": "tw-hidden md:tw-inline-flex tw-py-2",
+      "base-class": "tw-hidden md:tw-inline-flex tw-py-1",
       "menu-component": n.KvHeaderTakeActionMenu,
       "open-menu-item": t.openMenuItem,
       "dropdown-icon": n.mdiChevronDown,
@@ -172,7 +173,7 @@ function we(d, e, t, n, B, K) {
       onMouseout: e[5] || (e[5] = (o) => n.handleMouseOut("takeActionButton"))
     }, {
       default: x(() => e[11] || (e[11] = [
-        M(" Take action ")
+        w(" Take action ")
       ])),
       _: 1
     }, 8, ["menu-component", "open-menu-item", "dropdown-icon", "onOnHover"])), [
@@ -181,7 +182,7 @@ function we(d, e, t, n, B, K) {
     v((a(), g(f, {
       "ref-name": "aboutUsLink",
       "data-testid": "header-about",
-      "base-class": "tw-hidden md:tw-inline-flex tw-py-2",
+      "base-class": "tw-hidden md:tw-inline-flex tw-py-1",
       "menu-component": n.KvHeaderAboutMenu,
       "open-menu-item": t.openMenuItem,
       "dropdown-icon": n.mdiChevronDown,
@@ -190,7 +191,7 @@ function we(d, e, t, n, B, K) {
       onMouseout: e[6] || (e[6] = (o) => n.handleMouseOut("aboutUsLink"))
     }, {
       default: x(() => e[12] || (e[12] = [
-        M(" About ")
+        w(" About ")
       ])),
       _: 1
     }, 8, ["menu-component", "open-menu-item", "dropdown-icon", "onOnHover"])), [
@@ -203,7 +204,7 @@ function we(d, e, t, n, B, K) {
       href: t.myDashboardUrl,
       class: b(["header-link tw-hidden md:tw-block", { "tw-text-tertiary": !!t.openMenuItem }])
     }, e[13] || (e[13] = [
-      M(" My dashboard ")
+      w(" My dashboard ")
     ]), 10, ce)), [
       [u, ["TopNav", "click-Dashboard"]]
     ]) : h("", !0),
@@ -213,7 +214,7 @@ function we(d, e, t, n, B, K) {
       class: b(["header-link tw-relative", { "tw-text-tertiary": !!t.openMenuItem }]),
       "data-testid": "header-basket"
     }, [
-      _(y, {
+      _(A, {
         class: "tw-w-3 tw-h-3 tw-pointer-events-none",
         count: t.basketCount
       }, null, 8, ["count"])
@@ -228,7 +229,7 @@ function we(d, e, t, n, B, K) {
       onTouchstart: e[9] || (e[9] = (o) => n.handleTouchStart(n.AVATAR_MENU_ID))
     }, [
       t.loggedIn ? (a(), c("span", fe, Q(n.numeral(t.balance).format("$0")), 1)) : h("", !0),
-      t.loggedIn ? (a(), g(I, {
+      t.loggedIn ? (a(), g(T, {
         key: 1,
         ref: "avatar",
         "lender-name": t.lenderName,
@@ -242,13 +243,13 @@ function we(d, e, t, n, B, K) {
       href: t.loginUrl,
       class: b(["header-link", { "tw-text-tertiary": !!t.openMenuItem }])
     }, e[14] || (e[14] = [
-      M(" Sign in ")
-    ]), 10, Me)), [
+      w(" Sign in ")
+    ]), 10, we)), [
       [u, ["TopNav", "click-Sign-in"]]
     ])
   ]);
 }
-const Le = /* @__PURE__ */ re(se, [["render", we], ["__scopeId", "data-v-efd90aef"]]);
+const Le = /* @__PURE__ */ re(se, [["render", Me], ["__scopeId", "data-v-479de318"]]);
 export {
   Le as default
 };

package/dist/vue/KvWwwHeader/KvHeaderMobileMenu.css

@@ -1 +1 @@
-.mobile-link[data-v-ba014b01]{--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.mobile-link[data-v-ba014b01]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:underline}
+.mobile-link[data-v-4faf4cb4]{--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.mobile-link[data-v-4faf4cb4]: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,7 +1,7 @@
 import { mdiClose as w } from "@mdi/js";
 import b from "../KvAccordionItem.js";
 import h from "../KvMaterialIcon.js";
-import { resolveComponent as u, resolveDirective as _, openBlock as t, createElementBlock as o, createBlock as g, createCommentVNode as y, createVNode as p, withCtx as a, createElementVNode as r, Fragment as N, renderList as x, withDirectives as n, toDisplayString as m, createTextVNode as s } from "vue";
+import { resolveComponent as u, resolveDirective as g, openBlock as t, createElementBlock as o, createBlock as _, createCommentVNode as y, createVNode as p, withCtx as a, createElementVNode as r, Fragment as N, renderList as x, withDirectives as n, toDisplayString as m, createTextVNode as s } from "vue";
 import "./KvHeaderMobileMenu.css";
 import I from "../../_virtual/_plugin-vue_export-helper.js";
 const K = {
@@ -48,7 +48,7 @@ const K = {
         },
         {
           title: "Buy a Kiva Card",
-          description: "Share the joy of lending with others",
+          description: "Give the gift of lending to others",
           url: "/portfolio/kiva-card",
           trackEvent: "buy-a-kiva-card"
         }
@@ -70,26 +70,27 @@ const K = {
 }, H = {
   href: "/about/leadership",
   class: "mobile-link"
-}, S = {
+}, F = {
   href: "/about/finances",
   class: "mobile-link"
-}, F = {
+}, L = {
   href: "/about/press-center",
   class: "mobile-link"
-}, L = {
+}, P = {
   href: "/about/due-diligence",
   class: "mobile-link"
 };
-function P(k, e, v, j, c, q) {
-  const f = u("KvMaterialIcon"), d = u("KvAccordionItem"), i = _("kv-track-event");
+function S(k, e, v, q, c, z) {
+  const f = u("KvMaterialIcon"), d = u("KvAccordionItem"), i = g("kv-track-event");
   return t(), o("nav", T, [
-    v.isMobile ? (t(), g(f, {
+    v.isMobile ? (t(), _(f, {
       key: 0,
       icon: c.mdiClose,
       class: "tw-cursor-pointer",
       onClick: e[0] || (e[0] = (l) => k.$emit("closing-menu"))
     }, null, 8, ["icon"])) : y("", !0),
     p(d, {
+      id: "accordion-take-action-menu",
       open: "",
       class: "tw-w-full tw-border-b-0"
     }, {
@@ -113,7 +114,10 @@ function P(k, e, v, j, c, q) {
       ]),
       _: 1
     }),
-    p(d, { class: "tw-w-full" }, {
+    p(d, {
+      id: "accordion-about-menu",
+      class: "tw-w-full"
+    }, {
       header: a(() => e[2] || (e[2] = [
         r("h3", null, "About", -1)
       ])),
@@ -144,17 +148,17 @@ function P(k, e, v, j, c, q) {
           ]))), [
             [i, ["TopNav", "click-menu-leadership"]]
           ]),
-          n((t(), o("a", S, e[8] || (e[8] = [
+          n((t(), o("a", F, e[8] || (e[8] = [
             s("Finances")
           ]))), [
             [i, ["TopNav", "click-menu-finances"]]
           ]),
-          n((t(), o("a", F, e[9] || (e[9] = [
+          n((t(), o("a", L, e[9] || (e[9] = [
             s("Press")
           ]))), [
             [i, ["TopNav", "click-menu-press"]]
           ]),
-          n((t(), o("a", L, e[10] || (e[10] = [
+          n((t(), o("a", P, e[10] || (e[10] = [
             s("Due diligence")
           ]))), [
             [i, ["TopNav", "click-menu-due-diligence"]]
@@ -165,7 +169,7 @@ function P(k, e, v, j, c, q) {
     })
   ]);
 }
-const Q = /* @__PURE__ */ I(K, [["render", P], ["__scopeId", "data-v-ba014b01"]]);
+const Q = /* @__PURE__ */ I(K, [["render", S], ["__scopeId", "data-v-4faf4cb4"]]);
 export {
   Q as default
 };

package/dist/vue/KvWwwHeader/KvHeaderTakeActionMenu.js

@@ -1,5 +1,5 @@
 import i from "./KvHeaderMenuLink.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 { resolveComponent as c, resolveDirective as u, openBlock as o, createElementBlock as p, withDirectives as a, createBlock as r, withCtx as s, createElementVNode as e } from "vue";
 import d from "../../_virtual/_plugin-vue_export-helper.js";
 const m = {
   components: {
@@ -7,10 +7,10 @@ const m = {
   }
 }, 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");
+  const n = c("kv-header-menu-link"), l = u("kv-track-event");
   return o(), p("nav", v, [
-    a((o(), s(n, { href: "/lend-by-category" }, {
-      default: r(() => t[0] || (t[0] = [
+    a((o(), r(n, { href: "/lend-by-category" }, {
+      default: s(() => t[0] || (t[0] = [
         e("div", null, [
           e("p", null, "Choose someone to help"),
           e("p", { class: "tw-text-small tw-text-secondary" }, " Make a direct impact for someone in need ")
@@ -20,8 +20,8 @@ function f(k, t, w, x, _, h) {
     })), [
       [l, ["TopNav", "click-menu-Choose-someone-to-help"]]
     ]),
-    a((o(), s(n, { href: "/donate/supportus" }, {
-      default: r(() => t[1] || (t[1] = [
+    a((o(), r(n, { href: "/donate/supportus" }, {
+      default: s(() => t[1] || (t[1] = [
         e("div", null, [
           e("p", null, "Donate to Kiva"),
           e("p", { class: "tw-text-small tw-text-secondary" }, " Help us change lives and tackle inequality ")
@@ -31,22 +31,22 @@ function f(k, t, w, x, _, h) {
     })), [
       [l, ["TopNav", "click-menu-Donate-to-Kiva"]]
     ]),
-    a((o(), s(n, { href: "/about/partner-with-us" }, {
-      default: r(() => t[2] || (t[2] = [
+    a((o(), r(n, { href: "/about/partner-with-us" }, {
+      default: s(() => t[2] || (t[2] = [
         e("div", null, [
           e("p", null, "Partner with us"),
-          e("p", { class: "tw-text-small tw-text-secondary" }, " Drive global impact aligned to your business goals ")
+          e("p", { class: "tw-text-small tw-text-secondary" }, " Drive global impact aligned with your organization’s goals ")
         ], -1)
       ])),
       _: 1
     })), [
       [l, ["TopNav", "click-menu-Partner-with-us"]]
     ]),
-    a((o(), s(n, { href: "/gifts/kiva-cards" }, {
-      default: r(() => t[3] || (t[3] = [
+    a((o(), r(n, { href: "/gifts/kiva-cards" }, {
+      default: s(() => t[3] || (t[3] = [
         e("div", null, [
           e("p", null, "Buy a Kiva Card"),
-          e("p", { class: "tw-text-small tw-text-secondary" }, " Share the joy of lending with others ")
+          e("p", { class: "tw-text-small tw-text-secondary" }, " Give the gift of lending to others ")
         ], -1)
       ])),
       _: 1
@@ -55,7 +55,7 @@ function f(k, t, w, x, _, h) {
     ])
   ]);
 }
-const B = /* @__PURE__ */ d(m, [["render", f]]);
+const C = /* @__PURE__ */ d(m, [["render", f]]);
 export {
-  B as default
+  C as default
 };

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

@@ -1,5 +1,5 @@
 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 { 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";
@@ -23,10 +23,10 @@ const E = {
     }
   },
   emits: ["load-lend-menu-data"],
-  setup(y, { emit: p }) {
+  setup(p, { emit: y }) {
     const {
       userId: s
-    } = q(y), e = i([]), g = i([]), m = i(0), u = i([]), v = [
+    } = q(p), e = i([]), g = i([]), m = i(0), c = i([]), v = [
       "North America",
       "Central America",
       "South America",
@@ -35,7 +35,7 @@ const E = {
       "Middle East",
       "Asia",
       "Oceania"
-    ], c = i(!0), C = i(!0), M = async (a) => {
+    ], u = i(!0), C = i(!0), M = async (a) => {
       var r, t, o, d;
       if (a.watchQuery({
         query: f`query countryFacets {
@@ -54,7 +54,7 @@ const E = {
       }).subscribe({
         next: ({ data: n }) => {
           var l;
-          g.value = ((l = n == null ? void 0 : n.lend) == null ? void 0 : l.countryFacets) ?? [], c.value = !1;
+          g.value = ((l = n == null ? void 0 : n.lend) == null ? void 0 : l.countryFacets) ?? [], u.value = !1;
         }
       }), a.watchQuery({
         query: f`
@@ -102,9 +102,9 @@ 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 = ((d = (o = n == null ? void 0 : n.my) == null ? void 0 : o.savedSearches) == null ? void 0 : d.values) ?? [];
+        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) ?? [];
       }
-    }, b = k(() => {
+    }, b = w(() => {
       const a = g.value.map((o) => ({
         name: o.country.name,
         region: o.country.region,
@@ -117,7 +117,7 @@ const E = {
           countries: d.sort(L("name"))
         });
       return t.sort(O(v, "name"));
-    }), I = k(() => {
+    }), I = w(() => {
       var r;
       return ((r = e.value) == null ? void 0 : r.map((t) => {
         const o = JSON.parse(JSON.stringify(t));
@@ -125,23 +125,23 @@ const E = {
       })).sort(L("name"));
     });
     return S(() => {
-      p("load-lend-menu-data");
+      y("load-lend-menu-data");
     }), {
       onLoad: M,
       regions: b,
       computedCategories: I,
       isChannelsLoading: C,
-      isRegionsLoading: c,
-      savedSearches: u,
+      isRegionsLoading: u,
+      savedSearches: c,
       favoritesCount: m
     };
   }
 };
-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, {
+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(() => [
-      w(u, {
+      k(c, {
         class: "lg:tw-hidden",
         categories: e.computedCategories,
         regions: e.regions,
@@ -152,7 +152,7 @@ function G(y, p, s, e, g, m) {
         "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, {
+      k(v, {
         class: "tw-hidden lg:tw-block",
         categories: e.computedCategories,
         regions: e.regions,

package/dist/vue/KvWwwHeader.css

@@ -1 +1 @@
-.header-fade-enter-active[data-v-15ce8e36]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.header-fade-leave-active[data-v-15ce8e36]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s}.header-fade-enter[data-v-15ce8e36],.header-fade-leave-to[data-v-15ce8e36]{opacity:0}.header-fade-leave[data-v-15ce8e36],.header-fade-enter-to[data-v-15ce8e36]{opacity:1}.bg-opacity-50[data-v-15ce8e36]{background-color:rgba(var(--bg-action-highlight),.5)}.header-container[data-v-15ce8e36]{max-width:67rem;margin-left:auto;margin-right:auto}@media screen and (width >= 67rem){.header-container>div[data-v-15ce8e36]{padding-left:0;padding-right:0}}
+.header-fade-enter-active[data-v-0892fc4e]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.header-fade-leave-active[data-v-0892fc4e]{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s}.header-fade-enter[data-v-0892fc4e],.header-fade-leave-to[data-v-0892fc4e]{opacity:0}.header-fade-leave[data-v-0892fc4e],.header-fade-enter-to[data-v-0892fc4e]{opacity:1}.bg-opacity-50[data-v-0892fc4e]{background-color:rgba(var(--bg-action-highlight),.5)}

package/dist/vue/KvWwwHeader.js

@@ -72,7 +72,7 @@ const V = "3.75rem", O = {
         position: "absolute"
       })) : a.value && (u = setTimeout(() => {
         a.value = !1, r.value = null;
-      }, 50));
+      }, 100));
     }, v = (p) => {
       var t;
       (t = m.value) == null || t.onLoad(p);
@@ -111,7 +111,7 @@ function j(C, n, o, e, a, r) {
   }, {
     default: f(() => [
       b("nav", {
-        class: "tw-font-medium tw-relative header-container",
+        class: "tw-font-medium tw-relative",
         style: k({ height: e.HEADER_HEIGHT })
       }, [
         s(d, null, {
@@ -180,7 +180,7 @@ function j(C, n, o, e, a, r) {
     _: 1
   });
 }
-const oe = /* @__PURE__ */ P(O, [["render", j], ["__scopeId", "data-v-15ce8e36"]]);
+const oe = /* @__PURE__ */ P(O, [["render", j], ["__scopeId", "data-v-0892fc4e"]]);
 export {
   oe as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "6.52.1",
+  "version": "6.52.3",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -114,5 +114,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "e6dd97b33769e82de59545b4732947db80fd1d6d"
+  "gitHead": "5a200906413aaf12196b69e2e92a76a12b491118"
 }