@umbraco-cms/backoffice 14.0.0--preview004-b3446294 → 14.0.0--preview003

package/dist-cms/mocks/browser-handlers.js

@@ -8,7 +8,7 @@ import * as serverHandlers from './handlers/server.handlers.js';
 import { handlers as upgradeHandlers } from './handlers/upgrade.handlers.js';
 import { handlers as userHandlers } from './handlers/user.handlers.js';
 import { handlers as telemetryHandlers } from './handlers/telemetry.handlers.js';
-import { handlers as userGroupsHandlers } from './handlers/user-group/index.js';
+import { handlers as userGroupsHandlers } from './handlers/user-group.handlers.js';
 import { handlers as examineManagementHandlers } from './handlers/examine-management.handlers.js';
 import { handlers as modelsBuilderHandlers } from './handlers/modelsbuilder.handlers.js';
 import { handlers as healthCheckHandlers } from './handlers/health-check.handlers.js';

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

@@ -8,6 +8,6 @@ export declare class UmbEntityData<T extends UmbEntityBase> extends UmbData<T> {
     insert(item: T): T;
     save(id: string, saveItem: T): T;
     trash(ids: Array<string>): T[];
-    delete(ids: Array<string>): void;
+    delete(ids: Array<string>): (string | undefined)[];
     updateData(updateItem: T): void;
 }

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

