@umbraco-cms/backoffice 18.3.0-rc → 19.0.0-beta1

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

@@ -7,8 +7,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { UmbBlockRteEntryContext } from '../../context/block-rte-entry.context.js';
 import { UMB_BLOCK_RTE } from '../../constants.js';
 import { css, customElement, html, nothing, property, when, state } from '../../../../../external/lit/index.js';
-import { renderHiddenUfm } from '../../../../ufm/index.js';
-import { stringOrStringArrayContains } from '../../../../core/utils/index.js';
+import { renderHiddenUfm, renderUfm } from '../../../../ufm/index.js';
+import { stringOrStringArrayContains, UmbDeprecation } from '../../../../core/utils/index.js';
 import { UmbDataPathBlockElementDataQuery } from '../../../block/index.js';
 import { UmbLitElement } from '../../../../core/lit-element/index.js';
 import { UmbObserveValidationStateController } from '../../../../core/validation/index.js';
@@ -19,10 +19,33 @@ import '../../../block/action/block-action-list.element.js';
  * @class UmbBlockRteEntryElement
  */
 let UmbBlockRteEntryElement = class UmbBlockRteEntryElement extends UmbLitElement {
+    /**
+     * The unique key of this block layout entry.
+     */
+    set key(value) {
+        if (!value)
+            return;
+        this._key = value;
+        this.#context.setKey(value);
+    }
+    get key() {
+        return this._key;
+    }
+    /**
+     * @deprecated Use `key` instead. Will be removed in Umbraco 20.
+     */
     set contentKey(value) {
         if (!value)
             return;
+        new UmbDeprecation({
+            deprecated: 'umb-rte-block.contentKey property',
+            solution: 'Use the `key` property instead.',
+            removeInVersion: '20.0.0',
+        }).warn();
         this._contentKey = value;
+        if (!this._key) {
+            this.#context.setKey(value);
+        }
         this.#context.setContentKey(value);
         new UmbObserveValidationStateController(this, `$.contentData[${UmbDataPathBlockElementDataQuery({ key: value })}]`, (hasMessages) => {
             this._contentInvalid = hasMessages;
@@ -37,6 +60,9 @@ let UmbBlockRteEntryElement = class UmbBlockRteEntryElement extends UmbLitElemen
         this._blockViewProps = { ...this._blockViewProps, ...incoming };
         this.requestUpdate('_blockViewProps');
     }
+    #updateBlockLabel() {
+        this.#updateBlockViewProps({ label: this._externalContentName ?? this._label });
+    }
     constructor() {
         super();
         this.#context = new UmbBlockRteEntryContext(this);
@@ -47,6 +73,8 @@ let UmbBlockRteEntryElement = class UmbBlockRteEntryElement extends UmbLitElemen
             contentKey: undefined,
             config: { showContentEdit: false, showSettingsEdit: false },
         }; // Set to undefined cause it will be set before we render.
+        // 'is-reference' attribute is used for styling purpose.
+        this._isExternalContent = false;
         this.#filterBlockCustomViews = (manifest) => {
             if (this.unsupported) {
                 return false;
@@ -60,6 +88,8 @@ let UmbBlockRteEntryElement = class UmbBlockRteEntryElement extends UmbLitElemen
             this.#context.expose();
         };
         this.#onUfmResolved = (event) => {
+            if (this._externalContentName)
+                return;
             this.#context.setName(event.detail.text);
         };
         this.#extensionSlotRenderMethod = (ext) => {
@@ -85,6 +115,14 @@ let UmbBlockRteEntryElement = class UmbBlockRteEntryElement extends UmbLitElemen
         this.#observeBlockViewProps();
         this.observe(this.#context.actionsVisibility, (showActions) => (this._showActions = showActions), null);
         this.observe(this.#context.name, (name) => (this._name = name), null);
+        this.observe(this.#context.externalContentName, (name) => {
+            this._externalContentName = name;
+            // The Element's name is its identity, so it takes over as the block's name/label instead of the block type's UFM label template.
+            if (name) {
+                this.#context.setName(name);
+            }
+            this.#updateBlockLabel();
+        }, null);
         // Data props:
         this.observe(this.#context.layout, (layout) => {
             this.#updateBlockViewProps({ layout });
@@ -126,16 +164,19 @@ let UmbBlockRteEntryElement = class UmbBlockRteEntryElement extends UmbLitElemen
         }, null);
         this.observe(this.#context.index, (index) => this.#updateBlockViewProps({ index }), null);
         this.observe(this.#context.label, (label) => {
-            this.#updateBlockViewProps({ label });
             this._label = label;
+            this.#updateBlockLabel();
         }, null);
         this.observe(this.#context.contentElementTypeIcon, (icon) => {
             this.#updateBlockViewProps({ icon });
             this._icon = icon;
         }, null);
