@genesislcap/foundation-header 14.280.0 → 14.281.0

package/dist/custom-elements.json

@@ -25,6 +25,48 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/rapid-components.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "registerCommonRapidComponents",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "registerCommonRapidComponents",
+          "declaration": {
+            "name": "registerCommonRapidComponents",
+            "module": "src/components/rapid-components.ts"
+          }
+        }
+      ]
+    },
+    {
+      "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",
@@ -180,48 +222,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/rapid-components.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "registerCommonRapidComponents",
-          "privacy": "public"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "registerCommonRapidComponents",
-          "declaration": {
-            "name": "registerCommonRapidComponents",
-            "module": "src/components/rapid-components.ts"
-          }
-        }
-      ]
-    },
-    {
-      "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/main/index.ts",
@@ -566,6 +566,25 @@
                 }
               ],
               "description": "To localised text"
+            },
+            {
+              "kind": "method",
+              "name": "handleNavButtonClick",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "routeNavItem",
+                  "type": {
+                    "text": "FoundationRouteNavItem"
+                  },
+                  "description": "The navigation item that was clicked"
+                }
+              ],
+              "description": "Handles the click event for a navigation button"
             }
           ],
           "events": [
@@ -588,6 +607,10 @@
             {
               "description": "Dispatched when the user clicks logout button.",
               "name": "logout-clicked"
+            },
+            {
+              "description": "Dispatched when the user clicks a navigation button.",
+              "name": "nav-button-clicked"
             }
           ],
           "attributes": [
@@ -1062,6 +1085,29 @@
                 "name": "Navigation",
                 "module": "src/main/main.ts"
               }
+            },
+            {
+              "kind": "method",
+              "name": "handleNavButtonClick",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "routeNavItem",
+                  "type": {
+                    "text": "FoundationRouteNavItem"
+                  },
+                  "description": "The navigation item that was clicked"
+                }
+              ],
+              "description": "Handles the click event for a navigation button",
+              "inheritedFrom": {
+                "name": "Navigation",
+                "module": "src/main/main.ts"
+              }
             }
           ],
           "superclass": {
@@ -1240,6 +1286,14 @@
                 "name": "Navigation",
                 "module": "src/main/main.ts"
               }
+            },
+            {
+              "description": "Dispatched when the user clicks a navigation button.",
+              "name": "nav-button-clicked",
+              "inheritedFrom": {
+                "name": "Navigation",
+                "module": "src/main/main.ts"
+              }
             }
           ]
         },
@@ -1740,6 +1794,29 @@
                 "name": "Navigation",
                 "module": "src/main/main.ts"
               }
+            },
+            {
+              "kind": "method",
+              "name": "handleNavButtonClick",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "routeNavItem",
+                  "type": {
+                    "text": "FoundationRouteNavItem"
+                  },
+                  "description": "The navigation item that was clicked"
+                }
+              ],
+              "description": "Handles the click event for a navigation button",
+              "inheritedFrom": {
+                "name": "Navigation",
+                "module": "src/main/main.ts"
+              }
             }
           ],
           "events": [
@@ -1782,6 +1859,14 @@
                 "name": "Navigation",
                 "module": "src/main/main.ts"
               }
+            },
+            {
+              "description": "Dispatched when the user clicks a navigation button.",
+              "name": "nav-button-clicked",
+              "inheritedFrom": {
+                "name": "Navigation",
+                "module": "src/main/main.ts"
+              }
             }
           ]
         },
@@ -2143,6 +2228,29 @@
                 "name": "Navigation",
                 "module": "src/main/main.ts"
               }
+            },
+            {
+              "kind": "method",
+              "name": "handleNavButtonClick",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "routeNavItem",
+                  "type": {
+                    "text": "FoundationRouteNavItem"
+                  },
+                  "description": "The navigation item that was clicked"
+                }
+              ],
+              "description": "Handles the click event for a navigation button",
+              "inheritedFrom": {
+                "name": "Navigation",
+                "module": "src/main/main.ts"
+              }
             }
           ],
           "superclass": {
@@ -2323,6 +2431,14 @@
                 "name": "Navigation",
                 "module": "src/main/main.ts"
               }
+            },
+            {
+              "description": "Dispatched when the user clicks a navigation button.",
+              "name": "nav-button-clicked",
+              "inheritedFrom": {
+                "name": "Navigation",
+                "module": "src/main/main.ts"
+              }
             }
           ]
         }
