@umbraco-cms/backoffice 17.3.5 → 17.4.0-rc2

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

@@ -5,25 +5,32 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { UMB_BLOCK_WORKSPACE_CONTEXT } from './index.js';
-import { css, customElement, html, state } from '../../../../external/lit/index.js';
+import { css, customElement, html, nothing, state } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../core/lit-element/index.js';
 let UmbBlockWorkspaceEditorElement = class UmbBlockWorkspaceEditorElement extends UmbLitElement {
     constructor() {
         super();
         this._headline = '';
         this.consumeContext(UMB_BLOCK_WORKSPACE_CONTEXT, (context) => {
-            if (context) {
-                this.observe(context.name, (name) => {
+            this.observe(context?.name, (name) => {
+                if (name) {
                     this._headline = this.localize.string(name);
-                }, 'observeOwnerContentElementTypeName');
-            }
-            else {
-                this.removeUmbControllerByAlias('observeOwnerContentElementTypeName');
-            }
+                }
+            }, 'observeOwnerContentElementTypeName');
+            this.observe(context?.readOnlyGuard.isPermittedForObservableVariant(context.variantId), (isReadOnly) => {
+                this._readOnly = isReadOnly;
+            }, 'observeIsReadOnly');
         });
     }
     render() {
-        return html `<umb-workspace-editor headline=${this._headline}></umb-workspace-editor>`;
+        return html `<umb-workspace-editor
+			><div slot="header">
+				<h3 id="headline" title="${this._headline}" data-mark="layout-headline">${this._headline}</h3>
+				${this._readOnly
+            ? html `<uui-tag look="secondary">${this.localize.term('general_readOnly')}</uui-tag>`
+            : nothing}
+			</div></umb-workspace-editor
+		>`;
     }
     static { this.styles = [
         css `
@@ -32,12 +39,27 @@ let UmbBlockWorkspaceEditorElement = class UmbBlockWorkspaceEditorElement extend
 				width: 100%;
 				height: 100%;
 			}
+			div {
+				display: flex;
+				align-items: center;
+				gap: var(--uui-size-3);
+			}
+			#headline {
+				display: block;
+				white-space: nowrap;
+				overflow: hidden;
+				text-overflow: ellipsis;
+				min-width: 0;
+			}
 		`,
     ]; }
 };
 __decorate([
     state()
 ], UmbBlockWorkspaceEditorElement.prototype, "_headline", void 0);
+__decorate([
+    state()
+], UmbBlockWorkspaceEditorElement.prototype, "_readOnly", void 0);
 UmbBlockWorkspaceEditorElement = __decorate([
     customElement('umb-block-workspace-editor')
 ], UmbBlockWorkspaceEditorElement);

package/dist-cms/packages/block/block/workspace/block-workspace-language-access.controller.d.ts

@@ -0,0 +1,16 @@
+import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
+import { UmbControllerBase } from '../../../../libs/class-api/index.js';
+/**
+ * Configures the read-only state of a Block Workspace based on the parent Block Manager
+ * and the current user's language access.
+ *
+ * - For invariant blocks, the workspace inherits the read-only state of the parent Block Manager(Host Property).
+ * - For variant blocks (with a culture), the workspace is editable only when the current user
+ *   has access to that culture (either via `hasAccessToAllLanguages` or an entry in their
+ *   allowed languages).
+ */
+export declare class UmbBlockLanguageAccessWorkspaceController extends UmbControllerBase {
+    #private;
+    constructor(host: UmbControllerHost);
+}
+export { UmbBlockLanguageAccessWorkspaceController as api };

package/dist-cms/packages/block/block/workspace/block-workspace-language-access.controller.js

