@umbraco-cms/backoffice 14.0.0-abd22b1c → 14.0.0-ad074301

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

@@ -0,0 +1,10 @@
+const { rest } = window.MockServiceWorker;
+import { umbUserGroupData } from '../../data/user-group.data.js';
+import { slug } from './slug.js';
+import { umbracoPath } from '../../../shared/utils/index.js';
+export const collectionHandlers = [
+    rest.get(umbracoPath(`${slug}`), (req, res, ctx) => {
+        const response = umbUserGroupData.getAll();
+        return res(ctx.status(200), ctx.json(response));
+    }),
+];

package/dist-cms/mocks/handlers/user-group/detail.handlers.d.ts

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

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

@@ -0,0 +1,37 @@
+const { rest } = window.MockServiceWorker;
+import { umbUserGroupData } from '../../data/user-group.data.js';
+import { slug } from './slug.js';
+import { umbracoPath } from '../../../shared/utils/index.js';
+export const detailHandlers = [
+    rest.post(umbracoPath(`${slug}`), async (req, res, ctx) => {
+        const data = await req.json();
+        if (!data)
+            return;
+        umbUserGroupData.insert(data);
+        return res(ctx.status(200));
+    }),
+    rest.get(umbracoPath(`${slug}/:id`), (req, res, ctx) => {
+        const id = req.params.id;
+        if (!id)
+            return;
+        const dataType = umbUserGroupData.getById(id);
+        return res(ctx.status(200), ctx.json(dataType));
+    }),
+    rest.put(umbracoPath(`${slug}/:id`), async (req, res, ctx) => {
+        const id = req.params.id;
+        if (!id)
+            return;
+        const data = await req.json();
+        if (!data)
+            return;
+        umbUserGroupData.save(id, data);
+        return res(ctx.status(200));
+    }),
+    rest.delete(umbracoPath(`${slug}/:id`), async (req, res, ctx) => {
+        const id = req.params.id;
+        if (!id)
+            return;
+        umbUserGroupData.delete([id]);
+        return res(ctx.status(200));
+    }),
+];

package/dist-cms/mocks/handlers/user-group/index.d.ts

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

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

@@ -0,0 +1,4 @@
+import { collectionHandlers } from './collection.handlers.js';
+import { detailHandlers } from './detail.handlers.js';
+import { itemHandlers } from './item.handlers.js';
+export const handlers = [...itemHandlers, ...collectionHandlers, ...detailHandlers];

package/dist-cms/mocks/handlers/user-group/item.handlers.d.ts

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

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

@@ -0,0 +1,13 @@
+const { rest } = window.MockServiceWorker;
+import { umbUserGroupData } from '../../data/user-group.data.js';
+import { slug } from './slug.js';
+import { umbracoPath } from '../../../shared/utils/index.js';
+export const itemHandlers = [
+    rest.get(umbracoPath(`${slug}/item`), (req, res, ctx) => {
+        const ids = req.url.searchParams.getAll('id');
+        if (!ids)
+            return;
+        const items = umbUserGroupData.getItems(ids);
+        return res(ctx.status(200), ctx.json(items));
+    }),
+];

package/dist-cms/mocks/handlers/user-group/slug.d.ts

@@ -0,0 +1 @@
+export declare const slug = "/user-group";

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

@@ -0,0 +1 @@
+export const slug = '/user-group';

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

@@ -1,8 +1,22 @@
 const { rest } = window.MockServiceWorker;
