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;