@kiva/kv-components 8.14.2 → 8.15.0

package/dist/utils/useHeaderBasicMenuState.js

@@ -0,0 +1,30 @@
+import { ref as e, shallowRef as m } from "vue";
+import { debounce as p } from "./debounce.js";
+function b() {
+  const f = e(null), n = e(!1), l = m(null), o = e(null), t = e({ left: 0, position: "relative" }), a = e(!1), i = e(!1), r = p((c, u, s) => {
+    if (a.value) {
+      if (u)
+        o.value = c ?? null, l.value !== u && (t.value = { left: 0, position: "relative" }), l.value = u, n.value = !0, s && (t.value = { ...s, position: "absolute" });
+      else if (n.value) {
+        if (i.value) return;
+        n.value = !1, l.value = null;
+      }
+    }
+  }, 100);
+  function v() {
+    a.value = !0;
+  }
+  return {
+    activeHeaderItem: f,
+    menuOpen: n,
+    menuComponent: l,
+    menuItem: o,
+    menuPosition: t,
+    setMenu: r,
+    markMounted: v,
+    pinMenuOpen: i
+  };
+}
+export {
+  b as useHeaderBasicMenuState
+};

package/dist/utils/useTypeaheadSearch.d.ts

@@ -0,0 +1,19 @@
+import { Ref } from 'vue';
+import { SearchSuggestion } from '../../../../../../../../../src/utils/typeaheadSearchEngine';
+export interface SubmitPayload {
+    url: string;
+    query: Record<string, string> | null;
+    suggestion: SearchSuggestion | null;
+    term: string;
+}
+export interface ResultGroup {
+    group: string;
+    items: SearchSuggestion[];
+}
+export declare function useTypeaheadSearch(source: Ref<SearchSuggestion[]>, appOrigin: string): {
+    term: Ref<string, string>;
+    rawResults: Ref<any, any>;
+    activeIndex: Ref<number, number>;
+    groupedResults: import('vue').ComputedRef<ResultGroup[]>;
+    resolveSubmit: (selection: SearchSuggestion | string) => SubmitPayload;
+};

package/dist/utils/useTypeaheadSearch.js

@@ -0,0 +1,64 @@
+import { ref as o, watch as m, computed as h } from "vue";
+import v from "./typeaheadSearchEngine.js";
+import { GIFT_SUGGESTIONS as E, MAX_PER_GROUP as S, SECTION_ORDER as g } from "./typeaheadSearchConfig.js";
+const R = ["activity", "city_state", "loanTags", "state", "loanLimit"];
+function _(u) {
+  return Object.keys(u).some((n) => R.includes(n));
+}
+function y(u) {
+  return u && _(u) ? "/lend" : "/lend/filter";
+}
+function w(u, n) {
+  const l = new v(), s = o(""), a = o([]), i = o(-1);
+  m(u, (e) => {
+    l.reset([...e ?? [], ...E]);
+  }, { immediate: !0 }), m(s, async (e) => {
+    if (i.value = -1, !e) {
+      a.value = [];
+      return;
+    }
+    a.value = await l.search(e);
+  });
+  const d = h(() => {
+    const e = /* @__PURE__ */ new Map();
+    return a.value.forEach((t) => {
+      const r = e.get(t.group) ?? [];
+      r.length < S && r.push(t), e.set(t.group, r);
+    }), [...e.keys()].sort((t, r) => g.indexOf(t) - g.indexOf(r)).map((t) => ({ group: t, items: e.get(t) ?? [] }));
+  });
+  function p(e) {
+    if (typeof e == "string") {
+      const f = { queryString: e };
+      return {
+        url: `${n}${y(f)}`,
+        query: f,
+        suggestion: null,
+        term: e
+      };
+    }
+    if (e.url)
+      return {
+        url: e.url,
+        query: null,
+        suggestion: e,
+        term: s.value
+      };
+    const [t, r] = (e.query ?? "").split("="), c = t ? { [t]: r } : null;
+    return {
+      url: `${n}${y(c)}`,
+      query: c,
+      suggestion: e,
+      term: s.value
+    };
+  }
+  return {
+    term: s,
+    rawResults: a,
+    activeIndex: i,
+    groupedResults: d,
+    resolveSubmit: p
+  };
+}
+export {
+  w as useTypeaheadSearch
+};

