@umbraco-cms/backoffice 14.0.0-204d19ad → 14.0.0-2088fc4f

package/dist-cms/packages/umbraco-news/umbraco-news-dashboard.element.js

@@ -4,7 +4,7 @@ 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 { UUITextStyles } from '../../external/uui/index.js';
+import { UmbTextStyles } from '../../shared/style/index.js';
 import { UMB_AUTH } from '../../shared/auth/index.js';
 import { css, html, customElement, state } from '../../external/lit/index.js';
 import { UmbLitElement } from '../../shared/lit-element/index.js';
@@ -42,7 +42,7 @@ export let UmbUmbracoNewsDashboardElement = class UmbUmbracoNewsDashboardElement
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			:host {
 				display: block;

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/current-user-header-app.element.js

@@ -4,7 +4,7 @@ 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 { UUITextStyles } from '../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../shared/style/index.js";
 import { css, html, customElement, state } from '../../../external/lit/index.js';
 import { UMB_MODAL_MANAGER_CONTEXT_TOKEN, UMB_CURRENT_USER_MODAL, } from '../../core/modal/index.js';
 import { UmbLitElement } from '../../../shared/lit-element/index.js';
@@ -38,7 +38,7 @@ export let UmbCurrentUserHeaderAppElement = class UmbCurrentUserHeaderAppElement
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			uui-button {
 				font-size: 14px;

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/change-password/change-password-modal.element.js

@@ -4,7 +4,7 @@ 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 { UUITextStyles } from '../../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../../shared/style/index.js";
 import { css, html, nothing, customElement, property } from '../../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
 export let UmbChangePasswordModalElement = class UmbChangePasswordModalElement extends UmbLitElement {
@@ -73,7 +73,7 @@ export let UmbChangePasswordModalElement = class UmbChangePasswordModalElement e
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			:host {
 				display: block;

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

@@ -4,18 +4,18 @@ 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_APP } from '../../../../../apps/app/index.js';
 import { UMB_AUTH } from '../../../../../shared/auth/index.js';
-import { UMB_APP } from '../../../../../shared/context/index.js';
-import { UUITextStyles } from '../../../../../external/uui/index.js';
+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;
@@ -63,7 +63,7 @@ export let UmbCurrentUserModalElement = class UmbCurrentUserModalElement extends
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			#main {
 				display: flex;

package/dist-cms/packages/users/current-user/user-profile-apps/user-profile-app-external-login-providers.element.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { css, html, customElement } from '../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../shared/style/index.js";
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 export let UmbUserProfileAppExternalLoginProvidersElement = class UmbUserProfileAppExternalLoginProvidersElement extends UmbLitElement {
     render() {
@@ -16,7 +16,7 @@ export let UmbUserProfileAppExternalLoginProvidersElement = class UmbUserProfile
 			</uui-box>
 		`;
     }
-    static { this.styles = [UUITextStyles, css ``]; }
+    static { this.styles = [UmbTextStyles, css ``]; }
 };
 UmbUserProfileAppExternalLoginProvidersElement = __decorate([
     customElement('umb-user-profile-app-external-login-providers')

package/dist-cms/packages/users/current-user/user-profile-apps/user-profile-app-history.element.js

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { UMB_CURRENT_USER_HISTORY_STORE_CONTEXT_TOKEN, } from '../current-user-history.store.js';
 import { css, html, nothing, customElement, state } from '../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../shared/style/index.js";
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 export let UmbUserProfileAppHistoryElement = class UmbUserProfileAppHistoryElement extends UmbLitElement {
     #currentUserHistoryStore;
@@ -58,7 +58,7 @@ export let UmbUserProfileAppHistoryElement = class UmbUserProfileAppHistoryEleme
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			#recent-history {
 				display: flex;

package/dist-cms/packages/users/current-user/user-profile-apps/user-profile-app-profile.element.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { css, html, customElement, state } from '../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../shared/style/index.js";
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 import { UMB_CHANGE_PASSWORD_MODAL, UMB_MODAL_MANAGER_CONTEXT_TOKEN, } from '../../../core/modal/index.js';
 import { UMB_AUTH } from '../../../../shared/auth/index.js';
@@ -53,7 +53,7 @@ export let UmbUserProfileAppProfileElement = class UmbUserProfileAppProfileEleme
 			</uui-box>
 		`;
     }
-    static { this.styles = [UUITextStyles, css ``]; }
+    static { this.styles = [UmbTextStyles, css ``]; }
 };
 __decorate([
     state()

package/dist-cms/packages/users/current-user/user-profile-apps/user-profile-app-themes.element.js

@@ -6,7 +6,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { UMB_THEME_CONTEXT_TOKEN } from '../../../core/themes/index.js';
 import { css, html, customElement, state } from '../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../external/uui/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 import { umbExtensionsRegistry } from '../../../core/extension-registry/index.js';
 export let UmbUserProfileAppThemesElement = class UmbUserProfileAppThemesElement extends UmbLitElement {
@@ -45,7 +44,6 @@ export let UmbUserProfileAppThemesElement = class UmbUserProfileAppThemesElement
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
         css `
 			:host {
 				display: flex;

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

@@ -4,7 +4,6 @@ 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 { UUITextStyles } from '../../../../external/uui/index.js';
 import { css, html, customElement } from '../../../../external/lit/index.js';
 import { UMB_COLLECTION_CONTEXT_TOKEN } from '../../../core/collection/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
@@ -24,12 +23,11 @@ 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 = [
-        UUITextStyles,
         css `
 			:host {
 				height: 100%;

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

@@ -4,7 +4,7 @@ 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 { UUITextStyles } from '../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../shared/style/index.js";
 import { css, html, customElement, state } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 import { UMB_COLLECTION_CONTEXT_TOKEN } from '../../../core/collection/index.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'),
                     },
                 ],
             };
@@ -101,7 +101,7 @@ export let UmbUserGroupCollectionViewElement = class UmbUserGroupCollectionViewE
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			umb-table {
 				padding: 0;

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

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { UmbUserGroupCollectionContext } from './user-group-collection.context.js';
 import { css, html, customElement } from '../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../shared/style/index.js";
 import { UMB_COLLECTION_CONTEXT_TOKEN } from '../../../core/collection/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 import './user-group-collection-view.element.js';
@@ -26,7 +26,7 @@ export let UmbUserCollectionElement = class UmbUserCollectionElement extends Umb
 			</umb-body-layout>
 		`;
     }
-    static { this.styles = [UUITextStyles, css ``]; }
+    static { this.styles = [UmbTextStyles, css ``]; }
 };
 UmbUserCollectionElement = __decorate([
     customElement('umb-user-group-collection')

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/components/input-user-group/user-group-input.element.js

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { UmbUserGroupPickerContext } from './user-group-input.context.js';
 import { css, html, customElement, property, state } from '../../../../../external/lit/index.js';
-import { UUITextStyles, FormControlMixin } from '../../../../../external/uui/index.js';
+import { FormControlMixin } from '../../../../../external/uui/index.js';
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
 export let UmbUserGroupInputElement = class UmbUserGroupInputElement extends FormControlMixin(UmbLitElement) {
     /**
@@ -91,7 +91,6 @@ export let UmbUserGroupInputElement = class UmbUserGroupInputElement extends For
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
         css `
 			#add-button {
 				width: 100%;

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/modals/user-group-picker/user-group-picker-modal.element.js

@@ -4,7 +4,7 @@ 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 { UUITextStyles } from '../../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../../shared/style/index.js";
 import { css, html, customElement, state } from '../../../../../external/lit/index.js';
 import { UmbSelectionManagerBase } from '../../../../../shared/utils/index.js';
 import { UmbModalBaseElement } from '../../../../../shared/modal/index.js';
@@ -77,7 +77,7 @@ export let UmbUserGroupPickerModalElement = class UmbUserGroupPickerModalElement
 			</umb-body-layout>
 		`;
     }
-    static { this.styles = [UUITextStyles, css ``]; }
+    static { this.styles = [UmbTextStyles, css ``]; }
 };
 __decorate([
     state()

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

@@ -4,7 +4,7 @@ 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 { UUITextStyles } from '../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../shared/style/index.js";
 import { css, html, customElement } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 export let UmbUserGroupsSectionViewElement = class UmbUserGroupsSectionViewElement extends UmbLitElement {
@@ -26,7 +26,7 @@ export let UmbUserGroupsSectionViewElement = class UmbUserGroupsSectionViewEleme
         return html `<umb-router-slot id="router-slot" .routes=${this.#routes}></umb-router-slot>`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			:host {
 				height: 100%;

package/dist-cms/packages/users/user-groups/workspace/actions/workspace-action-user-group-save.element.js

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { UMB_USER_WORKSPACE_CONTEXT } from '../../../users/workspace/user-workspace.context.js';
 import { css, html, customElement, state } from '../../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../../shared/style/index.js";
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
 export let UmbWorkspaceActionUserGroupSaveElement = class UmbWorkspaceActionUserGroupSaveElement extends UmbLitElement {
     constructor() {
@@ -36,7 +36,7 @@ export let UmbWorkspaceActionUserGroupSaveElement = class UmbWorkspaceActionUser
 			label="save"
 			.state="${this._saveButtonState}"></uui-button>`;
     }
-    static { this.styles = [UUITextStyles, css ``]; }
+    static { this.styles = [UmbTextStyles, css ``]; }
 };
 __decorate([
     state()

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;