@umbraco-cms/backoffice 14.0.0--preview006-89e89a2e → 14.0.0--preview006-7bdcb4ac

package/dist-cms/packages/block/block-grid/components/block-grid-entry/block-grid-entry.element.d.ts

@@ -0,0 +1,28 @@
+import type { UmbPropertyEditorUiElement } from '../../../../core/extension-registry/index.js';
+import { UmbLitElement } from '../../../../core/lit-element/index.js';
+import '../ref-grid-block/index.js';
+/**
+ * @element umb-block-grid-entry
+ */
+export declare class UmbBlockGridEntryElement extends UmbLitElement implements UmbPropertyEditorUiElement {
+    #private;
+    get contentUdi(): string | undefined;
+    set contentUdi(value: string | undefined);
+    private _contentUdi?;
+    _hasSettings: boolean;
+    _label: string;
+    _workspaceEditPath?: string;
+    _inlineEditingMode?: boolean;
+    _blockViewProps: {
+        label?: string;
+    };
+    constructor();
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
+}
+export default UmbBlockGridEntryElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-block-grid-entry': UmbBlockGridEntryElement;
+    }
+}

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

@@ -0,0 +1,124 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _UmbBlockGridEntryElement_instances, _UmbBlockGridEntryElement_context, _UmbBlockGridEntryElement_renderRefBlock, _UmbBlockGridEntryElement_renderBlock;
+import { UmbBlockGridEntryContext } from '../../context/block-grid-entry.context.js';
+import { html, css, customElement, property, state } from '../../../../../external/lit/index.js';
+import { UmbLitElement } from '../../../../core/lit-element/index.js';
+import '../ref-grid-block/index.js';
+/**
+ * @element umb-block-grid-entry
+ */
+let UmbBlockGridEntryElement = class UmbBlockGridEntryElement extends UmbLitElement {
+    //
+    get contentUdi() {
+        return this._contentUdi;
+    }
+    set contentUdi(value) {
+        if (!value)
+            return;
+        this._contentUdi = value;
+        __classPrivateFieldGet(this, _UmbBlockGridEntryElement_context, "f").setContentUdi(value);
+    }
+    constructor() {
+        super();
+        _UmbBlockGridEntryElement_instances.add(this);
+        //
+        _UmbBlockGridEntryElement_context.set(this, new UmbBlockGridEntryContext(this));
+        this._hasSettings = false;
+        this._label = '';
+        // TODO: Move type for the Block Properties, and use it on the Element Interface for the Manifest.
+        this._blockViewProps = {};
+        this.observe(__classPrivateFieldGet(this, _UmbBlockGridEntryElement_context, "f").workspaceEditPath, (workspaceEditPath) => {
+            this._workspaceEditPath = workspaceEditPath;
+        });
+        this.observe(__classPrivateFieldGet(this, _UmbBlockGridEntryElement_context, "f").blockTypeSettingsElementTypeKey, (blockTypeSettingsElementTypeKey) => {
+            this._hasSettings = !!blockTypeSettingsElementTypeKey;
+        });
+        this.observe(__classPrivateFieldGet(this, _UmbBlockGridEntryElement_context, "f").label, (label) => {
+            this._blockViewProps.label = label;
+            this._label = label;
+        });
+    }
+    render() {
+        return __classPrivateFieldGet(this, _UmbBlockGridEntryElement_instances, "m", _UmbBlockGridEntryElement_renderBlock).call(this);
+    }
+};
+_UmbBlockGridEntryElement_context = new WeakMap();
+_UmbBlockGridEntryElement_instances = new WeakSet();
+_UmbBlockGridEntryElement_renderRefBlock = function _UmbBlockGridEntryElement_renderRefBlock() {
+    return html `<umb-ref-grid-block .label=${this._label}></umb-ref-grid-block>`;
+};
+_UmbBlockGridEntryElement_renderBlock = function _UmbBlockGridEntryElement_renderBlock() {
+    return html `
+			<umb-extension-slot
+				type="blockEditorCustomView"
+				default-element=${'umb-ref-grid-block'}
+				.props=${this._blockViewProps}
+				>${__classPrivateFieldGet(this, _UmbBlockGridEntryElement_instances, "m", _UmbBlockGridEntryElement_renderRefBlock).call(this)}</umb-extension-slot
+			>
+			<uui-action-bar>
+				${this._workspaceEditPath
+        ? html `<uui-button label="edit" compact href=${this._workspaceEditPath}>
+							<uui-icon name="icon-edit"></uui-icon>
+					  </uui-button>`
+        : ''}
+				${this._workspaceEditPath && this._hasSettings
+        ? html `<uui-button label="Edit settings" compact href=${this._workspaceEditPath + '/view/settings'}>
+							<uui-icon name="icon-settings"></uui-icon>
+					  </uui-button>`
+        : ''}
+				<uui-button label="delete" compact @click=${() => __classPrivateFieldGet(this, _UmbBlockGridEntryElement_context, "f").requestDelete()}>
+					<uui-icon name="icon-remove"></uui-icon>
+				</uui-button>
+			</uui-action-bar>
+		`;
+};
+UmbBlockGridEntryElement.styles = [
+    css `
+			:host {
+				position: relative;
+				display: block;
+			}
+			uui-action-bar {
+				position: absolute;
+				top: var(--uui-size-2);
+				right: var(--uui-size-2);
+			}
+
+			:host([drag-placeholder]) {
+				opacity: 0.2;
+			}
+		`,
+];
+__decorate([
+    property({ attribute: false })
+], UmbBlockGridEntryElement.prototype, "contentUdi", null);
+__decorate([
+    state()
+], UmbBlockGridEntryElement.prototype, "_hasSettings", void 0);
+__decorate([
+    state()
+], UmbBlockGridEntryElement.prototype, "_label", void 0);
+__decorate([
+    state()
+], UmbBlockGridEntryElement.prototype, "_workspaceEditPath", void 0);
+__decorate([
+    state()
+], UmbBlockGridEntryElement.prototype, "_inlineEditingMode", void 0);
+__decorate([
+    state()
+], UmbBlockGridEntryElement.prototype, "_blockViewProps", void 0);
+UmbBlockGridEntryElement = __decorate([
+    customElement('umb-block-grid-entry')
+], UmbBlockGridEntryElement);
+export { UmbBlockGridEntryElement };
+export default UmbBlockGridEntryElement;

