@umbraco-cms/backoffice 17.3.3 → 17.4.0-rc

package/dist-cms/packages/documents/documents/user-permissions/document/input-document-granular-user-permission/input-document-granular-user-permission.element.js

@@ -169,7 +169,7 @@ let UmbInputDocumentGranularUserPermissionElement = class UmbInputDocumentGranul
     #renderIcon(item) {
         if (!item.documentType.icon)
             return;
-        return html `<uui-icon slot="icon" name=${item.documentType.icon}></uui-icon>`;
+        return html `<umb-icon slot="icon" name=${item.documentType.icon}></umb-icon>`;
     }
     #renderIsTrashed(item) {
         if (!item.isTrashed)

package/dist-cms/packages/documents/documents/user-permissions/document-property-value/input-document-property-value-user-permission/input-document-property-value-user-permission.element.js

@@ -177,7 +177,7 @@ let UmbInputDocumentPropertyValueUserPermissionElement = class UmbInputDocumentP
         const verbNames = this.#getVerbNamesForPermission(permission);
         return html `
 			<uui-ref-node .name=${permissionName} .detail=${verbNames || ''} readonly>
-				${documentType?.icon ? html `<uui-icon slot="icon" name=${ifDefined(documentType?.icon)}></uui-icon>` : nothing}
+				${documentType?.icon ? html `<umb-icon slot="icon" name=${ifDefined(documentType?.icon)}></umb-icon>` : nothing}
 				<uui-action-bar slot="actions"
 					>${this.#renderEditButton(permission)} ${this.#renderRemoveButton(permission)}</uui-action-bar
 				>

package/dist-cms/packages/documents/documents/utils.d.ts

@@ -7,5 +7,4 @@ type VariantType = UmbDocumentVariantOptionModel;
  * @returns {number} - Sorting value
  */
 export declare function sortVariants(a: VariantType, b: VariantType): number;
-export declare const TimeOptions: Intl.DateTimeFormatOptions;
 export {};

package/dist-cms/packages/documents/documents/utils.js

@@ -52,11 +52,3 @@ function compareName(a, b) {
 export function sortVariants(a, b) {
     return compareDefault(a, b) || compareMandatory(a, b) || compareState(a, b) || compareName(a, b);
 }
-export const TimeOptions = {
-    year: 'numeric',
-    month: 'long',
-    day: 'numeric',
-    hour: 'numeric',
-    minute: 'numeric',
-    second: 'numeric',
-};

package/dist-cms/packages/documents/documents/workspace/document-workspace.context.d.ts

@@ -37,10 +37,10 @@ export declare class UmbDocumentWorkspaceContext extends UmbContentDetailWorkspa
     getContentTypeUnique(): string | undefined;
     /**
      * Set the template
-     * @param {string} templateUnique The unique identifier of the template.
+     * @param {string | null} templateUnique The unique identifier of the template, or null to clear the template.
      * @memberof UmbDocumentWorkspaceContext
      */
-    setTemplate(templateUnique: string): void;
+    setTemplate(templateUnique: string | null): void;
     protected _handleSave(): Promise<void>;
     saveAndPreview(urlProviderAlias?: string): Promise<void>;
     createPropertyDatasetContext(host: UmbControllerHost, variantId: UmbVariantId): UmbDocumentPropertyDatasetContext;

package/dist-cms/packages/documents/documents/workspace/document-workspace.context.js

@@ -215,11 +215,11 @@ export class UmbDocumentWorkspaceContext extends UmbContentDetailWorkspaceContex
     }
     /**
      * Set the template
-     * @param {string} templateUnique The unique identifier of the template.
+     * @param {string | null} templateUnique The unique identifier of the template, or null to clear the template.
      * @memberof UmbDocumentWorkspaceContext
      */
     setTemplate(templateUnique) {
-        this._data.updateCurrent({ template: { unique: templateUnique } });
+        this._data.updateCurrent({ template: templateUnique ? { unique: templateUnique } : null });
     }
     async _handleSave() {
         const elementStyle = this.getHostElement().style;

package/dist-cms/packages/documents/documents/workspace/views/info/document-workspace-view-info.element.js

@@ -6,18 +6,18 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { UMB_DOCUMENT_PROPERTY_DATASET_CONTEXT, UMB_DOCUMENT_WORKSPACE_CONTEXT } from '../../../constants.js';
 import { UMB_DOCUMENT_PUBLISHING_WORKSPACE_CONTEXT } from '../../../publishing/index.js';
-import { TimeOptions } from '../../../utils.js';
 import { css, customElement, html, ifDefined, nothing, state } from '../../../../../../external/lit/index.js';
 import { DocumentVariantStateModel } from '../../../../../core/backend-api/index.js';
 import { UmbLitElement } from '../../../../../core/lit-element/index.js';
 import { UmbModalRouteRegistrationController } from '../../../../../core/router/index.js';
 import { umbOpenModal } from '../../../../../core/modal/index.js';
-import { UMB_WORKSPACE_MODAL } from '../../../../../core/workspace/index.js';
-import { UMB_TEMPLATE_PICKER_MODAL, UmbTemplateItemRepository } from '../../../../../templating/templates/index.js';
+import { UmbTemplateItemRepository, UMB_TEMPLATE_PICKER_MODAL } from '../../../../../templating/templates/index.js';
 import { createExtensionApiByAlias } from '../../../../../core/extension-registry/index.js';
+import { UMB_DATE_TIME_FORMAT_OPTIONS } from '../../../../../core/utils/index.js';
+import { UMB_IS_TRASHED_ENTITY_CONTEXT } from '../../../../../core/recycle-bin/index.js';
 import { UMB_SECTION_USER_PERMISSION_CONDITION_ALIAS } from '../../../../../core/section/index.js';
 import { UMB_SETTINGS_SECTION_ALIAS } from '../../../../../settings/index.js';
-import { UMB_IS_TRASHED_ENTITY_CONTEXT } from '../../../../../core/recycle-bin/index.js';
+import { UMB_WORKSPACE_MODAL } from '../../../../../core/workspace/index.js';
 let UmbDocumentWorkspaceViewInfoElement = class UmbDocumentWorkspaceViewInfoElement extends UmbLitElement {
     #workspaceContext;
     #templateRepository;
@@ -170,7 +170,7 @@ let UmbDocumentWorkspaceViewInfoElement = class UmbDocumentWorkspaceViewInfoElem
 		`;
     }
     #renderTemplateInput() {
