@genesislcap/foundation-forms 14.267.0 → 14.268.0

package/dist/custom-elements.json

@@ -556,6 +556,20 @@
           "description": "Foundation filters component for automatically generated filters based on json schema\nobtained from the api, supplied initial data or supplied JSON schema.\nAllowing customisable filters elements using UI schema and set of custom renderers",
           "name": "Filters",
           "members": [
+            {
+              "kind": "field",
+              "name": "kvStorage",
+              "type": {
+                "text": "KVStorage"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "filterName",
+              "type": {
+                "text": "string"
+              }
+            },
             {
               "kind": "field",
               "name": "resourceName",
@@ -565,6 +579,23 @@
               "description": "Name of the backend resource which will provide metadata\nused to generate filters.",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "allSavedFilters",
+              "type": {
+                "text": "any[]"
+              },
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "showFilterPersistenceControls",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Controls the visibility of the filter persistence controls UI.",
+              "privacy": "public"
+            },
             {
               "kind": "method",
               "name": "resourceNameChanged",
@@ -635,6 +666,48 @@
               "description": "Created criteria based on the given data that can be used to filter the data.",
               "privacy": "public"
             },
+            {
+              "kind": "method",
+              "name": "saveFilter"
+            },
+            {
+              "kind": "method",
+              "name": "deleteFilter"
+            },
+            {
+              "kind": "method",
+              "name": "loadAllSavedFilters"
+            },
+            {
+              "kind": "method",
+              "name": "filterNameChanged",
+              "parameters": [
+                {
+                  "name": "oldValue",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "loadFilterData",
+              "parameters": [
+                {
+                  "name": "filterKey",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
             {
               "kind": "field",
               "name": "_presentation",
@@ -764,6 +837,14 @@
               "description": "Name of the backend resource which will provide metadata\nused to generate filters.",
               "fieldName": "resourceName"
             },
+            {
+              "name": "show-filter-persistence-controls",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Controls the visibility of the filter persistence controls UI.",
+              "fieldName": "showFilterPersistenceControls"
+            },
             {
               "name": "design-system-prefix",
               "type": {

package/dist/dts/filters/filters.d.ts

@@ -1,3 +1,4 @@
+import { KVStorage } from '@genesislcap/foundation-comms';
 import { FoundationElement } from '@microsoft/fast-foundation';
 import { JSONSchema7 } from 'json-schema';
 import { RendererEntry, UiSchema } from '../types';
@@ -15,12 +16,20 @@ export declare const filtersRenderers: any[];
  * @public
  */
 export declare class Filters extends FoundationElement {
+    kvStorage: KVStorage;
+    filterName: string;
     /**
      * Name of the backend resource which will provide metadata
      * used to generate filters.
      * @public
      */
     resourceName: string;
+    allSavedFilters: any[];
+    /**
+     * Controls the visibility of the filter persistence controls UI.
+     * @public
+     */
+    showFilterPersistenceControls: boolean;
     private resourceNameChanged;
     /**
      * @internal
@@ -110,5 +119,11 @@ export declare class Filters extends FoundationElement {
      * @internal
      */
     disconnectedCallback(): void;
+    saveFilter(): Promise<void>;
+    deleteFilter(): Promise<void>;
+    connectedCallback(): Promise<void>;
+    loadAllSavedFilters(): Promise<void>;
+    filterNameChanged(oldValue: string, newValue: string): void;
+    loadFilterData(filterKey: string): Promise<void>;
 }
 //# sourceMappingURL=filters.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"filters.d.ts","sourceRoot":"","sources":["../../../src/filters/filters.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAY1C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAKnD,gBAAgB;AAChB,eAAO,MAAM,aAAa,iDAAqC,CAAC;AAchE;;;GAGG;AACH,eAAO,MAAM,gBAAgB,OAY5B,CAAC;AACF;;;;;GAKG;AACH,qBAKa,OAAQ,SAAQ,iBAAiB;IAC5C;;;;OAIG;IACG,YAAY,EAAE,MAAM,CAAC;YACb,mBAAmB;IAWjC;;OAEG;IACI,gBAAgB;IAKvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAqCG;IACS,QAAQ,EAAE,QAAQ,CAAC;IAC/B;;;OAGG;IACS,SAAS,EAAE,aAAa,EAAE,CAAoB;IAC1D;;;;;;OAMG;IACS,UAAU,EAAE,WAAW,CAAC;IACpC;;;OAGG;IAC0C,MAAM,EAAE,MAAM,CAAW;IAE7D,OAAO,CAAC,OAAO,CAAW;IACnC;;;OAGG;IACS,IAAI,EAAE,GAAG,CAAM;IAC3B;;;OAGG;IACS,KAAK,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,YAAY;IAIZ;;OAEG;IACH,aAAa;IAyBb;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,WAAW;IAO3B;;OAEG;IACH,oBAAoB;CAKrB"}
+{"version":3,"file":"filters.d.ts","sourceRoot":"","sources":["../../../src/filters/filters.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAM1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAY1C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAKnD,gBAAgB;AAChB,eAAO,MAAM,aAAa,iDAAqC,CAAC;AAchE;;;GAGG;AACH,eAAO,MAAM,gBAAgB,OAY5B,CAAC;AAKF;;;;;GAKG;AACH,qBAKa,OAAQ,SAAQ,iBAAiB;IACjC,SAAS,EAAE,SAAS,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IAE/B;;;;OAIG;IACG,YAAY,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,GAAG,EAAE,CAAM;IAExC;;;OAGG;IAEH,6BAA6B,EAAE,OAAO,CAAC;YAEzB,mBAAmB;IAWjC;;OAEG;IACI,gBAAgB;IAMvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAqCG;IACS,QAAQ,EAAE,QAAQ,CAAC;IAC/B;;;OAGG;IACS,SAAS,EAAE,aAAa,EAAE,CAAoB;IAC1D;;;;;;OAMG;IACS,UAAU,EAAE,WAAW,CAAC;IACpC;;;OAGG;IAC0C,MAAM,EAAE,MAAM,CAAW;IAE7D,OAAO,CAAC,OAAO,CAAW;IACnC;;;OAGG;IACS,IAAI,EAAE,GAAG,CAAM;IAC3B;;;OAGG;IACS,KAAK,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,YAAY;IAIZ;;OAEG;IACH,aAAa;IAyBb;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,WAAW;IAO3B;;OAEG;IACH,oBAAoB;IAMd,UAAU;IA0CV,YAAY;IA4BZ,iBAAiB;IAOjB,mBAAmB;IAsBzB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAU9C,cAAc,CAAC,SAAS,EAAE,MAAM;CAiBvC"}

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

@@ -1 +1 @@
-{"version":3,"file":"filters.styles.d.ts","sourceRoot":"","sources":["../../../src/filters/filters.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,uBAAuB,iDA2DnC,CAAC"}
+{"version":3,"file":"filters.styles.d.ts","sourceRoot":"","sources":["../../../src/filters/filters.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,uBAAuB,iDA0FnC,CAAC"}

package/dist/dts/filters/filters.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filters.template.d.ts","sourceRoot":"","sources":["../../../src/filters/filters.template.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAMzC,gBAAgB;AAChB,eAAO,MAAM,kBAAkB,WAAY,MAAM,iEAiChD,CAAC;AAEF,gBAAgB;AAChB,eAAO,MAAM,yBAAyB,8DAErC,CAAC"}
+{"version":3,"file":"filters.template.d.ts","sourceRoot":"","sources":["../../../src/filters/filters.template.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAMzC,gBAAgB;AAChB,eAAO,MAAM,kBAAkB,WAAY,MAAM,iEAsFhD,CAAC;AAEF,gBAAgB;AAChB,eAAO,MAAM,yBAAyB,8DAErC,CAAC"}

package/dist/esm/filters/filters.js

@@ -1,7 +1,9 @@
 import { __awaiter, __decorate } from "tslib";
 import { Connect } from '@genesislcap/foundation-comms';
+import { KVStorage } from '@genesislcap/foundation-comms';
 import { CriteriaBuilder, Join } from '@genesislcap/foundation-criteria';
 import { createLogger } from '@genesislcap/foundation-logger';
+import { showNotificationToast } from '@genesislcap/foundation-notifications';
 import { isControl, isStringControl, mapStateToControlProps, rankWith } from '@jsonforms/core';
 import { attr, customElement, observable } from '@microsoft/fast-element';
 import { FoundationElement } from '@microsoft/fast-foundation';
@@ -47,6 +49,8 @@ export const filtersRenderers = [
     FilterDateControlRendererEntry,
     InvisibleControlEntry,
 ];
+// Add this at the top of the file, outside the class
+const FORM_FILTER_PREFIX = 'formFilter:';
 /**
  * Foundation filters component for automatically generated filters based on json schema
  * obtained from the api, supplied initial data or supplied JSON schema.
@@ -56,6 +60,7 @@ export const filtersRenderers = [
 let Filters = class Filters extends FoundationElement {
     constructor() {
         super(...arguments);
+        this.allSavedFilters = [];
         /**
          * Allows to provide the main set of renderers used by the form. If not provided, the built-in renderers will be used by default.
          * @public
@@ -89,6 +94,7 @@ let Filters = class Filters extends FoundationElement {
     clearFiltersData() {
         this.data = {};
         this.value = '';
+        this.filterName = '';
     }
     /**
      * @internal
@@ -133,10 +139,149 @@ let Filters = class Filters extends FoundationElement {
         super.disconnectedCallback();
         this.data = {};
     }
+    saveFilter() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.value) {
+                filtersLogger.warn('Filter value is empty, not saving filter!');
+                return;
+            }
+            const key = `${FORM_FILTER_PREFIX}${this.filterName}`;
+            try {
+                yield this.kvStorage.put([{ key, value: JSON.stringify(this.data) }]);
+                filtersLogger.info(`Saved filter: ${key}`);
+                yield this.loadAllSavedFilters();
+                showNotificationToast({
+                    title: 'Success',
+                    body: 'Filter saved successfully!',
+                    toast: {
+                        autoClose: true,
+                        closeTimeout: 3000,
+                        type: 'success',
+                    },
+                }, this.prefix || 'rapid');
+            }
+            catch (err) {
+                filtersLogger.error('Failed to save filter', err);
+                showNotificationToast({
+                    title: 'Error',
+                    body: 'Failed to save filter',
+                    toast: {
+                        autoClose: true,
+                        closeTimeout: 3000,
+                        type: 'error',
+                    },
+                }, this.prefix || 'rapid');
+            }
+        });
+    }
+    deleteFilter() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const key = `${FORM_FILTER_PREFIX}${this.filterName}`;
+            try {
+                yield this.kvStorage.delete([key]);
+                filtersLogger.info(`Deleted filter: ${key}`);
+                yield this.loadAllSavedFilters();
+                this.filterName = '';
+                this.data = {};
+                this.value = '';
+            }
+            catch (err) {
+                filtersLogger.error('Failed to delete filter', err);
+                showNotificationToast({
+                    title: 'Error',
+                    body: 'Failed to delete filter',
+                    toast: {
+                        autoClose: true,
+                        closeTimeout: 3000,
+                        type: 'error',
+                    },
+                }, this.prefix || 'rapid');
+            }
+        });
+    }
+    connectedCallback() {
+        const _super = Object.create(null, {
+            connectedCallback: { get: () => super.connectedCallback }
+        });
+        return __awaiter(this, void 0, void 0, function* () {
+            _super.connectedCallback.call(this);
+            if (this.showFilterPersistenceControls) {
+                yield this.loadAllSavedFilters();
+            }
+        });
+    }
+    loadAllSavedFilters() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.kvStorage
+                .list()
+                .then((keys) => {
+                if (Array.isArray(keys)) {
+                    this.allSavedFilters = keys
+                        .filter((key) => key.startsWith(FORM_FILTER_PREFIX))
+                        .map((key) => {
+                        const cleanKey = key.replace(/^formFilter:/, '');
+                        return { value: cleanKey, label: cleanKey };
+                    });
+                }
+                else {
+                    filtersLogger.warn('KVStorage.list() did not return an array', keys);
+                    this.allSavedFilters = [];
+                }
+            })
+                .catch((err) => {
+                filtersLogger.error('Failed to load saved filters from KVStorage', err);
+                this.allSavedFilters = [];
+            });
+        });
+    }
+    filterNameChanged(oldValue, newValue) {
+        if (newValue) {
+            this.loadFilterData(newValue).then(() => {
+                this.searchFilters();
+            });
+        }
+        else {
+            this.data = {};
+        }
+    }
+    loadFilterData(filterKey) {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                const key = `${FORM_FILTER_PREFIX}${filterKey}`;
+                const result = yield this.kvStorage.get(key);
+                if (result && result.kv && typeof result.kv.value === 'string') {
+                    this.data = JSON.parse(result.kv.value);
+                }
+                else if (result && result.kv && result.kv.value) {
+                    filtersLogger.warn('Loaded filter value is not a string, cannot parse', result.kv.value);
+                    this.data = {};
+                }
+                else {
+                    this.data = {};
+                }
+            }
+            catch (err) {
+                filtersLogger.error('Failed to load filter data from KVStorage', err);
+                this.data = {};
+            }
+        });
+    }
 };
+__decorate([
+    KVStorage
+], Filters.prototype, "kvStorage", void 0);
+__decorate([
+    observable
+], Filters.prototype, "filterName", void 0);
 __decorate([
     attr
 ], Filters.prototype, "resourceName", void 0);
+__decorate([
+    observable
+], Filters.prototype, "allSavedFilters", void 0);
+__decorate([
+    attr({ mode: 'boolean', attribute: 'show-filter-persistence-controls' })
+], Filters.prototype, "showFilterPersistenceControls", void 0);
 __decorate([
     observable
 ], Filters.prototype, "uischema", void 0);

package/dist/esm/filters/filters.styles.js

@@ -11,6 +11,8 @@ export const foundationFiltersStyles = css `
     margin: 0;
     border-radius: calc(${controlCornerRadius} * 1px);
     min-width: 64px;
+
+    --filter-persistence-controls-container-height: 145px;
   }
 
   .header {
@@ -54,6 +56,35 @@ export const foundationFiltersStyles = css `
   .action-button {
     width: 70px;
   }
+
+  .filter-persistence-controls-container {
+    display: flex;
+    flex-direction: column;
+    height: var(--filter-persistence-controls-container-height);
+    padding: 5px 15px;
+  }
+
+  .filter-persistence-controls {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    padding-bottom: 10px;
+  }
+
+  .filter-persistence-controls > rapid-label {
+    margin-bottom: calc(var(--design-unit) * 1px);
+    color: var(--neutral-foreground-hint);
+  }
+
+  .filter-persistence-controls-components {
+    display: flex;
+    gap: 10px;
+  }
+
+  .filter-persistence-controls-components > rapid-button {
+    width: 100px;
+    justify-content: center;
+  }
 `.withBehaviors(forcedColorsStylesheetBehavior(css `
     :host {
       background: ${SystemColors.Canvas};

package/dist/esm/filters/filters.template.js

@@ -1,4 +1,5 @@
-import { html } from '@microsoft/fast-element';
+import { sync } from '@genesislcap/foundation-utils';
+import { html, repeat, when } from '@microsoft/fast-element';
 import { JSONForms } from '../jsonforms/json-forms';
 import { ControlWrapper } from '../jsonforms/renderers/ControlWrapperRenderer';
 import { DispatchRenderer } from '../jsonforms/renderers/dispatch-renderer';
@@ -9,6 +10,51 @@ DispatchRenderer;
 export const getPrefixedFilters = (prefix) => html `
   <template>
     <div class="container" part="container">
+      ${when((x) => x.showFilterPersistenceControls, html `
+          <div class="filter-persistence-controls-container">
+            <div class="filter-persistence-controls">
+              <rapid-label>Saved Filters</rapid-label>
+              <rapid-select :value=${sync((x) => x.filterName)}>
+                <rapid-option value="">--Select--</rapid-option>
+                ${repeat((x) => x.allSavedFilters, html `
+                    <rapid-option
+                      value=${(x) => x.value}
+                      :selected=${sync((x, c) => x.value == c.parent.filterName)}
+                    >
+                      ${(x, c) => x.label}
+                    </rapid-option>
+                  `)}
+              </rapid-select>
+            </div>
+            <div class="filter-persistence-controls">
+              <rapid-label>Name</rapid-label>
+              <div class="filter-persistence-controls-components">
+                <rapid-text-field
+                  :value=${sync((x) => x.filterName)}
+                  style="margin-bottom: 16px; width: 100%;"
+                ></rapid-text-field>
+                <rapid-button
+                  slot="actions-start"
+                  appearance="primary"
+                  @click=${(x) => x.saveFilter()}
+                  :disabled=${(x) => !x.filterName || !x.value}
+                >
+                  Save
+                </rapid-button>
+                <rapid-button
+                  slot="actions-start"
+                  appearance="primary"
+                  @click=${(x) => x.deleteFilter()}
+                  :disabled=${(x) => !x.filterName}
+                >
+                  Delete
+                </rapid-button>
+              </div>
+            </div>
+          </div>
+          <rapid-divider></rapid-divider>
+        `)}
+    
       <div class="container-forms" part="container-forms">
         <json-forms
           :renderers=${(x) => x.renderers}
@@ -20,6 +66,7 @@ export const getPrefixedFilters = (prefix) => html `
         ></json-forms>
       </div>
       <div class="actions" part="actions">
+        <slot name="actions-start"></slot>
         <${prefix}-button
           @click="${(x) => x.clearFiltersData()}"
           class="action-button"
@@ -36,6 +83,7 @@ export const getPrefixedFilters = (prefix) => html `
         >
           Search
         </${prefix}-button>
+        <slot name="actions-end"></slot>
       </div>
     </div>
   </template>

package/dist/foundation-forms.api.json

@@ -302,6 +302,72 @@
           "name": "Filters",
           "preserveMemberOrder": false,
           "members": [
+            {
+              "kind": "Property",
+              "canonicalReference": "@genesislcap/foundation-forms!Filters#allSavedFilters:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "allSavedFilters: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "any[]"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "allSavedFilters",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false,
+              "isProtected": false,
+              "isAbstract": false
+            },
+            {
+              "kind": "Method",
+              "canonicalReference": "@genesislcap/foundation-forms!Filters#connectedCallback:member(1)",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "connectedCallback(): "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "Promise",
+                  "canonicalReference": "!Promise:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": "<void>"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isStatic": false,
+              "returnTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 3
+              },
+              "releaseTag": "Public",
+              "isProtected": false,
+              "overloadIndex": 1,
+              "parameters": [],
+              "isOptional": false,
+              "isAbstract": false,
+              "name": "connectedCallback"
+            },
             {
               "kind": "Property",
               "canonicalReference": "@genesislcap/foundation-forms!Filters#data:member",
@@ -332,6 +398,136 @@
               "isProtected": false,
               "isAbstract": false
             },
+            {
+              "kind": "Method",
+              "canonicalReference": "@genesislcap/foundation-forms!Filters#deleteFilter:member(1)",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "deleteFilter(): "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "Promise",
+                  "canonicalReference": "!Promise:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": "<void>"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isStatic": false,
+              "returnTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 3
+              },
+              "releaseTag": "Public",
+              "isProtected": false,
+              "overloadIndex": 1,
+              "parameters": [],
+              "isOptional": false,
+              "isAbstract": false,
+              "name": "deleteFilter"
+            },
+            {
+              "kind": "Property",
+              "canonicalReference": "@genesislcap/foundation-forms!Filters#filterName:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "filterName: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "string"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "filterName",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false,
+              "isProtected": false,
+              "isAbstract": false
+            },
+            {
+              "kind": "Method",
+              "canonicalReference": "@genesislcap/foundation-forms!Filters#filterNameChanged:member(1)",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "filterNameChanged(oldValue: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "string"
+                },
+                {
+                  "kind": "Content",
+                  "text": ", newValue: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "string"
+                },
+                {
+                  "kind": "Content",
+                  "text": "): "
+                },
+                {
+                  "kind": "Content",
+                  "text": "void"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isStatic": false,
+              "returnTypeTokenRange": {
+                "startIndex": 5,
+                "endIndex": 6
+              },
+              "releaseTag": "Public",
+              "isProtected": false,
+              "overloadIndex": 1,
+              "parameters": [
+                {
+                  "parameterName": "oldValue",
+                  "parameterTypeTokenRange": {
+                    "startIndex": 1,
+                    "endIndex": 2
+                  },
+                  "isOptional": false
+                },
+                {
+                  "parameterName": "newValue",
+                  "parameterTypeTokenRange": {
+                    "startIndex": 3,
+                    "endIndex": 4
+                  },
+                  "isOptional": false
+                }
+              ],
+              "isOptional": false,
+              "isAbstract": false,
+              "name": "filterNameChanged"
+            },
             {
               "kind": "Property",
               "canonicalReference": "@genesislcap/foundation-forms!Filters#jsonSchema:member",
@@ -363,6 +559,126 @@
               "isProtected": false,
               "isAbstract": false
             },
+            {
+              "kind": "Property",
+              "canonicalReference": "@genesislcap/foundation-forms!Filters#kvStorage:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "kvStorage: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "KVStorage",
+                  "canonicalReference": "@genesislcap/foundation-comms!KVStorage:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "kvStorage",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false,
+              "isProtected": false,
+              "isAbstract": false
+            },
+            {
+              "kind": "Method",
+              "canonicalReference": "@genesislcap/foundation-forms!Filters#loadAllSavedFilters:member(1)",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "loadAllSavedFilters(): "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "Promise",
+                  "canonicalReference": "!Promise:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": "<void>"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isStatic": false,
+              "returnTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 3
+              },
+              "releaseTag": "Public",
+              "isProtected": false,
+              "overloadIndex": 1,
+              "parameters": [],
+              "isOptional": false,
+              "isAbstract": false,
+              "name": "loadAllSavedFilters"
+            },
+            {
+              "kind": "Method",
+              "canonicalReference": "@genesislcap/foundation-forms!Filters#loadFilterData:member(1)",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "loadFilterData(filterKey: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "string"
+                },
+                {
+                  "kind": "Content",
+                  "text": "): "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "Promise",
+                  "canonicalReference": "!Promise:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": "<void>"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isStatic": false,
+              "returnTypeTokenRange": {
+                "startIndex": 3,
+                "endIndex": 5
+              },
+              "releaseTag": "Public",
+              "isProtected": false,
+              "overloadIndex": 1,
+              "parameters": [
+                {
+                  "parameterName": "filterKey",
+                  "parameterTypeTokenRange": {
+                    "startIndex": 1,
+                    "endIndex": 2
+                  },
+                  "isOptional": false
+                }
+              ],
+              "isOptional": false,
+              "isAbstract": false,
+              "name": "loadFilterData"
+            },
             {
               "kind": "Property",
               "canonicalReference": "@genesislcap/foundation-forms!Filters#prefix:member",
@@ -458,6 +774,72 @@
               "isProtected": false,
               "isAbstract": false
             },
+            {
+              "kind": "Method",
+              "canonicalReference": "@genesislcap/foundation-forms!Filters#saveFilter:member(1)",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "saveFilter(): "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "Promise",
+                  "canonicalReference": "!Promise:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": "<void>"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isStatic": false,
+              "returnTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 3
+              },
+              "releaseTag": "Public",
+              "isProtected": false,
+              "overloadIndex": 1,
+              "parameters": [],
+              "isOptional": false,
+              "isAbstract": false,
+              "name": "saveFilter"
+            },
+            {
+              "kind": "Property",
+              "canonicalReference": "@genesislcap/foundation-forms!Filters#showFilterPersistenceControls:member",
+              "docComment": "/**\n * Controls the visibility of the filter persistence controls UI.\n *\n * @public\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "showFilterPersistenceControls: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "boolean"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "showFilterPersistenceControls",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false,
+              "isProtected": false,
+              "isAbstract": false
+            },
             {
               "kind": "Property",
               "canonicalReference": "@genesislcap/foundation-forms!Filters#uischema:member",

package/dist/foundation-forms.d.ts

@@ -10,6 +10,7 @@ import { FoundationElement } from '@microsoft/fast-foundation';
 import { FoundationLayoutContainer } from '@genesislcap/foundation-utils';
 import { JsonFormsState } from '@jsonforms/core';
 import { JSONSchema7 } from 'json-schema';
+import { KVStorage } from '@genesislcap/foundation-comms';
 import { Layout } from '@jsonforms/core';
 import { LayoutCacheContainer } from '@genesislcap/foundation-utils';
 import { Logger } from '@genesislcap/foundation-logger';
@@ -182,12 +183,20 @@ declare type Expressions = {
  * @public
  */
 export declare class Filters extends FoundationElement {
+    kvStorage: KVStorage;
+    filterName: string;
     /**
      * Name of the backend resource which will provide metadata
      * used to generate filters.
      * @public
      */
     resourceName: string;
+    allSavedFilters: any[];
+    /**
+     * Controls the visibility of the filter persistence controls UI.
+     * @public
+     */
+    showFilterPersistenceControls: boolean;
     private resourceNameChanged;
     /**
      * @internal
@@ -277,6 +286,12 @@ export declare class Filters extends FoundationElement {
      * @internal
      */
     disconnectedCallback(): void;
+    saveFilter(): Promise<void>;
+    deleteFilter(): Promise<void>;
+    connectedCallback(): Promise<void>;
+    loadAllSavedFilters(): Promise<void>;
+    filterNameChanged(oldValue: string, newValue: string): void;
+    loadFilterData(filterKey: string): Promise<void>;
 }
 
 /** @internal */

package/docs/api/foundation-forms.filters.allsavedfilters.md

@@ -0,0 +1,11 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@genesislcap/foundation-forms](./foundation-forms.md) &gt; [Filters](./foundation-forms.filters.md) &gt; [allSavedFilters](./foundation-forms.filters.allsavedfilters.md)
+
+## Filters.allSavedFilters property
+
+**Signature:**
+
+```typescript
+allSavedFilters: any[];
+```

package/docs/api/foundation-forms.filters.connectedcallback.md

@@ -0,0 +1,15 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@genesislcap/foundation-forms](./foundation-forms.md) &gt; [Filters](./foundation-forms.filters.md) &gt; [connectedCallback](./foundation-forms.filters.connectedcallback.md)
+
+## Filters.connectedCallback() method
+
+**Signature:**
+
+```typescript
+connectedCallback(): Promise<void>;
+```
+**Returns:**
+
+Promise&lt;void&gt;
+

package/docs/api/foundation-forms.filters.deletefilter.md

@@ -0,0 +1,15 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@genesislcap/foundation-forms](./foundation-forms.md) &gt; [Filters](./foundation-forms.filters.md) &gt; [deleteFilter](./foundation-forms.filters.deletefilter.md)
+
+## Filters.deleteFilter() method
+
+**Signature:**
+
+```typescript
+deleteFilter(): Promise<void>;
+```
+**Returns:**
+
+Promise&lt;void&gt;
+

package/docs/api/foundation-forms.filters.filtername.md

@@ -0,0 +1,11 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@genesislcap/foundation-forms](./foundation-forms.md) &gt; [Filters](./foundation-forms.filters.md) &gt; [filterName](./foundation-forms.filters.filtername.md)
+
+## Filters.filterName property
+
+**Signature:**
+
+```typescript
+filterName: string;
+```

package/docs/api/foundation-forms.filters.filternamechanged.md

@@ -0,0 +1,23 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@genesislcap/foundation-forms](./foundation-forms.md) &gt; [Filters](./foundation-forms.filters.md) &gt; [filterNameChanged](./foundation-forms.filters.filternamechanged.md)
+
+## Filters.filterNameChanged() method
+
+**Signature:**
+
+```typescript
+filterNameChanged(oldValue: string, newValue: string): void;
+```
+
+## Parameters
+
+|  Parameter | Type | Description |
+|  --- | --- | --- |
+|  oldValue | string |  |
+|  newValue | string |  |
+
+**Returns:**
+
+void
+

package/docs/api/foundation-forms.filters.kvstorage.md

@@ -0,0 +1,11 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@genesislcap/foundation-forms](./foundation-forms.md) &gt; [Filters](./foundation-forms.filters.md) &gt; [kvStorage](./foundation-forms.filters.kvstorage.md)
+
+## Filters.kvStorage property
+
+**Signature:**
+
+```typescript
+kvStorage: KVStorage;
+```

package/docs/api/foundation-forms.filters.loadallsavedfilters.md

@@ -0,0 +1,15 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@genesislcap/foundation-forms](./foundation-forms.md) &gt; [Filters](./foundation-forms.filters.md) &gt; [loadAllSavedFilters](./foundation-forms.filters.loadallsavedfilters.md)
+
+## Filters.loadAllSavedFilters() method
+
+**Signature:**
+
+```typescript
+loadAllSavedFilters(): Promise<void>;
+```
+**Returns:**
+
+Promise&lt;void&gt;
+

package/docs/api/foundation-forms.filters.loadfilterdata.md

@@ -0,0 +1,22 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@genesislcap/foundation-forms](./foundation-forms.md) &gt; [Filters](./foundation-forms.filters.md) &gt; [loadFilterData](./foundation-forms.filters.loadfilterdata.md)
+
+## Filters.loadFilterData() method
+
+**Signature:**
+
+```typescript
+loadFilterData(filterKey: string): Promise<void>;
+```
+
+## Parameters
+
+|  Parameter | Type | Description |
+|  --- | --- | --- |
+|  filterKey | string |  |
+
+**Returns:**
+
+Promise&lt;void&gt;
+

package/docs/api/foundation-forms.filters.md

@@ -17,11 +17,26 @@ export declare class Filters extends FoundationElement
 
 |  Property | Modifiers | Type | Description |
 |  --- | --- | --- | --- |
+|  [allSavedFilters](./foundation-forms.filters.allsavedfilters.md) |  | any\[\] |  |
 |  [data](./foundation-forms.filters.data.md) |  | any | Initial data for the filters. |
+|  [filterName](./foundation-forms.filters.filtername.md) |  | string |  |
 |  [jsonSchema](./foundation-forms.filters.jsonschema.md) |  | JSONSchema7 | Alternatively to providing [Form.resourceName](./foundation-forms.form.resourcename.md) you can hardcode the JSON schema on the client. |
+|  [kvStorage](./foundation-forms.filters.kvstorage.md) |  | KVStorage |  |
 |  [prefix](./foundation-forms.filters.prefix.md) |  | string | Name of the design system prefix that will be used in renderers. |
 |  [renderers](./foundation-forms.filters.renderers.md) |  | [RendererEntry](./foundation-forms.rendererentry.md)<!-- -->\[\] | Allows to provide the main set of renderers used by the form. If not provided, the built-in renderers will be used by default. |
 |  [resourceName](./foundation-forms.filters.resourcename.md) |  | string | Name of the backend resource which will provide metadata used to generate filters. |
+|  [showFilterPersistenceControls](./foundation-forms.filters.showfilterpersistencecontrols.md) |  | boolean | Controls the visibility of the filter persistence controls UI. |
 |  [uischema](./foundation-forms.filters.uischema.md) |  | [UiSchema](./foundation-forms.uischema.md) | UI schema used to define configuration of the layout and elements in the filters Check [UiSchema](./foundation-forms.uischema.md) for possible options. |
 |  [value](./foundation-forms.filters.value.md) |  | string | Created criteria based on the given data that can be used to filter the data. |
 
+## Methods
+
+|  Method | Modifiers | Description |
+|  --- | --- | --- |
+|  [connectedCallback()](./foundation-forms.filters.connectedcallback.md) |  |  |
+|  [deleteFilter()](./foundation-forms.filters.deletefilter.md) |  |  |
+|  [filterNameChanged(oldValue, newValue)](./foundation-forms.filters.filternamechanged.md) |  |  |
+|  [loadAllSavedFilters()](./foundation-forms.filters.loadallsavedfilters.md) |  |  |
+|  [loadFilterData(filterKey)](./foundation-forms.filters.loadfilterdata.md) |  |  |
+|  [saveFilter()](./foundation-forms.filters.savefilter.md) |  |  |
+

package/docs/api/foundation-forms.filters.savefilter.md

@@ -0,0 +1,15 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@genesislcap/foundation-forms](./foundation-forms.md) &gt; [Filters](./foundation-forms.filters.md) &gt; [saveFilter](./foundation-forms.filters.savefilter.md)
+
+## Filters.saveFilter() method
+
+**Signature:**
+
+```typescript
+saveFilter(): Promise<void>;
+```
+**Returns:**
+
+Promise&lt;void&gt;
+

package/docs/api/foundation-forms.filters.showfilterpersistencecontrols.md

@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@genesislcap/foundation-forms](./foundation-forms.md) &gt; [Filters](./foundation-forms.filters.md) &gt; [showFilterPersistenceControls](./foundation-forms.filters.showfilterpersistencecontrols.md)
+
+## Filters.showFilterPersistenceControls property
+
+Controls the visibility of the filter persistence controls UI.
+
+**Signature:**
+
+```typescript
+showFilterPersistenceControls: boolean;
+```

package/docs/api-report.md

@@ -16,6 +16,7 @@ import { FoundationElement } from '@microsoft/fast-foundation';
 import { FoundationLayoutContainer } from '@genesislcap/foundation-utils';
 import { JsonFormsState } from '@jsonforms/core';
 import { JSONSchema7 } from 'json-schema';
+import { KVStorage } from '@genesislcap/foundation-comms';
 import { Layout } from '@jsonforms/core';
 import { LayoutCacheContainer } from '@genesislcap/foundation-utils';
 import { Logger } from '@genesislcap/foundation-logger';
@@ -64,19 +65,38 @@ export const createExpressions: (payload: any) => Expressions;
 
 // @public
 export class Filters extends FoundationElement {
+    // (undocumented)
+    allSavedFilters: any[];
     // @internal (undocumented)
     clearFiltersData(): void;
+    // (undocumented)
+    connectedCallback(): Promise<void>;
     data: any;
+    // (undocumented)
+    deleteFilter(): Promise<void>;
     // @internal (undocumented)
     disconnectedCallback(): void;
+    // (undocumented)
+    filterName: string;
+    // (undocumented)
+    filterNameChanged(oldValue: string, newValue: string): void;
     jsonSchema: JSONSchema7;
+    // (undocumented)
+    kvStorage: KVStorage;
+    // (undocumented)
+    loadAllSavedFilters(): Promise<void>;
+    // (undocumented)
+    loadFilterData(filterKey: string): Promise<void>;
     // @internal (undocumented)
     onChange(event: CustomEvent): void;
     prefix: string;
     renderers: RendererEntry[];
     resourceName: string;
+    // (undocumented)
+    saveFilter(): Promise<void>;
     // @internal (undocumented)
     searchFilters(): void;
+    showFilterPersistenceControls: boolean;
     uischema: UiSchema;
     value: string;
     // @internal (undocumented)

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-forms",
   "description": "Genesis Foundation Forms",
-  "version": "14.267.0",
+  "version": "14.268.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -48,22 +48,23 @@
     }
   },
   "devDependencies": {
-    "@genesislcap/foundation-testing": "14.267.0",
-    "@genesislcap/genx": "14.267.0",
-    "@genesislcap/rollup-builder": "14.267.0",
-    "@genesislcap/ts-builder": "14.267.0",
-    "@genesislcap/uvu-playwright-builder": "14.267.0",
-    "@genesislcap/vite-builder": "14.267.0",
-    "@genesislcap/webpack-builder": "14.267.0",
+    "@genesislcap/foundation-testing": "14.268.0",
+    "@genesislcap/genx": "14.268.0",
+    "@genesislcap/rollup-builder": "14.268.0",
+    "@genesislcap/ts-builder": "14.268.0",
+    "@genesislcap/uvu-playwright-builder": "14.268.0",
+    "@genesislcap/vite-builder": "14.268.0",
+    "@genesislcap/webpack-builder": "14.268.0",
     "@types/json-schema": "^7.0.11",
     "rimraf": "^5.0.0"
   },
   "dependencies": {
-    "@genesislcap/foundation-comms": "14.267.0",
-    "@genesislcap/foundation-criteria": "14.267.0",
-    "@genesislcap/foundation-logger": "14.267.0",
-    "@genesislcap/foundation-ui": "14.267.0",
-    "@genesislcap/foundation-utils": "14.267.0",
+    "@genesislcap/foundation-comms": "14.268.0",
+    "@genesislcap/foundation-criteria": "14.268.0",
+    "@genesislcap/foundation-logger": "14.268.0",
+    "@genesislcap/foundation-notifications": "14.268.0",
+    "@genesislcap/foundation-ui": "14.268.0",
+    "@genesislcap/foundation-utils": "14.268.0",
     "@json-schema-tools/dereferencer": "^1.6.1",
     "@jsonforms/core": "^3.2.1",
     "@microsoft/fast-components": "2.30.6",
@@ -85,5 +86,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "71861fa4ba4a479834d486fd5e8e2528a42854e3"
+  "gitHead": "4164f4fe44a1227a63273130da7af630b40fd49a"
 }