@umbraco-cms/backoffice 14.0.0--preview004-91a32350 → 14.0.0--preview004-ff25aef3

package/dist-cms/assets/lang/da-dk.js

@@ -1698,7 +1698,9 @@ export default {
         searchAllChildren: "Søg alle 'børn'",
         languagesHelp: 'Tilføj sprog for at give brugerne adgang til at redigere',
         sectionsHelp: 'Tilføj sektioner for at give brugerne adgang',
-        selectUserGroups: 'Vælg brugergrupper',
+        selectUserGroup: (multiple) => {
+            return multiple ? 'Vælg brugergrupper' : 'Vælg brugergruppe';
+        },
         noStartNode: 'Ingen startnode valgt',
         noStartNodes: 'Ingen startnoder valgt',
         startnode: 'Indhold startnode',

package/dist-cms/assets/lang/da-dk.ts

@@ -1829,7 +1829,9 @@ export default {
 		searchAllChildren: "Søg alle 'børn'",
 		languagesHelp: 'Tilføj sprog for at give brugerne adgang til at redigere',
 		sectionsHelp: 'Tilføj sektioner for at give brugerne adgang',
-		selectUserGroups: 'Vælg brugergrupper',
+		selectUserGroup: (multiple: boolean) => {
+			return multiple ? 'Vælg brugergrupper' : 'Vælg brugergruppe';
+		},
 		noStartNode: 'Ingen startnode valgt',
 		noStartNodes: 'Ingen startnoder valgt',
 		startnode: 'Indhold startnode',

package/dist-cms/assets/lang/en-us.js

@@ -1693,7 +1693,9 @@ export default {
         languagesHelp: 'Limit the languages users have access to edit',
         allowAccessToAllLanguages: 'Allow access to all languages',
         sectionsHelp: 'Add sections to give users access',
-        selectUserGroups: 'Select user groups',
+        selectUserGroup: (multiple) => {
+            return multiple ? 'Select User Groups' : 'Select User Group';
+        },
         noStartNode: 'No start node selected',
         noStartNodes: 'No start nodes selected',
         startnode: 'Content start node',

package/dist-cms/assets/lang/en-us.ts

@@ -1830,7 +1830,9 @@ export default {
 		languagesHelp: 'Limit the languages users have access to edit',
 		allowAccessToAllLanguages: 'Allow access to all languages',
 		sectionsHelp: 'Add sections to give users access',
-		selectUserGroups: 'Select user groups',
+		selectUserGroup: (multiple: boolean) => {
+			return multiple ? 'Select User Groups' : 'Select User Group';
+		},
 		noStartNode: 'No start node selected',
 		noStartNodes: 'No start nodes selected',
 		startnode: 'Content start node',

package/dist-cms/custom-elements.json

@@ -2411,52 +2411,6 @@
         }
       ]
     },
-    {
-      "name": "umb-entity-user-permission-settings-modal",
-      "path": "./../src/packages/core/modal/common/entity-user-permission-settings/entity-user-permission-settings-modal.element.ts",
-      "attributes": [
-        {
-          "name": "data"
-        }
-      ],
-      "properties": [
-        {
-          "name": "modalContext"
-        },
-        {
-          "name": "data",
-          "attribute": "data"
-        },
-        {
-          "name": "styles",
-          "type": "array",
-          "default": "[\"UmbTextStyles\",null]"
-        }
-      ]
-    },
-    {
-      "name": "umb-entity-user-permission-modal",
-      "path": "./../src/packages/core/modal/common/entity-user-permission-settings/entity-user-permission-settings-modal.element.ts",
-      "attributes": [
-        {
-          "name": "data"
-        }
-      ],
-      "properties": [
-        {
-          "name": "modalContext"
-        },
-        {
-          "name": "data",
-          "attribute": "data"
-        },
-        {
-          "name": "styles",
-          "type": "array",
-          "default": "[\"UmbTextStyles\",null]"
-        }
-      ]
-    },
     {
       "name": "umb-folder-modal",
       "path": "./../src/packages/core/modal/common/folder/folder-modal.element.ts",
@@ -5396,6 +5350,29 @@
         }
       ]
     },
