@umbraco-cms/backoffice 17.0.2 → 17.1.0-rc

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

@@ -6,99 +6,32 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { UMB_USER_GROUP_ROOT_WORKSPACE_PATH } from '../../paths.js';
 import { UMB_USER_GROUP_WORKSPACE_CONTEXT } from './user-group-workspace.context-token.js';
-import { css, html, nothing, customElement, state, ifDefined } from '../../../../../external/lit/index.js';
-import { UmbLitElement, umbFocus } from '../../../../core/lit-element/index.js';
-import { UmbTextStyles } from '../../../../core/style/index.js';
-import { umbOpenModal } from '../../../../core/modal/index.js';
+import { css, html, customElement, state, ifDefined } from '../../../../../external/lit/index.js';
 import { UMB_ICON_PICKER_MODAL } from '../../../../core/icon-registry/index.js';
-import './components/user-group-entity-type-permission-groups.element.js';
+import { umbFocus, UmbLitElement } from '../../../../core/lit-element/index.js';
+import { umbOpenModal } from '../../../../core/modal/index.js';
+import { UmbTextStyles } from '../../../../core/style/index.js';
 let UmbUserGroupWorkspaceEditorElement = class UmbUserGroupWorkspaceEditorElement extends UmbLitElement {
     #workspaceContext;
     constructor() {
         super();
         this._isNew = false;
         this._aliasCanBeChanged = true;
-        this._sections = [];
-        this._languages = [];
-        this._hasAccessToAllLanguages = false;
-        this._documentRootAccess = false;
-        this._mediaRootAccess = false;
-        this.consumeContext(UMB_USER_GROUP_WORKSPACE_CONTEXT, (instance) => {
-            this.#workspaceContext = instance;
+        this.consumeContext(UMB_USER_GROUP_WORKSPACE_CONTEXT, (context) => {
+            this.#workspaceContext = context;
             this.#observeUserGroup();
         });
     }
     #observeUserGroup() {
         this.observe(this.#workspaceContext?.isNew, (value) => (this._isNew = value), '_observeIsNew');
-        this.observe(this.#workspaceContext?.unique, (value) => (this._unique = value ?? undefined), '_observeUnique');
         this.observe(this.#workspaceContext?.name, (value) => (this._name = value), '_observeName');
         this.observe(this.#workspaceContext?.alias, (value) => (this._alias = value), '_observeAlias');
         this.observe(this.#workspaceContext?.aliasCanBeChanged, (value) => (this._aliasCanBeChanged = value), '_observeAliasCanBeChanged');
         this.observe(this.#workspaceContext?.icon, (value) => (this._icon = value), '_observeIcon');
-        this.observe(this.#workspaceContext?.sections, (value) => (this._sections = value ?? []), '_observeSections');
-        this.observe(this.#workspaceContext?.languages, (value) => (this._languages = value ?? []), '_observeLanguages');
-        this.observe(this.#workspaceContext?.hasAccessToAllLanguages, (value) => (this._hasAccessToAllLanguages = value ?? false), '_observeHasAccessToAllLanguages');
-        this.observe(this.#workspaceContext?.documentRootAccess, (value) => (this._documentRootAccess = value ?? false), '_observeDocumentRootAccess');
-        this.observe(this.#workspaceContext?.documentStartNode, (value) => (this._documentStartNode = value), '_observeDocumentStartNode');
-        this.observe(this.#workspaceContext?.mediaRootAccess, (value) => (this._mediaRootAccess = value ?? false), '_observeMediaRootAccess');
-        this.observe(this.#workspaceContext?.mediaStartNode, (value) => (this._mediaStartNode = value), '_observeMediaStartNode');
-    }
-    #onSectionsChange(event) {
-        event.stopPropagation();
-        const target = event.target;
-        // TODO make contexts method
-        this.#workspaceContext?.updateProperty('sections', target.selection);
-    }
-    #onAllowAllLanguagesChange(event) {
-        event.stopPropagation();
-        const target = event.target;
-        // TODO make contexts method
-        this.#workspaceContext?.updateProperty('hasAccessToAllLanguages', target.checked);
-    }
-    #onLanguagePermissionChange(event) {
-        event.stopPropagation();
-        const target = event.target;
-        // TODO make contexts method
-        this.#workspaceContext?.updateProperty('languages', target.selection);
-    }
-    #onAllowAllDocumentsChange(event) {
-        event.stopPropagation();
-        const target = event.target;
-        // TODO make contexts method
-        this.#workspaceContext?.updateProperty('documentRootAccess', target.checked);
-        this.#workspaceContext?.updateProperty('documentStartNode', null);
-    }
-    #onDocumentStartNodeChange(event) {
-        event.stopPropagation();
-        // TODO: get back to this when documents have been decoupled from users.
-        // The event target is deliberately set to any to avoid an import cycle with documents.
-        const target = event.target;
-        const selected = target.selection?.[0];
-        // TODO make contexts method
-        this.#workspaceContext?.updateProperty('documentStartNode', selected ? { unique: selected } : null);
     }
-    #onAllowAllMediaChange(event) {
-        event.stopPropagation();
-        const target = event.target;
-        // TODO make contexts method
-        this.#workspaceContext?.updateProperty('mediaRootAccess', target.checked);
-        this.#workspaceContext?.updateProperty('mediaStartNode', null);
-    }
-    #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 selected = target.selection?.[0];
-        // TODO make contexts method
-        this.#workspaceContext?.updateProperty('mediaStartNode', selected ? { unique: selected } : null);
-    }
-    render() {
-        return html `
-			<umb-entity-detail-workspace-editor class="uui-text" back-path=${UMB_USER_GROUP_ROOT_WORKSPACE_PATH}>
-				${this.#renderHeader()} ${this.#renderMain()}
-			</umb-entity-detail-workspace-editor>
-		`;
+    #onNameAndAliasChange(event) {
+        this.#workspaceContext?.updateProperty('name', event.target.value ?? '');
+        this.#workspaceContext?.updateProperty('alias', event.target.alias ?? '');
     }
     async #onIconClick() {
         const [alias, color] = this._icon?.replace('color-', '')?.split(' ') ?? [];
@@ -117,9 +50,12 @@ let UmbUserGroupWorkspaceEditorElement = class UmbUserGroupWorkspaceEditorElemen
             this.#workspaceContext?.updateProperty('icon', result.icon);
         }
     }
-    #onNameAndAliasChange(event) {
-        this.#workspaceContext?.updateProperty('name', event.target.value ?? '');
-        this.#workspaceContext?.updateProperty('alias', event.target.alias ?? '');
+    render() {
+        return html `
+			<umb-entity-detail-workspace-editor .backPath=${UMB_USER_GROUP_ROOT_WORKSPACE_PATH}>
+				${this.#renderHeader()}
+			</umb-entity-detail-workspace-editor>
+		`;
     }
     #renderHeader() {
         return html `
@@ -141,113 +77,12 @@ let UmbUserGroupWorkspaceEditorElement = class UmbUserGroupWorkspaceEditorElemen
 			</div>
 		`;
     }
-    #renderMain() {
-        if (!this._unique)
-            return nothing;
-        return html `
-			<div id="main">
-				<umb-stack>
-					<uui-box>
-						<div slot="headline"><umb-localize key="user_assignAccess"></umb-localize></div>
-
-						<umb-property-layout
-							label=${this.localize.term('main_sections')}
-							description=${this.localize.term('user_sectionsHelp')}>
-							<umb-input-section
-								slot="editor"
-								.selection=${this._sections}
-								@change=${this.#onSectionsChange}></umb-input-section>
-						</umb-property-layout>
-
-						${this.#renderLanguageAccess()} ${this.#renderDocumentAccess()} ${this.#renderMediaAccess()}
-					</uui-box>
-
-					${this.#renderPermissionGroups()}
-				</umb-stack>
-			</div>
-		`;
-    }
-    #renderLanguageAccess() {
-        return html `
-			<umb-property-layout
-				label=${this.localize.term('treeHeaders_languages')}
-				description=${this.localize.term('user_languagesHelp')}>
-				<div slot="editor">
-					<uui-toggle
-						style="margin-bottom: var(--uui-size-space-3);"
-						label="${this.localize.term('user_allowAccessToAllLanguages')}"
-						.checked=${this._hasAccessToAllLanguages}
-						@change=${this.#onAllowAllLanguagesChange}></uui-toggle>
-
-					${this._hasAccessToAllLanguages === false
-            ? html `
-								<umb-input-language
-									.selection=${this._languages}
-									@change=${this.#onLanguagePermissionChange}></umb-input-language>
-							`
-            : nothing}
-				</div>
-			</umb-property-layout>
-		`;
-    }
-    #renderDocumentAccess() {
-        return html `
-			<umb-property-layout
-				label=${this.localize.term('defaultdialogs_selectContentStartNode')}
-				description=${this.localize.term('user_startnodehelp')}>
-				<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"
-								max="1"
-								.selection=${this._documentStartNode?.unique ? [this._documentStartNode.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"
-								max="1"
-								.selection=${this._mediaStartNode?.unique ? [this._mediaStartNode.unique] : []}
-								@change=${this.#onMediaStartNodeChange}></umb-input-media>
-						`
-            : nothing}
-			</umb-property-layout>
-		`;
-    }
-    #renderPermissionGroups() {
-        return html `<umb-user-group-entity-type-permission-groups></umb-user-group-entity-type-permission-groups> `;
-    }
     static { this.styles = [
         UmbTextStyles,
         css `
 			:host {
 				display: block;
+				width: 100%;
 				height: 100%;
 			}
 
@@ -269,23 +104,12 @@ let UmbUserGroupWorkspaceEditorElement = class UmbUserGroupWorkspaceEditorElemen
 				flex: 1 1 auto;
 				align-items: center;
 			}
-
-			#main {
-				padding: var(--uui-size-layout-1);
-			}
-
-			uui-input {
-				width: 100%;
-			}
 		`,
     ]; }
 };
 __decorate([
     state()
 ], UmbUserGroupWorkspaceEditorElement.prototype, "_isNew", void 0);
-__decorate([
-    state()
-], UmbUserGroupWorkspaceEditorElement.prototype, "_unique", void 0);
 __decorate([
     state()
 ], UmbUserGroupWorkspaceEditorElement.prototype, "_name", void 0);
@@ -298,27 +122,6 @@ __decorate([
 __decorate([
     state()
 ], UmbUserGroupWorkspaceEditorElement.prototype, "_icon", void 0);
-__decorate([
-    state()
-], UmbUserGroupWorkspaceEditorElement.prototype, "_sections", void 0);
-__decorate([
-    state()
-], UmbUserGroupWorkspaceEditorElement.prototype, "_languages", void 0);
-__decorate([
-    state()
-], UmbUserGroupWorkspaceEditorElement.prototype, "_hasAccessToAllLanguages", void 0);
-__decorate([
-    state()
-], UmbUserGroupWorkspaceEditorElement.prototype, "_documentStartNode", void 0);
-__decorate([
-    state()
-], UmbUserGroupWorkspaceEditorElement.prototype, "_documentRootAccess", void 0);
-__decorate([
-    state()
-], UmbUserGroupWorkspaceEditorElement.prototype, "_mediaStartNode", void 0);
-__decorate([
-    state()
-], UmbUserGroupWorkspaceEditorElement.prototype, "_mediaRootAccess", void 0);
 UmbUserGroupWorkspaceEditorElement = __decorate([
     customElement('umb-user-group-workspace-editor')
 ], UmbUserGroupWorkspaceEditorElement);

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

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

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

@@ -0,0 +1,22 @@
+import { UMB_USER_GROUP_WORKSPACE_ALIAS } from '../constants.js';
+import { UMB_WORKSPACE_CONDITION_ALIAS } from '../../../../../core/workspace/index.js';
+export const manifests = [
+    {
+        type: 'workspaceView',
+        alias: 'Umb.WorkspaceView.UserGroup.Details',
+        name: 'User Group Details Workspace View',
+        element: () => import('./user-group-details-workspace-view.element.js'),
+        weight: 90,
+        meta: {
+            label: '#general_details',
+            pathname: 'details',
+            icon: 'edit',
+        },
+        conditions: [
+            {
+                alias: UMB_WORKSPACE_CONDITION_ALIAS,
+                match: UMB_USER_GROUP_WORKSPACE_ALIAS,
+            },
+        ],
+    },
+];

package/dist-cms/packages/user/user-group/workspace/user-group/views/user-group-details-workspace-view.element.d.ts

@@ -0,0 +1,24 @@
+import { nothing } from '../../../../../../external/lit/index.js';
+import { UmbLitElement } from '../../../../../core/lit-element/index.js';
+import type { UmbWorkspaceViewElement } from '../../../../../core/workspace/index.js';
+import '../components/user-group-entity-type-permission-groups.element.js';
+export declare class UmbUserGroupDetailsWorkspaceViewElement extends UmbLitElement implements UmbWorkspaceViewElement {
+    #private;
+    private _unique?;
+    private _sections;
+    private _languages;
+    private _hasAccessToAllLanguages;
+    private _documentStartNode?;
+    private _documentRootAccess;
+    private _mediaStartNode?;
+    private _mediaRootAccess;
+    constructor();
+    render(): typeof nothing | import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
+}
+export { UmbUserGroupDetailsWorkspaceViewElement as element };
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-user-group-details-workspace-view': UmbUserGroupDetailsWorkspaceViewElement;
+    }
+}

package/dist-cms/packages/user/user-group/workspace/user-group/views/user-group-details-workspace-view.element.js

@@ -0,0 +1,234 @@
+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-token.js';
+import { css, html, nothing, customElement, state } from '../../../../../../external/lit/index.js';
+import { UmbLitElement } from '../../../../../core/lit-element/index.js';
+import { UmbTextStyles } from '../../../../../core/style/index.js';
+import '../components/user-group-entity-type-permission-groups.element.js';
+let UmbUserGroupDetailsWorkspaceViewElement = class UmbUserGroupDetailsWorkspaceViewElement extends UmbLitElement {
+    #workspaceContext;
+    constructor() {
+        super();
+        this._sections = [];
+        this._languages = [];
+        this._hasAccessToAllLanguages = false;
+        this._documentRootAccess = false;
+        this._mediaRootAccess = false;
+        this.consumeContext(UMB_USER_GROUP_WORKSPACE_CONTEXT, (instance) => {
+            this.#workspaceContext = instance;
+            this.#observeUserGroup();
+        });
+    }
+    #observeUserGroup() {
+        this.observe(this.#workspaceContext?.unique, (value) => (this._unique = value ?? undefined), '_observeUnique');
+        this.observe(this.#workspaceContext?.sections, (value) => (this._sections = value ?? []), '_observeSections');
+        this.observe(this.#workspaceContext?.languages, (value) => (this._languages = value ?? []), '_observeLanguages');
+        this.observe(this.#workspaceContext?.hasAccessToAllLanguages, (value) => (this._hasAccessToAllLanguages = value ?? false), '_observeHasAccessToAllLanguages');
+        this.observe(this.#workspaceContext?.documentRootAccess, (value) => (this._documentRootAccess = value ?? false), '_observeDocumentRootAccess');
+        this.observe(this.#workspaceContext?.documentStartNode, (value) => (this._documentStartNode = value), '_observeDocumentStartNode');
+        this.observe(this.#workspaceContext?.mediaRootAccess, (value) => (this._mediaRootAccess = value ?? false), '_observeMediaRootAccess');
+        this.observe(this.#workspaceContext?.mediaStartNode, (value) => (this._mediaStartNode = value), '_observeMediaStartNode');
+    }
+    #onSectionsChange(event) {
+        event.stopPropagation();
+        const target = event.target;
+        // TODO make contexts method
+        this.#workspaceContext?.updateProperty('sections', target.selection);
+    }
+    #onAllowAllLanguagesChange(event) {
+        event.stopPropagation();
+        const target = event.target;
+        // TODO make contexts method
+        this.#workspaceContext?.updateProperty('hasAccessToAllLanguages', target.checked);
+    }
+    #onLanguagePermissionChange(event) {
+        event.stopPropagation();
+        const target = event.target;
+        // TODO make contexts method
+        this.#workspaceContext?.updateProperty('languages', target.selection);
+    }
+    #onAllowAllDocumentsChange(event) {
+        event.stopPropagation();
+        const target = event.target;
+        // TODO make contexts method
+        this.#workspaceContext?.updateProperty('documentRootAccess', target.checked);
+        this.#workspaceContext?.updateProperty('documentStartNode', null);
+    }
+    #onDocumentStartNodeChange(event) {
+        event.stopPropagation();
+        // TODO: get back to this when documents have been decoupled from users.
+        // The event target is deliberately set to any to avoid an import cycle with documents.
+        const target = event.target;
+        const selected = target.selection?.[0];
+        // TODO make contexts method
+        this.#workspaceContext?.updateProperty('documentStartNode', selected ? { unique: selected } : null);
+    }
+    #onAllowAllMediaChange(event) {
+        event.stopPropagation();
+        const target = event.target;
+        // TODO make contexts method
+        this.#workspaceContext?.updateProperty('mediaRootAccess', target.checked);
+        this.#workspaceContext?.updateProperty('mediaStartNode', null);
+    }
+    #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 selected = target.selection?.[0];
+        // TODO make contexts method
+        this.#workspaceContext?.updateProperty('mediaStartNode', selected ? { unique: selected } : null);
+    }
+    render() {
+        if (!this._unique)
+            return nothing;
+        return html `
+			<div id="main">
+				<umb-stack>
+					<uui-box>
+						<div slot="headline"><umb-localize key="user_assignAccess"></umb-localize></div>
+
+						<umb-property-layout
+							label=${this.localize.term('main_sections')}
+							description=${this.localize.term('user_sectionsHelp')}>
+							<umb-input-section
+								slot="editor"
+								.selection=${this._sections}
+								@change=${this.#onSectionsChange}></umb-input-section>
+						</umb-property-layout>
+
+						${this.#renderLanguageAccess()} ${this.#renderDocumentAccess()} ${this.#renderMediaAccess()}
+					</uui-box>
+
+					${this.#renderPermissionGroups()}
+				</umb-stack>
+			</div>
+		`;
+    }
+    #renderLanguageAccess() {
+        return html `
+			<umb-property-layout
+				label=${this.localize.term('treeHeaders_languages')}
+				description=${this.localize.term('user_languagesHelp')}>
+				<div slot="editor">
+					<uui-toggle
+						style="margin-bottom: var(--uui-size-space-3);"
+						label="${this.localize.term('user_allowAccessToAllLanguages')}"
+						.checked=${this._hasAccessToAllLanguages}
+						@change=${this.#onAllowAllLanguagesChange}></uui-toggle>
+
+					${this._hasAccessToAllLanguages === false
+            ? html `
+								<umb-input-language
+									.selection=${this._languages}
+									@change=${this.#onLanguagePermissionChange}></umb-input-language>
+							`
+            : nothing}
+				</div>
+			</umb-property-layout>
+		`;
+    }
+    #renderDocumentAccess() {
+        return html `
+			<umb-property-layout
+				label=${this.localize.term('defaultdialogs_selectContentStartNode')}
+				description=${this.localize.term('user_startnodehelp')}>
+				<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"
+								max="1"
+								.selection=${this._documentStartNode?.unique ? [this._documentStartNode.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"
+								max="1"
+								.selection=${this._mediaStartNode?.unique ? [this._mediaStartNode.unique] : []}
+								@change=${this.#onMediaStartNodeChange}></umb-input-media>
+						`
+            : nothing}
+			</umb-property-layout>
+		`;
+    }
+    #renderPermissionGroups() {
+        return html `<umb-user-group-entity-type-permission-groups></umb-user-group-entity-type-permission-groups> `;
+    }
+    static { this.styles = [
+        UmbTextStyles,
+        css `
+			:host {
+				display: block;
+				height: 100%;
+			}
+
+			#main {
+				padding: var(--uui-size-layout-1);
+			}
+
+			uui-input {
+				width: 100%;
+			}
+		`,
+    ]; }
+};
+__decorate([
+    state()
+], UmbUserGroupDetailsWorkspaceViewElement.prototype, "_unique", void 0);
+__decorate([
+    state()
+], UmbUserGroupDetailsWorkspaceViewElement.prototype, "_sections", void 0);
+__decorate([
+    state()
+], UmbUserGroupDetailsWorkspaceViewElement.prototype, "_languages", void 0);
+__decorate([
+    state()
+], UmbUserGroupDetailsWorkspaceViewElement.prototype, "_hasAccessToAllLanguages", void 0);
+__decorate([
+    state()
+], UmbUserGroupDetailsWorkspaceViewElement.prototype, "_documentStartNode", void 0);
+__decorate([
+    state()
+], UmbUserGroupDetailsWorkspaceViewElement.prototype, "_documentRootAccess", void 0);
+__decorate([
+    state()
+], UmbUserGroupDetailsWorkspaceViewElement.prototype, "_mediaStartNode", void 0);
+__decorate([
+    state()
+], UmbUserGroupDetailsWorkspaceViewElement.prototype, "_mediaRootAccess", void 0);
+UmbUserGroupDetailsWorkspaceViewElement = __decorate([
+    customElement('umb-user-group-details-workspace-view')
+], UmbUserGroupDetailsWorkspaceViewElement);
+export { UmbUserGroupDetailsWorkspaceViewElement };
+export { UmbUserGroupDetailsWorkspaceViewElement as element };

package/dist-cms/packages/webhook/webhook/collection/views/manifests.js

@@ -8,7 +8,7 @@ export const manifests = [
         js: () => import('./table/webhook-table-collection-view.element.js'),
         meta: {
             label: 'Table',
-            icon: 'icon-list',
+            icon: 'icon-table',
             pathName: 'table',
         },
         conditions: [

package/dist-cms/packages/webhook/webhook/workspace/views/webhook-details-workspace-view.element.js

@@ -91,6 +91,7 @@ let UmbWebhookDetailsWorkspaceViewElement = class UmbWebhookDetailsWorkspaceView
 					<uui-input @input=${this.#onUrlChange} .value=${this._webhook.url} slot="editor" required="true"></uui-input>
 				</umb-property-layout>
 				<umb-property-layout
+					mandatory
 					label=${this.localize.term('webhooks_events')}
 					description=${this.localize.term('webhooks_eventDescription')}>
 					<umb-input-webhook-events

package/dist-cms/packages/webhook/webhook-delivery/collection/views/manifests.js

@@ -7,7 +7,7 @@ export const manifests = [
         js: () => import('./table/webhook-delivery-table-collection-view.element.js'),
         meta: {
             label: 'Table',
-            icon: 'icon-list',
+            icon: 'icon-table',
             pathName: 'table',
         },
         conditions: [