package/dist-cms/packages/block/block-grid/components/block-grid-entry/index.d.ts

@@ -0,0 +1 @@
+export * from './block-grid-entry.element.js';

package/dist-cms/packages/block/block-grid/components/block-grid-entry/index.js

@@ -0,0 +1 @@
+export * from './block-grid-entry.element.js';

package/dist-cms/packages/block/block-grid/components/index.js

@@ -0,0 +1 @@
+"use strict";

package/dist-cms/packages/block/block-grid/components/ref-grid-block/index.d.ts

@@ -0,0 +1 @@
+export * from './ref-grid-block.element.js';

package/dist-cms/packages/block/block-grid/components/ref-grid-block/index.js

@@ -0,0 +1 @@
+export * from './ref-grid-block.element.js';

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

@@ -0,0 +1,18 @@
+import { UmbLitElement } from '../../../../core/lit-element/index.js';
+import '../block-grid-areas-container/index.js';
+/**
+ * @element umb-ref-grid-block
+ */
+export declare class UmbRefGridBlockElement extends UmbLitElement {
+    label?: string;
+    _workspaceEditPath?: string;
+    constructor();
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
+}
+export default UmbRefGridBlockElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-ref-grid-block': UmbRefGridBlockElement;
+    }
+}

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

@@ -0,0 +1,47 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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 { UmbLitElement } from '../../../../core/lit-element/index.js';
+import { UMB_BLOCK_ENTRY_CONTEXT } from '../../../index.js';
+import { css, customElement, html, property, state } from '../../../../../external/lit/index.js';
+import '../block-grid-areas-container/index.js';
+/**
+ * @element umb-ref-grid-block
+ */
+let UmbRefGridBlockElement = class UmbRefGridBlockElement extends UmbLitElement {
+    constructor() {
+        super();
+        this.consumeContext(UMB_BLOCK_ENTRY_CONTEXT, (context) => {
+            this.observe(context.workspaceEditPath, (workspaceEditPath) => {
+                this._workspaceEditPath = workspaceEditPath;
+            }, 'observeWorkspaceEditPath');
+        });
+    }
+    render() {
+        // href=${this._workspaceEditPath ?? '#'}
+        return html `<uui-ref-node standalone .name=${this.label ?? ''}>
+			<umb-block-grid-area-container></umb-block-grid-area-container>
+		</uui-ref-node>`;
+    }
+};
+UmbRefGridBlockElement.styles = [
+    css `
+			uui-ref-node {
+				min-height: var(--uui-size-16);
+			}
+		`,
+];
+__decorate([
+    property({ type: String })
+], UmbRefGridBlockElement.prototype, "label", void 0);
+__decorate([
+    state()
+], UmbRefGridBlockElement.prototype, "_workspaceEditPath", void 0);
+UmbRefGridBlockElement = __decorate([
+    customElement('umb-ref-grid-block')
+], UmbRefGridBlockElement);
+export { UmbRefGridBlockElement };
+export default UmbRefGridBlockElement;

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

