@umbraco-cms/backoffice 14.0.0-d335c2c2 → 14.0.0-d542ed7d

package/dist-cms/packages/documents/document-types/modals/allowed-document-types/allowed-document-types-modal.element.js

@@ -4,17 +4,17 @@ 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 { UmbDocumentTypeRepository } from '../../repository/document-type.repository.js';
 import { html, nothing, customElement, state, ifDefined } from '../../../../../external/lit/index.js';
 import { UUITextStyles } from '../../../../../external/uui/index.js';
 import { UmbModalBaseElement } from '../../../../../shared/modal/index.js';
+import { UmbDocumentRepository } from '../../../documents/index.js';
 export let UmbAllowedDocumentTypesModalElement = class UmbAllowedDocumentTypesModalElement extends UmbModalBaseElement {
     constructor() {
         super(...arguments);
-        this.#documentTypeRepository = new UmbDocumentTypeRepository(this);
+        this.#documentRepository = new UmbDocumentRepository(this);
         this._allowedDocumentTypes = [];
     }
-    #documentTypeRepository;
+    #documentRepository;
     connectedCallback() {
         super.connectedCallback();
         const parentId = this.data?.parentId;
@@ -35,29 +35,18 @@ export let UmbAllowedDocumentTypesModalElement = class UmbAllowedDocumentTypesMo
         }
     }
     async _retrieveAllowedChildrenOf(id) {
-        const { data } = await this.#documentTypeRepository.requestAllowedChildTypesOf(id);
+        const { data } = await this.#documentRepository.requestAllowedDocumentTypesOf(id);
         if (data) {
-            this._allowedDocumentTypes = data;
+            // TODO: implement pagination, or get 1000?
+            this._allowedDocumentTypes = data.items;
         }
     }
     async _retrieveAllowedChildrenOfRoot() {
-        // TODO: This is a hack until we get the right end points (Which will become a Document end point. meaning this modal should have another name, it should be named so its clear that this is for documents, not document types. ex.: 'create-document-modal')
-        const { data } = await this.#documentTypeRepository.requestRootTreeItems();
-        if (!data)
-            return;
-        const allFullModels = [];
-        await Promise.all(data.items.map((item) => {
-            if (item.id) {
-                return this.#documentTypeRepository.requestById(item.id).then((result) => {
-                    if (result.data) {
-                        allFullModels.push({ $type: '', ...result.data });
-                    }
-                });
-            }
-            return Promise.resolve();
-        }));
-        this._allowedDocumentTypes = allFullModels.filter((item) => item.allowedAsRoot) ?? [];
-        // End of hack...^^
+        const { data } = await this.#documentRepository.requestAllowedDocumentTypesAtRoot();
+        if (data) {
+            // TODO: implement pagination, or get 1000?
+            this._allowedDocumentTypes = data.items;
+        }
     }
     _handleCancel() {
         this.modalContext?.reject();
@@ -72,7 +61,7 @@ export let UmbAllowedDocumentTypesModalElement = class UmbAllowedDocumentTypesMo
     }
     render() {
         return html `
-			<umb-body-layout headline=${this._headline}>
+			<umb-body-layout headline=${this._headline ?? ''}>
 				<uui-box>
 					${this._allowedDocumentTypes.length === 0 ? html `<p>No allowed types</p>` : nothing}
 					${this._allowedDocumentTypes.map((item) => html `

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

@@ -1,9 +1,7 @@
 import type { UmbTreeRepository, UmbDetailRepository } from '../../../../shared/repository/index.js';
 import type { UmbControllerHostElement } from '../../../../libs/controller-api/index.js';
 import { CreateDocumentTypeRequestModel, DocumentTypeResponseModel, EntityTreeItemResponseModel, FolderTreeItemResponseModel, UpdateDocumentTypeRequestModel } from '../../../../external/backend-api/index.js';
-type ItemType = DocumentTypeResponseModel & {
-    $type: string;
-};
+type ItemType = DocumentTypeResponseModel;
 export declare class UmbDocumentTypeRepository implements UmbTreeRepository<EntityTreeItemResponseModel>, UmbDetailRepository<CreateDocumentTypeRequestModel, any, UpdateDocumentTypeRequestModel, DocumentTypeResponseModel> {
     #private;
     constructor(host: UmbControllerHostElement);
@@ -35,13 +33,7 @@ export declare class UmbDocumentTypeRepository implements UmbTreeRepository<Enti
     treeItemsOf(parentId: string | null): Promise<import("rxjs").Observable<EntityTreeItemResponseModel[]>>;
     itemsLegacy(ids: Array<string>): Promise<import("rxjs").Observable<EntityTreeItemResponseModel[]>>;
     createScaffold(parentId: string | null): Promise<{
-        data: import("../../../../external/backend-api/index.js").ContentTypeResponseModelBaseDocumentTypePropertyTypeResponseModelDocumentTypePropertyTypeContainerResponseModel & {
-            allowedTemplateIds?: string[] | undefined;
-            defaultTemplateId?: string | null | undefined;
-            cleanup?: import("../../../../external/backend-api/index.js").ContentTypeCleanupModel | undefined;
-        } & {
-            $type: string;
-        };
+        data: DocumentTypeResponseModel;
     }>;
     requestById(id: string): Promise<{
         data: DocumentTypeResponseModel | undefined;
@@ -52,7 +44,6 @@ export declare class UmbDocumentTypeRepository implements UmbTreeRepository<Enti
     requestAllowedChildTypesOf(id: string): Promise<import("../../../../shared/repository/index.js").DataSourceResponse<any>>;
     create(documentType: ItemType): Promise<{
         data: {
-            $type: string;
             alias?: string | undefined;
             name?: string | undefined;
             description?: string | null | undefined;

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

@@ -125,7 +125,7 @@ export class UmbDocumentTypeRepository {
             const splitResultUrl = data.split('/');
             const newId = splitResultUrl[splitResultUrl.length - 1];
             // Temporary hack while we are not in control of IDs:
-            const newDocument = { ...(await this.requestById(newId)).data, $type: '' };
+            const newDocument = { ...(await this.requestById(newId)).data };
             if (newDocument) {
                 const notification = { data: { message: `Document Type created` } };
                 this.#notificationContext?.peek('positive', notification);
@@ -184,7 +184,6 @@ export const createTreeItem = (item) => {
         throw new Error('item.id is null or undefined');
     // TODO: needs parentID, this is missing in the current model. Should be good when updated to a createModel.
     return {
-        $type: 'FolderTreeItemResponseModel',
         type: 'document-type',
         parentId: null,
         name: item.name,

package/dist-cms/packages/documents/document-types/repository/document-type.store.js

@@ -30,7 +30,7 @@ export class UmbDocumentTypeStore extends UmbStoreBase {
      * @memberof UmbDocumentTypeStore
      */
     byId(id) {
-        return this._data.getObservablePart((x) => x.find((y) => y.id === id));
+        return this._data.asObservablePart((x) => x.find((y) => y.id === id));
     }
     /**
      * Removes document-types in the store with the given uniques

package/dist-cms/packages/documents/document-types/repository/sources/document-type.server.data.d.ts

@@ -29,13 +29,7 @@ export declare class UmbDocumentTypeServerDataSource implements UmbDataSource<Cr
      * @memberof UmbDocumentTypeServerDataSource
      */
     createScaffold(parentId: string | null): Promise<{
-        data: import("../../../../../external/backend-api/index.js").ContentTypeResponseModelBaseDocumentTypePropertyTypeResponseModelDocumentTypePropertyTypeContainerResponseModel & {
-            allowedTemplateIds?: string[] | undefined;
-            defaultTemplateId?: string | null | undefined;
-            cleanup?: import("../../../../../external/backend-api/index.js").ContentTypeCleanupModel | undefined;
-        } & {
-            $type: string;
-        };
+        data: DocumentTypeResponseModel;
     }>;
     /**
      * Inserts a new Document Type on the server

package/dist-cms/packages/documents/document-types/repository/sources/document-type.server.data.js

@@ -38,10 +38,8 @@ export class UmbDocumentTypeServerDataSource {
      * @memberof UmbDocumentTypeServerDataSource
      */
     async createScaffold(parentId) {
-        // TODO: Type hack to append $type and parentId to the DocumentTypeResponseModel.
         //, parentId: string | null
         const data = {
-            $type: 'string',
             id: UmbId.new(),
             //parentId: parentId,
             name: '',
@@ -78,7 +76,6 @@ export class UmbDocumentTypeServerDataSource {
         //if (!document.id) throw new Error('ID is missing');
         documentType = { ...documentType };
         // TODO: Hack to remove some props that ruins the document-type post end-point.
-        documentType.$type = undefined;
         documentType.id = undefined;
         // TODO: Investigate if this matters (should go away anyway when we have the end-point accepts us defining the ids.)
         documentType.properties = documentType.properties?.map((prop) => {
@@ -103,7 +100,6 @@ export class UmbDocumentTypeServerDataSource {
             throw new Error('Id is missing');
         documentType = { ...documentType };
         // TODO: Hack to remove some props that ruins the document-type post end-point.
-        documentType.$type = undefined;
         documentType.id = undefined;
         return tryExecuteAndNotify(this.#host, DocumentTypeResource.putDocumentTypeById({ id, requestBody: documentType }));
     }

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

@@ -7,13 +7,12 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { UmbDocumentTypeWorkspaceContext } from './document-type-workspace.context.js';
 import { UUITextStyles } from '../../../../external/uui/index.js';
 import { html, customElement, state } from '../../../../external/lit/index.js';
-import { generateRoutePathBuilder } from '../../../../shared/router/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
+import { UmbWorkspaceIsNewRedirectController } from '../../../core/workspace/index.js';
 export let UmbDocumentTypeWorkspaceElement = class UmbDocumentTypeWorkspaceElement extends UmbLitElement {
     constructor() {
         super(...arguments);
         this.#workspaceContext = new UmbDocumentTypeWorkspaceContext(this);
-        this.#routerPath = '';
         this._routes = [
             {
                 path: 'create/:parentId',
@@ -21,18 +20,7 @@ export let UmbDocumentTypeWorkspaceElement = class UmbDocumentTypeWorkspaceEleme
                 setup: (_component, info) => {
                     const parentId = info.match.params.parentId === 'null' ? null : info.match.params.parentId;
                     this.#workspaceContext.create(parentId);
-                    // Navigate to edit route when language is created:
-                    this.observe(this.#workspaceContext.isNew, (isNew) => {
-                        if (isNew === false) {
-                            const id = this.#workspaceContext.getEntityId();
-                            if (this.#routerPath && id) {
-                                const routeBasePath = this.#routerPath.endsWith('/') ? this.#routerPath : this.#routerPath + '/';
-                                // TODO: Revisit if this is the right way to change URL:
-                                const newPath = generateRoutePathBuilder(routeBasePath + 'edit/:id')({ id });
-                                window.history.pushState({}, '', newPath);
-                            }
-                        }
-                    }, '_observeIsNew');
+                    new UmbWorkspaceIsNewRedirectController(this, this.#workspaceContext, this.shadowRoot.querySelector('umb-router-slot'));
                 },
             },
             {
@@ -47,15 +35,8 @@ export let UmbDocumentTypeWorkspaceElement = class UmbDocumentTypeWorkspaceEleme
         ];
     }
     #workspaceContext;
-    #routerPath;
     render() {
-        return html `
-			<umb-router-slot
-				.routes=${this._routes}
-				@init=${(event) => {
-            this.#routerPath = event.target.absoluteRouterPath;
-        }}></umb-router-slot>
-		`;
+        return html ` <umb-router-slot .routes=${this._routes}></umb-router-slot> `;
     }
     static { this.styles = [UUITextStyles]; }
 };

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

@@ -1,3 +1,4 @@
+import '../../../../../templating/templates/components/input-template/input-template.element.js';
 import { UmbLitElement } from '../../../../../../shared/lit-element/index.js';
 import { UmbWorkspaceEditorViewExtensionElement } from '../../../../../core/extension-registry/index.js';
 export declare class UmbDocumentTypeWorkspaceViewTemplatesElement extends UmbLitElement implements UmbWorkspaceEditorViewExtensionElement {

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

@@ -4,6 +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 '../../../../../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 { UmbLitElement } from '../../../../../../shared/lit-element/index.js';
@@ -34,7 +35,7 @@ export let UmbDocumentTypeWorkspaceViewTemplatesElement = class UmbDocumentTypeW
     #templateInputChange(e) {
         // save new allowed ids
         const input = e.target;
-        const idsWithoutRoot = input.selectedIds.filter((id) => id !== null);
+        const idsWithoutRoot = input.selectedIds?.filter((id) => id !== null) ?? [];
         this.#workspaceContext?.setAllowedTemplateIds(idsWithoutRoot);
         this.#workspaceContext?.setDefaultTemplateId(input.defaultId);
     }

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

@@ -54,7 +54,6 @@ export let UmbDocumentTableCollectionViewElement = class UmbDocumentTableCollect
                 throw new Error('Item id is missing.');
             return {
                 id: item.id,
-                icon: item.icon,
                 data: [
                     {
                         columnAlias: 'entityName',

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

@@ -23,6 +23,8 @@ export declare class UmbDocumentRepository implements UmbTreeRepository<Document
         error: import("../../../../external/backend-api/index.js").ApiError | import("../../../../external/backend-api/index.js").CancelError | undefined;
         asObservable: () => import("rxjs").Observable<import("../../../../external/backend-api/index.js").EntityTreeItemResponseModel[]>;
     }>;
+    requestAllowedDocumentTypesAtRoot(): Promise<import("../../../../shared/repository/index.js").DataSourceResponse<import("../../../../external/backend-api/index.js").PagedDocumentTypeResponseModel>>;
+    requestAllowedDocumentTypesOf(id: string): Promise<import("../../../../shared/repository/index.js").DataSourceResponse<import("../../../../external/backend-api/index.js").PagedDocumentTypeResponseModel>>;
     requestItemsLegacy(ids: Array<string>): Promise<{
         data: any[] | undefined;
         error: import("../../../../external/backend-api/index.js").ApiError | import("../../../../external/backend-api/index.js").CancelError | undefined;

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

@@ -61,6 +61,16 @@ export class UmbDocumentRepository {
         }
         return { data, error, asObservable: () => this.#treeStore.childrenOf(parentId) };
     }
+    // Structure permissions;
+    async requestAllowedDocumentTypesAtRoot() {
+        return this.#detailDataSource.getAllowedDocumentTypesAtRoot();
+    }
+    async requestAllowedDocumentTypesOf(id) {
+        if (!id)
+            throw new Error('Id is missing');
+        await this.#init;
+        return this.#detailDataSource.getAllowedDocumentTypesOf(id);
+    }
     async requestItemsLegacy(ids) {
         await this.#init;
         if (!ids) {

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

@@ -30,7 +30,7 @@ export class UmbDocumentStore extends UmbStoreBase {
      * @memberof UmbDocumentStore
      */
     byId(id) {
-        return this._data.getObservablePart((x) => x.find((y) => y.id === id));
+        return this._data.asObservablePart((x) => x.find((y) => y.id === id));
     }
     /**
      * Removes documents in the store with the given uniques

package/dist-cms/packages/documents/documents/repository/sources/document.server.data.d.ts

@@ -61,4 +61,18 @@ export declare class UmbDocumentServerDataSource implements UmbDataSource<Create
      * @memberof UmbDocumentServerDataSource
      */
     delete(id: string): Promise<import("../../../../../shared/repository/index.js").DataSourceResponse<any>>;
+    /**
+     * Get the allowed document types for a given parent id
+     * @param {string} id
+     * @return {*}
+     * @memberof UmbDocumentTypeServerDataSource
+     */
+    getAllowedDocumentTypesOf(id: string): Promise<import("../../../../../shared/repository/index.js").DataSourceResponse<import("../../../../../external/backend-api/index.js").PagedDocumentTypeResponseModel>>;
+    /**
+     * Get the allowed document types for root
+     * @param {string} id
+     * @return {*}
+     * @memberof UmbDocumentTypeServerDataSource
+     */
+    getAllowedDocumentTypesAtRoot(): Promise<import("../../../../../shared/repository/index.js").DataSourceResponse<import("../../../../../external/backend-api/index.js").PagedDocumentTypeResponseModel>>;
 }

package/dist-cms/packages/documents/documents/repository/sources/document.server.data.js

@@ -47,7 +47,6 @@ export class UmbDocumentServerDataSource {
             values: [],
             variants: [
                 {
-                    $type: 'DocumentVariantRequestModel',
                     state: ContentStateModel.DRAFT,
                     publishDate: null,
                     culture: null,
@@ -72,11 +71,10 @@ export class UmbDocumentServerDataSource {
             throw new Error('Id is missing');
         // TODO: Hack to remove some props that ruins the document-type post end-point.
         const unFroozenDocument = { ...document };
-        unFroozenDocument.$type = undefined;
         unFroozenDocument.id = undefined;
         unFroozenDocument.variants =
             unFroozenDocument.variants?.map((variant) => {
-                return { ...variant, $type: undefined };
+                return { ...variant };
             }) ?? [];
         return tryExecuteAndNotify(this.#host, DocumentResource.postDocument({ requestBody: unFroozenDocument }));
     }
@@ -91,11 +89,10 @@ export class UmbDocumentServerDataSource {
             throw new Error('Id is missing');
         // TODO: Hack to remove some props that ruins the document-type post end-point.
         const unFroozenDocument = { ...document };
-        unFroozenDocument.$type = undefined;
         unFroozenDocument.id = undefined;
         unFroozenDocument.variants =
             unFroozenDocument.variants?.map((variant) => {
-                return { ...variant, $type: undefined };
+                return { ...variant };
             }) ?? [];
         return tryExecuteAndNotify(this.#host, DocumentResource.putDocumentById({ id, requestBody: unFroozenDocument }));
     }
@@ -136,4 +133,27 @@ export class UmbDocumentServerDataSource {
             },
         }).then((res) => res.json()));
     }
+    /**
+     * Get the allowed document types for a given parent id
+     * @param {string} id
+     * @return {*}
+     * @memberof UmbDocumentTypeServerDataSource
+     */
+    async getAllowedDocumentTypesOf(id) {
+        if (!id)
+            throw new Error('Id is missing');
+        // TODO: Notice, here we need to implement pagination.
+        return tryExecuteAndNotify(this.#host, DocumentResource.getDocumentByIdAllowedDocumentTypes({ id }));
+    }
+    /**
+     * Get the allowed document types for root
+     * @param {string} id
+     * @return {*}
+     * @memberof UmbDocumentTypeServerDataSource
+     */
+    async getAllowedDocumentTypesAtRoot() {
+        console.log('source requestAllowedDocumentTypesAtRoot');
+        // TODO: Notice, here we need to implement pagination.
+        return tryExecuteAndNotify(this.#host, DocumentResource.getDocumentRootAllowedDocumentTypes({}));
+    }
 }

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

@@ -7,7 +7,7 @@ export declare class UmbDocumentTreeItemElement extends UmbLitElement implements
     private _item?;
     get item(): DocumentTreeItemResponseModel | undefined;
     set item(value: DocumentTreeItemResponseModel | undefined);
-    render(): typeof nothing | import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1> | typeof nothing;
     static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
 }
 export default UmbDocumentTreeItemElement;

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

@@ -7,7 +7,7 @@ export declare class UmbDocumentWorkspaceSplitViewElement extends UmbLitElement
     _variants?: Array<ActiveVariant>;
     constructor();
     private _observeActiveVariantInfo;
-    render(): typeof nothing | import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1> | typeof nothing;
     static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
 }
 export default UmbDocumentWorkspaceSplitViewElement;

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

@@ -25,8 +25,8 @@ export declare class UmbDocumentWorkspaceContext extends UmbWorkspaceContext<Umb
     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").DocumentValueModel[] | undefined>;
-    propertyDataByAlias(propertyAlias: string, variantId?: UmbVariantId): import("rxjs").Observable<import("../../../../external/backend-api/index.js").DocumentValueModel | undefined>;
+    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;

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

@@ -26,11 +26,11 @@ export class UmbDocumentWorkspaceContext extends UmbWorkspaceContext {
          * The document is the current state/draft version of the document.
          */
         this.#draft = new UmbObjectState(undefined);
-        this.unique = this.#draft.getObservablePart((data) => data?.id);
-        this.documentTypeKey = this.#draft.getObservablePart((data) => data?.contentTypeId);
-        this.variants = this.#draft.getObservablePart((data) => data?.variants || []);
-        this.urls = this.#draft.getObservablePart((data) => data?.urls || []);
-        this.templateId = this.#draft.getObservablePart((data) => data?.templateId || null);
+        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.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));
@@ -93,13 +93,13 @@ export class UmbDocumentWorkspaceContext extends UmbWorkspaceContext {
         this.#draft.update({ variants });
     }
     propertyValuesOf(variantId) {
-        return this.#draft.getObservablePart((data) => variantId ? data?.values?.filter((x) => variantId.compare(x)) : data?.values);
+        return this.#draft.asObservablePart((data) => variantId ? data?.values?.filter((x) => variantId.compare(x)) : data?.values);
     }
     propertyDataByAlias(propertyAlias, variantId) {
-        return this.#draft.getObservablePart((data) => data?.values?.find((x) => x?.alias === propertyAlias && (variantId ? variantId.compare(x) : true)));
+        return this.#draft.asObservablePart((data) => data?.values?.find((x) => x?.alias === propertyAlias && (variantId ? variantId.compare(x) : true)));
     }
     propertyValueByAlias(propertyAlias, variantId) {
-        return this.#draft.getObservablePart((data) => data?.values?.find((x) => x?.alias === propertyAlias && (variantId ? variantId.compare(x) : true))?.value);
+        return this.#draft.asObservablePart((data) => data?.values?.find((x) => x?.alias === propertyAlias && (variantId ? variantId.compare(x) : true))?.value);
     }
     getPropertyValue(alias, variantId) {
         const currentData = this.#draft.value;
@@ -109,7 +109,7 @@ export class UmbDocumentWorkspaceContext extends UmbWorkspaceContext {
         }
     }
     setPropertyValue(alias, value, variantId) {
-        const entry = { $type: 'DocumentValueModel', ...variantId?.toObject(), alias, value };
+        const entry = { ...variantId?.toObject(), alias, value };
         const currentData = this.#draft.value;
         if (currentData) {
             const values = appendToFrozenArray(currentData.values || [], entry, (x) => x.alias === alias && (variantId ? variantId.compare(x) : true));

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

@@ -9,6 +9,7 @@ import { UUITextStyles } from '../../../../external/uui/index.js';
 import { html, customElement, state } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 import './document-workspace-editor.element.js';
+import { UmbWorkspaceIsNewRedirectController } from '../../../core/workspace/index.js';
 export let UmbDocumentWorkspaceElement = class UmbDocumentWorkspaceElement extends UmbLitElement {
     constructor() {
         super(...arguments);
@@ -23,6 +24,7 @@ export let UmbDocumentWorkspaceElement = class UmbDocumentWorkspaceElement exten
                     const parentId = info.match.params.parentId === 'null' ? null : info.match.params.parentId;
                     const documentTypeKey = info.match.params.documentTypeKey;
                     this.#workspaceContext.create(documentTypeKey, parentId);
+                    new UmbWorkspaceIsNewRedirectController(this, this.#workspaceContext, this.shadowRoot.querySelector('umb-router-slot'));
                 },
             },
             {

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

@@ -58,6 +58,7 @@ export let UmbDocumentWorkspaceViewEditTabElement = class UmbDocumentWorkspaceVi
             ? html `
 						<uui-box>
 							<umb-document-workspace-view-edit-properties
+								class="properties"
 								container-type="Tab"
 								container-name=${this.tabName || ''}></umb-document-workspace-view-edit-properties>
 						</uui-box>
@@ -65,6 +66,7 @@ export let UmbDocumentWorkspaceViewEditTabElement = class UmbDocumentWorkspaceVi
             : ''}
 			${repeat(this._groups, (group) => group.name, (group) => html `<uui-box .headline=${group.name || ''}>
 					<umb-document-workspace-view-edit-properties
+						class="properties"
 						container-type="Group"
 						container-name=${group.name || ''}></umb-document-workspace-view-edit-properties>
 				</uui-box>`)}
@@ -73,6 +75,9 @@ export let UmbDocumentWorkspaceViewEditTabElement = class UmbDocumentWorkspaceVi
     static { this.styles = [
         UUITextStyles,
         css `
+			uui-box {
+				--uui-box-default-padding: 0 var(--uui-size-space-5);
+			}
 			uui-box:not(:first-child) {
 				margin-top: var(--uui-size-layout-1);
 			}

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

@@ -75,6 +75,7 @@ export let UmbDocumentInfoWorkspaceViewElement = class UmbDocumentInfoWorkspaceV
         this.itemsPerPage = 10;
         this._editDocumentTypePath = '';
         new UmbModalRouteRegistrationController(this, UMB_WORKSPACE_MODAL)
+            .addAdditionalPath('document-type')
             .onSetup(() => {
             return { entityType: 'document-type', preset: {} };
         })

package/dist-cms/packages/media/media/collection-view/media-table-collection-view.element.js

@@ -44,7 +44,6 @@ export let UmbMediaTableCollectionViewElement = class UmbMediaTableCollectionVie
         this._tableItems = mediaItems.map((item) => {
             return {
                 id: item.id,
-                icon: item.icon,
                 data: [
                     {
                         columnAlias: 'mediaName',

package/dist-cms/packages/media/media/repository/media.store.js

@@ -30,7 +30,7 @@ export class UmbMediaStore extends UmbStoreBase {
      * @memberof UmbMediaStore
      */
     byId(id) {
-        return this._data.getObservablePart((x) => x.find((y) => y.id === id));
+        return this._data.asObservablePart((x) => x.find((y) => y.id === id));
     }
     /**
      * Removes media in the store with the given uniques

package/dist-cms/packages/media/media/repository/sources/media.tree.server.data.d.ts

@@ -21,19 +21,19 @@ export declare class UmbMediaTreeServerDataSource implements UmbTreeDataSource {
      * @return {*}
      * @memberof UmbMediaTreeServerDataSource
      */
-    getRootItems(): Promise<import("../../../../../shared/repository/index.js").DataSourceResponse<import("../../../../../external/backend-api/index.js").PagedContentTreeItemResponseModel>>;
+    getRootItems(): Promise<import("../../../../../shared/repository/index.js").DataSourceResponse<import("../../../../../external/backend-api/index.js").PagedMediaTreeItemResponseModel>>;
     /**
      * Fetches the children of a given parent id from the server
      * @param {(string | null)} parentId
      * @return {*}
      * @memberof UmbMediaTreeServerDataSource
      */
-    getChildrenOf(parentId: string | null): Promise<import("../../../../../shared/repository/index.js").DataSourceResponse<import("../../../../../external/backend-api/index.js").PagedContentTreeItemResponseModel>>;
+    getChildrenOf(parentId: string | null): Promise<import("../../../../../shared/repository/index.js").DataSourceResponse<import("../../../../../external/backend-api/index.js").PagedMediaTreeItemResponseModel>>;
     /**
      * Fetches the items for the given ids from the server
      * @param {Array<string>} ids
      * @return {*}
      * @memberof UmbMediaTreeServerDataSource
      */
-    getItems(ids: Array<string>): Promise<import("../../../../../shared/repository/index.js").DataSourceResponse<(import("../../../../../external/backend-api/index.js").ContentTreeItemResponseModel | import("../../../../../external/backend-api/index.js").DocumentTreeItemResponseModel)[]>>;
+    getItems(ids: Array<string>): Promise<import("../../../../../shared/repository/index.js").DataSourceResponse<import("../../../../../external/backend-api/index.js").MediaTreeItemResponseModel[]>>;
 }

package/dist-cms/packages/media/media/workspace/media-workspace-editor.element.d.ts

@@ -4,7 +4,7 @@ export declare class UmbMediaWorkspaceEditorElement extends UmbLitElement {
     #private;
     _id?: string;
     constructor();
-    render(): typeof nothing | import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1> | typeof nothing;
     static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
 }
 export default UmbMediaWorkspaceEditorElement;

package/dist-cms/packages/media/media/workspace/media-workspace.context.js

@@ -7,7 +7,7 @@ export class UmbMediaWorkspaceContext extends UmbWorkspaceContext {
         super(host, new UmbMediaRepository(host));
         this.#data = new UmbObjectState(undefined);
         this.data = this.#data.asObservable();
-        this.name = this.#data.getObservablePart((data) => data?.name);
+        this.name = this.#data.asObservablePart((data) => data?.name);
     }
     getData() {
         return this.#data.getValue();

package/dist-cms/packages/media/media-types/repository/sources/media-type.tree.server.data.d.ts

@@ -19,14 +19,14 @@ export declare class UmbMediaTypeTreeServerDataSource implements UmbTreeDataSour
      * @return {*}
      * @memberof UmbMediaTypeTreeServerDataSource
      */
-    getRootItems(): Promise<import("../../../../../shared/repository/index.js").DataSourceResponse<import("../../../../../external/backend-api/index.js").PagedFolderTreeItemResponseModel>>;
+    getRootItems(): Promise<import("../../../../../shared/repository/index.js").DataSourceResponse<import("../../../../../external/backend-api/index.js").PagedMediaTypeTreeItemResponseModel>>;
     /**
      * Fetches the children of a given parent id from the server
      * @param {(string | null)} parentId
      * @return {*}
      * @memberof UmbMediaTypeTreeServerDataSource
      */
-    getChildrenOf(parentId: string | null): Promise<import("../../../../../shared/repository/index.js").DataSourceResponse<import("../../../../../external/backend-api/index.js").PagedFolderTreeItemResponseModel>>;
+    getChildrenOf(parentId: string | null): Promise<import("../../../../../shared/repository/index.js").DataSourceResponse<import("../../../../../external/backend-api/index.js").PagedMediaTypeTreeItemResponseModel>>;
     /**
      * Fetches the items for the given ids from the server
      * @param {Array<string>} ids

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

@@ -7,7 +7,7 @@ export class UmbWorkspaceMediaTypeContext extends UmbWorkspaceContext {
         super(host, new UmbMediaTypeRepository(host));
         this.#data = new UmbObjectState(undefined);
         this.data = this.#data.asObservable();
-        this.name = this.#data.getObservablePart((data) => data?.name);
+        this.name = this.#data.asObservablePart((data) => data?.name);
     }
     getData() {
         return this.#data.getValue();

package/dist-cms/packages/members/member-groups/repository/member-group.store.js

@@ -21,7 +21,7 @@ export class UmbMemberGroupStore extends UmbStoreBase {
      * @memberof UmbMemberGroupStore
      */
     byId(id) {
-        return this._data.getObservablePart((x) => x.find((y) => y.id === id));
+        return this._data.asObservablePart((x) => x.find((y) => y.id === id));
     }
     remove(uniques) {
         this._data.remove(uniques);

package/dist-cms/packages/members/member-groups/workspace/member-group-workspace.context.js

@@ -7,7 +7,7 @@ export class UmbWorkspaceMemberGroupContext extends UmbWorkspaceContext {
         super(host, new UmbMemberGroupRepository(host));
         this.#data = new UmbObjectState(undefined);
         this.data = this.#data.asObservable();
-        this.name = this.#data.getObservablePart((data) => data?.name);
+        this.name = this.#data.asObservablePart((data) => data?.name);
     }
     getData() {
         return this.#data.getValue();