@umbraco-cms/backoffice 14.0.0-rc3 → 14.0.0-rc5

package/dist-cms/packages/documents/documents/repository/preview/document-preview.repository.js

@@ -0,0 +1,26 @@
+import { UmbRepositoryBase } from '../../../../core/repository/index.js';
+import { PreviewService } from '../../../../../external/backend-api/index.js';
+import { tryExecute } from '../../../../core/resources/index.js';
+export class UmbDocumentPreviewRepository extends UmbRepositoryBase {
+    constructor(host) {
+        super(host);
+    }
+    /**
+     * Enters preview mode.
+     * @return {Promise<void>}
+     * @memberof UmbDocumentPreviewRepository
+     */
+    async enter() {
+        await tryExecute(PreviewService.postPreview());
+        return;
+    }
+    /**
+     * Exits preview mode.
+     * @return {Promise<void>}
+     * @memberof UmbDocumentPreviewRepository
+     */
+    async exit() {
+        await tryExecute(PreviewService.deletePreview());
+        return;
+    }
+}

package/dist-cms/packages/documents/documents/repository/preview/index.d.ts

@@ -0,0 +1 @@
+export { UmbDocumentPreviewRepository } from './document-preview.repository.js';

package/dist-cms/packages/documents/documents/repository/preview/index.js

@@ -0,0 +1 @@
+export { UmbDocumentPreviewRepository } from './document-preview.repository.js';

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

@@ -0,0 +1,7 @@
+import type { UmbDocumentTreeItemModel, UmbDocumentTreeRootItemsRequestArgs, UmbDocumentTreeRootModel } from './types.js';
+import { UmbDefaultTreeContext } from '../../../core/tree/index.js';
+import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
+export declare class UmbDocumentTreeContext extends UmbDefaultTreeContext<UmbDocumentTreeItemModel, UmbDocumentTreeRootModel, UmbDocumentTreeRootItemsRequestArgs> {
+    constructor(host: UmbControllerHost);
+}
+export { UmbDocumentTreeContext as api };

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

@@ -0,0 +1,13 @@
+import { UMB_CONTENT_PROPERTY_CONTEXT } from '../../../core/content/index.js';
+import { UmbDefaultTreeContext } from '../../../core/tree/index.js';
+export class UmbDocumentTreeContext extends UmbDefaultTreeContext {
+    constructor(host) {
+        super(host);
+        this.consumeContext(UMB_CONTENT_PROPERTY_CONTEXT, (context) => {
+            this.observe(context.dataType, (value) => {
+                this.updateAdditionalRequestArgs({ dataType: value });
+            });
+        });
+    }
+}
+export { UmbDocumentTreeContext as api };

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

@@ -0,0 +1,10 @@
+import { UmbDefaultTreeElement } from '../../../core/tree/index.js';
+declare const elementName = "umb-document-tree";
+export declare class UmbDocumentTreeElement extends UmbDefaultTreeElement {
+}
+export { UmbDocumentTreeElement as element };
+declare global {
+    interface HTMLElementTagNameMap {
+        [elementName]: UmbDocumentTreeElement;
+    }
+}

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

@@ -0,0 +1,16 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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 { customElement } from '../../../../external/lit/index.js';
+import { UmbDefaultTreeElement } from '../../../core/tree/index.js';
+const elementName = 'umb-document-tree';
+let UmbDocumentTreeElement = class UmbDocumentTreeElement extends UmbDefaultTreeElement {
+};
+UmbDocumentTreeElement = __decorate([
+    customElement(elementName)
+], UmbDocumentTreeElement);
+export { UmbDocumentTreeElement };
+export { UmbDocumentTreeElement as element };

package/dist-cms/packages/documents/documents/tree/document-tree.server.data-source.d.ts

@@ -1,4 +1,4 @@
-import type { UmbDocumentTreeItemModel } from './types.js';
+import type { UmbDocumentTreeChildrenOfRequestArgs, UmbDocumentTreeItemModel, UmbDocumentTreeRootItemsRequestArgs } from './types.js';
 import { UmbTreeServerDataSourceBase } from '../../../core/tree/index.js';
 import type { DocumentTreeItemResponseModel } from '../../../../external/backend-api/index.js';
 import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