@@ -0,0 +1,3 @@
+import type { UmbBlockGridEntriesContext } from './block-grid-entries.context.js';
+import { UmbContextToken } from '../../../../libs/context-api/index.js';
+export declare const UMB_BLOCK_GRID_ENTRIES_CONTEXT: UmbContextToken<UmbBlockGridEntriesContext, UmbBlockGridEntriesContext>;

package/dist-cms/packages/block/block-grid/context/block-grid-entries.context-token.js

@@ -0,0 +1,3 @@
+import { UmbContextToken } from '../../../../libs/context-api/index.js';
+// TODO: Make discriminator method for this:
+export const UMB_BLOCK_GRID_ENTRIES_CONTEXT = new UmbContextToken('UmbBlockEntriesContext');

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

@@ -0,0 +1,25 @@
+import type { UmbBlockDataType } from '../../block/index.js';
+import { UmbBlockEntriesContext } from '../../block/index.js';
+import { type UmbBlockGridWorkspaceData } from '../index.js';
+import type { UmbBlockGridLayoutModel, UmbBlockGridTypeModel } from '../types.js';
+import { UMB_BLOCK_GRID_MANAGER_CONTEXT } from './block-grid-manager.context.js';
+import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
+export declare class UmbBlockGridEntriesContext extends UmbBlockEntriesContext<typeof UMB_BLOCK_GRID_MANAGER_CONTEXT, typeof UMB_BLOCK_GRID_MANAGER_CONTEXT.TYPE, UmbBlockGridTypeModel, UmbBlockGridLayoutModel> {
+    #private;
+    setParentUnique(contentUdi: string | null): void;
+    setAreaKey(areaKey: string | null): void;
+    constructor(host: UmbControllerHost);
+    protected _gotBlockManager(): void;
+    getPathForCreateBlock(index: number): string | undefined;
+    getPathForClipboard(index: number): string | undefined;
+    create(contentElementTypeKey: string, partialLayoutEntry?: Omit<UmbBlockGridLayoutModel, 'contentUdi'>, modalData?: UmbBlockGridWorkspaceData): Promise<{
+        layout: UmbBlockGridLayoutModel;
+        content: {
+            udi: string;
+            contentTypeKey: string;
+        };
+        settings: UmbBlockDataType | undefined;
+    } | undefined>;
+    insert(layoutEntry: UmbBlockGridLayoutModel, content: UmbBlockDataType, settings: UmbBlockDataType | undefined, modalData: UmbBlockGridWorkspaceData): Promise<boolean>;
+    delete(contentUdi: string): Promise<void>;
+}

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

