@umbraco-cms/backoffice 16.0.0-rc → 16.0.0-rc3

package/dist-cms/packages/multi-url-picker/link-picker-modal/link-picker-modal.element.d.ts

@@ -4,11 +4,12 @@ export declare class UmbLinkPickerModalElement extends UmbModalBaseElement<UmbLi
     #private;
     private _allowedMediaTypeUniques?;
     private _config;
+    private _missingLinkUrl;
     private _documentPickerElement?;
     private _mediaPickerElement?;
-    private _linkAnchorInput?;
+    constructor();
     connectedCallback(): void;
-    protected firstUpdated(): void;
+    populateLinkUrl(): Promise<void>;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult[];
 }

package/dist-cms/packages/multi-url-picker/link-picker-modal/link-picker-modal.element.js

@@ -6,22 +6,68 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { css, customElement, html, nothing, query, state, when } from '@umbraco-cms/backoffice/external/lit';
 import { isUmbracoFolder, UmbMediaTypeStructureRepository } from '@umbraco-cms/backoffice/media-type';
-import { umbBindToValidation, UmbValidationContext } from '@umbraco-cms/backoffice/validation';
+import { UMB_VALIDATION_CONTEXT, umbBindToValidation, UmbObserveValidationStateController, UmbValidationContext, } from '@umbraco-cms/backoffice/validation';
 import { umbConfirmModal, UmbModalBaseElement } from '@umbraco-cms/backoffice/modal';
-import { UmbDocumentDetailRepository, UmbDocumentUrlRepository } from '@umbraco-cms/backoffice/document';
-import { UmbMediaDetailRepository, UmbMediaUrlRepository } from '@umbraco-cms/backoffice/media';
+import { UmbDocumentItemDataResolver, UmbDocumentItemRepository, UmbDocumentUrlRepository, UmbDocumentUrlsDataResolver, } from '@umbraco-cms/backoffice/document';
+import { UmbMediaItemRepository, UmbMediaUrlRepository } from '@umbraco-cms/backoffice/media';
+import { UmbControllerBase } from '@umbraco-cms/backoffice/class-api';
+import { umbFocus } from '@umbraco-cms/backoffice/lit-element';
+class UmbLinkPickerValueValidator extends UmbControllerBase {
+    #context;
+    #isValid = true;
+    get isValid() {
+        return this.#isValid;
+    }
+    #value;
+    #unique = 'UmbLinkPickerValueValidator';
+    setValue(value) {
+        this.#value = value;
+        this.validate();
+    }
+    getValue() {
+        return this.#value;
+    }
+    // The path to the data that this validator is validating.
+    #dataPath;
+    constructor(host, dataPath) {
+        super(host);
+        this.#dataPath = dataPath;
+        this.consumeContext(UMB_VALIDATION_CONTEXT, (context) => {
+            if (this.#context) {
+                this.#context.removeValidator(this);
+            }
+            this.#context = context;
+            context?.addValidator(this);
+        });
+    }
+    async validate() {
+        this.#isValid = !!this.getValue();
+        if (this.#isValid) {
+            this.#context?.messages.removeMessageByKey(this.#unique);
+        }
+        else {
+            this.#context?.messages.addMessage('client', this.#dataPath, '#linkPicker_modalAnchorValidationMessage', this.#unique);
+        }
+    }
+    reset() { }
+    focusFirstInvalidElement() { }
+}
 let UmbLinkPickerModalElement = class UmbLinkPickerModalElement extends UmbModalBaseElement {
+    #propertyLayoutOrientation;
+    #validationContext;
     constructor() {
-        super(...arguments);
+        super();
         this.#propertyLayoutOrientation = 'vertical';
         this.#validationContext = new UmbValidationContext(this);
         this._config = {
             hideAnchor: false,
             hideTarget: false,
         };
+        this._missingLinkUrl = false;
+        new UmbObserveValidationStateController(this, '$.type', (invalid) => {
+            this._missingLinkUrl = invalid;
+        });
     }
-    #propertyLayoutOrientation;
-    #validationContext;
     connectedCallback() {
         super.connectedCallback();
         if (this.data?.config) {
@@ -35,9 +81,11 @@ let UmbLinkPickerModalElement = class UmbLinkPickerModalElement extends UmbModal
             });
         }
         this.#getMediaTypes();
