@umbraco-cms/backoffice 18.0.2 → 18.1.0-rc

package/dist-cms/packages/media/media/property-editors/image-cropper/value-summary/manifests.js

@@ -0,0 +1,11 @@
+import { UMB_IMAGE_CROPPER_PROPERTY_EDITOR_VALUE_TYPE } from '../value-type/constants.js';
+export const manifests = [
+    {
+        type: 'valueSummary',
+        kind: 'default',
+        alias: 'Umb.ValueSummary.PropertyEditor.ImageCropper',
+        name: 'Image Cropper Property Editor Value Summary',
+        forValueType: UMB_IMAGE_CROPPER_PROPERTY_EDITOR_VALUE_TYPE,
+        element: () => import('./value-summary.element.js'),
+    },
+];

package/dist-cms/packages/media/media/property-editors/image-cropper/value-summary/value-summary.element.d.ts

@@ -0,0 +1,12 @@
+import { nothing } from '../../../../../../external/lit/index.js';
+import { UmbValueSummaryElementBase } from '../../../../../core/value-summary/index.js';
+import type { UmbImageCropperPropertyEditorValue } from '../../../components/index.js';
+export declare class UmbImageCropperPropertyEditorValueSummaryElement extends UmbValueSummaryElementBase<UmbImageCropperPropertyEditorValue> {
+    render(): typeof nothing | import("lit-html").TemplateResult<1>;
+}
+export { UmbImageCropperPropertyEditorValueSummaryElement as element };
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-image-cropper-property-editor-value-summary': UmbImageCropperPropertyEditorValueSummaryElement;
+    }
+}

package/dist-cms/packages/media/media/property-editors/image-cropper/value-summary/value-summary.element.js

@@ -0,0 +1,21 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { customElement, html, nothing } from '../../../../../../external/lit/index.js';
+import { UmbValueSummaryElementBase } from '../../../../../core/value-summary/index.js';
+let UmbImageCropperPropertyEditorValueSummaryElement = class UmbImageCropperPropertyEditorValueSummaryElement extends UmbValueSummaryElementBase {
+    render() {
+        if (!this._value?.src)
+            return nothing;
+        const filename = this._value.src.split('/').pop() ?? this._value;
+        return html `<span title="${filename}">${filename}</span>`;
+    }
+};
+UmbImageCropperPropertyEditorValueSummaryElement = __decorate([
+    customElement('umb-image-cropper-property-editor-value-summary')
+], UmbImageCropperPropertyEditorValueSummaryElement);
+export { UmbImageCropperPropertyEditorValueSummaryElement };
+export { UmbImageCropperPropertyEditorValueSummaryElement as element };

package/dist-cms/packages/media/media/property-editors/image-cropper/value-type/constants.d.ts

@@ -0,0 +1,7 @@
+import type { UmbImageCropperPropertyEditorValue } from '../../../components/index.js';
+export declare const UMB_IMAGE_CROPPER_PROPERTY_EDITOR_VALUE_TYPE: "Umbraco.ImageCropper";
+declare global {
+    interface UmbValueTypeMap {
+        [UMB_IMAGE_CROPPER_PROPERTY_EDITOR_VALUE_TYPE]: UmbImageCropperPropertyEditorValue;
+    }
+}

package/dist-cms/packages/media/media/property-editors/image-cropper/value-type/constants.js

@@ -0,0 +1 @@
+export const UMB_IMAGE_CROPPER_PROPERTY_EDITOR_VALUE_TYPE = 'Umbraco.ImageCropper';

package/dist-cms/packages/media/media/property-editors/image-crops/manifests.js

@@ -6,6 +6,6 @@ export const manifest = {
     meta: {
         label: 'Image Crops Configuration',
         icon: 'icon-autofill',
-        group: 'common',
+        group: '#propertyEditorUIGroups_common',
     },
 };

package/dist-cms/packages/media/media/property-editors/media-entity-picker/manifests.js

@@ -6,7 +6,7 @@ export const manifest = {
     meta: {
         label: 'Media Entity Picker',
         icon: 'icon-picture',
-        group: 'pickers',
+        group: '#propertyEditorUIGroups_pickers',
         supportsReadOnly: true,
     },
 };

