diff --git a/src/Umbraco.Web.UI.Client/src/packages/block/block/workspace/block-workspace-editor.element.ts b/src/Umbraco.Web.UI.Client/src/packages/block/block/workspace/block-workspace-editor.element.ts index a76ed3ea2f..9ebd8991c5 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/block/block/workspace/block-workspace-editor.element.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/block/block/workspace/block-workspace-editor.element.ts @@ -1,8 +1,6 @@ import { UMB_BLOCK_WORKSPACE_CONTEXT } from './index.js'; -import { UmbTextStyles } from '@umbraco-cms/backoffice/style'; -import { customElement, css, html, state } from '@umbraco-cms/backoffice/external/lit'; +import { css, customElement, html, state } from '@umbraco-cms/backoffice/external/lit'; import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element'; -import { observeMultiple } from '@umbraco-cms/backoffice/observable-api'; @customElement('umb-block-workspace-editor') export class UmbBlockWorkspaceEditorElement extends UmbLitElement { @@ -11,10 +9,9 @@ export class UmbBlockWorkspaceEditorElement extends UmbLitElement { this.consumeContext(UMB_BLOCK_WORKSPACE_CONTEXT, (context) => { if (context) { this.observe( - observeMultiple([context.isNew, context.name]), - ([isNew, name]) => { - this._headline = - this.localize.term(isNew ? 'general_add' : 'general_edit') + ' ' + this.localize.string(name); + context.name, + (name) => { + this._headline = this.localize.string(name); }, 'observeOwnerContentElementTypeName', ); @@ -28,11 +25,10 @@ export class UmbBlockWorkspaceEditorElement extends UmbLitElement { private _headline: string = ''; override render() { - return html` `; + return html``; } static override readonly styles = [ - UmbTextStyles, css` :host { display: block; diff --git a/src/Umbraco.Web.UI.Client/src/packages/block/block/workspace/block-workspace.context.ts b/src/Umbraco.Web.UI.Client/src/packages/block/block/workspace/block-workspace.context.ts index 4a8fcbb12f..08a6090eb4 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/block/block/workspace/block-workspace.context.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/block/block/workspace/block-workspace.context.ts @@ -113,8 +113,8 @@ export class UmbBlockWorkspaceContext { - this.#renderLabel(contentValues); + async ([contentValues, settingsValues]) => { + this.#renderLabel(contentValues, settingsValues); }, 'observeContentForLabelRender', ); @@ -243,11 +243,14 @@ export class UmbBlockWorkspaceContext | undefined) { + async #renderLabel( + contentValues: Array | undefined, + settingsValues: Array | undefined, + ) { const valueObject = {} as Record; if (contentValues) { for (const property of contentValues) { @@ -255,12 +258,22 @@ export class UmbBlockWorkspaceContext requestAnimationFrame(() => resolve(true))); - const result = this.#labelRender.toString(); - this.#name.setValue(result); - this.view.setTitle(result); + const prefix = this.getIsNew() === true ? '#general_add' : '#general_edit'; + const label = this.#labelRender.toString(); + const title = `${prefix} ${label}`; + this.#name.setValue(title); + this.view.setTitle(title); } #allowNavigateAway = false;