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

package/dist-cms/packages/media/media/property-editors/media-picker/property-editor-ui-media-picker.element.js

@@ -4,17 +4,22 @@ 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 '../../components/input-media/input-media.element.js';
-import { html, customElement, property, state } from '../../../../../external/lit/index.js';
-import { UmbPropertyValueChangeEvent, } from '../../../../core/property-editor/index.js';
-import { UmbLitElement } from '../../../../core/lit-element/index.js';
+import { customElement, html, property, state } from '../../../../../external/lit/index.js';
 import { UmbId } from '../../../../core/id/index.js';
+import { UmbLitElement } from '../../../../core/lit-element/index.js';
+import { UmbPropertyValueChangeEvent } from '../../../../core/property-editor/index.js';
+import './components/input-rich-media/input-rich-media.element.js';
 /**
  * @element umb-property-editor-ui-media-picker
  */
 let UmbPropertyEditorUIMediaPickerElement = class UmbPropertyEditorUIMediaPickerElement extends UmbLitElement {
     constructor() {
         super(...arguments);
+        this._startNode = '';
+        this._focalPointEnabled = false;
+        this._crops = [];
+        this._allowedMediaTypes = [];
+        this._multiple = false;
         this._items = [];
         this._limitMin = 0;
         this._limitMax = Infinity;
@@ -29,12 +34,17 @@ let UmbPropertyEditorUIMediaPickerElement = class UmbPropertyEditorUIMediaPicker
         return this.#value;
     }
     set config(config) {
-        const validationLimit = config?.getByAlias('validationLimit');
-        if (!validationLimit)
+        if (!config)
             return;
-        const minMax = validationLimit.value;
-        this._limitMin = minMax.min ?? 0;
-        this._limitMax = minMax.max ?? Infinity;
+        this._multiple = Boolean(config.getValueByAlias('multiple'));
+        this._startNode = config.getValueByAlias('startNodeId') ?? '';
+        this._focalPointEnabled = Boolean(config.getValueByAlias('enableFocalPoint'));
+        this._crops = config?.getValueByAlias('crops') ?? [];
+        const filter = config.getValueByAlias('filter');
+        this._allowedMediaTypes = filter?.split(',') ?? [];
+        const minMax = config.getValueByAlias('validationLimit');
+        this._limitMin = minMax?.min ?? 0;
+        this._limitMax = minMax?.max ?? Infinity;
     }
     get config() {
         return undefined;
@@ -57,18 +67,38 @@ let UmbPropertyEditorUIMediaPickerElement = class UmbPropertyEditorUIMediaPicker
     }
     render() {
         return html `
-			<umb-input-media
+			<umb-input-rich-media
 				@change=${this.#onChange}
+				?multiple=${this._multiple}
+				.allowedContentTypeIds=${this._allowedMediaTypes}
+				.startNode=${this._startNode}
+				.focalPointEnabled=${this._focalPointEnabled}
+				.crops=${this._crops}
 				.selection=${this._items}
 				.min=${this._limitMin}
 				.max=${this._limitMax}>
-			</umb-input-media>
+			</umb-input-rich-media>
 		`;
     }
 };
 __decorate([
     property({ attribute: false })
 ], UmbPropertyEditorUIMediaPickerElement.prototype, "value", null);
+__decorate([
+    state()
+], UmbPropertyEditorUIMediaPickerElement.prototype, "_startNode", void 0);
+__decorate([
+    state()
+], UmbPropertyEditorUIMediaPickerElement.prototype, "_focalPointEnabled", void 0);
+__decorate([
+    state()
+], UmbPropertyEditorUIMediaPickerElement.prototype, "_crops", void 0);
+__decorate([
+    state()
+], UmbPropertyEditorUIMediaPickerElement.prototype, "_allowedMediaTypes", void 0);
+__decorate([
+    state()
+], UmbPropertyEditorUIMediaPickerElement.prototype, "_multiple", void 0);
 __decorate([
     state()
 ], UmbPropertyEditorUIMediaPickerElement.prototype, "_items", void 0);

