@umbraco-cms/backoffice 1.0.0-next.92acfa89 → 1.0.0-next.93ea2ba6

package/dist-cms/packages/templating/templates/workspace/template-workspace.context.js

@@ -1,14 +1,32 @@
 import { UmbTemplateRepository } from '../repository/template.repository.js';
 import { UmbWorkspaceContext } from '../../../core/workspace/index.js';
-import { createObservablePart, UmbDeepState } from '../../../../libs/observable-api/index.js';
+import { createObservablePart, UmbBooleanState, UmbDeepState, UmbObjectState, } from '../../../../libs/observable-api/index.js';
 export class UmbTemplateWorkspaceContext extends UmbWorkspaceContext {
     #data;
+    #masterTemplate;
+    #isCodeEditorReady;
     constructor(host) {
         super(host, new UmbTemplateRepository(host));
         this.#data = new UmbDeepState(undefined);
         this.data = this.#data.asObservable();
+        this.#masterTemplate = new UmbObjectState(null);
+        this.masterTemplate = this.#masterTemplate.asObservable();
         this.name = createObservablePart(this.#data, (data) => data?.name);
+        this.alias = createObservablePart(this.#data, (data) => data?.alias);
         this.content = createObservablePart(this.#data, (data) => data?.content);
+        this.id = createObservablePart(this.#data, (data) => data?.id);
+        this.#isCodeEditorReady = new UmbBooleanState(false);
+        this.isCodeEditorReady = this.#isCodeEditorReady.asObservable();
+        this.#loadCodeEditor();
+    }
+    async #loadCodeEditor() {
+        try {
+            await import('../../../core/components/code-editor/index.js');
+            this.#isCodeEditorReady.next(true);
+        }
+        catch (error) {
+            console.error(error);
+        }
     }
     getEntityType() {
         return 'template';
@@ -22,6 +40,9 @@ export class UmbTemplateWorkspaceContext extends UmbWorkspaceContext {
     setName(value) {
         this.#data.next({ ...this.#data.value, $type: this.#data.value?.$type || '', name: value });
     }
+    setAlias(value) {
+        this.#data.next({ ...this.#data.value, $type: this.#data.value?.$type || '', alias: value });
+    }
     setContent(value) {
         this.#data.next({ ...this.#data.value, $type: this.#data.value?.$type || '', content: value });
     }
@@ -30,17 +51,75 @@ export class UmbTemplateWorkspaceContext extends UmbWorkspaceContext {
         if (data) {
             this.setIsNew(false);
             this.#data.next(data);
+            this.#getMasterTemplateFromContent(data.content ?? '');
         }
     }
+    #getMasterTemplateFromContent(content) {
+        if (!content)
+            this.#masterTemplate.next(null);
+        const RegexString = /(@{[\s\S][^if]*?Layout\s*?=\s*?)("[^"]*?"|null)(;[\s\S]*?})/gi;
+        const match = RegexString.exec(content ?? '');
+        if (match) {
+            if (match[2] === 'null') {
+                this.#masterTemplate.next(null);
+                return null;
+            }
+            this.#masterTemplate.next({ name: match[2].replace(/"/g, '').replace('.cshtml', '') });
+            return match[2].replace(/"/g, '');
+        }
+        this.#masterTemplate.next(null);
+        return null;
+    }
+    async setMasterTemplate(id) {
+        if (id === null) {
+            this.#masterTemplate.next(null);
+            return null;
+        }
+        const { data } = await this.repository.requestItems([id]);
+        if (data) {
+            this.#masterTemplate.next(data[0]);
+            return data[0];
+        }
+        return null;
+    }
     async save() {
-        throw new Error('Save method not implemented.');
+        const template = this.#data.getValue();
+        const isNew = this.getIsNew();
+        if (isNew && template) {
+            await this.repository.create({
+                name: template.name,
+                content: template.content,
+                alias: template.alias,
+            });
+            if (this.#masterTemplate.value?.id) {
+                this.repository.requestTreeItemsOf(this.#masterTemplate.value?.id ?? '');
+            }
+            else {
+                this.repository.requestRootTreeItems();
+            }
+        }
+        if (template?.id) {
+            await this.repository.save(template.id, {
+                name: template.name,
+                content: template.content,
+                alias: template.alias,
+            });
+        }
     }
-    async createScaffold(parentId) {
-        const { data } = await this.repository.createScaffold(parentId);
+    async createScaffold(parentId = null) {
+        const { data } = await this.repository.createScaffold();
         if (!data)
             return;
         this.setIsNew(true);
-        this.#data.next(data);
+        this.#data.next({ ...data, id: '', name: '', alias: '', $type: 'TemplateResponseModel' });
+        if (!parentId || parentId === 'root')
+            return;
+        await this.setMasterTemplate(parentId);
+        const RegexString = /(@{[\s\S][^if]*?Layout\s*?=\s*?)("[^"]*?"|null)(;[\s\S]*?})/gi;
+        const content = this.#data.value?.content ?? '';
+        const masterTemplateName = this.#masterTemplate.value?.name ?? '';
+        const string = content.replace(RegexString, `$1"${masterTemplateName}.cshtml"$3`) ?? '';
+        this.setContent(string);
     }
     destroy() {
         this.#data.complete();

package/dist-cms/packages/templating/templates/workspace/template-workspace.element.d.ts

@@ -1,14 +1,11 @@
 import type { UmbRoute } from '../../../../shared/router/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
-import './template-workspace-edit.element.js';
+import './template-workspace-editor.element.js';
 export declare class UmbTemplateWorkspaceElement extends UmbLitElement {
     #private;
     load(entityId: string): void;
-    private _name?;
-    private _content?;
     _routes: UmbRoute[];
     render(): import("lit-html").TemplateResult<1>;
-    static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
 }
 export default UmbTemplateWorkspaceElement;
 declare global {

package/dist-cms/packages/templating/templates/workspace/template-workspace.element.js

@@ -5,19 +5,15 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { UmbTemplateWorkspaceContext } from './template-workspace.context.js';
-import { UUITextStyles } from '../../../../external/uui/index.js';
-import { css, html, customElement, state } from '../../../../external/lit/index.js';
+import { html, customElement, state } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
-import './template-workspace-edit.element.js';
+import './template-workspace-editor.element.js';
 let UmbTemplateWorkspaceElement = class UmbTemplateWorkspaceElement extends UmbLitElement {
     constructor() {
         super(...arguments);
-        this._name = '';
-        this._content = '';
         this.#templateWorkspaceContext = new UmbTemplateWorkspaceContext(this);
         this.#routerPath = '';
-        this.#element = document.createElement('umb-template-workspace-edit');
-        this.#key = '';
+        this.#element = document.createElement('umb-template-workspace-editor');
         this._routes = [
             {
                 path: 'create/:parentKey',
@@ -43,7 +39,6 @@ let UmbTemplateWorkspaceElement = class UmbTemplateWorkspaceElement extends UmbL
     #templateWorkspaceContext;
     #routerPath;
     #element;
-    #key;
     render() {
         return html `<umb-router-slot
 			.routes=${this._routes}
@@ -51,37 +46,7 @@ let UmbTemplateWorkspaceElement = class UmbTemplateWorkspaceElement extends UmbL
             this.#routerPath = event.target.absoluteRouterPath;
         }}></umb-router-slot>`;
     }
-    static { this.styles = [
-        UUITextStyles,
-        css `
-			:host {
-				display: block;
-				width: 100%;
-				height: 100%;
-			}
-
-			umb-code-editor {
-				--editor-height: calc(100vh - 300px);
-			}
-
-			uui-box {
-				margin: 1em;
-				--uui-box-default-padding: 0;
-			}
-
-			uui-input {
-				width: 100%;
-				margin: 1em;
-			}
-		`,
-    ]; }
 };
-__decorate([
-    state()
-], UmbTemplateWorkspaceElement.prototype, "_name", void 0);
-__decorate([
-    state()
-], UmbTemplateWorkspaceElement.prototype, "_content", void 0);
 __decorate([
     state()
 ], UmbTemplateWorkspaceElement.prototype, "_routes", void 0);

package/dist-cms/packages/translation/dashboards/dictionary/dashboard-translation-dictionary.element.js

@@ -148,10 +148,8 @@ let UmbDashboardTranslationDictionaryElement = class UmbDashboardTranslationDict
         UUITextStyles,
         css `
 			:host {
-				display: flex;
-				flex-direction: column;
-				height: 100%;
-				margin: var(--uui-size-layout-1);
+				display: block;
+				padding: var(--uui-size-layout-1);
 			}
 
 			#dictionary-top-bar {

package/dist-cms/packages/translation/dictionary/workspace/{dictionary-workspace-edit.element.d.ts → dictionary-workspace-editor.element.d.ts}

@@ -1,14 +1,14 @@
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
-export declare class UmbDictionaryWorkspaceEditElement extends UmbLitElement {
+export declare class UmbDictionaryWorkspaceEditorElement extends UmbLitElement {
     #private;
     private _name?;
     constructor();
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
 }
-export default UmbDictionaryWorkspaceEditElement;
+export default UmbDictionaryWorkspaceEditorElement;
 declare global {
     interface HTMLElementTagNameMap {
-        'umb-dictionary-workspace-edit': UmbDictionaryWorkspaceEditElement;
+        'umb-dictionary-workspace-editor': UmbDictionaryWorkspaceEditorElement;
     }
 }

package/dist-cms/packages/translation/dictionary/workspace/{dictionary-workspace-edit.element.js → dictionary-workspace-editor.element.js}

@@ -8,7 +8,7 @@ import { UUIInputEvent, UUITextStyles } from '../../../../external/uui/index.js'
 import { css, html, customElement, state } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 import { UMB_ENTITY_WORKSPACE_CONTEXT } from '../../../core/workspace/index.js';
-let UmbDictionaryWorkspaceEditElement = class UmbDictionaryWorkspaceEditElement extends UmbLitElement {
+let UmbDictionaryWorkspaceEditorElement = class UmbDictionaryWorkspaceEditorElement extends UmbLitElement {
     #workspaceContext;
     constructor() {
         super();
@@ -61,9 +61,9 @@ let UmbDictionaryWorkspaceEditElement = class UmbDictionaryWorkspaceEditElement
 };
 __decorate([
     state()
-], UmbDictionaryWorkspaceEditElement.prototype, "_name", void 0);
-UmbDictionaryWorkspaceEditElement = __decorate([
-    customElement('umb-dictionary-workspace-edit')
-], UmbDictionaryWorkspaceEditElement);
-export { UmbDictionaryWorkspaceEditElement };
-export default UmbDictionaryWorkspaceEditElement;
+], UmbDictionaryWorkspaceEditorElement.prototype, "_name", void 0);
+UmbDictionaryWorkspaceEditorElement = __decorate([
+    customElement('umb-dictionary-workspace-editor')
+], UmbDictionaryWorkspaceEditorElement);
+export { UmbDictionaryWorkspaceEditorElement };
+export default UmbDictionaryWorkspaceEditorElement;

package/dist-cms/packages/translation/dictionary/workspace/dictionary-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 { UmbDictionaryWorkspaceContext } from './dictionary-workspace.context.js';
-import { UmbDictionaryWorkspaceEditElement } from './dictionary-workspace-edit.element.js';
+import { UmbDictionaryWorkspaceEditorElement } from './dictionary-workspace-editor.element.js';
 import { UUITextStyles } from '../../../../external/uui/index.js';
 import { html, customElement, state } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
@@ -13,7 +13,7 @@ let UmbWorkspaceDictionaryElement = class UmbWorkspaceDictionaryElement extends
     constructor() {
         super(...arguments);
         this.#workspaceContext = new UmbDictionaryWorkspaceContext(this);
-        this.#element = new UmbDictionaryWorkspaceEditElement();
+        this.#element = new UmbDictionaryWorkspaceEditorElement();
         this._routes = [
             {
                 path: 'edit/:id',

package/dist-cms/packages/translation/dictionary/workspace/manifests.js

@@ -14,7 +14,7 @@ const workspaceViews = [
         type: 'workspaceEditorView',
         alias: 'Umb.WorkspaceView.Dictionary.Edit',
         name: 'Dictionary Workspace Edit View',
-        loader: () => import('./views/edit/workspace-view-dictionary-edit.element.js'),
+        loader: () => import('./views/editor/workspace-view-dictionary-editor.element.js'),
         weight: 100,
         meta: {
             label: 'Edit',

package/dist-cms/packages/translation/dictionary/workspace/views/{edit/workspace-view-dictionary-edit.element.d.ts → editor/workspace-view-dictionary-editor.element.d.ts}

@@ -1,5 +1,5 @@
 import { UmbLitElement } from '../../../../../../shared/lit-element/index.js';
-export declare class UmbWorkspaceViewDictionaryEditElement extends UmbLitElement {
+export declare class UmbWorkspaceViewDictionaryEditorElement extends UmbLitElement {
     #private;
     private _dictionary?;
     private _languages;
@@ -7,9 +7,9 @@ export declare class UmbWorkspaceViewDictionaryEditElement extends UmbLitElement
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
 }
-export default UmbWorkspaceViewDictionaryEditElement;
+export default UmbWorkspaceViewDictionaryEditorElement;
 declare global {
     interface HTMLElementTagNameMap {
-        'umb-workspace-view-dictionary-edit': UmbWorkspaceViewDictionaryEditElement;
+        'umb-workspace-view-dictionary-editor': UmbWorkspaceViewDictionaryEditorElement;
     }
 }

package/dist-cms/packages/translation/dictionary/workspace/views/{edit/workspace-view-dictionary-edit.element.js → editor/workspace-view-dictionary-editor.element.js}

@@ -9,7 +9,7 @@ import { UUITextStyles, UUITextareaEvent } from '../../../../../../external/uui/
 import { css, html, customElement, state, repeat, ifDefined } from '../../../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../../../shared/lit-element/index.js';
 import { UMB_ENTITY_WORKSPACE_CONTEXT } from '../../../../../core/workspace/index.js';
-let UmbWorkspaceViewDictionaryEditElement = class UmbWorkspaceViewDictionaryEditElement extends UmbLitElement {
+let UmbWorkspaceViewDictionaryEditorElement = class UmbWorkspaceViewDictionaryEditorElement extends UmbLitElement {
     constructor() {
         super(...arguments);
         this._languages = [];
@@ -72,12 +72,12 @@ let UmbWorkspaceViewDictionaryEditElement = class UmbWorkspaceViewDictionaryEdit
 };
 __decorate([
     state()
-], UmbWorkspaceViewDictionaryEditElement.prototype, "_dictionary", void 0);
+], UmbWorkspaceViewDictionaryEditorElement.prototype, "_dictionary", void 0);
 __decorate([
     state()
-], UmbWorkspaceViewDictionaryEditElement.prototype, "_languages", void 0);
-UmbWorkspaceViewDictionaryEditElement = __decorate([
-    customElement('umb-workspace-view-dictionary-edit')
-], UmbWorkspaceViewDictionaryEditElement);
-export { UmbWorkspaceViewDictionaryEditElement };
-export default UmbWorkspaceViewDictionaryEditElement;
+], UmbWorkspaceViewDictionaryEditorElement.prototype, "_languages", void 0);
+UmbWorkspaceViewDictionaryEditorElement = __decorate([
+    customElement('umb-workspace-view-dictionary-editor')
+], UmbWorkspaceViewDictionaryEditorElement);
+export { UmbWorkspaceViewDictionaryEditorElement };
+export default UmbWorkspaceViewDictionaryEditorElement;

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

@@ -1,7 +1,6 @@
 import { manifests as translationSectionManifests } from './section.manifest.js';
 import { manifests as dictionaryManifests } from './dictionary/manifests.js';
-import { manifests as modalManifests } from './modals/manifests.js';
-export const manifests = [...modalManifests, ...translationSectionManifests, ...dictionaryManifests];
+export const manifests = [...translationSectionManifests, ...dictionaryManifests];
 export const onInit = (_host, extensionRegistry) => {
     extensionRegistry.registerMany(manifests);
 };

package/dist-cms/packages/umbraco-news/umbraco-news-dashboard.element.js

@@ -18,7 +18,7 @@ let UmbUmbracoNewsDashboardElement = class UmbUmbracoNewsDashboardElement extend
         css `
 			:host {
 				display: block;
-				margin: var(--uui-size-layout-1);
+				padding: var(--uui-size-layout-1);
 			}
 		`,
     ]; }

package/dist-cms/packages/users/user-groups/collection/user-group-collection.element.js

@@ -26,16 +26,7 @@ let UmbUserCollectionElement = class UmbUserCollectionElement extends UmbLitElem
 			<umb-collection-selection-actions></umb-collection-selection-actions>
 		`;
     }
-    static { this.styles = [
-        UUITextStyles,
-        css `
-			:host {
-				height: 100%;
-				display: flex;
-				flex-direction: column;
-			}
-		`,
-    ]; }
+    static { this.styles = [UUITextStyles, css ``]; }
 };
 UmbUserCollectionElement = __decorate([
     customElement('umb-user-group-collection')

package/dist-cms/packages/users/user-groups/workspace/{user-group-workspace-edit.element.d.ts → user-group-workspace-editor.element.d.ts}

@@ -1,6 +1,6 @@
 import { nothing } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
-export declare class UmbUserGroupWorkspaceEditElement extends UmbLitElement {
+export declare class UmbUserGroupWorkspaceEditorElement extends UmbLitElement {
     #private;
     private _userGroup?;
     private _userKeys?;
@@ -8,9 +8,9 @@ export declare class UmbUserGroupWorkspaceEditElement extends UmbLitElement {
     render(): import("lit-html").TemplateResult<1> | typeof nothing;
     static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
 }
-export default UmbUserGroupWorkspaceEditElement;
+export default UmbUserGroupWorkspaceEditorElement;
 declare global {
     interface HTMLElementTagNameMap {
-        'umb-user-group-workspace-edit': UmbUserGroupWorkspaceEditElement;
+        'umb-user-group-workspace-editor': UmbUserGroupWorkspaceEditorElement;
     }
 }

package/dist-cms/packages/users/user-groups/workspace/{user-group-workspace-edit.element.js → user-group-workspace-editor.element.js}

@@ -11,7 +11,7 @@ import { css, html, nothing, customElement, state } from '../../../../external/l
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 import { UMB_ENTITY_WORKSPACE_CONTEXT } from '../../../core/workspace/index.js';
 import { UMB_CONFIRM_MODAL, UMB_MODAL_CONTEXT_TOKEN } from '../../../core/modal/index.js';
-let UmbUserGroupWorkspaceEditElement = class UmbUserGroupWorkspaceEditElement extends UmbLitElement {
+let UmbUserGroupWorkspaceEditorElement = class UmbUserGroupWorkspaceEditorElement extends UmbLitElement {
     #workspaceContext;
     #modalContext;
     constructor() {
@@ -176,12 +176,12 @@ let UmbUserGroupWorkspaceEditElement = class UmbUserGroupWorkspaceEditElement ex
 };
 __decorate([
     state()
-], UmbUserGroupWorkspaceEditElement.prototype, "_userGroup", void 0);
+], UmbUserGroupWorkspaceEditorElement.prototype, "_userGroup", void 0);
 __decorate([
     state()
-], UmbUserGroupWorkspaceEditElement.prototype, "_userKeys", void 0);
-UmbUserGroupWorkspaceEditElement = __decorate([
-    customElement('umb-user-group-workspace-edit')
-], UmbUserGroupWorkspaceEditElement);
-export { UmbUserGroupWorkspaceEditElement };
-export default UmbUserGroupWorkspaceEditElement;
+], UmbUserGroupWorkspaceEditorElement.prototype, "_userKeys", void 0);
+UmbUserGroupWorkspaceEditorElement = __decorate([
+    customElement('umb-user-group-workspace-editor')
+], UmbUserGroupWorkspaceEditorElement);
+export { UmbUserGroupWorkspaceEditorElement };
+export default UmbUserGroupWorkspaceEditorElement;

package/dist-cms/packages/users/user-groups/workspace/user-group-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 { UmbUserGroupWorkspaceContext } from './user-group-workspace.context.js';
-import { UmbUserGroupWorkspaceEditElement } from './user-group-workspace-edit.element.js';
+import { UmbUserGroupWorkspaceEditorElement } from './user-group-workspace-editor.element.js';
 import { UUITextStyles } from '../../../../external/uui/index.js';
 import { html, customElement, state } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
@@ -13,7 +13,7 @@ let UmbUserGroupWorkspaceElement = class UmbUserGroupWorkspaceElement extends Um
     constructor() {
         super(...arguments);
         this.#workspaceContext = new UmbUserGroupWorkspaceContext(this);
-        this.#element = new UmbUserGroupWorkspaceEditElement();
+        this.#element = new UmbUserGroupWorkspaceEditorElement();
         this._routes = [
             {
                 path: 'create',

package/dist-cms/packages/users/users/workspace/{user-workspace-edit.element.d.ts → user-workspace-editor.element.d.ts}

@@ -1,6 +1,6 @@
 import { TemplateResult } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
-export declare class UmbUserWorkspaceEditElement extends UmbLitElement {
+export declare class UmbUserWorkspaceEditorElement extends UmbLitElement {
     #private;
     private _currentUser?;
     private _user?;
@@ -8,9 +8,9 @@ export declare class UmbUserWorkspaceEditElement extends UmbLitElement {
     render(): TemplateResult<1>;
     static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
 }
-export default UmbUserWorkspaceEditElement;
+export default UmbUserWorkspaceEditorElement;
 declare global {
     interface HTMLElementTagNameMap {
-        'umb-user-workspace-edit': UmbUserWorkspaceEditElement;
+        'umb-user-workspace-editor': UmbUserWorkspaceEditorElement;
     }
 }

package/dist-cms/packages/users/users/workspace/{user-workspace-edit.element.js → user-workspace-editor.element.js}

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { UMB_CURRENT_USER_STORE_CONTEXT_TOKEN } from '../../current-user/current-user.store.js';
 import { getLookAndColorFromUserStatus } from '../../utils.js';
 import { UUIInputEvent, UUITextStyles } from '../../../../external/uui/index.js';
-import { css, html, nothing, customElement, state, ifDefined, repeat } from '../../../../external/lit/index.js';
+import { css, html, nothing, customElement, state, ifDefined, repeat, } from '../../../../external/lit/index.js';
 import { UMB_CHANGE_PASSWORD_MODAL } from '../../../core/modal/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 import { UMB_ENTITY_WORKSPACE_CONTEXT } from '../../../core/workspace/index.js';
@@ -15,7 +15,7 @@ import { UserStateModel } from '../../../../external/backend-api/index.js';
 import { createExtensionClass } from '../../../../libs/extension-api/index.js';
 import { umbExtensionsRegistry } from '../../../core/extension-registry/index.js';
 import { UmbObserverController } from '../../../../libs/observable-api/index.js';
-let UmbUserWorkspaceEditElement = class UmbUserWorkspaceEditElement extends UmbLitElement {
+let UmbUserWorkspaceEditorElement = class UmbUserWorkspaceEditorElement extends UmbLitElement {
     #currentUserStore;
     #modalContext;
     #languages = []; //TODO Add languages
@@ -313,12 +313,12 @@ let UmbUserWorkspaceEditElement = class UmbUserWorkspaceEditElement extends UmbL
 };
 __decorate([
     state()
-], UmbUserWorkspaceEditElement.prototype, "_currentUser", void 0);
+], UmbUserWorkspaceEditorElement.prototype, "_currentUser", void 0);
 __decorate([
     state()
-], UmbUserWorkspaceEditElement.prototype, "_user", void 0);
-UmbUserWorkspaceEditElement = __decorate([
-    customElement('umb-user-workspace-edit')
-], UmbUserWorkspaceEditElement);
-export { UmbUserWorkspaceEditElement };
-export default UmbUserWorkspaceEditElement;
+], UmbUserWorkspaceEditorElement.prototype, "_user", void 0);
+UmbUserWorkspaceEditorElement = __decorate([
+    customElement('umb-user-workspace-editor')
+], UmbUserWorkspaceEditorElement);
+export { UmbUserWorkspaceEditorElement };
+export default UmbUserWorkspaceEditorElement;

package/dist-cms/packages/users/users/workspace/user-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 { UmbUserWorkspaceContext } from './user-workspace.context.js';
-import { UmbUserWorkspaceEditElement } from './user-workspace-edit.element.js';
+import { UmbUserWorkspaceEditorElement } from './user-workspace-editor.element.js';
 import { html, customElement, state } from '../../../../external/lit/index.js';
 import { UUITextStyles } from '../../../../external/uui/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
@@ -13,7 +13,7 @@ let UmbUserWorkspaceElement = class UmbUserWorkspaceElement extends UmbLitElemen
     constructor() {
         super(...arguments);
         this.#workspaceContext = new UmbUserWorkspaceContext(this);
-        this.#element = new UmbUserWorkspaceEditElement();
+        this.#element = new UmbUserWorkspaceEditorElement();
         this._routes = [
             {
                 path: ':id',

package/dist-cms/shared/repository/detail-repository.interface.d.ts

@@ -8,8 +8,8 @@ export interface UmbRepositoryResponse<T> extends UmbRepositoryErrorResponse {
 }
 export interface UmbDetailRepository<CreateRequestType = any, CreateResponseType = any, UpdateRequestType = any, ResponseType = any> {
     createScaffold(parentId: string | null): Promise<UmbRepositoryResponse<CreateRequestType>>;
-    requestById(id: string): Promise<UmbRepositoryResponse<ResponseType>>;
-    byId(id: string): Promise<Observable<ResponseType>>;
+    requestById(id: string): Promise<UmbRepositoryResponse<ResponseType | undefined>>;
+    byId(id: string): Promise<Observable<ResponseType | undefined>>;
     create(data: CreateRequestType): Promise<UmbRepositoryResponse<CreateResponseType>>;
     save(id: string, data: UpdateRequestType): Promise<UmbRepositoryErrorResponse>;
     delete(id: string): Promise<UmbRepositoryErrorResponse>;

package/dist-cms/shared/router/router-slot.element.js

@@ -109,8 +109,7 @@ let UmbRouterSlotElement = class UmbRouterSlotElement extends UmbLitElement {
     static { this.styles = [
         css `
 			:host {
-				display: flex;
-				flex-direction: column;
+				position: relative;
 				height: 100%;
 			}