+    {
+      "name": "umb-permissions-modal",
+      "path": "./../src/packages/documents/documents/entity-actions/permissions/permissions-modal.element.ts",
+      "attributes": [
+        {
+          "name": "data"
+        }
+      ],
+      "properties": [
+        {
+          "name": "modalContext"
+        },
+        {
+          "name": "data",
+          "attribute": "data"
+        },
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[\"UmbTextStyles\"]"
+        }
+      ]
+    },
     {
       "name": "umb-document-menu-item",
       "path": "./../src/packages/documents/documents/menu-item/document-menu-item.element.ts"
@@ -8052,7 +8029,7 @@
     },
     {
       "name": "umb-user-group-collection-header",
-      "path": "./../src/packages/user/user-group/collection/user-group-collection-header.element.ts",
+      "path": "./../src/packages/user/user-group/collection/components/user-group-collection-header.element.ts",
       "properties": [
         {
           "name": "styles",
@@ -8062,30 +8039,20 @@
       ]
     },
     {
-      "name": "umb-user-group-collection-view",
-      "path": "./../src/packages/user/user-group/collection/user-group-collection-view.element.ts",
+      "name": "umb-user-group-table-name-column-layout",
+      "path": "./../src/packages/user/user-group/collection/components/user-group-table-name-column-layout.element.ts",
       "properties": [
         {
-          "name": "styles",
-          "type": "array",
-          "default": "[\"UmbTextStyles\",null]"
-        }
-      ]
-    },
-    {
-      "name": "umb-user-group-collection",
-      "path": "./../src/packages/user/user-group/collection/user-group-collection.element.ts",
-      "properties": [
+          "name": "item"
+        },
         {
-          "name": "styles",
-          "type": "array",
-          "default": "[\"UmbTextStyles\",null]"
+          "name": "value"
         }
       ]
     },
     {
-      "name": "umb-user-group-table-name-column-layout",
-      "path": "./../src/packages/user/user-group/collection/user-group-table-name-column-layout.element.ts",
+      "name": "umb-user-group-table-sections-column-layout",
+      "path": "./../src/packages/user/user-group/collection/components/user-group-table-sections-column-layout.element.ts",
       "properties": [
         {
           "name": "item"
@@ -8096,14 +8063,24 @@
       ]
     },
     {
-      "name": "umb-user-group-table-sections-column-layout",
-      "path": "./../src/packages/user/user-group/collection/user-group-table-sections-column-layout.element.ts",
+      "name": "umb-user-group-collection",
+      "path": "./../src/packages/user/user-group/collection/user-group-collection.element.ts",
       "properties": [
         {
-          "name": "item"
-        },
+          "name": "styles",
+          "type": "array",
+          "default": "[\"UmbTextStyles\",null]"
+        }
+      ]
+    },
+    {
+      "name": "umb-user-group-collection-table-view",
+      "path": "./../src/packages/user/user-group/collection/views/user-group-collection-view.element.ts",
+      "properties": [
         {
-          "name": "value"
+          "name": "styles",
+          "type": "array",
+          "default": "[\"UmbTextStyles\",null]"
         }
       ]
     },
@@ -8185,6 +8162,28 @@
         }
       ]
     },
+    {
+      "name": "umb-user-group-ref",
+      "path": "./../src/packages/user/user-group/components/user-group-ref/user-group-ref.element.ts",
+      "attributes": [
+        {
+          "name": "user-permission-aliases",
+          "type": "string[]"
+        }
+      ],
+      "properties": [
+        {
+          "name": "userPermissionAliases",
+          "attribute": "user-permission-aliases",
+          "type": "string[]"
+        },
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[null]"
+        }
+      ]
+    },
     {
       "name": "umb-user-group-picker-modal",
       "path": "./../src/packages/user/user-group/modals/user-group-picker/user-group-picker-modal.element.ts",
@@ -8262,6 +8261,79 @@
         }
       ]
     },
