@genesislcap/foundation-header 14.140.0 → 14.141.0

package/dist/dts/components/zero-components.d.ts

@@ -0,0 +1,6 @@
+/**
+ * registerCommonZeroComponents.
+ * @public
+ */
+export declare const registerCommonZeroComponents: () => Promise<void>;
+//# sourceMappingURL=zero-components.d.ts.map

package/dist/dts/components/zero-components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"zero-components.d.ts","sourceRoot":"","sources":["../../../src/components/zero-components.ts"],"names":[],"mappings":"AAsCA;;;GAGG;AACH,eAAO,MAAM,4BAA4B,qBAyBxC,CAAC"}

package/dist/dts/config/config.d.ts

@@ -0,0 +1,33 @@
+import { PartialFASTElementDefinition } from '@microsoft/fast-element';
+import { TemplateOptions } from './templates';
+/**
+ * Do not reference any ../main files here. We must avoid ../tags being referenced and therefore setup pre-configuration.
+ */
+/**
+ * HeaderConfig DI interface.
+ *
+ * @public
+ */
+export interface HeaderConfig extends PartialFASTElementDefinition {
+    /**
+     * Template options.
+     *
+     * @remarks
+     * Used by host applications to assign MF template options and subcomponent tags to align with the host design system.
+     */
+    templateOptions: TemplateOptions;
+}
+/**
+ * Default HeaderConfig DI implementation.
+ * @public
+ */
+export declare const defaultHeaderConfig: HeaderConfig;
+/**
+ * HeaderConfig DI key.
+ *
+ * @internal
+ * @privateRemarks
+ * Marked as internal to stop api-extractor becoming confused cross-linking tokens with the same name.
+ */
+export declare const HeaderConfig: import("@microsoft/fast-foundation").InterfaceSymbol<HeaderConfig>;
+//# sourceMappingURL=config.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../src/config/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,yBAAyB,CAAC;AAEvE,OAAO,EAA0B,eAAe,EAAE,MAAM,aAAa,CAAC;AAEtE;;GAEG;AAEH;;;;GAIG;AACH,MAAM,WAAW,YAAa,SAAQ,4BAA4B;IAChE;;;;;OAKG;IACH,eAAe,EAAE,eAAe,CAAC;CAClC;AAED;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,YAGjC,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,oEAExB,CAAC"}

package/dist/dts/config/configure.d.ts

@@ -0,0 +1,27 @@
+import { HeaderConfig } from './config';
+/**
+ * A function that allows configuring the header micro-frontend with name and templateOptions.
+ *
+ * @remarks
+ * Configure the Header micro frontend for host app integration.
+ *
+ * @example Providing template options to align to your host application.
+ * ```ts
+
+ *   const { configure } = await import('@genesislcap/foundation-header/config'); // < import from the subpath
+ *   return configure({
+ *     name: `nexus-app-header`,
+ *     // These will be merged with the packages `defaultTemplateOptions`. You will need to have these components registered in your application.
+ *     templateOptions: {
+ *       button: 'nexus-button',
+ *       icon: 'nexus-icon-next',
+ *     },
+ *   });
+ * },
+ * ```
+ *
+ * @param config - A partial HeaderConfig.
+ * @public
+ */
+export declare function configure(config: Partial<HeaderConfig>): Promise<typeof import("../main").Navigation>;
+//# sourceMappingURL=configure.d.ts.map

package/dist/dts/config/configure.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"configure.d.ts","sourceRoot":"","sources":["../../../src/config/configure.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAuB,MAAM,UAAU,CAAC;AAE7D;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAsB,SAAS,CAAC,MAAM,EAAE,OAAO,CAAC,YAAY,CAAC,gDA+B5D"}

package/dist/dts/config/index.d.ts

@@ -1,2 +1,4 @@
+export * from './config';
+export * from './configure';
 export * from './targetId';
 //# sourceMappingURL=index.d.ts.map

package/dist/dts/config/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/config/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/config/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC"}

package/dist/dts/config/templates.d.ts

