@kiva/kv-components 9.0.3 → 9.1.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.
Files changed (35) hide show
  1. package/dist/utils/headerMenuTiming.d.ts +6 -0
  2. package/dist/utils/headerMenuTiming.js +9 -0
  3. package/dist/utils/useHeaderMenuGroup.d.ts +27 -0
  4. package/dist/utils/useHeaderMenuGroup.js +68 -0
  5. package/dist/utils/useHeaderMenuPlacement.d.ts +6 -0
  6. package/dist/utils/useHeaderMenuPlacement.js +30 -0
  7. package/dist/utils/useHeaderMenuState.d.ts +10 -0
  8. package/dist/utils/useHeaderMenuState.js +21 -0
  9. package/dist/utils/useHoverIntent.d.ts +5 -0
  10. package/dist/utils/useHoverIntent.js +17 -0
  11. package/dist/utils/useOutsidePointerDown.d.ts +2 -0
  12. package/dist/utils/useOutsidePointerDown.js +19 -0
  13. package/dist/utils/usePointerType.d.ts +5 -0
  14. package/dist/utils/usePointerType.js +19 -0
  15. package/dist/vue/KvWwwHeader/LendMenu/KvLendMenu2.js +62 -61
  16. package/dist/vue/KvWwwHeaderBasic/HeaderMenuGroup.css +1 -0
  17. package/dist/vue/KvWwwHeaderBasic/HeaderMenuGroup.js +35 -0
  18. package/dist/vue/KvWwwHeaderBasic/HeaderMenuGroup.vue.d.ts +25 -0
  19. package/dist/vue/KvWwwHeaderBasic/HeaderMenuGroup2.js +37 -0
  20. package/dist/vue/KvWwwHeaderBasic/KvWwwHeaderBasic.css +1 -1
  21. package/dist/vue/KvWwwHeaderBasic/KvWwwHeaderBasic.js +29 -75
  22. package/dist/vue/KvWwwHeaderBasic/KvWwwHeaderBasic2.js +37 -92
  23. package/dist/vue/KvWwwHeaderBasic/LinkBar.css +1 -1
  24. package/dist/vue/KvWwwHeaderBasic/LinkBar.js +206 -132
  25. package/dist/vue/KvWwwHeaderBasic/LinkBar.vue.d.ts +226 -185
  26. package/dist/vue/KvWwwHeaderBasic/LinkBar2.js +69 -96
  27. package/dist/vue/KvWwwHeaderBasic/MobileLendMenu/MobileLendMenu.vue.d.ts +9 -1
  28. package/dist/vue/KvWwwHeaderBasic/MobileLendMenu/SearchPanel.js +12 -11
  29. package/dist/vue/KvWwwHeaderBasic/MobileLendMenu/SearchPanel.vue.d.ts +9 -1
  30. package/dist/vue/KvWwwHeaderBasic/SearchBar.js +12 -12
  31. package/dist/vue/KvWwwHeaderBasic/SearchBar.vue.d.ts +9 -1
  32. package/dist/vue/KvWwwHeaderBasic/SearchBar2.js +49 -43
  33. package/package.json +3 -4
  34. package/dist/utils/useHeaderBasicMenuState.d.ts +0 -3197
  35. package/dist/utils/useHeaderBasicMenuState.js +0 -30
@@ -1,5 +1,8 @@
1
1
  import { default as numeral } from 'numeral';
2
2
  import { NavLink } from '../../../../../../../../../../src/utils/headerNavLinks';
3
+ interface LendMenuInstance {
4
+ onLoad?(apollo: unknown): void;
5
+ }
3
6
  declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
4
7
  loggedIn: {
5
8
  type: BooleanConstructor;
@@ -25,6 +28,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
25
28
  type: BooleanConstructor;
26
29
  default: boolean;
27
30
  };
31
+ trusteeId: {
32
+ type: NumberConstructor;
33
+ default: any;
34
+ };
35
+ mostRecentBorrowedLoanId: {
36
+ type: NumberConstructor;
37
+ default: any;
38
+ };
28
39
  lenderName: {
29
40
  type: StringConstructor;
30
41
  default: string;
@@ -73,15 +84,226 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
73
84
  type: BooleanConstructor;
74
85
  default: boolean;
75
86
  };
