diff --git a/src/Umbraco.Web.UI.Client/src/packages/block/block-grid/components/block-grid-block/block-grid-block.element.ts b/src/Umbraco.Web.UI.Client/src/packages/block/block-grid/components/block-grid-block/block-grid-block.element.ts index 85750a34c8..53d7cf2bf3 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/block/block-grid/components/block-grid-block/block-grid-block.element.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/block/block-grid/components/block-grid-block/block-grid-block.element.ts @@ -14,8 +14,6 @@ import '../ref-grid-block/index.js'; @customElement('umb-block-grid-block') export class UmbBlockGridBlockElement extends UmbLitElement { // - #context?: typeof UMB_BLOCK_GRID_ENTRY_CONTEXT.TYPE; - @property({ attribute: false }) label?: string; @@ -31,35 +29,10 @@ export class UmbBlockGridBlockElement extends UmbLitElement { @property({ attribute: false }) content?: UmbBlockDataType; - @state() - _ownerContentTypeName?: string; - - constructor() { - super(); - this.consumeContext(UMB_BLOCK_GRID_ENTRY_CONTEXT, (context) => { - this.#context = context; - this.observe(context.contentElementTypeName, (name) => { - this._ownerContentTypeName = name; - }); - }); - } - - #expose = () => { - this.#context?.expose(); - }; - override render() { return html` - ${this.config?.showContentEdit === false && this.unpublished - ? html` - - - ` - : nothing} diff --git a/src/Umbraco.Web.UI.Client/src/packages/block/block-grid/components/block-grid-entry/block-grid-entry.element.ts b/src/Umbraco.Web.UI.Client/src/packages/block/block-grid/components/block-grid-entry/block-grid-entry.element.ts index 8ca0d13b97..211b8450d7 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/block/block-grid/components/block-grid-entry/block-grid-entry.element.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/block/block-grid/components/block-grid-entry/block-grid-entry.element.ts @@ -61,6 +61,9 @@ export class UmbBlockGridEntryElement extends UmbLitElement implements UmbProper @state() _contentTypeAlias?: string; + @state() + _contentTypeName?: string; + @state() _columnSpan?: number; @@ -325,6 +328,15 @@ export class UmbBlockGridEntryElement extends UmbLitElement implements UmbProper }, 'contentElementTypeAlias', ); + this.observe( + this.#context.contentElementTypeName, + (contentElementTypeName) => { + if (contentElementTypeName) { + this._contentTypeName = contentElementTypeName; + } + }, + 'contentElementTypeName', + ); this.#callUpdateInlineCreateButtons(); } @@ -336,6 +348,10 @@ export class UmbBlockGridEntryElement extends UmbLitElement implements UmbProper } } + #expose = () => { + this.#context.expose(); + }; + #callUpdateInlineCreateButtons() { clearTimeout(this.#renderTimeout); this.#renderTimeout = setTimeout(this.#updateInlineCreateButtons, 100) as unknown as number; @@ -481,20 +497,25 @@ export class UmbBlockGridEntryElement extends UmbLitElement implements UmbProper } #renderEditAction() { - return html` - ${this._showContentEdit && this._workspaceEditContentPath + return this._showContentEdit && this._workspaceEditContentPath + ? html` + + ${this._contentInvalid + ? html`!` + : nothing} + ` + : this._showContentEdit === false && this._exposed === false ? html` - - ${this._contentInvalid - ? html`!` - : nothing} - ` - : nothing} - `; + >` + : nothing; } #renderEditSettingsAction() {