@@ -0,0 +1,34 @@
+import { TemplateElementDependency } from '@genesislcap/foundation-ui';
+import { SyntheticViewTemplate } from '@microsoft/fast-element';
+/**
+ * TemplateComponents.
+ * @public
+ */
+export type TemplateComponents = {
+    icon: TemplateElementDependency;
+    button: TemplateElementDependency;
+    connectionIndicator: TemplateElementDependency;
+    select: TemplateElementDependency;
+    option: TemplateElementDependency;
+    flyout: TemplateElementDependency;
+};
+/**
+ * TemplateOptions.
+ * @public
+ */
+export type TemplateOptions = Partial<TemplateComponents> & {
+    /**
+     * @remarks
+     * Just for reference that template options may be more than tags.
+     * @internal
+     */
+    somePartial?: string | SyntheticViewTemplate;
+};
+/**
+ * defaultTemplateOptions.
+ * @remarks
+ * The default template options this MF has been created with.
+ * @public
+ */
+export declare const defaultTemplateOptions: TemplateOptions;
+//# sourceMappingURL=templates.d.ts.map

package/dist/dts/config/templates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"templates.d.ts","sourceRoot":"","sources":["../../../src/config/templates.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,yBAAyB,CAAC;IAChC,MAAM,EAAE,yBAAyB,CAAC;IAClC,mBAAmB,EAAE,yBAAyB,CAAC;IAC/C,MAAM,EAAE,yBAAyB,CAAC;IAClC,MAAM,EAAE,yBAAyB,CAAC;IAClC,MAAM,EAAE,yBAAyB,CAAC;CACnC,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG,OAAO,CAAC,kBAAkB,CAAC,GAAG;IAC1D;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,qBAAqB,CAAC;CAC9C,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,EAAE,eAOpC,CAAC"}

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

@@ -1,4 +1,4 @@
 export * from './main.styles';
-export { NavTemplate } from './main.template';
+export * from './main.template';
 export * from './main';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/main/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/main/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC"}

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

@@ -1,6 +1,7 @@
 import { Auth, CredentialManager } from '@genesislcap/foundation-comms';
 import { I18next } from '@genesislcap/foundation-i18n';
 import type { FoundationRouteNavItem } from '@genesislcap/foundation-ui';
+import { HeaderConfig } from '../config';
 /**
  * Events dispatched by the navigation control buttons
  * @public
@@ -49,9 +50,7 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     readonly classList: DOMTokenList;
     className: string;
     readonly clientHeight: number;
-    readonly clientLeft: number; /**
-     * Username of the logged in user
-     */
+    readonly clientLeft: number;
     readonly clientTop: number;
     readonly clientWidth: number;
     id: string;
@@ -109,6 +108,11 @@ 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;
@@ -169,7 +173,16 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     ariaChecked: string;
     ariaColCount: string;
     ariaColIndex: string;
-    ariaColIndexText: string;
+    ariaColIndexText: string; /**
+     * Emits the event corresponding to the luminance icon being clicked
+     *
+     * @remarks
+     *
+     * Activated when the user clicks on the moon icon on the navigation
+     * bar right hand side
+     *
+     * @internal
+     */
     ariaColSpan: string;
     ariaCurrent: string;
     ariaDisabled: string;
@@ -202,16 +215,7 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     ariaValueMin: string;
     ariaValueNow: string;
     ariaValueText: string;
-    role: 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
-     */
+    role: string;
     animate(keyframes: PropertyIndexedKeyframes | Keyframe[], options?: number | KeyframeAnimationOptions): Animation;
     getAnimations(options?: GetAnimationsOptions): Animation[];
     after(...nodes: (string | Node)[]): void;
