@umbraco-cms/backoffice 14.0.0-178e68bb → 14.0.0-1ab621da

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-container-structure-helper.class.js

@@ -14,7 +14,7 @@ export class UmbContentTypeContainerStructureHelper {
         // Containers defined in data might be more than actual containers to display as we merge them by name.
         // Direct containers are the containers defining the total of this container(Multiple containers with the same name and type)
         this._ownerAlikeContainers = [];
-        // Owner containers are containers owned by the owner Document Type (The specific one up for editing)
+        // Owner containers are containers owned by the owner Content Type (The specific one up for editing)
         this._ownerContainers = [];
         // State containing the merged containers (only one pr. name):
         this.#containers = new UmbArrayState([], (x) => x.id);
@@ -172,7 +172,7 @@ export class UmbContentTypeContainerStructureHelper {
         await this.#init;
         if (!this.#structure)
             return;
-        const newName = this.#structure.makeContainerNameUniqueForOwnerDocument(name, this._childType, containerParentId) ?? name;
+        const newName = this.#structure.makeContainerNameUniqueForOwnerContentType(name, this._childType, containerParentId) ?? name;
         return await this.partialUpdateContainer(containerId, { name: newName });
     }
 }

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);
+    get ownerDocumentTypes(): 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));
     }
+    get ownerDocumentTypes() {
+        return this.#structure?.contentTypes;
+    }
     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