-        if (this._allowedTemplates?.length === 0)
+        if (this._allowedTemplates?.length === 0 && !this._templateUnique)
             return nothing;
         const editTemplatePath = this._routeBuilder?.({ entityType: 'template' }) ?? '';
         return html `
@@ -182,13 +182,20 @@ let UmbDocumentWorkspaceViewInfoElement = class UmbDocumentWorkspaceViewInfoElem
 								standalone
 								name=${ifDefined(this._templateName)}
 								href=${ifDefined(this._hasSettingsAccess ? editTemplatePath + 'edit/' + this._templateUnique : undefined)}
-								?readonly=${!this._hasSettingsAccess || this._isTrashed}>
-								<uui-icon slot="icon" name="icon-document-html"></uui-icon>
+								?readonly=${!this._hasSettingsAccess || this._isTrashed}
+								style=${ifDefined(!this.#isTemplateAllowed ? 'color: var(--uui-color-danger)' : undefined)}
+								title=${ifDefined(!this.#isTemplateAllowed ? this.localize.term('template_notAllowed') : undefined)}>
+								<uui-icon slot="icon" name=${!this.#isTemplateAllowed ? 'icon-alert' : 'icon-document-html'}></uui-icon>
 								${!this._isTrashed
                 ? html ` <uui-action-bar slot="actions">
