@umbraco-cms/backoffice 14.0.0--preview005-011edded → 14.0.0--preview005-ca61ea2b

package/dist-cms/custom-elements.json

@@ -643,11 +643,22 @@
     {
       "name": "umb-inline-list-block",
       "path": "./../src/packages/block/block-list/components/inline-list-block/inline-list-block.element.ts",
+      "attributes": [
+        {
+          "name": "label",
+          "type": "string | undefined"
+        }
+      ],
       "properties": [
+        {
+          "name": "label",
+          "attribute": "label",
+          "type": "string | undefined"
+        },
         {
           "name": "styles",
           "type": "array",
-          "default": "[null]"
+          "default": "[\"UmbTextStyles\",null]"
         }
       ]
     },
@@ -656,20 +667,20 @@
       "path": "./../src/packages/block/block-list/components/ref-list-block/ref-list-block.element.ts",
       "attributes": [
         {
-          "name": "name",
+          "name": "label",
           "type": "string | undefined"
         }
       ],
       "properties": [
         {
-          "name": "name",
-          "attribute": "name",
+          "name": "label",
+          "attribute": "label",
           "type": "string | undefined"
         },
         {
           "name": "styles",
           "type": "array",
-          "default": "[null,null]"
+          "default": "[null]"
         }
       ]
     },