@@ -60,11 +60,19 @@ export class UmbEntityData extends UmbData {
         return trashedItems;
     }
     delete(ids) {
+        const deletedKeys = this.data
+            .filter((item) => {
+            if (!item.id)
+                throw new Error('Item has no id');
+            ids.includes(item.id);
+        })
+            .map((item) => item.id);
         this.data = this.data.filter((item) => {
             if (!item.id)
                 throw new Error('Item has no id');
-            return !ids.includes(item.id);
+            ids.indexOf(item.id) === -1;
         });
+        return deletedKeys;
     }
     updateData(updateItem) {
         const itemIndex = this.data.findIndex((item) => item.id === updateItem.id);

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

@@ -1,11 +1,10 @@
 import type { MediaDetails } from '../../packages/media/media/index.js';
 import { UmbEntityData } from './entity.data.js';
-import { ContentTreeItemResponseModel, MediaItemResponseModel, PagedMediaTreeItemResponseModel } from '../../external/backend-api/index.js';
+import { ContentTreeItemResponseModel, PagedMediaTreeItemResponseModel } from '../../external/backend-api/index.js';
 export declare const data: Array<MediaDetails>;
 declare class UmbMediaData extends UmbEntityData<MediaDetails> {
     #private;
     constructor();
-    getItems(ids: Array<string>): Array<MediaItemResponseModel>;
     getTreeRoot(): PagedMediaTreeItemResponseModel;
     getTreeItemChildren(id: string): PagedMediaTreeItemResponseModel;
     getTreeItem(ids: Array<string>): Array<ContentTreeItemResponseModel>;

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

@@ -179,13 +179,6 @@ export const data = [
         variants: [],
     },
 ];
-const createMediaItem = (item) => {
-    return {
-        id: item.id,
-        name: item.name,
-        icon: item.icon,
-    };
-};
 // Temp mocked database
 // TODO: all properties are optional in the server schema. I don't think this is correct.
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -195,10 +188,6 @@ class UmbMediaData extends UmbEntityData {
     constructor() {
         super(data);
     }
-    getItems(ids) {
-        const items = this.data.filter((item) => ids.includes(item.id ?? ''));
-        return items.map((item) => createMediaItem(item));
-    }
     getTreeRoot() {
         const items = this.data.filter((item) => item.parentId === null);
         const treeItems = items.map((item) => createContentTreeItem(item));

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

@@ -0,0 +1,9 @@
+import { UmbEntityData } from './entity.data.js';
+import { PagedUserGroupResponseModel, UserGroupResponseModel } from '../../external/backend-api/index.js';
+declare class UmbUserGroupsData extends UmbEntityData<UserGroupResponseModel> {
+    constructor(data: Array<UserGroupResponseModel>);
+    getAll(): PagedUserGroupResponseModel;
+}
+export declare const data: Array<UserGroupResponseModel>;
+export declare const umbUserGroupsData: UmbUserGroupsData;
+export {};

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

@@ -0,0 +1,21 @@
+import { UmbEntityData } from './entity.data.js';
+// Temp mocked database
+class UmbUserGroupsData extends UmbEntityData {
+    constructor(data) {
+        super(data);
+    }
+    getAll() {
+        return {
+            total: this.data.length,
+            items: this.data,
+        };
+    }
+}
+export const data = [
+    {
+        id: 'c630d49e-4e7b-42ea-b2bc-edc0edacb6b1',
+        name: 'Administrators',
+        icon: 'umb:medal',
+    },
+];
+export const umbUserGroupsData = new UmbUserGroupsData(data);

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

@@ -0,0 +1,16 @@
+import { UmbData } from './data.js';
+import { UmbLoggedInUser } from '../../shared/auth/index.js';
+import { PagedUserResponseModel, UserResponseModel } from '../../external/backend-api/index.js';
+declare class UmbUsersData extends UmbData<UserResponseModel> {
+    constructor(data: UserResponseModel[]);
+    getAll(): PagedUserResponseModel;
+    getById(id: string): UserResponseModel | undefined;
+    getCurrentUser(): UmbLoggedInUser;
+    save(id: string, saveItem: UserResponseModel): UserResponseModel;
+    protected updateData(updateItem: UserResponseModel): void;
+}
+export declare const data: Array<UserResponseModel & {
+    type: string;
+}>;
+export declare const umbUsersData: UmbUsersData;
+export {};

package/dist-cms/mocks/data/{user.data.js → users.data.js}

@@ -1,14 +1,7 @@
-import { UmbEntityData } from './entity.data.js';
-import { umbUserGroupData } from './user-group.data.js';
-import { UserStateModel, } from '../../external/backend-api/index.js';
-const createUserItem = (item) => {
-    return {
-        name: item.name,
-        id: item.id,
-    };
-};
+import { UmbData } from './data.js';
+import { UserStateModel } from '../../external/backend-api/index.js';
 // Temp mocked database
-class UmbUserData extends UmbEntityData {
+class UmbUsersData extends UmbData {
     constructor(data) {
         super(data);
     }
@@ -18,19 +11,11 @@ class UmbUserData extends UmbEntityData {
             items: this.data,
         };
     }
-    getItems(ids) {
-        const items = this.data.filter((item) => ids.includes(item.id ?? ''));
-        return items.map((item) => createUserItem(item));
-    }
-    setUserGroups(data) {
-        const users = this.data.filter((user) => data.userIds?.includes(user.id ?? ''));
-        users.forEach((user) => {
-            user.userGroupIds = data.userGroupIds;
-        });
+    getById(id) {
+        return this.data.find((user) => user.id === id);
     }
     getCurrentUser() {
         const firstUser = this.data[0];
-        const permissions = firstUser.userGroupIds?.length ? umbUserGroupData.getPermissions(firstUser.userGroupIds) : [];
         return {
             id: firstUser.id,
             name: firstUser.name,
@@ -42,9 +27,42 @@ class UmbUserData extends UmbEntityData {
             languages: [],
             contentStartNodeIds: firstUser.contentStartNodeIds,
             mediaStartNodeIds: firstUser.mediaStartNodeIds,
-            permissions,
+            permissions: [],
         };
     }
+    save(id, saveItem) {
+        const foundIndex = this.data.findIndex((item) => item.id === id);
+        if (foundIndex !== -1) {
+            // update
+            this.data[foundIndex] = saveItem;
+            this.updateData(saveItem);
+        }
+        else {
+            // new
+            this.data.push(saveItem);
+        }
+        return saveItem;
+    }
+    updateData(updateItem) {
+        const itemIndex = this.data.findIndex((item) => item.id === updateItem.id);
+        const item = this.data[itemIndex];
+        console.log('updateData', updateItem, itemIndex, item);
+        if (!item)
+            return;
+        const itemKeys = Object.keys(item);
+        const newItem = {};
+        for (const [key] of Object.entries(updateItem)) {
+            if (itemKeys.indexOf(key) !== -1) {
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-ignore
+                newItem[key] = updateItem[key];
+            }
+        }
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        this.data[itemIndex] = newItem;
+        console.log('updateData', this.data[itemIndex]);
+    }
 }
 export const data = [
     {
@@ -62,11 +80,7 @@ export const data = [
         updateDate: '2/10/2022',
         createDate: '3/13/2022',
         failedLoginAttempts: 946,
-        userGroupIds: [
-            'c630d49e-4e7b-42ea-b2bc-edc0edacb6b1',
-            '9d24dc47-a4bf-427f-8a4a-b900f03b8a12',
-            'f4626511-b0d7-4ab1-aebc-a87871a5dcfa',
-        ],
+        userGroupIds: ['c630d49e-4e7b-42ea-b2bc-edc0edacb6b1'],
     },
     {
         id: '82e11d3d-b91d-43c9-9071-34d28e62e81d',
@@ -137,4 +151,4 @@ export const data = [
         userGroupIds: ['c630d49e-4e7b-42ea-b2bc-edc0edacb6b1'],
     },
 ];
-export const umbUsersData = new UmbUserData(data);
+export const umbUsersData = new UmbUsersData(data);

package/dist-cms/mocks/handlers/dictionary.handlers.js

@@ -125,8 +125,8 @@ export const handlers = [
         const id = req.params.id;
         if (!id)
             return;
-        umbDictionaryData.delete([id]);
-        return res(ctx.status(200));
+        const deletedKeys = umbDictionaryData.delete([id]);
+        return res(ctx.status(200), ctx.json(deletedKeys));
     }),
     // TODO => handle properly, querystring breaks handler
     rest.get('/umbraco/management/api/v1/dictionary/:id/export', (req, res, ctx) => {

package/dist-cms/mocks/handlers/media.handlers.js

@@ -1,15 +1,7 @@
 const { rest } = window.MockServiceWorker;
 import { umbMediaData } from '../data/media.data.js';
-import { umbracoPath } from '../../shared/utils/index.js';
 // TODO: add schema
 export const handlers = [
-    rest.get(umbracoPath('/media/item'), (req, res, ctx) => {
-        const ids = req.url.searchParams.getAll('id');
-        if (!ids)
-            return;
-        const items = umbMediaData.getItems(ids);
-        return res(ctx.status(200), ctx.json(items));
-    }),
     rest.get('/umbraco/management/api/v1/media/details/:id', (req, res, ctx) => {
         console.warn('Please move to schema');
         const id = req.params.id;

package/dist-cms/mocks/handlers/partial-views.handlers.js

@@ -40,14 +40,14 @@ const detailHandlers = [
         const path = req.url.searchParams.get('path');
         if (!path)
             return res(ctx.status(400));
-        umbPartialViewsData.delete([path]);
-        return res(ctx.status(200));
+        const response = umbPartialViewsData.delete([path]);
+        return res(ctx.status(200), ctx.json(response));
     }),
     rest.put(umbracoPath('/partial-view'), (req, res, ctx) => {
         const requestBody = req.json();
         if (!requestBody)
             return res(ctx.status(400, 'no body found'));
-        umbPartialViewsData.updateData(requestBody);
+        const response = umbPartialViewsData.updateData(requestBody);
         return res(ctx.status(200));
     }),
 ];

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

@@ -0,0 +1,17 @@
+const { rest } = window.MockServiceWorker;
+import { umbUserGroupsData } from '../data/user-groups.data.js';
+import { umbracoPath } from '../../shared/utils/index.js';
+const slug = '/user-group';
+export const handlers = [
+    rest.get(umbracoPath(`${slug}`), (req, res, ctx) => {
+        const response = umbUserGroupsData.getAll();
+        return res(ctx.status(200), ctx.json(response));
+    }),
+    rest.get(umbracoPath(`${slug}/:id`), (req, res, ctx) => {
+        const id = req.params.id;
+        if (!id)
+            return;
+        const userGroup = umbUserGroupsData.getById(id);
+        return res(ctx.status(200), ctx.json(userGroup));
+    }),
+];

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

@@ -1,22 +1,8 @@
 const { rest } = window.MockServiceWorker;
-import { umbUsersData } from '../data/user.data.js';
+import { umbUsersData } from '../data/users.data.js';
 import { umbracoPath } from '../../shared/utils/index.js';
 const slug = '/user';
 export const handlers = [
-    rest.get(umbracoPath(`${slug}/item`), (req, res, ctx) => {
-        const ids = req.url.searchParams.getAll('id');
-        if (!ids)
-            return;
-        const items = umbUsersData.getItems(ids);
-        return res(ctx.status(200), ctx.json(items));
-    }),
-    rest.post(umbracoPath(`${slug}/set-user-groups`), async (req, res, ctx) => {
-        const data = await req.json();
-        if (!data)
-            return;
-        umbUsersData.setUserGroups(data);
-        return res(ctx.status(200));
-    }),
     rest.get(umbracoPath(`${slug}/filter`), (req, res, ctx) => {
         //TODO: Implementer filter
         const response = umbUsersData.getAll();

package/dist-cms/packages/core/components/input-list-base/input-list-base.js

@@ -42,7 +42,7 @@ export class UmbInputListBaseElement extends UmbLitElement {
     }
     renderButton() {
         return html `<uui-button id="add-button" look="placeholder" @click=${this._openPicker} label="open">
-			${this.localize.term('general_add')}
+			Add
 		</uui-button>`;
     }
     renderContent() {

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

@@ -1,5 +1,5 @@
 import { UmbInputListBaseElement } from '../input-list-base/input-list-base.js';
-export declare class UmbInputSectionElement extends UmbInputListBaseElement {
+export declare class UmbInputPickerSectionElement extends UmbInputListBaseElement {
     private _sections;
     connectedCallback(): void;
     private _observeSections;
@@ -9,6 +9,6 @@ export declare class UmbInputSectionElement extends UmbInputListBaseElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'umb-input-section': UmbInputSectionElement;
+        'umb-input-section': UmbInputPickerSectionElement;
     }
 }

package/dist-cms/packages/core/components/input-section/input-section.element.js

@@ -5,11 +5,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { UmbInputListBaseElement } from '../input-list-base/input-list-base.js';
-import { UmbTextStyles } from '../../../../shared/style/index.js';
+import { UmbTextStyles } from "../../../../shared/style/index.js";
 import { css, html, nothing, customElement, state } from '../../../../external/lit/index.js';
 import { UMB_SECTION_PICKER_MODAL } from '../../modal/index.js';
 import { umbExtensionsRegistry } from '../../extension-registry/index.js';
-export let UmbInputSectionElement = class UmbInputSectionElement extends UmbInputListBaseElement {
+export let UmbInputPickerSectionElement = class UmbInputPickerSectionElement extends UmbInputListBaseElement {
     constructor() {
         super(...arguments);
         this._sections = [];
@@ -84,7 +84,7 @@ export let UmbInputSectionElement = class UmbInputSectionElement extends UmbInpu
 };
 __decorate([
     state()
-], UmbInputSectionElement.prototype, "_sections", void 0);
-UmbInputSectionElement = __decorate([
+], UmbInputPickerSectionElement.prototype, "_sections", void 0);
+UmbInputPickerSectionElement = __decorate([
     customElement('umb-input-section')
-], UmbInputSectionElement);
+], UmbInputPickerSectionElement);

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

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

package/dist-cms/packages/core/extension-registry/models/index.d.ts

@@ -28,8 +28,6 @@ import type { ManifestWorkspace } from './workspace.model.js';
 import type { ManifestWorkspaceAction } from './workspace-action.model.js';
 import type { ManifestWorkspaceEditorView } from './workspace-editor-view.model.js';
 import type { ManifestWorkspaceViewCollection } from './workspace-view-collection.model.js';
-import type { ManifestUserPermission } from './user-permission.model.js';
-import type { ManifestUserGranularPermission } from './user-granular-permission.model.js';
 import type { ManifestBase, ManifestBundle, ManifestCondition, ManifestEntryPoint } from '../../../../libs/extension-api/index.js';
 export * from './collection-view.model.js';
 export * from './dashboard-collection.model.js';
@@ -61,6 +59,4 @@ export * from './workspace-action.model.js';
 export * from './workspace-view-collection.model.js';
 export * from './workspace-editor-view.model.js';
 export * from './workspace.model.js';
-export * from './user-permission.model.js';
-export * from './user-granular-permission.model.js';
-export type ManifestTypes = ManifestBundle<ManifestTypes> | ManifestCondition | ManifestCollectionView | ManifestDashboard | ManifestDashboardCollection | ManifestEntityAction | ManifestEntityBulkAction | ManifestEntryPoint | ManifestExternalLoginProvider | ManifestGlobalContext | ManifestHeaderApp | ManifestHeaderAppButtonKind | ManifestHealthCheck | ManifestItemStore | ManifestMenu | ManifestMenuItem | ManifestMenuItemTreeKind | ManifestModal | ManifestPackageView | ManifestPropertyAction | ManifestPropertyEditorSchema | ManifestPropertyEditorUi | ManifestRepository | ManifestSection | ManifestSectionSidebarApp | ManifestSectionSidebarAppMenuKind | ManifestSectionView | ManifestStore | ManifestTheme | ManifestTinyMcePlugin | ManifestLocalization | ManifestTree | ManifestTreeItem | ManifestTreeStore | ManifestUserProfileApp | ManifestWorkspace | ManifestWorkspaceAction | ManifestWorkspaceEditorView | ManifestWorkspaceViewCollection | ManifestUserPermission | ManifestUserGranularPermission | ManifestBase;
+export type ManifestTypes = ManifestBundle<ManifestTypes> | ManifestCondition | ManifestCollectionView | ManifestDashboard | ManifestDashboardCollection | ManifestEntityAction | ManifestEntityBulkAction | ManifestEntryPoint | ManifestExternalLoginProvider | ManifestGlobalContext | ManifestHeaderApp | ManifestHeaderAppButtonKind | ManifestHealthCheck | ManifestItemStore | ManifestMenu | ManifestMenuItem | ManifestMenuItemTreeKind | ManifestModal | ManifestPackageView | ManifestPropertyAction | ManifestPropertyEditorSchema | ManifestPropertyEditorUi | ManifestRepository | ManifestSection | ManifestSectionSidebarApp | ManifestSectionSidebarAppMenuKind | ManifestSectionView | ManifestStore | ManifestTheme | ManifestTinyMcePlugin | ManifestLocalization | ManifestTree | ManifestTreeItem | ManifestTreeStore | ManifestUserProfileApp | ManifestWorkspace | ManifestWorkspaceAction | ManifestWorkspaceEditorView | ManifestWorkspaceViewCollection | ManifestBase;

package/dist-cms/packages/core/extension-registry/models/index.js

@@ -28,5 +28,3 @@ export * from './workspace-action.model.js';
 export * from './workspace-view-collection.model.js';
 export * from './workspace-editor-view.model.js';
 export * from './workspace.model.js';
-export * from './user-permission.model.js';
-export * from './user-granular-permission.model.js';

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

@@ -1,5 +1,2 @@
 import './localize.element.js';
-import './localize-date.element.js';
-import './localize-number.element.js';
-import './localize-relative-time.element.js';
 export * from './registry/localization.registry.js';

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

@@ -1,5 +1,2 @@
 import './localize.element.js';
-import './localize-date.element.js';
-import './localize-number.element.js';
-import './localize-relative-time.element.js';
 export * from './registry/localization.registry.js';

package/dist-cms/packages/core/localization/localize.element.js

@@ -31,7 +31,7 @@ export let UmbLocalizeElement = class UmbLocalizeElement extends UmbLitElement {
         return localizedValue;
     }
     render() {
-        return this.text.trim()
+        return this.text
             ? html `${unsafeHTML(this.text)}`
             : this.debug
                 ? html `<span style="color:red">${this.key}</span>`

package/dist-cms/packages/core/modal/common/manifests.js

@@ -59,11 +59,5 @@ const modals = [
         name: 'Tree Picker Modal',
         loader: () => import('./tree-picker/tree-picker-modal.element.js'),
     },
-    {
-        type: 'modal',
-        alias: 'Umb.Modal.EntityUserPermissionSettings',
-        name: 'Entity User Permission Settings Modal',
-        loader: () => import('./entity-user-permission-settings/entity-user-permission-settings-modal.element.js'),
-    },
 ];
 export const manifests = [...modals];

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

@@ -4,10 +4,9 @@ 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 { html, customElement, state } from '../../../../../external/lit/index.js';
-import { UmbTextStyles } from '../../../../../shared/style/index.js';
+import { css, html, customElement, state } from '../../../../../external/lit/index.js';
+import { UmbTextStyles } from "../../../../../shared/style/index.js";
 import { UmbModalBaseElement } from '../../../../../shared/modal/index.js';
-import { UmbSelectedEvent } from '../../../../../shared/umb-events/index.js';
 export let UmbTreePickerModalElement = class UmbTreePickerModalElement extends UmbModalBaseElement {
     constructor() {
         super(...arguments);
@@ -23,7 +22,6 @@ export let UmbTreePickerModalElement = class UmbTreePickerModalElement extends U
         e.stopPropagation();
         const element = e.target;
         this._selection = element.selection;
-        this.dispatchEvent(new UmbSelectedEvent());
     }
     #submit() {
         this.modalContext?.submit({ selection: this._selection });
@@ -50,7 +48,7 @@ export let UmbTreePickerModalElement = class UmbTreePickerModalElement extends U
 			</umb-body-layout>
 		`;
     }
-    static { this.styles = [UmbTextStyles]; }
+    static { this.styles = [UmbTextStyles, css ``]; }
 };
 __decorate([
     state()

package/dist-cms/packages/core/modal/token/index.d.ts

@@ -33,4 +33,3 @@ export * from './data-type-picker-modal.token.js';
 export * from './workspace-modal.token.js';
 export * from './data-type-picker-flow-modal.token.js';
 export * from './data-type-picker-flow-data-type-picker-modal.token.js';
-export * from './entity-user-permission-settings-modal.token.js';

package/dist-cms/packages/core/modal/token/index.js

@@ -33,4 +33,3 @@ export * from './data-type-picker-modal.token.js';
 export * from './workspace-modal.token.js';
 export * from './data-type-picker-flow-modal.token.js';
 export * from './data-type-picker-flow-data-type-picker-modal.token.js';
-export * from './entity-user-permission-settings-modal.token.js';

package/dist-cms/packages/core/picker-input/picker-input.context.js

@@ -48,6 +48,9 @@ export class UmbPickerInputContext {
         });
     }
     async requestRemoveItem(unique) {
+        await this.#init;
+        if (!this.repository)
+            throw new Error('Repository is not initialized');
         // TODO: id won't always be available on the model, so we need to get the unique property from somewhere. Maybe the repository?
         const item = this.#itemManager.getItems().find((item) => this.#getUnique(item) === unique);
         if (!item)
@@ -64,6 +67,5 @@ export class UmbPickerInputContext {
     #removeItem(unique) {
         const newSelection = this.getSelection().filter((value) => value !== unique);
         this.setSelection(newSelection);
-        this.host.dispatchEvent(new UmbChangeEvent());
     }
 }

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

@@ -3,7 +3,6 @@ import { UmbBooleanState } from '../../../libs/observable-api/index.js';
 import { UmbBaseController } from '../../../libs/controller-api/index.js';
 import { createExtensionClass } from '../../../libs/extension-api/index.js';
 import { UmbSelectionManagerBase } from '../../../shared/utils/index.js';
-import { UmbSelectedEvent } from '../../../shared/umb-events/index.js';
 export class UmbTreeContextBase extends UmbBaseController {
     #selectionManager;
     #selectable;
@@ -63,11 +62,11 @@ export class UmbTreeContextBase extends UmbBaseController {
         if (!this.getSelectable())
             return;
         this.#selectionManager.select(unique);
-        this._host.getHostElement().dispatchEvent(new UmbSelectedEvent());
+        this._host.getHostElement().dispatchEvent(new CustomEvent('selected'));
     }
     deselect(unique) {
         this.#selectionManager.deselect(unique);
-        this._host.getHostElement().dispatchEvent(new UmbSelectedEvent());
+        this._host.getHostElement().dispatchEvent(new CustomEvent('selected'));
     }
     async requestTreeRoot() {
         await this.#init;

package/dist-cms/packages/documents/documents/components/index.d.ts

@@ -1,2 +1 @@
 export * from './input-document/input-document.element.js';
-export * from './input-document-granular-permission/input-document-granular-permission.element.js';

package/dist-cms/packages/documents/documents/components/index.js

@@ -1,2 +1 @@
 export * from './input-document/input-document.element.js';
-export * from './input-document-granular-permission/input-document-granular-permission.element.js';

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

@@ -1,15 +1,13 @@
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
 declare const UmbInputDocumentElement_base: (new (...args: any[]) => import("../../../../../external/uui/index.js").FormControlMixinInterface) & typeof UmbLitElement;
 export declare class UmbInputDocumentElement extends UmbInputDocumentElement_base {
-    #private;
     /**
      * This is a minimum amount of selected items in this input.
      * @type {number}
      * @attr
-     * @default 0
+     * @default undefined
      */
-    get min(): number;
-    set min(value: number);
+    min?: number;
     /**
      * Min validation message.
      * @type {boolean}
@@ -21,10 +19,9 @@ export declare class UmbInputDocumentElement extends UmbInputDocumentElement_bas
      * This is a maximum amount of selected items in this input.
      * @type {number}
      * @attr
-     * @default Infinity
+     * @default undefined
      */
-    get max(): number;
-    set max(value: number);
+    max?: number;
     /**
      * Max validation message.
      * @type {boolean}
@@ -32,12 +29,20 @@ export declare class UmbInputDocumentElement extends UmbInputDocumentElement_bas
      * @default
      */
     maxMessage: string;
+    private _selectedIds;
     get selectedIds(): Array<string>;
     set selectedIds(ids: Array<string>);
     set value(idsString: string);
     private _items?;
+    private _modalContext?;
+    private _documentStore?;
+    private _pickedItemsObserver?;
     constructor();
     protected getFormElement(): undefined;
+    private _observePickedDocuments;
+    private _openPicker;
+    private _removeItem;
+    private _setSelection;
     render(): import("lit-html").TemplateResult<1>;
     private _renderItem;
     static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];