@umbraco-cms/backoffice 14.0.0-8d2a75e2 → 14.0.0-8f7cbf82

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

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { UUIInputEvent, UUITextStyles } from '../../../../external/uui/index.js';
+import { UUIInputEvent } from '../../../../external/uui/index.js';
 import { css, html, customElement, state, ifDefined } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 import { UMB_MODAL_MANAGER_CONTEXT_TOKEN, UMB_ICON_PICKER_MODAL, } from '../../../core/modal/index.js';
@@ -124,7 +124,6 @@ export let UmbDocumentTypeWorkspaceEditorElement = class UmbDocumentTypeWorkspac
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
         css `
 			:host {
 				display: block;

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

@@ -1,10 +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>;
@@ -48,4 +49,5 @@ export declare class UmbDocumentTypeWorkspaceContext extends UmbWorkspaceContext
     save(): Promise<void>;
     destroy(): void;
 }
+export declare const UMB_DOCUMENT_TYPE_WORKSPACE_CONTEXT: UmbContextToken<UmbSaveableWorkspaceContextInterface<unknown>, UmbDocumentTypeWorkspaceContext>;
 export {};

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

@@ -1,6 +1,7 @@
 import { UmbDocumentTypeRepository } from '../repository/document-type.repository.js';
 import { UmbContentTypePropertyStructureManager } from '../../../core/content-type/index.js';
 import { UmbWorkspaceContext } from '../../../core/workspace/index.js';
+import { UmbContextToken } from '../../../../libs/context-api/index.js';
 export class UmbDocumentTypeWorkspaceContext extends UmbWorkspaceContext {
     constructor(host) {
         super(host, 'Umb.Workspace.DocumentType', new UmbDocumentTypeRepository(host));
@@ -103,5 +104,7 @@ export class UmbDocumentTypeWorkspaceContext extends UmbWorkspaceContext {
     }
     destroy() {
         this.structure.destroy();
+        super.destroy();
     }
 }
+export const UMB_DOCUMENT_TYPE_WORKSPACE_CONTEXT = new UmbContextToken('UmbWorkspaceContext', (context) => context.getEntityType?.() === 'document-type');

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

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { UmbDocumentTypeWorkspaceContext } from './document-type-workspace.context.js';
-import { UUITextStyles } from '../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../shared/style/index.js";
 import { html, customElement, state } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 import { UmbWorkspaceIsNewRedirectController } from '../../../core/workspace/index.js';
@@ -38,7 +38,7 @@ export let UmbDocumentTypeWorkspaceElement = class UmbDocumentTypeWorkspaceEleme
     render() {
         return html ` <umb-router-slot .routes=${this._routes}></umb-router-slot> `;
     }
-    static { this.styles = [UUITextStyles]; }
+    static { this.styles = [UmbTextStyles]; }
 };
 __decorate([
     state()

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

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import './document-type-workspace-view-edit-property.element.js';
 import { css, html, customElement, property, state, repeat, ifDefined } from '../../../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../../../shared/style/index.js";
 import { UmbContentTypePropertyStructureHelper } from '../../../../../core/content-type/index.js';
 import { UmbSorterController } from '../../../../../core/sorter/index.js';
 import { UmbLitElement } from '../../../../../../shared/lit-element/index.js';
@@ -84,7 +84,13 @@ export let UmbDocumentTypeWorkspaceViewEditPropertiesElement = class UmbDocument
         new UmbModalRouteRegistrationController(this, UMB_PROPERTY_SETTINGS_MODAL)
             .addAdditionalPath('new-property')
             .onSetup(async () => {
-            return (await this._propertyStructureHelper.createPropertyScaffold(this._containerId)) ?? false;
+            const documentTypeId = this._ownerDocumentTypes?.find((types) => types.containers?.find((containers) => containers.id === this.containerId))?.id;
+            if (documentTypeId === undefined)
+                return false;
+            const propertyData = await this._propertyStructureHelper.createPropertyScaffold(this._containerId);
+            if (propertyData === undefined)
+                return false;
+            return { propertyData, documentTypeId };
         })
             .onSubmit((result) => {
             this.#addProperty(result);
@@ -95,7 +101,7 @@ export let UmbDocumentTypeWorkspaceViewEditPropertiesElement = class UmbDocument
     }
     connectedCallback() {
         super.connectedCallback();
-        const doctypes = this._propertyStructureHelper.getOwnerDocumentTypes();
+        const doctypes = this._propertyStructureHelper.ownerDocumentTypes;
         if (!doctypes)
             return;
         this.observe(doctypes, (documents) => {
@@ -138,7 +144,7 @@ export let UmbDocumentTypeWorkspaceViewEditPropertiesElement = class UmbDocument
 			</uui-button> `;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			#add {
 				width: 100%;