package/dist-cms/packages/media/media/property-editors/media-picker/manifests.js

@@ -1,4 +1,5 @@
 import { manifest as schemaManifest } from './Umbraco.MediaPicker.js';
+import { manifests as valueSummaryManifests } from './value-summary/manifests.js';
 export const manifests = [
     {
         type: 'propertyEditorUi',
@@ -9,7 +10,7 @@ export const manifests = [
             label: 'Media Picker',
             propertyEditorSchemaAlias: 'Umbraco.MediaPicker3',
             icon: 'icon-picture',
-            group: 'media',
+            group: '#propertyEditorUIGroups_media',
             keywords: [
                 'select',
                 'image',
@@ -30,4 +31,5 @@ export const manifests = [
         },
     },
     schemaManifest,
+    ...valueSummaryManifests,
 ];

package/dist-cms/packages/media/media/property-editors/media-picker/value-summary/manifests.d.ts

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

package/dist-cms/packages/media/media/property-editors/media-picker/value-summary/manifests.js

@@ -0,0 +1,12 @@
+import { UMB_MEDIA_PICKER_PROPERTY_EDITOR_VALUE_TYPE } from '../value-type/constants.js';
+export const manifests = [
+    {
+        type: 'valueSummary',
+        kind: 'default',
+        alias: 'Umb.ValueSummary.PropertyEditor.MediaPicker',
+        name: 'Media Picker Property Editor Value Summary',
+        forValueType: UMB_MEDIA_PICKER_PROPERTY_EDITOR_VALUE_TYPE,
+        element: () => import('./value-summary.js'),
+        valueResolver: () => import('./value-summary.js'),
+    },
+];

package/dist-cms/packages/media/media/property-editors/media-picker/value-summary/value-summary.d.ts

@@ -0,0 +1,2 @@
+export { UmbMediaPickerPropertyEditorValueSummaryElement as element } from './value-summary.element.js';
+export { UmbMediaPickerValueSummaryResolver as valueResolver } from './value-summary.resolver.js';

package/dist-cms/packages/media/media/property-editors/media-picker/value-summary/value-summary.element.d.ts

@@ -0,0 +1,11 @@
+import { nothing } from '../../../../../../external/lit/index.js';
+import { UmbValueSummaryElementBase } from '../../../../../core/value-summary/index.js';
+import type { UmbMediaItemModel } from '../../../types.js';
+export declare class UmbMediaPickerPropertyEditorValueSummaryElement extends UmbValueSummaryElementBase<Array<UmbMediaItemModel>> {
+    render(): typeof nothing | import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-media-picker-property-editor-value-summary': UmbMediaPickerPropertyEditorValueSummaryElement;
+    }
+}

package/dist-cms/packages/media/media/property-editors/media-picker/value-summary/value-summary.element.js

@@ -0,0 +1,20 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { customElement, html, nothing } from '../../../../../../external/lit/index.js';
+import { UmbValueSummaryElementBase } from '../../../../../core/value-summary/index.js';
+let UmbMediaPickerPropertyEditorValueSummaryElement = class UmbMediaPickerPropertyEditorValueSummaryElement extends UmbValueSummaryElementBase {
+    render() {
+        if (!this._value?.length)
+            return nothing;
+        const names = this._value.map((item) => item.name).filter(Boolean);
+        return html `<span title="${names.join(', ')}">${names.join(', ')}</span>`;
+    }
+};
+UmbMediaPickerPropertyEditorValueSummaryElement = __decorate([
+    customElement('umb-media-picker-property-editor-value-summary')
+], UmbMediaPickerPropertyEditorValueSummaryElement);
+export { UmbMediaPickerPropertyEditorValueSummaryElement };

package/dist-cms/packages/media/media/property-editors/media-picker/value-summary/value-summary.js

@@ -0,0 +1,2 @@
+export { UmbMediaPickerPropertyEditorValueSummaryElement as element } from './value-summary.element.js';
+export { UmbMediaPickerValueSummaryResolver as valueResolver } from './value-summary.resolver.js';

package/dist-cms/packages/media/media/property-editors/media-picker/value-summary/value-summary.resolver.d.ts

@@ -0,0 +1,8 @@
+import type { UmbValueSummaryResolveResult, UmbValueSummaryResolver } from '../../../../../core/value-summary/index.js';
+import { UmbControllerBase } from '../../../../../../libs/class-api/index.js';
+import type { UmbMediaPickerValueModel } from '../../types.js';
+import type { UmbMediaItemModel } from '../../../types.js';
+export declare class UmbMediaPickerValueSummaryResolver extends UmbControllerBase implements UmbValueSummaryResolver<UmbMediaPickerValueModel | undefined, Array<UmbMediaItemModel>> {
+    #private;
+    resolveValues(values: ReadonlyArray<UmbMediaPickerValueModel | undefined>): Promise<UmbValueSummaryResolveResult<Array<UmbMediaItemModel>>>;
+}

package/dist-cms/packages/media/media/property-editors/media-picker/value-summary/value-summary.resolver.js

@@ -0,0 +1,24 @@
+import { UmbControllerBase } from '../../../../../../libs/class-api/index.js';
+import { createObservablePart } from '../../../../../../libs/observable-api/index.js';
+import { UmbMediaItemRepository } from '../../../repository/index.js';
+export class UmbMediaPickerValueSummaryResolver extends UmbControllerBase {
+    #repo = new UmbMediaItemRepository(this);
+    async resolveValues(values) {
+        const allKeys = [...new Set(values.flatMap((v) => (v ?? []).map((entry) => entry.mediaKey)))];
+        if (allKeys.length === 0) {
+            return { data: values.map(() => []) };
+        }
+        const { data, asObservable } = await this.#repo.requestItems(allKeys);
+        const items = Array.isArray(data) ? data : [];
+        return {
+            data: this.#map(values, items),
+            asObservable: asObservable
+                ? () => createObservablePart(asObservable(), (items) => this.#map(values, items))
+                : undefined,
+        };
+    }
+    #map(values, items) {
+        const itemByKey = new Map(items.map((item) => [item.unique, item]));
+        return values.map((v) => (v ?? []).map((entry) => itemByKey.get(entry.mediaKey)).filter(Boolean));
+    }
+}

package/dist-cms/packages/media/media/property-editors/media-picker/value-type/constants.d.ts

@@ -0,0 +1,7 @@
+import type { UmbMediaPickerValueModel } from '../../types.js';
+export declare const UMB_MEDIA_PICKER_PROPERTY_EDITOR_VALUE_TYPE: "Umbraco.MediaPicker3";
+declare global {
+    interface UmbValueTypeMap {
+        [UMB_MEDIA_PICKER_PROPERTY_EDITOR_VALUE_TYPE]: UmbMediaPickerValueModel;
+    }
+}

package/dist-cms/packages/media/media/property-editors/media-picker/value-type/constants.js

@@ -0,0 +1 @@
+export const UMB_MEDIA_PICKER_PROPERTY_EDITOR_VALUE_TYPE = 'Umbraco.MediaPicker3';

package/dist-cms/packages/media/media/property-editors/upload-field/manifests.js

@@ -1,4 +1,5 @@
 import { manifest as schemaManifest } from './Umbraco.UploadField.js';
+import { manifests as valueSummaryManifests } from './value-summary/manifests.js';
 export const manifests = [
     {
         type: 'propertyEditorUi',
@@ -9,9 +10,10 @@ export const manifests = [
             label: 'Upload Field',
             propertyEditorSchemaAlias: 'Umbraco.UploadField',
             icon: 'icon-download-alt',
-            group: 'media',
+            group: '#propertyEditorUIGroups_media',
             keywords: ['file', 'upload', 'attachment', 'document', 'asset', 'download'],
         },
     },
     schemaManifest,
+    ...valueSummaryManifests,
 ];

package/dist-cms/packages/media/media/property-editors/upload-field/value-summary/manifests.d.ts

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

package/dist-cms/packages/media/media/property-editors/upload-field/value-summary/manifests.js

@@ -0,0 +1,11 @@
+import { UMB_UPLOAD_FIELD_PROPERTY_EDITOR_VALUE_TYPE } from '../value-type/constants.js';
+export const manifests = [
+    {
+        type: 'valueSummary',
+        kind: 'default',
+        alias: 'Umb.ValueSummary.PropertyEditor.UploadField',
+        name: 'Upload Field Property Editor Value Summary',
+        forValueType: UMB_UPLOAD_FIELD_PROPERTY_EDITOR_VALUE_TYPE,
+        element: () => import('./value-summary.element.js'),
+    },
+];

package/dist-cms/packages/media/media/property-editors/upload-field/value-summary/value-summary.element.d.ts

@@ -0,0 +1,12 @@
+import type { UmbMediaValueType } from '../types.js';
+import { nothing } from '../../../../../../external/lit/index.js';
+import { UmbValueSummaryElementBase } from '../../../../../core/value-summary/index.js';
+export declare class UmbUploadFieldPropertyEditorValueSummaryElement extends UmbValueSummaryElementBase<UmbMediaValueType> {
+    render(): typeof nothing | import("lit-html").TemplateResult<1>;
+}
+export { UmbUploadFieldPropertyEditorValueSummaryElement as element };
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-upload-field-property-editor-value-summary': UmbUploadFieldPropertyEditorValueSummaryElement;
+    }
+}

