@genesislcap/foundation-header 14.178.0 → 14.180.0

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

@@ -0,0 +1,5 @@
+/**
+ * @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":"AAoCA;;GAEG;AACH,eAAO,MAAM,4BAA4B,qBA8BxC,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,26 @@
+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;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAsB,SAAS,CAAC,MAAM,EAAE,OAAO,CAAC,YAAY,CAAC,gDAgC5D"}

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,35 @@
+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;
+    provider: 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;IAClC,QAAQ,EAAE,yBAAyB,CAAC;CACrC,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,eAQpC,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;
@@ -65,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;
@@ -159,7 +166,17 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     readonly ELEMENT_NODE: number;
     readonly ENTITY_NODE: number;
     readonly ENTITY_REFERENCE_NODE: number;
-    readonly NOTATION_NODE: number;
+    readonly NOTATION_NODE: number; /**
+     * Changes the route of the current page
+     *
+     * @remarks
+     *
+     * Requires setup of the Router and usage of the FAST Router
+     *
+     * @param path - string represeting the new route to move to
+     *
+     * @public
+     */
     readonly PROCESSING_INSTRUCTION_NODE: number;
     readonly TEXT_NODE: number;
     dispatchEvent(event: Event): boolean;
@@ -184,7 +201,16 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     ariaModal: string;
     ariaMultiLine: string;
     ariaMultiSelectable: string;
-    ariaOrientation: string;
+    ariaOrientation: 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
+     */
     ariaPlaceholder: string;
     ariaPosInSet: string;
     ariaPressed: string;
@@ -202,16 +228,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 +399,7 @@ export declare class Navigation extends Navigation_base {
     auth: Auth;
     credentialManager: CredentialManager;
     i18next: I18next;
+    headerConfig: HeaderConfig;
     ready: boolean;
     /**
      * Username of the logged in user
@@ -573,5 +591,53 @@ export declare class Navigation extends Navigation_base {
      */
     toLocalisedText(text: string): string;
 }
+/**
+ * FoundationHeader.
+ *
+ * @remarks
+ * Base MF export used by host application `configure` calls. It does not set up a design system or components. Both are
+ * expected to be registered in the host application, which should provide the details of which to the MF via
+ * TemplateOptions.
+ *
+ * See the {@link configure} hook for more information on how to set up and use this micro frontend in your application.
+ *
+ * @privateRemarks
+ * We will override loadRemotes to remove zero. This setup is the inverse of FoundationAuth.
+ * We're doing this to avoid a breaking change, so consumers can continue to use Navigation which bundles zero.
+ *
+ * @public
+ */
+export declare class FoundationHeader extends Navigation {
+    loadRemotes(): Promise<void>;
+}
+/**
+ * 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 so that it can run standalone.
+ * Generally this is used for development purposes, but can be deployed as a standalone application if required or be
+ * used by a host application that is already using zero. 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');
+ * },
+ * ```
+ *
+ * @privateRemarks
+ * For now we just extend Navigation as is, given that is ZeroHeader really.
+ *
+ * @public
+ */
+export declare class ZeroHeader extends Navigation {
+}
 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":"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;AAI9F,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAKzC;;;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAoEA;;;;;;;OAOG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAgKH;;;;;;;;;;OAUG;;;;;;;;;;;;;;;;;;;;;;;;;6BAwBH;;;;;;;;;OASG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAjRL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,qBAKa,UAAW,SAAQ,eAAmC;IAC3D,IAAI,EAAG,IAAI,CAAC;IACC,iBAAiB,EAAG,iBAAiB,CAAC;IAChD,OAAO,EAAG,OAAO,CAAC;IACb,YAAY,EAAG,YAAY,CAAC;IAE9B,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;IAMjB,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;AAED;;;;;;;;;;;;;;;GAeG;AACH,qBAAa,gBAAiB,SAAQ,UAAU;IACxC,WAAW;CAGlB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,qBAKa,UAAW,SAAQ,UAAU;CAAG"}

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,iDAmLgD,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;AAW5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AA6EzC;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,WAAW,+BA6FvB,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,eAAe,EAAE,YAAY,CAAC,UAAU,CAIpD,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,40 @@
+/**
+ * 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;
+/**
+ * @internal
+ */
+export declare const providerTag: 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;AAExD;;GAEG;AACH,eAAO,MAAM,WAAW,QAAmC,CAAC"}

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

@@ -0,0 +1,49 @@
+import { __awaiter } from "tslib";
+import { assureDesignSystem, ResourceType, } from '@genesislcap/foundation-utils';
+import { logger } from '../utils';
+/**
+ * @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 {
+            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`);
+        }
+    });
+}
+/**
+ * @public
+ */
+export const registerCommonZeroComponents = () => __awaiter(void 0, void 0, void 0, function* () {
+    const { provideDesignSystem, zeroIcon, zeroButton, zeroDesignSystemProvider, zeroSelect, zeroListboxOption, zeroFlyout, zeroConnectionIndicator, } = yield zeroDesignSystemImport();
+    /**
+     * Register the components the app is using with the system.
+     */
+    provideDesignSystem().register(
+    /**
+     * Design system provider element used to declaratively apply zero config to every dom node in the host tree.
+     */
+    zeroDesignSystemProvider(), 
+    /**
+     * 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,55 @@
+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(Object.assign({}, defaultHeaderConfig.templateOptions), { provider: 'template' }), 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,15 @@
+/**
+ * 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',
+    provider: 'zero-design-system-provider',
+};

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';
@@ -127,7 +127,8 @@ let Navigation = class Navigation extends EventEmitter(FASTElement) {
      */
     loadRemotes() {
         return __awaiter(this, void 0, void 0, function* () {
-            const remoteComponents = yield Components.loadRemotes();
+            const { registerCommonZeroComponents } = yield import('../components/zero-components');
+            yield registerCommonZeroComponents();
             this.ready = true;
         });
     }
@@ -271,6 +272,9 @@ __decorate([
 __decorate([
     I18next
 ], Navigation.prototype, "i18next", void 0);
+__decorate([
+    HeaderConfig
+], Navigation.prototype, "headerConfig", void 0);
 __decorate([
     observable
 ], Navigation.prototype, "ready", void 0);
@@ -318,3 +322,63 @@ Navigation = __decorate([
     })
 ], Navigation);
 export { Navigation };
+/**
+ * FoundationHeader.
+ *
+ * @remarks
+ * Base MF export used by host application `configure` calls. It does not set up a design system or components. Both are
+ * expected to be registered in the host application, which should provide the details of which to the MF via
+ * TemplateOptions.
+ *
+ * See the {@link configure} hook for more information on how to set up and use this micro frontend in your application.
+ *
+ * @privateRemarks
+ * We will override loadRemotes to remove zero. This setup is the inverse of FoundationAuth.
+ * We're doing this to avoid a breaking change, so consumers can continue to use Navigation which bundles zero.
+ *
+ * @public
+ */
+export class FoundationHeader extends Navigation {
+    loadRemotes() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.ready = true;
+        });
+    }
+}
+/**
+ * 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 so that it can run standalone.
+ * Generally this is used for development purposes, but can be deployed as a standalone application if required or be
+ * used by a host application that is already using zero. 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');
+ * },
+ * ```
+ *
+ * @privateRemarks
+ * For now we just extend Navigation as is, given that is ZeroHeader really.
+ *
+ * @public
+ */
+let ZeroHeader = class ZeroHeader extends Navigation {
+};
+ZeroHeader = __decorate([
+    customElement({
+        name: 'zero-header',
+        template,
+        styles,
+    })
+], ZeroHeader);
+export { ZeroHeader };