@umbraco-cms/backoffice 17.2.1 → 17.3.0-rc

package/dist-cms/packages/management-api/detail/detail-data.request-manager.js

@@ -1,6 +1,7 @@
 import { UMB_MANAGEMENT_API_SERVER_EVENT_CONTEXT } from '../server-event/constants.js';
 import { tryExecute, } from '../../core/resources/index.js';
 import { UmbControllerBase } from '../../../libs/class-api/index.js';
+import { UmbItemDataApiGetRequestController } from '../../core/entity-item/index.js';
 export class UmbManagementApiDetailDataRequestManager extends UmbControllerBase {
     #dataCache;
     #inflightRequestCache;
@@ -8,6 +9,7 @@ export class UmbManagementApiDetailDataRequestManager extends UmbControllerBase
     #read;
     #update;
     #delete;
+    #readMany;
     #serverEventContext;
     #isConnectedToServerEvents = false;
     constructor(host, args) {
@@ -16,6 +18,7 @@ export class UmbManagementApiDetailDataRequestManager extends UmbControllerBase
         this.#read = args.read;
         this.#update = args.update;
         this.#delete = args.delete;
+        this.#readMany = args.readMany;
         this.#dataCache = args.dataCache;
         this.#inflightRequestCache = args.inflightRequestCache;
         this.consumeContext(UMB_MANAGEMENT_API_SERVER_EVENT_CONTEXT, (context) => {
@@ -23,6 +26,11 @@ export class UmbManagementApiDetailDataRequestManager extends UmbControllerBase
             this.#observeServerEvents();
         });
     }
+    /**
+     * Creates a new item and returns the created item data.
+     * @param {CreateRequestModelType} data - The data to create the item with.
+     * @returns {Promise<UmbApiResponse<{ data?: DetailResponseModelType }>>} The API response containing the created item or an error.
+     */
     async create(data) {
         const { data: createdId, error } = await tryExecute(this, this.#create(data));
         if (!error) {
@@ -30,6 +38,13 @@ export class UmbManagementApiDetailDataRequestManager extends UmbControllerBase
         }
         return { error };
     }
+    /**
+     * Reads a single item by its ID.
+     * Uses the cache if connected to server events and the item is cached, otherwise fetches from the server.
+     * Deduplicates concurrent requests for the same ID using an in-flight request cache.
+     * @param {string} id - The ID of the item to read.
+     * @returns {Promise<UmbApiResponse<{ data?: DetailResponseModelType }>>} The API response containing the item or an error.
+     */
     async read(id) {
         let data;
         let error;
@@ -61,6 +76,107 @@ export class UmbManagementApiDetailDataRequestManager extends UmbControllerBase
         }
         return { data, error };
     }
+    /**
+     * Reads multiple items by their IDs.
+     * Only available if a readMany function was provided in the constructor args.
+     * Deduplicates concurrent requests: if an ID is already being fetched by another
+     * concurrent readMany call, it waits for that request instead of re-fetching.
+     * @param {Array<string>} ids - The IDs of the items to read
+     * @returns {Promise<UmbApiResponse<{ data?: { items: Array<DetailResponseModelType> } }>>} - The API response containing the items or an error
+     */
+    async readMany(ids) {
+        if (!this.#readMany) {
+            throw new Error('readMany is not available. No readMany function was provided in the constructor args.');
+        }
+        let error;
+        let idsToRequest = [...ids];
+        let cacheItems = [];
+        // Only read from the cache when we are connected to the server events
+        if (this.#isConnectedToServerEvents) {
+            const cachedIds = ids.filter((id) => this.#dataCache.has(id));
+            cacheItems = cachedIds
+                .map((id) => this.#dataCache.get(id))
+                .filter((x) => x !== undefined);
+            idsToRequest = ids.filter((id) => !this.#dataCache.has(id));
+        }
+        // Split remaining IDs into those already inflight vs those needing a new request
+        const inflightPromises = [];
+        const newIds = [];
+        for (const id of idsToRequest) {
+            const inflightCacheKey = `read:${id}`;
+            if (this.#inflightRequestCache.has(inflightCacheKey)) {
+                inflightPromises.push(this.#inflightRequestCache.get(inflightCacheKey).requestPromise);
+            }
+            else {
+                newIds.push(id);
+            }
+        }
+        // For new IDs, create per-item deferred promises and store in inflight cache before making the API call
+        const deferredMap = new Map();
+        for (const id of newIds) {
+            const inflightCacheKey = `read:${id}`;
+            let resolve;
+            const promise = new Promise((r) => {
+                resolve = r;
+            });
+            deferredMap.set(id, { resolve });
+            this.#inflightRequestCache.set(inflightCacheKey, promise);
+        }
+        // Fetch new IDs from the server
+        let newlyFetchedItems = [];
+        if (newIds.length > 0) {
+            try {
+                const getItemsController = new UmbItemDataApiGetRequestController(this, {
+                    api: (args) => this.#readMany(args.uniques),
+                    uniques: newIds,
+                });
+                const { data: serverData, error: serverError } = await getItemsController.request();
+                const serverItems = serverData?.items ?? [];
+                error = serverError;
+                if (this.#isConnectedToServerEvents) {
+                    serverItems.forEach((item) => this.#dataCache.set(item.id, item));
+                }
+                newlyFetchedItems = serverItems;
+                // Resolve each deferred promise with the corresponding item
+                for (const id of newIds) {
+                    const item = serverItems.find((serverItem) => serverItem.id === id);
+                    deferredMap.get(id).resolve({ data: item, error: serverError });
+                }
+            }
+            catch (e) {
+                // If the batch call throws, resolve all deferred promises with the error
+                for (const id of newIds) {
+                    deferredMap.get(id).resolve({ data: undefined, error: e });
+                }
+            }
+            finally {
+                // Always clean up inflight cache entries
+                for (const id of newIds) {
+                    this.#inflightRequestCache.delete(`read:${id}`);
+                }
+            }
+        }
+        // Await inflight results from other concurrent readMany calls
+        let inflightItems = [];
+        if (inflightPromises.length > 0) {
+            const inflightResults = await Promise.all(inflightPromises);
+            inflightItems = inflightResults
+                .map((result) => result.data)
+                .filter((x) => x !== undefined);
+            // Propagate the first inflight error if we don't already have one from our own batch
+            if (!error) {
+                error = inflightResults.find((result) => result.error)?.error;
+            }
+        }
+        const items = [...cacheItems, ...inflightItems, ...newlyFetchedItems];
+        return { data: { items }, error };
+    }
+    /**
+     * Updates an existing item and returns the updated item data.
+     * @param {string} id - The ID of the item to update.
+     * @param {UpdateRequestModelType} data - The data to update the item with.
+     * @returns {Promise<UmbApiResponse<{ data?: DetailResponseModelType }>>} The API response containing the updated item or an error.
+     */
     async update(id, data) {
         const { error } = await tryExecute(this, this.#update(id, data));
         if (!error) {
@@ -68,6 +184,12 @@ export class UmbManagementApiDetailDataRequestManager extends UmbControllerBase
         }
         return { error };
     }
+    /**
+     * Deletes an item by its ID.
+     * If connected to server events, the item is also removed from the cache.
+     * @param {string} id - The ID of the item to delete.
+     * @returns {Promise<UmbApiWithErrorResponse>} The API response containing an error if the deletion failed.
+     */
     async delete(id) {
         const { error } = await tryExecute(this, this.#delete(id));
         // Only update the cache when we are connected to the server events

package/dist-cms/packages/management-api/item/item-data.request-manager.d.ts

@@ -1,3 +1,4 @@
+import type { UmbManagementApiInFlightRequestCache } from '../inflight-request/cache.js';
 import type { UmbManagementApiItemDataCache } from './cache.js';
 import type { UmbApiResponse } from '../../core/resources/index.js';
 import { UmbControllerBase } from '../../../libs/class-api/index.js';
@@ -7,6 +8,7 @@ export interface UmbManagementApiItemDataRequestManagerArgs<ItemResponseModelTyp
         data: Array<ItemResponseModelType>;
     }>>;
     dataCache: UmbManagementApiItemDataCache<ItemResponseModelType>;
+    inflightRequestCache?: UmbManagementApiInFlightRequestCache<ItemResponseModelType>;
     getUniqueMethod: (item: ItemResponseModelType) => string;
 }
 export declare class UmbManagementApiItemDataRequestManager<ItemResponseModelType> extends UmbControllerBase {

package/dist-cms/packages/management-api/item/item-data.request-manager.js

@@ -3,6 +3,7 @@ import { UmbControllerBase } from '../../../libs/class-api/index.js';
 import { UmbItemDataApiGetRequestController } from '../../core/entity-item/index.js';
 export class UmbManagementApiItemDataRequestManager extends UmbControllerBase {
     #dataCache;
+    #inflightRequestCache;
     #serverEventContext;
     #getItems;
     #isConnectedToServerEvents = false;
@@ -10,6 +11,7 @@ export class UmbManagementApiItemDataRequestManager extends UmbControllerBase {
         super(host);
         this.#getItems = args.getItems;
         this.#dataCache = args.dataCache;
+        this.#inflightRequestCache = args.inflightRequestCache;
         this.getUniqueMethod = args.getUniqueMethod;
         this.consumeContext(UMB_MANAGEMENT_API_SERVER_EVENT_CONTEXT, (context) => {
             this.#serverEventContext = context;
@@ -20,7 +22,6 @@ export class UmbManagementApiItemDataRequestManager extends UmbControllerBase {
         let error;
         let idsToRequest = [...ids];
         let cacheItems = [];
-        let serverItems;
         // Only read from the cache when we are connected to the server events
         if (this.#isConnectedToServerEvents) {
             const cachedIds = ids.filter((id) => this.#dataCache.has(id));
@@ -29,20 +30,76 @@ export class UmbManagementApiItemDataRequestManager extends UmbControllerBase {
                 .filter((x) => x !== undefined);
             idsToRequest = ids.filter((id) => !this.#dataCache.has(id));
         }
-        if (idsToRequest.length > 0) {
-            const getItemsController = new UmbItemDataApiGetRequestController(this, {
-                api: (args) => this.#getItems(args.uniques),
-                uniques: idsToRequest,
+        // Split remaining IDs into those already inflight vs those needing a new request
+        const inflightPromises = [];
+        const newIds = [];
+        for (const id of idsToRequest) {
+            const inflightCacheKey = `item:${id}`;
+            if (this.#inflightRequestCache?.has(inflightCacheKey)) {
+                inflightPromises.push(this.#inflightRequestCache.get(inflightCacheKey).requestPromise);
+            }
+            else {
+                newIds.push(id);
+            }
+        }
+        // For new IDs, create per-item deferred promises and store in inflight cache before making the API call
+        const deferredMap = new Map();
+        for (const id of newIds) {
+            const inflightCacheKey = `item:${id}`;
+            let resolve;
+            const promise = new Promise((r) => {
+                resolve = r;
             });
-            const { data: serverData, error: serverError } = await getItemsController.request();
-            serverItems = serverData ?? [];
-            error = serverError;
-            if (this.#isConnectedToServerEvents) {
-                // If we are connected to server events, we can cache the server data
-                serverItems?.forEach((item) => this.#dataCache.set(this.getUniqueMethod(item), item));
+            deferredMap.set(id, { resolve });
+            this.#inflightRequestCache?.set(inflightCacheKey, promise);
+        }
+        // Fetch new IDs from the server
+        let newlyFetchedItems = [];
+        if (newIds.length > 0) {
+            try {
+                const getItemsController = new UmbItemDataApiGetRequestController(this, {
+                    api: (args) => this.#getItems(args.uniques),
+                    uniques: newIds,
+                });
+                const { data: serverData, error: serverError } = await getItemsController.request();
+                const serverItems = serverData ?? [];
+                error = serverError;
+                if (this.#isConnectedToServerEvents) {
+                    serverItems.forEach((item) => this.#dataCache.set(this.getUniqueMethod(item), item));
+                }
+                newlyFetchedItems = serverItems;
+                // Resolve each deferred promise with the corresponding item
+                for (const id of newIds) {
+                    const item = serverItems.find((serverItem) => this.getUniqueMethod(serverItem) === id);
+                    deferredMap.get(id).resolve({ data: item, error: serverError });
+                }
+            }
+            catch (e) {
+                // If the batch call throws, resolve all deferred promises with the error
+                for (const id of newIds) {
+                    deferredMap.get(id).resolve({ data: undefined, error: e });
+                }
+            }
+            finally {
+                // Always clean up inflight cache entries
+                for (const id of newIds) {
+                    this.#inflightRequestCache?.delete(`item:${id}`);
+                }
+            }
+        }
+        // Await inflight results from other concurrent getItems calls
+        let inflightItems = [];
+        if (inflightPromises.length > 0) {
+            const inflightResults = await Promise.all(inflightPromises);
+            inflightItems = inflightResults
+                .map((result) => result.data)
+                .filter((x) => x !== undefined);
+            // Propagate the first inflight error if we don't already have one from our own batch
+            if (!error) {
+                error = inflightResults.find((result) => result.error)?.error;
             }
         }
-        const data = [...cacheItems, ...(serverItems ?? [])];
+        const data = [...cacheItems, ...inflightItems, ...newlyFetchedItems];
         return { data, error };
     }
     #observeServerEventsConnection() {

package/dist-cms/packages/management-api/server-event/global-context/server-event.context.js

@@ -44,20 +44,17 @@ export class UmbManagementApiServerEventContext extends UmbContextBase {
         });
         this.consumeContext(UMB_SERVER_CONTEXT, (context) => {
             this.#serverContext = context;
+            this.#observeIsAuthorized();
         });
     }
     #observeIsAuthorized() {
-        this.observe(this.#authContext?.isAuthorized, async (isAuthorized) => {
+        if (!this.#authContext || !this.#serverContext)
+            return;
+        this.observe(this.#authContext.isAuthorized, (isAuthorized) => {
             if (isAuthorized === undefined)
                 return;
             if (isAuthorized) {
-                const token = await this.#authContext?.getLatestToken();
-                if (token) {
-                    this.#initHubConnection(token);
-                }
-                else {
-                    throw new Error('No auth token found');
-                }
+                this.#initHubConnection('[redacted]');
             }
             else {
                 this.#isConnected.setValue(false);

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

@@ -144,7 +144,9 @@ let UmbInputDropzoneElement = class UmbInputDropzoneElement extends UmbFormContr
 					${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.CANCELLED, () => html `<div class="error">Cancelled</div>`)}
-					${when(item.status === UmbFileDropzoneItemStatus.NOT_ALLOWED, () => html `<div class="error">File type not allowed</div>`)}
+					${when(item.status === UmbFileDropzoneItemStatus.NOT_ALLOWED, () => html `<div class="error">
+								${item.statusMessage ?? this.localize.term('media_disallowedFileType')}.
+							</div>`)}
 				</div>
 				<div class="fileActions">
 					${when(item.status === UmbFileDropzoneItemStatus.WAITING, () => html `

package/dist-cms/packages/media/dropzone/dropzone-manager.class.d.ts

@@ -24,6 +24,6 @@ export declare class UmbDropzoneManager extends UmbControllerBase {
     remove(items: Array<UmbUploadableItem>): void;
     removeAll(): void;
     protected _setupProgress(items: UmbFileDropzoneDroppedItems, parent: string | null): UmbUploadableItem[];
-    protected _updateStatus(item: UmbUploadableItem, status: UmbFileDropzoneItemStatus): void;
+    protected _updateStatus(item: UmbUploadableItem, status: UmbFileDropzoneItemStatus, statusMessage?: string): void;
     destroy(): void;
 }

package/dist-cms/packages/media/dropzone/dropzone-manager.class.js

@@ -116,8 +116,8 @@ export class UmbDropzoneManager extends UmbControllerBase {
         this.#progress.setValue({ total: current.total + uploadableItems.length, completed: current.completed });
         return uploadableItems;
     }
-    _updateStatus(item, status) {
-        this.#progressItems.updateOne(item.unique, { status });
+    _updateStatus(item, status, statusMessage) {
+        this.#progressItems.updateOne(item.unique, { status, statusMessage });
         const progress = this.#progress.getValue();
         this.#progress.update({ completed: progress.completed + 1 });
     }

package/dist-cms/packages/media/dropzone/types.d.ts

@@ -9,6 +9,7 @@ export interface UmbUploadableItem {
     unique: string;
     parentUnique: string | null;
     status: UmbFileDropzoneItemStatus;
+    statusMessage?: string;
     progress: number;
     folder?: {
         name: string;

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

@@ -23,6 +23,11 @@ export declare class UmbImagingThumbnailElement extends UmbLitElement {
      * @enum {UmbImagingCropMode}
      */
     mode: UmbImagingCropMode;
+    /**
+     * The output format of the thumbnail.
+     * @description The format to convert the image to. If not specified, the backend automatically determines the best format based on the source file type.
+     */
+    format?: string;
     /**
      * The alt text for the thumbnail.
      */

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

@@ -106,6 +106,7 @@ let UmbImagingThumbnailElement = class UmbImagingThumbnailElement extends UmbLit
             height: this.height,
             width: this.width,
             mode: this.mode,
+            format: this.format,
         });
         this._thumbnailUrl = data?.[0]?.url ?? '';
         this._isLoading = false;
@@ -161,6 +162,9 @@ __decorate([
 __decorate([
     property({ type: String })
 ], UmbImagingThumbnailElement.prototype, "mode", void 0);
+__decorate([
+    property({ type: String })
+], UmbImagingThumbnailElement.prototype, "format", void 0);
 __decorate([
     property({ type: String })
 ], UmbImagingThumbnailElement.prototype, "alt", void 0);

package/dist-cms/packages/media/imaging/imaging.store.js

@@ -56,12 +56,12 @@ export class UmbImagingStore extends UmbContextBase {
         this.#data.get(unique)?.delete(this.#generateCropKey(data));
     }
     /**
-     * Generates a unique key for the crop based on the width, height and mode.
+     * Generates a unique key for the crop based on the width, height, mode and format.
      * @param {UmbImagingResizeModel} data - The resize configuration
      * @returns {string} - The crop key
      */
     #generateCropKey(data) {
-        return data ? `${data.width}x${data.height};${data.mode}` : 'generic';
+        return data ? `${data.width}x${data.height};${data.mode};${data.format}` : 'generic';
     }
 }
 export default UmbImagingStore;

package/dist-cms/packages/media/imaging/types.d.ts

@@ -4,6 +4,7 @@ export interface UmbImagingResizeModel {
     height?: number;
     width?: number;
     mode?: UmbImagingCropMode;
+    format?: string;
 }
 /**
  * @deprecated use `UmbImagingResizeModel` instead

package/dist-cms/packages/media/media/audit-log/index.d.ts

@@ -1 +1 @@
-export { UmbMediaAuditLogRepository } from './repository/index.js';
+export * from './repository/index.js';

package/dist-cms/packages/media/media/audit-log/index.js

@@ -1 +1 @@
-export { UmbMediaAuditLogRepository } from './repository/index.js';
+export * from './repository/index.js';

package/dist-cms/packages/media/media/audit-log/info-app/manifests.js

@@ -1,12 +1,15 @@
 import { UMB_MEDIA_WORKSPACE_ALIAS } from '../../workspace/constants.js';
+import { UMB_MEDIA_AUDIT_LOG_REPOSITORY_ALIAS } from '../repository/constants.js';
 import { UMB_WORKSPACE_CONDITION_ALIAS } from '../../../../core/workspace/index.js';
 export const manifests = [
     {
         type: 'workspaceInfoApp',
+        kind: 'auditLog',
         name: 'Media History Workspace Info App',
         alias: 'Umb.WorkspaceInfoApp.Media.History',
-        element: () => import('./media-history-workspace-info-app.element.js'),
-        weight: 80,
+        meta: {
+            auditLogRepositoryAlias: UMB_MEDIA_AUDIT_LOG_REPOSITORY_ALIAS,
+        },
         conditions: [
             {
                 alias: UMB_WORKSPACE_CONDITION_ALIAS,

package/dist-cms/packages/media/media/audit-log/info-app/media-history-workspace-info-app.element.d.ts

@@ -1,4 +1,7 @@
 import { UmbLitElement } from '../../../../core/lit-element/index.js';
+/**
+ * @deprecated Scheduled for removal in Umbraco 19. Replaced by the shared 'auditLog' kind element (UmbContentAuditLogWorkspaceInfoAppElement).
+ */
 export declare class UmbMediaHistoryWorkspaceInfoAppElement extends UmbLitElement {
     #private;
     private _currentPageNumber;

package/dist-cms/packages/media/media/audit-log/info-app/media-history-workspace-info-app.element.js

@@ -12,6 +12,9 @@ import { UmbLitElement } from '../../../../core/lit-element/index.js';
 import { UmbTextStyles } from '../../../../core/style/index.js';
 import { UmbPaginationManager } from '../../../../core/utils/index.js';
 import { UmbUserItemRepository } from '../../../../user/user/index.js';
+/**
+ * @deprecated Scheduled for removal in Umbraco 19. Replaced by the shared 'auditLog' kind element (UmbContentAuditLogWorkspaceInfoAppElement).
+ */
 let UmbMediaHistoryWorkspaceInfoAppElement = class UmbMediaHistoryWorkspaceInfoAppElement extends UmbLitElement {
     #workspaceContext;
     #auditLogRepository;

package/dist-cms/packages/media/media/audit-log/info-app/utils.d.ts

@@ -14,6 +14,7 @@ interface HistoryData {
 /**
  * @description Helper function to get look and color for uui-tag and localization keys for the label and description.
  * @param type AuditTypeModel
+ * @deprecated Scheduled for removal in Umbraco 19. Use the audit log repository's getTagStyleAndText() method instead.
  */
 export declare function getMediaHistoryTagStyleAndText(type: UmbMediaAuditLogType): HistoryData;
 export declare const TimeOptions: Intl.DateTimeFormatOptions;

package/dist-cms/packages/media/media/audit-log/info-app/utils.js

@@ -3,6 +3,7 @@ import { UmbMediaAuditLog } from '../utils/index.js';
 /**
  * @description Helper function to get look and color for uui-tag and localization keys for the label and description.
  * @param type AuditTypeModel
+ * @deprecated Scheduled for removal in Umbraco 19. Use the audit log repository's getTagStyleAndText() method instead.
  */
 export function getMediaHistoryTagStyleAndText(type) {
     switch (type) {

package/dist-cms/packages/media/media/audit-log/manifests.js

@@ -1,2 +1,3 @@
 import { manifests as infoAppManifests } from './info-app/manifests.js';
-export const manifests = [...infoAppManifests];
+import { manifests as repositoryManifests } from './repository/manifests.js';
+export const manifests = [...infoAppManifests, ...repositoryManifests];

package/dist-cms/packages/media/media/audit-log/repository/constants.d.ts

@@ -0,0 +1 @@
+export declare const UMB_MEDIA_AUDIT_LOG_REPOSITORY_ALIAS = "Umb.Repository.Media.AuditLog";

package/dist-cms/packages/media/media/audit-log/repository/constants.js

@@ -0,0 +1 @@
+export const UMB_MEDIA_AUDIT_LOG_REPOSITORY_ALIAS = 'Umb.Repository.Media.AuditLog';

package/dist-cms/packages/media/media/audit-log/repository/index.d.ts

@@ -1 +1,2 @@
+export { UMB_MEDIA_AUDIT_LOG_REPOSITORY_ALIAS } from './constants.js';
 export { UmbMediaAuditLogRepository } from './media-audit-log.repository.js';

package/dist-cms/packages/media/media/audit-log/repository/index.js

@@ -1 +1,2 @@
+export { UMB_MEDIA_AUDIT_LOG_REPOSITORY_ALIAS } from './constants.js';
 export { UmbMediaAuditLogRepository } from './media-audit-log.repository.js';

package/dist-cms/packages/media/media/audit-log/repository/manifests.d.ts

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

package/dist-cms/packages/media/media/audit-log/repository/manifests.js

@@ -0,0 +1,9 @@
+import { UMB_MEDIA_AUDIT_LOG_REPOSITORY_ALIAS } from './constants.js';
+export const manifests = [
+    {
+        type: 'repository',
+        alias: UMB_MEDIA_AUDIT_LOG_REPOSITORY_ALIAS,
+        name: 'Media Audit Log Repository',
+        api: () => import('./media-audit-log.repository.js'),
+    },
+];

package/dist-cms/packages/media/media/audit-log/repository/media-audit-log.repository.d.ts

@@ -1,5 +1,5 @@
 import type { UmbMediaAuditLogModel } from '../types.js';
-import type { UmbAuditLogRepository, UmbAuditLogRequestArgs } from '../../../../core/audit-log/index.js';
+import type { UmbAuditLogRepository, UmbAuditLogRequestArgs, UmbAuditLogTagData } from '../../../../core/audit-log/index.js';
 import type { UmbControllerHost } from '../../../../../libs/controller-api/index.js';
 import { UmbRepositoryBase } from '../../../../core/repository/index.js';
 /**
@@ -31,4 +31,12 @@ export declare class UmbMediaAuditLogRepository extends UmbRepositoryBase implem
         error: import("../../../../core/resources/index.js").UmbApiError | import("../../../../core/resources/index.js").UmbCancelError | undefined;
         data?: undefined;
     }>;
+    /**
+     * Get the tag style and localization data for a given audit log type
+     * @param {string} logType
+     * @returns {UmbAuditLogTagData}
+     * @memberof UmbMediaAuditLogRepository
+     */
+    getTagStyleAndText(logType: string): UmbAuditLogTagData;
 }
+export { UmbMediaAuditLogRepository as api };

package/dist-cms/packages/media/media/audit-log/repository/media-audit-log.repository.js

@@ -1,3 +1,4 @@
+import { getMediaHistoryTagStyleAndText } from '../info-app/utils.js';
 import { UmbMediaAuditLogServerDataSource } from './media-audit-log.server.data-source.js';
 import { UmbRepositoryBase } from '../../../../core/repository/index.js';
 /**
@@ -25,4 +26,14 @@ export class UmbMediaAuditLogRepository extends UmbRepositoryBase {
     async requestAuditLog(args) {
         return this.#dataSource.getAuditLog(args);
     }
+    /**
+     * Get the tag style and localization data for a given audit log type
+     * @param {string} logType
+     * @returns {UmbAuditLogTagData}
+     * @memberof UmbMediaAuditLogRepository
+     */
+    getTagStyleAndText(logType) {
+        return getMediaHistoryTagStyleAndText(logType);
+    }
 }
+export { UmbMediaAuditLogRepository as api };

package/dist-cms/packages/media/media/collection/item/manifests.d.ts

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

package/dist-cms/packages/media/media/collection/item/manifests.js

@@ -0,0 +1,10 @@
+import { UMB_MEDIA_ENTITY_TYPE, UMB_MEDIA_PLACEHOLDER_ENTITY_TYPE } from '../../entity.js';
+export const manifests = [
+    {
+        type: 'entityCollectionItemCard',
+        alias: 'Umb.EntityCollectionItemCard.Media',
+        name: 'Media Entity Collection Item Card',
+        element: () => import('./media-collection-item-card.element.js'),
+        forEntityTypes: [UMB_MEDIA_ENTITY_TYPE, UMB_MEDIA_PLACEHOLDER_ENTITY_TYPE],
+    },
+];

package/dist-cms/packages/media/media/collection/item/media-collection-item-card.element.d.ts

@@ -0,0 +1,23 @@
+import type { UmbMediaCollectionItemModel } from './types.js';
+import { nothing } from '../../../../../external/lit/index.js';
+import { UmbLitElement } from '../../../../core/lit-element/index.js';
+import type { UmbEntityCollectionItemElement } from '../../../../core/collection/index.js';
+import '../../../imaging/index.js';
+export declare class UmbMediaCollectionItemCardElement extends UmbLitElement implements UmbEntityCollectionItemElement {
+    #private;
+    get item(): UmbMediaCollectionItemModel | undefined;
+    set item(value: UmbMediaCollectionItemModel | undefined);
+    selectable: boolean;
+    selected: boolean;
+    selectOnly: boolean;
+    disabled: boolean;
+    href?: string;
+    render(): typeof nothing | import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
+}
+export { UmbMediaCollectionItemCardElement as element };
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-media-collection-item-card': UmbMediaCollectionItemCardElement;
+    }
+}