@umbraco-cms/backoffice 17.7.0 → 17.8.0-rc

package/dist-cms/packages/user/user/workspace/user/components/user-workspace-assign-access/user-workspace-assign-access.element.js

@@ -5,147 +5,83 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { UMB_USER_WORKSPACE_CONTEXT } from '../../user-workspace.context-token.js';
-import { html, customElement, state, nothing, css } from '../../../../../../../external/lit/index.js';
+import { css, customElement, html, ifDefined, repeat, state } from '../../../../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../../../core/lit-element/index.js';
-import { UmbTextStyles } from '../../../../../../core/style/index.js';
+import { observeMultiple } from '../../../../../../../libs/observable-api/index.js';
 let UmbUserWorkspaceAssignAccessElement = class UmbUserWorkspaceAssignAccessElement extends UmbLitElement {
     #workspaceContext;
     constructor() {
         super();
-        this._userGroupUniques = [];
-        this._documentStartNodeUniques = [];
-        this._documentRootAccess = false;
-        this._mediaStartNodeUniques = [];
-        this._mediaRootAccess = false;
+        this._values = [
+            { alias: 'userGroups', value: [] },
+            { alias: 'documentAccess', value: { rootAccess: false, startNodes: [] } },
+            { alias: 'mediaAccess', value: { rootAccess: false, startNodes: [] } },
+        ];
         this.consumeContext(UMB_USER_WORKSPACE_CONTEXT, (instance) => {
             this.#workspaceContext = instance;
-            this.observe(this.#workspaceContext?.userGroupUniques, (value) => (this._userGroupUniques = value ?? []), '_observeUserGroupAccess');
-            this.observe(this.#workspaceContext?.hasDocumentRootAccess, (value) => (this._documentRootAccess = value ?? false), '_observeDocumentRootAccess');
-            this.observe(this.#workspaceContext?.documentStartNodeUniques, (value) => (this._documentStartNodeUniques = value ?? []), '_observeDocumentStartNode');
-            this.observe(this.#workspaceContext?.hasMediaRootAccess, (value) => (this._mediaRootAccess = value ?? false), '_observeMediaRootAccess');
-            this.observe(this.#workspaceContext?.mediaStartNodeUniques, (value) => (this._mediaStartNodeUniques = value ?? []), '_observeMediaStartNode');
+            if (!instance)
+                return;
+            this.observe(instance.userGroupUniques, (value) => this.#setValue('userGroups', value ?? []), '_observeUserGroupAccess');
+            this.observe(observeMultiple([instance.hasDocumentRootAccess, instance.documentStartNodeUniques]), ([rootAccess, startNodes]) => this.#setValue('documentAccess', { rootAccess: rootAccess ?? false, startNodes: startNodes ?? [] }), '_observeDocumentAccess');
+            this.observe(observeMultiple([instance.hasMediaRootAccess, instance.mediaStartNodeUniques]), ([rootAccess, startNodes]) => this.#setValue('mediaAccess', { rootAccess: rootAccess ?? false, startNodes: startNodes ?? [] }), '_observeMediaAccess');
         });
     }
-    #onUserGroupsChange(event) {
-        event.stopPropagation();
-        const target = event.target;
-        const selection = target.selection.map((unique) => {
-            return { unique };
-        });
-        // TODO make contexts method
-        this.#workspaceContext?.updateProperty('userGroupUniques', selection);
-    }
-    #onAllowAllDocumentsChange(event) {
-        event.stopPropagation();
-        const target = event.target;
-        // TODO make contexts method
-        this.#workspaceContext?.updateProperty('hasDocumentRootAccess', target.checked);
-        this.#workspaceContext?.updateProperty('documentStartNodeUniques', []);
+    #setValue(alias, value) {
+        this._values = this._values.map((entry) => (entry.alias === alias ? { alias, value } : entry));
     }
-    #onDocumentStartNodeChange(event) {
-        event.stopPropagation();
-        // TODO: get back to this when media have been decoupled from users.
-        // The event target is deliberately set to any to avoid an import cycle with media.
-        const target = event.target;
-        const selection = target.selection.map((unique) => {
-            return { unique };
-        });
-        // TODO make contexts method
-        this.#workspaceContext?.updateProperty('documentStartNodeUniques', selection);
-        // When specific start nodes are selected, disable root access
-        this.#workspaceContext?.updateProperty('hasDocumentRootAccess', false);
+    #onChange(event) {
+        const values = event.target.value;
+        const userGroups = values.find((entry) => entry.alias === 'userGroups')?.value;
+        this.#workspaceContext?.setUserGroups(userGroups ?? []);
+        const documentAccess = values.find((entry) => entry.alias === 'documentAccess')?.value;
+        if (documentAccess)
+            this.#workspaceContext?.setDocumentAccess(documentAccess);
+        const mediaAccess = values.find((entry) => entry.alias === 'mediaAccess')?.value;
+        if (mediaAccess)
+            this.#workspaceContext?.setMediaAccess(mediaAccess);
     }
-    #onAllowAllMediaChange(event) {
-        event.stopPropagation();
-        const target = event.target;
-        // TODO make contexts method
-        this.#workspaceContext?.updateProperty('hasMediaRootAccess', target.checked);
-        this.#workspaceContext?.updateProperty('mediaStartNodeUniques', []);
-    }
-    #onMediaStartNodeChange(event) {
-        event.stopPropagation();
-        // TODO: get back to this when media have been decoupled from users.
-        // The event target is deliberately set to any to avoid an import cycle with media.
-        const target = event.target;
-        const selection = target.selection.map((unique) => {
-            return { unique };
-        });
-        // TODO make contexts method
-        this.#workspaceContext?.updateProperty('mediaStartNodeUniques', selection);
-        // When specific start nodes are selected, disable root access
-        this.#workspaceContext?.updateProperty('hasMediaRootAccess', false);
+    #getFields() {
+        return [
+            {
+                alias: 'userGroups',
+                label: this.localize.term('general_groups'),
+                description: this.localize.term('user_groupsHelp'),
+                propertyEditorUiAlias: 'Umb.PropertyEditorUi.UserGroupPicker',
+            },
+            {
+                alias: 'documentAccess',
+                label: this.localize.term('user_startnodes'),
+                description: this.localize.term('user_startnodeshelp'),
+                propertyEditorUiAlias: 'Umb.PropertyEditorUi.DocumentStartNodeAccess',
+                config: [{ alias: 'rootAccessLabel', value: this.localize.term('user_allowAccessToAllDocuments') }],
+            },
+            {
+                alias: 'mediaAccess',
+                label: this.localize.term('defaultdialogs_selectMediaStartNode'),
+                description: this.localize.term('user_mediastartnodehelp'),
+                propertyEditorUiAlias: 'Umb.PropertyEditorUi.MediaStartNodeAccess',
+                config: [{ alias: 'rootAccessLabel', value: this.localize.term('user_allowAccessToAllMedia') }],
+            },
+        ];
     }
     render() {
         return html `
-			<uui-box>
-				<div slot="headline"><umb-localize key="user_assignAccess">Assign Access</umb-localize></div>
-				<div id="assign-access">
-					${this.#renderGroupAccess()} ${this.#renderDocumentAccess()} ${this.#renderMediaAccess()}
-				</div>
+			<uui-box .headline=${this.localize.term('user_assignAccess')}>
+				<umb-property-dataset .value=${this._values} @change=${this.#onChange}>
+					${repeat(this.#getFields(), (field) => field.alias, (field) => html `
+							<umb-property
+								alias=${field.alias}
+								label=${field.label}
+								description=${ifDefined(field.description)}
+								property-editor-ui-alias=${field.propertyEditorUiAlias}
+								.config=${field.config}>
+							</umb-property>
+						`)}
+				</umb-property-dataset>
 			</uui-box>
 		`;
     }
-    #renderGroupAccess() {
-        return html `<umb-property-layout
-			label="${this.localize.term('general_groups')}"
-			description="${this.localize.term('user_groupsHelp')}">
-			<umb-user-group-input
-				slot="editor"
-				.selection=${this._userGroupUniques.map((reference) => reference.unique)}
-				@change=${this.#onUserGroupsChange}></umb-user-group-input>
-		</umb-property-layout>`;
-    }
-    #renderDocumentAccess() {
-        return html `
-			<umb-property-layout
-				label=${this.localize.term('user_startnodes')}
-				description=${this.localize.term('user_startnodeshelp')}>
-				<div slot="editor">
-					<uui-toggle
-						style="margin-bottom: var(--uui-size-space-3);"
-						label="${this.localize.term('user_allowAccessToAllDocuments')}"
-						.checked=${this._documentRootAccess}
-						@change=${this.#onAllowAllDocumentsChange}></uui-toggle>
-				</div>
-
-				${this._documentRootAccess === false
-            ? html `
-							<umb-input-document
-								slot="editor"
-								.selection=${this._documentStartNodeUniques.map((reference) => reference.unique)}
-								@change=${this.#onDocumentStartNodeChange}></umb-input-document>
-						`
-            : nothing}
-			</umb-property-layout>
-		`;
-    }
-    #renderMediaAccess() {
-        return html `
-			<umb-property-layout
-				label=${this.localize.term('defaultdialogs_selectMediaStartNode')}
-				description=${this.localize.term('user_mediastartnodehelp')}>
-				<div slot="editor">
-					<uui-toggle
-						style="margin-bottom: var(--uui-size-space-3);"
-						label="${this.localize.term('user_allowAccessToAllMedia')}"
-						.checked=${this._mediaRootAccess}
-						@change=${this.#onAllowAllMediaChange}></uui-toggle>
-				</div>
-
-				${this._mediaRootAccess === false
-            ? html `
-							<umb-input-media
-								slot="editor"
-								folder-filter="foldersOnly"
-								.selection=${this._mediaStartNodeUniques.map((reference) => reference.unique)}
-								@change=${this.#onMediaStartNodeChange}></umb-input-media>
-						`
-            : nothing}
-			</umb-property-layout>
-		`;
-    }
     static { this.styles = [
-        UmbTextStyles,
         css `
 			:host {
 				display: block;
@@ -155,19 +91,7 @@ let UmbUserWorkspaceAssignAccessElement = class UmbUserWorkspaceAssignAccessElem
 };
 __decorate([
     state()
-], UmbUserWorkspaceAssignAccessElement.prototype, "_userGroupUniques", void 0);
-__decorate([
-    state()
-], UmbUserWorkspaceAssignAccessElement.prototype, "_documentStartNodeUniques", void 0);
-__decorate([
-    state()
-], UmbUserWorkspaceAssignAccessElement.prototype, "_documentRootAccess", void 0);
-__decorate([
-    state()
-], UmbUserWorkspaceAssignAccessElement.prototype, "_mediaStartNodeUniques", void 0);
-__decorate([
-    state()
-], UmbUserWorkspaceAssignAccessElement.prototype, "_mediaRootAccess", void 0);
+], UmbUserWorkspaceAssignAccessElement.prototype, "_values", void 0);
 UmbUserWorkspaceAssignAccessElement = __decorate([
     customElement('umb-user-workspace-assign-access')
 ], UmbUserWorkspaceAssignAccessElement);

package/dist-cms/packages/user/user/workspace/user/user-workspace-editor.element.js

@@ -4,14 +4,13 @@ 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 { UMB_USER_ROOT_WORKSPACE_PATH } from '../../paths.js';
 import { css, html, customElement } from '../../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../core/lit-element/index.js';
 import { UmbTextStyles } from '../../../../core/style/index.js';
 let UmbUserWorkspaceEditorElement = class UmbUserWorkspaceEditorElement extends UmbLitElement {
     render() {
         return html `
-			<umb-entity-detail-workspace-editor .backPath=${UMB_USER_ROOT_WORKSPACE_PATH}>
+			<umb-entity-detail-workspace-editor show-back-to-parent-button>
 				<umb-workspace-header-name-editable slot="header"></umb-workspace-header-name-editable>
 			</umb-entity-detail-workspace-editor>
 		`;

package/dist-cms/packages/user/user/workspace/user/user-workspace.context.d.ts

@@ -4,8 +4,11 @@ import { UmbUserAvatarRepository } from '../../repository/avatar/index.js';
 import { UmbUserConfigRepository } from '../../repository/config/index.js';
 import { UmbEntityNamedDetailWorkspaceContextBase } from '../../../../core/workspace/index.js';
 import type { UmbControllerHost } from '../../../../../libs/controller-api/index.js';
+import type { UmbReferenceByUnique } from '../../../../core/models/index.js';
+import type { UmbStartNodeAccessValue } from '../../../../core/property-editor/index.js';
 import type { UmbRepositoryResponseWithAsObservable } from '../../../../core/repository/index.js';
 import type { UmbSubmittableWorkspaceContext } from '../../../../core/workspace/index.js';
+import type { UmbEntityModel } from '../../../../core/entity/index.js';
 type EntityType = UmbUserDetailModel;
 export declare class UmbUserWorkspaceContext extends UmbEntityNamedDetailWorkspaceContextBase<EntityType, UmbUserDetailRepository> implements UmbSubmittableWorkspaceContext {
     #private;
@@ -13,17 +16,21 @@ export declare class UmbUserWorkspaceContext extends UmbEntityNamedDetailWorkspa
     readonly configRepository: UmbUserConfigRepository;
     readonly state: import("rxjs").Observable<import("../../../../core/backend-api/index.js").UserStateModel | null | undefined>;
     readonly kind: import("rxjs").Observable<import("../../index.js").UmbUserKindType | undefined>;
-    readonly userGroupUniques: import("rxjs").Observable<import("../../../../core/models/index.js").UmbReferenceByUnique[]>;
-    readonly documentStartNodeUniques: import("rxjs").Observable<import("../../../../core/models/index.js").UmbReferenceByUnique[]>;
+    readonly userGroupUniques: import("rxjs").Observable<UmbReferenceByUnique[]>;
+    readonly documentStartNodeUniques: import("rxjs").Observable<UmbReferenceByUnique[]>;
     readonly hasDocumentRootAccess: import("rxjs").Observable<boolean>;
-    readonly mediaStartNodeUniques: import("rxjs").Observable<import("../../../../core/models/index.js").UmbReferenceByUnique[]>;
+    readonly mediaStartNodeUniques: import("rxjs").Observable<UmbReferenceByUnique[]>;
     readonly hasMediaRootAccess: import("rxjs").Observable<boolean>;
     readonly calculatedStartNodes: import("rxjs").Observable<UmbUserStartNodesModel | undefined>;
     constructor(host: UmbControllerHost);
+    protected _getNavigationParentItemPath(entity: UmbEntityModel | undefined): string | undefined;
     load(unique: string): Promise<import("../../../../core/repository/index.js").UmbRepositoryResponse<UmbUserDetailModel> | UmbRepositoryResponseWithAsObservable<UmbUserDetailModel, UmbUserDetailModel>>;
     onUserStoreChanges(user: EntityType | undefined): void;
     getState(): UmbUserStateEnum | null | undefined;
     updateProperty<PropertyName extends keyof EntityType>(propertyName: PropertyName, value: EntityType[PropertyName]): void;
+    setUserGroups(uniques: Array<UmbReferenceByUnique>): void;
+    setDocumentAccess(value: UmbStartNodeAccessValue): void;
+    setMediaAccess(value: UmbStartNodeAccessValue): void;
     uploadAvatar(file: File): Promise<import("../../../../core/repository/index.js").UmbDataSourceErrorResponse>;
     deleteAvatar(): Promise<void>;
     destroy(): void;

package/dist-cms/packages/user/user/workspace/user/user-workspace.context.js

@@ -1,10 +1,11 @@
 import { UMB_USER_DETAIL_REPOSITORY_ALIAS } from '../../repository/index.js';
 import { UMB_USER_ENTITY_TYPE } from '../../entity.js';
+import { UMB_USER_ROOT_WORKSPACE_PATH, UMB_EDIT_USER_WORKSPACE_PATH_PATTERN } from '../../paths.js';
 import { UmbUserAvatarRepository } from '../../repository/avatar/index.js';
 import { UmbUserConfigRepository } from '../../repository/config/index.js';
 import { UmbUserWorkspaceEditorElement } from './user-workspace-editor.element.js';
 import { UMB_USER_WORKSPACE_ALIAS } from './constants.js';
-import { UmbEntityNamedDetailWorkspaceContextBase } from '../../../../core/workspace/index.js';
+import { UmbEntityNamedDetailWorkspaceContextBase, } from '../../../../core/workspace/index.js';
 import { UmbObjectState } from '../../../../../libs/observable-api/index.js';
 export class UmbUserWorkspaceContext extends UmbEntityNamedDetailWorkspaceContextBase {
     #calculatedStartNodes;
@@ -36,6 +37,11 @@ export class UmbUserWorkspaceContext extends UmbEntityNamedDetailWorkspaceContex
             },
         ]);
     }
+    _getNavigationParentItemPath(entity) {
+        if (!entity?.unique)
+            return UMB_USER_ROOT_WORKSPACE_PATH;
+        return UMB_EDIT_USER_WORKSPACE_PATH_PATTERN.generateAbsolute({ unique: entity.unique });
+    }
     async load(unique) {
         const response = await super.load(unique);
         if (!response.data) {
@@ -71,6 +77,21 @@ export class UmbUserWorkspaceContext extends UmbEntityNamedDetailWorkspaceContex
     updateProperty(propertyName, value) {
         this._data.updateCurrent({ [propertyName]: value });
     }
+    setUserGroups(uniques) {
+        this.updateProperty('userGroupUniques', uniques);
+    }
+    setDocumentAccess(value) {
+        this._data.updateCurrent({
+            hasDocumentRootAccess: value.rootAccess,
+            documentStartNodeUniques: value.startNodes,
+        });
+    }
+    setMediaAccess(value) {
+        this._data.updateCurrent({
+            hasMediaRootAccess: value.rootAccess,
+            mediaStartNodeUniques: value.startNodes,
+        });
+    }
     // TODO: implement upload progress
     uploadAvatar(file) {
         const unique = this.getUnique();

package/dist-cms/packages/user/user-group/manifests.js

@@ -2,8 +2,10 @@ import { manifests as collectionManifests } from './collection/manifests.js';
 import { manifests as valueSummaryManifests } from './value-summary/manifests.js';
 import { manifests as entityActionManifests } from './entity-actions/manifests.js';
 import { manifests as entityBulkActionManifests } from './entity-bulk-actions/manifests.js';
+import { manifests as menuManifests } from './menu/manifests.js';
 import { manifests as menuItemManifests } from './menu-item/manifests.js';
 import { manifests as modalManifests } from './modals/manifests.js';
+import { manifests as propertyEditorManifests } from './property-editor/manifests.js';
 import { manifests as repositoryManifests } from './repository/manifests.js';
 import { manifests as sectionViewManifests } from './workspace/user-group-root/manifests.js';
 import { manifests as workspaceManifests } from './workspace/manifests.js';
@@ -13,8 +15,10 @@ export const manifests = [
     ...valueSummaryManifests,
     ...entityActionManifests,
     ...entityBulkActionManifests,
+    ...menuManifests,
     ...menuItemManifests,
     ...modalManifests,
+    ...propertyEditorManifests,
     ...repositoryManifests,
     ...sectionViewManifests,
     ...workspaceManifests,

package/dist-cms/packages/user/user-group/menu/manifests.d.ts

@@ -0,0 +1 @@
+export declare const manifests: Array<UmbExtensionManifest>;

package/dist-cms/packages/user/user-group/menu/manifests.js

@@ -0,0 +1,28 @@
+import { UMB_USER_GROUP_WORKSPACE_ALIAS } from '../workspace/user-group/constants.js';
+import { UMB_WORKSPACE_CONDITION_ALIAS } from '../../../core/workspace/index.js';
+export const manifests = [
+    {
+        type: 'workspaceContext',
+        name: 'User Group Menu Structure Workspace Context',
+        alias: 'Umb.WorkspaceContext.UserGroup.Menu.Structure',
+        api: () => import('./user-group-menu-structure.context.js'),
+        conditions: [
+            {
+                alias: UMB_WORKSPACE_CONDITION_ALIAS,
+                match: UMB_USER_GROUP_WORKSPACE_ALIAS,
+            },
+        ],
+    },
+    {
+        type: 'workspaceFooterApp',
+        kind: 'menuBreadcrumb',
+        alias: 'Umb.WorkspaceFooterApp.UserGroup.Breadcrumb',
+        name: 'User Group Breadcrumb Workspace Footer App',
+        conditions: [
+            {
+                alias: UMB_WORKSPACE_CONDITION_ALIAS,
+                match: UMB_USER_GROUP_WORKSPACE_ALIAS,
+            },
+        ],
+    },
+];

package/dist-cms/packages/user/user-group/menu/user-group-menu-structure.context.d.ts

@@ -0,0 +1,7 @@
+import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
+import { UmbMenuListStructureWorkspaceContextBase } from '../../../core/menu/index.js';
+export declare class UmbUserGroupMenuStructureWorkspaceContext extends UmbMenuListStructureWorkspaceContextBase {
+    #private;
+    constructor(host: UmbControllerHost);
+}
+export { UmbUserGroupMenuStructureWorkspaceContext as api };

package/dist-cms/packages/user/user-group/menu/user-group-menu-structure.context.js

@@ -0,0 +1,37 @@
+import { UMB_USER_GROUP_ROOT_ENTITY_TYPE } from '../entity.js';
+import { UMB_ENTITY_NAMED_DETAIL_WORKSPACE_CONTEXT } from '../../../core/workspace/index.js';
+import { UmbMenuListStructureWorkspaceContextBase } from '../../../core/menu/index.js';
+import { observeMultiple } from '../../../../libs/observable-api/index.js';
+export class UmbUserGroupMenuStructureWorkspaceContext extends UmbMenuListStructureWorkspaceContextBase {
+    constructor(host) {
+        super(host);
+        this.consumeContext(UMB_ENTITY_NAMED_DETAIL_WORKSPACE_CONTEXT, (instance) => {
+            if (!instance)
+                return;
+            this.observe(observeMultiple([instance.unique, instance.entityType, instance.name, instance.isNew]), ([unique, entityType, name, isNew]) => this.#requestStructure(unique, entityType, name, isNew), 'umbUserGroupMenuStructureObserver');
+        });
+    }
+    #requestStructure(unique, entityType, name, isNew) {
+        if (!entityType)
+            return;
+        // While new, the item itself does not exist yet, so its ancestors are just the (fixed) root.
+        const items = [
+            {
+                unique: null,
+                entityType: UMB_USER_GROUP_ROOT_ENTITY_TYPE,
+                name: '#user_usergroups',
+                isFolder: false,
+            },
+        ];
+        if (!isNew) {
+            items.push({
+                unique: unique ?? null,
+                entityType,
+                name: name ?? '',
+                isFolder: false,
+            });
+        }
+        this._setStructure(items);
+    }
+}
+export { UmbUserGroupMenuStructureWorkspaceContext as api };

package/dist-cms/packages/user/user-group/property-editor/manifests.d.ts

@@ -0,0 +1 @@
+export declare const manifests: Array<UmbExtensionManifest>;

package/dist-cms/packages/user/user-group/property-editor/manifests.js

@@ -0,0 +1,2 @@
+import { manifests as userGroupPickerManifests } from './user-group-picker/manifests.js';
+export const manifests = [...userGroupPickerManifests];

package/dist-cms/packages/user/user-group/property-editor/user-group-picker/manifests.d.ts

@@ -0,0 +1 @@
+export declare const manifests: Array<UmbExtensionManifest>;

package/dist-cms/packages/user/user-group/property-editor/user-group-picker/manifests.js

@@ -0,0 +1,13 @@
+export const manifests = [
+    {
+        type: 'propertyEditorUi',
+        alias: 'Umb.PropertyEditorUi.UserGroupPicker',
+        name: 'User Group Picker Property Editor UI',
+        element: () => import('./property-editor-ui-user-group-picker.element.js'),
+        meta: {
+            label: 'User Group Picker',
+            icon: 'icon-users',
+            group: '#propertyEditorUIGroups_people',
+        },
+    },
+];

package/dist-cms/packages/user/user-group/property-editor/user-group-picker/property-editor-ui-user-group-picker.element.d.ts

@@ -0,0 +1,17 @@
+import { UmbLitElement } from '../../../../core/lit-element/index.js';
+import type { UmbReferenceByUnique } from '../../../../core/models/index.js';
+import type { UmbPropertyEditorConfigCollection, UmbPropertyEditorUiElement } from '../../../../core/property-editor/index.js';
+export declare class UmbUserGroupPickerPropertyEditorUIElement extends UmbLitElement implements UmbPropertyEditorUiElement {
+    #private;
+    value: Array<UmbReferenceByUnique>;
+    set config(config: UmbPropertyEditorConfigCollection | undefined);
+    private _min;
+    private _max;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export { UmbUserGroupPickerPropertyEditorUIElement as element };
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-property-editor-ui-user-group-picker': UmbUserGroupPickerPropertyEditorUIElement;
+    }
+}

package/dist-cms/packages/user/user-group/property-editor/user-group-picker/property-editor-ui-user-group-picker.element.js

@@ -0,0 +1,52 @@
+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, property, state } from '../../../../../external/lit/index.js';
+import { UmbChangeEvent } from '../../../../core/event/index.js';
+import { UmbLitElement } from '../../../../core/lit-element/index.js';
+let UmbUserGroupPickerPropertyEditorUIElement = class UmbUserGroupPickerPropertyEditorUIElement extends UmbLitElement {
+    constructor() {
+        super(...arguments);
+        this.value = [];
+        this._min = 0;
+        this._max = Infinity;
+    }
+    set config(config) {
+        if (!config)
+            return;
+        const minMax = config.getValueByAlias('validationLimit');
+        this._min = minMax?.min ?? 0;
+        this._max = minMax?.max ?? Infinity;
+    }
+    #onChange(event) {
+        this.value = event.target.selection.map((unique) => ({ unique }));
+        this.dispatchEvent(new UmbChangeEvent());
+    }
+    render() {
+        return html `
+			<umb-user-group-input
+				.selection=${this.value.map((reference) => reference.unique)}
+				.min=${this._min}
+				.max=${this._max}
+				@change=${this.#onChange}>
+			</umb-user-group-input>
+		`;
+    }
+};
+__decorate([
+    property({ attribute: false })
+], UmbUserGroupPickerPropertyEditorUIElement.prototype, "value", void 0);
+__decorate([
+    state()
+], UmbUserGroupPickerPropertyEditorUIElement.prototype, "_min", void 0);
+__decorate([
+    state()
+], UmbUserGroupPickerPropertyEditorUIElement.prototype, "_max", void 0);
+UmbUserGroupPickerPropertyEditorUIElement = __decorate([
+    customElement('umb-property-editor-ui-user-group-picker')
+], UmbUserGroupPickerPropertyEditorUIElement);
+export { UmbUserGroupPickerPropertyEditorUIElement };
+export { UmbUserGroupPickerPropertyEditorUIElement as element };

package/dist-cms/packages/user/user-group/workspace/user-group/components/user-group-workspace-assign-access.element.d.ts

@@ -0,0 +1,13 @@
+import { UmbLitElement } from '../../../../../core/lit-element/index.js';
+export declare class UmbUserGroupWorkspaceAssignAccessElement extends UmbLitElement {
+    #private;
+    private _values;
+    constructor();
+    render(): import("lit-html").TemplateResult<1>;
+    static readonly styles: import("lit").CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-user-group-workspace-assign-access': UmbUserGroupWorkspaceAssignAccessElement;
+    }
+}