-import { umbUsersData } from '../data/users.data.js';
+import { umbUsersData } from '../data/user.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">
-			Add
+			${this.localize.term('general_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 UmbInputPickerSectionElement extends UmbInputListBaseElement {
+export declare class UmbInputSectionElement extends UmbInputListBaseElement {
     private _sections;
     connectedCallback(): void;
     private _observeSections;
@@ -9,6 +9,6 @@ export declare class UmbInputPickerSectionElement extends UmbInputListBaseElemen
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'umb-input-section': UmbInputPickerSectionElement;
+        'umb-input-section': UmbInputSectionElement;
     }
 }

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 UmbInputPickerSectionElement = class UmbInputPickerSectionElement extends UmbInputListBaseElement {
+export let UmbInputSectionElement = class UmbInputSectionElement extends UmbInputListBaseElement {
     constructor() {
         super(...arguments);
         this._sections = [];
@@ -84,7 +84,7 @@ export let UmbInputPickerSectionElement = class UmbInputPickerSectionElement ext
 };
 __decorate([
     state()
-], UmbInputPickerSectionElement.prototype, "_sections", void 0);
-UmbInputPickerSectionElement = __decorate([
+], UmbInputSectionElement.prototype, "_sections", void 0);
+UmbInputSectionElement = __decorate([
     customElement('umb-input-section')
-], UmbInputPickerSectionElement);
+], UmbInputSectionElement);

package/dist-cms/packages/core/entity-action/common/trash/trash.action.d.ts

@@ -2,7 +2,7 @@ import { UmbEntityActionBase } from '../../entity-action.js';
 import { UmbControllerHostElement } from '../../../../../libs/controller-api/index.js';
 import { UmbItemRepository } from '../../../../../shared/repository/index.js';
 export declare class UmbTrashEntityAction<T extends UmbItemRepository<any> & {
-    trash(unique: Array<string>): Promise<void>;
+    trash(unique: string): Promise<void>;
 }> extends UmbEntityActionBase<T> {
     #private;
     constructor(host: UmbControllerHostElement, repositoryAlias: string, unique: string);

package/dist-cms/packages/core/entity-action/common/trash/trash.action.js

@@ -22,7 +22,7 @@ export class UmbTrashEntityAction extends UmbEntityActionBase {
                 confirmLabel: 'Trash',
             });
             modalContext?.onSubmit().then(() => {
-                this.repository?.trash([this.unique]);
+                this.repository?.trash(this.unique);
             });
         }
     }

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

@@ -1,5 +1,6 @@
 import type { SectionAliasConditionConfig } from './section-alias.condition.js';
 import type { SwitchConditionConfig } from './switch.condition.js';
 import type { WorkspaceAliasConditionConfig } from '../../workspace/index.js';
-import { UmbConditionConfigBase } from '../../../../libs/extension-api/index.js';
-export type ConditionTypes = SectionAliasConditionConfig | WorkspaceAliasConditionConfig | SwitchConditionConfig | UmbConditionConfigBase;
+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;

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

@@ -28,6 +28,8 @@ 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';
@@ -59,4 +61,6 @@ 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 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;
+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;

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

@@ -28,3 +28,5 @@ 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/extension-registry/models/user-granular-permission.model.d.ts

@@ -0,0 +1,8 @@
+import type { ManifestElement } from '../../../../libs/extension-api/index.js';
+export interface ManifestUserGranularPermission extends ManifestElement {
+    type: 'userGranularPermission';
+    meta: MetaUserGranularPermission;
+}
+export interface MetaUserGranularPermission {
+    entityType: string;
+}

package/dist-cms/packages/core/extension-registry/models/user-granular-permission.model.js

@@ -0,0 +1 @@
+export {};

package/dist-cms/packages/core/extension-registry/models/user-permission.model.d.ts

@@ -0,0 +1,11 @@
+import type { ManifestBase } from '../../../../libs/extension-api/index.js';
+export interface ManifestUserPermission extends ManifestBase {
+    type: 'userPermission';
+    meta: MetaUserPermission;
+}
+export interface MetaUserPermission {
+    label: string;
+    entityType: string;
+    description?: string;
+    group?: string;
+}

package/dist-cms/packages/core/extension-registry/models/user-permission.model.js

@@ -0,0 +1 @@
+export {};

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

@@ -1,2 +1,5 @@
 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,2 +1,5 @@
 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-date.element.d.ts