package/dist-cms/packages/media/media/recycle-bin/allow-media-recycle-bin.condition.d.ts

@@ -0,0 +1,7 @@
+import { UmbConditionBase } from '../../../core/extension-registry/index.js';
+import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
+import type { UmbConditionConfigBase, UmbConditionControllerArguments, UmbExtensionCondition } from '../../../../libs/extension-api/index.js';
+export declare class UmbAllowMediaRecycleBinCurrentUserCondition extends UmbConditionBase<UmbConditionConfigBase> implements UmbExtensionCondition {
+    constructor(host: UmbControllerHost, args: UmbConditionControllerArguments<UmbConditionConfigBase>);
+}
+export { UmbAllowMediaRecycleBinCurrentUserCondition as api };

package/dist-cms/packages/media/media/recycle-bin/allow-media-recycle-bin.condition.js

@@ -0,0 +1,13 @@
+import { UmbConditionBase } from '../../../core/extension-registry/index.js';
+import { UMB_CURRENT_USER_CONTEXT } from '../../../user/current-user/index.js';
+export class UmbAllowMediaRecycleBinCurrentUserCondition extends UmbConditionBase {
+    constructor(host, args) {
+        super(host, args);
+        this.consumeContext(UMB_CURRENT_USER_CONTEXT, (context) => {
+            this.observe(context.hasMediaRootAccess, (hasAccess) => {
+                this.permitted = hasAccess === true;
+            });
+        });
+    }
+}
+export { UmbAllowMediaRecycleBinCurrentUserCondition as api };

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

@@ -3,6 +3,12 @@ import { manifests as menuItemManifests } from './menu-item/manifests.js';
 import { manifests as repositoryManifests } from './repository/manifests.js';
 import { manifests as treeManifests } from './tree/manifests.js';
 export const manifests = [
+    {
+        type: 'condition',
+        name: 'Allow Media Recycle Bin Current User Condition',
+        alias: 'Umb.Condition.CurrentUser.AllowMediaRecycleBin',
+        api: () => import('./allow-media-recycle-bin.condition.js'),
+    },
     ...entityActionManifests,
     ...menuItemManifests,
     ...repositoryManifests,

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

@@ -12,5 +12,10 @@ const menuItem = {
         icon: 'icon-trash',
         menus: [UMB_MEDIA_MENU_ALIAS],
     },
+    conditions: [
+        {
+            alias: 'Umb.Condition.CurrentUser.AllowMediaRecycleBin',
+        },
+    ],
 };
 export const manifests = [menuItem];

package/dist-cms/packages/media/media/recycle-bin/tree/media-recycle-bin-tree.server.data-source.js