+											${this._allowedTemplates?.length
+                    ? html `<uui-button
+														label=${this.localize.term('general_choose')}
+														@click=${this.#openTemplatePicker}></uui-button>`
+                    : nothing}
 											<uui-button
-												label=${this.localize.term('general_choose')}
-												@click=${this.#openTemplatePicker}></uui-button>
+												label=${this.localize.term('general_remove')}
+												@click=${this.#removeTemplate}></uui-button>
 										</uui-action-bar>`
                 : nothing}
 							</uui-ref-node>
@@ -232,11 +239,21 @@ let UmbDocumentWorkspaceViewInfoElement = class UmbDocumentWorkspaceViewInfoElem
 			<div class="general-item">
 				<strong><umb-localize .key=${labelKey}>${labelText}</umb-localize></strong>
 				<span>
-					<umb-localize-date .date=${date} .options=${TimeOptions}></umb-localize-date>
+					<umb-localize-date .date=${date} .options=${UMB_DATE_TIME_FORMAT_OPTIONS}></umb-localize-date>
 				</span>
 			</div>
 		`;
     }
+    get #isTemplateAllowed() {
+        if (!this._templateUnique)
+            return true;
+        if (!this._allowedTemplates || this._allowedTemplates.length === 0)
+            return false;
+        return this._allowedTemplates.some((t) => t.id === this._templateUnique);
+    }
+    #removeTemplate() {
+        this.#workspaceContext?.setTemplate(null);
+    }
     async #openTemplatePicker() {
         const result = await umbOpenModal(this, UMB_TEMPLATE_PICKER_MODAL, {
             data: {

package/dist-cms/packages/embedded-media/modal/embedded-media-modal.element.d.ts

@@ -5,8 +5,10 @@ export declare class UmbEmbeddedMediaModalElement extends UmbModalBaseElement<Um
     private _loading?;
     private _width;
     private _height;
+    private _constrain;
     private _url;
     connectedCallback(): void;
+    protected updated(): void;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult[];
 }

package/dist-cms/packages/embedded-media/modal/embedded-media-modal.element.js

@@ -7,26 +7,32 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { UmbOEmbedRepository } from '../repository/oembed.repository.js';
 import { css, html, unsafeHTML, when, customElement, state } from '../../../external/lit/index.js';
 import { umbFocus } from '../../core/lit-element/index.js';
+import { debounce } from '../../core/utils/index.js';
 import { UmbModalBaseElement } from '../../core/modal/index.js';
 import { UmbTextStyles } from '../../core/style/index.js';
+const DEFAULT_WIDTH = 500;
+const DEFAULT_HEIGHT = Math.round(500 / (16 / 9));
 let UmbEmbeddedMediaModalElement = class UmbEmbeddedMediaModalElement extends UmbModalBaseElement {
     constructor() {
         super(...arguments);
         this.#oEmbedRepository = new UmbOEmbedRepository(this);
-        this._width = 360;
-        this._height = 240;
+        this._width = DEFAULT_WIDTH;
+        this._height = DEFAULT_HEIGHT;
+        this._constrain = true;
         this._url = '';
+        this.#debouncedGetPreview = debounce(() => this.#getPreview(), 500);
     }
     #oEmbedRepository;
     #validUrl;
     connectedCallback() {
         super.connectedCallback();
         if (this.data?.width)
-            this._width = this.data.width;
+            this._width = this.data.width > 0 ? this.data.width : DEFAULT_WIDTH;
         if (this.data?.height)
-            this._height = this.data.height;
-        if (this.data?.constrain)
-            this.value = { ...this.value, constrain: this.data.constrain };
+            this._height = this.data.height > 0 ? this.data.height : DEFAULT_HEIGHT;
+        if (this.data?.constrain !== undefined)
+            this._constrain = this.data.constrain;
+        this.value = { ...this.value, constrain: this._constrain, width: this._width, height: this._height };
         if (this.data?.url) {
             this._url = this.data.url;
             this.#getPreview();
@@ -52,21 +58,26 @@ let UmbEmbeddedMediaModalElement = class UmbEmbeddedMediaModalElement extends Um
     #onUrlChange(e) {
         this._url = e.target.value;
     }
-    #onWidthChange(e) {
-        this._width = parseInt(e.target.value, 10);
-        this.value = { ...this.value, width: this._width };
-        this.#getPreview();
+    #debouncedGetPreview;
+    #onDimensionsChange(e) {
+        const target = e.target;
+        this._width = target.width ?? DEFAULT_WIDTH;
+        this._height = target.height ?? DEFAULT_HEIGHT;
+        this._constrain = target.locked;
+        this.value = { ...this.value, width: this._width, height: this._height, constrain: this._constrain };
+        this.#debouncedGetPreview();
     }
-    #onHeightChange(e) {
-        this._height = parseInt(e.target.value, 10);
-        this.value = { ...this.value, height: this._height };
-        this.#getPreview();
-    }
-    #onConstrainChange() {
-        const constrain = !this.value?.constrain;
-        this.value = { ...this.value, constrain };
+    updated() {
+        // Iframes don't have intrinsic aspect ratios like images, so height:auto collapses to 150px.
+        // Read the provider's width/height attributes and apply aspect-ratio to keep proportions.
+        const iframe = this.renderRoot.querySelector('#preview iframe');
+        if (iframe?.width && iframe?.height) {
+            iframe.style.aspectRatio = `${iframe.width} / ${iframe.height}`;
+            iframe.style.height = 'auto';
+        }
     }
     render() {
+        const isDisabled = !this.#validUrl;
         return html `
 			<umb-body-layout headline="Embed">
 				<uui-box>
@@ -83,37 +94,25 @@ let UmbEmbeddedMediaModalElement = class UmbEmbeddedMediaModalElement extends Um
 						</div>
 					</umb-property-layout>
 
+					<umb-property-layout
+						label=${this.localize.term('general_dimensions')}
+						description=${this.localize.term('embeddedMedia_dimensionsDescription')}
+						orientation="vertical">
+						<umb-input-dimensions
+							slot="editor"
+							.width=${this._width}
+							.height=${this._height}
+							.locked=${this._constrain}
+							?disabled=${isDisabled}
+							@change=${this.#onDimensionsChange}></umb-input-dimensions>
+					</umb-property-layout>
+
 					${when(this.#validUrl !== undefined, () => html ` <umb-property-layout label=${this.localize.term('general_preview')} orientation="vertical">
 								<div slot="editor">
 									${when(this._loading === 'waiting', () => html `<uui-loader-circle></uui-loader-circle>`)}
-									${when(this.value?.markup, () => html `${unsafeHTML(this.value.markup)}`)}
+									${when(this.value?.markup, () => html `<div id="preview">${unsafeHTML(this.value.markup)}</div>`)}
 								</div>
 							</umb-property-layout>`)}
-
-					<umb-property-layout label=${this.localize.term('general_width')} orientation="vertical">
-						<uui-input
-							slot="editor"
-							.value=${this._width}
-							type="number"
-							@change=${this.#onWidthChange}
-							?disabled=${this.#validUrl ? false : true}></uui-input>
-					</umb-property-layout>
-
-					<umb-property-layout label=${this.localize.term('general_height')} orientation="vertical">
-						<uui-input
-							slot="editor"
-							.value=${this._height}
-							type="number"
-							@change=${this.#onHeightChange}
-							?disabled=${this.#validUrl ? false : true}></uui-input>
-					</umb-property-layout>
-
-					<umb-property-layout label=${this.localize.term('general_constrainProportions')} orientation="vertical">
-						<uui-toggle
-							slot="editor"
-							@change=${this.#onConstrainChange}
-							.checked=${this.value?.constrain ?? false}></uui-toggle>
-					</umb-property-layout>
 				</uui-box>
 
 				<uui-button
@@ -139,12 +138,17 @@ let UmbEmbeddedMediaModalElement = class UmbEmbeddedMediaModalElement extends Um
 				--uui-button-border-radius: 0;
 			}
 
-			umb-property-layout:first-child {
-				padding-top: 0;
+			#preview {
+				max-width: 100%;
+				overflow: hidden;
+
+				> *:first-child {
+					max-width: 100%;
+				}
 			}
 
-			umb-property-layout:last-child {
-				padding-bottom: 0;
+			umb-property-layout:first-child {
+				padding-top: 0;
 			}
 		`,
     ]; }
@@ -158,6 +162,9 @@ __decorate([
 __decorate([
     state()
 ], UmbEmbeddedMediaModalElement.prototype, "_height", void 0);
+__decorate([
+    state()
+], UmbEmbeddedMediaModalElement.prototype, "_constrain", void 0);
 __decorate([
     state()
 ], UmbEmbeddedMediaModalElement.prototype, "_url", void 0);

package/dist-cms/packages/language/entity-actions/create/default/default-language-create-option-action.d.ts

@@ -0,0 +1,6 @@
+import { UmbEntityCreateOptionActionBase } from '../../../../core/entity-create-option-action/index.js';
+import type { MetaEntityCreateOptionAction } from '../../../../core/entity-create-option-action/index.js';
+export declare class UmbDefaultLanguageCreateOptionAction extends UmbEntityCreateOptionActionBase<MetaEntityCreateOptionAction> {
+    getHref(): Promise<string>;
+}
+export { UmbDefaultLanguageCreateOptionAction as api };

package/dist-cms/packages/language/entity-actions/create/default/default-language-create-option-action.js

@@ -0,0 +1,8 @@
+import { UMB_CREATE_LANGUAGE_WORKSPACE_PATH_PATTERN } from '../../../paths.js';
+import { UmbEntityCreateOptionActionBase } from '../../../../core/entity-create-option-action/index.js';
+export class UmbDefaultLanguageCreateOptionAction extends UmbEntityCreateOptionActionBase {
+    async getHref() {
+        return UMB_CREATE_LANGUAGE_WORKSPACE_PATH_PATTERN.generateAbsolute({});
+    }
+}
+export { UmbDefaultLanguageCreateOptionAction as api };

package/dist-cms/packages/language/entity-actions/create/default/manifests.d.ts

@@ -0,0 +1 @@
+export declare const manifests: Array<UmbExtensionManifest>;

package/dist-cms/packages/language/entity-actions/create/default/manifests.js

@@ -0,0 +1,16 @@
+import { UMB_LANGUAGE_ROOT_ENTITY_TYPE } from '../../../entity.js';
+export const manifests = [
+    {
+        type: 'entityCreateOptionAction',
+        alias: 'Umb.EntityCreateOptionAction.Language.Default',
+        name: 'Default Language Entity Create Option Action',
+        weight: 1000,
+        api: () => import('./default-language-create-option-action.js'),
+        forEntityTypes: [UMB_LANGUAGE_ROOT_ENTITY_TYPE],
+        meta: {
+            icon: 'icon-globe',
+            label: '#actions_create',
+            additionalOptions: true,
+        },
+    },
+];

package/dist-cms/packages/language/entity-actions/create/manifests.d.ts

@@ -0,0 +1 @@
+export declare const manifests: Array<UmbExtensionManifest>;

package/dist-cms/packages/language/entity-actions/create/manifests.js

@@ -0,0 +1,13 @@
+import { UMB_LANGUAGE_ROOT_ENTITY_TYPE } from '../../entity.js';
+import { manifests as defaultManifests } from './default/manifests.js';
+export const manifests = [
+    {
+        type: 'entityAction',
+        kind: 'create',
+        alias: 'Umb.EntityAction.Language.Create',
+        name: 'Create Language Entity Action',
+        weight: 1200,
+        forEntityTypes: [UMB_LANGUAGE_ROOT_ENTITY_TYPE],
+    },
+    ...defaultManifests,
+];

package/dist-cms/packages/language/entity-actions/manifests.js

@@ -1,5 +1,6 @@
 import { UMB_LANGUAGE_DETAIL_REPOSITORY_ALIAS, UMB_LANGUAGE_ITEM_REPOSITORY_ALIAS } from '../constants.js';
-import { UMB_LANGUAGE_ENTITY_TYPE, UMB_LANGUAGE_ROOT_ENTITY_TYPE } from '../entity.js';
+import { UMB_LANGUAGE_ENTITY_TYPE } from '../entity.js';
+import { manifests as createManifests } from './create/manifests.js';
 export const manifests = [
     {
         type: 'entityAction',
@@ -12,18 +13,5 @@ export const manifests = [
             detailRepositoryAlias: UMB_LANGUAGE_DETAIL_REPOSITORY_ALIAS,
         },
     },
-    {
-        type: 'entityAction',
-        kind: 'default',
-        alias: 'Umb.EntityAction.Language.Create',
-        name: 'Create Language Entity Action',
-        weight: 1200,
-        api: () => import('./language-create-entity-action.js'),
-        forEntityTypes: [UMB_LANGUAGE_ROOT_ENTITY_TYPE],
-        meta: {
-            icon: 'icon-add',
-            label: '#actions_createFor',
-            additionalOptions: true,
-        },
-    },
+    ...createManifests,
 ];

package/dist-cms/packages/language/repository/detail/language-detail.store.js

@@ -12,7 +12,7 @@ export class UmbLanguageDetailStore extends UmbDetailStoreBase {
      * @memberof UmbLanguageDetailStore
      */
     constructor(host) {
-        super(host, UMB_LANGUAGE_DETAIL_STORE_CONTEXT.toString());
+        super(host, UMB_LANGUAGE_DETAIL_STORE_CONTEXT);
     }
 }
 export default UmbLanguageDetailStore;

package/dist-cms/packages/language/repository/item/language-item.store.js

@@ -12,7 +12,7 @@ export class UmbLanguageItemStore extends UmbItemStoreBase {
      * @memberof UmbLanguageItemStore
      */
     constructor(host) {
-        super(host, UMB_LANGUAGE_ITEM_STORE_CONTEXT.toString());
+        super(host, UMB_LANGUAGE_ITEM_STORE_CONTEXT);
     }
 }
 export default UmbLanguageItemStore;

package/dist-cms/packages/log-viewer/workspace/views/search/components/log-viewer-search-input.element.js

@@ -84,10 +84,10 @@ let UmbLogViewerSearchInputElement = class UmbLogViewerSearchInputElement extend
     }
     async #removeSearch(name) {
         await umbConfirmModal(this, {
-            headline: this.localize.term('logViewer_deleteSavedSearch'),
+            headline: '#logViewer_deleteSavedSearch',
             content: this.localize.term('defaultdialogs_confirmdelete', escapeHTML(name)),
             color: 'danger',
-            confirmLabel: this.localize.term('actions_delete'),
+            confirmLabel: '#actions_delete',
         });
         this._logViewerContext?.removeSearch({ name });
         //this.dispatchEvent(new UmbDeleteEvent());

package/dist-cms/packages/media/dropzone/components/input-dropzone/input-dropzone.element.js

@@ -142,7 +142,7 @@ let UmbInputDropzoneElement = class UmbInputDropzoneElement extends UmbFormContr
 						${this.localize.number(item.progress, { maximumFractionDigits: 0 })}%
 					</div>
 					${when(item.status === UmbFileDropzoneItemStatus.WAITING, () => html `<div class="progress"><uui-loader-bar progress=${item.progress}></uui-loader-bar></div>`)}
-					${when(item.status === UmbFileDropzoneItemStatus.ERROR, () => html `<div class="error">An error occured</div>`)}
+					${when(item.status === UmbFileDropzoneItemStatus.ERROR, () => html `<div class="error">An error occurred</div>`)}
 					${when(item.status === UmbFileDropzoneItemStatus.CANCELLED, () => html `<div class="error">Cancelled</div>`)}
 					${when(item.status === UmbFileDropzoneItemStatus.NOT_ALLOWED, () => html `<div class="error">
 								${item.statusMessage ?? this.localize.term('media_disallowedFileType')}.
@@ -189,8 +189,9 @@ let UmbInputDropzoneElement = class UmbInputDropzoneElement extends UmbFormContr
 				display: flex;
 				flex-direction: column;
 				flex-wrap: wrap;
-				place-items: center;
+				place-items: start;
 				cursor: pointer;
+				margin: var(--uui-size-space-5) 0;
 			}
 
 			:host([disabled]) #dropzone {
@@ -226,7 +227,7 @@ let UmbInputDropzoneElement = class UmbInputDropzoneElement extends UmbFormContr
 
 			#uploader {
 				display: flex;
-				flex-direction: column;
+				flex-direction: row;
 				flex-wrap: wrap;
 				align-items: center;
 				gap: var(--uui-size-space-3);

package/dist-cms/packages/media/imaging/components/imaging-thumbnail.element.js

@@ -96,7 +96,7 @@ let UmbImagingThumbnailElement = class UmbImagingThumbnailElement extends UmbLit
         return html `<uui-loader-circle id="loader"></uui-loader-circle>`;
     }
     #renderThumbnail() {
-        return when(this._thumbnailUrl, (url) => html `<img id="figure" src=${url} alt=${this.alt} loading=${this.loading} draggable="false" />`, () => html `<umb-icon id="icon" name=${this.icon}></umb-icon>`);
+        return when(this._thumbnailUrl, (url) => html `<img id="figure" src=${url} alt=${this.alt} loading=${this.loading} decoding="async" draggable="false" />`, () => html `<umb-icon id="icon" name=${this.icon}></umb-icon>`);
     }
     async #generateThumbnailUrl() {
         if (!this.unique)

package/dist-cms/packages/media/imaging/imaging-request-batcher.d.ts

@@ -0,0 +1,31 @@
+import { type UmbImagingResizeModel } from './types.js';
+interface BatchedItem {
+    unique: string;
+    url?: string;
+}
+type FetchFn = (uniques: Array<string>, model?: UmbImagingResizeModel) => Promise<{
+    data?: Array<BatchedItem>;
+    error?: unknown;
+}>;
+/**
+ * Batches individual imaging resize requests together.
+ * Multiple calls within the same event loop turn are collected and sent as a single API request,
+ * grouped by resize model configuration (width/height/mode/format).
+ * @param {string} unique - The media item unique identifier
+ * @param {UmbImagingResizeModel | undefined} imagingModel - The resize configuration
+ * @param {FetchFn} fetchFn - The function to call with batched uniques
+ * @returns {Promise<string | undefined>} A promise resolving to the URL for this specific unique, or undefined if not found
+ */
+export declare function batchImagingRequest(unique: string, imagingModel: UmbImagingResizeModel | undefined, fetchFn: FetchFn): Promise<string | undefined>;
+/**
+ * Clears all cached imaging URLs for the given unique identifier.
+ * Call this when a media item is saved or deleted to ensure fresh URLs are fetched.
+ * @param {string} unique - The media item unique identifier to clear from cache
+ */
+export declare function clearImagingCache(unique: string): void;
+/**
+ * Clears the entire imaging URL cache.
+ * @internal
+ */
+export declare function clearAllImagingCache(): void;
+export {};