@genesislcap/foundation-header 14.238.2 → 14.240.0

package/dist/custom-elements.json

@@ -557,6 +557,10 @@
             {
               "description": "Dispatched when the user changes the language in the language selector.",
               "name": "language-changed"
+            },
+            {
+              "description": "Dispatched when the user clicks logout button.",
+              "name": "logout-clicked"
             }
           ],
           "attributes": [
@@ -1118,6 +1122,14 @@
                 "name": "Navigation",
                 "module": "src/main/main.ts"
               }
+            },
+            {
+              "description": "Dispatched when the user clicks logout button.",
+              "name": "logout-clicked",
+              "inheritedFrom": {
+                "name": "Navigation",
+                "module": "src/main/main.ts"
+              }
             }
           ]
         },
@@ -1587,6 +1599,14 @@
                 "name": "Navigation",
                 "module": "src/main/main.ts"
               }
+            },
+            {
+              "description": "Dispatched when the user clicks logout button.",
+              "name": "logout-clicked",
+              "inheritedFrom": {
+                "name": "Navigation",
+                "module": "src/main/main.ts"
+              }
             }
           ]
         },
@@ -2055,6 +2075,14 @@
                 "name": "Navigation",
                 "module": "src/main/main.ts"
               }
+            },
+            {
+              "description": "Dispatched when the user clicks logout button.",
+              "name": "logout-clicked",
+              "inheritedFrom": {
+                "name": "Navigation",
+                "module": "src/main/main.ts"
+              }
             }
           ]
         }

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

