@umbraco-cms/backoffice 14.0.0-rc2 → 14.0.0-rc3

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

@@ -4,18 +4,6 @@ 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;
 };
-var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
-    if (kind === "m") throw new TypeError("Private method is not writable");
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-};
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var _UmbInputImageCropperElement_instances, _UmbInputImageCropperElement_manager, _UmbInputImageCropperElement_onUpload, _UmbInputImageCropperElement_onBrowse, _UmbInputImageCropperElement_onRemove, _UmbInputImageCropperElement_mergeCrops, _UmbInputImageCropperElement_renderDropzone, _UmbInputImageCropperElement_onChange, _UmbInputImageCropperElement_renderImageCropper;
 import { html, customElement, property, query, state } from '../../../../../external/lit/index.js';
 import { UmbId } from '../../../../core/id/index.js';
 import { UmbChangeEvent } from '../../../../core/event/index.js';
@@ -27,94 +15,91 @@ import './image-cropper-focus-setter.element.js';
 import './image-cropper-preview.element.js';
 import './image-cropper-field.element.js';
 let UmbInputImageCropperElement = class UmbInputImageCropperElement extends UmbLitElement {
+    #manager;
     constructor() {
         super();
-        _UmbInputImageCropperElement_instances.add(this);
         this.value = {
             src: '',
             crops: [],
             focalPoint: { left: 0.5, top: 0.5 },
         };
         this.crops = [];
-        _UmbInputImageCropperElement_manager.set(this, void 0);
-        _UmbInputImageCropperElement_onRemove.set(this, () => {
+        this.#onRemove = () => {
             this.value = assignToFrozenObject(this.value, { src: '' });
             if (!this.fileUnique)
                 return;
-            __classPrivateFieldGet(this, _UmbInputImageCropperElement_manager, "f")?.removeOne(this.fileUnique);
+            this.#manager?.removeOne(this.fileUnique);
             this.fileUnique = undefined;
             this.file = undefined;
             this.dispatchEvent(new UmbChangeEvent());
-        });
-        __classPrivateFieldSet(this, _UmbInputImageCropperElement_manager, new UmbTemporaryFileManager(this), "f");
+        };
+        this.#manager = new UmbTemporaryFileManager(this);
     }
     firstUpdated() {
-        __classPrivateFieldGet(this, _UmbInputImageCropperElement_instances, "m", _UmbInputImageCropperElement_mergeCrops).call(this);
+        this.#mergeCrops();
+    }
+    #onUpload(e) {
+        const file = e.detail.files[0];
+        if (!file)
+            return;
+        const unique = UmbId.new();
+        this.file = file;
+        this.fileUnique = unique;
+        this.value = assignToFrozenObject(this.value, { src: unique });
+        this.#manager?.uploadOne({ unique, file });
+        this.dispatchEvent(new UmbChangeEvent());
+    }
+    #onBrowse() {
+        if (!this._dropzone)
+            return;
+        this._dropzone.browse();
+    }
+    #onRemove;
+    #mergeCrops() {
+        // Replace crops from the value with the crops from the config while keeping the coordinates from the value if they exist.
+        const filteredCrops = this.crops.map((crop) => {
+            const cropFromValue = this.value.crops.find((valueCrop) => valueCrop.alias === crop.alias);
+            const result = {
+                ...crop,
+                coordinates: cropFromValue?.coordinates ?? undefined,
+            };
+            return result;
+        });
+        this.value = {
+            ...this.value,
+            crops: filteredCrops,
+        };
     }
     render() {
         if (this.value.src || this.file) {
-            return __classPrivateFieldGet(this, _UmbInputImageCropperElement_instances, "m", _UmbInputImageCropperElement_renderImageCropper).call(this);
+            return this.#renderImageCropper();
         }
-        return __classPrivateFieldGet(this, _UmbInputImageCropperElement_instances, "m", _UmbInputImageCropperElement_renderDropzone).call(this);
+        return this.#renderDropzone();
     }
