@umbraco-cms/backoffice 14.0.0-40e04294 → 14.0.0-45828375

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

@@ -2,6 +2,7 @@ import { UmbMediaTreeServerDataSource } from './sources/media.tree.server.data.j
 import { UMB_MEDIA_TREE_STORE_CONTEXT_TOKEN } from './media.tree.store.js';
 import { UMB_MEDIA_STORE_CONTEXT_TOKEN } from './media.store.js';
 import { UmbMediaDetailServerDataSource } from './sources/media.detail.server.data.js';
+import { UmbMediaItemServerDataSource } from './sources/media-item.server.data.js';
 import { UmbContextConsumerController } from '../../../../libs/context-api/index.js';
 import { UMB_NOTIFICATION_CONTEXT_TOKEN } from '../../../core/notification/index.js';
 export class UmbMediaRepository {
@@ -11,12 +12,15 @@ export class UmbMediaRepository {
     #treeStore;
     #detailDataSource;
     #store;
+    #itemSource;
+    #itemStore;
     #notificationContext;
     constructor(host) {
         this.#host = host;
         // TODO: figure out how spin up get the correct data source
         this.#treeSource = new UmbMediaTreeServerDataSource(this.#host);
         this.#detailDataSource = new UmbMediaDetailServerDataSource(this.#host);
+        this.#itemSource = new UmbMediaItemServerDataSource(this.#host);
         this.#init = Promise.all([
             new UmbContextConsumerController(this.#host, UMB_MEDIA_TREE_STORE_CONTEXT_TOKEN, (instance) => {
                 this.#treeStore = instance;
@@ -24,6 +28,9 @@ export class UmbMediaRepository {
             new UmbContextConsumerController(this.#host, UMB_MEDIA_STORE_CONTEXT_TOKEN, (instance) => {
                 this.#store = instance;
             }).asPromise(),
+            new UmbContextConsumerController(this.#host, UMB_MEDIA_TREE_STORE_CONTEXT_TOKEN, (instance) => {
+                this.#itemStore = instance;
+            }).asPromise(),
             new UmbContextConsumerController(this.#host, UMB_NOTIFICATION_CONTEXT_TOKEN, (instance) => {
                 this.#notificationContext = instance;
             }).asPromise(),
@@ -79,6 +86,21 @@ export class UmbMediaRepository {
         await this.#init;
         return this.#treeStore.items(ids);
     }
+    // ITEMS:
+    async requestItems(ids) {
+        if (!ids)
+            throw new Error('Keys are missing');
+        await this.#init;
+        const { data, error } = await this.#itemSource.getItems(ids);
+        if (data) {
+            this.#itemStore?.appendItems(data);
+        }
+        return { data, error, asObservable: () => this.#itemStore.items(ids) };
+    }
+    async items(ids) {
+        await this.#init;
+        return this.#itemStore.items(ids);
+    }
     // DETAILS:
     async createScaffold(parentId) {
         if (parentId === undefined)

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

@@ -0,0 +1,24 @@
+import type { UmbItemDataSource } from '../../../../../shared/repository/index.js';
+import { MediaItemResponseModel } from '../../../../../external/backend-api/index.js';
+import { UmbControllerHostElement } from '../../../../../libs/controller-api/index.js';
+/**
+ * A data source for Media items that fetches data from the server
+ * @export
+ * @class UmbMediaItemServerDataSource
+ * @implements {MediaItemDataSource}
+ */
+export declare class UmbMediaItemServerDataSource implements UmbItemDataSource<MediaItemResponseModel> {
+    #private;
+    /**
+     * Creates an instance of UmbMediaItemServerDataSource.
+     * @param {UmbControllerHostElement} host
+     * @memberof UmbMediaItemServerDataSource
+     */
+    constructor(host: UmbControllerHostElement);
+    /**
+     * Fetches the items for the given ids from the server
+     * @param {Array<string>} ids
+     * @memberof UmbMediaItemServerDataSource
+     */
+    getItems(ids: Array<string>): Promise<import("../../../../../shared/repository/index.js").DataSourceResponse<MediaItemResponseModel[]>>;
+}

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

@@ -0,0 +1,31 @@
+import { MediaResource } from '../../../../../external/backend-api/index.js';
+import { tryExecuteAndNotify } from '../../../../../shared/resources/index.js';
+/**
+ * A data source for Media items that fetches data from the server
+ * @export
+ * @class UmbMediaItemServerDataSource
+ * @implements {MediaItemDataSource}
+ */
+export class UmbMediaItemServerDataSource {
+    #host;
+    /**
+     * Creates an instance of UmbMediaItemServerDataSource.
+     * @param {UmbControllerHostElement} host
+     * @memberof UmbMediaItemServerDataSource
+     */
+    constructor(host) {
+        this.#host = host;
+    }
+    /**
+     * Fetches the items for the given ids from the server
+     * @param {Array<string>} ids
+     * @memberof UmbMediaItemServerDataSource
+     */
+    async getItems(ids) {
+        if (!ids)
+            throw new Error('Ids are missing');
+        return tryExecuteAndNotify(this.#host, MediaResource.getMediaItem({
+            id: ids,
+        }));
+    }
+}

package/dist-cms/packages/media/media/user-permissions/index.d.ts

@@ -0,0 +1 @@
+export * from './manifests.js';

package/dist-cms/packages/media/media/user-permissions/index.js

@@ -0,0 +1 @@
+export * from './manifests.js';

package/dist-cms/packages/media/media/user-permissions/manifests.d.ts

@@ -0,0 +1,4 @@
+import type { ManifestUserPermission } from '../../../core/extension-registry/index.js';
+export declare const UMB_USER_PERMISSION_MEDIA_MOVE = "Umb.UserPermission.Media.Move";
+export declare const UMB_USER_PERMISSION_MEDIA_COPY = "Umb.UserPermission.Media.Copy";
+export declare const manifests: ManifestUserPermission[];

package/dist-cms/packages/media/media/user-permissions/manifests.js

@@ -0,0 +1,27 @@
+export const UMB_USER_PERMISSION_MEDIA_MOVE = 'Umb.UserPermission.Media.Move';
+export const UMB_USER_PERMISSION_MEDIA_COPY = 'Umb.UserPermission.Media.Copy';
+const permissions = [
+    {
+        type: 'userPermission',
+        alias: UMB_USER_PERMISSION_MEDIA_MOVE,
+        name: 'Move Media Item User Permission',
+        meta: {
+            entityType: 'media',
+            label: 'Move',
+            description: 'Allow access to move media items',
+            group: 'structure',
+        },
+    },
+    {
+        type: 'userPermission',
+        alias: UMB_USER_PERMISSION_MEDIA_COPY,
+        name: 'Copy Media Item User Permission',
+        meta: {
+            entityType: 'media',
+            label: 'Copy',
+            description: 'Allow access to copy a media item',
+            group: 'structure',
+        },
+    },
+];
+export const manifests = [...permissions];

package/dist-cms/packages/users/current-user/conditions/index.d.ts

@@ -0,0 +1 @@
+export * from './user-permission.condition.js';

package/dist-cms/packages/users/current-user/conditions/index.js

@@ -0,0 +1 @@
+export * from './user-permission.condition.js';

package/dist-cms/packages/users/current-user/conditions/user-permission.condition.d.ts

@@ -0,0 +1,18 @@
+import { UmbBaseController } from '../../../../libs/controller-api/index.js';
+import { ManifestCondition, UmbConditionConfigBase, UmbConditionControllerArguments, UmbExtensionCondition } from '../../../../libs/extension-api/index.js';
+export declare class UmbUserPermissionCondition extends UmbBaseController implements UmbExtensionCondition {
+    #private;
+    config: UserPermissionConditionConfig;
+    permitted: boolean;
+    constructor(args: UmbConditionControllerArguments<UserPermissionConditionConfig>);
+}
+export type UserPermissionConditionConfig = UmbConditionConfigBase<'Umb.Condition.UserPermission'> & {
+    /**
+     *
+     *
+     * @example
+     * "Umb.UserPermission.Document.Create"
+     */
+    match: string;
+};
+export declare const manifest: ManifestCondition;

package/dist-cms/packages/users/current-user/conditions/user-permission.condition.js

@@ -0,0 +1,23 @@
+import { UMB_AUTH } from '../../../../shared/auth/index.js';
+import { UmbBaseController } from '../../../../libs/controller-api/index.js';
+export class UmbUserPermissionCondition extends UmbBaseController {
+    #onChange;
+    constructor(args) {
+        super(args.host);
+        this.permitted = false;
+        this.config = args.config;
+        this.#onChange = args.onChange;
+        this.consumeContext(UMB_AUTH, (context) => {
+            this.observe(context.currentUser, (currentUser) => {
+                this.permitted = currentUser?.permissions?.includes(this.config.match) || false;
+                this.#onChange();
+            });
+        });
+    }
+}
+export const manifest = {
+    type: 'condition',
+    name: 'User Permission Condition',
+    alias: 'Umb.Condition.UserPermission',
+    class: UmbUserPermissionCondition,
+};

package/dist-cms/packages/users/current-user/index.d.ts

@@ -1 +1,2 @@
 export * from './current-user-history.store.js';
+export * from './conditions/index.js';

package/dist-cms/packages/users/current-user/index.js

@@ -1,2 +1,3 @@
 // TODO:Do not export store, but instead export future repository
 export * from './current-user-history.store.js';
+export * from './conditions/index.js';

package/dist-cms/packages/users/current-user/manifests.js

@@ -1,5 +1,6 @@
 import { manifests as modalManifests } from './modals/manifests.js';
 import { manifests as userProfileAppsManifests } from './user-profile-apps/manifests.js';
+import { manifest as userPermissionConditionManifest } from './conditions/user-permission.condition.js';
 export const headerApps = [
     {
         type: 'store',
@@ -20,4 +21,9 @@ export const headerApps = [
         },
     },
 ];
-export const manifests = [...headerApps, ...modalManifests, ...userProfileAppsManifests];
+export const manifests = [
+    ...headerApps,
+    ...modalManifests,
+    ...userProfileAppsManifests,
+    userPermissionConditionManifest,
+];

package/dist-cms/packages/users/current-user/modals/current-user/current-user-modal.element.js

@@ -10,12 +10,12 @@ import { UmbTextStyles } from '../../../../../shared/style/index.js';
 import { css, html, customElement, property, state } from '../../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
 export let UmbCurrentUserModalElement = class UmbCurrentUserModalElement extends UmbLitElement {
-    #auth;
+    #authContext;
     #appContext;
     constructor() {
         super();
         this.consumeContext(UMB_AUTH, (instance) => {
-            this.#auth = instance;
+            this.#authContext = instance;
             this._observeCurrentUser();
         });
         this.consumeContext(UMB_APP, (instance) => {
@@ -23,9 +23,9 @@ export let UmbCurrentUserModalElement = class UmbCurrentUserModalElement extends
         });
     }
     async _observeCurrentUser() {
-        if (!this.#auth)
+        if (!this.#authContext)
             return;
-        this.observe(this.#auth.currentUser, (currentUser) => {
+        this.observe(this.#authContext.currentUser, (currentUser) => {
             this._currentUser = currentUser;
         });
     }
@@ -33,10 +33,10 @@ export let UmbCurrentUserModalElement = class UmbCurrentUserModalElement extends
         this.modalContext?.submit();
     }
     async _logout() {
-        if (!this.#auth)
+        if (!this.#authContext)
             return;
-        this.#auth.performWithFreshTokens;
-        await this.#auth.signOut();
+        this.#authContext.performWithFreshTokens;
+        await this.#authContext.signOut();
         let newUrl = this.#appContext ? `${this.#appContext.getBackofficePath()}/login` : '/';
         newUrl = newUrl.replace(/\/\//g, '/');
         location.href = newUrl;

package/dist-cms/packages/users/index.d.ts

@@ -1,2 +1,4 @@
-export * from './users/components/index.js';
-export * from './user-groups/components/index.js';
+export * from './current-user/index.js';
+export * from './user-groups/index.js';
+export * from './users/index.js';
+export * from './manifests.js';

package/dist-cms/packages/users/index.js

@@ -1,2 +1,4 @@
-export * from './users/components/index.js';
-export * from './user-groups/components/index.js';
+export * from './current-user/index.js';
+export * from './user-groups/index.js';
+export * from './users/index.js';
+export * from './manifests.js';

package/dist-cms/packages/users/manifests.d.ts

@@ -1 +1,3 @@
+import './user-groups/components/index.js';
+import './users/components/index.js';
 export declare const manifests: import("../core/index.js").ManifestTypes[];

package/dist-cms/packages/users/manifests.js

@@ -2,4 +2,7 @@ import { manifests as userGroupManifests } from './user-groups/manifests.js';
 import { manifests as userManifests } from './users/manifests.js';
 import { manifests as userSectionManifests } from './user-section/manifests.js';
 import { manifests as currentUserManifests } from './current-user/manifests.js';
+// We need to load any components that are not loaded by the user management bundle to register them in the browser.
+import './user-groups/components/index.js';
+import './users/components/index.js';
 export const manifests = [...userGroupManifests, ...userManifests, ...userSectionManifests, ...currentUserManifests];

package/dist-cms/packages/users/user-groups/collection/user-group-collection-header.element.js

@@ -23,8 +23,8 @@ export let UmbUserGroupCollectionHeaderElement = class UmbUserGroupCollectionHea
     }
     render() {
         return html `
-			<uui-button @click=${this.#onCreate} label="Create group" look="outline"></uui-button>
-			<uui-input @input=${this.#onSearch} label="search" id="input-search"></uui-input>
+			<uui-button @click=${this.#onCreate} label=${this.localize.term('actions_createGroup')} look="outline"></uui-button>
+			<uui-input @input=${this.#onSearch} label=${this.localize.term('general_search')} placeholder=${this.localize.term('visuallyHiddenTexts_userGroupSearchLabel')} id="input-search"></uui-input>
 		`;
     }
     static { this.styles = [

package/dist-cms/packages/users/user-groups/collection/user-group-collection-view.element.js

@@ -19,21 +19,21 @@ export let UmbUserGroupCollectionViewElement = class UmbUserGroupCollectionViewE
         };
         this._tableColumns = [
             {
-                name: 'Name',
+                name: this.localize.term('general_name'),
                 alias: 'userGroupName',
                 elementName: 'umb-user-group-table-name-column-layout',
             },
             {
-                name: 'Sections',
+                name: this.localize.term('main_sections'),
                 alias: 'userGroupSections',
                 elementName: 'umb-user-group-table-sections-column-layout',
             },
             {
-                name: 'Content start node',
+                name: this.localize.term('user_startnode'),
                 alias: 'userGroupContentStartNode',
             },
             {
-                name: 'Media start node',
+                name: this.localize.term('user_mediastartnode'),
                 alias: 'userGroupMediaStartNode',
             },
         ];
@@ -67,11 +67,11 @@ export let UmbUserGroupCollectionViewElement = class UmbUserGroupCollectionViewE
                     },
                     {
                         columnAlias: 'userGroupContentStartNode',
-                        value: userGroup.documentStartNodeId || 'Content root',
+                        value: userGroup.documentStartNodeId || this.localize.term('content_contentRoot'),
                     },
                     {
                         columnAlias: 'userGroupMediaStartNode',
-                        value: userGroup.mediaStartNodeId || 'Media root',
+                        value: userGroup.mediaStartNodeId || this.localize.term('media_mediaRoot'),
                     },
                 ],
             };

package/dist-cms/packages/users/user-groups/components/index.d.ts

@@ -1 +1,2 @@
 import './input-user-group/user-group-input.element.js';
+export * from './input-user-group/user-group-input.element.js';

package/dist-cms/packages/users/user-groups/components/index.js

@@ -1 +1,2 @@
 import './input-user-group/user-group-input.element.js';
+export * from './input-user-group/user-group-input.element.js';

package/dist-cms/packages/users/user-groups/entity-actions/manifests.d.ts

@@ -0,0 +1,2 @@
+import { ManifestTypes } from '../../../core/extension-registry/index.js';
+export declare const manifests: ManifestTypes[];

package/dist-cms/packages/users/user-groups/entity-actions/manifests.js

@@ -0,0 +1,19 @@
+import { USER_GROUP_REPOSITORY_ALIAS } from '../repository/manifests.js';
+import { UMB_USER_GROUP_ENTITY_TYPE } from '../index.js';
+import { UmbDeleteEntityAction } from '../../../core/entity-action/index.js';
+const entityActions = [
+    {
+        type: 'entityAction',
+        alias: 'Umb.EntityAction.UserGroup.Delete',
+        name: 'Delete User Group Entity Action',
+        weight: 900,
+        meta: {
+            icon: 'umb:trash',
+            label: 'Delete...',
+            repositoryAlias: USER_GROUP_REPOSITORY_ALIAS,
+            api: UmbDeleteEntityAction,
+            entityTypes: [UMB_USER_GROUP_ENTITY_TYPE],
+        },
+    },
+];
+export const manifests = [...entityActions];

package/dist-cms/packages/users/user-groups/index.d.ts

@@ -1 +1,3 @@
 export * from './types.js';
+export * from './components/index.js';
+export declare const UMB_USER_GROUP_ENTITY_TYPE = "user-group";

package/dist-cms/packages/users/user-groups/index.js

@@ -1 +1,3 @@
 export * from './types.js';
+export * from './components/index.js';
+export const UMB_USER_GROUP_ENTITY_TYPE = 'user-group';

package/dist-cms/packages/users/user-groups/manifests.d.ts

@@ -1 +1 @@
-export declare const manifests: (import("../../core/index.js").ManifestModal | import("../../core/index.js").ManifestEntityBulkAction | import("../../core/index.js").ManifestItemStore | import("../../core/index.js").ManifestRepository | import("../../core/index.js").ManifestSectionView | import("../../core/index.js").ManifestStore | import("../../core/index.js").ManifestWorkspace | import("../../core/index.js").ManifestWorkspaceAction | import("../../core/index.js").ManifestWorkspaceEditorView)[];
+export declare const manifests: import("../../core/index.js").ManifestTypes[];

package/dist-cms/packages/users/user-groups/manifests.js

@@ -2,11 +2,13 @@ import { manifests as repositoryManifests } from './repository/manifests.js';
 import { manifests as workspaceManifests } from './workspace/manifests.js';
 import { manifests as modalManifests } from './modals/manifests.js';
 import { manifests as sectionViewManifests } from './section-view/manifests.js';
+import { manifests as entityActionManifests } from './entity-actions/manifests.js';
 import { manifests as entityBulkActionManifests } from './entity-bulk-actions/manifests.js';
 export const manifests = [
     ...repositoryManifests,
     ...workspaceManifests,
     ...modalManifests,
     ...sectionViewManifests,
+    ...entityActionManifests,
     ...entityBulkActionManifests,
 ];

package/dist-cms/packages/users/user-groups/workspace/components/user-group-default-permission-list.element.d.ts

@@ -0,0 +1,16 @@
+import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
+export declare class UmbUserGroupDefaultPermissionListElement extends UmbLitElement {
+    #private;
+    private _userGroup?;
+    private _manifests;
+    private _entityTypes;
+    constructor();
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
+}
+export default UmbUserGroupDefaultPermissionListElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-user-group-default-permission-list': UmbUserGroupDefaultPermissionListElement;
+    }
+}

package/dist-cms/packages/users/user-groups/workspace/components/user-group-default-permission-list.element.js

@@ -0,0 +1,69 @@
+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 { UMB_USER_GROUP_WORKSPACE_CONTEXT } from '../user-group-workspace.context.js';
+import { html, customElement, state, ifDefined } from '../../../../../external/lit/index.js';
+import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
+import { UmbTextStyles } from '../../../../../shared/style/index.js';
+import { umbExtensionsRegistry } from '../../../../core/extension-registry/index.js';
+export let UmbUserGroupDefaultPermissionListElement = class UmbUserGroupDefaultPermissionListElement extends UmbLitElement {
+    #userGroupWorkspaceContext;
+    constructor() {
+        super();
+        this._manifests = [];
+        this._entityTypes = [];
+        this.#observeUserPermissions();
+        this.consumeContext(UMB_USER_GROUP_WORKSPACE_CONTEXT, (instance) => {
+            this.#userGroupWorkspaceContext = instance;
+            this.observe(this.#userGroupWorkspaceContext.data, (userGroup) => (this._userGroup = userGroup));
+        });
+    }
+    #observeUserPermissions() {
+        this.observe(umbExtensionsRegistry.extensionsOfType('userPermission'), (userPermissionManifests) => {
+            this._manifests = userPermissionManifests;
+            this._entityTypes = [...new Set(userPermissionManifests.map((manifest) => manifest.meta.entityType))];
+        });
+    }
+    #onChangeUserPermission(event, userPermissionManifest) {
+        const target = event.target;
+        target.allowed
+            ? this.#userGroupWorkspaceContext?.addPermission(userPermissionManifest.alias)
+            : this.#userGroupWorkspaceContext?.removePermission(userPermissionManifest.alias);
+    }
+    #isAllowed(userPermissionManifest) {
+        return this._userGroup?.permissions?.includes(userPermissionManifest.alias);
+    }
+    render() {
+        return html ` ${this._entityTypes.map((entityType) => this.#renderPermissionsForEntityType(entityType))} `;
+    }
+    #renderPermissionsForEntityType(entityType) {
+        return html ` <h4><umb-localize .key=${`user_permissionsEntityGroup_${entityType}`}>${entityType}</umb-localize></h4>
+			${this._manifests
+            .filter((manifest) => manifest.meta.entityType === entityType)
+            .map((manifest) => this.#renderPermission(manifest))}`;
+    }
+    #renderPermission(manifest) {
+        return html ` <umb-user-permission-setting
+			label=${manifest.meta.label}
+			description=${ifDefined(manifest.meta.description)}
+			?allowed=${this.#isAllowed(manifest)}
+			@change=${(event) => this.#onChangeUserPermission(event, manifest)}></umb-user-permission-setting>`;
+    }
+    static { this.styles = [UmbTextStyles]; }
+};
+__decorate([
+    state()
+], UmbUserGroupDefaultPermissionListElement.prototype, "_userGroup", void 0);
+__decorate([
+    state()
+], UmbUserGroupDefaultPermissionListElement.prototype, "_manifests", void 0);
+__decorate([
+    state()
+], UmbUserGroupDefaultPermissionListElement.prototype, "_entityTypes", void 0);
+UmbUserGroupDefaultPermissionListElement = __decorate([
+    customElement('umb-user-group-default-permission-list')
+], UmbUserGroupDefaultPermissionListElement);
+export default UmbUserGroupDefaultPermissionListElement;

