diff --git a/src/Umbraco.Web.UI.Client/src/packages/block/block-list/property-editors/block-list-editor/property-editor-ui-block-list.element.ts b/src/Umbraco.Web.UI.Client/src/packages/block/block-list/property-editors/block-list-editor/property-editor-ui-block-list.element.ts index 0ba6d626a8..19250cef57 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/block/block-list/property-editors/block-list-editor/property-editor-ui-block-list.element.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/block/block-list/property-editors/block-list-editor/property-editor-ui-block-list.element.ts @@ -6,7 +6,6 @@ import { UmbLitElement } from '@umbraco-cms/internal/lit-element'; import type { UmbPropertyEditorConfigCollection } from '@umbraco-cms/backoffice/property-editor'; import { UMB_BLOCK_CATALOGUE_MODAL, - UmbBlockCatalogueView, UmbBlockLayoutBaseModel, UmbBlockManagerContext, UmbBlockTypeBase, @@ -111,10 +110,10 @@ export class UmbPropertyEditorUIBlockListElement extends UmbLitElement implement }); } - async #openBlockCatalogue(view?: UmbBlockCatalogueView) { + async #openBlockCatalogue(openClipboard: boolean = false) { //Open modal const modalContext = this.#modalContext?.open(UMB_BLOCK_CATALOGUE_MODAL, { - data: { blocks: this._blocks ?? [], view }, + data: { blocks: this._blocks ?? [], openClipboard }, }); const data = await modalContext?.onSubmit(); @@ -151,13 +150,13 @@ export class UmbPropertyEditorUIBlockListElement extends UmbLitElement implement id="add-button" look="placeholder" label=${this.localize.term('content_createEmpty')} - @click=${() => this.#openBlockCatalogue('createEmpty')}> + @click=${() => this.#openBlockCatalogue()}> ${this.localize.term('content_createEmpty')} this.#openBlockCatalogue('clipboard')}> + @click=${() => this.#openBlockCatalogue(true)}> `; diff --git a/src/Umbraco.Web.UI.Client/src/packages/block/block/modals/block-catalogue/block-catalogue-modal.element.ts b/src/Umbraco.Web.UI.Client/src/packages/block/block/modals/block-catalogue/block-catalogue-modal.element.ts index c9a616e7d7..8b1210ccd3 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/block/block/modals/block-catalogue/block-catalogue-modal.element.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/block/block/modals/block-catalogue/block-catalogue-modal.element.ts @@ -1,7 +1,6 @@ import { UmbBlockCatalogueModalData, UmbBlockCatalogueModalValue, - UmbBlockCatalogueView, UmbBlockTypeWithGroupKey, } from '@umbraco-cms/backoffice/block'; import { UMB_DOCUMENT_WORKSPACE_CONTEXT } from '@umbraco-cms/backoffice/document'; @@ -21,13 +20,13 @@ export class UmbBlockCatalogueModalElement extends UmbModalBaseElement< private _blockGroups: Array<{ key: string; name: string }> = []; @state() - view?: UmbBlockCatalogueView; + openClipboard?: boolean; connectedCallback() { super.connectedCallback(); if (!this.data) return; - this.view = this.data.view ?? 'createEmpty'; + this.openClipboard = this.data.openClipboard ?? false; this._blocks = this.data.blocks ?? []; this._blockGroups = this.data.blockGroups ?? []; } @@ -40,7 +39,7 @@ export class UmbBlockCatalogueModalElement extends UmbModalBaseElement< render() { return html` - ${this.#renderViews()} ${this.view === 'clipboard' ? this.#renderClipboard() : this.#renderCreateEmpty()} + ${this.#renderViews()} ${this.openClipboard ? this.#renderClipboard() : this.#renderCreateEmpty()}
- (this.view = 'createEmpty')}> + (this.openClipboard = false)}> Create Empty - (this.view = 'clipboard')}> + (this.openClipboard = true)}> Clipboard diff --git a/src/Umbraco.Web.UI.Client/src/packages/block/block/modals/block-catalogue/block-catalogue-modal.token.ts b/src/Umbraco.Web.UI.Client/src/packages/block/block/modals/block-catalogue/block-catalogue-modal.token.ts index 1b842c20f3..1dda60f105 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/block/block/modals/block-catalogue/block-catalogue-modal.token.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/block/block/modals/block-catalogue/block-catalogue-modal.token.ts @@ -4,11 +4,9 @@ import { UmbModalToken } from '@umbraco-cms/backoffice/modal'; export interface UmbBlockCatalogueModalData { blocks: Array; blockGroups?: Array<{ name: string; key: string }>; - view?: UmbBlockCatalogueView; + openClipboard?: boolean; } -export type UmbBlockCatalogueView = 'clipboard' | 'createEmpty'; - export interface UmbBlockCatalogueModalValue { key: string; }