@@ -2539,12 +2655,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/templates/rapid.template.ts",
-      "declarations": [],
-      "exports": []
-    },
     {
       "kind": "javascript-module",
       "path": "src/tags/index.ts",
@@ -2566,6 +2676,12 @@
       "declarations": [],
       "exports": []
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/templates/rapid.template.ts",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "src/utils/index.ts",

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

@@ -16,6 +16,10 @@ export type NavEventDetailMap = {
     'misc-icon-clicked': void;
     'notification-icon-clicked': void;
     'language-changed': void;
+    'nav-button-clicked': {
+        item: FoundationRouteNavItem;
+        context: any;
+    };
 };
 /**
  * Options for the language selector
@@ -26,7 +30,7 @@ export type LanguageOptions = {
     selectedLanguage: string;
 };
 declare const Navigation_base: abstract new (...args: any[]) => {
-    $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;
+    $emit<K extends "luminance-icon-clicked" | "logout-clicked" | "misc-icon-clicked" | "notification-icon-clicked" | "language-changed" | "nav-button-clicked">(...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;
@@ -114,9 +118,7 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     scrollTo(options?: ScrollToOptions): void;
     scrollTo(x: number, y: number): void;
     setAttribute(qualifiedName: string, value: string): void;
-    setAttributeNS(namespace: string, qualifiedName: string, value: string): void; /**
-     * @internal
-     */
+    setAttributeNS(namespace: string, qualifiedName: string, value: string): void;
     setAttributeNode(attr: Attr): Attr;
     setAttributeNodeNS(attr: Attr): Attr;
     setPointerCapture(pointerId: number): void;
@@ -142,11 +144,7 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     getRootNode(options?: GetRootNodeOptions): Node;
     hasChildNodes(): boolean;
     insertBefore<T_1 extends Node>(node: T_1, child: Node): T_1;
-    isDefaultNamespace(namespace: string): boolean; /**
-     * Boolean attribute which controls whether to include the sideNav component
-     * Control via`hide-side-bar`
-     *
-     */
+    isDefaultNamespace(namespace: string): boolean;
     isEqualNode(otherNode: Node): boolean;
     isSameNode(otherNode: Node): boolean;
     lookupNamespaceURI(prefix: string): string;
@@ -196,7 +194,13 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     ariaMultiSelectable: string;
     ariaOrientation: string;
     ariaPlaceholder: string;
-    ariaPosInSet: string;
+    ariaPosInSet: string; /**
+     * Boolean attribute which controls whether to show the account menu on the navigation bar
+     * Control via `show-account-menu`
+     *
+     * @remarks
+     * If this attribute is not set then the account menu is not shown
+     */
     ariaPressed: string;
     ariaReadOnly: string;
     ariaRequired: string;
@@ -226,11 +230,7 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     readonly children: HTMLCollection;
     readonly firstElementChild: Element;
     readonly lastElementChild: Element;
-    append(...nodes: (string | Node)[]): void; /**
-     * Logs the user out of their session
-     *
-     * @public
-     */
+    append(...nodes: (string | Node)[]): void;
     prepend(...nodes: (string | Node)[]): void;
     querySelector<K_7 extends keyof HTMLElementTagNameMap>(selectors: K_7): HTMLElementTagNameMap[K_7];
     querySelector<K_8 extends keyof SVGElementTagNameMap>(selectors: K_8): SVGElementTagNameMap[K_8];
@@ -260,16 +260,6 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     oncanplay: (this: GlobalEventHandlers, ev: Event) => any;
     oncanplaythrough: (this: GlobalEventHandlers, ev: Event) => any;
     onchange: (this: GlobalEventHandlers, ev: Event) => any;
-    /**
-     * 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
-     */
     onclick: (this: GlobalEventHandlers, ev: MouseEvent) => any;
     onclose: (this: GlobalEventHandlers, ev: Event) => any;
     oncontextmenu: (this: GlobalEventHandlers, ev: MouseEvent) => any;
@@ -330,7 +320,15 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     onselectstart: (this: GlobalEventHandlers, ev: Event) => any;
     onslotchange: (this: GlobalEventHandlers, ev: Event) => any;
     onstalled: (this: GlobalEventHandlers, ev: Event) => any;
-    onsubmit: (this: GlobalEventHandlers, ev: SubmitEvent) => any;
+    onsubmit: (this: GlobalEventHandlers, ev: SubmitEvent) => any; /**
+     * Load remote components
+     *
+     * @remarks
+     *
+     * With regards to module federation
+     *
+     * @internal
+     */
     onsuspend: (this: GlobalEventHandlers, ev: Event) => any;
     ontimeupdate: (this: GlobalEventHandlers, ev: Event) => any;
     ontoggle: (this: GlobalEventHandlers, ev: Event) => any;
@@ -395,6 +393,7 @@ declare const Navigation_base: abstract new (...args: any[]) => {
  * @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.
+ * @fires nav-button-clicked - Dispatched when the user clicks a navigation button.
  *
  */
 export declare class Navigation extends Navigation_base {
@@ -656,6 +655,11 @@ export declare class Navigation extends Navigation_base {
      * Is languageOptions needed.
      */
     toLocalisedText(text: string): string;
+    /**
+     * Handles the click event for a navigation button
+     * @param routeNavItem - The navigation item that was clicked
+     */
+    handleNavButtonClick(routeNavItem: FoundationRouteNavItem): void;
 }
 /**
  * FoundationHeader.

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/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":"AAIA;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,iDAsPgD,CAAC"}
+{"version":3,"file":"main.styles.d.ts","sourceRoot":"","sources":["../../../src/main/main.styles.ts"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,iDA2VgD,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":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAa1D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAIzC;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,eAAe,EAAE,YAAY,CAAC,UAAU,CAIpD,CAAC;AA8HF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,WAAW,+BA8GvB,CAAC;AAiDF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,mBAAmB,yCAI/B,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,eAAe,EAAE,YAAY,CAAC,UAAU,CAEpD,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,YAAY,+BAAc,CAAC"}
+{"version":3,"file":"main.template.d.ts","sourceRoot":"","sources":["../../../src/main/main.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAa1D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAIzC;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,eAAe,EAAE,YAAY,CAAC,UAAU,CAIpD,CAAC;AA4KF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,WAAW,+BA8GvB,CAAC;AAiDF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,mBAAmB,yCAI/B,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,eAAe,EAAE,YAAY,CAAC,UAAU,CAEpD,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,YAAY,+BAAc,CAAC"}

package/dist/dts/templates/rapid.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rapid.template.d.ts","sourceRoot":"","sources":["../../../src/templates/rapid.template.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE1D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAc1C;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,eAAe,EAAE,YAAY,CAAC,UAAU,CAIpD,CAAC;AAyHF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,aAAa,+BAkHzB,CAAC"}
+{"version":3,"file":"rapid.template.d.ts","sourceRoot":"","sources":["../../../src/templates/rapid.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAG1D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAc1C;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,eAAe,EAAE,YAAY,CAAC,UAAU,CAIpD,CAAC;AAuKF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,aAAa,+BAkHzB,CAAC"}

package/dist/esm/main/main.js

@@ -48,6 +48,7 @@ import { LoadingTemplate, mainTemplate, dynamicTemplate as template } from './ma
  * @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.
+ * @fires nav-button-clicked - Dispatched when the user clicks a navigation button.
  *
  */
 let Navigation = class Navigation extends EventEmitter(GenesisElement) {
@@ -331,6 +332,19 @@ let Navigation = class Navigation extends EventEmitter(GenesisElement) {
             ? this.i18next.t(text, { lng: this.i18next.language })
             : text;
     }
+    /**
+     * Handles the click event for a navigation button
+     * @param routeNavItem - The navigation item that was clicked
+     */
+    handleNavButtonClick(routeNavItem) {
+        if (routeNavItem.onClick) {
+            routeNavItem.onClick({ item: routeNavItem, context: this });
+        }
+        else if (routeNavItem.routePath) {
+            this.navigateTo(routeNavItem.routePath);
+        }
+        this.$emit('nav-button-clicked', { item: routeNavItem, context: this });
+    }
 };
 __decorate([
     Container

package/dist/esm/main/main.styles.js

@@ -56,6 +56,8 @@ export const MainStyles = css `
     align-items: center;
     margin-left: calc(var(--design-unit) * 4px);
     gap: calc(var(--design-unit) * 2px);
+    line-height: 0;
+    font-size: 0;
   }
 
   .nav-leftside:focus-within {
@@ -254,4 +256,103 @@ export const MainStyles = css `
   .account-menu-button:hover {
     background-color: var(--neutral-fill-hover);
   }
+
+  .nav-submenu-wrapper {
+    position: absolute;
+    top: 100%;
+    left: 0;
+    min-width: 175px;
+    background: var(--neutral-layer-2);
+    border: calc(var(--stroke-width) * 1px) solid var(--neutral-layer-1);
+    z-index: 1000;
+    opacity: 0%;
+    visibility: hidden;
+    transform: translateY(-10px);
+    transition:
+      opacity 0.2s ease-out,
+      visibility 0.2s ease-out,
+      transform 0.2s ease-out;
+    transition-delay: 0.1s;
+  }
+
+  .nav-button-wrapper {
+    position: relative;
+    display: inline-block;
+  }
+
+  .nav-submenu-wrapper .nav-button-wrapper {
+    width: 100%;
+    border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-layer-3);
+  }
+
+  .side-nav-buttons-container .nav-submenu-wrapper {
+    position: absolute;
+    top: 0;
+    left: 100%;
+    margin-left: calc(var(--design-unit) * 1px);
+    min-width: 180px;
+  }
+
+  .nav-button-wrapper:hover .nav-submenu-wrapper {
+    opacity: 100%;
+    visibility: visible;
+    transform: translateY(0);
+    transition-delay: 0s;
+  }
+
+  .nav-submenu-wrapper .nav-button-wrapper .nav-submenu-wrapper {
+    top: 0;
+    left: 100%;
+    margin-left: calc(var(--design-unit) * 1px);
+    z-index: 1001;
+  }
+
+  .nav-submenu-wrapper .nav-button {
+    width: 100%;
+    text-align: left;
+    border: none;
+    background: transparent;
+    border-radius: 0;
+    margin: 0;
+    padding: calc(var(--design-unit) * 1px);
+    height: auto;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    z-index: 1002;
+  }
+
+  .nav-submenu-wrapper .nav-button:hover {
+    background-color: var(--neutral-fill-hover);
+  }
+
+  .nav-submenu-wrapper .nav-button::part(control) {
+    justify-content: left;
+  }
+
+  .nav-leftside .nav-button-wrapper .nav-button {
+    position: relative;
+    z-index: 1002;
+  }
+
+  .side-nav-buttons-container .nav-button-wrapper {
+    width: 100%;
+  }
+
+  .side-nav-buttons-container .nav-button-wrapper .nav-button {
+    width: 100%;
+    text-align: left;
+    justify-content: flex-start;
+  }
+
+  .side-nav-buttons-container .nav-button-wrapper .nav-button:has(+ .nav-submenu-wrapper) {
+    position: relative;
+  }
+
+  .nav-submenu-wrapper .nav-button-wrapper:last-child {
+    border-bottom: none;
+  }
 `.withBehaviors(getApp().registerStylesTarget('header'));

package/dist/esm/main/main.template.js

@@ -62,27 +62,60 @@ const routeNavItemsTemplate = (navId) => html `
   <template>
     ${repeat((x) => x.routeNavItems, html `
         ${when((x, c) => x.navId === navId &&
-    (!x.permission || (x.permission && c.parent.isUserPermitted(x.permission))), html `        
-            <${buttonTag}
-              appearance="neutral-grey"
-              class="nav-button"
-              slot="routes"
-              @click=${(x, c) => c.parent.navigateTo(x.routePath)}
-              data-test-id="${(x) => `${x.routePath}-button`}"
-              aria-label=${(x) => x.title}
-            >
-              ${when((x) => x.icon, html `
-                  <${iconTag}
-                    name="${(x) => x.icon.name}"
-                    variant="${(x) => x.icon.variant}"
-                    size="${(x) => x.icon.size}"
-                  ></${iconTag}}>
+    (!x.permission || (x.permission && c.parent.isUserPermitted(x.permission))), html `
+            <div class="nav-button-wrapper">    
+              <${buttonTag}
+                appearance="neutral-grey"
+                class="nav-button"
+                slot="routes"
+                @click=${(x, c) => c.parent.handleNavButtonClick(x)}
+                data-test-id="${(x) => `${x.routePath}-button`}"
+                aria-label=${(x) => x.title}
+              >
+                ${when((x) => x.icon, html `
+                    <${iconTag}
+                      name="${(x) => x.icon.name}"
+                      variant="${(x) => x.icon.variant}"
+                      size="${(x) => x.icon.size}"
+                    ></${iconTag}>
+                  `)}
+                ${(x, c) => c.parent.toLocalisedText(x.title)}
+              </${buttonTag}>
+              ${when((x) => x.navItems, html `
+                  ${(x, c) => routeNavSubmenuItemsTemplate(x, c.parent)}
                 `)}
-              ${(x, c) => c.parent.toLocalisedText(x.title)}
-            </${buttonTag}>`)}
+            </div>
+          `)}
       `)}
   </template>
 `;
+const routeNavSubmenuItemsTemplate = (item, context) => html `
+  <div class="nav-submenu-wrapper">
+    ${repeat(() => item.navItems, html `
+        <div class="nav-button-wrapper">
+          <${buttonTag}
+            appearance="neutral-grey"
+            class="nav-button"
+            @click=${(x) => context.handleNavButtonClick(x)}
+            data-test-id="${(x) => `${x.routePath}-button`}"
+            aria-label=${(x) => x.title}
+          >
+            ${when((x) => x.icon, html `
+                <${iconTag}
+                  name="${(x) => x.icon.name}"
+                  variant="${(x) => x.icon.variant}"
+                  size="${(x) => x.icon.size}"
+                ></${iconTag}>
+              `)}
+            ${(x) => context.toLocalisedText(x.title)}
+          </${buttonTag}>
+          ${when((x) => x.navItems, html `
+              ${(x) => routeNavSubmenuItemsTemplate(x, context)}
+            `)}
+        </div>
+      `)}
+  </div>
+`;
 /**
  * Render template for the Navigation class
  *

package/dist/esm/templates/rapid.template.js

@@ -70,27 +70,60 @@ const routeNavItemsTemplate = (navId) => html `
   <template>
     ${repeat((x) => x.routeNavItems, html `
         ${when((x, c) => x.navId === navId &&
-    (!x.permission || (x.permission && c.parent.isUserPermitted(x.permission))), html `        
-            <${buttonTag}
-              appearance="neutral-grey"
-              class="nav-button"
-              slot="routes"
-              @click=${(x, c) => c.parent.navigateTo(x.routePath)}
-              data-test-id="${(x) => `${x.routePath}-button`}"
-              aria-label=${(x) => x.title}
-            >
-              ${when((x) => x.icon, html `
-                  <${iconTag}
-                    name="${(x) => x.icon.name}"
-                    variant="${(x) => x.icon.variant}"
-                    size="${(x) => x.icon.size}"
-                  ></${iconTag}}>
+    (!x.permission || (x.permission && c.parent.isUserPermitted(x.permission))), html `
+            <div class="nav-button-wrapper">    
+              <${buttonTag}
+                appearance="neutral-grey"
+                class="nav-button"
+                slot="routes"
+                @click=${(x, c) => c.parent.handleNavButtonClick(x)}
+                data-test-id="${(x) => `${x.routePath}-button`}"
+                aria-label=${(x) => x.title}
+              >
+                ${when((x) => x.icon, html `
+                    <${iconTag}
+                      name="${(x) => x.icon.name}"
+                      variant="${(x) => x.icon.variant}"
+                      size="${(x) => x.icon.size}"
+                    ></${iconTag}>
+                  `)}
+                ${(x, c) => c.parent.toLocalisedText(x.title)}
+              </${buttonTag}>
+              ${when((x) => x.items, html `
+                  ${(x, c) => routeNavSubmenuItemsTemplate(x, c.parent)}
                 `)}
-              ${(x, c) => c.parent.toLocalisedText(x.title)}
-            </${buttonTag}>`)}
+            </div>
+          `)}
       `)}
   </template>
 `;
+const routeNavSubmenuItemsTemplate = (item, context) => html `
+  <div class="nav-submenu-wrapper">
+    ${repeat(() => item.navItems, html `
+        <div class="nav-button-wrapper">
+          <${buttonTag}
+            appearance="neutral-grey"
+            class="nav-button"
+            @click=${(x) => context.handleNavButtonClick(x)}
+            data-test-id="${(x) => `${x.routePath}-button`}"
+            aria-label=${(x) => x.title}
+          >
+            ${when((x) => x.icon, html `
+                <${iconTag}
+                  name="${(x) => x.icon.name}"
+                  variant="${(x) => x.icon.variant}"
+                  size="${(x) => x.icon.size}"
+                ></${iconTag}>
+              `)}
+            ${(x) => context.toLocalisedText(x.title)}
+          </${buttonTag}>
+          ${when((x) => x.navItems, html `
+              ${(x) => routeNavSubmenuItemsTemplate(x, context)}
+            `)}
+        </div>
+      `)}
+  </div>
+`;
 /**
  * Render template for the Navigation class
  *

package/dist/foundation-header.api.json

@@ -545,7 +545,16 @@
             },
             {
               "kind": "Content",
-              "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}"
+              "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    'nav-button-clicked': {\n        item: "
+            },
+            {
+              "kind": "Reference",
+              "text": "FoundationRouteNavItem",
+              "canonicalReference": "@genesislcap/foundation-ui!FoundationRouteNavItem:type"
+            },
+            {
+              "kind": "Content",
+              "text": ";\n        context: any;\n    };\n}"
             },
             {
               "kind": "Content",
@@ -557,13 +566,13 @@
           "name": "NavEventDetailMap",
           "typeTokenRange": {
             "startIndex": 1,
-            "endIndex": 2
+            "endIndex": 4
           }
         },
         {
           "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 show - account-menu - Boolean attribute which controls whether the navigation bar will display the account menu.\n *\n * @param logout - button-position - String attribute which controls the position of the logout button in the header.\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",
+          "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 show - account-menu - Boolean attribute which controls whether the navigation bar will display the account menu.\n *\n * @param logout - button-position - String attribute which controls the position of the logout button in the header.\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 * @fires\n *\n * nav-button-clicked - Dispatched when the user clicks a navigation button.\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -732,6 +741,55 @@
               "isProtected": false,
               "isAbstract": false
             },
+            {
+              "kind": "Method",
+              "canonicalReference": "@genesislcap/foundation-header!Navigation#handleNavButtonClick:member(1)",
+              "docComment": "/**\n * Handles the click event for a navigation button\n *\n * @param routeNavItem - The navigation item that was clicked\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "handleNavButtonClick(routeNavItem: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "FoundationRouteNavItem",
+                  "canonicalReference": "@genesislcap/foundation-ui!FoundationRouteNavItem:type"
+                },
+                {
+                  "kind": "Content",
+                  "text": "): "
+                },
+                {
+                  "kind": "Content",
+                  "text": "void"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isStatic": false,
+              "returnTypeTokenRange": {
+                "startIndex": 3,
+                "endIndex": 4
+              },
+              "releaseTag": "Public",
+              "isProtected": false,
+              "overloadIndex": 1,
+              "parameters": [
+                {
+                  "parameterName": "routeNavItem",
+                  "parameterTypeTokenRange": {
+                    "startIndex": 1,
+                    "endIndex": 2
+                  },
+                  "isOptional": false
+                }
+              ],
+              "isOptional": false,
+              "isAbstract": false,
+              "name": "handleNavButtonClick"
+            },
             {
               "kind": "Property",
               "canonicalReference": "@genesislcap/foundation-header!Navigation#headerConfig:member",

package/dist/foundation-header.d.ts

@@ -193,6 +193,10 @@ export declare type NavEventDetailMap = {
     'misc-icon-clicked': void;
     'notification-icon-clicked': void;
     'language-changed': void;
+    'nav-button-clicked': {
+        item: FoundationRouteNavItem;
+        context: any;
+    };
 };
 
 /**
@@ -230,6 +234,7 @@ export declare type NavEventDetailMap = {
  * @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.
+ * @fires nav-button-clicked - Dispatched when the user clicks a navigation button.
  *
  */
 export declare class Navigation extends Navigation_base {
@@ -491,10 +496,15 @@ export declare class Navigation extends Navigation_base {
      * Is languageOptions needed.
      */
     toLocalisedText(text: string): string;
+    /**
+     * Handles the click event for a navigation button
+     * @param routeNavItem - The navigation item that was clicked
+     */
+    handleNavButtonClick(routeNavItem: FoundationRouteNavItem): void;
 }
 
 declare const Navigation_base: abstract new (...args: any[]) => {
-    $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;
+    $emit<K extends "luminance-icon-clicked" | "logout-clicked" | "misc-icon-clicked" | "notification-icon-clicked" | "language-changed" | "nav-button-clicked">(...args: NavEventDetailMap[K] extends void ? [type: K, options?: EmitOptions] : [type: K, detail: NavEventDetailMap[K], options?: EmitOptions]): EmitReturn;
     accessKey: string;
     readonly accessKeyLabel: string;
     autocapitalize: string;
@@ -582,9 +592,7 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     scrollTo(options?: ScrollToOptions): void;
     scrollTo(x: number, y: number): void;
     setAttribute(qualifiedName: string, value: string): void;
-    setAttributeNS(namespace: string, qualifiedName: string, value: string): void; /**
-    * @internal
-    */
+    setAttributeNS(namespace: string, qualifiedName: string, value: string): void;
     setAttributeNode(attr: Attr): Attr;
     setAttributeNodeNS(attr: Attr): Attr;
     setPointerCapture(pointerId: number): void;
@@ -610,11 +618,7 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     getRootNode(options?: GetRootNodeOptions): Node;
     hasChildNodes(): boolean;
     insertBefore<T_1 extends Node>(node: T_1, child: Node): T_1;
-    isDefaultNamespace(namespace: string): boolean; /**
-    * Boolean attribute which controls whether to include the sideNav component
-    * Control via`hide-side-bar`
-    *
-    */
+    isDefaultNamespace(namespace: string): boolean;
     isEqualNode(otherNode: Node): boolean;
     isSameNode(otherNode: Node): boolean;
     lookupNamespaceURI(prefix: string): string;
@@ -664,7 +668,13 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     ariaMultiSelectable: string;
     ariaOrientation: string;
     ariaPlaceholder: string;
-    ariaPosInSet: string;
+    ariaPosInSet: string; /**
+    * Boolean attribute which controls whether to show the account menu on the navigation bar
+    * Control via `show-account-menu`
+    *
+    * @remarks
+    * If this attribute is not set then the account menu is not shown
+    */
     ariaPressed: string;
     ariaReadOnly: string;
     ariaRequired: string;
@@ -694,11 +704,7 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     readonly children: HTMLCollection;
     readonly firstElementChild: Element;
     readonly lastElementChild: Element;
-    append(...nodes: (string | Node)[]): void; /**
-    * Logs the user out of their session
-    *
-    * @public
-    */
+    append(...nodes: (string | Node)[]): void;
     prepend(...nodes: (string | Node)[]): void;
     querySelector<K_7 extends keyof HTMLElementTagNameMap>(selectors: K_7): HTMLElementTagNameMap[K_7];
     querySelector<K_8 extends keyof SVGElementTagNameMap>(selectors: K_8): SVGElementTagNameMap[K_8];
@@ -728,16 +734,6 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     oncanplay: (this: GlobalEventHandlers, ev: Event) => any;
     oncanplaythrough: (this: GlobalEventHandlers, ev: Event) => any;
     onchange: (this: GlobalEventHandlers, ev: Event) => any;
-    /**
-     * 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
-     */
     onclick: (this: GlobalEventHandlers, ev: MouseEvent) => any;
     onclose: (this: GlobalEventHandlers, ev: Event) => any;
     oncontextmenu: (this: GlobalEventHandlers, ev: MouseEvent) => any;
@@ -798,7 +794,15 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     onselectstart: (this: GlobalEventHandlers, ev: Event) => any;
     onslotchange: (this: GlobalEventHandlers, ev: Event) => any;
     onstalled: (this: GlobalEventHandlers, ev: Event) => any;
-    onsubmit: (this: GlobalEventHandlers, ev: SubmitEvent) => any;
+    onsubmit: (this: GlobalEventHandlers, ev: SubmitEvent) => any; /**
+    * Load remote components
+    *
+    * @remarks
+    *
+    * With regards to module federation
+    *
+    * @internal
+    */
     onsuspend: (this: GlobalEventHandlers, ev: Event) => any;
     ontimeupdate: (this: GlobalEventHandlers, ev: Event) => any;
     ontoggle: (this: GlobalEventHandlers, ev: Event) => any;

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

@@ -15,5 +15,9 @@ export type NavEventDetailMap = {
     'misc-icon-clicked': void;
     'notification-icon-clicked': void;
     'language-changed': void;
+    'nav-button-clicked': {
+        item: FoundationRouteNavItem;
+        context: any;
+    };
 };
 ```

package/docs/api/foundation-header.navigation.handlenavbuttonclick.md

@@ -0,0 +1,24 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@genesislcap/foundation-header](./foundation-header.md) &gt; [Navigation](./foundation-header.navigation.md) &gt; [handleNavButtonClick](./foundation-header.navigation.handlenavbuttonclick.md)
+
+## Navigation.handleNavButtonClick() method
+
+Handles the click event for a navigation button
+
+**Signature:**
+
+```typescript
+handleNavButtonClick(routeNavItem: FoundationRouteNavItem): void;
+```
+
+## Parameters
+
+|  Parameter | Type | Description |
+|  --- | --- | --- |
+|  routeNavItem | FoundationRouteNavItem | The navigation item that was clicked |
+
+**Returns:**
+
+void
+

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

@@ -49,6 +49,7 @@ export declare class Navigation extends Navigation_base
 |  --- | --- | --- |
 |  [changeLanguage(e)](./foundation-header.navigation.changelanguage.md) |  | Changes the language of the application |
 |  [connectedCallback()](./foundation-header.navigation.connectedcallback.md) |  | Called when the component is connected to the DOM |
+|  [handleNavButtonClick(routeNavItem)](./foundation-header.navigation.handlenavbuttonclick.md) |  | Handles the click event for a navigation button |
 |  [logout()](./foundation-header.navigation.logout.md) |  | Logs the user out of their session |
 |  [navigateTo(path)](./foundation-header.navigation.navigateto.md) |  | Changes the route of the current page |
 |  [selectTemplate()](./foundation-header.navigation.selecttemplate.md) |  | Selects the appropriate template based on the component's state |

package/docs/api-report.md

@@ -85,6 +85,10 @@ export type NavEventDetailMap = {
     'misc-icon-clicked': void;
     'notification-icon-clicked': void;
     'language-changed': void;
+    'nav-button-clicked': {
+        item: FoundationRouteNavItem;
+        context: any;
+    };
 };
 
 // Warning: (ae-forgotten-export) The symbol "Navigation_base" needs to be exported by the entry point index.d.ts
@@ -99,6 +103,7 @@ export class Navigation extends Navigation_base {
     connectedCallback(): Promise<void>;
     // (undocumented)
     container: Container;
+    handleNavButtonClick(routeNavItem: FoundationRouteNavItem): void;
     // (undocumented)
     headerConfig: HeaderConfig;
     hideSideBar: boolean;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-header",
   "description": "Genesis Foundation Header",
-  "version": "14.280.0",
+  "version": "14.281.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.280.0",
-    "@genesislcap/genx": "14.280.0",
-    "@genesislcap/rollup-builder": "14.280.0",
-    "@genesislcap/ts-builder": "14.280.0",
-    "@genesislcap/uvu-playwright-builder": "14.280.0",
-    "@genesislcap/vite-builder": "14.280.0",
-    "@genesislcap/webpack-builder": "14.280.0",
+    "@genesislcap/foundation-testing": "14.281.0",
+    "@genesislcap/genx": "14.281.0",
+    "@genesislcap/rollup-builder": "14.281.0",
+    "@genesislcap/ts-builder": "14.281.0",
+    "@genesislcap/uvu-playwright-builder": "14.281.0",
+    "@genesislcap/vite-builder": "14.281.0",
+    "@genesislcap/webpack-builder": "14.281.0",
     "rimraf": "^5.0.0"
   },
   "dependencies": {
-    "@genesislcap/foundation-auth": "14.280.0",
-    "@genesislcap/foundation-comms": "14.280.0",
-    "@genesislcap/foundation-events": "14.280.0",
-    "@genesislcap/foundation-i18n": "14.280.0",
-    "@genesislcap/foundation-logger": "14.280.0",
-    "@genesislcap/foundation-login": "14.280.0",
-    "@genesislcap/foundation-shell": "14.280.0",
-    "@genesislcap/foundation-ui": "14.280.0",
-    "@genesislcap/foundation-user": "14.280.0",
-    "@genesislcap/foundation-utils": "14.280.0",
-    "@genesislcap/foundation-zero": "14.280.0",
-    "@genesislcap/rapid-design-system": "14.280.0",
-    "@genesislcap/web-core": "14.280.0",
+    "@genesislcap/foundation-auth": "14.281.0",
+    "@genesislcap/foundation-comms": "14.281.0",
+    "@genesislcap/foundation-events": "14.281.0",
+    "@genesislcap/foundation-i18n": "14.281.0",
+    "@genesislcap/foundation-logger": "14.281.0",
+    "@genesislcap/foundation-login": "14.281.0",
+    "@genesislcap/foundation-shell": "14.281.0",
+    "@genesislcap/foundation-ui": "14.281.0",
+    "@genesislcap/foundation-user": "14.281.0",
+    "@genesislcap/foundation-utils": "14.281.0",
+    "@genesislcap/foundation-zero": "14.281.0",
+    "@genesislcap/rapid-design-system": "14.281.0",
+    "@genesislcap/web-core": "14.281.0",
     "tslib": "^2.3.1"
   },
   "repository": {
@@ -111,5 +111,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "7e89766c4e599c7eea739cd24de3be1e65357472"
+  "gitHead": "b2843ad2a9e1b5997b721f9fd1127666922c7259"
 }