+    {
+      "name": "umb-entity-user-permission-settings-list",
+      "path": "./../src/packages/user/user-permission/components/entity-user-permission-settings-list/entity-user-permission-settings-list.element.ts",
+      "attributes": [
+        {
+          "name": "entity-type",
+          "type": "string"
+        }
+      ],
+      "properties": [
+        {
+          "name": "entityType",
+          "attribute": "entity-type",
+          "type": "string"
+        },
+        {
+          "name": "selectedPermissions",
+          "type": "string[]",
+          "default": "[]"
+        },
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[null]"
+        }
+      ]
+    },
+    {
+      "name": "umb-entity-user-permission-settings-modal",
+      "path": "./../src/packages/user/user-permission/modals/entity-user-permission-settings/entity-user-permission-settings-modal.element.ts",
+      "attributes": [
+        {
+          "name": "data"
+        }
+      ],
+      "properties": [
+        {
+          "name": "modalContext"
+        },
+        {
+          "name": "data",
+          "attribute": "data"
+        },
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[\"UmbTextStyles\",null]"
+        }
+      ]
+    },
+    {
+      "name": "umb-entity-user-permission-modal",
+      "path": "./../src/packages/user/user-permission/modals/entity-user-permission-settings/entity-user-permission-settings-modal.element.ts",
+      "attributes": [
+        {
+          "name": "data"
+        }
+      ],
+      "properties": [
+        {
+          "name": "modalContext"
+        },
+        {
+          "name": "data",
+          "attribute": "data"
+        },
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[\"UmbTextStyles\",null]"
+        }
+      ]
+    },
     {
       "name": "umb-user-collection-header",
       "path": "./../src/packages/user/user/collection/user-collection-header.element.ts",
@@ -8330,17 +8402,6 @@
         }
       ]
     },
-    {
-      "name": "umb-workspace-view-users-table",
-      "path": "./../src/packages/user/user/collection/views/table/user-collection-table-view.element.ts",
-      "properties": [
-        {
-          "name": "styles",
-          "type": "array",
-          "default": "[\"UmbTextStyles\",null]"
-        }
-      ]
-    },
     {
       "name": "umb-user-input",
       "path": "./../src/packages/user/user/components/user-input/user-input.element.ts",

package/dist-cms/mocks/data/document-type.data.d.ts

@@ -11,8 +11,6 @@ declare class UmbDocumentTypeData extends UmbEntityData<DocumentTypeResponseMode
     getTreeItemChildren(id: string): Array<DocumentTypeTreeItemResponseModel>;
     getTreeItem(ids: Array<string>): Array<DocumentTypeTreeItemResponseModel>;
     getAllowedTypesOf(id: string): Array<DocumentTypeTreeItemResponseModel>;
-    /** For internal use */
-    getAll(): DocumentTypeResponseModel[];
 }
 export declare const umbDocumentTypeData: UmbDocumentTypeData;
 export {};

package/dist-cms/mocks/data/document-type.data.js

@@ -1093,9 +1093,5 @@ class UmbDocumentTypeData extends UmbEntityData {
         const items = this.treeData.filter((item) => allowedTypeKeys.includes(item.id ?? ''));
         return items.map((item) => item);
     }
-    /** For internal use */
-    getAll() {
-        return this.data;
-    }
 }
 export const umbDocumentTypeData = new UmbDocumentTypeData();

package/dist-cms/mocks/data/document.data.d.ts

@@ -16,6 +16,7 @@ declare class UmbDocumentData extends UmbEntityData<DocumentResponseModel> {
     getAllowedDocumentTypesAtRoot(): PagedDocumentTypeResponseModel;
     getRecycleBinRoot(): PagedRecycleBinItemResponseModel;
     getRecycleBinChildrenOf(parentId: string): PagedRecycleBinItemResponseModel;
+    getUserPermissionsForDocument(id: string): Array<any>;
 }
 export declare const umbDocumentData: UmbDocumentData;
 export {};

package/dist-cms/mocks/data/document.data.js

@@ -1,7 +1,9 @@
 import { umbDocumentTypeData } from './document-type.data.js';
+import { umbUserPermissionData } from './user-permission.data.js';
 import { UmbEntityData } from './entity.data.js';
 import { createDocumentTreeItem } from './utils.js';
 import { ContentStateModel, } from '../../external/backend-api/index.js';