@@ -8,7 +8,7 @@ import type { UmbControllerHost } from '../../../../libs/controller-api/index.js
  * @class UmbDocumentTreeServerDataSource
  * @extends {UmbTreeServerDataSourceBase}
  */
-export declare class UmbDocumentTreeServerDataSource extends UmbTreeServerDataSourceBase<DocumentTreeItemResponseModel, UmbDocumentTreeItemModel> {
+export declare class UmbDocumentTreeServerDataSource extends UmbTreeServerDataSourceBase<DocumentTreeItemResponseModel, UmbDocumentTreeItemModel, UmbDocumentTreeRootItemsRequestArgs, UmbDocumentTreeChildrenOfRequestArgs> {
     /**
      * Creates an instance of UmbDocumentTreeServerDataSource.
      * @param {UmbControllerHost} host

package/dist-cms/packages/documents/documents/tree/document-tree.server.data-source.js

@@ -1,4 +1,4 @@
-import { UMB_DOCUMENT_ENTITY_TYPE } from '../entity.js';
+import { UMB_DOCUMENT_ENTITY_TYPE, UMB_DOCUMENT_ROOT_ENTITY_TYPE } from '../entity.js';
 import { UmbTreeServerDataSourceBase } from '../../../core/tree/index.js';
 import { DocumentService } from '../../../../external/backend-api/index.js';
 /**
@@ -24,15 +24,20 @@ export class UmbDocumentTreeServerDataSource extends UmbTreeServerDataSourceBase
 }
 const getRootItems = (args) => 
 // eslint-disable-next-line local-rules/no-direct-api-import
-DocumentService.getTreeDocumentRoot({ skip: args.skip, take: args.take });
+DocumentService.getTreeDocumentRoot({
+    dataTypeId: args.dataType?.unique,
+    skip: args.skip,
+    take: args.take,
+});
 const getChildrenOf = (args) => {
-    if (args.parentUnique === null) {
+    if (args.parent.unique === null) {
         return getRootItems(args);
     }
     else {
         // eslint-disable-next-line local-rules/no-direct-api-import
         return DocumentService.getTreeDocumentChildren({
-            parentId: args.parentUnique,
+            parentId: args.parent.unique,
+            dataTypeId: args.dataType?.unique,
             skip: args.skip,
             take: args.take,
         });
@@ -41,12 +46,15 @@ const getChildrenOf = (args) => {
 const getAncestorsOf = (args) => 
 // eslint-disable-next-line local-rules/no-direct-api-import
 DocumentService.getTreeDocumentAncestors({
-    descendantId: args.descendantUnique,
+    descendantId: args.treeItem.unique,
 });
 const mapper = (item) => {
     return {
         unique: item.id,
-        parentUnique: item.parent ? item.parent.id : null,
+        parent: {
+            unique: item.parent ? item.parent.id : null,
+            entityType: item.parent ? UMB_DOCUMENT_ENTITY_TYPE : UMB_DOCUMENT_ROOT_ENTITY_TYPE,
+        },
         entityType: UMB_DOCUMENT_ENTITY_TYPE,
         noAccess: item.noAccess,
         isTrashed: item.isTrashed,

package/dist-cms/packages/documents/documents/tree/manifests.js

@@ -18,9 +18,10 @@ const treeStore = {
 };
 const tree = {
     type: 'tree',
-    kind: 'default',
     alias: UMB_DOCUMENT_TREE_ALIAS,
     name: 'Document Tree',
+    api: () => import('./document-tree.context.js'),
+    element: () => import('./document-tree.element.js'),
     meta: {
         repositoryAlias: UMB_DOCUMENT_TREE_REPOSITORY_ALIAS,
     },
@@ -37,7 +38,7 @@ const rootTreeItem = {
     type: 'treeItem',
     kind: 'default',
     alias: 'Umb.TreeItem.Document.Root',
-    name: 'Document Tree Item',
+    name: 'Document Tree Root',
     forEntityTypes: [UMB_DOCUMENT_ROOT_ENTITY_TYPE],
 };
 export const manifests = [

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

@@ -1,7 +1,7 @@
-import type { UmbDocumentTreeItemModel } from '../types.js';
+import type { UmbDocumentTreeItemModel, UmbDocumentTreeRootModel } from '../types.js';
 import { UmbDefaultTreeItemContext } from '../../../../core/tree/index.js';
 import type { UmbControllerHost } from '../../../../../libs/controller-api/index.js';
-export declare class UmbDocumentTreeItemContext extends UmbDefaultTreeItemContext<UmbDocumentTreeItemModel> {
+export declare class UmbDocumentTreeItemContext extends UmbDefaultTreeItemContext<UmbDocumentTreeItemModel, UmbDocumentTreeRootModel> {
     #private;
     readonly isTrashed: import("rxjs").Observable<boolean>;
     constructor(host: UmbControllerHost);

package/dist-cms/packages/documents/documents/tree/tree-item/document-tree-item.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 { css, html, nothing, customElement, state } from '../../../../../external/lit/index.js';
+import { css, html, nothing, customElement, state, classMap } from '../../../../../external/lit/index.js';
 import { UMB_APP_LANGUAGE_CONTEXT } from '../../../../language/index.js';
 import { UmbTextStyles } from '../../../../core/style/index.js';
 import { UmbTreeItemElementBase } from '../../../../core/tree/index.js';
@@ -44,9 +44,15 @@ let UmbDocumentTreeItemElement = class UmbDocumentTreeItemElement extends UmbTre
         const fallbackName = this.#getVariant(this._defaultCulture)?.name ?? this._item?.variants[0].name ?? 'Unknown';
         return this._variant?.name ?? `(${fallbackName})`;
     }
+    #isDraft() {
+        if (this.#isInvariant()) {
+            return this._item?.variants[0].state === 'Draft';
+        }
+        return this._variant?.state === 'Draft';
+    }
     renderIconContainer() {
         return html `
-			<span id="icon-container" slot="icon">
+			<span id="icon-container" slot="icon" class=${classMap({ draft: this.#isDraft() })}>
 				${this.item?.documentType.icon
             ? html `
 							<umb-icon id="icon" slot="icon" name="${this.item.documentType.icon}"></umb-icon>
@@ -59,9 +65,10 @@ let UmbDocumentTreeItemElement = class UmbDocumentTreeItemElement extends UmbTre
 			</span>
 		`;
     }
-    // TODO: lower opacity if item is not published
     renderLabel() {
-        return html `<span id="label" slot="label">${this.#getLabel()}</span> `;
+        return html `<span id="label" slot="label" class=${classMap({ draft: this.#isDraft() })}
+			>${this.#getLabel()}</span
+		> `;
     }
     static { this.styles = [
         UmbTextStyles,
@@ -85,6 +92,10 @@ let UmbDocumentTreeItemElement = class UmbDocumentTreeItemElement extends UmbTre
 				right: 0;
 				border-radius: 100%;
 			}
+
+			.draft {
+				opacity: 0.6;
+			}
 		`,
     ]; }
 };

package/dist-cms/packages/documents/documents/tree/types.d.ts

@@ -1,8 +1,8 @@
 import type { UmbDocumentEntityType, UmbDocumentRootEntityType } from '../entity.js';
-import type { UmbUniqueTreeItemModel, UmbUniqueTreeRootModel } from '../../../core/tree/index.js';
+import type { UmbTreeChildrenOfRequestArgs, UmbTreeItemModel, UmbTreeRootItemsRequestArgs, UmbTreeRootModel } from '../../../core/tree/index.js';
 import type { DocumentVariantStateModel } from '../../../../external/backend-api/index.js';
 import type { UmbReferenceByUnique } from '../../../core/models/index.js';
-export interface UmbDocumentTreeItemModel extends UmbUniqueTreeItemModel {
+export interface UmbDocumentTreeItemModel extends UmbTreeItemModel {
     entityType: UmbDocumentEntityType;
     noAccess: boolean;
     isTrashed: boolean;
@@ -14,7 +14,7 @@ export interface UmbDocumentTreeItemModel extends UmbUniqueTreeItemModel {
     };
     variants: Array<UmbDocumentTreeItemVariantModel>;
 }
-export interface UmbDocumentTreeRootModel extends UmbUniqueTreeRootModel {
+export interface UmbDocumentTreeRootModel extends UmbTreeRootModel {
     entityType: UmbDocumentRootEntityType;
 }
 export interface UmbDocumentTreeItemVariantModel {
@@ -23,3 +23,13 @@ export interface UmbDocumentTreeItemVariantModel {
     segment: string | null;
     state: DocumentVariantStateModel | null;
 }
+export interface UmbDocumentTreeRootItemsRequestArgs extends UmbTreeRootItemsRequestArgs {
+    dataType?: {
+        unique: string;
+    };
+}
+export interface UmbDocumentTreeChildrenOfRequestArgs extends UmbTreeChildrenOfRequestArgs {
+    dataType?: {
+        unique: string;
+    };
+}

package/dist-cms/packages/documents/documents/user-permissions/input-document-granular-user-permission/input-document-granular-user-permission.element.d.ts

@@ -1,6 +1,6 @@
 import type { UmbDocumentUserPermissionModel } from '../types.js';
 import { UmbLitElement } from '../../../../core/lit-element/index.js';
-declare const UmbInputDocumentGranularUserPermissionElement_base: (new (...args: any[]) => import("../../../../../external/uui/index.js").UUIFormControlMixinInterface<FormDataEntryValue | FormData, string>) & typeof UmbLitElement;
+declare const UmbInputDocumentGranularUserPermissionElement_base: (new (...args: any[]) => import("../../../../../external/uui/index.js").UUIFormControlMixinElement<FormDataEntryValue | FormData>) & typeof UmbLitElement;
 export declare class UmbInputDocumentGranularUserPermissionElement extends UmbInputDocumentGranularUserPermissionElement_base {
     #private;
     _permissions: Array<UmbDocumentUserPermissionModel>;

package/dist-cms/packages/documents/documents/workspace/actions/save-and-preview.action.js

@@ -1,6 +1,10 @@
 import { UmbDocumentUserPermissionCondition } from '../../user-permissions/document-user-permission.condition.js';
+import { UMB_DOCUMENT_WORKSPACE_CONTEXT } from '../document-workspace.context-token.js';
 import { UMB_USER_PERMISSION_DOCUMENT_UPDATE } from '../../user-permissions/index.js';
 import { UmbWorkspaceActionBase } from '../../../../core/workspace/index.js';
+// TODO: Investigate how additional preview environments can be supported. [LK:2024-05-16]
+// https://docs.umbraco.com/umbraco-cms/reference/content-delivery-api/additional-preview-environments-support
+// In v13, they are registered on the server using `SendingContentNotification`, which is no longer available in v14.
 export class UmbDocumentSaveAndPreviewWorkspaceAction extends UmbWorkspaceActionBase {
     constructor(host, args) {
         super(host, args);
@@ -19,7 +23,8 @@ export class UmbDocumentSaveAndPreviewWorkspaceAction extends UmbWorkspaceAction
         });
     }
     async execute() {
-        alert('Save and preview');
+        const workspaceContext = await this.getContext(UMB_DOCUMENT_WORKSPACE_CONTEXT);
+        workspaceContext.saveAndPreview();
     }
 }
 export { UmbDocumentSaveAndPreviewWorkspaceAction as api };

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

@@ -1,4 +1,4 @@
-import { UmbDocumentPropertyDataContext } from '../property-dataset-context/document-property-dataset-context.js';
+import { UmbDocumentPropertyDatasetContext } from '../property-dataset-context/document-property-dataset-context.js';
 import { UmbDocumentDetailRepository } from '../repository/index.js';
 import type { UmbDocumentDetailModel, UmbDocumentVariantModel, UmbDocumentVariantOptionModel } from '../types.js';
 import { UmbDocumentPublishingRepository } from '../repository/publishing/index.js';
@@ -17,9 +17,11 @@ export declare class UmbDocumentWorkspaceContext extends UmbSubmittableWorkspace
     readonly repository: UmbDocumentDetailRepository;
     readonly publishingRepository: UmbDocumentPublishingRepository;
     readonly parentUnique: Observable<string | null | undefined>;
+    readonly parentEntityType: Observable<string | undefined>;
     readonly languages: Observable<UmbLanguageDetailModel[]>;
     isLoaded(): Promise<any> | undefined;
     readonly unique: Observable<string | undefined>;
+    readonly entityType: Observable<"document" | undefined>;
     readonly isTrashed: Observable<boolean | undefined>;
     readonly contentTypeUnique: Observable<string | undefined>;
     readonly contentTypeHasCollection: Observable<boolean>;
@@ -55,7 +57,6 @@ export declare class UmbDocumentWorkspaceContext extends UmbSubmittableWorkspace
     setTemplate(templateUnique: string): void;
     propertyStructureById(propertyId: string): Promise<Observable<import("../../../core/content-type/index.js").UmbPropertyTypeModel | undefined>>;
     propertyValueByAlias<PropertyValueType = unknown>(propertyAlias: string, variantId?: UmbVariantId): Promise<Observable<PropertyValueType | undefined> | undefined>;
-    propertyIndexByAlias(propertyAlias: string, variantId?: UmbVariantId): Promise<Observable<number | undefined> | undefined>;
     /**
      * Get the current value of the property with the given alias and variantId.
      * @param alias
@@ -64,16 +65,19 @@ export declare class UmbDocumentWorkspaceContext extends UmbSubmittableWorkspace
      */
     getPropertyValue<ReturnType = unknown>(alias: string, variantId?: UmbVariantId): ReturnType | undefined;
     setPropertyValue<ValueType = unknown>(alias: string, value: ValueType, variantId?: UmbVariantId): Promise<void>;
+    initiatePropertyValueChange(): void;
+    finishPropertyValueChange: () => void;
     requestSubmit(): Promise<void>;
     submit(): Promise<void>;
     invalidSubmit(): Promise<void>;
     publish(): Promise<void>;
+    saveAndPreview(): Promise<void>;
     saveAndPublish(): Promise<void>;
     schedule(): Promise<void>;
     unpublish(): Promise<void>;
     publishWithDescendants(): Promise<void>;
     delete(): Promise<void>;
-    createPropertyDatasetContext(host: UmbControllerHost, variantId: UmbVariantId): UmbDocumentPropertyDataContext;
+    createPropertyDatasetContext(host: UmbControllerHost, variantId: UmbVariantId): UmbDocumentPropertyDatasetContext;
     destroy(): void;
 }
 export default UmbDocumentWorkspaceContext;

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

@@ -1,5 +1,5 @@
 import { UmbDocumentTypeDetailRepository } from '../../document-types/repository/detail/document-type-detail.repository.js';
-import { UmbDocumentPropertyDataContext } from '../property-dataset-context/document-property-dataset-context.js';
+import { UmbDocumentPropertyDatasetContext } from '../property-dataset-context/document-property-dataset-context.js';
 import { UMB_DOCUMENT_ENTITY_TYPE } from '../entity.js';
 import { UmbDocumentDetailRepository } from '../repository/index.js';
 import { UMB_DOCUMENT_PUBLISH_MODAL, UMB_DOCUMENT_PUBLISH_WITH_DESCENDANTS_MODAL, UMB_DOCUMENT_SCHEDULE_MODAL, UMB_DOCUMENT_SAVE_MODAL, } from '../modals/index.js';
@@ -8,6 +8,7 @@ import { UmbUnpublishDocumentEntityAction } from '../entity-actions/unpublish.ac
 import { UmbDocumentValidationRepository } from '../repository/validation/document-validation.repository.js';
 import { UMB_CREATE_DOCUMENT_WORKSPACE_PATH_PATTERN, UMB_CREATE_FROM_BLUEPRINT_DOCUMENT_WORKSPACE_PATH_PATTERN, UMB_EDIT_DOCUMENT_WORKSPACE_PATH_PATTERN, } from '../paths.js';
 import { UMB_DOCUMENTS_SECTION_PATH } from '../../paths.js';
+import { UmbDocumentPreviewRepository } from '../repository/preview/index.js';
 import { UMB_DOCUMENT_WORKSPACE_ALIAS } from './manifests.js';
 import { UmbEntityContext } from '../../../core/entity/index.js';
 import { UMB_INVARIANT_CULTURE, UmbVariantId } from '../../../core/variant/index.js';
@@ -17,8 +18,7 @@ import { appendToFrozenArray, mergeObservables, jsonStringComparison, UmbArraySt
 import { UmbLanguageCollectionRepository } from '../../../language/index.js';
 import { firstValueFrom } from '../../../../external/rxjs/index.js';
 import { UMB_ACTION_EVENT_CONTEXT } from '../../../core/action/index.js';
-import { UmbRequestReloadTreeItemChildrenEvent } from '../../../core/tree/index.js';
-import { UmbRequestReloadStructureForEntityEvent } from '../../../core/entity-action/index.js';
+import { UmbRequestReloadChildrenOfEntityEvent, UmbRequestReloadStructureForEntityEvent, } from '../../../core/entity-action/index.js';
 import { UMB_MODAL_MANAGER_CONTEXT } from '../../../core/modal/index.js';
 import { UmbServerModelValidationContext, UmbVariantValuesValidationMessageTranslator, } from '../../../core/validation/index.js';
 import { UmbDocumentBlueprintDetailRepository } from '../../document-blueprints/index.js';
@@ -56,6 +56,7 @@ export class UmbDocumentWorkspaceContext extends UmbSubmittableWorkspaceContextB
         this.publishingRepository = new UmbDocumentPublishingRepository(this);
         this.#parent = new UmbObjectState(undefined);
         this.parentUnique = this.#parent.asObservablePart((parent) => (parent ? parent.unique : undefined));
+        this.parentEntityType = this.#parent.asObservablePart((parent) => (parent ? parent.entityType : undefined));
         /**
          * The document is the current state/draft version of the document.
          */
@@ -69,6 +70,7 @@ export class UmbDocumentWorkspaceContext extends UmbSubmittableWorkspaceContextB
         this.#serverValidationValuesTranslator = new UmbVariantValuesValidationMessageTranslator(this, this.#serverValidation);
         this.#blueprintRepository = new UmbDocumentBlueprintDetailRepository(this);
         this.unique = this.#currentData.asObservablePart((data) => data?.unique);
+        this.entityType = this.#currentData.asObservablePart((data) => data?.entityType);
         this.isTrashed = this.#currentData.asObservablePart((data) => data?.isTrashed);
         this.contentTypeUnique = this.#currentData.asObservablePart((data) => data?.documentType.unique);
         this.contentTypeHasCollection = this.#currentData.asObservablePart((data) => !!data?.documentType.collection);
@@ -77,9 +79,7 @@ export class UmbDocumentWorkspaceContext extends UmbSubmittableWorkspaceContextB
         this.templateId = this.#currentData.asObservablePart((data) => data?.template?.unique || null);
         this.structure = new UmbContentTypeStructureManager(this, new UmbDocumentTypeDetailRepository(this));
         this.variesByCulture = this.structure.ownerContentTypePart((x) => x?.variesByCulture);
-        //#variesByCulture?: boolean;
         this.variesBySegment = this.structure.ownerContentTypePart((x) => x?.variesBySegment);
-        //#variesBySegment?: boolean;
         this.varies = this.structure.ownerContentTypePart((x) => x ? x.variesByCulture || x.variesBySegment : undefined);
         this.routes = new UmbWorkspaceRouteManager(this);
         this.splitView = new UmbWorkspaceSplitViewManager();
@@ -115,6 +115,11 @@ export class UmbDocumentWorkspaceContext extends UmbSubmittableWorkspaceContextB
         this.#entityContext = new UmbEntityContext(this);
         // TODO: this might not be the correct place to spin this up
         this.#isTrashedContext = new UmbIsTrashedEntityContext(this);
+        this.#updateLock = 0;
+        this.finishPropertyValueChange = () => {
+            this.#updateLock--;
+            this.#triggerPropertyValueChanges();
+        };
         this.observe(this.contentTypeUnique, (unique) => this.structure.loadType(unique));
         this.observe(this.varies, (varies) => (this.#varies = varies));
         this.loadLanguages();
@@ -255,15 +260,6 @@ export class UmbDocumentWorkspaceContext extends UmbSubmittableWorkspaceContextB
         }
     }
     setName(name, variantId) {
-        /*
-        const oldVariants = this.#currentData.getValue()?.variants || [];
-        const variants = partialUpdateFrozenArray(
-            oldVariants,
-            { name },
-            variantId ? (x) => variantId.compare(x) : () => true,
-        );
-        this.#currentData.update({ variants });
-        */
         // TODO: We should move this type of logic to the act of saving [NL]
         this.#updateVariantData(variantId ?? UmbVariantId.CreateInvariant(), { name });
     }
@@ -281,9 +277,16 @@ export class UmbDocumentWorkspaceContext extends UmbSubmittableWorkspaceContextB
             ?.value);
     }
     // TODO: Re-evaluate if this is begin used, i wrote this as part of a POC... [NL]