76
- openMenuItem: {
77
- type: (ObjectConstructor | FunctionConstructor)[];
78
- default: any;
79
- };
80
87
  }>, {
81
88
  mdiMenu: string;
82
89
  mdiChevronDown: string;
83
90
  mdiBriefcase: string;
91
+ rootRef: import('vue').ShallowRef<HTMLElement, HTMLElement>;
92
+ lendMenuInstance: import('vue').Ref<{
93
+ onLoad?: (apollo: unknown) => void;
94
+ }, LendMenuInstance | {
95
+ onLoad?: (apollo: unknown) => void;
96
+ }>;
97
+ menuTimingVars: any;
98
+ pointerType: any;
84
99
  mdiAccountCircle: string;
100
+ visiblePrimaryLinks: import('vue').ComputedRef<any>;
101
+ formattedBalance: import('vue').ComputedRef<any>;
102
+ track: (action: string, label: string) => void;
103
+ loadMenuData: (apollo: unknown) => void;
104
+ avatarMode: import('vue').ComputedRef<"loaded" | "esi" | "skeleton">;
105
+ onPrimaryClick: (link: NavLink) => void;
106
+ onLoginClick: (event: MouseEvent) => void;
107
+ onBasketClick: () => void;
108
+ onSupportKivaClick: () => void;
109
+ onLogoClick: () => void;
110
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("load-search-data" | "search-submit" | "load-lend-menu-data" | "login-click")[], "load-search-data" | "search-submit" | "load-lend-menu-data" | "login-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
111
+ loggedIn: {
112
+ type: BooleanConstructor;
113
+ default: boolean;
114
+ };
115
+ basketCount: {
116
+ type: NumberConstructor;
117
+ default: number;
118
+ };
119
+ balance: {
120
+ type: NumberConstructor;
121
+ default: number;
122
+ };
123
+ userId: {
124
+ type: NumberConstructor;
125
+ default: any;
126
+ };
127
+ isBorrower: {
128
+ type: BooleanConstructor;
129
+ default: boolean;
130
+ };
131
+ isTrustee: {
132
+ type: BooleanConstructor;
133
+ default: boolean;
134
+ };
135
+ trusteeId: {
136
+ type: NumberConstructor;
137
+ default: any;
138
+ };
139
+ mostRecentBorrowedLoanId: {
140
+ type: NumberConstructor;
141
+ default: any;
142
+ };
143
+ lenderName: {
144
+ type: StringConstructor;
145
+ default: string;
146
+ };
147
+ lenderImageUrl: {
148
+ type: StringConstructor;
149
+ default: string;
150
+ };
151
+ isUserDataLoading: {
152
+ type: BooleanConstructor;
153
+ default: boolean;
154
+ };
155
+ isBasketDataLoading: {
156
+ type: BooleanConstructor;
157
+ default: boolean;
158
+ };
159
+ useEsiAvatar: {
160
+ type: BooleanConstructor;
161
+ default: boolean;
162
+ };
163
+ showMGUpsellLink: {
164
+ type: BooleanConstructor;
165
+ default: boolean;
166
+ };
167
+ loginUrl: {
168
+ type: StringConstructor;
169
+ default: string;
170
+ };
171
+ myDashboardUrl: {
172
+ type: StringConstructor;
173
+ default: string;
174
+ };
175
+ countriesNotLentToUrl: {
176
+ type: StringConstructor;
177
+ default: string;
178
+ };
179
+ appOrigin: {
180
+ type: StringConstructor;
181
+ default: string;
182
+ };
183
+ searchSuggestions: {
184
+ type: ArrayConstructor;
185
+ default: () => any[];
186
+ };
187
+ isMobile: {
188
+ type: BooleanConstructor;
189
+ default: boolean;
190
+ };
191
+ }>> & Readonly<{
192
+ "onLoad-search-data"?: (...args: any[]) => any;
193
+ "onSearch-submit"?: (...args: any[]) => any;
194
+ "onLoad-lend-menu-data"?: (...args: any[]) => any;
195
+ "onLogin-click"?: (...args: any[]) => any;
196
+ }>, {
197
+ lenderName: string;
198
+ lenderImageUrl: string;
199
+ basketCount: number;
200
+ loggedIn: boolean;
201
+ loginUrl: string;
202
+ isMobile: boolean;
203
+ balance: number;
204
+ isBorrower: boolean;
205
+ isTrustee: boolean;
206
+ myDashboardUrl: string;
207
+ userId: number;
208
+ showMGUpsellLink: boolean;
209
+ countriesNotLentToUrl: string;
210
+ searchSuggestions: unknown[];
211
+ appOrigin: string;
212
+ isBasketDataLoading: boolean;
213
+ isUserDataLoading: boolean;
214
+ trusteeId: number;
215
+ mostRecentBorrowedLoanId: number;
216
+ useEsiAvatar: boolean;
217
+ }, {}, {
218
+ KvMaterialIcon: any;
219
+ KvUserAvatar: any;
220
+ KvLoadingPlaceholder: any;
221
+ KvButton: any;
222
+ KvHeaderLogo: any;
223
+ HeaderMenuGroup: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
224
+ panelId: {
225
+ type: StringConstructor;
226
+ required: true;
227
+ };
228
+ variant: {
229
+ type: () => "full" | "card" | "drawer";
230
+ default: string;
231
+ };
232
+ }>, any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("close" | "open")[], "close" | "open", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
233
+ panelId: {
234
+ type: StringConstructor;
235
+ required: true;
236
+ };
237
+ variant: {
238
+ type: () => "full" | "card" | "drawer";
239
+ default: string;
240
+ };
241
+ }>> & Readonly<{
242
+ onOpen?: (...args: any[]) => any;
243
+ onClose?: (...args: any[]) => any;
244
+ }>, {
245
+ variant: "card" | "full" | "drawer";
246
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
247
+ SearchBar: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
248
+ searchSuggestions: {
249
+ type: () => numeral[];
250
+ default: () => any[];
251
+ };
252
+ appOrigin: {
253
+ type: StringConstructor;
254
+ default: string;
255
+ };
256
+ isMobile: {
257
+ type: BooleanConstructor;
258
+ default: boolean;
259
+ };
260
+ inputId: {
261
+ type: StringConstructor;
262
+ default: string;
263
+ };
264
+ }>, {
265
+ mdiMagnify: string;
266
+ term: any;
267
+ displayTerm: import('vue').ComputedRef<any>;
268
+ groupedResults: any;
269
+ highlighted: import('vue').ComputedRef<any>;
270
+ showResults: import('vue').ComputedRef<boolean>;
271
+ onInput: (value: string) => void;
272
+ onFocus: () => void;
273
+ onBlur: () => void;
274
+ onSubmit: () => void;
275
+ runSearch: (suggestion: numeral) => void;
276
+ listUp: () => void;
277
+ listDown: () => void;
278
+ formatResult: (suggestion: numeral) => string;
279
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("load-search-data" | "search-submit")[], "load-search-data" | "search-submit", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
280
+ searchSuggestions: {
281
+ type: () => numeral[];
282
+ default: () => any[];
283
+ };
284
+ appOrigin: {
285
+ type: StringConstructor;
286
+ default: string;
287
+ };
288
+ isMobile: {
289
+ type: BooleanConstructor;
290
+ default: boolean;
291
+ };
292
+ inputId: {
293
+ type: StringConstructor;
294
+ default: string;
295
+ };
296
+ }>> & Readonly<{
297
+ "onLoad-search-data"?: (...args: any[]) => any;
298
+ "onSearch-submit"?: (...args: any[]) => any;
299
+ }>, {
300
+ isMobile: boolean;
301
+ searchSuggestions: SearchSuggestion[];
302
+ appOrigin: string;
303
+ inputId: string;
304
+ }, {}, {
305
+ KvTextInput: any;
306
+ }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
85
307
  KvLendMenu: any;