package/dist-cms/packages/documents/document-types/workspace/views/design/document-type-workspace-view-edit-property.element.js

@@ -4,12 +4,13 @@ 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 { UUIInputEvent, UUITextStyles } from '../../../../../../external/uui/index.js';
+import { UUIInputEvent } from '../../../../../../external/uui/index.js';
 import { css, html, customElement, property, state, ifDefined, nothing } from '../../../../../../external/lit/index.js';
 import { UMB_CONFIRM_MODAL, UMB_MODAL_MANAGER_CONTEXT_TOKEN, UMB_PROPERTY_SETTINGS_MODAL, UMB_WORKSPACE_MODAL, UmbModalRouteRegistrationController, } from '../../../../../core/modal/index.js';
 import { UmbLitElement } from '../../../../../../shared/lit-element/index.js';
 import { generateAlias } from '../../../../../../shared/utils/index.js';
 import { UmbDataTypeRepository } from '../../../../../settings/data-types/index.js';
+import { UmbTextStyles } from '../../../../../../shared/style/index.js';
 /**
  *  @element document-type-workspace-view-edit-property
  *  @description - Element for displaying a property in an workspace.
@@ -49,7 +50,13 @@ export let UmbDocumentTypeWorkspacePropertyElement = class UmbDocumentTypeWorksp
         this.#modalRegistration = new UmbModalRouteRegistrationController(this, UMB_PROPERTY_SETTINGS_MODAL)
             .addUniquePaths(['propertyId'])
             .onSetup(() => {
-            return this.property ?? false;
+            const documentTypeId = this.ownerDocumentTypeId;
+            if (documentTypeId === undefined)
+                return false;
+            const propertyData = this.property;
+            if (propertyData === undefined)
+                return false;
+            return { propertyData, documentTypeId };
         })
             .onSubmit((result) => {
             this._partialUpdate(result);
@@ -177,7 +184,7 @@ export let UmbDocumentTypeWorkspacePropertyElement = class UmbDocumentTypeWorksp
 						${this.renderPropertyTags()}
 						<uui-tag look="default" class="inherited">
 							<uui-icon name="umb:merge"></uui-icon>
-							<span>
+							<span class="uui-text">
 								${this.localize.term('contentTypeEditor_inheritedFrom')}
 								<a href=${this._editDocumentTypePath + 'edit/' + this.ownerDocumentTypeId}>
 									${this.ownerDocumentTypeName ?? '??'}
@@ -231,7 +238,7 @@ export let UmbDocumentTypeWorkspacePropertyElement = class UmbDocumentTypeWorksp
         return this.inherited ? this.renderInheritedProperty() : this.renderEditableProperty();
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			:host {
 				display: grid;

package/dist-cms/packages/documents/document-types/workspace/views/design/document-type-workspace-view-edit-tab.element.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { css, html, customElement, property, state, repeat, ifDefined } from '../../../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../../../shared/style/index.js";
 import { UmbContentTypeContainerStructureHelper } from '../../../../../core/content-type/index.js';
 import { UmbLitElement } from '../../../../../../shared/lit-element/index.js';
 import { UMB_WORKSPACE_CONTEXT } from '../../../../../core/workspace/index.js';
@@ -18,7 +18,6 @@ export let UmbDocumentTypeWorkspaceViewEditTabElement = class UmbDocumentTypeWor
     set ownerTabId(value) {
         if (value === this._ownerTabId)
             return;
-        console.log('ownerTabId', value);
         const oldValue = this._ownerTabId;
         this._ownerTabId = value;
         this._groupStructureHelper.setOwnerId(value);
@@ -109,7 +108,7 @@ export let UmbDocumentTypeWorkspaceViewEditTabElement = class UmbDocumentTypeWor
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			#add {
 				width: 100%;

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

@@ -5,12 +5,12 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { css, html, customElement, state, repeat, nothing, query } from '../../../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../../../external/uui/index.js';
 import { UmbContentTypeContainerStructureHelper } from '../../../../../core/content-type/index.js';
 import { encodeFolderName } from '../../../../../../shared/router/index.js';
 import { UmbLitElement } from '../../../../../../shared/lit-element/index.js';
 import { UMB_WORKSPACE_CONTEXT } from '../../../../../core/workspace/index.js';
 import { UMB_CONFIRM_MODAL, UMB_MODAL_MANAGER_CONTEXT_TOKEN } from '../../../../../core/modal/index.js';
+import { UmbTextStyles } from '../../../../../../shared/style/index.js';
 export let UmbDocumentTypeWorkspaceViewEditElement = class UmbDocumentTypeWorkspaceViewEditElement extends UmbLitElement {
     constructor() {
         super();
@@ -244,7 +244,7 @@ export let UmbDocumentTypeWorkspaceViewEditElement = class UmbDocumentTypeWorksp
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			:host {
 				position: relative;

package/dist-cms/packages/documents/document-types/workspace/views/settings/document-type-workspace-view-settings.element.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { css, html, customElement, state } from '../../../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../../../shared/style/index.js";
 import { UmbLitElement } from '../../../../../../shared/lit-element/index.js';
 import { UMB_WORKSPACE_CONTEXT } from '../../../../../core/workspace/index.js';
 export let UmbDocumentTypeWorkspaceViewSettingsElement = class UmbDocumentTypeWorkspaceViewSettingsElement extends UmbLitElement {
@@ -82,7 +82,7 @@ export let UmbDocumentTypeWorkspaceViewSettingsElement = class UmbDocumentTypeWo
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			:host {
 				display: block;

package/dist-cms/packages/documents/document-types/workspace/views/structure/document-type-workspace-view-structure.element.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { css, html, customElement, state } from '../../../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../../../shared/style/index.js";
 import { UmbLitElement } from '../../../../../../shared/lit-element/index.js';
 import { UMB_WORKSPACE_CONTEXT } from '../../../../../core/workspace/index.js';
 export let UmbDocumentTypeWorkspaceViewStructureElement = class UmbDocumentTypeWorkspaceViewStructureElement extends UmbLitElement {
@@ -72,7 +72,7 @@ export let UmbDocumentTypeWorkspaceViewStructureElement = class UmbDocumentTypeW
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			:host {
 				display: block;

package/dist-cms/packages/documents/document-types/workspace/views/templates/document-type-workspace-view-templates.element.js

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import '../../../../../templating/templates/components/input-template/input-template.element.js';
 import { css, html, customElement, state } from '../../../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../../../shared/style/index.js";
 import { UmbLitElement } from '../../../../../../shared/lit-element/index.js';
 import { UMB_WORKSPACE_CONTEXT } from '../../../../../core/workspace/index.js';
 export let UmbDocumentTypeWorkspaceViewTemplatesElement = class UmbDocumentTypeWorkspaceViewTemplatesElement extends UmbLitElement {
@@ -53,7 +53,7 @@ export let UmbDocumentTypeWorkspaceViewTemplatesElement = class UmbDocumentTypeW
 		</uui-box>`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			:host {
 				display: block;

package/dist-cms/packages/documents/documents/collection/views/table/document-table-collection-view.element.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { UUITextStyles } from '../../../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../../../shared/style/index.js";
 import { css, html, customElement, state } from '../../../../../../external/lit/index.js';
 import { UMB_COLLECTION_CONTEXT_TOKEN } from '../../../../../core/collection/index.js';
 import { UmbLitElement } from '../../../../../../shared/lit-element/index.js';
@@ -100,7 +100,7 @@ export let UmbDocumentTableCollectionViewElement = class UmbDocumentTableCollect
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			:host {
 				display: block;

package/dist-cms/packages/documents/documents/components/input-document/input-document.element.js

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { UMB_DOCUMENT_TREE_STORE_CONTEXT_TOKEN } from '../../repository/document.tree.store.js';
 import { css, html, nothing, customElement, property, state, ifDefined } from '../../../../../external/lit/index.js';
-import { UUITextStyles, FormControlMixin } from '../../../../../external/uui/index.js';
+import { FormControlMixin } from '../../../../../external/uui/index.js';
 import { UMB_MODAL_MANAGER_CONTEXT_TOKEN, UMB_CONFIRM_MODAL, UMB_DOCUMENT_PICKER_MODAL, } from '../../../../core/modal/index.js';
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
 export let UmbInputDocumentElement = class UmbInputDocumentElement extends FormControlMixin(UmbLitElement) {
@@ -107,7 +107,6 @@ export let UmbInputDocumentElement = class UmbInputDocumentElement extends FormC
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
         css `
 			#add-button {
 				width: 100%;

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/repository/document.store.d.ts

@@ -34,4 +34,4 @@ export declare class UmbDocumentStore extends UmbStoreBase {
      */
     remove(uniques: Array<DocumentResponseModel['id']>): void;
 }