@@ -0,0 +1,126 @@
+import { UMB_BLOCK_MANAGER_CONTEXT } from '../context/block-manager.context-token.js';
+import { UMB_BLOCK_WORKSPACE_CONTEXT } from './block-workspace.context-token.js';
+import { UmbControllerBase } from '../../../../libs/class-api/index.js';
+import { UMB_CURRENT_USER_CONTEXT } from '../../../user/current-user/index.js';
+const IDENTIFIER_PREFIX = 'UMB_LANGUAGE_PERMISSION_';
+/**
+ * Configures the read-only state of a Block Workspace based on the parent Block Manager
+ * and the current user's language access.
+ *
+ * - For invariant blocks, the workspace inherits the read-only state of the parent Block Manager(Host Property).
+ * - For variant blocks (with a culture), the workspace is editable only when the current user
+ *   has access to that culture (either via `hasAccessToAllLanguages` or an entry in their
+ *   allowed languages).
+ */
+export class UmbBlockLanguageAccessWorkspaceController extends UmbControllerBase {
+    #workspaceContext;
+    #variantId;
+    #currentUserAllowedLanguages;
+    #currentUserHasAccessToAllLanguages;
+    #consumeBlockManager;
+    #appliedLanguageUnique;
+    constructor(host) {
+        super(host);
+        this.consumeContext(UMB_BLOCK_WORKSPACE_CONTEXT, (instance) => {
+            this.#workspaceContext = instance;
+            this.#workspaceContext?.readOnlyGuard.fallbackToNotPermitted();
+            this.#workspaceContext?.content.readOnlyGuard.fallbackToNotPermitted();
+            this.#workspaceContext?.settings.readOnlyGuard.fallbackToNotPermitted();
+            this.observe(instance?.variantId, (variantId) => {
+                this.#variantId = variantId;
+                this.#observeBlockManager(variantId);
+                this.#checkForLanguageAccess();
+            }, 'observeBlockVariantId');
+        });
+        this.consumeContext(UMB_CURRENT_USER_CONTEXT, (context) => {
+            this.observe(context?.languages, (languages) => {
+                this.#currentUserAllowedLanguages = languages;
+                this.#checkForLanguageAccess();
+            }, 'observeCurrentUserLanguages');
+            this.observe(context?.hasAccessToAllLanguages, (hasAccessToAllLanguages) => {
+                this.#currentUserHasAccessToAllLanguages = hasAccessToAllLanguages;
+                this.#checkForLanguageAccess();
+            }, 'observeCurrentUserHasAccessToAllLanguages');
+        });
+    }
+    #observeBlockManager(variantId) {
+        const unique = 'UMB_BLOCK_MANAGER_CONTEXT';
+        if (variantId?.isCultureInvariant()) {
+            /**
+             * If the Block Workspace is invariant, the readOnly state from the Block Manager should apply to the invariant fields(all) of this Workspace: [NL]
+             */
+            // Destroy any prior consumer before reassigning, so a re-emit of an invariant
+            // variantId does not leak the previous context consumer. [NL]
+            this.#consumeBlockManager?.destroy();
+            this.#consumeBlockManager = this.consumeContext(UMB_BLOCK_MANAGER_CONTEXT, (manager) => {
+                this.observe(manager?.readOnlyState.permitted, (isReadOnly) => {
+                    if (isReadOnly === undefined)
+                        return;
+                    if (isReadOnly) {
+                        const rule = {
+                            unique,
+                            permitted: true,
+                        };
+                        this.#workspaceContext?.readOnlyGuard.addRule(rule);
+                        this.#workspaceContext?.content.readOnlyGuard.addRule(rule);
+                        this.#workspaceContext?.settings.readOnlyGuard.addRule(rule);
+                    }
+                    else {
+                        this.#workspaceContext?.readOnlyGuard.removeRule(unique);
+                        this.#workspaceContext?.content.readOnlyGuard.removeRule(unique);
+                        this.#workspaceContext?.settings.readOnlyGuard.removeRule(unique);
+                    }
+                }, 'observeManagerReadOnly');
+            });
+        }
+        else {
+            this.#workspaceContext?.readOnlyGuard.removeRule(unique);
+            this.#workspaceContext?.content.readOnlyGuard.removeRule(unique);
+            this.#workspaceContext?.settings.readOnlyGuard.removeRule(unique);
+            this.#consumeBlockManager?.destroy();
+            this.#consumeBlockManager = undefined;
+            this.removeUmbControllerByAlias('observeManagerReadOnly');
+        }
+    }
+    #checkForLanguageAccess() {
+        if (!this.#workspaceContext ||
+            this.#currentUserHasAccessToAllLanguages == undefined ||
+            this.#currentUserAllowedLanguages == undefined) {
+            return;
+        }
+        const culture = this.#variantId?.culture ?? undefined;
+        // If the block is invariant/segment-only, or the user has access to all languages,
+        // there is no language-based restriction to apply.
+        const allowed = !culture || this.#currentUserHasAccessToAllLanguages === true
+            ? true
+            : (this.#currentUserAllowedLanguages?.includes(culture) ?? false);
+        // Always remove the previously applied rule (tracked by the actual unique key,
+        // not just the current culture). Without this, switching the workspace's culture
+        // from A → B leaves a stale UMB_LANGUAGE_PERMISSION_<A> rule lingering in the
+        // guard manager — `findRule()` is variant-scoped so it stays harmless, but
+        // `getRules()` accumulates one entry per visited culture over the workspace's
+        // lifetime. [NL]
+        if (this.#appliedLanguageUnique) {
+            this.#workspaceContext.readOnlyGuard.removeRule(this.#appliedLanguageUnique);
+            this.#workspaceContext.content.readOnlyGuard.removeRule(this.#appliedLanguageUnique);
+            this.#workspaceContext.settings.readOnlyGuard.removeRule(this.#appliedLanguageUnique);
+            this.#appliedLanguageUnique = undefined;
+        }
+        if (allowed || !culture || !this.#variantId)
+            return;
+        const variantId = this.#variantId;
+        const unique = IDENTIFIER_PREFIX + culture;
+        const rule = {
+            unique,
+            variantId,
+            // `permitted: true` on a read-only guard means "to be read-only"
+            // — i.e. not editable. Combined with `fallbackToPermitted()` (default = read-only).
+            permitted: true,
+        };
+        this.#workspaceContext.readOnlyGuard.addRule(rule);
+        this.#workspaceContext.content.readOnlyGuard.addRule(rule);
+        this.#workspaceContext.settings.readOnlyGuard.addRule(rule);
+        this.#appliedLanguageUnique = unique;
+    }
+}
+export { UmbBlockLanguageAccessWorkspaceController as api };

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

