@umbraco-cms/backoffice 14.0.0-c26a40c4 → 14.0.0-ce7724db

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

@@ -5,24 +5,19 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { html, customElement, property, state, ifDefined } from '../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../external/uui/index.js';
-import { umbExtensionsRegistry, } from '../../extension-registry/index.js';
+import { UmbTextStyles } from "../../../../shared/style/index.js";
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
-import { UMB_PROPERTY_EDITOR_SCHEMA_ALIAS_DEFAULT } from '../../property-editor/index.js';
+import { UMB_DATA_TYPE_VARIANT_CONTEXT } from '../../../settings/data-types/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.
+ * @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.
+ * This element requires a UMB_DATA_TYPE_WORKSPACE_CONTEXT to be present.
  */
 export 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;
     constructor() {
-        super(...arguments);
-        /**
-         * Property Editor UI Alias. The element will render configuration for a Property Editor UI with this alias.
-         * @type {string}
-         * @attr
-         * @default ''
-         */
-        this._propertyEditorUiAlias = '';
+        super();
         /**
          * Data. The element will render configuration editors with values from this data.
          * If a value is not found in this data, the element will use the default value from the configuration.
@@ -32,58 +27,13 @@ export let UmbPropertyEditorConfigElement = class UmbPropertyEditorConfigElement
          */
         this.data = [];
         this._properties = [];
-        this._propertyEditorSchemaConfigDefaultData = [];
-        this._propertyEditorUISettingsDefaultData = [];
-        this._propertyEditorSchemaConfigProperties = [];
-        this._propertyEditorUISettingsProperties = [];
-    }
-    get propertyEditorUiAlias() {
-        return this._propertyEditorUiAlias;
-    }
-    set propertyEditorUiAlias(value) {
-        const oldVal = this._propertyEditorUiAlias;
-        this._propertyEditorUiAlias = value;
-        this.requestUpdate('propertyEditorUiAlias', oldVal);
-        this._observePropertyEditorUIConfig();
-    }
-    _observePropertyEditorUIConfig() {
-        if (!this._propertyEditorUiAlias)
-            return;
-        this.observe(umbExtensionsRegistry.getByTypeAndAlias('propertyEditorUi', this.propertyEditorUiAlias), (manifest) => {
-            this._observePropertyEditorSchemaConfig(manifest?.meta.propertyEditorSchemaAlias || UMB_PROPERTY_EDITOR_SCHEMA_ALIAS_DEFAULT);
-            this._propertyEditorUISettingsProperties = manifest?.meta.settings?.properties || [];
-            this._propertyEditorUISettingsDefaultData = manifest?.meta.settings?.defaultData || [];
-            this._mergeConfigProperties();
-            this._mergeConfigDefaultData();
+        this.consumeContext(UMB_DATA_TYPE_VARIANT_CONTEXT, (instance) => {
+            this.#variantContext = instance;
+            this.observe(this.#variantContext.properties, (properties) => {
+                this._properties = properties;
+            }, 'observeProperties');
         });
     }
-    _observePropertyEditorSchemaConfig(propertyEditorSchemaAlias) {
-        this.observe(umbExtensionsRegistry.getByTypeAndAlias('propertyEditorSchema', propertyEditorSchemaAlias), (manifest) => {
-            this._propertyEditorSchemaConfigProperties = manifest?.meta.settings?.properties || [];
-            this._propertyEditorSchemaConfigDefaultData = manifest?.meta.settings?.defaultData || [];
-            this._mergeConfigProperties();
-            this._mergeConfigDefaultData();
-        });
-    }
-    _mergeConfigProperties() {
-        this._properties = [...this._propertyEditorSchemaConfigProperties, ...this._propertyEditorUISettingsProperties];
-    }
-    _mergeConfigDefaultData() {
-        this._configDefaultData = [
-            ...this._propertyEditorSchemaConfigDefaultData,
-            ...this._propertyEditorUISettingsDefaultData,
-        ];
-    }
-    /**
-     * Get the stored value for a property. It will render the default value from the configuration if no value is stored in the database.
-     */
-    _getValue(property) {
-        const value = this.data.find((data) => data.alias === property.alias)?.value;
-        if (value)
-            return value;
-        const defaultValue = this._configDefaultData?.find((data) => data.alias === property.alias)?.value;
-        return defaultValue ?? null;
-    }
     render() {
         return html `
 			${this._properties.length > 0
@@ -94,18 +44,14 @@ export let UmbPropertyEditorConfigElement = class UmbPropertyEditorConfigElement
 									description="${ifDefined(property.description)}"
 									alias="${property.alias}"
 									property-editor-ui-alias="${property.propertyEditorUiAlias}"
-									.value=${this._getValue(property)}
 									.config=${property.config}></umb-workspace-property>
 							`)}
 				  `
             : html `<div>No configuration</div>`}
 		`;
     }