-    async propertyIndexByAlias(propertyAlias, variantId) {
-        return this.#currentData.asObservablePart((data) => data?.values?.findIndex((x) => x?.alias === propertyAlias && (variantId ? variantId.compare(x) : true)));
+    /*
+    async propertyIndexByAlias(
+        propertyAlias: string,
+        variantId?: UmbVariantId,
+    ): Promise<Observable<number | undefined> | undefined> {
+        return this.#currentData.asObservablePart((data) =>
+            data?.values?.findIndex((x) => x?.alias === propertyAlias && (variantId ? variantId.compare(x) : true)),
+        );
     }
+    */
     /**
      * Get the current value of the property with the given alias and variantId.
      * @param alias
@@ -309,6 +312,20 @@ export class UmbDocumentWorkspaceContext extends UmbSubmittableWorkspaceContextB
             this.#updateVariantData(variantId);
         }
     }
+    #updateLock;
+    initiatePropertyValueChange() {
+        this.#updateLock++;
+        this.#currentData.mute();
+        // TODO: When ready enable this code will enable handling a finish automatically by this implementation 'using myState.initiatePropertyValueChange()' (Relies on TS support of Using) [NL]
+        /*return {
+            [Symbol.dispose]: this.finishPropertyValueChange,
+        };*/
+    }
+    #triggerPropertyValueChanges() {
+        if (this.#updateLock === 0) {
+            this.#currentData.unmute();
+        }
+    }
     #calculateChangedVariants() {
         const persisted = this.#persistedData.getValue();
         const current = this.#currentData.getValue();