@@ -6,8 +6,8 @@ export type PropertyContainerTypes = 'Group' | 'Tab';
 type T = DocumentTypeResponseModel;
 export declare class UmbContentTypePropertyStructureManager<R extends UmbDetailRepository<T> = UmbDetailRepository<T>> {
     #private;
-    readonly documentTypes: import("rxjs").Observable<DocumentTypeResponseModel[]>;
-    private readonly _documentTypeContainers;
+    readonly contentTypes: import("rxjs").Observable<DocumentTypeResponseModel[]>;
+    private readonly _contentTypeContainers;
     constructor(host: UmbControllerHostElement, typeRepository: R);
     /**
      * loadType will load the node type and all inherited and composed types.
@@ -27,21 +27,26 @@ export declare class UmbContentTypePropertyStructureManager<R extends UmbDetailR
     create(): Promise<boolean>;
     private _ensureType;
     private _loadType;
-    _observeDocumentType(data: T): Promise<void>;
-    private _loadDocumentTypeCompositions;
+    _observeContentType(data: T): Promise<void>;
+    private _loadContentTypeCompositions;
     /** Public methods for consuming structure: */
-    ownerDocumentType(): import("rxjs").Observable<DocumentTypeResponseModel | undefined>;
-    getOwnerDocumentType(): DocumentTypeResponseModel | undefined;
-    updateOwnerDocumentType(entry: T): void;
+    ownerContentType(): import("rxjs").Observable<DocumentTypeResponseModel | undefined>;
+    getOwnerContentType(): DocumentTypeResponseModel | undefined;
+    updateOwnerContentType(entry: T): void;
     createContainer(contentTypeId: string | null, parentId?: string | null, type?: PropertyContainerTypes, sortOrder?: number): Promise<PropertyTypeContainerModelBaseModel>;
-    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>;
-    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>;
-    ownerDocumentTypeObservablePart<PartResult>(mappingFunction: MappingFunction<T, PartResult>): import("rxjs").Observable<PartResult | undefined>;
+    makeContainerNameUniqueForOwnerContentType(newName: string, containerType?: PropertyContainerTypes, parentId?: string | null): string | null;
+    updateContainer(contentTypeId: string | null, containerId: string, partialUpdate: Partial<PropertyTypeContainerModelBaseModel>): Promise<void>;
+    removeContainer(contentTypeId: string | null, containerId?: string | null): Promise<void>;
+    createPropertyScaffold(containerId?: string | null, sortOrder?: number): PropertyTypeModelBaseModel;
+    createProperty(contentTypeId: string | null, containerId?: string | null, sortOrder?: number): Promise<PropertyTypeModelBaseModel>;
+    insertProperty(contentTypeId: string | null, property: PropertyTypeModelBaseModel): Promise<void>;
+    removeProperty(contentTypeId: string | null, propertyId: string): Promise<void>;
+    updateProperty(contentTypeId: 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>;
+    ownerContentTypeObservablePart<PartResult>(mappingFunction: MappingFunction<T, PartResult>): import("rxjs").Observable<PartResult | undefined>;
     hasPropertyStructuresOf(containerId: string | null): import("rxjs").Observable<boolean>;
     rootPropertyStructures(): import("rxjs").Observable<PropertyTypeModelBaseModel[]>;
     propertyStructuresOf(containerId: string | null): import("rxjs").Observable<PropertyTypeModelBaseModel[]>;

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

@@ -6,25 +6,25 @@ export class UmbContentTypePropertyStructureManager {
     #host;
     #init;
     #contentTypeRepository;
-    #ownerDocumentTypeId;
-    #documentTypeObservers;
-    #documentTypes;
+    #ownerContentTypeId;
+    #contentTypeObservers;
+    #contentTypes;
     #containers;
     constructor(host, typeRepository) {
-        this.#documentTypeObservers = new Array();
-        this.#documentTypes = new UmbArrayState([], (x) => x.id);
-        this.documentTypes = this.#documentTypes.asObservable();
-        this._documentTypeContainers = this.#documentTypes.asObservablePart((x) => x.flatMap((x) => x.containers ?? []));
+        this.#contentTypeObservers = new Array();
+        this.#contentTypes = new UmbArrayState([], (x) => x.id);
+        this.contentTypes = this.#contentTypes.asObservable();
+        this._contentTypeContainers = this.#contentTypes.asObservablePart((x) => x.flatMap((x) => x.containers ?? []));
         this.#containers = new UmbArrayState([], (x) => x.id);
         this.#host = host;
         this.#contentTypeRepository = typeRepository;
-        new UmbObserverController(host, this.documentTypes, (documentTypes) => {
-            documentTypes.forEach((documentType) => {
-                this._loadDocumentTypeCompositions(documentType);
+        new UmbObserverController(host, this.contentTypes, (contentTypes) => {
+            contentTypes.forEach((contentType) => {
+                this._loadContentTypeCompositions(contentType);
             });
         });
-        new UmbObserverController(host, this._documentTypeContainers, (documentTypeContainers) => {
-            this.#containers.next(documentTypeContainers);
+        new UmbObserverController(host, this._contentTypeContainers, (contentTypeContainers) => {
+            this.#containers.next(contentTypeContainers);
         });
     }
     /**
@@ -33,7 +33,7 @@ export class UmbContentTypePropertyStructureManager {
      */
     async loadType(id) {
         this._reset();
-        this.#ownerDocumentTypeId = id;
+        this.#ownerContentTypeId = id;
         const promiseResult = this._loadType(id);
         this.#init = promiseResult;
         await this.#init;
@@ -46,24 +46,23 @@ export class UmbContentTypePropertyStructureManager {
         const { data } = await this.#contentTypeRepository.createScaffold(parentId);
         if (!data)
             return {};
-        this.#ownerDocumentTypeId = data.id;
-        this.#init = this._observeDocumentType(data);
+        this.#ownerContentTypeId = data.id;
+        this.#init = this._observeContentType(data);
         await this.#init;
         return { data };
     }
     async save() {
-        const documentType = this.getOwnerDocumentType();
-        if (!documentType || !documentType.id)
+        const contentType = this.getOwnerContentType();
+        if (!contentType || !contentType.id)
             return false;
-        await this.#contentTypeRepository.save(documentType.id, documentType);
+        await this.#contentTypeRepository.save(contentType.id, contentType);
         return true;
     }
     async create() {
-        const documentType = this.getOwnerDocumentType();
-        if (!documentType || !documentType.id)
+        const contentType = this.getOwnerContentType();
+        if (!contentType || !contentType.id)
             return false;
-        //const value = documentType as CreateDocumentTypeRequestModel & { id: string };
-        const { data } = await this.#contentTypeRepository.create(documentType);
+        const { data } = await this.#contentTypeRepository.create(contentType);
         if (!data)
             return false;
         await this.loadType(data.id);
@@ -72,7 +71,7 @@ export class UmbContentTypePropertyStructureManager {
     async _ensureType(id) {
         if (!id)
             return;
-        if (this.#documentTypes.getValue().find((x) => x.id === id))
+        if (this.#contentTypes.getValue().find((x) => x.id === id))
             return;
         await this._loadType(id);
     }
@@ -82,50 +81,43 @@ export class UmbContentTypePropertyStructureManager {
         const { data } = await this.#contentTypeRepository.requestById(id);
         if (!data)
             return {};
-        await this._observeDocumentType(data);
+        await this._observeContentType(data);
         return { data };
     }
-    async _observeDocumentType(data) {
+    async _observeContentType(data) {
         if (!data.id)
             return;
         // Load inherited and composed types:
-        this._loadDocumentTypeCompositions(data);
-        this.#documentTypeObservers.push(new UmbObserverController(this.#host, await this.#contentTypeRepository.byId(data.id), (docType) => {
+        this._loadContentTypeCompositions(data);
+        this.#contentTypeObservers.push(new UmbObserverController(this.#host, await this.#contentTypeRepository.byId(data.id), (docType) => {
             if (docType) {
                 // TODO: Handle if there was changes made to the owner document type in this context.
                 /*
                 possible easy solutions could be to notify user wether they want to update(Discard the changes to accept the new ones).
                  */
-                this.#documentTypes.appendOne(docType);
+                this.#contentTypes.appendOne(docType);
             }
         }));
     }
-    async _loadDocumentTypeCompositions(documentType) {
-        documentType.compositions?.forEach((composition) => {
+    async _loadContentTypeCompositions(contentType) {
+        contentType.compositions?.forEach((composition) => {
             this._ensureType(composition.id);
         });
     }
-    /*
-    private async _initDocumentTypeContainers(documentType: T) {
-        documentType.containers?.forEach((container) => {
-            this.#containers.appendOne({ ...container, _ownerDocumentTypeKey: documentType.id });
-        });
-    }
-    */
     /** Public methods for consuming structure: */
-    ownerDocumentType() {
-        return this.#documentTypes.asObservablePart((x) => x.find((y) => y.id === this.#ownerDocumentTypeId));
+    ownerContentType() {
+        return this.#contentTypes.asObservablePart((x) => x.find((y) => y.id === this.#ownerContentTypeId));
     }
-    getOwnerDocumentType() {
-        return this.#documentTypes.getValue().find((y) => y.id === this.#ownerDocumentTypeId);
+    getOwnerContentType() {
+        return this.#contentTypes.getValue().find((y) => y.id === this.#ownerContentTypeId);
     }
-    updateOwnerDocumentType(entry) {
-        this.#documentTypes.updateOne(this.#ownerDocumentTypeId, entry);
+    updateOwnerContentType(entry) {
+        this.#contentTypes.updateOne(this.#ownerContentTypeId, entry);
     }
     // We could move the actions to another class?
     async createContainer(contentTypeId, parentId = null, type = 'Group', sortOrder) {
         await this.#init;
-        contentTypeId = contentTypeId ?? this.#ownerDocumentTypeId;
+        contentTypeId = contentTypeId ?? this.#ownerContentTypeId;
         const container = {
             id: UmbId.new(),
             parentId: parentId ?? null,
@@ -133,39 +125,37 @@ export class UmbContentTypePropertyStructureManager {
             type: type,
             sortOrder: sortOrder ?? 0,
         };
-        const containers = [...(this.#documentTypes.getValue().find((x) => x.id === contentTypeId)?.containers ?? [])];
+        const containers = [...(this.#contentTypes.getValue().find((x) => x.id === contentTypeId)?.containers ?? [])];
         containers.push(container);
-        this.#documentTypes.updateOne(contentTypeId, { containers });
+        this.#contentTypes.updateOne(contentTypeId, { containers });
         return container;
     }
-    makeContainerNameUniqueForOwnerDocument(newName, containerType = 'Tab', parentId = null) {
-        const ownerRootContainers = this.getOwnerContainers(containerType, parentId);
+    makeContainerNameUniqueForOwnerContentType(newName, containerType = 'Tab', parentId = null) {
+        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;
         }
         return null;
     }
-    async updateContainer(documentTypeId, containerId, partialUpdate) {
+    async updateContainer(contentTypeId, containerId, partialUpdate) {
         await this.#init;
-        documentTypeId = documentTypeId ?? this.#ownerDocumentTypeId;
-        const frozenContainers = this.#documentTypes.getValue().find((x) => x.id === documentTypeId)?.containers ?? [];
+        contentTypeId = contentTypeId ?? this.#ownerContentTypeId;
+        const frozenContainers = this.#contentTypes.getValue().find((x) => x.id === contentTypeId)?.containers ?? [];
         const containers = partialUpdateFrozenArray(frozenContainers, partialUpdate, (x) => x.id === containerId);
-        this.#documentTypes.updateOne(documentTypeId, { containers });
+        this.#contentTypes.updateOne(contentTypeId, { containers });
     }
-    async removeContainer(documentTypeKey, containerId = null) {
+    async removeContainer(contentTypeId, containerId = null) {
         await this.#init;
-        documentTypeKey = documentTypeKey ?? this.#ownerDocumentTypeId;
-        const frozenContainers = this.#documentTypes.getValue().find((x) => x.id === documentTypeKey)?.containers ?? [];
+        contentTypeId = contentTypeId ?? this.#ownerContentTypeId;
+        const frozenContainers = this.#contentTypes.getValue().find((x) => x.id === contentTypeId)?.containers ?? [];
         const containers = frozenContainers.filter((x) => x.id !== containerId);
-        this.#documentTypes.updateOne(documentTypeKey, { containers });
+        this.#contentTypes.updateOne(contentTypeId, { 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,56 +176,91 @@ export class UmbContentTypePropertyStructureManager {
             },
             sortOrder: sortOrder ?? 0,
         }; // Sort order was not allowed when this was written.
-        const properties = [...(this.#documentTypes.getValue().find((x) => x.id === documentTypeId)?.properties ?? [])];
+        return property;
+    }
+    async createProperty(contentTypeId, containerId = null, sortOrder) {
+        await this.#init;
+        contentTypeId = contentTypeId ?? this.#ownerContentTypeId;
+        const property = this.createPropertyScaffold(containerId, sortOrder);
+        const properties = [...(this.#contentTypes.getValue().find((x) => x.id === contentTypeId)?.properties ?? [])];
         properties.push(property);
-        this.#documentTypes.updateOne(documentTypeId, { properties });
+        this.#contentTypes.updateOne(contentTypeId, { properties });
         return property;
     }
-    async insertProperty(documentTypeId, property) {
+    async insertProperty(contentTypeId, property) {
         await this.#init;
-        documentTypeId = documentTypeId ?? this.#ownerDocumentTypeId;
-        const frozenProperties = this.#documentTypes.getValue().find((x) => x.id === documentTypeId)?.properties ?? [];
+        contentTypeId = contentTypeId ?? this.#ownerContentTypeId;
+        const frozenProperties = this.#contentTypes.getValue().find((x) => x.id === contentTypeId)?.properties ?? [];
         const properties = appendToFrozenArray(frozenProperties, property, (x) => x.id === property.id);
-        this.#documentTypes.updateOne(documentTypeId, { properties });
+        this.#contentTypes.updateOne(contentTypeId, { properties });
     }
-    async removeProperty(documentTypeId, propertyId) {
+    async removeProperty(contentTypeId, propertyId) {
         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);
-        this.#documentTypes.updateOne(documentTypeId, { properties });
+        contentTypeId = contentTypeId ?? this.#ownerContentTypeId;
+        const frozenProperties = this.#contentTypes.getValue().find((x) => x.id === contentTypeId)?.properties ?? [];
+        const properties = filterFrozenArray(frozenProperties, (x) => x.id !== propertyId);
+        this.#contentTypes.updateOne(contentTypeId, { properties });
     }
-    async updateProperty(documentTypeId, propertyId, partialUpdate) {
+    async updateProperty(contentTypeId, propertyId, partialUpdate) {
         await this.#init;
-        documentTypeId = documentTypeId ?? this.#ownerDocumentTypeId;
-        const frozenProperties = this.#documentTypes.getValue().find((x) => x.id === documentTypeId)?.properties ?? [];
+        contentTypeId = contentTypeId ?? this.#ownerContentTypeId;
+        const frozenProperties = this.#contentTypes.getValue().find((x) => x.id === contentTypeId)?.properties ?? [];
         const properties = partialUpdateFrozenArray(frozenProperties, partialUpdate, (x) => x.id === propertyId);
-        this.#documentTypes.updateOne(documentTypeId, { properties });
+        this.#contentTypes.updateOne(contentTypeId, { properties });
     }
-    /*
-    rootDocumentTypeName() {
-        return this.#documentTypes.asObservablePart((docTypes) => {
-            const docType = docTypes.find((x) => x.id === this.#rootDocumentTypeKey);
-            return docType?.name ?? '';
+    // TODO: Refactor: These property methods, should maybe be named without structure in their name.
+    async propertyStructureById(propertyId) {
+        await this.#init;
+        return this.#contentTypes.asObservablePart((docTypes) => {
+            for (const docType of docTypes) {
+                const foundProp = docType.properties?.find((property) => property.id === propertyId);
+                if (foundProp) {
+                    return foundProp;
+                }
+            }
+            return undefined;
         });
     }
-    */
-    ownerDocumentTypeObservablePart(mappingFunction) {
-        return this.#documentTypes.asObservablePart((docTypes) => {
-            const docType = docTypes.find((x) => x.id === this.#ownerDocumentTypeId);
-            return docType ? mappingFunction(docType) : undefined;
+    async propertyStructureByAlias(propertyAlias) {
+        await this.#init;
+        return this.#contentTypes.asObservablePart((docTypes) => {
+            for (const docType of docTypes) {
+                const foundProp = docType.properties?.find((property) => property.alias === propertyAlias);
+                if (foundProp) {
+                    return foundProp;
+                }
+            }
+            return undefined;
         });
     }
-    /*
-    nameOfDocumentType(id: string) {
-        return this.#documentTypes.asObservablePart((docTypes) => {
-            const docType = docTypes.find((x) => x.id === id);
-            return docType?.name ?? '';
+    async getPropertyStructureById(propertyId) {
+        await this.#init;
+        for (const docType of this.#contentTypes.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.#contentTypes.getValue()) {
+            const foundProp = docType.properties?.find((property) => property.alias === propertyAlias);
+            if (foundProp) {
+                return foundProp;
+            }
+        }
+        return undefined;
+    }
+    ownerContentTypeObservablePart(mappingFunction) {
+        return this.#contentTypes.asObservablePart((docTypes) => {
+            const docType = docTypes.find((x) => x.id === this.#ownerContentTypeId);
+            return docType ? mappingFunction(docType) : undefined;
         });
     }
-    */
     hasPropertyStructuresOf(containerId) {
-        return this.#documentTypes.asObservablePart((docTypes) => {
+        return this.#contentTypes.asObservablePart((docTypes) => {
             return (docTypes.find((docType) => {
                 return docType.properties?.find((property) => property.containerId === containerId);
             }) !== undefined);
@@ -245,7 +270,7 @@ export class UmbContentTypePropertyStructureManager {
         return this.propertyStructuresOf(null);
     }
     propertyStructuresOf(containerId) {
-        return this.#documentTypes.asObservablePart((docTypes) => {
+        return this.#contentTypes.asObservablePart((docTypes) => {
             const props = [];
             docTypes.forEach((docType) => {
                 docType.properties?.forEach((property) => {
@@ -271,13 +296,13 @@ export class UmbContentTypePropertyStructureManager {
         });
     }
     ownerContainersOf(containerType) {
-        return this.ownerDocumentTypeObservablePart((x) => x.containers?.filter((x) => x.type === containerType) ?? []);
+        return this.ownerContentTypeObservablePart((x) => x.containers?.filter((x) => x.type === containerType) ?? []);
     }
     getOwnerContainers(containerType, parentId = null) {
-        return this.getOwnerDocumentType()?.containers?.filter((x) => x.parentId === parentId && x.type === containerType);
+        return this.getOwnerContentType()?.containers?.filter((x) => x.parentId === parentId && x.type === containerType);
     }
     isOwnerContainer(containerId) {
-        return this.getOwnerDocumentType()?.containers?.filter((x) => x.id === containerId);
+        return this.getOwnerContentType()?.containers?.filter((x) => x.id === containerId);
     }
     containersOfParentKey(parentId, containerType) {
         return this.#containers.asObservablePart((data) => {
@@ -291,14 +316,14 @@ export class UmbContentTypePropertyStructureManager {
         });
     }
     _reset() {
-        this.#documentTypeObservers.forEach((observer) => observer.destroy());
-        this.#documentTypeObservers = [];
-        this.#documentTypes.next([]);
+        this.#contentTypeObservers.forEach((observer) => observer.destroy());
+        this.#contentTypeObservers = [];
+        this.#contentTypes.next([]);
         this.#containers.next([]);
     }
     destroy() {
         this._reset();
-        this.#documentTypes.complete();
+        this.#contentTypes.complete();
         this.#containers.complete();
     }
 }

package/dist-cms/packages/core/culture/components/index.d.ts

@@ -0,0 +1 @@
+export * from './input-culture-select/input-culture-select.element.js';

package/dist-cms/packages/core/culture/components/index.js

@@ -0,0 +1 @@
+export * from './input-culture-select/input-culture-select.element.js';

package/dist-cms/packages/{settings/cultures → core/culture}/components/input-culture-select/input-culture-select.element.d.ts

@@ -22,7 +22,6 @@ export declare class UmbInputCultureSelectElement extends UmbInputCultureSelectE
     protected getFormElement(): undefined;
     protected firstUpdated(): Promise<void>;
     render(): import("lit-html").TemplateResult<1>;
-    static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
 }
 export default UmbInputCultureSelectElement;
 declare global {