86
308
  AboutMenu: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
87
309
  isMobile: {
@@ -247,186 +469,5 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
247
469
  KvHeaderMenuLink: any;
248
470
  }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
249
471
  }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
250
- avatarMenu: import('vue').Ref<any, any>;
251
- getAvatarMenuPosition: () => {
252
- right: string;
253
- } | null;
254
- getAvatarTriggerCenterX: () => number | null;
255
- visiblePrimaryLinks: import('vue').ComputedRef<any>;
256
- lendUrl: import('vue').ComputedRef<string>;
257
- formattedBalance: import('vue').ComputedRef<any>;
258
- avatarMode: import('vue').ComputedRef<"loaded" | "esi" | "skeleton">;
259
- lendOpenItem: import('vue').ComputedRef<Function | Record<string, any>>;
260
- aboutOpenItem: import('vue').ComputedRef<Function | Record<string, any>>;
261
- handleOnHover: (item: string, menu: unknown, position?: unknown, triggerCenterX?: number | null) => void;
262
- handleMouseOut: (item: string) => void;
263
- handleTouchStart: (item: string, menu: unknown, position?: unknown, triggerCenterX?: number | null) => void;
264
- handleEmptySpaceClick: (event: Event) => void;
265
- onPrimaryClick: (link: NavLink) => void;
266
- onLoginClick: (event: MouseEvent) => void;
267
- onBasketClick: () => void;
268
- onSupportKivaClick: () => void;
269
- onLogoClick: () => void;
270
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("load-search-data" | "search-submit" | "item-hover" | "login-click")[], "load-search-data" | "search-submit" | "item-hover" | "login-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
271
- loggedIn: {
272
- type: BooleanConstructor;
273
- default: boolean;
274
- };
275
- basketCount: {
276
- type: NumberConstructor;
277
- default: number;
278
- };
279
- balance: {
280
- type: NumberConstructor;
281
- default: number;
282
- };
283
- userId: {
284
- type: NumberConstructor;
285
- default: any;
286
- };
287
- isBorrower: {
288
- type: BooleanConstructor;
289
- default: boolean;
290
- };
291
- isTrustee: {
292
- type: BooleanConstructor;
293
- default: boolean;
294
- };
295
- lenderName: {
296
- type: StringConstructor;
297
- default: string;
298
- };
299
- lenderImageUrl: {
300
- type: StringConstructor;
301
- default: string;
302
- };
303
- isUserDataLoading: {
304
- type: BooleanConstructor;
305
- default: boolean;
306
- };
307
- isBasketDataLoading: {
308
- type: BooleanConstructor;
309
- default: boolean;
310
- };
311
- useEsiAvatar: {
312
- type: BooleanConstructor;
313
- default: boolean;
314
- };
315
- showMGUpsellLink: {
316
- type: BooleanConstructor;
317
- default: boolean;
318
- };
319
- loginUrl: {
320
- type: StringConstructor;
321
- default: string;
322
- };
323
- myDashboardUrl: {
324
- type: StringConstructor;
325
- default: string;
326
- };
327
- countriesNotLentToUrl: {
328
- type: StringConstructor;
329
- default: string;
330
- };
331
- appOrigin: {
332
- type: StringConstructor;
333
- default: string;
334
- };
335
- searchSuggestions: {
336
- type: ArrayConstructor;
337
- default: () => any[];
338
- };
339
- isMobile: {
340
- type: BooleanConstructor;
341
- default: boolean;
342
- };
343
- openMenuItem: {
344
- type: (ObjectConstructor | FunctionConstructor)[];
345
- default: any;
346
- };
347
- }>> & Readonly<{
348
- "onLoad-search-data"?: (...args: any[]) => any;
349
- "onSearch-submit"?: (...args: any[]) => any;
350
- "onItem-hover"?: (...args: any[]) => any;
351
- "onLogin-click"?: (...args: any[]) => any;
352
- }>, {
353
- lenderName: string;
354
- lenderImageUrl: string;
355
- basketCount: number;
356
- openMenuItem: Function | Record<string, any>;
357
- loggedIn: boolean;
358
- loginUrl: string;
359
- isMobile: boolean;
360
- balance: number;
361
- isBorrower: boolean;
362
- isTrustee: boolean;
363
- myDashboardUrl: string;
364
- userId: number;
365
- showMGUpsellLink: boolean;
366
- countriesNotLentToUrl: string;
367
- searchSuggestions: unknown[];
368
- appOrigin: string;
369
- isBasketDataLoading: boolean;
370
- isUserDataLoading: boolean;
371
- useEsiAvatar: boolean;
372
- }, {}, {
373
- KvMaterialIcon: any;
374
- KvUserAvatar: any;
375
- KvLoadingPlaceholder: any;
376
- KvButton: any;
377
- KvHeaderLogo: any;
378
- KvHeaderDropdownLink: any;
379
- SearchBar: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
380
- searchSuggestions: {
381
- type: () => numeral[];
382
- default: () => any[];
383
- };
384
- appOrigin: {
385
- type: StringConstructor;
386
- default: string;
387
- };
388
- isMobile: {
389
- type: BooleanConstructor;
390
- default: boolean;
391
- };
392
- }>, {
393
- mdiMagnify: string;
394
- inputId: string;
395
- term: any;
396
- displayTerm: import('vue').ComputedRef<any>;
397
- groupedResults: any;
398
- highlighted: import('vue').ComputedRef<any>;
399
- showResults: import('vue').ComputedRef<boolean>;
400
- onInput: (value: string) => void;
401
- onFocus: () => void;
402
- onBlur: () => void;
403
- onSubmit: () => void;
404
- runSearch: (suggestion: numeral) => void;
405
- listUp: () => void;
406
- listDown: () => void;
407
- formatResult: (suggestion: numeral) => string;
408
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("load-search-data" | "search-submit")[], "load-search-data" | "search-submit", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
409
- searchSuggestions: {
410
- type: () => numeral[];
411
- default: () => any[];
412
- };
413
- appOrigin: {
414
- type: StringConstructor;
415
- default: string;
416
- };
417
- isMobile: {
418
- type: BooleanConstructor;
419
- default: boolean;
420
- };
421
- }>> & Readonly<{
422
- "onLoad-search-data"?: (...args: any[]) => any;
423
- "onSearch-submit"?: (...args: any[]) => any;
424
- }>, {
425
- isMobile: boolean;
426
- searchSuggestions: SearchSuggestion[];
427
- appOrigin: string;
428
- }, {}, {
429
- KvTextInput: any;
430
- }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
431
472
  }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
