@umbraco-cms/backoffice 17.6.2 → 17.7.0-rc

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

@@ -6,21 +6,17 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { UMB_MEDIA_ENTITY_TYPE, UMB_MEDIA_ROOT_ENTITY_TYPE } from '../entity.js';
 import { UMB_MEDIA_WORKSPACE_CONTEXT } from '../workspace/media-workspace.context-token.js';
-import { UMB_MEDIA_COLLECTION_CONTEXT } from './media-collection.context-token.js';
-import { customElement, html, ref, state, when } from '../../../../external/lit/index.js';
+import { customElement, html, ref, state, when, css, query } from '../../../../external/lit/index.js';
 import { UmbCollectionDefaultElement } from '../../../core/collection/index.js';
 import { UmbRequestReloadChildrenOfEntityEvent } from '../../../core/entity-action/index.js';
 import { UMB_ACTION_EVENT_CONTEXT } from '../../../core/action/index.js';
+import '../components/empty-media-state/index.js';
 let UmbMediaCollectionElement = class UmbMediaCollectionElement extends UmbCollectionDefaultElement {
     #collectionContext;
     constructor() {
         super();
         this._progress = -1;
         this._unique = null;
-        this.consumeContext(UMB_MEDIA_COLLECTION_CONTEXT, (context) => {
-            // TODO: stop consuming the context both in the default element and here. Instead make the default able to inform when the context is consumed. Or come up with a better system for the controllers to talk together. [NL]
-            this.#collectionContext = context;
-        });
         this.consumeContext(UMB_MEDIA_WORKSPACE_CONTEXT, (instance) => {
             this.observe(instance?.unique, (unique) => {
                 this._unique = unique ?? null;
@@ -80,9 +76,32 @@ let UmbMediaCollectionElement = class UmbMediaCollectionElement extends UmbColle
 				.parentUnique=${this._unique}
 				@submitted=${this.#setupPlaceholders}
 				@complete=${this.#onComplete}
-				@progress=${this.#onProgress}></umb-dropzone-media>
+				@progress=${this.#onProgress}>
+			</umb-dropzone-media>
 		`;
     }
+    _renderEmptyState() {
+        return html `<umb-empty-media-state @browse=${() => this._dropzone?.browse()}> </umb-empty-media-state> `;
+    }
+    static { this.styles = [
+        ...UmbCollectionDefaultElement.styles,
+        css `
+			umb-dropzone-media {
+				top: var(--uui-size-layout-4);
+				left: 0;
+				right: 0;
+				bottom: 0;
+			}
+
+			umb-empty-media-state {
+				position: absolute;
+				top: var(--uui-size-layout-4);
+				left: var(--uui-size-layout-1);
+				right: var(--uui-size-layout-1);
+				bottom: calc(var(--uui-size-60) * 2);
+			}
+		`,
+    ]; }
 };
 __decorate([
     state()
@@ -90,6 +109,9 @@ __decorate([
 __decorate([
     state()
 ], UmbMediaCollectionElement.prototype, "_unique", void 0);
+__decorate([
+    query('#dropzone')
+], UmbMediaCollectionElement.prototype, "_dropzone", void 0);
 UmbMediaCollectionElement = __decorate([
     customElement('umb-media-collection')
 ], UmbMediaCollectionElement);

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

@@ -15,7 +15,7 @@ export declare class UmbMediaCollectionRepository extends UmbRepositoryBase impl
         };
         error?: undefined;
     } | {
-        error: import("../../../../core/resources/index.js").UmbCancelError | import("../../../../core/resources/index.js").UmbApiError | undefined;
+        error: import("../../../../core/resources/index.js").UmbError | import("../../../../core/resources/index.js").UmbCancelError | import("../../../../core/resources/index.js").UmbApiError | undefined;
         data?: undefined;
     }>;
 }

package/dist-cms/packages/media/media/collection/repository/media-collection.server.data-source.d.ts

@@ -11,7 +11,7 @@ export declare class UmbMediaCollectionServerDataSource implements UmbCollection
         };
         error?: undefined;
     } | {
-        error: import("../../../../core/resources/index.js").UmbCancelError | import("../../../../core/resources/index.js").UmbApiError | undefined;
+        error: import("../../../../core/resources/index.js").UmbError | import("../../../../core/resources/index.js").UmbCancelError | import("../../../../core/resources/index.js").UmbApiError | undefined;
         data?: undefined;
     }>;
 }

package/dist-cms/packages/media/media/collection/views/table/media-table-collection-view.element.d.ts

@@ -8,6 +8,8 @@ export declare class UmbMediaTableCollectionViewElement extends UmbLitElement {
     private _tableColumns;
     private _tableItems;
     private _selection;
+    private _orderingColumn;
+    private _orderingDesc;
     constructor();
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult[];

package/dist-cms/packages/media/media/collection/views/table/media-table-collection-view.element.js

@@ -29,6 +29,8 @@ let UmbMediaTableCollectionViewElement = class UmbMediaTableCollectionViewElemen
         ];
         this._tableItems = [];
         this._selection = [];
+        this._orderingColumn = '';
+        this._orderingDesc = false;
         this.consumeContext(UMB_MEDIA_COLLECTION_CONTEXT, (collectionContext) => {
             this.#collectionContext = collectionContext;
             this.#observeCollectionContext();
@@ -49,6 +51,11 @@ let UmbMediaTableCollectionViewElement = class UmbMediaTableCollectionViewElemen
         this.observe(this.#collectionContext.selection.selection, (selection) => {
             this._selection = selection;
         }, '_observeSelection');
+        this.observe(this.#collectionContext.filter, (filter) => {
+            const { orderBy, orderDirection } = filter;
+            this._orderingColumn = orderBy ?? '';
+            this._orderingDesc = orderDirection === 'desc';
+        }, '_observeOrdering');
     }
     #createTableHeadings() {
         if (this._userDefinedProperties && this._userDefinedProperties.length > 0) {
@@ -158,6 +165,8 @@ let UmbMediaTableCollectionViewElement = class UmbMediaTableCollectionViewElemen
 				.columns=${this._tableColumns}
 				.items=${this._tableItems}
 				.selection=${this._selection}
+				.orderingColumn=${this._orderingColumn}
+				.orderingDesc=${this._orderingDesc}
 				@selected=${this.#handleSelect}
 				@deselected=${this.#handleDeselect}
 				@ordered=${this.#handleOrdering}></umb-table>
@@ -199,6 +208,12 @@ __decorate([
 __decorate([
     state()
 ], UmbMediaTableCollectionViewElement.prototype, "_selection", void 0);
+__decorate([
+    state()
+], UmbMediaTableCollectionViewElement.prototype, "_orderingColumn", void 0);
+__decorate([
+    state()
+], UmbMediaTableCollectionViewElement.prototype, "_orderingDesc", void 0);
 UmbMediaTableCollectionViewElement = __decorate([
     customElement('umb-media-table-collection-view')
 ], UmbMediaTableCollectionViewElement);

package/dist-cms/packages/media/media/components/empty-media-state/empty-media-state.element.d.ts

@@ -0,0 +1,14 @@
+import { UmbLitElement } from '../../../../core/lit-element/index.js';
+export declare class UmbEmptyMediaStateElement extends UmbLitElement {
+    #private;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
+}
+export default UmbEmptyMediaStateElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-empty-media-state': UmbEmptyMediaStateElement;
+    }
+}

package/dist-cms/packages/media/media/components/empty-media-state/empty-media-state.element.js

@@ -0,0 +1,86 @@
+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, css } from '../../../../../external/lit/index.js';
+import { UmbLitElement } from '../../../../core/lit-element/index.js';
+let UmbEmptyMediaStateElement = class UmbEmptyMediaStateElement extends UmbLitElement {
+    #dragCounter = 0;
+    // Event handlers as arrow functions to maintain consistent references
+    #handleDragEnter = () => {
+        this.#dragCounter++;
+        this.toggleAttribute('dragging', true);
+    };
+    #handleDragLeave = () => {
+        this.#dragCounter--;
+        if (this.#dragCounter <= 0) {
+            this.toggleAttribute('dragging', false);
+            this.#dragCounter = 0;
+        }
+    };
+    connectedCallback() {
+        super.connectedCallback();
+        document.addEventListener('dragenter', this.#handleDragEnter);
+        document.addEventListener('dragleave', this.#handleDragLeave);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        document.removeEventListener('dragenter', this.#handleDragEnter);
+        document.removeEventListener('dragleave', this.#handleDragLeave);
+    }
+    #onBrowse() {
+        // Dispatch a custom event so the parent knows the button was clicked
+        this.dispatchEvent(new CustomEvent('browse', { bubbles: false, composed: false }));
+    }
+    render() {
+        return html `
+			<uui-icon name="icon-image-up"></uui-icon>
+			<p>${this.localize.htmlString('#media_dropFilesOr')}</p>
+			<uui-button
+				look="outline"
+				label=${this.localize.term('media_browseFilesAction')}
+				@click=${this.#onBrowse}></uui-button>
+		`;
+    }
+    static { this.styles = [
+        css `
+			:host {
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+				justify-content: center;
+				border: 1px dashed var(--uui-color-border);
+				border-radius: var(--uui-border-radius);
+				opacity: 0;
+				animation: fadeInEmptyState 840ms forwards 640ms;
+			}
+
+			@keyframes fadeInEmptyState {
+				to {
+					opacity: 1;
+				}
+			}
+
+			:host([dragging]) {
+				visibility: hidden;
+			}
+
+			p {
+				text-align: center;
+				line-height: 1.5;
+			}
+
+			uui-icon {
+				font-size: 4em;
+				color: var(--uui-color-border-standalone);
+			}
+		`,
+    ]; }
+};
+UmbEmptyMediaStateElement = __decorate([
+    customElement('umb-empty-media-state')
+], UmbEmptyMediaStateElement);
+export { UmbEmptyMediaStateElement };
+export default UmbEmptyMediaStateElement;

package/dist-cms/packages/media/media/components/empty-media-state/index.d.ts

@@ -0,0 +1 @@
+export * from './empty-media-state.element.js';

package/dist-cms/packages/media/media/components/empty-media-state/index.js

@@ -0,0 +1 @@
+export * from './empty-media-state.element.js';

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

@@ -45,8 +45,7 @@ let UmbInputImageCropperElement = class UmbInputImageCropperElement extends UmbF
         this.#mergeCrops();
         this.#observeAcceptedFileTypes();
     }
-    async #observeAcceptedFileTypes() {
-        await this.#config.initialized;
+    #observeAcceptedFileTypes() {
         this.observe(this.#config.part('imageFileTypes'), (imageFileTypes) => {
             this._accept = imageFileTypes.join(',');
             this._loading = false;

package/dist-cms/packages/media/media/components/input-image-cropper/utils.d.ts

@@ -1,6 +1,7 @@
 import type { UmbFocalPointModel } from '../../types.js';
 /**
  * @description Helper function to check if the focal point is centered.
- * @param focalPoint UmbFocalPointModel
+ * @param {UmbFocalPointModel} focalPoint UmbFocalPointModel
+ * @returns {boolean} True if the focal point is centered
  */
 export declare function isCentered(focalPoint: UmbFocalPointModel): boolean;

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

@@ -1,6 +1,7 @@
 /**
  * @description Helper function to check if the focal point is centered.
- * @param focalPoint UmbFocalPointModel
+ * @param {UmbFocalPointModel} focalPoint UmbFocalPointModel
+ * @returns {boolean} True if the focal point is centered
  */
 export function isCentered(focalPoint) {
     return focalPoint.left === 0.5 && focalPoint.top === 0.5;

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

@@ -3,7 +3,6 @@ import { UmbLitElement } from '../../../../core/lit-element/index.js';
 import type { UmbInteractionMemoryModel } from '../../../../core/interaction-memory/index.js';
 import type { UmbTreeStartNode } from '../../../../core/tree/index.js';
 import '../../../imaging/index.js';
-declare const elementName = "umb-input-media";
 declare const UmbInputMediaElement_base: import("../../../../../libs/extension-api/index.js").HTMLElementConstructor<import("../../../../core/validation/index.js").UmbFormControlMixinElement<string | undefined>> & typeof UmbLitElement;
 export declare class UmbInputMediaElement extends UmbInputMediaElement_base {
     #private;
@@ -64,6 +63,6 @@ export declare class UmbInputMediaElement extends UmbInputMediaElement_base {
 export { UmbInputMediaElement as element };
 declare global {
     interface HTMLElementTagNameMap {
-        [elementName]: UmbInputMediaElement;
+        'umb-input-media': UmbInputMediaElement;
     }
 }

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

@@ -16,7 +16,6 @@ import { UmbSorterController, UmbSorterResolvePlacementAsGrid } from '../../../.
 import { UMB_MEDIA_TYPE_ENTITY_TYPE } from '../../../media-types/index.js';
 import { UMB_WORKSPACE_MODAL } from '../../../../core/workspace/index.js';
 import '../../../imaging/index.js';
-const elementName = 'umb-input-media';
 let UmbInputMediaElement = class UmbInputMediaElement extends UmbFormControlMixin(UmbLitElement) {
     #sorter;
     #sortCards(model) {
@@ -140,13 +139,13 @@ let UmbInputMediaElement = class UmbInputMediaElement extends UmbFormControlMixi
             .observeRouteBuilder((routeBuilder) => {
             this._editMediaPath = routeBuilder({});
         });
-        this.observe(this.#pickerInputContext.selection, (selection) => (this.value = selection.join(',')));
+        this.observe(this.#pickerInputContext.selection, (selection) => (this.value = selection.join(',')), null);
         this.observe(this.#pickerInputContext.selectedItems, async (selectedItems) => {
             const missingCards = selectedItems.filter((item) => !this._cards.find((card) => card.unique === item.unique));
             if (selectedItems?.length && !missingCards.length)
                 return;
             this._cards = selectedItems ?? [];
-        });
+        }, null);
         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);
     }
@@ -317,7 +316,7 @@ __decorate([
     state()
 ], UmbInputMediaElement.prototype, "_cards", void 0);
 UmbInputMediaElement = __decorate([
-    customElement(elementName)
+    customElement('umb-input-media')
 ], UmbInputMediaElement);
 export { UmbInputMediaElement };
 export { UmbInputMediaElement as element };

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

@@ -128,7 +128,7 @@ let UmbInputRichMediaElement = class UmbInputRichMediaElement extends UmbFormCon
         };
         this.observe(this.#itemManager.items, () => {
             this.#populateCards();
-        });
+        }, null);
         new UmbModalRouteRegistrationController(this, UMB_IMAGE_CROPPER_EDITOR_MODAL)
             .addAdditionalPath(':key')
             .onSetup((params) => {
@@ -173,7 +173,7 @@ let UmbInputRichMediaElement = class UmbInputRichMediaElement extends UmbFormCon
         });
         this.observe(this.#pickerInputContext.selection, (selection) => {
             this.#addItems(selection);
-        });
+        }, null);
         this.addValidator('valueMissing', () => this.requiredMessage ?? UMB_VALIDATION_EMPTY_LOCALIZATION_KEY, () => {
             return !this.readonly && !!this.required && (!this.value || this.value.length === 0);
         });

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

@@ -1,7 +1,7 @@
 import { UmbMediaDropzoneManager } from './media-dropzone.manager.js';
 import { UmbInputDropzoneElement } from '../../dropzone/index.js';
 import type { UmbUploadableItem } from '../../dropzone/index.js';
-import type { UUIFileDropzoneEvent } from '../../../../external/uui/index.js';
+import { type UUIFileDropzoneEvent } from '../../../../external/uui/index.js';
 /**
  * A dropzone for uploading files and folders as media items. It is hidden by default and will be shown when dragging files over the window.
  * @element umb-dropzone-media
@@ -24,6 +24,7 @@ export declare class UmbDropzoneMediaElement extends UmbInputDropzoneElement {
     progress: () => import("rxjs").Observable<import("../../dropzone/index.js").UmbFileDropzoneProgress>;
     constructor();
     protected _observeProgressItems(): void;
+    connectedCallback(): void;
     disconnectedCallback(): void;
     protected _handleUpload(event: UUIFileDropzoneEvent): Promise<UmbUploadableItem[]>;
     static styles: import("lit").CSSResult[];

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

@@ -7,6 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { UmbMediaDropzoneManager } from './media-dropzone.manager.js';
 import { css, customElement, property } from '../../../../external/lit/index.js';
 import { UmbInputDropzoneElement, UmbFileDropzoneItemStatus } from '../../dropzone/index.js';
+import { UUIBlinkAnimationValue, UUIBlinkKeyframes, } from '../../../../external/uui/index.js';
 /**
  * A dropzone for uploading files and folders as media items. It is hidden by default and will be shown when dragging files over the window.
  * @element umb-dropzone-media
@@ -68,10 +69,6 @@ let UmbDropzoneMediaElement = class UmbDropzoneMediaElement extends UmbInputDrop
         this._manager = new UmbMediaDropzoneManager(this);
         this.progressItems = () => this._manager.progressItems;
         this.progress = () => this._manager.progress;
-        document.addEventListener('dragenter', this.#handleDragEnter);
-        document.addEventListener('dragleave', this.#handleDragLeave);
-        document.addEventListener('dragover', this.#handleDragOver);
-        document.addEventListener('drop', this.#handleDrop);
         // 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).
         this._observeProgress();
@@ -86,6 +83,13 @@ let UmbDropzoneMediaElement = class UmbDropzoneMediaElement extends UmbInputDrop
             }
         }, '_observeProgressItemsComplete');
     }
+    connectedCallback() {
+        super.connectedCallback();
+        document.addEventListener('dragenter', this.#handleDragEnter);
+        document.addEventListener('dragleave', this.#handleDragLeave);
+        document.addEventListener('dragover', this.#handleDragOver);
+        document.addEventListener('drop', this.#handleDrop);
+    }
     disconnectedCallback() {
         super.disconnectedCallback();
         document.removeEventListener('dragenter', this.#handleDragEnter);
@@ -98,10 +102,12 @@ let UmbDropzoneMediaElement = class UmbDropzoneMediaElement extends UmbInputDrop
     }
     static { this.styles = [
         ...UmbInputDropzoneElement.styles,
+        UUIBlinkKeyframes,
         css `
 			:host(:not([disabled])[dragging]) #dropzone {
 				opacity: 1;
 				pointer-events: all;
+				animation: ${UUIBlinkAnimationValue};
 			}
 
 			[dropzone] {
@@ -116,8 +122,6 @@ let UmbDropzoneMediaElement = class UmbDropzoneMediaElement extends UmbInputDrop
 				justify-content: center;
 				position: absolute;
 				z-index: 100;
-				border-radius: var(--uui-border-radius);
-				border: 1px solid var(--uui-color-focus);
 				box-sizing: border-box;
 			}
 		`,

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

@@ -146,7 +146,7 @@ export class UmbMediaDropzoneManager extends UmbDropzoneManager {
         // Check the parent which children media types are allowed.
         const parent = item.parentUnique ? await this.#mediaDetailRepository.requestByUnique(item.parentUnique) : null;
         const allowedChildren = await this.#getAllowedChildrenOf(parent?.data?.mediaType.unique ?? null, item.parentUnique);
-        const extension = item.temporaryFile ? getFileExtension(item.temporaryFile.file.name) ?? null : null;
+        const extension = item.temporaryFile ? (getFileExtension(item.temporaryFile.file.name) ?? null) : null;
         // Check which media types allow the file's extension.
         const availableMediaTypes = await this.#getAvailableMediaTypesOf(extension);
         if (!availableMediaTypes.length)

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

@@ -1,8 +1,8 @@
 import { UMB_MEDIA_ENTITY_TYPE } from '../../entity.js';
 import { UMB_MEDIA_TREE_REPOSITORY_ALIAS, UMB_MEDIA_TREE_ALIAS } from '../../constants.js';
+import { UMB_MEDIA_SEARCH_PROVIDER_ALIAS } from '../../search/constants.js';
 import { UMB_MOVE_MEDIA_REPOSITORY_ALIAS } from './constants.js';
 import { manifests as repositoryManifests } from './repository/manifests.js';
-import { UMB_MEDIA_SEARCH_PROVIDER_ALIAS } from '../../search/constants.js';
 import { UMB_ENTITY_IS_NOT_TRASHED_CONDITION_ALIAS } from '../../../../core/recycle-bin/index.js';
 export const manifests = [
     {

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

@@ -3,7 +3,7 @@ import { UmbRepositoryBase } from '../../../../../core/repository/index.js';
 export declare class UmbMoveMediaRepository extends UmbRepositoryBase implements UmbMoveRepository {
     #private;
     requestMoveTo(args: UmbMoveToRequestArgs): Promise<{
-        error: import("../../../../../core/resources/index.js").UmbCancelError | import("../../../../../core/resources/index.js").UmbApiError | undefined;
+        error: Error | import("../../../../../core/resources/index.js").UmbError | import("../../../../../core/resources/index.js").UmbCancelError | import("../../../../../core/resources/index.js").UmbApiError | undefined;
     }>;
 }
 export { UmbMoveMediaRepository as api };

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

@@ -1,5 +1,6 @@
 import type { UmbControllerHost } from '../../../../../../libs/controller-api/index.js';
 import type { UmbMoveDataSource, UmbMoveToRequestArgs } from '../../../../../core/tree/index.js';
+import type { UmbDataSourceErrorResponse } from '../../../../../core/repository/index.js';
 /**
  * Move Media Server Data Source
  * @class UmbMoveMediaServerDataSource
@@ -14,15 +15,9 @@ export declare class UmbMoveMediaServerDataSource implements UmbMoveDataSource {
     constructor(host: UmbControllerHost);
     /**
      * Move an item for the given id to the target unique
-     * @param {string} unique
-     * @param {(string | null)} targetUnique
-     * @param args
-     * @returns {*}
+     * @param {UmbMoveToRequestArgs} args - The move request arguments
+     * @returns {UmbDataSourceErrorResponse} A promise that resolves once the media has been moved
      * @memberof UmbMoveMediaServerDataSource
      */
-    moveTo(args: UmbMoveToRequestArgs): Promise<import("../../../../../core/resources/index.js").UmbApiResponse<{
-        data: unknown;
-        request: Request;
-        response: Response;
-    }>>;
+    moveTo(args: UmbMoveToRequestArgs): Promise<UmbDataSourceErrorResponse>;
 }

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

@@ -16,10 +16,8 @@ export class UmbMoveMediaServerDataSource {
     }
     /**
      * Move an item for the given id to the target unique
-     * @param {string} unique
-     * @param {(string | null)} targetUnique
-     * @param args
-     * @returns {*}
+     * @param {UmbMoveToRequestArgs} args - The move request arguments
+     * @returns {UmbDataSourceErrorResponse} A promise that resolves once the media has been moved
      * @memberof UmbMoveMediaServerDataSource
      */
     async moveTo(args) {

package/dist-cms/packages/media/media/entity-actions/sort-children-of/repository/sort-children-of.server.data.d.ts

@@ -3,7 +3,7 @@ import type { UmbSortChildrenOfArgs, UmbSortChildrenOfDataSource } from '../../.
 /**
  * A server data source for sorting children of a Media
  * @class UmbSortChildrenOfMediaServerDataSource
- * @implements {RepositoryDetailDataSource}
+ * @implements {UmbSortChildrenOfDataSource}
  */
 export declare class UmbSortChildrenOfMediaServerDataSource implements UmbSortChildrenOfDataSource {
     #private;
@@ -15,7 +15,7 @@ export declare class UmbSortChildrenOfMediaServerDataSource implements UmbSortCh
     constructor(host: UmbControllerHost);
     /**
      * Creates the Public Access for the given Media unique
-     * @param {UmbSortChildrenOfArgs} args
+     * @param {UmbSortChildrenOfArgs} args - The sorting request arguments
      * @memberof UmbSortChildrenOfMediaServerDataSource
      */
     sortChildrenOf(args: UmbSortChildrenOfArgs): Promise<import("../../../../../core/resources/index.js").UmbApiResponse<{

package/dist-cms/packages/media/media/entity-actions/sort-children-of/repository/sort-children-of.server.data.js

@@ -3,7 +3,7 @@ import { tryExecute } from '../../../../../core/resources/index.js';
 /**
  * A server data source for sorting children of a Media
  * @class UmbSortChildrenOfMediaServerDataSource
- * @implements {RepositoryDetailDataSource}
+ * @implements {UmbSortChildrenOfDataSource}
  */
 export class UmbSortChildrenOfMediaServerDataSource {
     #host;
@@ -17,7 +17,7 @@ export class UmbSortChildrenOfMediaServerDataSource {
     }
     /**
      * Creates the Public Access for the given Media unique
-     * @param {UmbSortChildrenOfArgs} args
+     * @param {UmbSortChildrenOfArgs} args - The sorting request arguments
      * @memberof UmbSortChildrenOfMediaServerDataSource
      */
     async sortChildrenOf(args) {

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

@@ -1,8 +1,8 @@
 import { UMB_MEDIA_COLLECTION_ALIAS, UMB_MEDIA_TREE_ALIAS } from '../../constants.js';
 import { UMB_MEDIA_ENTITY_TYPE } from '../../entity.js';
+import { UMB_MEDIA_SEARCH_PROVIDER_ALIAS } from '../../search/constants.js';
 import { UMB_BULK_MOVE_MEDIA_REPOSITORY_ALIAS } from './constants.js';
 import { manifests as repositoryManifests } from './repository/manifests.js';
-import { UMB_MEDIA_SEARCH_PROVIDER_ALIAS } from '../../search/constants.js';
 import { UMB_COLLECTION_ALIAS_CONDITION } from '../../../../core/collection/index.js';
 const bulkMoveAction = {
     type: 'entityBulkAction',

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

@@ -51,8 +51,7 @@ let UmbImageCropperEditorModalElement = class UmbImageCropperEditorModalElement
         this.#observeAcceptedFileTypes();
         this.#getSrc();
     }
-    async #observeAcceptedFileTypes() {
-        await this.#config.initialized;
+    #observeAcceptedFileTypes() {
         this.observe(this.#config.part('imageFileTypes'), (imageFileTypes) => (this.#imageFileTypes = imageFileTypes), '_observeFileTypes');
     }
     async #getSrc() {
@@ -69,7 +68,7 @@ let UmbImageCropperEditorModalElement = class UmbImageCropperEditorModalElement
         /**
          * Combine the crops from the property editor with the stored crops and ignore any invalid crops
          * (e.g. crops that have been removed from the property editor)
-         * @remark If a crop is removed from the property editor, it will be ignored and not saved
+         * @remarks If a crop is removed from the property editor, it will be ignored and not saved
          */
         const crops = this._crops.map((crop) => {
             const existingCrop = this.value.crops?.find((c) => c.alias === crop.alias);

package/dist-cms/packages/media/media/modals/media-caption-alt-text/media-caption-alt-text-modal.element.js

@@ -67,41 +67,41 @@ let UmbMediaCaptionAltTextModalElement = class UmbMediaCaptionAltTextModalElemen
         return html `
 			<umb-body-layout .headline=${this.localize.term('defaultdialogs_editSelectedMedia')}>
 				<uui-box>
-				<div id="wrapper">
-					<uui-label for="alt-text">${this.localize.term('content_altTextOptional')}</uui-label>
-					<uui-input
-						id="alt-text"
-						label="alt text"
-						.value=${this.value?.altText ?? ''}
-						@input=${(e) => (this.value = { ...this.value, altText: e.target.value })}></uui-input>
+					<div id="wrapper">
+						<uui-label for="alt-text">${this.localize.term('content_altTextOptional')}</uui-label>
+						<uui-input
+							id="alt-text"
+							label="alt text"
+							.value=${this.value?.altText ?? ''}
+							@input=${(e) => (this.value = { ...this.value, altText: e.target.value })}></uui-input>
 
-					<uui-label for="caption">${this.localize.term('content_captionTextOptional')}</uui-label>
-					<uui-input
-						id="caption"
-						label="caption"
-						.value=${this.value?.caption ?? ''}
-						@input=${(e) => (this.value = { ...this.value, caption: e.target.value })}></uui-input>
+						<uui-label for="caption">${this.localize.term('content_captionTextOptional')}</uui-label>
+						<uui-input
+							id="caption"
+							label="caption"
+							.value=${this.value?.caption ?? ''}
+							@input=${(e) => (this.value = { ...this.value, caption: e.target.value })}></uui-input>
 
-					<umb-input-dimensions
-						.width=${this.value?.width}
-						.height=${this.value?.height}
-						.naturalWidth=${this._naturalWidth}
-						.naturalHeight=${this._naturalHeight}
-						@change=${this.#onDimensionsChange}></umb-input-dimensions>
+						<umb-input-dimensions
+							.width=${this.value?.width}
+							.height=${this.value?.height}
+							.naturalWidth=${this._naturalWidth}
+							.naturalHeight=${this._naturalHeight}
+							@change=${this.#onDimensionsChange}></umb-input-dimensions>
 
-					<figure id="mainobject">
-						${this.value?.url
+						<figure id="mainobject">
+							${this.value?.url
             ? html `<img
-									src=${this.value.url}
-									alt=${this.value?.altText ?? ''}
-									decoding="async"
-									style=${this.value?.width && this.value?.height
+										src=${this.value.url}
+										alt=${this.value?.altText ?? ''}
+										decoding="async"
+										style=${this.value?.width && this.value?.height
                 ? `width: ${this.value.width}px; aspect-ratio: ${this.value.width} / ${this.value.height}`
                 : ''} />`
             : ''}
-						<figcaption>${this.value?.caption ?? ''}</figcaption>
-					</figure>
-				</div>
+							<figcaption>${this.value?.caption ?? ''}</figcaption>
+						</figure>
+					</div>
 				</uui-box>
 				<div slot="actions">
 					<uui-button label=${this.localize.term('general_close')} @click=${this._rejectModal}></uui-button>

package/dist-cms/packages/media/media/modals/media-picker/components/index.d.ts

@@ -1 +1,2 @@
 export * from './media-picker-folder-path.element.js';
+export * from './media-picker-table-column-name.element.js';