package/dist-cms/packages/users/user-groups/workspace/components/user-group-granular-permission-list.element.d.ts

@@ -0,0 +1,14 @@
+import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
+export declare class UmbUserGroupGranularPermissionListElement extends UmbLitElement {
+    #private;
+    private _userGroup?;
+    constructor();
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
+}
+export default UmbUserGroupGranularPermissionListElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-user-group-granular-permission-list': UmbUserGroupGranularPermissionListElement;
+    }
+}

package/dist-cms/packages/users/user-groups/workspace/components/user-group-granular-permission-list.element.js

@@ -0,0 +1,31 @@
+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 { UMB_USER_GROUP_WORKSPACE_CONTEXT } from '../user-group-workspace.context.js';
+import { css, html, customElement, state } from '../../../../../external/lit/index.js';
+import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
+import { UmbTextStyles } from '../../../../../shared/style/index.js';
+export let UmbUserGroupGranularPermissionListElement = class UmbUserGroupGranularPermissionListElement extends UmbLitElement {
+    #workspaceContext;
+    constructor() {
+        super();
+        this.consumeContext(UMB_USER_GROUP_WORKSPACE_CONTEXT, (instance) => {
+            this.#workspaceContext = instance;
+            this.observe(this.#workspaceContext.data, (userGroup) => (this._userGroup = userGroup));
+        });
+    }
+    render() {
+        return html `<umb-extension-slot type="userGranularPermission"></umb-extension-slot>`;
+    }
+    static { this.styles = [UmbTextStyles, css ``]; }
+};
+__decorate([
+    state()
+], UmbUserGroupGranularPermissionListElement.prototype, "_userGroup", void 0);
+UmbUserGroupGranularPermissionListElement = __decorate([
+    customElement('umb-user-group-granular-permission-list')
+], UmbUserGroupGranularPermissionListElement);
+export default UmbUserGroupGranularPermissionListElement;

package/dist-cms/packages/users/user-groups/workspace/user-group-workspace-editor.element.d.ts

@@ -1,5 +1,7 @@
 import { nothing } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
+import './components/user-group-default-permission-list.element.js';
+import './components/user-group-granular-permission-list.element.js';
 export declare class UmbUserGroupWorkspaceEditorElement extends UmbLitElement {
     #private;
     private _userGroup?;