432
473
  export default _default;
@@ -1,24 +1,32 @@
1
- import { defineAsyncComponent as r, inject as D, ref as m, computed as i } from "vue";
2
- import { mdiAccountCircle as E, mdiBriefcase as x, mdiChevronDown as R, mdiMenu as $ } from "@mdi/js";
3
- import H from "numeral";
4
- import _ from "../KvMaterialIcon.js";
5
- import j from "../KvUserAvatar.js";
6
- import F from "../KvLoadingPlaceholder.js";
7
- import G from "../KvButton.js";
8
- import W from "../KvWwwHeader/KvHeaderLogo.js";
9
- import X from "../KvWwwHeader/KvHeaderDropdownLink.js";
10
- import { PRIMARY_LINKS as Y } from "../../utils/headerNavLinks.js";
11
- import q from "./SearchBar.js";
12
- const v = r(() => import("../KvWwwHeader/LendMenu/KvLendMenu.js")), g = r(() => import("./AboutMenu.js")), z = r(() => import("./MyKivaMenu.js")), J = r(() => import("./MobileMenu.js")), ue = {
1
+ import { defineAsyncComponent as n, inject as N, shallowRef as b, ref as T, provide as c, computed as i } from "vue";
2
+ import { mdiAccountCircle as E, mdiBriefcase as I, mdiChevronDown as S, mdiMenu as A } from "@mdi/js";
3
+ import U from "numeral";
4
+ import h from "../KvMaterialIcon.js";
5
+ import C from "../KvUserAvatar.js";
6
+ import K from "../KvLoadingPlaceholder.js";
7
+ import _ from "../KvButton.js";
8
+ import D from "../KvWwwHeader/KvHeaderLogo.js";
9
+ import { PRIMARY_LINKS as R } from "../../utils/headerNavLinks.js";
10
+ import { MENU_TIMING_VARS as P } from "../../utils/headerMenuTiming.js";
11
+ import { HEADER_MENU_STATE as H, useHeaderMenuState as w } from "../../utils/useHeaderMenuState.js";
12
+ import { HEADER_MENU_PLACEMENT as G, useHeaderMenuPlacement as $ } from "../../utils/useHeaderMenuPlacement.js";
13
+ import { usePointerType as V } from "../../utils/usePointerType.js";
14
+ import j from "./HeaderMenuGroup.js";
15
+ import x from "./SearchBar.js";
16
+ const O = n(() => import("../KvWwwHeader/LendMenu/KvLendMenu.js")), Y = n(() => import("./AboutMenu.js")), q = n(() => import("./MyKivaMenu.js")), z = n(() => import("./MobileMenu.js")), se = {
13
17
  name: "LinkBar",
14
18
  components: {
15
- KvMaterialIcon: _,
16
- KvUserAvatar: j,
17
- KvLoadingPlaceholder: F,
18
- KvButton: G,
19
- KvHeaderLogo: W,
20
- KvHeaderDropdownLink: X,
21
- SearchBar: q
19
+ KvMaterialIcon: h,
20
+ KvUserAvatar: C,
21
+ KvLoadingPlaceholder: K,
22
+ KvButton: _,
23
+ KvHeaderLogo: D,
24
+ HeaderMenuGroup: j,
25
+ SearchBar: x,
26
+ KvLendMenu: O,
27
+ AboutMenu: Y,
28
+ MyKivaMenu: q,
29
+ MobileMenu: z
22
30
  },
23
31
  props: {
24
32
  loggedIn: { type: Boolean, default: !1 },
@@ -27,6 +35,8 @@ const v = r(() => import("../KvWwwHeader/LendMenu/KvLendMenu.js")), g = r(() =>
27
35
  userId: { type: Number, default: null },
28
36
  isBorrower: { type: Boolean, default: !1 },
29
37
  isTrustee: { type: Boolean, default: !1 },
38
+ trusteeId: { type: Number, default: null },
39
+ mostRecentBorrowedLoanId: { type: Number, default: null },
30
40
  lenderName: { type: String, default: "" },
31
41
  lenderImageUrl: { type: String, default: "" },
32
42
  isUserDataLoading: { type: Boolean, default: !1 },
@@ -38,95 +48,58 @@ const v = r(() => import("../KvWwwHeader/LendMenu/KvLendMenu.js")), g = r(() =>
38
48
  countriesNotLentToUrl: { type: String, default: "/lend/countries-not-lent" },
39
49
  appOrigin: { type: String, default: "" },
40
50
  searchSuggestions: { type: Array, default: () => [] },
41
- isMobile: { type: Boolean, default: !1 },
42
- openMenuItem: { type: [Object, Function], default: null }
51
+ isMobile: { type: Boolean, default: !1 }
43
52
  },
44
- emits: ["item-hover", "load-search-data", "search-submit", "login-click"],
45
- setup(t, { emit: l }) {
46
- const o = D("$kvTrackEvent", () => {
47
- }), a = m(null), u = m(null);
48
- function p() {
49
- const e = u.value, n = e == null ? void 0 : e.getBoundingClientRect();
50
- return n ? t.isMobile ? { right: "0" } : { right: `${window.innerWidth - n.right}px` } : null;
53
+ emits: ["load-lend-menu-data", "load-search-data", "search-submit", "login-click"],
54
+ setup(a, { emit: f }) {
55
+ const t = N("$kvTrackEvent", () => {
56
+ }), r = b(null), l = T(null), { pointerType: u } = V(r);
57
+ c(H, w(u)), c(G, $(r));
58
+ function m(e, o) {
59
+ t("TopNav", e, o);
51
60
  }
52
- function b() {
53
- if (t.isMobile) return null;
54
- const e = u.value, n = e == null ? void 0 : e.getBoundingClientRect();
55
- return n ? n.left + n.width / 2 : null;
61
+ const d = i(() => R.filter((e) => e.visibility === "visitor" ? !a.loggedIn : e.visibility === "loggedIn" ? a.loggedIn : !0)), p = i(() => U(Math.floor(a.balance)).format("$0")), g = i(() => a.isUserDataLoading ? a.useEsiAvatar ? "esi" : "skeleton" : "loaded");
62
+ function y(e) {
63
+ var o, s;
64
+ (s = (o = l.value) == null ? void 0 : o.onLoad) == null || s.call(o, e);
56
65
  }
57
- const k = i(() => Y.filter((e) => e.visibility === "visitor" ? !t.loggedIn : e.visibility === "loggedIn" ? t.loggedIn : !0)), h = i(() => t.isMobile ? void 0 : "/lend-by-category"), y = i(() => H(Math.floor(t.balance)).format("$0")), M = i(() => t.isUserDataLoading ? t.useEsiAvatar ? "esi" : "skeleton" : "loaded"), B = i(() => t.openMenuItem === v ? t.openMenuItem : null), L = i(() => t.openMenuItem === g ? t.openMenuItem : null), I = {
58
- menuButton: { action: "hover-Mobile-menu", label: "Mobile" },
59
- lendButton: { action: "hover-Lend-menu", label: "Lend" },
60
- aboutLink: { action: "hover-About-menu", label: "About" },
61
- avatarMenu: { action: "hover-User-menu", label: "User" }
62
- }, T = {
63
- menuButton: { action: "close-Mobile-menu", label: "Mobile" }
64
- };
65
- function f(e) {
66
- const n = I[e];
67
- n && o("TopNav", n.action, n.label);
68
- }
69
- function d(e) {
70
- const n = T[e];
71
- n && o("TopNav", n.action, n.label);
72
- }
73
- function C(e, n, c = null, s = null) {
74
- navigator.maxTouchPoints || (a.value !== e && f(e), a.value = e, l("item-hover", e, n, c, s));
75
- }
76
- function S(e) {
77
- navigator.maxTouchPoints || a.value === e && (d(e), a.value = null, l("item-hover"));
78
- }
79
- function A(e, n, c = null, s = null) {
80
- a.value === e ? (d(e), a.value = null, l("item-hover")) : (f(e), a.value = e, l("item-hover", e, n, c, s));
81
- }
82
- function N(e) {
83
- e.target === e.currentTarget && l("item-hover");
84
- }
85
- function K(e) {
86
- o(e.track[0], e.track[1]);
66
+ function v(e) {
67
+ t(e.track[0], e.track[1]);
87
68
  }
88
- function U(e) {
89
- o("TopNav", "click-Log-in"), l("login-click", e);
69
+ function k(e) {
70
+ t("TopNav", "click-Log-in"), f("login-click", e);
90
71
  }
91
- function O() {
92
- o("TopNav", "click-Basket");
72
+ function M() {
73
+ t("TopNav", "click-Basket");
93
74
  }
94
- function w() {
95
- o("TopNav", "click-Support-Kiva");
75
+ function B() {
76
+ t("TopNav", "click-Support-Kiva");
96
77
  }
97
- function P() {
98
- o("TopNav", "click-Logo");
78
+ function L() {
79
+ t("TopNav", "click-Logo");
99
80
  }
100
81
  return {
101
- mdiMenu: $,
102
- mdiChevronDown: R,
103
- mdiBriefcase: x,
82
+ mdiMenu: A,
83
+ mdiChevronDown: S,
84
+ mdiBriefcase: I,
85
+ rootRef: r,
86
+ lendMenuInstance: l,
87
+ menuTimingVars: P,
88
+ pointerType: u,
104
89
  mdiAccountCircle: E,
105
- KvLendMenu: v,
106
- AboutMenu: g,
107
- MyKivaMenu: z,
108
- MobileMenu: J,
109
- avatarMenu: u,
110
- getAvatarMenuPosition: p,
111
- getAvatarTriggerCenterX: b,
112
- visiblePrimaryLinks: k,
113
- lendUrl: h,
114
- formattedBalance: y,
115
- avatarMode: M,
116
- lendOpenItem: B,
117
- aboutOpenItem: L,
118
- handleOnHover: C,
119
- handleMouseOut: S,
120
- handleTouchStart: A,
121
- handleEmptySpaceClick: N,
122
- onPrimaryClick: K,
123
- onLoginClick: U,
124
- onBasketClick: O,
125
- onSupportKivaClick: w,
126
- onLogoClick: P
90
+ visiblePrimaryLinks: d,
91
+ formattedBalance: p,
92
+ track: m,
93
+ loadMenuData: y,
94
+ avatarMode: g,
95
+ onPrimaryClick: v,
96
+ onLoginClick: k,
97
+ onBasketClick: M,
98
+ onSupportKivaClick: B,
99
+ onLogoClick: L
127
100
  };
128
101
  }
129
102
  };
130
103
  export {
131
- ue as default
104
+ se as default
132
105
  };
@@ -241,9 +241,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
241
241
  type: BooleanConstructor;
242
242
  default: boolean;
243
243
  };
244
+ inputId: {
245
+ type: StringConstructor;
246
+ default: string;
247
+ };
244
248
  }>, {
245
249
  mdiMagnify: string;
246
- inputId: string;
247
250
  term: any;
248
251
  displayTerm: import('vue').ComputedRef<any>;
249
252
  groupedResults: any;
@@ -270,6 +273,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
270
273
  type: BooleanConstructor;
271
274
  default: boolean;
272
275
  };
276
+ inputId: {
277
+ type: StringConstructor;
278
+ default: string;
279
+ };
273
280
  }>> & Readonly<{
274
281
  "onLoad-search-data"?: (...args: any[]) => any;
275
282
  "onSearch-submit"?: (...args: any[]) => any;
@@ -277,6 +284,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
277
284
  isMobile: boolean;
278
285
  searchSuggestions: SearchSuggestion[];
279
286
  appOrigin: string;
287
+ inputId: string;
280
288
  }, {}, {
281
289
  KvTextInput: any;
282
290
  }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;