@kiva/kv-components 6.46.0 → 6.47.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,13 +1,19 @@
1
- import { defineAsyncComponent as f, ref as i, onMounted as B, resolveComponent as g, resolveDirective as C, openBlock as l, createElementBlock as a, normalizeClass as o, createVNode as s, createCommentVNode as v, withDirectives as c, createTextVNode as h, createElementVNode as w } from "vue";
2
- import { mdiAccountCircle as p, mdiChevronDown as N, mdiMagnify as S, mdiMenu as T } from "@mdi/js";
3
- import U from "../KvMaterialIcon.js";
4
- import A from "../KvIconBag.js";
1
+ import { defineAsyncComponent as f, ref as l, computed as O, onMounted as S, onUnmounted as E, resolveComponent as M, resolveDirective as P, openBlock as t, createElementBlock as m, withDirectives as d, normalizeClass as g, createVNode as U, createBlock as b, withCtx as H, createTextVNode as c, createElementVNode as B, createCommentVNode as v, toDisplayString as V } from "vue";
2
+ import { mdiAccountCircle as z, mdiChevronDown as W, mdiMagnify as j, mdiMenu as F } from "@mdi/js";
3
+ import q from "numeral";
4
+ import G from "../KvMaterialIcon.js";
5
+ import J from "../KvIconBag.js";
6
+ import Q from "./KvHeaderDropdownLink.js";
7
+ import R from "../KvUserAvatar.js";
8
+ import { throttle as X } from "../../utils/throttle.js";
5
9
  import "./KvHeaderLinkBar.css";
