@genesislcap/foundation-header 14.285.1 → 14.285.2-alpha-a57a535.0

package/dist/custom-elements.json

@@ -25,48 +25,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/config/config.ts",
@@ -222,6 +180,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/main/index.ts",
@@ -287,7 +287,7 @@
         {
           "kind": "variable",
           "name": "navTemplate",
-          "default": "html<Navigation>`\n  ${when((x) => !x.hideSideBar, sideNavTemplate)}\n  <div class=\"nav-listbox\" data-test-id=\"nav-bar\" role=\"navigation\" aria-label=\"Main menu\">\n    ${app.registerElementsTarget<HeaderTargetId>('header-start')}\n    <div class=\"nav-leftside\">\n      ${app.registerElementsTarget<NavTargetId>('nav-start')}\n      ${when(\n        (x) => !x.hideSideBar,\n        html<Navigation>`\n          <${buttonTag}\n            class=\"bars-container\"\n            @click=${(x) => x.toggleNavVisibility()}\n            data-test-id=\"hamburger-menu\"\n            aria-label=\"Toggle side menu\"\n            aria-controls=\"side-nav\"\n            aria-expanded=${(x) => x.sideNavOpen}\n            appearance=\"stealth\"\n            @focusin=${(x) => x.closeNav()}\n          >\n            <${iconTag}\n              name=\"bars\"\n              part=\"nav-visibility-icon\"\n              class=\"nav-visibility-icon\"\n            >\n            </${iconTag}>\n          </${buttonTag}>\n        `,\n      )}\n      <div class=\"logo-container\" data-test-id=\"nav-bar-logo\">\n        <img\n          src=${(x) => x.logoSrc}\n          class=\"logo\"\n          part=\"logo\"\n          data-test-id=\"logo\"\n          alt=\"${(x) => x.logoAltText}\"\n        />\n      </div>\n      <slot name=\"routes\" data-test-id=\"route-buttons\">\n        ${(x) => (x.routeNavItems ? routeNavItemsTemplate('header') : defaultRouteNavItemsTemplate)}\n      </slot>\n      ${app.registerElementsTarget<NavTargetId>('nav')}\n    </div>\n    <div class=\"nav-rightside\">\n      ${app.registerElementsTarget<NavTargetId>('nav-end')}\n      <slot name=\"routes-end\" data-test-id=\"route-end-buttons\"></slot>\n      ${when(\n        (x) => x.showLuminanceToggleButton,\n        html<Navigation>`\n          <div\n            class=\"icon-container\"\n            data-test-id=\"luminance-toggle-button\"\n            part=\"luminance-button\"\n            aria-label=\"Luminance toggle\"\n          >\n            <${iconTag}\n              @click=${(x) => x.luminanceIconEvent()}\n              variant=\"regular\"\n              name=\"moon\"\n              part=\"luminance-icon\"\n            ></${iconTag}>\n          </div>\n        `,\n      )}\n      ${when(\n        (x) => x.showMiscToggleButton,\n        html<Navigation>`\n          <div class=\"icon-container\" data-test-id=\"misc-toggle-button\" part=\"misc-button\" aria-label=\"Misc icon\">\n            <${iconTag} @click=${(x) => x.miscIconEvent()} name=\"th\" part=\"misc-icon\">\n            </${iconTag}>\n          </div>\n        `,\n      )}\n      ${when(\n        (x) => x.showConnectionIndicator,\n        html<Navigation>`\n          <div class=\"connection-indicator-container\" data-test-id=\"connection-indicator\">\n            <${connectionIndicatorTag} show-label=\"false\">\n            </${connectionIndicatorTag}>\n          </div>\n        `,\n      )}\n      ${when(\n        (x) => x.showLanguageSelector && x.languageOptions,\n        html<Navigation>`\n          <${selectTag}\n            class=\"language-selector\"\n            position=\"below\"\n            data-test-id=\"language-selector\"\n            part=\"language-selector\"\n            @change=\"${(x, c) => x.changeLanguage(c.event as CustomEvent)}\"\n            aria-label=\"Language selector\"\n          >\n            ${repeat(\n              (x) => x.languageOptions.availableLanguages,\n              html`\n                <${optionTag}\n                  value=\"${(x) => x}\"\n                  ?selected=\"${(x, c) => x === c.parent.languageOptions.selectedLanguage}\"\n                >\n                  ${(x) => x.toUpperCase()}\n                </${optionTag}>\n              `,\n            )}\n          </${selectTag}>\n        `,\n      )}\n      ${() => accountMenuTemplate}\n    </div>\n    ${app.registerElementsTarget<HeaderTargetId>(['header', 'header-end'])}\n  </div>\n`",
+          "default": "html<Navigation>`\n  ${when((x) => !x.hideSideBar, sideNavTemplate)}\n  <div class=\"nav-listbox\" data-test-id=\"nav-bar\" role=\"navigation\" aria-label=\"Main menu\">\n    ${app.registerElementsTarget<HeaderTargetId>('header-start')}\n    <div class=\"nav-leftside\">\n      ${app.registerElementsTarget<NavTargetId>('nav-start')}\n      ${when(\n        (x) => !x.hideSideBar,\n        html<Navigation>`\n          <${buttonTag}\n            class=\"bars-container\"\n            @click=${(x) => x.toggleNavVisibility()}\n            data-test-id=\"hamburger-menu\"\n            aria-label=\"Toggle side menu\"\n            aria-controls=\"side-nav\"\n            aria-expanded=${(x) => x.sideNavOpen}\n            appearance=\"stealth\"\n            @focusin=${(x) => x.closeNav()}\n          >\n            <${iconTag}\n              name=\"bars\"\n              part=\"nav-visibility-icon\"\n              class=\"nav-visibility-icon\"\n            >\n            </${iconTag}>\n          </${buttonTag}>\n        `,\n      )}\n      <div class=\"logo-container\" data-test-id=\"nav-bar-logo\">\n        <img\n          src=${(x) => x.logoSrc}\n          class=\"logo\"\n          part=\"logo\"\n          data-test-id=\"logo\"\n          alt=\"${(x) => x.logoAltText}\"\n        />\n      </div>\n      <slot name=\"routes\" data-test-id=\"route-buttons\">\n        ${(x) => (x.routeNavItems ? routeNavItemsTemplate('header') : defaultRouteNavItemsTemplate)}\n      </slot>\n      ${app.registerElementsTarget<NavTargetId>('nav')}\n    </div>\n    <div class=\"nav-rightside\">\n      ${when(\n        (x) => x.showEnvironmentIndicator,\n        html<Navigation>`\n          <zero-environment-indicator class=\"environment-indicator\"></zero-environment-indicator>\n        `,\n      )}\n      ${app.registerElementsTarget<NavTargetId>('nav-end')}\n      <slot name=\"routes-end\" data-test-id=\"route-end-buttons\"></slot>\n      ${when(\n        (x) => x.showLuminanceToggleButton,\n        html<Navigation>`\n          <div\n            class=\"icon-container\"\n            data-test-id=\"luminance-toggle-button\"\n            part=\"luminance-button\"\n            aria-label=\"Luminance toggle\"\n          >\n            <${iconTag}\n              @click=${(x) => x.luminanceIconEvent()}\n              variant=\"regular\"\n              name=\"moon\"\n              part=\"luminance-icon\"\n            ></${iconTag}>\n          </div>\n        `,\n      )}\n      ${when(\n        (x) => x.showMiscToggleButton,\n        html<Navigation>`\n          <div class=\"icon-container\" data-test-id=\"misc-toggle-button\" part=\"misc-button\" aria-label=\"Misc icon\">\n            <${iconTag} @click=${(x) => x.miscIconEvent()} name=\"th\" part=\"misc-icon\">\n            </${iconTag}>\n          </div>\n        `,\n      )}\n      ${when(\n        (x) => x.showConnectionIndicator,\n        html<Navigation>`\n          <div class=\"connection-indicator-container\" data-test-id=\"connection-indicator\">\n            <${connectionIndicatorTag} show-label=\"false\">\n            </${connectionIndicatorTag}>\n          </div>\n        `,\n      )}\n      ${when(\n        (x) => x.showLanguageSelector && x.languageOptions,\n        html<Navigation>`\n          <${selectTag}\n            class=\"language-selector\"\n            position=\"below\"\n            data-test-id=\"language-selector\"\n            part=\"language-selector\"\n            @change=\"${(x, c) => x.changeLanguage(c.event as CustomEvent)}\"\n            aria-label=\"Language selector\"\n          >\n            ${repeat(\n              (x) => x.languageOptions.availableLanguages,\n              html`\n                <${optionTag}\n                  value=\"${(x) => x}\"\n                  ?selected=\"${(x, c) => x === c.parent.languageOptions.selectedLanguage}\"\n                >\n                  ${(x) => x.toUpperCase()}\n                </${optionTag}>\n              `,\n            )}\n          </${selectTag}>\n        `,\n      )}\n      ${() => accountMenuTemplate}\n    </div>\n    ${app.registerElementsTarget<HeaderTargetId>(['header', 'header-end'])}\n  </div>\n`",
           "description": "Template for Navigation class",
           "return": {
             "type": {
@@ -420,6 +420,15 @@
               "default": "true",
               "description": "Boolean attribute which controls whether to show the connection indicator on the navigation bar\nControl via `show-connection-indicator`"
             },
+            {
+              "kind": "field",
+              "name": "showEnvironmentIndicator",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Boolean attribute which controls whether to show the environment indicator on the navigation bar\nControl via `show-environment-indicator`"
+            },
             {
               "kind": "field",
               "name": "showLanguageSelector",
@@ -669,6 +678,15 @@
               "description": "Boolean attribute which controls whether to show the connection indicator on the navigation bar\nControl via `show-connection-indicator`",
               "fieldName": "showConnectionIndicator"
             },
+            {
+              "name": "show-environment-indicator",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Boolean attribute which controls whether to show the environment indicator on the navigation bar\nControl via `show-environment-indicator`",
+              "fieldName": "showEnvironmentIndicator"
+            },
             {
               "name": "show-language-selector",
               "type": {
@@ -887,6 +905,19 @@
                 "module": "src/main/main.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "showEnvironmentIndicator",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Boolean attribute which controls whether to show the environment indicator on the navigation bar\nControl via `show-environment-indicator`",
+              "inheritedFrom": {
+                "name": "Navigation",
+                "module": "src/main/main.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "showLanguageSelector",
@@ -1194,6 +1225,19 @@
                 "module": "src/main/main.ts"
               }
             },
+            {
+              "name": "show-environment-indicator",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Boolean attribute which controls whether to show the environment indicator on the navigation bar\nControl via `show-environment-indicator`",
+              "fieldName": "showEnvironmentIndicator",
+              "inheritedFrom": {
+                "name": "Navigation",
+                "module": "src/main/main.ts"
+              }
+            },
             {
               "name": "show-language-selector",
               "type": {
@@ -1388,6 +1432,19 @@
                 "module": "src/main/main.ts"
               }
             },
+            {
+              "name": "show-environment-indicator",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Boolean attribute which controls whether to show the environment indicator on the navigation bar\nControl via `show-environment-indicator`",
+              "fieldName": "showEnvironmentIndicator",
+              "inheritedFrom": {
+                "name": "Navigation",
+                "module": "src/main/main.ts"
+              }
+            },
             {
               "name": "show-language-selector",
               "type": {
@@ -1596,6 +1653,19 @@
                 "module": "src/main/main.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "showEnvironmentIndicator",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Boolean attribute which controls whether to show the environment indicator on the navigation bar\nControl via `show-environment-indicator`",
+              "inheritedFrom": {
+                "name": "Navigation",
+                "module": "src/main/main.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "showLanguageSelector",
@@ -2044,6 +2114,19 @@
                 "module": "src/main/main.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "showEnvironmentIndicator",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Boolean attribute which controls whether to show the environment indicator on the navigation bar\nControl via `show-environment-indicator`",
+              "inheritedFrom": {
+                "name": "Navigation",
+                "module": "src/main/main.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "showLanguageSelector",
@@ -2339,6 +2422,19 @@
                 "module": "src/main/main.ts"
               }
             },
+            {
+              "name": "show-environment-indicator",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Boolean attribute which controls whether to show the environment indicator on the navigation bar\nControl via `show-environment-indicator`",
+              "fieldName": "showEnvironmentIndicator",
+              "inheritedFrom": {
+                "name": "Navigation",
+                "module": "src/main/main.ts"
+              }
+            },
             {
               "name": "show-language-selector",
               "type": {

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

@@ -101,6 +101,14 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     hasAttributes(): boolean;
     hasPointerCapture(pointerId: number): boolean;
     insertAdjacentElement(where: InsertPosition, element: Element): Element;
+    /**
+     * Boolean attribute which controls whether to show the luminance (moon) icon on the navigation bar
+     * Control via`show-luminance-toggle-button`
+     *
+     * @remarks
+     *
+     * If the user clicks the icon when shown then this class will emit the 'luminance-icon-clicked' event
+     */
     insertAdjacentHTML(position: InsertPosition, text: string): void;
     insertAdjacentText(where: InsertPosition, data: string): void;
     matches(selectors: string): boolean;
@@ -143,7 +151,15 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     contains(other: Node): boolean;
     getRootNode(options?: GetRootNodeOptions): Node;
     hasChildNodes(): boolean;
-    insertBefore<T_1 extends Node>(node: T_1, child: Node): T_1;
+    insertBefore<T_1 extends Node>(node: T_1, child: Node): T_1; /**
+     * Boolean attribute which controls whether to show the language selector on the navigation bar
+     * Control via `show-language-selector`
+     *
+     * @experimental
+     * @remarks
+     *
+     * Requires `i18nextOptions` to be set
+     */
     isDefaultNamespace(namespace: string): boolean;
     isEqualNode(otherNode: Node): boolean;
     isSameNode(otherNode: Node): boolean;
@@ -161,7 +177,14 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     readonly DOCUMENT_POSITION_CONTAINS: number;
     readonly DOCUMENT_POSITION_DISCONNECTED: number;
     readonly DOCUMENT_POSITION_FOLLOWING: number;
-    readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: number;
+    readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: number; /**
+     * 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
+     */
     readonly DOCUMENT_POSITION_PRECEDING: number;
     readonly DOCUMENT_TYPE_NODE: number;
     readonly ELEMENT_NODE: number;
@@ -194,13 +217,7 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     ariaMultiSelectable: string;
     ariaOrientation: string;
     ariaPlaceholder: 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
-     */
+    ariaPosInSet: string;
     ariaPressed: string;
     ariaReadOnly: string;
     ariaRequired: string;
@@ -216,7 +233,13 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     ariaValueMin: string;
     ariaValueNow: string;
     ariaValueText: string;
-    role: string;
+    role: 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
+     */
     animate(keyframes: PropertyIndexedKeyframes | Keyframe[], options?: number | KeyframeAnimationOptions): Animation;
     getAnimations(options?: GetAnimationsOptions): Animation[];
     after(...nodes: (string | Node)[]): void;
@@ -320,15 +343,7 @@ 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; /**
-     * Load remote components
-     *
-     * @remarks
-     *
-     * With regards to module federation
-     *
-     * @internal
-     */
+    onsubmit: (this: GlobalEventHandlers, ev: SubmitEvent) => any;
     onsuspend: (this: GlobalEventHandlers, ev: Event) => any;
     ontimeupdate: (this: GlobalEventHandlers, ev: Event) => any;
     ontoggle: (this: GlobalEventHandlers, ev: Event) => any;
@@ -376,6 +391,7 @@ declare const Navigation_base: abstract new (...args: any[]) => {
  * @param show-misc-toggle-button - Boolean attribute which controls whether the navigation bar will display the miscellaneous behaviour icon.
  * @param notification-icon-clicked - Boolean attribute which controls whether the navigation bar will display the show notification icon.
  * @param show-connection-indicator - Boolean attribute which controls whether the navigation bar will display the connection indicator.
+ * @param show-environment-indicator - Boolean attribute which controls whether the navigation bar will display the environment 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.
@@ -477,6 +493,11 @@ export declare class Navigation extends Navigation_base {
      *
      */
     showConnectionIndicator: boolean;
+    /**
+     * Boolean attribute which controls whether to show the environment indicator on the navigation bar
+     * Control via `show-environment-indicator`
+     */
+    showEnvironmentIndicator: boolean;
     /**
      * Boolean attribute which controls whether to show the language selector on the navigation bar
      * Control via `show-language-selector`

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.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;AA8KF;;;;;;;;;;;;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;AA8KF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,WAAW,+BAoHvB,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/esm/main/main.js

@@ -31,6 +31,7 @@ import { LoadingTemplate, mainTemplate, dynamicTemplate as template } from './ma
  * @param show-misc-toggle-button - Boolean attribute which controls whether the navigation bar will display the miscellaneous behaviour icon.
  * @param notification-icon-clicked - Boolean attribute which controls whether the navigation bar will display the show notification icon.
  * @param show-connection-indicator - Boolean attribute which controls whether the navigation bar will display the connection indicator.
+ * @param show-environment-indicator - Boolean attribute which controls whether the navigation bar will display the environment 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.
@@ -88,6 +89,11 @@ let Navigation = class Navigation extends EventEmitter(GenesisElement) {
          *
          */
         this.showConnectionIndicator = true;
+        /**
+         * Boolean attribute which controls whether to show the environment indicator on the navigation bar
+         * Control via `show-environment-indicator`
+         */
+        this.showEnvironmentIndicator = false;
         /**
          * Boolean attribute which controls whether to show the language selector on the navigation bar
          * Control via `show-language-selector`
@@ -391,6 +397,9 @@ __decorate([
 __decorate([
     attr({ mode: 'boolean', attribute: 'show-connection-indicator' })
 ], Navigation.prototype, "showConnectionIndicator", void 0);
+__decorate([
+    attr({ mode: 'boolean', attribute: 'show-environment-indicator' })
+], Navigation.prototype, "showEnvironmentIndicator", void 0);
 __decorate([
     attr({ mode: 'boolean', attribute: 'show-language-selector' })
 ], Navigation.prototype, "showLanguageSelector", void 0);

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

@@ -216,6 +216,9 @@ export const navTemplate = html `
       ${app.registerElementsTarget('nav')}
     </div>
     <div class="nav-rightside">
+      ${when((x) => x.showEnvironmentIndicator, html `
+          <zero-environment-indicator class="environment-indicator"></zero-environment-indicator>
+        `)}
       ${app.registerElementsTarget('nav-end')}
       <slot name="routes-end" data-test-id="route-end-buttons"></slot>
       ${when((x) => x.showLuminanceToggleButton, html `

package/dist/foundation-header.api.json

@@ -572,7 +572,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 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",
+          "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 - environment-indicator - Boolean attribute which controls whether the navigation bar will display the environment 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",
@@ -1323,6 +1323,36 @@
               "isProtected": false,
               "isAbstract": false
             },
+            {
+              "kind": "Property",
+              "canonicalReference": "@genesislcap/foundation-header!Navigation#showEnvironmentIndicator:member",
+              "docComment": "/**\n * Boolean attribute which controls whether to show the environment indicator on the navigation bar Control via `show-environment-indicator`\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "showEnvironmentIndicator: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "boolean"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "showEnvironmentIndicator",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false,
+              "isProtected": false,
+              "isAbstract": false
+            },
             {
               "kind": "Property",
               "canonicalReference": "@genesislcap/foundation-header!Navigation#showLanguageSelector:member",

package/dist/foundation-header.d.ts

@@ -217,6 +217,7 @@ export declare type NavEventDetailMap = {
  * @param show-misc-toggle-button - Boolean attribute which controls whether the navigation bar will display the miscellaneous behaviour icon.
  * @param notification-icon-clicked - Boolean attribute which controls whether the navigation bar will display the show notification icon.
  * @param show-connection-indicator - Boolean attribute which controls whether the navigation bar will display the connection indicator.
+ * @param show-environment-indicator - Boolean attribute which controls whether the navigation bar will display the environment 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.
@@ -318,6 +319,11 @@ export declare class Navigation extends Navigation_base {
      *
      */
     showConnectionIndicator: boolean;
+    /**
+     * Boolean attribute which controls whether to show the environment indicator on the navigation bar
+     * Control via `show-environment-indicator`
+     */
+    showEnvironmentIndicator: boolean;
     /**
      * Boolean attribute which controls whether to show the language selector on the navigation bar
      * Control via `show-language-selector`
@@ -575,6 +581,14 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     hasAttributes(): boolean;
     hasPointerCapture(pointerId: number): boolean;
     insertAdjacentElement(where: InsertPosition, element: Element): Element;
+    /**
+     * Boolean attribute which controls whether to show the luminance (moon) icon on the navigation bar
+     * Control via`show-luminance-toggle-button`
+     *
+     * @remarks
+     *
+     * If the user clicks the icon when shown then this class will emit the 'luminance-icon-clicked' event
+     */
     insertAdjacentHTML(position: InsertPosition, text: string): void;
     insertAdjacentText(where: InsertPosition, data: string): void;
     matches(selectors: string): boolean;
@@ -617,7 +631,15 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     contains(other: Node): boolean;
     getRootNode(options?: GetRootNodeOptions): Node;
     hasChildNodes(): boolean;
-    insertBefore<T_1 extends Node>(node: T_1, child: Node): T_1;
+    insertBefore<T_1 extends Node>(node: T_1, child: Node): T_1; /**
+    * Boolean attribute which controls whether to show the language selector on the navigation bar
+    * Control via `show-language-selector`
+    *
+    * @experimental
+    * @remarks
+    *
+    * Requires `i18nextOptions` to be set
+    */
     isDefaultNamespace(namespace: string): boolean;
     isEqualNode(otherNode: Node): boolean;
     isSameNode(otherNode: Node): boolean;
@@ -635,7 +657,14 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     readonly DOCUMENT_POSITION_CONTAINS: number;
     readonly DOCUMENT_POSITION_DISCONNECTED: number;
     readonly DOCUMENT_POSITION_FOLLOWING: number;
-    readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: number;
+    readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: number; /**
+    * 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
+    */
     readonly DOCUMENT_POSITION_PRECEDING: number;
     readonly DOCUMENT_TYPE_NODE: number;
     readonly ELEMENT_NODE: number;
@@ -668,13 +697,7 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     ariaMultiSelectable: string;
     ariaOrientation: string;
     ariaPlaceholder: 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
-    */
+    ariaPosInSet: string;
     ariaPressed: string;
     ariaReadOnly: string;
     ariaRequired: string;
@@ -690,7 +713,13 @@ declare const Navigation_base: abstract new (...args: any[]) => {
     ariaValueMin: string;
     ariaValueNow: string;
     ariaValueText: string;
-    role: string;
+    role: 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
+    */
     animate(keyframes: PropertyIndexedKeyframes | Keyframe[], options?: number | KeyframeAnimationOptions): Animation;
     getAnimations(options?: GetAnimationsOptions): Animation[];
     after(...nodes: (string | Node)[]): void;
@@ -794,15 +823,7 @@ 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; /**
-    * Load remote components
-    *
-    * @remarks
-    *
-    * With regards to module federation
-    *
-    * @internal
-    */
+    onsubmit: (this: GlobalEventHandlers, ev: SubmitEvent) => any;
     onsuspend: (this: GlobalEventHandlers, ev: Event) => any;
     ontimeupdate: (this: GlobalEventHandlers, ev: Event) => any;
     ontoggle: (this: GlobalEventHandlers, ev: Event) => any;

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

@@ -36,6 +36,7 @@ export declare class Navigation extends Navigation_base
 |  [shouldShowAccountMenu](./foundation-header.navigation.shouldshowaccountmenu.md) | <code>readonly</code> | boolean | Computed property that determines if the account menu should be shown |
 |  [showAccountMenu](./foundation-header.navigation.showaccountmenu.md) |  | boolean | Boolean attribute which controls whether to show the account menu on the navigation bar Control via <code>show-account-menu</code> |
 |  [showConnectionIndicator](./foundation-header.navigation.showconnectionindicator.md) |  | boolean | Boolean attribute which controls whether to show the connection indicator on the navigation bar Control via <code>show-connection-indicator</code> |
+|  [showEnvironmentIndicator](./foundation-header.navigation.showenvironmentindicator.md) |  | boolean | Boolean attribute which controls whether to show the environment indicator on the navigation bar Control via <code>show-environment-indicator</code> |
 |  [showLanguageSelector](./foundation-header.navigation.showlanguageselector.md) |  | boolean | Boolean attribute which controls whether to show the language selector on the navigation bar Control via <code>show-language-selector</code> |
 |  [showLuminanceToggleButton](./foundation-header.navigation.showluminancetogglebutton.md) |  | boolean | Boolean attribute which controls whether to show the luminance (moon) icon on the navigation bar Control via<code>show-luminance-toggle-button</code> |
 |  [showMiscToggleButton](./foundation-header.navigation.showmisctogglebutton.md) |  | boolean | Boolean attribute which controls whether to show the miscellaneous (menu) icon on the navigation bar Control via <code>show-luminance-toggle-button</code> |

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

@@ -0,0 +1,13 @@
+<!-- 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; [showEnvironmentIndicator](./foundation-header.navigation.showenvironmentindicator.md)
+
+## Navigation.showEnvironmentIndicator property
+
+Boolean attribute which controls whether to show the environment indicator on the navigation bar Control via `show-environment-indicator`
+
+**Signature:**
+
+```typescript
+showEnvironmentIndicator: boolean;
+```

package/docs/api-report.md

@@ -144,6 +144,7 @@ export class Navigation extends Navigation_base {
     get shouldShowAccountMenu(): boolean;
     showAccountMenu: boolean;
     showConnectionIndicator: boolean;
+    showEnvironmentIndicator: boolean;
     showLanguageSelector: boolean;
     showLuminanceToggleButton: boolean;
     showMiscToggleButton: boolean;

package/package.json

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