package/dist/vue/KvTab.vue.d.ts

@@ -1,3 +1,12 @@
+export interface NavItem {
+    forPanel?: string;
+    [key: string]: any;
+}
+export interface KvTabContext {
+    navItems: NavItem[];
+    selectedIndex: number;
+    setTab: (index: number) => void;
+}
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     forPanel: {
         type: StringConstructor;

package/dist/vue/KvTextInput.css

@@ -0,0 +1 @@
+input[type=search][data-v-c3eac6f7]::-webkit-search-cancel-button,input[type=search][data-v-c3eac6f7]::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}

package/dist/vue/KvTextInput.js

@@ -1,20 +1,21 @@
 import u from "./KvTextInput2.js";
-import { resolveComponent as m, openBlock as l, createElementBlock as d, normalizeClass as s, normalizeStyle as g, createElementVNode as i, mergeProps as f, toHandlers as b, createBlock as c, createCommentVNode as a, withDirectives as v, createVNode as h, vShow as y, renderSlot as x } from "vue";
-import k from "../_virtual/_plugin-vue_export-helper.js";
-const _ = ["id", "type", "placeholder", "disabled", "value"], C = {
+import { resolveComponent as m, openBlock as l, createElementBlock as w, normalizeClass as c, normalizeStyle as f, createElementVNode as i, mergeProps as g, toHandlers as v, createBlock as s, createCommentVNode as a, withDirectives as b, createVNode as h, vShow as y, renderSlot as x } from "vue";
+import "./KvTextInput.css";
+import _ from "../_virtual/_plugin-vue_export-helper.js";
+const k = ["id", "type", "placeholder", "disabled", "value"], I = {
   key: 2,
   class: "tw-text-danger-highlight tw-text-small tw-font-medium tw-mt-1"
 };
-function I(w, n, t, e, V, B) {
+function C(d, n, t, e, V, p) {
   const o = m("kv-material-icon");
-  return l(), d("div", {
-    class: s(["tw-inline-flex", e.classes]),
-    style: g(e.styles)
+  return l(), w("div", {
+    class: c(["tw-inline-flex", e.classes]),
+    style: f(e.styles)
   }, [
     i("div", {
-      class: s(["tw-relative tw-w-full", { "tw-opacity-low": t.disabled }])
+      class: c(["tw-relative tw-w-full", { "tw-opacity-low": t.disabled }])
     }, [
-      i("input", f({
+      i("input", g({
         id: t.id,
         ref: "textInputRef",
         type: t.type,
@@ -27,20 +28,20 @@ function I(w, n, t, e, V, B) {
         }],
         placeholder: t.placeholder,
         disabled: t.disabled
-      }, e.inputAttrs, { value: t.modelValue }, b(e.inputListeners, !0), {
+      }, e.inputAttrs, { value: t.modelValue }, v(e.inputListeners, !0), {
         onInput: n[0] || (n[0] = (...r) => e.onInput && e.onInput(...r))
-      }), null, 16, _),
-      t.icon ? (l(), c(o, {
+      }), null, 16, k),
+      t.icon ? (l(), s(o, {
         key: 0,
         icon: t.icon,
         class: "tw-w-3 tw-h-3 tw-absolute tw-top-1.5 tw-left-1.5 tw-pointer-events-none"
       }, null, 8, ["icon"])) : a("", !0),
-      t.valid ? a("", !0) : (l(), c(o, {
+      t.valid ? a("", !0) : (l(), s(o, {
         key: 1,
         icon: e.mdiAlertCircleOutline,
         class: "tw-w-3 tw-h-3 tw-absolute tw-top-1.5 tw-right-1.5 tw-pointer-events-none tw-text-danger"
       }, null, 8, ["icon"])),
-      v(i("button", {
+      b(i("button", {
         type: "button",
         class: "tw-absolute tw-top-1.5 tw-right-1.5",
         onClick: n[1] || (n[1] = (...r) => e.clearInput && e.clearInput(...r))
@@ -53,13 +54,13 @@ function I(w, n, t, e, V, B) {
       ], 512), [
         [y, t.canClear && t.valid && !!e.inputText]
       ]),
-      w.$slots.error ? (l(), d("div", C, [
-        x(w.$slots, "error")
+      d.$slots.error ? (l(), w("div", I, [
+        x(d.$slots, "error", {}, void 0, !0)
       ])) : a("", !0)
     ], 2)
   ], 6);
 }
-const A = /* @__PURE__ */ k(u, [["render", I]]);
+const A = /* @__PURE__ */ _(u, [["render", C], ["__scopeId", "data-v-c3eac6f7"]]);
 export {
   A as default
 };

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

@@ -1,12 +1,28 @@
-import r from "./KvLendMenu2.js";
-import { resolveComponent as o, openBlock as a, createBlock as c, withCtx as g, createVNode as s } from "vue";
-import d from "../../../_virtual/_plugin-vue_export-helper.js";
-function u(m, _, n, e, h, v) {
-  const i = o("kv-lend-list-menu"), l = o("kv-lend-mega-menu"), t = o("kv-page-container");
-  return a(), c(t, { class: "tw-pt-2 lg:tw-pt-0" }, {
-    default: g(() => [
-      s(i, {
-        class: "lg:tw-hidden",
+import m from "./KvLendMenu2.js";
+import { resolveComponent as i, openBlock as t, createBlock as r, withCtx as h, createCommentVNode as v, createVNode as l, normalizeClass as _ } from "vue";
+import f from "../../../_virtual/_plugin-vue_export-helper.js";
+function k(s, o, n, e, w, C) {
+  const g = i("mobile-lend-menu"), d = i("kv-lend-list-menu"), c = i("kv-lend-mega-menu"), u = i("kv-page-container");
+  return t(), r(u, { class: "tw-pt-2 lg:tw-pt-0" }, {
+    default: h(() => [
+      n.useMobileMegaMenu ? (t(), r(g, {
+        key: 0,
+        class: "md:tw-hidden",
+        categories: e.computedCategories,
+        regions: e.regions,
+        "user-id": n.userId,
+        favorites: e.favoritesCount,
+        searches: e.savedSearches,
+        "is-regions-loading": e.isRegionsLoading,
+        "is-channels-loading": e.isChannelsLoading,
+        "countries-not-lent-to-url": n.countriesNotLentToUrl,
+        "search-suggestions": n.searchSuggestions,
+        "app-origin": n.appOrigin,
+        onLoadSearchData: o[0] || (o[0] = (a) => s.$emit("load-search-data")),
+        onSearchSubmit: o[1] || (o[1] = (a) => s.$emit("search-submit", a))
+      }, null, 8, ["categories", "regions", "user-id", "favorites", "searches", "is-regions-loading", "is-channels-loading", "countries-not-lent-to-url", "search-suggestions", "app-origin"])) : v("", !0),
+      l(d, {
+        class: _(n.useMobileMegaMenu ? "tw-hidden md:tw-block lg:tw-hidden" : "lg:tw-hidden"),
         categories: e.computedCategories,
         regions: e.regions,
         "user-id": n.userId,
@@ -16,8 +32,8 @@ function u(m, _, n, e, h, v) {
         "is-channels-loading": e.isChannelsLoading,
         "show-m-g-upsell-link": n.showMGUpsellLink,
         "countries-not-lent-to-url": n.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"]),
-      s(l, {
+      }, null, 8, ["class", "categories", "regions", "user-id", "favorites", "searches", "is-regions-loading", "is-channels-loading", "show-m-g-upsell-link", "countries-not-lent-to-url"]),
+      l(c, {
         class: "tw-hidden lg:tw-block",
         categories: e.computedCategories,
         regions: e.regions,
@@ -33,7 +49,7 @@ function u(m, _, n, e, h, v) {
     _: 1
   });
 }
-const L = /* @__PURE__ */ d(r, [["render", u]]);
+const S = /* @__PURE__ */ f(m, [["render", k]]);
 export {
-  L as default
+  S as default
 };

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

@@ -1,15 +1,17 @@
 import { gql as l } from "@apollo/client/core";
-import { toRefs as S, ref as s, computed as g, onMounted as w } from "vue";
+import { toRefs as I, ref as s, computed as v, onMounted as w } from "vue";
 import A from "./KvLendListMenu.js";
-import F from "./KvLendMegaMenu.js";
+import O from "./KvLendMegaMenu.js";
+import F from "../../KvWwwHeaderBasic/MobileLendMenu/MobileLendMenu.js";
 import { indexIn as N } from "../../../utils/comparators.js";
-import { groupBy as O, sortBy as C } from "../../../utils/arrayUtils.js";
-import x from "../../KvPageContainer.js";
-const J = {
+import { groupBy as x, sortBy as C } from "../../../utils/arrayUtils.js";
+import B from "../../KvPageContainer.js";
+const U = {
   components: {
     KvLendListMenu: A,
-    KvLendMegaMenu: F,
-    KvPageContainer: x
+    KvLendMegaMenu: O,
+    MobileLendMenu: F,
+    KvPageContainer: B
   },
   props: {
     userId: {
@@ -23,13 +25,37 @@ const J = {
     countriesNotLentToUrl: {
       type: String,
       default: "/lend/countries-not-lent"
+    },
+    /**
+     * Render the new KvWwwHeaderBasic mobile tabbed menu (Categories / Regions / MyKiva / Search)
+     * below the md breakpoint instead of the legacy KvLendListMenu. Mega menu still renders at
+     * md+ in this mode. Default off preserves the legacy KvWwwHeader behavior.
+     */
+    useMobileMegaMenu: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Search suggestion dataset for the mobile Search tab. Only used when useMobileMegaMenu is on.
+     */
+    searchSuggestions: {
+      type: Array,
+      default: () => []
+    },
+    /**
+     * App origin used to build /lend/filter URLs on Search-tab submit. Only used when
+     * useMobileMegaMenu is on.
+     */
+    appOrigin: {
+      type: String,
+      default: ""
     }
   },
-  emits: ["load-lend-menu-data"],
-  setup(h, { emit: L }) {
+  emits: ["load-lend-menu-data", "load-search-data", "search-submit"],
+  setup(h, { emit: M }) {
     const {
       userId: i
-    } = S(h), c = s([]), m = s([]), d = s(0), y = s([]), M = [
+    } = I(h), c = s([]), d = s([]), m = s(0), p = s([]), b = [
       "North America",
       "Central America",
       "South America",
@@ -38,8 +64,8 @@ const J = {
       "Middle East",
       "Asia",
       "Oceania"
-    ], p = s(!0), f = s(!0), b = async (r) => {
-      var o, t, n, a;
+    ], y = s(!0), f = s(!0), L = async (r) => {
+      var o, t, n, u;
       if (r.watchQuery({
         query: l`query countryFacets {
 					lend {
@@ -56,8 +82,8 @@ const J = {
 				}`
       }).subscribe({
         next: ({ data: e }) => {
-          var u;
-          m.value = ((u = e == null ? void 0 : e.lend) == null ? void 0 : u.countryFacets) ?? [], p.value = !1;
+          var a;
+          d.value = ((a = e == null ? void 0 : e.lend) == null ? void 0 : a.countryFacets) ?? [], y.value = !1;
         }
       }), r.watchQuery({
         query: l`
@@ -75,8 +101,8 @@ const J = {
 				`
       }).subscribe({
         next: ({ data: e }) => {
-          var u, v;
-          c.value = ((v = (u = e == null ? void 0 : e.lend) == null ? void 0 : u.loanChannels) == null ? void 0 : v.values) ?? [], f.value = !1;
+          var a, g;
+          c.value = ((g = (a = e == null ? void 0 : e.lend) == null ? void 0 : a.loanChannels) == null ? void 0 : g.values) ?? [], f.value = !1;
         }
       }), i.value) {
         const { data: e } = await r.query({
@@ -105,22 +131,22 @@ const J = {
           },
           fetchPolicy: "network-only"
         });
-        d.value = ((t = (o = e == null ? void 0 : e.lend) == null ? void 0 : o.loans) == null ? void 0 : t.totalCount) ?? 0, y.value = ((a = (n = e == null ? void 0 : e.my) == null ? void 0 : n.savedSearches) == null ? void 0 : a.values) ?? [];
+        m.value = ((t = (o = e == null ? void 0 : e.lend) == null ? void 0 : o.loans) == null ? void 0 : t.totalCount) ?? 0, p.value = ((u = (n = e == null ? void 0 : e.my) == null ? void 0 : n.savedSearches) == null ? void 0 : u.values) ?? [];
       }
-    }, q = g(() => {
-      const r = m.value.map((n) => ({
+    }, S = v(() => {
+      const r = d.value.map((n) => ({
         name: n.country.name,
         region: n.country.region,
         isoCode: n.country.isoCode.toLowerCase(),
         count: n.count || 0
-      })), o = O(r, "region"), t = [];
-      for (const [n, a] of Object.entries(o))
+      })), o = x(r, "region"), t = [];
+      for (const [n, u] of Object.entries(o))
         t.push({
           name: n,
-          countries: a.sort(C("name"))
+          countries: u.sort(C("name"))
         });
-      return t.sort(N(M, "name"));
-    }), I = g(() => {
+      return t.sort(N(b, "name"));
+    }), q = v(() => {
       var o;
       return ((o = c.value) == null ? void 0 : o.map((t) => {
         const n = JSON.parse(JSON.stringify(t));
@@ -128,18 +154,18 @@ const J = {
       })).sort(C("name"));
     });
     return w(() => {
-      L("load-lend-menu-data");
+      M("load-lend-menu-data");
     }), {
-      onLoad: b,
-      regions: q,
-      computedCategories: I,
+      onLoad: L,
+      regions: S,
+      computedCategories: q,
       isChannelsLoading: f,
-      isRegionsLoading: p,
-      savedSearches: y,
-      favoritesCount: d
+      isRegionsLoading: y,
+      savedSearches: p,
+      favoritesCount: m
     };
   }
 };
 export {
-  J as default
+  U as default
 };

package/dist/vue/KvWwwHeaderBasic/AboutMenu.css

@@ -0,0 +1 @@
+[data-v-a681200e] a{padding-top:.5rem;padding-bottom:.5rem}

package/dist/vue/KvWwwHeaderBasic/AboutMenu.js

@@ -0,0 +1,25 @@
+import c from "./AboutMenu2.js";
+import { resolveComponent as l, openBlock as t, createElementBlock as r, normalizeClass as i, Fragment as m, renderList as s, createBlock as f, withCtx as _, createTextVNode as p, toDisplayString as d } from "vue";
+import "./AboutMenu.css";
+import u from "../../_virtual/_plugin-vue_export-helper.js";
+function k(w, x, n, o, h, v) {
+  const a = l("kv-header-menu-link");
+  return t(), r("nav", {
+    class: i(["tw-flex tw-flex-col tw-items-start tw-font-medium tw-mt-0.5 tw-pb-1", n.isMobile ? "tw-px-0" : "tw-px-2"])
+  }, [
+    (t(!0), r(m, null, s(o.links, (e) => (t(), f(a, {
+      key: e.href,
+      href: e.href,
+      onClick: (C) => o.onLinkClick(e.action)
+    }, {
+      default: _(() => [
+        p(d(e.label), 1)
+      ]),
+      _: 2
+    }, 1032, ["href", "onClick"]))), 128))
+  ], 2);
+}
+const L = /* @__PURE__ */ u(c, [["render", k], ["__scopeId", "data-v-a681200e"]]);
+export {
+  L as default
+};

package/dist/vue/KvWwwHeaderBasic/AboutMenu.vue.d.ts

@@ -0,0 +1,29 @@
+export interface TrackEvent {
+    (category: string, action: string, label?: string, value?: number): void;
+}
+export interface AboutLink {
+    label: string;
+    href: string;
+    action: string;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    isMobile: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    links: AboutLink[];
+    onLinkClick: (action: string) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "closing-menu"[], "closing-menu", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    isMobile: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onClosing-menu"?: (...args: any[]) => any;
+}>, {
+    isMobile: boolean;
+}, {}, {
+    KvHeaderMenuLink: any;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/vue/KvWwwHeaderBasic/AboutMenu2.js

@@ -0,0 +1,33 @@
+import { inject as t } from "vue";
+import c from "../KvWwwHeader/KvHeaderMenuLink.js";
+const n = [
+  { label: "About us", href: "/about", action: "click-About-About us" },
+  { label: "How Kiva works", href: "/about/how", action: "click-About-How Kiva works" },
+  { label: "Where Kiva works", href: "/about/where-kiva-works", action: "click-About-Where Kiva works" },
+  { label: "Impact", href: "/impact", action: "click-About-Impact" },
+  { label: "Leadership", href: "/about/leadership", action: "click-About-Leadership" },
+  { label: "Finances", href: "/about/finances", action: "click-About-Finances" },
+  { label: "Press", href: "/about/press-center", action: "click-About-Press" },
+  { label: "Due diligence", href: "/about/due-diligence", action: "click-About-Due diligence" }
+], u = {
+  name: "AboutMenu",
+  components: { KvHeaderMenuLink: c },
+  props: {
+    isMobile: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["closing-menu"],
+  setup(l, { emit: e }) {
+    const o = t("$kvTrackEvent", () => {
+    });
+    function a(i) {
+      o("TopNav", i), e("closing-menu");
+    }
+    return { links: n, onLinkClick: a };
+  }
+};
+export {
+  u as default
+};

package/dist/vue/KvWwwHeaderBasic/KvWwwHeaderBasic.css

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

package/dist/vue/KvWwwHeaderBasic/KvWwwHeaderBasic.js

@@ -0,0 +1,105 @@
+import f from "./KvWwwHeaderBasic2.js";
+import { resolveComponent as l, openBlock as d, createBlock as u, withCtx as a, createElementVNode as s, normalizeStyle as m, createVNode as r, Transition as g, withDirectives as b, vShow as v, normalizeClass as k, resolveDynamicComponent as y, withModifiers as M } from "vue";
+import "./KvWwwHeaderBasic.css";
+import C from "../../_virtual/_plugin-vue_export-helper.js";
+function I(t, o, e, n, L, D) {
+  const w = l("link-bar"), h = l("kv-page-container"), c = l("kv-theme-provider");
+  return d(), u(c, {
+    tag: "div",
+    class: "tw-bg-primary"
+  }, {
+    default: a(() => [
+      s("nav", {
+        ref: "navRef",
+        class: "tw-font-medium tw-relative tw-border-b tw-border-tertiary",
+        style: m({ minHeight: n.MIN_HEADER_HEIGHT })
+      }, [
+        r(h, null, {
+          default: a(() => [
+            r(g, { name: "header-fade" }, {
+              default: a(() => [
+                b(r(w, {
+                  "logged-in": e.loggedIn,
+                  "basket-count": e.basketCount,
+                  balance: e.balance,
+                  "user-id": e.userId,
+                  "is-borrower": e.isBorrower,
+                  "is-trustee": e.isTrustee,
+                  "lender-name": e.lenderName,
+                  "lender-image-url": e.lenderImageUrl,
+                  "is-user-data-loading": e.isUserDataLoading,
+                  "is-basket-data-loading": e.isBasketDataLoading,
+                  "show-m-g-upsell-link": e.showMGUpsellLink,
+                  "login-url": e.loginUrl,
+                  "my-dashboard-url": e.myDashboardUrl,
+                  "countries-not-lent-to-url": e.countriesNotLentToUrl,
+                  "app-origin": e.appOrigin,
+                  "search-suggestions": e.searchSuggestions,
+                  "is-mobile": n.isMobile,
+                  "open-menu-item": n.menuComponent,
+                  onItemHover: n.onItemHover,
+                  onLoadSearchData: o[0] || (o[0] = (i) => t.$emit("load-search-data")),
+                  onSearchSubmit: o[1] || (o[1] = (i) => t.$emit("search-submit", i))
+                }, null, 8, ["logged-in", "basket-count", "balance", "user-id", "is-borrower", "is-trustee", "lender-name", "lender-image-url", "is-user-data-loading", "is-basket-data-loading", "show-m-g-upsell-link", "login-url", "my-dashboard-url", "countries-not-lent-to-url", "app-origin", "search-suggestions", "is-mobile", "open-menu-item", "onItemHover"]), [
+                  [v, n.linksVisible]
+                ])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ], 4),
+      r(g, { name: "header-fade" }, {
+        default: a(() => [
+          b(s("div", {
+            class: "tw-absolute tw-z-modal tw-h-full tw-inset-x-0 tw-bg-eco-green-4 bg-opacity-50 tw-min-h-screen",
+            style: m({ top: n.navHeight }),
+            onTouchstart: o[8] || (o[8] = (...i) => n.handleOverlayClick && n.handleOverlayClick(...i))
+          }, [
+            s("div", {
+              ref: "menuPanelRef",
+              class: k(["tw-bg-primary tw-overflow-y-auto", n.menuPanelClass]),
+              style: m({
+                ...n.menuPosition,
+                maxHeight: n.isMobileMenuActive ? "auto" : `calc(100dvh - ${n.navHeight})`
+              }),
+              onMouseenter: o[6] || (o[6] = (i) => n.setMenu(n.menuItem, n.menuComponent)),
+              onMouseleave: o[7] || (o[7] = (i) => n.setMenu())
+            }, [
+              (d(), u(y(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,
+                "is-mobile": n.isMobile,
+                "countries-not-lent-to-url": e.countriesNotLentToUrl,
+                "use-mobile-mega-menu": !0,
+                "app-origin": e.appOrigin,
+                "search-suggestions": e.searchSuggestions,
+                onLoadLendMenuData: n.emitLendMenuEvent,
+                onLoadSearchData: o[2] || (o[2] = (i) => t.$emit("load-search-data")),
+                onSearchSubmit: o[3] || (o[3] = (i) => t.$emit("search-submit", i)),
+                onClosingMenu: o[4] || (o[4] = (i) => n.setMenu()),
+                onTouchstart: o[5] || (o[5] = M(() => {
+                }, ["stop"]))
+              }, 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", "app-origin", "search-suggestions", "onLoadLendMenuData"]))
+            ], 38)
+          ], 36), [
+            [v, n.menuOpen]
+          ])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const B = /* @__PURE__ */ C(f, [["render", I], ["__scopeId", "data-v-eadac17f"]]);
+export {
+  B as default
+};