@@ -1,4 +1,4 @@
-import { UMB_MEDIA_ENTITY_TYPE } from '../../entity.js';
+import { UMB_MEDIA_ENTITY_TYPE, UMB_MEDIA_ROOT_ENTITY_TYPE } from '../../entity.js';
 import { MediaService } from '../../../../../external/backend-api/index.js';
 import { UmbTreeServerDataSourceBase } from '../../../../core/tree/index.js';
 /**
@@ -26,13 +26,13 @@ const getRootItems = (args) =>
 // eslint-disable-next-line local-rules/no-direct-api-import
 MediaService.getRecycleBinMediaRoot({ skip: args.skip, take: args.take });
 const getChildrenOf = (args) => {
-    if (args.parentUnique === null) {
+    if (args.parent.unique === null) {
         return getRootItems(args);
     }
     else {
         // eslint-disable-next-line local-rules/no-direct-api-import
         return MediaService.getRecycleBinMediaChildren({
-            parentId: args.parentUnique,
+            parentId: args.parent.unique,
             skip: args.skip,
             take: args.take,
         });
@@ -41,12 +41,15 @@ const getChildrenOf = (args) => {
 const getAncestorsOf = (args) => 
 // eslint-disable-next-line local-rules/no-direct-api-import
 MediaService.getTreeMediaAncestors({
-    descendantId: args.descendantUnique,
+    descendantId: args.treeItem.unique,
 });
 const mapper = (item) => {
     return {
         unique: item.id,
-        parentUnique: item.parent ? item.parent.id : null,
+        parent: {
+            unique: item.parent ? item.parent.id : null,
+            entityType: item.parent ? UMB_MEDIA_ENTITY_TYPE : UMB_MEDIA_ROOT_ENTITY_TYPE,
+        },
         entityType: UMB_MEDIA_ENTITY_TYPE,
         noAccess: false,
         isTrashed: true,

package/dist-cms/packages/media/media/recycle-bin/tree/types.d.ts

@@ -1,6 +1,6 @@
 import type { UmbMediaTreeItemModel } from '../../tree/index.js';
-import type { UmbUniqueTreeRootModel } from '../../../../core/tree/index.js';
+import type { UmbTreeRootModel } from '../../../../core/tree/index.js';
 export interface UmbMediaRecycleBinTreeItemModel extends UmbMediaTreeItemModel {
 }
-export interface UmbMediaRecycleBinTreeRootModel extends UmbUniqueTreeRootModel {
+export interface UmbMediaRecycleBinTreeRootModel extends UmbTreeRootModel {
 }

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

@@ -1,3 +1,5 @@
 export { UmbMediaDetailRepository, UMB_MEDIA_DETAIL_REPOSITORY_ALIAS } from './detail/index.js';
 export { UmbMediaItemRepository, UMB_MEDIA_ITEM_REPOSITORY_ALIAS } from './item/index.js';
+export { UmbMediaUrlRepository, UMB_MEDIA_URL_REPOSITORY_ALIAS } from './url/index.js';
+export type { UmbMediaUrlModel } from './url/types.js';
 export type { UmbMediaItemModel } from './item/types.js';

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

@@ -1,2 +1,3 @@
 export { UmbMediaDetailRepository, UMB_MEDIA_DETAIL_REPOSITORY_ALIAS } from './detail/index.js';
 export { UmbMediaItemRepository, UMB_MEDIA_ITEM_REPOSITORY_ALIAS } from './item/index.js';
+export { UmbMediaUrlRepository, UMB_MEDIA_URL_REPOSITORY_ALIAS } from './url/index.js';

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

@@ -2,6 +2,15 @@ import type { UmbMediaItemModel } from './types.js';
 import type { UmbControllerHost } from '../../../../../libs/controller-api/index.js';
 import { UmbItemRepositoryBase } from '../../../../core/repository/index.js';
 export declare class UmbMediaItemRepository extends UmbItemRepositoryBase<UmbMediaItemModel> {
+    #private;
     constructor(host: UmbControllerHost);
+    search({ query, skip, take }: {
+        query: string;
+        skip: number;
+        take: number;
+    }): Promise<{
+        data: UmbMediaItemModel[] | undefined;
+        error: import("../../../../../external/backend-api/index.js").ApiError | import("../../../../../external/backend-api/index.js").CancelError | undefined;
+    }>;
 }
 export default UmbMediaItemRepository;

package/dist-cms/packages/media/media/repository/item/media-item.repository.js

@@ -2,8 +2,13 @@ import { UmbMediaItemServerDataSource } from './media-item.server.data-source.js
 import { UMB_MEDIA_ITEM_STORE_CONTEXT } from './media-item.store.js';
 import { UmbItemRepositoryBase } from '../../../../core/repository/index.js';
 export class UmbMediaItemRepository extends UmbItemRepositoryBase {
+    #dataSource;
     constructor(host) {
         super(host, UmbMediaItemServerDataSource, UMB_MEDIA_ITEM_STORE_CONTEXT);
+        this.#dataSource = new UmbMediaItemServerDataSource(this);
+    }
+    async search({ query, skip, take }) {
+        return this.#dataSource.search({ query, skip, take });
     }
 }
 export default UmbMediaItemRepository;

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

@@ -9,10 +9,19 @@ import { UmbItemServerDataSourceBase } from '../../../../core/repository/index.j
  * @implements {MediaTreeDataSource}
  */
 export declare class UmbMediaItemServerDataSource extends UmbItemServerDataSourceBase<MediaItemResponseModel, UmbMediaItemModel> {
+    #private;
     /**
      * Creates an instance of UmbMediaItemServerDataSource.
      * @param {UmbControllerHost} host
      * @memberof UmbMediaItemServerDataSource
      */
     constructor(host: UmbControllerHost);
+    search({ query, skip, take }: {
+        query: string;
+        skip: number;
+        take: number;
+    }): Promise<{
+        data: UmbMediaItemModel[] | undefined;
+        error: import("../../../../../external/backend-api/index.js").ApiError | import("../../../../../external/backend-api/index.js").CancelError | undefined;
+    }>;
 }

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