-        this.observe(this.#context.hasExpose, (exposed) => {
-            this.#updateBlockViewProps({ unpublished: !exposed });
-            this._exposed = exposed;
+        this.observe(this.#context.isExposed, (isExposed) => {
+            this.#updateBlockViewProps({ unpublished: !isExposed });
+            this._exposed = isExposed;
+        }, null);
+        this.observe(this.#context.isExternalContent, (isExternalContent) => {
+            this._isExternalContent = isExternalContent;
         }, null);
         this.observe(this.#context.unsupported, (unsupported) => {
             if (unsupported === undefined)
@@ -159,18 +200,31 @@ let UmbBlockRteEntryElement = class UmbBlockRteEntryElement extends UmbLitElemen
     #filterBlockCustomViews;
     #expose;
     #onUfmResolved;
-    #renderHiddenUfm() {
-        const blockValue = {
+    get #blockValue() {
+        return {
             ...this._blockViewProps.content,
             $settings: this._blockViewProps.settings,
             $index: this._blockViewProps.index,
         };
-        return renderHiddenUfm(this._label, blockValue, this.#onUfmResolved);
+    }
+    #renderUfm() {
+        if (this._externalContentName) {
+            return html `<span slot="name">${this._externalContentName}</span>`;
+        }
+        return renderUfm(this._label, this.#blockValue, this.#onUfmResolved, 'name');
+    }
+    #renderHiddenUfm() {
+        if (this._externalContentName)
+            return nothing;
+        return renderHiddenUfm(this._label, this.#blockValue, this.#onUfmResolved);
     }
     #extensionSlotRenderMethod;
     #renderBlock() {
         return when(this.contentKey && (this._contentTypeAlias || this.unsupported), () => html `
-				<div>
+				<div class="umb-block-rte__block">
+					<umb-entity-frame>
+						${when(this._isExternalContent, () => html `<uui-icon name="link"></uui-icon>`)} ${this._name}
+					</umb-entity-frame>
 					<umb-extension-slot
 						type="blockEditorCustomView"
 						default-element="umb-ref-rte-block"
@@ -187,7 +241,7 @@ let UmbBlockRteEntryElement = class UmbBlockRteEntryElement extends UmbLitElemen
     #renderActionBar() {
         if (!this._showActions)
             return nothing;
-        return html `<umb-block-action-list id="actions" block-editor=${UMB_BLOCK_RTE}></umb-block-action-list>`;
+        return html `<umb-block-action-list id="actions" .blockEditor=${UMB_BLOCK_RTE}></umb-block-action-list>`;
     }
     #renderUnsupportedBlock() {
         return html `<umb-unsupported-rte-block></umb-unsupported-rte-block>`;
@@ -196,13 +250,14 @@ let UmbBlockRteEntryElement = class UmbBlockRteEntryElement extends UmbLitElemen
     #renderRefBlock() {
         return html `
 			<umb-ref-rte-block
-				.label=${this._label}
 				.icon=${this._icon}
 				.index=${this._blockViewProps.index}
 				.unpublished=${!this._exposed}
 				.content=${this._blockViewProps.content}
 				.settings=${this._blockViewProps.settings}
-				.config=${this._blockViewProps.config}></umb-ref-rte-block>
+				.config=${this._blockViewProps.config}
+				>${this.#renderUfm()}</umb-ref-rte-block
+			>
 		`;
     }
     render() {
@@ -213,6 +268,7 @@ let UmbBlockRteEntryElement = class UmbBlockRteEntryElement extends UmbLitElemen
 			:host {
 				position: relative;
 				display: block;
+				margin-top: var(--uui-size-3);
 				user-select: all;
 				user-drag: auto;
 				white-space: nowrap;
@@ -246,6 +302,7 @@ let UmbBlockRteEntryElement = class UmbBlockRteEntryElement extends UmbLitElemen
 
 			:host(.ProseMirror-selectednode) {
 				--uui-color-default-contrast: initial;
+				border-radius: var(--uui-border-radius);
 				outline: 3px solid var(--uui-color-focus);
 			}
 
@@ -270,9 +327,27 @@ let UmbBlockRteEntryElement = class UmbBlockRteEntryElement extends UmbLitElemen
 			:host([drag-placeholder]) {
 				opacity: 0.2;
 			}
+
+			:host([is-reference]) .umb-block-rte__block {
+				--umb-entity-frame-color: var(--umb-color-reference);
+				--umb-entity-frame-contrast-color: var(--umb-color-reference-contrast);
+			}
+
+			.umb-block-rte__block {
+				--umb-entity-frame-opacity: 0;
+				--umb-entity-frame-color: var(--uui-color-interactive-emphasis);
+
+				&:hover,
+				&:focus-within {
+					--umb-entity-frame-opacity: 1;
+				}
+			}
 		`,
     ]; }
 };
+__decorate([
+    property({ type: String, attribute: 'data-key', reflect: true })
+], UmbBlockRteEntryElement.prototype, "key", null);
 __decorate([
     property({ type: String, attribute: 'data-content-key', reflect: true })
 ], UmbBlockRteEntryElement.prototype, "contentKey", null);
@@ -303,9 +378,18 @@ __decorate([
 __decorate([
     state()
 ], UmbBlockRteEntryElement.prototype, "_isReadOnly", void 0);
+__decorate([
+    state()
+], UmbBlockRteEntryElement.prototype, "_name", void 0);
+__decorate([
+    state()
+], UmbBlockRteEntryElement.prototype, "_externalContentName", void 0);
 __decorate([
     state()
 ], UmbBlockRteEntryElement.prototype, "_blockViewProps", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'is-reference', reflect: true })
+], UmbBlockRteEntryElement.prototype, "_isExternalContent", void 0);
 __decorate([
     property({ type: Boolean, attribute: 'content-invalid', reflect: true })
     // eslint-disable-next-line @typescript-eslint/naming-convention

package/dist-cms/packages/block/block-rte/components/ref-rte-block/ref-rte-block.element.d.ts

@@ -1,13 +1,13 @@
 import { UmbLitElement } from '../../../../core/lit-element/index.js';
 import type { UmbBlockDataType } from '../../../block/index.js';
 import type { UmbBlockEditorCustomViewConfiguration } from '../../../block-custom-view/index.js';
+import '../../../block/components/block-state-tag/block-state-tag.element.js';
+declare const UmbRefRteBlockElement_base: import("../../../../../libs/extension-api/index.js").HTMLElementConstructor<import("../../../block/index.js").UmbBlockRefNameSlotElement> & typeof UmbLitElement;
 /**
  * @element umb-ref-rte-block
+ * @slot name - Content rendered in the block's primary label area (the `name` slot of the inner `uui-ref-node`). The expected projection is a `<umb-ufm-render>` element owned by the parent block-rte entry.
  */
-export declare class UmbRefRteBlockElement extends UmbLitElement {
-    #private;
-    constructor();
-    label?: string;
+export declare class UmbRefRteBlockElement extends UmbRefRteBlockElement_base {
     icon?: string;
     index?: number;
     unpublished?: boolean;

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

@@ -4,24 +4,15 @@ 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_BLOCK_RTE_ENTRY_CONTEXT } from '../../context/block-rte-entry.context-token.js';
 import { css, customElement, html, property } from '../../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../core/lit-element/index.js';
+import { UmbBlockRefNameSlotMixin } from '../../../block/index.js';
+import '../../../block/components/block-state-tag/block-state-tag.element.js';
 /**
  * @element umb-ref-rte-block
+ * @slot name - Content rendered in the block's primary label area (the `name` slot of the inner `uui-ref-node`). The expected projection is a `<umb-ufm-render>` element owned by the parent block-rte entry.
  */
-let UmbRefRteBlockElement = class UmbRefRteBlockElement extends UmbLitElement {
-    //
-    #blockContext;
-    constructor() {
-        super();
-        this.consumeContext(UMB_BLOCK_RTE_ENTRY_CONTEXT, (blockContext) => {
-            this.#blockContext = blockContext;
-        });
-    }
-    #onUfmResolved = (event) => {
-        this.#blockContext?.setName(event.detail.text);
-    };
+let UmbRefRteBlockElement = class UmbRefRteBlockElement extends UmbBlockRefNameSlotMixin(UmbLitElement) {
     render() {
         const blockValue = { ...this.content, $settings: this.settings, $index: this.index };
         return html `
@@ -31,13 +22,8 @@ let UmbRefRteBlockElement = class UmbRefRteBlockElement extends UmbLitElement {
 				.href=${this.config?.showContentEdit ? this.config?.editContentPath : undefined}>
 				<div class="selection-background" aria-hidden="true">&emsp;</div>
 				<umb-icon slot="icon" .name=${this.icon}></umb-icon>
-				<umb-ufm-render
-					slot="name"
-					inline
-					.markdown=${this.label}
-					.value=${blockValue}
-					@umb-ufm-resolved=${this.#onUfmResolved}>
-				</umb-ufm-render>
+				${this.renderNameSlot(blockValue, 'name')}
+				<umb-block-state-tag slot="name"></umb-block-state-tag>
 			</uui-ref-node>
 		`;
     }
@@ -52,7 +38,8 @@ let UmbRefRteBlockElement = class UmbRefRteBlockElement extends UmbLitElement {
 			}
 
 			:host([unpublished]) umb-icon,
-			:host([unpublished]) umb-ufm-render {
+			:host([unpublished]) umb-ufm-render,
+			:host([unpublished]) ::slotted([slot='name']) {
 				opacity: 0.6;
 			}
 
@@ -66,20 +53,19 @@ let UmbRefRteBlockElement = class UmbRefRteBlockElement extends UmbLitElement {
 				z-index: 0;
 			}
 
-			umb-ufm-render {
+			umb-ufm-render,
+			::slotted([slot='name']) {
 				user-select: none;
 			}
 
 			umb-icon,
-			umb-ufm-render {
+			umb-ufm-render,
+			::slotted([slot='name']) {
 				z-index: 1;
 			}
 		`,
     ]; }
 };
-__decorate([
-    property({ type: String })
-], UmbRefRteBlockElement.prototype, "label", void 0);
 __decorate([
     property({ type: String })
 ], UmbRefRteBlockElement.prototype, "icon", void 0);

package/dist-cms/packages/block/block-rte/components/unsupported-rte-block/unsupported-rte-block.element.d.ts

@@ -3,6 +3,8 @@ import { UmbLitElement } from '../../../../core/lit-element/index.js';
  * @element umb-unsupported-rte-block
  */
 export declare class UmbUnsupportedRteBlockElement extends UmbLitElement {
+    private _externalContentFailure?;
+    constructor();
     render(): import("lit-html").TemplateResult<1>;
     static readonly styles: import("lit").CSSResult[];
 }

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

@@ -4,21 +4,27 @@ 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 { css, customElement, html } from '../../../../../external/lit/index.js';
+import { UMB_BLOCK_ENTRY_CONTEXT } from '../../../block/context/block-entry.context-token.js';
+import { getUnsupportedBlockMessageKeys } from '../../../block/utils/get-unsupported-block-message-keys.function.js';
+import { css, customElement, html, state } from '../../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../core/lit-element/index.js';
 /**
  * @element umb-unsupported-rte-block
  */
 let UmbUnsupportedRteBlockElement = class UmbUnsupportedRteBlockElement extends UmbLitElement {
+    constructor() {
+        super();
+        this.consumeContext(UMB_BLOCK_ENTRY_CONTEXT, (context) => {
+            this.observe(context?.externalContentFailure, (failure) => (this._externalContentFailure = failure), 'observeExternalContentFailure');
+        });
+    }
     render() {
+        const keys = getUnsupportedBlockMessageKeys(this._externalContentFailure);
         return html `
-			<uui-ref-node
-				standalone
-				.readonly=${true}
-				detail=${this.localize.term('blockEditor_unsupportedBlockDescription')}>
+			<uui-ref-node standalone .readonly=${true} detail=${this.localize.term(keys.descriptionKey)}>
 				<div class="selection-background" aria-hidden="true">&emsp;</div>
 				<umb-icon slot="icon" name="icon-alert"></umb-icon>
-				<span slot="name">${this.localize.term('blockEditor_unsupportedBlockName')}</span>
+				<span slot="name">${this.localize.term(keys.nameKey)}</span>
 			</uui-ref-node>
 		`;
     }
@@ -49,6 +55,9 @@ let UmbUnsupportedRteBlockElement = class UmbUnsupportedRteBlockElement extends
 		`,
     ]; }
 };
+__decorate([
+    state()
+], UmbUnsupportedRteBlockElement.prototype, "_externalContentFailure", void 0);
 UmbUnsupportedRteBlockElement = __decorate([
     customElement('umb-unsupported-rte-block')
 ], UmbUnsupportedRteBlockElement);

package/dist-cms/packages/block/block-rte/context/block-rte-entries.context.d.ts

@@ -12,12 +12,12 @@ export declare class UmbBlockRteEntriesContext extends UmbBlockEntriesContext<ty
     getPathForCreateBlock(): string | undefined;
     getPathForClipboard(): string | undefined;
     setLayouts(layouts: Array<UmbBlockRteLayoutModel>): Promise<void>;
-    create(contentElementTypeKey: string, partialLayoutEntry?: Omit<UmbBlockRteLayoutModel, 'contentKey'>, originData?: UmbBlockRteWorkspaceOriginData): Promise<{
+    create(contentElementTypeKey: string, partialLayoutEntry?: Omit<UmbBlockRteLayoutModel, 'contentKey' | 'key'>, originData?: UmbBlockRteWorkspaceOriginData): Promise<{
         layout: UmbBlockRteLayoutModel;
         content: {
             key: string;
             contentTypeKey: string;
-            values: import("../../../content/content/index.js").UmbElementValueModel<unknown>[];
+            values: import("../../../content/content/index.js").UmbEntryValueModel<unknown>[];
         };
         settings: UmbBlockDataModel | undefined;
     } | undefined>;
@@ -26,8 +26,8 @@ export declare class UmbBlockRteEntriesContext extends UmbBlockEntriesContext<ty
      * Delete a block by requesting its removal through the pending deletion mechanism.
      * This enables undo support by removing the HTML element first via Tiptap,
      * which triggers _filterUnusedBlocks to store block data before removal.
-     * @param {string} contentKey - The content key of the block to delete.
+     * @param {string} layoutKey - The layout key of the block to delete.
      */
-    delete(contentKey: string): Promise<void>;
+    delete(layoutKey: string): Promise<void>;
     protected _insertFromPropertyValue(_value: unknown, _originData: UmbBlockRteWorkspaceOriginData): Promise<UmbBlockRteWorkspaceOriginData>;
 }

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

@@ -48,12 +48,15 @@ export class UmbBlockRteEntriesContext extends UmbBlockEntriesContext {
             }
             const config = propertyContext.getConfig();
             const valueResolver = new UmbClipboardPastePropertyValueTranslatorValueResolver(this);
+            const libraryAllowedElementTypeKeys = await this._getLibraryAllowedElementTypeKeys(blockTypes);
             return {
                 modal: { size: modalSize },
                 data: {
                     blocks: blockTypes,
                     blockGroups: [],
                     openClipboard: routingInfo.view === 'clipboard',
+                    openLibrary: routingInfo.view === 'library',
+                    libraryAllowedElementTypeKeys,
                     clipboardFilter: async (clipboardEntryDetail) => {
                         const hasSupportedPasteTranslator = clipboardContext.hasSupportedPasteTranslator(pasteTranslatorManifests, clipboardEntryDetail.values);
                         if (!hasSupportedPasteTranslator) {
@@ -72,7 +75,7 @@ export class UmbBlockRteEntriesContext extends UmbBlockEntriesContext {
             };
         })
             .onSubmit(async (value, data) => {
-            if (value?.create && data) {
+            if (value && 'create' in value && data) {
                 const created = await this.create(value.create.contentElementTypeKey, {}, data.originData);
                 if (created) {
                     await this.insert(created.layout, created.content, created.settings, data.originData);
@@ -81,7 +84,10 @@ export class UmbBlockRteEntriesContext extends UmbBlockEntriesContext {
                     throw new Error('Failed to create block');
                 }
             }
-            else if (value?.clipboard && value.clipboard.selection?.length && data) {
+            else if (value && 'library' in value && data) {
+                await this._manager?.insertExternalContent(value.library.elementKey, data.originData);
+            }
+            else if (value && 'clipboard' in value && value.clipboard.selection?.length && data) {
                 const clipboardContext = await this.getContext(UMB_CLIPBOARD_PROPERTY_CONTEXT);
                 if (!clipboardContext) {
                     throw new Error('Clipboard context not found');
@@ -135,11 +141,11 @@ export class UmbBlockRteEntriesContext extends UmbBlockEntriesContext {
      * Delete a block by requesting its removal through the pending deletion mechanism.
      * This enables undo support by removing the HTML element first via Tiptap,
      * which triggers _filterUnusedBlocks to store block data before removal.
-     * @param {string} contentKey - The content key of the block to delete.
+     * @param {string} layoutKey - The layout key of the block to delete.
      */
-    async delete(contentKey) {
+    async delete(layoutKey) {
         await this._retrieveManager;
-        this._manager?.requestPendingDeletion(contentKey);
+        this._manager?.requestPendingDeletion(layoutKey);
     }
     async #insertFromRtePropertyValues(values, originData) {
         for (const value of values) {

package/dist-cms/packages/block/block-rte/context/block-rte-entry.context.d.ts

@@ -5,13 +5,10 @@ import { UmbBlockEntryContext } from '../../block/index.js';
 import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
 export declare class UmbBlockRteEntryContext extends UmbBlockEntryContext<typeof UMB_BLOCK_RTE_MANAGER_CONTEXT, typeof UMB_BLOCK_RTE_MANAGER_CONTEXT.TYPE, typeof UMB_BLOCK_RTE_ENTRIES_CONTEXT, typeof UMB_BLOCK_RTE_ENTRIES_CONTEXT.TYPE, UmbBlockRteTypeModel, UmbBlockRteLayoutModel> {
     #private;
-    /** @deprecated Use `displayInlineConfig` instead. This field will be removed in Umbraco 19. [LK] */
-    readonly displayInline: import("rxjs").Observable<boolean | undefined>;
     readonly displayInlineConfig: import("rxjs").Observable<boolean | undefined>;
     readonly forceHideContentEditorInOverlay: import("rxjs").Observable<boolean | undefined>;
     readonly showContentEdit: import("rxjs").Observable<boolean>;
     constructor(host: UmbControllerHost);
-    protected _needsLegacyLabelRenderer(): boolean;
     protected _gotManager(): void;
     protected _gotEntries(): void;
     protected _gotContentType(): void;

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

@@ -8,19 +8,12 @@ import { UMB_PROPERTY_CONTEXT, UMB_PROPERTY_DATASET_CONTEXT } from '../../../cor
 export class UmbBlockRteEntryContext extends UmbBlockEntryContext {
     constructor(host) {
         super(host, UMB_BLOCK_RTE_MANAGER_CONTEXT, UMB_BLOCK_RTE_ENTRIES_CONTEXT);
-        /** @deprecated Use `displayInlineConfig` instead. This field will be removed in Umbraco 19. [LK] */
-        this.displayInline = this._layout.asObservablePart((x) => (x ? (x.displayInline ?? false) : undefined));
         this.displayInlineConfig = this._blockType.asObservablePart((x) => (x ? (x.displayInline ?? false) : undefined));
         this.forceHideContentEditorInOverlay = this._blockType.asObservablePart((x) => x ? (x.forceHideContentEditorInOverlay ?? false) : undefined);
         this.showContentEdit = mergeObservables([this._contentStructureHasProperties, this.forceHideContentEditorInOverlay], ([a, b]) => {
             return a === true && b === false;
         });
     }
-    _needsLegacyLabelRenderer() {
-        // RTE Block entry element owns the canonical `<umb-ufm-render>` (via <umb-ref-rte-block>)
-        // and pushes resolved text via `setName()`. No hidden virtual renderer needed.
-        return false;
-    }
     _gotManager() { }
     _gotEntries() { }
     _gotContentType() { }

package/dist-cms/packages/block/block-rte/context/block-rte-manager.context.d.ts

@@ -10,19 +10,19 @@ export declare class UmbBlockRteManagerContext<BlockLayoutType extends UmbBlockR
     #private;
     readonly pendingDeletions: import("rxjs").Observable<string[]>;
     /**
-     * Request a block to be deleted. This adds the contentKey to pending deletions,
+     * Request a block to be deleted. This adds the layout key to pending deletions,
      * which will be processed by the Tiptap API to remove the HTML element first,
      * enabling undo support.
-     * @param {string} contentKey - The content key of the block to delete.
+     * @param {string} layoutKey - The layout key of the block to delete.
      */
-    requestPendingDeletion(contentKey: string): void;
+    requestPendingDeletion(layoutKey: string): void;
     /**
      * Clear a pending deletion after it has been processed.
-     * @param {string} contentKey - The content key to clear from pending deletions.
+     * @param {string} layoutKey - The layout key to clear from pending deletions.
      */
-    clearPendingDeletion(contentKey: string): void;
-    removeOneLayout(contentKey: string): void;
-    removeManyLayouts(contentKeys: Array<string>): void;
+    clearPendingDeletion(layoutKey: string): void;
+    removeOneLayout(layoutKey: string): void;
+    removeManyLayouts(layoutKeys: Array<string>): void;
     /**
      * Creates block data with default presets for the given content element type.
      * @param {string} contentElementTypeKey - The key of the content element type to create.
@@ -30,16 +30,17 @@ export declare class UmbBlockRteManagerContext<BlockLayoutType extends UmbBlockR
      * @param {UmbBlockRteWorkspaceOriginData} [_originData] - Origin data, unused by this implementation.
      * @returns {Promise<{ layout: BlockLayoutType; content: UmbBlockDataModel; settings: UmbBlockDataModel | undefined }>} the created block data.
      */
-    createWithPresets(contentElementTypeKey: string, partialLayoutEntry?: Omit<BlockLayoutType, 'contentKey'>, _originData?: UmbBlockRteWorkspaceOriginData): Promise<{
+    createWithPresets(contentElementTypeKey: string, partialLayoutEntry?: Omit<BlockLayoutType, 'contentKey' | 'key'>, _originData?: UmbBlockRteWorkspaceOriginData): Promise<{
         layout: BlockLayoutType;
         content: {
             key: string;
             contentTypeKey: string;
-            values: import("../../../content/content/index.js").UmbElementValueModel<unknown>[];
+            values: import("../../../content/content/index.js").UmbEntryValueModel<unknown>[];
         };
         settings: UmbBlockDataModel | undefined;
     }>;
     insert(layoutEntry: BlockLayoutType, content: UmbBlockDataModel, settings: UmbBlockDataModel | undefined, originData: UmbBlockRteWorkspaceOriginData): boolean;
+    insertExternalContent(elementKey: string, originData?: UmbBlockRteWorkspaceOriginData): Promise<void>;
     /**
      * @deprecated Use `removeOneContent` instead. Scheduled for removal in Umbraco 20.
      * @param {string} contentKey - The content key of the layout element to delete.

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

@@ -1,5 +1,6 @@
 import { UmbArrayState } from '../../../../libs/observable-api/index.js';
 import { UmbBlockManagerContext } from '../../block/index.js';
+import { UmbId } from '../../../core/id/index.js';
 import { UmbDeprecation } from '../../../core/utils/index.js';
 import '../components/block-rte-entry/index.js';
 /**
@@ -25,26 +26,26 @@ export class UmbBlockRteManagerContext extends UmbBlockManagerContext {
      */
     #pendingDeletions;
     /**
-     * Request a block to be deleted. This adds the contentKey to pending deletions,
+     * Request a block to be deleted. This adds the layout key to pending deletions,
      * which will be processed by the Tiptap API to remove the HTML element first,
      * enabling undo support.
-     * @param {string} contentKey - The content key of the block to delete.
+     * @param {string} layoutKey - The layout key of the block to delete.
      */
-    requestPendingDeletion(contentKey) {
-        this.#pendingDeletions.appendOne(contentKey);
+    requestPendingDeletion(layoutKey) {
+        this.#pendingDeletions.appendOne(layoutKey);
     }
     /**
      * Clear a pending deletion after it has been processed.
-     * @param {string} contentKey - The content key to clear from pending deletions.
+     * @param {string} layoutKey - The layout key to clear from pending deletions.
      */
-    clearPendingDeletion(contentKey) {
-        this.#pendingDeletions.removeOne(contentKey);
+    clearPendingDeletion(layoutKey) {
+        this.#pendingDeletions.removeOne(layoutKey);
     }
-    removeOneLayout(contentKey) {
-        this._layouts.removeOne(contentKey);
+    removeOneLayout(layoutKey) {
+        this._layouts.removeOne(layoutKey);
     }
-    removeManyLayouts(contentKeys) {
-        this._layouts.remove(contentKeys);
+    removeManyLayouts(layoutKeys) {
+        this._layouts.remove(layoutKeys);
     }
     /**
      * Creates block data with default presets for the given content element type.
@@ -70,6 +71,13 @@ export class UmbBlockRteManagerContext extends UmbBlockManagerContext {
         this.notifyBlockInserted(layoutEntry, originData);
         return true;
     }
+    async insertExternalContent(elementKey, originData) {
+        await super.insertExternalContent(elementKey, originData);
+        if (originData) {
+            const layout = { key: UmbId.new(), contentKey: elementKey, isExternalContent: true };
+            this.notifyBlockInserted(layout, originData);
+        }
+    }
     /**
      * @deprecated Use `removeOneContent` instead. Scheduled for removal in Umbraco 20.
      * @param {string} contentKey - The content key of the layout element to delete.

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

@@ -5,7 +5,6 @@ export const manifests = [
         name: 'Block RTE Type Configuration Property Editor UI',
         element: () => import('./property-editor-ui-block-rte-type-configuration.element.js'),
         meta: {
-            supportsVariantChange: true,
             label: 'Block RTE Type Configuration',
             icon: 'icon-autofill',
             group: '#propertyEditorUIGroups_common',

package/dist-cms/packages/block/block-rte/property-editors/property-editor-ui-block-rte-type-configuration.element.d.ts

@@ -11,7 +11,7 @@ export declare class UmbPropertyEditorUIBlockRteBlockConfigurationElement extend
     config?: UmbPropertyEditorConfigCollection;
     private _workspacePath?;
     constructor();
-    render(): import("lit-html").TemplateResult<1> | typeof nothing;
+    render(): typeof nothing | import("lit-html").TemplateResult<1>;
 }
 export default UmbPropertyEditorUIBlockRteBlockConfigurationElement;
 declare global {