@umbraco-cms/backoffice 14.0.0--preview004-2a8fbe36 → 14.0.0--preview004-eaff2f45

package/dist-cms/apps/app/app.context.js

@@ -16,4 +16,4 @@ export class UmbAppContext extends UmbBaseController {
         return this.#serverUrl;
     }
 }
-export const UMB_APP_CONTEXT = new UmbContextToken('UMB_APP');
+export const UMB_APP_CONTEXT = new UmbContextToken('UmbAppContext');

package/dist-cms/custom-elements.json

@@ -4848,6 +4848,189 @@
         }
       ]
     },
+    {
+      "name": "umb-property-dataset",
+      "path": "./../src/packages/core/property/property-dataset/property-dataset.element.ts",
+      "properties": [
+        {
+          "name": "value",
+          "description": "The value of the dataset.",
+          "type": "UmbPropertyValueData<unknown>[]"
+        },
+        {
+          "name": "name",
+          "description": "The name of the dataset, this name varies depending on the use-case. But this is either",
+          "type": "string"
+        },
+        {
+          "name": "context",
+          "type": "UmbPropertyDatasetBaseContext"
+        }
+      ],
+      "slots": [
+        {
+          "name": "default",
+          "description": "Slot for rendering content within."
+        }
+      ]
+    },
+    {
+      "name": "umb-property-layout",
+      "path": "./../src/packages/core/property/property-layout/property-layout.element.ts",
+      "attributes": [
+        {
+          "name": "alias",
+          "description": "Alias. The technical name of the property.",
+          "type": "string",
+          "default": "\"''\""
+        },
+        {
+          "name": "label",
+          "description": "Label. Name of the property.",
+          "type": "string",
+          "default": "\"''\""
+        },
+        {
+          "name": "orientation",
+          "description": "Orientation: Horizontal is the default where label goes left and editor right.\nVertical is where label goes above the editor.",
+          "type": "string",
+          "default": "\"''\""
+        },
+        {
+          "name": "description",
+          "description": "Description: render a description underneath the label.",
+          "type": "string",
+          "default": "\"''\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "alias",
+          "attribute": "alias",
+          "description": "Alias. The technical name of the property.",
+          "type": "string",
+          "default": "\"''\""
+        },
+        {
+          "name": "label",
+          "attribute": "label",
+          "description": "Label. Name of the property.",
+          "type": "string",
+          "default": "\"''\""
+        },
+        {
+          "name": "orientation",
+          "attribute": "orientation",
+          "description": "Orientation: Horizontal is the default where label goes left and editor right.\nVertical is where label goes above the editor.",
+          "type": "string",
+          "default": "\"''\""
+        },
+        {
+          "name": "description",
+          "attribute": "description",
+          "description": "Description: render a description underneath the label.",
+          "type": "string",
+          "default": "\"''\""
+        },
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[\"UmbTextStyles\",null]"
+        }
+      ],
+      "slots": [
+        {
+          "name": "editor",
+          "description": "Slot for rendering the Property Editor"
+        },
+        {
+          "name": "description",
+          "description": "Slot for rendering things below the label."
+        },
+        {
+          "name": "action-menu",
+          "description": "Slot for rendering the Property Action Menu"
+        }
+      ]
+    },
+    {
+      "name": "umb-property",
+      "path": "./../src/packages/core/property/property/property.element.ts",
+      "attributes": [
+        {
+          "name": "label",
+          "description": "Label. Name of the property",
+          "type": "string",
+          "default": "\"''\""
+        },
+        {
+          "name": "description",
+          "description": "Description: render a description underneath the label.",
+          "type": "string",
+          "default": "\"''\""
+        },
+        {
+          "name": "alias",
+          "description": "Alias",
+          "type": "string",
+          "default": "\"''\""
+        },
+        {
+          "name": "property-editor-ui-alias",
+          "description": "Property Editor UI Alias. Render the Property Editor UI registered for this alias.",
+          "type": "string",
+          "default": "\"''\""
+        },
+        {
+          "name": "config",
+          "description": "Config. Configuration to pass to the Property Editor UI. This is also the configuration data stored on the Data Type.",
+          "type": "string",
+          "default": "\"''\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "label",
+          "attribute": "label",
+          "description": "Label. Name of the property",
+          "type": "string",
+          "default": "\"''\""
+        },
+        {
+          "name": "description",
+          "attribute": "description",
+          "description": "Description: render a description underneath the label.",
+          "type": "string",
+          "default": "\"''\""
+        },
+        {
+          "name": "alias",
+          "attribute": "alias",
+          "description": "Alias",
+          "type": "string",
+          "default": "\"''\""
+        },
+        {
+          "name": "propertyEditorUiAlias",
+          "attribute": "property-editor-ui-alias",
+          "description": "Property Editor UI Alias. Render the Property Editor UI registered for this alias.",
+          "type": "string",
+          "default": "\"''\""
+        },
+        {
+          "name": "config",
+          "attribute": "config",
+          "description": "Config. Configuration to pass to the Property Editor UI. This is also the configuration data stored on the Data Type.",
+          "type": "string",
+          "default": "\"''\""
+        },
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[\"UmbTextStyles\",null]"
+        }
+      ]
+    },
     {
       "name": "umb-section-default",
       "path": "./../src/packages/core/section/section-default.element.ts",
@@ -5352,184 +5535,12 @@
     {
       "name": "umb-workspace-modal",
       "path": "./../src/packages/core/workspace/workspace-modal/workspace-modal.element.ts",
-      "attributes": [
-        {
-          "name": "data"
-        }
-      ],
-      "properties": [
-        {
-          "name": "data",
-          "attribute": "data"
-        },
-        {
-          "name": "styles",
-          "default": "[\"UmbTextStyles\",null]"
-        }
-      ]
-    },
-    {
-      "name": "umb-workspace-property-layout",
-      "path": "./../src/packages/core/workspace/workspace-property-layout/workspace-property-layout.element.ts",
-      "attributes": [
-        {
-          "name": "alias",
-          "description": "Alias. The technical name of the property.",
-          "type": "string",
-          "default": "\"''\""
-        },
-        {
-          "name": "label",
-          "description": "Label. Name of the property.",
-          "type": "string",
-          "default": "\"''\""
-        },
-        {
-          "name": "orientation",
-          "description": "Orientation: Horizontal is the default where label goes left and editor right.\nVertical is where label goes above the editor.",
-          "type": "string",
-          "default": "\"''\""
-        },
-        {
-          "name": "description",
-          "description": "Description: render a description underneath the label.",
-          "type": "string",
-          "default": "\"''\""
-        }
-      ],
-      "properties": [
-        {
-          "name": "alias",
-          "attribute": "alias",
-          "description": "Alias. The technical name of the property.",
-          "type": "string",
-          "default": "\"''\""
-        },
-        {
-          "name": "label",
-          "attribute": "label",
-          "description": "Label. Name of the property.",
-          "type": "string",
-          "default": "\"''\""
-        },
-        {
-          "name": "orientation",
-          "attribute": "orientation",
-          "description": "Orientation: Horizontal is the default where label goes left and editor right.\nVertical is where label goes above the editor.",
-          "type": "string",
-          "default": "\"''\""
-        },
-        {
-          "name": "description",
-          "attribute": "description",
-          "description": "Description: render a description underneath the label.",
-          "type": "string",
-          "default": "\"''\""
-        },
-        {
-          "name": "styles",
-          "type": "array",
-          "default": "[\"UmbTextStyles\",null]"
-        }
-      ],
-      "slots": [
-        {
-          "name": "editor",
-          "description": "Slot for rendering the Property Editor"
-        },
-        {
-          "name": "description",
-          "description": "Slot for rendering things below the label."
-        },
-        {
-          "name": "property-action-menu",
-          "description": "Slot for rendering the Property Action Menu"
-        }
-      ]
-    },
-    {
-      "name": "umb-workspace-property",
-      "path": "./../src/packages/core/workspace/workspace-property/workspace-property.element.ts",
-      "attributes": [
-        {
-          "name": "label",
-          "description": "Label. Name of the property",
-          "type": "string",
-          "default": "\"''\""
-        },
-        {
-          "name": "description",
-          "description": "Description: render a description underneath the label.",
-          "type": "string",
-          "default": "\"''\""
-        },
-        {
-          "name": "alias",
-          "description": "Alias",
-          "type": "string",
-          "default": "\"''\""
-        },
-        {
-          "name": "_propertyEditorUiAlias",
-          "description": "Property Editor UI Alias. Render the Property Editor UI registered for this alias.",
-          "type": "string",
-          "default": "\"''\""
-        },
-        {
-          "name": "property-editor-ui-alias",
-          "type": "string"
-        },
-        {
-          "name": "config",
-          "description": "Config. Configuration to pass to the Property Editor UI. This is also the configuration data stored on the Data Type.",
-          "type": "string",
-          "default": "\"''\""
-        }
-      ],
       "properties": [
         {
-          "name": "label",
-          "attribute": "label",
-          "description": "Label. Name of the property",
-          "type": "string",
-          "default": "\"''\""
-        },
-        {
-          "name": "description",
-          "attribute": "description",
-          "description": "Description: render a description underneath the label.",
-          "type": "string",
-          "default": "\"''\""
-        },
-        {
-          "name": "alias",
-          "attribute": "alias",
-          "description": "Alias",
-          "type": "string",
-          "default": "\"''\""
-        },
-        {
-          "name": "_propertyEditorUiAlias",
-          "attribute": "_propertyEditorUiAlias",
-          "description": "Property Editor UI Alias. Render the Property Editor UI registered for this alias.",
-          "type": "string",
-          "default": "\"''\""
-        },
-        {
-          "name": "propertyEditorUiAlias",
-          "attribute": "property-editor-ui-alias",
-          "type": "string"
-        },
-        {
-          "name": "config",
-          "attribute": "config",
-          "description": "Config. Configuration to pass to the Property Editor UI. This is also the configuration data stored on the Data Type.",
-          "type": "string",
-          "default": "\"''\""
+          "name": "data"
         },
         {
           "name": "styles",
-          "type": "array",
           "default": "[\"UmbTextStyles\",null]"
         }
       ]

package/dist-cms/packages/core/components/property-type-based-property/property-type-based-property.element.js

@@ -46,12 +46,12 @@ let UmbPropertyTypeBasedPropertyElement = class UmbPropertyTypeBasedPropertyElem
         }
     }
     render() {
-        return html `<umb-workspace-property
+        return html `<umb-property
 			alias=${ifDefined(this._property?.alias)}
 			label=${ifDefined(this._property?.name)}
 			description=${ifDefined(this._property?.description || undefined)}
 			property-editor-ui-alias=${ifDefined(this._propertyEditorUiAlias)}
-			.config=${this._dataTypeData}></umb-workspace-property>`;
+			.config=${this._dataTypeData}></umb-property>`;
     }
     static { this.styles = [
         UmbTextStyles,

package/dist-cms/packages/core/components/variant-selector/variant-selector.element.js

@@ -4,10 +4,11 @@ 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;
 };
+import { UMB_PROPERTY_DATASET_CONTEXT, isNameablePropertyDatasetContext } from '../../property/index.js';
 import { UmbVariantId } from '../../variant/variant-id.class.js';
 import { UUIInputEvent } from '../../../../external/uui/index.js';
 import { css, html, nothing, customElement, property, state, ifDefined, query, } from '../../../../external/lit/index.js';
-import { UMB_WORKSPACE_SPLIT_VIEW_CONTEXT, UMB_VARIANT_CONTEXT, isNameablePropertySetContext, } from '../../workspace/index.js';
+import { UMB_WORKSPACE_SPLIT_VIEW_CONTEXT, } from '../../workspace/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 import { ContentStateModel } from '../../../../external/backend-api/index.js';
 let UmbVariantSelectorElement = class UmbVariantSelectorElement extends UmbLitElement {
@@ -29,7 +30,7 @@ let UmbVariantSelectorElement = class UmbVariantSelectorElement extends UmbLitEl
             this._observeVariants();
             this._observeActiveVariants();
         });