package/dist-cms/packages/media/media/property-editors/upload-field/value-summary/value-summary.element.js

@@ -0,0 +1,21 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { customElement, html, nothing } from '../../../../../../external/lit/index.js';
+import { UmbValueSummaryElementBase } from '../../../../../core/value-summary/index.js';
+let UmbUploadFieldPropertyEditorValueSummaryElement = class UmbUploadFieldPropertyEditorValueSummaryElement extends UmbValueSummaryElementBase {
+    render() {
+        if (!this._value?.src)
+            return nothing;
+        const filename = this._value.src.split('/').pop() ?? this._value.src;
+        return html `<span title="${filename}">${filename}</span>`;
+    }
+};
+UmbUploadFieldPropertyEditorValueSummaryElement = __decorate([
+    customElement('umb-upload-field-property-editor-value-summary')
+], UmbUploadFieldPropertyEditorValueSummaryElement);
+export { UmbUploadFieldPropertyEditorValueSummaryElement };
+export { UmbUploadFieldPropertyEditorValueSummaryElement as element };

package/dist-cms/packages/media/media/property-editors/upload-field/value-type/constants.d.ts

@@ -0,0 +1,7 @@
+import type { UmbMediaValueType } from '../types.js';
+export declare const UMB_UPLOAD_FIELD_PROPERTY_EDITOR_VALUE_TYPE: "Umbraco.UploadField";
+declare global {
+    interface UmbValueTypeMap {
+        [UMB_UPLOAD_FIELD_PROPERTY_EDITOR_VALUE_TYPE]: UmbMediaValueType;
+    }
+}