-    }
-    firstUpdated() {
-        this._linkAnchorInput?.addValidator('valueMissing', () => this.localize.term('linkPicker_modalAnchorValidationMessage'), () => !this.value.link.url && !this.value.link.queryString);
+        this.populateLinkUrl();
+        const validator = new UmbLinkPickerValueValidator(this, '$.type');
+        this.observe(this.modalContext?.value, (value) => {
+            validator.setValue(value?.link.type);
+        });
     }
     async #getMediaTypes() {
         // Get all the media types, excluding the folders, so that files are selectable media items.
@@ -46,6 +94,28 @@ let UmbLinkPickerModalElement = class UmbLinkPickerModalElement extends UmbModal
         this._allowedMediaTypeUniques =
             mediaTypes?.items.map((x) => x.unique).filter((x) => x && !isUmbracoFolder(x)) ?? [];
     }
+    async populateLinkUrl() {
+        // Documents and media have URLs saved in the local link format. Display the actual URL to align with what
+        // the user sees when they selected it initially.
+        if (!this.value.link?.unique)
+            return;
+        let url = undefined;
+        switch (this.value.link.type) {
+            case 'document': {
+                url = await this.#getUrlForDocument(this.value.link.unique);
+                break;
+            }
+            case 'media': {
+                url = await this.#getUrlForMedia(this.value.link.unique);
+                break;
+            }
+            default:
+                break;
+        }
+        if (url) {
+            this.#partialUpdateLink({ url });
+        }
+    }
     #partialUpdateLink(linkObject) {
         this.modalContext?.updateValue({ link: { ...this.value.link, ...linkObject } });
     }
@@ -97,36 +167,40 @@ let UmbLinkPickerModalElement = class UmbLinkPickerModalElement extends UmbModal
         if (unique) {
             switch (type) {
                 case 'document': {
-                    const documentRepository = new UmbDocumentDetailRepository(this);
-                    const { data: documentData } = await documentRepository.requestByUnique(unique);
-                    if (documentData) {
-                        icon = documentData.documentType.icon;
-                        name = documentData.variants[0].name;
-                        const documentUrlRepository = new UmbDocumentUrlRepository(this);
-                        const { data: documentUrlData } = await documentUrlRepository.requestItems([unique]);
-                        url = documentUrlData?.[0].urls[0].url ?? '';
+                    const documentRepository = new UmbDocumentItemRepository(this);
+                    const { data: documentItems } = await documentRepository.requestItems([unique]);
+                    const documentItem = documentItems?.[0];
+                    if (documentItem) {
+                        const itemDataResolver = new UmbDocumentItemDataResolver(this);
+                        itemDataResolver.setData(documentItem);
+                        icon = await itemDataResolver.getIcon();
+                        name = await itemDataResolver.getName();
+                        url = await this.#getUrlForDocument(unique);
                     }
                     break;
                 }
                 case 'media': {
-                    const mediaRepository = new UmbMediaDetailRepository(this);
-                    const { data: mediaData } = await mediaRepository.requestByUnique(unique);
-                    if (mediaData) {
-                        icon = mediaData.mediaType.icon;
-                        name = mediaData.variants[0].name;
-                        const mediaUrlRepository = new UmbMediaUrlRepository(this);
-                        const { data: mediaUrlData } = await mediaUrlRepository.requestItems([unique]);
-                        url = mediaUrlData?.[0].url ?? '';
+                    const mediaRepository = new UmbMediaItemRepository(this);
+                    const { data: mediaData } = await mediaRepository.requestItems([unique]);
+                    const mediaItem = mediaData?.[0];
+                    if (mediaItem) {
+                        icon = mediaItem.mediaType.icon;
+                        name = mediaItem.variants[0].name;
+                        url = await this.#getUrlForMedia(unique);
                     }
                     break;
                 }
                 default:
                     break;
             }
+            // The selection was removed
+        }
+        else {
+            this.#resetUrl();
         }
         const link = {
             icon,
-            name: this.value.link.name || name,
+            name: name || this.value.link.name,
             type: unique ? type : undefined,
             unique,
             url: url ?? this.value.link.url,
@@ -134,6 +208,20 @@ let UmbLinkPickerModalElement = class UmbLinkPickerModalElement extends UmbModal
         this.#partialUpdateLink(link);
         await this.#validationContext.validate();
     }
+    async #getUrlForDocument(unique) {
+        const documentUrlRepository = new UmbDocumentUrlRepository(this);
+        const { data: documentUrlData } = await documentUrlRepository.requestItems([unique]);
+        const urlsItem = documentUrlData?.[0];
+        const dataResolver = new UmbDocumentUrlsDataResolver(this);
+        dataResolver.setData(urlsItem?.urls);
+        const resolvedUrls = await dataResolver.getUrls();
+        return resolvedUrls?.[0]?.url ?? '';
+    }
+    async #getUrlForMedia(unique) {
+        const mediaUrlRepository = new UmbMediaUrlRepository(this);
+        const { data: mediaUrlData } = await mediaUrlRepository.requestItems([unique]);
+        return mediaUrlData?.[0].url ?? '';
+    }
     async #onResetUrl() {
         if (this.value.link.url) {
             await umbConfirmModal(this, {
@@ -143,6 +231,9 @@ let UmbLinkPickerModalElement = class UmbLinkPickerModalElement extends UmbModal
                 confirmLabel: this.localize.term('linkPicker_resetUrlLabel'),
             });
         }
