@genesislcap/foundation-header 14.302.1-alpha-945e484.0 → 14.302.1-alpha-ecc0cfb.0

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.
@@ -19,581 +19,42 @@ export declare class Navigation extends Navigation_base
19
19
 
20
20
  ## Properties
21
21
 
22
- <table><thead><tr><th>
23
-
24
- Property
25
-
26
-
27
- </th><th>
28
-
29
- Modifiers
30
-
31
-
32
- </th><th>
33
-
34
- Type
35
-
36
-
37
- </th><th>
38
-
39
- Description
40
-
41
-
42
- </th></tr></thead>
43
- <tbody><tr><td>
44
-
45
- [authRouting](./foundation-header.navigation.authrouting.md)
46
-
47
-
48
- </td><td>
49
-
50
-
51
- </td><td>
52
-
53
- AuthRouting
54
-
55
-
56
- </td><td>
57
-
58
-
59
- </td></tr>
60
- <tr><td>
61
-
62
- [container](./foundation-header.navigation.container.md)
63
-
64
-
65
- </td><td>
66
-
67
-
68
- </td><td>
69
-
70
- Container
71
-
72
-
73
- </td><td>
74
-
75
-
76
- </td></tr>
77
- <tr><td>
78
-
79
- [headerConfig](./foundation-header.navigation.headerconfig.md)
80
-
81
-
82
- </td><td>
83
-
84
-
85
- </td><td>
86
-
87
- [HeaderConfig](./foundation-header.headerconfig.md)
88
-
89
-
90
- </td><td>
91
-
92
-
93
- </td></tr>
94
- <tr><td>
95
-
96
- [hideSideBar](./foundation-header.navigation.hidesidebar.md)
97
-
98
-
99
- </td><td>
100
-
101
-
102
- </td><td>
103
-
104
- boolean
105
-
106
-
107
- </td><td>
108
-
109
- Boolean attribute which controls whether to include the sideNav component Control via`hide-side-bar`
110
-
111
-
112
- </td></tr>
113
- <tr><td>
114
-
115
- [i18next](./foundation-header.navigation.i18next.md)
116
-
117
-
118
- </td><td>
119
-
120
-
121
- </td><td>
122
-
123
- I18next
124
-
125
-
126
- </td><td>
127
-
128
-
129
- </td></tr>
130
- <tr><td>
131
-
132
- [languageOptions](./foundation-header.navigation.languageoptions.md)
133
-
134
-
135
- </td><td>
136
-
137
-
138
- </td><td>
139
-
140
- [LanguageOptions](./foundation-header.languageoptions.md)
141
-
142
-
143
- </td><td>
144
-
145
- Object which defines the language options to be displayed in the language selector
146
-
147
-
148
- </td></tr>
149
- <tr><td>
150
-
151
- [loginRouting](./foundation-header.navigation.loginrouting.md)
152
-
153
-
154
- </td><td>
155
-
156
-
157
- </td><td>
158
-
159
- LoginRouting
160
-
161
-
162
- </td><td>
163
-
164
-
165
- </td></tr>
166
- <tr><td>
167
-
168
- [logoAltText](./foundation-header.navigation.logoalttext.md)
169
-
170
-
171
- </td><td>
172
-
173
-
174
- </td><td>
175
-
176
- string
177
-
178
-
179
- </td><td>
180
-
181
- Optional attribute which controls the alt text of the logo Control via `logo-alt-text`
182
-
183
-
184
- </td></tr>
185
- <tr><td>
186
-
187
- [logoSrc](./foundation-header.navigation.logosrc.md)
188
-
189
-
190
- </td><td>
191
-
192
-
193
- </td><td>
194
-
195
- any
196
-
197
-
198
- </td><td>
199
-
200
- Optional attribute which controls the icon to show on the navigation bar and flyout Control via `logo-src`
201
-
202
-
203
- </td></tr>
204
- <tr><td>
205
-
206
- [logoutButtonPosition](./foundation-header.navigation.logoutbuttonposition.md)
207
-
208
-
209
- </td><td>
210
-
211
-
212
- </td><td>
213
-
214
- 'side-nav' \| 'account-menu' \| 'none'
215
-
216
-
217
- </td><td>
218
-
219
- String attribute which controls the position of the logout button in the header Control via `logout-button-position`
220
-
221
-
222
- </td></tr>
223
- <tr><td>
224
-
225
- [luminanceToggle](./foundation-header.navigation.luminancetoggle.md)
226
-
227
-
228
- </td><td>
229
-
230
-
231
- </td><td>
232
-
233
- boolean
234
-
235
-
236
- </td><td>
237
-
238
-
239
- </td></tr>
240
- <tr><td>
241
-
242
- [routeButtons](./foundation-header.navigation.routebuttons.md)
243
-
244
-
245
- </td><td>
246
-
247
-
248
- </td><td>
249
-
250
- Array&lt;{ index: number; path: string; title: string; icon: string; variant: string; }&gt;
251
-
252
-
253
- </td><td>
254
-
255
- If present the defined route buttons will be rendered in the header 'routes' slot
256
-
257
-
258
- </td></tr>
259
- <tr><td>
260
-
261
- [routeNavItems](./foundation-header.navigation.routenavitems.md)
262
-
263
-
264
- </td><td>
265
-
266
-
267
- </td><td>
268
-
269
- FoundationRouteNavItem\[\]
270
-
271
-
272
- </td><td>
273
-
274
- If present the defined will be rendered in the header 'routes' slot
275
-
276
-
277
- </td></tr>
278
- <tr><td>
279
-
280
- [shouldShowAccountMenu](./foundation-header.navigation.shouldshowaccountmenu.md)
281
-
282
-
283
- </td><td>
284
-
285
- `readonly`
286
-
287
-
288
- </td><td>
289
-
290
- boolean
291
-
292
-
293
- </td><td>
294
-
295
- Computed property that determines if the account menu should be shown
296
-
297
-
298
- </td></tr>
299
- <tr><td>
300
-
301
- [showAccountMenu](./foundation-header.navigation.showaccountmenu.md)
302
-
303
-
304
- </td><td>
305
-
306
-
307
- </td><td>
308
-
309
- boolean
310
-
311
-
312
- </td><td>
313
-
314
- Boolean attribute which controls whether to show the account menu on the navigation bar Control via `show-account-menu`
315
-
316
-
317
- </td></tr>
318
- <tr><td>
319
-
320
- [showConnectionIndicator](./foundation-header.navigation.showconnectionindicator.md)
321
-
322
-
323
- </td><td>
324
-
325
-
326
- </td><td>
327
-
328
- boolean
329
-
330
-
331
- </td><td>
332
-
333
- Boolean attribute which controls whether to show the connection indicator on the navigation bar Control via `show-connection-indicator`
334
-
335
-
336
- </td></tr>
337
- <tr><td>
338
-
339
- [showEnvironmentIndicator](./foundation-header.navigation.showenvironmentindicator.md)
340
-
341
-
342
- </td><td>
343
-
344
-
345
- </td><td>
346
-
347
- boolean
348
-
349
-
350
- </td><td>
351
-
352
- Boolean attribute which controls whether to show the environment indicator on the navigation bar Control via `show-environment-indicator`
353
-
354
-
355
- </td></tr>
356
- <tr><td>
357
-
358
- [showLanguageSelector](./foundation-header.navigation.showlanguageselector.md)
359
-
360
-
361
- </td><td>
362
-
363
-
364
- </td><td>
365
-
366
- boolean
367
-
368
-
369
- </td><td>
370
-
371
- Boolean attribute which controls whether to show the language selector on the navigation bar Control via `show-language-selector`
372
-
373
-
374
- </td></tr>
375
- <tr><td>
376
-
377
- [showLuminanceToggleButton](./foundation-header.navigation.showluminancetogglebutton.md)
378
-
379
-
380
- </td><td>
381
-
382
-
383
- </td><td>
384
-
385
- boolean
386
-
387
-
388
- </td><td>
389
-
390
- Boolean attribute which controls whether to show the luminance (moon) icon on the navigation bar Control via`show-luminance-toggle-button`
391
-
392
-
393
- </td></tr>
394
- <tr><td>
395
-
396
- [showMiscToggleButton](./foundation-header.navigation.showmisctogglebutton.md)
397
-
398
-
399
- </td><td>
400
-
401
-
402
- </td><td>
403
-
404
- boolean
405
-
406
-
407
- </td><td>
408
-
409
- Boolean attribute which controls whether to show the miscellaneous (menu) icon on the navigation bar Control via `show-luminance-toggle-button`
410
-
411
-
412
- </td></tr>
413
- <tr><td>
414
-
415
- [showNotificationsButton](./foundation-header.navigation.shownotificationsbutton.md)
416
-
417
-
418
- </td><td>
419
-
420
-
421
- </td><td>
422
-
423
- boolean
424
-
425
-
426
- </td><td>
427
-
428
- Boolean attribute which controls whether to show the notification (bell) icon on the navigation bar Control via `show-notification-button`
429
-
430
-
431
- </td></tr>
432
- <tr><td>
433
-
434
- [user](./foundation-header.navigation.user.md)
435
-
436
-
437
- </td><td>
438
-
439
-
440
- </td><td>
441
-
442
- User
443
-
444
-
445
- </td><td>
446
-
447
-
448
- </td></tr>
449
- <tr><td>
450
-
451
- [userName](./foundation-header.navigation.username.md)
452
-
453
-
454
- </td><td>
455
-
456
-
457
- </td><td>
458
-
459
- string
460
-
461
-
462
- </td><td>
463
-
464
- Username of the logged in user
465
-
466
-
467
- </td></tr>
468
- </tbody></table>
22
+ | Property | Modifiers | Type | Description |
23
+ | --- | --- | --- | --- |
24
+ | [authRouting](./foundation-header.navigation.authrouting.md) | | AuthRouting | |
25
+ | [container](./foundation-header.navigation.container.md) | | Container | |
26
+ | [headerConfig](./foundation-header.navigation.headerconfig.md) | | [HeaderConfig](./foundation-header.headerconfig.md) | |
27
+ | [hideSideBar](./foundation-header.navigation.hidesidebar.md) | | boolean | Boolean attribute which controls whether to include the sideNav component Control via<code>hide-side-bar</code> |
28
+ | [i18next](./foundation-header.navigation.i18next.md) | | I18next | |
29
+ | [languageOptions](./foundation-header.navigation.languageoptions.md) | | [LanguageOptions](./foundation-header.languageoptions.md) | Object which defines the language options to be displayed in the language selector |
30
+ | [loginRouting](./foundation-header.navigation.loginrouting.md) | | LoginRouting | |
31
+ | [logoAltText](./foundation-header.navigation.logoalttext.md) | | string | Optional attribute which controls the alt text of the logo Control via <code>logo-alt-text</code> |
32
+ | [logoSrc](./foundation-header.navigation.logosrc.md) | | any | Optional attribute which controls the icon to show on the navigation bar and flyout Control via <code>logo-src</code> |
33
+ | [logoutButtonPosition](./foundation-header.navigation.logoutbuttonposition.md) | | 'side-nav' \| 'account-menu' \| 'none' | String attribute which controls the position of the logout button in the header Control via <code>logout-button-position</code> |
34
+ | [luminanceToggle](./foundation-header.navigation.luminancetoggle.md) | | boolean | |
35
+ | [routeButtons](./foundation-header.navigation.routebuttons.md) | | Array&lt;{ index: number; path: string; title: string; icon: string; variant: string; }&gt; | If present the defined route buttons will be rendered in the header 'routes' slot |
36
+ | [routeNavItems](./foundation-header.navigation.routenavitems.md) | | FoundationRouteNavItem\[\] | If present the defined will be rendered in the header 'routes' slot |
37
+ | [shouldShowAccountMenu](./foundation-header.navigation.shouldshowaccountmenu.md) | <code>readonly</code> | boolean | Computed property that determines if the account menu should be shown |
38
+ | [showAccountMenu](./foundation-header.navigation.showaccountmenu.md) | | boolean | Boolean attribute which controls whether to show the account menu on the navigation bar Control via <code>show-account-menu</code> |
39
+ | [showConnectionIndicator](./foundation-header.navigation.showconnectionindicator.md) | | boolean | Boolean attribute which controls whether to show the connection indicator on the navigation bar Control via <code>show-connection-indicator</code> |
40
+ | [showEnvironmentIndicator](./foundation-header.navigation.showenvironmentindicator.md) | | boolean | Boolean attribute which controls whether to show the environment indicator on the navigation bar Control via <code>show-environment-indicator</code> |
41
+ | [showLanguageSelector](./foundation-header.navigation.showlanguageselector.md) | | boolean | Boolean attribute which controls whether to show the language selector on the navigation bar Control via <code>show-language-selector</code> |
42
+ | [showLuminanceToggleButton](./foundation-header.navigation.showluminancetogglebutton.md) | | boolean | Boolean attribute which controls whether to show the luminance (moon) icon on the navigation bar Control via<code>show-luminance-toggle-button</code> |
43
+ | [showMiscToggleButton](./foundation-header.navigation.showmisctogglebutton.md) | | boolean | Boolean attribute which controls whether to show the miscellaneous (menu) icon on the navigation bar Control via <code>show-luminance-toggle-button</code> |
44
+ | [showNotificationsButton](./foundation-header.navigation.shownotificationsbutton.md) | | boolean | Boolean attribute which controls whether to show the notification (bell) icon on the navigation bar Control via <code>show-notification-button</code> |
45
+ | [user](./foundation-header.navigation.user.md) | | User | |
46
+ | [userName](./foundation-header.navigation.username.md) | | string | Username of the logged in user |
469
47
 