@@ -382,6 +386,7 @@ export declare class Navigation extends Navigation_base {
     auth: Auth;
     credentialManager: CredentialManager;
     i18next: I18next;
+    headerConfig: HeaderConfig;
     ready: boolean;
     /**
      * Username of the logged in user
@@ -474,16 +479,6 @@ export declare class Navigation extends Navigation_base {
      * If present the defined {@link @genesislcap/foundation-ui#FoundationRouteNavItem | FoundationRouteNavItems} will be rendered in the header 'routes' slot
      */
     routeNavItems: FoundationRouteNavItem[];
-    /**
-     * Load remote components
-     *
-     * @remarks
-     *
-     * With regards to module federation
-     *
-     * @internal
-     */
-    loadRemotes(): Promise<void>;
     selectTemplate(): import("@microsoft/fast-element").ViewTemplate<Navigation, any>;
     /**
      * Logs the user out of their session
@@ -573,5 +568,39 @@ export declare class Navigation extends Navigation_base {
      */
     toLocalisedText(text: string): string;
 }
+/**
+ * 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 {};
 //# sourceMappingURL=main.d.ts.map

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

@@ -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;AAS9F;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,wBAAwB,EAAE,IAAI,CAAC;IAC/B,mBAAmB,EAAE,IAAI,CAAC;IAC1B,2BAA2B,EAAE,IAAI,CAAC;IAClC,kBAAkB,EAAE,IAAI,CAAC;CAC1B,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B,kBAAkB,EAAE,MAAM,EAAE,CAAC;IAC7B,gBAAgB,EAAE,MAAM,CAAC;CAC1B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAkDA;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAmPH;;;;;;;;;OASG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA3SL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,qBAKa,UAAW,SAAQ,eAAmC;IAC3D,IAAI,EAAG,IAAI,CAAC;IACC,iBAAiB,EAAG,iBAAiB,CAAC;IAChD,OAAO,EAAG,OAAO,CAAC;IAEf,KAAK,EAAE,OAAO,CAAS;IAEnC;;OAEG;IACgB,QAAQ,EAAE,MAAM,CAAC;IAExB,WAAW,UAAS;IAEnB,iBAAiB;IAU9B;;;;;;;OAOG;IAC8B,OAAO,EAAE,GAAG,CAAQ;IAErD;;;;;;;OAOG;IAEH,yBAAyB,EAAE,OAAO,CAAC;IAEnC;;;;;;;OAOG;IAC8D,oBAAoB,EAAE,OAAO,CAAC;IAE/F;;;;;;;;;OASG;IAEH,uBAAuB,EAAE,OAAO,CAAC;IAEjC;;OAEG;IACH,8BAA8B;IAI9B;;;;OAIG;IAEH,uBAAuB,EAAE,OAAO,CAAQ;IAExC;;;;;;;;OAQG;IAEH,oBAAoB,EAAE,OAAO,CAAS;IAE1B,eAAe,EAAE,eAAe,CAG1C;IAEF;;;;OAIG;IAEH,WAAW,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IACS,YAAY,EAAE,KAAK,CAAC;QAC9B,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC,CAAC;IAEH;;OAEG;IACH,mBAAmB;IAiBnB;;OAEG;IACS,aAAa,EAAE,sBAAsB,EAAE,CAAC;IAEpD;;;;;;;;OAQG;IACG,WAAW;IAKjB,cAAc;IAId;;;;;;;;;OASG;IACU,MAAM;IAgBnB;;;;;;;;;;OAUG;IACI,UAAU,CAAC,IAAI,EAAE,MAAM;IAS9B;;;;;;;;;OASG;IACH,mBAAmB;IAInB;;;;;;;;;OASG;IACH,kBAAkB;IAIlB;;;;;;;;;OASG;IACH,aAAa;IAIb;;;;;;;;;OASG;IACH,qBAAqB;IAIrB;;;;;;;;OAQG;IACH,cAAc,CAAC,CAAC,EAAE,WAAW;IAK7B;;;;;;;;OAQG;IACH,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;CAKtC"}
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../../src/main/main.ts"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"main.styles.d.ts","sourceRoot":"","sources":["../../../src/main/main.styles.ts"],"names":[],"mappings":"AAYA;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,iDA6PgD,CAAC"}
+{"version":3,"file":"main.styles.d.ts","sourceRoot":"","sources":["../../../src/main/main.styles.ts"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,iDAiLgD,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"main.template.d.ts","sourceRoot":"","sources":["../../../src/main/main.template.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AA0EzC;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,WAAW,+BA+GvB,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,eAAe,EAAE,YAAY,CAAC,UAAU,CAEpD,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,eAAe,EAAE,YAAY,CAAC,UAAU,CAEpD,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,YAAY,EAAE,YAAY,CAAC,UAAU,CAEjD,CAAC"}
+{"version":3,"file":"main.template.d.ts","sourceRoot":"","sources":["../../../src/main/main.template.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAU5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AA6EzC;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,WAAW,+BA+GvB,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,eAAe,EAAE,YAAY,CAAC,UAAU,CAEpD,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,eAAe,EAAE,YAAY,CAAC,UAAU,CAEpD,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,YAAY,EAAE,YAAY,CAAC,UAAU,CAEjD,CAAC"}

package/dist/dts/tags/index.d.ts

@@ -0,0 +1,2 @@
+export * from './tags';
+//# sourceMappingURL=index.d.ts.map

package/dist/dts/tags/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tags/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}

package/dist/dts/tags/tags.d.ts

@@ -0,0 +1,36 @@
+/**
+ * It's important this file isn't referenced ahead of a `configure` call, otherwise these values may remain fixed at
+ * their defaults. Consumers must use the `/config` subpath to help avoid this. Files with references to tags should be
+ * lazily loaded. There is an alternative `getTags` utility at the end which could offer another approach, but direct
+ * tag exports and inline template references feel cleaner than having to convert all component `template` and `styles`
+ * exports to functions to call `getTags` on execution.
+ */
+/**
+ * @internal
+ */
+export declare const templateOptions: import("../config/templates").TemplateOptions;
+/**
+ * @internal
+ */
+export declare const iconTag: string;
+/**
+ * @internal
+ */
+export declare const buttonTag: string;
+/**
+ * @internal
+ */
+export declare const connectionIndicatorTag: string;
+/**
+ * @internal
+ */
+export declare const selectTag: string;
+/**
+ * @internal
+ */
+export declare const optionTag: string;
+/**
+ * @internal
+ */
+export declare const flyoutTag: string;
+//# sourceMappingURL=tags.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tags.d.ts","sourceRoot":"","sources":["../../../src/tags/tags.ts"],"names":[],"mappings":"AAKA;;;;;;GAMG;AAEH;;GAEG;AACH,eAAO,MAAQ,eAAe,+CACkB,CAAC;AAEjD;;GAEG;AACH,eAAO,MAAM,OAAO,QAA+B,CAAC;AAEpD;;GAEG;AACH,eAAO,MAAM,SAAS,QAAiC,CAAC;AAExD;;GAEG;AACH,eAAO,MAAM,sBAAsB,QAA8C,CAAC;AAElF;;GAEG;AACH,eAAO,MAAM,SAAS,QAAiC,CAAC;AAExD;;GAEG;AACH,eAAO,MAAM,SAAS,QAAiC,CAAC;AAExD;;GAEG;AACH,eAAO,MAAM,SAAS,QAAiC,CAAC"}