@@ -899,6 +910,10 @@
         }
       ],
       "properties": [
+        {
+          "name": "managerName",
+          "type": "UmbBlockWorkspaceElementManagerNames | undefined"
+        },
         {
           "name": "containerName",
           "attribute": "container-name",
@@ -939,6 +954,10 @@
         }
       ],
       "properties": [
+        {
+          "name": "managerName",
+          "type": "UmbBlockWorkspaceElementManagerNames | undefined"
+        },
         {
           "name": "tabName",
           "attribute": "tabName",
@@ -972,6 +991,9 @@
       "name": "umb-block-workspace-view-edit",
       "path": "./../src/packages/block/block/workspace/views/edit/block-workspace-view-edit.element.ts",
       "properties": [
+        {
+          "name": "manifest"
+        },
         {
           "name": "styles",
           "type": "array",

package/dist-cms/libs/extension-api/controller/extensions-element-initializer.controller.d.ts

@@ -6,7 +6,6 @@ import type { UmbControllerHost } from '../../controller-api/index.js';
  */
 export declare class UmbExtensionsElementInitializer<ManifestTypes extends ManifestBase, ManifestTypeName extends keyof ManifestTypeMap<ManifestTypes> | string = ManifestTypes['type'], ManifestType extends ManifestBase = SpecificManifestTypeOrManifestBase<ManifestTypes, ManifestTypeName>, ControllerType extends UmbExtensionElementInitializer<ManifestType> = UmbExtensionElementInitializer<ManifestType>, MyPermittedControllerType extends ControllerType = PermittedControllerType<ControllerType>> extends UmbBaseExtensionsInitializer<ManifestTypes, ManifestTypeName, ManifestType, ControllerType, MyPermittedControllerType> {
     #private;
-    private _defaultElement?;
     get properties(): Record<string, unknown> | undefined;
     set properties(props: Record<string, unknown> | undefined);
     constructor(host: UmbControllerHost, extensionRegistry: UmbExtensionRegistry<ManifestTypes>, type: ManifestTypeName | Array<ManifestTypeName>, filter: undefined | null | ((manifest: ManifestType) => boolean), onChange: (permittedManifests: Array<MyPermittedControllerType>) => void, defaultElement?: string);

package/dist-cms/libs/extension-api/controller/extensions-element-initializer.controller.js

@@ -9,7 +9,7 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
     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 _UmbExtensionsElementInitializer_extensionRegistry, _UmbExtensionsElementInitializer_props;
+var _UmbExtensionsElementInitializer_extensionRegistry, _UmbExtensionsElementInitializer_defaultElement, _UmbExtensionsElementInitializer_props;
 import { UmbBaseExtensionsInitializer, } from './base-extensions-initializer.controller.js';
 import { UmbExtensionElementInitializer, } from '../index.js';
 /**
@@ -28,15 +28,16 @@ export class UmbExtensionsElementInitializer extends UmbBaseExtensionsInitialize
         super(host, extensionRegistry, type, filter, onChange);
         //
         _UmbExtensionsElementInitializer_extensionRegistry.set(this, void 0);
+        _UmbExtensionsElementInitializer_defaultElement.set(this, void 0);
         _UmbExtensionsElementInitializer_props.set(this, void 0);
         __classPrivateFieldSet(this, _UmbExtensionsElementInitializer_extensionRegistry, extensionRegistry, "f");
-        this._defaultElement = defaultElement;
+        __classPrivateFieldSet(this, _UmbExtensionsElementInitializer_defaultElement, defaultElement, "f");
         this._init();
     }
     _createController(manifest) {
-        const extController = new UmbExtensionElementInitializer(this, __classPrivateFieldGet(this, _UmbExtensionsElementInitializer_extensionRegistry, "f"), manifest.alias, this._extensionChanged, this._defaultElement);
+        const extController = new UmbExtensionElementInitializer(this, __classPrivateFieldGet(this, _UmbExtensionsElementInitializer_extensionRegistry, "f"), manifest.alias, this._extensionChanged, __classPrivateFieldGet(this, _UmbExtensionsElementInitializer_defaultElement, "f"));
         extController.properties = __classPrivateFieldGet(this, _UmbExtensionsElementInitializer_props, "f");
         return extController;
     }
 }
-_UmbExtensionsElementInitializer_extensionRegistry = new WeakMap(), _UmbExtensionsElementInitializer_props = new WeakMap();
+_UmbExtensionsElementInitializer_extensionRegistry = new WeakMap(), _UmbExtensionsElementInitializer_defaultElement = new WeakMap(), _UmbExtensionsElementInitializer_props = new WeakMap();

package/dist-cms/mocks/data/data-type/data-type.data.js

@@ -500,6 +500,7 @@ export const data = [
                     {
                         label: 'Mocked Block Type for Block List',
                         contentElementTypeKey: '4f68ba66-6fb2-4778-83b8-6ab4ca3a7c5c',
+                        settingsElementTypeKey: 'all-property-editors-document-type-id',
                         icon: 'icon-server-alt',
                     },
                     {
@@ -539,7 +540,7 @@ export const data = [
             },
             {
                 alias: 'useInlineEditingAsDefault',
-                value: true,
+                value: false,
             },
             {
                 alias: 'useLiveEditing',

package/dist-cms/mocks/data/document/document.data.js

@@ -176,6 +176,7 @@ export const data = [
                         'Umbraco.BlockList': [
                             {
                                 contentUdi: '1234',
+                                settingsUdi: '5678',
                             },
                         ],
                     },
@@ -186,7 +187,13 @@ export const data = [
                             elementProperty: 'Hello world',
                         },
                     ],
-                    settingsData: [],
+                    settingsData: [
+                        {
+                            udi: '5678',
+                            contentTypeKey: 'all-property-editors-document-type-id',
+                            elementProperty: 'Hello world',
+                        },
+                    ],
                 },
             },
             {

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

@@ -0,0 +1,10 @@
+import { UmbBaseController } from '../../../../libs/class-api/index.js';
+import type { ManifestCondition, UmbConditionConfigBase, UmbConditionControllerArguments, UmbExtensionCondition } from '../../../../libs/extension-api/index.js';
+export declare class UmbBlockWorkspaceHasSettingsCondition extends UmbBaseController implements UmbExtensionCondition {
+    #private;
+    config: BlockWorkspaceHasSettingsConditionConfig;
+    permitted: boolean;
+    constructor(args: UmbConditionControllerArguments<BlockWorkspaceHasSettingsConditionConfig>);
+}
+export type BlockWorkspaceHasSettingsConditionConfig = UmbConditionConfigBase<'Umb.Condition.BlockWorkspaceHasSettings'>;
+export declare const manifest: ManifestCondition;

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

@@ -0,0 +1,37 @@
+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 __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 _UmbBlockWorkspaceHasSettingsCondition_onChange;
+import { UMB_BLOCK_WORKSPACE_CONTEXT } from '../../index.js';
+import { UmbBaseController } from '../../../../libs/class-api/index.js';
+export class UmbBlockWorkspaceHasSettingsCondition extends UmbBaseController {
+    constructor(args) {
+        super(args.host);
+        this.permitted = false;
+        _UmbBlockWorkspaceHasSettingsCondition_onChange.set(this, void 0);
+        this.config = args.config;
+        __classPrivateFieldSet(this, _UmbBlockWorkspaceHasSettingsCondition_onChange, args.onChange, "f");
+        // TODO: Rename the Block Context, so it gets a name.. like Block Entry Context or something.
+        this.consumeContext(UMB_BLOCK_WORKSPACE_CONTEXT, (context) => {
+            this.observe(context.settings.contentTypeId, (settingsContentTypeId) => {
+                this.permitted = !!settingsContentTypeId;
+                __classPrivateFieldGet(this, _UmbBlockWorkspaceHasSettingsCondition_onChange, "f").call(this);
+            }, 'observeSettingsElementTypeId');
+        });
+    }
+}
+_UmbBlockWorkspaceHasSettingsCondition_onChange = new WeakMap();
+export const manifest = {
+    type: 'condition',
+    name: 'Block Has Settings Condition',
+    alias: 'Umb.Condition.BlockWorkspaceHasSettings',
+    api: UmbBlockWorkspaceHasSettingsCondition,
+};

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

@@ -0,0 +1 @@
+export * from './block-workspace-has-settings.condition.js';

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

@@ -0,0 +1 @@
+export * from './block-workspace-has-settings.condition.js';

package/dist-cms/packages/block/block/context/{block.context.d.ts → block-entity.context.d.ts}

@@ -34,4 +34,4 @@ export declare abstract class UmbBlockContext<BlockManagerContextTokenType exten
     _gotManager(): void;
     delete(): void;
 }
-export declare const UMB_BLOCK_CONTEXT: UmbContextToken<UmbBlockContext<UmbContextToken<UmbBlockManagerContext<UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>, UmbBlockManagerContext<UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>>, UmbBlockManagerContext<UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>, UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>, UmbBlockContext<UmbContextToken<UmbBlockManagerContext<UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>, UmbBlockManagerContext<UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>>, UmbBlockManagerContext<UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>, UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>>;
+export declare const UMB_BLOCK_ENTITY_CONTEXT: UmbContextToken<UmbBlockContext<UmbContextToken<UmbBlockManagerContext<UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>, UmbBlockManagerContext<UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>>, UmbBlockManagerContext<UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>, UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>, UmbBlockContext<UmbContextToken<UmbBlockManagerContext<UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>, UmbBlockManagerContext<UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>>, UmbBlockManagerContext<UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>, UmbBlockTypeBaseModel, UmbBlockLayoutBaseModel>>;

package/dist-cms/packages/block/block/context/{block.context.js → block-entity.context.js}

@@ -19,7 +19,7 @@ export class UmbBlockContext extends UmbContextBase {
         __classPrivateFieldGet(this, _UmbBlockContext_layout, "f").setValue(layout);
     }
     constructor(host, blockManagerContextToken) {
-        super(host, UMB_BLOCK_CONTEXT.toString());
+        super(host, UMB_BLOCK_ENTITY_CONTEXT.toString());
         _UmbBlockContext_instances.add(this);
         _UmbBlockContext_blockTypeName.set(this, new UmbStringState(undefined));
         this.blockTypeName = __classPrivateFieldGet(this, _UmbBlockContext_blockTypeName, "f").asObservable();
@@ -148,4 +148,4 @@ _UmbBlockContext_blockTypeName = new WeakMap(), _UmbBlockContext_label = new Wea
         }, 'observeBlockTypeName');
     }
 };
-export const UMB_BLOCK_CONTEXT = new UmbContextToken('UmbBlockContext');
+export const UMB_BLOCK_ENTITY_CONTEXT = new UmbContextToken('UmbBlockContext');

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

@@ -1 +1 @@
-export * from './block.context.js';
+export * from './block-entity.context.js';

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

@@ -1 +1 @@
-export * from './block.context.js';
+export * from './block-entity.context.js';

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

@@ -1,5 +1,6 @@
+export * from './conditions/index.js';
 export * from './context/index.js';
 export * from './manager/index.js';
 export * from './modals/index.js';
-export * from './workspace/index.js';
 export * from './types.js';
+export * from './workspace/index.js';

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

@@ -1,5 +1,6 @@
+export * from './conditions/index.js';
 export * from './context/index.js';
 export * from './manager/index.js';
 export * from './modals/index.js';
-export * from './workspace/index.js';
 export * from './types.js';
+export * from './workspace/index.js';

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

@@ -49,6 +49,7 @@ export class UmbBlockManagerContext extends UmbContextBase {
         this.contents = __classPrivateFieldGet(this, _UmbBlockManagerContext_contents, "f").asObservable();
         _UmbBlockManagerContext_settings.set(this, new UmbArrayState([], (x) => x.udi));
         this.settings = __classPrivateFieldGet(this, _UmbBlockManagerContext_settings, "f").asObservable();
+        // TODO: This might will need the property alias as part of the URL, to avoid collision if multiple of these Editor on same Node.
         // IDEA: Make a Workspace registration controller that can be used to register a workspace, which does both edit and create?.
         new UmbModalRouteRegistrationController(this, UMB_BLOCK_WORKSPACE_MODAL)
             .addAdditionalPath('block')

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

@@ -1,3 +1,4 @@
+import { manifest as blockWorkspaceHasSettingsConditionManifest } from './conditions/block-workspace-has-settings.condition.js';
 import { manifests as modalManifests } from './modals/manifests.js';
 import { manifests as workspaceManifests } from './workspace/manifests.js';
-export const manifests = [...modalManifests, ...workspaceManifests];
+export const manifests = [...modalManifests, ...workspaceManifests, blockWorkspaceHasSettingsConditionManifest];

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

@@ -3,6 +3,7 @@ import { UmbBlockElementManager } from './block-element-manager.js';
 import { UmbEditableWorkspaceContextBase } from '../../../core/workspace/index.js';
 import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
 import type { ManifestWorkspace } from '../../../core/extension-registry/index.js';
+export type UmbBlockWorkspaceElementManagerNames = 'content' | 'settings';
 export declare class UmbBlockWorkspaceContext<LayoutDataType extends UmbBlockLayoutBaseModel = UmbBlockLayoutBaseModel> extends UmbEditableWorkspaceContextBase<LayoutDataType> {
     #private;
     readonly IS_BLOCK_WORKSPACE_CONTEXT = true;

package/dist-cms/packages/block/block/workspace/block-workspace.element.js

@@ -43,7 +43,7 @@ let UmbBlockWorkspaceElement = class UmbBlockWorkspaceElement extends UmbLitElem
         createExtensionApi(manifest, [this, { manifest: manifest }]).then((context) => {
             if (context) {
                 __classPrivateFieldGet(this, _UmbBlockWorkspaceElement_instances, "m", _UmbBlockWorkspaceElement_gotWorkspaceContext).call(this, context);
-                // TODO: We need to recreate when ID changed?
+                // TODO: Do we need to recreate when ID changed? Or is that a responsibility of the context it self?
                 new UmbExtensionsApiInitializer(this, umbExtensionsRegistry, 'workspaceContext', [
                     this,
                     __classPrivateFieldGet(this, _UmbBlockWorkspaceElement_workspaceContext, "f"),

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

@@ -39,6 +39,7 @@ export const manifests = [
             label: 'Content',
             pathname: 'content',
             icon: 'icon-document',
+            blockElementManagerName: 'content',
         },
         conditions: [
             {
@@ -47,4 +48,26 @@ export const manifests = [
             },
         ],
     },
+    {
+        type: 'workspaceView',
+        alias: 'Umb.WorkspaceView.Block.Settings',
+        name: 'Block Workspace Settings View',
+        js: () => import('./views/edit/block-workspace-view-edit.element.js'),
+        weight: 1000,
+        meta: {
+            label: 'Settings',
+            pathname: 'settings',
+            icon: 'icon-settings',
+            blockElementManagerName: 'settings',
+        },
+        conditions: [
+            {
+                alias: 'Umb.Condition.WorkspaceAlias',
+                match: UMB_BLOCK_WORKSPACE_ALIAS,
+            },
+            {
+                alias: 'Umb.Condition.BlockWorkspaceHasSettings',
+            },
+        ],
+    },
 ];

package/dist-cms/packages/block/block/workspace/views/edit/block-workspace-view-edit-no-router.element.js

@@ -32,7 +32,6 @@ let UmbBlockWorkspaceViewEditNoRouterElement = class UmbBlockWorkspaceViewEditNo
         // _hasRootProperties can be gotten via _tabsStructureHelper.hasProperties. But we do not support root properties currently.
         this.consumeContext(UMB_BLOCK_WORKSPACE_CONTEXT, (workspaceContext) => {
             this._workspaceContext = workspaceContext;
-            console.log('workspaceContext.content.structure', workspaceContext.content.structure);
             this._tabsStructureHelper.setStructureManager(workspaceContext.content.structure);
             this._observeRootGroups();
         });

package/dist-cms/packages/block/block/workspace/views/edit/block-workspace-view-edit-properties.element.d.ts

@@ -1,12 +1,14 @@
-import type { PropertyContainerTypes, UmbContentTypeModel, UmbPropertyTypeModel } from '../../../../../core/content-type/index.js';
-import { UmbContentTypePropertyStructureHelper } from '../../../../../core/content-type/index.js';
+import type { UmbBlockWorkspaceElementManagerNames } from '../../block-workspace.context.js';
+import type { PropertyContainerTypes, UmbPropertyTypeModel } from '../../../../../core/content-type/index.js';
 import { UmbLitElement } from '../../../../../../shared/lit-element/index.js';
 export declare class UmbBlockWorkspaceViewEditPropertiesElement extends UmbLitElement {
+    #private;
+    get managerName(): UmbBlockWorkspaceElementManagerNames | undefined;
+    set managerName(value: UmbBlockWorkspaceElementManagerNames | undefined);
     get containerName(): string | undefined;
     set containerName(value: string | undefined);
     get containerType(): PropertyContainerTypes | undefined;
     set containerType(value: PropertyContainerTypes | undefined);
-    _propertyStructureHelper: UmbContentTypePropertyStructureHelper<UmbContentTypeModel>;
     _propertyStructure: Array<UmbPropertyTypeModel>;
     constructor();
     render(): unknown;

package/dist-cms/packages/block/block/workspace/views/edit/block-workspace-view-edit-properties.element.js

@@ -4,39 +4,71 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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 __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 _UmbBlockWorkspaceViewEditPropertiesElement_instances, _UmbBlockWorkspaceViewEditPropertiesElement_managerName, _UmbBlockWorkspaceViewEditPropertiesElement_blockWorkspace, _UmbBlockWorkspaceViewEditPropertiesElement_propertyStructureHelper, _UmbBlockWorkspaceViewEditPropertiesElement_setStructureManager;
 import { UMB_BLOCK_WORKSPACE_CONTEXT } from '../../block-workspace.context-token.js';
 import { css, html, customElement, property, state, repeat } from '../../../../../../external/lit/index.js';
 import { UmbTextStyles } from '../../../../../../shared/style/index.js';
 import { UmbContentTypePropertyStructureHelper } from '../../../../../core/content-type/index.js';
 import { UmbLitElement } from '../../../../../../shared/lit-element/index.js';
 let UmbBlockWorkspaceViewEditPropertiesElement = class UmbBlockWorkspaceViewEditPropertiesElement extends UmbLitElement {
+    get managerName() {
+        return __classPrivateFieldGet(this, _UmbBlockWorkspaceViewEditPropertiesElement_managerName, "f");
+    }
+    set managerName(value) {
+        __classPrivateFieldSet(this, _UmbBlockWorkspaceViewEditPropertiesElement_managerName, value, "f");
+        __classPrivateFieldGet(this, _UmbBlockWorkspaceViewEditPropertiesElement_instances, "m", _UmbBlockWorkspaceViewEditPropertiesElement_setStructureManager).call(this);
+    }
     get containerName() {
-        return this._propertyStructureHelper.getContainerName();
+        return __classPrivateFieldGet(this, _UmbBlockWorkspaceViewEditPropertiesElement_propertyStructureHelper, "f").getContainerName();
     }
     set containerName(value) {
-        this._propertyStructureHelper.setContainerName(value);
+        __classPrivateFieldGet(this, _UmbBlockWorkspaceViewEditPropertiesElement_propertyStructureHelper, "f").setContainerName(value);
     }
     get containerType() {
-        return this._propertyStructureHelper.getContainerType();
+        return __classPrivateFieldGet(this, _UmbBlockWorkspaceViewEditPropertiesElement_propertyStructureHelper, "f").getContainerType();
     }
     set containerType(value) {
-        this._propertyStructureHelper.setContainerType(value);
+        __classPrivateFieldGet(this, _UmbBlockWorkspaceViewEditPropertiesElement_propertyStructureHelper, "f").setContainerType(value);
     }
     constructor() {
         super();
-        this._propertyStructureHelper = new UmbContentTypePropertyStructureHelper(this);
+        _UmbBlockWorkspaceViewEditPropertiesElement_instances.add(this);
+        _UmbBlockWorkspaceViewEditPropertiesElement_managerName.set(this, void 0);
+        _UmbBlockWorkspaceViewEditPropertiesElement_blockWorkspace.set(this, void 0);
+        _UmbBlockWorkspaceViewEditPropertiesElement_propertyStructureHelper.set(this, new UmbContentTypePropertyStructureHelper(this));
         this._propertyStructure = [];
         this.consumeContext(UMB_BLOCK_WORKSPACE_CONTEXT, (workspaceContext) => {
-            this._propertyStructureHelper.setStructureManager(workspaceContext.content.structure);
-        });
-        this.observe(this._propertyStructureHelper.propertyStructure, (propertyStructure) => {
-            this._propertyStructure = propertyStructure;
+            __classPrivateFieldSet(this, _UmbBlockWorkspaceViewEditPropertiesElement_blockWorkspace, workspaceContext, "f");
+            __classPrivateFieldGet(this, _UmbBlockWorkspaceViewEditPropertiesElement_instances, "m", _UmbBlockWorkspaceViewEditPropertiesElement_setStructureManager).call(this);
         });
     }
     render() {
         return repeat(this._propertyStructure, (property) => property.alias, (property) => html `<umb-property-type-based-property .property=${property}></umb-property-type-based-property> `);
     }
 };
+_UmbBlockWorkspaceViewEditPropertiesElement_managerName = new WeakMap();
+_UmbBlockWorkspaceViewEditPropertiesElement_blockWorkspace = new WeakMap();
+_UmbBlockWorkspaceViewEditPropertiesElement_propertyStructureHelper = new WeakMap();
+_UmbBlockWorkspaceViewEditPropertiesElement_instances = new WeakSet();
+_UmbBlockWorkspaceViewEditPropertiesElement_setStructureManager = function _UmbBlockWorkspaceViewEditPropertiesElement_setStructureManager() {
+    if (!__classPrivateFieldGet(this, _UmbBlockWorkspaceViewEditPropertiesElement_blockWorkspace, "f") || !__classPrivateFieldGet(this, _UmbBlockWorkspaceViewEditPropertiesElement_managerName, "f"))
+        return;
+    __classPrivateFieldGet(this, _UmbBlockWorkspaceViewEditPropertiesElement_propertyStructureHelper, "f").setStructureManager(__classPrivateFieldGet(this, _UmbBlockWorkspaceViewEditPropertiesElement_blockWorkspace, "f")[__classPrivateFieldGet(this, _UmbBlockWorkspaceViewEditPropertiesElement_managerName, "f")].structure);
+    this.observe(__classPrivateFieldGet(this, _UmbBlockWorkspaceViewEditPropertiesElement_propertyStructureHelper, "f").propertyStructure, (propertyStructure) => {
+        this._propertyStructure = propertyStructure;
+    }, 'observePropertyStructure');
+};
 UmbBlockWorkspaceViewEditPropertiesElement.styles = [
     UmbTextStyles,
     css `
@@ -48,6 +80,9 @@ UmbBlockWorkspaceViewEditPropertiesElement.styles = [
 			}
 		`,
 ];
+__decorate([
+    property({ attribute: false })
+], UmbBlockWorkspaceViewEditPropertiesElement.prototype, "managerName", null);
 __decorate([
     property({ type: String, attribute: 'container-name', reflect: false })
 ], UmbBlockWorkspaceViewEditPropertiesElement.prototype, "containerName", null);

package/dist-cms/packages/block/block/workspace/views/edit/block-workspace-view-edit-tab.element.d.ts

@@ -1,13 +1,14 @@
-import type { UmbContentTypeModel } from '../../../../../core/content-type/index.js';
-import { UmbContentTypeContainerStructureHelper } from '../../../../../core/content-type/index.js';
 import { UmbLitElement } from '../../../../../../shared/lit-element/index.js';
 import type { PropertyTypeContainerModelBaseModel } from '../../../../../../external/backend-api/index.js';
 import './block-workspace-view-edit-properties.element.js';
+import type { UmbBlockWorkspaceElementManagerNames } from '../../block-workspace.context.js';
 export declare class UmbBlockWorkspaceViewEditTabElement extends UmbLitElement {
     #private;
-    private _tabName?;
+    get managerName(): UmbBlockWorkspaceElementManagerNames | undefined;
+    set managerName(value: UmbBlockWorkspaceElementManagerNames | undefined);
     get tabName(): string | undefined;
     set tabName(value: string | undefined);
+    private _tabName?;
     get noTabName(): boolean;
     set noTabName(value: boolean);
     private _ownerTabId?;
@@ -18,7 +19,6 @@ export declare class UmbBlockWorkspaceViewEditTabElement extends UmbLitElement {
      * This is used by Inline Editing Mode of Block List Editor.
      */
     hideSingleGroup: boolean;
-    _groupStructureHelper: UmbContentTypeContainerStructureHelper<UmbContentTypeModel>;
     _groups: Array<PropertyTypeContainerModelBaseModel>;
     _hasProperties: boolean;
     constructor();

package/dist-cms/packages/block/block/workspace/views/edit/block-workspace-view-edit-tab.element.js

@@ -9,7 +9,13 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
     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 _UmbBlockWorkspaceViewEditTabElement_instances, _UmbBlockWorkspaceViewEditTabElement_renderPart;
+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 _UmbBlockWorkspaceViewEditTabElement_instances, _UmbBlockWorkspaceViewEditTabElement_managerName, _UmbBlockWorkspaceViewEditTabElement_blockWorkspace, _UmbBlockWorkspaceViewEditTabElement_groupStructureHelper, _UmbBlockWorkspaceViewEditTabElement_setStructureManager, _UmbBlockWorkspaceViewEditTabElement_renderPart;
 import { UMB_BLOCK_WORKSPACE_CONTEXT } from '../../block-workspace.context-token.js';
 import { css, html, customElement, property, state, repeat } from '../../../../../../external/lit/index.js';
 import { UmbTextStyles } from '../../../../../../shared/style/index.js';
@@ -17,22 +23,29 @@ import { UmbContentTypeContainerStructureHelper } from '../../../../../core/cont
 import { UmbLitElement } from '../../../../../../shared/lit-element/index.js';
 import './block-workspace-view-edit-properties.element.js';
 let UmbBlockWorkspaceViewEditTabElement = class UmbBlockWorkspaceViewEditTabElement extends UmbLitElement {
+    get managerName() {
+        return __classPrivateFieldGet(this, _UmbBlockWorkspaceViewEditTabElement_managerName, "f");
+    }
+    set managerName(value) {
+        __classPrivateFieldSet(this, _UmbBlockWorkspaceViewEditTabElement_managerName, value, "f");
+        __classPrivateFieldGet(this, _UmbBlockWorkspaceViewEditTabElement_instances, "m", _UmbBlockWorkspaceViewEditTabElement_setStructureManager).call(this);
+    }
     get tabName() {
-        return this._groupStructureHelper.getName();
+        return __classPrivateFieldGet(this, _UmbBlockWorkspaceViewEditTabElement_groupStructureHelper, "f").getName();
     }
     set tabName(value) {
         if (value === this._tabName)
             return;
         const oldValue = this._tabName;
         this._tabName = value;
-        this._groupStructureHelper.setName(value);
+        __classPrivateFieldGet(this, _UmbBlockWorkspaceViewEditTabElement_groupStructureHelper, "f").setName(value);
         this.requestUpdate('tabName', oldValue);
     }
     get noTabName() {
-        return this._groupStructureHelper.getIsRoot();
+        return __classPrivateFieldGet(this, _UmbBlockWorkspaceViewEditTabElement_groupStructureHelper, "f").getIsRoot();
     }
     set noTabName(value) {
-        this._groupStructureHelper.setIsRoot(value);
+        __classPrivateFieldGet(this, _UmbBlockWorkspaceViewEditTabElement_groupStructureHelper, "f").setIsRoot(value);
     }
     get ownerTabId() {
         return this._ownerTabId;
@@ -41,27 +54,24 @@ let UmbBlockWorkspaceViewEditTabElement = class UmbBlockWorkspaceViewEditTabElem
         if (value === this._ownerTabId)
             return;
         this._ownerTabId = value;
-        this._groupStructureHelper.setOwnerId(value);
+        __classPrivateFieldGet(this, _UmbBlockWorkspaceViewEditTabElement_groupStructureHelper, "f").setOwnerId(value);
     }
     constructor() {
         super();
         _UmbBlockWorkspaceViewEditTabElement_instances.add(this);
+        _UmbBlockWorkspaceViewEditTabElement_managerName.set(this, void 0);
+        _UmbBlockWorkspaceViewEditTabElement_blockWorkspace.set(this, void 0);
+        _UmbBlockWorkspaceViewEditTabElement_groupStructureHelper.set(this, new UmbContentTypeContainerStructureHelper(this));
         /**
          * If true, the group box will be hidden, if we are to only represents one group.
          * This is used by Inline Editing Mode of Block List Editor.
          */
         this.hideSingleGroup = false;
-        this._groupStructureHelper = new UmbContentTypeContainerStructureHelper(this);
         this._groups = [];
         this._hasProperties = false;
         this.consumeContext(UMB_BLOCK_WORKSPACE_CONTEXT, (workspaceContext) => {
-            this._groupStructureHelper.setStructureManager(workspaceContext.content.structure);
-        });
-        this.observe(this._groupStructureHelper.containers, (groups) => {
-            this._groups = groups;
-        });
-        this.observe(this._groupStructureHelper.hasProperties, (hasProperties) => {
-            this._hasProperties = hasProperties;
+            __classPrivateFieldSet(this, _UmbBlockWorkspaceViewEditTabElement_blockWorkspace, workspaceContext, "f");
+            __classPrivateFieldGet(this, _UmbBlockWorkspaceViewEditTabElement_instances, "m", _UmbBlockWorkspaceViewEditTabElement_setStructureManager).call(this);
         });
     }
     render() {
@@ -71,15 +81,31 @@ let UmbBlockWorkspaceViewEditTabElement = class UmbBlockWorkspaceViewEditTabElem
 		`;
     }
 };
+_UmbBlockWorkspaceViewEditTabElement_managerName = new WeakMap();
+_UmbBlockWorkspaceViewEditTabElement_blockWorkspace = new WeakMap();
+_UmbBlockWorkspaceViewEditTabElement_groupStructureHelper = new WeakMap();
 _UmbBlockWorkspaceViewEditTabElement_instances = new WeakSet();
+_UmbBlockWorkspaceViewEditTabElement_setStructureManager = function _UmbBlockWorkspaceViewEditTabElement_setStructureManager() {
+    if (!__classPrivateFieldGet(this, _UmbBlockWorkspaceViewEditTabElement_blockWorkspace, "f") || !__classPrivateFieldGet(this, _UmbBlockWorkspaceViewEditTabElement_managerName, "f"))
+        return;
+    __classPrivateFieldGet(this, _UmbBlockWorkspaceViewEditTabElement_groupStructureHelper, "f").setStructureManager(__classPrivateFieldGet(this, _UmbBlockWorkspaceViewEditTabElement_blockWorkspace, "f")[__classPrivateFieldGet(this, _UmbBlockWorkspaceViewEditTabElement_managerName, "f")].structure);
+    this.observe(__classPrivateFieldGet(this, _UmbBlockWorkspaceViewEditTabElement_groupStructureHelper, "f").containers, (groups) => {
+        this._groups = groups;
+    }, 'observeGroups');
+    this.observe(__classPrivateFieldGet(this, _UmbBlockWorkspaceViewEditTabElement_groupStructureHelper, "f").hasProperties, (hasProperties) => {
+        this._hasProperties = hasProperties;
+    }, 'observeHasProperties');
+};
 _UmbBlockWorkspaceViewEditTabElement_renderPart = function _UmbBlockWorkspaceViewEditTabElement_renderPart(groupName, boxName) {
     return this.hideSingleGroup && this._groups.length === 1
         ? html ` <umb-block-workspace-view-edit-properties
+					.managerName=${__classPrivateFieldGet(this, _UmbBlockWorkspaceViewEditTabElement_managerName, "f")}
 					class="properties"
 					container-type="Group"
 					container-name=${groupName || ''}></umb-block-workspace-view-edit-properties>`
         : html ` <uui-box .headline=${boxName || ''}
 					><umb-block-workspace-view-edit-properties
+						.managerName=${__classPrivateFieldGet(this, _UmbBlockWorkspaceViewEditTabElement_managerName, "f")}
 						class="properties"
 						container-type="Group"
 						container-name=${groupName || ''}></umb-block-workspace-view-edit-properties
@@ -96,6 +122,9 @@ UmbBlockWorkspaceViewEditTabElement.styles = [
 			}
 		`,
 ];
+__decorate([
+    property({ attribute: false })
+], UmbBlockWorkspaceViewEditTabElement.prototype, "managerName", null);
 __decorate([
     property({ type: String })
 ], UmbBlockWorkspaceViewEditTabElement.prototype, "tabName", null);