@@ -1,6 +1,7 @@
 import { UMB_MEDIA_ENTITY_TYPE } from '../../entity.js';
 import { MediaService } from '../../../../../external/backend-api/index.js';
 import { UmbItemServerDataSourceBase } from '../../../../core/repository/index.js';
+import { tryExecuteAndNotify } from '../../../../core/resources/index.js';
 /**
  * A data source for Media items that fetches data from the server
  * @export
@@ -8,6 +9,7 @@ import { UmbItemServerDataSourceBase } from '../../../../core/repository/index.j
  * @implements {MediaTreeDataSource}
  */
 export class UmbMediaItemServerDataSource extends UmbItemServerDataSourceBase {
+    #host;
     /**
      * Creates an instance of UmbMediaItemServerDataSource.
      * @param {UmbControllerHost} host
@@ -18,6 +20,12 @@ export class UmbMediaItemServerDataSource extends UmbItemServerDataSourceBase {
             getItems,
             mapper,
         });
+        this.#host = host;
+    }
+    async search({ query, skip, take }) {
+        const { data, error } = await tryExecuteAndNotify(this.#host, MediaService.getItemMediaSearch({ query, skip, take }));
+        const mapped = data?.items.map((item) => mapper(item));
+        return { data: mapped, error };
     }
 }
 /* eslint-disable local-rules/no-direct-api-import */

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

@@ -1,3 +1,4 @@
 import { manifests as detailManifests } from './detail/manifests.js';
 import { manifests as itemManifests } from './item/manifests.js';
-export const manifests = [...detailManifests, ...itemManifests];
+import { manifests as urlManifests } from './url/manifests.js';
+export const manifests = [...detailManifests, ...itemManifests, ...urlManifests];

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

@@ -0,0 +1,2 @@
+export { UmbMediaUrlRepository } from './media-url.repository.js';
+export { UMB_MEDIA_URL_REPOSITORY_ALIAS } from './manifests.js';

package/dist-cms/packages/media/media/repository/url/index.js

@@ -0,0 +1,2 @@
+export { UmbMediaUrlRepository } from './media-url.repository.js';
+export { UMB_MEDIA_URL_REPOSITORY_ALIAS } from './manifests.js';

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

@@ -0,0 +1,4 @@
+import type { ManifestItemStore, ManifestRepository } from '../../../../core/extension-registry/index.js';
+export declare const UMB_MEDIA_URL_REPOSITORY_ALIAS = "Umb.Repository.Media.Url";
+export declare const UMB_MEDIA_URL_STORE_ALIAS = "Umb.Store.MediaUrl";
+export declare const manifests: (ManifestItemStore | ManifestRepository<import("../../../../../libs/extension-api/index.js").UmbApi>)[];

package/dist-cms/packages/media/media/repository/url/manifests.js

@@ -0,0 +1,16 @@
+import { UmbMediaUrlRepository } from './media-url.repository.js';
+export const UMB_MEDIA_URL_REPOSITORY_ALIAS = 'Umb.Repository.Media.Url';
+export const UMB_MEDIA_URL_STORE_ALIAS = 'Umb.Store.MediaUrl';
+const urlRepository = {
+    type: 'repository',
+    alias: UMB_MEDIA_URL_REPOSITORY_ALIAS,
+    name: 'Media Url Repository',
+    api: UmbMediaUrlRepository,
+};
+const urlStore = {
+    type: 'itemStore',
+    alias: UMB_MEDIA_URL_STORE_ALIAS,
+    name: 'Media Url Store',
+    api: () => import('./media-url.store.js'),
+};
+export const manifests = [urlRepository, urlStore];

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

@@ -0,0 +1,7 @@
+import type { UmbMediaUrlModel } from './types.js';
+import { UmbItemRepositoryBase } from '../../../../core/repository/index.js';
+import type { UmbControllerHost } from '../../../../../libs/controller-api/index.js';
+export declare class UmbMediaUrlRepository extends UmbItemRepositoryBase<UmbMediaUrlModel> {
+    constructor(host: UmbControllerHost);
+}
+export default UmbMediaUrlRepository;

package/dist-cms/packages/media/media/repository/url/media-url.repository.js

@@ -0,0 +1,9 @@
+import { UMB_MEDIA_URL_STORE_CONTEXT } from './media-url.store.js';
+import { UmbMediaUrlServerDataSource } from './media-url.server.data-source.js';
+import { UmbItemRepositoryBase } from '../../../../core/repository/index.js';
+export class UmbMediaUrlRepository extends UmbItemRepositoryBase {
+    constructor(host) {
+        super(host, UmbMediaUrlServerDataSource, UMB_MEDIA_URL_STORE_CONTEXT);
+    }
+}
+export default UmbMediaUrlRepository;

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

@@ -0,0 +1,18 @@
+import type { UmbMediaUrlModel } from './types.js';
+import type { UmbControllerHost } from '../../../../../libs/controller-api/index.js';
+import { type MediaUrlInfoResponseModel } from '../../../../../external/backend-api/index.js';
+import { UmbItemServerDataSourceBase } from '../../../../core/repository/index.js';
+/**
+ * A server data source for Media Urls
+ * @export
+ * @class UmbMediaUrlServerDataSource
+ * @implements {DocumentTreeDataSource}
+ */
+export declare class UmbMediaUrlServerDataSource extends UmbItemServerDataSourceBase<MediaUrlInfoResponseModel, UmbMediaUrlModel> {
+    /**
+     * Creates an instance of UmbMediaUrlServerDataSource.
+     * @param {UmbControllerHost} host
+     * @memberof UmbMediaUrlServerDataSource
+     */
+    constructor(host: UmbControllerHost);
+}

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

@@ -0,0 +1,36 @@
+import { MediaService } from '../../../../../external/backend-api/index.js';
+import { UmbItemServerDataSourceBase } from '../../../../core/repository/index.js';
+/**
+ * A server data source for Media Urls
+ * @export
+ * @class UmbMediaUrlServerDataSource
+ * @implements {DocumentTreeDataSource}
+ */
+export class UmbMediaUrlServerDataSource extends UmbItemServerDataSourceBase {
+    /**
+     * Creates an instance of UmbMediaUrlServerDataSource.
+     * @param {UmbControllerHost} host
+     * @memberof UmbMediaUrlServerDataSource
+     */
+    constructor(host) {
+        super(host, {
+            getItems,
+            mapper,
+        });
+    }
+}
+/* eslint-disable local-rules/no-direct-api-import */
+const getItems = (uniques) => MediaService.getMediaUrls({ id: uniques });
+const mapper = (item) => {
+    const url = item.urlInfos.length ? item.urlInfos[0].url : undefined;
+    const extension = url ? url.slice(url.lastIndexOf('.') + 1, url.length) : undefined;
+    return {
+        unique: item.id,
+        url,
+        extension,
+        /*info: item.urlInfos.map((urlInfo) => ({
+            ...urlInfo,
+            extension: '',
+        })),*/
+    };
+};

package/dist-cms/packages/media/media/repository/url/media-url.store.d.ts

@@ -0,0 +1,20 @@
+import type { UmbMediaDetailModel } from '../../types.js';
+import { UmbContextToken } from '../../../../../libs/context-api/index.js';
+import type { UmbControllerHost } from '../../../../../libs/controller-api/index.js';
+import { UmbItemStoreBase } from '../../../../core/store/index.js';
+/**
+ * @export
+ * @class UmbMediaUrlStore
+ * @extends {UmbStoreBase}
+ * @description - Data Store for Media urls
+ */
+export declare class UmbMediaUrlStore extends UmbItemStoreBase<UmbMediaDetailModel> {
+    /**
+     * Creates an instance of UmbMediaUrlStore.
+     * @param {UmbControllerHost} host
+     * @memberof UmbMediaUrlStore
+     */
+    constructor(host: UmbControllerHost);
+}
+export default UmbMediaUrlStore;
+export declare const UMB_MEDIA_URL_STORE_CONTEXT: UmbContextToken<UmbMediaUrlStore, UmbMediaUrlStore>;

package/dist-cms/packages/media/media/repository/url/media-url.store.js

@@ -0,0 +1,20 @@
+import { UmbContextToken } from '../../../../../libs/context-api/index.js';
+import { UmbItemStoreBase } from '../../../../core/store/index.js';
+/**
+ * @export
+ * @class UmbMediaUrlStore
+ * @extends {UmbStoreBase}
+ * @description - Data Store for Media urls
+ */
+export class UmbMediaUrlStore extends UmbItemStoreBase {
+    /**
+     * Creates an instance of UmbMediaUrlStore.
+     * @param {UmbControllerHost} host
+     * @memberof UmbMediaUrlStore
+     */
+    constructor(host) {
+        super(host, UMB_MEDIA_URL_STORE_CONTEXT.toString());
+    }
+}
+export default UmbMediaUrlStore;
+export const UMB_MEDIA_URL_STORE_CONTEXT = new UmbContextToken('UmbMediaUrlStore');

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

@@ -0,0 +1,5 @@
+export interface UmbMediaUrlModel {
+    unique: string;
+    url?: string;
+    extension?: string;
+}

package/dist-cms/packages/media/media/repository/url/types.js

@@ -0,0 +1,7 @@
+export {};
+/*
+export interface UmbMediaUrlInfoModel {
+    culture?: string | null;
+    url: string;
+    extension?: string;
+}*/

package/dist-cms/packages/media/media/section-view/media-section-view.element.js

@@ -51,7 +51,6 @@ let UmbMediaSectionViewElement = class UmbMediaSectionViewElement extends UmbLit
             orderBy: config?.getValueByAlias('orderBy') ?? 'updateDate',
             orderDirection: config?.getValueByAlias('orderDirection') ?? 'asc',
             pageSize: Number(config?.getValueByAlias('pageSize')) ?? 50,
-            useInfiniteEditor: config?.getValueByAlias('useInfiniteEditor') ?? false,
             userDefinedProperties: config?.getValueByAlias('includeProperties'),
         };
     }