package/dist/esm/components/zero-components.js

@@ -0,0 +1,48 @@
+import { __awaiter } from "tslib";
+import { assureDesignSystem, ResourceType, } from '@genesislcap/foundation-utils';
+import { logger } from '../utils';
+/**
+ * zeroDesignSystemImport.
+ * @remarks
+ * Attempts to use a module federation version of zero before falling back to the version that was bundled with the app.
+ * @internal
+ */
+function zeroDesignSystemImport() {
+    return __awaiter(this, void 0, void 0, function* () {
+        let module;
+        let type = ResourceType.remote;
+        try {
+            // @ts-ignore
+            module = yield import(
+            /* webpackChunkName: "foundation-zero" */
+            'foundationZero/ZeroDesignSystem');
+            return assureDesignSystem(module);
+        }
+        catch (e) {
+            logger.info(`Please note remoteEntry.js load errors are expected if module federated dependencies are offline. Falling back to locally bundled versions.`);
+            type = ResourceType.local;
+            module = yield import(
+            /* webpackChunkName: "foundation-zero" */
+            '@genesislcap/foundation-zero');
+            return assureDesignSystem(module);
+        }
+        finally {
+            logger.debug(`Using '${type}' version of foundation-zero`);
+        }
+    });
+}
+/**
+ * registerCommonZeroComponents.
+ * @public
+ */
+export const registerCommonZeroComponents = () => __awaiter(void 0, void 0, void 0, function* () {
+    const { provideDesignSystem, zeroIcon, zeroButton, zeroSelect, zeroListboxOption, zeroFlyout, zeroConnectionIndicator, } = yield zeroDesignSystemImport();
+    /**
+     * Register the components the app is using with the system.
+     */
+    provideDesignSystem().register(
+    /**
+     * Common across most routes, so batch register these lightweight components upfront.
+     */
+    zeroIcon(), zeroButton(), zeroSelect(), zeroListboxOption(), zeroFlyout(), zeroConnectionIndicator);
+});