-};
-_UmbInputImageCropperElement_manager = new WeakMap();
-_UmbInputImageCropperElement_onRemove = new WeakMap();
-_UmbInputImageCropperElement_instances = new WeakSet();
-_UmbInputImageCropperElement_onUpload = function _UmbInputImageCropperElement_onUpload(e) {
-    const file = e.detail.files[0];
-    if (!file)
-        return;
-    const unique = UmbId.new();
-    this.file = file;
-    this.fileUnique = unique;
-    this.value = assignToFrozenObject(this.value, { src: unique });
-    __classPrivateFieldGet(this, _UmbInputImageCropperElement_manager, "f")?.uploadOne({ unique, file });
-    this.dispatchEvent(new UmbChangeEvent());
-};
-_UmbInputImageCropperElement_onBrowse = function _UmbInputImageCropperElement_onBrowse() {
-    if (!this._dropzone)
-        return;
-    this._dropzone.browse();
-};
-_UmbInputImageCropperElement_mergeCrops = function _UmbInputImageCropperElement_mergeCrops() {
-    // Replace crops from the value with the crops from the config while keeping the coordinates from the value if they exist.
-    const filteredCrops = this.crops.map((crop) => {
-        const cropFromValue = this.value.crops.find((valueCrop) => valueCrop.alias === crop.alias);
-        const result = {
-            ...crop,
-            coordinates: cropFromValue?.coordinates ?? undefined,
-        };
-        return result;
-    });
-    this.value = {
-        ...this.value,
-        crops: filteredCrops,
-    };
-};
-_UmbInputImageCropperElement_renderDropzone = function _UmbInputImageCropperElement_renderDropzone() {
-    return html `
-			<uui-file-dropzone id="dropzone" label="dropzone" @change="${__classPrivateFieldGet(this, _UmbInputImageCropperElement_instances, "m", _UmbInputImageCropperElement_onUpload)}">
-				<uui-button label=${this.localize.term('media_clickToUpload')} @click="${__classPrivateFieldGet(this, _UmbInputImageCropperElement_instances, "m", _UmbInputImageCropperElement_onBrowse)}"></uui-button>
+    #renderDropzone() {
+        return html `
+			<uui-file-dropzone id="dropzone" label="dropzone" @change="${this.#onUpload}">
+				<uui-button label=${this.localize.term('media_clickToUpload')} @click="${this.#onBrowse}"></uui-button>
 			</uui-file-dropzone>
 		`;
-};
-_UmbInputImageCropperElement_onChange = function _UmbInputImageCropperElement_onChange(e) {
-    const value = e.target.value;
-    if (!value) {
-        this.value = { src: '', crops: [], focalPoint: { left: 0.5, top: 0.5 } };
+    }
+    #onChange(e) {
+        const value = e.target.value;
+        if (!value) {
+            this.value = { src: '', crops: [], focalPoint: { left: 0.5, top: 0.5 } };
+            this.dispatchEvent(new UmbChangeEvent());
+            return;
+        }
+        this.value = value;
         this.dispatchEvent(new UmbChangeEvent());
-        return;
     }
-    this.value = value;
-    this.dispatchEvent(new UmbChangeEvent());
-};
-_UmbInputImageCropperElement_renderImageCropper = function _UmbInputImageCropperElement_renderImageCropper() {
-    return html `<umb-image-cropper-field .value=${this.value} .file=${this.file} @change=${__classPrivateFieldGet(this, _UmbInputImageCropperElement_instances, "m", _UmbInputImageCropperElement_onChange)}>
-			<uui-button slot="actions" @click=${__classPrivateFieldGet(this, _UmbInputImageCropperElement_onRemove, "f")} label=${this.localize.term('content_uploadClear')}>
+    #renderImageCropper() {
+        return html `<umb-image-cropper-field .value=${this.value} .file=${this.file} @change=${this.#onChange}>
+			<uui-button slot="actions" @click=${this.#onRemove} label=${this.localize.term('content_uploadClear')}>
 				<uui-icon name="icon-trash"></uui-icon>${this.localize.term('content_uploadClear')}
 			</uui-button>
 		</umb-image-cropper-field> `;
+    }
 };
 __decorate([
     query('#dropzone')

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

@@ -4,12 +4,6 @@ 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;
 };
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var _UmbInputMediaElement_instances, _UmbInputMediaElement_sorter, _UmbInputMediaElement_pickerContext, _UmbInputMediaElement_pickableFilter, _UmbInputMediaElement_openPicker, _UmbInputMediaElement_renderItems, _UmbInputMediaElement_renderAddButton, _UmbInputMediaElement_renderItem, _UmbInputMediaElement_renderIsTrashed, _UmbInputMediaElement_renderOpenButton;
 import { UmbMediaPickerContext } from './input-media.context.js';
 import { css, html, customElement, property, state, ifDefined, repeat } from '../../../../../external/lit/index.js';
 import { splitStringToArray } from '../../../../core/utils/index.js';
@@ -19,6 +13,7 @@ import { UmbModalRouteRegistrationController, UMB_WORKSPACE_MODAL } from '../../
 import { UmbSorterController } from '../../../../core/sorter/index.js';
 import { UUIFormControlMixin } from '../../../../../external/uui/index.js';
 let UmbInputMediaElement = class UmbInputMediaElement extends UUIFormControlMixin(UmbLitElement, '') {
+    #sorter;
     /**
      * This is a minimum amount of selected items in this input.
      * @type {number}
@@ -26,10 +21,10 @@ let UmbInputMediaElement = class UmbInputMediaElement extends UUIFormControlMixi
      * @default 0
      */
     set min(value) {
-        __classPrivateFieldGet(this, _UmbInputMediaElement_pickerContext, "f").min = value;
+        this.#pickerContext.min = value;
     }
     get min() {
-        return __classPrivateFieldGet(this, _UmbInputMediaElement_pickerContext, "f").min;
+        return this.#pickerContext.min;
     }
     /**
      * This is a maximum amount of selected items in this input.
@@ -38,17 +33,17 @@ let UmbInputMediaElement = class UmbInputMediaElement extends UUIFormControlMixi
      * @default Infinity
      */
     set max(value) {
-        __classPrivateFieldGet(this, _UmbInputMediaElement_pickerContext, "f").max = value;
+        this.#pickerContext.max = value;
     }
     get max() {
-        return __classPrivateFieldGet(this, _UmbInputMediaElement_pickerContext, "f").max;
+        return this.#pickerContext.max;
     }
     set selection(ids) {
-        __classPrivateFieldGet(this, _UmbInputMediaElement_pickerContext, "f").setSelection(ids);
-        __classPrivateFieldGet(this, _UmbInputMediaElement_sorter, "f").setModel(ids);
+        this.#pickerContext.setSelection(ids);
+        this.#sorter.setModel(ids);
     }
     get selection() {
-        return __classPrivateFieldGet(this, _UmbInputMediaElement_pickerContext, "f").getSelection();
+        return this.#pickerContext.getSelection();
     }
     set value(idsString) {
         // Its with full purpose we don't call super.value, as thats being handled by the observation of the context selection.
@@ -57,10 +52,10 @@ let UmbInputMediaElement = class UmbInputMediaElement extends UUIFormControlMixi
     get value() {
         return this.selection.join(',');
     }
+    #pickerContext;
     constructor() {
         super();
-        _UmbInputMediaElement_instances.add(this);
-        _UmbInputMediaElement_sorter.set(this, new UmbSorterController(this, {
+        this.#sorter = new UmbSorterController(this, {
             getUniqueOfElement: (element) => {
                 return element.getAttribute('detail');
             },
@@ -74,7 +69,7 @@ let UmbInputMediaElement = class UmbInputMediaElement extends UUIFormControlMixi
                 this.selection = model;
                 this.dispatchEvent(new UmbChangeEvent());
             },
-        }));
+        });
         /**
          * Min validation message.
          * @type {boolean}
@@ -90,13 +85,13 @@ let UmbInputMediaElement = class UmbInputMediaElement extends UUIFormControlMixi
          */
         this.maxMessage = 'This field exceeds the allowed amount of items';
         this._editMediaPath = '';
-        _UmbInputMediaElement_pickerContext.set(this, new UmbMediaPickerContext(this));
-        _UmbInputMediaElement_pickableFilter.set(this, (item) => {
+        this.#pickerContext = new UmbMediaPickerContext(this);
+        this.#pickableFilter = (item) => {
             if (this.allowedContentTypeIds && this.allowedContentTypeIds.length > 0) {
                 return this.allowedContentTypeIds.includes(item.mediaType.unique);
             }
             return true;
-        });
+        };
         new UmbModalRouteRegistrationController(this, UMB_WORKSPACE_MODAL)
             .addAdditionalPath('media')
             .onSetup(() => {
@@ -105,83 +100,79 @@ let UmbInputMediaElement = class UmbInputMediaElement extends UUIFormControlMixi
             .observeRouteBuilder((routeBuilder) => {
             this._editMediaPath = routeBuilder({});
         });
-        this.observe(__classPrivateFieldGet(this, _UmbInputMediaElement_pickerContext, "f").selection, (selection) => (this.value = selection.join(',')));
-        this.observe(__classPrivateFieldGet(this, _UmbInputMediaElement_pickerContext, "f").selectedItems, (selectedItems) => (this._items = selectedItems));
-        this.addValidator('rangeUnderflow', () => this.minMessage, () => !!this.min && __classPrivateFieldGet(this, _UmbInputMediaElement_pickerContext, "f").getSelection().length < this.min);
-        this.addValidator('rangeOverflow', () => this.maxMessage, () => !!this.max && __classPrivateFieldGet(this, _UmbInputMediaElement_pickerContext, "f").getSelection().length > this.max);
+        this.observe(this.#pickerContext.selection, (selection) => (this.value = selection.join(',')));
+        this.observe(this.#pickerContext.selectedItems, (selectedItems) => (this._items = selectedItems));
+        this.addValidator('rangeUnderflow', () => this.minMessage, () => !!this.min && this.#pickerContext.getSelection().length < this.min);
+        this.addValidator('rangeOverflow', () => this.maxMessage, () => !!this.max && this.#pickerContext.getSelection().length > this.max);
     }
     getFormElement() {
         return undefined;
     }
+    #pickableFilter;
+    #openPicker() {
+        // TODO: Configure the media picker, with `ignoreUserStartNodes` [LK]
+        this.#pickerContext.openPicker({
+            hideTreeRoot: true,
+            pickableFilter: this.#pickableFilter,
+        });
+    }
     render() {
-        return html `<div class="container">${__classPrivateFieldGet(this, _UmbInputMediaElement_instances, "m", _UmbInputMediaElement_renderItems).call(this)} ${__classPrivateFieldGet(this, _UmbInputMediaElement_instances, "m", _UmbInputMediaElement_renderAddButton).call(this)}</div>`;
+        return html `<div class="container">${this.#renderItems()} ${this.#renderAddButton()}</div>`;
     }
-};
-_UmbInputMediaElement_sorter = new WeakMap();
-_UmbInputMediaElement_pickerContext = new WeakMap();
-_UmbInputMediaElement_pickableFilter = new WeakMap();
-_UmbInputMediaElement_instances = new WeakSet();
-_UmbInputMediaElement_openPicker = function _UmbInputMediaElement_openPicker() {
-    // TODO: Configure the media picker, with `ignoreUserStartNodes` [LK]
-    __classPrivateFieldGet(this, _UmbInputMediaElement_pickerContext, "f").openPicker({
-        hideTreeRoot: true,
-        pickableFilter: __classPrivateFieldGet(this, _UmbInputMediaElement_pickableFilter, "f"),
-    });
-};
-_UmbInputMediaElement_renderItems = function _UmbInputMediaElement_renderItems() {
-    if (!this._items)
-        return;
-    return html `${repeat(this._items, (item) => item.unique, (item) => __classPrivateFieldGet(this, _UmbInputMediaElement_instances, "m", _UmbInputMediaElement_renderItem).call(this, item))}`;
-};
-_UmbInputMediaElement_renderAddButton = function _UmbInputMediaElement_renderAddButton() {
-    if (this._items && this.max && this._items.length >= this.max)
-        return;
-    return html `
+    #renderItems() {
+        if (!this._items)
+            return;
+        return html `${repeat(this._items, (item) => item.unique, (item) => this.#renderItem(item))}`;
+    }
+    #renderAddButton() {
+        if (this._items && this.max && this._items.length >= this.max)
+            return;
+        return html `
 			<uui-button
 				id="btn-add"
 				look="placeholder"
-				@click=${__classPrivateFieldGet(this, _UmbInputMediaElement_instances, "m", _UmbInputMediaElement_openPicker)}
+				@click=${this.#openPicker}
 				label=${this.localize.term('general_choose')}>
 				<uui-icon name="icon-add"></uui-icon>
 				${this.localize.term('general_choose')}
 			</uui-button>
 		`;
-};
-_UmbInputMediaElement_renderItem = function _UmbInputMediaElement_renderItem(item) {
-    // TODO: `file-ext` value has been hardcoded here. Find out if API model has value for it. [LK]
-    return html `
+    }
+    #renderItem(item) {
+        // TODO: `file-ext` value has been hardcoded here. Find out if API model has value for it. [LK]
+        return html `
 			<uui-card-media
 				name=${ifDefined(item.name === null ? undefined : item.name)}
 				detail=${ifDefined(item.unique)}
 				file-ext="jpg">
-				${__classPrivateFieldGet(this, _UmbInputMediaElement_instances, "m", _UmbInputMediaElement_renderIsTrashed).call(this, item)}
+				${this.#renderIsTrashed(item)}
 				<uui-action-bar slot="actions">
-					${__classPrivateFieldGet(this, _UmbInputMediaElement_instances, "m", _UmbInputMediaElement_renderOpenButton).call(this, item)}
+					${this.#renderOpenButton(item)}
 					<uui-button label="Copy media">
 						<uui-icon name="icon-documents"></uui-icon>
 					</uui-button>
 					<uui-button
-						@click=${() => __classPrivateFieldGet(this, _UmbInputMediaElement_pickerContext, "f").requestRemoveItem(item.unique)}
+						@click=${() => this.#pickerContext.requestRemoveItem(item.unique)}
 						label="Remove media ${item.name}">
 						<uui-icon name="icon-trash"></uui-icon>
 					</uui-button>
 				</uui-action-bar>
 			</uui-card-media>
 		`;
-};
-_UmbInputMediaElement_renderIsTrashed = function _UmbInputMediaElement_renderIsTrashed(item) {
-    if (!item.isTrashed)
-        return;
-    return html `
+    }
+    #renderIsTrashed(item) {
+        if (!item.isTrashed)
+            return;
+        return html `
 			<uui-tag size="s" slot="tag" color="danger">
 				<umb-localize key="mediaPicker_trashed">Trashed</umb-localize>
 			</uui-tag>
 		`;
-};
-_UmbInputMediaElement_renderOpenButton = function _UmbInputMediaElement_renderOpenButton(item) {
-    if (!this.showOpenButton)
-        return;
-    return html `
+    }
+    #renderOpenButton(item) {
+        if (!this.showOpenButton)
+            return;
+        return html `
 			<uui-button
 				compact
 				href="${this._editMediaPath}edit/${item.unique}"
@@ -189,9 +180,9 @@ _UmbInputMediaElement_renderOpenButton = function _UmbInputMediaElement_renderOp
 				<uui-icon name="icon-edit"></uui-icon>
 			</uui-button>
 		`;
-};
-UmbInputMediaElement.styles = [
-    css `
+    }
+    static { this.styles = [
+        css `
 			.container {
 				display: grid;
 				gap: var(--uui-size-space-3);
@@ -213,7 +204,8 @@ UmbInputMediaElement.styles = [
 				opacity: 0.2;
 			}
 		`,
-];
+    ]; }
+};
 __decorate([
     property({ type: Number })
 ], UmbInputMediaElement.prototype, "min", null);

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

@@ -1,5 +1,6 @@
 import { UMB_MEDIA_ENTITY_TYPE, UMB_MEDIA_ROOT_ENTITY_TYPE } from '../../entity.js';
 import { UmbCreateMediaEntityAction } from './create.action.js';
+import { UMB_ENTITY_IS_NOT_TRASHED_CONDITION_ALIAS } from '../../../../core/recycle-bin/index.js';
 const entityActions = [
     {
         type: 'entityAction',
@@ -13,6 +14,11 @@ const entityActions = [
             icon: 'icon-add',
             label: '#actions_create',
         },
+        conditions: [
+            {
+                alias: UMB_ENTITY_IS_NOT_TRASHED_CONDITION_ALIAS,
+            },
+        ],
     },
 ];
 const modals = [

package/dist-cms/packages/media/media/entity-actions/create/media-create-options-modal.element.js

@@ -4,12 +4,6 @@ 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;
 };
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var _UmbMediaCreateOptionsModalElement_instances, _UmbMediaCreateOptionsModalElement_mediaTypeStructureRepository, _UmbMediaCreateOptionsModalElement_mediaItemRepository, _UmbMediaCreateOptionsModalElement_retrieveAllowedMediaTypesOf, _UmbMediaCreateOptionsModalElement_retrieveHeadline, _UmbMediaCreateOptionsModalElement_onNavigate;
 import { UmbMediaItemRepository } from '../../repository/index.js';
 import { html, nothing, customElement, state, ifDefined } from '../../../../../external/lit/index.js';
 import { UmbModalBaseElement } from '../../../../core/modal/index.js';
@@ -17,20 +11,41 @@ import { UmbMediaTypeStructureRepository } from '../../../media-types/index.js';
 let UmbMediaCreateOptionsModalElement = class UmbMediaCreateOptionsModalElement extends UmbModalBaseElement {
     constructor() {
         super(...arguments);
-        _UmbMediaCreateOptionsModalElement_instances.add(this);
-        _UmbMediaCreateOptionsModalElement_mediaTypeStructureRepository.set(this, new UmbMediaTypeStructureRepository(this));
-        _UmbMediaCreateOptionsModalElement_mediaItemRepository.set(this, new UmbMediaItemRepository(this));
+        this.#mediaTypeStructureRepository = new UmbMediaTypeStructureRepository(this);
+        this.#mediaItemRepository = new UmbMediaItemRepository(this);
         this._allowedMediaTypes = [];
         this._headline = this.localize.term('general_create');
     }
+    #mediaTypeStructureRepository;
+    #mediaItemRepository;
     async firstUpdated() {
         const mediaUnique = this.data?.parent.unique;
         const mediaTypeUnique = this.data?.mediaType?.unique || null;
-        __classPrivateFieldGet(this, _UmbMediaCreateOptionsModalElement_instances, "m", _UmbMediaCreateOptionsModalElement_retrieveAllowedMediaTypesOf).call(this, mediaTypeUnique);
+        this.#retrieveAllowedMediaTypesOf(mediaTypeUnique);
         if (mediaUnique) {
-            __classPrivateFieldGet(this, _UmbMediaCreateOptionsModalElement_instances, "m", _UmbMediaCreateOptionsModalElement_retrieveHeadline).call(this, mediaUnique);
+            this.#retrieveHeadline(mediaUnique);
+        }
+    }
+    async #retrieveAllowedMediaTypesOf(unique) {
+        const { data } = await this.#mediaTypeStructureRepository.requestAllowedChildrenOf(unique);
+        if (data) {
+            // TODO: implement pagination, or get 1000?
+            this._allowedMediaTypes = data.items;
         }
     }
+    async #retrieveHeadline(unique) {
+        if (!unique)
+            return;
+        const { data } = await this.#mediaItemRepository.requestItems([unique]);
+        if (data) {
+            // TODO: we need to get the correct variant context here
+            this._headline = this.localize.term('create_createUnder') + ' ' + data[0].variants?.[0].name;
+        }
+    }
+    // close the modal when navigating to data type
+    #onNavigate() {
+        this._submitModal();
+    }
     render() {
         return html `
 			<umb-body-layout headline=${this._headline ?? ''}>
@@ -43,7 +58,7 @@ let UmbMediaCreateOptionsModalElement = class UmbMediaCreateOptionsModalElement
 								data-id=${ifDefined(mediaType.unique)}
 								href="${`section/media/workspace/media/create/parent/${this.data?.parent.entityType}/${this.data?.parent.unique ?? 'null'}/${mediaType.unique}`}"
 								label="${mediaType.name}"
-								@click=${__classPrivateFieldGet(this, _UmbMediaCreateOptionsModalElement_instances, "m", _UmbMediaCreateOptionsModalElement_onNavigate)}>
+								@click=${this.#onNavigate}>
 								> ${mediaType.icon ? html `<umb-icon slot="icon" name=${mediaType.icon}></umb-icon>` : nothing}
 							</uui-menu-item>
 						`)}