-        this.consumeContext(UMB_VARIANT_CONTEXT, (instance) => {
+        this.consumeContext(UMB_PROPERTY_DATASET_CONTEXT, (instance) => {
             this.#variantContext = instance;
             this._observeVariantContext();
         });
@@ -84,7 +85,7 @@ let UmbVariantSelectorElement = class UmbVariantSelectorElement extends UmbLitEl
             const target = event.composedPath()[0];
             if (typeof target?.value === 'string' &&
                 this.#variantContext &&
-                isNameablePropertySetContext(this.#variantContext)) {
+                isNameablePropertyDatasetContext(this.#variantContext)) {
                 this.#variantContext.setName(target.value);
             }
         }

package/dist-cms/packages/core/data-type/components/property-editor-config/property-editor-config.element.d.ts

@@ -9,7 +9,7 @@ export declare class UmbPropertyEditorConfigElement extends UmbLitElement {
     private _properties;
     constructor();
     render(): unknown;
-    static styles: import("@lit/reactive-element/css-tag").CSSResult[];
+    static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
 }
 export default UmbPropertyEditorConfigElement;
 declare global {

package/dist-cms/packages/core/data-type/components/property-editor-config/property-editor-config.element.js

@@ -4,10 +4,10 @@ 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;
 };
+import { UMB_DATA_TYPE_WORKSPACE_CONTEXT } from '../../workspace/data-type-workspace.context.js';
 import { html, customElement, state, ifDefined, repeat } from '../../../../../external/lit/index.js';
 import { UmbTextStyles } from '../../../../../shared/style/index.js';
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
-import { UMB_DATA_TYPE_VARIANT_CONTEXT } from '../../index.js';
 /**
  * @element umb-property-editor-config
  * @description - Element for displaying the configuration for a Property Editor based on a Property Editor UI Alias and a Property Editor Model alias.
@@ -15,30 +15,31 @@ import { UMB_DATA_TYPE_VARIANT_CONTEXT } from '../../index.js';
  */
 let UmbPropertyEditorConfigElement = class UmbPropertyEditorConfigElement extends UmbLitElement {
     // TODO: Make this element generic, so its not bound to DATA-TYPEs. This will require moving some functionality of Data-Type-Context to this. and this might need to self provide a variant Context for its inner property editor UIs.
-    #variantContext;
+    #workspaceContext;
     constructor() {
         super();
         this._properties = [];
-        this.consumeContext(UMB_DATA_TYPE_VARIANT_CONTEXT, (instance) => {
-            this.#variantContext = instance;
+        // This now connects to the workspace, as the variant does not know about the layout details.
+        this.consumeContext(UMB_DATA_TYPE_WORKSPACE_CONTEXT, (instance) => {
+            this.#workspaceContext = instance;
             this.#observeProperties();
         });
     }
     #observeProperties() {
-        if (!this.#variantContext)
+        if (!this.#workspaceContext)
             return;
-        this.observe(this.#variantContext.properties, (properties) => {
+        this.observe(this.#workspaceContext.properties, (properties) => {
             this._properties = properties;
         }, 'observeProperties');
     }
     render() {
         return this._properties?.length > 0
-            ? repeat(this._properties, (property) => property.alias, (property) => html `<umb-workspace-property
+            ? repeat(this._properties, (property) => property.alias, (property) => html `<umb-property
 							label="${property.label}"
 							description="${ifDefined(property.description)}"
 							alias="${property.alias}"
 							property-editor-ui-alias="${property.propertyEditorUiAlias}"
-							.config=${property.config}></umb-workspace-property>`)
+							.config=${property.config}></umb-property>`)
             : html `<div>No configuration</div>`;
     }
     static { this.styles = [UmbTextStyles]; }

package/dist-cms/packages/core/data-type/index.d.ts

@@ -1,5 +1,4 @@
 import './components/index.js';
 export * from './entity.js';
 export * from './repository/index.js';
-export * from './variant-context/index.js';
 export type { UmbDataTypeDetailModel } from './types.js';

package/dist-cms/packages/core/data-type/index.js

@@ -1,4 +1,3 @@
 import './components/index.js';
 export * from './entity.js';
 export * from './repository/index.js';
-export * from './variant-context/index.js';

package/dist-cms/packages/core/data-type/workspace/data-type-workspace-editor.element.js

@@ -19,7 +19,7 @@ let UmbDataTypeWorkspaceEditorElement = class UmbDataTypeWorkspaceEditorElement
         this._dataTypeName = '';
         this.consumeContext(UMB_DATA_TYPE_WORKSPACE_CONTEXT, (workspaceContext) => {
             this.#workspaceContext = workspaceContext;
-            this.#workspaceContext?.createVariantContext(this);
+            this.#workspaceContext?.createPropertyDatasetContext(this);
             this.#observeIsNew();
             this.#observeName();
         });

package/dist-cms/packages/core/data-type/workspace/data-type-workspace.context.d.ts

@@ -1,5 +1,5 @@
+import { UmbPropertyDatasetContext } from '../../property/index.js';
 import { UmbDataTypeDetailRepository } from '../repository/detail/data-type-detail.repository.js';
-import { UmbDataTypeVariantContext } from '../variant-context/data-type-variant-context.js';
 import type { UmbDataTypeDetailModel } from '../types.js';
 import { UmbInvariantableWorkspaceContextInterface, UmbEditableWorkspaceContextBase, UmbWorkspaceContextInterface } from '../../workspace/index.js';
 import { UmbControllerHost, UmbControllerHostElement } from '../../../../libs/controller-api/index.js';
@@ -28,7 +28,7 @@ export declare class UmbDataTypeWorkspaceContext extends UmbEditableWorkspaceCon
     private _mergeConfigProperties;
     private _mergeConfigDefaultData;
     getPropertyDefaultValue(alias: string): unknown;
-    createVariantContext(host: UmbControllerHost): UmbDataTypeVariantContext;
+    createPropertyDatasetContext(host: UmbControllerHost): UmbPropertyDatasetContext;
     load(unique: string): Promise<void>;
     create(parentUnique: string | null): Promise<{
         data: any;
@@ -37,7 +37,7 @@ export declare class UmbDataTypeWorkspaceContext extends UmbEditableWorkspaceCon
     getEntityId(): string;
     getEntityType(): string;
     getName(): string | undefined;
-    setName(name: string): void;
+    setName(name: string | undefined): void;
     setPropertyEditorSchemaAlias(alias?: string): void;
     setPropertyEditorUiAlias(alias?: string): void;
     propertyValueByAlias<ReturnType = unknown>(propertyAlias: string): Promise<Observable<ReturnType>>;

package/dist-cms/packages/core/data-type/workspace/data-type-workspace.context.js

@@ -1,13 +1,11 @@
 import { UmbDataTypeDetailRepository } from '../repository/detail/data-type-detail.repository.js';
-import { UmbDataTypeVariantContext } from '../variant-context/data-type-variant-context.js';
-import { UmbEditableWorkspaceContextBase, } from '../../workspace/index.js';
+import { UmbEditableWorkspaceContextBase, UmbInvariantWorkspacePropertyDatasetContext, } from '../../workspace/index.js';
 import { appendToFrozenArray, UmbArrayState, UmbObjectState, UmbStringState, } from '../../../../libs/observable-api/index.js';
 import { UmbContextToken } from '../../../../libs/context-api/index.js';
 import { combineLatest, map } from '../../../../external/rxjs/index.js';
 import { umbExtensionsRegistry, } from '../../extension-registry/index.js';
 import { UMB_PROPERTY_EDITOR_SCHEMA_ALIAS_DEFAULT } from '../../property-editor/index.js';
 export class UmbDataTypeWorkspaceContext extends UmbEditableWorkspaceContextBase {
-    // TODO: revisit. temp solution because the create and response models are different.
     #data;
     #getDataPromise;
     #properties;
@@ -16,7 +14,6 @@ export class UmbDataTypeWorkspaceContext extends UmbEditableWorkspaceContextBase
     #propertyEditorUiName;
     constructor(host) {
         super(host, 'Umb.Workspace.DataType', new UmbDataTypeDetailRepository(host));
-        // TODO: revisit. temp solution because the create and response models are different.
         this.#data = new UmbObjectState(undefined);
         this.data = this.#data.asObservable();
         this.name = this.#data.asObservablePart((data) => data?.name);
@@ -103,8 +100,49 @@ export class UmbDataTypeWorkspaceContext extends UmbEditableWorkspaceContextBase
     getPropertyDefaultValue(alias) {
         return this._configDefaultData?.find((x) => x.alias === alias)?.value;
     }
-    createVariantContext(host) {
-        return new UmbDataTypeVariantContext(host, this);
+    createPropertyDatasetContext(host) {
+        return new UmbInvariantWorkspacePropertyDatasetContext(host, this);
+        /*
+        // Example of how this could have been done with the PropertyDatasetBaseContext:
+        const context = new UmbPropertyDatasetBaseContext(host);
+
+        // Observe workspace name:
+        this.observe(this.name, (name) => {
+            context.setName(name ?? '');
+        });
+        // Observe the variant name:
+        this.observe(context.name, (name) => {
+            this.setName(name);
+        });
+
+        this.observe(
+            this.properties,
+            (properties) => {
+                if (properties) {
+                    properties.forEach(async (property) => {
+                        // Observe value of workspace:
+                        this.observe(
+                            await this.propertyValueByAlias(property.alias),
+                            (value) => {
+                                context.setPropertyValue(property.alias, value);
+                            },
+                            'observeWorkspacePropertyOf_' + property.alias,
+                        );
+                        // Observe value of variant:
+                        this.observe(
+                            await context.propertyValueByAlias(property.alias),
+                            (value) => {
+                                this.setPropertyValue(property.alias, value);
+                            },
+                            'observeVariantPropertyOf_' + property.alias,
+                        );
+                    });
+                }
+            },
+            'observePropertyValues',
+        );
+        return context;
+        */
     }
     async load(unique) {
         this.#getDataPromise = this.repository.requestByUnique(unique);

package/dist-cms/packages/core/data-type/workspace/views/details/data-type-details-workspace-view.element.js

@@ -63,7 +63,7 @@ let UmbDataTypeDetailsWorkspaceViewEditElement = class UmbDataTypeDetailsWorkspa
     }
     #renderPropertyEditorReference() {
         return html `
-			<umb-workspace-property-layout label="Property Editor" description="Select a property editor">
+			<umb-property-layout label="Property Editor" description="Select a property editor">
 				${this._propertyEditorUiAlias && this._propertyEditorSchemaAlias
             ? html `
 							<!-- TODO: border is a bit weird attribute name. Maybe single or standalone would be better? -->
@@ -89,7 +89,7 @@ let UmbDataTypeDetailsWorkspaceViewEditElement = class UmbDataTypeDetailsWorkspa
 								color="default"
 								@click=${this._openPropertyEditorUIPicker}></uui-button>
 					  `}
-			</umb-workspace-property-layout>
+			</umb-property-layout>
 		`;
     }
     #renderPropertyEditorConfig() {

package/dist-cms/packages/core/data-type/workspace/views/info/workspace-view-data-type-info.element.js

@@ -31,16 +31,16 @@ let UmbWorkspaceViewDataTypeInfoElement = class UmbWorkspaceViewDataTypeInfoElem
     _renderGeneralInfo() {
         return html `
 			<uui-box headline="General" style="margin-bottom: 20px;">
-				<umb-workspace-property-layout label="Id">
+				<umb-property-layout label="Id">
 					<div slot="editor">${this._dataType?.unique}</div>
-				</umb-workspace-property-layout>
-				<umb-workspace-property-layout label="Property Editor Alias">
+				</umb-property-layout>
+				<umb-property-layout label="Property Editor Alias">
 					<div slot="editor">${this._dataType?.propertyEditorAlias}</div>
-				</umb-workspace-property-layout>
+				</umb-property-layout>
 
-				<umb-workspace-property-layout label="Property Editor UI Alias">
+				<umb-property-layout label="Property Editor UI Alias">
 					<div slot="editor">${this._dataType?.propertyEditorUiAlias}</div>
-				</umb-workspace-property-layout>
+				</umb-property-layout>
 			</uui-box>
 		`;
     }