@@ -456,7 +473,7 @@ export class UmbDocumentWorkspaceContext extends UmbSubmittableWorkspaceContextB
             this.#currentData.setValue(data);
             // TODO: this might not be the right place to alert the tree, but it works for now
             const eventContext = await this.getContext(UMB_ACTION_EVENT_CONTEXT);
-            const event = new UmbRequestReloadTreeItemChildrenEvent({
+            const event = new UmbRequestReloadChildrenOfEntityEvent({
                 entityType: parent.entityType,
                 unique: parent.unique,
             });
@@ -478,6 +495,24 @@ export class UmbDocumentWorkspaceContext extends UmbSubmittableWorkspaceContextB
             eventContext.dispatchEvent(event);
         }
     }
+    async #handleSaveAndPreview() {
+        const unique = this.getUnique();
+        if (!unique)
+            throw new Error('Unique is missing');
+        let culture = UMB_INVARIANT_CULTURE;
+        // Save document (the active variant) before previewing.
+        const { selected } = await this.#determineVariantOptions();
+        if (selected.length > 0) {
+            culture = selected[0];
+            const variantId = UmbVariantId.FromString(culture);
+            const saveData = this.#buildSaveData([variantId]);
+            await this.#performSaveOrCreate(saveData);
+        }
+        // Tell the server that we're entering preview mode.
+        await new UmbDocumentPreviewRepository(this).enter();
+        const preview = window.open(`preview?id=${unique}&culture=${culture}`, 'umbpreview');
+        preview?.focus();
+    }
     async #handleSaveAndPublish() {
         const unique = this.getUnique();
         if (!unique)
