@umbraco-cms/backoffice 17.6.2 → 17.7.0-rc

package/dist-cms/packages/core/backend-api/types.gen.d.ts

@@ -558,7 +558,7 @@ export type DatatypeConfigurationResponseModel = {
     mediaListViewId: string;
 };
 export type DefaultReferenceResponseModel = {
-    $type: string;
+    $type: 'DefaultReferenceResponseModel';
     id: string;
     name?: string | null;
     type?: string | null;
@@ -657,12 +657,12 @@ export type DocumentNotificationResponseModel = {
     subscribed: boolean;
 };
 export type DocumentPermissionPresentationModel = {
-    $type: string;
+    $type: 'DocumentPermissionPresentationModel';
     document: ReferenceByIdModel;
     verbs: Array<string>;
 };
 export type DocumentPropertyValuePermissionPresentationModel = {
-    $type: string;
+    $type: 'DocumentPropertyValuePermissionPresentationModel';
     documentType: ReferenceByIdModel;
     propertyType: ReferenceByIdModel;
     verbs: Array<string>;
@@ -676,7 +676,7 @@ export type DocumentRecycleBinItemResponseModel = {
     variants: Array<DocumentVariantItemResponseModel>;
 };
 export type DocumentReferenceResponseModel = {
-    $type: string;
+    $type: 'DocumentReferenceResponseModel';
     id: string;
     name?: string | null;
     published?: boolean | null;
@@ -761,7 +761,7 @@ export type DocumentTypePropertyTypeContainerResponseModel = {
     sortOrder: number;
 };
 export type DocumentTypePropertyTypeReferenceResponseModel = {
-    $type: string;
+    $type: 'DocumentTypePropertyTypeReferenceResponseModel';
     id: string;
     name?: string | null;
     alias?: string | null;
@@ -823,6 +823,7 @@ export type DocumentUrlInfoModel = {
     url: string | null;
     message: string | null;
     provider: string;
+    isExternal: boolean;
 };
 export type DocumentUrlInfoResponseModel = {
     id: string;
@@ -1194,7 +1195,7 @@ export type MediaRecycleBinItemResponseModel = {
     variants: Array<VariantItemResponseModel>;
 };
 export type MediaReferenceResponseModel = {
-    $type: string;
+    $type: 'MediaReferenceResponseModel';
     id: string;
     name?: string | null;
     mediaType: TrackedReferenceMediaTypeModel;
@@ -1258,7 +1259,7 @@ export type MediaTypePropertyTypeContainerResponseModel = {
     sortOrder: number;
 };
 export type MediaTypePropertyTypeReferenceResponseModel = {
-    $type: string;
+    $type: 'MediaTypePropertyTypeReferenceResponseModel';
     id: string;
     name?: string | null;
     alias?: string | null;
@@ -1372,7 +1373,7 @@ export declare enum MemberKindModel {
     EXTERNAL_ONLY = "ExternalOnly"
 }
 export type MemberReferenceResponseModel = {
-    $type: string;
+    $type: 'MemberReferenceResponseModel';
     id: string;
     name?: string | null;
     memberType: TrackedReferenceMemberTypeModel;
@@ -1427,7 +1428,7 @@ export type MemberTypePropertyTypeContainerResponseModel = {
     sortOrder: number;
 };
 export type MemberTypePropertyTypeReferenceResponseModel = {
-    $type: string;
+    $type: 'MemberTypePropertyTypeReferenceResponseModel';
     id: string;
     name?: string | null;
     alias?: string | null;
@@ -1916,7 +1917,7 @@ export type ProblemDetails = {
     status?: number | null;
     detail?: string | null;
     instance?: string | null;
-    [key: string]: unknown | string | null | string | null | number | null | string | null | string | null | undefined;
+    [key: string]: unknown;
 };
 export type ProblemDetailsBuilderModel = {
     [key: string]: never;
@@ -2343,7 +2344,7 @@ export declare enum TreeItemKindModel {
     ALL = "All"
 }
 export type UnknownTypePermissionPresentationModel = {
-    $type: string;
+    $type: 'UnknownTypePermissionPresentationModel';
     verbs: Array<string>;
     context: string;
 };
@@ -2792,6 +2793,7 @@ export type WebhookLogResponseModel = {
     key: string;
     webhookKey: string;
     statusCode: string;
+    httpStatusCode?: number | null;
     isSuccessStatusCode: boolean;
     date: string;
     eventAlias: string;
@@ -2815,6 +2817,88 @@ export type WebhookResponseModel = {
     id: string;
     events: Array<WebhookEventResponseModel>;
 };
+export type DataTypeSchemaItemResponseModelWritable = {
+    id: string;
+    valueTypeName?: string | null;
+    jsonSchema?: {
+        [key: string]: JsonNodeWritable;
+    } | null;
+    error?: string | null;
+};
+export type DataTypeSchemaResponseModelWritable = {
+    valueTypeName?: string | null;
+    jsonSchema?: {
+        [key: string]: JsonNodeWritable;
+    } | null;
+};
+export type DocumentBlueprintResponseModelWritable = {
+    values: Array<DocumentValueResponseModel>;
+    variants: Array<DocumentVariantResponseModelWritable>;
+    id: string;
+    flags: Array<FlagModel>;
+    documentType: DocumentTypeReferenceResponseModel;
+};
+export type DocumentCollectionResponseModelWritable = {
+    values: Array<DocumentValueResponseModel>;
+    variants: Array<DocumentVariantResponseModelWritable>;
+    id: string;
+    flags: Array<FlagModel>;
+    creator?: string | null;
+    sortOrder: number;
+    documentType: DocumentTypeCollectionReferenceResponseModel;
+    isTrashed: boolean;
+    isProtected: boolean;
+    ancestors: Array<ReferenceByIdModel>;
+    updater?: string | null;
+};
+export type DocumentItemResponseModelWritable = {
+    id: string;
+    flags: Array<FlagModel>;
+    isTrashed: boolean;
+    isProtected: boolean;
+    parent?: ReferenceByIdModel | null;
+    hasChildren: boolean;
+    documentType: DocumentTypeReferenceResponseModel;
+    variants: Array<DocumentVariantItemResponseModelWritable>;
+};
+export type DocumentRecycleBinItemResponseModelWritable = {
+    id: string;
+    createDate: string;
+    hasChildren: boolean;
+    parent?: ItemReferenceByIdResponseModel | null;
+    documentType: DocumentTypeReferenceResponseModel;
+    variants: Array<DocumentVariantItemResponseModelWritable>;
+};
+export type DocumentReferenceResponseModelWritable = {
+    $type: 'DocumentReferenceResponseModel';
+    id: string;
+    name?: string | null;
+    published?: boolean | null;
+    documentType: TrackedReferenceDocumentTypeModel;
+    variants: Array<DocumentVariantItemResponseModelWritable>;
+};
+export type DocumentResponseModelWritable = {
+    values: Array<DocumentValueResponseModel>;
+    variants: Array<DocumentVariantResponseModelWritable>;
+    id: string;
+    flags: Array<FlagModel>;
+    documentType: DocumentTypeReferenceResponseModel;
+    template?: ReferenceByIdModel | null;
+    isTrashed: boolean;
+};
+export type DocumentTreeItemResponseModelWritable = {
+    hasChildren: boolean;
+    id: string;
+    parent?: ReferenceByIdModel | null;
+    flags: Array<FlagModel>;
+    noAccess: boolean;
+    isTrashed: boolean;
+    createDate: string;
+    isProtected: boolean;
+    ancestors: Array<ReferenceByIdModel>;
+    documentType: DocumentTypeReferenceResponseModel;
+    variants: Array<DocumentVariantItemResponseModelWritable>;
+};
 export type DocumentVariantItemResponseModelWritable = {
     name: string;
     culture?: string | null;
@@ -2833,6 +2917,22 @@ export type DocumentVariantResponseModelWritable = {
     scheduledUnpublishDate?: string | null;
     flags: Array<FlagModel>;
 };
+export type DocumentVersionResponseModelWritable = {
+    values: Array<DocumentValueResponseModel>;
+    variants: Array<DocumentVariantResponseModelWritable>;
+    id: string;
+    flags: Array<FlagModel>;
+    documentType: DocumentTypeReferenceResponseModel;
+    document?: ReferenceByIdModel | null;
+};
+export type FetchResponseModelDataTypeSchemaItemResponseModelWritable = {
+    total: number;
+    items: Array<DataTypeSchemaItemResponseModelWritable>;
+};
+export type ItemAncestorsResponseModelDocumentItemResponseModelWritable = {
+    id: string;
+    ancestors: Array<DocumentItemResponseModelWritable>;
+};
 export type JsonNodeWritable = {
     [key: string]: never;
 };
@@ -2853,6 +2953,47 @@ export type PackageDefinitionResponseModelWritable = {
     dictionaryItems: Array<string>;
     id: string;
 };
+export type PagedDocumentCollectionResponseModelWritable = {
+    total: number;
+    items: Array<DocumentCollectionResponseModelWritable>;
+};
+export type PagedDocumentRecycleBinItemResponseModelWritable = {
+    total: number;
+    items: Array<DocumentRecycleBinItemResponseModelWritable>;
+};
+export type PagedDocumentTreeItemResponseModelWritable = {
+    total: number;
+    items: Array<DocumentTreeItemResponseModelWritable>;
+};
+export type PagedIReferenceResponseModelWritable = {
+    total: number;
+    items: Array<DefaultReferenceResponseModel | DocumentReferenceResponseModelWritable | DocumentTypePropertyTypeReferenceResponseModel | MediaReferenceResponseModel | MediaTypePropertyTypeReferenceResponseModel | MemberReferenceResponseModel | MemberTypePropertyTypeReferenceResponseModel>;
+};
+export type PagedModelDocumentItemResponseModelWritable = {
+    items: Array<DocumentItemResponseModelWritable>;
+    total: number;
+};
+export type PagedPackageDefinitionResponseModelWritable = {
+    total: number;
+    items: Array<PackageDefinitionResponseModelWritable>;
+};
+export type PagedRelationResponseModelWritable = {
+    total: number;
+    items: Array<RelationResponseModelWritable>;
+};
+export type PagedSearchResultResponseModelWritable = {
+    total: number;
+    items: Array<SearchResultResponseModelWritable>;
+};
+export type PublishedDocumentResponseModelWritable = {
+    values: Array<DocumentValueResponseModel>;
+    variants: Array<DocumentVariantResponseModelWritable>;
+    id: string;
+    flags: Array<FlagModel>;
+    documentType: DocumentTypeReferenceResponseModel;
+    template?: ReferenceByIdModel | null;
+    isTrashed: boolean;
+};
 export type RelationResponseModelWritable = {
     id: string;
     relationType: ReferenceByIdModel;
@@ -2862,6 +3003,16 @@ export type SearchResultResponseModelWritable = {
     score: number;
     fields: Array<FieldPresentationModel>;
 };
+export type SubsetDocumentRecycleBinItemResponseModelWritable = {
+    totalBefore: number;
+    totalAfter: number;
+    items: Array<DocumentRecycleBinItemResponseModelWritable>;
+};
+export type SubsetDocumentTreeItemResponseModelWritable = {
+    totalBefore: number;
+    totalAfter: number;
+    items: Array<DocumentTreeItemResponseModelWritable>;
+};
 export type UpdatePackageRequestModelWritable = {
     name: string;
     contentNodeId?: string | null;
@@ -6443,7 +6594,7 @@ export type PutDocumentByIdUpdateAndPublishResponses = {
      */
     200: unknown;
 };
-export type PutUmbracoManagementApiV11DocumentByIdValidate11Data = {
+export type PutDocumentByIdValidateData = {
     body?: ValidateUpdateDocumentRequestModel;
     path: {
         id: string;
@@ -6451,7 +6602,7 @@ export type PutUmbracoManagementApiV11DocumentByIdValidate11Data = {
     query?: never;
     url: '/umbraco/management/api/v1.1/document/{id}/validate';
 };
-export type PutUmbracoManagementApiV11DocumentByIdValidate11Errors = {
+export type PutDocumentByIdValidateErrors = {
     /**
      * Bad Request
      */
@@ -6469,8 +6620,8 @@ export type PutUmbracoManagementApiV11DocumentByIdValidate11Errors = {
      */
     404: ProblemDetails;
 };
-export type PutUmbracoManagementApiV11DocumentByIdValidate11Error = PutUmbracoManagementApiV11DocumentByIdValidate11Errors[keyof PutUmbracoManagementApiV11DocumentByIdValidate11Errors];
-export type PutUmbracoManagementApiV11DocumentByIdValidate11Responses = {
+export type PutDocumentByIdValidateError = PutDocumentByIdValidateErrors[keyof PutDocumentByIdValidateErrors];
+export type PutDocumentByIdValidateResponses = {
     /**
      * OK
      */

package/dist-cms/packages/core/collection/collection-item-picker-modal/collection-item-picker-modal.element.d.ts

@@ -5,8 +5,10 @@ export declare class UmbCollectionItemPickerModalElement extends UmbModalBaseEle
     #private;
     private _selectionConfiguration;
     private _hasSelection;
+    private _selectionCount;
     private _isSearchable;
-    private _searchQuery?;
+    private _activeTab;
+    private _searchField?;
     constructor();
     protected updated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): Promise<void>;
     render(): import("lit-html").TemplateResult<1>;

package/dist-cms/packages/core/collection/collection-item-picker-modal/collection-item-picker-modal.element.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { UmbCollectionItemPickerContext } from './collection-item-picker-modal.context.js';
-import { html, customElement, state, nothing, ifDefined, css, classMap } from '../../../../external/lit/index.js';
+import { html, customElement, state, nothing, ifDefined, css, query } from '../../../../external/lit/index.js';
 import { UmbModalBaseElement } from '../../modal/index.js';
 import { UmbDeselectedEvent, UmbSelectedEvent } from '../../event/index.js';
 let UmbCollectionItemPickerModalElement = class UmbCollectionItemPickerModalElement extends UmbModalBaseElement {
@@ -19,13 +19,15 @@ let UmbCollectionItemPickerModalElement = class UmbCollectionItemPickerModalElem
             selection: [],
         };
         this._hasSelection = false;
+        this._selectionCount = 0;
         this._isSearchable = false;
+        this._activeTab = 'browse';
         this.#pickerContext = new UmbCollectionItemPickerContext(this);
         this.#searchSelectableFilter = () => true;
         this.#pickerContext.selection.setSelectable(true);
         this.observe(this.#pickerContext.selection.hasSelection, (hasSelection) => {
             this._hasSelection = hasSelection;
-        });
+        }, null);
         this.#observePickerSelection();
         this.#observeSearch();
     }
@@ -56,15 +58,13 @@ let UmbCollectionItemPickerModalElement = class UmbCollectionItemPickerModalElem
     }
     #observePickerSelection() {
         this.observe(this.#pickerContext.selection.selection, (selection) => {
+            this._selectionCount = selection.length;
             this.updateValue({ selection });
             this.requestUpdate();
         }, 'umbPickerSelectionObserver');
     }
     #observeSearch() {
         this.observe(this.#pickerContext?.search.searchable, (isSearchable) => (this._isSearchable = isSearchable ?? false), null);
-        this.observe(this.#pickerContext.search.query, (query) => {
-            this._searchQuery = query?.query;
-        }, null);
     }
     #onItemSelected(event) {
         event.stopPropagation();
@@ -77,26 +77,56 @@ let UmbCollectionItemPickerModalElement = class UmbCollectionItemPickerModalElem
         this.modalContext?.dispatchEvent(new UmbDeselectedEvent(event.unique));
     }
     #searchSelectableFilter;
+    async #setActiveTab(tab) {
+        if (this._activeTab === tab)
+            return;
+        this._activeTab = tab;
+        if (tab === 'search') {
+            await this.updateComplete;
+            this._searchField?.focus();
+        }
+    }
     render() {
         const renderCollection = !!this.data?.collection.alias;
         return html `
-			<umb-body-layout
-				headline="${this.localize.term('general_choose')}"
-				?main-no-padding=${renderCollection}
-				class=${classMap({ 'has-search': this._isSearchable, 'is-searching': !!this._searchQuery })}>
-				${this.#renderSearch()} ${this.#renderMain(renderCollection)} ${this.#renderActions()}
+			<umb-body-layout headline="${this.localize.term('general_choose')}" ?main-no-padding=${renderCollection}>
+				${this.#renderTabs()}
+				<div id="browse" ?hidden=${this._activeTab !== 'browse'}>${this.#renderMain(renderCollection)}</div>
+				<div id="search" ?hidden=${this._activeTab !== 'search'}>${this.#renderSearch()}</div>
+				${this.#renderSelectionCount()} ${this.#renderActions()}
 			</umb-body-layout>
 		`;
     }
+    #renderTabs() {
+        if (!this._isSearchable)
+            return nothing;
+        return html `
+			<uui-tab-group slot="navigation">
+				${this.#renderTab('browse', 'picker_browseTab', 'icon-list')}
+				${this.#renderTab('search', 'picker_searchTab', 'icon-search')}
+			</uui-tab-group>
+		`;
+    }
+    // The label is passed as both property and child text: `uui-tab` renders its `label` in the default
+    // slot, which the whitespace of a multi-line template would otherwise occupy.
+    #renderTab(tab, labelKey, icon) {
+        const label = this.localize.term(labelKey);
+        return html `<uui-tab
+			label=${label}
+			?active=${this._activeTab === tab}
+			@click=${() => this.#setActiveTab(tab)}
+			data-mark="picker:tab:${tab}">
+			<umb-icon slot="icon" name=${icon}></umb-icon>
+			${label}
+		</uui-tab>`;
+    }
     #renderSearch() {
         if (!this._isSearchable)
             return nothing;
         const selectableFilter = this.data?.search?.pickableFilter ?? this.data?.pickableFilter ?? this.#searchSelectableFilter;
         return html `
-			<div id="search-container">
-				<umb-picker-search-field></umb-picker-search-field>
-				<umb-picker-search-result .pickableFilter=${selectableFilter}></umb-picker-search-result>
-			</div>
+			<umb-picker-search-field .alias=${this.data?.collection.alias}></umb-picker-search-field>
+			<umb-picker-search-result .pickableFilter=${selectableFilter}></umb-picker-search-result>
 		`;
     }
     #renderMain(hasCollectionAlias) {
@@ -136,6 +166,13 @@ let UmbCollectionItemPickerModalElement = class UmbCollectionItemPickerModalElem
 			></uui-box>
 		`;
     }
+    #renderSelectionCount() {
+        if (!this._selectionConfiguration.multiple || !this._hasSelection)
+            return nothing;
+        return html `
+			<div id="selection-info" slot="footer">${this.localize.term('picker_selectedCount', this._selectionCount)}</div>
+		`;
+    }
     #renderActions() {
         return html `
 			<div slot="actions">
@@ -151,27 +188,29 @@ let UmbCollectionItemPickerModalElement = class UmbCollectionItemPickerModalElem
     }
     static { this.styles = [
         css `
+			uui-tab-group {
+				--uui-tab-divider: var(--uui-color-border);
+				border-left: 1px solid var(--uui-color-border);
+				border-right: 1px solid var(--uui-color-border);
+			}
+
 			umb-collection {
 				display: block;
 				height: fit-content;
 			}
 
-			umb-body-layout[main-no-padding].has-search {
-				#search-container {
-					padding: var(--uui-size-layout-1);
-					padding-bottom: 0;
-				}
-
-				umb-collection {
-					margin-top: calc(-1 * var(--uui-size-4));
-				}
+			umb-body-layout[main-no-padding] #search {
+				padding: var(--uui-size-layout-1);
 			}
 
-			umb-body-layout.is-searching {
-				umb-collection,
-				#collection-menu-box {
-					display: none;
-				}
+			#selection-info {
+				display: flex;
+				align-items: center;
+				box-sizing: border-box;
+				width: 100%;
+				padding: var(--uui-size-space-4) var(--uui-size-space-6);
+				background-color: var(--uui-color-selected);
+				color: var(--uui-color-selected-contrast);
 			}
 		`,
     ]; }
@@ -182,12 +221,18 @@ __decorate([
 __decorate([
     state()
 ], UmbCollectionItemPickerModalElement.prototype, "_hasSelection", void 0);
+__decorate([
+    state()
+], UmbCollectionItemPickerModalElement.prototype, "_selectionCount", void 0);
 __decorate([
     state()
 ], UmbCollectionItemPickerModalElement.prototype, "_isSearchable", void 0);
 __decorate([
     state()
-], UmbCollectionItemPickerModalElement.prototype, "_searchQuery", void 0);
+], UmbCollectionItemPickerModalElement.prototype, "_activeTab", void 0);
+__decorate([
+    query('umb-picker-search-field')
+], UmbCollectionItemPickerModalElement.prototype, "_searchField", void 0);
 UmbCollectionItemPickerModalElement = __decorate([
     customElement('umb-collection-item-picker-modal')
 ], UmbCollectionItemPickerModalElement);

package/dist-cms/packages/core/collection/collection.element.d.ts

@@ -3,6 +3,7 @@ import type { ManifestCollection } from './extensions/types.js';
 import type { UmbCollectionFilterModel } from './collection-filter-model.interface.js';
 import { UmbExtensionElementAndApiSlotElementBase } from '../extension-registry/index.js';
 import type { UmbApi } from '../../../libs/extension-api/index.js';
+import type { UmbInteractionMemoryModel } from '../interaction-memory/index.js';
 export declare class UmbCollectionElement<ConfigType extends UmbCollectionConfiguration = UmbCollectionConfiguration, FilterType extends UmbCollectionFilterModel = UmbCollectionFilterModel> extends UmbExtensionElementAndApiSlotElementBase<ManifestCollection> {
     #private;
     getExtensionType(): string;
@@ -11,7 +12,17 @@ export declare class UmbCollectionElement<ConfigType extends UmbCollectionConfig
     get config(): ConfigType | undefined;
     set filter(newVal: FilterType | undefined);
     get filter(): FilterType | undefined;
+    /**
+     * The memories to restore the collection with, ex. the view, filter, ordering and page it was left in.
+     */
+    set interactionMemories(value: Array<UmbInteractionMemoryModel> | undefined);
+    get interactionMemories(): Array<UmbInteractionMemoryModel> | undefined;
     protected apiChanged(api: UmbApi | undefined): void;
+    /**
+     * Returns the current memories of the collection, ex. the view, filter, ordering and page it is in.
+     * @returns {Array<UmbInteractionMemoryModel>} The current memories of the collection.
+     */
+    getInteractionMemories(): Array<UmbInteractionMemoryModel>;
     getSelection(): any;
 }
 declare global {

package/dist-cms/packages/core/collection/collection.element.js

@@ -6,6 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { customElement, property } from '../../../external/lit/index.js';
 import { UmbExtensionElementAndApiSlotElementBase } from '../extension-registry/index.js';
+import { UmbElementInteractionMemoryBridgeController } from '../interaction-memory/index.js';
 let UmbCollectionElement = class UmbCollectionElement extends UmbExtensionElementAndApiSlotElementBase {
     getExtensionType() {
         return 'collection';
@@ -29,8 +30,23 @@ let UmbCollectionElement = class UmbCollectionElement extends UmbExtensionElemen
         return this.#filter;
     }
     #filter;
+    /**
+     * The memories to restore the collection with, ex. the view, filter, ordering and page it was left in.
+     */
+    set interactionMemories(value) {
+        this.#interactionMemories = value;
+        this.#setInteractionMemories();
+    }
+    get interactionMemories() {
+        return this.#interactionMemories;
+    }
+    #interactionMemories;
+    #interactionMemoryBridge;
     apiChanged(api) {
         super.apiChanged(api);
+        this.#createInteractionMemoryBridge();
+        // The memories are set before the configuration, so the collection can be configured with the memorized state.
+        this.#setInteractionMemories();
         this.#setConfig();
         this.#setFilter();
     }
@@ -48,6 +64,26 @@ let UmbCollectionElement = class UmbCollectionElement extends UmbExtensionElemen
         // @ts-ignore
         this._api.setFilter(this.#filter);
     }
+    #createInteractionMemoryBridge() {
+        this.#interactionMemoryBridge?.destroy();
+        this.#interactionMemoryBridge = undefined;
+        const memoryManager = this._api?.interactionMemory;
+        if (!memoryManager)
+            return;
+        this.#interactionMemoryBridge = new UmbElementInteractionMemoryBridgeController(this, memoryManager);
+    }
+    #setInteractionMemories() {
+        if (!this.#interactionMemories)
+            return;
+        this.#interactionMemoryBridge?.setMemories(this.#interactionMemories);
+    }
+    /**
+     * Returns the current memories of the collection, ex. the view, filter, ordering and page it is in.
+     * @returns {Array<UmbInteractionMemoryModel>} The current memories of the collection.
+     */
+    getInteractionMemories() {
+        return this.#interactionMemoryBridge?.getMemories() ?? [];
+    }
     getSelection() {
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
         // @ts-ignore
@@ -61,6 +97,9 @@ __decorate([
 __decorate([
     property({ type: Object, attribute: false })
 ], UmbCollectionElement.prototype, "filter", null);
+__decorate([
+    property({ attribute: false })
+], UmbCollectionElement.prototype, "interactionMemories", null);
 UmbCollectionElement = __decorate([
     customElement('umb-collection')
 ], UmbCollectionElement);

package/dist-cms/packages/core/collection/components/collection-filter-field.element.d.ts

@@ -1,6 +1,7 @@
 import { UmbLitElement } from '../../lit-element/index.js';
 export declare class UmbCollectionFilterFieldElement extends UmbLitElement {
     #private;
+    private _value;
     constructor();
     render(): import("lit-html").TemplateResult<1>;
     static readonly styles: import("lit").CSSResult[];

package/dist-cms/packages/core/collection/components/collection-filter-field.element.js

@@ -5,21 +5,36 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { UMB_COLLECTION_CONTEXT } from '../default/index.js';
-import { css, customElement, html } from '../../../../external/lit/index.js';
+import { css, customElement, html, state } from '../../../../external/lit/index.js';
 import { debounce } from '../../utils/index.js';
 import { UmbLitElement } from '../../lit-element/index.js';
 let UmbCollectionFilterFieldElement = class UmbCollectionFilterFieldElement extends UmbLitElement {
     #collectionContext;
+    #hasUncommittedInput;
     constructor() {
         super();
+        this._value = '';
+        this.#hasUncommittedInput = false;
+        this.#debouncedFilter = debounce((filter) => {
+            this.#hasUncommittedInput = false;
+            this.#collectionContext?.setFilter({ filter });
+        }, 500);
         this.consumeContext(UMB_COLLECTION_CONTEXT, (context) => {
             this.#collectionContext = context;
+            // Sync filter if the value is updated directly in the context, ex. when the filter is restored from memory.
+            this.observe(context?.filter, (filter) => {
+                // Keystrokes not yet written to the context must not be replaced by the value they are replacing.
+                if (this.#hasUncommittedInput)
+                    return;
+                this._value = filter?.filter ?? '';
+            }, 'umbCollectionFilterFieldValueObserver');
         });
     }
-    #debouncedFilter = debounce((filter) => this.#collectionContext?.setFilter({ filter }), 500);
+    #debouncedFilter;
     #onInput(event) {
-        const filter = event.target.value ?? '';
-        this.#debouncedFilter(filter);
+        this.#hasUncommittedInput = true;
+        this._value = event.target.value ?? '';
+        this.#debouncedFilter(this._value);
     }
     render() {
         return html `
@@ -27,6 +42,7 @@ let UmbCollectionFilterFieldElement = class UmbCollectionFilterFieldElement exte
 				label=${this.localize.term('general_filter')}
 				placeholder=${this.localize.term('placeholders_filter')}
 				data-mark="input:filter"
+				.value=${this._value}
 				@input=${this.#onInput}></uui-input>
 		`;
     }
@@ -42,6 +58,9 @@ let UmbCollectionFilterFieldElement = class UmbCollectionFilterFieldElement exte
 		`,
     ]; }
 };
+__decorate([
+    state()
+], UmbCollectionFilterFieldElement.prototype, "_value", void 0);
 UmbCollectionFilterFieldElement = __decorate([
     customElement('umb-collection-filter-field')
 ], UmbCollectionFilterFieldElement);

package/dist-cms/packages/core/collection/components/collection-view-bundle.element.d.ts

@@ -5,7 +5,6 @@ export declare class UmbCollectionViewBundleElement extends UmbLitElement {
     private _views;
     private _currentView?;
     private _collectionRootPathName?;
-    private _entityUnique?;
     constructor();
     private _popover?;
     render(): import("lit-html").TemplateResult<1> | typeof nothing;