@@ -0,0 +1,28 @@
+import { UmbLitElement } from '../../../shared/lit-element/index.js';
+/**
+ * This element allows you to localize a date
+ * @element umb-localize-date
+ * @slot - The fallback value if the key is not found.
+ */
+export declare class UmbLocalizeDateElement extends UmbLitElement {
+    /**
+     * The date to localize.
+     * @attr
+     * @example date="Sep 22 2023"
+     */
+    date: string | Date;
+    /**
+     * Formatting options
+     * @attr
+     * @example options={ dateStyle: 'full', timeStyle: 'long', timeZone: 'Australia/Sydney' }
+     */
+    options?: Intl.DateTimeFormatOptions;
+    protected get text(): string;
+    protected render(): import("lit-html").TemplateResult<1>;
+    static styles: import("@lit/reactive-element/css-tag").CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-localize-date': UmbLocalizeDateElement;
+    }
+}

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

@@ -0,0 +1,42 @@
+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 { css, customElement, html, property, state, unsafeHTML } from '../../../external/lit/index.js';
+import { UmbLitElement } from '../../../shared/lit-element/index.js';
+/**
+ * This element allows you to localize a date
+ * @element umb-localize-date
+ * @slot - The fallback value if the key is not found.
+ */
+export let UmbLocalizeDateElement = class UmbLocalizeDateElement extends UmbLitElement {
+    get text() {
+        return this.localize.date(this.date, this.options);
+    }
+    render() {
+        return this.date
+            ? html `${unsafeHTML(this.text)}`
+            : html `<slot></slot>`;
+    }
+    static { this.styles = [
+        css `
+			:host {
+				display: contents;
+			}
+		`,
+    ]; }
+};
+__decorate([
+    property()
+], UmbLocalizeDateElement.prototype, "date", void 0);
+__decorate([
+    property()
+], UmbLocalizeDateElement.prototype, "options", void 0);
+__decorate([
+    state()
+], UmbLocalizeDateElement.prototype, "text", null);
+UmbLocalizeDateElement = __decorate([
+    customElement('umb-localize-date')
+], UmbLocalizeDateElement);

package/dist-cms/packages/core/localization/localize-number.element.d.ts

@@ -0,0 +1,28 @@
+import { UmbLitElement } from '../../../shared/lit-element/index.js';
+/**
+ * This element allows you to localize a number
+ * @element umb-localize-number
+ * @slot - The fallback value if the key is not found.
+ */
+export declare class UmbLocalizeNumberElement extends UmbLitElement {
+    /**
+     * The number to localize.
+     * @attr
+     * @example number=1_000_000
+     */
+    number: number | string;
+    /**
+     * Formatting options
+     * @attr
+     * @example options={ style: 'currency', currency: 'EUR' }
+     */
+    options?: Intl.NumberFormatOptions;
+    protected get text(): string;
+    protected render(): import("lit-html").TemplateResult<1>;
+    static styles: import("@lit/reactive-element/css-tag").CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-localize-number': UmbLocalizeNumberElement;
+    }
+}

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

@@ -0,0 +1,42 @@
+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 { css, customElement, html, property, state, unsafeHTML } from '../../../external/lit/index.js';
+import { UmbLitElement } from '../../../shared/lit-element/index.js';
+/**
+ * This element allows you to localize a number
+ * @element umb-localize-number
+ * @slot - The fallback value if the key is not found.
+ */
+export let UmbLocalizeNumberElement = class UmbLocalizeNumberElement extends UmbLitElement {
+    get text() {
+        return this.localize.number(this.number, this.options);
+    }
+    render() {
+        return this.number
+            ? html `${unsafeHTML(this.text)}`
+            : html `<slot></slot>`;
+    }
+    static { this.styles = [
+        css `
+			:host {
+				display: contents;
+			}
+		`,
+    ]; }
+};
+__decorate([
+    property()
+], UmbLocalizeNumberElement.prototype, "number", void 0);
+__decorate([
+    property()
+], UmbLocalizeNumberElement.prototype, "options", void 0);
+__decorate([
+    state()
+], UmbLocalizeNumberElement.prototype, "text", null);
+UmbLocalizeNumberElement = __decorate([
+    customElement('umb-localize-number')
+], UmbLocalizeNumberElement);