@@ -511,6 +546,7 @@ export class UmbDocumentWorkspaceContext extends UmbSubmittableWorkspaceContextB
         const saveData = this.#buildSaveData(variantIds);
         // Create the validation repository if it does not exist. (we first create this here when we need it) [NL]
         this.#validationRepository ??= new UmbDocumentValidationRepository(this);
+        // We ask the server first to get a concatenated set of validation messages. So we see both front-end and back-end validation messages [NL]
         if (this.getIsNew()) {
             const parent = this.#parent.getValue();
             if (!parent)
@@ -586,6 +622,9 @@ export class UmbDocumentWorkspaceContext extends UmbSubmittableWorkspaceContextB
     async publish() {
         throw new Error('Method not implemented.');
     }
+    async saveAndPreview() {
+        return this.#handleSaveAndPreview();
+    }
     async saveAndPublish() {
         return this.#handleSaveAndPublish();
     }
@@ -654,15 +693,8 @@ export class UmbDocumentWorkspaceContext extends UmbSubmittableWorkspaceContextB
             await this.repository.delete(id);
         }
     }
-    /*
-    concept notes:
-
-    public saveAndPreview() {
-
-    }
-    */
     createPropertyDatasetContext(host, variantId) {
-        return new UmbDocumentPropertyDataContext(host, this, variantId);
+        return new UmbDocumentPropertyDatasetContext(host, this, variantId);
     }
     destroy() {
         this.#persistedData.destroy();

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

@@ -107,11 +107,15 @@ let UmbDocumentWorkspaceViewInfoHistoryElement = class UmbDocumentWorkspaceViewI
                 const user = this.#userMap.get(item.user.unique);
                 const userName = user?.name ?? 'Unknown';
                 const avatarUrl = user && Array.isArray(user.avatarUrls) ? user.avatarUrls[1] : undefined;
-                return html `<umb-history-item .name=${userName} detail=${this.localize.date(item.timestamp, TimeOptions)}>
+                return html `<umb-history-item
+								.name=${userName}
+								.detail=${this.localize.date(item.timestamp, TimeOptions)}>
 								<uui-avatar slot="avatar" .name="${userName}" img-src=${ifDefined(avatarUrl)}></uui-avatar>
 
 								<span class="log-type">
-									<uui-tag look=${style.look} color=${style.color}> ${this.localize.term(text.label)} </uui-tag>
+									<uui-tag look=${style.look} color=${style.color}>
+										${this.localize.term(text.label, item.parameters)}
+									</uui-tag>
 									${this.localize.term(text.desc, item.parameters)}
 								</span>
 							</umb-history-item>`;

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

@@ -8,7 +8,8 @@ import { UmbDocumentReferenceRepository } from '../../../reference/index.js';
 import { css, html, customElement, state, nothing, repeat, property } from '../../../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../../core/lit-element/index.js';
 import { UmbTextStyles } from '../../../../../core/style/index.js';
-import { UMB_WORKSPACE_MODAL, UmbModalRouteRegistrationController } from '../../../../../core/modal/index.js';
+import { UMB_WORKSPACE_MODAL } from '../../../../../core/modal/index.js';
+import { UmbModalRouteRegistrationController } from '../../../../../core/router/index.js';
 import { isDefaultReference, isDocumentReference, isMediaReference, } from '../../../../../relations/relations/index.js';
 let UmbDocumentWorkspaceViewInfoReferenceElement = class UmbDocumentWorkspaceViewInfoReferenceElement extends UmbLitElement {
     #itemsPerPage;

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

@@ -11,15 +11,12 @@ export declare class UmbDocumentWorkspaceViewInfoElement extends UmbLitElement {
     private _documentTypeUnique;
     private _documentTypeName?;
     private _documentTypeIcon?;
-    private _editDocumentTypePath;
     private _allowedTemplates?;
     /**Template */
     private _templateUnique;
     private _templateName?;
-    private _editTemplatePath;
     private _variants;
     constructor();
-    private _observeContent;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
 }