package/dist-cms/packages/media/media/property-editors/upload-field/value-type/constants.js

@@ -0,0 +1 @@
+export const UMB_UPLOAD_FIELD_PROPERTY_EDITOR_VALUE_TYPE = 'Umbraco.UploadField';

package/dist-cms/packages/media/media/recycle-bin/manifests.js

@@ -1,3 +1,4 @@
+import { UmbAllowMediaRecycleBinCurrentUserCondition } from './allow-media-recycle-bin.condition.js';
 import { manifests as collectionManifests } from './collection-action/manifests.js';
 import { manifests as entityActionManifests } from './entity-action/manifests.js';
 import { manifests as menuManifests } from './menu/manifests.js';
@@ -9,7 +10,7 @@ export const manifests = [
         type: 'condition',
         name: 'Allow Media Recycle Bin Current User Condition',
         alias: 'Umb.Condition.CurrentUser.AllowMediaRecycleBin',
-        api: () => import('./allow-media-recycle-bin.condition.js'),
+        api: UmbAllowMediaRecycleBinCurrentUserCondition,
     },
     ...collectionManifests,
     ...entityActionManifests,

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

@@ -1 +1 @@
-export type { UmbMediaItemModel } from './item/types.js';
+export type * from './item/types.js';

package/dist-cms/packages/media/media/search/global-search/manifests.js