+import { DOCUMENT_ENTITY_TYPE } from '../../packages/documents/documents/index.js';
 export const data = [
     {
         urls: [
@@ -633,9 +635,7 @@ class UmbDocumentData extends UmbEntityData {
         return { items: [], total: 0 };
     }
     getAllowedDocumentTypesAtRoot() {
-        const items = umbDocumentTypeData.getAll(); //.filter((docType) => docType.allowedAsRoot);
-        const total = items?.length;
-        return { items, total };
+        return umbDocumentTypeData.getAll(); //.filter((docType) => docType.allowedAsRoot);
     }
     getRecycleBinRoot() {
         const items = this.treeData.filter((item) => item.parentId === null && item.isTrashed === true);
@@ -649,5 +649,11 @@ class UmbDocumentData extends UmbEntityData {
         const total = items.length;
         return { items: treeItems, total };
     }
+    // permissions
+    getUserPermissionsForDocument(id) {
+        return umbUserPermissionData
+            .getAll()
+            .items.filter((permission) => permission.target.entityType === DOCUMENT_ENTITY_TYPE && permission.target.documentId === id);
+    }
 }
 export const umbDocumentData = new UmbDocumentData();

package/dist-cms/mocks/data/entity.data.d.ts

@@ -2,6 +2,10 @@ import { UmbData } from './data.js';
 import type { UmbEntityBase } from '../../shared/models/index.js';
 export declare class UmbEntityData<T extends UmbEntityBase> extends UmbData<T> {
     constructor(data: Array<T>);
+    getAll(): {
+        total: number;
+        items: T[];
+    };
     getList(skip: number, take: number): T[];
     getById(id: string): T | undefined;
     getByIds(ids: Array<string>): T[];

package/dist-cms/mocks/data/entity.data.js

@@ -5,6 +5,12 @@ export class UmbEntityData extends UmbData {
     constructor(data) {
         super(data);
     }
+    getAll() {
+        return {
+            total: this.data.length,
+            items: this.data,
+        };
+    }
     getList(skip, take) {
         return this.data.slice(skip, skip + take);
     }

package/dist-cms/mocks/data/user-group.data.d.ts

@@ -1,8 +1,7 @@
 import { UmbEntityData } from './entity.data.js';
-import { PagedUserGroupResponseModel, UserGroupItemResponseModel, UserGroupResponseModel } from '../../external/backend-api/index.js';
+import { UserGroupItemResponseModel, UserGroupResponseModel } from '../../external/backend-api/index.js';
 declare class UmbUserGroupData extends UmbEntityData<UserGroupResponseModel> {
     constructor(data: Array<UserGroupResponseModel>);
-    getAll(): PagedUserGroupResponseModel;
     getItems(ids: Array<string>): Array<UserGroupItemResponseModel>;
     /**
      * Returns a list of permissions for the given user group ids

package/dist-cms/mocks/data/user-group.data.js

@@ -12,12 +12,6 @@ class UmbUserGroupData extends UmbEntityData {
     constructor(data) {
         super(data);
     }
-    getAll() {
-        return {
-            total: this.data.length,
-            items: this.data,
-        };
-    }
     getItems(ids) {
         const items = this.data.filter((item) => ids.includes(item.id ?? ''));
         return items.map((item) => createUserGroupItem(item));

package/dist-cms/mocks/data/user-permission.data.d.ts

@@ -0,0 +1,12 @@
+import { UmbEntityData } from './entity.data.js';
+export type UserPermissionModel = {
+    id: string;
+    target: unknown;
+    permissions: Array<string>;
+};
+export declare const data: Array<UserPermissionModel>;
+declare class UmbUserPermissionData extends UmbEntityData<UserPermissionModel> {
+    constructor();
+}
+export declare const umbUserPermissionData: UmbUserPermissionData;
+export {};

package/dist-cms/mocks/data/user-permission.data.js

@@ -0,0 +1,37 @@
+import { UmbEntityData } from './entity.data.js';
+import { DOCUMENT_ENTITY_TYPE, UMB_USER_PERMISSION_DOCUMENT_CREATE, UMB_USER_PERMISSION_DOCUMENT_READ, } from '../../packages/documents/documents/index.js';
+export const data = [
+    {
+        id: '408074bb-f776-485e-b85e-c2473e45663b',
+        target: {
+            entityType: DOCUMENT_ENTITY_TYPE,
+            documentId: 'simple-document-id',
+            userGroupId: '9d24dc47-a4bf-427f-8a4a-b900f03b8a12',
+        },
+        permissions: [UMB_USER_PERMISSION_DOCUMENT_READ],
+    },
+    {
+        id: 'b70b1453-a912-4157-ba62-20c2f0ab6a88',
+        target: {
+            entityType: DOCUMENT_ENTITY_TYPE,
+            documentId: 'simple-document-id',
+            userGroupId: 'f4626511-b0d7-4ab1-aebc-a87871a5dcfa',
+        },
+        permissions: [UMB_USER_PERMISSION_DOCUMENT_READ, UMB_USER_PERMISSION_DOCUMENT_CREATE],
+    },
+    {
+        id: 'b70b1453-a912-4157-ba62-20c2f0ab6a88',
+        target: {
+            entityType: DOCUMENT_ENTITY_TYPE,
+            documentId: 'c05da24d-7740-447b-9cdc-bd8ce2172e38',
+            userGroupId: '9d24dc47-a4bf-427f-8a4a-b900f03b8a12',
+        },
+        permissions: [UMB_USER_PERMISSION_DOCUMENT_READ],
+    },
+];
+class UmbUserPermissionData extends UmbEntityData {
+    constructor() {
+        super(data);
+    }
+}
+export const umbUserPermissionData = new UmbUserPermissionData();

package/dist-cms/mocks/data/user.data.d.ts

@@ -1,9 +1,8 @@
 import { UmbEntityData } from './entity.data.js';
 import { UmbLoggedInUser } from '../../shared/auth/index.js';
-import { PagedUserResponseModel, UpdateUserGroupsOnUserRequestModel, UserItemResponseModel, UserResponseModel } from '../../external/backend-api/index.js';
+import { UpdateUserGroupsOnUserRequestModel, UserItemResponseModel, UserResponseModel } from '../../external/backend-api/index.js';
 declare class UmbUserData extends UmbEntityData<UserResponseModel> {
     constructor(data: UserResponseModel[]);
-    getAll(): PagedUserResponseModel;
     getItems(ids: Array<string>): Array<UserItemResponseModel>;
     setUserGroups(data: UpdateUserGroupsOnUserRequestModel): void;
     getCurrentUser(): UmbLoggedInUser;

package/dist-cms/mocks/data/user.data.js

@@ -12,12 +12,6 @@ class UmbUserData extends UmbEntityData {
     constructor(data) {
         super(data);
     }
-    getAll() {
-        return {
-            total: this.data.length,
-            items: this.data,
-        };
-    }
     getItems(ids) {
         const items = this.data.filter((item) => ids.includes(item.id ?? ''));
         return items.map((item) => createUserItem(item));

package/dist-cms/mocks/handlers/document/index.js

@@ -2,4 +2,11 @@ import { handlers as recycleBinHandlers } from './recycle-bin.handlers.js';
 import { handlers as treeHandlers } from './tree.handlers.js';
 import { handlers as documentHandlers } from './document.handlers.js';
 import { handlers as itemHandlers } from './item.handlers.js';
-export const handlers = [...recycleBinHandlers, ...treeHandlers, ...itemHandlers, ...documentHandlers];
+import { handlers as permissionHandlers } from './permission.handlers.js';
+export const handlers = [
+    ...recycleBinHandlers,
+    ...permissionHandlers,
+    ...treeHandlers,
+    ...itemHandlers,
+    ...documentHandlers,
+];

package/dist-cms/mocks/handlers/document/permission.handlers.d.ts

@@ -0,0 +1 @@
+export declare const handlers: import("msw").RestHandler<import("msw/lib/glossary-de6278a9.js").M<import("msw/lib/glossary-de6278a9.js").h>>[];

package/dist-cms/mocks/handlers/document/permission.handlers.js

@@ -0,0 +1,14 @@
+const { rest } = window.MockServiceWorker;
+import { umbDocumentData } from '../../data/document.data.js';
+import { slug } from './slug.js';
+import { umbracoPath } from '../../../shared/utils/index.js';
+// TODO: temp handlers until we have a real API
+export const handlers = [
+    rest.get(umbracoPath(`${slug}/:id/permissions`), (req, res, ctx) => {
+        const id = req.params.id;
+        if (!id)
+            return;
+        const response = umbDocumentData.getUserPermissionsForDocument(id);
+        return res(ctx.status(200), ctx.json(response));
+    }),
+];

package/dist-cms/packages/core/event/deselected.event.d.ts

@@ -0,0 +1,5 @@
+export declare class UmbDeselectedEvent extends Event {
+    static readonly TYPE = "deselected";
+    unique: string;
+    constructor(unique: string);
+}

package/dist-cms/packages/core/event/deselected.event.js

@@ -0,0 +1,8 @@
+export class UmbDeselectedEvent extends Event {
+    static { this.TYPE = 'deselected'; }
+    constructor(unique) {
+        // mimics the native change event
+        super(UmbDeselectedEvent.TYPE, { bubbles: true, composed: false, cancelable: false });
+        this.unique = unique;
+    }
+}

package/dist-cms/packages/core/event/index.d.ts

@@ -1,5 +1,7 @@
 export * from './input.event.js';
 export * from './change.event.js';
 export * from './delete.event.js';
+export * from './selection-change.event.js';
 export * from './action-executed.event.js';
 export * from './selected.event.js';
+export * from './deselected.event.js';

package/dist-cms/packages/core/event/index.js

@@ -1,5 +1,7 @@
 export * from './input.event.js';
 export * from './change.event.js';
 export * from './delete.event.js';
+export * from './selection-change.event.js';
 export * from './action-executed.event.js';
 export * from './selected.event.js';
+export * from './deselected.event.js';

package/dist-cms/packages/core/event/selected.event.d.ts

@@ -1,3 +1,5 @@
 export declare class UmbSelectedEvent extends Event {
-    constructor();
+    static readonly TYPE = "selected";
+    unique: string;
+    constructor(unique: string);
 }

package/dist-cms/packages/core/event/selected.event.js

@@ -1,6 +1,8 @@
 export class UmbSelectedEvent extends Event {
-    constructor() {
+    static { this.TYPE = 'selected'; }
+    constructor(unique) {
         // mimics the native change event
-        super('selected', { bubbles: true, composed: false, cancelable: false });
+        super(UmbSelectedEvent.TYPE, { bubbles: true, composed: false, cancelable: false });
+        this.unique = unique;
     }
 }

package/dist-cms/packages/core/event/selection-change.event.d.ts

@@ -0,0 +1,4 @@
+export declare class UmbSelectionChangeEvent extends Event {
+    static readonly TYPE = "selection-change";
+    constructor();
+}

package/dist-cms/packages/core/event/selection-change.event.js

@@ -0,0 +1,7 @@
+export class UmbSelectionChangeEvent extends Event {
+    static { this.TYPE = 'selection-change'; }
+    constructor() {
+        // mimics the native change event
+        super(UmbSelectionChangeEvent.TYPE, { bubbles: true, composed: false, cancelable: false });
+    }
+}

package/dist-cms/packages/core/extension-registry/conditions/types.d.ts

@@ -1,7 +1,7 @@
+import type { UserPermissionConditionConfig } from '../../../user/user-permission/index.js';
 import type { SectionAliasConditionConfig } from './section-alias.condition.js';
 import type { SwitchConditionConfig } from './switch.condition.js';
 import type { WorkspaceAliasConditionConfig, WorkspaceEntityTypeConditionConfig } from '../../workspace/index.js';
 import type { UmbConditionConfigBase } from '../../../../libs/extension-api/index.js';
-import type { UserPermissionConditionConfig } from '../../../user/current-user/index.js';
 import type { CollectionEntityTypeConditionConfig } from '../../collection/index.js';
 export type ConditionTypes = CollectionEntityTypeConditionConfig | SectionAliasConditionConfig | WorkspaceAliasConditionConfig | WorkspaceEntityTypeConditionConfig | SwitchConditionConfig | UserPermissionConditionConfig | UmbConditionConfigBase;

package/dist-cms/packages/core/modal/common/link-picker/link-picker-modal.element.js

@@ -128,7 +128,7 @@ export let UmbLinkPickerModalElement = class UmbLinkPickerModalElement extends U
 			<umb-tree
 				?multiple=${false}
 				alias="Umb.Tree.Documents"
-				@selected=${(event) => this._handleSelectionChange(event, 'document')}
+				@selection-change=${(event) => this._handleSelectionChange(event, 'document')}
 				.selection=${[this._selectedKey ?? '']}
 				selectable></umb-tree>
 
@@ -139,7 +139,7 @@ export let UmbLinkPickerModalElement = class UmbLinkPickerModalElement extends U
 			<umb-tree
 				?multiple=${false}
 				alias="Umb.Tree.Media"
-				@selected=${(event) => this._handleSelectionChange(event, 'media')}
+				@selection-change=${(event) => this._handleSelectionChange(event, 'media')}
 				.selection=${[this._selectedKey ?? '']}
 				selectable></umb-tree>`;
     }