package/dist-cms/packages/media/media/tree/manifests.js

@@ -17,9 +17,10 @@ const treeStore = {
 };
 const tree = {
     type: 'tree',
-    kind: 'default',
     alias: UMB_MEDIA_TREE_ALIAS,
     name: 'Media Tree',
+    element: () => import('./media-tree.element.js'),
+    api: () => import('./media-tree.context.js'),
     meta: {
         repositoryAlias: UMB_MEDIA_TREE_REPOSITORY_ALIAS,
     },
@@ -31,12 +32,20 @@ const treeItem = {
     name: 'Media Tree Item',
     element: () => import('./tree-item/media-tree-item.element.js'),
     api: () => import('./tree-item/media-tree-item.context.js'),
-    forEntityTypes: [UMB_MEDIA_ROOT_ENTITY_TYPE, UMB_MEDIA_ENTITY_TYPE],
+    forEntityTypes: [UMB_MEDIA_ENTITY_TYPE],
+};
+const rootTreeItem = {
+    type: 'treeItem',
+    kind: 'default',
+    alias: 'Umb.TreeItem.Media.Root',
+    name: 'Media Tree Root',
+    forEntityTypes: [UMB_MEDIA_ROOT_ENTITY_TYPE],
 };
 export const manifests = [
     treeRepository,
     treeStore,
     tree,
     treeItem,
+    rootTreeItem,
     ...reloadTreeItemChildrenManifests,
 ];

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

@@ -0,0 +1,7 @@
+import type { UmbMediaTreeItemModel, UmbMediaTreeRootItemsRequestArgs, UmbMediaTreeRootModel } from './types.js';
+import { UmbDefaultTreeContext } from '../../../core/tree/index.js';
+import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
+export declare class UmbMediaTreeContext extends UmbDefaultTreeContext<UmbMediaTreeItemModel, UmbMediaTreeRootModel, UmbMediaTreeRootItemsRequestArgs> {
+    constructor(host: UmbControllerHost);
+}
+export { UmbMediaTreeContext as api };

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

@@ -0,0 +1,13 @@
+import { UMB_CONTENT_PROPERTY_CONTEXT } from '../../../core/content/index.js';
+import { UmbDefaultTreeContext } from '../../../core/tree/index.js';
+export class UmbMediaTreeContext extends UmbDefaultTreeContext {
+    constructor(host) {
+        super(host);
+        this.consumeContext(UMB_CONTENT_PROPERTY_CONTEXT, (context) => {
+            this.observe(context.dataType, (value) => {
+                this.updateAdditionalRequestArgs({ dataType: value });
+            });
+        });
+    }
+}
+export { UmbMediaTreeContext as api };

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

@@ -0,0 +1,10 @@
+import { UmbDefaultTreeElement } from '../../../core/tree/index.js';
+declare const elementName = "umb-media-tree";
+export declare class UmbMediaTreeElement extends UmbDefaultTreeElement {
+}
+export { UmbMediaTreeElement as element };
+declare global {
+    interface HTMLElementTagNameMap {
+        [elementName]: UmbMediaTreeElement;
+    }
+}

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

@@ -0,0 +1,16 @@
+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 } from '../../../../external/lit/index.js';
+import { UmbDefaultTreeElement } from '../../../core/tree/index.js';
+const elementName = 'umb-media-tree';
+let UmbMediaTreeElement = class UmbMediaTreeElement extends UmbDefaultTreeElement {
+};
+UmbMediaTreeElement = __decorate([
+    customElement(elementName)
+], UmbMediaTreeElement);
+export { UmbMediaTreeElement };
+export { UmbMediaTreeElement as element };

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

