@genesislcap/foundation-header 14.141.0 → 14.141.2

package/dist/custom-elements.json

@@ -31,6 +31,28 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/zero-components.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "registerCommonZeroComponents",
+          "description": "registerCommonZeroComponents.",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "registerCommonZeroComponents",
+          "declaration": {
+            "name": "registerCommonZeroComponents",
+            "module": "src/components/zero-components.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/config/config.ts",
@@ -151,189 +173,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/zero-components.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "registerCommonZeroComponents",
-          "description": "registerCommonZeroComponents.",
-          "privacy": "public"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "registerCommonZeroComponents",
-          "declaration": {
-            "name": "registerCommonZeroComponents",
-            "module": "src/components/zero-components.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/styles/colors.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "getWebRGBA",
-          "parameters": [
-            {
-              "name": "rgb",
-              "type": {
-                "text": "ColorRGBA64"
-              }
-            },
-            {
-              "name": "alpha",
-              "default": "1.0",
-              "type": {
-                "text": "number"
-              }
-            }
-          ]
-        },
-        {
-          "kind": "variable",
-          "name": "defaultBackgroundHover"
-        },
-        {
-          "kind": "variable",
-          "name": "defaultBackgroundItem"
-        },
-        {
-          "kind": "variable",
-          "name": "backgroundNavOption"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "getWebRGBA",
-          "declaration": {
-            "name": "getWebRGBA",
-            "module": "src/styles/colors.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "defaultBackgroundHover",
-          "declaration": {
-            "name": "defaultBackgroundHover",
-            "module": "src/styles/colors.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "defaultBackgroundItem",
-          "declaration": {
-            "name": "defaultBackgroundItem",
-            "module": "src/styles/colors.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "backgroundNavOption",
-          "declaration": {
-            "name": "backgroundNavOption",
-            "module": "src/styles/colors.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/styles/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./colors"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./styles"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/styles/styles.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "mixinScreen",
-          "parameters": [
-            {
-              "name": "display",
-              "default": "'block'",
-              "type": {
-                "text": "string"
-              }
-            }
-          ],
-          "description": "TODO: Bring all the style and typography mixins into the design system package"
-        },
-        {
-          "kind": "function",
-          "name": "genesisLogo",
-          "parameters": [
-            {
-              "name": "slot",
-              "default": "'start'"
-            }
-          ],
-          "description": "TODO"
-        },
-        {
-          "kind": "function",
-          "name": "settingsIcon",
-          "parameters": [
-            {
-              "name": "slot",
-              "default": "'start'"
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "mixinScreen",
-          "declaration": {
-            "name": "mixinScreen",
-            "module": "src/styles/styles.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "genesisLogo",
-          "declaration": {
-            "name": "genesisLogo",
-            "module": "src/styles/styles.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "settingsIcon",
-          "declaration": {
-            "name": "settingsIcon",
-            "module": "src/styles/styles.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/main/index.ts",
@@ -721,13 +560,13 @@
         },
         {
           "kind": "class",
-          "description": "ZeroHeader is a zero version of the header micro-frontend.",
-          "name": "ZeroHeader",
+          "description": "FoundationHeader is a zero version of the header micro-frontend.",
+          "name": "FoundationHeader",
           "superclass": {
             "name": "Navigation",
             "module": "src/main/main.ts"
           },
-          "tagName": "zero-header",
+          "tagName": "foundation-header",
           "customElement": true,
           "attributes": [
             {
@@ -1153,22 +992,183 @@
         },
         {
           "kind": "js",
-          "name": "ZeroHeader",
+          "name": "FoundationHeader",
           "declaration": {
-            "name": "ZeroHeader",
+            "name": "FoundationHeader",
             "module": "src/main/main.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "zero-header",
+          "name": "foundation-header",
           "declaration": {
-            "name": "ZeroHeader",
+            "name": "FoundationHeader",
             "module": "src/main/main.ts"
           }
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/styles/colors.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "getWebRGBA",
+          "parameters": [
+            {
+              "name": "rgb",
+              "type": {
+                "text": "ColorRGBA64"
+              }
+            },
+            {
+              "name": "alpha",
+              "default": "1.0",
+              "type": {
+                "text": "number"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "variable",
+          "name": "defaultBackgroundHover"
+        },
+        {
+          "kind": "variable",
+          "name": "defaultBackgroundItem"
+        },
+        {
+          "kind": "variable",
+          "name": "backgroundNavOption"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "getWebRGBA",
+          "declaration": {
+            "name": "getWebRGBA",
+            "module": "src/styles/colors.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "defaultBackgroundHover",
+          "declaration": {
+            "name": "defaultBackgroundHover",
+            "module": "src/styles/colors.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "defaultBackgroundItem",
+          "declaration": {
+            "name": "defaultBackgroundItem",
+            "module": "src/styles/colors.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "backgroundNavOption",
+          "declaration": {
+            "name": "backgroundNavOption",
+            "module": "src/styles/colors.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/styles/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./colors"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./styles"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/styles/styles.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "mixinScreen",
+          "parameters": [
+            {
+              "name": "display",
+              "default": "'block'",
+              "type": {
+                "text": "string"
+              }
+            }
+          ],
+          "description": "TODO: Bring all the style and typography mixins into the design system package"
+        },
+        {
+          "kind": "function",
+          "name": "genesisLogo",
+          "parameters": [
+            {
+              "name": "slot",
+              "default": "'start'"
+            }
+          ],
+          "description": "TODO"
+        },
+        {
+          "kind": "function",
+          "name": "settingsIcon",
+          "parameters": [
+            {
+              "name": "slot",
+              "default": "'start'"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "mixinScreen",
+          "declaration": {
+            "name": "mixinScreen",
+            "module": "src/styles/styles.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "genesisLogo",
+          "declaration": {
+            "name": "genesisLogo",
+            "module": "src/styles/styles.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "settingsIcon",
+          "declaration": {
+            "name": "settingsIcon",
+            "module": "src/styles/styles.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/tags/index.ts",

package/dist/dts/main/main.d.ts

@@ -64,6 +64,14 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     readonly prefix: string;
     readonly scrollHeight: number;
     scrollLeft: number;
+    /**
+     * Optional attribute which controls the icon to show on the navigation bar and flyout
+     * Control via `logo-src`
+     *
+     * @remarks
+     *
+     * If this attribute is not set then the Genesis logo is shown instead
+     */
     scrollTop: number;
     readonly scrollWidth: number;
     readonly shadowRoot: ShadowRoot;
@@ -108,11 +116,6 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void;
     scrollTo(options?: ScrollToOptions): void;
     scrollTo(x: number, y: number): void;
-    /**
-     * If present the defined route buttons will be rendered in the header 'routes' slot
-     *
-     * @deprecated - Use `routeNavItems` instead.
-     */
     setAttribute(qualifiedName: string, value: string): void;
     setAttributeNS(namespace: string, qualifiedName: string, value: string): void;
     setAttributeNode(attr: Attr): Attr;
@@ -173,7 +176,10 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     ariaChecked: string;
     ariaColCount: string;
     ariaColIndex: string;
-    ariaColIndexText: string; /**
+    ariaColIndexText: string;
+    ariaColSpan: string;
+    ariaCurrent: string;
+    ariaDisabled: string; /**
      * Emits the event corresponding to the luminance icon being clicked
      *
      * @remarks
@@ -183,9 +189,6 @@ declare const Navigation_base: abstract new (...args: any[]) => {
      *
      * @internal
      */
-    ariaColSpan: string;
-    ariaCurrent: string;
-    ariaDisabled: string;
     ariaExpanded: string;
     ariaHasPopup: string;
     ariaHidden: string;
@@ -208,6 +211,16 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     ariaRowIndex: string;
     ariaRowIndexText: string;
     ariaRowSpan: string;
+    /**
+     * Emits the event corresponding to the notification icon being clicked
+     *
+     * @remarks
+     *
+     * Activated when the user clicks on the bell icon on the navigation
+     * bar right hand side
+     *
+     * @internal
+     */
     ariaSelected: string;
     ariaSetSize: string;
     ariaSort: string;
@@ -569,30 +582,30 @@ export declare class Navigation extends Navigation_base {
     toLocalisedText(text: string): string;
 }
 /**
- * ZeroHeader is a zero version of the header micro-frontend.
+ * FoundationHeader is a zero version of the header micro-frontend.
  *
  * @remarks
- * 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
+ * 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.
  *
  * @example
  * ```ts
- * import { ZeroHeader } from '@genesislcap/foundation-header';
+ * import { FoundationHeader } from '@genesislcap/foundation-header';
  * ...
- * ZeroHeader
+ * FoundationHeader
  * ```
  *
  * @example Load the micro frontend on-demand
  * ```ts
 
- *   const { ZeroHeader } = await import('@genesislcap/foundation-header');
- *   return ZeroHeader;
+ *   const { FoundationHeader } = await import('@genesislcap/foundation-header');
+ *   return FoundationHeader;
  * },
  * ```
  *
  * @public
  */
-export declare class ZeroHeader extends Navigation {
+export declare class FoundationHeader extends Navigation {
     /**
      * @internal
      */

package/dist/dts/main/main.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../../src/main/main.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../../src/main/main.ts"],"names":[],"mappings":"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"}

package/dist/esm/main/main.js

@@ -5,6 +5,7 @@ import { I18next } from '@genesislcap/foundation-i18n';
 import { FASTElement, customElement, observable, attr } from '@microsoft/fast-element';
 import { Route } from '@microsoft/fast-router';
 import logo from '../assets/logo.svg';
+import { registerCommonZeroComponents } from '../components/zero-components';
 import { HeaderConfig } from '../config';
 import { logger } from '../utils';
 import { MainStyles as styles } from './main.styles';
@@ -299,30 +300,30 @@ __decorate([
     observable
 ], Navigation.prototype, "routeNavItems", void 0);
 /**
- * ZeroHeader is a zero version of the header micro-frontend.
+ * FoundationHeader is a zero version of the header micro-frontend.
  *
  * @remarks
- * 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
+ * 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.
  *
  * @example
  * ```ts
- * import { ZeroHeader } from '@genesislcap/foundation-header';
+ * import { FoundationHeader } from '@genesislcap/foundation-header';
  * ...
- * ZeroHeader
+ * FoundationHeader
  * ```
  *
  * @example Load the micro frontend on-demand
  * ```ts
 
- *   const { ZeroHeader } = await import('@genesislcap/foundation-header');
- *   return ZeroHeader;
+ *   const { FoundationHeader } = await import('@genesislcap/foundation-header');
+ *   return FoundationHeader;
  * },
  * ```
  *
  * @public
  */
-let ZeroHeader = class ZeroHeader extends Navigation {
+let FoundationHeader = class FoundationHeader extends Navigation {
     /**
      * @internal
      */
@@ -340,16 +341,15 @@ let ZeroHeader = class ZeroHeader extends Navigation {
      */
     loadRemotes() {
         return __awaiter(this, void 0, void 0, function* () {
-            const { registerCommonZeroComponents } = yield import('../components/zero-components');
             yield registerCommonZeroComponents();
         });
     }
 };
-ZeroHeader = __decorate([
+FoundationHeader = __decorate([
     customElement({
-        name: 'zero-header',
+        name: 'foundation-header',
         template,
         styles,
     })
-], ZeroHeader);
-export { ZeroHeader };
+], FoundationHeader);
+export { FoundationHeader };

package/dist/foundation-header.api.json

@@ -326,6 +326,37 @@
             "endIndex": 6
           }
         },
+        {
+          "kind": "Class",
+          "canonicalReference": "@genesislcap/foundation-header!FoundationHeader:class",
+          "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",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export declare class FoundationHeader extends "
+            },
+            {
+              "kind": "Reference",
+              "text": "Navigation",
+              "canonicalReference": "@genesislcap/foundation-header!Navigation:class"
+            },
+            {
+              "kind": "Content",
+              "text": " "
+            }
+          ],
+          "fileUrlPath": "src/main/main.ts",
+          "releaseTag": "Public",
+          "isAbstract": false,
+          "name": "FoundationHeader",
+          "preserveMemberOrder": false,
+          "members": [],
+          "extendsTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "implementsTokenRanges": []
+        },
         {
           "kind": "Interface",
           "canonicalReference": "@genesislcap/foundation-header!HeaderConfig:interface",
@@ -1429,37 +1460,6 @@
             "startIndex": 1,
             "endIndex": 2
           }
-        },
-        {
-          "kind": "Class",
-          "canonicalReference": "@genesislcap/foundation-header!ZeroHeader:class",
-          "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",
-          "excerptTokens": [
-            {
-              "kind": "Content",
-              "text": "export declare class ZeroHeader extends "
-            },
-            {
-              "kind": "Reference",
-              "text": "Navigation",
-              "canonicalReference": "@genesislcap/foundation-header!Navigation:class"
-            },
-            {
-              "kind": "Content",
-              "text": " "
-            }
-          ],
-          "fileUrlPath": "src/main/main.ts",
-          "releaseTag": "Public",
-          "isAbstract": false,
-          "name": "ZeroHeader",
-          "preserveMemberOrder": false,
-          "members": [],
-          "extendsTokenRange": {
-            "startIndex": 1,
-            "endIndex": 2
-          },
-          "implementsTokenRanges": []
         }
       ]
     }

package/dist/foundation-header.d.ts

@@ -66,6 +66,41 @@ export declare const DynamicTemplate: ViewTemplate<Navigation>;
  */
 export declare type ElementTargetId = HeaderTargetId | NavTargetId | SideNavTargetId;
 
+/**
+ * FoundationHeader is a zero version of the header micro-frontend.
+ *
+ * @remarks
+ * 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.
+ *
+ * @example
+ * ```ts
+ * import { FoundationHeader } from '@genesislcap/foundation-header';
+ * ...
+ * FoundationHeader
+ * ```
+ *
+ * @example Load the micro frontend on-demand
+ * ```ts
+
+ *   const { FoundationHeader } = await import('@genesislcap/foundation-header');
+ *   return FoundationHeader;
+ * },
+ * ```
+ *
+ * @public
+ */
+export declare class FoundationHeader extends Navigation {
+    /**
+     * @internal
+     */
+    connectedCallback(): Promise<void>;
+    /**
+     * @internal
+     */
+    loadRemotes(): Promise<void>;
+}
+
 /**
  * Do not reference any ../main files here. We must avoid ../tags being referenced and therefore setup pre-configuration.
  */
@@ -423,6 +458,14 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     readonly prefix: string;
     readonly scrollHeight: number;
     scrollLeft: number;
+    /**
+     * Optional attribute which controls the icon to show on the navigation bar and flyout
+     * Control via `logo-src`
+     *
+     * @remarks
+     *
+     * If this attribute is not set then the Genesis logo is shown instead
+     */
     scrollTop: number;
     readonly scrollWidth: number;
     readonly shadowRoot: ShadowRoot;
@@ -467,11 +510,6 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void;
     scrollTo(options?: ScrollToOptions): void;
     scrollTo(x: number, y: number): void;
-    /**
-     * If present the defined route buttons will be rendered in the header 'routes' slot
-     *
-     * @deprecated - Use `routeNavItems` instead.
-     */
     setAttribute(qualifiedName: string, value: string): void;
     setAttributeNS(namespace: string, qualifiedName: string, value: string): void;
     setAttributeNode(attr: Attr): Attr;
@@ -532,7 +570,10 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     ariaChecked: string;
     ariaColCount: string;
     ariaColIndex: string;
-    ariaColIndexText: string; /**
+    ariaColIndexText: string;
+    ariaColSpan: string;
+    ariaCurrent: string;
+    ariaDisabled: string; /**
     * Emits the event corresponding to the luminance icon being clicked
     *
     * @remarks
@@ -542,9 +583,6 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     *
     * @internal
     */
-    ariaColSpan: string;
-    ariaCurrent: string;
-    ariaDisabled: string;
     ariaExpanded: string;
     ariaHasPopup: string;
     ariaHidden: string;
@@ -567,6 +605,16 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     ariaRowIndex: string;
     ariaRowIndexText: string;
     ariaRowSpan: string;
+    /**
+     * Emits the event corresponding to the notification icon being clicked
+     *
+     * @remarks
+     *
+     * Activated when the user clicks on the bell icon on the navigation
+     * bar right hand side
+     *
+     * @internal
+     */
     ariaSelected: string;
     ariaSetSize: string;
     ariaSort: string;
@@ -771,39 +819,4 @@ declare type TemplateOptions = Partial<TemplateComponents> & {
     somePartial?: string | SyntheticViewTemplate;
 };
 
-/**
- * ZeroHeader is a zero version of the header micro-frontend.
- *
- * @remarks
- * 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.
- *
- * @example
- * ```ts
- * import { ZeroHeader } from '@genesislcap/foundation-header';
- * ...
- * ZeroHeader
- * ```
- *
- * @example Load the micro frontend on-demand
- * ```ts
-
- *   const { ZeroHeader } = await import('@genesislcap/foundation-header');
- *   return ZeroHeader;
- * },
- * ```
- *
- * @public
- */
-export declare class ZeroHeader extends Navigation {
-    /**
-     * @internal
-     */
-    connectedCallback(): Promise<void>;
-    /**
-     * @internal
-     */
-    loadRemotes(): Promise<void>;
-}
-
 export { }

package/docs/api/foundation-header.foundationheader.md

@@ -0,0 +1,39 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@genesislcap/foundation-header](./foundation-header.md) &gt; [FoundationHeader](./foundation-header.foundationheader.md)
+
+## FoundationHeader class
+
+FoundationHeader is a zero version of the header micro-frontend.
+
+**Signature:**
+
+```typescript
+export declare class FoundationHeader extends Navigation 
+```
+**Extends:** [Navigation](./foundation-header.navigation.md)
+
+## Remarks
+
+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.
+
+## Example 1
+
+
+```ts
+import { FoundationHeader } from '@genesislcap/foundation-header';
+...
+FoundationHeader
+```
+
+## Example 2
+
+Load the micro frontend on-demand
+
+```ts
+
+  const { FoundationHeader } = await import('@genesislcap/foundation-header');
+  return FoundationHeader;
+},
+```
+

package/docs/api/foundation-header.md

@@ -8,8 +8,8 @@
 
 |  Class | Description |
 |  --- | --- |
+|  [FoundationHeader](./foundation-header.foundationheader.md) | FoundationHeader is a zero version of the header micro-frontend. |
 |  [Navigation](./foundation-header.navigation.md) | Navigation micro-frontend includes navigation bar and flyout menu |
-|  [ZeroHeader](./foundation-header.zeroheader.md) | ZeroHeader is a zero version of the header micro-frontend. |
 
 ## Functions
 

package/docs/api-report.md

@@ -32,6 +32,14 @@ export const DynamicTemplate: ViewTemplate<Navigation>;
 // @public
 export type ElementTargetId = HeaderTargetId | NavTargetId | SideNavTargetId;
 
+// @public
+export class FoundationHeader extends Navigation {
+    // @internal (undocumented)
+    connectedCallback(): Promise<void>;
+    // @internal (undocumented)
+    loadRemotes(): Promise<void>;
+}
+
 // Warning: (ae-internal-mixed-release-tag) Mixed release tags are not allowed for "HeaderConfig" because one of its declarations is marked as @internal
 //
 // @public
@@ -143,14 +151,6 @@ export type SideNavTargetId = 'side-nav-start' | 'side-nav' | 'side-nav-end';
 // @public
 export type StyleTargetId = 'header';
 
-// @public
-export class ZeroHeader extends Navigation {
-    // @internal (undocumented)
-    connectedCallback(): Promise<void>;
-    // @internal (undocumented)
-    loadRemotes(): Promise<void>;
-}
-
 // (No @packageDocumentation comment for this package)
 
 ```

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-header",
   "description": "Genesis Foundation Header",
-  "version": "14.141.0",
+  "version": "14.141.2",
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
   "types": "dist/foundation-header.d.ts",
@@ -68,19 +68,19 @@
     "test:debug": "genx test --debug"
   },
   "devDependencies": {
-    "@genesislcap/foundation-testing": "14.141.0",
-    "@genesislcap/genx": "14.141.0",
+    "@genesislcap/foundation-testing": "14.141.2",
+    "@genesislcap/genx": "14.141.2",
     "rimraf": "^3.0.2"
   },
   "dependencies": {
-    "@genesislcap/foundation-comms": "14.141.0",
-    "@genesislcap/foundation-events": "14.141.0",
-    "@genesislcap/foundation-i18n": "14.141.0",
-    "@genesislcap/foundation-logger": "14.141.0",
-    "@genesislcap/foundation-shell": "14.141.0",
-    "@genesislcap/foundation-ui": "14.141.0",
-    "@genesislcap/foundation-utils": "14.141.0",
-    "@genesislcap/foundation-zero": "14.141.0",
+    "@genesislcap/foundation-comms": "14.141.2",
+    "@genesislcap/foundation-events": "14.141.2",
+    "@genesislcap/foundation-i18n": "14.141.2",
+    "@genesislcap/foundation-logger": "14.141.2",
+    "@genesislcap/foundation-shell": "14.141.2",
+    "@genesislcap/foundation-ui": "14.141.2",
+    "@genesislcap/foundation-utils": "14.141.2",
+    "@genesislcap/foundation-zero": "14.141.2",
     "@microsoft/fast-colors": "^5.3.1",
     "@microsoft/fast-components": "^2.30.6",
     "@microsoft/fast-element": "^1.12.0",
@@ -97,5 +97,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "0a56f4af76d0b6852dfb0fd6a01f721db3a1e867"
+  "gitHead": "51b9d2cd8291ce37769cbbb5135f19b8a726f642"
 }

package/docs/api/foundation-header.zeroheader.md

@@ -1,39 +0,0 @@
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[Home](./index.md) &gt; [@genesislcap/foundation-header](./foundation-header.md) &gt; [ZeroHeader](./foundation-header.zeroheader.md)
-
-## ZeroHeader class
-
-ZeroHeader is a zero version of the header micro-frontend.
-
-**Signature:**
-
-```typescript
-export declare class ZeroHeader extends Navigation 
-```
-**Extends:** [Navigation](./foundation-header.navigation.md)
-
-## Remarks
-
-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.
-
-## Example 1
-
-
-```ts
-import { ZeroHeader } from '@genesislcap/foundation-header';
-...
-ZeroHeader
-```
-
-## Example 2
-
-Load the micro frontend on-demand
-
-```ts
-
-  const { ZeroHeader } = await import('@genesislcap/foundation-header');
-  return ZeroHeader;
-},
-```
-