@genesislcap/foundation-header 14.278.3 → 14.281.0

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

@@ -3,8 +3,8 @@ import { I18next } from '@genesislcap/foundation-i18n';
 import { LoginRouting } from '@genesislcap/foundation-login';
 import { FoundationRouteNavItem } from '@genesislcap/foundation-ui';
 import { User } from '@genesislcap/foundation-user';
-import { Container } from '@genesislcap/web-core';
 import type { ViewTemplate } from '@genesislcap/web-core';
+import { Container } from '@genesislcap/web-core';
 import { HeaderConfig } from '../config/config';
 /**
  * Events dispatched by the navigation control buttons
@@ -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;
@@ -73,17 +77,11 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     readonly scrollWidth: number;
     readonly shadowRoot: ShadowRoot;
     slot: string;
-    readonly tagName: string; /**
-     * @internal
-     * Flag to indicate if the component is ready
-     */
+    readonly tagName: string;
     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[];
@@ -135,9 +133,7 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     readonly nodeName: string;
     readonly nodeType: number;
     nodeValue: string;
-    readonly parentElement: HTMLElement; /**
-     * Object which defines the language options to be displayed in the language selector
-     */
+    readonly parentElement: HTMLElement;
     readonly parentNode: ParentNode;
     readonly previousSibling: ChildNode;
     textContent: string;