@@ -0,0 +1,134 @@
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _UmbBlockGridEntriesContext_instances, _UmbBlockGridEntriesContext_catalogueModal, _UmbBlockGridEntriesContext_catalogueRouteBuilder, _UmbBlockGridEntriesContext_parentEntry, _UmbBlockGridEntriesContext_retrieveParentEntry, _UmbBlockGridEntriesContext_areaKey, _UmbBlockGridEntriesContext_gotAreaKey;
+import { UMB_BLOCK_CATALOGUE_MODAL, UmbBlockEntriesContext } from '../../block/index.js';
+import { UMB_BLOCK_GRID_ENTRY_CONTEXT } from '../index.js';
+import { UMB_BLOCK_GRID_MANAGER_CONTEXT } from './block-grid-manager.context.js';
+import { UmbModalRouteRegistrationController } from '../../../core/modal/index.js';
+export class UmbBlockGridEntriesContext extends UmbBlockEntriesContext {
+    setParentUnique(contentUdi) {
+        this._workspaceModal.setUniquePathValue('parentUnique', contentUdi ?? 'null');
+        __classPrivateFieldGet(this, _UmbBlockGridEntriesContext_catalogueModal, "f").setUniquePathValue('parentUnique', contentUdi ?? 'null');
+    }
+    setAreaKey(areaKey) {
+        __classPrivateFieldSet(this, _UmbBlockGridEntriesContext_areaKey, areaKey, "f");
+        this._workspaceModal.setUniquePathValue('areaKey', areaKey ?? 'null');
+        __classPrivateFieldGet(this, _UmbBlockGridEntriesContext_catalogueModal, "f").setUniquePathValue('areaKey', areaKey ?? 'null');
+        __classPrivateFieldGet(this, _UmbBlockGridEntriesContext_instances, "m", _UmbBlockGridEntriesContext_gotAreaKey).call(this);
+    }
+    constructor(host) {
+        super(host, UMB_BLOCK_GRID_MANAGER_CONTEXT);
+        _UmbBlockGridEntriesContext_instances.add(this);
+        //
+        _UmbBlockGridEntriesContext_catalogueModal.set(this, void 0);
+        _UmbBlockGridEntriesContext_catalogueRouteBuilder.set(this, void 0);
+        _UmbBlockGridEntriesContext_parentEntry.set(this, void 0);
+        _UmbBlockGridEntriesContext_retrieveParentEntry.set(this, void 0);
+        //#parentUnique?: string;
+        _UmbBlockGridEntriesContext_areaKey.set(this, void 0);
+        this._workspaceModal.addUniquePaths(['parentUnique', 'areaKey']);
+        __classPrivateFieldSet(this, _UmbBlockGridEntriesContext_retrieveParentEntry, this.consumeContext(UMB_BLOCK_GRID_ENTRY_CONTEXT, (blockGridEntry) => {
+            __classPrivateFieldSet(this, _UmbBlockGridEntriesContext_parentEntry, blockGridEntry, "f");
+            //this.#gotBlockParentEntry();// is not used at this point.
+        }).asPromise(), "f");
+        __classPrivateFieldSet(this, _UmbBlockGridEntriesContext_catalogueModal, new UmbModalRouteRegistrationController(this, UMB_BLOCK_CATALOGUE_MODAL)
+            .addUniquePaths(['propertyAlias', 'variantId', 'parentUnique', 'areaKey'])
+            .addAdditionalPath(':view/:index')
+            .onSetup((routingInfo) => {
+            // Idea: Maybe on setup should be async, so it can retrieve the values when needed? [NL]
+            const index = routingInfo.index ? parseInt(routingInfo.index) : -1;
+            return {
+                data: {
+                    blocks: [],
+                    blockGroups: [],
+                    openClipboard: routingInfo.view === 'clipboard',
+                    blockOriginData: { index: index },
+                },
+            };
+        })
+            .observeRouteBuilder((routeBuilder) => {
+            __classPrivateFieldSet(this, _UmbBlockGridEntriesContext_catalogueRouteBuilder, routeBuilder, "f");
+            // TODO: Trigger render update?
+        }), "f");
+    }
+    _gotBlockManager() {
+        if (!this._manager)
+            return;
+        this.observe(this._manager.propertyAlias, (alias) => {
+            __classPrivateFieldGet(this, _UmbBlockGridEntriesContext_catalogueModal, "f").setUniquePathValue('propertyAlias', alias ?? 'null');
+        }, 'observePropertyAlias');
+        this.observe(this._manager.variantId, (variantId) => {
+            if (variantId) {
+                __classPrivateFieldGet(this, _UmbBlockGridEntriesContext_catalogueModal, "f").setUniquePathValue('variantId', variantId.toString());
+            }
+        }, 'observePropertyAlias');
+    }
+    getPathForCreateBlock(index) {
+        return __classPrivateFieldGet(this, _UmbBlockGridEntriesContext_catalogueRouteBuilder, "f")?.call(this, { view: 'create', index: index });
+    }
+    getPathForClipboard(index) {
+        return __classPrivateFieldGet(this, _UmbBlockGridEntriesContext_catalogueRouteBuilder, "f")?.call(this, { view: 'clipboard', index: index });
+    }
+    async create(contentElementTypeKey, partialLayoutEntry, modalData) {
+        await this._retrieveManager;
+        return this._manager?.create(contentElementTypeKey, partialLayoutEntry, modalData);
+    }
+    // insert Block?
+    async insert(layoutEntry, content, settings, modalData) {
+        await this._retrieveManager;
+        // TODO: Insert layout entry at the right spot.
+        return this._manager?.insert(layoutEntry, content, settings, modalData) ?? false;
+    }
+    // create Block?
+    async delete(contentUdi) {
+        // TODO: Loop through children and delete them as well?
+        await super.delete(contentUdi);
+    }
+}
+_UmbBlockGridEntriesContext_catalogueModal = new WeakMap(), _UmbBlockGridEntriesContext_catalogueRouteBuilder = new WeakMap(), _UmbBlockGridEntriesContext_parentEntry = new WeakMap(), _UmbBlockGridEntriesContext_retrieveParentEntry = new WeakMap(), _UmbBlockGridEntriesContext_areaKey = new WeakMap(), _UmbBlockGridEntriesContext_instances = new WeakSet(), _UmbBlockGridEntriesContext_gotAreaKey = 
+/*#gotBlockParentEntry() {
+    if (!this.#parentEntry) return;
+}*/
+async function _UmbBlockGridEntriesContext_gotAreaKey() {
+    if (__classPrivateFieldGet(this, _UmbBlockGridEntriesContext_areaKey, "f") === undefined)
+        return;
+    if (__classPrivateFieldGet(this, _UmbBlockGridEntriesContext_areaKey, "f") === null) {
+        // Root entries:
+        await this._retrieveManager;
+        if (!this._manager)
+            return;
+        this.setParentUnique(null);
+        this.observe(this._manager.layouts, (layouts) => {
+            this._layoutEntries.setValue(layouts);
+        }, 'observeParentLayouts');
+        this.observe(this.layoutEntries, (layouts) => {
+            this._manager?.setLayouts(layouts);
+        }, 'observeThisLayouts');
+    }
+    else {
+        // entries of a area:
+        await __classPrivateFieldGet(this, _UmbBlockGridEntriesContext_retrieveParentEntry, "f");
+        if (!__classPrivateFieldGet(this, _UmbBlockGridEntriesContext_parentEntry, "f"))
+            return;
+        this.observe(__classPrivateFieldGet(this, _UmbBlockGridEntriesContext_parentEntry, "f").unique, (unique) => {
+            this.setParentUnique(unique ?? null);
+        }, 'observeParentUnique');
+        this.observe(__classPrivateFieldGet(this, _UmbBlockGridEntriesContext_parentEntry, "f").layoutsOfArea(__classPrivateFieldGet(this, _UmbBlockGridEntriesContext_areaKey, "f")), (layouts) => {
+            this._layoutEntries.setValue(layouts);
+        }, 'observeParentLayouts');
+        this.observe(this.layoutEntries, (layouts) => {
+            if (__classPrivateFieldGet(this, _UmbBlockGridEntriesContext_areaKey, "f")) {
+                __classPrivateFieldGet(this, _UmbBlockGridEntriesContext_parentEntry, "f")?.setLayoutsOfArea(__classPrivateFieldGet(this, _UmbBlockGridEntriesContext_areaKey, "f"), layouts);
+            }
+        }, 'observeThisLayouts');
+    }
+};

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

