@genesislcap/foundation-header 14.217.0 → 14.217.1-alpha-bbbd2b3.0

package/dist/custom-elements.json

@@ -31,27 +31,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/zero-components.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "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",
@@ -174,186 +153,25 @@
     },
     {
       "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",
+      "path": "src/components/zero-components.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'"
-            }
-          ]
+          "name": "registerCommonZeroComponents",
+          "privacy": "public"
         }
       ],
       "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",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
+          "name": "registerCommonZeroComponents",
           "declaration": {
-            "name": "*",
-            "package": "./tags"
+            "name": "registerCommonZeroComponents",
+            "module": "src/components/zero-components.ts"
           }
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/tags/tags.ts",
-      "declarations": [],
-      "exports": []
-    },
     {
       "kind": "javascript-module",
       "path": "src/main/index.ts",
@@ -1694,6 +1512,188 @@
         }
       ]
     },
+    {
+      "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",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./tags"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/tags/tags.ts",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "src/utils/index.ts",

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

@@ -1,6 +1,6 @@
 import { Auth, CredentialManager } from '@genesislcap/foundation-comms';
 import { I18next } from '@genesislcap/foundation-i18n';
-import type { FoundationRouteNavItem } from '@genesislcap/foundation-ui';
+import { FoundationRouteNavItem } from '@genesislcap/foundation-router';
 import { HeaderConfig } from '../config/config';
 /**
  * Events dispatched by the navigation control buttons
@@ -65,14 +65,7 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     readonly scrollHeight: number;
     scrollLeft: number;
     scrollTop: number;
-    readonly scrollWidth: 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
-     */
+    readonly scrollWidth: number;
     readonly shadowRoot: ShadowRoot;
     slot: string;
     readonly tagName: string;
@@ -96,7 +89,9 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     getElementsByTagNameNS(namespace: string, localName: string): HTMLCollectionOf<Element>;
     hasAttribute(qualifiedName: string): boolean;
     hasAttributeNS(namespace: string, localName: string): boolean;
-    hasAttributes(): boolean;
+    hasAttributes(): boolean; /**
+     * @internal
+     */
     hasPointerCapture(pointerId: number): boolean;
     insertAdjacentElement(where: InsertPosition, element: Element): Element;
     insertAdjacentHTML(position: InsertPosition, text: string): void;
@@ -138,14 +133,20 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     appendChild<T extends Node>(node: T): T;
     cloneNode(deep?: boolean): Node;
     compareDocumentPosition(other: Node): number;
-    contains(other: Node): boolean; /**
-     * If present the defined {@link @genesislcap/foundation-ui#FoundationRouteNavItem | FoundationRouteNavItems} will be rendered in the header 'routes' slot
-     */
+    contains(other: Node): boolean;
     getRootNode(options?: GetRootNodeOptions): Node;
     hasChildNodes(): boolean;
     insertBefore<T_1 extends Node>(node: T_1, child: Node): T_1;
     isDefaultNamespace(namespace: string): boolean;
-    isEqualNode(otherNode: Node): boolean;
+    isEqualNode(otherNode: Node): boolean; /**
+     * Load remote components
+     *
+     * @remarks
+     *
+     * With regards to module federation
+     *
+     * @internal
+     */
     isSameNode(otherNode: Node): boolean;
     lookupNamespaceURI(prefix: string): string;
     lookupPrefix(namespace: string): string;
@@ -155,6 +156,16 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     readonly ATTRIBUTE_NODE: number;
     readonly CDATA_SECTION_NODE: number;
     readonly COMMENT_NODE: number;
+    /**
+     * Logs the user out of their session
+     *
+     * @remarks
+     *
+     * Activated when the user clicks on the logout button on the right hand side of the navigation bar. Requires
+     * the usage of the auth functionality from {@link @genesislcap/foundation-comms#Auth}.
+     *
+     * @public
+     */
     readonly DOCUMENT_FRAGMENT_NODE: number;
     readonly DOCUMENT_NODE: number;
     readonly DOCUMENT_POSITION_CONTAINED_BY: number;
@@ -172,6 +183,17 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     readonly TEXT_NODE: number;
     dispatchEvent(event: Event): boolean;
     ariaAtomic: string;
+    /**
+     * 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
+     */
     ariaAutoComplete: string;
     ariaBusy: string;
     ariaChecked: string;
@@ -197,16 +219,6 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     ariaPosInSet: string;
     ariaPressed: string;
     ariaReadOnly: string;
-    /**
-     * Opens the flyout menu on the left hand side
-     *
-     * @remarks
-     *
-     * Activated when the user clicks on the menu button on the navigation
-     * bar left hand side
-     *
-     * @internal
-     */
     ariaRequired: string;
     ariaRoleDescription: string;
     ariaRowCount: string;
@@ -232,16 +244,6 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     readonly previousElementSibling: Element;
     readonly childElementCount: number;
     readonly children: HTMLCollection;
-    /**
-     * Emits the event corresponding to the miscellaneous icon being clicked
-     *
-     * @remarks
-     *
-     * Activated when the user clicks on the menu icon on the navigation
-     * bar right hand side
-     *
-     * @internal
-     */
     readonly firstElementChild: Element;
     readonly lastElementChild: Element;
     append(...nodes: (string | Node)[]): void;
@@ -264,22 +266,6 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     readonly isContentEditable: boolean;
     onabort: (this: GlobalEventHandlers, ev: UIEvent) => any;
     onanimationcancel: (this: GlobalEventHandlers, ev: AnimationEvent) => any;
-    /**
-     * 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
-     */
     onanimationend: (this: GlobalEventHandlers, ev: AnimationEvent) => any;
     onanimationiteration: (this: GlobalEventHandlers, ev: AnimationEvent) => any;
     onanimationstart: (this: GlobalEventHandlers, ev: AnimationEvent) => any;

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

@@ -2,8 +2,8 @@ import { __awaiter, __decorate } from "tslib";
 import { Auth, CredentialManager } from '@genesislcap/foundation-comms';
 import { EventEmitter } from '@genesislcap/foundation-events';
 import { I18next } from '@genesislcap/foundation-i18n';
+import { FoundationRouteNav } from '@genesislcap/foundation-router';
 import { FASTElement, customElement, observable, attr } from '@microsoft/fast-element';
-import { Route } from '@microsoft/fast-router';
 import logo from '../assets/logo.svg';
 import { HeaderConfig } from '../config/config';
 import { logger } from '../utils';
@@ -179,7 +179,8 @@ let Navigation = class Navigation extends EventEmitter(FASTElement) {
     navigateTo(path) {
         try {
             logger.debug('navigateTo', path);
-            Route.path.push(path);
+            // Review for name based navigation
+            FoundationRouteNav.path.push(path);
         }
         catch (err) {
             logger.error(`Error: ${err.message}`);

package/dist/foundation-header.api.json

@@ -1076,7 +1076,7 @@
                 {
                   "kind": "Reference",
                   "text": "FoundationRouteNavItem",
-                  "canonicalReference": "@genesislcap/foundation-ui!FoundationRouteNavItem:type"
+                  "canonicalReference": "@genesislcap/foundation-router!FoundationRouteNavItem:type"
                 },
                 {
                   "kind": "Content",

package/dist/foundation-header.d.ts

@@ -4,7 +4,7 @@ import { CredentialManager } from '@genesislcap/foundation-comms';
 import { ElementStyles } from '@microsoft/fast-element';
 import { EmitOptions } from '@genesislcap/foundation-events';
 import { EmitReturn } from '@genesislcap/foundation-events';
-import type { FoundationRouteNavItem } from '@genesislcap/foundation-ui';
+import { FoundationRouteNavItem } from '@genesislcap/foundation-router';
 import { I18next } from '@genesislcap/foundation-i18n';
 import { InterfaceSymbol } from '@microsoft/fast-foundation';
 import { PartialFASTElementDefinition } from '@microsoft/fast-element';
@@ -472,14 +472,7 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     readonly scrollHeight: number;
     scrollLeft: number;
     scrollTop: number;
-    readonly scrollWidth: 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
-    */
+    readonly scrollWidth: number;
     readonly shadowRoot: ShadowRoot;
     slot: string;
     readonly tagName: string;
@@ -503,7 +496,9 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     getElementsByTagNameNS(namespace: string, localName: string): HTMLCollectionOf<Element>;
     hasAttribute(qualifiedName: string): boolean;
     hasAttributeNS(namespace: string, localName: string): boolean;
-    hasAttributes(): boolean;
+    hasAttributes(): boolean; /**
+    * @internal
+    */
     hasPointerCapture(pointerId: number): boolean;
     insertAdjacentElement(where: InsertPosition, element: Element): Element;
     insertAdjacentHTML(position: InsertPosition, text: string): void;
@@ -545,14 +540,20 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     appendChild<T extends Node>(node: T): T;
     cloneNode(deep?: boolean): Node;
     compareDocumentPosition(other: Node): number;
-    contains(other: Node): boolean; /**
-    * If present the defined {@link @genesislcap/foundation-ui#FoundationRouteNavItem | FoundationRouteNavItems} will be rendered in the header 'routes' slot
-    */
+    contains(other: Node): boolean;
     getRootNode(options?: GetRootNodeOptions): Node;
     hasChildNodes(): boolean;
     insertBefore<T_1 extends Node>(node: T_1, child: Node): T_1;
     isDefaultNamespace(namespace: string): boolean;
-    isEqualNode(otherNode: Node): boolean;
+    isEqualNode(otherNode: Node): boolean; /**
+    * Load remote components
+    *
+    * @remarks
+    *
+    * With regards to module federation
+    *
+    * @internal
+    */
     isSameNode(otherNode: Node): boolean;
     lookupNamespaceURI(prefix: string): string;
     lookupPrefix(namespace: string): string;
@@ -562,6 +563,16 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     readonly ATTRIBUTE_NODE: number;
     readonly CDATA_SECTION_NODE: number;
     readonly COMMENT_NODE: number;
+    /**
+     * Logs the user out of their session
+     *
+     * @remarks
+     *
+     * Activated when the user clicks on the logout button on the right hand side of the navigation bar. Requires
+     * the usage of the auth functionality from {@link @genesislcap/foundation-comms#Auth}.
+     *
+     * @public
+     */
     readonly DOCUMENT_FRAGMENT_NODE: number;
     readonly DOCUMENT_NODE: number;
     readonly DOCUMENT_POSITION_CONTAINED_BY: number;
@@ -579,6 +590,17 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     readonly TEXT_NODE: number;
     dispatchEvent(event: Event): boolean;
     ariaAtomic: string;
+    /**
+     * 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
+     */
     ariaAutoComplete: string;
     ariaBusy: string;
     ariaChecked: string;
@@ -604,16 +626,6 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     ariaPosInSet: string;
     ariaPressed: string;
     ariaReadOnly: string;
-    /**
-     * Opens the flyout menu on the left hand side
-     *
-     * @remarks
-     *
-     * Activated when the user clicks on the menu button on the navigation
-     * bar left hand side
-     *
-     * @internal
-     */
     ariaRequired: string;
     ariaRoleDescription: string;
     ariaRowCount: string;
@@ -639,16 +651,6 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     readonly previousElementSibling: Element;
     readonly childElementCount: number;
     readonly children: HTMLCollection;
-    /**
-     * Emits the event corresponding to the miscellaneous icon being clicked
-     *
-     * @remarks
-     *
-     * Activated when the user clicks on the menu icon on the navigation
-     * bar right hand side
-     *
-     * @internal
-     */
     readonly firstElementChild: Element;
     readonly lastElementChild: Element;
     append(...nodes: (string | Node)[]): void;
@@ -671,22 +673,6 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     readonly isContentEditable: boolean;
     onabort: (this: GlobalEventHandlers, ev: UIEvent) => any;
     onanimationcancel: (this: GlobalEventHandlers, ev: AnimationEvent) => any;
-    /**
-     * 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
-     */
     onanimationend: (this: GlobalEventHandlers, ev: AnimationEvent) => any;
     onanimationiteration: (this: GlobalEventHandlers, ev: AnimationEvent) => any;
     onanimationstart: (this: GlobalEventHandlers, ev: AnimationEvent) => any;

package/docs/api-report.md

@@ -10,7 +10,7 @@ import { CredentialManager } from '@genesislcap/foundation-comms';
 import { ElementStyles } from '@microsoft/fast-element';
 import { EmitOptions } from '@genesislcap/foundation-events';
 import { EmitReturn } from '@genesislcap/foundation-events';
-import type { FoundationRouteNavItem } from '@genesislcap/foundation-ui';
+import { FoundationRouteNavItem } from '@genesislcap/foundation-router';
 import { I18next } from '@genesislcap/foundation-i18n';
 import { InterfaceSymbol } from '@microsoft/fast-foundation';
 import { PartialFASTElementDefinition } from '@microsoft/fast-element';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-header",
   "description": "Genesis Foundation Header",
-  "version": "14.217.0",
+  "version": "14.217.1-alpha-bbbd2b3.0",
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
   "types": "dist/foundation-header.d.ts",
@@ -76,28 +76,28 @@
     }
   },
   "devDependencies": {
-    "@genesislcap/foundation-testing": "14.217.0",
-    "@genesislcap/genx": "14.217.0",
-    "@genesislcap/rollup-builder": "14.217.0",
-    "@genesislcap/ts-builder": "14.217.0",
-    "@genesislcap/uvu-playwright-builder": "14.217.0",
-    "@genesislcap/vite-builder": "14.217.0",
-    "@genesislcap/webpack-builder": "14.217.0",
+    "@genesislcap/foundation-testing": "14.217.1-alpha-bbbd2b3.0",
+    "@genesislcap/genx": "14.217.1-alpha-bbbd2b3.0",
+    "@genesislcap/rollup-builder": "14.217.1-alpha-bbbd2b3.0",
+    "@genesislcap/ts-builder": "14.217.1-alpha-bbbd2b3.0",
+    "@genesislcap/uvu-playwright-builder": "14.217.1-alpha-bbbd2b3.0",
+    "@genesislcap/vite-builder": "14.217.1-alpha-bbbd2b3.0",
+    "@genesislcap/webpack-builder": "14.217.1-alpha-bbbd2b3.0",
     "rimraf": "^5.0.0"
   },
   "dependencies": {
-    "@genesislcap/foundation-comms": "14.217.0",
-    "@genesislcap/foundation-events": "14.217.0",
-    "@genesislcap/foundation-i18n": "14.217.0",
-    "@genesislcap/foundation-logger": "14.217.0",
-    "@genesislcap/foundation-shell": "14.217.0",
-    "@genesislcap/foundation-ui": "14.217.0",
-    "@genesislcap/foundation-utils": "14.217.0",
-    "@genesislcap/foundation-zero": "14.217.0",
+    "@genesislcap/foundation-comms": "14.217.1-alpha-bbbd2b3.0",
+    "@genesislcap/foundation-events": "14.217.1-alpha-bbbd2b3.0",
+    "@genesislcap/foundation-i18n": "14.217.1-alpha-bbbd2b3.0",
+    "@genesislcap/foundation-logger": "14.217.1-alpha-bbbd2b3.0",
+    "@genesislcap/foundation-router": "14.217.1-alpha-bbbd2b3.0",
+    "@genesislcap/foundation-shell": "14.217.1-alpha-bbbd2b3.0",
+    "@genesislcap/foundation-ui": "14.217.1-alpha-bbbd2b3.0",
+    "@genesislcap/foundation-utils": "14.217.1-alpha-bbbd2b3.0",
+    "@genesislcap/foundation-zero": "14.217.1-alpha-bbbd2b3.0",
     "@microsoft/fast-colors": "^5.3.1",
     "@microsoft/fast-element": "^1.12.0",
     "@microsoft/fast-foundation": "^2.49.4",
-    "@microsoft/fast-router": "^0.4.8",
     "tslib": "^2.3.1"
   },
   "repository": {
@@ -109,5 +109,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "3d119baa8d1ec42f681d17de1f605a98b1a9a464"
+  "gitHead": "11665b997cc85fbfba6db6f8995df8c7b06a2776"
 }