@@ -2,12 +2,14 @@ import { UMB_BLOCK_ENTRIES_CONTEXT, UMB_BLOCK_MANAGER_CONTEXT } from '../context
 import { UmbBlockWorkspaceEditorElement } from './block-workspace-editor.element.js';
 import { UmbBlockElementManager } from './block-element-manager.js';
 import { UMB_BLOCK_WORKSPACE_VIEW_CONTENT, UMB_BLOCK_WORKSPACE_VIEW_SETTINGS } from './constants.js';
+import { UmbBlockLanguageAccessWorkspaceController } from './block-workspace-language-access.controller.js';
 import { UmbSubmittableWorkspaceContextBase, UmbWorkspaceIsNewRedirectController, UmbWorkspaceIsNewRedirectControllerAlias, } from '../../../core/workspace/index.js';
 import { UmbBooleanState, UmbClassState, UmbObjectState, UmbStringState, observeMultiple, } from '../../../../libs/observable-api/index.js';
 import { UMB_DISCARD_CHANGES_MODAL, UMB_MODAL_CONTEXT, UMB_MODAL_MANAGER_CONTEXT } from '../../../core/modal/index.js';
 import { decodeFilePath, UmbReadOnlyVariantGuardManager } from '../../../core/utils/index.js';
 import { UmbVariantId } from '../../../core/variant/index.js';
 import { UmbUfmVirtualRenderController } from '../../../ufm/index.js';
+import { UMB_IS_TRASHED_ENTITY_CONTEXT } from '../../../core/recycle-bin/index.js';
 export class UmbBlockWorkspaceContext extends UmbSubmittableWorkspaceContextBase {
     //
     #blockManager;
@@ -101,7 +103,7 @@ export class UmbBlockWorkspaceContext extends UmbSubmittableWorkspaceContextBase
                         this.#blockManager?.setOneContent(this.#initialContent);
                     }
                     if (this.#initialSettings) {
-                        this.#blockManager?.setOneContent(this.#initialSettings);
+                        this.#blockManager?.setOneSettings(this.#initialSettings);
                     }
                 }
             }
@@ -109,6 +111,7 @@ export class UmbBlockWorkspaceContext extends UmbSubmittableWorkspaceContextBase
         const manifest = workspaceArgs.manifest;
         this.#entityType = manifest.meta?.entityType;
         window.addEventListener('willchangestate', this.#onWillNavigate);
+        new UmbBlockLanguageAccessWorkspaceController(this);
         this.content.view.inheritFrom(this.view);
         this.settings.view.inheritFrom(this.view);
         this.addValidationContext(this.content.validation);
@@ -125,6 +128,26 @@ export class UmbBlockWorkspaceContext extends UmbSubmittableWorkspaceContextBase
         this.#retrieveBlockEntries = this.consumeContext(UMB_BLOCK_ENTRIES_CONTEXT, (context) => {
             this.#blockEntries = context;
         }).asPromise({ preventTimeout: true });
