@genesislcap/foundation-header 14.143.0 → 14.143.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.
- package/dist/custom-elements.json +7 -7
- package/dist/dts/main/main.d.ts +16 -29
- package/dist/dts/main/main.d.ts.map +1 -1
- package/dist/esm/main/main.js +12 -12
- package/dist/foundation-header.api.json +31 -31
- package/dist/foundation-header.d.ts +44 -57
- package/docs/api/foundation-header.md +1 -1
- package/docs/api/foundation-header.zeroheader.md +39 -0
- package/docs/api-report.md +8 -8
- package/package.json +12 -12
- package/docs/api/foundation-header.foundationheader.md +0 -39
|
@@ -560,13 +560,13 @@
|
|
|
560
560
|
},
|
|
561
561
|
{
|
|
562
562
|
"kind": "class",
|
|
563
|
-
"description": "
|
|
564
|
-
"name": "
|
|
563
|
+
"description": "ZeroHeader is a zero version of the header micro-frontend.",
|
|
564
|
+
"name": "ZeroHeader",
|
|
565
565
|
"superclass": {
|
|
566
566
|
"name": "Navigation",
|
|
567
567
|
"module": "src/main/main.ts"
|
|
568
568
|
},
|
|
569
|
-
"tagName": "
|
|
569
|
+
"tagName": "zero-header",
|
|
570
570
|
"customElement": true,
|
|
571
571
|
"attributes": [
|
|
572
572
|
{
|
|
@@ -992,17 +992,17 @@
|
|
|
992
992
|
},
|
|
993
993
|
{
|
|
994
994
|
"kind": "js",
|
|
995
|
-
"name": "
|
|
995
|
+
"name": "ZeroHeader",
|
|
996
996
|
"declaration": {
|
|
997
|
-
"name": "
|
|
997
|
+
"name": "ZeroHeader",
|
|
998
998
|
"module": "src/main/main.ts"
|
|
999
999
|
}
|
|
1000
1000
|
},
|
|
1001
1001
|
{
|
|
1002
1002
|
"kind": "custom-element-definition",
|
|
1003
|
-
"name": "
|
|
1003
|
+
"name": "zero-header",
|
|
1004
1004
|
"declaration": {
|
|
1005
|
-
"name": "
|
|
1005
|
+
"name": "ZeroHeader",
|
|
1006
1006
|
"module": "src/main/main.ts"
|
|
1007
1007
|
}
|
|
1008
1008
|
}
|
package/dist/dts/main/main.d.ts
CHANGED
|
@@ -64,14 +64,6 @@ declare const Navigation_base: abstract new (...args: any[]) => {
|
|
|
64
64
|
readonly prefix: string;
|
|
65
65
|
readonly scrollHeight: number;
|
|
66
66
|
scrollLeft: number;
|
|
67
|
-
/**
|
|
68
|
-
* Optional attribute which controls the icon to show on the navigation bar and flyout
|
|
69
|
-
* Control via `logo-src`
|
|
70
|
-
*
|
|
71
|
-
* @remarks
|
|
72
|
-
*
|
|
73
|
-
* If this attribute is not set then the Genesis logo is shown instead
|
|
74
|
-
*/
|
|
75
67
|
scrollTop: number;
|
|
76
68
|
readonly scrollWidth: number;
|
|
77
69
|
readonly shadowRoot: ShadowRoot;
|
|
@@ -116,6 +108,11 @@ declare const Navigation_base: abstract new (...args: any[]) => {
|
|
|
116
108
|
scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void;
|
|
117
109
|
scrollTo(options?: ScrollToOptions): void;
|
|
118
110
|
scrollTo(x: number, y: number): void;
|
|
111
|
+
/**
|
|
112
|
+
* If present the defined route buttons will be rendered in the header 'routes' slot
|
|
113
|
+
*
|
|
114
|
+
* @deprecated - Use `routeNavItems` instead.
|
|
115
|
+
*/
|
|
119
116
|
setAttribute(qualifiedName: string, value: string): void;
|
|
120
117
|
setAttributeNS(namespace: string, qualifiedName: string, value: string): void;
|
|
121
118
|
setAttributeNode(attr: Attr): Attr;
|
|
@@ -176,10 +173,7 @@ declare const Navigation_base: abstract new (...args: any[]) => {
|
|
|
176
173
|
ariaChecked: string;
|
|
177
174
|
ariaColCount: string;
|
|
178
175
|
ariaColIndex: string;
|
|
179
|
-
ariaColIndexText: string;
|
|
180
|
-
ariaColSpan: string;
|
|
181
|
-
ariaCurrent: string;
|
|
182
|
-
ariaDisabled: string; /**
|
|
176
|
+
ariaColIndexText: string; /**
|
|
183
177
|
* Emits the event corresponding to the luminance icon being clicked
|
|
184
178
|
*
|
|
185
179
|
* @remarks
|
|
@@ -189,6 +183,9 @@ declare const Navigation_base: abstract new (...args: any[]) => {
|
|
|
189
183
|
*
|
|
190
184
|
* @internal
|
|
191
185
|
*/
|
|
186
|
+
ariaColSpan: string;
|
|
187
|
+
ariaCurrent: string;
|
|
188
|
+
ariaDisabled: string;
|
|
192
189
|
ariaExpanded: string;
|
|
193
190
|
ariaHasPopup: string;
|
|
194
191
|
ariaHidden: string;
|
|
@@ -211,16 +208,6 @@ declare const Navigation_base: abstract new (...args: any[]) => {
|
|
|
211
208
|
ariaRowIndex: string;
|
|
212
209
|
ariaRowIndexText: string;
|
|
213
210
|
ariaRowSpan: string;
|
|
214
|
-
/**
|
|
215
|
-
* Emits the event corresponding to the notification icon being clicked
|
|
216
|
-
*
|
|
217
|
-
* @remarks
|
|
218
|
-
*
|
|
219
|
-
* Activated when the user clicks on the bell icon on the navigation
|
|
220
|
-
* bar right hand side
|
|
221
|
-
*
|
|
222
|
-
* @internal
|
|
223
|
-
*/
|
|
224
211
|
ariaSelected: string;
|
|
225
212
|
ariaSetSize: string;
|
|
226
213
|
ariaSort: string;
|
|
@@ -582,30 +569,30 @@ export declare class Navigation extends Navigation_base {
|
|
|
582
569
|
toLocalisedText(text: string): string;
|
|
583
570
|
}
|
|
584
571
|
/**
|
|
585
|
-
*
|
|
572
|
+
* ZeroHeader is a zero version of the header micro-frontend.
|
|
586
573
|
*
|
|
587
574
|
* @remarks
|
|
588
|
-
* A
|
|
575
|
+
* A zero version that pre-registers zero components and uses the zero design system. ZeroHeader and its components won't bloat the core bundle as
|
|
589
576
|
* these are only loaded on-demand when in use.
|
|
590
577
|
*
|
|
591
578
|
* @example
|
|
592
579
|
* ```ts
|
|
593
|
-
* import {
|
|
580
|
+
* import { ZeroHeader } from '@genesislcap/foundation-header';
|
|
594
581
|
* ...
|
|
595
|
-
*
|
|
582
|
+
* ZeroHeader
|
|
596
583
|
* ```
|
|
597
584
|
*
|
|
598
585
|
* @example Load the micro frontend on-demand
|
|
599
586
|
* ```ts
|
|
600
587
|
|
|
601
|
-
* const {
|
|
602
|
-
* return
|
|
588
|
+
* const { ZeroHeader } = await import('@genesislcap/foundation-header');
|
|
589
|
+
* return ZeroHeader;
|
|
603
590
|
* },
|
|
604
591
|
* ```
|
|
605
592
|
*
|
|
606
593
|
* @public
|
|
607
594
|
*/
|
|
608
|
-
export declare class
|
|
595
|
+
export declare class ZeroHeader extends Navigation {
|
|
609
596
|
/**
|
|
610
597
|
* @internal
|
|
611
598
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../../src/main/main.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,iBAAiB,EAAgB,MAAM,+BAA+B,CAAC;AAEtF,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,KAAK,EAAE,sBAAsB,EAAuB,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../../src/main/main.ts"],"names":[],"mappings":"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"}
|
package/dist/esm/main/main.js
CHANGED
|
@@ -5,7 +5,6 @@ import { I18next } from '@genesislcap/foundation-i18n';
|
|
|
5
5
|
import { FASTElement, customElement, observable, attr } from '@microsoft/fast-element';
|
|
6
6
|
import { Route } from '@microsoft/fast-router';
|
|
7
7
|
import logo from '../assets/logo.svg';
|
|
8
|
-
import { registerCommonZeroComponents } from '../components/zero-components';
|
|
9
8
|
import { HeaderConfig } from '../config';
|
|
10
9
|
import { logger } from '../utils';
|
|
11
10
|
import { MainStyles as styles } from './main.styles';
|
|
@@ -300,30 +299,30 @@ __decorate([
|
|
|
300
299
|
observable
|
|
301
300
|
], Navigation.prototype, "routeNavItems", void 0);
|
|
302
301
|
/**
|
|
303
|
-
*
|
|
302
|
+
* ZeroHeader is a zero version of the header micro-frontend.
|
|
304
303
|
*
|
|
305
304
|
* @remarks
|
|
306
|
-
* A
|
|
305
|
+
* A zero version that pre-registers zero components and uses the zero design system. ZeroHeader and its components won't bloat the core bundle as
|
|
307
306
|
* these are only loaded on-demand when in use.
|
|
308
307
|
*
|
|
309
308
|
* @example
|
|
310
309
|
* ```ts
|
|
311
|
-
* import {
|
|
310
|
+
* import { ZeroHeader } from '@genesislcap/foundation-header';
|
|
312
311
|
* ...
|
|
313
|
-
*
|
|
312
|
+
* ZeroHeader
|
|
314
313
|
* ```
|
|
315
314
|
*
|
|
316
315
|
* @example Load the micro frontend on-demand
|
|
317
316
|
* ```ts
|
|
318
317
|
|
|
319
|
-
* const {
|
|
320
|
-
* return
|
|
318
|
+
* const { ZeroHeader } = await import('@genesislcap/foundation-header');
|
|
319
|
+
* return ZeroHeader;
|
|
321
320
|
* },
|
|
322
321
|
* ```
|
|
323
322
|
*
|
|
324
323
|
* @public
|
|
325
324
|
*/
|
|
326
|
-
let
|
|
325
|
+
let ZeroHeader = class ZeroHeader extends Navigation {
|
|
327
326
|
/**
|
|
328
327
|
* @internal
|
|
329
328
|
*/
|
|
@@ -341,15 +340,16 @@ let FoundationHeader = class FoundationHeader extends Navigation {
|
|
|
341
340
|
*/
|
|
342
341
|
loadRemotes() {
|
|
343
342
|
return __awaiter(this, void 0, void 0, function* () {
|
|
343
|
+
const { registerCommonZeroComponents } = yield import('../components/zero-components');
|
|
344
344
|
yield registerCommonZeroComponents();
|
|
345
345
|
});
|
|
346
346
|
}
|
|
347
347
|
};
|
|
348
|
-
|
|
348
|
+
ZeroHeader = __decorate([
|
|
349
349
|
customElement({
|
|
350
|
-
name: '
|
|
350
|
+
name: 'zero-header',
|
|
351
351
|
template,
|
|
352
352
|
styles,
|
|
353
353
|
})
|
|
354
|
-
],
|
|
355
|
-
export {
|
|
354
|
+
], ZeroHeader);
|
|
355
|
+
export { ZeroHeader };
|
|
@@ -326,37 +326,6 @@
|
|
|
326
326
|
"endIndex": 6
|
|
327
327
|
}
|
|
328
328
|
},
|
|
329
|
-
{
|
|
330
|
-
"kind": "Class",
|
|
331
|
-
"canonicalReference": "@genesislcap/foundation-header!FoundationHeader:class",
|
|
332
|
-
"docComment": "/**\n * FoundationHeader is a zero version of the header micro-frontend.\n *\n * @remarks\n *\n * A header version that pre-registers zero components and uses the zero design system. ZeroHeader and its components won't bloat the core bundle as these are only loaded on-demand when in use.\n *\n * @example\n * ```ts\n * import { FoundationHeader } from '@genesislcap/foundation-header';\n * ...\n * FoundationHeader\n * ```\n *\n * @example\n *\n * Load the micro frontend on-demand\n * ```ts\n *\n * const { FoundationHeader } = await import('@genesislcap/foundation-header');\n * return FoundationHeader;\n * },\n * ```\n *\n * @public\n */\n",
|
|
333
|
-
"excerptTokens": [
|
|
334
|
-
{
|
|
335
|
-
"kind": "Content",
|
|
336
|
-
"text": "export declare class FoundationHeader extends "
|
|
337
|
-
},
|
|
338
|
-
{
|
|
339
|
-
"kind": "Reference",
|
|
340
|
-
"text": "Navigation",
|
|
341
|
-
"canonicalReference": "@genesislcap/foundation-header!Navigation:class"
|
|
342
|
-
},
|
|
343
|
-
{
|
|
344
|
-
"kind": "Content",
|
|
345
|
-
"text": " "
|
|
346
|
-
}
|
|
347
|
-
],
|
|
348
|
-
"fileUrlPath": "src/main/main.ts",
|
|
349
|
-
"releaseTag": "Public",
|
|
350
|
-
"isAbstract": false,
|
|
351
|
-
"name": "FoundationHeader",
|
|
352
|
-
"preserveMemberOrder": false,
|
|
353
|
-
"members": [],
|
|
354
|
-
"extendsTokenRange": {
|
|
355
|
-
"startIndex": 1,
|
|
356
|
-
"endIndex": 2
|
|
357
|
-
},
|
|
358
|
-
"implementsTokenRanges": []
|
|
359
|
-
},
|
|
360
329
|
{
|
|
361
330
|
"kind": "Interface",
|
|
362
331
|
"canonicalReference": "@genesislcap/foundation-header!HeaderConfig:interface",
|
|
@@ -1460,6 +1429,37 @@
|
|
|
1460
1429
|
"startIndex": 1,
|
|
1461
1430
|
"endIndex": 2
|
|
1462
1431
|
}
|
|
1432
|
+
},
|
|
1433
|
+
{
|
|
1434
|
+
"kind": "Class",
|
|
1435
|
+
"canonicalReference": "@genesislcap/foundation-header!ZeroHeader:class",
|
|
1436
|
+
"docComment": "/**\n * ZeroHeader is a zero version of the header micro-frontend.\n *\n * @remarks\n *\n * A zero version that pre-registers zero components and uses the zero design system. ZeroHeader and its components won't bloat the core bundle as these are only loaded on-demand when in use.\n *\n * @example\n * ```ts\n * import { ZeroHeader } from '@genesislcap/foundation-header';\n * ...\n * ZeroHeader\n * ```\n *\n * @example\n *\n * Load the micro frontend on-demand\n * ```ts\n *\n * const { ZeroHeader } = await import('@genesislcap/foundation-header');\n * return ZeroHeader;\n * },\n * ```\n *\n * @public\n */\n",
|
|
1437
|
+
"excerptTokens": [
|
|
1438
|
+
{
|
|
1439
|
+
"kind": "Content",
|
|
1440
|
+
"text": "export declare class ZeroHeader extends "
|
|
1441
|
+
},
|
|
1442
|
+
{
|
|
1443
|
+
"kind": "Reference",
|
|
1444
|
+
"text": "Navigation",
|
|
1445
|
+
"canonicalReference": "@genesislcap/foundation-header!Navigation:class"
|
|
1446
|
+
},
|
|
1447
|
+
{
|
|
1448
|
+
"kind": "Content",
|
|
1449
|
+
"text": " "
|
|
1450
|
+
}
|
|
1451
|
+
],
|
|
1452
|
+
"fileUrlPath": "src/main/main.ts",
|
|
1453
|
+
"releaseTag": "Public",
|
|
1454
|
+
"isAbstract": false,
|
|
1455
|
+
"name": "ZeroHeader",
|
|
1456
|
+
"preserveMemberOrder": false,
|
|
1457
|
+
"members": [],
|
|
1458
|
+
"extendsTokenRange": {
|
|
1459
|
+
"startIndex": 1,
|
|
1460
|
+
"endIndex": 2
|
|
1461
|
+
},
|
|
1462
|
+
"implementsTokenRanges": []
|
|
1463
1463
|
}
|
|
1464
1464
|
]
|
|
1465
1465
|
}
|
|
@@ -66,41 +66,6 @@ export declare const DynamicTemplate: ViewTemplate<Navigation>;
|
|
|
66
66
|
*/
|
|
67
67
|
export declare type ElementTargetId = HeaderTargetId | NavTargetId | SideNavTargetId;
|
|
68
68
|
|
|
69
|
-
/**
|
|
70
|
-
* FoundationHeader is a zero version of the header micro-frontend.
|
|
71
|
-
*
|
|
72
|
-
* @remarks
|
|
73
|
-
* A header version that pre-registers zero components and uses the zero design system. ZeroHeader and its components won't bloat the core bundle as
|
|
74
|
-
* these are only loaded on-demand when in use.
|
|
75
|
-
*
|
|
76
|
-
* @example
|
|
77
|
-
* ```ts
|
|
78
|
-
* import { FoundationHeader } from '@genesislcap/foundation-header';
|
|
79
|
-
* ...
|
|
80
|
-
* FoundationHeader
|
|
81
|
-
* ```
|
|
82
|
-
*
|
|
83
|
-
* @example Load the micro frontend on-demand
|
|
84
|
-
* ```ts
|
|
85
|
-
|
|
86
|
-
* const { FoundationHeader } = await import('@genesislcap/foundation-header');
|
|
87
|
-
* return FoundationHeader;
|
|
88
|
-
* },
|
|
89
|
-
* ```
|
|
90
|
-
*
|
|
91
|
-
* @public
|
|
92
|
-
*/
|
|
93
|
-
export declare class FoundationHeader extends Navigation {
|
|
94
|
-
/**
|
|
95
|
-
* @internal
|
|
96
|
-
*/
|
|
97
|
-
connectedCallback(): Promise<void>;
|
|
98
|
-
/**
|
|
99
|
-
* @internal
|
|
100
|
-
*/
|
|
101
|
-
loadRemotes(): Promise<void>;
|
|
102
|
-
}
|
|
103
|
-
|
|
104
69
|
/**
|
|
105
70
|
* Do not reference any ../main files here. We must avoid ../tags being referenced and therefore setup pre-configuration.
|
|
106
71
|
*/
|
|
@@ -458,14 +423,6 @@ declare const Navigation_base: abstract new (...args: any[]) => {
|
|
|
458
423
|
readonly prefix: string;
|
|
459
424
|
readonly scrollHeight: number;
|
|
460
425
|
scrollLeft: number;
|
|
461
|
-
/**
|
|
462
|
-
* Optional attribute which controls the icon to show on the navigation bar and flyout
|
|
463
|
-
* Control via `logo-src`
|
|
464
|
-
*
|
|
465
|
-
* @remarks
|
|
466
|
-
*
|
|
467
|
-
* If this attribute is not set then the Genesis logo is shown instead
|
|
468
|
-
*/
|
|
469
426
|
scrollTop: number;
|
|
470
427
|
readonly scrollWidth: number;
|
|
471
428
|
readonly shadowRoot: ShadowRoot;
|
|
@@ -510,6 +467,11 @@ declare const Navigation_base: abstract new (...args: any[]) => {
|
|
|
510
467
|
scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void;
|
|
511
468
|
scrollTo(options?: ScrollToOptions): void;
|
|
512
469
|
scrollTo(x: number, y: number): void;
|
|
470
|
+
/**
|
|
471
|
+
* If present the defined route buttons will be rendered in the header 'routes' slot
|
|
472
|
+
*
|
|
473
|
+
* @deprecated - Use `routeNavItems` instead.
|
|
474
|
+
*/
|
|
513
475
|
setAttribute(qualifiedName: string, value: string): void;
|
|
514
476
|
setAttributeNS(namespace: string, qualifiedName: string, value: string): void;
|
|
515
477
|
setAttributeNode(attr: Attr): Attr;
|
|
@@ -570,10 +532,7 @@ declare const Navigation_base: abstract new (...args: any[]) => {
|
|
|
570
532
|
ariaChecked: string;
|
|
571
533
|
ariaColCount: string;
|
|
572
534
|
ariaColIndex: string;
|
|
573
|
-
ariaColIndexText: string;
|
|
574
|
-
ariaColSpan: string;
|
|
575
|
-
ariaCurrent: string;
|
|
576
|
-
ariaDisabled: string; /**
|
|
535
|
+
ariaColIndexText: string; /**
|
|
577
536
|
* Emits the event corresponding to the luminance icon being clicked
|
|
578
537
|
*
|
|
579
538
|
* @remarks
|
|
@@ -583,6 +542,9 @@ declare const Navigation_base: abstract new (...args: any[]) => {
|
|
|
583
542
|
*
|
|
584
543
|
* @internal
|
|
585
544
|
*/
|
|
545
|
+
ariaColSpan: string;
|
|
546
|
+
ariaCurrent: string;
|
|
547
|
+
ariaDisabled: string;
|
|
586
548
|
ariaExpanded: string;
|
|
587
549
|
ariaHasPopup: string;
|
|
588
550
|
ariaHidden: string;
|
|
@@ -605,16 +567,6 @@ declare const Navigation_base: abstract new (...args: any[]) => {
|
|
|
605
567
|
ariaRowIndex: string;
|
|
606
568
|
ariaRowIndexText: string;
|
|
607
569
|
ariaRowSpan: string;
|
|
608
|
-
/**
|
|
609
|
-
* Emits the event corresponding to the notification icon being clicked
|
|
610
|
-
*
|
|
611
|
-
* @remarks
|
|
612
|
-
*
|
|
613
|
-
* Activated when the user clicks on the bell icon on the navigation
|
|
614
|
-
* bar right hand side
|
|
615
|
-
*
|
|
616
|
-
* @internal
|
|
617
|
-
*/
|
|
618
570
|
ariaSelected: string;
|
|
619
571
|
ariaSetSize: string;
|
|
620
572
|
ariaSort: string;
|
|
@@ -819,4 +771,39 @@ declare type TemplateOptions = Partial<TemplateComponents> & {
|
|
|
819
771
|
somePartial?: string | SyntheticViewTemplate;
|
|
820
772
|
};
|
|
821
773
|
|
|
774
|
+
/**
|
|
775
|
+
* ZeroHeader is a zero version of the header micro-frontend.
|
|
776
|
+
*
|
|
777
|
+
* @remarks
|
|
778
|
+
* A zero version that pre-registers zero components and uses the zero design system. ZeroHeader and its components won't bloat the core bundle as
|
|
779
|
+
* these are only loaded on-demand when in use.
|
|
780
|
+
*
|
|
781
|
+
* @example
|
|
782
|
+
* ```ts
|
|
783
|
+
* import { ZeroHeader } from '@genesislcap/foundation-header';
|
|
784
|
+
* ...
|
|
785
|
+
* ZeroHeader
|
|
786
|
+
* ```
|
|
787
|
+
*
|
|
788
|
+
* @example Load the micro frontend on-demand
|
|
789
|
+
* ```ts
|
|
790
|
+
|
|
791
|
+
* const { ZeroHeader } = await import('@genesislcap/foundation-header');
|
|
792
|
+
* return ZeroHeader;
|
|
793
|
+
* },
|
|
794
|
+
* ```
|
|
795
|
+
*
|
|
796
|
+
* @public
|
|
797
|
+
*/
|
|
798
|
+
export declare class ZeroHeader extends Navigation {
|
|
799
|
+
/**
|
|
800
|
+
* @internal
|
|
801
|
+
*/
|
|
802
|
+
connectedCallback(): Promise<void>;
|
|
803
|
+
/**
|
|
804
|
+
* @internal
|
|
805
|
+
*/
|
|
806
|
+
loadRemotes(): Promise<void>;
|
|
807
|
+
}
|
|
808
|
+
|
|
822
809
|
export { }
|
|
@@ -8,8 +8,8 @@
|
|
|
8
8
|
|
|
9
9
|
| Class | Description |
|
|
10
10
|
| --- | --- |
|
|
11
|
-
| [FoundationHeader](./foundation-header.foundationheader.md) | FoundationHeader is a zero version of the header micro-frontend. |
|
|
12
11
|
| [Navigation](./foundation-header.navigation.md) | Navigation micro-frontend includes navigation bar and flyout menu |
|
|
12
|
+
| [ZeroHeader](./foundation-header.zeroheader.md) | ZeroHeader is a zero version of the header micro-frontend. |
|
|
13
13
|
|
|
14
14
|
## Functions
|
|
15
15
|
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
<!-- Do not edit this file. It is automatically generated by API Documenter. -->
|
|
2
|
+
|
|
3
|
+
[Home](./index.md) > [@genesislcap/foundation-header](./foundation-header.md) > [ZeroHeader](./foundation-header.zeroheader.md)
|
|
4
|
+
|
|
5
|
+
## ZeroHeader class
|
|
6
|
+
|
|
7
|
+
ZeroHeader is a zero version of the header micro-frontend.
|
|
8
|
+
|
|
9
|
+
**Signature:**
|
|
10
|
+
|
|
11
|
+
```typescript
|
|
12
|
+
export declare class ZeroHeader extends Navigation
|
|
13
|
+
```
|
|
14
|
+
**Extends:** [Navigation](./foundation-header.navigation.md)
|
|
15
|
+
|
|
16
|
+
## Remarks
|
|
17
|
+
|
|
18
|
+
A zero version that pre-registers zero components and uses the zero design system. ZeroHeader and its components won't bloat the core bundle as these are only loaded on-demand when in use.
|
|
19
|
+
|
|
20
|
+
## Example 1
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
```ts
|
|
24
|
+
import { ZeroHeader } from '@genesislcap/foundation-header';
|
|
25
|
+
...
|
|
26
|
+
ZeroHeader
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
## Example 2
|
|
30
|
+
|
|
31
|
+
Load the micro frontend on-demand
|
|
32
|
+
|
|
33
|
+
```ts
|
|
34
|
+
|
|
35
|
+
const { ZeroHeader } = await import('@genesislcap/foundation-header');
|
|
36
|
+
return ZeroHeader;
|
|
37
|
+
},
|
|
38
|
+
```
|
|
39
|
+
|
package/docs/api-report.md
CHANGED
|
@@ -32,14 +32,6 @@ export const DynamicTemplate: ViewTemplate<Navigation>;
|
|
|
32
32
|
// @public
|
|
33
33
|
export type ElementTargetId = HeaderTargetId | NavTargetId | SideNavTargetId;
|
|
34
34
|
|
|
35
|
-
// @public
|
|
36
|
-
export class FoundationHeader extends Navigation {
|
|
37
|
-
// @internal (undocumented)
|
|
38
|
-
connectedCallback(): Promise<void>;
|
|
39
|
-
// @internal (undocumented)
|
|
40
|
-
loadRemotes(): Promise<void>;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
35
|
// Warning: (ae-internal-mixed-release-tag) Mixed release tags are not allowed for "HeaderConfig" because one of its declarations is marked as @internal
|
|
44
36
|
//
|
|
45
37
|
// @public
|
|
@@ -151,6 +143,14 @@ export type SideNavTargetId = 'side-nav-start' | 'side-nav' | 'side-nav-end';
|
|
|
151
143
|
// @public
|
|
152
144
|
export type StyleTargetId = 'header';
|
|
153
145
|
|
|
146
|
+
// @public
|
|
147
|
+
export class ZeroHeader extends Navigation {
|
|
148
|
+
// @internal (undocumented)
|
|
149
|
+
connectedCallback(): Promise<void>;
|
|
150
|
+
// @internal (undocumented)
|
|
151
|
+
loadRemotes(): Promise<void>;
|
|
152
|
+
}
|
|
153
|
+
|
|
154
154
|
// (No @packageDocumentation comment for this package)
|
|
155
155
|
|
|
156
156
|
```
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@genesislcap/foundation-header",
|
|
3
3
|
"description": "Genesis Foundation Header",
|
|
4
|
-
"version": "14.143.
|
|
4
|
+
"version": "14.143.1",
|
|
5
5
|
"license": "SEE LICENSE IN license.txt",
|
|
6
6
|
"main": "dist/esm/index.js",
|
|
7
7
|
"types": "dist/foundation-header.d.ts",
|
|
@@ -68,19 +68,19 @@
|
|
|
68
68
|
"test:debug": "genx test --debug"
|
|
69
69
|
},
|
|
70
70
|
"devDependencies": {
|
|
71
|
-
"@genesislcap/foundation-testing": "14.143.
|
|
72
|
-
"@genesislcap/genx": "14.143.
|
|
71
|
+
"@genesislcap/foundation-testing": "14.143.1",
|
|
72
|
+
"@genesislcap/genx": "14.143.1",
|
|
73
73
|
"rimraf": "^3.0.2"
|
|
74
74
|
},
|
|
75
75
|
"dependencies": {
|
|
76
|
-
"@genesislcap/foundation-comms": "14.143.
|
|
77
|
-
"@genesislcap/foundation-events": "14.143.
|
|
78
|
-
"@genesislcap/foundation-i18n": "14.143.
|
|
79
|
-
"@genesislcap/foundation-logger": "14.143.
|
|
80
|
-
"@genesislcap/foundation-shell": "14.143.
|
|
81
|
-
"@genesislcap/foundation-ui": "14.143.
|
|
82
|
-
"@genesislcap/foundation-utils": "14.143.
|
|
83
|
-
"@genesislcap/foundation-zero": "14.143.
|
|
76
|
+
"@genesislcap/foundation-comms": "14.143.1",
|
|
77
|
+
"@genesislcap/foundation-events": "14.143.1",
|
|
78
|
+
"@genesislcap/foundation-i18n": "14.143.1",
|
|
79
|
+
"@genesislcap/foundation-logger": "14.143.1",
|
|
80
|
+
"@genesislcap/foundation-shell": "14.143.1",
|
|
81
|
+
"@genesislcap/foundation-ui": "14.143.1",
|
|
82
|
+
"@genesislcap/foundation-utils": "14.143.1",
|
|
83
|
+
"@genesislcap/foundation-zero": "14.143.1",
|
|
84
84
|
"@microsoft/fast-colors": "^5.3.1",
|
|
85
85
|
"@microsoft/fast-components": "^2.30.6",
|
|
86
86
|
"@microsoft/fast-element": "^1.12.0",
|
|
@@ -97,5 +97,5 @@
|
|
|
97
97
|
"access": "public"
|
|
98
98
|
},
|
|
99
99
|
"customElements": "dist/custom-elements.json",
|
|
100
|
-
"gitHead": "
|
|
100
|
+
"gitHead": "5301ef68fff841cfb91d8b80ff57fee8e553b71b"
|
|
101
101
|
}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
<!-- Do not edit this file. It is automatically generated by API Documenter. -->
|
|
2
|
-
|
|
3
|
-
[Home](./index.md) > [@genesislcap/foundation-header](./foundation-header.md) > [FoundationHeader](./foundation-header.foundationheader.md)
|
|
4
|
-
|
|
5
|
-
## FoundationHeader class
|
|
6
|
-
|
|
7
|
-
FoundationHeader is a zero version of the header micro-frontend.
|
|
8
|
-
|
|
9
|
-
**Signature:**
|
|
10
|
-
|
|
11
|
-
```typescript
|
|
12
|
-
export declare class FoundationHeader extends Navigation
|
|
13
|
-
```
|
|
14
|
-
**Extends:** [Navigation](./foundation-header.navigation.md)
|
|
15
|
-
|
|
16
|
-
## Remarks
|
|
17
|
-
|
|
18
|
-
A header version that pre-registers zero components and uses the zero design system. ZeroHeader and its components won't bloat the core bundle as these are only loaded on-demand when in use.
|
|
19
|
-
|
|
20
|
-
## Example 1
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
```ts
|
|
24
|
-
import { FoundationHeader } from '@genesislcap/foundation-header';
|
|
25
|
-
...
|
|
26
|
-
FoundationHeader
|
|
27
|
-
```
|
|
28
|
-
|
|
29
|
-
## Example 2
|
|
30
|
-
|
|
31
|
-
Load the micro frontend on-demand
|
|
32
|
-
|
|
33
|
-
```ts
|
|
34
|
-
|
|
35
|
-
const { FoundationHeader } = await import('@genesislcap/foundation-header');
|
|
36
|
-
return FoundationHeader;
|
|
37
|
-
},
|
|
38
|
-
```
|
|
39
|
-
|