@@ -57,28 +72,6 @@ let UmbMediaCreateOptionsModalElement = class UmbMediaCreateOptionsModalElement
 		`;
     }
 };
-_UmbMediaCreateOptionsModalElement_mediaTypeStructureRepository = new WeakMap();
-_UmbMediaCreateOptionsModalElement_mediaItemRepository = new WeakMap();
-_UmbMediaCreateOptionsModalElement_instances = new WeakSet();
-_UmbMediaCreateOptionsModalElement_retrieveAllowedMediaTypesOf = async function _UmbMediaCreateOptionsModalElement_retrieveAllowedMediaTypesOf(unique) {
-    const { data } = await __classPrivateFieldGet(this, _UmbMediaCreateOptionsModalElement_mediaTypeStructureRepository, "f").requestAllowedChildrenOf(unique);
-    if (data) {
-        // TODO: implement pagination, or get 1000?
-        this._allowedMediaTypes = data.items;
-    }
-};
-_UmbMediaCreateOptionsModalElement_retrieveHeadline = async function _UmbMediaCreateOptionsModalElement_retrieveHeadline(unique) {
-    if (!unique)
-        return;
-    const { data } = await __classPrivateFieldGet(this, _UmbMediaCreateOptionsModalElement_mediaItemRepository, "f").requestItems([unique]);
-    if (data) {
-        // TODO: we need to get the correct variant context here
-        this._headline = this.localize.term('create_createUnder') + ' ' + data[0].variants?.[0].name;
-    }
-};
-_UmbMediaCreateOptionsModalElement_onNavigate = function _UmbMediaCreateOptionsModalElement_onNavigate() {
-    this._submitModal();
-};
 __decorate([
     state()
 ], UmbMediaCreateOptionsModalElement.prototype, "_allowedMediaTypes", void 0);

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

@@ -2,6 +2,7 @@ import { UMB_MEDIA_DETAIL_REPOSITORY_ALIAS, UMB_MEDIA_ITEM_REPOSITORY_ALIAS } fr
 import { UMB_MEDIA_ENTITY_TYPE } from '../entity.js';
 import { manifests as createManifests } from './create/manifests.js';
 import { manifests as moveManifests } from './move-to/manifests.js';
+import { UMB_ENTITY_IS_TRASHED_CONDITION_ALIAS } from '../../../core/recycle-bin/index.js';
 const entityActions = [
     ...createManifests,
     {
@@ -14,6 +15,11 @@ const entityActions = [
             itemRepositoryAlias: UMB_MEDIA_ITEM_REPOSITORY_ALIAS,
             detailRepositoryAlias: UMB_MEDIA_DETAIL_REPOSITORY_ALIAS,
         },
+        conditions: [
+            {
+                alias: UMB_ENTITY_IS_TRASHED_CONDITION_ALIAS,
+            },
+        ],
     },
 ];
 export const manifests = [...entityActions, ...moveManifests];

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

@@ -2,6 +2,7 @@ import { UMB_MEDIA_ENTITY_TYPE } from '../../entity.js';
 import { UMB_MEDIA_TREE_REPOSITORY_ALIAS, UMB_MEDIA_TREE_ALIAS } from '../../tree/index.js';
 import { UMB_MOVE_MEDIA_REPOSITORY_ALIAS } from './repository/index.js';
 import { manifests as repositoryManifests } from './repository/manifests.js';
+import { UMB_ENTITY_IS_NOT_TRASHED_CONDITION_ALIAS } from '../../../../core/recycle-bin/index.js';
 const entityActions = [
     {
         type: 'entityAction',
@@ -14,6 +15,11 @@ const entityActions = [
             moveRepositoryAlias: UMB_MOVE_MEDIA_REPOSITORY_ALIAS,
             treeAlias: UMB_MEDIA_TREE_ALIAS,
         },
+        conditions: [
+            {
+                alias: UMB_ENTITY_IS_NOT_TRASHED_CONDITION_ALIAS,
+            },
+        ],
     },
 ];
 export const manifests = [...entityActions, ...repositoryManifests];

package/dist-cms/packages/media/media/entity-actions/move-to/repository/media-move.repository.js

@@ -1,19 +1,10 @@
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var _UmbMoveMediaRepository_moveSource;
 import { UmbMoveMediaServerDataSource } from './media-move.server.data-source.js';
 import { UMB_NOTIFICATION_CONTEXT } from '../../../../../core/notification/index.js';
 import { UmbRepositoryBase } from '../../../../../core/repository/index.js';
 export class UmbMoveMediaRepository extends UmbRepositoryBase {
-    constructor() {
-        super(...arguments);
-        _UmbMoveMediaRepository_moveSource.set(this, new UmbMoveMediaServerDataSource(this));
-    }
+    #moveSource = new UmbMoveMediaServerDataSource(this);
     async requestMoveTo(args) {
-        const { error } = await __classPrivateFieldGet(this, _UmbMoveMediaRepository_moveSource, "f").moveTo(args);
+        const { error } = await this.#moveSource.moveTo(args);
         if (!error) {
             const notificationContext = await this.getContext(UMB_NOTIFICATION_CONTEXT);
             const notification = { data: { message: `Moved` } };
@@ -22,4 +13,3 @@ export class UmbMoveMediaRepository extends UmbRepositoryBase {
         return { error };
     }
 }
-_UmbMoveMediaRepository_moveSource = new WeakMap();

package/dist-cms/packages/media/media/entity-actions/move-to/repository/media-move.server.data-source.js

@@ -1,15 +1,3 @@
-var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
-    if (kind === "m") throw new TypeError("Private method is not writable");
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-};
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var _UmbMoveMediaServerDataSource_host;
 import { MediaService } from '../../../../../../external/backend-api/index.js';
 import { tryExecuteAndNotify } from '../../../../../core/resources/index.js';
 /**
@@ -18,14 +6,14 @@ import { tryExecuteAndNotify } from '../../../../../core/resources/index.js';
  * @class UmbMoveMediaServerDataSource
  */
 export class UmbMoveMediaServerDataSource {
+    #host;
     /**
      * Creates an instance of UmbMoveMediaServerDataSource.
      * @param {UmbControllerHost} host
      * @memberof UmbMoveMediaServerDataSource
      */
     constructor(host) {
-        _UmbMoveMediaServerDataSource_host.set(this, void 0);
-        __classPrivateFieldSet(this, _UmbMoveMediaServerDataSource_host, host, "f");
+        this.#host = host;
     }
     /**
      * Move an item for the given id to the target unique
@@ -39,7 +27,7 @@ export class UmbMoveMediaServerDataSource {
             throw new Error('Unique is missing');
         if (args.destination.unique === undefined)
             throw new Error('Destination unique is missing');
-        return tryExecuteAndNotify(__classPrivateFieldGet(this, _UmbMoveMediaServerDataSource_host, "f"), MediaService.putMediaByIdMove({
+        return tryExecuteAndNotify(this.#host, MediaService.putMediaByIdMove({
             id: args.unique,
             requestBody: {
                 target: args.destination.unique ? { id: args.destination.unique } : null,
@@ -47,4 +35,3 @@ export class UmbMoveMediaServerDataSource {
         }));
     }
 }
-_UmbMoveMediaServerDataSource_host = new WeakMap();