@@ -0,0 +1,3 @@
+import type { UmbBlockGridEntryContext } from './block-grid-entry.context.js';
+import { UmbContextToken } from '../../../../libs/context-api/index.js';
+export declare const UMB_BLOCK_GRID_ENTRY_CONTEXT: UmbContextToken<UmbBlockGridEntryContext, UmbBlockGridEntryContext>;

package/dist-cms/packages/block/block-grid/context/block-grid-entry.context-token.js

@@ -0,0 +1,3 @@
+import { UmbContextToken } from '../../../../libs/context-api/index.js';
+// TODO: Make discriminator method for this:
+export const UMB_BLOCK_GRID_ENTRY_CONTEXT = new UmbContextToken('UmbBlockEntryContext');

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

@@ -0,0 +1,12 @@
+import { UMB_BLOCK_GRID_MANAGER_CONTEXT } from './block-grid-manager.context.js';
+import { UMB_BLOCK_GRID_ENTRIES_CONTEXT } from './block-grid-entries.context-token.js';
+import { UmbBlockEntryContext, type UmbBlockGridTypeModel, type UmbBlockGridLayoutModel } from '../../index.js';
+import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
+export declare class UmbBlockGridEntryContext extends UmbBlockEntryContext<typeof UMB_BLOCK_GRID_MANAGER_CONTEXT, typeof UMB_BLOCK_GRID_MANAGER_CONTEXT.TYPE, typeof UMB_BLOCK_GRID_ENTRIES_CONTEXT, typeof UMB_BLOCK_GRID_ENTRIES_CONTEXT.TYPE, UmbBlockGridTypeModel, UmbBlockGridLayoutModel> {
+    areas: import("rxjs").Observable<import("../../index.js").UmbBlockGridLayoutAreaItemModel[]>;
+    constructor(host: UmbControllerHost);
+    layoutsOfArea(areaKey: string): import("rxjs").Observable<UmbBlockGridLayoutModel[]>;
+    setLayoutsOfArea(areaKey: string, layouts: UmbBlockGridLayoutModel[]): void;
+    _gotManager(): void;
+    _gotEntries(): void;
+}

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