package/dist/esm/config/config.js

@@ -0,0 +1,18 @@
+import { DI } from '@microsoft/fast-foundation';
+import { defaultTemplateOptions } from './templates';
+/**
+ * Default HeaderConfig DI implementation.
+ * @public
+ */
+export const defaultHeaderConfig = {
+    name: 'foundation-header',
+    templateOptions: defaultTemplateOptions,
+};
+/**
+ * HeaderConfig DI key.
+ *
+ * @internal
+ * @privateRemarks
+ * Marked as internal to stop api-extractor becoming confused cross-linking tokens with the same name.
+ */
+export const HeaderConfig = DI.createInterface((x) => x.instance(defaultHeaderConfig));

package/dist/esm/config/configure.js

@@ -0,0 +1,56 @@
+import { __awaiter } from "tslib";
+import { FASTElement } from '@microsoft/fast-element';
+import { DI, Registration } from '@microsoft/fast-foundation';
+import { HeaderConfig, defaultHeaderConfig } from './config';
+/**
+ * A function that allows configuring the header micro-frontend with name and templateOptions.
+ *
+ * @remarks
+ * Configure the Header micro frontend for host app integration.
+ *
+ * @example Providing template options to align to your host application.
+ * ```ts
+
+ *   const { configure } = await import('@genesislcap/foundation-header/config'); // < import from the subpath
+ *   return configure({
+ *     name: `nexus-app-header`,
+ *     // These will be merged with the packages `defaultTemplateOptions`. You will need to have these components registered in your application.
+ *     templateOptions: {
+ *       button: 'nexus-button',
+ *       icon: 'nexus-icon-next',
+ *     },
+ *   });
+ * },
+ * ```
+ *
+ * @param config - A partial HeaderConfig.
+ * @public
+ */
+export function configure(config) {
+    return __awaiter(this, void 0, void 0, function* () {
+        /**
+         * Merge the configs
+         */
+        const value = Object.assign(Object.assign({}, defaultHeaderConfig), config);
+        if (config.templateOptions) {
+            value.templateOptions = Object.assign(Object.assign({}, defaultHeaderConfig.templateOptions), config.templateOptions);
+        }
+        /**
+         * Register a new HeaderConfig
+         */
+        DI.getOrCreateDOMContainer().register(Registration.instance(HeaderConfig, value));
+        /**
+         * Lazily reference and define the micro frontend element post config setting.
+         */
+        const { Navigation, DynamicTemplate, MainStyles } = yield import('../main');
+        const { name, attributes, shadowOptions, elementOptions } = value;
+        return FASTElement.define(Navigation, {
+            name,
+            template: DynamicTemplate,
+            styles: MainStyles,
+            attributes,
+            shadowOptions,
+            elementOptions,
+        });
+    });
+}

package/dist/esm/config/index.js

@@ -1 +1,3 @@
+export * from './config';
+export * from './configure';
 export * from './targetId';

package/dist/esm/config/templates.js