@@ -1,8 +1,8 @@
-import type { UmbMediaTreeItemModel, UmbMediaTreeRootModel } from './types.js';
+import type { UmbMediaTreeChildrenOfRequestArgs, UmbMediaTreeItemModel, UmbMediaTreeRootItemsRequestArgs, UmbMediaTreeRootModel } from './types.js';
 import { UmbTreeRepositoryBase } from '../../../core/tree/index.js';
 import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
 import type { UmbApi } from '../../../../libs/extension-api/index.js';
-export declare class UmbMediaTreeRepository extends UmbTreeRepositoryBase<UmbMediaTreeItemModel, UmbMediaTreeRootModel> implements UmbApi {
+export declare class UmbMediaTreeRepository extends UmbTreeRepositoryBase<UmbMediaTreeItemModel, UmbMediaTreeRootModel, UmbMediaTreeRootItemsRequestArgs, UmbMediaTreeChildrenOfRequestArgs> implements UmbApi {
     constructor(host: UmbControllerHost);
     requestTreeRoot(): Promise<{
         data: UmbMediaTreeRootModel;

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

@@ -1,4 +1,4 @@
-import type { UmbMediaTreeItemModel } from './types.js';
+import type { UmbMediaTreeChildrenOfRequestArgs, UmbMediaTreeItemModel, UmbMediaTreeRootItemsRequestArgs } from './types.js';
 import { UmbTreeServerDataSourceBase } from '../../../core/tree/index.js';
 import { type MediaTreeItemResponseModel } from '../../../../external/backend-api/index.js';
 import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
@@ -8,7 +8,7 @@ import type { UmbControllerHost } from '../../../../libs/controller-api/index.js
  * @class UmbMediaTreeServerDataSource
  * @extends {UmbTreeServerDataSourceBase}
  */
-export declare class UmbMediaTreeServerDataSource extends UmbTreeServerDataSourceBase<MediaTreeItemResponseModel, UmbMediaTreeItemModel> {
+export declare class UmbMediaTreeServerDataSource extends UmbTreeServerDataSourceBase<MediaTreeItemResponseModel, UmbMediaTreeItemModel, UmbMediaTreeRootItemsRequestArgs, UmbMediaTreeChildrenOfRequestArgs> {
     /**
      * Creates an instance of UmbMediaTreeServerDataSource.
      * @param {UmbControllerHost} host

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

@@ -1,4 +1,4 @@
-import { UMB_MEDIA_ENTITY_TYPE } from '../entity.js';
+import { UMB_MEDIA_ENTITY_TYPE, UMB_MEDIA_ROOT_ENTITY_TYPE } from '../entity.js';
 import { UmbTreeServerDataSourceBase } from '../../../core/tree/index.js';
 import { MediaService } from '../../../../external/backend-api/index.js';
 /**
@@ -24,15 +24,16 @@ export class UmbMediaTreeServerDataSource extends UmbTreeServerDataSourceBase {
 }
 const getRootItems = (args) => 
 // eslint-disable-next-line local-rules/no-direct-api-import
-MediaService.getTreeMediaRoot({ skip: args.skip, take: args.take });
+MediaService.getTreeMediaRoot({ dataTypeId: args.dataType?.unique, skip: args.skip, take: args.take });
 const getChildrenOf = (args) => {
-    if (args.parentUnique === null) {
+    if (args.parent.unique === null) {
         return getRootItems(args);
     }
     else {
         // eslint-disable-next-line local-rules/no-direct-api-import
         return MediaService.getTreeMediaChildren({
-            parentId: args.parentUnique,
+            parentId: args.parent.unique,
+            dataTypeId: args.dataType?.unique,
             skip: args.skip,
             take: args.take,
         });
@@ -41,12 +42,15 @@ const getChildrenOf = (args) => {
 const getAncestorsOf = (args) => 
 // eslint-disable-next-line local-rules/no-direct-api-import
 MediaService.getTreeMediaAncestors({
-    descendantId: args.descendantUnique,
+    descendantId: args.treeItem.unique,
 });
 const mapper = (item) => {
     return {
         unique: item.id,
-        parentUnique: item.parent ? item.parent.id : null,
+        parent: {
+            unique: item.parent ? item.parent.id : null,
+            entityType: item.parent ? UMB_MEDIA_ENTITY_TYPE : UMB_MEDIA_ROOT_ENTITY_TYPE,
+        },
         entityType: UMB_MEDIA_ENTITY_TYPE,
         hasChildren: item.hasChildren,
         noAccess: item.noAccess,