470
48
  ## Methods
471
49
 
472
- <table><thead><tr><th>
473
-
474
- Method
475
-
476
-
477
- </th><th>
478
-
479
- Modifiers
480
-
481
-
482
- </th><th>
483
-
484
- Description
485
-
486
-
487
- </th></tr></thead>
488
- <tbody><tr><td>
489
-
490
- [changeLanguage(e)](./foundation-header.navigation.changelanguage.md)
491
-
492
-
493
- </td><td>
494
-
495
-
496
- </td><td>
497
-
498
- Changes the language of the application
499
-
500
-
501
- </td></tr>
502
- <tr><td>
503
-
504
- [connectedCallback()](./foundation-header.navigation.connectedcallback.md)
505
-
506
-
507
- </td><td>
508
-
509
-
510
- </td><td>
511
-
512
- Called when the component is connected to the DOM
513
-
514
-
515
- </td></tr>
516
- <tr><td>
517
-
518
- [handleNavButtonClick(routeNavItem)](./foundation-header.navigation.handlenavbuttonclick.md)
519
-
520
-
521
- </td><td>
522
-
523
-
524
- </td><td>
525
-
526
- Handles the click event for a navigation button
527
-
528
-
529
- </td></tr>
530
- <tr><td>
531
-
532
- [logout()](./foundation-header.navigation.logout.md)
533
-
534
-
535
- </td><td>
536
-
537
-
538
- </td><td>
539
-
540
- Logs the user out of their session
541
-
542
-
543
- </td></tr>
544
- <tr><td>
545
-
546
- [navigateTo(path)](./foundation-header.navigation.navigateto.md)
547
-
548
-
549
- </td><td>
550
-
551
-
552
- </td><td>
553
-
554
- Changes the route of the current page
555
-
556
-
557
- </td></tr>
558
- <tr><td>
559
-
560
- [selectTemplate()](./foundation-header.navigation.selecttemplate.md)
561
-
562
-
563
- </td><td>
564
-
565
-
566
- </td><td>
567
-
568
- Selects the appropriate template based on the component's state
569
-
570
-
571
- </td></tr>
572
- <tr><td>
573
-
574
- [setLuminance()](./foundation-header.navigation.setluminance.md)
575
-
576
-
577
- </td><td>
578
-
579
-
580
- </td><td>
581
-
582
-
583
- </td></tr>
584
- <tr><td>
585
-
586
- [toLocalisedText(text)](./foundation-header.navigation.tolocalisedtext.md)
587
-
588
-
589
- </td><td>
590
-
591
-
592
- </td><td>
593
-
594
- To localised text
595
-
596
-
597
- </td></tr>
598
- </tbody></table>
50
+ | Method | Modifiers | Description |
51
+ | --- | --- | --- |
52
+ | [changeLanguage(e)](./foundation-header.navigation.changelanguage.md) | | Changes the language of the application |
53
+ | [connectedCallback()](./foundation-header.navigation.connectedcallback.md) | | Called when the component is connected to the DOM |
54
+ | [handleNavButtonClick(routeNavItem)](./foundation-header.navigation.handlenavbuttonclick.md) | | Handles the click event for a navigation button |
55
+ | [logout()](./foundation-header.navigation.logout.md) | | Logs the user out of their session |
56
+ | [navigateTo(path)](./foundation-header.navigation.navigateto.md) | | Changes the route of the current page |
57
+ | [selectTemplate()](./foundation-header.navigation.selecttemplate.md) | | Selects the appropriate template based on the component's state |
58
+ | [setLuminance()](./foundation-header.navigation.setluminance.md) | | |
59
+ | [toLocalisedText(text)](./foundation-header.navigation.tolocalisedtext.md) | | To localised text |
599
60
 