@@ -0,0 +1,14 @@
+/**
+ * defaultTemplateOptions.
+ * @remarks
+ * The default template options this MF has been created with.
+ * @public
+ */
+export const defaultTemplateOptions = {
+    icon: 'zero-icon',
+    button: 'zero-button',
+    connectionIndicator: 'zero-connection-indicator',
+    select: 'zero-select',
+    option: 'zero-option',
+    flyout: 'zero-flyout',
+};

package/dist/esm/main/index.js

@@ -1,3 +1,3 @@
 export * from './main.styles';
-export { NavTemplate } from './main.template';
+export * from './main.template';
 export * from './main';

package/dist/esm/main/main.js

@@ -5,7 +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 * as Components from '../components';
+import { HeaderConfig } from '../config';
 import { logger } from '../utils';
 import { MainStyles as styles } from './main.styles';
 import { DynamicTemplate as template, LoadingTemplate, MainTemplate } from './main.template';
@@ -42,7 +42,7 @@ import { DynamicTemplate as template, LoadingTemplate, MainTemplate } from './ma
  * @fires language-changed - Dispatched when the user changes the language in the language selector.
  *
  */
-let Navigation = class Navigation extends EventEmitter(FASTElement) {
+export class Navigation extends EventEmitter(FASTElement) {
     constructor() {
         var _a;
         super(...arguments);
@@ -85,10 +85,10 @@ let Navigation = class Navigation extends EventEmitter(FASTElement) {
         return __awaiter(this, void 0, void 0, function* () {
             _super.connectedCallback.call(this);
             logger.debug(`foundation-header is now connected to the DOM`);
-            yield this.loadRemotes();
             this.userName = this.auth.loggedUserResult
                 ? this.auth.loggedUserResult.username
                 : 'Genesis User';
+            this.ready = true;
         });
     }
     /**
@@ -116,21 +116,6 @@ let Navigation = class Navigation extends EventEmitter(FASTElement) {
             }));
         }
     }
-    /**
-     * Load remote components
-     *
-     * @remarks
-     *
-     * With regards to module federation
-     *
-     * @internal
-     */
-    loadRemotes() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const remoteComponents = yield Components.loadRemotes();
-            this.ready = true;
-        });
-    }
     selectTemplate() {
         return this.ready ? MainTemplate : LoadingTemplate;
     }
@@ -261,7 +246,7 @@ let Navigation = class Navigation extends EventEmitter(FASTElement) {
             ? this.i18next.t(text, { lng: this.i18next.language })
             : text;
     }
-};
+}
 __decorate([
     Auth
 ], Navigation.prototype, "auth", void 0);
@@ -271,6 +256,9 @@ __decorate([
 __decorate([
     I18next
 ], Navigation.prototype, "i18next", void 0);
+__decorate([
+    HeaderConfig
+], Navigation.prototype, "headerConfig", void 0);
 __decorate([
     observable
 ], Navigation.prototype, "ready", void 0);
@@ -310,11 +298,58 @@ __decorate([
 __decorate([
     observable
 ], Navigation.prototype, "routeNavItems", void 0);
-Navigation = __decorate([
+/**
+ * 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
+ */
+let ZeroHeader = class ZeroHeader extends Navigation {
+    /**
+     * @internal
+     */
+    connectedCallback() {
+        const _super = Object.create(null, {
+            connectedCallback: { get: () => super.connectedCallback }
+        });
+        return __awaiter(this, void 0, void 0, function* () {
+            _super.connectedCallback.call(this);
+            yield this.loadRemotes();
+        });
+    }
+    /**
+     * @internal
+     */
+    loadRemotes() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const { registerCommonZeroComponents } = yield import('../components/zero-components');
+            yield registerCommonZeroComponents();
+        });
+    }
+};
+ZeroHeader = __decorate([
     customElement({
-        name: 'foundation-header',
+        name: 'zero-header',
         template,
         styles,
     })
-], Navigation);
-export { Navigation };
+], ZeroHeader);
+export { ZeroHeader };