6
- import D from "../../_virtual/_plugin-vue_export-helper.js";
7
- const V = f(() => import("./KvHeaderMobileMenu.js")), _ = f(() => import("./KvHeaderMyKivaMenu.js")), E = f(() => import("./LendMenu/KvLendMenu.js")), W = {
10
+ import Y from "../../_virtual/_plugin-vue_export-helper.js";
11
+ const Z = f(() => import("./KvHeaderMobileMenu.js")), T = f(() => import("./KvHeaderMyKivaMenu.js")), $ = f(() => import("./LendMenu/KvLendMenu.js")), ee = f(() => import("./KvHeaderTakeActionMenu.js")), ne = f(() => import("./KvHeaderAboutMenu.js")), C = 118, oe = {
8
12
  components: {
9
- KvMaterialIcon: U,
10
- KvIconBag: A
13
+ KvMaterialIcon: G,
14
+ KvIconBag: J,
15
+ KvHeaderDropdownLink: Q,
16
+ KvUserAvatar: R
11
17
  },
12
18
  props: {
13
19
  loggedIn: {
@@ -25,154 +31,197 @@ const V = f(() => import("./KvHeaderMobileMenu.js")), _ = f(() => import("./KvHe
25
31
  loginUrl: {
26
32
  type: String,
27
33
  default: "/ui-login"
34
+ },
35
+ myDashboardUrl: {
36
+ type: String,
37
+ default: "/mykiva"
38
+ },
39
+ lenderName: {
40
+ type: String,
41
+ default: ""
42
+ },
43
+ lenderImageUrl: {
44
+ type: String,
45
+ default: ""
46
+ },
47
+ isMobile: {
48
+ type: Boolean,
49
+ default: !1
50
+ },
51
+ balance: {
52
+ type: Number,
53
+ default: 0
28
54
  }
29
55
  },
30
56
  emits: [
31
- "item-hover",
32
- "open-search"
57
+ "item-hover"
33
58
  ],
34
- setup(y, { emit: e }) {
35
- const t = i(null), n = i(null), M = i(null), b = i(null), d = i(null), k = i(null), u = i(null), r = i(null), I = i(null), x = i(null), K = (m, H) => {
36
- e("item-hover", m, H);
37
- }, L = () => {
38
- var m;
39
- e("open-search", (m = r.value) == null ? void 0 : m.offsetLeft);
40
- };
41
- return B(() => {
42
- import("./KvHeaderMobileMenu.js"), import("./KvHeaderMyKivaMenu.js"), import("./LendMenu/KvLendMenu.js");
59
+ setup(u, { emit: o }) {
60
+ const e = l(null), n = l(null), I = l(null), x = l(null), p = l(null), s = l(null), y = l(null), h = l(null), i = l(null), a = (r, w, k = null) => {
61
+ o("item-hover", r, w, k);
62
+ }, K = () => {
63
+ var L, _;
64
+ const r = (_ = (L = e.value) == null ? void 0 : L.userAvatar) == null ? void 0 : _.getBoundingClientRect();
65
+ let w = null, k = !1;
66
+ if (r) {
67
+ const N = (r == null ? void 0 : r.left) + (r == null ? void 0 : r.width) / 2 - C / 2;
68
+ N + C > window.outerWidth && (k = !0), w = {
69
+ ...k ? { right: 0 } : { left: u.isMobile ? 0 : `${N}px` },
70
+ borderRadius: "0px 0px 8px 8px",
71
+ width: `${u.isMobile ? "100%" : "auto"}`
72
+ };
73
+ }
74
+ a(e.value, T, w);
75
+ }, A = X(() => {
76
+ u.openMenuItem && K();
77
+ }, 50), D = O(() => u.isMobile ? void 0 : "/lend-by-category");
78
+ return S(() => {
79
+ import("./KvHeaderMobileMenu.js"), import("./KvHeaderMyKivaMenu.js"), import("./LendMenu/KvLendMenu.js"), import("./KvHeaderTakeActionMenu.js"), import("./KvHeaderAboutMenu.js"), window.addEventListener("resize", A);
80
+ }), E(() => {
81
+ window.removeEventListener("resize", A);
43
82
  }), {
44
- mdiAccountCircle: p,
45
- mdiChevronDown: N,
46
- mdiMagnify: S,
47
- mdiMenu: T,
48
- onHover: K,
49
- openSearch: L,
50
- avatar: t,
83
+ numeral: q,
84
+ mdiAccountCircle: z,
85
+ mdiChevronDown: W,
86
+ mdiMagnify: j,
87
+ mdiMenu: F,
88
+ onHover: a,
89
+ avatar: e,
51
90
  lendButton: n,
52
- aboutUsLink: M,
53
- partnerWithUsLink: b,
54
- borrowLink: d,
55
- supportKivaLink: k,
56
- basketLink: u,
57
- searchButton: r,
58
- signInLink: I,
59
- menuButton: x,
60
- KvHeaderMobileMenu: V,
61
- KvHeaderMyKivaMenu: _,
62
- KvLendMenu: E
91
+ aboutUsLink: I,
92
+ partnerWithUsLink: x,
93
+ borrowLink: p,
94
+ supportKivaLink: s,
95
+ basketLink: y,
96
+ signInLink: h,
97
+ menuButton: i,
98
+ lendUrl: D,
99
+ handleAvatarMenuPosition: K,
100
+ KvHeaderMobileMenu: Z,
101
+ KvHeaderMyKivaMenu: T,
102
+ KvLendMenu: $,
103
+ KvHeaderTakeActionMenu: ee,
104
+ KvHeaderAboutMenu: ne
63
105
  };
64
106
  }
65
- }, j = { class: "tw-h-full tw-flex tw-items-center" }, z = ["href"];
66
- function F(y, e, t, n, M, b) {
67
- const d = g("kv-material-icon"), k = g("kv-icon-bag"), u = C("kv-track-event");
68
- return l(), a("div", j, [
69
- t.loggedIn ? (l(), a("button", {
70
- key: 0,
71
- ref: "avatar",
72
- class: o(["header-link lg:tw-order-last tw-inline-flex", {
73
- "tw-text-tertiary": t.openMenuItem && t.openMenuItem !== n.KvHeaderMyKivaMenu
74
- }]),
75
- onMouseover: e[0] || (e[0] = (r) => n.onHover(n.avatar, n.KvHeaderMyKivaMenu)),
76
- onMouseout: e[1] || (e[1] = (r) => n.onHover())
77
- }, [
78
- s(d, {
79
- icon: n.mdiAccountCircle,
80
- class: "tw-w-3"
81
- }, null, 8, ["icon"])
82
- ], 34)) : v("", !0),
83
- c((l(), a("a", {
84
- ref: "lendButton",
85
- href: "/lend-by-category",
86
- class: o(["tw-px-1.5 tw-py-1 tw-mx-1 tw-border-2 tw-text-eco-green-3 tw-border-current tw-no-underline hover:tw-no-underline tw-inline-flex tw-items-center", {
87
- "tw-text-tertiary": t.openMenuItem && t.openMenuItem !== n.KvLendMenu
107
+ }, te = { class: "tw-h-full tw-flex tw-items-center" }, ie = ["href"], re = {
108
+ key: 0,
109
+ class: "tw-bg-eco-green-1 tw-py-0.5 tw-px-1 tw-text-eco-green-4"
110
+ }, le = ["href"];
111
+ function ae(u, o, e, n, I, x) {
112
+ const p = M("kv-material-icon"), s = M("KvHeaderDropdownLink"), y = M("kv-icon-bag"), h = M("KvUserAvatar"), i = P("kv-track-event");
113
+ return t(), m("div", te, [
114
+ d((t(), m("button", {
115
+ ref: "menuButton",
116
+ class: g(["header-link tw-inline-flex lg:tw-hidden", {
117
+ "tw-text-tertiary": e.openMenuItem && e.openMenuItem !== n.KvHeaderMobileMenu
88
118
  }]),
89
- style: { "border-radius": "1rem" },
90
- onMouseover: e[2] || (e[2] = (r) => n.onHover(n.lendButton, n.KvLendMenu)),
91
- onMouseout: e[3] || (e[3] = (r) => n.onHover())
119
+ onMouseover: o[0] || (o[0] = (a) => n.onHover(n.menuButton, n.KvHeaderMobileMenu)),
120
+ onMouseout: o[1] || (o[1] = (a) => n.onHover())
92
121
  }, [
93
- e[7] || (e[7] = h(" Lend ")),
94
- e[8] || (e[8] = w("span", { class: "tw-hidden lg:tw-inline tw-ml-0.5" }, "now", -1)),
95
- s(d, {
96
- class: o(["tw-hidden md:tw-inline tw-w-3 tw-ml-0.5 tw-transition-transform tw-duration-300", { "tw-rotate-180": t.openMenuItem === n.KvLendMenu }]),
97
- icon: n.mdiChevronDown
98
- }, null, 8, ["class", "icon"])
122
+ U(p, { icon: n.mdiMenu }, null, 8, ["icon"])
99
123
  ], 34)), [
100
- [u, ["TopNav", "click-Lend"]]
124
+ [i, e.openMenuItem === n.KvHeaderMobileMenu ? ["TopNav", "click-Hamburger-menu"] : null]
125
+ ]),
126
+ d((t(), b(s, {
127
+ "ref-name": "lendButton",
128
+ href: n.lendUrl,
129
+ "menu-component": n.KvLendMenu,
130
+ "open-menu-item": e.openMenuItem,
131
+ "dropdown-icon": n.mdiChevronDown,
132
+ "base-class": "tw-inline-flex",
133
+ onOnHover: n.onHover
134
+ }, {
135
+ default: H(() => o[4] || (o[4] = [
136
+ c(" Lend ")
137
+ ])),
138
+ _: 1
139
+ }, 8, ["href", "menu-component", "open-menu-item", "dropdown-icon", "onOnHover"])), [
140
+ [i, ["TopNav", "click-Lend"]]
141
+ ]),
142
+ d((t(), b(s, {
143
+ "ref-name": "takeActionButton",
144
+ "base-class": "tw-hidden lg:tw-inline-flex",
145
+ "menu-component": n.KvHeaderTakeActionMenu,
146
+ "open-menu-item": e.openMenuItem,
147
+ "dropdown-icon": n.mdiChevronDown,
148
+ "send-link-position": "",
149
+ onOnHover: n.onHover
150
+ }, {
151
+ default: H(() => o[5] || (o[5] = [
152
+ c(" Take action ")
153
+ ])),
154
+ _: 1
155
+ }, 8, ["menu-component", "open-menu-item", "dropdown-icon", "onOnHover"])), [
156
+ [i, ["TopNav", "click-TakeAction"]]
157
+ ]),
158
+ d((t(), b(s, {
159
+ "ref-name": "aboutUsLink",
160
+ "base-class": "tw-hidden lg:tw-inline-flex",
161
+ "menu-component": n.KvHeaderAboutMenu,
162
+ "open-menu-item": e.openMenuItem,
163
+ "dropdown-icon": n.mdiChevronDown,
164
+ "send-link-position": "",
165
+ onOnHover: n.onHover
166
+ }, {
167
+ default: H(() => o[6] || (o[6] = [
168
+ c(" About ")
169
+ ])),
170
+ _: 1
171
+ }, 8, ["menu-component", "open-menu-item", "dropdown-icon", "onOnHover"])), [
172
+ [i, ["TopNav", "click-About"]]
101
173
  ]),
102
- w("a", {
103
- ref: "aboutUsLink",
104
- href: "/about",
105
- class: o(["header-link tw-hidden lg:tw-block", { "tw-text-tertiary": !!t.openMenuItem }])
106
- }, " About us ", 2),
107
- w("a", {
108
- ref: "partnerWithUsLink",
109
- href: "/about/partner-with-us",
110
- class: o(["header-link tw-hidden lg:tw-block", { "tw-text-tertiary": !!t.openMenuItem }])
111
- }, " Partner with us ", 2),
112
- e[10] || (e[10] = w("div", { class: "tw-flex-1 tw-h-full" }, null, -1)),
113
- t.loggedIn ? v("", !0) : (l(), a("a", {
174
+ o[9] || (o[9] = B("div", { class: "tw-flex-1 tw-h-full" }, null, -1)),
175
+ e.loggedIn ? d((t(), m("a", {
176
+ key: 0,
177
+ ref: "dashboardLink",
178
+ href: e.myDashboardUrl,
179
+ class: g(["header-link tw-hidden lg:tw-block", { "tw-text-tertiary": !!e.openMenuItem }])
180
+ }, o[7] || (o[7] = [
181
+ c(" My dashboard ")
182
+ ]), 10, ie)), [
183
+ [i, ["TopNav", "click-Dashboard"]]
184
+ ]) : v("", !0),
185
+ e.basketCount > 0 ? d((t(), m("a", {
114
186
  key: 1,
115
- ref: "borrowLink",
116
- href: "/borrow",
117
- class: o(["header-link tw-hidden lg:tw-block", { "tw-text-tertiary": !!t.openMenuItem }])
118
- }, " Borrow ", 2)),
119
- w("a", {
120
- ref: "supportKivaLink",
121
- href: "/donate/supportus",
122
- class: o(["header-link tw-hidden lg:tw-block", { "tw-text-tertiary": !!t.openMenuItem }])
123
- }, " Support Kiva ", 2),
124
- t.basketCount > 0 ? c((l(), a("a", {
125
- key: 2,
126
187
  ref: "basketLink",
127
188
  href: "/basket",
128
- class: o(["header-link tw-relative", { "tw-text-tertiary": !!t.openMenuItem }])
189
+ class: g(["header-link tw-relative", { "tw-text-tertiary": !!e.openMenuItem }])
129
190
  }, [
130
- s(k, {
191
+ U(y, {
131
192
  class: "tw-w-3 tw-h-3 tw-pointer-events-none",
132
- count: t.basketCount
193
+ count: e.basketCount
133
194
  }, null, 8, ["count"])
134
195
  ], 2)), [
135
- [u, ["TopNav", "click-Basket"]]
196
+ [i, ["TopNav", "click-Basket"]]
136
197
  ]) : v("", !0),
137
- c((l(), a("button", {
138
- ref: "searchButton",
139
- class: o(["header-link tw-flex", {
140
- "tw-text-tertiary": !!t.openMenuItem
141
- }]),
142
- onClick: e[4] || (e[4] = (...r) => n.openSearch && n.openSearch(...r))
198
+ B("div", {
199
+ class: "tw-cursor-pointer tw-flex tw-items-center tw-gap-1",
200
+ onMouseover: o[2] || (o[2] = (...a) => n.handleAvatarMenuPosition && n.handleAvatarMenuPosition(...a)),
201
+ onMouseout: o[3] || (o[3] = (a) => n.onHover())
143
202
  }, [
144
- s(d, {
145
- class: "tw-w-3 tw-h-3",
146
- icon: n.mdiMagnify
147
- }, null, 8, ["icon"])
148
- ], 2)), [
149
- [u, ["TopNav", "click-Search-toggle"]]
150
- ]),
151
- t.loggedIn ? v("", !0) : c((l(), a("a", {
152
- key: 3,
203
+ e.loggedIn ? (t(), m("span", re, V(n.numeral(e.balance).format("$0")), 1)) : v("", !0),
204
+ e.loggedIn ? (t(), b(h, {
205
+ key: 1,
206
+ ref: "avatar",
207
+ "lender-name": e.lenderName,
208
+ "lender-image-url": e.lenderImageUrl,
209
+ "is-small": ""
210
+ }, null, 8, ["lender-name", "lender-image-url"])) : v("", !0)
211
+ ], 32),
212
+ e.loggedIn ? v("", !0) : d((t(), m("a", {
213
+ key: 2,
153
214
  ref: "signInLink",
154
- href: t.loginUrl,
155
- class: o(["header-link tw-hidden lg:tw-block", { "tw-text-tertiary": !!t.openMenuItem }])
156
- }, e[9] || (e[9] = [
157
- h(" Sign in ")
158
- ]), 10, z)), [
159
- [u, ["TopNav", "click-Sign-in"]]
160
- ]),
161
- c((l(), a("button", {
162
- ref: "menuButton",
163
- class: o(["header-link tw-inline-flex lg:tw-hidden", {
164
- "tw-text-tertiary": t.openMenuItem && t.openMenuItem !== n.KvHeaderMobileMenu
165
- }]),
166
- onMouseover: e[5] || (e[5] = (r) => n.onHover(n.menuButton, n.KvHeaderMobileMenu)),
167
- onMouseout: e[6] || (e[6] = (r) => n.onHover())
168
- }, [
169
- s(d, { icon: n.mdiMenu }, null, 8, ["icon"])
170
- ], 34)), [
171
- [u, t.openMenuItem === n.KvHeaderMobileMenu ? ["TopNav", "click-Hamburger-menu"] : null]
215
+ href: e.loginUrl,
216
+ class: g(["header-link", { "tw-text-tertiary": !!e.openMenuItem }])
217
+ }, o[8] || (o[8] = [
218
+ c(" Sign in ")
219
+ ]), 10, le)), [
220
+ [i, ["TopNav", "click-Sign-in"]]
172
221
  ])
173
222
  ]);
174
223
  }
175
- const R = /* @__PURE__ */ D(W, [["render", F], ["__scopeId", "data-v-ed7c52d8"]]);
224
+ const pe = /* @__PURE__ */ Y(oe, [["render", ae], ["__scopeId", "data-v-1ecf0a38"]]);
176
225
  export {
177
- R as default
226
+ pe as default
178
227
  };
@@ -0,0 +1 @@
1
+ .mobile-link[data-v-c9569b42]{--tw-text-opacity: 1;color:rgba(var(--text-primary),var(--tw-text-opacity, 1));text-decoration-line:none}.mobile-link[data-v-c9569b42]:hover{--tw-text-opacity: 1;color:rgba(var(--text-action),var(--tw-text-opacity, 1));text-decoration-line:none}
@@ -1,9 +1,10 @@
1
- import s from "./KvHeaderMenuLink.js";
2
- import { resolveComponent as f, resolveDirective as m, openBlock as t, createElementBlock as p, withDirectives as r, createBlock as i, withCtx as l, createTextVNode as u, createCommentVNode as d } from "vue";
3
- import v from "../../_virtual/_plugin-vue_export-helper.js";
4
- const k = {
1
+ import m from "../KvAccordionItem.js";
2
+ 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";
3
+ import "./KvHeaderMobileMenu.css";
4
+ import h from "../../_virtual/_plugin-vue_export-helper.js";
5
+ const b = {
5
6
  components: {
6
- KvHeaderMenuLink: s
7
+ KvAccordionItem: m
7
8
  },
8
9
  props: {
9
10
  loggedIn: {
@@ -14,60 +15,139 @@ const k = {
14
15
  type: String,
15
16
  default: "/ui-login"
16
17
  }
18
+ },
19
+ data() {
20
+ return {
21
+ menuItems: [
22
+ {
23
+ title: "Choose someone to help",
24
+ description: "Make a direct impact for someone in need",
25
+ url: "/lend-by-category",
26
+ trackEvent: "choose-someone-to-help"
27
+ },
28
+ {
29
+ title: "Donate to Kiva",
30
+ description: "Help us change lives and tackle inequality",
31
+ url: "/donate/supportus",
32
+ trackEvent: "donate-to-kiva"
33
+ },
34
+ {
35
+ title: "Partner with us",
36
+ description: "Drive global impact aligned with your organization’s goals",
37
+ url: "/about/partner-with-us",
38
+ trackEvent: "partner-with-us"
39
+ },
40
+ {
41
+ title: "Buy a Kiva Card",
42
+ description: "Share the joy of lending with others",
43
+ url: "/portfolio/kiva-card",
44
+ trackEvent: "buy-a-kiva-card"
45
+ }
46
+ ]
47
+ };
17
48
  }
18
- }, c = { class: "tw--mt-0.5 tw-pb-0.5 tw-flex tw-flex-col tw-items-end lg:tw-hidden tw-font-medium" };
19
- function w(_, e, a, g, b, x) {
20
- const o = f("kv-header-menu-link"), n = m("kv-track-event");
21
- return t(), p("nav", c, [
22
- a.loggedIn ? d("", !0) : r((t(), i(o, {
23
- key: 0,
24
- href: a.loginUrl
25
- }, {
26
- default: l(() => e[0] || (e[0] = [
27
- u(" Sign in ")
28
- ])),
29
- _: 1
30
- }, 8, ["href"])), [
31
- [n, ["TopNav", "click-menu-Sign-in"]]
32
- ]),
33
- r((t(), i(o, { href: "/donate/supportus" }, {
34
- default: l(() => e[1] || (e[1] = [
35
- u(" Support Kiva ")
36
- ])),
37
- _: 1
38
- })), [
39
- [n, ["TopNav", "click-menu-Support-kiva"]]
40
- ]),
41
- a.loggedIn ? d("", !0) : r((t(), i(o, {
42
- key: 1,
43
- href: "/borrow"
44
- }, {
45
- default: l(() => e[2] || (e[2] = [
46
- u(" Borrow ")
47
- ])),
48
- _: 1
49
- })), [
50
- [n, ["TopNav", "click-menu-Borrow"]]
51
- ]),
52
- r((t(), i(o, { href: "/about" }, {
53
- default: l(() => e[3] || (e[3] = [
54
- u(" About us ")
49
+ }, _ = { 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 = {
50
+ href: "/about",
51
+ class: "mobile-link"
52
+ }, I = {
53
+ href: "/about/how",
54
+ class: "mobile-link"
55
+ }, K = {
56
+ href: "/about/where-kiva-works",
57
+ class: "mobile-link"
58
+ }, E = {
59
+ href: "/impact",
60
+ class: "mobile-link"
61
+ }, D = {
62
+ href: "/about/leadership",
63
+ class: "mobile-link"
64
+ }, A = {
65
+ href: "/about/finances",
66
+ class: "mobile-link"
67
+ }, B = {
68
+ href: "/about/press-center",
69
+ class: "mobile-link"
70
+ }, C = {
71
+ href: "/about/due-diligence",
72
+ class: "mobile-link"
73
+ };
74
+ function $(H, e, M, S, p, V) {
75
+ const c = k("KvAccordionItem"), i = v("kv-track-event");
76
+ return t(), o("nav", _, [
77
+ d(c, { class: "tw-w-full tw-border-b-0" }, {
78
+ header: a(() => e[0] || (e[0] = [
79
+ l("h3", null, "Take action", -1)
55
80
  ])),
81
+ default: a(() => [
82
+ l("div", g, [
83
+ (t(!0), o(w, null, f(p.menuItems, (r) => n((t(), o("div", {
84
+ key: r.title
85
+ }, [
86
+ l("a", {
87
+ href: r.url,
88
+ class: "mobile-link"
89
+ }, u(r.title), 9, x),
90
+ l("p", y, u(r.description), 1)
91
+ ])), [
92
+ [i, ["TopNav", `click-menu-${r.trackEvent}`]]
93
+ ])), 128))
94
+ ])
95
+ ]),
56
96
  _: 1
57
- })), [
58
- [n, ["TopNav", "click-menu-About-us"]]
59
- ]),
60
- r((t(), i(o, { href: "/about/partner-with-us" }, {
61
- default: l(() => e[4] || (e[4] = [
62
- u(" Partner with us ")
97
+ }),
98
+ d(c, { class: "tw-w-full" }, {
99
+ header: a(() => e[1] || (e[1] = [
100
+ l("h3", null, "About", -1)
63
101
  ])),
102
+ default: a(() => [
103
+ l("div", N, [
104
+ n((t(), o("a", T, e[2] || (e[2] = [
105
+ s("About us")
106
+ ]))), [
107
+ [i, ["TopNav", "click-menu-about-us"]]
108
+ ]),
109
+ n((t(), o("a", I, e[3] || (e[3] = [
110
+ s("How Kiva works")
111
+ ]))), [
112
+ [i, ["TopNav", "click-menu-how-kiva-works"]]
113
+ ]),
114
+ n((t(), o("a", K, e[4] || (e[4] = [
115
+ s("Where Kiva works")
116
+ ]))), [
117
+ [i, ["TopNav", "click-menu-where-kiva-works"]]
118
+ ]),
119
+ n((t(), o("a", E, e[5] || (e[5] = [
120
+ s("Impact")
121
+ ]))), [
122
+ [i, ["TopNav", "click-menu-impact"]]
123
+ ]),
124
+ n((t(), o("a", D, e[6] || (e[6] = [
125
+ s("Leadership")
126
+ ]))), [
127
+ [i, ["TopNav", "click-menu-leadership"]]
128
+ ]),
129
+ n((t(), o("a", A, e[7] || (e[7] = [
130
+ s("Finances")
131
+ ]))), [
132
+ [i, ["TopNav", "click-menu-finances"]]
133
+ ]),
134
+ n((t(), o("a", B, e[8] || (e[8] = [
135
+ s("Press")
136
+ ]))), [
137
+ [i, ["TopNav", "click-menu-press"]]
138
+ ]),
139
+ n((t(), o("a", C, e[9] || (e[9] = [
140
+ s("Due diligence")
141
+ ]))), [
142
+ [i, ["TopNav", "click-menu-due-diligence"]]
143
+ ])
144
+ ])
145
+ ]),
64
146
  _: 1
65
- })), [
66
- [n, ["TopNav", "click-menu-Partner-with-us"]]
67
- ])
147
+ })
68
148
  ]);
69
149
  }
70
- const T = /* @__PURE__ */ v(k, [["render", w]]);
150
+ const q = /* @__PURE__ */ h(b, [["render", $], ["__scopeId", "data-v-c9569b42"]]);
71
151
  export {
72
- T as default
152
+ q as default
73
153
  };