@genesislcap/foundation-header 14.497.0 → 14.498.0

package/dist/custom-elements.json

@@ -359,7 +359,7 @@
           "type": {
             "text": "Record<string, TemplateComponents>"
           },
-          "default": "{\n  zero: {\n    icon: 'zero-icon',\n    button: 'zero-button',\n    connectionIndicator: 'zero-connection-indicator',\n    aiIndicator: 'zero-ai-indicator',\n    environmentIndicator: 'zero-environment-indicator',\n    select: 'zero-select',\n    option: 'zero-option',\n    flyout: 'zero-flyout',\n    provider: 'zero-design-system-provider',\n  },\n  rapid: {\n    icon: 'rapid-icon',\n    button: 'rapid-button',\n    connectionIndicator: 'rapid-connection-indicator',\n    aiIndicator: 'rapid-ai-indicator',\n    environmentIndicator: 'rapid-environment-indicator',\n    select: 'rapid-select',\n    option: 'rapid-option',\n    flyout: 'rapid-flyout',\n    provider: 'rapid-design-system-provider',\n  },\n}",
+          "default": "{\n  zero: {\n    icon: 'zero-icon',\n    button: 'zero-button',\n    connectionIndicator: 'zero-connection-indicator',\n    aiIndicator: 'zero-ai-indicator',\n    environmentIndicator: 'zero-environment-indicator',\n    select: 'zero-select',\n    option: 'zero-option',\n    multiselect: 'zero-multiselect',\n    flyout: 'zero-flyout',\n    provider: 'zero-design-system-provider',\n  },\n  rapid: {\n    icon: 'rapid-icon',\n    button: 'rapid-button',\n    connectionIndicator: 'rapid-connection-indicator',\n    aiIndicator: 'rapid-ai-indicator',\n    environmentIndicator: 'rapid-environment-indicator',\n    select: 'rapid-select',\n    option: 'rapid-option',\n    multiselect: 'rapid-multiselect',\n    flyout: 'rapid-flyout',\n    provider: 'rapid-design-system-provider',\n  },\n}",
           "description": "templateOptionsByDesiginSystemPrefix.",
           "privacy": "public"
         },