@@ -0,0 +1,38 @@
+import { UMB_BLOCK_GRID_MANAGER_CONTEXT } from './block-grid-manager.context.js';
+import { UMB_BLOCK_GRID_ENTRIES_CONTEXT } from './block-grid-entries.context-token.js';
+import { UmbBlockEntryContext, } from '../../index.js';
+import { appendToFrozenArray } from '../../../../libs/observable-api/index.js';
+export class UmbBlockGridEntryContext extends UmbBlockEntryContext {
+    constructor(host) {
+        super(host, UMB_BLOCK_GRID_MANAGER_CONTEXT, UMB_BLOCK_GRID_ENTRIES_CONTEXT);
+        this.areas = this._layout.asObservablePart((x) => x?.areas ?? []);
+    }
+    layoutsOfArea(areaKey) {
+        return this._layout.asObservablePart((x) => x?.areas.find((x) => x.key === areaKey)?.items ?? []);
+    }
+    setLayoutsOfArea(areaKey, layouts) {
+        const frozenValue = this._layout.value;
+        if (!frozenValue)
+            return;
+        const areas = appendToFrozenArray(frozenValue?.areas, {
+            key: areaKey,
+            items: layouts,
+        }, (x) => x.key);
+        this._layout.update({ areas });
+    }
+    _gotManager() {
+        if (this._manager) {
+            /*this.observe(
+                this._manager.inlineEditingMode,
+                (inlineEditingMode) => {
+                    this.#inlineEditingMode.setValue(inlineEditingMode);
+                },
+                'observeInlineEditingMode',
+            );*/
+        }
+        else {
+            //this.removeControllerByAlias('observeInlineEditingMode');
+        }
+    }
+    _gotEntries() { }
+}

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