-export declare const UMB_DOCUMENT_STORE_CONTEXT_TOKEN: UmbContextToken<UmbDocumentStore>;
+export declare const UMB_DOCUMENT_STORE_CONTEXT_TOKEN: UmbContextToken<UmbDocumentStore, UmbDocumentStore>;

package/dist-cms/packages/documents/documents/repository/document.tree.store.d.ts

@@ -15,4 +15,4 @@ export declare class UmbDocumentTreeStore extends UmbEntityTreeStore {
      */
     constructor(host: UmbControllerHostElement);
 }
-export declare const UMB_DOCUMENT_TREE_STORE_CONTEXT_TOKEN: UmbContextToken<UmbDocumentTreeStore>;
+export declare const UMB_DOCUMENT_TREE_STORE_CONTEXT_TOKEN: UmbContextToken<UmbDocumentTreeStore, UmbDocumentTreeStore>;

package/dist-cms/packages/documents/documents/tree/tree-item/document-tree-item.element.js

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { UmbDocumentTreeItemContext } from './document-tree-item.context.js';
 import { css, html, nothing, customElement, property } from '../../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../../shared/style/index.js";
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
 export let UmbDocumentTreeItemElement = class UmbDocumentTreeItemElement extends UmbLitElement {
     get item() {
@@ -41,7 +41,7 @@ export let UmbDocumentTreeItemElement = class UmbDocumentTreeItemElement extends
         return html ` <span id="label" slot="label">${this.item?.name}</span> `;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			#icon-container {
 				position: relative;

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

@@ -5,23 +5,24 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { UmbDocumentWorkspaceSplitViewElement } from './document-workspace-split-view.element.js';
-import { UUITextStyles } from '../../../../external/uui/index.js';
+import { UMB_DOCUMENT_WORKSPACE_CONTEXT } from './document-workspace.context.js';
+import { UmbTextStyles } from "../../../../shared/style/index.js";
 import { customElement, state, css, html } from '../../../../external/lit/index.js';
 import { UmbVariantId } from '../../../core/variant/index.js';
-import { UMB_WORKSPACE_CONTEXT } from '../../../core/workspace/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 export let UmbDocumentWorkspaceEditorElement = class UmbDocumentWorkspaceEditorElement extends UmbLitElement {
     #workspaceContext;
     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 = [];
         this._gotWorkspaceRoute = (e) => {
             this.#workspaceContext?.splitView.setWorkspaceRoute(e.target.absoluteRouterPath);
         };
-        this.consumeContext(UMB_WORKSPACE_CONTEXT, (instance) => {
+        this.consumeContext(UMB_DOCUMENT_WORKSPACE_CONTEXT, (instance) => {
             this.#workspaceContext = instance;
             this.#observeVariants();
             this.#observeSplitViews();
@@ -96,7 +97,7 @@ export let UmbDocumentWorkspaceEditorElement = class UmbDocumentWorkspaceEditorE
             : '';
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			:host {
 				display: block;

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

@@ -4,14 +4,15 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { UUITextStyles } from '../../../../external/uui/index.js';
+import { UMB_DOCUMENT_WORKSPACE_CONTEXT } from './document-workspace.context.js';
+import { UmbTextStyles } from "../../../../shared/style/index.js";
 import { css, html, nothing, customElement, state, repeat } from '../../../../external/lit/index.js';
-import { UMB_WORKSPACE_CONTEXT } from '../../../core/workspace/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 export let UmbDocumentWorkspaceSplitViewElement = class UmbDocumentWorkspaceSplitViewElement extends UmbLitElement {
     constructor() {
         super();
-        this.consumeContext(UMB_WORKSPACE_CONTEXT, (context) => {
+        // 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>
 
@@ -40,7 +41,7 @@ export let UmbDocumentWorkspaceSplitViewElement = class UmbDocumentWorkspaceSpli
             : nothing;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			:host {
 				width: 100%;
@@ -63,9 +64,6 @@ export let UmbDocumentWorkspaceSplitViewElement = class UmbDocumentWorkspaceSpli
 		`,
     ]; }
 };
-__decorate([
-    state()
-], UmbDocumentWorkspaceSplitViewElement.prototype, "_unique", void 0);
 __decorate([
     state()
 ], UmbDocumentWorkspaceSplitViewElement.prototype, "_variants", void 0);