@@ -410,6 +410,12 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/main/feature-flags-nav.ts",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "src/main/index.ts",
@@ -475,7 +481,7 @@
         {
           "kind": "variable",
           "name": "navTemplate",
-          "default": "html<Navigation>`\n  ${when((x) => !x.hideSideBar, sideNavTemplate)}\n  <div\n    class=\"nav-listbox\"\n    data-test-id=\"nav-bar\"\n    part=\"root\"\n    role=\"navigation\"\n    aria-label=\"Main menu\"\n  >\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      <slot name=\"routes-end\" data-test-id=\"route-end-buttons\"></slot>\n      ${when(\n        (x) => x.showEnvironmentIndicator,\n        html<Navigation>`\n          <${environmentIndicatorTag} class=\"environment-indicator\"></${environmentIndicatorTag}>\n        `,\n      )}\n      ${when(\n        (x) => x.showControlPanel,\n        html<Navigation>`\n          <div\n            class=\"icon-container\"\n            part=\"control-panel-button\"\n            aria-label=\"Control Panel toggle\"\n          >\n            <${iconTag}\n              name=\"cog\"\n              data-test-id=\"control-panel-icon\"\n              @click=${(x) => x.toggleControlPanel()}>\n            </${iconTag}>\n          </div>\n        `,\n      )}\n      ${app.registerElementsTarget<NavTargetId>('nav-end')}\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.showAiIndicator && isAIFeatureEnabled(),\n        html<Navigation>`\n          <div class=\"ai-indicator-container\" data-test-id=\"ai-indicator\">\n            <${aiIndicatorTag}>\n            </${aiIndicatorTag}>\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    ${when(\n      (x) => x.showControlPanel,\n      html<Navigation>`\n        <control-panel ${ref('controlPanel')}></control-panel>\n      `,\n    )}\n    ${app.registerElementsTarget<HeaderTargetId>(['header', 'header-end'])}\n  </div>\n`",
+          "default": "html<Navigation>`\n  ${when((x) => !x.hideSideBar, sideNavTemplate)}\n  <div\n    class=\"nav-listbox\"\n    data-test-id=\"nav-bar\"\n    part=\"root\"\n    role=\"navigation\"\n    aria-label=\"Main menu\"\n  >\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      <slot name=\"routes-end\" data-test-id=\"route-end-buttons\"></slot>\n      ${when(\n        (x) => x.showEnvironmentIndicator,\n        html<Navigation>`\n          <${environmentIndicatorTag} class=\"environment-indicator\"></${environmentIndicatorTag}>\n        `,\n      )}\n      ${when(\n        (x) => x.showControlPanel,\n        html<Navigation>`\n          <div\n            class=\"icon-container\"\n            part=\"control-panel-button\"\n            aria-label=\"Control Panel toggle\"\n          >\n            <${iconTag}\n              name=\"cog\"\n              data-test-id=\"control-panel-icon\"\n              @click=${(x) => x.toggleControlPanel()}>\n            </${iconTag}>\n          </div>\n        `,\n      )}\n      ${app.registerElementsTarget<NavTargetId>('nav-end')}\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.showAiIndicator && isAIFeatureEnabled(),\n        html<Navigation>`\n          <div class=\"ai-indicator-container\" data-test-id=\"ai-indicator\">\n            <${aiIndicatorTag}>\n            </${aiIndicatorTag}>\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      <div\n        class=\"feature-flags-wrapper\"\n        part=\"feature-flags-wrapper\"\n        ?hidden=${(x) => !isFeatureFlagsNavVisible(x)}\n      >\n        <${buttonTag}\n          appearance=\"neutral-grey\"\n          class=\"nav-button feature-flags-button\"\n          data-test-id=\"feature-flags-button\"\n          part=\"feature-flags-button\"\n          aria-label=\"Feature flags\"\n          aria-haspopup=\"true\"\n          ?aria-expanded=${(x) => x.featureFlagsPanelOpen}\n          @click=${(x) => x.toggleFeatureFlagsPanel()}\n        >\n          Feature Flags\n        </${buttonTag}>\n        ${when(\n          (x) => x.featureFlagsPanelOpen,\n          html<Navigation>`\n            <div\n              class=\"feature-flags-panel\"\n              data-test-id=\"feature-flags-selector\"\n              part=\"feature-flags-panel\"\n            >\n              <${multiselectTag}\n                class=\"feature-flags-selector\"\n                name=\"Features\"\n                ?search=\"${() => false}\"\n                ?all=\"${() => false}\"\n                ?creatable=\"${() => false}\"\n                :options=${(x) => x.getFeatureFlagMultiselectOptions()}\n                :selectedOptions=${(x) => x.getSelectedFeatureFlagValues()}\n                @selectionChange=\"${(x, c) =>\n                  x.changeFeatureFlags(c.event as CustomEvent<string[]>)}\"\n                aria-label=\"Select Features\"\n              >\n                <span slot=\"label\">Select Features</span>\n              </${multiselectTag}>\n            </div>\n          `,\n        )}\n      </div>\n      ${() => accountMenuTemplate}\n    </div>\n    ${when(\n      (x) => x.showControlPanel,\n      html<Navigation>`\n        <control-panel ${ref('controlPanel')}></control-panel>\n      `,\n    )}\n    ${app.registerElementsTarget<HeaderTargetId>(['header', 'header-end'])}\n  </div>\n`",
           "description": "Template for Navigation class",
           "return": {
             "type": {
@@ -714,6 +720,23 @@
               "default": "{\n    availableLanguages: Object.keys(this.i18next.config.resources ?? {}),\n    selectedLanguage: this.i18next.config.lng,\n  }",
               "description": "Object which defines the language options to be displayed in the language selector"
             },
+            {
+              "kind": "field",
+              "name": "showFeatureFlagsSelector",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Optional boolean attribute to force-show the Feature Flags button.\nControl via `show-feature-flags-selector`"
+            },
+            {
+              "kind": "field",
+              "name": "featureFlagOptions",
+              "type": {
+                "text": "FeatureFlagOptions"
+              },
+              "description": "Feature flags available in the header selector."
+            },
             {
               "kind": "field",
               "name": "hideSideBar",
@@ -862,6 +885,54 @@
               ],
               "description": "Changes the language of the application"
             },
+            {
+              "kind": "method",
+              "name": "toggleFeatureFlagsPanel",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Toggles the feature flags panel open/closed."
+            },
+            {
+              "kind": "method",
+              "name": "changeFeatureFlags",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "CustomEvent<string[]>"
+                  }
+                }
+              ],
+              "description": "Changes the active URL feature flags and reloads the page."
+            },
+            {
+              "kind": "method",
+              "name": "getFeatureFlagMultiselectOptions",
+              "return": {
+                "type": {
+                  "text": "{ value: string; label: string }[]"
+                }
+              },
+              "description": "Multiselect options derived from Navigation.featureFlagOptions."
+            },
+            {
+              "kind": "method",
+              "name": "getSelectedFeatureFlagValues",
+              "return": {
+                "type": {
+                  "text": "string[]"
+                }
+              },
+              "description": "Currently selected feature flag names based on URL `feature.*` params.\nMultiselect expects selected option *values* (strings), not full option objects."
+            },
             {
               "kind": "method",
               "name": "toLocalisedText",
@@ -947,6 +1018,10 @@
               "description": "Dispatched when the user changes the language in the language selector.",
               "name": "language-changed"
             },