+        this.#resetUrl();
+    }
+    #resetUrl() {
         this.#partialUpdateLink({ type: null, url: null });
     }
     async #onSubmit() {
@@ -161,7 +252,7 @@ let UmbLinkPickerModalElement = class UmbLinkPickerModalElement extends UmbModal
     render() {
         return html `
 			<umb-body-layout
-				headline=${this.localize.term(this.modalContext?.data.isNew ? 'defaultdialogs_addLink' : 'defaultdialogs_updateLink')}>
+				headline=${this.localize.term(this.modalContext?.data?.isNew ? 'defaultdialogs_addLink' : 'defaultdialogs_updateLink')}>
 				<uui-box>
 					${this.#renderLinkType()} ${this.#renderLinkAnchorInput()} ${this.#renderLinkTitleInput()}
 					${this.#renderLinkTargetInput()}
@@ -171,8 +262,7 @@ let UmbLinkPickerModalElement = class UmbLinkPickerModalElement extends UmbModal
 					<uui-button
 						color="positive"
 						look="primary"
-						label=${this.localize.term(this.modalContext?.data.isNew ? 'general_add' : 'general_update')}
-						?disabled=${!this.value.link.type}
+						label=${this.localize.term(this.modalContext?.data?.isNew ? 'general_add' : 'general_update')}
 						@click=${this.#onSubmit}></uui-button>
 				</div>
 			</umb-body-layout>
@@ -183,7 +273,8 @@ let UmbLinkPickerModalElement = class UmbLinkPickerModalElement extends UmbModal
 			<umb-property-layout
 				orientation=${this.#propertyLayoutOrientation}
 				label=${this.localize.term('linkPicker_modalSource')}
-				mandatory>
+				mandatory
+				?invalid=${this._missingLinkUrl}>
 				<div slot="editor">
 					${this.#renderLinkTypeSelection()} ${this.#renderDocumentPicker()} ${this.#renderMediaPicker()}
 					${this.#renderLinkUrlInput()} ${this.#renderLinkUrlInputReadOnly()}
@@ -244,9 +335,10 @@ let UmbLinkPickerModalElement = class UmbLinkPickerModalElement extends UmbModal
 				placeholder=${this.localize.term('placeholders_enterUrl')}
 				.value=${this.value.link.url ?? ''}
 				?disabled=${!!this.value.link.unique}
-				?required=${this._config.hideAnchor}
-				@change=${this.#onLinkUrlInput}
-				${umbBindToValidation(this)}>
+				required
+				@input=${this.#onLinkUrlInput}
+				${umbBindToValidation(this)}
+				${umbFocus()}>
 				${when(!this.value.link.unique, () => html `
 						<div slot="append">
 							<uui-button
@@ -276,12 +368,10 @@ let UmbLinkPickerModalElement = class UmbLinkPickerModalElement extends UmbModal
 				<uui-input
 					data-mark="input:anchor"
 					slot="editor"
-					id="link-anchor"
 					label=${this.localize.term('placeholders_anchor')}
 					placeholder=${this.localize.term('placeholders_anchor')}
 					.value=${this.value.link.queryString ?? ''}
-					@change=${this.#onLinkAnchorInput}
-					${umbBindToValidation(this)}></uui-input>
+					@change=${this.#onLinkAnchorInput}></uui-input>
 			</umb-property-layout>
 		`;
     }
@@ -342,15 +432,15 @@ __decorate([
 __decorate([
     state()
 ], UmbLinkPickerModalElement.prototype, "_config", void 0);
+__decorate([
+    state()
+], UmbLinkPickerModalElement.prototype, "_missingLinkUrl", void 0);
 __decorate([
     query('umb-input-document')
 ], UmbLinkPickerModalElement.prototype, "_documentPickerElement", void 0);
 __decorate([
     query('umb-input-media')
 ], UmbLinkPickerModalElement.prototype, "_mediaPickerElement", void 0);
-__decorate([
-    query('#link-anchor', true)
-], UmbLinkPickerModalElement.prototype, "_linkAnchorInput", void 0);
 UmbLinkPickerModalElement = __decorate([
     customElement('umb-link-picker-modal')
 ], UmbLinkPickerModalElement);

package/dist-cms/packages/packages/package-section/views/installed/installed-packages-section-view-item.element.js

@@ -98,7 +98,7 @@ let UmbInstalledPackagesSectionViewItemElement = class UmbInstalledPackagesSecti
 										.state=${this._migrationButtonState}
 										color="warning"
 										look="primary"
-										label=${this.localize.term('packageMigrationsRun')}></uui-button>`
+										label=${this.localize.term('packager_packageMigrationsRun')}></uui-button>`
                 : nothing}
 						</div>
 					</uui-ref-node-package>

package/dist-cms/packages/relations/relations/reference/workspace-info-app/entity-references-workspace-view-info.element.js

@@ -78,7 +78,7 @@ let UmbEntityReferencesWorkspaceInfoAppElement = class UmbEntityReferencesWorksp
             return nothing;
         return html `
 			<umb-workspace-info-app-layout headline="#references_labelUsedByItems">
-				${this.#renderItems()} ${this.#renderReferencePagination()}
+				<div id="content">${this.#renderItems()} ${this.#renderReferencePagination()}</div>
 			</umb-workspace-info-app-layout>
 		`;
     }
@@ -110,6 +110,11 @@ let UmbEntityReferencesWorkspaceInfoAppElement = class UmbEntityReferencesWorksp
 				display: contents;
 			}
 
+			#content {
+				display: block;
+				padding: var(--uui-size-space-3) var(--uui-size-space-4);
+			}
+
 			.pagination-container {
 				display: flex;
 				justify-content: center;

package/dist-cms/packages/search/global-search/global-search-base.d.ts

@@ -0,0 +1,11 @@
+import type { ManifestGlobalSearch, UmbGlobalSearchApi, UmbSearchProvider, UmbSearchRequestArgs } from '../types.js';
+import { UmbControllerBase } from '@umbraco-cms/backoffice/class-api';
+export declare abstract class UmbGlobalSearchBase<SearchProviderType extends UmbSearchProvider = UmbSearchProvider> extends UmbControllerBase implements UmbGlobalSearchApi {
+    #private;
+    protected _manifest?: ManifestGlobalSearch;
+    protected _searchProvider?: SearchProviderType;
+    protected _init: Promise<void>;
+    set manifest(manifest: ManifestGlobalSearch | undefined);
+    get manifest(): ManifestGlobalSearch | undefined;
+    search(args: UmbSearchRequestArgs): Promise<import("@umbraco-cms/backoffice/repository").UmbRepositoryResponse<import("@umbraco-cms/backoffice/repository").UmbPagedModel<import("../types.js").UmbSearchResultItemModel>>>;
+}

package/dist-cms/packages/search/global-search/global-search-base.js

@@ -0,0 +1,49 @@
+import { UmbExtensionApiInitializer } from '@umbraco-cms/backoffice/extension-api';
+import { umbExtensionsRegistry } from '@umbraco-cms/backoffice/extension-registry';
+import { UmbControllerBase } from '@umbraco-cms/backoffice/class-api';
+export class UmbGlobalSearchBase extends UmbControllerBase {
+    constructor() {
+        super(...arguments);
+        this.#initialized = false;
+        this._init = new Promise((resolve) => {
+            if (this.#initialized) {
+                resolve();
+            }
+            else {
+                this.#initResolver = resolve;
+            }
+        });
+    }
+    #initResolver;
+    #initialized;
+    #checkIfInitialized() {
+        if (this._searchProvider) {
+            this.#initialized = true;
+            this.#initResolver?.();
+        }
+    }
+    set manifest(manifest) {
+        if (this._manifest === manifest)
+            return;
+        this._manifest = manifest;
+        this.#observeSearchProvider(this._manifest?.meta.searchProviderAlias);
+    }
+    get manifest() {
+        return this._manifest;
+    }
+    #observeSearchProvider(alias) {
+        if (!alias)
+            throw new Error('Search provider alias is required');
+        new UmbExtensionApiInitializer(this, umbExtensionsRegistry, alias, [this], (permitted, ctrl) => {
+            this._searchProvider = permitted ? ctrl.api : undefined;
+            this.#checkIfInitialized();
+        });
+    }
+    async search(args) {
+        await this._init;
+        if (!this._searchProvider) {
+            throw new Error('Search provider is not available');
+        }
+        return await this._searchProvider.search({ query: args.query });
+    }
+}

package/dist-cms/packages/search/global-search/global-search.extension.d.ts

@@ -0,0 +1,15 @@
+import type { UmbGlobalSearchApi } from './types.js';
+import type { ManifestWithDynamicConditions, ManifestApi } from '@umbraco-cms/backoffice/extension-api';
+export interface ManifestGlobalSearch extends ManifestApi<UmbGlobalSearchApi>, ManifestWithDynamicConditions<UmbExtensionConditionConfig> {
+    type: 'globalSearch';
+    meta: MetaGlobalSearch;
+}
+export interface MetaGlobalSearch {
+    label: string;
+    searchProviderAlias: string;
+}
+declare global {
+    interface UmbExtensionManifestMap {
+        umbGlobalSearch: ManifestGlobalSearch;
+    }
+}

package/dist-cms/packages/search/global-search/global-search.extension.js

@@ -0,0 +1 @@
+export {};

package/dist-cms/packages/search/global-search/index.d.ts

@@ -0,0 +1 @@
+export * from './global-search-base.js';

package/dist-cms/packages/search/global-search/index.js

@@ -0,0 +1 @@
+export * from './global-search-base.js';

package/dist-cms/packages/search/global-search/types.d.ts

@@ -0,0 +1,4 @@
+import type { UmbSearchProvider, UmbSearchRequestArgs, UmbSearchResultItemModel } from '../types.js';
+export interface UmbGlobalSearchApi<SearchResultItemType extends UmbSearchResultItemModel = UmbSearchResultItemModel, SearchRequestArgsType extends UmbSearchRequestArgs = UmbSearchRequestArgs> extends UmbSearchProvider<SearchResultItemType, SearchRequestArgsType> {
+}
+export type * from './global-search.extension.js';

package/dist-cms/packages/search/global-search/types.js

@@ -0,0 +1 @@
+export {};

package/dist-cms/packages/search/index.d.ts

@@ -1,2 +1,3 @@
 export * from './constants.js';
+export * from './global-search/index.js';
 export type * from './types.js';

package/dist-cms/packages/search/index.js

@@ -1 +1,2 @@
 export * from './constants.js';
+export * from './global-search/index.js';

package/dist-cms/packages/search/search-modal/search-modal.element.d.ts

@@ -2,9 +2,9 @@ import type { UmbSearchProvider, UmbSearchResultItemModel } from '../types.js';
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 import type { UmbModalContext } from '@umbraco-cms/backoffice/modal';
 import '../search-result/search-result-item.element.js';
-type SearchProvider = {
+type GlobalSearchers = {
     name: string;
-    api: UmbSearchProvider<UmbSearchResultItemModel>;
+    api?: UmbSearchProvider<UmbSearchResultItemModel>;
     alias: string;
 };
 export declare class UmbSearchModalElement extends UmbLitElement {
@@ -14,8 +14,8 @@ export declare class UmbSearchModalElement extends UmbLitElement {
     modalContext?: UmbModalContext;
     private _search;
     private _searchResults;
-    private _searchProviders;
-    _currentProvider?: SearchProvider;
+    private _globalSearchers;
+    _currentGlobalSearcher?: GlobalSearchers;
     _loading: boolean;
     constructor();
     connectedCallback(): void;

package/dist-cms/packages/search/search-modal/search-modal.element.js

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { css, html, nothing, repeat, customElement, query, state, property, when, } from '@umbraco-cms/backoffice/external/lit';
 import { UmbExtensionsManifestInitializer, createExtensionApi } from '@umbraco-cms/backoffice/extension-api';
-import { umbExtensionsRegistry } from '@umbraco-cms/backoffice/extension-registry';
+import { createExtensionApiByAlias, umbExtensionsRegistry } from '@umbraco-cms/backoffice/extension-registry';
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
 import '../search-result/search-result-item.element.js';
@@ -18,7 +18,7 @@ let UmbSearchModalElement = class UmbSearchModalElement extends UmbLitElement {
         super();
         this._search = '';
         this._searchResults = [];
-        this._searchProviders = [];
+        this._globalSearchers = [];
         this._loading = false;
         this.#searchItemNavIndex = 0;
         this.#inputTimerAmount = 300;
@@ -28,7 +28,7 @@ let UmbSearchModalElement = class UmbSearchModalElement extends UmbLitElement {
                 return;
             this.modalContext?.reject();
         };
-        this.#observeProviders();
+        this.#observeGlobalSearchers();
     }
     connectedCallback() {
         super.connectedCallback();
@@ -44,22 +44,33 @@ let UmbSearchModalElement = class UmbSearchModalElement extends UmbLitElement {
         document.removeEventListener('click', this.#onDocumentClick);
     }
     #onDocumentClick;
-    #observeProviders() {
-        new UmbExtensionsManifestInitializer(this, umbExtensionsRegistry, 'searchProvider', null, async (providers) => {
-            const searchProviders = [];
-            for (const provider of providers) {
-                const api = await createExtensionApi(this, provider.manifest);
-                if (api) {
-                    searchProviders.push({
-                        name: provider.manifest.meta?.label || provider.manifest.name,
-                        api,
-                        alias: provider.alias,
-                    });
+    #observeGlobalSearchers() {
+        new UmbExtensionsManifestInitializer(this, umbExtensionsRegistry, 'globalSearch', null, async (controllers) => {
+            const globalSearch = [];
+            for (const controller of controllers) {
+                let searchApi = undefined;
+                if (controller.manifest.api) {
+                    searchApi = await createExtensionApi(this, controller.manifest);
+                    if (searchApi) {
+                        // TODO: we need to investigate if it makes sense to have a function that does this when creating a new extension api? [MR]
+                        searchApi.manifest = controller.manifest;
+                    }
+                }
+                else {
+                    searchApi = await createExtensionApiByAlias(this, controller.manifest.meta?.searchProviderAlias);
+                }
+                if (searchApi) {
+                    const searcher = {
+                        name: controller.manifest.meta?.label || controller.manifest.name,
+                        api: searchApi,
+                        alias: controller.alias,
+                    };
+                    globalSearch.push(searcher);
                 }
             }
-            this._searchProviders = searchProviders;
-            if (this._searchProviders.length > 0) {
-                this._currentProvider = this._searchProviders[0];
+            this._globalSearchers = globalSearch;
+            if (this._globalSearchers.length > 0) {
+                this._currentGlobalSearcher = this._globalSearchers[0];
             }
         });
     }
@@ -89,18 +100,18 @@ let UmbSearchModalElement = class UmbSearchModalElement extends UmbLitElement {
             this._inputFakeCursor.style.display = 'none';
         }
     }
-    #setCurrentProvider(searchProvider) {
-        if (this._currentProvider === searchProvider)
+    #setCurrentSearcher(searcher) {
+        if (this._currentGlobalSearcher === searcher)
             return;
-        this._currentProvider = searchProvider;
+        this._currentGlobalSearcher = searcher;
         this.#focusInput();
         this._loading = true;
         this._searchResults = [];
         this.#updateSearchResults();
     }
     async #updateSearchResults() {
-        if (this._search && this._currentProvider?.api) {
-            const { data } = await this._currentProvider.api.search({ query: this._search });
+        if (this._search && this._currentGlobalSearcher?.api) {
+            const { data } = await this._currentGlobalSearcher.api.search({ query: this._search });
             if (!data)
                 return;
             this._searchResults = data.items;
@@ -246,13 +257,13 @@ let UmbSearchModalElement = class UmbSearchModalElement extends UmbLitElement {
     #renderSearchTags() {
         return html `
 			<div id="search-providers">
-				${repeat(this._searchProviders, (searchProvider) => searchProvider.alias, (searchProvider) => html `
+				${repeat(this._globalSearchers, (searcher) => searcher.alias, (searcher) => html `
 						<button
-							class="search-provider ${this._currentProvider?.alias === searchProvider.alias ? 'active' : ''}"
-							data-provider-alias=${searchProvider.alias}
-							@click=${() => this.#setCurrentProvider(searchProvider)}
+							class="search-provider ${this._currentGlobalSearcher?.alias === searcher.alias ? 'active' : ''}"
+							data-provider-alias=${searcher.alias}
+							@click=${() => this.#setCurrentSearcher(searcher)}
 							@keydown=${() => ''}>
-							${searchProvider.name}
+							${searcher.name}
 						</button>
 					`)}
 			</div>
@@ -487,10 +498,10 @@ __decorate([
 ], UmbSearchModalElement.prototype, "_searchResults", void 0);
 __decorate([
     state()
-], UmbSearchModalElement.prototype, "_searchProviders", void 0);
+], UmbSearchModalElement.prototype, "_globalSearchers", void 0);
 __decorate([
     state()
-], UmbSearchModalElement.prototype, "_currentProvider", void 0);
+], UmbSearchModalElement.prototype, "_currentGlobalSearcher", void 0);
 __decorate([
     state()
 ], UmbSearchModalElement.prototype, "_loading", void 0);

package/dist-cms/packages/search/types.d.ts

@@ -5,6 +5,7 @@ import type { UmbPagedModel, UmbRepositoryResponse } from '@umbraco-cms/backoffi
 export type { UmbSearchDataSource } from './search-data-source.interface.js';
 export type { UmbSearchRepository } from './search-repository.interface.js';
 export type * from './extensions/types.js';
+export type * from './global-search/types.js';
 export type UmbSearchResultModel = SearchResultResponseModelReadable;
 export type UmbSearchResultItemModel = {
     entityType: string;

package/dist-cms/packages/static-file/repository/item/static-file-item.server.data-source.d.ts

@@ -14,4 +14,8 @@ export declare class UmbStaticFileItemServerDataSource extends UmbItemServerData
      * @memberof UmbStaticFileItemServerDataSource
      */
     constructor(host: UmbControllerHost);
+    getItems(uniques: Array<string>): Promise<{
+        data: UmbStaticFileItemModel[] | undefined;
+        error: Error | import("@umbraco-cms/backoffice/resources").UmbError | import("@umbraco-cms/backoffice/resources").UmbApiError | import("@umbraco-cms/backoffice/resources").UmbCancelError | undefined;
+    }>;
 }

package/dist-cms/packages/static-file/repository/item/static-file-item.server.data-source.js

@@ -1,6 +1,7 @@
 import { UmbItemServerDataSourceBase } from '@umbraco-cms/backoffice/repository';
 import { StaticFileService } from '@umbraco-cms/backoffice/external/backend-api';
 import { UmbServerFilePathUniqueSerializer } from '@umbraco-cms/backoffice/server-file-system';
+import { UmbItemDataApiGetRequestController } from '@umbraco-cms/backoffice/entity-item';
 /**
  * A server data source for Static File items
  * @class UmbStaticFileItemServerDataSource
@@ -14,17 +15,23 @@ export class UmbStaticFileItemServerDataSource extends UmbItemServerDataSourceBa
      */
     constructor(host) {
         super(host, {
-            getItems,
             mapper,
         });
     }
+    async getItems(uniques) {
+        if (!uniques)
+            throw new Error('Uniques are missing');
+        const serializer = new UmbServerFilePathUniqueSerializer();
+        const paths = uniques.map((unique) => serializer.toServerPath(unique));
+        const itemRequestManager = new UmbItemDataApiGetRequestController(this, {
+            // eslint-disable-next-line local-rules/no-direct-api-import
+            api: (args) => StaticFileService.getItemStaticFile({ query: { path: args.uniques } }),
+            uniques: paths,
+        });
+        const { data, error } = await itemRequestManager.request();
+        return { data: this._getMappedItems(data), error };
+    }
 }
-const getItems = (uniques) => {
-    const serializer = new UmbServerFilePathUniqueSerializer();
-    const path = uniques.map((unique) => serializer.toServerPath(unique));
-    /* eslint-disable local-rules/no-direct-api-import */
-    return StaticFileService.getItemStaticFile({ query: { path } });
-};
 const mapper = (item) => {
     const serializer = new UmbServerFilePathUniqueSerializer();
     return {