package/dist-cms/packages/core/localization/localize-relative-time.element.d.ts

@@ -0,0 +1,34 @@
+import { UmbLitElement } from '../../../shared/lit-element/index.js';
+/**
+ * This element allows you to localize a relative time
+ * @element umb-localize-relative-time
+ * @slot - The fallback value if the key is not found.
+ */
+export declare class UmbLocalizeRelativeTimeElement extends UmbLitElement {
+    /**
+     * The date to localize.
+     * @attr
+     * @example time=10
+     */
+    time: number;
+    /**
+     * Formatting options
+     * @attr
+     * @example options={ dateStyle: 'full', timeStyle: 'long', timeZone: 'Australia/Sydney' }
+     */
+    options?: Intl.RelativeTimeFormatOptions;
+    /**
+     * Unit
+     * @attr
+     * @example unit='seconds'
+     */
+    unit: Intl.RelativeTimeFormatUnit;
+    protected get text(): string;
+    protected render(): import("lit-html").TemplateResult<1>;
+    static styles: import("@lit/reactive-element/css-tag").CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-localize-relative-time': UmbLocalizeRelativeTimeElement;
+    }
+}

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

@@ -0,0 +1,54 @@
+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 { css, customElement, html, property, state, unsafeHTML } from '../../../external/lit/index.js';
+import { UmbLitElement } from '../../../shared/lit-element/index.js';
+/**
+ * This element allows you to localize a relative time
+ * @element umb-localize-relative-time
+ * @slot - The fallback value if the key is not found.
+ */
+export let UmbLocalizeRelativeTimeElement = class UmbLocalizeRelativeTimeElement extends UmbLitElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * Unit
+         * @attr
+         * @example unit='seconds'
+         */
+        this.unit = 'seconds';
+    }
+    get text() {
+        return this.localize.relativeTime(this.time, this.unit, this.options);
+    }
+    render() {
+        return this.time
+            ? html `${unsafeHTML(this.text)}`
+            : html `<slot></slot>`;
+    }
+    static { this.styles = [
+        css `
+			:host {
+				display: contents;
+			}
+		`,
+    ]; }
+};
+__decorate([
+    property()
+], UmbLocalizeRelativeTimeElement.prototype, "time", void 0);
+__decorate([
+    property()
+], UmbLocalizeRelativeTimeElement.prototype, "options", void 0);
+__decorate([
+    property()
+], UmbLocalizeRelativeTimeElement.prototype, "unit", void 0);
+__decorate([
+    state()
+], UmbLocalizeRelativeTimeElement.prototype, "text", null);
+UmbLocalizeRelativeTimeElement = __decorate([
+    customElement('umb-localize-relative-time')
+], UmbLocalizeRelativeTimeElement);

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
+        return this.text.trim()
             ? html `${unsafeHTML(this.text)}`
             : this.debug
                 ? html `<span style="color:red">${this.key}</span>`

package/dist-cms/packages/core/modal/common/entity-user-permission-settings/entity-user-permission-settings-modal.element.d.ts

@@ -0,0 +1,19 @@
+import { UmbEntityUserPermissionSettingsModalData, UmbEntityUserPermissionSettingsModalResult, UmbModalContext } from '../../index.js';
+import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
+export declare class UmbEntityUserPermissionSettingsModalElement extends UmbLitElement {
+    #private;
+    modalContext?: UmbModalContext<UmbEntityUserPermissionSettingsModalData, UmbEntityUserPermissionSettingsModalResult>;
+    data?: UmbEntityUserPermissionSettingsModalData;
+    private _userPermissionManifests;
+    private _handleConfirm;
+    private _handleCancel;
+    constructor();
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("@lit/reactive-element/css-tag").CSSResult[];
+}
+export default UmbEntityUserPermissionSettingsModalElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-entity-user-permission-modal': UmbEntityUserPermissionSettingsModalElement;
+    }
+}