+            {
+              "description": "Dispatched when the user changes the selected feature flags. detail: `string[]`",
+              "name": "feature-flags-changed"
+            },
             {
               "description": "Dispatched when the user clicks logout button.",
               "name": "logout-clicked"
@@ -1089,6 +1164,15 @@
               "description": "Boolean attribute which controls whether to show the language selector on the navigation bar\nControl via `show-language-selector`",
               "fieldName": "showLanguageSelector"
             },
+            {
+              "name": "show-feature-flags-selector",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Optional boolean attribute to force-show the Feature Flags button.\nControl via `show-feature-flags-selector`",
+              "fieldName": "showFeatureFlagsSelector"
+            },
             {
               "name": "hide-side-bar",
               "type": {
@@ -1452,6 +1536,31 @@
                 "module": "src/main/main.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "showFeatureFlagsSelector",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Optional boolean attribute to force-show the Feature Flags button.\nControl via `show-feature-flags-selector`",
+              "inheritedFrom": {
+                "name": "Navigation",
+                "module": "src/main/main.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "featureFlagOptions",
+              "type": {
+                "text": "FeatureFlagOptions"
+              },
+              "description": "Feature flags available in the header selector.",
+              "inheritedFrom": {
+                "name": "Navigation",
+                "module": "src/main/main.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "hideSideBar",
@@ -1652,6 +1761,70 @@
                 "module": "src/main/main.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "toggleFeatureFlagsPanel",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Toggles the feature flags panel open/closed.",
+              "inheritedFrom": {
+                "name": "Navigation",
+                "module": "src/main/main.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "changeFeatureFlags",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "CustomEvent<string[]>"
+                  }
+                }
+              ],
+              "description": "Changes the active URL feature flags and reloads the page.",
+              "inheritedFrom": {
+                "name": "Navigation",
+                "module": "src/main/main.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getFeatureFlagMultiselectOptions",
+              "return": {
+                "type": {
+                  "text": "{ value: string; label: string }[]"
+                }
+              },
+              "description": "Multiselect options derived from Navigation.featureFlagOptions.",
+              "inheritedFrom": {
+                "name": "Navigation",
+                "module": "src/main/main.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getSelectedFeatureFlagValues",
+              "return": {
+                "type": {
+                  "text": "string[]"
+                }
+              },
+              "description": "Currently selected feature flag names based on URL `feature.*` params.\nMultiselect expects selected option *values* (strings), not full option objects.",
+              "inheritedFrom": {
+                "name": "Navigation",
+                "module": "src/main/main.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "toLocalisedText",
@@ -1929,6 +2102,19 @@
                 "module": "src/main/main.ts"
               }
             },
+            {
+              "name": "show-feature-flags-selector",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Optional boolean attribute to force-show the Feature Flags button.\nControl via `show-feature-flags-selector`",
+              "fieldName": "showFeatureFlagsSelector",
+              "inheritedFrom": {
+                "name": "Navigation",
+                "module": "src/main/main.ts"
+              }
+            },
             {
               "name": "hide-side-bar",
               "type": {
@@ -2001,6 +2187,14 @@
                 "module": "src/main/main.ts"
               }
             },
+            {
+              "description": "Dispatched when the user changes the selected feature flags. detail: `string[]`",
+              "name": "feature-flags-changed",
+              "inheritedFrom": {
+                "name": "Navigation",
+                "module": "src/main/main.ts"
+              }
+            },
             {
               "description": "Dispatched when the user clicks logout button.",
               "name": "logout-clicked",
@@ -2219,6 +2413,19 @@
                 "module": "src/main/main.ts"
               }
             },
+            {
+              "name": "show-feature-flags-selector",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Optional boolean attribute to force-show the Feature Flags button.\nControl via `show-feature-flags-selector`",
+              "fieldName": "showFeatureFlagsSelector",
+              "inheritedFrom": {
+                "name": "Navigation",
+                "module": "src/main/main.ts"
+              }
+            },
             {
               "name": "hide-side-bar",
               "type": {
@@ -2568,6 +2775,31 @@
                 "module": "src/main/main.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "showFeatureFlagsSelector",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Optional boolean attribute to force-show the Feature Flags button.\nControl via `show-feature-flags-selector`",
+              "inheritedFrom": {
+                "name": "Navigation",
+                "module": "src/main/main.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "featureFlagOptions",
+              "type": {
+                "text": "FeatureFlagOptions"
+              },
+              "description": "Feature flags available in the header selector.",
+              "inheritedFrom": {
+                "name": "Navigation",
+                "module": "src/main/main.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "hideSideBar",
@@ -2768,6 +3000,70 @@
                 "module": "src/main/main.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "toggleFeatureFlagsPanel",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Toggles the feature flags panel open/closed.",
+              "inheritedFrom": {
+                "name": "Navigation",
+                "module": "src/main/main.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "changeFeatureFlags",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "CustomEvent<string[]>"
+                  }
+                }
+              ],
+              "description": "Changes the active URL feature flags and reloads the page.",
+              "inheritedFrom": {
+                "name": "Navigation",
+                "module": "src/main/main.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getFeatureFlagMultiselectOptions",
+              "return": {
+                "type": {
+                  "text": "{ value: string; label: string }[]"
+                }
+              },
+              "description": "Multiselect options derived from Navigation.featureFlagOptions.",
+              "inheritedFrom": {
+                "name": "Navigation",
+                "module": "src/main/main.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getSelectedFeatureFlagValues",
+              "return": {
+                "type": {
+                  "text": "string[]"
+                }
+              },
+              "description": "Currently selected feature flag names based on URL `feature.*` params.\nMultiselect expects selected option *values* (strings), not full option objects.",
+              "inheritedFrom": {
+                "name": "Navigation",
+                "module": "src/main/main.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "toLocalisedText",
@@ -2885,6 +3181,14 @@
                 "module": "src/main/main.ts"
               }
             },
+            {
+              "description": "Dispatched when the user changes the selected feature flags. detail: `string[]`",
+              "name": "feature-flags-changed",
+              "inheritedFrom": {
+                "name": "Navigation",
+                "module": "src/main/main.ts"
+              }
+            },
             {
               "description": "Dispatched when the user clicks logout button.",
               "name": "logout-clicked",
@@ -3231,6 +3535,31 @@
                 "module": "src/main/main.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "showFeatureFlagsSelector",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Optional boolean attribute to force-show the Feature Flags button.\nControl via `show-feature-flags-selector`",
+              "inheritedFrom": {
+                "name": "Navigation",
+                "module": "src/main/main.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "featureFlagOptions",
+              "type": {
+                "text": "FeatureFlagOptions"
+              },
+              "description": "Feature flags available in the header selector.",
+              "inheritedFrom": {
+                "name": "Navigation",
+                "module": "src/main/main.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "hideSideBar",
@@ -3417,6 +3746,70 @@
                 "module": "src/main/main.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "toggleFeatureFlagsPanel",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Toggles the feature flags panel open/closed.",
+              "inheritedFrom": {
+                "name": "Navigation",
+                "module": "src/main/main.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "changeFeatureFlags",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "CustomEvent<string[]>"
+                  }
+                }
+              ],
+              "description": "Changes the active URL feature flags and reloads the page.",
+              "inheritedFrom": {
+                "name": "Navigation",
+                "module": "src/main/main.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getFeatureFlagMultiselectOptions",
+              "return": {
+                "type": {
+                  "text": "{ value: string; label: string }[]"
+                }
+              },
+              "description": "Multiselect options derived from Navigation.featureFlagOptions.",
+              "inheritedFrom": {
+                "name": "Navigation",
+                "module": "src/main/main.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getSelectedFeatureFlagValues",
+              "return": {
+                "type": {
+                  "text": "string[]"
+                }
+              },
+              "description": "Currently selected feature flag names based on URL `feature.*` params.\nMultiselect expects selected option *values* (strings), not full option objects.",
+              "inheritedFrom": {
+                "name": "Navigation",
+                "module": "src/main/main.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "toLocalisedText",
@@ -3696,6 +4089,19 @@
                 "module": "src/main/main.ts"
               }
             },
+            {
+              "name": "show-feature-flags-selector",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Optional boolean attribute to force-show the Feature Flags button.\nControl via `show-feature-flags-selector`",
+              "fieldName": "showFeatureFlagsSelector",
+              "inheritedFrom": {
+                "name": "Navigation",
+                "module": "src/main/main.ts"
+              }
+            },
             {
               "name": "hide-side-bar",
               "type": {
@@ -3768,6 +4174,14 @@
                 "module": "src/main/main.ts"
               }
             },
+            {
+              "description": "Dispatched when the user changes the selected feature flags. detail: `string[]`",
+              "name": "feature-flags-changed",
+              "inheritedFrom": {
+                "name": "Navigation",
+                "module": "src/main/main.ts"
+              }
+            },
             {
               "description": "Dispatched when the user clicks logout button.",
               "name": "logout-clicked",

package/dist/dts/components/rapid-components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rapid-components.d.ts","sourceRoot":"","sources":["../../../src/components/rapid-components.ts"],"names":[],"mappings":"AAgBA;;GAEG;AACH,eAAO,MAAM,6BAA6B,qBA8BzC,CAAC"}
+{"version":3,"file":"rapid-components.d.ts","sourceRoot":"","sources":["../../../src/components/rapid-components.ts"],"names":[],"mappings":"AAgBA;;GAEG;AACH,eAAO,MAAM,6BAA6B,qBAgCzC,CAAC"}

package/dist/dts/components/zero-components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"zero-components.d.ts","sourceRoot":"","sources":["../../../src/components/zero-components.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,4BAA4B,qBA+BxC,CAAC"}
+{"version":3,"file":"zero-components.d.ts","sourceRoot":"","sources":["../../../src/components/zero-components.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,4BAA4B,qBAiCxC,CAAC"}

package/dist/dts/config/templates.d.ts

@@ -12,6 +12,7 @@ export type TemplateComponents = {
     environmentIndicator: TemplateElementDependency;
     select: TemplateElementDependency;
     option: TemplateElementDependency;
+    multiselect: TemplateElementDependency;
     flyout: TemplateElementDependency;
     provider: TemplateElementDependency;
 };

package/dist/dts/config/templates.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"templates.d.ts","sourceRoot":"","sources":["../../../src/config/templates.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAE9D;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,yBAAyB,CAAC;IAChC,MAAM,EAAE,yBAAyB,CAAC;IAClC,mBAAmB,EAAE,yBAAyB,CAAC;IAC/C,WAAW,EAAE,yBAAyB,CAAC;IACvC,oBAAoB,EAAE,yBAAyB,CAAC;IAChD,MAAM,EAAE,yBAAyB,CAAC;IAClC,MAAM,EAAE,yBAAyB,CAAC;IAClC,MAAM,EAAE,yBAAyB,CAAC;IAClC,QAAQ,EAAE,yBAAyB,CAAC;CACrC,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG,OAAO,CAAC,kBAAkB,CAAC,GAAG;IAC1D;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,qBAAqB,CAAC;CAC9C,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,oCAAoC,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAuBnF,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,sBAAsB,EAAE,eAA2D,CAAC;AAEjG;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,EAAE,eAA4D,CAAC"}
+{"version":3,"file":"templates.d.ts","sourceRoot":"","sources":["../../../src/config/templates.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAE9D;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,yBAAyB,CAAC;IAChC,MAAM,EAAE,yBAAyB,CAAC;IAClC,mBAAmB,EAAE,yBAAyB,CAAC;IAC/C,WAAW,EAAE,yBAAyB,CAAC;IACvC,oBAAoB,EAAE,yBAAyB,CAAC;IAChD,MAAM,EAAE,yBAAyB,CAAC;IAClC,MAAM,EAAE,yBAAyB,CAAC;IAClC,WAAW,EAAE,yBAAyB,CAAC;IACvC,MAAM,EAAE,yBAAyB,CAAC;IAClC,QAAQ,EAAE,yBAAyB,CAAC;CACrC,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG,OAAO,CAAC,kBAAkB,CAAC,GAAG;IAC1D;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,qBAAqB,CAAC;CAC9C,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,oCAAoC,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAyBnF,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,sBAAsB,EAAE,eAA2D,CAAC;AAEjG;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,EAAE,eAA4D,CAAC"}

package/dist/dts/main/feature-flags-nav.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Host surface used to decide whether the Feature Flags nav control is shown.
+ * @internal
+ */
+export type FeatureFlagsNavHost = {
+    showFeatureFlagsSelector?: boolean;
+    featureFlagOptions?: {
+        availableFlags?: {
+            name: string;
+            label: string;
+        }[];
+    };
+};
+/**
+ * True when the Feature Flags button should be visible in the header nav.
+ * @internal
+ */
+export declare const isFeatureFlagsNavVisible: (host: FeatureFlagsNavHost) => boolean;
+//# sourceMappingURL=feature-flags-nav.d.ts.map

package/dist/dts/main/feature-flags-nav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature-flags-nav.d.ts","sourceRoot":"","sources":["../../../src/main/feature-flags-nav.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,kBAAkB,CAAC,EAAE;QACnB,cAAc,CAAC,EAAE;YAAE,IAAI,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,EAAE,CAAC;KACpD,CAAC;CACH,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,wBAAwB,GAAI,MAAM,mBAAmB,KAAG,OAC0B,CAAC"}