@umbraco-cms/backoffice 17.0.2 → 17.1.0

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

@@ -6,7 +6,7 @@ export declare class UmbImagingThumbnailElement extends UmbLitElement {
      * The unique identifier for the media item.
      * @description This is also known as the media key and is used to fetch the resource.
      */
-    unique: string;
+    unique?: string;
     /**
      * The width of the thumbnail in pixels.
      * @default 300
@@ -37,6 +37,10 @@ export declare class UmbImagingThumbnailElement extends UmbLitElement {
      * @default 'lazy'
      */
     loading: (typeof HTMLImageElement)['prototype']['loading'];
+    /**
+     * External loading state (e.g., when parent is waiting for metadata)
+     */
+    externalLoading: boolean;
     private _isLoading;
     private _thumbnailUrl;
     render(): import("lit-html").TemplateResult<1>;

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

@@ -14,11 +14,6 @@ import { UmbEntityUpdatedEvent } from '../../../core/entity-action/index.js';
 let UmbImagingThumbnailElement = class UmbImagingThumbnailElement extends UmbLitElement {
     constructor() {
         super(...arguments);
-        /**
-         * The unique identifier for the media item.
-         * @description This is also known as the media key and is used to fetch the resource.
-         */
-        this.unique = '';
         /**
          * The width of the thumbnail in pixels.
          * @default 300
@@ -49,14 +44,18 @@ let UmbImagingThumbnailElement = class UmbImagingThumbnailElement extends UmbLit
          * @default 'lazy'
          */
         this.loading = 'lazy';
-        this._isLoading = true;
+        /**
+         * External loading state (e.g., when parent is waiting for metadata)
+         */
+        this.externalLoading = false;
+        this._isLoading = false;
         this._thumbnailUrl = '';
         this.#imagingRepository = new UmbImagingRepository(this);
     }
     #imagingRepository;
     #intersectionObserver;
     render() {
-        return when(this._isLoading, () => this.#renderLoading(), () => this.#renderThumbnail());
+        return when(this.externalLoading || this._isLoading, () => this.#renderLoading(), () => this.#renderThumbnail());
     }
     connectedCallback() {
         super.connectedCallback();
@@ -94,7 +93,7 @@ let UmbImagingThumbnailElement = class UmbImagingThumbnailElement extends UmbLit
         });
     }
     #renderLoading() {
-        return html `<div id="loader"><uui-loader></uui-loader></div>`;
+        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>`);
@@ -126,11 +125,8 @@ let UmbImagingThumbnailElement = class UmbImagingThumbnailElement extends UmbLit
 			}
 
 			#loader {
-				display: flex;
-				justify-content: center;
-				align-items: center;
-				height: 100%;
-				width: 100%;
+				font-size: 2em;
+				margin-bottom: 1em;
 			}
 
 			#figure {
@@ -153,7 +149,7 @@ let UmbImagingThumbnailElement = class UmbImagingThumbnailElement extends UmbLit
     ]; }
 };
 __decorate([
-    property()
+    property({ type: String })
 ], UmbImagingThumbnailElement.prototype, "unique", void 0);
 __decorate([
     property({ type: Number })
@@ -162,17 +158,20 @@ __decorate([
     property({ type: Number })
 ], UmbImagingThumbnailElement.prototype, "height", void 0);
 __decorate([
-    property()
+    property({ type: String })
 ], UmbImagingThumbnailElement.prototype, "mode", void 0);
 __decorate([
-    property()
+    property({ type: String })
 ], UmbImagingThumbnailElement.prototype, "alt", void 0);
 __decorate([
-    property()
+    property({ type: String })
 ], UmbImagingThumbnailElement.prototype, "icon", void 0);
 __decorate([
-    property()
+    property({ type: String })
 ], UmbImagingThumbnailElement.prototype, "loading", void 0);
+__decorate([
+    property({ type: Boolean, reflect: false, attribute: 'external-loading' })
+], UmbImagingThumbnailElement.prototype, "externalLoading", void 0);
 __decorate([
     state()
 ], UmbImagingThumbnailElement.prototype, "_isLoading", void 0);

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

@@ -27,7 +27,7 @@ export const manifests = [
         weight: 200,
         meta: {
             label: 'Table',
-            icon: 'icon-list',
+            icon: 'icon-table',
             pathName: 'table',
         },
         conditions: [

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

@@ -156,8 +156,8 @@ let UmbInputMediaElement = class UmbInputMediaElement extends UmbFormControlMixi
                 this.dispatchEvent(new UmbInteractionMemoriesChangeEvent());
             }
         }, '_observeMemories');
-        this.addValidator('rangeUnderflow', () => this.minMessage, () => !!this.min && this.selection.length < this.min);
-        this.addValidator('rangeOverflow', () => this.maxMessage, () => !!this.max && this.selection.length > this.max);
+        this.addValidator('rangeUnderflow', () => this.minMessage, () => !this.readonly && !!this.min && this.selection.length < this.min);
+        this.addValidator('rangeOverflow', () => this.maxMessage, () => !this.readonly && !!this.max && this.selection.length > this.max);
     }
     #openPicker() {
         this.#pickerInputContext.openPicker({

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

@@ -8,7 +8,7 @@ import { UMB_IMAGE_CROPPER_EDITOR_MODAL } from '../../modals/index.js';
 import { UMB_MEDIA_ITEM_REPOSITORY_ALIAS } from '../../repository/constants.js';
 import { UmbMediaPickerInputContext } from '../input-media/input-media.context.js';
 import { UmbFileDropzoneItemStatus } from '../../../dropzone/index.js';
-import { css, customElement, html, nothing, property, repeat, state, when } from '../../../../../external/lit/index.js';
+import { css, customElement, html, nothing, property, repeat, state } from '../../../../../external/lit/index.js';
 import { UmbChangeEvent } from '../../../../core/event/index.js';
 import { UmbId } from '../../../../core/id/index.js';
 import { UmbLitElement } from '../../../../core/lit-element/index.js';
@@ -287,6 +287,8 @@ let UmbInputRichMediaElement = class UmbInputRichMediaElement extends UmbFormCon
     #renderAddButton() {
         if (this.readonly)
             return nothing;
+        if (this.max === 1 && this._cards.length > 0)
+            return nothing;
         return html `
 			<uui-button
 				id="btn-add"
@@ -309,12 +311,12 @@ let UmbInputRichMediaElement = class UmbInputRichMediaElement extends UmbFormCon
         const href = this.readonly ? undefined : this._routeBuilder?.({ key: item.unique });
         return html `
 			<uui-card-media id=${item.unique} name=${item.name} .href=${href} ?readonly=${this.readonly}>
-				${when(item.isLoading, () => html `<uui-loader-circle></uui-loader-circle>`, () => html `
-						<umb-imaging-thumbnail
-							unique=${item.media}
-							alt=${item.name}
-							icon=${item.icon ?? 'icon-picture'}></umb-imaging-thumbnail>
-					`)}
+				<umb-imaging-thumbnail
+					.unique=${item.media}
+					.alt=${item.name}
+					.icon=${item.icon ?? 'icon-picture'}
+					.externalLoading=${item.isLoading ?? false}></umb-imaging-thumbnail>
+
 				${this.#renderIsTrashed(item)} ${this.#renderActions(item)}
 			</uui-card-media>
 		`;
@@ -343,6 +345,8 @@ let UmbInputRichMediaElement = class UmbInputRichMediaElement extends UmbFormCon
         css `
 			:host {
 				position: relative;
+				display: block;
+				width: 100%;
 			}
 			.container {
 				display: grid;

package/dist-cms/packages/media/media/components/input-upload-field/file-upload-preview.element.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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 { getMimeTypeFromExtension } from '../../components/index.js';
+import { getMimeTypeFromExtension } from './utils.js';
 import { css, customElement, html, nothing, property, state } from '../../../../../external/lit/index.js';
 import { stringOrStringArrayContains } from '../../../../core/utils/index.js';
 import { UmbLitElement } from '../../../../core/lit-element/index.js';

package/dist-cms/packages/media/media/components/input-upload-field/preview/input-upload-field-svg.element.js

@@ -20,9 +20,12 @@ let UmbInputUploadFieldSvgElement = class UmbInputUploadFieldSvgElement extends
     static { this.styles = [
         css `
 			:host {
+				height: 100%;
 				min-height: 240px;
 				max-height: 400px;
+
 				width: fit-content;
+				min-width: 240px;
 				max-width: 100%;
 			}
 

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

@@ -24,14 +24,17 @@ let UmbDropzoneMediaElement = class UmbDropzoneMediaElement extends UmbInputDrop
     getItems() {
         return this._progressItems;
     }
+    #dragCounter;
     constructor() {
         super();
         this.parentUnique = null;
+        this.#dragCounter = 0;
         this._manager = new UmbMediaDropzoneManager(this);
         this.progressItems = () => this._manager.progressItems;
         this.progress = () => this._manager.progress;
         document.addEventListener('dragenter', this.#handleDragEnter.bind(this));
         document.addEventListener('dragleave', this.#handleDragLeave.bind(this));
+        document.addEventListener('dragover', this.#handleDragOver.bind(this));
         document.addEventListener('drop', this.#handleDrop.bind(this));
         // TODO: Revisit this. I am not sure why it is needed to call these methods here when they are already called in the constructor of the parent class.
         // If we do not call them here, the observer will use the wrong instance of the dropzone manager (UmbDropZoneManager instead of UmbMediaDropzoneManager).
@@ -51,6 +54,7 @@ let UmbDropzoneMediaElement = class UmbDropzoneMediaElement extends UmbInputDrop
         super.disconnectedCallback();
         document.removeEventListener('dragenter', this.#handleDragEnter.bind(this));
         document.removeEventListener('dragleave', this.#handleDragLeave.bind(this));
+        document.removeEventListener('dragover', this.#handleDragOver.bind(this));
         document.removeEventListener('drop', this.#handleDrop.bind(this));
     }
     async onUpload(event) {
@@ -64,21 +68,31 @@ let UmbDropzoneMediaElement = class UmbDropzoneMediaElement extends UmbInputDrop
     #handleDragEnter(e) {
         if (this.disabled)
             return;
-        // Avoid collision with UmbSorterController
-        const types = e.dataTransfer?.types;
-        if (!types?.length || !types?.includes('Files'))
+        // Normalize types for Safari
+        const types = Array.from(e.dataTransfer?.types || []).map((t) => t.toLowerCase());
+        if (!types.includes('files'))
             return;
+        this.#dragCounter++;
         this.toggleAttribute('dragging', true);
+        e.preventDefault();
+    }
+    #handleDragOver(e) {
+        e.preventDefault();
     }
     #handleDragLeave() {
         if (this.disabled)
             return;
-        this.toggleAttribute('dragging', false);
+        this.#dragCounter--;
+        if (this.#dragCounter <= 0) {
+            this.toggleAttribute('dragging', false);
+            this.#dragCounter = 0;
+        }
     }
     #handleDrop(event) {
         event.preventDefault();
         if (this.disabled)
             return;
+        this.#dragCounter = 0;
         this.toggleAttribute('dragging', false);
     }
     static { this.styles = [

package/dist-cms/packages/media/media/entity-actions/create/create.action.d.ts

@@ -1,6 +1,6 @@
-import type { UmbEntityActionArgs } from '../../../../core/entity-action/index.js';
 import { UmbEntityActionBase } from '../../../../core/entity-action/index.js';
 import type { UmbControllerHost } from '../../../../../libs/controller-api/index.js';
+import type { UmbEntityActionArgs } from '../../../../core/entity-action/index.js';
 export declare class UmbCreateMediaEntityAction extends UmbEntityActionBase<never> {
     constructor(host: UmbControllerHost, args: UmbEntityActionArgs<never>);
     execute(): Promise<void>;

package/dist-cms/packages/media/media/entity-actions/create/create.action.js

@@ -1,7 +1,7 @@
 import { UmbMediaItemRepository } from '../../repository/index.js';
 import { UMB_MEDIA_CREATE_OPTIONS_MODAL } from './media-create-options-modal.token.js';
-import { UmbEntityActionBase } from '../../../../core/entity-action/index.js';
 import { umbOpenModal } from '../../../../core/modal/index.js';
+import { UmbEntityActionBase } from '../../../../core/entity-action/index.js';
 export class UmbCreateMediaEntityAction extends UmbEntityActionBase {
     constructor(host, args) {
         super(host, args);

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

@@ -11,7 +11,7 @@ export const manifests = [
         forEntityTypes: [UMB_MEDIA_ROOT_ENTITY_TYPE, UMB_MEDIA_ENTITY_TYPE],
         meta: {
             icon: 'icon-add',
-            label: '#actions_create',
+            label: '#actions_createFor',
             additionalOptions: true,
         },
         conditions: [

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

@@ -13,6 +13,7 @@ export const manifests = [
         kind: 'deleteWithRelation',
         forEntityTypes: [UMB_MEDIA_ENTITY_TYPE],
         meta: {
+            icon: 'icon-trash-empty',
             itemRepositoryAlias: UMB_MEDIA_ITEM_REPOSITORY_ALIAS,
             detailRepositoryAlias: UMB_MEDIA_DETAIL_REPOSITORY_ALIAS,
             referenceRepositoryAlias: UMB_MEDIA_REFERENCE_REPOSITORY_ALIAS,

package/dist-cms/packages/media/media/modals/image-cropper-editor/image-cropper-editor-modal.element.d.ts

@@ -1,5 +1,6 @@
 import type { UmbImageCropperEditorModalData, UmbImageCropperEditorModalValue } from './image-cropper-editor-modal.token.js';
 import { UmbModalBaseElement } from '../../../../core/modal/index.js';
+import '../../components/input-upload-field/file-upload-preview.element.js';
 export declare class UmbImageCropperEditorModalElement extends UmbModalBaseElement<UmbImageCropperEditorModalData<any>, UmbImageCropperEditorModalValue> {
     #private;
     private _imageCropperValue?;

package/dist-cms/packages/media/media/modals/image-cropper-editor/image-cropper-editor-modal.element.js

@@ -12,6 +12,7 @@ import { UmbTemporaryFileConfigRepository } from '../../../../core/temporary-fil
 import { UmbTextStyles } from '../../../../core/style/index.js';
 import { UMB_MODAL_MANAGER_CONTEXT, UmbModalBaseElement } from '../../../../core/modal/index.js';
 import { UMB_WORKSPACE_MODAL } from '../../../../core/workspace/index.js';
+import '../../components/input-upload-field/file-upload-preview.element.js';
 let UmbImageCropperEditorModalElement = class UmbImageCropperEditorModalElement extends UmbModalBaseElement {
     #urlRepository;
     #config;

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

@@ -1,6 +1,6 @@
-import { UMB_WORKSPACE_CONDITION_ALIAS } from '../../../../core/workspace/index.js';
 import { UMB_MEDIA_MENU_ALIAS, UMB_MEDIA_RECYCLE_BIN_TREE_ALIAS, UMB_MEDIA_WORKSPACE_ALIAS } from '../../constants.js';
 import { UMB_MEDIA_RECYCLE_BIN_MENU_ITEM_ALIAS } from './constants.js';
+import { UMB_WORKSPACE_CONDITION_ALIAS } from '../../../../core/workspace/index.js';
 import { UMB_ENTITY_IS_TRASHED_CONDITION_ALIAS } from '../../../../core/recycle-bin/index.js';
 export const manifests = [
     {

package/dist-cms/packages/media/media/recycle-bin/tree/tree-item-children/collection/views/manifests.js

@@ -9,7 +9,7 @@ export const manifests = [
         weight: 300,
         meta: {
             label: 'Table',
-            icon: 'icon-list',
+            icon: 'icon-table',
             pathName: 'table',
         },
         conditions: [

package/dist-cms/packages/media/media/repository/item/media-item.server.cache-invalidation.manager.js

@@ -7,6 +7,7 @@ export class UmbManagementApiMediaItemDataCacheInvalidationManager extends UmbMa
             /* The Media item model includes info about the Media Type.
             We need to invalidate the cache for both Media and MediaType events. */
             eventSources: ['Umbraco:CMS:Media', 'Umbraco:CMS:MediaType'],
+            eventTypes: ['Updated', 'Deleted', 'Trashed'],
         });
     }
     _onServerEvent(event) {

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

@@ -1 +1 @@
-export declare const UMB_MEDIA_VALIDATION_REPOSITORY_ALIAS = "Umb.Repository.Document.Validation";
+export declare const UMB_MEDIA_VALIDATION_REPOSITORY_ALIAS = "Umb.Repository.Media.Validation";

package/dist-cms/packages/media/media/repository/validation/constants.js

@@ -1 +1 @@
-export const UMB_MEDIA_VALIDATION_REPOSITORY_ALIAS = 'Umb.Repository.Document.Validation';
+export const UMB_MEDIA_VALIDATION_REPOSITORY_ALIAS = 'Umb.Repository.Media.Validation';

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

@@ -38,7 +38,7 @@ export class UmbMediaSearchServerDataSource {
                 return {
                     entityType: UMB_MEDIA_ENTITY_TYPE,
                     hasChildren: item.hasChildren,
-                    href: '/section/media/workspace/media/edit/' + item.id,
+                    href: 'section/media/workspace/media/edit/' + item.id,
                     isTrashed: item.isTrashed,
                     unique: item.id,
                     mediaType: {

package/dist-cms/packages/media/media-types/components/input-media-type/input-media-type.element.d.ts

@@ -1,4 +1,5 @@
 import { UmbLitElement } from '../../../../core/lit-element/index.js';
+import '../../../../core/entity-item/index.js';
 declare const UmbInputMediaTypeElement_base: import("../../../../../libs/extension-api/index.js").HTMLElementConstructor<import("../../../../core/validation/index.js").UmbFormControlMixinElement<string | undefined>> & typeof UmbLitElement;
 export declare class UmbInputMediaTypeElement extends UmbInputMediaTypeElement_base {
     #private;
@@ -37,6 +38,7 @@ export declare class UmbInputMediaTypeElement extends UmbInputMediaTypeElement_b
     set value(selectionString: string | undefined);
     get value(): string | undefined;
     private _items?;
+    private _statuses?;
     private _editPath;
     constructor();
     protected getFormElement(): undefined;

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

@@ -13,6 +13,7 @@ import { UMB_WORKSPACE_MODAL } from '../../../../core/workspace/index.js';
 import { UmbModalRouteRegistrationController } from '../../../../core/router/index.js';
 import { UmbSorterController } from '../../../../core/sorter/index.js';
 import { UmbFormControlMixin } from '../../../../core/validation/index.js';
+import '../../../../core/entity-item/index.js';
 let UmbInputMediaTypeElement = class UmbInputMediaTypeElement extends UmbFormControlMixin(UmbLitElement) {
     #sorter;
     /**
@@ -98,6 +99,7 @@ let UmbInputMediaTypeElement = class UmbInputMediaTypeElement extends UmbFormCon
         this.addValidator('rangeOverflow', () => this.maxMessage, () => !!this.max && this.#pickerContext.getSelection().length > this.max);
         this.observe(this.#pickerContext.selection, (selection) => (this.value = selection.join(',')), '_observeSelection');
         this.observe(this.#pickerContext.selectedItems, (selectedItems) => (this._items = selectedItems), '_observerItems');
+        this.observe(this.#pickerContext.statuses, (statuses) => (this._statuses = statuses), '_observeStatuses');
     }
     getFormElement() {
         return undefined;
@@ -107,8 +109,8 @@ let UmbInputMediaTypeElement = class UmbInputMediaTypeElement extends UmbFormCon
             hideTreeRoot: true,
         });
     }
-    #removeItem(item) {
-        this.#pickerContext.requestRemoveItem(item.unique);
+    #removeItem(unique) {
+        this.#pickerContext.requestRemoveItem(unique);
     }
     render() {
         return html `${this.#renderItems()} ${this.#renderAddButton()}`;
@@ -125,28 +127,51 @@ let UmbInputMediaTypeElement = class UmbInputMediaTypeElement extends UmbFormCon
 		`;
     }
     #renderItems() {
-        if (!this._items)
+        if (!this._statuses)
             return nothing;
         return html `
 			<uui-ref-list>
-				${repeat(this._items, (item) => item.unique, (item) => this.#renderItem(item))}
+				${repeat(this._statuses, (status) => status.unique, (status) => {
+            const unique = status.unique;
+            const item = this._items?.find((x) => x.unique === unique);
+            const isError = status.state.type === 'error';
+            // For error state, use umb-entity-item-ref
+            if (isError) {
+                return html `
+								<umb-entity-item-ref
+									id=${unique}
+									.item=${item}
+									?error=${true}
+									.errorMessage=${status.state.error}
+									.errorDetail=${unique}
+									?standalone=${this.max === 1}>
+									<uui-action-bar slot="actions">
+										<uui-button
+											label=${this.localize.term('general_remove')}
+											@click=${() => this.#removeItem(unique)}></uui-button>
+									</uui-action-bar>
+								</umb-entity-item-ref>
+							`;
+            }
+            // For successful items, use the media type specific component
+            if (!item)
+                return nothing;
+            const href = `${this._editPath}edit/${unique}`;
+            return html `
+							<uui-ref-node-document-type name=${this.localize.string(item.name)} id=${unique}>
+								${this.#renderIcon(item)}
+								<uui-action-bar slot="actions">
+									<uui-button href=${href} label=${this.localize.term('general_open')}></uui-button>
+									<uui-button
+										label=${this.localize.term('general_remove')}
+										@click=${() => this.#removeItem(unique)}></uui-button>
+								</uui-action-bar>
+							</uui-ref-node-document-type>
+						`;
+        })}
 			</uui-ref-list>
 		`;
     }
-    #renderItem(item) {
-        if (!item.unique)
-            return;
-        const href = `${this._editPath}edit/${item.unique}`;
-        return html `
-			<uui-ref-node-document-type name=${this.localize.string(item.name)} id=${item.unique}>
-				${this.#renderIcon(item)}
-				<uui-action-bar slot="actions">
-					<uui-button href=${href} label=${this.localize.term('general_open')}></uui-button>
-					<uui-button @click=${() => this.#removeItem(item)} label=${this.localize.term('general_remove')}></uui-button>
-				</uui-action-bar>
-			</uui-ref-node-document-type>
-		`;
-    }
     #renderIcon(item) {
         if (!item.icon)
             return;
@@ -181,6 +206,9 @@ __decorate([
 __decorate([
     state()
 ], UmbInputMediaTypeElement.prototype, "_items", void 0);
+__decorate([
+    state()
+], UmbInputMediaTypeElement.prototype, "_statuses", void 0);
 __decorate([
     state()
 ], UmbInputMediaTypeElement.prototype, "_editPath", void 0);

package/dist-cms/packages/media/media-types/entity-actions/create/default/default-media-type-create-option-action.js

@@ -4,7 +4,7 @@ export class UmbDefaultMediaTypeCreateOptionAction extends UmbEntityCreateOption
     async getHref() {
         const parentEntityType = this.args.entityType;
         if (!parentEntityType)
-            throw new Error('Entity type is required to create a document type');
+            throw new Error('Entity type is required to create a media type');
         const parentUnique = this.args.unique ?? null;
         return UMB_CREATE_MEDIA_TYPE_WORKSPACE_PATH_PATTERN.generateAbsolute({
             parentEntityType,

package/dist-cms/packages/media/media-types/menu/manifests.js

@@ -1,4 +1,5 @@
-import { UMB_MEDIA_TYPE_TREE_ALIAS } from '../constants.js';
+import { UMB_MEDIA_TYPE_TREE_ALIAS, UMB_MEDIA_TYPE_FOLDER_WORKSPACE_ALIAS } from '../tree/constants.js';
+import { UMB_MEDIA_TYPE_WORKSPACE_ALIAS } from '../workspace/constants.js';
 import { UMB_MEDIA_TYPE_MENU_ITEM_ALIAS } from './constants.js';
 import { UMB_WORKSPACE_CONDITION_ALIAS } from '../../../core/workspace/index.js';
 export const manifests = [
@@ -26,7 +27,7 @@ export const manifests = [
         conditions: [
             {
                 alias: UMB_WORKSPACE_CONDITION_ALIAS,
-                match: 'Umb.Workspace.MediaType',
+                match: UMB_MEDIA_TYPE_WORKSPACE_ALIAS,
             },
         ],
     },
@@ -38,7 +39,35 @@ export const manifests = [
         conditions: [
             {
                 alias: UMB_WORKSPACE_CONDITION_ALIAS,
-                match: 'Umb.Workspace.MediaType',
+                match: UMB_MEDIA_TYPE_WORKSPACE_ALIAS,
+            },
+        ],
+    },
+    {
+        type: 'workspaceContext',
+        kind: 'menuStructure',
+        name: 'Media Type Folder Menu Structure Workspace Context',
+        alias: 'Umb.Context.MediaTypeFolder.Menu.Structure',
+        api: () => import('./media-type-menu-structure.context.js'),
+        meta: {
+            menuItemAlias: UMB_MEDIA_TYPE_MENU_ITEM_ALIAS,
+        },
+        conditions: [
+            {
+                alias: UMB_WORKSPACE_CONDITION_ALIAS,
+                match: UMB_MEDIA_TYPE_FOLDER_WORKSPACE_ALIAS,
+            },
+        ],
+    },
+    {
+        type: 'workspaceFooterApp',
+        kind: 'menuBreadcrumb',
+        alias: 'Umb.WorkspaceFooterApp.MediaTypeFolder.Breadcrumb',
+        name: 'Media Type Folder Breadcrumb Workspace Footer App',
+        conditions: [
+            {
+                alias: UMB_WORKSPACE_CONDITION_ALIAS,
+                match: UMB_MEDIA_TYPE_FOLDER_WORKSPACE_ALIAS,
             },
         ],
     },

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

@@ -29,7 +29,7 @@ export class UmbMediaTypeSearchServerDataSource {
         if (data) {
             const mappedItems = data.items.map((item) => {
                 return {
-                    href: '/section/settings/workspace/media-type/edit/' + item.id,
+                    href: 'section/settings/workspace/media-type/edit/' + item.id,
                     entityType: UMB_MEDIA_TYPE_ENTITY_TYPE,
                     unique: item.id,
                     name: item.name,

package/dist-cms/packages/media/media-types/tree/tree-item-children/collection/views/manifests.js

@@ -9,7 +9,7 @@ export const manifests = [
         weight: 300,
         meta: {
             label: 'Table',
-            icon: 'icon-list',
+            icon: 'icon-table',
             pathName: 'table',
         },
         conditions: [

package/dist-cms/packages/members/member/collection/views/manifests.js

@@ -8,7 +8,7 @@ export const manifests = [
         element: () => import('./table/member-table-collection-view.element.js'),
         meta: {
             label: 'Table',
-            icon: 'icon-list',
+            icon: 'icon-table',
             pathName: 'table',
         },
         conditions: [

package/dist-cms/packages/members/member/components/input-member/input-member.element.d.ts

@@ -47,7 +47,14 @@ export declare class UmbInputMemberElement extends UmbInputMemberElement_base {
      */
     get readonly(): boolean;
     set readonly(value: boolean);
+    /**
+     * Sets the input to required, meaning validation will fail if the value is empty.
+     * @type {boolean}
+     */
+    required?: boolean;
+    requiredMessage?: string;
     private _items?;
+    private _statuses?;
     constructor();
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult[];