@@ -0,0 +1,25 @@
+import type { UmbBlockGridLayoutModel, UmbBlockGridTypeModel } from '../types.js';
+import { UmbBlockManagerContext } from '../../block/context/block-manager.context.js';
+import type { UmbBlockGridWorkspaceData } from '../index.js';
+import type { UmbBlockTypeGroup } from '../../block-type/types.js';
+import type { UmbBlockDataType } from '../../block/types.js';
+import { UmbContextToken } from '../../../../libs/context-api/index.js';
+/**
+ * A implementation of the Block Manager specifically for the Block Grid Editor.
+ */
+export declare class UmbBlockGridManagerContext<BlockLayoutType extends UmbBlockGridLayoutModel = UmbBlockGridLayoutModel> extends UmbBlockManagerContext<UmbBlockGridTypeModel, UmbBlockGridLayoutModel> {
+    #private;
+    readonly blockGroups: import("rxjs").Observable<UmbBlockTypeGroup[]>;
+    setBlockGroups(blockGroups: Array<UmbBlockTypeGroup>): void;
+    getBlockGroups(): UmbBlockTypeGroup[];
+    create(contentElementTypeKey: string, partialLayoutEntry?: Omit<BlockLayoutType, 'contentUdi'>, modalData?: UmbBlockGridWorkspaceData): {
+        layout: UmbBlockGridLayoutModel;
+        content: {
+            udi: string;
+            contentTypeKey: string;
+        };
+        settings: UmbBlockDataType | undefined;
+    };
+    insert(layoutEntry: BlockLayoutType, content: UmbBlockDataType, settings: UmbBlockDataType | undefined, modalData: UmbBlockGridWorkspaceData): boolean;
+}
+export declare const UMB_BLOCK_GRID_MANAGER_CONTEXT: UmbContextToken<UmbBlockGridManagerContext<UmbBlockGridLayoutModel>, UmbBlockGridManagerContext<UmbBlockGridLayoutModel>>;

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

@@ -0,0 +1,38 @@
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _UmbBlockGridManagerContext_blockGroups;
+import { UmbBlockManagerContext } from '../../block/context/block-manager.context.js';
+import { UmbContextToken } from '../../../../libs/context-api/index.js';
+import { UmbArrayState } from '../../../../libs/observable-api/index.js';
+/**
+ * A implementation of the Block Manager specifically for the Block Grid Editor.
+ */
+export class UmbBlockGridManagerContext extends UmbBlockManagerContext {
+    constructor() {
+        super(...arguments);
+        //
+        //
+        _UmbBlockGridManagerContext_blockGroups.set(this, new UmbArrayState([], (x) => x.key));
+        this.blockGroups = __classPrivateFieldGet(this, _UmbBlockGridManagerContext_blockGroups, "f").asObservable();
+    }
+    setBlockGroups(blockGroups) {
+        __classPrivateFieldGet(this, _UmbBlockGridManagerContext_blockGroups, "f").setValue(blockGroups);
+    }
+    getBlockGroups() {
+        return __classPrivateFieldGet(this, _UmbBlockGridManagerContext_blockGroups, "f").value;
+    }
+    create(contentElementTypeKey, partialLayoutEntry, modalData) {
+        return super.createBlockData(contentElementTypeKey, partialLayoutEntry);
+    }
+    insert(layoutEntry, content, settings, modalData) {
+        this._layouts.appendOneAt(layoutEntry, modalData.originData.index ?? -1);
+        this.insertBlockData(layoutEntry, content, settings, modalData);
+        return true;
+    }
+}
+_UmbBlockGridManagerContext_blockGroups = new WeakMap();
+// TODO: Make discriminator method for this:
+export const UMB_BLOCK_GRID_MANAGER_CONTEXT = new UmbContextToken('UmbBlockManagerContext');