@@ -198,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;
@@ -233,36 +235,9 @@ 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]>; /**
-     * 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
-     */
+    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>;
     replaceChildren(...nodes: (string | Node)[]): void;
     readonly assignedSlot: HTMLSlotElement;
     oncopy: (this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any;
@@ -300,13 +275,6 @@ 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;
@@ -352,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;
@@ -402,6 +378,8 @@ declare const Navigation_base: abstract new (...args: any[]) => {
  * @param show-connection-indicator - Boolean attribute which controls whether the navigation bar will display the connection indicator.
  * @param show-language-selector - Boolean attribute which controls whether the navigation bar will display the language selector.
  * @param hide-side-bar - Boolean attribute which controls whether the navigation bar will display the side bar.
+ * @param show-account-menu - Boolean attribute which controls whether the navigation bar will display the account menu.
+ * @param logout-button-position - String attribute which controls the position of the logout button in the header.
  *
  * @param userName - String which defines the username to be displayed in the navigation bar.
  * @param routeButtons - Array of objects which define the route buttons to be displayed in the navigation bar.
@@ -415,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 {
@@ -518,6 +497,15 @@ export declare class Navigation extends Navigation_base {
      *
      */
     hideSideBar: boolean;
+    /**
+     * String attribute which controls the position of the logout button in the header
+     * Control via `logout-button-position`
+     *
+     * @remarks
+     *
+     * If this attribute is not set then the logout button is shown in the side nav
+     */
+    logoutButtonPosition: 'side-nav' | 'account-menu' | 'none';
     /**
      * If present the defined route buttons will be rendered in the header 'routes' slot
      *
@@ -538,6 +526,21 @@ export declare class Navigation extends Navigation_base {
      * If present the defined {@link @genesislcap/foundation-ui#FoundationRouteNavItem | FoundationRouteNavItems} will be rendered in the header 'routes' slot
      */
     routeNavItems: FoundationRouteNavItem[];
+    /**
+     * 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
+     */
+    showAccountMenu: boolean;
+    /**
+     * Computed property that determines if the account menu should be shown
+     * @remarks
+     * It will be shown if the attribute is explicitly set to true
+     * or the logout button position is set to 'account-menu'
+     */
+    get shouldShowAccountMenu(): boolean;
     /**
      * Load remote components
      *
@@ -652,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,iDAqMgD,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":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAY1D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAIzC;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,eAAe,EAAE,YAAY,CAAC,UAAU,CAIpD,CAAC;AAyHF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,WAAW,+BAkHvB,CAAC;AAEF;;;;;;;;;;;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

@@ -6,13 +6,13 @@ import { I18next } from '@genesislcap/foundation-i18n';
 import { LoginConfig, LoginRouting } from '@genesislcap/foundation-login';
 import { FoundationRouteNav } from '@genesislcap/foundation-ui';
 import { User } from '@genesislcap/foundation-user';
-import { GenesisElement, customElement, observable, attr, Container } from '@genesislcap/web-core';
+import { attr, Container, customElement, GenesisElement, observable } from '@genesislcap/web-core';
 import logo from '../assets/logo.svg';
 import { HeaderConfig } from '../config/config';
 import { rapidTemplate } from '../templates/rapid.template';
 import { logger } from '../utils';
 import { MainStyles as styles } from './main.styles';
-import { dynamicTemplate as template, LoadingTemplate, mainTemplate } from './main.template';
+import { LoadingTemplate, mainTemplate, dynamicTemplate as template } from './main.template';
 /**
  * Navigation micro-frontend includes navigation bar and flyout menu
  *
@@ -33,6 +33,8 @@ import { dynamicTemplate as template, LoadingTemplate, mainTemplate } from './ma
  * @param show-connection-indicator - Boolean attribute which controls whether the navigation bar will display the connection indicator.
  * @param show-language-selector - Boolean attribute which controls whether the navigation bar will display the language selector.
  * @param hide-side-bar - Boolean attribute which controls whether the navigation bar will display the side bar.
+ * @param show-account-menu - Boolean attribute which controls whether the navigation bar will display the account menu.
+ * @param logout-button-position - String attribute which controls the position of the logout button in the header.
  *
  * @param userName - String which defines the username to be displayed in the navigation bar.
  * @param routeButtons - Array of objects which define the route buttons to be displayed in the navigation bar.
@@ -46,6 +48,7 @@ import { dynamicTemplate as template, LoadingTemplate, mainTemplate } 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) {
@@ -102,6 +105,23 @@ let Navigation = class Navigation extends EventEmitter(GenesisElement) {
             availableLanguages: Object.keys((_a = this.i18next.config.resources) !== null && _a !== void 0 ? _a : {}),
             selectedLanguage: this.i18next.config.lng,
         };
+        /**
+         * String attribute which controls the position of the logout button in the header
+         * Control via `logout-button-position`
+         *
+         * @remarks
+         *
+         * If this attribute is not set then the logout button is shown in the side nav
+         */
+        this.logoutButtonPosition = 'side-nav';
+        /**
+         * 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
+         */
+        this.showAccountMenu = false;
     }
     /**
      * Called when the component is connected to the DOM
@@ -143,6 +163,15 @@ let Navigation = class Navigation extends EventEmitter(GenesisElement) {
             }));
         }
     }
+    /**
+     * Computed property that determines if the account menu should be shown
+     * @remarks
+     * It will be shown if the attribute is explicitly set to true
+     * or the logout button position is set to 'account-menu'
+     */
+    get shouldShowAccountMenu() {
+        return this.showAccountMenu || this.logoutButtonPosition === 'account-menu';
+    }
     /**
      * Load remote components
      *
@@ -303,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
@@ -358,12 +400,18 @@ __decorate([
 __decorate([
     attr({ mode: 'boolean', attribute: 'hide-side-bar' })
 ], Navigation.prototype, "hideSideBar", void 0);
+__decorate([
+    attr({ attribute: 'logout-button-position' })
+], Navigation.prototype, "logoutButtonPosition", void 0);
 __decorate([
     observable
 ], Navigation.prototype, "routeButtons", void 0);
 __decorate([
     observable
 ], Navigation.prototype, "routeNavItems", void 0);
+__decorate([
+    attr({ mode: 'boolean', attribute: 'show-account-menu' })
+], Navigation.prototype, "showAccountMenu", void 0);
 Navigation = __decorate([
     customElement({
         name: 'foundation-header',

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

@@ -1,6 +1,6 @@
 import { getApp } from '@genesislcap/foundation-shell/app';
 import { css } from '@genesislcap/web-core';
-import { optionTag, iconTag, flyoutTag } from '../tags';
+import { flyoutTag, iconTag, optionTag } from '../tags';
 /**
  * Base styles for the foundation-header
  *
@@ -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 {
@@ -205,4 +207,152 @@ export const MainStyles = css `
     display: flex;
     flex-direction: column;
   }
+
+  .account-menu {
+    opacity: 0%;
+    visibility: hidden;
+    margin: 0;
+    background-color: var(--neutral-layer-2);
+    border-color: var(--neutral-fill-hover);
+    border: calc(var(--stroke-width) * 1px) solid var(--neutral-layer-1);
+    transition:
+      opacity 0.1s ease,
+      visibility 0.1s ease,
+      transform 0.1s ease;
+    transform: translateY(calc(var(--design-unit) * -5px));
+    padding: 0;
+    position: absolute;
+    top: 100%;
+    right: 0;
+    z-index: 1;
+    min-width: 130px;
+  }
+
+  .account-menu-wrapper:hover .account-menu {
+    opacity: 100%;
+    visibility: visible;
+    transform: translateY(0);
+  }
+
+  .account-menu-wrapper {
+    position: relative;
+    padding: 0;
+    margin: 0;
+    line-height: 0;
+    font-size: 0;
+  }
+
+  .account-button {
+    position: relative;
+    z-index: 2;
+  }
+
+  .account-menu-button {
+    height: calc(((var(--base-height-multiplier) + var(--density)) * var(--design-unit) - 8) * 1px);
+    width: 100%;
+    background-color: var(--neutral-layer-2);
+  }
+
+  .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'));