+        this.consumeContext(UMB_IS_TRASHED_ENTITY_CONTEXT, (context) => {
+            this.observe(context?.isTrashed, (isTrashed) => {
+                const trashed = isTrashed === true;
+                const unique = 'UMB_PREVENT_EDIT_TRASHED_ITEM';
+                if (trashed) {
+                    const rule = {
+                        unique,
+                        permitted: true,
+                    };
+                    this.readOnlyGuard.addRule(rule);
+                    this.content.readOnlyGuard.addRule(rule);
+                    this.settings.readOnlyGuard.addRule(rule);
+                }
+                else {
+                    this.readOnlyGuard.removeRule(unique);
+                    this.content.readOnlyGuard.removeRule(unique);
+                    this.settings.readOnlyGuard.removeRule(unique);
+                }
+            }, 'observeIsTrashed');
+        }).skipHost();
         this.observe(this.variantId, (variantId) => {
             this.content.setVariantId(variantId);
             this.settings.setVariantId(variantId);
@@ -185,21 +208,6 @@ export class UmbBlockWorkspaceContext extends UmbSubmittableWorkspaceContextBase
                 this.#exposed.setValue(exposed ?? false);
             }, 'observeHasExpose');
         }, 'observeContentKeyAndVariantId');
-        this.observe(
-        // TODO: Again we need to parse on all variants....
-        manager.readOnlyState.isPermittedForObservableVariant(this.variantId), (isReadOnly) => {
-            const unique = 'UMB_BLOCK_MANAGER_CONTEXT';
-            if (isReadOnly) {
-                const rule = {
-                    unique,
-                    variantId: this.#variantId.getValue(),
-                };
-                this.readOnlyGuard?.addRule(rule);
-            }
-            else {
-                this.readOnlyGuard?.removeRule(unique);
-            }
-        }, 'observeIsReadOnly');
         this.observe(this.content.contentTypeId, (contentTypeId) => {
             this.observe(contentTypeId ? manager.blockTypeOf(contentTypeId) : undefined, async (blockType) => {
                 if (blockType?.editorSize) {

package/dist-cms/packages/block/block/workspace/manifests.js

@@ -1,3 +1,4 @@
+import { UMB_BLOCK_WORKSPACE_CONTEXT } from './block-workspace.context-token.js';
 import { UMB_BLOCK_WORKSPACE_ALIAS, UMB_BLOCK_WORKSPACE_VIEW_CONTENT, UMB_BLOCK_WORKSPACE_VIEW_SETTINGS, } from './constants.js';
 import { UMB_WORKSPACE_CONDITION_ALIAS, UmbSubmitWorkspaceAction } from '../../../core/workspace/index.js';
 export const manifests = [
@@ -11,6 +12,7 @@ export const manifests = [
             label: '#general_create',
             look: 'primary',
             color: 'positive',
+            workspaceContextToken: UMB_BLOCK_WORKSPACE_CONTEXT,
         },
         conditions: [
             {
@@ -21,6 +23,10 @@ export const manifests = [
                 alias: 'Umb.Condition.BlockWorkspaceIsExposed',
                 match: false,
             },
+            {
+                alias: 'Umb.Condition.BlockWorkspaceIsReadOnly',
+                match: false,
+            },
         ],
     },
     {
@@ -33,6 +39,7 @@ export const manifests = [
             label: '#general_update',
             look: 'primary',
             color: 'positive',
+            workspaceContextToken: UMB_BLOCK_WORKSPACE_CONTEXT,
         },
         conditions: [
             {
@@ -42,6 +49,10 @@ export const manifests = [
             {
                 alias: 'Umb.Condition.BlockWorkspaceIsExposed',
             },
+            {
+                alias: 'Umb.Condition.BlockWorkspaceIsReadOnly',
+                match: false,
+            },
         ],
     },
     {

package/dist-cms/packages/block/block-custom-view/types.d.ts

@@ -23,6 +23,7 @@ export interface UmbBlockEditorCustomViewProperties<LayoutType extends UmbBlockL
     settingsInvalid?: boolean;
     unsupported?: boolean;
     unpublished?: boolean;
+    readonly?: boolean;
 }
 export interface UmbBlockEditorCustomViewElement<LayoutType extends UmbBlockLayoutBaseModel = UmbBlockLayoutBaseModel, BlockType extends UmbBlockTypeBaseModel = UmbBlockTypeBaseModel> extends UmbBlockEditorCustomViewProperties<LayoutType, BlockType>, HTMLElement {
 }

package/dist-cms/packages/block/block-grid/components/block-grid-entries/block-grid-entries.context.js

@@ -115,11 +115,14 @@ export class UmbBlockGridEntriesContext extends UmbBlockEntriesContext {
             const config = propertyContext.getConfig();
             const valueResolver = new UmbClipboardPastePropertyValueTranslatorValueResolver(this);
             const blockTypes = this.#allowedBlockTypes.getValue();
+            const configuredSize = this._manager
+                .getEditorConfiguration()
+                ?.getValueByAlias('createModalSize');
             /*
             modal size logic:
             If more than 8 block types, medium modal, more than 12 large modal:
             */
-            const modalSize = blockTypes.length > 12 ? 'large' : blockTypes.length > 8 ? 'medium' : 'small';
+            const modalSize = configuredSize ?? (blockTypes.length > 12 ? 'large' : blockTypes.length > 8 ? 'medium' : 'small');
             return {
                 modal: { size: modalSize },
                 data: {

package/dist-cms/packages/block/block-grid/components/block-grid-entry/block-grid-entry.context.js

@@ -7,7 +7,6 @@ import { UmbArrayState, UmbBooleanState, UmbNumberState, appendToFrozenArray, me
 import { UmbBlockEntryContext } from '../../../block/index.js';
 import { UMB_PROPERTY_CONTEXT, UMB_PROPERTY_DATASET_CONTEXT } from '../../../../core/property/index.js';
 import { UMB_CLIPBOARD_PROPERTY_CONTEXT } from '../../../../clipboard/index.js';
-import { UmbLocalizationController } from '../../../../../libs/localization-api/index.js';
 export class UmbBlockGridEntryContext extends UmbBlockEntryContext {
     getMinMaxRowSpan() {
         const x = this._blockType.getValue();
@@ -19,7 +18,6 @@ export class UmbBlockGridEntryContext extends UmbBlockEntryContext {
     getRelevantColumnSpanOptions() {
         return this.#relevantColumnSpanOptions.getValue();
     }
-    #localize;
     #canScale;
     #isAllowed;
     #areaGridColumns;
@@ -38,7 +36,6 @@ export class UmbBlockGridEntryContext extends UmbBlockEntryContext {
         this.inlineEditingMode = this._blockType.asObservablePart((x) => x?.inlineEditing === true);
         this.#relevantColumnSpanOptions = new UmbArrayState([], (x) => x);
         this.relevantColumnSpanOptions = this.#relevantColumnSpanOptions.asObservable();
-        this.#localize = new UmbLocalizationController(this);
         this.#canScale = new UmbBooleanState(false);
         this.canScale = this.#canScale.asObservable();
         this.#isAllowed = new UmbBooleanState(false);
@@ -230,8 +227,8 @@ export class UmbBlockGridEntryContext extends UmbBlockEntryContext {
         if (!clipboardContext) {
             throw new Error('No clipboard context found');
         }
-        const workspaceName = this.#localize.string(propertyDatasetContext?.getName());
-        const propertyLabel = this.#localize.string(propertyContext?.getLabel());
+        const workspaceName = this.localize.string(propertyDatasetContext?.getName());
+        const propertyLabel = this.localize.string(propertyContext?.getLabel());
         const blockLabel = this.getName();
         const entryName = workspaceName
             ? `${workspaceName} - ${propertyLabel} - ${blockLabel}`

package/dist-cms/packages/block/block-grid/components/block-grid-entry/block-grid-entry.element.js

@@ -198,7 +198,10 @@ let UmbBlockGridEntryElement = class UmbBlockGridEntryElement extends UmbLitElem
             this._workspaceEditSettingsPath = path;
             this.#updateBlockViewProps({ config: { ...this._blockViewProps.config, editSettingsPath: path } });
         }, null);
-        this.observe(this.#context.readOnlyGuard.permitted, (isReadOnly) => (this._isReadOnly = isReadOnly), 'umbReadOnlyObserver');
+        this.observe(this.#context.readOnlyGuard.permitted, (isReadOnly) => {
+            this._isReadOnly = isReadOnly;
+            this.#updateBlockViewProps({ readonly: isReadOnly });
+        }, 'umbReadOnlyObserver');
     }
     async #observeData() {
         this.observe(await this.#context.contentValues(), (content) => {

package/dist-cms/packages/block/block-grid/property-editors/block-grid-editor/manifests.js

@@ -38,6 +38,12 @@ const propertyEditorUi = {
                     description: 'Override the label text for adding a new block, Example Add Widget',
                     propertyEditorUiAlias: 'Umb.PropertyEditorUi.TextBox',
                 },
+                {
+                    alias: 'createModalSize',
+                    label: '#blockEditor_labelCreateModalSize',
+                    propertyEditorUiAlias: 'Umb.PropertyEditorUi.OverlaySize',
+                    config: [{ alias: 'defaultOptionLabel', value: 'Auto' }],
+                },
                 {
                     alias: 'gridColumns',
                     label: 'Grid Columns',

package/dist-cms/packages/block/block-grid/property-editors/block-grid-editor/property-editor-ui-block-grid.element.js

@@ -128,17 +128,14 @@ let UmbPropertyEditorUIBlockGridElement = class UmbPropertyEditorUIBlockGridElem
                 this.removeUmbControllerByAlias('observeBlockTypes');
             }
         }).passContextAliasMatches();
-        this.consumeContext(UMB_PROPERTY_CONTEXT, (context) => {
-            this.observe(context?.dataPath, (dataPath) => {
+        this.consumeContext(UMB_PROPERTY_CONTEXT, (propertyContext) => {
+            this.observe(propertyContext?.dataPath, (dataPath) => {
                 if (dataPath) {
                     // Set the data path for the local validation context:
                     this.#validationContext.setDataPath(dataPath);
                     this.#validationContext.autoReport();
                 }
             }, 'observeDataPath');
-        });
-        // TODO: Prevent initial notification from these observes
-        this.consumeContext(UMB_PROPERTY_CONTEXT, (propertyContext) => {
             this.observe(observeMultiple([
                 this.#managerContext.layouts,
                 this.#managerContext.contents,

package/dist-cms/packages/block/block-list/components/block-list-entry/block-list-entry.element.js

@@ -158,7 +158,10 @@ let UmbBlockListEntryElement = class UmbBlockListEntryElement extends UmbLitElem
             this._workspaceEditSettingsPath = path;
             this.#updateBlockViewProps({ config: { ...this._blockViewProps.config, editSettingsPath: path } });
         }, null);
-        this.observe(this.#context.readOnlyGuard.permitted, (isReadOnly) => (this._isReadOnly = isReadOnly), 'umbReadOnlyObserver');
+        this.observe(this.#context.readOnlyGuard.permitted, (isReadOnly) => {
+            this._isReadOnly = isReadOnly;
+            this.#updateBlockViewProps({ readonly: isReadOnly });
+        }, 'umbReadOnlyObserver');
     }
     async #observeData() {
         this.observe(await this.#context.contentValues(), (content) => {
@@ -229,6 +232,7 @@ let UmbBlockListEntryElement = class UmbBlockListEntryElement extends UmbLitElem
 				.icon=${this._icon}
 				.index=${this._blockViewProps.index}
 				.unpublished=${!this._exposed}
+				.readOnly=${this._isReadOnly}
 				.config=${this._blockViewProps.config}
 				.content=${this._blockViewProps.content}
 				.settings=${this._blockViewProps.settings}
@@ -242,6 +246,7 @@ let UmbBlockListEntryElement = class UmbBlockListEntryElement extends UmbLitElem
 			.icon=${this._icon}
 			.index=${this._blockViewProps.index}
 			.unpublished=${!this._exposed}
+			.readOnly=${this._isReadOnly}
 			.config=${this._blockViewProps.config}
 			.content=${this._blockViewProps.content}
 			.settings=${this._blockViewProps.settings}
@@ -329,7 +334,11 @@ let UmbBlockListEntryElement = class UmbBlockListEntryElement extends UmbLitElem
     #renderDeleteAction() {
         if (this._isReadOnly)
             return nothing;
-        return html ` <uui-button label="delete" look="secondary" @click=${() => this.#context.requestDelete()} title=${this.localize.term('general_delete')}>
+        return html ` <uui-button
+			label="delete"
+			look="secondary"
+			@click=${() => this.#context.requestDelete()}
+			title=${this.localize.term('general_delete')}>
 			<uui-icon name="icon-remove"></uui-icon>
 		</uui-button>`;
     }

package/dist-cms/packages/block/block-list/context/block-list-entries.context.js

@@ -31,11 +31,14 @@ export class UmbBlockListEntriesContext extends UmbBlockEntriesContext {
             const config = propertyContext.getConfig();
             const valueResolver = new UmbClipboardPastePropertyValueTranslatorValueResolver(this);
             const blockTypes = this._manager.getBlockTypes();
+            const configuredSize = this._manager
+                .getEditorConfiguration()
+                ?.getValueByAlias('createModalSize');
             /*
             modal size logic:
             If more than 8 block types, medium modal, more than 12 large modal:
             */
-            const modalSize = blockTypes.length > 12 ? 'large' : blockTypes.length > 8 ? 'medium' : 'small';
+            const modalSize = configuredSize ?? (blockTypes.length > 12 ? 'large' : blockTypes.length > 8 ? 'medium' : 'small');
             return {
                 modal: { size: modalSize },
                 data: {

package/dist-cms/packages/block/block-list/property-editors/block-list-editor/manifests.js

@@ -33,6 +33,12 @@ const propertyEditorUi = {
                     description: 'Optional CSS override, example: 800px or 100%',
                     propertyEditorUiAlias: 'Umb.PropertyEditorUi.TextBox',
                 },
+                {
+                    alias: 'createModalSize',
+                    label: '#blockEditor_labelCreateModalSize',
+                    propertyEditorUiAlias: 'Umb.PropertyEditorUi.OverlaySize',
+                    config: [{ alias: 'defaultOptionLabel', value: 'Auto' }],
+                },
                 {
                     alias: 'useSingleBlockMode',
                     label: 'Single block mode',

package/dist-cms/packages/block/block-rte/components/block-rte-entry/block-rte-entry.element.js

@@ -140,7 +140,10 @@ let UmbBlockRteEntryElement = class UmbBlockRteEntryElement extends UmbLitElemen
             this._workspaceEditSettingsPath = path;
             this.#updateBlockViewProps({ config: { ...this._blockViewProps.config, editSettingsPath: path } });
         }, null);
-        this.observe(this.#context.readOnlyGuard.permitted, (isReadOnly) => (this._isReadOnly = isReadOnly), 'umbReadOnlyObserver');
+        this.observe(this.#context.readOnlyGuard.permitted, (isReadOnly) => {
+            this._isReadOnly = isReadOnly;
+            this.#updateBlockViewProps({ readonly: isReadOnly });
+        }, 'umbReadOnlyObserver');
     }
     async #observeData() {
         this.observe(await this.#context.contentValues(), (content) => {
@@ -164,8 +167,8 @@ let UmbBlockRteEntryElement = class UmbBlockRteEntryElement extends UmbLitElemen
         if (!propertyDatasetContext || !propertyContext) {
             throw new Error('Could not get required contexts to copy.');
         }
-        const workspaceName = propertyDatasetContext?.getName();
-        const propertyLabel = propertyContext?.getLabel();
+        const workspaceName = this.localize.string(propertyDatasetContext?.getName());
+        const propertyLabel = this.localize.string(propertyContext?.getLabel());
         const blockLabel = this.#context.getName();
         const entryName = [workspaceName, propertyLabel, blockLabel].filter(Boolean).join(' - ');
         const content = this.#context.getContent();
@@ -214,7 +217,8 @@ let UmbBlockRteEntryElement = class UmbBlockRteEntryElement extends UmbLitElemen
             return nothing;
         return html `
 			<uui-action-bar>
-				${this.#renderEditAction()} ${this.#renderEditSettingsAction()} ${this.#renderCopyToClipboardAction()}${this.#renderDeleteAction()}
+				${this.#renderEditAction()} ${this.#renderEditSettingsAction()}
+				${this.#renderCopyToClipboardAction()}${this.#renderDeleteAction()}
 			</uui-action-bar>
 		`;
     }

package/dist-cms/packages/block/block-rte/context/block-rte-entries.context.js

@@ -25,11 +25,14 @@ export class UmbBlockRteEntriesContext extends UmbBlockEntriesContext {
             .addAdditionalPath('_catalogue/:view')
             .onSetup(async (routingInfo) => {
             const blockTypes = this._manager?.getBlockTypes() ?? [];
+            const configuredSize = this._manager
+                ?.getEditorConfiguration()
+                ?.getValueByAlias('createModalSize');
             /*
             modal size logic:
             If more than 8 block types, medium modal, more than 12 large modal:
             */
-            const modalSize = blockTypes.length > 12 ? 'large' : blockTypes.length > 8 ? 'medium' : 'small';
+            const modalSize = configuredSize ?? (blockTypes.length > 12 ? 'large' : blockTypes.length > 8 ? 'medium' : 'small');
             await this._retrieveManager;
             if (!this._manager)
                 return false;

package/dist-cms/packages/block/block-single/components/block-single-entry/block-single-entry.element.js

@@ -160,7 +160,10 @@ let UmbBlockSingleEntryElement = class UmbBlockSingleEntryElement extends UmbLit
             this._workspaceEditSettingsPath = path;
             this.#updateBlockViewProps({ config: { ...this._blockViewProps.config, editSettingsPath: path } });
         }, null);
-        this.observe(this.#context.readOnlyGuard.permitted, (isReadOnly) => (this._isReadOnly = isReadOnly), 'umbReadOnlyObserver');
+        this.observe(this.#context.readOnlyGuard.permitted, (isReadOnly) => {
+            this._isReadOnly = isReadOnly;
+            this.#updateBlockViewProps({ readonly: isReadOnly });
+        }, 'umbReadOnlyObserver');
     }
     async #observeData() {
         this.observe(await this.#context.contentValues(), (content) => {
@@ -196,8 +199,8 @@ let UmbBlockSingleEntryElement = class UmbBlockSingleEntryElement extends UmbLit
         if (!propertyDatasetContext || !propertyContext || !clipboardContext) {
             throw new Error('Could not get required contexts to copy.');
         }
-        const workspaceName = propertyDatasetContext?.getName();
-        const propertyLabel = propertyContext?.getLabel();
+        const workspaceName = this.localize.string(propertyDatasetContext?.getName());
+        const propertyLabel = this.localize.string(propertyContext?.getLabel());
         const blockLabel = this.#context.getName();
         const entryName = workspaceName
             ? `${workspaceName} - ${propertyLabel} - ${blockLabel}`

package/dist-cms/packages/block/block-single/context/block-single-entries.context.js

@@ -31,11 +31,14 @@ export class UmbBlockSingleEntriesContext extends UmbBlockEntriesContext {
             const config = propertyContext.getConfig();
             const valueResolver = new UmbClipboardPastePropertyValueTranslatorValueResolver(this);
             const blockTypes = this._manager.getBlockTypes() ?? [];
+            const configuredSize = this._manager
+                .getEditorConfiguration()
+                ?.getValueByAlias('createModalSize');
             /*
             modal size logic:
             If more than 8 block types, medium modal, more than 12 large modal:
             */
-            const modalSize = blockTypes.length > 12 ? 'large' : blockTypes.length > 8 ? 'medium' : 'small';
+            const modalSize = configuredSize ?? (blockTypes.length > 12 ? 'large' : blockTypes.length > 8 ? 'medium' : 'small');
             return {
                 modal: { size: modalSize },
                 data: {

package/dist-cms/packages/block/block-single/property-editors/block-single-editor/manifests.js

@@ -27,6 +27,12 @@ export const manifests = [
                         description: 'Use the inline editor as the default block view.',
                         propertyEditorUiAlias: 'Umb.PropertyEditorUi.Toggle',
                     },
+                    {
+                        alias: 'createModalSize',
+                        label: '#blockEditor_labelCreateModalSize',
+                        propertyEditorUiAlias: 'Umb.PropertyEditorUi.OverlaySize',
+                        config: [{ alias: 'defaultOptionLabel', value: 'Auto' }],
+                    },
                     {
                         alias: 'maxPropertyWidth',
                         label: 'Property editor width',

package/dist-cms/packages/block/block-type/components/block-type-card/block-type-card.element.js

@@ -81,7 +81,7 @@ let UmbBlockTypeCardElement = class UmbBlockTypeCardElement extends UmbLitElemen
 				.description=${this._description}
 				.background=${this.backgroundColor}>
 				${this._iconFile
-            ? html `<img src=${this._iconFile} alt="" />`
+            ? html `<img src=${this._iconFile} alt="" decoding="async" />`
             : html `<umb-icon name=${this._fallbackIcon ?? ''} color=${ifDefined(this.iconColor)}></umb-icon>`}
 				<slot name="actions" slot="actions"> </slot>
 			</uui-card-block-type>

package/dist-cms/packages/clipboard/clipboard-entry/detail/clipboard-entry-detail.store.js

@@ -12,7 +12,7 @@ export class UmbClipboardEntryDetailStore extends UmbDetailStoreBase {
      * @memberof UmbClipboardEntryDetailStore
      */
     constructor(host) {
-        super(host, UMB_CLIPBOARD_ENTRY_DETAIL_STORE_CONTEXT.toString());
+        super(host, UMB_CLIPBOARD_ENTRY_DETAIL_STORE_CONTEXT);
     }
 }
 export default UmbClipboardEntryDetailStore;