@genesislcap/foundation-header 14.360.1 → 14.361.0

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

@@ -1 +1 @@
-{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../../src/main/main.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAEnE,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAe,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAE1E,OAAO,EAAsB,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACxF,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AAEpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAQ,SAAS,EAA6C,MAAM,uBAAuB,CAAC;AAEnG,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAYhD;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,wBAAwB,EAAE,IAAI,CAAC;IAC/B,gBAAgB,EAAE,IAAI,CAAC;IACvB,mBAAmB,EAAE,IAAI,CAAC;IAC1B,2BAA2B,EAAE,IAAI,CAAC;IAClC,kBAAkB,EAAE,IAAI,CAAC;IACzB,oBAAoB,EAAE;QAAE,IAAI,EAAE,sBAAsB,CAAC;QAAC,OAAO,EAAE,GAAG,CAAA;KAAE,CAAC;CACtE,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B,kBAAkB,EAAE,MAAM,EAAE,CAAC;IAC7B,gBAAgB,EAAE,MAAM,CAAC;CAC1B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,qBAKa,UAAW,SAAQ,eAAsC;IACzD,SAAS,EAAG,SAAS,CAAC;IACxB,OAAO,EAAG,OAAO,CAAC;IACb,YAAY,EAAG,YAAY,CAAC;IAC7B,WAAW,EAAG,WAAW,CAAC;IACzB,YAAY,EAAG,YAAY,CAAC;IACpC,IAAI,EAAE,IAAI,CAAC;IACL,eAAe,EAAE,OAAO,CAAS;IAE7C;;;OAGG;IACS,KAAK,EAAE,OAAO,CAAS;IAEnC;;OAEG;IACgB,QAAQ,EAAE,MAAM,CAAC;IAEpC;;;OAGG;IACS,WAAW,UAAS;IAEhC;;;OAGG;IACH,OAAO,CAAC,iBAAiB,CAAkC;IAE3D;;;;;;OAMG;IAEH,wBAAwB,EAAE,MAAM,CAAsC;IAEtE;;;;;;OAMG;IAEH,wBAAwB,EAAE,MAAM,CAAsC;IAEtE;;;;;;OAMG;IAEH,0BAA0B,EAAE,OAAO,CAAQ;IAE3C;;OAEG;IACU,iBAAiB,IAAI,OAAO,CAAC,IAAI,CAAC;IAU/C,YAAY;IAIZ;;OAEG;IACH,OAAO,CAAC,2BAA2B;IAsBnC;;OAEG;IACH,OAAO,CAAC,wBAAwB;IAOhC;;;OAGG;IACH,OAAO,CAAC,wBAAwB;IAehC;;;OAGG;IACH,OAAO,CAAC,qBAAqB;IAa7B;;OAEG;IACI,oBAAoB,IAAI,IAAI;IAMnC;;;;;;;OAOG;IAC8B,OAAO,EAAE,GAAG,CAAQ;IAErD;;;;;;OAMG;IACmC,WAAW,EAAE,MAAM,CAAoB;IAE7E;;;;;;;OAOG;IAEH,yBAAyB,EAAE,OAAO,CAAC;IAEnC;;;;;;;OAOG;IAC8D,oBAAoB,EAAE,OAAO,CAAC;IAE/F;;;;;;;;;OASG;IAEH,uBAAuB,EAAE,OAAO,CAAC;IAEjC;;OAEG;IACH,8BAA8B,IAAI,IAAI;IAItC;;;;OAIG;IAEH,uBAAuB,EAAE,OAAO,CAAQ;IAExC;;;OAGG;IAEH,wBAAwB,EAAE,OAAO,CAAS;IAE1C;;;;;;;;OAQG;IAEH,oBAAoB,EAAE,OAAO,CAAS;IAEtC;;OAEG;IACS,eAAe,EAAE,eAAe,CAG1C;IAEF;;;;OAIG;IAEH,WAAW,EAAE,OAAO,CAAC;IAErB;;;;;;;OAOG;IAEH,oBAAoB,EAAE,UAAU,GAAG,cAAc,GAAG,MAAM,CAAc;IAExE;;;;OAIG;IACS,YAAY,EAAE,KAAK,CAAC;QAC9B,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC,CAAC;IAEH;;OAEG;IACH,mBAAmB,IAAI,IAAI;IAiB3B;;OAEG;IACS,aAAa,EAAE,sBAAsB,EAAE,CAAC;IAEpD;;;;;;OAMG;IAEH,eAAe,EAAE,OAAO,CAAS;IAEjC;;;;;OAKG;IACH,IAAI,qBAAqB,IAAI,OAAO,CAEnC;IAED;;;;;;;;OAQG;IACG,WAAW,IAAI,OAAO,CAAC,IAAI,CAAC;IAMlC;;;OAGG;IACH,cAAc,IAAI,YAAY,CAAC,UAAU,CAAC;IAI1C;;;;OAIG;IACU,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;IAWpC;;;;;;;;;;OAUG;IACI,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAUrC;;;;;OAKG;IACH,eAAe,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO;IAI5C;;;;;;;;;OASG;IACH,mBAAmB,IAAI,IAAI;IAI3B;;;;;;;;OAQG;IACH,QAAQ,IAAI,IAAI;IAIhB;;;;;;;;;OASG;IACH,kBAAkB,IAAI,IAAI;IAM1B;;;;;;;;;OASG;IACH,aAAa,IAAI,IAAI;IAIrB;;;;;;;;;OASG;IACH,qBAAqB,IAAI,IAAI;IAI7B;;;;;;;;OAQG;IACH,cAAc,CAAC,CAAC,EAAE,WAAW,GAAG,IAAI;IAKpC;;;;;;;;OAQG;IACH,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;IAMrC;;;OAGG;IACH,oBAAoB,CAAC,YAAY,EAAE,sBAAsB,GAAG,IAAI;IAUhE;;;OAGG;IACS,QAAQ,EAAE,MAAM,CAAM;IAElC;;;OAGG;IACH,OAAO,CAAC,kBAAkB,CAAuB;IAEjD;;;OAGG;IACH,OAAO,CAAC,iBAAiB;IAOzB;;;;;OAKG;IACI,cAAc,CAAC,OAAO,EAAE,sBAAsB,GAAG,OAAO;CAmBhE;AAED;;;;;;;;;;;;;;;GAeG;AACH,qBAAa,gBAAiB,SAAQ,UAAU;IACxC,WAAW,IAAI,OAAO,CAAC,IAAI,CAAC;CAGnC;AAED;;;;;;GAMG;AACH,qBAKa,UAAW,SAAQ,UAAU;CAAG;AAE7C;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,qBAKa,WAAY,SAAQ,UAAU;IACzC;;;;;;;;OAQG;IACG,WAAW,IAAI,OAAO,CAAC,IAAI,CAAC;IAMlC,cAAc,IAAI,YAAY,CAAC,UAAU,CAAC;CAG3C"}
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../../src/main/main.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAEnE,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAe,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAE1E,OAAO,EAAsB,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACxF,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AAEpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAQ,SAAS,EAA6C,MAAM,uBAAuB,CAAC;AAEnG,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAYzC;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,wBAAwB,EAAE,IAAI,CAAC;IAC/B,gBAAgB,EAAE,IAAI,CAAC;IACvB,mBAAmB,EAAE,IAAI,CAAC;IAC1B,2BAA2B,EAAE,IAAI,CAAC;IAClC,kBAAkB,EAAE,IAAI,CAAC;IACzB,oBAAoB,EAAE;QAAE,IAAI,EAAE,sBAAsB,CAAC;QAAC,OAAO,EAAE,GAAG,CAAA;KAAE,CAAC;CACtE,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B,kBAAkB,EAAE,MAAM,EAAE,CAAC;IAC7B,gBAAgB,EAAE,MAAM,CAAC;CAC1B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,qBAKa,UAAW,SAAQ,eAAsC;IACzD,SAAS,EAAG,SAAS,CAAC;IACxB,OAAO,EAAG,OAAO,CAAC;IACb,YAAY,EAAG,YAAY,CAAC;IAC7B,WAAW,EAAG,WAAW,CAAC;IACzB,YAAY,EAAG,YAAY,CAAC;IACpC,IAAI,EAAE,IAAI,CAAC;IACL,eAAe,EAAE,OAAO,CAAS;IAC7C,YAAY,EAAE,YAAY,CAAC;IAE3B;;;OAGG;IACS,KAAK,EAAE,OAAO,CAAS;IAEnC;;OAEG;IACgB,QAAQ,EAAE,MAAM,CAAC;IAEpC;;;OAGG;IACS,WAAW,UAAS;IAEhC;;;OAGG;IACH,OAAO,CAAC,iBAAiB,CAAkC;IAE3D;;;;;;OAMG;IAEH,wBAAwB,EAAE,MAAM,CAAsC;IAEtE;;;;;;OAMG;IAEH,wBAAwB,EAAE,MAAM,CAAsC;IAEtE;;;;;;OAMG;IAEH,0BAA0B,EAAE,OAAO,CAAQ;IAE3C;;OAEG;IACU,iBAAiB,IAAI,OAAO,CAAC,IAAI,CAAC;IAU/C,YAAY;IAIZ;;OAEG;IACH,OAAO,CAAC,2BAA2B;IAsBnC;;OAEG;IACH,OAAO,CAAC,wBAAwB;IAOhC;;;OAGG;IACH,OAAO,CAAC,wBAAwB;IAehC;;;OAGG;IACH,OAAO,CAAC,qBAAqB;IAa7B;;OAEG;IACI,oBAAoB,IAAI,IAAI;IAMnC;;;;;;;OAOG;IAC8B,OAAO,EAAE,GAAG,CAAQ;IAErD;;;;;;OAMG;IACmC,WAAW,EAAE,MAAM,CAAoB;IAE7E;;;;;;;OAOG;IAEH,yBAAyB,EAAE,OAAO,CAAC;IAEnC;;;;;;;OAOG;IAC8D,oBAAoB,EAAE,OAAO,CAAC;IAE/F;;;;;;;;;OASG;IAEH,uBAAuB,EAAE,OAAO,CAAC;IAEjC;;OAEG;IACH,8BAA8B,IAAI,IAAI;IAItC;;;;OAIG;IAEH,uBAAuB,EAAE,OAAO,CAAQ;IAExC;;;OAGG;IAEH,wBAAwB,EAAE,OAAO,CAAS;IAE1C;;;OAGG;IAEH,gBAAgB,EAAE,OAAO,CAAS;IAElC;;;;;;;;OAQG;IAEH,oBAAoB,EAAE,OAAO,CAAS;IAEtC;;OAEG;IACS,eAAe,EAAE,eAAe,CAG1C;IAEF;;;;OAIG;IAEH,WAAW,EAAE,OAAO,CAAC;IAErB;;;;;;;OAOG;IAEH,oBAAoB,EAAE,UAAU,GAAG,cAAc,GAAG,MAAM,CAAc;IAExE;;;;OAIG;IACS,YAAY,EAAE,KAAK,CAAC;QAC9B,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC,CAAC;IAEH;;OAEG;IACH,mBAAmB,IAAI,IAAI;IAiB3B;;OAEG;IACS,aAAa,EAAE,sBAAsB,EAAE,CAAC;IAEpD;;;;;;OAMG;IAEH,eAAe,EAAE,OAAO,CAAS;IAEjC;;;;;OAKG;IACH,IAAI,qBAAqB,IAAI,OAAO,CAEnC;IAED;;;;;;;;OAQG;IACG,WAAW,IAAI,OAAO,CAAC,IAAI,CAAC;IAMlC;;;OAGG;IACH,cAAc,IAAI,YAAY,CAAC,UAAU,CAAC;IAI1C;;;;OAIG;IACU,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;IAWpC;;;;;;;;;;OAUG;IACI,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAUrC;;;;;OAKG;IACH,eAAe,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO;IAI5C;;;;;;;;;OASG;IACH,mBAAmB,IAAI,IAAI;IAI3B;;;;;;;;OAQG;IACH,QAAQ,IAAI,IAAI;IAIhB;;;;;;;;;OASG;IACH,kBAAkB,IAAI,IAAI;IAM1B;;;;;;;;;OASG;IACH,aAAa,IAAI,IAAI;IAIrB;;;;;;;;;OASG;IACH,qBAAqB,IAAI,IAAI;IAI7B;;OAEG;IACH,kBAAkB,IAAI,IAAI;IAI1B;;;;;;;;OAQG;IACH,cAAc,CAAC,CAAC,EAAE,WAAW,GAAG,IAAI;IAKpC;;;;;;;;OAQG;IACH,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;IAMrC;;;OAGG;IACH,oBAAoB,CAAC,YAAY,EAAE,sBAAsB,GAAG,IAAI;IAUhE;;;OAGG;IACS,QAAQ,EAAE,MAAM,CAAM;IAElC;;;OAGG;IACH,OAAO,CAAC,kBAAkB,CAAuB;IAEjD;;;OAGG;IACH,OAAO,CAAC,iBAAiB;IAOzB;;;;;OAKG;IACI,cAAc,CAAC,OAAO,EAAE,sBAAsB,GAAG,OAAO;CAmBhE;AAED;;;;;;;;;;;;;;;GAeG;AACH,qBAAa,gBAAiB,SAAQ,UAAU;IACxC,WAAW,IAAI,OAAO,CAAC,IAAI,CAAC;CAGnC;AAED;;;;;;GAMG;AACH,qBAKa,UAAW,SAAQ,UAAU;CAAG;AAE7C;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,qBAKa,WAAY,SAAQ,UAAU;IACzC;;;;;;;;OAQG;IACG,WAAW,IAAI,OAAO,CAAC,IAAI,CAAC;IAMlC,cAAc,IAAI,YAAY,CAAC,UAAU,CAAC;CAG3C"}

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

@@ -1 +1 @@
-{"version":3,"file":"main.styles.d.ts","sourceRoot":"","sources":["../../../src/main/main.styles.ts"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,iDA6YgD,CAAC"}
+{"version":3,"file":"main.styles.d.ts","sourceRoot":"","sources":["../../../src/main/main.styles.ts"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,iDAyYgD,CAAC"}

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

@@ -1,4 +1,4 @@
-import type { ViewTemplate } from '@genesislcap/web-core';
+import { ViewTemplate } from '@genesislcap/web-core';
 import type { Navigation } from './main';
 /**
  * Top level template for Navigation class

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;AAc1D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAOzC;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,eAAe,EAAE,YAAY,CAAC,UAAU,CAIpD,CAAC;AAwLF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,WAAW,+BA0HvB,CAAC;AAiDF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,mBAAmB,GAAI,WAAM,2BAIzC,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,EAAO,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAe1D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAQzC;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,eAAe,EAAE,YAAY,CAAC,UAAU,CAIpD,CAAC;AAwLF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,WAAW,+BAgJvB,CAAC;AAiDF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,mBAAmB,GAAI,WAAM,2BAIzC,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,eAAe,EAAE,YAAY,CAAC,UAAU,CAEpD,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,YAAY,+BAAc,CAAC"}

package/dist/esm/components/control-panel.js

@@ -0,0 +1,410 @@
+import { __awaiter, __decorate } from "tslib";
+import { KVStorage, Session } from '@genesislcap/foundation-comms';
+import { whenElse } from '@genesislcap/foundation-utils';
+import { css, customElement, GenesisElement, html, observable, ref, repeat, volatile, } from '@genesislcap/web-core';
+const controlPanelDialog = html `
+  <rapid-modal ${ref('controlPanelModal')}>
+    <div slot="top">Control Panel</div>
+    <div class="control-panel">
+      <rapid-tabs>
+        <rapid-tab>Foundation Layout</rapid-tab>
+        <rapid-tab>Grid Columns (local storage)</rapid-tab>
+        <rapid-tab>Grid Filters (local storage)</rapid-tab>
+        <rapid-tab>Key Value Storage</rapid-tab>
+        <rapid-tab-panel>
+          ${whenElse((x) => { var _a; return (_a = x.foundationLayoutKeys) === null || _a === void 0 ? void 0 : _a.length; }, html `
+              <div class="control-panel-section">
+                <h4>Saved Layouts</h4>
+                <div class="control-panel-section-list">
+                  ${repeat((x) => x.foundationLayoutKeys, html `
+                      <rapid-checkbox
+                        @change=${(x, c) => c.parent.toggleLayoutSelection(x.key)}
+                        ?checked=${(x) => x.selected}
+                      >
+                        ${(x) => x.key}
+                      </rapid-checkbox>
+                    `)}
+                </div>
+                <rapid-button
+                  @click=${(x) => x.deleteSelectedLayouts()}
+                  ?disabled=${(x) => !x.hasSelectedLayouts}
+                >
+                  Delete Selected Layouts
+                </rapid-button>
+              </div>
+            `, html `
+              <p>No layouts in local storage</p>
+            `)}
+        </rapid-tab-panel>
+        <rapid-tab-panel>
+          ${whenElse((x) => { var _a; return (_a = x.gridStateKeys) === null || _a === void 0 ? void 0 : _a.length; }, html `
+              <div class="control-panel-section">
+                <h4>Saved Grids</h4>
+                <div class="control-panel-section-list">
+                  ${repeat((x) => x.gridStateKeys, html `
+                      <rapid-checkbox
+                        @change=${(x, c) => c.parent.toggleGridSelection(x.key)}
+                        ?checked=${(x) => x.selected}
+                      >
+                        ${(x) => x.key}
+                      </rapid-checkbox>
+                    `)}
+                </div>
+                <rapid-button
+                  @click=${(x) => x.deleteSelectedGridStates()}
+                  ?disabled=${(x) => !x.hasSelectedGridStates}
+                >
+                  Delete Selected Grid States
+                </rapid-button>
+              </div>
+            `, html `
+              <p>No grid settings in local storage</p>
+            `)}
+        </rapid-tab-panel>
+        <rapid-tab-panel>
+       ${whenElse((x) => { var _a; return (_a = x.filterModelKeys) === null || _a === void 0 ? void 0 : _a.length; }, html `
+           <div class="control-panel-section">
+             <h4>Saved Filter Models</h4>
+             <div class="control-panel-section-list">
+               ${repeat((x) => x.filterModelKeys, html `
+                   <rapid-checkbox
+                     @change=${(x, c) => c.parent.toggleFilterModelSelection(x.key)}
+                     ?checked=${(x) => x.selected}
+                   >
+                     ${(x) => x.key}
+                   </rapid-checkbox>
+                 `)}
+             </div>
+             <rapid-button
+               @click=${(x) => x.deleteSelectedFilterModels()}
+               ?disabled=${(x) => !x.hasSelectedFilterModels}
+             >
+               Delete Selected Filter Models
+             </rapid-button>
+           </div>
+         `, html `
+           <p>No filter models in local storage</p>
+         `)}
+        </rapid-tab-panel>
+        <rapid-tab-panel>
+          
+       ${whenElse((x) => { var _a; return (_a = x.kvStorageKeys) === null || _a === void 0 ? void 0 : _a.length; }, html `
+           <div class="control-panel-section">
+             <h4>KV Storage Items</h4>
+             <div class="control-panel-section-list">
+               ${repeat((x) => x.kvStorageKeys, html `
+                   <rapid-checkbox
+                     @change=${(x, c) => c.parent.toggleKVStorageSelection(x.key)}
+                     ?checked=${(x) => x.selected}
+                   >
+                     ${(x) => x.key}
+                   </rapid-checkbox>
+                 `)}
+             </div>
+             <rapid-button
+               @click=${(x) => x.deleteSelectedKVStorageItems()}
+               ?disabled=${(x) => !x.hasSelectedKVStorageItems}
+             >
+               Delete Selected KV Storage Items
+             </rapid-button>
+           </div>
+         `, html `
+           <p>No items in KV Storage</p>
+         `)}
+          <rapid-tab-panel>
+          
+      </rapid-tabs>
+     </div>
+   </rapid-modal>
+`;
+/**
+ * control-panel
+ * @internal
+ */
+let ControlPanel = class ControlPanel extends GenesisElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * @internal
+         */
+        this.foundationLayoutKeys = [];
+        /**
+         * @internal
+         */
+        this.gridStateKeys = [];
+        /**
+         * @internal
+         */
+        this.filterModelKeys = [];
+        /**
+         * @internal
+         */
+        this.kvStorageKeys = [];
+        this.handleKeyDown = (event) => {
+            // Check for Ctrl+Shift+G (Windows/Linux) or Cmd+Shift+G (Mac)
+            const isCorrectModifier = event.ctrlKey || event.metaKey;
+            const isShiftPressed = event.shiftKey;
+            const isGKey = event.key.toLowerCase() === 'g';
+            if (isCorrectModifier && isShiftPressed && isGKey) {
+                event.preventDefault();
+                this.showDialog();
+            }
+        };
+        this.handleKeyDownBound = this.handleKeyDown.bind(this);
+    }
+    /**
+     * @internal
+     * Check if any foundation layouts are selected
+     */
+    get hasSelectedLayouts() {
+        return this.foundationLayoutKeys.some((item) => item.selected);
+    }
+    /**
+     * @internal
+     * Check if any grid states are selected
+     */
+    get hasSelectedGridStates() {
+        return this.gridStateKeys.some((item) => item.selected);
+    }
+    /**
+     * @internal
+     * Check if any filter models are selected
+     */
+    get hasSelectedFilterModels() {
+        return this.filterModelKeys.some((item) => item.selected);
+    }
+    /**
+     * @internal
+     * Check if any KV storage items are selected
+     */
+    get hasSelectedKVStorageItems() {
+        return this.kvStorageKeys.some((item) => item.selected);
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        document.addEventListener('keydown', this.handleKeyDownBound);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        document.removeEventListener('keydown', this.handleKeyDownBound);
+    }
+    /**
+     * @internal
+     */
+    showDialog() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.foundationLayoutKeys = this.getKeysForSessionStorageItem('foundation-layout-autosave');
+            this.gridStateKeys = this.getKeysForStorageItem('gridOptions');
+            this.filterModelKeys = this.getKeysForStorageItem('persist-filter-model-key');
+            this.kvStorageKeys = yield this.getKeysForKVStorage();
+            this.controlPanelModal.show();
+        });
+    }
+    toggleSelection(key, keys) {
+        const item = keys.find((i) => i.key === key);
+        if (item) {
+            item.selected = !item.selected;
+        }
+        return [...keys];
+    }
+    /**
+     * @internal
+     */
+    toggleLayoutSelection(key) {
+        this.foundationLayoutKeys = this.toggleSelection(key, this.foundationLayoutKeys);
+    }
+    /**
+     * @internal
+     */
+    toggleGridSelection(key) {
+        this.gridStateKeys = this.toggleSelection(key, this.gridStateKeys);
+    }
+    /**
+     * @internal
+     */
+    toggleFilterModelSelection(key) {
+        this.filterModelKeys = this.toggleSelection(key, this.filterModelKeys);
+    }
+    /**
+     * @internal
+     */
+    toggleKVStorageSelection(key) {
+        this.kvStorageKeys = this.toggleSelection(key, this.kvStorageKeys);
+    }
+    /**
+     * @internal
+     */
+    deleteSelectedLayouts() {
+        const selectedKeys = this.foundationLayoutKeys
+            .filter((item) => item.selected)
+            .map((item) => item.key);
+        if (selectedKeys.length === 0) {
+            return;
+        }
+        this.deleteKeysFromSessionStorage('foundation-layout-autosave', selectedKeys);
+    }
+    /**
+     * @internal
+     */
+    deleteSelectedGridStates() {
+        this.deleteKeysFromLocalStorage('gridOptions', this.gridStateKeys);
+    }
+    /**
+     * @internal
+     */
+    deleteSelectedFilterModels() {
+        this.deleteKeysFromLocalStorage('persist-filter-model-key', this.filterModelKeys);
+    }
+    /**
+     * @internal
+     */
+    deleteSelectedKVStorageItems() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const selectedKeys = this.kvStorageKeys.filter((item) => item.selected).map((item) => item.key);
+            if (selectedKeys.length === 0) {
+                return;
+            }
+            yield this.deleteKeysFromKVStorage(selectedKeys);
+            // Refresh the list after deletion
+            this.kvStorageKeys = yield this.getKeysForKVStorage();
+        });
+    }
+    deleteKeysFromSessionStorage(storageKey, keysToDelete) {
+        const storageString = this.session.getLocalStorageItem(storageKey);
+        if (!storageString) {
+            return;
+        }
+        const storageData = JSON.parse(storageString);
+        // Remove selected keys from storage object
+        keysToDelete.forEach((key) => {
+            delete storageData[key];
+        });
+        // Update session storage with the modified data
+        this.session.setLocalStorageItem(storageKey, JSON.stringify(storageData));
+        location.reload();
+    }
+    deleteKeysFromLocalStorage(storageKey, keys) {
+        const keysToDelete = keys.filter((i) => i.selected).map((i) => i.key);
+        if (!keysToDelete.length) {
+            return;
+        }
+        const storageString = localStorage.getItem(storageKey);
+        if (!storageString) {
+            return;
+        }
+        const storageData = JSON.parse(storageString);
+        // Remove selected keys from storage object
+        keysToDelete.forEach((key) => {
+            delete storageData[key];
+        });
+        // Update localStorage with the modified data
+        localStorage.setItem(storageKey, JSON.stringify(storageData));
+        location.reload();
+    }
+    getKeysForSessionStorageItem(storageKey) {
+        const storageString = this.session.getLocalStorageItem(storageKey);
+        if (storageString) {
+            const storageKeys = JSON.parse(storageString);
+            return Object.keys(storageKeys).map((key) => ({
+                key,
+                selected: false,
+            }));
+        }
+        return [];
+    }
+    getKeysForStorageItem(storageKey) {
+        const storageString = localStorage.getItem(storageKey);
+        if (storageString) {
+            const storageKeys = JSON.parse(storageString);
+            return Object.keys(storageKeys).map((key) => ({
+                key,
+                selected: false,
+            }));
+        }
+        return [];
+    }
+    getKeysForKVStorage() {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                const keyValuePairs = yield this.kvStorage.get();
+                // Filter for entries that have actual values and map to keys
+                return keyValuePairs
+                    .filter((kvTransfer) => { var _a; return ((_a = kvTransfer === null || kvTransfer === void 0 ? void 0 : kvTransfer.kv) === null || _a === void 0 ? void 0 : _a.value) != null; })
+                    .map((kvTransfer) => ({
+                    key: kvTransfer.kv.key,
+                    selected: false,
+                }));
+            }
+            catch (error) {
+                console.error('Failed to load keys from KVStorage:', error);
+                return [];
+            }
+        });
+    }
+    deleteKeysFromKVStorage(keysToDelete) {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                yield this.kvStorage.delete(keysToDelete);
+                location.reload();
+            }
+            catch (error) {
+                console.error('Failed to delete keys from KVStorage:', error);
+            }
+        });
+    }
+};
+__decorate([
+    observable
+], ControlPanel.prototype, "foundationLayoutKeys", void 0);
+__decorate([
+    observable
+], ControlPanel.prototype, "gridStateKeys", void 0);
+__decorate([
+    observable
+], ControlPanel.prototype, "filterModelKeys", void 0);
+__decorate([
+    observable
+], ControlPanel.prototype, "kvStorageKeys", void 0);
+__decorate([
+    Session
+], ControlPanel.prototype, "session", void 0);
+__decorate([
+    KVStorage
+], ControlPanel.prototype, "kvStorage", void 0);
+__decorate([
+    volatile
+], ControlPanel.prototype, "hasSelectedLayouts", null);
+__decorate([
+    volatile
+], ControlPanel.prototype, "hasSelectedGridStates", null);
+__decorate([
+    volatile
+], ControlPanel.prototype, "hasSelectedFilterModels", null);
+__decorate([
+    volatile
+], ControlPanel.prototype, "hasSelectedKVStorageItems", null);
+ControlPanel = __decorate([
+    customElement({
+        name: 'control-panel',
+        template: html `
+    ${controlPanelDialog}
+  `,
+        styles: css `
+    h4 {
+      margin: 0 0 10px;
+    }
+
+    .control-panel {
+      display: flex;
+      gap: 10px;
+    }
+
+    .control-panel-section-list {
+      max-height: 300px;
+      overflow-y: auto;
+      display: grid;
+    }
+  `,
+    })
+], ControlPanel);
+export { ControlPanel };

