@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.
- package/dist/dts/main/main.d.ts +238 -258
- package/dist/dts/main/main.d.ts.map +1 -1
- package/dist/dts/main/main.template.d.ts.map +1 -1
- package/dist/dts/styles/colors.d.ts.map +1 -1
- package/dist/dts/styles/styles.d.ts.map +1 -1
- package/dist/dts/tags/tags.d.ts.map +1 -1
- package/dist/esm/main/main.js +1 -1
- package/dist/foundation-header.api.json +1 -1
- package/dist/foundation-header.d.ts +238 -258
- package/dist/tsdoc-metadata.json +1 -1
- package/docs/api/foundation-header.configure.md +3 -33
- package/docs/api/foundation-header.foundationheader.md +3 -29
- package/docs/api/foundation-header.headerconfig.md +3 -41
- package/docs/api/foundation-header.md +25 -225
- package/docs/api/foundation-header.navigation.changelanguage.md +3 -31
- package/docs/api/foundation-header.navigation.handlenavbuttonclick.md +3 -33
- package/docs/api/foundation-header.navigation.md +35 -574
- package/docs/api/foundation-header.navigation.navigateto.md +3 -33
- package/docs/api/foundation-header.navigation.tolocalisedtext.md +3 -31
- package/docs/api/foundation-header.rapidheader.md +3 -29
- package/docs/api/index.md +3 -21
- package/package.json +23 -23
- package/docs/api-report.md.api.md +0 -197
|
@@ -19,581 +19,42 @@ export declare class Navigation extends Navigation_base
|
|
|
19
19
|
|
|
20
20
|
## Properties
|
|
21
21
|
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
</
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
</
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
</
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
</
|
|
43
|
-
<
|
|
44
|
-
|
|
45
|
-
[
|
|
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<{ index: number; path: string; title: string; icon: string; variant: string; }>
|
|
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<{ index: number; path: string; title: string; icon: string; variant: string; }> | 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
|
-
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
|
|
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
|
-
|
|
18
|
-
|
|
19
|
-
|
|
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
|
-
|
|
18
|
-
|
|
19
|
-
|
|
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
|
|