-    static { this.styles = [UUITextStyles]; }
+    static { this.styles = [UmbTextStyles]; }
 };
-__decorate([
-    property({ type: String, attribute: 'property-editor-ui-alias' })
-], UmbPropertyEditorConfigElement.prototype, "propertyEditorUiAlias", null);
 __decorate([
     property({ type: Array })
 ], UmbPropertyEditorConfigElement.prototype, "data", void 0);

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

@@ -1,4 +1,3 @@
-import type { UmbVariantId } from '../../variant/index.js';
 import type { PropertyTypeModelBaseModel } from '../../../../external/backend-api/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 export declare class UmbPropertyTypeBasedPropertyElement extends UmbLitElement {
@@ -9,21 +8,6 @@ export declare class UmbPropertyTypeBasedPropertyElement extends UmbLitElement {
     private _dataTypeData?;
     private _dataTypeRepository;
     private _dataTypeObserver?;
-    private _value?;
-    /**
-     * propertyVariantId. A VariantID to identify which the variant of this properties value.
-     * @public
-     * @type {UmbVariantId}
-     * @attr
-     * @default undefined
-     */
-    get propertyVariantId(): UmbVariantId | undefined;
-    set propertyVariantId(value: UmbVariantId | undefined);
-    private _propertyVariantId?;
-    private _workspaceContext?;
-    constructor();
-    private _observePropertyValue?;
-    private _observeProperty;
     private _observeDataType;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];

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

@@ -4,13 +4,16 @@ 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 { UUITextStyles } from '../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../shared/style/index.js";
 import { css, html, ifDefined, customElement, property, state } from '../../../../external/lit/index.js';
 import { UmbDataTypeRepository } from '../../../settings/data-types/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
-import { UMB_WORKSPACE_CONTEXT } from '../../workspace/index.js';
 import { umbExtensionsRegistry } from '../../extension-registry/index.js';
 export let UmbPropertyTypeBasedPropertyElement = class UmbPropertyTypeBasedPropertyElement extends UmbLitElement {
+    constructor() {
+        super(...arguments);
+        this._dataTypeRepository = new UmbDataTypeRepository(this);
+    }
     get property() {
         return this._property;
     }
@@ -19,43 +22,8 @@ export let UmbPropertyTypeBasedPropertyElement = class UmbPropertyTypeBasedPrope
         this._property = value;
         if (this._property?.dataTypeId !== oldProperty?.dataTypeId) {
             this._observeDataType(this._property?.dataTypeId);
-            this._observeProperty();
         }
     }