package/dist/esm/components/index.js

@@ -0,0 +1 @@
+export * from './control-panel';

package/dist/esm/index.js

@@ -1,2 +1,3 @@
+export * from './components';
 export * from './config';
 export * from './main';

package/dist/esm/main/main.js

@@ -9,7 +9,7 @@ import { User } from '@genesislcap/foundation-user';
 import { InactivityManager } from '@genesislcap/foundation-utils';
 import { attr, Container, customElement, GenesisElement, observable } from '@genesislcap/web-core';
 import logo from '../assets/logo.svg';
-import { HeaderConfig } from '../config/config';
+import { HeaderConfig } from '../config';
 import { rapidTemplate } from '../templates/rapid.template';
 import { logger } from '../utils';
 import { MainStyles as styles } from './main.styles';
@@ -132,6 +132,11 @@ let Navigation = class Navigation extends EventEmitter(GenesisElement) {
          * Control via `show-environment-indicator`
          */
         this.showEnvironmentIndicator = false;
+        /**
+         * Boolean attribute which controls whether to show the control panel toggle on the navigation bar
+         * Control via `show-control-panel`
+         */
+        this.showControlPanel = false;
         /**
          * Boolean attribute which controls whether to show the language selector on the navigation bar
          * Control via `show-language-selector`
@@ -433,6 +438,12 @@ let Navigation = class Navigation extends EventEmitter(GenesisElement) {
     notificationIconEvent() {
         this.$emit('notification-icon-clicked');
     }
+    /**
+     * @internal
+     */
+    toggleControlPanel() {
+        this.controlPanel.showDialog();
+    }
     /**
      * Changes the language of the application
      *
@@ -565,6 +576,9 @@ __decorate([
 __decorate([
     attr({ mode: 'boolean', attribute: 'show-environment-indicator' })
 ], Navigation.prototype, "showEnvironmentIndicator", void 0);
+__decorate([
+    attr({ mode: 'boolean', attribute: 'show-control-panel' })
+], Navigation.prototype, "showControlPanel", void 0);
 __decorate([
     attr({ mode: 'boolean', attribute: 'show-language-selector' })
 ], Navigation.prototype, "showLanguageSelector", void 0);

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

@@ -195,10 +195,6 @@ export const MainStyles = css `
     padding: calc(var(--design-unit) * 3px);
   }
 
-  .notifications-button {
-    padding-right: calc((var(--design-unit) - 1) * 2px);
-  }
-
   .side-nav-buttons-container {
     display: flex;
     flex-direction: column;

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

@@ -1,6 +1,9 @@
 import { getApp } from '@genesislcap/foundation-shell/app';
+import { ref } from '@genesislcap/web-core';
 import { classNames, html, repeat, when } from '@genesislcap/web-core';
+import { ControlPanel } from '../components';
 import { buttonTag, connectionIndicatorTag, environmentIndicatorTag, flyoutTag, getTagHelper, iconTag, optionTag, providerTag, selectTag, } from '../tags';
+ControlPanel;
 const app = getApp();
 const navigationClassMatcher = (className, buttonPath, urlPath) => classNames([className, urlPath.split('/').reverse()[0] === buttonPath]);
 /**
@@ -234,6 +237,19 @@ export const navTemplate = html `
       ${when((x) => x.showEnvironmentIndicator, html `
           <${environmentIndicatorTag} class="environment-indicator"></${environmentIndicatorTag}>
         `)}
+      ${when((x) => x.showControlPanel, html `
+          <div
+            class="icon-container"
+            part="control-panel-button"
+            aria-label="Control Panel toggle"
+          >
+            <${iconTag}
+              name="cog"
+              data-test-id="control-panel-icon"
+              @click=${(x) => x.toggleControlPanel()}>
+            </${iconTag}>
+          </div>
+        `)}
       ${app.registerElementsTarget('nav-end')}
       ${when((x) => x.showLuminanceToggleButton, html `
           <div
@@ -283,6 +299,9 @@ export const navTemplate = html `
         `)}
       ${() => accountMenuTemplate}
     </div>
+    ${when((x) => x.showControlPanel, html `
+        <control-panel ${ref('controlPanel')}></control-panel>
+      `)}
     ${app.registerElementsTarget(['header', 'header-end'])}
   </div>
 `;

package/dist/foundation-header.api.json

@@ -741,6 +741,37 @@
               "isProtected": false,
               "isAbstract": false
             },
+            {
+              "kind": "Property",
+              "canonicalReference": "@genesislcap/foundation-header!Navigation#controlPanel:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "controlPanel: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "ControlPanel",
+                  "canonicalReference": "@genesislcap/foundation-header!ControlPanel:class"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "controlPanel",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false,
+              "isProtected": false,
+              "isAbstract": false
+            },
             {
               "kind": "Method",
               "canonicalReference": "@genesislcap/foundation-header!Navigation#disconnectedCallback:member(1)",
@@ -1554,6 +1585,36 @@
               "isProtected": false,
               "isAbstract": false
             },
+            {
+              "kind": "Property",
+              "canonicalReference": "@genesislcap/foundation-header!Navigation#showControlPanel:member",
+              "docComment": "/**\n * Boolean attribute which controls whether to show the control panel toggle on the navigation bar Control via `show-control-panel`\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "showControlPanel: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "boolean"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "showControlPanel",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false,
+              "isProtected": false,
+              "isAbstract": false
+            },
             {
               "kind": "Property",
               "canonicalReference": "@genesislcap/foundation-header!Navigation#showEnvironmentIndicator:member",