package/dist-cms/packages/core/modal/common/entity-user-permission-settings/entity-user-permission-settings-modal.element.js

@@ -0,0 +1,97 @@
+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 { html, customElement, property, state, css } from '../../../../../external/lit/index.js';
+import { UmbTextStyles } from '../../../../../shared/style/index.js';
+import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
+import { umbExtensionsRegistry } from '../../../extension-registry/index.js';
+export let UmbEntityUserPermissionSettingsModalElement = class UmbEntityUserPermissionSettingsModalElement extends UmbLitElement {
+    _handleConfirm() {
+        this.modalContext?.submit();
+    }
+    _handleCancel() {
+        this.modalContext?.reject();
+    }
+    constructor() {
+        super();
+        this._userPermissionManifests = [];
+        this.observe(umbExtensionsRegistry.extensionsOfType('userPermission'), (userPermissionManifests) => (this._userPermissionManifests = userPermissionManifests));
+    }
+    render() {
+        return html `
+			<umb-body-layout headline="Hello">
+				<uui-box>
+					Render user permissions for ${this.data?.entityType} ${this.data?.unique}
+					${this._userPermissionManifests.map((permission) => this.#renderPermission(permission))}
+
+					<uui-button slot="actions" id="cancel" label="Cancel" @click="${this._handleCancel}">Cancel</uui-button>
+					<uui-button
+						slot="actions"
+						id="confirm"
+						color="positive"
+						look="primary"
+						label="Confirm"
+						@click=${this._handleConfirm}></uui-button>
+				</uui-box>
+			</umb-body-layout>
+		`;
+    }
+    #onChangeUserPermission(event, userPermissionManifest) {
+        console.log(userPermissionManifest);
+        console.log(event.target.checked);
+    }
+    #isAllowed(userPermissionManifest) {
+        return true;
+        //return this._userGroup?.permissions?.includes(userPermissionManifest.alias);
+    }
+    #renderPermission(userPermissionManifest) {
+        return html `<div
+			style="display: flex; align-items:center; border-bottom: 1px solid var(--uui-color-divider); padding: 9px 0 12px 0;">
+			<uui-toggle
+				label=${userPermissionManifest.meta.label}
+				?checked=${this.#isAllowed(userPermissionManifest)}
+				@change=${(event) => this.#onChangeUserPermission(event, userPermissionManifest)}>
+				<div class="permission-meta">
+					<div class="permission-name">${userPermissionManifest.meta.label}</div>
+					<small>${userPermissionManifest.meta.description}</small>
+				</div>
+			</uui-toggle>
+		</div>`;
+    }
+    static { this.styles = [
+        UmbTextStyles,
+        css `
+			.permission-toggle {
+				display: flex;
+				align-items: center;
+				border-bottom: 1px solid var(--uui-color-divider);
+				padding: var(--uui-size-space-3) 0 var(--uui-size-space-4) 0;
+			}
+
+			.permission-meta {
+				margin-left: var(--uui-size-space-4);
+				line-height: 1.2em;
+			}
+
+			.permission-name {
+				font-weight: bold;
+			}
+		`,
+    ]; }
+};
+__decorate([
+    property({ attribute: false })
+], UmbEntityUserPermissionSettingsModalElement.prototype, "modalContext", void 0);
+__decorate([
+    property({ type: Object })
+], UmbEntityUserPermissionSettingsModalElement.prototype, "data", void 0);
+__decorate([
+    state()
+], UmbEntityUserPermissionSettingsModalElement.prototype, "_userPermissionManifests", void 0);
+UmbEntityUserPermissionSettingsModalElement = __decorate([
+    customElement('umb-entity-user-permission-settings-modal')
+], UmbEntityUserPermissionSettingsModalElement);
+export default UmbEntityUserPermissionSettingsModalElement;

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

@@ -59,5 +59,11 @@ 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];