-    /**
-     * propertyVariantId. A VariantID to identify which the variant of this properties value.
-     * @public
-     * @type {UmbVariantId}
-     * @attr
-     * @default undefined
-     */
-    get propertyVariantId() {
-        return this._propertyVariantId;
-    }
-    set propertyVariantId(value) {
-        const oldValue = this._propertyVariantId;
-        if (value && oldValue?.equal(value))
-            return;
-        this._propertyVariantId = value;
-        this._observeProperty();
-        this.requestUpdate('propertyVariantId', oldValue);
-    }
-    constructor() {
-        super();
-        this._dataTypeRepository = new UmbDataTypeRepository(this);
-        this.consumeContext(UMB_WORKSPACE_CONTEXT, (workspaceContext) => {
-            this._workspaceContext = workspaceContext;
-            this._observeProperty();
-        });
-    }
-    _observeProperty() {
-        if (!this._workspaceContext || !this.property || !this._property?.alias)
-            return;
-        this._observePropertyValue?.destroy();
-        this._observePropertyValue = this.observe(this._workspaceContext.propertyValueByAlias(this._property.alias, this._propertyVariantId), (value) => {
-            this._value = value;
-        }, '_observePropertyValue');
-    }
     async _observeDataType(dataTypeId) {
         this._dataTypeObserver?.destroy();
         if (dataTypeId) {
@@ -83,12 +51,10 @@ export let UmbPropertyTypeBasedPropertyElement = class UmbPropertyTypeBasedPrope
 			label=${ifDefined(this._property?.name)}
 			description=${ifDefined(this._property?.description || undefined)}
 			property-editor-ui-alias=${ifDefined(this._propertyEditorUiAlias)}
-			.value=${this._value}
-			.propertyVariantId=${this.propertyVariantId}
 			.config=${this._dataTypeData}></umb-workspace-property>`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			:host {
 				display: block;
@@ -105,12 +71,6 @@ __decorate([
 __decorate([
     state()
 ], UmbPropertyTypeBasedPropertyElement.prototype, "_dataTypeData", void 0);
-__decorate([
-    state()
-], UmbPropertyTypeBasedPropertyElement.prototype, "_value", void 0);
-__decorate([
-    property({ type: Object, attribute: false })
-], UmbPropertyTypeBasedPropertyElement.prototype, "propertyVariantId", null);
 UmbPropertyTypeBasedPropertyElement = __decorate([
     customElement('umb-property-type-based-property')
 ], UmbPropertyTypeBasedPropertyElement);

package/dist-cms/packages/core/components/table/table.element.js

@@ -4,7 +4,7 @@ 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 { UUITextStyles } from '../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../shared/style/index.js";
 import { css, html, LitElement, ifDefined, when, customElement, property, state, repeat, } from '../../../../external/lit/index.js';
 export class UmbTableSelectedEvent extends Event {
     constructor() {
@@ -178,7 +178,7 @@ export let UmbTableElement = class UmbTableElement extends LitElement {
         return value;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			:host {
 				height: fit-content;

package/dist-cms/packages/core/components/tooltip-menu/tooltip-menu.element.js

@@ -4,7 +4,7 @@ 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 { UUITextStyles } from '../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../shared/style/index.js";
 import { css, html, LitElement, nothing, repeat, customElement, property } from '../../../../external/lit/index.js';
 export let UmbTooltipMenuElement = class UmbTooltipMenuElement extends LitElement {
     constructor() {
@@ -41,7 +41,7 @@ export let UmbTooltipMenuElement = class UmbTooltipMenuElement extends LitElemen
         return repeat(this.items, (item) => item.label, (item) => this._renderItem(item));
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			:host {
 				display: flex;

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

@@ -2,11 +2,10 @@ import { ActiveVariant } from '../../workspace/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 import { DocumentVariantResponseModel } from '../../../../external/backend-api/index.js';
 export declare class UmbVariantSelectorElement extends UmbLitElement {
-    alias: string;
+    #private;
     _variants: Array<DocumentVariantResponseModel>;
     _activeVariants: Array<ActiveVariant>;
     get _activeVariantsCultures(): string[];
-    private _variantContext?;
     private _name?;
     private _culture?;
     private _segment?;
@@ -28,7 +27,7 @@ export declare class UmbVariantSelectorElement extends UmbLitElement {
     private _isVariantActive;
     private _isNotPublishedMode;
     render(): import("lit-html").TemplateResult<1>;
-    static styles: import("@lit/reactive-element/css-tag").CSSResult[];
+    static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
 }
 export default UmbVariantSelectorElement;
 declare global {

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

@@ -4,15 +4,18 @@ 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 { UUITextStyles, UUIInputEvent } from '../../../../external/uui/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 } from '../../../../external/lit/index.js';
-import { UMB_WORKSPACE_VARIANT_CONTEXT_TOKEN, } from '../../workspace/index.js';
+import { UMB_WORKSPACE_SPLIT_VIEW_CONTEXT, UMB_VARIANT_CONTEXT, isNameablePropertySetContext, } from '../../workspace/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 import { ContentStateModel } from '../../../../external/backend-api/index.js';
 export let UmbVariantSelectorElement = class UmbVariantSelectorElement extends UmbLitElement {
     get _activeVariantsCultures() {
         return this._activeVariants.map((el) => el.culture ?? '') ?? [];
     }
+    #splitViewContext;
+    #variantContext;
     constructor() {
         super();
         this._variants = [];
@@ -21,17 +24,20 @@ export let UmbVariantSelectorElement = class UmbVariantSelectorElement extends U
         // TODO: make adapt to backoffice locale.
         this._cultureNames = new Intl.DisplayNames('en', { type: 'language' });
         this._variantSelectorIsOpen = false;
-        this.consumeContext(UMB_WORKSPACE_VARIANT_CONTEXT_TOKEN, (instance) => {
-            this._variantContext = instance;
+        this.consumeContext(UMB_WORKSPACE_SPLIT_VIEW_CONTEXT, (instance) => {
+            this.#splitViewContext = instance;
             this._observeVariants();
             this._observeActiveVariants();
+        });
+        this.consumeContext(UMB_VARIANT_CONTEXT, (instance) => {
+            this.#variantContext = instance;
             this._observeVariantContext();
         });
     }
     async _observeVariants() {
-        if (!this._variantContext)
+        if (!this.#splitViewContext)
             return;
-        const workspaceContext = this._variantContext.getWorkspaceContext();
+        const workspaceContext = this.#splitViewContext.getWorkspaceContext();
         if (workspaceContext) {
             this.observe(workspaceContext.variants, (variants) => {
                 if (variants) {
@@ -41,9 +47,9 @@ export let UmbVariantSelectorElement = class UmbVariantSelectorElement extends U
         }
     }
     async _observeActiveVariants() {
-        if (!this._variantContext)
+        if (!this.#splitViewContext)
             return;
-        const workspaceContext = this._variantContext.getWorkspaceContext();
+        const workspaceContext = this.#splitViewContext.getWorkspaceContext();
         if (workspaceContext) {
             this.observe(workspaceContext.splitView.activeVariantsInfo, (activeVariants) => {
                 if (activeVariants) {
@@ -53,19 +59,15 @@ export let UmbVariantSelectorElement = class UmbVariantSelectorElement extends U
         }
     }
     async _observeVariantContext() {
-        if (!this._variantContext)
+        if (!this.#variantContext)
             return;
-        this.observe(this._variantContext.name, (name) => {
+        const variantId = this.#variantContext.getVariantId();
+        this._culture = variantId.culture;
+        this._segment = variantId.segment;
+        this.updateVariantDisplayName();
+        this.observe(this.#variantContext.name, (name) => {
             this._name = name;
         }, '_name');
-        this.observe(this._variantContext.culture, (culture) => {
-            this._culture = culture;
-            this.updateVariantDisplayName();
-        }, '_culture');
-        this.observe(this._variantContext.segment, (segment) => {
-            this._segment = segment;
-            this.updateVariantDisplayName();
-        }, '_segment');
     }
     updateVariantDisplayName() {
         if (!this._culture && !this._segment)
@@ -80,9 +82,8 @@ export let UmbVariantSelectorElement = class UmbVariantSelectorElement extends U
     _handleInput(event) {
         if (event instanceof UUIInputEvent) {
             const target = event.composedPath()[0];
-            if (typeof target?.value === 'string') {
-                // TODO: create a setName method on EntityWorkspace:
-                this._variantContext?.setName(target.value);
+            if (typeof target?.value === 'string' && this.#variantContext && isNameablePropertySetContext(this.#variantContext)) {
+                this.#variantContext.setName(target.value);
             }
         }
     }
@@ -93,15 +94,15 @@ export let UmbVariantSelectorElement = class UmbVariantSelectorElement extends U
         this._variantSelectorIsOpen = false;
     }
     _switchVariant(variant) {
-        this._variantContext?.switchVariant(variant);
+        this.#splitViewContext?.switchVariant(UmbVariantId.Create(variant));
         this._close();
     }
     _openSplitView(variant) {
-        this._variantContext?.openSplitView(variant);
+        this.#splitViewContext?.openSplitView(UmbVariantId.Create(variant));
         this._close();
     }
     _closeSplitView() {
-        this._variantContext?.closeSplitView();
+        this.#splitViewContext?.closeSplitView();
     }
     _isVariantActive(culture) {
         return this._activeVariantsCultures.includes(culture);
@@ -175,7 +176,6 @@ export let UmbVariantSelectorElement = class UmbVariantSelectorElement extends U
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
         css `
 			#name-input {
 				width: 100%;
@@ -297,9 +297,6 @@ export let UmbVariantSelectorElement = class UmbVariantSelectorElement extends U
 		`,
     ]; }
 };
-__decorate([
-    property()
-], UmbVariantSelectorElement.prototype, "alias", void 0);
 __decorate([
     state()
 ], UmbVariantSelectorElement.prototype, "_variants", void 0);
@@ -307,7 +304,7 @@ __decorate([
     state()
 ], UmbVariantSelectorElement.prototype, "_activeVariants", void 0);
 __decorate([
-    property()
+    property({ attribute: false })
 ], UmbVariantSelectorElement.prototype, "_activeVariantsCultures", null);
 __decorate([
     state()

package/dist-cms/packages/core/content-type/content-type-property-structure-helper.class.d.ts

@@ -8,6 +8,7 @@ export declare class UmbContentTypePropertyStructureHelper {
     private _containerName?;
     readonly propertyStructure: import("rxjs").Observable<PropertyTypeModelBaseModel[]>;
     constructor(host: UmbControllerHostElement);
+    getOwnerDocumentTypes(): import("rxjs").Observable<import("../../../external/backend-api/index.js").DocumentTypeResponseModel[]> | undefined;
     setStructureManager(structure: UmbContentTypePropertyStructureManager): void;
     setContainerType(value?: PropertyContainerTypes): void;
     getContainerType(): PropertyContainerTypes | undefined;
@@ -18,6 +19,7 @@ export declare class UmbContentTypePropertyStructureHelper {
     private _observeGroupContainers;
     private _observePropertyStructureOf;
     /** Manipulate methods: */
+    createPropertyScaffold(ownerId?: string, sortOrder?: number): Promise<PropertyTypeModelBaseModel | undefined>;
     addProperty(ownerId?: string, sortOrder?: number): Promise<PropertyTypeModelBaseModel | undefined>;
     insertProperty(property: PropertyTypeModelBaseModel, sortOrder?: number): Promise<boolean>;
     removeProperty(propertyId: string): Promise<boolean>;

package/dist-cms/packages/core/content-type/content-type-property-structure-helper.class.js

@@ -15,6 +15,9 @@ export class UmbContentTypePropertyStructureHelper {
         // TODO: Remove as any when sortOrder is implemented:
         this.#propertyStructure.sortBy((a, b) => (a.sortOrder ?? 0) - (b.sortOrder ?? 0));
     }
+    getOwnerDocumentTypes() {
+        return this.#structure?.documentTypes;
+    }
     setStructureManager(structure) {
         this.#structure = structure;
         this.#initResolver?.(undefined);
@@ -77,6 +80,12 @@ export class UmbContentTypePropertyStructureHelper {
     }
     // TODO: consider moving this to another class, to separate 'viewer' from 'manipulator':
     /** Manipulate methods: */
+    async createPropertyScaffold(ownerId, sortOrder) {
+        await this.#init;
+        if (!this.#structure)
+            return;
+        return await this.#structure.createPropertyScaffold(ownerId, sortOrder);
+    }
     async addProperty(ownerId, sortOrder) {
         await this.#init;
         if (!this.#structure)

package/dist-cms/packages/core/content-type/content-type-structure-manager.class.d.ts

@@ -37,10 +37,15 @@ export declare class UmbContentTypePropertyStructureManager<R extends UmbDetailR
     makeContainerNameUniqueForOwnerDocument(newName: string, containerType?: PropertyContainerTypes, parentId?: string | null): string | null;
     updateContainer(documentTypeId: string | null, containerId: string, partialUpdate: Partial<PropertyTypeContainerModelBaseModel>): Promise<void>;
     removeContainer(documentTypeKey: string | null, containerId?: string | null): Promise<void>;
+    createPropertyScaffold(containerId?: string | null, sortOrder?: number): PropertyTypeModelBaseModel;
     createProperty(documentTypeId: string | null, containerId?: string | null, sortOrder?: number): Promise<PropertyTypeModelBaseModel>;
     insertProperty(documentTypeId: string | null, property: PropertyTypeModelBaseModel): Promise<void>;
     removeProperty(documentTypeId: string | null, propertyId: string): Promise<void>;
     updateProperty(documentTypeId: string | null, propertyId: string, partialUpdate: Partial<PropertyTypeModelBaseModel>): Promise<void>;
+    propertyStructureById(propertyId: string): Promise<import("rxjs").Observable<PropertyTypeModelBaseModel | undefined>>;
+    propertyStructureByAlias(propertyAlias: string): Promise<import("rxjs").Observable<PropertyTypeModelBaseModel | undefined>>;
+    getPropertyStructureById(propertyId: string): Promise<PropertyTypeModelBaseModel | undefined>;
+    getPropertyStructureByAlias(propertyAlias: string): Promise<PropertyTypeModelBaseModel | undefined>;
     ownerDocumentTypeObservablePart<PartResult>(mappingFunction: MappingFunction<T, PartResult>): import("rxjs").Observable<PartResult | undefined>;
     hasPropertyStructuresOf(containerId: string | null): import("rxjs").Observable<boolean>;
     rootPropertyStructures(): import("rxjs").Observable<PropertyTypeModelBaseModel[]>;

package/dist-cms/packages/core/content-type/content-type-structure-manager.class.js

@@ -139,10 +139,10 @@ export class UmbContentTypePropertyStructureManager {
         return container;
     }
     makeContainerNameUniqueForOwnerDocument(newName, containerType = 'Tab', parentId = null) {
-        const ownerRootContainers = this.getOwnerContainers(containerType, parentId);
+        const ownerRootContainers = this.getOwnerContainers(containerType); //getRootContainers() can't differentiates between compositions and locals
         let changedName = newName;
         if (ownerRootContainers) {
-            while (ownerRootContainers.find((tab) => tab.name === changedName)) {
+            while (ownerRootContainers.find((tab) => tab.name === changedName && tab.id !== parentId)) {
                 changedName = incrementString(changedName);
             }
             return changedName === newName ? null : changedName;
@@ -163,9 +163,7 @@ export class UmbContentTypePropertyStructureManager {
         const containers = frozenContainers.filter((x) => x.id !== containerId);
         this.#documentTypes.updateOne(documentTypeKey, { containers });
     }
-    async createProperty(documentTypeId, containerId = null, sortOrder) {
-        await this.#init;
-        documentTypeId = documentTypeId ?? this.#ownerDocumentTypeId;
+    createPropertyScaffold(containerId = null, sortOrder) {
         const property = {
             id: UmbId.new(),
             containerId: containerId,
@@ -186,6 +184,12 @@ export class UmbContentTypePropertyStructureManager {
             },
             sortOrder: sortOrder ?? 0,
         }; // Sort order was not allowed when this was written.
+        return property;
+    }
+    async createProperty(documentTypeId, containerId = null, sortOrder) {
+        await this.#init;
+        documentTypeId = documentTypeId ?? this.#ownerDocumentTypeId;
+        const property = this.createPropertyScaffold(containerId, sortOrder);
         const properties = [...(this.#documentTypes.getValue().find((x) => x.id === documentTypeId)?.properties ?? [])];
         properties.push(property);
         this.#documentTypes.updateOne(documentTypeId, { properties });
@@ -202,7 +206,7 @@ export class UmbContentTypePropertyStructureManager {
         await this.#init;
         documentTypeId = documentTypeId ?? this.#ownerDocumentTypeId;
         const frozenProperties = this.#documentTypes.getValue().find((x) => x.id === documentTypeId)?.properties ?? [];
-        const properties = filterFrozenArray(frozenProperties, (x) => x.id === propertyId);
+        const properties = filterFrozenArray(frozenProperties, (x) => x.id !== propertyId);
         this.#documentTypes.updateOne(documentTypeId, { properties });
     }
     async updateProperty(documentTypeId, propertyId, partialUpdate) {
@@ -212,6 +216,51 @@ export class UmbContentTypePropertyStructureManager {
         const properties = partialUpdateFrozenArray(frozenProperties, partialUpdate, (x) => x.id === propertyId);
         this.#documentTypes.updateOne(documentTypeId, { properties });
     }
+    // TODO: Refactor: These property methods, should maybe be named without structure in their name.
+    async propertyStructureById(propertyId) {
+        await this.#init;
+        return this.#documentTypes.asObservablePart((docTypes) => {
+            for (const docType of docTypes) {
+                const foundProp = docType.properties?.find((property) => property.id === propertyId);
+                if (foundProp) {
+                    return foundProp;
+                }
+            }
+            return undefined;
+        });
+    }
+    async propertyStructureByAlias(propertyAlias) {
+        await this.#init;
+        return this.#documentTypes.asObservablePart((docTypes) => {
+            for (const docType of docTypes) {
+                const foundProp = docType.properties?.find((property) => property.alias === propertyAlias);
+                if (foundProp) {
+                    return foundProp;
+                }
+            }
+            return undefined;
+        });
+    }
+    async getPropertyStructureById(propertyId) {
+        await this.#init;
+        for (const docType of this.#documentTypes.getValue()) {
+            const foundProp = docType.properties?.find((property) => property.id === propertyId);
+            if (foundProp) {
+                return foundProp;
+            }
+        }
+        return undefined;
+    }
+    async getPropertyStructureByAlias(propertyAlias) {
+        await this.#init;
+        for (const docType of this.#documentTypes.getValue()) {
+            const foundProp = docType.properties?.find((property) => property.alias === propertyAlias);
+            if (foundProp) {
+                return foundProp;
+            }
+        }
+        return undefined;
+    }
     /*
     rootDocumentTypeName() {
         return this.#documentTypes.asObservablePart((docTypes) => {

package/dist-cms/packages/core/debug/debug.element.js

@@ -4,7 +4,7 @@ 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 { UUITextStyles } from '../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../shared/style/index.js";
 import { css, html, nothing, customElement, property, state, } from '../../../external/lit/index.js';
 import { contextData, UmbContextDebugRequest, } from '../../../libs/context-api/index.js';
 import { UmbLitElement } from '../../../shared/lit-element/index.js';
@@ -131,7 +131,7 @@ export let UmbDebugElement = class UmbDebugElement extends UmbLitElement {
         return instanceTemplates;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			:host {
 				float: right;

package/dist-cms/packages/core/debug/modals/debug/debug-modal.element.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { css, html, customElement } from '../../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../../shared/style/index.js";
 import { UmbModalBaseElement } from '../../../../../shared/modal/index.js';
 let UmbContextDebuggerModalElement = class UmbContextDebuggerModalElement extends UmbModalBaseElement {
     _handleClose() {
@@ -21,7 +21,7 @@ let UmbContextDebuggerModalElement = class UmbContextDebuggerModalElement extend
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			uui-dialog-layout {
 				display: flex;

package/dist-cms/packages/core/extension-registry/interfaces/property-editor-ui-extension-element.interface.d.ts

@@ -1,5 +1,5 @@
-import type { UmbDataTypeConfigCollection } from '../../components/index.js';
+import type { UmbPropertyEditorConfigCollection } from "../../property-editor/index.js";
 export interface UmbPropertyEditorExtensionElement extends HTMLElement {
     value: unknown;
-    config?: UmbDataTypeConfigCollection;
+    config?: UmbPropertyEditorConfigCollection;
 }