@@ -10,7 +10,7 @@ export const manifests = [
         weight: 700,
         api: () => import('./media-global-search.js'),
         meta: {
-            label: 'Media',
+            label: '#sections_media',
             searchProviderAlias: UMB_MEDIA_SEARCH_PROVIDER_ALIAS,
             sectionAlias: UMB_MEDIA_SECTION_ALIAS,
         },

package/dist-cms/packages/media/media/search/media-search.server.data-source.js

@@ -1,6 +1,7 @@
 import { UMB_MEDIA_ENTITY_TYPE } from '../entity.js';
 import { MediaService } from '../../../core/backend-api/index.js';
 import { tryExecute } from '../../../core/resources/index.js';
+import { UmbItemDataApiGetRequestController } from '../../../core/entity-item/index.js';
 /**
  * A data source for the Rollback that fetches data from the server
  * @class UmbMediaSearchServerDataSource
@@ -19,30 +20,22 @@ export class UmbMediaSearchServerDataSource {
     async #fetchAncestors(ids) {
         if (!ids.length)
             return { data: new Map() };
-        const { data, error } = await tryExecute(this.#host, MediaService.getItemMediaAncestors({ query: { id: ids } }));
+        const requestController = new UmbItemDataApiGetRequestController(this.#host, {
+            uniques: ids,
+            // eslint-disable-next-line local-rules/no-direct-api-import
+            api: ({ uniques }) => MediaService.getItemMediaAncestors({ query: { id: uniques } }),
+        });
+        const { data, error } = await requestController.request();
         if (error)
             return { error };
+        // A failed batch resolves without rejecting, leaving an `undefined` hole in `data` rather than
+        // surfacing an error, so guard against it before mapping below.
+        if (data?.some((entry) => entry == null))
+            return { error: new Error('Error fetching ancestors for one or more media items.') };
         const ancestorsByItemId = new Map();
         if (data) {
             for (const entry of data) {
-                ancestorsByItemId.set(entry.id, entry.ancestors.map((ancestor) => ({
-                    entityType: UMB_MEDIA_ENTITY_TYPE,
-                    hasChildren: ancestor.hasChildren,
-                    isTrashed: ancestor.isTrashed,
-                    unique: ancestor.id,
-                    mediaType: {
-                        collection: ancestor.mediaType.collection ? { unique: ancestor.mediaType.collection.id } : null,
-                        icon: ancestor.mediaType.icon,
-                        unique: ancestor.mediaType.id,
-                    },
-                    name: ancestor.variants[0]?.name ?? '',
-                    parent: ancestor.parent ? { unique: ancestor.parent.id } : null,
-                    variants: ancestor.variants.map((variant) => ({
-                        culture: variant.culture || null,
-                        name: variant.name,
-                    })),
-                    flags: ancestor.flags,
-                })));
+                ancestorsByItemId.set(entry.id, entry.ancestors.map(mapAncestorToItemModel));
             }
         }
         return { data: ancestorsByItemId };
@@ -100,3 +93,23 @@ export class UmbMediaSearchServerDataSource {
         return { error };
     }
 }
+function mapAncestorToItemModel(ancestor) {
+    return {
+        entityType: UMB_MEDIA_ENTITY_TYPE,
+        hasChildren: ancestor.hasChildren,
+        isTrashed: ancestor.isTrashed,
+        unique: ancestor.id,
+        mediaType: {
+            collection: ancestor.mediaType.collection ? { unique: ancestor.mediaType.collection.id } : null,
+            icon: ancestor.mediaType.icon,
+            unique: ancestor.mediaType.id,
+        },
+        name: ancestor.variants[0]?.name ?? '',
+        parent: ancestor.parent ? { unique: ancestor.parent.id } : null,
+        variants: ancestor.variants.map((variant) => ({
+            culture: variant.culture || null,
+            name: variant.name,
+        })),
+        flags: ancestor.flags,
+    };
+}

package/dist-cms/packages/media/media/tree/tree-item/media-tree-item.context.d.ts

@@ -3,7 +3,6 @@ import { UmbDefaultTreeItemContext } from '../../../../core/tree/index.js';
 import type { UmbControllerHost } from '../../../../../libs/controller-api/index.js';
 export declare class UmbMediaTreeItemContext extends UmbDefaultTreeItemContext<UmbMediaTreeItemModel, UmbMediaTreeRootModel> {
     #private;
-    readonly noAccess: import("rxjs").Observable<boolean>;
     constructor(host: UmbControllerHost);
 }
 export { UmbMediaTreeItemContext as api };

package/dist-cms/packages/media/media/tree/tree-item/media-tree-item.context.js

@@ -3,13 +3,10 @@ import { UmbIsTrashedEntityContext } from '../../../../core/recycle-bin/index.js
 import { UmbEntityContentTypeEntityContext } from '../../../../content/content-type/index.js';
 import { UMB_MEDIA_TYPE_ENTITY_TYPE } from '../../../media-types/index.js';
 export class UmbMediaTreeItemContext extends UmbDefaultTreeItemContext {
-    #isTrashedContext;
-    #entityContentTypeContext;
+    #isTrashedContext = new UmbIsTrashedEntityContext(this);
+    #entityContentTypeContext = new UmbEntityContentTypeEntityContext(this);
     constructor(host) {
         super(host);
-        this.#isTrashedContext = new UmbIsTrashedEntityContext(this);
-        this.#entityContentTypeContext = new UmbEntityContentTypeEntityContext(this);
-        this.noAccess = this._treeItem.asObservablePart((item) => item?.noAccess ?? false);
         this.observe(this.treeItem, (item) => {
             this.#isTrashedContext.setIsTrashed(item?.isTrashed || false);
             const mediaTypeUnique = item?.mediaType.unique;

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

@@ -3,7 +3,6 @@ import type { UmbMediaTreeItemContext } from './media-tree-item.context.js';
 import { UmbTreeItemElementBase } from '../../../../core/tree/index.js';
 export declare class UmbMediaTreeItemElement extends UmbTreeItemElementBase<UmbMediaTreeItemModel, UmbMediaTreeItemContext> {
     #private;
-    set api(value: UmbMediaTreeItemContext | undefined);
     renderIconContainer(): import("lit-html").TemplateResult<1>;
     renderLabel(): import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult[];

package/dist-cms/packages/media/media/tree/tree-item/media-tree-item.element.js

@@ -7,12 +7,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { css, html, customElement, nothing, classMap, when } from '../../../../../external/lit/index.js';
 import { UmbTreeItemElementBase } from '../../../../core/tree/index.js';
 let UmbMediaTreeItemElement = class UmbMediaTreeItemElement extends UmbTreeItemElementBase {
-    set api(value) {
-        // Observe noAccess from context and update base class property (_noAccess).
-        // This enables access restriction behavior (click prevention) and styling from the base class.
-        this.observe(value?.noAccess, (noAccess) => (this._noAccess = noAccess ?? false));
-        super.api = value;
-    }
     renderIconContainer() {
         return html `
 			<div id="icon-container" slot="icon">

package/dist-cms/packages/media/media/utils/ensure-media-name-from-file.function.d.ts

@@ -0,0 +1,12 @@
+import type { UmbClassInterface } from '../../../../libs/class-api/index.js';
+/**
+ * Populates the media workspace name from an uploaded file when the user has not
+ * already provided one. The filename is converted to a friendly name (extension
+ * stripped, dashes/underscores replaced, title-cased) before being applied.
+ *
+ * Does nothing if the consumed dataset context is not a media item, or if a
+ * non-empty name is already set.
+ * @param {UmbClassInterface} host - The context-consuming host (typically the calling element).
+ * @param {File} file - The uploaded file whose name should seed the media item name.
+ */
+export declare function ensureMediaNameFromFile(host: UmbClassInterface, file: File): Promise<void>;

package/dist-cms/packages/media/media/utils/ensure-media-name-from-file.function.js

@@ -0,0 +1,22 @@
+import { UMB_MEDIA_ENTITY_TYPE } from '../entity.js';
+import { toFriendlyName } from './to-friendly-name.function.js';
+import { UMB_NAMEABLE_PROPERTY_DATASET_CONTEXT } from '../../../core/property/index.js';
+/**
+ * Populates the media workspace name from an uploaded file when the user has not
+ * already provided one. The filename is converted to a friendly name (extension
+ * stripped, dashes/underscores replaced, title-cased) before being applied.
+ *
+ * Does nothing if the consumed dataset context is not a media item, or if a
+ * non-empty name is already set.
+ * @param {UmbClassInterface} host - The context-consuming host (typically the calling element).
+ * @param {File} file - The uploaded file whose name should seed the media item name.
+ */
+export async function ensureMediaNameFromFile(host, file) {
+    const datasetContext = await host.getContext(UMB_NAMEABLE_PROPERTY_DATASET_CONTEXT).catch(() => undefined);
+    if (!datasetContext || datasetContext.getEntityType() !== UMB_MEDIA_ENTITY_TYPE)
+        return;
+    const currentName = datasetContext.getName();
+    if (currentName && currentName.trim() !== '')
+        return;
+    datasetContext.setName(toFriendlyName(file.name));
+}

package/dist-cms/packages/media/media/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ensure-media-name-from-file.function.js';
+export * from './to-friendly-name.function.js';

package/dist-cms/packages/media/media/utils/index.js

@@ -0,0 +1,2 @@
+export * from './ensure-media-name-from-file.function.js';
+export * from './to-friendly-name.function.js';

package/dist-cms/packages/media/media/utils/to-friendly-name.function.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Converts a file name to a friendly name suitable for use as a media item name.
+ *
+ * Strips the file extension, replaces underscores and dashes with spaces, title-cases
+ * each word (preserving all-uppercase words as acronyms), and collapses consecutive
+ * whitespace. Mirrors the server-side `StringExtensions.ToFriendlyName` helper — keep
+ * the two implementations in sync.
+ * @param {string} fileName - The file name to convert.
+ * @returns {string} The friendly name.
+ */
+export declare function toFriendlyName(fileName: string): string;

package/dist-cms/packages/media/media/utils/to-friendly-name.function.js

@@ -0,0 +1,48 @@
+/**
+ * Strips the file extension following the same rules as the server-side
+ * `StringExtensions.StripFileExtension`: extensions containing whitespace are
+ * preserved (the dot is not treated as a separator), filenames with line breaks
+ * are left untouched, and a dot at the start of the name (e.g. `.gitignore`) is
+ * not treated as an extension delimiter.
+ */
+function stripFileExtension(fileName) {
+    if (fileName.includes('\n') || fileName.includes('\r')) {
+        return fileName;
+    }
+    const lastIndex = fileName.lastIndexOf('.');
+    if (lastIndex <= 0) {
+        return fileName;
+    }
+    const extension = fileName.substring(lastIndex);
+    if (extension.includes(' ')) {
+        return fileName;
+    }
+    return fileName.substring(0, lastIndex);
+}
+/**
+ * Converts a file name to a friendly name suitable for use as a media item name.
+ *
+ * Strips the file extension, replaces underscores and dashes with spaces, title-cases
+ * each word (preserving all-uppercase words as acronyms), and collapses consecutive
+ * whitespace. Mirrors the server-side `StringExtensions.ToFriendlyName` helper — keep
+ * the two implementations in sync.
+ * @param {string} fileName - The file name to convert.
+ * @returns {string} The friendly name.
+ */
+export function toFriendlyName(fileName) {
+    if (!fileName) {
+        return '';
+    }
+    let name = stripFileExtension(fileName);
+    name = name.replace(/[-_]+/g, ' ');
+    name = name.replace(/\p{L}+/gu, (word) => {
+        if (word.length > 1 && word === word.toUpperCase()) {
+            return word;
+        }
+        return word.charAt(0).toUpperCase() + word.slice(1).toLowerCase();
+    });
+    return name
+        .split(/\s+/)
+        .filter((part) => part.length > 0)
+        .join(' ');
+}