@genesislcap/foundation-header 14.360.1 → 14.361.0

package/dist/custom-elements.json

@@ -7,6 +7,14 @@
       "path": "src/index.ts",
       "declarations": [],
       "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./components"
+          }
+        },
         {
           "kind": "js",
           "name": "*",
@@ -25,6 +33,186 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/control-panel.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "control-panel",
+          "name": "ControlPanel",
+          "members": [
+            {
+              "kind": "field",
+              "name": "handleKeyDown",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleKeyDownBound",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "toggleSelection",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "SelectableKey[]"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "key",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "keys",
+                  "type": {
+                    "text": "SelectableKey[]"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "deleteKeysFromSessionStorage",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "storageKey",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "keysToDelete",
+                  "type": {
+                    "text": "string[]"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "deleteKeysFromLocalStorage",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "storageKey",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "keys",
+                  "type": {
+                    "text": "SelectableKey[]"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "getKeysForSessionStorageItem",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "SelectableKey[]"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "storageKey",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "getKeysForStorageItem",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "SelectableKey[]"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "storageKey",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "getKeysForKVStorage",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Promise<SelectableKey[]>"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "deleteKeysFromKVStorage",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "keysToDelete",
+                  "type": {
+                    "text": "string[]"
+                  }
+                }
+              ]
+            }
+          ],
+          "superclass": {
+            "name": "GenesisElement",
+            "package": "@genesislcap/web-core"
+          },
+          "tagName": "control-panel",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "control-panel",
+          "declaration": {
+            "name": "ControlPanel",
+            "module": "src/components/control-panel.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./control-panel"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/rapid-components.ts",
@@ -287,7 +475,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      ${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.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\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.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`",
           "description": "Template for Navigation class",
           "return": {
             "type": {
@@ -367,6 +555,13 @@
               },
               "default": "false"
             },
+            {
+              "kind": "field",
+              "name": "controlPanel",
+              "type": {
+                "text": "ControlPanel"
+              }
+            },
             {
               "kind": "field",
               "name": "userName",
@@ -490,6 +685,15 @@
               "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": "showControlPanel",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Boolean attribute which controls whether to show the control panel toggle on the navigation bar\nControl via `show-control-panel`"
+            },
             {
               "kind": "field",
               "name": "showLanguageSelector",
@@ -801,6 +1005,15 @@
               "description": "Boolean attribute which controls whether to show the environment indicator on the navigation bar\nControl via `show-environment-indicator`",
               "fieldName": "showEnvironmentIndicator"
             },
+            {
+              "name": "show-control-panel",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Boolean attribute which controls whether to show the control panel toggle on the navigation bar\nControl via `show-control-panel`",
+              "fieldName": "showControlPanel"
+            },
             {
               "name": "show-language-selector",
               "type": {
@@ -942,6 +1155,17 @@
                 "module": "src/main/main.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "controlPanel",
+              "type": {
+                "text": "ControlPanel"
+              },
+              "inheritedFrom": {
+                "name": "Navigation",
+                "module": "src/main/main.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "userName",
@@ -1121,6 +1345,19 @@
                 "module": "src/main/main.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "showControlPanel",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Boolean attribute which controls whether to show the control panel toggle on the navigation bar\nControl via `show-control-panel`",
+              "inheritedFrom": {
+                "name": "Navigation",
+                "module": "src/main/main.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "showLanguageSelector",
@@ -1510,6 +1747,19 @@
                 "module": "src/main/main.ts"
               }
             },
+            {
+              "name": "show-control-panel",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Boolean attribute which controls whether to show the control panel toggle on the navigation bar\nControl via `show-control-panel`",
+              "fieldName": "showControlPanel",
+              "inheritedFrom": {
+                "name": "Navigation",
+                "module": "src/main/main.ts"
+              }
+            },
             {
               "name": "show-language-selector",
               "type": {
@@ -1762,6 +2012,19 @@
                 "module": "src/main/main.ts"
               }
             },
+            {
+              "name": "show-control-panel",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Boolean attribute which controls whether to show the control panel toggle on the navigation bar\nControl via `show-control-panel`",
+              "fieldName": "showControlPanel",
+              "inheritedFrom": {
+                "name": "Navigation",
+                "module": "src/main/main.ts"
+              }
+            },
             {
               "name": "show-language-selector",
               "type": {
@@ -1893,6 +2156,17 @@
                 "module": "src/main/main.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "controlPanel",
+              "type": {
+                "text": "ControlPanel"
+              },
+              "inheritedFrom": {
+                "name": "Navigation",
+                "module": "src/main/main.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "userName",
@@ -2072,6 +2346,19 @@
                 "module": "src/main/main.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "showControlPanel",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Boolean attribute which controls whether to show the control panel toggle on the navigation bar\nControl via `show-control-panel`",
+              "inheritedFrom": {
+                "name": "Navigation",
+                "module": "src/main/main.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "showLanguageSelector",
@@ -2467,6 +2754,17 @@
                 "module": "src/main/main.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "controlPanel",
+              "type": {
+                "text": "ControlPanel"
+              },
+              "inheritedFrom": {
+                "name": "Navigation",
+                "module": "src/main/main.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "userName",
@@ -2646,6 +2944,19 @@
                 "module": "src/main/main.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "showControlPanel",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Boolean attribute which controls whether to show the control panel toggle on the navigation bar\nControl via `show-control-panel`",
+              "inheritedFrom": {
+                "name": "Navigation",
+                "module": "src/main/main.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "showLanguageSelector",
@@ -3023,6 +3334,19 @@
                 "module": "src/main/main.ts"
               }
             },
+            {
+              "name": "show-control-panel",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Boolean attribute which controls whether to show the control panel toggle on the navigation bar\nControl via `show-control-panel`",
+              "fieldName": "showControlPanel",
+              "inheritedFrom": {
+                "name": "Navigation",
+                "module": "src/main/main.ts"
+              }
+            },
             {
               "name": "show-language-selector",
               "type": {
@@ -3178,6 +3502,27 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/tags/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./tags"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/tags/tags.ts",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "src/styles/colors.ts",
@@ -3339,27 +3684,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/tags/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./tags"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/tags/tags.ts",
-      "declarations": [],
-      "exports": []
-    },
     {
       "kind": "javascript-module",
       "path": "src/templates/rapid.template.ts",

package/dist/dts/components/control-panel.d.ts

@@ -0,0 +1,109 @@
+import { Modal } from '@genesislcap/foundation-ui';
+import { GenesisElement } from '@genesislcap/web-core';
+interface SelectableKey {
+    key: string;
+    selected: boolean;
+}
+/**
+ * control-panel
+ * @internal
+ */
+export declare class ControlPanel extends GenesisElement {
+    /**
+     * @internal
+     */
+    foundationLayoutKeys: SelectableKey[];
+    /**
+     * @internal
+     */
+    gridStateKeys: SelectableKey[];
+    /**
+     * @internal
+     */
+    filterModelKeys: SelectableKey[];
+    /**
+     * @internal
+     */
+    kvStorageKeys: SelectableKey[];
+    /**
+     * @internal
+     */
+    controlPanelModal: Modal;
+    /**
+     * @internal
+     */
+    private session;
+    /**
+     * @internal
+     */
+    private kvStorage;
+    /**
+     * @internal
+     * Check if any foundation layouts are selected
+     */
+    get hasSelectedLayouts(): boolean;
+    /**
+     * @internal
+     * Check if any grid states are selected
+     */
+    get hasSelectedGridStates(): boolean;
+    /**
+     * @internal
+     * Check if any filter models are selected
+     */
+    get hasSelectedFilterModels(): boolean;
+    /**
+     * @internal
+     * Check if any KV storage items are selected
+     */
+    get hasSelectedKVStorageItems(): boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private handleKeyDown;
+    private handleKeyDownBound;
+    /**
+     * @internal
+     */
+    showDialog(): Promise<void>;
+    private toggleSelection;
+    /**
+     * @internal
+     */
+    toggleLayoutSelection(key: string): void;
+    /**
+     * @internal
+     */
+    toggleGridSelection(key: string): void;
+    /**
+     * @internal
+     */
+    toggleFilterModelSelection(key: string): void;
+    /**
+     * @internal
+     */
+    toggleKVStorageSelection(key: string): void;
+    /**
+     * @internal
+     */
+    deleteSelectedLayouts(): void;
+    /**
+     * @internal
+     */
+    deleteSelectedGridStates(): void;
+    /**
+     * @internal
+     */
+    deleteSelectedFilterModels(): void;
+    /**
+     * @internal
+     */
+    deleteSelectedKVStorageItems(): Promise<void>;
+    private deleteKeysFromSessionStorage;
+    private deleteKeysFromLocalStorage;
+    private getKeysForSessionStorageItem;
+    private getKeysForStorageItem;
+    private getKeysForKVStorage;
+    private deleteKeysFromKVStorage;
+}
+export {};
+//# sourceMappingURL=control-panel.d.ts.map

package/dist/dts/components/control-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"control-panel.d.ts","sourceRoot":"","sources":["../../../src/components/control-panel.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAEnD,OAAO,EAGL,cAAc,EAMf,MAAM,uBAAuB,CAAC;AAE/B,UAAU,aAAa;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,OAAO,CAAC;CACnB;AAkJD;;;GAGG;AACH,qBAsBa,YAAa,SAAQ,cAAc;IAC9C;;OAEG;IACS,oBAAoB,EAAE,aAAa,EAAE,CAAM;IAEvD;;OAEG;IACS,aAAa,EAAE,aAAa,EAAE,CAAM;IAEhD;;OAEG;IACS,eAAe,EAAE,aAAa,EAAE,CAAM;IAElD;;OAEG;IACS,aAAa,EAAE,aAAa,EAAE,CAAM;IAEhD;;OAEG;IACH,iBAAiB,EAAE,KAAK,CAAC;IAEzB;;OAEG;IACM,OAAO,CAAC,OAAO,CAAU;IAElC;;OAEG;IACQ,OAAO,CAAC,SAAS,CAAY;IAExC;;;OAGG;IACH,IACI,kBAAkB,IAAI,OAAO,CAEhC;IAED;;;OAGG;IACH,IACI,qBAAqB,IAAI,OAAO,CAEnC;IAED;;;OAGG;IACH,IACI,uBAAuB,IAAI,OAAO,CAErC;IAED;;;OAGG;IACH,IACI,yBAAyB,IAAI,OAAO,CAEvC;IAED,iBAAiB;IAKjB,oBAAoB;IAKpB,OAAO,CAAC,aAAa,CAUnB;IAEF,OAAO,CAAC,kBAAkB,CAAiC;IAE3D;;OAEG;IACG,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;IAQjC,OAAO,CAAC,eAAe;IAQvB;;OAEG;IACI,qBAAqB,CAAC,GAAG,EAAE,MAAM;IAIxC;;OAEG;IACI,mBAAmB,CAAC,GAAG,EAAE,MAAM;IAItC;;OAEG;IACI,0BAA0B,CAAC,GAAG,EAAE,MAAM;IAI7C;;OAEG;IACI,wBAAwB,CAAC,GAAG,EAAE,MAAM;IAI3C;;OAEG;IACI,qBAAqB;IAY5B;;OAEG;IACI,wBAAwB;IAI/B;;OAEG;IACI,0BAA0B;IAIjC;;OAEG;IACU,4BAA4B;IAazC,OAAO,CAAC,4BAA4B;IAkBpC,OAAO,CAAC,0BAA0B;IAwBlC,OAAO,CAAC,4BAA4B;IAYpC,OAAO,CAAC,qBAAqB;YAYf,mBAAmB;YAgBnB,uBAAuB;CAQtC"}

package/dist/dts/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './control-panel';
+//# sourceMappingURL=index.d.ts.map

package/dist/dts/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/dts/index.d.ts

@@ -1,3 +1,4 @@
+export * from './components';
 export * from './config';
 export * from './main';
 //# sourceMappingURL=index.d.ts.map

package/dist/dts/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC"}

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

@@ -5,7 +5,8 @@ import { FoundationRouteNavItem } from '@genesislcap/foundation-ui';
 import { User } from '@genesislcap/foundation-user';
 import type { ViewTemplate } from '@genesislcap/web-core';
 import { Container } from '@genesislcap/web-core';
-import { HeaderConfig } from '../config/config';
+import { ControlPanel } from '../components';
+import { HeaderConfig } from '../config';
 /**
  * Events dispatched by the navigation control buttons
  * @public
@@ -435,6 +436,7 @@ export declare class Navigation extends Navigation_base {
     loginRouting: LoginRouting;
     user: User;
     luminanceToggle: boolean;
+    controlPanel: ControlPanel;
     /**
      * @internal
      * Flag to indicate if the component is ready
@@ -566,6 +568,11 @@ export declare class Navigation extends Navigation_base {
      * Control via `show-environment-indicator`
      */
     showEnvironmentIndicator: boolean;
+    /**
+     * Boolean attribute which controls whether to show the control panel toggle on the navigation bar
+     * Control via `show-control-panel`
+     */
+    showControlPanel: boolean;
     /**
      * Boolean attribute which controls whether to show the language selector on the navigation bar
      * Control via `show-language-selector`
@@ -724,6 +731,10 @@ export declare class Navigation extends Navigation_base {
      * @internal
      */
     notificationIconEvent(): void;
+    /**
+     * @internal
+     */
+    toggleControlPanel(): void;
     /**
      * Changes the language of the application
      *