@umbraco-cms/backoffice 14.0.0-9cc9c792 → 14.0.0-a0074b6e

package/dist-cms/packages/core/workspace/{workspace-variant/workspace-variant.element.d.ts → workspace-split-view/workspace-split-view.element.d.ts}

@@ -1,4 +1,4 @@
-import { UmbWorkspaceVariantContext } from './workspace-variant.context.js';
+import { UmbWorkspaceSplitViewContext } from './workspace-split-view.context.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 /**
  *
@@ -6,18 +6,17 @@ import { UmbLitElement } from '../../../../shared/lit-element/index.js';
  * As well breadcrumbs etc.
  *
  */
-export declare class UmbWorkspaceVariantContentElement extends UmbLitElement {
+export declare class UmbWorkspaceSplitViewElement extends UmbLitElement {
     alias: string;
     displayNavigation: boolean;
     set splitViewIndex(index: number);
-    private _splitViewIndex;
-    variantContext: UmbWorkspaceVariantContext;
+    splitViewContext: UmbWorkspaceSplitViewContext;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
 }
-export default UmbWorkspaceVariantContentElement;
+export default UmbWorkspaceSplitViewElement;
 declare global {
     interface HTMLElementTagNameMap {
-        'umb-workspace-variant': UmbWorkspaceVariantContentElement;
+        'umb-workspace-split-view': UmbWorkspaceSplitViewElement;
     }
 }

package/dist-cms/packages/core/workspace/{workspace-variant/workspace-variant.element.js → workspace-split-view/workspace-split-view.element.js}

@@ -4,9 +4,9 @@ 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 { UmbWorkspaceVariantContext } from './workspace-variant.context.js';
+import { UmbWorkspaceSplitViewContext } from './workspace-split-view.context.js';
 import { UmbTextStyles } from "../../../../shared/style/index.js";
-import { css, html, customElement, property, state } from '../../../../external/lit/index.js';
+import { css, html, customElement, property } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 /**
  *
@@ -14,21 +14,18 @@ import { UmbLitElement } from '../../../../shared/lit-element/index.js';
  * As well breadcrumbs etc.
  *
  */
-export let UmbWorkspaceVariantContentElement = class UmbWorkspaceVariantContentElement extends UmbLitElement {
+export let UmbWorkspaceSplitViewElement = class UmbWorkspaceSplitViewElement extends UmbLitElement {
     constructor() {
         super(...arguments);
         this.displayNavigation = false;
-        this._splitViewIndex = 0;
-        this.variantContext = new UmbWorkspaceVariantContext(this);
+        this.splitViewContext = new UmbWorkspaceSplitViewContext(this);
     }
     set splitViewIndex(index) {
-        this._splitViewIndex = index;
-        this.variantContext.setSplitViewIndex(index);
+        this.splitViewContext.setSplitViewIndex(index);
     }
     render() {
         return html `
 			<umb-workspace-editor
-				.splitViewIndex=${this._splitViewIndex.toString()}
 				alias=${this.alias}
 				.hideNavigation=${!this.displayNavigation}
 				.enforceNoFooter=${true}>
@@ -63,17 +60,14 @@ export let UmbWorkspaceVariantContentElement = class UmbWorkspaceVariantContentE
 };
 __decorate([
     property()
-], UmbWorkspaceVariantContentElement.prototype, "alias", void 0);
+], UmbWorkspaceSplitViewElement.prototype, "alias", void 0);
 __decorate([
     property({ type: Boolean })
-], UmbWorkspaceVariantContentElement.prototype, "displayNavigation", void 0);
+], UmbWorkspaceSplitViewElement.prototype, "displayNavigation", void 0);
 __decorate([
     property({ type: Number })
-], UmbWorkspaceVariantContentElement.prototype, "splitViewIndex", null);
-__decorate([
-    state()
-], UmbWorkspaceVariantContentElement.prototype, "_splitViewIndex", void 0);
-UmbWorkspaceVariantContentElement = __decorate([
-    customElement('umb-workspace-variant')
-], UmbWorkspaceVariantContentElement);
-export default UmbWorkspaceVariantContentElement;
+], UmbWorkspaceSplitViewElement.prototype, "splitViewIndex", null);
+UmbWorkspaceSplitViewElement = __decorate([
+    customElement('umb-workspace-split-view')
+], UmbWorkspaceSplitViewElement);
+export default UmbWorkspaceSplitViewElement;

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

@@ -1,9 +1,9 @@
 import { UmbDictionaryRepository } from '../repository/dictionary.repository.js';
-import { UmbEntityWorkspaceContextInterface, UmbWorkspaceContext } from '../../../core/workspace/index.js';
+import { UmbSaveableWorkspaceContextInterface, UmbWorkspaceContext } from '../../../core/workspace/index.js';
 import { UmbControllerHostElement } from '../../../../libs/controller-api/index.js';
 import { DictionaryItemResponseModel } from '../../../../external/backend-api/index.js';
 import { UmbContextToken } from '../../../../libs/context-api/index.js';
-export declare class UmbDictionaryWorkspaceContext extends UmbWorkspaceContext<UmbDictionaryRepository, DictionaryItemResponseModel> implements UmbEntityWorkspaceContextInterface<DictionaryItemResponseModel | undefined> {
+export declare class UmbDictionaryWorkspaceContext extends UmbWorkspaceContext<UmbDictionaryRepository, DictionaryItemResponseModel> implements UmbSaveableWorkspaceContextInterface<DictionaryItemResponseModel | undefined> {
     #private;
     data: import("rxjs").Observable<DictionaryItemResponseModel | undefined>;
     name: import("rxjs").Observable<string | undefined>;
@@ -19,4 +19,4 @@ export declare class UmbDictionaryWorkspaceContext extends UmbWorkspaceContext<U
     save(): Promise<void>;
     destroy(): void;
 }
-export declare const UMB_DICTIONARY_WORKSPACE_CONTEXT: UmbContextToken<UmbEntityWorkspaceContextInterface<unknown>, UmbDictionaryWorkspaceContext>;
+export declare const UMB_DICTIONARY_WORKSPACE_CONTEXT: UmbContextToken<UmbSaveableWorkspaceContextInterface<unknown>, UmbDictionaryWorkspaceContext>;

package/dist-cms/packages/documents/document-types/workspace/document-type-workspace.context.d.ts

@@ -1,11 +1,11 @@
 import { UmbDocumentTypeRepository } from '../repository/document-type.repository.js';
 import { UmbContentTypePropertyStructureManager } from '../../../core/content-type/index.js';
-import { UmbWorkspaceContext, UmbEntityWorkspaceContextInterface } from '../../../core/workspace/index.js';
+import { UmbWorkspaceContext, UmbSaveableWorkspaceContextInterface } from '../../../core/workspace/index.js';
 import type { ContentTypeCompositionModel, ContentTypeSortModel, DocumentTypeResponseModel } from '../../../../external/backend-api/index.js';
 import { UmbControllerHostElement } from '../../../../libs/controller-api/index.js';
 import { UmbContextToken } from '../../../../libs/context-api/index.js';
 type EntityType = DocumentTypeResponseModel;
-export declare class UmbDocumentTypeWorkspaceContext extends UmbWorkspaceContext<UmbDocumentTypeRepository, EntityType> implements UmbEntityWorkspaceContextInterface<EntityType | undefined> {
+export declare class UmbDocumentTypeWorkspaceContext extends UmbWorkspaceContext<UmbDocumentTypeRepository, EntityType> implements UmbSaveableWorkspaceContextInterface<EntityType | undefined> {
     readonly data: () => import("rxjs").Observable<DocumentTypeResponseModel | undefined>;
     readonly name: import("rxjs").Observable<string | undefined>;
     readonly alias: import("rxjs").Observable<string | undefined>;
@@ -49,5 +49,5 @@ export declare class UmbDocumentTypeWorkspaceContext extends UmbWorkspaceContext
     save(): Promise<void>;
     destroy(): void;
 }
-export declare const UMB_DOCUMENT_TYPE_WORKSPACE_CONTEXT: UmbContextToken<UmbEntityWorkspaceContextInterface<unknown>, UmbDocumentTypeWorkspaceContext>;
+export declare const UMB_DOCUMENT_TYPE_WORKSPACE_CONTEXT: UmbContextToken<UmbSaveableWorkspaceContextInterface<unknown>, UmbDocumentTypeWorkspaceContext>;
 export {};

package/dist-cms/packages/documents/documents/property-editors/document-picker/property-editor-ui-document-picker.element.d.ts

@@ -1,11 +1,11 @@
 import { UmbPropertyEditorExtensionElement } from '../../../../core/extension-registry/index.js';
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
-import type { UmbDataTypeConfigCollection } from '../../../../core/components/index.js';
+import type { UmbPropertyEditorConfigCollection } from '../../../../core/property-editor/index.js';
 export declare class UmbPropertyEditorUIContentPickerElement extends UmbLitElement implements UmbPropertyEditorExtensionElement {
     private _value;
     get value(): Array<string>;
     set value(value: Array<string>);
-    set config(config: UmbDataTypeConfigCollection | undefined);
+    set config(config: UmbPropertyEditorConfigCollection | undefined);
     private _limitMin?;
     private _limitMax?;
     private _onChange;

package/dist-cms/packages/documents/documents/variant-context/document-variant-context.d.ts

@@ -0,0 +1,35 @@
+import { UmbDocumentWorkspaceContext } from "../workspace/index.js";
+import { DocumentVariantResponseModel } from "../../../../external/backend-api/index.js";
+import { UmbBaseController, UmbControllerHost } from "../../../../libs/controller-api/index.js";
+import { UmbVariantId } from "../../../core/variant/index.js";
+import { UmbVariantContext } from "../../../core/workspace/index.js";
+export declare class UmbDocumentVariantContext extends UmbBaseController implements UmbVariantContext {
+    #private;
+    getVariantId(): UmbVariantId;
+    currentVariant: import("rxjs/internal/Observable.js").Observable<DocumentVariantResponseModel | undefined>;
+    name: import("rxjs/internal/Observable.js").Observable<string | undefined>;
+    culture: import("rxjs/internal/Observable.js").Observable<string | null | undefined>;
+    segment: import("rxjs/internal/Observable.js").Observable<string | null | undefined>;
+    getType(): string;
+    getUnique(): string | undefined;
+    getName(): string | undefined;
+    setName(name: string): void;
+    getVariantInfo(): DocumentVariantResponseModel | undefined;
+    constructor(host: UmbControllerHost, workspace: UmbDocumentWorkspaceContext, variantId?: UmbVariantId);
+    /**
+     * TODO: Write proper JSDocs here.
+     * Ideally do not use these methods, its better to communicate directly with the workspace, but if you do not know the property variant id, then this will figure it out for you. So good for externals to set or get values of a property.
+     */
+    propertyVariantId(propertyAlias: string): Promise<import("rxjs/internal/Observable.js").Observable<UmbVariantId | undefined>>;
+    /**
+     * TODO: Write proper JSDocs here.
+     * Ideally do not use these methods, its better to communicate directly with the workspace, but if you do not know the property variant id, then this will figure it out for you. So good for externals to set or get values of a property.
+     */
+    propertyValueByAlias<ReturnType = unknown>(propertyAlias: string): Promise<import("rxjs/internal/Observable.js").Observable<ReturnType | undefined>>;
+    propertyValueByAliasAndCulture<ReturnType = unknown>(propertyAlias: string, propertyVariantId: UmbVariantId): Promise<import("rxjs/internal/Observable.js").Observable<ReturnType>>;
+    /**
+     * TODO: Write proper JSDocs here.
+     * Ideally do not use these methods, its better to communicate directly with the workspace, but if you do not know the property variant id, then this will figure it out for you. So good for externals to set or get values of a property.
+     */
+    setPropertyValue(propertyAlias: string, value: unknown): Promise<void>;
+}

package/dist-cms/packages/documents/documents/variant-context/document-variant-context.js

@@ -0,0 +1,89 @@
+import { UmbBaseController } from "../../../../libs/controller-api/index.js";
+import { map } from "../../../../external/rxjs/index.js";
+import { UmbObjectState } from "../../../../libs/observable-api/index.js";
+import { UmbVariantId } from "../../../core/variant/index.js";
+import { UMB_VARIANT_CONTEXT } from "../../../core/workspace/index.js";
+// TODO: This code can be split into a UmbContentTypeVariantContext, leaving just the publishing state and methods to this class.
+export class UmbDocumentVariantContext extends UmbBaseController {
+    #workspace;
+    #variantId;
+    getVariantId() {
+        return this.#variantId;
+    }
+    #currentVariant;
+    // TODO: Refactor: Make a properties observable. (with such I think i mean a property value object array.. array with object with properties, alias, value, culture and segment)
+    // TO make such happen I think we need to maintain all properties and their value of this object.
+    // This will actually make it simpler if multiple are watching the same property.
+    // But it will also mean that we wil watch all properties and their structure, for variantID, all the time for all of the properties.
+    getType() {
+        return this.#workspace.getEntityType();
+    }
+    getUnique() {
+        return this.#workspace.getEntityId();
+    }
+    getName() {
+        return this.#workspace.getName(this.#variantId);
+    }
+    setName(name) {
+        this.#workspace.setName(name, this.#variantId);
+    }
+    getVariantInfo() {
+        return this.#workspace.getVariant(this.#variantId);
+    }
+    constructor(host, workspace, variantId) {
+        // The controller alias, is a very generic name cause we want only one of these for this controller host.
+        super(host, 'variantContext');
+        this.#currentVariant = new UmbObjectState(undefined);
+        this.currentVariant = this.#currentVariant.asObservable();
+        this.name = this.#currentVariant.asObservablePart((x) => x?.name);
+        this.culture = this.#currentVariant.asObservablePart((x) => x?.culture);
+        this.segment = this.#currentVariant.asObservablePart((x) => x?.segment);
+        this.#workspace = workspace;
+        this.#variantId = variantId ?? UmbVariantId.CreateInvariant();
+        this.observe(this.#workspace.variantById(this.#variantId), async (variantInfo) => {
+            if (!variantInfo)
+                return;
+            this.#currentVariant.next(variantInfo);
+        }, '_observeActiveVariant');
+        // TODO: Refactor: use the document dataset context token.
+        this.provideContext(UMB_VARIANT_CONTEXT, this);
+    }
+    #createPropertyVariantId(property) {
+        return UmbVariantId.Create({
+            culture: property.variesByCulture ? this.#variantId.culture : null,
+            segment: property.variesBySegment ? this.#variantId.segment : null,
+        });
+    }
+    /**
+     * TODO: Write proper JSDocs here.
+     * Ideally do not use these methods, its better to communicate directly with the workspace, but if you do not know the property variant id, then this will figure it out for you. So good for externals to set or get values of a property.
+     */
+    async propertyVariantId(propertyAlias) {
+        return (await this.#workspace.structure.propertyStructureByAlias(propertyAlias)).pipe(map((property) => property ? this.#createPropertyVariantId(property) : undefined));
+    }
+    /**
+     * TODO: Write proper JSDocs here.
+     * Ideally do not use these methods, its better to communicate directly with the workspace, but if you do not know the property variant id, then this will figure it out for you. So good for externals to set or get values of a property.
+     */
+    async propertyValueByAlias(propertyAlias) {
+        await this.#workspace.isLoaded();
+        return (await this.#workspace.structure.propertyStructureByAlias(propertyAlias)).pipe(map((property) => property?.alias ? this.#workspace.getPropertyValue(property.alias, this.#createPropertyVariantId(property)) : undefined));
+    }
+    // TODO: Refactor: Not used currently, but should investigate if we can implement this, to spare some energy.
+    async propertyValueByAliasAndCulture(propertyAlias, propertyVariantId) {
+        return this.#workspace.propertyValueByAlias(propertyAlias, propertyVariantId);
+    }
+    /**
+     * TODO: Write proper JSDocs here.
+     * Ideally do not use these methods, its better to communicate directly with the workspace, but if you do not know the property variant id, then this will figure it out for you. So good for externals to set or get values of a property.
+     */
+    async setPropertyValue(propertyAlias, value) {
+        // This is not reacting to if the property variant settings changes while running.
+        const property = await this.#workspace.structure.getPropertyStructureByAlias(propertyAlias);
+        if (property) {
+            const variantId = this.#createPropertyVariantId(property);
+            // This is not reacting to if the property variant settings changes while running.
+            this.#workspace.setPropertyValue(propertyAlias, value, variantId);
+        }
+    }
+}

package/dist-cms/packages/documents/documents/variant-context/document-variant-context.token.d.ts

@@ -0,0 +1,5 @@
+import type { UmbDocumentVariantContext } from "./document-variant-context.js";
+import { UmbContextToken } from "../../../../libs/context-api/index.js";
+import { UmbVariantContext } from "../../../core/workspace/index.js";
+export declare const IsDocumentVariantContext: (context: UmbVariantContext) => context is UmbDocumentVariantContext;
+export declare const UMB_DOCUMENT_VARIANT_CONTEXT: UmbContextToken<UmbVariantContext, UmbDocumentVariantContext>;

package/dist-cms/packages/documents/documents/variant-context/document-variant-context.token.js

@@ -0,0 +1,3 @@
+import { UmbContextToken } from "../../../../libs/context-api/index.js";
+export const IsDocumentVariantContext = (context) => context.getType() === 'document';
+export const UMB_DOCUMENT_VARIANT_CONTEXT = new UmbContextToken("UmbVariantContext", IsDocumentVariantContext);

package/dist-cms/packages/documents/documents/workspace/document-workspace-editor.element.js

@@ -15,6 +15,7 @@ export let UmbDocumentWorkspaceEditorElement = class UmbDocumentWorkspaceEditorE
     constructor() {
         super();
         //private _defaultVariant?: VariantViewModelBaseModel;
+        // TODO: Refactor: when having a split view/variants context token, we can rename the split view/variants component to a generic and make this component generic as well.
         this.splitViewElement = new UmbDocumentWorkspaceSplitViewElement();
         this._availableVariants = [];
         this._workspaceSplitViews = [];

package/dist-cms/packages/documents/documents/workspace/document-workspace-split-view.element.d.ts

@@ -3,7 +3,6 @@ import { ActiveVariant } from '../../../core/workspace/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 export declare class UmbDocumentWorkspaceSplitViewElement extends UmbLitElement {
     private _workspaceContext?;
-    _unique?: string;
     _variants?: Array<ActiveVariant>;
     constructor();
     private _observeActiveVariantInfo;

package/dist-cms/packages/documents/documents/workspace/document-workspace-split-view.element.js

@@ -11,6 +11,7 @@ import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 export let UmbDocumentWorkspaceSplitViewElement = class UmbDocumentWorkspaceSplitViewElement extends UmbLitElement {
     constructor() {
         super();
+        // TODO: Refactor: use a split view workspace context token:
         this.consumeContext(UMB_DOCUMENT_WORKSPACE_CONTEXT, (context) => {
             this._workspaceContext = context;
             this._observeActiveVariantInfo();
@@ -27,10 +28,10 @@ export let UmbDocumentWorkspaceSplitViewElement = class UmbDocumentWorkspaceSpli
         return this._variants
             ? html `<div id="splitViews">
 						${repeat(this._variants, (view) => view.index + '_' + (view.culture ?? '') + '_' + (view.segment ?? '') + '_' + this._variants.length, (view) => html `
-								<umb-workspace-variant
+								<umb-workspace-split-view
 									alias="Umb.Workspace.Document"
 									.splitViewIndex=${view.index}
-									.displayNavigation=${view.index === this._variants.length - 1}></umb-workspace-variant>
+									.displayNavigation=${view.index === this._variants.length - 1}></umb-workspace-split-view>
 							`)}
 					</div>
 
@@ -63,9 +64,6 @@ export let UmbDocumentWorkspaceSplitViewElement = class UmbDocumentWorkspaceSpli
 		`,
     ]; }
 };
-__decorate([
-    state()
-], UmbDocumentWorkspaceSplitViewElement.prototype, "_unique", void 0);
 __decorate([
     state()
 ], UmbDocumentWorkspaceSplitViewElement.prototype, "_variants", void 0);

package/dist-cms/packages/documents/documents/workspace/document-workspace.context.d.ts

@@ -1,14 +1,16 @@
 import { UmbDocumentRepository } from '../repository/document.repository.js';
 import { UmbDocumentTypeRepository } from '../../document-types/repository/document-type.repository.js';
+import { UmbDocumentVariantContext } from '../variant-context/document-variant-context.js';
 import { UmbVariantId } from '../../../core/variant/index.js';
 import { UmbContentTypePropertyStructureManager } from '../../../core/content-type/index.js';
-import { UmbEntityWorkspaceContextInterface, UmbWorkspaceContext, UmbWorkspaceSplitViewManager, UmbWorkspaceVariableEntityContextInterface } from '../../../core/workspace/index.js';
+import { UmbSaveableWorkspaceContextInterface, UmbWorkspaceContext, UmbWorkspaceSplitViewManager, UmbVariantableWorkspaceContextInterface } from '../../../core/workspace/index.js';
 import type { DocumentResponseModel } from '../../../../external/backend-api/index.js';
-import { UmbControllerHostElement } from '../../../../libs/controller-api/index.js';
+import { UmbControllerHost, UmbControllerHostElement } from '../../../../libs/controller-api/index.js';
 import { UmbContextToken } from '../../../../libs/context-api/index.js';
 type EntityType = DocumentResponseModel;
-export declare class UmbDocumentWorkspaceContext extends UmbWorkspaceContext<UmbDocumentRepository, EntityType> implements UmbWorkspaceVariableEntityContextInterface<EntityType | undefined> {
+export declare class UmbDocumentWorkspaceContext extends UmbWorkspaceContext<UmbDocumentRepository, EntityType> implements UmbVariantableWorkspaceContextInterface<EntityType | undefined> {
     #private;
+    isLoaded(): Promise<any> | undefined;
     readonly unique: import("rxjs").Observable<string | undefined>;
     readonly documentTypeKey: import("rxjs").Observable<string | undefined>;
     readonly variants: import("rxjs").Observable<import("../../../../external/backend-api/index.js").DocumentVariantResponseModel[]>;
@@ -17,23 +19,30 @@ export declare class UmbDocumentWorkspaceContext extends UmbWorkspaceContext<Umb
     readonly structure: UmbContentTypePropertyStructureManager<UmbDocumentTypeRepository>;
     readonly splitView: UmbWorkspaceSplitViewManager;
     constructor(host: UmbControllerHostElement);
-    load(entityId: string): Promise<DocumentResponseModel | undefined>;
-    create(documentTypeKey: string, parentId: string | null): Promise<DocumentResponseModel | undefined>;
+    load(entityId: string): Promise<any>;
+    create(documentTypeKey: string, parentId: string | null): Promise<any>;
     getData(): DocumentResponseModel;
     getEntityId(): string | undefined;
     getEntityType(): string;
     getContentTypeId(): string | undefined;
+    variantById(variantId: UmbVariantId): import("rxjs").Observable<import("../../../../external/backend-api/index.js").DocumentVariantResponseModel | undefined>;
     getVariant(variantId: UmbVariantId): import("../../../../external/backend-api/index.js").DocumentVariantResponseModel | undefined;
     getName(variantId?: UmbVariantId): string | undefined;
     setName(name: string, variantId?: UmbVariantId): void;
-    propertyValuesOf(variantId?: UmbVariantId): import("rxjs").Observable<import("../../../../external/backend-api/index.js").ValueModelBaseModel[] | undefined>;
-    propertyDataByAlias(propertyAlias: string, variantId?: UmbVariantId): import("rxjs").Observable<import("../../../../external/backend-api/index.js").ValueModelBaseModel | undefined>;
-    propertyValueByAlias(propertyAlias: string, variantId?: UmbVariantId): import("rxjs").Observable<any>;
-    getPropertyValue(alias: string, variantId?: UmbVariantId): void;
-    setPropertyValue(alias: string, value: unknown, variantId?: UmbVariantId): void;
+    propertyStructureById(propertyId: string): Promise<import("rxjs").Observable<import("../../../../external/backend-api/index.js").PropertyTypeModelBaseModel | undefined>>;
+    propertyValueByAlias<PropertyValueType = unknown>(propertyAlias: string, variantId?: UmbVariantId): Promise<import("rxjs").Observable<PropertyValueType>>;
+    /**
+     * Get the current value of the property with the given alias and variantId.
+     * @param alias
+     * @param variantId
+     * @returns The value or undefined if not set or found.
+     */
+    getPropertyValue<ReturnType = unknown>(alias: string, variantId?: UmbVariantId): ReturnType | undefined;
+    setPropertyValue<PropertyValueType = unknown>(alias: string, value: PropertyValueType, variantId?: UmbVariantId): Promise<void>;
     save(): Promise<void>;
     delete(id: string): Promise<void>;
+    createVariantContext(host: UmbControllerHost, variantId: UmbVariantId): UmbDocumentVariantContext;
     destroy(): void;
 }
 export default UmbDocumentWorkspaceContext;
-export declare const UMB_DOCUMENT_WORKSPACE_CONTEXT: UmbContextToken<UmbEntityWorkspaceContextInterface<unknown>, UmbDocumentWorkspaceContext>;
+export declare const UMB_DOCUMENT_WORKSPACE_CONTEXT: UmbContextToken<UmbSaveableWorkspaceContextInterface<unknown>, UmbDocumentWorkspaceContext>;

package/dist-cms/packages/documents/documents/workspace/document-workspace.context.js

@@ -1,5 +1,6 @@
 import { UmbDocumentRepository } from '../repository/document.repository.js';
 import { UmbDocumentTypeRepository } from '../../document-types/repository/document-type.repository.js';
+import { UmbDocumentVariantContext } from '../variant-context/document-variant-context.js';
 import { UmbContentTypePropertyStructureManager } from '../../../core/content-type/index.js';
 import { UmbWorkspaceContext, UmbWorkspaceSplitViewManager, } from '../../../core/workspace/index.js';
 import { appendToFrozenArray, partialUpdateFrozenArray, UmbObjectState, UmbObserverController, } from '../../../../libs/observable-api/index.js';
@@ -8,30 +9,34 @@ export class UmbDocumentWorkspaceContext extends UmbWorkspaceContext {
     /**
      * The document is the current stored version of the document.
      * For now lets not share this publicly as it can become confusing.
-     * TODO: Use this to compare, for variants with changes.
+     * TODO: This concept is to be able to compare if there is changes since the saved one.
      */
-    #document;
+    //#persistedData = new UmbObjectState<EntityType | undefined>(undefined);
     /**
      * The document is the current state/draft version of the document.
      */
-    #draft;
+    #currentData;
+    #getDataPromise;
+    isLoaded() {
+        return this.#getDataPromise;
+    }
     constructor(host) {
         super(host, 'Umb.Workspace.Document', new UmbDocumentRepository(host));
         /**
          * The document is the current stored version of the document.
          * For now lets not share this publicly as it can become confusing.
-         * TODO: Use this to compare, for variants with changes.
+         * TODO: This concept is to be able to compare if there is changes since the saved one.
          */
-        this.#document = new UmbObjectState(undefined);
+        //#persistedData = new UmbObjectState<EntityType | undefined>(undefined);
         /**
          * The document is the current state/draft version of the document.
          */
-        this.#draft = new UmbObjectState(undefined);
-        this.unique = this.#draft.asObservablePart((data) => data?.id);
-        this.documentTypeKey = this.#draft.asObservablePart((data) => data?.contentTypeId);
-        this.variants = this.#draft.asObservablePart((data) => data?.variants || []);
-        this.urls = this.#draft.asObservablePart((data) => data?.urls || []);
-        this.templateId = this.#draft.asObservablePart((data) => data?.templateId || null);
+        this.#currentData = new UmbObjectState(undefined);
+        this.unique = this.#currentData.asObservablePart((data) => data?.id);
+        this.documentTypeKey = this.#currentData.asObservablePart((data) => data?.contentTypeId);
+        this.variants = this.#currentData.asObservablePart((data) => data?.variants || []);
+        this.urls = this.#currentData.asObservablePart((data) => data?.urls || []);
+        this.templateId = this.#currentData.asObservablePart((data) => data?.templateId || null);
         this.structure = new UmbContentTypePropertyStructureManager(this.host, new UmbDocumentTypeRepository(this.host));
         this.splitView = new UmbWorkspaceSplitViewManager(this.host);
         new UmbObserverController(this.host, this.documentTypeKey, (id) => this.structure.loadType(id));
@@ -40,25 +45,26 @@ export class UmbDocumentWorkspaceContext extends UmbWorkspaceContext {
         */
     }
     async load(entityId) {
-        const { data } = await this.repository.requestById(entityId);
+        this.#getDataPromise = this.repository.requestById(entityId);
+        const { data } = await this.#getDataPromise;
         if (!data)
             return undefined;
         this.setIsNew(false);
-        this.#document.next(data);
-        this.#draft.next(data);
+        //this.#persisted.next(data);
+        this.#currentData.next(data);
         return data || undefined;
     }
     async create(documentTypeKey, parentId) {
-        const { data } = await this.repository.createScaffold(documentTypeKey, { parentId });
+        this.#getDataPromise = this.repository.createScaffold(documentTypeKey, { parentId });
+        const { data } = await this.#getDataPromise;
         if (!data)
             return undefined;
         this.setIsNew(true);
-        this.#document.next(data);
-        this.#draft.next(data);
+        this.#currentData.next(data);
         return data || undefined;
     }
     getData() {
-        return this.#draft.getValue() || {};
+        return this.#currentData.getValue() || {};
     }
     /*
     getUnique() {
@@ -74,11 +80,14 @@ export class UmbDocumentWorkspaceContext extends UmbWorkspaceContext {
     getContentTypeId() {
         return this.getData().contentTypeId;
     }
+    variantById(variantId) {
+        return this.#currentData.asObservablePart((data) => data?.variants?.find((x) => variantId.compare(x)));
+    }
     getVariant(variantId) {
-        return this.#draft.getValue()?.variants?.find((x) => variantId.compare(x));
+        return this.#currentData.getValue()?.variants?.find((x) => variantId.compare(x));
     }
     getName(variantId) {
-        const variants = this.#draft.getValue()?.variants;
+        const variants = this.#currentData.getValue()?.variants;
         if (!variants)
             return;
         if (variantId) {
@@ -89,48 +98,52 @@ export class UmbDocumentWorkspaceContext extends UmbWorkspaceContext {
         }
     }
     setName(name, variantId) {
-        const oldVariants = this.#draft.getValue()?.variants || [];
+        const oldVariants = this.#currentData.getValue()?.variants || [];
         const variants = partialUpdateFrozenArray(oldVariants, { name }, variantId ? (x) => variantId.compare(x) : () => true);
-        this.#draft.update({ variants });
-    }
-    propertyValuesOf(variantId) {
-        return this.#draft.asObservablePart((data) => variantId ? data?.values?.filter((x) => variantId.compare(x)) : data?.values);
+        this.#currentData.update({ variants });
     }
-    propertyDataByAlias(propertyAlias, variantId) {
-        return this.#draft.asObservablePart((data) => data?.values?.find((x) => x?.alias === propertyAlias && (variantId ? variantId.compare(x) : true)));
+    async propertyStructureById(propertyId) {
+        return this.structure.propertyStructureById(propertyId);
     }
-    propertyValueByAlias(propertyAlias, variantId) {
-        return this.#draft.asObservablePart((data) => data?.values?.find((x) => x?.alias === propertyAlias && (variantId ? variantId.compare(x) : true))?.value);
+    async propertyValueByAlias(propertyAlias, variantId) {
+        return this.#currentData.asObservablePart((data) => data?.values?.find((x) => x?.alias === propertyAlias && (variantId ? variantId.compare(x) : true))?.value);
     }
+    /**
+     * Get the current value of the property with the given alias and variantId.
+     * @param alias
+     * @param variantId
+     * @returns The value or undefined if not set or found.
+     */
     getPropertyValue(alias, variantId) {
-        const currentData = this.#draft.value;
+        const currentData = this.#currentData.value;
         if (currentData) {
             const newDataSet = currentData.values?.find((x) => x.alias === alias && (variantId ? variantId.compare(x) : true));
             return newDataSet?.value;
         }
+        return undefined;
     }
-    setPropertyValue(alias, value, variantId) {
+    async setPropertyValue(alias, value, variantId) {
         const entry = { ...variantId?.toObject(), alias, value };
-        const currentData = this.#draft.value;
+        const currentData = this.#currentData.value;
         if (currentData) {
             const values = appendToFrozenArray(currentData.values || [], entry, (x) => x.alias === alias && (variantId ? variantId.compare(x) : true));
-            this.#draft.update({ values });
+            this.#currentData.update({ values });
         }
     }
     async save() {
-        if (!this.#draft.value)
+        if (!this.#currentData.value)
             return;
-        if (!this.#draft.value.id)
+        if (!this.#currentData.value.id)
             return;
         if (this.getIsNew()) {
             // TODO: typescript hack until we get the create type
-            const value = this.#draft.value;
+            const value = this.#currentData.value;
             if ((await this.repository.create(value)).data !== undefined) {
                 this.setIsNew(false);
             }
         }
         else {
-            await this.repository.save(this.#draft.value.id, this.#draft.value);
+            await this.repository.save(this.#currentData.value.id, this.#currentData.value);
         }
         this.saveComplete(this.getData());
     }
@@ -148,11 +161,16 @@ export class UmbDocumentWorkspaceContext extends UmbWorkspaceContext {
 
     }
     */
+    createVariantContext(host, variantId) {
+        return new UmbDocumentVariantContext(host, this, variantId);
+    }
     destroy() {
-        this.#draft.complete();
+        this.#currentData.complete();
         this.structure.destroy();
         super.destroy();
     }
 }
 export default UmbDocumentWorkspaceContext;
-export const UMB_DOCUMENT_WORKSPACE_CONTEXT = new UmbContextToken('UmbWorkspaceContext', (context) => context.getEntityType?.() === 'document');
+export const UMB_DOCUMENT_WORKSPACE_CONTEXT = new UmbContextToken('UmbWorkspaceContext', 
+// TODO: Refactor: make a better generic way to identify workspaces, maybe workspaceType or workspaceAlias?.
+(context) => context.getEntityType?.() === 'document');

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

@@ -34,7 +34,7 @@ export let UmbDocumentWorkspaceViewEditPropertiesElement = class UmbDocumentWork
         });
     }
     render() {
-        return repeat(this._propertyStructure, (property) => property.alias, (property) => html `<umb-variantable-property class="property" .property=${property}></umb-variantable-property> `);
+        return repeat(this._propertyStructure, (property) => property.alias, (property) => html `<umb-property-type-based-property class="property" .property=${property}></umb-property-type-based-property> `);
     }
     static { this.styles = [
         UmbTextStyles,

package/dist-cms/packages/documents/documents/workspace/views/edit/document-workspace-view-edit.element.js

@@ -82,7 +82,7 @@ export let UmbDocumentWorkspaceViewEditElement = class UmbDocumentWorkspaceViewE
             return;
         return html `
 			<umb-body-layout header-fit-height>
-				${this._routerPath && (this._tabs.length > 0 || this._hasRootGroups)
+				${this._routerPath && (this._tabs.length > 1 || (this._tabs.length === 1 && this._hasRootGroups))
             ? html ` <uui-tab-group slot="header">
 							${this._hasRootGroups && this._tabs.length > 0
                 ? html `

package/dist-cms/packages/{settings/logviewer → log-viewer}/components/donut-chart/donut-chart.element.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from '../../../../../external/lit/index.js';
+import { LitElement } from '../../../../external/lit/index.js';
 export interface Circle {
     color: string;
     name: string;