@@ -12,6 +12,7 @@ import { HeaderConfig } from '../config/config';
  */
 export type NavEventDetailMap = {
     'luminance-icon-clicked': void;
+    'logout-clicked': void;
     'misc-icon-clicked': void;
     'notification-icon-clicked': void;
     'language-changed': void;
@@ -25,7 +26,7 @@ export type LanguageOptions = {
     selectedLanguage: string;
 };
 declare const Navigation_base: abstract new (...args: any[]) => {
-    $emit<K extends "luminance-icon-clicked" | "misc-icon-clicked" | "notification-icon-clicked" | "language-changed">(...args: NavEventDetailMap[K] extends void ? [type: K, options?: import("@genesislcap/foundation-events").EmitOptions] : [type: K, detail: NavEventDetailMap[K], options?: import("@genesislcap/foundation-events").EmitOptions]): import("@genesislcap/foundation-events").EmitReturn;
+    $emit<K extends "luminance-icon-clicked" | "logout-clicked" | "misc-icon-clicked" | "notification-icon-clicked" | "language-changed">(...args: NavEventDetailMap[K] extends void ? [type: K, options?: import("@genesislcap/foundation-events").EmitOptions] : [type: K, detail: NavEventDetailMap[K], options?: import("@genesislcap/foundation-events").EmitOptions]): import("@genesislcap/foundation-events").EmitReturn;
     accessKey: string;
     readonly accessKeyLabel: string;
     autocapitalize: string;
@@ -72,11 +73,17 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     readonly scrollWidth: number;
     readonly shadowRoot: ShadowRoot;
     slot: string;
-    readonly tagName: string;
+    readonly tagName: string; /**
+     * @internal
+     * Flag to indicate if the component is ready
+     */
     attachShadow(init: ShadowRootInit): ShadowRoot;
     closest<K_3 extends keyof HTMLElementTagNameMap>(selector: K_3): HTMLElementTagNameMap[K_3];
     closest<K_4 extends keyof SVGElementTagNameMap>(selector: K_4): SVGElementTagNameMap[K_4];
     closest<E extends Element = Element>(selectors: string): E;
+    /**
+     * Called when the component is connected to the DOM
+     */
     getAttribute(qualifiedName: string): string;
     getAttributeNS(namespace: string, localName: string): string;
     getAttributeNames(): string[];
@@ -128,7 +135,9 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     readonly nodeName: string;
     readonly nodeType: number;
     nodeValue: string;
-    readonly parentElement: HTMLElement;
+    readonly parentElement: HTMLElement; /**
+     * Object which defines the language options to be displayed in the language selector
+     */
     readonly parentNode: ParentNode;
     readonly previousSibling: ChildNode;
     textContent: string;
@@ -171,10 +180,6 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     ariaBusy: string;
     ariaChecked: string;
     ariaColCount: string;
-    /**
-     * Selects the appropriate template based on the component's state
-     * @returns \{ViewTemplate<Navigation>\}
-     */
     ariaColIndex: string;
     ariaColIndexText: string;
     ariaColSpan: string;
@@ -184,11 +189,6 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     ariaHasPopup: string;
     ariaHidden: string;
     ariaInvalid: string;
-    /**
-     * Logs the user out of their session
-     *
-     * @public
-     */
     ariaKeyShortcuts: string;
     ariaLabel: string;
     ariaLevel: string;
@@ -201,17 +201,6 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     ariaPosInSet: string;
     ariaPressed: string;
     ariaReadOnly: string;
-    /**
-     * Changes the route of the current page
-     *
-     * @remarks
-     *
-     * Requires setup of the Router and usage of the Router
-     *
-     * @param path - string representing the new route to move to
-     *
-     * @public
-     */
     ariaRequired: string;
     ariaRoleDescription: string;
     ariaRowCount: string;
@@ -244,9 +233,36 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     querySelector<K_7 extends keyof HTMLElementTagNameMap>(selectors: K_7): HTMLElementTagNameMap[K_7];
     querySelector<K_8 extends keyof SVGElementTagNameMap>(selectors: K_8): SVGElementTagNameMap[K_8];
     querySelector<E_1 extends Element = Element>(selectors: string): E_1;
-    querySelectorAll<K_9 extends keyof HTMLElementTagNameMap>(selectors: K_9): NodeListOf<HTMLElementTagNameMap[K_9]>;
-    querySelectorAll<K_10 extends keyof SVGElementTagNameMap>(selectors: K_10): NodeListOf<SVGElementTagNameMap[K_10]>;
-    querySelectorAll<E_2 extends Element = Element>(selectors: string): NodeListOf<E_2>;
+    querySelectorAll<K_9 extends keyof HTMLElementTagNameMap>(selectors: K_9): NodeListOf<HTMLElementTagNameMap[K_9]>; /**
+     * 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
+     */
+    querySelectorAll<K_10 extends keyof SVGElementTagNameMap>(selectors: K_10): NodeListOf<SVGElementTagNameMap[K_10]>; /**
+     * 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
+     */
+    querySelectorAll<E_2 extends Element = Element>(selectors: string): NodeListOf<E_2>; /**
+     * 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
+     */
     replaceChildren(...nodes: (string | Node)[]): void;
     readonly assignedSlot: HTMLSlotElement;
     oncopy: (this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any;
@@ -257,15 +273,7 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     enterKeyHint: string;
     inputMode: string;
     readonly isContentEditable: boolean;
-    onabort: (this: GlobalEventHandlers, ev: UIEvent) => any; /**
-     * Changes the language of the application
-     *
-     * @remarks
-     *
-     * Activated when the user selects a language from the language selector that uses the I18next service.
-     *
-     * @experimental
-     */
+    onabort: (this: GlobalEventHandlers, ev: UIEvent) => any;
     onanimationcancel: (this: GlobalEventHandlers, ev: AnimationEvent) => any;
     onanimationend: (this: GlobalEventHandlers, ev: AnimationEvent) => any;
     onanimationiteration: (this: GlobalEventHandlers, ev: AnimationEvent) => any;
@@ -292,6 +300,13 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     ondurationchange: (this: GlobalEventHandlers, ev: Event) => any;
     onemptied: (this: GlobalEventHandlers, ev: Event) => any;
     onended: (this: GlobalEventHandlers, ev: Event) => any;
+    /**
+     * ZeroHeader is a zero version of the header micro-frontend.
+     *
+     * @deprecated - Use RapidHeader instead.
+     *
+     * @internal
+     */
     onerror: OnErrorEventHandlerNonNull;
     onfocus: (this: GlobalEventHandlers, ev: FocusEvent) => any;
     onformdata: (this: GlobalEventHandlers, ev: FormDataEvent) => any;
@@ -399,6 +414,7 @@ declare const Navigation_base: abstract new (...args: any[]) => {
  * @fires misc-icon-clicked - Dispatched when the user clicks on the miscellaneous behaviour icon in the navigation bar.
  * @fires notification-icon-clicked - Dispatched when the user clicks on the notification icon in the navigation bar.
  * @fires language-changed - Dispatched when the user changes the language in the language selector.
+ * @fires logout-clicked - Dispatched when the user clicks logout button.
  *
  */
 export declare class Navigation extends Navigation_base {

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

@@ -45,6 +45,7 @@ import { dynamicTemplate as template, LoadingTemplate, mainTemplate } from './ma
  * @fires misc-icon-clicked - Dispatched when the user clicks on the miscellaneous behaviour icon in the navigation bar.
  * @fires notification-icon-clicked - Dispatched when the user clicks on the notification icon in the navigation bar.
  * @fires language-changed - Dispatched when the user changes the language in the language selector.
+ * @fires logout-clicked - Dispatched when the user clicks logout button.
  *
  */
 let Navigation = class Navigation extends EventEmitter(GenesisElement) {
@@ -172,6 +173,7 @@ let Navigation = class Navigation extends EventEmitter(GenesisElement) {
      */
     logout() {
         return __awaiter(this, void 0, void 0, function* () {
+            this.$emit('logout-clicked');
             if (this.container.has(AuthConfig, true)) {
                 this.authRouting.navigateTo('logout');
             }

package/dist/foundation-header.api.json

@@ -545,7 +545,7 @@
             },
             {
               "kind": "Content",
-              "text": "{\n    'luminance-icon-clicked': void;\n    'misc-icon-clicked': void;\n    'notification-icon-clicked': void;\n    'language-changed': void;\n}"
+              "text": "{\n    'luminance-icon-clicked': void;\n    'logout-clicked': void;\n    'misc-icon-clicked': void;\n    'notification-icon-clicked': void;\n    'language-changed': void;\n}"
             },
             {
               "kind": "Content",
@@ -563,7 +563,7 @@
         {
           "kind": "Class",
           "canonicalReference": "@genesislcap/foundation-header!Navigation:class",
-          "docComment": "/**\n * Navigation micro-frontend includes navigation bar and flyout menu\n *\n * @remarks\n *\n * `foundation-header` micro-frontend can be added to the project to include a navigation bar and flyout menu. There are multiple ways that the behaviour of the component can be configured - the icon shown on the navigation bar and flyout menu (this shows the Genesis logo by default). - navigation links at the left-hand side of the navigation bar. - the control buttons on the right-hand side of the navigation bar can be shown or hidden, and their behaviour controlled via event listeners - The contents of the flyout menu.\n *\n * @param logo - src - Option attribute which sets the source of the image in the navigation bar and flyout menu. The Genesis logo will be shown if this attribute is not provided.\n *\n * @param logo - alt-text -Descriptive logo text.\n *\n * @param show - luminance-toggle-button - Boolean attribute which controls whether the navigation bar will display the luminance toggle icon.\n *\n * @param show - misc-toggle-button - Boolean attribute which controls whether the navigation bar will display the miscellaneous behaviour icon.\n *\n * @param notification - icon-clicked - Boolean attribute which controls whether the navigation bar will display the show notification icon.\n *\n * @param show - connection-indicator - Boolean attribute which controls whether the navigation bar will display the connection indicator.\n *\n * @param show - language-selector - Boolean attribute which controls whether the navigation bar will display the language selector.\n *\n * @param hide - side-bar - Boolean attribute which controls whether the navigation bar will display the side bar.\n *\n * @param userName - String which defines the username to be displayed in the navigation bar.\n *\n * @param routeButtons - Array of objects which define the route buttons to be displayed in the navigation bar.\n *\n * @param routeNavItems - Array of {@link @genesislcap/foundation-ui#FoundationRouteNavItem | FoundationRouteNavItems} which define the route buttons to be displayed in the navigation bar.\n *\n * @param languageOptions - Object which defines the language options to be displayed in the language selector.\n *\n * @fires\n *\n * luminance-icon-clicked - Dispatched when the user clicks on the luminance toggle icon in the navigation bar.\n *\n * @fires\n *\n * misc-icon-clicked - Dispatched when the user clicks on the miscellaneous behaviour icon in the navigation bar.\n *\n * @fires\n *\n * notification-icon-clicked - Dispatched when the user clicks on the notification icon in the navigation bar.\n *\n * @fires\n *\n * language-changed - Dispatched when the user changes the language in the language selector.\n *\n * @public\n */\n",
+          "docComment": "/**\n * Navigation micro-frontend includes navigation bar and flyout menu\n *\n * @remarks\n *\n * `foundation-header` micro-frontend can be added to the project to include a navigation bar and flyout menu. There are multiple ways that the behaviour of the component can be configured - the icon shown on the navigation bar and flyout menu (this shows the Genesis logo by default). - navigation links at the left-hand side of the navigation bar. - the control buttons on the right-hand side of the navigation bar can be shown or hidden, and their behaviour controlled via event listeners - The contents of the flyout menu.\n *\n * @param logo - src - Option attribute which sets the source of the image in the navigation bar and flyout menu. The Genesis logo will be shown if this attribute is not provided.\n *\n * @param logo - alt-text -Descriptive logo text.\n *\n * @param show - luminance-toggle-button - Boolean attribute which controls whether the navigation bar will display the luminance toggle icon.\n *\n * @param show - misc-toggle-button - Boolean attribute which controls whether the navigation bar will display the miscellaneous behaviour icon.\n *\n * @param notification - icon-clicked - Boolean attribute which controls whether the navigation bar will display the show notification icon.\n *\n * @param show - connection-indicator - Boolean attribute which controls whether the navigation bar will display the connection indicator.\n *\n * @param show - language-selector - Boolean attribute which controls whether the navigation bar will display the language selector.\n *\n * @param hide - side-bar - Boolean attribute which controls whether the navigation bar will display the side bar.\n *\n * @param userName - String which defines the username to be displayed in the navigation bar.\n *\n * @param routeButtons - Array of objects which define the route buttons to be displayed in the navigation bar.\n *\n * @param routeNavItems - Array of {@link @genesislcap/foundation-ui#FoundationRouteNavItem | FoundationRouteNavItems} which define the route buttons to be displayed in the navigation bar.\n *\n * @param languageOptions - Object which defines the language options to be displayed in the language selector.\n *\n * @fires\n *\n * luminance-icon-clicked - Dispatched when the user clicks on the luminance toggle icon in the navigation bar.\n *\n * @fires\n *\n * misc-icon-clicked - Dispatched when the user clicks on the miscellaneous behaviour icon in the navigation bar.\n *\n * @fires\n *\n * notification-icon-clicked - Dispatched when the user clicks on the notification icon in the navigation bar.\n *\n * @fires\n *\n * language-changed - Dispatched when the user changes the language in the language selector.\n *\n * @fires\n *\n * logout-clicked - Dispatched when the user clicks logout button.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",

package/dist/foundation-header.d.ts

@@ -189,6 +189,7 @@ export declare const mainTemplate: ViewTemplate<Navigation, any>;
  */
 export declare type NavEventDetailMap = {
     'luminance-icon-clicked': void;
+    'logout-clicked': void;
     'misc-icon-clicked': void;
     'notification-icon-clicked': void;
     'language-changed': void;
@@ -226,6 +227,7 @@ export declare type NavEventDetailMap = {
  * @fires misc-icon-clicked - Dispatched when the user clicks on the miscellaneous behaviour icon in the navigation bar.
  * @fires notification-icon-clicked - Dispatched when the user clicks on the notification icon in the navigation bar.
  * @fires language-changed - Dispatched when the user changes the language in the language selector.
+ * @fires logout-clicked - Dispatched when the user clicks logout button.
  *
  */
 export declare class Navigation extends Navigation_base {
@@ -466,7 +468,7 @@ export declare class Navigation extends Navigation_base {
 }
 
 declare const Navigation_base: abstract new (...args: any[]) => {
-    $emit<K extends "luminance-icon-clicked" | "misc-icon-clicked" | "notification-icon-clicked" | "language-changed">(...args: NavEventDetailMap[K] extends void ? [type: K, options?: EmitOptions] : [type: K, detail: NavEventDetailMap[K], options?: EmitOptions]): EmitReturn;
+    $emit<K extends "luminance-icon-clicked" | "logout-clicked" | "misc-icon-clicked" | "notification-icon-clicked" | "language-changed">(...args: NavEventDetailMap[K] extends void ? [type: K, options?: EmitOptions] : [type: K, detail: NavEventDetailMap[K], options?: EmitOptions]): EmitReturn;
     accessKey: string;
     readonly accessKeyLabel: string;
     autocapitalize: string;
@@ -513,11 +515,17 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     readonly scrollWidth: number;
     readonly shadowRoot: ShadowRoot;
     slot: string;
-    readonly tagName: string;
+    readonly tagName: string; /**
+    * @internal
+    * Flag to indicate if the component is ready
+    */
     attachShadow(init: ShadowRootInit): ShadowRoot;
     closest<K_3 extends keyof HTMLElementTagNameMap>(selector: K_3): HTMLElementTagNameMap[K_3];
     closest<K_4 extends keyof SVGElementTagNameMap>(selector: K_4): SVGElementTagNameMap[K_4];
     closest<E extends Element = Element>(selectors: string): E;
+    /**
+     * Called when the component is connected to the DOM
+     */
     getAttribute(qualifiedName: string): string;
     getAttributeNS(namespace: string, localName: string): string;
     getAttributeNames(): string[];
@@ -569,7 +577,9 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     readonly nodeName: string;
     readonly nodeType: number;
     nodeValue: string;
-    readonly parentElement: HTMLElement;
+    readonly parentElement: HTMLElement; /**
+    * Object which defines the language options to be displayed in the language selector
+    */
     readonly parentNode: ParentNode;
     readonly previousSibling: ChildNode;
     textContent: string;
@@ -612,10 +622,6 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     ariaBusy: string;
     ariaChecked: string;
     ariaColCount: string;
-    /**
-     * Selects the appropriate template based on the component's state
-     * @returns \{ViewTemplate<Navigation>\}
-     */
     ariaColIndex: string;
     ariaColIndexText: string;
     ariaColSpan: string;
@@ -625,11 +631,6 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     ariaHasPopup: string;
     ariaHidden: string;
     ariaInvalid: string;
-    /**
-     * Logs the user out of their session
-     *
-     * @public
-     */
     ariaKeyShortcuts: string;
     ariaLabel: string;
     ariaLevel: string;
@@ -642,17 +643,6 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     ariaPosInSet: string;
     ariaPressed: string;
     ariaReadOnly: string;
-    /**
-     * Changes the route of the current page
-     *
-     * @remarks
-     *
-     * Requires setup of the Router and usage of the Router
-     *
-     * @param path - string representing the new route to move to
-     *
-     * @public
-     */
     ariaRequired: string;
     ariaRoleDescription: string;
     ariaRowCount: string;
@@ -685,9 +675,36 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     querySelector<K_7 extends keyof HTMLElementTagNameMap>(selectors: K_7): HTMLElementTagNameMap[K_7];
     querySelector<K_8 extends keyof SVGElementTagNameMap>(selectors: K_8): SVGElementTagNameMap[K_8];
     querySelector<E_1 extends Element = Element>(selectors: string): E_1;
-    querySelectorAll<K_9 extends keyof HTMLElementTagNameMap>(selectors: K_9): NodeListOf<HTMLElementTagNameMap[K_9]>;
-    querySelectorAll<K_10 extends keyof SVGElementTagNameMap>(selectors: K_10): NodeListOf<SVGElementTagNameMap[K_10]>;
-    querySelectorAll<E_2 extends Element = Element>(selectors: string): NodeListOf<E_2>;
+    querySelectorAll<K_9 extends keyof HTMLElementTagNameMap>(selectors: K_9): NodeListOf<HTMLElementTagNameMap[K_9]>; /**
+    * 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
+    */
+    querySelectorAll<K_10 extends keyof SVGElementTagNameMap>(selectors: K_10): NodeListOf<SVGElementTagNameMap[K_10]>; /**
+    * 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
+    */
+    querySelectorAll<E_2 extends Element = Element>(selectors: string): NodeListOf<E_2>; /**
+    * 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
+    */
     replaceChildren(...nodes: (string | Node)[]): void;
     readonly assignedSlot: HTMLSlotElement;
     oncopy: (this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any;
@@ -698,15 +715,7 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     enterKeyHint: string;
     inputMode: string;
     readonly isContentEditable: boolean;
-    onabort: (this: GlobalEventHandlers, ev: UIEvent) => any; /**
-    * Changes the language of the application
-    *
-    * @remarks
-    *
-    * Activated when the user selects a language from the language selector that uses the I18next service.
-    *
-    * @experimental
-    */
+    onabort: (this: GlobalEventHandlers, ev: UIEvent) => any;
     onanimationcancel: (this: GlobalEventHandlers, ev: AnimationEvent) => any;
     onanimationend: (this: GlobalEventHandlers, ev: AnimationEvent) => any;
     onanimationiteration: (this: GlobalEventHandlers, ev: AnimationEvent) => any;
@@ -733,6 +742,13 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     ondurationchange: (this: GlobalEventHandlers, ev: Event) => any;
     onemptied: (this: GlobalEventHandlers, ev: Event) => any;
     onended: (this: GlobalEventHandlers, ev: Event) => any;
+    /**
+     * ZeroHeader is a zero version of the header micro-frontend.
+     *
+     * @deprecated - Use RapidHeader instead.
+     *
+     * @internal
+     */
     onerror: OnErrorEventHandlerNonNull;
     onfocus: (this: GlobalEventHandlers, ev: FocusEvent) => any;
     onformdata: (this: GlobalEventHandlers, ev: FormDataEvent) => any;

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

@@ -11,6 +11,7 @@ Events dispatched by the navigation control buttons
 ```typescript
 export type NavEventDetailMap = {
     'luminance-icon-clicked': void;
+    'logout-clicked': void;
     'misc-icon-clicked': void;
     'notification-icon-clicked': void;
     'language-changed': void;

package/docs/api-report.md

@@ -81,6 +81,7 @@ export const mainTemplate: ViewTemplate<Navigation, any>;
 // @public
 export type NavEventDetailMap = {
     'luminance-icon-clicked': void;
+    'logout-clicked': void;
     'misc-icon-clicked': void;
     'notification-icon-clicked': void;
     'language-changed': void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-header",
   "description": "Genesis Foundation Header",
-  "version": "14.238.2",
+  "version": "14.240.0",
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
   "types": "dist/foundation-header.d.ts",
@@ -77,29 +77,29 @@
     }
   },
   "devDependencies": {
-    "@genesislcap/foundation-testing": "14.238.2",
-    "@genesislcap/genx": "14.238.2",
-    "@genesislcap/rollup-builder": "14.238.2",
-    "@genesislcap/ts-builder": "14.238.2",
-    "@genesislcap/uvu-playwright-builder": "14.238.2",
-    "@genesislcap/vite-builder": "14.238.2",
-    "@genesislcap/webpack-builder": "14.238.2",
+    "@genesislcap/foundation-testing": "14.240.0",
+    "@genesislcap/genx": "14.240.0",
+    "@genesislcap/rollup-builder": "14.240.0",
+    "@genesislcap/ts-builder": "14.240.0",
+    "@genesislcap/uvu-playwright-builder": "14.240.0",
+    "@genesislcap/vite-builder": "14.240.0",
+    "@genesislcap/webpack-builder": "14.240.0",
     "rimraf": "^5.0.0"
   },
   "dependencies": {
-    "@genesislcap/foundation-auth": "14.238.2",
-    "@genesislcap/foundation-comms": "14.238.2",
-    "@genesislcap/foundation-events": "14.238.2",
-    "@genesislcap/foundation-i18n": "14.238.2",
-    "@genesislcap/foundation-logger": "14.238.2",
-    "@genesislcap/foundation-login": "14.238.2",
-    "@genesislcap/foundation-shell": "14.238.2",
-    "@genesislcap/foundation-ui": "14.238.2",
-    "@genesislcap/foundation-user": "14.238.2",
-    "@genesislcap/foundation-utils": "14.238.2",
-    "@genesislcap/foundation-zero": "14.238.2",
-    "@genesislcap/rapid-design-system": "14.238.2",
-    "@genesislcap/web-core": "14.238.2",
+    "@genesislcap/foundation-auth": "14.240.0",
+    "@genesislcap/foundation-comms": "14.240.0",
+    "@genesislcap/foundation-events": "14.240.0",
+    "@genesislcap/foundation-i18n": "14.240.0",
+    "@genesislcap/foundation-logger": "14.240.0",
+    "@genesislcap/foundation-login": "14.240.0",
+    "@genesislcap/foundation-shell": "14.240.0",
+    "@genesislcap/foundation-ui": "14.240.0",
+    "@genesislcap/foundation-user": "14.240.0",
+    "@genesislcap/foundation-utils": "14.240.0",
+    "@genesislcap/foundation-zero": "14.240.0",
+    "@genesislcap/rapid-design-system": "14.240.0",
+    "@genesislcap/web-core": "14.240.0",
     "tslib": "^2.3.1"
   },
   "repository": {
@@ -111,5 +111,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "44e2630e58af14a1db9f26950b01ca389031f7cf"
+  "gitHead": "dbcec460d84de3d38117feee93e80ca04fcec4e6"
 }