package/dist-cms/packages/block/block-grid/context/index.d.ts

@@ -0,0 +1,2 @@
+export * from './block-grid-entries.context-token.js';
+export * from './block-grid-entry.context-token.js';

package/dist-cms/packages/block/block-grid/context/index.js

@@ -0,0 +1,2 @@
+export * from './block-grid-entries.context-token.js';
+export * from './block-grid-entry.context-token.js';

package/dist-cms/packages/block/block-grid/index.d.ts

@@ -1,2 +1,3 @@
-export * from './workspace/index.js';
+export * from './context/index.js';
 export * from './types.js';
+export * from './workspace/index.js';

package/dist-cms/packages/block/block-grid/index.js

@@ -1,2 +1,3 @@
-export * from './workspace/index.js';
+export * from './context/index.js';
 export * from './types.js';
+export * from './workspace/index.js';

package/dist-cms/packages/block/block-grid/property-editors/block-grid-editor/manifests.d.ts

@@ -1,2 +1,3 @@
 import type { ManifestPropertyEditorUi } from '../../../../core/extension-registry/index.js';
+export declare const UMB_BLOCK_GRID_PROPERTY_EDITOR_ALIAS = "Umbraco.BlockGrid";
 export declare const manifest: ManifestPropertyEditorUi;

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

@@ -1,3 +1,4 @@
+export const UMB_BLOCK_GRID_PROPERTY_EDITOR_ALIAS = 'Umbraco.BlockGrid';
 export const manifest = {
     type: 'propertyEditorUi',
     alias: 'Umb.PropertyEditorUi.BlockGrid',
@@ -5,7 +6,7 @@ export const manifest = {
     js: () => import('./property-editor-ui-block-grid.element.js'),
     meta: {
         label: 'Block Grid',
-        propertyEditorSchemaAlias: 'Umbraco.BlockGrid',
+        propertyEditorSchemaAlias: UMB_BLOCK_GRID_PROPERTY_EDITOR_ALIAS,
         icon: 'icon-layout',
         group: 'richContent',
         settings: {

package/dist-cms/packages/block/block-grid/property-editors/block-grid-editor/property-editor-ui-block-grid.element.d.ts

@@ -1,21 +1,20 @@
 import type { UmbPropertyEditorUiElement } from '../../../../core/extension-registry/index.js';
 import { UmbLitElement } from '../../../../core/lit-element/index.js';
 import type { UmbPropertyEditorConfigCollection } from '../../../../core/property-editor/index.js';
+import type { UmbBlockGridValueModel } from '../../../index.js';
+import '../../components/block-grid-entries/index.js';
 /**
  * @element umb-property-editor-ui-block-grid
  */
 export declare class UmbPropertyEditorUIBlockGridElement extends UmbLitElement implements UmbPropertyEditorUiElement {
     #private;
-    value: string;
+    private _value;
+    set config(config: UmbPropertyEditorConfigCollection | undefined);
     private _limitMin?;
     private _limitMax?;
-    private _blocks?;
-    private _blockGroups?;
-    private _layouts;
-    private _catalogueRouteBuilder?;
-    private _directRoute?;
-    private _createButtonLabel;
-    set config(config: UmbPropertyEditorConfigCollection | undefined);
+    get value(): UmbBlockGridValueModel;
+    set value(value: UmbBlockGridValueModel | undefined);
+    private _rootLayouts;
     constructor();
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];