@@ -14,39 +14,9 @@ navigateTo(path: string): void;
14
14
 
15
15
  ## Parameters
16
16
 
17
- <table><thead><tr><th>
18
-
19
- Parameter
20
-
21
-
22
- </th><th>
23
-
24
- Type
25
-
26
-
27
- </th><th>
28
-
29
- Description
30
-
31
-
32
- </th></tr></thead>
33
- <tbody><tr><td>
34
-
35
- path
36
-
37
-
38
- </td><td>
39
-
40
- string
41
-
42
-
43
- </td><td>
44
-
45
- string representing the new route to move to
46
-
47
-
48
- </td></tr>
49
- </tbody></table>
17
+ | Parameter | Type | Description |
18
+ | --- | --- | --- |
19
+ | path | string | string representing the new route to move to |
50
20
 
51
21
  **Returns:**
52
22
 
@@ -14,37 +14,9 @@ toLocalisedText(text: string): string;
14
14
 
15
15
  ## Parameters
16
16
 
17
- <table><thead><tr><th>
18
-
19
- Parameter
20
-
21
-
22
- </th><th>
23
-
24
- Type
25
-
26
-
27
- </th><th>
28
-
29
- Description
30
-
31
-
32
- </th></tr></thead>
33
- <tbody><tr><td>
34
-
35
- text
36
-
37
-
38
- </td><td>
39
-
40
- string
41
-
42
-
43
- </td><td>
44
-
45
-
46
- </td></tr>
47
- </tbody></table>
17
+ | Parameter | Type | Description |
18
+ | --- | --- | --- |
19
+ | text | string | |
48
20
 
49
21
  **Returns:**
50
22