@umbraco-cms/backoffice 14.0.0-2715ec0f → 14.0.0-2e9e732b

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,12 +125,12 @@ 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) {
+    makeContainerNameUniqueForOwnerContentType(newName, containerType = 'Tab', parentId = null) {
         const ownerRootContainers = this.getOwnerContainers(containerType); //getRootContainers() can't differentiates between compositions and locals
         let changedName = newName;
         if (ownerRootContainers) {
@@ -149,19 +141,19 @@ export class UmbContentTypePropertyStructureManager {
         }
         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 });
     }
     createPropertyScaffold(containerId = null, sortOrder) {
         const property = {
@@ -186,40 +178,40 @@ export class UmbContentTypePropertyStructureManager {
         }; // Sort order was not allowed when this was written.
         return property;
     }
-    async createProperty(documentTypeId, containerId = null, sortOrder) {
+    async createProperty(contentTypeId, containerId = null, sortOrder) {
         await this.#init;
-        documentTypeId = documentTypeId ?? this.#ownerDocumentTypeId;
+        contentTypeId = contentTypeId ?? this.#ownerContentTypeId;
         const property = this.createPropertyScaffold(containerId, sortOrder);
-        const properties = [...(this.#documentTypes.getValue().find((x) => x.id === documentTypeId)?.properties ?? [])];
+        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 ?? [];
+        contentTypeId = contentTypeId ?? this.#ownerContentTypeId;
+        const frozenProperties = this.#contentTypes.getValue().find((x) => x.id === contentTypeId)?.properties ?? [];
         const properties = filterFrozenArray(frozenProperties, (x) => x.id !== propertyId);
-        this.#documentTypes.updateOne(documentTypeId, { properties });
+        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 });
     }
     // 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) => {
+        return this.#contentTypes.asObservablePart((docTypes) => {
             for (const docType of docTypes) {
                 const foundProp = docType.properties?.find((property) => property.id === propertyId);
                 if (foundProp) {
@@ -231,7 +223,7 @@ export class UmbContentTypePropertyStructureManager {
     }
     async propertyStructureByAlias(propertyAlias) {
         await this.#init;
-        return this.#documentTypes.asObservablePart((docTypes) => {
+        return this.#contentTypes.asObservablePart((docTypes) => {
             for (const docType of docTypes) {
                 const foundProp = docType.properties?.find((property) => property.alias === propertyAlias);
                 if (foundProp) {
@@ -243,7 +235,7 @@ export class UmbContentTypePropertyStructureManager {
     }
     async getPropertyStructureById(propertyId) {
         await this.#init;
-        for (const docType of this.#documentTypes.getValue()) {
+        for (const docType of this.#contentTypes.getValue()) {
             const foundProp = docType.properties?.find((property) => property.id === propertyId);
             if (foundProp) {
                 return foundProp;
@@ -253,7 +245,7 @@ export class UmbContentTypePropertyStructureManager {
     }
     async getPropertyStructureByAlias(propertyAlias) {
         await this.#init;
-        for (const docType of this.#documentTypes.getValue()) {
+        for (const docType of this.#contentTypes.getValue()) {
             const foundProp = docType.properties?.find((property) => property.alias === propertyAlias);
             if (foundProp) {
                 return foundProp;
@@ -261,30 +253,14 @@ export class UmbContentTypePropertyStructureManager {
         }
         return undefined;
     }
-    /*
-    rootDocumentTypeName() {
-        return this.#documentTypes.asObservablePart((docTypes) => {
-            const docType = docTypes.find((x) => x.id === this.#rootDocumentTypeKey);
-            return docType?.name ?? '';
-        });
-    }
-    */
-    ownerDocumentTypeObservablePart(mappingFunction) {
-        return this.#documentTypes.asObservablePart((docTypes) => {
-            const docType = docTypes.find((x) => x.id === this.#ownerDocumentTypeId);
+    ownerContentTypeObservablePart(mappingFunction) {
+        return this.#contentTypes.asObservablePart((docTypes) => {
+            const docType = docTypes.find((x) => x.id === this.#ownerContentTypeId);
             return docType ? mappingFunction(docType) : undefined;
         });
     }
-    /*
-    nameOfDocumentType(id: string) {
-        return this.#documentTypes.asObservablePart((docTypes) => {
-            const docType = docTypes.find((x) => x.id === id);
-            return docType?.name ?? '';
-        });
-    }
-    */
     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);
@@ -294,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) => {
@@ -320,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) => {
@@ -340,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.js

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { UmbCultureRepository } from '../../repository/culture.repository.js';
 import { html, repeat, ifDefined, customElement, property, state } from '../../../../../external/lit/index.js';
-import { FormControlMixin, } from '../../../../../external/uui/index.js';
+import { FormControlMixin } from '../../../../../external/uui/index.js';
 import { UmbChangeEvent } from '../../../../../shared/umb-events/index.js';
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
 export let UmbInputCultureSelectElement = class UmbInputCultureSelectElement extends FormControlMixin(UmbLitElement) {
@@ -73,10 +73,10 @@ export let UmbInputCultureSelectElement = class UmbInputCultureSelectElement ext
 							@search=${this.#onSearchChange}>
 							<uui-combobox-list>
 								${repeat(this.#filteredCultures, (culture) => culture.name, (culture) => html `
-											<uui-combobox-list-option value=${ifDefined(culture.name)}
-												>${culture.englishName}</uui-combobox-list-option
-											>
-										`)}
+										<uui-combobox-list-option value=${ifDefined(culture.name)}
+											>${culture.englishName}</uui-combobox-list-option
+										>
+									`)}
 							</uui-combobox-list>
 						</uui-combobox>
 				  `}

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

@@ -0,0 +1,2 @@
+export * from './components/index.js';
+export * from './repository/culture.repository.js';

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

@@ -0,0 +1,2 @@
+export * from './components/index.js';
+export * from './repository/culture.repository.js';

package/dist-cms/packages/core/culture/manifests.d.ts

@@ -0,0 +1 @@
+export declare const manifests: import("../index.js").ManifestRepository[];

package/dist-cms/packages/{settings/cultures → core/culture}/repository/culture.repository.js

@@ -1,6 +1,6 @@
 import { UmbCultureServerDataSource } from './sources/culture.server.data.js';
 import { UmbContextConsumerController } from '../../../../libs/context-api/index.js';
-import { UMB_NOTIFICATION_CONTEXT_TOKEN } from '../../../core/notification/index.js';
+import { UMB_NOTIFICATION_CONTEXT_TOKEN } from '../../notification/index.js';
 export class UmbCultureRepository {
     #init;
     #host;

package/dist-cms/packages/{settings/cultures → core/culture}/repository/manifests.d.ts

@@ -1,3 +1,3 @@
-import { ManifestRepository } from '../../../core/extension-registry/index.js';
+import { ManifestRepository } from '../../extension-registry/index.js';
 export declare const CULTURE_REPOSITORY_ALIAS = "Umb.Repository.Culture";
 export declare const manifests: ManifestRepository[];

package/dist-cms/packages/{settings/cultures → core/culture}/repository/manifests.js

@@ -1,4 +1,4 @@
-import { UmbCultureRepository } from '../repository/culture.repository.js';
+import { UmbCultureRepository } from './culture.repository.js';
 export const CULTURE_REPOSITORY_ALIAS = 'Umb.Repository.Culture';
 const repository = {
     type: 'repository',

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;
 }

package/dist-cms/packages/core/extension-registry/models/property-editor.model.d.ts

@@ -1,5 +1,5 @@
 import type { UmbPropertyEditorExtensionElement } from '../interfaces/index.js';
-import type { UmbDataTypeConfig } from '../../property-editor/index.js';
+import type { UmbPropertyEditorConfig } from '../../property-editor/index.js';
 import type { ManifestElement, ManifestBase } from '../../../../libs/extension-api/index.js';
 export interface ManifestPropertyEditorUi extends ManifestElement<UmbPropertyEditorExtensionElement> {
     type: 'propertyEditorUi';
@@ -49,7 +49,7 @@ export interface PropertyEditorConfigProperty {
     description?: string;
     alias: string;
     propertyEditorUiAlias: string;
-    config?: UmbDataTypeConfig;
+    config?: UmbPropertyEditorConfig;
 }
 export interface PropertyEditorConfigDefaultData {
     alias: string;

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

@@ -22,4 +22,5 @@ export * from './store/index.js';
 export * from './tree/index.js';
 export * from './variant/index.js';
 export * from './workspace/index.js';
+export * from './culture/index.js';
 export declare const onInit: UmbEntryPointOnInit;

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

@@ -8,6 +8,7 @@ import { manifests as workspaceManifests } from './workspace/manifests.js';
 import { manifests as modalManifests } from './modal/common/manifests.js';
 import { manifests as themeManifests } from './themes/manifests.js';
 import { manifests as conditionManifests } from './extension-registry/conditions/manifests.js';
+import { manifests as cultureManifests } from './culture/manifests.js';
 import { UmbNotificationContext, UMB_NOTIFICATION_CONTEXT_TOKEN } from './notification/index.js';
 import { UmbModalManagerContext, UMB_MODAL_MANAGER_CONTEXT_TOKEN } from './modal/index.js';
 import { UmbContextProviderController } from '../../libs/context-api/index.js';
@@ -35,6 +36,7 @@ export * from './store/index.js';
 export * from './tree/index.js';
 export * from './variant/index.js';
 export * from './workspace/index.js';
+export * from './culture/index.js';
 const manifests = [
     ...conditionManifests,
     ...debugManifests,
@@ -45,6 +47,7 @@ const manifests = [
     ...workspaceManifests,
     ...modalManifests,
     ...themeManifests,
+    ...cultureManifests,
 ];
 export const onInit = (host, extensionRegistry) => {
     new UmbMultiExtensionsClassInitializer(host, ['globalContext', 'store', 'treeStore', 'itemStore']);

package/dist-cms/packages/core/modal/common/property-settings/property-settings-modal.element.d.ts

@@ -5,6 +5,7 @@ export declare class UmbPropertySettingsModalElement extends UmbModalBaseElement
     #private;
     private _customValidationOptions;
     private _aliasLocked;
+    protected _ownerDocumentType?: UmbPropertySettingsModalResult;
     protected _returnData: UmbPropertySettingsModalResult;
     connectedCallback(): void;
     protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;

package/dist-cms/packages/core/modal/common/property-settings/property-settings-modal.element.js

@@ -8,6 +8,7 @@ import { UmbTextStyles } from '../../../../../shared/style/index.js';
 import { css, html, nothing, customElement, state } from '../../../../../external/lit/index.js';
 import { UmbModalBaseElement } from '../../../../../shared/modal/index.js';
 import { generateAlias } from '../../../../../shared/utils/index.js';
+import { UMB_DOCUMENT_TYPE_STORE_CONTEXT_TOKEN } from '../../../../documents/document-types/index.js';
 // TODO: Could base take a token to get its types?.
 // TODO: Missing a workspace context... unless this should not be a workspace any way.
 export let UmbPropertySettingsModalElement = class UmbPropertySettingsModalElement extends UmbModalBaseElement {
@@ -42,7 +43,14 @@ export let UmbPropertySettingsModalElement = class UmbPropertySettingsModalEleme
     }
     connectedCallback() {
         super.connectedCallback();
-        this._returnData = JSON.parse(JSON.stringify(this.data));
+        // TODO: This is actually not good enough, we need to be able to get to the DOCUMENT_WORKSPACE_CONTEXT, so we can have a look at the draft/runtime version of the document. Otherwise 'Vary by culture' is first updated when saved.
+        this.consumeContext(UMB_DOCUMENT_TYPE_STORE_CONTEXT_TOKEN, (instance) => {
+            this.observe(instance.byId(this.data?.documentTypeId), (documentType) => {
+                this._ownerDocumentType = documentType;
+                this.requestUpdate('_ownerDocumentType');
+            }, '_observeDocumentType');
+        });
+        this._returnData = JSON.parse(JSON.stringify(this.data?.propertyData ?? {}));
         this._returnData.validation ??= {};
         const regEx = this._returnData.validation.regEx ?? null;
         const newlySelected = this._customValidationOptions.find((option) => {
@@ -93,7 +101,7 @@ export let UmbPropertySettingsModalElement = class UmbPropertySettingsModalEleme
             this._returnData.alias = alias;
         }
         else {
-            this._returnData.alias = this.data?.alias;
+            this._returnData.alias = this.data?.propertyData?.alias;
         }
         this.requestUpdate('_returnData');
     }
@@ -155,6 +163,10 @@ export let UmbPropertySettingsModalElement = class UmbPropertySettingsModalEleme
         this._returnData.validation.regExMessage = event.target.value.toString();
         this.requestUpdate('_returnData');
     }
+    #onVaryByCultureChange(event) {
+        this._returnData.variesByCulture = event.target.checked;
+        this.requestUpdate('_returnData');
+    }
     // TODO: This would conceptually be a Property Editor Workspace, should be changed at one point in the future.
     // For now this is hacky made available by giving the element an fixed alias.
     // This would allow for workspace views and workspace actions.
@@ -204,6 +216,7 @@ export let UmbPropertySettingsModalElement = class UmbPropertySettingsModalEleme
 									${this.#renderCustomValidation()}
 								</div>
 								<hr />
+								${this.#renderVariationControls()}
 								<div class="container">
 									<b style="margin-bottom: var(--uui-size-space-3)">Appearance</b>
 									<div id="appearances">${this.#renderAlignLeftIcon()} ${this.#renderAlignTopIcon()}</div>
@@ -252,13 +265,13 @@ export let UmbPropertySettingsModalElement = class UmbPropertySettingsModalEleme
 				<uui-toggle
 					@change=${this.#onMandatoryChange}
 					id="mandatory"
-					value=${this._returnData.validation?.mandatory}
+					.checked=${this._returnData.validation?.mandatory ?? false}
 					slot="editor"></uui-toggle>
 			</div>
 			${this._returnData.validation?.mandatory
             ? html `<uui-input
 						name="mandatory-message"
-						value=${this._returnData.validation?.mandatoryMessage}
+						value=${this._returnData.validation?.mandatoryMessage ?? ''}
 						@change=${this.#onMandatoryMessageChange}
 						style="margin-top: var(--uui-size-space-1)"
 						id="mandatory-message"
@@ -285,6 +298,23 @@ export let UmbPropertySettingsModalElement = class UmbPropertySettingsModalEleme
 				  `
             : nothing} `;
     }
+    #renderVariationControls() {
+        return this._ownerDocumentType?.variesByCulture || this._ownerDocumentType?.variesBySegment ?
+            html `
+			<div class="container">
+				<b>Variation</b>
+				${this._ownerDocumentType?.variesByCulture ? this.#renderVaryByCulture() : ''}
+			</div>
+			<hr />`
+            : '';
+    }
+    #renderVaryByCulture() {
+        return html `<uui-toggle
+				@change=${this.#onVaryByCultureChange}
+				.checked=${this._returnData.variesByCulture ?? false}
+				label="Vary by culture"></uui-toggle>
+			`;
+    }
     static { this.styles = [
         UmbTextStyles,
         css `
@@ -423,6 +453,9 @@ __decorate([
 __decorate([
     state()
 ], UmbPropertySettingsModalElement.prototype, "_aliasLocked", void 0);
+__decorate([
+    state()
+], UmbPropertySettingsModalElement.prototype, "_ownerDocumentType", void 0);
 __decorate([
     state()
 ], UmbPropertySettingsModalElement.prototype, "_returnData", void 0);

package/dist-cms/packages/core/modal/token/create-document-modal.token.d.ts

@@ -0,0 +1,8 @@
+import { UmbModalToken } from '../index.js';
+export interface UmbCreateDocumentModalData {
+    id: string | null;
+}
+export interface UmbCreateDocumentModalResult {
+    documentTypeId: string;
+}
+export declare const UMB_CREATE_DOCUMENT_MODAL: UmbModalToken<UmbCreateDocumentModalData, UmbCreateDocumentModalResult>;

package/dist-cms/packages/core/modal/token/create-document-modal.token.js

@@ -0,0 +1,5 @@
+import { UmbModalToken } from '../index.js';
+export const UMB_CREATE_DOCUMENT_MODAL = new UmbModalToken('Umb.Modal.CreateDocument', {
+    type: 'sidebar',
+    size: 'small',
+});

package/dist-cms/packages/core/modal/token/index.d.ts

@@ -1,5 +1,5 @@
 export * from './modal-token.js';
-export * from './allowed-document-types-modal.token.js';
+export * from './create-document-modal.token.js';
 export * from './change-password-modal.token.js';
 export * from './code-editor-modal.token.js';
 export * from './confirm-modal.token.js';

package/dist-cms/packages/core/modal/token/index.js

@@ -1,5 +1,5 @@
 export * from './modal-token.js';
-export * from './allowed-document-types-modal.token.js';
+export * from './create-document-modal.token.js';
 export * from './change-password-modal.token.js';
 export * from './code-editor-modal.token.js';
 export * from './confirm-modal.token.js';

package/dist-cms/packages/core/modal/token/property-settings-modal.token.d.ts

@@ -1,5 +1,8 @@
 import { PropertyTypeModelBaseModel } from '../../../../external/backend-api/index.js';
 import { UmbModalToken } from '../index.js';
-export type UmbPropertySettingsModalData = PropertyTypeModelBaseModel;
+export type UmbPropertySettingsModalData = {
+    documentTypeId: string;
+    propertyData: PropertyTypeModelBaseModel;
+};
 export type UmbPropertySettingsModalResult = PropertyTypeModelBaseModel;
-export declare const UMB_PROPERTY_SETTINGS_MODAL: UmbModalToken<PropertyTypeModelBaseModel, PropertyTypeModelBaseModel>;
+export declare const UMB_PROPERTY_SETTINGS_MODAL: UmbModalToken<UmbPropertySettingsModalData, PropertyTypeModelBaseModel>;