@umbraco-cms/backoffice 14.1.0-rc → 14.1.0

package/dist-cms/custom-elements.json

@@ -2810,7 +2810,7 @@
         },
         {
           "name": "styles",
-          "default": "\"css`\\n\\t\\t:host {\\n\\t\\t\\tdisplay: contents;\\n\\t\\t\\t--umb-split-panel-initial-position: 50%;\\n\\t\\t\\t--umb-split-panel-start-min-width: 0;\\n\\t\\t\\t--umb-split-panel-end-min-width: 0;\\n\\t\\t\\t--umb-split-panel-divider-touch-area-width: 20px;\\n\\t\\t\\t--umb-split-panel-divider-width: 1px;\\n\\t\\t\\t--umb-split-panel-divider-color: transparent;\\n\\t\\t\\t--umb-split-panel-slot-overflow: hidden;\\n\\t\\t}\\n\\t\\tslot {\\n\\t\\t\\toverflow: var(--umb-split-panel-slot-overflow);\\n\\t\\t\\tdisplay: block;\\n\\t\\t\\tmin-height: 0;\\n\\t\\t}\\n\\t\\t#main {\\n\\t\\t\\twidth: 100%;\\n\\t\\t\\theight: 100%;\\n\\t\\t\\tdisplay: flex;\\n\\t\\t\\tposition: relative;\\n\\t\\t\\tz-index: 0;\\n\\t\\t\\toverflow: hidden;\\n\\t\\t}\\n\\t\\t#divider {\\n\\t\\t\\theight: 100%;\\n\\t\\t\\tposition: relative;\\n\\t\\t\\tz-index: 999999;\\n\\t\\t\\tdisplay: none;\\n\\t\\t}\\n\\t\\t#divider-touch-area {\\n\\t\\t\\tposition: absolute;\\n\\t\\t\\ttop: 0;\\n\\t\\t\\tleft: 0;\\n\\t\\t\\theight: 100%;\\n\\t\\t\\twidth: var(--umb-split-panel-divider-touch-area-width);\\n\\t\\t\\ttransform: translateX(-50%);\\n\\t\\t\\tcursor: col-resize;\\n\\t\\t}\\n\\t\\t/* Do we want a line that shows the divider? */\\n\\t\\t#divider::after {\\n\\t\\t\\tcontent: '';\\n\\t\\t\\tposition: absolute;\\n\\t\\t\\ttop: 0;\\n\\t\\t\\tleft: 50%;\\n\\t\\t\\twidth: var(--umb-split-panel-divider-width);\\n\\t\\t\\theight: 100%;\\n\\t\\t\\ttransform: round(translateX(-50%));\\n\\t\\t\\tbackground-color: var(--umb-split-panel-divider-color);\\n\\t\\t\\tz-index: -1;\\n\\t\\t}\\n\\t`\""
+          "default": "\"css`\\n\\t\\t:host {\\n\\t\\t\\tdisplay: contents;\\n\\t\\t\\t--umb-split-panel-initial-position: 50%;\\n\\t\\t\\t--umb-split-panel-start-min-width: 0;\\n\\t\\t\\t--umb-split-panel-end-min-width: 0;\\n\\t\\t\\t--umb-split-panel-divider-touch-area-width: 20px;\\n\\t\\t\\t--umb-split-panel-divider-width: 1px;\\n\\t\\t\\t--umb-split-panel-divider-color: transparent;\\n\\t\\t\\t--umb-split-panel-slot-overflow: hidden;\\n\\t\\t}\\n\\t\\tslot {\\n\\t\\t\\toverflow: var(--umb-split-panel-slot-overflow);\\n\\t\\t\\tdisplay: block;\\n\\t\\t\\tmin-height: 0;\\n\\t\\t}\\n\\t\\t#main {\\n\\t\\t\\twidth: 100%;\\n\\t\\t\\theight: 100%;\\n\\t\\t\\tdisplay: flex;\\n\\t\\t\\tposition: relative;\\n\\t\\t\\tz-index: 0;\\n\\t\\t\\toverflow: hidden;\\n\\t\\t}\\n\\t\\t#divider {\\n\\t\\t\\theight: 100%;\\n\\t\\t\\tposition: relative;\\n\\t\\t\\tz-index: 999999;\\n\\t\\t\\tdisplay: none;\\n\\t\\t}\\n\\t\\t#divider-touch-area {\\n\\t\\t\\tposition: absolute;\\n\\t\\t\\ttop: 0;\\n\\t\\t\\tleft: 5px;\\n\\t\\t\\theight: 100%;\\n\\t\\t\\twidth: var(--umb-split-panel-divider-touch-area-width);\\n\\t\\t\\ttransform: translateX(-50%);\\n\\t\\t\\tcursor: col-resize;\\n\\t\\t}\\n\\t\\t/* Do we want a line that shows the divider? */\\n\\t\\t#divider::after {\\n\\t\\t\\tcontent: '';\\n\\t\\t\\tposition: absolute;\\n\\t\\t\\ttop: 0;\\n\\t\\t\\tleft: 50%;\\n\\t\\t\\twidth: var(--umb-split-panel-divider-width);\\n\\t\\t\\theight: 100%;\\n\\t\\t\\ttransform: round(translateX(-50%));\\n\\t\\t\\tbackground-color: var(--umb-split-panel-divider-color);\\n\\t\\t\\tz-index: -1;\\n\\t\\t}\\n\\t`\""
         }
       ],
       "events": [

package/dist-cms/packages/block/block/conditions/block-entry-show-content-edit.condition.d.ts

@@ -0,0 +1,8 @@
+import type { BlockEntryShowContentEditConditionConfig } from '../../../core/extension-registry/index.js';
+import { UmbConditionBase } from '../../../core/extension-registry/index.js';
+import type { UmbConditionControllerArguments, UmbExtensionCondition } from '../../../../libs/extension-api/index.js';
+import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
+export declare class UmbBlockEntryShowContentEditCondition extends UmbConditionBase<BlockEntryShowContentEditConditionConfig> implements UmbExtensionCondition {
+    constructor(host: UmbControllerHost, args: UmbConditionControllerArguments<BlockEntryShowContentEditConditionConfig>);
+}
+export default UmbBlockEntryShowContentEditCondition;

package/dist-cms/packages/block/block/conditions/block-entry-show-content-edit.condition.js

@@ -0,0 +1,13 @@
+import { UMB_BLOCK_ENTRY_CONTEXT } from '../context/block-entry.context-token.js';
+import { UmbConditionBase } from '../../../core/extension-registry/index.js';
+export class UmbBlockEntryShowContentEditCondition extends UmbConditionBase {
+    constructor(host, args) {
+        super(host, args);
+        this.consumeContext(UMB_BLOCK_ENTRY_CONTEXT, (context) => {
+            this.observe(context.showContentEdit, (showContentEdit) => {
+                this.permitted = !!showContentEdit;
+            }, 'observeEntryShowContentEdit');
+        });
+    }
+}
+export default UmbBlockEntryShowContentEditCondition;

package/dist-cms/packages/block/block/conditions/block-workspace-has-settings.condition.d.ts

@@ -0,0 +1,8 @@
+import { UmbConditionBase } from '../../../core/extension-registry/index.js';
+import type { BlockWorkspaceHasSettingsConditionConfig } from '../../../core/extension-registry/index.js';
+import type { UmbConditionControllerArguments, UmbExtensionCondition } from '../../../../libs/extension-api/index.js';
+import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
+export declare class UmbBlockWorkspaceHasSettingsCondition extends UmbConditionBase<BlockWorkspaceHasSettingsConditionConfig> implements UmbExtensionCondition {
+    constructor(host: UmbControllerHost, args: UmbConditionControllerArguments<BlockWorkspaceHasSettingsConditionConfig>);
+}
+export default UmbBlockWorkspaceHasSettingsCondition;

package/dist-cms/packages/block/block/conditions/block-workspace-has-settings.condition.js

@@ -0,0 +1,13 @@
+import { UmbConditionBase } from '../../../core/extension-registry/index.js';
+import { UMB_BLOCK_WORKSPACE_CONTEXT } from '../workspace/block-workspace.context-token.js';
+export class UmbBlockWorkspaceHasSettingsCondition extends UmbConditionBase {
+    constructor(host, args) {
+        super(host, args);
+        this.consumeContext(UMB_BLOCK_WORKSPACE_CONTEXT, (context) => {
+            this.observe(context.settings.contentTypeId, (settingsContentTypeId) => {
+                this.permitted = settingsContentTypeId !== undefined;
+            }, 'observeSettingsElementTypeId');
+        });
+    }
+}
+export default UmbBlockWorkspaceHasSettingsCondition;

package/dist-cms/packages/block/block/conditions/manifests.d.ts

@@ -0,0 +1,2 @@
+import type { ManifestCondition } from '../../../../libs/extension-api/index.js';
+export declare const manifests: Array<ManifestCondition>;

package/dist-cms/packages/block/block/conditions/manifests.js

@@ -0,0 +1,14 @@
+export const manifests = [
+    {
+        type: 'condition',
+        name: 'Block Has Settings Condition',
+        alias: 'Umb.Condition.BlockWorkspaceHasSettings',
+        api: () => import('./block-workspace-has-settings.condition.js'),
+    },
+    {
+        type: 'condition',
+        name: 'Block Show Content Edit Condition',
+        alias: 'Umb.Condition.BlockEntryShowContentEdit',
+        api: () => import('./block-entry-show-content-edit.condition.js'),
+    },
+];

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

@@ -0,0 +1,5 @@
+import type { UmbBlockLayoutBaseModel } from '../types.js';
+import type { UmbBlockEntriesContext } from './block-entries.context.js';
+import type { UmbBlockTypeBaseModel } from '../../block-type/index.js';
+import { UmbContextToken } from '../../../../libs/context-api/index.js';
+export declare const UMB_BLOCK_ENTRIES_CONTEXT: UmbContextToken<UmbBlockEntriesContext<UmbContextToken<import("./block-manager.context.js").UmbBlockManagerContext<UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>, import("./block-manager.context.js").UmbBlockManagerContext<UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>>, import("./block-manager.context.js").UmbBlockManagerContext<UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>, UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>, UmbBlockEntriesContext<UmbContextToken<import("./block-manager.context.js").UmbBlockManagerContext<UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>, import("./block-manager.context.js").UmbBlockManagerContext<UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>>, import("./block-manager.context.js").UmbBlockManagerContext<UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>, UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>>;

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

@@ -0,0 +1,2 @@
+import { UmbContextToken } from '../../../../libs/context-api/index.js';
+export const UMB_BLOCK_ENTRIES_CONTEXT = new UmbContextToken('UmbBlockEntriesContext');

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

@@ -0,0 +1,33 @@
+import type { UmbBlockDataType, UmbBlockLayoutBaseModel } from '../types.js';
+import type { UmbBlockWorkspaceData } from '../workspace/block-workspace.modal-token.js';
+import type { UmbBlockDataObjectModel, UmbBlockManagerContext } from './block-manager.context.js';
+import { type Observable, UmbArrayState, UmbBasicState, UmbStringState } from '../../../../libs/observable-api/index.js';
+import { UmbContextBase } from '../../../../libs/class-api/index.js';
+import type { UmbBlockTypeBaseModel } from '../../block-type/index.js';
+import type { UmbContextToken } from '../../../../libs/context-api/index.js';
+import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
+import type { UmbModalRouteBuilder } from '../../../core/router/index.js';
+export declare abstract class UmbBlockEntriesContext<BlockManagerContextTokenType extends UmbContextToken<BlockManagerContextType, BlockManagerContextType>, BlockManagerContextType extends UmbBlockManagerContext<BlockType, BlockLayoutType>, BlockType extends UmbBlockTypeBaseModel, BlockLayoutType extends UmbBlockLayoutBaseModel> extends UmbContextBase<UmbBlockEntriesContext<BlockManagerContextTokenType, BlockManagerContextType, BlockType, BlockLayoutType>> {
+    _manager?: BlockManagerContextType;
+    _retrieveManager: Promise<BlockManagerContextType>;
+    protected _catalogueRouteBuilderState: UmbBasicState<UmbModalRouteBuilder | undefined>;
+    readonly catalogueRouteBuilder: Observable<UmbModalRouteBuilder | undefined>;
+    protected _workspacePath: UmbStringState<undefined>;
+    workspacePath: Observable<string | undefined>;
+    abstract readonly canCreate: Observable<boolean>;
+    protected _layoutEntries: UmbArrayState<BlockLayoutType>;
+    readonly layoutEntries: Observable<BlockLayoutType[]>;
+    readonly layoutEntriesLength: Observable<number>;
+    constructor(host: UmbControllerHost, blockManagerContextToken: BlockManagerContextTokenType);
+    getManager(): Promise<BlockManagerContextType>;
+    protected abstract _gotBlockManager(): void;
+    layoutOf(contentUdi: string): Observable<BlockLayoutType | undefined>;
+    getLayoutOf(contentUdi: string): BlockLayoutType | undefined;
+    setLayouts(layouts: Array<BlockLayoutType>): void;
+    setOneLayout(layoutData: BlockLayoutType): UmbArrayState<BlockLayoutType>;
+    abstract getPathForCreateBlock(index: number): string | undefined;
+    abstract getPathForClipboard(index: number): string | undefined;
+    abstract create(contentElementTypeKey: string, layoutEntry?: Omit<BlockLayoutType, 'contentUdi'>, modalData?: UmbBlockWorkspaceData): Promise<UmbBlockDataObjectModel<BlockLayoutType> | undefined>;
+    abstract insert(layoutEntry: BlockLayoutType, content: UmbBlockDataType, settings: UmbBlockDataType | undefined, modalData: UmbBlockWorkspaceData): Promise<boolean>;
+    delete(contentUdi: string): Promise<void>;
+}

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

@@ -0,0 +1,52 @@
+import { UMB_BLOCK_ENTRIES_CONTEXT } from './block-entries.context-token.js';
+import { UmbArrayState, UmbBasicState, UmbStringState } from '../../../../libs/observable-api/index.js';
+import { UmbContextBase } from '../../../../libs/class-api/index.js';
+export class UmbBlockEntriesContext extends UmbContextBase {
+    constructor(host, blockManagerContextToken) {
+        super(host, UMB_BLOCK_ENTRIES_CONTEXT.toString());
+        this._catalogueRouteBuilderState = new UmbBasicState(undefined);
+        this.catalogueRouteBuilder = this._catalogueRouteBuilderState.asObservable();
+        this._workspacePath = new UmbStringState(undefined);
+        this.workspacePath = this._workspacePath.asObservable();
+        this._layoutEntries = new UmbArrayState([], (x) => x.contentUdi);
+        this.layoutEntries = this._layoutEntries.asObservable();
+        this.layoutEntriesLength = this._layoutEntries.asObservablePart((x) => x.length);
+        // TODO: Observe Blocks of the layout entries of this component.
+        this._retrieveManager = this.consumeContext(blockManagerContextToken, (blockGridManager) => {
+            this._manager = blockGridManager;
+            this._gotBlockManager();
+        }).asPromise();
+    }
+    async getManager() {
+        await this._retrieveManager;
+        return this._manager;
+    }
+    // Public methods:
+    layoutOf(contentUdi) {
+        return this._layoutEntries.asObservablePart((source) => source.find((x) => x.contentUdi === contentUdi));
+    }
+    getLayoutOf(contentUdi) {
+        return this._layoutEntries.getValue().find((x) => x.contentUdi === contentUdi);
+    }
+    setLayouts(layouts) {
+        return this._layoutEntries.setValue(layouts);
+    }
+    setOneLayout(layoutData) {
+        return this._layoutEntries.appendOne(layoutData);
+    }
+    //edit?
+    //editSettings
+    // Idea: should we return true if it was successful?
+    async delete(contentUdi) {
+        await this._retrieveManager;
+        const layout = this._layoutEntries.value.find((x) => x.contentUdi === contentUdi);
+        if (!layout) {
+            throw new Error(`Cannot delete block, missing layout for ${contentUdi}`);
+        }
+        if (layout.settingsUdi) {
+            this._manager.removeOneSettings(layout.settingsUdi);
+        }
+        this._manager.removeOneContent(contentUdi);
+        this._layoutEntries.removeOne(contentUdi);
+    }
+}

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

@@ -0,0 +1,6 @@
+import type { UmbBlockLayoutBaseModel } from '../types.js';
+import type { UmbBlockEntriesContext } from './block-entries.context.js';
+import type { UmbBlockEntryContext } from './block-entry.context.js';
+import type { UmbBlockTypeBaseModel } from '../../block-type/index.js';
+import { UmbContextToken } from '../../../../libs/context-api/index.js';
+export declare const UMB_BLOCK_ENTRY_CONTEXT: UmbContextToken<UmbBlockEntryContext<UmbContextToken<import("./block-manager.context.js").UmbBlockManagerContext<UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>, import("./block-manager.context.js").UmbBlockManagerContext<UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>>, import("./block-manager.context.js").UmbBlockManagerContext<UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>, UmbContextToken<UmbBlockEntriesContext<UmbContextToken<import("./block-manager.context.js").UmbBlockManagerContext<UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>, import("./block-manager.context.js").UmbBlockManagerContext<UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>>, import("./block-manager.context.js").UmbBlockManagerContext<UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>, UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>, UmbBlockEntriesContext<UmbContextToken<import("./block-manager.context.js").UmbBlockManagerContext<UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>, import("./block-manager.context.js").UmbBlockManagerContext<UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>>, import("./block-manager.context.js").UmbBlockManagerContext<UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>, UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>>, UmbBlockEntriesContext<UmbContextToken<import("./block-manager.context.js").UmbBlockManagerContext<UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>, import("./block-manager.context.js").UmbBlockManagerContext<UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>>, import("./block-manager.context.js").UmbBlockManagerContext<UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>, UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>, UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>, UmbBlockEntryContext<UmbContextToken<import("./block-manager.context.js").UmbBlockManagerContext<UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>, import("./block-manager.context.js").UmbBlockManagerContext<UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>>, import("./block-manager.context.js").UmbBlockManagerContext<UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>, UmbContextToken<UmbBlockEntriesContext<UmbContextToken<import("./block-manager.context.js").UmbBlockManagerContext<UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>, import("./block-manager.context.js").UmbBlockManagerContext<UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>>, import("./block-manager.context.js").UmbBlockManagerContext<UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>, UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>, UmbBlockEntriesContext<UmbContextToken<import("./block-manager.context.js").UmbBlockManagerContext<UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>, import("./block-manager.context.js").UmbBlockManagerContext<UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>>, import("./block-manager.context.js").UmbBlockManagerContext<UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>, UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>>, UmbBlockEntriesContext<UmbContextToken<import("./block-manager.context.js").UmbBlockManagerContext<UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>, import("./block-manager.context.js").UmbBlockManagerContext<UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>>, import("./block-manager.context.js").UmbBlockManagerContext<UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>, UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>, UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>>;

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

@@ -0,0 +1,2 @@
+import { UmbContextToken } from '../../../../libs/context-api/index.js';
+export const UMB_BLOCK_ENTRY_CONTEXT = new UmbContextToken('UmbBlockEntryContext');

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

@@ -0,0 +1,73 @@
+import type { UmbBlockLayoutBaseModel, UmbBlockDataType } from '../types.js';
+import type { UmbBlockManagerContext } from '../index.js';
+import type { UmbBlockEntriesContext } from './block-entries.context.js';
+import type { UmbBlockTypeBaseModel } from '../../block-type/index.js';
+import type { UmbContextToken } from '../../../../libs/context-api/index.js';
+import { UmbContextBase } from '../../../../libs/class-api/index.js';
+import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
+import { UmbObjectState } from '../../../../libs/observable-api/index.js';
+import type { UmbContentTypeModel } from '../../../core/content-type/index.js';
+import type { Observable } from '../../../../external/rxjs/index.js';
+export declare abstract class UmbBlockEntryContext<BlockManagerContextTokenType extends UmbContextToken<BlockManagerContextType>, BlockManagerContextType extends UmbBlockManagerContext<BlockType, BlockLayoutType>, BlockEntriesContextTokenType extends UmbContextToken<BlockEntriesContextType>, BlockEntriesContextType extends UmbBlockEntriesContext<BlockManagerContextTokenType, BlockManagerContextType, BlockType, BlockLayoutType>, BlockType extends UmbBlockTypeBaseModel = UmbBlockTypeBaseModel, BlockLayoutType extends UmbBlockLayoutBaseModel = UmbBlockLayoutBaseModel> extends UmbContextBase<any> {
+    #private;
+    _manager?: BlockManagerContextType;
+    _entries?: BlockEntriesContextType;
+    getEntityType(): string;
+    getUnique(): string | undefined;
+    setContentPropertyValue(propertyAlias: string, value: unknown): void;
+    setSettingsPropertyValue(propertyAlias: string, value: unknown): void;
+    contentPropertyValueByAlias<ReturnType = unknown>(propertyAlias: string): Observable<ReturnType | undefined>;
+    settingsPropertyValueByAlias<ReturnType = unknown>(propertyAlias: string): Observable<ReturnType | undefined>;
+    readonly index: Observable<number | undefined>;
+    getIndex(): number | undefined;
+    setIndex(index: number | undefined): void;
+    readonly createBeforePath: Observable<string | undefined>;
+    readonly createAfterPath: Observable<string | undefined>;
+    readonly contentElementType: Observable<UmbContentTypeModel | undefined>;
+    readonly contentElementTypeName: Observable<string | undefined>;
+    readonly contentElementTypeAlias: Observable<string | undefined>;
+    readonly contentElementTypeIcon: Observable<string | undefined>;
+    _blockType: UmbObjectState<BlockType | undefined>;
+    readonly blockType: Observable<BlockType | undefined>;
+    readonly contentElementTypeKey: Observable<string | undefined>;
+    readonly settingsElementTypeKey: Observable<string | null | undefined>;
+    _layout: UmbObjectState<BlockLayoutType | undefined>;
+    readonly layout: Observable<BlockLayoutType | undefined>;
+    /**
+     * @obsolete Use `unique` instead. Cause we will most likely rename this in the future.
+     */
+    readonly contentUdi: Observable<string | undefined>;
+    readonly settingsUdi: Observable<string | null | undefined>;
+    readonly unique: Observable<string | undefined>;
+    readonly label: Observable<string>;
+    readonly workspacePath: Observable<string | undefined>;
+    readonly workspaceEditContentPath: Observable<string>;
+    readonly workspaceEditSettingsPath: Observable<string>;
+    readonly content: Observable<UmbBlockDataType | undefined>;
+    readonly contentTypeKey: Observable<string | undefined>;
+    readonly settings: Observable<UmbBlockDataType | undefined>;
+    private readonly settingsDataContentTypeKey;
+    abstract readonly showContentEdit: Observable<boolean>;
+    /**
+     * Set the contentUdi of this entry.
+     * @method setContentUdi
+     * @param {string} contentUdi the entry content UDI.
+     * @returns {void}
+     */
+    setContentUdi(contentUdi: string): void;
+    /**
+     * Get the current value of this Blocks label.
+     * @method getLabel
+     * @returns {string}
+     */
+    getLabel(): string;
+    constructor(host: UmbControllerHost, blockManagerContextToken: BlockManagerContextTokenType, blockEntriesContextToken: BlockEntriesContextTokenType);
+    getContentUdi(): string | undefined;
+    abstract _gotManager(): void;
+    abstract _gotEntries(): void;
+    abstract _gotContentType(contentType: UmbContentTypeModel | undefined): void;
+    edit(): void;
+    editSettings(): void;
+    requestDelete(): Promise<void>;
+    delete(): void;
+}

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

@@ -0,0 +1,327 @@
+import { UmbContextBase } from '../../../../libs/class-api/index.js';
+import { UmbNumberState, UmbObjectState, UmbStringState, mergeObservables, observeMultiple, } from '../../../../libs/observable-api/index.js';
+import { encodeFilePath } from '../../../core/utils/index.js';
+import { umbConfirmModal } from '../../../core/modal/index.js';
+export class UmbBlockEntryContext extends UmbContextBase {
+    #contentUdi;
+    // Workspace alike methods, to enables editing of data without the need of a workspace (Custom views and block grid inline editing mode for example).
+    getEntityType() {
+        return 'block';
+    }
+    getUnique() {
+        return this.getContentUdi();
+    }
+    setContentPropertyValue(propertyAlias, value) {
+        if (!this.#contentUdi)
+            throw new Error('No content UDI set.');
+        this._manager?.setOneContentProperty(this.#contentUdi, propertyAlias, value);
+    }
+    setSettingsPropertyValue(propertyAlias, value) {
+        const settingsUdi = this._layout.getValue()?.settingsUdi;
+        if (!settingsUdi)
+            throw new Error('Settings UDI was not available.');
+        this._manager?.setOneSettingsProperty(settingsUdi, propertyAlias, value);
+    }
+    contentPropertyValueByAlias(propertyAlias) {
+        return this.#content.asObservablePart((x) => x?.[propertyAlias]);
+    }
+    settingsPropertyValueByAlias(propertyAlias) {
+        return this.#settings.asObservablePart((x) => x?.[propertyAlias]);
+    }
+    #index;
+    getIndex() {
+        return this.#index.value;
+    }
+    setIndex(index) {
+        this.#index.setValue(index);
+    }
+    #createBeforePath;
+    #createAfterPath;
+    #contentElementType;
+    #label;
+    #generateWorkspaceEditContentPath;
+    #generateWorkspaceEditSettingsPath;
+    #workspacePath;
+    #content;
+    // TODO: Make sure changes to the Block Content / Settings are reflected back to Manager.
+    #settings;
+    /**
+     * Set the contentUdi of this entry.
+     * @method setContentUdi
+     * @param {string} contentUdi the entry content UDI.
+     * @returns {void}
+     */
+    setContentUdi(contentUdi) {
+        this.#contentUdi = contentUdi;
+        this.#observeLayout();
+    }
+    /**
+     * Get the current value of this Blocks label.
+     * @method getLabel
+     * @returns {string}
+     */
+    getLabel() {
+        return this.#label.value;
+    }
+    constructor(host, blockManagerContextToken, blockEntriesContextToken) {
+        super(host, 'UmbBlockEntryContext');
+        this.#index = new UmbNumberState(undefined);
+        this.index = this.#index.asObservable();
+        this.#createBeforePath = new UmbStringState(undefined);
+        this.createBeforePath = this.#createBeforePath.asObservable();
+        this.#createAfterPath = new UmbStringState(undefined);
+        this.createAfterPath = this.#createAfterPath.asObservable();
+        this.#contentElementType = new UmbObjectState(undefined);
+        this.contentElementType = this.#contentElementType.asObservable();
+        this.contentElementTypeName = this.#contentElementType.asObservablePart((x) => x?.name);
+        this.contentElementTypeAlias = this.#contentElementType.asObservablePart((x) => x?.alias);
+        this.contentElementTypeIcon = this.#contentElementType.asObservablePart((x) => x?.icon);
+        this._blockType = new UmbObjectState(undefined);
+        this.blockType = this._blockType.asObservable();
+        this.contentElementTypeKey = this._blockType.asObservablePart((x) => x?.contentElementTypeKey);
+        this.settingsElementTypeKey = this._blockType.asObservablePart((x) => x ? x.settingsElementTypeKey ?? undefined : null);
+        this._layout = new UmbObjectState(undefined);
+        this.layout = this._layout.asObservable();
+        /**
+         * @obsolete Use `unique` instead. Cause we will most likely rename this in the future.
+         */
+        this.contentUdi = this._layout.asObservablePart((x) => x?.contentUdi);
+        this.settingsUdi = this._layout.asObservablePart((x) => x?.settingsUdi);
+        this.unique = this._layout.asObservablePart((x) => x?.contentUdi);
+        this.#label = new UmbStringState('');
+        this.label = this.#label.asObservable();
+        this.#generateWorkspaceEditContentPath = (path, contentUdi) => path && contentUdi ? path + 'edit/' + encodeFilePath(contentUdi) + '/view/content' : '';
+        this.#generateWorkspaceEditSettingsPath = (path, contentUdi) => path && contentUdi ? path + 'edit/' + encodeFilePath(contentUdi) + '/view/settings' : '';
+        this.#workspacePath = new UmbStringState(undefined);
+        this.workspacePath = this.#workspacePath.asObservable();
+        this.workspaceEditContentPath = mergeObservables([this.contentUdi, this.workspacePath], ([contentUdi, path]) => this.#generateWorkspaceEditContentPath(path, contentUdi));
+        this.workspaceEditSettingsPath = mergeObservables([this.contentUdi, this.workspacePath], ([contentUdi, path]) => this.#generateWorkspaceEditSettingsPath(path, contentUdi));
+        this.#content = new UmbObjectState(undefined);
+        this.content = this.#content.asObservable();
+        this.contentTypeKey = this.#content.asObservablePart((x) => x?.contentTypeKey);
+        // TODO: Make sure changes to the Block Content / Settings are reflected back to Manager.
+        this.#settings = new UmbObjectState(undefined);
+        this.settings = this.#settings.asObservable();
+        this.settingsDataContentTypeKey = this.#settings.asObservablePart((x) => x ? x.contentTypeKey ?? undefined : null);
+        // Consume block manager:
+        this.consumeContext(blockManagerContextToken, (manager) => {
+            this._manager = manager;
+            this._gotManager();
+            this.#gotManager();
+        });
+        // Consume block entries:
+        this.consumeContext(blockEntriesContextToken, (entries) => {
+            this._entries = entries;
+            this._gotEntries();
+            this.#gotEntries();
+        });
+        // Observe UDI:
+        this.observe(this.unique, (contentUdi) => {
+            if (!contentUdi)
+                return;
+            this.#observeData();
+        });
+        // Observe contentElementTypeKey:
+        this.observe(this.contentTypeKey, (contentElementTypeKey) => {
+            if (!contentElementTypeKey)
+                return;
+            this.#observeContentType();
+            this.#observeBlockType();
+        });
+        // Observe blockType:
+        this.observe(this.blockType, (blockType) => {
+            if (!blockType)
+                return;
+            this.#observeBlockTypeLabel();
+        });
+        // Correct settings data, accordingly to configuration of the BlockType: [NL]
+        this.observe(observeMultiple([this.settingsElementTypeKey, this.settingsDataContentTypeKey]), ([settingsElementTypeKey, settingsDataContentTypeKey]) => {
+            // Notice the values are only undefined while we are missing the source of these observables. [NL]
+            if (settingsElementTypeKey === undefined || settingsDataContentTypeKey === undefined)
+                return;
+            // Is there a difference between configuration and actual data udi:
+            if (settingsElementTypeKey !== settingsDataContentTypeKey) {
+                // We need to update our udi for the settings data [NL]
+                if (settingsElementTypeKey != null) {
+                    // Update the settings model with latest elementTypeKey, so data is up to date with configuration: [NL]
+                    const currentSettings = this.#settings.getValue();
+                    if (currentSettings) {
+                        this._manager?.setOneSettings({ ...currentSettings, contentTypeKey: settingsElementTypeKey });
+                    }
+                }
+                // We do not need to remove the settings if configuration is gone, cause another observation handles this. [NL]
+            }
+        });
+        this.observe(observeMultiple([this.layout, this.blockType]), ([layout, blockType]) => {
+            if (!this.#contentUdi || !layout || !blockType)
+                return;
+            if (layout.settingsUdi == null && blockType.settingsElementTypeKey) {
+                // We have a settings ElementType in config but not in data, so lets create the scaffold for that: [NL]
+                const settingsData = this._manager.createBlockSettingsData(blockType.contentElementTypeKey); // Yes its on purpose we use the contentElementTypeKey here, as this is our identifier for a BlockType. [NL]
+                this._manager?.setOneSettings(settingsData);
+                this._layout.update({ settingsUdi: settingsData.udi });
+            }
+            else if (layout.settingsUdi && blockType.settingsElementTypeKey === undefined) {
+                // We no longer have settings ElementType in config. So we remove the settingsData and settings UDI from the layout. [NL]
+                this._manager?.removeOneSettings(layout.settingsUdi);
+                this._layout.update({ settingsUdi: undefined });
+            }
+        });
+    }
+    getContentUdi() {
+        return this._layout.value?.contentUdi;
+    }
+    #updateCreatePaths() {
+        const index = this.#index.value;
+        if (this._entries && index !== undefined) {
+            this.observe(observeMultiple([this._entries.catalogueRouteBuilder, this._entries.canCreate]), ([catalogueRouteBuilder, canCreate]) => {
+                if (catalogueRouteBuilder && canCreate) {
+                    this.#createBeforePath.setValue(this._entries.getPathForCreateBlock(index));
+                    this.#createAfterPath.setValue(this._entries.getPathForCreateBlock(index + 1));
+                }
+                else {
+                    this.#createBeforePath.setValue(undefined);
+                    this.#createAfterPath.setValue(undefined);
+                }
+            }, 'observeRouteBuilderCreate');
+        }
+    }
+    #observeLayout() {
+        if (!this._entries || !this.#contentUdi)
+            return;
+        this.observe(this._entries.layoutOf(this.#contentUdi), (layout) => {
+            this._layout.setValue(layout);
+        }, 'observeParentLayout');
+        this.observe(this.layout, (layout) => {
+            if (layout) {
+                this._entries?.setOneLayout(layout);
+            }
+        }, 'observeThisLayout');
+    }
+    #gotManager() {
+        this.#observeBlockType();
+        this.#observeData();
+    }
+    #gotEntries() {
+        this.#updateCreatePaths();
+        this.#observeLayout();
+        if (this._entries) {
+            this.observe(this._entries.workspacePath, (workspacePath) => {
+                this.#workspacePath.setValue(workspacePath);
+            }, 'observeWorkspacePath');
+        }
+        else {
+            this.removeUmbControllerByAlias('observeWorkspacePath');
+        }
+    }
+    #observeData() {
+        if (!this._manager || !this.#contentUdi)
+            return;
+        // observe content:
+        this.observe(this._manager.contentOf(this.#contentUdi), (content) => {
+            this.#content.setValue(content);
+        }, 'observeContent');
+        /*
+
+        This two way binding does not work well, might need to further investigate what the exact problem is.
+        this.observe(
+            this.content,
+            (content) => {
+                if (content) {
+                    this._manager?.setOneContent(content);
+                }
+            },
+            'observeInternalContent',
+        );
+        */
+        // observe settings:
+        const settingsUdi = this._layout.value?.settingsUdi;
+        if (settingsUdi) {
+            this.observe(this._manager.settingsOf(settingsUdi), (settings) => {
+                this.#settings.setValue(settings);
+            }, 'observeSettings');
+            /*
+
+            This two way binding does not work well, might need to further investigate what the exact problem is.
+            this.observe(
+                this.settings,
+                (settings) => {
+                    if (settings) {
+                        this._manager?.setOneSettings(settings);
+                    }
+                },
+                'observeInternalSettings',
+            );*/
+        }
+    }
+    #observeContentType() {
+        if (!this._manager)
+            return;
+        const contentTypeKey = this.#content.value?.contentTypeKey;
+        if (!contentTypeKey)
+            return;
+        // observe blockType:
+        this.observe(this._manager.contentTypeOf(contentTypeKey), (contentType) => {
+            this.#contentElementType.setValue(contentType);
+            this._gotContentType(contentType);
+        }, 'observeContentElementType');
+    }
+    #observeBlockType() {
+        if (!this._manager)
+            return;
+        const contentTypeKey = this.#content.value?.contentTypeKey;
+        if (!contentTypeKey)
+            return;
+        // observe blockType:
+        this.observe(this._manager.blockTypeOf(contentTypeKey), (blockType) => {
+            this._blockType.setValue(blockType);
+        }, 'observeBlockType');
+    }
+    #observeBlockTypeLabel() {
+        if (!this._manager)
+            return;
+        const blockType = this._blockType.value;
+        if (!blockType)
+            return;
+        if (blockType.label) {
+            this.removeUmbControllerByAlias('observeContentTypeName');
+            // Missing part for label syntax, as we need to store the syntax, interpretive it and then set the label: (here we are just parsing the label syntax)
+            this.#label.setValue(blockType.label);
+            return;
+        }
+        else {
+            // TODO: Maybe this could be skipped if we had a fallback label which was set to get the content element type name?
+            // Get the name of the content element type for label:
+            this.observe(this.contentElementTypeName, (contentTypeName) => {
+                this.#label.setValue(contentTypeName ?? 'no name');
+            }, 'observeContentTypeName');
+        }
+    }
+    // Public methods:
+    //activate
+    edit() {
+        window.location.href = this.#generateWorkspaceEditContentPath(this.#workspacePath.value, this.getContentUdi());
+    }
+    editSettings() {
+        window.location.href = this.#generateWorkspaceEditSettingsPath(this.#workspacePath.value, this.getContentUdi());
+    }
+    async requestDelete() {
+        const blockName = this.getLabel();
+        // TODO: Localizations missing [NL]
+        await umbConfirmModal(this, {
+            headline: `Delete ${blockName}`,
+            content: `Are you sure you want to delete this ${blockName}?`,
+            confirmLabel: 'Delete',
+            color: 'danger',
+        });
+        this.delete();
+    }
+    delete() {
+        if (!this._entries)
+            return;
+        const contentUdi = this._layout.value?.contentUdi;
+        if (!contentUdi)
+            return;
+        this._entries.delete(contentUdi);
+    }
+}

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

@@ -0,0 +1,3 @@
+import type { UmbBlockManagerContext } from './block-manager.context.js';
+import { UmbContextToken } from '../../../../libs/context-api/index.js';
+export declare const UMB_BLOCK_MANAGER_CONTEXT: UmbContextToken<UmbBlockManagerContext<import("../../block-type/types.js").UmbBlockTypeBaseModel, import("../types.js").UmbBlockLayoutBaseModel>, UmbBlockManagerContext<import("../../block-type/types.js").UmbBlockTypeBaseModel, import("../types.js").UmbBlockLayoutBaseModel>>;

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

@@ -0,0 +1,2 @@
+import { UmbContextToken } from '../../../../libs/context-api/index.js';
+export const UMB_BLOCK_MANAGER_CONTEXT = new UmbContextToken('UmbBlockManagerContext');